.anchor_edefb8 {
    color: var(--text-link);
    -webkit-text-decoration: var(--link-decoration);
    text-decoration: var(--link-decoration)
}

.low-saturation .anchor_edefb8 {
    color: var(--text-link-low-saturation)
}

.anchorUnderlineOnHover_edefb8:hover {
    text-decoration: underline
}

.enable-forced-colors .anchor_edefb8, .enable-forced-colors .anchorUnderlineOnHover_edefb8 {
    background-color: Canvas;
    color: LinkText !important;
    text-decoration: underline
}

    .enable-forced-colors .anchor_edefb8 svg, .enable-forced-colors .anchorUnderlineOnHover_edefb8 svg {
        color: currentColor
    }

    .enable-forced-colors .anchor_edefb8:not([href]), .enable-forced-colors .anchorUnderlineOnHover_edefb8:not([href]) {
        background-color: ButtonFace;
        color: ButtonText !important
    }

@keyframes spinner-wandering-cubes__0b5bb {
    25% {
        transform: translateX(22px) rotate(-90deg) scale(.5)
    }

    50% {
        transform: translateX(22px) translateY(22px) rotate(-180deg)
    }

    75% {
        transform: translateX(0) translateY(22px) rotate(-270deg) scale(.5)
    }

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

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

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

    50% {
        transform: scale(1)
    }
}

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

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

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

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

    50% {
        opacity: .6
    }

    to {
        opacity: 1
    }
}

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

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

    50% {
        stroke-dasharray: 130,200
    }

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

.spinner__0b5bb {
    display: flex
}

.inner__0b5bb, .spinner__0b5bb {
    align-items: center;
    justify-content: center
}

.inner__0b5bb {
    contain: paint;
    display: inline-flex;
    height: 32px;
    position: relative;
    width: 32px
}

.wanderingCubes__0b5bb .item__0b5bb {
    animation: spinner-wandering-cubes__0b5bb 1.8s ease-in-out infinite;
    background-color: var(--brand-400);
    height: 10px;
    left: 0;
    position: absolute;
    top: 0;
    width: 10px
}

    .wanderingCubes__0b5bb .item__0b5bb:last-child {
        animation-delay: -.9s
    }

.chasingDots__0b5bb {
    animation: spinner-chasing-dots-rotate__0b5bb 2s linear infinite
}

    .chasingDots__0b5bb .item__0b5bb {
        animation: spinner-chasing-dots-bounce__0b5bb 2s ease-in-out infinite;
        background-color: var(--brand-500);
        border-radius: 100%;
        display: inline-block;
        height: 60%;
        position: absolute;
        top: 0;
        width: 60%
    }

        .chasingDots__0b5bb .item__0b5bb:last-child {
            animation-delay: -1s;
            bottom: 0;
            top: auto
        }

.pulsingEllipsis__0b5bb {
    display: flex;
    height: auto;
    justify-content: center;
    position: relative;
    width: 28px
}

    .pulsingEllipsis__0b5bb .item__0b5bb {
        animation: spinner-pulsing-ellipsis__0b5bb 1.4s ease-in-out infinite;
        background-color: var(--primary-100);
        border-radius: 3px;
        display: inline-block;
        height: 6px;
        margin-right: 2px;
        opacity: .3;
        width: 6px
    }

        .pulsingEllipsis__0b5bb .item__0b5bb:nth-of-type(2) {
            animation-delay: .2s
        }

        .pulsingEllipsis__0b5bb .item__0b5bb:nth-of-type(3) {
            animation-delay: .4s
        }

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

    .lowMotion__0b5bb .item__0b5bb:nth-of-type(2) {
        animation-delay: .2s
    }

    .lowMotion__0b5bb .item__0b5bb:nth-of-type(3) {
        animation-delay: .4s
    }

.stop-animation .pulsingEllipsis__0b5bb .item__0b5bb {
    animation: none
}

.stopAnimation__0b5bb .chasingDots__0b5bb, .stopAnimation__0b5bb .circular__0b5bb, .stopAnimation__0b5bb .item__0b5bb, .stopAnimation__0b5bb .path__0b5bb {
    animation: none
}

.spinningCircle__0b5bb {
    width: 100%
}

.spinningCircleInner__0b5bb {
    transform: rotate(280deg)
}

.circular__0b5bb {
    animation: spinner-spinning-circle-rotate__0b5bb 2s linear infinite;
    height: 100%;
    width: 100%
}

.path__0b5bb {
    animation: spinner-spinning-circle-dash__0b5bb 2s ease-in-out infinite;
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
    fill: none;
    stroke-width: 6;
    stroke-miterlimit: 10;
    stroke-linecap: round;
    stroke: var(--brand-500)
}

.path2__0b5bb {
    animation-delay: .15s;
    opacity: .6
}

.path2__0b5bb, .path3__0b5bb {
    stroke: var(--text-brand)
}

.path3__0b5bb {
    animation-delay: .23s
}

.theme-light .path3__0b5bb {
    opacity: .3
}

html.decorate-links .lowSaturationUnderline__41f68 {
    text-decoration: underline !important
}

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

.desaturate__41f68 {
    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__41f68 {
    filter: saturate(var(--saturation-factor,1)) contrast(var(--contrast,1)) brightness(var(--brightness,1))
}

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

    .button__201d5:disabled, .button__201d5[aria-disabled=true] {
        cursor: not-allowed;
        opacity: .5
    }

    .button__201d5 .contents__201d5 {
        --button--underline-color: transparent;
        background-image: linear-gradient(to top,transparent,transparent var(--custom-button-link-underline-offset),var(--button--underline-color) var(--custom-button-link-underline-offset),var(--button--underline-color) var(--custom-button-link-underline-stop),transparent var(--custom-button-link-underline-stop))
    }

.lookFilled__201d5.colorBrand__201d5 {
    background-color: var(--button-filled-brand-background);
    color: var(--button-filled-brand-text)
}

    .lookFilled__201d5.colorBrand__201d5:hover {
        background-color: var(--button-filled-brand-background-hover)
    }

    .lookFilled__201d5.colorBrand__201d5:active {
        background-color: var(--button-filled-brand-background-active)
    }

    .lookFilled__201d5.colorBrand__201d5 .spinnerItem__201d5 {
        background-color: var(--button-filled-brand-text)
    }

    .lookFilled__201d5.colorBrand__201d5:disabled, .lookFilled__201d5.colorBrand__201d5[aria-disabled=true] {
        background-color: var(--button-filled-brand-background)
    }

.lookFilled__201d5.colorBrandInverted__201d5 {
    background-color: var(--button-filled-brand-inverted-background);
    color: var(--button-filled-brand-inverted-text)
}

    .lookFilled__201d5.colorBrandInverted__201d5:hover {
        background-color: var(--button-filled-brand-inverted-background-hover)
    }

    .lookFilled__201d5.colorBrandInverted__201d5:active {
        background-color: var(--button-filled-brand-inverted-background-active)
    }

    .lookFilled__201d5.colorBrandInverted__201d5 .spinnerItem__201d5 {
        background-color: var(--button-filled-brand-inverted-text)
    }

    .lookFilled__201d5.colorBrandInverted__201d5:disabled, .lookFilled__201d5.colorBrandInverted__201d5[aria-disabled=true] {
        background-color: var(--button-filled-brand-inverted-background)
    }

.lookOutlined__201d5.colorBrand__201d5 {
    border-color: var(--button-outline-brand-border);
    color: var(--button-outline-brand-text)
}

    .lookOutlined__201d5.colorBrand__201d5: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__201d5.colorBrand__201d5: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__201d5.colorBrand__201d5:disabled, .lookOutlined__201d5.colorBrand__201d5[aria-disabled=true] {
        background-color: transparent
    }

    .lookOutlined__201d5.colorBrand__201d5 .spinnerItem__201d5 {
        background-color: var(--brand-500)
    }

.lookLink__201d5.colorBrand__201d5 {
    color: var(--brand-500)
}

    .lookLink__201d5.colorBrand__201d5:hover .contents__201d5 {
        --button--underline-color: var(--brand-500)
    }

    .lookLink__201d5.colorBrand__201d5:disabled .contents__201d5, .lookLink__201d5.colorBrand__201d5[aria-disabled=true] .contents__201d5 {
        background-image: none
    }

    .lookLink__201d5.colorBrand__201d5 .spinnerItem__201d5 {
        background-color: var(--brand-500)
    }

.lookOutlined__201d5.colorPrimary__201d5 {
    border-color: var(--button-outline-primary-border);
    color: var(--button-outline-primary-text)
}

    .lookOutlined__201d5.colorPrimary__201d5: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__201d5.colorPrimary__201d5: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__201d5.colorPrimary__201d5:disabled, .lookOutlined__201d5.colorPrimary__201d5[aria-disabled=true] {
        background-color: transparent;
        color: var(--button-outline-primary-text)
    }

    .lookOutlined__201d5.colorPrimary__201d5 .spinnerItem__201d5 {
        background-color: var(--white)
    }

.lookFilled__201d5.colorLink__201d5 {
    background-color: var(--text-link);
    color: var(--white)
}

    .lookFilled__201d5.colorLink__201d5:hover {
        background-color: var(--blue-500)
    }

    .lookFilled__201d5.colorLink__201d5:active {
        background-color: var(--blue-530)
    }

    .lookFilled__201d5.colorLink__201d5 .spinnerItem__201d5 {
        background-color: var(--white)
    }

    .lookFilled__201d5.colorLink__201d5:disabled, .lookFilled__201d5.colorLink__201d5[aria-disabled=true] {
        background-color: var(--text-link)
    }

.lookOutlined__201d5.colorLink__201d5 {
    border-color: var(--text-link);
    color: var(--text-link)
}

    .lookOutlined__201d5.colorLink__201d5:active {
        background-color: hsl(var(--text-link-hsl)/.1)
    }

    .lookOutlined__201d5.colorLink__201d5:disabled, .lookOutlined__201d5.colorLink__201d5[aria-disabled=true] {
        background-color: transparent
    }

    .lookOutlined__201d5.colorLink__201d5 .spinnerItem__201d5 {
        background-color: var(--text-link)
    }

.lookLink__201d5.colorLink__201d5 {
    color: var(--text-link)
}

    .lookLink__201d5.colorLink__201d5:hover .contents__201d5 {
        --button--underline-color: var(--text-link)
    }

    .lookLink__201d5.colorLink__201d5:disabled .contents__201d5, .lookLink__201d5.colorLink__201d5[aria-disabled=true] .contents__201d5 {
        background-image: none
    }

    .lookLink__201d5.colorLink__201d5 .spinnerItem__201d5 {
        background-color: var(--text-link)
    }

.lookFilled__201d5.colorWhite__201d5 {
    background-color: var(--button-filled-white-background);
    color: var(--button-filled-white-text)
}

    .lookFilled__201d5.colorWhite__201d5:hover {
        background-color: var(--primary-130)
    }

    .lookFilled__201d5.colorWhite__201d5:active {
        background-color: var(--primary-160)
    }

    .lookFilled__201d5.colorWhite__201d5 .spinnerItem__201d5 {
        background-color: var(--button-filled-white-text)
    }

    .lookFilled__201d5.colorWhite__201d5:disabled, .lookFilled__201d5.colorWhite__201d5[aria-disabled=true] {
        background-color: var(--button-filled-white-background)
    }

.lookOutlined__201d5.colorWhite__201d5 {
    border-color: var(--white);
    color: var(--white)
}

    .lookOutlined__201d5.colorWhite__201d5:active {
        background-color: hsl(var(--white-hsl)/.1)
    }

    .lookOutlined__201d5.colorWhite__201d5:disabled, .lookOutlined__201d5.colorWhite__201d5[aria-disabled=true] {
        background-color: transparent
    }

    .lookOutlined__201d5.colorWhite__201d5 .spinnerItem__201d5 {
        background-color: var(--white)
    }

.lookLink__201d5.colorWhite__201d5 {
    color: var(--white)
}

    .lookLink__201d5.colorWhite__201d5:hover .contents__201d5 {
        --button--underline-color: var(--white)
    }

    .lookLink__201d5.colorWhite__201d5:disabled .contents__201d5, .lookLink__201d5.colorWhite__201d5[aria-disabled=true] .contents__201d5 {
        background-image: none
    }

    .lookLink__201d5.colorWhite__201d5 .spinnerItem__201d5 {
        background-color: var(--white)
    }

.lookFilled__201d5.colorRed__201d5 {
    background-color: var(--button-danger-background);
    color: var(--white)
}

    .lookFilled__201d5.colorRed__201d5:hover {
        background-color: var(--button-danger-background-hover)
    }

    .lookFilled__201d5.colorRed__201d5:active {
        background-color: var(--button-danger-background-active)
    }

    .lookFilled__201d5.colorRed__201d5 .spinnerItem__201d5 {
        background-color: var(--white)
    }

    .lookFilled__201d5.colorRed__201d5:disabled, .lookFilled__201d5.colorRed__201d5[aria-disabled=true] {
        background-color: var(--button-danger-background-disabled)
    }

.lookOutlined__201d5.colorRed__201d5 {
    background-color: var(--button-outline-danger-background);
    border-color: var(--button-outline-danger-border);
    color: var(--button-outline-danger-text)
}

    .lookOutlined__201d5.colorRed__201d5: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__201d5.colorRed__201d5: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__201d5.colorRed__201d5:disabled, .lookOutlined__201d5.colorRed__201d5[aria-disabled=true] {
        background-color: transparent
    }

    .lookOutlined__201d5.colorRed__201d5 .spinnerItem__201d5 {
        background-color: var(--red-400)
    }

.lookLink__201d5.colorRed__201d5 {
    color: var(--text-danger)
}

    .lookLink__201d5.colorRed__201d5:hover .contents__201d5 {
        --button--underline-color: var(--text-danger)
    }

    .lookLink__201d5.colorRed__201d5:disabled .contents__201d5, .lookLink__201d5.colorRed__201d5[aria-disabled=true] .contents__201d5 {
        background-image: none
    }

    .lookLink__201d5.colorRed__201d5 .spinnerItem__201d5 {
        background-color: var(--text-danger)
    }

.lookFilled__201d5.colorGreen__201d5 {
    background-color: var(--button-positive-background);
    color: var(--white)
}

    .lookFilled__201d5.colorGreen__201d5:hover {
        background-color: var(--button-positive-background-hover)
    }

    .lookFilled__201d5.colorGreen__201d5:active {
        background-color: var(--button-positive-background-active)
    }

    .lookFilled__201d5.colorGreen__201d5 .spinnerItem__201d5 {
        background-color: var(--white)
    }

    .lookFilled__201d5.colorGreen__201d5:disabled, .lookFilled__201d5.colorGreen__201d5[aria-disabled=true] {
        background-color: var(--button-positive-background-disabled)
    }

.lookOutlined__201d5.colorGreen__201d5 {
    border-color: var(--button-outline-positive-border);
    color: var(--button-outline-positive-text)
}

    .lookOutlined__201d5.colorGreen__201d5: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__201d5.colorGreen__201d5: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__201d5.colorGreen__201d5:disabled, .lookOutlined__201d5.colorGreen__201d5[aria-disabled=true] {
        background-color: transparent
    }

    .lookOutlined__201d5.colorGreen__201d5 .spinnerItem__201d5 {
        background-color: var(--green-230)
    }

.lookLink__201d5.colorGreen__201d5 {
    color: var(--green-360)
}

    .lookLink__201d5.colorGreen__201d5:hover .contents__201d5 {
        --button--underline-color: var(--green-360)
    }

    .lookLink__201d5.colorGreen__201d5:disabled .contents__201d5, .lookLink__201d5.colorGreen__201d5[aria-disabled=true] .contents__201d5 {
        background-image: none
    }

    .lookLink__201d5.colorGreen__201d5 .spinnerItem__201d5 {
        background-color: var(--green-360)
    }

.lookFilled__201d5.colorPrimary__201d5 {
    background-color: var(--button-secondary-background);
    color: var(--button-secondary-text)
}

    .lookFilled__201d5.colorPrimary__201d5:hover {
        background-color: var(--button-secondary-background-hover)
    }

    .lookFilled__201d5.colorPrimary__201d5:active {
        background-color: var(--button-secondary-background-active)
    }

    .lookFilled__201d5.colorPrimary__201d5 .spinnerItem__201d5 {
        background-color: var(--primary-100)
    }

    .lookFilled__201d5.colorPrimary__201d5:disabled, .lookFilled__201d5.colorPrimary__201d5[aria-disabled=true] {
        background-color: var(--button-secondary-background-disabled)
    }

.lookFilled__201d5.colorTransparent__201d5 {
    background-color: var(--button-transparent-background);
    color: var(--button-transparent-text)
}

    .lookFilled__201d5.colorTransparent__201d5:hover {
        background-color: var(--button-transparent-background-hover)
    }

    .lookFilled__201d5.colorTransparent__201d5:active {
        background-color: var(--button-transparent-background-active)
    }

    .lookFilled__201d5.colorTransparent__201d5 .spinnerItem__201d5 {
        background-color: var(--button-transparent-text)
    }

    .lookFilled__201d5.colorTransparent__201d5:disabled, .lookFilled__201d5.colorTransparent__201d5[aria-disabled=true] {
        background-color: var(--button-transparent-background)
    }

.theme-dark .lookLink__201d5.colorPrimary__201d5:hover .contents__201d5 {
    --button--underline-color: var(--white)
}

.theme-dark .lookLink__201d5.colorPrimary__201d5 .spinnerItem__201d5 {
    background-color: var(--white)
}

.theme-dark .lookOutlined__201d5.colorTransparent__201d5 {
    border-color: var(--primary-200)
}

    .theme-dark .lookOutlined__201d5.colorTransparent__201d5:active {
        background-color: hsl(var(--primary-200-hsl)/.1)
    }

    .theme-dark .lookOutlined__201d5.colorTransparent__201d5 .spinnerItem__201d5 {
        background-color: var(--primary-200)
    }

.theme-dark .lookLink__201d5.colorTransparent__201d5:hover .contents__201d5 {
    --button--underline-color: var(--primary-200)
}

.theme-dark .lookLink__201d5.colorTransparent__201d5 .spinnerItem__201d5 {
    background-color: var(--primary-200)
}

.theme-light .lookLink__201d5.colorPrimary__201d5:hover .contents__201d5 {
    --button--underline-color: var(--primary-400)
}

.theme-light .lookLink__201d5.colorPrimary__201d5 .spinnerItem__201d5 {
    background-color: var(--primary-400)
}

.theme-light .lookOutlined__201d5.colorTransparent__201d5 {
    border-color: var(--primary-400)
}

    .theme-light .lookOutlined__201d5.colorTransparent__201d5:active {
        background-color: hsl(var(--primary-400-hsl)/.1)
    }

    .theme-light .lookOutlined__201d5.colorTransparent__201d5 .spinnerItem__201d5 {
        background-color: var(--primary-400)
    }

.theme-light .lookLink__201d5.colorTransparent__201d5:hover .contents__201d5 {
    --button--underline-color: var(--primary-400)
}

.theme-light .lookLink__201d5.colorTransparent__201d5 .spinnerItem__201d5 {
    background-color: var(--primary-400)
}

.lookFilled__201d5 {
    transition: background-color var(--custom-button-transition-duration) ease,color var(--custom-button-transition-duration) ease
}

.lookOutlined__201d5 {
    border-style: solid;
    border-width: 1px;
    transition: color var(--custom-button-transition-duration) ease,background-color var(--custom-button-transition-duration) ease,border-color var(--custom-button-transition-duration) ease
}

.lookBlank__201d5 {
    background: transparent;
    border: 0;
    color: currentColor;
    margin: 0;
    padding: 0
}

.sizeTiny__201d5 {
    height: var(--custom-button-button-tn-height);
    min-height: var(--custom-button-button-tn-height);
    min-width: var(--custom-button-button-tn-width);
    width: var(--custom-button-button-tn-width)
}

.sizeSmall__201d5 {
    height: var(--custom-button-button-sm-height);
    min-height: var(--custom-button-button-sm-height);
    min-width: var(--custom-button-button-sm-width);
    width: var(--custom-button-button-sm-width)
}

.sizeMedium__201d5 {
    height: var(--custom-button-button-md-height);
    min-height: var(--custom-button-button-md-height);
    min-width: var(--custom-button-button-md-width);
    width: var(--custom-button-button-md-width)
}

.sizeLarge__201d5 {
    height: var(--custom-button-button-lg-height);
    min-height: var(--custom-button-button-lg-height);
    min-width: var(--custom-button-button-lg-width);
    width: var(--custom-button-button-lg-width)
}

.sizeMin__201d5 {
    display: inline;
    height: auto;
    padding: 0 4px;
    width: auto
}

.sizeMax__201d5 {
    font-size: 16px;
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    width: 100%
}

.sizeIcon__201d5 {
    height: auto;
    padding: 4px
}

.grow__201d5, .sizeIcon__201d5 {
    width: auto
}

.fullWidth__201d5 {
    width: 100%
}

.submitting__201d5 {
    pointer-events: none
}

.lookFilled__201d5 .contents__201d5, .lookLink__201d5 .contents__201d5, .lookOutlined__201d5 .contents__201d5 {
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.lookLink__201d5 {
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .lookFilled__201d5 .contents__201d5, .lookLink__201d5 .contents__201d5, .lookOutlined__201d5 .contents__201d5 {
        margin: 0
    }
}

.submitting__201d5 .contents__201d5 {
    visibility: hidden
}

.spinner__201d5 {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.disabledButtonWrapper__201d5 {
    display: inline-block;
    position: relative
}

    .disabledButtonWrapper__201d5 .button__201d5.grow__201d5 {
        width: 100%
    }

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

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

    .enable-forced-colors.theme-dark .button__201d5 .contents__201d5, .enable-forced-colors.theme-light .button__201d5 .contents__201d5 {
        color: ButtonText;
        forced-color-adjust: none
    }

        .enable-forced-colors.theme-dark .button__201d5 .contents__201d5 svg, .enable-forced-colors.theme-light .button__201d5 .contents__201d5 svg {
            color: currentColor
        }

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

        .enable-forced-colors.theme-dark .button__201d5:hover .contents__201d5, .enable-forced-colors.theme-light .button__201d5:hover .contents__201d5 {
            color: ButtonText;
            text-decoration: underline
        }

    .enable-forced-colors.theme-dark .button__201d5:disabled, .enable-forced-colors.theme-dark .button__201d5[aria-disabled=true], .enable-forced-colors.theme-light .button__201d5:disabled, .enable-forced-colors.theme-light .button__201d5[aria-disabled=true] {
        background-color: Canvas;
        border-color: GrayText !important;
        opacity: 1
    }

        .enable-forced-colors.theme-dark .button__201d5:disabled .contents__201d5, .enable-forced-colors.theme-dark .button__201d5[aria-disabled=true] .contents__201d5, .enable-forced-colors.theme-light .button__201d5:disabled .contents__201d5, .enable-forced-colors.theme-light .button__201d5[aria-disabled=true] .contents__201d5 {
            color: GrayText
        }

    .enable-forced-colors.theme-dark .button__201d5.lookLink__201d5 .contents__201d5, .enable-forced-colors.theme-light .button__201d5.lookLink__201d5 .contents__201d5 {
        text-decoration: underline
    }

    .enable-forced-colors.theme-dark .button__201d5.lookLink__201d5:not(:disabled), .enable-forced-colors.theme-dark .button__201d5.lookLink__201d5:not([aria-disabled=true]), .enable-forced-colors.theme-light .button__201d5.lookLink__201d5:not(:disabled), .enable-forced-colors.theme-light .button__201d5.lookLink__201d5:not([aria-disabled=true]) {
        background-color: Canvas
    }

        .enable-forced-colors.theme-dark .button__201d5.lookLink__201d5:not(:disabled) .contents__201d5, .enable-forced-colors.theme-dark .button__201d5.lookLink__201d5:not([aria-disabled=true]) .contents__201d5, .enable-forced-colors.theme-light .button__201d5.lookLink__201d5:not(:disabled) .contents__201d5, .enable-forced-colors.theme-light .button__201d5.lookLink__201d5:not([aria-disabled=true]) .contents__201d5 {
            color: LinkText
        }

        .enable-forced-colors.theme-dark .button__201d5.lookLink__201d5:not(:disabled):hover, .enable-forced-colors.theme-dark .button__201d5.lookLink__201d5:not([aria-disabled=true]):hover, .enable-forced-colors.theme-light .button__201d5.lookLink__201d5:not(:disabled):hover, .enable-forced-colors.theme-light .button__201d5.lookLink__201d5:not([aria-disabled=true]):hover {
            background-color: Canvas
        }

            .enable-forced-colors.theme-dark .button__201d5.lookLink__201d5:not(:disabled):hover .contents__201d5, .enable-forced-colors.theme-dark .button__201d5.lookLink__201d5:not([aria-disabled=true]):hover .contents__201d5, .enable-forced-colors.theme-light .button__201d5.lookLink__201d5:not(:disabled):hover .contents__201d5, .enable-forced-colors.theme-light .button__201d5.lookLink__201d5:not([aria-disabled=true]):hover .contents__201d5 {
                color: LinkText
            }

    .enable-forced-colors.theme-dark .button__201d5.lookFilled__201d5, .enable-forced-colors.theme-dark .button__201d5.lookOutlined__201d5, .enable-forced-colors.theme-light .button__201d5.lookFilled__201d5, .enable-forced-colors.theme-light .button__201d5.lookOutlined__201d5 {
        border-style: solid;
        border-width: 1px
    }

        .enable-forced-colors.theme-dark .button__201d5.lookFilled__201d5:not(:disabled), .enable-forced-colors.theme-dark .button__201d5.lookFilled__201d5:not([aria-disabled=true]), .enable-forced-colors.theme-dark .button__201d5.lookOutlined__201d5:not(:disabled), .enable-forced-colors.theme-dark .button__201d5.lookOutlined__201d5:not([aria-disabled=true]), .enable-forced-colors.theme-light .button__201d5.lookFilled__201d5:not(:disabled), .enable-forced-colors.theme-light .button__201d5.lookFilled__201d5:not([aria-disabled=true]), .enable-forced-colors.theme-light .button__201d5.lookOutlined__201d5:not(:disabled), .enable-forced-colors.theme-light .button__201d5.lookOutlined__201d5:not([aria-disabled=true]) {
            border-color: CanvasText !important
        }

            .enable-forced-colors.theme-dark .button__201d5.lookFilled__201d5:not(:disabled):hover, .enable-forced-colors.theme-dark .button__201d5.lookFilled__201d5:not([aria-disabled=true]):hover, .enable-forced-colors.theme-dark .button__201d5.lookOutlined__201d5:not(:disabled):hover, .enable-forced-colors.theme-dark .button__201d5.lookOutlined__201d5:not([aria-disabled=true]):hover, .enable-forced-colors.theme-light .button__201d5.lookFilled__201d5:not(:disabled):hover, .enable-forced-colors.theme-light .button__201d5.lookFilled__201d5:not([aria-disabled=true]):hover, .enable-forced-colors.theme-light .button__201d5.lookOutlined__201d5:not(:disabled):hover, .enable-forced-colors.theme-light .button__201d5.lookOutlined__201d5:not([aria-disabled=true]):hover {
                border-color: ButtonText !important
            }

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

        .enable-forced-colors.theme-dark .button__201d5:active .contents__201d5, .enable-forced-colors.theme-dark .button__201d5[aria-expanded=true] .contents__201d5, .enable-forced-colors.theme-dark .button__201d5[aria-selected=true] .contents__201d5, .enable-forced-colors.theme-light .button__201d5:active .contents__201d5, .enable-forced-colors.theme-light .button__201d5[aria-expanded=true] .contents__201d5, .enable-forced-colors.theme-light .button__201d5[aria-selected=true] .contents__201d5 {
            color: Highlight;
            text-decoration: underline
        }

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

            .enable-forced-colors.theme-dark .button__201d5:active:hover .contents__201d5, .enable-forced-colors.theme-dark .button__201d5[aria-expanded=true]:hover .contents__201d5, .enable-forced-colors.theme-dark .button__201d5[aria-selected=true]:hover .contents__201d5, .enable-forced-colors.theme-light .button__201d5:active:hover .contents__201d5, .enable-forced-colors.theme-light .button__201d5[aria-expanded=true]:hover .contents__201d5, .enable-forced-colors.theme-light .button__201d5[aria-selected=true]:hover .contents__201d5 {
                color: Highlight
            }

    .enable-forced-colors.theme-dark .button__201d5.lookFilled__201d5:active, .enable-forced-colors.theme-dark .button__201d5.lookFilled__201d5[aria-expanded=true], .enable-forced-colors.theme-dark .button__201d5.lookFilled__201d5[aria-selected=true], .enable-forced-colors.theme-dark .button__201d5.lookOutlined__201d5:active, .enable-forced-colors.theme-dark .button__201d5.lookOutlined__201d5[aria-expanded=true], .enable-forced-colors.theme-dark .button__201d5.lookOutlined__201d5[aria-selected=true], .enable-forced-colors.theme-light .button__201d5.lookFilled__201d5:active, .enable-forced-colors.theme-light .button__201d5.lookFilled__201d5[aria-expanded=true], .enable-forced-colors.theme-light .button__201d5.lookFilled__201d5[aria-selected=true], .enable-forced-colors.theme-light .button__201d5.lookOutlined__201d5:active, .enable-forced-colors.theme-light .button__201d5.lookOutlined__201d5[aria-expanded=true], .enable-forced-colors.theme-light .button__201d5.lookOutlined__201d5[aria-selected=true] {
        border-color: Highlight !important
    }

.lookLink__201d5.colorPrimary__201d5 {
    color: var(--text-normal)
}

.images-light .lookLink__201d5.colorPrimary__201d5:disabled .contents__201d5, .images-light .lookLink__201d5.colorPrimary__201d5[aria-disabled=true] .contents__201d5 {
    background-image: none
}

.images-dark .lookLink__201d5.colorPrimary__201d5:disabled .contents__201d5, .images-dark .lookLink__201d5.colorPrimary__201d5[aria-disabled=true] .contents__201d5 {
    background-image: none
}

.lookOutlined__201d5.colorTransparent__201d5 {
    color: var(--text-normal)
}

    .lookOutlined__201d5.colorTransparent__201d5:disabled, .lookOutlined__201d5.colorTransparent__201d5[aria-disabled=true] {
        background-color: transparent
    }

.lookLink__201d5.colorTransparent__201d5 {
    color: var(--text-normal)
}

.lookLink__201d5.sizeMin__201d5 .contents__201d5 {
    display: inline
}

:where(.visual-refresh) .button__201d5 {
    border: 1px solid var(--opacity-white-8);
    border-radius: 8px;
    transition-duration: .2s
}

:where(.visual-refresh).theme-dark .lookLink__201d5.colorLink__201d5, :where(.visual-refresh).theme-dark .lookLink__201d5.colorPrimary__201d5 {
    color: var(--brand-360)
}

    :where(.visual-refresh).theme-dark .lookLink__201d5.colorLink__201d5:hover .contents__201d5, :where(.visual-refresh).theme-dark .lookLink__201d5.colorPrimary__201d5:hover .contents__201d5 {
        --button--underline-color: var(--brand-360)
    }

:where(.visual-refresh) .lookBlank__201d5, :where(.visual-refresh) .lookLink__201d5 {
    border: none
}

:where(.visual-refresh) .disabledButtonWrapper__201d5 {
    padding: 0
}

:where(.visual-refresh) .lookFilled__201d5.colorBrand__201d5 {
    border: 1px solid var(--button-filled-brand-border)
}

:where(.visual-refresh) .lookFilled__201d5.colorRed__201d5 {
    border: 1px solid var(--button-danger-border)
}

:where(.visual-refresh) .lookFilled__201d5.colorGreen__201d5 {
    border: 1px solid var(--button-positive-border)
}

:where(.visual-refresh) .lookFilled__201d5.colorPrimary__201d5 {
    border-color: var(--border-faint)
}

    :where(.visual-refresh) .lookFilled__201d5.colorPrimary__201d5 .spinnerItem__201d5 {
        background-color: var(--button-secondary-text)
    }

:where(.visual-refresh) .lookFilled__201d5.colorTransparent__201d5 {
    border-color: var(--border-faint)
}

:where(.visual-refresh) .lookFilled__201d5.colorWhite__201d5 {
    border-color: var(--opacity-8)
}

    :where(.visual-refresh) .lookFilled__201d5.colorWhite__201d5:hover {
        background-color: var(--button-filled-white-background-hover)
    }

    :where(.visual-refresh) .lookFilled__201d5.colorWhite__201d5:active {
        background-color: var(--button-filled-white-background-active)
    }

.backdrop__78332 {
    bottom: 0;
    left: 0;
    position: fixed;
    right: var(--devtools-sidebar-width,0);
    top: 0;
    transform: translateZ(0)
}

    .backdrop__78332.withLayer__78332 {
        pointer-events: all
    }

.defaultColor__5345c {
    color: var(--header-primary)
}

.defaultColor__4bd52 {
    color: var(--text-normal)
}

.lineClamp1__4bd52 {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.lineClamp2Plus__4bd52 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.selectable__4bd52 {
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.tabularNumbers__4bd52 {
    font-variant-numeric: tabular-nums
}

.heading-sm\/normal_cf4812 {
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2857142857142858
}

    .heading-sm\/normal_cf4812.fontScaling_cf4812 {
        font-size: .875rem
    }

.heading-sm\/medium_cf4812 {
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2857142857142858
}

    .heading-sm\/medium_cf4812.fontScaling_cf4812 {
        font-size: .875rem
    }

.heading-sm\/semibold_cf4812 {
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2857142857142858
}

    .heading-sm\/semibold_cf4812.fontScaling_cf4812 {
        font-size: .875rem
    }

.heading-sm\/bold_cf4812 {
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2857142857142858
}

    .heading-sm\/bold_cf4812.fontScaling_cf4812 {
        font-size: .875rem
    }

.heading-sm\/extrabold_cf4812 {
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2857142857142858
}

    .heading-sm\/extrabold_cf4812.fontScaling_cf4812 {
        font-size: .875rem
    }

.heading-md\/normal_cf4812 {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25
}

    .heading-md\/normal_cf4812.fontScaling_cf4812 {
        font-size: 1rem
    }

.heading-md\/medium_cf4812 {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25
}

    .heading-md\/medium_cf4812.fontScaling_cf4812 {
        font-size: 1rem
    }

.heading-md\/semibold_cf4812 {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25
}

    .heading-md\/semibold_cf4812.fontScaling_cf4812 {
        font-size: 1rem
    }

.heading-md\/bold_cf4812 {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25
}

    .heading-md\/bold_cf4812.fontScaling_cf4812 {
        font-size: 1rem
    }

.heading-md\/extrabold_cf4812 {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.25
}

    .heading-md\/extrabold_cf4812.fontScaling_cf4812 {
        font-size: 1rem
    }

.heading-lg\/normal_cf4812 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2
}

    .heading-lg\/normal_cf4812.fontScaling_cf4812 {
        font-size: 1.25rem
    }

.heading-lg\/medium_cf4812 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2
}

    .heading-lg\/medium_cf4812.fontScaling_cf4812 {
        font-size: 1.25rem
    }

.heading-lg\/semibold_cf4812 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2
}

    .heading-lg\/semibold_cf4812.fontScaling_cf4812 {
        font-size: 1.25rem
    }

.heading-lg\/bold_cf4812 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2
}

    .heading-lg\/bold_cf4812.fontScaling_cf4812 {
        font-size: 1.25rem
    }

.heading-lg\/extrabold_cf4812 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2
}

    .heading-lg\/extrabold_cf4812.fontScaling_cf4812 {
        font-size: 1.25rem
    }

.heading-xl\/normal_cf4812 {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 400;
    line-height: 1.25
}

    .heading-xl\/normal_cf4812.fontScaling_cf4812 {
        font-size: 1.5rem
    }

.heading-xl\/medium_cf4812 {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 500;
    line-height: 1.25
}

    .heading-xl\/medium_cf4812.fontScaling_cf4812 {
        font-size: 1.5rem
    }

.heading-xl\/semibold_cf4812 {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25
}

    .heading-xl\/semibold_cf4812.fontScaling_cf4812 {
        font-size: 1.5rem
    }

.heading-xl\/bold_cf4812 {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25
}

    .heading-xl\/bold_cf4812.fontScaling_cf4812 {
        font-size: 1.5rem
    }

.heading-xl\/extrabold_cf4812 {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.25
}

    .heading-xl\/extrabold_cf4812.fontScaling_cf4812 {
        font-size: 1.5rem
    }

.heading-xxl\/normal_cf4812 {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 400;
    line-height: 1.25
}

    .heading-xxl\/normal_cf4812.fontScaling_cf4812 {
        font-size: 2rem
    }

.heading-xxl\/medium_cf4812 {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 500;
    line-height: 1.25
}

    .heading-xxl\/medium_cf4812.fontScaling_cf4812 {
        font-size: 2rem
    }

.heading-xxl\/semibold_cf4812 {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 600;
    line-height: 1.25
}

    .heading-xxl\/semibold_cf4812.fontScaling_cf4812 {
        font-size: 2rem
    }

.heading-xxl\/bold_cf4812 {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 700;
    line-height: 1.25
}

    .heading-xxl\/bold_cf4812.fontScaling_cf4812 {
        font-size: 2rem
    }

.heading-xxl\/extrabold_cf4812 {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 800;
    line-height: 1.25
}

    .heading-xxl\/extrabold_cf4812.fontScaling_cf4812 {
        font-size: 2rem
    }

.eyebrow_cf4812 {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 1.3333333333333333;
    text-transform: uppercase
}

    .eyebrow_cf4812.fontScaling_cf4812 {
        font-size: .75rem
    }

.heading-deprecated-12\/normal_cf4812 {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3333333333333333
}

    .heading-deprecated-12\/normal_cf4812.fontScaling_cf4812 {
        font-size: .75rem
    }

.heading-deprecated-12\/medium_cf4812 {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3333333333333333
}

    .heading-deprecated-12\/medium_cf4812.fontScaling_cf4812 {
        font-size: .75rem
    }

.heading-deprecated-12\/semibold_cf4812 {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3333333333333333
}

    .heading-deprecated-12\/semibold_cf4812.fontScaling_cf4812 {
        font-size: .75rem
    }

.heading-deprecated-12\/bold_cf4812 {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3333333333333333
}

    .heading-deprecated-12\/bold_cf4812.fontScaling_cf4812 {
        font-size: .75rem
    }

.heading-deprecated-12\/extrabold_cf4812 {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.3333333333333333
}

    .heading-deprecated-12\/extrabold_cf4812.fontScaling_cf4812 {
        font-size: .75rem
    }

.redesign\/heading-18\/bold_cf4812 {
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3333333333333333
}

    .redesign\/heading-18\/bold_cf4812.fontScaling_cf4812 {
        font-size: 1.125rem
    }

.text-xxs\/normal_cf4812 {
    font-family: var(--font-primary);
    font-size: 10px;
    font-weight: 400;
    line-height: 1.2
}

    .text-xxs\/normal_cf4812.fontScaling_cf4812 {
        font-size: .625rem
    }

.text-xxs\/medium_cf4812 {
    font-family: var(--font-primary);
    font-size: 10px;
    font-weight: 500;
    line-height: 1.2
}

    .text-xxs\/medium_cf4812.fontScaling_cf4812 {
        font-size: .625rem
    }

.text-xxs\/semibold_cf4812 {
    font-family: var(--font-primary);
    font-size: 10px;
    font-weight: 600;
    line-height: 1.2
}

    .text-xxs\/semibold_cf4812.fontScaling_cf4812 {
        font-size: .625rem
    }

.text-xxs\/bold_cf4812 {
    font-family: var(--font-primary);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2
}

    .text-xxs\/bold_cf4812.fontScaling_cf4812 {
        font-size: .625rem
    }

.text-xs\/normal_cf4812 {
    font-family: var(--font-primary);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3333333333333333
}

    .text-xs\/normal_cf4812.fontScaling_cf4812 {
        font-size: .75rem
    }

.text-xs\/medium_cf4812 {
    font-family: var(--font-primary);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3333333333333333
}

    .text-xs\/medium_cf4812.fontScaling_cf4812 {
        font-size: .75rem
    }

.text-xs\/semibold_cf4812 {
    font-family: var(--font-primary);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3333333333333333
}

    .text-xs\/semibold_cf4812.fontScaling_cf4812 {
        font-size: .75rem
    }

.text-xs\/bold_cf4812 {
    font-family: var(--font-primary);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3333333333333333
}

    .text-xs\/bold_cf4812.fontScaling_cf4812 {
        font-size: .75rem
    }

.text-sm\/normal_cf4812 {
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2857142857142858
}

    .text-sm\/normal_cf4812.fontScaling_cf4812 {
        font-size: .875rem
    }

.text-sm\/medium_cf4812 {
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2857142857142858
}

    .text-sm\/medium_cf4812.fontScaling_cf4812 {
        font-size: .875rem
    }

.text-sm\/semibold_cf4812 {
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2857142857142858
}

    .text-sm\/semibold_cf4812.fontScaling_cf4812 {
        font-size: .875rem
    }

.text-sm\/bold_cf4812 {
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2857142857142858
}

    .text-sm\/bold_cf4812.fontScaling_cf4812 {
        font-size: .875rem
    }

.text-md\/normal_cf4812 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25
}

    .text-md\/normal_cf4812.fontScaling_cf4812 {
        font-size: 1rem
    }

.text-md\/medium_cf4812 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25
}

    .text-md\/medium_cf4812.fontScaling_cf4812 {
        font-size: 1rem
    }

.text-md\/semibold_cf4812 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25
}

    .text-md\/semibold_cf4812.fontScaling_cf4812 {
        font-size: 1rem
    }

.text-md\/bold_cf4812 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25
}

    .text-md\/bold_cf4812.fontScaling_cf4812 {
        font-size: 1rem
    }

.text-lg\/normal_cf4812 {
    font-family: var(--font-primary);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2
}

    .text-lg\/normal_cf4812.fontScaling_cf4812 {
        font-size: 1.25rem
    }

.text-lg\/medium_cf4812 {
    font-family: var(--font-primary);
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2
}

    .text-lg\/medium_cf4812.fontScaling_cf4812 {
        font-size: 1.25rem
    }

.text-lg\/semibold_cf4812 {
    font-family: var(--font-primary);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2
}

    .text-lg\/semibold_cf4812.fontScaling_cf4812 {
        font-size: 1.25rem
    }

.text-lg\/bold_cf4812 {
    font-family: var(--font-primary);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2
}

    .text-lg\/bold_cf4812.fontScaling_cf4812 {
        font-size: 1.25rem
    }

.redesign\/message-preview\/normal_cf4812 {
    font-family: var(--font-primary);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3333333333333333
}

    .redesign\/message-preview\/normal_cf4812.fontScaling_cf4812 {
        font-size: .9375rem
    }

.redesign\/message-preview\/medium_cf4812 {
    font-family: var(--font-primary);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3333333333333333
}

    .redesign\/message-preview\/medium_cf4812.fontScaling_cf4812 {
        font-size: .9375rem
    }

.redesign\/message-preview\/semibold_cf4812 {
    font-family: var(--font-primary);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3333333333333333
}

    .redesign\/message-preview\/semibold_cf4812.fontScaling_cf4812 {
        font-size: .9375rem
    }

.redesign\/message-preview\/bold_cf4812 {
    font-family: var(--font-primary);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3333333333333333
}

    .redesign\/message-preview\/bold_cf4812.fontScaling_cf4812 {
        font-size: .9375rem
    }

.redesign\/channel-title\/normal_cf4812 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.375
}

    .redesign\/channel-title\/normal_cf4812.fontScaling_cf4812 {
        font-size: 1rem
    }

.redesign\/channel-title\/medium_cf4812 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.375
}

    .redesign\/channel-title\/medium_cf4812.fontScaling_cf4812 {
        font-size: 1rem
    }

.redesign\/channel-title\/semibold_cf4812 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.375
}

    .redesign\/channel-title\/semibold_cf4812.fontScaling_cf4812 {
        font-size: 1rem
    }

.redesign\/channel-title\/bold_cf4812 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.375
}

    .redesign\/channel-title\/bold_cf4812.fontScaling_cf4812 {
        font-size: 1rem
    }

.display-sm_cf4812 {
    font-family: var(--font-headline);
    font-size: 20px;
    font-weight: 800;
    line-height: 1
}

    .display-sm_cf4812.fontScaling_cf4812 {
        font-size: 1.25rem
    }

.display-md_cf4812 {
    font-family: var(--font-headline);
    font-size: 34px;
    font-weight: 800;
    line-height: 1.0588235294117647
}

    .display-md_cf4812.fontScaling_cf4812 {
        font-size: 2.125rem
    }

.display-lg_cf4812 {
    font-family: var(--font-headline);
    font-size: 44px;
    font-weight: 800;
    line-height: .9545454545454546
}

    .display-lg_cf4812.fontScaling_cf4812 {
        font-size: 2.75rem
    }

.code_cf4812 {
    font-family: var(--font-code);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3333333333333333
}

    .code_cf4812.fontScaling_cf4812 {
        font-size: .75rem
    }

.container__35859 {
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    font-weight: 500;
    padding: 8px;
    width: 100%
}

.icon__35859 {
    flex-shrink: 0;
    height: 24px;
    width: 24px
}

.iconDiv__35859 {
    display: flex
}

.text__35859 {
    align-self: center;
    flex: 1;
    margin-left: 10px
}

    .text__35859 p {
        margin: 0
    }

        .text__35859 p ~ p {
            margin-top: 8px
        }

.positive__35859 {
    background: var(--info-positive-background);
    border: 1px solid var(--info-positive-foreground);
    color: var(--info-positive-text)
}

    .positive__35859 .icon__35859 {
        color: var(--info-positive-foreground)
    }

.warning__35859 {
    background: var(--info-warning-background);
    border: 1px solid var(--info-warning-foreground);
    color: var(--info-warning-text)
}

    .warning__35859 .icon__35859 {
        color: var(--info-warning-foreground)
    }

.info__35859 {
    background: var(--info-help-background);
    border: 1px solid var(--info-help-foreground);
    color: var(--info-help-text)
}

    .info__35859 .icon__35859 {
        color: var(--info-help-foreground)
    }

.error__35859 {
    background: var(--info-danger-background);
    border: 1px solid var(--info-danger-foreground);
    color: var(--info-danger-text)
}

    .error__35859 .icon__35859 {
        color: var(--info-danger-foreground)
    }

.visual-refresh .container__35859 {
    border-radius: var(--radius-sm)
}

.visual-refresh .icon__35859 {
    height: 20px;
    width: 20px
}

.visual-refresh .text__35859 {
    margin-left: var(--space-8)
}

.stack_dbd263 {
    display: flex;
    width: 100%
}

    .stack_dbd263[data-direction=vertical] {
        flex-direction: column
    }

    .stack_dbd263[data-direction=horizontal] {
        flex-direction: row
    }

    .stack_dbd263[data-align=start] {
        align-items: flex-start
    }

    .stack_dbd263[data-align=end] {
        align-items: flex-end
    }

    .stack_dbd263[data-align=center] {
        align-items: center
    }

    .stack_dbd263[data-align=stretch] {
        align-items: stretch
    }

    .stack_dbd263[data-align=baseline] {
        align-items: baseline
    }

    .stack_dbd263[data-justify=start] {
        justify-content: flex-start
    }

    .stack_dbd263[data-justify=end] {
        justify-content: flex-end
    }

    .stack_dbd263[data-justify=center] {
        justify-content: center
    }

    .stack_dbd263[data-justify=space-around] {
        justify-content: space-around
    }

    .stack_dbd263[data-justify=space-between] {
        justify-content: space-between
    }

.outerContainer__53cea {
    align-items: center;
    container: modal-container/inline-size;
    height: 100vh;
    justify-content: center;
    padding: calc(var(--custom-app-top-bar-height) + var(--space-24)) var(--space-24);
    pointer-events: none;
    position: relative;
    width: calc(100vw - var(--devtools-sidebar-width, 0))
}

.container__53cea, .outerContainer__53cea {
    box-sizing: border-box;
    display: flex
}

.container__53cea {
    --custom-modal-padding: var(--space-24);
    --custom-modal-padding-bottom: var(--space-8);
    --custom-modal-padding-top: var(--space-16);
    background: var(--background-surface-high);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-high);
    color: var(--text-normal);
    flex-direction: column;
    max-height: 100%;
    padding-bottom: var(--custom-modal-padding-top);
    padding-top: var(--custom-modal-padding-bottom);
    pointer-events: auto;
    width: 100%
}

.section__53cea {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding: var(--custom-modal-padding-top) var(--custom-modal-padding) var(--custom-modal-padding-bottom)
}

.size-sm__53cea {
    max-width: 400px
}

.size-md__53cea, .size-sm__53cea {
    max-height: min(720px,100%)
}

.size-md__53cea {
    max-width: 480px
}

.size-lg__53cea {
    max-width: 680px
}

.size-xl__53cea {
    max-width: 1280px
}

@container (min-width: 1080px) {
    .size-xl__53cea {
        width: calc(80vw - var(--devtools-sidebar-width, 0))
    }
}

@media (max-width:485px) and (max-height:550px) {
    .fullScreenOnMobile__53cea {
        padding: var(--custom-app-top-bar-height) 0 0
    }

        .fullScreenOnMobile__53cea .container__53cea {
            border: none;
            border-radius: 0;
            height: 100%;
            overflow-y: auto
        }
}

.header__53cea {
    align-items: flex-start;
    display: flex;
    position: relative
}

.headerLeading__53cea, .headerLeadingSpacer__53cea {
    margin-left: calc(var(--space-4)*-1);
    margin-top: calc(var(--space-4)*-1);
    padding-right: var(--space-12)
}

.headerTrailing__53cea, .headerTrailingSpacer__53cea {
    margin-right: calc(var(--space-4)*-1);
    margin-top: calc(var(--space-4)*-1);
    padding-left: var(--space-12)
}

.headerLeading__53cea, .headerLeadingSpacer__53cea, .headerTrailing__53cea, .headerTrailingSpacer__53cea {
    box-sizing: border-box;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    gap: var(--space-8);
    min-width: var(--space-4)
}

.headerLeadingAbsolute__53cea {
    left: var(--custom-modal-padding)
}

.headerLeadingAbsolute__53cea, .headerTrailingAbsolute__53cea {
    position: absolute;
    top: var(--custom-modal-padding-top)
}

.headerTrailingAbsolute__53cea {
    right: var(--custom-modal-padding)
}

.headerMain__53cea {
    box-sizing: border-box;
    flex-grow: 1;
    flex-shrink: 1
}

.headerMainCentered__53cea {
    text-align: center
}

.closeButton__53cea {
    background: transparent;
    box-sizing: border-box;
    color: var(--icon-secondary);
    display: block;
    height: var(--space-24);
    padding: 0;
    width: var(--space-24)
}

.content__53cea {
    flex-grow: 0;
    flex-shrink: 1;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0
}

.contentSpacerTop__53cea {
    flex-grow: 0;
    padding-top: var(--custom-modal-padding-top)
}

.contentSpacerTopBorder__53cea {
    border-bottom: 1px solid var(--border-subtle)
}

.contentSpacerBottom__53cea {
    flex-grow: 0;
    padding-bottom: var(--custom-modal-padding-bottom)
}

.contentSpacerBottomBorder__53cea {
    border-top: 1px solid var(--border-subtle)
}

.contentControls__53cea {
    padding: 0 var(--custom-modal-padding);
    position: relative
}

    .contentControls__53cea:after {
        background: radial-gradient(88.69% 87.5% at 50% 87.5%,transparent 0,var(--background-surface-high) 100%);
        content: "";
        display: block;
        height: 40px;
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        right: var(--space-16);
        top: 100%;
        transition: opacity .2s ease-out 0s,visibility 0s ease-out .2s;
        visibility: hidden;
        z-index: 1
    }

.contentControlsWithFade__53cea:after {
    opacity: 1;
    transition: opacity .2s ease-out 0s,visibility 0s ease-out 0s;
    visibility: visible
}

.contentInner__53cea {
    padding-left: var(--custom-modal-padding);
    padding-right: calc(var(--custom-modal-padding) - var(--space-16))
}

.contentControls__53cea + .content__53cea .contentInner__53cea, .contentInnerShouldScroll__53cea {
    padding-top: var(--space-12)
}

.contentInnerShouldScroll__53cea {
    padding-bottom: var(--space-12)
}

.footer__53cea {
    padding-bottom: 0
}

.actionBar__53cea {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-8)
}

.actionBarLeading__53cea {
    flex-grow: 1;
    flex-shrink: 1
}

.actionBarTrailing__53cea {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    flex-wrap: wrap;
    gap: var(--space-8);
    margin-left: auto;
    max-width: 100%
}

.actionBarTrailingFullWidth__53cea {
    width: 100%
}

.scrim_d9cec8 {
    background-color: var(--scrim-default);
    bottom: 0;
    left: 0;
    pointer-events: auto;
    position: fixed;
    right: var(--devtools-sidebar-width,0);
    top: 0;
    transform: translateZ(0)
}

.lightbox_d9cec8 {
    background-color: var(--scrim-lightbox)
}

.pointerEventsNone_d9cec8 {
    pointer-events: none
}

.dots__5ad89 {
    color: var(--white-500);
    pointer-events: none;
    transform: translateZ(0)
}

    .dots__5ad89.themed__5ad89 {
        color: var(--text-normal)
    }

.svg__2338f {
    contain: paint
}

.mask_a423bd {
    display: block
}

.status_a423bd {
    height: 100%;
    width: 100%
}

.enable-forced-colors .status_a423bd {
    forced-color-adjust: none !important
}

.layerContainer_da8173 {
    background: none !important;
    right: var(--devtools-sidebar-width,0);
    z-index: 1002
}

.clickTrapContainer_da8173, .layerContainer_da8173 {
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.clickTrapContainer_da8173 {
    overflow: hidden;
    right: 0
}

    .clickTrapContainer_da8173.trapClicks_da8173, .layer_da8173 {
        pointer-events: auto
    }

.layer_da8173 {
    position: absolute
}

.emptyError_da8173:empty:before {
    background-color: red;
    border: 10px dashed var(--green-230);
    color: var(--white-500);
    content: "RENDERING NULL FOR A POPOUT/MODAL/LAYER WILL BREAK THE APP";
    display: block;
    font-size: 32px;
    font-weight: 700;
    max-width: 500px;
    padding: 8px;
    word-break: break-word
}

.layerHidden_da8173 {
    visibility: hidden
}

.disabledPointerEvents_da8173 {
    pointer-events: none
}

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

.tooltipDisablePointerEvents__382e7, .tooltipPointer__382e7 {
    pointer-events: none
}

.tooltipPointer__382e7 {
    border: 5px solid transparent;
    height: 0;
    width: 0
}

.tooltipContent__382e7 {
    overflow: hidden;
    padding: 8px 12px
}

.tooltipContentAllowOverflow__382e7 {
    overflow: visible
}

.tooltipTop__382e7 {
    transform-origin: 50% 100%
}

    .tooltipTop__382e7 .tooltipPointer__382e7 {
        left: 50%;
        margin-left: -5px;
        position: absolute;
        top: 100%
    }

.tooltipBottom__382e7, .tooltipCenter__382e7 {
    transform-origin: 50% 0
}

    .tooltipBottom__382e7 .tooltipPointer__382e7, .tooltipCenter__382e7 .tooltipPointer__382e7 {
        border-top-width: 5px;
        bottom: 100%;
        left: 50%;
        margin-left: -5px;
        position: absolute;
        transform: rotate(180deg)
    }

.tooltipLeft__382e7 {
    transform-origin: 100% 50%
}

    .tooltipLeft__382e7 .tooltipPointer__382e7 {
        border-right-width: 5px;
        left: 100%;
        margin-top: -5px;
        position: absolute;
        top: 50%;
        transform: rotate(-90deg)
    }

.tooltipRight__382e7 {
    transform-origin: 0 50%
}

    .tooltipRight__382e7 .tooltipPointer__382e7 {
        border-left-width: 5px;
        margin-top: -5px;
        position: absolute;
        right: 100%;
        top: 50%;
        transform: rotate(90deg)
    }

.enable-forced-colors .tooltip__382e7 {
    border: 1px solid CanvasText
}

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

.tooltip__382e7 {
    box-shadow: var(--shadow-high);
    color: var(--text-normal)
}

.tooltipPrimary__382e7 {
    background-color: var(--background-floating)
}

    .tooltipPrimary__382e7 .tooltipPointer__382e7 {
        border-top-color: var(--background-floating)
    }

.tooltipNested__382e7 {
    background-color: var(--background-nested-floating)
}

    .tooltipNested__382e7 .tooltipPointer__382e7 {
        border-top-color: var(--background-nested-floating)
    }

.tooltipBlack__382e7 {
    background-color: var(--black-500);
    color: var(--white-500)
}

    .tooltipBlack__382e7 .tooltipPointer__382e7 {
        border-top-color: var(--black-500)
    }

.tooltipGrey__382e7 {
    background-color: var(--primary-700);
    color: var(--white-500)
}

    .tooltipGrey__382e7 .tooltipPointer__382e7 {
        border-top-color: var(--primary-700)
    }

.tooltipBrand__382e7 {
    background-color: var(--brand-500);
    color: var(--white-500)
}

    .tooltipBrand__382e7 .tooltipPointer__382e7 {
        border-top-color: var(--brand-500)
    }

.tooltipRed__382e7 {
    background-color: var(--status-danger);
    color: var(--white-500)
}

    .tooltipRed__382e7 .tooltipPointer__382e7 {
        border-top-color: var(--status-danger)
    }

.tooltipGreen__382e7 {
    background-color: var(--green-360);
    color: var(--white-500)
}

    .tooltipGreen__382e7 .tooltipPointer__382e7 {
        border-top-color: var(--green-360)
    }

.tooltipYellow__382e7 {
    background-color: var(--status-warning-background);
    color: var(--status-warning-text)
}

    .tooltipYellow__382e7 .tooltipPointer__382e7 {
        border-top-color: var(--status-warning-background)
    }

.tooltipPremium__382e7 {
    background: linear-gradient(270deg,var(--premium-tier-2-pink-for-gradients) 0,var(--premium-tier-2-pink-for-gradients-2) 33.63%,var(--premium-tier-2-purple-for-gradients) 100%)
}

    .tooltipPremium__382e7 .tooltipPointer__382e7 {
        border-top-color: var(--premium-tier-2-pink-for-gradients-2)
    }

.tooltipPointerBg__382e7 {
    display: none
}

:where(.visual-refresh) .tooltip__382e7 {
    border: 1px solid var(--border-subtle);
    border-radius: 8px
}

:where(.visual-refresh) .tooltipPointer__382e7:not(.tooltipPointerBg__382e7) {
    z-index: 1
}

:where(.visual-refresh) .tooltipTop__382e7 .tooltipPointer__382e7:not(.tooltipPointerBg__382e7) {
    margin-top: -1.5px
}

:where(.visual-refresh) .tooltipLeft__382e7 .tooltipPointer__382e7:not(.tooltipPointerBg__382e7) {
    margin-left: -1.5px
}

:where(.visual-refresh) .tooltipRight__382e7 .tooltipPointer__382e7:not(.tooltipPointerBg__382e7) {
    margin-right: -1.5px
}

:where(.visual-refresh) .tooltipBottom__382e7 .tooltipPointer__382e7:not(.tooltipPointerBg__382e7), :where(.visual-refresh) .tooltipCenter__382e7 .tooltipPointer__382e7:not(.tooltipPointerBg__382e7) {
    margin-bottom: -1.5px
}

:where(.visual-refresh) .tooltipPrimary__382e7 {
    --tooltip-pointer-bg: var(--background-floating);
    background-color: var(--background-floating)
}

    :where(.visual-refresh) .tooltipPrimary__382e7 .tooltipPointer__382e7 {
        border-top-color: var(--background-floating)
    }

:where(.visual-refresh) .tooltipNested__382e7 {
    --tooltip-pointer-bg: var(--background-nested-floating)
}

:where(.visual-refresh) .tooltipBlack__382e7 {
    --tooltip-pointer-bg: var(--black-500)
}

:where(.visual-refresh) .tooltipGrey__382e7 {
    --tooltip-pointer-bg: var(--primary-700)
}

:where(.visual-refresh) .tooltipBrand__382e7 {
    --tooltip-pointer-bg: var(--brand-500)
}

:where(.visual-refresh) .tooltipRed__382e7 {
    --tooltip-pointer-bg: var(--status-danger)
}

:where(.visual-refresh) .tooltipGreen__382e7 {
    --tooltip-pointer-bg: var(--green-360)
}

:where(.visual-refresh) .tooltipYellow__382e7 {
    --tooltip-pointer-bg: var(--status-warning-background)
}

:where(.visual-refresh) .tooltipPointer__382e7 {
    border-top-color: var(--tooltip-pointer-bg)
}

    :where(.visual-refresh) .tooltipPointer__382e7.tooltipPointerBg__382e7 {
        display: block;
        --border-width: 5px
    }

        :where(.visual-refresh) .tooltipPointer__382e7.tooltipPointerBg__382e7:after, :where(.visual-refresh) .tooltipPointer__382e7.tooltipPointerBg__382e7:before {
            border-left: var(--border-width) solid transparent;
            border-right: var(--border-width) solid transparent;
            content: "";
            left: 50%;
            margin-left: calc(var(--border-width)*-1);
            position: absolute;
            top: 100%
        }

        :where(.visual-refresh) .tooltipPointer__382e7.tooltipPointerBg__382e7:before {
            border-top: var(--border-width) solid var(--tooltip-pointer-bg);
            margin-top: -5px
        }

        :where(.visual-refresh) .tooltipPointer__382e7.tooltipPointerBg__382e7:after {
            border-top: var(--border-width) solid var(--border-subtle);
            margin-top: -5px;
            z-index: 1
        }

.custom-theme-background .tooltipPointer__382e7 {
    display: none
}

.custom-theme-background .tooltip__382e7 {
    border: 1px solid var(--border-strong)
}

.refresh-fast-follow-distinct-borders .tooltip__382e7 {
    border-color: var(--app-border-frame)
}

.wrapper__44b0c {
    border-radius: 50%;
    position: relative
}

.pointer__44b0c {
    cursor: pointer
}

.mask__44b0c {
    display: block;
    pointer-events: none;
    position: relative;
    width: auto
}

.svg__44b0c {
    contain: paint
}

.status__44b0c, .svg__44b0c {
    position: absolute
}

.status__44b0c {
    bottom: 0;
    height: auto;
    right: 0
}

.cursorDefault__44b0c {
    cursor: default
}

.avatarStack__44b0c {
    display: grid;
    height: 100%;
    width: 100%
}

.avatar__44b0c, .avatarSpeaking__44b0c {
    grid-area: 1/1;
    height: 100%;
    width: 100%
}

.avatar__44b0c {
    display: block;
    object-fit: cover;
    pointer-events: none
}

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

.avatarSpeaking__44b0c {
    border-radius: 50%;
    box-shadow: inset 0 0 0 2px var(--status-speaking),inset 0 0 0 3px var(--background-secondary)
}

.pointerEvents__44b0c {
    pointer-events: auto
}

.avatarDecoration__44b0c {
    contain: paint;
    left: var(--custom-avatar-avatar-decoration-border-position);
    pointer-events: none;
    position: absolute;
    top: var(--custom-avatar-avatar-decoration-border-position)
}

.wrapper_cc5dd2 {
    position: relative
}

.svg_cc5dd2, .wrapper_cc5dd2 {
    box-sizing: border-box
}

.svg_cc5dd2 {
    contain: paint;
    position: absolute
}

.shiftSVG_cc5dd2 {
    left: -4px;
    top: -4px
}

.noContain_cc5dd2 {
    contain: style
}

.lowerBadge_cc5dd2 {
    bottom: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: 2
}

@keyframes scaleIn_cc5dd2 {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@keyframes scaleInHeight_cc5dd2 {
    0% {
        height: 0;
        transform: translate(50%,50%);
        width: 0
    }

    to {
        height: attr(height px);
        transform: translate(0);
        width: attr(width px)
    }
}

.full-motion .lowerBadge_cc5dd2 {
    animation: scaleIn_cc5dd2 .2s 1 forwards
}

.full-motion .badgeStroke_cc5dd2 {
    animation: scaleInHeight_cc5dd2 .2s 1 forwards;
    transform-origin: center
}

.isHighlighted_cc5dd2 {
    stroke: #000;
    stroke-width: 8px
}

.upperBadge_cc5dd2 {
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.focusStroke_cc5dd2 {
    stroke: transparent;
    stroke-width: 0
}

.focusFill_cc5dd2, .focusStroke_cc5dd2, .highlight_cc5dd2 {
    fill: transparent
}

.keyboard-mode .focusStroke_cc5dd2 {
    fill: transparent;
    stroke: var(--blue-345);
    stroke-width: 8px
}

.keyboard-mode .focusFill_cc5dd2 {
    fill: var(--background-tertiary)
}

.keyboard-mode .simpleFocused_cc5dd2 {
    box-shadow: 0 0 0 4px var(--blue-345)
}

.hiddenVisually__27f77, .showOnFocus__27f77:not(:focus-within) {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 1px
}

.linkButton_a995b9 {
    align-items: center;
    background: initial;
    box-sizing: border-box;
    color: inherit;
    display: inline-flex;
    flex-grow: 0;
    flex-shrink: 0;
    font-size: medium;
    font-weight: 400;
    gap: 2px;
    margin: 0;
    max-width: 100%;
    padding: 0;
    text-align: start;
    width: auto
}

.default_a995b9 {
    color: var(--text-primary)
}

.white_a995b9 {
    color: var(--white)
}

.primary_a995b9 {
    color: var(--text-brand)
}

.destructive_a995b9 {
    color: var(--text-danger)
}

.link_a995b9 {
    color: var(--text-link)
}

.linkButton_a995b9:hover .text_a995b9 {
    text-decoration: underline
}

:where(.decorate-links) .text_a995b9 {
    text-decoration: underline
}

:where(.low-saturation) .link_a995b9 {
    color: var(--text-link-low-saturation)
}

.button__06eda {
    align-items: center;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    justify-content: center
}

.full-motion .button__06eda {
    transition: color .2s ease,background-color .2s ease
}

.primary__06eda {
    background-color: var(--background-primary);
    color: var(--header-primary)
}

    .primary__06eda:hover:not(.disabled__06eda) {
        color: var(--interactive-active)
    }

    .primary__06eda:hover:not(.disabled__06eda), .secondary__06eda {
        background-color: var(--background-secondary)
    }

.secondary__06eda {
    color: var(--header-secondary)
}

    .secondary__06eda:hover:not(.disabled__06eda) {
        background-color: var(--background-primary);
        color: var(--interactive-active)
    }

.tertiary__06eda {
    background-color: var(--background-tertiary);
    color: var(--interactive-normal)
}

    .tertiary__06eda:hover:not(.disabled__06eda) {
        background-color: var(--background-floating);
        color: var(--interactive-active)
    }

.visual-refresh .primary__06eda, .visual-refresh .secondary__06eda, .visual-refresh .tertiary__06eda {
    background-color: var(--button-secondary-background);
    color: var(--button-secondary-text)
}

    .visual-refresh .primary__06eda:hover, .visual-refresh .secondary__06eda:hover, .visual-refresh .tertiary__06eda:hover {
        background-color: var(--button-secondary-background-hover)
    }

.size24__06eda {
    height: 24px;
    min-height: 24px;
    min-width: 24px;
    padding: 4px;
    width: 24px
}

.size32__06eda {
    height: 32px;
    min-height: 32px;
    min-width: 32px;
    width: 32px
}

.size36__06eda {
    height: 36px;
    min-height: 36px;
    min-width: 36px;
    width: 36px
}

.disabled__06eda {
    opacity: .3;
    pointer-events: none
}

.card__73069 {
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    position: relative;
    --__card-accent-color: transparent;
    border-color: var(--__card-accent-color)
}

    .card__73069:not(.outline__73069) {
        background-color: var(--__card-accent-color)
    }

    .card__73069 a:hover {
        text-decoration: underline
    }

.cardBrand__73069 a, .cardDanger__73069 a, .cardSuccess__73069 a, .cardWarning__73069 a {
    font-weight: 700
}

.cardDanger__73069 {
    --__card-accent-color: var(--status-danger-background);
    color: var(--status-danger-text)
}

.cardWarning__73069 {
    --__card-accent-color: var(--status-warning-background)
}

.cardSuccess__73069 {
    --__card-accent-color: var(--green-360)
}

.cardBrand__73069 {
    --__card-accent-color: var(--brand-500)
}

.visual-refresh .cardWarning__73069 {
    --__card-accent-color: var(--background-feedback-warning);
    color: var(--text-feedback-warning)
}

.visual-refresh .cardDanger__73069 {
    --__card-accent-color: var(--background-feedback-critical);
    color: var(--text-feedback-critical)
}

.visual-refresh .cardSuccess__73069 {
    --__card-accent-color: var(--background-feedback-positive);
    color: var(--text-feedback-positive)
}

.cardPrimary__73069, .cardPrimaryEditable__73069, .cardPrimaryOutline__73069, .cardPrimaryOutlineEditable__73069 {
}

.card__73069 a {
    color: var(--text-link)
}

.cardBrand__73069 a, .cardDanger__73069 a, .cardSuccess__73069 a, .cardWarning__73069 a {
    color: var(--white-500)
}

.cardPrimary__73069 {
    background: var(--deprecated-card-bg)
}

    .cardPrimary__73069, .cardPrimary__73069.editable__73069 {
        border-color: var(--background-tertiary)
    }

        .cardPrimary__73069.editable__73069 {
            background: var(--deprecated-card-editable-bg)
        }

        .cardPrimary__73069.outline__73069 {
            border-color: var(--background-tertiary)
        }

.visual-refresh .card__73069 {
    border-radius: var(--radius-sm)
}

.visual-refresh .cardPrimary__73069, .visual-refresh .cardPrimary__73069.editable__73069 {
    background: var(--card-primary-bg);
    border: 1px solid var(--border-subtle)
}

.checkboxWrapper_f525d3 {
    display: flex;
    flex: 1 1 auto;
    font-size: 16px;
    max-width: 100%;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

    .checkboxWrapper_f525d3.row_f525d3 {
        background-color: var(--background-secondary);
        border-radius: 3px;
        padding: 10px
    }

        .checkboxWrapper_f525d3.row_f525d3.checked_f525d3 {
            background-color: var(--background-tertiary);
            color: var(--interactive-active)
        }

        .checkboxWrapper_f525d3.row_f525d3:hover:not(.checked_f525d3) {
            background-color: var(--background-modifier-hover);
            color: var(--interactive-hover)
        }

        .checkboxWrapper_f525d3.row_f525d3:active:not(.checked_f525d3) {
            background-color: var(--background-modifier-active);
            color: var(--interactive-active)
        }

        .checkboxWrapper_f525d3.row_f525d3 .inputDefault_f525d3 {
            left: 10px;
            top: 10px
        }

.checkboxWrapperDisabled_f525d3 {
    opacity: .6
}

    .checkboxWrapperDisabled_f525d3.row_f525d3 {
        opacity: .3
    }

    .checkboxWrapperDisabled_f525d3 .checkbox_f525d3 {
        opacity: 1
    }

.alignTop_f525d3 {
    align-items: top
}

.alignCenter_f525d3 {
    align-items: center
}

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

.inputDefault_f525d3, .inputDisabled_f525d3 {
    height: 100%;
    width: 100%;
    z-index: 1
}

.inputDefault_f525d3, .inputDisabled_f525d3 {
}

.inputDefault_f525d3 {
    cursor: pointer
}

.inputDisabled_f525d3 {
    cursor: not-allowed
}

.inputReadonly_f525d3 {
    cursor: default;
    height: 0;
    width: 0;
    z-index: -1
}

.box_f525d3 {
    border-radius: 6px
}

.smallBox_f525d3 {
    border-radius: 4px
}

.round_f525d3 {
    border-radius: 50%
}

.checkbox_f525d3 {
    align-items: center;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    display: flex;
    flex: 0 0 auto;
    justify-content: center
}

.label_f525d3 {
    color: var(--text-normal);
    flex: 1 1 auto;
    min-width: 0
}

.labelClickable_f525d3 {
    cursor: pointer
}

.labelDisabled_f525d3 {
    cursor: not-allowed
}

.labelForward_f525d3 {
    padding-left: 8px
}

.labelReversed_f525d3 {
    padding-right: 8px
}

html:not(.visual-refresh).theme-light .checkbox_f525d3 {
    border-color: var(--primary-300)
}

html:not(.visual-refresh).theme-light.checked_f525d3 {
    background: var(--white-500)
}

html:not(.visual-refresh).theme-dark .checkbox_f525d3 {
    border-color: var(--primary-400)
}

html:not(.visual-refresh).theme-dark.checked_f525d3 {
    background-color: var(--white-500);
    border-color: var(--white-500)
}

:where(.visual-refresh) .checkbox_f525d3 {
    background-color: var(--checkbox-background-default);
    border-color: var(--checkbox-border-default);
    border-radius: 6px
}

    :where(.visual-refresh) .checkbox_f525d3.checkboxDisabled_f525d3 {
        opacity: .6
    }

    :where(.visual-refresh) .checkbox_f525d3.checked_f525d3 {
        background-color: var(--checkbox-background-checked);
        border-color: var(--checkbox-border-checked)
    }

.enable-forced-colors .checkbox_f525d3 {
    background-color: ButtonFace !important;
    border-color: ButtonText !important
}

    .enable-forced-colors .checkbox_f525d3.checked_f525d3 {
        background-color: Highlight !important;
        border-color: HighlightText !important
    }

        .enable-forced-colors .checkbox_f525d3.checked_f525d3 svg * {
            fill: HighlightText
        }

.enable-forced-colors .checkboxWrapperDisabled_f525d3 {
    opacity: 1
}

    .enable-forced-colors .checkboxWrapperDisabled_f525d3.row_f525d3 {
        opacity: 1
    }

    .enable-forced-colors .checkboxWrapperDisabled_f525d3 .checkbox_f525d3 {
        background-color: transparent !important;
        border-color: GrayText !important
    }

        .enable-forced-colors .checkboxWrapperDisabled_f525d3 .checkbox_f525d3.checked_f525d3 svg * {
            fill: GrayText
        }

.enable-forced-colors .labelDisabled_f525d3, .enable-forced-colors .labelDisabled_f525d3 > div {
    color: GrayText
}

.collapseable__217b7 {
    background-color: var(--background-secondary-alt);
    border-radius: 8px;
    position: relative;
    transition: background-color .1s ease
}

    .collapseable__217b7:active {
        background-color: var(--background-accent)
    }

    .collapseable__217b7:before {
        border-radius: 8px;
        bottom: 0;
        box-shadow: var(--elevation-stroke),var(--elevation-low);
        content: "";
        left: 0;
        opacity: 0;
        overflow: visible;
        position: absolute;
        right: 0;
        top: 0;
        transition: opacity .2s ease-in-out;
        z-index: 0
    }

    .collapseable__217b7.toggled__217b7 {
        cursor: default
    }

        .collapseable__217b7.toggled__217b7:active {
            background-color: var(--background-secondary)
        }

        .collapseable__217b7.toggled__217b7:before {
            opacity: 1
        }

    .collapseable__217b7:not(:last-child) {
        margin-bottom: 16px
    }

.visual-refresh .collapseable__217b7 {
    background-color: var(--background-base-low);
    border-radius: var(--radius-sm)
}

    .visual-refresh .collapseable__217b7:active {
        background-color: var(--background-mod-subtle)
    }

    .visual-refresh .collapseable__217b7:before {
        display: none
    }

.header__217b7 {
    cursor: pointer;
    position: relative
}

    .header__217b7.toggled__217b7 {
        cursor: default
    }

.contentExpandContainer__217b7 {
    flex: 1;
    overflow: hidden
}

.showOverflow__217b7 {
    overflow: visible
}

.focusTarget__89030 {
    height: 0;
    pointer-events: none;
    width: 0
}

.scrollerBase__99f8c {
    box-sizing: border-box;
    flex: 1 1 auto;
    min-height: 0;
    position: relative
}

.auto__99f8c, .none__99f8c, .thin__99f8c {
}

    .thin__99f8c::-webkit-scrollbar {
        height: 8px;
        width: 8px
    }

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

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

    .thin__99f8c::-webkit-scrollbar-corner {
        background-color: transparent
    }

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

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

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

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

    .auto__99f8c::-webkit-scrollbar-corner {
        background-color: transparent
    }

.theme-dark.custom-theme-background .customTheme__99f8c.auto__99f8c::-webkit-scrollbar-track {
    background-image: linear-gradient(rgb(var(--bg-overlay-color)/.4),rgb(var(--bg-overlay-color)/.4)),var(--custom-theme-background);
    background-size: 200vh
}

.theme-dark.custom-theme-background .customTheme__99f8c.auto__99f8c::-webkit-scrollbar-thumb, .theme-dark.custom-theme-background .customTheme__99f8c.thin__99f8c::-webkit-scrollbar-thumb {
    background-image: linear-gradient(rgb(var(--bg-overlay-color-inverse)/var(--bg-overlay-opacity-4)),rgb(var(--bg-overlay-color-inverse)/var(--bg-overlay-opacity-4))),var(--custom-theme-background);
    background-size: 200vh
}

.theme-light.custom-theme-background .customTheme__99f8c.auto__99f8c::-webkit-scrollbar-track {
    background-image: linear-gradient(rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-2)),rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-2))),var(--custom-theme-background);
    background-size: 200vh
}

.theme-light.custom-theme-background .customTheme__99f8c.auto__99f8c::-webkit-scrollbar-thumb, .theme-light.custom-theme-background .customTheme__99f8c.thin__99f8c::-webkit-scrollbar-thumb {
    background-image: rgb(var(--bg-overlay-color-inverse)/var(--bg-overlay-opacity-6)),rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-3));
    background-size: 100vh
}

.none__99f8c::-webkit-scrollbar {
    height: 0;
    width: 0
}

.fade__99f8c::-webkit-scrollbar-thumb, .fade__99f8c::-webkit-scrollbar-track {
    visibility: hidden
}

.fade__99f8c:hover::-webkit-scrollbar-thumb, .fade__99f8c:hover::-webkit-scrollbar-track {
    visibility: visible
}

.scrolling__99f8c.fade__99f8c:focus-within::-webkit-scrollbar-thumb, .scrolling__99f8c.fade__99f8c:focus-within::-webkit-scrollbar-track {
    visibility: visible
}

.no-webkit-scrollbar .thin__99f8c {
    scrollbar-color: var(--scrollbar-thin-thumb) var(--scrollbar-thin-track);
    scrollbar-width: thin
}

    .no-webkit-scrollbar .thin__99f8c.fade__99f8c.scrolling__99f8c, .no-webkit-scrollbar .thin__99f8c.fade__99f8c:hover {
        scrollbar-color: var(--scrollbar-thin-thumb) var(--scrollbar-thin-track)
    }

.no-webkit-scrollbar .auto__99f8c {
    scrollbar-color: var(--scrollbar-auto-scrollbar-color-thumb) var(--scrollbar-auto-scrollbar-color-track);
    scrollbar-width: auto
}

    .no-webkit-scrollbar .auto__99f8c.fade__99f8c.scrolling__99f8c, .no-webkit-scrollbar .auto__99f8c.fade__99f8c:hover {
        scrollbar-color: var(--scrollbar-auto-scrollbar-color-thumb) var(--scrollbar-auto-scrollbar-color-track)
    }

.no-webkit-scrollbar .none__99f8c {
    scrollbar-width: none
}

.no-webkit-scrollbar .fade__99f8c {
    scrollbar-color: transparent transparent
}

.content__99f8c {
    position: relative
}

.disableScrollAnchor__99f8c {
    overflow-anchor: none
}

.managedReactiveScroller__99f8c {
    overflow-x: hidden;
    overflow-y: scroll
}

.pointerCover__99f8c {
    inset: 0;
    position: absolute;
    z-index: 9999
}

.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__99f8c::-webkit-scrollbar {
    height: 8px;
    width: 8px
}

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

.container_a45028 {
    background-color: var(--background-tertiary);
    border-radius: 4px;
    overflow: hidden
}

.container_a45028, .inner_a45028 {
    box-sizing: border-box;
    display: flex;
    flex: 1 1 auto
}

.inner_a45028 {
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    min-width: 0;
    padding: 1px;
    position: relative
}

.disabled_a45028 .inner_a45028 {
    opacity: .3
}

.input_a45028 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    box-sizing: border-box;
    color: var(--text-normal);
    flex: 1;
    margin: 1px;
    min-width: 48px;
    resize: none
}

    .input_a45028::-webkit-input-placeholder {
        color: var(--input-placeholder-text);
        opacity: 1
    }

.disabled_a45028 .input_a45028 {
    cursor: not-allowed
}

.tag_a45028 {
    align-items: center;
    background-color: var(--background-primary);
    border-radius: 2px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    margin: 1px;
    text-align: center;
    transition: none
}

    .tag_a45028:hover {
        text-decoration: none
    }

.small_a45028 .input_a45028, .small_a45028 .tag_a45028 {
    font-size: 14px;
    font-weight: 500;
    height: 20px;
    line-height: 20px;
    padding: 0 4px
}

.medium_a45028 .input_a45028, .medium_a45028 .tag_a45028 {
    font-size: 16px;
    height: 30px;
    line-height: 32px;
    padding: 0 8px
}

.large_a45028 .input_a45028, .large_a45028 .tag_a45028 {
    font-size: 20px;
    height: 38px;
    line-height: 40px;
    padding: 0 16px
}

.close_a45028 {
    height: 12px;
    margin-left: 4px;
    width: 12px
}

.close_a45028, .iconLayout_a45028 {
    box-sizing: border-box
}

.iconLayout_a45028 {
    align-items: center;
    cursor: text;
    display: flex;
    height: 22px;
    justify-content: center;
    width: 22px
}

.pointer_a45028 {
    cursor: pointer
}

.medium_a45028.iconLayout_a45028 {
    height: 32px;
    width: 32px
}

.large_a45028.iconLayout_a45028 {
    height: 40px;
    width: 40px
}

.iconContainer_a45028 {
    height: 16px;
    position: relative;
    width: 16px
}

.medium_a45028 .iconContainer_a45028 {
    height: 20px;
    width: 20px
}

.large_a45028 .iconContainer_a45028 {
    height: 24px;
    width: 24px
}

.icon_a45028 {
    box-sizing: border-box;
    color: var(--interactive-normal);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: rotate(90deg);
    width: 100%
}

.full-motion .icon_a45028 {
    transition: transform .1s ease-out,opacity .1s ease-out
}

.icon_a45028.visible_a45028 {
    opacity: 1;
    transform: rotate(0deg)
}

.clear_a45028 {
}

.iconLayout_a45028:hover .clear_a45028 {
    color: var(--interactive-hover)
}

.iconLayout_a45028:active .clear_a45028 {
    color: var(--interactive-active)
}

.enable-forced-colors .input_a45028 {
    border: 1px solid CanvasText;
    border-radius: 4px
}

    .enable-forced-colors .input_a45028::-webkit-input-placeholder {
        color: GrayText
    }

.enable-forced-colors .icon_a45028 {
    background-color: Canvas;
    border: 1px solid Canvas;
    color: GrayText
}

.enable-forced-colors .clear_a45028 {
    background-color: ButtonFace;
    border-color: CanvasText;
    color: ButtonText
}

.enable-forced-colors .iconLayout_a45028:active .clear_a45028, .enable-forced-colors .iconLayout_a45028:hover .clear_a45028 {
    border-color: ButtonText;
    color: ButtonText
}

:where(.visual-refresh) .container_a45028 {
    background-color: var(--input-background);
    border: 1px solid var(--input-border);
    border-radius: 8px
}

    :where(.visual-refresh) .container_a45028:focus-within {
        border-color: var(--text-link)
    }

:where(.visual-refresh) .medium_a45028 {
    height: 40px
}

    :where(.visual-refresh) .medium_a45028 .inner_a45028 {
        padding: 10px 12px
    }

    :where(.visual-refresh) .medium_a45028 .input_a45028 {
        height: unset;
        line-height: 20px;
        margin: 0;
        padding: 0
    }

    :where(.visual-refresh) .medium_a45028.iconLayout_a45028 {
        height: 16px;
        width: 16px
    }

.combobox__97e86 {
    height: 100%;
    overflow: hidden
}

.list__97e86 {
    height: 100%;
    list-style: none;
    margin-top: 8px
}

    .list__97e86.scroller__97e86 {
        margin: 0 0 8px 8px
    }

.item__97e86 {
    align-items: center;
    border-radius: 4px;
    color: var(--interactive-normal);
    cursor: pointer;
    display: flex;
    font-weight: 500;
    margin-bottom: 4px;
    outline: none;
    padding: 10px 8px
}

    .focused__97e86, .item__97e86:hover:not(.disabled__97e86) {
        background-color: var(--background-modifier-hover);
        color: var(--interactive-hover)
    }

.itemLabel__97e86 {
    width: 100%
}

.itemCheckbox__97e86 ~ .itemLabel__97e86 {
    margin-left: 8px
}

.empty__97e86 {
    display: grid;
    padding: 20px;
    text-align: center;
    grid-gap: 12px
}

.disabled__97e86 {
    cursor: not-allowed;
    opacity: .3
}

.selected__97e86 {
    background-color: var(--background-modifier-selected)
}

.selectedBrand__97e86 {
    background: var(--brand-500);
    color: var(--white-500)
}

    .selectedBrand__97e86.focused__97e86, .selectedBrand__97e86:hover {
        background: var(--brand-600);
        color: var(--white-500)
    }

.searchWithScrollbar__97e86 {
    margin: 8px
}

.enable-forced-colors .item__97e86 {
    border: 1px solid Canvas
}

.enable-forced-colors .disabled__97e86 {
    color: GrayText;
    opacity: 1
}

    .enable-forced-colors .disabled__97e86.focused__97e86 {
        border-color: GrayText
    }

.enable-forced-colors .focused__97e86:not(.disabled__97e86), .enable-forced-colors .item__97e86:hover:not(.disabled__97e86) {
    background-color: ButtonFace;
    border-color: ButtonText;
    color: ButtonText
}

.enable-forced-colors .selected__97e86:not(.disabled__97e86) {
    background-color: HighlightText;
    color: Highlight
}

    .enable-forced-colors .selected__97e86:not(.disabled__97e86).focused__97e86, .enable-forced-colors .selected__97e86:not(.disabled__97e86):hover {
        border-color: Highlight
    }

.container__3dde2 {
    background-color: var(--background-primary);
    border: 1px solid var(--background-modifier-accent);
    border-radius: 4px;
    box-sizing: border-box;
    overflow: hidden;
    padding: 8px;
    width: 250px
}

.scroller__3dde2 {
    padding: 0
}

.list__3dde2 {
    height: 280px;
    padding: 8px 0
}

.visual-refresh .container__3dde2 {
    background-color: var(--modal-background);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm)
}

.refresh-fast-follow-distinct-borders .container__3dde2 {
    border-color: var(--app-border-frame)
}

.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 {
        border: 8px solid transparent;
        box-sizing: content-box;
        content: "";
        height: 0;
        left: -8px;
        position: absolute;
        width: 1px;
        z-index: -1
    }

    .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 {
    margin-top: -8px;
    top: 0
}

    .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
        border-bottom-color: #f0f0f0;
        border-top: none
    }

    .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after {
        top: 0
    }

    .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
        border-bottom-color: #aeaeae;
        top: -1px
    }

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
    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 {
        border-top-color: #aeaeae;
        bottom: -1px
    }

.react-datepicker-wrapper {
    border: 0;
    display: inline-block;
    padding: 0
}

.react-datepicker {
    background-color: #fff;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    color: #000;
    display: inline-block;
    font-family: Helvetica Neue,helvetica,arial,sans-serif;
    font-size: .8rem;
    position: relative
}

.react-datepicker--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 {
    left: 50px;
    position: absolute
}

.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 {
    background-color: #f0f0f0;
    border-bottom: 1px solid #aeaeae;
    border-top-left-radius: .3rem;
    padding: 8px 0;
    position: relative;
    text-align: center
}

.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 {
    color: #000;
    font-size: .944rem;
    font-weight: 700;
    margin-top: 0
}

.react-datepicker-time__header {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.react-datepicker__navigation {
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    text-indent: -999em;
    top: 2px;
    width: 32px;
    z-index: 1
}

.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 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.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 {
    font-size: 20px;
    position: relative;
    top: -1px
}

.react-datepicker__navigation-icon--next {
    left: -2px
}

    .react-datepicker__navigation-icon--next:before {
        left: -7px;
        transform: rotate(45deg)
    }

.react-datepicker__navigation-icon--previous {
    right: -2px
}

    .react-datepicker__navigation-icon--previous:before {
        right: -7px;
        transform: rotate(225deg)
    }

.react-datepicker__month-container {
    float: left
}

.react-datepicker__year {
    margin: .4rem;
    text-align: center
}

.react-datepicker__year-wrapper {
    display: flex;
    flex-wrap: wrap;
    max-width: 180px
}

.react-datepicker__year .react-datepicker__year-text {
    display: inline-block;
    margin: 2px;
    width: 4rem
}

.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;
        margin: 2px;
        width: 4rem
    }

.react-datepicker__input-time-container {
    clear: both;
    float: left;
    margin: 5px 0 10px 15px;
    text-align: left;
    width: 100%
}

    .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 {
            display: inline-block;
            margin-left: 5px
        }

.react-datepicker__time-container {
    border-left: 1px solid #aeaeae;
    float: right;
    width: 85px
}

.react-datepicker__time-container--with-today-button {
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    display: inline;
    position: absolute;
    right: -72px;
    top: 0
}

.react-datepicker__time-container .react-datepicker__time {
    background: #fff;
    border-bottom-right-radius: .3rem;
    position: relative
}

    .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
        border-bottom-right-radius: .3rem;
        margin: 0 auto;
        overflow-x: hidden;
        text-align: center;
        width: 85px
    }

        .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
            box-sizing: content-box;
            height: calc(195px + .85rem);
            list-style: none;
            margin: 0;
            overflow-y: scroll;
            padding-left: 0;
            padding-right: 0;
            width: 100%
        }

            .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 {
                    background-color: #f0f0f0;
                    cursor: pointer
                }

            .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 {
                    background-color: transparent;
                    cursor: default
                }

.react-datepicker__week-number {
    color: #ccc;
    display: inline-block;
    line-height: 1.7rem;
    margin: .166rem;
    text-align: center;
    width: 1.7rem
}

    .react-datepicker__week-number.react-datepicker__week-number--clickable {
        cursor: pointer
    }

        .react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
            background-color: #f0f0f0;
            border-radius: .3rem
        }

.react-datepicker__day-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;
    line-height: 1.7rem;
    margin: .166rem;
    text-align: center;
    width: 1.7rem
}

.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 {
    background-color: #216ba5;
    border-radius: .3rem;
    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 {
        background-color: transparent;
        cursor: default
    }

.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 {
        background-color: #f0f0f0;
        border-radius: .3rem
    }

.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 {
    background-color: #3dcc4a;
    border-radius: .3rem;
    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 {
    background-color: #216ba5;
    border-radius: .3rem;
    color: #fff
}

    .react-datepicker__day--in-range:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--selected:hover, .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 {
    background-color: #2a87d0;
    border-radius: .3rem;
    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 {
    color: #ccc;
    cursor: default
}

    .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 {
    display: inline-block;
    position: relative;
    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 {
    right: -16px;
    top: 0;
    transform: rotate(135deg)
}

.react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown, .react-datepicker__year-dropdown {
    background-color: #f0f0f0;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    left: 25%;
    position: absolute;
    text-align: center;
    top: 30px;
    width: 50%;
    z-index: 1
}

    .react-datepicker__month-dropdown:hover, .react-datepicker__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 {
    display: block;
    line-height: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

    .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 {
        border-bottom-left-radius: .3rem;
        border-bottom-right-radius: .3rem;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .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 {
    left: 15px;
    position: absolute
}

.react-datepicker__close-icon {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: table-cell;
    height: 100%;
    outline: 0;
    padding: 0 6px 0 0;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle
}

    .react-datepicker__close-icon:after {
        background-color: #216ba5;
        border-radius: 50%;
        color: #fff;
        content: "\00d7";
        cursor: pointer;
        display: table-cell;
        font-size: 12px;
        height: 16px;
        line-height: 1;
        padding: 2px;
        text-align: center;
        vertical-align: middle;
        width: 16px
    }

.react-datepicker__today-button {
    background: #f0f0f0;
    border-top: 1px solid #aeaeae;
    clear: left;
    cursor: pointer;
    font-weight: 700;
    padding: 5px 0;
    text-align: center
}

.react-datepicker__portal {
    align-items: center;
    background-color: rgba(0,0,0,.8);
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 2147483647
}

    .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__time-name {
        line-height: 3rem;
        line-height: 2rem;
        width: 3rem;
        width: 2rem
    }

    .react-datepicker__portal .react-datepicker-time__header, .react-datepicker__portal .react-datepicker__current-month {
        font-size: 1.44rem
    }

.calendarPicker_d27f17 .react-datepicker {
    background-color: var(--background-secondary-alt);
    border: none;
    font-family: var(--font-primary);
    padding: 20px
}

.calendarPicker_d27f17 .react-datepicker__header {
    background-color: var(--background-secondary-alt);
    border-bottom: 0;
    padding-top: 0
}

.calendarPicker_d27f17 .react-datepicker__current-month {
    border-bottom: 1px solid;
    color: var(--header-primary);
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    margin: 0 0 10px;
    padding: 0 0 20px;
    text-transform: uppercase
}

.calendarPicker_d27f17 .react-datepicker__navigation.react-datepicker__navigation--next, .calendarPicker_d27f17 .react-datepicker__navigation.react-datepicker__navigation--previous {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 6px 12px;
    border: 1px solid;
    border-radius: 2px;
    height: 18px;
    left: 20px;
    top: 20px;
    transform: rotate(180deg);
    width: 18px
}

    .calendarPicker_d27f17 .react-datepicker__navigation.react-datepicker__navigation--next.react-datepicker__navigation--next, .calendarPicker_d27f17 .react-datepicker__navigation.react-datepicker__navigation--previous.react-datepicker__navigation--next {
        left: auto;
        right: 20px;
        transform: rotate(0deg)
    }

    .calendarPicker_d27f17 .react-datepicker__navigation.react-datepicker__navigation--next:focus-visible, .calendarPicker_d27f17 .react-datepicker__navigation.react-datepicker__navigation--previous:focus-visible {
        box-shadow: 0 0 0 4px var(--blue-345)
    }

.calendarPicker_d27f17 .react-datepicker__navigation-icon:before {
    border-width: 0
}

.calendarPicker_d27f17 .react-datepicker__month {
    margin: 0
}

.calendarPicker_d27f17 .react-datepicker__week:first-of-type > .react-datepicker__day:first-of-type {
    border-radius: 3px 0 0
}

.calendarPicker_d27f17 .react-datepicker__week:first-of-type > .react-datepicker__day:last-of-type {
    border-radius: 0 3px 0 0
}

.calendarPicker_d27f17 .react-datepicker__week:last-of-type > .react-datepicker__day {
    border-bottom: 1px solid var(--primary-200)
}

    .calendarPicker_d27f17 .react-datepicker__week:last-of-type > .react-datepicker__day:first-of-type {
        border-radius: 0 0 0 3px
    }

    .calendarPicker_d27f17 .react-datepicker__week:last-of-type > .react-datepicker__day:last-of-type {
        border-radius: 0 0 3px
    }

.calendarPicker_d27f17 .react-datepicker__week > .react-datepicker__day:last-of-type {
    border-right: 1px solid
}

.calendarPicker_d27f17 .react-datepicker__day-names {
    margin-bottom: 10px
}

.calendarPicker_d27f17 .react-datepicker__day-name {
    font-size: 13px;
    font-weight: 500;
    line-height: 1em;
    margin: 0;
    text-transform: uppercase;
    width: 40px
}

.calendarPicker_d27f17 .react-datepicker__day {
    border-left: 1px solid var(--deprecated-text-input-border-disabled);
    border-top: 1px solid var(--deprecated-text-input-border-disabled);
    box-sizing: border-box;
    color: var(--header-primary);
    height: 40px;
    line-height: 40px;
    margin: 0;
    position: relative;
    width: 40px
}

    .calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--keyboard-selected, .calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--selected:hover, .calendarPicker_d27f17 .react-datepicker__day:hover {
        background-color: var(--brand-500);
        border-radius: 0;
        color: var(--white-500)
    }

    .calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--selected {
        background: none;
        border-radius: 0
    }

        .calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--selected:after {
            background-color: var(--brand-500);
            bottom: 0;
            content: "";
            height: 3px;
            left: 0;
            position: absolute;
            width: 100%
        }

    .calendarPicker_d27f17 .react-datepicker__day:focus-visible {
        border-left-color: var(--blue-345);
        border-top-color: var(--blue-345);
        border: 1px solid var(--blue-345)
    }

.calendarPicker_d27f17 .react-datepicker__day--disabled, .calendarPicker_d27f17 .react-datepicker__day--outside-month {
    font-weight: 500
}

.calendarPicker_d27f17 .react-datepicker__day--disabled_d27f17, .calendarPicker_d27f17 .react-datepicker__day--outside-month_d27f17 {
    background-color: var(--background-secondary)
}

.theme-light .calendarPicker_d27f17 .react-datepicker__header {
    border-color: hsl(var(--primary-200-hsl)/.2)
}

.theme-light .calendarPicker_d27f17 .react-datepicker__current-month {
    border-bottom-color: hsl(var(--primary-200-hsl)/.2)
}

.theme-light .calendarPicker_d27f17 .react-datepicker__navigation.react-datepicker__navigation--next, .theme-light .calendarPicker_d27f17 .react-datepicker__navigation.react-datepicker__navigation--previous {
    border-color: var(--primary-200)
}

.theme-light .calendarPicker_d27f17 .react-datepicker__week:last-of-type .react-datepicker__day {
    border-bottom-color: var(--primary-200)
}

.theme-light .calendarPicker_d27f17 .react-datepicker__week .react-datepicker__day:last-of-type {
    border-right-color: var(--primary-200)
}

.theme-light .calendarPicker_d27f17 .react-datepicker__day-name {
    color: hsl(var(--primary-500-hsl)/.6)
}

.theme-light .calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--disabled, .theme-light .calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--disabled:hover {
    background-color: var(--opacity-black-4);
    color: var(--opacity-black-20)
}

.theme-light .calendarPicker_d27f17 .react-datepicker__day--disabled, .theme-light .calendarPicker_d27f17 .react-datepicker__day--outside-month {
    color: hsl(var(--primary-500-hsl)/.3)
}

.theme-dark .calendarPicker_d27f17 .react-datepicker__header {
    border-color: hsl(var(--primary-800-hsl)/.2)
}

.theme-dark .calendarPicker_d27f17 .react-datepicker__current-month {
    border-bottom-color: hsl(var(--primary-800-hsl)/.3)
}

.theme-dark .calendarPicker_d27f17 .react-datepicker__navigation.react-datepicker__navigation--next, .theme-dark .calendarPicker_d27f17 .react-datepicker__navigation.react-datepicker__navigation--previous {
    border-color: var(--primary-800)
}

.theme-dark .calendarPicker_d27f17 .react-datepicker__week:last-of-type .react-datepicker__day {
    border-bottom-color: var(--primary-800)
}

.theme-dark .calendarPicker_d27f17 .react-datepicker__week .react-datepicker__day:last-of-type {
    border-right-color: var(--primary-800)
}

.theme-dark .calendarPicker_d27f17 .react-datepicker__day-name {
    color: hsl(var(--primary-100-hsl)/.6)
}

.theme-dark .calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--disabled, .theme-dark .calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--disabled:hover {
    background-color: var(--primary-630);
    color: hsl(var(--primary-100-hsl)/.3)
}

.theme-dark .calendarPicker_d27f17 .react-datepicker__day--disabled, .theme-dark .calendarPicker_d27f17 .react-datepicker__day--outside-month {
    color: hsl(var(--primary-100-hsl)/.3)
}

.enable-forced-colors .calendarPicker_d27f17 .react-datepicker {
    border: 2px solid CanvasText
}

.enable-forced-colors .calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--keyboard-selected, .enable-forced-colors .calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--selected:hover, .enable-forced-colors .calendarPicker_d27f17 .react-datepicker__day:hover {
    background-color: HighlightText;
    color: Highlight
}

.enable-forced-colors .calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--selected:after {
    background-color: Highlight
}

.enable-forced-colors .calendarPicker_d27f17 .react-datepicker__day:focus-visible {
    background-color: HighlightText;
    border-color: Highlight;
    color: Highlight
}

.enable-forced-colors .calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--disabled, .enable-forced-colors .calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--disabled:hover {
    color: GrayText
}

.images-light .calendarPicker_d27f17 .react-datepicker__navigation.react-datepicker__navigation--next, .images-light .calendarPicker_d27f17 .react-datepicker__navigation.react-datepicker__navigation--previous {
    background-image: url(/assets/f7d0845b63d81c46.svg)
}

.images-dark .calendarPicker_d27f17 .react-datepicker__navigation.react-datepicker__navigation--next, .images-dark .calendarPicker_d27f17 .react-datepicker__navigation.react-datepicker__navigation--previous {
    background-image: url(/assets/a46a54146b77fab4.svg)
}

.loadingPopout__58f1c {
    background-color: var(--background-secondary);
    display: flex;
    justify-content: center;
    padding: 8px
}

.full-motion .translate_faf9c0.animatorTop_faf9c0 {
    transform: translate3d(0,-10px,0)
}

.full-motion .translate_faf9c0.animatorBottom_faf9c0 {
    transform: translate3d(0,10px,0)
}

.full-motion .translate_faf9c0.animatorLeft_faf9c0 {
    transform: translate3d(-10px,0,0)
}

.full-motion .translate_faf9c0.animatorRight_faf9c0 {
    transform: translate3d(10px,0,0)
}

.full-motion .translate_faf9c0.animatorCenter_faf9c0 {
    transform: translate3d(0,-10px,0)
}

.full-motion .translate_faf9c0.didRender_faf9c0 {
    transform: translateZ(0);
    transition: transform .2s ease-out
}

.full-motion .translate_faf9c0[data-popout-animating=false] {
    position: relative;
    transform: none;
    transition: none;
    z-index: 0
}

.full-motion .scale_faf9c0 {
    opacity: 0;
    transform: scale(.01)
}

    .full-motion .scale_faf9c0.animatorTop_faf9c0 {
        transform-origin: bottom center
    }

    .full-motion .scale_faf9c0.animatorBottom_faf9c0 {
        transform-origin: top center
    }

    .full-motion .scale_faf9c0.animatorLeft_faf9c0 {
        transform-origin: top right
    }

    .full-motion .scale_faf9c0.animatorRight_faf9c0 {
        transform-origin: top left
    }

    .full-motion .scale_faf9c0.animatorRight_faf9c0 {
        transform-origin: top center
    }

    .full-motion .scale_faf9c0.didRender_faf9c0 {
        opacity: 1;
        transform: scale(1);
        transition: transform .12s ease-out,opacity .12s ease-out
    }

    .full-motion .scale_faf9c0[data-popout-animating=false] {
        position: relative;
        transform: none;
        transition: none;
        z-index: 0
    }

.fade_faf9c0 {
    opacity: 0
}

    .fade_faf9c0.didRender_faf9c0 {
        opacity: 1;
        position: relative;
        transition: opacity .08s ease-out;
        z-index: 0
    }

.loader__82471 {
    align-items: center;
    background-color: var(--background-tertiary);
    border-radius: 8px;
    display: flex;
    height: 80px;
    justify-content: center
}

.calendarContainer__9bb02 {
    box-shadow: var(--legacy-elevation-border),var(--legacy-elevation-high)
}

.container__9bb02 {
    cursor: pointer
}

.content__9bb02 {
    align-items: center;
    display: flex;
    flex-direction: row
}

.text__9bb02 {
    margin-right: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.icon__9bb02 {
    color: var(--interactive-normal);
    flex-shrink: 0;
    margin: -2px -2px -2px auto
}

.disabled__9bb02 {
    cursor: not-allowed
}

.inputWrapper__0f084 {
    display: flex;
    flex-direction: column
}

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

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

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

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

    .input__0f084.focused__0f084, .input__0f084:focus {
        border-color: var(--text-link)
    }

    .input__0f084.error__0f084 {
        border-color: var(--status-danger)
    }

    .input__0f084.success__0f084 {
        border-color: var(--green-360)
    }

    .input__0f084.disabled__0f084 {
        border-color: var(--deprecated-text-input-border-disabled)
    }

    .input__0f084.editable__0f084 {
        background-color: transparent;
        border-color: transparent
    }

.inputDefault__0f084 {
    height: 40px;
    padding: 10px
}

.inputMini__0f084 {
    height: 26px;
    line-height: 16px;
    padding: 4px 7px
}

.disabled__0f084 {
    cursor: not-allowed;
    opacity: .5;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.focused__0f084 {
    border-color: var(--brand-500);
    opacity: 1
}

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

.theme-dark .inputPrefix__0f084 {
    opacity: .5
}

.enable-forced-colors .input__0f084 {
    border: 1px solid ButtonText
}

    .enable-forced-colors .input__0f084:focus {
        border-color: Highlight
    }

    .enable-forced-colors .input__0f084.disabled__0f084 {
        background-color: Canvas;
        border-color: GrayText;
        opacity: 1
    }

:where(.visual-refresh) .input__0f084 {
    border: 1px solid var(--input-border);
    border-radius: 8px;
    height: 44px;
    padding: 12px 10px
}

    :where(.visual-refresh) .input__0f084:hover, :where(.visual-refresh) .input__0f084[readonly] {
        border: 1px solid var(--input-border)
    }

    :where(.visual-refresh) .input__0f084:not([readOnly]).focused__0f084, :where(.visual-refresh) .input__0f084:not([readOnly]).focused__0f084:hover, :where(.visual-refresh) .input__0f084:not([readOnly]):focus, :where(.visual-refresh) .input__0f084:not([readOnly]):focus:hover {
        border-color: var(--text-link)
    }

    :where(.visual-refresh) .input__0f084.error__0f084 {
        border-color: var(--text-danger);
        border-width: 2px;
        color: var(--text-danger)
    }

    :where(.visual-refresh) .input__0f084.disabled__0f084 {
        border-color: var(--input-border);
        cursor: not-allowed;
        opacity: 1
    }

    :where(.visual-refresh) .input__0f084::-moz-placeholder {
        color: var(--input-placeholder-text)
    }

    :where(.visual-refresh) .input__0f084::placeholder {
        color: var(--input-placeholder-text)
    }

:where(.visual-refresh) .inputError__0f084 {
    align-items: center;
    display: flex;
    gap: 8px
}

.heading-sm\/normal_b717a1 {
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2857142857142858
}

    .heading-sm\/normal_b717a1.fontScaling_b717a1 {
        font-size: .875rem
    }

.heading-sm\/medium_b717a1 {
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2857142857142858
}

    .heading-sm\/medium_b717a1.fontScaling_b717a1 {
        font-size: .875rem
    }

.heading-sm\/semibold_b717a1 {
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2857142857142858
}

    .heading-sm\/semibold_b717a1.fontScaling_b717a1 {
        font-size: .875rem
    }

.heading-sm\/bold_b717a1 {
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2857142857142858
}

    .heading-sm\/bold_b717a1.fontScaling_b717a1 {
        font-size: .875rem
    }

.heading-sm\/extrabold_b717a1 {
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2857142857142858
}

    .heading-sm\/extrabold_b717a1.fontScaling_b717a1 {
        font-size: .875rem
    }

.heading-md\/normal_b717a1 {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25
}

    .heading-md\/normal_b717a1.fontScaling_b717a1 {
        font-size: 1rem
    }

.heading-md\/medium_b717a1 {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25
}

    .heading-md\/medium_b717a1.fontScaling_b717a1 {
        font-size: 1rem
    }

.heading-md\/semibold_b717a1 {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25
}

    .heading-md\/semibold_b717a1.fontScaling_b717a1 {
        font-size: 1rem
    }

.heading-md\/bold_b717a1 {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25
}

    .heading-md\/bold_b717a1.fontScaling_b717a1 {
        font-size: 1rem
    }

.heading-md\/extrabold_b717a1 {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.25
}

    .heading-md\/extrabold_b717a1.fontScaling_b717a1 {
        font-size: 1rem
    }

.heading-lg\/normal_b717a1 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2
}

    .heading-lg\/normal_b717a1.fontScaling_b717a1 {
        font-size: 1.25rem
    }

.heading-lg\/medium_b717a1 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2
}

    .heading-lg\/medium_b717a1.fontScaling_b717a1 {
        font-size: 1.25rem
    }

.heading-lg\/semibold_b717a1 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2
}

    .heading-lg\/semibold_b717a1.fontScaling_b717a1 {
        font-size: 1.25rem
    }

.heading-lg\/bold_b717a1 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2
}

    .heading-lg\/bold_b717a1.fontScaling_b717a1 {
        font-size: 1.25rem
    }

.heading-lg\/extrabold_b717a1 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2
}

    .heading-lg\/extrabold_b717a1.fontScaling_b717a1 {
        font-size: 1.25rem
    }

.heading-xl\/normal_b717a1 {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 400;
    line-height: 1.25
}

    .heading-xl\/normal_b717a1.fontScaling_b717a1 {
        font-size: 1.5rem
    }

.heading-xl\/medium_b717a1 {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 500;
    line-height: 1.25
}

    .heading-xl\/medium_b717a1.fontScaling_b717a1 {
        font-size: 1.5rem
    }

.heading-xl\/semibold_b717a1 {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25
}

    .heading-xl\/semibold_b717a1.fontScaling_b717a1 {
        font-size: 1.5rem
    }

.heading-xl\/bold_b717a1 {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25
}

    .heading-xl\/bold_b717a1.fontScaling_b717a1 {
        font-size: 1.5rem
    }

.heading-xl\/extrabold_b717a1 {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.25
}

    .heading-xl\/extrabold_b717a1.fontScaling_b717a1 {
        font-size: 1.5rem
    }

.heading-xxl\/normal_b717a1 {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 400;
    line-height: 1.25
}

    .heading-xxl\/normal_b717a1.fontScaling_b717a1 {
        font-size: 2rem
    }

.heading-xxl\/medium_b717a1 {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 500;
    line-height: 1.25
}

    .heading-xxl\/medium_b717a1.fontScaling_b717a1 {
        font-size: 2rem
    }

.heading-xxl\/semibold_b717a1 {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 600;
    line-height: 1.25
}

    .heading-xxl\/semibold_b717a1.fontScaling_b717a1 {
        font-size: 2rem
    }

.heading-xxl\/bold_b717a1 {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 700;
    line-height: 1.25
}

    .heading-xxl\/bold_b717a1.fontScaling_b717a1 {
        font-size: 2rem
    }

.heading-xxl\/extrabold_b717a1 {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 800;
    line-height: 1.25
}

    .heading-xxl\/extrabold_b717a1.fontScaling_b717a1 {
        font-size: 2rem
    }

.eyebrow_b717a1 {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 1.3333333333333333;
    text-transform: uppercase
}

    .eyebrow_b717a1.fontScaling_b717a1 {
        font-size: .75rem
    }

.heading-deprecated-12\/normal_b717a1 {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3333333333333333
}

    .heading-deprecated-12\/normal_b717a1.fontScaling_b717a1 {
        font-size: .75rem
    }

.heading-deprecated-12\/medium_b717a1 {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3333333333333333
}

    .heading-deprecated-12\/medium_b717a1.fontScaling_b717a1 {
        font-size: .75rem
    }

.heading-deprecated-12\/semibold_b717a1 {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3333333333333333
}

    .heading-deprecated-12\/semibold_b717a1.fontScaling_b717a1 {
        font-size: .75rem
    }

.heading-deprecated-12\/bold_b717a1 {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3333333333333333
}

    .heading-deprecated-12\/bold_b717a1.fontScaling_b717a1 {
        font-size: .75rem
    }

.heading-deprecated-12\/extrabold_b717a1 {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.3333333333333333
}

    .heading-deprecated-12\/extrabold_b717a1.fontScaling_b717a1 {
        font-size: .75rem
    }

.redesign\/heading-18\/bold_b717a1 {
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3333333333333333
}

    .redesign\/heading-18\/bold_b717a1.fontScaling_b717a1 {
        font-size: 1.125rem
    }

.text-xxs\/normal_b717a1 {
    font-family: var(--font-primary);
    font-size: 10px;
    font-weight: 400;
    line-height: 1.2
}

    .text-xxs\/normal_b717a1.fontScaling_b717a1 {
        font-size: .625rem
    }

.text-xxs\/medium_b717a1 {
    font-family: var(--font-primary);
    font-size: 10px;
    font-weight: 500;
    line-height: 1.2
}

    .text-xxs\/medium_b717a1.fontScaling_b717a1 {
        font-size: .625rem
    }

.text-xxs\/semibold_b717a1 {
    font-family: var(--font-primary);
    font-size: 10px;
    font-weight: 600;
    line-height: 1.2
}

    .text-xxs\/semibold_b717a1.fontScaling_b717a1 {
        font-size: .625rem
    }

.text-xxs\/bold_b717a1 {
    font-family: var(--font-primary);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2
}

    .text-xxs\/bold_b717a1.fontScaling_b717a1 {
        font-size: .625rem
    }

.text-xs\/normal_b717a1 {
    font-family: var(--font-primary);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3333333333333333
}

    .text-xs\/normal_b717a1.fontScaling_b717a1 {
        font-size: .75rem
    }

.text-xs\/medium_b717a1 {
    font-family: var(--font-primary);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3333333333333333
}

    .text-xs\/medium_b717a1.fontScaling_b717a1 {
        font-size: .75rem
    }

.text-xs\/semibold_b717a1 {
    font-family: var(--font-primary);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3333333333333333
}

    .text-xs\/semibold_b717a1.fontScaling_b717a1 {
        font-size: .75rem
    }

.text-xs\/bold_b717a1 {
    font-family: var(--font-primary);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3333333333333333
}

    .text-xs\/bold_b717a1.fontScaling_b717a1 {
        font-size: .75rem
    }

.text-sm\/normal_b717a1 {
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2857142857142858
}

    .text-sm\/normal_b717a1.fontScaling_b717a1 {
        font-size: .875rem
    }

.text-sm\/medium_b717a1 {
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2857142857142858
}

    .text-sm\/medium_b717a1.fontScaling_b717a1 {
        font-size: .875rem
    }

.text-sm\/semibold_b717a1 {
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2857142857142858
}

    .text-sm\/semibold_b717a1.fontScaling_b717a1 {
        font-size: .875rem
    }

.text-sm\/bold_b717a1 {
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2857142857142858
}

    .text-sm\/bold_b717a1.fontScaling_b717a1 {
        font-size: .875rem
    }

.text-md\/normal_b717a1 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25
}

    .text-md\/normal_b717a1.fontScaling_b717a1 {
        font-size: 1rem
    }

.text-md\/medium_b717a1 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25
}

    .text-md\/medium_b717a1.fontScaling_b717a1 {
        font-size: 1rem
    }

.text-md\/semibold_b717a1 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25
}

    .text-md\/semibold_b717a1.fontScaling_b717a1 {
        font-size: 1rem
    }

.text-md\/bold_b717a1 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25
}

    .text-md\/bold_b717a1.fontScaling_b717a1 {
        font-size: 1rem
    }

.text-lg\/normal_b717a1 {
    font-family: var(--font-primary);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2
}

    .text-lg\/normal_b717a1.fontScaling_b717a1 {
        font-size: 1.25rem
    }

.text-lg\/medium_b717a1 {
    font-family: var(--font-primary);
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2
}

    .text-lg\/medium_b717a1.fontScaling_b717a1 {
        font-size: 1.25rem
    }

.text-lg\/semibold_b717a1 {
    font-family: var(--font-primary);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2
}

    .text-lg\/semibold_b717a1.fontScaling_b717a1 {
        font-size: 1.25rem
    }

.text-lg\/bold_b717a1 {
    font-family: var(--font-primary);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2
}

    .text-lg\/bold_b717a1.fontScaling_b717a1 {
        font-size: 1.25rem
    }

.redesign\/message-preview\/normal_b717a1 {
    font-family: var(--font-primary);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3333333333333333
}

    .redesign\/message-preview\/normal_b717a1.fontScaling_b717a1 {
        font-size: .9375rem
    }

.redesign\/message-preview\/medium_b717a1 {
    font-family: var(--font-primary);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3333333333333333
}

    .redesign\/message-preview\/medium_b717a1.fontScaling_b717a1 {
        font-size: .9375rem
    }

.redesign\/message-preview\/semibold_b717a1 {
    font-family: var(--font-primary);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3333333333333333
}

    .redesign\/message-preview\/semibold_b717a1.fontScaling_b717a1 {
        font-size: .9375rem
    }

.redesign\/message-preview\/bold_b717a1 {
    font-family: var(--font-primary);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3333333333333333
}

    .redesign\/message-preview\/bold_b717a1.fontScaling_b717a1 {
        font-size: .9375rem
    }

.redesign\/channel-title\/normal_b717a1 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.375
}

    .redesign\/channel-title\/normal_b717a1.fontScaling_b717a1 {
        font-size: 1rem
    }

.redesign\/channel-title\/medium_b717a1 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.375
}

    .redesign\/channel-title\/medium_b717a1.fontScaling_b717a1 {
        font-size: 1rem
    }

.redesign\/channel-title\/semibold_b717a1 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.375
}

    .redesign\/channel-title\/semibold_b717a1.fontScaling_b717a1 {
        font-size: 1rem
    }

.redesign\/channel-title\/bold_b717a1 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.375
}

    .redesign\/channel-title\/bold_b717a1.fontScaling_b717a1 {
        font-size: 1rem
    }

.display-sm_b717a1 {
    font-family: var(--font-headline);
    font-size: 20px;
    font-weight: 800;
    line-height: 1
}

    .display-sm_b717a1.fontScaling_b717a1 {
        font-size: 1.25rem
    }

.display-md_b717a1 {
    font-family: var(--font-headline);
    font-size: 34px;
    font-weight: 800;
    line-height: 1.0588235294117647
}

    .display-md_b717a1.fontScaling_b717a1 {
        font-size: 2.125rem
    }

.display-lg_b717a1 {
    font-family: var(--font-headline);
    font-size: 44px;
    font-weight: 800;
    line-height: .9545454545454546
}

    .display-lg_b717a1.fontScaling_b717a1 {
        font-size: 2.75rem
    }

.code_b717a1 {
    font-family: var(--font-code);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3333333333333333
}

    .code_b717a1.fontScaling_b717a1 {
        font-size: .75rem
    }

.title_b717a1 {
    cursor: default;
    flex: 1;
    font-family: var(--font-display)
}

.h1_b717a1 {
    font-size: 20px;
    line-height: 24px
}

.h1_b717a1, .h2_b717a1 {
    font-weight: 600
}

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

.h3_b717a1 {
    font-weight: 500;
    line-height: 24px
}

.h3_b717a1, .h4_b717a1 {
    font-size: 16px
}

.h4_b717a1 {
    font-weight: 600;
    letter-spacing: .3px;
    line-height: 20px;
    text-transform: uppercase
}

.h5_b717a1, .label_b717a1, .legend_b717a1 {
}

.defaultMarginh4_b717a1 {
    margin-bottom: 0;
    margin-top: 0
}

.defaultMarginh1_b717a1, .defaultMarginh2_b717a1 {
    margin-bottom: 20px
}

.defaultMarginh3_b717a1, .defaultMarginh5_b717a1, .defaultMarginlabel_b717a1, .defaultMarginlegend_b717a1 {
    margin-bottom: 8px
}

.disabled_b717a1 {
    cursor: not-allowed;
    opacity: .5
}

.required_b717a1 {
    color: var(--text-danger);
    padding-left: 4px
}

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

.errorSeparator_b717a1 {
    padding-left: 4px;
    padding-right: 4px
}

.defaultColor_b717a1 {
    color: var(--header-primary)
}

.h5_b717a1, .label_b717a1, .legend_b717a1 {
    color: var(--header-secondary)
}

.label_b717a1 {
    display: block
}

.faded_b717a1 {
    opacity: .8
}

.error_b717a1 {
    color: var(--text-danger)
}

:where(.visual-refresh) .h5_b717a1 {
    color: var(--header-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 8px;
    text-transform: capitalize
}

.enable-forced-colors .disabled_b717a1 {
    color: GrayText;
    opacity: 1
}

.flex__7c0ba, .horizontal__7c0ba {
    display: flex
}

.horizontal__7c0ba {
    flex-direction: row
}

.horizontalReverse__7c0ba {
    display: flex;
    flex-direction: row-reverse
}

.horizontal__7c0ba > .flex__7c0ba, .horizontal__7c0ba > .flexChild__7c0ba {
    margin-left: 10px;
    margin-right: 10px
}

    .horizontal__7c0ba > .flex__7c0ba:first-child, .horizontal__7c0ba > .flexChild__7c0ba:first-child {
        margin-left: 0
    }

    .horizontal__7c0ba > .flex__7c0ba:last-child, .horizontal__7c0ba > .flexChild__7c0ba:last-child {
        margin-right: 0
    }

.horizontalReverse__7c0ba > .flex__7c0ba, .horizontalReverse__7c0ba > .flexChild__7c0ba {
    margin-left: 10px;
    margin-right: 10px
}

    .horizontalReverse__7c0ba > .flex__7c0ba:first-child, .horizontalReverse__7c0ba > .flexChild__7c0ba:first-child {
        margin-right: 0
    }

    .horizontalReverse__7c0ba > .flex__7c0ba:last-child, .horizontalReverse__7c0ba > .flexChild__7c0ba:last-child {
        margin-left: 0
    }

.horizontal__7c0ba > .flexMarginReset__7c0ba {
    margin: 0
}

.flex_abf706 {
    display: flex
}

.alignStart_abf706 {
    align-items: flex-start
}

.alignEnd_abf706 {
    align-items: flex-end
}

.alignCenter_abf706 {
    align-items: center
}

.alignStretch_abf706 {
    align-items: stretch
}

.alignBaseline_abf706 {
    align-items: baseline
}

.justifyStart_abf706 {
    justify-content: flex-start
}

.justifyEnd_abf706 {
    justify-content: flex-end
}

.justifyCenter_abf706 {
    justify-content: center
}

.justifyAround_abf706 {
    justify-content: space-around
}

.justifyBetween_abf706 {
    justify-content: space-between
}

.noWrap_abf706 {
    flex-wrap: nowrap
}

.wrap_abf706 {
    flex-wrap: wrap
}

.wrapReverse_abf706 {
    flex-wrap: wrap-reverse
}

.directionRow_abf706 {
    flex-direction: row
}

.directionRowReverse_abf706 {
    flex-direction: row-reverse
}

.directionColumn_abf706 {
    flex-direction: column
}

.spacer_abf706 {
    flex: 1;
    overflow: hidden
}

.vertical_abf706 {
    display: flex;
    flex-direction: column
}

.horizontal_abf706 {
    display: flex;
    flex-direction: row
}

.horizontalReverse_abf706 {
    display: flex;
    flex-direction: row-reverse
}

    .horizontal_abf706 > .spacer_abf706, .horizontalReverse_abf706 > .spacer_abf706, .vertical_abf706 > .spacer_abf706 {
        min-height: 1px
    }

.flexCenter_abf706 {
    align-items: center;
    display: flex;
    justify-content: center
}

.container__468a6 {
    word-wrap: break-word;
    width: 440px
}

.form__468a6 {
    display: flex;
    flex-direction: column;
    height: 100%
}

.modalContent__468a6 {
    padding-bottom: 20px;
    padding-top: 20px
}

.content__468a6 {
    height: 100%
}

.title__468a6 {
    text-align: center
}

.minorContainer__468a6 {
    cursor: pointer;
    flex: 0 0 auto;
    margin-bottom: -10px;
    margin-top: 8px;
    width: 100%
}

.secondaryAction__468a6 {
    opacity: .6;
    text-align: center
}

    .secondaryAction__468a6:hover {
        text-decoration: underline
    }

.body__468a6 {
    text-align: center
}

.primaryButton__468a6, .secondaryButton__468a6 {
    flex: 1 1 45%
}

.gutter__468a6 {
    margin-left: 10px
}

.visual-refresh .container__468a6 {
    min-height: auto;
    width: 442px
}

.visual-refresh .modalContent__468a6 {
    padding-bottom: var(--space-4)
}

.visual-refresh .body__468a6, .visual-refresh .title__468a6 {
    text-align: left
}

.visual-refresh .title__468a6 {
    margin-bottom: 0;
    margin-top: 0
}

.visual-refresh .primaryButton__468a6, .visual-refresh .secondaryButton__468a6 {
    flex: unset
}

.spacing_f0f2d9 {
    margin-bottom: 20px
}

.error_f0f2d9 {
    margin-top: 8px
}

.card_f0f2d9 {
    padding: 10px
}

.warning_f0f2d9 {
    color: var(--white-500)
}

.flexVertical__2d3fe {
    display: flex;
    flex-direction: column
}

    .flexVertical__2d3fe > .flexSpacer__2d3fe {
        min-height: 1px
    }

.flexHorizontal__2d3fe {
    display: flex;
    flex-direction: row
}

    .flexHorizontal__2d3fe > .flexSpacer__2d3fe {
        min-width: 1px
    }

.flexHorizontalReverse__2d3fe {
    display: flex;
    flex-direction: row-reverse
}

    .flexHorizontalReverse__2d3fe > .flexSpacer__2d3fe {
        min-width: 1px
    }

.flexSpacer__2d3fe {
    flex: 1;
    overflow: hidden
}

.flexCenter__2d3fe {
    align-items: center;
    display: flex;
    justify-content: center
}

.flexAlignStart__2d3fe {
    align-items: flex-start
}

.flexAlignEnd__2d3fe {
    align-items: flex-end
}

.flexAlignCenter__2d3fe {
    align-items: center
}

.flexAlignStretch__2d3fe {
    align-items: stretch
}

.flexJustifyStart__2d3fe {
    justify-content: flex-start
}

.flexJustifyEnd__2d3fe {
    justify-content: flex-end
}

.flexJustifyCenter__2d3fe {
    justify-content: center
}

.flexJustifyAround__2d3fe {
    justify-content: space-around
}

.flexJustifyBetween__2d3fe {
    justify-content: space-between
}

.flexNowrap__2d3fe {
    flex-wrap: nowrap
}

.flexWrap__2d3fe {
    flex-wrap: wrap
}

.flexWrapReverse__2d3fe {
    flex-wrap: wrap-reverse
}

.flex__48a9c {
    box-sizing: border-box;
    display: flex
}

    .flex__48a9c .flexChild__48a9c {
        box-sizing: border-box;
        flex-grow: 1
    }

    .flex__48a9c.flexGutterSmall__48a9c {
        margin-left: -10px;
        margin-right: -10px
    }

        .flex__48a9c.flexGutterSmall__48a9c .flexChild__48a9c {
            padding: 0 10px
        }

    .flex__48a9c.flexGutterLarge__48a9c {
        margin-left: -30px;
        margin-right: -30px
    }

        .flex__48a9c.flexGutterLarge__48a9c .flexChild__48a9c {
            padding: 0 30px
        }

.scrollerBase_d125d2 {
    box-sizing: border-box;
    flex: 1 1 auto;
    min-height: 0;
    position: relative
}

.auto_d125d2, .none_d125d2, .thin_d125d2 {
}

    .thin_d125d2::-webkit-scrollbar {
        height: 8px;
        width: 8px
    }

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

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

    .thin_d125d2::-webkit-scrollbar-corner {
        background-color: transparent
    }

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

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

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

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

    .auto_d125d2::-webkit-scrollbar-corner {
        background-color: transparent
    }

.theme-dark.custom-theme-background .customTheme_d125d2.auto_d125d2::-webkit-scrollbar-track {
    background-image: linear-gradient(rgb(var(--bg-overlay-color)/.6),rgb(var(--bg-overlay-color)/.6)),var(--custom-theme-background);
    background-size: 200vh
}

.theme-dark.custom-theme-background .customTheme_d125d2.auto_d125d2::-webkit-scrollbar-thumb, .theme-dark.custom-theme-background .customTheme_d125d2.thin_d125d2::-webkit-scrollbar-thumb {
    background-image: linear-gradient(rgb(var(--bg-overlay-color-inverse)/var(--bg-overlay-opacity-4)),rgb(var(--bg-overlay-color-inverse)/var(--bg-overlay-opacity-4))),var(--custom-theme-background);
    background-size: 200vh
}

.theme-light.custom-theme-background .customTheme_d125d2.auto_d125d2::-webkit-scrollbar-track {
    background-image: linear-gradient(rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-2)),rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-2))),var(--custom-theme-background);
    background-size: 200vh
}

.theme-light.custom-theme-background .customTheme_d125d2.auto_d125d2::-webkit-scrollbar-thumb, .theme-light.custom-theme-background .customTheme_d125d2.thin_d125d2::-webkit-scrollbar-thumb {
    background-image: rgb(var(--bg-overlay-color-inverse)/var(--bg-overlay-opacity-6)),rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-3));
    background-size: 100vh
}

.none_d125d2::-webkit-scrollbar {
    height: 0;
    width: 0
}

.fade_d125d2::-webkit-scrollbar-thumb, .fade_d125d2::-webkit-scrollbar-track {
    visibility: hidden
}

.fade_d125d2:hover::-webkit-scrollbar-thumb, .fade_d125d2:hover::-webkit-scrollbar-track {
    visibility: visible
}

.scrolling_d125d2.fade_d125d2:focus-within::-webkit-scrollbar-thumb, .scrolling_d125d2.fade_d125d2:focus-within::-webkit-scrollbar-track {
    visibility: visible
}

.no-webkit-scrollbar .thin_d125d2 {
    scrollbar-color: var(--scrollbar-thin-thumb) var(--scrollbar-thin-track);
    scrollbar-width: thin
}

    .no-webkit-scrollbar .thin_d125d2.fade_d125d2.scrolling_d125d2, .no-webkit-scrollbar .thin_d125d2.fade_d125d2:hover {
        scrollbar-color: var(--scrollbar-thin-thumb) var(--scrollbar-thin-track)
    }

.no-webkit-scrollbar .auto_d125d2 {
    scrollbar-color: var(--scrollbar-auto-scrollbar-color-thumb) var(--scrollbar-auto-scrollbar-color-track);
    scrollbar-width: auto
}

    .no-webkit-scrollbar .auto_d125d2.fade_d125d2.scrolling_d125d2, .no-webkit-scrollbar .auto_d125d2.fade_d125d2:hover {
        scrollbar-color: var(--scrollbar-auto-scrollbar-color-thumb) var(--scrollbar-auto-scrollbar-color-track)
    }

.no-webkit-scrollbar .none_d125d2 {
    scrollbar-width: none
}

.no-webkit-scrollbar .fade_d125d2 {
    scrollbar-color: transparent transparent
}

.content_d125d2 {
    position: relative
}

.disableScrollAnchor_d125d2 {
    overflow-anchor: none
}

.managedReactiveScroller_d125d2 {
    overflow-x: hidden;
    overflow-y: scroll
}

.pointerCover_d125d2 {
    inset: 0;
    position: absolute;
    z-index: 9999
}

.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_d125d2::-webkit-scrollbar {
    height: 8px;
    width: 8px
}

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

.animationWrapper__41e0f {
    height: 100%;
    position: absolute;
    width: 100%
}

.lottieAnimation__41e0f {
    bottom: 0;
    height: 196px;
    position: absolute;
    right: 0;
    width: 196px
}

.emoji {
    height: var(--custom-emoji-size-emoji);
    object-fit: contain;
    vertical-align: bottom;
    width: var(--custom-emoji-size-emoji)
}

    .emoji.jumboable {
        height: var(--custom-emoji-size-jumbo-emoji);
        min-height: var(--custom-emoji-size-jumbo-emoji);
        width: var(--custom-emoji-size-jumbo-emoji)
    }

.flowerStarContainer__3e3b0 {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

.flowerStar__3e3b0 {
    height: 100%;
    width: 100%
}

.childContainer__3e3b0 {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: .05px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -.05px
}

.redesignIconChildContainer__3e3b0 > svg {
    height: 10px;
    width: 10px
}

.background__09691 {
    height: 16px;
    width: 16px
}

.hubContainer__09691 {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

.verified__09691 {
    color: var(--green-360)
}

.staff__09691, .verified__09691 {
}

.staff__09691 {
    color: var(--primary-500)
}

    .staff__09691 .icon__09691 {
        height: 60%;
        width: 60%
    }

.visual-refresh .staff__09691 {
    color: var(--icon-tertiary)
}

.partnered__09691 {
    color: var(--brand-500)
}

.hub__09691 {
}

    .hub__09691 > .icon__09691 > circle {
        fill: var(--background-accent)
    }

.verifiedHub__09691 {
}

    .verifiedHub__09691 > .icon__09691 > circle {
        fill: var(--green-360)
    }

.icon__09691 {
    color: var(--white-500);
    height: 100%;
    width: 100%
}

.icon_f34534 {
    background-clip: padding-box;
    background-color: none;
    background-position: 50%;
    background-size: 100% 100%;
    position: relative
}

    .icon_f34534 .guildIconBadge_f34534 {
        bottom: -2px;
        height: 14px;
        position: absolute;
        right: -2px;
        width: 14px
    }

.iconInactive_f34534 {
    border-radius: 50%
}

.iconActiveMini_f34534 {
    border-radius: 6px
}

.iconActiveSmaller_f34534 {
    border-radius: 7px
}

.iconActiveSmall_f34534 {
    border-radius: 9px
}

.iconActiveMedium_f34534 {
    border-radius: 12px
}

.iconActiveLarge_f34534 {
    border-radius: 15px
}

.iconActiveLarger_f34534 {
    border-radius: 16px
}

.iconActiveXLarge_f34534 {
    border-radius: 30px
}

.iconSizeSmol_f34534 {
    height: 16px;
    width: 16px
}

.iconSizeMini_f34534 {
    height: 20px;
    width: 20px
}

.iconSizeSmaller_f34534 {
    height: 24px;
    width: 24px
}

.iconSizeSmall_f34534 {
    height: 30px;
    width: 30px
}

.iconSizeMedium_f34534 {
    height: 40px;
    width: 40px
}

.iconSizeLarge_f34534 {
    height: 50px;
    width: 50px
}

.iconSizeLarger_f34534 {
    height: 64px;
    width: 64px
}

.iconSizeXLarge_f34534 {
    height: 100px;
    width: 100px
}

.acronym_f34534 {
    overflow: hidden;
    white-space: nowrap;
    width: 100%
}

.noIcon_f34534 {
    background-color: var(--background-secondary);
    color: var(--text-normal);
    text-align: center
}

    .noIcon_f34534.iconSizeSmol_f34534 {
        line-height: 16px
    }

    .noIcon_f34534.iconSizeMini_f34534 {
        line-height: 20px
    }

    .noIcon_f34534.iconSizeSmaller_f34534 {
        line-height: 24px
    }

    .noIcon_f34534.iconSizeSmall_f34534 {
        line-height: 30px
    }

    .noIcon_f34534.iconSizeMedium_f34534 {
        line-height: 40px
    }

    .noIcon_f34534.iconSizeLarge_f34534 {
        line-height: 50px
    }

    .noIcon_f34534.iconSizeLarger_f34534 {
        line-height: 64px
    }

    .noIcon_f34534.iconSizeXLarge_f34534 {
        line-height: 100px
    }

.noAcronym_f34534 {
    background-color: var(--background-modifier-accent)
}

.discordLogo__921c5 {
    background: url(/assets/bbbc3d376d38e7bc.svg) no-repeat;
    display: none;
    flex-shrink: 0;
    height: 36px;
    margin-bottom: 16px;
    width: 112px
}

.authBox__921c5 {
    border-radius: 5px;
    box-shadow: var(--legacy-elevation-high);
    box-sizing: border-box;
    color: var(--text-muted);
    font-size: 18px;
    padding: var(--custom-auth-box-auth-box-padding);
    width: 480px
}

    .authBox__921c5 a {
        color: var(--text-link)
    }

        .authBox__921c5 a:hover {
            text-decoration: underline
        }

.authBoxExpanded__921c5 {
    width: 784px
}

.centeringWrapper__921c5 {
    text-align: center;
    width: 100%
}

.avatar__921c5 {
    margin-bottom: 24px
}

@media (max-width:485px) {
    .authBox__921c5 {
        align-items: center;
        background: linear-gradient(to left bottom,#3d4046,#1e1e23);
        border-radius: 0;
        bottom: 0;
        display: flex;
        flex-direction: column;
        height: 100%;
        left: 0;
        overflow: scroll;
        padding: 20px 16px;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
    }

        .authBox__921c5 .discordLogo__921c5 {
            display: block
        }

    @media (max-width:830px) {
        .authBox__921c5.authBoxExpanded__921c5 {
            max-width: unset
        }
    }

    .authBox__921c5 .centeringWrapper__921c5 {
        min-height: 540px;
        position: relative
    }
}

@media (max-width:830px) {
    .authBoxExpanded__921c5 {
        max-width: 480px
    }
}

.is-mobile .authBox__921c5 {
    align-items: center;
    background: linear-gradient(to left bottom,#3d4046,#1e1e23);
    border-radius: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    left: 0;
    overflow: scroll;
    padding: 20px 16px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

    .is-mobile .authBox__921c5 .discordLogo__921c5 {
        display: block;
        top: 16px
    }

@media (max-width:830px) {
    .is-mobile .authBox__921c5.authBoxExpanded__921c5 {
        max-width: unset
    }
}

.is-mobile .authBox__921c5 .centeringWrapper__921c5 {
    min-height: 540px;
    position: relative
}

.authBox__921c5[data-theme=light] {
    background: var(--primary-100)
}

    .authBox__921c5[data-theme=light] .discordLogo__921c5 {
        background: url(/assets/34120ace1e4e4d29.svg) no-repeat;
        width: 130px
    }

.authBox__921c5[data-theme=dark] {
    background: var(--background-mobile-primary)
}

    .authBox__921c5[data-theme=dark] .discordLogo__921c5 {
        background: url(/assets/bbbc3d376d38e7bc.svg) no-repeat;
        width: 130px
    }

.visual-refresh .authBox__921c5 {
    background-color: var(--background-base-lower);
    border-radius: var(--radius-sm)
}

.title__921c5 {
    font-weight: 600
}

.subText__921c5 {
    color: var(--text-muted)
}

    .subText__921c5 strong {
        color: hsl(var(--primary-300-hsl)/.9);
        font-weight: 600
    }

.pill__921c5 {
    align-items: center;
    display: flex
}

.pillOnline__921c5 {
    margin-right: 16px
}

.pillMessage__921c5 {
    color: var(--header-secondary);
    font-size: 14px;
    white-space: nowrap
}

@media (min-height:640px) {
    .pillMessage__921c5 {
        font-size: 16px
    }
}

.pillIcon__921c5 {
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    margin-right: 4px;
    width: 10px
}

.pillIconTotal__921c5 {
    background-color: var(--header-secondary)
}

.pillIconOnline__921c5 {
    background-color: var(--info-positive-foreground)
}

.pillFlat__921c5 {
    background: transparent
}

    .pillFlat__921c5 .pillIconTotal__921c5 {
        background-color: var(--text-muted)
    }

.joiningAs__921c5 {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    margin-top: 20px
}

.joiningAsAvatar__921c5 {
    margin-left: 14px
}

.joiningAsUsername__921c5 {
    margin-left: 5px
}

.spinnerVideo__921c5 {
    height: 200px;
    width: 200px
}

.image__921c5 {
    height: auto;
    max-height: 120px;
    max-width: 186px;
    pointer-events: none;
    width: 100%
}

.block__921c5 {
    text-align: left;
    width: 100%
}

.button__921c5 {
    font-size: 16px;
    line-height: 24px
}

.linkButton__921c5 {
    display: block;
    padding-left: 0;
    padding-right: 0
}

.inviteIcon__921c5 {
    align-items: center;
    display: inline-flex;
    justify-content: center
}

.inviteLargeIcon__921c5 {
    margin-right: 0
}

.inviteSmallIcon__921c5 {
    flex-shrink: 0;
    margin-right: 8px;
    margin-top: 0
}

.downloadButtonSubtext__921c5 {
    margin-top: 8px;
    text-align: center
}

.inputError__921c5, .inputError__921c5:focus, .inputError__921c5:hover {
    border-color: var(--status-danger)
}

.description__921c5 {
    font-size: 12px;
    margin-top: 8px
}

.applicationDetails__94ab2 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-top: 24px
}

    .applicationDetails__94ab2.noPadding__94ab2 {
        padding: 0
    }

.entry__94ab2 {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 8px
}

.entryIcon__94ab2 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    box-sizing: border-box;
    flex-shrink: 0;
    height: 16px;
    width: 16px
}

.entryIcon__94ab2, .entryInner__94ab2 {
    color: var(--text-muted)
}

.applicationEducation__526cc {
    display: flex;
    flex-direction: column;
    gap: 16px
}

    .applicationEducation__526cc:not(:first-child) {
        padding-top: 24px
    }

    .applicationEducation__526cc:not(:last-child) {
        border-bottom: 1px solid var(--background-modifier-accent);
        padding-bottom: 24px
    }

.sectionLabel__526cc {
    color: var(--header-secondary)
}

.entry__526cc {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 12px
}

.entryIcon__526cc {
    color: var(--text-muted);
    height: 20px;
    width: 20px
}

.entryText__526cc {
    flex: 1
}

.scopes__29337:not(:first-child) {
    padding-top: 24px
}

.scopes__29337:not(:last-child) {
    border-bottom: 1px solid var(--background-modifier-accent);
    padding-bottom: 24px
}

.scopes__29337.noDivider__29337:not(:last-child) {
    border-bottom: none;
    padding-bottom: 0
}

.scope__29337 {
    display: flex;
    margin-top: 16px
}

.scopeInner__29337 {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center
}

.sectionLabel__29337 {
    color: var(--header-secondary);
    margin-bottom: 16px
}

.fakeScopeIcon__29337, .scopeIcon__29337 {
    color: var(--text-muted)
}

.fakeScopeIcon__29337 {
    opacity: .6
}

.icon__29337 {
    height: 20px;
    margin-right: 12px;
    width: 20px
}

.botPermissions__41924 {
    display: flex;
    flex-direction: column;
    gap: 24px
}

    .botPermissions__41924:not(:first-child) {
        padding-top: 24px
    }

    .botPermissions__41924:not(:last-child) {
        border-bottom: 1px solid var(--background-modifier-accent);
        padding-bottom: 24px
    }

.permissionsList__41924 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: space-between
}

.permission__41924 {
    align-items: center;
    display: flex;
    flex: 2;
    font-weight: 500;
    margin: 16px 0 0
}

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

.icon__41924 {
    color: var(--white-500);
    height: 18px;
    width: 18px
}

.selectorGroup_c248b6:not(:first-child) {
    padding-top: 24px
}

.selectorGroup_c248b6:not(:last-child) {
    border-bottom: 1px solid var(--background-modifier-accent);
    padding-bottom: 24px
}

.select_c248b6 {
    align-items: center;
    height: 44px
}

.label_c248b6, .select_c248b6 {
    margin-top: 8px
}

.sectionLabel_c248b6 {
    color: var(--header-secondary);
    font-weight: 700;
    text-transform: uppercase
}

.botTag__82f07 {
    align-items: center;
    display: inline-flex;
    flex-shrink: 0;
    font-size: .625rem;
    text-indent: 0;
    text-transform: uppercase;
    vertical-align: top
}

.px__82f07.botTag__82f07 {
    border-radius: 4px;
    height: 16px;
    padding: 0 4px
}

.rem__82f07.botTag__82f07 {
    border-radius: 4px;
    height: .9375rem;
    margin-top: .2em;
    padding: 0 .275rem
}

    .rem__82f07.botTag__82f07.botTagOP__82f07 {
        margin-top: .25em
    }

.botTagRegular__82f07 {
    background: var(--bg-brand);
    color: var(--white)
}

.botTagInvert__82f07 {
    background: var(--white-500);
    color: var(--brand-500)
}

.botTagAI__82f07 {
    background: var(--text-positive);
    color: var(--white)
}

.botTag__82f07.botTagRemix__82f07 {
    top: .3em
}

.botTagVerified__82f07 {
    display: inline-block
}

.px__82f07 .botTagVerified__82f07 {
    height: 16px;
    margin-left: -2px;
    width: 16px
}

.rem__82f07 .botTagVerified__82f07 {
    height: 1rem;
    margin-left: -.2rem;
    margin-top: -.02rem;
    width: 1rem
}

.botText__82f07 {
    font-weight: 600;
    position: relative;
    vertical-align: top
}

.px__82f07 .botText__82f07 {
    font-size: 12px;
    line-height: 16px
}

.rem__82f07 .botText__82f07 {
    font-size: .8rem;
    line-height: .9375rem
}

.botTagOP__82f07 {
    background-color: var(--brand-260);
    border-radius: 8px;
    color: var(--brand-560)
}

.header__03630 {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    padding: 32px 0
}

.currentUser__03630 {
    font-weight: 500
}

.currentUserTag__03630 {
    display: inline
}

.currentUserDiscriminator__03630 {
    color: var(--interactive-normal);
    display: inline
}

.logoutLink__03630 {
    color: var(--brand-500);
    margin-left: 8px
}

.headerIcons__03630 {
    align-items: center;
    margin-bottom: 16px
}

.ellipseGroup__03630, .headerIcons__03630 {
    display: flex;
    justify-content: space-between
}

.ellipseGroup__03630 {
    margin: 0 24px
}

.ellipse__03630 {
    background-color: var(--channel-icon);
    border-radius: 50%;
    height: 4px;
    margin: 0 2px;
    opacity: .1;
    width: 4px
}

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

.avatar__03630 {
    border: 1px solid var(--border-subtle);
    height: 64px;
    width: 64px
}

.icon_bd6d20 {
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    box-sizing: border-box;
    flex-shrink: 0
}

.placeholder_bd6d20 {
    background-color: var(--bg-mod-subtle)
}

.header_b1c9f2 {
    align-items: center;
    gap: 16px;
    justify-content: center;
    margin-bottom: 16px
}

.container_b1c9f2, .header_b1c9f2 {
    display: flex;
    flex-direction: column
}

.container_b1c9f2 {
    max-width: 400px
}

.rows_b1c9f2 {
    display: grid;
    grid-auto-rows: 1fr
}

.appIcon_b1c9f2 {
    border-radius: var(--radius-xl);
    height: 80px;
    width: 80px
}

.row_b1c9f2 {
    align-items: center;
    background: var(--background-secondary);
    cursor: pointer;
    display: flex;
    gap: 12px;
    padding-left: 16px
}

    .row_b1c9f2:hover {
        background: var(--background-modifier-hover)
    }

    .row_b1c9f2:first-child {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px
    }

    .row_b1c9f2:last-child {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px
    }

    .row_b1c9f2:not(:last-child) .rowInner_b1c9f2 {
        border-bottom: 1px solid var(--background-modifier-hover)
    }

.visual-refresh .row_b1c9f2 {
    background-color: var(--background-surface-higher)
}

    .visual-refresh .row_b1c9f2:hover {
        background-color: var(--background-surface-high)
    }

    .visual-refresh .row_b1c9f2:not(:last-child) .rowInner_b1c9f2 {
        border-color: var(--border-subtle)
    }

.visual-refresh .rows_b1c9f2 {
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm)
}

.rowInner_b1c9f2 {
    align-items: center;
    display: flex;
    flex: 1;
    gap: 8px;
    padding: 8px 16px 8px 0
}

.rowDetails_b1c9f2 {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 2px
}

.leftIcon_b1c9f2 {
    padding: 4px
}

.leftIcon_b1c9f2, .rightIcon_b1c9f2 {
    color: var(--interactive-normal)
}

.learnMore_b1c9f2 {
    margin: 16px 0;
    text-align: center
}

.detailsContainer_b1c9f2 {
    display: flex;
    flex-direction: column;
    gap: var(--custom-disclosure-spacing)
}

.overviewContainerNoVideo_b1c9f2 {
    background-color: var(--background-secondary);
    border-radius: var(--radius-sm);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-8);
    padding: var(--spacing-12)
}

.visual-refresh .overviewContainerNoVideo_b1c9f2 {
    background-color: unset
}

.titleContainer_b1c9f2 {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: var(--spacing-8)
}

.partnerLabelContainer_b1c9f2 {
    background-color: var(--background-modifier-active);
    border-radius: var(--radius-lg);
    justify-content: center;
    padding: 2px var(--spacing-8)
}

.descriptionContainer_b1c9f2 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4)
}

.expandableDescriptionClickable_b1c9f2 {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    gap: var(--spacing-4)
}

.overflowHidden_b1c9f2 {
    overflow: hidden
}

.closeButton_b1c9f2 {
    color: var(--interactive-normal);
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 16px
}

    .closeButton_b1c9f2:hover {
        color: var(--interactive-active)
    }

.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
}

@use postcss-pxtorem;

.markup__75297 {
    font-size: 1rem;
    line-height: var(--chat-markup-line-height);
    white-space: break-spaces;
    word-wrap: break-word;
    color: var(--text-normal);
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

    .markup__75297 a {
        color: var(--text-link);
        cursor: pointer;
        -webkit-text-decoration: var(--link-decoration);
        text-decoration: var(--link-decoration);
        word-break: break-word
    }

        .markup__75297 a:hover {
            text-decoration: underline
        }

    .markup__75297 strong {
        font-weight: 700
    }

    .markup__75297 em {
        font-style: italic
    }

    .markup__75297 pre {
        background-clip: border-box;
        border-radius: 4px;
        font-family: var(--font-code);
        font-size: .75rem;
        line-height: 1rem;
        margin-top: 6px;
        padding: 0;
        white-space: pre-wrap
    }

    .markup__75297 blockquote, .markup__75297 pre {
        box-sizing: border-box;
        max-width: 90%
    }

    .markup__75297 blockquote {
        text-indent: 0
    }

        .markup__75297 blockquote pre {
            max-width: 100%
        }

    .markup__75297 small:not(.inlineFormat__75297) {
        color: var(--text-muted);
        display: block;
        font-size: .8125rem;
        line-height: 1.11719rem
    }

    .markup__75297 small.inlineFormat__75297:after {
        content: " "
    }

    .markup__75297 code {
        background: var(--background-secondary);
        border: 1px solid var(--background-tertiary);
        font-size: .875rem;
        line-height: 1.125rem;
        text-indent: 0;
        white-space: pre-wrap
    }

    .markup__75297 .no-webkit-scrollbar code {
        scrollbar-color: var(--background-tertiary) var(--background-secondary);
        scrollbar-width: thin
    }

    .markup__75297 code.inline {
        border-radius: 4px;
        font-family: var(--font-code);
        font-size: 85%;
        height: auto;
        margin: -.2em 0;
        padding: 0 .2em;
        text-indent: 0;
        white-space: pre-wrap;
        width: auto
    }

    .markup__75297 .codeContainer__75297 {
        position: relative
    }

    .markup__75297 .codeActions__75297 {
        display: none;
        position: absolute;
        right: 4px;
        top: 8px
    }

        .markup__75297 .codeActions__75297 > div {
            cursor: pointer
        }

    .markup__75297 .codeContainer__75297:hover .codeActions__75297 {
        display: block
    }

    .markup__75297 .inlineFormat__75297 li, .markup__75297.inlineFormat__75297 li {
        display: inline;
        margin: 0;
        padding-right: 8px
    }

        .markup__75297 .inlineFormat__75297 li:before, .markup__75297.inlineFormat__75297 li:before {
            content: "•";
            padding-right: 4px
        }

        .markup__75297 .inlineFormat__75297 li li:before, .markup__75297.inlineFormat__75297 li li:before {
            content: "â—‹";
            font-size: .625rem;
            line-height: 1rem;
            padding: 0 4px 4px
        }

    .markup__75297 li {
        margin-bottom: 4px;
        white-space: break-spaces
    }

    .markup__75297 ol, .markup__75297 ul {
        list-style-position: outside;
        margin: 4px 0 0 16px
    }

        .markup__75297 ol.inlineFormat__75297, .markup__75297 ul.inlineFormat__75297 {
            display: inline;
            margin: 0;
            padding: 0 8px 0 0
        }

    .markup__75297 ul {
        list-style-type: disc
    }

    .markup__75297 ol {
        list-style-type: decimal;
        margin-left: calc(.4em + var(--totalCharacters)*.6em)
    }

        .markup__75297 ol ul, .markup__75297 ul ul {
            list-style-type: circle;
            margin-bottom: 0
        }

        .markup__75297 ol ol, .markup__75297 ul ol {
            margin-bottom: 0
        }

    .markup__75297 h1, .markup__75297 h2, .markup__75297 h3, .markup__75297 h4, .markup__75297 h5, .markup__75297 h6 {
        color: var(--header-primary);
        font-family: var(--font-display);
        font-weight: 700;
        line-height: 1.375em;
        margin: 16px 0 4px
    }

        .markup__75297 h1.inlineFormat__75297, .markup__75297 h2.inlineFormat__75297, .markup__75297 h3.inlineFormat__75297, .markup__75297 h4.inlineFormat__75297, .markup__75297 h5.inlineFormat__75297, .markup__75297 h6.inlineFormat__75297 {
            color: inherit;
            display: inline;
            font-size: inherit;
            font-weight: 600;
            line-height: 1.25em;
            margin: 0 !important;
            padding-right: 16px;
            white-space: normal
        }

    .markup__75297 h1 {
        font-size: 1.5rem;
        margin: 16px 0 8px
    }

    .markup__75297 h2 {
        font-size: 1.25rem;
        margin: 16px 0 8px
    }

    .markup__75297 h3 {
        font-size: 1rem;
        margin: 16px 0 8px
    }

    .markup__75297 h1:first-child, .markup__75297 h2:first-child {
        margin-top: 8px
    }

    .markup__75297 h3:first-child, .markup__75297 h4:first-child, .markup__75297 h5:first-child, .markup__75297 h6:first-child {
        margin-top: 4px
    }

.visual-refresh .markup__75297 .codeContainer__75297 {
    max-width: 50vw
}

.visual-refresh .markup__75297 code {
    background: var(--background-code);
    border: 1px solid var(--border-normal)
}

.custom-theme-background .markup__75297 code {
    background: color-mix(in oklab,var(--background-code) 95%,var(--white-500))
}

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

.blockquoteContainer__75297 {
    display: flex
}

    .blockquoteContainer__75297 .blockquoteDivider__75297 {
        border-radius: 4px;
        min-width: 4px;
        width: 4px
    }

    .blockquoteContainer__75297 blockquote {
        box-sizing: border-box;
        padding: 0 8px 0 12px;
        text-indent: 0
    }

.blockquoteDivider__75297 {
    background-color: var(--interactive-muted)
}

.slateBlockquoteContainer__75297 {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

    .slateBlockquoteContainer__75297 .blockquoteDivider__75297, .slateBlockquoteContainer__75297 blockquote {
        border-radius: 0;
        margin: 0
    }

    .slateBlockquoteContainer__75297 blockquote {
        -webkit-user-select: text;
        -moz-user-select: text;
        user-select: text
    }

.visual-refresh .blockquoteContainer__75297 {
    margin-bottom: var(--space-4);
    margin-top: var(--space-4)
}

.visual-refresh .blockquoteDivider__75297 {
    background-color: var(--spine-default)
}

.visual-refresh .slateBlockquoteContainer__75297 {
    margin-bottom: 0;
    margin-top: 0
}

.background-opacity-low .markup__75297, .background-opacity-medium .markup__75297 {
    font-weight: 400
}

.background-opacity-low .markup__75297 {
    color: var(--white-500);
    text-shadow: 0 0 1px var(--primary-700),1px 1px 0 var(--primary-700)
}

    .background-opacity-low .markup__75297 a {
        color: var(--text-link);
        text-shadow: 0 0 1px hsl(var(--primary-700-hsl)/.7),1px 1px 0 hsl(var(--primary-700-hsl)/.7)
    }

.background-opacity-medium .markup__75297 {
    color: var(--primary-100);
    text-shadow: 0 0 1px var(--primary-600),1px 1px 0 var(--primary-600)
}

    .background-opacity-medium .markup__75297 a {
        color: var(--text-link);
        text-shadow: 0 0 1px hsl(var(--primary-700-hsl)/.8),1px 1px 0 hsl(var(--primary-700-hsl)/.8)
    }

.background-opacity-high .markup__75297 {
    color: var(--primary-100);
    text-shadow: 0 0 1px var(--primary-600),1px 1px 0 var(--primary-600)
}

.background-opacity-low pre, .background-opacity-medium pre {
    border-color: hsl(var(--primary-500-hsl)/.2)
}

.background-opacity-high pre, .background-opacity-low pre, .background-opacity-medium pre {
    background: hsl(var(--primary-630-hsl)/.3);
    border-color: hsl(var(--primary-700-hsl)/.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: hsl(var(--primary-630-hsl)/.3)
    }

.background-opacity-high .mention, .background-opacity-low .mention, .background-opacity-medium .mention {
    text-shadow: 0 1px 1px var(--brand-600),0 1px 0 var(--brand-600)
}

.overlay-unlocked code, .overlay-unlocked code.inline {
    background: var(--background-secondary);
    border-color: var(--background-tertiary)
}

.roleMention__75297 {
    filter: saturate(var(--saturation-factor,1));
    font-weight: 500
}

.rolePopout__75297 {
    background-color: var(--background-secondary);
    border-radius: 8px;
    display: flex;
    max-height: calc(100vh - 20px);
    width: 240px
}

.roleHeader__75297 {
    height: 40px;
    padding: 12px 8px 0 16px
}

.roleScroller__75297 {
    margin-bottom: 8px;
    margin-top: 4px
}

.timestamp__75297 {
    background-color: var(--background-modifier-accent);
    border-radius: 3px;
    padding: 0 2px
}

.timestampTooltip__75297 {
    max-width: unset
}

.visual-refresh .rolePopout__75297 {
    background-color: var(--background-surface-higher);
    border: 1px solid var(--border-subtle);
    border-radius: 8px;
    box-shadow: var(--shadow-high)
}

.enable-forced-colors .blockquoteDivider__75297 {
    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 .roleMention__75297, .enable-forced-colors .mention {
    background-color: ButtonFace;
    color: ButtonText;
    text-decoration: underline
}

.theme-light {
    --__spoiler-background-color--hidden: var(--primary-300);
    --__spoiler-background-color--hidden--hover: hsl(var(--primary-300-hsl)/0.8);
    --__spoiler-background-color--revealed: var(--opacity-black-8);
    --__spoiler-text-color--hidden: transparent;
    --__spoiler-warning-text-color: var(--primary-200);
    --__spoiler-warning-text-color--hover: var(--white-500);
    --__spoiler-warning-background-color: var(--opacity-black-60);
    --__spoiler-warning-background-color--hover: var(--opacity-black-88);
    --__spoiler-container-box-shadow-color: var(--opacity-black-8);
    --__obscured-background-blur-radius: 40px;
    --__obscured-background-brightness: 0.55
}

.theme-dark, .theme-dark.custom-theme-background {
    --__spoiler-background-color--hidden: var(--primary-700);
    --__spoiler-background-color--hidden--hover: hsl(var(--primary-700-hsl)/0.8);
    --__spoiler-background-color--revealed: var(--opacity-white-8);
    --__spoiler-text-color--hidden: transparent;
    --__spoiler-warning-text-color: var(--primary-200);
    --__spoiler-warning-text-color--hover: var(--white-500);
    --__spoiler-warning-background-color: var(--opacity-black-60);
    --__spoiler-warning-background-color--hover: var(--opacity-black-88);
    --__spoiler-container-box-shadow-color: var(--opacity-black-8);
    --__obscured-background-blur-radius: 40px;
    --__obscured-background-brightness: 0.55
}

    .theme-dark.custom-theme-background {
        --__spoiler-background-color--hidden: var(--primary-630);
        --__spoiler-background-color--hidden--hover: hsl(var(--primary-630-hsl)/0.8)
    }

.visual-refresh {
    --__spoiler-background-color--hidden: var(--spoiler-hidden-background);
    --__spoiler-background-color--hidden--hover: var(--spoiler-hidden-background-hover);
    --__spoiler-background-color--revealed: var(--background-mod-subtle)
}

    .visual-refresh .spoilerMarkdownContent__54ab5 {
        transition: background-color .2s ease
    }

.enable-forced-colors.enable-forced-colors.enable-forced-colors {
    --__spoiler-background-color--hidden: ButtonFace;
    --__spoiler-background-color--hidden--hover: ButtonFace;
    --__spoiler-background-color--revealed: transparent;
    --__spoiler-text-color--hidden: ButtonFace;
    --__spoiler-border-color--hidden: CanvasText;
    --__spoiler-border-color--hidden--hover: ButtonText;
    --__spoiler-border-color--revealed: CanvasText;
    --__spoiler-warning-text-color: CanvasText;
    --__spoiler-warning-text-color--hover: CanvasText;
    --__spoiler-warning-background-color: Canvas;
    --__spoiler-warning-background-color--hover: Canvas;
    --__spoiler-container-box-shadow-color: transparent
}

.spoilerContent__54ab5 {
    --__current--spoiler-content-opacity: 1;
    --__current--spoiler-background-color: var(--__spoiler-background-color--revealed);
    --__current--spoiler-border-color: var(--__spoiler-border-color--revealed);
    --__current--spoiler-pointer-events: all
}

    .spoilerContent__54ab5.hidden__54ab5 {
        --__current--spoiler-content-opacity: 0;
        --__current--spoiler-text-color: var(--__spoiler-text-color--hidden);
        --__current--spoiler-background-color: var(--__spoiler-background-color--hidden);
        --__current--spoiler-border-color: var(--__spoiler-border-color--hidden);
        --__current--spoiler-pointer-events: none;
        --__current--spoiler-warning-text-color: var(--__spoiler-warning-text-color);
        --__current--spoiler-warning-background-color: var(--__spoiler-warning-background-color)
    }

        .spoilerContent__54ab5.hidden__54ab5:hover {
            --__current--spoiler-background-color: var(--__spoiler-background-color--hidden--hover);
            --__current--spoiler-border-color: var(--__spoiler-border-color--hidden--hover);
            --__current--spoiler-warning-text-color: var(--__spoiler-warning-text-color--hover);
            --__current--spoiler-warning-background-color: var(--__spoiler-warning-background-color--hover)
        }

        .spoilerContent__54ab5.hidden__54ab5.opaque__54ab5 {
            --__obscured-background-brightness: 0;
            --__obscured-background-blur-radius: 500px
        }

            .spoilerContent__54ab5.hidden__54ab5.opaque__54ab5:hover {
                --__current--spoiler-background-color: var(--__spoiler-background-color--hidden);
                --__current--spoiler-border-color: var(--__spoiler-border-color--hidden);
                --__current--spoiler-warning-text-color: var(--__spoiler-warning-text-color);
                --__current--spoiler-warning-background-color: var(--__spoiler-warning-background-color)
            }

.spoilerContainer__54ab5 {
    background-color: var(--__current--spoiler-background-color);
    filter: blur(0);
    position: relative
}

    .spoilerContainer__54ab5.embedContainer__54ab5 {
        border-radius: var(--radius-xs)
    }

    .spoilerContainer__54ab5.attachmentContainer__54ab5 {
        border-radius: var(--radius-sm)
    }

    .spoilerContainer__54ab5.hiddenSpoiler__54ab5 {
        cursor: pointer
    }

    .spoilerContainer__54ab5.hidden__54ab5 {
        overflow: hidden
    }

        .spoilerContainer__54ab5.hidden__54ab5 article {
            background-color: var(--__current--spoiler-background-color);
            border-color: var(--__current--spoiler-background-color)
        }

        .spoilerContainer__54ab5.hidden__54ab5:not(:focus) {
            box-shadow: .5px .5px 1px 1px var(--__spoiler-container-box-shadow-color)
        }

.enable-forced-colors .spoilerContainer__54ab5 {
    border: 1px solid var(--__current--spoiler-border-color)
}

    .enable-forced-colors .spoilerContainer__54ab5 article {
        border-color: var(--__current--spoiler-border-color)
    }

.spoilerInnerContainer__54ab5 {
    height: 100%;
    width: 100%
}

.obscureWarning__54ab5 {
    align-items: center;
    color: var(--__current--spoiler-warning-text-color);
    display: flex;
    flex-direction: column;
    left: 50%;
    padding: 8px 12px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 1
}

.constrainedObscureContent__54ab5 {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 212px;
    min-width: 146px
}

.explicitContentWarning__54ab5 {
    text-align: center;
    width: 100%
}

.explicitContentWarningText__54ab5 {
    margin-top: var(--spacing-4)
}

.spoilerWarning__54ab5 {
    background-color: var(--__current--spoiler-warning-background-color);
    border-radius: 20px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase
}

    .spoilerWarning__54ab5.embed__54ab5 {
        margin-left: 4px
    }

.spoilerMarkdownContent__54ab5 {
    background-color: var(--__current--spoiler-background-color);
    border-radius: var(--radius-xs);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

    .spoilerMarkdownContent__54ab5.hidden__54ab5 {
        cursor: pointer
    }

        .spoilerMarkdownContent__54ab5.hidden__54ab5 .obscuredBlockContent__54ab5, .spoilerMarkdownContent__54ab5.hidden__54ab5 .obscuredTextContent__54ab5 {
            cursor: pointer;
            pointer-events: none
        }

.enable-forced-colors .obscuredTextContent__54ab5 {
    border: 1px solid var(--__current--spoiler-border-color);
    border-radius: var(--radius-xs);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    padding: 0 2px
}

.obscuredTextContentInner__54ab5 {
    color: var(--__current--spoiler-text-color)
}

    .obscuredTextContentInner__54ab5 code, .obscuredTextContentInner__54ab5 span {
        opacity: var(--__current--spoiler-content-opacity);
        transition: opacity .1s ease
    }

.enable-forced-colors .spoilerMarkdownContent__54ab5 a {
    background-color: var(--__current--spoiler-background-color)
}

.spoilerMarkdownContent__54ab5 blockquote {
    color: var(--__current--spoiler-text-color);
    pointer-events: all;
    position: relative
}

    .spoilerMarkdownContent__54ab5 blockquote:before {
        background-color: var(--__current--spoiler-background-color);
        border-radius: var(--radius-xs);
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        width: 100%
    }

.enable-forced-colors .spoilerMarkdownContent__54ab5 blockquote:before {
    border: 1px solid var(--__current--spoiler-border-color)
}

.spoilerMarkdownContent__54ab5 pre {
    pointer-events: all;
    position: relative
}

    .spoilerMarkdownContent__54ab5 pre:before {
        background-color: var(--__current--spoiler-background-color);
        border-radius: var(--radius-xs);
        color: var(--__current--spoiler-text-color);
        content: "";
        height: 100%;
        position: absolute;
        width: 100%
    }

.enable-forced-colors .spoilerMarkdownContent__54ab5 pre:before {
    border: 1px solid var(--__current--spoiler-border-color)
}

.spoilerMarkdownContent__54ab5 pre code {
    opacity: var(--__current--spoiler-content-opacity)
}

.spoilerMarkdownContent__54ab5 ol li::marker, .spoilerMarkdownContent__54ab5 ul li::marker {
    color: var(--text-normal)
}

.spoilerMarkdownContent__54ab5 h1 > span, .spoilerMarkdownContent__54ab5 h2 > span, .spoilerMarkdownContent__54ab5 h3 > span, .spoilerMarkdownContent__54ab5 h4 > span, .spoilerMarkdownContent__54ab5 h5 > span, .spoilerMarkdownContent__54ab5 ol li > span, .spoilerMarkdownContent__54ab5 small > span, .spoilerMarkdownContent__54ab5 ul li > span {
    background: var(--__current--spoiler-background-color);
    border-radius: var(--radius-xs);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: var(--__current--spoiler-text-color) !important;
    opacity: 1 !important;
    pointer-events: all
}

.enable-forced-colors .spoilerMarkdownContent__54ab5 h1 > span, .enable-forced-colors .spoilerMarkdownContent__54ab5 h2 > span, .enable-forced-colors .spoilerMarkdownContent__54ab5 h3 > span, .enable-forced-colors .spoilerMarkdownContent__54ab5 h4 > span, .enable-forced-colors .spoilerMarkdownContent__54ab5 h5 > span, .enable-forced-colors .spoilerMarkdownContent__54ab5 ol li > span, .enable-forced-colors .spoilerMarkdownContent__54ab5 small > span, .enable-forced-colors .spoilerMarkdownContent__54ab5 ul li > span {
    border: 1px solid var(--__current--spoiler-border-color)
}

.spoilerMarkdownContent__54ab5 h1 > span > *, .spoilerMarkdownContent__54ab5 h2 > span > *, .spoilerMarkdownContent__54ab5 h3 > span > *, .spoilerMarkdownContent__54ab5 h4 > span > *, .spoilerMarkdownContent__54ab5 h5 > span > *, .spoilerMarkdownContent__54ab5 ol li > span > *, .spoilerMarkdownContent__54ab5 small > span > *, .spoilerMarkdownContent__54ab5 ul li > span > * {
    pointer-events: var(--__current--spoiler-pointer-events)
}

.obscureButtonContainer__54ab5 {
    bottom: var(--spacing-4);
    position: absolute;
    right: var(--spacing-4);
    transition: bottom .2s ease-in-out;
    z-index: 1
}

.obscureHoverButton__54ab5 {
    background-color: rgba(0,0,0,.6);
    border-radius: var(--radius-sm);
    color: var(--white-500);
    cursor: pointer;
    display: flex;
    padding: var(--spacing-4);
    transition: background-color .2s ease-in-out
}

    .obscureHoverButton__54ab5:hover {
        background-color: rgba(0,0,0,.8);
        transition: background-color .2s ease-in-out
    }

    .obscureHoverButton__54ab5:focus {
        background-color: #000;
        transition: background-color .2s ease-in-out
    }

    .obscureHoverButton__54ab5:active {
        background-color: var(--background-secondary-alt);
        transition: background-color .2s ease-in-out
    }

.nowrap__5db79 {
    white-space: nowrap
}

.icon_b75563 {
    height: 1em;
    margin-bottom: .2rem;
    margin-right: var(--spacing-4);
    vertical-align: middle;
    width: 1em
}

.name_b75563 {
    overflow: hidden;
    text-overflow: ellipsis
}

.channelWithIcon_b75563 .iconMentionText_b75563 {
    gap: 0 !important
}

.icon_d2d51d {
    display: inline-block;
    margin-bottom: .2rem;
    margin-right: 3px;
    vertical-align: middle
}

.textIcon_d2d51d {
    font-size: .5rem !important;
    height: 1.05rem;
    line-height: 1.05rem !important;
    width: 1.05rem
}

.imageIcon_d2d51d {
    height: 1em;
    width: 1em
}

.name_d2d51d {
    overflow: hidden;
    text-overflow: ellipsis
}

.wrapper_f61d60 {
    background: var(--mention-background);
    border-radius: 3px;
    color: var(--mention-foreground);
    font-weight: 500;
    padding: 0 2px;
    unicode-bidi: plaintext
}

.theme-dark.low-contrast .wrapper_f61d60 {
    background: var(--brand-05a);
    color: var(--brand-300)
}

.interactive {
    cursor: pointer;
    transition: background-color 50ms ease-out,color 50ms ease-out
}

    .interactive:hover {
        background-color: var(--brand-500);
        color: var(--white-500)
    }

.icon_c76ab6 {
    height: .5em;
    margin-bottom: 1px;
    margin-left: 4px;
    margin-right: 2px;
    width: .5em
}

.icon__3173f {
    height: .95rem;
    padding-left: 4px;
    position: relative;
    top: 2px;
    width: .95rem
}

.overflow__82b15 {
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.button__36b87 {
    background: var(--button-creator-revenue-background);
    color: var(--white-500);
    font-weight: 600;
    position: relative
}

.buttonContents__36b87 {
    display: flex;
    justify-content: center
}

.icon__36b87 {
    margin-right: 4px
}

.button__2723e {
    align-items: center;
    background: initial;
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    font-size: medium;
    font-weight: 400;
    gap: var(--spacing-4);
    justify-content: center;
    margin: 0;
    max-height: -webkit-min-content;
    max-height: -moz-min-content;
    max-height: min-content;
    max-width: 100%;
    padding: 0;
    position: relative;
    text-align: start;
    transition: background-color .3s ease;
    width: auto
}

.xs__2723e {
    min-height: 32px;
    padding: 7px 11px
}

.sm__2723e {
    min-height: 40px;
    padding: 11px 15px
}

.md__2723e {
    min-height: 44px;
    padding: 11px 23px
}

.lg__2723e {
    min-height: 56px;
    padding: 15px 31px
}

    .lg__2723e .text__2723e {
        font-size: 18px
    }

.fullWidth__2723e {
    flex-grow: 1
}

.primary__2723e {
    background-color: var(--button-filled-brand-background);
    border-color: var(--button-filled-brand-border);
    color: var(--white)
}

    .primary__2723e:hover {
        background-color: var(--button-filled-brand-background-hover)
    }

    .primary__2723e:active {
        background-color: var(--button-filled-brand-background-active)
    }

.expressive__2723e {
    background: transparent;
    border: none;
    color: var(--text-invert)
}

    .expressive__2723e > * {
        pointer-events: none;
        z-index: 1
    }

.expressiveRive__2723e {
    height: calc(100% + var(--__glow-amount)*2);
    left: calc(var(--__glow-amount)*-1);
    position: absolute;
    top: calc(var(--__glow-amount)*-1);
    width: calc(100% + var(--__glow-amount)*2)
}

.expressive__2723e .expressiveBackground__2723e {
    filter: blur(10px) saturate(var(--saturation-factor,1))
}

.reduce-motion .expressive__2723e .expressiveBackground__2723e {
    filter: blur(7px) saturate(var(--saturation-factor,1))
}

.expressive__2723e .expressiveFill__2723e {
    --__glow-amount: 0px;
    background-color: var(--button-expressive-background);
    border-radius: 8px;
    transition: background-color .15s ease,width .15s ease,height .15s ease,top .15s ease,left .15s ease
}

.expressive__2723e:hover .expressiveFill__2723e {
    background-color: var(--button-expressive-background-hover)
}

.expressive__2723e:active .expressiveFill__2723e {
    --__glow-amount: -1px;
    background-color: var(--button-expressive-background-active)
}

.expressive__2723e .expressiveHover__2723e {
    filter: blur(8px);
    mix-blend-mode: plus-lighter;
    pointer-events: all
}

.expressiveWrapper__2723e {
    --__glow-amount: 8px;
    display: flex;
    position: relative;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

.secondary__2723e {
    background-color: var(--bg-mod-subtle);
    border-color: var(--border-faint);
    color: var(--text-primary)
}

    .secondary__2723e:hover {
        background-color: var(--button-secondary-background-hover)
    }

    .secondary__2723e:active {
        background-color: var(--bg-mod-faint)
    }

.tertiary__2723e {
    background-color: transparent;
    border-color: transparent;
    color: var(--text-primary)
}

    .tertiary__2723e:hover {
        background-color: var(--bg-mod-subtle)
    }

    .tertiary__2723e:active {
        background-color: var(--bg-mod-faint)
    }

.destructive-primary__2723e {
    background-color: var(--button-danger-background);
    border-color: var(--button-danger-border);
    color: var(--white)
}

    .destructive-primary__2723e:hover {
        background-color: var(--button-danger-background-hover)
    }

    .destructive-primary__2723e:active {
        background-color: var(--button-danger-background-active)
    }

.destructive-secondary__2723e {
    background-color: var(--bg-mod-subtle);
    border-color: var(--border-faint);
    color: var(--text-feedback-critical)
}

    .destructive-secondary__2723e:hover {
        background-color: var(--button-secondary-background-hover)
    }

    .destructive-secondary__2723e:active {
        background-color: var(--bg-mod-faint)
    }

.active__2723e {
    background-color: var(--button-positive-background);
    border-color: var(--button-positive-border);
    color: var(--white)
}

    .active__2723e:hover {
        background-color: var(--button-positive-background-hover)
    }

    .active__2723e:active {
        background-color: var(--button-positive-background-active)
    }

.overlay-primary__2723e {
    background-color: var(--white);
    border-color: transparent;
    color: var(--black)
}

    .overlay-primary__2723e:hover {
        background-color: var(--button-filled-white-background-hover)
    }

    .overlay-primary__2723e:active {
        background-color: var(--button-filled-white-background-active)
    }

.overlay-secondary__2723e {
    background-color: rgba(0,0,0,.54);
    border-color: transparent;
    color: var(--white)
}

    .overlay-secondary__2723e:hover {
        background-color: rgba(0,0,0,.64)
    }

    .overlay-secondary__2723e:active {
        background-color: rgba(0,0,0,.72)
    }

.premiumSubscribeButton_e00877 {
    align-items: center;
    display: flex
}

.premiumIcon_e00877 {
    height: 20px;
    margin-right: 4px
}

.buttonText_e00877 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.giftButton_e00877 {
    align-items: center;
    display: flex
}

.giftIcon_e00877 {
    height: 16px;
    margin-right: 4px;
    min-height: 16px;
    min-width: 16px;
    width: 16px
}

.tier1Gradient_e00877 {
    background: var(--custom-premium-colors-premium-gradient-tier-1);
    color: var(--white-500)
}

.tier2Gradient_e00877 {
    background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color);
    color: var(--white-500)
}

.visual-refresh .tier1Gradient_e00877, .visual-refresh .tier2Gradient_e00877 {
    background-clip: padding-box;
    border-radius: var(--radius-sm)
}

.brandShine_e00877 {
    color: hsl(var(--brand-500-hsl)/.1) !important
}

.imageWrapper_af017a {
    border-radius: 3px;
    display: block;
    overflow: hidden;
    position: relative;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.clickableWrapper_af017a, .loadingOverlay_af017a {
    height: 100%;
    width: 100%
}

.imageWrapperBackground_af017a {
    background: var(--opacity-black-4)
}

.imagePlaceholder_af017a {
    background: var(--bg-overlay-chat,var(--background-primary));
    display: block;
    position: absolute;
    top: 0
}

.imageErrorWrapper_af017a {
    align-items: center;
    display: flex;
    justify-content: center
}

.imageError_af017a {
    flex-basis: content;
    max-height: 100%;
    max-width: 200px;
    width: 100%
}

.imageLoadingOverlay_af017a {
    background-color: var(--opacity-black-48);
    border-radius: 100%;
    box-sizing: border-box;
    display: flex;
    height: 24px;
    margin: 4px;
    padding: 3px;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px
}

.cornerLoadingSpinner_af017a {
    height: 100%;
    opacity: .75;
    width: 100%
}

.theme-dark .cornerLoadingSpinner_af017a circle, .theme-light .cornerLoadingSpinner_af017a circle {
    stroke: var(--white-500)
}

.imageAccessory_af017a {
    left: 6px;
    position: absolute;
    top: 6px;
    z-index: 3
}

.imageZoom_af017a {
    cursor: nesw-resize;
    cursor: zoom-in
}

.clickable_af017a {
    cursor: pointer
}

.originalLink_af017a {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.imageClickable_af017a {
    border-radius: inherit
}

.background-opacity-low .imageWrapper_af017a, .background-opacity-medium .imageWrapper_af017a {
    opacity: .6
}

.overlay-unlocked .imageWrapper_af017a {
    opacity: 1
}

.enable-forced-colors .originalLink_af017a {
    border: 2px solid ButtonText
}

.gifTag_f60819 {
    background-image: url(/assets/9811b405dc8e999f.svg);
    height: 22px;
    width: 29px
}

.singleItemWrapper_ed6d69 {
    width: 100%
}

.carousel_ed6d69, .singleItemWrapper_ed6d69 {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.carousel_ed6d69 {
    display: flex;
    position: relative
}

.item_ed6d69 {
    flex: 1 0 100%
}

.singleItem_ed6d69 {
    margin: 0 auto
}

.viewport_ed6d69 {
    overflow: hidden
}

.horizontal_e03578 {
    grid-column: 1/span 5;
    grid-row: 2;
    margin: 24px
}

.vertical_e03578 {
    grid-column: 3;
    grid-row: 1/span 3;
    margin: 24px
}

.mediaArea_e03578 {
    grid-column: 1/span 5;
    grid-row: 1/span 3;
    place-self: center
}

.full-motion .animated_e03578 {
    animation: fadeIn_e03578 .2s ease-out forwards
}

@keyframes fadeIn_e03578 {
    0% {
        opacity: 0;
        scale: .85
    }

    to {
        opacity: 1;
        scale: 1
    }
}

@keyframes fadeIn__5cd44 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeOut__5cd44 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.base__5cd44 {
    animation: fadeIn__5cd44 .15s ease-out 50ms forwards;
    opacity: 0
}

    .base__5cd44.hidden__5cd44:not(.focusSensitive__5cd44:focus-within) {
        animation: fadeOut__5cd44 .15s ease-out forwards;
        pointer-events: none
    }

.full-motion .transition__5fbe9 {
    transition: transform .2s ease
}

.directionDown__5fbe9 {
    transform: rotate3d(0,0,-1,0deg)
}

.directionRight__5fbe9 {
    transform: rotate3d(0,0,-1,90deg)
}

.directionLeft__5fbe9 {
    transform: rotate3d(0,0,-1,-90deg)
}

.directionUp__5fbe9 {
    transform: rotate3d(0,0,-1,180deg)
}

.controlIcon_f1ceac {
    color: var(--interactive-normal);
    display: flex;
    height: 24px;
    width: 24px
}

    .controlIcon_f1ceac.active_f1ceac, .controlIcon_f1ceac:hover {
        color: var(--interactive-active)
    }

    .controlIcon_f1ceac.themeable_f1ceac {
        color: var(--interactive-normal)
    }

        .controlIcon_f1ceac.themeable_f1ceac.active_f1ceac, .controlIcon_f1ceac.themeable_f1ceac:hover {
            color: var(--interactive-active)
        }

.centerIcon_f1ceac {
    color: var(--interactive-normal);
    display: flex;
    height: 20px;
    width: 20px
}

    .centerIcon_f1ceac.active_f1ceac, .centerIcon_f1ceac:hover {
        color: var(--interactive-active)
    }

    .centerIcon_f1ceac.themeable_f1ceac {
        color: var(--interactive-normal)
    }

        .centerIcon_f1ceac.themeable_f1ceac.active_f1ceac, .centerIcon_f1ceac.themeable_f1ceac:hover {
            color: var(--interactive-active)
        }

.colorable_f1ceac.red_f1ceac, .colorable_f1ceac.red_f1ceac .centerIcon_f1ceac {
    color: var(--red-400)
}

    .colorable_f1ceac.red_f1ceac.active_f1ceac, .colorable_f1ceac.red_f1ceac:hover {
        background: hsla(0,0%,100%,.1)
    }

.colorable_f1ceac.disconnect_f1ceac {
    background: var(--status-danger-background)
}

    .colorable_f1ceac.disconnect_f1ceac, .colorable_f1ceac.disconnect_f1ceac .centerIcon_f1ceac {
        color: var(--status-danger-text)
    }

        .colorable_f1ceac.disconnect_f1ceac:hover {
            background: var(--red-500)
        }

.colorable_f1ceac.redGlow_f1ceac {
    background: hsl(var(--red-400-hsl)/.1)
}

    .colorable_f1ceac.redGlow_f1ceac, .colorable_f1ceac.redGlow_f1ceac .centerIcon_f1ceac {
        color: var(--red-400)
    }

        .colorable_f1ceac.redGlow_f1ceac:active {
            background: hsl(var(--red-400-hsl)/.2)
        }

        .colorable_f1ceac.redGlow_f1ceac.popoutOpen_f1ceac, .colorable_f1ceac.redGlow_f1ceac:hover {
            background: hsl(var(--red-400-hsl)/.16)
        }

.colorable_f1ceac.primaryLight_f1ceac {
    background: var(--primary-130)
}

    .colorable_f1ceac.primaryLight_f1ceac, .colorable_f1ceac.primaryLight_f1ceac .centerIcon_f1ceac {
        color: var(--primary-860)
    }

        .colorable_f1ceac.primaryLight_f1ceac.active_f1ceac, .colorable_f1ceac.primaryLight_f1ceac:hover {
            background: var(--primary-230)
        }

.colorable_f1ceac.white_f1ceac {
    background: var(--white-500)
}

    .colorable_f1ceac.white_f1ceac, .colorable_f1ceac.white_f1ceac .centerIcon_f1ceac {
        color: var(--primary-860)
    }

        .colorable_f1ceac.white_f1ceac.active_f1ceac, .colorable_f1ceac.white_f1ceac:hover {
            background: var(--primary-130)
        }

.colorable_f1ceac.green_f1ceac {
    background: var(--green-360)
}

    .colorable_f1ceac.green_f1ceac, .colorable_f1ceac.green_f1ceac .centerIcon_f1ceac {
        color: var(--white-500)
    }

        .colorable_f1ceac.green_f1ceac.active_f1ceac, .colorable_f1ceac.green_f1ceac:hover, .colorable_f1ceac.join_f1ceac {
            background: var(--green-360)
        }

            .colorable_f1ceac.join_f1ceac, .colorable_f1ceac.join_f1ceac .centerIcon_f1ceac {
                color: var(--white-500)
            }

                .colorable_f1ceac.join_f1ceac.active_f1ceac, .colorable_f1ceac.join_f1ceac:hover {
                    background: var(--green-360)
                }

.colorable_f1ceac.greenGlow_f1ceac {
    background: hsl(var(--green-400-hsl)/.1)
}

    .colorable_f1ceac.greenGlow_f1ceac, .colorable_f1ceac.greenGlow_f1ceac .centerIcon_f1ceac {
        color: var(--green-300)
    }

        .colorable_f1ceac.greenGlow_f1ceac:active {
            background: hsl(var(--green-400-hsl)/.3)
        }

        .colorable_f1ceac.greenGlow_f1ceac.popoutOpen_f1ceac, .colorable_f1ceac.greenGlow_f1ceac:hover {
            background: hsl(var(--green-400-hsl)/.2)
        }

.colorable_f1ceac.premiumGradient_f1ceac {
    background: linear-gradient(to right,var(--premium-tier-2-purple-for-gradients),var(--premium-tier-2-purple-for-gradients-2),var(--premium-tier-2-pink-for-gradients))
}

    .colorable_f1ceac.premiumGradient_f1ceac, .colorable_f1ceac.premiumGradient_f1ceac .centerIcon_f1ceac {
        color: var(--white-500)
    }

.colorable_f1ceac.yellow_f1ceac {
    background: var(--yellow-400)
}

    .colorable_f1ceac.yellow_f1ceac, .colorable_f1ceac.yellow_f1ceac .centerIcon_f1ceac {
        color: var(--white-500)
    }

        .colorable_f1ceac.yellow_f1ceac.active_f1ceac, .colorable_f1ceac.yellow_f1ceac:hover {
            background: var(--yellow-530)
        }

.colorable_f1ceac.primaryDark_f1ceac, .colorable_f1ceac.primaryDark_f1ceac .centerIcon_f1ceac {
    color: var(--white-500)
}

    .colorable_f1ceac.primaryDark_f1ceac.active_f1ceac:not(.disabled_f1ceac), .colorable_f1ceac.primaryDark_f1ceac:hover:not(.disabled_f1ceac) {
        background: hsla(0,0%,100%,.1)
    }

.colorable_f1ceac.activeLight_f1ceac {
    background: var(--white-500)
}

    .colorable_f1ceac.activeLight_f1ceac, .colorable_f1ceac.activeLight_f1ceac .centerIcon_f1ceac {
        color: var(--primary-860)
    }

        .colorable_f1ceac.activeLight_f1ceac.active_f1ceac:not(.disabled_f1ceac), .colorable_f1ceac.activeLight_f1ceac:hover:not(.disabled_f1ceac) {
            background: var(--primary-230)
        }

.buttonInnerWithText_f1ceac {
    align-items: center;
    display: flex;
    gap: 4px
}

.centerButton_f1ceac {
    border-radius: 8px;
    padding: 10px;
    position: static;
    transition: background .15s ease-in-out,color .15s ease-in-out
}

    .centerButton_f1ceac .centerIcon_f1ceac {
        transition: color .15s ease-in-out
    }

.attachedButton_f1ceac {
    border-radius: 8px 0 0 8px
}

.fullRegionButton_f1ceac {
    border-radius: 12px
}

.fullRegionDropdownButton_f1ceac {
    align-items: center;
    border: 1px solid var(--border-faint);
    border-radius: 12px;
    display: flex;
    justify-content: center;
    padding: 4px
}

    .fullRegionDropdownButton_f1ceac.green_f1ceac, .fullRegionDropdownButton_f1ceac.join_f1ceac {
        background-color: var(--green-360)
    }

    .fullRegionDropdownButton_f1ceac.disconnect_f1ceac {
        background-color: var(--status-danger-background)
    }

.fullRegionIcon_f1ceac {
    padding: 4px 12px
}

.buttonPremiumGlow_f1ceac {
    filter: drop-shadow(0 0 12px #a944b0) drop-shadow(0 0 12px #a944b0)
}

@media (max-width:456px) {
    .centerButton_f1ceac {
        padding: 8px
    }

    .contextMenuContainer_f1ceac {
        display: none
    }
}

@media (min-width:457px) {
    .unmasked_f1ceac {
        display: none
    }
}

.lineHeightReset_f1ceac {
    line-height: 0
}

.contextMenuContainer_f1ceac {
    position: relative
}

.attachedCaretButtonContainer_f1ceac {
    align-items: center;
    direction: row;
    display: flex
}

    .attachedCaretButtonContainer_f1ceac.popoutOpen_f1ceac .primaryDark_f1ceac, .attachedCaretButtonContainer_f1ceac:hover .primaryDark_f1ceac {
        background-color: var(--bg-mod-faint)
    }

    .attachedCaretButtonContainer_f1ceac.disabled_f1ceac {
        background-color: transparent !important;
        color: var(--interactive-muted) !important;
        cursor: not-allowed !important;
        pointer-events: none
    }

        .attachedCaretButtonContainer_f1ceac.disabled_f1ceac:hover {
            background-color: transparent !important
        }

.contextMenuNub_f1ceac {
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    height: 20px;
    justify-content: center;
    padding: 10px 2px;
    transition: background .15s ease-in-out,color .15s ease-in-out;
    width: 20px
}

    .contextMenuNub_f1ceac.disabled_f1ceac {
        cursor: not-allowed
    }

    .contextMenuNub_f1ceac.attachedCaret_f1ceac {
        border-radius: 0 8px 8px 0;
        margin-left: 1px;
        padding: 10px 0
    }

.contextMenuCaret_f1ceac {
    cursor: pointer;
    height: 16px;
    transition: none;
    width: 16px
}

    .contextMenuCaret_f1ceac.disabled_f1ceac {
        color: var(--interactive-normal) !important;
        cursor: not-allowed
    }

    .contextMenuCaret_f1ceac.open_f1ceac {
        transform: rotateX(180deg)
    }

.enable-forced-colors .contextMenuNub_f1ceac, .enable-forced-colors .contextMenuNub_f1ceac:hover {
    background-color: ButtonFace;
    border: 1px solid Canvas;
    color: ButtonText
}

    .enable-forced-colors .contextMenuNub_f1ceac.active_f1ceac {
        background-color: HighlightText;
        border-color: Highlight;
        color: Highlight
    }

.buttonMask_f1ceac {
    height: inherit;
    width: inherit
}

.glow_f1ceac {
    height: 190%;
    left: 50%;
    opacity: 1;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 190%
}

.glow_f1ceac, .glowVideo_f1ceac {
    pointer-events: none
}

.glowVideo_f1ceac {
    height: 100%;
    object-fit: fill;
    width: 100%
}

.mediaBarInteraction_b26b79, .mediaBarInteractionDragging_b26b79 {
    align-items: center;
    align-self: stretch;
    cursor: pointer;
    display: flex;
    flex: 1 1 auto;
    margin: 0 7px;
    position: relative
}

    .mediaBarInteraction_b26b79:hover .mediaBarWrapper_b26b79, .mediaBarInteractionDragging_b26b79:hover .mediaBarWrapper_b26b79 {
        box-shadow: 0 1px 1px var(--opacity-black-28)
    }

    .mediaBarInteraction_b26b79:hover .bubble_b26b79, .mediaBarInteractionDragging_b26b79:hover .bubble_b26b79 {
        opacity: 1
    }

    .mediaBarInteraction_b26b79:hover .mediaBarGrabber_b26b79 {
        background-color: var(--brand-560);
        transform: scale(1)
    }

    .mediaBarInteraction_b26b79:hover .mediaBarPreview_b26b79 {
        opacity: .3
    }

    .mediaBarInteraction_b26b79:hover .bubble_b26b79, .mediaBarInteractionDragging_b26b79 .bubble_b26b79 {
        opacity: 1
    }

    .mediaBarInteractionDragging_b26b79 .mediaBarGrabber_b26b79 {
        background-color: var(--brand-560);
        transform: scale(1)
    }

.mediaBarInteractionVolume_b26b79 {
    align-self: center;
    background-color: var(--opacity-black-68);
    border-radius: 8px;
    flex: none;
    margin: 0 4px 0 0;
    padding: 4px 8px;
    width: 72px
}

.vertical_b26b79 {
    align-items: center;
    display: flex;
    height: 54px;
    transform: rotate(-90deg);
    transform-origin: top;
    width: 140px
}

.horizontal_b26b79 {
    align-self: stretch;
    display: flex;
    width: 100%
}

.fakeEdges_b26b79 {
    position: relative
}

    .fakeEdges_b26b79:after, .fakeEdges_b26b79:before {
        content: "";
        height: 100%;
        position: absolute;
        top: 0;
        width: 3px;
        z-index: 1
    }

    .fakeEdges_b26b79:before {
        border-radius: 3px 0 0 3px;
        left: -3px
    }

    .fakeEdges_b26b79:after {
        border-radius: 0 3px 3px 0;
        right: -3px
    }

.buffer_b26b79 {
    height: 100%;
    left: 0;
    opacity: .3;
    position: absolute;
    top: 0
}

    .buffer_b26b79, .buffer_b26b79:after, .buffer_b26b79:before {
        background-color: var(--white-500)
    }

.mediaBarWrapper_b26b79 {
    flex: 1 1 auto;
    height: 6px;
    position: relative
}

    .mediaBarWrapper_b26b79, .mediaBarWrapper_b26b79:after, .mediaBarWrapper_b26b79:before {
        background-color: hsl(var(--primary-300-hsl)/.3)
    }

.mediaBarWrapperVolume_b26b79 {
    display: flex;
    flex: none;
    justify-content: center;
    width: 72px
}

.mediaBarPreview_b26b79, .mediaBarProgress_b26b79 {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0
}

.mediaBarPreview_b26b79, .mediaBarProgress_b26b79 {
}

.mediaBarPreview_b26b79 {
    opacity: 0;
    z-index: 0
}

    .mediaBarPreview_b26b79, .mediaBarPreview_b26b79:after, .mediaBarPreview_b26b79:before {
        background-color: var(--white-500)
    }

.mediaBarProgress_b26b79 {
    z-index: 3
}

    .mediaBarGrabber_b26b79, .mediaBarProgress_b26b79, .mediaBarProgress_b26b79:after, .mediaBarProgress_b26b79:before {
        background-color: var(--brand-500)
    }

.mediaBarGrabber_b26b79 {
    border-radius: 5px;
    cursor: grab;
    height: 10px;
    margin-right: -5px;
    margin-top: -5px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: scale(0);
    transform-origin: 50% 50%;
    width: 10px;
    z-index: 2
}

.full-motion .mediaBarGrabber_b26b79 {
    transition: transform .25s ease-in-out,background-color .25s linear
}

.bubble_b26b79 {
    background-color: var(--black-500);
    border-radius: 3px;
    color: var(--primary-100);
    font-size: 12px;
    font-weight: 600;
    height: 18px;
    line-height: 18px;
    opacity: 0;
    padding: 0 8px;
    text-align: center;
    top: -28px;
    transform: translateX(-50%);
    transition: opacity .2s ease-out;
    width: auto
}

    .bubble_b26b79, .bubble_b26b79:before {
        pointer-events: none;
        position: absolute
    }

        .bubble_b26b79:before {
            border: 5px solid transparent;
            border-top: 5px solid var(--black-500);
            content: " ";
            height: 0;
            left: 50%;
            margin-left: -5px;
            top: 100%;
            width: 0
        }

.enable-forced-colors .mediaBarGrabber_b26b79, .enable-forced-colors .mediaBarProgress_b26b79 {
    background-color: ButtonText !important
}

.enable-forced-colors .mediaBarInteractionVolume_b26b79 {
    background-color: ButtonFace
}

.cover__6eb54 {
    align-items: center;
    display: flex;
    inset: 0;
    justify-content: center;
    pointer-events: none;
    position: absolute
}

    .cover__6eb54.active__6eb54 {
        cursor: pointer;
        pointer-events: auto
    }

        .cover__6eb54.active__6eb54:hover .iconWrapper__6eb54 {
            opacity: .8
        }

        .cover__6eb54.active__6eb54:active .iconWrapper__6eb54 {
            transform: translateY(1px)
        }

.iconWrapper__6eb54 {
    background-color: var(--black-500);
    border-radius: 24px;
    color: var(--white-500);
    opacity: .6;
    padding: 12px;
    transition: opacity .25s,color .25s
}

.icon__6eb54 {
    display: block;
    height: 24px;
    margin-left: 1px;
    margin-right: -1px;
    width: 24px
}

.enable-forced-colors .iconWrapper__6eb54 {
    background-color: ButtonFace;
    color: ButtonText;
    opacity: 1
}

.wrapper__926d7 {
    background-color: var(--opacity-black-60);
    border-radius: 24px;
    box-sizing: border-box;
    color: var(--white-500);
    display: flex;
    flex: 0 0 auto;
    height: 48px;
    padding: 12px;
    pointer-events: none
}

    .wrapper__926d7 a:link, .wrapper__926d7 a:visited {
        color: var(--white-500) !important;
        cursor: pointer;
        display: block;
        pointer-events: auto
    }

.iconWrapper__926d7 {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: 0 0 auto;
    opacity: .6;
    pointer-events: auto;
    transition: opacity .25s,color .25s
}

.disableInteractions__926d7 .iconWrapper__926d7, .disableInteractions__926d7 a:link, .disableInteractions__926d7 a:visited {
    pointer-events: none
}

.iconWrapperActive__926d7 {
}

    .iconWrapperActive__926d7:hover {
        opacity: 1
    }

    .iconWrapperActive__926d7:active {
        transform: translateY(1px)
    }

.text__926d7 {
    font-size: 16px;
    padding-left: 4px
}

.icon__926d7 {
    display: block;
    height: 24px;
    width: 24px
}

.iconPlay__926d7 {
    margin-left: 1px;
    margin-right: -1px
}

.iconExternal__926d7, .iconExternalMargins__926d7, .iconPlay__926d7 {
}

.iconExternalMargins__926d7 {
    margin-left: 2px;
    margin-right: 4px
}

.enable-forced-colors .iconWrapper__926d7 {
    background-color: ButtonFace;
    color: ButtonText;
    opacity: 1
}

.container__2d263 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative
}

.volumeButton__2d263 {
    line-height: 0
}

.volumeButtonSlider__2d263 {
    bottom: calc(100% + 16px);
    display: none;
    left: -78px;
    position: absolute;
    right: 0;
    -webkit-app-region: no-drag;
    pointer-events: none
}

    .volumeButtonSlider__2d263 > div {
        overflow: hidden;
        pointer-events: auto
    }

    .volumeButtonSlider__2d263.sliderVisible__2d263 {
        display: initial
    }

.wrapper_cf09d8 {
    background-color: var(--background-secondary);
    border-radius: 3px;
    color: var(--white-500);
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.wrapperAudio_cf09d8, .wrapperControlsHidden_cf09d8, .wrapperPaused_cf09d8, .wrapperPlaying_cf09d8 {
}

.wrapperMediaMosaic_cf09d8 {
    height: 100%;
    max-height: inherit;
    width: 100%
}

.wrapperControlsHidden_cf09d8 {
    cursor: default
}

.wrapperAudio_cf09d8 {
    background-color: var(--background-secondary);
    border-color: var(--background-secondary-alt);
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 100%;
    overflow: visible;
    padding: 10px
}

    .wrapperAudio_cf09d8.newMosaicStyle_cf09d8 {
        border-radius: 8px;
        padding: 16px;
        width: 432px
    }

.videoControls_cf09d8 {
    bottom: -10px;
    height: 32px;
    left: 0;
    padding-bottom: 10px;
    position: absolute;
    right: 0
}

.audioControls_cf09d8, .videoControls_cf09d8 {
    align-items: center;
    background-color: var(--opacity-black-60);
    display: flex;
    width: 100%
}

.audioControls_cf09d8 {
    border-radius: 3px;
    margin-top: 4px
}

.visual-refresh .wrapperAudio_cf09d8 {
    background-color: var(--background-surface-high);
    border-color: var(--border-subtle)
}

.visual-refresh .audioControls_cf09d8 {
    background-color: var(--opacity-black-40);
    border-radius: var(--radius-sm)
}

.controlIcon_cf09d8 {
    color: var(--white);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    height: 24px;
    opacity: .6;
    padding: 4px;
    width: 24px
}

    .controlIcon_cf09d8:hover {
        opacity: 1
    }

    .controlIcon_cf09d8:active {
        transform: translateY(1px)
    }

.volumeSliderWrapper_cf09d8 {
    margin-bottom: 4px;
    margin-left: -4px
}

.durationTimeWrapper_cf09d8 {
    flex: 0 0 auto;
    height: 12px;
    margin: 4px
}

.durationTimeDisplay_cf09d8, .durationTimeSeparator_cf09d8 {
    display: inline-block;
    font-family: var(--font-code);
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    vertical-align: text-top
}

.durationTimeSeparator_cf09d8 {
    margin: 0 2px
}

.video_cf09d8 {
    border-radius: 3px;
    display: block;
    height: 100%;
    object-fit: contain;
    position: relative;
    width: 100%
}

    .video_cf09d8:-webkit-full-screen {
        z-index: 99999
    }

    .video_cf09d8::-webkit-media-controls-enclosure {
        display: none !important
    }

.audio_cf09d8 {
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.audioMetadata_cf09d8 {
    display: flex
}

    .audioMetadata_cf09d8:before {
        background-image: url(/assets/a6db1d05d35f13d0.svg);
        background-repeat: no-repeat;
        background-size: 100% auto;
        content: "";
        height: 40px;
        width: 24px
    }

    .audioMetadata_cf09d8 .metadataContent_cf09d8 {
        padding: 0 8px
    }

    .audioMetadata_cf09d8 .metadataDownload_cf09d8 {
        height: 24px;
        opacity: 1
    }

    .audioMetadata_cf09d8 .metadataIcon_cf09d8 {
        color: var(--interactive-normal)
    }

        .audioMetadata_cf09d8 .metadataIcon_cf09d8:hover {
            color: var(--interactive-hover)
        }

    .audioMetadata_cf09d8 .metadataSize_cf09d8 {
        color: var(--text-muted)
    }

.metadata_cf09d8 {
    align-items: flex-start;
    background-image: linear-gradient(0deg,transparent,rgba(0,0,0,.9));
    box-sizing: border-box;
    display: flex;
    height: 80px;
    left: 0;
    padding: 22px 12px 12px;
    position: absolute;
    right: 0;
    top: -10px;
    z-index: 1
}

.metadataContent_cf09d8 {
    flex: 1 1 auto;
    overflow: hidden;
    white-space: nowrap
}

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

.metadataName_cf09d8, .metadataSize_cf09d8 {
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.metadataSize_cf09d8 {
    font-size: 12px;
    line-height: 16px;
    opacity: .7
}

.metadataDownload_cf09d8 {
    flex: 0 0 auto;
    opacity: .6
}

    .metadataDownload_cf09d8:hover {
        opacity: 1
    }

.metadataIcon_cf09d8 {
    color: var(--white-500);
    height: 25px;
    width: 24px
}

.playCenter_cf09d8 {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1
}

.playCenter_cf09d8, .playPausePop_cf09d8 {
    pointer-events: none;
    position: absolute
}

.playPausePop_cf09d8 {
    background-color: var(--opacity-black-60);
    border-radius: 50%;
    color: var(--white-500);
    height: 24px;
    left: 50%;
    margin-left: -23px;
    margin-top: -23px;
    padding: 12px;
    top: 50%;
    width: 24px
}

    .playPausePop_cf09d8 .playPausePopIcon_cf09d8 {
        display: block;
        height: 24px;
        width: 24px
    }

.videoButton_cf09d8 {
    margin-right: 8px
}

@keyframes overlayContentHidden_cf09d8 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.overlayContentHidden_cf09d8 {
    animation: overlayContentHidden_cf09d8 .2s ease-in-out forwards
}

.background-opacity-high .audioControls_cf09d8, .background-opacity-low .audioControls_cf09d8, .background-opacity-medium .audioControls_cf09d8 {
    background-color: var(--opacity-black-28)
}

.background-opacity-high .audioMetadata_cf09d8:before, .background-opacity-low .audioMetadata_cf09d8:before, .background-opacity-medium .audioMetadata_cf09d8:before {
    opacity: .6
}

.enable-forced-colors .wrapper_cf09d8 {
    outline: 2px solid CanvasText
}

.enable-forced-colors .videoButton_cf09d8 {
    background-color: ButtonFace;
    border-radius: 4px;
    color: ButtonText
}

.enable-forced-colors .metadataDownload_cf09d8 {
    opacity: 1
}

.enable-forced-colors .videoControls_cf09d8 {
    background-color: ButtonFace
}

.wrapper__091cf {
    cursor: inherit
}

    .wrapper__091cf.pannable__091cf {
        cursor: grab
    }

        .wrapper__091cf.pannable__091cf.panning__091cf {
            cursor: grabbing
        }

.dimensionlessImage_a22bfd {
    height: 100%;
    object-fit: scale-down;
    width: 100%
}

.wrapper_a22bfd {
    cursor: zoom-in
}

.zoomed_a22bfd {
    cursor: zoom-out
}

.media_a22bfd {
    border-radius: 0
}

.galleryContainer_d75751 {
    align-self: flex-start;
    display: flex;
    grid-column: 2/span 3;
    grid-row: 3;
    justify-content: center;
    justify-self: center;
    translate: 0 -4px;
    width: 100%
}

.gallery_d75751 {
    display: flex;
    flex-shrink: 1;
    gap: 2px;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}

.galleryItemOverlay_d75751 {
    background-color: var(--black-500);
    height: 40px;
    opacity: .5;
    position: absolute;
    transition: opacity .2s ease-in-out;
    width: 40px;
    z-index: 1
}

    .galleryItemOverlay_d75751:hover {
        opacity: .15
    }

    .galleryItemOverlay_d75751.selected_d75751 {
        opacity: 0
    }

.galleryItem_d75751 {
    background-color: var(--background-primary);
    border-radius: 2px;
    cursor: pointer;
    height: 40px;
    margin: 4px 0;
    position: relative;
    width: 40px
}

    .galleryItem_d75751.first_d75751 {
        border-radius: 8px 2px 2px 8px;
        margin-left: 8px
    }

    .galleryItem_d75751.last_d75751 {
        border-radius: 2px 8px 8px 2px;
        margin-right: 8px
    }

    .galleryItem_d75751 * {
        border-radius: inherit
    }

    .galleryItem_d75751.inactive_d75751:after {
        background-color: var(--black-500);
        border-radius: inherit;
        content: "";
        height: 100%;
        left: 0;
        opacity: .5;
        position: absolute;
        top: 0;
        transition: opacity .2s ease-in-out;
        width: 100%
    }

        .galleryItem_d75751.inactive_d75751:after:hover {
            opacity: .15
        }

.button_aec7ab {
    background-color: var(--bg-surface-overlay);
    border-radius: 8px;
    cursor: pointer;
    display: grid;
    height: 40px;
    place-items: center;
    width: 40px
}

.visual-refresh .button_aec7ab {
    background-color: var(--background-floating)
}

.buttonInner_aec7ab {
    border: 1px solid var(--border-faint);
    border-radius: inherit;
    color: var(--interactive-normal);
    display: grid;
    height: 38px;
    place-items: center;
    transition: color .2s ease-in-out,background-color .2s ease-in-out;
    width: 38px
}

    .buttonInner_aec7ab:hover {
        background-color: var(--bg-mod-faint);
        color: var(--interactive-hover)
    }

    .buttonInner_aec7ab:active {
        background-color: var(--bg-mod-subtle);
        color: var(--interactive-active)
    }

.mediaContainer_b2eddf {
    flex-grow: 1;
    grid-column: 1/span 5;
    grid-row: 1/span 3;
    position: relative
}

.mediaContainer_b2eddf, .mediaWrapper_b2eddf {
    align-items: center;
    display: flex;
    justify-content: center
}

.mediaWrapper_b2eddf {
    height: 100%;
    margin: auto;
    object-fit: contain;
    width: 100%
}

.nav_b2eddf {
    grid-row: 1/span 3;
    place-self: center;
    position: relative;
    z-index: 1
}

.navPrev_b2eddf {
    grid-column: 1
}

.navNext_b2eddf {
    grid-column: 5
}

.obscureWrapper_b2eddf {
    display: flex;
    height: 100%;
    justify-content: center;
    overflow: hidden
}

    .obscureWrapper_b2eddf.obscure_b2eddf {
        filter: blur(var(--__obscured-background-blur-radius)) brightness(var(--__obscured-background-brightness));
        pointer-events: none
    }

.fadeInWrapper_b2eddf {
    margin: auto
}

.fileWrapper__0ccae {
    max-width: 100%;
    position: relative;
    width: 432px
}

.file__0ccae {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    letter-spacing: 0;
    padding: 16px;
    width: 100%
}

.fileInner__0ccae {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.icon__0ccae {
    flex-shrink: 0;
    height: 40px;
    margin-right: 8px;
    width: 30px
}

.filenameWrapper__0ccae {
    align-items: flex-end;
    display: flex
}

.filename__0ccae {
    font-size: 16px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

.metadata__0ccae {
    color: var(--primary-400);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-right: 8px
}

.rate__0ccae {
    flex-shrink: 0;
    margin-left: 8px;
    min-width: 60px;
    text-align: right
}

.progressContainer__0ccae {
    align-items: center;
    display: flex;
    height: 16px
}

.progress__0ccae {
    background-color: hsl(var(--primary-400-hsl)/.3)
}

.cancelButton__0ccae, .size__0ccae {
    margin-left: 4px
}

.cancelButton__0ccae {
    color: var(--interactive-normal);
    cursor: pointer
}

    .cancelButton__0ccae:hover {
        color: var(--interactive-hover)
    }

.filenameLinkWrapper__0ccae {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fileNameLink__0ccae:hover {
    text-decoration: underline
}

.file__0ccae {
    background-color: var(--background-secondary);
    border-color: var(--background-secondary-alt)
}

.filename__0ccae {
    color: var(--interactive-active)
}

.filenameLinkWrapper__0ccae {
    color: var(--text-link)
}

.size__0ccae {
    color: var(--text-muted)
}

.custom-theme-background .file__0ccae {
    background-color: var(--bg-mod-faint);
    border-color: var(--border-subtle)
}

.visual-refresh .file__0ccae {
    background-color: var(--background-surface-high);
    border-color: var(--border-subtle);
    box-shadow: var(--shadow-low)
}

.visual-refresh .metadata__0ccae {
    color: var(--text-muted)
}

@use postcss-pxtorem;

.spinner__4d95d {
    height: 100%;
    width: 100%
}

.container__4d95d {
    display: grid;
    width: 100%
}

.textContainer__4d95d {
    background-color: var(--background-secondary);
    border: 1px solid var(--background-secondary-alt);
    height: 100%;
    min-height: 118px;
    overflow: hidden
}

    .textContainer__4d95d, .textContainer__4d95d pre {
        border-radius: 4px 4px 0 0;
        box-sizing: border-box
    }

.newMosaicStyle__4d95d .textContainer__4d95d {
    border-radius: 8px 8px 0 0
}

.codeView__4d95d {
    font-size: .875rem;
    line-height: 1rem;
    min-height: 100px
}

    .codeView__4d95d::-webkit-scrollbar-track {
        margin: 0 .5em
    }

.newMosaicStyle__4d95d .codeView__4d95d {
    margin: 8px 8px 0;
    padding: 8px
}

.expanded__4d95d {
    overflow: auto
}

.footer__4d95d {
    align-items: center;
    background-color: var(--background-secondary);
    border: 1px solid var(--background-secondary-alt);
    border-radius: 0 0 4px 4px;
    border-top: 0;
    box-sizing: border-box;
    display: flex;
    flex-shrink: 0;
    font-size: .875rem;
    height: 40px;
    justify-content: flex-end;
    min-width: 0;
    padding: 0 10px
}

.visual-refresh .container__4d95d {
    max-width: 50vw
}

.visual-refresh .footer__4d95d {
    background-color: var(--background-surface-high);
    border-color: var(--border-subtle)
}

.visual-refresh .codeView__4d95d {
    background-color: transparent
}

.visual-refresh .textContainer__4d95d {
    background-color: var(--background-code);
    border-color: var(--border-subtle)
}

.newMosaicStyle__4d95d .footer__4d95d {
    border-radius: 0 0 8px 8px;
    padding: 0 16px
}

.toggleExpandSection__4d95d {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    padding-right: 10px
}

    .toggleExpandSection__4d95d:hover {
        color: var(--interactive-hover)
    }

.openFullPreviewSection__4d95d {
    cursor: pointer;
    padding-top: 4px
}

    .openFullPreviewSection__4d95d:hover {
        color: var(--interactive-hover)
    }

.footerGap__4d95d {
    flex: 200 0 auto
}

.downloadSection__4d95d {
    color: var(--interactive-normal)
}

    .downloadSection__4d95d:hover {
        color: var(--interactive-hover);
        text-decoration: none
    }

.attachmentName__4d95d {
    display: inline-block;
    flex: 0 1 auto;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap
}

.formattedSize__4d95d {
    color: var(--interactive-muted);
    flex: 1 0 auto;
    padding-left: 2px;
    text-align: right
}

.downloadButton__4d95d {
    padding-left: 4px
}

.languageSelector__4d95d {
    background-color: var(--background-floating);
    border-radius: 4px;
    box-shadow: var(--elevation-high);
    height: 284px;
    margin-top: 4px;
    max-width: 176px;
    overflow: hidden;
    padding: 8px 8px 4px
}

.codeIcon__4d95d {
    min-width: 24px;
    padding-bottom: 4px;
    padding-left: 4px
}

    .codeIcon__4d95d:hover {
        color: var(--interactive-hover)
    }

.modalRoot__4d95d {
    height: 100%;
    min-height: auto;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.modalContent__4d95d {
    display: grid;
    height: 100%;
    width: 100%
}

.modalTextContainer__4d95d {
    background-color: var(--background-secondary);
    border: 1px solid var(--background-secondary-alt);
    overflow: scroll
}

    .modalTextContainer__4d95d, .modalTextContainer__4d95d pre {
        border-radius: 4px 4px 0 0;
        box-sizing: border-box
    }

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

.scrollbarDefault__506b3 {
}

    .scrollbarDefault__506b3::-webkit-scrollbar {
        height: var(--custom-scrollbar-scrollbar-width);
        width: var(--custom-scrollbar-scrollbar-width)
    }

    .scrollbarDefault__506b3::-webkit-scrollbar-thumb, .scrollbarDefault__506b3::-webkit-scrollbar-track {
        background-clip: padding-box;
        border-color: transparent;
        border-radius: var(--custom-scrollbar-border-radius);
        border-style: solid;
        border-width: var(--custom-scrollbar-scrollbar-margin)
    }

    .scrollbarDefault__506b3::-webkit-scrollbar-thumb {
        background-color: var(--scrollbar-auto-thumb)
    }

    .scrollbarDefault__506b3::-webkit-scrollbar-track {
        background-color: var(--scrollbar-auto-track);
        border-width: initial
    }

.scrollbarGhost__506b3 {
}

    .scrollbarGhost__506b3::-webkit-scrollbar {
        height: var(--custom-scrollbar-scrollbar-width);
        width: var(--custom-scrollbar-scrollbar-width)
    }

    .scrollbarGhost__506b3::-webkit-scrollbar-thumb, .scrollbarGhost__506b3::-webkit-scrollbar-track {
        background-clip: padding-box;
        border-radius: var(--custom-scrollbar-border-radius);
        border-style: solid;
        border-width: var(--custom-scrollbar-scrollbar-margin)
    }

    .scrollbarGhost__506b3::-webkit-scrollbar-thumb {
        background-color: var(--opacity-black-40);
        border-color: transparent
    }

    .scrollbarGhost__506b3::-webkit-scrollbar-track {
        background-color: var(--opacity-black-8);
        border-color: transparent;
        border-width: initial
    }

.scrollbarGhostHairline__506b3 {
}

    .scrollbarGhostHairline__506b3::-webkit-scrollbar {
        height: 4px;
        width: 4px
    }

    .scrollbarGhostHairline__506b3::-webkit-scrollbar-thumb {
        background-color: hsl(var(--primary-800-hsl)/.6);
        border-radius: 2px;
        cursor: move
    }

    .scrollbarGhostHairline__506b3::-webkit-scrollbar-track {
        background-color: transparent;
        border: none
    }

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

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

.wrapper__58105 {
    align-items: center;
    contain: layout size;
    display: flex;
    height: 48px;
    justify-content: flex-start;
    overflow: hidden;
    position: relative;
    width: 8px
}

:where(.visual-refresh) .wrapper__58105 {
    height: 100%
}

.item__58105 {
    background-color: var(--header-primary);
    border-radius: 0 4px 4px 0;
    display: block;
    margin-left: -4px;
    position: absolute;
    width: 8px
}

.enable-forced-colors .item__58105 {
    background-color: Highlight
}

.wrapper_b1fb0b {
    align-items: center;
    justify-content: flex-end
}

.partyMembers_b1fb0b, .wrapper_b1fb0b {
    display: flex
}

.partyMember_b1fb0b, .partyMembers_b1fb0b, .wrapper_b1fb0b {
    height: var(--custom-summary-avatars-avatar-diameter)
}

.partyMember_b1fb0b {
    display: inline-block;
    margin-left: -2px;
    -webkit-mask: url(/assets/eae6388e2d5a721a.svg);
    mask: url(/assets/eae6388e2d5a721a.svg);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    mask-type: luminance;
    width: var(--custom-summary-avatars-avatar-diameter)
}

    .partyMember_b1fb0b:first-child {
        margin-left: 0
    }

    .partyMember_b1fb0b:last-child {
        -webkit-mask: none;
        mask: none
    }

.partyMemberOverflow_b1fb0b {
    align-items: center;
    background-color: var(--background-secondary);
    border-radius: 12px;
    color: var(--header-secondary);
    display: flex;
    font-size: 14px;
    font-weight: 600;
    height: var(--custom-summary-avatars-avatar-diameter);
    justify-content: center;
    line-height: 16px;
    margin-left: -2px;
    min-width: var(--custom-summary-avatars-avatar-diameter);
    padding: 0 4px
}

.theme-dark .partyMemberBackground_b1fb0b {
    background-color: var(--primary-500)
}

.theme-dark .partyMemberUnknown_b1fb0b {
    background-color: var(--primary-500)
}

.theme-light .partyMemberBackground_b1fb0b {
    background-color: var(--primary-160)
}

.theme-light .partyMemberUnknown_b1fb0b {
    background-color: var(--primary-160)
}

.partyMemberUnknownIcon_b1fb0b {
    color: var(--header-muted)
}

.container__0a12b {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    min-height: 300px;
    padding: 32px;
    text-align: center
}

.iconContainer__0a12b {
    margin-bottom: 16px;
    position: relative
}

.icon__0a12b {
    background-color: var(--background-primary);
    border-radius: 80px;
    color: var(--interactive-normal);
    display: inline-block;
    padding: 22px
}

.iconOffset__0a12b {
    margin-left: 8px;
    margin-top: 4px
}

.stars__0a12b {
    left: -10px;
    position: absolute
}

.header__0a12b {
    margin-bottom: 8px
}

.header__0a12b, .text__0a12b {
    text-transform: none
}

.container_e97453 {
    border-radius: 8px;
    cursor: pointer;
    margin-left: 8px;
    margin-top: 4px;
    padding-bottom: 4px;
    padding-left: 12px;
    padding-right: 8px;
    position: relative
}

    .container_e97453:hover {
        background: var(--bg-overlay-3,var(--background-tertiary))
    }

.rowHeader_e97453 {
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 8px;
    padding-top: 12px
}

.rowHeader_e97453, .rowHeaderLeft_e97453 {
    align-items: center;
    display: flex
}

.dot_e97453, .timestamp_e97453 {
    padding-right: 8px
}

.dot_e97453 {
    color: var(--background-modifier-accent);
    justify-content: center
}

.icon_e97453 {
    color: var(--header-secondary);
    display: flex
}

.count_e97453 {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding-left: 5px;
    padding-right: 8px
}

.title_e97453 {
    padding-bottom: 4px
}

.subtitle_e97453 {
    padding-bottom: 12px;
    text-transform: none
}

.unreadPill_e97453 {
    left: -8px;
    position: absolute;
    top: 24px
}

.feedbackContainer_e97453 {
    display: flex;
    flex-direction: column;
    gap: 6px;
    height: 100%;
    justify-content: center;
    position: absolute;
    right: 8px;
    top: 0
}

.thumbIcon_e97453 {
    background: var(--background-secondary-alt);
    border-radius: 16px;
    color: var(--interactive-normal);
    cursor: pointer;
    padding: 8px
}

    .thumbIcon_e97453:active, .thumbIcon_e97453:hover {
        color: var(--interactive-active)
    }

.backupContainer__0efdf {
    display: flex;
    justify-content: center
}

.canvas__0efdf {
    cursor: pointer;
    flex: 1;
    height: 32px;
    margin-bottom: -4px;
    margin-top: -4px;
    min-width: 0
}

.container_a8e786 {
    align-items: center;
    background-color: var(--background-secondary);
    border-radius: 24px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    gap: var(--spacing-12);
    max-width: 100%;
    min-width: 0;
    padding: 12px;
    position: relative
}

.playIcon_a8e786 {
    color: var(--white-500)
}

.playing_a8e786 .playIcon_a8e786 {
    color: var(--brand-500)
}

.visual-refresh .container_a8e786 {
    background-color: var(--background-mod-subtle);
    transition: background-color .2s ease-in-out
}

.playButtonContainer_a8e786 {
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    height: 32px;
    justify-content: center;
    margin-bottom: -4px;
    margin-left: -4px;
    margin-top: -4px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 32px
}

    .playButtonContainer_a8e786:active {
        transform: scale(.875)
    }

        .playButtonContainer_a8e786:active .playIcon_a8e786 {
            color: var(--brand-360)
        }

.playing_a8e786 .playButtonContainer_a8e786 {
    background: var(--white-500)
}

    .playing_a8e786 .playButtonContainer_a8e786:active {
        background-color: var(--brand-360)
    }

        .playing_a8e786 .playButtonContainer_a8e786:active .playIcon_a8e786 {
            color: var(--brand-500)
        }

.theme-light .container_a8e786:not(.playing_a8e786) .playButtonContainer_a8e786 {
    background: linear-gradient(151.11deg,var(--brand-400) 0,var(--brand-500) 100%)
}

    .theme-light .container_a8e786:not(.playing_a8e786) .playButtonContainer_a8e786:hover {
        background: linear-gradient(135deg,var(--brand-360) 0,var(--brand-400) 100%)
    }

    .theme-light .container_a8e786:not(.playing_a8e786) .playButtonContainer_a8e786:active {
        background: linear-gradient(0deg,rgba(0,0,0,.2),a949CF7,rgba(0,0,0,.2)),linear-gradient(135deg,var(--brand-400) 0,var(--brand-500) 100%)
    }

.theme-dark .container_a8e786:not(.playing_a8e786) .playButtonContainer_a8e786 {
    background: linear-gradient(151.11deg,var(--brand-460) 16.55%,var(--brand-560) 104.36%)
}

    .theme-dark .container_a8e786:not(.playing_a8e786) .playButtonContainer_a8e786:hover {
        background: linear-gradient(151.11deg,var(--brand-400) 17.78%,var(--brand-460) 82.22%)
    }

    .theme-dark .container_a8e786:not(.playing_a8e786) .playButtonContainer_a8e786:active {
        background: linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)),linear-gradient(151.11deg,var(--brand-460) 16.55%,var(--brand-560) 104.36%)
    }

.visual-refresh .playing_a8e786 {
    border-color: var(--opacity-blurple-60)
}

.oldPlayIconSpacing_a8e786 {
    margin-left: 1px;
    margin-right: -1px
}

.audioElement_a8e786 {
    display: none
}

.playbackRate_a8e786 {
    background-color: var(--background-modifier-accent);
    border-radius: 4px;
    color: var(--interactive-normal);
    text-align: center;
    transition: background-color .2s ease-in,color .2s ease-in;
    width: 32px
}

.playbackRateContainer_a8e786 {
    cursor: pointer;
    padding: 4px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 1
}

    .playbackRateContainer_a8e786:hover .playbackRate_a8e786 {
        background-color: var(--background-modifier-hover);
        color: var(--interactive-active);
        transition: none
    }

.playing_a8e786 .playbackRateContainer_a8e786 .playbackRate_a8e786 {
    background-color: var(--background-modifier-active);
    color: var(--brand-200)
}

.playing_a8e786 .playbackRateContainer_a8e786:hover .playbackRate_a8e786 {
    background-color: var(--background-modifier-hover);
    color: var(--white-500)
}

.volumeButton_a8e786 {
    flex-shrink: 0
}

.volumeButtonIcon_a8e786 {
    color: var(--interactive-normal);
    transition: color .2s ease-in-out
}

    .volumeButtonIcon_a8e786:hover {
        color: var(--interactive-hover);
        transition: none
    }

    .volumeButtonIcon_a8e786:active {
        color: var(--interactive-active);
        transition: none
    }

.playing_a8e786 .volumeButtonIcon_a8e786 {
    color: var(--brand-200)
}

    .playing_a8e786 .volumeButtonIcon_a8e786:hover {
        color: var(--white-500)
    }

    .playing_a8e786 .volumeButtonIcon_a8e786:active {
        color: var(--brand-200)
    }

.volumeSlider_a8e786 {
    margin-bottom: 4px;
    margin-left: -8px;
    z-index: 2
}

.duration_a8e786 {
    color: var(--interactive-normal);
    flex-shrink: 0;
    transition: color .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 1
}

.playing_a8e786 .duration_a8e786 {
    color: var(--white-500)
}

.waveform_a8e786 {
    z-index: 1
}

.rippleContainer_a8e786 {
    border: 1px solid var(--border-subtle);
    border-radius: 24px;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    transition: border-color .2s ease-in-out
}

.ripple_a8e786 {
    aspect-ratio: 1/1;
    background-color: var(--brand-530);
    border-radius: 50%;
    left: 24px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

    .ripple_a8e786.reducedMotion_a8e786 {
        opacity: 0;
        transition: opacity .2s ease-in-out;
        width: 200%
    }

.playing_a8e786 .ripple_a8e786.reducedMotion_a8e786 {
    opacity: 1
}

.ripple_a8e786:not(.reducedMotion_a8e786) {
    transition: width .2s ease-in-out;
    width: 0
}

.playing_a8e786 .ripple_a8e786:not(.reducedMotion_a8e786) {
    width: 200%
}

.barBase__0f481 {
    align-items: center;
    cursor: pointer;
    display: flex;
    left: 16px;
    min-height: 24px;
    opacity: .95;
    position: absolute;
    right: 16px;
    text-transform: capitalize;
    transition: opacity .15s;
    z-index: 2
}

    .barBase__0f481:hover {
        opacity: 1
    }

.barButtonBase__0f481 {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    color: var(--white-500);
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 24px;
    justify-content: flex-start;
    line-height: 24px;
    padding: 0 12px;
    text-align: left
}

.visual-refresh .barBase__0f481 {
    border: 1px solid var(--border-subtle);
    left: var(--space-8);
    opacity: 1;
    right: var(--space-16)
}

.visual-refresh .barButtonBase__0f481 {
    color: inherit;
    padding-left: var(--space-4)
}

.visual-refresh .barButtonAlt__0f481 {
    background-color: var(--button-secondary-background);
    border-radius: var(--radius-sm);
    padding: var(--space-4) var(--space-8)
}

    .visual-refresh .barButtonAlt__0f481:hover {
        background-color: var(--button-secondary-background-hover)
    }

.barButtonIcon__0f481 {
    display: block;
    height: 16px;
    margin-left: 8px;
    position: relative;
    top: -1px;
    width: 16px
}

.barWithAppLauncherButton__0f481 {
    right: calc(16px + var(--custom-channel-textarea-text-area-height) + var(--custom-channel-textarea-app-launcher-button-gap))
}

.barWithAppsDMsUI__0f481 {
    right: calc(16px + var(--custom-app-dm-chat-input-primary-button-width) + var(--custom-channel-textarea-app-launcher-button-gap))
}

.barWithAppLauncherButton__0f481.barWithAppsDMsUI__0f481 {
    right: calc(16px + var(--custom-channel-textarea-text-area-height) + var(--custom-app-dm-chat-input-primary-button-width) + var(--custom-channel-textarea-app-launcher-button-gap)*2)
}

.bottomBar__0f481 {
}

.jumpToPresentBar__0f481 {
    background-color: var(--background-accent);
    border-radius: 8px 8px 0 0;
    bottom: 0;
    opacity: .95;
    padding-bottom: 8px
}

    .jumpToPresentBar__0f481:active {
        margin-bottom: -1px
    }

    .jumpToPresentBar__0f481 .spinner__0f481 {
        padding-right: 12px
    }

    .jumpToPresentBar__0f481 .spinnerItem__0f481 {
        background-color: var(--white-500)
    }

.messagesErrorBar__0f481 {
    background-color: var(--status-danger);
    border-radius: 8px 8px 0 0;
    bottom: 0;
    opacity: .9;
    padding-bottom: 8px
}

    .messagesErrorBar__0f481:active {
        margin-bottom: -1px
    }

    .messagesErrorBar__0f481 .spinner__0f481 {
        padding-right: 12px
    }

    .messagesErrorBar__0f481 .spinnerItem__0f481 {
        background-color: var(--white-500)
    }

.visual-refresh .bottomBar__0f481 {
    background-color: var(--background-surface-highest);
    border: 1px solid var(--border-normal);
    border-radius: var(--radius-md);
    bottom: var(--space-8);
    box-shadow: var(--shadow-medium);
    box-sizing: border-box;
    left: 0;
    margin: 0 auto var(--space-8) auto;
    min-height: 44px;
    min-width: 284px;
    padding: var(--space-4) var(--space-12);
    right: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

    .visual-refresh .bottomBar__0f481:before {
        bottom: -9px;
        box-sizing: var(--shadow-high);
        content: "";
        height: 8px;
        left: -16px;
        -webkit-mask-image: linear-gradient(to left,transparent,var(--background-surface-highest) 10%,var(--background-surface-highest) 90%,transparent);
        mask-image: linear-gradient(to left,transparent,var(--background-surface-highest) 10%,var(--background-surface-highest) 90%,transparent);
        position: absolute;
        right: -16px
    }

.visual-refresh .messagesErrorBar__0f481 {
    background-color: var(--notice-background-critical);
    border-color: var(--border-feedback-critical);
    color: var(--notice-text-critical);
    padding: var(--space-4)
}

    .visual-refresh .messagesErrorBar__0f481 .spinnerItem__0f481 {
        background-color: var(--notice-text-critical)
    }

.visual-refresh .jumpToPresentBar__0f481 {
    color: var(--text-default)
}

.visual-refresh-chat-input .bottomBar__0f481 {
    margin: 0 auto
}

.newMessagesBar__0f481 {
    background-color: var(--brand-500);
    border-radius: 0 0 8px 8px;
    box-shadow: var(--elevation-low);
    height: 32px;
    top: 0;
    z-index: 3
}

    .newMessagesBar__0f481:active {
        box-shadow: 0 0 0 hsl(var(--black-500-hsl)/0);
        padding-top: 1px
    }

:where(.visual-refresh) .newMessagesBar__0f481 {
    color: var(--white);
    padding-left: var(--space-16);
    padding-right: var(--space-16)
}

.newMessagesPillContainer__0f481 {
    align-items: center;
    display: flex;
    justify-content: center;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 16px;
    z-index: 2
}

.containerMarginTop__0f481 {
    top: 48px
}

.newMessagesPill__0f481 {
    align-items: center;
    background-color: var(--background-floating);
    border-radius: 18px 0 0 18px;
    cursor: pointer;
    display: flex;
    padding: 9px 12px 9px 16px;
    pointer-events: auto
}

    .newMessagesPill__0f481:hover {
        background-color: var(--background-tertiary)
    }

.theme-light .newMessagesPill__0f481 {
    background-color: var(--background-secondary)
}

    .theme-light .newMessagesPill__0f481:hover {
        background-color: var(--background-tertiary)
    }

.newMessagesClear__0f481 {
    align-items: center;
    background-color: var(--background-floating);
    border-left: 1px solid var(--background-modifier-accent);
    border-radius: 0 18px 18px 0;
    cursor: pointer;
    display: flex;
    padding: 10px 10px 10px 8px;
    pointer-events: auto
}

    .newMessagesClear__0f481:hover {
        background-color: var(--background-tertiary)
    }

.theme-light .newMessagesClear__0f481 {
    background-color: var(--background-secondary)
}

    .theme-light .newMessagesClear__0f481:hover {
        background-color: var(--background-tertiary)
    }

.newMessagesClearIcon__0f481 {
    color: var(--text-normal);
    height: 16px;
    width: 16px
}

.jumpToPresentButtonContainer__0f481 {
    align-items: center;
    bottom: 16px;
    display: flex;
    justify-content: flex-end;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 16px;
    z-index: 2
}

.jumpToPresentButton__0f481 {
    align-items: center;
    background-color: var(--background-floating);
    border-radius: 18px;
    cursor: pointer;
    display: flex;
    padding: 6px;
    pointer-events: auto
}

    .jumpToPresentButton__0f481:hover {
        background-color: var(--background-tertiary)
    }

.theme-light .jumpToPresentButton__0f481 {
    background-color: var(--background-secondary)
}

    .theme-light .jumpToPresentButton__0f481:hover {
        background-color: var(--background-tertiary)
    }

.jumpToPresentButtonIcon__0f481 {
    color: var(--text-normal);
    height: 24px;
    width: 24px
}

.jumpToPresentSpinner__0f481 {
    background-color: var(--background-floating);
    border-radius: 18px;
    height: 24px;
    padding: 6px;
    width: 24px
}

.jumpToPresentSpinnerItem__0f481 {
    color: var(--text-normal)
}

.barButtonMain__0f481 {
    display: block;
    flex: 1 1 auto;
    position: relative
}

.barButtonMain__0f481, .span__0f481 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.barButtonAlt__0f481 {
    flex: 0 0 auto;
    font-weight: 600;
    position: relative
}

.loadingMore__0f481 {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    justify-content: center
}

    .loadingMore__0f481 .spinner__0f481 {
        display: inline-block;
        margin: 0
    }

.hasMore__0f481, .loadingMore__0f481 {
    height: 32px;
    margin: 16px 6px 16px 16px
}

.hasMore__0f481 {
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px var(--background-modifier-accent);
    color: var(--brand-500);
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    line-height: 32px;
    text-align: center;
    text-transform: uppercase
}

    .hasMore__0f481:hover {
        background-color: var(--background-modifier-hover)
    }

.messageGroupBlocked__0f481 {
    background-color: var(--opacity-black-4);
    color: var(--text-muted);
    flex: 0 0 auto;
    justify-content: center;
    margin: 6px 0;
    overflow: hidden
}

    .messageGroupBlocked__0f481:last-child {
        margin-bottom: 12px
    }

.messageGroupBlockedBtn__0f481 {
    color: var(--interactive-normal);
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    padding: 9px 0;
    text-align: center;
    text-transform: uppercase
}

    .messageGroupBlockedBtn__0f481:hover {
        background-color: var(--opacity-black-4)
    }

.revealed__0f481 .messageGroupBlockedBtn__0f481 {
    color: var(--interactive-active)
}

.tooltip__0f481 {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

.tooltipEmojiName__0f481 {
    width: 100%
}

.imageContent__0f481 {
    display: flex;
    flex: auto;
    flex-flow: column nowrap
}

.imageContainer__0f481 {
    display: flex;
    flex: auto;
    flex-flow: row nowrap;
    height: 100%;
    width: 100%
}

.altText__0f481 {
    color: var(--text-muted);
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin: .25rem 0 .75rem
}

.mediaMosaicAltTextContainer__0f481 {
    position: relative
}

.mediaMosaicAltText__0f481 {
    background-color: rgba(0,0,0,.6);
    border-radius: 4px;
    bottom: 4px;
    color: var(--white-500);
    font-size: 14px;
    font-weight: 600;
    left: 4.5px;
    line-height: 18px;
    padding: 7px 8px;
    position: absolute;
    transition: background-color .2s ease-in-out;
    z-index: 1
}

    .mediaMosaicAltText__0f481.reducedSize__0f481 {
        font-size: 12px;
        padding: 0 4px
    }

    .mediaMosaicAltText__0f481:hover {
        background-color: rgba(0,0,0,.8);
        transition: background-color .2s ease-in-out
    }

    .mediaMosaicAltText__0f481:focus {
        background-color: #000;
        transition: background-color .2s ease-in-out
    }

    .mediaMosaicAltText__0f481:active {
        background-color: var(--background-secondary-alt);
        transition: background-color .2s ease-in-out
    }

.mediaMosaicAltTextPopout__0f481 {
    background-color: var(--background-floating);
    border-radius: 8px;
    box-shadow: var(--elevation-high);
    color: var(--text-normal);
    display: flex;
    flex-direction: column;
    max-width: 360px;
    padding: 13.5px 12px
}

.mediaMosaicAltTextPopoutTitle__0f481 {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    margin-bottom: 9.5px;
    text-transform: uppercase
}

.mediaMosaicAltTextPopoutDescription__0f481 {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    word-break: break-word
}

.clickCTA__0f481 {
    color: var(--primary-300)
}

.popoutContainer__0f481 {
    background-color: var(--background-floating);
    border-radius: 8px;
    box-shadow: var(--elevation-low);
    overflow: hidden;
    width: var(--custom-message-helpers-popout-container-width)
}

.visual-refresh .popoutContainer__0f481 {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: color-mix(in oklab,var(--bg-surface-overlay),transparent 10%);
    box-shadow: var(--shadow-border),var(--shadow-low)
}

@keyframes popout-loading__0f481 {
    0% {
        transform: translate3d(calc(var(--custom-message-helpers-popout-content-width)*-1),0,0)
    }

    50% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(calc(var(--custom-message-helpers-popout-content-width)*-1),0,0)
    }
}

.popoutLoadingBackground__0f481 {
    height: 78px;
    margin: var(--custom-message-helpers-popout-padding-width);
    -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;
    overflow: hidden;
    position: relative;
    width: var(--custom-message-helpers-popout-content-width)
}

.popoutLoadingForeground__0f481 {
    animation: popout-loading__0f481 4s ease-in-out infinite;
    background-image: linear-gradient(to right,var(--primary-600),var(--primary-500),var(--primary-600));
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: calc(var(--custom-message-helpers-popout-content-width)*2)
}

.theme-light .popoutLoadingForeground__0f481 {
    background-image: linear-gradient(to right,var(--primary-100),var(--primary-200),var(--primary-100))
}

.theme-light .topicsPillMiddle__0f481:hover {
    background-color: var(--background-secondary)
}

&.background-opacity-high .messageGroupBlocked__0f481, &.background-opacity-low .messageGroupBlocked__0f481, &.background-opacity-medium .messageGroupBlocked__0f481 {
    background-color: hsl(var(--primary-600-hsl)/.3);
    border-color: hsl(var(--primary-630-hsl)/.2)
}

    &.background-opacity-high .messageGroupBlocked__0f481 .messageGroupBlockedBtn__0f481, &.background-opacity-low .messageGroupBlocked__0f481 .messageGroupBlockedBtn__0f481, &.background-opacity-medium .messageGroupBlocked__0f481 .messageGroupBlockedBtn__0f481 {
        background-color: transparent;
        color: var(--primary-100)
    }

        &.background-opacity-high .messageGroupBlocked__0f481 .messageGroupBlockedBtn__0f481:hover, &.background-opacity-low .messageGroupBlocked__0f481 .messageGroupBlockedBtn__0f481:hover, &.background-opacity-medium .messageGroupBlocked__0f481 .messageGroupBlockedBtn__0f481:hover {
            background: hsl(var(--primary-600-hsl)/.4)
        }

.background-opacity-low .divider__0f481:not(.dividerRed__0f481) {
    opacity: .8
}

    .background-opacity-low .divider__0f481:not(.dividerRed__0f481) .dividerContent__0f481 {
        color: var(--white-500);
        opacity: .8
    }

        .background-opacity-low .divider__0f481:not(.dividerRed__0f481) .dividerContent__0f481:before {
            border-color: currentColor
        }

.background-opacity-medium .divider__0f481 {
    opacity: .8
}

    .background-opacity-medium .divider__0f481:not(.dividerRed__0f481) .dividerContent__0f481 {
        color: var(--primary-200)
    }

        .background-opacity-medium .divider__0f481:not(.dividerRed__0f481) .dividerContent__0f481:before {
            background-color: currentColor;
            opacity: .8
        }

.background-opacity-high .divider__0f481 {
    opacity: .5
}

    .background-opacity-high .divider__0f481:not(.dividerRed__0f481) .dividerContent__0f481 {
        color: var(--primary-200)
    }

        .background-opacity-high .divider__0f481:not(.dividerRed__0f481) .dividerContent__0f481:before {
            background-color: currentColor;
            opacity: .8
        }

.disableInteractions__0f481.hasMore__0f481 {
    visibility: hidden
}

.newTopicsBarContainer__0f481 {
    height: 32px;
    background-color: var(--brand-500);
    border-radius: 0 0 8px 8px;
    box-shadow: var(--elevation-low);
    color: var(--white-500);
    justify-content: space-between;
    top: 0
}

    .newTopicsBarContainer__0f481:active {
        box-shadow: 0 0 0 hsl(var(--black-500-hsl)/0)
    }

@media (max-width:914px) {
    .newTopicsBarCompact__0f481 {
        display: none
    }

    .newTopicsBarText__0f481 .topicsPillDropdownCaret__0f481 {
        padding-left: 0
    }
}

.newTopicsBarTopicSection__0f481 {
    align-items: center;
    display: flex;
    margin-left: 8px;
    max-width: 33%;
    z-index: 2
}

.newTopicsBarTextClickable__0f481 {
    overflow: hidden;
    white-space: nowrap
}

    .newTopicsBarTextClickable__0f481:hover .newTopicsBarCaret__0f481 {
        opacity: 1
    }

.newTopicsBarCaret__0f481 {
    margin-right: 4px;
    opacity: .7;
    padding-left: 8px
}

.newTopicsBarText__0f481 {
    color: var(--white-500);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.newTopicsBarIcon__0f481 {
    margin-left: 4px;
    margin-right: 4px;
    min-height: 16px;
    min-width: 16px
}

.newTopicsBarInitial__0f481 {
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: none;
    white-space: nowrap
}

.newTopicsBarInitial__0f481, .newTopicsBarTextSelected__0f481, .newTopicsBarTextUnselected__0f481 {
    align-items: center;
    display: flex
}

.newTopicsBarTextSelected__0f481 {
    background-color: rgba(0,0,0,.1);
    border-radius: 16px;
    height: 20px
}

    .newTopicsBarTextSelected__0f481 .topicsPillDropdownCaret__0f481 {
        color: var(--interactive-active)
    }

.flexEnd__0f481 {
    justify-content: flex-end
}

.flexStart__0f481 {
    justify-content: flex-start
}

.topicsPillContainer__0f481 {
    background: var(--bg-overlay-2,var(--background-secondary));
    border-radius: 0 0 8px 8px;
    box-shadow: 0 1px 0 rgba(4,4,5,.2),0 1.5px 0 rgba(6,6,7,.05),0 2px 0 rgba(4,4,5,.05);
    height: 32px;
    min-height: 32px;
    opacity: 1;
    top: 0
}

.visual-refresh .topicsPillContainer__0f481 {
    background: var(--bg-overlay-2,var(--background-surface-high));
    border-top: 0;
    box-shadow: var(--shadow-low)
}

.topicsPill__0f481 {
    align-items: center;
    display: flex;
    width: 100%;
    z-index: 2
}

.topicsPillText__0f481 {
    cursor: pointer;
    display: flex;
    flex: 1;
    overflow: hidden;
    padding: 8px 8px 8px 10px;
    text-align: center
}

    .topicsPillText__0f481, .topicsPillText__0f481:hover .topicsPillDropdownCaret__0f481 {
        color: var(--interactive-active)
    }

.topicsPillTextUnselected__0f481 {
    align-items: center;
    display: flex;
    overflow: hidden;
    padding-left: 4px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.topicsPillTextSelected__0f481 {
    background: var(--bg-overlay-3,rgba(0,0,0,.1));
    border-radius: 16px;
    display: flex;
    height: 26px
}

    .topicsPillTextSelected__0f481 .topicsPillDropdownCaret__0f481 {
        color: var(--interactive-active)
    }

.topicsPillSummaryIcon__0f481 {
    margin-right: 4px;
    min-height: 16px;
    min-width: 16px
}

.topicsPillTextTitle__0f481 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.topicsPillDropdownCaret__0f481 {
    color: var(--interactive-normal);
    margin-right: 4px;
    padding-left: 8px
}

.topicsPillCarets__0f481 {
    display: flex;
    height: 24px;
    justify-content: space-between;
    padding-right: 16px;
    top: 4px
}

.topicsPillCaret__0f481 {
    align-items: center;
    background: var(--bg-overlay-3,var(--background-secondary-alt));
    color: var(--interactive-normal);
    cursor: pointer;
    display: flex;
    justify-content: center;
    width: 32px
}

    .topicsPillCaret__0f481:hover {
        color: var(--interactive-active)
    }

.visual-refresh .topicsPillCaret__0f481 {
    background: var(--button-secondary-background)
}

    .visual-refresh .topicsPillCaret__0f481:hover {
        background: var(--button-secondary-background-hover)
    }

    .visual-refresh .topicsPillCaret__0f481:active {
        background: var(--button-secondary-background-active)
    }

.topicsCaretRight__0f481 {
    border-radius: 0 20px 20px 0
}

.topicsCaretLeft__0f481 {
    border-radius: 20px 0 0 20px;
    border-right: 1px solid var(--background-modifier-accent)
}

.topicsPillCaretDisabled__0f481 {
    opacity: .5;
    pointer-events: none
}

.topicsDropdownBase__0f481 {
    border: 1px solid var(--background-modifier-accent);
    border-radius: 8px;
    cursor: default;
    opacity: 1;
    position: absolute;
    width: 412px
}

.topicsDropdown__0f481 {
    top: 40px
}

.topicsDropdownHeading__0f481 {
    background: var(--bg-overlay-3,var(--background-tertiary));
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: flex;
    justify-content: space-between;
    padding: 14px 14px 14px 20px
}

.topicsDropdownHeadingText__0f481 {
    align-items: center;
    display: flex;
    padding-right: 16px;
    padding-top: 6px;
    pointer-events: none
}

.topicsPillHeadingIcon__0f481 {
    color: var(--interactive-normal);
    padding-right: 8px
}

.summariesBetaTag__0f481 {
    margin-left: 4px
}

.topicsDropdownClose__0f481 {
    cursor: pointer;
    opacity: .5;
    transition: opacity .2s;
    -webkit-app-region: no-drag;
    color: var(--text-normal)
}

    .topicsDropdownClose__0f481:hover {
        opacity: 1
    }

.topicsScroller__0f481 {
    background: var(--bg-overlay-2,var(--background-secondary));
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    display: flex;
    flex-direction: column;
    max-height: 412px;
    padding-bottom: 4px;
    padding-top: 4px
}

.topicsDotSpacer__0f481, .topicsTimeAgo__0f481 {
    padding-right: 8px
}

.topicsDotSpacer__0f481 {
    color: var(--background-modifier-accent);
    justify-content: center
}

.topicsMessageCount__0f481 {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding-left: 5px;
    padding-right: 8px
}

.topicsChatBubbleIcon__0f481 {
    color: var(--header-secondary);
    display: flex;
    padding-left: 8px
}

.topicsTopicTitle__0f481 {
    padding-bottom: 4px
}

.topicsSubtitle__0f481 {
    padding-bottom: 12px
}

.emojiSection_d5cd2d {
    padding: var(--custom-message-helpers-popout-padding-width);
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.theme-dark .betaTag_d5cd2d {
    background-color: #fff;
    color: var(--premium-tier-2-pink-for-gradients-2)
}

.theme-light .betaTag_d5cd2d {
    background: linear-gradient(to right,var(--premium-tier-2-pink-for-gradients),var(--premium-tier-2-pink-for-gradients-2),var(--premium-tier-2-purple-for-gradients));
    color: var(--white-100)
}

.primaryEmoji_d5cd2d {
    margin-top: 4px;
    min-height: var(--custom-emoji-size-jumbo-emoji);
    min-width: var(--custom-emoji-size-jumbo-emoji)
}

.ctaButton_d5cd2d {
    margin: 16px auto 0
}

.guildSection_d5cd2d {
    background-color: var(--background-secondary-alt);
    padding: var(--custom-message-helpers-popout-padding-width)
}

.guildTitle_d5cd2d {
    color: var(--header-secondary);
    margin-bottom: 8px
}

.guildIcon_d5cd2d {
    cursor: pointer
}

.guildIcon_d5cd2d, .guildIconNotClickable_d5cd2d {
    height: 100%;
    width: 100%
}

.guildBadge_d5cd2d {
    margin-right: 4px;
    min-width: 16px
}

.guildName_d5cd2d {
    cursor: pointer
}

.showMoreEmojis_d5cd2d {
    color: var(--interactive-normal);
    cursor: pointer;
    font-weight: 600;
    margin-top: 8px;
    transition: color .125s
}

    .showMoreEmojis_d5cd2d:hover {
        color: var(--interactive-active)
    }

.showMoreEmojisArrow_d5cd2d {
    height: 16px;
    left: 4px;
    position: relative;
    width: 16px
}

.full-motion .showMoreEmojisArrow_d5cd2d {
    transition: transform .1s
}

.showMoreEmojisArrow_d5cd2d.showMoreEmojisArrowCollapsed_d5cd2d {
    transform: rotate(-90deg)
}

.otherEmojisContainer_d5cd2d {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-top: 4px
}

.otherEmoji_d5cd2d {
    flex-basis: calc(16.66667% - 4px);
    height: 32px;
    margin: 4px 2px;
    min-width: 32px;
    width: 32px
}

.truncatingText_d5cd2d {
    min-width: 0
}

.dotSeparator_d5cd2d {
    background-color: var(--interactive-muted);
    border-radius: 50%;
    flex-shrink: 0;
    height: 4px;
    margin: 0 8px;
    width: 4px
}

.theme-light .popoutContent_d5cd2d, .theme-light .popoutLoader_d5cd2d {
    background-color: var(--background-floating);
    box-shadow: var(--elevation-high)
}

.joinGuildLink_d5cd2d {
    color: var(--text-link);
    cursor: pointer
}

    .joinGuildLink_d5cd2d:focus, .joinGuildLink_d5cd2d:hover {
        text-decoration: underline
    }

.reactionEmojiDetailsUnfurlGuildDetails_d5cd2d {
    margin: 16px 0 8px
}

.reactionEmojiDetailsClickable_d5cd2d {
    border-radius: var(--radius-xs);
    color: var(--interactive-hover);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-weight: 600;
    justify-content: center;
    margin-top: 8px;
    padding: 6px 0;
    transition: color .125s
}

    .reactionEmojiDetailsClickable_d5cd2d:hover {
        color: var(--interactive-active)
    }

.theme-dark .reactionEmojiDetailsClickable_d5cd2d {
    background-color: hsl(var(--primary-300-hsl)/.1)
}

.theme-light .reactionEmojiDetailsClickable_d5cd2d {
    background-color: hsl(var(--primary-700-hsl)/.1)
}

.emojiDetailsLoader_d5cd2d {
    box-shadow: none
}

.reactionEmojiDetailsArrow_d5cd2d {
    margin-top: 2px
}

.full-motion .reactionEmojiDetailsArrow_d5cd2d {
    transition: transform .1s
}

.reactionEmojiDetailsArrow_d5cd2d.reactionEmojiDetailsArrowCollapsed_d5cd2d {
    transform: rotate(-90deg)
}

.reactionEmojiDetailsDivider_d5cd2d {
    border-bottom: 1px solid var(--background-modifier-accent);
    margin: 16px 0
}

.inventoryCtaButton_d5cd2d {
    margin: 8px auto 0
}

.ctaDescription_d5cd2d {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-top: 8px
}

.nitroWheel_d5cd2d {
    margin-right: 8px
}

.betaTag_d5cd2d {
    position: absolute;
    right: -8px;
    top: -4px
}

.effect__68185 {
    bottom: 0;
    pointer-events: none;
    position: absolute;
    width: var(--custom-voice-channel-effect-voice-channel-effect-animation-size);
    z-index: 1001
}

.effects__58042 {
    border-radius: var(--radius-sm);
    bottom: 0;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.soundButtonWrapper__9be63 {
    border-radius: var(--radius-sm);
    list-style: none;
    position: relative
}

.visual-refresh .soundButtonWrapper__9be63 {
    background: var(--background-base-lower)
}

.soundButton__9be63 {
    align-items: center;
    background: var(--background-secondary);
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    font-weight: 600;
    height: 40px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 148px
}

.visual-refresh .soundButton__9be63 {
    background: var(--background-mod-subtle)
}

    .visual-refresh .soundButton__9be63.focused__9be63, .visual-refresh .soundButton__9be63:active:not(:focus-within), .visual-refresh .soundButton__9be63:hover {
        border-color: var(--border-subtle)
    }

.animated__9be63:active:not(:focus-within) {
    box-shadow: none;
    outline-width: 1px
}

.full-motion .animated__9be63:active:not(:focus-within) {
    transform: translateY(2px)
}

.addButton__9be63 {
    align-items: center;
    display: flex;
    margin: 3px
}

.plusSign__9be63 {
    color: var(--text-muted);
    height: 18px;
    width: 18px
}

.addButton__9be63 > * {
    margin-right: 4px
}

.hoverActiveBackground__9be63.focused__9be63, .hoverActiveBackground__9be63:focus-within {
    background: var(--background-tertiary)
}

.visual-refresh .hoverActiveBackground__9be63.focused__9be63, .visual-refresh .hoverActiveBackground__9be63:focus-within {
    background: var(--background-mod-normal)
}

.hoverActiveBackground__9be63:hover {
    background: var(--background-tertiary)
}

.visual-refresh .hoverActiveBackground__9be63:hover {
    background: var(--background-mod-strong)
}

.soundButton__9be63.focused__9be63 .buttonOverlay__9be63, .soundButton__9be63:focus-within .buttonOverlay__9be63, .soundButton__9be63:hover .buttonOverlay__9be63 {
    opacity: 1;
    visibility: visible
}

.soundButton__9be63.focused__9be63 .addButtonOverlay__9be63, .soundButton__9be63:focus-within .addButtonOverlay__9be63, .soundButton__9be63:hover .addButtonOverlay__9be63 {
    opacity: 1;
    visibility: visible
}

.soundInfo__9be63 {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: row;
    gap: 8px;
    justify-content: center;
    overflow: hidden;
    padding: 8px
}

.soundName__9be63 {
    color: var(--header-primary);
    display: -webkit-box;
    flex-grow: 0;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word
}

    .soundName__9be63.hasEmoji__9be63 {
        text-align: start
    }

.emoji__9be63 {
    flex-shrink: 0;
    height: 20px;
    width: 20px
}

.soundButtonInteractive__9be63 {
    cursor: pointer
}

    .soundButtonInteractive__9be63.playing__9be63 {
        border-color: var(--status-positive-background)
    }

.buttonDisabledSecondaryActionsEnabled__9be63 {
    cursor: default
}

.buttonDisabled__9be63 {
    pointer-events: none
}

.premiumDisabled__9be63 {
    opacity: .5
}

.absoluteFill__9be63 {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.addButtonOverlay__9be63, .buttonOverlay__9be63 {
    opacity: 0;
    transition: opacity .2s ease;
    visibility: hidden
}

.buttonOverlayBackground__9be63 {
    background: var(--background-secondary);
    opacity: .8
}

.visual-refresh .buttonOverlayBackground__9be63 {
    background: var(--background-surface-highest)
}

.buttonOverlayActions__9be63 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0 8px
}

.secondaryButton__9be63 {
    color: var(--interactive-normal);
    display: flex
}

    .secondaryButton__9be63:focus, .secondaryButton__9be63:hover {
        color: var(--interactive-hover);
        cursor: pointer
    }

.secondaryIcon__9be63 {
    height: 16px;
    width: 16px
}

.favoriteIconFavorite__9be63 {
    color: var(--text-warning)
}

.primaryIcon__9be63 {
    color: var(--interactive-active);
    flex: 1;
    height: 20px;
    width: 20px
}

.lockIcon__9be63, .primaryIcon__9be63 {
    pointer-events: none
}

.primaryIconTopLevel__9be63 {
    position: absolute;
    z-index: 9999
}

.unavailableTooltip__9be63 {
    height: 40px;
    position: absolute;
    top: 0;
    width: 150px
}

.icon__14ad3 {
    height: 16px;
    width: 16px
}

.sliderContainer__14ad3 {
    background-color: var(--background-floating);
    border-radius: var(--radius-sm);
    display: flex;
    flex-direction: column;
    min-width: 188px;
    padding: var(--spacing-12)
}

.slider__14ad3 {
    margin-bottom: calc(var(--spacing-8)*-1)
}

.betaBadge__14ad3 {
    left: var(--spacing-8);
    position: absolute;
    top: -8px
}

.infoContainer__14ad3 {
    border-radius: var(--radius-sm);
    max-width: 300px
}

.infoTooltip__14ad3 {
    overflow: hidden
}

.infoNitroContainer__14ad3 {
    background-color: var(--background-floating);
    position: relative
}

.infoNitroBackground__14ad3 {
    background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color);
    inset: 0;
    opacity: .64;
    position: absolute;
    z-index: 1
}

.infoNitroTextContainer__14ad3 {
    align-items: center;
    display: flex;
    flex-direction: row;
    padding: var(--spacing-8);
    position: relative;
    z-index: 2
}

.infoNitroIcon__14ad3 {
    margin-right: var(--spacing-4)
}

.infoNitroText__14ad3 {
    flex: 1;
    margin-right: var(--spacing-16)
}

.infoNitroBadge__14ad3 {
    margin-left: 0 auto
}

.infoSoundContainer__14ad3 {
    background-color: var(--background-floating);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4);
    padding: var(--spacing-12)
}

.infoSoundInnerContainer__14ad3 {
    align-items: center;
    display: flex;
    flex-direction: row
}

.infoSoundIcon__14ad3 {
    margin-right: var(--spacing-4)
}

.infoExpandedSoundContainer__14ad3 {
    align-items: center;
    background-color: var(--background-secondary);
    display: flex;
    flex-direction: row;
    gap: var(--spacing-16);
    padding: var(--spacing-16)
}

.infoExpandedGuildContainer__14ad3 {
    align-items: start;
    background-color: var(--background-secondary-alt);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-8);
    padding: var(--spacing-16)
}

.infoExpandedGuildInfo__14ad3 {
    width: 100%
}

.infoExpandedGuildTitle__14ad3 {
    align-self: flex-start
}

.infoExpandedGuildInfoContainer__14ad3 {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex-direction: row;
    gap: var(--spacing-8)
}

.jumboContainer__5cc6a {
    margin: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.jumboButton__5cc6a, .jumboContainer__5cc6a {
    display: inline-flex
}

.inlineButton__5cc6a {
    background: var(--card-primary-bg);
    border: 1px solid var(--border-strong);
    box-shadow: inset 0 -4px 0 0 rgba(0,0,0,.12),0 2px 0 0 rgba(0,0,0,.2);
    display: inline-block
}

.full-motion .inlineButton__5cc6a {
    transition: box-shadow .1s ease-in-out,transform .2s ease
}

.inlineButton__5cc6a:active, .inlineButton__5cc6a:hover {
    border: 1px solid hsla(0,0%,100%,.5)
}

.inlineButton__5cc6a:active {
    background: var(--card-primary-pressed-bg);
    box-shadow: none
}

.full-motion .inlineButton__5cc6a:active {
    transform: translateY(2px)
}

.inlineButton__5cc6a.playing__5cc6a {
    border: 1px solid var(--button-outline-positive-border)
}

.inlineContainer__5cc6a {
    align-items: center;
    border-radius: var(--radius-sm);
    box-sizing: border-box;
    cursor: pointer;
    line-height: 1.5em;
    margin: 2px 0;
    padding: 0 var(--spacing-4);
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.inlineTextArea__5cc6a {
    margin: 2px var(--spacing-4)
}

.soundmojiEmoji__5cc6a {
    line-height: 1.5em;
    margin-bottom: 1.5px;
    width: 1em !important
}

.unknownSound__5cc6a {
    height: 1em;
    position: relative;
    top: 2px;
    width: 1em
}

.tooltip__5cc6a {
    border-radius: var(--radius-sm)
}

.tooltipContainer__5cc6a {
    padding: 0
}

.emojiContainer__75abc {
    display: inline-block
}

.emojiContainerClickable__75abc {
    cursor: pointer
}

.emojiJumbo__75abc {
    vertical-align: middle
}

.icon_a9c2d1 {
    margin-right: .1rem
}

.tooltip__5a41d {
    text-align: center
}

.svgContentRight__7b484 {
    fill: var(--bg-base-primary)
}

.svgContentLeft__7b484 {
    fill: var(--bg-base-tertiary)
}

.svgContentLines__7b484, .svgDots__7b484 {
    fill: var(--bg-mod-strong)
}

.svgTag__7b484 {
    fill: var(--text-secondary)
}

.wrapper__124c8 {
    background-color: var(--background-secondary);
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 432px;
    min-width: 160px;
    padding: 16px;
    text-indent: 0
}

.visual-refresh .wrapper__124c8 {
    background-color: var(--background-surface-high);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm)
}

.titleRegion__124c8 {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    text-transform: uppercase
}

.infoIcon__124c8, .title__124c8 {
    display: block;
    flex: 0 0 auto
}

.infoIcon__124c8 {
    height: 16px;
    margin-left: 4px;
    width: 16px
}

.copyLink__124c8 {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-weight: 600;
    justify-content: flex-start;
    margin-left: 16px;
    padding-right: 8px;
    position: relative
}

    .copyLink__124c8:before {
        content: "";
        display: block;
        height: 12px;
        left: -8px;
        margin-right: 8px;
        pointer-events: none;
        position: absolute;
        top: 2px;
        width: 1px
    }

    .copyLink__124c8.copied__124c8 {
        cursor: default
    }

.copyLinkIcon__124c8 {
    display: block;
    height: 16px;
    margin-right: 4px;
    width: 16px
}

.content__124c8 {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    gap: 16px
}

.infoLink__124c8.infoLink__124c8 {
    color: var(--header-secondary);
    cursor: pointer
}

.buildInfo__124c8 {
    flex: 1000 0 auto;
    height: 40px;
    overflow: hidden
}

.button__124c8 {
    flex: 1 0 auto
}

.buttonSize__124c8 {
    height: 40px;
    width: 80px
}

.subHead__124c8 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.icon__124c8 {
    display: block;
    flex: 0 0 auto
}

.buildDetails__124c8 {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.barLoader__124c8 {
    border-radius: 8px;
    flex: 0 0 auto;
    height: 16px;
    width: 84%
}

.barTitle__124c8 {
    margin-bottom: 4px;
    margin-top: 2px;
    width: 45%
}

.buttonLoader__124c8 {
    border-radius: 4px;
    height: 40px;
    width: 80px
}

.theme-light .disabledButtonOverride__124c8 {
    background-color: var(--primary-300) !important
}

.copyLink__124c8:before {
    background-color: var(--background-primary)
}

.buildDetails__124c8, .copyLink__124c8:hover, .infoLink__124c8:hover {
    color: var(--header-primary)
}

.copyLink__124c8.copied__124c8, .copyLink__124c8.copied__124c8:hover {
    color: var(--text-positive)
}

.barLoader__124c8, .buttonLoader__124c8 {
    background-color: var(--background-primary)
}

.root__5c1cf {
    background-color: var(--background-surface-high);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
    margin-top: var(--space-8);
    max-width: 360px;
    min-width: 160px;
    padding: var(--space-12);
    width: auto
}

    .root__5c1cf div[role=button] {
        margin-left: 0
    }

.header__5c1cf {
    align-items: center;
    display: grid
}

.experimentOverride__5c1cf {
    flex: 1
}

.copyLinkButton__5c1cf {
    color: var(--icon-secondary);
    cursor: pointer
}

    .copyLinkButton__5c1cf:hover {
        color: var(--icon-primary)
    }

.icon_e59963 {
    margin-bottom: .2rem;
    margin-right: var(--spacing-4);
    vertical-align: middle
}

.hljs {
    border-radius: 4px;
    display: block;
    overflow-x: auto;
    padding: .5em;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
    background: var(--background-secondary);
    color: var(--text-normal)
}

.theme-dark .hljs-doctag, .theme-dark .hljs-keyword, .theme-dark .hljs-meta .hljs-keyword, .theme-dark .hljs-template-tag, .theme-dark .hljs-template-variable, .theme-dark .hljs-type, .theme-dark .hljs-variable.language_ {
    color: #ff7b72
}

.theme-dark .hljs-title, .theme-dark .hljs-title.class_, .theme-dark .hljs-title.class_.inherited__, .theme-dark .hljs-title.function_ {
    color: #d2a8ff
}

.theme-dark .hljs-attr, .theme-dark .hljs-attribute, .theme-dark .hljs-literal, .theme-dark .hljs-meta, .theme-dark .hljs-number, .theme-dark .hljs-operator, .theme-dark .hljs-selector-attr, .theme-dark .hljs-selector-class, .theme-dark .hljs-selector-id, .theme-dark .hljs-variable {
    color: #79c0ff
}

    .theme-dark .hljs-meta .hljs-string, .theme-dark .hljs-regexp, .theme-dark .hljs-string {
        color: #a5d6ff
    }

.theme-dark .hljs-built_in, .theme-dark .hljs-symbol {
    color: #ffa657
}

.theme-dark .hljs-code, .theme-dark .hljs-comment, .theme-dark .hljs-formula {
    color: #8b949e
}

.theme-dark .hljs-name, .theme-dark .hljs-quote, .theme-dark .hljs-selector-pseudo, .theme-dark .hljs-selector-tag {
    color: #7ee787
}

.theme-dark .hljs-subst {
    color: #c9d1d9
}

.theme-dark .hljs-section {
    color: #1f6feb;
    font-weight: 700
}

.theme-dark .hljs-bullet {
    color: #f2cc60
}

.theme-dark .hljs-emphasis {
    color: #c9d1d9;
    font-style: italic
}

.theme-dark .hljs-strong {
    color: #c9d1d9;
    font-weight: 700
}

.theme-dark .hljs-addition {
    background-color: #033a16;
    color: #aff5b4
}

.theme-dark .hljs-deletion {
    background-color: #67060c;
    color: #ffdcd7
}

.theme-light .hljs-doctag, .theme-light .hljs-keyword, .theme-light .hljs-meta .hljs-keyword, .theme-light .hljs-template-tag, .theme-light .hljs-template-variable, .theme-light .hljs-type, .theme-light .hljs-variable.language_ {
    color: #d73a49
}

.theme-light .hljs-title, .theme-light .hljs-title.class_, .theme-light .hljs-title.class_.inherited__, .theme-light .hljs-title.function_ {
    color: #6f42c1
}

.theme-light .hljs-attr, .theme-light .hljs-attribute, .theme-light .hljs-literal, .theme-light .hljs-meta, .theme-light .hljs-number, .theme-light .hljs-operator, .theme-light .hljs-selector-attr, .theme-light .hljs-selector-class, .theme-light .hljs-selector-id, .theme-light .hljs-variable {
    color: #005cc5
}

    .theme-light .hljs-meta .hljs-string, .theme-light .hljs-regexp, .theme-light .hljs-string {
        color: #032f62
    }

.theme-light .hljs-built_in, .theme-light .hljs-symbol {
    color: #e36209
}

.theme-light .hljs-code, .theme-light .hljs-comment, .theme-light .hljs-formula {
    color: #6a737d
}

.theme-light .hljs-name, .theme-light .hljs-quote, .theme-light .hljs-selector-pseudo, .theme-light .hljs-selector-tag {
    color: #22863a
}

.theme-light .hljs-subst {
    color: #24292e
}

.theme-light .hljs-section {
    color: #005cc5;
    font-weight: 700
}

.theme-light .hljs-bullet {
    color: #735c0f
}

.theme-light .hljs-emphasis {
    color: #24292e;
    font-style: italic
}

.theme-light .hljs-strong {
    color: #24292e;
    font-weight: 700
}

.theme-light .hljs-addition {
    background-color: #f0fff4;
    color: #22863a
}

.theme-light .hljs-deletion {
    background-color: #ffeef0;
    color: #b31d28
}

.visual-refresh .hljs {
    border-radius: 4px;
    display: block;
    overflow-x: auto;
    padding: .5em;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
    color: var(--text-normal)
}

.visual-refresh .hljs-doctag, .visual-refresh .hljs-keyword, .visual-refresh .hljs-meta .hljs-keyword, .visual-refresh .hljs-template-tag, .visual-refresh .hljs-template-variable, .visual-refresh .hljs-type, .visual-refresh .hljs-variable.language_ {
    color: var(--text-code-keyword)
}

.visual-refresh .hljs-title, .visual-refresh .hljs-title.class_, .visual-refresh .hljs-title.class_.inherited__, .visual-refresh .hljs-title.function_ {
    color: var(--text-code-title)
}

.visual-refresh .hljs-attr, .visual-refresh .hljs-attribute, .visual-refresh .hljs-literal, .visual-refresh .hljs-meta, .visual-refresh .hljs-number, .visual-refresh .hljs-operator, .visual-refresh .hljs-selector-attr, .visual-refresh .hljs-selector-class, .visual-refresh .hljs-selector-id, .visual-refresh .hljs-variable {
    color: var(--text-code-variable)
}

    .visual-refresh .hljs-meta .hljs-string, .visual-refresh .hljs-regexp, .visual-refresh .hljs-string {
        color: var(--text-code-string)
    }

.visual-refresh .hljs-built_in, .visual-refresh .hljs-symbol {
    color: var(--text-code-builtin)
}

.visual-refresh .hljs-code, .visual-refresh .hljs-comment, .visual-refresh .hljs-formula {
    color: var(--text-code-comment)
}

.visual-refresh .hljs-name, .visual-refresh .hljs-quote, .visual-refresh .hljs-selector-pseudo, .visual-refresh .hljs-selector-tag {
    color: var(--text-code-tag)
}

.visual-refresh .hljs-subst {
    color: var(--text-code-default)
}

.visual-refresh .hljs-section {
    color: var(--text-code-section);
    font-weight: 700
}

.visual-refresh .hljs-bullet {
    color: var(--text-code-bullet)
}

.visual-refresh .hljs-emphasis {
    color: var(--text-code-default);
    font-style: italic
}

.visual-refresh .hljs-strong {
    color: var(--text-code-default);
    font-weight: 700
}

.visual-refresh .hljs-addition {
    background-color: var(--background-code-addition);
    color: var(--text-code-addition)
}

.visual-refresh .hljs-deletion {
    background-color: var(--background-code-deletion);
    color: var(--text-code-deletion)
}

.container_c9d15c {
    align-items: center;
    display: flex;
    gap: 4px
}

    .container_c9d15c.textXs_c9d15c {
        --custom-activity-status-icon-size: 12px;
        --custom-activity-status-emoji-size: 14px
    }

    .container_c9d15c.textSm_c9d15c {
        --custom-activity-status-icon-size: 14px;
        --custom-activity-status-emoji-size: 16px
    }

    .container_c9d15c:empty {
        display: none
    }

.activityContainer_c9d15c {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    gap: 4px;
    max-width: 100%;
    overflow: hidden
}

.activitiesTooltip_c9d15c, .tooltipText_c9d15c {
    word-break: break-word
}

.activitiesTooltip_c9d15c {
    align-items: flex-start;
    display: flex;
    gap: 4px;
    padding: 8px
}

    .activitiesTooltip_c9d15c .icon_c9d15c {
        height: 14px;
        position: relative;
        top: 2px;
        width: 14px
    }

    .activitiesTooltip_c9d15c.hasMultipleActivities_c9d15c {
        align-items: start;
        display: grid;
        grid-template-columns: 14px 1fr
    }

.icon_c9d15c {
    flex-shrink: 0;
    height: var(--custom-activity-status-icon-size);
    width: var(--custom-activity-status-icon-size)
}

.truncated_c9d15c {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.textWithIconContainer_c9d15c {
    max-width: 100%;
    min-width: var(--custom-activity-status-icon-size)
}

.activityCounter_c9d15c {
    flex-shrink: 0
}

.emoji_c9d15c {
    flex: 0 0 auto;
    height: var(--custom-activity-status-emoji-size);
    margin-right: 0;
    width: var(--custom-activity-status-emoji-size)
}

.dot_c9d15c {
    flex-shrink: 0
}

    .dot_c9d15c:first-child, .dot_c9d15c:last-child {
        display: none
    }

.questsIcon_c9d15c {
    flex-shrink: 0
}

.customStatusLabel_c9d15c {
    white-space: nowrap
}

@keyframes placeholderPulse__27cc6 {
    0% {
        opacity: .5
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .5
    }
}

.multiplePlaceholder__27cc6, .placeholder__27cc6 {
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden
}

.multiplePlaceholderAnimated__27cc6, .placeholderAnimated__27cc6 {
    animation: placeholderPulse__27cc6 3s ease-in-out infinite
}

.placeholder__27cc6 {
    align-items: center;
    display: flex;
    height: 44px
}

.mulitplePlaceholderUsername__27cc6, .placeholderUsername__27cc6 {
    border-radius: 8px;
    height: 14px
}

.mulitplePlaceholderUsername__27cc6 {
    margin-top: 12px
}

.avatarSmall__27cc6 {
    height: 32px;
    width: 32px
}

.avatarLarge__27cc6 {
    height: 40px;
    width: 40px
}

.placeholderAvatar__27cc6 {
    border-radius: 50%
}

.mulitplePlaceholderUsername__27cc6, .placeholderAvatar__27cc6, .placeholderUsername__27cc6 {
    background-color: var(--background-primary)
}

.avatarMasked__27cc6 {
    margin-right: -6px;
    -webkit-mask-image: url(/assets/1f9b76e0279b91a4.svg);
    mask-image: url(/assets/1f9b76e0279b91a4.svg);
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.container__4bbc6 {
    border-radius: inherit;
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.visual-refresh.align-chat-input .container__4bbc6 {
    border-radius: unset
}

.fadeIn__4bbc6 {
    animation: fadeIn__4bbc6 .12s ease-in forwards;
    opacity: 0
}

@keyframes fadeIn__4bbc6 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.img__4bbc6 {
    height: 100%;
    object-position: right;
    pointer-events: none;
    position: absolute;
    right: 0;
    transition: opacity .3s ease,transform .3s ease;
    width: auto
}

    .img__4bbc6, .img__4bbc6.hover__4bbc6 {
        opacity: .6
    }

        .img__4bbc6.selected__4bbc6 {
            opacity: .9
        }

        .img__4bbc6.channel__4bbc6.hover__4bbc6 {
            opacity: .4
        }

        .img__4bbc6.channel__4bbc6.selected__4bbc6 {
            opacity: .9
        }

        .img__4bbc6.account__4bbc6, .img__4bbc6.account__4bbc6.hover__4bbc6 {
            opacity: .4
        }

        .img__4bbc6.preview__4bbc6 {
            opacity: .8
        }

            .img__4bbc6.mini_preview__4bbc6, .img__4bbc6.mini_preview__4bbc6.hover__4bbc6, .img__4bbc6.preview__4bbc6.hover__4bbc6 {
                opacity: 1
            }

.videoContainer__4bbc6 {
    height: 100%;
    overflow: hidden;
    width: 100%
}

.container__91a9d {
    border-radius: 4px;
    box-sizing: border-box;
    color: var(--channels-default);
    display: block;
    padding: 1px 0;
    transition: none
}

    .container__91a9d .muted__91a9d {
        color: var(--interactive-muted)
    }

.childContainer__91a9d {
    border-radius: inherit;
    padding: 0 8px
}

    .childContainer__91a9d.nameplated__91a9d {
        padding-right: 36px;
        position: relative
    }

.muted__91a9d .avatar__91a9d {
    opacity: .3
}

.clickable__91a9d.container__91a9d:hover, .clickable__91a9d.container__91a9d:hover .muted__91a9d {
    color: var(--interactive-hover)
}

    .clickable__91a9d.container__91a9d:hover .avatar__91a9d {
        opacity: 1
    }

.clickable__91a9d.container__91a9d:active, .highlighted__91a9d.container__91a9d, .selected__91a9d.container__91a9d {
    color: var(--interactive-active)
}

.layout__91a9d {
    align-items: center;
    border-radius: inherit;
    display: flex;
    flex: 0 1 auto;
    height: 42px;
    max-width: 100%;
    min-width: 0;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1
}

.visual-refresh .container__91a9d {
    border-radius: var(--radius-sm)
}

.wrappedLayout__91a9d {
    height: auto;
    padding: 5px 8px
}

.clickable__91a9d:hover .childContainer__91a9d {
    background-color: var(--background-modifier-hover);
    cursor: pointer
}

.clickable__91a9d:active .childContainer__91a9d {
    background-color: var(--background-modifier-active)
}

.selected__91a9d .childContainer__91a9d {
    background-color: var(--background-modifier-selected)
}

.avatar__91a9d {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    height: 32px;
    justify-content: center;
    margin-right: 12px;
    width: 32px
}

.content__91a9d {
    flex: 1 1 auto;
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.name__91a9d {
    display: flex;
    flex: 0 1 auto;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    min-width: 0
}

.wrappedName__91a9d {
    overflow: none;
    white-space: normal
}

.nameAndDecorators__91a9d {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.subText__91a9d {
    margin-top: -2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .subText__91a9d:empty {
        display: none
    }

.children__91a9d {
    flex: 0 0 auto;
    margin-left: 8px
}

.guildIconImage_bab6e1 {
    height: 100%;
    object-fit: cover;
    width: 100%
}

    .guildIconImage_bab6e1.acronym_bab6e1 {
        background-color: var(--bg-base-tertiary)
    }

.acronym_bab6e1 {
    align-items: center;
    color: var(--header-primary);
    display: flex;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    overflow: hidden;
    white-space: nowrap;
    width: 100%
}

.container__86ab2 {
    align-items: flex-start;
    background: var(--bg-surface-overlay);
    border: 1px solid var(--border-subtle);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.banner__86ab2 {
    height: 120px;
    width: 100%
}

.avatarContainer__86ab2 {
    display: flex;
    justify-content: flex-start;
    margin-top: -34px;
    padding: 0 16px
}

.overlay__86ab2 {
    background-color: var(--opacity-black-40);
    height: 100%;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0
}

.overlay__86ab2, .overlayIcon__86ab2 {
    opacity: 0;
    position: absolute;
    transition: opacity .2s ease
}

.clickable__86ab2 {
    cursor: pointer
}

    .clickable__86ab2:hover .overlay__86ab2, .clickable__86ab2:hover .overlayIcon__86ab2 {
        opacity: 1
    }

.avatarWrapper__86ab2 {
    align-items: center;
    background: var(--bg-surface-overlay);
    display: flex;
    height: 70px;
    justify-content: center;
    width: 70px
}

    .avatarWrapper__86ab2 .acronymText__86ab2 {
        font-size: 22px
    }

.emptyBody__86ab2 {
    height: 8px
}

.body__86ab2 {
    flex-direction: column;
    gap: 16px;
    overflow-wrap: anywhere;
    padding: 0 16px;
    text-align: flex-start
}

.body__86ab2, .error__86ab2 {
    display: flex;
    margin-bottom: 16px
}

.error__86ab2 {
    color: var(--text-warning);
    cursor: pointer;
    gap: 4px
}

.header__86ab2 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin-bottom: 8px;
    margin-top: 8px;
    padding: 0 16px
}

.buttonContainer__86ab2 {
    box-sizing: border-box;
    padding: 0 16px 16px;
    width: 100%
}

.container__80da8 {
    display: flex;
    flex-direction: row;
    gap: 4px;
    width: 100%
}

.gameIconWrapper__80da8 {
    cursor: pointer
}

.gameIcon__80da8 {
    flex-shrink: 0;
    height: 26px;
    position: relative;
    width: 26px
}

.gameIconImage__80da8 {
    border: 1px solid var(--border-faint);
    border-radius: 4px;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain
}

.extraGamesContainer__80da8 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px 0
}

.extraGameRow__80da8 {
    gap: 8px
}

.extraGameItem__80da8, .extraGameRow__80da8 {
    align-items: center;
    display: flex
}

.extraGameItem__80da8 {
    justify-content: center;
    position: relative
}

.extraGameIconImage__80da8 {
    position: absolute;
    z-index: 1
}

.extraGameOverlay__80da8 {
    background: var(--bg-backdrop);
    border-radius: 4px;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

.extraGameText__80da8 {
    z-index: 20
}

.gameActivityLevel__80da8 {
    background-color: var(--bg-surface-overlay);
    border-radius: 50%;
    position: absolute;
    right: -4px;
    top: -4px
}

.gameActivityLevel__80da8, .gameActivityLevelInner__80da8 {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: center
}

.gameActivityLevelInner__80da8 {
    height: 14px;
    padding: 2px;
    width: 14px
}

.favoriteGameContainer__80da8 {
    align-items: center;
    display: flex;
    gap: 8px
}

@value traitMaxWidth: 268px;

.container_d452e4 {
    flex-wrap: wrap
}

.container_d452e4, .trait_d452e4 {
    display: flex;
    gap: 4px
}

.trait_d452e4 {
    align-items: center;
    border: 1px solid var(--border-subtle);
    border-radius: 16px;
    max-width: 268px;
    padding: 4px 8px;
    transition: border-color .2s ease
}

    .trait_d452e4:hover {
        border-color: var(--border-strong)
    }

.traitEmoji_d452e4 {
    height: 16px;
    width: 16px
}

.ellipsize_d452e4 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.platform-osx:not(.visual-refresh) .drag__5c9fc {
    -webkit-app-region: drag;
    padding-top: 32px;
    position: absolute;
    width: 100%
}

.visual-refresh .drag__5c9fc {
    display: none
}

.root__5c9fc {
    bottom: 0;
    contain: strict;
    left: 0;
    pointer-events: all;
    position: absolute;
    right: 0;
    top: 0
}

.enter__5c9fc, .enterReducedMotion__5c9fc, .exit__5c9fc, .exitReducedMotion__5c9fc {
    transition-duration: var(--custom-full-screen-layer-animation-duration);
    transition-property: transform,opacity;
    transition-timing-function: ease-in-out
}

.enter__5c9fc {
    transform: scale(1.1)
}

.enter__5c9fc, .enterReducedMotion__5c9fc {
    opacity: 0
}

.exit__5c9fc {
    transform: scale(1)
}

.exit__5c9fc, .exitReducedMotion__5c9fc {
    opacity: 1
}

.enterActive__5c9fc, .enterDone__5c9fc {
    opacity: 1;
    transform: scale(1)
}

.enterActiveReducedMotion__5c9fc, .enterDoneReducedMotion__5c9fc {
    opacity: 1
}

.exitActive__5c9fc, .exitDone__5c9fc {
    opacity: 0;
    transform: scale(1.1)
}

.exitActiveReducedMotion__5c9fc, .exitDoneReducedMotion__5c9fc {
    opacity: 0
}

.container_c2b141 {
    align-items: center;
    display: flex;
    flex-direction: column
}

.keybind_c2b141 {
    font-size: 13px;
    font-weight: 600;
    margin-top: 8px;
    text-align: center
}

.closeButton_c2b141 {
    align-items: center;
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    cursor: pointer;
    display: flex;
    flex: 0 0 36px;
    height: 36px;
    justify-content: center;
    width: 36px
}

    .closeButton_c2b141:active {
        transform: translateY(1px)
    }

.closeButton_c2b141, .keybind_c2b141 {
    color: var(--interactive-normal)
}

    .closeButton_c2b141:hover {
        background-color: var(--background-modifier-hover)
    }

        .closeButton_c2b141:hover, .closeButton_c2b141:hover + .keybind_c2b141 {
            color: var(--interactive-hover)
        }

    .closeButton_c2b141:active {
        background-color: var(--background-modifier-active)
    }

        .closeButton_c2b141:active, .closeButton_c2b141:active + .keybind_c2b141 {
            color: var(--interactive-active)
        }

.closeButtonSolid_c2b141 {
    border: none;
    flex: 0 0 24px;
    height: 24px;
    width: 24px
}

    .closeButtonSolid_c2b141:hover {
        background-color: transparent
    }

.theme-dark .closeButtonBold_c2b141:hover {
    background-color: hsl(var(--primary-300-hsl)/.3)
}

.enable-forced-colors .closeButton_c2b141 {
    background-color: ButtonFace;
    border-color: ButtonText;
    color: ButtonText
}

    .enable-forced-colors .closeButton_c2b141:active {
        background-color: HighlightText;
        border-color: Highlight;
        color: Highlight
    }

.container__83f66 {
    align-items: center;
    background-color: #fff;
    border-radius: var(--radius-round);
    display: flex;
    flex: 1;
    gap: var(--spacing-12);
    justify-content: space-between;
    margin: 0 auto;
    margin-bottom: var(--spacing-48);
    padding: var(--spacing-8) var(--spacing-24);
    padding-right: var(--spacing-12);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.themeResponsiveContainer__83f66 {
    background-color: var(--bg-mod-subtle);
    width: 100%
}

.text__83f66 {
    color: var(--primary-600)
}

.button__83f66 {
    background: linear-gradient(to right,var(--guild-boosting-blue),var(--guild-boosting-purple));
    background-position: 50%;
    background-size: 120% 100%;
    border-radius: var(--radius-round);
    color: #fff
}

.highlight__83f66 {
    color: var(--brand-500)
}

.description__83f66 {
    align-items: center;
    display: inline-block;
    flex-direction: row
}

.responsiveText__83f66 {
    color: var(--header-secondary)
}

.text__83f66 {
    color: var(--button-filled-white-text)
}

.wrapper__3add8 {
    text-align: center
}

.heading__3add8 {
    margin-bottom: var(--spacing-32)
}

.topPerksCards__3add8 {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-16);
    justify-content: center
}

.topPerksCard__3add8 {
    background-color: var(--background-secondary-alt);
    border-radius: var(--radius-lg);
    box-sizing: border-box;
    flex: 1 1 auto;
    max-width: 362px;
    min-width: 340px;
    overflow: hidden;
    padding: var(--spacing-32) var(--spacing-24);
    position: relative;
    width: 25%
}

.full-motion .animatedTopPerksCard__3add8.animate__3add8 {
    animation: fadeEffects__3add8 1.8s ease-in-out forwards
}

.topPerksCardImageWrapper__3add8 {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.animatedTopPerksCard__3add8 {
    border-radius: var(--radius-md);
    height: 315px;
    max-width: 480px
}

.imageGradientOverlay__3add8 {
    background: linear-gradient(to bottom,transparent 0,var(--background-secondary-alt) 60%,var(--background-secondary-alt) 100%);
    border-radius: var(--radius-lg);
    bottom: 0;
    height: 300px;
    left: 0;
    position: absolute;
    width: 100%
}

.contentContainer__3add8 {
    margin-top: var(--spacing-16);
    overflow: hidden;
    position: relative
}

.buttonsContainer__3add8 {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: center;
    margin-top: var(--spacing-24);
    overflow: hidden
}

.button__3add8 {
    flex: 1 1 0
}

.topPerksCardImage__3add8 {
    height: 128px
}

.topPerksCardHeading__3add8 {
    margin-bottom: 4px
}

.topPerksCardDescription__3add8 {
    color: var(--header-secondary)
}

.topPerksCardNew__3add8 {
    position: absolute;
    right: var(--spacing-16);
    top: var(--spacing-16);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.topPerksCardLabelContainer__3add8 {
    background-color: var(--bg-base-primary);
    border-color: var(--border-faint);
    border-radius: var(--radius-round);
    border-style: solid;
    border-width: 1px;
    gap: 2px;
    margin-top: var(--spacing-12);
    padding: var(--spacing-4) 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.labelsContainer__3add8, .topPerksCardLabelContainer__3add8 {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-self: center
}

.labelsContainer__3add8 {
    color: var(--text-positive);
    gap: var(--spacing-4)
}

.intObserver__3add8 {
    bottom: 0;
    height: 1px;
    left: 0;
    opacity: 0;
    width: 1px
}

.intObserver__3add8, .shineLine__3add8 {
    pointer-events: none;
    position: absolute
}

.shineLine__3add8 {
    background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.1) 50%,hsla(0,0%,100%,0));
    height: 300%;
    left: -400%;
    top: -100%;
    transform: rotate(30deg);
    width: 400px;
    z-index: 1
}

.full-motion .shineLine__3add8 {
    animation: shineEffect__3add8 1.5s ease-in-out
}

@keyframes shineEffect__3add8 {
    0% {
        left: -100%
    }

    to {
        left: 100%
    }
}

.container_ef0711 {
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: var(--spacing-64);
    text-align: center
}

.headerContainer_ef0711 {
    flex-direction: horizontal
}

.headerContainer_ef0711, .powerupsContainer_ef0711 {
    align-items: center;
    display: flex;
    gap: var(--spacing-16);
    justify-content: center
}

.powerupsContainer_ef0711 {
    flex-wrap: wrap;
    margin-top: var(--spacing-32);
    position: relative
}

.powerupCard_ef0711 {
    min-width: 500px
}

.image_ef0711 {
    position: absolute
}

.contentContainer_ef0711 {
    margin-top: 160px;
    z-index: 1
}

.wrapper__4d7bb {
    background: linear-gradient(45deg,var(--guild-boosting-blue),var(--guild-boosting-purple));
    border-radius: 8px;
    isolation: isolate;
    margin-bottom: 85px;
    overflow: hidden;
    padding: 50px 24px;
    position: relative;
    text-align: center
}

.content__4d7bb {
    position: relative;
    z-index: 2
}

.heading__4d7bb {
    margin-bottom: 32px
}

.cards__4d7bb {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
    margin: 0 auto;
    max-width: 768px
}

.card__4d7bb {
    align-items: center;
    background-color: hsl(var(--primary-600-hsl)/.9);
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    max-width: 180px;
    min-width: 165px;
    padding: 24px 12px
}

.theme-light .card__4d7bb {
    background-color: hsl(var(--primary-100-hsl)/.9)
}

.icon__4d7bb {
    color: var(--guild-boosting-pink);
    display: block;
    height: 30px;
    margin-bottom: 10px;
    width: 30px
}

.backgroundImages__4d7bb {
    background: 0 100% url(/assets/5f5e47f0133f9ee5.svg) no-repeat,100% 100% url(/assets/383e4e1569554a59.svg) no-repeat;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.backgroundImages__4d7bb, .iconImage__4d7bb {
    filter: saturate(var(--saturation-factor,1))
}

.largeCountdownPill_e270ac {
    background-color: hsla(0,0%,100%,.1);
    border-radius: 20px;
    display: flex;
    justify-content: center;
    padding: 8px 16px
}

.largeCountdownPillText_e270ac {
    color: var(--custom-premium-colors-banner-yellow);
    display: inline-block;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .7px;
    line-height: 16px
}

.largePillIcon_e270ac {
    padding-left: 6px
}

.unavailableCounterContainer_a466a0 {
    display: flex;
    justify-content: center
}

.unavailableCounterPill_a466a0 {
    align-items: center;
    border: 1px solid var(--white);
    border-radius: 57px;
    display: inline-flex;
    justify-content: center;
    padding: 0 20px
}

.unavailableCounterPillText_a466a0 {
    color: #fff;
    line-height: 8px;
    margin: 20px 0
}

.countDownText_a466a0 {
    margin-left: 8px
}

.tooltip_a466a0 {
    max-width: 215px;
    text-align: center;
    width: 215px
}

.buttonHighlighted__5d39a {
    background: linear-gradient(95.07deg,var(--premium-tier-2-purple-for-gradients) 0,var(--premium-tier-2-purple-for-gradients-2) 49.96%,var(--premium-tier-2-pink-for-gradients) 95.93%)
}

.button__5d39a {
    align-items: center;
    display: flex
}

.buttonIcon__5d39a {
    margin-right: 4px
}

.guildStatus_f9f04c {
    margin-bottom: 50px;
    text-align: center
}

.guildIcon_f9f04c {
    margin: 0 auto 10px
}

.guildName_f9f04c {
    margin-bottom: 4px
}

.guildBoostCountWrapper_f9f04c {
    color: var(--white-500);
    margin-bottom: 20px
}

.guildBoostCount_f9f04c {
    align-items: center;
    display: flex;
    justify-content: center
}

.guildBoostBadge_f9f04c {
    color: inherit;
    flex: 0 0 auto;
    height: 16px;
    margin-right: 4px;
    opacity: .6;
    width: 16px
}

.guildBoostBadgeWithBoosts_f9f04c {
    color: var(--guild-boosting-pink);
    opacity: 1
}

.guildStatusCopy_f9f04c {
    color: inherit;
    flex: 0 0 auto;
    opacity: .6
}

.guildBoostCountCurrentUser_f9f04c {
    color: inherit;
    margin-top: 4px;
    opacity: .6
}

.guildBoostCtas_f9f04c {
    display: flex;
    margin: 0 auto;
    max-width: 470px;
    width: 100%
}

.guildBoostCta_f9f04c {
    border-radius: 4px;
    flex: 1 1 50%
}

.guildBoostCtaBoostContent_f9f04c {
    color: var(--brand-500)
}

.guildBoostCta_f9f04c + .guildBoostCta_f9f04c {
    margin-left: 10px
}

.guildBoostCtaBoostWrapper_f9f04c, .guildBoostCtaSecondary_f9f04c {
    position: relative
}

.full-motion .guildBoostCtaBoostWrapper_f9f04c, .full-motion .guildBoostCtaSecondary_f9f04c {
    transition: transform .08s
}

.full-motion .guildBoostCtaSecondary_f9f04c {
    transition: background .08s,box-shadow .08s,transform .08s
}

.guildBoostCtaBoost_f9f04c {
    border-radius: 4px;
    box-shadow: 0 1px 2px hsl(var(--primary-500-hsl)/.2),0 8px 16px hsl(var(--primary-500-hsl)/.3);
    transition: box-shadow .08s;
    width: 100%
}

.full-motion .guildBoostCtaBoostWrapper_f9f04c:focus-within, .full-motion .guildBoostCtaBoostWrapper_f9f04c:hover, .full-motion .guildBoostCtaSecondary_f9f04c:focus, .full-motion .guildBoostCtaSecondary_f9f04c:hover {
    transform: translateY(-3px)
}

    .full-motion .guildBoostCtaBoostWrapper_f9f04c:focus-within:after, .full-motion .guildBoostCtaBoostWrapper_f9f04c:hover:after, .full-motion .guildBoostCtaSecondary_f9f04c:focus:after, .full-motion .guildBoostCtaSecondary_f9f04c:hover:after {
        content: "";
        height: 4px;
        left: 0;
        position: absolute;
        top: 100%;
        width: 100%
    }

.guildBoostCtaBoostWrapper_f9f04c:focus-within .guildBoostCtaBoost_f9f04c, .guildBoostCtaBoostWrapper_f9f04c:hover .guildBoostCtaBoost_f9f04c, .guildBoostCtaSecondary_f9f04c:focus, .guildBoostCtaSecondary_f9f04c:hover {
    box-shadow: 0 1px 2px hsl(var(--primary-500-hsl)/.2),0 12px 24px hsl(var(--primary-500-hsl)/.4)
}

.guildBoostCtaSecondary_f9f04c:focus, .guildBoostCtaSecondary_f9f04c:hover {
    background-color: var(--opacity-white-4)
}

.guildBoostCtaBoostShine_f9f04c {
    color: hsl(var(--brand-500-hsl)/.1)
}

.guildBoostCtaGiftContent_f9f04c {
    display: inline-flex
}

.guildBoostCtaGiftIcon_f9f04c {
    height: 16px;
    margin-right: 8px;
    width: 16px
}

.FPContainer_f9f04c {
    margin-bottom: 23px
}

.wrapper__5b98e {
    background-color: var(--background-secondary-alt);
    border-radius: 8px;
    padding: 60px 50px
}

.heading__5b98e {
    margin-bottom: 30px;
    text-align: center
}

.list__5b98e {
    border-top: 1px solid var(--interactive-muted)
}

.listItem__5b98e {
    border-bottom: 1px solid var(--interactive-muted)
}

.questionWrapper__5b98e {
    color: var(--interactive-normal);
    cursor: pointer;
    display: flex;
    padding: 12px 0;
    transition: color .1s
}

    .questionWrapper__5b98e:active, .questionWrapper__5b98e:hover, .questionWrapperExpanded__5b98e {
        color: var(--interactive-active)
    }

.questionWrapperExpanded__5b98e {
    padding-bottom: 8px
}

.question__5b98e {
    color: inherit;
    flex: 1 1 auto;
    padding-right: 12px;
    transition: color .1s
}

.questionIcon__5b98e {
    flex: 0 0 auto
}

.answer__5b98e {
    margin-bottom: 12px;
    width: 80%
}

@media (max-width:700px) {
    .answer__5b98e {
        width: 100%
    }
}

.wrapper_b4589b {
    display: flex;
    justify-content: center;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1
}

.innerWrapper_b4589b {
    align-items: center;
    background-color: var(--background-secondary-alt);
    border-radius: 50px;
    box-shadow: var(--elevation-high);
    box-sizing: border-box;
    display: flex;
    margin-bottom: 36px;
    padding: 12px 22px 12px 12px;
    pointer-events: all;
    position: relative;
    width: 438px
}

    .innerWrapper_b4589b:after, .innerWrapper_b4589b:before {
        border: 2px solid transparent;
        border-radius: inherit;
        box-sizing: border-box;
        content: "";
        height: 100%;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%
    }

    .innerWrapper_b4589b:after {
        border-color: var(--guild-boosting-blue);
        -webkit-mask: linear-gradient(45deg,#000,transparent);
        mask: linear-gradient(45deg,#000,transparent)
    }

    .innerWrapper_b4589b:before {
        border-color: var(--guild-boosting-purple)
    }

.theme-light .innerWrapper_b4589b {
    background-color: var(--background-secondary)
}

.guildInfo_b4589b {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    overflow: hidden;
    padding-right: 8px;
    text-overflow: ellipsis
}

.guildIcon_b4589b {
    background-color: var(--background-primary);
    flex: 0 0 auto;
    margin-right: 14px
}

.ctaButton_b4589b {
    border-radius: var(--custom-button-button-lg-height);
    flex: 0 0 auto
}

.guildName_b4589b {
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cannonWrapper_d00019 {
    z-index: 1
}

.cannon_d00019, .cannonWrapper_d00019 {
    height: 100%;
    position: absolute;
    width: 100%
}

.confettiTriggerWrapper_d00019 {
    cursor: pointer;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 2
}

.confettiTrigger_d00019 {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.progressBarMarker__1f1cb {
    align-items: center;
    background-color: var(--opacity-white-40);
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    height: var(--custom-guild-boosting-marketing-progress-bar-marker-marker-dimensions);
    isolation: isolate;
    justify-content: center;
    position: absolute;
    transform: translateX(-50%);
    width: var(--custom-guild-boosting-marketing-progress-bar-marker-marker-dimensions);
    z-index: 2
}

    .progressBarMarker__1f1cb:after {
        content: "";
        height: 50px;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 50px;
        z-index: 1
    }

    .progressBarMarker__1f1cb.progressBarMarkerCurrent__1f1cb {
        background-color: transparent
    }

.progressBarMarkerCurrent__1f1cb .progressBarMarkerIndicator__1f1cb {
    box-shadow: 0 5px 11px rgba(0,0,0,.25)
}

.progressBarMarkerUnlocked__1f1cb .progressBarMarkerIndicator__1f1cb {
    background: var(--guild-boosting-pink);
    border-radius: 100%;
    content: "";
    height: var(--custom-guild-boosting-marketing-progress-bar-marker-marker-dimensions);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: var(--custom-guild-boosting-marketing-progress-bar-marker-marker-dimensions);
    z-index: 0
}

.progressBarMarkerUnlocked__1f1cb.progressBarMarkerLower__1f1cb .progressBarMarkerIndicator__1f1cb {
    height: 20px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 20px;
    z-index: 3
}

.progressBarMarkerLocked__1f1cb {
    cursor: pointer
}

.progressBarMarkerLabel__1f1cb {
    color: var(--white-500);
    left: 50%;
    opacity: .4;
    padding-top: 4px;
    position: absolute;
    top: 100%;
    transform: translateX(-50%);
    transition: opacity .125s;
    white-space: nowrap
}

    .progressBarMarkerLabel__1f1cb:after {
        content: "";
        height: 100%;
        left: 50%;
        padding: 3px;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 100%;
        z-index: 1
    }

.progressBarMarkerUnlocked__1f1cb .progressBarMarkerLabel__1f1cb {
    opacity: .8
}

.progressBarMarkerCurrent__1f1cb .progressBarMarkerLabel__1f1cb, .progressBarMarkerLocked__1f1cb:hover .progressBarMarkerLabel__1f1cb {
    opacity: 1
}

.progressBarMarkerUnlockedIcon__1f1cb {
    height: 16px;
    padding-right: 3px;
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(calc(-50% + 1px));
    width: 16px
}

.boostedTierIconBackground__1f1cb {
    background-color: var(--white-500);
    border-radius: 20px;
    height: 20px;
    left: 50%;
    opacity: .5;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: opacity .125s;
    width: 20px;
    z-index: 2
}

.progressBarMarkerLocked__1f1cb:hover .boostedTierIconBackground__1f1cb {
    opacity: 1
}

.boostedTierIcon__1f1cb {
    color: var(--guild-boosting-pink);
    height: 12px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 12px;
    z-index: 4
}

.progressBarMarkerUnlocked__1f1cb .boostedTierIcon__1f1cb {
    color: var(--white-500)
}

.progressBarMarkerCurrent__1f1cb .boostedTierIcon__1f1cb {
    height: 16px;
    width: 16px
}

.tooltip__1f1cb {
    text-align: center
}

.disabledIndicator__1f1cb {
    color: currentColor
}

.progressBar_b28bb7 {
    height: 54px;
    isolation: isolate;
    margin: 0 auto 48px;
    max-width: 660px;
    position: relative
}

.progressBarScrubber_b28bb7 {
    height: 8px;
    left: calc(var(--custom-guild-boosting-marketing-progress-bar-marker-dimensions)/2 + var(--custom-guild-boosting-marketing-progress-bar-end-markers-margin));
    position: absolute;
    right: calc(var(--custom-guild-boosting-marketing-progress-bar-marker-dimensions)/2 + var(--custom-guild-boosting-marketing-progress-bar-end-markers-margin));
    top: 13px
}

.progressBarTrack_b28bb7 {
    background-color: var(--opacity-white-28);
    width: 100%;
    z-index: 0
}

.progressBarFill_b28bb7, .progressBarTrack_b28bb7 {
    border-radius: 8px;
    height: 100%;
    position: absolute
}

.progressBarFill_b28bb7 {
    background-image: linear-gradient(90deg,var(--guild-boosting-purple) 0,var(--white-500) 100%);
    left: 0;
    z-index: 2
}

.progressBarCurrentProgressTooltip_b28bb7 {
    margin-top: 100px
}

.progressBarCurrentProgressTooltipMarker_b28bb7 {
    border-radius: 100%;
    height: 50px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 50px;
    z-index: 3
}

.progressBarCurrentProgressTooltipHeading_b28bb7 {
    font-weight: 600;
    margin-bottom: 2px
}

.progressBarCurrentProgressTooltipSubheading_b28bb7 {
    align-items: center;
    display: flex
}

.progressBarCurrentProgressTooltipSubheadingIcon_b28bb7 {
    color: var(--guild-boosting-pink);
    flex: 0 0 auto;
    height: 16px;
    margin-left: -2px;
    margin-right: 4px;
    width: 16px
}

.progressBarCurrentProgressTooltipSubheadingCopy_b28bb7 {
    flex: 1 1 auto
}

.container_bb1234 {
    display: inline-block;
    position: relative
}

.sparkle_bb1234 {
    position: absolute
}

.sparkleStarTopRight_bb1234 {
    bottom: calc(100% - 4px);
    height: 12.75px;
    left: calc(100% - 5px);
    width: 12.75px
}

.sparkleStarRight_bb1234 {
    bottom: 3px;
    left: calc(100% + 1.31px)
}

.sparkleStarBottomLeft_bb1234, .sparkleStarRight_bb1234 {
    height: 7.44px;
    width: 7.44px
}

.sparkleStarBottomLeft_bb1234 {
    left: -1px;
    top: calc(100% + .56px)
}

.theme-dark .sparkle_bb1234 {
    color: var(--white-500)
}

.containerColored_bb1234 .sparkle_bb1234.sparkleStarTopRight_bb1234, .theme-light .sparkle_bb1234.sparkleStarTopRight_bb1234 {
    color: #83ddc5
}

.containerColored_bb1234 .sparkle_bb1234.sparkleStarRight_bb1234, .theme-light .sparkle_bb1234.sparkleStarRight_bb1234 {
    color: #e15be1
}

.containerColored_bb1234 .sparkle_bb1234.sparkleStarBottomLeft_bb1234, .theme-light .sparkle_bb1234.sparkleStarBottomLeft_bb1234 {
    color: var(--yellow-260)
}

.tag_fe5e5d {
    background-color: var(--brand-500);
    font-size: 12px;
    line-height: 16px;
    padding: 0 6px
}

    .tag_fe5e5d.inheritBackgroundColor_fe5e5d {
        background: inherit
    }

    .tag_fe5e5d.inheritTextColor_fe5e5d {
        color: inherit
    }

.tierCards_be48d0 {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
    justify-content: center
}

.tierCard_be48d0 {
    border-radius: var(--custom-guild-boosting-marketing-tier-cards-tier-card-border-radius);
    box-shadow: var(--elevation-high);
    box-sizing: border-box;
    flex: 0 0 auto;
    padding: 24px 36px 30px;
    position: relative;
    width: 338px
}

.tierCard_be48d0, .tierCardCurrentTier_be48d0 {
    background-image: linear-gradient(45deg,var(--guild-boosting-blue) 0,var(--guild-boosting-purple) 100%)
}

.tierCardCurrentTier_be48d0 {
    border-radius: 8px;
    left: 28px;
    padding: 4px 8px;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    transform: translateY(-50%)
}

.tierCardHeader_be48d0 {
    align-items: baseline;
    display: flex;
    gap: 8px;
    margin-bottom: 12px
}

.tierCardHeading_be48d0 {
    flex: 0 0 auto
}

.tierCardBoostRequirement_be48d0 {
    flex: 0 0 auto;
    opacity: .7
}

.tierCardList_be48d0 {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.tierCardListItem_be48d0 {
    align-items: center;
    display: flex;
    gap: 8px
}

.tierCardListIcon_be48d0 {
    flex: 0 0 auto;
    height: 24px;
    width: 24px
}

.tierCardSparkleHighlight_be48d0 {
    background-image: radial-gradient(100% 100% at center,#fff 0,hsla(0,0%,100%,0) 50%);
    color: var(--white-500);
    height: 80px;
    position: absolute;
    width: 1px
}

.theme-light .tierCardSparkleHighlight_be48d0 {
    background-image: radial-gradient(100% 100% at center,hsl(var(--guild-boosting-pink-hsl)/1) 0,hsl(var(--guild-boosting-pink-hsl)/0) 50%);
    color: var(--guild-boosting-pink)
}

.tierCardSparkleHighlightTopRight_be48d0 {
    right: 0;
    top: 30px
}

.tierCardSparkleHighlightBottomLeft_be48d0 {
    bottom: 30px;
    left: 0
}

.tierCardBorderHighlight_be48d0 {
    border-radius: var(--custom-guild-boosting-marketing-tier-cards-tier-card-border-radius);
    box-sizing: border-box;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.tierCardBorderHighlightTopRight_be48d0 {
    border: 1px solid var(--guild-boosting-blue);
    -webkit-mask: radial-gradient(100% 100% at top right,#fff 0,hsla(0,0%,100%,0) 100%);
    mask: radial-gradient(100% 100% at top right,#fff 0,hsla(0,0%,100%,0) 100%)
}

.tierCardBorderHighlightBottomLeft_be48d0 {
    border: 1px solid var(--guild-boosting-purple);
    -webkit-mask: radial-gradient(100% 100% at bottom left,#fff 0,hsla(0,0%,100%,0) 100%);
    mask: radial-gradient(100% 100% at bottom left,#fff 0,hsla(0,0%,100%,0) 100%)
}

.tierCardSparkle1_be48d0 {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.tierCardSparkle2_be48d0 {
    left: 11px;
    position: absolute;
    top: 10%
}

.tierCardSparkle3_be48d0 {
    position: absolute;
    right: 21px;
    top: -20px
}

.tierCardPerkRow_be48d0 {
    align-items: flex-start;
    display: flex;
    flex-direction: row
}

.tierCardNewFeatureBadge_be48d0 {
    align-self: center;
    background: #fff;
    border-radius: 8px;
    color: var(--premium-tier-2-purple-for-gradients);
    margin-left: 8px
}

.heading__686cf {
    margin-bottom: 82px;
    text-align: center
}

.tableWrapper__686cf {
    position: relative
}

.table__686cf {
    text-align: center;
    width: 100%
}

.columnHeading__686cf, .tableCell__686cf {
    border-bottom: 1px solid var(--opacity-white-16)
}

.theme-light .columnHeading__686cf, .theme-light .tableCell__686cf {
    border-bottom-color: var(--opacity-black-16)
}

.columnHeading__686cf {
    padding-bottom: 16px
}

.tableCell__686cf {
    box-sizing: border-box;
    padding: 22px 0;
    vertical-align: middle;
    width: 20%
}

.tableCellWrapper__686cf {
    padding: 0
}

.tableCellInner__686cf {
    border-bottom: none;
    width: 100%
}

.tableRowHeading__686cf {
    text-align: left
}

.booleanValueIcon__686cf {
    color: var(--interactive-muted);
    display: block;
    margin: 0 auto
}

.booleanValueTrue__686cf {
    color: var(--header-primary)
}

.recommendedTierHighlight__686cf {
    bottom: -16px;
    pointer-events: none;
    position: absolute;
    top: -38px;
    width: 20%
}

    .recommendedTierHighlight__686cf:after, .recommendedTierHighlight__686cf:before {
        border: 2px solid transparent;
        border-radius: 16px;
        box-sizing: border-box;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1
    }

    .recommendedTierHighlight__686cf:after {
        border-color: var(--guild-boosting-blue);
        -webkit-mask: linear-gradient(70deg,#000,transparent);
        mask: linear-gradient(70deg,#000,transparent)
    }

    .recommendedTierHighlight__686cf:before {
        border-color: var(--guild-boosting-purple)
    }

.recommendedTierHighlightTier2__686cf {
    right: 20%
}

.recommendedTierHighlightTier3__686cf {
    right: 0
}

.recommendedTierHighlightTag__686cf {
    background-image: linear-gradient(30deg,var(--guild-boosting-blue),var(--guild-boosting-purple));
    border-radius: 8px;
    left: 50%;
    padding: 4px 8px;
    position: absolute;
    text-transform: uppercase;
    top: 1px;
    transform: translate(-50%,-50%);
    z-index: 2
}

.perkPreviewImage__686cf {
    background-color: var(--background-secondary-alt);
    border-radius: 8px;
    box-shadow: var(--elevation-high);
    display: block;
    height: 168px;
    width: 280px
}

.headerWave__1dfae {
    bottom: -1px;
    color: var(--background-primary);
    max-height: 400px
}

.bodyWave__1dfae, .headerWave__1dfae {
    display: block;
    left: 50%;
    min-width: 1000px;
    position: absolute;
    transform: translateX(-50%);
    width: 100%;
    z-index: 1
}

.bodyWave__1dfae {
    max-height: 1200px;
    top: 10%
}

.bodyWaveGradientStop1__1dfae {
    stop-color: var(--background-primary)
}

.bodyWaveGradientStop2__1dfae {
    stop-color: var(--background-secondary-alt)
}

.bodyWaveGradientStop3__1dfae {
    stop-color: var(--background-primary)
}

.closeIconWrapper__6fd0e {
    margin: 0 auto;
    max-width: 1060px;
    mix-blend-mode: screen;
    position: relative;
    z-index: 2
}

.theme-light .closeIconWrapper__6fd0e {
    mix-blend-mode: multiply
}

.closeIcon__6fd0e {
    position: absolute;
    right: 24px;
    top: 48px;
    z-index: 2
}

.scroller__6fd0e {
    background: var(--background-primary);
    height: 100%;
    position: relative;
    z-index: 1
}

.content__6fd0e {
    margin: 0 auto;
    max-width: 1060px
}

.headerContentWrapper__6fd0e {
    padding: 100px 32px 32px;
    position: relative;
    z-index: 2
}

.header__6fd0e {
    background: center 15%/90% auto url(/assets/ea2ad3ad1bfd2975.svg) no-repeat,linear-gradient(359.37deg,rgba(0,0,0,.5) 12.68%,hsla(0,0%,100%,0) 50.4%),linear-gradient(159.15deg,var(--premium-tier-0-header-gradient-1) 8.49%,var(--premium-tier-0-header-gradient-2) 32.21%,var(--premium-tier-0-header-gradient-3) 42.9%,var(--premium-tier-0-header-gradient-4) 66.06%,var(--premium-tier-0-header-gradient-5) 71.4%);
    position: relative
}

.theme-light .header__6fd0e {
    background: center 15%/90% auto url(/assets/ea2ad3ad1bfd2975.svg) no-repeat,linear-gradient(359.37deg,hsla(0,0%,100%,.5) 12.68%,hsla(0,0%,100%,0) 50.4%),linear-gradient(159.15deg,var(--premium-tier-0-header-gradient-1) 8.49%,var(--premium-tier-0-header-gradient-2) 32.21%,var(--premium-tier-0-header-gradient-3) 42.9%,var(--premium-tier-0-header-gradient-4) 66.06%,var(--premium-tier-0-header-gradient-5) 71.4%)
}

.heading__6fd0e {
    margin: 0 auto 48px;
    max-width: 960px;
    text-align: center
}

.middleBodyContentWrapper__6fd0e {
    padding: 32px
}

.lowerBody__6fd0e {
    position: relative
}

.lowerBodyBackgroundImage__6fd0e {
    background: right 285px no-repeat url(/assets/32b48278e7e6c908.svg);
    filter: saturate(var(--saturation-factor,1));
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

@media (max-width:1430px) {
    .lowerBodyBackgroundImage__6fd0e {
        display: none
    }
}

.lowerBodyContentWrapper__6fd0e {
    padding: 32px;
    position: relative;
    z-index: 2
}

.persistentCtaSpacer__6fd0e {
    height: 120px
}

.tierComparisonTable__6fd0e {
    margin-bottom: 64px
}

.premiumTooltipFooterBackground__7d7fe {
    background: linear-gradient(90deg,#b473f5,#e292aa);
    width: "100%"
}

.tooltipBodyContainer__7d7fe {
    padding: 8px 12px;
    text-align: center
}

.tooltipPremiumFooterContainer__7d7fe {
    align-items: center;
    background: linear-gradient(90deg,#b473f5,#e292aa);
    border-radius: 0 0 5px 5px;
    color: #fff;
    display: flex;
    justify-content: center
}

.tooltipRemovePadding__7d7fe {
    padding: 0
}

.gemIcon__7d7fe {
    margin-left: -4px;
    margin-top: 2px
}

.tooltipPremiumFooterSegment__7d7fe {
    align-items: center;
    display: flex;
    flex-basis: 0;
    flex-grow: 1;
    justify-content: center;
    padding: 4px;
    text-align: center
}

.tooltipPremiumFooterTierSegment__7d7fe {
    border-right: 1px solid;
    border-color: var(--background-floating)
}

.clanBadgeContainer__7d7fe img {
    margin: 0
}

.boostedGuildIconGem__97677 {
    height: 10px;
    transition: color .1s linear
}

.visual-refresh .boostedGuildIconGem__97677 {
    height: 12px;
    width: 12px
}

.theme-light .iconBackgroundTierNone__97677, .theme-light .iconBackgroundTierOne__97677, .theme-light .iconBackgroundTierThree__97677, .theme-light .iconBackgroundTierTwo__97677 {
    color: var(--background-accent)
}

.theme-dark .iconBackgroundTierNone__97677, .theme-dark .iconBackgroundTierOne__97677, .theme-dark .iconBackgroundTierThree__97677, .theme-dark .iconBackgroundTierTwo__97677 {
    color: var(--interactive-muted)
}

.iconTierNone__97677 {
    color: var(--opacity-white-20)
}

.iconTierOne__97677, .iconTierTwo__97677 {
    color: var(--white-500)
}

.iconTierThree__97677 {
    color: var(--guild-boosting-pink)
}

.guildIconContainer__85d16 {
    margin-right: 4px
}

.guildIconV2Container__85d16 {
    margin-right: 8px
}

.visual-refresh .guildIconContainer__85d16, .visual-refresh .guildIconV2Container__85d16 {
    display: flex;
    justify-content: center;
    margin-right: var(--space-xs);
    min-width: 20px
}

.guildBadge__85d16 .boostedGuildIconGem__85d16 {
    transition: color .1s linear
}

.disableColor__85d16 {
    color: var(--background-accent)
}

.tierTooltipTitle__85d16 {
    font-weight: 600
}

.boostedGuildIconGem__85d16 {
    height: 10px
}

.boostedGuildTierMutedIconWithVisibleBanner__85d16 {
    color: var(--text-muted)
}

.iconTierNone__85d16 {
    color: var(--opacity-white-20)
}

.boostedGuildTierIconBackgroundWithVisibleBanner__85d16 {
    color: var(--interactive-active)
}

.invitesRefresh__85d16.guildIconContainer__85d16, .invitesRefresh__85d16.guildIconV2Container__85d16 {
    margin-right: 0
}

.header__99f53 {
    align-items: flex-start;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin-bottom: 8px;
    margin-top: 8px;
    padding: 0 16px;
    width: 100%
}

.members__99f53 {
    display: flex;
    flex-wrap: wrap;
    gap: 0 8px
}

.memberCount__99f53 {
    align-items: center;
    display: flex;
    gap: 4px
}

.dot__99f53 {
    background: var(--status-offline)
}

.dot__99f53, .dotOnline__99f53 {
    border-radius: 50%;
    height: 8px;
    width: 8px
}

.dotOnline__99f53 {
    background: var(--status-online)
}

.established__99f53 {
    display: flex
}

.nameContainer__99f53 {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 4px;
    width: 100%
}

.guildNameContainer__99f53 {
    overflow: hidden
}

    .guildNameContainer__99f53:hover {
        cursor: pointer
    }

        .guildNameContainer__99f53:hover .guildName__99f53 {
            text-decoration: underline
        }

.guildName__99f53 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.guildBadge__99f53 {
    cursor: pointer;
    flex-shrink: 0;
    height: 16px;
    width: 16px
}

.container__86bf6 {
    border-radius: 16px;
    box-shadow: var(--elevation-high);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 300px
}

.spinnerContainer__86bf6 {
    background: var(--bg-surface-overlay);
    padding: 16px
}

.chipletContainerInner__10651 {
    align-items: center;
    background: var(--bg-mod-strong);
    border-radius: 4px;
    display: inline-flex;
    line-height: 16px !important;
    padding: 0 4px;
    transition: background .1s ease-in-out;
    vertical-align: middle
}

    .chipletContainerInner__10651:hover {
        background: var(--bg-mod-faint)
    }

.chipletContainerInline__10651 {
    margin-top: -2px
}

.clickable__10651 {
    cursor: pointer
}

.text__10651 {
    align-items: center;
    display: inline-flex;
    line-height: 16px !important;
    max-width: 60px
}

.badge__10651 {
    margin-right: 2px;
    margin-top: 0
}

.tooltip__10651 {
    background: var(--bg-surface-overlay);
    border-radius: 8px
}

.tooltip__10651, .tooltipContainer__10651 {
    max-width: 360px;
    padding: 0
}

.chipletContainerInner__10651.noTooltip__10651:hover {
    background: var(--bg-mod-strong)
}

.unselectable__10651 {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.nitroRewardTileAssetContainer_a92e89 {
    background-image: linear-gradient(135deg,var(--premium-tier-1-dark-blue-for-gradients) 20%,var(--premium-perk-pink));
    display: flex;
    place-content: center;
    text-align: center
}

.nitroRewardTileAsset_a92e89 {
    filter: drop-shadow(0 1px 2px rgb(0 0 0/.4));
    height: auto;
    margin-right: 10%;
    margin-top: 2px;
    width: 70%
}

@value transitionDuration 200ms;

div.modalRoot {
    border-radius: 12px;
    position: relative
}

div.modalHeader_c28af8 {
    overflow-x: visible
}

.closeBtn_c28af8 {
    position: absolute;
    right: 12px;
    top: 12px
}

.asset_c28af8 {
    height: auto;
    margin-bottom: 24px;
    width: 205px
}

.modalContent_c28af8 {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 0 16px 24px
}

.completedModalContent_c28af8 {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 16px 24px
}

.choiceContainer_c28af8 {
    align-items: center;
    background-color: var(--background-secondary);
    border: 1px solid var(--border-faint);
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 12px
}

.full-motion .choiceContainer_c28af8 {
    transition: background-color .2s ease-in-out
}

.choiceContainer_c28af8:hover {
    background-color: var(--background-message-hover)
}

.closeButtonContainer_c28af8 {
    border-radius: 3px;
    overflow: hidden;
    position: relative
}

.progressOverlay_c28af8 {
    background-color: var(--background-secondary);
    inset: 0;
    opacity: .2;
    pointer-events: none;
    position: absolute;
    z-index: 10
}

.visual-refresh .modalHeader_c28af8 {
    padding-bottom: 12px
}

.visual-refresh .modalContent_c28af8 {
    padding-bottom: 24px
}

.questRewardTile__28141 {
    border-radius: 4px;
    box-shadow: 6px 12px 32px rgba(0,0,0,.24);
    height: 64px;
    position: relative;
    width: 64px
}

.rewardHighlight__28141 {
    border-radius: 8px;
    overflow: hidden
}

    .rewardHighlight__28141:after {
        border: 1px solid var(--opacity-white-16);
        border-radius: inherit
    }

    .borderOverlay__28141:before, .rewardHighlight__28141:after {
        box-sizing: border-box;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

.borderOverlay__28141:before {
    border: 2px solid var(--white-500);
    border-radius: inherit;
    -webkit-mask-image: linear-gradient(-45deg,transparent 50%,#000);
    mask-image: linear-gradient(-45deg,transparent 50%,#000);
    z-index: 1
}

.questRewardTileInteractive__28141 {
    cursor: pointer
}

.questRewardTileAsset__28141 {
    border-radius: inherit;
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.questRewardTileAssetStatic__28141 {
    pointer-events: none
}

.questRewardTileDetailsLearnMore__28141 {
    align-items: center;
    background: rgba(0,0,0,.5);
    border-radius: inherit;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: opacity .125s;
    z-index: 0
}

    .questRewardTileDetailsLearnMore__28141 p {
        flex: 0 0 auto;
        margin: 0;
        width: 100%
    }

.questRewardTile__28141:focus .questRewardTileDetailsLearnMore__28141, .questRewardTile__28141:hover .questRewardTileDetailsLearnMore__28141 {
    opacity: 1
}

.hideLearnMore__28141 {
    cursor: default
}

@keyframes Shine__28141 {
    0% {
        transform: translate3d(-100%,0,0)
    }

    to {
        transform: translate3d(210%,0,0)
    }
}

.shine__28141 {
    border-radius: inherit;
    color: var(--opacity-white-8);
    height: 100%;
    left: 0;
    pointer-events: none;
    top: 0;
    width: 100%
}

.reduce-motion .shine__28141 {
    opacity: 0
}

.full-motion .shine__28141 {
    animation-delay: .75s;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: Shine__28141;
    animation-timing-function: ease-in-out
}

.nitroUpsellContainer_d0caf4 {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-right: auto
}

.nitroWheel_d0caf4 {
    margin-right: 6px
}

.nitroText_d0caf4 {
    flex-wrap: wrap
}

.rightSparkle_fc1723 {
    margin-left: 1px;
    margin-top: 15px
}

.leftSparkle_fc1723 {
    margin-bottom: -18px;
    margin-left: -36px;
    padding-right: 10px
}

.sparklesAndButton_fc1723 {
    display: flex;
    position: relative;
    width: 103%
}

.ctaFullWidth_fc1723 {
    width: 100%
}

.buttonSparkleStar1_fc1723 {
    bottom: 35px;
    height: 13px;
    left: -8px;
    position: absolute;
    width: 14px
}

.buttonSparkleStar2_fc1723 {
    bottom: 12px;
    height: 7px;
    left: 7px;
    position: absolute;
    width: 8px
}

.buttonSparkleStar3_fc1723 {
    bottom: 37px;
    height: 28px;
    left: 8px;
    position: absolute;
    width: 14px
}

.buttonSparkleStar4_fc1723 {
    bottom: 26px;
    height: 11px;
    position: absolute;
    right: 11px;
    width: 12px
}

.buttonSparkleStar5_fc1723 {
    bottom: 41px;
    height: 7px;
    position: absolute;
    right: 4px;
    width: 8px
}

.rimGlowVertical_fc1723 {
    bottom: 22px;
    height: 45px;
    left: -1px;
    position: absolute;
    width: 1px
}

    .rimGlowVertical_fc1723.rimGlowVerticalTier0_fc1723 {
        background: linear-gradient(180deg,var(--premium-tier-0-purple-for-gradients) 0,#fff 50.52%,var(--premium-tier-0-purple-for-gradients) 100%)
    }

    .rimGlowVertical_fc1723.rimGlowVerticalTier2_fc1723 {
        background: linear-gradient(180deg,var(--premium-tier-2-purple-for-gradients) 0,#fff 50.52%,var(--premium-tier-2-purple-for-gradients) 100%)
    }

.premiumCards_ac86f6 {
    display: flex;
    gap: 24px;
    width: 100%
}

.card_ac86f6 {
    border-radius: 16px;
    color: var(--white-500);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
    position: relative;
    width: 50%
}

    .card_ac86f6.withCardHover_ac86f6:hover {
        box-shadow: var(--legacy-elevation-high)
    }

.subscriptionPlanInfo_ac86f6 {
    display: flex;
    flex-direction: column;
    text-align: left
}

.listItems_ac86f6, .listItemsBasic_ac86f6 {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.tierCardFocused_ac86f6 {
    top: 0;
    z-index: 2
}

.tierCardHidden_ac86f6 {
    box-shadow: var(--shadow-low);
    opacity: 60%;
    transform: scale(93%) translateY(9%);
    z-index: 1
}

.wumpusImageContainer_ac86f6 {
    border-top-right-radius: 16px;
    filter: saturate(var(--saturation-factor,1));
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 40%
}

.wumpusImage_ac86f6 {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.tier0_ac86f6.withTier0Rim_ac86f6:before {
    border-radius: var(--radius-lg);
    bottom: 0;
    content: "";
    left: 0;
    margin: -1px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.tier0_ac86f6 {
    background-image: var(--custom-premium-colors-premium-gradient-tier-0)
}

.tier2_ac86f6 {
    background-image: var(--custom-premium-colors-premium-gradient-tier-2)
}

.tier0ApplicationHomeBackground_ac86f6 {
    background: linear-gradient(180deg,#000,#031a3b)
}

.tier2ApplicationHomeBackground_ac86f6 {
    background: linear-gradient(180deg,#000,#36266d)
}

.theme-light .tier0ApplicationHomeBackground_ac86f6 {
    background: linear-gradient(180deg,#f7f7fe 22.95%,#b6ddfc 153.33%)
}

.theme-light .tier2ApplicationHomeBackground_ac86f6 {
    background: linear-gradient(180deg,#f7f7fe,#b6b9fc 153.33%)
}

.tier2_ac86f6.withTier2Rim_ac86f6:before {
    border-radius: var(--radius-lg);
    bottom: 0;
    content: "";
    left: 0;
    margin: -1px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.applicationHomeTextLightMode_ac86f6 {
    pointer-events: inherit
}

.tier0Title_ac86f6 {
    height: 40px;
    width: 106px
}

.tier0ApplicationHomeTitle_ac86f6 {
    color: var(--white);
    height: 16px;
    width: 132px
}

.tierCardHeaderDisplay_ac86f6 {
    display: flex;
    flex-direction: column
}

.tier2Title_ac86f6 {
    display: block;
    height: 24px;
    width: 96px
}

.tier2ApplicationHomeTitle_ac86f6 {
    color: var(--white);
    height: 16px;
    width: 64px
}

.item_ac86f6, .title_ac86f6 {
    margin-bottom: 8px
}

.item_ac86f6 {
    align-items: center;
    display: flex;
    flex-direction: row
}

    .item_ac86f6:last-child {
        margin-bottom: 0
    }

.tier2ApplicationHomeSubheader_ac86f6 {
    color: var(--white);
    margin-bottom: 6px
}

.itemApplicationHome_ac86f6 {
    color: var(--white)
}

.applicationHomeTierCardSectionHeader_ac86f6 {
    display: flex;
    font-style: italic;
    justify-content: center;
    margin-bottom: 56px;
    text-transform: uppercase
}

.theme-light .applicationHomeTextLightMode_ac86f6 {
    color: var(--black)
}

.applicationHomeStarBackground_ac86f6 {
    height: 100%;
    overflow: hidden;
    position: absolute;
    right: 50px;
    top: 20px;
    width: 50%
}

.itemWithWumpus_ac86f6 {
}

    .itemWithWumpus_ac86f6:first-of-type {
        max-width: 100%
    }

.icon_ac86f6 {
    height: 24px;
    margin-right: 8px;
    width: 24px
}

.smallIcon_ac86f6 {
    height: 18px;
    margin-right: 10px;
    width: 18px
}

.newCircleIcon_ac86f6 {
    filter: saturate(var(--saturation-factor,1));
    left: 250px;
    position: absolute;
    top: -24px
}

.trialOfferPill_ac86f6 {
    margin-bottom: 18px
}

.listItemsBasic_ac86f6 {
    min-height: 92%
}

.freeTrialPillInlineBlock_ac86f6 {
    background: var(--white-500);
    border-radius: var(--radius-md);
    color: var(--black-500);
    display: inline-block;
    font-weight: 800;
    line-height: 12px;
    mix-blend-mode: screen;
    padding: 4px 8px;
    text-transform: uppercase
}

.freeTrialPillInline_ac86f6 {
    margin-top: 4px
}

.freeTrialActivatedPillInline_ac86f6, .freeTrialPillInline_ac86f6 {
    margin-bottom: 8px;
    max-width: 60%
}

.freeTrialActivatedPillInline_ac86f6 {
    margin-top: 8px
}

.taglineXPPrice_ac86f6 {
    margin: 20px 0 10px
}

.taglineXPPrices_ac86f6:first-of-type {
    margin: 16px 0 8px
}

.taglineXPPrices_ac86f6:last-of-type {
    margin: 8px 0 16px
}

.card_ac86f6 .price_ac86f6 {
    margin: 0 0 8px
}

.price_ac86f6:last-of-type {
    margin: 0 0 18px
}

.theme-dark .newCircleIcon_ac86f6 {
    color: var(--white-500)
}

.theme-light .newCircleIcon_ac86f6 {
    color: var(--premium-perk-yellow)
}

.newTagItem_ac86f6 {
    background: #fff;
    border-radius: 8px;
    color: var(--premium-tier-2-purple-for-gradients);
    margin-left: 8px
}

.mostPopularText_ac86f6 {
    color: var(--white-500);
    text-align: center;
    text-transform: uppercase
}

.mostPopularPill_ac86f6 {
    background: linear-gradient(95.07deg,var(--premium-tier-2-purple-for-gradients) 0,var(--premium-tier-2-purple-for-gradients-2) 49.96%,var(--premium-tier-2-pink-for-gradients) 95.93%);
    border-radius: 8px;
    left: 16px;
    margin: auto;
    padding: 4px 8px;
    position: absolute;
    top: -12px;
    z-index: 10
}

.freeTrialPillWithSparkles_ac86f6 {
    align-items: center;
    display: flex
}

.sparkleStar1_ac86f6 {
    height: 12px;
    width: 14px
}

.sparkleStar2_ac86f6 {
    height: 7px;
    margin-bottom: 15px;
    margin-left: -3px;
    width: 8px
}

.sparkleStar3_ac86f6 {
    height: 28px;
    margin-left: 2px;
    margin-right: 10px;
    width: 14px
}

.freeTrialPill_ac86f6 {
    align-items: center;
    background: var(--white-500);
    border-radius: var(--radius-md);
    display: flex;
    flex-direction: row;
    height: 20px;
    justify-content: center
}

    .freeTrialPill_ac86f6.freeTrialPillTier0GradientFill_ac86f6 {
        background: var(--custom-premium-colors-premium-gradient-tier-0)
    }

    .freeTrialPill_ac86f6.freeTrialPillTier2GradientFill_ac86f6 {
        background: var(--custom-premium-colors-premium-gradient-tier-2)
    }

    .freeTrialPill_ac86f6.greyBackgroundPill_ac86f6 {
        background: var(--primary-500)
    }

    .freeTrialPill_ac86f6.freeTrialPillTier2OldGradientFill_ac86f6 {
        background: var(--custom-premium-colors-premium-gradient-tier-2-old)
    }

    .freeTrialPill_ac86f6.lightBackgroundPill_ac86f6 {
        background: linear-gradient(101deg,var(--premium-tier-2-purple-for-gradients) 25.21%,var(--premium-tier-2-purple-for-gradients-2) 62.43%,var(--premium-tier-2-pink-for-gradients) 95.57%);
        border: 1px solid #b473f5
    }

    .freeTrialPill_ac86f6.freeTrialPillGap_ac86f6 {
        gap: 10px
    }

.freeTrialPillText_ac86f6 {
    cursor: default;
    display: inline-block;
    font-weight: 800;
    line-height: 12px;
    padding: 4px 8px;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap
}

    .freeTrialPillText_ac86f6.freeTrialPillTextTier0_ac86f6 {
        color: var(--premium-tier-0-purple-for-gradients)
    }

    .freeTrialPillText_ac86f6.freeTrialPillTextTier2_ac86f6 {
        color: var(--premium-tier-2-purple-for-gradients)
    }

    .freeTrialPillText_ac86f6.freeTrialPillTextInverted_ac86f6 {
        color: var(--white-500)
    }

.sparkleStar4_ac86f6 {
    height: 11px;
    margin-left: 10px;
    width: 13px
}

.sparkleStar5_ac86f6 {
    height: 7px;
    margin-left: 6px;
    margin-top: 1px;
    width: 8px
}

.topRimPill_ac86f6 {
    position: absolute;
    right: 4px;
    top: -15px;
    z-index: 2
}

.rimGlowTier0_ac86f6 {
    background: linear-gradient(-90deg,var(--premium-tier-0-purple-for-gradients) 0,#fff 4.98%,#fff 50.52%,var(--premium-tier-0-blue-for-gradients) 100%);
    right: 5%;
    top: -1px;
    width: 88%
}

.rimGlowTier0_ac86f6, .rimGlowTier2_ac86f6 {
    height: 1px;
    position: absolute;
    z-index: 1
}

.rimGlowTier2_ac86f6 {
    background: linear-gradient(-90deg,var(--premium-tier-2-purple-for-gradients) 0,#fff 4.98%,#fff 50.52%,var(--premium-tier-2-pink-for-gradients) 100%);
    right: 5%;
    top: -1px;
    width: 88%
}

.trialHeader_ac86f6 {
    margin-bottom: 18px;
    max-width: 60%
}

.withPromotionalGradientBanner_ac86f6 {
    background: linear-gradient(100.98deg,#8547c6,#b845c1,#ab5d8a);
    border-bottom-left-radius: 17px;
    border-bottom-right-radius: 17px;
    box-sizing: border-box;
    overflow: hidden
}

    .withPromotionalGradientBanner_ac86f6.withPromotionalCardImage_ac86f6 {
        background: linear-gradient(100.98deg,rgba(133,71,198,.82),rgba(184,69,193,.82),rgba(171,93,138,.82))
    }

.promotionalCardImage_ac86f6 {
    z-index: -1
}

.promotionalBackgroundImage_ac86f6, .promotionalCardImage_ac86f6 {
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(50%);
    transform-origin: top right
}

.tier2SideGradient_ac86f6 {
    background: radial-gradient(80% 70% at 100% 50%,#2d01dc 0,transparent 100%),radial-gradient(80% 70% at 100% 50%,#b182ff 0,transparent 100%);
    height: 1000px;
    opacity: .4;
    pointer-events: none;
    position: absolute;
    width: 100vw
}

.heading_e62f9d {
    margin-bottom: 8px
}

.context_e62f9d {
    margin-bottom: 16px
}

.gradientUpsellWrapper_e62f9d {
    align-items: center;
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--white-500);
    display: flex;
    flex-direction: column;
    margin-top: 16px;
    padding: 16px;
    width: 100%
}

    .gradientUpsellWrapper_e62f9d a, .gradientUpsellWrapper_e62f9d a:hover {
        color: var(--white-500);
        text-decoration: underline
    }

.gradientUpsellWrapperTier0_e62f9d {
    background-image: linear-gradient(90deg,var(--premium-tier-0-purple-for-gradients) 0,var(--premium-tier-0-blue-for-gradients-2) 50%,var(--premium-tier-0-blue-for-gradients) 100%)
}

.gradientUpsellWrapperTier2_e62f9d {
    background-image: linear-gradient(90deg,var(--premium-tier-2-purple-for-gradients) 0,var(--premium-tier-2-pink-for-gradients) 100%)
}

.gradientUpsellWrapperWithBottomMargin_e62f9d {
    margin-bottom: 24px
}

.logo_e62f9d {
    align-items: center;
    color: var(--white-500);
    display: flex;
    margin-bottom: 4px
}

.logoIcon_e62f9d {
    flex: 0 0 auto;
    height: 24px;
    margin-right: 2px;
    width: 24px
}

.logoWordmark_e62f9d {
    flex: 0 0 auto;
    height: 16px;
    width: auto
}

.copy_e62f9d span {
    cursor: pointer;
    text-decoration: underline
}

.copy_e62f9d, .copy_e62f9d span {
    color: var(--white-500)
}

.copy_e62f9d {
    margin-bottom: 12px;
    text-align: center
}

.trialBadge_e62f9d {
    background-color: var(--white-500);
    border-radius: 30px;
    padding: 2px 8px;
    text-transform: uppercase
}

.trialBadgeInner_e62f9d {
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.gradientUpsellWrapperTier0_e62f9d .trialBadgeInner_e62f9d {
    background-image: linear-gradient(90deg,var(--premium-tier-0-purple-for-gradients) 0,var(--premium-tier-0-blue-for-gradients-2) 50%,var(--premium-tier-0-blue-for-gradients) 100%)
}

.gradientUpsellWrapperTier2_e62f9d .trialBadgeInner_e62f9d {
    background-image: linear-gradient(90deg,var(--premium-tier-2-purple-for-gradients) 0,var(--premium-tier-2-pink-for-gradients) 100%)
}

.trialBadgeGradientTier0_e62f9d {
    background-image: linear-gradient(90deg,var(--premium-tier-0-purple-for-gradients) 0,var(--premium-tier-0-blue-for-gradients-2) 50%,var(--premium-tier-0-blue-for-gradients) 100%);
    color: var(--white-500)
}

.trialBadgeGradientTier2_e62f9d {
    background-image: linear-gradient(90deg,var(--premium-tier-2-purple-for-gradients) 0,var(--premium-tier-2-pink-for-gradients) 100%);
    color: var(--white-500)
}

.contentContainer_e62f9d {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    padding-left: 24px;
    padding-right: 24px
}

.countdownText_e62f9d {
    color: #fff;
    padding-top: 8px
}

.footer_e62f9d {
    background-color: var(--background-tertiary);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 12px;
    padding-bottom: 16px;
    padding-top: 16px;
    width: 100%
}

.theme-dark .cancelButton_e62f9d {
    color: #fff
}

.cancelButton_e62f9d {
    margin-left: 24px
}

.subscribeButton_e62f9d {
    margin-right: 24px
}

.upsellButton_e62f9d {
    margin-top: 16px;
    width: 100%
}

.divider_e62f9d {
    background-color: var(--background-modifier-accent);
    height: 1px;
    width: 100%
}

@keyframes zoomInFromBottomRight_e62f9d {
    0% {
        opacity: 0;
        transform: translateX(80%) translateY(80%) scaleX(20%) scaleY(20%)
    }

    to {
        opacity: 100%;
        transform: translateX(0) translateY(0) scaleX(100%) scaleY(100%)
    }
}

.messageLengthUpsellContainer_e62f9d {
    align-items: center;
    background-color: var(--background-floating);
    border-radius: var(--radius-sm);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 12px
}

.full-motion .messageLengthUpsellContainer_e62f9d.messageLengthUpsellAppearAnimation_e62f9d {
    animation-delay: 0s;
    animation-duration: .4s;
    animation-iteration-count: 1;
    animation-name: zoomInFromBottomRight_e62f9d;
    animation-timing-function: ease-in
}

.messageLengthBrandedContainer_e62f9d {
    margin-bottom: 16px;
    max-width: 290px
}

.messageLengthUpsellHeader_e62f9d {
    margin-bottom: 16px;
    margin-top: 4px
}

.tryOutUpsellContainer_e62f9d {
    align-items: center;
    display: flex;
    flex-direction: column
}

.topRimPill_e62f9d {
    margin-top: -15px;
    padding-bottom: 16px
}

.subscribeButtonWide_e62f9d {
    height: 40px;
    margin-top: 16px;
    width: 100%
}

.countdownTextInSetting_e62f9d {
    color: var(--premium-tier-2-pink);
    padding-top: 8px
}

.theme-light .countdownTextInSetting_e62f9d {
    color: var(--premium-tier-2-purple-for-gradients)
}

.premiumTrialUpsellForModal_e62f9d {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%
}

.upsellClose_e62f9d {
    color: var(--interactive-normal);
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px
}

.upsellImage_e62f9d {
    height: 60px;
    margin-bottom: 16px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.container__61733 {
    align-items: center;
    background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.1) 50%,hsla(0,0%,100%,0));
    display: flex;
    height: 50px;
    justify-content: center
}

.v2Container__61733 {
    background: none;
    justify-content: left
}

.iconContainer__61733 {
    display: flex
}

.icon__61733 + .icon__61733 {
    margin-left: -8px
}

.mask__61733 {
    -webkit-mask-image: url(/assets/1f9b76e0279b91a4.svg);
    mask-image: url(/assets/1f9b76e0279b91a4.svg);
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.textContainer__61733 {
    margin-left: 9px;
    text-align: left
}

.container__790b6 {
    align-items: center;
    background: var(--background-tertiary);
    border: 1px solid var(--interactive-muted);
    border-radius: 8px;
    height: 44px;
    justify-content: center;
    margin: 24px auto 16px;
    max-width: 80%;
    min-width: 40%;
    padding: 0 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.container__790b6, .iconContainer__790b6 {
    display: flex
}

.icon__790b6 + .icon__790b6 {
    margin-left: -8px
}

.textContainer__790b6 {
    margin-left: 8px;
    text-align: left
}

.root__3ec70 {
    text-align: center
}

    .root__3ec70 p {
        margin: 0 0 16px
    }

.contentContainer__3ec70 {
    display: flex;
    flex-direction: row
}

.bodyContent__3ec70 {
    align-content: center
}

.header__3ec70 {
    margin-bottom: 24px
}

.enhancedHeader__3ec70, .subHeader__3ec70 {
    padding: 0 32px
}

.content__3ec70, .enhancedContent__3ec70 {
    margin-bottom: 32px
}

.enhancedContent__3ec70 {
    padding: 0
}

.footer__3ec70 {
    align-items: center;
    justify-content: space-between
}

.enhancedFooter__3ec70 {
    background: var(--background-tertiary)
}

.primaryActions__3ec70 {
    align-items: center;
    display: flex
}

.enhancedPrimaryActions__3ec70 {
    justify-content: space-between;
    width: 100%
}

.secondaryAction__3ec70 {
    margin-right: 8px
}

.enhancedSecondaryAction__3ec70 {
    color: var(--premium-nitro-pink-text)
}

    .enhancedSecondaryAction__3ec70:hover {
        text-decoration: underline
    }

.closeButton__3ec70 {
    align-self: flex-end;
    color: var(--interactive-active);
    margin: 12px;
    position: absolute
}

.artContainer__3ec70 {
    border-radius: 8px;
    margin: -48px auto 24px;
    position: relative;
    width: 225px
}

.artContainerBoxShadow__3ec70 {
    box-shadow: var(--elevation-medium)
}

.art__3ec70 {
    width: 225px
}

.sparkleBadge__3ec70 {
    display: block;
    filter: drop-shadow(0 1px 3px var(--opacity-black-28));
    height: 34px;
    left: 0;
    margin-left: -12px;
    margin-top: -18px;
    position: absolute;
    top: 0;
    width: 47px
}

.newBadge__3ec70 {
    display: inline-block;
    margin-top: -2px;
    vertical-align: middle
}

.learnMoreLink__3ec70 {
    color: var(--text-link);
    cursor: pointer
}

.context__3ec70 {
    margin-bottom: 16px
}

.betaTag__3ec70 {
    display: inline-block;
    margin-left: .5em;
    vertical-align: baseline
}

.artContainer__8162d {
    align-items: flex-end;
    display: flex;
    height: 108px;
    justify-content: center;
    margin: -54px auto 32px;
    width: 180px
}

.art__8162d {
    height: 100%;
    width: 100%
}

.body__8162d {
    display: flex;
    flex-direction: column;
    gap: 16px;
    white-space: pre-line
}

@keyframes uploadIconAnimateInLeft_dbca3c {
    0% {
        opacity: .6;
        transform: translateZ(0) rotate(0deg)
    }

    4.1667% {
        opacity: .68;
        transform: translate3d(0,-1px,0) rotate(0deg)
    }

    30.8334% {
        opacity: 1;
        transform: translate3d(-48px,-10px,0) rotate(-36deg)
    }

    58.3334% {
        opacity: 1;
        transform: translate3d(-41px,-3px,0) rotate(-28deg)
    }

    75% {
        opacity: 1;
        transform: translate3d(-45px,-8px,0) rotate(-32deg)
    }

    83.3334% {
        opacity: 1;
        transform: translate3d(-44px,-7px,0) rotate(-30.7deg)
    }

    to {
        opacity: 1;
        transform: translate3d(-44px,-6px,0) rotate(-30deg)
    }
}

@keyframes uploadIconAnimateInMiddle_dbca3c {
    0% {
        transform: translateZ(0)
    }

    30.8334% {
        transform: translate3d(0,-10px,0)
    }

    58.3334% {
        transform: translate3d(0,-3px,0)
    }

    75% {
        transform: translate3d(0,-8px,0)
    }

    83.3334% {
        transform: translate3d(0,-7px,0)
    }

    to {
        transform: translate3d(0,-6px,0)
    }
}

@keyframes uploadIconAnimateInRight_dbca3c {
    0% {
        opacity: .6;
        transform: translateZ(0) rotate(0deg)
    }

    4.1667% {
        opacity: .68;
        transform: translate3d(0,-1px,0) rotate(0deg)
    }

    30.8334% {
        opacity: 1;
        transform: translate3d(48px,-10px,0) rotate(36deg)
    }

    58.3334% {
        opacity: 1;
        transform: translate3d(41px,-3px,0) rotate(28deg)
    }

    75% {
        opacity: 1;
        transform: translate3d(45px,-8px,0) rotate(32deg)
    }

    83.3334% {
        opacity: 1;
        transform: translate3d(44px,-7px,0) rotate(30.7deg)
    }

    to {
        opacity: 1;
        transform: translate3d(44px,-6px,0) rotate(30deg)
    }
}

@keyframes uploadModalShake_dbca3c {
    10%,90% {
        transform: translate3d(-1px,0,0)
    }

    20%,80% {
        transform: translate3d(2px,0,0)
    }

    30%,50%,70% {
        transform: translate3d(-4px,0,0)
    }

    40%,60% {
        transform: translate3d(4px,0,0)
    }
}

@keyframes uploadTextFadeIn_dbca3c {
    0%,8.334% {
        opacity: 0;
        transform: translate3d(0,-4px,0)
    }

    45.8%,to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes uploadModalBounceTransition_dbca3c {
    0% {
        transform: translateZ(0) scale(.99)
    }

    50% {
        transform: translateZ(0) scale(1.005)
    }

    to {
        transform: translateZ(0) scale(1)
    }
}

@keyframes uploadModalBounce_dbca3c {
    0% {
        transform: translateZ(0) scale(.99)
    }

    15%,to {
        bottom: -10px;
        left: -10px;
        right: -10px;
        top: -10px
    }

    33.3334% {
        transform: translateZ(0) scale(1.005)
    }

    54.1667% {
        transform: translateZ(0) scale(.995)
    }

    70.8334%,to {
        transform: translateZ(0) scale(1)
    }
}

.uploadArea_dbca3c {
    align-items: center;
    background: var(--opacity-black-80);
    color: var(--white-500);
    display: flex;
    font-size: 36px;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 2000
}

    .uploadArea_dbca3c strong {
        font-weight: 700
    }

    .uploadArea_dbca3c * {
        pointer-events: none
    }

    .uploadArea_dbca3c.droppable_dbca3c {
        visibility: visible
    }

    .uploadArea_dbca3c.uploadModalIn_dbca3c {
        opacity: 1
    }

.uploadDropModal_dbca3c {
    animation: uploadIconAnimateIn_dbca3c .25s ease-in-out 0s normal forwards;
    display: flex;
    height: 170px;
    position: relative;
    width: 310px
}

    .uploadDropModal_dbca3c .instructions_dbca3c, .uploadDropModal_dbca3c .title_dbca3c {
        animation: uploadTextFadeIn_dbca3c 1s ease .175s normal forwards;
        opacity: 0
    }

    .uploadDropModal_dbca3c .instructions_dbca3c {
        animation-delay: .185s;
        animation-duration: 1.25s
    }

    .uploadDropModal_dbca3c.error_dbca3c {
        background-color: var(--red-430);
        border-radius: 4px;
        box-sizing: border-box;
        height: auto;
        padding: 10px;
        transform: translateZ(0)
    }

.full-motion .uploadDropModal_dbca3c.error_dbca3c {
    animation: uploadModalShake_dbca3c .82s cubic-bezier(.36,.07,.19,.97) both
}

.uploadDropModal_dbca3c.error_dbca3c .instructions_dbca3c {
    margin-bottom: 15px
}

.uploadDropModal_dbca3c.error_dbca3c a {
    color: var(--opacity-white-68);
    cursor: pointer
}

    .uploadDropModal_dbca3c.error_dbca3c a:hover {
        color: var(--white-500)
    }

.uploadDropModal_dbca3c.error_dbca3c .icon_dbca3c.one_dbca3c {
    animation-delay: .115s
}

.uploadDropModal_dbca3c.error_dbca3c .icon_dbca3c.two_dbca3c {
    animation-delay: .01s
}

.uploadDropModal_dbca3c.error_dbca3c .icon_dbca3c.three_dbca3c {
    animation-delay: .08s
}

.uploadDropModal_dbca3c .bgScale_dbca3c {
    background: var(--brand-500);
    border-radius: 10px;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.full-motion .uploadDropModal_dbca3c .bgScale_dbca3c {
    animation: uploadModalBounce_dbca3c .8s ease 0s normal forwards
}

.uploadDropModal_dbca3c .inner_dbca3c {
    align-items: center;
    border: 2px dashed var(--opacity-white-40);
    border-radius: 6px;
    color: var(--white-500);
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

    .uploadDropModal_dbca3c .inner_dbca3c .title_dbca3c {
        box-sizing: border-box;
        color: var(--white-500);
        font-size: 22px;
        font-weight: 700;
        padding: 0 8px;
        text-align: center;
        width: 100%
    }

        .uploadDropModal_dbca3c .inner_dbca3c .title_dbca3c strong {
            color: var(--white-500)
        }

    .uploadDropModal_dbca3c .inner_dbca3c .instructions_dbca3c {
        color: var(--white-500);
        font-size: 12px;
        line-height: 16px;
        margin-left: 4px;
        margin-top: 4px;
        text-align: center
    }

.visual-refresh .uploadDropModal_dbca3c.error_dbca3c {
    border-radius: var(--radius-md)
}

.icons_dbca3c {
    height: 60px;
    position: relative;
    width: 100px
}

.icon_dbca3c {
    background-position: 50%;
    background-repeat: no-repeat;
    flex-shrink: 0;
    height: 130px;
    transform: translateZ(0);
    width: 100px
}

    .icon_dbca3c.one_dbca3c, .icon_dbca3c.three_dbca3c, .icon_dbca3c.two_dbca3c {
        position: absolute
    }

.full-motion .icon_dbca3c.one_dbca3c {
    animation: uploadIconAnimateInLeft_dbca3c .8s ease 0s normal forwards;
    opacity: 0
}

.full-motion .icon_dbca3c.two_dbca3c {
    animation: uploadIconAnimateInMiddle_dbca3c .8s ease 0s normal forwards;
    filter: drop-shadow(0 0 48px rgba(88,101,242,.5))
}

.full-motion .icon_dbca3c.three_dbca3c {
    animation: uploadIconAnimateInRight_dbca3c .8s ease 0s normal forwards;
    opacity: 0
}

.reduce-motion .icon_dbca3c.one_dbca3c {
    transform: translate3d(-44px,-6px,0) rotate(-30deg)
}

.reduce-motion .icon_dbca3c.two_dbca3c {
    transform: translate3d(0,-6px,0)
}

.reduce-motion .icon_dbca3c.three_dbca3c {
    transform: translate3d(44px,-6px,0) rotate(30deg)
}

.wrapOne_dbca3c {
    transform: translate3d(0,-70px,0)
}

.wrapTwo_dbca3c {
    transform: translate3d(0,-80px,0)
}

.wrapThree_dbca3c {
    transform: translate3d(0,-70px,0)
}

.document_dbca3c {
    background-image: url(/assets/9ebe3ef63aafee84.svg)
}

.image_dbca3c {
    background-image: url(/assets/5dea307a4037ec4e.svg)
}

.code_dbca3c {
    background-image: url(/assets/f4bad77442422ded.svg)
}

.crossOne_dbca3c, .crossTwo_dbca3c, .lightOne_dbca3c, .lightTwo_dbca3c, .popOne_dbca3c, .sparkleOne_dbca3c, .sparkleTwo_dbca3c {
    animation-iteration-count: 1 !important;
    opacity: .95;
    z-index: 1
}

.sparkleOne_dbca3c {
    bottom: -40px;
    right: -15px
}

.sparkleTwo_dbca3c {
    animation-delay: 1.2s;
    right: 12px;
    top: -67px
}

.lightOne_dbca3c {
    animation-delay: .4s;
    right: -35px;
    top: 24px
}

.lightTwo_dbca3c {
    animation-delay: .61s;
    left: -10px;
    top: -32px
}

.crossOne_dbca3c {
    animation-delay: .56s;
    bottom: -35px;
    right: 100px
}

.crossTwo_dbca3c {
    animation-delay: .8s;
    bottom: 50px;
    left: -70px
}

.popOne_dbca3c {
    animation-delay: .7s;
    bottom: -40px;
    left: 50px
}

.uploadModal_dbca3c {
    border-radius: 10px;
    display: flex;
    filter: blur(0);
    flex-direction: column;
    min-height: 258px;
    perspective: 1000;
    width: 530px
}

    .uploadModal_dbca3c .inner_dbca3c {
        color: var(--header-primary);
        flex: 1;
        margin: 4px
    }

        .uploadModal_dbca3c .inner_dbca3c .file_dbca3c {
            display: flex;
            flex-direction: row;
            height: 103px;
            position: relative
        }

            .uploadModal_dbca3c .inner_dbca3c .file_dbca3c.expandable_dbca3c {
                display: block;
                height: unset
            }

                .uploadModal_dbca3c .inner_dbca3c .file_dbca3c.expandable_dbca3c .description_dbca3c {
                    padding: 16px 16px 24px
                }

            .uploadModal_dbca3c .inner_dbca3c .file_dbca3c .icon_dbca3c {
                background-position: 50%;
                background-repeat: no-repeat;
                flex-shrink: 0;
                height: 130px;
                margin-top: -42px;
                width: 100px
            }

                .uploadModal_dbca3c .inner_dbca3c .file_dbca3c .icon_dbca3c.image_dbca3c {
                    background-color: var(--background-secondary);
                    border-radius: 8px;
                    box-shadow: 0 2px 8px var(--opacity-black-40);
                    box-sizing: border-box;
                    object-fit: contain
                }

                .uploadModal_dbca3c .inner_dbca3c .file_dbca3c .icon_dbca3c.video_dbca3c {
                    background-image: url(/assets/98178bd2173d947a.svg)
                }

                .uploadModal_dbca3c .inner_dbca3c .file_dbca3c .icon_dbca3c.acrobat_dbca3c {
                    background-image: url(/assets/a42338c030af6d9c.svg)
                }

                .uploadModal_dbca3c .inner_dbca3c .file_dbca3c .icon_dbca3c.ae_dbca3c {
                    background-image: url(/assets/88b289225ff6142a.svg)
                }

                .uploadModal_dbca3c .inner_dbca3c .file_dbca3c .icon_dbca3c.sketch_dbca3c {
                    background-image: url(/assets/c9f0992f0ab98d49.svg)
                }

                .uploadModal_dbca3c .inner_dbca3c .file_dbca3c .icon_dbca3c.ai_dbca3c {
                    background-image: url(/assets/93636da24d7ab467.svg)
                }

                .uploadModal_dbca3c .inner_dbca3c .file_dbca3c .icon_dbca3c.archive_dbca3c {
                    background-image: url(/assets/f89b66e97ea52ba7.svg)
                }

                .uploadModal_dbca3c .inner_dbca3c .file_dbca3c .icon_dbca3c.code_dbca3c {
                    background-image: url(/assets/f4bad77442422ded.svg)
                }

                .uploadModal_dbca3c .inner_dbca3c .file_dbca3c .icon_dbca3c.document_dbca3c {
                    background-image: url(/assets/9ebe3ef63aafee84.svg)
                }

                .uploadModal_dbca3c .inner_dbca3c .file_dbca3c .icon_dbca3c.photoshop_dbca3c, .uploadModal_dbca3c .inner_dbca3c .file_dbca3c .icon_dbca3c.ps_dbca3c {
                    background-image: url(/assets/1084490cf680dd7c.svg)
                }

                .uploadModal_dbca3c .inner_dbca3c .file_dbca3c .icon_dbca3c.spreadsheet_dbca3c {
                    background-image: url(/assets/b8ca4488a6d443bc.svg)
                }

                .uploadModal_dbca3c .inner_dbca3c .file_dbca3c .icon_dbca3c.webcode_dbca3c {
                    background-image: url(/assets/6e688b0c124e0ca8.svg)
                }

                .uploadModal_dbca3c .inner_dbca3c .file_dbca3c .icon_dbca3c.audio_dbca3c {
                    background-image: url(/assets/a6db1d05d35f13d0.svg);
                    margin: -42px 8px 8px
                }

                .uploadModal_dbca3c .inner_dbca3c .file_dbca3c .icon_dbca3c.unknown_dbca3c {
                    background-image: url(/assets/94660b205108a49f.svg)
                }

            .uploadModal_dbca3c .inner_dbca3c .file_dbca3c .description_dbca3c {
                box-sizing: border-box;
                overflow: hidden;
                padding: 16px 16px 0 0;
                text-overflow: ellipsis;
                white-space: nowrap
            }

                .uploadModal_dbca3c .inner_dbca3c .file_dbca3c .description_dbca3c .filename_dbca3c {
                    font-size: 20px;
                    font-weight: 700;
                    height: 22px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap
                }

                .uploadModal_dbca3c .inner_dbca3c .file_dbca3c .description_dbca3c .subtitle_dbca3c {
                    color: var(--header-secondary);
                    font-size: 16px;
                    line-height: 20px;
                    margin-top: 4px
                }

                .uploadModal_dbca3c .inner_dbca3c .file_dbca3c .description_dbca3c .filesize_dbca3c {
                    font-size: 10px;
                    margin-top: 6px;
                    opacity: .6
                }

        .uploadModal_dbca3c .inner_dbca3c .comment_dbca3c {
            margin: 0 18px
        }

            .uploadModal_dbca3c .inner_dbca3c .comment_dbca3c .label_dbca3c {
                font-size: 12px;
                font-weight: 500;
                text-transform: uppercase
            }

                .uploadModal_dbca3c .inner_dbca3c .comment_dbca3c .label_dbca3c .optional_dbca3c {
                    color: var(--header-secondary);
                    margin-left: 5px
                }

        .uploadModal_dbca3c .inner_dbca3c .channelTextAreaUpload_dbca3c {
            margin-bottom: 18px
        }

    .uploadModal_dbca3c .hasSpoilers_dbca3c {
        display: flex
    }

    .uploadModal_dbca3c .footerRightAlign_dbca3c {
        margin-left: auto
    }

    .uploadModal_dbca3c .footer_dbca3c {
        background-color: var(--background-secondary);
        border-radius: 0 0 5px 5px;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        overflow-x: hidden;
        padding: 20px;
        z-index: 1
    }

        .uploadModal_dbca3c .footer_dbca3c.hasSpoilers_dbca3c {
            align-items: center;
            justify-content: space-between
        }

.visual-refresh .footer_dbca3c {
    background-color: unset
}

.cancelAllButton_dbca3c {
    margin: 0 auto 0 0
}

.destination_dbca3c {
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis
}

    .destination_dbca3c strong {
        color: var(--header-primary);
        font-weight: 500
    }

.modalPreview__51743 {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 280px
}

.smallDecorationPreview__51743 {
    margin-top: 16px
}

    .smallDecorationPreview__51743:first-child {
        margin-top: 0
    }

.previewSections__51743 {
    border: 2px solid transparent;
    display: flex;
    height: 208px
}

.decorationPreview__51743 {
    justify-content: center;
    position: relative;
    width: 208px
}

.decorationPreview__51743, .smallDecorationPreviewsContainer__51743 {
    align-items: center;
    background-color: var(--background-tertiary);
    border-radius: 4px;
    display: flex
}

.smallDecorationPreviewsContainer__51743 {
    flex-direction: column;
    margin-left: 12px;
    padding: 8px
}

.shopPreviewContainer__51743 {
    background: linear-gradient(var(--background-secondary),var(--background-secondary)) padding-box,var(--custom-premium-colors-premium-gradient-tier-2-diagonal) border-box;
    border: 2px solid transparent;
    border-radius: var(--radius-sm);
    display: flex;
    flex-direction: column;
    position: relative
}

.shopPreviewBanner__51743 {
    background-color: var(--background-floating);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    min-height: 176px
}

.shopPreviewBanner__51743, .shopPreviewTextContainer__51743 {
    align-items: center;
    display: flex;
    justify-content: center
}

.shopPreviewTextContainer__51743 {
    flex-direction: column;
    gap: 8px;
    padding: 0 16px 16px;
    text-align: center
}

.purchaseInfo__51743 {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.icon_dfa67d {
    height: 24px;
    margin-bottom: 4px;
    width: 24px
}

.shopIcon_dfa67d {
}

.presetDecorationImg_dfa67d {
    height: 64px;
    width: 64px
}

.decorationGridItem_dfa67d {
    align-items: center;
    background-color: var(--background-tertiary);
    border-radius: 4px;
    color: var(--header-primary);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    transition: box-shadow .15s ease-out
}

.decorationGridItemChurned_dfa67d {
    opacity: .3
}

.selected_dfa67d {
    box-shadow: inset 0 0 0 2px var(--brand-500);
    opacity: 1
}

.list_dfa67d {
    left: -12px;
    max-height: 420px;
    padding-bottom: 16px
}

.headings_dfa67d {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.tooltip_dfa67d {
    min-width: 250px
}

.tooltipInner_dfa67d {
    text-align: center
}

.tooltipText_dfa67d {
    padding: 8px 32px
}

.iconBadge_dfa67d {
    border-radius: 50%;
    height: 20px;
    padding: 2px;
    top: -6px;
    width: 20px
}

.iconBadge_dfa67d, .newBadge_dfa67d {
    position: absolute;
    right: -4px
}

.newBadge_dfa67d {
    text-transform: uppercase;
    top: -4px
}

.newBadgeText_dfa67d {
    align-items: center;
    display: flex;
    gap: var(--space-4);
    justify-content: center
}

.spinner_ced2f2 {
    align-self: center;
    margin: 8px
}

.modal_ced2f2 {
    border-radius: var(--radius-sm)
}

.modalHeader_ced2f2 {
    display: flex;
    justify-content: space-between;
    overflow: hidden
}

.modalCloseButton_ced2f2 {
    margin-right: -8px;
    padding: 0
}

.modalContent_ced2f2 {
    display: flex
}

.modalPreview_ced2f2 {
    margin-top: 24px
}

.modalFooterShopButton_ced2f2 {
    background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color)
}

.visual-refresh .modalFooterShopButton_ced2f2 {
    background-clip: padding-box
}

.freeTrialText__1995d {
    text-transform: capitalize
}

.upsellContainer__88422 {
    align-items: center;
    background-color: hsl(var(--black-hsl)/.1);
    border-radius: var(--radius-xs);
    display: flex;
    justify-content: space-between;
    padding: 8px;
    width: 100%
}

.row__88422 {
    display: flex;
    flex-direction: row
}

.upsellText__88422 {
    margin: auto 0 auto 4px
}

.button__88422 {
    padding: 0 8px
}

.headerImage__802af {
    margin-bottom: 24px;
    width: 180px
}

.header__802af {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-top: 64px
}

.title__802af {
    text-align: center
}

.modalCloseButton__802af {
    position: absolute;
    right: 16px;
    top: 16px
}

.content__802af {
    margin-bottom: 50px;
    text-align: center
}

.modalFooter__802af {
    display: flex
}

.rootContainer_b0ba57 {
    overflow: hidden;
    width: 440px
}

.rootContainerLoading_b0ba57 {
    place-content: center
}

.claimedRootContainer_b0ba57 {
    display: flex;
    flex-direction: column;
    height: 100%
}

.headerContainer_b0ba57 {
    background-color: var(--modal-footer-background);
    display: grid;
    grid-area: header;
    grid-template: "layer" 1fr/1fr
}

.headerBackground_b0ba57 {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    grid-area: layer;
    max-width: 440px;
    object-fit: cover;
    width: 100%
}

.headerForeground_b0ba57 {
    display: grid;
    grid-area: layer;
    grid-template: "layer" 1fr/1fr;
    padding: 12px
}

.previewContainer_b0ba57 {
    justify-self: center;
    padding-bottom: 28px;
    padding-top: 8px
}

.close_b0ba57 {
    align-self: start;
    grid-area: layer;
    justify-self: end
}

.footerBody_b0ba57 {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 8px;
    min-height: 200px;
    padding: 16px;
    text-align: center;
    width: 100%
}

.heading_b0ba57 {
    margin-bottom: 8px
}

.text_b0ba57 {
    margin-bottom: 24px;
    max-width: 340px
}

.confettiCanvas_b0ba57 {
    height: 100%;
    position: absolute;
    width: 100%
}

.additionalRedemptionInstructions_b0ba57 {
    border-top: 1px solid hsla(0,0%,100%,.15);
    margin-top: 24px;
    padding-top: 24px
}

.sponsorLogo_b0ba57 {
    width: 144px
}

.loadingIndicatorWrapper_b0ba57 {
    padding: 24px 0
}

.upsell_b0ba57 {
    margin-top: 24px
}

.headerImage__8da80 {
    left: 140px;
    position: absolute;
    top: -68px;
    width: 180px
}

.header__8da80 {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-top: 75px
}

.title__8da80 {
    text-align: center
}

.modalCloseButton__8da80 {
    position: absolute;
    right: 16px;
    top: 16px
}

.content__8da80 {
    padding-bottom: 16px
}

.tooltip__8da80 {
    align-items: center;
    background: var(--background-tertiary);
    border: 1px solid hsla(0,0%,100%,.04);
    border-radius: 8px;
    box-shadow: var(--shadow-low);
    display: flex;
    flex-direction: row;
    padding: 12px
}

.infoFilledIcon__8da80 {
    margin-right: 8px
}

.infoFilledIcon__8da80, .tooltipText__8da80 {
    color: var(--header-secondary)
}

.tooltipText__8da80 {
    text-align: center
}

.modalFooter__8da80 {
    display: flex
}

.wrapper__4413f {
    background: var(--bg-overlay-chat,var(--background-secondary))
}

.container__4413f {
    background-color: var(--background-modifier-selected);
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 10px
}

    .container__4413f .top__4413f {
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }

    .container__4413f .left__4413f {
        display: flex;
        flex-direction: column;
        gap: 4px
    }

        .container__4413f .left__4413f .help__4413f {
            margin-right: 8px
        }

            .container__4413f .left__4413f .help__4413f:hover {
                cursor: pointer
            }

            .container__4413f .left__4413f .help__4413f .helpText__4413f {
                display: inline;
                margin-right: 3px
            }

            .container__4413f .left__4413f .help__4413f .helpIcon__4413f {
                vertical-align: middle
            }

    .container__4413f .right__4413f .imgWrapper__4413f {
        height: 38px;
        position: relative;
        width: 38px
    }

        .container__4413f .right__4413f .imgWrapper__4413f .imgUnderlay__4413f {
            background: linear-gradient(155deg,var(--teal-230) 11.08%,var(--yellow-260) 88.92%);
            border-radius: 50%;
            filter: blur(20px);
            inset: 2.5px;
            position: absolute
        }

.assetTile__4413f {
    border-radius: 8px;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 2
}

.ctaButton__4413f {
    background-color: var(--background-modifier-selected);
    color: var(--text-normal);
    overflow: hidden
}

    .ctaButton__4413f:hover {
        background-color: var(--primary-500);
        color: var(--primary-100)
    }

    .ctaButton__4413f:active {
        background-color: var(--primary-400);
        color: var(--primary-100)
    }

@keyframes shine__4413f {
    0% {
        left: -12%
    }

    20% {
        left: 110%
    }

    to {
        left: 110%
    }
}

.full-motion .ctaButton__4413f:after {
    animation-delay: 1s;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: shine__4413f;
    background-color: var(--white);
    bottom: 0;
    box-shadow: -8px 4px var(--opacity-white-48),8px -4px var(--opacity-white-48);
    content: "";
    height: 120%;
    left: -12%;
    opacity: .3;
    position: absolute;
    top: 0;
    transform: translateY(-4px) rotate(24deg);
    width: 8px
}

.member__5d473 {
    margin-left: 8px;
    max-width: 224px;
    position: relative
}

.memberInner__5d473 {
    padding-bottom: calc(var(--custom-member-list-item-avatar-decoration-padding)/2);
    padding-top: calc(var(--custom-member-list-item-avatar-decoration-padding)/2)
}

.offline__5d473 {
    opacity: .3
}

    .offline__5d473:hover {
        opacity: 1
    }

.icon__5d473 {
    flex: 0 0 auto;
    flex-shrink: 0;
    height: 14px;
    position: relative;
    top: 1px;
    width: 14px
}

.ownerIcon__5d473 {
    color: var(--text-warning);
    margin-left: 4px
}

.lostPermission__5d473 {
    text-decoration: line-through
}

.premiumIcon__5d473 {
    color: var(--guild-boosting-pink);
    margin-left: 3px
}

.placeholder__5d473 {
    padding: 4px 8px
}

.botTag__5d473 {
    flex: 0 0 auto;
    margin-left: 4px
}

.username__5d473 {
    align-items: center;
    display: flex;
    flex: 0 1 auto;
    margin-right: auto;
    max-width: 100%;
    min-width: 0
}

.name__5d473 {
    flex: 1 1 auto;
    white-space: nowrap
}

span.clanTag__5d473 {
    margin-bottom: 1px;
    margin-left: 4px;
    margin-top: 1px
}

.visual-refresh .member__5d473 {
    max-width: calc(var(--custom-member-list-width) - 16px)
}

.visual-refresh .memberInner__5d473 {
    box-sizing: border-box;
    height: auto;
    padding: var(--space-xxs) var(--space-16) var(--space-xxs) var(--space-xs)
}

.visual-refresh .flatBottom__5d473 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.heading-sm\/normal__13cf1 {
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2857142857142858
}

    .heading-sm\/normal__13cf1.fontScaling__13cf1 {
        font-size: .875rem
    }

.heading-sm\/medium__13cf1 {
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2857142857142858
}

    .heading-sm\/medium__13cf1.fontScaling__13cf1 {
        font-size: .875rem
    }

.heading-sm\/semibold__13cf1 {
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2857142857142858
}

    .heading-sm\/semibold__13cf1.fontScaling__13cf1 {
        font-size: .875rem
    }

.heading-sm\/bold__13cf1 {
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2857142857142858
}

    .heading-sm\/bold__13cf1.fontScaling__13cf1 {
        font-size: .875rem
    }

.heading-sm\/extrabold__13cf1 {
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2857142857142858
}

    .heading-sm\/extrabold__13cf1.fontScaling__13cf1 {
        font-size: .875rem
    }

.heading-md\/normal__13cf1 {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25
}

    .heading-md\/normal__13cf1.fontScaling__13cf1 {
        font-size: 1rem
    }

.heading-md\/medium__13cf1 {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25
}

    .heading-md\/medium__13cf1.fontScaling__13cf1 {
        font-size: 1rem
    }

.heading-md\/semibold__13cf1 {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25
}

    .heading-md\/semibold__13cf1.fontScaling__13cf1 {
        font-size: 1rem
    }

.heading-md\/bold__13cf1 {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25
}

    .heading-md\/bold__13cf1.fontScaling__13cf1 {
        font-size: 1rem
    }

.heading-md\/extrabold__13cf1 {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.25
}

    .heading-md\/extrabold__13cf1.fontScaling__13cf1 {
        font-size: 1rem
    }

.heading-lg\/normal__13cf1 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2
}

    .heading-lg\/normal__13cf1.fontScaling__13cf1 {
        font-size: 1.25rem
    }

.heading-lg\/medium__13cf1 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2
}

    .heading-lg\/medium__13cf1.fontScaling__13cf1 {
        font-size: 1.25rem
    }

.heading-lg\/semibold__13cf1 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2
}

    .heading-lg\/semibold__13cf1.fontScaling__13cf1 {
        font-size: 1.25rem
    }

.heading-lg\/bold__13cf1 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2
}

    .heading-lg\/bold__13cf1.fontScaling__13cf1 {
        font-size: 1.25rem
    }

.heading-lg\/extrabold__13cf1 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2
}

    .heading-lg\/extrabold__13cf1.fontScaling__13cf1 {
        font-size: 1.25rem
    }

.heading-xl\/normal__13cf1 {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 400;
    line-height: 1.25
}

    .heading-xl\/normal__13cf1.fontScaling__13cf1 {
        font-size: 1.5rem
    }

.heading-xl\/medium__13cf1 {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 500;
    line-height: 1.25
}

    .heading-xl\/medium__13cf1.fontScaling__13cf1 {
        font-size: 1.5rem
    }

.heading-xl\/semibold__13cf1 {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25
}

    .heading-xl\/semibold__13cf1.fontScaling__13cf1 {
        font-size: 1.5rem
    }

.heading-xl\/bold__13cf1 {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25
}

    .heading-xl\/bold__13cf1.fontScaling__13cf1 {
        font-size: 1.5rem
    }

.heading-xl\/extrabold__13cf1 {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.25
}

    .heading-xl\/extrabold__13cf1.fontScaling__13cf1 {
        font-size: 1.5rem
    }

.heading-xxl\/normal__13cf1 {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 400;
    line-height: 1.25
}

    .heading-xxl\/normal__13cf1.fontScaling__13cf1 {
        font-size: 2rem
    }

.heading-xxl\/medium__13cf1 {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 500;
    line-height: 1.25
}

    .heading-xxl\/medium__13cf1.fontScaling__13cf1 {
        font-size: 2rem
    }

.heading-xxl\/semibold__13cf1 {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 600;
    line-height: 1.25
}

    .heading-xxl\/semibold__13cf1.fontScaling__13cf1 {
        font-size: 2rem
    }

.heading-xxl\/bold__13cf1 {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 700;
    line-height: 1.25
}

    .heading-xxl\/bold__13cf1.fontScaling__13cf1 {
        font-size: 2rem
    }

.heading-xxl\/extrabold__13cf1 {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 800;
    line-height: 1.25
}

    .heading-xxl\/extrabold__13cf1.fontScaling__13cf1 {
        font-size: 2rem
    }

.eyebrow__13cf1 {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 1.3333333333333333;
    text-transform: uppercase
}

    .eyebrow__13cf1.fontScaling__13cf1 {
        font-size: .75rem
    }

.heading-deprecated-12\/normal__13cf1 {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3333333333333333
}

    .heading-deprecated-12\/normal__13cf1.fontScaling__13cf1 {
        font-size: .75rem
    }

.heading-deprecated-12\/medium__13cf1 {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3333333333333333
}

    .heading-deprecated-12\/medium__13cf1.fontScaling__13cf1 {
        font-size: .75rem
    }

.heading-deprecated-12\/semibold__13cf1 {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3333333333333333
}

    .heading-deprecated-12\/semibold__13cf1.fontScaling__13cf1 {
        font-size: .75rem
    }

.heading-deprecated-12\/bold__13cf1 {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3333333333333333
}

    .heading-deprecated-12\/bold__13cf1.fontScaling__13cf1 {
        font-size: .75rem
    }

.heading-deprecated-12\/extrabold__13cf1 {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.3333333333333333
}

    .heading-deprecated-12\/extrabold__13cf1.fontScaling__13cf1 {
        font-size: .75rem
    }

.redesign\/heading-18\/bold__13cf1 {
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3333333333333333
}

    .redesign\/heading-18\/bold__13cf1.fontScaling__13cf1 {
        font-size: 1.125rem
    }

.text-xxs\/normal__13cf1 {
    font-family: var(--font-primary);
    font-size: 10px;
    font-weight: 400;
    line-height: 1.2
}

    .text-xxs\/normal__13cf1.fontScaling__13cf1 {
        font-size: .625rem
    }

.text-xxs\/medium__13cf1 {
    font-family: var(--font-primary);
    font-size: 10px;
    font-weight: 500;
    line-height: 1.2
}

    .text-xxs\/medium__13cf1.fontScaling__13cf1 {
        font-size: .625rem
    }

.text-xxs\/semibold__13cf1 {
    font-family: var(--font-primary);
    font-size: 10px;
    font-weight: 600;
    line-height: 1.2
}

    .text-xxs\/semibold__13cf1.fontScaling__13cf1 {
        font-size: .625rem
    }

.text-xxs\/bold__13cf1 {
    font-family: var(--font-primary);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2
}

    .text-xxs\/bold__13cf1.fontScaling__13cf1 {
        font-size: .625rem
    }

.text-xs\/normal__13cf1 {
    font-family: var(--font-primary);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3333333333333333
}

    .text-xs\/normal__13cf1.fontScaling__13cf1 {
        font-size: .75rem
    }

.text-xs\/medium__13cf1 {
    font-family: var(--font-primary);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3333333333333333
}

    .text-xs\/medium__13cf1.fontScaling__13cf1 {
        font-size: .75rem
    }

.text-xs\/semibold__13cf1 {
    font-family: var(--font-primary);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3333333333333333
}

    .text-xs\/semibold__13cf1.fontScaling__13cf1 {
        font-size: .75rem
    }

.text-xs\/bold__13cf1 {
    font-family: var(--font-primary);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3333333333333333
}

    .text-xs\/bold__13cf1.fontScaling__13cf1 {
        font-size: .75rem
    }

.text-sm\/normal__13cf1 {
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2857142857142858
}

    .text-sm\/normal__13cf1.fontScaling__13cf1 {
        font-size: .875rem
    }

.text-sm\/medium__13cf1 {
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2857142857142858
}

    .text-sm\/medium__13cf1.fontScaling__13cf1 {
        font-size: .875rem
    }

.text-sm\/semibold__13cf1 {
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2857142857142858
}

    .text-sm\/semibold__13cf1.fontScaling__13cf1 {
        font-size: .875rem
    }

.text-sm\/bold__13cf1 {
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2857142857142858
}

    .text-sm\/bold__13cf1.fontScaling__13cf1 {
        font-size: .875rem
    }

.text-md\/normal__13cf1 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25
}

    .text-md\/normal__13cf1.fontScaling__13cf1 {
        font-size: 1rem
    }

.text-md\/medium__13cf1 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25
}

    .text-md\/medium__13cf1.fontScaling__13cf1 {
        font-size: 1rem
    }

.text-md\/semibold__13cf1 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25
}

    .text-md\/semibold__13cf1.fontScaling__13cf1 {
        font-size: 1rem
    }

.text-md\/bold__13cf1 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25
}

    .text-md\/bold__13cf1.fontScaling__13cf1 {
        font-size: 1rem
    }

.text-lg\/normal__13cf1 {
    font-family: var(--font-primary);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2
}

    .text-lg\/normal__13cf1.fontScaling__13cf1 {
        font-size: 1.25rem
    }

.text-lg\/medium__13cf1 {
    font-family: var(--font-primary);
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2
}

    .text-lg\/medium__13cf1.fontScaling__13cf1 {
        font-size: 1.25rem
    }

.text-lg\/semibold__13cf1 {
    font-family: var(--font-primary);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2
}

    .text-lg\/semibold__13cf1.fontScaling__13cf1 {
        font-size: 1.25rem
    }

.text-lg\/bold__13cf1 {
    font-family: var(--font-primary);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2
}

    .text-lg\/bold__13cf1.fontScaling__13cf1 {
        font-size: 1.25rem
    }

.redesign\/message-preview\/normal__13cf1 {
    font-family: var(--font-primary);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3333333333333333
}

    .redesign\/message-preview\/normal__13cf1.fontScaling__13cf1 {
        font-size: .9375rem
    }

.redesign\/message-preview\/medium__13cf1 {
    font-family: var(--font-primary);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3333333333333333
}

    .redesign\/message-preview\/medium__13cf1.fontScaling__13cf1 {
        font-size: .9375rem
    }

.redesign\/message-preview\/semibold__13cf1 {
    font-family: var(--font-primary);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3333333333333333
}

    .redesign\/message-preview\/semibold__13cf1.fontScaling__13cf1 {
        font-size: .9375rem
    }

.redesign\/message-preview\/bold__13cf1 {
    font-family: var(--font-primary);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3333333333333333
}

    .redesign\/message-preview\/bold__13cf1.fontScaling__13cf1 {
        font-size: .9375rem
    }

.redesign\/channel-title\/normal__13cf1 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.375
}

    .redesign\/channel-title\/normal__13cf1.fontScaling__13cf1 {
        font-size: 1rem
    }

.redesign\/channel-title\/medium__13cf1 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.375
}

    .redesign\/channel-title\/medium__13cf1.fontScaling__13cf1 {
        font-size: 1rem
    }

.redesign\/channel-title\/semibold__13cf1 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.375
}

    .redesign\/channel-title\/semibold__13cf1.fontScaling__13cf1 {
        font-size: 1rem
    }

.redesign\/channel-title\/bold__13cf1 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.375
}

    .redesign\/channel-title\/bold__13cf1.fontScaling__13cf1 {
        font-size: 1rem
    }

.display-sm__13cf1 {
    font-family: var(--font-headline);
    font-size: 20px;
    font-weight: 800;
    line-height: 1
}

    .display-sm__13cf1.fontScaling__13cf1 {
        font-size: 1.25rem
    }

.display-md__13cf1 {
    font-family: var(--font-headline);
    font-size: 34px;
    font-weight: 800;
    line-height: 1.0588235294117647
}

    .display-md__13cf1.fontScaling__13cf1 {
        font-size: 2.125rem
    }

.display-lg__13cf1 {
    font-family: var(--font-headline);
    font-size: 44px;
    font-weight: 800;
    line-height: .9545454545454546
}

    .display-lg__13cf1.fontScaling__13cf1 {
        font-size: 2.75rem
    }

.code__13cf1 {
    font-family: var(--font-code);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3333333333333333
}

    .code__13cf1.fontScaling__13cf1 {
        font-size: .75rem
    }

.container__13cf1 {
    box-sizing: border-box;
    color: var(--channels-default);
    flex: 1 1 auto;
    text-overflow: ellipsis;
    white-space: nowrap
}

.visual-refresh .header__13cf1 {
}

.text__13cf1 {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 16px;
    text-transform: uppercase
}

:where(.avatar__75742) {
    border-radius: var(--radius-round);
    position: absolute;
    z-index: var(--custom-user-profile-base-layer-z-index)
}

.user-profile-popout :where(.avatar__75742) {
    left: 16px;
    top: 61px
}

.custom-user-profile-theme.user-profile-popout :where(.avatar__75742) {
    left: 12px;
    top: 57px
}

.user-profile-modal :where(.avatar__75742) {
    left: 24px;
    top: -68px
}

.user-profile-modal-v2 :where(.avatar__75742) {
    left: 32px;
    top: 80px
}

.user-profile-sidebar :where(.avatar__75742) {
    left: 16px;
    top: 72px
}

:where(.avatar__75742).withReactReply__75742 {
    position: static
}

:where(.avatar__75742).hoisted__75742 {
    pointer-events: none;
    z-index: var(--custom-user-profile-hoist-z-index)
}

.clickable__75742 {
    cursor: pointer
}

.overlay__75742:after {
    background-color: var(--black-500);
    border-radius: var(--radius-round);
    content: "";
    height: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.full-motion .overlay__75742:after {
    transition: opacity var(--custom-button-transition-duration) ease
}

.clickable__75742:hover .overlay__75742:after {
    opacity: .4
}

.focusRing__75742 {
    border-radius: var(--radius-round)
}

:where(.banner__68edb) {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: var(--radius-xs) var(--radius-xs) 0 0;
    transition: background-color .1s;
    width: 100%
}

.user-profile-modal-v2 :where(.banner__68edb) {
    border-radius: var(--radius-lg) var(--radius-lg) 0 0
}

:where(.banner__68edb):before {
    border-bottom: 1px solid var(--border-faint);
    bottom: 0;
    content: "";
    position: absolute;
    width: 100%
}

:where(.banner__68edb):hover .gifTag__68edb {
    opacity: 0
}

.gifTag__68edb {
    left: 8px;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: 8px;
    z-index: 1
}

    .gifTag__68edb .custom-user-profile-theme {
        left: 16px;
        top: 16px
    }

.mask__68edb {
    contain: paint;
    z-index: 0
}

.enable-forced-colors .banner__68edb {
    forced-color-adjust: none
}

:root {
    --custom-user-profile-banner-height: 0;
    --custom-user-profile-theme-padding: 0;
    --custom-user-profile-base-layer-z-index: 0;
    --custom-user-profile-bottom-layer-z-index: 1;
    --custom-user-profile-middle-layer-z-index: 2;
    --custom-user-profile-top-layer-z-index: 3;
    --custom-user-profile-hoist-z-index: 4;
    --custom-user-profile-toast-z-index: 5
}

    :root .user-profile-popout {
        --custom-user-profile-banner-height: 105px
    }

    :root .user-profile-modal {
        --custom-user-profile-banner-height: 210px
    }

    :root .user-profile-modal-v2 {
        --custom-user-profile-banner-height: 140px
    }

    :root .user-profile-sidebar {
        --custom-user-profile-banner-height: 120px
    }

    :root .custom-user-profile-theme.user-profile-modal, :root .custom-user-profile-theme.user-profile-popout {
        --custom-user-profile-theme-padding: 4px
    }

:where(.outer_c0bea0) {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative
}

.visual-refresh :where(.outer_c0bea0) {
    background: var(--background-surface-high)
}

:where(.outer_c0bea0).user-profile-popout {
    border-radius: var(--radius-sm);
    box-shadow: var(--elevation-high);
    max-height: calc(100vh - 20px);
    width: 300px
}

:where(.outer_c0bea0).user-profile-modal {
    border-radius: var(--radius-sm);
    height: 780px;
    width: 600px
}

:where(.outer_c0bea0).user-profile-modal-v2 {
    background: var(--background-base-lower);
    border-radius: var(--radius-lg);
    height: 800px;
    max-width: 100%;
    min-width: 800px;
    width: 960px
}

:where(.outer_c0bea0).user-profile-sidebar {
    height: 100%;
    overflow: initial;
    width: 340px
}

:where(.outer_c0bea0).custom-user-profile-theme {
    background: linear-gradient(var(--profile-gradient-primary-color),var(--profile-gradient-secondary-color));
    padding: var(--custom-user-profile-theme-padding)
}

    :where(.outer_c0bea0).custom-user-profile-theme.user-profile-modal-v2 {
        background: linear-gradient(var(--profile-gradient-modal-background-color),var(--profile-gradient-modal-background-color))
    }

.inner_c0bea0 {
    border-radius: var(--radius-xs);
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden
}

.user-profile-popout .inner_c0bea0 {
    gap: 8px;
    padding-bottom: 4px
}

.user-profile-modal .inner_c0bea0 {
    height: 100%
}

    .user-profile-modal .inner_c0bea0:before {
        border-radius: var(--radius-xs);
        height: calc(100% - 8px);
        width: calc(100% - 8px)
    }

.user-profile-modal-v2 .inner_c0bea0 {
    border-radius: 0;
    flex-direction: row;
    gap: 32px;
    height: 100%;
    padding: 48px 36px 0 48px
}

.user-profile-sidebar .inner_c0bea0 {
    border-radius: 0;
    height: 100%
}

    .user-profile-sidebar .inner_c0bea0:before {
        height: 100%;
        width: 100%
    }

.custom-user-profile-theme .inner_c0bea0 {
    --profile-gradient-start: color-mix(in oklab,var(--profile-gradient-overlay-color) 100%,var(--profile-gradient-primary-color));
    --profile-gradient-end: color-mix(in oklab,var(--profile-gradient-overlay-color) 100%,var(--profile-gradient-secondary-color));
    background: linear-gradient(var(--profile-gradient-start),var(--profile-gradient-start) var(--custom-user-profile-banner-height),var(--profile-gradient-end))
}

.custom-user-profile-theme.user-profile-modal-v2 .inner_c0bea0 {
    background: linear-gradient(color-mix(in oklab,var(--profile-gradient-overlay-color) 80%,var(--profile-gradient-modal-background-color)),color-mix(in oklab,var(--profile-gradient-overlay-color) 20%,var(--profile-gradient-modal-background-color)) 300px)
}

:where(.overlay_c0bea0) {
    background: var(--user-profile-overlay-background);
    border-radius: var(--radius-sm);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative
}

    .theme-light :where(.overlay_c0bea0), :where(.overlay_c0bea0) .theme-dark {
        border: 1px solid var(--border-faint)
    }

    :where(.overlay_c0bea0) ::-webkit-scrollbar-thumb {
        background-color: var(--user-profile-border)
    }

.no-webkit-scrollbar :where(.overlay_c0bea0) * {
    scrollbar-color: var(--user-profile-border) var(--scrollbar-thin-track)
}

.enable-forced-colors .user-profile-modal .inner_c0bea0, .enable-forced-colors .user-profile-modal.outer_c0bea0, .enable-forced-colors .user-profile-popout .inner_c0bea0, .enable-forced-colors .user-profile-popout.outer_c0bea0 {
    border: 2px solid CanvasText
}

.enable-forced-colors .outer_c0bea0, .enable-forced-colors .outer_c0bea0:before, .enable-forced-colors .overlay_c0bea0 {
    background-color: Canvas
}

.flex_aa3ffd {
    display: flex
}

.alignStart_aa3ffd {
    align-items: flex-start
}

.alignEnd_aa3ffd {
    align-items: flex-end
}

.alignCenter_aa3ffd {
    align-items: center
}

.alignStretch_aa3ffd {
    align-items: stretch
}

.alignBaseline_aa3ffd {
    align-items: baseline
}

.justifyStart_aa3ffd {
    justify-content: flex-start
}

.justifyEnd_aa3ffd {
    justify-content: flex-end
}

.justifyCenter_aa3ffd {
    justify-content: center
}

.justifyAround_aa3ffd {
    justify-content: space-around
}

.justifyBetween_aa3ffd {
    justify-content: space-between
}

.noWrap_aa3ffd {
    flex-wrap: nowrap
}

.wrap_aa3ffd {
    flex-wrap: wrap
}

.wrapReverse_aa3ffd {
    flex-wrap: wrap-reverse
}

.directionRow_aa3ffd {
    flex-direction: row
}

.directionRowReverse_aa3ffd {
    flex-direction: row-reverse
}

.directionColumn_aa3ffd {
    flex-direction: column
}

.spacer_aa3ffd {
    flex: 1;
    overflow: hidden
}

.vertical_aa3ffd {
    display: flex;
    flex-direction: column
}

.horizontal_aa3ffd {
    display: flex;
    flex-direction: row
}

.horizontalReverse_aa3ffd {
    display: flex;
    flex-direction: row-reverse
}

    .horizontal_aa3ffd > .spacer_aa3ffd, .horizontalReverse_aa3ffd > .spacer_aa3ffd, .vertical_aa3ffd > .spacer_aa3ffd {
        min-height: 1px
    }

.flexCenter_aa3ffd, .streamerModeEnabled_aa3ffd {
    align-items: center;
    display: flex;
    justify-content: center
}

.streamerModeEnabled_aa3ffd {
    flex: 1;
    flex-direction: column
}

.streamerModeEnabledImage_aa3ffd {
    background-size: 100% 100%;
    height: 220px;
    width: 440px
}

.streamerModeEnabledBtn_aa3ffd {
    background-color: var(--twitch);
    border-radius: 3px;
    color: var(--white-500);
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    line-height: 29px;
    margin-top: 20px;
    padding: 10px 20px;
    text-transform: uppercase
}

    .streamerModeEnabledBtn_aa3ffd:hover {
        background-color: var(--twitch-secondary)
    }

    .streamerModeEnabledBtn_aa3ffd.disabled_aa3ffd {
        background-color: var(--twitch);
        cursor: default;
        opacity: .5
    }

.images-light .streamerModeEnabledImage_aa3ffd {
    background-image: url(/assets/9a898919395a3f13.svg)
}

.images-dark .streamerModeEnabledImage_aa3ffd {
    background-image: url(/assets/a105cf85c9c42968.svg)
}

.root_e3f97f {
    align-items: center;
    border-radius: var(--radius-xs);
    display: flex;
    padding: 8px
}

.icon_e3f97f {
    flex-shrink: 0;
    height: 24px;
    margin-right: 10px;
    width: 24px
}

.text_e3f97f {
    flex: 1;
    text-align: left
}

.info_e3f97f {
    background-color: var(--info-help-background);
    border: 1px solid var(--info-help-foreground)
}

    .info_e3f97f .icon_e3f97f {
        color: var(--info-help-foreground)
    }

.warning_e3f97f {
    background-color: var(--info-warning-background);
    border: 1px solid var(--info-warning-foreground)
}

    .warning_e3f97f .icon_e3f97f {
        box-sizing: border-box;
        color: var(--info-warning-foreground);
        height: 20px;
        width: 20px
    }

.actionMenuButton_d84e0f {
    background-color: var(--background-secondary);
    border-radius: var(--radius-xs);
    cursor: pointer;
    display: flex;
    padding: var(--spacing-8)
}

    .actionMenuButton_d84e0f:hover {
        background-color: var(--background-modifier-hover)
    }

.authedApp__50a54 {
    padding: 20px
}

.authedAppV2__50a54 {
    background-color: var(--bg-surface-raised);
    border-radius: var(--radius-sm);
    margin-bottom: 16px;
    overflow: hidden
}

.header__50a54, .headerV2__50a54 {
    align-items: center;
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto auto
}

.headerV2__50a54 {
    background-color: var(--bg-mod-subtle);
    padding: 16px
}

.headerText__50a54 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.headerTextContainer__50a54 {
    margin: 0 8px;
    overflow: hidden
}

.headerTextContainerV2__50a54 {
    margin: 0 12px;
    overflow: hidden
}

.appDetailsContainer__50a54 {
    padding: 4px 16px
}

    .appDetailsContainer__50a54 .appDetailsSection__50a54 {
        background-color: inherit;
        border-bottom: 1px solid var(--border-subtle);
        border-radius: 0;
        margin-bottom: 0;
        padding: 16px 0
    }

        .appDetailsContainer__50a54 .appDetailsSection__50a54:active {
            background-color: inherit
        }

        .appDetailsContainer__50a54 .appDetailsSection__50a54:before {
            border-radius: 0;
            box-shadow: none
        }

    .appDetailsContainer__50a54 .directMessagesSection__50a54 {
        background-color: inherit;
        border-radius: 0;
        margin-bottom: 0;
        padding-top: 16px
    }

        .appDetailsContainer__50a54 .directMessagesSection__50a54:active {
            background-color: inherit
        }

        .appDetailsContainer__50a54 .directMessagesSection__50a54:before {
            border-radius: 0;
            box-shadow: none
        }

.appDetailsSectionHeader__50a54 {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between
}

.appDetailsContent__50a54 {
    padding-top: 4px
}

.appAvatar__50a54 {
    border-radius: 50%;
    height: 32px;
    width: 32px;
    -webkit-user-drag: none
}

.appAvatarV2__50a54 {
    border-radius: var(--radius-sm);
    height: 40px;
    width: 40px;
    -webkit-user-drag: none;
    border: 1px solid var(--border-subtle);
    box-sizing: border-box
}

.reportButton__50a54 {
    margin-right: 8px
}

.botTag__50a54 {
    margin-left: 4px
}

.permissionsDescription__50a54 {
    cursor: default
}

.permission__50a54 {
    align-items: center;
    display: flex;
    margin-top: 8px
}

    .permission__50a54:first-child {
        margin-top: 0
    }

.permissionCheckmark__50a54 {
    background: url(/assets/72e4439bf318b5c5.svg) no-repeat;
    filter: saturate(var(--saturation-factor,1));
    width: 23px
}

.disclosureIcon__50a54, .permissionCheckmark__50a54 {
    background-size: 18px 18px;
    display: inline-block;
    height: 18px
}

.disclosureIcon__50a54 {
    color: var(--text-muted);
    margin-right: 5px;
    width: 18px
}

.infoBox__50a54 {
    margin-top: 16px
}

.twoWayWarningV1__50a54 {
    margin-top: 24px
}

.twoWayWarningV2__50a54 {
    flex-grow: 1
}

.twoWayWarning__50a54 {
    align-items: center;
    display: flex
}

.twoWayWarningIcon__50a54 {
    color: var(--text-muted);
    height: 24px;
    margin-right: 8px;
    width: 24px
}

.searchContainer__50a54 {
    margin-bottom: 16px
}

.tosPrivacy__50a54 {
    display: flex;
    flex-direction: row;
    margin-top: 8px
}

.tos__50a54 {
    margin-right: 12px
}

.privacy__50a54, .tos__50a54 {
    display: flex
}

.externalLinkIcon__50a54 {
    height: 18px
}

.dmSettingsHeader__50a54, .dmSettingsSwitch__50a54 {
    margin-bottom: 16px
}

.dmSettingsSwitch__50a54 {
    border-bottom: 1px solid var(--background-modifier-accent);
    padding-bottom: 16px
}

.dmSettingsMute__50a54 {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.divider__50a54 {
    background-color: var(--background-modifier-accent);
    display: flex;
    height: 100%;
    margin-right: 12px;
    width: 1px
}

.link__50a54 {
    color: var(--text-link)
}

.footer__50a54 {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin: 16px 0
}

.deauthorizeButton__50a54 {
    flex-shrink: 0
}

.marginReset_fd297e {
    margin-bottom: 0;
    margin-top: 0
}

.marginTop4_fd297e {
    margin-top: var(--custom-margin-margin-x-small)
}

.marginBottom4_fd297e {
    margin-bottom: var(--custom-margin-margin-x-small)
}

.marginTop8_fd297e {
    margin-top: var(--custom-margin-margin-small)
}

.marginBottom8_fd297e {
    margin-bottom: var(--custom-margin-margin-small)
}

.marginTop20_fd297e {
    margin-top: var(--custom-margin-margin-medium)
}

.marginBottom20_fd297e {
    margin-bottom: var(--custom-margin-margin-medium)
}

.marginTop40_fd297e {
    margin-top: var(--custom-margin-margin-large)
}

.marginBottom40_fd297e {
    margin-bottom: var(--custom-margin-margin-large)
}

.marginTop60_fd297e {
    margin-top: var(--custom-margin-margin-x-large)
}

.marginBottom60_fd297e {
    margin-bottom: var(--custom-margin-margin-x-large)
}

.marginCenterHorz_fd297e {
    margin-left: auto;
    margin-right: auto
}

.marginLeft8_fd297e {
    margin-left: var(--custom-margin-margin-small)
}

.label__202d8 {
    align-items: center;
    display: flex;
    gap: var(--spacing-4)
}

:where(.button_fb7f94).icon_fb7f94 {
    height: var(--custom-button-button-sm-height);
    padding: 0;
    width: var(--custom-button-button-sm-height)
}

:where(.button_fb7f94).banner_fb7f94, :where(.button_fb7f94).hover_fb7f94 {
    border-radius: var(--radius-round)
}

:where(.button_fb7f94).textBanner_fb7f94 {
    border-radius: var(--radius-xxl);
    padding: 2px 12px
}

:where(.button_fb7f94).hover_fb7f94 {
    height: 16px;
    opacity: 0;
    width: 16px
}

    :where(.button_fb7f94).hover_fb7f94.visible_fb7f94, :where(.button_fb7f94).hover_fb7f94:focus-visible {
        opacity: 1
    }

:not(.keyboard-mode).full-motion :where(.button_fb7f94).hover_fb7f94 {
    transition: opacity var(--custom-button-transition-duration) ease
}

:where(.buttonInner_fb7f94) {
    align-items: center;
    display: flex;
    gap: 4px
}

    :where(.buttonInner_fb7f94).icon_fb7f94 {
        max-height: 16px;
        max-width: 16px;
        min-height: 16px;
        min-width: 16px
    }

.custom-user-profile-theme .themeColor_fb7f94 {
    color: var(--interactive-active);
    transition: background var(--custom-button-transition-duration) ease-in-out
}

    .custom-user-profile-theme .themeColor_fb7f94:disabled, .custom-user-profile-theme .themeColor_fb7f94[aria-disabled=true] {
        opacity: .5
    }

    .custom-user-profile-theme .themeColor_fb7f94.primary_fb7f94 {
        background: var(--profile-gradient-button-color);
        color: var(--white-500)
    }

        .custom-user-profile-theme .themeColor_fb7f94.primary_fb7f94:hover {
            background: color-mix(in srgb,var(--profile-gradient-button-color) 80%,transparent)
        }

        .custom-user-profile-theme .themeColor_fb7f94.primary_fb7f94:active {
            background: color-mix(in srgb,var(--profile-gradient-button-color) 90%,transparent)
        }

.custom-user-profile-theme.theme-dark.user-profile-modal-v2 .themeColor_fb7f94.primary_fb7f94 {
    border-color: hsl(var(--white-500-hsl)/.04)
}

.custom-user-profile-theme.theme-dark .themeColor_fb7f94.secondary_fb7f94 {
    background: var(--opacity-white-24)
}

    .custom-user-profile-theme.theme-dark .themeColor_fb7f94.secondary_fb7f94:hover {
        background: var(--opacity-white-36)
    }

    .custom-user-profile-theme.theme-dark .themeColor_fb7f94.secondary_fb7f94:active {
        background: var(--opacity-white-32)
    }

.custom-user-profile-theme.theme-light .themeColor_fb7f94.secondary_fb7f94 {
    background: var(--opacity-white-72)
}

    .custom-user-profile-theme.theme-light .themeColor_fb7f94.secondary_fb7f94:hover {
        background: var(--opacity-white-92)
    }

    .custom-user-profile-theme.theme-light .themeColor_fb7f94.secondary_fb7f94:active {
        background: var(--opacity-white-84)
    }

.hoverColor_fb7f94 {
    color: var(--interactive-normal)
}

    .hoverColor_fb7f94:hover {
        color: var(--interactive-hover)
    }

    .hoverColor_fb7f94:active {
        color: var(--interactive-active)
    }

.bannerColor_fb7f94 {
    background: var(--redesign-button-overlay-alpha-background);
    color: var(--white)
}

    .bannerColor_fb7f94:active, .bannerColor_fb7f94:hover {
        background: var(--redesign-button-overlay-alpha-pressed-background)
    }

    .bannerColor_fb7f94:disabled, .bannerColor_fb7f94[aria-disabled=true] {
        opacity: .5
    }

.wrapper_da5890 {
    display: flex;
    gap: 8px;
    position: absolute;
    transition: opacity .6s ease;
    z-index: var(--custom-user-profile-top-layer-z-index)
}

    .wrapper_da5890:empty {
        display: none
    }

.user-profile-popout .wrapper_da5890 {
    right: 12px;
    top: 12px
}

.user-profile-modal .wrapper_da5890 {
    right: 16px;
    top: 12px
}

.user-profile-sidebar .wrapper_da5890 {
    right: 8px;
    top: 8px
}

.labelRow__1fdc8 {
    align-items: center;
    display: flex;
    gap: 4px
}

.labelText__1fdc8 {
    line-height: 12px
}

.wrapper_f7ecac {
    align-items: center;
    background-color: var(--background-primary);
    border-radius: 4px;
    box-shadow: var(--elevation-stroke);
    box-sizing: border-box;
    display: grid;
    grid-auto-flow: column;
    height: 32px;
    justify-content: flex-start;
    overflow: hidden;
    position: relative;
    transition: box-shadow .1s ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.visual-refresh .wrapper_f7ecac {
    background-color: var(--background-surface-highest);
    box-shadow: var(--shadow-border),var(--shadow-low)
}

.full-motion .wrapper_f7ecac:hover {
    box-shadow: var(--elevation-stroke),var(--elevation-medium)
}

.full-motion.visual-refresh .wrapper_f7ecac:hover {
    box-shadow: var(--shadow-border),var(--shadow-medium)
}

.button_f7ecac {
    align-items: center;
    color: var(--interactive-normal);
    cursor: pointer;
    display: flex;
    flex: 0 0 auto;
    height: 24px;
    justify-content: center;
    min-width: 24px;
    padding: 4px;
    position: relative
}

    .button_f7ecac:hover {
        background-color: var(--background-modifier-hover);
        color: var(--interactive-hover)
    }

    .button_f7ecac:active {
        background-color: var(--background-modifier-active);
        color: var(--interactive-active);
        padding-bottom: 3px;
        padding-top: 5px
    }

    .button_f7ecac.selected_f7ecac {
        background-color: var(--background-modifier-selected);
        color: var(--interactive-active)
    }

.separator_f7ecac {
    background-color: var(--background-modifier-accent);
    flex: 0 0 auto;
    height: 100%;
    margin: 0 4px;
    width: 1px
}

.button_f7ecac.disabled_f7ecac, .button_f7ecac.disabled_f7ecac:active, .button_f7ecac.disabled_f7ecac:hover {
    background-color: transparent;
    color: var(--interactive-normal);
    cursor: default;
    opacity: .5;
    padding: 4px
}

.button_f7ecac.dangerous_f7ecac {
    color: var(--status-danger)
}

    .button_f7ecac.dangerous_f7ecac:hover {
        color: var(--red-400)
    }

.enable-forced-colors .wrapper_f7ecac {
    border: 1px solid CanvasText;
    height: 36px
}

.enable-forced-colors .button_f7ecac {
    background-color: ButtonFace;
    border: 1px solid ButtonFace;
    color: ButtonText;
    height: 26px;
    min-width: 26px
}

    .enable-forced-colors .button_f7ecac.selected_f7ecac, .enable-forced-colors .button_f7ecac:active, .enable-forced-colors .button_f7ecac:hover {
        background-color: HighlightText;
        border-color: Highlight;
        color: Highlight
    }

.popover__2d0ab {
    border: 1px solid var(--user-profile-toolbar-border);
    border-radius: 100px;
    display: inline-flex;
    gap: 2px;
    height: unset;
    opacity: 0;
    padding: 2px;
    pointer-events: none;
    position: absolute;
    top: -16px;
    z-index: var(--custom-user-profile-hoist-z-index)
}

.visual-refresh .popover__2d0ab {
    background-color: var(--user-profile-toolbar-background)
}

.full-motion.visual-refresh .popover__2d0ab:hover, .visual-refresh .popover__2d0ab {
    box-shadow: var(--shadow-low)
}

.custom-user-profile-theme .popover__2d0ab {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px)
}

.popover__2d0ab.visible__2d0ab, .popover__2d0ab:hover {
    opacity: 1
}

.keyboard-mode .popover__2d0ab:focus-within {
    opacity: 1
}

.reduce-motion .popover__2d0ab {
    pointer-events: all
}

.popover__2d0ab > .tooltipContainer__2d0ab:first-of-type > .button__2d0ab {
    border-radius: 100px 6px 6px 100px;
    margin-left: 0;
    padding-left: 6px
}

.popover__2d0ab > .tooltipContainer__2d0ab:last-of-type > .button__2d0ab {
    border-radius: 6px 100px 100px 6px;
    margin-right: 0;
    padding-right: 6px
}

.tooltipContainer__2d0ab:empty {
    display: none
}

.activityPopover__2d0ab {
    right: 8px
}

.statusPopover__2d0ab {
    right: min(8px,calc(50% - 29px))
}

.avatarPopover__2d0ab {
    left: 0;
    margin: auto;
    right: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

:not(.keyboard-mode).full-motion .popover__2d0ab.visible__2d0ab, :not(.keyboard-mode).full-motion .popover__2d0ab:hover {
    animation: fadeIn__2d0ab .15s ease forwards;
    opacity: 0
}

    :not(.keyboard-mode).full-motion .popover__2d0ab.visible__2d0ab.expandable__2d0ab, :not(.keyboard-mode).full-motion .popover__2d0ab:hover.expandable__2d0ab {
        animation-delay: .45s
    }

@keyframes fadeIn__2d0ab {
    0% {
        opacity: 0;
        pointer-events: none;
        top: -14px
    }

    99% {
        pointer-events: none
    }

    to {
        opacity: 1;
        pointer-events: all;
        top: -16px
    }
}

.button__2d0ab {
    height: unset;
    min-width: unset;
    padding: 4px
}

.full-motion .button__2d0ab .icon__2d0ab {
    transition: transform .4s cubic-bezier(.16,1,.3,1)
}

.custom-user-profile-theme .button__2d0ab .icon__2d0ab {
    color: var(--icon-primary)
}

.button__2d0ab:hover {
    background: var(--background-modifier-hover)
}

    .button__2d0ab:hover .icon__2d0ab {
        fill: var(--interactive-hover);
        transform: scale(1.1)
    }

.button__2d0ab:active {
    background: var(--background-modifier-active)
}

    .button__2d0ab:active .icon__2d0ab {
        fill: var(--interactive-active);
        transform: scale(1)
    }

.container__52c9d {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 101
}

.background__52c9d {
    background-color: var(--background-secondary);
    opacity: .98;
    position: absolute
}

.background__52c9d, .content__52c9d {
    height: 100%;
    width: 100%
}

.content__52c9d {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 16px;
    position: relative
}

.closeButton__52c9d {
    position: absolute;
    right: 16px;
    top: 16px
}

.closeButtonIcon__52c9d {
    color: var(--interactive-normal)
}

.description__52c9d, .header__52c9d {
    text-align: center
}

.upsellImage__52c9d {
    width: 124px
}

.container__4f6e5 {
    align-items: center;
    background: radial-gradient(100% 100% at 50% 100%,var(--background-primary) 60%,var(--transparent) 100%),linear-gradient(270deg,var(--background-modal-gradient-nitro-1-start) 0,var(--background-modal-gradient-nitro-1-end) 100%);
    background-color: var(--background-primary);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 100%;
    z-index: 1001
}

.content__4f6e5 {
    padding: var(--spacing-32) var(--spacing-32) 0
}

.closeButton__4f6e5 {
    color: var(--interactive-active);
    margin: var(--spacing-16);
    position: absolute;
    right: 0;
    top: 0
}

.contentContainer__4f6e5 {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-grow: 2;
    text-align: center
}

.image__4f6e5 {
    width: 250px
}

.title__4f6e5 {
    margin-bottom: var(--spacing-16);
    margin-top: var(--spacing-32);
    max-width: 250px
}

.body__4f6e5 {
    max-width: 380px
}

.footer__4f6e5 {
    background-color: var(--background-primary);
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    box-sizing: border-box;
    margin-top: auto;
    padding-bottom: var(--spacing-32);
    padding-top: var(--spacing-8);
    width: 100%
}

.buttonContainer__4f6e5 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0 var(--spacing-32)
}

.noParentContainer_d829e7 {
    bottom: 0;
    left: 0;
    top: 0
}

.hasParentContainer_d829e7 {
    bottom: 0;
    left: 0;
    top: -16px
}

.hasTabParentContainer_d829e7 {
    bottom: 0;
    left: 0;
    top: -48px
}

.container_d829e7 {
    align-items: center;
    background-color: var(--background-secondary);
    border-radius: 5px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    z-index: 1001
}

.closeButton_d829e7 {
    color: var(--interactive-active);
    margin: 16px;
    position: absolute;
    right: 0;
    top: 0
}

.contentContainer_d829e7 {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-grow: 2;
    justify-content: center
}

.image_d829e7 {
    margin: 0 0 32px
}

.title_d829e7 {
    padding: 0 32px
}

.titleNoSocialProof_d829e7 {
    margin-bottom: 24px
}

.body_d829e7 {
    padding: 0 32px;
    text-align: center
}

.ctaContainer_d829e7 {
    align-items: center;
    background: var(--background-tertiary);
    border-radius: 0 0 5px 5px;
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    left: 0;
    padding: 16px;
    width: 100%
}

.secondaryCTA_d829e7 {
    color: var(--premium-nitro-pink-text);
    margin-right: 8px
}

    .secondaryCTA_d829e7:hover {
        text-decoration: underline
    }

.visual-refresh .container_d829e7, .visual-refresh .ctaContainer_d829e7 {
    background-color: var(--modal-background)
}

.visual-refresh .container_d829e7 {
    border-radius: var(--radius-sm)
}

.visual-refresh .ctaContainer_d829e7 {
    border-radius: 0 0 var(--radius-sm) var(--radius-sm)
}

.banner__97f37 {
    border-radius: 8px;
    max-width: 304px;
    width: 100%
}

    .banner__97f37.hasTrialOffer__97f37 {
        margin-bottom: 16px;
        margin-top: 16px;
        max-height: 172px
    }

.wrapper__97f37 {
    align-items: center;
    background-color: var(--background-secondary);
    border-radius: 8px;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 101
}

.visual-refresh .wrapper__97f37 {
    background-color: var(--modal-background)
}

.closeButton__97f37 {
    color: var(--interactive-normal);
    cursor: pointer;
    position: absolute;
    right: 16px;
    top: 16px
}

.contentFill__97f37 {
    background: var( --gradients-nitro-classic-diagonal,linear-gradient(45deg,var(--premium-tier-1-blue) 0,var(--premium-tier-1-purple) 75.25%) );
    border-radius: 8px;
    margin-top: 24px;
    padding: 36px 84px
}

.nitroWheel__97f37 {
    color: var(--premium-tier-1-purple);
    padding-right: 4px
}

.content__97f37 {
    box-sizing: border-box;
    color: var(--text-normal);
    flex-direction: column;
    text-align: center
}

.content__97f37, .header__97f37 {
    align-items: center;
    display: flex
}

.header__97f37 {
    justify-content: center;
    margin: 16px 0 8px
}

.headerText__97f37 {
    margin-left: 4px
}

.subheaderText__97f37 {
    color: var(--header-secondary);
    max-width: 350px;
    padding: 0 32px;
    white-space: pre-line
}

    .subheaderText__97f37 a {
        color: var(--text-normal);
        text-decoration: underline
    }

.ctaActionWrapper__97f37 {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    margin-top: 24px;
    padding: 0 48px;
    width: 100%
}

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

.listHeight_affa7e {
    visibility: hidden
}

.listItems_affa7e {
    contain: layout;
    position: absolute
}

.scroller_affa7e {
    height: 100%
}

.wrapper__4e6ce {
    background-color: var(--background-tertiary);
    border-radius: 0 0 0 8px;
    bottom: 0;
    display: grid;
    grid-template-rows: 1fr auto;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 48px
}

.enable-forced-colors .wrapper__4e6ce {
    border-right: 1px solid CanvasText
}

.visual-refresh .wrapper__4e6ce {
    background-color: var(--background-base-lower)
}

.container__183c2 {
    align-items: center;
    display: flex
}

.icon__183c2 {
    color: var(--text-muted);
    flex: 0 0 auto;
    height: 20px;
    margin-right: 8px;
    width: 20px
}

.visual-refresh .icon__183c2 {
    margin-left: -2px;
    margin-right: calc(var(--space-8) - 2px)
}

.size56__183c2 .avatarContainer__183c2 {
    height: 56px;
    width: 56px
}

.size56__183c2 .avatarContainerMasked__183c2 {
    height: 56px;
    margin-right: -14px;
    width: 56px
}

.size56__183c2 .clickableAvatar__183c2, .size56__183c2 .emptyUser__183c2 {
    height: 56px;
    width: 56px
}

.size32__183c2 .avatarContainer__183c2 {
    height: 32px;
    width: 32px
}

.size32__183c2 .avatarContainerMasked__183c2 {
    height: 32px;
    margin-right: -8px;
    width: 32px
}

.size32__183c2 .clickableAvatar__183c2, .size32__183c2 .emptyUser__183c2 {
    height: 32px;
    width: 32px
}

.size24__183c2 .avatarContainer__183c2 {
    height: 24px;
    width: 24px
}

.size24__183c2 .avatarContainerMasked__183c2 {
    height: 24px;
    margin-right: -6px;
    width: 24px
}

.size24__183c2 .clickableAvatar__183c2, .size24__183c2 .emptyUser__183c2 {
    height: 24px;
    width: 24px
}

.size16__183c2 .avatarContainer__183c2 {
    height: 16px;
    width: 16px
}

.size16__183c2 .avatarContainerMasked__183c2 {
    height: 16px;
    margin-right: -3px;
    width: 16px
}

.size16__183c2 .clickableAvatar__183c2, .size16__183c2 .emptyUser__183c2 {
    height: 16px;
    width: 16px
}

.clickableAvatar__183c2 {
    border-radius: 50%;
    cursor: pointer
}

.emptyUser__183c2 {
    background: var(--background-accent);
    border-radius: 50%
}

.emptyUserDimmed__183c2 {
    background: var(--opacity-black-52)
}

.avatarWithBackground__183c2 {
    background-color: var(--bg-mod-strong);
    position: relative
}

.avatar__183c2, .avatarWithBackground__183c2 {
    border-radius: 50%;
    height: 100%;
    width: 100%
}

.moreUsers__183c2 {
    align-items: center;
    background-color: var(--background-tertiary);
    box-sizing: border-box;
    color: var(--text-normal);
    display: flex;
    font-weight: 500;
    justify-content: center
}

    .moreUsers__183c2.moreUsersDimmed__183c2 {
        background-color: var(--opacity-black-52)
    }

.size56__183c2 .moreUsers__183c2 {
    border-radius: 28px;
    font-size: 24px;
    height: 56px;
    min-width: 56px;
    padding: 0 8px
}

.size32__183c2 .moreUsers__183c2 {
    border-radius: 16px;
    font-size: 12px;
    height: 32px;
    min-width: 32px;
    padding: 0 8px
}

.size24__183c2 .moreUsers__183c2 {
    border-radius: 12px;
    font-size: 12px;
    height: 24px;
    min-width: 24px;
    padding: 0 8px
}

.size16__183c2 .moreUsers__183c2 {
    border-radius: 8px;
    font-size: 10px;
    height: 16px;
    min-width: 16px;
    padding: 0 4px
}

.row_b1f768 {
    align-items: center;
    display: flex
}

    .row_b1f768 + .row_b1f768 {
        margin-top: 8px
    }

.rowGuildName_b1f768 {
    align-items: flex-start
}

.rowIcon_b1f768 {
    flex-shrink: 0;
    margin-right: 8px
}

.rowIconV2_b1f768 {
    margin-top: 2px
}

.activityIcon_b1f768 {
    color: var(--interactive-normal);
    height: var(--custom-guild-tooltip-icon-size);
    width: var(--custom-guild-tooltip-icon-size)
}

.stageListenerPill_b1f768 {
    align-items: center;
    background-color: var(--background-tertiary);
    border-radius: 12px;
    display: flex;
    flex-direction: row;
    height: 24px;
    margin-left: 8px;
    padding: 0 8px
}

.stageListenerCount_b1f768 {
    margin-left: 4px
}

.guildNameText_b1f768 {
    word-wrap: break-word;
    color: var(--text-normal);
    min-width: 0
}

.viewAsRolesWarning_b1f768 {
    margin: 8px 0 4px
}

.guildNameTextLimitedSize_b1f768 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.muteText_b1f768 {
    font-weight: 500
}

.muteTextWithActivity_b1f768 {
    margin-top: 8px
}

.invitesDisabledTooltip_b1f768 {
    margin-top: 2px
}

.navigationIcon__90d72 {
    display: block;
    height: 48px;
    width: 48px
}

.badgeIcon__90d72 {
    height: 12px;
    width: 12px
}

.guildSeparator__90d72 {
    background-color: var(--background-modifier-accent);
    border-radius: 1px;
    height: 2px;
    width: 32px
}

.guildsError__90d72 {
    align-items: center;
    background-color: var(--background-primary);
    border-color: var(--status-danger);
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    box-sizing: border-box;
    color: var(--text-normal);
    display: flex;
    font-size: 20px;
    height: 48px;
    justify-content: center;
    padding: 0;
    transition: background-color .15s ease-out;
    width: 48px
}

.errorInner__90d72 {
    font-weight: 700
}

.guildsError__90d72:hover {
    background-color: var(--status-danger);
    border-color: var(--status-danger);
    color: var(--white-500);
    text-decoration: none
}

.circleButtonBase__90d72 {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    transition: color .15s ease-out,background-color .15s ease-out;
    width: 48px
}

.circleIconButton__90d72 {
    background-color: var(--background-primary);
    color: var(--green-360)
}

    .circleIconButton__90d72.selected__90d72 {
        background-color: var(--green-360);
        color: var(--white-500)
    }

.nitroUpsell__90d72 {
    background: linear-gradient(135deg,var(--premium-tier-2-purple) 0,var(--premium-tier-2-pink) 100%);
    color: var(--white-500)
}

.nitroUpsellIcon__90d72 {
    stroke: #000 2px
}

.circleIcon__90d72 {
    height: 24px;
    width: 24px
}

.plus__90d72 {
    font-size: 40px;
    font-weight: 400;
    line-height: 40px;
    position: relative;
    top: -1px
}

.createJoinContainer__90d72 {
    position: relative;
    width: 50px
}

.pill__90d72 {
    left: 0;
    position: absolute;
    top: 0
}

.listItem__90d72 {
    display: flex;
    justify-content: center;
    margin: 0 0 8px;
    position: relative;
    width: var(--custom-guild-list-width)
}

.listItemWrapper__90d72:active {
    transform: translateY(1px) translateZ(0)
}

.listItemTooltip__90d72 {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    max-width: 196px;
    word-wrap: break-word
}

.placeholderMask__90d72 {
    display: block
}

.dragInner__90d72 {
    height: 48px;
    width: 48px
}

.iconBadge__90d72 {
    background-color: var(--background-accent)
}

    .iconBadge__90d72.participating__90d72 {
        background-color: var(--green-360)
    }

.unavailableBadge__90d72 {
    background-color: var(--white-500);
    color: var(--red-400) !important
}

.dragInner__90d72 {
    background-color: var(--background-primary)
}

.tutorialContainer__90d72 {
    position: relative
}

.upsellTooltip__90d72 {
    display: flex
}

.upsellIcon__90d72 {
    flex: 0 0 auto;
    margin-left: -6px;
    margin-right: 8px
}

.upsellText__90d72 {
    flex: 1 1 auto;
    line-height: 22px
}

.listItemTooltip__90d72 {
    color: var(--text-normal)
}

.visual-refresh .listItemTooltipContent__90d72 {
    padding: 8px
}

.guildIcon__0fa6d {
    align-items: center;
    background-color: var(--background-primary);
    color: var(--text-normal);
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.mask__0fa6d {
    display: block
}

.guildAcronym__0fa6d {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis
}

.categoryItemLockIconContainer__0fa6d, .guildIconWithoutImage__0fa6d {
    background-color: var(--background-primary)
}

.categoryItemLockIconContainer__0fa6d {
    border: 1px solid var(--background-tertiary);
    border-radius: 50%;
    height: 16px;
    inset: auto -1px -1px auto;
    position: absolute;
    width: 16px
}

.categoryItemLockIcon__0fa6d {
    color: var(--icon-primary);
    inset: 0;
    margin: auto;
    position: absolute
}

.categoryItem_b9ee0c {
    cursor: pointer
}

.categoryItemGuildCategory_b9ee0c, .categoryItemPackCategory_b9ee0c {
    height: var(--custom-emoji-picker-constants-guild-category-icon-size);
    margin-bottom: var(--custom-emoji-picker-constants-guild-category-icon-margin-verical);
    position: relative;
    width: var(--custom-emoji-picker-constants-guild-category-icon-size)
}

.categoryItemGuildCategory_b9ee0c, .categoryItemPackCategory_b9ee0c {
}

.categoryItemDefaultCategory_b9ee0c {
    border-radius: 4px;
    height: var(--custom-emoji-picker-constants-unicode-category-icon-size);
    margin-bottom: var(--custom-emoji-picker-constants-unicode-category-icon-margin-vertical);
    padding: var(--custom-emoji-picker-constants-unicode-category-icon-padding);
    transition: background-color .1s ease-in-out;
    width: var(--custom-emoji-picker-constants-unicode-category-icon-size)
}

    .categoryItemDefaultCategory_b9ee0c:hover {
        background-color: var(--background-modifier-hover)
    }

        .categoryItemDefaultCategory_b9ee0c:hover .categoryIcon_b9ee0c {
            color: var(--interactive-hover)
        }

.categoryItemRecentEmoji_b9ee0c {
    margin-bottom: var(--custom-emoji-picker-constants-guild-category-icon-margin-verical)
}

.categoryItemDefaultCategorySelected_b9ee0c, .categoryItemDefaultCategorySelected_b9ee0c:hover {
    background-color: var(--background-primary)
}

    .categoryItemDefaultCategorySelected_b9ee0c .categoryIcon_b9ee0c, .categoryItemDefaultCategorySelected_b9ee0c:hover .categoryIcon_b9ee0c {
        color: var(--interactive-active)
    }

.categoryIcon_b9ee0c {
    color: var(--interactive-normal)
}

.guildCategorySeparator_b9ee0c {
    border: none;
    border-bottom: var(--custom-emoji-picker-constants-category-separator-size) solid var(--background-modifier-accent);
    margin: var(--custom-emoji-picker-constants-category-separator-margin-vertical) 0
}

.theme-light .categoryItemDefaultCategorySelected_b9ee0c .categoryIcon_b9ee0c, .theme-light .categoryItemDefaultCategorySelected_b9ee0c:hover .categoryIcon_b9ee0c {
    color: var(--interactive-active)
}

.unicodeShortcut_b9ee0c {
    align-items: center;
    background: inherit;
    bottom: 0;
    color: var(--interactive-normal);
    cursor: pointer;
    display: flex;
    height: var(--custom-emoji-picker-constants-unicode-category-shortcut-height);
    justify-content: center;
    left: 0;
    opacity: 1;
    position: absolute;
    width: 100%
}

.full-motion .unicodeShortcut_b9ee0c {
    transition: opacity .1s,transform .1s
}

.unicodeShortcut_b9ee0c:hover {
    color: var(--interactive-hover)
}

.visual-refresh .unicodeShortcut_b9ee0c {
    border-top: 1px solid var(--border-normal);
    box-sizing: border-box
}

.unicodeShortcutInvisible_b9ee0c {
    opacity: 0;
    transform: translateY(var(--custom-emoji-picker-constants-unicode-category-shortcut-height))
}

.hideUnicodeShortcut_b9ee0c {
    display: none
}

.enable-forced-colors .unicodeShortcut_b9ee0c {
    background-color: ButtonFace;
    border-top: 1px solid CanvasText;
    color: ButtonText;
    height: calc(var(--custom-emoji-picker-constants-unicode-category-shortcut-height) - 1px)
}

.enable-forced-colors .categoryItemDefaultCategory_b9ee0c, .enable-forced-colors .categoryItemGuildCategory_b9ee0c {
    border: 1px solid Canvas;
    border-radius: 4px;
    transition: none
}

    .enable-forced-colors .categoryItemDefaultCategory_b9ee0c .categoryIcon_b9ee0c, .enable-forced-colors .categoryItemGuildCategory_b9ee0c .categoryIcon_b9ee0c {
        color: ButtonText
    }

    .enable-forced-colors .categoryItemDefaultCategory_b9ee0c:hover, .enable-forced-colors .categoryItemGuildCategory_b9ee0c:hover {
        background: ButtonFace;
        border-color: ButtonText
    }

.enable-forced-colors .categoryItemDefaultCategorySelected_b9ee0c, .enable-forced-colors .categoryItemDefaultCategorySelected_b9ee0c:hover {
    background-color: HighlightText;
    border-color: Highlight
}

    .enable-forced-colors .categoryItemDefaultCategorySelected_b9ee0c .categoryIcon_b9ee0c, .enable-forced-colors .categoryItemDefaultCategorySelected_b9ee0c:hover .categoryIcon_b9ee0c {
        color: Highlight
    }

.guildEmojiSectionItems_b9ee0c {
    position: relative
}

.guildEmojiSectionHighlighted_b9ee0c:before {
    bottom: 0;
    content: "";
    left: -8px;
    position: absolute;
    right: -8px;
    top: -4px
}

.theme-dark .guildEmojiSectionHighlighted_b9ee0c:before {
    background: linear-gradient(90deg,#503572,#673471 50%,#623e55)
}

.theme-light .guildEmojiSectionHighlighted_b9ee0c:before {
    background: linear-gradient(90deg,#d7c6ec,#e7c5ea 50%,#e3ccd9)
}

.wrapper_ac2cfb {
    background-color: var(--background-tertiary);
    border-radius: 4px;
    color: var(--text-normal);
    display: flex;
    font-size: 12px;
    font-weight: 500;
    margin: 8px 8px 0;
    padding: 10px 8px 8px
}

.icon_ac2cfb {
    color: var(--status-danger);
    height: 16px;
    min-width: var(--custom-emoji-picker-constants-emoji-size)
}

.close_ac2cfb {
    color: var(--interactive-normal);
    cursor: pointer;
    height: 14px;
    width: 14px
}

    .close_ac2cfb:hover {
        color: var(--interactive-hover)
    }

.content_ac2cfb {
    flex: 1 1 auto
}

@value iconSize 20px;

.visuallyHidden__0d242 {
    border: 0;
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.tooltip__0d242 {
    max-width: 275px
}

.tooltipContainer__0d242 {
    justify-content: center
}

.tooltipContainer__0d242, .tooltipHeadingContainer__0d242 {
    align-items: center;
    display: flex
}

.nitroWheel__0d242 {
    padding-right: 4px
}

.shine__0d242 {
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: Shine__0d242;
    animation-timing-function: ease-in-out;
    color: var(--opacity-white-8);
    visibility: hidden
}

@keyframes Shine__0d242 {
    0% {
        transform: translate3d(-100%,0,0)
    }

    to {
        transform: translate3d(200%,0,0)
    }
}

input[type=checkbox]:focus-visible + .label__0d242 {
    box-shadow: 0 0 8px var(--brand-500)
}

.label__0d242 {
    background: var(--background-tertiary);
    border-radius: var(--radius-lg);
    color: var(--text-normal);
    cursor: pointer;
    display: flex;
    height: 20px;
    overflow: hidden;
    padding: 6px;
    position: relative;
    transition: background .25s ease-out;
    width: 20px
}

.labelChecked__0d242 {
    background: var(--brand-500);
    box-shadow: unset
}

.label__0d242:hover .shine__0d242 {
    visibility: visible
}

.icon__0d242 {
    opacity: 1;
    position: absolute;
    transition: opacity .3s
}

.diversitySelectorButton_a45a2a {
    cursor: pointer;
    height: var(--custom-emoji-picker-constants-diversity-emoji-size);
    width: var(--custom-emoji-picker-constants-diversity-emoji-size)
}

.diversitySelectorOptions_a45a2a {
    background-color: var(--background-secondary-alt);
    border: 1px solid var(--background-tertiary);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 7px;
    top: 12px
}

.diversitySelectorOptionsHasTabWrapper_a45a2a {
    right: 11px;
    top: 0
}

.diversityEmojiItem_a45a2a {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    height: var(--custom-emoji-picker-constants-diversity-emoji-size);
    padding: var(--custom-emoji-picker-constants-emoji-container-padding-vertical) var(--custom-emoji-picker-constants-emoji-container-padding-horizontal);
    transition: background-color .1s ease-in-out;
    width: var(--custom-emoji-picker-constants-diversity-emoji-size)
}

    .diversityEmojiItem_a45a2a:hover {
        background-color: var(--background-modifier-hover)
    }

.diversityEmojiItemImage_a45a2a {
    height: var(--custom-emoji-picker-constants-diversity-emoji-size);
    width: var(--custom-emoji-picker-constants-diversity-emoji-size)
}

.enable-forced-colors .diversitySelectorButton_a45a2a {
    background-color: HighlightText;
    border: 1px solid Highlight;
    border-radius: 4px;
    padding: 2px
}

.enable-forced-colors .diversityEmojiItem_a45a2a {
    background-color: ButtonFace;
    border: 1px solid ButtonFace;
    border-radius: 4px
}

    .enable-forced-colors .diversityEmojiItem_a45a2a:hover {
        border-color: ButtonText
    }

.visual-refresh .diversitySelectorOptions_a45a2a {
    right: 11px;
    top: 19px
}

.visual-refresh .diversitySelectorOptionsHasTabWrapper_a45a2a {
    top: 3px
}

.wrapper_c0e32c {
    position: relative;
    transition: box-shadow .2s ease-out
}

    .wrapper_c0e32c, .wrapper_c0e32c.isBurstReactionPicker_c0e32c {
        border-radius: var(--custom-emoji-picker-border-radius)
    }

        .wrapper_c0e32c.isBurstReactionPicker_c0e32c {
            box-shadow: 0 0 0 2px var(--bg-brand)
        }

            .wrapper_c0e32c.isBurstReactionPicker_c0e32c:before {
                box-shadow: 0 0 100px var(--bg-brand);
                content: "";
                height: 100%;
                opacity: .5;
                pointer-events: none;
                position: absolute;
                width: 100%
            }

.emojiPicker_c0e32c {
    background-color: var(--background-secondary);
    border-bottom-left-radius: var(--custom-emoji-picker-border-radius);
    border-bottom-right-radius: var(--custom-emoji-picker-border-radius);
    box-shadow: var(--shadow-border),var(--shadow-high);
    display: grid;
    grid-template-columns: 48px auto;
    grid-template-rows: auto 1fr auto;
    height: var(--custom-emoji-picker-constants-emoji-picker-height);
    overflow: hidden;
    width: var(--custom-emoji-picker-constants-min-emoji-picker-width)
}

.emojiPickerHasTabWrapper_c0e32c .emojiPicker_c0e32c {
    background-color: transparent;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: none;
    flex: 1 1 auto;
    grid-template-rows: auto 1fr auto;
    height: 100%;
    width: auto
}

.visual-refresh .emojiPicker_c0e32c {
    background-color: var(--background-surface-high)
}

.header_c0e32c {
    align-items: center;
    background-color: var(--background-secondary);
    border-top-left-radius: var(--custom-emoji-picker-border-radius);
    border-top-right-radius: var(--custom-emoji-picker-border-radius);
    box-shadow: var(--shadow-low);
    display: flex;
    grid-column: 1/3;
    margin: 0 -1px;
    padding: 12px;
    position: relative;
    z-index: 100
}

.emojiPickerHasTabWrapper_c0e32c .header_c0e32c {
    background-color: transparent;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin: 0;
    padding: 0 16px 16px
}

.isBurstReactionPicker_c0e32c .header_c0e32c {
    margin: 0
}

.visual-refresh .header_c0e32c {
    background-color: var(--background-surface-high);
    border-bottom: 1px solid var(--border-subtle);
    box-shadow: none;
    padding: var(--custom-gif-picker-gutter-size);
    padding-top: var(--spacing-16)
}

.visual-refresh .emojiPickerHasTabWrapper_c0e32c .header_c0e32c {
    padding: var(--custom-gif-picker-gutter-size)
}

.searchBar_c0e32c {
    flex: 1;
    margin-right: var(--spacing-12)
}

.searchBarFullRow_c0e32c {
    grid-column: 1/3
}

.diversitySelector_c0e32c {
    grid-column: 2/3
}

.categoryList_c0e32c {
    border-bottom-left-radius: var(--custom-emoji-picker-border-radius);
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 58px;
    width: 48px
}

.emojiPickerHasTabWrapper_c0e32c .categoryList_c0e32c {
    top: 50px
}

.visual-refresh .categoryList_c0e32c {
    top: 69px
}

.visual-refresh .emojiPickerHasTabWrapper_c0e32c .categoryList_c0e32c {
    top: 53px
}

.bodyWrapper_c0e32c {
    display: grid;
    grid-column: 2/3;
    grid-row: 2/3;
    grid-template-rows: auto 1fr;
    position: relative
}

.emojiPickerListWrapper_c0e32c {
    grid-row: 2/2;
    overflow: hidden;
    position: relative
}

.inspector_c0e32c {
    grid-column: 2/3;
    grid-row: 3/4
}

.burstToggle_c0e32c {
    margin-right: 12px
}

.enable-forced-colors .header_c0e32c {
    border-bottom: 1px solid CanvasText
}

@media (max-width:485px) {
    .emojiPicker_c0e32c {
        width: 350px
    }
}

.inspector_aeaaeb {
    align-items: center;
    background-color: var(--background-secondary-alt);
    box-sizing: border-box;
    display: flex;
    flex: 0 0 auto;
    flex-direction: row;
    height: var(--custom-expression-picker-constants-expression-picker-inspector-bar-height);
    overflow: hidden;
    padding: 0 16px;
    width: 100%
}

.visual-refresh .inspector_aeaaeb {
    background-color: var(--background-base-lower);
    border-top: 1px solid var(--border-normal)
}

.graphicPrimary_aeaaeb {
    height: var(--custom-expression-picker-constants-expression-picker-inspector-bar-graphic-primary-dimensions);
    width: var(--custom-expression-picker-constants-expression-picker-inspector-bar-graphic-primary-dimensions)
}

.graphicSecondary_aeaaeb {
    height: var(--custom-expression-picker-constants-expression-picker-inspector-bar-graphic-secondary-dimensions);
    margin-left: 8px;
    width: var(--custom-expression-picker-constants-expression-picker-inspector-bar-graphic-secondary-dimensions)
}

.textWrapper_aeaaeb {
    flex: 1;
    margin-left: 8px;
    overflow: hidden
}

.titlePrimary_aeaaeb, .titleSecondary_aeaaeb {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.titleSecondary_aeaaeb {
    color: var(--interactive-normal)
}

.favorite_aeaaeb {
    margin-bottom: -1px;
    margin-right: 3px
}

.badgeLabel_aeaaeb {
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    gap: 4px;
    padding: 4px 8px;
    text-transform: uppercase
}

.topGuildEmojiBadge_aeaaeb {
    background: linear-gradient(268.26deg,#bf5151,#db803f 102.45%)
}

.newlyAddedBadge_aeaaeb {
    background: linear-gradient(268.26deg,#097d8d,#60a654 102.45%)
}

.newlyAddedBadgeIcon_aeaaeb {
    color: #fff;
    height: 14px;
    margin: 2px 2px 0 0;
    width: 14px
}

.enable-forced-colors .inspector_aeaaeb {
    border-top: 1px solid CanvasText
}

.emoji__045fa {
    height: 100%;
    object-fit: contain;
    width: 100%
}

.glyphEmoji__045fa {
    align-items: center;
    display: flex;
    justify-content: center;
    overflow: hidden;
    white-space: nowrap
}

.icon__045fa {
    height: 100%;
    transform-origin: 50% 50%;
    width: 100%;
    fill: var(--interactive-normal)
}

.wrapper__29ebd {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 500;
    height: 100%;
    justify-content: center;
    text-align: center
}

.sadImage__29ebd {
    background-repeat: no-repeat;
    background-size: 90px;
    height: 90px;
    margin-bottom: 20px;
    width: 90px
}

.theme-dark .wrapper__29ebd {
    color: var(--primary-400)
}

.theme-dark .sadImage__29ebd {
    background-image: url(/assets/2a563d3b06091b16.svg)
}

.theme-dark .forceLightTheme__29ebd .wrapper__29ebd, .theme-light .wrapper__29ebd {
    color: #99aab5
}

.theme-dark .forceLightTheme__29ebd .sadImage__29ebd, .theme-light .sadImage__29ebd {
    background-image: url(/assets/ed7b8a00de132314.svg)
}

.wrapper__14245 {
    align-items: center;
    background-color: var(--background-secondary);
    box-sizing: border-box;
    display: flex;
    height: var(--custom-expression-picker-constants-expression-picker-list-section-heading-height);
    padding: 0 4px 0 12px;
    z-index: 1
}

    .wrapper__14245:after {
        background-color: inherit;
        content: "";
        height: 3px;
        left: 0;
        position: absolute;
        top: -2px;
        width: 100%
    }

.header__14245 {
    align-items: center;
    color: var(--header-secondary);
    display: flex;
    font-size: 12px;
    font-weight: 600;
    justify-content: flex-start;
    min-width: 0;
    transition: color .125s
}

.visual-refresh .wrapper__14245 {
    background-color: var(--background-surface-high)
}

.interactive__14245:hover {
    cursor: pointer
}

    .interactive__14245:hover:hover {
        color: var(--interactive-active)
    }

.headerIcon__14245 {
    display: contents;
    height: 100%;
    margin-right: 8px
}

.headerLabel__14245 {
    margin-right: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

.headerIcon__14245 + .headerLabel__14245 {
    margin-left: 8px
}

.headerCollapseIcon__14245 {
    flex-shrink: 0
}

.full-motion .headerCollapseIcon__14245 {
    transition: transform .1s
}

.headerCollapseIconCollapsed__14245 {
    transform: rotate(-90deg)
}

.enable-forced-colors .wrapper__14245 {
    border-bottom: 1px solid CanvasText
}

.enable-forced-colors .interactive__14245 {
    background-color: ButtonFace;
    color: ButtonText;
    forced-color-adjust: none
}

    .enable-forced-colors .interactive__14245:hover {
        color: ButtonText
    }

.upsellButton__0b69f {
    background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color);
    border-radius: 3px;
    flex-shrink: 0;
    margin-left: auto
}

.visual-refresh .upsellButton__0b69f {
    background-clip: padding-box
}

.upsellContainer__0b69f {
    align-items: center;
    background: linear-gradient(var(--background-secondary),var(--background-secondary)) padding-box,var(--custom-premium-colors-premium-gradient-tier-2-tri-color) border-box;
    border-radius: 12px;
    display: flex;
    padding: 12px
}

.upsellContainerShadow__0b69f {
    filter: drop-shadow(0 0 10px rgba(184,69,193,.5))
}

.upsellContainerFloating__0b69f {
    inset: auto var(--spacing-16) var(--spacing-8) var(--spacing-8);
    position: absolute
}

.upsellContainerInline__0b69f {
    flex: 1;
    margin: var(--spacing-8) var(--spacing-16)
}

.upsellText__0b69f {
    flex: 1;
    margin: auto 16px auto 8px
}

.lockIcon__0b69f {
    color: var(--header-primary)
}

.nitroTopDividerContainer_b3fb5f {
    display: flex;
    flex-direction: column;
    padding-top: var(--custom-emoji-picker-constants-emoji-premium-upsell-margin-top)
}

.nitroTopDividerUpper_b3fb5f {
    height: 12px
}

.nitroTopDividerShadow_b3fb5f {
    box-shadow: 0 -5px 30px 4px var(--premium-tier-2-purple)
}

.glow_b3fb5f.reducedMotion_b3fb5f {
    opacity: 0
}

.glow_b3fb5f:not(.reducedMotion_b3fb5f) {
    animation: glowAnimation_b3fb5f 5s forwards
}

@keyframes glowAnimation_b3fb5f {
    0% {
        opacity: 0
    }

    60% {
        opacity: 0
    }

    80% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.nitroTopDividerLockContainer_b3fb5f {
    align-items: center;
    display: flex
}

.nitroTopDividerLockBorder_b3fb5f {
    height: 1px;
    width: 100%
}

.nitroTopDividerLockBorder_b3fb5f, .nitroTopDividerLockCircle_b3fb5f {
    background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color)
}

.nitroTopDividerLockCircle_b3fb5f {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 28px;
    justify-content: center;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 28px;
    z-index: 9999
}

.nitroTopDividerLockBorderReversed_b3fb5f {
    background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color-reverse);
    height: 1px;
    width: 100%
}

.nitroTopDividerLower_b3fb5f {
    background-color: var(--premium-tier-2-purple);
    height: 12px
}

.reverseTrialTopDividerLower_b3fb5f {
    background-color: var(--premium-tier-2-purple);
    height: 25px;
    opacity: .2
}

.premiumUnlockAnimation_b3fb5f {
    animation: shrink_b3fb5f 2s forwards;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 9999
}

@keyframes shrink_b3fb5f {
    0% {
        height: 67px;
        width: 67px
    }

    75% {
        height: 66px;
        width: 66px
    }

    90% {
        height: 32px;
        width: 32px
    }

    to {
        display: none;
        height: 32px;
        width: 32px
    }
}

.premiumUnlockedWithNitroPillContainer_b3fb5f {
    align-items: center;
    background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color);
    border-radius: 14px;
    box-shadow: inset 0 0 4px 0 rgba(194,105,195,.6);
    display: flex;
    gap: 4px;
    height: 24px;
    left: 50%;
    opacity: 0;
    overflow: hidden;
    padding: 4px 16px;
    position: absolute;
    transform: translateX(-50%);
    z-index: 9999
}

    .premiumUnlockedWithNitroPillContainer_b3fb5f.reducedMotion_b3fb5f {
        opacity: 1
    }

    .premiumUnlockedWithNitroPillContainer_b3fb5f:not(.reducedMotion_b3fb5f) {
        animation: expand_b3fb5f 2s 2s forwards
    }

@keyframes expand_b3fb5f {
    0% {
        max-width: 0;
        opacity: 1
    }

    to {
        max-width: 200px;
        opacity: 1
    }
}

.rowContainer__1e702 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    padding-top: 8px
}

.image__1859b, .imageLoading__1859b {
    color: transparent;
    object-fit: contain;
    pointer-events: none
}

.imageLoading__1859b {
    background-repeat: no-repeat;
    object-position: 100px
}

.images-light .imageLoading__1859b {
    background-image: url(/assets/4b212c35992a1e02.png)
}

.images-dark .imageLoading__1859b {
    background-image: url(/assets/2dfc4736f9e305f0.png)
}

.emojiSpriteImage_d982c2 {
    object-fit: contain;
    pointer-events: none
}

.emojiLockIconContainer_d982c2 {
    background: var(--opacity-black-60);
    border-radius: 2px;
    height: 40px;
    inset: 0;
    margin: auto;
    pointer-events: none;
    position: absolute;
    width: 40px
}

.emojiLockIcon_d982c2 {
    color: var(--icon-primary);
    inset: 0;
    margin: auto;
    position: absolute
}

.lockedEmoji_d982c2 {
    border-radius: 2px
}

.theme-light .emojiLockIconContainer_d982c2 {
    background: hsl(var(--primary-200-hsl)/.6)
}

@keyframes ripple_fc7141 {
    0% {
        opacity: 1;
        transform: scale(.8)
    }

    to {
        opacity: 0;
        transform: scale(1.6)
    }
}

.emojiListRow_fc7141 {
    display: grid;
    grid-auto-flow: column;
    padding-left: 8px
}

.newlyAddedHighlightContainer_fc7141 .emojiListRow_fc7141 {
    padding-left: 0
}

.visual-refresh .emojiListRow_fc7141 li {
    overflow: hidden
}

.topEmojiSectionContainer_fc7141 {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px
}

.topEmojiContainer_fc7141 {
    display: grid;
    grid-auto-flow: column
}

    .topEmojiContainer_fc7141.noEmojis_fc7141 {
        display: none
    }

.newlyAddedHighlightContainer_fc7141 {
    display: flex;
    flex-direction: column;
    position: relative
}

.newlyAddedBadge_fc7141 {
    align-items: center;
    background-color: #2d7d46;
    border-radius: 0 0 4px 4px;
    bottom: calc(var(--custom-emoji-picker-constants-newly-added-emoji-badge-height)*-1);
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-left: auto;
    position: absolute;
    text-transform: uppercase;
    z-index: 1
}

    .newlyAddedBadge_fc7141.alignRight_fc7141 {
        right: 0
    }

.newlyAddedBadgeMedium_fc7141 {
    width: calc(var(--custom-emoji-picker-constants-emoji-size-medium) + var(--custom-emoji-picker-constants-emoji-container-padding-horizontal)*2 + 2px)
}

.newlyAddedBadgeLarge_fc7141 {
    width: calc(var(--custom-emoji-picker-constants-emoji-size-large) + var(--custom-emoji-picker-constants-emoji-container-padding-horizontal)*2 + 2px)
}

.newlyAddedBadgeStar_fc7141 {
    color: #fff;
    height: 12px;
    margin-right: 2px;
    width: 12px
}

.newlyAddedHighlight_fc7141 {
    border: 1px solid #2d7d46;
    border-radius: 4px 4px 4px 0;
    z-index: 1
}

    .newlyAddedHighlight_fc7141.alignRight_fc7141 {
        border-radius: 4px 4px 0
    }

    .newlyAddedHighlight_fc7141.oneItem_fc7141 {
        border-radius: 4px 4px 0 0
    }

.newlyAddedHighlightContainer_fc7141:hover .newlyAddedHighlight_fc7141 {
    border: 1px solid rgba(45,125,70,.5)
}

.newlyAddedHighlightContainer_fc7141:hover .newlyAddedBadge_fc7141 {
    background-color: rgba(45,125,70,.5)
}

.emojiListRowLargeSize_fc7141 {
    grid-template-columns: repeat(auto-fill,calc(var(--custom-emoji-picker-constants-emoji-size-large) + var(--custom-emoji-picker-constants-emoji-container-padding-vertical)*2));
    height: calc(var(--custom-emoji-picker-constants-emoji-size-large) + var(--custom-emoji-picker-constants-emoji-container-padding-vertical)*2)
}

.emojiListRowMediumSize_fc7141 {
    grid-template-columns: repeat(auto-fill,calc(var(--custom-emoji-picker-constants-emoji-size-medium) + var(--custom-emoji-picker-constants-emoji-container-padding-vertical)*2));
    height: calc(var(--custom-emoji-picker-constants-emoji-size-medium) + var(--custom-emoji-picker-constants-emoji-container-padding-vertical)*2)
}

.emojiItem_fc7141 {
    background: none;
    border-radius: 4px;
    cursor: pointer;
    display: block;
    padding: var(--custom-emoji-picker-constants-emoji-container-padding-vertical) var(--custom-emoji-picker-constants-emoji-container-padding-horizontal);
    position: relative
}

    .emojiItem_fc7141, .emojiItem_fc7141:focus {
        outline: none
    }

        .emojiItem_fc7141.emojiItemSelected_fc7141, .emojiItem_fc7141.expandCollapseButtonSelected_fc7141 {
            background-color: var(--background-accent)
        }

        .emojiItem_fc7141.expandCollapseButtonSelected_fc7141 {
            border-radius: var(--radius-round)
        }

        .emojiItem_fc7141:after {
            border: 3px solid var(--yellow-300);
            border-radius: 100%;
            box-sizing: border-box;
            content: "";
            height: 100%;
            left: 0;
            opacity: 0;
            pointer-events: none;
            position: absolute;
            top: 0;
            transform-origin: center;
            width: 100%;
            z-index: 5
        }

.full-motion .emojiItem_fc7141:after {
    transition: all .15s ease-in-out
}

.emojiItem_fc7141.showPulse_fc7141:after {
    animation: ripple_fc7141 .25s ease-out 1
}

.emojiItemLarge_fc7141 {
    height: calc(var(--custom-emoji-picker-constants-emoji-size-large) + var(--custom-emoji-picker-constants-emoji-container-padding-vertical)*2);
    width: calc(var(--custom-emoji-picker-constants-emoji-size-large) + var(--custom-emoji-picker-constants-emoji-container-padding-horizontal)*2)
}

.emojiItemMedium_fc7141 {
    height: calc(var(--custom-emoji-picker-constants-emoji-size-medium) + var(--custom-emoji-picker-constants-emoji-container-padding-vertical)*2);
    width: calc(var(--custom-emoji-picker-constants-emoji-size-medium) + var(--custom-emoji-picker-constants-emoji-container-padding-horizontal)*2)
}

.icon_fc7141 {
    height: 100%;
    transform-origin: 50% 50%;
    width: 100%;
    fill: var(--interactive-normal)
}

    .icon_fc7141:hover .icon_fc7141 {
        fill: var(--interactive-hover)
    }

.keyboard-mode .emojiItem_fc7141.emojiItemSelected_fc7141 {
    position: relative
}

    .keyboard-mode .emojiItem_fc7141.emojiItemSelected_fc7141: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_fc7141.emojiItemSelected_fc7141 {
    background-color: HighlightText;
    outline: 1px solid Highlight;
    outline-offset: -1px
}

    .enable-forced-colors .emojiItem_fc7141.emojiItemSelected_fc7141:before {
        border-color: Highlight
    }

.theme-light .emojiItem_fc7141.emojiItemSelected_fc7141, .theme-light .emojiItem_fc7141.expandCollapseButtonSelected_fc7141 {
    background-color: var(--background-primary);
    box-shadow: inset 0 0 0 1px var(--background-modifier-accent)
}

.listWrapper_c656ac {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.list_c656ac {
    height: 100%
}

.noSearchResultsContainer_c656ac {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.categorySection_c656ac {
    padding-bottom: var(--custom-emoji-picker-constants-emoji-section-margin-bottom)
}

.categorySectionCollapsed_c656ac, .categorySectionLast_c656ac, .categorySectionNitroDivider_c656ac {
    padding-bottom: 0
}

.categorySectionNitroLocked_c656ac {
    background-color: hsl(var(--premium-tier-2-purple-hsl)/.2)
}

.header_c656ac {
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.inactiveNitroHeader_c656ac {
    background-color: transparent !important
}

.activeNitroHeader_c656ac {
    background-color: var(--background-secondary)
}

.premiumUpsell_c656ac {
    box-sizing: border-box;
    height: var(--custom-emoji-picker-constants-emoji-premium-upsell-height);
    margin-right: 4px;
    margin-top: var(--custom-emoji-picker-constants-emoji-premium-upsell-margin-top);
    overflow: hidden
}

.sectionPremiumUpsellTopOfList_c656ac {
    margin-top: 8px
}

.premiumUpsellTopOfList_c656ac {
    height: 50px;
    margin-top: 0
}

.nitroBottomDivider_c656ac {
    background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color);
    height: 1px;
    margin: var(--custom-emoji-picker-constants-emoji-premium-upsell-margin-top) 0;
    width: 100%
}

.upsellContainer_c656ac {
    align-items: center;
    background: linear-gradient(var(--background-secondary),var(--background-secondary)) padding-box,var(--custom-premium-colors-premium-gradient-tier-2-tri-color) border-box;
    border-radius: 12px;
    display: flex;
    filter: drop-shadow(0 0 10px #b845c180);
    height: 52px;
    inset: auto 16px 8px 8px;
    padding: 0 12px;
    position: absolute
}

.upsellText_c656ac {
    margin: auto 16px auto 4px
}

.upsellLock_c656ac {
    color: var(--icon-primary);
    padding-bottom: 2px
}

.upsellButton_c656ac {
    background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color);
    border-radius: 3px;
    flex-shrink: 0;
    margin-left: auto
}

.soundmojiViewMore_c656ac {
    align-self: center;
    color: var(--header-secondary);
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    margin-left: auto;
    transition: color .125s
}

    .soundmojiViewMore_c656ac:hover {
        color: var(--interactive-active)
    }

.premiumRetentionNotice_a606ef {
    background-color: var(--background-tertiary);
    border-radius: 4px;
    color: var(--text-normal);
    display: flex;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin: 8px 8px 0;
    padding: 8px
}

.premiumRetentionNoticeIcon_a606ef {
    height: 24px;
    margin-right: 8px;
    margin-top: 2px;
    min-width: var(--custom-emoji-picker-constants-emoji-size)
}

.premiumRetentionNoticeClose_a606ef {
    color: var(--interactive-normal);
    cursor: pointer;
    height: 16px;
    width: 16px
}

    .premiumRetentionNoticeClose_a606ef:hover {
        color: var(--interactive-hover)
    }

.premiumRetentionNoticeContent_a606ef {
    flex: 1 1 auto
}

.noBoxShadowMargin_d0aeea {
    margin: 0
}

.slowModeIcon_b21699 {
    display: block;
    margin-left: 4px
}

.cooldownWrapper_b21699 {
    margin-left: auto;
    overflow: hidden;
    white-space: nowrap
}

.cooldownText_b21699, .cooldownWrapper_b21699 {
    align-items: center;
    display: flex
}

.cooldownText_b21699 {
    gap: var(--space-4);
    transition: color .2s ease
}

.visual-refresh.align-chat-input .cooldownWrapper_b21699 {
    gap: 4px;
    padding: 3px 16px 3px 8px
}

.visual-refresh.align-chat-input .cooldownText_b21699 {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.visual-refresh-chat-input .slowModeIcon_b21699 {
    display: inline;
    margin-left: auto
}

.visual-refresh-chat-input .cooldownWrapper_b21699 {
    overflow: initial
}

.container__1fad5 {
    align-items: center;
    background-color: var(--background-tertiary);
    border-radius: var(--radius-sm);
    display: flex;
    flex: 1;
    flex-direction: row;
    flex-shrink: 0;
    height: 12px;
    justify-content: center;
    line-height: 18px;
    margin: 2px 0 2px 4px;
    max-width: 160px;
    padding: 2px 4px;
    position: relative;
    text-align: center
}

.progress__1fad5 {
    flex: 1;
    margin-left: 4px
}

.base_b88801 {
    align-items: center;
    bottom: 1px;
    color: var(--text-normal);
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 24px;
    left: 16px;
    line-height: 24px;
    overflow-y: hidden;
    position: absolute;
    resize: none;
    right: 16px
}

    .base_b88801 strong {
        font-weight: 700
    }

    .base_b88801 .text_b88801 {
        display: block;
        margin-left: 4px;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .base_b88801 .ellipsis_b88801 {
        display: block;
        flex: 0 0 auto;
        margin-left: 9px
    }

    .base_b88801 .typingDots_b88801 {
        align-items: center;
        display: flex;
        overflow: hidden;
        text-overflow: ellipsis
    }

.visual-refresh.align-chat-input .base_b88801 {
    bottom: unset;
    left: 0;
    padding-left: 16px;
    right: 0;
    top: -24px
}

    .visual-refresh.align-chat-input .base_b88801 .typingDots_b88801 {
        margin-left: 8px
    }

.visual-refresh.align-chat-input .backgroundAnimated_b88801 {
    height: 32px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.visual-refresh.align-chat-input .text_b88801 {
    margin-left: 24px;
    z-index: 1
}

.typing_b88801 {
    overflow: visible
}

.visual-refresh .base_b88801 {
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 500;
    left: var(--space-16);
    line-height: 16px
}

    .visual-refresh .base_b88801 .ellipsis_b88801 {
        margin-left: 0
    }

.visual-refresh-chat-input .base_b88801 {
    overflow: auto;
    position: static
}

.isComboing_b88801 {
    justify-content: space-between
}

.activityInviteEducation_b88801 {
    opacity: 0;
    z-index: 1
}

.activityInviteEducationFadeIn_b88801 {
    opacity: 1
}

.activityInviteEducationArrow_b88801 {
    background-repeat: no-repeat;
    background-size: 12px 10px;
    display: inline-block;
    height: 15px;
    margin: 0 2px 0 24px;
    width: 15px
}

.images-light .activityInviteEducationArrow_b88801 {
    background-image: url(/assets/3b11031474fb64a0.svg)
}

.images-dark .activityInviteEducationArrow_b88801 {
    background-image: url(/assets/6ad5446be34bb27a.svg)
}

.visual-refresh .activityInviteEducation_b88801 {
    margin-left: -8px
}

.visual-refresh .activityInviteEducationLeftArrow_b88801 {
    padding-right: var(--space-4)
}

.autocomplete__13533 {
    background-color: var(--autocomplete-bg);
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 3
}

.autocompleteInner__13533 {
    padding-bottom: 8px
}

.autocompleteRow__13533 {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    padding: 0 8px
}

.autocompleteRowVertical__13533 {
}

.autocompleteRowHorizontal__13533 {
    padding: 0
}

.autocompleteRowContent__13533 {
    align-items: center;
    color: var(--interactive-normal);
    display: flex;
    min-height: 16px
}

.autocompleteRowContentPrimary__13533 {
    flex-grow: 0;
    flex-shrink: 1;
    min-width: 10ch;
    overflow: hidden
}

.autocompleteRowIcon__13533 {
    flex: 0 0 auto;
    margin-right: 8px
}

.autocompleteRowHeading__13533 {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.autocompleteRowSubheading__13533 {
    margin-top: 2px
}

.autocompleteRowContentSecondary__13533 {
    flex-basis: 10ch;
    flex-grow: 1;
    flex-shrink: 0;
    margin-left: 16px;
    min-width: 10ch;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap
}

.base__13533 {
    border-radius: 3px;
    padding: 8px
}

.clickable__13533[aria-disabled=false] > .base__13533 {
    cursor: pointer
}

    .clickable__13533[aria-disabled=false] > .base__13533:hover, .clickable__13533[aria-selected=true] > .base__13533 {
        background-color: var(--background-modifier-hover)
    }

.dividerContainer__13533 .base__13533 {
    padding-bottom: 0;
    padding-top: 0
}

.divider__13533 {
    padding: 8px
}

    .divider__13533:after {
        background-color: var(--background-modifier-accent);
        content: "";
        display: block;
        height: 1px;
        width: 100%
    }

.contentTitle__13533 {
    color: var(--interactive-normal);
    padding: 4px 0;
    text-transform: uppercase
}

    .contentTitle__13533 strong {
        color: var(--text-secondary);
        text-transform: none
    }

.icon__13533 {
    color: var(--interactive-normal);
    height: 16px;
    object-fit: contain;
    width: 16px
}

.iconForeground__13533 {
    fill: var(--interactive-normal)
}

.emojiImage__13533 {
    height: 20px;
    object-fit: contain;
    width: 20px
}

.emojiRaw__13533 {
    display: block;
    font-size: 20px
}

.descriptionDiscriminator__13533 {
    opacity: .6
}

.autocompleteRowVerticalSmall__13533 .base__13533 {
    padding: 4px 8px
}

.roleDot__13533 {
    margin-right: 4px
}

.autocompletePlaceholder__13533 {
    background: var(--background-primary);
    border-radius: 16px;
    height: 16px;
    margin-top: 8px
}

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

.enable-forced-colors .clickable__13533[aria-selected=true] > .base__13533 {
    outline: 2px solid Highlight;
    outline-offset: Highlight
}

.enable-forced-colors .descriptionDiscriminator__13533 {
    opacity: 1
}

.selectable_c9946a {
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.strong_c9946a {
    font-weight: 600
}

.colorStandard_c9946a {
    color: var(--text-normal)
}

.colorLink_c9946a {
    color: var(--text-link)
}

.colorMuted_c9946a {
    color: var(--text-muted)
}

.colorError_c9946a {
    color: var(--red-400)
}

.colorBrand_c9946a {
    color: var(--text-brand)
}

.colorHeaderPrimary_c9946a {
    color: var(--header-primary)
}

.colorHeaderSecondary_c9946a {
    color: var(--header-secondary)
}

.colorStatusYellow_c9946a {
    color: var(--text-warning)
}

.colorStatusGreen_c9946a {
    color: var(--text-positive)
}

.colorStatusRed_c9946a {
    color: var(--status-danger)
}

.colorInteractiveActive_c9946a {
    color: var(--interactive-active)
}

.colorInteractiveNormal_c9946a {
    color: var(--interactive-normal)
}

.colorWhite_c9946a {
    color: var(--white-500)
}

.enable-forced-colors .colorBrand_c9946a, .enable-forced-colors .colorError_c9946a, .enable-forced-colors .colorHeaderPrimary_c9946a, .enable-forced-colors .colorHeaderSecondary_c9946a, .enable-forced-colors .colorInteractiveActive_c9946a, .enable-forced-colors .colorInteractiveNormal_c9946a, .enable-forced-colors .colorMuted_c9946a, .enable-forced-colors .colorStandard_c9946a, .enable-forced-colors .colorStatusGreen_c9946a, .enable-forced-colors .colorStatusRed_c9946a, .enable-forced-colors .colorStatusYellow_c9946a, .enable-forced-colors .colorWhite_c9946a {
    color: CanvasText
}

.enable-forced-colors .colorLink_c9946a {
    color: LinkText
}

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

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

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

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

.size20_a4e6b9 {
    font-size: 20px;
    line-height: 24px
}

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

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

.option_a19535 {
    border-radius: 4px;
    display: block;
    font-weight: 400;
    padding: 0 4px
}

.theme-light .option_a19535 {
    background-color: var(--primary-300)
}

.theme-dark .option_a19535 {
    background-color: var(--primary-800)
}

.inline_a19535 {
    margin-right: 4px;
    padding-bottom: 1px
}

.set_a19535 {
    opacity: .5
}

.error_a19535 {
    color: var(--status-danger)
}

.active_a19535 {
    background-color: var(--brand-500) !important;
    color: var(--white-500)
}

.clickable_a19535 {
    cursor: pointer
}

.mask_ca5f52 {
    display: block
}

.icon_ca5f52 {
    height: 32px;
    width: 32px
}

.wrapper_ca5f52 {
    border-radius: 8px;
    transition: background-color .1s ease-in-out
}

.selectable_ca5f52:hover {
    background-color: var(--background-modifier-hover)
}

    .selectable_ca5f52:hover .icon_ca5f52 {
        color: var(--interactive-hover)
    }

.selected_ca5f52, .selected_ca5f52:hover {
    background-color: var(--background-primary)
}

    .selected_ca5f52 .icon_ca5f52, .selected_ca5f52:hover .icon_ca5f52 {
        color: var(--interactive-active)
    }

.theme-light .selected_ca5f52 .icon_ca5f52, .theme-light .selected_ca5f52:hover .icon_ca5f52 {
    color: var(--primary-500)
}

.icon__1a58a {
    color: var(--interactive-normal)
}

.wrapper__1a58a {
    border-radius: 8px;
    transition: background-color .1s ease-in-out
}

.selectable__1a58a:hover {
    background-color: var(--background-modifier-hover)
}

    .selectable__1a58a:hover .icon__1a58a {
        color: var(--interactive-hover)
    }

.selected__1a58a, .selected__1a58a:hover {
    background-color: var(--background-primary)
}

    .selected__1a58a .icon__1a58a, .selected__1a58a:hover .icon__1a58a {
        color: var(--interactive-active)
    }

.theme-light .selected__1a58a .icon__1a58a, .theme-light .selected__1a58a:hover .icon__1a58a {
    color: var(--primary-500)
}

.wrapper__920ab {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 40px
}

.image__920ab {
    align-self: flex-start;
    flex-grow: 0;
    flex-shrink: 0;
    justify-self: flex-start;
    margin-right: 16px;
    margin-top: 4px
}

.infoWrapper__920ab {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden
}

.source__920ab {
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 16px;
    max-width: 33%;
    overflow: hidden;
    text-overflow: ellipsis
}

.usageWrapper__920ab {
    align-items: center;
    display: flex;
    flex-direction: row
}

.description__920ab {
    margin-top: 4px;
    white-space: nowrap
}

.description__920ab, .title__920ab {
    overflow: hidden;
    text-overflow: ellipsis
}

.title__920ab {
    flex-shrink: 0;
    font-weight: 500
}

.option__920ab {
    margin-left: 8px
}

.error__920ab {
    color: var(--status-danger)
}

.optionalHeader__920ab {
    color: var(--text-muted);
    text-transform: uppercase
}

.optionalCount__920ab, .optionalHeader__920ab {
    padding-left: 8px
}

.disabled__920ab {
    opacity: .3
}

.optionals__920ab {
    align-items: center;
    border-left: 1px solid var(--background-modifier-accent);
    display: flex;
    flex-direction: row;
    margin-left: 8px
}

.optionalNames__920ab {
    display: flex;
    flex-direction: column
}

.wrapper__78aa3 {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 40px;
    justify-content: space-between;
    padding: 8px
}

.infoWrapper__78aa3 {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden
}

.usageWrapper__78aa3 {
    align-items: center;
    background: var(--background-accent);
    border-radius: 16px;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    height: 16px
}

.image__78aa3 {
    align-self: flex-start;
    background: var(--background-primary);
    border-radius: 50%;
    flex-grow: 0;
    flex-shrink: 0;
    height: 32px;
    justify-self: flex-start;
    margin-right: 16px;
    margin-top: 4px;
    width: 32px
}

.description__78aa3 {
    margin-top: 8px
}

.description__78aa3, .source__78aa3 {
    background: var(--background-primary);
    border-radius: 16px;
    height: 16px
}

.source__78aa3 {
    flex-shrink: 0;
    margin-left: 16px
}

.upsell__37390 {
    margin-bottom: -4px;
    margin-top: -4px
}

.emojis__37390 {
    display: flex
}

.emojiMask__37390 {
    position: relative
}

.emojiBackground__37390 {
    align-items: center;
    background-color: var(--background-tertiary);
    border-radius: 50%;
    display: flex;
    height: 24px;
    justify-content: center;
    width: 24px
}

.emoji__37390 {
    height: 16px;
    width: 16px
}

.wrapper_b1e4f3 {
    background-color: var(--background-tertiary);
    margin-bottom: -16px;
    padding-bottom: 8px;
    width: 48px
}

.list_b1e4f3 {
    height: 100%
}

.section_b1e4f3 {
    border-radius: 4px;
    cursor: pointer;
    margin-bottom: 8px
}

    .section_b1e4f3:last-child {
        margin-bottom: 0
    }

.builtInSeparator_b1e4f3 {
    border: none;
    border-bottom: 1px solid var(--background-modifier-accent);
    margin: 8px 0
}

.visual-refresh .list_b1e4f3 {
    background: none
}

.visual-refresh .wrapper_b1e4f3 {
    background-color: var(--background-base-lowest)
}

.visual-refresh .builtInSeparator_b1e4f3 {
    border-color: var(--border-subtle)
}

.outerWrapper_d1405b {
    border-radius: 5px;
    bottom: calc(100% + 8px);
    box-shadow: var(--shadow-border),var(--shadow-high);
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0
}

.visual-refresh .outerWrapper_d1405b {
    right: var(--space-8)
}

.wrapper_d1405b {
    display: flex;
    flex-direction: row;
    height: 420px;
    padding-bottom: 0
}

.noSearchResults_d1405b {
    height: 340px
}

.list_d1405b {
    height: 100%
}

.rail_d1405b {
    align-self: stretch;
    flex-grow: 0;
    flex-shrink: 0
}

.content_d1405b {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.categoryHeader_d1405b {
    background-color: var(--autocomplete-bg);
    padding: 0 8px;
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.categorySection_d1405b {
    margin-bottom: 16px
}

.categorySectionLast_d1405b {
    margin-bottom: 0
}

.itemWrapper_d1405b {
    padding: 0
}

.assetWrapper__31fc2 {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.assetWrapperMasked__31fc2 {
    -webkit-mask: url(/assets/34378a8df8efb149.svg) 0 0/100% 100%;
    mask: url(/assets/34378a8df8efb149.svg) 0 0/100% 100%
}

.stickerAsset__31fc2 {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.lottieCanvas__31fc2, .pngImage__31fc2 {
}

.pngImage__31fc2 {
    display: block;
    object-fit: contain
}

.roundedMask__31fc2 {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.errorContent__31fc2 {
    align-items: center;
    display: flex;
    justify-content: center
}

.loadingIndicator__31fc2 {
    box-sizing: border-box;
    cursor: default;
    display: block;
    -webkit-mask: url(/assets/34378a8df8efb149.svg) 0 0/100% 100%;
    mask: url(/assets/34378a8df8efb149.svg) 0 0/100% 100%
}

.error__31fc2, .loadingIndicator__31fc2 {
    background-color: var(--background-modifier-active);
    height: 100%;
    width: 100%
}

.error__31fc2 {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-weight: 600;
    justify-content: center
}

.errorIcon__31fc2 {
    color: var(--header-secondary)
}

.errorText__31fc2 {
    margin-top: 4px
}

.overlayWrapper__31fc2 {
    pointer-events: none;
    position: relative;
    z-index: 1
}

.overlayStickerWrapper__31fc2 {
    position: relative;
    z-index: 2
}

.overlayLabelWrapper__31fc2 {
    position: relative;
    z-index: 1
}

.overlayLabel__31fc2 {
    background-color: var(--background-floating);
    border-radius: 20px;
    left: 50%;
    margin-top: 2px;
    padding: 2px 8px;
    position: absolute;
    top: 100%;
    transform: translateX(-50%);
    white-space: nowrap
}

.positionedLayer__31fc2 {
    pointer-events: none
}

.legacyInputCommandHeader__2862d {
    display: flex;
    justify-content: space-between
}

.noAutocompleteResults__841e4 {
    height: 200px
}

.secondarySection_ed47e5 {
    padding-top: 0
}

.divider_ed47e5 {
    padding-bottom: 0 !important
}

.spinner__13d18 {
    padding-top: 8px
}

.horizontalAutocompletes__13d18 {
    margin-bottom: -4px;
    overflow-x: auto;
    padding: 0 8px
}

.no-webkit-scrollbar .horizontalAutocompletes__13d18 {
    scrollbar-width: thin
}

.horizontalAutocomplete__13d18 {
    margin-bottom: 4px
}

@use postcss-pxtorem;

.autocomplete__6b0e0 {
    border-radius: 5px;
    box-shadow: var(--shadow-border),var(--shadow-high);
    overflow: hidden
}

.autocompleteAttached__6b0e0 {
    bottom: calc(100% + 8px);
    left: 0;
    position: absolute;
    right: 0
}

    .autocompleteAttached__6b0e0.bottom__6b0e0 {
        bottom: inherit;
        left: 0;
        right: 0;
        top: 100%
    }

.visual-refresh .autocompleteAttached__6b0e0 {
    left: var(--space-8);
    right: var(--space-16)
}

.autocompletePopout__6b0e0 {
    max-width: 800px;
    min-width: 430px;
    pointer-events: all
}

.autocompleteInner__6b0e0 {
    padding-bottom: 0
}

.autocompleteTop__6b0e0 {
    z-index: 1001
}

.scroller__6b0e0 {
    display: flex;
    flex-direction: column;
    padding-bottom: 8px
}

.stickerAutoComplete__6b0e0 {
    display: grid;
    grid-template-columns: repeat(auto-fill,116px);
    grid-template-rows: repeat(auto-fill,116px);
    grid-gap: 8px;
    padding: 8px 16px
}

.sticker__6b0e0 {
    margin-left: 2px;
    margin-top: 2px
}

.container__871cd {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    height: 100%;
    margin-right: 12px;
    overflow: hidden;
    position: relative
}

.column__871cd {
    height: auto;
    opacity: .1;
    padding-top: 12px;
    transform-origin: 0 0
}

.gif__871cd {
    background-color: var(--text-link)
}

.categoryLoader__871cd, .gif__871cd {
    border-radius: 5px;
    margin-bottom: 12px;
    margin-left: 12px
}

.categoryLoader__871cd {
    background-color: var(--black-500);
    height: 110px
}

@keyframes ripple__43deb {
    0% {
        opacity: 1;
        transform: scale(.4)
    }

    90% {
        opacity: 0;
        transform: scale(1.4)
    }

    to {
        opacity: 0;
        transform: scale(1.6)
    }
}

@keyframes bounce__43deb {
    25% {
        transform: scale(.6)
    }

    50% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

.gifFavoriteButton__43deb {
    background-color: var(--background-primary);
    border-radius: 5px;
    color: var(--icon-primary);
    opacity: 1;
    padding: 6px
}

    .gifFavoriteButton__43deb:after {
        border: 2px solid var(--yellow-300);
        border-radius: 50%;
        box-sizing: border-box;
        content: "";
        height: 100%;
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        transform-origin: center;
        width: 100%;
        z-index: 5
    }

.full-motion .gifFavoriteButton__43deb:after {
    transition: all .15s ease-in-out
}

.gifFavoriteButton__43deb:focus, .gifFavoriteButton__43deb:hover {
    color: var(--yellow-300);
    transform: none
}

.gifFavoriteButton__43deb.selected__43deb {
    color: var(--yellow-300)
}

    .gifFavoriteButton__43deb.selected__43deb.showPulse__43deb:after {
        animation: ripple__43deb .45s ease
    }

    .gifFavoriteButton__43deb.selected__43deb.showPulse__43deb .icon__43deb {
        animation: bounce__43deb .4s linear
    }

.icon__43deb {
    display: block;
    height: 100%;
    width: 100%
}

.enable-forced-colors .gifFavoriteButton__43deb {
    background-color: ButtonFace;
    border: 1px solid ButtonFace;
    border-radius: 4px;
    color: ButtonText
}

    .enable-forced-colors .gifFavoriteButton__43deb:focus, .enable-forced-colors .gifFavoriteButton__43deb:hover {
        border-color: ButtonText
    }

    .enable-forced-colors .gifFavoriteButton__43deb.selected__43deb {
        background-color: HighlightText;
        border-color: Highlight;
        color: Highlight
    }

.results__2dc39 {
    height: 100%
}

.result__2dc39 {
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    transition: box-shadow .15s ease-out
}

    .result__2dc39:after {
        border-radius: 7px;
        bottom: -1px;
        content: "";
        display: block;
        left: -1px;
        pointer-events: none;
        position: absolute;
        right: -1px;
        top: -1px;
        transition: background .15s ease-out;
        transition-property: box-shadow,background
    }

    .result__2dc39:hover .favButton__2dc39 {
        opacity: 1;
        transform: none
    }

    .result__2dc39:hover, .result__2dc39[data-focused=true] {
        box-shadow: var(--shadow-border),var(--shadow-low)
    }

        .result__2dc39:hover:after, .result__2dc39[data-focused=true]:after {
            background: linear-gradient(to bottom,var(--bg-mod-strong),var(--bg-mod-subtle))
        }

    .result__2dc39[data-focused=true] {
        box-shadow: 0 0 0 2px var(--focus-primary)
    }

.gif__2dc39 {
    background-color: transparent;
    border-radius: 5px;
    display: block;
    object-fit: cover;
    position: relative;
    width: 100%
}

.endContainer__2dc39 {
    padding-bottom: 32px;
    padding-top: 32px;
    text-align: center
}

    .endContainer__2dc39:after {
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: block;
        height: 220px;
        margin: 0 auto;
        width: 100%
    }

.endText__2dc39 {
    color: var(--text-warning);
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px
}

.searchSuggestions__2dc39 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 32px
}

.searchSuggestion__2dc39 {
    border-radius: 3px;
    margin-right: 4px;
    margin-top: 4px
}

    .searchSuggestion__2dc39.searchSuggestion__2dc39:hover {
        background-color: var(--brand-500);
        border-color: var(--brand-500);
        color: var(--white-500)
    }

.noResults__2dc39 {
    height: 100%
}

.spinnerContainer__2dc39 {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.favButton__2dc39 {
    box-sizing: border-box;
    opacity: 0;
    position: absolute;
    right: 4px;
    top: 4px;
    transform: translateY(-10px);
    z-index: 4
}

.full-motion .favButton__2dc39 {
    transition: transform .2s ease,opacity .1s ease
}

.emptyHints__2dc39 {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 6px 0 6px 6px
}

.emptyHint__2dc39 {
    flex: 1 1 33.33%
}

.emptyHintCard__2dc39 {
    align-items: center;
    background-color: var(--bg-mod-faint);
    border-radius: 5px;
    box-sizing: border-box;
    color: var(--text-normal);
    display: flex;
    height: 160px;
    justify-content: center;
    margin: 6px;
    padding: 20px;
    position: relative
}

.emptyHintSpacer__2dc39 {
    height: 160px
}

.emptyHintText__2dc39 {
    font-size: 15px;
    line-height: 1.6;
    max-width: 180px;
    text-align: center
}

.emptyHintFavorite__2dc39 {
    color: var(--text-warning);
    height: 29px;
    position: absolute;
    right: 6px;
    top: 6px;
    width: 29px
}

@keyframes loadIN__2dc39 {
    0% {
        opacity: 0;
        transform: translate3d(0,24px,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.placeholder__2dc39 {
    background: var(--bg-mod-faint);
    border-radius: 5px;
    height: 100%;
    width: 100%
}

.full-motion .placeholder__2dc39 {
    animation: loadIN__2dc39 .6s cubic-bezier(.17,.67,.16,.99);
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translate3d(0,48px,0);
    will-change: transform3d,opacity
}

.enable-forced-colors .result__2dc39[data-focused=true] {
    border: 1px solid Canvas;
    outline: 2px solid Highlight
}

.images-light .endContainer__2dc39:after {
    background-image: url(/assets/9423b541a1c3dfef.svg)
}

.images-dark .endContainer__2dc39:after {
    background-image: url(/assets/00f1d64f0e8c77b3.svg)
}

.container_d02962 {
    height: 100%
}

.categoryFade_d02962, .categoryFadeBlurple_d02962 {
    border: 1px solid transparent;
    border-radius: 4px;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: -webkit-backdrop-filter .15s ease-out;
    transition: backdrop-filter .15s ease-out;
    transition: backdrop-filter .15s ease-out,-webkit-backdrop-filter .15s ease-out;
    z-index: 1
}

.categoryText_d02962 {
    align-items: center;
    bottom: 0;
    display: flex;
    font-weight: 600;
    justify-content: center;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3
}

.categoryIcon_d02962 {
    height: 20px;
    margin-right: 4px;
    width: 20px
}

.categoryName_d02962 {
    font-size: 16px;
    font-weight: 600;
    line-height: 16px
}

.spinnerContainer_d02962 {
    height: 100%
}

.formatSelectors_d02962, .spinnerContainer_d02962 {
    align-items: center;
    display: flex;
    justify-content: center
}

.formatSelectors_d02962 {
    flex-direction: row
}

    .formatSelectors_d02962 select {
        display: block;
        margin: 0 4px
    }

.categoryFade_d02962 {
    background-color: var(--bg-backdrop)
}

.categoryFadeBlurple_d02962 {
    background-color: color-mix(in srgb,var(--bg-brand),transparent 20%)
}

    .categoryFade_d02962:hover, .categoryFadeBlurple_d02962:hover, [data-focused=true] .categoryFade_d02962, [data-focused=true] .categoryFadeBlurple_d02962 {
        -webkit-backdrop-filter: brightness(60%) blur(4px);
        backdrop-filter: brightness(60%) blur(4px);
        border: 1px solid var(--border-strong);
        border-radius: 5px
    }

.categoryText_d02962 {
    color: var(--white);
    text-shadow: 0 1px 1px rgba(0,0,0,.6)
}

.container_fed6d3 {
    background-color: var(--background-secondary);
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    white-space: normal;
    width: 100%
}

    .container_fed6d3:after {
        bottom: 0;
        content: "";
        height: 8px;
        left: 0;
        pointer-events: none;
        position: absolute;
        right: 0
    }

.content_fed6d3 {
    position: relative;
    z-index: 0
}

.searchBar_fed6d3 {
    flex: 1 1 auto;
    width: 100%
}

.header_fed6d3 {
    background-color: var(--background-secondary);
    box-shadow: var(--shadow-ledge);
    flex: 0 0 auto;
    padding: var(--custom-gif-picker-gutter-size);
    position: relative;
    z-index: 1
}

.visual-refresh .header_fed6d3 {
    background-color: var(--background-surface-high);
    border-bottom: 1px solid var(--border-subtle);
    box-shadow: none
}

.searchHeader_fed6d3 {
    margin-bottom: 0;
    margin-left: 8px
}

.backButton_fed6d3 {
    align-items: center;
    color: var(--text-muted-on-default);
    cursor: pointer;
    display: flex;
    height: 28px;
    margin-right: 8px
}

    .backButton_fed6d3:hover {
        color: var(--text-normal)
    }

.content_fed6d3 {
    flex: 1 1 auto;
    overflow: hidden
}

.wrapper__0c74f {
    bottom: 0;
    display: grid;
    grid-template-rows: 1fr auto;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.wrapper__0d1ef {
    flex: 1
}

.wrapper__0856d {
    display: grid;
    grid-template-columns: 48px auto;
    grid-template-rows: auto 1fr auto;
    position: relative
}

.header__0856d {
    align-items: center;
    box-shadow: var(--elevation-low);
    display: flex;
    grid-column: 1/3;
    grid-row: 1/2;
    padding: 12px;
    z-index: 1
}

.loadingIndicator__0856d {
    grid-column: 1/-1;
    grid-row: 1/-1
}

.gridNoticeWrapper__0856d, .listWrapper__0856d {
    flex: 1;
    left: 48px;
    position: relative;
    width: calc(100% - 48px)
}

.gridNoticeWrapper__0856d {
    flex: none
}

.emptyState__0856d {
    grid-column: 1/3;
    grid-row: 2/2;
    margin: 0 20px;
    overflow: hidden;
    position: relative
}

.enable-forced-colors .header__0856d {
    border-bottom: 1px solid CanvasText
}

.categoryList_a1e0e0 {
    top: 58px
}

.expressionPickerCategoryList_a1e0e0 {
    top: 50px
}

.visual-refresh .expressionPickerCategoryList_a1e0e0 {
    top: 53px
}

.visual-refresh .categoryList_a1e0e0 {
    top: 65px
}

.category_a1e0e0 {
    cursor: pointer;
    margin-bottom: 8px;
    position: relative
}

.categoryIcon_a1e0e0 {
    align-items: center;
    border-radius: var(--radius-xs);
    display: flex;
    justify-content: center;
    padding: 4px;
    transition: background-color .2s ease
}

    .categoryIcon_a1e0e0.selected_a1e0e0 {
        background-color: var(--background-primary)
    }

    .categoryIcon_a1e0e0:hover {
        background-color: var(--background-modifier-hover)
    }

.categoryIconIcon_a1e0e0 {
    color: var(--interactive-normal);
    height: 24px;
    width: 24px
}

.keybindHint__46002 {
    align-items: center;
    background-color: var(--background-secondary);
    border-radius: var(--radius-sm);
    display: flex;
    margin: 16px;
    padding: 8px;
    position: relative
}

.keybindHintText__46002 {
    display: inline
}

.warningIcon__46002 {
    color: var(--yellow-300);
    margin-right: 8px;
    min-width: 20px
}

.emoji__46002 {
    height: 100%;
    width: 100%
}

.closeButton__46002, .emoji__46002 {
    color: var(--interactive-normal)
}

.closeButton__46002 {
    cursor: pointer;
    margin-top: -16px
}

.soundAddButton_da9eb2 {
    color: var(--header-primary);
    cursor: pointer
}

    .soundAddButton_da9eb2.focused_da9eb2, .soundAddButton_da9eb2:hover {
        background-color: var(--background-tertiary)
    }

.visual-refresh .soundAddButton_da9eb2 {
    background: initial;
    border: 1px dashed var(--border-subtle);
    color: var(--text-tertiary)
}

    .visual-refresh .soundAddButton_da9eb2:hover {
        border-color: var(--border-normal);
        color: var(--text-default)
    }

    .visual-refresh .soundAddButton_da9eb2.focused_da9eb2 {
        border-color: var(--border-strong);
        color: var(--text-default)
    }

.soundAddButton_da9eb2 svg {
    margin-right: 3px
}

.disabled_da9eb2 {
    pointer-events: none
}

.sectionContainer__61424 {
    display: flex;
    padding-left: 8px
}

.sectionContainerNitroLocked__61424 {
    background-color: hsl(var(--premium-tier-2-purple-hsl)/.35)
}

.sectionHeader__61424 {
    color: var(--interactive-normal);
    cursor: pointer;
    display: inline-block
}

    .sectionHeader__61424:hover, .sectionHeader__61424:hover .sectionTitle__61424 {
        color: var(--interactive-active)
    }

    .sectionHeader__61424 .sectionTitle__61424 {
        color: var(--interactive-normal)
    }

.sectionHeaderContent__61424 {
    display: flex
}

.notFirstSectionHeader__61424 {
    margin-top: 16px
}

.nitroFooter__61424 {
    background-color: hsl(var(--premium-tier-2-purple-hsl)/.35);
    height: 20px
}

    .nitroFooter__61424.lastSection__61424 {
        height: 60px
    }

.nonNitroFooter__61424 {
    height: 70px
}

.sectionTitle__61424 {
    margin: 0 8px;
    text-transform: uppercase
}

.headerIcon__61424 {
    height: 16px;
    width: 16px
}

.soundRow__61424 {
    display: flex;
    gap: 8px;
    padding-left: 8px;
    padding-top: 8px
}

.soundRowNitroLocked__61424 {
    background-color: hsl(var(--premium-tier-2-purple-hsl)/.35)
}

.lastSoundRow__61424 {
    padding-bottom: 8px
}

.settingsClickArea__61424 {
    color: var(--interactive-normal);
    cursor: pointer;
    margin-left: var(--spacing-12);
    transition: color .2s ease
}

    .settingsClickArea__61424:focus, .settingsClickArea__61424:hover {
        color: var(--interactive-hover)
    }

.settingsSoundmojiClickArea__61424 {
    padding: 0
}

    .settingsSoundmojiClickArea__61424:last-child {
        padding-right: 0
    }

.settingsIcon__61424 {
    height: 24px;
    width: 24px
}

.picker__09f65 {
    background-color: var(--background-floating);
    border-radius: var(--radius-sm);
    box-shadow: var(--elevation-high);
    display: flex;
    flex-direction: column;
    height: 420px;
    overflow: hidden;
    width: 531px
}

    .picker__09f65.inExpressionPicker__09f65 {
        box-shadow: none;
        height: 100%;
        width: auto
    }

.visual-refresh .picker__09f65 {
    background-color: var(--background-base-low)
}

.fetching__09f65 {
    justify-content: center
}

.categoryList__3ad28 {
    top: 50px
}

.stickerCategory__3ad28 {
    border-radius: 4px;
    color: var(--interactive-normal);
    cursor: pointer;
    height: var(--custom-stickers-constants-sticker-category-icon-size);
    margin-bottom: var(--custom-stickers-constants-sticker-category-icon-margin);
    width: var(--custom-stickers-constants-sticker-category-icon-size)
}

.firstPartyCategory__3ad28:hover {
    background-color: var(--background-modifier-hover);
    color: var(--interactive-hover)
}

.firstPartyCategorySelected__3ad28, .firstPartyCategorySelected__3ad28:hover, .stickerCategoryGenericSelected__3ad28, .stickerCategoryGenericSelected__3ad28:hover {
    background-color: var(--background-primary)
}

    .stickerCategoryGenericSelected__3ad28 .stickerCategoryGenericIcon__3ad28 {
        color: var(--interactive-active)
    }

.stickerCategoryGeneric__3ad28 {
    box-sizing: border-box;
    padding: 4px
}

    .stickerCategoryGeneric__3ad28:hover {
        background-color: var(--background-primary)
    }

.stickerCategoryGenericDisabled__3ad28 {
    color: var(--interactive-muted);
    cursor: default
}

    .stickerCategoryGenericDisabled__3ad28 .stickerCategoryGenericIcon__3ad28 {
        opacity: .6
    }

    .stickerCategoryGenericDisabled__3ad28.stickerCategory__3ad28:hover {
        background-color: transparent;
        color: var(--interactive-muted)
    }

.stickerPackThumbnail__3ad28 {
    display: block;
    height: 100%;
    width: 100%
}

.guildCategorySeparator__3ad28 {
    border: none;
    border-bottom: var(--custom-stickers-constants-category-separator-size) solid var(--background-modifier-accent);
    margin: var(--custom-stickers-constants-category-separator-margin-vertical) 0
}

.standardStickerShortcut__3ad28 {
    align-items: center;
    background: inherit;
    bottom: 0;
    color: var(--interactive-normal);
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    left: 0;
    opacity: 1;
    position: absolute;
    width: 100%
}

.full-motion .standardStickerShortcut__3ad28 {
    transition: opacity .1s,transform .1s
}

.standardStickerShortcut__3ad28:hover {
    color: var(--interactive-hover)
}

.visual-refresh .standardStickerShortcut__3ad28 {
    border-top: 1px solid var(--border-normal);
    box-sizing: border-box
}

.invisibleShortcut__3ad28 {
    display: none;
    opacity: 0
}

.enable-forced-colors .standardStickerShortcut__3ad28 {
    background-color: ButtonFace;
    border-top: 1px solid CanvasText;
    color: ButtonText;
    height: 47px
}

.enable-forced-colors .stickerCategory__3ad28 {
    border: 1px solid Canvas;
    border-radius: 4px;
    transition: none
}

    .enable-forced-colors .stickerCategory__3ad28 .stickerCategoryGenericIcon__3ad28 {
        color: ButtonText
    }

    .enable-forced-colors .stickerCategory__3ad28:hover {
        background: ButtonFace;
        border-color: ButtonText
    }

.enable-forced-colors .stickerCategoryGenericDisabled__3ad28 {
    color: GrayText
}

    .enable-forced-colors .stickerCategoryGenericDisabled__3ad28.stickerCategory__3ad28:hover {
        color: GrayText
    }

.enable-forced-colors .firstPartyCategorySelected__3ad28, .enable-forced-colors .firstPartyCategorySelected__3ad28:hover, .enable-forced-colors .stickerCategoryGenericSelected__3ad28, .enable-forced-colors .stickerCategoryGenericSelected__3ad28:hover {
    background-color: HighlightText;
    border-color: Highlight
}

    .enable-forced-colors .firstPartyCategorySelected__3ad28 .stickerCategoryGenericIcon__3ad28, .enable-forced-colors .firstPartyCategorySelected__3ad28:hover .stickerCategoryGenericIcon__3ad28, .enable-forced-colors .stickerCategoryGenericSelected__3ad28 .stickerCategoryGenericIcon__3ad28, .enable-forced-colors .stickerCategoryGenericSelected__3ad28:hover .stickerCategoryGenericIcon__3ad28 {
        color: Highlight
    }

.premiumButtonNitroWheel_b72efa {
    margin-right: 4px
}

.premiumButtonInner_b72efa {
    align-items: center;
    display: flex
}

.premiumButton_b72efa {
    margin-top: 20px
}

.emptyState__70126 {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    text-align: center
}

    .emptyState__70126.unifyTrialUpsell__70126 {
        margin: 0
    }

.header__70126 {
    margin-bottom: 8px;
    margin-top: 16px
}

.subtitle__70126 {
    margin-bottom: 12px
}

.stickersRow__70126 {
    display: flex
}

    .stickersRow__70126 .sticker__70126 {
        margin: auto 2px
    }

.upsell_ac65bb {
    align-items: center;
    background-color: var(--background-tertiary);
    border-radius: 4px;
    display: flex;
    padding: 8px 0 8px 8px
}

.icon_ac65bb {
    color: var(--interactive-normal);
    margin-right: 8px;
    width: 24px
}

.body_ac65bb {
    flex: 1
}

.iconWrapper_d13236 {
    align-items: center;
    background-image: linear-gradient(90deg,var(--guild-boosting-blue),var(--guild-boosting-purple));
    border-radius: 24px;
    color: var(--white-500);
    display: flex;
    height: 24px;
    justify-content: center;
    width: 24px
}

.icon_d13236 {
    height: 12px;
    width: 12px
}

.unownedStickerLockContainer_ced283 {
    align-items: center;
    background-color: var(--background-accent);
    border: 1px solid var(--background-modifier-accent);
    border-radius: 100%;
    bottom: 0;
    display: flex;
    justify-content: center;
    position: absolute;
    right: 0
}

.unownedStickerLockIcon_ced283 {
    color: var(--interactive-normal)
}

@keyframes ripple_c6367b {
    0% {
        opacity: 1;
        transform: scale(.8)
    }

    to {
        opacity: 0;
        transform: scale(1.6)
    }
}

.row_c6367b {
    display: grid;
    margin-bottom: var(--custom-stickers-constants-sticker-picker-preview-margin);
    overflow: hidden
}

.row_c6367b, .sticker_c6367b {
    position: relative
}

.sticker_c6367b {
    border-radius: var(--custom-stickers-constants-sticker-picker-preview-border-radius);
    padding: var(--custom-stickers-constants-sticker-picker-preview-padding)
}

    .sticker_c6367b:after {
        border: 3px solid var(--yellow-300);
        border-radius: 100%;
        box-sizing: border-box;
        content: "";
        height: 100%;
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        transform-origin: center;
        width: 100%;
        z-index: 5
    }

.full-motion .sticker_c6367b:after {
    transition: all .15s ease-in-out
}

.sticker_c6367b.showPulse_c6367b:after {
    animation: ripple_c6367b .25s ease-out 1
}

.createSticker_c6367b {
    align-items: center;
    background-color: var(--background-primary);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    font-weight: 500;
    justify-content: space-evenly;
    position: relative
}

.createInspected_c6367b {
    background-color: var(--background-secondary-alt)
}

.uploadCard_c6367b {
    cursor: pointer
}

.iconWrapper_c6367b {
    align-items: center;
    background-image: linear-gradient(90deg,var(--guild-boosting-blue),var(--guild-boosting-purple));
    border-radius: 36px;
    color: var(--white-500);
    display: flex;
    height: 36px;
    justify-content: center;
    width: 36px
}

.icon_c6367b {
    height: 18px;
    width: 18px
}

.inspectedIndicator_c6367b {
    height: 100%;
    left: 0;
    -webkit-mask: url(/assets/34378a8df8efb149.svg) 0 0/100% 100%;
    mask: url(/assets/34378a8df8efb149.svg) 0 0/100% 100%;
    position: absolute;
    top: 0;
    transition: background-color .08s ease-out,color .08s ease-out;
    width: 100%;
    z-index: -1
}

.stickerInspected_c6367b .inspectedIndicator_c6367b {
    background-color: var(--background-accent)
}

.stickerPlaceholder_c6367b {
    cursor: default
}

.viewAll_c6367b {
    position: absolute;
    right: 0;
    top: 0
}

    .viewAll_c6367b:hover .viewAllButton_c6367b, .viewAllInspected_c6367b .viewAllButton_c6367b {
        background-color: var(--background-tertiary);
        color: var(--interactive-hover)
    }

.viewAllButton_c6367b {
    align-items: center;
    background-color: var(--background-secondary-alt);
    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_c6367b {
    transition: opacity .25s
}

.stickerNodeDimmed_c6367b {
    opacity: .3
}

.stickerNodeHidden_c6367b {
    visibility: hidden
}

.stickerUnsendable_c6367b {
    filter: grayscale(100%)
}

.keyboard-mode .stickerInspected_c6367b {
    position: relative
}

    .keyboard-mode .stickerInspected_c6367b:before {
        border-radius: 12px;
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0;
        --__adaptive-focus-color: var(--interactive-hover);
        border: 2px solid var(--__adaptive-focus-color);
        z-index: 1
    }

.enable-forced-colors .stickerInspected_c6367b {
    background-color: HighlightText;
    outline: 1px solid Highlight;
    outline-offset: -1px
}

    .enable-forced-colors .stickerInspected_c6367b:before {
        border-color: Highlight
    }

.wrapper_e94b8c {
    bottom: 0;
    display: grid;
    grid-template-rows: 1fr auto;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.footerActions_e94b8c {
    margin-bottom: var(--custom-stickers-constants-sticker-picker-preview-margin)
}

.packHeader_e94b8c {
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.packHeaderShopWrapper_e94b8c {
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex
}

.packHeaderShop_e94b8c {
    flex: 1 1 auto;
    overflow: hidden
}

.packHeaderShopActions_e94b8c {
    flex: 0 0 auto
}

.sticker_e94b8c {
    cursor: pointer
}

.divider_e94b8c {
    align-items: center;
    display: flex;
    height: var(--custom-stickers-constants-stickers-list-divider-height)
}

.shopDivider_e94b8c {
    border-top-width: var(--custom-stickers-constants-stickers-shop-divider-border-top-width);
    height: var(--custom-stickers-constants-stickers-shop-divider-height)
}

.tipWithSearch_e94b8c {
    margin-top: var(--custom-stickers-constants-sticker-picker-tip-margin-search-results)
}

.searchSuggestions_e94b8c {
    max-width: 250px;
    padding-top: 16px
}

.searchSuggestion_e94b8c {
    background: var(--background-floating);
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    margin: 0 4px 8px;
    padding: 4px 8px
}

.emptyGuildUpsell_e94b8c {
    box-sizing: border-box;
    height: var(--custom-stickers-constants-stickers-list-empty-guild-upsell-height);
    margin-left: 4px;
    margin-right: 4px;
    overflow: hidden
}

.wrapper_cdf8a9 {
    flex: 1
}

.upsellWrapper__4006b {
    align-items: center;
    background: var(--background-secondary);
    bottom: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: .98;
    padding: 0 20px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 2
}

    .upsellWrapper__4006b.unifyTrialUpsell__4006b {
        justify-content: flex-end;
        opacity: 1;
        padding: 0
    }

.upsellImage__4006b {
    height: 80px;
    margin-bottom: 16px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.upsellTitle__4006b {
    margin-bottom: 8px
}

.upsellDescription__4006b {
    margin-bottom: 24px;
    max-width: 400px
}

.upsellClose__4006b {
    color: var(--interactive-normal);
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px
}

.wrapper__8ef02 {
    display: grid;
    grid-template-columns: 48px auto;
    grid-template-rows: auto 1fr auto;
    position: relative
}

.header__8ef02 {
    align-items: center;
    box-shadow: var(--elevation-low);
    display: flex;
    grid-column: 1/3;
    grid-row: 1/2;
    min-height: 1px;
    padding: var(--custom-gif-picker-gutter-size);
    z-index: 1
}

.visual-refresh .header__8ef02 {
    background-color: var(--background-surface-high);
    border-bottom: 1px solid var(--border-subtle);
    box-shadow: none
}

.loadingIndicator__8ef02 {
    grid-column: 1/-1;
    grid-row: 1/-1
}

.listWrapper__8ef02 {
    grid-column: 2/2
}

.emptyState__8ef02, .listWrapper__8ef02 {
    grid-row: 2/2;
    overflow: hidden;
    position: relative
}

.emptyState__8ef02 {
    grid-column: 1/3;
    margin: 0 20px
}

.enable-forced-colors .header__8ef02 {
    border-bottom: 1px solid CanvasText
}

.positionLayer__08434 {
    pointer-events: none;
    z-index: 0
}

.positionLayerDefaultAlignLeft__08434 {
    right: var(--spacing-16)
}

.positionLayerDefaultAlignRight__08434 {
    left: var(--spacing-16)
}

.positionContainer__08434 {
    height: 498px;
    pointer-events: none;
    width: 100%
}

.visual-refresh .positionContainer__08434 {
    height: 486px
}

.positionContainerOnlyEmoji__08434 {
    height: 396px
}

.drawerSizingWrapper__08434 {
    height: 100%;
    max-width: 100%;
    pointer-events: all;
    position: absolute;
    width: 100%;
    z-index: 1
}

.visual-refresh .drawerSizingWrapper__08434 {
    right: var(--space-24) !important
}

.contentWrapper__08434 {
    background-color: var(--background-secondary);
    border-radius: 8px;
    box-shadow: var(--shadow-border),var(--shadow-high);
    box-sizing: border-box;
    display: grid;
    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__08434 .contentWrapper__08434 {
    grid-template-rows: auto
}

.visual-refresh .contentWrapper__08434 {
    background-color: var(--background-surface-high);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-high)
}

.nav__08434 {
    padding: 0 16px
}

.navList__08434 {
    display: flex
}

.navItem__08434 {
    flex: 0 0 auto
}

    .navItem__08434 + .navItem__08434 {
        margin-left: 8px
    }

.navButton__08434 {
    border-radius: 4px;
    color: var(--interactive-normal);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    padding: 2px 8px;
    transition: background-color .1s ease-in-out,color .1s ease-in-out
}

    .navButton__08434:hover {
        background-color: var(--background-modifier-hover);
        color: var(--interactive-hover)
    }

    .navButton__08434:active, .navButtonActive__08434 {
        background-color: var(--background-modifier-selected);
        color: var(--interactive-active)
    }

        .navButtonActive__08434:active, .navButtonActive__08434:hover {
            background-color: var(--background-modifier-hover);
            color: var(--interactive-active)
        }

.visual-refresh .navButton__08434 {
    border-radius: var(--radius-sm);
    color: var(--text-default);
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    padding: 4px 12px;
    transition: background-color .1s ease-in-out,color .1s ease-in-out
}

    .visual-refresh .navButton__08434:hover {
        background-color: var(--button-secondary-background-hover)
    }

    .visual-refresh .navButton__08434:active {
        background-color: var(--button-secondary-background-active)
    }

.visual-refresh .navButtonActive__08434 {
    background-color: var(--button-secondary-background);
    color: var(--button-secondary-text)
}

.resizeHandle__08434 {
    cursor: ew-resize;
    height: 100%;
    position: absolute;
    top: 0;
    width: 4px;
    z-index: 2
}

.introductionWrapper__08434 {
    text-align: center
}

.introductionHeader__08434 {
    font-weight: 600;
    margin-bottom: 4px
}

.introductionSubheader__08434 {
    margin-bottom: 16px
}

.introductionAction__08434 {
    color: var(--brand-500);
    font-weight: 600
}

.introductionTooltip__08434 {
    max-width: none;
    width: 280px
}

.introductionTooltipContent__08434 {
    padding: 16px
}

.stickersNavItem__08434 {
    align-items: center;
    display: flex
}

.stickersUnseenBadge__08434 {
    align-items: center;
    border-radius: 8px;
    box-shadow: none;
    display: inline-flex;
    height: 16px;
    justify-content: center;
    margin-left: 4px;
    min-width: 16px;
    padding: 0;
    text-shadow: none
}

.soundboardContainer__08434 {
    position: relative
}

.soundboardHeader__08434 {
    align-items: center;
    box-shadow: var(--shadow-low);
    display: flex;
    padding: 0 16px 16px
}

.visual-refresh .soundboardHeader__08434 {
    background-color: var(--background-surface-high);
    border-bottom: 1px solid var(--border-subtle);
    box-shadow: none;
    padding: var(--custom-gif-picker-gutter-size)
}

.enable-forced-colors .resizeHandle__08434 {
    background-color: ButtonText
}

.enable-forced-colors .contentWrapper__08434 {
    border: 3px solid CanvasText
}

.enable-forced-colors .navButton__08434 {
    border: 1px solid ButtonFace
}

    .enable-forced-colors .navButton__08434:hover {
        border-color: ButtonText
    }

.enable-forced-colors .navButtonActive__08434 {
    border-color: Highlight
}

.soundmojiLabelContainer__08434 {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: var(--spacing-4)
}

.addEmojiButton__08434 {
    height: 14px;
    line-height: 20px;
    margin: 9px;
    position: absolute;
    right: 0;
    top: 0
}

    .addEmojiButton__08434 > div {
        align-items: center;
        display: flex
    }

    .addEmojiButton__08434 svg {
        margin-right: 4px
    }

.container_d4ced7 {
    bottom: 100%;
    left: auto;
    margin-bottom: 12px;
    min-height: 16px;
    opacity: 1;
    position: absolute;
    right: 4px;
    will-change: opacity,transform
}

.full-motion .container_d4ced7 {
    transition: opacity .125s ease-in,transform .125s cubic-bezier(.48,1.93,1,.68)
}

.container_d4ced7.hidden_d4ced7 {
    opacity: 0;
    pointer-events: none;
    transform: translateY(12px)
}

.stickerIconOffset_d4ced7 {
    right: 40px
}

.submitButtonOffset_d4ced7 {
    right: 56px
}

    .submitButtonOffset_d4ced7.stickerIconOffset_d4ced7 {
        right: 93px
    }

.containerBackground_d4ced7 {
    background-color: var(--background-floating);
    border: 1px solid var(--background-modifier-selected);
    border-radius: 8px;
    bottom: 0;
    box-shadow: var(--elevation-high);
    left: 0;
    min-height: 16px;
    opacity: .95;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

    .containerBackground_d4ced7: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_d4ced7 {
    height: 24px;
    padding: 0 8px 10px;
    position: relative;
    z-index: 1
}

.bottomInformationLayout_d4ced7 {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.textDivider_d4ced7 {
    background-color: var(--background-modifier-accent);
    height: 1px;
    margin: 0 0 4px
}

.descriptionText_d4ced7 {
    align-items: center;
    display: flex;
    gap: var(--space-4);
    justify-content: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.stickerResults_d4ced7 {
    display: grid;
    grid-gap: var(--custom-expression-suggestions-sticker-suggestion-margin);
    grid-auto-flow: column;
    grid-template-columns: repeat(auto-fit,var(--custom-expression-suggestions-sticker-suggestion-size));
    padding: var(--custom-expression-suggestions-container-padding);
    position: relative;
    z-index: 1
}

.keybind_d4ced7 {
    display: inline-block
}

.closeIcon_d4ced7 {
    color: var(--text-muted);
    cursor: pointer
}

    .closeIcon_d4ced7:hover {
        color: var(--interactive-hover)
    }

.suggestedExpression_d4ced7 {
    cursor: pointer;
    position: relative
}

.mask_d4ced7 {
    bottom: -2px;
    left: -2px;
    opacity: 0;
    position: absolute;
    right: -2px;
    top: -2px;
    transition: opacity .08s ease-in-out;
    z-index: 0
}

.suggestedExpression_d4ced7:focus .mask_d4ced7, .suggestedExpressionFocused_d4ced7 .mask_d4ced7 {
    opacity: 1
}

.maskBackground_d4ced7 {
    background-color: var(--background-accent);
    height: 100%;
    width: 100%
}

.reduce-motion .container_d4ced7, .reduce-motion .mask_d4ced7 {
    transition: none
}

.theme-light .unownedStickerLockIcon_d4ced7 {
    color: var(--background-secondary)
}

.theme-dark .containerBackground_d4ced7 {
    opacity: .95
}

.keybind_d4ced7 span {
    box-shadow: inset 0 -4px 0 rgba(32,34,37,.6)
}

.userTooltip__6b453 {
    align-items: center;
    display: flex;
    font-size: 16px
}

.avatar__6b453 {
    margin-right: 8px
}

.discriminator__6b453 {
    opacity: .5
}

.syntaxAfter_ada32f, .syntaxBefore_ada32f {
    font-weight: 600
}

.codeBlockSyntax_ada32f, .syntaxAfter_ada32f, .syntaxBefore_ada32f {
    color: var(--textbox-markdown-syntax)
}

.codeBlockLang_ada32f {
    color: var(--text-positive)
}

.after_s_ada32f, .after_spoiler_ada32f, .after_u_ada32f, .before_s_ada32f, .before_spoiler_ada32f, .before_u_ada32f, .syntaxOverride_ada32f {
    font-weight: 400
}

.before_em_ada32f {
    margin-right: -1px
}

.after_em_ada32f {
    margin-left: 1px
}

.before_s_ada32f, .before_u_ada32f {
    margin-right: 1px
}

.after_s_ada32f, .after_u_ada32f {
    margin-left: 1px
}

.after_u_ada32f, .before_u_ada32f {
    text-decoration: underline
}

.before_inlineCode_ada32f {
    border-radius: 3px 0 0 3px
}

.after_inlineCode_ada32f {
    border-radius: 0 3px 3px 0
}

.bold_ada32f {
    font-weight: 700
}

.italics_ada32f {
    font-style: italic
}

.underline_ada32f {
    text-decoration: underline
}

.strikethrough_ada32f {
    text-decoration: line-through
}

.fakeLink_ada32f {
    color: var(--text-link);
    -webkit-text-decoration: var(--link-decoration);
    text-decoration: var(--link-decoration)
}

.low-saturation .fakeLink_ada32f {
    color: var(--text-link-low-saturation)
}

.after_inlineCode_ada32f, .before_inlineCode_ada32f, .inlineCode_ada32f {
    background: var(--background-secondary);
    font-family: var(--font-code);
    font-size: 85%;
    height: auto;
    line-height: 18px;
    margin: -.2em 0;
    padding: .2em 0;
    text-indent: 0;
    white-space: pre-wrap;
    width: auto
}

.visual-refresh .after_inlineCode_ada32f, .visual-refresh .before_inlineCode_ada32f, .visual-refresh .inlineCode_ada32f {
    background: var(--background-code);
    border: 1px solid var(--border-faint);
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

.visual-refresh .before_inlineCode_ada32f {
    border-bottom-left-radius: var(--radius-xs);
    border-right: none;
    border-top-left-radius: var(--radius-xs)
}

.visual-refresh .after_inlineCode_ada32f {
    border-bottom-right-radius: var(--radius-xs);
    border-left: none;
    border-top-right-radius: var(--radius-xs)
}

.visual-refresh .inlineCode_ada32f {
    border-left: none;
    border-right: none
}

.spoiler_ada32f {
    padding: 0 .2em
}

.codeBlockText_ada32f, .codeLine_ada32f {
    color: var(--header-secondary);
    font-family: var(--font-code);
    font-size: 85%;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none
}

    .codeLine_ada32f .hljs-comment, .codeLine_ada32f .hljs-quote {
        color: var(--text-muted)
    }

    .codeLine_ada32f .hljs-ansi-control-sequence {
        background-color: inherit;
        color: var(--textbox-markdown-syntax);
        display: inherit;
        font-size: 70%;
        font-style: inherit;
        font-weight: inherit;
        padding-right: .1em;
        text-decoration: none;
        vertical-align: middle
    }

.before_subtext_ada32f {
    font-weight: 700
}

.before_subtext_ada32f, .subtext_ada32f {
    color: var(--text-muted);
    font-size: 13px;
    line-height: 17.875px
}

.inlineElement__1464f {
    display: inline-block
}

.inlineVoid__1464f {
    cursor: default
}

    .inlineVoid__1464f .mention {
        padding-bottom: 1px
    }

.applicationCommand__1464f {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -4px;
    margin-left: -4px;
    margin-top: -8px
}

    .applicationCommand__1464f > [data-slate-node=text] > * {
        display: inline-block;
        padding-top: 8px
    }

    .applicationCommand__1464f > [data-slate-node=text]:not(:first-child) > :first-child {
        margin-left: 4px
    }

        .applicationCommand__1464f > [data-slate-node=text]:not(:first-child) > :first-child.emptyText__1464f {
            margin-left: 2px
        }

    .applicationCommand__1464f > [data-slate-node=text]:not(:last-child) > :last-child {
        margin-right: 4px
    }

        .applicationCommand__1464f > [data-slate-node=text]:not(:last-child) > :last-child.emptyText__1464f {
            margin-right: 2px
        }

    .applicationCommand__1464f:after {
        color: var(--text-muted);
        content: attr(data-trailing-placeholder);
        flex: 1;
        padding-left: 4px;
        padding-top: 8px;
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        white-space: nowrap
    }

    .applicationCommand__1464f > [data-slate-node=text] > *, .optionPillValue__1464f > [data-slate-node=text] > * {
        min-width: 4px
    }

.commandName__1464f {
    font-weight: 600;
    margin-left: 4px
}

.optionPill__1464f {
    align-self: flex-start;
    border: 1px solid transparent;
    border-radius: 4px;
    display: flex;
    justify-content: flex-start;
    margin-top: 6px;
    max-width: calc(100% - 30px);
    vertical-align: top
}

.optionPillKey__1464f {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    display: inline-block;
    flex-shrink: 0;
    padding: 1px 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.optionPillValue__1464f {
    display: block;
    flex: 1;
    padding: 1px 8px;
    vertical-align: top;
    white-space: pre-wrap
}

.readonlyPillValue__1464f {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

    .readonlyPillValue__1464f ::-moz-selection {
        background: transparent
    }

    .readonlyPillValue__1464f ::selection {
        background: transparent
    }

.attachmentFilename__1464f {
    color: var(--brand-500)
}

.theme-dark .optionPill__1464f {
    background-color: var(--background-secondary-alt);
    border-color: var(--background-tertiary)
}

.theme-dark .optionPillKey__1464f {
    background-color: var(--background-floating)
}

.theme-light .optionPill__1464f {
    background-color: var(--background-secondary);
    border-color: var(--background-modifier-selected)
}

.theme-light .optionPillKey__1464f {
    background-color: var(--background-tertiary)
}

.selectedPill__1464f {
    border-color: Highlight !important
}

.erroredPill__1464f {
    border-color: var(--red-400) !important
}

.newLine__1464f {
    display: inline-block
}

.editor__1b31f {
    caret-color: var(--text-normal);
    text-align: left;
    white-space: break-spaces !important;
    word-break: break-word
}

    .editor__1b31f pre {
        max-width: none
    }

.placeholder__1b31f {
    color: var(--channel-text-area-placeholder);
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.visual-refresh-chat-input .placeholder__1b31f {
    line-height: 1.5rem
}

.visual-refresh-chat-input.display-compact .placeholder__1b31f {
    line-height: 1.4rem
}

.enable-forced-colors .placeholder__1b31f {
    color: GrayText
}

.slateContainer_ec4baf {
    position: relative
}

.slateTextArea_ec4baf {
    left: 0;
    padding-right: 10px;
    position: absolute;
    right: 10px
}

.visual-refresh .slateTextArea_ec4baf {
    box-sizing: border-box;
    margin-left: 10px;
    min-height: var(--custom-channel-textarea-text-area-height);
    padding: calc((var(--custom-channel-textarea-text-area-height) - var(--chat-markup-line-height))/2) 0
}

.visual-refresh-chat-input .slateTextArea_ec4baf {
    --custom-vertical-padding: calc(var(--custom-channel-textarea-text-area-height)/4 - 1px);
    box-sizing: border-box;
    height: 100%;
    margin-left: 0
}

.enable-forced-colors .placeholder_ec4baf {
    color: GrayText
}

@use postcss-pxtorem;

.channelTextArea__74017 {
    border-radius: 8px;
    position: relative;
    text-indent: 0;
    width: 100%
}

    .channelTextArea__74017.highlighted__74017 {
        box-shadow: 0 0 0 4px var(--blue-345)
    }

.focusRing__74017 {
    border-radius: 8px
}

.visual-refresh-chat-input .focusRing__74017 {
    border-radius: 4px !important
}

.scrollableContainer__74017 {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 8px;
    max-height: var(--custom-channel-textarea-text-area-max-height);
    overflow-x: hidden;
    overflow-y: scroll
}

.themedBackground__74017 {
    background: var(--bg-overlay-3,var(--channeltextarea-background))
}

.no-webkit-scrollbar .scrollableContainer__74017 {
    scrollbar-width: none
}

:where(.visual-refresh.custom-theme-background) .channelTextArea__74017 {
    background: var(--bg-overlay-floating,var(--input-background));
    border-color: var(--app-border-frame)
}

:where(.visual-refresh-chat-input) .channelTextArea__74017 {
    background: var(--bg-overlay-floating,var(--chat-background-default));
    border: 1px solid var(--border-faint);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-low);
    box-sizing: border-box;
    transition: border-color .2s ease
}

    :where(.visual-refresh-chat-input) .channelTextArea__74017:focus-within {
        border-color: var(--border-subtle)
    }

.visual-refresh .channelTextArea__74017 {
    transition: border-color .2s ease
}

    .visual-refresh .channelTextArea__74017:focus-within {
        border-color: var(--border-subtle)
    }

.visual-refresh-chat-input .themedBackground__74017 {
    background: none
}

.refresh-fast-follow-distinct-borders .channelTextArea__74017 {
    border: 1px solid var(--border-subtle)
}

    .refresh-fast-follow-distinct-borders .channelTextArea__74017:focus-within {
        border-color: var(--app-border-frame)
    }

.sticker__74017 {
    display: block
}

.disabledButtonWrapper__74017 {
    display: inline-flex
}

.background-opacity-low .scrollableContainer__74017 {
    background-color: hsl(var(--primary-500-hsl)/.5)
}

    .background-opacity-low .scrollableContainer__74017 .textArea__74017 {
        color: var(--white-500)
    }

.background-opacity-medium .scrollableContainer__74017 {
    background-color: hsl(var(--primary-500-hsl)/.7)
}

    .background-opacity-medium .scrollableContainer__74017 .textArea__74017 {
        color: var(--white-500)
    }

.background-opacity-high .scrollableContainer__74017 {
    background-color: hsl(var(--primary-500-hsl)/.9)
}

.scrollableContainer__74017::-webkit-scrollbar {
    height: 12px;
    width: 12px
}

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

.scrollableContainer__74017::-webkit-scrollbar-track {
    border-width: initial
}

.scrollableContainer__74017::-webkit-scrollbar-thumb {
    background-color: hsl(var(--primary-800-hsl)/.6);
    border-radius: 8px
}

.channelTextAreaDisabled__74017 .scrollableContainer__74017 {
    opacity: .5
}

.hasStackedBar__74017 {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.visual-refresh .channelTextAreaDisabled__74017 .scrollableContainer__74017 {
    opacity: 1
}

.visual-refresh .inlineContainer__74017 {
    box-shadow: none;
    --custom-channel-textarea-text-area-height: var(--form-input-height);
    background: var(--input-background);
    border-color: var(--input-border);
    box-sizing: border-box
}

    .visual-refresh .inlineContainer__74017 .themedBackground__74017 {
        background: none;
        border: none;
        height: auto
    }

    .visual-refresh .inlineContainer__74017 .accessoryBar__74017 {
        align-items: center;
        border-top: none;
        box-sizing: border-box;
        height: var(--custom-channel-textarea-text-area-height)
    }

.visual-refresh .flushContainer__74017 {
    background: unset;
    border: none
}

    .visual-refresh .flushContainer__74017 .inner__74017 {
        padding-left: 0
    }

    .visual-refresh .flushContainer__74017 .accessoryBar__74017 {
        align-items: flex-start;
        border-top: none
    }

.visual-refresh-chat-input .inlineContainer__74017 {
    --custom-channel-textarea-text-area-height: 44px;
    background: var(--bg-overlay-floating,var(--input-background));
    border-color: var(--input-border);
    box-shadow: none;
    display: grid;
    grid-template-columns: 1fr auto
}

.visual-refresh-chat-input .flushContainer__74017 {
    background: unset;
    border: none
}

    .visual-refresh-chat-input .flushContainer__74017 .accessoryBar__74017 {
        align-items: flex-start;
        border-top: none
    }

.inner__74017 {
    display: flex;
    position: relative
}

.innerDisabled__74017 {
    cursor: not-allowed
}

.sansAttachButton__74017 {
    padding-left: calc(var(--space-16) - 1px)
}

.sansAttachButtonCreateThread__74017 {
    padding-left: 10px
}

.sansAttachButtonCreatePost__74017, .sansAttachButtonUserProfileReply__74017 {
    padding-left: 0
}

.attachButton__74017 {
    margin-left: -16px
}

.visual-refresh .attachButton__74017 {
    margin-left: calc((var(--space-xs) + var(--space-6))*-1)
}

.visual-refresh-chat-input .attachButton__74017 {
    margin-left: 0
}

.textArea__74017 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    box-sizing: border-box;
    color: var(--text-normal);
    font-size: 1rem;
    font-weight: 400;
    height: var(--custom-channel-textarea-text-area-height);
    line-height: 1.375rem;
    min-height: var(--custom-channel-textarea-text-area-height);
    padding-left: 0;
    padding-right: 10px;
    resize: none;
    width: 100%
}

    .textArea__74017::-moz-placeholder {
        color: var(--text-muted);
        overflow: hidden;
        text-overflow: ellipsis;
        -moz-user-select: none;
        user-select: none;
        white-space: nowrap
    }

    .textArea__74017::placeholder {
        color: var(--text-muted);
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        white-space: nowrap
    }

.textAreaSlate__74017 {
    box-sizing: border-box;
    padding: 0
}

.textAreaThreadCreation__74017 {
    min-height: 66px
}

.profileBioInput__74017 {
    min-height: 100%
}

    .profileBioInput__74017 > div {
        height: 100%
    }

.overlayInlineReply__74017 {
    height: 100%;
    min-height: 100%;
    padding-right: 0 !important
}

.textAreaWithoutAttachmentButton__74017 {
    padding-left: 16px
}

.visual-refresh .textAreaWithoutAttachmentButton__74017 {
    margin-left: 0
}

.textAreaForPostCreation__74017 {
    padding: 0 !important
}

.textAreaForOverlayInlineReply__74017, .textAreaForUserProfile__74017 {
    font-size: .875rem
}

.textAreaCustomGift__74017[role=textbox] {
    box-sizing: border-box;
    height: 100%;
    position: absolute !important
}

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

.textAreaDisabled__74017 {
    pointer-events: none
}

.buttons__74017 {
    display: flex;
    flex-direction: row;
    height: var(--custom-channel-textarea-text-area-height);
    margin-right: 6px;
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.visual-refresh.align-chat-input .buttons__74017 > :hover {
    background-color: var(--background-modifier-selected);
    border-radius: 8px
}

.has-webkit-scrollbar .buttons__74017 {
    margin-right: -6px
}

.has-webkit-scrollbar.visual-refresh .buttons__74017 {
    margin-right: 0
}

.visual-refresh .buttons__74017 {
    align-items: center;
    gap: var(--space-8)
}

.visual-refresh-chat-input .buttons__74017 {
    height: auto
}

.visual-refresh-chat-input-chat-input.has-webkit-scrollbar .buttons__74017 {
    margin-right: -2px
}

.buttonContainer__74017 {
    align-items: center;
    display: flex
}

.button__74017 {
    margin-left: 4px;
    margin-right: 4px;
    padding: 4px
}

:where(.visual-refresh) .channelTextArea__74017 {
    border: 1px solid var(--border-faint);
    border-radius: var(--radius-sm)
}

:where(.visual-refresh) .inner__74017 {
    padding-left: calc(var(--space-16) - 1px)
}

:where(.visual-refresh) .themedBackground__74017 {
    background: var(--bg-overlay-floating,var(--chat-background-default))
}

:where(.visual-refresh) .button__74017 {
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
    min-height: var(--space-32);
    min-width: var(--space-32);
    padding: 0
}

.emojiButton__74017 {
}

.stickerIcon__74017 {
    height: 20px !important;
    width: 20px !important
}

.stickerButton__74017 {
    transition: transform .2s
}

.stickerButtonWithNotification__74017 {
    margin-top: 1px;
    padding-left: 2px;
    padding-right: 2px
}

.stickerButtonTilted__74017 {
    transform: rotate(12deg) scale(1.05);
    transition: transform .15s
}

.messageConfettiButton__74017:hover .messageConfettiIcon__74017, .messageConfettiIcon__74017.active__74017 {
    color: var(--text-brand) !important
}

.full-motion .messageConfettiButton__74017:hover {
    animation: wiggle__74017 .75s ease-in-out
}

@keyframes wiggle__74017 {
    0% {
        transform: rotate(0)
    }

    30% {
        transform: rotate(8deg)
    }

    40% {
        transform: rotate(8deg)
    }

    80% {
        transform: rotate(-6deg)
    }

    to {
        transform: rotate(0deg)
    }
}

.fontSize12Padding__74017 {
    padding-bottom: 14px;
    padding-top: 14px
}

.fontSize14Padding__74017 {
    padding-bottom: 12px;
    padding-top: 13px
}

.fontSize15Padding__74017 {
    padding-bottom: 12px;
    padding-top: 12px
}

.fontSize16Padding__74017 {
    padding-bottom: 11px;
    padding-top: 11px
}

.fontSize18Padding__74017 {
    padding-bottom: 9px;
    padding-top: 9px
}

.fontSize20Padding__74017 {
    padding-bottom: 9px;
    padding-top: 8px
}

.fontSize24Padding__74017 {
    padding-bottom: 6px;
    padding-top: 5px
}

.floatingBars__74017 {
    margin-bottom: -8px;
    min-height: 8px
}

    .floatingBars__74017 .newMemberActionBar__74017 {
        margin-left: 0;
        margin-right: 0
    }

.stackedBars__74017 {
    background: var(--background-secondary)
}

    .stackedBars__74017 > :not(:last-child) {
        border-bottom: 1px solid var(--background-secondary-alt)
    }

    .floatingBars__74017:empty + .stackedBars__74017:nth-child(2), .stackedBars__74017:first-child {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px
    }

.visual-refresh .stackedBars__74017 {
    background: var(--background-surface-higher)
}

    .visual-refresh .stackedBars__74017:not(:last-child) {
        border-bottom: 1px solid var(--border-subtle)
    }

    .visual-refresh .stackedBars__74017:first-child {
        border-top-left-radius: var(--radius-sm);
        border-top-right-radius: var(--radius-sm)
    }

.floatingBars__74017:empty + .visual-refresh .stackedBars__74017:nth-child(2) {
    border-top-left-radius: var(--radius-sm);
    border-top-right-radius: var(--radius-sm)
}

.visual-refresh .floatingBars__74017 {
    margin-bottom: 0;
    min-height: 0
}

.sparkles__74017 {
    height: 150%;
    left: -10px;
    position: absolute;
    top: -10px;
    width: 150%
}

.expressionPickerPositionLayer__74017 {
    left: 86px
}

.theme-dark.custom-theme-background .stackedBars__74017 {
    background: var(--bg-overlay-1,var(--background-secondary))
}

.theme-dark.custom-theme-background .textAreaMobileThemed__74017 {
    margin-top: 16px
}

.theme-light.custom-theme-background .stackedBars__74017 {
    background: var(--bg-overlay-2,var(--background-secondary))
}

.theme-light.custom-theme-background .textAreaMobileThemed__74017 {
    margin-top: 16px
}

.theme-brand .inner__74017 {
    background-color: var(--brand-400)
}

.theme-brand .textArea__74017 {
    color: var(--opacity-white-68)
}

    .theme-brand .textArea__74017::-moz-placeholder {
        color: var(--opacity-white-28)
    }

    .theme-brand .textArea__74017::placeholder {
        color: var(--opacity-white-28)
    }

:where(.visual-refresh) .textArea__74017:not(.textAreaSlate__74017) {
    box-sizing: border-box;
    min-height: var(--custom-channel-textarea-text-area-height);
    padding: calc((var(--custom-channel-textarea-text-area-height) - var(--chat-markup-line-height))/2) 0
}

.visual-refresh-chat-input .accessoryBar__74017 {
    align-items: center;
    border-top: 1px solid var(--background-mod-subtle);
    display: flex;
    justify-content: space-between;
    margin-left: var(--space-8);
    margin-right: var(--space-8);
    padding: var(--space-8)
}

.visual-refresh-chat-input .accessoryBarLeft__74017, .visual-refresh-chat-input .accessoryBarRight__74017 {
    align-items: center;
    display: grid;
    grid-auto-flow: column;
    min-height: var(--space-32);
    position: relative
}

.visual-refresh-chat-input .accessoryBarRight__74017 {
    margin-right: calc(var(--space-4)*-1)
}

.visual-refresh-chat-input .rightAccessories__74017 {
    align-items: center;
    display: flex;
    max-height: var(--custom-channel-textarea-text-area-height);
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.enable-forced-colors:not(.visual-refresh) .scrollableContainer__74017 {
    border: 1px solid CanvasText
}

.enable-forced-colors .scrollableContainer__74017 {
    overflow-y: auto;
    padding-right: 12px
}

    .enable-forced-colors .scrollableContainer__74017::-webkit-scrollbar {
        width: 8px
    }

    .enable-forced-colors .scrollableContainer__74017::-webkit-scrollbar-track {
        border-radius: 0 8px 8px 0
    }

    .enable-forced-colors .scrollableContainer__74017::-webkit-scrollbar-thumb, .enable-forced-colors .scrollableContainer__74017::-webkit-scrollbar-track {
        border-width: 1px
    }

    .enable-forced-colors .scrollableContainer__74017::-webkit-scrollbar-thumb {
        background-color: CanvasText
    }

@keyframes pulseIcon__24af7 {
    0%,to {
        transform: scale(var(--custom-channel-text-area-button-hover-scale))
    }

    50% {
        transform: none
    }
}

@keyframes pulseButton__24af7 {
    0%,to {
        opacity: .3
    }

    50% {
        opacity: 1
    }
}

@keyframes sparkle__24af7 {
    0% {
        opacity: 0;
        transform: rotate(-50deg) scale(0)
    }

    20% {
        opacity: 1;
        transform: rotate(0deg) scale(1)
    }

    40% {
        opacity: 0;
        transform: rotate(50deg) scale(0)
    }

    to {
        opacity: 0;
        transform: rotate(-50deg) scale(0)
    }
}

.buttonWrapper__24af7 {
    cursor: pointer
}

.button__24af7 {
    align-items: center;
    color: var(--interactive-normal);
    display: flex;
    justify-content: center
}

    .button__24af7:hover {
        color: var(--interactive-hover)
    }

    .button__24af7:active {
        color: var(--interactive-active)
    }

.iconMask__24af7 {
    display: block;
    height: 24px;
    width: 24px
}

.buttonContent__24af7 {
    position: relative
}

.icon__24af7 {
    height: 24px;
    width: 24px
}

.visual-refresh .iconMask__24af7 {
    height: 20px;
    width: 20px
}

.visual-refresh .icon__24af7 {
    height: 20px;
    width: 20px
}

.pulseIcon__24af7 {
    animation: pulseIcon__24af7 .6s ease
}

.pulseButton__24af7 .buttonWrapper__24af7 {
    animation: pulseButton__24af7 .6s ease
}

.buttonWrapper__24af7 svg {
    display: block
}

.notificationDot__24af7 {
    background-color: var(--status-danger);
    border-radius: 100%;
    bottom: 0;
    height: 7px;
    right: 0;
    transform: translateY(-5%);
    width: 7px
}

.notificationDot__24af7, .sparkleContainer__24af7 {
    position: absolute
}

.sparkleStar__24af7 {
    color: var(--gold);
    left: 20px;
    top: -12px
}

.sparklePlus__24af7, .sparkleStar__24af7 {
    animation: sparkle__24af7 2.5s ease-in-out infinite;
    position: relative
}

.sparklePlus__24af7 {
    animation-delay: .5s;
    color: var(--brand-500);
    left: -20px;
    opacity: 0;
    top: 16px
}

.active__24af7 .buttonWrapper__24af7, .buttonWrapper__24af7:hover {
    color: var(--interactive-active)
}

.disabled_aa63ab {
    cursor: not-allowed
}

.container_aa63ab {
    align-items: center;
    display: flex
}

.separator_aa63ab {
    align-self: center;
    background-color: var(--background-modifier-accent);
    height: 65%;
    margin-left: var(--space-8);
    width: 1px
}

.visual-refresh .separator_aa63ab {
    background-color: var(--border-faint);
    height: var(--chat-markup-line-height);
    margin-left: 0
}

.buttonContainer_aa63ab {
    display: flex
}

.sendIcon_aa63ab {
    height: 20px !important;
    width: 20px !important
}

.innerButton_aa63ab {
    margin-left: 12px;
    margin-right: 4px;
    padding: 4px
}

.buttonContainer_aa63ab button:disabled {
    opacity: 1
}

.buttonChild_aa63ab, .button_aa63ab[disabled] > .innerButton_aa63ab > .buttonChild_aa63ab {
    color: var(--interactive-muted);
    transition: color .25s ease-in-out
}

.activeButtonChild_aa63ab {
    color: var(--text-brand)
}

.theme-dark .button_aa63ab:focus .activeButtonChild_aa63ab, .theme-dark .button_aa63ab:focus-within .activeButtonChild_aa63ab, .theme-dark .button_aa63ab:hover .activeButtonChild_aa63ab {
    color: var(--brand-430)
}

.theme-dark .button_aa63ab:active .activeButtonChild_aa63ab {
    color: var(--brand-500)
}

.theme-light .activeInnerButton_aa63ab:focus, .theme-light .activeInnerButton_aa63ab:hover, .theme-light .buttonContainer_aa63ab:focus, .theme-light .buttonContainer_aa63ab:hover {
    color: var(--brand-560)
}

.theme-light .activeInnerButton_aa63ab:active, .theme-light .buttonContainer_aa63ab:active {
    color: var(--brand-600)
}

.reduce-motion .innerButton_aa63ab {
    transition: unset
}

.visual-refresh .innerButton_aa63ab {
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
    min-height: var(--space-32);
    min-width: var(--space-32)
}

.visual-refresh .container_aa63ab {
    margin-left: 0
}

    .visual-refresh .container_aa63ab:before {
        display: none
    }

.visual-refresh-chat-input .container_aa63ab {
    display: flex;
    margin-left: 8px
}

.visual-refresh-chat-input .separator_aa63ab {
    margin-left: var(--space-8)
}

.divider__908e2 {
    align-items: center;
    border-top: thin solid var(--background-modifier-accent);
    box-sizing: border-box;
    display: flex;
    flex: 0 0 auto;
    height: 0;
    justify-content: center;
    pointer-events: none;
    position: relative;
    z-index: 1;
    --divider-color: var(--status-danger)
}

.custom-theme-background .divider__908e2 {
    border-top: thin solid rgb(var(--bg-overlay-color-inverse)/var(--bg-overlay-opacity-6))
}

.low-saturation .divider__908e2 {
    --divider-color: var(--red-430)
}

.background-opacity-low .divider__908e2, .background-opacity-medium .divider__908e2 {
    opacity: .5
}

.background-opacity-high .divider__908e2 {
    opacity: .8
}

.isUnread__908e2, .custom-theme-background .isUnread__908e2 {
    border-color: var(--divider-color)
}

.hasContent__908e2 {
    left: auto;
    position: relative;
    right: auto
}

.endCap__908e2 {
    align-items: center;
    border-left: none;
    border-radius: 0 4px 4px 0;
    box-sizing: border-box;
    color: var(--white-500);
    display: flex;
    font-size: 10px;
    font-weight: 700;
    height: 13px;
    justify-content: center;
    line-height: 9px;
    padding: 0 4px 0 1px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: -7px
}

.unreadPill__908e2 {
    background-color: var(--divider-color)
}

.unreadPillCap__908e2 {
    display: block;
    height: 13px;
    left: -8px;
    position: absolute;
    top: 0
}

.unreadPillCapStroke__908e2 {
    color: var(--divider-color);
    fill: var(--divider-color)
}

.content__908e2 {
    background: var(--bg-overlay-chat,var(--background-primary));
    border-radius: 8px;
    color: var(--text-muted);
    display: block;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 600;
    line-height: 13px;
    margin-top: -1px;
    padding: 2px 4px
}

.visual-refresh .content__908e2 {
    background: var(--bg-overlay-chat,var(--background-base-lower));
    padding-left: var(--space-4)
}

.isUnread__908e2 .content__908e2 {
    color: var(--divider-color)
}

.stickerPreviews_a4cf0b {
    padding: 10px 0 10px 16px
}

.stickerPreviewContainer_a4cf0b {
    display: inline-block;
    position: relative
}

.stickerPreview_a4cf0b {
    margin-right: 4px
}

.stickerPreviewDivider_a4cf0b {
    margin-left: 16px
}

.closeButton_a4cf0b {
    color: var(--interactive-normal);
    cursor: pointer;
    line-height: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

    .closeButton_a4cf0b:hover {
        color: var(--interactive-hover)
    }

.closeIconContainer_a4cf0b {
    background: var(--channeltextarea-background);
    border-radius: 100%
}

.closeIcon_a4cf0b {
    height: 16px;
    width: 16px
}

.closeButton_e876a8 {
    color: var(--interactive-normal);
    cursor: pointer;
    flex: 0 0 auto;
    line-height: 0;
    padding: 8px 18px 8px 16px
}

.visual-refresh .closeButton_e876a8 {
    padding-left: var(--space-12);
    padding-right: var(--space-12)
}

.closeButton_e876a8:hover {
    color: var(--interactive-hover)
}

.closeIcon_e876a8 {
    height: 16px;
    width: 16px
}

.heading-sm\/normal__84522 {
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2857142857142858
}

    .heading-sm\/normal__84522.fontScaling__84522 {
        font-size: .875rem
    }

.heading-sm\/medium__84522 {
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2857142857142858
}

    .heading-sm\/medium__84522.fontScaling__84522 {
        font-size: .875rem
    }

.heading-sm\/semibold__84522 {
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2857142857142858
}

    .heading-sm\/semibold__84522.fontScaling__84522 {
        font-size: .875rem
    }

.heading-sm\/bold__84522 {
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2857142857142858
}

    .heading-sm\/bold__84522.fontScaling__84522 {
        font-size: .875rem
    }

.heading-sm\/extrabold__84522 {
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2857142857142858
}

    .heading-sm\/extrabold__84522.fontScaling__84522 {
        font-size: .875rem
    }

.heading-md\/normal__84522 {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25
}

    .heading-md\/normal__84522.fontScaling__84522 {
        font-size: 1rem
    }

.heading-md\/medium__84522 {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25
}

    .heading-md\/medium__84522.fontScaling__84522 {
        font-size: 1rem
    }

.heading-md\/semibold__84522 {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25
}

    .heading-md\/semibold__84522.fontScaling__84522 {
        font-size: 1rem
    }

.heading-md\/bold__84522 {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25
}

    .heading-md\/bold__84522.fontScaling__84522 {
        font-size: 1rem
    }

.heading-md\/extrabold__84522 {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.25
}

    .heading-md\/extrabold__84522.fontScaling__84522 {
        font-size: 1rem
    }

.heading-lg\/normal__84522 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2
}

    .heading-lg\/normal__84522.fontScaling__84522 {
        font-size: 1.25rem
    }

.heading-lg\/medium__84522 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2
}

    .heading-lg\/medium__84522.fontScaling__84522 {
        font-size: 1.25rem
    }

.heading-lg\/semibold__84522 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2
}

    .heading-lg\/semibold__84522.fontScaling__84522 {
        font-size: 1.25rem
    }

.heading-lg\/bold__84522 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2
}

    .heading-lg\/bold__84522.fontScaling__84522 {
        font-size: 1.25rem
    }

.heading-lg\/extrabold__84522 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2
}

    .heading-lg\/extrabold__84522.fontScaling__84522 {
        font-size: 1.25rem
    }

.heading-xl\/normal__84522 {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 400;
    line-height: 1.25
}

    .heading-xl\/normal__84522.fontScaling__84522 {
        font-size: 1.5rem
    }

.heading-xl\/medium__84522 {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 500;
    line-height: 1.25
}

    .heading-xl\/medium__84522.fontScaling__84522 {
        font-size: 1.5rem
    }

.heading-xl\/semibold__84522 {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25
}

    .heading-xl\/semibold__84522.fontScaling__84522 {
        font-size: 1.5rem
    }

.heading-xl\/bold__84522 {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25
}

    .heading-xl\/bold__84522.fontScaling__84522 {
        font-size: 1.5rem
    }

.heading-xl\/extrabold__84522 {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.25
}

    .heading-xl\/extrabold__84522.fontScaling__84522 {
        font-size: 1.5rem
    }

.heading-xxl\/normal__84522 {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 400;
    line-height: 1.25
}

    .heading-xxl\/normal__84522.fontScaling__84522 {
        font-size: 2rem
    }

.heading-xxl\/medium__84522 {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 500;
    line-height: 1.25
}

    .heading-xxl\/medium__84522.fontScaling__84522 {
        font-size: 2rem
    }

.heading-xxl\/semibold__84522 {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 600;
    line-height: 1.25
}

    .heading-xxl\/semibold__84522.fontScaling__84522 {
        font-size: 2rem
    }

.heading-xxl\/bold__84522 {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 700;
    line-height: 1.25
}

    .heading-xxl\/bold__84522.fontScaling__84522 {
        font-size: 2rem
    }

.heading-xxl\/extrabold__84522 {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 800;
    line-height: 1.25
}

    .heading-xxl\/extrabold__84522.fontScaling__84522 {
        font-size: 2rem
    }

.eyebrow__84522 {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 1.3333333333333333;
    text-transform: uppercase
}

    .eyebrow__84522.fontScaling__84522 {
        font-size: .75rem
    }

.heading-deprecated-12\/normal__84522 {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3333333333333333
}

    .heading-deprecated-12\/normal__84522.fontScaling__84522 {
        font-size: .75rem
    }

.heading-deprecated-12\/medium__84522 {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3333333333333333
}

    .heading-deprecated-12\/medium__84522.fontScaling__84522 {
        font-size: .75rem
    }

.heading-deprecated-12\/semibold__84522 {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3333333333333333
}

    .heading-deprecated-12\/semibold__84522.fontScaling__84522 {
        font-size: .75rem
    }

.heading-deprecated-12\/bold__84522 {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3333333333333333
}

    .heading-deprecated-12\/bold__84522.fontScaling__84522 {
        font-size: .75rem
    }

.heading-deprecated-12\/extrabold__84522 {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.3333333333333333
}

    .heading-deprecated-12\/extrabold__84522.fontScaling__84522 {
        font-size: .75rem
    }

.redesign\/heading-18\/bold__84522 {
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3333333333333333
}

    .redesign\/heading-18\/bold__84522.fontScaling__84522 {
        font-size: 1.125rem
    }

.text-xxs\/normal__84522 {
    font-family: var(--font-primary);
    font-size: 10px;
    font-weight: 400;
    line-height: 1.2
}

    .text-xxs\/normal__84522.fontScaling__84522 {
        font-size: .625rem
    }

.text-xxs\/medium__84522 {
    font-family: var(--font-primary);
    font-size: 10px;
    font-weight: 500;
    line-height: 1.2
}

    .text-xxs\/medium__84522.fontScaling__84522 {
        font-size: .625rem
    }

.text-xxs\/semibold__84522 {
    font-family: var(--font-primary);
    font-size: 10px;
    font-weight: 600;
    line-height: 1.2
}

    .text-xxs\/semibold__84522.fontScaling__84522 {
        font-size: .625rem
    }

.text-xxs\/bold__84522 {
    font-family: var(--font-primary);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2
}

    .text-xxs\/bold__84522.fontScaling__84522 {
        font-size: .625rem
    }

.text-xs\/normal__84522 {
    font-family: var(--font-primary);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3333333333333333
}

    .text-xs\/normal__84522.fontScaling__84522 {
        font-size: .75rem
    }

.text-xs\/medium__84522 {
    font-family: var(--font-primary);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3333333333333333
}

    .text-xs\/medium__84522.fontScaling__84522 {
        font-size: .75rem
    }

.text-xs\/semibold__84522 {
    font-family: var(--font-primary);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3333333333333333
}

    .text-xs\/semibold__84522.fontScaling__84522 {
        font-size: .75rem
    }

.text-xs\/bold__84522 {
    font-family: var(--font-primary);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3333333333333333
}

    .text-xs\/bold__84522.fontScaling__84522 {
        font-size: .75rem
    }

.text-sm\/normal__84522 {
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2857142857142858
}

    .text-sm\/normal__84522.fontScaling__84522 {
        font-size: .875rem
    }

.text-sm\/medium__84522 {
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2857142857142858
}

    .text-sm\/medium__84522.fontScaling__84522 {
        font-size: .875rem
    }

.text-sm\/semibold__84522 {
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2857142857142858
}

    .text-sm\/semibold__84522.fontScaling__84522 {
        font-size: .875rem
    }

.text-sm\/bold__84522 {
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2857142857142858
}

    .text-sm\/bold__84522.fontScaling__84522 {
        font-size: .875rem
    }

.text-md\/normal__84522 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25
}

    .text-md\/normal__84522.fontScaling__84522 {
        font-size: 1rem
    }

.text-md\/medium__84522 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25
}

    .text-md\/medium__84522.fontScaling__84522 {
        font-size: 1rem
    }

.text-md\/semibold__84522 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25
}

    .text-md\/semibold__84522.fontScaling__84522 {
        font-size: 1rem
    }

.text-md\/bold__84522 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25
}

    .text-md\/bold__84522.fontScaling__84522 {
        font-size: 1rem
    }

.text-lg\/normal__84522 {
    font-family: var(--font-primary);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2
}

    .text-lg\/normal__84522.fontScaling__84522 {
        font-size: 1.25rem
    }

.text-lg\/medium__84522 {
    font-family: var(--font-primary);
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2
}

    .text-lg\/medium__84522.fontScaling__84522 {
        font-size: 1.25rem
    }

.text-lg\/semibold__84522 {
    font-family: var(--font-primary);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2
}

    .text-lg\/semibold__84522.fontScaling__84522 {
        font-size: 1.25rem
    }

.text-lg\/bold__84522 {
    font-family: var(--font-primary);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2
}

    .text-lg\/bold__84522.fontScaling__84522 {
        font-size: 1.25rem
    }

.redesign\/message-preview\/normal__84522 {
    font-family: var(--font-primary);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3333333333333333
}

    .redesign\/message-preview\/normal__84522.fontScaling__84522 {
        font-size: .9375rem
    }

.redesign\/message-preview\/medium__84522 {
    font-family: var(--font-primary);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3333333333333333
}

    .redesign\/message-preview\/medium__84522.fontScaling__84522 {
        font-size: .9375rem
    }

.redesign\/message-preview\/semibold__84522 {
    font-family: var(--font-primary);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3333333333333333
}

    .redesign\/message-preview\/semibold__84522.fontScaling__84522 {
        font-size: .9375rem
    }

.redesign\/message-preview\/bold__84522 {
    font-family: var(--font-primary);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3333333333333333
}

    .redesign\/message-preview\/bold__84522.fontScaling__84522 {
        font-size: .9375rem
    }

.redesign\/channel-title\/normal__84522 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.375
}

    .redesign\/channel-title\/normal__84522.fontScaling__84522 {
        font-size: 1rem
    }

.redesign\/channel-title\/medium__84522 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.375
}

    .redesign\/channel-title\/medium__84522.fontScaling__84522 {
        font-size: 1rem
    }

.redesign\/channel-title\/semibold__84522 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.375
}

    .redesign\/channel-title\/semibold__84522.fontScaling__84522 {
        font-size: 1rem
    }

.redesign\/channel-title\/bold__84522 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.375
}

    .redesign\/channel-title\/bold__84522.fontScaling__84522 {
        font-size: 1rem
    }

.display-sm__84522 {
    font-family: var(--font-headline);
    font-size: 20px;
    font-weight: 800;
    line-height: 1
}

    .display-sm__84522.fontScaling__84522 {
        font-size: 1.25rem
    }

.display-md__84522 {
    font-family: var(--font-headline);
    font-size: 34px;
    font-weight: 800;
    line-height: 1.0588235294117647
}

    .display-md__84522.fontScaling__84522 {
        font-size: 2.125rem
    }

.display-lg__84522 {
    font-family: var(--font-headline);
    font-size: 44px;
    font-weight: 800;
    line-height: .9545454545454546
}

    .display-lg__84522.fontScaling__84522 {
        font-size: 2.75rem
    }

.code__84522 {
    font-family: var(--font-code);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3333333333333333
}

    .code__84522.fontScaling__84522 {
        font-size: .75rem
    }

.bar__84522 {
    flex-direction: row;
    padding-bottom: 2px;
    padding-left: 16px;
    padding-top: 2px
}

.bar__84522, .commandInfo__84522 {
    align-items: baseline;
    display: flex
}

.commandInfo__84522 {
    flex: 1 1 auto;
    font-size: 14px;
    font-weight: 500;
    gap: 8px;
    line-height: 16px
}

.visual-refresh .bar__84522 {
    align-items: center
}

.name__84522 {
    color: var(--interactive-active);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px
}

.description__84522 {
    color: var(--interactive-normal)
}

.description__84522, .error__84522 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.error__84522 {
    color: var(--red-400)
}

.actions__84522 {
    align-items: center;
    display: flex;
    flex: 0 0 auto
}

.bar_c590c7 {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-left: var(--space-20)
}

.small__258ba {
    height: 16px;
    width: 16px
}

.medium__258ba {
    height: 24px;
    width: 24px
}

.large__258ba {
    height: 40px;
    width: 40px
}

.container__183e8 {
    display: flex;
    flex-direction: column;
    margin-left: 16px;
    margin-right: 16px;
    overflow: hidden
}

.banner__183e8 {
    align-items: center;
    background-color: var(--background-tertiary);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: flex;
    flex-grow: 1;
    padding: 8px 16px 16px
}

.text__183e8 {
    flex-grow: 1;
    margin-left: 8px
}

.clickable__183e8 {
    cursor: pointer
}

.channelIcon__183e8 {
    color: var(--channel-icon);
    height: 20px;
    padding: 4px;
    width: 20px
}

.iconCircle__183e8 {
    align-items: center;
    background-color: var(--brand-500);
    border-radius: 10px;
    display: flex;
    height: 20px;
    justify-content: center;
    width: 20px
}

.nextIcon__183e8 {
    color: var(--interactive-active)
}

.completed__183e8 {
    color: var(--status-positive)
}

.customConfetti__69c6c {
    pointer-events: none;
    right: -75px;
    top: -120px
}

.shaker_e5f3a9 {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    justify-content: center;
    max-height: 720px
}

html:not(.visual-refresh) .root_e5f3a9 {
    background-color: transparent
}

.root_e5f3a9 > :last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.visual-refresh .shaker_e5f3a9 {
    max-height: inherit
}

.visual-refresh .root_e5f3a9 > :last-child {
    border-bottom-left-radius: var(--radius-sm);
    border-bottom-right-radius: var(--radius-sm)
}

.root_e5f3a9.withHeader_e5f3a9 > :first-child {
    background-color: transparent
}

@media (max-width:485px) {
    .shaker_e5f3a9 {
        bottom: 0;
        left: 0;
        max-height: none;
        position: absolute;
        right: 0;
        top: 0
    }

    .root_e5f3a9, .shaker_e5f3a9 {
        justify-content: center
    }

    .root_e5f3a9 {
        border-radius: 0;
        width: 100vw
    }
}

.halloweenModalHeight_e5f3a9 {
    max-height: 800px
}

.premiumRebrandBackground_e5f3a9 {
    background-color: var(--background-primary) !important
}

.container_b7b2cf {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: auto;
    text-align: center;
    width: 400px
}

.header_b7b2cf {
    margin-bottom: 24px
}

.description_b7b2cf {
    margin-bottom: 40px
}

.splashImage_b7b2cf {
    width: 223px
}

.settings_b7b2cf {
    margin-top: 96px
}

.modal_b7b2cf {
    margin-bottom: 48px;
    margin-top: 40px
}

.blockedPaymentsModalContent_b7b2cf, .blockedPaymentsModalHeader_b7b2cf {
    background-color: var(--modal-background)
}

.blockedPaymentsModalHeader_b7b2cf {
    border-radius: 4px 4px 0 0
}

.blockedPaymentsModalContent_b7b2cf {
    border-radius: 0 0 4px 4px
}

.blockedPaymentsWarningIcon_b7b2cf {
    margin-right: 10px
}

.blockedPaymentsWarning_b7b2cf {
    background-color: var(--background-secondary);
    color: var(--text-normal);
    display: flex;
    justify-items: center;
    margin-bottom: 16px;
    margin-top: 16px;
    padding: 16px 22px
}

.theme-dark .blockedPaymentsWarning_b7b2cf {
    border-color: var(--primary-700)
}

.theme-light .blockedPaymentsWarning_b7b2cf {
    border-color: var(--primary-200)
}

.headerBackground_b66356 {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-height: 114px;
    padding: var(--space-20);
    position: relative;
    width: 100%
}

.visual-refresh .headerBackground_b66356 {
    border-top-left-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md);
    margin-left: -1px;
    margin-top: -2px;
    width: calc(100% + 2px)
}

.tier2HeaderBackground_b66356 {
    background-image: linear-gradient(41.27deg,var(--premium-tier-2-purple-for-gradients) 20.01%,var(--premium-tier-2-purple-for-gradients-2) 56.27%,var(--premium-tier-2-pink-for-gradients) 92.19%)
}

.snow_b66356 {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.closeIcon_b66356 {
    color: var(--header-primary);
    opacity: 1
}

.headerTop_b66356 {
    position: relative;
    width: 100%
}

.headerIcon_b66356 {
    color: var(--white-500);
    height: 22px;
    width: auto
}

    .headerIcon_b66356.nonTier2_b66356 {
        height: 35px
    }

.price_b66356 {
    align-self: flex-end;
    background-color: var(--white-500);
    border-radius: 3px;
    color: var(--brand-500);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.71;
    margin-top: 20px;
    padding: 2px 12px;
    position: relative
}

.closeButton_b66356 {
    color: var(--white-500) !important
}

    .closeButton_b66356:hover {
        background-color: hsla(0,0%,100%,.04) !important
    }

.trialBadge_b66356 {
    left: 0;
    position: absolute;
    top: 43px
}

.trialBadgeContainer_b66356 {
    align-items: center;
    background: var(--white-500);
    border-radius: 10px;
    display: flex;
    justify-content: center;
    margin-top: 8px;
    max-height: 32px;
    max-width: 150px;
    text-align: left;
    text-transform: uppercase
}

.trialOfferText_b66356 {
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(93.74deg,#8847c6 .65%,#ac46c3 50.46%,#ad5b91 91.96%);
    color: transparent;
    line-height: 12px;
    padding: 4px 8px
}

    .trialOfferText_b66356.tier0TrialOffer_b66356 {
        background-image: var(--custom-premium-colors-premium-gradient-tier-0)
    }

.trialBadgeSparkles_b66356 {
    left: 4px;
    position: absolute;
    top: 43px
}

.breadcrumbs_d7fde8 {
    display: flex;
    justify-content: center;
    overflow: hidden
}

.breadcrumbWrapper_d7fde8 {
    align-items: center;
    display: flex;
    flex-grow: 0;
    font-weight: 600
}

.breadcrumbFinalWrapper_d7fde8 {
    overflow: hidden
}

.breadcrumbArrow_d7fde8 {
    color: var(--text-muted);
    height: 18px;
    margin: 0 11px;
    width: 18px
}

.badgeContainer_fc0249 {
    align-items: center;
    background: var(--background-primary);
    border: 1px solid var(--border-normal);
    border-radius: var(--radius-md);
    display: flex;
    justify-content: center;
    margin-left: var(--space-16);
    margin-top: var(--space-8);
    padding: var(--spacing-8) var(--spacing-12);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

    .badgeContainer_fc0249.tier2_fc0249 {
        background: linear-gradient(90deg,rgba(155,29,165,.34),rgba(30,35,83,.34) 120%)
    }

    .badgeContainer_fc0249.tier0_fc0249 {
        background: linear-gradient(270deg,rgba(20,20,203,.3),rgba(33,187,99,.3))
    }

.badgeText_fc0249 {
    text-transform: uppercase
}

.container_c7bb69, .headerContainer_c7bb69 {
    position: relative
}

.headerContainer_c7bb69 {
    align-items: flex-end;
    border-top-left-radius: calc(var(--radius-md) - 1px);
    border-top-right-radius: calc(var(--radius-md) - 1px);
    display: flex;
    height: 120px;
    min-height: 120px;
    padding: 0 var(--space-16) 0
}

    .headerContainer_c7bb69.containerBottomPadding_c7bb69 {
        padding-bottom: var(--space-12)
    }

.tier0Background_c7bb69 {
    background: radial-gradient(100% 100% at 50% 100%,var(--background-primary) 60%,var(--transparent) 100%),linear-gradient(270deg,var(--background-modal-gradient-nitro-2-end) 0,var(--background-modal-gradient-nitro-2-start) 100%)
}

.tier2Background_c7bb69 {
    background: radial-gradient(100% 100% at 50% 100%,var(--background-primary) 60%,var(--transparent) 100%),linear-gradient(270deg,var(--background-modal-gradient-nitro-1-end) 0,var(--background-modal-gradient-nitro-1-start) 100%)
}

.bigWumpus_c7bb69 {
    height: 159px;
    position: absolute;
    right: 41px;
    top: 28px;
    z-index: 1000
}

.wumpus_c7bb69 {
    height: 117px;
    position: absolute;
    right: 35px;
    top: 12px
}

.bigCloud_c7bb69 {
    left: calc(50% - 60px);
    opacity: .25;
    position: absolute;
    top: 39px;
    transform: translateX(-50%);
    width: 120px
}

.mediumCloud_c7bb69 {
    left: 28px;
    opacity: .35;
    position: absolute;
    top: 22px;
    width: 74px
}

.smallCloud_c7bb69 {
    opacity: .25;
    position: absolute;
    right: 39px;
    top: 58px;
    width: 59px
}

.closeButtonPosition_c7bb69 {
    position: absolute;
    right: 12px;
    top: 12px
}

.textContainer_c7bb69 {
    gap: var(--space-16)
}

.headerTextWrapper_c7bb69, .textContainer_c7bb69 {
    display: flex;
    flex-direction: column
}

.headerTextWrapper_c7bb69 {
    background-color: var(--background-primary);
    gap: var(--space-12);
    justify-content: center;
    padding-bottom: var(--space-12);
    padding-top: var(--space-24);
    text-align: center
}

.oneStepCheckoutTextWrapper_c7bb69 {
    background-color: var(--background-primary);
    padding: var(--space-16) var(--space-16) var(--space-12)
}

.wordmark_c7bb69 {
    height: 22px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.bodyGradientPadding_c7bb69 {
    height: 24px
}

.bodyGradientContainer_c7bb69 {
    bottom: -24px;
    height: 30px;
    margin: 0 var(--space-8);
    overflow: hidden;
    position: absolute;
    width: calc(100% - 16px)
}

.bodyGradient_c7bb69 {
    background: linear-gradient(0deg,transparent 0,var(--background-primary) 46.63%);
    bottom: 0;
    height: 48px;
    position: absolute;
    width: 100%;
    z-index: 1
}

.tier2Animation__387d4 {
    position: relative
}

.panningAnimation__387d4 {
    bottom: 22px;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.panningAnimationInner__387d4 {
    background-size: 100% 100%;
    bottom: 0;
    filter: saturate(var(--saturation-factor,1));
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.tier2Background__387d4 {
    background-image: url(/assets/083b1bde1c6b39a3.svg);
    opacity: .2
}

.tier2Foreground__387d4 {
    background-image: url(/assets/ae4a4071a85dcaa6.svg)
}

.guildWrapper__387d4 {
    position: relative
}

.guildBackground__387d4 {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

.guildBackground__387d4, .guildStar__387d4 {
    position: absolute
}

.sequencedAnimation__387d4 {
    filter: saturate(var(--saturation-factor,1))
}

.modalHeader_b54a5b {
    background-position: 0 10px;
    background-repeat: no-repeat;
    margin-bottom: -20px;
    overflow: clip;
    padding-bottom: 0
}

.modalHeader_b54a5b, .modalHeaderCustomGift_b54a5b {
    background-image: linear-gradient(var(--modal-background),var(--modal-background));
    background-size: 100% calc(100% - 20px)
}

.modalHeaderCustomGift_b54a5b {
    align-items: center;
    border-bottom: 1.5px solid var(--background-modifier-accent);
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    padding-bottom: var(--modal-vertical-padding)
}

.visual-refresh .modalHeaderCustomGift_b54a5b {
    background-image: unset;
    background-size: unset;
    border-bottom: none;
    padding-bottom: 0
}

.closeButton_b54a5b {
    margin-left: auto;
    padding: 0
}

.closeButtonInner_b54a5b {
    height: 24px
}

.header_b54a5b {
    flex-shrink: 0
}

body .headerAnimation_b54a5b {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    bottom: -22px;
    left: 50%;
    min-width: 440px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(-50%);
    width: 100%
}

.visual-refresh .headerAnimation_b54a5b {
    border-top-left-radius: calc(var(--radius-md) - 1px);
    border-top-right-radius: calc(var(--radius-md) - 1px)
}

.paymentModalLockIcon__9a648 {
    color: var(--primary-500);
    padding: 0 var(--modal-horizontal-padding)
}

.theme-dark .paymentModalLockIcon__9a648 {
    color: var(--primary-300)
}

.lockIcon__9a648 {
    margin-right: 2px
}

.back__962c6 {
    margin-right: auto;
    min-width: auto;
    padding: 2px 4px;
    width: auto
}

.primaryIcon__962c6 {
    height: 16px;
    margin-right: 4px;
    width: 16px
}

.button__962c6 {
    display: flex
}

.body_c6f1a4 {
    background-color: var(--modal-background);
    height: 100%
}

    .body_c6f1a4.noRoundedCorners_c6f1a4 {
        border-radius: 0
    }

    .body_c6f1a4.reviewStep_c6f1a4 {
        padding: 0 16px
    }

.sliderBody_c6f1a4 {
    box-sizing: border-box;
    flex-direction: row;
    flex-grow: 0;
    padding-bottom: 16px;
    width: 100%
}

@media (max-width:485px) {
    .sliderBody_c6f1a4 {
        flex-direction: column;
        flex-grow: 1
    }
}

.visual-refresh .body_c6f1a4 {
    border-radius: var(--radius-md);
    padding: 0 var(--space-16)
}

.visual-refresh .sliderBody_c6f1a4 {
    padding-bottom: var(--space-8)
}

.sliderBodyLarge_c6f1a4 {
    width: 804px
}

.icon__9f2f4 {
    align-self: center;
    background-color: var(--background-floating);
    border-radius: 50%
}

    .icon__9f2f4.small__9f2f4 {
        height: 40px;
        width: 40px
    }

    .icon__9f2f4.medium__9f2f4 {
        height: 66px;
        width: 66px
    }

.container__9e80c {
    display: flex
}

.emojiContainer__9e80c {
    margin-right: 16px
}

.name__9e80c {
    margin-bottom: 2px
}

.infoContainer__9e80c {
    flex: 1
}

.emojiIcon__9e80c {
    height: 20px;
    width: 20px
}

.container__4328f {
    display: flex;
    flex-direction: column
}

.header__4328f {
    color: var(--header-secondary);
    margin-top: 16px;
    text-align: center
}

    .header__4328f strong {
        color: var(--header-primary)
    }

.divider__4328f {
    background-color: var(--background-modifier-accent);
    border: none;
    height: 1px;
    margin: 28px 0;
    width: 100%
}

.benefitsContainer__4328f {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 16px
}

.benefit__4328f {
    background-color: var(--background-secondary);
    border-radius: 8px;
    padding: 16px
}

.headerContainer__2dea3 {
    background-color: var(--background-primary);
    height: 112px;
    position: relative;
    width: 100%
}

.visual-refresh .headerContainer__2dea3 {
    margin-left: -1px;
    margin-top: -2px;
    width: calc(100% + 2px)
}

.closeContainer__2dea3 {
    align-items: center;
    background-color: var(--opacity-black-84);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 24px
}

.closeIcon__2dea3 {
    color: var(--interactive-normal);
    height: 16px;
    width: 16px
}

.headerImage__2dea3, .headerImageContainer__2dea3 {
    height: 100%;
    width: 100%
}

.headerImage__2dea3 {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    object-fit: cover
}

.confirmationContainer__2dea3 {
    margin-top: 32px
}

.purchaseConfirmation__2dea3 {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

.confirmationTitle__2dea3 {
    margin-top: 16px
}

.confirmationSubtitle__2dea3 {
    margin-top: 8px
}

.seasonalGiftBoxHeaderIcon_ae16b8 {
    align-self: center;
    bottom: -11px;
    position: absolute;
    width: 260px;
    z-index: 1
}

.container_ae16b8 {
    align-items: center;
    background-image: linear-gradient(var(--modal-background),var(--modal-background));
    background-size: 100% calc(100% - 20px);
    border-radius: 4px 4px 0 0;
    display: flex;
    justify-content: center;
    position: relative
}

.closeButton_ae16b8 {
    margin: var(--modal-vertical-padding) var(--modal-horizontal-padding);
    margin-left: auto
}

.visual-refresh .container_ae16b8 {
    background-image: unset;
    background-size: unset
}

.spinner_ca0af2 {
    border-radius: 4px;
    max-height: 720px;
    min-height: 200px
}

.cardIcon__29abc {
    box-shadow: 0 1px 3px var(--opacity-black-8);
    flex: 0 0 auto;
    position: relative;
    text-indent: -9999em;
    transform-origin: 50% 50%;
    transform-style: preserve-3d
}

.full-motion .cardIcon__29abc {
    transition: transform .3s ease-in-out
}

.cardIcon__29abc:after, .cardIcon__29abc:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.cardIcon__29abc:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-image: url(/assets/22f7eeb9ea9904c1.svg);
    background-size: 100% 100%;
    border-radius: 2px;
    transform: rotateY(0deg)
}

.cardIcon__29abc:after, .cardIcon__29abc:before {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.cardIcon__29abc:after {
    background: url(/assets/fea1d83d02c90c67.svg);
    background-size: 100% 100%;
    transform: rotateY(180deg)
}

.cardIcon__29abc.visa__29abc:before {
    background-image: url(/assets/4c049942fdde71f8.svg)
}

.cardIcon__29abc.american-express__29abc:before, .cardIcon__29abc.amex__29abc:before {
    background-image: url(/assets/e415725e0e3a87fb.svg)
}

.cardIcon__29abc.discover__29abc:before {
    background-image: url(/assets/9a5413553cab204a.svg)
}

.cardIcon__29abc.master-card__29abc:before, .cardIcon__29abc.mastercard__29abc:before {
    background-image: url(/assets/ba865ff6773d1876.svg)
}

.cardIcon__29abc.paypal__29abc:before {
    background-image: url(/assets/0b87743361cfb797.svg)
}

.cardIcon__29abc.paymentRequest__29abc:before {
    background-image: url(/assets/a500e0b04a325513.svg)
}

.cardIcon__29abc.gPay__29abc:before {
    background-image: url(/assets/04e197da860c981f.svg)
}

.cardIcon__29abc.sofort__29abc:before {
    background-image: url(/assets/eb22e43f6f710d3b.svg)
}

.cardIcon__29abc.przelewy24__29abc:before {
    background-image: url(/assets/3d961164938e62d7.svg)
}

.cardIcon__29abc.giropay__29abc:before {
    background-image: url(/assets/fcb798c4bf712284.svg)
}

.cardIcon__29abc.paysafecard__29abc:before {
    background-image: url(/assets/0b47f9360f12b1fa.svg)
}

.cardIcon__29abc.gcash__29abc:before {
    background-image: url(/assets/7e5579c4c73ca390.svg)
}

.cardIcon__29abc.grabpay__29abc:before {
    background-image: url(/assets/224f56365db6763e.svg)
}

.cardIcon__29abc.momo_wallet__29abc:before {
    background-image: url(/assets/0dbebb1dde8de002.svg)
}

.cardIcon__29abc.venmo__29abc:before {
    background-image: url(/assets/9bb2cc8906a18ba2.svg)
}

.cardIcon__29abc.kakaopay__29abc:before {
    background-image: url(/assets/2a5fa2783cb39764.svg)
}

.cardIcon__29abc.gopay_wallet__29abc:before {
    background-image: url(/assets/637bf6beddb5589b.svg)
}

.cardIcon__29abc.bancontact__29abc:before {
    background-image: url(/assets/ce90dd2b5978b623.svg)
}

.cardIcon__29abc.eps__29abc:before {
    background-image: url(/assets/3f80791089be55d4.svg)
}

.cardIcon__29abc.ideal__29abc:before {
    background-image: url(/assets/160f818e8dc66a17.svg)
}

.cardIcon__29abc.cash_app__29abc:before {
    background-image: url(/assets/3de97fb87787f20b.svg)
}

.cardIcon__29abc.apple__29abc:before, .cardIcon__29abc.apple_light__29abc:before {
    background-image: url(/assets/824341c879ac6d59.svg)
}

.theme-light .cardIcon__29abc.apple__29abc:before {
    background-image: url(/assets/24de41d4bd8ef584.svg)
}

.theme-light .cardIcon__29abc.apple_light__29abc:before {
    background-image: url(/assets/824341c879ac6d59.svg)
}

.theme-light .cardIcon__29abc.venmo__29abc:before {
    background-image: url(/assets/1566a4fd747aba18.svg)
}

.reduce-motion .cardIcon__29abc {
    transition: unset
}

.cardIconSmall__29abc {
    height: 22px;
    width: 32px
}

.cardIconMedium__29abc {
    height: 44px;
    width: 64px
}

.cardIconLarge__29abc {
    height: 66px;
    width: 96px
}

.cardIconXLarge__29abc {
    height: 88px;
    width: 128px
}

.flipped__29abc {
    transform: rotateY(180deg)
}

.buttonIcon__4151b {
    margin-right: 8px
}

.button__4151b {
    margin-bottom: 8px;
    width: 200px !important
}

    .button__4151b:last-child {
        margin-bottom: 0
    }

.centerContainer__4151b {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: normal
}

.connectionInstructions__4151b {
    margin-top: 8px;
    text-align: center
}

.paymentRequestIcon__4151b {
    left: 8px;
    margin: auto auto 25px;
    top: 9px;
    z-index: 1
}

.theme-light .appleConnectorIcon__4151b {
    box-shadow: none
}

.buttonIcon__92b20 {
    margin-right: 8px
}

.allPaymentsToggleButton__92b20 {
    color: var(--header-primary);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin: 20px auto 0;
    padding: 4px 4px 0
}

    .allPaymentsToggleButton__92b20:hover {
        cursor: pointer
    }

.allPaymentsSection__92b20 {
    padding-top: 24px
}

.hidden__92b20 {
    display: none
}

.newPaymentBadge__92b20 {
    background-color: var(--white-500);
    color: var(--brand-500);
    margin-left: 5px
}

.SeparatorLower__92b20, .SeparatorUpper__92b20 {
    background: var(--background-modifier-accent);
    border: 0;
    height: 1px;
    width: 100%
}

.SeparatorUpper__92b20 {
    margin: 0 0 16px
}

.SeparatorLower__92b20 {
    margin: 16px 0 0
}

.container__92b20 {
    display: grid;
    gap: var(--spacing-8);
    grid-template-columns: 1fr 1fr
}

@media (max-width:485px) {
    .container__92b20 {
        grid-template-columns: 1fr
    }
}

.inputWrapper_a76d33 {
    position: relative
}

.paypalIcon_a76d33 {
    left: 8px;
    position: absolute;
    top: 9px;
    z-index: 1
}

.paypalInput_a76d33 {
    cursor: default;
    padding-left: 48px
}

    .paypalInput_a76d33, .paypalInput_a76d33:focus, .paypalInput_a76d33:hover {
        border-color: var(--opacity-black-28)
    }

.venmoIcon__44362 {
    left: 8px;
    margin: auto auto 25px;
    top: 9px;
    z-index: 1
}

.connectionInstructions__44362 {
    margin-top: 8px;
    text-align: center
}

.row__06c2b {
    padding-top: 20px
}

    .row__06c2b:first-child {
        padding-top: 0
    }

.section__06c2b {
    box-sizing: border-box;
    flex: 0 1 auto;
    padding-left: 20px
}

    .section__06c2b:first-child {
        padding-left: 0
    }

.width100__06c2b {
    width: 100%
}

.width75__06c2b {
    width: 75%
}

.width60__06c2b {
    width: 60%
}

.width40__06c2b {
    width: 40%
}

.width30__06c2b {
    width: 30%
}

.width50__06c2b {
    width: 50%
}

.width25__06c2b {
    width: 25%
}

.modal__6181b {
    overflow-x: hidden;
    transform: translateZ(0)
}

.planSelector__6181b {
    margin-top: 20px
}

.form__6181b {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    max-height: 660px
}

.divider__6181b {
    border-top: 1px solid;
    margin: 0 20px;
    position: relative
}

.content__6181b {
    margin-bottom: 20px
}

.giftToggle__6181b {
    margin-top: 16px
}

.formTitle__6181b {
    margin: 20px 0 10px
}

.errorBlock__6181b, .purchaseTerms__6181b {
    margin-top: 20px
}

.invalidIcon__6181b {
    height: 18px;
    padding: 0 1px;
    width: 18px
}

.choosePaymentSourceType__6181b {
    margin-top: 20px
}

.buyButtonTooltipWrapper__6181b {
    position: relative
}

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

.backButtonSize__6181b {
    height: 38px;
    width: auto
}

.backButton__6181b {
    padding: 0
}

    .backButton__6181b:hover {
        text-decoration: underline
    }

.modalContent__6181b {
    -webkit-overflow-scrolling: touch
}

@media (max-width:485px) and (max-height:550px) {
    .form__6181b {
        display: block
    }

    .modalContent__6181b {
        height: auto
    }
}

.theme-dark .divider__6181b {
    border-color: var(--primary-630)
}

.theme-light .divider__6181b {
    border-color: hsl(var(--primary-200-hsl)/.6)
}

.backButtonColor__6181b {
    color: var(--text-normal)
}

.checkboxLabel__6181b {
    color: var(--primary-300)
}

.note__2ef07 {
    font-size: 12px;
    margin-top: 20px;
    position: relative
}

    .note__2ef07 ~ .note__2ef07 {
        margin-top: 8px
    }

.icon__2ef07 {
    flex-shrink: 0;
    margin-right: 8px
}

.large__2ef07 {
    height: 20px;
    width: 20px
}

.small__2ef07 {
    height: 14px;
    width: 14px
}

.colorWarning__2ef07 {
    color: var(--yellow-300)
}

.colorError__2ef07 {
    color: var(--status-danger)
}

.colorPrimary__2ef07 {
    color: var(--text-muted)
}

.colorSecondary__2ef07 {
    color: var(--header-secondary)
}

.wrapper__4106a {
    background-color: var(--modal-background);
    flex: 0 0 auto;
    padding: var(--space-16) var(--space-16) var(--space-8)
}

.visual-refresh .wrapper__4106a {
    padding-left: var(--spacing-24)
}

.content_a8c622 {
    background-color: var(--modal-background);
    border-radius: inherit;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0
}

.breadcrumbsWrapper_a8c622 {
    flex: 0 0 auto;
    margin: 0 16px;
    padding: 16px 0
}

.bodyWrapper_a8c622 {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    position: relative
}

.scroller_a8c622 {
    height: 100%;
    padding: 0 16px 16px
}

.errorBlockWrapper_a8c622 {
    padding: 16px 16px 0
}

.paymentNote_a8c622 {
    padding: 0 16px
}

.loadingBlock_a8c622 {
    height: 192px
}

.sequencer_a8c622, .sequencerStatic_a8c622 {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.sequencerStatic_a8c622 {
    flex: 1 1 auto
}

.sequencerAnimatedNode_a8c622 {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0
}

.cardNumberWrapper__8b579 {
    position: relative
}

.cardIcon__8b579 {
    left: 10px;
    position: absolute;
    top: 10px
}

.cardInput__8b579 {
    background-color: var(--input-background);
    border: 1px solid var(--input-border);
    border-radius: 3px;
    padding: 10px 9px
}

.hiddenDiv__8b579 {
    visibility: hidden
}

.visual-refresh .cardInput__8b579 {
    border-radius: var(--radius-sm)
}

.visual-refresh .hiddenDiv__8b579 {
    height: 0;
    padding: 0
}

.cardNumberInput__8b579 {
    padding-left: 55px
}

.cardInputFocused__8b579 {
    border-color: var(--text-link)
}

.cardInputError__8b579 {
    border-color: var(--status-danger)
}

.theme-dark .inputPrefix__8b579 {
    opacity: .5
}

.enable-forced-colors .cardInput__8b579 {
    border: 1px solid ButtonText;
    display: block
}

    .enable-forced-colors .cardInput__8b579:focus, .enable-forced-colors .cardInput__8b579:hover {
        border-color: Highlight
    }

.enable-forced-colors .cardInputFocused__8b579 {
    border-color: Highlight
}

.enable-forced-colors .inputPrefix__8b579 {
    opacity: 1
}

.cardBrands__3e8d5 {
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
    margin-bottom: -15px
}

.cardFormHeader__3e8d5 {
    margin-left: 5px
}

    .cardFormHeader__3e8d5.jcb__3e8d5:before {
        background-image: url(/assets/e8bf9bea0d018670.svg)
    }

.theme-light .cardFormHeader__3e8d5.jcb__3e8d5:before {
    background-image: url(/assets/e8efae14b14ee8dd.svg)
}

.cardFormHeader__3e8d5.jcb_monochrome__3e8d5:before {
    background-image: url(/assets/dcebba6e03f7a1f8.svg)
}

.theme-light .cardFormHeader__3e8d5.jcb_monochrome__3e8d5:before {
    background-image: url(/assets/3ec57733d5de83bd.svg)
}

.cardFormHeader__3e8d5.amex__3e8d5:before {
    background-image: url(/assets/49f0d07c4a5edf19.svg)
}

.theme-light .cardFormHeader__3e8d5.amex__3e8d5:before {
    background-image: url(/assets/886d17f4a179ce9a.svg)
}

.cardFormHeader__3e8d5.amex_monochrome__3e8d5:before {
    background-image: url(/assets/9e62f4a1513dbf78.svg)
}

.theme-light .cardFormHeader__3e8d5.amex_monochrome__3e8d5:before {
    background-image: url(/assets/2a2717437ecb9409.svg)
}

.cardFormHeader__3e8d5.mastercard__3e8d5:before {
    background-image: url(/assets/61a8baaebf339a2c.svg)
}

.theme-light .cardFormHeader__3e8d5.mastercard__3e8d5:before {
    background-image: url(/assets/983c3fd5283d32f6.svg)
}

.cardFormHeader__3e8d5.mastercard_monochrome__3e8d5:before {
    background-image: url(/assets/929007941f982dc3.svg)
}

.theme-light .cardFormHeader__3e8d5.mastercard_monochrome__3e8d5:before {
    background-image: url(/assets/2d35b5c00b617a15.svg)
}

.cardFormHeader__3e8d5.visa__3e8d5:before {
    background-image: url(/assets/7149accdcaae7d2f.svg)
}

.theme-light .cardFormHeader__3e8d5.visa__3e8d5:before {
    background-image: url(/assets/4ae102bdf144a582.svg)
}

.cardFormHeader__3e8d5.visa_monochrome__3e8d5:before {
    background-image: url(/assets/c58095d35f0201e3.svg)
}

.theme-light .cardFormHeader__3e8d5.visa_monochrome__3e8d5:before {
    background-image: url(/assets/bb1e18bcf1497322.svg)
}

.cardFormHeader__3e8d5.discover__3e8d5:before {
    background-image: url(/assets/e449e7cba36f144c.svg)
}

.theme-light .cardFormHeader__3e8d5.discover__3e8d5:before {
    background-image: url(/assets/75b4bad7b0654bd8.svg)
}

.cardFormHeader__3e8d5.discover_monochrome__3e8d5:before {
    background-image: url(/assets/9f626707af59b089.svg)
}

.theme-light .cardFormHeader__3e8d5.discover_monochrome__3e8d5:before {
    background-image: url(/assets/3be3e11e2b0d8996.svg)
}

.cardFormHeader__3e8d5.dinersclub__3e8d5:before {
    background-image: url(/assets/b596cb9f6ccc2408.svg)
}

.theme-light .cardFormHeader__3e8d5.dinersclub__3e8d5:before {
    background-image: url(/assets/fc8d44ec7c50ab0e.svg)
}

.cardFormHeader__3e8d5.dinersclub_monochrome__3e8d5:before {
    background-image: url(/assets/2ce5f42c5062092f.svg)
}

.theme-light .cardFormHeader__3e8d5.dinersclub_monochrome__3e8d5:before {
    background-image: url(/assets/3b5c40ec70355fde.svg)
}

.cardFormHeader__3e8d5.unionpay__3e8d5:before {
    background-image: url(/assets/3472374445e1b6b0.svg)
}

.theme-light .cardFormHeader__3e8d5.unionpay__3e8d5:before {
    background-image: url(/assets/3472374445e1b6b0.svg)
}

.cardFormHeader__3e8d5.unionpay_monochrome__3e8d5:before {
    background-image: url(/assets/f4a4e394e0c0b9f2.svg)
}

.theme-light .cardFormHeader__3e8d5.unionpay_monochrome__3e8d5:before {
    background-image: url(/assets/d1fe91ba5e5f4702.svg)
}

.cardNumberWrapper__4ea5a {
    position: relative
}

.cardIcon__4ea5a {
    left: 10px;
    position: absolute;
    top: 9px
}

    .cardIcon__4ea5a.submitting__4ea5a {
        animation: pulse__4ea5a .75s ease-in-out infinite alternate
    }

.cardNumberInput__4ea5a {
    padding-left: 55px
}

@keyframes pulse__4ea5a {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: .6;
        transform: scale(.9)
    }
}

.body_af4c15 {
    padding-bottom: 16px;
    padding-top: 16px
}

.body_d31d57 {
    padding-bottom: 16px;
    padding-top: 16px
}

.nonTopInputWrapper_d31d57 {
    padding-top: 20px
}

.bankSelectionStub_d31d57 {
    display: flex;
    height: 243px;
    justify-content: center
}

.link__6a22b {
    color: var(--interactive-active);
    font-size: 14px;
    font-weight: 600;
    line-height: 18px
}

.body__949a0 {
    align-items: center;
    display: flex;
    flex-direction: column
}

.description__949a0 {
    margin-top: 8px;
    text-align: center
}

.body__9e82b {
    padding-bottom: 16px;
    padding-top: 16px
}

.paymentRestrictionBannerContainer__52623 {
    align-items: center;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    margin-bottom: 16px;
    margin-top: 16px;
    min-height: 48px;
    padding: 10px 20px;
    position: relative
}

.theme-light .paymentRestrictionBannerContainer__52623 {
    background: linear-gradient(90deg,#475cc6 0,#6045c1)
}

.theme-dark .paymentRestrictionBannerContainer__52623 {
    background: linear-gradient(90deg,#475cc6 0,#6045c1)
}

.paymentRestrictionBannerBackgroundImage__52623 {
    background-image: url(/assets/bb502dc7cfcbbacc.svg);
    background-repeat: no-repeat;
    bottom: 0;
    left: 78%;
    position: absolute;
    right: 0;
    top: 40%
}

.appsIconContainer__52623 {
    height: 28px;
    padding-right: 12px;
    width: 28px
}

.theme-light .icon__52623 {
    display: none
}

.theme-light .iconDark__52623 {
    filter: drop-shadow(0 1px 2px rgb(0 0 0/.4));
    height: 28px;
    width: 28px
}

.theme-dark .icon__52623 {
    filter: drop-shadow(0 1px 2px rgb(0 0 0/.4));
    height: 28px;
    width: 28px
}

.theme-dark .iconDark__52623 {
    display: none
}

.adyen-checkout__spinner__wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.adyen-checkout__spinner__wrapper--inline {
    display: inline-block;
    height: auto;
    margin-right: 8px
}

[dir=rtl] .adyen-checkout__spinner__wrapper--inline {
    margin-left: 8px;
    margin-right: 0
}

.adyen-checkout__spinner {
    animation: rotate-spinner 1.5s linear infinite;
    border: 3px solid #0075ff;
    border-radius: 50%;
    border-top-color: transparent;
    height: 43px;
    width: 43px
}

.adyen-checkout__spinner--large {
    height: 43px;
    width: 43px
}

.adyen-checkout__spinner--small {
    border-width: 2px;
    height: 16px;
    width: 16px
}

.adyen-checkout__spinner--medium {
    height: 28px;
    width: 28px
}

@keyframes rotate-spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.adyen-checkout__button {
    background: #00112c;
    border: 0;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    font-size: 1em;
    font-weight: 500;
    height: 48px;
    margin: 0;
    padding: 15px;
    text-decoration: none;
    transition: background .3s ease-out,box-shadow .3s ease-out;
    width: 100%
}

    .adyen-checkout__button:focus {
        box-shadow: 0 0 0 2px #3070ed;
        outline: 0
    }

    .adyen-checkout__button:hover {
        background: #1c3045;
        box-shadow: 0 0,0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14)
    }

    .adyen-checkout__button:active {
        background: #3a4a5c
    }

    .adyen-checkout__button:hover:focus {
        box-shadow: 0 0 0 2px #3070ed,0 3px 4px rgba(0,15,45,.2)
    }

    .adyen-checkout__button:disabled, .adyen-checkout__button:disabled:hover {
        box-shadow: none;
        cursor: not-allowed;
        opacity: .4;
        -webkit-user-select: all;
        -moz-user-select: all;
        user-select: all
    }

    .adyen-checkout__button.adyen-checkout__button--loading {
        background: #687282;
        box-shadow: none;
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .adyen-checkout__button.adyen-checkout__button--pay {
        display: flex;
        justify-content: center;
        margin-top: 24px
    }

        .adyen-checkout__button.adyen-checkout__button--pay:disabled {
            opacity: .4
        }

    .adyen-checkout__button.adyen-checkout__button--standalone {
        margin-top: 0
    }

    .adyen-checkout__button.adyen-checkout__button--inline {
        display: block;
        font-size: .81em;
        height: auto;
        padding: 10px 8px;
        width: auto
    }

    .adyen-checkout__button.adyen-checkout__button--ghost {
        background: none;
        border: 0;
        color: #00112c
    }

        .adyen-checkout__button.adyen-checkout__button--ghost:hover {
            background: #f7f8f9;
            box-shadow: none
        }

        .adyen-checkout__button.adyen-checkout__button--ghost:active {
            background: #e6e9eb;
            box-shadow: none
        }

    .adyen-checkout__button.adyen-checkout__button--secondary {
        background: #fff;
        border: 1px solid #00112c;
        color: #00112c;
        padding: 10px 12px
    }

        .adyen-checkout__button.adyen-checkout__button--secondary:hover {
            background: #f7f8f9;
            box-shadow: 0 2px 4px rgba(27,42,60,.2),0 4px 5px rgba(27,42,60,.14)
        }

        .adyen-checkout__button.adyen-checkout__button--secondary:active, .adyen-checkout__button.adyen-checkout__button--secondary:active:hover {
            background: #f7f8f9;
            box-shadow: none
        }

        .adyen-checkout__button.adyen-checkout__button--secondary:disabled, .adyen-checkout__button.adyen-checkout__button--secondary:disabled:hover {
            background-color: #f7f8f9;
            border-color: #99a3ad;
            box-shadow: none;
            cursor: not-allowed;
            opacity: .5;
            -webkit-user-select: all;
            -moz-user-select: all;
            user-select: all
        }

        .adyen-checkout__button.adyen-checkout__button--secondary .adyen-checkout__spinner {
            border-color: transparent #00112c #00112c
        }

    .adyen-checkout__button.adyen-checkout__button--action {
        background: rgba(0,102,255,.1);
        border: 1px solid transparent;
        color: #0075ff;
        padding: 10px 12px
    }

        .adyen-checkout__button.adyen-checkout__button--action:hover {
            background: rgba(0,102,255,.2);
            box-shadow: none
        }

        .adyen-checkout__button.adyen-checkout__button--action:active, .adyen-checkout__button.adyen-checkout__button--action:active:hover {
            background: rgba(0,102,255,.3);
            box-shadow: none
        }

    .adyen-checkout__button.adyen-checkout__button--link {
        background: transparent;
        border: 1px solid transparent;
        border-radius: 3px;
        color: #0075ff;
        font-weight: 400;
        padding: 2px
    }

        .adyen-checkout__button.adyen-checkout__button--link:hover {
            background: transparent;
            box-shadow: none;
            text-decoration: underline
        }

    .adyen-checkout__button.adyen-checkout__button--completed, .adyen-checkout__button.adyen-checkout__button--completed:active, .adyen-checkout__button.adyen-checkout__button--completed:active:hover, .adyen-checkout__button.adyen-checkout__button--completed:hover {
        background: #089a43;
        color: #fff
    }

        .adyen-checkout__button.adyen-checkout__button--completed .adyen-checkout__button__icon {
            filter: brightness(0) invert(1)
        }

.adyen-checkout__button__content {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.adyen-checkout__button__icon {
    margin-right: 12px
}

[dir=rtl] .adyen-checkout__button__icon {
    margin-left: 12px;
    margin-right: 0
}

.adyen-checkout__button__text {
    display: block;
    justify-content: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.adyen-checkout__button .adyen-checkout__spinner {
    border-color: transparent #fff #fff
}

.checkout-secondary-button__text {
    font-size: .85em;
    margin-left: 5px;
    margin-top: 1px
}

.adyen-checkout__fieldset {
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-before: 0;
    -webkit-padding-after: 0;
    -webkit-padding-start: 0;
    -webkit-padding-end: 0;
    border: none;
    display: block;
    margin-inline-end: 0;
    margin-inline-start: 0;
    margin: 0;
    padding-block-start: 0;
    padding-bottom: 8px;
    padding-block-end: 0;
    padding-inline-end: 0;
    padding-inline-start: 0;
    width: 100%
}

    .adyen-checkout__fieldset:last-of-type {
        padding-bottom: 0
    }

    .adyen-checkout__fieldset + .adyen-checkout__fieldset {
        margin-top: 16px
    }

.adyen-checkout__fieldset__title {
    color: #687282;
    display: block;
    font-size: .68em;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0;
    padding: 0 0 12px;
    text-transform: uppercase
}

.adyen-checkout__field-group, .adyen-checkout__fieldset__fields {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%
}

@media (min-width:480px) {
    .adyen-checkout__field-group:last-of-type .adyen-checkout__field {
        margin-bottom: 0
    }
}

.adyen-checkout__field-group:last-of-type .adyen-checkout__field:last-of-type, :not(.adyen-checkout__field-group) > .adyen-checkout__field:last-of-type {
    margin-bottom: 0
}

.adyen-checkout__fieldset--readonly .adyen-checkout__fieldset__fields {
    color: #00112c;
    font-size: .81em;
    line-height: 19px;
    margin: 0
}

.adyen-checkout__field {
    display: block;
    margin-bottom: 16px;
    width: 100%
}

.adyen-checkout__label {
    display: block;
    position: relative
}

.adyen-checkout__helper-text, .adyen-checkout__label__text {
    color: #00112c;
    display: block;
    font-size: .81em;
    font-weight: 400;
    line-height: 13px;
    padding-bottom: 5px
}

.adyen-checkout__label-adornment--end {
    position: absolute;
    right: 0;
    top: 0
}

.adyen-checkout__helper-text {
    color: #687282
}

.adyen-checkout__label__text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .1s ease-out;
    white-space: nowrap
}

.adyen-checkout__label__text--error {
    color: #c12424
}

.adyen-checkout__label--focused .adyen-checkout__label__text {
    color: #0075ff
}

.adyen-checkout__error-text {
    align-items: center;
    color: #c12424;
    display: flex;
    font-size: .75em;
    font-weight: 400;
    margin-top: 4px
}

.adyen-checkout__field-wrapper {
    display: flex;
    width: 100%
}

@media (min-width:480px) {
    .adyen-checkout__field--20 {
        width: 20%
    }

    .adyen-checkout__field--30 {
        width: 30%
    }

    .adyen-checkout__field--40 {
        width: 40%
    }

    .adyen-checkout__field--50 {
        width: 50%
    }

    .adyen-checkout__field--60 {
        width: 60%
    }

    .adyen-checkout__field--70 {
        width: 70%
    }

    .adyen-checkout__field--80 {
        width: 80%
    }

    .adyen-checkout__field--col-70 {
        width: calc(70% - 8px)
    }

    .adyen-checkout__field--col-30 {
        width: calc(30% - 8px)
    }

    .adyen-checkout__field--col-50 {
        width: calc(50% - 8px)
    }
}

.adyen-checkout__field-wrapper > .adyen-checkout__field:first-child {
    margin-right: 8px
}

[dir=rtl] .adyen-checkout__field-wrapper > .adyen-checkout__field:first-child {
    margin-left: 8px;
    margin-right: 0
}

.adyen-checkout__field-wrapper > .adyen-checkout__field:nth-child(2) {
    margin-left: 8px
}

[dir=rtl] .adyen-checkout__field-wrapper > .adyen-checkout__field:nth-child(2) {
    margin-left: 0;
    margin-right: 8px
}

.adyen-checkout__field-wrapper:last-of-type > .adyen-checkout__field {
    margin-bottom: 0
}

.adyen-checkout__input {
    background: #fff;
    border: 1px solid #b9c4c9;
    border-radius: 6px;
    box-sizing: border-box;
    caret-color: #0075ff;
    color: #00112c;
    display: block;
    font-family: inherit;
    font-size: 1em;
    height: 40px;
    outline: none;
    padding: 5px 8px;
    position: relative;
    transition: border .2s ease-out,box-shadow .2s ease-out;
    width: 100%
}

    .adyen-checkout__input:hover {
        border-color: #99a3ad
    }

    .adyen-checkout__input:required {
        box-shadow: none
    }

    .adyen-checkout__input--disabled, .adyen-checkout__input[readonly] {
        background: #e6e9eb;
        border-color: #e6e9eb
    }

        .adyen-checkout__input--disabled:hover {
            border-color: #e6e9eb
        }

.adyen-checkout__input-wrapper {
    display: block;
    position: relative
}

.adyen-checkout__input-wrapper--block {
    display: block
}

.adyen-checkout-input__inline-validation {
    height: 16px;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px
}

[dir=rtl] .adyen-checkout-input__inline-validation {
    left: 14px;
    right: auto
}

[dir=ltr] .adyen-checkout-input__inline-validation {
    left: auto;
    right: 14px
}

.adyen-checkout-input__inline-validation--valid {
    color: #089a43
}

.adyen-checkout-input__inline-validation--invalid {
    color: #c12424
}

.adyen-checkout__input--valid {
    border-bottom-color: #089a43
}

.adyen-checkout__input--error, .adyen-checkout__input--error:hover, .adyen-checkout__input--invalid, .adyen-checkout__input--invalid:hover {
    border-color: #c12424
}

.adyen-checkout__input::-moz-placeholder {
    color: #707070;
    font-weight: 200
}

.adyen-checkout__input::placeholder {
    color: #707070;
    font-weight: 200
}

.adyen-checkout__input--date {
    padding-right: 30px
}

.adyen-checkout__input--focus, .adyen-checkout__input--focus:hover, .adyen-checkout__input:active, .adyen-checkout__input:active:hover, .adyen-checkout__input:focus, .adyen-checkout__input:focus:hover {
    border: 1px solid #0075ff;
    box-shadow: 0 0 0 2px #3070ed
}

.adyen-checkout__input[readonly], .adyen-checkout__input[readonly]:hover {
    background-color: #e6e9eb;
    border-color: transparent;
    color: #687282;
    cursor: default
}

.adyen-checkout__fieldset--personalDetails .adyen-checkout__field--gender .adyen-checkout__radio_group {
    display: flex
}

.adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group {
    display: flex;
    margin: 8px 0
}

.adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group__input-wrapper {
    margin-right: 20px
}

    .adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group__input-wrapper:last-child {
        margin: 0
    }

.adyen-checkout__radio_group + .adyen-checkout-input__inline-validation {
    display: none
}

.adyen-checkout__radio_group__input {
    opacity: 0;
    position: absolute
}

.adyen-checkout__radio_group__label {
    color: inherit;
    display: block;
    font-size: .81em;
    font-weight: 400;
    line-height: 16px;
    overflow: visible;
    padding-bottom: 0;
    padding-left: 24px;
    position: relative
}

.adyen-checkout__label--focused .adyen-checkout__radio_group__label {
    color: inherit
}

.adyen-checkout__radio_group__label:before {
    background-color: #fff;
    border: 1px solid #b9c4c9;
    border-radius: 50%;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0;
    transition: border-color .2s ease-out,box-shadow .2s ease-out;
    width: 16px
}

.adyen-checkout__radio_group__label:hover:before {
    border-color: #99a3ad;
    box-shadow: 0 0 0 2px #d4d9db;
    cursor: pointer
}

.adyen-checkout__radio_group__label:after {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 1px rgba(0,15,45,.25);
    content: "";
    display: block;
    height: 6px;
    left: 5px;
    margin: 0 auto;
    position: absolute;
    top: 5px;
    transform: scale(0);
    transition: transform .2s ease-out;
    width: 6px
}

.adyen-checkout__radio_group__label:hover {
    border-color: #0075ff;
    cursor: pointer
}

.adyen-checkout__radio_group__input:checked + .adyen-checkout__radio_group__label:before, .adyen-checkout__radio_group__label--selected {
    background-color: #0075ff;
    border: 0;
    transition: all .2s ease-out
}

.adyen-checkout__radio_group__input:checked + .adyen-checkout__radio_group__label:after {
    transform: scale(1)
}

.adyen-checkout__radio_group__input:focus + .adyen-checkout__radio_group__label:before {
    border-color: #0075ff;
    box-shadow: 0 0 0 2px rgba(0,102,255,.4)
}

.adyen-checkout__radio_group__input:checked + .adyen-checkout__radio_group__label:hover:before, .adyen-checkout__radio_group__input:checked:active + .adyen-checkout__radio_group__label:before, .adyen-checkout__radio_group__input:checked:focus + .adyen-checkout__radio_group__label:before {
    box-shadow: 0 0 0 2px rgba(0,102,255,.4)
}

.adyen-checkout__radio_group__label.adyen-checkout__radio_group__label--invalid:before {
    border: 1px solid #c12424
}

.Select-module_adyen-checkout__dropdown__0Mj-n {
    position: relative
}

.Select-module_adyen-checkout__dropdown__button__yTyqq {
    align-items: center;
    cursor: pointer;
    display: flex
}

    .Select-module_adyen-checkout__dropdown__button__yTyqq:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='7' fill='none'%3E%3Cpath fill='%23687282' d='M3.195 6.565a1 1 0 0 0 1.6 0l2.992-3.98a1 1 0 0 0-.8-1.602H1.013a1 1 0 0 0-.8 1.6z'/%3E%3C/svg%3E");
        background-position: 50%;
        background-repeat: no-repeat;
        content: "";
        height: 6px;
        position: absolute;
        right: 16px;
        width: 8px
    }

[dir=rtl] .Select-module_adyen-checkout__dropdown__button__yTyqq:after {
    left: 16px;
    right: auto
}

.Select-module_adyen-checkout__dropdown__button--active__Ej-JR:after {
    transform: rotate(180deg)
}

.Select-module_adyen-checkout__filter-input__CwPBS {
    background: #fff;
    border: 0;
    caret-color: #0075ff;
    color: #00112c;
    font-family: inherit;
    font-size: 1em;
    height: 100%;
    padding: 0;
    width: 100%
}

    .Select-module_adyen-checkout__filter-input__CwPBS::-moz-placeholder {
        color: #b9c4c9;
        font-weight: 200
    }

    .Select-module_adyen-checkout__filter-input__CwPBS::placeholder {
        color: #b9c4c9;
        font-weight: 200
    }

    .Select-module_adyen-checkout__filter-input__CwPBS:active, .Select-module_adyen-checkout__filter-input__CwPBS:focus {
        outline: 0
    }

    .Select-module_adyen-checkout__filter-input__CwPBS[readonly] {
        background: #e6e9eb;
        border-color: transparent;
        color: #00112c;
        cursor: not-allowed
    }

.Select-module_adyen-checkout__dropdown__list__YtEzj {
    background: #fff;
    display: none;
    list-style: none;
    margin: 0 0 50px;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

    .Select-module_adyen-checkout__dropdown__list__YtEzj.Select-module_adyen-checkout__dropdown__list--active__Gegw2 {
        display: block
    }

.Select-module_adyen-checkout__dropdown__element__ORU4- {
    align-items: center;
    display: flex
}

.adyen-checkout__image {
    opacity: 0;
    transition: opacity .6s ease-out
}

.adyen-checkout__image--loaded {
    opacity: 1
}

.adyen-checkout__dropdown__button-icon--left {
    flex-direction: row-reverse;
    justify-content: flex-end
}

    .adyen-checkout__dropdown__button-icon--left > img {
        margin-left: 0;
        margin-right: 12px
    }

.adyen-checkout__dropdown {
    font-size: 1em;
    max-width: 100%;
    width: 100%
}

.adyen-checkout__dropdown__button {
    background: #fff;
    border: 1px solid #b9c4c9;
    border-radius: 6px;
    color: #00112c;
    font-size: 1em;
    height: 40px;
    line-height: 20px;
    outline: 0;
    padding: 7px 24px 7px 12px;
    text-decoration: none;
    transition: border .2s ease-out,box-shadow .2s ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

[dir=rtl] .adyen-checkout__dropdown__button {
    padding: 7px 12px 7px 24px
}

.adyen-checkout__dropdown__button:hover {
    border-color: #99a3ad
}

.adyen-checkout__dropdown__button__icon {
    border-radius: 3px;
    height: 26px;
    margin-right: 12px;
    max-width: 40px
}

.adyen-checkout__dropdown__button--disabled {
    opacity: .4
}

.adyen-checkout__dropdown__button--active, .adyen-checkout__dropdown__button--active:hover, .adyen-checkout__dropdown__button:active, .adyen-checkout__dropdown__button:focus {
    border-color: #0075ff;
    box-shadow: 0 0 0 2px #3070ed
}

.adyen-checkout__dropdown__button--readonly, .adyen-checkout__dropdown__button--readonly--active, .adyen-checkout__dropdown__button--readonly:focus, .adyen-checkout__dropdown__button--readonly:hover {
    background: #e6e9eb;
    border-color: transparent;
    color: #00112c;
    cursor: not-allowed
}

    .adyen-checkout__dropdown__button--readonly:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='7' fill='none'%3E%3Cpath fill='%23B9C4C9' d='M3.195 6.565a1 1 0 0 0 1.6 0l2.992-3.98a1 1 0 0 0-.8-1.602H1.013a1 1 0 0 0-.8 1.6z'/%3E%3C/svg%3E")
    }

.adyen-checkout__dropdown__button--invalid {
    border-color: #c12424
}

.adyen-checkout__dropdown__button--valid {
    border-bottom-color: #089a43
}

.adyen-checkout__dropdown__button__text {
    flex-grow: 1;
    overflow: hidden;
    pointer-events: none;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.adyen-checkout__dropdown__button__secondary-text {
    margin-right: 16px
}

.adyen-checkout__dropdown__list {
    border-radius: 6px;
    box-shadow: 0 2px 7px rgba(0,15,45,.3);
    max-height: 375px;
    z-index: 2
}

    .adyen-checkout__dropdown__list.adyen-checkout__dropdown__list--active {
        margin-top: 2px
    }

.adyen-checkout__dropdown__element {
    border: 1px solid transparent;
    cursor: pointer;
    font-size: .81em;
    -webkit-hyphens: auto;
    hyphens: auto;
    line-height: 20px;
    outline: 0;
    padding: 8px;
    transition: background .2s ease-out,border-color .2s ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    word-break: break-word
}

    .adyen-checkout__dropdown__element .adyen-checkout__icon {
        position: absolute;
        right: 8px
    }

    .adyen-checkout__dropdown__element:last-child {
        border-bottom: 0
    }

    .adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--active {
        background: rgba(230,233,235,.6)
    }

    .adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected {
        background: rgba(0,102,255,.1)
    }

        .adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:active, .adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:focus, .adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:hover {
            background: rgba(0,102,255,.15)
        }

.adyen-checkout__dropdown__element--disabled {
    cursor: not-allowed;
    opacity: .4
}

.adyen-checkout__dropdown__element__icon {
    border-radius: 3px;
    margin-right: 12px;
    max-height: 26px;
    max-width: 40px
}

.adyen-checkout__dropdown__element__text {
    flex-grow: 1
}

.adyen-checkout__dropdown__element__secondary-text:not(:last-child) {
    margin-right: 8px
}

.adyen-checkout__dropdown__element__flag {
    margin-left: 8px;
    margin-right: 10px;
    max-height: 18px;
    max-width: 27px
}

.adyen-checkout__dropdown + .adyen-checkout-input__inline-validation {
    right: 32px
}

.adyen-checkout__address-search {
    position: relative
}

    .adyen-checkout__address-search .adyen-checkout__dropdown__button:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23687282' d='M6.5 11.9a4.5 4.5 0 0 0 2.6-.83l2.77 2.74c.13.13.3.19.48.19.38 0 .65-.29.65-.66a.63.63 0 0 0-.19-.46l-2.75-2.73a4.4 4.4 0 0 0 .92-2.7 4.48 4.48 0 0 0-8.98 0 4.48 4.48 0 0 0 4.5 4.45m0-.96a3.53 3.53 0 0 1-3.53-3.49 3.52 3.52 0 0 1 7.04 0c0 1.9-1.59 3.49-3.52 3.49Z'/%3E%3C/svg%3E");
        background-position: 50%;
        background-repeat: no-repeat;
        content: "";
        height: 16px;
        left: 12px;
        position: absolute;
        width: 16px
    }

    .adyen-checkout__address-search .adyen-checkout__dropdown__button--active:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%2300112C' d='M6.5 11.9a4.5 4.5 0 0 0 2.6-.83l2.77 2.74c.13.13.3.19.48.19.38 0 .65-.29.65-.66a.63.63 0 0 0-.19-.46l-2.75-2.73a4.4 4.4 0 0 0 .92-2.7 4.48 4.48 0 0 0-8.98 0 4.48 4.48 0 0 0 4.5 4.45m0-.96a3.53 3.53 0 0 1-3.53-3.49 3.52 3.52 0 0 1 7.04 0c0 1.9-1.59 3.49-3.52 3.49Z'/%3E%3C/svg%3E");
        transform: none
    }

    .adyen-checkout__address-search .adyen-checkout__filter-input {
        padding-left: 24px
    }

.adyen-checkout__address-search__manual-add {
    position: absolute;
    right: 0;
    top: 0
}

    .adyen-checkout__address-search__manual-add .adyen-checkout__address-search__manual-add__button {
        border: 0;
        padding: 0
    }

.adyen-checkout__checkbox {
    display: block
}

.adyen-checkout__checkbox__label {
    color: #00112c;
    cursor: pointer;
    display: inline-block;
    font-size: .81em;
    font-weight: 400;
    line-height: 19px;
    padding-left: 24px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

[dir=rtl] .adyen-checkout__checkbox__label {
    padding-left: 0;
    padding-right: 24px
}

.adyen-checkout__checkbox__input {
    opacity: 0;
    pointer-events: none;
    position: absolute
}

    .adyen-checkout__checkbox__input:checked + .adyen-checkout__checkbox__label:before {
        opacity: 1
    }

    .adyen-checkout__checkbox__input:checked + .adyen-checkout__checkbox__label:after {
        background-color: #0075ff;
        border: 1px solid #0075ff
    }

    .adyen-checkout__checkbox__input:checked:hover + .adyen-checkout__checkbox__label:after {
        border-color: #0075ff;
        box-shadow: 0 0 0 2px rgba(0,102,255,.4)
    }

    .adyen-checkout__checkbox__input:focus + .adyen-checkout__checkbox__label:after {
        border: 1px solid #0075ff;
        box-shadow: 0 0 0 2px #3070ed
    }

    .adyen-checkout__checkbox__input:hover:not(:focus) + .adyen-checkout__checkbox__label:after {
        border-color: #99a3ad;
        box-shadow: 0 0 0 2px #d4d9db
    }

    .adyen-checkout__checkbox__input + .adyen-checkout__checkbox__label:before {
        border-color: transparent #fff #fff transparent;
        border-radius: 0 2px 1px;
        border-style: solid;
        border-width: 1px 2px 2px 1px;
        content: "";
        height: 11px;
        left: 1px;
        opacity: 0;
        position: absolute;
        top: 2px;
        transform: rotate(37deg);
        transform-origin: 100% 100%;
        transition: opacity .2s ease-out;
        width: 6px;
        z-index: 1
    }

[dir=rtl] .adyen-checkout__checkbox__input + .adyen-checkout__checkbox__label:before {
    left: auto;
    right: 8px
}

.adyen-checkout__checkbox__input + .adyen-checkout__checkbox__label:after {
    background-color: #fff;
    border: 1px solid #b9c4c9;
    border-radius: 3px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0;
    transition: background .15s ease-out,border .05s ease-out,box-shadow .1s ease-out;
    width: 16px;
    z-index: 0
}

[dir=rtl] .adyen-checkout__checkbox__input + .adyen-checkout__checkbox__label:after {
    left: auto;
    right: 0
}

.adyen-checkout__field--consentCheckbox {
    background: #e6e9eb;
    border: 1px solid #e6e9eb;
    border-radius: 6px;
    padding: 14px 14px 13px
}

[dir=rtl] .adyen-checkout__field--consentCheckbox {
    padding: 14px 14px 13px
}

.adyen-checkout__field--consentCheckbox.adyen-checkout__field--error {
    border-color: #c12424
}

.adyen-checkout__field--consentCheckbox .adyen-checkout-input__inline-validation {
    right: -5px;
    top: 10px
}

.adyen-checkout__open-invoice .adyen-checkout__fieldset--billingAddress {
    padding-bottom: 8px
}

.adyen-checkout__open-invoice .adyen-checkout__fieldset--deliveryAddress {
    margin-top: 24px;
    padding-bottom: 8px
}

.adyen-checkout__open-invoice .adyen-checkout__input--separateDeliveryAddress {
    margin-bottom: 0
}

.adyen-checkout__open-invoice .adyen-checkout__field--consentCheckbox {
    margin-top: 22px
}

.adyen-checkout__input--separateDeliveryAddress + .adyen-checkout__checkbox__label {
    margin-top: 16px
}

.adyen-checkout-form-instruction {
    color: #687282;
    font-size: .81em;
    font-weight: 400;
    line-height: 19px;
    margin-top: 0
}

[dir=rtl] .adyen-checkout-form-instruction {
    padding-right: 0
}

.adyen-checkout__amazonpay__button {
    margin: auto
}

.adyen-checkout__amazonpay .adyen-checkout__button--ghost {
    display: block;
    margin: 8px auto 0;
    width: auto
}

@supports (-webkit-appearance:-apple-pay-button) {
    .ApplePayButton-module_apple-pay-button__l5g-d, .ApplePayButton-module_apple-pay__gYjuP {
        -webkit-appearance: -apple-pay-button
    }

    .ApplePayButton-module_apple-pay-button__l5g-d {
        cursor: pointer;
        display: inline-block
    }

    .ApplePayButton-module_apple-pay-button-black__istwW {
        -apple-pay-button-style: #000
    }

    .ApplePayButton-module_apple-pay-button-white__-wLaE {
        -apple-pay-button-style: #fff
    }

    .ApplePayButton-module_apple-pay-button-white-with-line__MlRq7 {
        -apple-pay-button-style: white-outline
    }

    .ApplePayButton-module_apple-pay-button--type-plain__ycfNl {
        -apple-pay-button-type: plain
    }

    .ApplePayButton-module_apple-pay-button--type-buy__9m8AB {
        -apple-pay-button-type: buy
    }

    .ApplePayButton-module_apple-pay-button--type-donate__HmRdK {
        -apple-pay-button-type: donate
    }

    .ApplePayButton-module_apple-pay-button--type-check-out__XdGWd {
        -apple-pay-button-type: check-out
    }

    .ApplePayButton-module_apple-pay-button--type-book__-v-VY {
        -apple-pay-button-type: book
    }

    .ApplePayButton-module_apple-pay-button--type-subscribe__WxWIF {
        -apple-pay-button-type: subscribe
    }

    .ApplePayButton-module_apple-pay-button--type-add-money__zeBA8 {
        -apple-pay-button-type: add-money
    }

    .ApplePayButton-module_apple-pay-button--type-contribute__G3E8e {
        -apple-pay-button-type: contribute
    }

    .ApplePayButton-module_apple-pay-button--type-order__ggI6j {
        -apple-pay-button-type: order
    }

    .ApplePayButton-module_apple-pay-button--type-reload__QbgLd {
        -apple-pay-button-type: reload
    }

    .ApplePayButton-module_apple-pay-button--type-rent__VzC-E {
        -apple-pay-button-type: rent
    }

    .ApplePayButton-module_apple-pay-button--type-support__6EjmY {
        -apple-pay-button-type: support
    }

    .ApplePayButton-module_apple-pay-button--type-tip__bdzGK {
        -apple-pay-button-type: tip
    }

    .ApplePayButton-module_apple-pay-button--type-top-up__Eb3qR {
        -apple-pay-button-type: top-up
    }
}

@supports not (-webkit-appearance:-apple-pay-button) {
    .ApplePayButton-module_apple-pay-button__l5g-d {
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: 100% 60%;
        border-radius: 5px;
        box-sizing: border-box;
        display: inline-block;
        max-height: 64px;
        min-height: 32px;
        min-width: 200px;
        padding: 0
    }

    .ApplePayButton-module_apple-pay-button-black__istwW {
        background-color: #000;
        background-image: -webkit-named-image(apple-pay-logo-white)
    }

    .ApplePayButton-module_apple-pay-button-white-with-line__MlRq7, .ApplePayButton-module_apple-pay-button-white__-wLaE {
        background-color: #fff;
        background-image: -webkit-named-image(apple-pay-logo-black)
    }

    .ApplePayButton-module_apple-pay-button-white-with-line__MlRq7 {
        border: .5px solid #000
    }
}

.adyen-checkout__applepay__button {
    height: 48px;
    width: 240px
}

.adyen-checkout__dropin .adyen-checkout__applepay__button {
    width: 100%
}

.adyen-checkout__issuer-button {
    align-items: center;
    background-color: #fff;
    border: none;
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px #b9c4c9;
    cursor: pointer;
    display: flex;
    flex-basis: 47%;
    flex-grow: 2;
    font-size: .81em;
    height: 40px;
    padding: 0 12px;
    transition: background .3s ease-out,box-shadow .3s ease-out
}

    .adyen-checkout__issuer-button:active {
        color: #000
    }

    .adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):focus {
        box-shadow: inset 0 0 0 2px #99a3ad;
        outline: none
    }

    .adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):focus-visible {
        box-shadow: inset 0 0 0 2px #99a3ad;
        outline: none
    }

    .adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):hover {
        box-shadow: inset 0 0 0 2px #99a3ad;
        outline: none
    }

.adyen-checkout__issuer-button--selected {
    background: #fff;
    box-shadow: inset 0 0 0 2px #0075ff;
    color: #0075ff;
    font-weight: 500;
    height: 40px;
    transition: none
}

.adyen-checkout__issuer-button-img {
    margin-right: 8px;
    max-height: 26px
}

.adyen-checkout__issuer-button-group {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 16px
}

.adyen-checkout__content-separator {
    align-items: center;
    color: #687282;
    display: flex;
    font-size: 13px;
    justify-content: center;
    line-height: 19px;
    margin-bottom: 16px;
    margin-top: 16px;
    white-space: nowrap
}

    .adyen-checkout__content-separator:after, .adyen-checkout__content-separator:before {
        background: #e6e9eb;
        content: "";
        display: block;
        height: 1px;
        width: 100%
    }

    .adyen-checkout__content-separator:after {
        margin-left: 20px
    }

    .adyen-checkout__content-separator:before {
        margin-right: 20px
    }

.adyen-checkout__field--issuer-list {
    margin-bottom: 0
}

.adyen-checkout__issuer-list__termsAndConditions {
    text-align: center
}

.adyen-checkout-disclaimer__label {
    color: #687282;
    display: inline-block;
    font-size: .81em;
    font-weight: 400;
    line-height: 19px;
    margin-top: 16px;
    padding-left: 0
}

[dir=rtl] .adyen-checkout-disclaimer__label {
    padding-right: 0
}

.adyen-checkout__card-input__form {
    transition: opacity .25s ease-out
}

.adyen-checkout__card__cardNumber {
    max-width: 400px
}

.adyen-checkout__card__cardNumber__input {
    padding: 5px 8px
}

.adyen-checkout__card__exp-date__input--oneclick {
    font-weight: 400;
    line-height: 30px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.adyen-checkout__field--storedCard .adyen-checkout__input[readonly], .adyen-checkout__field--storedCard .adyen-checkout__input[readonly]:hover {
    color: #00112c
}

.adyen-checkout__card__holderName, .adyen-checkout__field--expiryDate, .adyen-checkout__field--storedCard {
    margin-bottom: 0
}

.adyen-checkout__card-input .adyen-checkout__fieldset--billingAddress, .adyen-checkout__card__holderName, .adyen-checkout__card__kcp-authentication, .adyen-checkout__card__socialSecurityNumber, .adyen-checkout__installments, .adyen-checkout__store-details {
    margin-top: 16px
}

.adyen-checkout__card-input.adyen-checkout__card-input--loading {
    pointer-events: none
}

.adyen-checkout__card__holderName:first-child {
    margin: 0 0 16px
}

.adyen-checkout__field--cardNumber .adyen-checkout__input--error .adyen-checkout__card__cardNumber__brandIcon, .adyen-checkout__field--cardNumber .adyen-checkout__input--valid:not(.adyen-checkout__card__cardNumber__input--noBrand) + .adyen-checkout-input__inline-validation--valid {
    display: none
}

.adyen-checkout__field--securityCode.adyen-checkout__field--error .adyen-checkout__card__cvc__hint, .adyen-checkout__field--securityCode.adyen-checkout__field--valid .adyen-checkout__card__cvc__hint {
    opacity: 0
}

@keyframes cvc-indicate-location {
    0% {
        opacity: 1
    }

    to {
        opacity: .3
    }
}

.adyen-checkout__label--focused .adyen-checkout__field__cvc--back-hint .adyen-checkout__card__cvc__hint--back .adyen-checkout__card__cvc__hint__location, .adyen-checkout__label--focused .adyen-checkout__field__cvc--front-hint .adyen-checkout__card__cvc__hint--front .adyen-checkout__card__cvc__hint__location {
    animation-direction: alternate;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: cvc-indicate-location
}

.adyen-checkout__card__cvc__hint__wrapper {
    align-items: center;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    display: flex;
    height: 100%;
    margin: 0 10px;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateZ(0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: transform .3s cubic-bezier(.455,.03,.515,.955);
    width: 27px;
    will-change: transform
}

.adyen-checkout__field__cvc--front-hint.adyen-checkout__card__cvc__hint__wrapper {
    transform: rotateY(180deg)
}

.adyen-checkout__card__cvc__hint {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    transition: opacity .1s linear
}

.adyen-checkout__field__exp-date_hint_wrapper {
    align-items: center;
    bottom: 0;
    display: flex;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .1s linear
}

    .adyen-checkout__field__exp-date_hint_wrapper.adyen-checkout__field__exp-date_hint_wrapper--hidden {
        opacity: 0
    }

.adyen-checkout__field__exp-date_hint {
    height: 18px;
    margin: 0 10px 0 0;
    width: 27px
}

.adyen-checkout__card__cvc__hint--front {
    transform: rotateY(180deg)
}

@media (prefers-reduced-motion:reduce) {
    .adyen-checkout__card__cvc__hint__wrapper {
        transition: none
    }
}

.adyen-checkout__fieldset--revolving-plan .adyen-checkout__fieldset__fields {
    justify-content: left
}

.adyen-checkout__fieldset--revolving-plan .adyen-checkout__radio_group {
    display: flex;
    flex-direction: column
}

.adyen-checkout__fieldset--revolving-plan .adyen-checkout__radio_group__input-wrapper {
    margin-top: 20px
}

.adyen-checkout__fieldset--revolving-plan .adyen-checkout__field--revolving-plan-installments {
    margin-left: 15px;
    position: relative;
    top: 42px;
    width: 30%
}

.LoadingWrapper-module_loading-input__form__ffCKa {
    opacity: 1
}

.LoadingWrapper-module_loading-input__form--loading__7GmVo {
    opacity: 0
}

.LoadingWrapper-module_loading-input__spinner__GxA51 {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.LoadingWrapper-module_loading-input__spinner--active__ENNBS {
    display: block
}

.CardInput-module_card-input__wrapper__wXSCw {
    position: relative
}

    .CardInput-module_card-input__wrapper__wXSCw *, .CardInput-module_card-input__wrapper__wXSCw :after, .CardInput-module_card-input__wrapper__wXSCw :before {
        box-sizing: border-box
    }

.CardInput-module_card-input__icon__3Cz5M {
    border-radius: 3px;
    height: 18px;
    margin-left: 7px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 27px
}

.CardInput-module_card-input__form__fRo1r {
    opacity: 1
}

.CardInput-module_card-input__spinner__-j2Qi {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.CardInput-module_card-input__spinner--active__slD7w {
    display: block
}

.CardInput-module_card-input__form--loading__rrmdj {
    opacity: 0
}

.CardInput-module_adyen-checkout__input__11tlB {
    display: block;
    max-height: 100px
}

.CardInput-module_adyen-checkout__card__cvc__input--hidden__VIlHV, .CardInput-module_adyen-checkout__card__exp-date__input--hidden__evi6- {
    display: none
}

.CardInput-module_adyen-checkout__card__exp-cvc__exp-date__input--hidden__YC3VT {
    justify-content: flex-end
}

.CardInput-module_revolving-plan-installments__disabled__VhNj2 {
    opacity: .4;
    pointer-events: none
}

.adyen-checkout__card__dual-branding__buttons {
    display: flex;
    opacity: .4;
    pointer-events: none
}

.adyen-checkout__card__dual-branding__buttons--active {
    opacity: 1;
    pointer-events: auto
}

.adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon {
    cursor: pointer;
    opacity: 1
}

    .adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon:first-child {
        right: 40px
    }

.adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon--not-selected {
    opacity: .5
}

.adyen-checkout__card__brands {
    display: flex;
    flex-basis: auto;
    flex-shrink: 1;
    flex-wrap: wrap;
    gap: 4px;
    height: 16px;
    margin-bottom: 16px;
    margin-top: -8px;
    overflow: hidden;
    transition: all .2s ease-out
}

.adyen-checkout__card__brands--hidden {
    height: 0;
    margin: -8px 0 8px;
    opacity: 0
}

.adyen-checkout__card__brands img {
    border-radius: 3px;
    height: 16px;
    width: 24px
}

.adyen-checkout__card__brands__brand-wrapper {
    display: inline-block;
    height: 16px;
    position: relative;
    width: 24px
}

    .adyen-checkout__card__brands__brand-wrapper:after {
        border: 1px solid rgba(0,27,43,.17);
        border-radius: 3px;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

.adyen-checkout-ctp__otp-resend-code {
    color: #0075ff;
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
    margin-left: auto
}

.adyen-checkout-ctp__otp-resend-code--confirmation, .adyen-checkout-ctp__otp-resend-code--disabled {
    color: #687282;
    cursor: default;
    font-size: 13px;
    font-weight: 400;
    margin-left: auto;
    pointer-events: none
}

.adyen-checkout-ctp__otp-resend-code--confirmation {
    align-items: center;
    display: flex
}

    .adyen-checkout-ctp__otp-resend-code--confirmation > img {
        margin-left: 4px
    }

.adyen-checkout-ctp__otp-resend-code-counter {
    color: #000;
    cursor: default;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    margin-left: auto;
    text-align: right
}

.adyen-checkout-ctp__section > .adyen-checkout__field.adyen-checkout__field--otp {
    margin-bottom: 20px
}

.adyen_checkout-ctp__brand-wrapper {
    align-items: center;
    display: flex;
    height: 18px
}

.adyen_checkout-ctp__brand-logo {
    margin-right: 6px;
    width: 24px
}

.adyen_checkout-ctp__brand-pipe {
    height: 15px;
    margin-right: 6px
}

.adyen_checkout-ctp__brand-scheme {
    margin-right: 6px;
    object-fit: none
}

.adyen_checkout-ctp__brand-scheme-mc {
    width: 27px
}

.adyen_checkout-ctp__brand-scheme-visa {
    width: 35px
}

.adyen-checkout__modal-wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    left: 0;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    padding: 24px;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 10
}

    .adyen-checkout__modal-wrapper:before {
        background: rgba(0,17,44,.5);
        content: "";
        height: 100%;
        left: 0;
        opacity: 0;
        position: fixed;
        top: 0;
        transition: opacity .3s linear;
        width: 100%;
        z-index: 10
    }

.adyen-checkout__modal-wrapper--open {
    visibility: visible
}

    .adyen-checkout__modal-wrapper--open .adyen-checkout__modal, .adyen-checkout__modal-wrapper--open:before {
        opacity: 1
    }

.adyen-checkout__modal {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0,17,44,.15);
    margin: auto;
    opacity: 0;
    padding: 16px;
    position: relative;
    transition: opacity .2s ease,visibility .2s ease;
    z-index: 11
}

@media (max-width:480px) {
    .adyen-checkout__modal-wrapper {
        padding: 0
    }

    .adyen-checkout__modal {
        border-radius: 0;
        height: 100%
    }
}

.adyen-checkout__ctp-modal-header-image {
    display: block;
    margin: auto
}

.adyen-checkout__ctp-modal-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 12px;
    padding: 0
}

.adyen-checkout__ctp-modal-text {
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 16px
}

.adyen-checkout__ctp-modal-benefits {
    margin-left: 0;
    padding-left: 20px
}

    .adyen-checkout__ctp-modal-benefits li {
        list-style: disc;
        margin-bottom: 16px
    }

.adyen-checkout__modal-wrapper--ctp .adyen-checkout__modal {
    max-width: 464px
}

.adyen_checkout-ctp__brand-wrapper--popup {
    justify-content: center;
    margin-bottom: 24px
}

.adyen-web__ctp-info-button {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    padding: 0
}

.adyen-checkout-ctp__section-logout-button {
    color: #0075ff;
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
    margin-left: auto
}

.adyen-checkout-ctp__section-logout-button--disabled {
    color: #687282;
    pointer-events: none
}

.adyen-checkout-ctp__section {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0,0,0,.15);
    padding: 16px;
    position: relative
}

.adyen-checkout-ctp__section-brand {
    align-items: center;
    display: flex;
    height: 18px;
    margin-bottom: 14px
}

.adyen-checkout-ctp__section--standalone {
    all: unset
}

.adyen-checkout-ctp__section .adyen-checkout__fieldset {
    margin-bottom: 24px
}

.adyen-checkout-ctp__section-header {
    align-items: center;
    display: flex
}

.adyen-checkout-ctp__section-header-title {
    font-size: 17px;
    font-weight: 600;
    line-height: 22px;
    margin: 0 0 4px;
    padding: 0;
    width: auto
}

@media screen and (max-width:400px) {
    .adyen-checkout-ctp__section-header-title {
        font-size: 15px
    }
}

.adyen-checkout-ctp__section-header-adornment {
    margin-left: 5px
}

.adyen-checkout-ctp__section-text {
    color: #687282;
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
    margin: 0 0 16px
}

.adyen-checkout-ctp__separator {
    color: #00112c;
    font-size: 13px;
    font-weight: 400
}

.adyen-checkout-ctp__otp-subtitle--highlighted {
    color: #00112c;
    font-weight: 500
}

.adyen-checkout-ctp__card-list-single-card {
    align-items: center;
    background-color: #f7f8f9;
    border-radius: 6px;
    display: flex;
    font-size: 13px;
    font-weight: 400;
    height: 40px;
    line-height: 19px;
    padding: 12px
}

.adyen-checkout-ctp__card-list-single-card-expired {
    color: #687282;
    text-decoration: line-through
}

.adyen-checkout-ctp__expired-label {
    color: #687282;
    font-weight: 500;
    line-height: 17px;
    margin-left: auto
}

.adyen-checkout-ctp__card-image {
    border-radius: 3px;
    margin-right: 8px
}

.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__element--disabled {
    opacity: 1
}

    .adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__element--disabled .adyen-checkout__dropdown__element__text {
        margin: 0;
        opacity: .4;
        text-decoration: line-through
    }

    .adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__element--disabled .adyen-checkout__dropdown__element__secondary-text {
        color: #687282;
        font-weight: 500;
        line-height: 17px
    }

.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__button--disabled {
    opacity: 1
}

    .adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__button--disabled .adyen-checkout__dropdown__button__text {
        opacity: .4;
        text-decoration: line-through
    }

    .adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__button--disabled .adyen-checkout__dropdown__button__secondary-text {
        color: #687282;
        font-weight: 500;
        opacity: 1
    }

.adyen-checkout-ctp__card {
    background-color: #fff;
    border: none;
    border-radius: 4px;
    box-shadow: 0 0 0 2px #999595;
    cursor: pointer;
    height: 40px;
    margin: 0 0 20px;
    width: 100%
}

.adyen-checkout-ctp__empty-cards {
    align-items: center;
    background-color: #f7f8f9;
    border-radius: 6px;
    color: #687282;
    display: flex;
    font-size: 13px;
    font-weight: 400;
    height: 40px;
    line-height: 19px;
    margin-bottom: 24px;
    padding: 12px 16px
}

.adyen-checkout__iframe--ctpIframe {
    pointer-events: auto
}

.adyen-checkout__iframe--ctpIframe-hidden {
    display: none
}

.adyen-checkout-ctp__loading-image {
    display: block;
    margin: 30px auto auto
}

.adyen-checkout-ctp__loading-subtitle {
    font-size: 16px;
    line-height: 19px;
    margin: 0 auto 58px;
    max-width: 280px;
    text-align: center
}

.adyen-checkout-ctp__section > .adyen-checkout__field.adyen-checkout__field--shopperLogin {
    margin-bottom: 20px
}

.adyen-checkout__cashapp > .adyen-checkout__store-details {
    margin-bottom: 16px;
    margin-top: 0
}

.adyen-checkout__button-group {
    background: transparent;
    display: flex;
    justify-content: space-between
}

    .adyen-checkout__button-group .adyen-checkout__button {
        background: transparent;
        border: 0;
        box-shadow: inset 0 0 0 1px #99a3ad;
        color: #00112c;
        font-size: .81em;
        font-weight: 400;
        height: 40px;
        line-height: 40px;
        margin-right: 8px;
        padding: 0;
        text-align: center
    }

        .adyen-checkout__button-group .adyen-checkout__button:last-child {
            margin-right: 0
        }

        .adyen-checkout__button-group .adyen-checkout__button:hover {
            background: transparent;
            box-shadow: inset 0 0 0 2px #99a3ad
        }

        .adyen-checkout__button-group .adyen-checkout__button:active {
            background: #f7f8f9;
            box-shadow: inset 0 0 0 2px #99a3ad
        }

    .adyen-checkout__button-group .adyen-checkout__button--disabled, .adyen-checkout__button-group .adyen-checkout__button--disabled:hover {
        cursor: not-allowed;
        opacity: .4;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .adyen-checkout__button-group .adyen-checkout__button--selected, .adyen-checkout__button-group .adyen-checkout__button--selected:active, .adyen-checkout__button-group .adyen-checkout__button--selected:active:hover, .adyen-checkout__button-group .adyen-checkout__button--selected:hover {
        background: #e5efff;
        box-shadow: inset 0 0 0 2px #0075ff;
        color: #0075ff;
        font-weight: 500;
        height: 40px;
        transition: none
    }

    .adyen-checkout__button-group .adyen-checkout__button .adyen-checkout__button-group__input {
        opacity: 0;
        pointer-events: none;
        position: absolute
    }

.adyen-checkout__adyen-giving .adyen-checkout__status__icon {
    display: block;
    margin: 56px auto 32px
}

.adyen-checkout__adyen-giving .adyen-checkout__status__text {
    color: #00112c;
    margin-bottom: 56px;
    text-align: center
}

.adyen-checkout__campaign {
    background: #00112c;
    border-radius: 6px;
    height: 227px;
    overflow: hidden;
    position: relative
}

.adyen-checkout__campaign-link:hover .adyen-checkout__campaign-description {
    text-decoration: underline
}

.adyen-checkout__campaign-container {
    height: 100%
}

.adyen-checkout__campaign-logo {
    border: 2px solid hsla(0,0%,100%,.4);
    border-radius: 3px;
    display: block;
    height: 48px;
    margin-bottom: 16px;
    overflow: hidden;
    width: 48px
}

.adyen-checkout__campaign-background-image {
    background-color: #00112c;
    background-position: 50%;
    background-size: cover;
    height: 100%
}

.adyen-checkout__campaign-link .adyen-checkout__campaign-background-image:before {
    background: inherit;
    content: "";
    height: 100%;
    position: absolute;
    transition: transform .6s ease-out;
    width: 100%
}

.adyen-checkout__campaign-link .adyen-checkout__campaign-background-image:hover:before {
    transform: scale(1.1)
}

.adyen-checkout__campaign-link .adyen-checkout__campaign-content {
    pointer-events: none
}

.adyen-checkout__campaign-content {
    bottom: 0;
    padding: 16px;
    position: absolute;
    z-index: 2
}

.adyen-checkout__campaign-description, .adyen-checkout__campaign-title {
    color: #fff;
    font-weight: 400;
    margin: 0
}

.adyen-checkout__campaign-title {
    font-size: 1em;
    margin-bottom: 8px
}

.adyen-checkout__campaign-description {
    font-size: .81em;
    line-height: 19px
}

.adyen-checkout__adyen-giving-actions {
    margin-top: 16px;
    text-align: center
}

.adyen-checkout__button.adyen-checkout__button--donate {
    margin: 16px auto 8px
}

.adyen-checkout__button.adyen-checkout__button--decline {
    display: block;
    margin: auto;
    width: auto
}

.adyen-checkout__paywithgoogle {
    height: 48px
}

    .adyen-checkout__paywithgoogle > div > button, .adyen-checkout__paywithgoogle > div > button.long, .adyen-checkout__paywithgoogle > div > button.short {
        height: 48px;
        transition: background-color .3s ease-out,box-shadow .3s ease-out
    }

        .adyen-checkout__paywithgoogle > div > button.long:focus, .adyen-checkout__paywithgoogle > div > button.short:focus, .adyen-checkout__paywithgoogle > div > button:focus {
            box-shadow: 0 0 0 2px #99c2ff;
            outline: 0
        }

        .adyen-checkout__paywithgoogle > div > button.gpay-button {
            padding: 15px 24px 13px
        }

.adyen-checkout__econtext-input__field > .adyen-checkout__button--pay:only-child {
    margin-top: 0
}

.adyen-checkout__voucher-result {
    border-radius: 12px;
    box-sizing: border-box;
    position: relative;
    text-align: center
}

.adyen-checkout__voucher-result__bottom, .adyen-checkout__voucher-result__top {
    background: #fff;
    border: 1px solid #d4d9db
}

.adyen-checkout__voucher-result__top {
    border-bottom: 0;
    border-radius: 12px 12px 0 0;
    padding: 40px 0 24px
}

.adyen-checkout__voucher-result__bottom {
    border-radius: 0 0 12px 12px;
    border-top: 0
}

.adyen-checkout__voucher-result__separator {
    align-items: center;
    background: #fff;
    display: flex;
    height: 13px;
    margin: 0 auto;
    position: relative;
    width: calc(100% - 14px)
}

    .adyen-checkout__voucher-result__separator:after, .adyen-checkout__voucher-result__separator:before {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjEzIiBmaWxsPSJub25lIj48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0ibTAgMCA1IDIgMS41IDRIN1Ywem0wIDEzIDUtMiAxLjUtNEg3djZ6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBzdHJva2U9IiNENEQ5REIiIGQ9Ik02LjQyMyA2LjVDNi40MjMgMy4zMTIgMy43ODMuNzU2LjUuNTE4YzMuMzg2LjIzNiA2IDIuODU1IDYgNS45ODJzLTIuNjE0IDUuNzQ2LTYgNS45ODN2LS4wMDFjMy4yODQtLjIzNyA1LjkyMy0yLjc5NCA1LjkyMy01Ljk4MloiLz48cGF0aCBmaWxsPSIjRDREOURCIiBkPSJNMCAwaDF2MUgwem0wIDEyaDF2MUgweiIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoN3YxM0gweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==)
    }

    .adyen-checkout__voucher-result__separator:before {
        left: -7px
    }

    .adyen-checkout__voucher-result__separator:after, .adyen-checkout__voucher-result__separator:before {
        background-position: 100%;
        background-repeat: no-repeat;
        content: "";
        height: 13px;
        position: absolute;
        top: 0;
        width: 7px
    }

    .adyen-checkout__voucher-result__separator:after {
        right: -7px;
        transform: rotate(-180deg)
    }

.adyen-checkout__voucher-result__separator__inner {
    border-top: 1px solid #e6e9eb;
    width: 100%
}

.adyen-checkout__voucher-result__image {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
    width: 100%
}

.adyen-checkout__link--voucher-result-instructions {
    display: inline-block
}

.adyen-checkout__voucher-result__image__wrapper {
    display: block;
    height: 48px;
    margin: 0 24px;
    position: relative
}

    .adyen-checkout__voucher-result__image__wrapper:after {
        border: 1px solid rgba(0,27,43,.17);
        border-radius: 3px;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .adyen-checkout__voucher-result__image__wrapper:nth-child(2):before {
        border-left: 1px solid #d4d9db;
        content: "";
        height: 64px;
        left: -24.5px;
        position: absolute;
        top: -8px;
        width: 1px
    }

.adyen-checkout__voucher-result__image__brand, .adyen-checkout__voucher-result__image__issuer {
    border-radius: 3px;
    height: 48px
}

.adyen-checkout__voucher-result__introduction {
    color: #00112c;
    font-size: .81em;
    line-height: 19px;
    margin: 0 auto;
    max-width: 400px;
    text-align: center
}

.adyen-checkout__voucher-result__amount {
    color: #00112c;
    font-size: 1em;
    font-weight: 700;
    margin: 24px auto 0;
    text-align: center
}

.adyen-checkout__voucher-result__surcharge {
    color: #687282;
    display: block;
    font-size: .81em;
    font-weight: 400;
    line-height: 19px;
    text-align: center
}

.adyen-checkout__voucher-result__code__label {
    display: block;
    font-weight: 400;
    left: 0;
    line-height: 19px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: auto
}

    .adyen-checkout__voucher-result__code__label:before {
        content: "";
        position: absolute
    }

.adyen-checkout__voucher-result__code__label__text {
    background: #fff;
    color: #00112c;
    font-size: 13px;
    letter-spacing: normal;
    line-height: 1;
    padding: 0 8px
}

.adyen-checkout__voucher-result__code__barcode {
    display: block;
    height: 56px;
    margin: 0 auto 8px;
    max-width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.adyen-checkout__voucher-result__code {
    border-width: 1px 0;
    color: #00112c;
    display: inline-block;
    font-size: 1.5em;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.2;
    margin: 0 auto;
    padding: 16px 48px;
    position: relative;
    text-align: center;
    -webkit-user-select: all;
    -moz-user-select: all;
    user-select: all;
    width: 100%;
    word-break: break-word
}

.adyen-checkout__voucher-result__details {
    list-style: none;
    margin: -1px auto 0;
    padding: 0
}

.adyen-checkout__voucher-result__details__item {
    border-top: 1px solid #e6e9eb;
    color: #00112c;
    display: flex;
    font-size: .81em;
    justify-content: space-between;
    padding: 16px 24px;
    word-break: break-word
}

    .adyen-checkout__voucher-result__details__item:last-child {
        margin-bottom: 0
    }

.adyen-checkout__voucher-result__details__label {
    max-width: 50%;
    text-align: left
}

.adyen-checkout__voucher-result__details__value {
    font-weight: 700;
    max-width: 50%;
    text-align: right
}

.adyen-checkout__voucher-result__actions {
    align-items: center;
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0 auto 32px;
    max-width: 100%;
    min-width: 200px;
    padding: 0;
    width: 300px
}

.adyen-checkout__voucher-result__actions__item {
    margin: 0 4px
}

.adyen-checkout__paypal__buttons {
    position: relative;
    z-index: 0
}

.adyen-checkout__paypal__button {
    display: flex;
    margin-bottom: 16px
}

    .adyen-checkout__paypal__button:empty {
        display: none
    }

.adyen-checkout__paypal__status--pending {
    margin: 16px 0
}

.adyen-checkout__paypal__status--processing {
    align-items: center;
    display: flex;
    font-size: 13px;
    justify-content: center;
    padding: 24px 0
}

.adyen-checkout__paypal-processing .adyen-checkout__paypal__button {
    display: none
}

.adyen-checkout__payment-method .adyen-checkout__paypal__status--pending {
    margin: -16px 0 38px
}

.adyen-checkout__payment-method .adyen-checkout__paypal__status--processing {
    padding: 20px 0 65px
}

.adyen-checkout__phone-input {
    direction: ltr
}

    .adyen-checkout__phone-input .adyen-checkout__input-wrapper {
        width: 100%
    }

        .adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input {
            height: auto;
            padding: 0
        }

            .adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input:focus {
                border: 1px solid #0075ff;
                box-shadow: 0 0 0 2px #99c2ff
            }

        .adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button {
            border: 0;
            border-bottom-right-radius: 0;
            border-top-right-radius: 0;
            height: 35px;
            width: auto
        }

            .adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button:after {
                box-sizing: revert;
                height: 10px;
                left: 40px
            }

        .adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input--phoneNumber {
            border: 1px solid transparent;
            height: 35px;
            margin-left: 8px;
            padding-left: 15px
        }

        .adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input-wrapper--phoneInput {
            align-items: center;
            display: flex
        }

            .adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input-wrapper--phoneInput:focus {
                border: 1px solid #0075ff;
                box-shadow: 0 0 0 2px #99c2ff
            }

        .adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__phoneNumber {
            align-items: center;
            display: flex;
            margin-left: 65px;
            width: 100%
        }

        .adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__countryFlag {
            position: absolute
        }

        .adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active, .adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active:hover {
            box-shadow: none
        }

.adyen-checkout__threeds2__challenge, .adyen-checkout__threeds2__challenge-container {
    background-color: transparent;
    box-sizing: border-box;
    display: block;
    height: inherit;
    min-height: 400px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.adyen-checkout__threeds2__challenge--01, .adyen-checkout__threeds2__challenge--01 .adyen-checkout__iframe--threeDSIframe {
    height: 400px;
    width: 250px
}

.adyen-checkout__threeds2__challenge--02, .adyen-checkout__threeds2__challenge--02 .adyen-checkout__iframe--threeDSIframe {
    height: 400px;
    width: 390px
}

.adyen-checkout__threeds2__challenge--03, .adyen-checkout__threeds2__challenge--03 .adyen-checkout__iframe--threeDSIframe {
    height: 600px;
    width: 500px
}

.adyen-checkout__threeds2__challenge--04, .adyen-checkout__threeds2__challenge--04 .adyen-checkout__iframe--threeDSIframe {
    height: 400px;
    width: 600px
}

.adyen-checkout__threeds2__challenge--05, .adyen-checkout__threeds2__challenge--05 .adyen-checkout__iframe--threeDSIframe {
    height: 100%;
    width: 100%
}

.adyen-checkout__iframe--threeDSIframe {
    border: 0;
    left: 0;
    position: absolute;
    top: 0
}

.adyen-checkout__threeds2-challenge-error .adyen-checkout__status__icon {
    display: block;
    margin: 56px auto 32px
}

.adyen-checkout__threeds2-challenge-error .adyen-checkout__status__text {
    color: #c12424;
    margin-bottom: 56px;
    text-align: center
}

.adyen-checkout__qr-loader {
    background: #fff;
    border: 1px solid #d4d9db;
    border-radius: 12px;
    padding: 40px;
    text-align: center
}

.adyen-checkout__qr-loader--result {
    padding: 100px
}

.adyen-checkout__qr-loader__brand-logo {
    border-radius: 3px;
    width: 74px
}

.adyen-checkout__qr-loader__subtitle {
    margin: 32px auto 0;
    max-width: 400px
}

.adyen-checkout__qr-loader__subtitle--result {
    margin-bottom: 32px
}

.adyen-checkout__qr-loader__payment_amount, .adyen-checkout__qr-loader__subtitle {
    color: #00112c;
    font-size: 1em;
    line-height: 19px
}

.adyen-checkout__qr-loader__icon {
    height: 88px;
    width: 88px
}

.adyen-checkout__qr-loader__payment_amount {
    font-weight: 700
}

.adyen-checkout__qr-loader__progress {
    background: #d4d9db;
    border-radius: 24px;
    height: 4px;
    margin: 32px auto 12px;
    padding-right: 3%;
    width: 152px
}

[dir=rtl] .adyen-checkout__qr-loader__progress {
    padding-left: 3%;
    padding-right: 0
}

.adyen-checkout__qr-loader__percentage {
    background: #0075ff;
    border-radius: 24px;
    display: block;
    height: 100%
}

.adyen-checkout__qr-loader__countdown {
    color: #687282;
    font-size: .81em
}

.adyen-checkout__qr-loader > .adyen-checkout__spinner__wrapper {
    margin: 60px 0
}

.adyen-checkout__qr-loader__app-link {
    display: none;
    margin-top: 16px
}

.adyen-checkout__button.adyen-checkout__button--qr-loader {
    margin-top: 24px;
    text-decoration: none
}

.adyen-checkout__qr-loader__instructions {
    color: #687282;
    font-size: 1em;
    line-height: 1.5;
    margin-top: 32px
}

.adyen-checkout__qr-loader__actions {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 32px
}

@media only screen and (max-device-width:1200px) {
    .adyen-checkout__qr-loader__app-link {
        display: block
    }
}

.adyen-checkout__voucher-result--boletobancario .adyen-checkout__voucher-result__code, .adyen-checkout__voucher-result--oxxo .adyen-checkout__voucher-result__code {
    font-size: .81em;
    line-height: 19px;
    padding: 24px;
    word-break: break-all
}

.adyen-checkout__alert-message {
    border-radius: 6px;
    display: flex;
    font-size: .81em;
    margin: 0 0 16px;
    padding: 12px;
    text-align: left
}

.adyen-checkout__alert-message--error {
    background: #fbe6ed
}

.adyen-checkout__alert-message--warning {
    background: #ffeacc
}

.adyen-checkout__alert-message--info {
    background: #e5efff
}

.adyen-checkout__alert-message__icon {
    height: 14px;
    margin-right: 8px;
    width: 14px
}

.adyen-checkout__giftcard-result__header {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    font-size: 1em;
    font-weight: 400;
    justify-content: space-between;
    position: relative;
    width: 100%
}

.adyen-checkout__giftcard-result__header__title {
    align-items: center;
    display: flex
}

.adyen-checkout__giftcard-result__name {
    margin-left: 8px
}

.adyen-checkout__giftcard-result__balance {
    list-style: none;
    margin: 16px 0 0;
    padding: 0
}

.adyen-checkout__giftcard-result__balance__item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px
}

    .adyen-checkout__giftcard-result__balance__item .adyen-checkout__giftcard-result__balance__title--transactionLimit {
        color: #687282
    }

    .adyen-checkout__giftcard-result__balance__item:last-child {
        margin-bottom: 0
    }

.adyen-checkout__giftcard-result__balance__value--amount {
    font-weight: 700
}

.adyen-checkout__giftcard-result__remaining-balance {
    color: #687282;
    font-size: 13px;
    line-height: 19px;
    margin: 8px auto 0;
    text-align: center
}

.DropinComponent-module_adyen-checkout__payment-methods-list__mAjAm {
    list-style: none;
    margin: 0;
    padding: 0
}

.DropinComponent-module_adyen-checkout__payment-method__nWdwg {
    display: block;
    max-height: 60px
}

.DropinComponent-module_adyen-checkout__payment-method__details__-rsW7 {
    display: none
}

.DropinComponent-module_adyen-checkout__payment-method__image__nB80V {
    height: 26px;
    width: 40px
}

.DropinComponent-module_adyen-checkout__payment-method__image__wrapper__6NWzA {
    margin-right: 8px
}

[dir=rtl] .DropinComponent-module_adyen-checkout__payment-method__image__wrapper__6NWzA {
    margin-left: 8px;
    margin-right: 0
}

.DropinComponent-module_adyen-checkout__payment-method--selected__6egZF {
    max-height: 100%
}

    .DropinComponent-module_adyen-checkout__payment-method--selected__6egZF .DropinComponent-module_adyen-checkout__payment-method__details__-rsW7 {
        display: block
    }

.adyen-checkout__payment-method__disable-confirmation {
    background: #c12424;
    border-left: 1px solid #b82222;
    border-right: 1px solid #b82222;
    color: #fff;
    font-size: .81em;
    margin: 0 -17px;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: opacity .15s ease-out,max-height .15s linear,margin-bottom .1s linear
}

    .adyen-checkout__payment-method__disable-confirmation.adyen-checkout__payment-method__disable-confirmation--open {
        margin-bottom: 16px;
        max-height: 62px;
        opacity: 1
    }

.adyen-checkout__payment-method__disable-confirmation__content {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 8px 16px
}

.adyen-checkout__payment-method__disable-confirmation__buttons {
    display: flex
}

.adyen-checkout__payment-method__disable-confirmation__button {
    background: #c12424;
    border: 1px solid transparent;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    display: block;
    height: auto;
    line-height: 14px;
    margin: 0 0 0 8px;
    padding: 8px;
    width: auto
}

    .adyen-checkout__payment-method__disable-confirmation__button:hover, .adyen-checkout__payment-method__disable-confirmation__button:hover:focus {
        background: #ac2020;
        box-shadow: none
    }

        .adyen-checkout__payment-method__disable-confirmation__button:active, .adyen-checkout__payment-method__disable-confirmation__button:hover:active {
            background: #961c1c;
            box-shadow: none
        }

.adyen-checkout__payment-method__disable-confirmation__button--remove, .adyen-checkout__payment-method__disable-confirmation__button--remove:disabled {
    border-color: #fff
}

.adyen-checkout__payment-method__disable-confirmation__button--cancel, .adyen-checkout__payment-method__disable-confirmation__button--cancel:disabled {
    border-color: transparent
}

.adyen-checkout__payment-method {
    background: #fff;
    border: 1px solid #e6e9eb;
    cursor: pointer;
    margin-top: -1px;
    position: relative;
    transition: opacity .3s ease-out;
    width: 100%
}

    .adyen-checkout__payment-method:focus {
        outline: 0
    }

    .adyen-checkout__payment-method--selected + .adyen-checkout__payment-method, .adyen-checkout__payment-method:first-child {
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        margin-top: 0
    }

    .adyen-checkout__payment-method--next-selected, .adyen-checkout__payment-method:last-child {
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
        margin-bottom: 0
    }

.adyen-checkout__payment-method--loading {
    opacity: .2
}

.adyen-checkout__payment-method--selected.adyen-checkout__payment-method--loading {
    opacity: .9
}

.adyen-checkout__payment-method--confirming .adyen-checkout__payment-method__details__content, .adyen-checkout__payment-method--disabling {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.adyen-checkout__payment-method--disabling {
    opacity: .3
}

.adyen-checkout__payment-method__header {
    align-items: center;
    color: #00112c;
    display: flex;
    flex-wrap: nowrap;
    font-size: 1em;
    font-weight: 400;
    justify-content: space-between;
    padding: 12px 16px 12px 44px;
    position: relative;
    transition: background .1s ease-out;
    width: 100%
}

[dir=rtl] .adyen-checkout__payment-method__header {
    padding: 12px 44px 12px 12px
}

.adyen-checkout__payment-method--standalone .adyen-checkout__payment-method__header {
    padding: 16px
}

.adyen-checkout__payment-method__header__title {
    align-items: center;
    background: none;
    border: none;
    color: #00112c;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-size: 1em;
    font-weight: 400;
    margin-right: 16px;
    max-width: 100%;
    padding: 4px
}

[dir=rtl] .adyen-checkout__payment-method__header__title {
    margin-left: 16px;
    margin-right: 0
}

.adyen-checkout__payment-method__surcharge {
    color: #687282;
    margin-left: 5px
}

.adyen-checkout__payment-method--selected {
    background: #f7f8f9;
    border: 1px solid #e6e9eb;
    border-radius: 12px;
    cursor: default;
    margin: 8px 0;
    transition: margin .15s cubic-bezier(.4,0,.2,1) 0s,opacity .3s ease-out
}

    .adyen-checkout__payment-method--selected .adyen-checkout__payment-method__header {
        flex-wrap: wrap
    }

.adyen-checkout__payment-method__details {
    padding: 0 16px;
    position: relative
}

.adyen-checkout__payment-method__details__content {
    margin: 0 0 16px
}

.adyen-checkout__payment-method__image__wrapper {
    height: 26px;
    position: relative;
    width: 40px
}

.adyen-checkout__payment-method__image__wrapper--outline:after {
    border: 1px solid rgba(0,27,43,.17);
    border-radius: 3px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.adyen-checkout__payment-method__image {
    border-radius: 3px;
    display: block
}

.adyen-checkout__payment-method__brands {
    display: flex;
    flex-basis: auto;
    flex-shrink: 1;
    flex-wrap: wrap;
    height: 16px;
    margin: 4px 0;
    overflow: hidden;
    text-align: right
}

    .adyen-checkout__payment-method__brands .adyen-checkout__payment-method__brand-number {
        color: #687282;
        font-size: 13px
    }

.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__brands {
    height: auto;
    overflow: visible;
    text-align: left
}

.adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper {
    display: inline-block;
    height: 16px;
    margin-right: 4px;
    transition: opacity .2s ease-out;
    width: 24px
}

    .adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper:last-child {
        margin: 0
    }

.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper {
    margin-bottom: 4px
}

.adyen-checkout__payment-method__brands img {
    height: 16px;
    width: 24px
}

.adyen-checkout__payment-method__image__wrapper--disabled {
    opacity: .25
}

.adyen-checkout__payment-method__radio {
    background-color: #fff;
    border: 1px solid #b9c4c9;
    border-radius: 50%;
    height: 16px;
    left: 16px;
    position: absolute;
    transition: border-color .2s ease-out,box-shadow .2s ease-out;
    width: 16px
}

[dir=rtl] .adyen-checkout__payment-method__radio {
    left: auto;
    right: 16px
}

.adyen-checkout__payment-method--standalone .adyen-checkout__payment-method__radio {
    display: none
}

.adyen-checkout__payment-method__radio:after {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 6px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) scale(0);
    transition: transform .3s ease-out;
    width: 6px
}

.adyen-checkout__payment-method:hover:not(.adyen-checkout__payment-method--selected) .adyen-checkout__payment-method__radio {
    border-color: #99a3ad;
    box-shadow: 0 0 0 2px #d4d9db;
    cursor: pointer
}

.adyen-checkout__payment-method__radio--selected {
    background-color: #0075ff;
    border: 0;
    transition: all .3s ease-out
}

    .adyen-checkout__payment-method__radio--selected:hover {
        box-shadow: 0 0 0 2px rgba(0,102,255,.4)
    }

    .adyen-checkout__payment-method__radio--selected:after {
        transform: translateY(-50%) scale(1)
    }

.adyen-checkout__payment-method__name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.adyen-checkout__payment-method__name--selected {
    font-weight: 500
}

.adyen-checkout__payment-method__additional-info {
    color: #687282;
    font-size: .81em
}

.adyen-checkout__payment-method__name_wrapper {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.adyen-checkout__order-payment-methods-list {
    list-style: none;
    margin: 0 auto 16px;
    padding: 0
}

.adyen-checkout__order-payment-method {
    background: #fff;
    border: 1px solid #e6e9eb;
    margin-top: -1px;
    position: relative;
    width: 100%
}

    .adyen-checkout__order-payment-method:first-child {
        border-top-left-radius: 12px;
        border-top-right-radius: 12px
    }

    .adyen-checkout__order-payment-method:last-child {
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px
    }

.adyen-checkout__order-payment-method__header {
    align-items: center;
    color: #00112c;
    display: flex;
    flex-wrap: nowrap;
    font-size: 1em;
    font-weight: 500;
    justify-content: space-between;
    padding: 16px;
    position: relative;
    transition: background .1s ease-out;
    width: 100%
}

    .adyen-checkout__order-payment-method__header .adyen-checkout__payment-method__header__title {
        padding: 0
    }

.adyen-checkout__order-payment-method__details {
    padding: 0 16px 16px
}

.adyen-checkout__order-payment-method__deducted-amount {
    display: flex;
    font-size: 1em;
    justify-content: space-between;
    line-height: 1em
}

.adyen-checkout__order-payment-method__deducted-amount__label {
    font-size: .81em
}

.adyen-checkout__order-payment-method__deducted-amount__value {
    font-weight: 500
}

.adyen-checkout__order-remaining-amount {
    background: #ffeacc;
    border-radius: 6px;
    color: #7f4a00;
    display: block;
    font-size: .81em;
    margin-bottom: 16px;
    padding: 8px 16px;
    width: 100%
}

    .adyen-checkout__order-remaining-amount strong {
        font-weight: 700
    }

.adyen-checkout__status {
    align-items: center;
    background-color: #fff;
    border: 1px solid #d4d9db;
    border-radius: 6px;
    color: #00112c;
    display: flex;
    flex-direction: column;
    font-size: 1em;
    height: 350px;
    justify-content: center;
    margin: 0;
    padding: 32px;
    text-align: center
}

.adyen-checkout__status__icon {
    margin-bottom: 24px
}

.adyen-checkout__status .adyen-checkout__spinner__wrapper {
    max-height: 88px
}

.adyen-checkout__dropin, .adyen-checkout__dropin *, .adyen-checkout__dropin :after, .adyen-checkout__dropin :before {
    box-sizing: border-box
}

.adyen-checkout__payment-methods-list--loading {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.adyen-checkout__instant-payment-methods-list {
    list-style: none;
    margin: 0;
    padding: 0
}

    .adyen-checkout__instant-payment-methods-list li:not(:last-child) {
        margin-bottom: 8px
    }

.adyen-checkout__link {
    color: #0075ff;
    text-decoration: none
}

    .adyen-checkout__link:hover {
        text-decoration: underline
    }

.AchInput-module_sf-input__wrapper__lfdiv {
    position: relative
}

    .AchInput-module_sf-input__wrapper__lfdiv *, .AchInput-module_sf-input__wrapper__lfdiv :after, .AchInput-module_sf-input__wrapper__lfdiv :before {
        box-sizing: border-box
    }

.AchInput-module_adyen-checkout__input__8WwCR {
    display: block;
    max-height: 100px
}

.adyen-checkout__pm__holderName {
    margin-bottom: 0
}

.adyen-checkout__fieldset__title + .adyen-checkout__ach-sf__form {
    margin-top: 0
}

.adyen-checkout__ach-input .adyen-checkout__fieldset--address, .adyen-checkout__ach-sf__form {
    margin-top: 16px
}

.adyen-checkout__loading-input__form {
    transition: opacity .25s ease-out
}

.adyen-checkout-phone-input--new {
    direction: ltr
}

    .adyen-checkout-phone-input--new .adyen-checkout__input-wrapper {
        width: 100%
    }

        .adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__input {
            height: auto;
            padding: 0
        }

            .adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__input:focus-within {
                border: 1px solid #0075ff
            }

                .adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__input:focus-within .adyen-checkout-dropdown--countrycode-selector {
                    border-right: 1px solid #0075ff
                }

        .adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button {
            border: 0;
            border-bottom-right-radius: 0;
            border-top-right-radius: 0;
            height: 35px;
            width: auto
        }

            .adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button:after {
                box-sizing: revert;
                height: 10px
            }

        .adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active, .adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active:hover {
            box-shadow: none
        }

        .adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-input--phone-number {
            border: 1px solid transparent;
            height: 35px;
            line-height: 35px;
            min-height: 35px;
            padding-bottom: 0;
            padding-left: 15px;
            padding-top: 0
        }

            .adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-input--phone-number:focus-within {
                border: 1px solid #0075ff;
                box-shadow: 0 0 0 2px #99c2ff
            }

        .adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-dropdown--countrycode-selector {
            border-right: 1px solid #dce0e5;
            min-width: 144px;
            width: 144px
        }

        .adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-input-holder--phone-input {
            align-items: center;
            display: flex
        }

        .adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-phone-number {
            align-items: center;
            display: flex;
            flex: 3
        }

    .adyen-checkout-phone-input--new .adyen-checkout-phone-input__error-holder {
        margin-top: -10px
    }

.adyen-checkout__await {
    background: #fff;
    border: 1px solid #d4d9db;
    border-radius: 12px;
    padding: 40px;
    text-align: center
}

.adyen-checkout__await--result {
    padding: 100px
}

.adyen-checkout__qr-loader--app {
    border: 0;
    border-radius: 0;
    padding: 0
}

.adyen-checkout__await__brand-logo {
    border-radius: 3px;
    width: 74px
}

.adyen-checkout__await__indicator-text, .adyen-checkout__await__subtitle {
    color: #00112c;
    font-size: 1em;
    line-height: 19px;
    margin-top: 32px
}

.adyen-checkout__await__indicator-holder .adyen-checkout__await__indicator-text {
    margin-left: 10px;
    margin-top: 6px
}

.adyen-checkout__await__indicator-holder {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    margin-top: 32px
}

.adyen-checkout__await__subtitle--result {
    margin-bottom: 32px
}

.adyen-checkout__await__icon {
    height: 88px;
    width: 88px
}

.adyen-checkout__await__progress {
    background: #d4d9db;
    border-radius: 24px;
    height: 4px;
    margin: 32px auto 12px;
    width: 152px
}

.adyen-checkout__await__percentage {
    background: #0075ff;
    border-radius: 24px;
    display: block;
    height: 100%
}

.adyen-checkout__await__countdown {
    color: #687282;
    font-size: .81em
}

.adyen-checkout__await > .adyen-checkout__spinner__wrapper {
    margin: 60px 0
}

.adyen-checkout__await__app-link {
    display: none;
    margin-top: 16px
}

@media only screen and (max-device-width:1200px) {
    .adyen-checkout__await__app-link {
        display: block
    }
}

.adyen-checkout__blik__helper {
    color: #00112c;
    font-size: 1em;
    font-weight: 400;
    margin: 0 0 16px;
    padding: 0
}

.adyen-checkout__bankTransfer__introduction {
    color: #00112c;
    font-size: .81em;
    font-weight: 400;
    margin: 0 0 16px;
    padding: 0
}

.adyen-checkout__bankTransfer__emailField {
    margin: 0 0 16px
}

.adyen-checkout__bacs--confirm {
    position: relative
}

    .adyen-checkout__bacs--confirm .adyen-checkout-input__inline-validation--valid {
        display: none
    }

.adyen-checkout__bacs .adyen-checkout__field--inactive {
    pointer-events: none
}

.adyen-checkout__bacs .adyen-checkout__bacs--edit {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: -25px;
    width: 20%
}

.adyen-checkout__bacs .adyen-checkout__bacs--edit-dropin {
    top: -50px
}

.adyen-checkout__bacs .adyen-checkout__bacs--edit .adyen-checkout__bacs--edit-button {
    background: none;
    border: none;
    color: #0075ff;
    cursor: pointer;
    text-align: end;
    text-decoration: underline
}

.adyen-checkout__voucher-result__introduction {
    font-size: 1em;
    max-width: 420px
}

.adyen-checkout__klarna-widget {
    pointer-events: all
}

.adyen-checkout__field--vpa {
    margin-bottom: 0
}

.adyen-checkout__segmented-control {
    background: #fff;
    border: 1px solid #b9c4c9;
    border-radius: 6px;
    display: flex;
    gap: 4px;
    justify-content: space-between;
    padding: 4px 5px
}

.adyen-checkout__segmented-control--disabled {
    pointer-events: none
}

    .adyen-checkout__segmented-control--disabled > .adyen-checkout__segmented-control-segment {
        color: #8390a3
    }

    .adyen-checkout__segmented-control--disabled > .adyen-checkout__segmented-control-segment--selected {
        background: #f3f6f9;
        border: 1.5px solid #8390a3
    }

.adyen-checkout__segmented-control-segment {
    background: #fff;
    border: 0;
    border-radius: 6px;
    color: #0075ff;
    cursor: pointer;
    flex-grow: 1;
    font-weight: 500;
    height: 40px;
    text-align: center;
    transition: background .3s ease-out;
    width: 100%
}

    .adyen-checkout__segmented-control-segment:not(.adyen-checkout__segmented-control-segment--selected):hover {
        background-color: #f7f8f9
    }

    .adyen-checkout__segmented-control-segment:active {
        background-color: #f7f8f9;
        border: 1.5px solid #687282
    }

.adyen-checkout__segmented-control-segment--selected {
    background: #e5f1ff;
    border: 1.5px solid #0075ff;
    color: #0075ff;
    font-weight: 700
}

.adyen-checkout_upi-mode-selection-text {
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 7px;
    margin-top: 0
}

.adyen-checkout-trustly, .adyen-checkout__segmented-control--upi-margin-bottom {
    margin-bottom: 16px
}

.adyen-checkout-trustly__descriptor {
    font-size: 1em;
    font-weight: 500;
    margin: 0 0 4px
}

.adyen-checkout-trustly__description-list {
    font-size: .81em;
    line-height: 1.5;
    list-style-type: disc;
    margin: 0;
    padding-left: 20px
}

.adyen-checkout-sr-panel {
    font-size: .75em;
    margin-bottom: 20px
}

.adyen-checkout-sr-panel--sr-only {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.icon_d2b05e {
    left: 8px;
    margin: auto auto 25px;
    top: 9px;
    z-index: 1
}

.connectionInstructions_d2b05e {
    margin-top: 8px;
    text-align: center
}

.body_b25217 {
    margin: var(--spacing-16) 0
}

.flexColumn_b25217 {
    display: flex;
    flex-direction: column
}

.infoNotice_b25217 {
    margin-bottom: 24px
}

.paymentRequestButton_b25217 {
    display: flex;
    flex: 1;
    flex-direction: row
}

.paymentModalBreadcrumbs_b25217:after {
    padding: 0
}

.paymentModalError_b25217 {
    background-color: var(--modal-background);
    padding-top: 12px
}

.awaitingAuthenticationStep__4ede8 {
    padding-bottom: 16px;
    padding-top: 16px
}

.awaitingWrapper__8a7af {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

.body__96722 {
    padding-bottom: 16px;
    padding-top: 16px
}

.notification_e1e832 {
    align-items: center;
    background-color: var(--status-positive-background);
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    padding: 8px;
    width: 100%
}

    .notification_e1e832 a {
        color: var(--white-500);
        font-weight: 600
    }

        .notification_e1e832 a:hover {
            text-decoration: underline
        }

.icon_e1e832 {
    flex-shrink: 0;
    height: 24px;
    width: 24px
}

.icon_e1e832, .text_e1e832 {
    color: var(--status-positive-text)
}

.text_e1e832 {
    flex: 1;
    margin-left: 8px
}

.confirmation__6220d {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 30px 24px 10px
}

.confirmationHeader__6220d {
    margin-bottom: 16px
}

.divider__6220d {
    background-color: var(--background-modifier-accent);
    height: 1px;
    margin: 24px 0;
    width: 100%
}

.nitroIcon__9f4f9 {
    height: 16px;
    padding-right: 4px;
    width: 16px
}

.innerButton__9f4f9 {
    align-items: center;
    display: flex
}

.paymentSourceNoticeCopy__1048e {
    margin-top: 5px
}

.divider__1048e {
    background-color: var(--background-modifier-accent);
    height: 1px;
    margin-bottom: 8px;
    margin-top: 8px;
    width: 100%
}

.visual-refresh .divider__1048e {
    background-color: var(--border-subtle)
}

.paymentSourceLabel_f38e43 {
    line-height: 22px;
    margin-left: 8px;
    overflow: hidden;
    text-overflow: ellipsis
}

    .paymentSourceLabel_f38e43:first-child {
        margin-left: 0
    }

.paymentSourceSelectedOption_f38e43 {
    align-items: center;
    display: flex;
    overflow: hidden
}

.paymentSourceHasWarning_f38e43 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.paymentSourceWarning_f38e43 {
    align-content: center;
    align-items: center;
    background-color: var(--background-tertiary);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    display: flex;
    padding: 8px 8px 8px 12px
}

.paymentSourceWarningIcon_f38e43 {
    padding-right: 8px
}

.error_f38e43 {
    color: var(--red-400)
}

.formTitle__553e7 {
    margin-bottom: 8px
}

.checkbox__553e7 {
    margin-bottom: 10px
}

    .checkbox__553e7:last-child {
        margin-bottom: 0
    }

.checkboxLabel__553e7 {
    color: var(--interactive-normal)
}

.finePrint__553e7 {
    color: var(--text-muted);
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 16px;
    margin-top: 8px
}

.bannerContainer__3f9a4 {
    border-radius: 4px;
    height: 48px;
    position: relative;
    width: 408px
}

.giftIcon__3f9a4 {
    color: #fff
}

.textContainer__3f9a4 {
    height: 48px;
    justify-content: center;
    max-width: 408px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 408px
}

.textContainer__3f9a4, .textHeader__3f9a4 {
    align-items: center;
    display: flex
}

.textHeaderWithGiftIcon__3f9a4 {
    margin-left: 10px
}

.banner__3f9a4 {
    border-radius: 4px;
    display: flex;
    justify-content: center;
    margin-bottom: 4px;
    margin-top: 4px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: center
}

.table_fda3e4 {
    background-color: var(--background-secondary);
    border-radius: 4px;
    padding: 12px
}

.header_fda3e4 {
    color: var(--interactive-active);
    font-weight: 600;
    margin-bottom: 8px
}

.header_fda3e4, .rowBase_fda3e4 {
    font-size: 16px;
    line-height: 20px
}

.rowBase_fda3e4 {
    display: flex;
    font-weight: 500
}

    .rowBase_fda3e4:not(:last-child) {
        margin-bottom: 8px
    }

.row_fda3e4 {
    align-items: flex-start;
    color: var(--interactive-normal);
    justify-content: space-between
}

.rowAmount_fda3e4 {
    align-items: center;
    display: flex;
    white-space: nowrap
}

.rowLabel_fda3e4 {
    margin-right: 10px
}

.rowPercentDiscount_fda3e4 {
    background-color: var(--green-360);
    border-radius: 2px;
    color: var(--white-500);
    font-size: 12px;
    line-height: 16px;
    margin-left: 8px;
    padding: 2px 4px
}

.rowDiscountOriginalPrice_fda3e4 {
    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_fda3e4 {
    color: var(--text-positive);
    justify-content: flex-end
}

.divider_fda3e4 {
    background-color: var(--background-modifier-accent);
    height: 1px;
    margin: 16px 0
}

    .divider_fda3e4.negativeMarginTop_fda3e4 {
        margin-top: -16px
    }

    .divider_fda3e4.negativeMarginBottom_fda3e4 {
        margin-bottom: -4px
    }

.dividerExtended_fda3e4 {
    height: 4px;
    margin-left: -16px;
    margin-right: -16px
}

.totalRow_fda3e4 {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.totalLabel_fda3e4 {
    color: var(--interactive-normal);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

    .totalAmount_fda3e4, .totalLabel_fda3e4 strong {
        color: var(--interactive-active);
        font-weight: 600
    }

.finePrint_fda3e4 {
    color: var(--text-normal);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin: 16px 0
}

.annualPlanDiscountPriceSection_fda3e4 {
    align-self: flex-end;
    display: flex;
    flex-direction: row
}

.annualPlanOptionDiscount_fda3e4 {
    background-color: var(--green-360);
    border-radius: 8px;
    font-weight: 600;
    margin-right: 8px;
    margin-top: 2px;
    max-height: 16px;
    padding: 0 6px;
    position: relative
}

.annualDiscountValues_fda3e4 {
    display: flex;
    flex-direction: column
}

.trialEndPrice_fda3e4 {
    text-align: right
}

.visual-refresh .table_fda3e4 {
    background-color: var(--background-mod-subtle);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    padding: var(--space-12)
}

.visual-refresh .divider_fda3e4 {
    background-color: var(--border-faint)
}

.activeFractionalPremiumBannerContainer__0687d {
    align-items: center;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    margin-bottom: 16px;
    margin-top: 5px;
    min-height: 48px;
    padding: 10px 20px;
    position: relative
}

.theme-light .activeFractionalPremiumBannerContainer__0687d {
    background: linear-gradient(90deg,rgba(133,71,198,.4),rgba(184,69,193,.4) 50.24%,rgba(171,93,138,.4))
}

.theme-dark .activeFractionalPremiumBannerContainer__0687d {
    background: linear-gradient(90deg,rgba(133,71,198,.5),rgba(184,69,193,.5) 50.24%,rgba(171,93,138,.5))
}

.activeFractionalPremiumBannerBackgroundImage__0687d {
    background-image: url(/assets/bb502dc7cfcbbacc.svg);
    background-repeat: no-repeat;
    bottom: 0;
    left: 78%;
    position: absolute;
    right: 0;
    top: 40%
}

.nitroIconContainer__0687d {
    height: 28px;
    padding-right: 12px;
    width: 28px
}

.theme-light .iconFractional__0687d {
    display: none
}

.theme-light .iconFractionalDark__0687d {
    filter: drop-shadow(0 1px 2px rgb(0 0 0/.4));
    height: 28px;
    width: 28px
}

.theme-dark .iconFractional__0687d {
    filter: drop-shadow(0 1px 2px rgb(0 0 0/.4));
    height: 28px;
    width: 28px
}

.theme-dark .iconFractionalDark__0687d {
    display: none
}

.premiumRebrandContainer__0687d {
    align-items: center;
    background-color: var(--background-surface-highest);
    border-radius: var(--radius-md);
    display: flex;
    flex-direction: row;
    margin-bottom: 16px;
    margin-top: 5px;
    padding: var(--spacing-8);
    position: relative
}

.premiumRebrandIcon__0687d {
    margin-right: var(--spacing-12)
}

.wrapper_c0e5ec {
    border-radius: 4px;
    transition: background-color .2s ease
}

.wrapperActive_c0e5ec {
    background-color: var(--background-modifier-accent)
}

.container_d0a022 {
    display: flex;
    gap: 8px;
    margin-top: 8px
}

.icon_d0a022 {
    flex-shrink: 0
}

.container__33980 {
    display: flex;
    gap: 8px;
    margin-top: 20px
}

.iconBackground__33980 {
    align-items: center;
    background-color: var(--interactive-muted);
    border-radius: var(--radius-round);
    display: flex;
    justify-content: center;
    padding: 8px
}

.link__33980 {
    cursor: pointer;
    display: inline;
    text-decoration: underline
}

.noticeRoot_b956e9 {
    align-items: center;
    background-color: var(--background-secondary);
    border-radius: 4px;
    font-size: 14px;
    line-height: 18px;
    padding: 8px 16px
}

.iconContainer_b956e9, .noticeRoot_b956e9 {
    display: flex
}

.infoIcon_b956e9 {
    color: var(--yellow-300);
    height: 14px;
    margin-right: 6px;
    width: 14px
}

.text_b956e9 {
    color: var(--interactive-normal);
    flex-grow: 1
}

.pricePerInterval_b39acb {
    color: var(--interactive-normal);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px
}

    .pricePerInterval_b39acb strong {
        color: var(--interactive-active);
        font-size: 24px;
        font-weight: 600;
        line-height: 30px
    }

.nitroWheel_c5f0dc {
    height: 16px;
    margin-left: 2px;
    margin-right: 4px;
    vertical-align: sub;
    width: 16px
}

.featureBorder__65c15 {
    border-radius: 8px
}

.premiumFeatureBorder__65c15 {
    background: linear-gradient(var(--background-primary),var(--background-primary)) padding-box,var(--custom-premium-colors-premium-gradient-tier-2-diagonal) border-box;
    border: 2px solid transparent
}

.limitedFeatureBorder__65c15 {
    background: linear-gradient(var(--background-primary),var(--background-primary)) padding-box,linear-gradient(var(--blue-345),var(--blue-345),var(--premium-perk-light-blue)) border-box;
    border: 1px solid transparent
}

.background__65c15 {
    padding: 24px
}

.premiumBackground__65c15 {
    background: linear-gradient(45deg,hsl(var(--premium-tier-2-purple-for-gradients-hsl)/.05) 0,hsl(var(--premium-tier-2-pink-for-gradients-hsl)/.05) 100%) border-box
}

.limitedBackground__65c15 {
    background: linear-gradient(78.43deg,hsl(var(--blue-345-hsl)/.1),hsl(var(--blue-345-hsl)/.1),hsl(var(--premium-perk-light-blue-hsl)/.1)) padding-box
}

.title_ace4f5 {
    align-items: center;
    display: flex;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.disabled_ace4f5 {
    opacity: .4;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.customizationSection_ace4f5 {
    border-bottom: 1px solid var(--background-modifier-accent);
    margin-bottom: 24px;
    padding-bottom: 24px
}

    .customizationSection_ace4f5.hideDivider_ace4f5 {
        border-bottom: none;
        padding-bottom: 0
    }

    .customizationSection_ace4f5:last-child:not(.withDivider_ace4f5) {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0
    }

    .customizationSection_ace4f5.showBorder_ace4f5 {
        padding-bottom: 12px
    }

.customizationSectionBackground_ace4f5 {
    padding: 16px
}

.sectionDescription_ace4f5 {
    margin-bottom: 16px
}

.errorMessage_ace4f5 {
    margin-top: 8px
}

.customizationSectionBorder_ace4f5 {
    margin: -12px -12px 0
}

.body_c93be2 {
    margin-bottom: 40px;
    margin-top: 40px
}

.textArea_c93be2 {
    --channel-text-area-placeholder: var(--input-placeholder-text);
    border-radius: 3px;
    height: 136px;
    transition: border-color .2s ease-in-out
}

    .textArea_c93be2:focus-within {
        border-color: var(--text-link)
    }

    .textArea_c93be2 > div {
        height: 100%
    }

.editorTextArea_c93be2 {
    height: 136px
}

.theme-dark .textArea_c93be2 * > span {
    color: var(--white-100)
}

.theme-light .textArea_c93be2 * > span {
    color: var(--text-normal)
}

.container__8564e {
    cursor: pointer;
    justify-content: center;
    margin-left: 4px;
    margin-right: 4px;
    width: 140px
}

.addButton__8564e, .container__8564e {
    align-items: center;
    display: flex
}

.addButton__8564e {
    margin: 3px
}

.plusSign__8564e {
    color: var(--text-muted);
    height: 18px;
    width: 18px
}

.addButton__8564e > *, .soundIcon__8564e {
    margin-right: 4px
}

.textSelected__8564e {
    margin-right: 5px
}

.sound__8564e {
    align-items: center;
    display: flex;
    padding: 3px
}

.text__8564e, .textSelected__8564e {
    color: var(--white-500)
}

.customGiftHeader__8564e {
    align-items: center;
    background-color: var(--background-floating);
    box-shadow: var(--elevation-low);
    display: block;
    grid-column: 1/3;
    grid-row: 1/2;
    padding: 12px;
    z-index: 1
}

.searchAndSound__8564e {
    align-items: center;
    display: flex;
    margin-top: 10px
}

.container__231eb {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin-left: 4px;
    margin-right: 4px;
    width: 140px
}

.emojiList__231eb {
    background-color: var(--background-floating)
}

.emoji__231eb {
    align-items: center;
    display: flex
}

.textSelected__231eb {
    margin-right: 4px
}

.emojiIcon__231eb, .text__231eb, .textSelected__231eb {
    color: var(--white-500)
}

.emojiIcon__231eb {
    margin-right: 4px;
    padding: 4px
}

.customGiftContent__231eb {
    display: flex;
    flex-direction: column;
    width: 100%
}

.emojiHeader__231eb {
    background-color: var(--background-floating)
}

.customGiftHeader__231eb {
    margin-bottom: 10px
}

.categoryList__231eb {
    top: 106px
}

.visual-refresh .categoryList__231eb {
    top: 120px
}

.visual-refresh .emojiHeader__231eb {
    background-color: var(--background-secondary) !important
}

.customGiftBox_d50aac, .customGiftBoxHighlighted_d50aac {
    background-color: var(--transparent);
    border: 3px solid var(--transparent);
    border-radius: 8px;
    cursor: pointer
}

.customGiftBoxHighlighted_d50aac {
    border: 2px solid var(--brand-500);
    padding: 2px
}

.button_d50aac {
    width: 100%
}

.infoIcon_d54fab {
    color: var(--header-primary);
    height: 16px
}

.infoIconContainer_d54fab {
    display: flex
}

.giftBoxHeaderContainer_d54fab {
    display: flex;
    flex-direction: row
}

.giftMainAnimation_d54fab {
    height: 275px;
    position: relative
}

.adjustedGiftMainAnimation_d54fab {
    height: 230px;
    margin-left: -20px
}

.soundEmojiContainer_d54fab {
    bottom: 16px;
    display: flex;
    margin-left: 35px;
    position: absolute
}

.emoji_d54fab, .sound_d54fab {
    align-items: center;
    background-color: var(--primary-860);
    border-radius: 5px;
    display: flex;
    height: 32px;
    margin-right: 6px;
    opacity: .7
}

.animation_d54fab {
    bottom: 0;
    left: 0;
    position: absolute;
    transform: scale(1)
}

.spinner_d54fab {
    height: 100%;
    transform: scale(.75);
    width: 100%
}

.giftBoxHeaderText_d54fab {
    letter-spacing: .02em;
    margin-right: 6px;
    text-transform: uppercase
}

.giftBoxOptionContainer_d54fab {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 9px;
    margin: 25px auto auto;
    max-width: 85%
}

.adjustedGiftBoxOptionContainer_d54fab {
    margin-left: 15px
}

.planOption_b13085 {
    align-items: center;
    color: var(--interactive-normal);
    display: flex;
    justify-content: space-between;
    padding: 8px 0
}

.planOneTimeCost_b13085 {
    margin-top: 8px
}

.selectionBox_b13085 {
    border-radius: 2px;
    margin-bottom: 12px;
    outline: 2px solid var(--background-modifier-accent);
    padding: 10px
}

.selectedPlan_b13085 {
    outline: 2px solid var(--brand-500)
}

.visual-refresh .selectionBox_b13085 {
    border-radius: var(--radius-md);
    outline: 1px solid var(--border-normal);
    padding: var(--space-12)
}

.visual-refresh .selectedPlan_b13085 {
    background-color: var(--opacity-blurple-8);
    outline-color: var(--checkbox-border-checked)
}

.planOptionDisabled_b13085 {
    opacity: .6
}

.planOptionClickable_b13085 {
    align-items: center;
    display: flex
}

.planOptionDisabled_b13085 .planOptionClickable_b13085 {
    cursor: not-allowed
}

.planOptionCheckbox_b13085 {
    margin-right: 10px
}

.planOptionInterval_b13085 {
    color: var(--interactive-normal);
    font-weight: 500
}

.optionSelected_b13085 {
    color: var(--interactive-active)
}

.planOptionCurrentPlan_b13085, .planOptionMonthsFree_b13085 {
    margin-left: 4px
}

.planOptionDiscount_b13085 {
    border-radius: 16px;
    margin-left: 8px;
    padding: 2px 8px
}

.annualPlanOptionDiscount_b13085, .planOptionDiscount_b13085 {
    background-color: var(--green-360);
    font-weight: 600
}

.annualPlanOptionDiscount_b13085 {
    align-content: center;
    border-radius: 8px;
    margin-right: 8px;
    margin-top: 3px;
    padding: 0 6px;
    position: relative
}

.planOptionSubtextContainer_b13085 {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.planOptionSubtext_b13085 {
    max-width: 176px;
    padding-bottom: 12px
}

.discountPlanOptionSubtext_b13085 {
    max-width: 300px;
    text-align: right
}

    .discountPlanOptionSubtext_b13085 p {
        margin: 0
    }

.planOptionClickableContainer_b13085 {
    cursor: pointer
}

.updatedOptionSelected_b13085 {
    font-weight: 600
}

.optionPriceSelected_b13085 {
    color: var(--interactive-active);
    font-weight: 600
}

.giftRecipientInfo__57118 {
    align-items: center;
    display: flex
}

    .giftRecipientInfo__57118 > * {
        margin-right: 8px
    }

.content__57118 {
    margin: 24px 0
}

.giftRecipientName__57118, .giftRecipientTag__57118 {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.giftRecipientTag__57118 {
    color: GrayText
}

.stepBody_d947e6 {
    padding-top: 12px
}

.giftOptions_d947e6 {
    justify-content: center;
    max-width: 75%
}

.stepBodyCustomGift_d947e6 {
    display: flex;
    flex-direction: row;
    width: 785px
}

.paddingForHalloweenBanner_d947e6 {
    padding-bottom: 12px
}

.bodyColumnMiddle_d947e6 {
    margin-right: 30px
}

.bodyColumnLeft_d947e6 {
    margin-left: var(--spacing-24);
    margin-right: 60px
}

.bodyColumnRight_d947e6 {
    margin-right: 10px
}

.stepBodyCustomGift_d947e6 > * {
    width: 50%
}

.bodyText_d947e6 {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 16px
}

.bodyText_d947e6, .interactiveColor_d947e6 {
    color: var(--interactive-normal)
}

.clickable_d947e6 {
    cursor: pointer
}

.selectPlanDivider_d947e6 {
    background-color: var(--background-modifier-accent);
    height: 1px;
    margin: 8px 0 16px
}

.giftRecipientName_d947e6 {
    color: GrayText
}

.giftRecipientInfo_d947e6 {
    align-items: center;
    display: flex
}

    .giftRecipientInfo_d947e6 > * {
        margin-right: 8px
    }

.giftNitroInfo_d947e6 {
    margin-bottom: 20px;
    margin-top: 15px
}

    .giftNitroInfo_d947e6 hr {
        background-color: var(--background-modifier-accent);
        border: none;
        height: 1px
    }

.selectPlanChooseSubtitle_d947e6, .selectPlanChooseTitle_d947e6 {
    color: var(--interactive-active);
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 8px
}

.selectPlanChooseTitle_d947e6 {
    font-weight: 600
}

.selectPlanChooseSubtitle_d947e6 {
    margin-bottom: 18px
}

.selectPlanTotalRow_d947e6 {
    margin-top: 8px
}

.seasonalGiftBoxHeaderIcon_d947e6 {
    align-self: center;
    position: absolute;
    top: -131px;
    width: 260px
}

.planSelectSeparator_d947e6 {
    background: var(--background-modifier-accent);
    border: 0;
    height: 1px;
    margin: 0 0 4px;
    width: 100%
}

.trialPlanSelectHeader_d947e6 {
    padding-bottom: 12px
}

.legacyPricingNotice_d947e6 {
    margin-bottom: 16px
}

.customGiftMessageWrapper_d947e6 {
    margin-right: 16px
}

.customGiftMessage_d947e6 {
    background-color: var(--background-tertiary)
}

.selectGiftTitle_d947e6 {
    margin-bottom: 16px;
    margin-top: 24px
}

.equalDistantBackButton_d947e6 {
    padding-left: 10px
}

.compactSendGiftToUser_d947e6 {
    margin: 16px 0
}

.compactCustomGiftMessageWrapper_d947e6 {
    margin-bottom: 16px;
    margin-top: 16px
}

.compactSelectGiftTitle_d947e6 {
    margin-top: 16px
}

.subscriptionCostRowAmount__3d62f {
    font-weight: 500
}

.subscriptionCostRow__3d62f {
    color: var(--header-primary)
}

.invoiceItemLabelWithIcon__3d62f {
    align-items: center;
    display: flex
}

.invoiceItemLabelIcon__3d62f {
    color: var(--interactive-normal);
    height: 14px;
    margin-left: 8px;
    width: 14px
}

.invoiceItemTooltip__3d62f {
    max-width: 240px
}

    .invoiceItemTooltip__3d62f p {
        margin: 0
    }

    .invoiceItemTooltip__3d62f strong {
        font-weight: 700
    }

.subscriptionDetailsToggle__3d62f {
    align-items: center;
    color: var(--text-normal);
    cursor: pointer;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    justify-content: center;
    line-height: 16px;
    margin: -16px 0;
    padding: 16px 0
}

.subscriptionDetailsToggleCaret__3d62f {
    height: 16px;
    margin-left: 6px;
    width: 16px
}

.subscriptionPeriodResetNotice__3d62f {
    color: var(--text-normal);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 16px
}

.subscriptionAddedInvoiceItem__3d62f {
    color: var(--text-positive)
}

.purchaseDetailsHeaderText__3d62f {
    margin-bottom: 8px
}

.root_e4d803 {
    background-color: transparent
}

    .root_e4d803 > :last-child {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px
    }

    .root_e4d803.withHeader_e4d803 > :first-child {
        background-color: transparent
    }

.shaker_e4d803 {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    justify-content: center;
    max-height: 660px
}

.modalHeader_e4d803 {
    margin-bottom: -20px;
    padding-bottom: 0
}

.header_e4d803 {
    flex-shrink: 0
}

.headerAnimation_e4d803 {
    bottom: -20px;
    left: calc(50% - 220px);
    position: absolute;
    top: 0;
    width: 440px
}

.stepBody_e4d803 {
    padding-top: 16px
}

.bodyText_e4d803 {
    color: var(--interactive-normal);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.bodyText_e4d803, .invoice_e4d803, .taxInclusiveNote_e4d803 {
    margin-bottom: 16px
}

.premiumRebrandInputBackground_e4d803 {
    background-color: var(--background-mod-subtle) !important;
    border: 0 !important
}

.paymentSourceWrapper_e4d803 {
    margin: 12px 0
}

.paymentSourceOptionalWarning_e4d803 {
    color: var(--text-normal);
    margin-top: 16px
}

.currencyWrapper_e4d803 {
    margin-bottom: 16px;
    margin-top: 16px
}

@media (max-width:485px) {
    .shaker_e4d803 {
        bottom: 0;
        left: 0;
        max-height: none;
        position: absolute;
        right: 0;
        top: 0
    }

    .root_e4d803, .shaker_e4d803 {
        justify-content: center
    }

    .root_e4d803 {
        border-radius: 0;
        width: 100vw
    }
}

.trialCheckbox_e4d803 {
    align-items: flex-start
}

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

.loader_e4d803 {
    margin-top: 64px
}

.contentWrapper_e4d803 {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0
}

.reviewWarningMessageContainer_e4d803 {
    background-color: var(--info-warning-background);
    border: 1px solid var(--status-warning-background);
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    margin-bottom: 16px;
    padding: 10px
}

.reviewWarningMessage_e4d803 {
    color: var(--interactive-active);
    margin-left: 10px
}

.trialPriceLine_e4d803 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-bottom: 4px
}

.afterTrialPriceLine_e4d803 {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.discountSubtext_e4d803 {
    text-align: right
}

    .discountSubtext_e4d803 p {
        margin: 0
    }

.formTitle_e4d803 {
    margin-bottom: 12px
}

.spinnerWrapper_e4d803 {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 280px;
    min-width: 402px
}

.trialHeader_e4d803 {
    margin-bottom: 18px
}

.giftMainAnimation_e4d803 {
    margin-bottom: var(--space-8);
    margin-top: -32px;
    position: relative
}

.selectFreeSku_e4d803 {
    display: none
}

.renewalInvoiceDate_d313e6 {
    color: var(--text-normal);
    margin-bottom: 16px
}

.paymentNote__56a21 {
    background-color: var(--modal-background);
    margin: 0;
    padding: 16px 16px 0
}

.gameIcon_b52e4f {
    filter: saturate(var(--saturation-factor,1));
    -webkit-user-drag: none;
    background-size: 100%;
    border-radius: var(--radius-sm);
    color: var(--header-primary)
}

.large_b52e4f, .medium_b52e4f, .small_b52e4f {
    flex-shrink: 0
}

.xxsmall_b52e4f {
    border-radius: var(--radius-xs);
    height: 16px;
    width: 16px
}

.xsmall_b52e4f {
    height: 24px;
    width: 24px
}

.small_b52e4f, .xsmall_b52e4f {
    border-radius: var(--radius-sm)
}

.small_b52e4f {
    height: 30px;
    width: 30px
}

.medium_b52e4f {
    border-radius: var(--radius-md);
    height: 40px;
    width: 40px
}

.large_b52e4f {
    height: 60px;
    width: 60px
}

.large_b52e4f, .xlarge_b52e4f {
    border-radius: var(--radius-lg)
}

.xlarge_b52e4f {
    height: 80px;
    width: 80px
}

.muted__20a53 .avatar__20a53 {
    opacity: .3
}

.muted__20a53 {
    color: var(--interactive-muted)
}

.highlighted__20a53 {
    color: var(--interactive-active)
}

.layout__20a53 {
    border-radius: 4px;
    height: 42px;
    min-width: 0;
    padding: 0 8px
}

.avatar__20a53, .layout__20a53 {
    align-items: center;
    display: flex
}

.avatar__20a53 {
    flex: 0 0 auto;
    height: 32px;
    justify-content: center;
    margin-right: 12px;
    width: 32px
}

.content__20a53 {
    flex: 1 1 auto;
    min-width: 0
}

.content__20a53, .name__20a53 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.name__20a53 {
    flex: 0 1 auto;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.highlighted__20a53 .name__20a53 {
    font-weight: var(--font-weight-semibold-1x-light-theme,500)
}

.nameAndDecorators__20a53 {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.subText__20a53 {
    margin-top: -2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .subText__20a53:empty {
        display: none
    }

.enable-forced-colors .muted__20a53 {
    color: inherit
}

.enable-forced-colors .highlighted__20a53 {
    color: inherit
}

:where(.visual-refresh) .highlighted__20a53 {
    color: var(--text-primary)
}

:where(.visual-refresh) .layout__20a53 {
    padding: 0
}

:where(.visual-refresh) .avatar__20a53 {
    height: unset;
    width: unset
}

.visual-refresh.density-cozy .layout__20a53 {
    height: 48px
}

.visual-refresh.density-default .layout__20a53 {
    height: 42px
}

.visual-refresh.density-compact .layout__20a53 {
    height: 38px
}

.nameplatePreview_fdeafc {
    align-items: center;
    border-radius: var(--radius-sm);
    display: flex;
    height: 42px;
    position: relative
}

    .nameplatePreview_fdeafc.large_fdeafc {
        height: 62px
    }

.visual-refresh.density-cozy .nameplatePreview_fdeafc {
    height: 48px
}

    .visual-refresh.density-cozy .nameplatePreview_fdeafc.large_fdeafc {
        height: 68px
    }

.visual-refresh.density-default .nameplatePreview_fdeafc {
    height: 42px
}

    .visual-refresh.density-default .nameplatePreview_fdeafc.large_fdeafc {
        height: 62px
    }

.visual-refresh.density-compact .nameplatePreview_fdeafc {
    height: 38px
}

    .visual-refresh.density-compact .nameplatePreview_fdeafc.large_fdeafc {
        height: 58px
    }

.overlayContainer_fdeafc {
    flex: 1;
    height: 100%;
    margin: 0 32px 0 8px;
    position: relative
}

.avatarContainer_fdeafc {
    display: flex;
    height: 100%;
    max-width: 100%;
    opacity: 0;
    position: absolute;
    transition: opacity .4s ease
}

.avatarVisible_fdeafc {
    opacity: 1
}

.visual-refresh.density-cozy .avatarWithText_fdeafc {
    height: unset
}

.visual-refresh.density-default .avatarWithText_fdeafc {
    height: unset
}

.visual-refresh.density-compact .avatarWithText_fdeafc {
    height: unset
}

.nameplatePurchased_fdeafc {
    opacity: .4;
    transition: opacity .5s
}

.placeholderUsername_fdeafc {
    border-radius: 8px;
    height: 14px;
    opacity: .5;
    width: 124px
}

    .placeholderUsername_fdeafc.large_fdeafc {
        height: 18px;
        width: 160px
    }

.theme-light .placeholderUsernameColor_fdeafc {
    background-color: #aaaab2
}

.theme-dark .placeholderUsernameColor_fdeafc {
    background-color: #706f74
}

.tagChiplet_fdeafc {
    margin-left: var(--spacing-4)
}

.profileEffects__01370 {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .6s ease-in-out;
    width: 100%;
    z-index: var(--custom-user-profile-middle-layer-z-index,2)
}

.hovered__01370 {
    opacity: .35
}

.inner__01370 {
    border-radius: 8px;
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.user-profile-modal-v2 .inner__01370 {
    border-radius: var(--radius-lg) var(--radius-lg) 0 0
}

.innerNoRadius__01370 {
    border-radius: 0
}

.effect__01370 {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.profileEffectContainer_a84142 {
    border-radius: var(--radius-sm);
    height: 296px;
    margin: 16px auto 0;
    overflow: hidden;
    position: relative;
    width: 200px
}

.profileEffectBackground_a84142 {
    position: absolute;
    width: 100%
}

.nameplateContainer_a84142 {
    margin: var(--spacing-40) auto var(--spacing-48);
    position: relative;
    width: 324px
}

.nameplate_a84142 {
    width: 100%
}

.giftMainAnimationWrapper_a84142 {
    align-items: center;
    display: flex;
    justify-content: center
}

.avatar_a84142 {
    margin-top: 24px
}

.externalProductWrapper__320c6 {
    align-items: center;
    display: flex;
    height: 252px;
    justify-content: center;
    object-fit: contain;
    width: 100%
}

.orbProfileBadgeAsset__320c6 {
    height: 120px
}

.profileEffectContainer__0b5ea {
    height: 52px;
    position: relative;
    width: 42px
}

.profileEffect__0b5ea, .profileEffectBackground__0b5ea {
    border-radius: var(--radius-xs);
    height: 100%;
    position: absolute;
    width: 100%
}

.profileEffect__0b5ea {
    object-fit: cover;
    object-position: top
}

.avatarDecoration__0b5ea, .nameplateContainer__0b5ea {
    height: 42px;
    width: 42px
}

.nameplateContainer__0b5ea {
    background-color: var(--modal-background);
    border-radius: var(--radius-xs);
    overflow: hidden;
    position: relative
}

.externalProductAsset__0b5ea {
    height: 42px
}

.invoiceTable__25766 {
    margin-bottom: 16px
}

.invoiceRow__25766 {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: 16px;
    font-weight: 500;
    gap: 10px;
    line-height: 20px
}

    .invoiceRow__25766:not(:last-child) {
        margin-bottom: 8px
    }

.invoiceTagColumn__25766 {
    flex: 1
}

.invoiceDescriptionColumn__25766 {
    flex: 5
}

.invoiceRegularText__25766 {
    color: var(--text-primary)
}

.invoiceDiscountText__25766 {
    color: var(--text-positive)
}

.invoiceDiscountTag__25766 {
    background-color: var(--green-360);
    border-radius: 12px;
    display: inline-block;
    padding: 2px 6px;
    position: relative;
    text-align: center
}

.totalRow__25766 {
    font-weight: 700
}

.stepBody_b44961 {
    padding-top: 16px
}

.visual-refresh .stepBody_b44961 {
    padding-top: var(--space-8)
}

.paymentSourceWrapper_b44961 {
    margin: 16px 0
}

.invoiceSpinner_b44961 {
    height: 23px
}

.errorBlock_b44961 {
    margin: 5px 15px 15px;
    position: relative
}

.fineprint_b44961 {
    margin-bottom: 0
}

.skuHeading_b44961 {
    display: flex;
    gap: 25px;
    margin-bottom: 20px
}

.skuHeadingText_b44961 {
    align-self: center
}

.back_e125f1 {
    margin-right: auto;
    min-width: auto;
    padding: 2px 4px;
    width: auto
}

.shopPageContainer__4485d {
    margin-top: 80px;
    min-height: 300px
}

.giftModalContainer__4485d, .shopPageContainer__4485d {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.giftModalContainer__4485d {
    background-color: var(--background-primary);
    padding: var(--spacing-24)
}

.heading1__4485d {
    margin-bottom: 24px;
    margin-top: 24px
}

.description__4485d {
    text-align: center
}

.reload__4485d {
    margin-top: 24px
}

.header__693f1 {
    background-color: var(--background-primary);
    display: flex;
    justify-content: flex-end;
    padding: 0
}

.closeButton__693f1 {
    padding: 16px
}

.headerContainerGift__57a87 {
    align-items: center;
    background-image: linear-gradient(var(--modal-background),var(--modal-background));
    background-size: 100% calc(100% - 20px);
    display: flex;
    justify-content: space-between;
    padding: 8px 16px
}

.closeButtonGift__57a87 {
    margin-left: auto
}

.visual-refresh .headerContainerGift__57a87 {
    border-radius: var(--radius-md)
}

.previewContainer__1e458 {
    border-radius: var(--radius-md);
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 0
}

.previewContainerSetHeight__1e458 {
    height: 390px
}

.full-motion .previewContainerAnimation__1e458 {
    animation: scaleIn__1e458 .5s
}

.preview__1e458 {
    height: 100%;
    position: relative;
    width: 100%
}

.previewForCollected__1e458 {
    object-fit: contain;
    object-position: top
}

.purchasedEffect__1e458 {
    opacity: .35
}

@keyframes scaleIn__1e458 {
    0% {
        transform: scale(.7)
    }

    to {
        transform: scale(1)
    }
}

.animationContainer__884d1, .container__884d1 {
    position: relative;
    z-index: 0
}

.animationContainer__884d1 {
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.svgBorder__884d1 {
    height: calc(100% + 2px);
    left: -1px;
    position: absolute;
    top: -1px;
    width: calc(100% + 2px);
    z-index: 1
}

.svgCopy__884d1 {
    display: block
}

.animationContainer__884d1 {
    color: var(--header-primary)
}

.shine__884d1 {
    color: var(--opacity-white-48)
}

.rootContainer__5ce63 {
    border: 0 !important;
    min-height: 200px;
    width: 440px
}

.rootContainerLoading__5ce63 {
    place-content: center
}

.claimedRootContainer__5ce63 {
    display: flex;
    flex-direction: column;
    height: 100%
}

.headerContainer__5ce63 {
    border-radius: 11px 11px 0 0;
    display: grid;
    grid-area: header;
    grid-template: "layer" 1fr/1fr;
    min-height: 200px;
    overflow: hidden
}

.nitroHeaderContainer__5ce63 {
    background: linear-gradient(45deg,var(--premium-tier-2-purple) 0,var(--premium-tier-2-pink) 100%);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: var(--white-500);
    display: flex;
    height: 100px;
    justify-content: space-between;
    position: relative
}

.nitroHeaderWordmark__5ce63 {
    flex: 1;
    justify-content: flex-start;
    padding: 16px 16px 16px 12px
}

.nitroHeaderClouds__5ce63 {
    background-image: url(/assets/be68608fe0247064.svg);
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 6px
}

.nitroHeaderClose__5ce63 {
    color: var(--white-500);
    flex: 1;
    justify-content: flex-end;
    padding: 16px
}

.nitroHeaderWumpus__5ce63 {
    flex: 1;
    padding: 8px
}

.beta__5ce63 {
    left: 16px;
    position: absolute;
    top: 16px
}

.headerBackground__5ce63 {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    grid-area: layer;
    max-width: 440px;
    min-height: 100%;
    object-fit: cover;
    width: 100%
}

.headerForeground__5ce63 {
    display: grid;
    grid-area: layer;
    grid-template: "layer" 1fr/1fr;
    padding: 12px
}

.close__5ce63 {
    align-self: start;
    grid-area: layer;
    justify-self: end
}

.footerContainer__5ce63 {
    align-items: center;
    background-color: var(--background-secondary);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    grid-area: footer;
    height: 100%;
    padding: 32px 16px !important;
    text-align: center;
    width: 100%
}

.gradient__5ce63 {
    background-blend-mode: overlay;
    background-color: transparent;
    background-image: linear-gradient(90deg,var(--guild-boosting-blue),var(--guild-boosting-purple)),linear-gradient(0deg,rgba(0,0,0,.3),rgba(0,0,0,.3))
}

.heading__5ce63 {
    margin-bottom: 8px
}

.nitroHeading__5ce63 {
    margin-bottom: 18px;
    margin-top: 8px
}

.cta__5ce63 {
    margin-top: 50px
}

.cta2__5ce63 {
    margin-top: 24px
}

.text__5ce63 {
    max-width: 340px
}

.confettiCanvas__5ce63 {
    height: 100%;
    position: absolute;
    width: 100%
}

.additionalRedemptionInstructions__5ce63 {
    border-top: 1px solid hsla(0,0%,100%,.15);
    margin-top: 24px;
    padding-top: 24px
}

.sponsorLogo__5ce63 {
    filter: brightness(0) saturate(100%) invert(39%) sepia(85%) saturate(3822%) hue-rotate(334deg) brightness(115%) contrast(101%) drop-shadow(0 0 5px rgb(255,70,85));
    margin-bottom: 8px;
    width: 28px
}

.sponsoredBy__5ce63 {
    color: hsla(0,0%,100%,.5);
    margin-bottom: 8px
}

.rewardTile__5ce63 {
    height: 96px;
    width: 96px
}

.errorHeaderImage__5ce63 {
    margin-bottom: 24px;
    width: 180px
}

.errorHeader__5ce63 {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-top: 64px
}

.errorTitle__5ce63 {
    text-align: center
}

.errorModalCloseButton__5ce63 {
    position: absolute;
    right: 16px;
    top: 16px
}

.errorContent__5ce63 {
    margin-bottom: 50px;
    text-align: center
}

.errorModalFooter__5ce63 {
    display: flex
}

.rewardAssetContainer__5ce63 {
    align-items: center;
    align-self: center;
    display: flex;
    grid-area: layer;
    justify-content: center;
    justify-self: center
}

.spinnerContainer__5ce63 {
    flex: 1;
    place-content: center
}

.banner__9ed41 {
    height: 100%;
    width: 100%
}

.fadeInAvatarImg_d71c71 {
    animation: fadeIn_d71c71 1.5s
}

.avatarPurchased_d71c71 {
    opacity: .5;
    transition: opacity .5s
}

.avatar_d71c71 {
    margin: 0 auto
}

@keyframes fadeIn_d71c71 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.container__6d099 {
    position: relative
}

.profileEffectShopPreview__6d099 {
    border-radius: var(--radius-sm);
    height: 200px;
    left: 33px;
    overflow: hidden;
    position: absolute;
    top: 25px;
    transform: rotate(-11deg);
    width: 150px
}

.avatarDecorationPreview__6d099 {
    position: absolute;
    right: 20px;
    top: 80px;
    transform: rotate(8deg)
}

.shopBanner__7f856 {
    align-items: center;
    box-shadow: inset 0 0 0 2px hsl(var(--primary-600-hsl)/.4);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-16);
    grid-column: 1/-1;
    justify-content: center;
    min-height: 240px;
    position: relative
}

.animationAsset__7f856, .shopBanner__7f856 {
    border-radius: var(--radius-xxl);
    pointer-events: none;
    width: 100%
}

.animationAsset__7f856 {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0
}

.categoryLogo__7f856 {
    max-height: 96px;
    max-width: 55%;
    position: relative;
    z-index: 1
}

.discordLogo__7f856 {
    align-items: center;
    color: var(--white);
    display: flex;
    gap: 3px;
    z-index: 1
}

.discordIcon__7f856 {
    height: 12px;
    width: unset
}

.discordWordmark__7f856 {
    height: 16px;
    width: unset
}

.summary__7f856 {
    color: var(--white-500);
    z-index: 1
}

.blackSummary__7f856 {
    color: var(--black-500)
}

.limitedTimeBadge__7f856 {
    position: absolute;
    right: 16px;
    top: 16px;
    z-index: 1
}

.getPremiumHook__7f856 {
    cursor: pointer;
    text-decoration: underline
}

.modalRoot__78e61 {
    background-color: transparent;
    border-radius: var(--radius-sm)
}

    .modalRoot__78e61 .modalContent__78e61 {
        border-radius: inherit;
        display: flex;
        padding: 0
    }

.modalContent__78e61::-webkit-scrollbar {
    height: 0;
    width: 0
}

.modalInner__78e61 {
    background-color: var(--background-floating);
    display: flex;
    flex-direction: column;
    width: 440px
}

.modalCloseButton__78e61 {
    position: absolute;
    right: 16px;
    top: 16px
}

.avatarDecoration__78e61 {
    left: 50%;
    position: absolute;
    top: 55%;
    transform: translate(-50%,-50%)
}

.avatarDecorationPairOne__78e61 {
    left: 32%
}

.avatarDecorationPairOne__78e61, .avatarDecorationPairTwo__78e61 {
    position: absolute;
    top: 55%;
    transform: translate(-50%,-50%) rotate(-12deg)
}

.avatarDecorationPairTwo__78e61 {
    left: 68%
}

.nameplate__78e61 {
    background-color: var(--background-floating);
    border-radius: var(--radius-sm);
    left: 50%;
    position: absolute;
    top: 55%;
    transform: translate(-50%,-50%);
    width: 324px
}

.decorationBanner__78e61 {
    background-position: 50% 50%;
    position: absolute
}

.bannerContainer__78e61 {
    height: 228px;
    overflow: hidden;
    position: relative
}

.collectedInfoContainer__78e61 {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: center;
    padding: 24px 48px 32px;
    text-align: center
}

    .collectedInfoContainer__78e61.default__78e61 {
        background-color: var(--modal-background)
    }

.collectedTextContainer__78e61 {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    text-align: center
}

.confettiCanvas__78e61 {
    height: 100%;
    position: absolute;
    width: 100%
}

.profileEffectShopPreview__78e61 {
    height: 100%;
    margin: 0 auto;
    position: relative;
    top: 20px;
    width: 160px
}

.lightText__78e61 {
    color: var(--white-500)
}

.darkText__78e61 {
    color: var(--black-500)
}

.bundlePreview__78e61 {
    margin: 0 auto;
    width: 292px
}

.bundleProfileEffectCard__78e61 {
    height: 172px;
    margin-top: 8px;
    width: 128px
}

.buttons__78e61 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    min-width: 80%
}

    .buttons__78e61 > * {
        flex: 1
    }

.buttonRows__78e61 {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.buyButton__78e61 {
    gap: 4px
}

.buyButton__78e61, .easterEggContainer__78e61 {
    align-items: center;
    display: flex
}

.easterEggContainer__78e61 {
    height: 228px;
    justify-content: center;
    position: absolute;
    right: -100%;
    top: 0;
    width: 100%
}

.promotionalBanner__78e61 {
    height: 230px;
    width: 100%
}

.visual-refresh .modalContent__78e61 {
    margin: -1px;
    padding: 0
}

.visual-refresh .bannerContainer__78e61 {
    width: calc(100% + 4px)
}

.visual-refresh .decorationBanner__78e61 {
    width: calc(100% + 4px)
}

.blurb_cd2ff7 {
    color: var(--header-secondary);
    margin-top: 10px
}

.blurb_cd2ff7, .giftSentMessage_cd2ff7 {
    font-size: 16px;
    line-height: 1.44;
    max-width: 360px;
    text-align: center
}

.giftSentMessage_cd2ff7 {
    color: var(--header-primary);
    margin-bottom: 8px;
    margin-top: 16px
}

.giftRecipient_cd2ff7 {
    margin-top: 16px
}

.giftRecipientName_cd2ff7 {
    margin-top: 10px
}

.giftRecipientTag_cd2ff7 {
    color: var(--header-secondary);
    font-size: 13px;
    margin-top: 6px
}

.divider_cd2ff7 {
    background-color: var(--background-modifier-accent);
    height: 1px;
    margin: 20px 0;
    width: 100%
}

.subtext_cd2ff7 {
    color: var(--channels-default);
    font-size: 12px;
    line-height: 14px;
    margin-top: 10px
}

.subtextError_cd2ff7 {
    color: var(--text-danger) !important
}

.header_cd2ff7 {
    margin-top: 20px
}

.headerCustomGifting_cd2ff7 {
    margin-top: 24px
}

.giftRecipientSection_cd2ff7 {
    margin-top: 40px;
    width: 100%
}

.giftRecipient_cd2ff7 {
    align-items: center;
    display: flex;
    width: 100%
}

.giftRecipientInputWrapper_cd2ff7 {
    width: 100%
}

.giftRecipientInputError_cd2ff7 {
    border-color: var(--text-danger) !important
}

.giftRecipientRowAvatar_cd2ff7 {
    margin-right: 8px
}

.sendToRecipientButton_cd2ff7 {
    height: 42px;
    margin-left: 8px
}

.giftBox_cd2ff7 {
    position: absolute;
    top: -131px;
    width: 260px
}

.confirmation_cd2ff7 {
    align-items: center;
    background-color: var(--modal-background);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    padding: 0 16px 24px
}

.seasonalConfirmationPadding_cd2ff7 {
    padding: 0 16px
}

.giftCodeSection_cd2ff7 {
    flex-direction: column
}

.avatar_d28e10 {
    align-items: center;
    display: flex;
    justify-content: center;
    left: 16px;
    position: absolute;
    top: 61px;
    z-index: 1
}

.overlay_d28e10:after {
    background-color: var(--opacity-black-40);
    border-radius: var(--radius-round);
    content: "";
    height: 100%;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0
}

.overlay_d28e10:after, .overlayIcon_d28e10 {
    opacity: 0;
    position: absolute;
    transition: opacity .2s ease
}

.clickable_d28e10.avatar_d28e10 {
    cursor: pointer
}

.clickable_d28e10:focus-within .overlay_d28e10:after, .clickable_d28e10:focus-within .overlayIcon_d28e10, .clickable_d28e10:hover .overlay_d28e10:after, .clickable_d28e10:hover .overlayIcon_d28e10 {
    opacity: 1
}

.menu_d28e10 {
    margin-top: 30px
}

.clickable_faf576 {
    align-items: center;
    background-color: var(--opacity-black-40);
    cursor: pointer;
    display: flex;
    gap: 4px;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .2s ease;
    width: 100%
}

    .clickable_faf576:hover {
        opacity: 1
    }

.tooltipContainer__7bebc {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 16px 8px 4px
}

.tooltipWordmarkContainer__7bebc {
    margin-top: 8px
}

.tooltipDescription_cd30d9 {
    margin-top: var(--spacing-4)
}

.tooltipWordmark_cd30d9 {
    color: var(--text-muted)
}

.ambient_cd30d9.badgeImage_cd30d9 {
    min-height: 80px;
    min-width: 80px
}

.tooltipWordmark_d4ff11 {
    color: var(--text-muted);
    margin-bottom: 4px
}

.orbBadgeAsset_d4ff11 {
    width: 64px
}

.orbHeaderWithSpacing_d4ff11 {
    margin-bottom: 12px
}

.orbSubtext_d4ff11 {
    color: var(--text-muted);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 4px;
    margin-top: 10px
}

.container__8061a {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    margin: 1px 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

    .container__8061a:empty {
        visibility: hidden
    }

.badge__8061a {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    filter: saturate(var(--saturation-factor,1));
    height: 20px;
    object-fit: cover;
    overflow: hidden;
    pointer-events: none;
    width: 20px
}

    .badge__8061a:active {
        opacity: .8
    }

    .badge__8061a:before {
        background-color: var(--user-profile-border);
        border-radius: 50%;
        content: "";
        display: block;
        height: 100%;
        width: 100%
    }

.nameTag__05e81 {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    line-height: 1.1;
    overflow: hidden
}

.username__05e81 {
    display: block;
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bot__05e81 {
    display: block;
    flex: 0 0 auto;
    margin-left: 1ch
}

.info_f4bc97 {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    overflow: hidden;
    white-space: nowrap
}

.infoSpacing_f4bc97 {
    margin-left: 5px
}

.container__63ed3 {
    --custom-nickname-line-height: 24px;
    --custom-nickname-icon-size: 16px;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.user-profile-modal .container__63ed3, .user-profile-modal-v2 .container__63ed3 {
    --custom-nickname-line-height: 30px;
    --custom-nickname-icon-size: 18px
}

.container__63ed3.bot__63ed3 {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.clickableUsername__63ed3 {
    cursor: pointer
}

    .clickableUsername__63ed3:focus-visible .nickname__63ed3, .clickableUsername__63ed3:focus-visible .userTagUsername__63ed3, .clickableUsername__63ed3:hover .nickname__63ed3, .clickableUsername__63ed3:hover .userTagUsername__63ed3 {
        text-decoration: underline
    }

.nickname__63ed3 {
    max-height: calc(var(--custom-nickname-line-height)*3);
    overflow: hidden;
    word-break: break-word
}

.nicknameIcons__63ed3 {
    align-self: flex-start;
    display: flex;
    gap: 2px;
    padding-top: calc((var(--custom-nickname-line-height) - var(--custom-nickname-icon-size))/2)
}

.usernameRow__63ed3 {
    gap: 8px
}

.tags__63ed3, .usernameRow__63ed3 {
    align-items: center;
    display: flex;
    flex-direction: row
}

.tags__63ed3 {
    -moz-column-gap: 9.33px;
    column-gap: 9.33px;
    flex-wrap: wrap
}

.user-profile-popout .tags__63ed3, .user-profile-sidebar .tags__63ed3 {
    row-gap: 2px
}

.user-profile-modal-v2 .tags__63ed3 {
    row-gap: 4px
}

.user-profile-modal .tags__63ed3 {
    row-gap: 8px
}

.tags__63ed3.bot__63ed3, .tags__63ed3.pronouns__63ed3 {
    -moz-column-gap: 6px;
    column-gap: 6px
}

.userTag__63ed3 {
    font-family: var(--header-primary);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

.pronounsTooltip__63ed3 {
    max-width: 100%
}

.pronounsText__63ed3 {
    margin-right: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.userTagUsername__63ed3 {
    display: inline;
    text-overflow: unset;
    white-space: normal;
    word-break: break-all
}

.userTagDiscriminator__63ed3, .userTagUsername__63ed3 {
    color: var(--header-primary);
    vertical-align: top
}

.dotSpacer__63ed3 {
    background-color: var(--text-normal);
    border-radius: 50%;
    height: 4px;
    width: 4px
}

.guildTagContainer__63ed3 {
    border: 1px solid var(--user-profile-border);
    border-radius: var(--radius-sm);
    box-sizing: border-box;
    height: 20px
}

    .guildTagContainer__63ed3:hover {
        background-color: var(--user-profile-background-hover)
    }

.guildTag__63ed3 {
    background: unset;
    margin: 0 auto
}

.viewFullBio_f5f93a {
    margin-top: 8px
}

.viewFullBioColor_f5f93a {
    color: var(--interactive-normal)
}

    .viewFullBioColor_f5f93a:focus-visible, .viewFullBioColor_f5f93a:hover {
        color: var(--interactive-hover);
        text-decoration: underline
    }

    .viewFullBioColor_f5f93a:active {
        color: var(--interactive-active);
        text-decoration: underline
    }

.viewFullBioDisabled_f5f93a {
    opacity: .5
}

.descriptionClamp_f5f93a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.maxBioHeight_f5f93a {
    max-height: 55px
}

.baseAvatar__6738d {
    display: inline-block;
    vertical-align: top
}

.largeAvatar__6738d {
    line-height: 24px;
    margin-right: 8px
}

.miniAvatar__6738d {
    line-height: 18px;
    margin-right: 4px;
    margin-top: 1px
}

.header__5be3e {
    flex-shrink: 0;
    min-height: calc(var(--custom-user-profile-banner-height) + 35px);
    position: relative
}

.custom-user-profile-theme .header__5be3e {
    min-height: calc(var(--custom-user-profile-banner-height) + 31px)
}

.headerTag__5be3e {
    border-radius: var(--radius-xs);
    bottom: 8px;
    position: absolute;
    right: 16px
}

.body__5be3e {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 4px 16px 8px
}

.card__5be3e {
    padding: 12px
}

.footer__5be3e {
    display: flex;
    flex-direction: column;
    padding: 0 16px 12px
}

    .footer__5be3e:empty {
        padding: 0;
        visibility: hidden
    }

.backdrop__5be3e {
    background: var(--bg-backdrop);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: var(--custom-user-profile-hoist-z-index)
}

.toast__5be3e {
    top: calc((var(--custom-user-profile-banner-height) - 56px)/2);
    z-index: var(--custom-user-profile-toast-z-index)
}

.custom-user-profile-theme .container_a99829 {
    background: rgb(var(--bg-overlay-color-inverse)/.1);
    border: none
}

.editor_a99829 {
    --channel-text-area-placeholder: var(--text-muted);
    font-size: 14px
}

.ctaRow_a99829 {
    display: flex;
    flex-direction: row;
    gap: 10px
}

.menuItemLabel_a99829 {
    display: flex;
    gap: 6px
}

.column__5a2c6 {
    display: flex;
    flex-direction: column;
    gap: 32px
}

.container__5a2c6 {
    box-sizing: content-box;
    position: relative
}

.header__5a2c6 {
    min-height: calc(var(--custom-user-profile-banner-height) + 45px);
    z-index: 2
}

.custom-user-profile-theme .header__5a2c6 {
    min-height: calc(var(--custom-user-profile-banner-height) + 35px)
}

.nameplatePreviewSection__5a2c6 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%
}

.nameplate__5a2c6 {
    background: var(--background-modifier-hover);
    border-radius: var(--radius-sm);
    padding: 2px 0 2px 2px;
    width: 100%
}

.visual-refresh .nameplate__5a2c6 {
    background: var(--background-mod-normal);
    padding: 0
}

.previewContainer__50f14 {
    border: 2px solid var(--border-subtle);
    border-radius: var(--radius-xs);
    display: flex;
    flex-direction: column
}

.giftInfoContainer__50f14 {
    align-items: center;
    display: flex;
    padding: 12px 16px
}

.previewContainerSelected__50f14 {
    border: 2px solid var(--brand-500)
}

.previewContainerError__50f14 {
    border: 2px solid var(--status-danger-background)
}

.previewTextContainer__50f14 {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 4px;
    padding-left: 10px
}

.previewTitleContainer__50f14 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px
}

.previewTitle__50f14 {
    margin-bottom: 0
}

.recipientError__50f14 {
    background-color: var(--background-secondary-alt);
    padding: 8px 12px
}

.previewLink__50f14 {
    cursor: pointer
}

    .previewLink__50f14:hover {
        text-decoration: underline;
        -webkit-text-decoration-color: var(--text-link);
        text-decoration-color: var(--text-link)
    }

.visual-refresh .previewContainer__50f14 {
    border: 1px solid var(--border-normal);
    border-radius: var(--radius-md)
}

.visual-refresh .previewContainerSelected__50f14 {
    background-color: var(--opacity-blurple-8);
    border-color: var(--checkbox-border-checked)
}

.stepBody_bf1b4a {
    display: flex;
    flex-direction: row;
    padding-top: 12px
}

.bodyColumnMiddle_bf1b4a {
    margin-right: 30px
}

.bodyColumnLeft_bf1b4a {
    margin-left: 24px;
    margin-right: 60px
}

.bodyColumnRight_bf1b4a {
    margin-right: 10px
}

.stepBody_bf1b4a > * {
    width: 50%
}

.customGiftMessageWrapper_bf1b4a, .sendTo_bf1b4a {
    margin-right: 16px;
    margin-top: 24px
}

.customGiftMessageWrapper_bf1b4a {
    margin-bottom: 24px
}

.customGiftMessage_bf1b4a {
    background-color: var(--background-tertiary)
}

.giftPreview_bf1b4a {
    margin-bottom: 24px;
    margin-right: 16px
}

.selectGiftTitle_bf1b4a {
    margin-bottom: 16px;
    margin-top: 24px
}

.recommendedGiftPreview_bf1b4a {
    cursor: pointer;
    margin-bottom: 12px
}

.navigateToShopButton_bf1b4a {
    align-items: center;
    background: var(--background-primary);
    border: 1px solid var(--interactive-muted);
    border-radius: var(--radius-xs);
    cursor: pointer;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    padding: 12px 16px
}

.navigateToShopBody_bf1b4a {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 10px
}

.navigateToShopTextWrapper_bf1b4a {
    display: flex;
    flex-direction: column
}

.shopIcon_bf1b4a {
    align-items: center;
    background-color: var(--background-modifier-hover);
    border-radius: var(--radius-round);
    display: flex;
    flex-shrink: 0;
    height: 42px;
    justify-content: center;
    width: 42px
}

.headerContainer__9abb9 {
    background-color: var(--background-primary);
    height: 146px;
    position: relative;
    width: 100%
}

.closeButton__9abb9 {
    position: absolute;
    right: 16px;
    top: 16px
}

.headerImage__9abb9, .headerImageContainer__9abb9 {
    height: 100%;
    width: 100%
}

.headerImage__9abb9 {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    object-fit: cover
}

.visual-refresh .headerContainer__9abb9 {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-sizing: border-box;
    margin-left: -1px;
    margin-top: -2px;
    min-height: 146px;
    width: calc(100% + 2px)
}

.visual-refresh .headerImage__9abb9 {
    border-top-left-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md)
}

.orbCheckoutHeaderVideo__9abb9 {
    object-fit: cover;
    object-position: left top
}

div.modalOverrideBody__34eac {
    background-color: transparent;
    border-radius: 8px;
    overflow: visible;
    padding: 0
}

.modalOverrideBody__34eac::-webkit-scrollbar {
    height: 0;
    width: 0
}

.modalOverrideSliderBody__34eac {
    padding: 0;
    width: 440px
}

.confettiCanvas__34eac {
    height: 100%;
    position: absolute;
    width: 100%
}

.customConfetti__34eac {
    opacity: 1;
    pointer-events: none;
    transition: opacity .5s ease-in-out
}

    .customConfetti__34eac.hidden__34eac {
        opacity: 0
    }

.visual-refresh .modalOverrideBody__34eac {
    margin-left: -1px;
    margin-top: -2px;
    padding: 0;
    width: calc(100% + 2px)
}

.modal__0f18a {
    align-self: stretch;
    box-sizing: border-box;
    flex-direction: column;
    gap: 24px;
    padding: 24px 16px;
    width: 440px
}

.heading__0f18a, .modal__0f18a {
    align-items: center;
    display: flex
}

.heading__0f18a {
    gap: 8px;
    justify-content: space-between;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.divider__0f18a {
    background: #fff;
    height: 1px;
    opacity: .1;
    width: 408px
}

.image__0f18a {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: -104px;
    width: 277px
}

.body__0f18a {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.header__0f18a {
    align-items: center;
    align-self: stretch;
    padding: 0 32px;
    text-align: center
}

.header__0f18a, .selectContainer__0f18a {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.emojiSelect__0f18a {
    background-color: var(--input-background);
    border: 1px solid transparent;
    border-radius: var(--radius-xs);
    padding: var(--size-12) var(--size-8)
}

.innerEmojiSelect__0f18a {
    flex: 1
}

.emojiContent__0f18a {
    flex: 1;
    justify-content: space-between
}

.emojiContent__0f18a, .selectedEmoji__0f18a {
    align-items: center;
    display: flex;
    gap: 16px
}

.emojiIcon__0f18a {
    height: 28px;
    width: 28px
}

.chevron__0f18a, .emojiIcon__0f18a {
    color: var(--interactive-normal)
}

.chevron__0f18a {
    height: 24px;
    width: 24px
}

:where(.visual-refresh) .emojiSelect__0f18a {
    border: 1px solid var(--input-border)
}

.footer__0f18a {
    align-items: center;
    background: var(--background-secondary);
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    box-sizing: border-box;
    display: flex;
    height: 72px;
    justify-content: space-between;
    padding: 16px;
    width: 100%
}

.anomaly__0f18a {
    height: 440px;
    width: 440px
}

.anomaly__0f18a, .error__0f18a {
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: column
}

.error__0f18a {
    gap: 10px;
    margin-top: 100px
}

.spinner__0f18a {
    margin-top: 200px
}

.buttonCopy__0f18a {
    align-items: center;
    display: flex;
    gap: 4px
}

.tooltip__0f18a {
    text-align: center
}

.footerRight__0f18a {
    display: flex;
    gap: 8px
}

@keyframes colorCycle__0f18a {
    0%,60%,to {
        color: var(--custom-confetti-color-1)
    }

    70% {
        color: var(--custom-confetti-color-2)
    }

    80% {
        color: var(--custom-confetti-color-3)
    }

    90% {
        color: var(--custom-confetti-color-4)
    }
}

.remaining__0f18a {
    align-items: center;
    animation: colorCycle__0f18a 5s infinite;
    display: flex;
    gap: 6px;
    justify-content: center;
    padding: 8px 13px
}

.full-motion .shootingStar__0f18a {
    animation: wiggle__0f18a 5s ease-in-out infinite
}

.theme-dark .remaining__0f18a {
    --custom-confetti-color-1: var(--white-500);
    --custom-confetti-color-2: #fed648;
    --custom-confetti-color-3: #ff73fa;
    --custom-confetti-color-4: #86dcc5
}

.theme-light .remaining__0f18a {
    --custom-confetti-color-1: #313338;
    --custom-confetti-color-2: #db7628;
    --custom-confetti-color-3: #b473f5;
    --custom-confetti-color-4: #248da1
}

.shootingStar__0f18a {
    height: 18px;
    width: 18px
}

@keyframes wiggle__0f18a {
    0%,60%,to {
        transform: rotate(0)
    }

    70% {
        transform: rotate(8deg)
    }

    75% {
        transform: rotate(8deg)
    }

    80% {
        transform: rotate(-6deg)
    }

    85% {
        transform: rotate(0deg)
    }

    90% {
        transform: rotate(8deg)
    }

    95% {
        transform: rotate(-6deg)
    }
}

.bar_f5401d {
    background: linear-gradient(90deg,rgba(229,81,235,.2),rgba(78,58,214,.2));
    border-radius: inherit;
    justify-content: space-between
}

.bar_f5401d, .emojiSelectContainer_f5401d {
    display: flex;
    flex-direction: row
}

.emojiSelectContainer_f5401d {
    align-items: center;
    color: var(--text-normal);
    cursor: pointer;
    flex-grow: 1;
    gap: var(--space-8);
    padding-left: var(--space-16)
}

    .emojiSelectContainer_f5401d:hover {
        text-decoration: underline
    }

.end_f5401d {
    align-items: center;
    display: flex;
    flex-direction: row
}

.separator_f5401d {
    background-color: var(--background-modifier-accent);
    height: 20px;
    width: 1px
}

.learnMoreButton_f5401d {
    align-items: center;
    display: flex;
    height: 100%;
    padding: 0 var(--space-12)
}

.emojiIconContainer_f5401d {
    display: flex;
    padding: 0 2px
}

.visual-refresh .emojiSelectContainer_f5401d {
    padding-left: var(--space-20)
}

.visual-refresh .emojiIconContainer_f5401d {
    padding: 0
}

.visual-refresh .end_f5401d {
    margin-right: var(--space-4)
}

.clipContainer_ba21b4 {
    margin-top: -3px;
    overflow: hidden;
    padding-top: 3px
}

.visual-refresh .clipContainer_ba21b4 {
    margin-top: 0
}

.container_ba21b4 {
    display: flex;
    flex-direction: column
}

.scheduledMessageBar_ba21b4 {
    align-items: center;
    background: var(--background-secondary);
    cursor: pointer
}

.theme-dark.custom-theme-background .scheduledMessageBar_ba21b4 {
    background: var(--bg-overlay-1,var(--background-secondary))
}

.theme-light.custom-theme-background .scheduledMessageBar_ba21b4 {
    background: var(--bg-overlay-2,var(--background-secondary))
}

.visual-refresh .scheduledMessageBar_ba21b4 {
    background-color: unset;
    border-bottom: none
}

.visual-refresh .text_ba21b4 {
    margin-left: var(--space-20)
}

.scheduledMessageBar_ba21b4 {
    box-shadow: 0 3px 0 var(--background-secondary);
    display: flex;
    flex-direction: row
}

.text_ba21b4 {
    margin-left: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.scheduledMessageBarLabel_ba21b4 {
    flex: 1 1 auto
}

.actions_ba21b4 {
    align-items: center;
    display: flex;
    flex: 0 0 auto
}

.clipContainer__841c8 {
    margin-top: -3px;
    overflow: hidden;
    padding-top: 3px
}

.container__841c8 {
    display: flex;
    flex-direction: column
}

.replyBar__841c8, .threadSuggestionBar__841c8 {
    background: var(--background-secondary);
    cursor: pointer
}

.theme-dark.custom-theme-background .replyBar__841c8, .theme-dark.custom-theme-background .threadSuggestionBar__841c8 {
    background: var(--bg-overlay-1,var(--background-secondary))
}

.theme-light.custom-theme-background .replyBar__841c8, .theme-light.custom-theme-background .threadSuggestionBar__841c8 {
    background: var(--bg-overlay-2,var(--background-secondary))
}

.visual-refresh .clipContainer__841c8 {
    margin-top: 0
}

.visual-refresh .replyBar__841c8, .visual-refresh .threadSuggestionBar__841c8 {
    background-color: unset;
    border-bottom: none
}

.visual-refresh .text__841c8 {
    margin-left: var(--space-16)
}

.visual-refresh .actions__841c8 {
    margin-right: var(--space-4)
}

.replyBar__841c8 {
    align-items: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: grid;
    grid-template-columns: 1fr auto
}

.threadSuggestionBar__841c8 {
    border-top: 1px solid var(--background-modifier-accent);
    box-shadow: 0 3px 0 var(--background-secondary);
    display: flex;
    flex-direction: row;
    padding-bottom: 7px;
    padding-top: 7px
}

.text__841c8 {
    margin-left: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.replyLabel__841c8 {
    flex: 1 1 auto
}

.name__841c8 {
    font-weight: 600
}

.actions__841c8 {
    flex: 0 0 auto
}

.actions__841c8, .mentionButton__841c8 {
    align-items: center;
    display: flex
}

.mentionButton__841c8 {
    cursor: pointer;
    padding: 8px 12px;
    text-transform: uppercase
}

.mentionIcon__841c8 {
    height: 16px;
    margin-right: 4px;
    width: 16px
}

.separator__841c8 {
    background-color: var(--background-modifier-accent);
    height: 20px;
    width: 1px
}

.createThreadButton__841c8 {
    margin-left: 8px;
    margin-right: 8px;
    white-space: nowrap
}

.colorBrand__675aa {
    --custom-background-color: var(--brand-500)
}

.colorPrimary__675aa {
    --custom-background-color: var(--background-floating)
}

.upsellTooltipWrapper__675aa {
    background-color: var(--custom-background-color);
    border-radius: 8px;
    box-shadow: var(--elevation-medium);
    box-sizing: border-box;
    max-width: 280px;
    padding: 16px
}

    .upsellTooltipWrapper__675aa:after {
        border: 8px solid transparent;
        content: " ";
        margin-left: -8px;
        position: absolute
    }

    .upsellTooltipWrapper__675aa.caretTopCenter__675aa:after {
        border-bottom-color: var(--custom-background-color);
        bottom: 100%;
        left: 50%
    }

    .upsellTooltipWrapper__675aa.caretTopRight__675aa:after {
        border-bottom-color: var(--custom-background-color);
        bottom: 100%;
        left: calc(100% - 16px)
    }

    .upsellTooltipWrapper__675aa.caretTopLeft__675aa:after {
        border-bottom-color: var(--custom-background-color);
        bottom: 100%;
        left: 16px
    }

    .upsellTooltipWrapper__675aa.caretBottomCenter__675aa:after {
        border-top-color: var(--custom-background-color);
        left: 50%;
        top: 100%
    }

    .upsellTooltipWrapper__675aa.caretBottomLeft__675aa:after {
        border-top-color: var(--custom-background-color);
        left: 16px;
        top: 100%
    }

    .upsellTooltipWrapper__675aa.caretBottomRight__675aa:after {
        border-top-color: var(--custom-background-color);
        right: 16px;
        top: 100%
    }

    .upsellTooltipWrapper__675aa.caretLeftCenter__675aa:after {
        border-right-color: var(--custom-background-color);
        right: 100%;
        top: calc(50% - 8px)
    }

    .upsellTooltipWrapper__675aa.caretLeftTop__675aa:after {
        border-right-color: var(--custom-background-color);
        right: 100%;
        top: 8px
    }

    .upsellTooltipWrapper__675aa.caretRightCenter__675aa:after {
        border-left-color: var(--custom-background-color);
        right: -16px;
        top: calc(50% - 8px)
    }

    .upsellTooltipWrapper__675aa.caretRightTop__675aa:after {
        border-left-color: var(--custom-background-color);
        right: -16px;
        top: 8px
    }

.upsellTooltipHeader__675aa, .upsellTooltipText__675aa {
    text-align: center
}

.upsellTooltipHeader__675aa {
    font-family: var(--font-display);
    margin-bottom: 4px
}

.upsellButtonsContainer__675aa {
    display: flex;
    justify-content: center;
    margin: 16px auto 0
}

.upsellButtonsAdjacent__675aa :nth-child(2) {
    margin-left: 8px
}

.upsellButtonsStacked__675aa {
    flex-direction: column-reverse;
    width: 100%
}

    .upsellButtonsStacked__675aa :nth-child(2) {
        margin-bottom: 8px
    }

.fullWidthImage__675aa {
    display: block;
    height: auto;
    margin: 0 auto 16px;
    width: 100%
}

.content__675aa {
    --text-link: #fff;
    --link-decoration: underline;
    text-align: center
}

.container_e2c5b1:after {
    right: 8px !important
}

.asset_e2c5b1 {
    bottom: 12px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 150px
}

.headerContainer_e2c5b1 {
    padding-bottom: var(--spacing-12);
    position: relative
}

.close_e2c5b1 {
    margin-left: auto
}

.closeIcon_e2c5b1 {
    background-color: rgba(0,0,0,.25);
    border-radius: var(--radius-round);
    padding: var(--spacing-4)
}

    .closeIcon_e2c5b1:hover {
        background-color: rgba(0,0,0,.2)
    }

.emojiButton__04eed {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    max-height: 50px
}

.emojiButtonHovered__04eed, .emojiButtonNormal__04eed {
}

.spriteContainer__04eed {
    position: relative;
    --custom-emoji-sprite-bg-position: calc(var(--custom-emoji-sprite-col)*-1*var(--custom-emoji-sprite-size)) calc(var(--custom-emoji-sprite-row)*-1*var(--custom-emoji-sprite-size));
    --custom-emoji-sprite-bg-size: calc(var(--custom-emoji-sprite-size)*20) calc(var(--custom-emoji-sprite-size)*4)
}

.sprite__04eed, .spriteContainer__04eed {
    display: block;
    height: var(--custom-emoji-sprite-size);
    width: var(--custom-emoji-sprite-size)
}

.sprite__04eed {
    left: 0;
    position: absolute;
    top: 0
}

.spriteColored__04eed {
    background-image: url(/assets/1b05b930a77fbff9.png);
    background-position: var(--custom-emoji-sprite-bg-position);
    background-size: var(--custom-emoji-sprite-bg-size)
}

.spriteGreyscale__04eed {
    background-color: var(--interactive-normal)
}

.spriteGreyscale__04eed, .spritePremiumColored__04eed {
    -webkit-mask-image: url(/assets/decf85f79e02d276.png);
    mask-image: url(/assets/decf85f79e02d276.png);
    -webkit-mask-position: var(--custom-emoji-sprite-bg-position);
    mask-position: var(--custom-emoji-sprite-bg-position);
    -webkit-mask-size: var(--custom-emoji-sprite-bg-size);
    mask-size: var(--custom-emoji-sprite-bg-size)
}

    .spritePremiumColored__04eed.reducedMotion__04eed {
        background-color: var(--premium-tier-2-purple-for-gradients-2)
    }

    .spritePremiumColored__04eed:not(.reducedMotion__04eed) {
        animation: spritePremiumPulsing__04eed 2s infinite
    }

@keyframes spritePremiumPulsing__04eed {
    0% {
        background-color: var(--premium-tier-2-purple)
    }

    50% {
        background-color: var(--premium-tier-2-purple-for-gradients-2)
    }

    to {
        background-color: var(--premium-tier-2-purple)
    }
}

.inactive__04eed {
    opacity: 0
}

.active__04eed {
    opacity: 1
}

.premiumTooltip__04eed {
    border-radius: 4px;
    max-width: 316px
}

.premiumTooltipContainer__04eed {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 8px;
    overflow: visible;
    padding: 8px 4px;
    position: relative
}

.premiumUnlockAnimation__04eed {
    position: absolute;
    z-index: 100
}

    .premiumUnlockAnimation__04eed.reducedMotion__04eed {
        height: 40px;
        left: 0;
        top: 6px;
        width: 40px
    }

    .premiumUnlockAnimation__04eed:not(.reducedMotion__04eed) {
        animation: shrink__04eed 2s forwards
    }

@keyframes shrink__04eed {
    0% {
        height: 76px;
        left: -26px;
        top: -26px;
        width: 76px
    }

    75% {
        height: 76px;
        left: -26px;
        top: -26px;
        width: 76px
    }

    to {
        height: 40px;
        left: 0;
        top: 6px;
        width: 40px
    }
}

.premiumTooltipText__04eed {
    padding-left: 32px
}

.enable-forced-colors .spriteGreyscale__04eed {
    background-color: ButtonText
}

.lottieIconColors__5eb9b :not(defs *)[fill][fill-opacity] {
    fill: var(--__lottieIconColor,var(--interactive-normal))
}

.lottieIconColors__5eb9b :not(defs *)[stroke][stroke-opacity] {
    stroke: var(--__lottieIconColor,var(--interactive-normal))
}

.lottieIcon__5eb9b svg {
    transform: none !important
}

.enable-forced-colors .lottieIcon__5eb9b :not(defs *)[fill][fill-opacity] {
    fill: currentColor
}

.enable-forced-colors .lottieIcon__5eb9b :not(defs *)[stroke][stroke-opacity] {
    stroke: currentColor
}

.container__1e3f8 {
    align-content: center;
    align-items: center;
    background-color: var(--brand-500);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    padding: 0 16px;
    position: relative;
    text-align: center
}

.body__1e3f8 {
    max-width: 248px;
    padding-top: 56px
}

.pointer__1e3f8 {
    border: 10px solid transparent;
    border-top: 10px solid var(--brand-500);
    height: 0;
    left: 50%;
    margin-left: -10px;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 0
}

div.popoutCloseButton__1e3f8, div.popoutCloseButton__1e3f8:hover {
    background-color: var(--opacity-black-24)
}

.popoutTarget__1e3f8 {
    height: 0;
    left: 20px;
    position: absolute;
    top: -20px;
    width: 0
}

.text__1e3f8 {
    color: #fff;
    padding-top: 8px
}

.image__1e3f8 {
    position: absolute;
    top: -75px;
    width: 95px
}

.buttonContainer__1e3f8 {
    display: flex;
    flex-direction: row;
    margin: 16px;
    width: 100%
}

.ctaButton__1e3f8 {
    flex: 1
}

.closeButton__1e3f8 {
    position: absolute;
    right: 10px;
    top: 10px
}

.container_eaf2fb {
    display: flex
}

.iconContainer_eaf2fb {
    align-items: center;
    display: flex;
    justify-content: center
}

.buttonLayer_eaf2fb {
    position: relative
}

.decorativeLayer_eaf2fb {
    display: none;
    pointer-events: none;
    position: fixed;
    transform: scale(1)
}

.decorativeLayerActive_eaf2fb {
    display: block
}

.noPointerEvents_eaf2fb {
    pointer-events: none
}

.giftIconButton_eaf2fb {
    align-items: center;
    border-radius: var(--radius-round);
    display: flex;
    justify-content: center;
    margin: -8px;
    padding: 8px
}

.theme-light .giftIconButtonActive_eaf2fb {
    background-color: var(--background-secondary)
}

.theme-dark .giftIconButtonActive_eaf2fb {
    background-color: var(--background-accent)
}

.container__5a2d9 {
    align-content: center;
    align-items: center;
    background-color: var(--brand-500);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    max-width: 280px;
    padding: 16px;
    position: relative;
    text-align: center
}

.body__5a2d9 {
    margin-top: 8px
}

.pointer__5a2d9 {
    border: 10px solid transparent;
    border-top: 10px solid var(--brand-500);
    height: 0;
    left: 50%;
    margin-left: -10px;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 0
}

.text__5a2d9 {
    color: #fff;
    padding-top: 4px
}

.coachmark__5a2d9 {
    margin-top: -78px;
    width: 170px
}

.button__5a2d9 {
    margin-top: 16px;
    width: 100%
}

.closeButton__5a2d9 {
    align-items: center;
    background-color: rgba(0,0,0,.25);
    border-radius: var(--radius-round);
    cursor: pointer;
    display: flex;
    height: 25px;
    justify-content: center;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 25px
}

.closeIcon__5a2d9 {
    color: var(--white-500);
    padding: 5px
}

.container_c0c49a, .iconContainer_c0c49a {
    display: flex;
    position: relative
}

.iconContainer_c0c49a {
    align-items: center;
    height: 24px;
    justify-content: center;
    pointer-events: none;
    width: 24px
}

.visual-refresh .iconContainer_c0c49a {
    height: 20px;
    width: 20px
}

.giftBoxIcon_c0c49a {
    bottom: -4px;
    height: auto;
    left: -4px;
    position: absolute;
    width: 32px
}

.visual-refresh .giftBoxIcon_c0c49a {
    bottom: -6px;
    left: -6px
}

.trinketsIcon_c0c49a {
    position: relative;
    z-index: 3
}

.trinketsDecoration_c0c49a {
    height: 130%;
    left: -15%;
    position: absolute;
    top: -15%;
    transform: scale(1.3);
    width: 130%;
    z-index: 4
}

.visual-refresh .trinketsDecoration_c0c49a {
    height: 140%;
    left: -20%;
    top: -20%;
    transform: scale(1.4);
    width: 140%
}

.trinketsGlow_c0c49a {
    height: 140%;
    left: -20%;
    position: absolute;
    top: -20%;
    transform: scale(1.2);
    width: 140%;
    z-index: 1
}

.visual-refresh .trinketsGlow_c0c49a {
    height: 150%;
    left: -25%;
    top: -25%;
    transform: scale(1.6);
    width: 150%
}

.trinketsGlowMask_c0c49a {
    background: var(--bg-overlay-3,var(--channeltextarea-background));
    border-radius: var(--radius-round);
    height: 126%;
    left: -13%;
    position: absolute;
    top: -13%;
    width: 126%;
    z-index: 2
}

.visual-refresh .trinketsGlowMask_c0c49a {
    background: var(--channeltextarea-background);
    height: 140%;
    left: -20%;
    top: -20%;
    width: 140%
}

.upload_aa605f {
    background: var(--bg-overlay-5,var(--background-secondary));
    border-radius: 4px;
    display: inline-flex;
    flex-direction: column;
    margin: 0;
    max-height: 200px;
    max-width: 200px;
    min-height: 200px;
    min-width: 200px;
    padding: 8px;
    position: relative
}

    .upload_aa605f.sizeClip_aa605f {
        background-color: var(--background-primary);
        flex: 1;
        max-height: 400px;
        max-width: 400px;
        min-width: 320px;
        padding: 0
    }

.visual-refresh .upload_aa605f {
    background-color: var(--background-surface-high);
    border: 1px solid var(--border-normal);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-low)
}

    .visual-refresh .upload_aa605f.sizeClip_aa605f {
        background-color: var(--background-mod-subtle)
    }

.uploadContainer_aa605f {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative
}

    .uploadContainer_aa605f:hover .smallActionBar_aa605f {
        opacity: 1
    }

    .uploadContainer_aa605f:focus-within .smallActionBar_aa605f {
        opacity: 1
    }

.actionBarContainer_aa605f {
    position: absolute;
    right: 0;
    top: 0
}

.actionBar_aa605f {
    padding: 0;
    position: absolute;
    right: 0;
    transform: translate(25%,-25%);
    z-index: 1
}

.smallActionBar_aa605f {
    opacity: 0
}

.miniPopover_aa605f {
    align-items: center;
    height: 24px
}

.userListItem_ec58fe {
    align-items: center;
    border-radius: var(--radius-xs);
    display: flex;
    margin: 8px -8px;
    padding: 4px 8px
}

    .userListItem_ec58fe:last-child {
        margin-bottom: 4px
    }

    .userListItem_ec58fe:not(.popoutDisabled_ec58fe):hover {
        background-color: var(--background-tertiary);
        cursor: pointer
    }

.userListItemTag_ec58fe {
    margin-left: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.avatar_ec58fe {
    flex-shrink: 0
}

.username_ec58fe {
    font-weight: 600
}

.popoutWrapper_ef4a91 {
    display: flex;
    left: -30px;
    max-height: 40vh;
    position: relative;
    width: 200px
}

.scroller_ef4a91 {
    background-color: var(--background-floating);
    border-radius: 4px;
    padding: 8px 16px
}

.avatars_ef4a91 {
    align-items: center;
    display: flex;
    flex-grow: 0;
    position: relative
}

.avatar_ef4a91 {
    -webkit-mask: url(/assets/38fe464a6fea7d0e.svg);
    mask: url(/assets/38fe464a6fea7d0e.svg);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    mask-type: alpha
}

    .avatar_ef4a91.size16_ef4a91 {
        margin-right: -3px
    }

    .avatar_ef4a91.size20_ef4a91 {
        margin-right: -5px
    }

    .avatar_ef4a91.size24_ef4a91 {
        margin-right: -6px
    }

    .avatar_ef4a91.isLast_ef4a91 {
        margin-right: 0;
        -webkit-mask: none;
        mask: none
    }

.overflow_ef4a91 {
    align-items: center;
    background-color: var(--background-tertiary);
    border-radius: 16px;
    display: flex;
    justify-content: center;
    width: auto
}

    .overflow_ef4a91.size16_ef4a91 {
        height: 16px;
        min-width: 16px;
        padding: 0 4px
    }

    .overflow_ef4a91.size20_ef4a91 {
        height: 20px;
        min-width: 20px;
        padding: 0 6px
    }

    .overflow_ef4a91.size24_ef4a91 {
        height: 24px;
        min-width: 24px;
        padding: 0 8px
    }

.container_b9f75c {
    align-items: center;
    background: var(--background-secondary);
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding: var(--spacing-12);
    width: 100%
}

.textSection_b9f75c {
    flex: 1;
    margin-left: var(--spacing-12)
}

.actionBarIcon_a7e304 {
    display: block;
    height: 20px;
    object-fit: contain;
    width: 20px
}

.filenameContainer__41ea0 {
    margin-top: auto
}

.filename__41ea0 {
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mediaContainer__41ea0 {
    margin-top: auto;
    min-height: 0;
    position: relative
}

    .mediaContainer__41ea0 > div:not([aria-expanded=false]), .mediaContainer__41ea0 > div:not([aria-expanded=false]) > div {
        height: 100%
    }

.tags__41ea0 {
    bottom: 6px;
    left: 3px;
    position: absolute
}

.altTag__41ea0 {
    background: var(--header-secondary);
    border-radius: 3px;
    font-size: 10px;
    font-weight: 600;
    margin-right: 4px;
    padding: 3px;
    text-transform: uppercase;
    z-index: 1
}

.spoilerContainer__41ea0 {
    height: 100%
}

.spoilerWrapper__41ea0 {
    display: flex;
    height: 100%;
    justify-content: center
}

.media__41ea0 {
    border-radius: 3px;
    max-width: 100%;
    object-fit: contain
}

.visual-refresh .media__41ea0 {
    border-radius: var(--radius-md)
}

.media__41ea0.sizeClip__41ea0 {
    aspect-ratio: 16/9;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.clickableMedia__41ea0 {
    cursor: pointer
}

.spoiler__41ea0 {
    filter: blur(var(--custom-channel-attachment-upload-spoiler-blur-radius));
    pointer-events: none
}

.icon__41ea0 {
    background-position: 50%;
    background-repeat: no-repeat;
    height: 144px
}

    .icon__41ea0.imageSmall__41ea0 {
        height: var(--custom-channel-attachment-upload-mini-attachment-size)
    }

    .icon__41ea0.video__41ea0 {
        background-image: url(/assets/98178bd2173d947a.svg)
    }

    .icon__41ea0.acrobat__41ea0 {
        background-image: url(/assets/a42338c030af6d9c.svg)
    }

    .icon__41ea0.ae__41ea0 {
        background-image: url(/assets/88b289225ff6142a.svg)
    }

    .icon__41ea0.sketch__41ea0 {
        background-image: url(/assets/c9f0992f0ab98d49.svg)
    }

    .icon__41ea0.ai__41ea0 {
        background-image: url(/assets/93636da24d7ab467.svg)
    }

    .icon__41ea0.archive__41ea0 {
        background-image: url(/assets/f89b66e97ea52ba7.svg)
    }

    .icon__41ea0.code__41ea0 {
        background-image: url(/assets/f4bad77442422ded.svg)
    }

    .icon__41ea0.document__41ea0 {
        background-image: url(/assets/9ebe3ef63aafee84.svg)
    }

    .icon__41ea0.photoshop__41ea0, .icon__41ea0.ps__41ea0 {
        background-image: url(/assets/1084490cf680dd7c.svg)
    }

    .icon__41ea0.spreadsheet__41ea0 {
        background-image: url(/assets/b8ca4488a6d443bc.svg)
    }

    .icon__41ea0.webcode__41ea0 {
        background-image: url(/assets/6e688b0c124e0ca8.svg)
    }

    .icon__41ea0.audio__41ea0 {
        background-image: url(/assets/a6db1d05d35f13d0.svg)
    }

    .icon__41ea0.unknown__41ea0 {
        background-image: url(/assets/94660b205108a49f.svg)
    }

.attachmentItemSmall__41ea0 {
    background-color: unset;
    max-height: var(--custom-channel-attachment-upload-mini-attachment-size);
    max-width: var(--custom-channel-attachment-upload-mini-attachment-size);
    min-height: var(--custom-channel-attachment-upload-mini-attachment-size);
    min-width: var(--custom-channel-attachment-upload-mini-attachment-size);
    padding: 0
}

.imageSmall__41ea0 {
    border-radius: 12px;
    height: var(--custom-channel-attachment-upload-mini-attachment-size);
    object-fit: cover
}

.actionBarIcon__41ea0 {
    display: block;
    height: 16px;
    object-fit: contain;
    width: 16px
}

.action__41ea0 {
    height: 16px;
    min-width: 18px;
    padding: 4px
}

.clipsBadge__41ea0 {
    left: 8px;
    position: absolute;
    top: 8px
}

.clipsFooter__41ea0 {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.theme-dark .altTag__41ea0 {
    color: #000;
    mix-blend-mode: screen
}

.theme-light .altTag__41ea0 {
    color: #fff;
    mix-blend-mode: multiply
}

.emptyOption_b088b0 {
    border: 2px dashed var(--header-secondary);
    border-radius: 8px
}

.emptyOptionActive_b088b0 {
    border-color: var(--text-link)
}

.clickContainer_b088b0 {
    cursor: pointer;
    display: flex;
    height: 100%;
    width: 100%
}

.commandOptionContainer_b088b0 {
    display: flex;
    flex-direction: column;
    margin: auto;
    width: 80%
}

.optionName_b088b0 {
    background-color: var(--background-tertiary);
    border-radius: 4px;
    color: var(--text-normal);
    padding: 2px 6px;
    position: absolute;
    right: 8px
}

.optionNameActive_b088b0 {
    color: var(--text-link)
}

.optionIcon_b088b0 {
    height: 100px
}

.optionHelp_b088b0 {
    text-align: center
}

.fileInput_b088b0 {
    display: none
}

.channelAttachmentArea_b77158 {
    display: flex;
    gap: 24px;
    margin: 0 0 2px 6px;
    overflow-x: auto;
    padding: 20px 10px 10px
}

    .channelAttachmentArea_b77158:last-child {
        padding-right: 30px
    }

.visual-refresh .channelAttachmentArea_b77158 {
    background-color: var(--background-base-low);
    margin: 0
}

.divider_b77158 {
    margin-left: 16px
}

.root__6c5a1 {
    background: var(--background-secondary);
    border-radius: 4px;
    display: flex;
    max-width: 120px;
    padding: 4px
}

.visual-refresh .root__6c5a1 {
    background-color: var(--background-surface-highest);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    max-width: 100%;
    padding: var(--space-4) var(--space-8)
}

.text__6c5a1 {
    margin-left: 4px
}

.premium__6c5a1 {
    flex-shrink: 0;
    height: 18px;
    width: 18px
}

.iconOnly__6c5a1 {
    color: var(--text-normal);
    cursor: pointer
}

.characterCount__795fb {
    align-items: flex-end;
    bottom: 10px;
    color: var(--text-normal);
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 14px
}

.premiumFlair__795fb {
    color: var(--interactive-normal)
}

    .premiumFlair__795fb:not(:last-child) {
        margin-right: 4px
    }

.flairContainer__795fb {
    align-items: center;
    display: flex;
    height: 24px
}

.upsell__795fb {
    margin-top: 8px
}

.visual-refresh-chat-input .characterCount__795fb {
    align-items: center;
    border-right: 1px solid var(--border-subtle);
    bottom: unset;
    display: flex;
    flex-direction: row-reverse;
    gap: var(--space-8);
    margin-right: var(--space-8);
    padding-right: var(--space-16);
    position: relative;
    right: unset
}

.visual-refresh-chat-input .premiumFlair__795fb {
    color: var(--icon-secondary)
}

    .visual-refresh-chat-input .premiumFlair__795fb:not(:last-child) {
        margin-right: var(--space-8)
    }

.visual-refresh-chat-input .upsell__795fb {
    margin-top: 0
}

.container_be506c {
    margin: 8px 8px 0
}

.toolbar_bba883 {
    align-items: center;
    background-color: var(--primary-800);
    border-radius: 4px;
    box-shadow: var(--elevation-high);
    color: var(--primary-300);
    display: flex;
    flex-direction: column;
    pointer-events: all;
    position: absolute
}

    .toolbar_bba883:before {
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid var(--primary-800);
        bottom: -8px;
        content: "";
        height: 0;
        left: calc(50% - 8px);
        position: absolute;
        width: 0
    }

.buttons_bba883 {
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    height: 32px;
    overflow: hidden
}

.staticToolbar_bba883 {
    border-radius: 4px 4px 0 0;
    display: flex;
    justify-content: space-between
}

    .staticToolbar_bba883 .button_bba883:first-of-type {
        border-top-left-radius: 4px
    }

.theme-dark .staticToolbar_bba883 {
    background-color: var(--background-secondary-alt)
}

.theme-light .staticToolbar_bba883 {
    background-color: var(--background-tertiary)
}

.staticButtons_bba883 {
    border-radius: 4px 4px 0 0;
    display: flex
}

.emojiButton_bba883 {
    padding-right: 8px
}

.divider_bba883 {
    border-left: 1px solid var(--opacity-white-4);
    display: inline-block;
    height: 20px;
    margin: 6px
}

.button_bba883 {
    align-items: center;
    background-color: transparent;
    border-radius: 0;
    color: var(--primary-300);
    display: flex;
    justify-content: center;
    padding: 0;
    width: 32px
}

    .button_bba883:hover {
        background-color: var(--background-modifier-hover);
        color: var(--primary-100)
    }

    .button_bba883[aria-pressed=true] {
        background-color: var(--background-modifier-selected);
        color: var(--white-500)
    }

.buttonInner_bba883, .icon_bba883 {
    height: 20px
}

.icon_bba883 {
    color: currentColor;
    width: 20px
}

.staticIcon_bba883 {
    color: var(--interactive-normal)
}

.staticDivider_bba883 {
    border-left: 1px solid var(--background-modifier-accent)
}

html:not(.visual-refresh-chat-input) .inputInner_b1f01d {
    background: var(--input-background);
    border-radius: 3px
}

.visual-refresh-chat-input .input_b1f01d, .visual-refresh.custom-theme-background .input_b1f01d {
    background: var(--input-background)
}

.editor_b1f01d {
    --channel-text-area-placeholder: var(--text-muted);
    font-size: 14px;
    min-height: 88px
}

.container_b1f01d {
    background: var(--bg-base-primary);
    border-radius: 8px;
    box-shadow: var(--elevation-high);
    padding: 16px;
    width: 300px
}

.user-profile-modal .container_b1f01d.activity_b1f01d {
    width: 400px
}

.user-profile-sidebar .container_b1f01d {
    width: 276px
}

    .user-profile-sidebar .container_b1f01d.status_b1f01d {
        margin-left: -90px
    }

.user-profile-popout .container_b1f01d.status_b1f01d {
    margin-left: -122px
}

.user-profile-popout .container_b1f01d.avatar_b1f01d {
    margin-left: -32px
}

.user-profile-popout .container_b1f01d.activity_b1f01d {
    margin-left: -32px
}

.user-profile-popout .container_b1f01d.customProfileTheme_b1f01d.status_b1f01d {
    margin-left: -118px
}

.user-profile-popout .container_b1f01d.customProfileTheme_b1f01d.avatar_b1f01d {
    margin-left: -28px
}

.activityCoachmark_a2f9d3 {
    padding: 12px 8px
}

.activityCoachmark_a2f9d3, .profileCoachmark_a2f9d3 {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 210px
}

.profileCoachmark_a2f9d3 {
    padding: 54px 8px 12px
}

.tooltipHeader_a2f9d3 {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px
}

.profileImage_a2f9d3 {
    left: 27px;
    position: absolute;
    top: -25px
}

.popover_c97e55 {
    border-radius: 100px;
    display: inline-flex;
    gap: 2px;
    height: unset;
    opacity: 0;
    padding: 2px;
    pointer-events: none;
    position: absolute;
    right: min(8px,calc(50% - 29px));
    top: -16px
}

    .popover_c97e55.visible_c97e55, .popover_c97e55:focus-within {
        opacity: 1;
        pointer-events: all
    }

:not(.keyboard-mode).full-motion .popover_c97e55.visible_c97e55, :not(.keyboard-mode).full-motion .popover_c97e55:focus-within {
    animation: hoverIn_c97e55 .15s ease forwards;
    opacity: 0
}

    :not(.keyboard-mode).full-motion .popover_c97e55.visible_c97e55.expandable_c97e55, :not(.keyboard-mode).full-motion .popover_c97e55:focus-within.expandable_c97e55 {
        animation-delay: .3s
    }

@keyframes hoverIn_c97e55 {
    0% {
        opacity: 0;
        top: -14px
    }

    to {
        opacity: 1;
        top: -16px
    }
}

.button_c97e55 {
    height: unset;
    min-width: unset;
    padding: 4px
}

    .button_c97e55.left_c97e55 {
        border-radius: 100px 6px 6px 100px;
        padding-left: 6px
    }

    .button_c97e55.right_c97e55 {
        border-radius: 6px 100px 100px 6px;
        padding-right: 6px
    }

    .button_c97e55:hover {
        background: var(--background-modifier-hover)
    }

        .button_c97e55:hover .icon_c97e55 {
            fill: var(--interactive-hover)
        }

    .button_c97e55:active {
        background: var(--background-modifier-active)
    }

        .button_c97e55:active .icon_c97e55 {
            fill: var(--interactive-active)
        }

.container_ab8609 {
    --custom-status-bubble-background: var(--custom-status-bubble-background-color);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: absolute;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: var(--custom-user-profile-middle-layer-z-index)
}

.visual-refresh .container_ab8609 {
    --custom-status-bubble-background-color: var(--background-surface-highest)
}

.theme-dark .container_ab8609 {
    --custom-status-bubble-overlay-color: 255 255 255
}

.theme-light .container_ab8609 {
    --custom-status-bubble-overlay-color: 0 0 0
}

.container_ab8609.editable_ab8609:hover {
    --custom-status-bubble-background: linear-gradient(rgb(var(--custom-status-bubble-overlay-color)/0.04),rgb(var(--custom-status-bubble-overlay-color)/0.04)),var(--custom-status-bubble-background-color)
}

.container_ab8609.hoisted_ab8609 {
    z-index: var(--custom-user-profile-hoist-z-index)
}

.user-profile-popout .container_ab8609 {
    left: 105px;
    top: calc(var(--custom-user-profile-banner-height) - 7px)
}

.user-profile-modal .container_ab8609 {
    left: 161px;
    top: -10px
}

.user-profile-modal-v2 .container_ab8609 {
    left: 172px;
    top: calc(var(--custom-user-profile-banner-height) - 8px)
}

.user-profile-sidebar .container_ab8609 {
    left: 109px;
    top: calc(var(--custom-user-profile-banner-height) - 7px)
}

.referenceContainer_ab8609 {
    pointer-events: none;
    position: relative;
    visibility: hidden
}

    .referenceContainer_ab8609.withLabel_ab8609 {
        margin-top: -24px
    }

.user-profile-popout .referenceContainer_ab8609 {
    margin-left: 109px;
    margin-right: 12px;
    margin-top: -10px
}

    .user-profile-popout .referenceContainer_ab8609.withLabel_ab8609 {
        margin-top: -24px
    }

.custom-user-profile-theme .user-profile-popout .referenceContainer_ab8609 {
    margin-left: 105px;
    margin-right: 8px
}

.user-profile-modal .referenceContainer_ab8609 {
    margin-left: 161px;
    margin-right: 16px;
    margin-top: -10px
}

    .user-profile-modal .referenceContainer_ab8609.withLabel_ab8609 {
        margin-top: -24px
    }

.user-profile-modal-v2 .referenceContainer_ab8609 {
    margin-left: 144px;
    margin-right: 12px;
    margin-top: -10px
}

    .user-profile-modal-v2 .referenceContainer_ab8609.withLabel_ab8609 {
        margin-top: -24px
    }

.user-profile-sidebar .referenceContainer_ab8609 {
    margin-left: 109px;
    margin-right: 8px;
    margin-top: -10px
}

    .user-profile-sidebar .referenceContainer_ab8609.withLabel_ab8609 {
        margin-top: -24px
    }

.referenceContainer_ab8609 > .outer_ab8609 > .inner_ab8609 > .content_ab8609 {
    max-width: 155px
}

    .referenceContainer_ab8609 > .outer_ab8609 > .inner_ab8609 > .content_ab8609.unclamped_ab8609 {
        position: absolute;
        top: 0
    }

.referenceContainer_ab8609 > .outer_ab8609 {
    max-width: none;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.outer_ab8609 {
    background: var(--custom-status-bubble-background);
    border: 1px solid var(--border-faint);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-low);
    box-sizing: border-box;
    max-width: 181px;
    min-width: 42px;
    overflow: hidden
}

    .outer_ab8609:before {
        height: 20px;
        left: 10px;
        top: -8px;
        width: 20px
    }

    .outer_ab8609:after, .outer_ab8609:before {
        background: inherit;
        border: inherit;
        border-radius: 50%;
        box-shadow: inherit;
        box-sizing: border-box;
        content: "";
        position: absolute
    }

    .outer_ab8609:after {
        height: 10px;
        left: -3px;
        top: -15px;
        width: 10px
    }

.theme-dark .outer_ab8609 {
    border: 1px solid var(--border-faint)
}

.custom-user-profile-theme.theme-dark .outer_ab8609 {
    border: 1px solid var(--border-strong)
}

.inner_ab8609 {
    background: var(--custom-status-bubble-background);
    cursor: text;
    display: block;
    font-size: medium;
    margin: 0 auto;
    padding: 8px 12px;
    position: relative;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    word-break: break-word
}

    .inner_ab8609.clickable_ab8609 {
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

.content_ab8609 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: var(--text-normal);
    overflow: hidden
}

    .content_ab8609.unclamped_ab8609 {
        -webkit-line-clamp: 9
    }

.ring_ab8609 {
    border-radius: var(--radius-lg)
}

.statusText_ab8609 {
    color: var(--text-normal)
}

.statusEmoji_ab8609:not(:has(+.statusText_ab8609)) {
    max-height: 32px;
    max-width: 32px;
    min-height: 32px;
    min-width: 32px
}

.statusEmoji_ab8609:has(+.statusText_ab8609) {
    height: 16px;
    margin-right: 4px;
    width: 16px
}

.statusEmoji_ab8609 + .statusText_ab8609 {
    display: inline
}

.labelRow_ab8609 + .statusEmoji_ab8609:not(:has(+.statusText_ab8609)) {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.addStatusPrompt_ab8609 {
    color: var(--text-muted);
    display: inline;
    vertical-align: middle
}

.italicPrompt_ab8609 {
    font-style: italic;
    padding-bottom: 1px;
    padding-right: 1px
}

.addStatusIcon_ab8609 {
    display: inline;
    margin-right: 4px;
    fill: var(--text-muted);
    vertical-align: middle
}

.outer_ab8609:hover .addStatusPrompt_ab8609 {
    color: var(--text-normal)
}

.outer_ab8609:hover .addStatusIconColor_ab8609 {
    fill: var(--text-normal)
}

.labelRow_ab8609 {
    margin-bottom: 2px
}

:where(.section_bf424d) {
    display: flex;
    flex-direction: column;
    gap: 8px
}

    :where(.section_bf424d):empty, :where(.section_bf424d):has(>.headings_bf424d:only-child) {
        display: none
    }

.header_bf424d {
    align-items: center;
    display: flex;
    gap: 4px
}

.list__20827 {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6px
}

:where(.contentImage__42bf5) {
    border-radius: var(--radius-xs);
    object-fit: contain
}

.clickable_ef9ae7 {
    border-radius: inherit;
    cursor: pointer;
    max-width: 100%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

    .clickable_ef9ae7:hover {
        text-decoration: underline;
        -webkit-text-decoration-color: var(--text-normal);
        text-decoration-color: var(--text-normal)
    }

.imagePosition_ef9ae7 {
    align-items: center;
    border-radius: var(--radius-xs);
    display: flex;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    overflow: visible;
    position: relative
}

.aspectRatio_ef9ae7 {
    aspect-ratio: 1/1
}

    .aspectRatio_ef9ae7.crunchyroll_ef9ae7 {
        aspect-ratio: 2/3
    }

.imageContainer_ef9ae7 {
    border-radius: inherit;
    display: flex;
    justify-content: center
}

    .imageContainer_ef9ae7 .contentImage_ef9ae7 {
        min-width: 60px
    }

.smallImageContainer_ef9ae7 {
    align-items: center;
    border-radius: var(--radius-round);
    bottom: -4px;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    position: absolute;
    right: -4px
}

.contentImage_ef9ae7 {
    border-radius: inherit;
    object-fit: cover
}

.card__39ec2 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: visible;
    padding: 8px;
    position: relative
}

.user-profile-modal-v2 .card__39ec2 {
    border-radius: var(--radius-md);
    padding: 12px
}

.card__39ec2.hoisted__39ec2 {
    background: linear-gradient(rgb(var(--bg-overlay-color)/.4),rgb(var(--bg-overlay-color)/.4)),linear-gradient(var(--profile-gradient-end),var(--profile-gradient-end)) !important;
    pointer-events: none;
    z-index: var(--custom-user-profile-hoist-z-index)
}

.header__39ec2 {
    justify-content: space-between
}

.header__39ec2, .headerText__39ec2 {
    display: flex;
    gap: 4px
}

.headerText__39ec2 {
    align-items: center;
    overflow: hidden
}

.headerContextMenu__39ec2:empty {
    display: none
}

.headerContextMenu__39ec2.absolute__39ec2 {
    align-self: flex-end;
    display: inline-flex;
    position: absolute
}

    .headerContextMenu__39ec2.absolute__39ec2 ~ .body__39ec2 > .content__39ec2 > .details__39ec2 {
        margin-right: 24px
    }

.platformIcon__39ec2 {
    background-color: var(--icon-muted);
    height: 12px;
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 12px
}

.body__39ec2 {
    gap: 8px
}

.body__39ec2, .toolbarContainer__39ec2 {
    display: flex;
    flex-direction: column
}

.toolbarContainer__39ec2 {
    border: none;
    overflow: visible;
    position: relative
}

.content__39ec2 {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    gap: 8px
}

.user-profile-modal .content__39ec2, .user-profile-modal-v2 .content__39ec2 {
    gap: 12px
}

.details__39ec2 {
    align-self: center;
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow: hidden;
    width: 100%
}

.actions__39ec2 {
    align-items: center;
    display: flex;
    gap: 8px;
    margin: 4px 0 0
}

.user-profile-modal .actions__39ec2 {
    flex-wrap: nowrap;
    margin: 0 0 0 20px
}

.user-profile-modal-v2 .actions__39ec2 {
    flex-wrap: wrap
}

.actions__39ec2 .primaryButton__39ec2 {
    flex: 1
}

.actions__39ec2:has(>.customButton__39ec2) {
    align-content: center;
    flex-wrap: wrap
}

    .actions__39ec2:has(>.customButton__39ec2) .customButton__39ec2 {
        flex: 1 1 auto;
        min-width: calc(50% - 8px)
    }

.actions__39ec2:empty {
    display: none
}

.badges__39ec2 {
    -moz-column-gap: 8px;
    column-gap: 8px;
    flex-wrap: wrap;
    row-gap: 0
}

.clickableContainer__39ec2 {
    cursor: pointer
}

    .clickableContainer__39ec2:hover > .card__39ec2 {
        background: var(--user-profile-overlay-background-hover)
    }

.clickableImage__39ec2, .clickableImage__39ec2:after, .image__39ec2 {
    border-radius: var(--radius-sm)
}

    .clickableImage__39ec2:after {
        background-color: var(--black-500);
        content: "";
        height: 100%;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
    }

.full-motion .clickableImage__39ec2:after {
    transition: opacity var(--custom-button-transition-duration) ease
}

.clickableImage__39ec2:hover:after {
    opacity: .2
}

.clickableText__39ec2 {
    cursor: pointer;
    max-width: 100%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

    .clickableText__39ec2:hover {
        text-decoration: underline;
        -webkit-text-decoration-color: var(--text-normal);
        text-decoration-color: var(--text-normal)
    }

.inline__39ec2 {
    display: inline
}

.gameState__39ec2 {
    display: flex;
    gap: 4px
}

.guildIcon__39ec2 {
    border-radius: var(--radius-xs)
}

.voiceChannel__39ec2 {
    align-items: center;
    display: flex;
    gap: 4px
}

.voiceChannelText__39ec2 {
    align-items: center;
    display: flex;
    flex: 1;
    gap: 2px;
    overflow: hidden
}

    .voiceChannelText__39ec2 .clickableText__39ec2 {
        overflow: hidden
    }

    .voiceChannelText__39ec2 .voiceIcon__39ec2 {
        flex-shrink: 0
    }

.voiceChannelHeading__39ec2 {
    overflow: hidden;
    word-break: break-all
}

    .voiceChannelHeading__39ec2 .voiceIcon__39ec2 {
        margin-right: 2px;
        position: relative;
        top: 1px
    }

.voiceChannelDivider__39ec2 {
    width: 100%
}

.voiceChannelOverflowCount__39ec2 {
    background: var(--bg-mod-strong)
}

.contextMenu__39ec2 {
    cursor: pointer;
    display: flex;
    margin-right: 4px
}

.timestamp__230d2 {
    font-family: var(--font-code)
}

    .timestamp__230d2.bold__230d2 {
        font-weight: 700
    }

.inlineTimestamp__230d2 {
    display: inline
}

.badgeContainer__635ed {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    gap: 4px;
    max-width: 100%;
    overflow: hidden
}

    .badgeContainer__635ed svg {
        flex-shrink: 0
    }

    .badgeContainer__635ed div {
        overflow: hidden
    }

    .badgeContainer__635ed div, .badgeLabel__635ed {
        text-overflow: ellipsis;
        white-space: nowrap
    }

.badgeLabel__635ed {
    overflow-x: hidden
}

:where(.badgesContainer__635ed) {
    align-items: center;
    display: flex;
    gap: 0 8px
}

    :where(.badgesContainer__635ed):empty {
        display: none
    }

.badgesContainerCard__635ed > :nth-child(n+3) {
    display: none
}

.badgesContainerCard__635ed > :nth-child(2) {
    flex-shrink: 1
}

.badgesContainerGameProfile__635ed, .badgesContainerPopout__635ed {
    flex-wrap: wrap;
    row-gap: 4px
}

.divider__23eb0 {
    background-color: var(--user-profile-border);
    height: 1px
}

.container__8e51c {
    align-items: center;
    display: flex;
    gap: 8px
}

.text__8e51c {
    font-family: var(--font-code)
}

.bar__8e51c {
    background-color: var(--interactive-muted);
    border-radius: 2px;
    flex: 1;
    height: 2px
}

.progress__8e51c {
    background-color: var(--interactive-active);
    border-radius: inherit;
    height: inherit;
    min-width: 4px
}

.ephemeral__5126c {
    background: var(--brand-05a);
    position: relative
}

.nitroMessage__5126c.nitroMessage__5126c {
    background: linear-gradient(to right,hsl(var(--premium-tier-2-purple-for-gradients-hsl)/.08),hsl(var(--premium-tier-2-pink-for-gradients-hsl)/.08))
}

    .nitroMessage__5126c.nitroMessage__5126c a {
        color: var(--text-link)
    }

.automodMessage__5126c {
    background: var(--background-message-automod)
}

.potioned__5126c {
    background: linear-gradient(to right,hsl(var(--premium-tier-2-purple-for-gradients-hsl)/.08),hsl(var(--premium-tier-2-pink-for-gradients-hsl)/.08));
    position: relative
}

.mentioned__5126c {
    background: var(--background-mentioned);
    position: relative
}

.highlighted__5126c, .replying__5126c {
    background: var(--background-message-highlight);
    position: relative
}

    .automodMessage__5126c:before, .ephemeral__5126c:before, .highlighted__5126c:before, .mentioned__5126c:before, .nitroMessage__5126c:before, .potioned__5126c:before, .replying__5126c:before {
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 2px
    }

.ephemeral__5126c:before {
    background: var(--brand-500)
}

.nitroMessage__5126c:before {
    background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color-vertical)
}

.automodMessage__5126c:before {
    background: var(--text-danger)
}

.potioned__5126c:before {
    background: linear-gradient(to right,var(--premium-tier-2-purple-for-gradients) 2px,var(--premium-tier-2-purple-for-gradients),var(--premium-tier-2-pink-for-gradients));
    transition: width .2s ease-out;
    z-index: 1
}

.full-motion .message__5126c.potioned__5126c:not(.editing__5126c):not(.hasOpenPopouts__5126c):hover:before {
    transition: width 1.1s ease-in,opacity 1.1s ease-in;
    width: 105%
}

.full-motion.confetti-mode .message__5126c.potioned__5126c:before {
    transition: width .2s ease-in,opacity .2s ease-in;
    width: 105%
}

.mentioned__5126c:before {
    background: var(--info-warning-foreground)
}

.highlighted__5126c:before {
    background: var(--text-brand)
}

.replying__5126c:before {
    background: var(--brand-500)
}

.messageListItem__5126c {
    outline: none;
    position: relative
}

.message__5126c {
    padding-right: 48px !important
}

.visual-refresh .message__5126c {
    border-bottom-right-radius: var(--radius-xs);
    border-top-right-radius: var(--radius-xs);
    padding-right: var(--space-xl) !important
}

.theme-dark .message__5126c.selected__5126c, .theme-dark.mouse-mode.full-motion .message__5126c:hover {
    background: var(--background-message-hover)
}

.theme-dark.mouse-mode.full-motion.visual-refresh .message__5126c:hover, .theme-dark.visual-refresh .message__5126c.selected__5126c {
    background: var(--background-message-hover)
}

.theme-light .message__5126c.selected__5126c, .theme-light.mouse-mode.full-motion .message__5126c:hover {
    background: var(--background-message-hover)
}

.theme-light.mouse-mode.full-motion.visual-refresh .message__5126c:hover, .theme-light.visual-refresh .message__5126c.selected__5126c {
    background: var(--background-message-hover)
}

.message__5126c.mentioned__5126c.selected__5126c, .mouse-mode.full-motion .message__5126c.mentioned__5126c:hover, .mouse-mode.full-motion.visual-refresh .message__5126c.mentioned__5126c:hover, .visual-refresh .message__5126c.mentioned__5126c.selected__5126c {
    background: var(--background-mentioned-hover)
}

.message__5126c.highlighted__5126c.selected__5126c, .mouse-mode.full-motion .message__5126c.highlighted__5126c:hover, .mouse-mode.full-motion.visual-refresh .message__5126c.highlighted__5126c:hover, .visual-refresh .message__5126c.highlighted__5126c.selected__5126c {
    background: var(--background-message-highlight-hover)
}

.message__5126c.ephemeral__5126c.selected__5126c, .mouse-mode.full-motion .message__5126c.ephemeral__5126c:hover, .mouse-mode.full-motion.visual-refresh .message__5126c.ephemeral__5126c:hover, .visual-refresh .message__5126c.ephemeral__5126c.selected__5126c {
    background: var(--brand-10a)
}

.message__5126c.nitroMessage__5126c.selected__5126c, .mouse-mode.full-motion .message__5126c.nitroMessage__5126c:hover, .mouse-mode.full-motion.visual-refresh .message__5126c.nitroMessage__5126c:hover, .visual-refresh .message__5126c.nitroMessage__5126c.selected__5126c {
    background: linear-gradient(to right,hsl(var(--premium-tier-2-purple-for-gradients-hsl)/.2),hsl(var(--premium-tier-2-pink-for-gradients-hsl)/.2))
}

.message__5126c.automodMessage__5126c.selected__5126c, .mouse-mode.full-motion .message__5126c.automodMessage__5126c:hover, .mouse-mode.full-motion.visual-refresh .message__5126c.automodMessage__5126c:hover, .visual-refresh .message__5126c.automodMessage__5126c.selected__5126c {
    background: var(--background-message-automod-hover)
}

.message__5126c.replying__5126c.selected__5126c, .mouse-mode.full-motion .message__5126c.replying__5126c:hover, .mouse-mode.full-motion.visual-refresh .message__5126c.replying__5126c:hover, .visual-refresh .message__5126c.replying__5126c.selected__5126c {
    background: var(--brand-10a)
}

.quotedChatMessage__5126c {
    position: relative
}

.highlightContainer__5126c {
    align-items: center;
    display: flex;
    margin-bottom: 4px
}

.highlightIcon__5126c {
    margin-right: 4px
}

.jump__5126c {
    background-color: var(--background-tertiary);
    border-radius: 3px;
    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;
    user-select: none;
    z-index: 1
}

.quotedChatMessage__5126c:hover .jump__5126c {
    display: block
}

.jump__5126c:hover {
    color: var(--interactive-hover)
}

.jump__5126c:active {
    color: var(--interactive-active);
    transform: translate3d(0,1px,0)
}

.buttons__5126c {
    opacity: 0;
    pointer-events: none
}

.message__5126c.selected__5126c .buttons__5126c, .mouse-mode .message__5126c:hover .buttons__5126c {
    opacity: 1
}

.message__5126c.selected__5126c .buttonsInner__5126c, .mouse-mode .message__5126c:hover .buttonsInner__5126c {
    pointer-events: auto
}

.hideIfMessageNotFocused__5126c {
    opacity: 0
}

.message__5126c.selected__5126c .hideIfMessageNotFocused__5126c, .mouse-mode .message__5126c:hover .hideIfMessageNotFocused__5126c {
    opacity: 1
}

.cozyMessage__5126c.groupStart__5126c {
    min-height: 2.75rem
}

.systemMessage__5126c.groupStart__5126c {
    min-height: 1.375rem
}

.backgroundFlash__5126c {
    flex: 0 0 auto
}

.channelTextArea__5126c {
    margin-top: 8px
}

.divider__5126c {
    margin-left: 1rem;
    margin-right: .875rem
}

.disableInteraction__5126c:after {
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.groupStart__5126c {
    margin-top: var(--custom-group-spacing-start)
}

.group-spacing-0 .groupStart__5126c {
    --custom-group-spacing-start: 0.0625rem
}

.group-spacing-0 .divider__5126c {
    margin-bottom: -1px;
    margin-top: 0
}

    .group-spacing-0 .divider__5126c.hasContent__5126c {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem
    }

.group-spacing-4 .groupStart__5126c {
    --custom-group-spacing-start: 0.3125rem
}

.group-spacing-4 .divider__5126c {
    margin-bottom: 0;
    margin-top: -1px
}

    .group-spacing-4 .divider__5126c.beforeGroup__5126c {
        margin-bottom: -1px;
        margin-top: 0;
        top: .125rem
    }

    .group-spacing-4 .divider__5126c.hasContent__5126c {
        margin-bottom: 1.25rem;
        margin-top: 1.5rem
    }

.group-spacing-8 .groupStart__5126c {
    --custom-group-spacing-start: 0.5625rem
}

.group-spacing-8 .divider__5126c {
    margin-bottom: 2px;
    margin-top: 2px
}

    .group-spacing-8 .divider__5126c.beforeGroup__5126c {
        margin-bottom: -1px;
        margin-top: 0;
        top: .25rem
    }

    .group-spacing-8 .divider__5126c.hasContent__5126c {
        margin-bottom: 1rem;
        margin-top: 1.5rem
    }

.group-spacing-16 .groupStart__5126c {
    --custom-group-spacing-start: 1.0625rem
}

.group-spacing-16 .divider__5126c {
    margin-bottom: 4px;
    margin-top: 4px
}

    .group-spacing-16 .divider__5126c.beforeGroup__5126c {
        margin-bottom: -1px;
        margin-top: 0;
        top: .5rem
    }

    .group-spacing-16 .divider__5126c.hasContent__5126c {
        margin-bottom: .5rem;
        margin-top: 1.5rem
    }

.group-spacing-24 .groupStart__5126c {
    --custom-group-spacing-start: 1.5625rem
}

.group-spacing-24 .divider__5126c {
    margin-bottom: 4px;
    margin-top: 4px
}

    .group-spacing-24 .divider__5126c.beforeGroup__5126c {
        margin-bottom: -1px;
        margin-top: 0;
        top: .75rem
    }

    .group-spacing-24 .divider__5126c.hasContent__5126c {
        margin-bottom: 0;
        margin-top: 1.5rem
    }

.backgroundFlash__5126c .groupStart__5126c {
    margin-top: 0 !important
}

.interactionSending__5126c {
    opacity: .5
}

.enable-forced-colors .automodMessage__5126c:before, .enable-forced-colors .ephemeral__5126c:before, .enable-forced-colors .highlighted__5126c:before, .enable-forced-colors .mentioned__5126c:before, .enable-forced-colors .replying__5126c:before {
    forced-color-adjust: none;
    width: 4px
}

.mentioned__5126c .mention.interactive:hover {
    text-decoration: underline
}

.potioned__5126c:before {
    background: linear-gradient(to right,var(--premium-tier-2-purple-for-gradients) 0,var(--premium-tier-2-purple-for-gradients) 2px,hsl(var(--premium-tier-2-purple-for-gradients-hsl)/.15) 2px,hsl(var(--premium-tier-2-pink-for-gradients-hsl)/.15) 85%,transparent 100%);
    transition: width .2s ease-in,opacity .2s ease-in;
    width: 2px
}

.divider__5e421 {
    margin: 8px 0
}

.updateMessage__5e421 {
    align-items: center;
    display: flex;
    gap: 6px;
    margin: 12px 0
}

.infoMessageIcon__5e421 {
    height: 16px;
    width: 16px
}

.joinLeaderboardButton__5e421 {
    width: 100%
}

.joinLeaderboardButton__5e421, .joinLeaderboardButtonInner__5e421 {
    align-items: center;
    display: flex;
    gap: 6px;
    justify-content: center
}

.riotIcon__5e421 {
    height: 16px;
    width: 16px
}

.menuIcon__10fcc {
    color: var(--interactive-normal);
    cursor: pointer;
    height: 16px
}

    .menuIcon__10fcc:hover {
        color: var(--interactive-active)
    }

.container_cfd26e {
    align-items: center;
    background-color: #1f1a36;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    height: 32px;
    padding-left: 16px
}

.title_cfd26e {
    color: var(--content-inventory-overlay-text-secondary);
    flex: 1
}

.textContainer_cfd26e {
    align-items: baseline;
    display: flex
}

.username_cfd26e {
    margin-right: 4px
}

.statsText_cfd26e {
    margin-right: 16px
}

.heroArtContainer_cfd26e {
    border-radius: 0 8px 8px 0;
    height: 32px;
    overflow: hidden;
    width: 32px
}

.heroArt_cfd26e {
    --custom-crop-width: 2px;
    height: calc(100% + var(--custom-crop-width)*2);
    object-fit: cover;
    object-position: calc(var(--custom-crop-width)*-1) calc(var(--custom-crop-width)*-1);
    width: calc(100% + var(--custom-crop-width)*2)
}

.heroContainer__813d8 {
    align-items: center;
    background-clip: content-box,border-box;
    background-origin: border-box;
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    display: flex;
    height: 112px;
    position: relative
}

    .heroContainer__813d8:after {
        border-radius: var(--radius-sm);
        box-shadow: 0 0 1px 1px var(--black) inset;
        content: "";
        left: 0;
        pointer-events: none;
        width: 100%
    }

    .heroContainer__813d8:after, .heroSplash__813d8 {
        height: 100%;
        position: absolute;
        top: 0
    }

.heroSplash__813d8 {
    border-bottom-right-radius: var(--radius-sm);
    border-top-right-radius: var(--radius-sm);
    -webkit-mask-image: linear-gradient(-270deg,transparent,#fff 180px,#fff);
    mask-image: linear-gradient(-270deg,transparent,#fff 180px,#fff);
    object-fit: cover;
    object-position: top;
    right: 0;
    width: 220px
}

.rankContainer__632c2 {
    background-clip: content-box,border-box;
    background-color: var(--bg-surface-overlay);
    background-origin: border-box;
    border: 1px solid transparent;
    border-radius: 50px;
    max-height: 16px;
    min-height: 16px;
    min-width: 16px;
    position: relative;
    --custom-gold-gradient: radial-gradient(64.29% 64.29% at 21.43% 17.86%,rgba(255,235,193,.655) 0%,#c89b3c 30.5%,#785a28 100%);
    --custom-silver-gradient: radial-gradient(78.57% 78.57% at 14.29% 3.57%,#e9e9e9 0%,#7a7a7a 30.5%,#535353 100%);
    --custom-bronze-gradient: radial-gradient(85.71% 85.71% at 7.14% 10.71%,#f4bb8e 0%,#c86d3c 30.5%,#783c28 100%);
    --custom-default-gradient: radial-gradient(75% 75% at 10.71% 14.29%,#a5f5d8 0%,#14555b 100%);
    --custom-dark-background: radial-gradient(85.71% 85.71% at 50% 50%,#112120 21%,#000 100%)
}

.goldBorder__632c2 {
    background-image: linear-gradient(var(--bg-surface-overlay),var(--bg-surface-overlay)),var(--custom-gold-gradient)
}

.silverBorder__632c2 {
    background-image: linear-gradient(var(--bg-surface-overlay),var(--bg-surface-overlay)),var(--custom-silver-gradient)
}

.bronzeBorder__632c2 {
    background-image: linear-gradient(var(--bg-surface-overlay),var(--bg-surface-overlay)),var(--custom-bronze-gradient)
}

.defaultBorder__632c2 {
    background-image: var(--custom-dark-background),var(--custom-default-gradient)
}

.rank__632c2 {
    border-radius: 50px;
    color: #a5f5d8;
    height: 14px;
    line-height: 1.2;
    padding: 0 1px
}

.rankWithBorder__632c2 {
    background-clip: padding-box,border-box;
    background-origin: border-box;
    border: .5px solid transparent;
    left: .5px;
    margin: .5px
}

.rankNoBorder__632c2 {
    background-image: var(--custom-dark-background);
    margin: 1px
}

.goldText__632c2 {
    background-image: var(--custom-dark-background),var(--custom-gold-gradient);
    color: #ffebc1
}

.silverText__632c2 {
    background-image: var(--custom-dark-background),var(--custom-silver-gradient);
    color: #ccc
}

.bronzeText__632c2 {
    background-image: var(--custom-dark-background),var(--custom-bronze-gradient);
    color: #f4bb8e
}

.container_a804d4 {
    position: relative
}

.frame_a804d4 {
    margin-left: -4px;
    margin-top: -4px;
    position: absolute;
    z-index: 2
}

.rankBadge_a804d4 {
    bottom: -8px;
    left: 50%;
    position: absolute;
    text-align: center;
    transform: translateX(-50%);
    z-index: 3
}

.container__91600 {
    background: #14251d;
    border-radius: 8px;
    padding: 14px 16px
}

.userContainer__91600 {
    align-items: center;
    display: flex;
    margin-left: 16px;
    position: relative
}

.userName__91600 {
    color: var(--content-inventory-overlay-text-primary)
}

.userNameContainer__91600 {
    align-items: center;
    display: flex
}

.userSubtitle__91600 {
    color: var(--content-inventory-overlay-text-secondary)
}

.winnerImage__91600 {
    height: 14px;
    width: 14px
}

.container_f4b016 {
    align-items: center;
    background: linear-gradient(90.89deg,#1f1a36 .17%,#4e334a 99.24%);
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    gap: 12px;
    height: 80px;
    padding: 8px 8px 8px 12px;
    width: 400px
}

.avatar_f4b016 {
    border-radius: 50%;
    overflow: hidden
}

.title_f4b016 {
    color: var(--content-inventory-overlay-text-primary)
}

.gameTitle_f4b016 {
    color: #cbaa62
}

.gameTitleContainer_f4b016 {
    align-items: center;
    display: flex;
    gap: 6px
}

.winnerImage_f4b016 {
    height: 16px;
    width: 16px
}

.container_f2d0d9 {
    border-radius: 8px
}

.table_f2d0d9 {
    margin-top: 8px
}

.rows_f2d0d9 {
    display: flex;
    flex-direction: column;
    max-height: 312px;
    padding-bottom: 6px
}

.headerRow_f2d0d9 {
    display: flex;
    gap: 12px;
    justify-content: center;
    padding: 8px 16px 6px
}

.headerPlayer_f2d0d9, .headerRank_f2d0d9, .headerValue_f2d0d9 {
    color: var(--content-inventory-overlay-text-secondary)
}

.headerRank_f2d0d9 {
    text-align: center;
    width: 16px
}

.headerPlayer_f2d0d9 {
    flex: 1
}

.userRow_f2d0d9 {
    align-items: center;
    display: flex;
    gap: 12px;
    overflow: hidden;
    padding: 6px 16px;
    position: relative
}

    .userRow_f2d0d9 .copyLinkContainer_f2d0d9 {
        display: none;
        height: 16px;
        width: 16px
    }

        .userRow_f2d0d9 .copyLinkContainer_f2d0d9[aria-busy=false] {
            cursor: pointer
        }

        .userRow_f2d0d9 .copyLinkContainer_f2d0d9 .copySpinner_f2d0d9, .userRow_f2d0d9 .copyLinkContainer_f2d0d9 > .copyLink_f2d0d9 {
            pointer-events: none
        }

    .userRow_f2d0d9:hover {
        background: var(--background-modifier-hover)
    }

        .userRow_f2d0d9:hover .copyLinkContainer_f2d0d9 {
            display: initial
        }

        .userRow_f2d0d9:hover .liveIcon_f2d0d9 {
            display: none
        }

.rankChangeIndicator_f2d0d9 {
    background-color: var(--header-primary);
    border-radius: 4px;
    height: 8px;
    left: -4px;
    position: absolute;
    top: 11px;
    width: 8px
}

.userRank_f2d0d9 {
    color: var(--text-muted);
    text-align: center;
    width: 18px
}

.userPlayer_f2d0d9 {
    align-items: center;
    display: flex;
    flex: 1;
    min-width: 0
}

.userWinnerImage_f2d0d9 {
    height: 14px;
    width: 14px
}

.joinLeaderboardCTAContainer_f2d0d9 {
    align-items: center;
    display: flex;
    gap: 4px;
    justify-content: center;
    margin-bottom: 6px;
    margin-top: 12px
}

.joinLeaderboardCTAWinnerImage_f2d0d9 {
    height: 14px;
    width: 14px
}

.rankChangeBadge_f2d0d9 {
    align-items: center;
    background-color: var(--border-subtle);
    border-radius: 4px;
    display: flex;
    height: 16px;
    justify-content: center;
    margin-left: 4px;
    padding: 0 6px 0 2px
}

.emptyTitleContainer_f2d0d9 {
    margin-left: 16px;
    max-width: 148px;
    position: relative
}

.emptyTitle_f2d0d9 {
    color: var(--content-inventory-overlay-text-primary)
}

.emptyWinnerImage_f2d0d9 {
    height: 16px;
    left: 2px;
    position: relative;
    top: 2px;
    width: 16px
}

.copyLink_f2d0d9 {
    color: red
}

.badgesContainer_f2d0d9 {
    display: flex;
    gap: 8px
}

.copySpinner_f2d0d9 {
    height: 16px;
    width: 16px
}

    .copySpinner_f2d0d9 circle {
        stroke: var(--interactive-normal)
    }

.tooltip_f2d0d9 {
    align-items: center;
    display: flex;
    gap: 4px
}

.popout__4f0a5 {
    background-color: var(--bg-surface-overlay);
    border-radius: 8px;
    box-shadow: var(--shadow-high);
    box-sizing: border-box;
    width: 342px
}

.content__4f0a5 {
    padding: 16px
}

.leaderboardName__4f0a5 {
    color: var(--content-inventory-overlay-text-primary);
    display: inline
}

.gameIcon__4f0a5 {
    height: 24px;
    width: 24px
}

.leaderboardTitle__4f0a5 {
    color: var(--content-inventory-overlay-text-secondary);
    flex: 1
}

.header__4f0a5 {
    align-items: center;
    display: flex;
    margin-bottom: 16px
}

.previousChampion__4f0a5 {
    margin-top: 8px
}

.content__4f0a5 .divider__4f0a5 {
    margin: 8px 0
}

.joinLeaderboardButton__4f0a5 {
    width: 100%
}

.exitPreviewModeText__4f0a5 {
    color: var(--content-inventory-overlay-text-secondary)
}

.exitPreviewModeButton__4f0a5 {
    border-top: 1px solid var(--border-subtle);
    cursor: pointer;
    padding: 13px 0;
    text-align: center;
    width: 100%
}

.container__0f2e8 {
    align-items: center;
    background: var(--bg-overlay-3,var(--background-primary));
    border-radius: var(--radius-md);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    gap: 8px;
    height: 64px;
    justify-content: space-between;
    margin-left: 8px;
    margin-top: 8px;
    max-width: 224px;
    padding: 8px;
    position: relative
}

    .container__0f2e8:hover {
        background: var(--bg-overlay-5,var(--background-modifier-hover))
    }

        .container__0f2e8:hover .contentTitle__0f2e8 {
            color: var(--interactive-hover)
        }

        .container__0f2e8:hover .reply__0f2e8 {
            opacity: 1
        }

        .container__0f2e8:hover .additionalParticipantBadge__0f2e8 {
            background: var(--bg-overlay-4,var(--background-accent))
        }

.visual-refresh .container__0f2e8 {
    background: var(--bg-overlay-4,var(--background-surface-high));
    border: 1px solid var(--border-faint);
    max-width: calc(var(--custom-member-list-width) - 16px)
}

.openOnHover__0f2e8 {
    cursor: auto
}

.reply__0f2e8 {
    align-items: center;
    background: var(--background-primary);
    border: 1px solid var(--background-secondary);
    border-radius: var(--radius-xs);
    display: flex;
    height: 24px;
    justify-content: center;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 8px;
    top: 4px;
    width: 24px
}

    .reply__0f2e8:hover .icon__0f2e8 {
        color: var(--interactive-hover)
    }

.icon__0f2e8 {
    color: var(--interactive-normal);
    display: block;
    height: 16px;
    object-fit: contain
}

.selected__0f2e8, .selected__0f2e8:hover {
    background-color: var(--background-modifier-selected)
}

    .selected__0f2e8 .contentDescription__0f2e8 {
        color: var(--interactive-hover)
    }

.infoSection__0f2e8 {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin-bottom: -2px;
    min-width: 0
}

.userSection__0f2e8 {
    align-items: center;
    display: flex;
    margin-bottom: 2px
}

.userName__0f2e8 {
    color: var(--channels-default);
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2857142857142858;
    max-width: 85%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .userName__0f2e8.fontScaling__0f2e8 {
        font-size: .875rem
    }

.facePile__0f2e8 {
    display: flex;
    margin-right: 6px
}

.facePileItem__0f2e8:not(:first-child) {
    margin-left: -3px
}

.additionalParticipantBadge__0f2e8 {
    background: var(--background-modifier-accent);
    border-radius: 8px;
    margin-left: 4px;
    padding: 2.25px 4.4px 2.5px 4.2px
}

.additionalParticipantBadgeText__0f2e8 {
    line-height: 10px
}

img.thumbnail__0f2e8 {
    object-fit: cover;
    width: 48px
}

.container__38f6e {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    padding: 4px;
    position: relative
}

.border__38f6e, .container__38f6e {
    height: 48px;
    width: 48px
}

.border__38f6e {
    position: absolute
}

.gameTitle_d5d1e1 {
    color: var(--leaderboard-league-brand-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.gameIcon_d5d1e1 {
    height: 16px;
    width: 16px
}

.gameTitleContainer_d5d1e1 {
    align-items: center;
    display: flex;
    gap: 6px
}

.emptyStateImage_d5d1e1 {
    margin: 2px;
    width: 100%
}

.button__7d567 {
    font-size: 14px
}

.buttonSize__7d567 {
    height: 32px;
    min-height: 32px
}

.reactions__5ba62 {
    flex-direction: row;
    flex-wrap: wrap;
    height: 32px;
    justify-content: flex-end;
    width: 100px
}

.reactions__5ba62, .reply__5ba62 {
    border-radius: 8px;
    display: flex
}

.reply__5ba62 {
    background: var(--background-primary);
    box-shadow: var(--elevation-high);
    flex-direction: column;
    font-size: 16px;
    padding: 16px;
    text-indent: 0;
    width: 300px
}

.replyHeader__5ba62 {
    margin-bottom: 8px;
    text-transform: uppercase
}

.replyInput__5ba62 {
    background: var(--input-background)
}

.emojiButton__5ba62 {
    background-color: transparent;
    margin-left: 8px
}

.reaction__5ba62 {
    align-self: center;
    display: flex;
    opacity: .8;
    transition: opacity .2s linear
}

    .reaction__5ba62:hover {
        opacity: 1
    }

.closeIcon__5ba62 {
    color: var(--interactive-normal);
    cursor: pointer
}

.heading-sm\/normal_a7acae {
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2857142857142858
}

    .heading-sm\/normal_a7acae.fontScaling_a7acae {
        font-size: .875rem
    }

.heading-sm\/medium_a7acae {
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2857142857142858
}

    .heading-sm\/medium_a7acae.fontScaling_a7acae {
        font-size: .875rem
    }

.heading-sm\/semibold_a7acae {
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2857142857142858
}

    .heading-sm\/semibold_a7acae.fontScaling_a7acae {
        font-size: .875rem
    }

.heading-sm\/bold_a7acae {
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2857142857142858
}

    .heading-sm\/bold_a7acae.fontScaling_a7acae {
        font-size: .875rem
    }

.heading-sm\/extrabold_a7acae {
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2857142857142858
}

    .heading-sm\/extrabold_a7acae.fontScaling_a7acae {
        font-size: .875rem
    }

.heading-md\/normal_a7acae {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25
}

    .heading-md\/normal_a7acae.fontScaling_a7acae {
        font-size: 1rem
    }

.heading-md\/medium_a7acae {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25
}

    .heading-md\/medium_a7acae.fontScaling_a7acae {
        font-size: 1rem
    }

.heading-md\/semibold_a7acae {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25
}

    .heading-md\/semibold_a7acae.fontScaling_a7acae {
        font-size: 1rem
    }

.heading-md\/bold_a7acae {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25
}

    .heading-md\/bold_a7acae.fontScaling_a7acae {
        font-size: 1rem
    }

.heading-md\/extrabold_a7acae {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.25
}

    .heading-md\/extrabold_a7acae.fontScaling_a7acae {
        font-size: 1rem
    }

.heading-lg\/normal_a7acae {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2
}

    .heading-lg\/normal_a7acae.fontScaling_a7acae {
        font-size: 1.25rem
    }

.heading-lg\/medium_a7acae {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2
}

    .heading-lg\/medium_a7acae.fontScaling_a7acae {
        font-size: 1.25rem
    }

.heading-lg\/semibold_a7acae {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2
}

    .heading-lg\/semibold_a7acae.fontScaling_a7acae {
        font-size: 1.25rem
    }

.heading-lg\/bold_a7acae {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2
}

    .heading-lg\/bold_a7acae.fontScaling_a7acae {
        font-size: 1.25rem
    }

.heading-lg\/extrabold_a7acae {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2
}

    .heading-lg\/extrabold_a7acae.fontScaling_a7acae {
        font-size: 1.25rem
    }

.heading-xl\/normal_a7acae {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 400;
    line-height: 1.25
}

    .heading-xl\/normal_a7acae.fontScaling_a7acae {
        font-size: 1.5rem
    }

.heading-xl\/medium_a7acae {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 500;
    line-height: 1.25
}

    .heading-xl\/medium_a7acae.fontScaling_a7acae {
        font-size: 1.5rem
    }

.heading-xl\/semibold_a7acae {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25
}

    .heading-xl\/semibold_a7acae.fontScaling_a7acae {
        font-size: 1.5rem
    }

.heading-xl\/bold_a7acae {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25
}

    .heading-xl\/bold_a7acae.fontScaling_a7acae {
        font-size: 1.5rem
    }

.heading-xl\/extrabold_a7acae {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.25
}

    .heading-xl\/extrabold_a7acae.fontScaling_a7acae {
        font-size: 1.5rem
    }

.heading-xxl\/normal_a7acae {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 400;
    line-height: 1.25
}

    .heading-xxl\/normal_a7acae.fontScaling_a7acae {
        font-size: 2rem
    }

.heading-xxl\/medium_a7acae {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 500;
    line-height: 1.25
}

    .heading-xxl\/medium_a7acae.fontScaling_a7acae {
        font-size: 2rem
    }

.heading-xxl\/semibold_a7acae {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 600;
    line-height: 1.25
}

    .heading-xxl\/semibold_a7acae.fontScaling_a7acae {
        font-size: 2rem
    }

.heading-xxl\/bold_a7acae {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 700;
    line-height: 1.25
}

    .heading-xxl\/bold_a7acae.fontScaling_a7acae {
        font-size: 2rem
    }

.heading-xxl\/extrabold_a7acae {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 800;
    line-height: 1.25
}

    .heading-xxl\/extrabold_a7acae.fontScaling_a7acae {
        font-size: 2rem
    }

.eyebrow_a7acae {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 1.3333333333333333;
    text-transform: uppercase
}

    .eyebrow_a7acae.fontScaling_a7acae {
        font-size: .75rem
    }

.heading-deprecated-12\/normal_a7acae {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3333333333333333
}

    .heading-deprecated-12\/normal_a7acae.fontScaling_a7acae {
        font-size: .75rem
    }

.heading-deprecated-12\/medium_a7acae {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3333333333333333
}

    .heading-deprecated-12\/medium_a7acae.fontScaling_a7acae {
        font-size: .75rem
    }

.heading-deprecated-12\/semibold_a7acae {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3333333333333333
}

    .heading-deprecated-12\/semibold_a7acae.fontScaling_a7acae {
        font-size: .75rem
    }

.heading-deprecated-12\/bold_a7acae {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3333333333333333
}

    .heading-deprecated-12\/bold_a7acae.fontScaling_a7acae {
        font-size: .75rem
    }

.heading-deprecated-12\/extrabold_a7acae {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.3333333333333333
}

    .heading-deprecated-12\/extrabold_a7acae.fontScaling_a7acae {
        font-size: .75rem
    }

.redesign\/heading-18\/bold_a7acae {
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3333333333333333
}

    .redesign\/heading-18\/bold_a7acae.fontScaling_a7acae {
        font-size: 1.125rem
    }

.text-xxs\/normal_a7acae {
    font-family: var(--font-primary);
    font-size: 10px;
    font-weight: 400;
    line-height: 1.2
}

    .text-xxs\/normal_a7acae.fontScaling_a7acae {
        font-size: .625rem
    }

.text-xxs\/medium_a7acae {
    font-family: var(--font-primary);
    font-size: 10px;
    font-weight: 500;
    line-height: 1.2
}

    .text-xxs\/medium_a7acae.fontScaling_a7acae {
        font-size: .625rem
    }

.text-xxs\/semibold_a7acae {
    font-family: var(--font-primary);
    font-size: 10px;
    font-weight: 600;
    line-height: 1.2
}

    .text-xxs\/semibold_a7acae.fontScaling_a7acae {
        font-size: .625rem
    }

.text-xxs\/bold_a7acae {
    font-family: var(--font-primary);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2
}

    .text-xxs\/bold_a7acae.fontScaling_a7acae {
        font-size: .625rem
    }

.text-xs\/normal_a7acae {
    font-family: var(--font-primary);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3333333333333333
}

    .text-xs\/normal_a7acae.fontScaling_a7acae {
        font-size: .75rem
    }

.text-xs\/medium_a7acae {
    font-family: var(--font-primary);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3333333333333333
}

    .text-xs\/medium_a7acae.fontScaling_a7acae {
        font-size: .75rem
    }

.text-xs\/semibold_a7acae {
    font-family: var(--font-primary);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3333333333333333
}

    .text-xs\/semibold_a7acae.fontScaling_a7acae {
        font-size: .75rem
    }

.text-xs\/bold_a7acae {
    font-family: var(--font-primary);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3333333333333333
}

    .text-xs\/bold_a7acae.fontScaling_a7acae {
        font-size: .75rem
    }

.text-sm\/normal_a7acae {
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2857142857142858
}

    .text-sm\/normal_a7acae.fontScaling_a7acae {
        font-size: .875rem
    }

.text-sm\/medium_a7acae {
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2857142857142858
}

    .text-sm\/medium_a7acae.fontScaling_a7acae {
        font-size: .875rem
    }

.text-sm\/semibold_a7acae {
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2857142857142858
}

    .text-sm\/semibold_a7acae.fontScaling_a7acae {
        font-size: .875rem
    }

.text-sm\/bold_a7acae {
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2857142857142858
}

    .text-sm\/bold_a7acae.fontScaling_a7acae {
        font-size: .875rem
    }

.text-md\/normal_a7acae {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25
}

    .text-md\/normal_a7acae.fontScaling_a7acae {
        font-size: 1rem
    }

.text-md\/medium_a7acae {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25
}

    .text-md\/medium_a7acae.fontScaling_a7acae {
        font-size: 1rem
    }

.text-md\/semibold_a7acae {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25
}

    .text-md\/semibold_a7acae.fontScaling_a7acae {
        font-size: 1rem
    }

.text-md\/bold_a7acae {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25
}

    .text-md\/bold_a7acae.fontScaling_a7acae {
        font-size: 1rem
    }

.text-lg\/normal_a7acae {
    font-family: var(--font-primary);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2
}

    .text-lg\/normal_a7acae.fontScaling_a7acae {
        font-size: 1.25rem
    }

.text-lg\/medium_a7acae {
    font-family: var(--font-primary);
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2
}

    .text-lg\/medium_a7acae.fontScaling_a7acae {
        font-size: 1.25rem
    }

.text-lg\/semibold_a7acae {
    font-family: var(--font-primary);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2
}

    .text-lg\/semibold_a7acae.fontScaling_a7acae {
        font-size: 1.25rem
    }

.text-lg\/bold_a7acae {
    font-family: var(--font-primary);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2
}

    .text-lg\/bold_a7acae.fontScaling_a7acae {
        font-size: 1.25rem
    }

.redesign\/message-preview\/normal_a7acae {
    font-family: var(--font-primary);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3333333333333333
}

    .redesign\/message-preview\/normal_a7acae.fontScaling_a7acae {
        font-size: .9375rem
    }

.redesign\/message-preview\/medium_a7acae {
    font-family: var(--font-primary);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3333333333333333
}

    .redesign\/message-preview\/medium_a7acae.fontScaling_a7acae {
        font-size: .9375rem
    }

.redesign\/message-preview\/semibold_a7acae {
    font-family: var(--font-primary);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3333333333333333
}

    .redesign\/message-preview\/semibold_a7acae.fontScaling_a7acae {
        font-size: .9375rem
    }

.redesign\/message-preview\/bold_a7acae {
    font-family: var(--font-primary);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3333333333333333
}

    .redesign\/message-preview\/bold_a7acae.fontScaling_a7acae {
        font-size: .9375rem
    }

.redesign\/channel-title\/normal_a7acae {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.375
}

    .redesign\/channel-title\/normal_a7acae.fontScaling_a7acae {
        font-size: 1rem
    }

.redesign\/channel-title\/medium_a7acae {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.375
}

    .redesign\/channel-title\/medium_a7acae.fontScaling_a7acae {
        font-size: 1rem
    }

.redesign\/channel-title\/semibold_a7acae {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.375
}

    .redesign\/channel-title\/semibold_a7acae.fontScaling_a7acae {
        font-size: 1rem
    }

.redesign\/channel-title\/bold_a7acae {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.375
}

    .redesign\/channel-title\/bold_a7acae.fontScaling_a7acae {
        font-size: 1rem
    }

.display-sm_a7acae {
    font-family: var(--font-headline);
    font-size: 20px;
    font-weight: 800;
    line-height: 1
}

    .display-sm_a7acae.fontScaling_a7acae {
        font-size: 1.25rem
    }

.display-md_a7acae {
    font-family: var(--font-headline);
    font-size: 34px;
    font-weight: 800;
    line-height: 1.0588235294117647
}

    .display-md_a7acae.fontScaling_a7acae {
        font-size: 2.125rem
    }

.display-lg_a7acae {
    font-family: var(--font-headline);
    font-size: 44px;
    font-weight: 800;
    line-height: .9545454545454546
}

    .display-lg_a7acae.fontScaling_a7acae {
        font-size: 2.75rem
    }

.code_a7acae {
    font-family: var(--font-code);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3333333333333333
}

    .code_a7acae.fontScaling_a7acae {
        font-size: .75rem
    }

.live_a7acae {
    padding: 0 6px
}

.liveShapeRound_a7acae {
    border-radius: var(--custom-live-indicator-border-radius)
}

.liveShapeRoundLeft_a7acae {
    border-radius: var(--custom-live-indicator-border-radius) 0 0 var(--custom-live-indicator-border-radius)
}

.liveShapeRoundRight_a7acae {
    border-radius: 0 var(--custom-live-indicator-border-radius) var(--custom-live-indicator-border-radius) 0
}

.grey_a7acae {
    background-color: var(--interactive-muted);
    color: var(--interactive-normal)
}

.liveLarge_a7acae {
    font-size: 14px;
    line-height: 16px
}

.liveSmall_a7acae {
}

.image__04666 {
    height: 100%;
    object-fit: contain;
    width: 100%
}

.emptyPreviewContainer__04666 {
    align-items: center;
    bottom: 0;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.emptyPreviewImage__04666 {
    background-position: 50%;
    background-repeat: no-repeat;
    height: 60%;
    margin-bottom: 10px;
    width: 80%
}

.emptyPreviewText__04666 {
    color: var(--header-secondary)
}

.noImage__04666 {
    background-image: none
}

.images-light .emptyPreviewImage__04666 {
    background-image: url(/assets/bc689a4cf705a445.svg)
}

    .images-light .emptyPreviewImage__04666.noImage__04666 {
        background-image: none
    }

.images-dark .emptyPreviewImage__04666 {
    background-image: url(/assets/6b1a461f35c05c7a.svg)
}

    .images-dark .emptyPreviewImage__04666.noImage__04666 {
        background-image: none
    }

@value maxWidth: 498px;

.container__0800c {
    background-color: var(--background-floating);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-border),var(--shadow-high);
    isolation: isolate;
    overflow: hidden
}

.slotsContainer__0800c {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: var(--custom-voice-channel-effects-bar-effect-bar-padding-y) var(--custom-voice-channel-effects-bar-effect-bar-padding-x);
    width: calc(var(--custom-voice-channel-effects-bar-max-width) - var(--custom-voice-channel-effects-bar-effect-bar-padding-x)*2)
}

.slots__0800c {
    display: flex;
    gap: 24px;
    min-width: 272px
}

.slotsWide__0800c {
    gap: 30px
}

.slot__0800c {
    cursor: pointer
}

.emoji__0800c {
    height: 32px;
    width: 32px
}

.tooltipContainer__0800c {
    margin-bottom: 12px
}

.emojiItemDisabled__0800c {
    filter: grayscale(100%)
}

.animatedPicker__0800c {
    border-radius: 0;
    box-shadow: none;
    height: 0;
    overflow: hidden;
    top: 0;
    transition: height .4s cubic-bezier(.16,1,.3,1)
}

.animatedPickerTall__0800c {
    height: 440px;
    top: 498px
}

.emojiPickerHeader__0800c {
    background: var(--background-floating);
    box-shadow: none;
    padding-bottom: 4px
}

.emojiPickerHeaderExpanded__0800c {
    padding-bottom: 12px
}

.dropDownContainer__0800c {
    margin-left: 8px
}

.dropDown__0800c {
    color: var(--interactive-normal);
    cursor: pointer
}

.full-motion .dropDown__0800c {
    transition: transform .4s cubic-bezier(.16,1,.3,1)
}

.dropDown__0800c:hover {
    color: var(--interactive-hover)
}

.dropDownOpen__0800c {
    transform: rotate(180deg)
}

.visual-refresh .emojiPickerHeader__0800c {
    padding-top: var(--spacing-16)
}

.container_b2d72f {
    align-items: center;
    display: flex;
    position: relative
}

.iconContainer_b2d72f {
    flex: 0 0 auto;
    height: 16px;
    margin-right: 4px;
    position: relative;
    width: 16px
}

.icon_b2d72f {
    color: var(--primary-300);
    position: relative;
    width: 100%
}

.foreground_b2d72f, .icon_b2d72f {
    opacity: .6
}

.avatar_b2d72f {
    margin-right: -4px
}

.avatarSize_b2d72f {
    height: 20px !important;
    width: 20px !important
}

.emptyUser_b2d72f {
    background: var(--primary-500);
    border-radius: 50%;
    height: 20px;
    width: 20px
}

.avatarMasked_b2d72f {
    -webkit-mask-image: url(/assets/1f9b76e0279b91a4.svg);
    mask-image: url(/assets/1f9b76e0279b91a4.svg);
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.moreUsers_b2d72f {
    background-color: var(--primary-500);
    border-radius: 10px;
    color: var(--primary-300);
    font-size: 12px;
    font-weight: 700;
    height: 20px;
    line-height: 20px;
    padding: 0 8px 0 6px;
    position: relative
}

.noUserDrag_c8743f {
    -webkit-user-drag: none
}

.userSelectText_c8743f {
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.userSelectNone_c8743f {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.cursorDefault_c8743f {
    cursor: default
}

.cursorPointer_c8743f {
    cursor: pointer
}

.clickable__39b46 {
    cursor: pointer
}

    .clickable__39b46:hover > * {
        text-decoration: underline
    }

.popout__91e7a {
    background-color: var(--background-floating);
    border-radius: 8px;
    box-shadow: var(--elevation-high);
    padding: 0 16px
}

.coachtip_b61b37 {
    filter: drop-shadow(0 8px 8px var(--opacity-black-32));
    margin-bottom: 16px;
    margin-right: 16px;
    max-height: 92px;
    max-width: 330px;
    min-height: 92px;
    min-width: 330px
}

.coachtip_b61b37, .coachtipContent_b61b37 {
    display: flex
}

.coachtipInner_b61b37 {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 12px;
    position: relative
}

.coachtipAsset_b61b37 {
    height: 117px;
    position: relative;
    width: 130px
}

.coachtipTextContainer_b61b37 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-width: 160px
}

.loadingSpinner__5b1b2 {
    height: 24px;
    margin-right: 8px;
    width: 24px
}

.toast__3fde7 {
    align-items: center;
    background-color: var(--background-tertiary);
    border-radius: 32px;
    display: flex;
    line-height: 24px;
    margin-bottom: 12px;
    padding: 16px
}

.content__3fde7 {
    color: var(--header-primary)
}

.icon__3fde7 {
    height: 24px;
    margin-right: 8px;
    margin-top: -2px;
    width: 24px
}

.clipIcon__3fde7 {
    color: var(--header-primary)
}

.visual-refresh .content__3fde7 {
    color: currentColor
}

.visual-refresh .icon__3fde7 {
    height: 16px;
    width: 16px
}

.visual-refresh .toast__3fde7 {
    background-color: var(--background-surface-highest);
    border: 1px solid var(--border-normal);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-high);
    color: var(--header-primary);
    padding: var(--space-8) var(--space-12)
}

    .visual-refresh .toast__3fde7[data-type=success] {
        background-color: var(--notice-background-positive);
        color: var(--notice-text-positive)
    }

    .visual-refresh .toast__3fde7[data-type=failure] {
        background-color: var(--notice-background-critical);
        color: var(--notice-text-critical)
    }

.popout_af3b89 {
    filter: drop-shadow(0 8px 8px var(--opacity-black-32));
    width: 348px
}

.hero_af3b89, .popout_af3b89 {
    display: flex;
    flex-direction: column
}

.hero_af3b89 {
    background-color: var(--background-secondary);
    border-radius: var(--radius-sm);
    gap: 8px;
    padding: 8px
}

.interactionsContainer_af3b89:before {
    background-color: var(--border-subtle);
    content: "";
    height: 1px;
    left: 16px;
    position: absolute;
    right: 16px;
    top: 0
}

.interactionsContainer_af3b89 {
    background-color: var(--background-floating);
    border-bottom-left-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    position: relative
}

.replyInput_af3b89 {
    --form-input-height: 36px
}

.joinPromptContainer_af3b89 {
    display: flex;
    flex-direction: row
}

.emojiHotrail_af3b89 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
    padding: 0 12px
}

.emojiSuggestionButton_af3b89:hover {
    cursor: pointer
}

.emoji_af3b89 {
    width: 24px
}

.contentImage_af3b89 {
    border-radius: var(--radius-xs);
    display: block
}

.heroDetails_af3b89 {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    min-width: 0
}

.toastContainer_af3b89 {
    align-items: center;
    bottom: -80px;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0
}

.emojiHotrailShareToChannel_af3b89 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0 12px 16px
}

.inputContainerShareToChannel_af3b89 {
    align-items: center;
    display: flex;
    gap: 16px
}

.primaryActionPopoutMessageCloseIcon_af3b89 {
    align-items: center;
    display: flex;
    justify-content: center
}

    .primaryActionPopoutMessageCloseIcon_af3b89:hover {
        cursor: pointer
    }

.shareToChannelButton_af3b89 {
    align-items: center;
    border-right: 2px solid var(--background-primary);
    cursor: pointer;
    display: flex;
    padding-right: 15px
}

.visual-refresh .shareToChannelButton_af3b89 {
    border-right: none;
    padding-right: var(--space-8)
}

.visual-refresh-chat-input .shareToChannelButton_af3b89 {
    padding-right: 0
}

.attachment_af3b89 {
    width: 100%
}

.attachmentContainer_af3b89 {
    background: var(--input-background);
    border-top-left-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md);
    box-sizing: border-box;
    margin-bottom: 1px;
    padding: 16px;
    width: 100%
}

.shareToChannelInput_af3b89 {
    background: var(--input-background);
    border-radius: var(--radius-md);
    display: flex
}

.shareToChannelInputHasAttachments_af3b89 {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.popoutContentHeader_af3b89 {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 16px;
    overflow: hidden
}

.popoutContentWrapper_af3b89 {
    background: var(--background-floating);
    border-top-left-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md);
    padding: 16px
}

.popoutHeroInner_af3b89 {
    align-items: center;
    display: flex;
    gap: 16px;
    position: relative
}

.popoutThumbnailContainer_af3b89 {
    min-height: 72px;
    text-align: center;
    width: 72px
}

.popoutHeroBody_af3b89 {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.popoutHeroTextPrimary_af3b89 {
    color: var(--content-inventory-overlay-text-primary)
}

    .popoutHeroTextPrimary_af3b89.popoutHeroTextPrimaryShort_af3b89 {
        max-width: 156px
    }

.popoutHeroTextSecondary_af3b89 {
    color: var(--content-inventory-overlay-text-secondary)
}

.popoutHeaderIcons_af3b89 {
    position: absolute;
    right: 0;
    top: 0
}

.popoutUserContainer_af3b89 {
    align-items: center;
    display: flex;
    flex-grow: 1;
    overflow: hidden
}

.popoutUsernames_af3b89 {
    overflow: hidden;
    text-overflow: ellipsis
}

.popoutUsername_af3b89 {
    display: inline
}

.streamingPopoutHeader_af3b89 {
    align-items: center;
    display: flex;
    gap: 16px;
    padding: 8px
}

.streamingPopoutHeaderText_af3b89 {
    display: flex;
    flex-direction: column
}

.streamingPopoutPreviewContainer_af3b89 {
    min-height: 170px;
    position: relative
}

.streamingPopoutImg_af3b89 img {
    border-top-left-radius: var(--radius-sm);
    border-top-right-radius: var(--radius-sm);
    display: block
}

.voiceChannelPopoutReactorHeader_af3b89 {
    display: flex;
    justify-content: space-between
}

.voiceChannelPopoutReactorChannel_af3b89 {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 4px;
    justify-content: center
}

    .voiceChannelPopoutReactorChannel_af3b89:hover .voiceChannelName_af3b89 {
        text-decoration: underline
    }

.voiceChannelGuildIcon_af3b89 {
    border-radius: 6px
}

.voiceChannelAdditionalParticipants_af3b89 {
    align-items: center;
    background-color: var(--bg-mod-strong);
    border-radius: 8px;
    display: flex;
    height: 16px;
    justify-content: center;
    padding: 0 4px
}

.primaryActionPopoutDivider_af3b89 {
    border-bottom: 1px solid var(--border-subtle);
    margin: 16px 0;
    width: 100%
}

.iconButton_af3b89 {
    align-items: center;
    display: flex;
    gap: 4px;
    justify-content: center;
    min-width: 40px
}

    .iconButton_af3b89 svg {
        flex: none
    }

.primaryActionPopoutActionButtons_af3b89 {
    display: flex;
    gap: 8px
}

.hiddenButRenderedInputField_af3b89 {
    display: none
}

.primaryButton_af3b89, .secondaryButton_af3b89 {
    flex: 1
}

.popoutBlockedWarningIcon_af3b89 {
    margin-bottom: -2px;
    margin-right: 3px
}

.popoutTextPrimary_af3b89 {
    color: var(--interactive-active)
}

.popoutTextSecondary_af3b89 {
    color: var(--interactive-normal)
}

.streamingPopoutHero_af3b89 {
    border-radius: var(--radius-sm);
    display: flex;
    flex-direction: column;
    gap: 0
}

.streamCTA_af3b89 {
    align-items: center;
    background: var(--bg-backdrop);
    border-radius: 8px;
    bottom: 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .1s linear
}

    .streamCTA_af3b89:hover {
        opacity: 1
    }

.maybeClickable_af3b89[role=button] {
    cursor: pointer
}

    .maybeClickable_af3b89[role=button]:focus-visible .popoutHeroTextPrimary_af3b89, .maybeClickable_af3b89[role=button]:focus-visible .popoutHeroTextSecondary_af3b89, .maybeClickable_af3b89[role=button]:focus-visible .popoutTextPrimary_af3b89, .maybeClickable_af3b89[role=button]:focus-visible .popoutTextSecondary_af3b89, .maybeClickable_af3b89[role=button]:hover .popoutHeroTextPrimary_af3b89, .maybeClickable_af3b89[role=button]:hover .popoutHeroTextSecondary_af3b89, .maybeClickable_af3b89[role=button]:hover .popoutTextPrimary_af3b89, .maybeClickable_af3b89[role=button]:hover .popoutTextSecondary_af3b89 {
        text-decoration: underline
    }

.popoutHeaderIcons_af3b89 {
    align-items: center;
    align-self: flex-start;
    display: flex
}

.container__264ae {
    align-items: center;
    border-radius: 32px;
    display: flex;
    filter: brightness(.7);
    flex-direction: column
}

    .container__264ae[role=button] {
        cursor: pointer
    }

        .container__264ae[role=button]:hover {
            filter: brightness(1)
        }

.listeningTimeline__66799 {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 9px;
    justify-content: space-between
}

.seekBarContainer__66799 {
    background-color: var(--content-inventory-media-seekbar-container);
    border-radius: 2px;
    height: 2px;
    position: relative;
    width: 100%
}

.seekBarFill__66799 {
    background-color: var(--text-normal);
    border-radius: 2px;
    height: 2px
}

.timestamp__66799 {
    font-family: var(--font-code)
}

.menuIcon__62974 {
    color: var(--interactive-normal);
    cursor: pointer
}

    .menuIcon__62974:hover {
        color: var(--interactive-active)
    }

.heading__3299f {
    display: flex;
    justify-content: space-between
}

.preview__3299f {
    align-items: center;
    aspect-ratio: 16/9;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    width: 100%
}

.user-profile-modal .preview__3299f {
    max-height: 60px;
    max-width: 60px;
    min-height: 60px;
    min-width: 60px
}

.user-profile-modal-v2 .preview__3299f {
    max-height: 100px;
    max-width: 100px;
    min-height: 100px;
    min-width: 100px
}

.image__3299f {
    background-color: var(--bg-base-tertiary);
    border-radius: var(--radius-sm);
    height: 100%;
    object-fit: contain;
    width: 100%
}

.clickable__3299f {
    cursor: pointer
}

.disabled__3299f {
    cursor: not-allowed
}

.overlay__3299f {
    position: relative
}

    .overlay__3299f:after {
        border-radius: var(--radius-sm);
        content: "";
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 0
    }

    .overlay__3299f:hover .overlayText__3299f {
        opacity: 1
    }

.full-motion .overlay__3299f:hover .clyde__3299f {
    display: initial
}

.overlayText__3299f {
    background: var(--opacity-black-60);
    border-radius: var(--radius-sm);
    cursor: inherit;
    opacity: 0;
    padding: 7px 16px;
    position: absolute;
    z-index: 1
}

.full-motion .overlayText__3299f {
    transition: opacity var(--custom-button-transition-duration) ease
}

.clyde__3299f {
    animation: fadeIn__3299f 7.6s linear 19s forwards,x__3299f 3.8s linear 19s infinite alternate,y__3299f 2.3s linear 19s infinite alternate,colorX__3299f 19s step-start 19s infinite,colorY__3299f 11.5s step-start 19s infinite;
    color: hsl(calc((var(--custom-color-y)*5 + var(--custom-color-x))*14.4) 100% 50%);
    display: none;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0
}

@keyframes fadeIn__3299f {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes x__3299f {
    0% {
        left: 0
    }

    to {
        left: calc(100% - 16px)
    }
}

@keyframes y__3299f {
    0% {
        top: 0
    }

    to {
        top: calc(100% - 16px)
    }
}

@keyframes colorX__3299f {
    0% {
        --custom-color-x: 0
    }

    20% {
        --custom-color-x: 2
    }

    40% {
        --custom-color-x: 4
    }

    60% {
        --custom-color-x: 1
    }

    80% {
        --custom-color-x: 3
    }

    to {
        --custom-color-x: 0
    }
}

@keyframes colorY__3299f {
    0% {
        --custom-color-y: 0
    }

    20% {
        --custom-color-y: 2
    }

    40% {
        --custom-color-y: 4
    }

    60% {
        --custom-color-y: 1
    }

    80% {
        --custom-color-y: 3
    }

    to {
        --custom-color-y: 0
    }
}

.container_e928f4 {
    background: var(--card-primary-bg);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    box-sizing: border-box;
    flex-shrink: 0;
    height: 60px;
    position: relative;
    width: 60px
}

.user-profile-modal-v2 .container_e928f4 {
    height: 100px;
    width: 100px
}

.container_e928f4:before {
    background: var(--bg-mod-subtle);
    border-radius: inherit;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.theme-dark.custom-user-profile-theme .container_e928f4 {
    background: rgb(var(--bg-overlay-color-inverse)/.15)
}

    .theme-dark.custom-user-profile-theme .container_e928f4:before {
        content: none
    }

.theme-light.custom-user-profile-theme .container_e928f4 {
    background: rgb(var(--bg-overlay-color)/.4)
}

    .theme-light.custom-user-profile-theme .container_e928f4:before {
        content: none
    }

.circle_e928f4 {
    border-radius: var(--radius-round);
    box-shadow: var(--shadow-high);
    position: absolute
}

.avatar_e928f4 {
    border-radius: inherit;
    height: 100%;
    outline: 2px solid var(--bg-surface-overlay);
    width: 100%
}

.theme-dark.custom-user-profile-theme .avatar_e928f4 {
    outline-color: var(--opacity-white-24)
}

.theme-light.custom-user-profile-theme .avatar_e928f4 {
    outline-color: var(--opacity-white-72)
}

.user-profile-modal-v2 .avatar_e928f4 {
    outline-width: 3px
}

.overflowCount_e928f4 {
    align-items: center;
    background: var(--bg-surface-overlay);
    border-radius: inherit;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 1px;
    position: relative;
    width: 100%
}

.theme-dark.custom-user-profile-theme .overflowCount_e928f4 {
    background: var(--opacity-white-24)
}

.theme-light.custom-user-profile-theme .overflowCount_e928f4 {
    background: var(--opacity-white-72)
}

.form__08bd2 {
    display: contents
}

.modalHeader__08bd2 {
    gap: 4px;
    overflow: visible;
    padding: 16px 0 0;
    text-align: center
}

.closeButton__08bd2 {
    color: var(--interactive-normal);
    cursor: pointer;
    position: absolute;
    right: -4px;
    top: 8px
}

.headerImage__08bd2 {
    background-image: url(/assets/f66ae7bb8510ab4f.svg);
    background-repeat: no-repeat;
    height: 200px;
    margin: 0 auto;
    width: 300px
}

.inputSection__08bd2 {
    margin: 16px 0
}

.titleRow__08bd2 {
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 8px
}

.title__08bd2, .titleRow__08bd2 {
    display: inline-flex
}

.title__08bd2 {
    margin-right: 4px
}

.textArea__08bd2 {
    background: var(--input-background);
    max-height: 80px
}

.error__08bd2 {
    margin-top: 8px
}

.button__08bd2 {
    text-transform: capitalize
}

.visual-refresh .inputSection__08bd2 {
    margin-bottom: var(--space-12)
}

.visual-refresh .headerImage__08bd2 {
    background-image: url(/assets/4ed48b8404cc8dd4.svg);
    height: 150px;
    margin: 12px auto;
    width: 250px
}

.visual-refresh .modal__08bd2.gradientBorder__08bd2 {
    border: none;
    box-sizing: border-box
}

.visual-refresh .container__08bd2 {
    background: radial-gradient(100% 100% at 50% 100%,var(--background-primary) 60%,var(--transparent) 100%),linear-gradient(270deg,var(--background-modal-gradient-purple-end) 0,var(--background-modal-gradient-purple-start) 100%);
    border-radius: inherit;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: inset 0 1px 0 1px var(--border-subtle)
}

.visual-refresh .cancelButton__08bd2 {
    margin-right: 8px
}

.visual-refresh .modalFooter__08bd2 {
    background-color: var(--background-primary);
    border-bottom: 1px solid var(--border-subtle);
    border-left: 1px solid var(--border-subtle);
    border-right: 1px solid var(--border-subtle);
    padding-bottom: var(--spacing-24);
    padding-top: var(--spacing-8)
}

.clickable_b66158 {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    gap: 4px;
    max-width: 100%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

    .clickable_b66158:hover {
        text-decoration: underline;
        -webkit-text-decoration-color: var(--text-normal);
        text-decoration-color: var(--text-normal)
    }

        .clickable_b66158:focus-within .text_b66158, .clickable_b66158:hover .text_b66158 {
            max-width: calc(100% - 16px)
        }

        .clickable_b66158:focus-within .pencilIcon_b66158, .clickable_b66158:hover .pencilIcon_b66158 {
            visibility: visible
        }

.text_b66158 {
    max-width: 100%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.pencilIcon_b66158 {
    color: var(--text-secondary);
    flex-shrink: 0
}

    .pencilIcon_b66158.hidden_b66158 {
        visibility: hidden
    }

.container__23ba6 {
    display: flex
}

.cardsList__84832 {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.full-motion .activityContainer__84832 {
    transition: height .25s ease-in-out;
    will-change: height
}

.firstCardContainer__84832 {
    position: relative
}

    .firstCardContainer__84832.hasShowMoreButton__84832 {
        margin-bottom: 24px
    }

    .firstCardContainer__84832 .card__84832 {
        -webkit-backdrop-filter: blur(16px);
        backdrop-filter: blur(16px);
        transition: box-shadow .2s ease-in-out;
        z-index: var(--custom-user-profile-middle-layer-z-index)
    }

    .firstCardContainer__84832.hasShowMoreButton__84832 .card__84832 {
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.12)
    }

    .firstCardContainer__84832.isInteracting__84832 {
        z-index: var(--custom-user-profile-hoist-z-index)
    }

        .firstCardContainer__84832.isInteracting__84832 .showMoreButton__84832 {
            pointer-events: none
        }

            .firstCardContainer__84832.isInteracting__84832 .showMoreButton__84832:after {
                background-color: var(--bg-backdrop);
                bottom: 0;
                content: "";
                display: block;
                left: 0;
                position: absolute;
                right: 0;
                top: 0
            }

.showMoreButtonContainer__84832 {
    display: flex;
    overflow: hidden;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: var(--custom-user-profile-bottom-layer-z-index)
}

.showMoreButton__84832 {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background-color: var(--user-profile-overlay-background);
    border-radius: 0 0 var(--radius-sm) var(--radius-sm);
    flex-grow: 1;
    margin: 0 8px;
    opacity: 1;
    overflow: hidden;
    padding: 4px 8px;
    position: relative;
    transform: translateY(-50%);
    transition: opacity .1s ease-in-out,background-color var(--custom-button-transition-duration) ease-in-out
}

    .showMoreButton__84832.isHidden__84832 {
        opacity: 0
    }

.theme-light .showMoreButton__84832 {
    border: 1px solid var(--border-faint);
    border-top: none
}

.showMoreButton__84832:hover {
    background-color: var(--user-profile-overlay-background-hover)
}

.firstCardContainer__84832:not(.isInteracting__84832):focus-within .showMoreButton__84832, .firstCardContainer__84832:not(.isInteracting__84832):hover .showMoreButton__84832, .showMoreButton__84832:focus, .showMoreButton__84832:hover {
    transform: translateY(0)
}

.full-motion .showMoreButton__84832 {
    transition: transform .2s ease-in-out .1s,opacity .1s ease-in-out
}

    .full-motion .firstCardContainer__84832:focus-within .showMoreButton__84832, .full-motion .firstCardContainer__84832:hover .showMoreButton__84832, .full-motion .showMoreButton__84832:focus, .full-motion .showMoreButton__84832:hover {
        transition: transform .2s ease-in-out,opacity .1s ease-in-out,background-color var(--custom-button-transition-duration) ease-in-out
    }

.remainingCardContainer__84832 {
    margin-left: 8px;
    margin-right: 8px;
    opacity: 0;
    transition: opacity .2s ease-in-out .2s
}

    .remainingCardContainer__84832.isShown__84832 {
        margin-left: 0;
        margin-right: 0;
        opacity: 1;
        z-index: var(--custom-user-profile-middle-layer-z-index)
    }

.full-motion .remainingCardContainer__84832 {
    transition: margin .15s ease-in-out .15s,opacity .2s ease-in-out .2s;
    will-change: opacity,margin
}

.viewAllButton__84832 {
    align-self: stretch;
    margin: 8px auto 0;
    opacity: 0;
    padding: 4px 8px;
    text-align: center;
    transition: opacity .2s ease-in-out .15s
}

    .viewAllButton__84832:hover {
        color: var(--header-primary);
        text-decoration: underline
    }

    .viewAllButton__84832.isShown__84832 {
        opacity: 1
    }

.remainingCardsCopyToMeasure__84832 {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    visibility: hidden
}

.tooltip__0f074 {
    max-width: 224px
}

.linkIcon_ebf183 {
    display: inline-block
}

.roleIcon__1e6f1 {
    display: inline-block;
    object-fit: contain;
    overflow: hidden
}

    .roleIcon__1e6f1:before {
        background-color: var(--background-modifier-accent);
        border-radius: 50%;
        content: "";
        display: block;
        height: 100%;
        width: 100%
    }

.clickable__1e6f1 {
    cursor: pointer
}

.pill_dfa8b6 {
    border: 1px solid var(--user-profile-border);
    border-radius: var(--radius-sm)
}

.role_dfa8b6 {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    height: 24px;
    padding: 4px
}

    .role_dfa8b6 > :first-child {
        margin-left: -2px;
        margin-right: 2px
    }

.roleFlowerStar_dfa8b6 {
    margin: 0 4px
}

.roleDot_dfa8b6 {
    font-size: 1.34em;
    margin: 0
}

.roleRemoveButtonCanRemove_dfa8b6 {
    cursor: pointer
}

.roleRemoveButton_dfa8b6 {
    position: relative
}

.roleIcon_dfa8b6 {
    margin-right: 4px;
    vertical-align: middle
}

.roleName_dfa8b6 {
    margin-right: 2px;
    overflow: hidden
}

.roleRemoveIcon_dfa8b6 {
    display: none;
    height: 10px;
    left: 50%;
    margin: -5px 0 0 -5px;
    position: absolute;
    top: 50%;
    width: 10px
}

.role_dfa8b6:focus .roleRemoveIcon_dfa8b6, .role_dfa8b6:hover .roleRemoveIcon_dfa8b6, .roleRemoveIconFocused_dfa8b6 .roleRemoveIcon_dfa8b6 {
    display: block
}

.role_dfa8b6:focus .roleVerifiedIcon_dfa8b6, .role_dfa8b6:hover .roleVerifiedIcon_dfa8b6, .roleRemoveIconFocused_dfa8b6 .roleVerifiedIcon_dfa8b6 {
    display: none
}

.roleCircle_dfa8b6 {
    margin: 0
}

.enable-forced-colors .role_dfa8b6 {
    border: 1px solid CanvasText
}

.enable-forced-colors .roleRemoveIcon_dfa8b6 {
    background-color: ButtonFace;
    border-radius: 100%;
    color: ButtonText;
    padding: 2px
}

    .enable-forced-colors .roleRemoveIcon_dfa8b6 path {
        fill: ButtonText !important
    }

.popoutRoleDot_b77a0c {
    margin-right: 4px
}

.popoutRoleCircle_b77a0c {
    margin-right: 8px
}

.button__7d7f7 {
    border: 1px solid var(--user-profile-border);
    border-radius: var(--radius-sm);
    color: var(--interactive-normal);
    height: 24px;
    padding: 4px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

    .button__7d7f7:hover {
        background-color: var(--user-profile-background-hover)
    }

.root_fccfdf {
    color: var(--text-normal);
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    position: relative
}

.pill_fccfdf {
    border: 1px solid var(--user-profile-border);
    border-radius: var(--radius-sm)
}

.expandButton_fccfdf {
    align-items: center;
    cursor: pointer;
    padding: 3px 7px
}

    .expandButton_fccfdf:hover {
        background-color: var(--user-profile-background-hover)
    }

.collapseButton_fccfdf {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 24px;
    padding: 3px 5px
}

    .collapseButton_fccfdf:hover {
        background-color: var(--user-profile-background-hover)
    }

.container__530ce {
    align-items: center;
    display: flex
}

.mutuals__530ce {
    -moz-column-gap: 6px;
    column-gap: 6px;
    flex-wrap: wrap;
    row-gap: 2px
}

.mutuals__530ce, .section__530ce {
    align-items: center;
    display: flex;
    flex-direction: row
}

.section__530ce {
    cursor: pointer;
    gap: 4px
}

    .section__530ce:focus-visible .text__530ce, .section__530ce:hover .text__530ce {
        text-decoration: underline
    }

.spacer__530ce {
    background-color: var(--interactive-normal);
    border-radius: var(--radius-round);
    height: 4px;
    width: 4px
}

.buttons_bc38cd {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

    .buttons_bc38cd:empty {
        display: none
    }

.button_bc38cd {
    flex: 1 1 auto;
    min-width: calc(50% - 8px)
}

.popoutMenu_c37c25 {
    width: 268px
}

.container__7970d {
    position: relative
}

.avatar__7970d, .avatarIconContainer__7970d {
    align-items: center;
    display: flex;
    justify-content: center
}

.avatarIconContainer__7970d {
    background-color: var(--profile-gradient-primary-color);
    border-radius: var(--radius-round);
    bottom: -8px;
    overflow: hidden;
    padding: var(--spacing-4);
    position: absolute;
    right: -8px
}

.preview__207b4 {
    height: 100%;
    width: 100%;
    filter: blur(5px);
    object-fit: contain;
    object-position: top;
    opacity: .3
}

.container__207b4, .preview__207b4 {
    position: relative
}

.headerContainer__207b4 {
    gap: var(--spacing-8)
}

.body__207b4, .headerContainer__207b4 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.body__207b4 {
    gap: var(--spacing-16);
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 80%
}

.toastContainer_a35754 {
    border-radius: 32px;
    box-shadow: var(--shadow-high);
    height: 40px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.toastPadding_a35754 {
    padding: 10px 16px
}

.toastIcon_a35754 {
    height: 20px;
    margin-right: 8px;
    width: 20px
}

.successToast_a35754 {
    display: flex;
    gap: 40px
}

.subtext_beaa93 {
    align-items: center;
    display: flex;
    gap: 4px
}

.header_bfd183 {
    margin-bottom: 4px
}

.list_bfd183 {
    gap: 2px
}

.list_bfd183, .row_bfd183 {
    display: flex
}

.row_bfd183 {
    align-items: center;
    gap: 4px
}

.applicationIcon__2c2b3 {
    height: 1.33em;
    margin-left: 2px;
    margin-right: 4px;
    vertical-align: text-bottom;
    width: auto
}

.applicationNameWrapper__2c2b3 {
    display: inline-block
}

.channelHeader__9f71b {
    background-color: var(--bg-mod-faint);
    border-radius: var(--radius-md);
    gap: var(--spacing-12);
    margin-top: 12px;
    padding: 12px 16px
}

.header__9f71b {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 4px
}

.profile__9f71b {
    gap: var(--spacing-8);
    padding: 12px
}

.icon__9f71b {
    color: var(--header-secondary);
    flex-shrink: 0
}

.upsellContainer__5997d {
    border-radius: var(--radius-sm)
}

.upsellContent__5997d {
    background: var(--user-profile-overlay-background);
    border-radius: inherit;
    position: relative
}

    .upsellContent__5997d:after, .upsellContent__5997d:before {
        border: 2px solid transparent;
        border-radius: inherit;
        box-sizing: border-box;
        content: "";
        height: 100%;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%
    }

    .upsellContent__5997d:before {
        border-color: var(--guild-boosting-purple)
    }

.upsellCloseIconWrapper__5997d {
    display: flex;
    justify-content: center
}

.upsellDefaultContent__5997d {
    padding: 12px
}

.upsellHeader__5997d {
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px
}

.upsellButtons__5997d, .upsellHeader__5997d {
    display: flex;
    flex-direction: row
}

.upsellButtons__5997d {
    flex-wrap: wrap;
    gap: 8px
}

.upsellButtonWrapper__5997d {
    flex: 1
}

.user-profile-modal-v2 .upsellButtonWrapper__5997d {
    flex: unset
}

.upsellButton__5997d {
    width: 100%
}

    .upsellButton__5997d:disabled {
        opacity: .5
    }

.upsellRowContent__5997d {
    align-items: center;
    border-radius: inherit;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 12px 11px 12px 16px;
    position: relative
}

    .upsellRowContent__5997d:after, .upsellRowContent__5997d:before {
        border: 2px solid transparent;
        border-radius: inherit;
        box-sizing: border-box;
        content: "";
        height: 100%;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%
    }

    .upsellRowContent__5997d:before {
        border-color: var(--guild-boosting-purple)
    }

    .upsellContent__5997d:after, .upsellRowContent__5997d:after {
        border-color: var(--guild-boosting-blue);
        -webkit-mask: linear-gradient(0deg,#000,transparent);
        mask: linear-gradient(0deg,#000,transparent)
    }

.upsellRowRight__5997d {
    align-items: center;
    display: flex;
    gap: 8px
}

.viewPremiumPerksButtonInner__5997d {
    align-items: center;
    display: flex;
    gap: 4px
}

.premiumIcon__5997d {
    height: 20px;
    margin-right: 4px
}

.upsellCloseIcon__5997d {
    color: var(--interactive-normal);
    cursor: pointer
}

    .upsellCloseIcon__5997d:hover {
        color: var(--interactive-hover)
    }

    .upsellCloseIcon__5997d:active {
        color: var(--interactive-active)
    }

.custom-user-profile-theme .upsellButton__5997d {
    color: var(--interactive-active)
}

    .custom-user-profile-theme .upsellButton__5997d:disabled {
        opacity: .5
    }

.theme-light.custom-user-profile-theme .upsellButton__5997d {
    background: var(--opacity-white-72)
}

    .theme-light.custom-user-profile-theme .upsellButton__5997d:hover {
        background: var(--opacity-white-92)
    }

    .theme-light.custom-user-profile-theme .upsellButton__5997d:active {
        background: var(--opacity-white-84)
    }

.theme-light.custom-user-profile-theme .viewPremiumPerksButtonShine__5997d {
    color: var(--opacity-black-4)
}

.theme-dark.custom-user-profile-theme .upsellButton__5997d {
    background: var(--opacity-white-24)
}

    .theme-dark.custom-user-profile-theme .upsellButton__5997d:hover {
        background: var(--opacity-white-36)
    }

    .theme-dark.custom-user-profile-theme .upsellButton__5997d:active {
        background: var(--opacity-white-32)
    }

.container__43a4b {
    border-radius: var(--radius-sm);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
    padding: 10px 12px
}

.buttonContainer__43a4b {
    align-items: center;
    display: flex;
    gap: 8px
}

.button__43a4b {
    height: 24px;
    min-height: 24px;
    padding: 2px 8px
}

.custom-user-profile-theme .color__43a4b {
    background: var(--profile-gradient-button-color);
    color: var(--white-500);
    transition: opacity .2s ease-in-out
}

    .custom-user-profile-theme .color__43a4b:hover {
        background: color-mix(in srgb,var(--profile-gradient-button-color) 80%,transparent)
    }

    .custom-user-profile-theme .color__43a4b:active {
        background: color-mix(in srgb,var(--profile-gradient-button-color) 90%,transparent)
    }

.gameIcon__43a4b {
    vertical-align: bottom
}

.container__581dd {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: var(--spacing-8);
    padding: var(--spacing-16)
}

.roleDot__57082 {
    margin-left: -2px;
    margin-right: 2px
}

.oauth2PageWrapper__647f0 {
    align-items: center;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    min-height: 0;
    padding-bottom: 40px;
    padding-top: 40px;
    position: absolute;
    right: 0;
    top: 0
}

.oauth2PageContent__647f0 {
    box-shadow: var(--legacy-elevation-high);
    height: auto;
    max-height: calc(100% - 80px);
    overflow: hidden
}

.oauth2ModalWrapper__647f0, .oauth2PageContent__647f0 {
    align-items: center;
    background: var(--background-primary);
    border-radius: 12px;
    display: flex;
    max-width: var(--custom-o-auth-2-page-oauth-2-max-width);
    min-width: 280px;
    position: relative;
    width: 100%
}

.oauth2ModalWrapper__647f0 {
    overflow: auto
}

@media (max-width:485px) {
    .oauth2PageWrapper__647f0 {
        align-items: flex-start;
        padding-bottom: 0;
        padding-top: 0
    }

    .oauth2PageContent__647f0 {
        border-radius: 0;
        box-shadow: none;
        height: 100%;
        max-height: 100%;
        overflow: auto
    }

    .oauth2ModalWrapper__647f0 {
        border-radius: 0;
        bottom: 0;
        box-shadow: none;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }
}

.oauth2ModalWrapper__647f0 .footer__647f0 {
    padding: 0;
    width: 100%
}

.visual-refresh .oauth2ModalWrapper__647f0 .footer__647f0 {
    box-sizing: border-box
}

.oauth2ModalContent__647f0 {
    padding-right: calc(var(--modal-horizontal-padding) - 8px) !important
}

.wrapper_b76614 {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    padding: 0 16px
}

.header_b76614 {
    background-position: 50%;
    background-repeat: no-repeat;
    display: inline-block
}

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

.authorizedSuccessSubtext_b76614 {
    margin-top: 16px;
    max-width: 274px;
    text-align: center
}

.cta_b76614 {
    margin-top: 12px
}

.headerSuccess_b76614 {
    background: url(/assets/6410595f71273140.svg) no-repeat;
    height: 130px;
    width: 158px
}

.headerFailure_b76614 {
    height: 92px;
    width: 92px
}

.closeButton_b76614 {
    opacity: .8;
    position: absolute;
    right: 12px;
    top: 12px
}

.authorizedSuccessWrapper_b76614 {
    margin: 0 auto;
    padding: 24px
}

.buttonsContainer_b76614 {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 16px;
    width: 100%
}

.theme-dark .headerFailure_b76614 {
    background: url(/assets/8fb262894795f907.svg) no-repeat
}

.theme-light .headerFailure_b76614 {
    background: url(/assets/b02f7cfc8ed3b51a.svg) no-repeat
}

.footer__3d3b0 {
    background: var(--background-tertiary);
    display: flex;
    justify-content: space-between;
    padding: var(--modal-horizontal-padding);
    width: 100%
}

    .footer__3d3b0 button {
        min-width: 0
    }

.authorize__3d3b0 {
    align-items: center;
    background: var(--background-primary);
    display: flex;
    flex: 1;
    flex-direction: row;
    height: auto;
    justify-content: center;
    width: 100%
}

.visual-refresh .authorize__3d3b0 {
    background: unset;
    margin: 0
}

.visual-refresh .footer__3d3b0 {
    background: unset
}

.loadingContainer__3d3b0 {
    min-height: 270px
}

.spinner__3d3b0 {
    height: 240px;
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 240px
}

.action__3d3b0 {
    align-items: center;
    display: flex;
    gap: 16px
}

@media (max-width:485px) {
    .footer__3d3b0 {
        display: flex;
        flex-direction: column-reverse;
        padding: 4px var(--modal-horizontal-padding) var(--modal-vertical-padding)
    }

        .footer__3d3b0 button {
            margin-top: 12px
        }

    .action__3d3b0, .action__3d3b0 .tooltip__3d3b0 {
        flex: 1
    }

        .action__3d3b0 button {
            width: 100%
        }
}

.fullWidth__3d3b0 {
    width: 100%
}

.errorHeader__3d3b0.errorHeader__3d3b0 {
    padding: var(--modal-vertical-padding) var(--modal-horizontal-padding) 0 var(--modal-horizontal-padding)
}

.closeIcon__3d3b0 {
    padding: 0
}

.captcha__3d3b0 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 28px;
    padding-top: 28px
}

.captchaLabel__3d3b0 {
    margin-bottom: 20px
}

.recaptcha__3d3b0 {
    height: 80px
}

.contentWrapper__3d3b0 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0 32px 48px
}

    .contentWrapper__3d3b0.minimalPadding__3d3b0 {
        margin: 0
    }

.content__3d3b0 {
    border-radius: 8px;
    padding: 32px;
    position: relative
}

    .content__3d3b0.minimalPadding__3d3b0 {
        margin: 0;
        padding: 16px 0
    }

    .content__3d3b0.extraWide__3d3b0 {
        min-width: 440px
    }

.contentBackground__3d3b0 {
    background: var(--background-secondary)
}

.visual-refresh .content__3d3b0 {
    margin: 0;
    padding: var(--space-32)
}

    .visual-refresh .content__3d3b0.minimalPadding__3d3b0 {
        padding: var(--space-24) 0
    }

.visual-refresh .contentBackground__3d3b0 {
    background: var(--background-mod-subtle);
    border: 1px solid var(--border-faint)
}

@media (max-width:568px) {
    .content__3d3b0 {
        margin: 0 8px 24px;
        padding: 16px
    }

        .content__3d3b0.minimalPadding__3d3b0 {
            margin: 0;
            padding: 16px 0
        }
}

.sectionGroup__3d3b0 {
    padding: 16px 0 24px
}

    .sectionGroup__3d3b0:not(:last-child) {
        border-bottom: 1px solid var(--background-modifier-accent)
    }

.sectionLabel__3d3b0 {
    color: var(--header-secondary);
    font-weight: 700;
    padding-bottom: 8px;
    text-transform: uppercase
}

.intObserver__3d3b0 {
    bottom: 24px;
    height: 1px;
    pointer-events: none;
    position: absolute
}

.full-motion .emoji__3d3b0 {
    animation: moveUpDown__3d3b0 1s ease-in-out infinite
}

@keyframes moveUpDown__3d3b0 {
    0%,to {
        transform: translateY(-3px)
    }

    50% {
        transform: translateY(3px)
    }
}

.buttonWithEmoji__3d3b0 {
    align-items: center;
    display: inline-flex;
    gap: 4px;
    overflow: visible !important
}

.deepLinkContainer__3d3b0 {
    align-items: center;
    background: var(--background-primary);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 32px;
    text-align: center;
    width: 480px
}

div.mobilePushContainer__3d3b0 {
    margin: 0;
    padding-top: 16px
}

.errorCodeMessage__85414 {
    margin-top: 16px
}

.title__051e9 {
    text-transform: capitalize
}

.combo_fcddc1 {
    display: flex;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    text-transform: uppercase
}

.combo_fcddc1, .key_fcddc1 {
    box-sizing: border-box;
    height: 23px;
    position: relative
}

.key_fcddc1 {
    background-color: var(--bg-mod-faint);
    border: 1px solid var(--border-strong);
    border-radius: 4px;
    cursor: default;
    display: block;
    min-height: 14px;
    min-width: 14px;
    padding: 3px 6px 4px;
    text-align: center
}

    .key_fcddc1:not(:last-child) {
        margin-right: 3px
    }

    .key_fcddc1 .bindArrow_fcddc1 {
        height: 10px;
        width: 10px
    }

        .key_fcddc1 .bindArrow_fcddc1.up_fcddc1 {
            transform: rotate(180deg)
        }

        .key_fcddc1 .bindArrow_fcddc1.left_fcddc1 {
            transform: rotate(90deg)
        }

        .key_fcddc1 .bindArrow_fcddc1.right_fcddc1 {
            transform: rotate(-90deg)
        }

    .key_fcddc1:active {
        height: 21px;
        padding-bottom: 2px;
        transform: translateY(2px)
    }

.combo_fcddc1 {
    color: var(--text-primary)
}

.key_fcddc1 {
    border: 1px solid var(--border-subtle);
    box-shadow: inset 0 -4px 0 var(--bg-mod-faint);
    color: var(--interactive-active)
}

    .key_fcddc1 g {
        fill: var(--interactive-active)
    }

    .key_fcddc1:active {
        border: 1px solid var(--border-strong);
        box-shadow: inset 0 -2px 0 var(--bg-mod-subtle);
        color: var(--interactive-normal)
    }

        .key_fcddc1:active g {
            fill: var(--interactive-normal)
        }

.dim_fcddc1 span {
    background-color: var(--bg-mod-subtle);
    color: var(--text-primary)
}

    .dim_fcddc1 span .bindArrow_fcddc1 g {
        fill: var(--text-secondary)
    }

    .dim_fcddc1 span:active {
        color: var(--text-primary)
    }

        .dim_fcddc1 span:active .bindArrow_fcddc1 g {
            fill: var(--text-primary)
        }

.keybindShortcutSearchPopout_fcddc1 {
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0
}

.keyboardShortcuts_fcddc1 {
    margin: 0
}

.positioner_a516b9 {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 1000
}

.container_a516b9 {
    align-items: center;
    background-color: var(--background-floating);
    border-radius: 8px;
    box-shadow: var(--elevation-high);
    display: inline-flex;
    justify-content: center;
    margin: auto auto 16px;
    max-width: 90vw;
    padding: 16px
}

.bindName_a516b9 {
    flex: 0 0 auto;
    margin-right: 8px
}

.shortcut_a516b9 {
    flex: 0 0 auto;
    margin: 0 2px
}

.separator_a516b9 {
    color: var(--text-normal);
    flex: 0 0 auto;
    font-weight: 600;
    margin: 0 12px
}

    .separator_a516b9:after {
        content: "•"
    }

.focus-rings-ring {
    background: none;
    border-radius: var(--__adaptive-focus-ring-radius,4px);
    box-shadow: 0 0 0 4px var(--__adaptive-focus-ring-color,var(--focus-primary,#00b0f4));
    display: block;
    margin: 0;
    padding: 0;
    pointer-events: none;
    position: absolute
}

.enable-forced-colors .focus-rings-ring {
    forced-color-adjust: none;
    --__adaptive-focus-ring-color: CanvasText !important;
    border: 2px solid Canvas
}

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

.error__4cd16 {
    align-items: center;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    padding: 8px;
    width: 100%
}

    .error__4cd16 a {
        color: var(--white-500);
        font-weight: 600
    }

        .error__4cd16 a:hover {
            text-decoration: underline
        }

.icon__4cd16 {
    flex-shrink: 0;
    height: 24px;
    width: 24px
}

.text__4cd16 {
    flex: 1;
    margin-left: 10px
}

.backgroundRed__4cd16 {
    background-color: var(--red-400);
    color: var(--white-500)
}

.errorClose__4cd16 {
    align-self: flex-center;
    cursor: pointer
}

.errorClose__4cd16, .errorCloseIcon__4cd16 {
    height: 16px;
    width: 16px
}

.backgroundTertiary__4cd16 {
    background-color: var(--background-tertiary);
    color: var(--interactive-active)
}

.backgroundAccent__4cd16 {
    background-color: var(--background-accent);
    color: var(--white-500)
}

.visual-refresh .backgroundAccent__4cd16 {
    background-color: var(--background-mod-normal);
    border: 1px solid var(--border-subtle);
    color: var(--text-default)
}

:where(.visual-refresh) .fieldWrapper_ce6bbd {
    padding-top: 4px;
    position: relative
}

.label__1b9d6 {
    color: var(--header-secondary);
    cursor: default;
    display: block;
    flex: 1;
    text-transform: uppercase
}

.defaultMargin__1b9d6, .label__1b9d6 {
    margin-bottom: 8px
}

.disabled__1b9d6 {
    cursor: not-allowed;
    opacity: .5
}

.required__1b9d6 {
    color: var(--text-danger);
    padding-left: 4px
}

:where(.visual-refresh) .label__1b9d6 {
    color: var(--header-primary);
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    text-transform: none
}

.formText_ddd181 a:hover {
    text-decoration: underline
}

.formText_ddd181 strong {
    font-weight: 600
}

.default_ddd181, .labelDescriptor_ddd181, .labelSelected_ddd181, .placeholder_ddd181 {
}

.labelSelected_ddd181 {
    font-weight: 400
}

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

.labelBold_ddd181 {
    font-weight: 600
}

.description_ddd181 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

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

.modeDefault_ddd181 {
    cursor: default
}

.modeSelectable_ddd181 {
    cursor: text;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.modeDisabled_ddd181 {
    cursor: not-allowed;
    opacity: .3
}

.description_ddd181, .labelDescriptor_ddd181 {
    color: var(--header-secondary)
}

.placeholder_ddd181 {
    color: var(--text-muted)
}

.error_ddd181 {
    color: var(--text-danger)
}

.error_ddd181, .success_ddd181 {
}

.success_ddd181 {
    color: var(--text-positive)
}

.enable-forced-colors .modeDisabled_ddd181 {
    color: GrayText;
    opacity: 1
}

.formNotice_f43ba5 {
    cursor: default;
    padding: 20px
}

.formNoticeTitle_f43ba5 {
    margin-bottom: 4px
}

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

    .formNoticeBody_f43ba5 p:last-child {
        margin-bottom: 0
    }

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

.icon_f43ba5 {
    -webkit-user-drag: none
}

.whiteText_f43ba5, .whiteText_f43ba5 a {
    color: var(--white-500)
}

.visual-refresh .whiteText_f43ba5 {
    color: unset
}

    .visual-refresh .whiteText_f43ba5 a {
        color: unset
    }

.children__7bffb {
    flex-direction: column
}

.children__7bffb, .sectionTitle__7bffb {
    display: flex
}

.container__87bf1 {
    border-radius: 14px;
    cursor: pointer;
    height: 24px;
    position: relative;
    width: 40px
}

    .container__87bf1.disabled__87bf1 {
        cursor: not-allowed
    }

.input__87bf1 {
    border-radius: 14px;
    cursor: pointer;
    height: 100%;
    left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

    .input__87bf1[disabled] {
        pointer-events: none
    }

.slider__87bf1 {
    display: block;
    height: 18px;
    left: 0;
    margin: 3px;
    position: absolute;
    width: 28px
}

.enable-forced-colors .container__87bf1 {
    background-color: ButtonFace !important;
    border: 2px solid ButtonText;
    height: 28px;
    width: 44px
}

    .enable-forced-colors .container__87bf1.checked__87bf1 {
        background-color: Highlight !important;
        border-color: Highlight
    }

    .enable-forced-colors .container__87bf1.disabled__87bf1 {
        background-color: Canvas !important;
        border-color: GrayText;
        opacity: 1 !important
    }

        .enable-forced-colors .container__87bf1.disabled__87bf1.checked__87bf1 {
            background-color: GrayText !important;
            border-color: GrayText
        }

:where(.visual-refresh) .container__87bf1 {
    border: 1px solid transparent;
    border-radius: 16px;
    box-sizing: border-box;
    height: 28px;
    width: 44px
}

    :where(.visual-refresh) .container__87bf1.checked__87bf1 {
        border-color: var(--input-border)
    }

:where(.visual-refresh) .slider__87bf1 {
    height: 20px
}

.container__0d850 {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px
}

.labelRow__0d850 {
    align-items: center;
    display: flex;
    flex-direction: row;
    width: 100%
}

.control__0d850 {
    flex: 0 0 auto
}

.disabled__0d850 {
    cursor: not-allowed
}

    .disabled__0d850 .title__0d850, .disabled__0d850 .titleDefault__0d850, .disabled__0d850 .titleMini__0d850 {
        cursor: not-allowed;
        opacity: .6
    }

.title__0d850 {
    color: var(--header-primary);
    display: block;
    flex: 1;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    word-wrap: break-word;
    cursor: pointer
}

.note__0d850 {
    margin-top: 8px
}

.disabledText__0d850 {
    margin-top: 4px
}

.dividerDefault__0d850 {
    margin-top: 20px
}

.enable-forced-colors .disabled__0d850 .titleDefault__0d850, .enable-forced-colors .disabled__0d850 .titleMini__0d850 {
    opacity: 1
}

.interactive_bf202d {
    border-radius: inherit;
    color: var(--interactive-normal);
    cursor: pointer
}

    .interactive_bf202d:focus-within, .interactive_bf202d:hover {
        background: var(--bg-overlay-hover,var(--background-modifier-hover));
        color: var(--interactive-hover)
    }

    .interactive_bf202d:active {
        background: var(--bg-overlay-active,var(--background-modifier-active));
        color: var(--interactive-active)
    }

.muted_bf202d {
    color: var(--interactive-muted)
}

@media (min-width:486px) {
    .selected_bf202d {
        background: var(--bg-overlay-selected,var(--background-modifier-selected));
        color: var(--interactive-active)
    }
}

.enable-forced-colors .interactive_bf202d {
    background-color: ButtonFace;
    border: 1px solid ButtonFace;
    color: ButtonText;
    forced-color-adjust: none
}

    .enable-forced-colors .interactive_bf202d:focus-within, .enable-forced-colors .interactive_bf202d:hover {
        background-color: ButtonFace;
        border-color: ButtonText;
        color: ButtonText
    }

    .enable-forced-colors .interactive_bf202d.selected_bf202d, .enable-forced-colors .interactive_bf202d.selected_bf202d:focus-within, .enable-forced-colors .interactive_bf202d.selected_bf202d:hover {
        background-color: Highlight;
        border-color: HighlightText;
        color: HighlightText
    }

.container__3ff92 {
    position: relative;
    width: 100%
}

.items__3ff92 {
    flex-direction: row;
    flex-wrap: wrap
}

.itemMeasurements__3ff92, .items__3ff92 {
    display: flex
}

.overflowMeasurement__3ff92 {
    display: inline-block
}

.measurements__3ff92 {
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: -1
}

.tooltip__3ff92 {
    display: flex;
    flex-wrap: wrap;
    gap: 4px
}

.menu_c1e9c4 {
    background: var(--background-floating);
    border-radius: 4px;
    box-shadow: var(--shadow-high);
    box-sizing: border-box;
    cursor: default;
    display: flex;
    height: auto;
    max-height: calc(100vh - 32px);
    z-index: 1
}

.scroller_c1e9c4 {
    padding: 6px 8px
}

.fixed_c1e9c4 {
    width: 220px
}

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

.item_c1e9c4 {
    border-radius: 2px;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin: 2px 0
}

    .item_c1e9c4.hideInteraction_c1e9c4 {
        cursor: default
    }

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

.labelContainer_c1e9c4 {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    min-height: 32px;
    padding: 6px 8px
}

.label_c1e9c4 {
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

.subtextLineClamp_c1e9c4 {
    white-space: pre
}

.iconContainer_c1e9c4 {
    flex: 0 0 auto;
    height: 18px;
    margin-left: 8px;
    position: relative;
    width: 18px
}

:where(.visual-refresh) .iconContainer_c1e9c4 {
    height: 20px;
    width: 20px
}

.iconContainerLeft_c1e9c4 {
    margin-left: 0;
    margin-right: 8px
}

.iconContainerLarge_c1e9c4 {
    height: 32px;
    width: 32px
}

.icon_c1e9c4 {
    height: 100%;
    width: 100%
}

.hintContainer_c1e9c4 {
    flex: 0 0 auto;
    margin-left: 8px;
    max-height: 18px
}

.caret_c1e9c4 {
    color: var(--text-muted);
    height: 16px;
    width: 16px
}

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

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

.submenuPaddingContainer_c1e9c4 {
    padding: 0 8px
}

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

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

    .colorDefault_c1e9c4 .subtext_c1e9c4 {
        color: var(--text-muted)
    }

    .colorDefault_c1e9c4 .checkbox_c1e9c4, .colorDefault_c1e9c4 .radioSelection_c1e9c4 {
        color: var(--control-brand-foreground-new)
    }

    .colorDefault_c1e9c4 .check_c1e9c4 {
        color: var(--white)
    }

    .colorDefault_c1e9c4.focused_c1e9c4 {
        background-color: var(--menu-item-default-hover-bg);
        color: var(--white)
    }

        .colorDefault_c1e9c4.focused_c1e9c4 .caret_c1e9c4, .colorDefault_c1e9c4.focused_c1e9c4 .checkbox_c1e9c4, .colorDefault_c1e9c4.focused_c1e9c4 .radioSelection_c1e9c4, .colorDefault_c1e9c4.focused_c1e9c4 .subtext_c1e9c4 {
            color: var(--white)
        }

        .colorDefault_c1e9c4.focused_c1e9c4 .check_c1e9c4 {
            color: var(--text-brand);
            fill: var(--text-brand)
        }

        .colorDefault_c1e9c4.focused_c1e9c4:not(.checkboxContainer_c1e9c4) path {
            fill: var(--white)
        }

    .colorDefault_c1e9c4:active:not(.hideInteraction_c1e9c4) {
        background-color: var(--menu-item-default-active-bg);
        color: var(--white)
    }

.colorBrand_c1e9c4 {
    color: var(--text-brand)
}

.colorDanger_c1e9c4 {
}

    .colorDanger_c1e9c4, .colorDanger_c1e9c4 .checkbox_c1e9c4, .colorDanger_c1e9c4 .radioSelection_c1e9c4 {
        color: var(--status-danger)
    }

        .colorDanger_c1e9c4.focused_c1e9c4 {
            background-color: var(--menu-item-danger-hover-bg);
            color: var(--white)
        }

            .colorDanger_c1e9c4.focused_c1e9c4 .check_c1e9c4 {
                color: var(--status-danger)
            }

        .colorDanger_c1e9c4:active:not(.hideInteraction_c1e9c4) {
            background-color: var(--menu-item-danger-active-bg);
            color: var(--white)
        }

.colorPremium_c1e9c4 {
}

    .colorPremium_c1e9c4 .icon_c1e9c4 {
        color: var(--guild-boosting-pink)
    }

    .colorPremium_c1e9c4.focused_c1e9c4 .icon_c1e9c4, .colorPremium_c1e9c4:active:not(.hideInteraction_c1e9c4) .icon_c1e9c4 {
        color: var(--white)
    }

.colorPremiumGradient_c1e9c4 {
}

    .colorPremiumGradient_c1e9c4.focused_c1e9c4, .colorPremiumGradient_c1e9c4:active:not(.hideInteraction_c1e9c4) {
        background: linear-gradient(270deg,var(--premium-tier-2-pink-for-gradients) 0,var(--premium-tier-2-pink-for-gradients-2) 33.63%,var(--premium-tier-2-purple-for-gradients) 100%)
    }

    .colorPremiumGradient_c1e9c4 .check_c1e9c4, .colorPremiumGradient_c1e9c4 .radioSelection_c1e9c4 {
        color: var(--white)
    }

    .colorPremiumGradient_c1e9c4 .checkbox_c1e9c4, .colorPremiumGradient_c1e9c4.focused_c1e9c4 .check_c1e9c4 {
        color: var(--premium-tier-2-pink-for-gradients)
    }

.colorSuccess_c1e9c4 {
}

    .colorSuccess_c1e9c4, .colorSuccess_c1e9c4 .checkbox_c1e9c4, .colorSuccess_c1e9c4 .radioSelection_c1e9c4 {
        color: var(--green-230)
    }

        .colorSuccess_c1e9c4.focused_c1e9c4 {
            background-color: var(--green-230);
            color: var(--white)
        }

            .colorSuccess_c1e9c4.focused_c1e9c4 .check_c1e9c4 {
                color: var(--green-230)
            }

        .colorSuccess_c1e9c4:active:not(.hideInteraction_c1e9c4) {
            background-color: var(--green-360);
            color: var(--white)
        }

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

.loader_c1e9c4 {
    align-items: center;
    justify-content: center;
    padding: 16px
}

.sparkles_c1e9c4 {
    height: 32px;
    left: -12px;
    top: -8px;
    width: 32px
}

.custom-theme-background .menu_c1e9c4 {
    border: 1px solid var(--border-strong)
}

[data-popout-animating=true] .item_c1e9c4[aria-haspopup=true] {
    pointer-events: none
}

:where(.visual-refresh) .menu_c1e9c4 {
    background-color: var(--background-surface-higher);
    border: 1px solid var(--border-subtle);
    border-radius: 8px;
    box-shadow: var(--shadow-high)
}

:where(.visual-refresh) .labelContainer_c1e9c4 {
    padding: 8px
}

:where(.visual-refresh) .item_c1e9c4 {
    margin: 0
}

:where(.visual-refresh) .scroller_c1e9c4 {
    padding: 8px
}

:where(.visual-refresh) .separator_c1e9c4 {
    border-bottom-color: var(--border-subtle);
    margin: 8px
}

:where(.visual-refresh) svg.radioIcon_c1e9c4 {
    height: 20px;
    width: 20px
}

:where(.visual-refresh) .caret_c1e9c4 {
    height: 20px;
    width: 20px
}

:where(.visual-refresh) .colorDefault_c1e9c4 {
    color: var(--interactive-normal)
}

    :where(.visual-refresh) .colorDefault_c1e9c4 .label_c1e9c4 {
        color: var(--header-primary)
    }

    :where(.visual-refresh) .colorDefault_c1e9c4 .subtext_c1e9c4 {
        color: var(--text-muted)
    }

    :where(.visual-refresh) .colorDefault_c1e9c4.focused_c1e9c4 {
        background-color: var(--bg-mod-subtle);
        border-radius: 4px;
        color: var(--header-primary)
    }

        :where(.visual-refresh) .colorDefault_c1e9c4.focused_c1e9c4:not(.checkboxContainer_c1e9c4) path {
            fill: var(--interactive-active)
        }

        :where(.visual-refresh) .colorDefault_c1e9c4.focused_c1e9c4 .subtext_c1e9c4 {
            color: var(--text-secondary)
        }

    :where(.visual-refresh) .colorDefault_c1e9c4:active:not(.hideInteraction_c1e9c4) {
        background-color: var(--bg-mod-subtle)
    }

:where(.visual-refresh) .colorDanger_c1e9c4 {
    color: var(--text-danger)
}

    :where(.visual-refresh) .colorDanger_c1e9c4 .label_c1e9c4 {
        color: var(--text-danger)
    }

    :where(.visual-refresh) .colorDanger_c1e9c4.focused_c1e9c4 {
        background-color: var(--background-feedback-critical);
        color: var(--text-feedback-critical)
    }

        :where(.visual-refresh) .colorDanger_c1e9c4.focused_c1e9c4 .label_c1e9c4 {
            color: var(--text-feedback-critical)
        }

        :where(.visual-refresh) .colorDanger_c1e9c4.focused_c1e9c4 .check_c1e9c4 {
            color: var(--text-feedback-critical)
        }

        :where(.visual-refresh) .colorDanger_c1e9c4.focused_c1e9c4:not(.checkboxContainer_c1e9c4) path {
            fill: var(--text-feedback-critical)
        }

    :where(.visual-refresh) .colorDanger_c1e9c4:active:not(.hideInteraction_c1e9c4) {
        background-color: var(--background-feedback-critical);
        color: var(--text-feedback-critical)
    }

:where(.visual-refresh) .groupLabel_c1e9c4 {
    color: var(--text-muted);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-transform: capitalize
}

:where(.visual-refresh.density-compact) .labelContainer_c1e9c4 {
    padding: 4px 8px
}

.refresh-fast-follow-distinct-borders .menu_c1e9c4 {
    border-color: var(--app-border-frame)
}

.refresh-fast-follow-distinct-borders .separator_c1e9c4 {
    border-bottom-color: var(--app-border-frame)
}

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

.enable-forced-colors .colorDefault_c1e9c4 {
    background-color: ButtonFace;
    border: 1px solid ButtonFace;
    color: ButtonText;
    forced-color-adjust: none
}

    .enable-forced-colors .colorDefault_c1e9c4 .caret_c1e9c4, .enable-forced-colors .colorDefault_c1e9c4 .label_c1e9c4, .enable-forced-colors .colorDefault_c1e9c4 .subtext_c1e9c4 {
        color: inherit
    }

    .enable-forced-colors .colorDefault_c1e9c4 .checkbox_c1e9c4, .enable-forced-colors .colorDefault_c1e9c4 .radioSelection_c1e9c4 {
        color: Highlight
    }

    .enable-forced-colors .colorDefault_c1e9c4 .check_c1e9c4 {
        color: HighlightText
    }

    .enable-forced-colors .colorDefault_c1e9c4.focused_c1e9c4, .enable-forced-colors .colorDefault_c1e9c4:hover {
        border-color: ButtonText
    }

    .enable-forced-colors .colorDefault_c1e9c4[aria-checked=true] {
        background-color: Highlight;
        color: HighlightText
    }

        .enable-forced-colors .colorDefault_c1e9c4[aria-checked=true].focused_c1e9c4, .enable-forced-colors .colorDefault_c1e9c4[aria-checked=true]:hover {
            border-color: HighlightText
        }

        .enable-forced-colors .colorDefault_c1e9c4[aria-checked=true] .radioSelection_c1e9c4 {
            color: HighlightText
        }

    .enable-forced-colors .colorDefault_c1e9c4:active:not(.hideInteraction_c1e9c4) {
        background-color: Highlight;
        color: HighlightText
    }

.enable-forced-colors .groupLabel_c1e9c4, .enable-forced-colors .groupLabel_c1e9c4:hover, .enable-forced-colors .hideInteraction_c1e9c4, .enable-forced-colors .hideInteraction_c1e9c4:hover {
    background-color: ButtonFace;
    border-color: ButtonFace;
    color: ButtonText
}

.enable-forced-colors .disabled_c1e9c4, .enable-forced-colors .disabled_c1e9c4[aria-checked=true] {
    background-color: Canvas;
    color: GrayText;
    cursor: not-allowed;
    opacity: 1
}

    .enable-forced-colors .disabled_c1e9c4 .checkbox_c1e9c4, .enable-forced-colors .disabled_c1e9c4 .radioSelection_c1e9c4, .enable-forced-colors .disabled_c1e9c4[aria-checked=true] .checkbox_c1e9c4, .enable-forced-colors .disabled_c1e9c4[aria-checked=true] .radioSelection_c1e9c4 {
        color: GrayText
    }

.container__24c2d {
    align-items: center;
    background-color: var(--background-tertiary);
    border-radius: 4px;
    display: flex;
    margin: 4px 2px;
    padding: 4px
}

.input__24c2d {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    box-sizing: border-box;
    color: var(--text-normal);
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    height: 20px;
    line-height: 20px;
    min-width: 48px;
    padding: 2px 4px;
    resize: none
}

    .input__24c2d::-webkit-input-placeholder {
        color: var(--text-muted);
        opacity: 1
    }

.iconContainer__24c2d {
    margin-right: 3px;
    position: relative
}

.icon__24c2d, .iconContainer__24c2d {
    height: 18px;
    width: 18px
}

.iconClickable__24c2d {
    cursor: pointer
}

.slider_a562c8 {
    height: 40px;
    position: relative;
    width: 100%
}

.mini_a562c8 {
    height: 20px
}

    .mini_a562c8 .bar_a562c8 {
        height: 6px;
        top: 17px
    }

    .mini_a562c8 .grabber_a562c8 {
        border-radius: 50%;
        height: 12px;
        margin-left: -7px;
        margin-top: 3px;
        width: 12px
    }

.disabled_a562c8 {
    opacity: .6
}

    .disabled_a562c8 .grabber_a562c8 {
        cursor: not-allowed
    }

.bar_a562c8 {
    background-color: var(--interactive-muted);
    border-radius: 4px;
    display: block;
    height: 8px;
    overflow: hidden;
    position: relative;
    top: 16px
}

.barFill_a562c8 {
    background: var(--control-brand-foreground-new);
    height: 100%
}

.track_a562c8 {
    bottom: 0;
    left: 5px;
    position: absolute;
    right: 5px;
    top: 0
}

.grabber_a562c8 {
    background-color: var(--white);
    border: 1px solid var(--border-strong);
    border-radius: 3px;
    box-shadow: var(--shadow-border),var(--shadow-ledge),var(--shadow-low);
    cursor: ew-resize;
    height: 24px;
    margin-left: -5px;
    margin-top: -13px;
    top: 50%;
    width: 10px
}

.grabber_a562c8, .mark_a562c8 {
    left: 0;
    position: absolute
}

.mark_a562c8 {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-left: -12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 24px
}

.markAbove_a562c8 {
    top: -6px
}

.markBelow_a562c8 {
    bottom: -12px
}

.markValue_a562c8 {
    font-size: 10px;
    font-weight: 700;
    margin-bottom: 4px;
    min-height: 10px;
    padding-left: 1px
}

.markDash_a562c8 {
    background-color: var(--interactive-muted);
    height: 24px;
    width: 2px
}

.markDashSimple_a562c8 {
    margin-top: 10px
}

.markValue_a562c8 {
    color: var(--text-muted)
}

.defaultValue_a562c8 .markValue_a562c8 {
    color: var(--text-positive)
}

:where(.visual-refresh) .mini_a562c8, :where(.visual-refresh) .slider_a562c8 {
    height: calc(24px + var(--bar-offset));
    --grabber-size: 16px;
    --bar-size: 4px;
    --bar-offset: 0px
}

    :where(.visual-refresh) .mini_a562c8.hasMarks_a562c8, :where(.visual-refresh) .slider_a562c8.hasMarks_a562c8 {
        --bar-offset: 24px
    }

    :where(.visual-refresh) .mini_a562c8 .mark_a562c8, :where(.visual-refresh) .slider_a562c8 .mark_a562c8 {
        display: flex;
        flex-direction: column;
        height: 48px;
        justify-content: space-between;
        top: 0
    }

    :where(.visual-refresh) .mini_a562c8 .markValue_a562c8, :where(.visual-refresh) .slider_a562c8 .markValue_a562c8 {
        color: var(--text-secondary);
        font-size: 12px;
        font-weight: 500;
        line-height: 16px
    }

    :where(.visual-refresh) .mini_a562c8 .defaultValue_a562c8 .markValue_a562c8, :where(.visual-refresh) .slider_a562c8 .defaultValue_a562c8 .markValue_a562c8 {
        color: var(--text-positive)
    }

    :where(.visual-refresh) .mini_a562c8 .markDash_a562c8, :where(.visual-refresh) .slider_a562c8 .markDash_a562c8 {
        border-radius: 12px
    }

    :where(.visual-refresh) .mini_a562c8 .grabber_a562c8, :where(.visual-refresh) .slider_a562c8 .grabber_a562c8 {
        border: 1px solid var(--border-normal);
        border-radius: 50%;
        box-shadow: var(--shadow-low);
        box-sizing: border-box;
        height: var(--grabber-size);
        margin-left: calc(var(--grabber-size)/-2);
        margin-top: calc(var(--grabber-size)/-2 + var(--bar-offset)/2);
        width: var(--grabber-size)
    }

    :where(.visual-refresh) .mini_a562c8 .hasMarks_a562c8 .grabber_a562c8, :where(.visual-refresh) .slider_a562c8 .hasMarks_a562c8 .grabber_a562c8 {
        margin-top: calc(var(--grabber-size)/-2 + 12px)
    }

    :where(.visual-refresh) .mini_a562c8 .bar_a562c8, :where(.visual-refresh) .slider_a562c8 .bar_a562c8 {
        background-color: var(--interactive-muted);
        height: var(--bar-size);
        top: calc((24px - var(--bar-size))/2 + var(--bar-offset))
    }

    :where(.visual-refresh) .mini_a562c8 .hasMarks_a562c8 .bar_a562c8, :where(.visual-refresh) .slider_a562c8 .hasMarks_a562c8 .bar_a562c8 {
        top: 34px
    }

    :where(.visual-refresh) .mini_a562c8 .barFill_a562c8, :where(.visual-refresh) .slider_a562c8 .barFill_a562c8 {
        background-color: var(--blurple-50);
        border: 1px solid hsla(0,0%,100%,.1)
    }

.enable-forced-colors .barFill_a562c8 {
    background: Highlight
}

.enable-forced-colors .grabber_a562c8 {
    background-color: Highlight;
    border-color: Highlight
}

.enable-forced-colors .bar_a562c8 {
    background: Canvas;
    border: 1px solid ButtonText
}

.enable-forced-colors .markDash_a562c8 {
    background: CanvasText
}

.enable-forced-colors .disabled_a562c8 {
    opacity: 1
}

    .enable-forced-colors .disabled_a562c8 .barFill_a562c8 {
        background: GrayText
    }

    .enable-forced-colors .disabled_a562c8 .grabber_a562c8 {
        background-color: GrayText;
        border-color: GrayText
    }

    .enable-forced-colors .disabled_a562c8 .bar_a562c8 {
        background: Canvas;
        border-color: GrayText
    }

.sliderContainer__65039 {
    box-sizing: border-box;
    overflow: visible;
    padding: 0 8px
}

.slider__65039 {
    position: relative;
    top: -14px
}

:where(.visual-refresh) .slider__65039 {
    top: -4px
}

.backdrop_bc663c {
    background-color: var(--black-500)
}

.backdrop_bc663c, .layer_bc663c {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.layer_bc663c {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 0;
    padding-bottom: 40px;
    padding-top: 40px
}

.visual-refresh .layer_bc663c {
    padding-bottom: var(--space-24);
    padding-top: var(--space-24)
}

.layer_bc663c:has([data-modal-align=top]) {
    bottom: auto;
    padding-top: 0
}

.hidden_bc663c * {
    pointer-events: none !important
}

.content_e9b214 {
    padding-bottom: 20px
}

.visual-refresh .cancelButton_e9b214 {
    margin-right: var(--spacing-12)
}

:root {
    --custom-paginator-round-button-size: 28px
}

.pageControlContainer_c15210 {
    bottom: 0;
    margin-top: 16px;
    width: 100%
}

.pageControl_c15210 {
    margin: auto;
    padding: 4px 0
}

.pageButton_c15210, .pageControl_c15210 {
    align-items: center;
    display: flex;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

.pageButton_c15210 {
    box-sizing: border-box;
    color: var(--header-primary);
    cursor: pointer;
    font-weight: 600;
    height: var(--custom-paginator-round-button-size);
    justify-content: center;
    margin: 4px;
    min-width: var(--custom-paginator-round-button-size);
    padding: 6px
}

    .pageButton_c15210:hover {
        background-color: var(--background-secondary-alt);
        color: var(--interactive-hover)
    }

.roundButton_c15210 {
    border-radius: 14px;
    min-width: var(--custom-paginator-round-button-size)
}

.endButton_c15210 {
    padding: 0 8px
}

    .endButton_c15210:first-child {
        padding-right: 12px
    }

    .endButton_c15210:last-child {
        padding-left: 12px
    }

.endButtonInner_c15210 {
    align-items: center;
    display: flex
}

.gap_c15210 {
    color: var(--text-normal);
    margin: 8px 4px;
    text-align: center;
    width: var(--custom-paginator-round-button-size)
}

.iconCaret_c15210 {
    display: inline-block;
    height: 1em;
    width: 1em
}

    .iconCaret_c15210:first-child {
        margin-right: 4px
    }

    .iconCaret_c15210:last-child {
        margin-left: 4px
    }

.jumpToPageInlineInput_c15210 {
    width: 50px
}

    .jumpToPageInlineInput_c15210 + .activeButton_c15210 {
        margin-left: 10px
    }

.activeButton_c15210 + .jumpToPageInlineInput_c15210 {
    margin-left: 6px
}

.enable-forced-colors .pageButton_c15210 {
    background-color: ButtonFace;
    color: ButtonText;
    forced-color-adjust: none
}

    .enable-forced-colors .pageButton_c15210:hover {
        text-decoration: underline
    }

.enable-forced-colors .activeButton_c15210, .enable-forced-colors .activeButton_c15210:hover {
    background-color: HighlightText;
    color: Highlight
}

.activeButton_c15210, .activeButton_c15210:hover {
    background-color: var(--brand-500);
    color: var(--white-500)
}

.progress__89dcd {
    overflow: hidden;
    position: relative;
    transform: translateZ(0)
}

.progress__89dcd, .progressBar__89dcd {
    width: 100%
}

.animating__89dcd {
    transition: transform .2s ease-out
}

.xxsmall__89dcd {
    border-radius: 2px;
    height: 2px
}

.xsmall__89dcd {
    height: 4px
}

.small__89dcd, .xsmall__89dcd {
    border-radius: 3px
}

.small__89dcd {
    height: 6px
}

.large__89dcd {
    border-radius: 4px;
    height: 8px
}

.indeterminate__89dcd {
    position: absolute;
    top: 0;
    width: auto
}

.indeterminateBar1__89dcd {
    animation: indeterminate1__89dcd 2.1s cubic-bezier(.65,.815,.735,.395) infinite;
    animation-play-state: paused
}

    .indeterminateBar1__89dcd.animating__89dcd {
        animation-play-state: running
    }

.indeterminateBar2__89dcd {
    animation: indeterminate2__89dcd 2.1s cubic-bezier(.165,.84,.44,1) infinite;
    animation-delay: 1.15s;
    animation-play-state: paused
}

    .indeterminateBar2__89dcd.animating__89dcd {
        animation-play-state: running
    }

@keyframes indeterminate1__89dcd {
    0% {
        left: -35%;
        right: 100%
    }

    60% {
        left: 100%;
        right: -90%
    }

    to {
        left: 100%;
        right: -90%
    }
}

@keyframes indeterminate2__89dcd {
    0% {
        left: -200%;
        right: 100%
    }

    60% {
        left: 107%;
        right: -8%
    }

    to {
        left: 107%;
        right: -8%
    }
}

.progressCircle__68862 {
    align-items: center;
    color: var(--blue-345);
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%
}

.circle__68862 {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.circleBackgroundAlt__68862 {
    fill: var(--opacity-black-20)
}

.circleBackground__68862 {
    fill: var(--background-accent)
}

.circleProgress__68862 {
    fill: none
}

.circleOverlay__68862 {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

.progress__58525 {
    overflow: hidden;
    position: relative;
    transform: translateZ(0);
    width: 100%
}

.progressBar__58525 {
    position: absolute;
    width: 100%
}

.full-motion .animating__58525 {
    transition: transform .2s ease-out
}

.xsmall__58525 {
    height: 4px
}

.small__58525, .xsmall__58525 {
    border-radius: 3px
}

.small__58525 {
    height: 6px
}

.large__58525 {
    border-radius: 4px;
    height: 8px
}

.selectableItem_eb626b {
    border-radius: 3px;
    box-sizing: border-box;
    color: var(--header-primary);
    cursor: pointer;
    height: 34px;
    margin: 2px 4px 2px 0;
    padding: 8px 10px
}

    .selectableItem_eb626b.selected_eb626b {
        cursor: default
    }

.selectableItemLabel_eb626b {
    font-size: 16px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    top: 1px;
    white-space: nowrap
}

.theme-light .selectableItem_eb626b:focus, .theme-light .selectableItem_eb626b:hover {
    background-color: var(--primary-200)
}

.theme-dark .selectableItem_eb626b:focus, .theme-dark .selectableItem_eb626b:hover {
    background-color: hsl(var(--primary-700-hsl)/.6)
}

.enable-forced-colors .selectableItem_eb626b:focus, .enable-forced-colors .selectableItem_eb626b:hover {
    outline: 1px solid Highlight;
    outline-offset: -1px
}

.popoutList__92efc {
    background: var(--background-secondary-alt);
    border-radius: 5px;
    padding: 10px 10px 0
}

.popoutListInput__92efc {
    font-size: 14px;
    width: 100%
}

.popoutListEmpty__92efc {
    box-sizing: border-box;
    color: var(--header-primary);
    cursor: default;
    margin: 2px 4px 2px 0;
    padding: 8px 10px 0
}

.divider__92efc {
    margin: 8px 0
}

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

.radioBar__001a7 {
    border-left: 3px solid var(--radio-bar-accent-color);
    border-radius: 4px;
    display: grid;
    grid-gap: 8px;
    align-items: center
}

    .radioBar__001a7.radioPositionLeft__001a7 {
        grid-template-columns: auto 1fr
    }

    .radioBar__001a7.radioPositionRight__001a7 {
        grid-template-columns: 1fr auto
    }

.item__001a7[aria-checked=true] {
    color: var(--interactive-active)
}

.itemFilled__001a7[aria-checked=true] {
    background-color: var(--background-modifier-selected)
}

.radioIconForeground__001a7 {
    color: var(--interactive-active)
}

.item__001a7 {
    border-radius: 3px;
    color: var(--interactive-normal);
    cursor: pointer;
    display: block;
    flex-direction: row;
    margin-bottom: 8px
}

    .item__001a7:hover:not([aria-checked=true]):not(.disabled__001a7) {
        color: var(--interactive-hover)
    }

    .item__001a7:active:not([aria-checked=true]):not(.disabled__001a7) {
        color: var(--interactive-active)
    }

.collapsibleItem__001a7 {
    border-radius: 3px;
    color: var(--interactive-normal);
    cursor: pointer;
    display: block;
    flex: 1;
    flex-direction: row
}

    .collapsibleItem__001a7:hover:not([aria-checked=true]):not(.disabled__001a7) {
        color: var(--interactive-hover)
    }

    .collapsibleItem__001a7:active:not([aria-checked=true]):not(.disabled__001a7) {
        color: var(--interactive-active)
    }

.itemFilled__001a7 {
    background-color: var(--background-secondary)
}

    .itemFilled__001a7:hover:not([aria-checked=true]):not(.disabled__001a7) {
        background-color: var(--background-modifier-hover)
    }

    .itemFilled__001a7:active:not([aria-checked=true]):not(.disabled__001a7) {
        background-color: var(--background-modifier-active)
    }

.tooltipWrapper__001a7 {
    display: flex;
    flex-direction: column;
    margin-bottom: 8px
}

    .tooltipWrapper__001a7:last-child {
        margin: 0
    }

.disabled__001a7 {
    cursor: not-allowed;
    opacity: .3
}

.info__001a7 {
    display: grid;
    margin-right: 8px;
    width: 100%;
    grid-gap: 4px;
    align-items: center
}

.icon__001a7 {
    margin-left: 8px
}

:where(.visual-refresh) .item__001a7, :where(.visual-refresh) .itemFilled__001a7[aria-checked=true], :where(.visual-refresh) .item__001a7[aria-checked=true], :where(.visual-refresh) .radioBar__001a7 {
    border-radius: var(--radius-sm)
}

:where(.visual-refresh) .item__001a7 {
    margin-bottom: var(--space-4)
}

:where(.visual-refresh) .radioIndicator__001a7 {
    background: transparent;
    border-radius: 50%;
    box-sizing: border-box;
    height: 24px;
    width: 24px
}

:where(.visual-refresh) .radioIndicatorGroup__001a7 {
    display: flex;
    flex-direction: row;
    gap: var(--space-8)
}

:where(.visual-refresh) .refreshIcon__001a7 {
    fill: #fff
}

:where(.visual-refresh) .refreshIconStroke__001a7 {
    stroke: var(--checkbox-border-default)
}

:where(.visual-refresh) .refreshIconFill__001a7 {
    fill: transparent
}

:where(.visual-refresh) .radioBar__001a7 {
    padding: var(--space-12) var(--space-16) !important
}

:where(.visual-refresh) .item__001a7 {
    color: var(--text-primary)
}

:where(.visual-refresh) .radioIndicatorChecked__001a7 .refreshIconStroke__001a7 {
    stroke: var(--checkbox-border-checked)
}

:where(.visual-refresh) .radioIndicatorChecked__001a7 .refreshIconFill__001a7 {
    fill: var(--redesign-input-control-selected)
}

:where(.visual-refresh) .itemFilled__001a7 {
    background: none
}

    :where(.visual-refresh) .itemFilled__001a7:hover:not([aria-checked=true]):not(.disabled__001a7) {
        background-color: var(--background-mod-subtle);
        color: var(--text-primary)
    }

    :where(.visual-refresh) .itemFilled__001a7:active:not([aria-checked=true]):not(.disabled__001a7) {
        background-color: var(--background-mod-normal);
        color: var(--text-primary)
    }

    :where(.visual-refresh) .itemFilled__001a7[aria-checked=true] {
        background-color: var(--background-mod-subtle)
    }

.visual-refresh.full-motion .item__001a7 {
    transition: background-color .1s ease,color .1s ease
}

.enable-forced-colors .radioBar__001a7 {
    background-color: ButtonFace;
    border: 1px solid ButtonText;
    color: ButtonText;
    forced-color-adjust: none
}

.enable-forced-colors .radioIconForeground__001a7 {
    color: HighlightText
}

.enable-forced-colors .refreshIcon__001a7 {
    fill: HighlightText
}

.enable-forced-colors .refreshIconStroke__001a7 {
    stroke: ButtonText
}

.enable-forced-colors .refreshIconFill__001a7 {
    fill: transparent
}

.enable-forced-colors .item__001a7[aria-checked=true] .radioBar__001a7 {
    background-color: Highlight;
    border-color: Highlight;
    color: HighlightText
}

.enable-forced-colors .radioIndicatorChecked__001a7 .refreshIconStroke__001a7 {
    stroke: HighlightText
}

.enable-forced-colors .radioIndicatorChecked__001a7 .refreshIconFill__001a7 {
    fill: Highlight
}

.enable-forced-colors .item__001a7.disabled__001a7 {
    opacity: 1
}

    .enable-forced-colors .item__001a7.disabled__001a7, .enable-forced-colors .item__001a7.disabled__001a7:hover {
        color: GrayText
    }

        .enable-forced-colors .item__001a7.disabled__001a7 .radioBar__001a7 {
            background-color: Canvas;
            border-color: GrayText;
            color: GrayText
        }

.enable-forced-colors .radioIndicatorDisabled__001a7 .radioIconForeground__001a7 {
    color: GrayText
}

.enable-forced-colors .radioIndicatorDisabled__001a7 .refreshIcon__001a7 {
    fill: GrayText
}

.enable-forced-colors .radioIndicatorDisabled__001a7 .refreshIconStroke__001a7 {
    stroke: GrayText
}

.enable-forced-colors .radioIndicatorDisabled__001a7 .refreshIconFill__001a7 {
    fill: Canvas
}

.twoColorGradient_e5de78 {
    background: linear-gradient(to right,var(--custom-gradient-color-1),var(--custom-gradient-color-2),var(--custom-gradient-color-1))
}

.threeColorGradient_e5de78 {
    background: linear-gradient(to right,var(--custom-gradient-color-1),var(--custom-gradient-color-2),var(--custom-gradient-color-3),var(--custom-gradient-color-1))
}

.usernameGradient_e5de78 {
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 100px auto;
    -webkit-text-fill-color: transparent
}

.usernameGlow_e5de78 {
    filter: blur(4px);
    opacity: 0;
    z-index: -1
}

.usernameGlow_e5de78, .usernameGlowActive_e5de78 {
    transition: opacity .1s ease-in-out
}

.usernameGlowActive_e5de78 {
    opacity: .7
}

.emoji_e5de78 {
    -webkit-text-fill-color: initial
}

.convenienceGlowGradient_e5de78 {
    position: relative;
    z-index: 0
}

.theme-light .usernameGradient_e5de78 {
    filter: brightness(.85)
}

.convenienceGlowGradient_e5de78:after {
    background: inherit;
    -webkit-background-clip: text;
    background-clip: text;
    content: attr(data-text) /"";
    inset: 0;
    position: absolute;
    -webkit-text-fill-color: transparent;
    filter: blur(4px);
    opacity: 0;
    text-indent: 0;
    transition: opacity .1s ease-in-out;
    z-index: -1
}

.convenienceGlowGradientActive_e5de78:after {
    opacity: .7;
    transition: opacity .1s ease-in-out
}

.full-motion.app-focused:not(.hardware-acceleration-disabled) .animateGradient_e5de78 {
    animation: gradientUsernameAnimation_e5de78 1.5s linear infinite
}

.full-motion.app-focused:not(.hardware-acceleration-disabled) .gradientDotAnimation_e5de78:hover {
    animation: gradientDotAnimation_e5de78 2.5s linear infinite
}

@keyframes gradientUsernameAnimation_e5de78 {
    0% {
        background-position: 0
    }

    to {
        background-position: 100px
    }
}

@keyframes gradientDotAnimation_e5de78 {
    0% {
        background-position: 0
    }

    to {
        background-position: 12px
    }
}

@keyframes gradientGlowFadeInAnimation_e5de78 {
    0% {
        opacity: 0
    }

    to {
        opacity: .7
    }
}

.svg__4f569 {
    display: inline-block;
    flex-shrink: 0;
    forced-color-adjust: none;
    height: 1.25em;
    vertical-align: text-bottom;
    width: 1.25em
}

.background__4f569 {
    fill: var(--background-secondary-alt)
}

.dot__4f569, .dotBorderColor__4f569 {
}

.dotBorderColor__4f569 {
    opacity: .4
}

.roleCircle__4f569 {
    align-items: center;
    border-radius: 50%;
    display: flex;
    flex-shrink: 0;
    forced-color-adjust: none;
    height: 12px;
    justify-content: center;
    margin: 0 4px;
    padding: 0;
    width: 12px
}

.dotBorderBase__4f569 {
    fill: var(--header-primary)
}

.roleDotRight__703b9 {
    margin-left: .25rem
}

.roleDotLeft__703b9 {
    margin-right: .25rem
}

.username__703b9 {
}

.container__703b9 {
    text-decoration: inherit
}

.container__703b9, .nameContainer__703b9 {
    display: inline-flex;
    max-width: 100%;
    min-width: 0
}

.nameContainer__703b9 {
    position: relative;
    z-index: 0
}

.name__703b9 {
    position: relative
}

.name__703b9, .nameGlow__703b9 {
    overflow: hidden;
    text-overflow: ellipsis
}

.nameGlow__703b9 {
    height: 100%;
    inset: 0;
    position: absolute;
    width: 100%
}

.tabItem__9e06a {
    cursor: pointer;
    font-size: 13px;
    margin-right: 20px;
    padding-bottom: 20px;
    padding-top: 20px
}

.tabContainer__9e06a {
    color: var(--text-muted-on-default)
}

.pillContainer__9e06a, .tabContainer__9e06a {
    display: flex;
    flex-direction: row
}

.pillContainer__9e06a {
    background-color: var(--bg-base-tertiary);
    border-radius: var(--radius-md);
    gap: var(--spacing-4);
    justify-content: stretch;
    padding: var(--spacing-4)
}

.pillItem__9e06a {
    border-radius: var(--radius-sm);
    color: var(--text-secondary);
    cursor: pointer;
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    padding: 8px 16px
}

    .pillItem__9e06a:not(.pillItemSelected__9e06a):hover {
        background-color: var(--bg-mod-subtle)
    }

.pillItemSelected__9e06a {
    background-color: var(--bg-surface-raised);
    color: var(--interactive-active)
}

.theme-dark .tabItemSelected__9e06a {
    border-bottom: 2px solid var(--primary-100)
}

.theme-light .tabItemSelected__9e06a {
    border-bottom: 2px solid var(--primary-500)
}

.tabItemSelected__9e06a {
    color: var(--header-primary)
}

.icon__9e06a {
    height: 16px;
    margin-right: var(--spacing-8);
    width: 16px
}

.controlText__9e06a {
    align-items: center;
    display: flex
}

.pillItemText__9e06a {
    line-height: 1
}

.disabled__9e06a {
    cursor: not-allowed
}

.disabledContainer__9e06a {
    opacity: .3
}

.select__3f413 {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr auto;
    padding: 8px 8px 8px 12px
}

.select__3f413, .wrapper__3f413 {
    color: var(--text-normal);
    font-weight: 500
}

.searchable__3f413 {
    padding-bottom: 8px;
    padding-top: 8px
}

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

    .searchInput__3f413::-moz-placeholder {
        color: var(--input-placeholder-text)
    }

    .searchInput__3f413::placeholder {
        color: var(--input-placeholder-text)
    }

    .searchInput__3f413.multi__3f413 {
        height: 32px;
        margin-left: 4px;
        width: auto
    }

.editing__3f413 {
    font-weight: 400
}

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

.open__3f413 {
    border-bottom-color: transparent;
    border-radius: 4px 4px 0 0
}

.selectPositionTop__3f413.open__3f413 {
    border-radius: 0 0 4px 4px
}

.disabled__3f413, .disabled__3f413 * {
    cursor: not-allowed;
    opacity: .6
}

.optionDisabled__3f413 {
    opacity: .5
}

.searchInput__3f413.multi__3f413.hidden__3f413 {
    opacity: 0;
    width: 0
}

.iconsContainer__3f413 {
    height: 42px
}

.iconsCenter__3f413 {
    align-items: center;
    display: flex;
    height: 100%
}

.placeholder__3f413, .value__3f413 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.placeholder__3f413 {
    color: var(--input-placeholder-text)
}

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

.lookFilled__3f413.select__3f413 {
    background-color: var(--input-background);
    border-color: var(--input-background)
}

.popout__3f413 {
    background: var(--background-secondary);
    border: 1px solid var(--background-tertiary);
    border-radius: 0 0 4px 4px;
    box-sizing: border-box
}

    .popout__3f413.popoutPositionTop__3f413 {
        border-radius: 4px 4px 0 0
    }

.lookFilled__3f413.popout__3f413 {
    border-radius: 0 0 3px 3px
}

    .lookFilled__3f413.popout__3f413.popoutPositionTop__3f413 {
        border-radius: 3px 3px 0 0
    }

.lookFilled__3f413.option__3f413, .lookFilled__3f413.select__3f413:hover.option__3f413 {
    border-color: var(--brand-500);
    border-bottom-color: var(--background-tertiary)
}

.option__3f413 {
    align-items: center;
    box-sizing: border-box;
    color: var(--interactive-normal);
    cursor: pointer;
    display: grid;
    font-weight: 500;
    grid-template-columns: 1fr auto;
    padding: 12px
}

    .option__3f413.focused__3f413, .option__3f413:focus-visible, .option__3f413:hover {
        background-color: var(--background-modifier-hover);
        color: var(--interactive-hover)
    }

    .option__3f413[aria-selected=true]:not(.option__3f413.multi__3f413) {
        background-color: var(--background-modifier-selected);
        color: var(--interactive-active)
    }

.selectedIcon__3f413 {
    color: var(--brand-500)
}

.icons__3f413 {
    gap: 4px
}

.icons__3f413, .value__3f413 {
    align-items: center;
    display: flex
}

.value__3f413 {
    gap: 8px
}

.clear__3f413 {
    display: block
}

.clear__3f413, .dropdownIcon__3f413 {
    cursor: pointer;
    pointer-events: all
}

.noResults__3f413 {
    align-items: center;
    background: var(--background-secondary);
    padding: 12px;
    width: 100%
}

.loading__3f413, .noResults__3f413 {
    display: flex;
    justify-content: center
}

.loading__3f413 {
    height: 40px
}

.loadingSpinner__3f413 {
    background-color: var(--interactive-active)
}

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

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

        .wrapper__3f413 .select__3f413.multi__3f413 {
            padding-bottom: 4px;
            padding-left: 4px;
            padding-top: 0
        }

    .wrapper__3f413 .icons__3f413 {
        grid-column: 2;
        grid-row: 1;
        -webkit-margin-end: 8px;
        margin-inline-end: 8px;
        pointer-events: none
    }

    .wrapper__3f413 .value__3f413 {
        display: flex
    }

        .wrapper__3f413 .value__3f413.multi__3f413 {
            display: block;
            white-space: normal
        }

    .wrapper__3f413 .searchInput__3f413 {
        flex: 1 0 0
    }

.searchableSelect__3f413 .option__3f413 {
    align-content: center;
    display: grid;
    grid-template-areas: "prefix content suffix selectedIcon";
    grid-template-columns: auto 1fr auto auto
}

.searchableSelect__3f413 .prefix__3f413 {
    grid-area: prefix;
    -webkit-margin-end: 8px;
    margin-inline-end: 8px
}

.searchableSelect__3f413 .suffix__3f413 {
    grid-area: suffix;
    -webkit-margin-start: 8px;
    margin-inline-start: 8px;
    -webkit-margin-end: 8px;
    margin-inline-end: 8px
}

.searchableSelect__3f413 .content__3f413 {
    display: flex;
    grid-area: content;
    min-width: 0
}

.searchableSelect__3f413 .selectedIcon__3f413 {
    grid-area: selectedIcon
}

.optionPillWrapper__3f413 {
    min-width: auto;
    padding: 0;
    width: auto
}

.optionPillContainer__3f413 {
    display: inline
}

.optionPillItem__3f413 {
    margin-right: 4px
}

.optionPill__3f413, .optionPillItem__3f413 {
    align-items: center;
    display: inline-flex
}

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

.optionPillBtn__3f413 {
    height: auto;
    min-height: auto;
    min-width: 0;
    padding: 0
}

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

.optionPillItem__3f413, .searchInput__3f413.multi__3f413 {
    margin-top: 4px
}

.no-webkit-scrollbar .noScrollbar__3f413 {
    scrollbar-width: none
}

.noScrollbar__3f413::-webkit-scrollbar {
    height: 0;
    width: 0
}

.multiSelectCheckbox__3f413 {
    align-items: center;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    grid-area: selectedIcon;
    height: 20px;
    width: 20px
}

    .multiSelectCheckbox__3f413.unchecked__3f413 {
        border: 2px solid var(--interactive-normal)
    }

    .multiSelectCheckbox__3f413.checked__3f413 {
        background: var(--brand-500);
        border: 1px solid var(--brand-500)
    }

.multiSelectCheck__3f413 {
    color: var(--white-500)
}

.optionPill__3f413 {
    align-content: center;
    display: grid;
    grid-template-areas: "prefix content suffix clearIcon";
    grid-template-columns: auto 1fr auto auto
}

    .optionPill__3f413 .prefix__3f413 {
        grid-area: prefix;
        -webkit-margin-end: 8px;
        margin-inline-end: 8px
    }

    .optionPill__3f413 .suffix__3f413 {
        grid-area: suffix;
        -webkit-margin-start: 8px;
        margin-inline-start: 8px;
        -webkit-margin-end: 8px;
        margin-inline-end: 8px
    }

    .optionPill__3f413 .content__3f413 {
        grid-area: content
    }

    .optionPill__3f413 .deleteOptionIcon__3f413 {
        grid-area: clearIcon
    }

.enable-forced-colors .select__3f413 {
    background-color: Canvas;
    border-color: ButtonText
}

.enable-forced-colors .open__3f413 {
    border-color: Highlight
}

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

.enable-forced-colors .placeholder__3f413 {
    color: GrayText
}

.enable-forced-colors .option__3f413 {
    background-color: Canvas;
    border: 1px solid Canvas;
    color: CanvasText;
    forced-color-adjust: none
}

    .enable-forced-colors .option__3f413.focused__3f413, .enable-forced-colors .option__3f413:focus, .enable-forced-colors .option__3f413:hover {
        background-color: ButtonFace;
        border-color: ButtonText;
        color: ButtonText
    }

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

        .enable-forced-colors .option__3f413[aria-selected=true].focused__3f413, .enable-forced-colors .option__3f413[aria-selected=true]:focus, .enable-forced-colors .option__3f413[aria-selected=true]:hover {
            border-color: Highlight !important
        }

.enable-forced-colors .selectedIcon__3f413 {
    color: Highlight
}

:where(.visual-refresh) .iconsContainer__3f413, :where(.visual-refresh) .select__3f413 {
    min-height: 44px
}

:where(.visual-refresh) .wrapper__3f413 .select__3f413.multi__3f413 {
    padding-bottom: 6px;
    padding-left: 6px
}

:where(.visual-refresh) .lookFilled__3f413.select__3f413 {
    background-color: var(--input-background)
}

:where(.visual-refresh) .lookFilled__3f413.select__3f413 {
    border: 1px solid var(--input-border);
    border-radius: var(--radius-sm)
}

:where(.visual-refresh) .lookFilled__3f413.popout__3f413, :where(.visual-refresh) .lookFilled__3f413.popout__3f413.popoutPositionTop__3f413, :where(.visual-refresh) .popout__3f413, :where(.visual-refresh) .popout__3f413.popoutPositionTop__3f413 {
    background-color: var(--background-surface-higher);
    border: 1px solid var(--border-subtle);
    border-radius: 8px
}

:where(.visual-refresh) .placeholder__3f413 {
    color: var(--text-secondary)
}

:where(.visual-refresh) .popout__3f413 {
    background-color: var(--background-surface-higher);
    border-color: var(--border-subtle);
    margin: 0
}

    :where(.visual-refresh) .popout__3f413:not(.popoutPositionTop__3f413) {
        margin-top: 8px
    }

    :where(.visual-refresh) .popout__3f413.popoutPositionTop__3f413 {
        margin-bottom: 8px
    }

:where(.visual-refresh) .option__3f413 {
    color: var(--text-secondary);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px
}

    :where(.visual-refresh) .option__3f413[aria-selected=true] {
        color: var(--text-default);
        font-weight: 500
    }

        :where(.visual-refresh) .option__3f413[aria-selected=true]:hover {
            background-color: var(--background-mod-subtle)
        }

    :where(.visual-refresh) .option__3f413:hover {
        background-color: var(--background-mod-subtle);
        color: var(--text-default)
    }

:where(.visual-refresh) .optionPillItem__3f413 {
    margin-right: 6px
}

    :where(.visual-refresh) .optionPillItem__3f413 button {
        background-color: var(--background-surface-higher)
    }

        :where(.visual-refresh) .optionPillItem__3f413 button .optionPill__3f413 {
            border: 1px solid var(--border-faint);
            border-radius: var(--radius-xs)
        }

:where(.visual-refresh) .optionPillItem__3f413, :where(.visual-refresh) .searchInput__3f413.multi__3f413 {
    margin-top: 6px
}

:where(.visual-refresh) .optionPill__3f413 {
    font-size: 14px
}

    :where(.visual-refresh) .optionPill__3f413 .deleteOptionIcon__3f413 {
        height: 16px;
        width: 16px
    }

:where(.visual-refresh) .multiSelectCheckbox__3f413 {
    border-radius: 6px
}

    :where(.visual-refresh) .multiSelectCheckbox__3f413.unchecked__3f413 {
        border: 1px solid var(--border-strong)
    }

.wrapper_c99fc3 {
    align-items: baseline;
    display: flex;
    overflow: hidden;
    position: relative
}

.icon_c99fc3 {
    align-self: center;
    min-width: 16px;
    opacity: .3
}

.title_c99fc3 {
    margin: 0 4px
}

.subtitle_c99fc3, .title_c99fc3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.subtitle_c99fc3 {
    color: var(--input-placeholder-text);
    margin-left: 8px;
    min-width: 48px;
    text-transform: uppercase
}

.enable-forced-colors .icon_c99fc3 {
    opacity: 1
}

.enable-forced-colors .lighten_c99fc3 {
    opacity: 1
}

.enable-forced-colors .subtitle_c99fc3, .enable-forced-colors .title_c99fc3 {
    color: inherit
}

.transitionGroup__6ba63 {
    overflow: hidden;
    position: relative
}

.measurement__6ba63 {
    overflow: hidden
}

.measurementFill__6ba63 {
    flex: 0 0 auto;
    width: 100%
}

.measurementFillStatic__6ba63 {
    height: 100%
}

.animatedNode__6ba63 {
    width: 100%
}

.header_b3f026, .item_b3f026 {
    flex-shrink: 0;
    overflow: hidden
}

.header_b3f026, .headerText_b3f026, .item_b3f026 {
    text-overflow: ellipsis;
    white-space: nowrap
}

.headerText_b3f026 {
    overflow-x: hidden
}

.header_b3f026 {
    color: var(--channels-default)
}

.item_b3f026 {
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    position: relative
}

.brand_b3f026.item_b3f026, .themed_b3f026.item_b3f026 {
    color: var(--interactive-normal)
}

    .brand_b3f026.item_b3f026:hover, .themed_b3f026.item_b3f026:hover {
        color: var(--interactive-hover)
    }

    .brand_b3f026.item_b3f026:active, .themed_b3f026.item_b3f026:active {
        color: var(--interactive-active)
    }

.separator_b3f026 {
    background-color: var(--background-modifier-accent)
}

.selected_b3f026.item_b3f026, .selected_b3f026.item_b3f026:hover {
    color: var(--interactive-active);
    cursor: default
}

.selected_b3f026 {
    cursor: default
}

.disabled_b3f026.item_b3f026, .disabled_b3f026.item_b3f026:hover {
    color: var(--interactive-muted);
    cursor: default
}

.visual-refresh .brand_b3f026.item_b3f026, .visual-refresh .themed_b3f026.item_b3f026 {
    color: var(--text-secondary)
}

    .visual-refresh .brand_b3f026.item_b3f026:hover, .visual-refresh .themed_b3f026.item_b3f026:hover {
        color: var(--text-primary)
    }

    .visual-refresh .brand_b3f026.item_b3f026:active, .visual-refresh .themed_b3f026.item_b3f026:active {
        color: var(--text-primary)
    }

.visual-refresh .separator_b3f026 {
    background-color: var(--border-subtle)
}

.visual-refresh .selected_b3f026.item_b3f026, .visual-refresh .selected_b3f026.item_b3f026:hover {
    color: var(--text-primary);
    cursor: default
}

.visual-refresh .selected_b3f026 {
    cursor: default
}

.visual-refresh .disabled_b3f026.item_b3f026, .visual-refresh .disabled_b3f026.item_b3f026:hover {
    color: var(--text-muted);
    cursor: default
}

.visual-refresh.density-compact .side_b3f026 .item_b3f026 {
    line-height: 16px
}

.visual-refresh.density-cozy .side_b3f026 .item_b3f026 {
    line-height: 24px
}

.side_b3f026 {
    display: flex;
    flex: 1;
    flex-direction: column
}

    .side_b3f026 .header_b3f026, .side_b3f026 .item_b3f026 {
        padding: 6px 10px
    }

        .side_b3f026 .header_b3f026:first-child {
            padding-top: 0
        }

    .side_b3f026 .item_b3f026 {
        border-radius: 4px;
        margin-bottom: 2px;
        padding-bottom: 6px;
        padding-top: 6px
    }

    .side_b3f026 .separator_b3f026 {
        height: 1px;
        margin: 8px 10px
    }

.top_b3f026 {
    display: flex;
    flex-direction: row
}

    .top_b3f026 .item_b3f026 {
        border-bottom: 2px solid transparent
    }

    .top_b3f026 .disabled_b3f026.item_b3f026 {
        cursor: not-allowed
    }

    .top_b3f026 .themed_b3f026.item_b3f026:hover {
        border-bottom-color: var(--interactive-hover)
    }

    .top_b3f026 .selected_b3f026.themed_b3f026.item_b3f026, .top_b3f026 .themed_b3f026.item_b3f026:active {
        border-bottom-color: var(--interactive-active)
    }

    .top_b3f026 .brand_b3f026.item_b3f026:hover {
        border-bottom-color: var(--brand-500)
    }

    .top_b3f026 .brand_b3f026.item_b3f026:active, .top_b3f026 .brand_b3f026.selected_b3f026.item_b3f026 {
        border-bottom-color: var(--control-brand-foreground)
    }

    .top_b3f026 .disabled_b3f026.brand_b3f026.item_b3f026:hover, .top_b3f026 .disabled_b3f026.themed_b3f026.item_b3f026:hover {
        border-bottom-color: transparent
    }

.topPill_b3f026 {
    display: flex;
    flex-direction: row
}

    .topPill_b3f026 .item_b3f026 {
        border-radius: 4px;
        margin: 0 8px;
        padding: 2px 8px
    }

    .topPill_b3f026 .separator_b3f026 {
        width: 1px
    }

    .side_b3f026 .themed_b3f026.item_b3f026:hover:not(.disabled_b3f026), .topPill_b3f026 .themed_b3f026.item_b3f026:hover:not(.disabled_b3f026) {
        background-color: var(--background-modifier-hover)
    }

    .side_b3f026 .themed_b3f026.item_b3f026:active:not(.disabled_b3f026), .topPill_b3f026 .themed_b3f026.item_b3f026:active:not(.disabled_b3f026) {
        background-color: var(--background-modifier-active)
    }

    .side_b3f026 .themed_b3f026.selected_b3f026.item_b3f026, .topPill_b3f026 .themed_b3f026.selected_b3f026.item_b3f026 {
        background-color: var(--background-modifier-selected)
    }

.visual-refresh .topPill_b3f026 .item_b3f026 {
    border-radius: var(--radius-sm);
    cursor: pointer;
    margin: 0 8px;
    min-height: 32px;
    padding: 4px 12px
}

    .visual-refresh .topPill_b3f026 .item_b3f026.disabled_b3f026 {
        cursor: not-allowed
    }

.visual-refresh .side_b3f026 .themed_b3f026.item_b3f026:hover:not(.disabled_b3f026), .visual-refresh .topPill_b3f026 .themed_b3f026.item_b3f026:hover:not(.disabled_b3f026) {
    background-color: var(--button-secondary-background-hover)
}

.visual-refresh .side_b3f026 .themed_b3f026.item_b3f026:active:not(.disabled_b3f026), .visual-refresh .topPill_b3f026 .themed_b3f026.item_b3f026:active:not(.disabled_b3f026) {
    background-color: var(--button-secondary-background-active)
}

.visual-refresh .side_b3f026 .themed_b3f026.selected_b3f026.item_b3f026, .visual-refresh .topPill_b3f026 .themed_b3f026.selected_b3f026.item_b3f026 {
    background-color: var(--button-secondary-background)
}

.visual-refresh .side_b3f026 .destructive_b3f026.item_b3f026:not(.disabled_b3f026), .visual-refresh .topPill_b3f026 .destructive_b3f026.item_b3f026:not(.disabled_b3f026) {
    color: var(--text-danger)
}

.visual-refresh .side_b3f026 .destructive_b3f026.item_b3f026:hover:not(.disabled_b3f026), .visual-refresh .topPill_b3f026 .destructive_b3f026.item_b3f026:hover:not(.disabled_b3f026) {
    background-color: var(--background-feedback-critical);
    color: var(--text-danger)
}

.visual-refresh .side_b3f026 .destructive_b3f026.item_b3f026:active:not(.disabled_b3f026), .visual-refresh .topPill_b3f026 .destructive_b3f026.item_b3f026:active:not(.disabled_b3f026) {
    background-color: var(--background-feedback-critical);
    color: var(--white)
}

.visual-refresh .side_b3f026 .destructive_b3f026.selected_b3f026.item_b3f026:not(.disabled_b3f026), .visual-refresh .topPill_b3f026 .destructive_b3f026.selected_b3f026.item_b3f026:not(.disabled_b3f026) {
    background-color: var(--background-feedback-critical);
    color: var(--white)
}

.visual-refresh.full-motion .item_b3f026 {
    transition: background-color .3s ease
}

.enable-forced-colors .item_b3f026 {
    background-color: ButtonFace !important;
    border: 1px solid ButtonFace;
    color: ButtonText !important;
    forced-color-adjust: none
}

    .enable-forced-colors .item_b3f026:hover {
        background-color: ButtonFace !important;
        border-color: ButtonText;
        color: ButtonText !important
    }

    .enable-forced-colors .item_b3f026[aria-selected=true], .enable-forced-colors .item_b3f026[aria-selected=true]:hover, .enable-forced-colors .selected_b3f026.item_b3f026, .enable-forced-colors .selected_b3f026.item_b3f026:hover {
        background-color: HighlightText !important;
        border-color: Highlight;
        color: Highlight !important
    }

.enable-forced-colors .disabled_b3f026.item_b3f026, .enable-forced-colors .disabled_b3f026.item_b3f026:hover {
    background-color: Canvas !important;
    border-color: Canvas !important;
    color: GrayText !important
}

.enable-forced-colors .top_b3f026 .item_b3f026 {
    border-radius: 4px 4px 0 0;
    padding-left: 4px;
    padding-right: 4px
}

:where(.visual-refresh) .top_b3f026 {
    border-bottom-color: var(--border-subtle);
    border-bottom: 1px solid var(--border-subtle)
}

    :where(.visual-refresh) .top_b3f026 .item_b3f026 {
        --selected-tab-item-color: var(--interactive-active);
        border-bottom: none !important;
        font-size: 14px;
        font-weight: 600;
        line-height: 14px;
        margin-bottom: -1px;
        padding-bottom: 16px;
        position: relative;
        --tab-item-color: var(--text-primary)
    }

        :where(.visual-refresh) .top_b3f026 .item_b3f026.selected_b3f026:after, :where(.visual-refresh) .top_b3f026 .item_b3f026:hover:after {
            background: var(--selected-tab-item-color);
            border-top-left-radius: 2px;
            border-top-right-radius: 2px;
            content: "";
            height: 2px;
            left: 0;
            margin-top: -2px;
            position: absolute;
            top: 100%;
            width: 100%;
            z-index: 1
        }

        :where(.visual-refresh) .top_b3f026 .item_b3f026.selected_b3f026 {
            color: var(--selected-tab-item-color)
        }

        :where(.visual-refresh) .top_b3f026 .item_b3f026.brand_b3f026 {
            --selected-tab-item-color: var(--text-brand)
        }

        :where(.visual-refresh) .top_b3f026 .item_b3f026 + .item_b3f026 {
            margin-left: var(--space-xl)
        }

.refresh-fast-follow-distinct-borders .top_b3f026 {
    border-color: var(--app-border-frame)
}

.textArea__7aff3 {
    height: auto;
    resize: none
}

.resizeable__7aff3 {
    resize: auto
}

.inputMaxLength__7aff3 {
    position: relative
}

.flex__7aff3 {
    display: flex;
    flex: 1 1 auto
}

.characterCount__7aff3, .maxLength__7aff3 {
    bottom: 12px;
    color: var(--text-muted);
    font-family: var(--font-code);
    font-size: 12px;
    pointer-events: none;
    position: absolute;
    right: 14px
}

.errorOverflow__7aff3 {
    color: var(--text-danger)
}

.errorMessage__7aff3 {
    margin-top: 1px
}

.select__71cea {
    background-color: var(--deprecated-text-input-bg);
    border: 1px solid var(--deprecated-text-input-border);
    height: 40px
}

.containerTop__45edc {
    top: 36px
}

.containerBottom__45edc, .containerTop__45edc {
    display: flex;
    flex-direction: column;
    left: 50%;
    position: fixed;
    transform: translateX(-50%);
    z-index: 4999
}

.containerBottom__45edc {
    bottom: 140px
}

.visual-refresh .containerTop__45edc {
    top: calc(var(--custom-app-top-bar-height) + var(--space-8))
}

.container__5e1cf {
    background-color: var(--background-secondary);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-low);
    width: 100%
}

.footer__5e1cf, .toolbar__5e1cf {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 16px
}

.table__5e1cf {
    border-collapse: collapse;
    color: var(--text-normal);
    overflow: scroll;
    table-layout: fixed;
    width: 100%
}

.header__5e1cf {
    border-bottom: 1px solid var(--divider-strong);
    border-top: 1px solid var(--divider-subtle)
}

.body__5e1cf {
    padding: 8px
}

.row__5e1cf {
    border-bottom: 1px solid var(--divider-subtle);
    outline: none;
    transition: background-color .1s ease;
    white-space: nowrap
}

    .row__5e1cf[data-focus-visible] {
        box-shadow: 0 0 0 4px var(--blue-345)
    }

    .row__5e1cf[data-pressed] {
        background-color: var(--background-modifier-active)
    }

    .row__5e1cf[data-hovered] {
        background-color: var(--background-modifier-hover)
    }

    .row__5e1cf[aria-selected=true] {
        background-color: var(--background-modifier-selected)
    }

    .row__5e1cf:last-child {
        border-bottom: none
    }

.column__5e1cf {
    outline: none;
    padding: 16px
}

    .column__5e1cf[data-focus-visible] {
        box-shadow: 0 0 0 4px var(--blue-345)
    }

.columnText__5e1cf {
    text-align: left
}

.cell__5e1cf {
    outline: none;
    padding: 16px
}

    .cell__5e1cf[data-focus-visible] {
        box-shadow: 0 0 0 4px var(--blue-345)
    }

.breadcrumbs__75013 {
    overflow: hidden
}

.breadcrumbWrapper__75013 {
    align-items: center;
    color: var(--text-muted);
    display: flex;
    flex-grow: 0;
    font-weight: 600
}

.activeBreadcrumb__75013 {
    color: var(--interactive-active)
}

.breadcrumbClickWrapper__75013, .breadcrumbFinalWrapper__75013 {
    overflow: hidden
}

.breadcrumb__75013 {
    font-size: 14px
}

.breadcrumbArrow__75013 {
    height: 18px;
    width: 18px
}

.interactiveBreadcrumb__75013 {
    cursor: pointer
}

.group__3d4a0, .item__3d4a0 {
    box-sizing: border-box;
    display: flex
}

.item__3d4a0 {
    align-items: center;
    background: transparent;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    cursor: pointer;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .item__3d4a0:first-child {
        border-left-width: 1px;
        border-radius: 3px 0 0 3px
    }

    .item__3d4a0:last-child {
        border-radius: 0 3px 3px 0
    }

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

.theme-light .item__3d4a0 {
    border-color: var(--primary-200)
}

.theme-dark .item__3d4a0 {
    border-color: var(--primary-800)
}

.btnHamburger__006d6 {
    background: transparent;
    cursor: pointer;
    height: 45px;
    margin-right: -20px;
    padding: 8px;
    position: relative;
    transform: scale(.3);
    width: 60px
}

    .btnHamburger__006d6 span {
        background: var(--white);
        display: block;
        height: 9px;
        opacity: 1;
        position: absolute;
        transform: rotate(0deg);
        transition: .25s ease-in-out;
        width: 50%
    }

        .btnHamburger__006d6 span:nth-child(2n) {
            border-radius: 0 9px 9px 0;
            left: 50%
        }

        .btnHamburger__006d6 span:nth-child(odd) {
            border-radius: 9px 0 0 9px;
            left: 0
        }

        .btnHamburger__006d6 span:first-child, .btnHamburger__006d6 span:nth-child(2) {
            top: 0
        }

        .btnHamburger__006d6 span:nth-child(3), .btnHamburger__006d6 span:nth-child(4) {
            top: 18px
        }

        .btnHamburger__006d6 span:nth-child(5), .btnHamburger__006d6 span:nth-child(6) {
            top: 36px
        }

.theme-dark .btnHamburger__006d6 span {
    background: var(--white)
}

.theme-light .btnHamburger__006d6 span {
    background: var(--black)
}

.btnHamburgerOpen__006d6 span:first-child, .btnHamburgerOpen__006d6 span:nth-child(6) {
    transform: rotate(45deg)
}

.btnHamburgerOpen__006d6 span:nth-child(2), .btnHamburgerOpen__006d6 span:nth-child(5) {
    transform: rotate(-45deg)
}

.btnHamburgerOpen__006d6 span:first-child {
    left: 5px;
    top: 7px
}

.btnHamburgerOpen__006d6 span:nth-child(2) {
    left: calc(50% - 5px);
    top: 7px
}

.btnHamburgerOpen__006d6 span:nth-child(3) {
    left: -50%;
    opacity: 0
}

.btnHamburgerOpen__006d6 span:nth-child(4) {
    left: 100%;
    opacity: 0
}

.btnHamburgerOpen__006d6 span:nth-child(5) {
    left: 5px;
    top: 29px
}

.btnHamburgerOpen__006d6 span:nth-child(6) {
    left: calc(50% - 5px);
    top: 29px
}

.platform-osx:not(.visual-refresh) .container__9293f {
    -webkit-app-region: drag
}

.hamburger__9293f {
    flex: 0 0 auto;
    margin-right: -4px
}

.container__9293f {
    color: var(--text-normal);
    cursor: default;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    font-size: 16px;
    justify-content: center;
    line-height: 20px;
    min-height: var(--custom-channel-header-height);
    min-width: 0;
    padding: 8px;
    position: relative;
    width: 100%;
    z-index: 2;
    --__header-bar-background: var(--background-primary)
}

    .container__9293f, .container__9293f * {
        box-sizing: border-box
    }

        .container__9293f.transparent__9293f {
            background: transparent
        }

.visual-refresh .container__9293f {
    --__header-bar-background: var(--background-base-lower);
    border-bottom: 1px solid var(--border-subtle);
    height: var(--custom-channel-header-height);
    padding-left: calc(var(--custom-message-margin-horizontal) - var(--space-4) + var(--custom-chat-aligned-icon-offset))
}

.upperContainer__9293f {
    display: flex;
    flex: 1
}

.children__9293f {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    position: relative
}

    .children__9293f:after {
        content: "";
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 8px
    }

.custom-theme-background .children__9293f:after {
    content: unset
}

.children__9293f.scrollable__9293f:after {
    display: none
}

.theme-dark .children__9293f:after {
    background: linear-gradient(to right,rgba(54,57,63,0) 0,var(--__header-bar-background) 100%)
}

.theme-light .children__9293f:after {
    background: linear-gradient(to right,hsla(0,0%,100%,0) 0,var(--__header-bar-background) 100%)
}

.transparent__9293f .children__9293f:after {
    display: none
}

.toolbar__9293f {
    flex: 0 0 auto;
    min-width: 0
}

.title__9293f, .toolbar__9293f {
    align-items: center;
    display: flex
}

.title__9293f {
    justify-content: flex-start;
    overflow: hidden;
    white-space: nowrap
}

.titleWrapper__9293f {
    flex: 0 0 auto;
    margin: 0 8px 0 0;
    min-width: auto
}

.visual-refresh .toolbar__9293f {
    gap: 12px
}

    .visual-refresh .toolbar__9293f .iconWrapper__9293f {
        margin: 0
    }

.visual-refresh .titleWrapper__9293f {
    padding-left: calc(var(--space-xs) - var(--space-12)/2)
}

.clickable__9293f {
    cursor: pointer
}

.iconWrapper__9293f {
    flex: 0 0 auto;
    height: 24px;
    margin: 0 8px;
    position: relative;
    width: auto
}

.icon__9293f {
    display: block;
    height: 24px;
    width: 24px;
    -webkit-app-region: no-drag
}

.visual-refresh .icon__9293f {
    height: var(--chat-input-icon-size);
    width: var(--chat-input-icon-size)
}

.visual-refresh .iconWrapper__9293f {
    align-items: center;
    display: flex;
    height: var(--space-32);
    justify-content: center;
    margin: 0;
    width: var(--space-32)
}

.visual-refresh .toolbar__9293f {
    gap: var(--space-xs);
    -webkit-padding-start: var(--space-xs);
    padding-inline-start: var(--space-xs)
}

.icon__9293f {
    color: var(--channel-icon)
}

.clickable__9293f .icon__9293f {
    color: var(--interactive-normal)
}

.clickable__9293f:hover .icon__9293f {
    color: var(--interactive-hover)
}

.selected__9293f .icon__9293f {
    color: var(--interactive-active)
}

.iconDisabled__9293f {
    opacity: .6
}

.visual-refresh .icon__9293f {
    color: var(--channel-icon)
}

.visual-refresh .clickable__9293f .icon__9293f {
    color: var(--icon-tertiary)
}

.visual-refresh .clickable__9293f:hover .icon__9293f {
    color: var(--icon-secondary)
}

.visual-refresh .selected__9293f .icon__9293f {
    color: var(--icon-primary)
}

.iconBadge__9293f {
    background-color: var(--status-danger);
    border-radius: 8px;
    height: 8px;
    position: absolute;
    width: 8px
}

.iconBadgeTop__9293f {
    right: 2px;
    top: 2px
}

.iconBadgeBottom__9293f {
    bottom: 2px;
    right: 2px
}

.visual-refresh .iconBadgeBottom__9293f {
    --custom-icon-offset: calc((var(--chat-input-icon-size) - 8px)/2);
    bottom: var(--custom-icon-offset);
    right: var(--custom-icon-offset)
}

.divider__9293f {
    background: var(--background-modifier-accent);
    flex: 0 0 auto;
    height: 24px;
    margin: 0 8px;
    width: 1px
}

:where(.visual-refresh) .divider__9293f {
    background: var(--border-subtle);
    margin: 0 4px
}

:where(.visual-refresh) .dot__9293f {
    align-items: center;
    color: var(--background-mod-strong);
    height: 4px;
    margin: 0 4px;
    width: 4px
}

.caret__9293f {
    color: var(--text-muted);
    flex-shrink: 0;
    margin: 0 2px;
    width: 10px
}

.visual-refresh .caret__9293f {
    color: var(--icon-tertiary)
}

.scrollable__9293f {
    overflow: auto;
    -ms-overflow-style: none
}

.refresh-fast-follow-distinct-borders .container__9293f {
    border-bottom-color: var(--app-border-frame)
}

.refresh-fast-follow-distinct-borders .divider__9293f {
    background: var(--app-border-frame)
}

.no-webkit-scrollbar .scrollable__9293f {
    scrollbar-width: none
}

.scrollable__9293f::-webkit-scrollbar {
    display: none
}

.theme-midnight .container__9293f {
    border-bottom: 1px solid var(--background-modifier-accent)
}

    .theme-midnight .container__9293f.transparent__9293f {
        border-bottom: none
    }

.theme-dark .themed__9293f {
    background: var(--bg-overlay-2,var(--__header-bar-background))
}

.theme-dark .themedMobile__9293f {
    background: var(--bg-overlay-4,var(--__header-bar-background))
}

.theme-light .themed__9293f {
    background: var(--bg-overlay-1,var(--__header-bar-background))
}

.theme-light .themedMobile__9293f {
    background: var(--bg-overlay-3,var(--__header-bar-background))
}

.enable-forced-colors .container__9293f {
    border-bottom: 2px solid CanvasText
}

.enable-forced-colors.visual-refresh .container__9293f {
    border-bottom-width: 1px
}

.enable-forced-colors .icon__9293f {
    color: CanvasText
}

.enable-forced-colors .clickable__9293f .icon__9293f, .enable-forced-colors .clickable__9293f:hover .icon__9293f {
    color: ButtonText
}

.enable-forced-colors .clickable__9293f {
    background-color: ButtonFace;
    border-radius: 4px;
    color: ButtonText
}

.enable-forced-colors .iconBadge__9293f {
    background-color: Highlight
}

.titleClickable__9293f {
    cursor: pointer
}

    .titleClickable__9293f:hover {
        color: var(--header-primary)
    }

.container__459fb {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-top: -10px
}

    .container__459fb.gradient__459fb {
        flex-wrap: nowrap
    }

.customContainer__459fb, .defaultContainer__459fb {
    flex: 1;
    margin-right: 10px;
    margin-top: 10px;
    max-width: 70px;
    min-width: 60px
}

.custom__459fb .preset__459fb {
    display: flex;
    flex: 1 1 auto;
    flex-direction: vertical
}

.customColorPicker__459fb {
    background-color: var(--background-primary);
    border: 1px solid var(--border-subtle);
    border-radius: 4px;
    box-shadow: var(--elevation-high);
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    width: 220px
}

.customColorPickerInputContainer__459fb {
    align-items: center;
    display: flex;
    gap: 12px
}

.customColorPickerEyeDropper__459fb {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 16px;
    justify-content: center;
    margin: 0;
    width: 16px
}

.customColorPickerInput__459fb {
    flex: 1
}

    .customColorPickerInput__459fb .input__459fb {
        height: 24px;
        text-transform: uppercase
    }

.colorPickerRow__459fb {
    display: flex;
    flex-wrap: wrap;
    height: 20px;
    margin-top: 10px;
    overflow: hidden
}

.colorPickerSwatch__459fb {
    align-items: center;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 20px;
    justify-content: center;
    margin-right: 10px;
    padding: 0;
    position: relative;
    width: 20px
}

    .colorPickerSwatch__459fb.custom__459fb, .colorPickerSwatch__459fb.default__459fb {
        border-radius: 4px;
        height: 50px;
        margin-right: 0;
        width: 100%
    }

    .colorPickerSwatch__459fb.gradientPreset__459fb {
        border: none;
        height: 20px;
        margin-right: var(--spacing-8);
        width: 40px
    }

    .colorPickerSwatch__459fb.disabled__459fb {
        cursor: not-allowed;
        opacity: .3;
        pointer-events: none
    }

    .colorPickerSwatch__459fb .colorPickerDropper__459fb {
        position: absolute;
        right: 4px;
        top: 4px
    }

    .colorPickerSwatch__459fb .colorPickerDropperFg__459fb {
        fill: var(--text-normal)
    }

.suggestedColors__459fb {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center
}

.suggestedColor__459fb {
    border: 1px solid var(--primary-400);
    border-radius: 4px;
    cursor: pointer;
    height: 32px;
    width: 32px
}

.theme-dark .colorPickerSwatch__459fb.noColor__459fb {
    border-color: var(--opacity-white-8)
}

.theme-light .colorPickerSwatch__459fb.noColor__459fb {
    border-color: hsl(var(--primary-500-hsl)/.1)
}

.enable-forced-colors .colorPickerSwatch__459fb {
    border: 1px solid ButtonText;
    forced-color-adjust: none
}

    .enable-forced-colors .colorPickerSwatch__459fb.disabled__459fb {
        border-color: GrayText
    }

.copyInput_fffc15 {
    border: 1px solid var(--input-background);
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    height: 40px;
    overflow: hidden;
    position: relative;
    transition: border-color .2s ease-in-out
}

.copyInputDefault_fffc15, .copyInputError_fffc15 {
}

.copyInputError_fffc15 {
    border-color: var(--status-danger)
}

.copyInputSuccess_fffc15 {
    border-color: var(--green-360)
}

.layout_fffc15 {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.inputWrapper_fffc15 {
    position: relative
}

.button_fffc15 {
    border-radius: 2px;
    margin: 4px 4px 4px 0;
    padding: 2px 20px !important;
    transition: background-color .2s ease-in-out,color .2s ease-in-out
}

.hiddenMessage_fffc15, .input_fffc15 {
    background-color: transparent;
    font-size: 16px;
    line-height: 20px;
    overflow: hidden;
    padding: 10px 0 10px 10px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.input_fffc15 {
    border: none;
    box-sizing: border-box;
    cursor: text;
    flex: 1 1 auto;
    min-width: 0;
    transition: color .15s ease;
    width: 100%
}

.inputDefault_fffc15 {
}

.inputError_fffc15, .inputSuccess_fffc15 {
    color: var(--text-normal)
}

.hiddenMessage_fffc15 {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

.inputHidden_fffc15 {
    visibility: hidden
}

.copyInput_fffc15 {
    background-color: var(--input-background)
}

.hiddenMessage_fffc15, .inputDefault_fffc15 {
    color: var(--text-normal)
}

    .hiddenMessage_fffc15::-moz-placeholder, .inputDefault_fffc15::-moz-placeholder {
        color: var(--input-placeholder-text)
    }

    .hiddenMessage_fffc15::placeholder, .inputDefault_fffc15::placeholder {
        color: var(--input-placeholder-text)
    }

.visual-refresh .copyInput_fffc15 {
    border: 1px solid var(--input-border);
    border-radius: var(--radius-sm)
}

.visual-refresh .button_fffc15 {
    border-radius: var(--radius-xs)
}

.visual-refresh .copyInputSuccess_fffc15 {
    background-color: var(--background-feedback-positive);
    border-color: var(--text-feedback-positive);
    color: var(--text-feedback-positive)
}

.visual-refresh .copyInputError_fffc15 {
    background-color: var(--background-feedback-critical);
    border-color: var(--text-feedback-critical);
    color: var(--text-feedback-critical)
}

.wrapper__33d12 {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 440px;
    width: 100%
}

.image__33d12 {
    background-size: 100% 100%
}

.title__33d12 {
    font-size: 17px;
    font-weight: 600;
    line-height: 22px;
    text-transform: uppercase
}

.text__33d12, .title__33d12 {
    color: var(--text-muted);
    text-align: center
}

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

.slider__4e371 {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0
}

.shinyButton__6a443 {
    overflow: hidden
}

    .buttonShine__6a443, .shinyButton__6a443 > * {
        pointer-events: none
    }

.buttonShine__6a443 {
    color: var(--opacity-white-8)
}

.full-motion .buttonShine__6a443 {
    animation-delay: .75s;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: Shine__6a443;
    animation-timing-function: ease-in-out
}

.reduce-motion .buttonShine__6a443 {
    transform: translate3d(calc(100% - 32px),0,0)
}

.full-motion .onlyShineOnHover__6a443 {
    animation-delay: 0s;
    animation-name: InstantShine__6a443
}

.shineContainer__6a443 {
    bottom: 0;
    left: -50%;
    position: absolute;
    right: 0;
    top: -50%
}

.shine__6a443 {
    background-color: currentColor;
    height: 300%;
    position: relative;
    top: -100%;
    transform: rotate(30deg)
}

.shineDefault__6a443 {
    width: 56px
}

.shineSmall__6a443 {
    width: 30px
}

.shinePaused__6a443 {
    animation-play-state: paused
}

.shineInner__6a443 {
    background-color: currentColor;
    height: 100%
}

.shineInnerDefault__6a443 {
    width: 16px
}

.shineInnerSmall__6a443 {
    width: 10px
}

@keyframes Shine__6a443 {
    0% {
        transform: translate3d(-50%,0,0)
    }

    to {
        transform: translate3d(200%,0,0)
    }
}

@keyframes InstantShine__6a443 {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(200%,0,0)
    }
}

.searchBox_d727b3 {
    align-items: center;
    background-color: var(--background-tertiary);
    border: 1px solid transparent;
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 var(--opacity-black-20);
    display: flex;
    font-size: 18px;
    overflow: hidden;
    padding-right: 16px;
    position: relative
}

    .searchBox_d727b3:focus, .searchBox_d727b3:focus-within {
        border-color: var(--brand-500)
    }

    .searchBox_d727b3 .searchBoxInput_d727b3 {
        background: transparent;
        border: none;
        font-size: 18px;
        font-weight: 500;
        height: auto;
        padding: 12px
    }

        .searchBox_d727b3 .searchBoxInput_d727b3::-moz-placeholder {
            font-weight: 500
        }

        .searchBox_d727b3 .searchBoxInput_d727b3::placeholder {
            font-weight: 500
        }

.searchBoxInputWrapper_d727b3 {
    flex: 1
}

.cta_d727b3 {
    margin-right: 8px
}

.clear_d727b3 {
    line-height: 0
}

.clearIcon_d727b3 {
    color: var(--interactive-normal);
    cursor: pointer;
    transform: rotate(90deg);
    transform-origin: center
}

    .clearIcon_d727b3:hover {
        color: var(--interactive-hover)
    }

    .clear_d727b3:focus, .clearIcon_d727b3:focus {
        color: var(--interactive-active)
    }

.searchIcon_d727b3 {
    flex-shrink: 0;
    transition: color .2s ease
}

.clearIcon_d727b3, .searchIcon_d727b3 {
    height: 1.4em;
    width: 1.4em
}

.theme-light .searchBox_d727b3 .searchBoxInput_d727b3::-moz-placeholder {
    color: var(--primary-400)
}

.theme-light .searchBox_d727b3 .searchBoxInput_d727b3::placeholder {
    color: var(--primary-400)
}

.theme-light .searchIcon_d727b3 {
    color: hsl(var(--primary-500-hsl)/.6)
}

.theme-dark .searchBox_d727b3 .searchBoxInput_d727b3::-moz-placeholder {
    color: var(--opacity-white-28)
}

.theme-dark .searchBox_d727b3 .searchBoxInput_d727b3::placeholder {
    color: var(--opacity-white-28)
}

.theme-dark .searchIcon_d727b3 {
    color: var(--opacity-white-28)
}

.enable-forced-colors .searchBox_d727b3 {
    border-color: ButtonText
}

    .enable-forced-colors .searchBox_d727b3:focus, .enable-forced-colors .searchBox_d727b3:focus-within {
        border-color: Highlight
    }

.enable-forced-colors .clearIcon_d727b3 {
    background-color: ButtonFace;
    color: ButtonText
}

    .enable-forced-colors .clearIcon_d727b3:focus, .enable-forced-colors .clearIcon_d727b3:hover {
        color: ButtonText
    }

.enable-forced-colors .searchIcon_d727b3 {
    color: GrayText
}

.filterLabel_d727b3 {
    color: var(--header-primary)
}

.wrapper__6e9f8 {
    align-items: center;
    display: flex;
    height: var(--guildbar-avatar-size);
    justify-content: center;
    transition: background-color .1s ease-out,color .1s ease-out;
    width: var(--guildbar-avatar-size)
}

.visual-refresh .wrapper__6e9f8 {
    cursor: pointer
}

.childWrapper__6e9f8 {
    align-items: center;
    color: var(--text-normal);
    display: flex;
    height: var(--guildbar-avatar-size);
    justify-content: center;
    transition: scale .15s ease-out,background-color .15s ease-out,color .15s ease-out;
    width: var(--guildbar-avatar-size)
}

.childWrapperNoHoverBg__6e9f8 {
    background-color: var(--background-mod-subtle)
}

.wrapper__6e9f8.selected__6e9f8 .childWrapperHoverScale__6e9f8, .wrapper__6e9f8:hover .childWrapperHoverScale__6e9f8 {
    scale: 1.1
}

.wrapper__6e9f8.selected__6e9f8 .childWrapper__6e9f8, .wrapper__6e9f8:hover .childWrapper__6e9f8 {
    background-color: var(--bg-brand);
    color: var(--white)
}

.acronym__6e9f8 {
    font-weight: 500;
    line-height: 1.2em;
    white-space: nowrap
}

.icon__6e9f8 {
    display: block;
    height: var(--guildbar-avatar-size);
    object-fit: cover;
    pointer-events: none;
    width: var(--guildbar-avatar-size)
}

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

.theme-dark.custom-theme-background .wrapper__6e9f8:not(:hover):not(.selected__6e9f8) .childWrapper__6e9f8 {
    background: rgb(var(--bg-overlay-color-inverse)/var(--bg-overlay-opacity-6))
}

.theme-light.custom-theme-background .wrapper__6e9f8:not(:hover):not(.selected__6e9f8) .childWrapper__6e9f8 {
    background: rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-3))
}

.notice__6e2b9 {
    background: var(--custom-notice-background);
    border-radius: 8px 0 0;
    box-shadow: var(--elevation-low);
    color: var(--custom-notice-text);
    flex-grow: 0;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 36px;
    padding-left: 4px;
    padding-right: 28px;
    position: relative;
    text-align: center;
    z-index: 101
}

    .notice__6e2b9 strong {
        font-weight: 600
    }

    .notice__6e2b9.isMobile__6e2b9 {
        line-height: 30px;
        padding: 10px 20px
    }

    .notice__6e2b9 .button__6e2b9 {
        border-color: var(--custom-notice-text) !important;
        color: var(--custom-notice-text) !important
    }

        .notice__6e2b9 .button__6e2b9:hover {
            background-color: var(--bg-mod-subtle);
            color: var(--custom-notice-button-hover)
        }

    .notice__6e2b9 .closeIcon__6e2b9 path {
        fill: var(--custom-notice-text)
    }

@supports not ((grid-template-columns:subgrid) and (white-space-collapse:collapse)) {
    .visual-refresh .notice__6e2b9 {
        border-top-left-radius: 0
    }
}

@supports (grid-template-columns:subgrid) and (white-space-collapse:collapse) {
    .visual-refresh .notice__6e2b9 {
        grid-area: notice
    }
}

.visual-refresh .notice__6e2b9 {
    border-left: 1px solid var(--app-border-frame);
    border-top: 1px solid var(--app-border-frame);
    box-shadow: none
}

    .visual-refresh .notice__6e2b9 .button__6e2b9 {
        border-color: var(--custom-notice-text) !important
    }

.platform-osx:not(.visual-refresh) .notice__6e2b9 {
    -webkit-app-region: drag
}

.colorDefault__6e2b9 {
    --custom-notice-background: var(--status-positive-background);
    --custom-notice-text: var(--status-positive-text);
    --custom-notice-button-hover: var(--status-positive-background)
}

.colorNeutral__6e2b9 {
    --custom-notice-background: var(--background-accent);
    --custom-notice-text: var(--white-500);
    --custom-notice-button-hover: #222
}

.colorPremium__6e2b9 {
    --custom-notice-text: var(--white-500)
}

.colorPremiumTier0__6e2b9 {
    --custom-notice-background: linear-gradient(to left,var(--premium-tier-0-purple),var(--premium-tier-0-blue));
    --custom-notice-button-hover: var(--brand-500)
}

.colorPremiumTier1__6e2b9 {
    --custom-notice-background: linear-gradient(270deg,var(--premium-tier-1-blue-for-gradients) 0%,var(--premium-tier-1-dark-blue-for-gradients) 100%);
    --custom-notice-button-hover: var(--brand-500)
}

.colorPremiumTier2__6e2b9 {
    --custom-notice-background: linear-gradient(90deg,var(--premium-tier-2-purple-for-gradients) 0%,var(--premium-tier-2-purple-for-gradients-2) 50.24%,var(--premium-tier-2-pink-for-gradients) 100%);
    --custom-notice-button-hover: var(--premium-tier-2-pink)
}

.colorInfo__6e2b9 {
    --custom-notice-background: #4a90e2;
    --custom-notice-text: var(--white-500);
    --custom-notice-button-hover: #4a90e2
}

.colorSuccess__6e2b9 {
    --custom-notice-background: var(--status-positive-background);
    --custom-notice-text: var(--status-positive-text);
    --custom-notice-button-hover: var(--text-positive)
}

.colorWarning__6e2b9 {
    --custom-notice-background: var(--status-warning-background);
    --custom-notice-text: var(--status-warning-text);
    --custom-notice-button-hover: var(--status-warning-text)
}

    .colorWarning__6e2b9 .button__6e2b9 {
        border-color: var(--status-warning-text) !important;
        color: var(--status-warning-text)
    }

.colorDanger__6e2b9 {
    --custom-notice-background: var(--status-danger-background);
    --custom-notice-text: var(--status-danger-text);
    --custom-notice-button-hover: var(--text-danger)
}

.visual-refresh .colorDefault__6e2b9, .visual-refresh .colorSuccess__6e2b9 {
    --custom-notice-background: var(--notice-background-positive);
    --custom-notice-text: var(--notice-text-positive);
    --custom-notice-button-hover: var(--notice-text-positive)
}

.visual-refresh .colorWarning__6e2b9 {
    --custom-notice-background: var(--notice-background-warning);
    --custom-notice-text: var(--notice-text-warning);
    --custom-notice-button-hover: var(--notice-text-warning)
}

.visual-refresh .colorDanger__6e2b9 {
    --custom-notice-background: var(--notice-background-critical);
    --custom-notice-text: var(--notice-text-critical);
    --custom-notice-button-hover: var(--notice-text-critical)
}

.visual-refresh .colorInfo__6e2b9 {
    --custom-notice-background: var(--notice-background-info);
    --custom-notice-text: var(--notice-text-info);
    --custom-notice-button-hover: var(--notice-text-info)
}

.colorStreamerMode__6e2b9 {
    --custom-notice-background: var(--twitch);
    --custom-notice-text: var(--white-500);
    --custom-notice-button-hover: var(--twitch)
}

.colorSpotify__6e2b9 {
    --custom-notice-background: var(--spotify);
    --custom-notice-text: var(--white-500);
    --custom-notice-button-hover: var(--spotify);
    align-items: center;
    display: flex;
    justify-content: center
}

    .colorSpotify__6e2b9 .platformIcon__6e2b9 {
        height: 24px;
        margin-top: 0;
        width: 24px
    }

    .colorSpotify__6e2b9 .button__6e2b9 {
        margin-left: 20px;
        top: 0
    }

.colorPlayStation__6e2b9 {
    --custom-notice-background: var(--playstation);
    --custom-notice-text: var(--white-500);
    --custom-notice-button-hover: var(--playstation);
    align-items: center;
    display: flex;
    justify-content: center
}

    .colorPlayStation__6e2b9 .platformIcon__6e2b9 {
        height: 24px;
        margin-top: 0;
        width: 24px
    }

    .colorPlayStation__6e2b9 .button__6e2b9 {
        margin-left: 20px;
        top: 0
    }

.colorBrand__6e2b9 {
    --custom-notice-background: var(--brand-500);
    --custom-notice-text: var(--white-500);
    --custom-notice-button-hover: var(--brand-500)
}

.colorCustom__6e2b9 {
    --custom-notice-button-hover: #222
}

.closeButton__6e2b9 {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 36px;
    position: absolute;
    right: 0;
    top: 0;
    width: 36px;
    -webkit-app-region: no-drag
}

.closeIcon__6e2b9 path {
    fill: var(--white-500)
}

.button__6e2b9 {
    border: 1px solid;
    border-radius: 3px;
    box-sizing: border-box;
    color: var(--white-500);
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    height: 24px;
    line-height: 22px;
    margin-left: 10px;
    padding: 0 10px;
    position: relative;
    top: 6px;
    transition: background-color .2s ease,color .2s ease,border-color .2s ease;
    vertical-align: top;
    -webkit-app-region: no-drag;
    background-color: transparent;
    border-color: var(--white-500)
}

    .button__6e2b9.buttonMinor__6e2b9 {
        border: none;
        text-decoration: underline
    }

    .button__6e2b9:hover {
        background-color: var(--white-500);
        border-color: var(--white-500)
    }

.enable-forced-colors .notice__6e2b9 {
    border-bottom: 2px solid CanvasText
}

.enable-forced-colors .closeButton__6e2b9 {
    background-color: ButtonFace;
    color: ButtonText;
    opacity: 1
}

    .enable-forced-colors .closeButton__6e2b9:focus, .enable-forced-colors .closeButton__6e2b9:hover {
        outline: 1px solid ButtonText
    }

.heading-sm\/normal__2b1f5 {
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2857142857142858
}

    .heading-sm\/normal__2b1f5.fontScaling__2b1f5 {
        font-size: .875rem
    }

.heading-sm\/medium__2b1f5 {
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2857142857142858
}

    .heading-sm\/medium__2b1f5.fontScaling__2b1f5 {
        font-size: .875rem
    }

.heading-sm\/semibold__2b1f5 {
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2857142857142858
}

    .heading-sm\/semibold__2b1f5.fontScaling__2b1f5 {
        font-size: .875rem
    }

.heading-sm\/bold__2b1f5 {
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2857142857142858
}

    .heading-sm\/bold__2b1f5.fontScaling__2b1f5 {
        font-size: .875rem
    }

.heading-sm\/extrabold__2b1f5 {
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2857142857142858
}

    .heading-sm\/extrabold__2b1f5.fontScaling__2b1f5 {
        font-size: .875rem
    }

.heading-md\/normal__2b1f5 {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25
}

    .heading-md\/normal__2b1f5.fontScaling__2b1f5 {
        font-size: 1rem
    }

.heading-md\/medium__2b1f5 {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25
}

    .heading-md\/medium__2b1f5.fontScaling__2b1f5 {
        font-size: 1rem
    }

.heading-md\/semibold__2b1f5 {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25
}

    .heading-md\/semibold__2b1f5.fontScaling__2b1f5 {
        font-size: 1rem
    }

.heading-md\/bold__2b1f5 {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25
}

    .heading-md\/bold__2b1f5.fontScaling__2b1f5 {
        font-size: 1rem
    }

.heading-md\/extrabold__2b1f5 {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.25
}

    .heading-md\/extrabold__2b1f5.fontScaling__2b1f5 {
        font-size: 1rem
    }

.heading-lg\/normal__2b1f5 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2
}

    .heading-lg\/normal__2b1f5.fontScaling__2b1f5 {
        font-size: 1.25rem
    }

.heading-lg\/medium__2b1f5 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2
}

    .heading-lg\/medium__2b1f5.fontScaling__2b1f5 {
        font-size: 1.25rem
    }

.heading-lg\/semibold__2b1f5 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2
}

    .heading-lg\/semibold__2b1f5.fontScaling__2b1f5 {
        font-size: 1.25rem
    }

.heading-lg\/bold__2b1f5 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2
}

    .heading-lg\/bold__2b1f5.fontScaling__2b1f5 {
        font-size: 1.25rem
    }

.heading-lg\/extrabold__2b1f5 {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2
}

    .heading-lg\/extrabold__2b1f5.fontScaling__2b1f5 {
        font-size: 1.25rem
    }

.heading-xl\/normal__2b1f5 {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 400;
    line-height: 1.25
}

    .heading-xl\/normal__2b1f5.fontScaling__2b1f5 {
        font-size: 1.5rem
    }

.heading-xl\/medium__2b1f5 {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 500;
    line-height: 1.25
}

    .heading-xl\/medium__2b1f5.fontScaling__2b1f5 {
        font-size: 1.5rem
    }

.heading-xl\/semibold__2b1f5 {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25
}

    .heading-xl\/semibold__2b1f5.fontScaling__2b1f5 {
        font-size: 1.5rem
    }

.heading-xl\/bold__2b1f5 {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25
}

    .heading-xl\/bold__2b1f5.fontScaling__2b1f5 {
        font-size: 1.5rem
    }

.heading-xl\/extrabold__2b1f5 {
    font-family: var(--font-display);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.25
}

    .heading-xl\/extrabold__2b1f5.fontScaling__2b1f5 {
        font-size: 1.5rem
    }

.heading-xxl\/normal__2b1f5 {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 400;
    line-height: 1.25
}

    .heading-xxl\/normal__2b1f5.fontScaling__2b1f5 {
        font-size: 2rem
    }

.heading-xxl\/medium__2b1f5 {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 500;
    line-height: 1.25
}

    .heading-xxl\/medium__2b1f5.fontScaling__2b1f5 {
        font-size: 2rem
    }

.heading-xxl\/semibold__2b1f5 {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 600;
    line-height: 1.25
}

    .heading-xxl\/semibold__2b1f5.fontScaling__2b1f5 {
        font-size: 2rem
    }

.heading-xxl\/bold__2b1f5 {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 700;
    line-height: 1.25
}

    .heading-xxl\/bold__2b1f5.fontScaling__2b1f5 {
        font-size: 2rem
    }

.heading-xxl\/extrabold__2b1f5 {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 800;
    line-height: 1.25
}

    .heading-xxl\/extrabold__2b1f5.fontScaling__2b1f5 {
        font-size: 2rem
    }

.eyebrow__2b1f5 {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 1.3333333333333333;
    text-transform: uppercase
}

    .eyebrow__2b1f5.fontScaling__2b1f5 {
        font-size: .75rem
    }

.heading-deprecated-12\/normal__2b1f5 {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3333333333333333
}

    .heading-deprecated-12\/normal__2b1f5.fontScaling__2b1f5 {
        font-size: .75rem
    }

.heading-deprecated-12\/medium__2b1f5 {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3333333333333333
}

    .heading-deprecated-12\/medium__2b1f5.fontScaling__2b1f5 {
        font-size: .75rem
    }

.heading-deprecated-12\/semibold__2b1f5 {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3333333333333333
}

    .heading-deprecated-12\/semibold__2b1f5.fontScaling__2b1f5 {
        font-size: .75rem
    }

.heading-deprecated-12\/bold__2b1f5 {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3333333333333333
}

    .heading-deprecated-12\/bold__2b1f5.fontScaling__2b1f5 {
        font-size: .75rem
    }

.heading-deprecated-12\/extrabold__2b1f5 {
    font-family: var(--font-display);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.3333333333333333
}

    .heading-deprecated-12\/extrabold__2b1f5.fontScaling__2b1f5 {
        font-size: .75rem
    }

.redesign\/heading-18\/bold__2b1f5 {
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3333333333333333
}

    .redesign\/heading-18\/bold__2b1f5.fontScaling__2b1f5 {
        font-size: 1.125rem
    }

.text-xxs\/normal__2b1f5 {
    font-family: var(--font-primary);
    font-size: 10px;
    font-weight: 400;
    line-height: 1.2
}

    .text-xxs\/normal__2b1f5.fontScaling__2b1f5 {
        font-size: .625rem
    }

.text-xxs\/medium__2b1f5 {
    font-family: var(--font-primary);
    font-size: 10px;
    font-weight: 500;
    line-height: 1.2
}

    .text-xxs\/medium__2b1f5.fontScaling__2b1f5 {
        font-size: .625rem
    }

.text-xxs\/semibold__2b1f5 {
    font-family: var(--font-primary);
    font-size: 10px;
    font-weight: 600;
    line-height: 1.2
}

    .text-xxs\/semibold__2b1f5.fontScaling__2b1f5 {
        font-size: .625rem
    }

.text-xxs\/bold__2b1f5 {
    font-family: var(--font-primary);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2
}

    .text-xxs\/bold__2b1f5.fontScaling__2b1f5 {
        font-size: .625rem
    }

.text-xs\/normal__2b1f5 {
    font-family: var(--font-primary);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3333333333333333
}

    .text-xs\/normal__2b1f5.fontScaling__2b1f5 {
        font-size: .75rem
    }

.text-xs\/medium__2b1f5 {
    font-family: var(--font-primary);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3333333333333333
}

    .text-xs\/medium__2b1f5.fontScaling__2b1f5 {
        font-size: .75rem
    }

.text-xs\/semibold__2b1f5 {
    font-family: var(--font-primary);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3333333333333333
}

    .text-xs\/semibold__2b1f5.fontScaling__2b1f5 {
        font-size: .75rem
    }

.text-xs\/bold__2b1f5 {
    font-family: var(--font-primary);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3333333333333333
}

    .text-xs\/bold__2b1f5.fontScaling__2b1f5 {
        font-size: .75rem
    }

.text-sm\/normal__2b1f5 {
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2857142857142858
}

    .text-sm\/normal__2b1f5.fontScaling__2b1f5 {
        font-size: .875rem
    }

.text-sm\/medium__2b1f5 {
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2857142857142858
}

    .text-sm\/medium__2b1f5.fontScaling__2b1f5 {
        font-size: .875rem
    }

.text-sm\/semibold__2b1f5 {
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2857142857142858
}

    .text-sm\/semibold__2b1f5.fontScaling__2b1f5 {
        font-size: .875rem
    }

.text-sm\/bold__2b1f5 {
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2857142857142858
}

    .text-sm\/bold__2b1f5.fontScaling__2b1f5 {
        font-size: .875rem
    }

.text-md\/normal__2b1f5 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25
}

    .text-md\/normal__2b1f5.fontScaling__2b1f5 {
        font-size: 1rem
    }

.text-md\/medium__2b1f5 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25
}

    .text-md\/medium__2b1f5.fontScaling__2b1f5 {
        font-size: 1rem
    }

.text-md\/semibold__2b1f5 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25
}

    .text-md\/semibold__2b1f5.fontScaling__2b1f5 {
        font-size: 1rem
    }

.text-md\/bold__2b1f5 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25
}

    .text-md\/bold__2b1f5.fontScaling__2b1f5 {
        font-size: 1rem
    }

.text-lg\/normal__2b1f5 {
    font-family: var(--font-primary);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2
}

    .text-lg\/normal__2b1f5.fontScaling__2b1f5 {
        font-size: 1.25rem
    }

.text-lg\/medium__2b1f5 {
    font-family: var(--font-primary);
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2
}

    .text-lg\/medium__2b1f5.fontScaling__2b1f5 {
        font-size: 1.25rem
    }

.text-lg\/semibold__2b1f5 {
    font-family: var(--font-primary);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2
}

    .text-lg\/semibold__2b1f5.fontScaling__2b1f5 {
        font-size: 1.25rem
    }

.text-lg\/bold__2b1f5 {
    font-family: var(--font-primary);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2
}

    .text-lg\/bold__2b1f5.fontScaling__2b1f5 {
        font-size: 1.25rem
    }

.redesign\/message-preview\/normal__2b1f5 {
    font-family: var(--font-primary);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3333333333333333
}

    .redesign\/message-preview\/normal__2b1f5.fontScaling__2b1f5 {
        font-size: .9375rem
    }

.redesign\/message-preview\/medium__2b1f5 {
    font-family: var(--font-primary);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3333333333333333
}

    .redesign\/message-preview\/medium__2b1f5.fontScaling__2b1f5 {
        font-size: .9375rem
    }

.redesign\/message-preview\/semibold__2b1f5 {
    font-family: var(--font-primary);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3333333333333333
}

    .redesign\/message-preview\/semibold__2b1f5.fontScaling__2b1f5 {
        font-size: .9375rem
    }

.redesign\/message-preview\/bold__2b1f5 {
    font-family: var(--font-primary);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3333333333333333
}

    .redesign\/message-preview\/bold__2b1f5.fontScaling__2b1f5 {
        font-size: .9375rem
    }

.redesign\/channel-title\/normal__2b1f5 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.375
}

    .redesign\/channel-title\/normal__2b1f5.fontScaling__2b1f5 {
        font-size: 1rem
    }

.redesign\/channel-title\/medium__2b1f5 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.375
}

    .redesign\/channel-title\/medium__2b1f5.fontScaling__2b1f5 {
        font-size: 1rem
    }

.redesign\/channel-title\/semibold__2b1f5 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.375
}

    .redesign\/channel-title\/semibold__2b1f5.fontScaling__2b1f5 {
        font-size: 1rem
    }

.redesign\/channel-title\/bold__2b1f5 {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.375
}

    .redesign\/channel-title\/bold__2b1f5.fontScaling__2b1f5 {
        font-size: 1rem
    }

.display-sm__2b1f5 {
    font-family: var(--font-headline);
    font-size: 20px;
    font-weight: 800;
    line-height: 1
}

    .display-sm__2b1f5.fontScaling__2b1f5 {
        font-size: 1.25rem
    }

.display-md__2b1f5 {
    font-family: var(--font-headline);
    font-size: 34px;
    font-weight: 800;
    line-height: 1.0588235294117647
}

    .display-md__2b1f5.fontScaling__2b1f5 {
        font-size: 2.125rem
    }

.display-lg__2b1f5 {
    font-family: var(--font-headline);
    font-size: 44px;
    font-weight: 800;
    line-height: .9545454545454546
}

    .display-lg__2b1f5.fontScaling__2b1f5 {
        font-size: 2.75rem
    }

.code__2b1f5 {
    font-family: var(--font-code);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3333333333333333
}

    .code__2b1f5.fontScaling__2b1f5 {
        font-size: .75rem
    }

.base__2b1f5 {
    box-sizing: border-box;
    color: var(--white);
    flex: 0 0 auto;
    height: 16px;
    min-height: 16px;
    min-width: 16px;
    text-align: center;
}

.baseShapeRound__2b1f5 {
    border-radius: 8px
}

.baseShapeRoundLeft__2b1f5 {
    border-radius: 8px 0 0 8px
}

.baseShapeRoundRight__2b1f5 {
    border-radius: 0 8px 8px 0
}

.visual-refresh .baseShapeRound__2b1f5 {
    border-radius: var(--radius-round)
}

.visual-refresh .baseShapeRoundLeft__2b1f5 {
    border-radius: var(--radius-xs) 0 0 var(--radius-xs)
}

.visual-refresh .baseShapeRoundRight__2b1f5 {
    border-radius: 0 var(--radius-xs) var(--radius-xs) 0
}

.numberBadge__2b1f5 {
    align-items: center;
    display: flex;
    justify-content: center
}

.textBadge__2b1f5 {
    overflow: hidden;
    padding: 0 6px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.visual-refresh .textBadge__2b1f5 {
    border-radius: var(--radius-sm)
}

.iconBadge__2b1f5 {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 16px
}

.icon__2b1f5 {
    height: 100%;
    padding: 2px;
    width: 100%
}

.circleBadge__2b1f5 {
    height: 8px;
    width: 8px
}

.premiumBadge__2b1f5 {
    background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color)
}

.limitedTimeText__2b1f5 {
    text-transform: uppercase
}

.enable-forced-colors .base__2b1f5 {
    background-color: Highlight !important;
    color: HighlightText;
    forced-color-adjust: none;
    outline: 2px solid Canvas
}

.quickSelect_ebaca5 {
    color: var(--interactive-normal);
    cursor: default;
    font-size: 13px
}

.quickSelectClick_ebaca5 {
    cursor: pointer
}

.quickSelectValue_ebaca5 {
    margin-left: 4px
}

.quickSelectLabel_ebaca5 {
    color: var(--text-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.quickSelectArrow_ebaca5 {
    height: 7px;
    margin-left: 5px;
    width: 10px
}

.quickSelectPopout_ebaca5 {
    border-radius: 3px;
    color: var(--header-primary);
    overflow: hidden
}

.quickSelectPopoutScroll_ebaca5 {
    max-height: 384px
}

.quickSelectScroller_ebaca5 {
    overflow-y: auto
}

.quickSelectPopoutOption_ebaca5 {
    cursor: pointer;
    padding: 8px
}

    .quickSelectPopoutOption_ebaca5.selected_ebaca5 {
        background-color: inherit;
        cursor: default
    }

    .quickSelectPopoutOption_ebaca5:focus {
        background-color: var(--background-modifier-hover);
        color: var(--interactive-hover)
    }

.theme-light .quickSelectArrow_ebaca5 {
    background: url(/assets/0bf989849f27d0a7.svg) 50% no-repeat
}

.theme-light .quickSelectPopout_ebaca5 {
    background-color: var(--white-500)
}

.theme-light .quickSelectPopoutOption_ebaca5:hover {
    background-color: var(--primary-100)
}

.theme-dark .quickSelectArrow_ebaca5 {
    background: url(/assets/77e059c86b79040e.svg) 50% no-repeat
}

.theme-dark .quickSelectPopout_ebaca5 {
    background: var(--primary-630)
}

.theme-dark .quickSelectPopoutOption_ebaca5:hover {
    background-color: hsl(var(--primary-500-hsl)/.3)
}

.sparkles__64668 {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.wrapper_fd4dd6 svg {
    display: block
}

.value__96f95 {
    width: 48px
}

.actions__96f95 {
    border-radius: 4px;
    display: flex;
    justify-content: center;
    overflow: hidden
}

.value__96f95 {
    background: var(--background-secondary);
    border: none;
    border-radius: 0;
    height: 32px;
    text-align: center
}

.iconWrapper__96f95 {
    cursor: pointer
}

.icon__96f95 {
    box-sizing: border-box;
    color: var(--interactive-normal);
    display: block;
    height: 32px;
    padding: 8px;
    width: 32px
}

.full-motion .icon__96f95 {
    transition: all .2s ease
}

.icon__96f95:active {
    color: var(--interactive-active)
}

.icon__96f95:hover {
    background: var(--background-modifier-hover);
    color: var(--interactive-hover)
}

.icon__96f95.disabled__96f95, .icon__96f95.disabled__96f95:hover {
    background: none;
    cursor: not-allowed
}

.theme-dark .iconWrapper__96f95 {
    background: var(--primary-500)
}

    .theme-dark .iconWrapper__96f95.disabled__96f95 {
        opacity: .5
    }

.theme-light .iconWrapper__96f95 {
    background: var(--primary-230)
}

.theme-light .icon__96f95.disabled__96f95, .theme-light .icon__96f95.disabled__96f95:hover {
    color: var(--interactive-muted)
}

.enable-forced-colors .icon__96f95 {
    color: ButtonText
}

    .enable-forced-colors .icon__96f95:hover {
        background-color: ButtonFace;
        color: ButtonText
    }

    .enable-forced-colors .icon__96f95.disabled__96f95, .enable-forced-colors .icon__96f95.disabled__96f95:hover {
        background-color: Canvas;
        color: GrayText
    }

.enable-forced-colors .iconWrapper__96f95 {
    background-color: ButtonFace;
    border-radius: 4px;
    color: ButtonText
}

    .enable-forced-colors .iconWrapper__96f95:focus, .enable-forced-colors .iconWrapper__96f95:hover {
        outline: 1px solid ButtonText;
        outline-offset: -1px
    }

    .enable-forced-colors .iconWrapper__96f95.disabled__96f95, .enable-forced-colors .iconWrapper__96f95.disabled__96f95:focus, .enable-forced-colors .iconWrapper__96f95.disabled__96f95:hover {
        background-color: Canvas;
        opacity: 1;
        outline-color: GrayText
    }

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

.focusLock__49fc1, .root__49fc1 {
    display: flex;
    flex-direction: column
}

.root__49fc1 {
    background-color: var(--modal-background);
    border-radius: 4px;
    margin: 0 auto;
    max-height: 100%;
    pointer-events: all;
    position: relative
}

.small__49fc1 {
    max-height: 720px;
    min-height: 200px;
    width: var(--modal-width-small)
}

.medium__49fc1 {
    max-height: 800px;
    width: var(--modal-width-medium)
}

.large__49fc1, .medium__49fc1 {
    min-height: 400px
}

.large__49fc1 {
    max-width: 960px;
    min-width: var(--modal-width-large)
}

.visual-refresh .root__49fc1 {
    border: 1px solid var(--border-normal);
    border-radius: var(--radius-md)
}

:where(.visual-refresh) .small__49fc1 {
    min-height: 220px
}

:where(.visual-refresh) .large__49fc1 {
    max-width: 962px
}

@media (max-width:485px) or (max-height:550px) {
    .root__49fc1 {
        max-width: 100%;
        min-width: auto;
        width: 100%
    }

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

        .fullscreenOnMobile__49fc1 .footer__49fc1, .fullscreenOnMobile__49fc1 .header__49fc1 {
            border-radius: 0
        }
}

.footer__49fc1, .header__49fc1 {
    flex: 0 0 auto;
    overflow-x: hidden;
    padding: var(--modal-vertical-padding) var(--modal-horizontal-padding);
    position: relative;
    z-index: 1
}

.header__49fc1 {
    border-radius: 4px 4px 0 0;
    transition: box-shadow .1s ease-out;
    word-wrap: break-word
}

.footer__49fc1 {
    background-color: var(--modal-footer-background);
    border-radius: 0 0 5px 5px
}

.theme-dark .separator__49fc1 {
    box-shadow: 0 1px 0 0 hsl(var(--primary-800-hsl)/.3),0 1px 2px 0 hsl(var(--primary-800-hsl)/.3)
}

.theme-dark .footerSeparator__49fc1 {
    box-shadow: inset 0 1px 0 hsl(var(--primary-630-hsl)/.6)
}

.theme-light .separator__49fc1 {
    box-shadow: 0 1px 0 0 hsl(var(--primary-300-hsl)/.3)
}

.theme-light .footerSeparator__49fc1 {
    box-shadow: inset 0 1px 0 hsl(var(--primary-100-hsl)/.6)
}

.content__49fc1 {
    border-radius: 5px 5px 0 0;
    overflow-x: hidden;
    padding-left: var(--modal-horizontal-padding);
    padding-right: var(--modal-horizontal-padding);
    position: relative;
    z-index: 0
}

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

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

.visual-refresh .close__49fc1 {
    color: var(--icon-primary);
    height: 24px
}

.closeWithCircleBackground__49fc1 {
    align-items: center;
    background-color: var(--opacity-black-84);
    border-radius: 50%;
    display: flex;
    height: 24px;
    justify-content: center;
    padding: 0;
    width: 24px
}

    .closeWithCircleBackground__49fc1 .closeIcon__49fc1 {
        color: var(--primary-330);
        height: 16px;
        width: 16px
    }

        .closeWithCircleBackground__49fc1 .closeIcon__49fc1:hover {
            color: var(--primary-230)
        }

    .closeWithCircleBackground__49fc1:hover {
        background-color: var(--black-500)
    }

@media (max-width:485px) or (max-height:550px) {
    .hideOnFullscreen__49fc1 {
        display: none
    }

    .footer__49fc1 {
        bottom: 0;
        box-sizing: border-box;
        position: static;
        width: 100%
    }
}

.spinnerContainer__49fc1 {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.visual-refresh .separator__49fc1 {
    box-shadow: none
}

.visual-refresh .footerSeparator__49fc1 {
    box-shadow: none
}

:where(.visual-refresh) .header__49fc1 {
    overflow: hidden;
    padding-bottom: 0
}

:where(.visual-refresh) .content__49fc1 {
    padding-top: var(--space-8)
}

:where(.visual-refresh) .footer__49fc1 {
    border-radius: 0 0 var(--radius-md) var(--radius-md);
    padding-top: var(--space-16)
}

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

.enable-forced-colors .close__49fc1 {
    opacity: 1
}

.rootWithShadow__49fc1 {
    box-shadow: var(--legacy-elevation-border),var(--legacy-elevation-high)
}

.visual-refresh .rootWithShadow__49fc1 {
    box-shadow: var(--shadow-medium)
}

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

.flexWrapper__61a6b {
    height: 100vh
}

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

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

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

.note__61a6b, .title__61a6b {
    text-align: center
}

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

.images-light .wrapper__61a6b {
    background-image: url(/assets/069714e321aa543f.svg)
}

.images-light .image__61a6b {
    background-image: url(/assets/f9b5479cf5959262.svg)
}

.images-dark .wrapper__61a6b {
    background-image: url(/assets/069714e321aa543f.svg)
}

.images-dark .image__61a6b {
    background-image: url(/assets/4ced53d842c0ca67.svg)
}

.titleBar__421ed {
    z-index: 3001;
    -webkit-app-region: drag;
    flex-shrink: 0
}

.withFrame__421ed {
    height: 18px;
    margin-top: 4px
}

.typeMacOS__421ed {
    position: absolute;
    width: 72px
}

    .typeMacOS__421ed .macDragRegion__421ed {
        padding-bottom: 32px;
        width: 70px
    }

.typeMacOSWithFrame__421ed {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 24px;
    justify-content: space-between;
    margin-top: 0
}

    .typeMacOSWithFrame__421ed .macButtons__421ed {
        margin-right: -70px;
        margin-top: -2px
    }

.typeWindows__421ed {
    align-items: stretch;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start
}

.wordmark__421ed {
    font-size: 0;
    pointer-events: none
}

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

.wordmarkMacOS__421ed {
    margin: 0 auto
}

.winButton__421ed {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 22px;
    justify-content: center;
    pointer-events: auto;
    position: relative;
    top: -4px;
    width: 28px;
    -webkit-app-region: no-drag
}

.winButtonMinMax__421ed {
}

    .winButtonMinMax__421ed:hover {
        background-color: var(--background-modifier-hover);
        color: var(--interactive-hover)
    }

    .winButtonMinMax__421ed:active {
        background-color: var(--background-modifier-active);
        color: var(--interactive-active)
    }

.winButtonClose__421ed {
}

    .winButtonClose__421ed:hover {
        background-color: var(--status-danger);
        color: var(--white-500)
    }

.winButton__421ed {
    color: var(--interactive-normal)
}

.macButtons__421ed {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px;
    width: 70px
}

    .macButtons__421ed svg {
        display: block;
        visibility: hidden
    }

.focused__421ed .macButtons__421ed:hover svg {
    visibility: visible
}

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

.macButtonClose__421ed, .macButtonMaximize__421ed, .macButtonMinimize__421ed {
}

.macButtonMaximize__421ed {
    background-color: #34c749
}

.macButtonMinimize__421ed {
    background-color: #fdbc40
}

.macButtonClose__421ed {
    background-color: #fc615d
}

.unfocused__421ed .macButtonClose__421ed, .unfocused__421ed .macButtonMaximize__421ed, .unfocused__421ed .macButtonMinimize__421ed {
    background-color: var(--background-modifier-accent)
}

.custom-theme-background .withBackgroundOverride__421ed {
    background: var(--bg-overlay-app-frame,var(--background-tertiary))
}

    .custom-theme-background .withBackgroundOverride__421ed.typeWindows__421ed {
        margin-top: 0;
        padding-top: 4px
    }

.tile__90dc5 {
    background-color: var(--primary-700);
    border-radius: var(--custom-base-tile-border-radius);
    box-sizing: border-box;
    overflow: hidden;
    position: relative
}

    .tile__90dc5.noBorder__90dc5 {
        border-radius: 0
    }

.fillParent__078ba {
    display: block;
    height: 100%;
    overflow: clip;
    width: 100%
}

.hiddenIframeContainer__078ba {
    opacity: 0
}

.iframePlaceholder__078ba {
    background-color: #000
}

.popoutWrapper_d6b206 {
    display: flex;
    margin-bottom: 10px;
    max-height: 40vh;
    position: relative;
    width: 200px
}

.scroller_d6b206 {
    background-color: var(--background-floating);
    border-radius: 4px;
    padding: 8px 16px
}

.viewers_d6b206 {
    align-items: center;
    display: flex;
    flex-grow: 0;
    position: relative
}

    .viewers_d6b206:hover .popoutWrapper_d6b206 {
        opacity: 1;
        transform: translateX(0);
        visibility: visible
    }

.viewer_d6b206 {
    margin-left: -2px;
    -webkit-mask: url(/assets/eae6388e2d5a721a.svg);
    mask: url(/assets/eae6388e2d5a721a.svg);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    mask-type: luminance
}

    .viewer_d6b206:last-child {
        -webkit-mask: none;
        mask: none
    }

.overflow_d6b206 {
    align-items: center;
    background-color: var(--primary-600);
    border-radius: 15px;
    box-shadow: -1px 0 0 1px var(--black-500);
    color: var(--primary-300);
    display: flex;
    font-size: 12px;
    font-weight: 700;
    height: 25px;
    justify-content: center;
    letter-spacing: .5px;
    margin-left: -4px;
    width: 25px;
    z-index: 2
}

.memberListHeader_d6b206 {
    font-weight: 600;
    margin-bottom: 12px;
    margin-top: 8px;
    text-transform: uppercase
}

.memberListHeader_d6b206, .memberListItemText_d6b206 {
    color: var(--header-secondary)
}

.viewersIcon_d6b206 {
    color: var(--primary-300);
    display: flex;
    height: 24px;
    margin-right: 4px;
    width: 24px
}

    .viewersIcon_d6b206.activeButton_d6b206, .viewersIcon_d6b206:hover {
        color: var(--white-500)
    }

.viewersTooltipItem_d6b206 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.memberListItem_d6b206:not(.popoutDisabled_d6b206):hover {
    background-color: var(--background-tertiary)
}

.wrapper_eb1a4c {
    margin: 0
}

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

.selectable_eb1a4c {
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.base_eb1a4c.muted_eb1a4c {
    color: var(--header-secondary)
}

.uppercase_eb1a4c {
    text-transform: uppercase
}

.videoHeight__94748 {
    flex: 0 0 auto;
    position: relative
}

    .videoHeight__94748.animated__94748 {
        transition: height .35s ease
    }

    .videoHeight__94748.normal__94748 {
        height: 50vh
    }

    .videoHeight__94748.minimum__94748 {
        height: 275px
    }

    .videoHeight__94748.noChat__94748 {
        height: 100vh
    }

    .videoHeight__94748.fullScreen__94748 {
        bottom: 0;
        height: 100vh;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        transition: none;
        z-index: 100
    }

.platform-win .videoHeight__94748.normal__94748 {
    height: calc(50vh - 22px)
}

.platform-win .videoHeight__94748.noChat__94748 {
    height: calc(100vh - 22px)
}

.video__94748 {
    background-color: var(--primary-800);
    background-position: 50%;
    background-size: 100%;
    cursor: default;
    height: 100%;
    min-height: 275px;
    overflow: hidden;
    position: relative;
    width: 100%
}

    .video__94748.idle__94748 {
        cursor: none
    }

    .video__94748.fullScreen__94748 .videoCenter__94748, .video__94748.noChat__94748 .videoCenter__94748, .video__94748.normal__94748 .videoCenter__94748 {
        align-self: flex-end
    }

    .video__94748.fullScreen__94748 .videoBottom__94748, .video__94748.noChat__94748 .videoBottom__94748, .video__94748.normal__94748 .videoBottom__94748 {
        opacity: 0;
        transform: translate3d(0,8px,0)
    }

.full-motion .video__94748.fullScreen__94748 .videoBottom__94748, .full-motion .video__94748.noChat__94748 .videoBottom__94748, .full-motion .video__94748.normal__94748 .videoBottom__94748 {
    transition: transform .2s ease-in-out,opacity .2s ease-in-out
}

.video__94748.fullScreen__94748:not(.idle__94748) .videoWrapper__94748.focused__94748 .videoBottom__94748, .video__94748.fullScreen__94748:not(.idle__94748) .videoWrapper__94748:hover .videoBottom__94748, .video__94748.noChat__94748:not(.idle__94748) .videoWrapper__94748.focused__94748 .videoBottom__94748, .video__94748.noChat__94748:not(.idle__94748) .videoWrapper__94748:hover .videoBottom__94748, .video__94748.normal__94748:not(.idle__94748) .videoWrapper__94748.focused__94748 .videoBottom__94748, .video__94748.normal__94748:not(.idle__94748) .videoWrapper__94748:hover .videoBottom__94748 {
    opacity: 1;
    transform: translateZ(0)
}

.video__94748 .videoBackgroundTransition__94748 {
    box-shadow: var(--legacy-elevation-high)
}

.videoWrapper__94748 {
    border-radius: 3px;
    position: relative
}

.videoInner__94748 {
    bottom: 0;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.videoBottom__94748, .videoCenter__94748, .videoTop__94748 {
    pointer-events: all
}

.videoBackground__94748, .videoBackgroundTransition__94748 {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.videoBackgroundTransition__94748 {
    align-items: center;
    display: flex;
    overflow: hidden
}

.theme-light .video__94748.minimum__94748 {
    background-color: var(--white-500);
    box-shadow: inset 0 -1px 0 var(--primary-230)
}

.images-light .video__94748.noChat__94748 .videoTop__94748, .images-light .video__94748.normal__94748 .videoTop__94748 {
    background-image: linear-gradient(0deg,hsl(var(--black-500-hsl)/0) 0,var(--opacity-black-88) 100%)
}

.images-dark .video__94748.noChat__94748 .videoTop__94748, .images-dark .video__94748.normal__94748 .videoTop__94748 {
    background-image: linear-gradient(0deg,hsl(var(--black-500-hsl)/0) 0,var(--opacity-black-88) 100%)
}

.pictureInPictureVideo_e4cb9a {
    aspect-ratio: 16/9;
    background: var(--primary-800);
    border-radius: 8px;
    overflow: hidden;
    transform: translateZ(0)
}

.videoControls_e4cb9a {
    background: linear-gradient(var(--black-500) 0,transparent 30%,transparent 60%,var(--black-500) 100%);
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    left: 0;
    padding: 8px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .2s ease-in-out
}

.videoControlsTextActivity_e4cb9a {
    pointer-events: all;
    z-index: 2
}

.topControls_e4cb9a {
    flex: 0 1 auto;
    pointer-events: all;
    transform: translateZ(0);
    width: 100%
}

.full-motion .topControls_e4cb9a {
    transition: transform .2s ease-in-out
}

.topControlsTextActivity_e4cb9a {
    align-items: flex-start;
    flex-direction: row;
    height: 100%
}

.bottomControls_e4cb9a, .topControlsTextActivity_e4cb9a {
    display: flex;
    justify-content: space-between
}

.bottomControls_e4cb9a {
    align-items: center;
    color: var(--white-500);
    flex: 0 1 auto;
    pointer-events: all;
    transform: translateZ(0);
    width: 100%
}

.full-motion .bottomControls_e4cb9a {
    transition: transform .2s ease-in-out
}

.bottomLeftControls_e4cb9a {
    min-width: 0
}

.idle_e4cb9a .videoControls_e4cb9a {
    opacity: 0
}

.idle_e4cb9a .topControls_e4cb9a {
    transform: translate3d(0,-8px,0)
}

.idle_e4cb9a .bottomControls_e4cb9a {
    transform: translate3d(0,8px,0)
}

.backButton_e4cb9a {
    color: var(--primary-300);
    flex-shrink: 0;
    margin-right: 2px
}

.headerBar_e4cb9a {
    height: auto;
    padding: 4px 0 0
}

.topControls_e4cb9a .headerBar_e4cb9a {
    -webkit-app-region: no-drag
}

.headerIdleContainer_e4cb9a {
    justify-content: space-between
}

.headerIdleContainer_e4cb9a, .headerTitle_e4cb9a {
    display: flex;
    flex-shrink: 1;
    overflow: hidden
}

.headerTitle_e4cb9a {
    align-items: center;
    border-bottom: 1px solid transparent;
    color: var(--white-500);
    justify-content: flex-start;
    line-height: 20px;
    margin: 0;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

    .headerTitle_e4cb9a:hover {
        border-bottom: 1px solid var(--white-500);
        cursor: pointer
    }

        .headerTitle_e4cb9a:hover .backButton_e4cb9a {
            color: var(--white-500)
        }

.headerText_e4cb9a {
    flex-shrink: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.menuIcon_e4cb9a {
    cursor: pointer
}

.keyboard-mode .videoControls_e4cb9a {
    opacity: 1
}

.art_c6e099 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 16px;
    width: 100%
}

    .art_c6e099.small_c6e099 {
        display: none
    }

    .art_c6e099.medium_c6e099 {
        height: 88px
    }

    .art_c6e099.large_c6e099 {
        height: 134px
    }

.header_c6e099 {
    color: var(--white-500);
    margin-bottom: 4px;
    text-align: center
}

.errorCodeMessage_c6e099 {
    position: relative;
    z-index: 1
}

.description_c6e099 {
    color: var(--primary-200);
    text-align: center
}

    .description_c6e099 a {
        position: relative;
        z-index: 1
    }

    .description_c6e099 p {
        margin: 0
    }

.outerButton_c6e099 {
    margin-top: 16px;
    z-index: 1
}

.button_c6e099 {
    background-color: var(--primary-500);
    border-radius: 100px;
    color: var(--white-500);
    font-size: 16px;
    font-weight: 600;
    padding: 12px 18px
}

    .button_c6e099:hover {
        background-color: var(--primary-600)
    }

.enable-forced-colors .button_c6e099 {
    background-color: transparent
}

.root_e605a1 {
    background-color: var(--opacity-black-60);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.popIn_c7da74 {
    transform: rotate(-180deg)
}

.participantsButton__211d1 {
    background: var(--primary-630);
    border-radius: 48px;
    box-shadow: var(--elevation-high);
    padding: 4px
}

    .participantsButton__211d1:hover {
        background: var(--primary-700)
    }

.rightCaret__211d1 {
    transform: rotate(-90deg)
}

.leftCaret__211d1 {
    transform: rotate(90deg)
}

.upCaret__211d1 {
    transform: rotate(180deg)
}

.downCaret__211d1 {
    transform: rotate(0deg)
}

.members__211d1 {
    margin-right: 4px
}

.iconContainer__211d1 {
    display: flex
}

    .iconContainer__211d1 > svg {
        color: var(--white-500)
    }

.fauxDisabled__666fa {
    opacity: .5
}

.enable-forced-colors .fauxDisabled__666fa {
    opacity: 1
}

.arrowIcon_f41a99 {
    height: 24px;
    transform: rotate(270deg);
    width: 24px
}

.arrowIconExpanded_f41a99 {
    transform: rotate(1turn)
}

.rightPipIcon_f41a99 {
    margin-left: 16px
}

.leftPipIcon_f41a99 {
    margin-right: 16px
}

.participantsButton_f41a99 {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%)
}

.pipHeader_f41a99 {
    height: 12px;
    position: relative;
    width: 100%;
    z-index: 2
}

.pipHeaderContent_f41a99 {
    align-items: center;
    background-color: var(--black-500);
    box-sizing: border-box;
    display: flex;
    height: 12px;
    justify-content: space-between;
    max-width: 100%;
    padding: 0 8px;
    position: absolute
}

.full-motion .pipHeaderContent_f41a99 {
    transition: all .2s ease-in-out
}

.pipHeaderContentOpen_f41a99 {
    background: linear-gradient(var(--black-500) 0,var(--black-500) 30%,transparent 100%);
    cursor: pointer;
    height: 40px;
    padding: 8px
}

.pipHeaderButtonsRight_f41a99 {
    display: flex
}

.menuIcon_f41a99 {
    color: #fff
}

.leaveActivityIcon_f41a99 {
    height: 24px;
    margin-left: 6px;
    width: 24px
}

.root_c5bcbe {
    height: 100%;
    width: 100%
}

    .root_c5bcbe.pipMode_c5bcbe {
        transition: height .2s ease-in-out;
        width: 320px
    }

    .root_c5bcbe.pipModeShort_c5bcbe {
        height: 180px
    }

    .root_c5bcbe.pipModeTall_c5bcbe {
        height: 410px
    }

    .root_c5bcbe.hidden_c5bcbe {
        max-height: 0;
        transition: none;
        width: 0
    }

.iframe_c5bcbe {
    height: 100%;
    min-height: 2px;
    min-width: 2px;
    width: 100%
}

    .iframe_c5bcbe.pipModeShort_c5bcbe {
        height: 180px
    }

    .iframe_c5bcbe.pipModeTall_c5bcbe {
        height: 410px
    }

.pipNonInteractive_c5bcbe {
    pointer-events: none
}

.clickShield_c5bcbe {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.multiPIPMode_c5bcbe {
    margin-top: 8px
}

:root {
    --legacy-elevation-low: 0 1px 5px var(--opacity-black-20);
    --legacy-elevation-high: 0 2px 10px 0 var(--opacity-black-8);
    --legacy-elevation-border: 0 0 0 1px hsl(var(--primary-300-hsl)/0.3)
}

.theme-dark {
    --legacy-elevation-low: 0 1px 5px 0 var(--opacity-black-28);
    --legacy-elevation-high: 0 2px 10px 0 var(--opacity-black-20);
    --legacy-elevation-border: 0 0 0 1px hsl(var(--primary-700-hsl)/0.6)
}

.elevationLow__2b2f1 {
    box-shadow: var(--legacy-elevation-low)
}

.elevationHigh__2b2f1 {
    box-shadow: var(--legacy-elevation-high)
}

.elevationBorderLow__2b2f1 {
    box-shadow: var(--legacy-elevation-border),var(--legacy-elevation-low)
}

.darkElevationBorderHigh__2b2f1 {
    box-shadow: var(--legacy-elevation-border),var(--legacy-elevation-high)
}

.lightElevationLow__2b2f1 {
    box-shadow: var(--legacy-elevation-low)
}

.lightElevationHigh__2b2f1 {
    box-shadow: var(--legacy-elevation-high)
}

.lightElevationBorderLow__2b2f1 {
    box-shadow: var(--legacy-elevation-border),var(--legacy-elevation-low)
}

.elevationBorderHigh__2b2f1, .elevationBorderLow__2b2f1, .elevationHigh__2b2f1, .elevationLow__2b2f1, .lightElevationBorderHigh__2b2f1 {
    box-shadow: var(--legacy-elevation-border),var(--legacy-elevation-high)
}

.pictureInPicture__6341f {
    left: 0;
    position: absolute;
    top: 0
}

    .pictureInPicture__6341f.dragging__6341f {
        cursor: grabbing;
        height: 100%;
        pointer-events: auto;
        width: 100%;
        z-index: 999
    }

.pictureInPictureWindow__6341f {
    position: absolute;
    z-index: 1000
}

.borderRadius__6341f {
    border-radius: 8px
}

.hidden__6341f {
    display: none
}

.resizeHandle__6341f {
    height: 20px;
    position: absolute;
    width: 20px
}

.resizeHandleTopRight__6341f {
    bottom: -7px;
    cursor: nesw-resize;
    left: -7px
}

.resizeHandleTopLeft__6341f {
    bottom: -7px;
    cursor: nwse-resize;
    right: -7px
}

.resizeHandleBottomRight__6341f {
    cursor: nwse-resize;
    left: -7px;
    top: -7px
}

.resizeHandleBottomLeft__6341f {
    cursor: nesw-resize;
    right: -7px;
    top: -7px
}

@keyframes pulse__7135b {
    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 darkerPulse__7135b {
    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__7135b {
    border: 20px solid hsla(0,0%,100%,0);
    border-radius: 50%
}

.app-focused .innerContainer__7135b {
    animation: darkerPulse__7135b 2s linear infinite;
    animation-timing-function: cubic-bezier(.4,0,1,1)
}

.outerContainer__7135b {
    border: 20px solid hsla(0,0%,100%,0);
    border-radius: 50%
}

.app-focused .outerContainer__7135b {
    animation: pulse__7135b 2s linear infinite;
    animation-delay: .2s;
    animation-timing-function: cubic-bezier(.4,0,1,1)
}

.background_fb62e2 {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%;
    z-index: 0
}

    .background_fb62e2:before {
        background: inherit;
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1
    }

.avatarWrapper_fb62e2 {
    border-radius: 50%
}

.button_fbcaba {
    line-height: 0
}

.badgeUpgrade_fbcaba {
    bottom: 2px;
    color: var(--brand-500);
    position: absolute;
    right: 2px
}

.mirror__948a4 {
    transform: scaleX(-1)
}

.video__948a4 {
    background-color: var(--black-500);
    position: relative
}

.media__948a4, .video__948a4 {
    height: 100%;
    width: 100%
}

.media__948a4 {
    object-fit: contain
}

:where(.visual-refresh) .container__29209 {
    align-items: center;
    background: radial-gradient(100% 100% at 50% 100%,var(--modal-background) 60%,var(--transparent) 100%),linear-gradient(270deg,var(--background-modal-gradient-purple-start) 0,var(--background-modal-gradient-purple-end) 100%);
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    padding: var(--space-4);
    width: 100%
}

:where(.visual-refresh) .content__29209 {
    text-align: center;
    width: 100%
}

:where(.visual-refresh) .cta__29209 {
    display: inline-block;
    text-align: center;
    width: 100%
}

    :where(.visual-refresh) .cta__29209 > button {
        display: block;
        margin: 0 auto
    }

:where(.visual-refresh) .artContainer__29209 {
    padding-bottom: var(--space-48);
    width: 100%
}

    :where(.visual-refresh) .artContainer__29209.small__29209 {
        padding-bottom: 0
    }

:where(.visual-refresh) .art__29209 {
    background-image: url(/assets/422703837071ae97.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 185px;
    width: 100%
}

    :where(.visual-refresh) .art__29209.small__29209 {
        display: none
    }

    :where(.visual-refresh) .art__29209.medium__29209 {
        height: 134px
    }

    :where(.visual-refresh) .art__29209.large__29209 {
        height: 185px
    }

:where(.visual-refresh) .header__29209 {
    color: var(--header-primary);
    margin-bottom: var(--space-24);
    text-align: center
}

.cta_a3a802 {
    background-color: var(--primary-500);
    border-radius: 100px;
    color: var(--white-500);
    font-weight: 600;
    padding: 10px 16px;
    z-index: 1
}

    .cta_a3a802:hover {
        background-color: var(--primary-600)
    }

    .cta_a3a802.small_a3a802 {
        padding: 7px 16px
    }

.buttonReset_a3a802 {
    line-height: 0
}

.content_c30e20 {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.streamHidden_c30e20 {
    background: var(--primary-700);
    flex-direction: column
}

.streamHiddenEmptyState_c30e20 {
    margin: 0;
    padding: 0
}

.streamHiddenCTA_c30e20 {
    align-items: center;
    display: flex;
    justify-content: center
}

.largePaddingTop_c30e20 {
    padding-top: 8px
}

.addStreamIcon_c30e20 {
    height: 24px;
    width: 24px
}

.addCTA_c30e20 {
    margin-left: 8px;
    padding: 8px
}

.content__02686 {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.streamHidden__02686 {
    background: var(--primary-700);
    flex-direction: column
}

.streamHiddenEmptyState__02686 {
    margin: 0;
    padding: 0
}

.streamHiddenCTA__02686 {
    align-items: center;
    display: flex;
    justify-content: center
}

.largePaddingTop__02686 {
    padding-top: 8px
}

.addStreamIcon__02686 {
    height: 24px;
    width: 24px
}

.addCTA__02686 {
    margin-left: 8px;
    padding: 8px
}

.leftTrayIcon__2cdb8 {
    margin-right: 16px
}

.rightTrayIcon__2cdb8 {
    margin-left: 16px
}

.embedTarget__2cdb8 {
    height: 100%;
    width: 100%
}

.embedTargetHidden__2cdb8 {
    height: 0;
    visibility: hidden;
    width: 0
}

.participantName__2cdb8 {
    margin-left: 8px
}

.videoControls__2cdb8 {
    background: none
}

.loading__6ef4d {
    background: var(--background-secondary);
    color: var(--text-normal);
    height: 100vh;
    position: absolute;
    width: 100%
}

.container__5b927 {
    background-color: var(--background-secondary);
    border-radius: 3px;
    bottom: 0;
    box-shadow: var(--shadow-border),var(--shadow-high);
    font-family: var(--font-code);
    font-size: 10px;
    margin: 8px;
    min-height: 5em;
    padding: 8px;
    pointer-events: all;
    position: absolute;
    right: 0;
    white-space: pre;
    width: 320px;
    z-index: 1001
}

.containerMinimized__5b927 {
    min-height: auto;
    width: auto
}

.content__5b927 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    min-height: 5em
}

.contentMinimized__5b927 {
    display: none
}

.notTracked__5b927 {
    color: var(--text-muted)
}

.label__5b927 {
    display: flex
}

.baseIcon__5b927 {
    height: 12px;
    width: 12px
}

.iconNotTracked__5b927 {
    color: var(--primary-300)
}

.iconTracked__5b927 {
    color: var(--status-positive)
}

.minimizeButton__5b927 {
    cursor: pointer;
    padding: 8px;
    position: absolute;
    right: 0;
    top: 0
}

.jsonSection__5b927 {
    margin-bottom: 8px;
    margin-left: 8px;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.stack__5b927 {
    color: var(--text-muted)
}

.current__5b927, .stack__5b927 {
}

.current__5b927 {
    color: var(--text-normal)
}

@keyframes outgoing-call-pulse_f910d0 {
    0% {
        opacity: 0;
        transform: scaleX(1)
    }

    11.56% {
        opacity: 1
    }

    39.02% {
        opacity: 0;
        transform: scale3d(1.1,1.1,1)
    }

    39.03% {
        transform: scaleX(1)
    }

    39.04% {
        opacity: 1
    }

    66.48% {
        opacity: 0;
        transform: scale3d(1.1,1.1,1)
    }

    to {
        opacity: 0;
        transform: scaleX(1)
    }
}

@keyframes incoming-call-pulse_f910d0 {
    0% {
        opacity: 0;
        transform: scaleX(1)
    }

    0.7% {
        opacity: 1
    }

    25.54% {
        opacity: 0;
        transform: scale3d(1.1,1.1,1)
    }

    25.55% {
        transform: scaleX(1)
    }

    25.56% {
        opacity: 1
    }

    49.98% {
        opacity: 0;
        transform: scale3d(1.1,1.1,1)
    }

    49.99% {
        transform: scaleX(1)
    }

    50% {
        opacity: 1
    }

    74.69% {
        opacity: 0;
        transform: scale3d(1.1,1.1,1)
    }

    74.70% {
        transform: scaleX(1)
    }

    74.71% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: scale3d(1.1,1.1,1)
    }
}

.clickable_f910d0 {
    cursor: pointer
}

.wrapper_f910d0 {
    position: relative
}

    .wrapper_f910d0.ringingOutgoing_f910d0:after {
        animation: outgoing-call-pulse_f910d0 var(--custom-call-avatar-outgoing-duration) infinite ease-out
    }

    .wrapper_f910d0.ringingIncoming_f910d0:after, .wrapper_f910d0.ringingOutgoing_f910d0:after {
        background: transparent;
        border: 3px solid var(--interactive-active);
        border-radius: 100%;
        content: "";
        height: 100%;
        left: -3px;
        pointer-events: none;
        position: absolute;
        top: -3px;
        transform-origin: center;
        width: 100%
    }

    .wrapper_f910d0.ringingIncoming_f910d0:after {
        animation: incoming-call-pulse_f910d0 var(--custom-call-avatar-incoming-duration) infinite ease-out
    }

.statusContainer_f910d0 {
    background-color: var(--red-400);
    border-radius: 50%;
    bottom: 0;
    padding: 4px;
    position: absolute;
    right: 0
}

.status_f910d0, .statusContainer_f910d0 {
    height: 16px;
    width: 16px
}

.voiceAvatar_f910d0 {
    border-radius: 50%;
    height: 100%;
    position: inherit;
    width: 100%
}

    .voiceAvatar_f910d0.ringingOutgoing_f910d0 {
        opacity: .3
    }

.border_f910d0 {
    border-radius: 50%;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

    .border_f910d0.speaking_f910d0 {
        box-shadow: inset 0 0 0 2px var(--status-speaking),inset 0 0 0 3px var(--background-floating)
    }

.app-focused .border_f910d0 {
    transition: box-shadow .1s ease-out
}

.overlay_f910d0 {
    align-items: center;
    background-color: var(--opacity-black-60);
    border-radius: 50%;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.overlayIcon_f910d0 {
    color: var(--white-500);
    height: 32px;
    width: 32px
}

.callAvatarMask_f910d0 {
    overflow: visible;
    position: relative
}

.callAvatarMaskContainer_f910d0 {
    height: 100%;
    position: relative
}

.item__0c135 {
    align-items: center;
    display: flex
}

.root__2dbe1 {
    align-items: center;
    background: var(--background-floating);
    border-radius: 8px;
    box-shadow: var(--elevation-high);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-width: 232px;
    padding: 16px;
    position: relative
}

    .root__2dbe1.previewCamera__2dbe1 {
        flex-direction: column-reverse;
        overflow: hidden
    }

.previewRoot__2dbe1 {
    align-items: center;
    background: var(--background-secondary-alt);
    display: flex;
    justify-content: center
}

.preview__2dbe1, .preview__2dbe1:after, .previewRoot__2dbe1 {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

    .preview__2dbe1:after {
        background: linear-gradient(#18191c,transparent 84px,transparent 183px,#18191c);
        content: ""
    }

.mainChannelInfo__2dbe1 {
    align-items: center;
    display: flex;
    flex-direction: column;
    max-width: 100%
}

    .mainChannelInfo__2dbe1 .titleGroup__2dbe1 {
        max-width: 100%
    }

    .mainChannelInfo__2dbe1 .icon__2dbe1 {
        margin: 16px 0
    }

    .mainChannelInfo__2dbe1 .subtitle__2dbe1, .mainChannelInfo__2dbe1 .title__2dbe1 {
        text-align: center
    }

    .mainChannelInfo__2dbe1 .title__2dbe1 {
        flex-shrink: 1;
        margin-bottom: 2px;
        min-width: 0;
        overflow-wrap: break-word
    }

    .mainChannelInfo__2dbe1 .subtitle__2dbe1 {
        margin-bottom: 24px
    }

.previewChannelHeader__2dbe1 {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    left: 0;
    max-width: 100%;
    padding-left: 16px;
    position: absolute;
    top: 16px
}

    .previewChannelHeader__2dbe1 .titleGroup__2dbe1 {
        flex-shrink: 1;
        min-width: 0
    }

    .previewChannelHeader__2dbe1 .icon__2dbe1 {
        margin-right: 16px
    }

    .previewChannelHeader__2dbe1 .subtitle__2dbe1, .previewChannelHeader__2dbe1 .title__2dbe1 {
        color: var(--header-primary);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

.wrapper__2dbe1 {
    pointer-events: all;
    z-index: 1001
}

.actionButton__2dbe1 {
    line-height: 0
}

.fullRegionDropdownButtonOverride__2dbe1 {
    padding: 0 4px
}

.actions__2dbe1 {
    display: flex;
    gap: 8px
}

.previewButton__2dbe1 {
    margin-top: 16px
}

.guildIcon__2dbe1 {
    align-items: center;
    background-color: var(--background-primary);
    color: var(--text-normal);
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.mask__2dbe1 {
    display: block
}

.guildAcronym__2dbe1 {
    font-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis
}

.guildIconWithoutImage__2dbe1 {
    background-color: var(--background-primary)
}

.canvas_eb6eba {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10000
}

.container__0bec3 {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.gridOverlay__0bec3 {
    height: 100%;
    width: 100%;
    --custom-grid-line-color: var(--border-subtle);
    --custom-grid-line-width: 0.3px;
    --custom-grid-vertical-lines: linear-gradient(to right,var(--custom-grid-line-color) var(--custom-grid-line-width),transparent var(--custom-grid-line-width));
    --custom-grid-horizontal-lines: linear-gradient(to bottom,var(--custom-grid-line-color) var(--custom-grid-line-width),transparent var(--custom-grid-line-width))
}

    .gridOverlay__0bec3[data-horizontal=true][data-vertical=true] {
        background-image: var(--custom-grid-horizontal-lines),var(--custom-grid-vertical-lines);
        background-position: 0 var(--custom-grid-vertical-spacing),var(--custom-grid-horizontal-spacing) 0;
        background-size: var(--custom-grid-horizontal-spacing) var(--custom-grid-vertical-spacing)
    }

    .gridOverlay__0bec3[data-horizontal=true][data-vertical=false] {
        background-image: var(--custom-grid-horizontal-lines);
        background-position: 0 var(--custom-grid-horizontal-spacing),var(--custom-grid-horizontal-spacing) 0;
        background-size: var(--custom-grid-horizontal-spacing) var(--custom-grid-horizontal-spacing)
    }

    .gridOverlay__0bec3[data-horizontal=false][data-vertical=true] {
        background-image: var(--custom-grid-vertical-lines);
        background-position: 0 var(--custom-grid-vertical-spacing),var(--custom-grid-vertical-spacing) 0;
        background-size: var(--custom-grid-vertical-spacing) var(--custom-grid-vertical-spacing)
    }

.visual-refresh .gridOverlay__0bec3 {
    --custom-grid-line-color: var(--border-normal)
}

@media (-webkit-max-device-pixel-ratio:1.5),(max-resolution:1.5x) {
    .gridOverlay__0bec3 {
        --custom-grid-line-width: 1px
    }
}

.container_a7f798 {
    background-color: var(--background-secondary);
    border-radius: 3px;
    bottom: 0;
    box-shadow: var(--shadow-border),var(--shadow-high);
    font-family: var(--font-code);
    font-size: 10px;
    margin: 8px;
    min-width: 5rem;
    padding: 8px;
    pointer-events: all;
    position: absolute;
    right: 0;
    white-space: pre;
    z-index: 1001
}

.status_a7f798 {
    align-items: center;
    display: flex;
    justify-content: center
}

.statusIndicator_a7f798 {
    padding-right: .5rem
}

.statusText_a7f798 {
    padding-left: .5rem
}

.draggableContainer_f86e69 {
    border-radius: 12px;
    box-shadow: 0 0 24px 0 rgba(0,0,0,.25)
}

.container_f86e69 {
    background-color: var(--background-primary);
    border: 1px solid var(--border-subtle);
    border-radius: 12px;
    width: 314px
}

.closeContainer_f86e69 {
    align-self: flex-start;
    flex-shrink: 0;
    padding: 0
}

.headerContainer_f86e69 {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: var(--spacing-16)
}

.coachmarkHeaderContainer_f86e69 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: var(--spacing-16);
    text-align: center
}

.coachmarkHeaderTextContainer_f86e69 {
    padding-left: var(--spacing-24);
    padding-right: var(--spacing-24)
}

.coachmarkCloseIcon_f86e69 {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.subtitle_f86e69 {
    margin-top: var(--spacing-4)
}

.divider_f86e69 {
    background-color: var(--border-subtle);
    height: 1px;
    margin: 0 var(--spacing-16);
    width: calc(100% - var(--spacing-32))
}

.wallpapersContainer_f86e69 {
    box-sizing: border-box;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr 1fr;
    max-height: 442px;
    padding: var(--spacing-16)
}

    .wallpapersContainer_f86e69 img {
        height: auto;
        max-width: 100%;
        object-fit: cover
    }

.wallpaper_f86e69 {
    border-radius: 12px;
    cursor: pointer;
    height: 88px;
    overflow: hidden;
    position: relative;
    width: 88px
}

.wallpaperSelectionClickableContainer_f86e69 {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.wallpaperRemoveSelection_f86e69 {
    align-items: center;
    background-color: var(--background-tertiary);
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    height: 88px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 88px
}

.wallpaperSelected_f86e69 {
    position: relative
}

.wallpaper_f86e69:after, .wallpaperRemoveSelection_f86e69:after {
    border: 1px solid hsla(0,0%,100%,.1);
    border-radius: 12px;
    bottom: 0;
    box-sizing: border-box;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.wallpaper_f86e69:hover:after, .wallpaperRemoveSelection_f86e69:hover:after {
    border-width: 2px
}

.wallpaper_f86e69.wallpaperSelected_f86e69:after, .wallpaperRemoveSelection_f86e69.wallpaperSelected_f86e69:after {
    border: 2px solid var(--brand-500);
    z-index: 2
}

.wallpaperImage_f86e69 {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.badgeAndCloseRow_f86e69 {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: var(--spacing-8);
    position: relative;
    width: 100%
}

.footerContainerStack_f86e69 {
    box-sizing: border-box;
    max-width: 100%;
    overflow: hidden;
    padding: var(--spacing-16);
    width: 100%
}

.nonTier2FooterText_f86e69 {
    flex: 1;
    margin-right: var(--spacing-16);
    min-width: 0
}

.getNitroButton_f86e69 {
    flex-shrink: 0;
    min-height: 40px
}

.getNitroButtonText_f86e69 {
    font-size: 14px;
    font-weight: 500
}

.loadingContainer_f86e69 {
    height: 80vh;
    max-height: 442px;
    min-height: 300px;
    padding-top: var(--spacing-16)
}

.errorContainer_f86e69, .loadingContainer_f86e69 {
    display: flex;
    justify-content: center
}

.errorContainer_f86e69 {
    align-items: center;
    flex-direction: column;
    gap: 8px;
    padding: 16px
}

.errorText_f86e69 {
    color: var(--text-muted);
    max-width: 200px;
    text-align: center
}

.previewLoadingSpinner_f86e69 {
    background-color: rgba(0,0,0,.4);
    inset: 0;
    position: absolute
}

[data-popout-root], html {
    --brand-05a: hsla(var(--brand-500-hsl)/0.05);
    --brand-10a: hsla(var(--brand-500-hsl)/0.1);
    --brand-15a: hsla(var(--brand-500-hsl)/0.15);
    --brand-20a: hsla(var(--brand-500-hsl)/0.2);
    --brand-25a: hsla(var(--brand-500-hsl)/0.25);
    --brand-30a: hsla(var(--brand-500-hsl)/0.3);
    --brand-35a: hsla(var(--brand-500-hsl)/0.35);
    --brand-40a: hsla(var(--brand-500-hsl)/0.4);
    --brand-45a: hsla(var(--brand-500-hsl)/0.45);
    --brand-50a: hsla(var(--brand-500-hsl)/0.5);
    --brand-55a: hsla(var(--brand-500-hsl)/0.55);
    --brand-60a: hsla(var(--brand-500-hsl)/0.6);
    --brand-65a: hsla(var(--brand-500-hsl)/0.65);
    --brand-70a: hsla(var(--brand-500-hsl)/0.7);
    --brand-75a: hsla(var(--brand-500-hsl)/0.75);
    --brand-80a: hsla(var(--brand-500-hsl)/0.8);
    --brand-85a: hsla(var(--brand-500-hsl)/0.85);
    --brand-90a: hsla(var(--brand-500-hsl)/0.9);
    --brand-95a: hsla(var(--brand-500-hsl)/0.95)
}

    [data-popout-root].low-saturation, html.low-saturation {
        --control-brand-foreground: var(--interactive-normal)
    }

    html.disable-forced-colors * {
        forced-color-adjust: none
    }

.decorate-links {
    --link-decoration: underline
}

.visual-refresh {
    --input-border: hsla(240,4%,55%,.48)
}

.themeSelectionContainer__36dee {
    box-sizing: border-box;
    height: var(--custom-theme-selection-selection-size);
    position: relative;
    width: var(--custom-theme-selection-selection-size)
}

.themeSelection__36dee {
    border-radius: 50%;
    cursor: pointer;
    height: 100%;
    width: 100%
}

    .themeSelection__36dee.selected__36dee {
        cursor: default
    }

.defaultThemeSelection__36dee {
    box-shadow: inset 0 0 0 1px var(--interactive-normal)
}

.selectionCircle__36dee {
    border-radius: 50%;
    box-shadow: inset 0 0 0 2px var(--brand-500),inset 0 0 0 4px var(--background-primary);
    cursor: default;
    height: calc(100% + 4px);
    left: -2px;
    pointer-events: none;
    position: absolute;
    top: -2px;
    width: calc(100% + 4px)
}

.checkmarkCircle__36dee {
    position: absolute;
    right: 0
}

.checkmark__36dee {
    color: var(--brand-500)
}

.redCircle__36dee {
    background-color: var(--red-430);
    border-radius: 50%;
    top: 0
}

.lockedBadgeContainer__36dee, .redCircle__36dee {
    background-clip: content-box;
    box-shadow: inset 0 0 0 2px var(--background-primary);
    cursor: pointer;
    height: 18px;
    padding: 1px;
    position: absolute;
    right: 0;
    width: 18px;
    z-index: 2
}

.lockedBadgeContainer__36dee {
    align-items: center;
    background-color: var(--background-primary);
    border-radius: var(--radius-round);
    bottom: 0;
    display: flex;
    justify-content: center
}

.lockedBadge__36dee {
    color: var(--icon-primary);
    height: 10px;
    width: 10px
}

.disabled__36dee {
    opacity: .2;
    pointer-events: none
}

.iconWrapper__36dee {
    height: var(--custom-theme-selection-selection-size);
    margin-top: 18px;
    position: absolute;
    text-align: center;
    width: var(--custom-theme-selection-selection-size)
}

.darkOverlay__36dee {
    --bg-overlay: linear-gradient(var(--opacity-black-20),var(--opacity-black-20))
}

.lightOverlay__36dee {
    --bg-overlay: linear-gradient(var(--opacity-white-48),var(--opacity-white-48))
}

.darkIcon__36dee {
    background: var(--primary-600)
}

.darkerIcon__36dee {
    background: var(--plum-20)
}

.midnightIcon__36dee {
    background: var(--black-500)
}

.lightIcon__36dee {
    background: var(--white-500)
}

.appIconSelectionContainer__8a3d7 {
    box-sizing: border-box;
    position: relative
}

.appIconSelection__8a3d7, .appIconSelectionContainer__8a3d7 {
    height: var(--custom-theme-selection-selection-size);
    width: var(--custom-theme-selection-selection-size)
}

.appIconSelection__8a3d7 {
    border-radius: 50%;
    box-shadow: 0 0 2px var(--interactive-normal);
    cursor: pointer;
    overflow: hidden
}

    .appIconSelection__8a3d7.selected__8a3d7 {
        cursor: default
    }

.disabled__8a3d7 {
    pointer-events: none
}

.lockedBadgeContainer__8a3d7 {
    align-items: center;
    background-clip: content-box;
    background-color: var(--background-primary);
    border-radius: var(--radius-round);
    bottom: 0;
    box-shadow: inset 0 0 0 2px var(--background-primary);
    cursor: pointer;
    display: flex;
    height: 18px;
    justify-content: center;
    padding: 1px;
    position: absolute;
    right: 0;
    width: 18px;
    z-index: 2
}

.lockedBadge__8a3d7 {
    color: var(--icon-primary);
    height: 10px;
    width: 10px
}

.presets_a00e6e {
    display: flex;
    flex-wrap: wrap;
    gap: 16px var(--custom-theme-selection-group-column-gap);
    margin-top: 16px
}

.header_a00e6e {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.headings_a00e6e {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.title_a00e6e {
    align-items: center;
    display: flex;
    flex: 1
}

.premiumIcon_a00e6e {
    color: var(--header-primary)
}

:where(.visual-refresh) .premiumIcon_a00e6e {
    color: var(--icon-primary);
    height: 20px;
    width: 20px
}

:where(.visual-refresh) .header_a00e6e {
    align-items: flex-start
}

:where(.visual-refresh) .headings_a00e6e {
    gap: var(--space-8)
}

:where(.visual-refresh) .titleText_a00e6e {
    color: var(--text-primary)
}

.preview__3e443 {
    align-items: stretch;
    background-color: var(--background-secondary);
    display: flex;
    flex-direction: column;
    height: 180px;
    justify-content: center;
    overflow: hidden;
    position: relative
}

    .preview__3e443:after {
        bottom: 0;
        content: "";
        cursor: default;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

.firstMessage__3e443 {
    margin-top: -.8rem !important
}

.compactPreview__3e443 .firstMessage__3e443 {
    margin-top: 0 !important
}

.forcedColorsWarning__3e443 {
    margin-bottom: 12px
}

.themeTitle__3e443 {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.title__3e443 {
    flex: 1
}

.theme-dark.custom-theme-background .preview__3e443 {
    background: linear-gradient(rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-3)),rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-3))),var(--custom-theme-background)
}

.theme-light.custom-theme-background .preview__3e443 {
    background: linear-gradient(rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-2)),rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-2))),var(--custom-theme-background)
}

.messageGroupingSpacing__3e443 {
    margin-top: 20px
}

:where(.visual-refresh) .subtext__3e443 {
    color: var(--text-secondary);
    margin-bottom: var(--space-16);
    text-transform: none
}

:where(.visual-refresh) .a11yCallout__3e443 {
    color: var(--text-secondary);
    margin-bottom: var(--space-32);
    margin-top: var(--space-24)
}

:where(.visual-refresh) .divider__3e443 {
    margin-bottom: var(--space-xl);
    margin-top: var(--space-xxl)
}

:where(.visual-refresh) .compactModeToggle__3e443 {
    display: flex;
    height: 40px;
    justify-content: center;
    margin-bottom: 0;
    margin-top: var(--space-24)
}

:where(.visual-refresh) .themeTitleContainer__3e443 {
    display: flex;
    flex-direction: column;
    gap: var(--space-8)
}

:where(.visual-refresh) .title__3e443 {
    color: var(--text-primary)
}

:where(.visual-refresh) .themeTitle__3e443 {
    align-items: flex-start
}

:where(.visual-refresh) .messageGroupingSpacing__3e443 {
    margin-top: var(--space-24)
}

:where(.visual-refresh) .timeTitle__3e443 {
    margin-bottom: var(--space-24)
}

:where(.visual-refresh) [role=radiogroup] [role=radio]:last-of-type {
    margin-bottom: 0
}

.editorAnimate__2a891 {
    animation: slidein__2a891 .25s ease-in 1s forwards;
    margin-right: calc((var(--custom-client-themes-editor-content-width) + (var(--custom-client-themes-editor-editor-padding)*2))*-1)
}

@keyframes slidein__2a891 {
    0% {
        margin-right: calc((var(--custom-client-themes-editor-content-width) + (var(--custom-client-themes-editor-editor-padding)*2))*-1)
    }

    to {
        margin-right: 0
    }
}

.title__2a891 {
    align-items: center;
    display: flex;
    flex: 1
}

    .title__2a891 .premiumIcon__2a891 {
        color: var(--header-primary);
        height: 18px;
        margin-left: 8px;
        width: 18px
    }

.editor__2a891 {
    background: var(--background-primary);
    border-left: 5px solid var(--background-secondary);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    height: 100%;
    padding: var(--custom-client-themes-editor-editor-padding) 0;
    position: relative;
    right: 0;
    z-index: 1
}

.visual-refresh .editor__2a891 {
    padding-left: var(--space-16);
    padding-right: var(--space-16)
}

.editorHeader__2a891 {
    width: var(--custom-client-themes-editor-content-width)
}

.editorBody__2a891, .editorHeader__2a891 {
    padding: 0 var(--custom-client-themes-editor-editor-padding)
}

.selectionGroup__2a891 {
    margin-top: 16px;
    width: var(--custom-client-themes-editor-content-width)
}

.editorFooter__2a891 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 16px;
    padding: 0 var(--custom-client-themes-editor-editor-padding)
}

.footerButton__2a891 {
    padding: 11px;
    width: 100%
}

.closeCircleButton__2a891 {
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 18px;
    top: 18px;
    width: 20px;
    z-index: 2
}

.closeCircle__2a891 {
    color: var(--interactive-normal);
    height: 100%;
    width: 100%
}

    .closeCircle__2a891:focus, .closeCircle__2a891:hover {
        color: var(--interactive-hover)
    }

.container__8fea4 {
    align-items: center;
    border-color: var(--border-subtle);
    border-style: solid;
    border-width: 1px;
    display: flex;
    justify-content: center
}

.paletteIcon__8fea4 {
    filter: drop-shadow(0 1px 4px rgba(0,0,0,.14))
}

.newBadge__8fea4 {
    bottom: -4px;
    position: absolute
}

.newRing__8fea4 {
    border-radius: 50%;
    filter: drop-shadow(0 0 4px rgba(180,115,245,.44));
    height: calc(100% + 8px);
    left: -4px;
    position: absolute;
    top: -4px;
    width: calc(100% + 8px)
}

.presets__67a11 {
    display: flex;
    flex-wrap: wrap;
    gap: 16px var(--custom-theme-selection-group-column-gap);
    margin-top: 16px
}

.presetsJustify__67a11 {
    display: grid;
    grid-template-columns: repeat(3,auto);
    grid-gap: 16px
}

.header__67a11, .presetsJustify__67a11 {
    justify-content: space-between
}

.header__67a11 {
    align-items: center;
    display: flex
}

.headings__67a11 {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.upsellText__67a11 {
    color: var(--premium-nitro-pink-text)
}

.title__67a11 {
    align-items: center;
    display: flex;
    flex: 1
}

.betaTag__67a11 {
    background: var(--custom-premium-colors-premium-gradient-tier-2);
    display: inline
}

.betaTagContainer__67a11 {
    border-radius: 8px;
    display: inline-flex;
    margin-left: 2px
}

.premiumIcon__67a11 {
    color: var(--header-primary)
}

.easterEggSelection__67a11 {
    position: relative;
    transform: rotate(0deg),scale(0)
}

.full-motion .easterEggSelection__67a11 {
    animation: scale-bounce-wiggle__67a11 .5s 0s forwards
}

.sparkles__67a11 {
    animation: fadeOut__67a11 2s 3s forwards;
    left: 0;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: 0
}

@keyframes fadeOut__67a11 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes scale-bounce-wiggle__67a11 {
    0% {
        transform: scale(0) rotate(10deg)
    }

    30% {
        transform: scale(1.3) rotate(10deg)
    }

    55% {
        transform: scale(.7) rotate(-10deg)
    }

    75% {
        transform: scale(1.2) rotate(20deg)
    }

    85% {
        transform: scale(.98) rotate(-20deg)
    }

    92% {
        transform: scale(1.1) rotate(-5deg)
    }

    97% {
        transform: scale(.99) rotate(-5deg)
    }

    to {
        transform: scale(1) rotate(0deg)
    }
}

:where(.visual-refresh) .subtext__67a11 {
    color: var(--text-secondary)
}

:where(.visual-refresh) .headings__67a11 {
    gap: var(--space-8)
}

:where(.visual-refresh) .titleText__67a11 {
    color: var(--text-primary)
}

:where(.visual-refresh) .premiumIcon__67a11 {
    color: var(--icon-primary)
}

.editorAnimate_cf6da1 {
    animation: slidein_cf6da1 .5s ease-in 1s forwards;
    margin-right: calc((var(--custom-client-themes-editor-content-width) + (var(--custom-client-themes-editor-editor-padding)*2))*-1)
}

@keyframes slidein_cf6da1 {
    0% {
        margin-right: calc((var(--custom-client-themes-editor-content-width) + (var(--custom-client-themes-editor-editor-padding)*2))*-1)
    }

    to {
        margin-right: 0
    }
}

.themeEditor_cf6da1 {
    background: var(--background-primary);
    border-left: 5px solid var(--background-secondary);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    height: 100%;
    padding: var(--custom-client-themes-editor-editor-padding) 0;
    position: relative;
    right: 0;
    z-index: 1
}

.visual-refresh .themeEditor_cf6da1 {
    padding-left: var(--space-12);
    padding-right: var(--space-12)
}

.editorHeader_cf6da1 {
    width: var(--custom-client-themes-editor-content-width)
}

.editorBody_cf6da1, .editorHeader_cf6da1 {
    padding: 0 var(--custom-client-themes-editor-editor-padding)
}

.selectionGroup_cf6da1 {
    margin-top: 16px;
    width: var(--custom-client-themes-editor-content-width)
}

.editorFooter_cf6da1 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 16px;
    padding: 0 var(--custom-client-themes-editor-editor-padding)
}

.footerButton_cf6da1 {
    padding: 11px;
    width: 100%
}

.closeCircleButton_cf6da1 {
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 18px;
    top: 18px;
    width: 20px;
    z-index: 2
}

.closeCircle_cf6da1 {
    color: var(--interactive-normal);
    height: 100%;
    width: 100%
}

    .closeCircle_cf6da1:focus, .closeCircle_cf6da1:hover {
        color: var(--interactive-hover)
    }

.bannerUpsell_cf6da1 {
    align-items: center;
    background-image: var(--custom-premium-colors-premium-gradient-tier-2);
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    padding: 10px
}

    .bannerUpsell_cf6da1 .premiumIcon_cf6da1 {
        color: var(--white-500);
        flex-shrink: 0;
        height: 24px;
        margin-right: 10px;
        width: 24px
    }

.container_b29565 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%
}

.headerContainer_b29565 {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.addColorButtonText_b29565 {
    color: var(--text-brand)
}

.gradientBar_b29565 {
    border-radius: 8px;
    height: 40px;
    position: relative;
    width: 100%
}

.colorCircle_b29565 {
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.full-motion .colorCircle_b29565 {
    transition: all .2s ease
}

    .full-motion .colorCircle_b29565:hover {
        transform: translate(-50%,-50%) scale(1.1)
    }

.colorCircleInner_b29565 {
    border: 4px solid #fff;
    border-radius: 50%;
    box-shadow: 0 3px 13.2px 0 rgba(0,0,0,.15),0 1px 2px 0 rgba(0,0,0,.05);
    height: 16px;
    width: 16px
}

.colorCircle_b29565:hover .removeColorButton_b29565 {
    opacity: 1
}

.colorCircleSelectedTriangle_b29565 {
    border-bottom: 4px solid var(--background-primary);
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    bottom: -2px;
    height: 0;
    position: absolute;
    transform: translate(-50%,-50%);
    width: 0
}

.hexInputContainer_b29565 {
    align-items: center;
    background: var(--background-mod-subtle);
    border: 1px solid var(--border-faint);
    border-radius: 8px;
    display: flex;
    height: 32px;
    margin: 0 1px;
    padding: 4px 12px;
    position: relative;
    transition: border-color .15s ease
}

    .hexInputContainer_b29565:focus-within {
        border-color: var(--focus-primary);
        box-shadow: 0 0 0 1px var(--focus-primary)
    }

.hexInput_b29565 {
    background: none;
    border: none;
    color: var(--text-default);
    flex: 1 1 0;
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 400;
    height: 100%;
    min-width: 0;
    outline: none;
    padding: 0
}

    .hexInput_b29565::-moz-placeholder {
        color: var(--text-muted)
    }

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

.trailingIcons_b29565 {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    gap: 4px;
    margin-left: 8px
}

.hexInputInner_b29565 {
    background: none;
    border: none;
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: 400;
    height: 100%;
    padding: 0
}

.eyeDropperIcon_b29565 {
    height: 16px;
    width: 16px
}

.colorItem_b29565 {
    align-items: center;
    display: flex;
    gap: 8px
}

.colorPreview_b29565 {
    border: 1px solid var(--background-tertiary);
    border-radius: 4px;
    height: 24px;
    width: 24px
}

.enable-forced-colors .container_b29565 {
    forced-color-adjust: none
}

.iconWithHover_b29565 {
    fill: var(--icon-tertiary)
}

.iconButton_b29565:hover .iconWithHover_b29565 {
    fill: var(--icon-primary)
}

.themeSelector__5a15d {
    height: 32px
}

.container__68a18 {
    background: var(--bg-overlay-5)
}

.containerInner__68a18 {
    background: var(--background-primary);
    border: 1px solid var(--border-faint);
    border-radius: 8px;
    height: calc(100% - 16px);
    margin: 8px
}

.containerInner__68a18, .editorBody__68a18 {
    display: flex;
    flex-direction: column
}

.editorBody__68a18 {
    gap: 16px;
    margin-left: 20px;
    margin-right: 16px;
    padding-bottom: 16px;
    padding-top: 16px;
    width: 234px
}

.headerContainer__68a18 {
    align-items: flex-end;
    display: flex;
    gap: 4px
}

.closeButton__68a18 {
    margin-left: auto
}

.closeIconWithHover__68a18 {
    fill: var(--icon-tertiary)
}

.closeButton__68a18:hover .closeIconWithHover__68a18 {
    fill: var(--icon-primary)
}

.sliderContainer__68a18 {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.slider__68a18 {
    margin: 0 6px;
    width: auto
}

.gradientDirectionSliderContainer__68a18 {
    margin-bottom: 4px
}

.resetButton__68a18 {
    background: var(--background-modifier-hover);
    border: 1px solid var(--border-faint);
    color: var(--text-default)
}

    .resetButton__68a18:hover {
        background: var(--background-modifier-accent)
    }

.resetButtonContent__68a18 {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 4px
}

.surpriseMeButton__68a18 {
    background: var(--background-modifier-hover);
    border: 1px solid var(--border-faint);
    color: var(--text-default)
}

    .surpriseMeButton__68a18:hover {
        background: var(--background-modifier-accent)
    }

.surpriseMeButtonContent__68a18 {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 4px;
    padding: 5px
}

.shareButton__68a18 {
    background: var(--background-modifier-hover);
    border: 1px solid var(--border-faint);
    color: var(--text-default)
}

    .shareButton__68a18:hover {
        background: var(--background-modifier-accent)
    }

.shareButtonContent__68a18 {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 4px;
    padding: 5px
}

.footerContainer__68a18 {
    align-items: center;
    border-top: 1px solid var(--border-subtle);
    display: grid;
    grid-template-columns: auto 1fr;
    padding: 16px 20px
}

.footerRightButtons__68a18 {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.backButton__68a18 {
    color: var(--text-default);
    flex: 0 1 80px;
    height: 40px;
    min-width: 50px
}

.applyButton__68a18 {
    flex-shrink: 0;
    height: 40px;
    width: 80px
}

.subscribeButton__68a18 {
    color: var(--white);
    flex-shrink: 0;
    height: 40px;
    max-width: 140px;
    min-width: 110px;
    width: auto
}

.coachmarkHeaderContainer__68a18 {
    display: flex;
    flex-direction: column
}

.coachmarkHeaderTextContainer__68a18 {
    margin-top: var(--spacing-4)
}

.badgeAndCloseRow__68a18 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.subtitle__68a18 {
    margin-top: var(--spacing-4)
}

.coachmarkFooterContainer__68a18 {
    display: flex;
    flex-direction: column;
    margin: var(--spacing-16) 16px var(--spacing-16) 20px
}

.coachmarkSecondButton__68a18 {
    height: 40px;
    margin-top: var(--spacing-8);
    width: 100%
}

.nitroIconContainer__68a18 {
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    justify-content: center
}

.nitroIconWithHover__68a18 {
    height: 20px;
    width: 20px;
    fill: var(--icon-tertiary)
}

.nitroIconContainer__68a18:hover .nitroIconWithHover__68a18 {
    fill: var(--icon-primary)
}

.errorPage_a57b28 {
    width: 100%
}

.buttons_a57b28 {
    display: flex
}

.clearOverrideButton_a57b28 {
    margin-left: 8px
}

@supports (grid-template-columns:subgrid) and (white-space-collapse:collapse) {
    .bar_c38106 {
        grid-area: titleBar
    }
}

.bar_c38106 {
    align-content: center;
    align-items: center;
    display: flex;
    gap: var(--space-8);
    justify-content: space-between;
    min-height: var(--custom-app-top-bar-height);
    padding-left: var(--space-12);
    padding-right: var(--space-12);
    position: relative;
    -webkit-app-region: drag
}

.platform-osx .bar_c38106 {
    padding-left: calc(var(--custom-guild-list-width) + var(--space-8))
}

.platform-win .bar_c38106 {
    padding-right: 0
}

.shortBar_c38106 {
    --custom-app-top-bar-height: 24px
}

.systemBar_c38106 {
    display: none;
    justify-content: flex-end;
    z-index: 999999
}

.show_c38106 {
    display: flex
}

.fixed_c38106 {
    left: 0;
    position: fixed;
    right: var(--devtools-sidebar-width);
    top: 0
}

.title_c38106 {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.leading_c38106 {
    box-sizing: border-box;
    justify-content: flex-start
}

.leading_c38106, .trailing_c38106 {
    align-items: center;
    display: flex;
    gap: var(--space-12);
    position: relative;
    z-index: 1;
    -webkit-app-region: no-drag
}

.trailing_c38106, .winButtons_c38106 {
    justify-content: flex-end
}

.winButtons_c38106 {
    align-items: center;
    color: var(--interactive-normal);
    display: flex;
    gap: var(--space-4)
}

.winButtonsWithDivider_c38106:before {
    border-left: 1px solid var(--border-subtle);
    content: "";
    display: block;
    height: calc(var(--custom-app-top-bar-height) - var(--space-12));
    margin-inline: var(--space-4)
}

.winButton_c38106 {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: var(--custom-app-top-bar-height);
    justify-content: center;
    width: var(--custom-app-top-bar-height)
}

.winButtonMinMax_c38106:hover {
    background-color: var(--background-modifier-hover);
    color: var(--interactive-hover)
}

.winButtonMinMax_c38106:active {
    background-color: var(--background-modifier-active);
    color: var(--interactive-active)
}

.winButtonClose_c38106 {
}

    .winButtonClose_c38106:hover {
        background-color: var(--status-danger);
        color: var(--white-500)
    }

.appAsidePanelWrapper_a3002d {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    min-height: 0
}

.mobileAppAsidePanelWrapper_a3002d {
    flex-direction: column
}

.notAppAsidePanel_a3002d {
    flex: 1;
    min-width: 0
}

.app_a3002d {
    position: relative
}

.app_a3002d, .mobileApp_a3002d {
    height: 100%;
    z-index: auto
}

.allowsScrolling_a3002d, .mobileApp_a3002d {
    overflow: auto
}

.visual-refresh .app_a3002d {
    position: static
}

.visual-refresh .notAppAsidePanel_a3002d:has(~[data-app-right-panel=true]) .app_a3002d {
    position: relative
}

.modal__7f8f5 {
    border-radius: 5px;
    box-shadow: var(--legacy-elevation-border),var(--legacy-elevation-high);
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0;
    position: relative
}

.theme-dark .modal__7f8f5 {
    background-color: var(--primary-600)
}

.theme-light .modal__7f8f5 {
    background: var(--white-500)
}

.sizeSmall__7f8f5 {
    max-height: 660px;
    min-height: 200px;
    width: 440px
}

.sizeMedium__7f8f5 {
    max-height: 800px;
    min-height: 400px;
    width: 600px
}

.sizeLarge__7f8f5 {
    max-width: 960px;
    min-height: 400px;
    min-width: 800px
}

@media (max-width:485px) {
    .sizeLarge__7f8f5, .sizeMedium__7f8f5, .sizeSmall__7f8f5 {
        align-self: center;
        max-height: 100vh;
        min-width: auto;
        width: 96%
    }

    .fullscreenOnMobile__7f8f5 {
        border-radius: 0;
        bottom: 0;
        left: 0;
        overflow-y: auto;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
    }

        .fullscreenOnMobile__7f8f5 .footer__7f8f5, .fullscreenOnMobile__7f8f5 .header__7f8f5 {
            border-radius: 0
        }

    .hideOnFullscreen__7f8f5 {
        display: none
    }
}

:root {
    --application-subscription-end: hsl(var(--application-subscription-end-hsl)/1);
    --application-subscription-end-hsl: 196.564 calc(var(--saturation-factor, 1)*98.788%) 32.353%;
    --application-subscription-start: hsl(var(--application-subscription-start-hsl)/1);
    --application-subscription-start-hsl: 234.909 calc(var(--saturation-factor, 1)*68.465%) 52.745%;
    --battlenet: hsl(var(--battlenet-hsl)/1);
    --battlenet-hsl: 199.651 calc(var(--saturation-factor, 1)*100%) 44.902%;
    --bg-animated-gradient-background-indigo-1: hsl(var(--bg-animated-gradient-background-indigo-1-hsl)/1);
    --bg-animated-gradient-background-indigo-1-hsl: 241.5 calc(var(--saturation-factor, 1)*57.143%) 27.451%;
    --bg-animated-gradient-background-indigo-2: hsl(var(--bg-animated-gradient-background-indigo-2-hsl)/1);
    --bg-animated-gradient-background-indigo-2-hsl: 257.059 calc(var(--saturation-factor, 1)*100%) 20%;
    --bg-animated-gradient-background-not-black: hsl(var(--bg-animated-gradient-background-not-black-hsl)/1);
    --bg-animated-gradient-background-not-black-hsl: 240 calc(var(--saturation-factor, 1)*7.143%) 5.49%;
    --bg-animated-gradient-background-pink-1: hsl(var(--bg-animated-gradient-background-pink-1-hsl)/1);
    --bg-animated-gradient-background-pink-1-hsl: 327.831 calc(var(--saturation-factor, 1)*80.583%) 59.608%;
    --bg-gradient-aurora-1: hsl(var(--bg-gradient-aurora-1-hsl)/1);
    --bg-gradient-aurora-1-hsl: 219.74 calc(var(--saturation-factor, 1)*86.517%) 17.451%;
    --bg-gradient-aurora-2: hsl(var(--bg-gradient-aurora-2-hsl)/1);
    --bg-gradient-aurora-2-hsl: 237.778 calc(var(--saturation-factor, 1)*76.415%) 41.569%;
    --bg-gradient-aurora-3: hsl(var(--bg-gradient-aurora-3-hsl)/1);
    --bg-gradient-aurora-3-hsl: 183.556 calc(var(--saturation-factor, 1)*78.035%) 33.922%;
    --bg-gradient-aurora-4: hsl(var(--bg-gradient-aurora-4-hsl)/1);
    --bg-gradient-aurora-4-hsl: 169.2 calc(var(--saturation-factor, 1)*60.241%) 32.549%;
    --bg-gradient-aurora-5: hsl(var(--bg-gradient-aurora-5-hsl)/1);
    --bg-gradient-aurora-5-hsl: 229.839 calc(var(--saturation-factor, 1)*92.537%) 26.275%;
    --bg-gradient-blurple-twilight-1: hsl(var(--bg-gradient-blurple-twilight-1-hsl)/1);
    --bg-gradient-blurple-twilight-1-hsl: 233.904 calc(var(--saturation-factor, 1)*79.574%) 53.922%;
    --bg-gradient-blurple-twilight-2: hsl(var(--bg-gradient-blurple-twilight-2-hsl)/1);
    --bg-gradient-blurple-twilight-2-hsl: 245.294 calc(var(--saturation-factor, 1)*63.75%) 31.373%;
    --bg-gradient-chroma-glow-1: hsl(var(--bg-gradient-chroma-glow-1-hsl)/1);
    --bg-gradient-chroma-glow-1-hsl: 183.39 calc(var(--saturation-factor, 1)*86.341%) 40.196%;
    --bg-gradient-chroma-glow-2: hsl(var(--bg-gradient-chroma-glow-2-hsl)/1);
    --bg-gradient-chroma-glow-2-hsl: 258.113 calc(var(--saturation-factor, 1)*89.831%) 46.275%;
    --bg-gradient-chroma-glow-3: hsl(var(--bg-gradient-chroma-glow-3-hsl)/1);
    --bg-gradient-chroma-glow-3-hsl: 298.491 calc(var(--saturation-factor, 1)*90.857%) 34.314%;
    --bg-gradient-chroma-glow-4: hsl(var(--bg-gradient-chroma-glow-4-hsl)/1);
    --bg-gradient-chroma-glow-4-hsl: 264.767 calc(var(--saturation-factor, 1)*100%) 66.275%;
    --bg-gradient-chroma-glow-5: hsl(var(--bg-gradient-chroma-glow-5-hsl)/1);
    --bg-gradient-chroma-glow-5-hsl: 206.702 calc(var(--saturation-factor, 1)*75.494%) 50.392%;
    --bg-gradient-citrus-sherbert-1: hsl(var(--bg-gradient-citrus-sherbert-1-hsl)/1);
    --bg-gradient-citrus-sherbert-1-hsl: 39.683 calc(var(--saturation-factor, 1)*88.732%) 58.235%;
    --bg-gradient-citrus-sherbert-2: hsl(var(--bg-gradient-citrus-sherbert-2-hsl)/1);
    --bg-gradient-citrus-sherbert-2-hsl: 18 calc(var(--saturation-factor, 1)*81.522%) 63.922%;
    --bg-gradient-cotton-candy-1: hsl(var(--bg-gradient-cotton-candy-1-hsl)/1);
    --bg-gradient-cotton-candy-1-hsl: 349.315 calc(var(--saturation-factor, 1)*76.842%) 81.373%;
    --bg-gradient-cotton-candy-2: hsl(var(--bg-gradient-cotton-candy-2-hsl)/1);
    --bg-gradient-cotton-candy-2-hsl: 226.4 calc(var(--saturation-factor, 1)*92.593%) 84.118%;
    --bg-gradient-crimson-moon-1: hsl(var(--bg-gradient-crimson-moon-1-hsl)/1);
    --bg-gradient-crimson-moon-1-hsl: 0 calc(var(--saturation-factor, 1)*88.608%) 30.98%;
    --bg-gradient-crimson-moon-2: hsl(var(--bg-gradient-crimson-moon-2-hsl)/1);
    --bg-gradient-crimson-moon-2-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --bg-gradient-desert-khaki-1: hsl(var(--bg-gradient-desert-khaki-1-hsl)/1);
    --bg-gradient-desert-khaki-1-hsl: 28.696 calc(var(--saturation-factor, 1)*32.394%) 86.078%;
    --bg-gradient-desert-khaki-2: hsl(var(--bg-gradient-desert-khaki-2-hsl)/1);
    --bg-gradient-desert-khaki-2-hsl: 40 calc(var(--saturation-factor, 1)*41.284%) 78.627%;
    --bg-gradient-desert-khaki-3: hsl(var(--bg-gradient-desert-khaki-3-hsl)/1);
    --bg-gradient-desert-khaki-3-hsl: 50.164 calc(var(--saturation-factor, 1)*49.593%) 75.882%;
    --bg-gradient-dusk-1: hsl(var(--bg-gradient-dusk-1-hsl)/1);
    --bg-gradient-dusk-1-hsl: 292.8 calc(var(--saturation-factor, 1)*13.514%) 36.275%;
    --bg-gradient-dusk-2: hsl(var(--bg-gradient-dusk-2-hsl)/1);
    --bg-gradient-dusk-2-hsl: 223.125 calc(var(--saturation-factor, 1)*41.026%) 69.412%;
    --bg-gradient-easter-egg-1: hsl(var(--bg-gradient-easter-egg-1-hsl)/1);
    --bg-gradient-easter-egg-1-hsl: 226.731 calc(var(--saturation-factor, 1)*58.427%) 65.098%;
    --bg-gradient-easter-egg-2: hsl(var(--bg-gradient-easter-egg-2-hsl)/1);
    --bg-gradient-easter-egg-2-hsl: 227.143 calc(var(--saturation-factor, 1)*30.973%) 44.314%;
    --bg-gradient-forest-1: hsl(var(--bg-gradient-forest-1-hsl)/1);
    --bg-gradient-forest-1-hsl: 124.286 calc(var(--saturation-factor, 1)*25.926%) 10.588%;
    --bg-gradient-forest-2: hsl(var(--bg-gradient-forest-2-hsl)/1);
    --bg-gradient-forest-2-hsl: 142.5 calc(var(--saturation-factor, 1)*26.23%) 23.922%;
    --bg-gradient-forest-3: hsl(var(--bg-gradient-forest-3-hsl)/1);
    --bg-gradient-forest-3-hsl: 76.154 calc(var(--saturation-factor, 1)*20.635%) 24.706%;
    --bg-gradient-forest-4: hsl(var(--bg-gradient-forest-4-hsl)/1);
    --bg-gradient-forest-4-hsl: 116.667 calc(var(--saturation-factor, 1)*16.981%) 41.569%;
    --bg-gradient-forest-5: hsl(var(--bg-gradient-forest-5-hsl)/1);
    --bg-gradient-forest-5-hsl: 42.766 calc(var(--saturation-factor, 1)*38.525%) 47.843%;
    --bg-gradient-hanami-1: hsl(var(--bg-gradient-hanami-1-hsl)/1);
    --bg-gradient-hanami-1-hsl: 352.174 calc(var(--saturation-factor, 1)*68.317%) 80.196%;
    --bg-gradient-hanami-2: hsl(var(--bg-gradient-hanami-2-hsl)/1);
    --bg-gradient-hanami-2-hsl: 43.146 calc(var(--saturation-factor, 1)*73.554%) 76.275%;
    --bg-gradient-hanami-3: hsl(var(--bg-gradient-hanami-3-hsl)/1);
    --bg-gradient-hanami-3-hsl: 115.714 calc(var(--saturation-factor, 1)*43.077%) 74.51%;
    --bg-gradient-lofi-vibes-1: hsl(var(--bg-gradient-lofi-vibes-1-hsl)/1);
    --bg-gradient-lofi-vibes-1-hsl: 219.759 calc(var(--saturation-factor, 1)*83.838%) 80.588%;
    --bg-gradient-lofi-vibes-2: hsl(var(--bg-gradient-lofi-vibes-2-hsl)/1);
    --bg-gradient-lofi-vibes-2-hsl: 183.81 calc(var(--saturation-factor, 1)*57.798%) 78.627%;
    --bg-gradient-lofi-vibes-3: hsl(var(--bg-gradient-lofi-vibes-3-hsl)/1);
    --bg-gradient-lofi-vibes-3-hsl: 129.6 calc(var(--saturation-factor, 1)*46.296%) 78.824%;
    --bg-gradient-lofi-vibes-4: hsl(var(--bg-gradient-lofi-vibes-4-hsl)/1);
    --bg-gradient-lofi-vibes-4-hsl: 75.738 calc(var(--saturation-factor, 1)*48.8%) 75.49%;
    --bg-gradient-mars-1: hsl(var(--bg-gradient-mars-1-hsl)/1);
    --bg-gradient-mars-1-hsl: 14.795 calc(var(--saturation-factor, 1)*36.318%) 39.412%;
    --bg-gradient-mars-2: hsl(var(--bg-gradient-mars-2-hsl)/1);
    --bg-gradient-mars-2-hsl: 0 calc(var(--saturation-factor, 1)*36.19%) 41.176%;
    --bg-gradient-midnight-blurple-1: hsl(var(--bg-gradient-midnight-blurple-1-hsl)/1);
    --bg-gradient-midnight-blurple-1-hsl: 245.077 calc(var(--saturation-factor, 1)*55.085%) 53.725%;
    --bg-gradient-midnight-blurple-2: hsl(var(--bg-gradient-midnight-blurple-2-hsl)/1);
    --bg-gradient-midnight-blurple-2-hsl: 259.024 calc(var(--saturation-factor, 1)*74.545%) 10.784%;
    --bg-gradient-mint-apple-1: hsl(var(--bg-gradient-mint-apple-1-hsl)/1);
    --bg-gradient-mint-apple-1-hsl: 165.625 calc(var(--saturation-factor, 1)*39.669%) 52.549%;
    --bg-gradient-mint-apple-2: hsl(var(--bg-gradient-mint-apple-2-hsl)/1);
    --bg-gradient-mint-apple-2-hsl: 118.681 calc(var(--saturation-factor, 1)*40.444%) 55.882%;
    --bg-gradient-mint-apple-3: hsl(var(--bg-gradient-mint-apple-3-hsl)/1);
    --bg-gradient-mint-apple-3-hsl: 86.667 calc(var(--saturation-factor, 1)*48.293%) 59.804%;
    --bg-gradient-neon-nights-1: hsl(var(--bg-gradient-neon-nights-1-hsl)/1);
    --bg-gradient-neon-nights-1-hsl: 176.407 calc(var(--saturation-factor, 1)*98.817%) 33.137%;
    --bg-gradient-neon-nights-2: hsl(var(--bg-gradient-neon-nights-2-hsl)/1);
    --bg-gradient-neon-nights-2-hsl: 259.333 calc(var(--saturation-factor, 1)*39.474%) 55.294%;
    --bg-gradient-neon-nights-3: hsl(var(--bg-gradient-neon-nights-3-hsl)/1);
    --bg-gradient-neon-nights-3-hsl: 313.548 calc(var(--saturation-factor, 1)*52.542%) 46.275%;
    --bg-gradient-retro-raincloud-1: hsl(var(--bg-gradient-retro-raincloud-1-hsl)/1);
    --bg-gradient-retro-raincloud-1-hsl: 201.553 calc(var(--saturation-factor, 1)*47.032%) 42.941%;
    --bg-gradient-retro-raincloud-2: hsl(var(--bg-gradient-retro-raincloud-2-hsl)/1);
    --bg-gradient-retro-raincloud-2-hsl: 241.017 calc(var(--saturation-factor, 1)*29.648%) 60.98%;
    --bg-gradient-retro-storm-1: hsl(var(--bg-gradient-retro-storm-1-hsl)/1);
    --bg-gradient-retro-storm-1-hsl: 201.553 calc(var(--saturation-factor, 1)*47.032%) 42.941%;
    --bg-gradient-retro-storm-2: hsl(var(--bg-gradient-retro-storm-2-hsl)/1);
    --bg-gradient-retro-storm-2-hsl: 240.896 calc(var(--saturation-factor, 1)*27.801%) 47.255%;
    --bg-gradient-sepia-1: hsl(var(--bg-gradient-sepia-1-hsl)/1);
    --bg-gradient-sepia-1-hsl: 32.727 calc(var(--saturation-factor, 1)*14.163%) 45.686%;
    --bg-gradient-sepia-2: hsl(var(--bg-gradient-sepia-2-hsl)/1);
    --bg-gradient-sepia-2-hsl: 36.207 calc(var(--saturation-factor, 1)*46.774%) 24.314%;
    --bg-gradient-strawberry-lemonade-1: hsl(var(--bg-gradient-strawberry-lemonade-1-hsl)/1);
    --bg-gradient-strawberry-lemonade-1-hsl: 326.98 calc(var(--saturation-factor, 1)*74.129%) 39.412%;
    --bg-gradient-strawberry-lemonade-2: hsl(var(--bg-gradient-strawberry-lemonade-2-hsl)/1);
    --bg-gradient-strawberry-lemonade-2-hsl: 27.778 calc(var(--saturation-factor, 1)*71.681%) 44.314%;
    --bg-gradient-strawberry-lemonade-3: hsl(var(--bg-gradient-strawberry-lemonade-3-hsl)/1);
    --bg-gradient-strawberry-lemonade-3-hsl: 39.588 calc(var(--saturation-factor, 1)*80.165%) 52.549%;
    --bg-gradient-sunrise-1: hsl(var(--bg-gradient-sunrise-1-hsl)/1);
    --bg-gradient-sunrise-1-hsl: 326.809 calc(var(--saturation-factor, 1)*41.964%) 43.922%;
    --bg-gradient-sunrise-2: hsl(var(--bg-gradient-sunrise-2-hsl)/1);
    --bg-gradient-sunrise-2-hsl: 27.5 calc(var(--saturation-factor, 1)*44.86%) 58.039%;
    --bg-gradient-sunrise-3: hsl(var(--bg-gradient-sunrise-3-hsl)/1);
    --bg-gradient-sunrise-3-hsl: 50.286 calc(var(--saturation-factor, 1)*46.256%) 44.51%;
    --bg-gradient-sunset-1: hsl(var(--bg-gradient-sunset-1-hsl)/1);
    --bg-gradient-sunset-1-hsl: 259.2 calc(var(--saturation-factor, 1)*55.556%) 35.294%;
    --bg-gradient-sunset-2: hsl(var(--bg-gradient-sunset-2-hsl)/1);
    --bg-gradient-sunset-2-hsl: 21.667 calc(var(--saturation-factor, 1)*66.667%) 57.647%;
    --bg-gradient-under-the-sea-1: hsl(var(--bg-gradient-under-the-sea-1-hsl)/1);
    --bg-gradient-under-the-sea-1-hsl: 114.783 calc(var(--saturation-factor, 1)*10.502%) 42.941%;
    --bg-gradient-under-the-sea-2: hsl(var(--bg-gradient-under-the-sea-2-hsl)/1);
    --bg-gradient-under-the-sea-2-hsl: 158.667 calc(var(--saturation-factor, 1)*20.362%) 43.333%;
    --bg-gradient-under-the-sea-3: hsl(var(--bg-gradient-under-the-sea-3-hsl)/1);
    --bg-gradient-under-the-sea-3-hsl: 175.385 calc(var(--saturation-factor, 1)*10.924%) 46.667%;
    --bungie: hsl(var(--bungie-hsl)/1);
    --bungie-hsl: 196.916 calc(var(--saturation-factor, 1)*100%) 44.51%;
    --crunchyroll: hsl(var(--crunchyroll-hsl)/1);
    --crunchyroll-hsl: 29.289 calc(var(--saturation-factor, 1)*92.952%) 55.49%;
    --ebay: hsl(var(--ebay-hsl)/1);
    --ebay-hsl: 211.429 calc(var(--saturation-factor, 1)*100%) 41.176%;
    --epic-games: hsl(var(--epic-games-hsl)/1);
    --epic-games-hsl: 34.286 calc(var(--saturation-factor, 1)*6.195%) 22.157%;
    --facebook: hsl(var(--facebook-hsl)/1);
    --facebook-hsl: 220.714 calc(var(--saturation-factor, 1)*44.211%) 37.255%;
    --github: hsl(var(--github-hsl)/1);
    --github-hsl: 0 calc(var(--saturation-factor, 1)*4.167%) 9.412%;
    --gold: hsl(var(--gold-hsl)/1);
    --gold-hsl: 45.652 calc(var(--saturation-factor, 1)*100%) 54.902%;
    --guild-boosting-blue: hsl(var(--guild-boosting-blue-hsl)/1);
    --guild-boosting-blue-hsl: 221.132 calc(var(--saturation-factor, 1)*70.044%) 55.49%;
    --guild-boosting-blue-for-gradients: hsl(var(--guild-boosting-blue-for-gradients-hsl)/1);
    --guild-boosting-blue-for-gradients-hsl: 234.909 calc(var(--saturation-factor, 1)*68.465%) 52.745%;
    --guild-boosting-pink: hsl(var(--guild-boosting-pink-hsl)/1);
    --guild-boosting-pink-hsl: 302.143 calc(var(--saturation-factor, 1)*100%) 72.549%;
    --guild-boosting-purple: hsl(var(--guild-boosting-purple-hsl)/1);
    --guild-boosting-purple-hsl: 269.032 calc(var(--saturation-factor, 1)*83.784%) 70.98%;
    --guild-boosting-purple-for-gradients: hsl(var(--guild-boosting-purple-for-gradients-hsl)/1);
    --guild-boosting-purple-for-gradients-hsl: 269.162 calc(var(--saturation-factor, 1)*91.795%) 61.765%;
    --hypesquad-house-1: hsl(var(--hypesquad-house-1-hsl)/1);
    --hypesquad-house-1-hsl: 253.458 calc(var(--saturation-factor, 1)*76.978%) 72.745%;
    --hypesquad-house-2: hsl(var(--hypesquad-house-2-hsl)/1);
    --hypesquad-house-2-hsl: 8.511 calc(var(--saturation-factor, 1)*86.503%) 68.039%;
    --hypesquad-house-3: hsl(var(--hypesquad-house-3-hsl)/1);
    --hypesquad-house-3-hsl: 168.553 calc(var(--saturation-factor, 1)*69.091%) 56.863%;
    --illo-blue-1: hsl(var(--illo-blue-1-hsl)/1);
    --illo-blue-1-hsl: 235.2 calc(var(--saturation-factor, 1)*100%) 95.098%;
    --illo-blue-2: hsl(var(--illo-blue-2-hsl)/1);
    --illo-blue-2-hsl: 234.737 calc(var(--saturation-factor, 1)*90.476%) 87.647%;
    --illo-blue-3: hsl(var(--illo-blue-3-hsl)/1);
    --illo-blue-3-hsl: 234 calc(var(--saturation-factor, 1)*90%) 80.392%;
    --illo-blue-4: hsl(var(--illo-blue-4-hsl)/1);
    --illo-blue-4-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
    --illo-blue-5: hsl(var(--illo-blue-5-hsl)/1);
    --illo-blue-5-hsl: 236.25 calc(var(--saturation-factor, 1)*58.716%) 42.745%;
    --illo-blue-6: hsl(var(--illo-blue-6-hsl)/1);
    --illo-blue-6-hsl: 237.931 calc(var(--saturation-factor, 1)*72.5%) 31.373%;
    --illo-blue-7: hsl(var(--illo-blue-7-hsl)/1);
    --illo-blue-7-hsl: 240 calc(var(--saturation-factor, 1)*100%) 20%;
    --illo-green-1: hsl(var(--illo-green-1-hsl)/1);
    --illo-green-1-hsl: 145.385 calc(var(--saturation-factor, 1)*100%) 94.902%;
    --illo-green-2: hsl(var(--illo-green-2-hsl)/1);
    --illo-green-2-hsl: 144.407 calc(var(--saturation-factor, 1)*88.06%) 86.863%;
    --illo-green-3: hsl(var(--illo-green-3-hsl)/1);
    --illo-green-3-hsl: 143.67 calc(var(--saturation-factor, 1)*87.2%) 75.49%;
    --illo-green-4: hsl(var(--illo-green-4-hsl)/1);
    --illo-green-4-hsl: 143.804 calc(var(--saturation-factor, 1)*83.636%) 56.863%;
    --illo-green-5: hsl(var(--illo-green-5-hsl)/1);
    --illo-green-5-hsl: 145.714 calc(var(--saturation-factor, 1)*70%) 43.137%;
    --illo-green-6: hsl(var(--illo-green-6-hsl)/1);
    --illo-green-6-hsl: 149.048 calc(var(--saturation-factor, 1)*79.747%) 30.98%;
    --illo-green-7: hsl(var(--illo-green-7-hsl)/1);
    --illo-green-7-hsl: 152.941 calc(var(--saturation-factor, 1)*100%) 20%;
    --illo-nitro-blue: hsl(var(--illo-nitro-blue-hsl)/1);
    --illo-nitro-blue-hsl: 240 calc(var(--saturation-factor, 1)*82.063%) 43.725%;
    --illo-pink-1: hsl(var(--illo-pink-1-hsl)/1);
    --illo-pink-1-hsl: 290.4 calc(var(--saturation-factor, 1)*100%) 95.098%;
    --illo-pink-2: hsl(var(--illo-pink-2-hsl)/1);
    --illo-pink-2-hsl: 308 calc(var(--saturation-factor, 1)*90.909%) 87.059%;
    --illo-pink-3: hsl(var(--illo-pink-3-hsl)/1);
    --illo-pink-3-hsl: 312 calc(var(--saturation-factor, 1)*96.154%) 79.608%;
    --illo-pink-4: hsl(var(--illo-pink-4-hsl)/1);
    --illo-pink-4-hsl: 315.084 calc(var(--saturation-factor, 1)*100%) 64.902%;
    --illo-pink-5: hsl(var(--illo-pink-5-hsl)/1);
    --illo-pink-5-hsl: 309.787 calc(var(--saturation-factor, 1)*64.977%) 42.549%;
    --illo-pink-6: hsl(var(--illo-pink-6-hsl)/1);
    --illo-pink-6-hsl: 305.455 calc(var(--saturation-factor, 1)*76.101%) 31.176%;
    --illo-pink-7: hsl(var(--illo-pink-7-hsl)/1);
    --illo-pink-7-hsl: 300 calc(var(--saturation-factor, 1)*100%) 20%;
    --illo-purple-1: hsl(var(--illo-purple-1-hsl)/1);
    --illo-purple-1-hsl: 271.2 calc(var(--saturation-factor, 1)*100%) 95.098%;
    --illo-purple-2: hsl(var(--illo-purple-2-hsl)/1);
    --illo-purple-2-hsl: 268.966 calc(var(--saturation-factor, 1)*90.625%) 87.451%;
    --illo-purple-3: hsl(var(--illo-purple-3-hsl)/1);
    --illo-purple-3-hsl: 269.011 calc(var(--saturation-factor, 1)*88.35%) 79.804%;
    --illo-purple-4: hsl(var(--illo-purple-4-hsl)/1);
    --illo-purple-4-hsl: 268.462 calc(var(--saturation-factor, 1)*85.714%) 64.314%;
    --illo-purple-5: hsl(var(--illo-purple-5-hsl)/1);
    --illo-purple-5-hsl: 264.275 calc(var(--saturation-factor, 1)*59.817%) 42.941%;
    --illo-purple-6: hsl(var(--illo-purple-6-hsl)/1);
    --illo-purple-6-hsl: 260.87 calc(var(--saturation-factor, 1)*72.327%) 31.176%;
    --illo-purple-7: hsl(var(--illo-purple-7-hsl)/1);
    --illo-purple-7-hsl: 257.059 calc(var(--saturation-factor, 1)*100%) 20%;
    --input-placeholder-text-dark: hsl(var(--input-placeholder-text-dark-hsl)/1);
    --input-placeholder-text-dark-hsl: 216 calc(var(--saturation-factor, 1)*2.128%) 53.922%;
    --lol: hsl(var(--lol-hsl)/1);
    --lol-hsl: 190.286 calc(var(--saturation-factor, 1)*89.744%) 7.647%;
    --lol-text-dark: hsl(var(--lol-text-dark-hsl)/1);
    --lol-text-dark-hsl: 37.444 calc(var(--saturation-factor, 1)*81.595%) 31.961%;
    --lol-text-light: hsl(var(--lol-text-light-hsl)/1);
    --lol-text-light-hsl: 41.143 calc(var(--saturation-factor, 1)*50.239%) 59.02%;
    --partner: hsl(var(--partner-hsl)/1);
    --partner-hsl: 215.376 calc(var(--saturation-factor, 1)*82.775%) 59.02%;
    --paypal: hsl(var(--paypal-hsl)/1);
    --paypal-hsl: 230.455 calc(var(--saturation-factor, 1)*69.841%) 24.706%;
    --playstation: hsl(var(--playstation-hsl)/1);
    --playstation-hsl: 220 calc(var(--saturation-factor, 1)*95.652%) 27.059%;
    --plum-23-alpha: hsl(var(--plum-23-alpha-hsl)/0.1);
    --plum-23-alpha-hsl: 240 calc(var(--saturation-factor, 1)*63.415%) 83.922%;
    --premium-nitro-pink-dark: hsl(var(--premium-nitro-pink-dark-hsl)/1);
    --premium-nitro-pink-dark-hsl: 299.45 calc(var(--saturation-factor, 1)*43.083%) 50.392%;
    --premium-nitro-pink-light: hsl(var(--premium-nitro-pink-light-hsl)/1);
    --premium-nitro-pink-light-hsl: 299.333 calc(var(--saturation-factor, 1)*42.857%) 58.824%;
    --premium-perk-blue: hsl(var(--premium-perk-blue-hsl)/1);
    --premium-perk-blue-hsl: 222.047 calc(var(--saturation-factor, 1)*100%) 75.098%;
    --premium-perk-blue-alt: hsl(var(--premium-perk-blue-alt-hsl)/1);
    --premium-perk-blue-alt-hsl: 223.03 calc(var(--saturation-factor, 1)*100%) 80.588%;
    --premium-perk-dark-blue: hsl(var(--premium-perk-dark-blue-hsl)/1);
    --premium-perk-dark-blue-hsl: 220.392 calc(var(--saturation-factor, 1)*67.401%) 55.49%;
    --premium-perk-gold: hsl(var(--premium-perk-gold-hsl)/1);
    --premium-perk-gold-hsl: 37.5 calc(var(--saturation-factor, 1)*95.726%) 54.118%;
    --premium-perk-green: hsl(var(--premium-perk-green-hsl)/1);
    --premium-perk-green-hsl: 163.953 calc(var(--saturation-factor, 1)*55.128%) 69.412%;
    --premium-perk-light-blue: hsl(var(--premium-perk-light-blue-hsl)/1);
    --premium-perk-light-blue-hsl: 221.481 calc(var(--saturation-factor, 1)*100%) 84.118%;
    --premium-perk-orange: hsl(var(--premium-perk-orange-hsl)/1);
    --premium-perk-orange-hsl: 25.424 calc(var(--saturation-factor, 1)*96.721%) 64.118%;
    --premium-perk-pink: hsl(var(--premium-perk-pink-hsl)/1);
    --premium-perk-pink-hsl: 305.197 calc(var(--saturation-factor, 1)*100%) 75.098%;
    --premium-perk-purple: hsl(var(--premium-perk-purple-hsl)/1);
    --premium-perk-purple-hsl: 272.079 calc(var(--saturation-factor, 1)*100%) 80.196%;
    --premium-perk-yellow: hsl(var(--premium-perk-yellow-hsl)/1);
    --premium-perk-yellow-hsl: 46.813 calc(var(--saturation-factor, 1)*98.913%) 63.922%;
    --premium-tier-0-blue: hsl(var(--premium-tier-0-blue-hsl)/1);
    --premium-tier-0-blue-hsl: 201.649 calc(var(--saturation-factor, 1)*100%) 38.039%;
    --premium-tier-0-blue-for-gradients: hsl(var(--premium-tier-0-blue-for-gradients-hsl)/1);
    --premium-tier-0-blue-for-gradients-hsl: 201.649 calc(var(--saturation-factor, 1)*100%) 38.039%;
    --premium-tier-0-blue-for-gradients-2: hsl(var(--premium-tier-0-blue-for-gradients-2-hsl)/1);
    --premium-tier-0-blue-for-gradients-2-hsl: 209.022 calc(var(--saturation-factor, 1)*80%) 45.098%;
    --premium-tier-0-header-gradient-1: hsl(var(--premium-tier-0-header-gradient-1-hsl)/1);
    --premium-tier-0-header-gradient-1-hsl: 240.451 calc(var(--saturation-factor, 1)*55.187%) 47.255%;
    --premium-tier-0-header-gradient-2: hsl(var(--premium-tier-0-header-gradient-2-hsl)/1);
    --premium-tier-0-header-gradient-2-hsl: 224.444 calc(var(--saturation-factor, 1)*77.885%) 59.216%;
    --premium-tier-0-header-gradient-3: hsl(var(--premium-tier-0-header-gradient-3-hsl)/1);
    --premium-tier-0-header-gradient-3-hsl: 246.207 calc(var(--saturation-factor, 1)*74.359%) 69.412%;
    --premium-tier-0-header-gradient-4: hsl(var(--premium-tier-0-header-gradient-4-hsl)/1);
    --premium-tier-0-header-gradient-4-hsl: 294.595 calc(var(--saturation-factor, 1)*79.856%) 72.745%;
    --premium-tier-0-header-gradient-5: hsl(var(--premium-tier-0-header-gradient-5-hsl)/1);
    --premium-tier-0-header-gradient-5-hsl: 336.456 calc(var(--saturation-factor, 1)*55.245%) 71.961%;
    --premium-tier-0-purple: hsl(var(--premium-tier-0-purple-hsl)/1);
    --premium-tier-0-purple-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
    --premium-tier-0-purple-for-gradients: hsl(var(--premium-tier-0-purple-for-gradients-hsl)/1);
    --premium-tier-0-purple-for-gradients-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
    --premium-tier-1-blue: hsl(var(--premium-tier-1-blue-hsl)/1);
    --premium-tier-1-blue-hsl: 227.538 calc(var(--saturation-factor, 1)*86.667%) 70.588%;
    --premium-tier-1-blue-for-gradients: hsl(var(--premium-tier-1-blue-for-gradients-hsl)/1);
    --premium-tier-1-blue-for-gradients-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
    --premium-tier-1-dark-blue-for-gradients: hsl(var(--premium-tier-1-dark-blue-for-gradients-hsl)/1);
    --premium-tier-1-dark-blue-for-gradients-hsl: 234.909 calc(var(--saturation-factor, 1)*68.465%) 52.745%;
    --premium-tier-1-purple: hsl(var(--premium-tier-1-purple-hsl)/1);
    --premium-tier-1-purple-hsl: 243.704 calc(var(--saturation-factor, 1)*100%) 84.118%;
    --premium-tier-2-pink: hsl(var(--premium-tier-2-pink-hsl)/1);
    --premium-tier-2-pink-hsl: 342 calc(var(--saturation-factor, 1)*57.971%) 72.941%;
    --premium-tier-2-pink-for-gradients: hsl(var(--premium-tier-2-pink-for-gradients-hsl)/1);
    --premium-tier-2-pink-for-gradients-hsl: 325.385 calc(var(--saturation-factor, 1)*31.707%) 51.765%;
    --premium-tier-2-pink-for-gradients-2: hsl(var(--premium-tier-2-pink-for-gradients-2-hsl)/1);
    --premium-tier-2-pink-for-gradients-2-hsl: 295.42 calc(var(--saturation-factor, 1)*51.373%) 50%;
    --premium-tier-2-purple: hsl(var(--premium-tier-2-purple-hsl)/1);
    --premium-tier-2-purple-hsl: 270 calc(var(--saturation-factor, 1)*86.667%) 70.588%;
    --premium-tier-2-purple-for-gradients: hsl(var(--premium-tier-2-purple-for-gradients-hsl)/1);
    --premium-tier-2-purple-for-gradients-hsl: 269.291 calc(var(--saturation-factor, 1)*52.697%) 52.745%;
    --premium-tier-2-purple-for-gradients-2: hsl(var(--premium-tier-2-purple-for-gradients-2-hsl)/1);
    --premium-tier-2-purple-for-gradients-2-hsl: 295.645 calc(var(--saturation-factor, 1)*50%) 51.373%;
    --reddit: hsl(var(--reddit-hsl)/1);
    --reddit-hsl: 16.235 calc(var(--saturation-factor, 1)*100%) 50%;
    --riot-games: hsl(var(--riot-games-hsl)/1);
    --riot-games-hsl: 349.487 calc(var(--saturation-factor, 1)*100%) 45.882%;
    --role-blue: hsl(var(--role-blue-hsl)/1);
    --role-blue-hsl: 203.793 calc(var(--saturation-factor, 1)*64.444%) 35.294%;
    --role-brown: hsl(var(--role-brown-hsl)/1);
    --role-brown-hsl: 23.929 calc(var(--saturation-factor, 1)*100%) 32.941%;
    --role-burgundy: hsl(var(--role-burgundy-hsl)/1);
    --role-burgundy-hsl: 333.725 calc(var(--saturation-factor, 1)*79.275%) 37.843%;
    --role-dark-blue: hsl(var(--role-dark-blue-hsl)/1);
    --role-dark-blue-hsl: 198.947 calc(var(--saturation-factor, 1)*18.447%) 40.392%;
    --role-dark-grey: hsl(var(--role-dark-grey-hsl)/1);
    --role-dark-grey-hsl: 199.535 calc(var(--saturation-factor, 1)*18.298%) 46.078%;
    --role-dark-purple: hsl(var(--role-dark-purple-hsl)/1);
    --role-dark-purple-hsl: 282.143 calc(var(--saturation-factor, 1)*43.75%) 37.647%;
    --role-dark-teal: hsl(var(--role-dark-teal-hsl)/1);
    --role-dark-teal-hsl: 168.108 calc(var(--saturation-factor, 1)*76.552%) 28.431%;
    --role-default: hsl(var(--role-default-hsl)/1);
    --role-default-hsl: 203.571 calc(var(--saturation-factor, 1)*15.909%) 65.49%;
    --role-green: hsl(var(--role-green-hsl)/1);
    --role-green-hsl: 145 calc(var(--saturation-factor, 1)*63.529%) 33.333%;
    --role-grey: hsl(var(--role-grey-hsl)/1);
    --role-grey-hsl: 202.5 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --role-light-blue: hsl(var(--role-light-blue-hsl)/1);
    --role-light-blue-hsl: 203.571 calc(var(--saturation-factor, 1)*15.909%) 65.49%;
    --role-light-green: hsl(var(--role-light-green-hsl)/1);
    --role-light-green-hsl: 145.443 calc(var(--saturation-factor, 1)*63.2%) 49.02%;
    --role-light-grey: hsl(var(--role-light-grey-hsl)/1);
    --role-light-grey-hsl: 183.529 calc(var(--saturation-factor, 1)*8.718%) 61.765%;
    --role-magenta: hsl(var(--role-magenta-hsl)/1);
    --role-magenta-hsl: 339.606 calc(var(--saturation-factor, 1)*82.186%) 51.569%;
    --role-orange: hsl(var(--role-orange-hsl)/1);
    --role-orange-hsl: 28.163 calc(var(--saturation-factor, 1)*79.675%) 51.765%;
    --role-purple: hsl(var(--role-purple-hsl)/1);
    --role-purple-hsl: 282.581 calc(var(--saturation-factor, 1)*38.912%) 53.137%;
    --role-salmon: hsl(var(--role-salmon-hsl)/1);
    --role-salmon-hsl: 5.614 calc(var(--saturation-factor, 1)*78.082%) 57.059%;
    --role-sky-blue: hsl(var(--role-sky-blue-hsl)/1);
    --role-sky-blue-hsl: 204.072 calc(var(--saturation-factor, 1)*69.874%) 53.137%;
    --role-tan: hsl(var(--role-tan-hsl)/1);
    --role-tan-hsl: 36.667 calc(var(--saturation-factor, 1)*86.538%) 40.784%;
    --role-teal: hsl(var(--role-teal-hsl)/1);
    --role-teal-hsl: 168.148 calc(var(--saturation-factor, 1)*75.701%) 41.961%;
    --role-terracotta: hsl(var(--role-terracotta-hsl)/1);
    --role-terracotta-hsl: 5.546 calc(var(--saturation-factor, 1)*63.636%) 36.667%;
    --role-yellow: hsl(var(--role-yellow-hsl)/1);
    --role-yellow-hsl: 48.053 calc(var(--saturation-factor, 1)*88.976%) 50.196%;
    --samsung: hsl(var(--samsung-hsl)/1);
    --samsung-hsl: 231 calc(var(--saturation-factor, 1)*77.778%) 35.294%;
    --skype: hsl(var(--skype-hsl)/1);
    --skype-hsl: 196.186 calc(var(--saturation-factor, 1)*100%) 42.157%;
    --spotify: hsl(var(--spotify-hsl)/1);
    --spotify-hsl: 141.154 calc(var(--saturation-factor, 1)*72.897%) 41.961%;
    --steam: hsl(var(--steam-hsl)/1);
    --steam-hsl: 214.615 calc(var(--saturation-factor, 1)*35.135%) 14.51%;
    --transparent: hsl(var(--transparent-hsl)/0);
    --transparent-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --twitch: hsl(var(--twitch-hsl)/1);
    --twitch-hsl: 264.13 calc(var(--saturation-factor, 1)*100%) 63.922%;
    --twitch-secondary: hsl(var(--twitch-secondary-hsl)/1);
    --twitch-secondary-hsl: 263.936 calc(var(--saturation-factor, 1)*80.342%) 54.118%;
    --twitter: hsl(var(--twitter-hsl)/1);
    --twitter-hsl: 202.817 calc(var(--saturation-factor, 1)*89.121%) 53.137%;
    --xbox: hsl(var(--xbox-hsl)/1);
    --xbox-hsl: 120 calc(var(--saturation-factor, 1)*77.143%) 27.451%;
    --youtube: hsl(var(--youtube-hsl)/1);
    --youtube-hsl: 0.351 calc(var(--saturation-factor, 1)*72.766%) 46.078%
}

.theme-dark {
    --action-sheet-gradient-bg: var(--primary-630);
    --activity-card-background: var(--primary-700);
    --activity-card-icon-overlay: hsl(var(--primary-600-hsl)/0.85);
    --alert-bg: var(--primary-600);
    --android-navigation-bar-background: var(--primary-830);
    --android-navigation-scrim-background: hsl(var(--primary-830-hsl)/0.5);
    --android-ripple: hsl(var(--white-hsl)/0.07);
    --app-border-frame: hsl(var(--white-hsl)/0.08);
    --autocomplete-bg: var(--primary-630);
    --background-accent: var(--primary-530);
    --background-base-low: var(--neutral-66);
    --background-base-lower: var(--neutral-69);
    --background-base-lowest: var(--neutral-73);
    --background-floating: var(--primary-800);
    --background-mentioned: hsl(var(--yellow-300-hsl)/0.1);
    --background-mentioned-hover: hsl(var(--yellow-300-hsl)/0.08);
    --background-message-automod: hsl(var(--red-400-hsl)/0.05);
    --background-message-automod-hover: hsl(var(--red-400-hsl)/0.1);
    --background-message-highlight: hsl(var(--brand-360-hsl)/0.08);
    --background-message-highlight-hover: hsl(var(--brand-360-hsl)/0.06);
    --background-message-hover: hsl(var(--primary-900-hsl)/0.06);
    --background-mobile-primary: var(--primary-600);
    --background-mobile-secondary: var(--primary-630);
    --background-modal-gradient-blue-end: hsl(var(--illo-blue-6-hsl)/0.45);
    --background-modal-gradient-blue-start: hsl(var(--illo-blue-4-hsl)/0.45);
    --background-modal-gradient-green-end: hsl(var(--illo-green-7-hsl)/0.45);
    --background-modal-gradient-green-start: hsl(var(--illo-green-5-hsl)/0.45);
    --background-modal-gradient-nitro-1-end: hsl(var(--illo-nitro-blue-hsl)/0.5);
    --background-modal-gradient-nitro-1-start: hsl(var(--illo-pink-6-hsl)/0.5);
    --background-modal-gradient-nitro-2-end: hsl(var(--illo-nitro-blue-hsl)/0.5);
    --background-modal-gradient-nitro-2-start: hsl(var(--illo-green-5-hsl)/0.5);
    --background-modal-gradient-pink-end: hsl(var(--illo-pink-7-hsl)/0.45);
    --background-modal-gradient-pink-start: hsl(var(--illo-pink-5-hsl)/0.45);
    --background-modal-gradient-purple-end: hsl(var(--illo-purple-6-hsl)/0.45);
    --background-modal-gradient-purple-start: hsl(var(--illo-purple-4-hsl)/0.45);
    --background-modifier-accent: hsl(var(--primary-500-hsl)/0.48);
    --background-modifier-active: hsl(var(--primary-500-hsl)/0.48);
    --background-modifier-hover: hsl(var(--primary-500-hsl)/0.3);
    --background-modifier-selected: hsl(var(--primary-500-hsl)/0.6);
    --background-nested-floating: var(--primary-630);
    --background-primary: var(--primary-600);
    --background-secondary: var(--primary-630);
    --background-secondary-alt: var(--primary-660);
    --background-tertiary: var(--primary-700);
    --background-tile-gradient-pink-end: hsl(var(--illo-pink-7-hsl)/0.3);
    --background-tile-gradient-pink-start: hsl(var(--illo-pink-5-hsl)/0.3);
    --badge-brand-bg: var(--brand-260);
    --badge-brand-text: var(--brand-560);
    --bg-backdrop: hsl(var(--black-hsl)/0.7);
    --bg-backdrop-immersive: hsl(var(--black-hsl)/0.85);
    --bg-backdrop-no-opacity: var(--black);
    --bg-base-primary: var(--primary-600);
    --bg-base-secondary: var(--primary-630);
    --bg-base-tertiary: var(--primary-660);
    --bg-brand: var(--brand-500);
    --bg-mod-faint: hsl(var(--primary-500-hsl)/0.3);
    --bg-mod-strong: hsl(var(--primary-500-hsl)/0.54);
    --bg-mod-subtle: hsl(var(--primary-500-hsl)/0.48);
    --bg-surface-overlay: var(--primary-800);
    --bg-surface-overlay-tmp: var(--primary-800);
    --bg-surface-raised: var(--primary-560);
    --blur-fallback: hsl(var(--primary-700-hsl)/0.96);
    --blur-fallback-pressed: hsl(var(--primary-730-hsl)/0.96);
    --border-faint: hsl(var(--white-hsl)/0.03);
    --border-strong: hsl(var(--white-hsl)/0.16);
    --border-subtle: hsl(var(--white-hsl)/0.08);
    --bug-reporter-modal-submitting-background: hsl(var(--primary-800-hsl)/0.6);
    --button-creator-revenue-background: var(--teal-430);
    --button-danger-background: var(--red-430);
    --button-danger-background-active: var(--red-530);
    --button-danger-background-disabled: var(--red-430);
    --button-danger-background-hover: var(--red-500);
    --button-danger-border: hsl(var(--white-hsl)/0);
    --button-expressive-background: var(--white);
    --button-expressive-background-active: var(--neutral-5);
    --button-expressive-background-hover: var(--white);
    --button-filled-brand-background: var(--brand-500);
    --button-filled-brand-background-active: var(--brand-600);
    --button-filled-brand-background-hover: var(--brand-560);
    --button-filled-brand-border: hsl(var(--white-hsl)/0);
    --button-filled-brand-inverted-background: var(--white);
    --button-filled-brand-inverted-background-active: var(--brand-200);
    --button-filled-brand-inverted-background-hover: var(--brand-100);
    --button-filled-brand-inverted-text: var(--brand-500);
    --button-filled-brand-text: var(--white);
    --button-filled-white-background: var(--white);
    --button-filled-white-background-active: var(--white);
    --button-filled-white-background-hover: var(--white);
    --button-filled-white-text: var(--primary-500);
    --button-outline-brand-background: hsl(var(--white-hsl)/0);
    --button-outline-brand-background-active: var(--brand-560);
    --button-outline-brand-background-hover: var(--brand-500);
    --button-outline-brand-border: var(--brand-500);
    --button-outline-brand-border-active: var(--brand-560);
    --button-outline-brand-border-hover: var(--brand-500);
    --button-outline-brand-text: var(--white);
    --button-outline-brand-text-active: var(--white);
    --button-outline-brand-text-hover: var(--white);
    --button-outline-danger-background: hsl(var(--white-hsl)/0);
    --button-outline-danger-background-active: var(--red-460);
    --button-outline-danger-background-hover: var(--red-430);
    --button-outline-danger-border: var(--red-400);
    --button-outline-danger-border-active: var(--red-430);
    --button-outline-danger-border-hover: var(--red-430);
    --button-outline-danger-text: var(--white);
    --button-outline-danger-text-active: var(--white);
    --button-outline-danger-text-hover: var(--white);
    --button-outline-positive-background: hsl(var(--white-hsl)/0);
    --button-outline-positive-background-active: var(--green-530);
    --button-outline-positive-background-hover: var(--green-430);
    --button-outline-positive-border: var(--green-360);
    --button-outline-positive-border-active: var(--green-530);
    --button-outline-positive-border-hover: var(--green-430);
    --button-outline-positive-text: var(--white);
    --button-outline-positive-text-active: var(--white);
    --button-outline-positive-text-hover: var(--white);
    --button-outline-primary-background: hsl(var(--white-hsl)/0);
    --button-outline-primary-background-active: var(--primary-430);
    --button-outline-primary-background-hover: var(--primary-500);
    --button-outline-primary-border: var(--primary-500);
    --button-outline-primary-border-active: var(--primary-430);
    --button-outline-primary-border-hover: var(--primary-500);
    --button-outline-primary-text: var(--white);
    --button-outline-primary-text-active: var(--white);
    --button-outline-primary-text-hover: var(--white);
    --button-positive-background: var(--green-430);
    --button-positive-background-active: var(--green-530);
    --button-positive-background-disabled: var(--green-430);
    --button-positive-background-hover: var(--green-500);
    --button-positive-border: hsl(var(--white-hsl)/0);
    --button-secondary-background: var(--primary-500);
    --button-secondary-background-active: var(--primary-400);
    --button-secondary-background-disabled: var(--primary-500);
    --button-secondary-background-hover: var(--primary-430);
    --button-secondary-text: var(--white);
    --button-transparent-background: hsl(var(--white-hsl)/0.1);
    --button-transparent-background-active: hsl(var(--white-hsl)/0.01);
    --button-transparent-background-hover: hsl(var(--white-hsl)/0.05);
    --button-transparent-text: var(--primary-130);
    --card-gradient-bg: hsl(var(--black-hsl)/0.4);
    --card-gradient-pressed-bg: hsl(var(--black-hsl)/0.5);
    --card-primary-bg: var(--primary-600);
    --card-primary-pressed-bg: var(--primary-645);
    --card-secondary-bg: var(--primary-630);
    --card-secondary-pressed-bg: var(--primary-645);
    --channel-icon: var(--primary-400);
    --channel-text-area-placeholder: var(--primary-430);
    --channels-default: var(--primary-360);
    --channeltextarea-background: var(--primary-560);
    --chat-background: var(--primary-600);
    --chat-banner-bg: var(--primary-630);
    --chat-border: var(--primary-700);
    --chat-input-container-background: var(--primary-600);
    --chat-swipe-to-reply-background: var(--primary-660);
    --chat-swipe-to-reply-gradient-background: hsl(var(--black-hsl)/0.1);
    --coachmark-bg: var(--primary-800);
    --content-inventory-media-seekbar-container: hsl(var(--plum-6-hsl)/0.24);
    --content-inventory-overlay-text-primary: hsl(var(--white-hsl)/0.85);
    --content-inventory-overlay-text-secondary: hsl(var(--white-hsl)/0.7);
    --content-inventory-overlay-ui-mod: hsl(var(--white-hsl)/0.7);
    --content-inventory-overlay-ui-mod-bg: hsl(var(--black-hsl)/0.1);
    --context-menu-backdrop-background: hsl(var(--black-hsl)/0.7);
    --control-brand-foreground: var(--brand-360);
    --control-brand-foreground-new: var(--brand-360);
    --creator-revenue-icon-gradient-end: var(--teal-430);
    --creator-revenue-icon-gradient-start: var(--teal-360);
    --creator-revenue-info-box-background: hsl(var(--teal-430-hsl)/0.1);
    --creator-revenue-info-box-border: var(--teal-400);
    --creator-revenue-locked-channel-icon: var(--teal-345);
    --creator-revenue-progress-bar: var(--teal-400);
    --custom-status-bubble-bg: var(--primary-800);
    --deprecated-card-bg: hsl(var(--primary-700-hsl)/0.6);
    --deprecated-card-editable-bg: hsl(var(--primary-700-hsl)/0.3);
    --deprecated-text-input-bg: var(--primary-700);
    --deprecated-text-input-border: hsl(var(--black-hsl)/0.3);
    --deprecated-text-input-border-disabled: var(--primary-700);
    --deprecated-text-input-border-hover: var(--primary-900);
    --display-banner-overflow-background: hsl(var(--primary-700-hsl)/0.5);
    --divider-strong: hsl(var(--white-hsl)/0.16);
    --divider-subtle: hsl(var(--white-hsl)/0.08);
    --embed-background: var(--primary-630);
    --embed-background-alternate: var(--primary-600);
    --embed-title: var(--primary-130);
    --expression-picker-bg: var(--primary-630);
    --focus-primary: var(--blue-345);
    --forum-post-extra-media-count-container-background: hsl(var(--primary-660-hsl)/0.8);
    --forum-post-tag-background: hsl(var(--primary-660-hsl)/0.9);
    --guild-notifications-bottom-sheet-pill-background: var(--primary-700);
    --header-muted: var(--primary-360);
    --header-primary: var(--primary-130);
    --header-secondary: var(--primary-330);
    --home-background: var(--primary-645);
    --icon-invert: var(--neutral-71);
    --icon-muted: var(--primary-400);
    --icon-primary: var(--primary-130);
    --icon-secondary: var(--primary-330);
    --icon-transparent: hsl(var(--transparent-hsl)/0);
    --info-box-background: hsl(var(--blue-345-hsl)/0.1);
    --info-danger-background: hsl(var(--red-400-hsl)/0.1);
    --info-danger-foreground: var(--red-400);
    --info-danger-text: var(--white);
    --info-help-background: hsl(var(--blue-345-hsl)/0.1);
    --info-help-foreground: var(--blue-345);
    --info-help-text: var(--white);
    --info-positive-background: hsl(var(--green-360-hsl)/0.1);
    --info-positive-foreground: var(--green-360);
    --info-positive-text: var(--white);
    --info-warning-background: hsl(var(--yellow-300-hsl)/0.1);
    --info-warning-foreground: var(--yellow-300);
    --info-warning-text: var(--white);
    --input-background: var(--primary-700);
    --input-border: hsl(var(--plum-11-hsl)/0.32);
    --input-error-background: hsl(var(--red-500-hsl)/0.12);
    --input-error-border: var(--red-360);
    --input-error-text: var(--red-260);
    --input-focused-border: hsl(var(--white-hsl)/0.16);
    --input-placeholder-text: var(--input-placeholder-text-dark);
    --interactive-active: var(--white);
    --interactive-hover: var(--primary-230);
    --interactive-muted: var(--primary-500);
    --interactive-normal: var(--primary-330);
    --leaderboard-league-brand-text: var(--lol-text-light);
    --legacy-android-blur-overlay-default: hsl(var(--primary-660-hsl)/0.5);
    --legacy-android-blur-overlay-ultra-thin: hsl(var(--black-hsl)/0.025);
    --legacy-blur-fallback-default: hsl(var(--primary-660-hsl)/0.975);
    --legacy-blur-fallback-ultra-thin: hsl(var(--black-hsl)/0.95);
    --live-stage-tile-border: hsl(var(--primary-500-hsl)/0.6);
    --logo-primary: var(--white);
    --mention-background: hsl(var(--brand-500-hsl)/0.3);
    --mention-foreground: var(--brand-260);
    --menu-item-danger-active-bg: var(--red-530);
    --menu-item-danger-hover-bg: var(--red-430);
    --menu-item-default-active-bg: var(--brand-560);
    --menu-item-default-hover-bg: var(--brand-500);
    --message-reacted-background: hsl(var(--brand-500-hsl)/0.15);
    --message-reacted-text: var(--brand-200);
    --modal-background: var(--primary-600);
    --modal-footer-background: var(--primary-630);
    --navigator-header-tint: var(--white);
    --overlay-backdrop-default: hsl(var(--opacity-black-72-hsl)/0.7215686274509804);
    --overlay-backdrop-lightbox: hsl(var(--opacity-black-92-hsl)/0.9215686274509803);
    --panel-bg: var(--primary-600);
    --polls-normal-fill-hover: var(--primary-600);
    --polls-normal-image-background: var(--primary-660);
    --polls-victor-fill: hsl(var(--green-360-hsl)/0.2);
    --polls-voted-fill: hsl(var(--brand-500-hsl)/0.2);
    --premium-nitro-pink-text: var(--premium-nitro-pink-light);
    --profile-gradient-note-background: hsl(var(--black-hsl)/0.3);
    --profile-gradient-overlay: hsl(var(--black-hsl)/0.6);
    --profile-gradient-overlay-synced-with-user-theme: hsl(var(--black-hsl)/0.8);
    --profile-gradient-role-pill-background: hsl(var(--primary-660-hsl)/0.5);
    --profile-gradient-role-pill-border: hsl(var(--white-hsl)/0.2);
    --profile-gradient-section-box: hsl(var(--black-hsl)/0.45);
    --redesign-activity-card-badge-icon: var(--primary-360);
    --redesign-button-active-background: var(--green-430);
    --redesign-button-active-pressed-background: var(--green-460);
    --redesign-button-active-text: var(--white);
    --redesign-button-danger-background: var(--red-430);
    --redesign-button-danger-pressed-background: var(--red-460);
    --redesign-button-danger-text: var(--white);
    --redesign-button-destructive-background: var(--red-430);
    --redesign-button-destructive-pressed-background: var(--red-460);
    --redesign-button-destructive-text: var(--white);
    --redesign-button-overlay-alpha-background: hsl(var(--black-hsl)/0.54);
    --redesign-button-overlay-alpha-pressed-background: hsl(var(--black-hsl)/0.64);
    --redesign-button-overlay-alpha-text: var(--white);
    --redesign-button-overlay-background: var(--white);
    --redesign-button-overlay-text: var(--primary-860);
    --redesign-button-positive-background: var(--green-430);
    --redesign-button-positive-pressed-background: var(--green-460);
    --redesign-button-positive-text: var(--white);
    --redesign-button-premium-primary-blue-for-gradient: var(--premium-tier-0-blue-for-gradients-2);
    --redesign-button-premium-primary-pink-for-gradient: var(--premium-tier-2-pink-for-gradients);
    --redesign-button-premium-primary-pressed-background: hsl(var(--black-hsl)/0.1);
    --redesign-button-premium-primary-purple-for-gradient: var(--premium-tier-2-purple-for-gradients);
    --redesign-button-premium-primary-purple-for-gradient-2: var(--premium-tier-2-purple-for-gradients-2);
    --redesign-button-primary-alt-background: hsl(var(--brand-500-hsl)/0);
    --redesign-button-primary-alt-border: var(--brand-360);
    --redesign-button-primary-alt-on-blurple-background: hsl(var(--brand-530-hsl)/0);
    --redesign-button-primary-alt-on-blurple-border: var(--white);
    --redesign-button-primary-alt-on-blurple-pressed-background: var(--brand-530);
    --redesign-button-primary-alt-on-blurple-pressed-border: var(--brand-360);
    --redesign-button-primary-alt-on-blurple-text: var(--white);
    --redesign-button-primary-alt-pressed-background: hsl(var(--brand-700-hsl)/0.16);
    --redesign-button-primary-alt-pressed-border: hsl(var(--brand-400-hsl)/0.5);
    --redesign-button-primary-alt-pressed-text: var(--brand-360);
    --redesign-button-primary-alt-text: var(--brand-360);
    --redesign-button-primary-background: var(--brand-500);
    --redesign-button-primary-on-blurple-pressed-text: var(--brand-530);
    --redesign-button-primary-overlay-background: var(--white);
    --redesign-button-primary-overlay-pressed-background: var(--primary-230);
    --redesign-button-primary-overlay-text: var(--primary-860);
    --redesign-button-primary-pressed-background: var(--brand-560);
    --redesign-button-primary-text: var(--white);
    --redesign-button-secondary-background: var(--primary-460);
    --redesign-button-secondary-border: hsl(var(--white-hsl)/0.08);
    --redesign-button-secondary-overlay-background: hsl(var(--black-hsl)/0.54);
    --redesign-button-secondary-overlay-pressed-background: hsl(var(--black-hsl)/0.64);
    --redesign-button-secondary-overlay-text: var(--white);
    --redesign-button-secondary-pressed-background: var(--primary-500);
    --redesign-button-secondary-pressed-border: hsl(var(--transparent-hsl)/0);
    --redesign-button-secondary-text: var(--primary-230);
    --redesign-button-selected-background: hsl(var(--brand-500-hsl)/0.24);
    --redesign-button-selected-pressed-background: hsl(var(--brand-500-hsl)/0.28);
    --redesign-button-selected-text: var(--brand-500);
    --redesign-button-tertiary-background: var(--primary-660);
    --redesign-button-tertiary-pressed-background: var(--primary-560);
    --redesign-button-tertiary-pressed-text: var(--primary-330);
    --redesign-button-tertiary-text: var(--primary-230);
    --redesign-channel-name-muted-text: var(--primary-360);
    --redesign-channel-name-text: var(--primary-130);
    --redesign-chat-input-background: var(--primary-700);
    --redesign-image-button-pressed-background: hsl(var(--black-hsl)/0.08);
    --redesign-input-control-active-bg: var(--primary-645);
    --redesign-input-control-selected: var(--brand-500);
    --scrim-default: hsl(var(--opacity-black-72-hsl)/0.7215686274509804);
    --scrim-lightbox: hsl(var(--opacity-black-92-hsl)/0.9215686274509803);
    --scrollbar-auto-scrollbar-color-thumb: var(--primary-730);
    --scrollbar-auto-scrollbar-color-track: var(--primary-630);
    --scrollbar-auto-thumb: var(--primary-730);
    --scrollbar-auto-track: var(--primary-630);
    --scrollbar-thin-thumb: var(--primary-730);
    --scrollbar-thin-track: hsl(var(--black-hsl)/0);
    --spine-default: var(--primary-500);
    --spoiler-hidden-background: var(--primary-700);
    --spoiler-revealed-background: var(--primary-660);
    --stage-card-pill-bg: var(--primary-630);
    --status-danger: var(--red-400);
    --status-danger-background: var(--red-430);
    --status-danger-text: var(--white);
    --status-dnd: var(--red-400);
    --status-idle: var(--yellow-300);
    --status-offline: var(--primary-360);
    --status-online: var(--green-360);
    --status-positive: var(--green-360);
    --status-positive-background: var(--green-430);
    --status-positive-text: var(--white);
    --status-speaking: var(--green-360);
    --status-warning: var(--yellow-300);
    --status-warning-background: var(--yellow-300);
    --status-warning-text: var(--black);
    --text-brand: var(--brand-360);
    --text-danger: var(--red-345);
    --text-invert: var(--neutral-71);
    --text-link: var(--blue-345);
    --text-link-low-saturation: var(--blue-330);
    --text-low-contrast: var(--primary-360);
    --text-message-preview-low-sat: var(--primary-360);
    --text-muted: var(--primary-360);
    --text-muted-on-default: var(--primary-330);
    --text-normal: var(--primary-230);
    --text-positive: var(--green-330);
    --text-primary: var(--primary-230);
    --text-secondary: var(--primary-330);
    --text-warning: var(--yellow-300);
    --textbox-markdown-syntax: var(--primary-360);
    --theme-locked-blur-fallback: hsl(var(--primary-700-hsl)/0.96);
    --thread-channel-spine: var(--primary-500);
    --toast-bg: var(--primary-800);
    --typing-indicator-bg: var(--primary-630);
    --user-profile-background-hover: hsl(var(--primary-500-hsl)/0.3);
    --user-profile-border: hsl(var(--white-hsl)/0.08);
    --user-profile-header-overflow-background: hsl(var(--primary-700-hsl)/0.5);
    --user-profile-note-background-focus: var(--primary-700);
    --user-profile-overlay-background: var(--primary-800);
    --user-profile-overlay-background-hover: hsl(var(--primary-500-hsl)/0.3);
    --user-profile-toolbar-border: hsl(var(--white-hsl)/0.03);
    --voice-video-video-tile-background: hsl(var(--plum-17-hsl)/0.4);
    --voice-video-video-tile-blur-fallback: hsl(var(--primary-700-hsl)/0.48)
}

@supports (color:color-mix(in lch,red,blue)) {
    .theme-dark {
        --action-sheet-gradient-bg: color-mix(in oklab,var(--primary-630) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --activity-card-background: color-mix(in oklab,var(--primary-700) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --activity-card-icon-overlay: color-mix(in oklab,hsl(var(--primary-600-hsl)/0.85) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.85) var(--theme-base-color-amount,0%));
        --alert-bg: color-mix(in oklab,var(--primary-600) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --android-navigation-bar-background: color-mix(in oklab,var(--primary-830) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --android-navigation-scrim-background: color-mix(in oklab,hsl(var(--primary-830-hsl)/0.5) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.5) var(--theme-base-color-amount,0%));
        --android-ripple: color-mix(in oklab,hsl(var(--white-hsl)/0.07) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.07) var(--theme-base-color-amount,0%));
        --app-border-frame: color-mix(in oklab,hsl(var(--white-hsl)/0.08) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.08) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)));
        --autocomplete-bg: color-mix(in oklab,var(--primary-630) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-accent: color-mix(in oklab,var(--primary-530) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-base-low: color-mix(in oklab,var(--neutral-66) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-base-lower: color-mix(in oklab,var(--neutral-69) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-base-lowest: color-mix(in oklab,var(--neutral-73) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-floating: color-mix(in oklab,var(--primary-800) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-mentioned: color-mix(in oklab,hsl(var(--yellow-300-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --background-mentioned-hover: color-mix(in oklab,hsl(var(--yellow-300-hsl)/0.08) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.08) var(--theme-base-color-amount,0%));
        --background-message-automod: color-mix(in oklab,hsl(var(--red-400-hsl)/0.05) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.05) var(--theme-base-color-amount,0%));
        --background-message-automod-hover: color-mix(in oklab,hsl(var(--red-400-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --background-message-highlight: color-mix(in oklab,hsl(var(--brand-360-hsl)/0.08) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.08) var(--theme-base-color-amount,0%));
        --background-message-highlight-hover: color-mix(in oklab,hsl(var(--brand-360-hsl)/0.06) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.06) var(--theme-base-color-amount,0%));
        --background-message-hover: color-mix(in oklab,hsl(var(--primary-900-hsl)/0.06) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.06) var(--theme-base-color-amount,0%));
        --background-mobile-primary: color-mix(in oklab,var(--primary-600) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-mobile-secondary: color-mix(in oklab,var(--primary-630) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-nested-floating: color-mix(in oklab,var(--primary-630) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-primary: color-mix(in oklab,var(--primary-600) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-secondary: color-mix(in oklab,var(--primary-630) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-secondary-alt: color-mix(in oklab,var(--primary-660) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-tertiary: color-mix(in oklab,var(--primary-700) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-tile-gradient-pink-end: color-mix(in oklab,hsl(var(--illo-pink-7-hsl)/0.3) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.3) var(--theme-base-color-amount,0%));
        --background-tile-gradient-pink-start: color-mix(in oklab,hsl(var(--illo-pink-5-hsl)/0.3) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.3) var(--theme-base-color-amount,0%));
        --bg-backdrop: color-mix(in oklab,hsl(var(--black-hsl)/0.7) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.7) var(--theme-base-color-amount,0%));
        --bg-backdrop-immersive: color-mix(in oklab,hsl(var(--black-hsl)/0.85) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.85) var(--theme-base-color-amount,0%));
        --bg-backdrop-no-opacity: color-mix(in oklab,var(--black) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-base-primary: color-mix(in oklab,var(--primary-600) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-base-secondary: color-mix(in oklab,var(--primary-630) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-base-tertiary: color-mix(in oklab,var(--primary-660) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-mod-faint: color-mix(in oklab,hsl(var(--primary-500-hsl)/0.3) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.3) var(--theme-base-color-amount,0%));
        --bg-mod-strong: color-mix(in oklab,hsl(var(--primary-500-hsl)/0.54) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.54) var(--theme-base-color-amount,0%));
        --bg-mod-subtle: color-mix(in oklab,hsl(var(--primary-500-hsl)/0.48) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.48) var(--theme-base-color-amount,0%));
        --bg-surface-overlay: color-mix(in oklab,var(--primary-800) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-surface-overlay-tmp: color-mix(in oklab,var(--primary-800) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-surface-raised: color-mix(in oklab,var(--primary-560) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --blur-fallback: color-mix(in oklab,hsl(var(--primary-700-hsl)/0.96) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.96) var(--theme-base-color-amount,0%));
        --blur-fallback-pressed: color-mix(in oklab,hsl(var(--primary-730-hsl)/0.96) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.96) var(--theme-base-color-amount,0%));
        --border-faint: color-mix(in oklab,hsl(var(--white-hsl)/0.03) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.03) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)));
        --border-strong: color-mix(in oklab,hsl(var(--white-hsl)/0.16) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.16) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)));
        --border-subtle: color-mix(in oklab,hsl(var(--white-hsl)/0.08) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.08) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)));
        --bug-reporter-modal-submitting-background: color-mix(in oklab,hsl(var(--primary-800-hsl)/0.6) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.6) var(--theme-base-color-amount,0%));
        --card-gradient-bg: color-mix(in oklab,hsl(var(--black-hsl)/0.4) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.4) var(--theme-base-color-amount,0%));
        --card-gradient-pressed-bg: color-mix(in oklab,hsl(var(--black-hsl)/0.5) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.5) var(--theme-base-color-amount,0%));
        --card-primary-bg: color-mix(in oklab,var(--primary-600) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --card-primary-pressed-bg: color-mix(in oklab,var(--primary-645) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --card-secondary-bg: color-mix(in oklab,var(--primary-630) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --card-secondary-pressed-bg: color-mix(in oklab,var(--primary-645) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --channel-icon: color-mix(in oklab,var(--primary-400) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --channel-text-area-placeholder: color-mix(in oklab,var(--primary-430) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --channels-default: color-mix(in oklab,var(--primary-360) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --channeltextarea-background: color-mix(in oklab,var(--primary-560) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --chat-background: color-mix(in oklab,var(--primary-600) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --chat-banner-bg: color-mix(in oklab,var(--primary-630) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --chat-border: color-mix(in oklab,var(--primary-700) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --chat-input-container-background: color-mix(in oklab,var(--primary-600) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --chat-swipe-to-reply-background: color-mix(in oklab,var(--primary-660) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --chat-swipe-to-reply-gradient-background: color-mix(in oklab,hsl(var(--black-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --coachmark-bg: color-mix(in oklab,var(--primary-800) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --content-inventory-media-seekbar-container: color-mix(in oklab,hsl(var(--plum-6-hsl)/0.24) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.24) var(--theme-base-color-amount,0%));
        --content-inventory-overlay-text-primary: color-mix(in oklab,hsl(var(--white-hsl)/0.85) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.85) var(--theme-base-color-amount,0%));
        --content-inventory-overlay-text-secondary: color-mix(in oklab,hsl(var(--white-hsl)/0.7) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.7) var(--theme-base-color-amount,0%));
        --content-inventory-overlay-ui-mod: color-mix(in oklab,hsl(var(--white-hsl)/0.7) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.7) var(--theme-base-color-amount,0%));
        --content-inventory-overlay-ui-mod-bg: color-mix(in oklab,hsl(var(--black-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --context-menu-backdrop-background: color-mix(in oklab,hsl(var(--black-hsl)/0.7) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.7) var(--theme-base-color-amount,0%));
        --control-brand-foreground: color-mix(in oklab,var(--brand-360) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --control-brand-foreground-new: color-mix(in oklab,var(--brand-360) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --creator-revenue-icon-gradient-end: color-mix(in oklab,var(--teal-430) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --creator-revenue-icon-gradient-start: color-mix(in oklab,var(--teal-360) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --creator-revenue-info-box-background: color-mix(in oklab,hsl(var(--teal-430-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --creator-revenue-info-box-border: color-mix(in oklab,var(--teal-400) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --creator-revenue-locked-channel-icon: color-mix(in oklab,var(--teal-345) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --creator-revenue-progress-bar: color-mix(in oklab,var(--teal-400) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --custom-status-bubble-bg: color-mix(in oklab,var(--primary-800) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --deprecated-card-bg: color-mix(in oklab,hsl(var(--primary-700-hsl)/0.6) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.6) var(--theme-base-color-amount,0%));
        --deprecated-card-editable-bg: color-mix(in oklab,hsl(var(--primary-700-hsl)/0.3) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.3) var(--theme-base-color-amount,0%));
        --deprecated-text-input-bg: color-mix(in oklab,var(--primary-700) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --deprecated-text-input-border: color-mix(in oklab,hsl(var(--black-hsl)/0.3) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.3) var(--theme-base-color-amount,0%));
        --deprecated-text-input-border-disabled: color-mix(in oklab,var(--primary-700) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --deprecated-text-input-border-hover: color-mix(in oklab,var(--primary-900) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --display-banner-overflow-background: color-mix(in oklab,hsl(var(--primary-700-hsl)/0.5) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.5) var(--theme-base-color-amount,0%));
        --divider-strong: color-mix(in oklab,hsl(var(--white-hsl)/0.16) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.16) var(--theme-base-color-amount,0%));
        --divider-subtle: color-mix(in oklab,hsl(var(--white-hsl)/0.08) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.08) var(--theme-base-color-amount,0%));
        --embed-background: color-mix(in oklab,var(--primary-630) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --embed-background-alternate: color-mix(in oklab,var(--primary-600) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --embed-title: color-mix(in oklab,var(--primary-130) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --expression-picker-bg: color-mix(in oklab,var(--primary-630) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --focus-primary: color-mix(in oklab,var(--blue-345) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --forum-post-extra-media-count-container-background: color-mix(in oklab,hsl(var(--primary-660-hsl)/0.8) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.8) var(--theme-base-color-amount,0%));
        --forum-post-tag-background: color-mix(in oklab,hsl(var(--primary-660-hsl)/0.9) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.9) var(--theme-base-color-amount,0%));
        --guild-notifications-bottom-sheet-pill-background: color-mix(in oklab,var(--primary-700) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --header-muted: color-mix(in oklab,var(--primary-360) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --header-primary: color-mix(in oklab,var(--primary-130) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --header-secondary: color-mix(in oklab,var(--primary-330) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --home-background: color-mix(in oklab,var(--primary-645) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --icon-invert: color-mix(in oklab,var(--neutral-71) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --icon-muted: color-mix(in oklab,var(--primary-400) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --icon-primary: color-mix(in oklab,var(--primary-130) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --icon-secondary: color-mix(in oklab,var(--primary-330) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --icon-transparent: color-mix(in oklab,hsl(var(--transparent-hsl)/0) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0) var(--theme-text-color-amount,0%));
        --info-box-background: color-mix(in oklab,hsl(var(--blue-345-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --info-danger-background: color-mix(in oklab,hsl(var(--red-400-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --info-danger-foreground: color-mix(in oklab,var(--red-400) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-danger-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-help-background: color-mix(in oklab,hsl(var(--blue-345-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --info-help-foreground: color-mix(in oklab,var(--blue-345) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-help-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-positive-background: color-mix(in oklab,hsl(var(--green-360-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --info-positive-foreground: color-mix(in oklab,var(--green-360) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-positive-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-warning-background: color-mix(in oklab,hsl(var(--yellow-300-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --info-warning-foreground: color-mix(in oklab,var(--yellow-300) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-warning-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --input-background: color-mix(in oklab,var(--primary-700) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --input-border: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.32) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.32) var(--theme-base-color-amount,0%));
        --input-error-background: color-mix(in oklab,hsl(var(--red-500-hsl)/0.12) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12) var(--theme-base-color-amount,0%));
        --input-error-border: color-mix(in oklab,var(--red-360) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --input-error-text: color-mix(in oklab,var(--red-260) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --input-focused-border: color-mix(in oklab,hsl(var(--white-hsl)/0.16) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.16) var(--theme-base-color-amount,0%));
        --input-placeholder-text: color-mix(in oklab,var(--input-placeholder-text-dark) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --interactive-active: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --interactive-hover: color-mix(in oklab,var(--primary-230) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --interactive-muted: color-mix(in oklab,var(--primary-500) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --interactive-normal: color-mix(in oklab,var(--primary-330) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --leaderboard-league-brand-text: color-mix(in oklab,var(--lol-text-light) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --legacy-android-blur-overlay-default: color-mix(in oklab,hsl(var(--primary-660-hsl)/0.5) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.5) var(--theme-base-color-amount,0%));
        --legacy-android-blur-overlay-ultra-thin: color-mix(in oklab,hsl(var(--black-hsl)/0.025) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.025) var(--theme-base-color-amount,0%));
        --legacy-blur-fallback-default: color-mix(in oklab,hsl(var(--primary-660-hsl)/0.975) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.975) var(--theme-base-color-amount,0%));
        --legacy-blur-fallback-ultra-thin: color-mix(in oklab,hsl(var(--black-hsl)/0.95) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.95) var(--theme-base-color-amount,0%));
        --live-stage-tile-border: color-mix(in oklab,hsl(var(--primary-500-hsl)/0.6) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.6) var(--theme-base-color-amount,0%));
        --logo-primary: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --mention-background: color-mix(in oklab,hsl(var(--brand-500-hsl)/0.3) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.3) var(--theme-base-color-amount,0%));
        --mention-foreground: color-mix(in oklab,var(--brand-260) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --menu-item-danger-active-bg: color-mix(in oklab,var(--red-530) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --menu-item-danger-hover-bg: color-mix(in oklab,var(--red-430) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --menu-item-default-active-bg: color-mix(in oklab,var(--brand-560) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --menu-item-default-hover-bg: color-mix(in oklab,var(--brand-500) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --message-reacted-background: color-mix(in oklab,hsl(var(--brand-500-hsl)/0.15) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.15) var(--theme-base-color-amount,0%));
        --message-reacted-text: color-mix(in oklab,var(--brand-200) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --modal-background: color-mix(in oklab,var(--primary-600) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --modal-footer-background: color-mix(in oklab,var(--primary-630) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --navigator-header-tint: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --overlay-backdrop-default: color-mix(in oklab,hsl(var(--opacity-black-72-hsl)/0.7215686274509804) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.7215686274509804) var(--theme-base-color-amount,0%));
        --overlay-backdrop-lightbox: color-mix(in oklab,hsl(var(--opacity-black-92-hsl)/0.9215686274509803) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.9215686274509803) var(--theme-base-color-amount,0%));
        --panel-bg: color-mix(in oklab,var(--primary-600) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --polls-normal-fill-hover: color-mix(in oklab,var(--primary-600) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --polls-normal-image-background: color-mix(in oklab,var(--primary-660) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --polls-victor-fill: color-mix(in oklab,hsl(var(--green-360-hsl)/0.2) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.2) var(--theme-base-color-amount,0%));
        --polls-voted-fill: color-mix(in oklab,hsl(var(--brand-500-hsl)/0.2) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.2) var(--theme-base-color-amount,0%));
        --premium-nitro-pink-text: color-mix(in oklab,var(--premium-nitro-pink-light) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --profile-gradient-note-background: color-mix(in oklab,hsl(var(--black-hsl)/0.3) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.3) var(--theme-base-color-amount,0%));
        --profile-gradient-overlay: color-mix(in oklab,hsl(var(--black-hsl)/0.6) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.6) var(--theme-base-color-amount,0%));
        --profile-gradient-overlay-synced-with-user-theme: color-mix(in oklab,hsl(var(--black-hsl)/0.8) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.8) var(--theme-base-color-amount,0%));
        --profile-gradient-role-pill-background: color-mix(in oklab,hsl(var(--primary-660-hsl)/0.5) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.5) var(--theme-base-color-amount,0%));
        --profile-gradient-role-pill-border: color-mix(in oklab,hsl(var(--white-hsl)/0.2) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.2) var(--theme-base-color-amount,0%));
        --profile-gradient-section-box: color-mix(in oklab,hsl(var(--black-hsl)/0.45) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.45) var(--theme-base-color-amount,0%));
        --redesign-activity-card-badge-icon: color-mix(in oklab,var(--primary-360) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-active-background: color-mix(in oklab,var(--green-430) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-active-pressed-background: color-mix(in oklab,var(--green-460) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-active-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-danger-background: color-mix(in oklab,var(--red-430) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-danger-pressed-background: color-mix(in oklab,var(--red-460) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-danger-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-destructive-background: color-mix(in oklab,var(--red-430) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-destructive-pressed-background: color-mix(in oklab,var(--red-460) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-destructive-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-overlay-alpha-background: color-mix(in oklab,hsl(var(--black-hsl)/0.54) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.54) var(--theme-base-color-amount,0%));
        --redesign-button-overlay-alpha-pressed-background: color-mix(in oklab,hsl(var(--black-hsl)/0.64) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.64) var(--theme-base-color-amount,0%));
        --redesign-button-overlay-alpha-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-overlay-background: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-overlay-text: color-mix(in oklab,var(--primary-860) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-positive-background: color-mix(in oklab,var(--green-430) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-positive-pressed-background: color-mix(in oklab,var(--green-460) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-positive-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-premium-primary-blue-for-gradient: color-mix(in oklab,var(--premium-tier-0-blue-for-gradients-2) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-premium-primary-pink-for-gradient: color-mix(in oklab,var(--premium-tier-2-pink-for-gradients) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-premium-primary-pressed-background: color-mix(in oklab,hsl(var(--black-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --redesign-button-premium-primary-purple-for-gradient: color-mix(in oklab,var(--premium-tier-2-purple-for-gradients) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-premium-primary-purple-for-gradient-2: color-mix(in oklab,var(--premium-tier-2-purple-for-gradients-2) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-primary-alt-background: color-mix(in oklab,hsl(var(--brand-500-hsl)/0) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0) var(--theme-base-color-amount,0%));
        --redesign-button-primary-alt-border: color-mix(in oklab,var(--brand-360) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-primary-alt-on-blurple-background: color-mix(in oklab,hsl(var(--brand-530-hsl)/0) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0) var(--theme-base-color-amount,0%));
        --redesign-button-primary-alt-on-blurple-border: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-primary-alt-on-blurple-pressed-background: color-mix(in oklab,var(--brand-530) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-primary-alt-on-blurple-pressed-border: color-mix(in oklab,var(--brand-360) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-primary-alt-on-blurple-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-primary-alt-pressed-background: color-mix(in oklab,hsl(var(--brand-700-hsl)/0.16) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.16) var(--theme-base-color-amount,0%));
        --redesign-button-primary-alt-pressed-border: color-mix(in oklab,hsl(var(--brand-400-hsl)/0.5) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.5) var(--theme-base-color-amount,0%));
        --redesign-button-primary-alt-pressed-text: color-mix(in oklab,var(--brand-360) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-primary-alt-text: color-mix(in oklab,var(--brand-360) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-primary-background: color-mix(in oklab,var(--brand-500) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-primary-on-blurple-pressed-text: color-mix(in oklab,var(--brand-530) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-primary-overlay-background: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-primary-overlay-pressed-background: color-mix(in oklab,var(--primary-230) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-primary-overlay-text: color-mix(in oklab,var(--primary-860) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-primary-pressed-background: color-mix(in oklab,var(--brand-560) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-primary-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-secondary-background: color-mix(in oklab,var(--primary-460) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-secondary-border: color-mix(in oklab,hsl(var(--white-hsl)/0.08) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.08) var(--theme-base-color-amount,0%));
        --redesign-button-secondary-overlay-background: color-mix(in oklab,hsl(var(--black-hsl)/0.54) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.54) var(--theme-base-color-amount,0%));
        --redesign-button-secondary-overlay-pressed-background: color-mix(in oklab,hsl(var(--black-hsl)/0.64) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.64) var(--theme-base-color-amount,0%));
        --redesign-button-secondary-overlay-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-secondary-pressed-background: color-mix(in oklab,var(--primary-500) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-secondary-pressed-border: color-mix(in oklab,hsl(var(--transparent-hsl)/0) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0) var(--theme-base-color-amount,0%));
        --redesign-button-secondary-text: color-mix(in oklab,var(--primary-230) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-selected-background: color-mix(in oklab,hsl(var(--brand-500-hsl)/0.24) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.24) var(--theme-base-color-amount,0%));
        --redesign-button-selected-pressed-background: color-mix(in oklab,hsl(var(--brand-500-hsl)/0.28) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.28) var(--theme-base-color-amount,0%));
        --redesign-button-selected-text: color-mix(in oklab,var(--brand-500) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-tertiary-background: color-mix(in oklab,var(--primary-660) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-tertiary-pressed-background: color-mix(in oklab,var(--primary-560) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-tertiary-pressed-text: color-mix(in oklab,var(--primary-330) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-tertiary-text: color-mix(in oklab,var(--primary-230) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-channel-name-muted-text: color-mix(in oklab,var(--primary-360) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-channel-name-text: color-mix(in oklab,var(--primary-130) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-chat-input-background: color-mix(in oklab,var(--primary-700) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-image-button-pressed-background: color-mix(in oklab,hsl(var(--black-hsl)/0.08) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.08) var(--theme-base-color-amount,0%));
        --redesign-input-control-active-bg: color-mix(in oklab,var(--primary-645) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-input-control-selected: color-mix(in oklab,var(--brand-500) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --scrim-default: color-mix(in oklab,hsl(var(--opacity-black-72-hsl)/0.7215686274509804) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.7215686274509804) var(--theme-base-color-amount,0%));
        --scrim-lightbox: color-mix(in oklab,hsl(var(--opacity-black-92-hsl)/0.9215686274509803) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.9215686274509803) var(--theme-base-color-amount,0%));
        --scrollbar-auto-scrollbar-color-thumb: color-mix(in oklab,var(--primary-730) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --scrollbar-auto-scrollbar-color-track: color-mix(in oklab,var(--primary-630) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --scrollbar-auto-thumb: color-mix(in oklab,var(--primary-730) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --scrollbar-auto-track: color-mix(in oklab,var(--primary-630) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --scrollbar-thin-thumb: color-mix(in oklab,var(--primary-730) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --scrollbar-thin-track: color-mix(in oklab,hsl(var(--black-hsl)/0) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0) var(--theme-base-color-amount,0%));
        --spine-default: color-mix(in oklab,var(--primary-500) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --spoiler-hidden-background: color-mix(in oklab,var(--primary-700) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --spoiler-revealed-background: color-mix(in oklab,var(--primary-660) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --stage-card-pill-bg: color-mix(in oklab,var(--primary-630) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --text-brand: color-mix(in oklab,var(--brand-360) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-danger: color-mix(in oklab,var(--red-345) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-invert: color-mix(in oklab,var(--neutral-71) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-link: color-mix(in oklab,var(--blue-345) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-link-low-saturation: color-mix(in oklab,var(--blue-330) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-low-contrast: color-mix(in oklab,var(--primary-360) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-message-preview-low-sat: color-mix(in oklab,var(--primary-360) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-muted: color-mix(in oklab,var(--primary-360) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-muted-on-default: color-mix(in oklab,var(--primary-330) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-normal: color-mix(in oklab,var(--primary-230) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-positive: color-mix(in oklab,var(--green-330) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-primary: color-mix(in oklab,var(--primary-230) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-secondary: color-mix(in oklab,var(--primary-330) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-warning: color-mix(in oklab,var(--yellow-300) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --textbox-markdown-syntax: color-mix(in oklab,var(--primary-360) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --theme-locked-blur-fallback: color-mix(in oklab,hsl(var(--primary-700-hsl)/0.96) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.96) var(--theme-base-color-amount,0%));
        --thread-channel-spine: color-mix(in oklab,var(--primary-500) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --toast-bg: color-mix(in oklab,var(--primary-800) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --typing-indicator-bg: color-mix(in oklab,var(--primary-630) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --user-profile-background-hover: color-mix(in oklab,hsl(var(--primary-500-hsl)/0.3) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.3) var(--theme-base-color-amount,0%));
        --user-profile-border: color-mix(in oklab,hsl(var(--white-hsl)/0.08) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.08) var(--theme-base-color-amount,0%));
        --user-profile-header-overflow-background: color-mix(in oklab,hsl(var(--primary-700-hsl)/0.5) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.5) var(--theme-base-color-amount,0%));
        --user-profile-note-background-focus: color-mix(in oklab,var(--primary-700) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --user-profile-overlay-background: color-mix(in oklab,var(--primary-800) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --user-profile-overlay-background-hover: color-mix(in oklab,hsl(var(--primary-500-hsl)/0.3) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.3) var(--theme-base-color-amount,0%));
        --user-profile-toolbar-border: color-mix(in oklab,hsl(var(--white-hsl)/0.03) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.03) var(--theme-base-color-amount,0%));
        --voice-video-video-tile-background: color-mix(in oklab,hsl(var(--plum-17-hsl)/0.4) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.4) var(--theme-base-color-amount,0%));
        --voice-video-video-tile-blur-fallback: color-mix(in oklab,hsl(var(--primary-700-hsl)/0.48) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.48) var(--theme-base-color-amount,0%))
    }
}

.theme-light {
    --action-sheet-gradient-bg: var(--primary-130);
    --activity-card-background: var(--white);
    --activity-card-icon-overlay: hsl(var(--primary-600-hsl)/0.85);
    --alert-bg: var(--white);
    --android-navigation-bar-background: var(--primary-100);
    --android-navigation-scrim-background: hsl(var(--primary-100-hsl)/0.5);
    --android-ripple: hsl(var(--black-hsl)/0.12);
    --app-border-frame: hsl(var(--black-hsl)/0.08);
    --autocomplete-bg: var(--primary-100);
    --background-accent: var(--primary-430);
    --background-base-low: var(--neutral-2);
    --background-base-lower: var(--neutral-2);
    --background-base-lowest: var(--neutral-4);
    --background-floating: var(--white);
    --background-mentioned: hsl(var(--yellow-300-hsl)/0.1);
    --background-mentioned-hover: hsl(var(--yellow-300-hsl)/0.2);
    --background-message-automod: hsl(var(--red-400-hsl)/0.05);
    --background-message-automod-hover: hsl(var(--red-400-hsl)/0.1);
    --background-message-highlight: hsl(var(--brand-360-hsl)/0.1);
    --background-message-highlight-hover: hsl(var(--brand-360-hsl)/0.2);
    --background-message-hover: hsl(var(--primary-900-hsl)/0.03);
    --background-mobile-primary: var(--primary-100);
    --background-mobile-secondary: var(--white);
    --background-modal-gradient-blue-end: hsl(var(--illo-blue-3-hsl)/0.8);
    --background-modal-gradient-blue-start: hsl(var(--illo-blue-1-hsl)/0.8);
    --background-modal-gradient-green-end: hsl(var(--illo-green-3-hsl)/0.8);
    --background-modal-gradient-green-start: hsl(var(--illo-green-1-hsl)/0.8);
    --background-modal-gradient-nitro-1-end: hsl(var(--illo-blue-4-hsl)/0.9);
    --background-modal-gradient-nitro-1-start: hsl(var(--illo-pink-3-hsl)/0.9);
    --background-modal-gradient-nitro-2-end: hsl(var(--illo-blue-4-hsl)/0.9);
    --background-modal-gradient-nitro-2-start: hsl(var(--illo-green-1-hsl)/0.9);
    --background-modal-gradient-pink-end: hsl(var(--illo-pink-3-hsl)/0.8);
    --background-modal-gradient-pink-start: hsl(var(--illo-pink-1-hsl)/0.8);
    --background-modal-gradient-purple-end: hsl(var(--illo-purple-3-hsl)/0.8);
    --background-modal-gradient-purple-start: hsl(var(--illo-purple-1-hsl)/0.8);
    --background-modifier-accent: hsl(var(--primary-400-hsl)/0.24);
    --background-modifier-active: hsl(var(--primary-400-hsl)/0.2);
    --background-modifier-hover: hsl(var(--primary-400-hsl)/0.16);
    --background-modifier-selected: hsl(var(--primary-400-hsl)/0.24);
    --background-nested-floating: var(--white);
    --background-primary: var(--white);
    --background-secondary: var(--primary-130);
    --background-secondary-alt: var(--primary-160);
    --background-tertiary: var(--primary-200);
    --background-tile-gradient-pink-end: hsl(var(--illo-pink-3-hsl)/0.3);
    --background-tile-gradient-pink-start: hsl(var(--illo-pink-1-hsl)/0.3);
    --badge-brand-bg: var(--brand-260);
    --badge-brand-text: var(--brand-560);
    --bg-backdrop: hsl(var(--black-hsl)/0.54);
    --bg-backdrop-immersive: hsl(var(--black-hsl)/0.8);
    --bg-backdrop-no-opacity: var(--black);
    --bg-base-primary: var(--white);
    --bg-base-secondary: var(--primary-130);
    --bg-base-tertiary: var(--primary-160);
    --bg-brand: var(--brand-500);
    --bg-mod-faint: hsl(var(--primary-400-hsl)/0.08);
    --bg-mod-strong: hsl(var(--primary-400-hsl)/0.24);
    --bg-mod-subtle: hsl(var(--primary-400-hsl)/0.16);
    --bg-surface-overlay: var(--white);
    --bg-surface-overlay-tmp: var(--primary-130);
    --bg-surface-raised: var(--white);
    --blur-fallback: hsl(var(--primary-530-hsl)/0.96);
    --blur-fallback-pressed: hsl(var(--primary-560-hsl)/0.96);
    --border-faint: hsl(var(--black-hsl)/0.04);
    --border-strong: hsl(var(--black-hsl)/0.16);
    --border-subtle: hsl(var(--black-hsl)/0.08);
    --bug-reporter-modal-submitting-background: hsl(var(--white-hsl)/0.6);
    --button-creator-revenue-background: var(--teal-430);
    --button-danger-background: var(--red-430);
    --button-danger-background-active: var(--red-530);
    --button-danger-background-disabled: var(--red-430);
    --button-danger-background-hover: var(--red-500);
    --button-danger-border: hsl(var(--white-hsl)/0);
    --button-expressive-background: var(--brand-500);
    --button-expressive-background-active: var(--brand-600);
    --button-expressive-background-hover: var(--brand-560);
    --button-filled-brand-background: var(--brand-500);
    --button-filled-brand-background-active: var(--brand-600);
    --button-filled-brand-background-hover: var(--brand-560);
    --button-filled-brand-border: hsl(var(--white-hsl)/0);
    --button-filled-brand-inverted-background: var(--white);
    --button-filled-brand-inverted-background-active: var(--brand-200);
    --button-filled-brand-inverted-background-hover: var(--brand-100);
    --button-filled-brand-inverted-text: var(--brand-500);
    --button-filled-brand-text: var(--white);
    --button-filled-white-background: var(--white);
    --button-filled-white-background-active: var(--white);
    --button-filled-white-background-hover: var(--white);
    --button-filled-white-text: var(--primary-500);
    --button-outline-brand-background: hsl(var(--white-hsl)/0);
    --button-outline-brand-background-active: var(--brand-560);
    --button-outline-brand-background-hover: var(--brand-500);
    --button-outline-brand-border: var(--brand-500);
    --button-outline-brand-border-active: var(--brand-560);
    --button-outline-brand-border-hover: var(--brand-500);
    --button-outline-brand-text: var(--black);
    --button-outline-brand-text-active: var(--white);
    --button-outline-brand-text-hover: var(--white);
    --button-outline-danger-background: hsl(var(--white-hsl)/0);
    --button-outline-danger-background-active: var(--red-460);
    --button-outline-danger-background-hover: var(--red-430);
    --button-outline-danger-border: var(--red-430);
    --button-outline-danger-border-active: var(--red-430);
    --button-outline-danger-border-hover: var(--red-430);
    --button-outline-danger-text: var(--black);
    --button-outline-danger-text-active: var(--white);
    --button-outline-danger-text-hover: var(--white);
    --button-outline-positive-background: hsl(var(--white-hsl)/0);
    --button-outline-positive-background-active: var(--green-530);
    --button-outline-positive-background-hover: var(--green-430);
    --button-outline-positive-border: var(--green-400);
    --button-outline-positive-border-active: var(--green-530);
    --button-outline-positive-border-hover: var(--green-430);
    --button-outline-positive-text: var(--black);
    --button-outline-positive-text-active: var(--white);
    --button-outline-positive-text-hover: var(--white);
    --button-outline-primary-background: hsl(var(--white-hsl)/0);
    --button-outline-primary-background-active: var(--primary-600);
    --button-outline-primary-background-hover: var(--primary-530);
    --button-outline-primary-border: var(--primary-530);
    --button-outline-primary-border-active: var(--primary-600);
    --button-outline-primary-border-hover: var(--primary-530);
    --button-outline-primary-text: var(--black);
    --button-outline-primary-text-active: var(--white);
    --button-outline-primary-text-hover: var(--white);
    --button-positive-background: var(--green-430);
    --button-positive-background-active: var(--green-530);
    --button-positive-background-disabled: var(--green-430);
    --button-positive-background-hover: var(--green-530);
    --button-positive-border: hsl(var(--white-hsl)/0);
    --button-secondary-background: var(--primary-430);
    --button-secondary-background-active: var(--primary-530);
    --button-secondary-background-disabled: var(--primary-430);
    --button-secondary-background-hover: var(--primary-500);
    --button-secondary-text: var(--white);
    --button-transparent-background: hsl(var(--primary-400-hsl)/0.01);
    --button-transparent-background-active: hsl(var(--primary-400-hsl)/0.25);
    --button-transparent-background-hover: hsl(var(--primary-400-hsl)/0.2);
    --button-transparent-text: var(--primary-860);
    --card-gradient-bg: hsl(var(--white-hsl)/0.7);
    --card-gradient-pressed-bg: hsl(var(--white-hsl)/0.5);
    --card-primary-bg: var(--white);
    --card-primary-pressed-bg: var(--primary-160);
    --card-secondary-bg: var(--white);
    --card-secondary-pressed-bg: var(--primary-160);
    --channel-icon: var(--primary-430);
    --channel-text-area-placeholder: var(--primary-400);
    --channels-default: var(--primary-460);
    --channeltextarea-background: var(--primary-160);
    --chat-background: var(--white);
    --chat-banner-bg: var(--primary-130);
    --chat-border: var(--primary-200);
    --chat-input-container-background: var(--white);
    --chat-swipe-to-reply-background: var(--primary-160);
    --chat-swipe-to-reply-gradient-background: hsl(var(--white-hsl)/0.4);
    --coachmark-bg: var(--white);
    --content-inventory-media-seekbar-container: hsl(var(--plum-6-hsl)/0.24);
    --content-inventory-overlay-text-primary: hsl(var(--white-hsl)/0.85);
    --content-inventory-overlay-text-secondary: hsl(var(--white-hsl)/0.7);
    --content-inventory-overlay-ui-mod: hsl(var(--white-hsl)/0.7);
    --content-inventory-overlay-ui-mod-bg: hsl(var(--black-hsl)/0.1);
    --context-menu-backdrop-background: hsl(var(--black-hsl)/0.54);
    --control-brand-foreground: var(--brand-500);
    --control-brand-foreground-new: var(--brand-500);
    --creator-revenue-icon-gradient-end: var(--teal-400);
    --creator-revenue-icon-gradient-start: var(--teal-345);
    --creator-revenue-info-box-background: hsl(var(--teal-430-hsl)/0.1);
    --creator-revenue-info-box-border: var(--teal-400);
    --creator-revenue-locked-channel-icon: var(--teal-400);
    --creator-revenue-progress-bar: var(--teal-345);
    --custom-status-bubble-bg: var(--white);
    --deprecated-card-bg: var(--primary-100);
    --deprecated-card-editable-bg: hsl(var(--primary-100-hsl)/0.6);
    --deprecated-text-input-bg: var(--primary-200);
    --deprecated-text-input-border: hsl(var(--primary-500-hsl)/0.3);
    --deprecated-text-input-border-disabled: var(--primary-200);
    --deprecated-text-input-border-hover: var(--primary-300);
    --display-banner-overflow-background: hsl(var(--white-hsl)/0.5);
    --divider-strong: hsl(var(--black-hsl)/0.16);
    --divider-subtle: hsl(var(--black-hsl)/0.08);
    --embed-background: var(--primary-130);
    --embed-background-alternate: var(--primary-200);
    --embed-title: var(--primary-860);
    --expression-picker-bg: var(--primary-130);
    --focus-primary: var(--blue-360);
    --forum-post-extra-media-count-container-background: hsl(var(--primary-160-hsl)/0.8);
    --forum-post-tag-background: hsl(var(--primary-160-hsl)/0.9);
    --guild-notifications-bottom-sheet-pill-background: var(--white);
    --header-muted: var(--primary-460);
    --header-primary: var(--primary-860);
    --header-secondary: var(--primary-500);
    --home-background: var(--primary-100);
    --icon-invert: var(--neutral-1);
    --icon-muted: var(--primary-400);
    --icon-primary: var(--primary-860);
    --icon-secondary: var(--primary-500);
    --icon-transparent: hsl(var(--transparent-hsl)/0);
    --info-box-background: hsl(var(--blue-345-hsl)/0.1);
    --info-danger-background: hsl(var(--red-430-hsl)/0.1);
    --info-danger-foreground: var(--red-430);
    --info-danger-text: var(--black);
    --info-help-background: hsl(var(--blue-430-hsl)/0.1);
    --info-help-foreground: var(--blue-430);
    --info-help-text: var(--black);
    --info-positive-background: hsl(var(--green-400-hsl)/0.05);
    --info-positive-foreground: var(--green-400);
    --info-positive-text: var(--black);
    --info-warning-background: hsl(var(--yellow-400-hsl)/0.1);
    --info-warning-foreground: var(--yellow-400);
    --info-warning-text: var(--black);
    --input-background: hsl(var(--black-hsl)/0.08);
    --input-border: hsl(var(--plum-11-hsl)/0.32);
    --input-error-background: hsl(var(--red-500-hsl)/0.12);
    --input-error-border: var(--red-360);
    --input-error-text: var(--red-700);
    --input-focused-border: hsl(var(--black-hsl)/0.16);
    --input-placeholder-text: var(--primary-460);
    --interactive-active: var(--primary-860);
    --interactive-hover: var(--primary-600);
    --interactive-muted: var(--primary-300);
    --interactive-normal: var(--primary-500);
    --leaderboard-league-brand-text: var(--lol-text-dark);
    --legacy-android-blur-overlay-default: hsl(var(--primary-130-hsl)/0.1);
    --legacy-android-blur-overlay-ultra-thin: hsl(var(--white-hsl)/0.25);
    --legacy-blur-fallback-default: hsl(var(--primary-230-hsl)/0.975);
    --legacy-blur-fallback-ultra-thin: hsl(var(--white-hsl)/0.95);
    --live-stage-tile-border: hsl(var(--primary-430-hsl)/0.15);
    --logo-primary: var(--brand-500);
    --mention-background: hsl(var(--brand-500-hsl)/0.15);
    --mention-foreground: var(--brand-560);
    --menu-item-danger-active-bg: var(--red-530);
    --menu-item-danger-hover-bg: var(--red-430);
    --menu-item-default-active-bg: var(--brand-560);
    --menu-item-default-hover-bg: var(--brand-500);
    --message-reacted-background: hsl(var(--brand-500-hsl)/0.15);
    --message-reacted-text: var(--brand-560);
    --modal-background: var(--white);
    --modal-footer-background: var(--primary-130);
    --navigator-header-tint: var(--primary-500);
    --overlay-backdrop-default: hsl(var(--opacity-black-52-hsl)/0.5215686274509804);
    --overlay-backdrop-lightbox: hsl(var(--opacity-black-92-hsl)/0.9215686274509803);
    --panel-bg: var(--white);
    --polls-normal-fill-hover: var(--primary-230);
    --polls-normal-image-background: var(--white);
    --polls-victor-fill: hsl(var(--green-400-hsl)/0.2);
    --polls-voted-fill: hsl(var(--brand-500-hsl)/0.2);
    --premium-nitro-pink-text: var(--premium-nitro-pink-dark);
    --profile-gradient-note-background: hsl(var(--white-hsl)/0.3);
    --profile-gradient-overlay: hsl(var(--white-hsl)/0.6);
    --profile-gradient-overlay-synced-with-user-theme: hsl(var(--white-hsl)/0.8);
    --profile-gradient-role-pill-background: hsl(var(--white-hsl)/0.5);
    --profile-gradient-role-pill-border: hsl(var(--primary-660-hsl)/0.2);
    --profile-gradient-section-box: hsl(var(--white-hsl)/0.45);
    --redesign-activity-card-badge-icon: var(--primary-400);
    --redesign-button-active-background: var(--green-430);
    --redesign-button-active-pressed-background: var(--green-460);
    --redesign-button-active-text: var(--white);
    --redesign-button-danger-background: var(--red-430);
    --redesign-button-danger-pressed-background: var(--red-460);
    --redesign-button-danger-text: var(--white);
    --redesign-button-destructive-background: var(--red-430);
    --redesign-button-destructive-pressed-background: var(--red-460);
    --redesign-button-destructive-text: var(--white);
    --redesign-button-overlay-alpha-background: hsl(var(--black-hsl)/0.54);
    --redesign-button-overlay-alpha-pressed-background: hsl(var(--black-hsl)/0.64);
    --redesign-button-overlay-alpha-text: var(--white);
    --redesign-button-overlay-background: var(--white);
    --redesign-button-overlay-text: var(--primary-860);
    --redesign-button-positive-background: var(--green-430);
    --redesign-button-positive-pressed-background: var(--green-460);
    --redesign-button-positive-text: var(--white);
    --redesign-button-premium-primary-blue-for-gradient: var(--premium-tier-0-blue-for-gradients-2);
    --redesign-button-premium-primary-pink-for-gradient: var(--premium-tier-2-pink-for-gradients);
    --redesign-button-premium-primary-pressed-background: hsl(var(--black-hsl)/0.1);
    --redesign-button-premium-primary-purple-for-gradient: var(--premium-tier-2-purple-for-gradients);
    --redesign-button-premium-primary-purple-for-gradient-2: var(--premium-tier-2-purple-for-gradients-2);
    --redesign-button-primary-alt-background: hsl(var(--brand-500-hsl)/0);
    --redesign-button-primary-alt-border: var(--brand-500);
    --redesign-button-primary-alt-on-blurple-background: hsl(var(--brand-530-hsl)/0);
    --redesign-button-primary-alt-on-blurple-border: var(--white);
    --redesign-button-primary-alt-on-blurple-pressed-background: var(--brand-530);
    --redesign-button-primary-alt-on-blurple-pressed-border: var(--brand-360);
    --redesign-button-primary-alt-on-blurple-text: var(--white);
    --redesign-button-primary-alt-pressed-background: hsl(var(--brand-500-hsl)/0.06);
    --redesign-button-primary-alt-pressed-border: var(--brand-330);
    --redesign-button-primary-alt-pressed-text: var(--brand-560);
    --redesign-button-primary-alt-text: var(--brand-500);
    --redesign-button-primary-background: var(--brand-500);
    --redesign-button-primary-on-blurple-pressed-text: var(--brand-530);
    --redesign-button-primary-overlay-background: var(--white);
    --redesign-button-primary-overlay-pressed-background: var(--primary-230);
    --redesign-button-primary-overlay-text: var(--primary-860);
    --redesign-button-primary-pressed-background: var(--brand-560);
    --redesign-button-primary-text: var(--white);
    --redesign-button-secondary-background: var(--white);
    --redesign-button-secondary-border: hsl(var(--black-hsl)/0.08);
    --redesign-button-secondary-overlay-background: hsl(var(--black-hsl)/0.54);
    --redesign-button-secondary-overlay-pressed-background: hsl(var(--black-hsl)/0.64);
    --redesign-button-secondary-overlay-text: var(--white);
    --redesign-button-secondary-pressed-background: var(--primary-130);
    --redesign-button-secondary-pressed-border: hsl(var(--black-hsl)/0.04);
    --redesign-button-secondary-text: var(--primary-600);
    --redesign-button-selected-background: hsl(var(--brand-500-hsl)/0.16);
    --redesign-button-selected-pressed-background: hsl(var(--brand-500-hsl)/0.24);
    --redesign-button-selected-text: var(--brand-500);
    --redesign-button-tertiary-background: hsl(var(--black-hsl)/0.08);
    --redesign-button-tertiary-pressed-background: hsl(var(--black-hsl)/0.16);
    --redesign-button-tertiary-pressed-text: var(--primary-500);
    --redesign-button-tertiary-text: var(--primary-600);
    --redesign-channel-name-muted-text: var(--primary-460);
    --redesign-channel-name-text: var(--primary-860);
    --redesign-chat-input-background: hsl(var(--black-hsl)/0.08);
    --redesign-image-button-pressed-background: hsl(var(--black-hsl)/0.08);
    --redesign-input-control-active-bg: var(--white);
    --redesign-input-control-selected: var(--brand-500);
    --scrim-default: hsl(var(--opacity-black-52-hsl)/0.5215686274509804);
    --scrim-lightbox: hsl(var(--opacity-black-92-hsl)/0.9215686274509803);
    --scrollbar-auto-scrollbar-color-thumb: var(--primary-230);
    --scrollbar-auto-scrollbar-color-track: var(--primary-130);
    --scrollbar-auto-thumb: var(--primary-300);
    --scrollbar-auto-track: var(--primary-160);
    --scrollbar-thin-thumb: hsl(var(--primary-500-hsl)/0.3);
    --scrollbar-thin-track: hsl(var(--black-hsl)/0);
    --spine-default: var(--primary-300);
    --spoiler-hidden-background: var(--primary-200);
    --spoiler-revealed-background: var(--primary-160);
    --stage-card-pill-bg: var(--white);
    --status-danger: var(--red-430);
    --status-danger-background: var(--red-430);
    --status-danger-text: var(--white);
    --status-dnd: var(--red-430);
    --status-idle: var(--yellow-400);
    --status-offline: var(--primary-460);
    --status-online: var(--green-400);
    --status-positive: var(--green-400);
    --status-positive-background: var(--green-430);
    --status-positive-text: var(--white);
    --status-speaking: var(--green-360);
    --status-warning: var(--yellow-400);
    --status-warning-background: var(--yellow-400);
    --status-warning-text: var(--white);
    --text-brand: var(--brand-500);
    --text-danger: var(--red-500);
    --text-invert: var(--neutral-1);
    --text-link: var(--blue-430);
    --text-link-low-saturation: var(--blue-430);
    --text-low-contrast: var(--primary-460);
    --text-message-preview-low-sat: var(--primary-460);
    --text-muted: var(--primary-460);
    --text-muted-on-default: var(--primary-430);
    --text-normal: var(--primary-600);
    --text-positive: var(--green-430);
    --text-primary: var(--primary-600);
    --text-secondary: var(--primary-500);
    --text-warning: var(--yellow-430);
    --textbox-markdown-syntax: var(--primary-530);
    --theme-locked-blur-fallback: hsl(var(--primary-700-hsl)/0.96);
    --thread-channel-spine: var(--primary-300);
    --toast-bg: var(--white);
    --typing-indicator-bg: var(--primary-130);
    --user-profile-background-hover: hsl(var(--primary-400-hsl)/0.16);
    --user-profile-border: hsl(var(--black-hsl)/0.08);
    --user-profile-header-overflow-background: hsl(var(--white-hsl)/0.5);
    --user-profile-note-background-focus: var(--primary-200);
    --user-profile-overlay-background: var(--white);
    --user-profile-overlay-background-hover: hsl(var(--primary-400-hsl)/0.16);
    --user-profile-toolbar-border: hsl(var(--black-hsl)/0.04);
    --voice-video-video-tile-background: hsl(var(--plum-17-hsl)/0.4);
    --voice-video-video-tile-blur-fallback: hsl(var(--primary-700-hsl)/0.48)
}

@supports (color:color-mix(in lch,red,blue)) {
    .theme-light {
        --action-sheet-gradient-bg: color-mix(in oklab,var(--primary-130) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --activity-card-background: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --activity-card-icon-overlay: color-mix(in oklab,hsl(var(--primary-600-hsl)/0.85) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.85) var(--theme-base-color-amount,0%));
        --alert-bg: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --android-navigation-bar-background: color-mix(in oklab,var(--primary-100) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --android-navigation-scrim-background: color-mix(in oklab,hsl(var(--primary-100-hsl)/0.5) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.5) var(--theme-base-color-amount,0%));
        --android-ripple: color-mix(in oklab,hsl(var(--black-hsl)/0.12) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12) var(--theme-base-color-amount,0%));
        --app-border-frame: color-mix(in oklab,hsl(var(--black-hsl)/0.08) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.08) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)));
        --autocomplete-bg: color-mix(in oklab,var(--primary-100) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-accent: color-mix(in oklab,var(--primary-430) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-base-low: color-mix(in oklab,var(--neutral-2) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-base-lower: color-mix(in oklab,var(--neutral-2) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-base-lowest: color-mix(in oklab,var(--neutral-4) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-floating: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-mentioned: color-mix(in oklab,hsl(var(--yellow-300-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --background-mentioned-hover: color-mix(in oklab,hsl(var(--yellow-300-hsl)/0.2) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.2) var(--theme-base-color-amount,0%));
        --background-message-automod: color-mix(in oklab,hsl(var(--red-400-hsl)/0.05) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.05) var(--theme-base-color-amount,0%));
        --background-message-automod-hover: color-mix(in oklab,hsl(var(--red-400-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --background-message-highlight: color-mix(in oklab,hsl(var(--brand-360-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --background-message-highlight-hover: color-mix(in oklab,hsl(var(--brand-360-hsl)/0.2) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.2) var(--theme-base-color-amount,0%));
        --background-message-hover: color-mix(in oklab,hsl(var(--primary-900-hsl)/0.03) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.03) var(--theme-base-color-amount,0%));
        --background-mobile-primary: color-mix(in oklab,var(--primary-100) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-mobile-secondary: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-nested-floating: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-primary: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-secondary: color-mix(in oklab,var(--primary-130) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-secondary-alt: color-mix(in oklab,var(--primary-160) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-tertiary: color-mix(in oklab,var(--primary-200) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-tile-gradient-pink-end: color-mix(in oklab,hsl(var(--illo-pink-3-hsl)/0.3) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.3) var(--theme-base-color-amount,0%));
        --background-tile-gradient-pink-start: color-mix(in oklab,hsl(var(--illo-pink-1-hsl)/0.3) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.3) var(--theme-base-color-amount,0%));
        --bg-backdrop: color-mix(in oklab,hsl(var(--black-hsl)/0.54) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.54) var(--theme-base-color-amount,0%));
        --bg-backdrop-immersive: color-mix(in oklab,hsl(var(--black-hsl)/0.8) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.8) var(--theme-base-color-amount,0%));
        --bg-backdrop-no-opacity: color-mix(in oklab,var(--black) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-base-primary: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-base-secondary: color-mix(in oklab,var(--primary-130) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-base-tertiary: color-mix(in oklab,var(--primary-160) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-mod-faint: color-mix(in oklab,hsl(var(--primary-400-hsl)/0.08) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.08) var(--theme-base-color-amount,0%));
        --bg-mod-strong: color-mix(in oklab,hsl(var(--primary-400-hsl)/0.24) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.24) var(--theme-base-color-amount,0%));
        --bg-mod-subtle: color-mix(in oklab,hsl(var(--primary-400-hsl)/0.16) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.16) var(--theme-base-color-amount,0%));
        --bg-surface-overlay: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-surface-overlay-tmp: color-mix(in oklab,var(--primary-130) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-surface-raised: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --blur-fallback: color-mix(in oklab,hsl(var(--primary-530-hsl)/0.96) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.96) var(--theme-base-color-amount,0%));
        --blur-fallback-pressed: color-mix(in oklab,hsl(var(--primary-560-hsl)/0.96) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.96) var(--theme-base-color-amount,0%));
        --border-faint: color-mix(in oklab,hsl(var(--black-hsl)/0.04) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.04) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)));
        --border-strong: color-mix(in oklab,hsl(var(--black-hsl)/0.16) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.16) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)));
        --border-subtle: color-mix(in oklab,hsl(var(--black-hsl)/0.08) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.08) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)));
        --bug-reporter-modal-submitting-background: color-mix(in oklab,hsl(var(--white-hsl)/0.6) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.6) var(--theme-base-color-amount,0%));
        --card-gradient-bg: color-mix(in oklab,hsl(var(--white-hsl)/0.7) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.7) var(--theme-base-color-amount,0%));
        --card-gradient-pressed-bg: color-mix(in oklab,hsl(var(--white-hsl)/0.5) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.5) var(--theme-base-color-amount,0%));
        --card-primary-bg: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --card-primary-pressed-bg: color-mix(in oklab,var(--primary-160) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --card-secondary-bg: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --card-secondary-pressed-bg: color-mix(in oklab,var(--primary-160) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --channel-icon: color-mix(in oklab,var(--primary-430) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --channel-text-area-placeholder: color-mix(in oklab,var(--primary-400) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --channels-default: color-mix(in oklab,var(--primary-460) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --channeltextarea-background: color-mix(in oklab,var(--primary-160) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --chat-background: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --chat-banner-bg: color-mix(in oklab,var(--primary-130) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --chat-border: color-mix(in oklab,var(--primary-200) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --chat-input-container-background: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --chat-swipe-to-reply-background: color-mix(in oklab,var(--primary-160) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --chat-swipe-to-reply-gradient-background: color-mix(in oklab,hsl(var(--white-hsl)/0.4) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.4) var(--theme-base-color-amount,0%));
        --coachmark-bg: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --content-inventory-media-seekbar-container: color-mix(in oklab,hsl(var(--plum-6-hsl)/0.24) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.24) var(--theme-base-color-amount,0%));
        --content-inventory-overlay-text-primary: color-mix(in oklab,hsl(var(--white-hsl)/0.85) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.85) var(--theme-base-color-amount,0%));
        --content-inventory-overlay-text-secondary: color-mix(in oklab,hsl(var(--white-hsl)/0.7) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.7) var(--theme-base-color-amount,0%));
        --content-inventory-overlay-ui-mod: color-mix(in oklab,hsl(var(--white-hsl)/0.7) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.7) var(--theme-base-color-amount,0%));
        --content-inventory-overlay-ui-mod-bg: color-mix(in oklab,hsl(var(--black-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --context-menu-backdrop-background: color-mix(in oklab,hsl(var(--black-hsl)/0.54) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.54) var(--theme-base-color-amount,0%));
        --control-brand-foreground: color-mix(in oklab,var(--brand-500) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --control-brand-foreground-new: color-mix(in oklab,var(--brand-500) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --creator-revenue-icon-gradient-end: color-mix(in oklab,var(--teal-400) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --creator-revenue-icon-gradient-start: color-mix(in oklab,var(--teal-345) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --creator-revenue-info-box-background: color-mix(in oklab,hsl(var(--teal-430-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --creator-revenue-info-box-border: color-mix(in oklab,var(--teal-400) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --creator-revenue-locked-channel-icon: color-mix(in oklab,var(--teal-400) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --creator-revenue-progress-bar: color-mix(in oklab,var(--teal-345) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --custom-status-bubble-bg: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --deprecated-card-bg: color-mix(in oklab,var(--primary-100) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --deprecated-card-editable-bg: color-mix(in oklab,hsl(var(--primary-100-hsl)/0.6) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.6) var(--theme-base-color-amount,0%));
        --deprecated-text-input-bg: color-mix(in oklab,var(--primary-200) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --deprecated-text-input-border: color-mix(in oklab,hsl(var(--primary-500-hsl)/0.3) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.3) var(--theme-base-color-amount,0%));
        --deprecated-text-input-border-disabled: color-mix(in oklab,var(--primary-200) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --deprecated-text-input-border-hover: color-mix(in oklab,var(--primary-300) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --display-banner-overflow-background: color-mix(in oklab,hsl(var(--white-hsl)/0.5) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.5) var(--theme-base-color-amount,0%));
        --divider-strong: color-mix(in oklab,hsl(var(--black-hsl)/0.16) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.16) var(--theme-base-color-amount,0%));
        --divider-subtle: color-mix(in oklab,hsl(var(--black-hsl)/0.08) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.08) var(--theme-base-color-amount,0%));
        --embed-background: color-mix(in oklab,var(--primary-130) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --embed-background-alternate: color-mix(in oklab,var(--primary-200) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --embed-title: color-mix(in oklab,var(--primary-860) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --expression-picker-bg: color-mix(in oklab,var(--primary-130) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --focus-primary: color-mix(in oklab,var(--blue-360) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --forum-post-extra-media-count-container-background: color-mix(in oklab,hsl(var(--primary-160-hsl)/0.8) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.8) var(--theme-base-color-amount,0%));
        --forum-post-tag-background: color-mix(in oklab,hsl(var(--primary-160-hsl)/0.9) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.9) var(--theme-base-color-amount,0%));
        --guild-notifications-bottom-sheet-pill-background: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --header-muted: color-mix(in oklab,var(--primary-460) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --header-primary: color-mix(in oklab,var(--primary-860) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --header-secondary: color-mix(in oklab,var(--primary-500) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --home-background: color-mix(in oklab,var(--primary-100) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --icon-invert: color-mix(in oklab,var(--neutral-1) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --icon-muted: color-mix(in oklab,var(--primary-400) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --icon-primary: color-mix(in oklab,var(--primary-860) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --icon-secondary: color-mix(in oklab,var(--primary-500) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --icon-transparent: color-mix(in oklab,hsl(var(--transparent-hsl)/0) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0) var(--theme-text-color-amount,0%));
        --info-box-background: color-mix(in oklab,hsl(var(--blue-345-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --info-danger-background: color-mix(in oklab,hsl(var(--red-430-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --info-danger-foreground: color-mix(in oklab,var(--red-430) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-danger-text: color-mix(in oklab,var(--black) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-help-background: color-mix(in oklab,hsl(var(--blue-430-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --info-help-foreground: color-mix(in oklab,var(--blue-430) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-help-text: color-mix(in oklab,var(--black) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-positive-background: color-mix(in oklab,hsl(var(--green-400-hsl)/0.05) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.05) var(--theme-base-color-amount,0%));
        --info-positive-foreground: color-mix(in oklab,var(--green-400) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-positive-text: color-mix(in oklab,var(--black) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-warning-background: color-mix(in oklab,hsl(var(--yellow-400-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --info-warning-foreground: color-mix(in oklab,var(--yellow-400) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-warning-text: color-mix(in oklab,var(--black) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --input-background: color-mix(in oklab,hsl(var(--black-hsl)/0.08) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.08) var(--theme-base-color-amount,0%));
        --input-border: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.32) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.32) var(--theme-base-color-amount,0%));
        --input-error-background: color-mix(in oklab,hsl(var(--red-500-hsl)/0.12) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12) var(--theme-base-color-amount,0%));
        --input-error-border: color-mix(in oklab,var(--red-360) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --input-error-text: color-mix(in oklab,var(--red-700) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --input-focused-border: color-mix(in oklab,hsl(var(--black-hsl)/0.16) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.16) var(--theme-base-color-amount,0%));
        --input-placeholder-text: color-mix(in oklab,var(--primary-460) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --interactive-active: color-mix(in oklab,var(--primary-860) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --interactive-hover: color-mix(in oklab,var(--primary-600) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --interactive-muted: color-mix(in oklab,var(--primary-300) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --interactive-normal: color-mix(in oklab,var(--primary-500) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --leaderboard-league-brand-text: color-mix(in oklab,var(--lol-text-dark) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --legacy-android-blur-overlay-default: color-mix(in oklab,hsl(var(--primary-130-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --legacy-android-blur-overlay-ultra-thin: color-mix(in oklab,hsl(var(--white-hsl)/0.25) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.25) var(--theme-base-color-amount,0%));
        --legacy-blur-fallback-default: color-mix(in oklab,hsl(var(--primary-230-hsl)/0.975) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.975) var(--theme-base-color-amount,0%));
        --legacy-blur-fallback-ultra-thin: color-mix(in oklab,hsl(var(--white-hsl)/0.95) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.95) var(--theme-base-color-amount,0%));
        --live-stage-tile-border: color-mix(in oklab,hsl(var(--primary-430-hsl)/0.15) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.15) var(--theme-base-color-amount,0%));
        --logo-primary: color-mix(in oklab,var(--brand-500) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --mention-background: color-mix(in oklab,hsl(var(--brand-500-hsl)/0.15) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.15) var(--theme-base-color-amount,0%));
        --mention-foreground: color-mix(in oklab,var(--brand-560) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --menu-item-danger-active-bg: color-mix(in oklab,var(--red-530) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --menu-item-danger-hover-bg: color-mix(in oklab,var(--red-430) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --menu-item-default-active-bg: color-mix(in oklab,var(--brand-560) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --menu-item-default-hover-bg: color-mix(in oklab,var(--brand-500) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --message-reacted-background: color-mix(in oklab,hsl(var(--brand-500-hsl)/0.15) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.15) var(--theme-base-color-amount,0%));
        --message-reacted-text: color-mix(in oklab,var(--brand-560) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --modal-background: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --modal-footer-background: color-mix(in oklab,var(--primary-130) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --navigator-header-tint: color-mix(in oklab,var(--primary-500) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --overlay-backdrop-default: color-mix(in oklab,hsl(var(--opacity-black-52-hsl)/0.5215686274509804) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.5215686274509804) var(--theme-base-color-amount,0%));
        --overlay-backdrop-lightbox: color-mix(in oklab,hsl(var(--opacity-black-92-hsl)/0.9215686274509803) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.9215686274509803) var(--theme-base-color-amount,0%));
        --panel-bg: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --polls-normal-fill-hover: color-mix(in oklab,var(--primary-230) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --polls-normal-image-background: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --polls-victor-fill: color-mix(in oklab,hsl(var(--green-400-hsl)/0.2) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.2) var(--theme-base-color-amount,0%));
        --polls-voted-fill: color-mix(in oklab,hsl(var(--brand-500-hsl)/0.2) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.2) var(--theme-base-color-amount,0%));
        --premium-nitro-pink-text: color-mix(in oklab,var(--premium-nitro-pink-dark) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --profile-gradient-note-background: color-mix(in oklab,hsl(var(--white-hsl)/0.3) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.3) var(--theme-base-color-amount,0%));
        --profile-gradient-overlay: color-mix(in oklab,hsl(var(--white-hsl)/0.6) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.6) var(--theme-base-color-amount,0%));
        --profile-gradient-overlay-synced-with-user-theme: color-mix(in oklab,hsl(var(--white-hsl)/0.8) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.8) var(--theme-base-color-amount,0%));
        --profile-gradient-role-pill-background: color-mix(in oklab,hsl(var(--white-hsl)/0.5) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.5) var(--theme-base-color-amount,0%));
        --profile-gradient-role-pill-border: color-mix(in oklab,hsl(var(--primary-660-hsl)/0.2) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.2) var(--theme-base-color-amount,0%));
        --profile-gradient-section-box: color-mix(in oklab,hsl(var(--white-hsl)/0.45) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.45) var(--theme-base-color-amount,0%));
        --redesign-activity-card-badge-icon: color-mix(in oklab,var(--primary-400) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-active-background: color-mix(in oklab,var(--green-430) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-active-pressed-background: color-mix(in oklab,var(--green-460) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-active-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-danger-background: color-mix(in oklab,var(--red-430) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-danger-pressed-background: color-mix(in oklab,var(--red-460) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-danger-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-destructive-background: color-mix(in oklab,var(--red-430) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-destructive-pressed-background: color-mix(in oklab,var(--red-460) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-destructive-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-overlay-alpha-background: color-mix(in oklab,hsl(var(--black-hsl)/0.54) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.54) var(--theme-base-color-amount,0%));
        --redesign-button-overlay-alpha-pressed-background: color-mix(in oklab,hsl(var(--black-hsl)/0.64) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.64) var(--theme-base-color-amount,0%));
        --redesign-button-overlay-alpha-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-overlay-background: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-overlay-text: color-mix(in oklab,var(--primary-860) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-positive-background: color-mix(in oklab,var(--green-430) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-positive-pressed-background: color-mix(in oklab,var(--green-460) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-positive-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-premium-primary-blue-for-gradient: color-mix(in oklab,var(--premium-tier-0-blue-for-gradients-2) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-premium-primary-pink-for-gradient: color-mix(in oklab,var(--premium-tier-2-pink-for-gradients) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-premium-primary-pressed-background: color-mix(in oklab,hsl(var(--black-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --redesign-button-premium-primary-purple-for-gradient: color-mix(in oklab,var(--premium-tier-2-purple-for-gradients) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-premium-primary-purple-for-gradient-2: color-mix(in oklab,var(--premium-tier-2-purple-for-gradients-2) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-primary-alt-background: color-mix(in oklab,hsl(var(--brand-500-hsl)/0) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0) var(--theme-base-color-amount,0%));
        --redesign-button-primary-alt-border: color-mix(in oklab,var(--brand-500) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-primary-alt-on-blurple-background: color-mix(in oklab,hsl(var(--brand-530-hsl)/0) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0) var(--theme-base-color-amount,0%));
        --redesign-button-primary-alt-on-blurple-border: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-primary-alt-on-blurple-pressed-background: color-mix(in oklab,var(--brand-530) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-primary-alt-on-blurple-pressed-border: color-mix(in oklab,var(--brand-360) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-primary-alt-on-blurple-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-primary-alt-pressed-background: color-mix(in oklab,hsl(var(--brand-500-hsl)/0.06) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.06) var(--theme-base-color-amount,0%));
        --redesign-button-primary-alt-pressed-border: color-mix(in oklab,var(--brand-330) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-primary-alt-pressed-text: color-mix(in oklab,var(--brand-560) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-primary-alt-text: color-mix(in oklab,var(--brand-500) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-primary-background: color-mix(in oklab,var(--brand-500) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-primary-on-blurple-pressed-text: color-mix(in oklab,var(--brand-530) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-primary-overlay-background: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-primary-overlay-pressed-background: color-mix(in oklab,var(--primary-230) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-primary-overlay-text: color-mix(in oklab,var(--primary-860) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-primary-pressed-background: color-mix(in oklab,var(--brand-560) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-primary-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-secondary-background: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-secondary-border: color-mix(in oklab,hsl(var(--black-hsl)/0.08) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.08) var(--theme-base-color-amount,0%));
        --redesign-button-secondary-overlay-background: color-mix(in oklab,hsl(var(--black-hsl)/0.54) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.54) var(--theme-base-color-amount,0%));
        --redesign-button-secondary-overlay-pressed-background: color-mix(in oklab,hsl(var(--black-hsl)/0.64) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.64) var(--theme-base-color-amount,0%));
        --redesign-button-secondary-overlay-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-secondary-pressed-background: color-mix(in oklab,var(--primary-130) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-secondary-pressed-border: color-mix(in oklab,hsl(var(--black-hsl)/0.04) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.04) var(--theme-base-color-amount,0%));
        --redesign-button-secondary-text: color-mix(in oklab,var(--primary-600) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-selected-background: color-mix(in oklab,hsl(var(--brand-500-hsl)/0.16) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.16) var(--theme-base-color-amount,0%));
        --redesign-button-selected-pressed-background: color-mix(in oklab,hsl(var(--brand-500-hsl)/0.24) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.24) var(--theme-base-color-amount,0%));
        --redesign-button-selected-text: color-mix(in oklab,var(--brand-500) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-tertiary-background: color-mix(in oklab,hsl(var(--black-hsl)/0.08) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.08) var(--theme-base-color-amount,0%));
        --redesign-button-tertiary-pressed-background: color-mix(in oklab,hsl(var(--black-hsl)/0.16) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.16) var(--theme-base-color-amount,0%));
        --redesign-button-tertiary-pressed-text: color-mix(in oklab,var(--primary-500) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-tertiary-text: color-mix(in oklab,var(--primary-600) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-channel-name-muted-text: color-mix(in oklab,var(--primary-460) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-channel-name-text: color-mix(in oklab,var(--primary-860) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-chat-input-background: color-mix(in oklab,hsl(var(--black-hsl)/0.08) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.08) var(--theme-base-color-amount,0%));
        --redesign-image-button-pressed-background: color-mix(in oklab,hsl(var(--black-hsl)/0.08) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.08) var(--theme-base-color-amount,0%));
        --redesign-input-control-active-bg: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-input-control-selected: color-mix(in oklab,var(--brand-500) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --scrim-default: color-mix(in oklab,hsl(var(--opacity-black-52-hsl)/0.5215686274509804) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.5215686274509804) var(--theme-base-color-amount,0%));
        --scrim-lightbox: color-mix(in oklab,hsl(var(--opacity-black-92-hsl)/0.9215686274509803) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.9215686274509803) var(--theme-base-color-amount,0%));
        --scrollbar-auto-scrollbar-color-thumb: color-mix(in oklab,var(--primary-230) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --scrollbar-auto-scrollbar-color-track: color-mix(in oklab,var(--primary-130) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --scrollbar-auto-thumb: color-mix(in oklab,var(--primary-300) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --scrollbar-auto-track: color-mix(in oklab,var(--primary-160) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --scrollbar-thin-thumb: color-mix(in oklab,hsl(var(--primary-500-hsl)/0.3) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.3) var(--theme-base-color-amount,0%));
        --scrollbar-thin-track: color-mix(in oklab,hsl(var(--black-hsl)/0) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0) var(--theme-base-color-amount,0%));
        --spine-default: color-mix(in oklab,var(--primary-300) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --spoiler-hidden-background: color-mix(in oklab,var(--primary-200) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --spoiler-revealed-background: color-mix(in oklab,var(--primary-160) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --stage-card-pill-bg: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --text-brand: color-mix(in oklab,var(--brand-500) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-danger: color-mix(in oklab,var(--red-500) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-invert: color-mix(in oklab,var(--neutral-1) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-link: color-mix(in oklab,var(--blue-430) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-link-low-saturation: color-mix(in oklab,var(--blue-430) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-low-contrast: color-mix(in oklab,var(--primary-460) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-message-preview-low-sat: color-mix(in oklab,var(--primary-460) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-muted: color-mix(in oklab,var(--primary-460) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-muted-on-default: color-mix(in oklab,var(--primary-430) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-normal: color-mix(in oklab,var(--primary-600) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-positive: color-mix(in oklab,var(--green-430) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-primary: color-mix(in oklab,var(--primary-600) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-secondary: color-mix(in oklab,var(--primary-500) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-warning: color-mix(in oklab,var(--yellow-430) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --textbox-markdown-syntax: color-mix(in oklab,var(--primary-530) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --theme-locked-blur-fallback: color-mix(in oklab,hsl(var(--primary-700-hsl)/0.96) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.96) var(--theme-base-color-amount,0%));
        --thread-channel-spine: color-mix(in oklab,var(--primary-300) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --toast-bg: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --typing-indicator-bg: color-mix(in oklab,var(--primary-130) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --user-profile-background-hover: color-mix(in oklab,hsl(var(--primary-400-hsl)/0.16) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.16) var(--theme-base-color-amount,0%));
        --user-profile-border: color-mix(in oklab,hsl(var(--black-hsl)/0.08) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.08) var(--theme-base-color-amount,0%));
        --user-profile-header-overflow-background: color-mix(in oklab,hsl(var(--white-hsl)/0.5) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.5) var(--theme-base-color-amount,0%));
        --user-profile-note-background-focus: color-mix(in oklab,var(--primary-200) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --user-profile-overlay-background: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --user-profile-overlay-background-hover: color-mix(in oklab,hsl(var(--primary-400-hsl)/0.16) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.16) var(--theme-base-color-amount,0%));
        --user-profile-toolbar-border: color-mix(in oklab,hsl(var(--black-hsl)/0.04) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.04) var(--theme-base-color-amount,0%));
        --voice-video-video-tile-background: color-mix(in oklab,hsl(var(--plum-17-hsl)/0.4) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.4) var(--theme-base-color-amount,0%));
        --voice-video-video-tile-blur-fallback: color-mix(in oklab,hsl(var(--primary-700-hsl)/0.48) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.48) var(--theme-base-color-amount,0%))
    }
}

.theme-midnight {
    --action-sheet-gradient-bg: var(--black);
    --activity-card-background: var(--primary-700);
    --activity-card-icon-overlay: hsl(var(--primary-600-hsl)/0.85);
    --alert-bg: var(--black);
    --android-navigation-bar-background: var(--plum-24);
    --android-navigation-scrim-background: hsl(var(--plum-24-hsl)/0.5);
    --android-ripple: hsl(var(--white-hsl)/0.07);
    --app-border-frame: hsl(var(--plum-11-hsl)/0.14);
    --autocomplete-bg: var(--primary-630);
    --background-accent: var(--plum-17);
    --background-base-low: var(--neutral-95);
    --background-base-lower: var(--neutral-97);
    --background-base-lowest: var(--neutral-100);
    --background-floating: var(--plum-23);
    --background-mentioned: hsl(var(--yellow-260-hsl)/0.08);
    --background-mentioned-hover: hsl(var(--yellow-300-hsl)/0.08);
    --background-message-automod: hsl(var(--red-345-hsl)/0.08);
    --background-message-automod-hover: hsl(var(--red-400-hsl)/0.1);
    --background-message-highlight: hsl(var(--brand-360-hsl)/0.08);
    --background-message-highlight-hover: hsl(var(--brand-360-hsl)/0.06);
    --background-message-hover: var(--plum-21);
    --background-mobile-primary: var(--black);
    --background-mobile-secondary: var(--black);
    --background-modal-gradient-blue-end: hsl(var(--illo-blue-6-hsl)/0.25);
    --background-modal-gradient-blue-start: hsl(var(--illo-blue-4-hsl)/0.25);
    --background-modal-gradient-green-end: hsl(var(--illo-green-7-hsl)/0.25);
    --background-modal-gradient-green-start: hsl(var(--illo-green-5-hsl)/0.25);
    --background-modal-gradient-nitro-1-end: hsl(var(--illo-nitro-blue-hsl)/0.3);
    --background-modal-gradient-nitro-1-start: hsl(var(--illo-pink-6-hsl)/0.3);
    --background-modal-gradient-nitro-2-end: hsl(var(--illo-nitro-blue-hsl)/0.3);
    --background-modal-gradient-nitro-2-start: hsl(var(--illo-green-5-hsl)/0.3);
    --background-modal-gradient-pink-end: hsl(var(--illo-pink-7-hsl)/0.25);
    --background-modal-gradient-pink-start: hsl(var(--illo-pink-5-hsl)/0.25);
    --background-modal-gradient-purple-end: hsl(var(--illo-purple-6-hsl)/0.25);
    --background-modal-gradient-purple-start: hsl(var(--illo-purple-4-hsl)/0.25);
    --background-modifier-accent: hsl(var(--plum-23-alpha-hsl)/0.1);
    --background-modifier-active: hsl(var(--plum-13-hsl)/0.48);
    --background-modifier-hover: hsl(var(--plum-13-hsl)/0.3);
    --background-modifier-selected: hsl(var(--plum-13-hsl)/0.6);
    --background-nested-floating: var(--black);
    --background-primary: var(--black);
    --background-secondary: var(--plum-23);
    --background-secondary-alt: var(--plum-17);
    --background-tertiary: var(--plum-19);
    --background-tile-gradient-pink-end: hsl(var(--illo-pink-7-hsl)/0.3);
    --background-tile-gradient-pink-start: hsl(var(--illo-pink-5-hsl)/0.3);
    --badge-brand-bg: var(--brand-260);
    --badge-brand-text: var(--brand-560);
    --bg-backdrop: hsl(var(--plum-19-hsl)/0.75);
    --bg-backdrop-immersive: hsl(var(--plum-19-hsl)/0.9);
    --bg-backdrop-no-opacity: var(--plum-19);
    --bg-base-primary: var(--black);
    --bg-base-secondary: var(--black);
    --bg-base-tertiary: var(--black);
    --bg-brand: var(--brand-500);
    --bg-mod-faint: hsl(var(--plum-11-hsl)/0.16);
    --bg-mod-strong: hsl(var(--plum-11-hsl)/0.18);
    --bg-mod-subtle: hsl(var(--plum-11-hsl)/0.12);
    --bg-surface-overlay: var(--plum-19);
    --bg-surface-overlay-tmp: var(--plum-21);
    --bg-surface-raised: var(--plum-23);
    --blur-fallback: hsl(var(--plum-19-hsl)/0.96);
    --blur-fallback-pressed: hsl(var(--plum-20-hsl)/0.96);
    --border-faint: hsl(var(--plum-11-hsl)/0.08);
    --border-strong: hsl(var(--plum-11-hsl)/0.24);
    --border-subtle: hsl(var(--plum-11-hsl)/0.14);
    --bug-reporter-modal-submitting-background: hsl(var(--plum-23-hsl)/0.6);
    --button-creator-revenue-background: var(--teal-430);
    --button-danger-background: var(--red-430);
    --button-danger-background-active: var(--red-530);
    --button-danger-background-disabled: var(--red-430);
    --button-danger-background-hover: var(--red-500);
    --button-danger-border: hsl(var(--white-hsl)/0);
    --button-expressive-background: var(--white);
    --button-expressive-background-active: var(--neutral-5);
    --button-expressive-background-hover: var(--white);
    --button-filled-brand-background: var(--brand-500);
    --button-filled-brand-background-active: var(--brand-600);
    --button-filled-brand-background-hover: var(--brand-560);
    --button-filled-brand-border: hsl(var(--white-hsl)/0);
    --button-filled-brand-inverted-background: var(--white);
    --button-filled-brand-inverted-background-active: var(--brand-200);
    --button-filled-brand-inverted-background-hover: var(--brand-100);
    --button-filled-brand-inverted-text: var(--brand-500);
    --button-filled-brand-text: var(--white);
    --button-filled-white-background: var(--white);
    --button-filled-white-background-active: var(--white);
    --button-filled-white-background-hover: var(--white);
    --button-filled-white-text: var(--primary-500);
    --button-outline-brand-background: hsl(var(--white-hsl)/0);
    --button-outline-brand-background-active: var(--brand-560);
    --button-outline-brand-background-hover: var(--brand-500);
    --button-outline-brand-border: var(--brand-500);
    --button-outline-brand-border-active: var(--brand-560);
    --button-outline-brand-border-hover: var(--brand-500);
    --button-outline-brand-text: var(--white);
    --button-outline-brand-text-active: var(--white);
    --button-outline-brand-text-hover: var(--white);
    --button-outline-danger-background: hsl(var(--white-hsl)/0);
    --button-outline-danger-background-active: var(--red-460);
    --button-outline-danger-background-hover: var(--red-430);
    --button-outline-danger-border: var(--red-400);
    --button-outline-danger-border-active: var(--red-430);
    --button-outline-danger-border-hover: var(--red-430);
    --button-outline-danger-text: var(--white);
    --button-outline-danger-text-active: var(--white);
    --button-outline-danger-text-hover: var(--white);
    --button-outline-positive-background: hsl(var(--white-hsl)/0);
    --button-outline-positive-background-active: var(--green-530);
    --button-outline-positive-background-hover: var(--green-430);
    --button-outline-positive-border: var(--green-360);
    --button-outline-positive-border-active: var(--green-530);
    --button-outline-positive-border-hover: var(--green-430);
    --button-outline-positive-text: var(--white);
    --button-outline-positive-text-active: var(--white);
    --button-outline-positive-text-hover: var(--white);
    --button-outline-primary-background: hsl(var(--white-hsl)/0);
    --button-outline-primary-background-active: var(--plum-11);
    --button-outline-primary-background-hover: var(--plum-13);
    --button-outline-primary-border: var(--primary-500);
    --button-outline-primary-border-active: var(--plum-11);
    --button-outline-primary-border-hover: var(--plum-13);
    --button-outline-primary-text: var(--white);
    --button-outline-primary-text-active: var(--white);
    --button-outline-primary-text-hover: var(--white);
    --button-positive-background: var(--green-430);
    --button-positive-background-active: var(--green-530);
    --button-positive-background-disabled: var(--green-430);
    --button-positive-background-hover: var(--green-530);
    --button-positive-border: hsl(var(--white-hsl)/0);
    --button-secondary-background: var(--plum-13);
    --button-secondary-background-active: var(--plum-10);
    --button-secondary-background-disabled: var(--plum-13);
    --button-secondary-background-hover: var(--plum-11);
    --button-secondary-text: var(--white);
    --button-transparent-background: hsl(var(--white-hsl)/0.1);
    --button-transparent-background-active: hsl(var(--white-hsl)/0.01);
    --button-transparent-background-hover: hsl(var(--white-hsl)/0.05);
    --button-transparent-text: var(--plum-2);
    --card-gradient-bg: hsl(var(--black-hsl)/0.4);
    --card-gradient-pressed-bg: hsl(var(--black-hsl)/0.5);
    --card-primary-bg: var(--plum-23);
    --card-primary-pressed-bg: var(--plum-25);
    --card-secondary-bg: var(--plum-25);
    --card-secondary-pressed-bg: var(--plum-26);
    --channel-icon: var(--plum-10);
    --channel-text-area-placeholder: var(--plum-11);
    --channels-default: var(--plum-9);
    --channeltextarea-background: var(--plum-23);
    --chat-background: var(--black);
    --chat-banner-bg: var(--black);
    --chat-border: var(--plum-20);
    --chat-input-container-background: var(--plum-16);
    --chat-swipe-to-reply-background: var(--plum-22);
    --chat-swipe-to-reply-gradient-background: hsl(var(--black-hsl)/0.1);
    --coachmark-bg: var(--plum-19);
    --content-inventory-media-seekbar-container: hsl(var(--plum-6-hsl)/0.24);
    --content-inventory-overlay-text-primary: hsl(var(--white-hsl)/0.85);
    --content-inventory-overlay-text-secondary: hsl(var(--white-hsl)/0.7);
    --content-inventory-overlay-ui-mod: hsl(var(--white-hsl)/0.7);
    --content-inventory-overlay-ui-mod-bg: hsl(var(--black-hsl)/0.1);
    --context-menu-backdrop-background: hsl(var(--black-hsl)/0.7);
    --control-brand-foreground: var(--brand-360);
    --control-brand-foreground-new: var(--brand-360);
    --creator-revenue-icon-gradient-end: var(--teal-430);
    --creator-revenue-icon-gradient-start: var(--teal-360);
    --creator-revenue-info-box-background: hsl(var(--teal-430-hsl)/0.1);
    --creator-revenue-info-box-border: var(--teal-400);
    --creator-revenue-locked-channel-icon: var(--teal-345);
    --creator-revenue-progress-bar: var(--teal-400);
    --custom-status-bubble-bg: var(--plum-19);
    --deprecated-card-bg: hsl(var(--primary-700-hsl)/0.6);
    --deprecated-card-editable-bg: hsl(var(--primary-700-hsl)/0.3);
    --deprecated-text-input-bg: var(--primary-700);
    --deprecated-text-input-border: hsl(var(--black-hsl)/0.3);
    --deprecated-text-input-border-disabled: var(--primary-700);
    --deprecated-text-input-border-hover: var(--primary-900);
    --display-banner-overflow-background: hsl(var(--plum-20-hsl)/0.5);
    --divider-strong: hsl(var(--plum-11-hsl)/0.24);
    --divider-subtle: hsl(var(--plum-11-hsl)/0.12);
    --embed-background: var(--plum-23);
    --embed-background-alternate: var(--primary-600);
    --embed-title: var(--plum-2);
    --expression-picker-bg: var(--black);
    --focus-primary: var(--blue-345);
    --forum-post-extra-media-count-container-background: hsl(var(--plum-19-hsl)/0.8);
    --forum-post-tag-background: hsl(var(--plum-19-hsl)/0.9);
    --guild-notifications-bottom-sheet-pill-background: var(--primary-700);
    --header-muted: var(--plum-10);
    --header-primary: var(--plum-2);
    --header-secondary: var(--plum-8);
    --home-background: var(--plum-18);
    --icon-invert: var(--neutral-71);
    --icon-muted: var(--plum-12);
    --icon-primary: var(--plum-5);
    --icon-secondary: var(--plum-9);
    --icon-transparent: hsl(var(--transparent-hsl)/0);
    --info-box-background: hsl(var(--blue-345-hsl)/0.1);
    --info-danger-background: hsl(var(--red-400-hsl)/0.1);
    --info-danger-foreground: var(--red-400);
    --info-danger-text: var(--white);
    --info-help-background: hsl(var(--blue-345-hsl)/0.1);
    --info-help-foreground: var(--blue-345);
    --info-help-text: var(--white);
    --info-positive-background: hsl(var(--green-360-hsl)/0.1);
    --info-positive-foreground: var(--green-360);
    --info-positive-text: var(--white);
    --info-warning-background: hsl(var(--yellow-300-hsl)/0.1);
    --info-warning-foreground: var(--yellow-300);
    --info-warning-text: var(--white);
    --input-background: hsl(var(--plum-23-alpha-hsl)/0.1);
    --input-border: hsl(var(--plum-11-hsl)/0.32);
    --input-error-background: hsl(var(--red-500-hsl)/0.12);
    --input-error-border: var(--red-360);
    --input-error-text: var(--red-260);
    --input-focused-border: hsl(var(--plum-11-hsl)/0.24);
    --input-placeholder-text: var(--plum-9);
    --interactive-active: var(--plum-3);
    --interactive-hover: var(--plum-4);
    --interactive-muted: var(--plum-13);
    --interactive-normal: var(--plum-6);
    --leaderboard-league-brand-text: var(--lol-text-light);
    --legacy-android-blur-overlay-default: hsl(var(--primary-660-hsl)/0.5);
    --legacy-android-blur-overlay-ultra-thin: hsl(var(--black-hsl)/0.025);
    --legacy-blur-fallback-default: hsl(var(--primary-660-hsl)/0.975);
    --legacy-blur-fallback-ultra-thin: hsl(var(--black-hsl)/0.95);
    --live-stage-tile-border: hsl(var(--plum-13-hsl)/0.6);
    --logo-primary: var(--white);
    --mention-background: hsl(var(--brand-500-hsl)/0.5);
    --mention-foreground: var(--brand-230);
    --menu-item-danger-active-bg: var(--red-530);
    --menu-item-danger-hover-bg: var(--red-430);
    --menu-item-default-active-bg: var(--brand-560);
    --menu-item-default-hover-bg: var(--brand-500);
    --message-reacted-background: hsl(var(--brand-500-hsl)/0.15);
    --message-reacted-text: var(--brand-200);
    --modal-background: var(--plum-16);
    --modal-footer-background: var(--plum-17);
    --navigator-header-tint: var(--white);
    --overlay-backdrop-default: hsl(var(--opacity-black-72-hsl)/0.7215686274509804);
    --overlay-backdrop-lightbox: hsl(var(--opacity-black-92-hsl)/0.9215686274509803);
    --panel-bg: var(--plum-24);
    --polls-normal-fill-hover: var(--primary-600);
    --polls-normal-image-background: var(--primary-660);
    --polls-victor-fill: hsl(var(--green-360-hsl)/0.2);
    --polls-voted-fill: hsl(var(--brand-500-hsl)/0.2);
    --premium-nitro-pink-text: var(--premium-nitro-pink-light);
    --profile-gradient-note-background: hsl(var(--black-hsl)/0.3);
    --profile-gradient-overlay: hsl(var(--black-hsl)/0.6);
    --profile-gradient-overlay-synced-with-user-theme: hsl(var(--black-hsl)/0.8);
    --profile-gradient-role-pill-background: hsl(var(--primary-660-hsl)/0.5);
    --profile-gradient-role-pill-border: hsl(var(--white-hsl)/0.2);
    --profile-gradient-section-box: hsl(var(--black-hsl)/0.45);
    --redesign-activity-card-badge-icon: var(--plum-11);
    --redesign-button-active-background: var(--green-430);
    --redesign-button-active-pressed-background: var(--green-460);
    --redesign-button-active-text: var(--white);
    --redesign-button-danger-background: var(--red-430);
    --redesign-button-danger-pressed-background: var(--red-460);
    --redesign-button-danger-text: var(--white);
    --redesign-button-destructive-background: var(--red-430);
    --redesign-button-destructive-pressed-background: var(--red-460);
    --redesign-button-destructive-text: var(--white);
    --redesign-button-overlay-alpha-background: hsl(var(--black-hsl)/0.54);
    --redesign-button-overlay-alpha-pressed-background: hsl(var(--black-hsl)/0.64);
    --redesign-button-overlay-alpha-text: var(--white);
    --redesign-button-overlay-background: var(--white);
    --redesign-button-overlay-text: var(--primary-860);
    --redesign-button-positive-background: var(--green-430);
    --redesign-button-positive-pressed-background: var(--green-460);
    --redesign-button-positive-text: var(--white);
    --redesign-button-premium-primary-blue-for-gradient: var(--premium-tier-0-blue-for-gradients-2);
    --redesign-button-premium-primary-pink-for-gradient: var(--premium-tier-2-pink-for-gradients);
    --redesign-button-premium-primary-pressed-background: hsl(var(--black-hsl)/0.1);
    --redesign-button-premium-primary-purple-for-gradient: var(--premium-tier-2-purple-for-gradients);
    --redesign-button-premium-primary-purple-for-gradient-2: var(--premium-tier-2-purple-for-gradients-2);
    --redesign-button-primary-alt-background: hsl(var(--brand-500-hsl)/0);
    --redesign-button-primary-alt-border: var(--brand-400);
    --redesign-button-primary-alt-on-blurple-background: hsl(var(--brand-530-hsl)/0);
    --redesign-button-primary-alt-on-blurple-border: var(--white);
    --redesign-button-primary-alt-on-blurple-pressed-background: var(--brand-530);
    --redesign-button-primary-alt-on-blurple-pressed-border: var(--brand-360);
    --redesign-button-primary-alt-on-blurple-text: var(--white);
    --redesign-button-primary-alt-pressed-background: hsl(var(--brand-700-hsl)/0.16);
    --redesign-button-primary-alt-pressed-border: hsl(var(--brand-400-hsl)/0.5);
    --redesign-button-primary-alt-pressed-text: var(--brand-360);
    --redesign-button-primary-alt-text: var(--brand-400);
    --redesign-button-primary-background: var(--brand-500);
    --redesign-button-primary-on-blurple-pressed-text: var(--brand-530);
    --redesign-button-primary-overlay-background: var(--white);
    --redesign-button-primary-overlay-pressed-background: var(--plum-4);
    --redesign-button-primary-overlay-text: var(--plum-25);
    --redesign-button-primary-pressed-background: var(--brand-560);
    --redesign-button-primary-text: var(--white);
    --redesign-button-secondary-background: var(--plum-17);
    --redesign-button-secondary-border: hsl(var(--plum-11-hsl)/0.14);
    --redesign-button-secondary-overlay-background: hsl(var(--black-hsl)/0.54);
    --redesign-button-secondary-overlay-pressed-background: hsl(var(--black-hsl)/0.64);
    --redesign-button-secondary-overlay-text: var(--white);
    --redesign-button-secondary-pressed-background: var(--plum-15);
    --redesign-button-secondary-pressed-border: hsl(var(--plum-11-hsl)/0.08);
    --redesign-button-secondary-text: var(--plum-4);
    --redesign-button-selected-background: hsl(var(--brand-500-hsl)/0.24);
    --redesign-button-selected-pressed-background: hsl(var(--brand-500-hsl)/0.28);
    --redesign-button-selected-text: var(--brand-500);
    --redesign-button-tertiary-background: hsl(var(--plum-23-alpha-hsl)/0.1);
    --redesign-button-tertiary-pressed-background: hsl(var(--plum-11-hsl)/0.2);
    --redesign-button-tertiary-pressed-text: var(--plum-6);
    --redesign-button-tertiary-text: var(--plum-4);
    --redesign-channel-name-muted-text: var(--plum-10);
    --redesign-channel-name-text: var(--plum-2);
    --redesign-chat-input-background: hsl(var(--plum-23-alpha-hsl)/0.1);
    --redesign-image-button-pressed-background: hsl(var(--black-hsl)/0.08);
    --redesign-input-control-active-bg: var(--plum-17);
    --redesign-input-control-selected: var(--brand-500);
    --scrim-default: hsl(var(--opacity-black-72-hsl)/0.7215686274509804);
    --scrim-lightbox: hsl(var(--opacity-black-92-hsl)/0.9215686274509803);
    --scrollbar-auto-scrollbar-color-thumb: var(--plum-20);
    --scrollbar-auto-scrollbar-color-track: var(--plum-17);
    --scrollbar-auto-thumb: var(--plum-16);
    --scrollbar-auto-track: var(--plum-25);
    --scrollbar-thin-thumb: var(--plum-20);
    --scrollbar-thin-track: hsl(var(--black-hsl)/0);
    --spine-default: var(--plum-13);
    --spoiler-hidden-background: var(--plum-14);
    --spoiler-revealed-background: hsl(var(--plum-11-hsl)/0.16);
    --stage-card-pill-bg: var(--plum-25);
    --status-danger: var(--red-400);
    --status-danger-background: var(--red-430);
    --status-danger-text: var(--white);
    --status-dnd: var(--red-400);
    --status-idle: var(--yellow-300);
    --status-offline: var(--plum-9);
    --status-online: var(--green-360);
    --status-positive: var(--green-360);
    --status-positive-background: var(--green-430);
    --status-positive-text: var(--white);
    --status-speaking: var(--green-360);
    --status-warning: var(--yellow-300);
    --status-warning-background: var(--yellow-300);
    --status-warning-text: var(--black);
    --text-brand: var(--brand-400);
    --text-danger: var(--red-345);
    --text-invert: var(--neutral-71);
    --text-link: var(--blue-345);
    --text-link-low-saturation: var(--blue-330);
    --text-low-contrast: var(--plum-12);
    --text-message-preview-low-sat: var(--plum-9);
    --text-muted: var(--plum-10);
    --text-muted-on-default: var(--primary-330);
    --text-normal: var(--plum-4);
    --text-positive: var(--green-330);
    --text-primary: var(--plum-4);
    --text-secondary: var(--plum-8);
    --text-warning: var(--yellow-300);
    --textbox-markdown-syntax: var(--plum-9);
    --theme-locked-blur-fallback: hsl(var(--primary-700-hsl)/0.96);
    --thread-channel-spine: var(--plum-13);
    --toast-bg: var(--plum-19);
    --typing-indicator-bg: var(--black);
    --user-profile-background-hover: hsl(var(--plum-13-hsl)/0.3);
    --user-profile-border: hsl(var(--plum-11-hsl)/0.14);
    --user-profile-header-overflow-background: hsl(var(--plum-20-hsl)/0.5);
    --user-profile-note-background-focus: var(--plum-19);
    --user-profile-overlay-background: var(--plum-23);
    --user-profile-overlay-background-hover: hsl(var(--plum-13-hsl)/0.3);
    --user-profile-toolbar-border: hsl(var(--plum-11-hsl)/0.08);
    --voice-video-video-tile-background: hsl(var(--plum-17-hsl)/0.4);
    --voice-video-video-tile-blur-fallback: hsl(var(--primary-700-hsl)/0.48)
}

@supports (color:color-mix(in lch,red,blue)) {
    .theme-midnight {
        --action-sheet-gradient-bg: color-mix(in oklab,var(--black) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --activity-card-background: color-mix(in oklab,var(--primary-700) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --activity-card-icon-overlay: color-mix(in oklab,hsl(var(--primary-600-hsl)/0.85) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.85) var(--theme-base-color-amount,0%));
        --alert-bg: color-mix(in oklab,var(--black) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --android-navigation-bar-background: color-mix(in oklab,var(--plum-24) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --android-navigation-scrim-background: color-mix(in oklab,hsl(var(--plum-24-hsl)/0.5) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.5) var(--theme-base-color-amount,0%));
        --android-ripple: color-mix(in oklab,hsl(var(--white-hsl)/0.07) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.07) var(--theme-base-color-amount,0%));
        --app-border-frame: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.14) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.14) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)));
        --autocomplete-bg: color-mix(in oklab,var(--primary-630) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-accent: color-mix(in oklab,var(--plum-17) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-base-low: color-mix(in oklab,var(--neutral-95) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-base-lower: color-mix(in oklab,var(--neutral-97) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-base-lowest: color-mix(in oklab,var(--neutral-100) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-floating: color-mix(in oklab,var(--plum-23) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-mentioned: color-mix(in oklab,hsl(var(--yellow-260-hsl)/0.08) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.08) var(--theme-base-color-amount,0%));
        --background-mentioned-hover: color-mix(in oklab,hsl(var(--yellow-300-hsl)/0.08) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.08) var(--theme-base-color-amount,0%));
        --background-message-automod: color-mix(in oklab,hsl(var(--red-345-hsl)/0.08) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.08) var(--theme-base-color-amount,0%));
        --background-message-automod-hover: color-mix(in oklab,hsl(var(--red-400-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --background-message-highlight: color-mix(in oklab,hsl(var(--brand-360-hsl)/0.08) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.08) var(--theme-base-color-amount,0%));
        --background-message-highlight-hover: color-mix(in oklab,hsl(var(--brand-360-hsl)/0.06) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.06) var(--theme-base-color-amount,0%));
        --background-message-hover: color-mix(in oklab,var(--plum-21) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-mobile-primary: color-mix(in oklab,var(--black) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-mobile-secondary: color-mix(in oklab,var(--black) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-nested-floating: color-mix(in oklab,var(--black) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-primary: color-mix(in oklab,var(--black) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-secondary: color-mix(in oklab,var(--plum-23) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-secondary-alt: color-mix(in oklab,var(--plum-17) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-tertiary: color-mix(in oklab,var(--plum-19) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-tile-gradient-pink-end: color-mix(in oklab,hsl(var(--illo-pink-7-hsl)/0.3) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.3) var(--theme-base-color-amount,0%));
        --background-tile-gradient-pink-start: color-mix(in oklab,hsl(var(--illo-pink-5-hsl)/0.3) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.3) var(--theme-base-color-amount,0%));
        --bg-backdrop: color-mix(in oklab,hsl(var(--plum-19-hsl)/0.75) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.75) var(--theme-base-color-amount,0%));
        --bg-backdrop-immersive: color-mix(in oklab,hsl(var(--plum-19-hsl)/0.9) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.9) var(--theme-base-color-amount,0%));
        --bg-backdrop-no-opacity: color-mix(in oklab,var(--plum-19) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-base-primary: color-mix(in oklab,var(--black) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-base-secondary: color-mix(in oklab,var(--black) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-base-tertiary: color-mix(in oklab,var(--black) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-mod-faint: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.16) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.16) var(--theme-base-color-amount,0%));
        --bg-mod-strong: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.18) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.18) var(--theme-base-color-amount,0%));
        --bg-mod-subtle: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.12) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12) var(--theme-base-color-amount,0%));
        --bg-surface-overlay: color-mix(in oklab,var(--plum-19) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-surface-overlay-tmp: color-mix(in oklab,var(--plum-21) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-surface-raised: color-mix(in oklab,var(--plum-23) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --blur-fallback: color-mix(in oklab,hsl(var(--plum-19-hsl)/0.96) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.96) var(--theme-base-color-amount,0%));
        --blur-fallback-pressed: color-mix(in oklab,hsl(var(--plum-20-hsl)/0.96) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.96) var(--theme-base-color-amount,0%));
        --border-faint: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.08) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.08) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)));
        --border-strong: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.24) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.24) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)));
        --border-subtle: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.14) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.14) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)));
        --bug-reporter-modal-submitting-background: color-mix(in oklab,hsl(var(--plum-23-hsl)/0.6) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.6) var(--theme-base-color-amount,0%));
        --card-gradient-bg: color-mix(in oklab,hsl(var(--black-hsl)/0.4) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.4) var(--theme-base-color-amount,0%));
        --card-gradient-pressed-bg: color-mix(in oklab,hsl(var(--black-hsl)/0.5) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.5) var(--theme-base-color-amount,0%));
        --card-primary-bg: color-mix(in oklab,var(--plum-23) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --card-primary-pressed-bg: color-mix(in oklab,var(--plum-25) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --card-secondary-bg: color-mix(in oklab,var(--plum-25) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --card-secondary-pressed-bg: color-mix(in oklab,var(--plum-26) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --channel-icon: color-mix(in oklab,var(--plum-10) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --channel-text-area-placeholder: color-mix(in oklab,var(--plum-11) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --channels-default: color-mix(in oklab,var(--plum-9) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --channeltextarea-background: color-mix(in oklab,var(--plum-23) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --chat-background: color-mix(in oklab,var(--black) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --chat-banner-bg: color-mix(in oklab,var(--black) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --chat-border: color-mix(in oklab,var(--plum-20) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --chat-input-container-background: color-mix(in oklab,var(--plum-16) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --chat-swipe-to-reply-background: color-mix(in oklab,var(--plum-22) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --chat-swipe-to-reply-gradient-background: color-mix(in oklab,hsl(var(--black-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --coachmark-bg: color-mix(in oklab,var(--plum-19) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --content-inventory-media-seekbar-container: color-mix(in oklab,hsl(var(--plum-6-hsl)/0.24) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.24) var(--theme-base-color-amount,0%));
        --content-inventory-overlay-text-primary: color-mix(in oklab,hsl(var(--white-hsl)/0.85) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.85) var(--theme-base-color-amount,0%));
        --content-inventory-overlay-text-secondary: color-mix(in oklab,hsl(var(--white-hsl)/0.7) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.7) var(--theme-base-color-amount,0%));
        --content-inventory-overlay-ui-mod: color-mix(in oklab,hsl(var(--white-hsl)/0.7) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.7) var(--theme-base-color-amount,0%));
        --content-inventory-overlay-ui-mod-bg: color-mix(in oklab,hsl(var(--black-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --context-menu-backdrop-background: color-mix(in oklab,hsl(var(--black-hsl)/0.7) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.7) var(--theme-base-color-amount,0%));
        --control-brand-foreground: color-mix(in oklab,var(--brand-360) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --control-brand-foreground-new: color-mix(in oklab,var(--brand-360) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --creator-revenue-icon-gradient-end: color-mix(in oklab,var(--teal-430) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --creator-revenue-icon-gradient-start: color-mix(in oklab,var(--teal-360) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --creator-revenue-info-box-background: color-mix(in oklab,hsl(var(--teal-430-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --creator-revenue-info-box-border: color-mix(in oklab,var(--teal-400) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --creator-revenue-locked-channel-icon: color-mix(in oklab,var(--teal-345) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --creator-revenue-progress-bar: color-mix(in oklab,var(--teal-400) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --custom-status-bubble-bg: color-mix(in oklab,var(--plum-19) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --deprecated-card-bg: color-mix(in oklab,hsl(var(--primary-700-hsl)/0.6) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.6) var(--theme-base-color-amount,0%));
        --deprecated-card-editable-bg: color-mix(in oklab,hsl(var(--primary-700-hsl)/0.3) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.3) var(--theme-base-color-amount,0%));
        --deprecated-text-input-bg: color-mix(in oklab,var(--primary-700) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --deprecated-text-input-border: color-mix(in oklab,hsl(var(--black-hsl)/0.3) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.3) var(--theme-base-color-amount,0%));
        --deprecated-text-input-border-disabled: color-mix(in oklab,var(--primary-700) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --deprecated-text-input-border-hover: color-mix(in oklab,var(--primary-900) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --display-banner-overflow-background: color-mix(in oklab,hsl(var(--plum-20-hsl)/0.5) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.5) var(--theme-base-color-amount,0%));
        --divider-strong: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.24) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.24) var(--theme-base-color-amount,0%));
        --divider-subtle: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.12) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12) var(--theme-base-color-amount,0%));
        --embed-background: color-mix(in oklab,var(--plum-23) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --embed-background-alternate: color-mix(in oklab,var(--primary-600) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --embed-title: color-mix(in oklab,var(--plum-2) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --expression-picker-bg: color-mix(in oklab,var(--black) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --focus-primary: color-mix(in oklab,var(--blue-345) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --forum-post-extra-media-count-container-background: color-mix(in oklab,hsl(var(--plum-19-hsl)/0.8) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.8) var(--theme-base-color-amount,0%));
        --forum-post-tag-background: color-mix(in oklab,hsl(var(--plum-19-hsl)/0.9) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.9) var(--theme-base-color-amount,0%));
        --guild-notifications-bottom-sheet-pill-background: color-mix(in oklab,var(--primary-700) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --header-muted: color-mix(in oklab,var(--plum-10) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --header-primary: color-mix(in oklab,var(--plum-2) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --header-secondary: color-mix(in oklab,var(--plum-8) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --home-background: color-mix(in oklab,var(--plum-18) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --icon-invert: color-mix(in oklab,var(--neutral-71) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --icon-muted: color-mix(in oklab,var(--plum-12) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --icon-primary: color-mix(in oklab,var(--plum-5) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --icon-secondary: color-mix(in oklab,var(--plum-9) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --icon-transparent: color-mix(in oklab,hsl(var(--transparent-hsl)/0) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0) var(--theme-text-color-amount,0%));
        --info-box-background: color-mix(in oklab,hsl(var(--blue-345-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --info-danger-background: color-mix(in oklab,hsl(var(--red-400-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --info-danger-foreground: color-mix(in oklab,var(--red-400) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-danger-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-help-background: color-mix(in oklab,hsl(var(--blue-345-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --info-help-foreground: color-mix(in oklab,var(--blue-345) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-help-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-positive-background: color-mix(in oklab,hsl(var(--green-360-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --info-positive-foreground: color-mix(in oklab,var(--green-360) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-positive-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-warning-background: color-mix(in oklab,hsl(var(--yellow-300-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --info-warning-foreground: color-mix(in oklab,var(--yellow-300) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-warning-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --input-background: color-mix(in oklab,hsl(var(--plum-23-alpha-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --input-border: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.32) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.32) var(--theme-base-color-amount,0%));
        --input-error-background: color-mix(in oklab,hsl(var(--red-500-hsl)/0.12) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12) var(--theme-base-color-amount,0%));
        --input-error-border: color-mix(in oklab,var(--red-360) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --input-error-text: color-mix(in oklab,var(--red-260) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --input-focused-border: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.24) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.24) var(--theme-base-color-amount,0%));
        --input-placeholder-text: color-mix(in oklab,var(--plum-9) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --interactive-active: color-mix(in oklab,var(--plum-3) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --interactive-hover: color-mix(in oklab,var(--plum-4) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --interactive-muted: color-mix(in oklab,var(--plum-13) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --interactive-normal: color-mix(in oklab,var(--plum-6) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --leaderboard-league-brand-text: color-mix(in oklab,var(--lol-text-light) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --legacy-android-blur-overlay-default: color-mix(in oklab,hsl(var(--primary-660-hsl)/0.5) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.5) var(--theme-base-color-amount,0%));
        --legacy-android-blur-overlay-ultra-thin: color-mix(in oklab,hsl(var(--black-hsl)/0.025) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.025) var(--theme-base-color-amount,0%));
        --legacy-blur-fallback-default: color-mix(in oklab,hsl(var(--primary-660-hsl)/0.975) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.975) var(--theme-base-color-amount,0%));
        --legacy-blur-fallback-ultra-thin: color-mix(in oklab,hsl(var(--black-hsl)/0.95) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.95) var(--theme-base-color-amount,0%));
        --live-stage-tile-border: color-mix(in oklab,hsl(var(--plum-13-hsl)/0.6) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.6) var(--theme-base-color-amount,0%));
        --logo-primary: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --mention-background: color-mix(in oklab,hsl(var(--brand-500-hsl)/0.5) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.5) var(--theme-base-color-amount,0%));
        --mention-foreground: color-mix(in oklab,var(--brand-230) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --menu-item-danger-active-bg: color-mix(in oklab,var(--red-530) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --menu-item-danger-hover-bg: color-mix(in oklab,var(--red-430) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --menu-item-default-active-bg: color-mix(in oklab,var(--brand-560) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --menu-item-default-hover-bg: color-mix(in oklab,var(--brand-500) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --message-reacted-background: color-mix(in oklab,hsl(var(--brand-500-hsl)/0.15) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.15) var(--theme-base-color-amount,0%));
        --message-reacted-text: color-mix(in oklab,var(--brand-200) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --modal-background: color-mix(in oklab,var(--plum-16) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --modal-footer-background: color-mix(in oklab,var(--plum-17) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --navigator-header-tint: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --overlay-backdrop-default: color-mix(in oklab,hsl(var(--opacity-black-72-hsl)/0.7215686274509804) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.7215686274509804) var(--theme-base-color-amount,0%));
        --overlay-backdrop-lightbox: color-mix(in oklab,hsl(var(--opacity-black-92-hsl)/0.9215686274509803) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.9215686274509803) var(--theme-base-color-amount,0%));
        --panel-bg: color-mix(in oklab,var(--plum-24) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --polls-normal-fill-hover: color-mix(in oklab,var(--primary-600) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --polls-normal-image-background: color-mix(in oklab,var(--primary-660) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --polls-victor-fill: color-mix(in oklab,hsl(var(--green-360-hsl)/0.2) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.2) var(--theme-base-color-amount,0%));
        --polls-voted-fill: color-mix(in oklab,hsl(var(--brand-500-hsl)/0.2) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.2) var(--theme-base-color-amount,0%));
        --premium-nitro-pink-text: color-mix(in oklab,var(--premium-nitro-pink-light) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --profile-gradient-note-background: color-mix(in oklab,hsl(var(--black-hsl)/0.3) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.3) var(--theme-base-color-amount,0%));
        --profile-gradient-overlay: color-mix(in oklab,hsl(var(--black-hsl)/0.6) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.6) var(--theme-base-color-amount,0%));
        --profile-gradient-overlay-synced-with-user-theme: color-mix(in oklab,hsl(var(--black-hsl)/0.8) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.8) var(--theme-base-color-amount,0%));
        --profile-gradient-role-pill-background: color-mix(in oklab,hsl(var(--primary-660-hsl)/0.5) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.5) var(--theme-base-color-amount,0%));
        --profile-gradient-role-pill-border: color-mix(in oklab,hsl(var(--white-hsl)/0.2) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.2) var(--theme-base-color-amount,0%));
        --profile-gradient-section-box: color-mix(in oklab,hsl(var(--black-hsl)/0.45) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.45) var(--theme-base-color-amount,0%));
        --redesign-activity-card-badge-icon: color-mix(in oklab,var(--plum-11) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-active-background: color-mix(in oklab,var(--green-430) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-active-pressed-background: color-mix(in oklab,var(--green-460) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-active-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-danger-background: color-mix(in oklab,var(--red-430) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-danger-pressed-background: color-mix(in oklab,var(--red-460) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-danger-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-destructive-background: color-mix(in oklab,var(--red-430) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-destructive-pressed-background: color-mix(in oklab,var(--red-460) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-destructive-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-overlay-alpha-background: color-mix(in oklab,hsl(var(--black-hsl)/0.54) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.54) var(--theme-base-color-amount,0%));
        --redesign-button-overlay-alpha-pressed-background: color-mix(in oklab,hsl(var(--black-hsl)/0.64) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.64) var(--theme-base-color-amount,0%));
        --redesign-button-overlay-alpha-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-overlay-background: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-overlay-text: color-mix(in oklab,var(--primary-860) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-positive-background: color-mix(in oklab,var(--green-430) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-positive-pressed-background: color-mix(in oklab,var(--green-460) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-positive-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-premium-primary-blue-for-gradient: color-mix(in oklab,var(--premium-tier-0-blue-for-gradients-2) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-premium-primary-pink-for-gradient: color-mix(in oklab,var(--premium-tier-2-pink-for-gradients) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-premium-primary-pressed-background: color-mix(in oklab,hsl(var(--black-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --redesign-button-premium-primary-purple-for-gradient: color-mix(in oklab,var(--premium-tier-2-purple-for-gradients) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-premium-primary-purple-for-gradient-2: color-mix(in oklab,var(--premium-tier-2-purple-for-gradients-2) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-primary-alt-background: color-mix(in oklab,hsl(var(--brand-500-hsl)/0) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0) var(--theme-base-color-amount,0%));
        --redesign-button-primary-alt-border: color-mix(in oklab,var(--brand-400) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-primary-alt-on-blurple-background: color-mix(in oklab,hsl(var(--brand-530-hsl)/0) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0) var(--theme-base-color-amount,0%));
        --redesign-button-primary-alt-on-blurple-border: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-primary-alt-on-blurple-pressed-background: color-mix(in oklab,var(--brand-530) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-primary-alt-on-blurple-pressed-border: color-mix(in oklab,var(--brand-360) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-primary-alt-on-blurple-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-primary-alt-pressed-background: color-mix(in oklab,hsl(var(--brand-700-hsl)/0.16) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.16) var(--theme-base-color-amount,0%));
        --redesign-button-primary-alt-pressed-border: color-mix(in oklab,hsl(var(--brand-400-hsl)/0.5) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.5) var(--theme-base-color-amount,0%));
        --redesign-button-primary-alt-pressed-text: color-mix(in oklab,var(--brand-360) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-primary-alt-text: color-mix(in oklab,var(--brand-400) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-primary-background: color-mix(in oklab,var(--brand-500) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-primary-on-blurple-pressed-text: color-mix(in oklab,var(--brand-530) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-primary-overlay-background: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-primary-overlay-pressed-background: color-mix(in oklab,var(--plum-4) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-primary-overlay-text: color-mix(in oklab,var(--plum-25) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-primary-pressed-background: color-mix(in oklab,var(--brand-560) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-primary-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-secondary-background: color-mix(in oklab,var(--plum-17) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-secondary-border: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.14) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.14) var(--theme-base-color-amount,0%));
        --redesign-button-secondary-overlay-background: color-mix(in oklab,hsl(var(--black-hsl)/0.54) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.54) var(--theme-base-color-amount,0%));
        --redesign-button-secondary-overlay-pressed-background: color-mix(in oklab,hsl(var(--black-hsl)/0.64) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.64) var(--theme-base-color-amount,0%));
        --redesign-button-secondary-overlay-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-secondary-pressed-background: color-mix(in oklab,var(--plum-15) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-secondary-pressed-border: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.08) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.08) var(--theme-base-color-amount,0%));
        --redesign-button-secondary-text: color-mix(in oklab,var(--plum-4) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-selected-background: color-mix(in oklab,hsl(var(--brand-500-hsl)/0.24) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.24) var(--theme-base-color-amount,0%));
        --redesign-button-selected-pressed-background: color-mix(in oklab,hsl(var(--brand-500-hsl)/0.28) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.28) var(--theme-base-color-amount,0%));
        --redesign-button-selected-text: color-mix(in oklab,var(--brand-500) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-tertiary-background: color-mix(in oklab,hsl(var(--plum-23-alpha-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --redesign-button-tertiary-pressed-background: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.2) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.2) var(--theme-base-color-amount,0%));
        --redesign-button-tertiary-pressed-text: color-mix(in oklab,var(--plum-6) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-tertiary-text: color-mix(in oklab,var(--plum-4) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-channel-name-muted-text: color-mix(in oklab,var(--plum-10) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-channel-name-text: color-mix(in oklab,var(--plum-2) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-chat-input-background: color-mix(in oklab,hsl(var(--plum-23-alpha-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --redesign-image-button-pressed-background: color-mix(in oklab,hsl(var(--black-hsl)/0.08) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.08) var(--theme-base-color-amount,0%));
        --redesign-input-control-active-bg: color-mix(in oklab,var(--plum-17) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-input-control-selected: color-mix(in oklab,var(--brand-500) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --scrim-default: color-mix(in oklab,hsl(var(--opacity-black-72-hsl)/0.7215686274509804) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.7215686274509804) var(--theme-base-color-amount,0%));
        --scrim-lightbox: color-mix(in oklab,hsl(var(--opacity-black-92-hsl)/0.9215686274509803) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.9215686274509803) var(--theme-base-color-amount,0%));
        --scrollbar-auto-scrollbar-color-thumb: color-mix(in oklab,var(--plum-20) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --scrollbar-auto-scrollbar-color-track: color-mix(in oklab,var(--plum-17) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --scrollbar-auto-thumb: color-mix(in oklab,var(--plum-16) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --scrollbar-auto-track: color-mix(in oklab,var(--plum-25) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --scrollbar-thin-thumb: color-mix(in oklab,var(--plum-20) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --scrollbar-thin-track: color-mix(in oklab,hsl(var(--black-hsl)/0) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0) var(--theme-base-color-amount,0%));
        --spine-default: color-mix(in oklab,var(--plum-13) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --spoiler-hidden-background: color-mix(in oklab,var(--plum-14) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --spoiler-revealed-background: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.16) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.16) var(--theme-base-color-amount,0%));
        --stage-card-pill-bg: color-mix(in oklab,var(--plum-25) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --text-brand: color-mix(in oklab,var(--brand-400) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-danger: color-mix(in oklab,var(--red-345) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-invert: color-mix(in oklab,var(--neutral-71) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-link: color-mix(in oklab,var(--blue-345) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-link-low-saturation: color-mix(in oklab,var(--blue-330) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-low-contrast: color-mix(in oklab,var(--plum-12) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-message-preview-low-sat: color-mix(in oklab,var(--plum-9) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-muted: color-mix(in oklab,var(--plum-10) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-muted-on-default: color-mix(in oklab,var(--primary-330) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-normal: color-mix(in oklab,var(--plum-4) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-positive: color-mix(in oklab,var(--green-330) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-primary: color-mix(in oklab,var(--plum-4) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-secondary: color-mix(in oklab,var(--plum-8) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-warning: color-mix(in oklab,var(--yellow-300) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --textbox-markdown-syntax: color-mix(in oklab,var(--plum-9) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --theme-locked-blur-fallback: color-mix(in oklab,hsl(var(--primary-700-hsl)/0.96) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.96) var(--theme-base-color-amount,0%));
        --thread-channel-spine: color-mix(in oklab,var(--plum-13) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --toast-bg: color-mix(in oklab,var(--plum-19) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --typing-indicator-bg: color-mix(in oklab,var(--black) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --user-profile-background-hover: color-mix(in oklab,hsl(var(--plum-13-hsl)/0.3) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.3) var(--theme-base-color-amount,0%));
        --user-profile-border: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.14) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.14) var(--theme-base-color-amount,0%));
        --user-profile-header-overflow-background: color-mix(in oklab,hsl(var(--plum-20-hsl)/0.5) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.5) var(--theme-base-color-amount,0%));
        --user-profile-note-background-focus: color-mix(in oklab,var(--plum-19) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --user-profile-overlay-background: color-mix(in oklab,var(--plum-23) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --user-profile-overlay-background-hover: color-mix(in oklab,hsl(var(--plum-13-hsl)/0.3) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.3) var(--theme-base-color-amount,0%));
        --user-profile-toolbar-border: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.08) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.08) var(--theme-base-color-amount,0%));
        --voice-video-video-tile-background: color-mix(in oklab,hsl(var(--plum-17-hsl)/0.4) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.4) var(--theme-base-color-amount,0%));
        --voice-video-video-tile-blur-fallback: color-mix(in oklab,hsl(var(--primary-700-hsl)/0.48) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.48) var(--theme-base-color-amount,0%))
    }
}

.theme-darker {
    --action-sheet-gradient-bg: var(--plum-20);
    --activity-card-background: var(--primary-700);
    --activity-card-icon-overlay: hsl(var(--primary-600-hsl)/0.85);
    --alert-bg: var(--plum-20);
    --android-navigation-bar-background: var(--plum-24);
    --android-navigation-scrim-background: hsl(var(--plum-24-hsl)/0.5);
    --android-ripple: hsl(var(--white-hsl)/0.07);
    --app-border-frame: hsl(var(--plum-11-hsl)/0.12);
    --autocomplete-bg: var(--primary-630);
    --background-accent: var(--plum-15);
    --background-base-low: var(--neutral-82);
    --background-base-lower: var(--neutral-86);
    --background-base-lowest: var(--neutral-92);
    --background-floating: var(--plum-18);
    --background-mentioned: hsl(var(--yellow-260-hsl)/0.08);
    --background-mentioned-hover: hsl(var(--yellow-300-hsl)/0.08);
    --background-message-automod: hsl(var(--red-345-hsl)/0.08);
    --background-message-automod-hover: hsl(var(--red-400-hsl)/0.1);
    --background-message-highlight: hsl(var(--brand-360-hsl)/0.08);
    --background-message-highlight-hover: hsl(var(--brand-360-hsl)/0.06);
    --background-message-hover: var(--plum-21);
    --background-mobile-primary: var(--plum-20);
    --background-mobile-secondary: var(--plum-20);
    --background-modal-gradient-blue-end: hsl(var(--illo-blue-6-hsl)/0.3);
    --background-modal-gradient-blue-start: hsl(var(--illo-blue-4-hsl)/0.3);
    --background-modal-gradient-green-end: hsl(var(--illo-green-7-hsl)/0.3);
    --background-modal-gradient-green-start: hsl(var(--illo-green-5-hsl)/0.3);
    --background-modal-gradient-nitro-1-end: hsl(var(--illo-nitro-blue-hsl)/0.4);
    --background-modal-gradient-nitro-1-start: hsl(var(--illo-pink-6-hsl)/0.4);
    --background-modal-gradient-nitro-2-end: hsl(var(--illo-nitro-blue-hsl)/0.4);
    --background-modal-gradient-nitro-2-start: hsl(var(--illo-green-5-hsl)/0.4);
    --background-modal-gradient-pink-end: hsl(var(--illo-pink-7-hsl)/0.3);
    --background-modal-gradient-pink-start: hsl(var(--illo-pink-5-hsl)/0.3);
    --background-modal-gradient-purple-end: hsl(var(--illo-purple-6-hsl)/0.3);
    --background-modal-gradient-purple-start: hsl(var(--illo-purple-4-hsl)/0.3);
    --background-modifier-accent: hsl(var(--plum-11-hsl)/0.12);
    --background-modifier-active: hsl(var(--plum-13-hsl)/0.48);
    --background-modifier-hover: hsl(var(--plum-13-hsl)/0.3);
    --background-modifier-selected: hsl(var(--plum-13-hsl)/0.6);
    --background-nested-floating: var(--plum-22);
    --background-primary: var(--plum-20);
    --background-secondary: var(--plum-18);
    --background-secondary-alt: var(--plum-15);
    --background-tertiary: var(--plum-16);
    --background-tile-gradient-pink-end: hsl(var(--illo-pink-7-hsl)/0.3);
    --background-tile-gradient-pink-start: hsl(var(--illo-pink-5-hsl)/0.3);
    --badge-brand-bg: var(--brand-260);
    --badge-brand-text: var(--brand-560);
    --bg-backdrop: hsl(var(--black-hsl)/0.7);
    --bg-backdrop-immersive: hsl(var(--black-hsl)/0.85);
    --bg-backdrop-no-opacity: var(--black);
    --bg-base-primary: var(--plum-20);
    --bg-base-secondary: var(--plum-20);
    --bg-base-tertiary: var(--plum-23);
    --bg-brand: var(--brand-500);
    --bg-mod-faint: hsl(var(--plum-11-hsl)/0.12);
    --bg-mod-strong: hsl(var(--plum-11-hsl)/0.24);
    --bg-mod-subtle: hsl(var(--plum-11-hsl)/0.16);
    --bg-surface-overlay: var(--plum-17);
    --bg-surface-overlay-tmp: var(--plum-17);
    --bg-surface-raised: var(--plum-18);
    --blur-fallback: hsl(var(--plum-17-hsl)/0.96);
    --blur-fallback-pressed: hsl(var(--plum-18-hsl)/0.96);
    --border-faint: hsl(var(--plum-11-hsl)/0.06);
    --border-strong: hsl(var(--plum-11-hsl)/0.22);
    --border-subtle: hsl(var(--plum-11-hsl)/0.12);
    --bug-reporter-modal-submitting-background: hsl(var(--plum-23-hsl)/0.6);
    --button-creator-revenue-background: var(--teal-430);
    --button-danger-background: var(--red-430);
    --button-danger-background-active: var(--red-530);
    --button-danger-background-disabled: var(--red-430);
    --button-danger-background-hover: var(--red-500);
    --button-danger-border: hsl(var(--white-hsl)/0);
    --button-expressive-background: var(--white);
    --button-expressive-background-active: var(--neutral-5);
    --button-expressive-background-hover: var(--white);
    --button-filled-brand-background: var(--brand-500);
    --button-filled-brand-background-active: var(--brand-600);
    --button-filled-brand-background-hover: var(--brand-560);
    --button-filled-brand-border: hsl(var(--white-hsl)/0);
    --button-filled-brand-inverted-background: var(--white);
    --button-filled-brand-inverted-background-active: var(--brand-200);
    --button-filled-brand-inverted-background-hover: var(--brand-100);
    --button-filled-brand-inverted-text: var(--brand-500);
    --button-filled-brand-text: var(--white);
    --button-filled-white-background: var(--white);
    --button-filled-white-background-active: var(--white);
    --button-filled-white-background-hover: var(--white);
    --button-filled-white-text: var(--primary-500);
    --button-outline-brand-background: hsl(var(--white-hsl)/0);
    --button-outline-brand-background-active: var(--brand-560);
    --button-outline-brand-background-hover: var(--brand-500);
    --button-outline-brand-border: var(--brand-500);
    --button-outline-brand-border-active: var(--brand-560);
    --button-outline-brand-border-hover: var(--brand-500);
    --button-outline-brand-text: var(--white);
    --button-outline-brand-text-active: var(--white);
    --button-outline-brand-text-hover: var(--white);
    --button-outline-danger-background: hsl(var(--white-hsl)/0);
    --button-outline-danger-background-active: var(--red-460);
    --button-outline-danger-background-hover: var(--red-430);
    --button-outline-danger-border: var(--red-400);
    --button-outline-danger-border-active: var(--red-430);
    --button-outline-danger-border-hover: var(--red-430);
    --button-outline-danger-text: var(--white);
    --button-outline-danger-text-active: var(--white);
    --button-outline-danger-text-hover: var(--white);
    --button-outline-positive-background: hsl(var(--white-hsl)/0);
    --button-outline-positive-background-active: var(--green-530);
    --button-outline-positive-background-hover: var(--green-430);
    --button-outline-positive-border: var(--green-360);
    --button-outline-positive-border-active: var(--green-530);
    --button-outline-positive-border-hover: var(--green-430);
    --button-outline-positive-text: var(--white);
    --button-outline-positive-text-active: var(--white);
    --button-outline-positive-text-hover: var(--white);
    --button-outline-primary-background: hsl(var(--white-hsl)/0);
    --button-outline-primary-background-active: var(--plum-11);
    --button-outline-primary-background-hover: var(--plum-13);
    --button-outline-primary-border: var(--primary-500);
    --button-outline-primary-border-active: var(--plum-11);
    --button-outline-primary-border-hover: var(--plum-13);
    --button-outline-primary-text: var(--white);
    --button-outline-primary-text-active: var(--white);
    --button-outline-primary-text-hover: var(--white);
    --button-positive-background: var(--green-430);
    --button-positive-background-active: var(--green-530);
    --button-positive-background-disabled: var(--green-430);
    --button-positive-background-hover: var(--green-500);
    --button-positive-border: hsl(var(--white-hsl)/0);
    --button-secondary-background: var(--plum-13);
    --button-secondary-background-active: var(--plum-10);
    --button-secondary-background-disabled: var(--plum-13);
    --button-secondary-background-hover: var(--plum-11);
    --button-secondary-text: var(--white);
    --button-transparent-background: hsl(var(--white-hsl)/0.1);
    --button-transparent-background-active: hsl(var(--white-hsl)/0.01);
    --button-transparent-background-hover: hsl(var(--white-hsl)/0.05);
    --button-transparent-text: var(--plum-3);
    --card-gradient-bg: hsl(var(--black-hsl)/0.4);
    --card-gradient-pressed-bg: hsl(var(--black-hsl)/0.5);
    --card-primary-bg: var(--plum-18);
    --card-primary-pressed-bg: var(--plum-19);
    --card-secondary-bg: var(--plum-19);
    --card-secondary-pressed-bg: var(--plum-21);
    --channel-icon: var(--plum-10);
    --channel-text-area-placeholder: var(--plum-11);
    --channels-default: var(--plum-9);
    --channeltextarea-background: var(--plum-15);
    --chat-background: var(--plum-16);
    --chat-banner-bg: var(--plum-20);
    --chat-border: var(--plum-20);
    --chat-input-container-background: var(--plum-16);
    --chat-swipe-to-reply-background: var(--plum-22);
    --chat-swipe-to-reply-gradient-background: hsl(var(--black-hsl)/0.1);
    --coachmark-bg: var(--plum-17);
    --content-inventory-media-seekbar-container: hsl(var(--plum-6-hsl)/0.24);
    --content-inventory-overlay-text-primary: hsl(var(--white-hsl)/0.85);
    --content-inventory-overlay-text-secondary: hsl(var(--white-hsl)/0.7);
    --content-inventory-overlay-ui-mod: hsl(var(--white-hsl)/0.7);
    --content-inventory-overlay-ui-mod-bg: hsl(var(--black-hsl)/0.1);
    --context-menu-backdrop-background: hsl(var(--black-hsl)/0.7);
    --control-brand-foreground: var(--brand-360);
    --control-brand-foreground-new: var(--brand-360);
    --creator-revenue-icon-gradient-end: var(--teal-430);
    --creator-revenue-icon-gradient-start: var(--teal-360);
    --creator-revenue-info-box-background: hsl(var(--teal-430-hsl)/0.1);
    --creator-revenue-info-box-border: var(--teal-400);
    --creator-revenue-locked-channel-icon: var(--teal-345);
    --creator-revenue-progress-bar: var(--teal-400);
    --custom-status-bubble-bg: var(--plum-17);
    --deprecated-card-bg: hsl(var(--primary-700-hsl)/0.6);
    --deprecated-card-editable-bg: hsl(var(--primary-700-hsl)/0.3);
    --deprecated-text-input-bg: var(--primary-700);
    --deprecated-text-input-border: hsl(var(--black-hsl)/0.3);
    --deprecated-text-input-border-disabled: var(--primary-700);
    --deprecated-text-input-border-hover: var(--primary-900);
    --display-banner-overflow-background: hsl(var(--plum-20-hsl)/0.5);
    --divider-strong: hsl(var(--plum-11-hsl)/0.22);
    --divider-subtle: hsl(var(--plum-11-hsl)/0.12);
    --embed-background: var(--plum-18);
    --embed-background-alternate: var(--primary-600);
    --embed-title: var(--plum-3);
    --expression-picker-bg: var(--plum-20);
    --focus-primary: var(--blue-345);
    --forum-post-extra-media-count-container-background: hsl(var(--plum-19-hsl)/0.8);
    --forum-post-tag-background: hsl(var(--plum-19-hsl)/0.9);
    --guild-notifications-bottom-sheet-pill-background: var(--primary-700);
    --header-muted: var(--plum-10);
    --header-primary: var(--plum-3);
    --header-secondary: var(--plum-9);
    --home-background: var(--plum-18);
    --icon-invert: var(--neutral-71);
    --icon-muted: var(--plum-11);
    --icon-primary: var(--plum-4);
    --icon-secondary: var(--plum-9);
    --icon-transparent: hsl(var(--transparent-hsl)/0);
    --info-box-background: hsl(var(--blue-345-hsl)/0.1);
    --info-danger-background: hsl(var(--red-400-hsl)/0.1);
    --info-danger-foreground: var(--red-400);
    --info-danger-text: var(--white);
    --info-help-background: hsl(var(--blue-345-hsl)/0.1);
    --info-help-foreground: var(--blue-345);
    --info-help-text: var(--white);
    --info-positive-background: hsl(var(--green-360-hsl)/0.1);
    --info-positive-foreground: var(--green-360);
    --info-positive-text: var(--white);
    --info-warning-background: hsl(var(--yellow-300-hsl)/0.1);
    --info-warning-foreground: var(--yellow-300);
    --info-warning-text: var(--white);
    --input-background: hsl(var(--plum-24-hsl)/0.85);
    --input-border: hsl(var(--plum-11-hsl)/0.32);
    --input-error-background: hsl(var(--red-500-hsl)/0.12);
    --input-error-border: var(--red-360);
    --input-error-text: var(--red-260);
    --input-focused-border: hsl(var(--plum-11-hsl)/0.32);
    --input-placeholder-text: var(--plum-10);
    --interactive-active: var(--plum-1);
    --interactive-hover: var(--plum-4);
    --interactive-muted: var(--plum-13);
    --interactive-normal: var(--plum-6);
    --leaderboard-league-brand-text: var(--lol-text-light);
    --legacy-android-blur-overlay-default: hsl(var(--primary-660-hsl)/0.5);
    --legacy-android-blur-overlay-ultra-thin: hsl(var(--black-hsl)/0.025);
    --legacy-blur-fallback-default: hsl(var(--primary-660-hsl)/0.975);
    --legacy-blur-fallback-ultra-thin: hsl(var(--black-hsl)/0.95);
    --live-stage-tile-border: hsl(var(--plum-13-hsl)/0.6);
    --logo-primary: var(--white);
    --mention-background: hsl(var(--brand-500-hsl)/0.5);
    --mention-foreground: var(--brand-230);
    --menu-item-danger-active-bg: var(--red-530);
    --menu-item-danger-hover-bg: var(--red-430);
    --menu-item-default-active-bg: var(--brand-560);
    --menu-item-default-hover-bg: var(--brand-500);
    --message-reacted-background: hsl(var(--brand-500-hsl)/0.15);
    --message-reacted-text: var(--brand-200);
    --modal-background: var(--plum-16);
    --modal-footer-background: var(--plum-17);
    --navigator-header-tint: var(--white);
    --overlay-backdrop-default: hsl(var(--opacity-black-72-hsl)/0.7215686274509804);
    --overlay-backdrop-lightbox: hsl(var(--opacity-black-92-hsl)/0.9215686274509803);
    --panel-bg: var(--plum-20);
    --polls-normal-fill-hover: var(--primary-600);
    --polls-normal-image-background: var(--primary-660);
    --polls-victor-fill: hsl(var(--green-360-hsl)/0.2);
    --polls-voted-fill: hsl(var(--brand-500-hsl)/0.2);
    --premium-nitro-pink-text: var(--premium-nitro-pink-light);
    --profile-gradient-note-background: hsl(var(--black-hsl)/0.3);
    --profile-gradient-overlay: hsl(var(--black-hsl)/0.6);
    --profile-gradient-overlay-synced-with-user-theme: hsl(var(--black-hsl)/0.8);
    --profile-gradient-role-pill-background: hsl(var(--primary-660-hsl)/0.5);
    --profile-gradient-role-pill-border: hsl(var(--white-hsl)/0.2);
    --profile-gradient-section-box: hsl(var(--black-hsl)/0.45);
    --redesign-activity-card-badge-icon: var(--plum-10);
    --redesign-button-active-background: var(--green-430);
    --redesign-button-active-pressed-background: var(--green-460);
    --redesign-button-active-text: var(--white);
    --redesign-button-danger-background: var(--red-430);
    --redesign-button-danger-pressed-background: var(--red-460);
    --redesign-button-danger-text: var(--white);
    --redesign-button-destructive-background: var(--red-430);
    --redesign-button-destructive-pressed-background: var(--red-460);
    --redesign-button-destructive-text: var(--white);
    --redesign-button-overlay-alpha-background: hsl(var(--black-hsl)/0.54);
    --redesign-button-overlay-alpha-pressed-background: hsl(var(--black-hsl)/0.64);
    --redesign-button-overlay-alpha-text: var(--white);
    --redesign-button-overlay-background: var(--white);
    --redesign-button-overlay-text: var(--primary-860);
    --redesign-button-positive-background: var(--green-430);
    --redesign-button-positive-pressed-background: var(--green-460);
    --redesign-button-positive-text: var(--white);
    --redesign-button-premium-primary-blue-for-gradient: var(--premium-tier-0-blue-for-gradients-2);
    --redesign-button-premium-primary-pink-for-gradient: var(--premium-tier-2-pink-for-gradients);
    --redesign-button-premium-primary-pressed-background: hsl(var(--black-hsl)/0.1);
    --redesign-button-premium-primary-purple-for-gradient: var(--premium-tier-2-purple-for-gradients);
    --redesign-button-premium-primary-purple-for-gradient-2: var(--premium-tier-2-purple-for-gradients-2);
    --redesign-button-primary-alt-background: hsl(var(--brand-500-hsl)/0);
    --redesign-button-primary-alt-border: var(--brand-360);
    --redesign-button-primary-alt-on-blurple-background: hsl(var(--brand-530-hsl)/0);
    --redesign-button-primary-alt-on-blurple-border: var(--white);
    --redesign-button-primary-alt-on-blurple-pressed-background: var(--brand-530);
    --redesign-button-primary-alt-on-blurple-pressed-border: var(--brand-360);
    --redesign-button-primary-alt-on-blurple-text: var(--white);
    --redesign-button-primary-alt-pressed-background: hsl(var(--brand-700-hsl)/0.16);
    --redesign-button-primary-alt-pressed-border: hsl(var(--brand-400-hsl)/0.5);
    --redesign-button-primary-alt-pressed-text: var(--brand-360);
    --redesign-button-primary-alt-text: var(--brand-360);
    --redesign-button-primary-background: var(--brand-500);
    --redesign-button-primary-on-blurple-pressed-text: var(--brand-530);
    --redesign-button-primary-overlay-background: var(--white);
    --redesign-button-primary-overlay-pressed-background: var(--plum-4);
    --redesign-button-primary-overlay-text: var(--plum-25);
    --redesign-button-primary-pressed-background: var(--brand-560);
    --redesign-button-primary-text: var(--white);
    --redesign-button-secondary-background: var(--plum-15);
    --redesign-button-secondary-border: hsl(var(--plum-11-hsl)/0.12);
    --redesign-button-secondary-overlay-background: hsl(var(--black-hsl)/0.54);
    --redesign-button-secondary-overlay-pressed-background: hsl(var(--black-hsl)/0.64);
    --redesign-button-secondary-overlay-text: var(--white);
    --redesign-button-secondary-pressed-background: var(--plum-13);
    --redesign-button-secondary-pressed-border: hsl(var(--plum-11-hsl)/0.06);
    --redesign-button-secondary-text: var(--plum-6);
    --redesign-button-selected-background: hsl(var(--brand-500-hsl)/0.24);
    --redesign-button-selected-pressed-background: hsl(var(--brand-500-hsl)/0.28);
    --redesign-button-selected-text: var(--brand-500);
    --redesign-button-tertiary-background: hsl(var(--plum-11-hsl)/0.12);
    --redesign-button-tertiary-pressed-background: hsl(var(--plum-11-hsl)/0.2);
    --redesign-button-tertiary-pressed-text: var(--plum-5);
    --redesign-button-tertiary-text: var(--plum-6);
    --redesign-channel-name-muted-text: var(--plum-10);
    --redesign-channel-name-text: var(--plum-3);
    --redesign-chat-input-background: hsl(var(--plum-11-hsl)/0.12);
    --redesign-image-button-pressed-background: hsl(var(--black-hsl)/0.08);
    --redesign-input-control-active-bg: var(--plum-16);
    --redesign-input-control-selected: var(--brand-500);
    --scrim-default: hsl(var(--opacity-black-72-hsl)/0.7215686274509804);
    --scrim-lightbox: hsl(var(--opacity-black-92-hsl)/0.9215686274509803);
    --scrollbar-auto-scrollbar-color-thumb: var(--plum-21);
    --scrollbar-auto-scrollbar-color-track: var(--plum-17);
    --scrollbar-auto-thumb: var(--plum-21);
    --scrollbar-auto-track: var(--plum-19);
    --scrollbar-thin-thumb: var(--plum-21);
    --scrollbar-thin-track: hsl(var(--black-hsl)/0);
    --spine-default: var(--plum-13);
    --spoiler-hidden-background: var(--plum-14);
    --spoiler-revealed-background: hsl(var(--plum-11-hsl)/0.16);
    --stage-card-pill-bg: var(--plum-19);
    --status-danger: var(--red-400);
    --status-danger-background: var(--red-430);
    --status-danger-text: var(--white);
    --status-dnd: var(--red-400);
    --status-idle: var(--yellow-300);
    --status-offline: var(--plum-9);
    --status-online: var(--green-360);
    --status-positive: var(--green-360);
    --status-positive-background: var(--green-430);
    --status-positive-text: var(--white);
    --status-speaking: var(--green-360);
    --status-warning: var(--yellow-300);
    --status-warning-background: var(--yellow-300);
    --status-warning-text: var(--black);
    --text-brand: var(--brand-360);
    --text-danger: var(--red-345);
    --text-invert: var(--neutral-71);
    --text-link: var(--blue-345);
    --text-link-low-saturation: var(--blue-330);
    --text-low-contrast: var(--plum-11);
    --text-message-preview-low-sat: var(--plum-11);
    --text-muted: var(--plum-10);
    --text-muted-on-default: var(--primary-330);
    --text-normal: var(--plum-6);
    --text-positive: var(--green-330);
    --text-primary: var(--plum-6);
    --text-secondary: var(--plum-9);
    --text-warning: var(--yellow-300);
    --textbox-markdown-syntax: var(--plum-9);
    --theme-locked-blur-fallback: hsl(var(--primary-700-hsl)/0.96);
    --thread-channel-spine: var(--plum-13);
    --toast-bg: var(--plum-17);
    --typing-indicator-bg: var(--plum-20);
    --user-profile-background-hover: hsl(var(--plum-13-hsl)/0.3);
    --user-profile-border: hsl(var(--plum-11-hsl)/0.12);
    --user-profile-header-overflow-background: hsl(var(--plum-20-hsl)/0.5);
    --user-profile-note-background-focus: var(--plum-16);
    --user-profile-overlay-background: var(--plum-18);
    --user-profile-overlay-background-hover: hsl(var(--plum-13-hsl)/0.3);
    --user-profile-toolbar-border: hsl(var(--plum-11-hsl)/0.06);
    --voice-video-video-tile-background: hsl(var(--plum-17-hsl)/0.4);
    --voice-video-video-tile-blur-fallback: hsl(var(--primary-700-hsl)/0.48)
}

@supports (color:color-mix(in lch,red,blue)) {
    .theme-darker {
        --action-sheet-gradient-bg: color-mix(in oklab,var(--plum-20) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --activity-card-background: color-mix(in oklab,var(--primary-700) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --activity-card-icon-overlay: color-mix(in oklab,hsl(var(--primary-600-hsl)/0.85) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.85) var(--theme-base-color-amount,0%));
        --alert-bg: color-mix(in oklab,var(--plum-20) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --android-navigation-bar-background: color-mix(in oklab,var(--plum-24) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --android-navigation-scrim-background: color-mix(in oklab,hsl(var(--plum-24-hsl)/0.5) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.5) var(--theme-base-color-amount,0%));
        --android-ripple: color-mix(in oklab,hsl(var(--white-hsl)/0.07) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.07) var(--theme-base-color-amount,0%));
        --app-border-frame: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.12) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)));
        --autocomplete-bg: color-mix(in oklab,var(--primary-630) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-accent: color-mix(in oklab,var(--plum-15) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-base-low: color-mix(in oklab,var(--neutral-82) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-base-lower: color-mix(in oklab,var(--neutral-86) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-base-lowest: color-mix(in oklab,var(--neutral-92) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-floating: color-mix(in oklab,var(--plum-18) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-mentioned: color-mix(in oklab,hsl(var(--yellow-260-hsl)/0.08) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.08) var(--theme-base-color-amount,0%));
        --background-mentioned-hover: color-mix(in oklab,hsl(var(--yellow-300-hsl)/0.08) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.08) var(--theme-base-color-amount,0%));
        --background-message-automod: color-mix(in oklab,hsl(var(--red-345-hsl)/0.08) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.08) var(--theme-base-color-amount,0%));
        --background-message-automod-hover: color-mix(in oklab,hsl(var(--red-400-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --background-message-highlight: color-mix(in oklab,hsl(var(--brand-360-hsl)/0.08) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.08) var(--theme-base-color-amount,0%));
        --background-message-highlight-hover: color-mix(in oklab,hsl(var(--brand-360-hsl)/0.06) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.06) var(--theme-base-color-amount,0%));
        --background-message-hover: color-mix(in oklab,var(--plum-21) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-mobile-primary: color-mix(in oklab,var(--plum-20) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-mobile-secondary: color-mix(in oklab,var(--plum-20) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-nested-floating: color-mix(in oklab,var(--plum-22) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-primary: color-mix(in oklab,var(--plum-20) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-secondary: color-mix(in oklab,var(--plum-18) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-secondary-alt: color-mix(in oklab,var(--plum-15) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-tertiary: color-mix(in oklab,var(--plum-16) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-tile-gradient-pink-end: color-mix(in oklab,hsl(var(--illo-pink-7-hsl)/0.3) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.3) var(--theme-base-color-amount,0%));
        --background-tile-gradient-pink-start: color-mix(in oklab,hsl(var(--illo-pink-5-hsl)/0.3) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.3) var(--theme-base-color-amount,0%));
        --bg-backdrop: color-mix(in oklab,hsl(var(--black-hsl)/0.7) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.7) var(--theme-base-color-amount,0%));
        --bg-backdrop-immersive: color-mix(in oklab,hsl(var(--black-hsl)/0.85) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.85) var(--theme-base-color-amount,0%));
        --bg-backdrop-no-opacity: color-mix(in oklab,var(--black) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-base-primary: color-mix(in oklab,var(--plum-20) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-base-secondary: color-mix(in oklab,var(--plum-20) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-base-tertiary: color-mix(in oklab,var(--plum-23) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-mod-faint: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.12) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12) var(--theme-base-color-amount,0%));
        --bg-mod-strong: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.24) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.24) var(--theme-base-color-amount,0%));
        --bg-mod-subtle: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.16) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.16) var(--theme-base-color-amount,0%));
        --bg-surface-overlay: color-mix(in oklab,var(--plum-17) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-surface-overlay-tmp: color-mix(in oklab,var(--plum-17) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-surface-raised: color-mix(in oklab,var(--plum-18) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --blur-fallback: color-mix(in oklab,hsl(var(--plum-17-hsl)/0.96) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.96) var(--theme-base-color-amount,0%));
        --blur-fallback-pressed: color-mix(in oklab,hsl(var(--plum-18-hsl)/0.96) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.96) var(--theme-base-color-amount,0%));
        --border-faint: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.06) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.06) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)));
        --border-strong: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.22) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.22) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)));
        --border-subtle: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.12) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)));
        --bug-reporter-modal-submitting-background: color-mix(in oklab,hsl(var(--plum-23-hsl)/0.6) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.6) var(--theme-base-color-amount,0%));
        --card-gradient-bg: color-mix(in oklab,hsl(var(--black-hsl)/0.4) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.4) var(--theme-base-color-amount,0%));
        --card-gradient-pressed-bg: color-mix(in oklab,hsl(var(--black-hsl)/0.5) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.5) var(--theme-base-color-amount,0%));
        --card-primary-bg: color-mix(in oklab,var(--plum-18) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --card-primary-pressed-bg: color-mix(in oklab,var(--plum-19) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --card-secondary-bg: color-mix(in oklab,var(--plum-19) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --card-secondary-pressed-bg: color-mix(in oklab,var(--plum-21) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --channel-icon: color-mix(in oklab,var(--plum-10) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --channel-text-area-placeholder: color-mix(in oklab,var(--plum-11) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --channels-default: color-mix(in oklab,var(--plum-9) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --channeltextarea-background: color-mix(in oklab,var(--plum-15) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --chat-background: color-mix(in oklab,var(--plum-16) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --chat-banner-bg: color-mix(in oklab,var(--plum-20) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --chat-border: color-mix(in oklab,var(--plum-20) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --chat-input-container-background: color-mix(in oklab,var(--plum-16) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --chat-swipe-to-reply-background: color-mix(in oklab,var(--plum-22) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --chat-swipe-to-reply-gradient-background: color-mix(in oklab,hsl(var(--black-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --coachmark-bg: color-mix(in oklab,var(--plum-17) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --content-inventory-media-seekbar-container: color-mix(in oklab,hsl(var(--plum-6-hsl)/0.24) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.24) var(--theme-base-color-amount,0%));
        --content-inventory-overlay-text-primary: color-mix(in oklab,hsl(var(--white-hsl)/0.85) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.85) var(--theme-base-color-amount,0%));
        --content-inventory-overlay-text-secondary: color-mix(in oklab,hsl(var(--white-hsl)/0.7) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.7) var(--theme-base-color-amount,0%));
        --content-inventory-overlay-ui-mod: color-mix(in oklab,hsl(var(--white-hsl)/0.7) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.7) var(--theme-base-color-amount,0%));
        --content-inventory-overlay-ui-mod-bg: color-mix(in oklab,hsl(var(--black-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --context-menu-backdrop-background: color-mix(in oklab,hsl(var(--black-hsl)/0.7) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.7) var(--theme-base-color-amount,0%));
        --control-brand-foreground: color-mix(in oklab,var(--brand-360) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --control-brand-foreground-new: color-mix(in oklab,var(--brand-360) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --creator-revenue-icon-gradient-end: color-mix(in oklab,var(--teal-430) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --creator-revenue-icon-gradient-start: color-mix(in oklab,var(--teal-360) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --creator-revenue-info-box-background: color-mix(in oklab,hsl(var(--teal-430-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --creator-revenue-info-box-border: color-mix(in oklab,var(--teal-400) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --creator-revenue-locked-channel-icon: color-mix(in oklab,var(--teal-345) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --creator-revenue-progress-bar: color-mix(in oklab,var(--teal-400) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --custom-status-bubble-bg: color-mix(in oklab,var(--plum-17) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --deprecated-card-bg: color-mix(in oklab,hsl(var(--primary-700-hsl)/0.6) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.6) var(--theme-base-color-amount,0%));
        --deprecated-card-editable-bg: color-mix(in oklab,hsl(var(--primary-700-hsl)/0.3) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.3) var(--theme-base-color-amount,0%));
        --deprecated-text-input-bg: color-mix(in oklab,var(--primary-700) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --deprecated-text-input-border: color-mix(in oklab,hsl(var(--black-hsl)/0.3) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.3) var(--theme-base-color-amount,0%));
        --deprecated-text-input-border-disabled: color-mix(in oklab,var(--primary-700) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --deprecated-text-input-border-hover: color-mix(in oklab,var(--primary-900) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --display-banner-overflow-background: color-mix(in oklab,hsl(var(--plum-20-hsl)/0.5) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.5) var(--theme-base-color-amount,0%));
        --divider-strong: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.22) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.22) var(--theme-base-color-amount,0%));
        --divider-subtle: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.12) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12) var(--theme-base-color-amount,0%));
        --embed-background: color-mix(in oklab,var(--plum-18) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --embed-background-alternate: color-mix(in oklab,var(--primary-600) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --embed-title: color-mix(in oklab,var(--plum-3) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --expression-picker-bg: color-mix(in oklab,var(--plum-20) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --focus-primary: color-mix(in oklab,var(--blue-345) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --forum-post-extra-media-count-container-background: color-mix(in oklab,hsl(var(--plum-19-hsl)/0.8) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.8) var(--theme-base-color-amount,0%));
        --forum-post-tag-background: color-mix(in oklab,hsl(var(--plum-19-hsl)/0.9) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.9) var(--theme-base-color-amount,0%));
        --guild-notifications-bottom-sheet-pill-background: color-mix(in oklab,var(--primary-700) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --header-muted: color-mix(in oklab,var(--plum-10) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --header-primary: color-mix(in oklab,var(--plum-3) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --header-secondary: color-mix(in oklab,var(--plum-9) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --home-background: color-mix(in oklab,var(--plum-18) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --icon-invert: color-mix(in oklab,var(--neutral-71) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --icon-muted: color-mix(in oklab,var(--plum-11) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --icon-primary: color-mix(in oklab,var(--plum-4) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --icon-secondary: color-mix(in oklab,var(--plum-9) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --icon-transparent: color-mix(in oklab,hsl(var(--transparent-hsl)/0) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0) var(--theme-text-color-amount,0%));
        --info-box-background: color-mix(in oklab,hsl(var(--blue-345-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --info-danger-background: color-mix(in oklab,hsl(var(--red-400-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --info-danger-foreground: color-mix(in oklab,var(--red-400) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-danger-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-help-background: color-mix(in oklab,hsl(var(--blue-345-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --info-help-foreground: color-mix(in oklab,var(--blue-345) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-help-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-positive-background: color-mix(in oklab,hsl(var(--green-360-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --info-positive-foreground: color-mix(in oklab,var(--green-360) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-positive-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-warning-background: color-mix(in oklab,hsl(var(--yellow-300-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --info-warning-foreground: color-mix(in oklab,var(--yellow-300) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-warning-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --input-background: color-mix(in oklab,hsl(var(--plum-24-hsl)/0.85) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.85) var(--theme-base-color-amount,0%));
        --input-border: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.32) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.32) var(--theme-base-color-amount,0%));
        --input-error-background: color-mix(in oklab,hsl(var(--red-500-hsl)/0.12) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12) var(--theme-base-color-amount,0%));
        --input-error-border: color-mix(in oklab,var(--red-360) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --input-error-text: color-mix(in oklab,var(--red-260) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --input-focused-border: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.32) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.32) var(--theme-base-color-amount,0%));
        --input-placeholder-text: color-mix(in oklab,var(--plum-10) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --interactive-active: color-mix(in oklab,var(--plum-1) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --interactive-hover: color-mix(in oklab,var(--plum-4) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --interactive-muted: color-mix(in oklab,var(--plum-13) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --interactive-normal: color-mix(in oklab,var(--plum-6) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --leaderboard-league-brand-text: color-mix(in oklab,var(--lol-text-light) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --legacy-android-blur-overlay-default: color-mix(in oklab,hsl(var(--primary-660-hsl)/0.5) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.5) var(--theme-base-color-amount,0%));
        --legacy-android-blur-overlay-ultra-thin: color-mix(in oklab,hsl(var(--black-hsl)/0.025) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.025) var(--theme-base-color-amount,0%));
        --legacy-blur-fallback-default: color-mix(in oklab,hsl(var(--primary-660-hsl)/0.975) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.975) var(--theme-base-color-amount,0%));
        --legacy-blur-fallback-ultra-thin: color-mix(in oklab,hsl(var(--black-hsl)/0.95) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.95) var(--theme-base-color-amount,0%));
        --live-stage-tile-border: color-mix(in oklab,hsl(var(--plum-13-hsl)/0.6) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.6) var(--theme-base-color-amount,0%));
        --logo-primary: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --mention-background: color-mix(in oklab,hsl(var(--brand-500-hsl)/0.5) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.5) var(--theme-base-color-amount,0%));
        --mention-foreground: color-mix(in oklab,var(--brand-230) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --menu-item-danger-active-bg: color-mix(in oklab,var(--red-530) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --menu-item-danger-hover-bg: color-mix(in oklab,var(--red-430) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --menu-item-default-active-bg: color-mix(in oklab,var(--brand-560) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --menu-item-default-hover-bg: color-mix(in oklab,var(--brand-500) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --message-reacted-background: color-mix(in oklab,hsl(var(--brand-500-hsl)/0.15) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.15) var(--theme-base-color-amount,0%));
        --message-reacted-text: color-mix(in oklab,var(--brand-200) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --modal-background: color-mix(in oklab,var(--plum-16) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --modal-footer-background: color-mix(in oklab,var(--plum-17) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --navigator-header-tint: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --overlay-backdrop-default: color-mix(in oklab,hsl(var(--opacity-black-72-hsl)/0.7215686274509804) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.7215686274509804) var(--theme-base-color-amount,0%));
        --overlay-backdrop-lightbox: color-mix(in oklab,hsl(var(--opacity-black-92-hsl)/0.9215686274509803) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.9215686274509803) var(--theme-base-color-amount,0%));
        --panel-bg: color-mix(in oklab,var(--plum-20) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --polls-normal-fill-hover: color-mix(in oklab,var(--primary-600) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --polls-normal-image-background: color-mix(in oklab,var(--primary-660) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --polls-victor-fill: color-mix(in oklab,hsl(var(--green-360-hsl)/0.2) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.2) var(--theme-base-color-amount,0%));
        --polls-voted-fill: color-mix(in oklab,hsl(var(--brand-500-hsl)/0.2) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.2) var(--theme-base-color-amount,0%));
        --premium-nitro-pink-text: color-mix(in oklab,var(--premium-nitro-pink-light) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --profile-gradient-note-background: color-mix(in oklab,hsl(var(--black-hsl)/0.3) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.3) var(--theme-base-color-amount,0%));
        --profile-gradient-overlay: color-mix(in oklab,hsl(var(--black-hsl)/0.6) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.6) var(--theme-base-color-amount,0%));
        --profile-gradient-overlay-synced-with-user-theme: color-mix(in oklab,hsl(var(--black-hsl)/0.8) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.8) var(--theme-base-color-amount,0%));
        --profile-gradient-role-pill-background: color-mix(in oklab,hsl(var(--primary-660-hsl)/0.5) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.5) var(--theme-base-color-amount,0%));
        --profile-gradient-role-pill-border: color-mix(in oklab,hsl(var(--white-hsl)/0.2) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.2) var(--theme-base-color-amount,0%));
        --profile-gradient-section-box: color-mix(in oklab,hsl(var(--black-hsl)/0.45) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.45) var(--theme-base-color-amount,0%));
        --redesign-activity-card-badge-icon: color-mix(in oklab,var(--plum-10) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-active-background: color-mix(in oklab,var(--green-430) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-active-pressed-background: color-mix(in oklab,var(--green-460) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-active-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-danger-background: color-mix(in oklab,var(--red-430) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-danger-pressed-background: color-mix(in oklab,var(--red-460) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-danger-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-destructive-background: color-mix(in oklab,var(--red-430) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-destructive-pressed-background: color-mix(in oklab,var(--red-460) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-destructive-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-overlay-alpha-background: color-mix(in oklab,hsl(var(--black-hsl)/0.54) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.54) var(--theme-base-color-amount,0%));
        --redesign-button-overlay-alpha-pressed-background: color-mix(in oklab,hsl(var(--black-hsl)/0.64) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.64) var(--theme-base-color-amount,0%));
        --redesign-button-overlay-alpha-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-overlay-background: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-overlay-text: color-mix(in oklab,var(--primary-860) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-positive-background: color-mix(in oklab,var(--green-430) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-positive-pressed-background: color-mix(in oklab,var(--green-460) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-positive-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-premium-primary-blue-for-gradient: color-mix(in oklab,var(--premium-tier-0-blue-for-gradients-2) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-premium-primary-pink-for-gradient: color-mix(in oklab,var(--premium-tier-2-pink-for-gradients) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-premium-primary-pressed-background: color-mix(in oklab,hsl(var(--black-hsl)/0.1) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1) var(--theme-base-color-amount,0%));
        --redesign-button-premium-primary-purple-for-gradient: color-mix(in oklab,var(--premium-tier-2-purple-for-gradients) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-premium-primary-purple-for-gradient-2: color-mix(in oklab,var(--premium-tier-2-purple-for-gradients-2) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-primary-alt-background: color-mix(in oklab,hsl(var(--brand-500-hsl)/0) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0) var(--theme-base-color-amount,0%));
        --redesign-button-primary-alt-border: color-mix(in oklab,var(--brand-360) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-primary-alt-on-blurple-background: color-mix(in oklab,hsl(var(--brand-530-hsl)/0) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0) var(--theme-base-color-amount,0%));
        --redesign-button-primary-alt-on-blurple-border: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-primary-alt-on-blurple-pressed-background: color-mix(in oklab,var(--brand-530) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-primary-alt-on-blurple-pressed-border: color-mix(in oklab,var(--brand-360) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-primary-alt-on-blurple-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-primary-alt-pressed-background: color-mix(in oklab,hsl(var(--brand-700-hsl)/0.16) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.16) var(--theme-base-color-amount,0%));
        --redesign-button-primary-alt-pressed-border: color-mix(in oklab,hsl(var(--brand-400-hsl)/0.5) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.5) var(--theme-base-color-amount,0%));
        --redesign-button-primary-alt-pressed-text: color-mix(in oklab,var(--brand-360) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-primary-alt-text: color-mix(in oklab,var(--brand-360) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-primary-background: color-mix(in oklab,var(--brand-500) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-primary-on-blurple-pressed-text: color-mix(in oklab,var(--brand-530) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-primary-overlay-background: color-mix(in oklab,var(--white) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-primary-overlay-pressed-background: color-mix(in oklab,var(--plum-4) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-primary-overlay-text: color-mix(in oklab,var(--plum-25) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-primary-pressed-background: color-mix(in oklab,var(--brand-560) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-primary-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-secondary-background: color-mix(in oklab,var(--plum-15) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-secondary-border: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.12) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12) var(--theme-base-color-amount,0%));
        --redesign-button-secondary-overlay-background: color-mix(in oklab,hsl(var(--black-hsl)/0.54) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.54) var(--theme-base-color-amount,0%));
        --redesign-button-secondary-overlay-pressed-background: color-mix(in oklab,hsl(var(--black-hsl)/0.64) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.64) var(--theme-base-color-amount,0%));
        --redesign-button-secondary-overlay-text: color-mix(in oklab,var(--white) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-secondary-pressed-background: color-mix(in oklab,var(--plum-13) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-button-secondary-pressed-border: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.06) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.06) var(--theme-base-color-amount,0%));
        --redesign-button-secondary-text: color-mix(in oklab,var(--plum-6) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-selected-background: color-mix(in oklab,hsl(var(--brand-500-hsl)/0.24) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.24) var(--theme-base-color-amount,0%));
        --redesign-button-selected-pressed-background: color-mix(in oklab,hsl(var(--brand-500-hsl)/0.28) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.28) var(--theme-base-color-amount,0%));
        --redesign-button-selected-text: color-mix(in oklab,var(--brand-500) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-tertiary-background: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.12) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12) var(--theme-base-color-amount,0%));
        --redesign-button-tertiary-pressed-background: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.2) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.2) var(--theme-base-color-amount,0%));
        --redesign-button-tertiary-pressed-text: color-mix(in oklab,var(--plum-5) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-button-tertiary-text: color-mix(in oklab,var(--plum-6) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-channel-name-muted-text: color-mix(in oklab,var(--plum-10) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-channel-name-text: color-mix(in oklab,var(--plum-3) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --redesign-chat-input-background: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.12) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12) var(--theme-base-color-amount,0%));
        --redesign-image-button-pressed-background: color-mix(in oklab,hsl(var(--black-hsl)/0.08) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.08) var(--theme-base-color-amount,0%));
        --redesign-input-control-active-bg: color-mix(in oklab,var(--plum-16) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --redesign-input-control-selected: color-mix(in oklab,var(--brand-500) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --scrim-default: color-mix(in oklab,hsl(var(--opacity-black-72-hsl)/0.7215686274509804) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.7215686274509804) var(--theme-base-color-amount,0%));
        --scrim-lightbox: color-mix(in oklab,hsl(var(--opacity-black-92-hsl)/0.9215686274509803) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.9215686274509803) var(--theme-base-color-amount,0%));
        --scrollbar-auto-scrollbar-color-thumb: color-mix(in oklab,var(--plum-21) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --scrollbar-auto-scrollbar-color-track: color-mix(in oklab,var(--plum-17) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --scrollbar-auto-thumb: color-mix(in oklab,var(--plum-21) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --scrollbar-auto-track: color-mix(in oklab,var(--plum-19) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --scrollbar-thin-thumb: color-mix(in oklab,var(--plum-21) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --scrollbar-thin-track: color-mix(in oklab,hsl(var(--black-hsl)/0) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0) var(--theme-base-color-amount,0%));
        --spine-default: color-mix(in oklab,var(--plum-13) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --spoiler-hidden-background: color-mix(in oklab,var(--plum-14) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --spoiler-revealed-background: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.16) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.16) var(--theme-base-color-amount,0%));
        --stage-card-pill-bg: color-mix(in oklab,var(--plum-19) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --text-brand: color-mix(in oklab,var(--brand-360) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-danger: color-mix(in oklab,var(--red-345) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-invert: color-mix(in oklab,var(--neutral-71) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-link: color-mix(in oklab,var(--blue-345) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-link-low-saturation: color-mix(in oklab,var(--blue-330) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-low-contrast: color-mix(in oklab,var(--plum-11) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-message-preview-low-sat: color-mix(in oklab,var(--plum-11) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-muted: color-mix(in oklab,var(--plum-10) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-muted-on-default: color-mix(in oklab,var(--primary-330) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-normal: color-mix(in oklab,var(--plum-6) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-positive: color-mix(in oklab,var(--green-330) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-primary: color-mix(in oklab,var(--plum-6) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-secondary: color-mix(in oklab,var(--plum-9) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-warning: color-mix(in oklab,var(--yellow-300) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --textbox-markdown-syntax: color-mix(in oklab,var(--plum-9) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --theme-locked-blur-fallback: color-mix(in oklab,hsl(var(--primary-700-hsl)/0.96) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.96) var(--theme-base-color-amount,0%));
        --thread-channel-spine: color-mix(in oklab,var(--plum-13) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --toast-bg: color-mix(in oklab,var(--plum-17) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --typing-indicator-bg: color-mix(in oklab,var(--plum-20) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --user-profile-background-hover: color-mix(in oklab,hsl(var(--plum-13-hsl)/0.3) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.3) var(--theme-base-color-amount,0%));
        --user-profile-border: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.12) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12) var(--theme-base-color-amount,0%));
        --user-profile-header-overflow-background: color-mix(in oklab,hsl(var(--plum-20-hsl)/0.5) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.5) var(--theme-base-color-amount,0%));
        --user-profile-note-background-focus: color-mix(in oklab,var(--plum-16) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --user-profile-overlay-background: color-mix(in oklab,var(--plum-18) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --user-profile-overlay-background-hover: color-mix(in oklab,hsl(var(--plum-13-hsl)/0.3) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.3) var(--theme-base-color-amount,0%));
        --user-profile-toolbar-border: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.06) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.06) var(--theme-base-color-amount,0%));
        --voice-video-video-tile-background: color-mix(in oklab,hsl(var(--plum-17-hsl)/0.4) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.4) var(--theme-base-color-amount,0%));
        --voice-video-video-tile-blur-fallback: color-mix(in oklab,hsl(var(--primary-700-hsl)/0.48) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.48) var(--theme-base-color-amount,0%))
    }
}

.custom-user-profile-theme.theme-dark {
    --user-profile-border: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --user-profile-note-background-focus: hsl(var(--black-hsl)/0.3);
    --user-profile-toolbar-border: hsl(var(--opacity-4-hsl)/0.0392156862745098)
}

.custom-user-profile-theme.theme-light {
    --user-profile-border: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
    --user-profile-note-background-focus: hsl(var(--white-hsl)/0.3);
    --user-profile-toolbar-border: hsl(var(--opacity-20-hsl)/0.2)
}

:root {
    --neutral-1: hsl(var(--neutral-1-hsl)/1);
    --neutral-1-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --neutral-2: hsl(var(--neutral-2-hsl)/1);
    --neutral-2-hsl: 0 calc(var(--saturation-factor, 1)*0%) 98.431%;
    --neutral-3: hsl(var(--neutral-3-hsl)/1);
    --neutral-3-hsl: 240 calc(var(--saturation-factor, 1)*6.667%) 97.059%;
    --neutral-4: hsl(var(--neutral-4-hsl)/1);
    --neutral-4-hsl: 240 calc(var(--saturation-factor, 1)*4.348%) 95.49%;
    --neutral-5: hsl(var(--neutral-5-hsl)/1);
    --neutral-5-hsl: 240 calc(var(--saturation-factor, 1)*3.226%) 93.922%;
    --neutral-6: hsl(var(--neutral-6-hsl)/1);
    --neutral-6-hsl: 240 calc(var(--saturation-factor, 1)*5.263%) 92.549%;
    --neutral-7: hsl(var(--neutral-7-hsl)/1);
    --neutral-7-hsl: 240 calc(var(--saturation-factor, 1)*4.348%) 90.98%;
    --neutral-8: hsl(var(--neutral-8-hsl)/1);
    --neutral-8-hsl: 240 calc(var(--saturation-factor, 1)*5.66%) 89.608%;
    --neutral-9: hsl(var(--neutral-9-hsl)/1);
    --neutral-9-hsl: 220 calc(var(--saturation-factor, 1)*4.918%) 88.039%;
    --neutral-10: hsl(var(--neutral-10-hsl)/1);
    --neutral-10-hsl: 225 calc(var(--saturation-factor, 1)*5.882%) 86.667%;
    --neutral-11: hsl(var(--neutral-11-hsl)/1);
    --neutral-11-hsl: 225 calc(var(--saturation-factor, 1)*5.263%) 85.098%;
    --neutral-12: hsl(var(--neutral-12-hsl)/1);
    --neutral-12-hsl: 225 calc(var(--saturation-factor, 1)*4.762%) 83.529%;
    --neutral-13: hsl(var(--neutral-13-hsl)/1);
    --neutral-13-hsl: 240 calc(var(--saturation-factor, 1)*4.444%) 82.353%;
    --neutral-14: hsl(var(--neutral-14-hsl)/1);
    --neutral-14-hsl: 240 calc(var(--saturation-factor, 1)*4.082%) 80.784%;
    --neutral-15: hsl(var(--neutral-15-hsl)/1);
    --neutral-15-hsl: 240 calc(var(--saturation-factor, 1)*4.762%) 79.412%;
    --neutral-16: hsl(var(--neutral-16-hsl)/1);
    --neutral-16-hsl: 228 calc(var(--saturation-factor, 1)*4.425%) 77.843%;
    --neutral-17: hsl(var(--neutral-17-hsl)/1);
    --neutral-17-hsl: 230 calc(var(--saturation-factor, 1)*5%) 76.471%;
    --neutral-18: hsl(var(--neutral-18-hsl)/1);
    --neutral-18-hsl: 230 calc(var(--saturation-factor, 1)*4.687%) 74.902%;
    --neutral-19: hsl(var(--neutral-19-hsl)/1);
    --neutral-19-hsl: 240 calc(var(--saturation-factor, 1)*4.478%) 73.725%;
    --neutral-20: hsl(var(--neutral-20-hsl)/1);
    --neutral-20-hsl: 230 calc(var(--saturation-factor, 1)*4.225%) 72.157%;
    --neutral-21: hsl(var(--neutral-21-hsl)/1);
    --neutral-21-hsl: 231.429 calc(var(--saturation-factor, 1)*4.698%) 70.784%;
    --neutral-22: hsl(var(--neutral-22-hsl)/1);
    --neutral-22-hsl: 231.429 calc(var(--saturation-factor, 1)*4.459%) 69.216%;
    --neutral-23: hsl(var(--neutral-23-hsl)/1);
    --neutral-23-hsl: 240 calc(var(--saturation-factor, 1)*4.294%) 68.039%;
    --neutral-24: hsl(var(--neutral-24-hsl)/1);
    --neutral-24-hsl: 231.429 calc(var(--saturation-factor, 1)*4.094%) 66.471%;
    --neutral-25: hsl(var(--neutral-25-hsl)/1);
    --neutral-25-hsl: 232.5 calc(var(--saturation-factor, 1)*4.494%) 65.098%;
    --neutral-26: hsl(var(--neutral-26-hsl)/1);
    --neutral-26-hsl: 240 calc(var(--saturation-factor, 1)*3.784%) 63.725%;
    --neutral-27: hsl(var(--neutral-27-hsl)/1);
    --neutral-27-hsl: 232.5 calc(var(--saturation-factor, 1)*4.167%) 62.353%;
    --neutral-28: hsl(var(--neutral-28-hsl)/1);
    --neutral-28-hsl: 232.5 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --neutral-29: hsl(var(--neutral-29-hsl)/1);
    --neutral-29-hsl: 232.5 calc(var(--saturation-factor, 1)*3.883%) 59.608%;
    --neutral-30: hsl(var(--neutral-30-hsl)/1);
    --neutral-30-hsl: 233.333 calc(var(--saturation-factor, 1)*4.225%) 58.235%;
    --neutral-31: hsl(var(--neutral-31-hsl)/1);
    --neutral-31-hsl: 233.333 calc(var(--saturation-factor, 1)*4.072%) 56.667%;
    --neutral-32: hsl(var(--neutral-32-hsl)/1);
    --neutral-32-hsl: 233.333 calc(var(--saturation-factor, 1)*3.965%) 55.49%;
    --neutral-33: hsl(var(--neutral-33-hsl)/1);
    --neutral-33-hsl: 233.333 calc(var(--saturation-factor, 1)*3.83%) 53.922%;
    --neutral-34: hsl(var(--neutral-34-hsl)/1);
    --neutral-34-hsl: 233.333 calc(var(--saturation-factor, 1)*3.734%) 52.745%;
    --neutral-35: hsl(var(--neutral-35-hsl)/1);
    --neutral-35-hsl: 234 calc(var(--saturation-factor, 1)*4.032%) 51.373%;
    --neutral-36: hsl(var(--neutral-36-hsl)/1);
    --neutral-36-hsl: 233.333 calc(var(--saturation-factor, 1)*3.529%) 50%;
    --neutral-37: hsl(var(--neutral-37-hsl)/1);
    --neutral-37-hsl: 234 calc(var(--saturation-factor, 1)*4.032%) 48.627%;
    --neutral-38: hsl(var(--neutral-38-hsl)/1);
    --neutral-38-hsl: 234 calc(var(--saturation-factor, 1)*4.132%) 47.451%;
    --neutral-39: hsl(var(--neutral-39-hsl)/1);
    --neutral-39-hsl: 234 calc(var(--saturation-factor, 1)*4.274%) 45.882%;
    --neutral-40: hsl(var(--neutral-40-hsl)/1);
    --neutral-40-hsl: 234 calc(var(--saturation-factor, 1)*4.386%) 44.706%;
    --neutral-41: hsl(var(--neutral-41-hsl)/1);
    --neutral-41-hsl: 234 calc(var(--saturation-factor, 1)*4.505%) 43.529%;
    --neutral-42: hsl(var(--neutral-42-hsl)/1);
    --neutral-42-hsl: 234.545 calc(var(--saturation-factor, 1)*5.116%) 42.157%;
    --neutral-43: hsl(var(--neutral-43-hsl)/1);
    --neutral-43-hsl: 234 calc(var(--saturation-factor, 1)*4.808%) 40.784%;
    --neutral-44: hsl(var(--neutral-44-hsl)/1);
    --neutral-44-hsl: 234.545 calc(var(--saturation-factor, 1)*5.473%) 39.412%;
    --neutral-45: hsl(var(--neutral-45-hsl)/1);
    --neutral-45-hsl: 234.545 calc(var(--saturation-factor, 1)*5.641%) 38.235%;
    --neutral-46: hsl(var(--neutral-46-hsl)/1);
    --neutral-46-hsl: 234.545 calc(var(--saturation-factor, 1)*5.82%) 37.059%;
    --neutral-47: hsl(var(--neutral-47-hsl)/1);
    --neutral-47-hsl: 229.091 calc(var(--saturation-factor, 1)*6.077%) 35.49%;
    --neutral-48: hsl(var(--neutral-48-hsl)/1);
    --neutral-48-hsl: 234.545 calc(var(--saturation-factor, 1)*6.286%) 34.314%;
    --neutral-49: hsl(var(--neutral-49-hsl)/1);
    --neutral-49-hsl: 234.545 calc(var(--saturation-factor, 1)*6.509%) 33.137%;
    --neutral-50: hsl(var(--neutral-50-hsl)/1);
    --neutral-50-hsl: 234.545 calc(var(--saturation-factor, 1)*6.509%) 33.137%;
    --neutral-51: hsl(var(--neutral-51-hsl)/1);
    --neutral-51-hsl: 234.545 calc(var(--saturation-factor, 1)*6.667%) 32.353%;
    --neutral-52: hsl(var(--neutral-52-hsl)/1);
    --neutral-52-hsl: 234 calc(var(--saturation-factor, 1)*6.173%) 31.765%;
    --neutral-53: hsl(var(--neutral-53-hsl)/1);
    --neutral-53-hsl: 234.545 calc(var(--saturation-factor, 1)*6.918%) 31.176%;
    --neutral-54: hsl(var(--neutral-54-hsl)/1);
    --neutral-54-hsl: 234 calc(var(--saturation-factor, 1)*6.41%) 30.588%;
    --neutral-55: hsl(var(--neutral-55-hsl)/1);
    --neutral-55-hsl: 234 calc(var(--saturation-factor, 1)*6.579%) 29.804%;
    --neutral-56: hsl(var(--neutral-56-hsl)/1);
    --neutral-56-hsl: 233.333 calc(var(--saturation-factor, 1)*6.04%) 29.216%;
    --neutral-57: hsl(var(--neutral-57-hsl)/1);
    --neutral-57-hsl: 233.333 calc(var(--saturation-factor, 1)*6.207%) 28.431%;
    --neutral-58: hsl(var(--neutral-58-hsl)/1);
    --neutral-58-hsl: 240 calc(var(--saturation-factor, 1)*6.294%) 28.039%;
    --neutral-59: hsl(var(--neutral-59-hsl)/1);
    --neutral-59-hsl: 233.333 calc(var(--saturation-factor, 1)*6.475%) 27.255%;
    --neutral-60: hsl(var(--neutral-60-hsl)/1);
    --neutral-60-hsl: 233.333 calc(var(--saturation-factor, 1)*6.667%) 26.471%;
    --neutral-61: hsl(var(--neutral-61-hsl)/1);
    --neutral-61-hsl: 232.5 calc(var(--saturation-factor, 1)*6.061%) 25.882%;
    --neutral-62: hsl(var(--neutral-62-hsl)/1);
    --neutral-62-hsl: 233.333 calc(var(--saturation-factor, 1)*6.977%) 25.294%;
    --neutral-63: hsl(var(--neutral-63-hsl)/1);
    --neutral-63-hsl: 232.5 calc(var(--saturation-factor, 1)*6.349%) 24.706%;
    --neutral-64: hsl(var(--neutral-64-hsl)/1);
    --neutral-64-hsl: 232.5 calc(var(--saturation-factor, 1)*6.557%) 23.922%;
    --neutral-65: hsl(var(--neutral-65-hsl)/1);
    --neutral-65-hsl: 232.5 calc(var(--saturation-factor, 1)*6.667%) 23.529%;
    --neutral-66: hsl(var(--neutral-66-hsl)/1);
    --neutral-66-hsl: 232.5 calc(var(--saturation-factor, 1)*6.897%) 22.745%;
    --neutral-67: hsl(var(--neutral-67-hsl)/1);
    --neutral-67-hsl: 231.429 calc(var(--saturation-factor, 1)*6.195%) 22.157%;
    --neutral-68: hsl(var(--neutral-68-hsl)/1);
    --neutral-68-hsl: 240 calc(var(--saturation-factor, 1)*5.455%) 21.569%;
    --neutral-69: hsl(var(--neutral-69-hsl)/1);
    --neutral-69-hsl: 231.429 calc(var(--saturation-factor, 1)*6.542%) 20.98%;
    --neutral-70: hsl(var(--neutral-70-hsl)/1);
    --neutral-70-hsl: 240 calc(var(--saturation-factor, 1)*5.769%) 20.392%;
    --neutral-71: hsl(var(--neutral-71-hsl)/1);
    --neutral-71-hsl: 230 calc(var(--saturation-factor, 1)*6%) 19.608%;
    --neutral-72: hsl(var(--neutral-72-hsl)/1);
    --neutral-72-hsl: 240 calc(var(--saturation-factor, 1)*6.122%) 19.216%;
    --neutral-73: hsl(var(--neutral-73-hsl)/1);
    --neutral-73-hsl: 230 calc(var(--saturation-factor, 1)*6.383%) 18.431%;
    --neutral-74: hsl(var(--neutral-74-hsl)/1);
    --neutral-74-hsl: 240 calc(var(--saturation-factor, 1)*6.522%) 18.039%;
    --neutral-75: hsl(var(--neutral-75-hsl)/1);
    --neutral-75-hsl: 230 calc(var(--saturation-factor, 1)*6.818%) 17.255%;
    --neutral-76: hsl(var(--neutral-76-hsl)/1);
    --neutral-76-hsl: 240 calc(var(--saturation-factor, 1)*5.882%) 16.667%;
    --neutral-77: hsl(var(--neutral-77-hsl)/1);
    --neutral-77-hsl: 240 calc(var(--saturation-factor, 1)*6.024%) 16.275%;
    --neutral-78: hsl(var(--neutral-78-hsl)/1);
    --neutral-78-hsl: 228 calc(var(--saturation-factor, 1)*6.329%) 15.49%;
    --neutral-79: hsl(var(--neutral-79-hsl)/1);
    --neutral-79-hsl: 240 calc(var(--saturation-factor, 1)*6.494%) 15.098%;
    --neutral-80: hsl(var(--neutral-80-hsl)/1);
    --neutral-80-hsl: 228 calc(var(--saturation-factor, 1)*6.849%) 14.314%;
    --neutral-81: hsl(var(--neutral-81-hsl)/1);
    --neutral-81-hsl: 240 calc(var(--saturation-factor, 1)*5.714%) 13.725%;
    --neutral-82: hsl(var(--neutral-82-hsl)/1);
    --neutral-82-hsl: 240 calc(var(--saturation-factor, 1)*5.882%) 13.333%;
    --neutral-83: hsl(var(--neutral-83-hsl)/1);
    --neutral-83-hsl: 225 calc(var(--saturation-factor, 1)*6.25%) 12.549%;
    --neutral-84: hsl(var(--neutral-84-hsl)/1);
    --neutral-84-hsl: 240 calc(var(--saturation-factor, 1)*6.452%) 12.157%;
    --neutral-85: hsl(var(--neutral-85-hsl)/1);
    --neutral-85-hsl: 225 calc(var(--saturation-factor, 1)*6.897%) 11.373%;
    --neutral-86: hsl(var(--neutral-86-hsl)/1);
    --neutral-86-hsl: 240 calc(var(--saturation-factor, 1)*7.143%) 10.98%;
    --neutral-87: hsl(var(--neutral-87-hsl)/1);
    --neutral-87-hsl: 240 calc(var(--saturation-factor, 1)*5.66%) 10.392%;
    --neutral-88: hsl(var(--neutral-88-hsl)/1);
    --neutral-88-hsl: 225 calc(var(--saturation-factor, 1)*8%) 9.804%;
    --neutral-89: hsl(var(--neutral-89-hsl)/1);
    --neutral-89-hsl: 240 calc(var(--saturation-factor, 1)*6.383%) 9.216%;
    --neutral-90: hsl(var(--neutral-90-hsl)/1);
    --neutral-90-hsl: 240 calc(var(--saturation-factor, 1)*6.667%) 8.824%;
    --neutral-91: hsl(var(--neutral-91-hsl)/1);
    --neutral-91-hsl: 220 calc(var(--saturation-factor, 1)*7.317%) 8.039%;
    --neutral-92: hsl(var(--neutral-92-hsl)/1);
    --neutral-92-hsl: 240 calc(var(--saturation-factor, 1)*5.263%) 7.451%;
    --neutral-93: hsl(var(--neutral-93-hsl)/1);
    --neutral-93-hsl: 240 calc(var(--saturation-factor, 1)*8.571%) 6.863%;
    --neutral-94: hsl(var(--neutral-94-hsl)/1);
    --neutral-94-hsl: 240 calc(var(--saturation-factor, 1)*6.667%) 5.882%;
    --neutral-95: hsl(var(--neutral-95-hsl)/1);
    --neutral-95-hsl: 240 calc(var(--saturation-factor, 1)*7.692%) 5.098%;
    --neutral-96: hsl(var(--neutral-96-hsl)/1);
    --neutral-96-hsl: 240 calc(var(--saturation-factor, 1)*9.091%) 4.314%;
    --neutral-97: hsl(var(--neutral-97-hsl)/1);
    --neutral-97-hsl: 240 calc(var(--saturation-factor, 1)*12.5%) 3.137%;
    --neutral-98: hsl(var(--neutral-98-hsl)/1);
    --neutral-98-hsl: 240 calc(var(--saturation-factor, 1)*9.091%) 2.157%;
    --neutral-99: hsl(var(--neutral-99-hsl)/1);
    --neutral-99-hsl: 240 calc(var(--saturation-factor, 1)*20%) 0.98%;
    --neutral-100: hsl(var(--neutral-100-hsl)/1);
    --neutral-100-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --blue-new-1: hsl(var(--blue-new-1-hsl)/1);
    --blue-new-1-hsl: 220.8 calc(var(--saturation-factor, 1)*100%) 95.098%;
    --blue-new-2: hsl(var(--blue-new-2-hsl)/1);
    --blue-new-2-hsl: 218 calc(var(--saturation-factor, 1)*100%) 94.118%;
    --blue-new-3: hsl(var(--blue-new-3-hsl)/1);
    --blue-new-3-hsl: 217.059 calc(var(--saturation-factor, 1)*100%) 93.333%;
    --blue-new-4: hsl(var(--blue-new-4-hsl)/1);
    --blue-new-4-hsl: 216.923 calc(var(--saturation-factor, 1)*100%) 92.353%;
    --blue-new-5: hsl(var(--blue-new-5-hsl)/1);
    --blue-new-5-hsl: 216.279 calc(var(--saturation-factor, 1)*100%) 91.569%;
    --blue-new-6: hsl(var(--blue-new-6-hsl)/1);
    --blue-new-6-hsl: 216.25 calc(var(--saturation-factor, 1)*100%) 90.588%;
    --blue-new-7: hsl(var(--blue-new-7-hsl)/1);
    --blue-new-7-hsl: 215.769 calc(var(--saturation-factor, 1)*100%) 89.804%;
    --blue-new-8: hsl(var(--blue-new-8-hsl)/1);
    --blue-new-8-hsl: 216.429 calc(var(--saturation-factor, 1)*100%) 89.02%;
    --blue-new-9: hsl(var(--blue-new-9-hsl)/1);
    --blue-new-9-hsl: 215 calc(var(--saturation-factor, 1)*96.774%) 87.843%;
    --blue-new-10: hsl(var(--blue-new-10-hsl)/1);
    --blue-new-10-hsl: 215.625 calc(var(--saturation-factor, 1)*96.97%) 87.059%;
    --blue-new-11: hsl(var(--blue-new-11-hsl)/1);
    --blue-new-11-hsl: 214.925 calc(var(--saturation-factor, 1)*94.366%) 86.078%;
    --blue-new-12: hsl(var(--blue-new-12-hsl)/1);
    --blue-new-12-hsl: 214.167 calc(var(--saturation-factor, 1)*94.737%) 85.098%;
    --blue-new-13: hsl(var(--blue-new-13-hsl)/1);
    --blue-new-13-hsl: 214.4 calc(var(--saturation-factor, 1)*92.593%) 84.118%;
    --blue-new-14: hsl(var(--blue-new-14-hsl)/1);
    --blue-new-14-hsl: 214.177 calc(var(--saturation-factor, 1)*92.941%) 83.333%;
    --blue-new-15: hsl(var(--blue-new-15-hsl)/1);
    --blue-new-15-hsl: 213.976 calc(var(--saturation-factor, 1)*91.209%) 82.157%;
    --blue-new-16: hsl(var(--blue-new-16-hsl)/1);
    --blue-new-16-hsl: 213.793 calc(var(--saturation-factor, 1)*91.579%) 81.373%;
    --blue-new-17: hsl(var(--blue-new-17-hsl)/1);
    --blue-new-17-hsl: 214 calc(var(--saturation-factor, 1)*90%) 80.392%;
    --blue-new-18: hsl(var(--blue-new-18-hsl)/1);
    --blue-new-18-hsl: 213.83 calc(var(--saturation-factor, 1)*90.385%) 79.608%;
    --blue-new-19: hsl(var(--blue-new-19-hsl)/1);
    --blue-new-19-hsl: 214.021 calc(var(--saturation-factor, 1)*88.991%) 78.627%;
    --blue-new-20: hsl(var(--blue-new-20-hsl)/1);
    --blue-new-20-hsl: 213.529 calc(var(--saturation-factor, 1)*89.474%) 77.647%;
    --blue-new-21: hsl(var(--blue-new-21-hsl)/1);
    --blue-new-21-hsl: 213.714 calc(var(--saturation-factor, 1)*88.235%) 76.667%;
    --blue-new-22: hsl(var(--blue-new-22-hsl)/1);
    --blue-new-22-hsl: 213.889 calc(var(--saturation-factor, 1)*87.097%) 75.686%;
    --blue-new-23: hsl(var(--blue-new-23-hsl)/1);
    --blue-new-23-hsl: 213.75 calc(var(--saturation-factor, 1)*87.5%) 74.902%;
    --blue-new-24: hsl(var(--blue-new-24-hsl)/1);
    --blue-new-24-hsl: 213.913 calc(var(--saturation-factor, 1)*86.466%) 73.922%;
    --blue-new-25: hsl(var(--blue-new-25-hsl)/1);
    --blue-new-25-hsl: 213.559 calc(var(--saturation-factor, 1)*85.507%) 72.941%;
    --blue-new-26: hsl(var(--blue-new-26-hsl)/1);
    --blue-new-26-hsl: 213.934 calc(var(--saturation-factor, 1)*85.915%) 72.157%;
    --blue-new-27: hsl(var(--blue-new-27-hsl)/1);
    --blue-new-27-hsl: 213.6 calc(var(--saturation-factor, 1)*85.034%) 71.176%;
    --blue-new-28: hsl(var(--blue-new-28-hsl)/1);
    --blue-new-28-hsl: 213.488 calc(var(--saturation-factor, 1)*84.314%) 70%;
    --blue-new-29: hsl(var(--blue-new-29-hsl)/1);
    --blue-new-29-hsl: 213.383 calc(var(--saturation-factor, 1)*84.713%) 69.216%;
    --blue-new-30: hsl(var(--blue-new-30-hsl)/1);
    --blue-new-30-hsl: 213.529 calc(var(--saturation-factor, 1)*83.951%) 68.235%;
    --blue-new-31: hsl(var(--blue-new-31-hsl)/1);
    --blue-new-31-hsl: 213.237 calc(var(--saturation-factor, 1)*83.234%) 67.255%;
    --blue-new-32: hsl(var(--blue-new-32-hsl)/1);
    --blue-new-32-hsl: 213.38 calc(var(--saturation-factor, 1)*82.558%) 66.275%;
    --blue-new-33: hsl(var(--blue-new-33-hsl)/1);
    --blue-new-33-hsl: 213.699 calc(var(--saturation-factor, 1)*82.955%) 65.49%;
    --blue-new-34: hsl(var(--blue-new-34-hsl)/1);
    --blue-new-34-hsl: 213.423 calc(var(--saturation-factor, 1)*82.32%) 64.51%;
    --blue-new-35: hsl(var(--blue-new-35-hsl)/1);
    --blue-new-35-hsl: 213.333 calc(var(--saturation-factor, 1)*81.818%) 63.333%;
    --blue-new-36: hsl(var(--blue-new-36-hsl)/1);
    --blue-new-36-hsl: 213.077 calc(var(--saturation-factor, 1)*81.25%) 62.353%;
    --blue-new-37: hsl(var(--blue-new-37-hsl)/1);
    --blue-new-37-hsl: 213.375 calc(var(--saturation-factor, 1)*81.633%) 61.569%;
    --blue-new-38: hsl(var(--blue-new-38-hsl)/1);
    --blue-new-38-hsl: 213.293 calc(var(--saturation-factor, 1)*81.188%) 60.392%;
    --blue-new-39: hsl(var(--blue-new-39-hsl)/1);
    --blue-new-39-hsl: 213.054 calc(var(--saturation-factor, 1)*80.676%) 59.412%;
    --blue-new-40: hsl(var(--blue-new-40-hsl)/1);
    --blue-new-40-hsl: 212.982 calc(var(--saturation-factor, 1)*80.282%) 58.235%;
    --blue-new-41: hsl(var(--blue-new-41-hsl)/1);
    --blue-new-41-hsl: 213.103 calc(var(--saturation-factor, 1)*79.817%) 57.255%;
    --blue-new-42: hsl(var(--blue-new-42-hsl)/1);
    --blue-new-42-hsl: 212.849 calc(var(--saturation-factor, 1)*80.269%) 56.275%;
    --blue-new-43: hsl(var(--blue-new-43-hsl)/1);
    --blue-new-43-hsl: 212.787 calc(var(--saturation-factor, 1)*79.913%) 55.098%;
    --blue-new-44: hsl(var(--blue-new-44-hsl)/1);
    --blue-new-44-hsl: 212.553 calc(var(--saturation-factor, 1)*79.661%) 53.725%;
    --blue-new-45: hsl(var(--blue-new-45-hsl)/1);
    --blue-new-45-hsl: 212.021 calc(var(--saturation-factor, 1)*79.424%) 52.353%;
    --blue-new-46: hsl(var(--blue-new-46-hsl)/1);
    --blue-new-46-hsl: 211.818 calc(var(--saturation-factor, 1)*79.2%) 50.98%;
    --blue-new-47: hsl(var(--blue-new-47-hsl)/1);
    --blue-new-47-hsl: 211.456 calc(var(--saturation-factor, 1)*81.746%) 49.412%;
    --blue-new-48: hsl(var(--blue-new-48-hsl)/1);
    --blue-new-48-hsl: 210.561 calc(var(--saturation-factor, 1)*88.43%) 47.451%;
    --blue-new-49: hsl(var(--blue-new-49-hsl)/1);
    --blue-new-49-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
    --blue-new-50: hsl(var(--blue-new-50-hsl)/1);
    --blue-new-50-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
    --blue-new-51: hsl(var(--blue-new-51-hsl)/1);
    --blue-new-51-hsl: 209.455 calc(var(--saturation-factor, 1)*98.214%) 43.922%;
    --blue-new-52: hsl(var(--blue-new-52-hsl)/1);
    --blue-new-52-hsl: 209.717 calc(var(--saturation-factor, 1)*96.364%) 43.137%;
    --blue-new-53: hsl(var(--blue-new-53-hsl)/1);
    --blue-new-53-hsl: 209.709 calc(var(--saturation-factor, 1)*95.37%) 42.353%;
    --blue-new-54: hsl(var(--blue-new-54-hsl)/1);
    --blue-new-54-hsl: 209.7 calc(var(--saturation-factor, 1)*94.34%) 41.569%;
    --blue-new-55: hsl(var(--blue-new-55-hsl)/1);
    --blue-new-55-hsl: 209.846 calc(var(--saturation-factor, 1)*94.203%) 40.588%;
    --blue-new-56: hsl(var(--blue-new-56-hsl)/1);
    --blue-new-56-hsl: 209.684 calc(var(--saturation-factor, 1)*94.059%) 39.608%;
    --blue-new-57: hsl(var(--blue-new-57-hsl)/1);
    --blue-new-57-hsl: 209.514 calc(var(--saturation-factor, 1)*93.909%) 38.627%;
    --blue-new-58: hsl(var(--blue-new-58-hsl)/1);
    --blue-new-58-hsl: 209.333 calc(var(--saturation-factor, 1)*93.75%) 37.647%;
    --blue-new-59: hsl(var(--blue-new-59-hsl)/1);
    --blue-new-59-hsl: 209.318 calc(var(--saturation-factor, 1)*94.624%) 36.471%;
    --blue-new-60: hsl(var(--blue-new-60-hsl)/1);
    --blue-new-60-hsl: 209.123 calc(var(--saturation-factor, 1)*94.475%) 35.49%;
    --blue-new-61: hsl(var(--blue-new-61-hsl)/1);
    --blue-new-61-hsl: 208.929 calc(var(--saturation-factor, 1)*95.455%) 34.51%;
    --blue-new-62: hsl(var(--blue-new-62-hsl)/1);
    --blue-new-62-hsl: 208.902 calc(var(--saturation-factor, 1)*96.471%) 33.333%;
    --blue-new-63: hsl(var(--blue-new-63-hsl)/1);
    --blue-new-63-hsl: 208.696 calc(var(--saturation-factor, 1)*97.576%) 32.353%;
    --blue-new-64: hsl(var(--blue-new-64-hsl)/1);
    --blue-new-64-hsl: 208.28 calc(var(--saturation-factor, 1)*98.742%) 31.176%;
    --blue-new-65: hsl(var(--blue-new-65-hsl)/1);
    --blue-new-65-hsl: 208.052 calc(var(--saturation-factor, 1)*100%) 30.196%;
    --blue-new-66: hsl(var(--blue-new-66-hsl)/1);
    --blue-new-66-hsl: 208.4 calc(var(--saturation-factor, 1)*100%) 29.412%;
    --blue-new-67: hsl(var(--blue-new-67-hsl)/1);
    --blue-new-67-hsl: 208.138 calc(var(--saturation-factor, 1)*100%) 28.431%;
    --blue-new-68: hsl(var(--blue-new-68-hsl)/1);
    --blue-new-68-hsl: 208.085 calc(var(--saturation-factor, 1)*100%) 27.647%;
    --blue-new-69: hsl(var(--blue-new-69-hsl)/1);
    --blue-new-69-hsl: 208.029 calc(var(--saturation-factor, 1)*100%) 26.863%;
    --blue-new-70: hsl(var(--blue-new-70-hsl)/1);
    --blue-new-70-hsl: 207.97 calc(var(--saturation-factor, 1)*100%) 26.078%;
    --blue-new-71: hsl(var(--blue-new-71-hsl)/1);
    --blue-new-71-hsl: 208.372 calc(var(--saturation-factor, 1)*100%) 25.294%;
    --blue-new-72: hsl(var(--blue-new-72-hsl)/1);
    --blue-new-72-hsl: 208.32 calc(var(--saturation-factor, 1)*100%) 24.51%;
    --blue-new-73: hsl(var(--blue-new-73-hsl)/1);
    --blue-new-73-hsl: 208.264 calc(var(--saturation-factor, 1)*100%) 23.725%;
    --blue-new-74: hsl(var(--blue-new-74-hsl)/1);
    --blue-new-74-hsl: 208.205 calc(var(--saturation-factor, 1)*100%) 22.941%;
    --blue-new-75: hsl(var(--blue-new-75-hsl)/1);
    --blue-new-75-hsl: 208.142 calc(var(--saturation-factor, 1)*100%) 22.157%;
    --blue-new-76: hsl(var(--blue-new-76-hsl)/1);
    --blue-new-76-hsl: 208.624 calc(var(--saturation-factor, 1)*100%) 21.373%;
    --blue-new-77: hsl(var(--blue-new-77-hsl)/1);
    --blue-new-77-hsl: 208.571 calc(var(--saturation-factor, 1)*100%) 20.588%;
    --blue-new-78: hsl(var(--blue-new-78-hsl)/1);
    --blue-new-78-hsl: 208.515 calc(var(--saturation-factor, 1)*100%) 19.804%;
    --blue-new-79: hsl(var(--blue-new-79-hsl)/1);
    --blue-new-79-hsl: 208.454 calc(var(--saturation-factor, 1)*100%) 19.02%;
    --blue-new-80: hsl(var(--blue-new-80-hsl)/1);
    --blue-new-80-hsl: 208.723 calc(var(--saturation-factor, 1)*100%) 18.431%;
    --blue-new-81: hsl(var(--blue-new-81-hsl)/1);
    --blue-new-81-hsl: 208.667 calc(var(--saturation-factor, 1)*100%) 17.647%;
    --blue-new-82: hsl(var(--blue-new-82-hsl)/1);
    --blue-new-82-hsl: 208.605 calc(var(--saturation-factor, 1)*100%) 16.863%;
    --blue-new-83: hsl(var(--blue-new-83-hsl)/1);
    --blue-new-83-hsl: 208.537 calc(var(--saturation-factor, 1)*100%) 16.078%;
    --blue-new-84: hsl(var(--blue-new-84-hsl)/1);
    --blue-new-84-hsl: 208.861 calc(var(--saturation-factor, 1)*100%) 15.49%;
    --blue-new-85: hsl(var(--blue-new-85-hsl)/1);
    --blue-new-85-hsl: 208.8 calc(var(--saturation-factor, 1)*100%) 14.706%;
    --blue-new-86: hsl(var(--blue-new-86-hsl)/1);
    --blue-new-86-hsl: 208.732 calc(var(--saturation-factor, 1)*100%) 13.922%;
    --blue-new-87: hsl(var(--blue-new-87-hsl)/1);
    --blue-new-87-hsl: 209.118 calc(var(--saturation-factor, 1)*100%) 13.333%;
    --blue-new-88: hsl(var(--blue-new-88-hsl)/1);
    --blue-new-88-hsl: 209.063 calc(var(--saturation-factor, 1)*100%) 12.549%;
    --blue-new-89: hsl(var(--blue-new-89-hsl)/1);
    --blue-new-89-hsl: 209.508 calc(var(--saturation-factor, 1)*100%) 11.961%;
    --blue-new-90: hsl(var(--blue-new-90-hsl)/1);
    --blue-new-90-hsl: 209.474 calc(var(--saturation-factor, 1)*100%) 11.176%;
    --blue-new-91: hsl(var(--blue-new-91-hsl)/1);
    --blue-new-91-hsl: 210 calc(var(--saturation-factor, 1)*100%) 10.588%;
    --blue-new-92: hsl(var(--blue-new-92-hsl)/1);
    --blue-new-92-hsl: 210 calc(var(--saturation-factor, 1)*100%) 9.804%;
    --blue-new-93: hsl(var(--blue-new-93-hsl)/1);
    --blue-new-93-hsl: 210.638 calc(var(--saturation-factor, 1)*100%) 9.216%;
    --blue-new-94: hsl(var(--blue-new-94-hsl)/1);
    --blue-new-94-hsl: 212.093 calc(var(--saturation-factor, 1)*100%) 8.431%;
    --blue-new-95: hsl(var(--blue-new-95-hsl)/1);
    --blue-new-95-hsl: 211.579 calc(var(--saturation-factor, 1)*100%) 7.451%;
    --blue-new-96: hsl(var(--blue-new-96-hsl)/1);
    --blue-new-96-hsl: 212.727 calc(var(--saturation-factor, 1)*100%) 6.471%;
    --blue-new-97: hsl(var(--blue-new-97-hsl)/1);
    --blue-new-97-hsl: 214.286 calc(var(--saturation-factor, 1)*100%) 5.49%;
    --blue-new-98: hsl(var(--blue-new-98-hsl)/1);
    --blue-new-98-hsl: 217.143 calc(var(--saturation-factor, 1)*100%) 4.118%;
    --blue-new-99: hsl(var(--blue-new-99-hsl)/1);
    --blue-new-99-hsl: 218.182 calc(var(--saturation-factor, 1)*100%) 2.157%;
    --blue-new-100: hsl(var(--blue-new-100-hsl)/1);
    --blue-new-100-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --blurple-1: hsl(var(--blurple-1-hsl)/1);
    --blurple-1-hsl: 232.5 calc(var(--saturation-factor, 1)*100%) 95.294%;
    --blurple-2: hsl(var(--blurple-2-hsl)/1);
    --blurple-2-hsl: 231.429 calc(var(--saturation-factor, 1)*100%) 94.51%;
    --blurple-3: hsl(var(--blurple-3-hsl)/1);
    --blurple-3-hsl: 230.625 calc(var(--saturation-factor, 1)*100%) 93.725%;
    --blurple-4: hsl(var(--blurple-4-hsl)/1);
    --blurple-4-hsl: 229.714 calc(var(--saturation-factor, 1)*100%) 93.137%;
    --blurple-5: hsl(var(--blurple-5-hsl)/1);
    --blurple-5-hsl: 229.231 calc(var(--saturation-factor, 1)*100%) 92.353%;
    --blurple-6: hsl(var(--blurple-6-hsl)/1);
    --blurple-6-hsl: 230 calc(var(--saturation-factor, 1)*100%) 91.765%;
    --blurple-7: hsl(var(--blurple-7-hsl)/1);
    --blurple-7-hsl: 228.261 calc(var(--saturation-factor, 1)*100%) 90.98%;
    --blurple-8: hsl(var(--blurple-8-hsl)/1);
    --blurple-8-hsl: 228.98 calc(var(--saturation-factor, 1)*100%) 90.392%;
    --blurple-9: hsl(var(--blurple-9-hsl)/1);
    --blurple-9-hsl: 227.547 calc(var(--saturation-factor, 1)*100%) 89.608%;
    --blurple-10: hsl(var(--blurple-10-hsl)/1);
    --blurple-10-hsl: 228.214 calc(var(--saturation-factor, 1)*100%) 89.02%;
    --blurple-11: hsl(var(--blurple-11-hsl)/1);
    --blurple-11-hsl: 228 calc(var(--saturation-factor, 1)*100%) 88.235%;
    --blurple-12: hsl(var(--blurple-12-hsl)/1);
    --blurple-12-hsl: 227.619 calc(var(--saturation-factor, 1)*100%) 87.647%;
    --blurple-13: hsl(var(--blurple-13-hsl)/1);
    --blurple-13-hsl: 228.182 calc(var(--saturation-factor, 1)*100%) 87.059%;
    --blurple-14: hsl(var(--blurple-14-hsl)/1);
    --blurple-14-hsl: 228 calc(var(--saturation-factor, 1)*100%) 86.275%;
    --blurple-15: hsl(var(--blurple-15-hsl)/1);
    --blurple-15-hsl: 227.671 calc(var(--saturation-factor, 1)*100%) 85.686%;
    --blurple-16: hsl(var(--blurple-16-hsl)/1);
    --blurple-16-hsl: 228.158 calc(var(--saturation-factor, 1)*100%) 85.098%;
    --blurple-17: hsl(var(--blurple-17-hsl)/1);
    --blurple-17-hsl: 228 calc(var(--saturation-factor, 1)*100%) 84.314%;
    --blurple-18: hsl(var(--blurple-18-hsl)/1);
    --blurple-18-hsl: 227.711 calc(var(--saturation-factor, 1)*100%) 83.725%;
    --blurple-19: hsl(var(--blurple-19-hsl)/1);
    --blurple-19-hsl: 228.14 calc(var(--saturation-factor, 1)*100%) 83.137%;
    --blurple-20: hsl(var(--blurple-20-hsl)/1);
    --blurple-20-hsl: 228.539 calc(var(--saturation-factor, 1)*100%) 82.549%;
    --blurple-21: hsl(var(--blurple-21-hsl)/1);
    --blurple-21-hsl: 228.791 calc(var(--saturation-factor, 1)*97.849%) 81.765%;
    --blurple-22: hsl(var(--blurple-22-hsl)/1);
    --blurple-22-hsl: 228 calc(var(--saturation-factor, 1)*97.938%) 80.98%;
    --blurple-23: hsl(var(--blurple-23-hsl)/1);
    --blurple-23-hsl: 228.367 calc(var(--saturation-factor, 1)*98%) 80.392%;
    --blurple-24: hsl(var(--blurple-24-hsl)/1);
    --blurple-24-hsl: 228.6 calc(var(--saturation-factor, 1)*96.154%) 79.608%;
    --blurple-25: hsl(var(--blurple-25-hsl)/1);
    --blurple-25-hsl: 228.35 calc(var(--saturation-factor, 1)*96.262%) 79.02%;
    --blurple-26: hsl(var(--blurple-26-hsl)/1);
    --blurple-26-hsl: 228.679 calc(var(--saturation-factor, 1)*96.364%) 78.431%;
    --blurple-27: hsl(var(--blurple-27-hsl)/1);
    --blurple-27-hsl: 228.889 calc(var(--saturation-factor, 1)*94.737%) 77.647%;
    --blurple-28: hsl(var(--blurple-28-hsl)/1);
    --blurple-28-hsl: 229.189 calc(var(--saturation-factor, 1)*94.872%) 77.059%;
    --blurple-29: hsl(var(--blurple-29-hsl)/1);
    --blurple-29-hsl: 229.286 calc(var(--saturation-factor, 1)*93.333%) 76.471%;
    --blurple-30: hsl(var(--blurple-30-hsl)/1);
    --blurple-30-hsl: 229.565 calc(var(--saturation-factor, 1)*93.496%) 75.882%;
    --blurple-31: hsl(var(--blurple-31-hsl)/1);
    --blurple-31-hsl: 229.831 calc(var(--saturation-factor, 1)*93.651%) 75.294%;
    --blurple-32: hsl(var(--blurple-32-hsl)/1);
    --blurple-32-hsl: 230 calc(var(--saturation-factor, 1)*92.308%) 74.51%;
    --blurple-33: hsl(var(--blurple-33-hsl)/1);
    --blurple-33-hsl: 229.756 calc(var(--saturation-factor, 1)*92.481%) 73.922%;
    --blurple-34: hsl(var(--blurple-34-hsl)/1);
    --blurple-34-hsl: 230.323 calc(var(--saturation-factor, 1)*91.176%) 73.333%;
    --blurple-35: hsl(var(--blurple-35-hsl)/1);
    --blurple-35-hsl: 230.551 calc(var(--saturation-factor, 1)*91.367%) 72.745%;
    --blurple-36: hsl(var(--blurple-36-hsl)/1);
    --blurple-36-hsl: 230.698 calc(var(--saturation-factor, 1)*90.21%) 71.961%;
    --blurple-37: hsl(var(--blurple-37-hsl)/1);
    --blurple-37-hsl: 231.298 calc(var(--saturation-factor, 1)*90.345%) 71.569%;
    --blurple-38: hsl(var(--blurple-38-hsl)/1);
    --blurple-38-hsl: 230.977 calc(var(--saturation-factor, 1)*89.262%) 70.784%;
    --blurple-39: hsl(var(--blurple-39-hsl)/1);
    --blurple-39-hsl: 231.176 calc(var(--saturation-factor, 1)*89.474%) 70.196%;
    --blurple-40: hsl(var(--blurple-40-hsl)/1);
    --blurple-40-hsl: 231.679 calc(var(--saturation-factor, 1)*88.387%) 69.608%;
    --blurple-41: hsl(var(--blurple-41-hsl)/1);
    --blurple-41-hsl: 231.857 calc(var(--saturation-factor, 1)*88.608%) 69.02%;
    --blurple-42: hsl(var(--blurple-42-hsl)/1);
    --blurple-42-hsl: 232.34 calc(var(--saturation-factor, 1)*87.578%) 68.431%;
    --blurple-43: hsl(var(--blurple-43-hsl)/1);
    --blurple-43-hsl: 232.867 calc(var(--saturation-factor, 1)*87.73%) 68.039%;
    --blurple-44: hsl(var(--blurple-44-hsl)/1);
    --blurple-44-hsl: 232.966 calc(var(--saturation-factor, 1)*86.826%) 67.255%;
    --blurple-45: hsl(var(--blurple-45-hsl)/1);
    --blurple-45-hsl: 233.469 calc(var(--saturation-factor, 1)*86.982%) 66.863%;
    --blurple-46: hsl(var(--blurple-46-hsl)/1);
    --blurple-46-hsl: 233.919 calc(var(--saturation-factor, 1)*86.047%) 66.275%;
    --blurple-47: hsl(var(--blurple-47-hsl)/1);
    --blurple-47-hsl: 234.04 calc(var(--saturation-factor, 1)*86.286%) 65.686%;
    --blurple-48: hsl(var(--blurple-48-hsl)/1);
    --blurple-48-hsl: 234.474 calc(var(--saturation-factor, 1)*85.393%) 65.098%;
    --blurple-49: hsl(var(--blurple-49-hsl)/1);
    --blurple-49-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
    --blurple-50: hsl(var(--blurple-50-hsl)/1);
    --blurple-50-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
    --blurple-51: hsl(var(--blurple-51-hsl)/1);
    --blurple-51-hsl: 234.8 calc(var(--saturation-factor, 1)*79.787%) 63.137%;
    --blurple-52: hsl(var(--blurple-52-hsl)/1);
    --blurple-52-hsl: 234.658 calc(var(--saturation-factor, 1)*74.49%) 61.569%;
    --blurple-53: hsl(var(--blurple-53-hsl)/1);
    --blurple-53-hsl: 234.507 calc(var(--saturation-factor, 1)*69.608%) 60%;
    --blurple-54: hsl(var(--blurple-54-hsl)/1);
    --blurple-54-hsl: 233.957 calc(var(--saturation-factor, 1)*65.877%) 58.627%;
    --blurple-55: hsl(var(--blurple-55-hsl)/1);
    --blurple-55-hsl: 233.778 calc(var(--saturation-factor, 1)*61.644%) 57.059%;
    --blurple-56: hsl(var(--blurple-56-hsl)/1);
    --blurple-56-hsl: 233.636 calc(var(--saturation-factor, 1)*58.407%) 55.686%;
    --blurple-57: hsl(var(--blurple-57-hsl)/1);
    --blurple-57-hsl: 233.488 calc(var(--saturation-factor, 1)*55.365%) 54.314%;
    --blurple-58: hsl(var(--blurple-58-hsl)/1);
    --blurple-58-hsl: 233.333 calc(var(--saturation-factor, 1)*52.5%) 52.941%;
    --blurple-59: hsl(var(--blurple-59-hsl)/1);
    --blurple-59-hsl: 233.115 calc(var(--saturation-factor, 1)*49.194%) 51.373%;
    --blurple-60: hsl(var(--blurple-60-hsl)/1);
    --blurple-60-hsl: 232.941 calc(var(--saturation-factor, 1)*46.667%) 50%;
    --blurple-61: hsl(var(--blurple-61-hsl)/1);
    --blurple-61-hsl: 232.759 calc(var(--saturation-factor, 1)*46.774%) 48.627%;
    --blurple-62: hsl(var(--blurple-62-hsl)/1);
    --blurple-62-hsl: 232.632 calc(var(--saturation-factor, 1)*47.107%) 47.451%;
    --blurple-63: hsl(var(--blurple-63-hsl)/1);
    --blurple-63-hsl: 232.432 calc(var(--saturation-factor, 1)*47.234%) 46.078%;
    --blurple-64: hsl(var(--blurple-64-hsl)/1);
    --blurple-64-hsl: 232.222 calc(var(--saturation-factor, 1)*47.368%) 44.706%;
    --blurple-65: hsl(var(--blurple-65-hsl)/1);
    --blurple-65-hsl: 232 calc(var(--saturation-factor, 1)*47.511%) 43.333%;
    --blurple-66: hsl(var(--blurple-66-hsl)/1);
    --blurple-66-hsl: 231.845 calc(var(--saturation-factor, 1)*47.907%) 42.157%;
    --blurple-67: hsl(var(--blurple-67-hsl)/1);
    --blurple-67-hsl: 231.6 calc(var(--saturation-factor, 1)*48.077%) 40.784%;
    --blurple-68: hsl(var(--blurple-68-hsl)/1);
    --blurple-68-hsl: 231.429 calc(var(--saturation-factor, 1)*48.515%) 39.608%;
    --blurple-69: hsl(var(--blurple-69-hsl)/1);
    --blurple-69-hsl: 231.158 calc(var(--saturation-factor, 1)*48.718%) 38.235%;
    --blurple-70: hsl(var(--blurple-70-hsl)/1);
    --blurple-70-hsl: 230.968 calc(var(--saturation-factor, 1)*49.206%) 37.059%;
    --blurple-71: hsl(var(--blurple-71-hsl)/1);
    --blurple-71-hsl: 230.769 calc(var(--saturation-factor, 1)*49.727%) 35.882%;
    --blurple-72: hsl(var(--blurple-72-hsl)/1);
    --blurple-72-hsl: 230.455 calc(var(--saturation-factor, 1)*50%) 34.51%;
    --blurple-73: hsl(var(--blurple-73-hsl)/1);
    --blurple-73-hsl: 230.233 calc(var(--saturation-factor, 1)*50.588%) 33.333%;
    --blurple-74: hsl(var(--blurple-74-hsl)/1);
    --blurple-74-hsl: 230 calc(var(--saturation-factor, 1)*51.22%) 32.157%;
    --blurple-75: hsl(var(--blurple-75-hsl)/1);
    --blurple-75-hsl: 229.63 calc(var(--saturation-factor, 1)*50.943%) 31.176%;
    --blurple-76: hsl(var(--blurple-76-hsl)/1);
    --blurple-76-hsl: 229.231 calc(var(--saturation-factor, 1)*51.316%) 29.804%;
    --blurple-77: hsl(var(--blurple-77-hsl)/1);
    --blurple-77-hsl: 228.947 calc(var(--saturation-factor, 1)*52.055%) 28.627%;
    --blurple-78: hsl(var(--blurple-78-hsl)/1);
    --blurple-78-hsl: 228.649 calc(var(--saturation-factor, 1)*52.857%) 27.451%;
    --blurple-79: hsl(var(--blurple-79-hsl)/1);
    --blurple-79-hsl: 228.333 calc(var(--saturation-factor, 1)*53.731%) 26.275%;
    --blurple-80: hsl(var(--blurple-80-hsl)/1);
    --blurple-80-hsl: 228 calc(var(--saturation-factor, 1)*54.688%) 25.098%;
    --blurple-81: hsl(var(--blurple-81-hsl)/1);
    --blurple-81-hsl: 228.358 calc(var(--saturation-factor, 1)*54.472%) 24.118%;
    --blurple-82: hsl(var(--blurple-82-hsl)/1);
    --blurple-82-hsl: 228 calc(var(--saturation-factor, 1)*55.556%) 22.941%;
    --blurple-83: hsl(var(--blurple-83-hsl)/1);
    --blurple-83-hsl: 227.813 calc(var(--saturation-factor, 1)*57.143%) 21.961%;
    --blurple-84: hsl(var(--blurple-84-hsl)/1);
    --blurple-84-hsl: 227.213 calc(var(--saturation-factor, 1)*57.009%) 20.98%;
    --blurple-85: hsl(var(--blurple-85-hsl)/1);
    --blurple-85-hsl: 226.78 calc(var(--saturation-factor, 1)*58.416%) 19.804%;
    --blurple-86: hsl(var(--blurple-86-hsl)/1);
    --blurple-86-hsl: 226.316 calc(var(--saturation-factor, 1)*60%) 18.627%;
    --blurple-87: hsl(var(--blurple-87-hsl)/1);
    --blurple-87-hsl: 226.667 calc(var(--saturation-factor, 1)*60%) 17.647%;
    --blurple-88: hsl(var(--blurple-88-hsl)/1);
    --blurple-88-hsl: 226.415 calc(var(--saturation-factor, 1)*62.353%) 16.667%;
    --blurple-89: hsl(var(--blurple-89-hsl)/1);
    --blurple-89-hsl: 226.8 calc(var(--saturation-factor, 1)*62.5%) 15.686%;
    --blurple-90: hsl(var(--blurple-90-hsl)/1);
    --blurple-90-hsl: 225 calc(var(--saturation-factor, 1)*64.865%) 14.51%;
    --blurple-91: hsl(var(--blurple-91-hsl)/1);
    --blurple-91-hsl: 225.652 calc(var(--saturation-factor, 1)*65.714%) 13.725%;
    --blurple-92: hsl(var(--blurple-92-hsl)/1);
    --blurple-92-hsl: 225 calc(var(--saturation-factor, 1)*68.75%) 12.549%;
    --blurple-93: hsl(var(--blurple-93-hsl)/1);
    --blurple-93-hsl: 225.366 calc(var(--saturation-factor, 1)*69.492%) 11.569%;
    --blurple-94: hsl(var(--blurple-94-hsl)/1);
    --blurple-94-hsl: 224.615 calc(var(--saturation-factor, 1)*73.585%) 10.392%;
    --blurple-95: hsl(var(--blurple-95-hsl)/1);
    --blurple-95-hsl: 224.571 calc(var(--saturation-factor, 1)*74.468%) 9.216%;
    --blurple-96: hsl(var(--blurple-96-hsl)/1);
    --blurple-96-hsl: 224.516 calc(var(--saturation-factor, 1)*75.61%) 8.039%;
    --blurple-97: hsl(var(--blurple-97-hsl)/1);
    --blurple-97-hsl: 226.154 calc(var(--saturation-factor, 1)*76.471%) 6.667%;
    --blurple-98: hsl(var(--blurple-98-hsl)/1);
    --blurple-98-hsl: 227.368 calc(var(--saturation-factor, 1)*76%) 4.902%;
    --blurple-99: hsl(var(--blurple-99-hsl)/1);
    --blurple-99-hsl: 229.091 calc(var(--saturation-factor, 1)*84.615%) 2.549%;
    --blurple-100: hsl(var(--blurple-100-hsl)/1);
    --blurple-100-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --green-new-1: hsl(var(--green-new-1-hsl)/1);
    --green-new-1-hsl: 130 calc(var(--saturation-factor, 1)*100%) 90.588%;
    --green-new-2: hsl(var(--green-new-2-hsl)/1);
    --green-new-2-hsl: 130.8 calc(var(--saturation-factor, 1)*92.593%) 89.412%;
    --green-new-3: hsl(var(--green-new-3-hsl)/1);
    --green-new-3-hsl: 130.385 calc(var(--saturation-factor, 1)*86.667%) 88.235%;
    --green-new-4: hsl(var(--green-new-4-hsl)/1);
    --green-new-4-hsl: 130.189 calc(var(--saturation-factor, 1)*79.104%) 86.863%;
    --green-new-5: hsl(var(--green-new-5-hsl)/1);
    --green-new-5-hsl: 129.818 calc(var(--saturation-factor, 1)*75.342%) 85.686%;
    --green-new-6: hsl(var(--green-new-6-hsl)/1);
    --green-new-6-hsl: 130.714 calc(var(--saturation-factor, 1)*70%) 84.314%;
    --green-new-7: hsl(var(--green-new-7-hsl)/1);
    --green-new-7-hsl: 129.474 calc(var(--saturation-factor, 1)*67.059%) 83.333%;
    --green-new-8: hsl(var(--green-new-8-hsl)/1);
    --green-new-8-hsl: 129.31 calc(var(--saturation-factor, 1)*63.043%) 81.961%;
    --green-new-9: hsl(var(--green-new-9-hsl)/1);
    --green-new-9-hsl: 129 calc(var(--saturation-factor, 1)*61.224%) 80.784%;
    --green-new-10: hsl(var(--green-new-10-hsl)/1);
    --green-new-10-hsl: 129.836 calc(var(--saturation-factor, 1)*58.095%) 79.412%;
    --green-new-11: hsl(var(--green-new-11-hsl)/1);
    --green-new-11-hsl: 129.524 calc(var(--saturation-factor, 1)*56.757%) 78.235%;
    --green-new-12: hsl(var(--green-new-12-hsl)/1);
    --green-new-12-hsl: 129.524 calc(var(--saturation-factor, 1)*53.846%) 77.059%;
    --green-new-13: hsl(var(--green-new-13-hsl)/1);
    --green-new-13-hsl: 129.375 calc(var(--saturation-factor, 1)*51.613%) 75.686%;
    --green-new-14: hsl(var(--green-new-14-hsl)/1);
    --green-new-14-hsl: 130 calc(var(--saturation-factor, 1)*50.769%) 74.51%;
    --green-new-15: hsl(var(--green-new-15-hsl)/1);
    --green-new-15-hsl: 129.851 calc(var(--saturation-factor, 1)*48.905%) 73.137%;
    --green-new-16: hsl(var(--green-new-16-hsl)/1);
    --green-new-16-hsl: 129.706 calc(var(--saturation-factor, 1)*47.887%) 72.157%;
    --green-new-17: hsl(var(--green-new-17-hsl)/1);
    --green-new-17-hsl: 129.565 calc(var(--saturation-factor, 1)*46.309%) 70.784%;
    --green-new-18: hsl(var(--green-new-18-hsl)/1);
    --green-new-18-hsl: 130.141 calc(var(--saturation-factor, 1)*45.806%) 69.608%;
    --green-new-19: hsl(var(--green-new-19-hsl)/1);
    --green-new-19-hsl: 129.296 calc(var(--saturation-factor, 1)*44.099%) 68.431%;
    --green-new-20: hsl(var(--green-new-20-hsl)/1);
    --green-new-20-hsl: 130 calc(var(--saturation-factor, 1)*42.857%) 67.059%;
    --green-new-21: hsl(var(--green-new-21-hsl)/1);
    --green-new-21-hsl: 130.541 calc(var(--saturation-factor, 1)*42.529%) 65.882%;
    --green-new-22: hsl(var(--green-new-22-hsl)/1);
    --green-new-22-hsl: 129.73 calc(var(--saturation-factor, 1)*41.111%) 64.706%;
    --green-new-23: hsl(var(--green-new-23-hsl)/1);
    --green-new-23-hsl: 130.263 calc(var(--saturation-factor, 1)*40.86%) 63.529%;
    --green-new-24: hsl(var(--green-new-24-hsl)/1);
    --green-new-24-hsl: 130.909 calc(var(--saturation-factor, 1)*39.896%) 62.157%;
    --green-new-25: hsl(var(--green-new-25-hsl)/1);
    --green-new-25-hsl: 130.769 calc(var(--saturation-factor, 1)*39.394%) 61.176%;
    --green-new-26: hsl(var(--green-new-26-hsl)/1);
    --green-new-26-hsl: 130.633 calc(var(--saturation-factor, 1)*38.537%) 59.804%;
    --green-new-27: hsl(var(--green-new-27-hsl)/1);
    --green-new-27-hsl: 131.111 calc(var(--saturation-factor, 1)*38.389%) 58.627%;
    --green-new-28: hsl(var(--green-new-28-hsl)/1);
    --green-new-28-hsl: 131.111 calc(var(--saturation-factor, 1)*37.327%) 57.451%;
    --green-new-29: hsl(var(--green-new-29-hsl)/1);
    --green-new-29-hsl: 131.707 calc(var(--saturation-factor, 1)*36.607%) 56.078%;
    --green-new-30: hsl(var(--green-new-30-hsl)/1);
    --green-new-30-hsl: 132.143 calc(var(--saturation-factor, 1)*36.522%) 54.902%;
    --green-new-31: hsl(var(--green-new-31-hsl)/1);
    --green-new-31-hsl: 132.706 calc(var(--saturation-factor, 1)*35.865%) 53.529%;
    --green-new-32: hsl(var(--green-new-32-hsl)/1);
    --green-new-32-hsl: 131.86 calc(var(--saturation-factor, 1)*35.537%) 52.549%;
    --green-new-33: hsl(var(--green-new-33-hsl)/1);
    --green-new-33-hsl: 132.414 calc(var(--saturation-factor, 1)*34.94%) 51.176%;
    --green-new-34: hsl(var(--green-new-34-hsl)/1);
    --green-new-34-hsl: 132.809 calc(var(--saturation-factor, 1)*34.902%) 50%;
    --green-new-35: hsl(var(--green-new-35-hsl)/1);
    --green-new-35-hsl: 133.333 calc(var(--saturation-factor, 1)*36.29%) 48.627%;
    --green-new-36: hsl(var(--green-new-36-hsl)/1);
    --green-new-36-hsl: 133.696 calc(var(--saturation-factor, 1)*38.017%) 47.451%;
    --green-new-37: hsl(var(--green-new-37-hsl)/1);
    --green-new-37-hsl: 134.194 calc(var(--saturation-factor, 1)*39.574%) 46.078%;
    --green-new-38: hsl(var(--green-new-38-hsl)/1);
    --green-new-38-hsl: 134.526 calc(var(--saturation-factor, 1)*41.485%) 44.902%;
    --green-new-39: hsl(var(--green-new-39-hsl)/1);
    --green-new-39-hsl: 135 calc(var(--saturation-factor, 1)*43.243%) 43.529%;
    --green-new-40: hsl(var(--green-new-40-hsl)/1);
    --green-new-40-hsl: 135.306 calc(var(--saturation-factor, 1)*45.37%) 42.353%;
    --green-new-41: hsl(var(--green-new-41-hsl)/1);
    --green-new-41-hsl: 135.758 calc(var(--saturation-factor, 1)*47.368%) 40.98%;
    --green-new-42: hsl(var(--green-new-42-hsl)/1);
    --green-new-42-hsl: 136.471 calc(var(--saturation-factor, 1)*50.495%) 39.608%;
    --green-new-43: hsl(var(--green-new-43-hsl)/1);
    --green-new-43-hsl: 137.308 calc(var(--saturation-factor, 1)*53.608%) 38.039%;
    --green-new-44: hsl(var(--green-new-44-hsl)/1);
    --green-new-44-hsl: 138.113 calc(var(--saturation-factor, 1)*56.989%) 36.471%;
    --green-new-45: hsl(var(--green-new-45-hsl)/1);
    --green-new-45-hsl: 139.266 calc(var(--saturation-factor, 1)*60.894%) 35.098%;
    --green-new-46: hsl(var(--green-new-46-hsl)/1);
    --green-new-46-hsl: 140.357 calc(var(--saturation-factor, 1)*65.882%) 33.333%;
    --green-new-47: hsl(var(--green-new-47-hsl)/1);
    --green-new-47-hsl: 141.538 calc(var(--saturation-factor, 1)*72.671%) 31.569%;
    --green-new-48: hsl(var(--green-new-48-hsl)/1);
    --green-new-48-hsl: 143.71 calc(var(--saturation-factor, 1)*83.784%) 29.02%;
    --green-new-49: hsl(var(--green-new-49-hsl)/1);
    --green-new-49-hsl: 145.97 calc(var(--saturation-factor, 1)*100%) 26.275%;
    --green-new-50: hsl(var(--green-new-50-hsl)/1);
    --green-new-50-hsl: 145.97 calc(var(--saturation-factor, 1)*100%) 26.275%;
    --green-new-51: hsl(var(--green-new-51-hsl)/1);
    --green-new-51-hsl: 145.581 calc(var(--saturation-factor, 1)*96.992%) 26.078%;
    --green-new-52: hsl(var(--green-new-52-hsl)/1);
    --green-new-52-hsl: 145.238 calc(var(--saturation-factor, 1)*95.455%) 25.882%;
    --green-new-53: hsl(var(--green-new-53-hsl)/1);
    --green-new-53-hsl: 145.082 calc(var(--saturation-factor, 1)*93.846%) 25.49%;
    --green-new-54: hsl(var(--green-new-54-hsl)/1);
    --green-new-54-hsl: 145.21 calc(var(--saturation-factor, 1)*93.701%) 24.902%;
    --green-new-55: hsl(var(--green-new-55-hsl)/1);
    --green-new-55-hsl: 144.522 calc(var(--saturation-factor, 1)*92%) 24.51%;
    --green-new-56: hsl(var(--green-new-56-hsl)/1);
    --green-new-56-hsl: 144.425 calc(var(--saturation-factor, 1)*91.87%) 24.118%;
    --green-new-57: hsl(var(--green-new-57-hsl)/1);
    --green-new-57-hsl: 144.545 calc(var(--saturation-factor, 1)*91.667%) 23.529%;
    --green-new-58: hsl(var(--green-new-58-hsl)/1);
    --green-new-58-hsl: 145 calc(var(--saturation-factor, 1)*93.103%) 22.745%;
    --green-new-59: hsl(var(--green-new-59-hsl)/1);
    --green-new-59-hsl: 144.34 calc(var(--saturation-factor, 1)*92.982%) 22.353%;
    --green-new-60: hsl(var(--green-new-60-hsl)/1);
    --green-new-60-hsl: 144.466 calc(var(--saturation-factor, 1)*92.793%) 21.765%;
    --green-new-61: hsl(var(--green-new-61-hsl)/1);
    --green-new-61-hsl: 144.706 calc(var(--saturation-factor, 1)*94.444%) 21.176%;
    --green-new-62: hsl(var(--green-new-62-hsl)/1);
    --green-new-62-hsl: 145.2 calc(var(--saturation-factor, 1)*96.154%) 20.392%;
    --green-new-63: hsl(var(--green-new-63-hsl)/1);
    --green-new-63-hsl: 144.49 calc(var(--saturation-factor, 1)*96.078%) 20%;
    --green-new-64: hsl(var(--green-new-64-hsl)/1);
    --green-new-64-hsl: 145 calc(var(--saturation-factor, 1)*97.959%) 19.216%;
    --green-new-65: hsl(var(--green-new-65-hsl)/1);
    --green-new-65-hsl: 144.894 calc(var(--saturation-factor, 1)*100%) 18.431%;
    --green-new-66: hsl(var(--green-new-66-hsl)/1);
    --green-new-66-hsl: 144.783 calc(var(--saturation-factor, 1)*100%) 18.039%;
    --green-new-67: hsl(var(--green-new-67-hsl)/1);
    --green-new-67-hsl: 144.944 calc(var(--saturation-factor, 1)*100%) 17.451%;
    --green-new-68: hsl(var(--green-new-68-hsl)/1);
    --green-new-68-hsl: 144.138 calc(var(--saturation-factor, 1)*100%) 17.059%;
    --green-new-69: hsl(var(--green-new-69-hsl)/1);
    --green-new-69-hsl: 144 calc(var(--saturation-factor, 1)*100%) 16.667%;
    --green-new-70: hsl(var(--green-new-70-hsl)/1);
    --green-new-70-hsl: 144.146 calc(var(--saturation-factor, 1)*100%) 16.078%;
    --green-new-71: hsl(var(--green-new-71-hsl)/1);
    --green-new-71-hsl: 143.25 calc(var(--saturation-factor, 1)*100%) 15.686%;
    --green-new-72: hsl(var(--green-new-72-hsl)/1);
    --green-new-72-hsl: 143.377 calc(var(--saturation-factor, 1)*100%) 15.098%;
    --green-new-73: hsl(var(--green-new-73-hsl)/1);
    --green-new-73-hsl: 142.4 calc(var(--saturation-factor, 1)*100%) 14.706%;
    --green-new-74: hsl(var(--green-new-74-hsl)/1);
    --green-new-74-hsl: 142.5 calc(var(--saturation-factor, 1)*100%) 14.118%;
    --green-new-75: hsl(var(--green-new-75-hsl)/1);
    --green-new-75-hsl: 142.286 calc(var(--saturation-factor, 1)*100%) 13.725%;
    --green-new-76: hsl(var(--green-new-76-hsl)/1);
    --green-new-76-hsl: 141.176 calc(var(--saturation-factor, 1)*100%) 13.333%;
    --green-new-77: hsl(var(--green-new-77-hsl)/1);
    --green-new-77-hsl: 141.231 calc(var(--saturation-factor, 1)*100%) 12.745%;
    --green-new-78: hsl(var(--green-new-78-hsl)/1);
    --green-new-78-hsl: 140.952 calc(var(--saturation-factor, 1)*100%) 12.353%;
    --green-new-79: hsl(var(--green-new-79-hsl)/1);
    --green-new-79-hsl: 139.672 calc(var(--saturation-factor, 1)*100%) 11.961%;
    --green-new-80: hsl(var(--green-new-80-hsl)/1);
    --green-new-80-hsl: 139.655 calc(var(--saturation-factor, 1)*100%) 11.373%;
    --green-new-81: hsl(var(--green-new-81-hsl)/1);
    --green-new-81-hsl: 139.286 calc(var(--saturation-factor, 1)*100%) 10.98%;
    --green-new-82: hsl(var(--green-new-82-hsl)/1);
    --green-new-82-hsl: 138.889 calc(var(--saturation-factor, 1)*100%) 10.588%;
    --green-new-83: hsl(var(--green-new-83-hsl)/1);
    --green-new-83-hsl: 137.308 calc(var(--saturation-factor, 1)*100%) 10.196%;
    --green-new-84: hsl(var(--green-new-84-hsl)/1);
    --green-new-84-hsl: 137.143 calc(var(--saturation-factor, 1)*100%) 9.608%;
    --green-new-85: hsl(var(--green-new-85-hsl)/1);
    --green-new-85-hsl: 136.596 calc(var(--saturation-factor, 1)*100%) 9.216%;
    --green-new-86: hsl(var(--green-new-86-hsl)/1);
    --green-new-86-hsl: 136 calc(var(--saturation-factor, 1)*100%) 8.824%;
    --green-new-87: hsl(var(--green-new-87-hsl)/1);
    --green-new-87-hsl: 135.349 calc(var(--saturation-factor, 1)*100%) 8.431%;
    --green-new-88: hsl(var(--green-new-88-hsl)/1);
    --green-new-88-hsl: 133.5 calc(var(--saturation-factor, 1)*100%) 7.843%;
    --green-new-89: hsl(var(--green-new-89-hsl)/1);
    --green-new-89-hsl: 132.632 calc(var(--saturation-factor, 1)*100%) 7.451%;
    --green-new-90: hsl(var(--green-new-90-hsl)/1);
    --green-new-90-hsl: 131.667 calc(var(--saturation-factor, 1)*100%) 7.059%;
    --green-new-91: hsl(var(--green-new-91-hsl)/1);
    --green-new-91-hsl: 132.353 calc(var(--saturation-factor, 1)*100%) 6.667%;
    --green-new-92: hsl(var(--green-new-92-hsl)/1);
    --green-new-92-hsl: 131.25 calc(var(--saturation-factor, 1)*100%) 6.275%;
    --green-new-93: hsl(var(--green-new-93-hsl)/1);
    --green-new-93-hsl: 130 calc(var(--saturation-factor, 1)*100%) 5.882%;
    --green-new-94: hsl(var(--green-new-94-hsl)/1);
    --green-new-94-hsl: 128.889 calc(var(--saturation-factor, 1)*100%) 5.294%;
    --green-new-95: hsl(var(--green-new-95-hsl)/1);
    --green-new-95-hsl: 129.6 calc(var(--saturation-factor, 1)*100%) 4.902%;
    --green-new-96: hsl(var(--green-new-96-hsl)/1);
    --green-new-96-hsl: 128.182 calc(var(--saturation-factor, 1)*100%) 4.314%;
    --green-new-97: hsl(var(--green-new-97-hsl)/1);
    --green-new-97-hsl: 129 calc(var(--saturation-factor, 1)*100%) 3.922%;
    --green-new-98: hsl(var(--green-new-98-hsl)/1);
    --green-new-98-hsl: 127.5 calc(var(--saturation-factor, 1)*100%) 3.137%;
    --green-new-99: hsl(var(--green-new-99-hsl)/1);
    --green-new-99-hsl: 130 calc(var(--saturation-factor, 1)*100%) 2.353%;
    --green-new-100: hsl(var(--green-new-100-hsl)/1);
    --green-new-100-hsl: 128.571 calc(var(--saturation-factor, 1)*100%) 1.373%;
    --red-new-1: hsl(var(--red-new-1-hsl)/1);
    --red-new-1-hsl: 1.818 calc(var(--saturation-factor, 1)*100%) 93.529%;
    --red-new-2: hsl(var(--red-new-2-hsl)/1);
    --red-new-2-hsl: 1.622 calc(var(--saturation-factor, 1)*100%) 92.745%;
    --red-new-3: hsl(var(--red-new-3-hsl)/1);
    --red-new-3-hsl: 1.463 calc(var(--saturation-factor, 1)*100%) 91.961%;
    --red-new-4: hsl(var(--red-new-4-hsl)/1);
    --red-new-4-hsl: 2.609 calc(var(--saturation-factor, 1)*100%) 90.98%;
    --red-new-5: hsl(var(--red-new-5-hsl)/1);
    --red-new-5-hsl: 3.6 calc(var(--saturation-factor, 1)*100%) 90.196%;
    --red-new-6: hsl(var(--red-new-6-hsl)/1);
    --red-new-6-hsl: 3.333 calc(var(--saturation-factor, 1)*100%) 89.412%;
    --red-new-7: hsl(var(--red-new-7-hsl)/1);
    --red-new-7-hsl: 3.103 calc(var(--saturation-factor, 1)*100%) 88.627%;
    --red-new-8: hsl(var(--red-new-8-hsl)/1);
    --red-new-8-hsl: 3.871 calc(var(--saturation-factor, 1)*100%) 87.843%;
    --red-new-9: hsl(var(--red-new-9-hsl)/1);
    --red-new-9-hsl: 3.636 calc(var(--saturation-factor, 1)*100%) 87.059%;
    --red-new-10: hsl(var(--red-new-10-hsl)/1);
    --red-new-10-hsl: 2.609 calc(var(--saturation-factor, 1)*100%) 86.471%;
    --red-new-11: hsl(var(--red-new-11-hsl)/1);
    --red-new-11-hsl: 3.288 calc(var(--saturation-factor, 1)*100%) 85.686%;
    --red-new-12: hsl(var(--red-new-12-hsl)/1);
    --red-new-12-hsl: 3.117 calc(var(--saturation-factor, 1)*100%) 84.902%;
    --red-new-13: hsl(var(--red-new-13-hsl)/1);
    --red-new-13-hsl: 2.963 calc(var(--saturation-factor, 1)*100%) 84.118%;
    --red-new-14: hsl(var(--red-new-14-hsl)/1);
    --red-new-14-hsl: 3.529 calc(var(--saturation-factor, 1)*100%) 83.333%;
    --red-new-15: hsl(var(--red-new-15-hsl)/1);
    --red-new-15-hsl: 2.727 calc(var(--saturation-factor, 1)*100%) 82.745%;
    --red-new-16: hsl(var(--red-new-16-hsl)/1);
    --red-new-16-hsl: 3.261 calc(var(--saturation-factor, 1)*100%) 81.961%;
    --red-new-17: hsl(var(--red-new-17-hsl)/1);
    --red-new-17-hsl: 3.125 calc(var(--saturation-factor, 1)*100%) 81.176%;
    --red-new-18: hsl(var(--red-new-18-hsl)/1);
    --red-new-18-hsl: 2.424 calc(var(--saturation-factor, 1)*100%) 80.588%;
    --red-new-19: hsl(var(--red-new-19-hsl)/1);
    --red-new-19-hsl: 2.913 calc(var(--saturation-factor, 1)*100%) 79.804%;
    --red-new-20: hsl(var(--red-new-20-hsl)/1);
    --red-new-20-hsl: 2.804 calc(var(--saturation-factor, 1)*100%) 79.02%;
    --red-new-21: hsl(var(--red-new-21-hsl)/1);
    --red-new-21-hsl: 2.752 calc(var(--saturation-factor, 1)*98.198%) 78.235%;
    --red-new-22: hsl(var(--red-new-22-hsl)/1);
    --red-new-22-hsl: 2.679 calc(var(--saturation-factor, 1)*96.552%) 77.255%;
    --red-new-23: hsl(var(--red-new-23-hsl)/1);
    --red-new-23-hsl: 2.632 calc(var(--saturation-factor, 1)*95%) 76.471%;
    --red-new-24: hsl(var(--red-new-24-hsl)/1);
    --red-new-24-hsl: 2.069 calc(var(--saturation-factor, 1)*93.548%) 75.686%;
    --red-new-25: hsl(var(--red-new-25-hsl)/1);
    --red-new-25-hsl: 2.521 calc(var(--saturation-factor, 1)*92.248%) 74.706%;
    --red-new-26: hsl(var(--red-new-26-hsl)/1);
    --red-new-26-hsl: 1.983 calc(var(--saturation-factor, 1)*90.977%) 73.922%;
    --red-new-27: hsl(var(--red-new-27-hsl)/1);
    --red-new-27-hsl: 2.419 calc(var(--saturation-factor, 1)*89.855%) 72.941%;
    --red-new-28: hsl(var(--red-new-28-hsl)/1);
    --red-new-28-hsl: 1.92 calc(var(--saturation-factor, 1)*87.413%) 71.961%;
    --red-new-29: hsl(var(--red-new-29-hsl)/1);
    --red-new-29-hsl: 1.417 calc(var(--saturation-factor, 1)*86.395%) 71.176%;
    --red-new-30: hsl(var(--red-new-30-hsl)/1);
    --red-new-30-hsl: 1.846 calc(var(--saturation-factor, 1)*85.526%) 70.196%;
    --red-new-31: hsl(var(--red-new-31-hsl)/1);
    --red-new-31-hsl: 1.374 calc(var(--saturation-factor, 1)*83.439%) 69.216%;
    --red-new-32: hsl(var(--red-new-32-hsl)/1);
    --red-new-32-hsl: 1.353 calc(var(--saturation-factor, 1)*82.609%) 68.431%;
    --red-new-33: hsl(var(--red-new-33-hsl)/1);
    --red-new-33-hsl: 0.896 calc(var(--saturation-factor, 1)*80.723%) 67.451%;
    --red-new-34: hsl(var(--red-new-34-hsl)/1);
    --red-new-34-hsl: 0.882 calc(var(--saturation-factor, 1)*80%) 66.667%;
    --red-new-35: hsl(var(--red-new-35-hsl)/1);
    --red-new-35-hsl: 0.438 calc(var(--saturation-factor, 1)*78.286%) 65.686%;
    --red-new-36: hsl(var(--red-new-36-hsl)/1);
    --red-new-36-hsl: 0.863 calc(var(--saturation-factor, 1)*76.796%) 64.51%;
    --red-new-37: hsl(var(--red-new-37-hsl)/1);
    --red-new-37-hsl: 0.426 calc(var(--saturation-factor, 1)*76.216%) 63.725%;
    --red-new-38: hsl(var(--red-new-38-hsl)/1);
    --red-new-38-hsl: 0 calc(var(--saturation-factor, 1)*74.737%) 62.745%;
    --red-new-39: hsl(var(--red-new-39-hsl)/1);
    --red-new-39-hsl: 0 calc(var(--saturation-factor, 1)*73.333%) 61.765%;
    --red-new-40: hsl(var(--red-new-40-hsl)/1);
    --red-new-40-hsl: 359.589 calc(var(--saturation-factor, 1)*73%) 60.784%;
    --red-new-41: hsl(var(--red-new-41-hsl)/1);
    --red-new-41-hsl: 359.189 calc(var(--saturation-factor, 1)*71.845%) 59.608%;
    --red-new-42: hsl(var(--red-new-42-hsl)/1);
    --red-new-42-hsl: 358.8 calc(var(--saturation-factor, 1)*70.755%) 58.431%;
    --red-new-43: hsl(var(--red-new-43-hsl)/1);
    --red-new-43-hsl: 358.421 calc(var(--saturation-factor, 1)*69.725%) 57.255%;
    --red-new-44: hsl(var(--red-new-44-hsl)/1);
    --red-new-44-hsl: 358.431 calc(var(--saturation-factor, 1)*68.61%) 56.275%;
    --red-new-45: hsl(var(--red-new-45-hsl)/1);
    --red-new-45-hsl: 357.692 calc(var(--saturation-factor, 1)*67.826%) 54.902%;
    --red-new-46: hsl(var(--red-new-46-hsl)/1);
    --red-new-46-hsl: 356.962 calc(var(--saturation-factor, 1)*66.949%) 53.725%;
    --red-new-47: hsl(var(--red-new-47-hsl)/1);
    --red-new-47-hsl: 356.625 calc(var(--saturation-factor, 1)*66.116%) 52.549%;
    --red-new-48: hsl(var(--red-new-48-hsl)/1);
    --red-new-48-hsl: 356.296 calc(var(--saturation-factor, 1)*65.323%) 51.373%;
    --red-new-49: hsl(var(--red-new-49-hsl)/1);
    --red-new-49-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
    --red-new-50: hsl(var(--red-new-50-hsl)/1);
    --red-new-50-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
    --red-new-51: hsl(var(--red-new-51-hsl)/1);
    --red-new-51-hsl: 355.556 calc(var(--saturation-factor, 1)*64.8%) 49.02%;
    --red-new-52: hsl(var(--red-new-52-hsl)/1);
    --red-new-52-hsl: 355.796 calc(var(--saturation-factor, 1)*64.082%) 48.039%;
    --red-new-53: hsl(var(--red-new-53-hsl)/1);
    --red-new-53-hsl: 355.714 calc(var(--saturation-factor, 1)*64.167%) 47.059%;
    --red-new-54: hsl(var(--red-new-54-hsl)/1);
    --red-new-54-hsl: 355.629 calc(var(--saturation-factor, 1)*64.255%) 46.078%;
    --red-new-55: hsl(var(--red-new-55-hsl)/1);
    --red-new-55-hsl: 355.51 calc(var(--saturation-factor, 1)*64.192%) 44.902%;
    --red-new-56: hsl(var(--red-new-56-hsl)/1);
    --red-new-56-hsl: 355.833 calc(var(--saturation-factor, 1)*64.286%) 43.922%;
    --red-new-57: hsl(var(--red-new-57-hsl)/1);
    --red-new-57-hsl: 356.143 calc(var(--saturation-factor, 1)*63.636%) 43.137%;
    --red-new-58: hsl(var(--red-new-58-hsl)/1);
    --red-new-58-hsl: 356.058 calc(var(--saturation-factor, 1)*63.721%) 42.157%;
    --red-new-59: hsl(var(--red-new-59-hsl)/1);
    --red-new-59-hsl: 355.97 calc(var(--saturation-factor, 1)*63.81%) 41.176%;
    --red-new-60: hsl(var(--red-new-60-hsl)/1);
    --red-new-60-hsl: 355.909 calc(var(--saturation-factor, 1)*64.706%) 40%;
    --red-new-61: hsl(var(--red-new-61-hsl)/1);
    --red-new-61-hsl: 355.814 calc(var(--saturation-factor, 1)*64.824%) 39.02%;
    --red-new-62: hsl(var(--red-new-62-hsl)/1);
    --red-new-62-hsl: 355.714 calc(var(--saturation-factor, 1)*64.948%) 38.039%;
    --red-new-63: hsl(var(--red-new-63-hsl)/1);
    --red-new-63-hsl: 356.098 calc(var(--saturation-factor, 1)*65.079%) 37.059%;
    --red-new-64: hsl(var(--red-new-64-hsl)/1);
    --red-new-64-hsl: 356 calc(var(--saturation-factor, 1)*65.217%) 36.078%;
    --red-new-65: hsl(var(--red-new-65-hsl)/1);
    --red-new-65-hsl: 355.897 calc(var(--saturation-factor, 1)*65.363%) 35.098%;
    --red-new-66: hsl(var(--red-new-66-hsl)/1);
    --red-new-66-hsl: 356.348 calc(var(--saturation-factor, 1)*65.714%) 34.314%;
    --red-new-67: hsl(var(--red-new-67-hsl)/1);
    --red-new-67-hsl: 355.752 calc(var(--saturation-factor, 1)*66.864%) 33.137%;
    --red-new-68: hsl(var(--red-new-68-hsl)/1);
    --red-new-68-hsl: 355.636 calc(var(--saturation-factor, 1)*67.073%) 32.157%;
    --red-new-69: hsl(var(--red-new-69-hsl)/1);
    --red-new-69-hsl: 356.075 calc(var(--saturation-factor, 1)*67.296%) 31.176%;
    --red-new-70: hsl(var(--red-new-70-hsl)/1);
    --red-new-70-hsl: 356 calc(var(--saturation-factor, 1)*67.742%) 30.392%;
    --red-new-71: hsl(var(--red-new-71-hsl)/1);
    --red-new-71-hsl: 355.34 calc(var(--saturation-factor, 1)*69.128%) 29.216%;
    --red-new-72: hsl(var(--red-new-72-hsl)/1);
    --red-new-72-hsl: 355.8 calc(var(--saturation-factor, 1)*69.444%) 28.235%;
    --red-new-73: hsl(var(--red-new-73-hsl)/1);
    --red-new-73-hsl: 355.714 calc(var(--saturation-factor, 1)*70%) 27.451%;
    --red-new-74: hsl(var(--red-new-74-hsl)/1);
    --red-new-74-hsl: 355 calc(var(--saturation-factor, 1)*71.642%) 26.275%;
    --red-new-75: hsl(var(--red-new-75-hsl)/1);
    --red-new-75-hsl: 355.532 calc(var(--saturation-factor, 1)*72.308%) 25.49%;
    --red-new-76: hsl(var(--red-new-76-hsl)/1);
    --red-new-76-hsl: 355.385 calc(var(--saturation-factor, 1)*72.8%) 24.51%;
    --red-new-77: hsl(var(--red-new-77-hsl)/1);
    --red-new-77-hsl: 354.667 calc(var(--saturation-factor, 1)*75%) 23.529%;
    --red-new-78: hsl(var(--red-new-78-hsl)/1);
    --red-new-78-hsl: 354.483 calc(var(--saturation-factor, 1)*75.652%) 22.549%;
    --red-new-79: hsl(var(--red-new-79-hsl)/1);
    --red-new-79-hsl: 355.059 calc(var(--saturation-factor, 1)*76.577%) 21.765%;
    --red-new-80: hsl(var(--red-new-80-hsl)/1);
    --red-new-80-hsl: 354.217 calc(var(--saturation-factor, 1)*79.048%) 20.588%;
    --red-new-81: hsl(var(--red-new-81-hsl)/1);
    --red-new-81-hsl: 354.074 calc(var(--saturation-factor, 1)*80.198%) 19.804%;
    --red-new-82: hsl(var(--red-new-82-hsl)/1);
    --red-new-82-hsl: 353.924 calc(var(--saturation-factor, 1)*81.443%) 19.02%;
    --red-new-83: hsl(var(--red-new-83-hsl)/1);
    --red-new-83-hsl: 353.684 calc(var(--saturation-factor, 1)*82.609%) 18.039%;
    --red-new-84: hsl(var(--red-new-84-hsl)/1);
    --red-new-84-hsl: 353.6 calc(var(--saturation-factor, 1)*86.207%) 17.059%;
    --red-new-85: hsl(var(--red-new-85-hsl)/1);
    --red-new-85-hsl: 353.333 calc(var(--saturation-factor, 1)*87.805%) 16.078%;
    --red-new-86: hsl(var(--red-new-86-hsl)/1);
    --red-new-86-hsl: 353.913 calc(var(--saturation-factor, 1)*87.342%) 15.49%;
    --red-new-87: hsl(var(--red-new-87-hsl)/1);
    --red-new-87-hsl: 353.731 calc(var(--saturation-factor, 1)*89.333%) 14.706%;
    --red-new-88: hsl(var(--red-new-88-hsl)/1);
    --red-new-88-hsl: 353.538 calc(var(--saturation-factor, 1)*91.549%) 13.922%;
    --red-new-89: hsl(var(--red-new-89-hsl)/1);
    --red-new-89-hsl: 353.226 calc(var(--saturation-factor, 1)*93.939%) 12.941%;
    --red-new-90: hsl(var(--red-new-90-hsl)/1);
    --red-new-90-hsl: 353.898 calc(var(--saturation-factor, 1)*93.651%) 12.353%;
    --red-new-91: hsl(var(--red-new-91-hsl)/1);
    --red-new-91-hsl: 353.684 calc(var(--saturation-factor, 1)*96.61%) 11.569%;
    --red-new-92: hsl(var(--red-new-92-hsl)/1);
    --red-new-92-hsl: 353.333 calc(var(--saturation-factor, 1)*96.429%) 10.98%;
    --red-new-93: hsl(var(--red-new-93-hsl)/1);
    --red-new-93-hsl: 352.941 calc(var(--saturation-factor, 1)*100%) 10%;
    --red-new-94: hsl(var(--red-new-94-hsl)/1);
    --red-new-94-hsl: 353.75 calc(var(--saturation-factor, 1)*100%) 9.412%;
    --red-new-95: hsl(var(--red-new-95-hsl)/1);
    --red-new-95-hsl: 353.182 calc(var(--saturation-factor, 1)*100%) 8.627%;
    --red-new-96: hsl(var(--red-new-96-hsl)/1);
    --red-new-96-hsl: 353.846 calc(var(--saturation-factor, 1)*100%) 7.647%;
    --red-new-97: hsl(var(--red-new-97-hsl)/1);
    --red-new-97-hsl: 354.706 calc(var(--saturation-factor, 1)*100%) 6.667%;
    --red-new-98: hsl(var(--red-new-98-hsl)/1);
    --red-new-98-hsl: 353.333 calc(var(--saturation-factor, 1)*100%) 5.294%;
    --red-new-99: hsl(var(--red-new-99-hsl)/1);
    --red-new-99-hsl: 353.333 calc(var(--saturation-factor, 1)*100%) 3.529%;
    --red-new-100: hsl(var(--red-new-100-hsl)/1);
    --red-new-100-hsl: 345 calc(var(--saturation-factor, 1)*100%) 0.784%;
    --teal-new-1: hsl(var(--teal-new-1-hsl)/1);
    --teal-new-1-hsl: 184.364 calc(var(--saturation-factor, 1)*100%) 89.216%;
    --teal-new-2: hsl(var(--teal-new-2-hsl)/1);
    --teal-new-2-hsl: 186.316 calc(var(--saturation-factor, 1)*96.61%) 88.431%;
    --teal-new-3: hsl(var(--teal-new-3-hsl)/1);
    --teal-new-3-hsl: 185.172 calc(var(--saturation-factor, 1)*87.879%) 87.059%;
    --teal-new-4: hsl(var(--teal-new-4-hsl)/1);
    --teal-new-4-hsl: 186 calc(var(--saturation-factor, 1)*83.333%) 85.882%;
    --teal-new-5: hsl(var(--teal-new-5-hsl)/1);
    --teal-new-5-hsl: 186 calc(var(--saturation-factor, 1)*76.923%) 84.706%;
    --teal-new-6: hsl(var(--teal-new-6-hsl)/1);
    --teal-new-6-hsl: 185.806 calc(var(--saturation-factor, 1)*73.81%) 83.529%;
    --teal-new-7: hsl(var(--teal-new-7-hsl)/1);
    --teal-new-7-hsl: 185.806 calc(var(--saturation-factor, 1)*68.889%) 82.353%;
    --teal-new-8: hsl(var(--teal-new-8-hsl)/1);
    --teal-new-8-hsl: 185.625 calc(var(--saturation-factor, 1)*66.667%) 81.176%;
    --teal-new-9: hsl(var(--teal-new-9-hsl)/1);
    --teal-new-9-hsl: 185.538 calc(var(--saturation-factor, 1)*63.107%) 79.804%;
    --teal-new-10: hsl(var(--teal-new-10-hsl)/1);
    --teal-new-10-hsl: 186.364 calc(var(--saturation-factor, 1)*61.111%) 78.824%;
    --teal-new-11: hsl(var(--teal-new-11-hsl)/1);
    --teal-new-11-hsl: 185.373 calc(var(--saturation-factor, 1)*58.261%) 77.451%;
    --teal-new-12: hsl(var(--teal-new-12-hsl)/1);
    --teal-new-12-hsl: 186.176 calc(var(--saturation-factor, 1)*56.667%) 76.471%;
    --teal-new-13: hsl(var(--teal-new-13-hsl)/1);
    --teal-new-13-hsl: 185.217 calc(var(--saturation-factor, 1)*54.331%) 75.098%;
    --teal-new-14: hsl(var(--teal-new-14-hsl)/1);
    --teal-new-14-hsl: 185.915 calc(var(--saturation-factor, 1)*53.383%) 73.922%;
    --teal-new-15: hsl(var(--teal-new-15-hsl)/1);
    --teal-new-15-hsl: 185.915 calc(var(--saturation-factor, 1)*51.079%) 72.745%;
    --teal-new-16: hsl(var(--teal-new-16-hsl)/1);
    --teal-new-16-hsl: 185.753 calc(var(--saturation-factor, 1)*50.345%) 71.569%;
    --teal-new-17: hsl(var(--teal-new-17-hsl)/1);
    --teal-new-17-hsl: 185.753 calc(var(--saturation-factor, 1)*48.344%) 70.392%;
    --teal-new-18: hsl(var(--teal-new-18-hsl)/1);
    --teal-new-18-hsl: 185.6 calc(var(--saturation-factor, 1)*47.771%) 69.216%;
    --teal-new-19: hsl(var(--teal-new-19-hsl)/1);
    --teal-new-19-hsl: 185.6 calc(var(--saturation-factor, 1)*46.012%) 68.039%;
    --teal-new-20: hsl(var(--teal-new-20-hsl)/1);
    --teal-new-20-hsl: 185.455 calc(var(--saturation-factor, 1)*45.562%) 66.863%;
    --teal-new-21: hsl(var(--teal-new-21-hsl)/1);
    --teal-new-21-hsl: 185.455 calc(var(--saturation-factor, 1)*44%) 65.686%;
    --teal-new-22: hsl(var(--teal-new-22-hsl)/1);
    --teal-new-22-hsl: 186.076 calc(var(--saturation-factor, 1)*43.646%) 64.51%;
    --teal-new-23: hsl(var(--teal-new-23-hsl)/1);
    --teal-new-23-hsl: 185.316 calc(var(--saturation-factor, 1)*42.246%) 63.333%;
    --teal-new-24: hsl(var(--teal-new-24-hsl)/1);
    --teal-new-24-hsl: 185.926 calc(var(--saturation-factor, 1)*41.969%) 62.157%;
    --teal-new-25: hsl(var(--teal-new-25-hsl)/1);
    --teal-new-25-hsl: 185.185 calc(var(--saturation-factor, 1)*40.704%) 60.98%;
    --teal-new-26: hsl(var(--teal-new-26-hsl)/1);
    --teal-new-26-hsl: 185.783 calc(var(--saturation-factor, 1)*40.488%) 59.804%;
    --teal-new-27: hsl(var(--teal-new-27-hsl)/1);
    --teal-new-27-hsl: 185.06 calc(var(--saturation-factor, 1)*39.336%) 58.627%;
    --teal-new-28: hsl(var(--teal-new-28-hsl)/1);
    --teal-new-28-hsl: 185.647 calc(var(--saturation-factor, 1)*39.171%) 57.451%;
    --teal-new-29: hsl(var(--teal-new-29-hsl)/1);
    --teal-new-29-hsl: 184.884 calc(var(--saturation-factor, 1)*38.393%) 56.078%;
    --teal-new-30: hsl(var(--teal-new-30-hsl)/1);
    --teal-new-30-hsl: 185.517 calc(var(--saturation-factor, 1)*37.991%) 55.098%;
    --teal-new-31: hsl(var(--teal-new-31-hsl)/1);
    --teal-new-31-hsl: 184.773 calc(var(--saturation-factor, 1)*37.288%) 53.725%;
    --teal-new-32: hsl(var(--teal-new-32-hsl)/1);
    --teal-new-32-hsl: 185.393 calc(var(--saturation-factor, 1)*36.929%) 52.745%;
    --teal-new-33: hsl(var(--teal-new-33-hsl)/1);
    --teal-new-33-hsl: 185.275 calc(var(--saturation-factor, 1)*36.842%) 51.569%;
    --teal-new-34: hsl(var(--teal-new-34-hsl)/1);
    --teal-new-34-hsl: 185.217 calc(var(--saturation-factor, 1)*36.22%) 50.196%;
    --teal-new-35: hsl(var(--teal-new-35-hsl)/1);
    --teal-new-35-hsl: 185.745 calc(var(--saturation-factor, 1)*37.6%) 49.02%;
    --teal-new-36: hsl(var(--teal-new-36-hsl)/1);
    --teal-new-36-hsl: 185.106 calc(var(--saturation-factor, 1)*38.525%) 47.843%;
    --teal-new-37: hsl(var(--teal-new-37-hsl)/1);
    --teal-new-37-hsl: 185 calc(var(--saturation-factor, 1)*40.336%) 46.667%;
    --teal-new-38: hsl(var(--teal-new-38-hsl)/1);
    --teal-new-38-hsl: 184.948 calc(var(--saturation-factor, 1)*41.991%) 45.294%;
    --teal-new-39: hsl(var(--teal-new-39-hsl)/1);
    --teal-new-39-hsl: 184.848 calc(var(--saturation-factor, 1)*44%) 44.118%;
    --teal-new-40: hsl(var(--teal-new-40-hsl)/1);
    --teal-new-40-hsl: 185.347 calc(var(--saturation-factor, 1)*46.119%) 42.941%;
    --teal-new-41: hsl(var(--teal-new-41-hsl)/1);
    --teal-new-41-hsl: 184.66 calc(var(--saturation-factor, 1)*48.815%) 41.373%;
    --teal-new-42: hsl(var(--teal-new-42-hsl)/1);
    --teal-new-42-hsl: 185.143 calc(var(--saturation-factor, 1)*51.22%) 40.196%;
    --teal-new-43: hsl(var(--teal-new-43-hsl)/1);
    --teal-new-43-hsl: 184.486 calc(var(--saturation-factor, 1)*54.315%) 38.627%;
    --teal-new-44: hsl(var(--teal-new-44-hsl)/1);
    --teal-new-44-hsl: 184.909 calc(var(--saturation-factor, 1)*57.895%) 37.255%;
    --teal-new-45: hsl(var(--teal-new-45-hsl)/1);
    --teal-new-45-hsl: 184.779 calc(var(--saturation-factor, 1)*61.749%) 35.882%;
    --teal-new-46: hsl(var(--teal-new-46-hsl)/1);
    --teal-new-46-hsl: 184.655 calc(var(--saturation-factor, 1)*66.667%) 34.118%;
    --teal-new-47: hsl(var(--teal-new-47-hsl)/1);
    --teal-new-47-hsl: 184.463 calc(var(--saturation-factor, 1)*73.333%) 32.353%;
    --teal-new-48: hsl(var(--teal-new-48-hsl)/1);
    --teal-new-48-hsl: 184.219 calc(var(--saturation-factor, 1)*84.211%) 29.804%;
    --teal-new-49: hsl(var(--teal-new-49-hsl)/1);
    --teal-new-49-hsl: 183.913 calc(var(--saturation-factor, 1)*100%) 27.059%;
    --teal-new-50: hsl(var(--teal-new-50-hsl)/1);
    --teal-new-50-hsl: 183.913 calc(var(--saturation-factor, 1)*100%) 27.059%;
    --teal-new-51: hsl(var(--teal-new-51-hsl)/1);
    --teal-new-51-hsl: 184.06 calc(var(--saturation-factor, 1)*97.08%) 26.863%;
    --teal-new-52: hsl(var(--teal-new-52-hsl)/1);
    --teal-new-52-hsl: 184.154 calc(var(--saturation-factor, 1)*95.588%) 26.667%;
    --teal-new-53: hsl(var(--teal-new-53-hsl)/1);
    --teal-new-53-hsl: 184.286 calc(var(--saturation-factor, 1)*94.03%) 26.275%;
    --teal-new-54: hsl(var(--teal-new-54-hsl)/1);
    --teal-new-54-hsl: 184.39 calc(var(--saturation-factor, 1)*93.893%) 25.686%;
    --teal-new-55: hsl(var(--teal-new-55-hsl)/1);
    --teal-new-55-hsl: 184.034 calc(var(--saturation-factor, 1)*92.248%) 25.294%;
    --teal-new-56: hsl(var(--teal-new-56-hsl)/1);
    --teal-new-56-hsl: 184.615 calc(var(--saturation-factor, 1)*92.126%) 24.902%;
    --teal-new-57: hsl(var(--teal-new-57-hsl)/1);
    --teal-new-57-hsl: 184.211 calc(var(--saturation-factor, 1)*91.935%) 24.314%;
    --teal-new-58: hsl(var(--teal-new-58-hsl)/1);
    --teal-new-58-hsl: 184.779 calc(var(--saturation-factor, 1)*93.388%) 23.725%;
    --teal-new-59: hsl(var(--teal-new-59-hsl)/1);
    --teal-new-59-hsl: 184.364 calc(var(--saturation-factor, 1)*93.22%) 23.137%;
    --teal-new-60: hsl(var(--teal-new-60-hsl)/1);
    --teal-new-60-hsl: 184.444 calc(var(--saturation-factor, 1)*94.737%) 22.353%;
    --teal-new-61: hsl(var(--teal-new-61-hsl)/1);
    --teal-new-61-hsl: 184.486 calc(var(--saturation-factor, 1)*96.396%) 21.765%;
    --teal-new-62: hsl(var(--teal-new-62-hsl)/1);
    --teal-new-62-hsl: 184.571 calc(var(--saturation-factor, 1)*98.131%) 20.98%;
    --teal-new-63: hsl(var(--teal-new-63-hsl)/1);
    --teal-new-63-hsl: 184.66 calc(var(--saturation-factor, 1)*98.095%) 20.588%;
    --teal-new-64: hsl(var(--teal-new-64-hsl)/1);
    --teal-new-64-hsl: 184.752 calc(var(--saturation-factor, 1)*100%) 19.804%;
    --teal-new-65: hsl(var(--teal-new-65-hsl)/1);
    --teal-new-65-hsl: 184.848 calc(var(--saturation-factor, 1)*100%) 19.412%;
    --teal-new-66: hsl(var(--teal-new-66-hsl)/1);
    --teal-new-66-hsl: 185 calc(var(--saturation-factor, 1)*100%) 18.824%;
    --teal-new-67: hsl(var(--teal-new-67-hsl)/1);
    --teal-new-67-hsl: 185.106 calc(var(--saturation-factor, 1)*100%) 18.431%;
    --teal-new-68: hsl(var(--teal-new-68-hsl)/1);
    --teal-new-68-hsl: 185.275 calc(var(--saturation-factor, 1)*100%) 17.843%;
    --teal-new-69: hsl(var(--teal-new-69-hsl)/1);
    --teal-new-69-hsl: 185.393 calc(var(--saturation-factor, 1)*100%) 17.451%;
    --teal-new-70: hsl(var(--teal-new-70-hsl)/1);
    --teal-new-70-hsl: 185.517 calc(var(--saturation-factor, 1)*100%) 17.059%;
    --teal-new-71: hsl(var(--teal-new-71-hsl)/1);
    --teal-new-71-hsl: 185.714 calc(var(--saturation-factor, 1)*100%) 16.471%;
    --teal-new-72: hsl(var(--teal-new-72-hsl)/1);
    --teal-new-72-hsl: 185.854 calc(var(--saturation-factor, 1)*100%) 16.078%;
    --teal-new-73: hsl(var(--teal-new-73-hsl)/1);
    --teal-new-73-hsl: 186.076 calc(var(--saturation-factor, 1)*100%) 15.49%;
    --teal-new-74: hsl(var(--teal-new-74-hsl)/1);
    --teal-new-74-hsl: 186.234 calc(var(--saturation-factor, 1)*100%) 15.098%;
    --teal-new-75: hsl(var(--teal-new-75-hsl)/1);
    --teal-new-75-hsl: 186.4 calc(var(--saturation-factor, 1)*100%) 14.706%;
    --teal-new-76: hsl(var(--teal-new-76-hsl)/1);
    --teal-new-76-hsl: 185.833 calc(var(--saturation-factor, 1)*100%) 14.118%;
    --teal-new-77: hsl(var(--teal-new-77-hsl)/1);
    --teal-new-77-hsl: 186.857 calc(var(--saturation-factor, 1)*100%) 13.725%;
    --teal-new-78: hsl(var(--teal-new-78-hsl)/1);
    --teal-new-78-hsl: 187.059 calc(var(--saturation-factor, 1)*100%) 13.333%;
    --teal-new-79: hsl(var(--teal-new-79-hsl)/1);
    --teal-new-79-hsl: 187.273 calc(var(--saturation-factor, 1)*100%) 12.941%;
    --teal-new-80: hsl(var(--teal-new-80-hsl)/1);
    --teal-new-80-hsl: 187.619 calc(var(--saturation-factor, 1)*100%) 12.353%;
    --teal-new-81: hsl(var(--teal-new-81-hsl)/1);
    --teal-new-81-hsl: 187.869 calc(var(--saturation-factor, 1)*100%) 11.961%;
    --teal-new-82: hsl(var(--teal-new-82-hsl)/1);
    --teal-new-82-hsl: 188.136 calc(var(--saturation-factor, 1)*100%) 11.569%;
    --teal-new-83: hsl(var(--teal-new-83-hsl)/1);
    --teal-new-83-hsl: 188.421 calc(var(--saturation-factor, 1)*100%) 11.176%;
    --teal-new-84: hsl(var(--teal-new-84-hsl)/1);
    --teal-new-84-hsl: 187.778 calc(var(--saturation-factor, 1)*100%) 10.588%;
    --teal-new-85: hsl(var(--teal-new-85-hsl)/1);
    --teal-new-85-hsl: 189.231 calc(var(--saturation-factor, 1)*100%) 10.196%;
    --teal-new-86: hsl(var(--teal-new-86-hsl)/1);
    --teal-new-86-hsl: 189.6 calc(var(--saturation-factor, 1)*100%) 9.804%;
    --teal-new-87: hsl(var(--teal-new-87-hsl)/1);
    --teal-new-87-hsl: 190 calc(var(--saturation-factor, 1)*100%) 9.412%;
    --teal-new-88: hsl(var(--teal-new-88-hsl)/1);
    --teal-new-88-hsl: 190.435 calc(var(--saturation-factor, 1)*100%) 9.02%;
    --teal-new-89: hsl(var(--teal-new-89-hsl)/1);
    --teal-new-89-hsl: 190.909 calc(var(--saturation-factor, 1)*100%) 8.627%;
    --teal-new-90: hsl(var(--teal-new-90-hsl)/1);
    --teal-new-90-hsl: 190.244 calc(var(--saturation-factor, 1)*100%) 8.039%;
    --teal-new-91: hsl(var(--teal-new-91-hsl)/1);
    --teal-new-91-hsl: 190.769 calc(var(--saturation-factor, 1)*100%) 7.647%;
    --teal-new-92: hsl(var(--teal-new-92-hsl)/1);
    --teal-new-92-hsl: 191.351 calc(var(--saturation-factor, 1)*100%) 7.255%;
    --teal-new-93: hsl(var(--teal-new-93-hsl)/1);
    --teal-new-93-hsl: 192 calc(var(--saturation-factor, 1)*100%) 6.863%;
    --teal-new-94: hsl(var(--teal-new-94-hsl)/1);
    --teal-new-94-hsl: 194.545 calc(var(--saturation-factor, 1)*100%) 6.471%;
    --teal-new-95: hsl(var(--teal-new-95-hsl)/1);
    --teal-new-95-hsl: 195.484 calc(var(--saturation-factor, 1)*100%) 6.078%;
    --teal-new-96: hsl(var(--teal-new-96-hsl)/1);
    --teal-new-96-hsl: 195 calc(var(--saturation-factor, 1)*100%) 5.49%;
    --teal-new-97: hsl(var(--teal-new-97-hsl)/1);
    --teal-new-97-hsl: 196.8 calc(var(--saturation-factor, 1)*100%) 4.902%;
    --teal-new-98: hsl(var(--teal-new-98-hsl)/1);
    --teal-new-98-hsl: 200 calc(var(--saturation-factor, 1)*100%) 4.118%;
    --teal-new-99: hsl(var(--teal-new-99-hsl)/1);
    --teal-new-99-hsl: 204.706 calc(var(--saturation-factor, 1)*100%) 3.333%;
    --teal-new-100: hsl(var(--teal-new-100-hsl)/1);
    --teal-new-100-hsl: 207.273 calc(var(--saturation-factor, 1)*100%) 2.157%;
    --yellow-new-1: hsl(var(--yellow-new-1-hsl)/1);
    --yellow-new-1-hsl: 27.907 calc(var(--saturation-factor, 1)*100%) 91.569%;
    --yellow-new-2: hsl(var(--yellow-new-2-hsl)/1);
    --yellow-new-2-hsl: 27.5 calc(var(--saturation-factor, 1)*100%) 90.588%;
    --yellow-new-3: hsl(var(--yellow-new-3-hsl)/1);
    --yellow-new-3-hsl: 28.235 calc(var(--saturation-factor, 1)*92.727%) 89.216%;
    --yellow-new-4: hsl(var(--yellow-new-4-hsl)/1);
    --yellow-new-4-hsl: 28.364 calc(var(--saturation-factor, 1)*90.164%) 88.039%;
    --yellow-new-5: hsl(var(--yellow-new-5-hsl)/1);
    --yellow-new-5-hsl: 30 calc(var(--saturation-factor, 1)*85.294%) 86.667%;
    --yellow-new-6: hsl(var(--yellow-new-6-hsl)/1);
    --yellow-new-6-hsl: 30.492 calc(var(--saturation-factor, 1)*81.333%) 85.294%;
    --yellow-new-7: hsl(var(--yellow-new-7-hsl)/1);
    --yellow-new-7-hsl: 30.938 calc(var(--saturation-factor, 1)*78.049%) 83.922%;
    --yellow-new-8: hsl(var(--yellow-new-8-hsl)/1);
    --yellow-new-8-hsl: 30.909 calc(var(--saturation-factor, 1)*75%) 82.745%;
    --yellow-new-9: hsl(var(--yellow-new-9-hsl)/1);
    --yellow-new-9-hsl: 30.857 calc(var(--saturation-factor, 1)*74.468%) 81.569%;
    --yellow-new-10: hsl(var(--yellow-new-10-hsl)/1);
    --yellow-new-10-hsl: 31.233 calc(var(--saturation-factor, 1)*72.277%) 80.196%;
    --yellow-new-11: hsl(var(--yellow-new-11-hsl)/1);
    --yellow-new-11-hsl: 31.579 calc(var(--saturation-factor, 1)*70.37%) 78.824%;
    --yellow-new-12: hsl(var(--yellow-new-12-hsl)/1);
    --yellow-new-12-hsl: 32.308 calc(var(--saturation-factor, 1)*68.421%) 77.647%;
    --yellow-new-13: hsl(var(--yellow-new-13-hsl)/1);
    --yellow-new-13-hsl: 32.593 calc(var(--saturation-factor, 1)*66.942%) 76.275%;
    --yellow-new-14: hsl(var(--yellow-new-14-hsl)/1);
    --yellow-new-14-hsl: 32.53 calc(var(--saturation-factor, 1)*65.354%) 75.098%;
    --yellow-new-15: hsl(var(--yellow-new-15-hsl)/1);
    --yellow-new-15-hsl: 32.471 calc(var(--saturation-factor, 1)*63.91%) 73.922%;
    --yellow-new-16: hsl(var(--yellow-new-16-hsl)/1);
    --yellow-new-16-hsl: 32.36 calc(var(--saturation-factor, 1)*64.029%) 72.745%;
    --yellow-new-17: hsl(var(--yellow-new-17-hsl)/1);
    --yellow-new-17-hsl: 32.308 calc(var(--saturation-factor, 1)*62.759%) 71.569%;
    --yellow-new-18: hsl(var(--yellow-new-18-hsl)/1);
    --yellow-new-18-hsl: 32.258 calc(var(--saturation-factor, 1)*61.589%) 70.392%;
    --yellow-new-19: hsl(var(--yellow-new-19-hsl)/1);
    --yellow-new-19-hsl: 33.125 calc(var(--saturation-factor, 1)*60.759%) 69.02%;
    --yellow-new-20: hsl(var(--yellow-new-20-hsl)/1);
    --yellow-new-20-hsl: 33.061 calc(var(--saturation-factor, 1)*59.756%) 67.843%;
    --yellow-new-21: hsl(var(--yellow-new-21-hsl)/1);
    --yellow-new-21-hsl: 33 calc(var(--saturation-factor, 1)*58.824%) 66.667%;
    --yellow-new-22: hsl(var(--yellow-new-22-hsl)/1);
    --yellow-new-22-hsl: 32.941 calc(var(--saturation-factor, 1)*57.955%) 65.49%;
    --yellow-new-23: hsl(var(--yellow-new-23-hsl)/1);
    --yellow-new-23-hsl: 32.885 calc(var(--saturation-factor, 1)*57.143%) 64.314%;
    --yellow-new-24: hsl(var(--yellow-new-24-hsl)/1);
    --yellow-new-24-hsl: 33.396 calc(var(--saturation-factor, 1)*56.383%) 63.137%;
    --yellow-new-25: hsl(var(--yellow-new-25-hsl)/1);
    --yellow-new-25-hsl: 33.333 calc(var(--saturation-factor, 1)*55.67%) 61.961%;
    --yellow-new-26: hsl(var(--yellow-new-26-hsl)/1);
    --yellow-new-26-hsl: 33.273 calc(var(--saturation-factor, 1)*55%) 60.784%;
    --yellow-new-27: hsl(var(--yellow-new-27-hsl)/1);
    --yellow-new-27-hsl: 33.214 calc(var(--saturation-factor, 1)*54.369%) 59.608%;
    --yellow-new-28: hsl(var(--yellow-new-28-hsl)/1);
    --yellow-new-28-hsl: 33.684 calc(var(--saturation-factor, 1)*53.774%) 58.431%;
    --yellow-new-29: hsl(var(--yellow-new-29-hsl)/1);
    --yellow-new-29-hsl: 33.621 calc(var(--saturation-factor, 1)*53.211%) 57.255%;
    --yellow-new-30: hsl(var(--yellow-new-30-hsl)/1);
    --yellow-new-30-hsl: 33.559 calc(var(--saturation-factor, 1)*52.679%) 56.078%;
    --yellow-new-31: hsl(var(--yellow-new-31-hsl)/1);
    --yellow-new-31-hsl: 33.277 calc(var(--saturation-factor, 1)*51.965%) 55.098%;
    --yellow-new-32: hsl(var(--yellow-new-32-hsl)/1);
    --yellow-new-32-hsl: 34 calc(var(--saturation-factor, 1)*50.847%) 53.725%;
    --yellow-new-33: hsl(var(--yellow-new-33-hsl)/1);
    --yellow-new-33-hsl: 33.934 calc(var(--saturation-factor, 1)*50.413%) 52.549%;
    --yellow-new-34: hsl(var(--yellow-new-34-hsl)/1);
    --yellow-new-34-hsl: 33.871 calc(var(--saturation-factor, 1)*50%) 51.373%;
    --yellow-new-35: hsl(var(--yellow-new-35-hsl)/1);
    --yellow-new-35-hsl: 33.81 calc(var(--saturation-factor, 1)*49.606%) 50.196%;
    --yellow-new-36: hsl(var(--yellow-new-36-hsl)/1);
    --yellow-new-36-hsl: 34.016 calc(var(--saturation-factor, 1)*50.598%) 49.216%;
    --yellow-new-37: hsl(var(--yellow-new-37-hsl)/1);
    --yellow-new-37-hsl: 33.953 calc(var(--saturation-factor, 1)*52.653%) 48.039%;
    --yellow-new-38: hsl(var(--yellow-new-38-hsl)/1);
    --yellow-new-38-hsl: 33.893 calc(var(--saturation-factor, 1)*54.812%) 46.863%;
    --yellow-new-39: hsl(var(--yellow-new-39-hsl)/1);
    --yellow-new-39-hsl: 34.286 calc(var(--saturation-factor, 1)*57.082%) 45.686%;
    --yellow-new-40: hsl(var(--yellow-new-40-hsl)/1);
    --yellow-new-40-hsl: 34.222 calc(var(--saturation-factor, 1)*59.471%) 44.51%;
    --yellow-new-41: hsl(var(--yellow-new-41-hsl)/1);
    --yellow-new-41-hsl: 34.412 calc(var(--saturation-factor, 1)*61.818%) 43.137%;
    --yellow-new-42: hsl(var(--yellow-new-42-hsl)/1);
    --yellow-new-42-hsl: 34.783 calc(var(--saturation-factor, 1)*64.486%) 41.961%;
    --yellow-new-43: hsl(var(--yellow-new-43-hsl)/1);
    --yellow-new-43-hsl: 34.714 calc(var(--saturation-factor, 1)*67.308%) 40.784%;
    --yellow-new-44: hsl(var(--yellow-new-44-hsl)/1);
    --yellow-new-44-hsl: 34.648 calc(var(--saturation-factor, 1)*70.297%) 39.608%;
    --yellow-new-45: hsl(var(--yellow-new-45-hsl)/1);
    --yellow-new-45-hsl: 35.172 calc(var(--saturation-factor, 1)*74.359%) 38.235%;
    --yellow-new-46: hsl(var(--yellow-new-46-hsl)/1);
    --yellow-new-46-hsl: 35.27 calc(var(--saturation-factor, 1)*78.723%) 36.863%;
    --yellow-new-47: hsl(var(--yellow-new-47-hsl)/1);
    --yellow-new-47-hsl: 35.762 calc(var(--saturation-factor, 1)*84.358%) 35.098%;
    --yellow-new-48: hsl(var(--yellow-new-48-hsl)/1);
    --yellow-new-48-hsl: 36.538 calc(var(--saturation-factor, 1)*91.765%) 33.333%;
    --yellow-new-49: hsl(var(--yellow-new-49-hsl)/1);
    --yellow-new-49-hsl: 36.894 calc(var(--saturation-factor, 1)*100%) 31.569%;
    --yellow-new-50: hsl(var(--yellow-new-50-hsl)/1);
    --yellow-new-50-hsl: 36.894 calc(var(--saturation-factor, 1)*100%) 31.569%;
    --yellow-new-51: hsl(var(--yellow-new-51-hsl)/1);
    --yellow-new-51-hsl: 36.688 calc(var(--saturation-factor, 1)*98.742%) 31.176%;
    --yellow-new-52: hsl(var(--yellow-new-52-hsl)/1);
    --yellow-new-52-hsl: 36.471 calc(var(--saturation-factor, 1)*97.452%) 30.784%;
    --yellow-new-53: hsl(var(--yellow-new-53-hsl)/1);
    --yellow-new-53-hsl: 36 calc(var(--saturation-factor, 1)*97.403%) 30.196%;
    --yellow-new-54: hsl(var(--yellow-new-54-hsl)/1);
    --yellow-new-54-hsl: 35.753 calc(var(--saturation-factor, 1)*96.053%) 29.804%;
    --yellow-new-55: hsl(var(--yellow-new-55-hsl)/1);
    --yellow-new-55-hsl: 35.664 calc(var(--saturation-factor, 1)*95.973%) 29.216%;
    --yellow-new-56: hsl(var(--yellow-new-56-hsl)/1);
    --yellow-new-56-hsl: 35.571 calc(var(--saturation-factor, 1)*95.89%) 28.627%;
    --yellow-new-57: hsl(var(--yellow-new-57-hsl)/1);
    --yellow-new-57-hsl: 35.474 calc(var(--saturation-factor, 1)*95.804%) 28.039%;
    --yellow-new-58: hsl(var(--yellow-new-58-hsl)/1);
    --yellow-new-58-hsl: 35.373 calc(var(--saturation-factor, 1)*95.714%) 27.451%;
    --yellow-new-59: hsl(var(--yellow-new-59-hsl)/1);
    --yellow-new-59-hsl: 35 calc(var(--saturation-factor, 1)*97.059%) 26.667%;
    --yellow-new-60: hsl(var(--yellow-new-60-hsl)/1);
    --yellow-new-60-hsl: 34.884 calc(var(--saturation-factor, 1)*96.992%) 26.078%;
    --yellow-new-61: hsl(var(--yellow-new-61-hsl)/1);
    --yellow-new-61-hsl: 34.961 calc(var(--saturation-factor, 1)*98.45%) 25.294%;
    --yellow-new-62: hsl(var(--yellow-new-62-hsl)/1);
    --yellow-new-62-hsl: 34.56 calc(var(--saturation-factor, 1)*98.425%) 24.902%;
    --yellow-new-63: hsl(var(--yellow-new-63-hsl)/1);
    --yellow-new-63-hsl: 34.634 calc(var(--saturation-factor, 1)*100%) 24.118%;
    --yellow-new-64: hsl(var(--yellow-new-64-hsl)/1);
    --yellow-new-64-hsl: 34.5 calc(var(--saturation-factor, 1)*100%) 23.529%;
    --yellow-new-65: hsl(var(--yellow-new-65-hsl)/1);
    --yellow-new-65-hsl: 34.359 calc(var(--saturation-factor, 1)*100%) 22.941%;
    --yellow-new-66: hsl(var(--yellow-new-66-hsl)/1);
    --yellow-new-66-hsl: 33.684 calc(var(--saturation-factor, 1)*100%) 22.353%;
    --yellow-new-67: hsl(var(--yellow-new-67-hsl)/1);
    --yellow-new-67-hsl: 33.214 calc(var(--saturation-factor, 1)*100%) 21.961%;
    --yellow-new-68: hsl(var(--yellow-new-68-hsl)/1);
    --yellow-new-68-hsl: 33.028 calc(var(--saturation-factor, 1)*100%) 21.373%;
    --yellow-new-69: hsl(var(--yellow-new-69-hsl)/1);
    --yellow-new-69-hsl: 32.83 calc(var(--saturation-factor, 1)*100%) 20.784%;
    --yellow-new-70: hsl(var(--yellow-new-70-hsl)/1);
    --yellow-new-70-hsl: 32.308 calc(var(--saturation-factor, 1)*100%) 20.392%;
    --yellow-new-71: hsl(var(--yellow-new-71-hsl)/1);
    --yellow-new-71-hsl: 32.079 calc(var(--saturation-factor, 1)*100%) 19.804%;
    --yellow-new-72: hsl(var(--yellow-new-72-hsl)/1);
    --yellow-new-72-hsl: 31.837 calc(var(--saturation-factor, 1)*100%) 19.216%;
    --yellow-new-73: hsl(var(--yellow-new-73-hsl)/1);
    --yellow-new-73-hsl: 31.25 calc(var(--saturation-factor, 1)*100%) 18.824%;
    --yellow-new-74: hsl(var(--yellow-new-74-hsl)/1);
    --yellow-new-74-hsl: 30.968 calc(var(--saturation-factor, 1)*100%) 18.235%;
    --yellow-new-75: hsl(var(--yellow-new-75-hsl)/1);
    --yellow-new-75-hsl: 30.33 calc(var(--saturation-factor, 1)*100%) 17.843%;
    --yellow-new-76: hsl(var(--yellow-new-76-hsl)/1);
    --yellow-new-76-hsl: 30 calc(var(--saturation-factor, 1)*100%) 17.255%;
    --yellow-new-77: hsl(var(--yellow-new-77-hsl)/1);
    --yellow-new-77-hsl: 29.647 calc(var(--saturation-factor, 1)*100%) 16.667%;
    --yellow-new-78: hsl(var(--yellow-new-78-hsl)/1);
    --yellow-new-78-hsl: 28.193 calc(var(--saturation-factor, 1)*100%) 16.275%;
    --yellow-new-79: hsl(var(--yellow-new-79-hsl)/1);
    --yellow-new-79-hsl: 27.75 calc(var(--saturation-factor, 1)*100%) 15.686%;
    --yellow-new-80: hsl(var(--yellow-new-80-hsl)/1);
    --yellow-new-80-hsl: 26.923 calc(var(--saturation-factor, 1)*100%) 15.294%;
    --yellow-new-81: hsl(var(--yellow-new-81-hsl)/1);
    --yellow-new-81-hsl: 26.4 calc(var(--saturation-factor, 1)*100%) 14.706%;
    --yellow-new-82: hsl(var(--yellow-new-82-hsl)/1);
    --yellow-new-82-hsl: 25.479 calc(var(--saturation-factor, 1)*100%) 14.314%;
    --yellow-new-83: hsl(var(--yellow-new-83-hsl)/1);
    --yellow-new-83-hsl: 24.857 calc(var(--saturation-factor, 1)*100%) 13.725%;
    --yellow-new-84: hsl(var(--yellow-new-84-hsl)/1);
    --yellow-new-84-hsl: 23.824 calc(var(--saturation-factor, 1)*100%) 13.333%;
    --yellow-new-85: hsl(var(--yellow-new-85-hsl)/1);
    --yellow-new-85-hsl: 23.077 calc(var(--saturation-factor, 1)*100%) 12.745%;
    --yellow-new-86: hsl(var(--yellow-new-86-hsl)/1);
    --yellow-new-86-hsl: 21.905 calc(var(--saturation-factor, 1)*100%) 12.353%;
    --yellow-new-87: hsl(var(--yellow-new-87-hsl)/1);
    --yellow-new-87-hsl: 21 calc(var(--saturation-factor, 1)*100%) 11.765%;
    --yellow-new-88: hsl(var(--yellow-new-88-hsl)/1);
    --yellow-new-88-hsl: 20.69 calc(var(--saturation-factor, 1)*100%) 11.373%;
    --yellow-new-89: hsl(var(--yellow-new-89-hsl)/1);
    --yellow-new-89-hsl: 19.286 calc(var(--saturation-factor, 1)*100%) 10.98%;
    --yellow-new-90: hsl(var(--yellow-new-90-hsl)/1);
    --yellow-new-90-hsl: 18.113 calc(var(--saturation-factor, 1)*100%) 10.392%;
    --yellow-new-91: hsl(var(--yellow-new-91-hsl)/1);
    --yellow-new-91-hsl: 16.471 calc(var(--saturation-factor, 1)*100%) 10%;
    --yellow-new-92: hsl(var(--yellow-new-92-hsl)/1);
    --yellow-new-92-hsl: 15 calc(var(--saturation-factor, 1)*100%) 9.412%;
    --yellow-new-93: hsl(var(--yellow-new-93-hsl)/1);
    --yellow-new-93-hsl: 13.043 calc(var(--saturation-factor, 1)*100%) 9.02%;
    --yellow-new-94: hsl(var(--yellow-new-94-hsl)/1);
    --yellow-new-94-hsl: 11.163 calc(var(--saturation-factor, 1)*100%) 8.431%;
    --yellow-new-95: hsl(var(--yellow-new-95-hsl)/1);
    --yellow-new-95-hsl: 9 calc(var(--saturation-factor, 1)*100%) 7.843%;
    --yellow-new-96: hsl(var(--yellow-new-96-hsl)/1);
    --yellow-new-96-hsl: 6.486 calc(var(--saturation-factor, 1)*100%) 7.255%;
    --yellow-new-97: hsl(var(--yellow-new-97-hsl)/1);
    --yellow-new-97-hsl: 3.636 calc(var(--saturation-factor, 1)*100%) 6.471%;
    --yellow-new-98: hsl(var(--yellow-new-98-hsl)/1);
    --yellow-new-98-hsl: 2.069 calc(var(--saturation-factor, 1)*100%) 5.686%;
    --yellow-new-99: hsl(var(--yellow-new-99-hsl)/1);
    --yellow-new-99-hsl: 0 calc(var(--saturation-factor, 1)*100%) 4.51%;
    --yellow-new-100: hsl(var(--yellow-new-100-hsl)/1);
    --yellow-new-100-hsl: 0 calc(var(--saturation-factor, 1)*100%) 2.745%;
    --orange-new-1: hsl(var(--orange-new-1-hsl)/1);
    --orange-new-1-hsl: 14.595 calc(var(--saturation-factor, 1)*100%) 92.745%;
    --orange-new-2: hsl(var(--orange-new-2-hsl)/1);
    --orange-new-2-hsl: 15.714 calc(var(--saturation-factor, 1)*100%) 91.765%;
    --orange-new-3: hsl(var(--orange-new-3-hsl)/1);
    --orange-new-3-hsl: 16.596 calc(var(--saturation-factor, 1)*100%) 90.784%;
    --orange-new-4: hsl(var(--orange-new-4-hsl)/1);
    --orange-new-4-hsl: 18.113 calc(var(--saturation-factor, 1)*100%) 89.608%;
    --orange-new-5: hsl(var(--orange-new-5-hsl)/1);
    --orange-new-5-hsl: 18.621 calc(var(--saturation-factor, 1)*100%) 88.627%;
    --orange-new-6: hsl(var(--orange-new-6-hsl)/1);
    --orange-new-6-hsl: 18.387 calc(var(--saturation-factor, 1)*96.875%) 87.451%;
    --orange-new-7: hsl(var(--orange-new-7-hsl)/1);
    --orange-new-7-hsl: 18.806 calc(var(--saturation-factor, 1)*97.101%) 86.471%;
    --orange-new-8: hsl(var(--orange-new-8-hsl)/1);
    --orange-new-8-hsl: 19.437 calc(var(--saturation-factor, 1)*94.667%) 85.294%;
    --orange-new-9: hsl(var(--orange-new-9-hsl)/1);
    --orange-new-9-hsl: 20 calc(var(--saturation-factor, 1)*92.593%) 84.118%;
    --orange-new-10: hsl(var(--orange-new-10-hsl)/1);
    --orange-new-10-hsl: 20.506 calc(var(--saturation-factor, 1)*90.805%) 82.941%;
    --orange-new-11: hsl(var(--orange-new-11-hsl)/1);
    --orange-new-11-hsl: 20.241 calc(var(--saturation-factor, 1)*89.247%) 81.765%;
    --orange-new-12: hsl(var(--orange-new-12-hsl)/1);
    --orange-new-12-hsl: 20.69 calc(var(--saturation-factor, 1)*87.879%) 80.588%;
    --orange-new-13: hsl(var(--orange-new-13-hsl)/1);
    --orange-new-13-hsl: 20.667 calc(var(--saturation-factor, 1)*86.538%) 79.608%;
    --orange-new-14: hsl(var(--orange-new-14-hsl)/1);
    --orange-new-14-hsl: 21.064 calc(var(--saturation-factor, 1)*85.455%) 78.431%;
    --orange-new-15: hsl(var(--orange-new-15-hsl)/1);
    --orange-new-15-hsl: 21.429 calc(var(--saturation-factor, 1)*84.483%) 77.255%;
    --orange-new-16: hsl(var(--orange-new-16-hsl)/1);
    --orange-new-16-hsl: 21.386 calc(var(--saturation-factor, 1)*83.471%) 76.275%;
    --orange-new-17: hsl(var(--orange-new-17-hsl)/1);
    --orange-new-17-hsl: 21.714 calc(var(--saturation-factor, 1)*82.677%) 75.098%;
    --orange-new-18: hsl(var(--orange-new-18-hsl)/1);
    --orange-new-18-hsl: 21.308 calc(var(--saturation-factor, 1)*80.451%) 73.922%;
    --orange-new-19: hsl(var(--orange-new-19-hsl)/1);
    --orange-new-19-hsl: 21.273 calc(var(--saturation-factor, 1)*79.71%) 72.941%;
    --orange-new-20: hsl(var(--orange-new-20-hsl)/1);
    --orange-new-20-hsl: 21.579 calc(var(--saturation-factor, 1)*79.167%) 71.765%;
    --orange-new-21: hsl(var(--orange-new-21-hsl)/1);
    --orange-new-21-hsl: 21.724 calc(var(--saturation-factor, 1)*77.333%) 70.588%;
    --orange-new-22: hsl(var(--orange-new-22-hsl)/1);
    --orange-new-22-hsl: 21.681 calc(var(--saturation-factor, 1)*76.774%) 69.608%;
    --orange-new-23: hsl(var(--orange-new-23-hsl)/1);
    --orange-new-23-hsl: 21.951 calc(var(--saturation-factor, 1)*76.398%) 68.431%;
    --orange-new-24: hsl(var(--orange-new-24-hsl)/1);
    --orange-new-24-hsl: 22.08 calc(var(--saturation-factor, 1)*74.85%) 67.255%;
    --orange-new-25: hsl(var(--orange-new-25-hsl)/1);
    --orange-new-25-hsl: 22.031 calc(var(--saturation-factor, 1)*74.419%) 66.275%;
    --orange-new-26: hsl(var(--orange-new-26-hsl)/1);
    --orange-new-26-hsl: 22.154 calc(var(--saturation-factor, 1)*73.034%) 65.098%;
    --orange-new-27: hsl(var(--orange-new-27-hsl)/1);
    --orange-new-27-hsl: 22.105 calc(var(--saturation-factor, 1)*72.678%) 64.118%;
    --orange-new-28: hsl(var(--orange-new-28-hsl)/1);
    --orange-new-28-hsl: 22.222 calc(var(--saturation-factor, 1)*71.429%) 62.941%;
    --orange-new-29: hsl(var(--orange-new-29-hsl)/1);
    --orange-new-29-hsl: 22.336 calc(var(--saturation-factor, 1)*70.256%) 61.765%;
    --orange-new-30: hsl(var(--orange-new-30-hsl)/1);
    --orange-new-30-hsl: 21.857 calc(var(--saturation-factor, 1)*70%) 60.784%;
    --orange-new-31: hsl(var(--orange-new-31-hsl)/1);
    --orange-new-31-hsl: 21.972 calc(var(--saturation-factor, 1)*68.932%) 59.608%;
    --orange-new-32: hsl(var(--orange-new-32-hsl)/1);
    --orange-new-32-hsl: 22.083 calc(var(--saturation-factor, 1)*67.925%) 58.431%;
    --orange-new-33: hsl(var(--orange-new-33-hsl)/1);
    --orange-new-33-hsl: 21.781 calc(var(--saturation-factor, 1)*67.593%) 57.647%;
    --orange-new-34: hsl(var(--orange-new-34-hsl)/1);
    --orange-new-34-hsl: 21.892 calc(var(--saturation-factor, 1)*66.667%) 56.471%;
    --orange-new-35: hsl(var(--orange-new-35-hsl)/1);
    --orange-new-35-hsl: 22 calc(var(--saturation-factor, 1)*65.789%) 55.294%;
    --orange-new-36: hsl(var(--orange-new-36-hsl)/1);
    --orange-new-36-hsl: 22.105 calc(var(--saturation-factor, 1)*64.957%) 54.118%;
    --orange-new-37: hsl(var(--orange-new-37-hsl)/1);
    --orange-new-37-hsl: 22.065 calc(var(--saturation-factor, 1)*64.854%) 53.137%;
    --orange-new-38: hsl(var(--orange-new-38-hsl)/1);
    --orange-new-38-hsl: 22.166 calc(var(--saturation-factor, 1)*64.082%) 51.961%;
    --orange-new-39: hsl(var(--orange-new-39-hsl)/1);
    --orange-new-39-hsl: 22.264 calc(var(--saturation-factor, 1)*63.347%) 50.784%;
    --orange-new-40: hsl(var(--orange-new-40-hsl)/1);
    --orange-new-40-hsl: 22.36 calc(var(--saturation-factor, 1)*63.636%) 49.608%;
    --orange-new-41: hsl(var(--orange-new-41-hsl)/1);
    --orange-new-41-hsl: 22.454 calc(var(--saturation-factor, 1)*65.992%) 48.431%;
    --orange-new-42: hsl(var(--orange-new-42-hsl)/1);
    --orange-new-42-hsl: 22.545 calc(var(--saturation-factor, 1)*68.465%) 47.255%;
    --orange-new-43: hsl(var(--orange-new-43-hsl)/1);
    --orange-new-43-hsl: 22.635 calc(var(--saturation-factor, 1)*71.064%) 46.078%;
    --orange-new-44: hsl(var(--orange-new-44-hsl)/1);
    --orange-new-44-hsl: 22.722 calc(var(--saturation-factor, 1)*73.799%) 44.902%;
    --orange-new-45: hsl(var(--orange-new-45-hsl)/1);
    --orange-new-45-hsl: 23.023 calc(var(--saturation-factor, 1)*77.477%) 43.529%;
    --orange-new-46: hsl(var(--orange-new-46-hsl)/1);
    --orange-new-46-hsl: 23.314 calc(var(--saturation-factor, 1)*81.395%) 42.157%;
    --orange-new-47: hsl(var(--orange-new-47-hsl)/1);
    --orange-new-47-hsl: 23.799 calc(var(--saturation-factor, 1)*86.473%) 40.588%;
    --orange-new-48: hsl(var(--orange-new-48-hsl)/1);
    --orange-new-48-hsl: 24.457 calc(var(--saturation-factor, 1)*92.929%) 38.824%;
    --orange-new-49: hsl(var(--orange-new-49-hsl)/1);
    --orange-new-49-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
    --orange-new-50: hsl(var(--orange-new-50-hsl)/1);
    --orange-new-50-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
    --orange-new-51: hsl(var(--orange-new-51-hsl)/1);
    --orange-new-51-hsl: 24.783 calc(var(--saturation-factor, 1)*98.925%) 36.471%;
    --orange-new-52: hsl(var(--orange-new-52-hsl)/1);
    --orange-new-52-hsl: 24.804 calc(var(--saturation-factor, 1)*97.814%) 35.882%;
    --orange-new-53: hsl(var(--orange-new-53-hsl)/1);
    --orange-new-53-hsl: 24.483 calc(var(--saturation-factor, 1)*96.667%) 35.294%;
    --orange-new-54: hsl(var(--orange-new-54-hsl)/1);
    --orange-new-54-hsl: 24.211 calc(var(--saturation-factor, 1)*96.61%) 34.706%;
    --orange-new-55: hsl(var(--orange-new-55-hsl)/1);
    --orange-new-55-hsl: 24.431 calc(var(--saturation-factor, 1)*96.532%) 33.922%;
    --orange-new-56: hsl(var(--orange-new-56-hsl)/1);
    --orange-new-56-hsl: 24.294 calc(var(--saturation-factor, 1)*96.45%) 33.137%;
    --orange-new-57: hsl(var(--orange-new-57-hsl)/1);
    --orange-new-57-hsl: 24 calc(var(--saturation-factor, 1)*96.386%) 32.549%;
    --orange-new-58: hsl(var(--orange-new-58-hsl)/1);
    --orange-new-58-hsl: 24.231 calc(var(--saturation-factor, 1)*96.296%) 31.765%;
    --orange-new-59: hsl(var(--orange-new-59-hsl)/1);
    --orange-new-59-hsl: 24.314 calc(var(--saturation-factor, 1)*97.452%) 30.784%;
    --orange-new-60: hsl(var(--orange-new-60-hsl)/1);
    --orange-new-60-hsl: 24 calc(var(--saturation-factor, 1)*97.403%) 30.196%;
    --orange-new-61: hsl(var(--orange-new-61-hsl)/1);
    --orange-new-61-hsl: 23.836 calc(var(--saturation-factor, 1)*97.333%) 29.412%;
    --orange-new-62: hsl(var(--orange-new-62-hsl)/1);
    --orange-new-62-hsl: 24.167 calc(var(--saturation-factor, 1)*98.63%) 28.627%;
    --orange-new-63: hsl(var(--orange-new-63-hsl)/1);
    --orange-new-63-hsl: 24 calc(var(--saturation-factor, 1)*98.592%) 27.843%;
    --orange-new-64: hsl(var(--orange-new-64-hsl)/1);
    --orange-new-64-hsl: 23.913 calc(var(--saturation-factor, 1)*100%) 27.059%;
    --orange-new-65: hsl(var(--orange-new-65-hsl)/1);
    --orange-new-65-hsl: 23.556 calc(var(--saturation-factor, 1)*100%) 26.471%;
    --orange-new-66: hsl(var(--orange-new-66-hsl)/1);
    --orange-new-66-hsl: 23.817 calc(var(--saturation-factor, 1)*100%) 25.686%;
    --orange-new-67: hsl(var(--orange-new-67-hsl)/1);
    --orange-new-67-hsl: 23.438 calc(var(--saturation-factor, 1)*100%) 25.098%;
    --orange-new-68: hsl(var(--orange-new-68-hsl)/1);
    --orange-new-68-hsl: 23.04 calc(var(--saturation-factor, 1)*100%) 24.51%;
    --orange-new-69: hsl(var(--orange-new-69-hsl)/1);
    --orange-new-69-hsl: 22.81 calc(var(--saturation-factor, 1)*100%) 23.725%;
    --orange-new-70: hsl(var(--orange-new-70-hsl)/1);
    --orange-new-70-hsl: 22.881 calc(var(--saturation-factor, 1)*100%) 23.137%;
    --orange-new-71: hsl(var(--orange-new-71-hsl)/1);
    --orange-new-71-hsl: 22.435 calc(var(--saturation-factor, 1)*100%) 22.549%;
    --orange-new-72: hsl(var(--orange-new-72-hsl)/1);
    --orange-new-72-hsl: 21.964 calc(var(--saturation-factor, 1)*100%) 21.961%;
    --orange-new-73: hsl(var(--orange-new-73-hsl)/1);
    --orange-new-73-hsl: 21.667 calc(var(--saturation-factor, 1)*100%) 21.176%;
    --orange-new-74: hsl(var(--orange-new-74-hsl)/1);
    --orange-new-74-hsl: 21.714 calc(var(--saturation-factor, 1)*100%) 20.588%;
    --orange-new-75: hsl(var(--orange-new-75-hsl)/1);
    --orange-new-75-hsl: 21.176 calc(var(--saturation-factor, 1)*100%) 20%;
    --orange-new-76: hsl(var(--orange-new-76-hsl)/1);
    --orange-new-76-hsl: 20.606 calc(var(--saturation-factor, 1)*100%) 19.412%;
    --orange-new-77: hsl(var(--orange-new-77-hsl)/1);
    --orange-new-77-hsl: 20 calc(var(--saturation-factor, 1)*100%) 18.824%;
    --orange-new-78: hsl(var(--orange-new-78-hsl)/1);
    --orange-new-78-hsl: 20 calc(var(--saturation-factor, 1)*100%) 18.235%;
    --orange-new-79: hsl(var(--orange-new-79-hsl)/1);
    --orange-new-79-hsl: 19.333 calc(var(--saturation-factor, 1)*100%) 17.647%;
    --orange-new-80: hsl(var(--orange-new-80-hsl)/1);
    --orange-new-80-hsl: 18.621 calc(var(--saturation-factor, 1)*100%) 17.059%;
    --orange-new-81: hsl(var(--orange-new-81-hsl)/1);
    --orange-new-81-hsl: 18.072 calc(var(--saturation-factor, 1)*100%) 16.275%;
    --orange-new-82: hsl(var(--orange-new-82-hsl)/1);
    --orange-new-82-hsl: 18 calc(var(--saturation-factor, 1)*100%) 15.686%;
    --orange-new-83: hsl(var(--orange-new-83-hsl)/1);
    --orange-new-83-hsl: 17.143 calc(var(--saturation-factor, 1)*100%) 15.098%;
    --orange-new-84: hsl(var(--orange-new-84-hsl)/1);
    --orange-new-84-hsl: 16.216 calc(var(--saturation-factor, 1)*100%) 14.51%;
    --orange-new-85: hsl(var(--orange-new-85-hsl)/1);
    --orange-new-85-hsl: 16.056 calc(var(--saturation-factor, 1)*100%) 13.922%;
    --orange-new-86: hsl(var(--orange-new-86-hsl)/1);
    --orange-new-86-hsl: 14.783 calc(var(--saturation-factor, 1)*100%) 13.529%;
    --orange-new-87: hsl(var(--orange-new-87-hsl)/1);
    --orange-new-87-hsl: 13.636 calc(var(--saturation-factor, 1)*100%) 12.941%;
    --orange-new-88: hsl(var(--orange-new-88-hsl)/1);
    --orange-new-88-hsl: 13.333 calc(var(--saturation-factor, 1)*100%) 12.353%;
    --orange-new-89: hsl(var(--orange-new-89-hsl)/1);
    --orange-new-89-hsl: 12 calc(var(--saturation-factor, 1)*100%) 11.765%;
    --orange-new-90: hsl(var(--orange-new-90-hsl)/1);
    --orange-new-90-hsl: 10.526 calc(var(--saturation-factor, 1)*100%) 11.176%;
    --orange-new-91: hsl(var(--orange-new-91-hsl)/1);
    --orange-new-91-hsl: 10 calc(var(--saturation-factor, 1)*100%) 10.588%;
    --orange-new-92: hsl(var(--orange-new-92-hsl)/1);
    --orange-new-92-hsl: 8.235 calc(var(--saturation-factor, 1)*100%) 10%;
    --orange-new-93: hsl(var(--orange-new-93-hsl)/1);
    --orange-new-93-hsl: 7.5 calc(var(--saturation-factor, 1)*100%) 9.412%;
    --orange-new-94: hsl(var(--orange-new-94-hsl)/1);
    --orange-new-94-hsl: 6.667 calc(var(--saturation-factor, 1)*100%) 8.824%;
    --orange-new-95: hsl(var(--orange-new-95-hsl)/1);
    --orange-new-95-hsl: 4.286 calc(var(--saturation-factor, 1)*100%) 8.235%;
    --orange-new-96: hsl(var(--orange-new-96-hsl)/1);
    --orange-new-96-hsl: 3.158 calc(var(--saturation-factor, 1)*100%) 7.451%;
    --orange-new-97: hsl(var(--orange-new-97-hsl)/1);
    --orange-new-97-hsl: 1.818 calc(var(--saturation-factor, 1)*100%) 6.471%;
    --orange-new-98: hsl(var(--orange-new-98-hsl)/1);
    --orange-new-98-hsl: 0 calc(var(--saturation-factor, 1)*100%) 5.294%;
    --orange-new-99: hsl(var(--orange-new-99-hsl)/1);
    --orange-new-99-hsl: 357 calc(var(--saturation-factor, 1)*100%) 3.922%;
    --orange-new-100: hsl(var(--orange-new-100-hsl)/1);
    --orange-new-100-hsl: 353.333 calc(var(--saturation-factor, 1)*100%) 1.765%;
    --pink-1: hsl(var(--pink-1-hsl)/1);
    --pink-1-hsl: 318.462 calc(var(--saturation-factor, 1)*100%) 92.353%;
    --pink-2: hsl(var(--pink-2-hsl)/1);
    --pink-2-hsl: 318.571 calc(var(--saturation-factor, 1)*100%) 91.765%;
    --pink-3: hsl(var(--pink-3-hsl)/1);
    --pink-3-hsl: 317.333 calc(var(--saturation-factor, 1)*100%) 91.176%;
    --pink-4: hsl(var(--pink-4-hsl)/1);
    --pink-4-hsl: 317.5 calc(var(--saturation-factor, 1)*100%) 90.588%;
    --pink-5: hsl(var(--pink-5-hsl)/1);
    --pink-5-hsl: 316.8 calc(var(--saturation-factor, 1)*100%) 90.196%;
    --pink-6: hsl(var(--pink-6-hsl)/1);
    --pink-6-hsl: 316.981 calc(var(--saturation-factor, 1)*100%) 89.608%;
    --pink-7: hsl(var(--pink-7-hsl)/1);
    --pink-7-hsl: 317.143 calc(var(--saturation-factor, 1)*100%) 89.02%;
    --pink-8: hsl(var(--pink-8-hsl)/1);
    --pink-8-hsl: 316.271 calc(var(--saturation-factor, 1)*100%) 88.431%;
    --pink-9: hsl(var(--pink-9-hsl)/1);
    --pink-9-hsl: 316.721 calc(var(--saturation-factor, 1)*100%) 88.039%;
    --pink-10: hsl(var(--pink-10-hsl)/1);
    --pink-10-hsl: 315.938 calc(var(--saturation-factor, 1)*100%) 87.451%;
    --pink-11: hsl(var(--pink-11-hsl)/1);
    --pink-11-hsl: 316.119 calc(var(--saturation-factor, 1)*100%) 86.863%;
    --pink-12: hsl(var(--pink-12-hsl)/1);
    --pink-12-hsl: 316.522 calc(var(--saturation-factor, 1)*100%) 86.471%;
    --pink-13: hsl(var(--pink-13-hsl)/1);
    --pink-13-hsl: 315.833 calc(var(--saturation-factor, 1)*100%) 85.882%;
    --pink-14: hsl(var(--pink-14-hsl)/1);
    --pink-14-hsl: 316 calc(var(--saturation-factor, 1)*100%) 85.294%;
    --pink-15: hsl(var(--pink-15-hsl)/1);
    --pink-15-hsl: 315.385 calc(var(--saturation-factor, 1)*100%) 84.706%;
    --pink-16: hsl(var(--pink-16-hsl)/1);
    --pink-16-hsl: 315.75 calc(var(--saturation-factor, 1)*100%) 84.314%;
    --pink-17: hsl(var(--pink-17-hsl)/1);
    --pink-17-hsl: 315.904 calc(var(--saturation-factor, 1)*100%) 83.725%;
    --pink-18: hsl(var(--pink-18-hsl)/1);
    --pink-18-hsl: 315.349 calc(var(--saturation-factor, 1)*100%) 83.137%;
    --pink-19: hsl(var(--pink-19-hsl)/1);
    --pink-19-hsl: 315.506 calc(var(--saturation-factor, 1)*100%) 82.549%;
    --pink-20: hsl(var(--pink-20-hsl)/1);
    --pink-20-hsl: 315.824 calc(var(--saturation-factor, 1)*100%) 82.157%;
    --pink-21: hsl(var(--pink-21-hsl)/1);
    --pink-21-hsl: 315.319 calc(var(--saturation-factor, 1)*100%) 81.569%;
    --pink-22: hsl(var(--pink-22-hsl)/1);
    --pink-22-hsl: 315.464 calc(var(--saturation-factor, 1)*100%) 80.98%;
    --pink-23: hsl(var(--pink-23-hsl)/1);
    --pink-23-hsl: 315.6 calc(var(--saturation-factor, 1)*100%) 80.392%;
    --pink-24: hsl(var(--pink-24-hsl)/1);
    --pink-24-hsl: 315.294 calc(var(--saturation-factor, 1)*100%) 80%;
    --pink-25: hsl(var(--pink-25-hsl)/1);
    --pink-25-hsl: 315.429 calc(var(--saturation-factor, 1)*100%) 79.412%;
    --pink-26: hsl(var(--pink-26-hsl)/1);
    --pink-26-hsl: 315.556 calc(var(--saturation-factor, 1)*100%) 78.824%;
    --pink-27: hsl(var(--pink-27-hsl)/1);
    --pink-27-hsl: 315.676 calc(var(--saturation-factor, 1)*100%) 78.235%;
    --pink-28: hsl(var(--pink-28-hsl)/1);
    --pink-28-hsl: 315.398 calc(var(--saturation-factor, 1)*100%) 77.843%;
    --pink-29: hsl(var(--pink-29-hsl)/1);
    --pink-29-hsl: 315.517 calc(var(--saturation-factor, 1)*100%) 77.255%;
    --pink-30: hsl(var(--pink-30-hsl)/1);
    --pink-30-hsl: 315.63 calc(var(--saturation-factor, 1)*100%) 76.667%;
    --pink-31: hsl(var(--pink-31-hsl)/1);
    --pink-31-hsl: 315.738 calc(var(--saturation-factor, 1)*100%) 76.078%;
    --pink-32: hsl(var(--pink-32-hsl)/1);
    --pink-32-hsl: 315.36 calc(var(--saturation-factor, 1)*100%) 75.49%;
    --pink-33: hsl(var(--pink-33-hsl)/1);
    --pink-33-hsl: 315.469 calc(var(--saturation-factor, 1)*100%) 74.902%;
    --pink-34: hsl(var(--pink-34-hsl)/1);
    --pink-34-hsl: 315.573 calc(var(--saturation-factor, 1)*100%) 74.314%;
    --pink-35: hsl(var(--pink-35-hsl)/1);
    --pink-35-hsl: 315.338 calc(var(--saturation-factor, 1)*100%) 73.922%;
    --pink-36: hsl(var(--pink-36-hsl)/1);
    --pink-36-hsl: 315.441 calc(var(--saturation-factor, 1)*100%) 73.333%;
    --pink-37: hsl(var(--pink-37-hsl)/1);
    --pink-37-hsl: 315.54 calc(var(--saturation-factor, 1)*100%) 72.745%;
    --pink-38: hsl(var(--pink-38-hsl)/1);
    --pink-38-hsl: 315.634 calc(var(--saturation-factor, 1)*100%) 72.157%;
    --pink-39: hsl(var(--pink-39-hsl)/1);
    --pink-39-hsl: 315.31 calc(var(--saturation-factor, 1)*100%) 71.569%;
    --pink-40: hsl(var(--pink-40-hsl)/1);
    --pink-40-hsl: 315.302 calc(var(--saturation-factor, 1)*100%) 70.784%;
    --pink-41: hsl(var(--pink-41-hsl)/1);
    --pink-41-hsl: 315.395 calc(var(--saturation-factor, 1)*100%) 70.196%;
    --pink-42: hsl(var(--pink-42-hsl)/1);
    --pink-42-hsl: 315.484 calc(var(--saturation-factor, 1)*100%) 69.608%;
    --pink-43: hsl(var(--pink-43-hsl)/1);
    --pink-43-hsl: 315.19 calc(var(--saturation-factor, 1)*100%) 69.02%;
    --pink-44: hsl(var(--pink-44-hsl)/1);
    --pink-44-hsl: 315.28 calc(var(--saturation-factor, 1)*100%) 68.431%;
    --pink-45: hsl(var(--pink-45-hsl)/1);
    --pink-45-hsl: 315.273 calc(var(--saturation-factor, 1)*100%) 67.647%;
    --pink-46: hsl(var(--pink-46-hsl)/1);
    --pink-46-hsl: 315.357 calc(var(--saturation-factor, 1)*100%) 67.059%;
    --pink-47: hsl(var(--pink-47-hsl)/1);
    --pink-47-hsl: 315 calc(var(--saturation-factor, 1)*100%) 66.275%;
    --pink-48: hsl(var(--pink-48-hsl)/1);
    --pink-48-hsl: 315.086 calc(var(--saturation-factor, 1)*100%) 65.686%;
    --pink-49: hsl(var(--pink-49-hsl)/1);
    --pink-49-hsl: 315.084 calc(var(--saturation-factor, 1)*100%) 64.902%;
    --pink-50: hsl(var(--pink-50-hsl)/1);
    --pink-50-hsl: 315.084 calc(var(--saturation-factor, 1)*100%) 64.902%;
    --pink-51: hsl(var(--pink-51-hsl)/1);
    --pink-51-hsl: 315.172 calc(var(--saturation-factor, 1)*93.548%) 63.529%;
    --pink-52: hsl(var(--pink-52-hsl)/1);
    --pink-52-hsl: 315.266 calc(var(--saturation-factor, 1)*87.565%) 62.157%;
    --pink-53: hsl(var(--pink-53-hsl)/1);
    --pink-53-hsl: 315.273 calc(var(--saturation-factor, 1)*82.915%) 60.98%;
    --pink-54: hsl(var(--pink-54-hsl)/1);
    --pink-54-hsl: 315.375 calc(var(--saturation-factor, 1)*77.67%) 59.608%;
    --pink-55: hsl(var(--pink-55-hsl)/1);
    --pink-55-hsl: 315.669 calc(var(--saturation-factor, 1)*73.709%) 58.235%;
    --pink-56: hsl(var(--pink-56-hsl)/1);
    --pink-56-hsl: 315.395 calc(var(--saturation-factor, 1)*69.091%) 56.863%;
    --pink-57: hsl(var(--pink-57-hsl)/1);
    --pink-57-hsl: 315.705 calc(var(--saturation-factor, 1)*65.639%) 55.49%;
    --pink-58: hsl(var(--pink-58-hsl)/1);
    --pink-58-hsl: 315.417 calc(var(--saturation-factor, 1)*61.538%) 54.118%;
    --pink-59: hsl(var(--pink-59-hsl)/1);
    --pink-59-hsl: 315.745 calc(var(--saturation-factor, 1)*58.506%) 52.745%;
    --pink-60: hsl(var(--pink-60-hsl)/1);
    --pink-60-hsl: 315.766 calc(var(--saturation-factor, 1)*55.466%) 51.569%;
    --pink-61: hsl(var(--pink-61-hsl)/1);
    --pink-61-hsl: 315.672 calc(var(--saturation-factor, 1)*52.756%) 50.196%;
    --pink-62: hsl(var(--pink-62-hsl)/1);
    --pink-62-hsl: 315.814 calc(var(--saturation-factor, 1)*51.807%) 48.824%;
    --pink-63: hsl(var(--pink-63-hsl)/1);
    --pink-63-hsl: 315.714 calc(var(--saturation-factor, 1)*52.066%) 47.451%;
    --pink-64: hsl(var(--pink-64-hsl)/1);
    --pink-64-hsl: 315.61 calc(var(--saturation-factor, 1)*52.34%) 46.078%;
    --pink-65: hsl(var(--pink-65-hsl)/1);
    --pink-65-hsl: 315.63 calc(var(--saturation-factor, 1)*51.965%) 44.902%;
    --pink-66: hsl(var(--pink-66-hsl)/1);
    --pink-66-hsl: 316.034 calc(var(--saturation-factor, 1)*52.252%) 43.529%;
    --pink-67: hsl(var(--pink-67-hsl)/1);
    --pink-67-hsl: 316.316 calc(var(--saturation-factor, 1)*52.778%) 42.353%;
    --pink-68: hsl(var(--pink-68-hsl)/1);
    --pink-68-hsl: 316.216 calc(var(--saturation-factor, 1)*53.11%) 40.98%;
    --pink-69: hsl(var(--pink-69-hsl)/1);
    --pink-69-hsl: 316.262 calc(var(--saturation-factor, 1)*52.709%) 39.804%;
    --pink-70: hsl(var(--pink-70-hsl)/1);
    --pink-70-hsl: 316.154 calc(var(--saturation-factor, 1)*53.061%) 38.431%;
    --pink-71: hsl(var(--pink-71-hsl)/1);
    --pink-71-hsl: 316.04 calc(var(--saturation-factor, 1)*53.439%) 37.059%;
    --pink-72: hsl(var(--pink-72-hsl)/1);
    --pink-72-hsl: 316.364 calc(var(--saturation-factor, 1)*54.098%) 35.882%;
    --pink-73: hsl(var(--pink-73-hsl)/1);
    --pink-73-hsl: 316.25 calc(var(--saturation-factor, 1)*54.545%) 34.51%;
    --pink-74: hsl(var(--pink-74-hsl)/1);
    --pink-74-hsl: 316.304 calc(var(--saturation-factor, 1)*54.118%) 33.333%;
    --pink-75: hsl(var(--pink-75-hsl)/1);
    --pink-75-hsl: 316.667 calc(var(--saturation-factor, 1)*54.878%) 32.157%;
    --pink-76: hsl(var(--pink-76-hsl)/1);
    --pink-76-hsl: 315.862 calc(var(--saturation-factor, 1)*55.414%) 30.784%;
    --pink-77: hsl(var(--pink-77-hsl)/1);
    --pink-77-hsl: 316.235 calc(var(--saturation-factor, 1)*56.291%) 29.608%;
    --pink-78: hsl(var(--pink-78-hsl)/1);
    --pink-78-hsl: 316.296 calc(var(--saturation-factor, 1)*55.862%) 28.431%;
    --pink-79: hsl(var(--pink-79-hsl)/1);
    --pink-79-hsl: 316.709 calc(var(--saturation-factor, 1)*56.835%) 27.255%;
    --pink-80: hsl(var(--pink-80-hsl)/1);
    --pink-80-hsl: 316.579 calc(var(--saturation-factor, 1)*57.576%) 25.882%;
    --pink-81: hsl(var(--pink-81-hsl)/1);
    --pink-81-hsl: 316.438 calc(var(--saturation-factor, 1)*57.48%) 24.902%;
    --pink-82: hsl(var(--pink-82-hsl)/1);
    --pink-82-hsl: 316.286 calc(var(--saturation-factor, 1)*58.333%) 23.529%;
    --pink-83: hsl(var(--pink-83-hsl)/1);
    --pink-83-hsl: 316.765 calc(var(--saturation-factor, 1)*59.649%) 22.353%;
    --pink-84: hsl(var(--pink-84-hsl)/1);
    --pink-84-hsl: 316.615 calc(var(--saturation-factor, 1)*59.633%) 21.373%;
    --pink-85: hsl(var(--pink-85-hsl)/1);
    --pink-85-hsl: 316.452 calc(var(--saturation-factor, 1)*60.784%) 20%;
    --pink-86: hsl(var(--pink-86-hsl)/1);
    --pink-86-hsl: 316.271 calc(var(--saturation-factor, 1)*60.825%) 19.02%;
    --pink-87: hsl(var(--pink-87-hsl)/1);
    --pink-87-hsl: 316.842 calc(var(--saturation-factor, 1)*62.637%) 17.843%;
    --pink-88: hsl(var(--pink-88-hsl)/1);
    --pink-88-hsl: 315.556 calc(var(--saturation-factor, 1)*64.286%) 16.471%;
    --pink-89: hsl(var(--pink-89-hsl)/1);
    --pink-89-hsl: 316.471 calc(var(--saturation-factor, 1)*64.557%) 15.49%;
    --pink-90: hsl(var(--pink-90-hsl)/1);
    --pink-90-hsl: 316.25 calc(var(--saturation-factor, 1)*64.865%) 14.51%;
    --pink-91: hsl(var(--pink-91-hsl)/1);
    --pink-91-hsl: 316.957 calc(var(--saturation-factor, 1)*67.647%) 13.333%;
    --pink-92: hsl(var(--pink-92-hsl)/1);
    --pink-92-hsl: 316.744 calc(var(--saturation-factor, 1)*68.254%) 12.353%;
    --pink-93: hsl(var(--pink-93-hsl)/1);
    --pink-93-hsl: 316.098 calc(var(--saturation-factor, 1)*71.93%) 11.176%;
    --pink-94: hsl(var(--pink-94-hsl)/1);
    --pink-94-hsl: 317.368 calc(var(--saturation-factor, 1)*73.077%) 10.196%;
    --pink-95: hsl(var(--pink-95-hsl)/1);
    --pink-95-hsl: 315.882 calc(var(--saturation-factor, 1)*73.913%) 9.02%;
    --pink-96: hsl(var(--pink-96-hsl)/1);
    --pink-96-hsl: 317.419 calc(var(--saturation-factor, 1)*75.61%) 8.039%;
    --pink-97: hsl(var(--pink-97-hsl)/1);
    --pink-97-hsl: 318.462 calc(var(--saturation-factor, 1)*76.471%) 6.667%;
    --pink-98: hsl(var(--pink-98-hsl)/1);
    --pink-98-hsl: 321 calc(var(--saturation-factor, 1)*76.923%) 5.098%;
    --pink-99: hsl(var(--pink-99-hsl)/1);
    --pink-99-hsl: 327.273 calc(var(--saturation-factor, 1)*73.333%) 2.941%;
    --pink-100: hsl(var(--pink-100-hsl)/1);
    --pink-100-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --opacity-1: hsl(var(--opacity-1-hsl)/0.011764705882352941);
    --opacity-1-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-4: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --opacity-4-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-8: hsl(var(--opacity-8-hsl)/0.0784313725490196);
    --opacity-8-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-12: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --opacity-12-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-16: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --opacity-16-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-20: hsl(var(--opacity-20-hsl)/0.2);
    --opacity-20-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-24: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --opacity-24-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-28: hsl(var(--opacity-28-hsl)/0.2784313725490196);
    --opacity-28-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-32: hsl(var(--opacity-32-hsl)/0.3215686274509804);
    --opacity-32-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-36: hsl(var(--opacity-36-hsl)/0.3607843137254902);
    --opacity-36-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-40: hsl(var(--opacity-40-hsl)/0.4);
    --opacity-40-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-44: hsl(var(--opacity-44-hsl)/0.4392156862745098);
    --opacity-44-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-48: hsl(var(--opacity-48-hsl)/0.47843137254901963);
    --opacity-48-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-52: hsl(var(--opacity-52-hsl)/0.5215686274509804);
    --opacity-52-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-56: hsl(var(--opacity-56-hsl)/0.5607843137254902);
    --opacity-56-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-60: hsl(var(--opacity-60-hsl)/0.6);
    --opacity-60-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-64: hsl(var(--opacity-64-hsl)/0.6392156862745098);
    --opacity-64-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-68: hsl(var(--opacity-68-hsl)/0.6784313725490196);
    --opacity-68-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-72: hsl(var(--opacity-72-hsl)/0.7215686274509804);
    --opacity-72-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-76: hsl(var(--opacity-76-hsl)/0.7607843137254902);
    --opacity-76-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-80: hsl(var(--opacity-80-hsl)/0.8);
    --opacity-80-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-84: hsl(var(--opacity-84-hsl)/0.8392156862745098);
    --opacity-84-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-88: hsl(var(--opacity-88-hsl)/0.8784313725490196);
    --opacity-88-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-92: hsl(var(--opacity-92-hsl)/0.9215686274509803);
    --opacity-92-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-96: hsl(var(--opacity-96-hsl)/0.9607843137254902);
    --opacity-96-hsl: 240 calc(var(--saturation-factor, 1)*4%) 60.784%;
    --opacity-blue-1: hsl(var(--opacity-blue-1-hsl)/0.011764705882352941);
    --opacity-blue-1-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
    --opacity-blue-4: hsl(var(--opacity-blue-4-hsl)/0.0392156862745098);
    --opacity-blue-4-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
    --opacity-blue-8: hsl(var(--opacity-blue-8-hsl)/0.0784313725490196);
    --opacity-blue-8-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
    --opacity-blue-12: hsl(var(--opacity-blue-12-hsl)/0.12156862745098039);
    --opacity-blue-12-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
    --opacity-blue-16: hsl(var(--opacity-blue-16-hsl)/0.1607843137254902);
    --opacity-blue-16-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
    --opacity-blue-20: hsl(var(--opacity-blue-20-hsl)/0.2);
    --opacity-blue-20-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
    --opacity-blue-24: hsl(var(--opacity-blue-24-hsl)/0.23921568627450981);
    --opacity-blue-24-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
    --opacity-blue-28: hsl(var(--opacity-blue-28-hsl)/0.2784313725490196);
    --opacity-blue-28-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
    --opacity-blue-32: hsl(var(--opacity-blue-32-hsl)/0.3215686274509804);
    --opacity-blue-32-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
    --opacity-blue-36: hsl(var(--opacity-blue-36-hsl)/0.3607843137254902);
    --opacity-blue-36-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
    --opacity-blue-40: hsl(var(--opacity-blue-40-hsl)/0.4);
    --opacity-blue-40-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
    --opacity-blue-44: hsl(var(--opacity-blue-44-hsl)/0.4392156862745098);
    --opacity-blue-44-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
    --opacity-blue-48: hsl(var(--opacity-blue-48-hsl)/0.47843137254901963);
    --opacity-blue-48-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
    --opacity-blue-52: hsl(var(--opacity-blue-52-hsl)/0.5215686274509804);
    --opacity-blue-52-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
    --opacity-blue-56: hsl(var(--opacity-blue-56-hsl)/0.5607843137254902);
    --opacity-blue-56-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
    --opacity-blue-60: hsl(var(--opacity-blue-60-hsl)/0.6);
    --opacity-blue-60-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
    --opacity-blue-64: hsl(var(--opacity-blue-64-hsl)/0.6392156862745098);
    --opacity-blue-64-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
    --opacity-blue-68: hsl(var(--opacity-blue-68-hsl)/0.6784313725490196);
    --opacity-blue-68-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
    --opacity-blue-72: hsl(var(--opacity-blue-72-hsl)/0.7215686274509804);
    --opacity-blue-72-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
    --opacity-blue-76: hsl(var(--opacity-blue-76-hsl)/0.7607843137254902);
    --opacity-blue-76-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
    --opacity-blue-80: hsl(var(--opacity-blue-80-hsl)/0.8);
    --opacity-blue-80-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
    --opacity-blue-84: hsl(var(--opacity-blue-84-hsl)/0.8392156862745098);
    --opacity-blue-84-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
    --opacity-blue-88: hsl(var(--opacity-blue-88-hsl)/0.8784313725490196);
    --opacity-blue-88-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
    --opacity-blue-92: hsl(var(--opacity-blue-92-hsl)/0.9215686274509803);
    --opacity-blue-92-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
    --opacity-blue-96: hsl(var(--opacity-blue-96-hsl)/0.9607843137254902);
    --opacity-blue-96-hsl: 209.339 calc(var(--saturation-factor, 1)*100%) 44.51%;
    --opacity-blurple-1: hsl(var(--opacity-blurple-1-hsl)/0.011764705882352941);
    --opacity-blurple-1-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
    --opacity-blurple-4: hsl(var(--opacity-blurple-4-hsl)/0.0392156862745098);
    --opacity-blurple-4-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
    --opacity-blurple-8: hsl(var(--opacity-blurple-8-hsl)/0.0784313725490196);
    --opacity-blurple-8-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
    --opacity-blurple-12: hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039);
    --opacity-blurple-12-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
    --opacity-blurple-16: hsl(var(--opacity-blurple-16-hsl)/0.1607843137254902);
    --opacity-blurple-16-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
    --opacity-blurple-20: hsl(var(--opacity-blurple-20-hsl)/0.2);
    --opacity-blurple-20-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
    --opacity-blurple-24: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
    --opacity-blurple-24-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
    --opacity-blurple-28: hsl(var(--opacity-blurple-28-hsl)/0.2784313725490196);
    --opacity-blurple-28-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
    --opacity-blurple-32: hsl(var(--opacity-blurple-32-hsl)/0.3215686274509804);
    --opacity-blurple-32-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
    --opacity-blurple-36: hsl(var(--opacity-blurple-36-hsl)/0.3607843137254902);
    --opacity-blurple-36-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
    --opacity-blurple-40: hsl(var(--opacity-blurple-40-hsl)/0.4);
    --opacity-blurple-40-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
    --opacity-blurple-44: hsl(var(--opacity-blurple-44-hsl)/0.4392156862745098);
    --opacity-blurple-44-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
    --opacity-blurple-48: hsl(var(--opacity-blurple-48-hsl)/0.47843137254901963);
    --opacity-blurple-48-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
    --opacity-blurple-52: hsl(var(--opacity-blurple-52-hsl)/0.5215686274509804);
    --opacity-blurple-52-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
    --opacity-blurple-56: hsl(var(--opacity-blurple-56-hsl)/0.5607843137254902);
    --opacity-blurple-56-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
    --opacity-blurple-60: hsl(var(--opacity-blurple-60-hsl)/0.6);
    --opacity-blurple-60-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
    --opacity-blurple-64: hsl(var(--opacity-blurple-64-hsl)/0.6392156862745098);
    --opacity-blurple-64-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
    --opacity-blurple-68: hsl(var(--opacity-blurple-68-hsl)/0.6784313725490196);
    --opacity-blurple-68-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
    --opacity-blurple-72: hsl(var(--opacity-blurple-72-hsl)/0.7215686274509804);
    --opacity-blurple-72-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
    --opacity-blurple-76: hsl(var(--opacity-blurple-76-hsl)/0.7607843137254902);
    --opacity-blurple-76-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
    --opacity-blurple-80: hsl(var(--opacity-blurple-80-hsl)/0.8);
    --opacity-blurple-80-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
    --opacity-blurple-84: hsl(var(--opacity-blurple-84-hsl)/0.8392156862745098);
    --opacity-blurple-84-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
    --opacity-blurple-88: hsl(var(--opacity-blurple-88-hsl)/0.8784313725490196);
    --opacity-blurple-88-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
    --opacity-blurple-92: hsl(var(--opacity-blurple-92-hsl)/0.9215686274509803);
    --opacity-blurple-92-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
    --opacity-blurple-96: hsl(var(--opacity-blurple-96-hsl)/0.9607843137254902);
    --opacity-blurple-96-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
    --opacity-green-1: hsl(var(--opacity-green-1-hsl)/0.011764705882352941);
    --opacity-green-1-hsl: 145.97 calc(var(--saturation-factor, 1)*100%) 26.275%;
    --opacity-green-4: hsl(var(--opacity-green-4-hsl)/0.0392156862745098);
    --opacity-green-4-hsl: 145.97 calc(var(--saturation-factor, 1)*100%) 26.275%;
    --opacity-green-8: hsl(var(--opacity-green-8-hsl)/0.0784313725490196);
    --opacity-green-8-hsl: 145.97 calc(var(--saturation-factor, 1)*100%) 26.275%;
    --opacity-green-12: hsl(var(--opacity-green-12-hsl)/0.12156862745098039);
    --opacity-green-12-hsl: 145.97 calc(var(--saturation-factor, 1)*100%) 26.275%;
    --opacity-green-16: hsl(var(--opacity-green-16-hsl)/0.1607843137254902);
    --opacity-green-16-hsl: 145.97 calc(var(--saturation-factor, 1)*100%) 26.275%;
    --opacity-green-20: hsl(var(--opacity-green-20-hsl)/0.2);
    --opacity-green-20-hsl: 145.97 calc(var(--saturation-factor, 1)*100%) 26.275%;
    --opacity-green-24: hsl(var(--opacity-green-24-hsl)/0.23921568627450981);
    --opacity-green-24-hsl: 145.97 calc(var(--saturation-factor, 1)*100%) 26.275%;
    --opacity-green-28: hsl(var(--opacity-green-28-hsl)/0.2784313725490196);
    --opacity-green-28-hsl: 145.97 calc(var(--saturation-factor, 1)*100%) 26.275%;
    --opacity-green-32: hsl(var(--opacity-green-32-hsl)/0.3215686274509804);
    --opacity-green-32-hsl: 145.97 calc(var(--saturation-factor, 1)*100%) 26.275%;
    --opacity-green-36: hsl(var(--opacity-green-36-hsl)/0.3607843137254902);
    --opacity-green-36-hsl: 145.97 calc(var(--saturation-factor, 1)*100%) 26.275%;
    --opacity-green-40: hsl(var(--opacity-green-40-hsl)/0.4);
    --opacity-green-40-hsl: 145.97 calc(var(--saturation-factor, 1)*100%) 26.275%;
    --opacity-green-44: hsl(var(--opacity-green-44-hsl)/0.4392156862745098);
    --opacity-green-44-hsl: 145.97 calc(var(--saturation-factor, 1)*100%) 26.275%;
    --opacity-green-48: hsl(var(--opacity-green-48-hsl)/0.47843137254901963);
    --opacity-green-48-hsl: 145.97 calc(var(--saturation-factor, 1)*100%) 26.275%;
    --opacity-green-52: hsl(var(--opacity-green-52-hsl)/0.5215686274509804);
    --opacity-green-52-hsl: 145.97 calc(var(--saturation-factor, 1)*100%) 26.275%;
    --opacity-green-56: hsl(var(--opacity-green-56-hsl)/0.5607843137254902);
    --opacity-green-56-hsl: 145.97 calc(var(--saturation-factor, 1)*100%) 26.275%;
    --opacity-green-60: hsl(var(--opacity-green-60-hsl)/0.6);
    --opacity-green-60-hsl: 145.97 calc(var(--saturation-factor, 1)*100%) 26.275%;
    --opacity-green-64: hsl(var(--opacity-green-64-hsl)/0.6392156862745098);
    --opacity-green-64-hsl: 145.97 calc(var(--saturation-factor, 1)*100%) 26.275%;
    --opacity-green-68: hsl(var(--opacity-green-68-hsl)/0.6784313725490196);
    --opacity-green-68-hsl: 145.97 calc(var(--saturation-factor, 1)*100%) 26.275%;
    --opacity-green-72: hsl(var(--opacity-green-72-hsl)/0.7215686274509804);
    --opacity-green-72-hsl: 145.97 calc(var(--saturation-factor, 1)*100%) 26.275%;
    --opacity-green-76: hsl(var(--opacity-green-76-hsl)/0.7607843137254902);
    --opacity-green-76-hsl: 145.97 calc(var(--saturation-factor, 1)*100%) 26.275%;
    --opacity-green-80: hsl(var(--opacity-green-80-hsl)/0.8);
    --opacity-green-80-hsl: 145.97 calc(var(--saturation-factor, 1)*100%) 26.275%;
    --opacity-green-84: hsl(var(--opacity-green-84-hsl)/0.8392156862745098);
    --opacity-green-84-hsl: 145.97 calc(var(--saturation-factor, 1)*100%) 26.275%;
    --opacity-green-88: hsl(var(--opacity-green-88-hsl)/0.8784313725490196);
    --opacity-green-88-hsl: 145.97 calc(var(--saturation-factor, 1)*100%) 26.275%;
    --opacity-green-92: hsl(var(--opacity-green-92-hsl)/0.9215686274509803);
    --opacity-green-92-hsl: 145.97 calc(var(--saturation-factor, 1)*100%) 26.275%;
    --opacity-green-96: hsl(var(--opacity-green-96-hsl)/0.9607843137254902);
    --opacity-green-96-hsl: 145.97 calc(var(--saturation-factor, 1)*100%) 26.275%;
    --opacity-red-1: hsl(var(--opacity-red-1-hsl)/0.011764705882352941);
    --opacity-red-1-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
    --opacity-red-4: hsl(var(--opacity-red-4-hsl)/0.0392156862745098);
    --opacity-red-4-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
    --opacity-red-8: hsl(var(--opacity-red-8-hsl)/0.0784313725490196);
    --opacity-red-8-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
    --opacity-red-12: hsl(var(--opacity-red-12-hsl)/0.12156862745098039);
    --opacity-red-12-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
    --opacity-red-16: hsl(var(--opacity-red-16-hsl)/0.1607843137254902);
    --opacity-red-16-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
    --opacity-red-20: hsl(var(--opacity-red-20-hsl)/0.2);
    --opacity-red-20-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
    --opacity-red-24: hsl(var(--opacity-red-24-hsl)/0.23921568627450981);
    --opacity-red-24-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
    --opacity-red-28: hsl(var(--opacity-red-28-hsl)/0.2784313725490196);
    --opacity-red-28-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
    --opacity-red-32: hsl(var(--opacity-red-32-hsl)/0.3215686274509804);
    --opacity-red-32-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
    --opacity-red-36: hsl(var(--opacity-red-36-hsl)/0.3607843137254902);
    --opacity-red-36-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
    --opacity-red-40: hsl(var(--opacity-red-40-hsl)/0.4);
    --opacity-red-40-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
    --opacity-red-44: hsl(var(--opacity-red-44-hsl)/0.4392156862745098);
    --opacity-red-44-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
    --opacity-red-48: hsl(var(--opacity-red-48-hsl)/0.47843137254901963);
    --opacity-red-48-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
    --opacity-red-52: hsl(var(--opacity-red-52-hsl)/0.5215686274509804);
    --opacity-red-52-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
    --opacity-red-56: hsl(var(--opacity-red-56-hsl)/0.5607843137254902);
    --opacity-red-56-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
    --opacity-red-60: hsl(var(--opacity-red-60-hsl)/0.6);
    --opacity-red-60-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
    --opacity-red-64: hsl(var(--opacity-red-64-hsl)/0.6392156862745098);
    --opacity-red-64-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
    --opacity-red-68: hsl(var(--opacity-red-68-hsl)/0.6784313725490196);
    --opacity-red-68-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
    --opacity-red-72: hsl(var(--opacity-red-72-hsl)/0.7215686274509804);
    --opacity-red-72-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
    --opacity-red-76: hsl(var(--opacity-red-76-hsl)/0.7607843137254902);
    --opacity-red-76-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
    --opacity-red-80: hsl(var(--opacity-red-80-hsl)/0.8);
    --opacity-red-80-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
    --opacity-red-84: hsl(var(--opacity-red-84-hsl)/0.8392156862745098);
    --opacity-red-84-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
    --opacity-red-88: hsl(var(--opacity-red-88-hsl)/0.8784313725490196);
    --opacity-red-88-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
    --opacity-red-92: hsl(var(--opacity-red-92-hsl)/0.9215686274509803);
    --opacity-red-92-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
    --opacity-red-96: hsl(var(--opacity-red-96-hsl)/0.9607843137254902);
    --opacity-red-96-hsl: 355.636 calc(var(--saturation-factor, 1)*64.706%) 50%;
    --opacity-teal-1: hsl(var(--opacity-teal-1-hsl)/0.011764705882352941);
    --opacity-teal-1-hsl: 183.913 calc(var(--saturation-factor, 1)*100%) 27.059%;
    --opacity-teal-4: hsl(var(--opacity-teal-4-hsl)/0.0392156862745098);
    --opacity-teal-4-hsl: 183.913 calc(var(--saturation-factor, 1)*100%) 27.059%;
    --opacity-teal-8: hsl(var(--opacity-teal-8-hsl)/0.0784313725490196);
    --opacity-teal-8-hsl: 183.913 calc(var(--saturation-factor, 1)*100%) 27.059%;
    --opacity-teal-12: hsl(var(--opacity-teal-12-hsl)/0.12156862745098039);
    --opacity-teal-12-hsl: 183.913 calc(var(--saturation-factor, 1)*100%) 27.059%;
    --opacity-teal-16: hsl(var(--opacity-teal-16-hsl)/0.1607843137254902);
    --opacity-teal-16-hsl: 183.913 calc(var(--saturation-factor, 1)*100%) 27.059%;
    --opacity-teal-20: hsl(var(--opacity-teal-20-hsl)/0.2);
    --opacity-teal-20-hsl: 183.913 calc(var(--saturation-factor, 1)*100%) 27.059%;
    --opacity-teal-24: hsl(var(--opacity-teal-24-hsl)/0.23921568627450981);
    --opacity-teal-24-hsl: 183.913 calc(var(--saturation-factor, 1)*100%) 27.059%;
    --opacity-teal-28: hsl(var(--opacity-teal-28-hsl)/0.2784313725490196);
    --opacity-teal-28-hsl: 183.913 calc(var(--saturation-factor, 1)*100%) 27.059%;
    --opacity-teal-32: hsl(var(--opacity-teal-32-hsl)/0.3215686274509804);
    --opacity-teal-32-hsl: 183.913 calc(var(--saturation-factor, 1)*100%) 27.059%;
    --opacity-teal-36: hsl(var(--opacity-teal-36-hsl)/0.3607843137254902);
    --opacity-teal-36-hsl: 183.913 calc(var(--saturation-factor, 1)*100%) 27.059%;
    --opacity-teal-40: hsl(var(--opacity-teal-40-hsl)/0.4);
    --opacity-teal-40-hsl: 183.913 calc(var(--saturation-factor, 1)*100%) 27.059%;
    --opacity-teal-44: hsl(var(--opacity-teal-44-hsl)/0.4392156862745098);
    --opacity-teal-44-hsl: 183.913 calc(var(--saturation-factor, 1)*100%) 27.059%;
    --opacity-teal-48: hsl(var(--opacity-teal-48-hsl)/0.47843137254901963);
    --opacity-teal-48-hsl: 183.913 calc(var(--saturation-factor, 1)*100%) 27.059%;
    --opacity-teal-52: hsl(var(--opacity-teal-52-hsl)/0.5215686274509804);
    --opacity-teal-52-hsl: 183.913 calc(var(--saturation-factor, 1)*100%) 27.059%;
    --opacity-teal-56: hsl(var(--opacity-teal-56-hsl)/0.5607843137254902);
    --opacity-teal-56-hsl: 183.913 calc(var(--saturation-factor, 1)*100%) 27.059%;
    --opacity-teal-60: hsl(var(--opacity-teal-60-hsl)/0.6);
    --opacity-teal-60-hsl: 183.913 calc(var(--saturation-factor, 1)*100%) 27.059%;
    --opacity-teal-64: hsl(var(--opacity-teal-64-hsl)/0.6392156862745098);
    --opacity-teal-64-hsl: 183.913 calc(var(--saturation-factor, 1)*100%) 27.059%;
    --opacity-teal-68: hsl(var(--opacity-teal-68-hsl)/0.6784313725490196);
    --opacity-teal-68-hsl: 183.913 calc(var(--saturation-factor, 1)*100%) 27.059%;
    --opacity-teal-72: hsl(var(--opacity-teal-72-hsl)/0.7215686274509804);
    --opacity-teal-72-hsl: 183.913 calc(var(--saturation-factor, 1)*100%) 27.059%;
    --opacity-teal-76: hsl(var(--opacity-teal-76-hsl)/0.7607843137254902);
    --opacity-teal-76-hsl: 183.913 calc(var(--saturation-factor, 1)*100%) 27.059%;
    --opacity-teal-80: hsl(var(--opacity-teal-80-hsl)/0.8);
    --opacity-teal-80-hsl: 183.913 calc(var(--saturation-factor, 1)*100%) 27.059%;
    --opacity-teal-84: hsl(var(--opacity-teal-84-hsl)/0.8392156862745098);
    --opacity-teal-84-hsl: 183.913 calc(var(--saturation-factor, 1)*100%) 27.059%;
    --opacity-teal-88: hsl(var(--opacity-teal-88-hsl)/0.8784313725490196);
    --opacity-teal-88-hsl: 183.913 calc(var(--saturation-factor, 1)*100%) 27.059%;
    --opacity-teal-92: hsl(var(--opacity-teal-92-hsl)/0.9215686274509803);
    --opacity-teal-92-hsl: 183.913 calc(var(--saturation-factor, 1)*100%) 27.059%;
    --opacity-teal-96: hsl(var(--opacity-teal-96-hsl)/0.9607843137254902);
    --opacity-teal-96-hsl: 183.913 calc(var(--saturation-factor, 1)*100%) 27.059%;
    --opacity-yellow-1: hsl(var(--opacity-yellow-1-hsl)/0.011764705882352941);
    --opacity-yellow-1-hsl: 36.894 calc(var(--saturation-factor, 1)*100%) 31.569%;
    --opacity-yellow-4: hsl(var(--opacity-yellow-4-hsl)/0.0392156862745098);
    --opacity-yellow-4-hsl: 36.894 calc(var(--saturation-factor, 1)*100%) 31.569%;
    --opacity-yellow-8: hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196);
    --opacity-yellow-8-hsl: 36.894 calc(var(--saturation-factor, 1)*100%) 31.569%;
    --opacity-yellow-12: hsl(var(--opacity-yellow-12-hsl)/0.12156862745098039);
    --opacity-yellow-12-hsl: 36.894 calc(var(--saturation-factor, 1)*100%) 31.569%;
    --opacity-yellow-16: hsl(var(--opacity-yellow-16-hsl)/0.1607843137254902);
    --opacity-yellow-16-hsl: 36.894 calc(var(--saturation-factor, 1)*100%) 31.569%;
    --opacity-yellow-20: hsl(var(--opacity-yellow-20-hsl)/0.2);
    --opacity-yellow-20-hsl: 36.894 calc(var(--saturation-factor, 1)*100%) 31.569%;
    --opacity-yellow-24: hsl(var(--opacity-yellow-24-hsl)/0.23921568627450981);
    --opacity-yellow-24-hsl: 36.894 calc(var(--saturation-factor, 1)*100%) 31.569%;
    --opacity-yellow-28: hsl(var(--opacity-yellow-28-hsl)/0.2784313725490196);
    --opacity-yellow-28-hsl: 36.894 calc(var(--saturation-factor, 1)*100%) 31.569%;
    --opacity-yellow-32: hsl(var(--opacity-yellow-32-hsl)/0.3215686274509804);
    --opacity-yellow-32-hsl: 36.894 calc(var(--saturation-factor, 1)*100%) 31.569%;
    --opacity-yellow-36: hsl(var(--opacity-yellow-36-hsl)/0.3607843137254902);
    --opacity-yellow-36-hsl: 36.894 calc(var(--saturation-factor, 1)*100%) 31.569%;
    --opacity-yellow-40: hsl(var(--opacity-yellow-40-hsl)/0.4);
    --opacity-yellow-40-hsl: 36.894 calc(var(--saturation-factor, 1)*100%) 31.569%;
    --opacity-yellow-44: hsl(var(--opacity-yellow-44-hsl)/0.4392156862745098);
    --opacity-yellow-44-hsl: 36.894 calc(var(--saturation-factor, 1)*100%) 31.569%;
    --opacity-yellow-48: hsl(var(--opacity-yellow-48-hsl)/0.47843137254901963);
    --opacity-yellow-48-hsl: 36.894 calc(var(--saturation-factor, 1)*100%) 31.569%;
    --opacity-yellow-52: hsl(var(--opacity-yellow-52-hsl)/0.5215686274509804);
    --opacity-yellow-52-hsl: 36.894 calc(var(--saturation-factor, 1)*100%) 31.569%;
    --opacity-yellow-56: hsl(var(--opacity-yellow-56-hsl)/0.5607843137254902);
    --opacity-yellow-56-hsl: 36.894 calc(var(--saturation-factor, 1)*100%) 31.569%;
    --opacity-yellow-60: hsl(var(--opacity-yellow-60-hsl)/0.6);
    --opacity-yellow-60-hsl: 36.894 calc(var(--saturation-factor, 1)*100%) 31.569%;
    --opacity-yellow-64: hsl(var(--opacity-yellow-64-hsl)/0.6392156862745098);
    --opacity-yellow-64-hsl: 36.894 calc(var(--saturation-factor, 1)*100%) 31.569%;
    --opacity-yellow-68: hsl(var(--opacity-yellow-68-hsl)/0.6784313725490196);
    --opacity-yellow-68-hsl: 36.894 calc(var(--saturation-factor, 1)*100%) 31.569%;
    --opacity-yellow-72: hsl(var(--opacity-yellow-72-hsl)/0.7215686274509804);
    --opacity-yellow-72-hsl: 36.894 calc(var(--saturation-factor, 1)*100%) 31.569%;
    --opacity-yellow-76: hsl(var(--opacity-yellow-76-hsl)/0.7607843137254902);
    --opacity-yellow-76-hsl: 36.894 calc(var(--saturation-factor, 1)*100%) 31.569%;
    --opacity-yellow-80: hsl(var(--opacity-yellow-80-hsl)/0.8);
    --opacity-yellow-80-hsl: 36.894 calc(var(--saturation-factor, 1)*100%) 31.569%;
    --opacity-yellow-84: hsl(var(--opacity-yellow-84-hsl)/0.8392156862745098);
    --opacity-yellow-84-hsl: 36.894 calc(var(--saturation-factor, 1)*100%) 31.569%;
    --opacity-yellow-88: hsl(var(--opacity-yellow-88-hsl)/0.8784313725490196);
    --opacity-yellow-88-hsl: 36.894 calc(var(--saturation-factor, 1)*100%) 31.569%;
    --opacity-yellow-92: hsl(var(--opacity-yellow-92-hsl)/0.9215686274509803);
    --opacity-yellow-92-hsl: 36.894 calc(var(--saturation-factor, 1)*100%) 31.569%;
    --opacity-yellow-96: hsl(var(--opacity-yellow-96-hsl)/0.9607843137254902);
    --opacity-yellow-96-hsl: 36.894 calc(var(--saturation-factor, 1)*100%) 31.569%;
    --opacity-orange-1: hsl(var(--opacity-orange-1-hsl)/0.011764705882352941);
    --opacity-orange-1-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
    --opacity-orange-4: hsl(var(--opacity-orange-4-hsl)/0.0392156862745098);
    --opacity-orange-4-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
    --opacity-orange-8: hsl(var(--opacity-orange-8-hsl)/0.0784313725490196);
    --opacity-orange-8-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
    --opacity-orange-12: hsl(var(--opacity-orange-12-hsl)/0.12156862745098039);
    --opacity-orange-12-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
    --opacity-orange-16: hsl(var(--opacity-orange-16-hsl)/0.1607843137254902);
    --opacity-orange-16-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
    --opacity-orange-20: hsl(var(--opacity-orange-20-hsl)/0.2);
    --opacity-orange-20-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
    --opacity-orange-24: hsl(var(--opacity-orange-24-hsl)/0.23921568627450981);
    --opacity-orange-24-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
    --opacity-orange-28: hsl(var(--opacity-orange-28-hsl)/0.2784313725490196);
    --opacity-orange-28-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
    --opacity-orange-32: hsl(var(--opacity-orange-32-hsl)/0.3215686274509804);
    --opacity-orange-32-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
    --opacity-orange-36: hsl(var(--opacity-orange-36-hsl)/0.3607843137254902);
    --opacity-orange-36-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
    --opacity-orange-40: hsl(var(--opacity-orange-40-hsl)/0.4);
    --opacity-orange-40-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
    --opacity-orange-44: hsl(var(--opacity-orange-44-hsl)/0.4392156862745098);
    --opacity-orange-44-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
    --opacity-orange-48: hsl(var(--opacity-orange-48-hsl)/0.47843137254901963);
    --opacity-orange-48-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
    --opacity-orange-52: hsl(var(--opacity-orange-52-hsl)/0.5215686274509804);
    --opacity-orange-52-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
    --opacity-orange-56: hsl(var(--opacity-orange-56-hsl)/0.5607843137254902);
    --opacity-orange-56-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
    --opacity-orange-60: hsl(var(--opacity-orange-60-hsl)/0.6);
    --opacity-orange-60-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
    --opacity-orange-64: hsl(var(--opacity-orange-64-hsl)/0.6392156862745098);
    --opacity-orange-64-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
    --opacity-orange-68: hsl(var(--opacity-orange-68-hsl)/0.6784313725490196);
    --opacity-orange-68-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
    --opacity-orange-72: hsl(var(--opacity-orange-72-hsl)/0.7215686274509804);
    --opacity-orange-72-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
    --opacity-orange-76: hsl(var(--opacity-orange-76-hsl)/0.7607843137254902);
    --opacity-orange-76-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
    --opacity-orange-80: hsl(var(--opacity-orange-80-hsl)/0.8);
    --opacity-orange-80-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
    --opacity-orange-84: hsl(var(--opacity-orange-84-hsl)/0.8392156862745098);
    --opacity-orange-84-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
    --opacity-orange-88: hsl(var(--opacity-orange-88-hsl)/0.8784313725490196);
    --opacity-orange-88-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
    --opacity-orange-92: hsl(var(--opacity-orange-92-hsl)/0.9215686274509803);
    --opacity-orange-92-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
    --opacity-orange-96: hsl(var(--opacity-orange-96-hsl)/0.9607843137254902);
    --opacity-orange-96-hsl: 25.079 calc(var(--saturation-factor, 1)*100%) 37.059%;
    --opacity-pink-1: hsl(var(--opacity-pink-1-hsl)/0.011764705882352941);
    --opacity-pink-1-hsl: 315.084 calc(var(--saturation-factor, 1)*100%) 64.902%;
    --opacity-pink-4: hsl(var(--opacity-pink-4-hsl)/0.0392156862745098);
    --opacity-pink-4-hsl: 315.084 calc(var(--saturation-factor, 1)*100%) 64.902%;
    --opacity-pink-8: hsl(var(--opacity-pink-8-hsl)/0.0784313725490196);
    --opacity-pink-8-hsl: 315.084 calc(var(--saturation-factor, 1)*100%) 64.902%;
    --opacity-pink-12: hsl(var(--opacity-pink-12-hsl)/0.12156862745098039);
    --opacity-pink-12-hsl: 315.084 calc(var(--saturation-factor, 1)*100%) 64.902%;
    --opacity-pink-16: hsl(var(--opacity-pink-16-hsl)/0.1607843137254902);
    --opacity-pink-16-hsl: 315.084 calc(var(--saturation-factor, 1)*100%) 64.902%;
    --opacity-pink-20: hsl(var(--opacity-pink-20-hsl)/0.2);
    --opacity-pink-20-hsl: 315.084 calc(var(--saturation-factor, 1)*100%) 64.902%;
    --opacity-pink-24: hsl(var(--opacity-pink-24-hsl)/0.23921568627450981);
    --opacity-pink-24-hsl: 315.084 calc(var(--saturation-factor, 1)*100%) 64.902%;
    --opacity-pink-28: hsl(var(--opacity-pink-28-hsl)/0.2784313725490196);
    --opacity-pink-28-hsl: 315.084 calc(var(--saturation-factor, 1)*100%) 64.902%;
    --opacity-pink-32: hsl(var(--opacity-pink-32-hsl)/0.3215686274509804);
    --opacity-pink-32-hsl: 315.084 calc(var(--saturation-factor, 1)*100%) 64.902%;
    --opacity-pink-36: hsl(var(--opacity-pink-36-hsl)/0.3607843137254902);
    --opacity-pink-36-hsl: 315.084 calc(var(--saturation-factor, 1)*100%) 64.902%;
    --opacity-pink-40: hsl(var(--opacity-pink-40-hsl)/0.4);
    --opacity-pink-40-hsl: 315.084 calc(var(--saturation-factor, 1)*100%) 64.902%;
    --opacity-pink-44: hsl(var(--opacity-pink-44-hsl)/0.4392156862745098);
    --opacity-pink-44-hsl: 315.084 calc(var(--saturation-factor, 1)*100%) 64.902%;
    --opacity-pink-48: hsl(var(--opacity-pink-48-hsl)/0.47843137254901963);
    --opacity-pink-48-hsl: 315.084 calc(var(--saturation-factor, 1)*100%) 64.902%;
    --opacity-pink-52: hsl(var(--opacity-pink-52-hsl)/0.5215686274509804);
    --opacity-pink-52-hsl: 315.084 calc(var(--saturation-factor, 1)*100%) 64.902%;
    --opacity-pink-56: hsl(var(--opacity-pink-56-hsl)/0.5607843137254902);
    --opacity-pink-56-hsl: 315.084 calc(var(--saturation-factor, 1)*100%) 64.902%;
    --opacity-pink-60: hsl(var(--opacity-pink-60-hsl)/0.6);
    --opacity-pink-60-hsl: 315.084 calc(var(--saturation-factor, 1)*100%) 64.902%;
    --opacity-pink-64: hsl(var(--opacity-pink-64-hsl)/0.6392156862745098);
    --opacity-pink-64-hsl: 315.084 calc(var(--saturation-factor, 1)*100%) 64.902%;
    --opacity-pink-68: hsl(var(--opacity-pink-68-hsl)/0.6784313725490196);
    --opacity-pink-68-hsl: 315.084 calc(var(--saturation-factor, 1)*100%) 64.902%;
    --opacity-pink-72: hsl(var(--opacity-pink-72-hsl)/0.7215686274509804);
    --opacity-pink-72-hsl: 315.084 calc(var(--saturation-factor, 1)*100%) 64.902%;
    --opacity-pink-76: hsl(var(--opacity-pink-76-hsl)/0.7607843137254902);
    --opacity-pink-76-hsl: 315.084 calc(var(--saturation-factor, 1)*100%) 64.902%;
    --opacity-pink-80: hsl(var(--opacity-pink-80-hsl)/0.8);
    --opacity-pink-80-hsl: 315.084 calc(var(--saturation-factor, 1)*100%) 64.902%;
    --opacity-pink-84: hsl(var(--opacity-pink-84-hsl)/0.8392156862745098);
    --opacity-pink-84-hsl: 315.084 calc(var(--saturation-factor, 1)*100%) 64.902%;
    --opacity-pink-88: hsl(var(--opacity-pink-88-hsl)/0.8784313725490196);
    --opacity-pink-88-hsl: 315.084 calc(var(--saturation-factor, 1)*100%) 64.902%;
    --opacity-pink-92: hsl(var(--opacity-pink-92-hsl)/0.9215686274509803);
    --opacity-pink-92-hsl: 315.084 calc(var(--saturation-factor, 1)*100%) 64.902%;
    --opacity-pink-96: hsl(var(--opacity-pink-96-hsl)/0.9607843137254902);
    --opacity-pink-96-hsl: 315.084 calc(var(--saturation-factor, 1)*100%) 64.902%;
    --opacity-white-1: hsl(var(--opacity-white-1-hsl)/0.011764705882352941);
    --opacity-white-1-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --opacity-white-4: hsl(var(--opacity-white-4-hsl)/0.0392156862745098);
    --opacity-white-4-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --opacity-white-8: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --opacity-white-8-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --opacity-white-12: hsl(var(--opacity-white-12-hsl)/0.12156862745098039);
    --opacity-white-12-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --opacity-white-16: hsl(var(--opacity-white-16-hsl)/0.1607843137254902);
    --opacity-white-16-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --opacity-white-20: hsl(var(--opacity-white-20-hsl)/0.2);
    --opacity-white-20-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --opacity-white-24: hsl(var(--opacity-white-24-hsl)/0.23921568627450981);
    --opacity-white-24-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --opacity-white-28: hsl(var(--opacity-white-28-hsl)/0.2784313725490196);
    --opacity-white-28-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --opacity-white-32: hsl(var(--opacity-white-32-hsl)/0.3215686274509804);
    --opacity-white-32-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --opacity-white-36: hsl(var(--opacity-white-36-hsl)/0.3607843137254902);
    --opacity-white-36-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --opacity-white-40: hsl(var(--opacity-white-40-hsl)/0.4);
    --opacity-white-40-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --opacity-white-44: hsl(var(--opacity-white-44-hsl)/0.4392156862745098);
    --opacity-white-44-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --opacity-white-48: hsl(var(--opacity-white-48-hsl)/0.47843137254901963);
    --opacity-white-48-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --opacity-white-52: hsl(var(--opacity-white-52-hsl)/0.5215686274509804);
    --opacity-white-52-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --opacity-white-56: hsl(var(--opacity-white-56-hsl)/0.5607843137254902);
    --opacity-white-56-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --opacity-white-60: hsl(var(--opacity-white-60-hsl)/0.6);
    --opacity-white-60-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --opacity-white-64: hsl(var(--opacity-white-64-hsl)/0.6392156862745098);
    --opacity-white-64-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --opacity-white-68: hsl(var(--opacity-white-68-hsl)/0.6784313725490196);
    --opacity-white-68-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --opacity-white-72: hsl(var(--opacity-white-72-hsl)/0.7215686274509804);
    --opacity-white-72-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --opacity-white-76: hsl(var(--opacity-white-76-hsl)/0.7607843137254902);
    --opacity-white-76-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --opacity-white-80: hsl(var(--opacity-white-80-hsl)/0.8);
    --opacity-white-80-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --opacity-white-84: hsl(var(--opacity-white-84-hsl)/0.8392156862745098);
    --opacity-white-84-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --opacity-white-88: hsl(var(--opacity-white-88-hsl)/0.8784313725490196);
    --opacity-white-88-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --opacity-white-92: hsl(var(--opacity-white-92-hsl)/0.9215686274509803);
    --opacity-white-92-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --opacity-white-96: hsl(var(--opacity-white-96-hsl)/0.9607843137254902);
    --opacity-white-96-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --opacity-black-1: hsl(var(--opacity-black-1-hsl)/0.011764705882352941);
    --opacity-black-1-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --opacity-black-4: hsl(var(--opacity-black-4-hsl)/0.0392156862745098);
    --opacity-black-4-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --opacity-black-8: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
    --opacity-black-8-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --opacity-black-12: hsl(var(--opacity-black-12-hsl)/0.12156862745098039);
    --opacity-black-12-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --opacity-black-16: hsl(var(--opacity-black-16-hsl)/0.1607843137254902);
    --opacity-black-16-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --opacity-black-20: hsl(var(--opacity-black-20-hsl)/0.2);
    --opacity-black-20-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --opacity-black-24: hsl(var(--opacity-black-24-hsl)/0.23921568627450981);
    --opacity-black-24-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --opacity-black-28: hsl(var(--opacity-black-28-hsl)/0.2784313725490196);
    --opacity-black-28-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --opacity-black-32: hsl(var(--opacity-black-32-hsl)/0.3215686274509804);
    --opacity-black-32-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --opacity-black-36: hsl(var(--opacity-black-36-hsl)/0.3607843137254902);
    --opacity-black-36-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --opacity-black-40: hsl(var(--opacity-black-40-hsl)/0.4);
    --opacity-black-40-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --opacity-black-44: hsl(var(--opacity-black-44-hsl)/0.4392156862745098);
    --opacity-black-44-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --opacity-black-48: hsl(var(--opacity-black-48-hsl)/0.47843137254901963);
    --opacity-black-48-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --opacity-black-52: hsl(var(--opacity-black-52-hsl)/0.5215686274509804);
    --opacity-black-52-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --opacity-black-56: hsl(var(--opacity-black-56-hsl)/0.5607843137254902);
    --opacity-black-56-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --opacity-black-60: hsl(var(--opacity-black-60-hsl)/0.6);
    --opacity-black-60-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --opacity-black-64: hsl(var(--opacity-black-64-hsl)/0.6392156862745098);
    --opacity-black-64-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --opacity-black-68: hsl(var(--opacity-black-68-hsl)/0.6784313725490196);
    --opacity-black-68-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --opacity-black-72: hsl(var(--opacity-black-72-hsl)/0.7215686274509804);
    --opacity-black-72-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --opacity-black-76: hsl(var(--opacity-black-76-hsl)/0.7607843137254902);
    --opacity-black-76-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --opacity-black-80: hsl(var(--opacity-black-80-hsl)/0.8);
    --opacity-black-80-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --opacity-black-84: hsl(var(--opacity-black-84-hsl)/0.8392156862745098);
    --opacity-black-84-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --opacity-black-88: hsl(var(--opacity-black-88-hsl)/0.8784313725490196);
    --opacity-black-88-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --opacity-black-92: hsl(var(--opacity-black-92-hsl)/0.9215686274509803);
    --opacity-black-92-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --opacity-black-96: hsl(var(--opacity-black-96-hsl)/0.9607843137254902);
    --opacity-black-96-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --red-100: hsl(var(--red-100-hsl)/1);
    --red-100-hsl: 350 calc(var(--saturation-factor, 1)*75%) 98.431%;
    --red-130: hsl(var(--red-130-hsl)/1);
    --red-130-hsl: 0 calc(var(--saturation-factor, 1)*83.333%) 97.647%;
    --red-160: hsl(var(--red-160-hsl)/1);
    --red-160-hsl: 0 calc(var(--saturation-factor, 1)*90.909%) 95.686%;
    --red-200: hsl(var(--red-200-hsl)/1);
    --red-200-hsl: 358.125 calc(var(--saturation-factor, 1)*88.889%) 92.941%;
    --red-230: hsl(var(--red-230-hsl)/1);
    --red-230-hsl: 358.696 calc(var(--saturation-factor, 1)*85.185%) 89.412%;
    --red-260: hsl(var(--red-260-hsl)/1);
    --red-260-hsl: 359.077 calc(var(--saturation-factor, 1)*89.041%) 85.686%;
    --red-300: hsl(var(--red-300-hsl)/1);
    --red-300-hsl: 358.588 calc(var(--saturation-factor, 1)*91.398%) 81.765%;
    --red-330: hsl(var(--red-330-hsl)/1);
    --red-330-hsl: 358.857 calc(var(--saturation-factor, 1)*91.304%) 77.451%;
    --red-345: hsl(var(--red-345-hsl)/1);
    --red-345-hsl: 358.168 calc(var(--saturation-factor, 1)*92.908%) 72.353%;
    --red-360: hsl(var(--red-360-hsl)/1);
    --red-360-hsl: 358.471 calc(var(--saturation-factor, 1)*91.813%) 66.471%;
    --red-400: hsl(var(--red-400-hsl)/1);
    --red-400-hsl: 358.659 calc(var(--saturation-factor, 1)*87.317%) 59.804%;
    --red-430: hsl(var(--red-430-hsl)/1);
    --red-430-hsl: 358.16 calc(var(--saturation-factor, 1)*68.776%) 53.529%;
    --red-460: hsl(var(--red-460-hsl)/1);
    --red-460-hsl: 358.705 calc(var(--saturation-factor, 1)*59.149%) 46.078%;
    --red-500: hsl(var(--red-500-hsl)/1);
    --red-500-hsl: 359.504 calc(var(--saturation-factor, 1)*60.199%) 39.412%;
    --red-530: hsl(var(--red-530-hsl)/1);
    --red-530-hsl: 358.919 calc(var(--saturation-factor, 1)*63.429%) 34.314%;
    --red-560: hsl(var(--red-560-hsl)/1);
    --red-560-hsl: 358.788 calc(var(--saturation-factor, 1)*63.871%) 30.392%;
    --red-600: hsl(var(--red-600-hsl)/1);
    --red-600-hsl: 358.636 calc(var(--saturation-factor, 1)*64.706%) 26.667%;
    --red-630: hsl(var(--red-630-hsl)/1);
    --red-630-hsl: 358.5 calc(var(--saturation-factor, 1)*65.574%) 23.922%;
    --red-660: hsl(var(--red-660-hsl)/1);
    --red-660-hsl: 359.155 calc(var(--saturation-factor, 1)*65.138%) 21.373%;
    --red-700: hsl(var(--red-700-hsl)/1);
    --red-700-hsl: 358.125 calc(var(--saturation-factor, 1)*66.667%) 18.824%;
    --red-730: hsl(var(--red-730-hsl)/1);
    --red-730-hsl: 358.929 calc(var(--saturation-factor, 1)*66.667%) 16.471%;
    --red-760: hsl(var(--red-760-hsl)/1);
    --red-760-hsl: 358.846 calc(var(--saturation-factor, 1)*70.27%) 14.51%;
    --red-800: hsl(var(--red-800-hsl)/1);
    --red-800-hsl: 358.636 calc(var(--saturation-factor, 1)*68.75%) 12.549%;
    --red-830: hsl(var(--red-830-hsl)/1);
    --red-830-hsl: 358.378 calc(var(--saturation-factor, 1)*67.273%) 10.784%;
    --red-860: hsl(var(--red-860-hsl)/1);
    --red-860-hsl: 0 calc(var(--saturation-factor, 1)*66.667%) 9.412%;
    --red-900: hsl(var(--red-900-hsl)/1);
    --red-900-hsl: 0 calc(var(--saturation-factor, 1)*70%) 7.843%;
    --orange-100: hsl(var(--orange-100-hsl)/1);
    --orange-100-hsl: 18 calc(var(--saturation-factor, 1)*100%) 98.039%;
    --orange-130: hsl(var(--orange-130-hsl)/1);
    --orange-130-hsl: 23.333 calc(var(--saturation-factor, 1)*100%) 96.471%;
    --orange-160: hsl(var(--orange-160-hsl)/1);
    --orange-160-hsl: 21.29 calc(var(--saturation-factor, 1)*93.939%) 93.529%;
    --orange-200: hsl(var(--orange-200-hsl)/1);
    --orange-200-hsl: 21.25 calc(var(--saturation-factor, 1)*92.308%) 89.804%;
    --orange-230: hsl(var(--orange-230-hsl)/1);
    --orange-230-hsl: 23.514 calc(var(--saturation-factor, 1)*92.5%) 84.314%;
    --orange-260: hsl(var(--orange-260-hsl)/1);
    --orange-260-hsl: 23.301 calc(var(--saturation-factor, 1)*94.495%) 78.627%;
    --orange-300: hsl(var(--orange-300-hsl)/1);
    --orange-300-hsl: 25.468 calc(var(--saturation-factor, 1)*94.558%) 71.176%;
    --orange-330: hsl(var(--orange-330-hsl)/1);
    --orange-330-hsl: 27 calc(var(--saturation-factor, 1)*94.737%) 62.745%;
    --orange-345: hsl(var(--orange-345-hsl)/1);
    --orange-345-hsl: 28.342 calc(var(--saturation-factor, 1)*87.665%) 55.49%;
    --orange-360: hsl(var(--orange-360-hsl)/1);
    --orange-360-hsl: 26.145 calc(var(--saturation-factor, 1)*71.315%) 50.784%;
    --orange-400: hsl(var(--orange-400-hsl)/1);
    --orange-400-hsl: 25.443 calc(var(--saturation-factor, 1)*67.521%) 45.882%;
    --orange-430: hsl(var(--orange-430-hsl)/1);
    --orange-430-hsl: 24.681 calc(var(--saturation-factor, 1)*69.458%) 39.804%;
    --orange-460: hsl(var(--orange-460-hsl)/1);
    --orange-460-hsl: 23.538 calc(var(--saturation-factor, 1)*72.222%) 35.294%;
    --orange-500: hsl(var(--orange-500-hsl)/1);
    --orange-500-hsl: 22.314 calc(var(--saturation-factor, 1)*76.101%) 31.176%;
    --orange-530: hsl(var(--orange-530-hsl)/1);
    --orange-530-hsl: 21.869 calc(var(--saturation-factor, 1)*76.978%) 27.255%;
    --orange-560: hsl(var(--orange-560-hsl)/1);
    --orange-560-hsl: 21.474 calc(var(--saturation-factor, 1)*77.236%) 24.118%;
    --orange-600: hsl(var(--orange-600-hsl)/1);
    --orange-600-hsl: 22.857 calc(var(--saturation-factor, 1)*79.245%) 20.784%;
    --orange-630: hsl(var(--orange-630-hsl)/1);
    --orange-630-hsl: 22.105 calc(var(--saturation-factor, 1)*79.167%) 18.824%;
    --orange-660: hsl(var(--orange-660-hsl)/1);
    --orange-660-hsl: 22.388 calc(var(--saturation-factor, 1)*78.824%) 16.667%;
    --orange-700: hsl(var(--orange-700-hsl)/1);
    --orange-700-hsl: 21.724 calc(var(--saturation-factor, 1)*76.316%) 14.902%;
    --orange-730: hsl(var(--orange-730-hsl)/1);
    --orange-730-hsl: 21.923 calc(var(--saturation-factor, 1)*78.788%) 12.941%;
    --orange-760: hsl(var(--orange-760-hsl)/1);
    --orange-760-hsl: 21.333 calc(var(--saturation-factor, 1)*78.947%) 11.176%;
    --orange-800: hsl(var(--orange-800-hsl)/1);
    --orange-800-hsl: 21 calc(var(--saturation-factor, 1)*80%) 9.804%;
    --orange-830: hsl(var(--orange-830-hsl)/1);
    --orange-830-hsl: 20 calc(var(--saturation-factor, 1)*76.744%) 8.431%;
    --orange-860: hsl(var(--orange-860-hsl)/1);
    --orange-860-hsl: 20 calc(var(--saturation-factor, 1)*72.973%) 7.255%;
    --orange-900: hsl(var(--orange-900-hsl)/1);
    --orange-900-hsl: 25.714 calc(var(--saturation-factor, 1)*72.414%) 5.686%;
    --yellow-100: hsl(var(--yellow-100-hsl)/1);
    --yellow-100-hsl: 33.75 calc(var(--saturation-factor, 1)*100%) 96.863%;
    --yellow-130: hsl(var(--yellow-130-hsl)/1);
    --yellow-130-hsl: 31.304 calc(var(--saturation-factor, 1)*100%) 95.49%;
    --yellow-160: hsl(var(--yellow-160-hsl)/1);
    --yellow-160-hsl: 32.727 calc(var(--saturation-factor, 1)*100%) 91.373%;
    --yellow-200: hsl(var(--yellow-200-hsl)/1);
    --yellow-200-hsl: 35 calc(var(--saturation-factor, 1)*97.297%) 85.49%;
    --yellow-230: hsl(var(--yellow-230-hsl)/1);
    --yellow-230-hsl: 36.637 calc(var(--saturation-factor, 1)*96.581%) 77.059%;
    --yellow-260: hsl(var(--yellow-260-hsl)/1);
    --yellow-260-hsl: 40.656 calc(var(--saturation-factor, 1)*96.825%) 62.941%;
    --yellow-300: hsl(var(--yellow-300-hsl)/1);
    --yellow-300-hsl: 40.421 calc(var(--saturation-factor, 1)*86.364%) 56.863%;
    --yellow-330: hsl(var(--yellow-330-hsl)/1);
    --yellow-330-hsl: 40 calc(var(--saturation-factor, 1)*75.309%) 52.353%;
    --yellow-345: hsl(var(--yellow-345-hsl)/1);
    --yellow-345-hsl: 39.545 calc(var(--saturation-factor, 1)*70.968%) 48.627%;
    --yellow-360: hsl(var(--yellow-360-hsl)/1);
    --yellow-360-hsl: 39.018 calc(var(--saturation-factor, 1)*74.429%) 42.941%;
    --yellow-400: hsl(var(--yellow-400-hsl)/1);
    --yellow-400-hsl: 37.792 calc(var(--saturation-factor, 1)*78.571%) 38.431%;
    --yellow-430: hsl(var(--yellow-430-hsl)/1);
    --yellow-430-hsl: 37.447 calc(var(--saturation-factor, 1)*84.431%) 32.745%;
    --yellow-460: hsl(var(--yellow-460-hsl)/1);
    --yellow-460-hsl: 36.279 calc(var(--saturation-factor, 1)*87.755%) 28.824%;
    --yellow-500: hsl(var(--yellow-500-hsl)/1);
    --yellow-500-hsl: 35.5 calc(var(--saturation-factor, 1)*93.75%) 25.098%;
    --yellow-530: hsl(var(--yellow-530-hsl)/1);
    --yellow-530-hsl: 34.857 calc(var(--saturation-factor, 1)*92.92%) 22.157%;
    --yellow-560: hsl(var(--yellow-560-hsl)/1);
    --yellow-560-hsl: 33.83 calc(var(--saturation-factor, 1)*94%) 19.608%;
    --yellow-600: hsl(var(--yellow-600-hsl)/1);
    --yellow-600-hsl: 34.815 calc(var(--saturation-factor, 1)*93.103%) 17.059%;
    --yellow-630: hsl(var(--yellow-630-hsl)/1);
    --yellow-630-hsl: 34.521 calc(var(--saturation-factor, 1)*92.405%) 15.49%;
    --yellow-660: hsl(var(--yellow-660-hsl)/1);
    --yellow-660-hsl: 34.688 calc(var(--saturation-factor, 1)*91.429%) 13.725%;
    --yellow-700: hsl(var(--yellow-700-hsl)/1);
    --yellow-700-hsl: 34.286 calc(var(--saturation-factor, 1)*90.323%) 12.157%;
    --yellow-730: hsl(var(--yellow-730-hsl)/1);
    --yellow-730-hsl: 32.941 calc(var(--saturation-factor, 1)*92.727%) 10.784%;
    --yellow-760: hsl(var(--yellow-760-hsl)/1);
    --yellow-760-hsl: 32.727 calc(var(--saturation-factor, 1)*91.667%) 9.412%;
    --yellow-800: hsl(var(--yellow-800-hsl)/1);
    --yellow-800-hsl: 32.432 calc(var(--saturation-factor, 1)*90.244%) 8.039%;
    --yellow-830: hsl(var(--yellow-830-hsl)/1);
    --yellow-830-hsl: 31.875 calc(var(--saturation-factor, 1)*88.889%) 7.059%;
    --yellow-860: hsl(var(--yellow-860-hsl)/1);
    --yellow-860-hsl: 32.308 calc(var(--saturation-factor, 1)*86.667%) 5.882%;
    --yellow-900: hsl(var(--yellow-900-hsl)/1);
    --yellow-900-hsl: 36 calc(var(--saturation-factor, 1)*83.333%) 4.706%;
    --green-100: hsl(var(--green-100-hsl)/1);
    --green-100-hsl: 136.667 calc(var(--saturation-factor, 1)*90%) 96.078%;
    --green-130: hsl(var(--green-130-hsl)/1);
    --green-130-hsl: 136.875 calc(var(--saturation-factor, 1)*94.118%) 93.333%;
    --green-160: hsl(var(--green-160-hsl)/1);
    --green-160-hsl: 140.952 calc(var(--saturation-factor, 1)*91.304%) 86.471%;
    --green-200: hsl(var(--green-200-hsl)/1);
    --green-200-hsl: 143.478 calc(var(--saturation-factor, 1)*93.496%) 75.882%;
    --green-230: hsl(var(--green-230-hsl)/1);
    --green-230-hsl: 146.323 calc(var(--saturation-factor, 1)*86.592%) 64.902%;
    --green-260: hsl(var(--green-260-hsl)/1);
    --green-260-hsl: 145.605 calc(var(--saturation-factor, 1)*75.12%) 59.02%;
    --green-300: hsl(var(--green-300-hsl)/1);
    --green-300-hsl: 146.323 calc(var(--saturation-factor, 1)*65.401%) 53.529%;
    --green-330: hsl(var(--green-330-hsl)/1);
    --green-330-hsl: 146.494 calc(var(--saturation-factor, 1)*63.115%) 47.843%;
    --green-345: hsl(var(--green-345-hsl)/1);
    --green-345-hsl: 146.939 calc(var(--saturation-factor, 1)*65.919%) 43.725%;
    --green-360: hsl(var(--green-360-hsl)/1);
    --green-360-hsl: 145.385 calc(var(--saturation-factor, 1)*65%) 39.216%;
    --green-400: hsl(var(--green-400-hsl)/1);
    --green-400-hsl: 142.703 calc(var(--saturation-factor, 1)*60.656%) 35.882%;
    --green-430: hsl(var(--green-430-hsl)/1);
    --green-430-hsl: 141.522 calc(var(--saturation-factor, 1)*56.098%) 32.157%;
    --green-460: hsl(var(--green-460-hsl)/1);
    --green-460-hsl: 141.481 calc(var(--saturation-factor, 1)*56.643%) 28.039%;
    --green-500: hsl(var(--green-500-hsl)/1);
    --green-500-hsl: 141.37 calc(var(--saturation-factor, 1)*58.4%) 24.51%;
    --green-530: hsl(var(--green-530-hsl)/1);
    --green-530-hsl: 140.308 calc(var(--saturation-factor, 1)*60.748%) 20.98%;
    --green-560: hsl(var(--green-560-hsl)/1);
    --green-560-hsl: 138.621 calc(var(--saturation-factor, 1)*61.702%) 18.431%;
    --green-600: hsl(var(--green-600-hsl)/1);
    --green-600-hsl: 139.245 calc(var(--saturation-factor, 1)*65.432%) 15.882%;
    --green-630: hsl(var(--green-630-hsl)/1);
    --green-630-hsl: 140 calc(var(--saturation-factor, 1)*66.667%) 14.118%;
    --green-660: hsl(var(--green-660-hsl)/1);
    --green-660-hsl: 139.091 calc(var(--saturation-factor, 1)*68.75%) 12.549%;
    --green-700: hsl(var(--green-700-hsl)/1);
    --green-700-hsl: 141 calc(var(--saturation-factor, 1)*74.074%) 10.588%;
    --green-730: hsl(var(--green-730-hsl)/1);
    --green-730-hsl: 138.333 calc(var(--saturation-factor, 1)*78.261%) 9.02%;
    --green-760: hsl(var(--green-760-hsl)/1);
    --green-760-hsl: 140 calc(var(--saturation-factor, 1)*84.615%) 7.647%;
    --green-800: hsl(var(--green-800-hsl)/1);
    --green-800-hsl: 139.286 calc(var(--saturation-factor, 1)*82.353%) 6.667%;
    --green-830: hsl(var(--green-830-hsl)/1);
    --green-830-hsl: 137.5 calc(var(--saturation-factor, 1)*80%) 5.882%;
    --green-860: hsl(var(--green-860-hsl)/1);
    --green-860-hsl: 132.632 calc(var(--saturation-factor, 1)*70.37%) 5.294%;
    --green-900: hsl(var(--green-900-hsl)/1);
    --green-900-hsl: 128.571 calc(var(--saturation-factor, 1)*58.333%) 4.706%;
    --blue-100: hsl(var(--blue-100-hsl)/1);
    --blue-100-hsl: 210 calc(var(--saturation-factor, 1)*80%) 98.039%;
    --blue-130: hsl(var(--blue-130-hsl)/1);
    --blue-130-hsl: 210 calc(var(--saturation-factor, 1)*87.5%) 96.863%;
    --blue-160: hsl(var(--blue-160-hsl)/1);
    --blue-160-hsl: 208.889 calc(var(--saturation-factor, 1)*87.097%) 93.922%;
    --blue-200: hsl(var(--blue-200-hsl)/1);
    --blue-200-hsl: 206.25 calc(var(--saturation-factor, 1)*92.308%) 89.804%;
    --blue-230: hsl(var(--blue-230-hsl)/1);
    --blue-230-hsl: 205.135 calc(var(--saturation-factor, 1)*92.5%) 84.314%;
    --blue-260: hsl(var(--blue-260-hsl)/1);
    --blue-260-hsl: 204.231 calc(var(--saturation-factor, 1)*94.545%) 78.431%;
    --blue-300: hsl(var(--blue-300-hsl)/1);
    --blue-300-hsl: 202.649 calc(var(--saturation-factor, 1)*97.419%) 69.608%;
    --blue-330: hsl(var(--blue-330-hsl)/1);
    --blue-330-hsl: 200.957 calc(var(--saturation-factor, 1)*100%) 59.02%;
    --blue-345: hsl(var(--blue-345-hsl)/1);
    --blue-345-hsl: 199.524 calc(var(--saturation-factor, 1)*100%) 49.412%;
    --blue-360: hsl(var(--blue-360-hsl)/1);
    --blue-360-hsl: 202.562 calc(var(--saturation-factor, 1)*100%) 47.451%;
    --blue-400: hsl(var(--blue-400-hsl)/1);
    --blue-400-hsl: 206.809 calc(var(--saturation-factor, 1)*100%) 46.078%;
    --blue-430: hsl(var(--blue-430-hsl)/1);
    --blue-430-hsl: 212.208 calc(var(--saturation-factor, 1)*100%) 45.294%;
    --blue-460: hsl(var(--blue-460-hsl)/1);
    --blue-460-hsl: 213.589 calc(var(--saturation-factor, 1)*100%) 40.98%;
    --blue-500: hsl(var(--blue-500-hsl)/1);
    --blue-500-hsl: 213.297 calc(var(--saturation-factor, 1)*100%) 35.686%;
    --blue-530: hsl(var(--blue-530-hsl)/1);
    --blue-530-hsl: 212.129 calc(var(--saturation-factor, 1)*100%) 30.392%;
    --blue-560: hsl(var(--blue-560-hsl)/1);
    --blue-560-hsl: 211.765 calc(var(--saturation-factor, 1)*100%) 26.667%;
    --blue-600: hsl(var(--blue-600-hsl)/1);
    --blue-600-hsl: 211.017 calc(var(--saturation-factor, 1)*100%) 23.137%;
    --blue-630: hsl(var(--blue-630-hsl)/1);
    --blue-630-hsl: 211.132 calc(var(--saturation-factor, 1)*100%) 20.784%;
    --blue-660: hsl(var(--blue-660-hsl)/1);
    --blue-660-hsl: 211.579 calc(var(--saturation-factor, 1)*100%) 18.627%;
    --blue-700: hsl(var(--blue-700-hsl)/1);
    --blue-700-hsl: 211.765 calc(var(--saturation-factor, 1)*100%) 16.667%;
    --blue-730: hsl(var(--blue-730-hsl)/1);
    --blue-730-hsl: 210.833 calc(var(--saturation-factor, 1)*100%) 14.118%;
    --blue-760: hsl(var(--blue-760-hsl)/1);
    --blue-760-hsl: 211.429 calc(var(--saturation-factor, 1)*100%) 12.353%;
    --blue-800: hsl(var(--blue-800-hsl)/1);
    --blue-800-hsl: 211.111 calc(var(--saturation-factor, 1)*100%) 10.588%;
    --blue-830: hsl(var(--blue-830-hsl)/1);
    --blue-830-hsl: 212.5 calc(var(--saturation-factor, 1)*100%) 9.412%;
    --blue-860: hsl(var(--blue-860-hsl)/1);
    --blue-860-hsl: 213.488 calc(var(--saturation-factor, 1)*100%) 8.431%;
    --blue-900: hsl(var(--blue-900-hsl)/1);
    --blue-900-hsl: 213.333 calc(var(--saturation-factor, 1)*100%) 7.059%;
    --teal-100: hsl(var(--teal-100-hsl)/1);
    --teal-100-hsl: 193.333 calc(var(--saturation-factor, 1)*69.231%) 97.451%;
    --teal-130: hsl(var(--teal-130-hsl)/1);
    --teal-130-hsl: 192 calc(var(--saturation-factor, 1)*83.333%) 95.294%;
    --teal-160: hsl(var(--teal-160-hsl)/1);
    --teal-160-hsl: 190.5 calc(var(--saturation-factor, 1)*83.333%) 90.588%;
    --teal-200: hsl(var(--teal-200-hsl)/1);
    --teal-200-hsl: 188.333 calc(var(--saturation-factor, 1)*85.714%) 83.529%;
    --teal-230: hsl(var(--teal-230-hsl)/1);
    --teal-230-hsl: 187.934 calc(var(--saturation-factor, 1)*88.321%) 73.137%;
    --teal-260: hsl(var(--teal-260-hsl)/1);
    --teal-260-hsl: 188.276 calc(var(--saturation-factor, 1)*81.921%) 65.294%;
    --teal-300: hsl(var(--teal-300-hsl)/1);
    --teal-300-hsl: 188.903 calc(var(--saturation-factor, 1)*72.77%) 58.235%;
    --teal-330: hsl(var(--teal-330-hsl)/1);
    --teal-330-hsl: 189.375 calc(var(--saturation-factor, 1)*65.574%) 52.157%;
    --teal-345: hsl(var(--teal-345-hsl)/1);
    --teal-345-hsl: 189.677 calc(var(--saturation-factor, 1)*62.753%) 48.431%;
    --teal-360: hsl(var(--teal-360-hsl)/1);
    --teal-360-hsl: 189.718 calc(var(--saturation-factor, 1)*63.964%) 43.529%;
    --teal-400: hsl(var(--teal-400-hsl)/1);
    --teal-400-hsl: 189.6 calc(var(--saturation-factor, 1)*63.452%) 38.627%;
    --teal-430: hsl(var(--teal-430-hsl)/1);
    --teal-430-hsl: 190.459 calc(var(--saturation-factor, 1)*63.006%) 33.922%;
    --teal-460: hsl(var(--teal-460-hsl)/1);
    --teal-460-hsl: 190.515 calc(var(--saturation-factor, 1)*64.238%) 29.608%;
    --teal-500: hsl(var(--teal-500-hsl)/1);
    --teal-500-hsl: 190.465 calc(var(--saturation-factor, 1)*65.152%) 25.882%;
    --teal-530: hsl(var(--teal-530-hsl)/1);
    --teal-530-hsl: 190.263 calc(var(--saturation-factor, 1)*66.667%) 22.353%;
    --teal-560: hsl(var(--teal-560-hsl)/1);
    --teal-560-hsl: 189.565 calc(var(--saturation-factor, 1)*69.697%) 19.412%;
    --teal-600: hsl(var(--teal-600-hsl)/1);
    --teal-600-hsl: 188.852 calc(var(--saturation-factor, 1)*71.765%) 16.667%;
    --teal-630: hsl(var(--teal-630-hsl)/1);
    --teal-630-hsl: 189.643 calc(var(--saturation-factor, 1)*73.684%) 14.902%;
    --teal-660: hsl(var(--teal-660-hsl)/1);
    --teal-660-hsl: 188.4 calc(var(--saturation-factor, 1)*75.758%) 12.941%;
    --teal-700: hsl(var(--teal-700-hsl)/1);
    --teal-700-hsl: 189.13 calc(var(--saturation-factor, 1)*79.31%) 11.373%;
    --teal-730: hsl(var(--teal-730-hsl)/1);
    --teal-730-hsl: 189 calc(var(--saturation-factor, 1)*80%) 9.804%;
    --teal-760: hsl(var(--teal-760-hsl)/1);
    --teal-760-hsl: 188.571 calc(var(--saturation-factor, 1)*81.395%) 8.431%;
    --teal-800: hsl(var(--teal-800-hsl)/1);
    --teal-800-hsl: 188 calc(var(--saturation-factor, 1)*83.333%) 7.059%;
    --teal-830: hsl(var(--teal-830-hsl)/1);
    --teal-830-hsl: 188.889 calc(var(--saturation-factor, 1)*87.097%) 6.078%;
    --teal-860: hsl(var(--teal-860-hsl)/1);
    --teal-860-hsl: 187.826 calc(var(--saturation-factor, 1)*85.185%) 5.294%;
    --teal-900: hsl(var(--teal-900-hsl)/1);
    --teal-900-hsl: 189 calc(var(--saturation-factor, 1)*90.909%) 4.314%;
    --white: hsl(var(--white-hsl)/1);
    --white-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-100: hsl(var(--white-100-hsl)/1);
    --white-100-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-130: hsl(var(--white-130-hsl)/1);
    --white-130-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-160: hsl(var(--white-160-hsl)/1);
    --white-160-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-200: hsl(var(--white-200-hsl)/1);
    --white-200-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-230: hsl(var(--white-230-hsl)/1);
    --white-230-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-260: hsl(var(--white-260-hsl)/1);
    --white-260-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-300: hsl(var(--white-300-hsl)/1);
    --white-300-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-330: hsl(var(--white-330-hsl)/1);
    --white-330-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-345: hsl(var(--white-345-hsl)/1);
    --white-345-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-360: hsl(var(--white-360-hsl)/1);
    --white-360-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-400: hsl(var(--white-400-hsl)/1);
    --white-400-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-430: hsl(var(--white-430-hsl)/1);
    --white-430-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-460: hsl(var(--white-460-hsl)/1);
    --white-460-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-500: hsl(var(--white-500-hsl)/1);
    --white-500-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-530: hsl(var(--white-530-hsl)/1);
    --white-530-hsl: 0 calc(var(--saturation-factor, 1)*0%) 90.98%;
    --white-560: hsl(var(--white-560-hsl)/1);
    --white-560-hsl: 0 calc(var(--saturation-factor, 1)*0%) 81.176%;
    --white-600: hsl(var(--white-600-hsl)/1);
    --white-600-hsl: 0 calc(var(--saturation-factor, 1)*0%) 67.843%;
    --white-630: hsl(var(--white-630-hsl)/1);
    --white-630-hsl: 0 calc(var(--saturation-factor, 1)*0%) 58.824%;
    --white-660: hsl(var(--white-660-hsl)/1);
    --white-660-hsl: 0 calc(var(--saturation-factor, 1)*0%) 51.373%;
    --white-700: hsl(var(--white-700-hsl)/1);
    --white-700-hsl: 0 calc(var(--saturation-factor, 1)*0%) 40%;
    --white-730: hsl(var(--white-730-hsl)/1);
    --white-730-hsl: 0 calc(var(--saturation-factor, 1)*0%) 37.255%;
    --white-760: hsl(var(--white-760-hsl)/1);
    --white-760-hsl: 0 calc(var(--saturation-factor, 1)*0%) 34.51%;
    --white-800: hsl(var(--white-800-hsl)/1);
    --white-800-hsl: 0 calc(var(--saturation-factor, 1)*0%) 30.196%;
    --white-830: hsl(var(--white-830-hsl)/1);
    --white-830-hsl: 0 calc(var(--saturation-factor, 1)*0%) 23.137%;
    --white-860: hsl(var(--white-860-hsl)/1);
    --white-860-hsl: 0 calc(var(--saturation-factor, 1)*0%) 14.902%;
    --white-900: hsl(var(--white-900-hsl)/1);
    --white-900-hsl: 0 calc(var(--saturation-factor, 1)*0%) 5.098%;
    --black: hsl(var(--black-hsl)/1);
    --black-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-100: hsl(var(--black-100-hsl)/1);
    --black-100-hsl: 0 calc(var(--saturation-factor, 1)*0%) 94.902%;
    --black-130: hsl(var(--black-130-hsl)/1);
    --black-130-hsl: 0 calc(var(--saturation-factor, 1)*0%) 90.98%;
    --black-160: hsl(var(--black-160-hsl)/1);
    --black-160-hsl: 0 calc(var(--saturation-factor, 1)*0%) 85.49%;
    --black-200: hsl(var(--black-200-hsl)/1);
    --black-200-hsl: 0 calc(var(--saturation-factor, 1)*0%) 80%;
    --black-230: hsl(var(--black-230-hsl)/1);
    --black-230-hsl: 0 calc(var(--saturation-factor, 1)*0%) 74.118%;
    --black-260: hsl(var(--black-260-hsl)/1);
    --black-260-hsl: 0 calc(var(--saturation-factor, 1)*0%) 67.451%;
    --black-300: hsl(var(--black-300-hsl)/1);
    --black-300-hsl: 0 calc(var(--saturation-factor, 1)*0%) 60%;
    --black-330: hsl(var(--black-330-hsl)/1);
    --black-330-hsl: 0 calc(var(--saturation-factor, 1)*0%) 47.843%;
    --black-345: hsl(var(--black-345-hsl)/1);
    --black-345-hsl: 0 calc(var(--saturation-factor, 1)*0%) 40%;
    --black-360: hsl(var(--black-360-hsl)/1);
    --black-360-hsl: 0 calc(var(--saturation-factor, 1)*0%) 36.078%;
    --black-400: hsl(var(--black-400-hsl)/1);
    --black-400-hsl: 0 calc(var(--saturation-factor, 1)*0%) 20%;
    --black-430: hsl(var(--black-430-hsl)/1);
    --black-430-hsl: 0 calc(var(--saturation-factor, 1)*0%) 14.51%;
    --black-460: hsl(var(--black-460-hsl)/1);
    --black-460-hsl: 0 calc(var(--saturation-factor, 1)*0%) 7.843%;
    --black-500: hsl(var(--black-500-hsl)/1);
    --black-500-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-530: hsl(var(--black-530-hsl)/1);
    --black-530-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-560: hsl(var(--black-560-hsl)/1);
    --black-560-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-600: hsl(var(--black-600-hsl)/1);
    --black-600-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-630: hsl(var(--black-630-hsl)/1);
    --black-630-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-660: hsl(var(--black-660-hsl)/1);
    --black-660-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-700: hsl(var(--black-700-hsl)/1);
    --black-700-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-730: hsl(var(--black-730-hsl)/1);
    --black-730-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-760: hsl(var(--black-760-hsl)/1);
    --black-760-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-800: hsl(var(--black-800-hsl)/1);
    --black-800-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-830: hsl(var(--black-830-hsl)/1);
    --black-830-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-860: hsl(var(--black-860-hsl)/1);
    --black-860-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-900: hsl(var(--black-900-hsl)/1);
    --black-900-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --brand-100: hsl(var(--brand-100-hsl)/1);
    --brand-100-hsl: 240 calc(var(--saturation-factor, 1)*77.778%) 98.235%;
    --brand-130: hsl(var(--brand-130-hsl)/1);
    --brand-130-hsl: 235.714 calc(var(--saturation-factor, 1)*87.5%) 96.863%;
    --brand-160: hsl(var(--brand-160-hsl)/1);
    --brand-160-hsl: 234.545 calc(var(--saturation-factor, 1)*84.615%) 94.902%;
    --brand-200: hsl(var(--brand-200-hsl)/1);
    --brand-200-hsl: 236 calc(var(--saturation-factor, 1)*83.333%) 92.941%;
    --brand-230: hsl(var(--brand-230-hsl)/1);
    --brand-230-hsl: 235.5 calc(var(--saturation-factor, 1)*86.957%) 90.98%;
    --brand-260: hsl(var(--brand-260-hsl)/1);
    --brand-260-hsl: 235.2 calc(var(--saturation-factor, 1)*86.207%) 88.627%;
    --brand-300: hsl(var(--brand-300-hsl)/1);
    --brand-300-hsl: 235.161 calc(var(--saturation-factor, 1)*86.111%) 85.882%;
    --brand-330: hsl(var(--brand-330-hsl)/1);
    --brand-330-hsl: 234.75 calc(var(--saturation-factor, 1)*85.106%) 81.569%;
    --brand-345: hsl(var(--brand-345-hsl)/1);
    --brand-345-hsl: 234.783 calc(var(--saturation-factor, 1)*85.185%) 78.824%;
    --brand-360: hsl(var(--brand-360-hsl)/1);
    --brand-360-hsl: 235.152 calc(var(--saturation-factor, 1)*86.087%) 77.451%;
    --brand-400: hsl(var(--brand-400-hsl)/1);
    --brand-400-hsl: 234.677 calc(var(--saturation-factor, 1)*86.111%) 71.765%;
    --brand-430: hsl(var(--brand-430-hsl)/1);
    --brand-430-hsl: 235 calc(var(--saturation-factor, 1)*85.714%) 69.804%;
    --brand-460: hsl(var(--brand-460-hsl)/1);
    --brand-460-hsl: 234.93 calc(var(--saturation-factor, 1)*85.542%) 67.451%;
    --brand-500: hsl(var(--brand-500-hsl)/1);
    --brand-500-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
    --brand-530: hsl(var(--brand-530-hsl)/1);
    --brand-530-hsl: 234.857 calc(var(--saturation-factor, 1)*66.667%) 58.824%;
    --brand-560: hsl(var(--brand-560-hsl)/1);
    --brand-560-hsl: 234.72 calc(var(--saturation-factor, 1)*51.44%) 52.353%;
    --brand-600: hsl(var(--brand-600-hsl)/1);
    --brand-600-hsl: 234.857 calc(var(--saturation-factor, 1)*46.667%) 44.118%;
    --brand-630: hsl(var(--brand-630-hsl)/1);
    --brand-630-hsl: 235.385 calc(var(--saturation-factor, 1)*46.667%) 38.235%;
    --brand-660: hsl(var(--brand-660-hsl)/1);
    --brand-660-hsl: 234.75 calc(var(--saturation-factor, 1)*47.059%) 33.333%;
    --brand-700: hsl(var(--brand-700-hsl)/1);
    --brand-700-hsl: 235.161 calc(var(--saturation-factor, 1)*46.97%) 25.882%;
    --brand-730: hsl(var(--brand-730-hsl)/1);
    --brand-730-hsl: 234.828 calc(var(--saturation-factor, 1)*46.774%) 24.314%;
    --brand-760: hsl(var(--brand-760-hsl)/1);
    --brand-760-hsl: 234.34 calc(var(--saturation-factor, 1)*46.903%) 22.157%;
    --brand-800: hsl(var(--brand-800-hsl)/1);
    --brand-800-hsl: 234.894 calc(var(--saturation-factor, 1)*47.475%) 19.412%;
    --brand-830: hsl(var(--brand-830-hsl)/1);
    --brand-830-hsl: 235 calc(var(--saturation-factor, 1)*47.368%) 14.902%;
    --brand-860: hsl(var(--brand-860-hsl)/1);
    --brand-860-hsl: 234.783 calc(var(--saturation-factor, 1)*46.939%) 9.608%;
    --brand-900: hsl(var(--brand-900-hsl)/1);
    --brand-900-hsl: 232.5 calc(var(--saturation-factor, 1)*50%) 3.137%;
    --primary-100: hsl(var(--primary-100-hsl)/1);
    --primary-100-hsl: 0 calc(var(--saturation-factor, 1)*0%) 97.647%;
    --primary-130: hsl(var(--primary-130-hsl)/1);
    --primary-130-hsl: 220 calc(var(--saturation-factor, 1)*13.043%) 95.49%;
    --primary-160: hsl(var(--primary-160-hsl)/1);
    --primary-160-hsl: 210 calc(var(--saturation-factor, 1)*11.111%) 92.941%;
    --primary-200: hsl(var(--primary-200-hsl)/1);
    --primary-200-hsl: 216 calc(var(--saturation-factor, 1)*9.804%) 90%;
    --primary-230: hsl(var(--primary-230-hsl)/1);
    --primary-230-hsl: 210 calc(var(--saturation-factor, 1)*9.091%) 87.059%;
    --primary-260: hsl(var(--primary-260-hsl)/1);
    --primary-260-hsl: 214.286 calc(var(--saturation-factor, 1)*8.434%) 83.725%;
    --primary-300: hsl(var(--primary-300-hsl)/1);
    --primary-300-hsl: 210 calc(var(--saturation-factor, 1)*9.259%) 78.824%;
    --primary-330: hsl(var(--primary-330-hsl)/1);
    --primary-330-hsl: 215 calc(var(--saturation-factor, 1)*8.824%) 73.333%;
    --primary-345: hsl(var(--primary-345-hsl)/1);
    --primary-345-hsl: 214.286 calc(var(--saturation-factor, 1)*8.434%) 67.451%;
    --primary-360: hsl(var(--primary-360-hsl)/1);
    --primary-360-hsl: 213.75 calc(var(--saturation-factor, 1)*8.081%) 61.176%;
    --primary-400: hsl(var(--primary-400-hsl)/1);
    --primary-400-hsl: 222.857 calc(var(--saturation-factor, 1)*5.833%) 52.941%;
    --primary-430: hsl(var(--primary-430-hsl)/1);
    --primary-430-hsl: 229.091 calc(var(--saturation-factor, 1)*4.803%) 44.902%;
    --primary-460: hsl(var(--primary-460-hsl)/1);
    --primary-460-hsl: 228 calc(var(--saturation-factor, 1)*5.155%) 38.039%;
    --primary-500: hsl(var(--primary-500-hsl)/1);
    --primary-500-hsl: 228 calc(var(--saturation-factor, 1)*6.024%) 32.549%;
    --primary-530: hsl(var(--primary-530-hsl)/1);
    --primary-530-hsl: 226.667 calc(var(--saturation-factor, 1)*6.475%) 27.255%;
    --primary-560: hsl(var(--primary-560-hsl)/1);
    --primary-560-hsl: 225 calc(var(--saturation-factor, 1)*6.667%) 23.529%;
    --primary-600: hsl(var(--primary-600-hsl)/1);
    --primary-600-hsl: 222.857 calc(var(--saturation-factor, 1)*6.667%) 20.588%;
    --primary-630: hsl(var(--primary-630-hsl)/1);
    --primary-630-hsl: 220 calc(var(--saturation-factor, 1)*6.522%) 18.039%;
    --primary-645: hsl(var(--primary-645-hsl)/1);
    --primary-645-hsl: 220 calc(var(--saturation-factor, 1)*6.977%) 16.863%;
    --primary-660: hsl(var(--primary-660-hsl)/1);
    --primary-660-hsl: 228 calc(var(--saturation-factor, 1)*6.667%) 14.706%;
    --primary-700: hsl(var(--primary-700-hsl)/1);
    --primary-700-hsl: 225 calc(var(--saturation-factor, 1)*6.25%) 12.549%;
    --primary-730: hsl(var(--primary-730-hsl)/1);
    --primary-730-hsl: 225 calc(var(--saturation-factor, 1)*7.143%) 10.98%;
    --primary-760: hsl(var(--primary-760-hsl)/1);
    --primary-760-hsl: 220 calc(var(--saturation-factor, 1)*6.383%) 9.216%;
    --primary-800: hsl(var(--primary-800-hsl)/1);
    --primary-800-hsl: 220 calc(var(--saturation-factor, 1)*8.108%) 7.255%;
    --primary-830: hsl(var(--primary-830-hsl)/1);
    --primary-830-hsl: 240 calc(var(--saturation-factor, 1)*4%) 4.902%;
    --primary-860: hsl(var(--primary-860-hsl)/1);
    --primary-860-hsl: 240 calc(var(--saturation-factor, 1)*7.692%) 2.549%;
    --primary-900: hsl(var(--primary-900-hsl)/1);
    --primary-900-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0.784%;
    --plum-0: hsl(var(--plum-0-hsl)/1);
    --plum-0-hsl: 240 calc(var(--saturation-factor, 1)*9.091%) 97.843%;
    --plum-1: hsl(var(--plum-1-hsl)/1);
    --plum-1-hsl: 240 calc(var(--saturation-factor, 1)*4.348%) 95.49%;
    --plum-2: hsl(var(--plum-2-hsl)/1);
    --plum-2-hsl: 220 calc(var(--saturation-factor, 1)*8.571%) 93.137%;
    --plum-3: hsl(var(--plum-3-hsl)/1);
    --plum-3-hsl: 225 calc(var(--saturation-factor, 1)*8%) 90.196%;
    --plum-4: hsl(var(--plum-4-hsl)/1);
    --plum-4-hsl: 225 calc(var(--saturation-factor, 1)*6.25%) 87.451%;
    --plum-5: hsl(var(--plum-5-hsl)/1);
    --plum-5-hsl: 220 calc(var(--saturation-factor, 1)*7.317%) 83.922%;
    --plum-6: hsl(var(--plum-6-hsl)/1);
    --plum-6-hsl: 231.429 calc(var(--saturation-factor, 1)*6.667%) 79.412%;
    --plum-7: hsl(var(--plum-7-hsl)/1);
    --plum-7-hsl: 226.667 calc(var(--saturation-factor, 1)*6.767%) 73.922%;
    --plum-8: hsl(var(--plum-8-hsl)/1);
    --plum-8-hsl: 230 calc(var(--saturation-factor, 1)*7.407%) 68.235%;
    --plum-9: hsl(var(--plum-9-hsl)/1);
    --plum-9-hsl: 231.429 calc(var(--saturation-factor, 1)*7.071%) 61.176%;
    --plum-10: hsl(var(--plum-10-hsl)/1);
    --plum-10-hsl: 228.75 calc(var(--saturation-factor, 1)*6.78%) 53.725%;
    --plum-11: hsl(var(--plum-11-hsl)/1);
    --plum-11-hsl: 228.75 calc(var(--saturation-factor, 1)*6.897%) 45.49%;
    --plum-12: hsl(var(--plum-12-hsl)/1);
    --plum-12-hsl: 228 calc(var(--saturation-factor, 1)*7.614%) 38.627%;
    --plum-13: hsl(var(--plum-13-hsl)/1);
    --plum-13-hsl: 227.143 calc(var(--saturation-factor, 1)*8.333%) 32.941%;
    --plum-14: hsl(var(--plum-14-hsl)/1);
    --plum-14-hsl: 230 calc(var(--saturation-factor, 1)*8.451%) 27.843%;
    --plum-15: hsl(var(--plum-15-hsl)/1);
    --plum-15-hsl: 229.091 calc(var(--saturation-factor, 1)*8.943%) 24.118%;
    --plum-16: hsl(var(--plum-16-hsl)/1);
    --plum-16-hsl: 234 calc(var(--saturation-factor, 1)*9.259%) 21.176%;
    --plum-17: hsl(var(--plum-17-hsl)/1);
    --plum-17-hsl: 233.333 calc(var(--saturation-factor, 1)*9.278%) 19.02%;
    --plum-18: hsl(var(--plum-18-hsl)/1);
    --plum-18-hsl: 233.333 calc(var(--saturation-factor, 1)*10.588%) 16.667%;
    --plum-19: hsl(var(--plum-19-hsl)/1);
    --plum-19-hsl: 232.5 calc(var(--saturation-factor, 1)*10.811%) 14.51%;
    --plum-20: hsl(var(--plum-20-hsl)/1);
    --plum-20-hsl: 231.429 calc(var(--saturation-factor, 1)*11.111%) 12.353%;
    --plum-21: hsl(var(--plum-21-hsl)/1);
    --plum-21-hsl: 231.429 calc(var(--saturation-factor, 1)*12.727%) 10.784%;
    --plum-22: hsl(var(--plum-22-hsl)/1);
    --plum-22-hsl: 240 calc(var(--saturation-factor, 1)*12%) 9.804%;
    --plum-23: hsl(var(--plum-23-hsl)/1);
    --plum-23-hsl: 240 calc(var(--saturation-factor, 1)*11.628%) 8.431%;
    --plum-24: hsl(var(--plum-24-hsl)/1);
    --plum-24-hsl: 228 calc(var(--saturation-factor, 1)*14.286%) 6.863%;
    --plum-25: hsl(var(--plum-25-hsl)/1);
    --plum-25-hsl: 240 calc(var(--saturation-factor, 1)*14.286%) 5.49%;
    --plum-26: hsl(var(--plum-26-hsl)/1);
    --plum-26-hsl: 240 calc(var(--saturation-factor, 1)*15.789%) 3.725%
}

.visual-refresh {
    --blue-100: var(--blue-new-1);
    --blue-100-hsl: var(--blue-new-1-hsl);
    --blue-130: var(--blue-new-1);
    --blue-130-hsl: var(--blue-new-1-hsl);
    --blue-160: var(--blue-new-1);
    --blue-160-hsl: var(--blue-new-1-hsl);
    --blue-200: var(--blue-new-5);
    --blue-200-hsl: var(--blue-new-5-hsl);
    --blue-230: var(--blue-new-11);
    --blue-230-hsl: var(--blue-new-11-hsl);
    --blue-260: var(--blue-new-16);
    --blue-260-hsl: var(--blue-new-16-hsl);
    --blue-300: var(--blue-new-23);
    --blue-300-hsl: var(--blue-new-23-hsl);
    --blue-330: var(--blue-new-31);
    --blue-330-hsl: var(--blue-new-31-hsl);
    --blue-345: var(--blue-new-35);
    --blue-345-hsl: var(--blue-new-35-hsl);
    --blue-360: var(--blue-new-40);
    --blue-360-hsl: var(--blue-new-40-hsl);
    --blue-400: var(--blue-new-45);
    --blue-400-hsl: var(--blue-new-45-hsl);
    --blue-430: var(--blue-new-51);
    --blue-430-hsl: var(--blue-new-51-hsl);
    --blue-460: var(--blue-new-56);
    --blue-460-hsl: var(--blue-new-56-hsl);
    --blue-500: var(--blue-new-62);
    --blue-500-hsl: var(--blue-new-62-hsl);
    --blue-530: var(--blue-new-67);
    --blue-530-hsl: var(--blue-new-67-hsl);
    --blue-560: var(--blue-new-71);
    --blue-560-hsl: var(--blue-new-71-hsl);
    --blue-600: var(--blue-new-75);
    --blue-600-hsl: var(--blue-new-75-hsl);
    --blue-630: var(--blue-new-78);
    --blue-630-hsl: var(--blue-new-78-hsl);
    --blue-660: var(--blue-new-81);
    --blue-660-hsl: var(--blue-new-81-hsl);
    --blue-700: var(--blue-new-84);
    --blue-700-hsl: var(--blue-new-84-hsl);
    --blue-730: var(--blue-new-86);
    --blue-730-hsl: var(--blue-new-86-hsl);
    --blue-760: var(--blue-new-89);
    --blue-760-hsl: var(--blue-new-89-hsl);
    --blue-800: var(--blue-new-91);
    --blue-800-hsl: var(--blue-new-91-hsl);
    --blue-830: var(--blue-new-93);
    --blue-830-hsl: var(--blue-new-93-hsl);
    --blue-860: var(--blue-new-94);
    --blue-860-hsl: var(--blue-new-94-hsl);
    --blue-900: var(--blue-new-96);
    --blue-900-hsl: var(--blue-new-96-hsl);
    --brand-100: var(--blurple-1);
    --brand-100-hsl: var(--blurple-1-hsl);
    --brand-130: var(--blurple-1);
    --brand-130-hsl: var(--blurple-1-hsl);
    --brand-160: var(--blurple-1);
    --brand-160-hsl: var(--blurple-1-hsl);
    --brand-200: var(--blurple-4);
    --brand-200-hsl: var(--blurple-4-hsl);
    --brand-230: var(--blurple-7);
    --brand-230-hsl: var(--blurple-7-hsl);
    --brand-260: var(--blurple-10);
    --brand-260-hsl: var(--blurple-10-hsl);
    --brand-300: var(--blurple-14);
    --brand-300-hsl: var(--blurple-14-hsl);
    --brand-330: var(--blurple-21);
    --brand-330-hsl: var(--blurple-21-hsl);
    --brand-345: var(--blurple-26);
    --brand-345-hsl: var(--blurple-26-hsl);
    --brand-360: var(--blurple-28);
    --brand-360-hsl: var(--blurple-28-hsl);
    --brand-400: var(--blurple-37);
    --brand-400-hsl: var(--blurple-37-hsl);
    --brand-430: var(--blurple-41);
    --brand-430-hsl: var(--blurple-41-hsl);
    --brand-460: var(--blurple-44);
    --brand-460-hsl: var(--blurple-44-hsl);
    --brand-500: var(--blurple-49);
    --brand-500-hsl: var(--blurple-49-hsl);
    --brand-530: var(--blurple-54);
    --brand-530-hsl: var(--blurple-54-hsl);
    --brand-560: var(--blurple-59);
    --brand-560-hsl: var(--blurple-59-hsl);
    --brand-600: var(--blurple-65);
    --brand-600-hsl: var(--blurple-65-hsl);
    --brand-630: var(--blurple-70);
    --brand-630-hsl: var(--blurple-70-hsl);
    --brand-660: var(--blurple-74);
    --brand-660-hsl: var(--blurple-74-hsl);
    --brand-700: var(--blurple-81);
    --brand-700-hsl: var(--blurple-81-hsl);
    --brand-730: var(--blurple-82);
    --brand-730-hsl: var(--blurple-82-hsl);
    --brand-760: var(--blurple-84);
    --brand-760-hsl: var(--blurple-84-hsl);
    --brand-800: var(--blurple-87);
    --brand-800-hsl: var(--blurple-87-hsl);
    --brand-830: var(--blurple-91);
    --brand-830-hsl: var(--blurple-91-hsl);
    --brand-860: var(--blurple-96);
    --brand-860-hsl: var(--blurple-96-hsl);
    --brand-900: var(--blurple-99);
    --brand-900-hsl: var(--blurple-99-hsl);
    --green-100: var(--green-new-1);
    --green-100-hsl: var(--green-new-1-hsl);
    --green-130: var(--green-new-1);
    --green-130-hsl: var(--green-new-1-hsl);
    --green-160: var(--green-new-3);
    --green-160-hsl: var(--green-new-3-hsl);
    --green-200: var(--green-new-11);
    --green-200-hsl: var(--green-new-11-hsl);
    --green-230: var(--green-new-16);
    --green-230-hsl: var(--green-new-16-hsl);
    --green-260: var(--green-new-21);
    --green-260-hsl: var(--green-new-21-hsl);
    --green-300: var(--green-new-25);
    --green-300-hsl: var(--green-new-25-hsl);
    --green-330: var(--green-new-30);
    --green-330-hsl: var(--green-new-30-hsl);
    --green-345: var(--green-new-34);
    --green-345-hsl: var(--green-new-34-hsl);
    --green-360: var(--green-new-38);
    --green-360-hsl: var(--green-new-38-hsl);
    --green-400: var(--green-new-44);
    --green-400-hsl: var(--green-new-44-hsl);
    --green-430: var(--green-new-52);
    --green-430-hsl: var(--green-new-52-hsl);
    --green-460: var(--green-new-58);
    --green-460-hsl: var(--green-new-58-hsl);
    --green-500: var(--green-new-62);
    --green-500-hsl: var(--green-new-62-hsl);
    --green-530: var(--green-new-67);
    --green-530-hsl: var(--green-new-67-hsl);
    --green-560: var(--green-new-72);
    --green-560-hsl: var(--green-new-72-hsl);
    --green-600: var(--green-new-75);
    --green-600-hsl: var(--green-new-75-hsl);
    --green-630: var(--green-new-78);
    --green-630-hsl: var(--green-new-78-hsl);
    --green-660: var(--green-new-82);
    --green-660-hsl: var(--green-new-82-hsl);
    --green-700: var(--green-new-85);
    --green-700-hsl: var(--green-new-85-hsl);
    --green-730: var(--green-new-87);
    --green-730-hsl: var(--green-new-87-hsl);
    --green-760: var(--green-new-91);
    --green-760-hsl: var(--green-new-91-hsl);
    --green-800: var(--green-new-92);
    --green-800-hsl: var(--green-new-92-hsl);
    --green-830: var(--green-new-95);
    --green-830-hsl: var(--green-new-95-hsl);
    --green-860: var(--green-new-96);
    --green-860-hsl: var(--green-new-96-hsl);
    --green-900: var(--green-new-97);
    --green-900-hsl: var(--green-new-97-hsl);
    --orange-100: var(--orange-new-1);
    --orange-100-hsl: var(--orange-new-1-hsl);
    --orange-130: var(--orange-new-1);
    --orange-130-hsl: var(--orange-new-1-hsl);
    --orange-160: var(--orange-new-1);
    --orange-160-hsl: var(--orange-new-1-hsl);
    --orange-200: var(--orange-new-3);
    --orange-200-hsl: var(--orange-new-3-hsl);
    --orange-230: var(--orange-new-8);
    --orange-230-hsl: var(--orange-new-8-hsl);
    --orange-260: var(--orange-new-14);
    --orange-260-hsl: var(--orange-new-14-hsl);
    --orange-300: var(--orange-new-22);
    --orange-300-hsl: var(--orange-new-22-hsl);
    --orange-330: var(--orange-new-29);
    --orange-330-hsl: var(--orange-new-29-hsl);
    --orange-345: var(--orange-new-35);
    --orange-345-hsl: var(--orange-new-35-hsl);
    --orange-360: var(--orange-new-38);
    --orange-360-hsl: var(--orange-new-38-hsl);
    --orange-400: var(--orange-new-41);
    --orange-400-hsl: var(--orange-new-41-hsl);
    --orange-430: var(--orange-new-44);
    --orange-430-hsl: var(--orange-new-44-hsl);
    --orange-460: var(--orange-new-58);
    --orange-460-hsl: var(--orange-new-58-hsl);
    --orange-500: var(--orange-new-63);
    --orange-500-hsl: var(--orange-new-63-hsl);
    --orange-530: var(--orange-new-67);
    --orange-530-hsl: var(--orange-new-67-hsl);
    --orange-560: var(--orange-new-71);
    --orange-560-hsl: var(--orange-new-71-hsl);
    --orange-600: var(--orange-new-75);
    --orange-600-hsl: var(--orange-new-75-hsl);
    --orange-630: var(--orange-new-78);
    --orange-630-hsl: var(--orange-new-78-hsl);
    --orange-660: var(--orange-new-82);
    --orange-660-hsl: var(--orange-new-82-hsl);
    --orange-700: var(--orange-new-85);
    --orange-700-hsl: var(--orange-new-85-hsl);
    --orange-730: var(--orange-new-88);
    --orange-730-hsl: var(--orange-new-88-hsl);
    --orange-760: var(--orange-new-91);
    --orange-760-hsl: var(--orange-new-91-hsl);
    --orange-800: var(--orange-new-91);
    --orange-800-hsl: var(--orange-new-91-hsl);
    --orange-830: var(--orange-new-94);
    --orange-830-hsl: var(--orange-new-94-hsl);
    --orange-860: var(--orange-new-94);
    --orange-860-hsl: var(--orange-new-94-hsl);
    --orange-900: var(--orange-new-99);
    --orange-900-hsl: var(--orange-new-99-hsl);
    --plum-0: var(--neutral-2);
    --plum-0-hsl: var(--neutral-2-hsl);
    --plum-1: var(--neutral-4);
    --plum-1-hsl: var(--neutral-4-hsl);
    --plum-10: var(--neutral-34);
    --plum-10-hsl: var(--neutral-34-hsl);
    --plum-11: var(--neutral-40);
    --plum-11-hsl: var(--neutral-40-hsl);
    --plum-12: var(--neutral-45);
    --plum-12-hsl: var(--neutral-45-hsl);
    --plum-13: var(--neutral-49);
    --plum-13-hsl: var(--neutral-49-hsl);
    --plum-14: var(--neutral-58);
    --plum-14-hsl: var(--neutral-58-hsl);
    --plum-15: var(--neutral-64);
    --plum-15-hsl: var(--neutral-64-hsl);
    --plum-16: var(--neutral-69);
    --plum-16-hsl: var(--neutral-69-hsl);
    --plum-17: var(--neutral-73);
    --plum-17-hsl: var(--neutral-73-hsl);
    --plum-18: var(--neutral-77);
    --plum-18-hsl: var(--neutral-77-hsl);
    --plum-19: var(--neutral-80);
    --plum-19-hsl: var(--neutral-80-hsl);
    --plum-2: var(--neutral-6);
    --plum-2-hsl: var(--neutral-6-hsl);
    --plum-20: var(--neutral-84);
    --plum-20-hsl: var(--neutral-84-hsl);
    --plum-21: var(--neutral-86);
    --plum-21-hsl: var(--neutral-86-hsl);
    --plum-22: var(--neutral-89);
    --plum-22-hsl: var(--neutral-89-hsl);
    --plum-23: var(--neutral-91);
    --plum-23-hsl: var(--neutral-91-hsl);
    --plum-24: var(--neutral-93);
    --plum-24-hsl: var(--neutral-93-hsl);
    --plum-25: var(--neutral-95);
    --plum-25-hsl: var(--neutral-95-hsl);
    --plum-26: var(--neutral-97);
    --plum-26-hsl: var(--neutral-97-hsl);
    --plum-3: var(--neutral-8);
    --plum-3-hsl: var(--neutral-8-hsl);
    --plum-4: var(--neutral-9);
    --plum-4-hsl: var(--neutral-9-hsl);
    --plum-5: var(--neutral-12);
    --plum-5-hsl: var(--neutral-12-hsl);
    --plum-6: var(--neutral-15);
    --plum-6-hsl: var(--neutral-15-hsl);
    --plum-7: var(--neutral-19);
    --plum-7-hsl: var(--neutral-19-hsl);
    --plum-8: var(--neutral-23);
    --plum-8-hsl: var(--neutral-23-hsl);
    --plum-9: var(--neutral-28);
    --plum-9-hsl: var(--neutral-28-hsl);
    --primary-100: var(--neutral-2);
    --primary-100-hsl: var(--neutral-2-hsl);
    --primary-130: var(--neutral-4);
    --primary-130-hsl: var(--neutral-4-hsl);
    --primary-160: var(--neutral-6);
    --primary-160-hsl: var(--neutral-6-hsl);
    --primary-200: var(--neutral-8);
    --primary-200-hsl: var(--neutral-8-hsl);
    --primary-230: var(--neutral-10);
    --primary-230-hsl: var(--neutral-10-hsl);
    --primary-260: var(--neutral-12);
    --primary-260-hsl: var(--neutral-12-hsl);
    --primary-300: var(--neutral-15);
    --primary-300-hsl: var(--neutral-15-hsl);
    --primary-330: var(--neutral-19);
    --primary-330-hsl: var(--neutral-19-hsl);
    --primary-345: var(--neutral-23);
    --primary-345-hsl: var(--neutral-23-hsl);
    --primary-360: var(--neutral-28);
    --primary-360-hsl: var(--neutral-28-hsl);
    --primary-400: var(--neutral-34);
    --primary-400-hsl: var(--neutral-34-hsl);
    --primary-430: var(--neutral-40);
    --primary-430-hsl: var(--neutral-40-hsl);
    --primary-460: var(--neutral-45);
    --primary-460-hsl: var(--neutral-45-hsl);
    --primary-500: var(--neutral-49);
    --primary-500-hsl: var(--neutral-49-hsl);
    --primary-530: var(--neutral-59);
    --primary-530-hsl: var(--neutral-59-hsl);
    --primary-560: var(--neutral-64);
    --primary-560-hsl: var(--neutral-64-hsl);
    --primary-600: var(--neutral-69);
    --primary-600-hsl: var(--neutral-69-hsl);
    --primary-630: var(--neutral-73);
    --primary-630-hsl: var(--neutral-73-hsl);
    --primary-645: var(--neutral-75);
    --primary-645-hsl: var(--neutral-75-hsl);
    --primary-660: var(--neutral-79);
    --primary-660-hsl: var(--neutral-79-hsl);
    --primary-700: var(--neutral-83);
    --primary-700-hsl: var(--neutral-83-hsl);
    --primary-730: var(--neutral-86);
    --primary-730-hsl: var(--neutral-86-hsl);
    --primary-760: var(--neutral-89);
    --primary-760-hsl: var(--neutral-89-hsl);
    --primary-800: var(--neutral-92);
    --primary-800-hsl: var(--neutral-92-hsl);
    --primary-830: var(--neutral-95);
    --primary-830-hsl: var(--neutral-95-hsl);
    --primary-860: var(--neutral-98);
    --primary-860-hsl: var(--neutral-98-hsl);
    --primary-900: var(--neutral-99);
    --primary-900-hsl: var(--neutral-99-hsl);
    --red-100: var(--red-new-1);
    --red-100-hsl: var(--red-new-1-hsl);
    --red-130: var(--red-new-1);
    --red-130-hsl: var(--red-new-1-hsl);
    --red-160: var(--red-new-1);
    --red-160-hsl: var(--red-new-1-hsl);
    --red-200: var(--red-new-1);
    --red-200-hsl: var(--red-new-1-hsl);
    --red-230: var(--red-new-5);
    --red-230-hsl: var(--red-new-5-hsl);
    --red-260: var(--red-new-10);
    --red-260-hsl: var(--red-new-10-hsl);
    --red-300: var(--red-new-15);
    --red-300-hsl: var(--red-new-15-hsl);
    --red-330: var(--red-new-22);
    --red-330-hsl: var(--red-new-22-hsl);
    --red-345: var(--red-new-29);
    --red-345-hsl: var(--red-new-29-hsl);
    --red-360: var(--red-new-38);
    --red-360-hsl: var(--red-new-38-hsl);
    --red-400: var(--red-new-45);
    --red-400-hsl: var(--red-new-45-hsl);
    --red-430: var(--red-new-47);
    --red-430-hsl: var(--red-new-47-hsl);
    --red-460: var(--red-new-55);
    --red-460-hsl: var(--red-new-55-hsl);
    --red-500: var(--red-new-61);
    --red-500-hsl: var(--red-new-61-hsl);
    --red-530: var(--red-new-66);
    --red-530-hsl: var(--red-new-66-hsl);
    --red-560: var(--red-new-70);
    --red-560-hsl: var(--red-new-70-hsl);
    --red-600: var(--red-new-75);
    --red-600-hsl: var(--red-new-75-hsl);
    --red-630: var(--red-new-78);
    --red-630-hsl: var(--red-new-78-hsl);
    --red-660: var(--red-new-81);
    --red-660-hsl: var(--red-new-81-hsl);
    --red-700: var(--red-new-83);
    --red-700-hsl: var(--red-new-83-hsl);
    --red-730: var(--red-new-86);
    --red-730-hsl: var(--red-new-86-hsl);
    --red-760: var(--red-new-90);
    --red-760-hsl: var(--red-new-90-hsl);
    --red-800: var(--red-new-92);
    --red-800-hsl: var(--red-new-92-hsl);
    --red-830: var(--red-new-95);
    --red-830-hsl: var(--red-new-95-hsl);
    --red-860: var(--red-new-96);
    --red-860-hsl: var(--red-new-96-hsl);
    --red-900: var(--red-new-98);
    --red-900-hsl: var(--red-new-98-hsl);
    --teal-100: var(--teal-new-1);
    --teal-100-hsl: var(--teal-new-1-hsl);
    --teal-130: var(--teal-new-1);
    --teal-130-hsl: var(--teal-new-1-hsl);
    --teal-160: var(--teal-new-2);
    --teal-160-hsl: var(--teal-new-2-hsl);
    --teal-200: var(--teal-new-6);
    --teal-200-hsl: var(--teal-new-6-hsl);
    --teal-230: var(--teal-new-13);
    --teal-230-hsl: var(--teal-new-13-hsl);
    --teal-260: var(--teal-new-18);
    --teal-260-hsl: var(--teal-new-18-hsl);
    --teal-300: var(--teal-new-24);
    --teal-300-hsl: var(--teal-new-24-hsl);
    --teal-330: var(--teal-new-29);
    --teal-330-hsl: var(--teal-new-29-hsl);
    --teal-345: var(--teal-new-33);
    --teal-345-hsl: var(--teal-new-33-hsl);
    --teal-360: var(--teal-new-38);
    --teal-360-hsl: var(--teal-new-38-hsl);
    --teal-400: var(--teal-new-44);
    --teal-400-hsl: var(--teal-new-44-hsl);
    --teal-430: var(--teal-new-52);
    --teal-430-hsl: var(--teal-new-52-hsl);
    --teal-460: var(--teal-new-58);
    --teal-460-hsl: var(--teal-new-58-hsl);
    --teal-500: var(--teal-new-63);
    --teal-500-hsl: var(--teal-new-63-hsl);
    --teal-530: var(--teal-new-68);
    --teal-530-hsl: var(--teal-new-68-hsl);
    --teal-560: var(--teal-new-72);
    --teal-560-hsl: var(--teal-new-72-hsl);
    --teal-600: var(--teal-new-76);
    --teal-600-hsl: var(--teal-new-76-hsl);
    --teal-630: var(--teal-new-79);
    --teal-630-hsl: var(--teal-new-79-hsl);
    --teal-660: var(--teal-new-82);
    --teal-660-hsl: var(--teal-new-82-hsl);
    --teal-700: var(--teal-new-85);
    --teal-700-hsl: var(--teal-new-85-hsl);
    --teal-730: var(--teal-new-88);
    --teal-730-hsl: var(--teal-new-88-hsl);
    --teal-760: var(--teal-new-90);
    --teal-760-hsl: var(--teal-new-90-hsl);
    --teal-800: var(--teal-new-93);
    --teal-800-hsl: var(--teal-new-93-hsl);
    --teal-830: var(--teal-new-94);
    --teal-830-hsl: var(--teal-new-94-hsl);
    --teal-860: var(--teal-new-96);
    --teal-860-hsl: var(--teal-new-96-hsl);
    --teal-900: var(--teal-new-97);
    --teal-900-hsl: var(--teal-new-97-hsl);
    --yellow-100: var(--yellow-new-1);
    --yellow-100-hsl: var(--yellow-new-1-hsl);
    --yellow-130: var(--yellow-new-1);
    --yellow-130-hsl: var(--yellow-new-1-hsl);
    --yellow-160: var(--yellow-new-1);
    --yellow-160-hsl: var(--yellow-new-1-hsl);
    --yellow-200: var(--yellow-new-6);
    --yellow-200-hsl: var(--yellow-new-6-hsl);
    --yellow-230: var(--yellow-new-13);
    --yellow-230-hsl: var(--yellow-new-13-hsl);
    --yellow-260: var(--yellow-new-24);
    --yellow-260-hsl: var(--yellow-new-24-hsl);
    --yellow-300: var(--yellow-new-28);
    --yellow-300-hsl: var(--yellow-new-28-hsl);
    --yellow-330: var(--yellow-new-30);
    --yellow-330-hsl: var(--yellow-new-30-hsl);
    --yellow-345: var(--yellow-new-34);
    --yellow-345-hsl: var(--yellow-new-34-hsl);
    --yellow-360: var(--yellow-new-39);
    --yellow-360-hsl: var(--yellow-new-39-hsl);
    --yellow-400: var(--yellow-new-43);
    --yellow-400-hsl: var(--yellow-new-43-hsl);
    --yellow-430: var(--yellow-new-48);
    --yellow-430-hsl: var(--yellow-new-48-hsl);
    --yellow-460: var(--yellow-new-57);
    --yellow-460-hsl: var(--yellow-new-57-hsl);
    --yellow-500: var(--yellow-new-61);
    --yellow-500-hsl: var(--yellow-new-61-hsl);
    --yellow-530: var(--yellow-new-66);
    --yellow-530-hsl: var(--yellow-new-66-hsl);
    --yellow-560: var(--yellow-new-71);
    --yellow-560-hsl: var(--yellow-new-71-hsl);
    --yellow-600: var(--yellow-new-74);
    --yellow-600-hsl: var(--yellow-new-74-hsl);
    --yellow-630: var(--yellow-new-77);
    --yellow-630-hsl: var(--yellow-new-77-hsl);
    --yellow-660: var(--yellow-new-79);
    --yellow-660-hsl: var(--yellow-new-79-hsl);
    --yellow-700: var(--yellow-new-83);
    --yellow-700-hsl: var(--yellow-new-83-hsl);
    --yellow-730: var(--yellow-new-85);
    --yellow-730-hsl: var(--yellow-new-85-hsl);
    --yellow-760: var(--yellow-new-88);
    --yellow-760-hsl: var(--yellow-new-88-hsl);
    --yellow-800: var(--yellow-new-90);
    --yellow-800-hsl: var(--yellow-new-90-hsl);
    --yellow-830: var(--yellow-new-92);
    --yellow-830-hsl: var(--yellow-new-92-hsl);
    --yellow-860: var(--yellow-new-94);
    --yellow-860-hsl: var(--yellow-new-94-hsl);
    --yellow-900: var(--yellow-new-95);
    --yellow-900-hsl: var(--yellow-new-95-hsl)
}

    .visual-refresh .theme-dark, .visual-refresh.theme-dark {
        --activity-card-background: var(--neutral-64);
        --autocomplete-bg: var(--neutral-64);
        --background-floating: var(--neutral-64);
        --background-mentioned: hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196);
        --background-mentioned-hover: hsl(var(--opacity-yellow-4-hsl)/0.0392156862745098);
        --background-message-highlight: hsl(var(--opacity-blurple-16-hsl)/0.1607843137254902);
        --background-message-highlight-hover: hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039);
        --background-message-hover: hsl(var(--opacity-8-hsl)/0.0784313725490196);
        --background-modifier-accent: hsl(var(--opacity-12-hsl)/0.12156862745098039);
        --background-modifier-active: hsl(var(--opacity-16-hsl)/0.1607843137254902);
        --background-modifier-hover: hsl(var(--opacity-8-hsl)/0.0784313725490196);
        --background-modifier-selected: hsl(var(--opacity-20-hsl)/0.2);
        --background-primary: var(--neutral-66);
        --background-secondary: var(--neutral-69);
        --background-tertiary: var(--neutral-73);
        --bg-base-primary: var(--neutral-66);
        --bg-base-secondary: var(--neutral-69);
        --bg-base-tertiary: var(--neutral-73);
        --bg-brand: var(--blurple-50);
        --bg-mod-faint: hsl(var(--opacity-4-hsl)/0.0392156862745098);
        --bg-mod-strong: hsl(var(--opacity-20-hsl)/0.2);
        --bg-mod-subtle: hsl(var(--opacity-8-hsl)/0.0784313725490196);
        --border-faint: hsl(var(--opacity-4-hsl)/0.0392156862745098);
        --border-strong: hsl(var(--opacity-44-hsl)/0.4392156862745098);
        --border-subtle: hsl(var(--opacity-12-hsl)/0.12156862745098039);
        --button-danger-background: var(--red-new-50);
        --button-danger-background-active: var(--red-new-61);
        --button-danger-background-disabled: var(--red-new-50);
        --button-danger-background-hover: var(--red-new-57);
        --button-danger-border: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
        --button-filled-brand-border: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
        --button-filled-brand-inverted-background-active: var(--neutral-17);
        --button-filled-brand-inverted-background-hover: var(--neutral-9);
        --button-filled-brand-inverted-text: var(--black);
        --button-filled-white-background-active: var(--neutral-17);
        --button-filled-white-background-hover: var(--neutral-9);
        --button-filled-white-text: var(--black);
        --button-outline-danger-background: hsl(var(--opacity-12-hsl)/0.12156862745098039);
        --button-outline-danger-background-active: hsl(var(--primary-500-hsl)/0.3);
        --button-outline-danger-background-hover: hsl(var(--opacity-20-hsl)/0.2);
        --button-outline-danger-border: hsl(var(--opacity-4-hsl)/0.0392156862745098);
        --button-outline-danger-border-active: hsl(var(--opacity-4-hsl)/0.0392156862745098);
        --button-outline-danger-border-hover: hsl(var(--opacity-4-hsl)/0.0392156862745098);
        --button-outline-danger-text: var(--red-345);
        --button-outline-danger-text-active: var(--red-345);
        --button-outline-danger-text-hover: var(--red-345);
        --button-positive-background: var(--green-new-50);
        --button-positive-background-active: var(--green-new-57);
        --button-positive-background-disabled: var(--green-new-50);
        --button-positive-background-hover: var(--green-new-53);
        --button-positive-border: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
        --button-secondary-background: hsl(var(--opacity-12-hsl)/0.12156862745098039);
        --button-secondary-background-active: hsl(var(--primary-500-hsl)/0.3);
        --button-secondary-background-disabled: hsl(var(--opacity-12-hsl)/0.12156862745098039);
        --button-secondary-background-hover: hsl(var(--opacity-20-hsl)/0.2);
        --button-secondary-text: var(--neutral-6);
        --button-transparent-background: hsl(var(--opacity-12-hsl)/0.12156862745098039);
        --button-transparent-background-active: hsl(var(--primary-500-hsl)/0.3);
        --button-transparent-background-hover: hsl(var(--opacity-20-hsl)/0.2);
        --button-transparent-text: var(--neutral-6);
        --card-primary-bg: var(--neutral-64);
        --card-secondary-bg: hsl(var(--opacity-8-hsl)/0.0784313725490196);
        --channel-icon: var(--neutral-27);
        --channels-default: var(--neutral-27);
        --header-muted: var(--neutral-22);
        --header-primary: var(--neutral-1);
        --header-secondary: var(--neutral-9);
        --icon-muted: var(--neutral-22);
        --icon-primary: var(--neutral-1);
        --icon-secondary: var(--neutral-16);
        --info-danger-background: hsl(var(--opacity-red-8-hsl)/0.0784313725490196);
        --info-danger-text: var(--red-new-22);
        --info-help-background: hsl(var(--opacity-blue-8-hsl)/0.0784313725490196);
        --info-help-text: var(--blue-new-24);
        --info-positive-background: hsl(var(--opacity-green-8-hsl)/0.0784313725490196);
        --info-positive-text: var(--green-new-25);
        --info-warning-background: hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196);
        --info-warning-text: var(--yellow-new-22);
        --input-background: hsl(var(--opacity-black-20-hsl)/0.2);
        --input-border: hsl(var(--opacity-20-hsl)/0.2);
        --input-focused-border: hsl(var(--white-hsl)/0.04);
        --input-placeholder-text: var(--neutral-32);
        --interactive-active: var(--neutral-1);
        --interactive-hover: var(--neutral-1);
        --interactive-normal: var(--neutral-16);
        --mention-background: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
        --mention-foreground: var(--blurple-8);
        --message-reacted-background: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
        --message-reacted-text: var(--blurple-3);
        --modal-background: var(--neutral-64);
        --modal-footer-background: var(--neutral-64);
        --premium-nitro-pink-text: var(--pink-34);
        --scrollbar-auto-scrollbar-color-thumb: var(--neutral-38);
        --scrollbar-auto-scrollbar-color-track: var(--neutral-74);
        --scrollbar-auto-thumb: var(--neutral-36);
        --scrollbar-auto-track: hsl(var(--transparent-hsl)/0);
        --scrollbar-thin-thumb: var(--neutral-38);
        --spine-default: hsl(var(--opacity-44-hsl)/0.4392156862745098);
        --spoiler-hidden-background: var(--neutral-36);
        --text-brand: var(--blurple-26);
        --text-link: var(--blue-new-26);
        --text-muted: var(--neutral-22);
        --text-normal: var(--neutral-9);
        --text-positive: var(--green-new-25);
        --text-primary: var(--neutral-1);
        --text-secondary: var(--neutral-16);
        --text-warning: var(--yellow-new-22);
        --user-profile-background-hover: hsl(var(--opacity-8-hsl)/0.0784313725490196);
        --user-profile-overlay-background: var(--neutral-60);
        --user-profile-overlay-background-hover: hsl(var(--opacity-8-hsl)/0.0784313725490196);
        --app-background-frame: var(--neutral-78);
        --background-code: hsl(var(--opacity-blurple-8-hsl)/0.0784313725490196);
        --background-code-addition: hsl(var(--opacity-green-12-hsl)/0.12156862745098039);
        --background-code-deletion: hsl(var(--opacity-red-12-hsl)/0.12156862745098039);
        --background-feedback-critical: hsl(var(--opacity-red-8-hsl)/0.0784313725490196);
        --background-feedback-info: hsl(var(--opacity-blue-8-hsl)/0.0784313725490196);
        --background-feedback-positive: hsl(var(--opacity-green-8-hsl)/0.0784313725490196);
        --background-feedback-warning: hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196);
        --background-mod-faint: hsl(var(--opacity-4-hsl)/0.0392156862745098);
        --background-mod-normal: hsl(var(--opacity-16-hsl)/0.1607843137254902);
        --background-mod-strong: hsl(var(--opacity-20-hsl)/0.2);
        --background-mod-subtle: hsl(var(--opacity-8-hsl)/0.0784313725490196);
        --background-surface-high: var(--neutral-64);
        --background-surface-higher: var(--neutral-62);
        --background-surface-highest: var(--neutral-60);
        --border-feedback-critical: hsl(var(--opacity-red-20-hsl)/0.2);
        --border-normal: hsl(var(--opacity-20-hsl)/0.2);
        --chat-background-default: var(--neutral-64);
        --chat-text-muted: var(--neutral-27);
        --checkbox-background-checked: var(--blurple-50);
        --checkbox-background-default: hsl(var(--opacity-4-hsl)/0.0392156862745098);
        --checkbox-border-checked: var(--blurple-50);
        --checkbox-border-default: var(--neutral-34);
        --icon-default: var(--neutral-9);
        --icon-link: var(--blue-new-26);
        --icon-tertiary: var(--neutral-22);
        --notice-background-critical: var(--red-new-74);
        --notice-background-info: var(--blue-new-76);
        --notice-background-positive: var(--green-new-76);
        --notice-background-warning: var(--yellow-new-75);
        --notice-text-critical: var(--red-new-1);
        --notice-text-info: var(--blue-new-1);
        --notice-text-positive: var(--green-new-2);
        --notice-text-warning: var(--yellow-new-1);
        --spoiler-hidden-background-hover: var(--neutral-27);
        --text-code-addition: var(--green-new-15);
        --text-code-builtin: var(--orange-new-13);
        --text-code-bullet: var(--yellow-new-14);
        --text-code-comment: var(--neutral-25);
        --text-code-default: var(--blue-new-15);
        --text-code-deletion: var(--red-new-11);
        --text-code-keyword: var(--red-new-12);
        --text-code-section: var(--blue-new-15);
        --text-code-string: var(--teal-new-16);
        --text-code-tag: var(--green-new-12);
        --text-code-title: var(--blurple-9);
        --text-code-variable: var(--blue-new-10);
        --text-default: var(--neutral-9);
        --text-feedback-critical: var(--red-new-22);
        --text-feedback-info: var(--blue-new-24);
        --text-feedback-positive: var(--green-new-25);
        --text-feedback-warning: var(--yellow-new-22);
        --text-tertiary: var(--neutral-22);
        --user-profile-toolbar-background: var(--neutral-60)
    }

@supports (color:color-mix(in lch,red,blue)) {
    .visual-refresh .theme-dark, .visual-refresh.theme-dark {
        --activity-card-background: color-mix(in oklab,var(--neutral-64) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --autocomplete-bg: color-mix(in oklab,var(--neutral-64) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-floating: color-mix(in oklab,var(--neutral-64) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-mentioned: color-mix(in oklab,hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --background-mentioned-hover: color-mix(in oklab,hsl(var(--opacity-yellow-4-hsl)/0.0392156862745098) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--theme-base-color-amount,0%));
        --background-message-highlight: color-mix(in oklab,hsl(var(--opacity-blurple-16-hsl)/0.1607843137254902) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--theme-base-color-amount,0%));
        --background-message-highlight-hover: color-mix(in oklab,hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--theme-base-color-amount,0%));
        --background-message-hover: color-mix(in oklab,hsl(var(--opacity-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --background-primary: color-mix(in oklab,var(--neutral-66) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-secondary: color-mix(in oklab,var(--neutral-69) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-tertiary: color-mix(in oklab,var(--neutral-73) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-base-primary: color-mix(in oklab,var(--neutral-66) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-base-secondary: color-mix(in oklab,var(--neutral-69) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-base-tertiary: color-mix(in oklab,var(--neutral-73) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-mod-faint: color-mix(in oklab,hsl(var(--opacity-4-hsl)/0.0392156862745098) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--theme-base-color-amount,0%));
        --bg-mod-strong: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.2) var(--theme-base-color-amount,0%));
        --bg-mod-subtle: color-mix(in oklab,hsl(var(--opacity-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --border-faint: color-mix(in oklab,hsl(var(--opacity-4-hsl)/0.0392156862745098) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)));
        --border-strong: color-mix(in oklab,hsl(var(--opacity-44-hsl)/0.4392156862745098) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.4392156862745098) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)));
        --border-subtle: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)));
        --card-primary-bg: color-mix(in oklab,var(--neutral-64) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --card-secondary-bg: color-mix(in oklab,hsl(var(--opacity-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --channel-icon: color-mix(in oklab,var(--neutral-27) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --channels-default: color-mix(in oklab,var(--neutral-27) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --header-muted: color-mix(in oklab,var(--neutral-22) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --header-primary: color-mix(in oklab,var(--neutral-1) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --header-secondary: color-mix(in oklab,var(--neutral-9) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --icon-muted: color-mix(in oklab,var(--neutral-22) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --icon-primary: color-mix(in oklab,var(--neutral-1) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --icon-secondary: color-mix(in oklab,var(--neutral-16) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-danger-background: color-mix(in oklab,hsl(var(--opacity-red-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --info-danger-text: color-mix(in oklab,var(--red-new-22) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-help-background: color-mix(in oklab,hsl(var(--opacity-blue-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --info-help-text: color-mix(in oklab,var(--blue-new-24) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-positive-background: color-mix(in oklab,hsl(var(--opacity-green-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --info-positive-text: color-mix(in oklab,var(--green-new-25) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-warning-background: color-mix(in oklab,hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --info-warning-text: color-mix(in oklab,var(--yellow-new-22) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --input-background: color-mix(in oklab,hsl(var(--opacity-black-20-hsl)/0.2) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.2) var(--theme-base-color-amount,0%));
        --input-border: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.2) var(--theme-base-color-amount,0%));
        --input-focused-border: color-mix(in oklab,hsl(var(--white-hsl)/0.04) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.04) var(--theme-base-color-amount,0%));
        --input-placeholder-text: color-mix(in oklab,var(--neutral-32) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --interactive-active: color-mix(in oklab,var(--neutral-1) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --interactive-hover: color-mix(in oklab,var(--neutral-1) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --interactive-normal: color-mix(in oklab,var(--neutral-16) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --mention-background: color-mix(in oklab,hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--theme-base-color-amount,0%));
        --mention-foreground: color-mix(in oklab,var(--blurple-8) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --message-reacted-background: color-mix(in oklab,hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--theme-base-color-amount,0%));
        --message-reacted-text: color-mix(in oklab,var(--blurple-3) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --modal-background: color-mix(in oklab,var(--neutral-64) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --modal-footer-background: color-mix(in oklab,var(--neutral-64) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --premium-nitro-pink-text: color-mix(in oklab,var(--pink-34) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --scrollbar-auto-scrollbar-color-thumb: color-mix(in oklab,var(--neutral-38) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --scrollbar-auto-scrollbar-color-track: color-mix(in oklab,var(--neutral-74) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --scrollbar-auto-thumb: color-mix(in oklab,var(--neutral-36) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --scrollbar-auto-track: color-mix(in oklab,hsl(var(--transparent-hsl)/0) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0) var(--theme-base-color-amount,0%));
        --scrollbar-thin-thumb: color-mix(in oklab,var(--neutral-38) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --spine-default: color-mix(in oklab,hsl(var(--opacity-44-hsl)/0.4392156862745098) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.4392156862745098) var(--theme-base-color-amount,0%));
        --spoiler-hidden-background: color-mix(in oklab,var(--neutral-36) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --text-brand: color-mix(in oklab,var(--blurple-26) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-link: color-mix(in oklab,var(--blue-new-26) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-muted: color-mix(in oklab,var(--neutral-22) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-normal: color-mix(in oklab,var(--neutral-9) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-positive: color-mix(in oklab,var(--green-new-25) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-primary: color-mix(in oklab,var(--neutral-1) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-secondary: color-mix(in oklab,var(--neutral-16) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-warning: color-mix(in oklab,var(--yellow-new-22) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --user-profile-background-hover: color-mix(in oklab,hsl(var(--opacity-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --user-profile-overlay-background: color-mix(in oklab,var(--neutral-60) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --user-profile-overlay-background-hover: color-mix(in oklab,hsl(var(--opacity-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --app-background-frame: color-mix(in oklab,var(--neutral-78) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-code: color-mix(in oklab,hsl(var(--opacity-blurple-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --background-code-addition: color-mix(in oklab,hsl(var(--opacity-green-12-hsl)/0.12156862745098039) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--theme-base-color-amount,0%));
        --background-code-deletion: color-mix(in oklab,hsl(var(--opacity-red-12-hsl)/0.12156862745098039) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--theme-base-color-amount,0%));
        --background-feedback-critical: color-mix(in oklab,hsl(var(--opacity-red-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --background-feedback-info: color-mix(in oklab,hsl(var(--opacity-blue-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --background-feedback-positive: color-mix(in oklab,hsl(var(--opacity-green-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --background-feedback-warning: color-mix(in oklab,hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --background-surface-high: color-mix(in oklab,var(--neutral-64) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-surface-higher: color-mix(in oklab,var(--neutral-62) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-surface-highest: color-mix(in oklab,var(--neutral-60) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --border-feedback-critical: color-mix(in oklab,hsl(var(--opacity-red-20-hsl)/0.2) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.2) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)));
        --border-normal: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.2) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)));
        --chat-background-default: color-mix(in oklab,var(--neutral-64) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --chat-text-muted: color-mix(in oklab,var(--neutral-27) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --checkbox-background-checked: color-mix(in oklab,var(--blurple-50) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --checkbox-background-default: color-mix(in oklab,hsl(var(--opacity-4-hsl)/0.0392156862745098) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--theme-base-color-amount,0%));
        --checkbox-border-checked: color-mix(in oklab,var(--blurple-50) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --checkbox-border-default: color-mix(in oklab,var(--neutral-34) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --icon-default: color-mix(in oklab,var(--neutral-9) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --icon-link: color-mix(in oklab,var(--blue-new-26) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --icon-tertiary: color-mix(in oklab,var(--neutral-22) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --notice-background-critical: color-mix(in oklab,var(--red-new-74) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --notice-background-info: color-mix(in oklab,var(--blue-new-76) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --notice-background-positive: color-mix(in oklab,var(--green-new-76) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --notice-background-warning: color-mix(in oklab,var(--yellow-new-75) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --notice-text-critical: color-mix(in oklab,var(--red-new-1) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --notice-text-info: color-mix(in oklab,var(--blue-new-1) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --notice-text-positive: color-mix(in oklab,var(--green-new-2) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --notice-text-warning: color-mix(in oklab,var(--yellow-new-1) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --spoiler-hidden-background-hover: color-mix(in oklab,var(--neutral-27) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --text-code-addition: color-mix(in oklab,var(--green-new-15) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-builtin: color-mix(in oklab,var(--orange-new-13) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-bullet: color-mix(in oklab,var(--yellow-new-14) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-comment: color-mix(in oklab,var(--neutral-25) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-default: color-mix(in oklab,var(--blue-new-15) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-deletion: color-mix(in oklab,var(--red-new-11) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-keyword: color-mix(in oklab,var(--red-new-12) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-section: color-mix(in oklab,var(--blue-new-15) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-string: color-mix(in oklab,var(--teal-new-16) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-tag: color-mix(in oklab,var(--green-new-12) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-title: color-mix(in oklab,var(--blurple-9) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-variable: color-mix(in oklab,var(--blue-new-10) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-default: color-mix(in oklab,var(--neutral-9) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-feedback-critical: color-mix(in oklab,var(--red-new-22) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-feedback-info: color-mix(in oklab,var(--blue-new-24) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-feedback-positive: color-mix(in oklab,var(--green-new-25) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-feedback-warning: color-mix(in oklab,var(--yellow-new-22) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-tertiary: color-mix(in oklab,var(--neutral-22) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --user-profile-toolbar-background: color-mix(in oklab,var(--neutral-60) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%))
    }
}

.visual-refresh .theme-light, .visual-refresh.theme-light {
    --activity-card-background: var(--neutral-1);
    --autocomplete-bg: var(--neutral-1);
    --background-floating: var(--neutral-1);
    --background-mentioned: hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196);
    --background-mentioned-hover: hsl(var(--opacity-yellow-12-hsl)/0.12156862745098039);
    --background-message-highlight: hsl(var(--opacity-blurple-16-hsl)/0.1607843137254902);
    --background-message-highlight-hover: hsl(var(--opacity-blurple-20-hsl)/0.2);
    --background-message-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --background-modifier-accent: hsl(var(--opacity-28-hsl)/0.2784313725490196);
    --background-modifier-active: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --background-modifier-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --background-modifier-selected: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --background-primary: var(--neutral-2);
    --background-secondary: var(--neutral-2);
    --background-tertiary: var(--neutral-4);
    --bg-base-primary: var(--neutral-2);
    --bg-base-secondary: var(--neutral-2);
    --bg-base-tertiary: var(--neutral-4);
    --bg-brand: var(--blurple-50);
    --bg-mod-faint: hsl(var(--opacity-8-hsl)/0.0784313725490196);
    --bg-mod-strong: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --bg-mod-subtle: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --border-faint: hsl(var(--opacity-20-hsl)/0.2);
    --border-strong: hsl(var(--opacity-48-hsl)/0.47843137254901963);
    --border-subtle: hsl(var(--opacity-28-hsl)/0.2784313725490196);
    --button-danger-background: var(--red-new-50);
    --button-danger-background-active: var(--red-new-61);
    --button-danger-background-disabled: var(--red-new-50);
    --button-danger-background-hover: var(--red-new-57);
    --button-danger-border: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --button-filled-brand-border: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --button-filled-brand-inverted-background-active: var(--neutral-17);
    --button-filled-brand-inverted-background-hover: var(--neutral-9);
    --button-filled-brand-inverted-text: var(--black);
    --button-filled-white-background-active: var(--neutral-17);
    --button-filled-white-background-hover: var(--neutral-9);
    --button-filled-white-text: var(--black);
    --button-outline-danger-background: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --button-outline-danger-background-active: hsl(var(--primary-400-hsl)/0.08);
    --button-outline-danger-background-hover: hsl(var(--opacity-28-hsl)/0.2784313725490196);
    --button-outline-danger-border: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --button-outline-danger-border-active: hsl(var(--opacity-8-hsl)/0.0784313725490196);
    --button-outline-danger-border-hover: hsl(var(--opacity-8-hsl)/0.0784313725490196);
    --button-outline-danger-text: var(--red-500);
    --button-outline-danger-text-active: var(--red-500);
    --button-outline-danger-text-hover: var(--red-500);
    --button-positive-background: var(--green-new-50);
    --button-positive-background-active: var(--green-new-57);
    --button-positive-background-disabled: var(--green-new-50);
    --button-positive-background-hover: var(--green-new-53);
    --button-positive-border: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --button-secondary-background: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --button-secondary-background-active: hsl(var(--primary-400-hsl)/0.08);
    --button-secondary-background-disabled: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --button-secondary-background-hover: hsl(var(--opacity-28-hsl)/0.2784313725490196);
    --button-secondary-text: var(--neutral-95);
    --button-transparent-background: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --button-transparent-background-active: hsl(var(--primary-400-hsl)/0.08);
    --button-transparent-background-hover: hsl(var(--opacity-28-hsl)/0.2784313725490196);
    --button-transparent-text: var(--neutral-95);
    --card-primary-bg: var(--neutral-1);
    --card-secondary-bg: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --channel-icon: var(--neutral-42);
    --channels-default: var(--neutral-42);
    --header-muted: var(--neutral-38);
    --header-primary: var(--neutral-71);
    --header-secondary: var(--neutral-69);
    --icon-muted: var(--neutral-38);
    --icon-primary: var(--neutral-71);
    --icon-secondary: var(--neutral-44);
    --info-danger-background: hsl(var(--opacity-red-8-hsl)/0.0784313725490196);
    --info-danger-text: var(--red-new-54);
    --info-help-background: hsl(var(--opacity-blue-8-hsl)/0.0784313725490196);
    --info-help-text: var(--blue-new-56);
    --info-positive-background: hsl(var(--opacity-green-8-hsl)/0.0784313725490196);
    --info-positive-text: var(--green-new-55);
    --info-warning-background: hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196);
    --info-warning-text: var(--yellow-new-54);
    --input-background: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
    --input-border: hsl(var(--opacity-36-hsl)/0.3607843137254902);
    --input-focused-border: hsl(var(--black-hsl)/0.04);
    --input-placeholder-text: var(--neutral-44);
    --interactive-active: var(--neutral-71);
    --interactive-hover: var(--neutral-71);
    --interactive-normal: var(--neutral-44);
    --mention-background: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
    --mention-foreground: var(--blurple-71);
    --message-reacted-background: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
    --message-reacted-text: var(--blurple-75);
    --modal-background: var(--neutral-1);
    --modal-footer-background: var(--neutral-1);
    --premium-nitro-pink-text: var(--pink-61);
    --scrollbar-auto-scrollbar-color-thumb: var(--neutral-31);
    --scrollbar-auto-scrollbar-color-track: var(--neutral-3);
    --scrollbar-auto-thumb: var(--neutral-30);
    --scrollbar-auto-track: hsl(var(--transparent-hsl)/0);
    --scrollbar-thin-thumb: var(--neutral-32);
    --spine-default: hsl(var(--opacity-48-hsl)/0.47843137254901963);
    --spoiler-hidden-background: var(--neutral-30);
    --text-brand: var(--blurple-49);
    --text-link: var(--blue-new-49);
    --text-muted: var(--neutral-38);
    --text-normal: var(--neutral-69);
    --text-positive: var(--green-new-55);
    --text-primary: var(--neutral-71);
    --text-secondary: var(--neutral-44);
    --text-warning: var(--yellow-new-54);
    --user-profile-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --user-profile-overlay-background: var(--neutral-1);
    --user-profile-overlay-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --app-background-frame: var(--neutral-7);
    --background-code: hsl(var(--opacity-blurple-4-hsl)/0.0392156862745098);
    --background-code-addition: hsl(var(--opacity-green-12-hsl)/0.12156862745098039);
    --background-code-deletion: hsl(var(--opacity-red-12-hsl)/0.12156862745098039);
    --background-feedback-critical: hsl(var(--opacity-red-8-hsl)/0.0784313725490196);
    --background-feedback-info: hsl(var(--opacity-blue-8-hsl)/0.0784313725490196);
    --background-feedback-positive: hsl(var(--opacity-green-8-hsl)/0.0784313725490196);
    --background-feedback-warning: hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196);
    --background-mod-faint: hsl(var(--opacity-8-hsl)/0.0784313725490196);
    --background-mod-normal: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --background-mod-strong: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --background-mod-subtle: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --background-surface-high: var(--neutral-1);
    --background-surface-higher: var(--neutral-1);
    --background-surface-highest: var(--neutral-1);
    --border-feedback-critical: hsl(var(--opacity-red-24-hsl)/0.23921568627450981);
    --border-normal: hsl(var(--opacity-36-hsl)/0.3607843137254902);
    --chat-background-default: var(--neutral-1);
    --chat-text-muted: var(--neutral-39);
    --checkbox-background-checked: var(--blurple-50);
    --checkbox-background-default: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --checkbox-border-checked: var(--blurple-50);
    --checkbox-border-default: var(--neutral-30);
    --icon-default: var(--neutral-69);
    --icon-link: var(--blue-new-49);
    --icon-tertiary: var(--neutral-38);
    --notice-background-critical: var(--red-new-1);
    --notice-background-info: var(--blue-new-1);
    --notice-background-positive: var(--green-new-1);
    --notice-background-warning: var(--yellow-new-1);
    --notice-text-critical: var(--red-new-77);
    --notice-text-info: var(--blue-new-76);
    --notice-text-positive: var(--green-new-75);
    --notice-text-warning: var(--yellow-new-76);
    --spoiler-hidden-background-hover: var(--neutral-39);
    --text-code-addition: var(--green-new-67);
    --text-code-builtin: var(--orange-new-63);
    --text-code-bullet: var(--yellow-new-63);
    --text-code-comment: var(--neutral-40);
    --text-code-default: var(--blue-new-64);
    --text-code-deletion: var(--red-new-66);
    --text-code-keyword: var(--red-new-62);
    --text-code-section: var(--blue-new-64);
    --text-code-string: var(--teal-new-64);
    --text-code-tag: var(--green-new-68);
    --text-code-title: var(--blurple-68);
    --text-code-variable: var(--blue-new-68);
    --text-default: var(--neutral-69);
    --text-feedback-critical: var(--red-new-54);
    --text-feedback-info: var(--blue-new-56);
    --text-feedback-positive: var(--green-new-55);
    --text-feedback-warning: var(--yellow-new-54);
    --text-tertiary: var(--neutral-38);
    --user-profile-toolbar-background: var(--neutral-1)
}

@supports (color:color-mix(in lch,red,blue)) {
    .visual-refresh .theme-light, .visual-refresh.theme-light {
        --activity-card-background: color-mix(in oklab,var(--neutral-1) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --autocomplete-bg: color-mix(in oklab,var(--neutral-1) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-floating: color-mix(in oklab,var(--neutral-1) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-mentioned: color-mix(in oklab,hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --background-mentioned-hover: color-mix(in oklab,hsl(var(--opacity-yellow-12-hsl)/0.12156862745098039) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--theme-base-color-amount,0%));
        --background-message-highlight: color-mix(in oklab,hsl(var(--opacity-blurple-16-hsl)/0.1607843137254902) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--theme-base-color-amount,0%));
        --background-message-highlight-hover: color-mix(in oklab,hsl(var(--opacity-blurple-20-hsl)/0.2) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.2) var(--theme-base-color-amount,0%));
        --background-message-hover: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--theme-base-color-amount,0%));
        --background-primary: color-mix(in oklab,var(--neutral-2) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-secondary: color-mix(in oklab,var(--neutral-2) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-tertiary: color-mix(in oklab,var(--neutral-4) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-base-primary: color-mix(in oklab,var(--neutral-2) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-base-secondary: color-mix(in oklab,var(--neutral-2) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-base-tertiary: color-mix(in oklab,var(--neutral-4) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-mod-faint: color-mix(in oklab,hsl(var(--opacity-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --bg-mod-strong: color-mix(in oklab,hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--theme-base-color-amount,0%));
        --bg-mod-subtle: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--theme-base-color-amount,0%));
        --border-faint: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.2) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)));
        --border-strong: color-mix(in oklab,hsl(var(--opacity-48-hsl)/0.47843137254901963) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.47843137254901963) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)));
        --border-subtle: color-mix(in oklab,hsl(var(--opacity-28-hsl)/0.2784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.2784313725490196) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)));
        --card-primary-bg: color-mix(in oklab,var(--neutral-1) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --card-secondary-bg: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--theme-base-color-amount,0%));
        --channel-icon: color-mix(in oklab,var(--neutral-42) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --channels-default: color-mix(in oklab,var(--neutral-42) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --header-muted: color-mix(in oklab,var(--neutral-38) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --header-primary: color-mix(in oklab,var(--neutral-71) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --header-secondary: color-mix(in oklab,var(--neutral-69) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --icon-muted: color-mix(in oklab,var(--neutral-38) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --icon-primary: color-mix(in oklab,var(--neutral-71) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --icon-secondary: color-mix(in oklab,var(--neutral-44) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-danger-background: color-mix(in oklab,hsl(var(--opacity-red-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --info-danger-text: color-mix(in oklab,var(--red-new-54) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-help-background: color-mix(in oklab,hsl(var(--opacity-blue-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --info-help-text: color-mix(in oklab,var(--blue-new-56) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-positive-background: color-mix(in oklab,hsl(var(--opacity-green-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --info-positive-text: color-mix(in oklab,var(--green-new-55) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-warning-background: color-mix(in oklab,hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --info-warning-text: color-mix(in oklab,var(--yellow-new-54) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --input-background: color-mix(in oklab,hsl(var(--opacity-black-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --input-border: color-mix(in oklab,hsl(var(--opacity-36-hsl)/0.3607843137254902) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.3607843137254902) var(--theme-base-color-amount,0%));
        --input-focused-border: color-mix(in oklab,hsl(var(--black-hsl)/0.04) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.04) var(--theme-base-color-amount,0%));
        --input-placeholder-text: color-mix(in oklab,var(--neutral-44) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --interactive-active: color-mix(in oklab,var(--neutral-71) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --interactive-hover: color-mix(in oklab,var(--neutral-71) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --interactive-normal: color-mix(in oklab,var(--neutral-44) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --mention-background: color-mix(in oklab,hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--theme-base-color-amount,0%));
        --mention-foreground: color-mix(in oklab,var(--blurple-71) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --message-reacted-background: color-mix(in oklab,hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--theme-base-color-amount,0%));
        --message-reacted-text: color-mix(in oklab,var(--blurple-75) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --modal-background: color-mix(in oklab,var(--neutral-1) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --modal-footer-background: color-mix(in oklab,var(--neutral-1) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --premium-nitro-pink-text: color-mix(in oklab,var(--pink-61) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --scrollbar-auto-scrollbar-color-thumb: color-mix(in oklab,var(--neutral-31) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --scrollbar-auto-scrollbar-color-track: color-mix(in oklab,var(--neutral-3) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --scrollbar-auto-thumb: color-mix(in oklab,var(--neutral-30) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --scrollbar-auto-track: color-mix(in oklab,hsl(var(--transparent-hsl)/0) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0) var(--theme-base-color-amount,0%));
        --scrollbar-thin-thumb: color-mix(in oklab,var(--neutral-32) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --spine-default: color-mix(in oklab,hsl(var(--opacity-48-hsl)/0.47843137254901963) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.47843137254901963) var(--theme-base-color-amount,0%));
        --spoiler-hidden-background: color-mix(in oklab,var(--neutral-30) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --text-brand: color-mix(in oklab,var(--blurple-49) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-link: color-mix(in oklab,var(--blue-new-49) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-muted: color-mix(in oklab,var(--neutral-38) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-normal: color-mix(in oklab,var(--neutral-69) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-positive: color-mix(in oklab,var(--green-new-55) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-primary: color-mix(in oklab,var(--neutral-71) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-secondary: color-mix(in oklab,var(--neutral-44) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-warning: color-mix(in oklab,var(--yellow-new-54) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --user-profile-background-hover: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--theme-base-color-amount,0%));
        --user-profile-overlay-background: color-mix(in oklab,var(--neutral-1) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --user-profile-overlay-background-hover: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--theme-base-color-amount,0%));
        --app-background-frame: color-mix(in oklab,var(--neutral-7) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-code: color-mix(in oklab,hsl(var(--opacity-blurple-4-hsl)/0.0392156862745098) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--theme-base-color-amount,0%));
        --background-code-addition: color-mix(in oklab,hsl(var(--opacity-green-12-hsl)/0.12156862745098039) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--theme-base-color-amount,0%));
        --background-code-deletion: color-mix(in oklab,hsl(var(--opacity-red-12-hsl)/0.12156862745098039) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--theme-base-color-amount,0%));
        --background-feedback-critical: color-mix(in oklab,hsl(var(--opacity-red-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --background-feedback-info: color-mix(in oklab,hsl(var(--opacity-blue-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --background-feedback-positive: color-mix(in oklab,hsl(var(--opacity-green-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --background-feedback-warning: color-mix(in oklab,hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --background-surface-high: color-mix(in oklab,var(--neutral-1) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-surface-higher: color-mix(in oklab,var(--neutral-1) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-surface-highest: color-mix(in oklab,var(--neutral-1) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --border-feedback-critical: color-mix(in oklab,hsl(var(--opacity-red-24-hsl)/0.23921568627450981) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)));
        --border-normal: color-mix(in oklab,hsl(var(--opacity-36-hsl)/0.3607843137254902) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.3607843137254902) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)));
        --chat-background-default: color-mix(in oklab,var(--neutral-1) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --chat-text-muted: color-mix(in oklab,var(--neutral-39) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --checkbox-background-checked: color-mix(in oklab,var(--blurple-50) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --checkbox-background-default: color-mix(in oklab,hsl(var(--opacity-4-hsl)/0.0392156862745098) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--theme-base-color-amount,0%));
        --checkbox-border-checked: color-mix(in oklab,var(--blurple-50) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --checkbox-border-default: color-mix(in oklab,var(--neutral-30) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --icon-default: color-mix(in oklab,var(--neutral-69) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --icon-link: color-mix(in oklab,var(--blue-new-49) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --icon-tertiary: color-mix(in oklab,var(--neutral-38) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --notice-background-critical: color-mix(in oklab,var(--red-new-1) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --notice-background-info: color-mix(in oklab,var(--blue-new-1) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --notice-background-positive: color-mix(in oklab,var(--green-new-1) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --notice-background-warning: color-mix(in oklab,var(--yellow-new-1) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --notice-text-critical: color-mix(in oklab,var(--red-new-77) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --notice-text-info: color-mix(in oklab,var(--blue-new-76) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --notice-text-positive: color-mix(in oklab,var(--green-new-75) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --notice-text-warning: color-mix(in oklab,var(--yellow-new-76) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --spoiler-hidden-background-hover: color-mix(in oklab,var(--neutral-39) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --text-code-addition: color-mix(in oklab,var(--green-new-67) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-builtin: color-mix(in oklab,var(--orange-new-63) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-bullet: color-mix(in oklab,var(--yellow-new-63) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-comment: color-mix(in oklab,var(--neutral-40) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-default: color-mix(in oklab,var(--blue-new-64) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-deletion: color-mix(in oklab,var(--red-new-66) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-keyword: color-mix(in oklab,var(--red-new-62) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-section: color-mix(in oklab,var(--blue-new-64) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-string: color-mix(in oklab,var(--teal-new-64) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-tag: color-mix(in oklab,var(--green-new-68) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-title: color-mix(in oklab,var(--blurple-68) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-variable: color-mix(in oklab,var(--blue-new-68) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-default: color-mix(in oklab,var(--neutral-69) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-feedback-critical: color-mix(in oklab,var(--red-new-54) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-feedback-info: color-mix(in oklab,var(--blue-new-56) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-feedback-positive: color-mix(in oklab,var(--green-new-55) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-feedback-warning: color-mix(in oklab,var(--yellow-new-54) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-tertiary: color-mix(in oklab,var(--neutral-38) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --user-profile-toolbar-background: color-mix(in oklab,var(--neutral-1) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%))
    }
}

.visual-refresh .theme-midnight, .visual-refresh.theme-midnight {
    --activity-card-background: var(--neutral-91);
    --autocomplete-bg: var(--neutral-91);
    --background-floating: var(--neutral-91);
    --background-mentioned: hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196);
    --background-mentioned-hover: hsl(var(--opacity-yellow-4-hsl)/0.0392156862745098);
    --background-message-highlight: hsl(var(--opacity-blurple-16-hsl)/0.1607843137254902);
    --background-message-highlight-hover: hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039);
    --background-message-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --background-modifier-accent: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --background-modifier-active: hsl(var(--opacity-20-hsl)/0.2);
    --background-modifier-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --background-modifier-selected: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --background-primary: var(--neutral-95);
    --background-secondary: var(--neutral-97);
    --background-tertiary: var(--neutral-100);
    --bg-base-primary: var(--neutral-95);
    --bg-base-secondary: var(--neutral-97);
    --bg-base-tertiary: var(--neutral-100);
    --bg-brand: var(--blurple-50);
    --bg-mod-faint: hsl(var(--opacity-8-hsl)/0.0784313725490196);
    --bg-mod-strong: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --bg-mod-subtle: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --border-faint: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --border-strong: hsl(var(--opacity-44-hsl)/0.4392156862745098);
    --border-subtle: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --button-danger-background: var(--red-new-50);
    --button-danger-background-active: var(--red-new-61);
    --button-danger-background-disabled: var(--red-new-50);
    --button-danger-background-hover: var(--red-new-57);
    --button-danger-border: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --button-filled-brand-border: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --button-filled-brand-inverted-background-active: var(--neutral-17);
    --button-filled-brand-inverted-background-hover: var(--neutral-9);
    --button-filled-brand-inverted-text: var(--black);
    --button-filled-white-background-active: var(--neutral-17);
    --button-filled-white-background-hover: var(--neutral-9);
    --button-filled-white-text: var(--black);
    --button-outline-danger-background: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --button-outline-danger-background-active: hsl(var(--primary-500-hsl)/0.3);
    --button-outline-danger-background-hover: hsl(var(--opacity-20-hsl)/0.2);
    --button-outline-danger-border: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --button-outline-danger-border-active: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --button-outline-danger-border-hover: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --button-outline-danger-text: var(--red-345);
    --button-outline-danger-text-active: var(--red-345);
    --button-outline-danger-text-hover: var(--red-345);
    --button-positive-background: var(--green-new-50);
    --button-positive-background-active: var(--green-new-57);
    --button-positive-background-disabled: var(--green-new-50);
    --button-positive-background-hover: var(--green-new-53);
    --button-positive-border: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --button-secondary-background: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --button-secondary-background-active: hsl(var(--primary-500-hsl)/0.3);
    --button-secondary-background-disabled: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --button-secondary-background-hover: hsl(var(--opacity-20-hsl)/0.2);
    --button-secondary-text: var(--neutral-6);
    --button-transparent-background: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --button-transparent-background-active: hsl(var(--primary-500-hsl)/0.3);
    --button-transparent-background-hover: hsl(var(--opacity-20-hsl)/0.2);
    --button-transparent-text: var(--neutral-6);
    --card-primary-bg: var(--neutral-91);
    --card-secondary-bg: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --channel-icon: var(--neutral-36);
    --channels-default: var(--neutral-36);
    --header-muted: var(--neutral-33);
    --header-primary: var(--neutral-8);
    --header-secondary: var(--neutral-10);
    --icon-muted: var(--neutral-33);
    --icon-primary: var(--neutral-8);
    --icon-secondary: var(--neutral-27);
    --info-danger-background: hsl(var(--opacity-red-8-hsl)/0.0784313725490196);
    --info-danger-text: var(--red-new-37);
    --info-help-background: hsl(var(--opacity-blue-8-hsl)/0.0784313725490196);
    --info-help-text: var(--blue-new-40);
    --info-positive-background: hsl(var(--opacity-green-8-hsl)/0.0784313725490196);
    --info-positive-text: var(--green-new-40);
    --info-warning-background: hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196);
    --info-warning-text: var(--yellow-new-38);
    --input-background: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
    --input-border: hsl(var(--opacity-32-hsl)/0.3215686274509804);
    --input-focused-border: hsl(var(--plum-11-hsl)/0.24);
    --input-placeholder-text: var(--neutral-38);
    --interactive-active: var(--neutral-8);
    --interactive-hover: var(--neutral-8);
    --interactive-normal: var(--neutral-27);
    --mention-background: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
    --mention-foreground: var(--blurple-26);
    --message-reacted-background: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
    --message-reacted-text: var(--blurple-21);
    --modal-background: var(--neutral-91);
    --modal-footer-background: var(--neutral-91);
    --premium-nitro-pink-text: var(--pink-55);
    --scrollbar-auto-scrollbar-color-thumb: var(--neutral-45);
    --scrollbar-auto-scrollbar-color-track: var(--neutral-98);
    --scrollbar-auto-thumb: var(--neutral-45);
    --scrollbar-auto-track: hsl(var(--transparent-hsl)/0);
    --scrollbar-thin-thumb: var(--neutral-46);
    --spine-default: hsl(var(--opacity-44-hsl)/0.4392156862745098);
    --spoiler-hidden-background: var(--neutral-45);
    --text-brand: var(--blurple-41);
    --text-link: var(--blue-new-42);
    --text-muted: var(--neutral-33);
    --text-normal: var(--neutral-10);
    --text-positive: var(--green-new-40);
    --text-primary: var(--neutral-8);
    --text-secondary: var(--neutral-27);
    --text-warning: var(--yellow-new-38);
    --user-profile-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --user-profile-overlay-background: var(--neutral-83);
    --user-profile-overlay-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --app-background-frame: var(--neutral-100);
    --background-code: hsl(var(--opacity-blurple-8-hsl)/0.0784313725490196);
    --background-code-addition: hsl(var(--opacity-green-12-hsl)/0.12156862745098039);
    --background-code-deletion: hsl(var(--opacity-red-12-hsl)/0.12156862745098039);
    --background-feedback-critical: hsl(var(--opacity-red-8-hsl)/0.0784313725490196);
    --background-feedback-info: hsl(var(--opacity-blue-8-hsl)/0.0784313725490196);
    --background-feedback-positive: hsl(var(--opacity-green-8-hsl)/0.0784313725490196);
    --background-feedback-warning: hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196);
    --background-mod-faint: hsl(var(--opacity-8-hsl)/0.0784313725490196);
    --background-mod-normal: hsl(var(--opacity-20-hsl)/0.2);
    --background-mod-strong: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --background-mod-subtle: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --background-surface-high: var(--neutral-91);
    --background-surface-higher: var(--neutral-87);
    --background-surface-highest: var(--neutral-83);
    --border-feedback-critical: hsl(var(--opacity-red-24-hsl)/0.23921568627450981);
    --border-normal: hsl(var(--opacity-32-hsl)/0.3215686274509804);
    --chat-background-default: var(--neutral-91);
    --chat-text-muted: var(--neutral-37);
    --checkbox-background-checked: var(--blurple-50);
    --checkbox-background-default: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --checkbox-border-checked: var(--blurple-50);
    --checkbox-border-default: var(--neutral-43);
    --icon-default: var(--neutral-10);
    --icon-link: var(--blue-new-42);
    --icon-tertiary: var(--neutral-33);
    --notice-background-critical: var(--red-new-94);
    --notice-background-info: var(--blue-new-94);
    --notice-background-positive: var(--green-new-96);
    --notice-background-warning: var(--yellow-new-94);
    --notice-text-critical: var(--red-new-16);
    --notice-text-info: var(--blue-new-19);
    --notice-text-positive: var(--green-new-20);
    --notice-text-warning: var(--yellow-new-18);
    --spoiler-hidden-background-hover: var(--neutral-36);
    --text-code-addition: var(--green-new-31);
    --text-code-builtin: var(--orange-new-30);
    --text-code-bullet: var(--yellow-new-31);
    --text-code-comment: var(--neutral-36);
    --text-code-default: var(--blue-new-32);
    --text-code-deletion: var(--red-new-29);
    --text-code-keyword: var(--red-new-30);
    --text-code-section: var(--blue-new-32);
    --text-code-string: var(--teal-new-33);
    --text-code-tag: var(--green-new-28);
    --text-code-title: var(--blurple-27);
    --text-code-variable: var(--blue-new-28);
    --text-default: var(--neutral-10);
    --text-feedback-critical: var(--red-new-37);
    --text-feedback-info: var(--blue-new-40);
    --text-feedback-positive: var(--green-new-40);
    --text-feedback-warning: var(--yellow-new-38);
    --text-tertiary: var(--neutral-33);
    --user-profile-toolbar-background: var(--neutral-83)
}

@supports (color:color-mix(in lch,red,blue)) {
    .visual-refresh .theme-midnight, .visual-refresh.theme-midnight {
        --activity-card-background: color-mix(in oklab,var(--neutral-91) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --autocomplete-bg: color-mix(in oklab,var(--neutral-91) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-floating: color-mix(in oklab,var(--neutral-91) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-mentioned: color-mix(in oklab,hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --background-mentioned-hover: color-mix(in oklab,hsl(var(--opacity-yellow-4-hsl)/0.0392156862745098) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--theme-base-color-amount,0%));
        --background-message-highlight: color-mix(in oklab,hsl(var(--opacity-blurple-16-hsl)/0.1607843137254902) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--theme-base-color-amount,0%));
        --background-message-highlight-hover: color-mix(in oklab,hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--theme-base-color-amount,0%));
        --background-message-hover: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--theme-base-color-amount,0%));
        --background-primary: color-mix(in oklab,var(--neutral-95) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-secondary: color-mix(in oklab,var(--neutral-97) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-tertiary: color-mix(in oklab,var(--neutral-100) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-base-primary: color-mix(in oklab,var(--neutral-95) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-base-secondary: color-mix(in oklab,var(--neutral-97) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-base-tertiary: color-mix(in oklab,var(--neutral-100) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-mod-faint: color-mix(in oklab,hsl(var(--opacity-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --bg-mod-strong: color-mix(in oklab,hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--theme-base-color-amount,0%));
        --bg-mod-subtle: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--theme-base-color-amount,0%));
        --border-faint: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)));
        --border-strong: color-mix(in oklab,hsl(var(--opacity-44-hsl)/0.4392156862745098) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.4392156862745098) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)));
        --border-subtle: color-mix(in oklab,hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)));
        --card-primary-bg: color-mix(in oklab,var(--neutral-91) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --card-secondary-bg: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--theme-base-color-amount,0%));
        --channel-icon: color-mix(in oklab,var(--neutral-36) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --channels-default: color-mix(in oklab,var(--neutral-36) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --header-muted: color-mix(in oklab,var(--neutral-33) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --header-primary: color-mix(in oklab,var(--neutral-8) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --header-secondary: color-mix(in oklab,var(--neutral-10) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --icon-muted: color-mix(in oklab,var(--neutral-33) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --icon-primary: color-mix(in oklab,var(--neutral-8) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --icon-secondary: color-mix(in oklab,var(--neutral-27) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-danger-background: color-mix(in oklab,hsl(var(--opacity-red-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --info-danger-text: color-mix(in oklab,var(--red-new-37) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-help-background: color-mix(in oklab,hsl(var(--opacity-blue-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --info-help-text: color-mix(in oklab,var(--blue-new-40) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-positive-background: color-mix(in oklab,hsl(var(--opacity-green-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --info-positive-text: color-mix(in oklab,var(--green-new-40) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-warning-background: color-mix(in oklab,hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --info-warning-text: color-mix(in oklab,var(--yellow-new-38) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --input-background: color-mix(in oklab,hsl(var(--opacity-black-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --input-border: color-mix(in oklab,hsl(var(--opacity-32-hsl)/0.3215686274509804) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.3215686274509804) var(--theme-base-color-amount,0%));
        --input-focused-border: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.24) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.24) var(--theme-base-color-amount,0%));
        --input-placeholder-text: color-mix(in oklab,var(--neutral-38) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --interactive-active: color-mix(in oklab,var(--neutral-8) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --interactive-hover: color-mix(in oklab,var(--neutral-8) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --interactive-normal: color-mix(in oklab,var(--neutral-27) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --mention-background: color-mix(in oklab,hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--theme-base-color-amount,0%));
        --mention-foreground: color-mix(in oklab,var(--blurple-26) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --message-reacted-background: color-mix(in oklab,hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--theme-base-color-amount,0%));
        --message-reacted-text: color-mix(in oklab,var(--blurple-21) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --modal-background: color-mix(in oklab,var(--neutral-91) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --modal-footer-background: color-mix(in oklab,var(--neutral-91) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --premium-nitro-pink-text: color-mix(in oklab,var(--pink-55) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --scrollbar-auto-scrollbar-color-thumb: color-mix(in oklab,var(--neutral-45) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --scrollbar-auto-scrollbar-color-track: color-mix(in oklab,var(--neutral-98) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --scrollbar-auto-thumb: color-mix(in oklab,var(--neutral-45) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --scrollbar-auto-track: color-mix(in oklab,hsl(var(--transparent-hsl)/0) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0) var(--theme-base-color-amount,0%));
        --scrollbar-thin-thumb: color-mix(in oklab,var(--neutral-46) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --spine-default: color-mix(in oklab,hsl(var(--opacity-44-hsl)/0.4392156862745098) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.4392156862745098) var(--theme-base-color-amount,0%));
        --spoiler-hidden-background: color-mix(in oklab,var(--neutral-45) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --text-brand: color-mix(in oklab,var(--blurple-41) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-link: color-mix(in oklab,var(--blue-new-42) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-muted: color-mix(in oklab,var(--neutral-33) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-normal: color-mix(in oklab,var(--neutral-10) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-positive: color-mix(in oklab,var(--green-new-40) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-primary: color-mix(in oklab,var(--neutral-8) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-secondary: color-mix(in oklab,var(--neutral-27) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-warning: color-mix(in oklab,var(--yellow-new-38) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --user-profile-background-hover: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--theme-base-color-amount,0%));
        --user-profile-overlay-background: color-mix(in oklab,var(--neutral-83) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --user-profile-overlay-background-hover: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--theme-base-color-amount,0%));
        --app-background-frame: color-mix(in oklab,var(--neutral-100) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-code: color-mix(in oklab,hsl(var(--opacity-blurple-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --background-code-addition: color-mix(in oklab,hsl(var(--opacity-green-12-hsl)/0.12156862745098039) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--theme-base-color-amount,0%));
        --background-code-deletion: color-mix(in oklab,hsl(var(--opacity-red-12-hsl)/0.12156862745098039) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--theme-base-color-amount,0%));
        --background-feedback-critical: color-mix(in oklab,hsl(var(--opacity-red-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --background-feedback-info: color-mix(in oklab,hsl(var(--opacity-blue-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --background-feedback-positive: color-mix(in oklab,hsl(var(--opacity-green-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --background-feedback-warning: color-mix(in oklab,hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --background-surface-high: color-mix(in oklab,var(--neutral-91) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-surface-higher: color-mix(in oklab,var(--neutral-87) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-surface-highest: color-mix(in oklab,var(--neutral-83) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --border-feedback-critical: color-mix(in oklab,hsl(var(--opacity-red-24-hsl)/0.23921568627450981) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)));
        --border-normal: color-mix(in oklab,hsl(var(--opacity-32-hsl)/0.3215686274509804) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.3215686274509804) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)));
        --chat-background-default: color-mix(in oklab,var(--neutral-91) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --chat-text-muted: color-mix(in oklab,var(--neutral-37) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --checkbox-background-checked: color-mix(in oklab,var(--blurple-50) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --checkbox-background-default: color-mix(in oklab,hsl(var(--opacity-4-hsl)/0.0392156862745098) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--theme-base-color-amount,0%));
        --checkbox-border-checked: color-mix(in oklab,var(--blurple-50) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --checkbox-border-default: color-mix(in oklab,var(--neutral-43) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --icon-default: color-mix(in oklab,var(--neutral-10) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --icon-link: color-mix(in oklab,var(--blue-new-42) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --icon-tertiary: color-mix(in oklab,var(--neutral-33) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --notice-background-critical: color-mix(in oklab,var(--red-new-94) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --notice-background-info: color-mix(in oklab,var(--blue-new-94) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --notice-background-positive: color-mix(in oklab,var(--green-new-96) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --notice-background-warning: color-mix(in oklab,var(--yellow-new-94) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --notice-text-critical: color-mix(in oklab,var(--red-new-16) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --notice-text-info: color-mix(in oklab,var(--blue-new-19) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --notice-text-positive: color-mix(in oklab,var(--green-new-20) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --notice-text-warning: color-mix(in oklab,var(--yellow-new-18) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --spoiler-hidden-background-hover: color-mix(in oklab,var(--neutral-36) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --text-code-addition: color-mix(in oklab,var(--green-new-31) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-builtin: color-mix(in oklab,var(--orange-new-30) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-bullet: color-mix(in oklab,var(--yellow-new-31) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-comment: color-mix(in oklab,var(--neutral-36) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-default: color-mix(in oklab,var(--blue-new-32) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-deletion: color-mix(in oklab,var(--red-new-29) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-keyword: color-mix(in oklab,var(--red-new-30) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-section: color-mix(in oklab,var(--blue-new-32) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-string: color-mix(in oklab,var(--teal-new-33) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-tag: color-mix(in oklab,var(--green-new-28) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-title: color-mix(in oklab,var(--blurple-27) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-variable: color-mix(in oklab,var(--blue-new-28) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-default: color-mix(in oklab,var(--neutral-10) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-feedback-critical: color-mix(in oklab,var(--red-new-37) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-feedback-info: color-mix(in oklab,var(--blue-new-40) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-feedback-positive: color-mix(in oklab,var(--green-new-40) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-feedback-warning: color-mix(in oklab,var(--yellow-new-38) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-tertiary: color-mix(in oklab,var(--neutral-33) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --user-profile-toolbar-background: color-mix(in oklab,var(--neutral-83) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%))
    }
}

.visual-refresh .theme-darker, .visual-refresh.theme-darker {
    --activity-card-background: var(--neutral-79);
    --autocomplete-bg: var(--neutral-79);
    --background-floating: var(--neutral-79);
    --background-mentioned: hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196);
    --background-mentioned-hover: hsl(var(--opacity-yellow-4-hsl)/0.0392156862745098);
    --background-message-highlight: hsl(var(--opacity-blurple-16-hsl)/0.1607843137254902);
    --background-message-highlight-hover: hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039);
    --background-message-hover: hsl(var(--opacity-8-hsl)/0.0784313725490196);
    --background-modifier-accent: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --background-modifier-active: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --background-modifier-hover: hsl(var(--opacity-8-hsl)/0.0784313725490196);
    --background-modifier-selected: hsl(var(--opacity-20-hsl)/0.2);
    --background-primary: var(--neutral-82);
    --background-secondary: var(--neutral-86);
    --background-tertiary: var(--neutral-92);
    --bg-base-primary: var(--neutral-82);
    --bg-base-secondary: var(--neutral-86);
    --bg-base-tertiary: var(--neutral-92);
    --bg-brand: var(--blurple-50);
    --bg-mod-faint: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --bg-mod-strong: hsl(var(--opacity-20-hsl)/0.2);
    --bg-mod-subtle: hsl(var(--opacity-8-hsl)/0.0784313725490196);
    --border-faint: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --border-strong: hsl(var(--opacity-44-hsl)/0.4392156862745098);
    --border-subtle: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --button-danger-background: var(--red-new-50);
    --button-danger-background-active: var(--red-new-61);
    --button-danger-background-disabled: var(--red-new-50);
    --button-danger-background-hover: var(--red-new-57);
    --button-danger-border: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --button-filled-brand-border: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --button-filled-brand-inverted-background-active: var(--neutral-17);
    --button-filled-brand-inverted-background-hover: var(--neutral-9);
    --button-filled-brand-inverted-text: var(--black);
    --button-filled-white-background-active: var(--neutral-17);
    --button-filled-white-background-hover: var(--neutral-9);
    --button-filled-white-text: var(--black);
    --button-outline-danger-background: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --button-outline-danger-background-active: hsl(var(--primary-500-hsl)/0.3);
    --button-outline-danger-background-hover: hsl(var(--opacity-20-hsl)/0.2);
    --button-outline-danger-border: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --button-outline-danger-border-active: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --button-outline-danger-border-hover: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --button-outline-danger-text: var(--red-345);
    --button-outline-danger-text-active: var(--red-345);
    --button-outline-danger-text-hover: var(--red-345);
    --button-positive-background: var(--green-new-50);
    --button-positive-background-active: var(--green-new-57);
    --button-positive-background-disabled: var(--green-new-50);
    --button-positive-background-hover: var(--green-new-53);
    --button-positive-border: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --button-secondary-background: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --button-secondary-background-active: hsl(var(--primary-500-hsl)/0.3);
    --button-secondary-background-disabled: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --button-secondary-background-hover: hsl(var(--opacity-20-hsl)/0.2);
    --button-secondary-text: var(--neutral-6);
    --button-transparent-background: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --button-transparent-background-active: hsl(var(--primary-500-hsl)/0.3);
    --button-transparent-background-hover: hsl(var(--opacity-20-hsl)/0.2);
    --button-transparent-text: var(--neutral-6);
    --card-primary-bg: var(--neutral-79);
    --card-secondary-bg: hsl(var(--opacity-8-hsl)/0.0784313725490196);
    --channel-icon: var(--neutral-34);
    --channels-default: var(--neutral-34);
    --header-muted: var(--neutral-29);
    --header-primary: var(--neutral-2);
    --header-secondary: var(--neutral-5);
    --icon-muted: var(--neutral-29);
    --icon-primary: var(--neutral-2);
    --icon-secondary: var(--neutral-23);
    --info-danger-background: hsl(var(--opacity-red-8-hsl)/0.0784313725490196);
    --info-danger-text: var(--red-new-32);
    --info-help-background: hsl(var(--opacity-blue-8-hsl)/0.0784313725490196);
    --info-help-text: var(--blue-new-34);
    --info-positive-background: hsl(var(--opacity-green-8-hsl)/0.0784313725490196);
    --info-positive-text: var(--green-new-34);
    --info-warning-background: hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196);
    --info-warning-text: var(--yellow-new-32);
    --input-background: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
    --input-border: hsl(var(--opacity-20-hsl)/0.2);
    --input-focused-border: hsl(var(--plum-11-hsl)/0.32);
    --input-placeholder-text: var(--neutral-36);
    --interactive-active: var(--neutral-2);
    --interactive-hover: var(--neutral-2);
    --interactive-normal: var(--neutral-23);
    --mention-background: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
    --mention-foreground: var(--blurple-19);
    --message-reacted-background: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
    --message-reacted-text: var(--blurple-14);
    --modal-background: var(--neutral-79);
    --modal-footer-background: var(--neutral-79);
    --premium-nitro-pink-text: var(--pink-51);
    --scrollbar-auto-scrollbar-color-thumb: var(--neutral-43);
    --scrollbar-auto-scrollbar-color-track: var(--neutral-90);
    --scrollbar-auto-thumb: var(--neutral-42);
    --scrollbar-auto-track: hsl(var(--transparent-hsl)/0);
    --scrollbar-thin-thumb: var(--neutral-44);
    --spine-default: hsl(var(--opacity-44-hsl)/0.4392156862745098);
    --spoiler-hidden-background: var(--neutral-42);
    --text-brand: var(--blurple-35);
    --text-link: var(--blue-new-36);
    --text-muted: var(--neutral-29);
    --text-normal: var(--neutral-5);
    --text-positive: var(--green-new-34);
    --text-primary: var(--neutral-2);
    --text-secondary: var(--neutral-23);
    --text-warning: var(--yellow-new-32);
    --user-profile-background-hover: hsl(var(--opacity-8-hsl)/0.0784313725490196);
    --user-profile-overlay-background: var(--neutral-73);
    --user-profile-overlay-background-hover: hsl(var(--opacity-8-hsl)/0.0784313725490196);
    --app-background-frame: var(--neutral-97);
    --background-code: hsl(var(--opacity-blurple-8-hsl)/0.0784313725490196);
    --background-code-addition: hsl(var(--opacity-green-12-hsl)/0.12156862745098039);
    --background-code-deletion: hsl(var(--opacity-red-12-hsl)/0.12156862745098039);
    --background-feedback-critical: hsl(var(--opacity-red-8-hsl)/0.0784313725490196);
    --background-feedback-info: hsl(var(--opacity-blue-8-hsl)/0.0784313725490196);
    --background-feedback-positive: hsl(var(--opacity-green-8-hsl)/0.0784313725490196);
    --background-feedback-warning: hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196);
    --background-mod-faint: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --background-mod-normal: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --background-mod-strong: hsl(var(--opacity-20-hsl)/0.2);
    --background-mod-subtle: hsl(var(--opacity-8-hsl)/0.0784313725490196);
    --background-surface-high: var(--neutral-79);
    --background-surface-higher: var(--neutral-76);
    --background-surface-highest: var(--neutral-73);
    --border-feedback-critical: hsl(var(--opacity-red-20-hsl)/0.2);
    --border-normal: hsl(var(--opacity-20-hsl)/0.2);
    --chat-background-default: var(--neutral-80);
    --chat-text-muted: var(--neutral-34);
    --checkbox-background-checked: var(--blurple-50);
    --checkbox-background-default: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --checkbox-border-checked: var(--blurple-50);
    --checkbox-border-default: var(--neutral-40);
    --icon-default: var(--neutral-5);
    --icon-link: var(--blue-new-36);
    --icon-tertiary: var(--neutral-29);
    --notice-background-critical: var(--red-new-85);
    --notice-background-info: var(--blue-new-86);
    --notice-background-positive: var(--green-new-87);
    --notice-background-warning: var(--yellow-new-86);
    --notice-text-critical: var(--red-new-9);
    --notice-text-info: var(--blue-new-12);
    --notice-text-positive: var(--green-new-14);
    --notice-text-warning: var(--yellow-new-12);
    --spoiler-hidden-background-hover: var(--neutral-33);
    --text-code-addition: var(--green-new-26);
    --text-code-builtin: var(--orange-new-25);
    --text-code-bullet: var(--yellow-new-25);
    --text-code-comment: var(--neutral-32);
    --text-code-default: var(--blue-new-27);
    --text-code-deletion: var(--red-new-23);
    --text-code-keyword: var(--red-new-24);
    --text-code-section: var(--blue-new-27);
    --text-code-string: var(--teal-new-27);
    --text-code-tag: var(--green-new-23);
    --text-code-title: var(--blurple-21);
    --text-code-variable: var(--blue-new-22);
    --text-default: var(--neutral-5);
    --text-feedback-critical: var(--red-new-32);
    --text-feedback-info: var(--blue-new-34);
    --text-feedback-positive: var(--green-new-34);
    --text-feedback-warning: var(--yellow-new-32);
    --text-tertiary: var(--neutral-29);
    --user-profile-toolbar-background: var(--neutral-73)
}

@supports (color:color-mix(in lch,red,blue)) {
    .visual-refresh .theme-darker, .visual-refresh.theme-darker {
        --activity-card-background: color-mix(in oklab,var(--neutral-79) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --autocomplete-bg: color-mix(in oklab,var(--neutral-79) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-floating: color-mix(in oklab,var(--neutral-79) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-mentioned: color-mix(in oklab,hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --background-mentioned-hover: color-mix(in oklab,hsl(var(--opacity-yellow-4-hsl)/0.0392156862745098) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--theme-base-color-amount,0%));
        --background-message-highlight: color-mix(in oklab,hsl(var(--opacity-blurple-16-hsl)/0.1607843137254902) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--theme-base-color-amount,0%));
        --background-message-highlight-hover: color-mix(in oklab,hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--theme-base-color-amount,0%));
        --background-message-hover: color-mix(in oklab,hsl(var(--opacity-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --background-primary: color-mix(in oklab,var(--neutral-82) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-secondary: color-mix(in oklab,var(--neutral-86) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-tertiary: color-mix(in oklab,var(--neutral-92) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-base-primary: color-mix(in oklab,var(--neutral-82) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-base-secondary: color-mix(in oklab,var(--neutral-86) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-base-tertiary: color-mix(in oklab,var(--neutral-92) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --bg-mod-faint: color-mix(in oklab,hsl(var(--opacity-4-hsl)/0.0392156862745098) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--theme-base-color-amount,0%));
        --bg-mod-strong: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.2) var(--theme-base-color-amount,0%));
        --bg-mod-subtle: color-mix(in oklab,hsl(var(--opacity-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --border-faint: color-mix(in oklab,hsl(var(--opacity-4-hsl)/0.0392156862745098) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)));
        --border-strong: color-mix(in oklab,hsl(var(--opacity-44-hsl)/0.4392156862745098) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.4392156862745098) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)));
        --border-subtle: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)));
        --card-primary-bg: color-mix(in oklab,var(--neutral-79) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --card-secondary-bg: color-mix(in oklab,hsl(var(--opacity-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --channel-icon: color-mix(in oklab,var(--neutral-34) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --channels-default: color-mix(in oklab,var(--neutral-34) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --header-muted: color-mix(in oklab,var(--neutral-29) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --header-primary: color-mix(in oklab,var(--neutral-2) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --header-secondary: color-mix(in oklab,var(--neutral-5) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --icon-muted: color-mix(in oklab,var(--neutral-29) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --icon-primary: color-mix(in oklab,var(--neutral-2) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --icon-secondary: color-mix(in oklab,var(--neutral-23) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-danger-background: color-mix(in oklab,hsl(var(--opacity-red-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --info-danger-text: color-mix(in oklab,var(--red-new-32) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-help-background: color-mix(in oklab,hsl(var(--opacity-blue-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --info-help-text: color-mix(in oklab,var(--blue-new-34) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-positive-background: color-mix(in oklab,hsl(var(--opacity-green-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --info-positive-text: color-mix(in oklab,var(--green-new-34) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --info-warning-background: color-mix(in oklab,hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --info-warning-text: color-mix(in oklab,var(--yellow-new-32) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --input-background: color-mix(in oklab,hsl(var(--opacity-black-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --input-border: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.2) var(--theme-base-color-amount,0%));
        --input-focused-border: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.32) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.32) var(--theme-base-color-amount,0%));
        --input-placeholder-text: color-mix(in oklab,var(--neutral-36) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --interactive-active: color-mix(in oklab,var(--neutral-2) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --interactive-hover: color-mix(in oklab,var(--neutral-2) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --interactive-normal: color-mix(in oklab,var(--neutral-23) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --mention-background: color-mix(in oklab,hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--theme-base-color-amount,0%));
        --mention-foreground: color-mix(in oklab,var(--blurple-19) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --message-reacted-background: color-mix(in oklab,hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--theme-base-color-amount,0%));
        --message-reacted-text: color-mix(in oklab,var(--blurple-14) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --modal-background: color-mix(in oklab,var(--neutral-79) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --modal-footer-background: color-mix(in oklab,var(--neutral-79) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --premium-nitro-pink-text: color-mix(in oklab,var(--pink-51) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --scrollbar-auto-scrollbar-color-thumb: color-mix(in oklab,var(--neutral-43) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --scrollbar-auto-scrollbar-color-track: color-mix(in oklab,var(--neutral-90) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --scrollbar-auto-thumb: color-mix(in oklab,var(--neutral-42) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --scrollbar-auto-track: color-mix(in oklab,hsl(var(--transparent-hsl)/0) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0) var(--theme-base-color-amount,0%));
        --scrollbar-thin-thumb: color-mix(in oklab,var(--neutral-44) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --spine-default: color-mix(in oklab,hsl(var(--opacity-44-hsl)/0.4392156862745098) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.4392156862745098) var(--theme-base-color-amount,0%));
        --spoiler-hidden-background: color-mix(in oklab,var(--neutral-42) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --text-brand: color-mix(in oklab,var(--blurple-35) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-link: color-mix(in oklab,var(--blue-new-36) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-muted: color-mix(in oklab,var(--neutral-29) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-normal: color-mix(in oklab,var(--neutral-5) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-positive: color-mix(in oklab,var(--green-new-34) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-primary: color-mix(in oklab,var(--neutral-2) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-secondary: color-mix(in oklab,var(--neutral-23) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-warning: color-mix(in oklab,var(--yellow-new-32) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --user-profile-background-hover: color-mix(in oklab,hsl(var(--opacity-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --user-profile-overlay-background: color-mix(in oklab,var(--neutral-73) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --user-profile-overlay-background-hover: color-mix(in oklab,hsl(var(--opacity-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --app-background-frame: color-mix(in oklab,var(--neutral-97) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-code: color-mix(in oklab,hsl(var(--opacity-blurple-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --background-code-addition: color-mix(in oklab,hsl(var(--opacity-green-12-hsl)/0.12156862745098039) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--theme-base-color-amount,0%));
        --background-code-deletion: color-mix(in oklab,hsl(var(--opacity-red-12-hsl)/0.12156862745098039) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--theme-base-color-amount,0%));
        --background-feedback-critical: color-mix(in oklab,hsl(var(--opacity-red-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --background-feedback-info: color-mix(in oklab,hsl(var(--opacity-blue-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --background-feedback-positive: color-mix(in oklab,hsl(var(--opacity-green-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --background-feedback-warning: color-mix(in oklab,hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--theme-base-color-amount,0%));
        --background-surface-high: color-mix(in oklab,var(--neutral-79) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-surface-higher: color-mix(in oklab,var(--neutral-76) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --background-surface-highest: color-mix(in oklab,var(--neutral-73) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --border-feedback-critical: color-mix(in oklab,hsl(var(--opacity-red-20-hsl)/0.2) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.2) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)));
        --border-normal: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.2) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)));
        --chat-background-default: color-mix(in oklab,var(--neutral-80) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --chat-text-muted: color-mix(in oklab,var(--neutral-34) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --checkbox-background-checked: color-mix(in oklab,var(--blurple-50) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --checkbox-background-default: color-mix(in oklab,hsl(var(--opacity-4-hsl)/0.0392156862745098) 100%,hsl(var(--theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--theme-base-color-amount,0%));
        --checkbox-border-checked: color-mix(in oklab,var(--blurple-50) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --checkbox-border-default: color-mix(in oklab,var(--neutral-40) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --icon-default: color-mix(in oklab,var(--neutral-5) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --icon-link: color-mix(in oklab,var(--blue-new-36) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --icon-tertiary: color-mix(in oklab,var(--neutral-29) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --notice-background-critical: color-mix(in oklab,var(--red-new-85) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --notice-background-info: color-mix(in oklab,var(--blue-new-86) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --notice-background-positive: color-mix(in oklab,var(--green-new-87) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --notice-background-warning: color-mix(in oklab,var(--yellow-new-86) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --notice-text-critical: color-mix(in oklab,var(--red-new-9) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --notice-text-info: color-mix(in oklab,var(--blue-new-12) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --notice-text-positive: color-mix(in oklab,var(--green-new-14) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --notice-text-warning: color-mix(in oklab,var(--yellow-new-12) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --spoiler-hidden-background-hover: color-mix(in oklab,var(--neutral-33) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%));
        --text-code-addition: color-mix(in oklab,var(--green-new-26) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-builtin: color-mix(in oklab,var(--orange-new-25) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-bullet: color-mix(in oklab,var(--yellow-new-25) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-comment: color-mix(in oklab,var(--neutral-32) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-default: color-mix(in oklab,var(--blue-new-27) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-deletion: color-mix(in oklab,var(--red-new-23) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-keyword: color-mix(in oklab,var(--red-new-24) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-section: color-mix(in oklab,var(--blue-new-27) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-string: color-mix(in oklab,var(--teal-new-27) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-tag: color-mix(in oklab,var(--green-new-23) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-title: color-mix(in oklab,var(--blurple-21) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-code-variable: color-mix(in oklab,var(--blue-new-22) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-default: color-mix(in oklab,var(--neutral-5) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-feedback-critical: color-mix(in oklab,var(--red-new-32) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-feedback-info: color-mix(in oklab,var(--blue-new-34) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-feedback-positive: color-mix(in oklab,var(--green-new-34) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-feedback-warning: color-mix(in oklab,var(--yellow-new-32) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --text-tertiary: color-mix(in oklab,var(--neutral-29) 100%,var(--theme-text-color,#000) var(--theme-text-color-amount,0%));
        --user-profile-toolbar-background: color-mix(in oklab,var(--neutral-73) 100%,var(--theme-base-color,#000) var(--theme-base-color-amount,0%))
    }
}

.visual-refresh .theme-light.custom-user-profile-theme, .visual-refresh.theme-light.custom-user-profile-theme {
    --user-profile-background-hover: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
    --user-profile-overlay-background: hsl(var(--opacity-white-24-hsl)/0.23921568627450981);
    --user-profile-overlay-background-hover: hsl(var(--opacity-white-36-hsl)/0.3607843137254902);
    --user-profile-toolbar-background: hsl(var(--opacity-white-36-hsl)/0.3607843137254902)
}

.visual-refresh .theme-dark.custom-user-profile-theme, .visual-refresh.theme-dark.custom-user-profile-theme {
    --user-profile-background-hover: hsl(var(--opacity-white-4-hsl)/0.0392156862745098);
    --user-profile-overlay-background: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --user-profile-overlay-background-hover: hsl(var(--opacity-20-hsl)/0.2);
    --user-profile-toolbar-background: hsl(var(--opacity-20-hsl)/0.2)
}

.refresh-fast-follow-distinct-borders .theme-dark, .refresh-fast-follow-distinct-borders.theme-dark {
    --app-border-frame: var(--neutral-52)
}

@supports (color:color-mix(in lch,red,blue)) {
    .refresh-fast-follow-distinct-borders .theme-dark, .refresh-fast-follow-distinct-borders.theme-dark {
        --app-border-frame: color-mix(in oklab,var(--neutral-52) 100%,var(--theme-base-color,#000) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)))
    }
}

.refresh-fast-follow-distinct-borders .theme-light, .refresh-fast-follow-distinct-borders.theme-light {
    --app-border-frame: var(--neutral-12)
}

@supports (color:color-mix(in lch,red,blue)) {
    .refresh-fast-follow-distinct-borders .theme-light, .refresh-fast-follow-distinct-borders.theme-light {
        --app-border-frame: color-mix(in oklab,var(--neutral-12) 100%,var(--theme-base-color,#000) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)))
    }
}

.refresh-fast-follow-distinct-borders .theme-midnight, .refresh-fast-follow-distinct-borders.theme-midnight {
    --app-border-frame: var(--neutral-73)
}

@supports (color:color-mix(in lch,red,blue)) {
    .refresh-fast-follow-distinct-borders .theme-midnight, .refresh-fast-follow-distinct-borders.theme-midnight {
        --app-border-frame: color-mix(in oklab,var(--neutral-73) 100%,var(--theme-base-color,#000) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)))
    }
}

.refresh-fast-follow-distinct-borders .theme-darker, .refresh-fast-follow-distinct-borders.theme-darker {
    --app-border-frame: var(--neutral-65)
}

@supports (color:color-mix(in lch,red,blue)) {
    .refresh-fast-follow-distinct-borders .theme-darker, .refresh-fast-follow-distinct-borders.theme-darker {
        --app-border-frame: color-mix(in oklab,var(--neutral-65) 100%,var(--theme-base-color,#000) var(--theme-border-color-amount,var(--theme-base-color-amount,0%)))
    }
}

.theme-dark {
    --shadow-border: 0 0 0 1px hsl(none 0% 100%/0.08);
    --shadow-border-filter: drop-shadow(0 0 1px hsl(none 0% 100%/0.08));
    --shadow-button-overlay: 0 12px 24px 0 hsl(none 0% 0%/0.24);
    --shadow-button-overlay-filter: drop-shadow(0 12px 24px hsl(none 0% 0%/0.24));
    --shadow-high: 0 12px 24px 0 hsl(none 0% 0%/0.24);
    --shadow-high-filter: drop-shadow(0 12px 24px hsl(none 0% 0%/0.24));
    --shadow-ledge: 0 2px 0 0 hsl(none 0% 0%/0.05),0 1.5px 0 0 hsl(none 0% 0%/0.05),0 1px 0 0 hsl(none 0% 0%/0.16);
    --shadow-ledge-filter: drop-shadow(0 1.5px 0 hsl(none 0% 0%/0.24));
    --shadow-low: 0 1px 4px 0 hsl(none 0% 0%/0.14);
    --shadow-low-filter: drop-shadow(0 1px 4px hsl(none 0% 0%/0.14));
    --shadow-low-active: 0 0 4px 0 hsl(none 0% 0%/0.14);
    --shadow-low-active-filter: drop-shadow(0 0 4px hsl(none 0% 0%/0.14));
    --shadow-low-hover: 0 4px 10px 0 hsl(none 0% 0%/0.14);
    --shadow-low-hover-filter: drop-shadow(0 4px 10px hsl(none 0% 0%/0.14));
    --shadow-medium: 0 4px 8px 0 hsl(none 0% 0%/0.16);
    --shadow-medium-filter: drop-shadow(0 4px 8px hsl(none 0% 0%/0.16));
    --shadow-mobile-navigator-x: 0 0 10px 0 hsl(none 0% 0%/0.22);
    --shadow-mobile-navigator-x-filter: drop-shadow(0 0 10px hsl(none 0% 0%/0.22));
    --shadow-top-high: 0 -12px 32px 0 hsl(none 0% 0%/0.24);
    --shadow-top-high-filter: drop-shadow(0 -12px 32px hsl(none 0% 0%/0.24));
    --shadow-top-ledge: 0 -2px 0 0 hsl(none 0% 0%/0.05),0 -1.5px 0 0 hsl(none 0% 0%/0.05),0 -1px 0 0 hsl(none 0% 0%/0.16);
    --shadow-top-ledge-filter: drop-shadow(0 -1.5px 0 hsl(none 0% 0%/0.24));
    --shadow-top-low: 0 -1px 4px 0 hsl(none 0% 0%/0.14);
    --shadow-top-low-filter: drop-shadow(0 -1px 4px hsl(none 0% 0%/0.14))
}

.theme-light {
    --shadow-border: 0 0 0 1px hsl(none 0% 0%/0.08);
    --shadow-border-filter: drop-shadow(0 0 1px hsl(none 0% 0%/0.08));
    --shadow-button-overlay: 0 12px 24px 0 hsl(none 0% 0%/0.24);
    --shadow-button-overlay-filter: drop-shadow(0 12px 24px hsl(none 0% 0%/0.24));
    --shadow-high: 0 12px 36px 0 hsl(none 0% 0%/0.12);
    --shadow-high-filter: drop-shadow(0 12px 36px hsl(none 0% 0%/0.12));
    --shadow-ledge: 0 2px 0 0 hsl(none 0% 0%/0.03),0 1.5px 0 0 hsl(none 0% 0%/0.03),0 1px 0 0 hsl(none 0% 0%/0.08);
    --shadow-ledge-filter: drop-shadow(0 1.5px 0 hsl(none 0% 0%/0.12));
    --shadow-low: 0 1px 4px 0 hsl(none 0% 0%/0.08);
    --shadow-low-filter: drop-shadow(0 1px 4px hsl(none 0% 0%/0.08));
    --shadow-low-active: 0 0 4px 0 hsl(none 0% 0%/0.08);
    --shadow-low-active-filter: drop-shadow(0 0 4px hsl(none 0% 0%/0.08));
    --shadow-low-hover: 0 4px 8px 0 hsl(none 0% 0%/0.08);
    --shadow-low-hover-filter: drop-shadow(0 4px 8px hsl(none 0% 0%/0.08));
    --shadow-medium: 0 4px 8px 0 hsl(none 0% 0%/0.08);
    --shadow-medium-filter: drop-shadow(0 4px 8px hsl(none 0% 0%/0.08));
    --shadow-mobile-navigator-x: 0 0 9px 0 hsl(none 0% 0%/0.13);
    --shadow-mobile-navigator-x-filter: drop-shadow(0 0 9px hsl(none 0% 0%/0.13));
    --shadow-top-high: 0 -12px 36px 0 hsl(none 0% 0%/0.12);
    --shadow-top-high-filter: drop-shadow(0 -12px 36px hsl(none 0% 0%/0.12));
    --shadow-top-ledge: 0 -2px 0 0 hsl(none 0% 0%/0.03),0 -1.5px 0 0 hsl(none 0% 0%/0.03),0 -1px 0 0 hsl(none 0% 0%/0.08);
    --shadow-top-ledge-filter: drop-shadow(0 -1.5px 0 hsl(none 0% 0%/0.12));
    --shadow-top-low: 0 -1px 4px 0 hsl(none 0% 0%/0.08);
    --shadow-top-low-filter: drop-shadow(0 -1px 4px hsl(none 0% 0%/0.08))
}

.theme-darker, .theme-midnight {
    --shadow-border: 0 0 0 1px hsl(none 0% 100%/0.08);
    --shadow-border-filter: drop-shadow(0 0 1px hsl(none 0% 100%/0.08));
    --shadow-button-overlay: 0 12px 24px 0 hsl(none 0% 0%/0.24);
    --shadow-button-overlay-filter: drop-shadow(0 12px 24px hsl(none 0% 0%/0.24));
    --shadow-high: 0 12px 24px 0 hsl(none 0% 0%/0.24);
    --shadow-high-filter: drop-shadow(0 12px 24px hsl(none 0% 0%/0.24));
    --shadow-ledge: 0 2px 0 0 hsl(none 0% 0%/0.05),0 1.5px 0 0 hsl(none 0% 0%/0.05),0 1px 0 0 hsl(none 0% 0%/0.16);
    --shadow-ledge-filter: drop-shadow(0 1.5px 0 hsl(none 0% 0%/0.24));
    --shadow-low: 0 1px 4px 0 hsl(none 0% 0%/0.14);
    --shadow-low-filter: drop-shadow(0 1px 4px hsl(none 0% 0%/0.14));
    --shadow-low-active: 0 0 4px 0 hsl(none 0% 0%/0.14);
    --shadow-low-active-filter: drop-shadow(0 0 4px hsl(none 0% 0%/0.14));
    --shadow-low-hover: 0 4px 10px 0 hsl(none 0% 0%/0.14);
    --shadow-low-hover-filter: drop-shadow(0 4px 10px hsl(none 0% 0%/0.14));
    --shadow-medium: 0 4px 8px 0 hsl(none 0% 0%/0.16);
    --shadow-medium-filter: drop-shadow(0 4px 8px hsl(none 0% 0%/0.16));
    --shadow-mobile-navigator-x: 0 0 10px 0 hsl(none 0% 0%/0.22);
    --shadow-mobile-navigator-x-filter: drop-shadow(0 0 10px hsl(none 0% 0%/0.22));
    --shadow-top-high: 0 -12px 32px 0 hsl(none 0% 0%/0.24);
    --shadow-top-high-filter: drop-shadow(0 -12px 32px hsl(none 0% 0%/0.24));
    --shadow-top-ledge: 0 -2px 0 0 hsl(none 0% 0%/0.05),0 -1.5px 0 0 hsl(none 0% 0%/0.05),0 -1px 0 0 hsl(none 0% 0%/0.16);
    --shadow-top-ledge-filter: drop-shadow(0 -1.5px 0 hsl(none 0% 0%/0.24));
    --shadow-top-low: 0 -1px 4px 0 hsl(none 0% 0%/0.14);
    --shadow-top-low-filter: drop-shadow(0 -1px 4px hsl(none 0% 0%/0.14))
}

:root {
    --spacing-4: 4px;
    --spacing-8: 8px;
    --spacing-12: 12px;
    --spacing-16: 16px;
    --spacing-24: 24px;
    --spacing-32: 32px;
    --spacing-40: 40px;
    --spacing-48: 48px;
    --spacing-56: 56px;
    --spacing-64: 64px;
    --spacing-72: 72px;
    --spacing-80: 80px;
    --spacing-96: 96px;
    --size-0: 0px;
    --size-4: 4px;
    --size-8: 8px;
    --size-12: 12px;
    --size-16: 16px;
    --size-20: 20px;
    --size-24: 24px;
    --size-32: 32px;
    --size-48: 48px;
    --size-64: 64px;
    --size-80: 80px;
    --size-96: 96px;
    --size-128: 128px;
    --size-160: 160px;
    --size-192: 192px;
    --size-xxs: var(--size-4);
    --size-xs: var(--size-8);
    --size-sm: var(--size-12);
    --size-md: var(--size-16);
    --size-lg: var(--size-20);
    --size-xl: var(--size-24);
    --size-xxl: var(--size-32);
    --breakpoint-480: 480px;
    --breakpoint-640: 640px;
    --breakpoint-768: 768px;
    --breakpoint-1024: 1024px;
    --breakpoint-1280: 1280px;
    --breakpoint-1536: 1536px;
    --breakpoint-1800: 1800px;
    --breakpoint-2500: 2500px;
    --breakpoint-xxs: 480px;
    --breakpoint-xs: 640px;
    --breakpoint-sm: 768px;
    --breakpoint-md: 1024px;
    --breakpoint-lg: 1280px;
    --breakpoint-xl: 1536px;
    --breakpoint-xxl: 1800px;
    --breakpoint-max: 2500px;
    --space-0: 0px;
    --space-4: 4px;
    --space-6: 6px;
    --space-8: 8px;
    --space-10: 10px;
    --space-12: 12px;
    --space-16: 16px;
    --space-20: 20px;
    --space-24: 24px;
    --space-26: 26px;
    --space-30: 30px;
    --space-32: 32px;
    --space-40: 40px;
    --space-48: 48px;
    --space-64: 64px;
    --space-80: 80px;
    --space-96: 96px;
    --space-128: 128px;
    --space-160: 160px;
    --space-192: 192px;
    --space-xxs: var(--space-4);
    --space-xs: var(--space-8);
    --space-sm: var(--space-12);
    --space-md: var(--space-16);
    --space-lg: var(--space-20);
    --space-xl: var(--space-24);
    --space-xxl: var(--space-32)
}

.density-compact {
    --space-xxs: var(--space-4);
    --space-xs: var(--space-6);
    --space-sm: var(--space-10);
    --space-md: var(--space-12);
    --space-lg: var(--space-16);
    --space-xl: var(--space-20);
    --space-xxl: var(--space-26)
}

.density-cozy {
    --space-xxs: var(--space-4);
    --space-xs: var(--space-10);
    --space-sm: var(--space-16);
    --space-md: var(--space-20);
    --space-lg: var(--space-24);
    --space-xl: var(--space-30);
    --space-xxl: var(--space-40)
}

.density-default {
    --space-xxs: var(--space-4);
    --space-xs: var(--space-8);
    --space-sm: var(--space-12);
    --space-md: var(--space-16);
    --space-lg: var(--space-20);
    --space-xl: var(--space-24);
    --space-xxl: var(--space-32)
}

:root {
    --radius-none: 0px;
    --radius-xs: 4px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-xxl: 32px;
    --radius-round: 2147483647px
}

.theme-dark {
    --guild-header-text-shadow: 0 1px 1px hsl(var(--black-500-hsl)/0.4);
    --elevation-stroke: 0 0 0 1px hsl(var(--primary-900-hsl)/0.15);
    --elevation-low: 0 1px 0 hsl(var(--primary-900-hsl)/0.2),0 1.5px 0 hsl(var(--primary-860-hsl)/0.05),0 2px 0 hsl(var(--primary-900-hsl)/0.05);
    --elevation-medium: 0 4px 4px hsl(var(--black-500-hsl)/0.16);
    --elevation-high: 0 8px 16px hsl(var(--black-500-hsl)/0.24)
}

.theme-light {
    --guild-header-text-shadow: 0 1px 1px hsl(var(--white-500-hsl)/0.4);
    --elevation-stroke: 0 0 0 1px hsl(var(--primary-860-hsl)/0.08);
    --elevation-low: 0 1px 0 hsl(var(--primary-860-hsl)/0.1),0 1.5px 0 hsl(var(--primary-900-hsl)/0.025),0 2px 0 hsl(var(--primary-860-hsl)/0.025);
    --elevation-medium: 0 4px 4px hsl(var(--black-500-hsl)/0.08);
    --elevation-high: 0 8px 16px hsl(var(--black-500-hsl)/0.16)
}

@font-face {
    font-family: ABC Ginto Nord;
    font-style: normal;
    font-weight: 800;
    src: url(/assets/097b737553f77c92.woff2) format("woff2")
}

@font-face {
    font-family: ABC Ginto Nord;
    font-style: italic;
    font-weight: 800;
    src: url(/assets/d7f3d9317a5ff964.woff2) format("woff2")
}

@font-face {
    font-family: ABC Ginto Nord Discord;
    font-style: normal;
    font-weight: 700;
    src: url(/assets/bb673ee29d9d9269.woff2) format("woff2")
}

@font-face {
    font-family: ABC Ginto Nord Discord;
    font-style: italic;
    font-weight: 700;
    src: url(/assets/1a1e4ba0da23278e.woff2) format("woff2")
}

@font-face {
    font-family: ABC Ginto Normal;
    font-style: normal;
    font-weight: 300;
    src: url(/assets/2d538acdbc2eb6b8.woff2) format("woff2")
}

@font-face {
    font-family: ABC Ginto Normal;
    font-style: italic;
    font-weight: 300;
    src: url(/assets/6897c8395199e044.woff2) format("woff2")
}

@font-face {
    font-family: ABC Ginto Normal;
    font-style: normal;
    font-weight: 400;
    src: url(/assets/89cc835cf102bf12.woff2) format("woff2")
}

@font-face {
    font-family: ABC Ginto Normal;
    font-style: italic;
    font-weight: 400;
    src: url(/assets/9e78b20620cb79ff.woff2) format("woff2")
}

@font-face {
    font-family: ABC Ginto Normal;
    font-style: normal;
    font-weight: 500;
    src: url(/assets/094adef82c637a3c.woff2) format("woff2")
}

@font-face {
    font-family: ABC Ginto Normal;
    font-style: italic;
    font-weight: 500;
    src: url(/assets/5b3d873665de628f.woff2) format("woff2")
}

@font-face {
    font-family: ABC Ginto Normal;
    font-style: normal;
    font-weight: 700;
    src: url(/assets/a893ac26791508c7.woff2) format("woff2")
}

@font-face {
    font-family: ABC Ginto Normal;
    font-style: italic;
    font-weight: 700;
    src: url(/assets/5a4f9cc740b6d92b.woff2) format("woff2")
}

@font-face {
    font-family: ABC Ginto Normal;
    font-style: normal;
    font-weight: 800;
    src: url(/assets/908064caebce5abe.woff2) format("woff2")
}

@font-face {
    font-family: ABC Ginto Normal;
    font-style: italic;
    font-weight: 800;
    src: url(/assets/f2d2cc13894d7060.woff2) format("woff2")
}

@font-face {
    font-family: ABC Ginto Discord;
    font-style: normal;
    font-weight: 400;
    src: url(/assets/bd0f5c73464e9717.woff2) format("woff2")
}

@font-face {
    font-family: ABC Ginto Discord;
    font-style: normal;
    font-weight: 500;
    src: url(/assets/a47177db4e543b05.woff2) format("woff2")
}

@font-face {
    font-family: gg sans;
    font-style: normal;
    font-weight: 400;
    src: url(/assets/66d715454104d24e.woff2) format("woff2")
}

@font-face {
    font-family: gg sans;
    font-style: italic;
    font-weight: 400;
    src: url(/assets/dd24010f3cf7def7.woff2) format("woff2")
}

@font-face {
    font-family: gg sans;
    font-style: normal;
    font-weight: 500;
    src: url(/assets/b272b33815319bae.woff2) format("woff2")
}

@font-face {
    font-family: gg sans;
    font-style: italic;
    font-weight: 500;
    src: url(/assets/6a1346ad3821ff3c.woff2) format("woff2")
}

@font-face {
    font-family: gg sans;
    font-style: normal;
    font-weight: 600;
    src: url(/assets/2df2c3ff74408972.woff2) format("woff2")
}

@font-face {
    font-family: gg sans;
    font-style: italic;
    font-weight: 600;
    src: url(/assets/d5d789aeb6282532.woff2) format("woff2")
}

@font-face {
    font-family: gg sans;
    font-style: normal;
    font-weight: 700;
    src: url(/assets/189422196a4f8b53.woff2) format("woff2")
}

@font-face {
    font-family: gg sans;
    font-style: italic;
    font-weight: 700;
    src: url(/assets/ce3b8055f5114434.woff2) format("woff2")
}

@font-face {
    font-family: gg sans;
    font-style: normal;
    font-weight: 800;
    src: url(/assets/b2fdbe507d6ce9ef.woff2) format("woff2")
}

@font-face {
    font-family: gg sans;
    font-style: italic;
    font-weight: 800;
    src: url(/assets/03dcf979852e8b8e.woff2) format("woff2")
}

@font-face {
    font-family: gg mono;
    font-style: normal;
    font-weight: 400;
    src: url(/assets/249d0a057895c668.woff2) format("woff2")
}

@font-face {
    font-family: gg mono;
    font-style: normal;
    font-weight: 700;
    src: url(/assets/45efa6936fdfb918.woff2) format("woff2")
}

@font-face {
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 400;
    src: url(/assets/f72b5ce64feb2086.woff2) format("woff2")
}

@font-face {
    font-family: Noto Sans;
    font-style: italic;
    font-weight: 400;
    src: url(/assets/7a6a566c2e88a35d.woff2) format("woff2")
}

@font-face {
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 500;
    src: url(/assets/a4a3d323feb11add.woff2) format("woff2")
}

@font-face {
    font-family: Noto Sans;
    font-style: italic;
    font-weight: 500;
    src: url(/assets/1a9d6f15e3bade15.woff2) format("woff2")
}

@font-face {
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 600;
    src: url(/assets/36e7b68ea0c05ae7.woff2) format("woff2")
}

@font-face {
    font-family: Noto Sans;
    font-style: italic;
    font-weight: 600;
    src: url(/assets/7b652d8bbf885aea.woff2) format("woff2")
}

@font-face {
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 700;
    src: url(/assets/cb2006dbced0e246.woff2) format("woff2")
}

@font-face {
    font-family: Noto Sans;
    font-style: italic;
    font-weight: 700;
    src: url(/assets/e52f0cba712e2fb4.woff2) format("woff2")
}

@font-face {
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 800;
    src: url(/assets/772df2968ca0cf92.woff2) format("woff2")
}

@font-face {
    font-family: Noto Sans;
    font-style: italic;
    font-weight: 800;
    src: url(/assets/19797abd0807f76b.woff2) format("woff2")
}

@font-face {
    font-family: Source Code Pro;
    font-style: normal;
    font-weight: 400;
    src: url(/assets/268aaee6b96a3789.woff2) format("woff2")
}

@font-face {
    font-family: Source Code Pro;
    font-style: normal;
    font-weight: 700;
    src: url(/assets/c76eb070f0fcec44.woff2) format("woff2")
}

@font-face {
    font-family: Corinthia;
    font-style: normal;
    font-weight: 400;
    src: url(/assets/b598312a5e479904.woff2) format("woff2")
}

@font-face {
    font-family: Fraunces;
    font-style: normal;
    font-weight: 300 800;
    src: url(/assets/943f151cdf1b637e.woff2) format("woff2")
}

:root {
    --font-primary: "gg sans","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    --font-display: "gg sans","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    --font-headline: "ABC Ginto Nord","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    --font-code: "gg mono","Source Code Pro",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-clan-body: Fraunces,"gg sans",serif,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    --font-clan-signature: Corinthia,"gg sans",cursive,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    --font-display-marketing: "ABC Ginto Discord","gg sans",serif,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    --font-display-marketing-header: "ABC Ginto Nord Discord","gg sans",serif,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif
}

    :root:lang(bg), :root:lang(el), :root:lang(ru), :root:lang(uk) {
        --font-primary: "gg sans","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        --font-display: "gg sans","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        --font-headline: "Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        --font-code: "gg mono","Source Code Pro",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-clan-body: Fraunces,"gg sans",serif,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        --font-clan-signature: Corinthia,"gg sans",cursive,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        --font-display-marketing: "ABC Ginto Discord","gg sans",serif,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        --font-display-marketing-header: "ABC Ginto Nord Discord","gg sans",serif,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif
    }

    :root:lang(ko) {
        --font-primary: "gg sans","Apple SD Gothic Neo",NanumBarunGothic,"맑은 고딕","Malgun Gothic",Gulim,굴림,Dotum,돋움,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        --font-display: "gg sans","Apple SD Gothic Neo",NanumBarunGothic,"맑은 고딕","Malgun Gothic",Gulim,굴림,Dotum,돋움,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        --font-headline: "ABC Ginto Nord","Apple SD Gothic Neo",NanumBarunGothic,"맑은 고딕","Malgun Gothic",Gulim,굴림,Dotum,돋움,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        --font-code: "gg mono","Source Code Pro",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-clan-body: Fraunces,"gg sans",serif,"Apple SD Gothic Neo",NanumBarunGothic,"맑은 고딕","Malgun Gothic",Gulim,굴림,Dotum,돋움,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        --font-clan-signature: Corinthia,"gg sans",cursive,"Apple SD Gothic Neo",NanumBarunGothic,"맑은 고딕","Malgun Gothic",Gulim,굴림,Dotum,돋움,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        --font-display-marketing: "ABC Ginto Discord","gg sans",serif,"Apple SD Gothic Neo",NanumBarunGothic,"맑은 고딕","Malgun Gothic",Gulim,굴림,Dotum,돋움,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        --font-display-marketing-header: "ABC Ginto Nord Discord","gg sans",serif,"Apple SD Gothic Neo",NanumBarunGothic,"맑은 고딕","Malgun Gothic",Gulim,굴림,Dotum,돋움,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif
    }

    :root:lang(ja) {
        --font-primary: "gg sans","Hiragino Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,Osaka,"MS PGothic","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        --font-display: "gg sans","Hiragino Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,Osaka,"MS PGothic","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        --font-headline: "ABC Ginto Nord","Hiragino Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,Osaka,"MS PGothic","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        --font-code: "gg mono","Source Code Pro",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-clan-body: Fraunces,"gg sans",serif,"Hiragino Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,Osaka,"MS PGothic","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        --font-clan-signature: Corinthia,"gg sans",cursive,"Hiragino Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,Osaka,"MS PGothic","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        --font-display-marketing: "ABC Ginto Discord","gg sans",serif,"Hiragino Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,Osaka,"MS PGothic","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        --font-display-marketing-header: "ABC Ginto Nord Discord","gg sans",serif,"Hiragino Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,Osaka,"MS PGothic","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif
    }

    :root:lang(zh-CN) {
        --font-primary: "gg sans","Microsoft YaHei New",微软雅黑,"Microsoft Yahei","Microsoft JhengHei",宋体,SimSun,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        --font-display: "gg sans","Microsoft YaHei New",微软雅黑,"Microsoft Yahei","Microsoft JhengHei",宋体,SimSun,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        --font-headline: "ABC Ginto Nord","Microsoft YaHei New",微软雅黑,"Microsoft Yahei","Microsoft JhengHei",宋体,SimSun,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        --font-code: "gg mono","Source Code Pro",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-clan-body: Fraunces,"gg sans",serif,"Microsoft YaHei New",微软雅黑,"Microsoft Yahei","Microsoft JhengHei",宋体,SimSun,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        --font-clan-signature: Corinthia,"gg sans",cursive,"Microsoft YaHei New",微软雅黑,"Microsoft Yahei","Microsoft JhengHei",宋体,SimSun,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        --font-display-marketing: "ABC Ginto Discord","gg sans",serif,"Microsoft YaHei New",微软雅黑,"Microsoft Yahei","Microsoft JhengHei",宋体,SimSun,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        --font-display-marketing-header: "ABC Ginto Nord Discord","gg sans",serif,"Microsoft YaHei New",微软雅黑,"Microsoft Yahei","Microsoft JhengHei",宋体,SimSun,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif
    }

    :root:lang(zh-TW) {
        --font-primary: "gg sans","Microsoft JhengHei",微軟正黑體,"Microsoft JhengHei UI","Microsoft YaHei",微軟雅黑,宋体,SimSun,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        --font-display: "gg sans","Microsoft JhengHei",微軟正黑體,"Microsoft JhengHei UI","Microsoft YaHei",微軟雅黑,宋体,SimSun,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        --font-headline: "ABC Ginto Nord","Microsoft JhengHei",微軟正黑體,"Microsoft JhengHei UI","Microsoft YaHei",微軟雅黑,宋体,SimSun,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        --font-code: "gg mono","Source Code Pro",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-clan-body: Fraunces,"gg sans",serif,"Microsoft JhengHei",微軟正黑體,"Microsoft JhengHei UI","Microsoft YaHei",微軟雅黑,宋体,SimSun,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        --font-clan-signature: Corinthia,"gg sans",cursive,"Microsoft JhengHei",微軟正黑體,"Microsoft JhengHei UI","Microsoft YaHei",微軟雅黑,宋体,SimSun,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        --font-display-marketing: "ABC Ginto Discord","gg sans",serif,"Microsoft JhengHei",微軟正黑體,"Microsoft JhengHei UI","Microsoft YaHei",微軟雅黑,宋体,SimSun,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        --font-display-marketing-header: "ABC Ginto Nord Discord","gg sans",serif,"Microsoft JhengHei",微軟正黑體,"Microsoft JhengHei UI","Microsoft YaHei",微軟雅黑,宋体,SimSun,"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif
    }

:root {
    --channels-name-line-height: 20px;
    --channels-spine-inverted-offset-top: 8px;
    --channels-spine-offset-left: 22px;
    --chat-avatar-size: 40px;
    --chat-input-icon-size: 24px;
    --chat-markup-line-height: 1.375rem;
    --chat-resize-handle-width: 8px;
    --form-input-height: 48px;
    --guildbar-avatar-size: 40px;
    --guildbar-folder-size: 48px;
    --modal-horizontal-padding: 16px;
    --modal-vertical-padding: 16px;
    --modal-width-large: 800px;
    --modal-width-medium: 600px;
    --modal-width-small: 440px
}

.visual-refresh {
    --chat-input-icon-size: 20px;
    --form-input-height: 44px;
    --modal-horizontal-padding: 24px;
    --modal-width-medium: 602px;
    --modal-width-small: 442px
}

    .visual-refresh.density-compact {
        --channels-name-line-height: 20px;
        --channels-spine-inverted-offset-top: 2px;
        --channels-spine-offset-left: 20px
    }

    .visual-refresh.density-default {
        --channels-name-line-height: 24px;
        --channels-spine-inverted-offset-top: 6px;
        --channels-spine-offset-left: 24px
    }

    .visual-refresh.density-cozy {
        --channels-name-line-height: 28px;
        --channels-spine-inverted-offset-top: 9px;
        --channels-spine-offset-left: 28px
    }

.refresh-fast-follow-avatars.density-compact {
    --guildbar-avatar-size: 40px;
    --guildbar-folder-size: 48px
}

.refresh-fast-follow-avatars.density-cozy, .refresh-fast-follow-avatars.density-default {
    --guildbar-avatar-size: 44px;
    --guildbar-folder-size: 52px
}

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 {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

a {
    color: var(--text-link);
    cursor: pointer;
    text-decoration: none
}

    a img {
        border: none
    }

body {
    background: transparent;
    font-family: var(--font-primary);
    line-height: 1;
    margin: 0;
    overflow: hidden;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

p {
    margin: 14px 0
}

ol, ul {
    list-style: none
}

::-moz-placeholder {
    font-weight: 400
}

::placeholder, input, select, textarea {
    font-family: var(--font-primary);
    font-weight: 400
}

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

    .theme-light ::placeholder, .theme-light input, .theme-light select, .theme-light textarea {
        font-weight: 500
    }
}

strong {
    font-weight: 600
}

button {
    border: 0;
    cursor: pointer;
    font-family: var(--font-primary);
    font-weight: 500
}

code {
    font-family: var(--font-code);
    font-size: 14px;
    line-height: 16px
}

:root {
    --custom-index-scrollbar-width: 10px;
    --custom-index-scrollbar-margin: 3px;
    --custom-auth-box-auth-box-padding: 32px;
    --custom-wave-splash-responsive-width-mobile: 485px;
    --custom-wave-splash-responsive-width-mobile-first: 486px;
    --custom-wave-splash-responsive-width-desktop: 1080px;
    --custom-wave-splash-max-qr-login-width: 830px;
    --custom-channel-text-area-button-hover-scale: 0.85714;
    --custom-drag-resize-container-handle-size: 8px;
    --custom-drag-resize-container-handle-bleed: 2px;
    --custom-drag-resize-container-handle-offset: calc(var(--custom-drag-resize-container-handle-bleed) - var(--custom-drag-resize-container-handle-size));
    --custom-embed-spoiler-blur-radius: 44px;
    --custom-gradient-progress-notch-width: 8px;
    --custom-gradient-progress-notch-height: 16px;
    --custom-gradient-progress-notch-margin: 2px;
    --custom-guild-discovery-card-card-height: 320px;
    --custom-guild-discovery-card-card-height-with-tags: 350px;
    --custom-icon-button-icon-lg-size: 36px;
    --custom-icon-button-icon-md-size: 24px;
    --custom-icon-button-icon-sm-size: 18px;
    --custom-icon-button-icon-xs-size: 12px;
    --custom-invite-button-resolving-background-width: 380px;
    --custom-keybind-space-around-key: 8px;
    --custom-keybind-shadow-width: 2px;
    --custom-keybind-vertical-padding-total-height: 8px;
    --custom-keybind-applied-vertical-padding: calc((var(--custom-keybind-vertical-padding-total-height) - var(--custom-keybind-shadow-width))/2);
    --custom-full-screen-layer-animation-duration: 150ms;
    --custom-layout-sidebar-width: 232px;
    --custom-message-avatar-size: 40px;
    --custom-message-avatar-decoration-size: calc(var(--custom-message-avatar-size)*var(--decoration-to-avatar-ratio));
    --custom-message-margin-horizontal: 16px;
    --custom-message-margin-compact-indent: 5rem;
    --custom-message-spacing-vertical-container-cozy: 0.125rem;
    --custom-message-padding-vertical-container-compact: 0.125rem;
    --custom-message-meta-space: 0.25rem;
    --custom-message-reply-indent: 0.625rem;
    --custom-message-margin-left-content-cozy: calc(var(--custom-message-avatar-size, 40px) + var(--custom-message-margin-horizontal) + var(--custom-message-margin-horizontal));
    --custom-message-reply-message-preview-line-height: 1.125rem;
    --custom-message-attachment-spoiler-blur-radius: 44px;
    --custom-user-premium-guild-subscription-easter-egg-size: 196px;
    --custom-notification-spacing: 12px;
    --custom-notification-container-width: 300px;
    --custom-notification-space-around-divider: 12px;
    --custom-notification-box-shadow-opacity: 0.8;
    --custom-notification-box-shadow-blur-radius: 7px;
    --custom-notification-box-shadow-spread-radius: 3px;
    --custom-widget-max-widget-height: 100vh;
    --custom-widget-bar-padding: 12px;
    --custom-widget-body-padding: 4px;
    --custom-widget-bar-height: 20px;
    --custom-premium-guild-progress-bar-progress-bar-width: 24px;
    --custom-premium-guild-progress-bar-tier-marker-size: 16px;
    --custom-call-avatar-outgoing-duration: 2.5s;
    --custom-call-avatar-incoming-duration: 5.407s;
    --custom-resizable-icon-size: 16px;
    --custom-resizable-icon-padding: 4px;
    --custom-resizable-extension-size: 4px;
    --custom-live-indicator-border-radius: 16px;
    --custom-tutorial-popout-padding-content: 16px;
    --custom-tutorial-popout-height-media-approx: 80px
}

.visual-refresh {
    --custom-message-margin-left-content-cozy: calc(var(--custom-message-avatar-size, 40px) + var(--custom-message-margin-horizontal) + var(--custom-message-margin-horizontal))
}

:root {
    --custom-emoji-size-emoji: 1.375em;
    --custom-emoji-size-jumbo-emoji: 3rem;
    --custom-margin-margin-x-small: 4px;
    --custom-margin-margin-small: 8px;
    --custom-margin-margin-medium: 20px;
    --custom-margin-margin-large: 40px;
    --custom-margin-margin-x-large: 60px;
    --custom-media-queries-media-query-mobile-header: 849px;
    --custom-media-queries-media-query-mobile: 768px;
    --custom-scrollbar-scrollbar-width: 14px;
    --custom-scrollbar-scrollbar-margin: 3px;
    --custom-scrollbar-border-radius: calc(var(--custom-scrollbar-scrollbar-width)/2);
    --custom-create-welcome-channel-modal-emoji-size: 20px;
    --custom-create-welcome-channel-modal-input-elements-padding: 10px;
    --custom-voice-channel-effect-voice-channel-effect-animation-size: 800px;
    --custom-voice-channel-effects-bar-effect-bar-padding-x: 16px;
    --custom-voice-channel-effects-bar-effect-bar-padding-y: 12px;
    --custom-voice-channel-effects-bar-max-width: 498px;
    --custom-base-tile-border-radius: 8px
}

.visual-refresh :root {
    --video-calls-base-tile-border-radius: var(--radius-lg)
}

:root {
    --custom-summary-avatars-avatar-diameter: 16px;
    --custom-guild-settings-premium-tier-status-progress-with-subscriptions-margin-top: 7px;
    --custom-guild-stickers-tiers-grid-breakpoint: 1010px;
    --custom-guild-sticker-upload-modal-emoji-size: 22px;
    --custom-guild-sticker-upload-modal-emoji-margin: 10px;
    --custom-stickers-constants-stickers-list-padding-top: 0;
    --custom-stickers-constants-stickers-list-padding-top-search-results: 8px;
    --custom-stickers-constants-stickers-list-padding-right: 0;
    --custom-stickers-constants-stickers-list-padding-bottom: 0;
    --custom-stickers-constants-stickers-list-padding-left: 8px;
    --custom-stickers-constants-stickers-list-divider-height: 30px;
    --custom-stickers-constants-stickers-list-empty-guild-upsell-height: 54px;
    --custom-stickers-constants-stickers-shop-list-section-heading-height: 66px;
    --custom-stickers-constants-stickers-shop-divider-border-top-width: 1px;
    --custom-stickers-constants-stickers-shop-divider-height: 1px;
    --custom-stickers-constants-stickers-shop-list-section-footer-height: 32px;
    --custom-stickers-constants-stickers-shop-list-section-footer-stacked-margin: 8px;
    --custom-stickers-constants-sticker-picker-preview-dimensions: 96px;
    --custom-stickers-constants-sticker-picker-preview-dimensions-small: 80px;
    --custom-stickers-constants-sticker-picker-preview-padding: 2px;
    --custom-stickers-constants-sticker-shop-modal-preview-dimensions: 72px;
    --custom-stickers-constants-sticker-picker-preview-margin: 12px;
    --custom-stickers-constants-sticker-picker-preview-margin-small: 4px;
    --custom-stickers-constants-sticker-picker-preview-border-radius: 4px;
    --custom-stickers-constants-sticker-category-list-padding: 8px;
    --custom-stickers-constants-sticker-category-icon-margin: 8px;
    --custom-stickers-constants-sticker-category-icon-size: 32px;
    --custom-stickers-constants-sticker-category-unicode-icon-size: 24px;
    --custom-stickers-constants-sticker-dimension: 160px;
    --custom-stickers-constants-sticker-purchase-pack-preview-dimensions: 76px;
    --custom-stickers-constants-sticker-purchase-pack-preview-padding: 2px;
    --custom-stickers-constants-sticker-purchase-pack-preview-margin: 0;
    --custom-stickers-constants-sticker-picker-breakpoint-small: 360px;
    --custom-stickers-constants-sticker-picker-breakpoint-medium: 446px;
    --custom-stickers-constants-category-separator-size: 1px;
    --custom-stickers-constants-category-separator-margin-vertical: 12px;
    --custom-header-icon-color-expired: #4e5058;
    --custom-reaction-picker-border-radius: 8px;
    --custom-outbound-promotion-redemption-modal-art-height: 120px;
    --custom-premium-colors-premium-gradient-tier-0: linear-gradient(to right,var(--premium-tier-0-purple-for-gradients),var(--premium-tier-0-blue-for-gradients));
    --custom-premium-colors-premium-gradient-tier-1: linear-gradient(to right,var(--premium-tier-1-blue-for-gradients),var(--premium-tier-1-dark-blue-for-gradients));
    --custom-premium-colors-premium-gradient-tier-2: linear-gradient(to right,var(--premium-tier-2-purple-for-gradients),var(--premium-tier-2-pink-for-gradients));
    --custom-premium-colors-premium-gradient-tier-2-transparent: linear-gradient(to right,hsl(var(--premium-tier-2-purple-for-gradients-hsl)/0.3),hsl(var(--premium-tier-2-pink-for-gradients-hsl)/0.3));
    --custom-premium-colors-premium-gradient-tier-2-diagonal: linear-gradient(45deg,var(--premium-tier-2-purple-for-gradients),var(--premium-tier-2-pink-for-gradients));
    --custom-premium-colors-premium-gradient-tier-2-tri-color: linear-gradient(to right,var(--premium-tier-2-purple-for-gradients),var(--premium-tier-2-purple-for-gradients-2),var(--premium-tier-2-pink-for-gradients));
    --custom-premium-colors-premium-gradient-tier-2-tri-color-reverse: linear-gradient(to left,var(--premium-tier-2-purple-for-gradients),var(--premium-tier-2-purple-for-gradients-2),var(--premium-tier-2-pink-for-gradients));
    --custom-premium-colors-premium-gradient-tier-2-tri-color-vertical: linear-gradient(to top,var(--premium-tier-2-purple-for-gradients),var(--premium-tier-2-purple-for-gradients-2),var(--premium-tier-2-pink-for-gradients));
    --custom-premium-colors-premium-gradient-tier-2-old: linear-gradient(to right,var(--premium-tier-2-purple),var(--premium-tier-2-pink));
    --custom-premium-colors-banner-yellow: #ffeaa0;
    --custom-premium-colors-banner-black: #232428;
    --custom-pending-row-max-width: 1040px;
    --custom-people-page-max-width-with-toolbar: 940px;
    --custom-family-center-page-responsive-width-mobile: 900px;
    --custom-text-widget-background-color-header-default: var(--primary-600);
    --custom-voice-widget-top-margin: calc(var(--custom-widget-bar-height) + var(--custom-widget-bar-padding)*2);
    --custom-voice-widget-widget-width: 272px;
    --custom-o-auth-2-page-oauth-2-max-width: 568px;
    --custom-party-avatars-avatar-diameter: 24px;
    --custom-mobile-web-handoff-link-mobile-web-handoff-height: 70px;
    --custom-embedded-application-invite-content-height: 130px;
    --custom-embedded-application-invite-content-height-tall: 162px;
    --custom-embedded-application-invite-content-width: 576px;
    --custom-embedded-application-invite-image-width-small: 225px;
    --custom-embedded-application-invite-image-width-large: 288px;
    --custom-message-helpers-popout-content-width: 256px;
    --custom-message-helpers-popout-padding-width: 16px;
    --custom-message-helpers-popout-container-width: calc(var(--custom-message-helpers-popout-content-width) + var(--custom-message-helpers-popout-padding-width)*2);
    --custom-media-post-attachments-horizontal-padding: 48px;
    --custom-media-post-embed-spoiler-blur-radius: 20px;
    --custom-media-post-embed-transition-duration: 170ms;
    --custom-raging-demon-duration: 0.15s;
    --custom-interaction-iframe-modal-modal-min-width: 320px;
    --custom-interaction-iframe-modal-modal-margin: 80px;
    --custom-interaction-iframe-modal-modal-max-width: 1280px;
    --custom-interaction-iframe-modal-modal-header-height: 52px;
    --custom-accept-invite-detail-components-small-mobile-breakpoint: 640px;
    --custom-accept-invite-mobile-small-mobile-breakpoint: 640px;
    --custom-hub-discovery-add-hub-card-card-height: 320px;
    --custom-hub-discovery-guild-list-card-height: 320px;
    --custom-hub-discovery-guild-list-min-card-width: 248px;
    --custom-hub-discovery-guild-list-gutter-size: 16px;
    --custom-hub-discovery-page-max-page-width: 1608px;
    --custom-guild-tooltip-icon-size: 20px;
    --custom-guild-tooltip-icon-size-v-2: 16px;
    --custom-folder-item-animation-duration: 150ms;
    --custom-folder-item-guild-icon-margin: 8px;
    --custom-category-channel-space-before-category: 16px
}

.visual-refresh.density-compact {
    --custom-category-channel-space-before-category: var(--space-8)
}

:root {
    --custom-add-permissions-modal-focus-ring-width: 4px;
    --custom-custom-role-icon-form-item-role-icon-preview-size: 32px;
    --custom-guild-settings-roles-edit-shared-sidebar-width: 232px;
    --custom-guild-settings-roles-intro-roles-transition: 250ms;
    --custom-guild-settings-roles-intro-pause-transition: 166ms;
    --custom-guild-settings-roles-intro-background-transition: 500ms;
    --custom-guild-settings-roles-intro-banner-transition-delay: calc(var(--custom-guild-settings-roles-intro-roles-transition) + var(--custom-guild-settings-roles-intro-pause-transition));
    --custom-guild-settings-roles-intro-roles-transition-delay: calc(var(--custom-guild-settings-roles-intro-roles-transition) + var(--custom-guild-settings-roles-intro-pause-transition)*2 + var(--custom-guild-settings-roles-intro-background-transition));
    --custom-guild-settings-community-intro-content-spacing: 32px;
    --custom-guild-settings-community-intro-hover-distance: -12px;
    --custom-guild-settings-community-intro-text-spacing: 8px;
    --custom-guild-settings-discovery-landing-page-max-width-tab: 905px;
    --custom-guild-settings-discovery-landing-page-settings-max-width: 520px;
    --custom-guild-settings-partner-content-spacing: 32px;
    --custom-event-detail-info-tab-base-spacing: 8px;
    --custom-subscription-listing-previews-carousel-cards-get-cut-off-width: 724px;
    --custom-editable-benefits-list-emoji-size: 24px;
    --custom-edit-benefit-modal-emoji-size: 22px;
    --custom-edit-benefit-modal-emoji-margin: 10px;
    --custom-guild-settings-role-subscriptions-max-width: 905px;
    --custom-guild-settings-role-subscriptions-overview-settings-max-width: 520px;
    --custom-guild-settings-store-page-settings-max-width: 520px;
    --custom-importable-benefits-list-listing-image-size: 40px;
    --custom-import-benefits-modal-icon-size: 24px;
    --custom-import-benefits-modal-role-icon-size: 40px;
    --custom-role-icon-uploader-icon-size: 24px;
    --custom-guild-role-subscription-style-constants-cover-image-aspect-ratio: 4;
    --custom-historic-earnings-table-toggle-expand-column-width: 30px;
    --custom-guild-role-subscription-card-basic-info-tier-image-size: 80px;
    --custom-guild-role-subscription-card-basic-info-tier-image-size-mobile: 48px;
    --custom-guild-role-subscriptions-overview-page-page-max-width: 1180px;
    --custom-guild-dialog-popout-width: 250px;
    --custom-guild-dialog-splash-ratio: 1.77778;
    --custom-guild-dialog-icon-size: 84px;
    --custom-guild-dialog-icon-padding: 4px;
    --custom-guild-product-download-modal-header-image-width: 119px;
    --custom-guild-onboarding-home-page-max-page-width: 1128px;
    --custom-guild-onboarding-home-page-max-single-column-width: 704px;
    --custom-home-resource-channels-obscured-blur-radius: 20px;
    --custom-guild-member-application-review-sidebar-width: 29vw;
    --custom-featured-items-popout-featured-items-popout-footer-height: 120px;
    --custom-guild-boosting-sidebar-display-conditional-bottom-margin: 12px;
    --custom-guild-boosting-marketing-progress-bar-marker-dimensions: 32px;
    --custom-guild-boosting-marketing-progress-bar-end-markers-margin: 4px;
    --custom-guild-boosting-marketing-progress-bar-marker-marker-dimensions: 32px;
    --custom-guild-boosting-marketing-tier-cards-tier-card-border-radius: 16px;
    --custom-go-live-modal-art-height: 112px;
    --custom-gif-picker-gutter-size: 0 16px 12px 16px;
    --custom-gif-picker-search-results-desired-item-width: 160px;
    --custom-forum-composer-attachments-attachment-size: 78px;
    --custom-forum-post-obscured-blur-radius: 20px;
    --custom-forum-post-grid-view-obscured-blur-radius: 20px;
    --custom-demo-forum-channel-padding-large: 20px;
    --custom-demo-forum-channel-post-padding: 12px;
    --custom-demo-forum-channel-gap-size: 8px;
    --custom-feedback-modal-emoji-size: 64px;
    --custom-feedback-modal-close-button-margin: 12px;
    --custom-expression-suggestions-container-padding: 8px;
    --custom-expression-suggestions-sticker-suggestion-size: 48px;
    --custom-expression-suggestions-sticker-suggestion-margin: 8px;
    --custom-expression-picker-constants-expression-picker-list-section-heading-height: 32px;
    --custom-expression-picker-constants-expression-picker-inspector-bar-graphic-primary-dimensions: 28px;
    --custom-expression-picker-constants-expression-picker-inspector-bar-graphic-secondary-dimensions: 32px;
    --custom-expression-picker-constants-expression-picker-inspector-bar-height: 48px;
    --custom-emoji-picker-border-radius: 8px;
    --custom-emoji-picker-constants-min-emoji-picker-width: 498px;
    --custom-emoji-picker-constants-emoji-size-medium: 40px;
    --custom-emoji-picker-constants-emoji-size-large: 48px;
    --custom-emoji-picker-constants-emoji-container-padding-horizontal: 4px;
    --custom-emoji-picker-constants-emoji-container-padding-vertical: 4px;
    --custom-emoji-picker-constants-emoji-picker-height: 440px;
    --custom-emoji-picker-constants-emoji-section-margin-bottom: 12px;
    --custom-emoji-picker-constants-emoji-list-padding-top: 0;
    --custom-emoji-picker-constants-emoji-list-padding-right: 0;
    --custom-emoji-picker-constants-emoji-list-padding-bottom: 8px;
    --custom-emoji-picker-constants-emoji-list-padding-left: 8px;
    --custom-emoji-picker-constants-emoji-list-search-results-padding-top: 8px;
    --custom-emoji-picker-constants-unicode-category-icon-margin-vertical: 2px;
    --custom-emoji-picker-constants-unicode-category-icon-size: 24px;
    --custom-emoji-picker-constants-unicode-category-icon-padding: 4px;
    --custom-emoji-picker-constants-unicode-category-shortcut-height: 48px;
    --custom-emoji-picker-constants-guild-category-icon-size: 32px;
    --custom-emoji-picker-constants-guild-category-icon-margin-verical: 8px;
    --custom-emoji-picker-constants-category-separator-size: 1px;
    --custom-emoji-picker-constants-category-separator-margin-vertical: 12px;
    --custom-emoji-picker-constants-diversity-emoji-size: 24px;
    --custom-emoji-picker-constants-emoji-premium-upsell-height: 54px;
    --custom-emoji-picker-constants-emoji-premium-upsell-margin-top: 16px;
    --custom-emoji-picker-constants-newly-added-emoji-badge-height: 16px;
    --custom-discover-static-guild-card-card-height: 258px;
    --custom-discover-featured-guilds-section-card-height: 320px;
    --custom-discover-featured-guilds-section-min-card-width: 248px;
    --custom-discover-featured-guilds-section-gutter-size: 16px;
    --custom-discover-search-results-max-search-bar-width: 720px;
    --custom-guild-directory-min-card-width: 248px;
    --custom-guild-directory-gutter-size: 16px;
    --custom-guild-directory-min-content-width: 320px;
    --custom-guild-directory-max-page-width: 1608px;
    --custom-guild-directory-entry-card-card-height: 274px;
    --custom-guild-directory-landing-min-header-height: 200px;
    --custom-guild-shop-page-two-column-max-width: 1439px;
    --custom-aspect-stable-image-container-padding: 20px;
    --custom-monetization-info-table-expandable-rows-toggle-expand-column-width: 30px;
    --custom-guild-shop-content-width: 1044px;
    --custom-guild-shop-content-width-reduced: 788px;
    --custom-guild-shop-content-width-minimum: 688px;
    --custom-guild-shop-channel-row-gradient: linear-gradient(113deg,#2f3570 1.98%,#422c70 94.48%);
    --custom-guild-shop-channel-row-gradient-hover: linear-gradient(113deg,#383f86 1.98%,#4d3385 94.48%);
    --custom-guild-shop-channel-row-border-gradient: linear-gradient(113deg,#6591ff,#d150ff);
    --custom-guild-shop-channel-row-glow: 0 0 4px rgba(189,149,255,.5);
    --custom-guild-shop-preview-pill-shadow-dark: -4px 5px #1d1d1d;
    --custom-guild-shop-preview-pill-shadow-light: -4px 5px #d7dce8;
    --custom-guild-shop-gradient-start: #686bff;
    --custom-guild-shop-gradient-end: #c356fd;
    --custom-guild-role-connections-modal-close-button-margin: 12px;
    --custom-clips-enabled-indicator-medium-break-point: 920px;
    --custom-clips-enabled-indicator-badge-icon-dimension-override: 20px;
    --custom-client-themes-editor-content-width: calc(var(--custom-theme-selection-selection-size)*3 + var(--custom-theme-selection-group-column-gap)*2);
    --custom-client-themes-editor-editor-padding: 16px;
    --custom-theme-selection-selection-size: 60px;
    --custom-theme-selection-group-column-gap: 24px;
    --custom-channel-attachment-upload-spoiler-blur-radius: 44px;
    --custom-channel-attachment-upload-mini-attachment-size: 78px;
    --custom-channel-textarea-text-area-height: 44px;
    --custom-channel-textarea-text-area-max-height: 50vh;
    --custom-channel-textarea-app-launcher-button-gap: 8px;
    --custom-channel-notice-icon-size: 16px;
    --custom-channel-notice-padding: 12px;
    --custom-channel-call-participants-popout-padding-value: 16px;
    --custom-stream-upsell-modal-art-height: 149px;
    --custom-voice-channel-status-modal-emoji-size: 22px;
    --custom-voice-channel-status-modal-emoji-margin: 10px;
    --custom-broadcasting-tooltip-image-offset: 40px;
    --custom-application-directory-content-min-width: 600px;
    --custom-application-directory-content-max-width: 1024px;
    --custom-guild-count-small-icon-size: 16px;
    --custom-guild-count-large-icon-size: 20px;
    --custom-collection-gallery-text-container-width: 400px;
    --custom-collection-gallery-media-breakpoint: 1024px;
    --custom-collection-gallery-column-card-height: 600px;
    --custom-collection-gallery-row-card-height: 283px;
    --custom-collection-list-card-gap: 16px;
    --custom-collection-list-with-image-grid-gap: 16px;
    --custom-collections-collection-gap: 32px;
    --custom-application-directory-profile-sidebar-width: 192px;
    --custom-application-directory-profile-sidebar-margin-right: 48px;
    --custom-application-directory-profile-icon-size: 122px;
    --custom-application-directory-search-sidebar-width: 200px;
    --custom-application-directory-search-sidebar-margin-right: 32px;
    --custom-activity-shelf-item-activity-item-height: 230px;
    --custom-activity-shelf-item-large-activity-item-height: 143px;
    --custom-activity-shelf-modal-modal-padding: 80px;
    --custom-activity-shelf-modal-modal-width: 496px;
    --custom-activity-shelf-modal-modal-min-width: 496px;
    --custom-activity-shelf-modal-modal-max-width: 1024px;
    --custom-activity-shelf-modal-modal-header-height: 92px;
    --custom-activity-shelf-modal-modal-header-without-description-height: 74px;
    --custom-activity-shelf-modal-modal-footer-height: 50px;
    --custom-activity-shelf-modal-modal-art-height: 64px;
    --custom-activity-shelf-modal-modal-max-height: 720px;
    --custom-activity-shelf-modal-modal-header-developer-controls-height: 176px;
    --custom-activity-shelf-modal-dividers-height: 2px;
    --custom-activity-shelf-modal-divider-height: 1px;
    --custom-activity-shelf-slide-activity-directory-shelf-grid-gap: 16px;
    --custom-accept-invite-modal-invite-modal-height: 420px;
    --custom-accept-invite-modal-small-screen-width: 720px;
    --custom-avatar-avatar-decoration-border-position: calc((1 - var(--decoration-to-avatar-ratio))/2*100%);
    --custom-button-button-xl-width: 148px;
    --custom-button-button-xl-height: 50px;
    --custom-button-button-lg-width: 130px;
    --custom-button-button-lg-height: 44px;
    --custom-button-button-md-width: 96px;
    --custom-button-button-md-height: 38px;
    --custom-button-button-sm-width: 60px;
    --custom-button-button-sm-height: 32px;
    --custom-button-button-tn-height: 24px;
    --custom-button-button-tn-width: 52px;
    --custom-button-link-underline-width: 1px;
    --custom-button-link-underline-offset: 1px;
    --custom-button-link-underline-stop: calc(var(--custom-button-link-underline-width) + var(--custom-button-link-underline-offset));
    --custom-button-filled-hover: 0.1;
    --custom-button-filled-active: 0.2;
    --custom-button-transition-duration: 170ms;
    --custom-modal-min-width-large: 800px;
    --custom-special-markdown-small-break-point: 600px;
    --custom-special-markdown-medium-break-point: 768px;
    --custom-user-profile-hype-squad-badge-icon-size: 24px;
    --custom-user-profile-hype-squad-badge-shine-size-offset: 64px;
    --custom-guild-discovery-gutter-size: 16px;
    --custom-guild-discovery-max-page-width: 1608px;
    --custom-dropdown-button-small-dropdown-size: 16px;
    --custom-dropdown-button-medium-dropdown-size: 24px;
    --custom-dropdown-button-large-dropdown-size: 32px;
    --custom-dropdown-button-separator-padding: 4px;
    --custom-dropdown-button-hitbox-padding: 8px;
    --custom-responsive-embed-tile-loading-background-width: 271px;
    --custom-game-install-locations-item-padding: 20px;
    --custom-game-list-row-min-height: 62px;
    --custom-game-list-linked-to-glow-duration: 2000ms;
    --custom-application-store-home-store-home-width: 1245px;
    --custom-application-store-listing-body-max-width: 880px;
    --custom-store-colors-primary-750: #191b1d;
    --custom-store-colors-premium-gradient: linear-gradient(to right,var(--premium-tier-2-purple),var(--premium-tier-2-pink));
    --custom-member-list-item-avatar-decoration-padding: 2px;
    --custom-messages-popout-messages-popout-footer-height: 120px;
    --custom-radio-image-border-thickness: 2px;
    --custom-standard-sidebar-view-sidebar-content-width: 192px;
    --custom-standard-sidebar-view-standard-padding: 20px;
    --custom-standard-sidebar-view-sidebar-content-scrollbar-padding: 6px;
    --custom-standard-sidebar-view-sidebar-total-width: calc(var(--custom-standard-sidebar-view-sidebar-content-width) + var(--custom-standard-sidebar-view-standard-padding) + var(--custom-standard-sidebar-view-sidebar-content-scrollbar-padding))
}

.visual-refresh {
    --custom-standard-sidebar-view-sidebar-total-width: 264px
}

:root {
    --decoration-to-avatar-ratio: 1.2;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800
}

.theme-dark.custom-theme-background {
    --bg-overlay-color: 0 0 0;
    --bg-overlay-color-inverse: 255 255 255;
    --bg-overlay-opacity-1: 0.85;
    --bg-overlay-opacity-2: 0.8;
    --bg-overlay-opacity-3: 0.7;
    --bg-overlay-opacity-4: 0.5;
    --bg-overlay-opacity-5: 0.4;
    --bg-overlay-opacity-6: 0.1;
    --bg-overlay-opacity-hover: 0.5;
    --bg-overlay-opacity-hover-inverse: 0.08;
    --bg-overlay-opacity-active: 0.45;
    --bg-overlay-opacity-active-inverse: 0.1;
    --bg-overlay-opacity-selected: 0.4;
    --bg-overlay-opacity-selected-inverse: 0.15;
    --bg-overlay-opacity-chat: 0.8;
    --bg-overlay-opacity-home: 0.85;
    --bg-overlay-opacity-home-card: 0.8;
    --bg-overlay-opacity-app-frame: var(--bg-overlay-opacity-4);
    --bg-overlay-opacity-floating: 0.65
}

    .theme-dark.custom-theme-background.visual-refresh {
        --bg-overlay-opacity-1: 0.9;
        --bg-overlay-opacity-2: 0.85;
        --bg-overlay-opacity-3: 0.8;
        --bg-overlay-opacity-4: 0.75;
        --bg-overlay-opacity-5: 0.7;
        --bg-overlay-opacity-6: 0.15;
        --bg-overlay-opacity-app-frame: var(--bg-overlay-opacity-5)
    }

        .theme-dark.custom-theme-background.visual-refresh.client-theme-color-picker {
            --bg-overlay-opacity-1: calc(0.54 + var(--theme-bg-overlay-opacity-mix-amount, 1)*0.4*0.9);
            --bg-overlay-opacity-2: calc(0.51 + var(--theme-bg-overlay-opacity-mix-amount, 1)*0.4*0.85);
            --bg-overlay-opacity-3: calc(0.48 + var(--theme-bg-overlay-opacity-mix-amount, 1)*0.4*0.8);
            --bg-overlay-opacity-4: calc(0.45 + var(--theme-bg-overlay-opacity-mix-amount, 1)*0.4*0.75);
            --bg-overlay-opacity-5: calc(0.42 + var(--theme-bg-overlay-opacity-mix-amount, 1)*0.4*0.7);
            --bg-overlay-opacity-6: calc(0.09 + var(--theme-bg-overlay-opacity-mix-amount, 1)*0.4*0.15);
            --bg-overlay-opacity-hover: calc(0.3 + var(--theme-bg-overlay-opacity-mix-amount, 1)*0.4*0.5);
            --bg-overlay-opacity-hover-inverse: calc(0.048 + var(--theme-bg-overlay-opacity-mix-amount, 1)*0.4*0.08);
            --bg-overlay-opacity-active: calc(0.27 + var(--theme-bg-overlay-opacity-mix-amount, 1)*0.4*0.45);
            --bg-overlay-opacity-active-inverse: calc(0.06 + var(--theme-bg-overlay-opacity-mix-amount, 1)*0.4*0.1);
            --bg-overlay-opacity-selected: calc(0.24 + var(--theme-bg-overlay-opacity-mix-amount, 1)*0.4*0.4);
            --bg-overlay-opacity-selected-inverse: calc(0.09 + var(--theme-bg-overlay-opacity-mix-amount, 1)*0.4*0.15);
            --bg-overlay-opacity-chat: calc(0.48 + var(--theme-bg-overlay-opacity-mix-amount, 1)*0.4*0.8);
            --bg-overlay-opacity-home: calc(0.51 + var(--theme-bg-overlay-opacity-mix-amount, 1)*0.4*0.85);
            --bg-overlay-opacity-home-card: calc(0.48 + var(--theme-bg-overlay-opacity-mix-amount, 1)*0.4*0.8);
            --bg-overlay-opacity-floating: calc(0.39 + var(--theme-bg-overlay-opacity-mix-amount, 1)*0.4*0.65)
        }

.custom-theme-background .theme-dark, .theme-dark.custom-theme-background {
    --theme-base-color: var(--theme-base-color-dark);
    --theme-text-color: var(--theme-text-color-dark);
    --theme-base-color-hsl: var(--theme-base-color-dark-hsl)
}

.theme-light.custom-theme-background {
    --bg-overlay-color: 255 255 255;
    --bg-overlay-color-inverse: 0 0 0;
    --bg-overlay-opacity-1: 0.9;
    --bg-overlay-opacity-2: 0.8;
    --bg-overlay-opacity-3: 0.7;
    --bg-overlay-opacity-4: 0.6;
    --bg-overlay-opacity-5: 0.3;
    --bg-overlay-opacity-6: 0.15;
    --bg-overlay-opacity-hover: 0.7;
    --bg-overlay-opacity-hover-inverse: 0.02;
    --bg-overlay-opacity-active: 0.65;
    --bg-overlay-opacity-active-inverse: 0.03;
    --bg-overlay-opacity-selected: 0.6;
    --bg-overlay-opacity-selected-inverse: 0.04;
    --bg-overlay-opacity-chat: 0.9;
    --bg-overlay-opacity-home: 0.7;
    --bg-overlay-opacity-home-card: 0.9;
    --bg-overlay-opacity-app-frame: var(--bg-overlay-opacity-5);
    --bg-overlay-opacity-floating: 0.95
}

    .theme-light.custom-theme-background.visual-refresh {
        --bg-overlay-color: 255 255 255;
        --bg-overlay-opacity-chat: 0.85;
        --bg-overlay-opacity-1: 0.85;
        --bg-overlay-opacity-2: 0.8;
        --bg-overlay-opacity-3: 0.75;
        --bg-overlay-opacity-4: 0.7;
        --bg-overlay-opacity-5: 0.65;
        --bg-overlay-opacity-6: 0.15;
        --bg-overlay-opacity-app-frame: var(--bg-overlay-opacity-5)
    }

        .theme-light.custom-theme-background.visual-refresh.client-theme-color-picker {
            --bg-overlay-opacity-1: calc(0.51 + var(--theme-bg-overlay-opacity-mix-amount, 1)*0.4*0.85);
            --bg-overlay-opacity-2: calc(0.48 + var(--theme-bg-overlay-opacity-mix-amount, 1)*0.4*0.8);
            --bg-overlay-opacity-3: calc(0.45 + var(--theme-bg-overlay-opacity-mix-amount, 1)*0.4*0.75);
            --bg-overlay-opacity-4: calc(0.42 + var(--theme-bg-overlay-opacity-mix-amount, 1)*0.4*0.7);
            --bg-overlay-opacity-5: calc(0.325 + var(--theme-bg-overlay-opacity-mix-amount, 1)*0.5*0.65);
            --bg-overlay-opacity-6: calc(0.09 + var(--theme-bg-overlay-opacity-mix-amount, 1)*0.4*0.15);
            --bg-overlay-opacity-hover: calc(0.42 + var(--theme-bg-overlay-opacity-mix-amount, 1)*0.4*0.7);
            --bg-overlay-opacity-hover-inverse: calc(0.012 + var(--theme-bg-overlay-opacity-mix-amount, 1)*0.4*0.02);
            --bg-overlay-opacity-active: calc(0.39 + var(--theme-bg-overlay-opacity-mix-amount, 1)*0.4*0.65);
            --bg-overlay-opacity-active-inverse: calc(0.018 + var(--theme-bg-overlay-opacity-mix-amount, 1)*0.4*0.03);
            --bg-overlay-opacity-selected: calc(0.36 + var(--theme-bg-overlay-opacity-mix-amount, 1)*0.4*0.6);
            --bg-overlay-opacity-selected-inverse: calc(0.024 + var(--theme-bg-overlay-opacity-mix-amount, 1)*0.4*0.04);
            --bg-overlay-opacity-chat: calc(var(--custom-bg-overlay-opacity-chat-base-light, 0.85)*(0.6 + var(--theme-bg-overlay-opacity-mix-amount, 1)*0.4));
            --bg-overlay-opacity-home: calc(0.42 + var(--theme-bg-overlay-opacity-mix-amount, 1)*0.4*0.7);
            --bg-overlay-opacity-home-card: calc(0.54 + var(--theme-bg-overlay-opacity-mix-amount, 1)*0.4*0.9);
            --bg-overlay-opacity-floating: calc(var(--custom-bg-overlay-opacity-floating-base-light, 0.95)*(0.8 + var(--theme-bg-overlay-opacity-mix-amount, 1)*0.2))
        }

.custom-theme-background .theme-light, .theme-light.custom-theme-background {
    --theme-base-color: var(--theme-base-color-light);
    --theme-text-color: var(--theme-text-color-light);
    --theme-base-color-hsl: var(--theme-base-color-light-hsl)
}

.custom-theme-background {
    --bg-overlay-1: linear-gradient(rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-1)),rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-1))) fixed 0 0 /cover,var(--custom-theme-background) fixed 0 0 /cover;
    --bg-overlay-2: linear-gradient(rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-2)),rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-2))) fixed 0 0 /cover,var(--custom-theme-background) fixed 0 0 /cover;
    --bg-overlay-3: linear-gradient(rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-3)),rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-3))) fixed 0 0 /cover,var(--custom-theme-background) fixed 0 0 /cover;
    --bg-overlay-4: linear-gradient(rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-4)),rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-4))) fixed 0 0 /cover,var(--custom-theme-background) fixed 0 0 /cover;
    --bg-overlay-5: linear-gradient(rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-5)),rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-5))) fixed 0 0 /cover,var(--custom-theme-background) fixed 0 0 /cover;
    --bg-overlay-6: linear-gradient(rgb(var(--bg-overlay-color-inverse)/var(--bg-overlay-opacity-6)),rgb(var(--bg-overlay-color-inverse)/var(--bg-overlay-opacity-6))) fixed 0 0 /cover,var(--custom-theme-background) fixed 0 0 /cover;
    --bg-overlay-hover: linear-gradient(rgb(var(--bg-overlay-color-inverse)/var(--bg-overlay-opacity-hover-inverse)),rgb(var(--bg-overlay-color-inverse)/var(--bg-overlay-opacity-hover-inverse))) fixed 0 0 /cover,linear-gradient(rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-hover)),rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-hover))) fixed 0 0 /cover,var(--custom-theme-background) fixed 0 0 /cover;
    --bg-overlay-active: linear-gradient(rgb(var(--bg-overlay-color-inverse)/var(--bg-overlay-opacity-active-inverse)),rgb(var(--bg-overlay-color-inverse)/var(--bg-overlay-opacity-active-inverse))) fixed 0 0 /cover,linear-gradient(rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-active)),rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-active))) fixed 0 0 /cover,var(--custom-theme-background) fixed 0 0 /cover;
    --bg-overlay-selected: linear-gradient(rgb(var(--bg-overlay-color-inverse)/var(--bg-overlay-opacity-selected-inverse)),rgb(var(--bg-overlay-color-inverse)/var(--bg-overlay-opacity-selected-inverse))) fixed 0 0 /cover,linear-gradient(rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-selected)),rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-selected))) fixed 0 0 /cover,var(--custom-theme-background) fixed 0 0 /cover;
    --bg-overlay-chat: linear-gradient(rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-chat)),rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-chat))) fixed 0 0 /cover,var(--custom-theme-background) fixed 0 0 /cover;
    --bg-overlay-home: linear-gradient(rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-home)),rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-home))) fixed 0 0 /cover,var(--custom-theme-background) fixed 0 0 /cover;
    --bg-overlay-home-card: linear-gradient(rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-home-card)),rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-home-card))) fixed 0 0 /cover,var(--custom-theme-background) fixed 0 0 /cover;
    --bg-overlay-app-frame: linear-gradient(rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-app-frame)),rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-app-frame))) fixed 0 0 /cover,var(--custom-theme-background) fixed 0 0 /cover;
    --bg-overlay-floating: linear-gradient(rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-floating)),rgb(var(--bg-overlay-color)/var(--bg-overlay-opacity-floating))) fixed 0 0 /cover,var(--custom-theme-background) fixed 0 0 /cover
}

.disable-adaptive-theme {
    --theme-base-color-amount: 0% !important;
    --theme-text-color-amount: 0% !important
}

.reduce-adaptive-theme {
    --theme-base-color-amount: 20% !important;
    --theme-text-color-amount: 20% !important
}

@supports (color:color-mix(in lch,red,blue)) {
    .custom-theme-background:not(.client-theme-color-picker) {
        --custom-app-border-frame-base: color-mix(in oklab,var(--custom-theme-primary-color) 50%,var(--custom-theme-secondary-color) 50%);
        --app-border-frame: color-mix(in oklab,var(--custom-app-border-frame-base) 24%,var(--border-subtle) 100%)
    }
}

.appMount__51fd7, body, html {
    height: 100%;
    width: 100%
}

.appMount__51fd7 {
    color: var(--background-base-lowest);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: absolute
}

.appMount__51fd7, body {
    background: var(--bg-overlay-2,var(--background-secondary));
    text-rendering: optimizeLegibility
}

.visual-refresh .appMount__51fd7, .visual-refresh body {
    background: var(--background-base-lowest)
}

.overlay .appMount__51fd7, .overlay body {
    background: transparent
}

::-moz-placeholder {
    font-family: var(--font-primary);
    text-rendering: optimizeLegibility
}

::placeholder, body, button, input, select, textarea {
    font-family: var(--font-primary);
    text-rendering: optimizeLegibility
}

a, button, div, input, label, select, span, strong, textarea {
    outline: 0
}

img[alt] {
    text-indent: -9999px
}

@media (-webkit-max-device-pixel-ratio:1.5) {
    .theme-light {
        --font-weight-semibold-1x-light-theme: 600
    }
}

:root {
    --custom-channel-header-height: 48px;
    --custom-member-list-width: 240px;
    --custom-guild-list-width: 72px
}

.visual-refresh {
    --custom-guild-list-padding: var(--space-md);
    --custom-guild-list-width: calc(var(--guildbar-avatar-size) + var(--custom-guild-list-padding)*2);
    --custom-guild-sidebar-width: 268px;
    --custom-app-sidebar-target-width: calc(var(--custom-guild-sidebar-width) + var(--custom-guild-list-width));
    --custom-rtc-account-height: 44px;
    --custom-app-top-bar-height: calc(24px + var(--space-8));
    --custom-channel-header-height: calc(var(--guildbar-avatar-size) + var(--space-xs));
    --custom-member-list-width: 264px;
    --custom-channel-textarea-text-area-height: calc(44px + var(--space-xs));
    --custom-chat-aligned-icon-offset: ((var(--chat-avatar-size) - var(--chat-input-icon-size))/2);
    --custom-message-margin-horizontal: var(--space-md)
}

    .visual-refresh.refresh-fast-follow-avatars {
        --custom-guild-list-padding: min(var(--space-md),var(--space-16));
        --custom-guild-list-width: calc(var(--guildbar-avatar-size) + var(--custom-guild-list-padding)*2);
        --custom-channel-header-height: calc(40px + var(--space-xs))
    }

    .visual-refresh.align-chat-input {
        --custom-channel-textarea-text-area-height: 56px
    }

    .visual-refresh.density-compact {
        --custom-member-list-width: 256px
    }

    .visual-refresh.density-cozy {
        --custom-member-list-width: 268px
    }

.visual-refresh-chat-input {
    --custom-emoji-sprite-size: 20px;
    --custom-channel-textarea-text-area-height: 48px
}

.grecaptcha-badge {
    visibility: hidden
}

.enable-forced-colors:not(.platform-web) body:before, html:has(.enable-forced-colors:not(.platform-web)) body:before {
    border: 6px solid #d3d3d3;
    border-top: 0 solid #d3d3d3;
    box-sizing: border-box;
    content: "";
    display: block;
    forced-color-adjust: none;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.enable-forced-colors:not(.platform-web) #app-mount__51fd7, .enable-forced-colors:not(.platform-web) .appMount__51fd7, html:has(.enable-forced-colors:not(.platform-web)) #app-mount__51fd7, html:has(.enable-forced-colors:not(.platform-web)) .appMount__51fd7 {
    background-color: Canvas;
    box-sizing: border-box;
    height: calc(100% - 6px);
    margin: 0 6px 6px;
    width: calc(100% - 12px)
}

.enable-forced-colors:not(.platform-web).theme-dark body:before, html:has(.enable-forced-colors:not(.platform-web)).theme-dark body:before {
    border-color: #d3d3d3
}

.enable-forced-colors:not(.platform-web).theme-dark.app-focused body:before, html:has(.enable-forced-colors:not(.platform-web)).theme-dark.app-focused body:before {
    border-color: gold
}

.enable-forced-colors:not(.platform-web).theme-light body:before, html:has(.enable-forced-colors:not(.platform-web)).theme-light body:before {
    border-color: gray
}

.enable-forced-colors:not(.platform-web).theme-light.app-focused body:before, html:has(.enable-forced-colors:not(.platform-web)).theme-light.app-focused body:before {
    border-color: #483d8b
}

/*# sourceMappingURL=12633.a9b03c33f3adc86c.css.map*/