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

.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
}

.defaultColor__5345c {
    color: var(--text-strong)
}

:root {
    --expand-structural-duration: 100ms;
    --expand-fade-duration: 200ms;
    --expand-easing-function: ease-out;
    --collapse-structural-duration: 150ms;
    --collapse-fade-duration: 150ms;
    --collapse-easing-function: ease-in
}

.container__35859 {
    border-radius: var(--radius-sm);
    box-sizing: border-box;
    display: grid;
    font-weight: 500;
    grid-template-rows: 1fr;
    padding: 8px;
    transition-duration: var(--expand-structural-duration);
    transition-property: grid-template-rows,padding-bottom,padding-top,border-width;
    transition-timing-function: var(--expand-easing-function);
    width: 100%
}

.container__35859.hidden__35859 {
    border-width: 0;
    grid-template-rows: 0fr;
    padding-bottom: 0;
    padding-top: 0;
    transition-delay: var(--collapse-fade-duration);
    transition-duration: var(--collapse-structural-duration);
    transition-property: grid-template-rows,padding-bottom,padding-top,border-width;
    transition-timing-function: var(--collapse-easing-function)
}

.innerContainer__35859 {
    display: flex;
    min-height: 0;
    opacity: 1;
    overflow: hidden;
    transition-delay: var(--expand-structural-duration);
    transition-duration: var(--expand-fade-duration);
    transition-property: opacity;
    transition-timing-function: var(--expand-easing-function)
}

.container__35859.hidden__35859 .innerContainer__35859 {
    opacity: 0;
    transition-delay: 0s;
    transition-duration: var(--collapse-fade-duration);
    transition-property: opacity;
    transition-timing-function: var(--collapse-easing-function)
}

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

.iconDiv__35859 {
    display: flex
}

.text__35859 {
    align-self: center;
    flex: 1;
    margin-left: var(--space-8)
}

.text__35859 p {
    margin: 0
}

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

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

.positive__35859 .icon__35859 {
    color: var(--icon-feedback-positive)
}

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

.warning__35859 .icon__35859 {
    color: var(--icon-feedback-warning)
}

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

.info__35859 .icon__35859 {
    color: var(--icon-feedback-info)
}

.error__35859 {
    background: var(--background-feedback-critical);
    border: 1px solid var(--icon-feedback-critical);
    color: var(--text-feedback-critical)
}

.error__35859 .icon__35859 {
    color: var(--icon-feedback-critical)
}

.actionContainer__35859 {
    margin-bottom: auto;
    margin-left: 16px;
    margin-top: auto
}

.hiddenVisually_b18fe2,.showOnFocus_b18fe2:not(:focus-within) {
    clip: rect(0 0 0 0);
    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
}

.badge_c2b88c {
    align-items: center;
    align-self: center;
    border-radius: var(--radius-round);
    box-sizing: border-box;
    display: inline-flex;
    gap: var(--space-4);
    padding: 0 var(--space-8);
    text-align: center;
    text-transform: uppercase
}

.default_c2b88c {
    background-color: var(--badge-background-default);
    color: var(--badge-text-default)
}

.brand_c2b88c {
    background-color: var(--badge-background-brand);
    color: var(--badge-text-brand)
}

.expressive_c2b88c {
    background-color: var(--badge-expressive-background-default);
    color: var(--badge-expressive-text-default)
}

.chip__3854f {
    align-self: center;
    border-radius: var(--radius-round);
    box-sizing: border-box;
    display: inline-block;
    padding: 0 var(--space-8);
    text-align: center;
    text-transform: uppercase
}

.blurple-light__3854f {
    background-color: var(--chip-blurple-light-background);
    color: var(--chip-blurple-light-text)
}

.blurple-medium__3854f {
    background-color: var(--chip-blurple-medium-background);
    color: var(--chip-blurple-medium-text)
}

.blurple-dark__3854f {
    background-color: var(--chip-blurple-dark-background);
    color: var(--chip-blurple-dark-text)
}

.purple-light__3854f {
    background-color: var(--chip-purple-light-background);
    color: var(--chip-purple-light-text)
}

.purple-medium__3854f {
    background-color: var(--chip-purple-medium-background);
    color: var(--chip-purple-medium-text)
}

.purple-dark__3854f {
    background-color: var(--chip-purple-dark-background);
    color: var(--chip-purple-dark-text)
}

.green-light__3854f {
    background-color: var(--chip-green-light-background);
    color: var(--chip-green-light-text)
}

.green-medium__3854f {
    background-color: var(--chip-green-medium-background);
    color: var(--chip-green-medium-text)
}

.green-dark__3854f {
    background-color: var(--chip-green-dark-background);
    color: var(--chip-green-dark-text)
}

.orange-light__3854f {
    background-color: var(--chip-orange-light-background);
    color: var(--chip-orange-light-text)
}

.orange-medium__3854f {
    background-color: var(--chip-orange-medium-background);
    color: var(--chip-orange-medium-text)
}

.orange-dark__3854f {
    background-color: var(--chip-orange-dark-background);
    color: var(--chip-orange-dark-text)
}

.yellow-light__3854f {
    background-color: var(--chip-yellow-light-background);
    color: var(--chip-yellow-light-text)
}

.yellow-medium__3854f {
    background-color: var(--chip-yellow-medium-background);
    color: var(--chip-yellow-medium-text)
}

.yellow-dark__3854f {
    background-color: var(--chip-yellow-dark-background);
    color: var(--chip-yellow-dark-text)
}

.pink-light__3854f {
    background-color: var(--chip-pink-light-background);
    color: var(--chip-pink-light-text)
}

.pink-medium__3854f {
    background-color: var(--chip-pink-medium-background);
    color: var(--chip-pink-medium-text)
}

.pink-dark__3854f {
    background-color: var(--chip-pink-dark-background);
    color: var(--chip-pink-dark-text)
}

.red-light__3854f {
    background-color: var(--chip-red-light-background);
    color: var(--chip-red-light-text)
}

.red-medium__3854f {
    background-color: var(--chip-red-medium-background);
    color: var(--chip-red-medium-text)
}

.red-dark__3854f {
    background-color: var(--chip-red-dark-background);
    color: var(--chip-red-dark-text)
}

.gray-light__3854f {
    background-color: var(--chip-gray-light-background);
    color: var(--chip-gray-light-text)
}

.gray-medium__3854f {
    background-color: var(--chip-gray-medium-background);
    color: var(--chip-gray-medium-text)
}

.gray-dark__3854f {
    background-color: var(--chip-gray-dark-background);
    color: var(--chip-gray-dark-text)
}

.progress__45530 {
    overflow: hidden;
    position: relative;
    transform: translateZ(0)
}

.progress__45530,.progressBar__45530 {
    width: 100%
}

.animating__45530 {
    transition: transform .2s ease-out
}

.xxsmall__45530 {
    border-radius: 2px;
    height: 2px
}

.xsmall__45530 {
    height: 4px
}

.small__45530,.xsmall__45530 {
    border-radius: 3px
}

.small__45530 {
    height: 6px
}

.large__45530 {
    border-radius: 4px;
    height: 8px
}

.indeterminate__45530 {
    position: absolute;
    top: 0;
    width: auto
}

.indeterminateBar1__45530 {
    animation: indeterminate1__45530 2.1s cubic-bezier(.65,.815,.735,.395) infinite;
    animation-play-state: paused
}

.indeterminateBar1__45530.animating__45530 {
    animation-play-state: running
}

.indeterminateBar2__45530 {
    animation: indeterminate2__45530 2.1s cubic-bezier(.165,.84,.44,1) infinite;
    animation-delay: 1.15s;
    animation-play-state: paused
}

.indeterminateBar2__45530.animating__45530 {
    animation-play-state: running
}

@keyframes indeterminate1__45530 {
    0% {
        left: -35%;
        right: 100%
    }

    60% {
        left: 100%;
        right: -90%
    }

    to {
        left: 100%;
        right: -90%
    }
}

@keyframes indeterminate2__45530 {
    0% {
        left: -200%;
        right: 100%
    }

    60% {
        left: 107%;
        right: -8%
    }

    to {
        left: 107%;
        right: -8%
    }
}

.progressCircle__28edc {
    align-items: center;
    color: var(--blue-345);
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%
}

.circle__28edc {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.circleBackgroundAlt__28edc {
    fill: var(--opacity-black-20)
}

.circleBackground__28edc {
    fill: var(--background-mod-muted)
}

.circleProgress__28edc {
    fill: none
}

.circleOverlay__28edc {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

.progress__67225 {
    overflow: hidden;
    position: relative;
    transform: translateZ(0);
    width: 100%
}

.progressBar__67225 {
    position: absolute;
    width: 100%
}

.full-motion .animating__67225 {
    transition: transform .2s ease-out
}

.xsmall__67225 {
    height: 4px
}

.small__67225,.xsmall__67225 {
    border-radius: 3px
}

.small__67225 {
    height: 6px
}

.large__67225 {
    border-radius: 4px;
    height: 8px
}

.stack_dbd263 {
    display: flex
}

.stack_dbd263[data-full-width=true] {
    width: 100%
}

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

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

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

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

.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-wrap=true] {
    flex-wrap: wrap
}

.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
}

.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
}

.custom-theme-background .customTheme_d125d2.auto_d125d2::-webkit-scrollbar-track {
    background-color: var(--background-mod-muted)
}

.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
}

@keyframes spinner-wandering-cubes__46696 {
    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__46696 {
    to {
        transform: rotate(1turn)
    }
}

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

    50% {
        transform: scale(1)
    }
}

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

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

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

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

    50% {
        opacity: .6
    }

    to {
        opacity: 1
    }
}

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

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

    50% {
        stroke-dasharray: 130,200
    }

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

.spinner__46696 {
    display: flex
}

.inner__46696,.spinner__46696 {
    align-items: center;
    justify-content: center
}

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

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

.wanderingCubes__46696 .item__46696:last-child {
    animation-delay: -.9s
}

.chasingDots__46696 {
    animation: spinner-chasing-dots-rotate__46696 2s linear infinite
}

.chasingDots__46696 .item__46696 {
    animation: spinner-chasing-dots-bounce__46696 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__46696 .item__46696:last-child {
    animation-delay: -1s;
    bottom: 0;
    top: auto
}

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

.pulsingEllipsis__46696 .item__46696 {
    animation: spinner-pulsing-ellipsis__46696 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__46696 .item__46696:nth-of-type(2) {
    animation-delay: .2s
}

.pulsingEllipsis__46696 .item__46696:nth-of-type(3) {
    animation-delay: .4s
}

.lowMotion__46696 .item__46696 {
    animation: spinner-low-motion__46696 1.4s ease-in-out infinite;
    background-color: var(--interactive-text-default);
    border-radius: 3px;
    display: inline-block;
    height: 6px;
    margin-right: 2px;
    opacity: .3;
    width: 6px
}

.lowMotion__46696 .item__46696:nth-of-type(2) {
    animation-delay: .2s
}

.lowMotion__46696 .item__46696:nth-of-type(3) {
    animation-delay: .4s
}

.stop-animation .pulsingEllipsis__46696 .item__46696 {
    animation: none
}

.stopAnimation__46696 .chasingDots__46696,.stopAnimation__46696 .circular__46696,.stopAnimation__46696 .item__46696,.stopAnimation__46696 .path__46696 {
    animation: none
}

.spinningCircle__46696 {
    width: 100%
}

.spinningCircleInner__46696 {
    transform: rotate(280deg)
}

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

.path__46696 {
    animation: spinner-spinning-circle-dash__46696 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__46696 {
    animation-delay: .15s;
    opacity: .6
}

.path2__46696,.path3__46696 {
    stroke: var(--text-brand)
}

.path3__46696 {
    animation-delay: .23s
}

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

.combo__61c93 {
    box-sizing: border-box;
    display: flex;
    font-size: 12px;
    font-weight: var(--font-weight-semibold);
    height: 23px;
    line-height: 12px;
    position: relative;
    text-transform: uppercase
}

.systemFont__61c93 {
    font-family: "system-ui",sans-serif
}

.key__61c93 {
    background-color: var(--background-mod-muted);
    border: 1px solid var(--border-strong);
    border-radius: 4px;
    box-sizing: border-box;
    cursor: default;
    display: block;
    height: 23px;
    min-height: 14px;
    min-width: 14px;
    padding: 3px 6px 4px;
    position: relative;
    text-align: center
}

.key__61c93:not(:last-child) {
    margin-inline-end:3px}

.key__61c93 .bindArrow__61c93 {
    height: 10px;
    width: 10px
}

.key__61c93 .bindArrow__61c93.up__61c93 {
    transform: rotate(180deg)
}

.key__61c93 .bindArrow__61c93.left__61c93 {
    transform: rotate(90deg)
}

.key__61c93 .bindArrow__61c93.right__61c93 {
    transform: rotate(-90deg)
}

.key__61c93:active {
    height: 21px;
    padding-bottom: 2px;
    transform: translateY(2px)
}

.combo__61c93 {
    color: var(--text-strong)
}

.key__61c93 {
    border: 1px solid var(--border-subtle);
    box-shadow: inset 0 -4px 0 var(--background-mod-muted);
    color: var(--interactive-text-active)
}

.key__61c93 g {
    fill: var(--interactive-text-active)
}

.key__61c93:active {
    border: 1px solid var(--border-strong);
    box-shadow: inset 0 -2px 0 var(--background-mod-subtle);
    color: var(--interactive-text-default)
}

.key__61c93:active g {
    fill: var(--interactive-text-default)
}

.dim__61c93 span {
    background-color: var(--background-mod-subtle);
    color: var(--text-subtle)
}

.dim__61c93 span .bindArrow__61c93 g {
    fill: var(--text-subtle)
}

.dim__61c93 span:active {
    color: var(--text-subtle)
}

.dim__61c93 span:active .bindArrow__61c93 g {
    fill: var(--text-subtle)
}

.keybindShortcutSearchPopout__61c93 {
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0
}

.keyboardShortcuts__61c93 {
    margin: 0
}

.button_a22cb0 {
    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;
    justify-content: center;
    margin: 0;
    max-height: -moz-min-content;
    max-height: min-content;
    max-width: 100%;
    padding: 0;
    position: relative;
    text-align: start;
    transition: background-color 50ms ease-in,color 50ms ease-in,border-color 50ms ease-in,opacity 50ms ease-in;
    width: -moz-min-content;
    width: min-content
}

.button_a22cb0:hover {
    transition: background-color .15s ease-out,color .15s ease-out,border-color .15s ease-out,opacity .15s ease-out
}

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

.highlight-mana-buttons .button_a22cb0 {
    box-shadow: 0 0 4px 4px var(--opacity-white-60)
}

.highlight-mana-buttons [data-button-hoisted-classname-wrapper] .button_a22cb0 {
    box-shadow: 0 0 4px 4px var(--opacity-green-60)
}

[data-button-hoisted-classname-wrapper] {
    display: flex;
    width: auto
}

.buttonChildrenWrapper_a22cb0 {
    border-radius: var(--radius-sm);
    box-sizing: border-box;
    justify-content: center;
    position: relative;
    width: 100%
}

.buttonChildren_a22cb0,.buttonChildrenWrapper_a22cb0 {
    align-items: center;
    display: flex;
    overflow: hidden
}

.buttonChildren_a22cb0 {
    gap: var(--space-4);
    text-overflow: ellipsis;
    transition: opacity .2s ease-out,transform .2s ease-out;
    white-space: nowrap
}

.icon_a22cb0 {
    flex-shrink: 0
}

.buttonChildren_a22cb0 {
    opacity: 1
}

.buttonChildren_a22cb0.loading_a22cb0 {
    opacity: 0
}

.spinnerWrapper_a22cb0 {
    animation-duration: .2s;
    animation-fill-mode: forwards;
    animation-timing-function: ease;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.spinnerWrapper_a22cb0.fadeIn_a22cb0 {
    animation-name: spinner-opacity-in_a22cb0
}

.spinnerWrapper_a22cb0.fadeOut_a22cb0 {
    animation-name: spinner-opacity-out_a22cb0
}

.full-motion .spinnerWrapper_a22cb0.fadeIn_a22cb0 {
    animation-name: spinner-transform-in_a22cb0,spinner-opacity-in_a22cb0
}

.full-motion .spinnerWrapper_a22cb0.fadeOut_a22cb0 {
    animation-name: spinner-transform-out_a22cb0,spinner-opacity-out_a22cb0
}

.full-motion .buttonChildren_a22cb0 {
    transform: translateY(0)
}

.full-motion .buttonChildren_a22cb0.loading_a22cb0 {
    transform: translateY(-100%)
}

@keyframes spinner-opacity-in_a22cb0 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes spinner-opacity-out_a22cb0 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes spinner-transform-in_a22cb0 {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes spinner-transform-out_a22cb0 {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(100%)
    }
}

.xs_a22cb0 {
    border-radius: var(--radius-xs)
}

.xs_a22cb0 .buttonChildrenWrapper_a22cb0 {
    min-height: 22px;
    min-width: 22px
}

.xs_a22cb0.hasText_a22cb0 {
    min-width: var(--__button-min-width,60px)
}

.xs_a22cb0.hasText_a22cb0 .buttonChildrenWrapper_a22cb0 {
    padding: calc(var(--space-4) - 1px) calc(var(--space-8) - 1px)
}

.sm_a22cb0 .buttonChildrenWrapper_a22cb0 {
    min-height: 30px;
    min-width: 30px
}

.sm_a22cb0.hasText_a22cb0 {
    min-width: var(--__button-min-width,60px)
}

.sm_a22cb0.hasText_a22cb0 .buttonChildrenWrapper_a22cb0 {
    padding: calc(var(--space-4) - 1px) calc(var(--space-12) - 1px)
}

.md_a22cb0 .buttonChildrenWrapper_a22cb0 {
    min-height: 38px;
    min-width: 38px
}

.md_a22cb0.hasText_a22cb0 {
    min-width: var(--__button-min-width,100px)
}

.md_a22cb0.hasText_a22cb0 .buttonChildrenWrapper_a22cb0 {
    padding: calc(var(--space-8) - 1px) calc(var(--space-16) - 1px)
}

.spinnerItem_a22cb0 {
    background-color: currentColor!important
}

.spinner_a22cb0 {
    height: 100%
}

.spinner-sm_a22cb0,.spinner-xs_a22cb0 {
    min-height: 16px;
    min-width: 16px;
    transform: scale(.75)
}

.spinner-md_a22cb0 {
    transform: scale(.9)
}

.spinner-lg_a22cb0,.spinner-md_a22cb0 {
    min-height: 20px;
    min-width: 20px
}

.primary_a22cb0 {
    background-color: var(--control-primary-background-default);
    border-color: var(--control-primary-border-default);
    color: var(--control-primary-text-default)
}

.primary_a22cb0:hover {
    background-color: var(--control-primary-background-hover);
    border-color: var(--control-primary-border-hover);
    color: var(--control-primary-text-hover)
}

.primary_a22cb0:active {
    background-color: var(--control-primary-background-active);
    border-color: var(--control-primary-border-active);
    color: var(--control-primary-text-active)
}

.secondary_a22cb0 {
    background-color: var(--control-secondary-background-default);
    border-color: var(--control-secondary-border-default);
    color: var(--control-secondary-text-default)
}

.secondary_a22cb0:hover {
    background-color: var(--control-secondary-background-hover);
    border-color: var(--control-secondary-border-hover);
    color: var(--control-secondary-text-hover)
}

.secondary_a22cb0:active {
    background-color: var(--control-secondary-background-active);
    border-color: var(--control-secondary-border-active);
    color: var(--control-secondary-text-active)
}

.icon-only_a22cb0 {
    background-color: transparent;
    border-color: transparent;
    color: var(--control-icon-only-icon-default)
}

.icon-only_a22cb0:hover {
    background-color: var(--control-icon-only-background-hover);
    border-color: var(--control-icon-only-border-hover);
    color: var(--control-icon-only-icon-hover)
}

.icon-only_a22cb0:active {
    background-color: var(--control-icon-only-background-active);
    border-color: var(--control-icon-only-border-active);
    color: var(--control-icon-only-icon-active)
}

.color-mix_a22cb0 {
    background-color: transparent;
    border: transparent;
    color: var(--icon-strong)
}

.color-mix_a22cb0:hover {
    color: var(--control-icon-only-icon-hover)
}

.color-mix_a22cb0:active {
    color: var(--control-icon-only-icon-active)
}

.color-mix_a22cb0:before {
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    box-sizing: border-box;
    content: "";
    height: 100%;
    left: 0;
    mix-blend-mode: plus-lighter;
    position: absolute;
    top: 0;
    transition: background-color 50ms ease-in,border-color 50ms ease-in,opacity 50ms ease-in;
    width: 100%
}

.color-mix_a22cb0:hover:before {
    background-color: var(--control-icon-only-background-hover);
    border-color: var(--border-subtle);
    transition: background-color .15s ease-out,border-color .15s ease-out,opacity .15s ease-out
}

.color-mix_a22cb0:active:before {
    background-color: var(--control-icon-only-background-active);
    border-color: var(--border-subtle)
}

.input-accessory_a22cb0 {
    border-radius: var(--radius-xs);
    color: var(--icon-strong)
}

.theme-light .color-mix_a22cb0:before {
    mix-blend-mode: difference
}

.critical-primary_a22cb0 {
    background-color: var(--control-critical-primary-background-default);
    border-color: var(--control-critical-primary-border-default);
    color: var(--control-critical-primary-text-default)
}

.critical-primary_a22cb0:hover {
    background-color: var(--control-critical-primary-background-hover);
    border-color: var(--control-critical-primary-border-hover);
    color: var(--control-critical-primary-text-hover)
}

.critical-primary_a22cb0:active {
    background-color: var(--control-critical-primary-background-active);
    border-color: var(--control-critical-primary-border-active);
    color: var(--control-critical-primary-text-active)
}

.critical-secondary_a22cb0 {
    background-color: var(--control-critical-secondary-background-default);
    border-color: var(--control-critical-secondary-border-default);
    color: var(--control-critical-secondary-text-default)
}

.critical-secondary_a22cb0:hover {
    background-color: var(--control-critical-secondary-background-hover);
    border-color: var(--control-critical-secondary-border-hover);
    color: var(--control-critical-secondary-text-hover)
}

.critical-secondary_a22cb0:active {
    background-color: var(--control-critical-secondary-background-active);
    border-color: var(--control-critical-secondary-border-active);
    color: var(--control-critical-secondary-text-active)
}

.active_a22cb0 {
    background-color: var(--control-connected-background-default);
    border-color: var(--control-connected-border-default);
    color: var(--control-connected-text-default)
}

.active_a22cb0:hover {
    background-color: var(--control-connected-background-hover);
    border-color: var(--control-connected-border-hover);
    color: var(--control-connected-text-hover)
}

.active_a22cb0:active {
    background-color: var(--control-connected-background-active);
    border-color: var(--control-connected-border-active);
    color: var(--control-connected-text-active)
}

.overlay-primary_a22cb0 {
    background-color: var(--control-overlay-primary-background-default);
    border-color: var(--control-overlay-primary-border-default);
    color: var(--control-overlay-primary-text-default)
}

.overlay-primary_a22cb0:hover {
    background-color: var(--control-overlay-primary-background-hover);
    border-color: var(--control-overlay-primary-border-hover);
    color: var(--control-overlay-primary-text-hover)
}

.overlay-primary_a22cb0:active {
    background-color: var(--control-overlay-primary-background-active);
    border-color: var(--control-overlay-primary-border-active);
    color: var(--control-overlay-primary-text-active)
}

.overlay-secondary_a22cb0 {
    background-color: var(--control-overlay-secondary-background-default);
    border-color: var(--control-overlay-secondary-border-default);
    color: var(--control-overlay-secondary-text-default)
}

.overlay-secondary_a22cb0:hover {
    background-color: var(--control-overlay-secondary-background-hover);
    border-color: var(--control-overlay-secondary-border-hover);
    color: var(--control-overlay-secondary-text-hover)
}

.overlay-secondary_a22cb0:active {
    background-color: var(--control-overlay-secondary-background-active);
    border-color: var(--control-overlay-secondary-border-active);
    color: var(--control-overlay-secondary-text-active)
}

.expressive_a22cb0>* {
    pointer-events: none;
    z-index: 1
}

.expressiveRive_a22cb0 {
    height: calc(100% + var(--__glow-amount)*2 + 2px);
    left: calc(var(--__glow-amount)*-1 - 1px);
    position: absolute;
    top: calc(var(--__glow-amount)*-1 - 1px);
    width: calc(100% + var(--__glow-amount)*2 + 2px)
}

.expressive_a22cb0 .expressiveBackground_a22cb0 {
    filter: blur(10px) saturate(var(--saturation-factor,1))
}

.reduce-motion .expressive_a22cb0 .expressiveBackground_a22cb0 {
    filter: blur(7px) saturate(var(--saturation-factor,1))
}

.expressive_a22cb0 {
    color: var(--control-expressive-text-default)
}

.expressive_a22cb0 .expressiveFill_a22cb0 {
    --__glow-amount: 0px;
    background-color: var(--control-expressive-background-default);
    border-radius: 8px;
    transition: background-color .15s ease,width .15s ease,height .15s ease,top .15s ease,left .15s ease
}

.expressive_a22cb0:hover {
    color: var(--control-expressive-text-hover)
}

.expressive_a22cb0:hover .expressiveFill_a22cb0 {
    background-color: var(--control-expressive-background-hover)
}

.expressive_a22cb0:active {
    color: var(--control-expressive-text-active)
}

.expressive_a22cb0:active .expressiveFill_a22cb0 {
    --__glow-amount: -1px;
    background-color: var(--control-expressive-background-active)
}

.expressive_a22cb0 .expressiveHoverContainer_a22cb0 {
    filter: blur(8px);
    mix-blend-mode: plus-lighter;
    pointer-events: all
}

.expressiveWrapper_a22cb0 {
    --__glow-amount: 8px;
    display: flex;
    max-width: 100%;
    position: relative;
    width: -moz-min-content;
    width: min-content
}

.fullWidth_a22cb0.hasText_a22cb0 {
    flex: 1;
    width: 100%
}

.rounded_a22cb0 {
    border-radius: var(--radius-round)
}

.enable-forced-colors .button_a22cb0 {
    background-color: ButtonFace;
    border-color: ButtonText;
    color: ButtonText;
    forced-color-adjust: none
}

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

.enable-forced-colors .button_a22cb0 .expressiveFill_a22cb0 {
    display: none
}

.textButton__7a01b {
    background: initial;
    box-sizing: border-box;
    color: inherit;
    display: inline-flex;
    flex-grow: 0;
    flex-shrink: 0;
    font-size: medium;
    font-weight: 400;
    gap: var(--space-4);
    margin: 0;
    max-width: 100%;
    padding: 0;
    text-align: start;
    text-decoration: none;
    width: -moz-min-content;
    width: min-content
}

.textButton__7a01b:disabled {
    opacity: .5
}

.textButton__7a01b:hover .text__7a01b,:where(.decorate-links) .text__7a01b {
    text-decoration: underline
}

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

.secondary__7a01b {
    color: var(--text-strong)
}

.always-white__7a01b {
    color: var(--white)
}

.critical__7a01b {
    color: var(--text-feedback-critical)
}

.highlight-mana-buttons .button__7a01b {
    box-shadow: 0 0 2px 2px var(--opacity-white-60)
}

.button__039e0 {
    align-items: center;
    background-color: transparent;
    border-radius: var(--radius-sm);
    cursor: pointer;
    display: flex;
    justify-content: center;
    transition: background-color .3s ease,color .3s ease
}

.secondary__039e0 {
    background-color: var(--control-secondary-background-default);
    border: 1px solid var(--control-secondary-border-default);
    color: var(--icon-subtle)
}

.secondary__039e0.pressed__039e0 {
    background-color: var(--control-secondary-background-active);
    border-color: var(--control-secondary-border-active);
    color: var(--icon-strong)
}

.secondary__039e0:hover {
    background-color: var(--control-secondary-background-hover);
    border-color: var(--control-secondary-border-hover)
}

.secondary__039e0:active {
    background-color: var(--control-secondary-background-active);
    border-color: var(--control-secondary-border-active)
}

.tertiary__039e0 {
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--icon-subtle)
}

.tertiary__039e0.pressed__039e0 {
    background-color: var(--control-icon-only-background-active);
    border-color: var(--control-icon-only-border-active);
    color: var(--icon-strong)
}

.tertiary__039e0:hover {
    background-color: var(--control-icon-only-background-hover);
    border-color: var(--control-icon-only-border-hover)
}

.tertiary__039e0:active {
    background-color: var(--control-icon-only-background-active);
    border-color: var(--control-icon-only-border-active)
}

.overlay-secondary__039e0 {
    background-color: var(--control-secondary-background-default);
    border: 1px solid var(--control-secondary-border-default);
    color: var(--icon-strong)
}

.overlay-secondary__039e0.pressed__039e0 {
    background-color: var(--control-secondary-background-active);
    border-color: var(--control-secondary-border-active)
}

.overlay-secondary__039e0:hover {
    background-color: var(--control-secondary-background-hover);
    border-color: var(--control-secondary-border-hover)
}

.overlay-secondary__039e0:active {
    background-color: var(--control-secondary-background-active);
    border-color: var(--control-secondary-border-active)
}

.overlay-tertiary__039e0 {
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--icon-strong)
}

.overlay-tertiary__039e0.pressed__039e0 {
    background-color: var(--control-icon-only-background-active);
    border-color: var(--control-icon-only-border-active)
}

.overlay-tertiary__039e0:hover {
    background-color: var(--control-icon-only-background-hover);
    border-color: var(--control-icon-only-border-hover)
}

.overlay-tertiary__039e0:active {
    background-color: var(--control-icon-only-background-active);
    border-color: var(--control-icon-only-border-active)
}

.outerContainer__8a031 {
    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, 0px))
}

.container__8a031,.outerContainer__8a031 {
    box-sizing: border-box;
    display: flex
}

.container__8a031 {
    --custom-border-radius: var(--radius-md);
    background: var(--background-surface-high);
    border: 1px solid var(--border-subtle);
    border-radius: var(--custom-border-radius);
    box-shadow: var(--shadow-high);
    color: var(--text-default);
    flex-direction: column;
    max-height: 100%;
    pointer-events: auto;
    width: 100%
}

.padding-size-sm__8a031 {
    --custom-modal-padding: var(--space-24);
    --custom-modal-padding-sm: var(--space-8);
    --custom-modal-padding-md: var(--space-16);
    --custom-modal-padding-top: var(--custom-modal-padding-sm);
    --custom-modal-padding-bottom: var(--custom-modal-padding-md)
}

.padding-size-lg__8a031,.padding-size-sm__8a031 {
    padding-bottom: var(--custom-modal-padding-bottom);
    padding-top: var(--custom-modal-padding-top)
}

.padding-size-lg__8a031 {
    --custom-modal-padding: var(--space-32);
    --custom-modal-padding-sm: var(--space-16);
    --custom-modal-padding-md: var(--space-16);
    --custom-modal-padding-top: calc(var(--space-24) - var(--custom-modal-padding-md));
    --custom-modal-padding-bottom: var(--custom-modal-padding-md)
}

.size-sm__8a031 {
    max-height: min(720px,100%);
    max-width: 400px
}

.size-md__8a031 {
    max-height: min(800px,100%);
    max-width: 480px
}

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

.size-xl__8a031 {
    max-width: 960px
}

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

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

@media (max-height: 550px),(max-width:485px) {
    .fullScreenOnMobile__8a031 {
        padding:0
    }

    .fullScreenOnMobile__8a031 .container__8a031 {
        --custom-border-radius: 0;
        --custom-modal-padding-top: calc(var(--custom-app-top-bar-height) + var(--custom-modal-padding-sm));
        border: none;
        height: 100%;
        overflow-y: auto
    }
}

.section__8a031 {
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding: var(--custom-modal-padding-md) var(--custom-modal-padding) var(--custom-modal-padding-sm);
    transition-duration: var(--expand-structural-duration);
    transition-property: padding;
    transition-timing-function: var(--expand-easing-function)
}

.sectionHidden__8a031 {
    overflow: hidden;
    padding: 0 var(--custom-modal-padding) 0;
    transition-delay: var(--collapse-fade-duration);
    transition-duration: var(--collapse-structural-duration);
    transition-timing-function: var(--collapse-easing-function)
}

.header__8a031 {
    position: relative
}

.headerCentered__8a031 {
    text-align: center
}

.headerLayout__8a031 {
    align-items: stretch;
    display: flex
}

.headerStepIndicator__8a031 {
    margin-bottom: var(--space-24);
    width: 120px
}

.headerGradient__8a031:before {
    border-radius: var(--custom-border-radius) var(--custom-border-radius) 0 0;
    left: -1.5px;
    right: -1.5px;
    top: calc((var(--custom-modal-padding-top) + 1.5px)*-1)
}

.headerGraphic__8a031 {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    padding-bottom: calc(var(--space-24) - var(--space-8));
    padding-top: calc(var(--space-24) - var(--space-4));
    width: 100%
}

.headerGraphicContainer__8a031 {
    box-sizing: border-box;
    max-width: 288px;
    width: 100%
}

.headerGraphicAnimated__8a031 {
    margin: 0 calc(var(--space-12)*-1);
    padding-bottom: calc(var(--space-12) - var(--space-8));
    padding-top: 0;
    width: calc(100% + var(--space-24))
}

.headerGraphicAnimated__8a031 .headerGraphicContainer__8a031 {
    max-width: 352px
}

@media (max-height: 550px) {
    .headerGraphicContainer__8a031>* {
        max-height:15vh
    }
}

.headerLeading__8a031,.headerLeadingSpacer__8a031 {
    margin-left: calc((var(--custom-modal-padding) - var(--space-8))*-1);
    margin-top: calc(var(--custom-modal-padding-md)*-1);
    padding-right: var(--space-12)
}

.headerTrailing__8a031,.headerTrailingSpacer__8a031 {
    margin-right: calc((var(--custom-modal-padding) - var(--space-8))*-1);
    margin-top: calc(var(--custom-modal-padding-md)*-1);
    padding-left: var(--space-12)
}

.headerLeading__8a031,.headerLeadingSpacer__8a031,.headerTrailing__8a031,.headerTrailingSpacer__8a031 {
    align-items: flex-start;
    box-sizing: border-box;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    gap: var(--space-8);
    min-width: var(--space-4)
}

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

.headerLeadingAbsolute__8a031,.headerTrailingAbsolute__8a031 {
    position: absolute;
    top: var(--custom-modal-padding-md)
}

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

.headerMain__8a031 {
    box-sizing: border-box;
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0
}

.headerSubtitleWrapper__8a031 {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: var(--space-4)
}

.headerSubtitleIcon__8a031 {
    flex-grow: 0;
    flex-shrink: 0
}

.headerCentered__8a031 .headerSubtitleWrapper__8a031 {
    justify-content: center
}

.headerSubtitle__8a031,.headerTitle__8a031 {
    overflow-wrap: break-word;
    word-break: break-word
}

.headerBadge__8a031[data-position=top] {
    padding-bottom: calc(var(--space-16) - var(--space-8))
}

.body__8a031 {
    box-sizing: border-box;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0
}

.body__8a031,.bodyList__8a031 {
    flex-grow: 0;
    flex-shrink: 1
}

.bodyList__8a031 {
    --custom-list-scrollbar-top-padding: 12px;
    height: 100vh;
    padding-left: var(--custom-modal-padding);
    padding-right: var(--custom-modal-padding);
    padding-top: var(--custom-list-scrollbar-top-padding)
}

.bodyList__8a031::-webkit-scrollbar-thumb,.bodyList__8a031::-webkit-scrollbar-track {
    margin-top: var(--custom-list-scrollbar-top-padding)
}

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

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

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

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

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

.bodyControls__8a031:after {
    background: linear-gradient(to bottom,var(--background-surface-high) 0,transparent 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
}

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

.bodyInner__8a031 {
    box-sizing: border-box;
    overflow-wrap: break-word;
    overflow-y: hidden;
    padding-left: var(--custom-modal-padding);
    padding-right: var(--custom-modal-padding);
    word-break: break-word
}

.has-webkit-scrollbar .bodyInner__8a031 {
    padding-right: calc(var(--custom-modal-padding) - var(--space-16))
}

.bodyControls__8a031+.body__8a031 .bodyInner__8a031,.bodyInnerShouldScroll__8a031 {
    padding-top: var(--space-12)
}

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

.footer__8a031 {
    overflow-wrap: break-word;
    padding-bottom: 0;
    word-break: break-word
}

.actionBar__8a031 {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--custom-modal-padding) var(--space-8)
}

.actionBarLeading__8a031 {
    flex-grow: 1;
    flex-shrink: 1;
    overflow-wrap: break-word;
    word-break: break-word
}

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

.actionButtonWrapper__8a031 {
    display: flex
}

.actionBarTrailingFullWidth__8a031 {
    width: 100%
}

.actionBarTrailingFullWidth__8a031 .actionButtonWrapper__8a031 {
    flex: 1
}

.actionBarCheckbox__8a031 {
    padding-inline-end:var(--space-8)}

.actionBarLayoutChatInput__8a031 {
    align-items: flex-start
}

.actionBarLayoutChatInput__8a031 .actionBarLeading__8a031 {
    flex-basis: 60%
}

@keyframes dotGrow__714a9 {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    25% {
        opacity: 1;
        transform: scale(3)
    }

    26% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes dotShrink__714a9 {
    0% {
        opacity: 0;
        transform: scale(2)
    }

    25% {
        opacity: 0;
        transform: scale(2)
    }

    26% {
        opacity: 1;
        transform: scale(2)
    }

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

@keyframes checkDraw__714a9 {
    0% {
        opacity: 0;
        transform: scale(.7)
    }

    25% {
        opacity: 0;
        transform: scale(.7)
    }

    26% {
        opacity: 1;
        transform: scale(.7)
    }

    75% {
        transform: scale(1.1)
    }

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

@keyframes checkUndraw__714a9 {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    25% {
        opacity: 1;
        transform: scale(.7)
    }

    26% {
        opacity: 0;
        transform: scale(.7)
    }

    to {
        opacity: 0
    }
}

.checkboxOption__714a9 {
    align-items: start;
    border-radius: var(--radius-sm);
    display: flex;
    gap: var(--space-12);
    max-width: 100%
}

.spacing__714a9 {
    flex: 1 1 auto
}

.checkboxIndicator__714a9 {
    align-items: center;
    background-color: var(--checkbox-background-default);
    border: 1px solid;
    border-color: var(--checkbox-border-default);
    border-radius: var(--radius-xs);
    box-sizing: border-box;
    display: flex;
    flex: 0 0 auto;
    height: 20px;
    justify-content: center;
    position: relative;
    width: 20px
}

.checkStroke__714a9 {
    opacity: 0
}

.checkStroke__714a9,.checkmark__714a9 {
    color: var(--checkbox-icon-active);
    display: block;
    height: 100%;
    inset: 0;
    position: absolute;
    transform-box: fill-box;
    transform-origin: 50% 50%;
    width: 100%
}

.dot__714a9 {
    opacity: 0;
    transform-origin: 10px 10px
}

.checkboxOption__714a9[data-selected] .checkboxIndicator__714a9 {
    background-color: var(--checkbox-background-selected-default);
    border-color: var(--checkbox-border-selected-default)
}

.checkboxOption__714a9[data-selected] .checkStroke__714a9,.checkboxOption__714a9[data-selected] .checkmark__714a9 {
    color: var(--checkbox-icon-active);
    opacity: 1
}

.animateIn__714a9 .dot__714a9 {
    animation: dotGrow__714a9 .3s cubic-bezier(.65,0,.83,.83) forwards
}

.animateIn__714a9 .checkStroke__714a9 {
    animation: checkDraw__714a9 .3s cubic-bezier(.65,0,.83,.83) both
}

.animateOut__714a9 .dot__714a9 {
    animation: dotShrink__714a9 .12s cubic-bezier(.65,0,.83,.84) backwards
}

.animateOut__714a9 .checkStroke__714a9 {
    animation: checkUndraw__714a9 .12s cubic-bezier(.65,0,.83,.84) backwards
}

.checkboxOption__714a9:not([data-selected]):hover:not([data-disabled]) {
    cursor: pointer
}

.checkboxOption__714a9:not([data-selected]):hover:not([data-disabled]) .checkboxIndicator__714a9 {
    background-color: var(--checkbox-background-hover);
    border-color: var(--checkbox-border-hover)
}

.checkboxOption__714a9[data-selected]:hover:not([data-disabled]) {
    cursor: pointer
}

.checkboxOption__714a9[data-selected]:hover:not([data-disabled]) .checkboxIndicator__714a9 {
    background-color: var(--checkbox-background-selected-hover);
    border-color: var(--checkbox-border-selected-hover)
}

.checkboxOption__714a9[data-disabled] {
    cursor: not-allowed;
    opacity: .5
}

.leadingIcon__714a9 {
    color: var(--icon-strong);
    flex-shrink: 0;
    height: 20px;
    width: 20px
}

.label__714a9 {
    align-items: flex-start;
    display: flex;
    gap: var(--space-4);
    width: 100%
}

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

.enable-forced-colors .checkboxOption__714a9[data-selected] .checkboxIndicator__714a9 {
    background-color: Highlight!important;
    border-color: HighlightText!important
}

.enable-forced-colors .checkboxOption__714a9[data-selected] .checkboxIndicator__714a9 svg * {
    fill: HighlightText
}

.enable-forced-colors .checkboxOption__714a9[data-disabled] {
    opacity: 1
}

.enable-forced-colors .checkboxOption__714a9[data-disabled] .checkboxIndicator__714a9 {
    background-color: transparent!important;
    border-color: GrayText!important
}

.enable-forced-colors .checkboxOption__714a9[data-disabled] .checkboxIndicator__714a9 svg * {
    fill: GrayText
}

.enable-forced-colors .checkboxOption__714a9[data-disabled][data-selected] .checkboxIndicator__714a9 svg * {
    fill: GrayText
}

.enable-forced-colors .checkboxOption__714a9[data-disabled] .label__714a9,.enable-forced-colors .checkboxOption__714a9[data-disabled] .label__714a9>div {
    color: GrayText
}

.checkboxWrapper__09aca {
    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__09aca.row__09aca {
    background-color: var(--background-base-lower);
    border-radius: 3px;
    padding: 10px
}

.checkboxWrapper__09aca.row__09aca.checked__09aca {
    background-color: var(--background-base-lowest);
    color: var(--interactive-text-active)
}

.checkboxWrapper__09aca.row__09aca:hover:not(.checked__09aca) {
    background-color: var(--interactive-background-hover);
    color: var(--interactive-text-hover)
}

.checkboxWrapper__09aca.row__09aca:active:not(.checked__09aca) {
    background-color: var(--interactive-background-active);
    color: var(--interactive-text-active)
}

.checkboxWrapper__09aca.row__09aca .inputDefault__09aca {
    left: 10px;
    top: 10px
}

.checkboxWrapperDisabled__09aca {
    opacity: .6
}

.checkboxWrapperDisabled__09aca.row__09aca {
    opacity: .3
}

.checkboxWrapperDisabled__09aca .checkbox__09aca {
    opacity: 1
}

.alignTop__09aca {
    align-items: top
}

.alignCenter__09aca {
    align-items: center
}

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

.inputDefault__09aca,.inputDisabled__09aca {
    height: 100%;
    width: 100%;
    z-index: 1
}

.inputDefault__09aca,.inputDisabled__09aca {
}

.inputDefault__09aca {
    cursor: pointer
}

.inputDisabled__09aca {
    cursor: not-allowed
}

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

.box__09aca {
    border-radius: 6px
}

.smallBox__09aca {
    border-radius: 4px
}

.round__09aca {
    border-radius: 50%
}

.checkbox__09aca {
    align-items: center;
    background-color: var(--checkbox-background-default);
    border-color: var(--checkbox-border-default);
    border-radius: 6px;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    display: flex;
    flex: 0 0 auto;
    justify-content: center
}

.checkbox__09aca.checkboxDisabled__09aca {
    opacity: .6
}

.checkbox__09aca.checked__09aca {
    background-color: var(--checkbox-background-selected-default);
    border-color: var(--checkbox-border-default)
}

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

.labelClickable__09aca {
    cursor: pointer
}

.labelDisabled__09aca {
    cursor: not-allowed
}

.labelForward__09aca {
    padding-left: 8px
}

.labelReversed__09aca {
    padding-right: 8px
}

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

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

.enable-forced-colors .checkbox__09aca.checked__09aca svg * {
    fill: HighlightText
}

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

.enable-forced-colors .checkboxWrapperDisabled__09aca.row__09aca {
    opacity: 1
}

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

.enable-forced-colors .checkboxWrapperDisabled__09aca .checkbox__09aca.checked__09aca svg * {
    fill: GrayText
}

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

.highlight-void-toggleables [data-toggleable-component=checkbox] {
    box-shadow: 0 0 6px 2px var(--green-360),0 0 8px 4px var(--opacity-green-60)
}

:where(.container_a62383) {
    --custom-gradient-color-start: var(--blurple-50);
    --custom-gradient-color-end: var(--blurple-50);
    --custom-gradient-offset-bottom: 0%;
    isolation: isolate;
    position: relative
}

:where(.container_a62383):before {
    background: linear-gradient(270deg in oklab,var(--custom-gradient-color-end) 0,var(--custom-gradient-color-start) 100%);
    border-radius: inherit;
    bottom: var(--custom-gradient-offset-bottom);
    content: "";
    display: block;
    left: 0;
    -webkit-mask-image: radial-gradient(100% 100% at 50% 100%,var(--transparent) 60%,#000 100%);
    mask-image: radial-gradient(100% 100% at 50% 100%,var(--transparent) 60%,#000 100%);
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.purple_a62383 {
    --custom-gradient-color-start: var(--expressive-gradient-purple-start);
    --custom-gradient-color-end: var(--expressive-gradient-purple-end)
}

.blue_a62383 {
    --custom-gradient-color-start: var(--expressive-gradient-blue-start);
    --custom-gradient-color-end: var(--expressive-gradient-blue-end)
}

.green_a62383 {
    --custom-gradient-color-start: var(--expressive-gradient-green-start);
    --custom-gradient-color-end: var(--expressive-gradient-green-end)
}

.pink_a62383 {
    --custom-gradient-color-start: var(--expressive-gradient-pink-start);
    --custom-gradient-color-end: var(--expressive-gradient-pink-end)
}

.nitro-pink_a62383 {
    --custom-gradient-color-start: var(--expressive-gradient-nitro-pink-start);
    --custom-gradient-color-end: var(--expressive-gradient-nitro-pink-end)
}

.nitro-green_a62383 {
    --custom-gradient-color-start: var(--expressive-gradient-nitro-green-start);
    --custom-gradient-color-end: var(--expressive-gradient-nitro-green-end)
}

.container__8ef77 {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    overflow: hidden;
    pointer-events: none;
    position: relative;
    width: 100%
}

.aspect-ratio-21\/9__8ef77 {
    aspect-ratio: 21/9
}

.aspect-ratio-16\/9__8ef77 {
    aspect-ratio: 16/9
}

.aspect-ratio-6\/4__8ef77 {
    aspect-ratio: 6/4
}

.aspect-ratio-2\/1__8ef77 {
    aspect-ratio: 2/1
}

.aspect-ratio-1\/1__8ef77 {
    aspect-ratio: 1/1
}

.image__8ef77,.video__8ef77 {
    max-height: 100%;
    max-width: 100%
}

.lottie__8ef77,.rive__8ef77 {
    height: 100%;
    width: 100%
}

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

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

.pointerEventsNone__40128 {
    pointer-events: none
}

.layer__529b0 {
    position: fixed;
    z-index: 9999
}

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

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

.clickTrapContainer__59d0d {
    overflow: hidden;
    right: 0
}

.clickTrapContainer__59d0d.trapClicks__59d0d,.layer__59d0d {
    pointer-events: auto
}

.layer__59d0d {
    position: absolute
}

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

.layerHidden__59d0d {
    visibility: hidden
}

.disabledPointerEvents__59d0d {
    pointer-events: none
}

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

.container__5a838 {
    --custom-description-max-width: 70ch;
    flex-grow: 1;
    interpolate-size: allow-keywords;
    display: grid;
    grid-template-areas: "labels" "control" "helper-text"
}

.container__5a838 .labelContainer__5a838 {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    grid-area: labels;
    min-width: 0
}

.container__5a838[data-layout=vertical] .labelContainer__5a838 {
    margin-bottom: var(--space-8)
}

.container__5a838[data-layout=horizontal-responsive],.container__5a838[data-layout=horizontal] {
    -moz-column-gap: var(--space-24);
    column-gap: var(--space-24);
    display: grid;
    grid-template-areas: "labels control" "empty helper-text";
    grid-template-columns: auto var(--custom-field-horizontal-control-width,auto);
    grid-template-rows: auto auto
}

.container__5a838[data-layout=horizontal-responsive] .control__5a838,.container__5a838[data-layout=horizontal] .control__5a838 {
    align-items: end;
    align-self: flex-start
}

.container__5a838[data-layout=horizontal-responsive] .helperTextContainer__5a838,.container__5a838[data-layout=horizontal] .helperTextContainer__5a838 {
    align-self: flex-end;
    contain: inline-size;
    gap: 0;
    padding-top: var(--space-4);
    width: 100%
}

.container__5a838[data-layout=horizontal-responsive] .description__5a838,.container__5a838[data-layout=horizontal] .description__5a838 {
    max-width: var(--custom-description-max-width)
}

.container__5a838[data-disabled=true] {
    opacity: .5
}

.control__5a838 {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    grid-area: control;
    min-width: 0
}

.icon__5a838 {
    margin-bottom: -1px;
    padding-right: var(--space-4)
}

.description__5a838 {
    grid-area: description
}

.label__5a838[data-interactive=true] {
    cursor: pointer
}

.container__5a838[data-disabled=true] .label__5a838[data-interactive=true] {
    cursor: not-allowed
}

.required__5a838 {
    display: inline-block;
    margin-left: var(--space-4)
}

@keyframes slideDown__5a838 {
    0% {
        height: 0;
        opacity: 0;
        transform: translateY(-4px)
    }

    to {
        height: auto;
        opacity: 1;
        transform: translateY(0)
    }
}

.helperTextContainer__5a838 {
    align-items: start;
    display: grid;
    gap: var(--space-12);
    grid-area: helper-text;
    grid-template-columns: 1fr auto;
    min-width: 0
}

.statusMessageContainer__5a838 {
    align-items: start;
    display: grid;
    gap: var(--space-4);
    grid-template-columns: auto 1fr
}

.full-motion .statusMessageContainer__5a838 {
    animation: slideDown__5a838 .3s ease-in-out
}

.badgeContainer__5a838 {
    margin-left: var(--space-4)
}

@container (max-width: 480px) {
    .container__5a838[data-layout=horizontal-responsive] {
        grid-template-areas: "labels" "control" "helper-text";
        grid-template-columns: 1fr;
        grid-template-rows: auto
    }

    .container__5a838[data-layout=horizontal-responsive] .labelContainer__5a838 {
        margin-bottom: var(--space-8)
    }

    .container__5a838[data-layout=horizontal-responsive] .control__5a838 {
        align-items: unset
    }

    .container__5a838[data-layout=horizontal-responsive] .helperTextContainer__5a838 {
        align-self: unset;
        contain: unset;
        gap: var(--space-12);
        padding-top: 0;
        width: unset
    }

    .container__5a838[data-layout=horizontal-responsive] .description__5a838 {
        max-width: none
    }
}

.group__0a16d {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
    padding: var(--space-8) 0 var(--space-4)
}

.backwardsCompatibleCheckbox__0a16d {
    align-items: start;
    display: flex;
    padding: var(--space-8)
}

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

    40% {
        transform: scale(1.2)
    }

    75% {
        transform: scale(1)
    }

    to {
        transform: scale(1)
    }
}

@keyframes fillIn__64e61 {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    1% {
        opacity: 1
    }

    35% {
        transform: scale(.33)
    }

    40% {
        transform: scale(1.15)
    }

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

@keyframes dotOut__64e61 {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    40% {
        transform: scale(1)
    }

    99% {
        opacity: 1
    }

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

@keyframes fillOut__64e61 {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    99% {
        opacity: 1
    }

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

.radioIndicator__64e61 {
    display: "block";
    image-rendering: crisp-edges;
    overflow: "visible"
}

.innerDotRadio__64e61,.outerRadioBase__64e61,.outerRadioFill__64e61,.radioIndicator__64e61 {
    transform-box: fill-box;
    transform-origin: center;
    will-change: transform,opacity;
    fill: none;
    overflow: visible
}

.radioGroupOption__64e61 {
    align-items: top;
    border-radius: var(--radius-sm);
    box-sizing: border-box;
    display: flex;
    gap: var(--space-12)
}

.radioIndicator__64e61,.standaloneRadioIndicator__64e61 {
    background: transparent;
    border-radius: var(--radius-lg);
    box-sizing: border-box;
    display: block
}

.outerRadioBase__64e61 {
    fill: var(--radio-background-default);
    stroke: var(--radio-border-default);
    stroke-width: 2
}

.outerRadioFill__64e61 {
    fill: none
}

.radioGroupOption__64e61[data-selected] .outerRadioBase__64e61,.standaloneRadioIndicator__64e61[data-selected=true] .outerRadioBase__64e61 {
    fill: var(--radio-background-selected-default);
    stroke: var(--radio-border-selected-default)
}

.radioGroupOption__64e61[data-selected] .outerRadioFill__64e61,.standaloneRadioIndicator__64e61[data-selected=true] .outerRadioFill__64e61 {
    fill: var(--radio-background-selected-default);
    stroke: var(--radio-border-selected-default);
    stroke-width: 2
}

.radioGroupOption__64e61[data-selected] .innerDotRadio__64e61,.standaloneRadioIndicator__64e61[data-selected=true] .innerDotRadio__64e61 {
    fill: var(--radio-thumb-background-active);
    opacity: 1
}

.animateIn__64e61 .outerRadioFill__64e61 {
    animation: fillIn__64e61 225ms cubic-bezier(.33,0,.67,1) forwards
}

.animateIn__64e61 .innerDotRadio__64e61 {
    animation: dotIn__64e61 333ms cubic-bezier(.26,.21,.67,1) forwards
}

.animateOut__64e61 .outerRadioFill__64e61 {
    animation: fillOut__64e61 .16s cubic-bezier(.33,0,.67,1) both
}

.animateOut__64e61 .innerDotRadio__64e61 {
    fill: var(--radio-thumb-background-active);
    animation: dotOut__64e61 .25s cubic-bezier(.33,0,.25,1) both
}

.radioGroupOption__64e61:not([data-selected]):not([data-disabled]):hover {
    cursor: pointer
}

.radioGroupOption__64e61:not([data-selected]):not([data-disabled]):hover .outerRadioBase__64e61 {
    fill: var(--radio-background-hover);
    stroke: var(--radio-border-hover)
}

.radioGroupOption__64e61[data-selected]:not([data-disabled]):hover {
    cursor: pointer
}

.radioGroupOption__64e61[data-selected]:not([data-disabled]):hover .outerRadioBase__64e61,.radioGroupOption__64e61[data-selected]:not([data-disabled]):hover .outerRadioFill__64e61 {
    fill: var(--radio-background-selected-hover);
    stroke: var(--radio-border-selected-hover)
}

.radioGroupOption__64e61[data-disabled],.standaloneRadioIndicator__64e61[data-disabled=true] {
    cursor: not-allowed;
    opacity: .5
}

.group__64e61 {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
    padding: var(--space-8) 0 var(--space-4)
}

.radioItemIcon__64e61 {
    color: var(--icon-strong);
    flex-shrink: 0;
    height: 20px;
    width: 20px
}

.label__64e61 {
    align-items: flex-start;
    display: flex;
    gap: var(--space-4);
    width: 100%
}

.enable-forced-colors .outerRadioBorderStroke__64e61 {
    stroke: ButtonText;
    opacity: 1
}

.enable-forced-colors .outerRadioBase__64e61 {
    fill: Canvas
}

.enable-forced-colors .innerDotRadio__64e61 {
    fill: HighlightText
}

.enable-forced-colors .radioGroupOption__64e61[data-disabled] {
    opacity: 1
}

.enable-forced-colors .radioGroupOption__64e61[data-disabled],.enable-forced-colors .radioGroupOption__64e61[data-disabled]:hover {
    color: GrayText
}

.enable-forced-colors .radioGroupOption__64e61[data-selected] .outerRadioBase__64e61 {
    fill: Highlight
}

.enable-forced-colors .radioGroupOption__64e61[data-selected] .outerRadioBorderStroke__64e61 {
    stroke: HighlightText;
    opacity: 1
}

.enable-forced-colors .radioGroupOption__64e61[data-disabled] .outerRadioBase__64e61 {
    fill: Canvas
}

.enable-forced-colors .radioGroupOption__64e61[data-disabled] .outerRadioBorderStroke__64e61 {
    stroke: GrayText;
    opacity: 1
}

.enable-forced-colors .radioGroupOption__64e61[data-disabled] .innerDotRadio__64e61,.enable-forced-colors .standaloneRadioIndicator__64e61[data-disabled=true] .innerDotRadio__64e61 {
    fill: GrayText
}

.enable-forced-colors .standaloneRadioIndicator__64e61[data-disabled=true] {
    opacity: 1
}

.enable-forced-colors .standaloneRadioIndicator__64e61[data-disabled=true] .outerRadioBase__64e61 {
    fill: Canvas
}

.enable-forced-colors .standaloneRadioIndicator__64e61[data-disabled=true] .outerRadioBorderStroke__64e61 {
    stroke: GrayText;
    opacity: 1
}

.radioBar__88a69 {
    border-inline-start:3px solid var(--radio-bar-accent-color);border-radius: 4px;
    display: grid;
    grid-gap: 8px;
    align-items: center;
    padding: var(--space-12) var(--space-16)!important
}

.radioBar__88a69.radioPositionLeft__88a69 {
    grid-template-columns: auto 1fr
}

.radioBar__88a69.radioPositionRight__88a69 {
    grid-template-columns: 1fr auto
}

.item__88a69[aria-checked=true] {
    color: var(--interactive-text-active)
}

.itemFilled__88a69[aria-checked=true] {
    background-color: var(--background-mod-subtle)
}

.radioIconForeground__88a69 {
    color: var(--interactive-text-active)
}

.item__88a69 {
    border-radius: 3px;
    color: var(--text-strong);
    cursor: pointer;
    display: block;
    flex-direction: row;
    margin-bottom: var(--space-4)
}

.item__88a69:hover:not([aria-checked=true]):not(.disabled__88a69) {
    color: var(--interactive-text-hover)
}

.item__88a69:active:not([aria-checked=true]):not(.disabled__88a69) {
    color: var(--interactive-text-active)
}

.collapsibleItem__88a69 {
    border-radius: 3px;
    color: var(--interactive-text-default);
    cursor: pointer;
    display: block;
    flex: 1;
    flex-direction: row
}

.collapsibleItem__88a69:hover:not([aria-checked=true]):not(.disabled__88a69) {
    color: var(--interactive-text-hover)
}

.collapsibleItem__88a69:active:not([aria-checked=true]):not(.disabled__88a69) {
    color: var(--interactive-text-active)
}

.itemFilled__88a69 {
    background: none
}

.itemFilled__88a69:hover:not([aria-checked=true]):not(.disabled__88a69) {
    background-color: var(--background-mod-subtle);
    color: var(--text-strong)
}

.itemFilled__88a69:active:not([aria-checked=true]):not(.disabled__88a69) {
    background-color: var(--background-mod-normal);
    color: var(--text-strong)
}

.tooltipWrapper__88a69 {
    display: flex;
    flex-direction: column;
    margin-bottom: 8px
}

.tooltipWrapper__88a69:last-child {
    margin: 0
}

.high-contrast-mode .container__88a69 {
    border: 1px solid var(--border-normal);
    border-radius: var(--radius-sm)
}

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

.info__88a69 {
    display: grid;
    margin-inline-end:8px;width: 100%;
    grid-gap: 4px;
    align-items: center
}

.icon__88a69 {
    margin-inline-start:8px}

.item__88a69,.itemFilled__88a69[aria-checked=true],.item__88a69[aria-checked=true],.radioBar__88a69 {
    border-radius: var(--radius-sm)
}

.radioIndicator__88a69 {
    background: transparent;
    border-radius: 50%;
    box-sizing: border-box;
    height: 24px;
    width: 24px
}

.radioIndicatorGroup__88a69 {
    display: flex;
    flex-direction: row;
    gap: var(--space-8)
}

.refreshIcon__88a69 {
    fill: #fff
}

.refreshIconStroke__88a69 {
    stroke: var(--checkbox-border-default)
}

.refreshIconFill__88a69 {
    fill: transparent
}

.radioIndicatorChecked__88a69 .refreshIconStroke__88a69 {
    stroke: var(--checkbox-border-default)
}

.radioIndicatorChecked__88a69 .refreshIconFill__88a69 {
    fill: var(--background-brand)
}

.full-motion .item__88a69 {
    transition: background-color .1s ease,color .1s ease
}

.high-contrast-mode .item__88a69 {
    border-bottom: 1px solid var(--border-subtle);
    border-radius: 0;
    box-sizing: border-box;
    margin-bottom: 0
}

.high-contrast-mode .item__88a69:last-child {
    border-bottom: none
}

.high-contrast-mode .item__88a69:last-child .radioBar__88a69 {
    border-end-start-radius: var(--radius-sm)
}

.high-contrast-mode .item__88a69:first-child .radioBar__88a69 {
    border-start-start-radius: var(--radius-xs)
}

.high-contrast-mode .radioBar__88a69 {
    border-radius: 0
}

.enable-forced-colors .radioBar__88a69 {
    background-color: ButtonFace;
    border: 1px solid ButtonText;
    color: ButtonText;
    forced-color-adjust: none
}

.enable-forced-colors .radioIconForeground__88a69 {
    color: HighlightText
}

.enable-forced-colors .refreshIcon__88a69 {
    fill: HighlightText
}

.enable-forced-colors .refreshIconStroke__88a69 {
    stroke: ButtonText
}

.enable-forced-colors .refreshIconFill__88a69 {
    fill: transparent
}

.enable-forced-colors .item__88a69[aria-checked=true] .radioBar__88a69 {
    background-color: Highlight;
    border-color: Highlight;
    color: HighlightText
}

.enable-forced-colors .radioIndicatorChecked__88a69 .refreshIconStroke__88a69 {
    stroke: HighlightText
}

.enable-forced-colors .radioIndicatorChecked__88a69 .refreshIconFill__88a69 {
    fill: Highlight
}

.enable-forced-colors .item__88a69.disabled__88a69 {
    opacity: 1
}

.enable-forced-colors .item__88a69.disabled__88a69,.enable-forced-colors .item__88a69.disabled__88a69:hover {
    color: GrayText
}

.enable-forced-colors .item__88a69.disabled__88a69 .radioBar__88a69 {
    background-color: Canvas;
    border-color: GrayText;
    color: GrayText
}

.enable-forced-colors .radioIndicatorDisabled__88a69 .radioIconForeground__88a69 {
    color: GrayText
}

.enable-forced-colors .radioIndicatorDisabled__88a69 .refreshIcon__88a69 {
    fill: GrayText
}

.enable-forced-colors .radioIndicatorDisabled__88a69 .refreshIconStroke__88a69 {
    stroke: GrayText
}

.enable-forced-colors .radioIndicatorDisabled__88a69 .refreshIconFill__88a69 {
    fill: Canvas
}

.highlight-void-toggleables [data-toggleable-component=radiogroup] {
    box-shadow: 0 0 6px 2px var(--yellow-360),0 0 8px 4px var(--opacity-yellow-60)
}

.avatar_f0960a,.image_f0960a {
    height: 16px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 16px
}

.avatar_f0960a {
    background-color: #000;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden
}

.avatar_f0960a,.roleDot_f0960a {
    border-radius: var(--radius-round)
}

.roleDot_f0960a {
    border: 1px solid var(--text-strong);
    box-sizing: border-box;
    display: block;
    height: 16px;
    width: 16px
}

.tagGroup_cfee8f {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-8)
}

.tagList_cfee8f {
    display: contents
}

.tag_cfee8f {
    align-items: center;
    background-color: var(--background-mod-subtle);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    box-sizing: border-box;
    cursor: default;
    display: inline-flex;
    gap: var(--space-8);
    min-height: 40px;
    outline: none;
    padding: var(--space-4) var(--space-12);
    transition: background-color 50ms ease-in,color 50ms ease-in,border-color 50ms ease-in,opacity 50ms ease-in;
    white-space: nowrap
}

.tag_cfee8f:has([slot=remove]) {
    padding-right: var(--space-8)
}

.tag_cfee8f[data-selection-mode=multiple],.tag_cfee8f[data-selection-mode=single] {
    cursor: pointer
}

.tag_cfee8f[data-selection-mode=multiple][data-hovered],.tag_cfee8f[data-selection-mode=single][data-hovered] {
    background: var(--background-mod-normal);
    border-color: var(--border-normal)
}

.tag_cfee8f[data-selection-mode=multiple][data-hovered][data-selected],.tag_cfee8f[data-selection-mode=single][data-hovered][data-selected] {
    background: var(--opacity-blurple-16);
    border-color: var(--input-border-active)
}

.tag_cfee8f[data-focus-visible] {
    outline: 1px solid var(--border-focus);
    outline-offset: 1px
}

.tag_cfee8f[data-selected] {
    background: var(--opacity-blurple-12);
    border-color: var(--input-border-active)
}

.tag_cfee8f[data-disabled] {
    cursor: not-allowed;
    opacity: .5
}

.tag_cfee8f [slot=remove] {
    align-items: center;
    aspect-ratio: 1/1;
    background: none;
    border: 1px solid transparent;
    border-radius: var(--radius-xs);
    display: flex;
    height: calc(100% - var(--space-8));
    justify-content: center;
    outline: none;
    padding: 0;
    transition: background-color 50ms ease-in,color 50ms ease-in,border-color 50ms ease-in,opacity 50ms ease-in
}

.tag_cfee8f [slot=remove][data-hovered] {
    background-color: var(--control-icon-only-background-hover);
    border-color: var(--control-icon-only-border-hover);
    transition: background-color .15s ease-out,color .15s ease-out,border-color .15s ease-out,opacity .15s ease-out
}

.tag_cfee8f [slot=remove][data-focus-visible] {
    outline: 2px solid var(--border-focus);
    outline-offset: -1px
}

.tagGroup_cfee8f[data-layout=inline] {
    display: contents
}

.tagGroup_cfee8f[data-layout=inline] .tag_cfee8f {
    border-radius: var(--radius-xs);
    gap: var(--space-4);
    min-height: 30px;
    padding: var(--space-4) var(--space-8)
}

.tagGroup_cfee8f[data-layout=inline] .tag_cfee8f:has([slot=remove]) {
    padding-right: var(--space-4)
}

.tagGroup_cfee8f[data-layout=inline] [slot=remove] {
    height: 100%
}

.container_a28278 {
    cursor: pointer
}

.container_a28278[data-disabled] {
    cursor: not-allowed
}

.switchIndicator_a28278 {
    border: 1px solid transparent;
    border-radius: var(--radius-lg);
    box-sizing: border-box;
    height: 24px;
    position: relative;
    width: 48px
}

.switchIndicator_a28278 .thumb_a28278 {
    align-items: center;
    display: flex;
    height: 24px;
    justify-content: center;
    margin-left: -1px;
    margin-top: -1px;
    position: absolute;
    width: 24px
}

.container__3f21e {
    border: 1px solid transparent;
    border-radius: 16px;
    box-sizing: border-box;
    cursor: pointer;
    height: 28px;
    position: relative;
    width: 44px
}

.high-contrast-mode .container__3f21e {
    border-color: var(--border-strong)
}

.container__3f21e.disabled__3f21e {
    cursor: not-allowed
}

.container__3f21e.checked__3f21e {
    border-color: var(--control-primary-border-default)
}

.input__3f21e {
    border-radius: 14px;
    cursor: pointer;
    height: 100%;
    left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.input__3f21e[disabled] {
    pointer-events: none
}

.slider__3f21e {
    display: block;
    height: 20px;
    left: 0;
    margin: 3px;
    position: absolute;
    width: 28px
}

.enable-forced-colors .container__3f21e {
    background-color: ButtonFace!important;
    border: 2px solid ButtonText;
    height: 28px;
    width: 44px
}

.enable-forced-colors .container__3f21e.checked__3f21e {
    background-color: Highlight!important;
    border-color: Highlight
}

.enable-forced-colors .container__3f21e.disabled__3f21e {
    background-color: Canvas!important;
    border-color: GrayText;
    opacity: 1!important
}

.enable-forced-colors .container__3f21e.disabled__3f21e.checked__3f21e {
    background-color: GrayText!important;
    border-color: GrayText
}

.highlight-void-toggleables [data-toggleable-component=switch] {
    box-shadow: 0 0 6px 2px var(--blue-360),0 0 8px 4px var(--opacity-blue-60)
}

.fieldset__7fb92 {
    display: flex;
    flex-direction: column;
    gap: var(--space-16)
}

.description__7fb92,.legend__7fb92 {
    margin-bottom: var(--space-12)
}

.legend__7fb92+.description__7fb92 {
    margin-bottom: 0;
    margin-top: -8px
}

.container__72c38 {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.container__72c38[data-full-width=true] {
    flex: 1 1 auto;
    width: 100%
}

.container__72c38[data-full-width=true] .input__72c38,.container__72c38[data-full-width=true] .wrapper__72c38 {
    width: 100%
}

.wrapper__72c38 {
    position: relative;
    --custom-input-background-color: var(--input-background-default);
    --custom-input-border-color: var(--input-border-default);
    --custom-input-text-color: var(--input-text-default);
    --custom-input-hover-border-color: var(--input-border-hover);
    --custom-input-focus-border-color: var(--input-border-active);
    align-items: center;
    background-color: var(--custom-input-background-color);
    border: 1px solid var(--custom-input-border-color);
    border-radius: var(--radius-sm);
    box-sizing: border-box;
    color: var(--custom-input-text-color);
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-4);
    transition: border-color .1s ease
}

.wrapper__72c38[data-read-only=true] {
    --custom-input-border-color: var(--input-border-readonly)
}

.wrapper__72c38:not([data-read-only=true]):not([data-disabled=true]):not(:focus-within):hover {
    --custom-input-border-color: var(--custom-input-hover-border-color)
}

.wrapper__72c38:not([data-read-only=true]):has(input:focus,textarea:focus) {
    --custom-input-border-color: var(--custom-input-focus-border-color);
    outline: 2px solid var(--custom-input-focus-border-color);
    outline-offset: -2px
}

.wrapper__72c38[data-error=true] {
    --custom-input-border-color: var(--input-border-error-default);
    --custom-input-text-color: var(--input-text-error-default);
    --custom-input-background-color: var(--input-background-error-default);
    --custom-input-hover-border-color: var(--input-border-error-default);
    --custom-input-focus-border-color: var(--input-border-error-default)
}

.wrapper__72c38[data-error=true]:not([data-read-only=true],[data-disabled=true],:focus-within):hover {
    outline: 2px solid var(--input-border-error-default);
    outline-offset: -2px
}

.wrapper__72c38[data-disabled=true] {
    cursor: not-allowed;
    opacity: .5;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

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

.enable-forced-colors .wrapper__72c38:not([data-read-only=true]):focus-within {
    border-color: Highlight
}

.enable-forced-colors .wrapper__72c38[data-disabled=true] {
    background-color: Canvas;
    border-color: GrayText;
    opacity: 1
}

.wrapper_a35ace svg {
    display: block
}

.divider__1de9c {
    border-top: thin solid var(--border-subtle);
    height: 1px;
    width: 100%
}

.header_aa8da2,.item_aa8da2 {
    flex-shrink: 0;
    overflow: hidden
}

.header_aa8da2,.headerText_aa8da2,.item_aa8da2 {
    text-overflow: ellipsis;
    white-space: nowrap
}

.headerText_aa8da2 {
    overflow-x: hidden
}

.header_aa8da2 {
    color: var(--channels-default)
}

.item_aa8da2 {
    cursor: pointer;
    font-size: 16px;
    font-weight: var(--font-weight-medium);
    line-height: 20px;
    position: relative
}

.brand_aa8da2.item_aa8da2,.themed_aa8da2.item_aa8da2 {
    color: var(--text-subtle)
}

.brand_aa8da2.item_aa8da2:active,.brand_aa8da2.item_aa8da2:hover,.themed_aa8da2.item_aa8da2:active,.themed_aa8da2.item_aa8da2:hover {
    color: var(--text-strong)
}

.separator_aa8da2 {
    background-color: var(--border-subtle)
}

.selected_aa8da2.item_aa8da2,.selected_aa8da2.item_aa8da2:hover {
    color: var(--text-strong);
    cursor: default
}

.selected_aa8da2 {
    cursor: default
}

.disabled_aa8da2.item_aa8da2,.disabled_aa8da2.item_aa8da2:hover {
    color: var(--text-muted);
    cursor: default
}

.density-compact .side_aa8da2 .item_aa8da2 {
    line-height: 16px
}

.density-cozy .side_aa8da2 .item_aa8da2 {
    line-height: 24px
}

.side_aa8da2 {
    display: flex;
    flex: 1;
    flex-direction: column
}

.side_aa8da2 .header_aa8da2,.side_aa8da2 .item_aa8da2 {
    padding: 6px 10px
}

.side_aa8da2 .header_aa8da2:first-child {
    padding-top: 0
}

.side_aa8da2 .item_aa8da2 {
    border-radius: 4px;
    margin-bottom: 2px;
    padding-bottom: 6px;
    padding-top: 6px
}

.side_aa8da2 .separator_aa8da2 {
    height: 1px;
    margin: 8px 10px
}

.top_aa8da2 {
    border-bottom-color: var(--border-subtle);
    border-bottom: 1px solid var(--border-subtle);
    display: flex;
    flex-direction: row
}

.top_aa8da2 .item_aa8da2 {
    --selected-tab-item-color: var(--interactive-text-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-strong)
}

.top_aa8da2 .item_aa8da2.selected_aa8da2:after,.top_aa8da2 .item_aa8da2: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
}

.top_aa8da2 .item_aa8da2.selected_aa8da2 {
    color: var(--selected-tab-item-color)
}

.top_aa8da2 .item_aa8da2.brand_aa8da2 {
    --selected-tab-item-color: var(--text-brand)
}

.top_aa8da2 .item_aa8da2.brand_aa8da2:hover {
    color: var(--text-strong)
}

.top_aa8da2 .item_aa8da2+.item_aa8da2 {
    margin-left: var(--space-xl)
}

.top_aa8da2 .disabled_aa8da2.item_aa8da2 {
    cursor: not-allowed
}

.top_aa8da2 .themed_aa8da2.item_aa8da2:hover {
    border-bottom-color: var(--interactive-text-hover)
}

.top_aa8da2 .selected_aa8da2.themed_aa8da2.item_aa8da2,.top_aa8da2 .themed_aa8da2.item_aa8da2:active {
    border-bottom-color: var(--interactive-text-active)
}

.top_aa8da2 .brand_aa8da2.item_aa8da2:hover {
    border-bottom-color: var(--brand-500)
}

.top_aa8da2 .brand_aa8da2.item_aa8da2:active,.top_aa8da2 .brand_aa8da2.selected_aa8da2.item_aa8da2 {
    border-bottom-color: var(--control-brand-foreground)
}

.top_aa8da2 .disabled_aa8da2.brand_aa8da2.item_aa8da2:hover,.top_aa8da2 .disabled_aa8da2.themed_aa8da2.item_aa8da2:hover {
    border-bottom-color: transparent
}

.topPill_aa8da2 {
    display: flex;
    flex-direction: row
}

.topPill_aa8da2 .item_aa8da2 {
    border-radius: var(--radius-sm);
    cursor: pointer;
    margin: 0 8px;
    min-height: 32px;
    padding: 4px 12px
}

.topPill_aa8da2 .separator_aa8da2 {
    width: 1px
}

.topPill_aa8da2 .item_aa8da2.disabled_aa8da2 {
    cursor: not-allowed
}

.side_aa8da2 .themed_aa8da2.item_aa8da2:hover:not(.disabled_aa8da2),.topPill_aa8da2 .themed_aa8da2.item_aa8da2:hover:not(.disabled_aa8da2) {
    background-color: var(--background-mod-subtle)
}

.side_aa8da2 .themed_aa8da2.item_aa8da2:active:not(.disabled_aa8da2),.side_aa8da2 .themed_aa8da2.selected_aa8da2.item_aa8da2,.side_aa8da2 .themed_aa8da2.selected_aa8da2:hover:not(.disabled_aa8da2),.topPill_aa8da2 .themed_aa8da2.item_aa8da2:active:not(.disabled_aa8da2),.topPill_aa8da2 .themed_aa8da2.selected_aa8da2.item_aa8da2,.topPill_aa8da2 .themed_aa8da2.selected_aa8da2:hover:not(.disabled_aa8da2) {
    background-color: var(--background-mod-strong)
}

.side_aa8da2 .destructive_aa8da2.item_aa8da2:not(.disabled_aa8da2),.topPill_aa8da2 .destructive_aa8da2.item_aa8da2:not(.disabled_aa8da2) {
    color: var(--text-feedback-critical)
}

.side_aa8da2 .destructive_aa8da2.item_aa8da2:hover:not(.disabled_aa8da2),.topPill_aa8da2 .destructive_aa8da2.item_aa8da2:hover:not(.disabled_aa8da2) {
    background-color: var(--background-feedback-critical);
    color: var(--text-feedback-critical)
}

.side_aa8da2 .destructive_aa8da2.item_aa8da2:active:not(.disabled_aa8da2),.side_aa8da2 .destructive_aa8da2.selected_aa8da2.item_aa8da2:not(.disabled_aa8da2),.topPill_aa8da2 .destructive_aa8da2.item_aa8da2:active:not(.disabled_aa8da2),.topPill_aa8da2 .destructive_aa8da2.selected_aa8da2.item_aa8da2:not(.disabled_aa8da2) {
    background-color: var(--background-feedback-critical);
    color: var(--white)
}

.full-motion .item_aa8da2 {
    transition: background-color .3s ease
}

.enable-forced-colors .item_aa8da2 {
    background-color: ButtonFace!important;
    border: 1px solid ButtonFace;
    color: ButtonText!important;
    forced-color-adjust: none
}

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

.enable-forced-colors .item_aa8da2[aria-selected=true],.enable-forced-colors .item_aa8da2[aria-selected=true]:hover,.enable-forced-colors .selected_aa8da2.item_aa8da2,.enable-forced-colors .selected_aa8da2.item_aa8da2:hover {
    background-color: HighlightText!important;
    border-color: Highlight;
    color: Highlight!important
}

.enable-forced-colors .disabled_aa8da2.item_aa8da2,.enable-forced-colors .disabled_aa8da2.item_aa8da2:hover {
    background-color: Canvas!important;
    border-color: Canvas!important;
    color: GrayText!important
}

.enable-forced-colors .top_aa8da2 .item_aa8da2 {
    border-radius: 4px 4px 0 0;
    padding-left: 4px;
    padding-right: 4px
}

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

.container__2fba1 {
    background-color: var(--background-mod-muted);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    width: 100%
}

.footer__2fba1,.toolbar__2fba1 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 16px
}

.table__2fba1 {
    border-collapse: collapse;
    color: var(--text-default);
    overflow: scroll;
    table-layout: fixed;
    width: 100%
}

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

.body__2fba1 {
    padding: 8px
}

.row__2fba1 {
    border-bottom: 1px solid var(--border-subtle);
    outline: none;
    transition: background-color .1s ease;
    white-space: nowrap
}

.row__2fba1[data-focus-visible] {
    box-shadow: 0 0 0 4px var(--blue-345)
}

.row__2fba1[data-pressed] {
    background-color: var(--interactive-background-active)
}

.row__2fba1[data-hovered] {
    background-color: var(--interactive-background-hover)
}

.row__2fba1[aria-selected=true] {
    background-color: var(--interactive-background-selected)
}

.row__2fba1:last-child {
    border-bottom: none
}

.column__2fba1 {
    outline: none;
    padding: 16px
}

.column__2fba1[data-focus-visible] {
    box-shadow: 0 0 0 4px var(--blue-345)
}

.columnText__2fba1 {
    text-align: start
}

.cell__2fba1 {
    outline: none;
    padding: 16px
}

.cell__2fba1[data-focus-visible] {
    box-shadow: 0 0 0 4px var(--blue-345)
}

.emptyStateText_deaec9 {
    color: var(--text-muted);
    font-style: italic
}

.emptyState_deaec9 {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 40px
}

.listBox__2e223 {
    box-sizing: border-box;
    padding: var(--space-4)
}

.listBox__2e223:not(.scrollable__2e223) ::-webkit-scrollbar {
    height: 0;
    width: 0
}

.listBoxInner__2e223,.listBoxItem__2e223 {
    box-sizing: border-box
}

.listBoxItem__2e223 {
    align-items: stretch;
    background-color: transparent;
    border-radius: var(--radius-xs);
    color: var(--text-strong);
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    transition: background-color 50ms ease-in
}

.listBoxItem__2e223:hover {
    transition: background-color .15s ease-out
}

.listBoxItem__2e223:focus:not([aria-disabled]),.mouse-mode .listBoxItem__2e223:hover:not([aria-disabled]) {
    background-color: var(--background-mod-normal)
}

.listBoxItem__2e223[aria-disabled=true] {
    background-color: transparent;
    opacity: .5
}

.listBox__2e223:not(:focus-within) .listBoxItem__2e223[data-focus-visible=true],.keyboard-mode .listBoxItem__2e223:focus {
    background-color: var(--background-mod-normal);
    outline: 2px solid var(--border-focus);
    outline-offset: -2px
}

.listBoxItemContent__2e223 {
    align-items: center;
    box-sizing: border-box;
    color: var(--text-strong);
    display: flex;
    flex-grow: 1;
    justify-content: flex-start;
    min-height: var(--select-option-height);
    padding: calc(var(--space-xxs) - 1px) var(--space-4) calc(var(--space-xxs) - 1px) var(--space-8)
}

.listBoxItemContent__2e223.inInput__2e223 {
    min-height: calc(var(--select-option-height) - 2px)
}

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

.selectedIcon__2e223 {
    padding: var(--space-xxs) var(--space-4) var(--space-xxs) 0
}

.loadingSpinnerWrapper__2e223,.selectedIcon__2e223 {
    align-items: center;
    display: flex;
    justify-content: center
}

.loadingSpinnerWrapper__2e223 {
    height: var(--select-option-height)
}

.loadingSpinner__2e223 {
    width: 32px
}

.loadingSpinnerInner__2e223 {
    border-radius: 50%;
    height: 8px;
    width: 8px
}

.option__56a50 {
    align-items: center;
    cursor: pointer;
    display: grid;
    flex-shrink: 1;
    gap: var(--space-4);
    grid-template-columns: auto 1fr auto;
    grid-template-rows: 1fr
}

.leading__56a50 {
    box-sizing: border-box;
    height: 32px;
    margin-inline-start:calc(var(--space-8)*-1);padding: var(--space-4);
    width: 32px
}

.leading__56a50,.trailing__56a50 {
    align-items: center;
    display: flex;
    justify-content: center
}

.avatarAccessory__56a50,.imageAccessory__56a50 {
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px
}

.avatarAccessory__56a50 {
    background-color: #000;
    border-radius: var(--radius-round);
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden
}

.iconAccessory__56a50 {
    align-items: center;
    box-sizing: border-box;
    color: var(--icon-subtle);
    display: flex;
    height: 32px;
    justify-content: center;
    padding: var(--space-4);
    width: 32px
}

.selectFieldContainer__0edde {
    align-self: flex-start;
    max-width: 100%
}

.selectFieldContainer__0edde.fullWidth__0edde {
    align-self: unset
}

.selectField__0edde {
    align-items: stretch;
    display: grid;
    gap: 0;
    grid-template-columns: 1fr auto auto;
    grid-template-rows: 1fr;
    width: 100%
}

.selectField__0edde:not(.isInert__0edde).isFocused__0edde,.selectField__0edde:not(.isInert__0edde):focus-within {
    outline: 2px solid var(--custom-input-focus-border-color);
    outline-offset: -2px
}

.selectField__0edde[data-read-only=true] {
    cursor: default!important
}

.selectField__0edde[data-disabled=true] {
    cursor: not-allowed!important
}

.selectButton__0edde,.selectFieldContent__0edde {
    overflow: hidden
}

.selectButton__0edde {
    align-items: center;
    background-color: transparent;
    box-sizing: border-box;
    display: flex;
    gap: 4px;
    max-width: 100%;
    min-height: calc(var(--select-option-height) - 2px);
    padding-inline-start:var(--space-4);text-align: start;
    width: 100%
}

.selectButton__0edde.wrapTags__0edde {
    flex-wrap: wrap
}

.selectButton__0edde.multiSelect__0edde {
    padding: 4px
}

.multipleValues__0edde,.placeholder__0edde {
    align-items: center;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: flex-start;
    max-width: 100%;
    padding-block:var(--space-xxs) var(--space-xxs);padding-inline: var(--space-8) var(--space-4)
}

.placeholder__0edde {
    color: var(--input-placeholder-text-default)
}

.multipleValues__0edde {
    color: var(--text-strong)
}

.singleSelectOption__0edde {
    flex-grow: 1;
    padding-inline-start:var(--space-4)}

.comboBoxInputScroller__0edde: not(.wrapTags__0edde) {
    overflow:auto hidden;
    scrollbar-width: none
}

.comboBoxInputScroller__0edde:not(.wrapTags__0edde)::-webkit-scrollbar {
    display: none
}

.comboBoxInputContainer__0edde {
    align-items: center;
    display: flex;
    gap: var(--space-4);
    justify-content: flex-start
}

.hasTags__0edde .comboBoxInputContainer__0edde {
    padding: var(--space-4)
}

.wrapTags__0edde .comboBoxInputContainer__0edde {
    flex-wrap: wrap
}

.comboBoxInput__0edde {
    max-height: 1lh;
    min-height: calc(var(--select-option-height) - 2px);
    min-width: min(12ch,80%);
    padding-inline:var(--space-12) var(--space-8)}

.comboBoxInputScroller__0edde.hasTags__0edde .comboBoxInput__0edde {
    margin: calc(var(--space-4)*-1) 0;
    padding-inline-start:var(--space-8)}

.chevronButton__0edde {
    background-color: transparent;
    line-height: 0
}

.chevronButton__0edde,.loadingSpinner__0edde {
    align-items: center;
    color: var(--icon-strong);
    display: flex;
    height: 100%;
    justify-content: center;
    padding-block:0;padding-inline:0 var(--space-4);width: 36px
}

.isInert__0edde .chevronButton__0edde,.isInert__0edde .loadingSpinner__0edde {
    cursor: not-allowed
}

.chevronIcon__0edde {
    display: block;
    height: 20px;
    transform: rotateX(0deg);
    width: 20px
}

.chevronIcon__0edde.isOpen__0edde {
    transform: rotateX(180deg)
}

.full-motion .chevronIcon__0edde {
    transition: transform .2s ease-out
}

.clearButton__0edde {
    background-color: transparent;
    color: var(--icon-subtle);
    line-height: 0;
    padding: 0 var(--space-4);
    transition: color .2s ease-out
}

.clearButton__0edde:focus,.clearButton__0edde:hover {
    color: var(--icon-strong)
}

.isInert__0edde .clearButton__0edde {
    cursor: not-allowed
}

.clearButton__0edde:last-child {
    padding-block:0;padding-inline:0 var(--space-4);width: 36px
}

.hiddenVisually__0edde {
    clip: rect(0 0 0 0);
    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
}

.selectDropdown__0edde {
    background-color: var(--background-surface-higher);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    box-shadow: 0 2px 8px 0 var(--opacity-black-16);
    box-sizing: border-box;
    z-index: 10
}

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

.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
}

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: 1px solid var(--opacity-white-8);
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    justify-content: center;
    line-height: 16px;
    padding: 2px 16px;
    position: relative;
    transition-duration: .2s;
    -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))
}

.highlight-void-buttons .button__201d5 {
    box-shadow: 0 0 4px 4px var(--yellow-new-30)
}

.lookFilled__201d5.colorBrand__201d5 {
    background-color: var(--control-primary-background-default);
    border: 1px solid var(--control-primary-border-default);
    color: var(--control-primary-text-default)
}

.lookFilled__201d5.colorBrand__201d5:hover {
    background-color: var(--control-primary-background-hover)
}

.lookFilled__201d5.colorBrand__201d5:active {
    background-color: var(--control-primary-background-active)
}

.lookFilled__201d5.colorBrand__201d5 .spinnerItem__201d5 {
    background-color: var(--control-primary-text-default)
}

.lookFilled__201d5.colorBrand__201d5:disabled,.lookFilled__201d5.colorBrand__201d5[aria-disabled=true] {
    background-color: var(--control-primary-background-default)
}

.lookFilled__201d5.colorBrandInverted__201d5 {
    background-color: var(--control-overlay-primary-background-default);
    color: var(--control-primary-text-default)
}

.lookFilled__201d5.colorBrandInverted__201d5:hover {
    background-color: var(--control-overlay-primary-background-hover)
}

.lookFilled__201d5.colorBrandInverted__201d5:active {
    background-color: var(--control-overlay-primary-background-active)
}

.lookFilled__201d5.colorBrandInverted__201d5 .spinnerItem__201d5 {
    background-color: var(--control-primary-text-default)
}

.lookFilled__201d5.colorBrandInverted__201d5:disabled,.lookFilled__201d5.colorBrandInverted__201d5[aria-disabled=true] {
    background-color: var(--control-overlay-primary-background-default)
}

.lookOutlined__201d5.colorBrand__201d5 {
    border-color: var(--control-secondary-border-default);
    color: var(--control-secondary-text-default)
}

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

.lookOutlined__201d5.colorBrand__201d5:active {
    background-color: var(--control-secondary-background-active);
    border-color: var(--button-outline-brand-border-active);
    color: var(--control-secondary-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(--control-secondary-border-default);
    color: var(--button-outline-primary-text)
}

.lookOutlined__201d5.colorPrimary__201d5:hover {
    background-color: var(--control-secondary-background-hover);
    border-color: var(--control-secondary-border-hover);
    color: var(--control-secondary-text-hover)
}

.lookOutlined__201d5.colorPrimary__201d5:active {
    background-color: var(--control-secondary-background-active);
    border-color: var(--control-secondary-border-active);
    color: var(--control-secondary-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(--control-overlay-primary-background-default);
    border-color: var(--opacity-8);
    color: var(--control-primary-text-default)
}

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

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

.lookFilled__201d5.colorWhite__201d5 .spinnerItem__201d5 {
    background-color: var(--control-primary-text-default)
}

.lookFilled__201d5.colorWhite__201d5:disabled,.lookFilled__201d5.colorWhite__201d5[aria-disabled=true] {
    background-color: var(--control-overlay-primary-background-default)
}

.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(--control-critical-primary-background-default);
    border: 1px solid var(--control-critical-primary-border-default);
    color: var(--white)
}

.lookFilled__201d5.colorRed__201d5:hover {
    background-color: var(--control-critical-primary-background-hover)
}

.lookFilled__201d5.colorRed__201d5:active {
    background-color: var(--control-critical-primary-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(--control-critical-primary-background-default)
}

.lookOutlined__201d5.colorRed__201d5 {
    background-color: var(--control-critical-secondary-background-default);
    border-color: var(--control-critical-secondary-border-default);
    color: var(--control-critical-primary-text-default)
}

.lookOutlined__201d5.colorRed__201d5:hover {
    background-color: var(--control-critical-secondary-background-hover);
    border-color: var(--control-critical-secondary-border-hover);
    color: var(--control-critical-primary-text-hover)
}

.lookOutlined__201d5.colorRed__201d5:active {
    background-color: var(--control-critical-secondary-background-active);
    border-color: var(--control-critical-secondary-border-active);
    color: var(--control-critical-primary-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-feedback-critical)
}

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

.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-feedback-critical)
}

.lookFilled__201d5.colorGreen__201d5 {
    background-color: var(--control-connected-background-default);
    border: 1px solid var(--control-connected-border-default);
    color: var(--white)
}

.lookFilled__201d5.colorGreen__201d5:hover {
    background-color: var(--control-connected-background-hover)
}

.lookFilled__201d5.colorGreen__201d5:active {
    background-color: var(--control-connected-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(--control-connected-background-default)
}

.lookOutlined__201d5.colorGreen__201d5 {
    border-color: var(--control-connected-border-default);
    color: var(--control-primary-text-default)
}

.lookOutlined__201d5.colorGreen__201d5:hover {
    background-color: var(--control-connected-background-hover);
    border-color: var(--control-connected-border-hover);
    color: var(--control-primary-text-hover)
}

.lookOutlined__201d5.colorGreen__201d5:active {
    background-color: var(--control-connected-background-active);
    border-color: var(--control-connected-border-active);
    color: var(--control-primary-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(--control-secondary-background-default);
    border-color: var(--border-muted);
    color: var(--control-secondary-text-default)
}

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

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

.lookFilled__201d5.colorPrimary__201d5 .spinnerItem__201d5 {
    background-color: var(--control-secondary-text-default)
}

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

.lookFilled__201d5.colorTransparent__201d5 {
    border-color: var(--border-muted);
    color: var(--control-secondary-text-default)
}

.lookFilled__201d5.colorTransparent__201d5:hover {
    background-color: var(--control-secondary-background-hover)
}

.lookFilled__201d5.colorTransparent__201d5:active {
    background-color: var(--control-secondary-background-active)
}

.lookFilled__201d5.colorTransparent__201d5 .spinnerItem__201d5 {
    background-color: var(--control-secondary-text-default)
}

.lookFilled__201d5.colorTransparent__201d5:disabled,.lookFilled__201d5.colorTransparent__201d5[aria-disabled=true] {
    background-color: var(--control-secondary-background-default)
}

.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: 32px;
    line-height: 18px;
    min-height: 32px;
    min-width: 60px;
    padding: calc(var(--space-4) - 1px) calc(var(--space-12) - 1px);
    width: 60px
}

.sizeMedium__201d5 {
    font-size: 16px;
    height: 40px;
    line-height: 18px;
    min-height: 40px;
    min-width: 100px;
    padding: calc(var(--space-8) - 1px) calc(var(--space-16) - 1px);
    width: 100px
}

.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%;
    inset-inline-start: 0;
    justify-content: center;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%
}

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

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

.disabledButtonOverlay__201d5 {
    cursor: not-allowed;
    inset: 0;
    position: absolute;
    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-default)
}

.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-default)
}

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

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

.lookLink__201d5.sizeMin__201d5 .contents__201d5 {
    display: inline
}

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

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

.lookBlank__201d5,.lookLink__201d5 {
    border: none
}

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

.input__0ed4f {
    background-color: var(--input-background-default);
    border: 1px solid var(--input-border-default);
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--text-default);
    font-size: 16px;
    height: 44px;
    padding: 12px 10px;
    transition: border-color .2s ease-in-out;
    width: 100%
}

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

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

.input__0ed4f:hover {
    border-color: var(--input-border-hover)
}

.input__0ed4f.focused__0ed4f,.input__0ed4f:focus {
    border-color: var(--text-link)
}

.input__0ed4f.error__0ed4f {
    border-color: var(--text-feedback-critical);
    border-width: 2px;
    color: var(--text-feedback-critical)
}

.input__0ed4f.success__0ed4f {
    border-color: var(--green-360)
}

.input__0ed4f.disabled__0ed4f {
    border-color: var(--input-border-default);
    cursor: not-allowed;
    opacity: 1
}

.input__0ed4f.editable__0ed4f {
    background-color: transparent;
    border-color: transparent
}

.input__0ed4f:hover,.input__0ed4f[readonly] {
    border: 1px solid var(--input-border-default)
}

.input__0ed4f:not([readOnly]).focused__0ed4f,.input__0ed4f:not([readOnly]).focused__0ed4f:hover,.input__0ed4f:not([readOnly]):focus,.input__0ed4f:not([readOnly]):focus:hover {
    border-color: var(--text-link)
}

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

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

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

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

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

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

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

.inputError__0ed4f {
    align-items: center;
    display: flex;
    gap: 8px
}

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

.heading-sm\/normal__5a092.fontScaling__5a092 {
    font-size: .875rem
}

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

.heading-sm\/medium__5a092.fontScaling__5a092 {
    font-size: .875rem
}

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

.heading-sm\/semibold__5a092.fontScaling__5a092 {
    font-size: .875rem
}

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

.heading-sm\/bold__5a092.fontScaling__5a092 {
    font-size: .875rem
}

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

.heading-sm\/extrabold__5a092.fontScaling__5a092 {
    font-size: .875rem
}

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

.heading-md\/normal__5a092.fontScaling__5a092 {
    font-size: 1rem
}

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

.heading-md\/medium__5a092.fontScaling__5a092 {
    font-size: 1rem
}

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

.heading-md\/semibold__5a092.fontScaling__5a092 {
    font-size: 1rem
}

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

.heading-md\/bold__5a092.fontScaling__5a092 {
    font-size: 1rem
}

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

.heading-md\/extrabold__5a092.fontScaling__5a092 {
    font-size: 1rem
}

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

.heading-lg\/normal__5a092.fontScaling__5a092 {
    font-size: 1.25rem
}

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

.heading-lg\/medium__5a092.fontScaling__5a092 {
    font-size: 1.25rem
}

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

.heading-lg\/semibold__5a092.fontScaling__5a092 {
    font-size: 1.25rem
}

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

.heading-lg\/bold__5a092.fontScaling__5a092 {
    font-size: 1.25rem
}

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

.heading-lg\/extrabold__5a092.fontScaling__5a092 {
    font-size: 1.25rem
}

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

.heading-xl\/normal__5a092.fontScaling__5a092 {
    font-size: 1.5rem
}

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

.heading-xl\/medium__5a092.fontScaling__5a092 {
    font-size: 1.5rem
}

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

.heading-xl\/semibold__5a092.fontScaling__5a092 {
    font-size: 1.5rem
}

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

.heading-xl\/bold__5a092.fontScaling__5a092 {
    font-size: 1.5rem
}

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

.heading-xl\/extrabold__5a092.fontScaling__5a092 {
    font-size: 1.5rem
}

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

.heading-xxl\/normal__5a092.fontScaling__5a092 {
    font-size: 2rem
}

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

.heading-xxl\/medium__5a092.fontScaling__5a092 {
    font-size: 2rem
}

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

.heading-xxl\/semibold__5a092.fontScaling__5a092 {
    font-size: 2rem
}

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

.heading-xxl\/bold__5a092.fontScaling__5a092 {
    font-size: 2rem
}

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

.heading-xxl\/extrabold__5a092.fontScaling__5a092 {
    font-size: 2rem
}

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

.eyebrow__5a092.fontScaling__5a092 {
    font-size: .75rem
}

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

.heading-deprecated-12\/normal__5a092.fontScaling__5a092 {
    font-size: .75rem
}

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

.heading-deprecated-12\/medium__5a092.fontScaling__5a092 {
    font-size: .75rem
}

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

.heading-deprecated-12\/semibold__5a092.fontScaling__5a092 {
    font-size: .75rem
}

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

.heading-deprecated-12\/bold__5a092.fontScaling__5a092 {
    font-size: .75rem
}

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

.heading-deprecated-12\/extrabold__5a092.fontScaling__5a092 {
    font-size: .75rem
}

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

.redesign\/heading-18\/bold__5a092.fontScaling__5a092 {
    font-size: 1.125rem
}

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

.text-xxs\/normal__5a092.fontScaling__5a092 {
    font-size: .625rem
}

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

.text-xxs\/medium__5a092.fontScaling__5a092 {
    font-size: .625rem
}

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

.text-xxs\/semibold__5a092.fontScaling__5a092 {
    font-size: .625rem
}

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

.text-xxs\/bold__5a092.fontScaling__5a092 {
    font-size: .625rem
}

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

.text-xs\/normal__5a092.fontScaling__5a092 {
    font-size: .75rem
}

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

.text-xs\/medium__5a092.fontScaling__5a092 {
    font-size: .75rem
}

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

.text-xs\/semibold__5a092.fontScaling__5a092 {
    font-size: .75rem
}

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

.text-xs\/bold__5a092.fontScaling__5a092 {
    font-size: .75rem
}

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

.text-sm\/normal__5a092.fontScaling__5a092 {
    font-size: .875rem
}

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

.text-sm\/medium__5a092.fontScaling__5a092 {
    font-size: .875rem
}

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

.text-sm\/semibold__5a092.fontScaling__5a092 {
    font-size: .875rem
}

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

.text-sm\/bold__5a092.fontScaling__5a092 {
    font-size: .875rem
}

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

.text-md\/normal__5a092.fontScaling__5a092 {
    font-size: 1rem
}

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

.text-md\/medium__5a092.fontScaling__5a092 {
    font-size: 1rem
}

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

.text-md\/semibold__5a092.fontScaling__5a092 {
    font-size: 1rem
}

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

.text-md\/bold__5a092.fontScaling__5a092 {
    font-size: 1rem
}

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

.text-lg\/normal__5a092.fontScaling__5a092 {
    font-size: 1.25rem
}

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

.text-lg\/medium__5a092.fontScaling__5a092 {
    font-size: 1.25rem
}

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

.text-lg\/semibold__5a092.fontScaling__5a092 {
    font-size: 1.25rem
}

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

.text-lg\/bold__5a092.fontScaling__5a092 {
    font-size: 1.25rem
}

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

.redesign\/message-preview\/normal__5a092.fontScaling__5a092 {
    font-size: .9375rem
}

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

.redesign\/message-preview\/medium__5a092.fontScaling__5a092 {
    font-size: .9375rem
}

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

.redesign\/message-preview\/semibold__5a092.fontScaling__5a092 {
    font-size: .9375rem
}

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

.redesign\/message-preview\/bold__5a092.fontScaling__5a092 {
    font-size: .9375rem
}

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

.redesign\/channel-title\/normal__5a092.fontScaling__5a092 {
    font-size: 1rem
}

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

.redesign\/channel-title\/medium__5a092.fontScaling__5a092 {
    font-size: 1rem
}

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

.redesign\/channel-title\/semibold__5a092.fontScaling__5a092 {
    font-size: 1rem
}

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

.redesign\/channel-title\/bold__5a092.fontScaling__5a092 {
    font-size: 1rem
}

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

.display-sm__5a092.fontScaling__5a092 {
    font-size: 1.25rem
}

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

.display-md__5a092.fontScaling__5a092 {
    font-size: 2.125rem
}

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

.display-lg__5a092.fontScaling__5a092 {
    font-size: 2.75rem
}

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

.code__5a092.fontScaling__5a092 {
    font-size: .75rem
}

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

.textArea__5a092 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: inherit;
    font-size: inherit;
    height: auto;
    padding: var(--space-12) 10px;
    resize: none;
    width: 100%
}

.textArea__5a092:disabled {
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

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

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

.resizeable__5a092 {
    resize: auto
}

.inputMaxLength__5a092 {
    position: relative
}

.flex__5a092 {
    display: flex;
    flex: 1 1 auto
}

.characterCount__5a092,.maxLength__5a092 {
    bottom: 12px;
    color: var(--text-muted);
    font-family: var(--font-code);
    font-size: 12px;
    inset-inline-end: 14px;
    pointer-events: none;
    position: absolute
}

.errorOverflow__5a092 {
    color: var(--text-feedback-critical)
}

.errorMessage__5a092 {
    margin-top: 1px
}

.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
}

@keyframes spin3d {
    0% {
        transform: rotateY(0deg) rotateX(0deg)
    }

    25% {
        transform: rotateY(90deg) rotateX(15deg)
    }

    50% {
        transform: rotateY(180deg) rotateX(0deg)
    }

    75% {
        transform: rotateY(270deg) rotateX(-15deg)
    }

    to {
        transform: rotateY(1turn) rotateX(0deg)
    }
}

@keyframes rainbowSlide {
    0% {
        background-position: 0 50%
    }

    to {
        background-position: 200% 50%
    }
}

.dynamicGraphicDemoContainer {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    perspective: 1000px;
    width: 100%
}

.dynamicGraphicDemoText {
    background: linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3,red);
    -webkit-background-clip: text;
    background-size: 200% 100%;
    font-size: 32px;
    font-weight: 700;
    text-shadow: 2px 2px 4px rgba(0,0,0,.3),4px 4px 8px rgba(0,0,0,.2);
    -webkit-text-fill-color: transparent;
    animation: spin3d 5s linear infinite,rainbowSlide 1.5s linear infinite;
    background-clip: text
}

.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)
}

.textArea__89a34 {
    height: auto;
    resize: none
}

.resizeable__89a34 {
    resize: auto
}

.inputMaxLength__89a34 {
    position: relative
}

.flex__89a34 {
    display: flex;
    flex: 1 1 auto
}

.characterCount__89a34,.maxLength__89a34 {
    bottom: 12px;
    color: var(--text-muted);
    font-family: var(--font-code);
    font-size: 12px;
    inset-inline-end: 14px;
    pointer-events: none;
    position: absolute
}

.errorOverflow__89a34 {
    color: var(--text-feedback-critical)
}

.errorMessage__89a34 {
    margin-top: 1px
}

.allChips_ff7bda {
    gap: var(--space-32);
    padding: var(--space-24)
}

.allChips_ff7bda,.section_ff7bda {
    display: flex;
    flex-direction: column
}

.section_ff7bda {
    gap: var(--space-16)
}

.sectionTitle_ff7bda {
    color: var(--text-strong);
    font-weight: var(--font-weight-semibold);
    margin: 0
}

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

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

.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: var(--font-weight-bold)
}

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

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

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

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

.cardBrand__73069,.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)
}

.cardPrimary__73069,.cardPrimary__73069.editable__73069 {
    --__card-accent-color: var(--card-background-default);
    background-color: var(--card-background-default);
    border: 1px solid var(--border-subtle)
}

.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-inline:10px}

.horizontal__7c0ba>.flex__7c0ba:first-child,.horizontal__7c0ba>.flexChild__7c0ba:first-child {
    margin-inline-start:0}

.horizontal__7c0ba>.flex__7c0ba:last-child,.horizontal__7c0ba>.flexChild__7c0ba:last-child {
    margin-inline-end:0}

.horizontalReverse__7c0ba>.flex__7c0ba,.horizontalReverse__7c0ba>.flexChild__7c0ba {
    margin-inline:10px}

.horizontalReverse__7c0ba>.flex__7c0ba:first-child,.horizontalReverse__7c0ba>.flexChild__7c0ba:first-child {
    margin-inline-end:0}

.horizontalReverse__7c0ba>.flex__7c0ba:last-child,.horizontalReverse__7c0ba>.flexChild__7c0ba:last-child {
    margin-inline-start: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
}

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

.formText_ddd181 strong {
    font-weight: var(--font-weight-semibold)
}

.default_ddd181,.labelDescriptor_ddd181,.labelSelected_ddd181,.placeholder_ddd181 {
}

.labelSelected_ddd181 {
    font-weight: var(--font-weight-normal)
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .theme-light .labelSelected_ddd181 {
        font-weight:var(--font-weight-medium)
    }
}

.labelBold_ddd181 {
    font-weight: var(--font-weight-semibold)
}

.description_ddd181 {
    font-size: 14px;
    font-weight: var(--font-weight-normal);
    line-height: 20px
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .theme-light .description_ddd181 {
        font-weight:var(--font-weight-medium)
    }
}

.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(--text-default)
}

.placeholder_ddd181 {
    color: var(--text-muted)
}

.error_ddd181 {
    color: var(--text-feedback-critical)
}

.error_ddd181,.success_ddd181 {
}

.success_ddd181 {
    color: var(--text-feedback-positive)
}

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

.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: var(--font-weight-semibold)
}

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

.h3_b717a1 {
    font-weight: var(--font-weight-medium);
    line-height: 24px
}

.h3_b717a1,.h4_b717a1 {
    font-size: 16px
}

.h4_b717a1 {
    font-weight: var(--font-weight-semibold);
    letter-spacing: .3px
}

.h4_b717a1,.h5_b717a1,.legend_b717a1 {
    line-height: 20px
}

.h5_b717a1,.legend_b717a1 {
    color: var(--text-strong);
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px;
    text-transform: unset
}

.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-feedback-critical);
    padding-inline-start:4px}

.errorMessage_b717a1 {
    font-size: 12px;
    font-style: italic;
    font-weight: var(--font-weight-medium)
}

.errorSeparator_b717a1 {
    padding-inline:4px}

.defaultColor_b717a1 {
    color: var(--text-strong)
}

.label_b717a1,.legend_b717a1 {
    color: var(--text-default)
}

.label_b717a1 {
    display: block
}

.faded_b717a1 {
    opacity: .8
}

.error_b717a1 {
    color: var(--text-feedback-critical)
}

.enable-forced-colors .disabled_b717a1 {
    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: unset
}

.layerRoot__7b917 {
    min-height: 600px;
    position: relative;
    width: 100%
}

.container__7b917 {
    align-items: flex-start;
    display: flex;
    justify-content: center;
    min-height: 400px;
    padding: 32px
}

.notice__6e2b9 {
    background: var(--custom-notice-background);
    border-inline-start:1px solid var(--app-frame-border);border-radius: 8px 0 0;
    border-top: 1px solid var(--app-frame-border);
    box-shadow: none;
    color: var(--custom-notice-text);
    flex-grow: 0;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    line-height: 36px;
    padding-inline:4px 28px;position: relative;
    text-align: center;
    z-index: 101
}

.notice__6e2b9 strong {
    font-weight: var(--font-weight-semibold)
}

.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(--background-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)) {
    .notice__6e2b9 {
        border-start-start-radius:0
    }
}

@supports (grid-template-columns: subgrid) and (white-space-collapse:collapse) {
    .notice__6e2b9 {
        grid-area:notice
    }
}

.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-surface-high);
    --custom-notice-text: var(--text-strong);
    --custom-notice-button-hover: var(--control-secondary-background-hover)
}

.colorPremium__6e2b9 {
    --custom-notice-text: var(--white)
}

.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: var(--notice-background-info);
    --custom-notice-text: var(--notice-text-info);
    --custom-notice-button-hover: var(--notice-text-info)
}

.colorSuccess__6e2b9 {
    --custom-notice-background: var(--status-positive-background);
    --custom-notice-text: var(--status-positive-text);
    --custom-notice-button-hover: var(--text-feedback-positive)
}

.colorWarning__6e2b9 {
    --custom-notice-background: var(--notice-background-warning);
    --custom-notice-text: var(--notice-text-warning);
    --custom-notice-button-hover: var(--notice-text-warning)
}

.colorWarning__6e2b9 .button__6e2b9 {
    border-color: var(--status-warning-text)!important;
    color: var(--status-warning-text)
}

.colorDanger__6e2b9 {
    --custom-notice-background: var(--notice-background-critical);
    --custom-notice-text: var(--notice-text-critical);
    --custom-notice-button-hover: var(--notice-text-critical)
}

.colorDefault__6e2b9,.colorSuccess__6e2b9 {
    --custom-notice-background: var(--notice-background-positive);
    --custom-notice-text: var(--notice-text-positive);
    --custom-notice-button-hover: var(--notice-text-positive)
}

.colorStreamerMode__6e2b9 {
    --custom-notice-background: var(--twitch);
    --custom-notice-text: var(--white);
    --custom-notice-button-hover: var(--twitch)
}

.colorSpotify__6e2b9 {
    --custom-notice-background: var(--spotify);
    --custom-notice-text: var(--white);
    --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-inline-start:20px;top: 0
}

.colorPlayStation__6e2b9 {
    --custom-notice-background: var(--playstation);
    --custom-notice-text: var(--white);
    --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-inline-start:20px;top: 0
}

.colorBrand__6e2b9 {
    --custom-notice-background: var(--brand-500);
    --custom-notice-text: var(--white);
    --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;
    inset-inline-end: 0;
    position: absolute;
    top: 0;
    width: 36px;
    -webkit-app-region: no-drag
}

.closeIcon__6e2b9 path {
    fill: var(--white)
}

.button__6e2b9 {
    border: 1px solid;
    border-radius: 3px;
    box-sizing: border-box;
    color: var(--white);
    display: inline-block;
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    height: 24px;
    line-height: 22px;
    margin-inline-start: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)
}

.button__6e2b9.buttonMinor__6e2b9 {
    border: none;
    text-decoration: underline
}

.button__6e2b9:hover {
    background-color: var(--white);
    border-color: var(--white)
}

.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
}

.tooltip__4e35b {
    align-items: center;
    background-color: var(--background-surface-high);
    border-radius: var(--radius-sm);
    box-shadow: inset 0 0 0 1px var(--border-subtle),var(--shadow-high);
    box-sizing: border-box;
    color: var(--text-default);
    display: flex;
    gap: var(--space-8);
    max-width: 200px;
    padding: var(--space-8) var(--space-12);
    position: relative;
    width: auto;
    will-change: opacity,transform
}

.tooltipLayer__4e35b {
    pointer-events: none
}

.richTooltip__4e35b {
    max-width: none;
    padding: 0;
    width: auto
}

.tooltipContent__4e35b {
    overflow: hidden
}

.tooltipContentAllowOverflow__4e35b {
    overflow: visible
}

.tooltip__4e35b[data-position=top] {
    transform-origin: 50% 100%
}

.tooltip__4e35b[data-position=bottom] {
    transform-origin: 50% 0
}

.tooltip__4e35b[data-position=left] {
    transform-origin: 100% 50%
}

.tooltip__4e35b[data-position=right] {
    transform-origin: 0 50%
}

.caretIcon__4e35b .caretFill__4e35b {
    fill: var(--background-surface-high)
}

.caretIcon__4e35b .caretStroke__4e35b {
    stroke: var(--border-subtle);
    stroke-opacity: 1
}

.tooltipWithShortcut__4e35b {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    justify-content: center;
    text-align: center
}

.caret__5bc6a {
    --custom-caret-half-width: 8px;
    --custom-caret-half-height: 7px;
    --custom-caret-edge-offset-horizontal: 16px;
    --custom-caret-edge-offset-vertical: 10px;
    --custom-caret-horizontal-distance: 11px;
    --custom-caret-border-overlap: 5px;
    pointer-events: none;
    position: absolute;
    transform-origin: center
}

.caret--bottom__5bc6a {
    top: calc(100% - var(--custom-caret-border-overlap));
    transform: rotate(0deg)
}

.caret--top__5bc6a {
    bottom: calc(100% - var(--custom-caret-border-overlap));
    transform: rotate(180deg)
}

.caret--left__5bc6a {
    inset-inline-start: calc(var(--custom-caret-horizontal-distance)*-1);
    transform: rotate(90deg)
}

.caret--right__5bc6a {
    inset-inline-end: calc(var(--custom-caret-horizontal-distance)*-1);
    transform: rotate(-90deg)
}

:is(.caret--top__5bc6a,.caret--bottom__5bc6a).caret--center__5bc6a {
    inset-inline-start: 50%;
    margin-inline-start:calc(var(--custom-caret-half-width)*-1)}

: is(.caret--top__5bc6a,.caret--bottom__5bc6a).caret--start__5bc6a {
    inset-inline-start:var(--custom-caret-edge-offset-horizontal);
    margin-inline-start:calc(var(--custom-caret-half-width)*-1)}

: is(.caret--top__5bc6a,.caret--bottom__5bc6a).caret--end__5bc6a {
    inset-inline-end:var(--custom-caret-edge-offset-horizontal);
    margin-inline-end:calc(var(--custom-caret-half-width)*-1)}

: is(.caret--left__5bc6a,.caret--right__5bc6a).caret--center__5bc6a {
    margin-top:calc(var(--custom-caret-half-height)*-1);
    top: 50%
}

:is(.caret--left__5bc6a,.caret--right__5bc6a).caret--start__5bc6a {
    margin-top: calc(var(--custom-caret-half-height)*-1);
    top: var(--custom-caret-edge-offset-vertical)
}

:is(.caret--left__5bc6a,.caret--right__5bc6a).caret--end__5bc6a {
    bottom: var(--custom-caret-edge-offset-vertical);
    margin-bottom: calc(var(--custom-caret-half-height)*-1)
}

.caret--custom__5bc6a {
    --custom-caret-offset-x: 0;
    --custom-caret-offset-y: 0
}

.caret--bottom__5bc6a.caret--custom__5bc6a,.caret--top__5bc6a.caret--custom__5bc6a {
    inset-inline-start: 50%;
    margin-inline-start:calc(var(--custom-caret-offset-x) - var(--custom-caret-half-width))}

.caret--left__5bc6a.caret--custom__5bc6a,.caret--right__5bc6a.caret--custom__5bc6a {
    margin-top: calc(var(--custom-caret-offset-y) - var(--custom-caret-half-height));
    top: 50%
}

.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-inline-start:-7px;margin-top: 3px;
    width: 12px
}

.disabled_a562c8 {
    opacity: .6
}

.disabled_a562c8 .grabber_a562c8 {
    cursor: not-allowed
}

.bar_a562c8 {
    background-color: var(--slider-track-background);
    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 {
    position: absolute;
    top: 0;
    inset-inline: 5px;
    bottom: 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-inline-start:-5px;margin-top: -13px;
    top: 50%;
    width: 10px
}

.grabber_a562c8,.mark_a562c8 {
    inset-inline-start: 0;
    position: absolute
}

.mark_a562c8 {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-inline-start:-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: var(--font-weight-bold);
    margin-bottom: 4px;
    min-height: 10px;
    padding-inline-start:1px}

.markDash_a562c8 {
    background-color: var(--slider-track-background);
    height: 24px;
    width: 2px
}

.markDashSimple_a562c8 {
    margin-top: 10px
}

.markValue_a562c8 {
    color: var(--text-muted)
}

.defaultValue_a562c8 .markValue_a562c8 {
    color: var(--text-feedback-positive)
}

.mini_a562c8,.slider_a562c8 {
    height: calc(24px + var(--bar-offset));
    --grabber-size: 16px;
    --bar-size: 4px;
    --bar-offset: 0px
}

.mini_a562c8.hasMarks_a562c8,.slider_a562c8.hasMarks_a562c8 {
    --bar-offset: 24px
}

.mini_a562c8 .mark_a562c8,.slider_a562c8 .mark_a562c8 {
    display: flex;
    flex-direction: column;
    height: 48px;
    justify-content: space-between;
    top: 0
}

.mini_a562c8 .markValue_a562c8,.slider_a562c8 .markValue_a562c8 {
    color: var(--text-subtle);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.mini_a562c8 .defaultValue_a562c8 .markValue_a562c8,.slider_a562c8 .defaultValue_a562c8 .markValue_a562c8 {
    color: var(--text-feedback-positive)
}

.mini_a562c8 .markDash_a562c8,.slider_a562c8 .markDash_a562c8 {
    border-radius: 12px
}

.mini_a562c8 .grabber_a562c8,.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-inline-start:calc(var(--grabber-size)/-2);margin-top: calc(var(--grabber-size)/-2 + var(--bar-offset)/2);
    width: var(--grabber-size)
}

.high-contrast-mode .mini_a562c8 .grabber_a562c8,.high-contrast-mode .slider_a562c8 .grabber_a562c8 {
    border-color: var(--border-strong)
}

.mini_a562c8 .hasMarks_a562c8 .grabber_a562c8,.slider_a562c8 .hasMarks_a562c8 .grabber_a562c8 {
    margin-top: calc(var(--grabber-size)/-2 + 12px)
}

.mini_a562c8 .bar_a562c8,.slider_a562c8 .bar_a562c8 {
    background-color: var(--slider-track-background);
    height: var(--bar-size);
    top: calc((24px - var(--bar-size))/2 + var(--bar-offset))
}

.mini_a562c8 .hasMarks_a562c8 .bar_a562c8,.slider_a562c8 .hasMarks_a562c8 .bar_a562c8 {
    top: 34px
}

.mini_a562c8 .barFill_a562c8,.slider_a562c8 .barFill_a562c8 {
    background-color: var(--background-brand);
    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
}

.loadingPopout__58f1c {
    background-color: var(--background-base-lower);
    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-base-lowest);
    border-radius: 8px;
    display: flex;
    height: 80px;
    justify-content: center
}

.select_a16aea {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr auto;
    padding-block:8px;padding-inline:12px 8px}

.select_a16aea,.wrapper_a16aea {
    color: var(--text-default);
    font-weight: var(--font-weight-medium)
}

.searchable_a16aea {
    padding-bottom: 8px;
    padding-top: 8px
}

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

.searchInput_a16aea::-moz-placeholder {
    color: var(--input-placeholder-text-default)
}

.searchInput_a16aea::placeholder {
    color: var(--input-placeholder-text-default)
}

.searchInput_a16aea.multi_a16aea {
    height: 32px;
    margin-inline-start:4px;width: auto
}

.editing_a16aea {
    font-weight: var(--font-weight-normal)
}

.label_a16aea {
    bottom: 0;
    height: 16px;
    inset-inline-start: 12px;
    margin: auto;
    position: absolute;
    top: 0
}

.optionDisabled_a16aea {
    opacity: .5
}

.searchInput_a16aea.multi_a16aea.hidden_a16aea {
    opacity: 0;
    width: 0
}

.iconsCenter_a16aea {
    align-items: center;
    display: flex;
    height: 100%
}

.placeholder_a16aea,.value_a16aea {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.placeholder_a16aea {
    color: var(--text-subtle)
}

.measurement_a16aea {
    border: 1px solid transparent;
    pointer-events: none;
    position: absolute;
    visibility: hidden
}

.measurement_a16aea,.popout_a16aea {
    box-sizing: border-box
}

.popout_a16aea {
    background: var(--background-base-lower);
    background-color: var(--background-surface-higher);
    border: 1px solid var(--background-base-lowest);
    border-color: var(--border-subtle);
    border-radius: 0 0 4px 4px;
    margin: 0
}

.popout_a16aea:not(.popoutPositionTop_a16aea) {
    margin-top: 8px
}

.popout_a16aea.popoutPositionTop_a16aea {
    border-radius: 4px 4px 0 0;
    margin-bottom: 8px
}

.lookFilled_a16aea.popout_a16aea {
    border-radius: 0 0 3px 3px
}

.lookFilled_a16aea.popout_a16aea.popoutPositionTop_a16aea {
    border-radius: 3px 3px 0 0
}

.lookFilled_a16aea.option_a16aea,.lookFilled_a16aea.select_a16aea:hover.option_a16aea {
    border-color: var(--brand-500);
    border-bottom-color: var(--background-base-lowest)
}

.option_a16aea {
    align-items: center;
    box-sizing: border-box;
    color: var(--text-subtle);
    cursor: pointer;
    display: grid;
    font-size: 16px;
    font-weight: 400;
    grid-template-columns: 1fr auto;
    line-height: 20px;
    padding: 12px
}

.option_a16aea[aria-selected=true] {
    color: var(--text-default);
    font-weight: var(--font-weight-medium)
}

.option_a16aea:hover,.option_a16aea[aria-selected=true]:hover {
    background-color: var(--background-mod-subtle)
}

.option_a16aea:hover {
    color: var(--text-default)
}

.option_a16aea.focused_a16aea,.option_a16aea:focus-visible,.option_a16aea:hover {
    background-color: var(--interactive-background-hover);
    color: var(--interactive-text-hover)
}

.option_a16aea[aria-selected=true]:not(.option_a16aea.multi_a16aea) {
    background-color: var(--interactive-background-selected);
    color: var(--interactive-text-active)
}

.selectedIcon_a16aea {
    color: var(--brand-500)
}

.icons_a16aea {
    gap: 4px
}

.icons_a16aea,.value_a16aea {
    align-items: center;
    display: flex
}

.value_a16aea {
    gap: 8px
}

.clear_a16aea {
    display: block
}

.clear_a16aea,.dropdownIcon_a16aea {
    cursor: pointer;
    pointer-events: all
}

.noResults_a16aea {
    align-items: center;
    background: var(--background-base-lower);
    padding: 12px;
    width: 100%
}

.loading_a16aea,.noResults_a16aea {
    display: flex;
    justify-content: center
}

.loading_a16aea {
    height: 40px
}

.loadingSpinner_a16aea {
    background-color: var(--interactive-text-active)
}

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

.wrapper_a16aea .select_a16aea {
    grid-column: 1/span 2;
    grid-row: 1;
    padding-inline-end:calc(24px + var(--icons-width))}

.wrapper_a16aea .select_a16aea.multi_a16aea {
    padding-bottom: 6px;
    padding-top: 0;
    padding-inline-start:6px}

.wrapper_a16aea .icons_a16aea {
    grid-column: 2;
    grid-row: 1;
    margin-inline-end:8px;pointer-events: none
}

.wrapper_a16aea .value_a16aea {
    display: flex
}

.wrapper_a16aea .value_a16aea.multi_a16aea {
    display: block;
    white-space: normal
}

.wrapper_a16aea .searchInput_a16aea {
    flex: 1 0 0
}

.searchableSelect_a16aea .option_a16aea {
    align-content: center;
    display: grid;
    grid-template-areas: "prefix content suffix selectedIcon";
    grid-template-columns: auto 1fr auto auto
}

.searchableSelect_a16aea .prefix_a16aea {
    grid-area: prefix;
    margin-inline-end:8px}

.searchableSelect_a16aea .suffix_a16aea {
    grid-area: suffix;
    margin-inline-end:8px;margin-inline-start:8px}

.searchableSelect_a16aea .content_a16aea {
    display: flex;
    grid-area: content;
    min-width: 0
}

.searchableSelect_a16aea .selectedIcon_a16aea {
    grid-area: selectedIcon
}

.optionPillWrapper_a16aea {
    min-width: auto;
    padding: 0;
    width: auto
}

.optionPillContainer_a16aea {
    display: inline
}

.optionPillItem_a16aea {
    align-items: center;
    display: inline-flex;
    margin-inline-end:6px}

.optionPillItem_a16aea button {
    background-color: var(--background-surface-higher)
}

.optionPillItem_a16aea button .optionPill_a16aea {
    border: 1px solid var(--border-muted);
    border-radius: var(--radius-xs)
}

.optionPill_a16aea {
    align-items: center;
    background: var(--background-base-low);
    border-radius: 2px;
    color: var(--interactive-text-active);
    display: inline-flex;
    font-size: 14px;
    line-height: 20px;
    padding: var(--space-4) var(--space-8)
}

.optionPill_a16aea .deleteOptionIcon_a16aea {
    height: 16px;
    width: 16px
}

.optionPillBtn_a16aea {
    height: auto;
    min-height: auto;
    min-width: 0;
    padding: 0
}

.deleteOptionIcon_a16aea {
    color: var(--interactive-text-default);
    margin-inline-start:8px}

.optionPillItem_a16aea,.searchInput_a16aea.multi_a16aea {
    margin-top: var(--space-4)
}

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

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

.multiSelectCheckbox_a16aea {
    align-items: center;
    border-radius: 6px;
    box-sizing: border-box;
    display: flex;
    grid-area: selectedIcon;
    height: 20px;
    width: 20px
}

.multiSelectCheckbox_a16aea.unchecked_a16aea {
    border: 1px solid var(--border-strong)
}

.multiSelectCheckbox_a16aea.checked_a16aea {
    background: var(--brand-500);
    border: 1px solid var(--brand-500)
}

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

.optionPill_a16aea {
    align-content: center;
    display: grid;
    grid-template-areas: "prefix content suffix clearIcon";
    grid-template-columns: auto 1fr auto auto
}

.optionPill_a16aea .prefix_a16aea {
    grid-area: prefix;
    margin-inline-end:8px}

.optionPill_a16aea .suffix_a16aea {
    grid-area: suffix;
    margin-inline-end:8px;margin-inline-start:8px}

.optionPill_a16aea .content_a16aea {
    grid-area: content
}

.optionPill_a16aea .deleteOptionIcon_a16aea {
    grid-area: clearIcon
}

.enable-forced-colors .select_a16aea {
    background-color: Canvas;
    border-color: ButtonText
}

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

.enable-forced-colors .placeholder_a16aea {
    color: GrayText
}

.enable-forced-colors .option_a16aea {
    background-color: Canvas;
    border: 1px solid Canvas;
    color: CanvasText;
    forced-color-adjust: none
}

.enable-forced-colors .option_a16aea.focused_a16aea,.enable-forced-colors .option_a16aea:focus,.enable-forced-colors .option_a16aea:hover {
    background-color: ButtonFace;
    border-color: ButtonText;
    color: ButtonText
}

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

.enable-forced-colors .option_a16aea[aria-selected=true].focused_a16aea,.enable-forced-colors .option_a16aea[aria-selected=true]:focus,.enable-forced-colors .option_a16aea[aria-selected=true]:hover {
    border-color: Highlight!important
}

.enable-forced-colors .selectedIcon_a16aea {
    color: Highlight
}

.select_a16aea,.wrapper_a16aea {
    min-height: var(--control-input-height-md)
}

.iconsContainer_a16aea {
    height: calc(var(--control-input-height-sm) - 2px)
}

.container_a16aea[data-size=sm] .select_a16aea,.container_a16aea[data-size=sm] .wrapper_a16aea {
    min-height: var(--control-input-height-sm)
}

.container_a16aea[data-size=sm] .iconsContainer_a16aea {
    height: calc(var(--control-input-height-sm) - 2px)
}

.container_a16aea[data-variant=text-only] .select_a16aea {
    background: none;
    border: none
}

.searchable_a16aea {
    min-height: auto
}

.lookFilled_a16aea.popout_a16aea,.lookFilled_a16aea.popout_a16aea.popoutPositionTop_a16aea,.popout_a16aea,.popout_a16aea.popoutPositionTop_a16aea {
    background-color: var(--background-surface-higher);
    border: 1px solid var(--border-subtle);
    border-radius: 8px
}

.newOptionLabel_a16aea {
    align-items: center;
    display: grid;
    gap: 4px;
    grid-template-columns: auto 1fr auto
}

.newOptionLeading_a16aea {
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px
}

.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;
    width: 3rem
}

@media (max-height: 550px),(max-width:400px) {
    .react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name {
        line-height:2rem;
        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-surface-higher);
    border: 1px solid var(--border-subtle);
    font-family: var(--font-primary);
    padding: 20px
}

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

.calendarPicker_d27f17 .react-datepicker__current-month {
    border-bottom: 1px solid;
    color: var(--text-strong);
    font-size: 13px;
    font-weight: var(--font-weight-semibold);
    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;
    inset-inline-start: 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 {
    inset-inline-end: 20px;
    inset-inline-start: auto;
    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-inline-end:1px solid}

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

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

.calendarPicker_d27f17 .react-datepicker__day {
    border-inline-start:1px solid var(--border-subtle);border-top: 1px solid var(--border-subtle);
    box-sizing: border-box;
    color: var(--text-strong);
    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)
}

.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;
    inset-inline-start: 0;
    position: absolute;
    width: 100%
}

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

.calendarPicker_d27f17 .react-datepicker__day--disabled,.calendarPicker_d27f17 .react-datepicker__day--outside-month {
    font-weight: var(--font-weight-medium)
}

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

.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-inline-end-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-inline-end-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)
}

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

.container__9bb02 {
    cursor: pointer;
    display: grid;
    gap: var(--space-8);
    grid-template-columns: 1fr auto;
    min-height: var(--control-input-height-md);
    padding: var(--space-8) var(--space-12)
}

.richTooltipContent_a89985 {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    gap: var(--space-8);
    max-width: 272px;
    padding: var(--space-8) var(--space-12)
}

.assetContainer_a89985 {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    justify-content: center
}

.assetContainer_a89985>* {
    height: auto;
    max-width: 100%
}

.textContent_a89985 {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0
}

.noAsset_a89985 .textContent_a89985 {
    text-align: center
}

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

.heading-sm\/normal__0f084.fontScaling__0f084 {
    font-size: .875rem
}

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

.heading-sm\/medium__0f084.fontScaling__0f084 {
    font-size: .875rem
}

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

.heading-sm\/semibold__0f084.fontScaling__0f084 {
    font-size: .875rem
}

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

.heading-sm\/bold__0f084.fontScaling__0f084 {
    font-size: .875rem
}

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

.heading-sm\/extrabold__0f084.fontScaling__0f084 {
    font-size: .875rem
}

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

.heading-md\/normal__0f084.fontScaling__0f084 {
    font-size: 1rem
}

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

.heading-md\/medium__0f084.fontScaling__0f084 {
    font-size: 1rem
}

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

.heading-md\/semibold__0f084.fontScaling__0f084 {
    font-size: 1rem
}

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

.heading-md\/bold__0f084.fontScaling__0f084 {
    font-size: 1rem
}

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

.heading-md\/extrabold__0f084.fontScaling__0f084 {
    font-size: 1rem
}

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

.heading-lg\/normal__0f084.fontScaling__0f084 {
    font-size: 1.25rem
}

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

.heading-lg\/medium__0f084.fontScaling__0f084 {
    font-size: 1.25rem
}

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

.heading-lg\/semibold__0f084.fontScaling__0f084 {
    font-size: 1.25rem
}

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

.heading-lg\/bold__0f084.fontScaling__0f084 {
    font-size: 1.25rem
}

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

.heading-lg\/extrabold__0f084.fontScaling__0f084 {
    font-size: 1.25rem
}

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

.heading-xl\/normal__0f084.fontScaling__0f084 {
    font-size: 1.5rem
}

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

.heading-xl\/medium__0f084.fontScaling__0f084 {
    font-size: 1.5rem
}

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

.heading-xl\/semibold__0f084.fontScaling__0f084 {
    font-size: 1.5rem
}

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

.heading-xl\/bold__0f084.fontScaling__0f084 {
    font-size: 1.5rem
}

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

.heading-xl\/extrabold__0f084.fontScaling__0f084 {
    font-size: 1.5rem
}

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

.heading-xxl\/normal__0f084.fontScaling__0f084 {
    font-size: 2rem
}

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

.heading-xxl\/medium__0f084.fontScaling__0f084 {
    font-size: 2rem
}

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

.heading-xxl\/semibold__0f084.fontScaling__0f084 {
    font-size: 2rem
}

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

.heading-xxl\/bold__0f084.fontScaling__0f084 {
    font-size: 2rem
}

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

.heading-xxl\/extrabold__0f084.fontScaling__0f084 {
    font-size: 2rem
}

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

.eyebrow__0f084.fontScaling__0f084 {
    font-size: .75rem
}

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

.heading-deprecated-12\/normal__0f084.fontScaling__0f084 {
    font-size: .75rem
}

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

.heading-deprecated-12\/medium__0f084.fontScaling__0f084 {
    font-size: .75rem
}

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

.heading-deprecated-12\/semibold__0f084.fontScaling__0f084 {
    font-size: .75rem
}

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

.heading-deprecated-12\/bold__0f084.fontScaling__0f084 {
    font-size: .75rem
}

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

.heading-deprecated-12\/extrabold__0f084.fontScaling__0f084 {
    font-size: .75rem
}

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

.redesign\/heading-18\/bold__0f084.fontScaling__0f084 {
    font-size: 1.125rem
}

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

.text-xxs\/normal__0f084.fontScaling__0f084 {
    font-size: .625rem
}

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

.text-xxs\/medium__0f084.fontScaling__0f084 {
    font-size: .625rem
}

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

.text-xxs\/semibold__0f084.fontScaling__0f084 {
    font-size: .625rem
}

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

.text-xxs\/bold__0f084.fontScaling__0f084 {
    font-size: .625rem
}

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

.text-xs\/normal__0f084.fontScaling__0f084 {
    font-size: .75rem
}

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

.text-xs\/medium__0f084.fontScaling__0f084 {
    font-size: .75rem
}

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

.text-xs\/semibold__0f084.fontScaling__0f084 {
    font-size: .75rem
}

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

.text-xs\/bold__0f084.fontScaling__0f084 {
    font-size: .75rem
}

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

.text-sm\/normal__0f084.fontScaling__0f084 {
    font-size: .875rem
}

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

.text-sm\/medium__0f084.fontScaling__0f084 {
    font-size: .875rem
}

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

.text-sm\/semibold__0f084.fontScaling__0f084 {
    font-size: .875rem
}

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

.text-sm\/bold__0f084.fontScaling__0f084 {
    font-size: .875rem
}

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

.text-md\/normal__0f084.fontScaling__0f084 {
    font-size: 1rem
}

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

.text-md\/medium__0f084.fontScaling__0f084 {
    font-size: 1rem
}

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

.text-md\/semibold__0f084.fontScaling__0f084 {
    font-size: 1rem
}

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

.text-md\/bold__0f084.fontScaling__0f084 {
    font-size: 1rem
}

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

.text-lg\/normal__0f084.fontScaling__0f084 {
    font-size: 1.25rem
}

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

.text-lg\/medium__0f084.fontScaling__0f084 {
    font-size: 1.25rem
}

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

.text-lg\/semibold__0f084.fontScaling__0f084 {
    font-size: 1.25rem
}

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

.text-lg\/bold__0f084.fontScaling__0f084 {
    font-size: 1.25rem
}

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

.redesign\/message-preview\/normal__0f084.fontScaling__0f084 {
    font-size: .9375rem
}

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

.redesign\/message-preview\/medium__0f084.fontScaling__0f084 {
    font-size: .9375rem
}

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

.redesign\/message-preview\/semibold__0f084.fontScaling__0f084 {
    font-size: .9375rem
}

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

.redesign\/message-preview\/bold__0f084.fontScaling__0f084 {
    font-size: .9375rem
}

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

.redesign\/channel-title\/normal__0f084.fontScaling__0f084 {
    font-size: 1rem
}

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

.redesign\/channel-title\/medium__0f084.fontScaling__0f084 {
    font-size: 1rem
}

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

.redesign\/channel-title\/semibold__0f084.fontScaling__0f084 {
    font-size: 1rem
}

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

.redesign\/channel-title\/bold__0f084.fontScaling__0f084 {
    font-size: 1rem
}

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

.display-sm__0f084.fontScaling__0f084 {
    font-size: 1.25rem
}

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

.display-md__0f084.fontScaling__0f084 {
    font-size: 2.125rem
}

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

.display-lg__0f084.fontScaling__0f084 {
    font-size: 2.75rem
}

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

.code__0f084.fontScaling__0f084 {
    font-size: .75rem
}

.button__0f084 {
    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;
    justify-content: center;
    margin: 0;
    max-height: -moz-min-content;
    max-height: min-content;
    max-width: 100%;
    padding: 0;
    position: relative;
    text-align: start;
    transition: background-color 50ms ease-in,color 50ms ease-in,border-color 50ms ease-in,opacity 50ms ease-in;
    width: -moz-min-content;
    width: min-content
}

.button__0f084:hover {
    transition: background-color .15s ease-out,color .15s ease-out,border-color .15s ease-out,opacity .15s ease-out
}

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

.highlight-mana-buttons .button__0f084 {
    box-shadow: 0 0 4px 4px var(--opacity-white-60)
}

.highlight-mana-buttons [data-button-hoisted-classname-wrapper] .button__0f084 {
    box-shadow: 0 0 4px 4px var(--opacity-green-60)
}

[data-button-hoisted-classname-wrapper] {
    display: flex;
    width: auto
}

.buttonChildrenWrapper__0f084 {
    border-radius: var(--radius-sm);
    box-sizing: border-box;
    justify-content: center;
    position: relative;
    width: 100%
}

.buttonChildren__0f084,.buttonChildrenWrapper__0f084 {
    align-items: center;
    display: flex;
    overflow: hidden
}

.buttonChildren__0f084 {
    gap: var(--space-4);
    text-overflow: ellipsis;
    transition: opacity .2s ease-out,transform .2s ease-out;
    white-space: nowrap
}

.icon__0f084 {
    flex-shrink: 0
}

.buttonChildren__0f084 {
    opacity: 1
}

.buttonChildren__0f084.loading__0f084 {
    opacity: 0
}

.spinnerWrapper__0f084 {
    animation-duration: .2s;
    animation-fill-mode: forwards;
    animation-timing-function: ease;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.spinnerWrapper__0f084.fadeIn__0f084 {
    animation-name: spinner-opacity-in__0f084
}

.spinnerWrapper__0f084.fadeOut__0f084 {
    animation-name: spinner-opacity-out__0f084
}

.full-motion .spinnerWrapper__0f084.fadeIn__0f084 {
    animation-name: spinner-transform-in__0f084,spinner-opacity-in__0f084
}

.full-motion .spinnerWrapper__0f084.fadeOut__0f084 {
    animation-name: spinner-transform-out__0f084,spinner-opacity-out__0f084
}

.full-motion .buttonChildren__0f084 {
    transform: translateY(0)
}

.full-motion .buttonChildren__0f084.loading__0f084 {
    transform: translateY(-100%)
}

@keyframes spinner-opacity-in__0f084 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes spinner-opacity-out__0f084 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes spinner-transform-in__0f084 {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes spinner-transform-out__0f084 {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(100%)
    }
}

.xs__0f084 {
    border-radius: var(--radius-xs)
}

.xs__0f084 .buttonChildrenWrapper__0f084 {
    min-height: 22px;
    min-width: 22px
}

.xs__0f084.hasText__0f084 {
    min-width: var(--__button-min-width,60px)
}

.xs__0f084.hasText__0f084 .buttonChildrenWrapper__0f084 {
    padding: calc(var(--space-4) - 1px) calc(var(--space-8) - 1px)
}

.sm__0f084 .buttonChildrenWrapper__0f084 {
    min-height: 30px;
    min-width: 30px
}

.sm__0f084.hasText__0f084 {
    min-width: var(--__button-min-width,60px)
}

.sm__0f084.hasText__0f084 .buttonChildrenWrapper__0f084 {
    padding: calc(var(--space-4) - 1px) calc(var(--space-12) - 1px)
}

.md__0f084 .buttonChildrenWrapper__0f084 {
    min-height: 38px;
    min-width: 38px
}

.md__0f084.hasText__0f084 {
    min-width: var(--__button-min-width,100px)
}

.md__0f084.hasText__0f084 .buttonChildrenWrapper__0f084 {
    padding: calc(var(--space-8) - 1px) calc(var(--space-16) - 1px)
}

.spinnerItem__0f084 {
    background-color: currentColor!important
}

.spinner__0f084 {
    height: 100%
}

.spinner-sm__0f084,.spinner-xs__0f084 {
    min-height: 16px;
    min-width: 16px;
    transform: scale(.75)
}

.spinner-md__0f084 {
    transform: scale(.9)
}

.spinner-lg__0f084,.spinner-md__0f084 {
    min-height: 20px;
    min-width: 20px
}

.primary__0f084 {
    background-color: var(--control-primary-background-default);
    border-color: var(--control-primary-border-default);
    color: var(--control-primary-text-default)
}

.primary__0f084:hover {
    background-color: var(--control-primary-background-hover);
    border-color: var(--control-primary-border-hover);
    color: var(--control-primary-text-hover)
}

.primary__0f084:active {
    background-color: var(--control-primary-background-active);
    border-color: var(--control-primary-border-active);
    color: var(--control-primary-text-active)
}

.secondary__0f084 {
    background-color: var(--control-secondary-background-default);
    border-color: var(--control-secondary-border-default);
    color: var(--control-secondary-text-default)
}

.secondary__0f084:hover {
    background-color: var(--control-secondary-background-hover);
    border-color: var(--control-secondary-border-hover);
    color: var(--control-secondary-text-hover)
}

.secondary__0f084:active {
    background-color: var(--control-secondary-background-active);
    border-color: var(--control-secondary-border-active);
    color: var(--control-secondary-text-active)
}

.icon-only__0f084 {
    background-color: transparent;
    border-color: transparent;
    color: var(--control-icon-only-icon-default)
}

.icon-only__0f084:hover {
    background-color: var(--control-icon-only-background-hover);
    border-color: var(--control-icon-only-border-hover);
    color: var(--control-icon-only-icon-hover)
}

.icon-only__0f084:active {
    background-color: var(--control-icon-only-background-active);
    border-color: var(--control-icon-only-border-active);
    color: var(--control-icon-only-icon-active)
}

.color-mix__0f084 {
    background-color: transparent;
    border: transparent;
    color: var(--icon-strong)
}

.color-mix__0f084:hover {
    color: var(--control-icon-only-icon-hover)
}

.color-mix__0f084:active {
    color: var(--control-icon-only-icon-active)
}

.color-mix__0f084:before {
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    box-sizing: border-box;
    content: "";
    height: 100%;
    left: 0;
    mix-blend-mode: plus-lighter;
    position: absolute;
    top: 0;
    transition: background-color 50ms ease-in,border-color 50ms ease-in,opacity 50ms ease-in;
    width: 100%
}

.color-mix__0f084:hover:before {
    background-color: var(--control-icon-only-background-hover);
    border-color: var(--border-subtle);
    transition: background-color .15s ease-out,border-color .15s ease-out,opacity .15s ease-out
}

.color-mix__0f084:active:before {
    background-color: var(--control-icon-only-background-active);
    border-color: var(--border-subtle)
}

.input-accessory__0f084 {
    border-radius: var(--radius-xs);
    color: var(--icon-strong)
}

.theme-light .color-mix__0f084:before {
    mix-blend-mode: difference
}

.critical-primary__0f084 {
    background-color: var(--control-critical-primary-background-default);
    border-color: var(--control-critical-primary-border-default);
    color: var(--control-critical-primary-text-default)
}

.critical-primary__0f084:hover {
    background-color: var(--control-critical-primary-background-hover);
    border-color: var(--control-critical-primary-border-hover);
    color: var(--control-critical-primary-text-hover)
}

.critical-primary__0f084:active {
    background-color: var(--control-critical-primary-background-active);
    border-color: var(--control-critical-primary-border-active);
    color: var(--control-critical-primary-text-active)
}

.critical-secondary__0f084 {
    background-color: var(--control-critical-secondary-background-default);
    border-color: var(--control-critical-secondary-border-default);
    color: var(--control-critical-secondary-text-default)
}

.critical-secondary__0f084:hover {
    background-color: var(--control-critical-secondary-background-hover);
    border-color: var(--control-critical-secondary-border-hover);
    color: var(--control-critical-secondary-text-hover)
}

.critical-secondary__0f084:active {
    background-color: var(--control-critical-secondary-background-active);
    border-color: var(--control-critical-secondary-border-active);
    color: var(--control-critical-secondary-text-active)
}

.active__0f084 {
    background-color: var(--control-connected-background-default);
    border-color: var(--control-connected-border-default);
    color: var(--control-connected-text-default)
}

.active__0f084:hover {
    background-color: var(--control-connected-background-hover);
    border-color: var(--control-connected-border-hover);
    color: var(--control-connected-text-hover)
}

.active__0f084:active {
    background-color: var(--control-connected-background-active);
    border-color: var(--control-connected-border-active);
    color: var(--control-connected-text-active)
}

.overlay-primary__0f084 {
    background-color: var(--control-overlay-primary-background-default);
    border-color: var(--control-overlay-primary-border-default);
    color: var(--control-overlay-primary-text-default)
}

.overlay-primary__0f084:hover {
    background-color: var(--control-overlay-primary-background-hover);
    border-color: var(--control-overlay-primary-border-hover);
    color: var(--control-overlay-primary-text-hover)
}

.overlay-primary__0f084:active {
    background-color: var(--control-overlay-primary-background-active);
    border-color: var(--control-overlay-primary-border-active);
    color: var(--control-overlay-primary-text-active)
}

.overlay-secondary__0f084 {
    background-color: var(--control-overlay-secondary-background-default);
    border-color: var(--control-overlay-secondary-border-default);
    color: var(--control-overlay-secondary-text-default)
}

.overlay-secondary__0f084:hover {
    background-color: var(--control-overlay-secondary-background-hover);
    border-color: var(--control-overlay-secondary-border-hover);
    color: var(--control-overlay-secondary-text-hover)
}

.overlay-secondary__0f084:active {
    background-color: var(--control-overlay-secondary-background-active);
    border-color: var(--control-overlay-secondary-border-active);
    color: var(--control-overlay-secondary-text-active)
}

.expressive__0f084>* {
    pointer-events: none;
    z-index: 1
}

.expressiveRive__0f084 {
    height: calc(100% + var(--__glow-amount)*2 + 2px);
    left: calc(var(--__glow-amount)*-1 - 1px);
    position: absolute;
    top: calc(var(--__glow-amount)*-1 - 1px);
    width: calc(100% + var(--__glow-amount)*2 + 2px)
}

.expressive__0f084 .expressiveBackground__0f084 {
    filter: blur(10px) saturate(var(--saturation-factor,1))
}

.reduce-motion .expressive__0f084 .expressiveBackground__0f084 {
    filter: blur(7px) saturate(var(--saturation-factor,1))
}

.expressive__0f084 {
    color: var(--control-expressive-text-default)
}

.expressive__0f084 .expressiveFill__0f084 {
    --__glow-amount: 0px;
    background-color: var(--control-expressive-background-default);
    border-radius: 8px;
    transition: background-color .15s ease,width .15s ease,height .15s ease,top .15s ease,left .15s ease
}

.expressive__0f084:hover {
    color: var(--control-expressive-text-hover)
}

.expressive__0f084:hover .expressiveFill__0f084 {
    background-color: var(--control-expressive-background-hover)
}

.expressive__0f084:active {
    color: var(--control-expressive-text-active)
}

.expressive__0f084:active .expressiveFill__0f084 {
    --__glow-amount: -1px;
    background-color: var(--control-expressive-background-active)
}

.expressive__0f084 .expressiveHoverContainer__0f084 {
    filter: blur(8px);
    mix-blend-mode: plus-lighter;
    pointer-events: all
}

.expressiveWrapper__0f084 {
    --__glow-amount: 8px;
    display: flex;
    max-width: 100%;
    position: relative;
    width: -moz-min-content;
    width: min-content
}

.fullWidth__0f084.hasText__0f084 {
    flex: 1;
    width: 100%
}

.rounded__0f084 {
    border-radius: var(--radius-round)
}

.enable-forced-colors .button__0f084 {
    background-color: ButtonFace;
    border-color: ButtonText;
    color: ButtonText;
    forced-color-adjust: none
}

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

.enable-forced-colors .button__0f084 .expressiveFill__0f084 {
    display: none
}

.container__0f084 {
    --custom-input-padding: 10px;
    --custom-text-input-icon-spacing: var(--space-4);
    min-height: var(--custom-text-input-height)
}

.container__0f084 .icon__0f084 {
    height: calc(var(--custom-text-input-height) - var(--custom-text-input-icon-spacing)*2 - 2px)
}

.icon__0f084 {
    align-items: center;
    aspect-ratio: 1/1;
    border: 1px solid transparent;
    border-radius: var(--radius-xs);
    box-sizing: border-box;
    display: flex;
    justify-content: center
}

.image__0f084 {
    height: 100%;
    padding: 0 var(--space-4)
}

.iconButton__0f084 {
    color: var(--icon-strong)
}

.clearButton__0f084 {
    color: var(--icon-subtle);
    cursor: pointer
}

.clearButton__0f084:hover {
    color: var(--icon-strong)
}

.leadingText__0f084 {
    padding-inline-start:var(--space-4)}

.sm__0f084 {
    --custom-text-input-height: var(--control-item-height-sm)
}

.md__0f084 {
    --custom-text-input-height: var(--control-input-height-md)
}

.hasLeading__0f084 {
    padding-inline-start:var(--custom-text-input-icon-spacing)}

.hasLeading__0f084 .input__0f084 {
    padding-inline-start: 0
}

.hasTrailing__0f084 {
    padding-inline-end:var(--custom-text-input-icon-spacing)}

.hasTrailing__0f084 .input__0f084 {
    padding-inline-end: 0
}

.input__0f084 {
    background-color: transparent;
    border: none;
    box-sizing: border-box;
    color: inherit;
    flex: 1;
    font-size: inherit;
    height: 100%;
    min-width: 30%;
    padding-inline:var(--space-12)}

.input__0f084: disabled {
    cursor:not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

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

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

.hasTags__0f084 {
    padding: var(--space-4)
}

.hasTags__0f084 .input__0f084 {
    height: calc(var(--custom-text-input-height) - 8px);
    padding-inline-start:var(--space-8)}

.calendar__2ffbd {
    box-sizing: border-box;
    color: var(--text-default);
    max-width: 248px;
    padding: var(--space-16);
    width: 100%
}

.calendarHeader__2ffbd {
    align-items: center;
    display: flex;
    gap: var(--space-8);
    justify-content: space-between;
    margin-bottom: var(--space-12)
}

.selectField__2ffbd {
    height: 24px
}

.select__2ffbd {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none
}

.monthSelect__2ffbd:hover:not(:disabled),.yearSelect__2ffbd:hover:not(:disabled) {
    border-color: var(--input-border-hover)
}

.monthSelect__2ffbd:focus,.yearSelect__2ffbd:focus {
    border-color: var(--input-border-focus);
    box-shadow: 0 0 0 1px var(--input-border-focus);
    outline: none
}

.monthSelect__2ffbd:disabled,.yearSelect__2ffbd:disabled {
    cursor: not-allowed;
    opacity: .5
}

.calendarGrid__2ffbd {
    border-collapse: collapse;
    width: 100%
}

.cell__2ffbd,.headerCell__2ffbd {
    aspect-ratio: 1/1;
    height: 32px
}

.cell__2ffbd {
    align-items: center;
    background: transparent;
    border-radius: var(--radius-sm);
    cursor: pointer;
    display: flex;
    justify-content: center;
    text-align: center;
    transition: all .15s ease
}

.cell__2ffbd[data-selected] {
    background-color: var(--control-primary-background-default);
    color: var(--control-primary-text-default);
    outline: 1px solid var(--control-primary-border-default);
    outline-offset: -1px
}

.cell__2ffbd[data-disabled] {
    color: var(--text-disabled);
    cursor: not-allowed;
    opacity: .4
}

.cell__2ffbd[data-focus-visible] {
    box-shadow: inset 0 0 0 2px var(--border-focus);
    outline: none
}

.cell__2ffbd[data-outside-month] {
    color: var(--text-subtle);
    opacity: .4
}

.cell__2ffbd:hover:not([data-disabled]):not([data-selected]) {
    background-color: var(--background-mod-subtle)
}

.enable-forced-colors .calendar__2ffbd {
    background-color: Canvas;
    border-color: ButtonBorder
}

.enable-forced-colors .cell__2ffbd {
    color: CanvasText
}

.enable-forced-colors .cell__2ffbd[data-selected] {
    background-color: Highlight;
    color: HighlightText
}

.enable-forced-colors .cell__2ffbd[data-disabled] {
    color: GrayText
}

.enable-forced-colors .cell__2ffbd[data-focus-visible] {
    box-shadow: inset 0 0 0 2px Highlight;
    outline: none
}

.enable-forced-colors .cell__2ffbd[data-outside-month] {
    color: GrayText;
    opacity: .4
}

.enable-forced-colors .cell__2ffbd:hover:not(.cellDisabled__2ffbd):not(.selected__2ffbd) {
    background-color: ButtonFace
}

.inputField_a14f87 {
    align-items: center;
    display: flex;
    height: var(--control-input-height-md);
    justify-content: space-between;
    max-width: 180px;
    padding-left: var(--space-8);
    padding-right: var(--space-4)
}

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

.placeholder_a14f87 {
    color: var(--text-subtle)
}

.inputGroup_a14f87 {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: space-between;
    padding-bottom: var(--space-4);
    padding-top: var(--space-4);
    width: 100%
}

.segment_a14f87 {
    border-radius: var(--radius-xs);
    padding: 0 2px
}

.segment_a14f87:focus {
    background-color: var(--opacity-blurple-8);
    color: var(--text-strong);
    outline: 1px solid var(--border-focus)
}

.calendarButton_a14f87 {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    aspect-ratio: 1/1;
    background: transparent;
    border-radius: var(--radius-xs);
    color: var(--control-icon-only-icon-default);
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0;
    padding: 0;
    transition: all .15s ease
}

.calendarButton_a14f87[data-hovered] {
    background-color: var(--control-icon-only-background-hover);
    border-color: var(--control-icon-only-border-hover);
    color: var(--control-icon-only-icon-hover)
}

.calendarButton_a14f87[data-pressed] {
    background-color: var(--control-icon-only-background-active);
    border-color: var(--control-icon-only-border-active);
    color: var(--control-icon-only-icon-active)
}

.calendarButton_a14f87[data-focus-visible] {
    outline: 2px solid var(--border-focus);
    outline-offset: -1px
}

.dialog_a14f87,.popover_a14f87 {
    z-index: 10
}

.dialog_a14f87 {
    background-color: var(--background-surface-higher);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    box-shadow: 0 2px 8px 0 var(--opacity-black-16);
    box-sizing: border-box;
    max-height: 100%;
    overflow: auto!important
}

.enable-forced-colors .inputGroup_a14f87 {
    background-color: Field;
    border-color: ButtonBorder
}

.enable-forced-colors .inputGroup_a14f87.error_a14f87 {
    border-color: Mark
}

.enable-forced-colors .segment_a14f87 {
    color: FieldText
}

.enable-forced-colors .segment_a14f87:focus {
    background-color: Highlight;
    color: HighlightText
}

.enable-forced-colors .calendarButton_a14f87 {
    color: ButtonText
}

.enable-forced-colors .calendarButton_a14f87:hover {
    background-color: ButtonFace
}

.placeholder__84ae7 {
    align-items: center;
    background-color: var(--background-mod-subtle);
    border: 1px dashed var(--border-subtle);
    border-radius: var(--radius-md);
    display: flex;
    justify-content: center;
    padding: var(--space-8) var(--space-12)
}

.outerContainer_e44912 {
    align-items: center;
    container: outer-container/inline-size;
    display: flex;
    height: 100dvh;
    justify-content: center;
    width: calc(100vw - var(--devtools-sidebar-width, 0px))
}

.modal_e44912 {
    --custom-viewport-padding: calc(var(--space-40) + var(--custom-app-top-bar-height));
    background: var(--background-base-lower);
    box-sizing: border-box;
    container: modal-container/inline-size;
    height: calc(100% - (var(--custom-viewport-padding))*2);
    max-width: 1400px;
    overflow: hidden;
    width: calc(100% - (var(--custom-viewport-padding))*2)
}

@media (max-width: 1600px) {
    .modal_e44912 {
        --custom-viewport-padding:var(--space-40)
    }
}

@container outer-container (max-width: 1600px) {
    .modal_e44912 {
        --custom-viewport-padding: var(--space-40)
    }
}

@container outer-container (max-width: 1080px) {
    .modal_e44912 {
        border: none;
        border-radius: 0;
        height: 100%;
        overflow-y: auto;
        padding-top: var(--custom-app-top-bar-height);
        width: 100%
    }

    .is-mobile .modal_e44912 {
        padding-top: 0
    }

    .modalContent_e44912 {
        border-top: 1px solid var(--border-muted)
    }
}

.modalContent_e44912 {
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

.modalContentInner_e44912 {
    box-sizing: inherit;
    height: inherit;
    width: inherit
}

.popover_d6f39b {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
    max-width: var(--custom-popover-width);
    padding: var(--space-16);
    position: relative;
    text-align: center;
    width: var(--custom-popover-width);
    --custom-popover-caret-gradient-color-start: transparent;
    --custom-popover-caret-gradient-color-end: transparent
}

.popover_d6f39b,.popoverGradientWrapper_d6f39b {
    background: var(--background-surface-high);
    border-radius: var(--radius-md);
    box-shadow: inset 0 0 0 1px var(--border-subtle),var(--shadow-high)
}

.popoverGradientWrapper_d6f39b {
    --custom-popover-caret-gradient-color-start: var(--custom-gradient-color-start);
    --custom-popover-caret-gradient-color-end: var(--custom-gradient-color-end)
}

.popoverContentWithGradient_d6f39b {
    background: transparent;
    border-radius: var(--radius-md);
    box-shadow: none;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
    max-width: var(--custom-popover-width);
    padding: var(--space-16);
    position: relative;
    text-align: center;
    width: var(--custom-popover-width)
}

.popover--video_d6f39b,.popoverContentWithGradient_d6f39b.popover--video_d6f39b {
    padding: var(--space-4)
}

.popover--video_d6f39b .footer_d6f39b,.popover--video_d6f39b .header_d6f39b {
    padding: 0 var(--space-16)
}

.popover--video_d6f39b .actionBar_d6f39b {
    padding: 0 var(--space-16) var(--space-16)
}

.closeButton_d6f39b {
    inset-inline-end: var(--space-4);
    position: absolute;
    top: var(--space-4);
    z-index: 2
}

.header_d6f39b {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    margin: var(--space-20) 0;
    position: relative;
    z-index: 1
}

.headerWithBadge_d6f39b {
}

.title_d6f39b {
    margin: 0;
    text-align: center
}

.headerBody_d6f39b {
    color: var(--text-subtle);
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: 0
}

.badgeContainer_d6f39b {
    margin-bottom: var(--space-12)
}

.content_d6f39b {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1
}

.graphic_d6f39b {
    margin: var(--space-16) auto var(--space-20);
    width: 100%
}

.graphic--md_d6f39b,.graphic--sm_d6f39b {
    max-width: 144px
}

.graphic--lg_d6f39b {
    max-width: 160px
}

.graphic--video_d6f39b {
    max-width: 232px
}

.footer_d6f39b {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    text-align: center
}

.footerText_d6f39b {
    color: var(--text-muted);
    margin: 0
}

.footerLink_d6f39b {
    color: var(--text-link);
    margin: 0
}

.actionBar_d6f39b {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
    justify-content: center
}

.actionBar_d6f39b .actions_d6f39b {
    flex: 1;
    min-width: unset
}

.actions_d6f39b {
    display: flex;
    flex-direction: column;
    gap: var(--space-8)
}

.multistepIndicator_d6f39b {
    color: var(--text-muted);
    margin-inline-start:var(--space-4);margin-top: var(--space-4);
    opacity: .7
}

.multistepActionLayout_d6f39b {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.caretIcon_d6f39b .caretFill_d6f39b {
    fill: var(--background-surface-high)
}

.caretIcon_d6f39b .caretGradient_d6f39b {
    fill: var(--custom-popover-caret-gradient-color,transparent)
}

.caretIcon_d6f39b .caretStroke_d6f39b {
    stroke: var(--border-subtle);
    stroke-opacity: 1
}

.caret__6ec79 {
    --custom-caret-half-width: 11px;
    --custom-caret-half-height: 7px;
    --custom-caret-horizontal-distance: 18px;
    --custom-caret-border-overlap: 1px;
    color: transparent;
    pointer-events: none;
    position: absolute;
    transform-origin: center
}

.caret--bottom__6ec79 {
    top: calc(100% - var(--custom-caret-border-overlap));
    transform: rotate(0deg)
}

.caret--top__6ec79 {
    bottom: calc(100% - var(--custom-caret-border-overlap));
    transform: rotate(180deg)
}

.caret--left__6ec79 {
    --custom-popover-caret-gradient-color: color-mix(in oklab,var(--custom-popover-caret-gradient-color-start) 25%,transparent);
    inset-inline-start: calc(var(--custom-caret-horizontal-distance)*-1);
    transform: rotate(90deg)
}

.caret--right__6ec79 {
    inset-inline-end: calc(var(--custom-caret-horizontal-distance)*-1);
    transform: rotate(-90deg)
}

.caret--bottom__6ec79.caret--center__6ec79,.caret--top__6ec79.caret--center__6ec79 {
    inset-inline-start: calc(50% + var(--custom-caret-edge-offset-horizontal-nudge, 0));
    margin-inline-start:calc(var(--custom-caret-half-width)*-1)}

.caret--bottom__6ec79.caret--start__6ec79,.caret--top__6ec79.caret--start__6ec79 {
    inset-inline-start: calc(var(--custom-caret-edge-offset-horizontal) + var(--custom-caret-edge-offset-horizontal-nudge, 0));
    margin-inline-start:calc(var(--custom-caret-half-width)*-1)}

.caret--bottom__6ec79.caret--end__6ec79,.caret--top__6ec79.caret--end__6ec79 {
    inset-inline-end: calc(var(--custom-caret-edge-offset-horizontal) - var(--custom-caret-edge-offset-horizontal-nudge, 0));
    margin-inline-end:calc(var(--custom-caret-half-width)*-1)}

.caret--left__6ec79.caret--center__6ec79,.caret--right__6ec79.caret--center__6ec79 {
    margin-top: calc(var(--custom-caret-half-height)*-1);
    top: 50%
}

.caret--left__6ec79.caret--center__6ec79 {
    inset-inline-start: calc(var(--custom-caret-horizontal-distance)*-1)
}

.caret--left__6ec79.caret--start__6ec79,.caret--right__6ec79.caret--start__6ec79 {
    margin-top: calc(var(--custom-caret-half-height)*-1);
    top: var(--custom-caret-edge-offset-vertical)
}

.caret--left__6ec79.caret--end__6ec79,.caret--right__6ec79.caret--end__6ec79 {
    bottom: var(--custom-caret-edge-offset-vertical);
    margin-bottom: calc(var(--custom-caret-half-height)*-1)
}

.caret--custom__6ec79 {
    --custom-caret-offset-x: 0;
    --custom-caret-offset-y: 0
}

.caret--bottom__6ec79.caret--custom__6ec79,.caret--top__6ec79.caret--custom__6ec79 {
    inset-inline-start: 50%;
    margin-inline-start:calc(var(--custom-caret-offset-x) - var(--custom-caret-half-width))}

.caret--left__6ec79.caret--custom__6ec79,.caret--right__6ec79.caret--custom__6ec79 {
    margin-top: calc(var(--custom-caret-offset-y) - var(--custom-caret-half-height));
    top: 50%
}

.caret--top__6ec79.caret--start__6ec79 {
    --custom-popover-caret-gradient-color: color-mix(in oklab,var(--custom-popover-caret-gradient-color-end) 7%,var(--custom-popover-caret-gradient-color-start))
}

.caret--top__6ec79.caret--center__6ec79 {
    --custom-popover-caret-gradient-color: color-mix(in oklab,var(--custom-popover-caret-gradient-color-end) 50%,var(--custom-popover-caret-gradient-color-start))
}

.caret--top__6ec79.caret--end__6ec79 {
    --custom-popover-caret-gradient-color: color-mix(in oklab,var(--custom-popover-caret-gradient-color-end) 98%,var(--custom-popover-caret-gradient-color-start))
}

.caret--right__6ec79.caret--start__6ec79 {
    --custom-popover-caret-gradient-color: color-mix(in oklab,var(--custom-popover-caret-gradient-color-end) 98%,transparent)
}

.caret--right__6ec79.caret--center__6ec79 {
    --custom-popover-caret-gradient-color: color-mix(in oklab,var(--custom-popover-caret-gradient-color-end) 25%,transparent)
}

.caret--left__6ec79.caret--start__6ec79 {
    --custom-popover-caret-gradient-color: color-mix(in oklab,var(--custom-popover-caret-gradient-color-start) 98%,transparent)
}

.caret--left__6ec79.caret--center__6ec79 {
    --custom-popover-caret-gradient-color: color-mix(in oklab,var(--custom-popover-caret-gradient-color-start) 25%,transparent)
}

.media__9c640 {
    border-radius: var(--radius-md)
}

.assetContainer__9c640 {
    border-radius: var(--radius-sm);
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 100%
}

.playButton__9c640 {
    inset-inline-start: 50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: opacity .2s ease-in-out;
    z-index: 2
}

.assetContainer__9c640:focus-within .playButton__9c640,.assetContainer__9c640:hover .playButton__9c640 {
    opacity: 1;
    pointer-events: auto
}

.closeButton__9c640 {
    inset-inline-end: calc(var(--space-8) - 1px);
    position: absolute;
    top: calc(var(--space-8) - 1px);
    z-index: 2
}

.variants_f72374 {
    display: grid;
    gap: var(--space-8);
    grid-template-columns: repeat(auto-fill,minmax(200px,1fr))
}

.card_f72374 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    padding: var(--space-12)
}

.layer__95d7b {
    background-color: var(--background-surface-high);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-high);
    padding: var(--space-16)
}

.container__28842 {
    overflow: hidden;
    position: relative;
    width: 100%;
    --custom-edge-fade-width: 0
}

.children__28842 {
    align-items: stretch;
    flex-shrink: auto;
    -webkit-mask-image: none;
    mask-image: none;
    overflow-x: scroll;
    scrollbar-width: none;
    transition: -webkit-mask-image .3s linear;
    transition: mask-image .3s linear;
    transition: mask-image .3s linear,-webkit-mask-image .3s linear
}

.children__28842.scrollRight__28842 {
    -webkit-mask-image: linear-gradient(90deg,#000,#000 calc(100% - var(--custom-edge-fade-width)),transparent);
    mask-image: linear-gradient(90deg,#000,#000 calc(100% - var(--custom-edge-fade-width)),transparent)
}

.children__28842.scrollLeft__28842 {
    -webkit-mask-image: linear-gradient(90deg,transparent,#000 var(--custom-edge-fade-width));
    mask-image: linear-gradient(90deg,transparent,#000 var(--custom-edge-fade-width))
}

.children__28842.scrollBoth__28842 {
    -webkit-mask-image: linear-gradient(90deg,transparent,#000 var(--custom-edge-fade-width),#000 calc(100% - var(--custom-edge-fade-width)),transparent);
    mask-image: linear-gradient(90deg,transparent,#000 var(--custom-edge-fade-width),#000 calc(100% - var(--custom-edge-fade-width)),transparent)
}

.children__28842.noScroll__28842 {
    -webkit-mask-image: none;
    mask-image: none
}

.children__28842>* {
    flex-shrink: 0
}

.actions__28842 {
    align-items: center;
    display: flex;
    flex-direction: row;
    inset: 0;
    justify-content: space-between;
    padding: var(--space-8);
    pointer-events: none;
    position: absolute;
    z-index: 1
}

.actions__28842>* {
    pointer-events: auto
}

.button__28842 {
    opacity: 1;
    transition: opacity .1s linear
}

.disabled__28842 {
    opacity: 0;
    pointer-events: none
}

.hero__50e07 {
    --custom-hero-min-height: 150px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-radius: var(--radius-md);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: var(--custom-hero-min-height);
    padding: var(--space-8);
    position: relative;
    width: 100%
}

.logo__50e07 {
    align-self: flex-start;
    display: block;
    height: auto;
    justify-self: center;
    max-height: calc(var(--custom-hero-min-height) - var(--space-8)*2);
    -o-object-fit: contain;
    object-fit: contain;
    width: auto
}

.children__50e07 {
    padding-top: var(--space-24)
}

.card__896d4 {
    border-radius: var(--radius-lg);
    flex-grow: 1;
    overflow: hidden;
    transition: filter .15s ease-in-out
}

.card__896d4:hover {
    filter: drop-shadow(0 8px 10px rgba(0,0,0,.14))
}

.overflowable__896d4 {
    overflow: visible
}

.grid__1b670 {
    container-type: inline-size;
    display: grid;
    gap: 8px;
    grid-auto-flow: dense;
    width: 100%
}

.columns1__1b670 {
    grid-template-columns: repeat(1,1fr)
}

.columns2__1b670 {
    grid-template-columns: repeat(2,1fr)
}

.columns3__1b670 {
    grid-template-columns: repeat(3,1fr)
}

.columns4__1b670 {
    grid-template-columns: repeat(4,1fr)
}

.columns5__1b670 {
    grid-template-columns: repeat(5,1fr)
}

.columns6__1b670 {
    grid-template-columns: repeat(6,1fr)
}

@container (max-width: 768px) {
    .columns3__1b670,.columns4__1b670,.columns5__1b670,.columns6__1b670 {
        grid-template-columns: repeat(2,1fr)
    }
}

@container (max-width: 480px) {
    .columns2__1b670,.columns3__1b670,.columns4__1b670,.columns5__1b670,.columns6__1b670 {
        grid-template-columns: repeat(1,1fr)
    }
}

.gridItem__1b670 {
    display: block
}

.gridItemColumns1__1b670 {
    grid-column: span 1
}

.gridItemColumns2__1b670 {
    grid-column: span 2
}

.gridItemColumns3__1b670 {
    grid-column: span 3
}

.gridItemColumns4__1b670 {
    grid-column: span 4
}

.gridItemColumns5__1b670 {
    grid-column: span 5
}

.gridItemColumns6__1b670 {
    grid-column: span 6
}

.gridItemRows1__1b670 {
    grid-row: span 1
}

.gridItemRows2__1b670 {
    grid-row: span 2
}

.gridItemRows3__1b670 {
    grid-row: span 3
}

.gridItemRows4__1b670 {
    grid-row: span 4
}

.gridItemRows5__1b670 {
    grid-row: span 5
}

.gridItemRows6__1b670 {
    grid-row: span 6
}

@container (max-width: 768px) {
    .gridItemColumns3__1b670,.gridItemColumns4__1b670,.gridItemColumns5__1b670,.gridItemColumns6__1b670 {
        grid-column: span 2
    }

    .gridItemRows3__1b670,.gridItemRows4__1b670,.gridItemRows5__1b670,.gridItemRows6__1b670 {
        grid-row: span 2
    }
}

@container (max-width: 480px) {
    .gridItemColumns2__1b670,.gridItemColumns3__1b670,.gridItemColumns4__1b670,.gridItemColumns5__1b670,.gridItemColumns6__1b670 {
        grid-column: span 1
    }

    .gridItemRows2__1b670,.gridItemRows3__1b670,.gridItemRows4__1b670,.gridItemRows5__1b670,.gridItemRows6__1b670 {
        grid-row: span 1
    }
}

.container_fec5bf {
    display: flex;
    gap: 8px
}

.verticalContainer_fec5bf {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

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

.section_fec5bf {
    background-color: var(--background-base-low);
    border: 1px solid var(--border-subtle);
    border-radius: 4px;
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr;
    margin: 16px 0;
    padding: 16px
}

.sectionDivider_fec5bf {
    background-color: var(--border-subtle);
    border: 0;
    height: 1px;
    width: 100%
}

.labelSpacing_fec5bf {
    margin-bottom: 8px;
    margin-top: 8px
}

.inputGroup_fec5bf {
    gap: 8px
}

.fieldset_fec5bf,.inputGroup_fec5bf {
    display: flex;
    flex-direction: column
}

.fieldset_fec5bf {
    border: none;
    gap: 16px;
    padding: 0
}

.labelSpacing__5f877 {
    margin-bottom: 8px;
    margin-top: 8px
}

.applyChangesButton__5f877 {
    margin-bottom: 32px;
    margin-top: 8px
}

.markdown__5f877 {
    display: block;
    line-height: 20px;
    margin-bottom: 16px
}

.textarea__5f877 {
    height: 180px;
    width: 100%
}

@media (max-width: 485px) and (max-height:450px) {
    .form__5f877 {
        display:block
    }
}

.modal__5f877 {
    box-shadow: var(--legacy-elevation-border),var(--legacy-elevation-high);
    margin: 0;
    min-height: 180px;
    overflow-x: hidden;
    width: 440px
}

.scrollerContent__5f877 {
    padding: 0 16px 16px
}

.choosePaymentTypeModal__5f877 {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 442px
}

.choosePaymentTypeContainer__5f877 {
    padding-bottom: 16px;
    padding-top: 16px;
    width: 408px
}

.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: 1px solid var(--border-normal);
    border-radius: var(--radius-md);
    margin: 0 auto;
    max-height: 100%;
    pointer-events: all;
    position: relative
}

.root__49fc1.root__49fc1 {
    border-radius: var(--radius-md)
}

.small__49fc1 {
    max-height: 720px;
    min-height: 220px;
    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: 962px;
    min-width: var(--modal-width-large)
}

@media screen and (max-height: 550px),screen and (max-width:485px) {
    .root__49fc1 {
        max-width:100%;
        min-width: auto;
        width: 100%
    }

    .fullscreenOnMobile__49fc1 {
        border: none!important;
        border-radius: 0!important;
        inset: 0;
        max-height: none;
        overflow-y: auto;
        position: absolute;
        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: var(--radius-md) var(--radius-md) 0 0;
    transition: box-shadow .1s ease-out;
    word-wrap: break-word;
    overflow: hidden;
    padding-bottom: 0
}

.footer__49fc1 {
    background-color: var(--modal-footer-background);
    border-radius: 0 0 var(--radius-md) var(--radius-md);
    padding-top: var(--space-16)
}

.content__49fc1 {
    overflow-x: hidden;
    padding-inline:var(--modal-horizontal-padding);padding-top: var(--space-8);
    position: relative
}

.close__49fc1 {
    border-radius: 3px;
    box-sizing: content-box;
    color: var(--icon-strong);
    cursor: pointer;
    height: 24px;
    opacity: .5;
    padding: 4px;
    transition: opacity .2s ease-in-out
}

.close__49fc1:hover {
    color: var(--interactive-text-hover);
    opacity: 1
}

.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)
}

@media screen and (max-height: 550px),screen and (max-width:485px) {
    .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%
}

.footerSeparator__49fc1,.separator__49fc1 {
    box-shadow: none
}

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

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

.rootWithShadow__49fc1 {
    box-shadow: var(--shadow-medium)
}

.child__8fdf6 {
    align-items: center;
    background: pink;
    border-radius: 8px;
    color: #000;
    cursor: pointer;
    display: flex;
    font-size: 24px;
    height: 100px;
    justify-content: center;
    padding: 12px;
    width: 100px
}

.chip__3bb21 {
    align-items: flex-start;
    background-position: 0;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 48px;
    justify-content: center;
    padding: 16px
}

.collection__38b7f {
    container-type: inline-size;
    flex-grow: 1;
    padding-top: 12px;
    position: relative
}

.body__38b7f {
    background-position: 0;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: inherit;
    cursor: pointer;
    height: 224px;
    padding: 24px
}

.logo__38b7f {
    height: auto;
    max-width: 120px
}

.supplemental__38b7f {
    bottom: 0;
    height: 100%;
    inset-inline-end: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.left__38b7f {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
    justify-content: space-between;
    z-index: 5
}

@container (min-width: 460px) {
    .supplemental__38b7f {
        opacity: 1
    }

    .left__38b7f {
        align-items: flex-start;
        justify-content: flex-end
    }
}

.product__7c3bf {
    align-items: flex-start;
    background-position: 0;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: var(--radius-lg);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 48px;
    justify-content: center;
    padding: 16px
}

.layoutEditorContainer__71ca2 {
    border: 1px solid var(--border-subtle);
    border-radius: 4px;
    font-family: Consolas,Monaco,Courier New,monospace;
    font-size: 14px;
    height: 400px;
    line-height: 1.5;
    overflow: hidden;
    position: relative;
    -moz-tab-size: 2;
    -o-tab-size: 2;
    tab-size: 2;
    width: 100%
}

.highlightLayer__71ca2 {
    height: 100%;
    inset-inline-start: 0;
    overflow: auto;
    padding: 12px;
    pointer-events: none;
    position: absolute;
    top: 0;
    white-space: pre-wrap;
    width: 100%;
    word-wrap: break-word;
    background-color: transparent;
    border: 1px solid transparent;
    box-sizing: border-box;
    color: transparent;
    letter-spacing: normal;
    overflow-wrap: break-word
}

.highlightLayer__71ca2,.highlightLayer__71ca2 code {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    -moz-tab-size: inherit;
    -o-tab-size: inherit;
    tab-size: inherit
}

.highlightLayer__71ca2 code {
    display: block;
    white-space: inherit;
    word-wrap: inherit;
    background: transparent;
    letter-spacing: inherit;
    overflow-wrap: inherit;
    padding: 0
}

.textareaLayer__71ca2 {
    background-color: transparent;
    border: 1px solid transparent;
    caret-color: var(--text-link);
    color: transparent;
    font-family: inherit;
    font-size: inherit;
    height: 100%;
    inset-inline-start: 0;
    letter-spacing: normal;
    line-height: inherit;
    margin: 0;
    outline: none;
    overflow: auto;
    padding: 12px;
    position: absolute;
    resize: none;
    -moz-tab-size: inherit;
    -o-tab-size: inherit;
    tab-size: inherit;
    top: 0;
    white-space: pre-wrap;
    width: 100%;
    word-wrap: break-word;
    box-sizing: border-box;
    overflow-wrap: break-word
}

.textareaLayer__71ca2::-moz-placeholder {
    color: var(--text-muted);
    opacity: .5
}

.textareaLayer__71ca2::placeholder {
    color: var(--text-muted);
    opacity: .5
}

.productCardBadge_b8a6bd {
    flex: 1;
    max-width: -moz-fit-content;
    max-width: fit-content;
    min-width: 0
}

.theme-dark .productCardBadge_b8a6bd {
    background-color: #fff;
    color: #000
}

.theme-light .productCardBadge_b8a6bd {
    background-color: #000;
    color: #fff
}

.profileEffects__01370 {
    height: 100%;
    inset-inline-start: 0;
    overflow: hidden;
    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 {
    height: 100%;
    inset-inline-start: 0;
    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 {
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.previewContainer__1e458 {
    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%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    position: relative;
    width: 100%
}

@keyframes scaleIn__1e458 {
    0% {
        transform: scale(.7)
    }

    to {
        transform: scale(1)
    }
}

.externalProductWrapper__320c6 {
    align-items: center;
    display: flex;
    height: 252px;
    justify-content: center;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.orbProfileBadgeAsset__320c6 {
    height: 120px
}

.fadeInAvatarImg_d71c71 {
    animation: fadeIn_d71c71 1.5s
}

.avatar_d71c71 {
    margin: 0 auto
}

@keyframes fadeIn_d71c71 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.muted__20a53 .avatar__20a53 {
    opacity: .3
}

.muted__20a53 {
    color: var(--text-muted)
}

.highlighted__20a53 {
    color: var(--text-strong)
}

.layout__20a53 {
    border-radius: 4px;
    height: 42px;
    min-width: 0;
    padding: 0
}

.avatar__20a53,.layout__20a53 {
    align-items: center;
    display: flex
}

.avatar__20a53 {
    flex: 0 0 auto;
    height: unset;
    justify-content: center;
    margin-inline-end:12px;width: unset
}

.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: var(--font-weight-medium);
    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
}

.density-cozy .layout__20a53 {
    height: 48px
}

.density-default .layout__20a53 {
    height: 42px
}

.density-compact .layout__20a53 {
    height: 38px
}

.withDisplayNameStyles__20a53 {
    overflow: visible
}

.withDisplayNameStyles__20a53 .name__20a53 {
    flex: 1 1 0;
    min-width: 0;
    overflow: visible;
    text-overflow: clip;
    white-space: normal
}

.tooltip_c36707 {
    box-sizing: border-box;
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    line-height: 16px;
    max-width: 190px;
    position: relative;
    word-wrap: break-word;
    border: 1px solid var(--border-subtle);
    border-radius: 8px;
    will-change: opacity,transform;
    z-index: 1002
}

.tooltipDisablePointerEvents_c36707,.tooltipPointer_c36707 {
    pointer-events: none
}

.tooltipPointer_c36707 {
    border: 5px solid transparent;
    border-top: 5px solid var(--tooltip-pointer-bg);
    height: 0;
    width: 0
}

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

.tooltipContentAllowOverflow_c36707 {
    overflow: visible
}

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

.tooltipTop_c36707 .tooltipPointer_c36707 {
    inset-inline-start: 50%;
    margin-inline-start:-5px;position: absolute;
    top: 100%
}

.tooltipBottom_c36707,.tooltipCenter_c36707 {
    transform-origin: 50% 0
}

.tooltipBottom_c36707 .tooltipPointer_c36707,.tooltipCenter_c36707 .tooltipPointer_c36707 {
    border-top-width: 5px;
    bottom: 100%;
    inset-inline-start: 50%;
    margin-inline-start:-5px;position: absolute;
    transform: rotate(180deg)
}

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

.tooltipLeft_c36707 .tooltipPointer_c36707 {
    border-right-width: 5px;
    inset-inline-start: 100%;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    transform: rotate(-90deg)
}

.tooltipRight_c36707 {
    transform-origin: 0 50%
}

.tooltipRight_c36707 .tooltipPointer_c36707 {
    border-left-width: 5px;
    inset-inline-end: 100%;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    transform: rotate(90deg)
}

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

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

.tooltip_c36707 {
    box-shadow: var(--shadow-high);
    color: var(--text-default)
}

.tooltipPrimary_c36707 {
    --tooltip-pointer-bg: var(--background-surface-high);
    background-color: var(--background-surface-high)
}

.tooltipPrimary_c36707 .tooltipPointer_c36707 {
    border-top-color: var(--background-surface-high)
}

.tooltipGrey_c36707 {
    background-color: var(--primary-700);
    color: var(--white);
    --tooltip-pointer-bg: var(--primary-700)
}

.tooltipGrey_c36707 .tooltipPointer_c36707 {
    border-top-color: var(--primary-700)
}

.tooltipBrand_c36707 {
    background-color: var(--brand-500);
    color: var(--white);
    --tooltip-pointer-bg: var(--brand-500)
}

.tooltipBrand_c36707 .tooltipPointer_c36707 {
    border-top-color: var(--brand-500)
}

.tooltipRed_c36707 {
    background-color: var(--background-feedback-critical);
    color: var(--white);
    --tooltip-pointer-bg: var(--border-feedback-critical)
}

.tooltipRed_c36707 .tooltipPointer_c36707 {
    border-top-color: var(--border-feedback-critical)
}

.tooltipGreen_c36707 {
    background-color: var(--green-360);
    color: var(--white);
    --tooltip-pointer-bg: var(--green-360)
}

.tooltipGreen_c36707 .tooltipPointer_c36707 {
    border-top-color: var(--green-360)
}

.tooltipPointerBg_c36707 {
    display: none
}

.tooltipPointer_c36707:not(.tooltipPointerBg_c36707) {
    z-index: 1
}

.tooltipTop_c36707 .tooltipPointer_c36707:not(.tooltipPointerBg_c36707) {
    margin-top: -1.5px
}

.tooltipLeft_c36707 .tooltipPointer_c36707:not(.tooltipPointerBg_c36707) {
    margin-inline-start:-1.5px}

.tooltipRight_c36707 .tooltipPointer_c36707:not(.tooltipPointerBg_c36707) {
    margin-inline-end:-1.5px}

.tooltipBottom_c36707 .tooltipPointer_c36707:not(.tooltipPointerBg_c36707),.tooltipCenter_c36707 .tooltipPointer_c36707:not(.tooltipPointerBg_c36707) {
    margin-bottom: -1.5px
}

.tooltipPointer_c36707.tooltipPointerBg_c36707 {
    display: block;
    --border-width: 5px
}

.tooltipPointer_c36707.tooltipPointerBg_c36707:after,.tooltipPointer_c36707.tooltipPointerBg_c36707:before {
    border-inline-end:var(--border-width) solid transparent;border-inline-start: var(--border-width) solid transparent;
    content: "";
    inset-inline-start: 50%;
    margin-inline-start:calc(var(--border-width)*-1);position: absolute;
    top: 100%
}

.tooltipPointer_c36707.tooltipPointerBg_c36707:before {
    border-top: var(--border-width) solid var(--tooltip-pointer-bg);
    margin-top: -5px
}

.tooltipPointer_c36707.tooltipPointerBg_c36707:after {
    border-top: var(--border-width) solid var(--border-subtle);
    margin-top: -5px;
    z-index: 1
}

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

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

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

.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-inline-end:4px}

.staticGlow__1bd8a,.videoContainer__1bd8a {
    transform: translate(calc(-50% + 4px),calc(-50% + 4px));
    width: 1500px;
    z-index: 0
}

.staticGlow__1bd8a,.video__1bd8a,.videoContainer__1bd8a {
    inset-inline-start: 50%;
    position: absolute;
    top: 50%
}

.video__1bd8a {
    transform: translate(-50%,-50%);
    width: 100%
}

.video__1bd8a.hidden__1bd8a {
    visibility: hidden
}

.video__1bd8a.visible__1bd8a {
    visibility: visible
}

.entryAnimationContainer__1bd8a {
    animation: wowMomentScaleIn__1bd8a .4s ease,wowMomentScaleSettle__1bd8a .4s ease .4s;
    will-change: transform
}

@keyframes wowMomentScaleIn__1bd8a {
    0% {
        transform: scale(.5)
    }

    to {
        transform: scale(1.05)
    }
}

@keyframes wowMomentScaleSettle__1bd8a {
    0% {
        transform: scale(1.05)
    }

    to {
        transform: scale(1)
    }
}

.exitAnimationContainer__1bd8a {
    animation: wowMomentExit__1bd8a 175ms ease forwards;
    pointer-events: none;
    transform: scale(1);
    will-change: transform
}

@keyframes wowMomentExit__1bd8a {
    0% {
        opacity: 1;
        transform: scale(1);
        visibility: visible
    }

    to {
        opacity: 0;
        transform: scale(.5);
        visibility: hidden
    }
}

.staticWumpusWithTrinkets__1bd8a,.wowAnimation__1bd8a {
    height: 1028px;
    inset-inline-start: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%,calc(-50% - 24px));
    width: 1512px;
    z-index: 1
}

.premiumSubscribeButton_e00877 {
    align-items: center;
    display: flex
}

.premiumIcon_e00877 {
    height: 20px;
    margin-inline-end:4px}

.buttonText_e00877 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.giftButton_e00877 {
    align-items: center;
    display: flex
}

.giftIcon_e00877 {
    height: 16px;
    margin-inline-end:4px;min-height: 16px;
    min-width: 16px;
    width: 16px
}

.tier1Gradient_e00877 {
    background: var(--custom-premium-colors-premium-gradient-tier-1);
    color: var(--white)
}

.tier2Gradient_e00877 {
    background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color);
    color: var(--white)
}

.tier1Gradient_e00877,.tier2Gradient_e00877 {
    background-clip: padding-box;
    border-radius: var(--radius-sm)
}

.brandShine_e00877 {
    color: hsl(var(--brand-500-hsl)/.1)!important
}

.rightSparkle_fc1723 {
    margin-top: 15px;
    margin-inline-start:1px}

.leftSparkle_fc1723 {
    margin-inline-start:-36px;margin-bottom: -18px;
    padding-inline-end:10px}

.sparklesAndButton_fc1723 {
    display: flex;
    position: relative;
    width: 103%
}

.ctaFullWidth_fc1723 {
    width: 100%
}

.buttonSparkleStar1_fc1723 {
    bottom: 35px;
    height: 13px;
    inset-inline-start: -8px;
    position: absolute;
    width: 14px
}

.buttonSparkleStar2_fc1723 {
    bottom: 12px;
    height: 7px;
    inset-inline-start: 7px;
    position: absolute;
    width: 8px
}

.buttonSparkleStar3_fc1723 {
    bottom: 37px;
    height: 28px;
    inset-inline-start: 8px;
    position: absolute;
    width: 14px
}

.buttonSparkleStar4_fc1723 {
    bottom: 26px;
    height: 11px;
    inset-inline-end: 11px;
    position: absolute;
    width: 12px
}

.buttonSparkleStar5_fc1723 {
    bottom: 41px;
    height: 7px;
    inset-inline-end: 4px;
    position: absolute;
    width: 8px
}

.rimGlowVertical_fc1723 {
    bottom: 22px;
    height: 45px;
    inset-inline-start: -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);
    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: start
}

.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-start-end-radius: 16px;
    filter: saturate(var(--saturation-factor,1));
    inset-inline-end: 0;
    overflow: hidden;
    position: absolute;
    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);
    content: "";
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0;
    margin: -1px;
    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);
    content: "";
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0;
    margin: -1px;
    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%;
    inset-inline-end: 50px;
    overflow: hidden;
    position: absolute;
    top: 20px;
    width: 50%
}

.itemWithWumpus_ac86f6 {
}

.itemWithWumpus_ac86f6:first-of-type {
    max-width: 100%
}

.icon_ac86f6 {
    height: 24px;
    margin-inline-end:8px;width: 24px
}

.smallIcon_ac86f6 {
    height: 18px;
    margin-inline-end:10px;width: 18px
}

.newCircleIcon_ac86f6 {
    filter: saturate(var(--saturation-factor,1));
    inset-inline-start: 250px;
    position: absolute;
    top: -24px
}

.trialOfferPill_ac86f6 {
    margin-bottom: 18px
}

.listItemsBasic_ac86f6 {
    min-height: 92%
}

.freeTrialPillInlineBlock_ac86f6 {
    background: var(--white);
    border-radius: var(--radius-md);
    color: var(--black);
    display: inline-block;
    font-weight: var(--font-weight-extra-bold);
    line-height: 12px;
    mix-blend-mode: screen;
    padding-bottom: 4px;
    padding-top: 4px;
    padding-inline: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
}

.theme-dark .newCircleIcon_ac86f6 {
    color: var(--white)
}

.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-inline-start:8px}

.mostPopularText_ac86f6 {
    color: var(--white);
    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;
    inset-inline-start: 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-inline-start:-3px;margin-bottom: 15px;
    width: 8px
}

.sparkleStar3_ac86f6 {
    height: 28px;
    margin-inline:2px 10px;width: 14px
}

.freeTrialPill_ac86f6 {
    align-items: center;
    background: var(--white);
    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.modBackgroundPill_ac86f6 {
    background: hsla(240,4%,61%,.2)
}

.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: var(--font-weight-extra-bold);
    line-height: 12px;
    padding-bottom: 4px;
    padding-top: 4px;
    padding-inline: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)
}

.freeTrialPillText_ac86f6.freeTrialPillTextDefault_ac86f6 {
    color: var(--text-default)
}

.sparkleStar4_ac86f6 {
    height: 11px;
    margin-inline-start:10px;width: 13px
}

.sparkleStar5_ac86f6 {
    height: 7px;
    margin-inline-start:6px;margin-top: 1px;
    width: 8px
}

.topRimPill_ac86f6 {
    inset-inline-start: 50%;
    position: absolute;
    top: -15px;
    transform: translateX(-50%);
    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%);
    inset-inline-end: 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%);
    inset-inline-end: 5%;
    top: -1px;
    width: 88%
}

.withPromotionalGradientBanner_ac86f6 {
    background: linear-gradient(100.98deg,#8547c6,#b845c1,#ab5d8a);
    border-end-end-radius: 17px;
    border-end-start-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 {
    inset-inline-end: 0;
    position: absolute;
    top: 0;
    transform: scale(50%);
    transform-origin: top right;
    z-index: -1
}

.promotionalBackgroundImage_ac86f6 {
    inset-inline-end: 0;
    position: absolute;
    top: 0;
    transform: scale(65%);
    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
}

.subButton_ac86f6 {
    margin-top: 60px
}

.v2SubButtonText_ac86f6 {
    color: var(--brand-500)
}

.theme-light .v2SubButtonText_ac86f6 {
    color: var(--white)
}

.buttonShine_ac86f6 {
    color: hsl(var(--brand-500-hsl)/.1)
}

.subButtonText_ac86f6 {
    color: var(--brand-500)
}

.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);
    display: flex;
    flex-direction: column;
    margin-top: 16px;
    padding: 16px;
    width: 100%
}

.gradientUpsellWrapper_e62f9d a,.gradientUpsellWrapper_e62f9d a:hover {
    color: var(--white);
    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);
    display: flex;
    margin-bottom: 4px
}

.logoIcon_e62f9d {
    flex: 0 0 auto;
    height: 24px;
    margin-inline-end: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)
}

.copy_e62f9d {
    margin-bottom: 12px;
    text-align: center
}

.trialBadge_e62f9d {
    background-color: var(--white);
    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)
}

.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)
}

.contentContainer_e62f9d {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    padding-inline-end:24px;padding-inline-start:24px}

.countdownText_e62f9d {
    color: #fff;
    padding-top: 8px
}

.footer_e62f9d {
    background-color: var(--background-base-lowest);
    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-inline-start:24px}

.subscribeButton_e62f9d {
    margin-inline-end:24px}

.upsellButton_e62f9d {
    margin-top: 16px;
    width: 100%
}

.divider_e62f9d {
    background-color: var(--border-subtle);
    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-surface-high);
    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-text-default);
    cursor: pointer;
    inset-inline-end: 20px;
    position: absolute;
    top: 20px
}

.upsellImage_e62f9d {
    height: 60px;
    margin-bottom: 16px;
    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
}

.premiumBrandRefreshContainer__61733 {
    align-items: center;
    background: var(--background-mod-normal);
    border-radius: var(--radius-md);
    display: flex;
    padding: var(--space-12) var(--space-16)
}

.v2Container__61733 {
    background: none;
    justify-content: start
}

.iconContainer__61733 {
    display: flex
}

.icon__61733+.icon__61733 {
    margin-inline-start:-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-inline-start:9px;text-align: start
}

.container__790b6 {
    align-items: center;
    background: var(--background-base-lowest);
    border: 1px solid var(--border-muted);
    border-radius: 8px;
    height: 44px;
    justify-content: center;
    margin: 24px auto 16px;
    max-width: 80%;
    min-width: 40%;
    padding: 0 20px;
    width: -moz-fit-content;
    width: fit-content
}

.container__790b6,.iconContainer__790b6 {
    display: flex
}

.icon__790b6+.icon__790b6 {
    margin-inline-start:-8px}

.textContainer__790b6 {
    margin-inline-start:8px;text-align: start
}

.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-base-lowest)
}

.primaryActions__3ec70 {
    align-items: center;
    display: flex
}

.enhancedPrimaryActions__3ec70 {
    justify-content: space-between;
    width: 100%
}

.secondaryAction__3ec70 {
    margin-inline-end:8px}

.enhancedSecondaryAction__3ec70 {
    color: var(--premium-nitro-pink-text)
}

.enhancedSecondaryAction__3ec70:hover {
    text-decoration: underline
}

.closeButton__3ec70 {
    align-self: flex-end;
    color: var(--interactive-text-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;
    inset-inline-start: 0;
    margin-top: -18px;
    margin-inline-start:-12px;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-inline-start:.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
}

.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
    }
}

.dnsFont__89a31 {
    font-synthesis: none
}

.cherryBomb__89a31 {
    font-family: Cherry Bomb One,gg sans,Arial,sans-serif;
    letter-spacing: .04em
}

.cherryBomb__89a31.safari__89a31 {
    transform: translateY(-1px)
}

.chicle__89a31 {
    font-family: Chicle,gg sans,Arial,sans-serif
}

.museoModerno__89a31 {
    font-family: Museo Moderno,gg sans,Arial,sans-serif;
    letter-spacing: .01em
}

.neoCastel__89a31 {
    font-family: Neo Castel,gg sans,Arial,sans-serif;
    letter-spacing: .02em
}

.neoCastel__89a31.safari__89a31 {
    transform: translateY(-1px)
}

.pixelify__89a31 {
    font-family: Pixelify Sans,gg sans,Arial,sans-serif;
    letter-spacing: .02em
}

.sinistre__89a31 {
    font-family: Sinistre,gg sans,Arial,sans-serif;
    letter-spacing: .01em
}

.zillaSlab__89a31 {
    font-family: Zilla Slab,gg sans,Arial,sans-serif;
    letter-spacing: .03em
}

.container_dfb989 {
    display: inline-flex;
    max-width: 100%;
    min-width: 0;
    opacity: var(--custom-display-name-styles-font-opacity,1);
    perspective: 1px;
    position: relative;
    text-indent: 0;
    z-index: 0
}

.container_dfb989.inProfile_dfb989 {
    display: flex
}

.innerContainer_dfb989 {
    flex: 1 1 0%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: var(--custom-display-name-styles-wrap)
}

.underlineOnHover_dfb989:not(.pop_dfb989):hover {
    text-decoration: underline;
    text-decoration-color: var(--custom-display-name-styles-main-color)
}

.glowContainer_dfb989 {
    color: transparent;
    height: 100%;
    inset: 0;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    width: 100%
}

.emoji_dfb989 {
    position: relative;
    z-index: 1
}

.showEffect_dfb989.container_dfb989 {
    opacity: 1
}

.showEffect_dfb989.container_dfb989 .solid_dfb989 {
    color: var(--custom-display-name-styles-main-color)
}

.showEffect_dfb989.container_dfb989 .gradient_dfb989 {
    background: linear-gradient(to bottom right,var(--custom-display-name-styles-gradient-start-color) 10%,var(--custom-display-name-styles-gradient-end-color) 90%);
    background-clip: text;
    -webkit-background-clip: text;
    background-size: 100% auto;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 0
}

.showEffect_dfb989.container_dfb989 .neon_dfb989 {
    paint-order: stroke fill;
    -webkit-text-stroke-width: calc(1px + .04em);
    -webkit-text-stroke-color: var(--custom-display-name-styles-neon-stroke-color);
    color: var(--white);
    margin-inline-start:calc(-1px - .04em);margin-bottom: calc(-1px - .04em);
    padding-bottom: calc(1px + .04em);
    padding-inline-start:calc(1px + .04em);position: relative;
    z-index: 0
}

.showEffect_dfb989.container_dfb989 .neonGlow_dfb989 {
    background: linear-gradient(to bottom left,var(--custom-display-name-styles-light-2-color) 0,var(--custom-display-name-styles-light-2-color) 6%,var(--custom-display-name-styles-main-color) 20%,var(--custom-display-name-styles-light-1-color) 50%,var(--custom-display-name-styles-light-2-color) 56%,var(--custom-display-name-styles-main-color) 70%,var(--custom-display-name-styles-light-1-color) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    background-position: 100% 0;
    background-size: 200% 200%;
    -webkit-text-fill-color: transparent;
    color: var(--custom-display-name-styles-main-color);
    filter: blur(calc(1px + .12em));
    opacity: .8;
    -webkit-text-stroke-width: calc(1px + .04em);
    -webkit-text-stroke-color: transparent;
    perspective: 1px;
    z-index: -1
}

.showEffect_dfb989.container_dfb989 .toon_dfb989 {
    --custom-toon-stroke-width: calc(1.6px + 0.04em);
    --custom-toon-margin: calc(var(--custom-toon-stroke-width)*-1);
    paint-order: stroke fill;
    position: relative;
    -webkit-text-stroke-width: var(--custom-toon-stroke-width);
    -webkit-text-stroke-color: var(--custom-display-name-styles-toon-stroke-color);
    color: var(--custom-display-name-styles-toon-stroke-color);
    margin-inline-start:var(--custom-toon-margin);margin-bottom: var(--custom-toon-margin);
    margin-inline-end:var(--custom-toon-margin);padding-bottom: var(--custom-toon-stroke-width);
    padding-inline-end:var(--custom-toon-stroke-width);padding-inline-start: var(--custom-toon-stroke-width);
    transition: color 266ms cubic-bezier(.43,.21,.27,.78)
}

.showEffect_dfb989.container_dfb989 .toon_dfb989:before {
    background: linear-gradient(180deg,var(--white) 0,var(--custom-display-name-styles-light-2-color) 8%,var(--custom-display-name-styles-light-1-color) 15%,var(--custom-display-name-styles-main-color) 25%,var(--custom-display-name-styles-light-2-color) 45%,var(--custom-display-name-styles-main-color) 55%,var(--white) 75%,var(--custom-display-name-styles-light-2-color) 83%,var(--custom-display-name-styles-light-1-color) 90%,var(--custom-display-name-styles-main-color) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    background-size: 100% 400%;
    content: attr(data-username-with-effects);
    inset: 0;
    padding-inline:var(--custom-toon-stroke-width);padding-bottom: var(--custom-toon-margin);
    position: absolute;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 0;
    -webkit-text-stroke-color: transparent;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: opacity 266ms cubic-bezier(.43,.21,.27,.78);
    white-space: var(--custom-display-name-styles-wrap)
}

.showEffect_dfb989.container_dfb989 .pop_dfb989 {
    --custom-pop-stroke-width: calc(1.2px + 0.04em);
    --custom-pop-bottom-translate_3d: 0.08em;
    color: var(--white);
    paint-order: stroke fill;
    position: relative;
    -webkit-text-stroke-color: var(--custom-display-name-styles-dark-2-color);
    margin-bottom: calc(var(--custom-pop-stroke-width)*-1 - var(--custom-pop-bottom-translate_3d));
    padding-bottom: calc(var(--custom-pop-stroke-width) + var(--custom-pop-bottom-translate_3d));
    padding-inline-start:var(--custom-pop-stroke-width)}

.showEffect_dfb989.container_dfb989 .pop_dfb989,.showEffect_dfb989.container_dfb989 .pop_dfb989: before {
    -webkit-text-stroke-width:var(--custom-pop-stroke-width);
    margin-inline-start:calc(var(--custom-pop-stroke-width)*-1)}

.showEffect_dfb989.container_dfb989 .pop_dfb989: before {
    bottom:calc(var(--custom-pop-bottom-translate_3d)*-1 - var(--custom-pop-stroke-width));
    color: var(--custom-display-name-styles-main-color);
    content: attr(data-username-with-effects);
    padding-inline-start:var(--custom-pop-stroke-width);position: absolute;
    top: 0;
    width: calc(100% - var(--custom-pop-stroke-width));
    z-index: -1;
    -webkit-text-stroke-color: transparent;
    background: linear-gradient(to bottom left,var(--custom-display-name-styles-light-1-color) 0,var(--custom-display-name-styles-light-1-color) 6%,var(--custom-display-name-styles-main-color) 20%,var(--custom-display-name-styles-main-color) 50%,var(--custom-display-name-styles-light-1-color) 56%,var(--custom-display-name-styles-main-color) 70%,var(--custom-display-name-styles-main-color) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    background-position: 100% 0;
    background-size: 200% 200%;
    transform: translate3d(0,var(--custom-pop-bottom-translate_3d),0);
    -webkit-text-fill-color: transparent;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: var(--custom-display-name-styles-wrap)
}

.showEffect_dfb989.container_dfb989 .pop_dfb989.underlineOnHover_dfb989:hover:before {
    text-decoration: underline;
    text-decoration-color: var(--custom-display-name-styles-main-color);
    text-underline-offset: calc(var(--custom-pop-bottom-translate_3d))
}

.animated_dfb989.loop_dfb989.loop_dfb989>*,.animated_dfb989.loop_dfb989.loop_dfb989>:before {
    animation-iteration-count: infinite
}

.animated_dfb989 .neon_dfb989 {
    animation: neon-flicker-animation_dfb989 4s cubic-bezier(.24,.31,.36,.93);
    animation-direction: normal;
    animation-fill-mode: forwards
}

.animated_dfb989 .neonGlow_dfb989 {
    animation: neon-glow-flicker-animation_dfb989 1666ms linear;
    animation-direction: normal;
    animation-fill-mode: forwards
}

.animated_dfb989 .toon_dfb989:before {
    animation: toon-animation_dfb989 4s cubic-bezier(.44,.29,.48,1);
    animation-direction: normal;
    animation-fill-mode: forwards
}

.animated_dfb989 .pop_dfb989 {
    animation: pop-animation-main_dfb989 4s cubic-bezier(.44,.29,.48,1);
    animation-direction: normal;
    animation-fill-mode: forwards
}

.animated_dfb989 .pop_dfb989:before {
    animation: pop-animation-shadow_dfb989 4s cubic-bezier(.44,.29,.48,1);
    animation-direction: normal;
    animation-fill-mode: forwards
}

.container_dfb989:not(.animated_dfb989),.container_dfb989:not(.animated_dfb989):before {
    animation-play-state: paused!important;
    transition: none!important
}

@keyframes pop-animation-main_dfb989 {
    0% {
        transform: translateZ(0)
    }

    18% {
        perspective: 1px;
        transform: translate3d(0,-.05em,0)
    }

    35% {
        perspective: 1px;
        transform: translate3d(0,.08em,0)
    }

    50%,to {
        perspective: 1px;
        transform: translateZ(0)
    }
}

@keyframes pop-animation-shadow_dfb989 {
    0% {
        background-position: 100% 0;
        perspective: 1px;
        transform: translate3d(0,.08em,0)
    }

    18% {
        perspective: 1px;
        transform: translate3d(0,.13em,0)
    }

    35% {
        perspective: 1px;
        transform: translateZ(0)
    }

    50%,to {
        background-position: 0 100%;
        perspective: 1px;
        transform: translate3d(0,.08em,0)
    }
}

@keyframes toon-animation_dfb989 {
    0%,5% {
        background-position: 50% 0
    }

    55%,to {
        background-position: 50% 100%
    }
}

@keyframes neon-flicker-animation_dfb989 {
    0%,15%,18%,20%,23%,25%,50% {
        color: var(--white)
    }

    16%,22%,28% {
        color: hsl(from var(--custom-display-name-styles-main-color) h calc(min(1, s) * ((s * 1.1) + 10)) 85)
    }

    51%,to {
        color: var(--white)
    }
}

@keyframes neon-glow-flicker-animation_dfb989 {
    0% {
        background-position: 100% 0
    }

    to {
        background-position: 0 100%
    }
}

.svg__2338f {
    contain: paint
}

.guildIconImage_d28ae0 {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.guildIconImage_d28ae0.acronym_d28ae0 {
    background-color: var(--background-base-lowest)
}

.acronym_d28ae0 {
    align-items: center;
    color: var(--text-strong);
    display: flex;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    overflow: hidden;
    white-space: nowrap;
    width: 100%
}

.container_dca174 {
    align-items: flex-start;
    background: var(--background-surface-highest);
    border: 1px solid var(--border-subtle);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.banner_dca174 {
    height: 120px;
    width: 100%
}

.avatarContainer_dca174 {
    display: flex;
    justify-content: flex-start;
    margin-top: -34px;
    padding: 0 16px
}

.overlay_dca174 {
    background-color: var(--opacity-black-40);
    height: 100%;
    inset-inline-end: 0;
    top: 0;
    width: 100%;
    z-index: 0
}

.overlay_dca174,.overlayIcon_dca174 {
    opacity: 0;
    position: absolute;
    transition: opacity .2s ease
}

.clickable_dca174 {
    cursor: pointer
}

.clickable_dca174:hover .overlay_dca174,.clickable_dca174:hover .overlayIcon_dca174 {
    opacity: 1
}

.avatarWrapper_dca174 {
    align-items: center;
    background: var(--background-surface-highest);
    display: flex;
    height: 70px;
    justify-content: center;
    width: 70px
}

.avatarWrapper_dca174 .acronymText_dca174 {
    font-size: 22px
}

.emptyBody_dca174 {
    height: 8px
}

.body_dca174 {
    flex-direction: column;
    gap: 16px;
    overflow-wrap: anywhere;
    padding: 0 16px;
    text-align: flex-start
}

.body_dca174,.error_dca174 {
    display: flex;
    margin-bottom: 16px
}

.error_dca174 {
    color: var(--text-feedback-warning);
    cursor: pointer;
    gap: 4px
}

.header_dca174 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin-bottom: 8px;
    margin-top: 8px;
    padding: 0 16px
}

.buttonContainer_dca174 {
    box-sizing: border-box;
    display: flex;
    padding: 0 16px 16px;
    width: 100%
}

.container__4e338 {
    display: flex;
    flex-direction: row;
    gap: 4px;
    width: 100%
}

.gameIconWrapper__4e338 {
    cursor: pointer
}

.gameIcon__4e338 {
    flex-shrink: 0;
    height: 26px;
    position: relative;
    width: 26px
}

.gameIconImage__4e338 {
    border: 1px solid var(--border-muted);
    border-radius: 4px;
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.extraGamesContainer__4e338 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px 0
}

.extraGameRow__4e338 {
    gap: 8px
}

.extraGameItem__4e338,.extraGameRow__4e338 {
    align-items: center;
    display: flex
}

.extraGameItem__4e338 {
    justify-content: center;
    position: relative
}

.extraGameIconImage__4e338 {
    position: absolute;
    z-index: 1
}

.extraGameOverlay__4e338 {
    background: var(--background-scrim);
    border-radius: 4px;
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0;
    z-index: 10
}

.extraGameText__4e338 {
    z-index: 20
}

.gameActivityLevel__4e338 {
    background-color: var(--background-surface-highest);
    border-radius: 50%;
    inset-inline-end: -4px;
    position: absolute;
    top: -4px
}

.gameActivityLevel__4e338,.gameActivityLevelInner__4e338 {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: center
}

.gameActivityLevelInner__4e338 {
    height: 14px;
    padding: 2px;
    width: 14px
}

.favoriteGameContainer__4e338 {
    align-items: center;
    display: flex;
    gap: 8px
}

.animationWrapper__41e0f {
    height: 100%;
    position: absolute;
    width: 100%
}

.lottieAnimation__41e0f {
    bottom: 0;
    height: 196px;
    inset-inline-end: 0;
    position: absolute;
    width: 196px
}

.emoji {
    height: var(--custom-emoji-size-emoji);
    -o-object-fit: contain;
    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)
}

@value traitMaxWidth: 268px;.container_a2b4d3 {
    flex-wrap: wrap
}

.container_a2b4d3,.trait_a2b4d3 {
    display: flex;
    gap: 4px
}

.trait_a2b4d3 {
    align-items: center;
    border: 1px solid var(--border-subtle);
    border-radius: 16px;
    max-width: 268px;
    padding: 4px 8px;
    transition: border-color .2s ease
}

.trait_a2b4d3:hover {
    border-color: var(--border-strong)
}

.traitEmoji_a2b4d3 {
    height: 16px;
    width: 16px
}

.ellipsize_a2b4d3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.flowerStarContainer__3e3b0 {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

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

.childContainer__3e3b0 {
    align-items: center;
    display: flex;
    inset-inline-start: 50%;
    justify-content: center;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.redesignIconChildContainer__3e3b0 {
    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(--icon-muted)
}

.partnered__09691 {
    color: var(--brand-500)
}

.hub__09691 {
}

.hub__09691>.icon__09691>circle {
    fill: var(--background-mod-strong)
}

.verifiedHub__09691 {
}

.verifiedHub__09691>.icon__09691>circle {
    fill: var(--green-360)
}

.icon__09691 {
    color: var(--white);
    height: 100%;
    width: 100%
}

.drag__5c9fc {
    display: none
}

.root__5c9fc {
    bottom: 0;
    contain: strict;
    position: absolute;
    top: 0;
    inset-inline: 0;
    pointer-events: all
}

.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: var(--font-weight-semibold);
    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-text-default)
}

.closeButton_c2b141:hover {
    background-color: var(--interactive-background-hover)
}

.closeButton_c2b141:hover,.closeButton_c2b141:hover+.keybind_c2b141 {
    color: var(--interactive-text-hover)
}

.closeButton_c2b141:active {
    background-color: var(--interactive-background-active)
}

.closeButton_c2b141:active,.closeButton_c2b141:active+.keybind_c2b141 {
    color: var(--interactive-text-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-md);
    display: flex;
    flex: 1;
    gap: var(--space-12);
    justify-content: space-between;
    margin: 0 auto;
    margin-bottom: var(--space-48);
    padding: var(--space-8) var(--space-24);
    padding-inline-end:var(--space-12);width: -moz-fit-content;
    width: fit-content
}

.themeResponsiveContainer__83f66 {
    background-color: var(--background-mod-subtle);
    width: 100%
}

.text__83f66 {
    color: var(--primary-600)
}

.button__83f66 {
    display: inline-block
}

.highlight__83f66 {
    color: var(--brand-500)
}

.description__83f66 {
    align-items: center;
    display: inline-block;
    flex-direction: row
}

.responsiveText__83f66 {
    color: var(--text-default)
}

.wrapper__3add8 {
    text-align: center
}

.heading__3add8 {
    margin-bottom: var(--space-32)
}

.topPerksCards__3add8 {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-16);
    justify-content: center
}

.topPerksCard__3add8 {
    background-color: var(--card-background-default);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    box-sizing: border-box;
    flex: 1 1 auto;
    max-width: 362px;
    min-width: 340px;
    overflow: hidden;
    padding: var(--space-32) var(--space-20);
    position: relative;
    width: 25%
}

.full-motion .animatedTopPerksCard__3add8.animate__3add8 {
    animation: fadeEffects__3add8 1.8s ease-in-out forwards
}

.topPerksCardImageWrapper__3add8 {
    height: 100%;
    inset-inline-start: 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(--card-background-default) 60%,var(--card-background-default) 100%);
    border-radius: var(--radius-lg);
    bottom: 0;
    height: 300px;
    inset-inline-start: 0;
    position: absolute;
    width: 100%
}

.contentContainer__3add8 {
    margin-top: var(--space-16);
    overflow: hidden;
    position: relative
}

.buttonsContainer__3add8 {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: center;
    margin-top: var(--space-24);
    overflow: hidden
}

.button__3add8 {
    flex: 1 1 0
}

.topPerksCardImage__3add8 {
    height: 128px
}

.topPerksCardHeading__3add8 {
    margin-bottom: 4px
}

.topPerksCardDescription__3add8 {
    color: var(--text-default)
}

.topPerksCardNew__3add8 {
    inset-inline-end: var(--space-16);
    position: absolute;
    top: var(--space-16);
    width: -moz-fit-content;
    width: fit-content
}

.topPerksCardLabelContainer__3add8 {
    background-color: var(--background-base-low);
    border-color: var(--border-muted);
    border-radius: var(--radius-round);
    border-style: solid;
    border-width: 1px;
    gap: 2px;
    margin-top: var(--space-12);
    padding: var(--space-4) 10px;
    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-feedback-positive);
    gap: var(--space-4)
}

.intObserver__3add8 {
    bottom: 0;
    height: 1px;
    inset-inline-start: 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%;
    inset-inline-start: -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% {
        inset-inline-start: -100%
    }

    to {
        inset-inline-start: 100%
    }
}

.container_ef0711 {
    flex: 1;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: center
}

.container_ef0711,.powerupsContainer_ef0711 {
    display: flex;
    justify-content: center
}

.powerupsContainer_ef0711 {
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-16);
    margin-top: var(--space-32);
    position: relative
}

.powerupCard_ef0711 {
    min-width: 500px
}

.image_ef0711 {
    position: absolute
}

.gameServerImage_ef0711 {
    width: 100%
}

.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%;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.backgroundImages__4d7bb,.iconImage__4d7bb {
    filter: saturate(var(--saturation-factor,1))
}

.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;
    inset-inline-end: -2px;
    position: absolute;
    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-base-lower);
    color: var(--text-default);
    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-mod-subtle)
}

.guildBoostUnavailableNotice__0c507 {
    align-self: center;
    background-color: hsl(var(--white-hsl)/.1);
    border: 2px solid var(--white);
    border-radius: 9999px;
    justify-self: center;
    margin-bottom: 32px;
    padding: 8px 16px;
    width: -moz-fit-content;
    width: fit-content
}

.guildBoostUnavailableNotice__0c507.lightTheme__0c507 {
    border: 2px solid var(--black-500)
}

.guildBoostUnavailableNoticeText__0c507 {
    font-size: 16px
}

.guildStatus_f9f04c {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 50px;
    text-align: center
}

.guildIcon_f9f04c {
    margin: 0 auto 10px
}

.guildName_f9f04c {
    margin-bottom: 4px
}

.guildBoostCountWrapper_f9f04c {
    color: var(--white);
    margin-bottom: 20px
}

.guildBoostCount_f9f04c {
    align-items: center;
    display: flex;
    justify-content: center
}

.guildBoostBadge_f9f04c {
    color: inherit;
    flex: 0 0 auto;
    height: 16px;
    margin-inline-end: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-inline-start: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;
    inset-inline-start: 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-inline-end:8px;width: 16px
}

.FPContainer_f9f04c {
    margin-bottom: 23px
}

.wrapper__5b98e {
    background-color: var(--background-mod-normal);
    border-radius: 8px;
    padding: 60px 50px
}

.heading__5b98e {
    margin-bottom: 30px;
    text-align: center
}

.list__5b98e {
    border-top: 1px solid var(--border-muted)
}

.listItem__5b98e {
    border-bottom: 1px solid var(--border-muted)
}

.questionWrapper__5b98e {
    color: var(--interactive-text-default);
    cursor: pointer;
    display: flex;
    padding: 12px 0;
    transition: color .1s
}

.questionWrapper__5b98e:active,.questionWrapper__5b98e:hover,.questionWrapperExpanded__5b98e {
    color: var(--interactive-text-active)
}

.questionWrapperExpanded__5b98e {
    padding-bottom: 8px
}

.question__5b98e {
    color: inherit;
    flex: 1 1 auto;
    padding-inline-end: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;
    inset-inline-start: 0;
    justify-content: center;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1
}

.innerWrapper_b4589b {
    align-items: center;
    background-color: var(--background-mod-normal);
    border-radius: 50px;
    box-shadow: var(--shadow-border),var(--shadow-high);
    box-sizing: border-box;
    display: flex;
    margin-bottom: 36px;
    padding-block:12px;padding-inline:12px 22px;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%;
    inset-inline-start: 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-base-lower)
}

.guildInfo_b4589b {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    overflow: hidden;
    padding-inline-end:8px;text-overflow: ellipsis
}

.guildIcon_b4589b {
    background-color: var(--background-base-low);
    flex: 0 0 auto;
    margin-inline-end: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;
    inset-inline-start: 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);
    inset-inline-start: 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;
    inset-inline-start: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 20px;
    z-index: 3
}

.progressBarMarkerLocked__1f1cb {
    cursor: pointer
}

.progressBarMarkerLabel__1f1cb {
    color: var(--white);
    inset-inline-start: 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%;
    inset-inline-start: 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;
    inset-inline-end: 100%;
    padding-inline-end:3px;position: absolute;
    top: 50%;
    transform: translateY(calc(-50% + 1px));
    width: 16px
}

.boostedTierIconBackground__1f1cb {
    background-color: var(--white);
    border-radius: 20px;
    height: 20px;
    inset-inline-start: 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;
    inset-inline-start: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 12px;
    z-index: 4
}

.progressBarMarkerUnlocked__1f1cb .boostedTierIcon__1f1cb {
    color: var(--white)
}

.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;
    inset-inline: calc(var(--custom-guild-boosting-marketing-progress-bar-marker-dimensions)/2 + var(--custom-guild-boosting-marketing-progress-bar-end-markers-margin));
    position: absolute;
    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) 100%);
    inset-inline-start: 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: var(--font-weight-semibold);
    margin-bottom: 2px
}

.progressBarCurrentProgressTooltipSubheading_b28bb7 {
    align-items: center;
    display: flex
}

.progressBarCurrentProgressTooltipSubheadingIcon_b28bb7 {
    color: var(--guild-boosting-pink);
    flex: 0 0 auto;
    height: 16px;
    margin-inline:-2px 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;
    inset-inline-start: calc(100% - 5px);
    width: 12.75px
}

.sparkleStarRight_bb1234 {
    bottom: 3px;
    inset-inline-start: calc(100% + 1.31px)
}

.sparkleStarBottomLeft_bb1234,.sparkleStarRight_bb1234 {
    height: 7.44px;
    width: 7.44px
}

.sparkleStarBottomLeft_bb1234 {
    inset-inline-start: -1px;
    top: calc(100% + .56px)
}

.theme-dark .sparkle_bb1234 {
    color: var(--white)
}

.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(--shadow-border),var(--shadow-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;
    inset-inline-start: 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);
    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 {
    inset-inline-end: 0;
    top: 30px
}

.tierCardSparkleHighlightBottomLeft_be48d0 {
    bottom: 30px;
    inset-inline-start: 0
}

.tierCardBorderHighlight_be48d0 {
    border-radius: var(--custom-guild-boosting-marketing-tier-cards-tier-card-border-radius);
    box-sizing: border-box;
    height: 100%;
    inset-inline-start: 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 {
    inset-inline-start: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.tierCardSparkle2_be48d0 {
    inset-inline-start: 11px;
    position: absolute;
    top: 10%
}

.tierCardSparkle3_be48d0 {
    inset-inline-end: 21px;
    position: absolute;
    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-inline-start: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: start
}

.booleanValueIcon__686cf {
    color: var(--icon-muted);
    display: block;
    margin: 0 auto
}

.booleanValueTrue__686cf {
    color: var(--text-strong)
}

.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%;
    inset-inline-start: 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 {
    inset-inline-end: 20%
}

.recommendedTierHighlightTier3__686cf {
    inset-inline-end: 0
}

.recommendedTierHighlightTag__686cf {
    background-image: linear-gradient(30deg,var(--guild-boosting-blue),var(--guild-boosting-purple));
    border-radius: 8px;
    inset-inline-start: 50%;
    padding: 4px 8px;
    position: absolute;
    text-transform: uppercase;
    top: 1px;
    transform: translate(-50%,-50%);
    z-index: 2
}

.perkPreviewImage__686cf {
    background-color: var(--background-mod-normal);
    border-radius: 8px;
    box-shadow: var(--shadow-border),var(--shadow-high);
    display: block;
    height: 168px;
    width: 280px
}

.headerWave__1dfae {
    bottom: -1px;
    color: var(--background-base-low);
    max-height: 400px
}

.bodyWave__1dfae,.headerWave__1dfae {
    display: block;
    inset-inline-start: 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-base-low)
}

.bodyWaveGradientStop2__1dfae {
    stop-color: var(--background-mod-normal)
}

.bodyWaveGradientStop3__1dfae {
    stop-color: var(--background-base-low)
}

.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 {
    inset-inline-end: 24px;
    position: absolute;
    top: 48px;
    z-index: 2
}

.scroller__6fd0e {
    background: var(--background-base-low);
    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 {
    display: flex;
    flex-direction: column;
    gap: var(--space-64);
    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%;
    inset-inline-start: 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
}

.wrapper__3b770 {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--space-32);
    margin: var(--space-80) 0;
    width: 100%
}

.heading__3b770 {
    text-align: center
}

.cards__3b770 {
    display: flex;
    gap: var(--space-24);
    width: 100%
}

.card__3b770 {
    align-items: center;
    background: var(--background-base-low);
    border: 1px solid var(--border-subtle);
    border-radius: 16px;
    box-shadow: var(--shadow-low);
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: var(--space-12);
    justify-content: center;
    min-width: 0;
    padding: var(--space-24)
}

.icon__3b770 {
    color: var(--icon-muted);
    display: block;
    height: 48px;
    width: 48px
}

.iconImage__3b770 {
    filter: saturate(var(--saturation-factor,1))
}

.description__3b770 {
    text-align: center
}

@media (max-width: 768px) {
    .cards__3b770 {
        flex-wrap:wrap
    }

    .card__3b770 {
        flex: 1 1 calc(50% - var(--space-12));
        min-width: 200px
    }
}

@media (max-width: 500px) {
    .cards__3b770 {
        flex-direction:column
    }

    .card__3b770 {
        flex: 1 1 auto
    }
}

.container__9dbc9 {
    gap: var(--space-24);
    margin-bottom: var(--space-80);
    text-align: center
}

.container__9dbc9,.serverSection__9dbc9 {
    align-items: center;
    display: flex;
    flex-direction: column
}

.serverSection__9dbc9 {
    gap: var(--space-12)
}

.guildIcon__9dbc9 {
    border: 1px solid hsla(0,0%,100%,.16);
    border-radius: 19px;
    box-shadow: 0 1.6px 6.4px 0 rgba(0,0,0,.14);
    height: 70px;
    width: 70px
}

.theme-light .guildIcon__9dbc9 {
    border-color: rgba(0,0,0,.1)
}

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

.theme-light .guildName__9dbc9 {
    color: var(--text-default)
}

.serverInfo__9dbc9 {
    flex-direction: column;
    gap: var(--space-4)
}

.guildBoostCount__9dbc9,.serverInfo__9dbc9 {
    align-items: center;
    display: flex
}

.guildBoostCount__9dbc9 {
    gap: 2px
}

.guildBoostBadge__9dbc9 {
    color: var(--white);
    flex: 0 0 auto;
    height: 18px;
    opacity: .6;
    width: 18px
}

.guildBoostBadgeWithBoosts__9dbc9 {
    color: var(--guild-boosting-pink);
    opacity: 1
}

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

.theme-light .guildStatusCopy__9dbc9 {
    color: var(--text-default)
}

.guildBoostCountCurrentUser__9dbc9 {
    color: var(--white);
    margin-top: var(--space-4);
    opacity: .6
}

.theme-light .guildBoostCountCurrentUser__9dbc9 {
    color: var(--text-muted);
    opacity: 1
}

.heroSection__9dbc9 {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--space-40)
}

.heading__9dbc9 {
    color: var(--text-strong);
    font-family: var(--font-display-marketing-header);
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -1.26px;
    line-height: 110%;
    margin: 0;
    max-width: 770px;
    text-align: center;
    text-shadow: 0 3px 0 rgba(0,0,0,.1);
    text-transform: uppercase
}

.theme-light .heading__9dbc9 {
    text-shadow: none
}

.guildBoostCtas__9dbc9 {
    display: flex;
    gap: var(--space-12);
    justify-content: center
}

.guildBoostCtaPrimary__9dbc9 {
    flex: 0 0 auto
}

.wrapper_bb27fe {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.heading_bb27fe {
    text-align: center;
    width: 100%
}

.list_bb27fe {
    width: 100%
}

.list_bb27fe,.listItem_bb27fe {
    display: flex;
    flex-direction: column;
    gap: var(--space-4)
}

.listItem_bb27fe {
    align-items: flex-start;
    align-self: stretch;
    background: var(--background-base-low);
    border: 1px solid var(--border-subtle);
    border-radius: 8px;
    box-shadow: var(--shadow-low);
    padding: var(--space-12)
}

.listItemExpanded_bb27fe {
    background: var(--background-surface-highest);
    border: 1px solid var(--border-strong)
}

.questionWrapper_bb27fe {
    align-items: center;
    align-self: stretch;
    display: flex;
    gap: var(--space-12)
}

.question_bb27fe {
    flex: 1 1 auto
}

.questionIcon_bb27fe {
    flex: 0 0 auto
}

.full-motion .questionIcon_bb27fe {
    transition: transform .2s ease-in-out
}

.answer_bb27fe {
    align-self: stretch;
    padding-top: var(--space-8)
}

.closeButtonWrapper__00843 {
    position: relative;
    z-index: 2
}

.closeButton__00843 {
    align-items: center;
    background-color: rgba(16,16,18,.5);
    border-radius: 12px;
    color: var(--primary-330);
    cursor: pointer;
    display: flex;
    height: 40px;
    inset-inline-end: var(--space-24);
    justify-content: center;
    position: absolute;
    top: var(--space-24);
    width: 40px;
    z-index: 2
}

.closeButton__00843:hover {
    background-color: rgba(16,16,18,.7);
    color: var(--primary-230)
}

.theme-light .closeButton__00843 {
    background-color: rgba(0,0,0,.08);
    color: var(--primary-500)
}

.theme-light .closeButton__00843:hover {
    background-color: rgba(0,0,0,.12);
    color: var(--primary-600)
}

.scroller__00843 {
    background: var(--background-base-lowest);
    height: 100%;
    position: relative;
    transform: translateZ(0);
    will-change: scroll-position;
    z-index: 1
}

.content__00843 {
    margin: 0 auto;
    max-width: 1224px
}

.headerContentWrapper__00843 {
    isolation: isolate;
    padding: var(--space-64) var(--space-32) var(--space-32);
    position: relative;
    z-index: 2
}

.header__00843 {
    position: relative
}

.headerBackground__00843 {
    position: absolute;
    top: 0;
    inset-inline: 0;
    min-height: 1280px;
    overflow: hidden;
    pointer-events: none
}

.headerGradient__00843 {
    background: radial-gradient(ellipse 100% 70% at 50% 0,rgba(156,89,209,.6) 0,rgba(88,47,140,.3) 50%,transparent 80%),var(--background-base-lowest);
    inset: 0;
    position: absolute
}

.theme-light .headerGradient__00843 {
    background: radial-gradient(ellipse 100% 70% at 50% 0,rgba(209,153,237,.5) 0,rgba(176,126,209,.25) 50%,transparent 80%),var(--background-base-lowest)
}

.headerBackground__00843 img,.headerBackground__00843 video {
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 100%
}

.middleBodyContentWrapper__00843 {
    display: flex;
    flex-direction: column;
    gap: var(--space-64);
    isolation: isolate;
    padding: var(--space-32);
    position: relative;
    z-index: 2
}

.lowerBody__00843 {
    position: relative
}

.lowerBodyContentWrapper__00843 {
    padding: var(--space-32);
    position: relative;
    z-index: 2
}

.persistentCtaSpacer__00843 {
    height: 120px
}

.perksTable__00843 {
    margin-bottom: var(--space-80)
}

.wrapper_c50892 {
    display: flex;
    gap: var(--space-24);
    width: 100%
}

.card_c50892 {
    background: var(--background-base-lowest);
    border: 1px solid;
    border-radius: 16px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    transform: translateZ(0)
}

.cardActive_c50892 {
    border-color: hsla(240,4%,61%,.04)
}

.cardInactive_c50892 {
    border-color: var(--border-subtle)
}

.cardHeader_c50892 {
    height: 64px;
    position: relative
}

.progressBar_c50892 {
    height: 8px;
    position: absolute;
    top: 40px;
    inset-inline: 0
}

.progressBarStart_c50892 {
    border-end-start-radius: 100px;
    border-start-start-radius: 100px;
    inset-inline-start: 40px
}

.progressBarEnd_c50892 {
    border-end-end-radius: 100px;
    border-start-end-radius: 100px;
    inset-inline-end: 24px
}

.progressBarInactive_c50892 {
    background: #474464
}

.progressBarActive_c50892 {
    background: linear-gradient(90deg,#ff4ebb,rgba(255,78,187,.4));
    box-shadow: inset 0 0 4px 0 rgba(255,128,206,.3)
}

.progressBarActive_c50892.progressBarStart_c50892 {
    inset-inline-start: 64px
}

.gemContainer_c50892 {
    align-items: center;
    border: 5px solid;
    border-radius: 50%;
    display: flex;
    height: 40px;
    inset-inline-start: 24px;
    justify-content: center;
    position: absolute;
    top: 24px;
    width: 40px
}

.gemContainerActive_c50892.gemContainerLevel1_c50892 {
    background: var(--guild-boosting-pink-refresh);
    border-color: #202024
}

.gemContainerLevel1_c50892:not(.gemContainerActive_c50892) {
    background: #474464;
    border-color: #202024
}

.gemContainerLevel2_c50892 {
    background: #474464;
    border-color: #211e40
}

.gemContainerActive_c50892.gemContainerLevel2_c50892 {
    background: var(--guild-boosting-pink-refresh);
    border-color: #202024
}

.gemContainerLevel3_c50892 {
    background: #474464;
    border-color: #201d3d
}

.gemContainerActive_c50892.gemContainerLevel3_c50892 {
    background: var(--guild-boosting-pink-refresh);
    border-color: #202024
}

.theme-light .progressBarInactive_c50892 {
    background: #fff
}

.theme-light .gemContainerActive_c50892.gemContainerLevel1_c50892 {
    border-color: #d8d6de
}

.theme-light .gemContainerLevel1_c50892:not(.gemContainerActive_c50892) {
    background: #fff;
    border-color: #d8d6de
}

.theme-light .gemContainerLevel2_c50892 {
    background: #fff;
    border-color: #d4d1dc
}

.theme-light .gemContainerActive_c50892.gemContainerLevel2_c50892 {
    background: var(--guild-boosting-pink-refresh);
    border-color: #d8d6de
}

.theme-light .gemContainerLevel3_c50892 {
    background: #fff;
    border-color: #d5d2dc
}

.theme-light .gemContainerActive_c50892.gemContainerLevel3_c50892 {
    background: var(--guild-boosting-pink-refresh);
    border-color: #d8d6de
}

.cardBody_c50892 {
    display: flex;
    flex-direction: column;
    gap: var(--space-12);
    padding: var(--space-24)
}

.cardTitleRow_c50892 {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.cardTitle_c50892 {
    flex-shrink: 0
}

.boostsBadge_c50892 {
    align-items: center;
    background: var(--background-mod-subtle);
    border-radius: var(--radius-sm);
    color: #aaaab1;
    display: flex;
    gap: var(--space-4);
    height: 30px;
    padding: 0 var(--space-8)
}

.theme-light .boostsBadge_c50892 {
    color: var(--text-muted)
}

.cardTitleInactive_c50892 {
    color: #94959c
}

.theme-light .cardTitleInactive_c50892 {
    color: var(--text-muted)
}

.perkRowInactive_c50892 {
    color: #94959c
}

.theme-light .perkRowInactive_c50892 {
    color: var(--text-muted)
}

.andMoreText_c50892 {
    color: #94959c
}

.theme-light .andMoreText_c50892 {
    color: var(--text-muted)
}

.theme-light .card_c50892 {
    background: var(--background-base-lowest)
}

.perksContainer_c50892 {
    display: flex;
    flex-direction: column;
    gap: var(--space-12)
}

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

.perkIcon_c50892 {
    flex-shrink: 0;
    height: 20px;
    width: 20px
}

@media (max-width: 900px) {
    .wrapper_c50892 {
        flex-direction:column
    }

    .card_c50892 {
        flex: 1 1 auto
    }
}

.container__52d93 {
    align-items: center;
    background-color: rgba(26,26,30,.5);
    border-radius: 16px;
    display: flex;
    gap: var(--space-24);
    justify-content: center;
    margin-block-end:var(--space-48);margin-block-start: 0;
    margin-inline:auto;padding-block-end:var(--space-12);padding-block-start: var(--space-12);
    padding-inline-end:var(--space-12);padding-inline-start: var(--space-24);
    width: -moz-fit-content;
    width: fit-content
}

.theme-light .container__52d93 {
    background-color: hsla(0,0%,100%,.5)
}

.description__52d93 {
    color: hsla(0,0%,100%,.6)
}

.theme-light .description__52d93 {
    color: var(--text-muted)
}

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

.theme-light .highlight__52d93 {
    color: var(--text-default)
}

.wrapper__65e57 {
    gap: 32px;
    z-index: 2
}

.headerSection__65e57,.wrapper__65e57 {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%
}

.headerSection__65e57 {
    gap: 4px;
    text-align: center;
    z-index: 1
}

.heading__65e57 {
    color: var(--text-default);
    font-size: 32px;
    line-height: 40px
}

.subheading__65e57 {
    color: #aaaab1;
    font-size: 16px;
    line-height: 20px
}

.theme-light .subheading__65e57 {
    color: var(--text-muted)
}

.subheading__65e57 a {
    color: #5197ed;
    text-decoration: none
}

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

.cardsContainer__65e57 {
    display: flex;
    gap: 24px;
    width: 100%
}

.card__65e57 {
    align-items: center;
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    background: radial-gradient(ellipse 355px 208px at 50% -31.5px,rgba(86,22,138,.5) 0,rgba(86,22,138,0) 100%),hsla(240,4%,61%,.08);
    border: 1px solid hsla(240,4%,61%,.12);
    border-radius: 16px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: 24px;
    min-width: 0;
    overflow: hidden;
    padding: 24px;
    position: relative;
    transform: translateZ(0);
    transition: box-shadow .2s ease-out;
    will-change: transform
}

.card__65e57:hover {
    box-shadow: 0 8px 24px 0 rgba(0,0,0,.24)
}

.full-motion .card__65e57 {
    transition: box-shadow .2s ease-out,transform .2s ease-out
}

.full-motion .card__65e57:hover {
    transform: translate3d(0,-4px,0)
}

.cardVisible__65e57 {
    opacity: 1
}

.intObserver__65e57 {
    bottom: 0;
    height: 1px;
    inset-inline-start: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 1px
}

.illustrationWrapper__65e57 {
    align-items: center;
    display: flex;
    height: 140px;
    justify-content: center;
    overflow: hidden;
    width: 250px
}

.illustration__65e57 {
    -o-object-fit: contain;
    object-fit: contain;
    transform-origin: center center
}

.animatedAsset__65e57,.illustration__65e57 {
    height: 100%;
    width: 100%
}

.content__65e57 {
    gap: 24px;
    position: relative;
    z-index: 1
}

.content__65e57,.textContent__65e57 {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%
}

.textContent__65e57 {
    gap: 4px;
    text-align: center
}

.title__65e57 {
    color: #efeff0;
    font-size: 20px;
    line-height: 24px
}

.theme-light .title__65e57 {
    color: var(--text-default)
}

.description__65e57 {
    color: #aaaab1;
    font-size: 16px;
    line-height: 20px
}

.theme-light .description__65e57 {
    color: var(--text-muted)
}

.badges__65e57 {
    gap: 12px
}

.badge__65e57,.badges__65e57 {
    align-items: center;
    display: flex
}

.badge__65e57 {
    background: hsla(240,4%,61%,.08);
    border: 1px solid hsla(240,4%,61%,.04);
    border-radius: 8px;
    gap: 4px;
    justify-content: center;
    padding: 6px 12px
}

.badgeText__65e57 {
    color: #94959c;
    font-size: 14px;
    line-height: 18px
}

.theme-light .badgeText__65e57 {
    color: var(--text-muted)
}

.enabledBadge__65e57 {
    color: #53ac66;
    font-size: 14px;
    line-height: 18px
}

.buttonsContainer__65e57 {
    bottom: 24px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    inset-inline-end: 24px;
    inset-inline-start: 24px;
    pointer-events: none;
    position: absolute
}

.card__65e57:hover .buttonsContainer__65e57 {
    pointer-events: auto
}

.button__65e57 {
    flex: 1 1 0
}

.newBadge__65e57 {
    inset-inline-end: 16px;
    position: absolute;
    top: 16px
}

@media (max-width: 900px) {
    .cardsContainer__65e57 {
        flex-direction:column
    }

    .card__65e57 {
        flex: 1 1 auto
    }
}

.wrapper__0a9d0 {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--space-48);
    width: 100%
}

.heading__0a9d0 {
    text-align: center
}

.tableWrapper__0a9d0 {
    position: relative;
    width: 100%
}

.table__0a9d0 {
    flex-direction: column;
    width: 100%
}

.row__0a9d0,.table__0a9d0 {
    display: flex
}

.row__0a9d0 {
    align-items: center;
    border-bottom: 1px solid var(--border-normal);
    padding: var(--space-16) 0
}

.lastRow__0a9d0 {
    border-bottom: none
}

.headerRow__0a9d0 {
    align-items: flex-start
}

.cell__0a9d0 {
    flex: 1 1 0;
    min-width: 0;
    padding: 0 var(--space-16)
}

.perkCell__0a9d0 {
    text-align: start
}

.tierCell__0a9d0 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

.checkIcon__0a9d0 {
    color: var(--text-strong);
    display: block
}

.xIcon__0a9d0 {
    color: var(--interactive-muted);
    display: block
}

.recommendedTierHighlight__0a9d0 {
    border: 2px solid var(--guild-boosting-pink-refresh);
    border-radius: var(--radius-lg);
    bottom: -20px;
    pointer-events: none;
    position: absolute;
    top: -20px;
    width: 20%
}

.recommendedTierHighlightTier2__0a9d0 {
    inset-inline-end: 20%
}

.recommendedTierHighlightTier3__0a9d0 {
    inset-inline-end: 0
}

.recommendedTierHighlightTag__0a9d0 {
    background: var(--guild-boosting-pink-refresh);
    border-radius: var(--radius-sm);
    inset-inline-start: 50%;
    padding: var(--space-4) var(--space-8);
    position: absolute;
    text-transform: uppercase;
    top: 0;
    transform: translate(-50%,-50%);
    white-space: nowrap
}

@media (max-width: 768px) {
    .cell__0a9d0 {
        padding:0 var(--space-8)
    }
}

@media (max-width: 600px) {
    .wrapper__0a9d0 {
        gap:var(--space-24)
    }

    .row__0a9d0 {
        padding: var(--space-12) 0
    }

    .cell__0a9d0 {
        padding: 0 var(--space-4)
    }

    .headerRow__0a9d0 .tierCell__0a9d0>:last-child {
        display: none
    }
}

.wrapper__9ed0b {
    inset-inline-start: 0;
    isolation: isolate;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 100%;
    will-change: transform;
    z-index: 10
}

.innerWrapper__9ed0b,.wrapper__9ed0b {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    justify-content: center
}

.innerWrapper__9ed0b {
    align-items: center;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background-color: hsla(0,0%,100%,.17);
    border: 1px solid hsla(0,0%,100%,.16);
    border-radius: 16px;
    box-sizing: border-box;
    gap: 40px;
    margin-bottom: 36px;
    padding: 12px;
    pointer-events: all;
    position: relative;
    transform: translateZ(0)
}

.theme-light .innerWrapper__9ed0b {
    background-color: rgba(0,0,0,.08);
    border-color: rgba(0,0,0,.1)
}

.guildInfo__9ed0b {
    align-items: center;
    display: flex;
    gap: 8px
}

.guildIcon__9ed0b {
    border: 1px solid hsla(0,0%,100%,.16);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-low);
    flex: 0 0 auto
}

.theme-light .guildIcon__9ed0b {
    border-color: rgba(0,0,0,.1)
}

.ctaButton__9ed0b {
    flex: 0 0 auto
}

.guildName__9ed0b {
    color: var(--white);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.theme-light .guildName__9ed0b {
    color: var(--primary-800)
}

.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-top: 2px;
    margin-inline-start:-4px}

.tooltipPremiumFooterSegment__7d7fe {
    align-items: center;
    display: flex;
    flex-basis: 0;
    flex-grow: 1;
    justify-content: center;
    padding: 4px;
    text-align: center
}

.tooltipPremiumFooterTierSegment__7d7fe {
    border-inline-end:1px solid;border-color: var(--background-surface-high)
}

.clanBadgeContainer__7d7fe img {
    margin: 0
}

.boostedGuildIconGem__97677 {
    height: 12px;
    transition: color .1s linear;
    width: 12px
}

:where(.boostedGuildIconGem__97677) {
    height: 10px
}

.iconBackgroundTierNone__97677,.iconBackgroundTierOne__97677,.iconBackgroundTierThree__97677,.iconBackgroundTierTwo__97677 {
    color: var(--icon-muted)
}

.iconTierNone__97677 {
    color: var(--opacity-white-20)
}

.iconTierOne__97677,.iconTierTwo__97677 {
    color: var(--white)
}

.iconTierThree__97677 {
    color: var(--guild-boosting-pink)
}

.guildIconContainer__85d16,.guildIconV2Container__85d16 {
    display: flex;
    justify-content: center;
    min-width: 20px
}

.guildBadge__85d16 .boostedGuildIconGem__85d16 {
    transition: color .1s linear
}

:where(.disableColor__85d16) {
    color: var(--background-mod-muted)
}

.tierTooltipTitle__85d16 {
    font-weight: var(--font-weight-semibold)
}

.boostedGuildIconGem__85d16 {
    height: 10px
}

.boostedGuildTierMutedIconWithVisibleBanner__85d16 {
    color: var(--text-muted)
}

.iconTierNone__85d16 {
    color: var(--opacity-white-20)
}

.boostedGuildTierIconBackgroundWithVisibleBanner__85d16 {
    color: var(--interactive-text-active)
}

.header__6e500 {
    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__6e500 {
    display: flex;
    flex-wrap: wrap;
    gap: 0 8px
}

.memberCount__6e500 {
    align-items: center;
    display: flex;
    gap: 4px
}

.dot__6e500 {
    background: var(--text-status-offline)
}

.dot__6e500,.dotOnline__6e500 {
    border-radius: 50%;
    height: 8px;
    width: 8px
}

.dotOnline__6e500 {
    background: var(--text-status-online)
}

.established__6e500 {
    display: flex
}

.nameContainer__6e500 {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 4px;
    width: 100%
}

.guildNameContainer__6e500 {
    overflow: hidden
}

.guildNameContainer__6e500:hover {
    cursor: pointer
}

.guildNameContainer__6e500:hover .guildName__6e500 {
    text-decoration: underline
}

.guildName__6e500 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.guildBadge__6e500 {
    cursor: pointer;
    flex-shrink: 0;
    height: 16px;
    width: 16px
}

.container_d3846c {
    border-radius: 16px;
    box-shadow: var(--shadow-border),var(--shadow-high);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 300px
}

.spinnerContainer_d3846c {
    background: var(--background-surface-highest);
    padding: 16px
}

.chipletContainerInner__10651 {
    align-items: center;
    background: var(--background-mod-strong);
    border-radius: 4px;
    display: inline-flex;
    line-height: 16px!important;
    padding: 0 4px;
    vertical-align: middle
}

.chipletContainerInline__10651 {
    margin-top: -2px
}

.clickable__10651 {
    cursor: pointer;
    transition: background .1s ease-in-out
}

.clickable__10651:hover {
    background: var(--background-mod-muted)
}

.text__10651 {
    align-items: center;
    display: inline-flex;
    line-height: 16px!important;
    max-width: 70px
}

.badge__10651 {
    margin-inline-end:2px;margin-top: 0
}

.tooltip__10651 {
    background: var(--background-surface-highest);
    border-radius: 8px
}

.tooltip__10651,.tooltipContainer__10651 {
    max-width: 360px;
    padding: 0
}

.chipletContainerInner__10651.noTooltip__10651:hover {
    background: var(--background-mod-strong)
}

.tagText__10651 {
    text-indent: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.container__4bbc6 {
    border-radius: inherit;
    height: 100%;
    inset-inline-start: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.fitInAccount__4bbc6 {
    height: calc(100% + 2px);
    inset-inline-start: 0;
    top: -1px;
    width: calc(100% + 1px)
}

.fadeIn__4bbc6 {
    animation: fadeIn__4bbc6 .12s ease-in forwards;
    opacity: 0
}

@keyframes fadeIn__4bbc6 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.img__4bbc6 {
    height: 100%;
    inset-inline-end: 0;
    -o-object-position: right;
    object-position: right;
    pointer-events: none;
    position: absolute;
    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%
}

.nameplatePreview_e144e0 {
    align-items: center;
    border-radius: var(--radius-sm);
    display: flex;
    height: 42px;
    position: relative
}

.nameplatePreview_e144e0.large_e144e0 {
    height: 52px
}

.nameplatePreview_e144e0.xlarge_e144e0 {
    height: 62px
}

.density-cozy .nameplatePreview_e144e0 {
    height: 48px
}

.density-cozy .nameplatePreview_e144e0.xsmall_e144e0 {
    height: 26px
}

.density-cozy .nameplatePreview_e144e0.small_e144e0 {
    height: 30px
}

.density-cozy .nameplatePreview_e144e0.large_e144e0 {
    height: 58px
}

.density-cozy .nameplatePreview_e144e0.xlarge_e144e0 {
    height: 68px
}

.density-default .nameplatePreview_e144e0 {
    height: 42px
}

.density-default .nameplatePreview_e144e0.xsmall_e144e0 {
    height: 26px
}

.density-default .nameplatePreview_e144e0.small_e144e0 {
    height: 30px
}

.density-default .nameplatePreview_e144e0.large_e144e0 {
    height: 52px
}

.density-default .nameplatePreview_e144e0.xlarge_e144e0 {
    height: 62px
}

.density-compact .nameplatePreview_e144e0 {
    height: 38px
}

.density-compact .nameplatePreview_e144e0.xsmall_e144e0 {
    height: 26px
}

.density-compact .nameplatePreview_e144e0.small_e144e0 {
    height: 34px
}

.density-compact .nameplatePreview_e144e0.large_e144e0 {
    height: 48px
}

.density-compact .nameplatePreview_e144e0.xlarge_e144e0 {
    height: 58px
}

.overlayContainer_e144e0 {
    flex: 1;
    height: 100%;
    margin-block:0;margin-inline:8px 32px;position: relative
}

.nameplatePreview_e144e0.large_e144e0 .overlayContainer_e144e0 {
    margin-block:0;margin-inline:10px 38px}

.nameplatePreview_e144e0.xlarge_e144e0 .overlayContainer_e144e0 {
    margin-block:0;margin-inline:14px 44px}

.avatarContainer_e144e0 {
    align-items: center;
    display: flex;
    height: 100%;
    max-width: 100%;
    opacity: 0;
    position: absolute;
    transition: opacity .4s ease;
    width: 100%
}

.avatar_e144e0 {
    margin-inline-end:12px}

.avatarVisible_e144e0 {
    opacity: 1
}

.placeholderUsername_e144e0 {
    border-radius: 8px;
    height: 14px;
    opacity: .5;
    width: 66%
}

.nameplatePreview_e144e0.xsmall_e144e0 .placeholderUsername_e144e0 {
    height: 8px
}

.nameplatePreview_e144e0.small_e144e0 .placeholderUsername_e144e0 {
    height: 10px
}

.nameplatePreview_e144e0.large_e144e0 .placeholderUsername_e144e0 {
    height: 16px
}

.nameplatePreview_e144e0.xlarge_e144e0 .placeholderUsername_e144e0 {
    height: 18px
}

.theme-light .placeholderUsername_e144e0 {
    background-color: #aaaab2
}

.theme-dark .placeholderUsername_e144e0 {
    background-color: #706f74
}

.tagChiplet_e144e0 {
    margin-inline-start:var(--space-4)}

.inheritWidth_e144e0 {
    width: inherit
}

.container__6d099 {
    align-items: center;
    aspect-ratio: 1.1;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative
}

.profileEffectShopPreview__6d099 {
    border-radius: var(--radius-sm);
    height: 80%;
    inset-inline-start: 6%;
    overflow: hidden;
    position: absolute;
    top: 10%;
    transform-origin: top center;
    width: auto
}

.avatarDecorationPreview__6d099 {
    filter: drop-shadow(0 2px 8px rgba(0,0,0,.15));
    inset-inline-end: 6%;
    position: absolute;
    transform: rotate(6deg)
}

.twoItemBundle__6d099 .profileEffectShopPreview__6d099 {
    aspect-ratio: .86;
    transform: rotate(-6deg)
}

.twoItemBundle__6d099 .avatarDecorationPreview__6d099 {
    top: 22%
}

.threeItemBundle__6d099 .profileEffectShopPreview__6d099 {
    aspect-ratio: .8;
    transform: rotate(-8deg)
}

.threeItemBundle__6d099 .avatarDecorationPreview__6d099 {
    top: 12%
}

.threeItemBundle__6d099 .nameplatePreview__6d099 {
    background-color: var(--background-base-low);
    border-radius: var(--radius-sm);
    bottom: 14%;
    box-shadow: 0 2px 8px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.1);
    position: absolute;
    width: 96%
}

.theme-dark .avatar__6d099 {
    background: #0c0e0e
}

.theme-light .avatar__6d099 {
    background: #a8a9aa
}

.nameplatePlaceholderUserRow_e75aa6 {
    align-items: center;
    display: flex;
    height: 42px;
    padding: 0 8px;
    width: 100%
}

.nameplatePlaceholderAvatar_e75aa6,.nameplatePlaceholderBar_e75aa6 {
    background-color: var(--background-mod-subtle)
}

.nameplatePlaceholderBar_e75aa6 {
    border-radius: 8px;
    flex-grow: 1;
    height: 14px;
    margin-inline-start:12px}

.smallRow_e75aa6 {
    height: 28px
}

.smallBar_e75aa6 {
    height: 10px
}

.nameplatePreviewContainer_f7b5db {
    align-items: center;
    -webkit-mask-image: linear-gradient(180deg,rgba(0,0,0,.2) 0,#000 30%,#000 70%,rgba(0,0,0,.2));
    mask-image: linear-gradient(180deg,rgba(0,0,0,.2) 0,#000 30%,#000 70%,rgba(0,0,0,.2));
    max-height: 100%;
    max-width: 252px
}

.nameplatePreviewContainer_f7b5db,.nameplatePreviewList_f7b5db {
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%
}

.nameplatePreviewList_f7b5db {
    flex-direction: column;
    gap: var(--space-4);
    justify-content: center
}

.nameplatePreviewSampleItem_f7b5db {
    align-items: center;
    display: flex;
    height: 42px;
    width: 100%
}

.productPreview__00f8b {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.full-motion .productPreview__00f8b {
    transition: opacity .15s ease-out
}

.productPreview__00f8b.faded__00f8b {
    opacity: .5
}

.productPreview__00f8b.fullPreview__00f8b {
    align-items: flex-start;
    inset: 0;
    position: absolute
}

.productPreviewIconOverlay__00f8b {
    justify-self: center;
    margin: auto;
    opacity: 1;
    position: absolute
}

.full-motion .productPreviewIconOverlay__00f8b {
    transition: opacity .15s ease-out
}

.productPreviewIconOverlay__00f8b.hidden__00f8b {
    opacity: 0
}

.avatarDecorationPreview__00f8b {
    padding: var(--space-24)
}

.container__8a8e7 {
    align-items: center;
    color: var(--text-strong);
    display: inline-flex;
    gap: var(--space-4);
    position: relative;
    white-space: nowrap
}

.discount__8a8e7 {
    color: var(--text-feedback-positive)
}

.icon__8a8e7 {
    min-width: -moz-fit-content;
    min-width: fit-content
}

.priceStrikethrough__8a8e7 {
    text-decoration: line-through
}

.discountPill__8a8e7 {
    background: var(--green-new-34);
    border-radius: 20px;
    padding: 1px 8px 2px;
    text-decoration-line: none
}

.theme-light .discountPill__8a8e7 {
    color: var(--white)
}

.theme-light .discountBackgroundColor__8a8e7 {
    color: #9a9a9d
}

.theme-dark .discountPill__8a8e7 {
    color: var(--neutral-71)
}

.theme-dark .discountBackgroundColor__8a8e7 {
    color: #8d8e91
}

.insufficientOrbs__3b1b0 {
    color: var(--text-muted)
}

.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-inline-end:10px}

.blockedPaymentsWarning_b7b2cf {
    background-color: var(--background-base-lower);
    color: var(--text-default);
    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)
}

.link__6a22b {
    color: var(--interactive-text-active);
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
    line-height: 18px
}

.checkoutFooter_ebbc17 {
    padding: var(--space-16) var(--space-24) var(--space-24)
}

.headerSubtitle_ebbc17,.headerTitle_ebbc17 {
    overflow-wrap: break-word;
    word-break: break-word
}

.headerSubtitle_ebbc17 {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 4px;
    justify-content: flex-start
}

.countryFlagEmoji_ebbc17 {
    height: 18px
}

.checkoutPill_ebbc17 {
    align-items: center;
    align-self: center;
    background-color: var(--badge-expressive-background-default);
    border-radius: var(--radius-round);
    box-sizing: border-box;
    color: var(--badge-expressive-text-default);
    display: inline-flex;
    gap: var(--space-4);
    padding: 0 var(--space-8);
    text-align: center;
    text-transform: uppercase
}

.checkoutHeaderContainer_ebbc17 {
    align-items: center;
    -moz-column-gap: var(--space-8);
    column-gap: var(--space-8);
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.checkoutModalBody_ebbc17 {
    max-height: min(800px,100%);
    max-width: 480px
}

.checkoutModalBodyPadding_ebbc17 {
    padding-bottom: 0
}

.shaker_e5f3a9 {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    justify-content: center;
    max-height: inherit
}

.root_e5f3a9>:last-child {
    border-end-end-radius: var(--radius-sm);
    border-end-start-radius: var(--radius-sm)
}

.root_e5f3a9.withHeader_e5f3a9>:first-child {
    background-color: transparent
}

@media (max-width: 485px) {
    .shaker_e5f3a9 {
        position:absolute;
        top: 0;
        inset-inline: 0;
        bottom: 0;
        max-height: none
    }

    .root_e5f3a9,.shaker_e5f3a9 {
        justify-content: center
    }

    .root_e5f3a9 {
        border-radius: 0;
        width: 100vw
    }
}

.halloweenModalHeight_e5f3a9 {
    max-height: 800px
}

.premiumBrandRefreshBackground_e5f3a9 {
    background-color: var(--background-base-low)!important
}

.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)
}

.breadcrumbs__0f692 {
    display: flex;
    justify-content: center;
    overflow: hidden
}

.breadcrumbWrapper__0f692 {
    align-items: center;
    display: flex;
    flex-grow: 0;
    font-weight: var(--font-weight-semibold)
}

.breadcrumbFinalWrapper__0f692 {
    overflow: hidden
}

.breadcrumbArrow__0f692 {
    color: var(--text-muted);
    height: 18px;
    margin: 0 11px;
    width: 18px
}

.pill_e7b36e {
    align-items: center;
    border: 1px solid var(--border-normal);
    border-radius: var(--radius-lg);
    display: flex;
    justify-content: center;
    padding: var(--space-8) var(--space-12);
    width: -moz-fit-content;
    width: fit-content
}

.pillGradient_e7b36e {
    background: linear-gradient(90deg,rgba(155,29,165,.35) 0,rgba(30,35,83,.35) 120%),var(--background-base-lower)
}

.theme-light .pillGradient_e7b36e {
    background: linear-gradient(90deg,rgba(155,29,165,.1) 0,rgba(30,35,83,.1) 120%),var(--background-base-lower)
}

.pillText_e7b36e {
    line-height: 1;
    padding-top: .75px;
    text-transform: uppercase
}

.badgeContainer_fc0249 {
    margin-inline-start:var(--space-16);margin-top: var(--space-8)
}

.container_d5200e {
    position: relative;
    z-index: 10
}

.headerContainer_d5200e {
    align-items: flex-end;
    border-start-end-radius: calc(var(--radius-md) - 1px);
    border-start-start-radius: calc(var(--radius-md) - 1px);
    display: flex;
    height: 120px;
    min-height: 120px;
    padding: 0 var(--space-16) 0;
    position: relative
}

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

.bigWumpus_d5200e {
    height: 159px;
    inset-inline-end: 41px;
    position: absolute;
    top: 28px;
    z-index: 1000
}

.wumpus_d5200e {
    height: 117px;
    inset-inline-end: 35px;
    position: absolute;
    top: 12px
}

.bigCloud_d5200e {
    inset-inline-start: calc(50% - 60px);
    opacity: .25;
    position: absolute;
    top: 39px;
    transform: translateX(-50%);
    width: 120px
}

.mediumCloud_d5200e {
    inset-inline-start: 28px;
    opacity: .35;
    position: absolute;
    top: 22px;
    width: 74px
}

.smallCloud_d5200e {
    inset-inline-end: 39px;
    opacity: .25;
    position: absolute;
    top: 58px;
    width: 59px
}

.closeButtonPosition_d5200e {
    inset-inline-end: 12px;
    position: absolute;
    top: 12px
}

.textContainer_d5200e {
    gap: var(--space-16);
    max-width: 55%;
    position: relative
}

.headerTextWrapper_d5200e,.textContainer_d5200e {
    display: flex;
    flex-direction: column
}

.headerTextWrapper_d5200e {
    background-color: var(--background-base-low);
    gap: var(--space-12);
    justify-content: center;
    padding-bottom: var(--space-12);
    padding-top: var(--space-24);
    text-align: center
}

.oneStepCheckoutTextWrapper_d5200e {
    background-color: var(--background-base-low);
    padding: var(--space-16) var(--space-16) var(--space-12)
}

.wordmark_d5200e {
    height: 22px;
    width: -moz-fit-content;
    width: fit-content
}

.bodyGradientPadding_d5200e {
    height: 24px
}

.bodyGradientContainer_d5200e {
    bottom: -24px;
    height: 30px;
    margin: 0 var(--space-8);
    overflow: hidden;
    position: absolute;
    width: calc(100% - 16px)
}

.bodyGradient_d5200e {
    background: linear-gradient(0deg,transparent 0,var(--background-base-low) 46.63%);
    bottom: 0;
    height: 48px;
    position: absolute;
    width: 100%;
    z-index: -1
}

@media screen and (max-height: 550px),screen and (max-width:485px) {
    .headerContainer_d5200e {
        border-radius:0
    }
}

.nitroText_d5200e {
    font-size: 24px;
    font-style: italic;
    font-weight: 900;
    line-height: 27px;
    text-transform: uppercase
}

.betaBadgeContainer_d5200e {
    bottom: calc(100% + 8px);
    inset-inline-start: 0;
    position: absolute
}

.headerBackground_b66356 {
    border-start-end-radius: var(--radius-md);
    border-start-start-radius: var(--radius-md);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin-inline-start:-1px;margin-top: -2px;
    min-height: 114px;
    padding: var(--space-20);
    position: relative;
    width: calc(100% + 2px)
}

@media screen and (max-height: 550px),screen and (max-width:485px) {
    .headerBackground_b66356 {
        border-radius:0
    }
}

.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%;
    inset-inline-start: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.closeIcon_b66356 {
    color: var(--text-strong);
    opacity: 1
}

.headerTop_b66356 {
    position: relative;
    width: 100%
}

.headerIcon_b66356 {
    color: var(--white);
    height: 22px;
    width: auto
}

.headerIcon_b66356.nonTier2_b66356 {
    height: 35px
}

.price_b66356 {
    align-self: flex-end;
    background-color: var(--white);
    border-radius: 3px;
    color: var(--brand-500);
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    line-height: 1.71;
    margin-top: 20px;
    padding: 2px 12px;
    position: relative
}

.closeButton_b66356 {
    color: var(--white)!important
}

.closeButton_b66356:hover {
    background-color: hsla(0,0%,100%,.04)!important
}

.trialBadge_b66356 {
    inset-inline-start: 0;
    position: absolute;
    top: 43px
}

.trialBadgeContainer_b66356 {
    align-items: center;
    background: var(--white);
    border-radius: 10px;
    display: flex;
    justify-content: center;
    margin-top: 8px;
    max-height: 32px;
    max-width: 150px;
    text-align: start;
    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 {
    inset-inline-start: 4px;
    position: absolute;
    top: 43px
}

.tier2Animation__387d4 {
    position: relative
}

.panningAnimation__387d4 {
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 22px;
    overflow: hidden
}

.panningAnimationInner__387d4 {
    background-size: 100% 100%;
    filter: saturate(var(--saturation-factor,1));
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 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 {
    top: 0;
    inset-inline: 0;
    bottom: 0
}

.guildBackground__387d4,.guildStar__387d4 {
    position: absolute
}

.sequencedAnimation__387d4 {
    filter: saturate(var(--saturation-factor,1))
}

.modalHeader_b54a5b {
    background-image: linear-gradient(var(--modal-background),var(--modal-background));
    background-position: 0 10px;
    background-repeat: no-repeat;
    background-size: 100% calc(100% - 20px);
    margin-bottom: -20px;
    overflow: clip;
    padding-bottom: 0
}

.modalHeaderCustomGift_b54a5b {
    align-items: center;
    background-image: unset;
    background-size: unset;
    border-bottom: none;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    padding-bottom: 0
}

.closeButton_b54a5b {
    margin-inline-start:auto;padding: 0
}

.closeButtonInner_b54a5b {
    height: 24px
}

.header_b54a5b {
    flex-shrink: 0
}

body .headerAnimation_b54a5b {
    border-start-end-radius: 4px;
    border-start-start-radius: 4px;
    position: absolute;
    top: 0;
    inset-inline: 50% 0;
    bottom: -22px;
    min-width: 440px;
    overflow: hidden;
    transform: translateX(-50%);
    width: 100%
}

@media (max-width: 485px) {
    .headerAnimation_b54a5b {
        min-width:auto!important
    }
}

.headerAnimation_b54a5b {
    border-start-end-radius: calc(var(--radius-md) - 1px);
    border-start-start-radius: calc(var(--radius-md) - 1px)
}

.paymentModalLockIcon__9a648 {
    color: var(--primary-500);
    padding: 0 var(--space-16)
}

.theme-dark .paymentModalLockIcon__9a648 {
    color: var(--primary-300)
}

.lockIcon__9a648 {
    margin-inline-end:2px}

.lockIconText__9a648 {
    white-space: nowrap
}

.primaryIcon__962c6 {
    height: 16px;
    margin-inline-end:4px;width: 16px
}

.button__962c6 {
    display: flex
}

.body_c6f1a4 {
    background-color: var(--modal-background);
    border-radius: var(--radius-md);
    height: 100%;
    padding: 0 var(--space-16)
}

.sliderBody_c6f1a4 {
    box-sizing: border-box;
    flex-direction: row;
    flex-grow: 0;
    padding-bottom: var(--space-8);
    width: 100%
}

@media (max-width: 485px) {
    .sliderBody_c6f1a4 {
        flex-direction:column;
        flex-grow: 1
    }
}

.body_c6f1a4.reviewStep_c6f1a4 {
    padding: 0 var(--modal-horizontal-padding)
}

@media (max-width: 485px) {
    .body_c6f1a4.reviewStep_c6f1a4 {
        width:100%
    }
}

.body_c6f1a4.addPaymentStepForPremium_c6f1a4 {
    max-width: 440px;
    padding-inline:var(--space-16)}

@media screen and (max-height: 550px),screen and (max-width:485px) {
    .body_c6f1a4.addPaymentStepForPremium_c6f1a4 {
        max-width:100%
    }
}

.sliderBodyLarge_c6f1a4 {
    width: 804px
}

.icon__9f2f4 {
    align-self: center;
    background-color: var(--background-surface-high);
    border-radius: 50%
}

.icon__9f2f4.small__9f2f4 {
    height: 40px;
    width: 40px
}

.icon__9f2f4.medium__9f2f4 {
    height: 66px;
    width: 66px
}

.icon__9f2f4.large__9f2f4 {
    height: 128px;
    width: 128px
}

.container__9e80c {
    display: flex
}

.emojiContainer__9e80c {
    margin-inline-end: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(--text-default);
    margin-top: 16px;
    text-align: center
}

.header__4328f strong {
    color: var(--text-strong)
}

.divider__4328f {
    background-color: var(--border-subtle);
    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-mod-subtle);
    border-radius: 8px;
    padding: 16px
}

.headerContainer__2dea3 {
    background-color: var(--background-base-low);
    height: 112px;
    margin-inline-start:-1px;margin-top: -2px;
    position: relative;
    width: calc(100% + 2px)
}

.closeContainer__2dea3 {
    align-items: center;
    background-color: var(--opacity-black-84);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 24px;
    inset-inline-end: 16px;
    justify-content: center;
    position: absolute;
    top: 16px;
    width: 24px
}

.closeIcon__2dea3 {
    color: var(--interactive-text-default);
    height: 16px;
    width: 16px
}

.headerImage__2dea3,.headerImageContainer__2dea3 {
    height: 100%;
    width: 100%
}

.headerImage__2dea3 {
    border-start-end-radius: 12px;
    border-start-start-radius: 12px;
    -o-object-fit: cover;
    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: unset;
    background-size: unset;
    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-inline-start:auto}

.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%;
    inset-inline-start: 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-inline-end:8px}

.button__4151b {
    margin-bottom: 8px;
    width: 200px!important
}

.button__4151b:last-child {
    margin-bottom: 0
}

.connectionInstructions__4151b {
    margin-top: 8px;
    text-align: center
}

.paymentRequestIcon__4151b {
    inset-inline-start: 8px;
    margin: auto auto 25px;
    top: 9px;
    z-index: 1
}

.theme-light .appleConnectorIcon__4151b {
    box-shadow: none
}

.buttonIcon__92b20 {
    margin-inline-end:8px}

.allPaymentsToggleButton__92b20 {
    color: var(--text-strong);
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    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
}

.SeparatorLower__92b20,.SeparatorUpper__92b20 {
    background: var(--border-subtle);
    border: 0;
    height: 1px;
    width: 100%
}

.SeparatorUpper__92b20 {
    margin: 0 0 16px
}

.SeparatorLower__92b20 {
    margin: 16px 0 0
}

.container__92b20 {
    display: grid;
    gap: var(--space-8);
    grid-template-columns: 1fr 1fr
}

@media (max-width: 485px) {
    .container__92b20 {
        grid-template-columns:1fr
    }
}

.venmoIcon__44362 {
    inset-inline-start: 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-inline-start:20px}

.section__06c2b:first-child {
    padding-inline-start: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: var(--space-8)
}

.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 {
    cursor: not-allowed;
    inset: 0;
    position: absolute;
    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-default)
}

.note__2ef07 {
    font-size: 12px;
    margin-top: 20px;
    position: relative
}

.note__2ef07~.note__2ef07 {
    margin-top: 8px
}

.icon__2ef07 {
    flex-shrink: 0;
    margin-inline-end:8px}

.large__2ef07 {
    height: 20px;
    width: 20px
}

.small__2ef07 {
    height: 14px;
    width: 14px
}

.colorWarning__2ef07 {
    color: var(--yellow-300)
}

.colorError__2ef07 {
    color: var(--text-feedback-critical)
}

.colorPrimary__2ef07 {
    color: var(--text-muted)
}

.colorSecondary__2ef07 {
    color: var(--text-default)
}

.wrapper__4106a {
    background-color: var(--modal-background);
    flex: 0 0 auto;
    padding: var(--space-16) var(--space-16) var(--space-8);
    padding-inline-start:var(--space-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 {
    inset-inline-start: 10px;
    position: absolute;
    top: 10px
}

.cardInput__8b579 {
    background-color: var(--input-background-default);
    border: 1px solid var(--input-border-default);
    border-radius: var(--radius-sm);
    padding: 10px 9px
}

.hiddenDiv__8b579 {
    height: 0;
    padding: 0;
    visibility: hidden
}

.cardNumberInput__8b579 {
    padding-inline-start:55px}

.cardInputFocused__8b579 {
    border-color: var(--text-link)
}

.cardInputError__8b579 {
    border-color: var(--border-feedback-critical)
}

.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: end;
    margin-bottom: -15px
}

.cardFormHeader__3e8d5 {
    margin-inline-start: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)
}

.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
}

.body_ceece4 {
    margin: var(--space-16) 0;
    padding: 0 4px
}

.addressElementContainer_ceece4,.loadingContainer_ceece4 {
    flex-direction: column
}

.loadingContainer_ceece4 {
    display: flex;
    justify-content: center;
    margin: var(--space-16) 0;
    min-height: 240px
}

.visible_ceece4 {
    transform: translateX(0)
}

.full-motion .visible_ceece4 {
    transition: transform .2s ease-out
}

.rightToLeftEntry_ceece4 {
    transform: translateX(100%)
}

.leftToRightEntry_ceece4 {
    transform: translateX(-100%)
}

.hidden_ceece4 {
    height: 0;
    visibility: hidden
}

.full-motion .hidden_ceece4 {
    transition: transform .2s ease-out
}

.cardElementContainer_ceece4.visible_ceece4,.defaultPaymentElementContainer_ceece4.visible_ceece4 {
    min-height: 240px
}

.customPaymentElementContainer_ceece4.visible_ceece4 {
    min-height: 160px
}

.addressElementContainer_ceece4.visible_ceece4 {
    min-height: 500px
}

.addressElementContainer_ceece4.hidden_ceece4 {
    height: 0;
    min-height: 0
}

.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-inline:20px;padding-bottom: 10px;
    padding-top: 10px;
    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;
    position: absolute;
    top: 40%;
    inset-inline: 78% 0
}

.appsIconContainer__52623 {
    height: 28px;
    padding-inline-end: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;
    -o-object-fit: none;
    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 {
    inset-inline-start: 8px;
    margin: auto auto 25px;
    top: 9px;
    z-index: 1
}

.connectionInstructions_d2b05e {
    margin-top: 8px;
    text-align: center
}

.body_b25217 {
    margin: var(--space-16) 0
}

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

.infoNotice_b25217 {
    margin-bottom: 16px
}

.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: var(--font-weight-medium);
    line-height: 1.3;
    padding: 8px;
    width: 100%
}

.notification_e1e832 a {
    color: var(--white);
    font-weight: var(--font-weight-semibold)
}

.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-inline-start: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(--border-subtle);
    height: 1px;
    margin: 24px 0;
    width: 100%
}

.legalFinePrint__1048e {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.paymentIcon__84bdf {
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px
}

.clickableContainer__84bdf {
    cursor: pointer
}

.paymentSourceLabel_f38e43 {
    line-height: 22px;
    margin-inline-start:8px;overflow: hidden;
    text-overflow: ellipsis
}

.paymentSourceLabel_f38e43:first-child {
    margin-inline-start:0}

.paymentSourceSelectedOption_f38e43 {
    align-items: center;
    display: flex;
    overflow: hidden
}

.paymentSourceWarning_f38e43 {
    align-items: flex-start;
    display: flex;
    gap: 8px;
    margin-top: 8px
}

.paymentSourceWarningIcon_f38e43 {
    flex-shrink: 0
}

.error_f38e43 {
    color: var(--red-400)
}

.dropdownLoadingContainer_f38e43 {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 8px
}

.formTitle__553e7 {
    margin-bottom: 8px
}

.checkbox__553e7 {
    margin-bottom: 10px
}

.checkbox__553e7:last-child {
    margin-bottom: 0
}

.checkboxLabel__553e7 {
    color: var(--interactive-text-default)
}

.finePrint__553e7 {
    color: var(--text-muted);
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 16px;
    margin-top: 8px
}

.container__65536 {
    background: var(--background-surface-highest);
    border: 1px solid var(--border-normal,hsla(240,4%,61%,.32));
    border-radius: 12px;
    gap: 12px;
    margin-bottom: var(--space-12);
    padding-block:8px;padding-inline:8px 16px}

.container__65536,.content__65536 {
    align-items: center;
    display: flex
}

.content__65536 {
    gap: var(--space-12);
    justify-content: center
}

.attributionBannerContainer__7b5f3 {
    align-items: center;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    margin-top: 16px;
    min-height: 48px;
    padding-bottom: 8px;
    padding-inline-start:28px;padding-top: 8px;
    position: relative
}

.avatarContainer__7b5f3 {
    height: 32px;
    width: 32px
}

.bannerHeader__7b5f3 {
    padding-inline:8px}

.bannerIcon__7b5f3 {
    border-radius: 4px;
    bottom: 0;
    inset-inline-end: 0;
    position: absolute;
    z-index: -1
}

.bannerCopy__7b5f3 {
    border-bottom: 1px solid rgba(78,80,88,.48);
    padding-bottom: 16px;
    padding-top: 8px
}

.theme-light .attributionBannerContainer__7b5f3 {
    background: linear-gradient(90deg,rgba(133,71,198,.4),rgba(184,69,193,.4) 50.24%,rgba(171,93,138,.4))
}

.theme-dark .attributionBannerContainer__7b5f3 {
    background: linear-gradient(90deg,rgba(133,71,198,.5),rgba(184,69,193,.5) 50.24%,rgba(171,93,138,.5))
}

.table_fda3e4 {
    background-color: var(--background-mod-subtle);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    padding: var(--space-12)
}

.table_fda3e4.premiumRebrand_fda3e4 {
    border: 1px solid var(--border-muted)
}

.table_fda3e4.hasError_fda3e4 {
    margin-bottom: var(--space-16)
}

.flex_fda3e4 {
    display: flex
}

.header_fda3e4 {
    color: var(--interactive-text-active);
    font-weight: var(--font-weight-semibold);
    margin-bottom: 8px
}

.header_fda3e4,.rowBase_fda3e4 {
    font-size: 16px;
    line-height: 20px
}

.rowBase_fda3e4 {
    display: flex;
    font-weight: var(--font-weight-medium)
}

.rowBase_fda3e4:not(:last-child) {
    margin-bottom: 8px
}

.row_fda3e4 {
    align-items: flex-start;
    color: var(--interactive-text-default);
    justify-content: space-between
}

.row_fda3e4.canceled_fda3e4 {
    color: var(--text-feedback-critical)
}

.rowAmount_fda3e4 {
    align-items: center;
    display: flex;
    white-space: nowrap
}

.rowLabel_fda3e4 {
    margin-inline-end:10px}

.rowPercentDiscount_fda3e4 {
    background-color: var(--green-360);
    border-radius: 2px;
    color: var(--white);
    font-size: 12px;
    line-height: 16px;
    margin-inline-start:8px;padding: 2px 4px
}

.rowDiscountOriginalPrice_fda3e4 {
    color: var(--text-muted);
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    line-height: 16px;
    margin: -4px 0 4px;
    text-align: end;
    text-decoration: line-through
}

.entitlementDiscountRow_fda3e4 {
    color: var(--text-feedback-positive);
    justify-content: flex-end
}

.divider_fda3e4 {
    background-color: var(--border-muted);
    height: 1px;
    margin: 16px 0
}

.divider_fda3e4.negativeMarginTop_fda3e4 {
    margin-top: -16px
}

.divider_fda3e4.negativeMarginBottom_fda3e4 {
    margin-bottom: -4px
}

.dividerExtended_fda3e4 {
    height: 4px;
    margin-inline:-16px}

.totalRow_fda3e4 {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.totalLabel_fda3e4 {
    color: var(--interactive-text-default);
    font-size: 16px;
    font-weight: var(--font-weight-medium);
    line-height: 20px
}

.totalAmount_fda3e4,.totalLabel_fda3e4 strong {
    color: var(--interactive-text-active);
    font-weight: var(--font-weight-semibold)
}

.finePrint_fda3e4 {
    color: var(--text-default);
    font-size: 12px;
    font-weight: var(--font-weight-medium);
    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: var(--font-weight-semibold);
    margin-top: 2px;
    margin-inline-end:8px;max-height: 16px;
    padding: 0 6px;
    position: relative
}

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

.trialEndPrice_fda3e4 {
    text-align: end
}

.wrapper_c0e5ec {
    border-radius: 4px;
    transition: background-color .2s ease
}

.wrapperActive_c0e5ec {
    background-color: var(--background-mod-subtle)
}

.container_d0a022 {
    display: flex;
    gap: 8px;
    margin-top: 8px
}

.icon_d0a022 {
    flex-shrink: 0
}

.trigger_e6ce07 {
    all: unset
}

.triggerContent_e6ce07 {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: var(--space-4)
}

.full-motion .chevron_e6ce07 {
    transition: transform .1s ease-in-out
}

[data-expanded] .chevron_e6ce07 {
    transform: rotate(-180deg)
}

.panel_e6ce07 {
    height: var(--disclosure-panel-height);
    overflow: clip;
    width: 100%
}

.full-motion .panel_e6ce07 {
    transition: height .1s ease-in-out
}

.header_b963df {
    align-items: center;
    display: flex;
    gap: var(--space-24);
    justify-content: space-between;
    width: 100%
}

.lineItemsContainer_b963df {
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
    margin-top: var(--space-12);
    width: 100%
}

.lineItem_b963df {
    align-items: flex-start;
    display: flex;
    gap: var(--space-24);
    justify-content: space-between;
    width: 100%
}

.lineItemLabel_b963df {
    align-items: center;
    display: flex;
    flex: 1;
    gap: var(--space-4);
    min-width: 0
}

.divider_ad82d8 {
    background-color: var(--border-muted);
    height: 1px;
    margin-bottom: var(--space-16);
    width: 100%
}

.totalDue_ad82d8 {
    display: flex;
    gap: var(--space-12);
    justify-content: space-between;
    margin-top: var(--space-12)
}

.cardGroup__02e50 {
    align-items: stretch;
    display: flex;
    gap: var(--space-8);
    width: 100%
}

.cardGroupWithHeadingSpacing__02e50 {
    margin-top: var(--space-12)
}

.card__02e50 {
    all: unset;
    background-color: var(--background-mod-muted);
    border: 1px solid var(--border-muted);
    border-radius: var(--radius-md);
    cursor: pointer;
    display: flex;
    flex: 1 0 0;
    flex-direction: column;
    gap: var(--space-16);
    justify-content: space-between;
    padding: var(--space-12);
    position: relative;
    transition: background-color .1s
}

.card__02e50[data-disabled] {
    cursor: not-allowed
}

.card__02e50[data-selected] {
    background-color: var(--background-mod-subtle)
}

.selectionIndicator__02e50 {
    border: 2px solid var(--input-border-hover);
    border-radius: var(--radius-md);
    inset: -1px;
    position: absolute;
    z-index: -1
}

.title__02e50 {
    margin-inline-end:var(--space-24)}

.text__02e50 {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: 0 var(--space-8)
}

.strikethrough__02e50 {
    text-decoration: line-through
}

.selectionIcon__02e50 {
    display: block;
    inset-inline-end: var(--space-8);
    position: absolute;
    top: var(--space-8)
}

.text_eaab0b {
    font-style: italic;
    text-transform: uppercase
}

.container_b776a7 {
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg,16px);
    display: flex;
    flex-direction: column;
    gap: var(--space-12,12px);
    padding: var(--space-16,16px)
}

.separator_b776a7 {
    background-color: var(--border-subtle);
    height: 1px;
    width: 100%
}

.container_da8ac7 {
    align-items: center;
    display: flex;
    gap: var(--space-12);
    width: 100%
}

.content_da8ac7 {
    width: 100%
}

.header_da8ac7 {
    align-items: center;
    display: flex;
    gap: var(--space-4);
    margin-bottom: var(--space-4)
}

.headerIcon_da8ac7 {
    border-radius: var(--radius-xs);
    height: 16px;
    width: 16px
}

.details_da8ac7 {
    align-self: center;
    display: flex;
    flex: 1;
    gap: var(--space-24);
    min-width: 0
}

.text_da8ac7 {
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    width: 100%
}

.giftMessage_da8ac7,.text_da8ac7 {
    display: flex;
    gap: var(--space-4)
}

.giftMessage_da8ac7 {
    align-items: center
}

.giftAvatar_da8ac7 {
    border-radius: var(--radius-round);
    height: 16px;
    width: 16px
}

.priceContainer_da8ac7 {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    flex-shrink: 0
}

.currentPrice_da8ac7 {
    align-items: center;
    display: flex;
    gap: var(--space-4);
    white-space: nowrap
}

.originalPrice_da8ac7 {
    text-decoration: line-through;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    white-space: nowrap
}

.icon_da8ac7 {
    align-items: center;
    align-self: flex-start;
    aspect-ratio: 1/1;
    background: var(--background-mod-subtle);
    border-radius: var(--radius-md);
    display: flex;
    height: 64px;
    justify-content: center;
    overflow: clip;
    position: relative;
    width: 64px
}

.icon_da8ac7 .expressiveGradient_da8ac7,.icon_da8ac7 .nitroCredit_da8ac7 {
    align-items: center;
    display: flex;
    inset: 0;
    justify-content: center;
    position: absolute
}

.icon_da8ac7 .nitroCredit_da8ac7 {
    background: linear-gradient(322deg,#e978e6 6.26%,#2f3ebb 79.77%)
}

.icon_da8ac7 .nitroCredit_da8ac7 svg {
    filter: drop-shadow(0 4px 10px var(--shadow-low-hover))
}

.container_e7911b {
    display: flex;
    flex-direction: column;
    gap: var(--space-16)
}

.container__33980 {
    display: flex;
    gap: 8px;
    margin-top: 20px
}

.iconBackground__33980 {
    align-items: center;
    background-color: var(--background-mod-muted);
    border-radius: var(--radius-round);
    display: flex;
    justify-content: center;
    padding: 8px
}

.link__33980 {
    cursor: pointer;
    display: inline;
    text-decoration: underline
}

.pricePerInterval_b39acb {
    color: var(--interactive-text-default);
    font-size: 16px;
    font-weight: var(--font-weight-normal);
    line-height: 20px
}

.pricePerInterval_b39acb strong {
    color: var(--interactive-text-active);
    font-size: 24px;
    font-weight: var(--font-weight-semibold);
    line-height: 30px
}

.activeFractionalPremiumBannerContainer__0687d {
    align-items: center;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    margin-bottom: 16px;
    margin-top: 5px;
    min-height: 48px;
    padding-inline:20px;padding-bottom: 10px;
    padding-top: 10px;
    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;
    position: absolute;
    top: 40%;
    inset-inline: 78% 0
}

.nitroIconContainer__0687d {
    height: 28px;
    padding-inline-end: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
}

.premiumBrandRefreshContainer__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(--space-8);
    position: relative
}

.premiumBrandRefreshIcon__0687d {
    margin-inline-end:var(--space-12)}

.trialForAllHeader__0687d {
    padding-bottom: 12px
}

.trialForAllSeparator__0687d {
    background: var(--border-subtle);
    border: 0;
    height: 1px;
    margin: 0 0 4px;
    width: 100%
}

:where(.contentImage__42bf5) {
    border-radius: var(--radius-xs);
    -o-object-fit: contain;
    object-fit: contain
}

.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(--background-gradient-chat,var(--background-base-low));
    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;
    inset-inline-end: 0;
    margin: 4px;
    overflow: hidden;
    padding: 3px;
    position: absolute;
    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)
}

.imageAccessory_af017a {
    inset-inline-start: 6px;
    position: absolute;
    top: 6px;
    z-index: 3
}

.imageZoom_af017a {
    cursor: nesw-resize;
    cursor: zoom-in
}

.clickable_af017a {
    cursor: pointer
}

.originalLink_af017a {
    inset: 0;
    position: absolute;
    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
}

.fontCode__230d2 {
    font-family: var(--font-code)
}

.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
}

.badgeLabel__635ed {
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

: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
}

.appWidgetPreviewIcon__635ed {
    display: inline-block;
    height: 1lh;
    vertical-align: bottom;
    width: 1lh
}

.container__0f2e8 {
    --custom-content-card-padding: 8px;
    align-items: center;
    background: var(--background-gradient-high,var(--background-surface-high));
    border: 1px solid var(--border-muted);
    border-radius: var(--radius-md);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    gap: 8px;
    justify-content: space-between;
    margin-inline-start:8px;margin-top: 8px;
    max-height: 120px;
    max-width: calc(var(--custom-member-list-width) - 16px);
    padding: var(--custom-content-card-padding);
    position: relative
}

.container__0f2e8:hover {
    background: var(--background-gradient-higher,var(--interactive-background-hover))
}

.container__0f2e8:hover .contentTitle__0f2e8 {
    color: var(--interactive-text-hover)
}

.container__0f2e8:hover .reply__0f2e8 {
    opacity: 1
}

.container__0f2e8:hover .additionalParticipantBadge__0f2e8 {
    background: var(--background-gradient-high,var(--background-mod-muted))
}

.usesCardRows__0f2e8 {
    flex-direction: column
}

.cardRow__0f2e8 {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: space-between;
    width: 100%
}

.openOnHover__0f2e8 {
    cursor: auto
}

.reply__0f2e8 {
    align-items: center;
    background: var(--background-base-low);
    border: 1px solid var(--background-base-lower);
    border-radius: var(--radius-xs);
    display: flex;
    height: 24px;
    inset-inline-end: 8px;
    justify-content: center;
    margin: auto;
    opacity: 0;
    position: absolute;
    top: 4px;
    width: 24px
}

.reply__0f2e8:hover .icon__0f2e8 {
    color: var(--interactive-text-hover)
}

.icon__0f2e8 {
    color: var(--interactive-text-default);
    display: block;
    height: 16px;
    -o-object-fit: contain;
    object-fit: contain
}

.selected__0f2e8,.selected__0f2e8:hover {
    background-color: var(--interactive-background-selected)
}

.selected__0f2e8 .contentDescription__0f2e8 {
    color: var(--interactive-text-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-inline-end:6px}

.facePileItem__0f2e8:not(:first-child) {
    margin-inline-start:-3px}

.additionalParticipantBadge__0f2e8 {
    background: var(--background-mod-subtle);
    border-radius: 8px;
    margin-inline-start:4px;padding-block:2.25px 2.5px;padding-inline:4.2px 4.4px}

.additionalParticipantBadgeText__0f2e8 {
    line-height: 10px
}

img.thumbnail__0f2e8 {
    -o-object-fit: cover;
    object-fit: cover;
    width: 48px
}

.divider__0f2e8 {
    background-color: var(--background-mod-subtle);
    height: 1px;
    width: 100%
}

.nowrap__5db79 {
    white-space: nowrap
}

.icon_b75563 {
    height: 1em;
    margin-bottom: .2rem;
    margin-inline-end:var(--space-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-inline-end:3px;margin-bottom: .2rem;
    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: var(--font-weight-medium);
    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)
}

.icon_c76ab6 {
    height: .5em;
    margin-inline:4px 2px;margin-bottom: 1px;
    width: .5em
}

.icon__3173f {
    height: .95rem;
    padding-inline-start:4px;position: relative;
    top: 2px;
    width: .95rem
}

.overflow_b0dfc2 {
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.root,[data-popout-root],:root {
    --__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);
    --__spoiler-text-color--hidden: transparent;
    --__spoiler-warning-text-color: var(--primary-200);
    --__spoiler-warning-text-color--hover: var(--white);
    --__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
}

.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__299eb {
    --__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__299eb.hidden__299eb {
    --__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__299eb.hidden__299eb: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__299eb.hidden__299eb.opaque__299eb {
    --__obscured-background-brightness: 0;
    --__obscured-background-blur-radius: 500px
}

.spoilerContent__299eb.hidden__299eb.opaque__299eb: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__299eb {
    background-color: var(--__current--spoiler-background-color);
    filter: blur(0);
    position: relative
}

.spoilerContainer__299eb.embedContainer__299eb {
    border-radius: var(--radius-xs)
}

.spoilerContainer__299eb.attachmentContainer__299eb {
    border-radius: var(--radius-sm)
}

.spoilerContainer__299eb.hiddenSpoiler__299eb {
    cursor: pointer
}

.spoilerContainer__299eb.hidden__299eb {
    overflow: hidden
}

.spoilerContainer__299eb.hidden__299eb article {
    background-color: var(--__current--spoiler-background-color);
    border-color: var(--__current--spoiler-background-color)
}

.spoilerContainer__299eb.hidden__299eb:not(:focus) {
    box-shadow: .5px .5px 1px 1px var(--__spoiler-container-box-shadow-color)
}

.enable-forced-colors .spoilerContainer__299eb {
    border: 1px solid var(--__current--spoiler-border-color)
}

.enable-forced-colors .spoilerContainer__299eb article {
    border-color: var(--__current--spoiler-border-color)
}

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

.obscureWarning__299eb {
    align-items: center;
    color: var(--__current--spoiler-warning-text-color);
    display: flex;
    flex-direction: column;
    inset-inline-start: 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__299eb {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 212px;
    min-width: 146px
}

.explicitContentWarning__299eb {
    text-align: center;
    width: 100%
}

.explicitContentWarningText__299eb {
    margin-top: var(--space-4)
}

.spoilerWarning__299eb {
    background-color: var(--__current--spoiler-warning-background-color);
    border-radius: 20px;
    cursor: pointer;
    font-size: 15px;
    font-weight: var(--font-weight-semibold);
    letter-spacing: .5px;
    text-transform: uppercase
}

.spoilerWarning__299eb.embed__299eb {
    margin-inline-start:4px}

.spoilerMarkdownContent__299eb {
    background-color: var(--__current--spoiler-background-color);
    border-radius: var(--radius-xs);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    transition: background-color .2s ease
}

.spoilerMarkdownContent__299eb.hidden__299eb {
    cursor: pointer
}

.spoilerMarkdownContent__299eb.hidden__299eb .obscuredBlockContent__299eb,.spoilerMarkdownContent__299eb.hidden__299eb .obscuredTextContent__299eb {
    cursor: pointer;
    pointer-events: none
}

.enable-forced-colors .obscuredTextContent__299eb {
    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__299eb {
    color: var(--__current--spoiler-text-color)
}

.obscuredTextContentInner__299eb code,.obscuredTextContentInner__299eb span {
    opacity: var(--__current--spoiler-content-opacity);
    transition: opacity .1s ease
}

.enable-forced-colors .spoilerMarkdownContent__299eb a {
    background-color: var(--__current--spoiler-background-color)
}

.spoilerMarkdownContent__299eb blockquote {
    color: var(--__current--spoiler-text-color);
    pointer-events: all;
    position: relative
}

.spoilerMarkdownContent__299eb blockquote:before {
    background-color: var(--__current--spoiler-background-color);
    border-radius: var(--radius-xs);
    content: "";
    height: 100%;
    inset-inline-start: 0;
    position: absolute;
    width: 100%
}

.enable-forced-colors .spoilerMarkdownContent__299eb blockquote:before {
    border: 1px solid var(--__current--spoiler-border-color)
}

.spoilerMarkdownContent__299eb pre {
    pointer-events: all;
    position: relative
}

.spoilerMarkdownContent__299eb 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__299eb pre:before {
    border: 1px solid var(--__current--spoiler-border-color)
}

.spoilerMarkdownContent__299eb pre code {
    opacity: var(--__current--spoiler-content-opacity)
}

.spoilerMarkdownContent__299eb ol li::marker,.spoilerMarkdownContent__299eb ul li::marker {
    color: var(--text-default)
}

.spoilerMarkdownContent__299eb h1>span,.spoilerMarkdownContent__299eb h2>span,.spoilerMarkdownContent__299eb h3>span,.spoilerMarkdownContent__299eb h4>span,.spoilerMarkdownContent__299eb h5>span,.spoilerMarkdownContent__299eb ol li>span,.spoilerMarkdownContent__299eb small>span,.spoilerMarkdownContent__299eb 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__299eb h1>span,.enable-forced-colors .spoilerMarkdownContent__299eb h2>span,.enable-forced-colors .spoilerMarkdownContent__299eb h3>span,.enable-forced-colors .spoilerMarkdownContent__299eb h4>span,.enable-forced-colors .spoilerMarkdownContent__299eb h5>span,.enable-forced-colors .spoilerMarkdownContent__299eb ol li>span,.enable-forced-colors .spoilerMarkdownContent__299eb small>span,.enable-forced-colors .spoilerMarkdownContent__299eb ul li>span {
    border: 1px solid var(--__current--spoiler-border-color)
}

.spoilerMarkdownContent__299eb h1>span>span,.spoilerMarkdownContent__299eb h2>span>span,.spoilerMarkdownContent__299eb h3>span>span,.spoilerMarkdownContent__299eb h4>span>span,.spoilerMarkdownContent__299eb h5>span>span,.spoilerMarkdownContent__299eb ol li>span>span,.spoilerMarkdownContent__299eb small>span>span,.spoilerMarkdownContent__299eb ul li>span>span {
    pointer-events: var(--__current--spoiler-pointer-events)
}

.obscureButtonContainer__299eb {
    bottom: var(--space-4);
    inset-inline-end: var(--space-4);
    position: absolute;
    transition: bottom .2s ease-in-out;
    z-index: 1
}

.obscureHoverButton__299eb {
    background-color: rgba(0,0,0,.6);
    border-radius: var(--radius-sm);
    color: var(--white);
    cursor: pointer;
    display: flex;
    padding: var(--space-4);
    transition: background-color .2s ease-in-out
}

.obscureHoverButton__299eb:hover {
    background-color: rgba(0,0,0,.8);
    transition: background-color .2s ease-in-out
}

.obscureHoverButton__299eb:focus {
    background-color: #000;
    transition: background-color .2s ease-in-out
}

.obscureHoverButton__299eb:active {
    background-color: var(--background-mod-normal);
    transition: background-color .2s ease-in-out
}

.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
}

@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
}

.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
}

.controlIcon_f1ceac {
    color: var(--interactive-text-default);
    display: flex;
    height: 24px;
    width: 24px
}

.controlIcon_f1ceac.active_f1ceac,.controlIcon_f1ceac:hover {
    color: var(--interactive-text-active)
}

.controlIcon_f1ceac.themeable_f1ceac {
    color: var(--interactive-text-default)
}

.controlIcon_f1ceac.themeable_f1ceac.active_f1ceac,.controlIcon_f1ceac.themeable_f1ceac:hover {
    color: var(--interactive-text-active)
}

.centerIcon_f1ceac {
    color: var(--interactive-text-default);
    display: flex;
    height: 20px;
    width: 20px
}

.centerIcon_f1ceac.active_f1ceac,.centerIcon_f1ceac:hover {
    color: var(--interactive-text-active)
}

.centerIcon_f1ceac.themeable_f1ceac {
    color: var(--interactive-text-default)
}

.centerIcon_f1ceac.themeable_f1ceac.active_f1ceac,.centerIcon_f1ceac.themeable_f1ceac:hover {
    color: var(--interactive-text-active)
}

.colorable_f1ceac {
    transition: background-color 50ms ease-in,color 50ms ease-in,border-color 50ms ease-in,opacity 50ms ease-in
}

.colorable_f1ceac:hover {
    transition: background-color .15s ease-out,color .15s ease-out,border-color .15s ease-out,opacity .15s ease-out
}

.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(--control-critical-primary-background-default);
    transition: background .15s ease-in-out
}

.colorable_f1ceac.disconnect_f1ceac,.colorable_f1ceac.disconnect_f1ceac .centerIcon_f1ceac {
    color: var(--control-critical-primary-text-default)
}

.colorable_f1ceac.disconnect_f1ceac:hover {
    background: var(--control-critical-primary-background-hover)
}

.colorable_f1ceac.disconnect_f1ceac:active {
    background: var(--control-critical-primary-background-active)
}

.colorable_f1ceac.redGlow_f1ceac {
    background: var(--opacity-red-12)
}

.colorable_f1ceac.redGlow_f1ceac,.colorable_f1ceac.redGlow_f1ceac .centerIcon_f1ceac {
    color: var(--red-400)
}

.colorable_f1ceac.redGlow_f1ceac:active {
    background: var(--opacity-red-24)
}

.colorable_f1ceac.redGlow_f1ceac.popoutOpen_f1ceac,.colorable_f1ceac.redGlow_f1ceac:hover {
    background: var(--opacity-red-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)
}

.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)
}

.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)
}

.colorable_f1ceac.join_f1ceac.active_f1ceac,.colorable_f1ceac.join_f1ceac:hover {
    background: var(--green-360)
}

.colorable_f1ceac.greenGlow_f1ceac {
    background: var(--opacity-green-12)
}

.colorable_f1ceac.greenGlow_f1ceac,.colorable_f1ceac.greenGlow_f1ceac .centerIcon_f1ceac {
    color: var(--green-300)
}

.colorable_f1ceac.greenGlow_f1ceac:active {
    background: var(--opacity-green-36)
}

.colorable_f1ceac.greenGlow_f1ceac.popoutOpen_f1ceac,.colorable_f1ceac.greenGlow_f1ceac:hover {
    background: var(--opacity-green-24)
}

.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)
}

.colorable_f1ceac.yellow_f1ceac {
    background: var(--yellow-400)
}

.colorable_f1ceac.yellow_f1ceac,.colorable_f1ceac.yellow_f1ceac .centerIcon_f1ceac {
    color: var(--white)
}

.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)
}

.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)
}

.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,.fullRegionDropdownButton_f1ceac {
    border: 1px solid var(--border-muted);
    border-radius: 12px
}

.fullRegionDropdownButton_f1ceac {
    align-items: center;
    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(--control-critical-primary-background-default)
}

.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(--background-mod-muted)
}

.attachedCaretButtonContainer_f1ceac.disabled_f1ceac {
    background-color: transparent!important;
    color: var(--text-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-inline-start:1px;padding: 10px 0
}

.contextMenuCaret_f1ceac {
    cursor: pointer;
    height: 16px;
    transition: none;
    width: 16px
}

.contextMenuCaret_f1ceac.disabled_f1ceac {
    color: var(--interactive-text-default)!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%;
    inset-inline-start: 50%;
    opacity: 1;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 190%
}

.glow_f1ceac,.glowVideo_f1ceac {
    pointer-events: none
}

.glowVideo_f1ceac {
    height: 100%;
    -o-object-fit: fill;
    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-block:0;margin-inline:0 4px;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;
    inset-inline-start: -3px
}

.fakeEdges_b26b79:after {
    border-radius: 0 3px 3px 0;
    inset-inline-end: -3px
}

.buffer_b26b79 {
    height: 100%;
    inset-inline-start: 0;
    opacity: .3;
    position: absolute;
    top: 0
}

.buffer_b26b79,.buffer_b26b79:after,.buffer_b26b79:before {
    background-color: var(--white)
}

.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%;
    inset-inline-start: 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)
}

.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;
    inset-inline-end: 0;
    margin-top: -5px;
    margin-inline-end:-5px;position: absolute;
    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);
    border-radius: 3px;
    color: var(--primary-100);
    font-size: 12px;
    font-weight: var(--font-weight-semibold);
    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);
    content: " ";
    height: 0;
    inset-inline-start: 50%;
    margin-inline-start:-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);
    border-radius: 24px;
    color: var(--white);
    opacity: .6;
    padding: 12px;
    transition: opacity .25s,color .25s
}

.icon__6eb54 {
    display: block;
    height: 24px;
    margin-inline:1px -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);
    display: flex;
    flex: 0 0 auto;
    height: 48px;
    padding: 12px;
    pointer-events: none
}

.wrapper__926d7 a:link,.wrapper__926d7 a:visited {
    color: var(--white)!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-inline-start:4px}

.icon__926d7 {
    display: block;
    height: 24px;
    width: 24px
}

.iconPlay__926d7 {
    margin-inline:1px -1px}

.iconExternal__926d7,.iconExternalMargins__926d7,.iconPlay__926d7 {
}

.iconExternalMargins__926d7 {
    margin-inline:2px 4px}

.enable-forced-colors .iconWrapper__926d7 {
    background-color: ButtonFace;
    color: ButtonText;
    opacity: 1
}

.statsOverlay__1219f {
    background-color: var(--opacity-black-72);
    border-radius: 8px;
    color: var(--text-default);
    display: flex;
    flex-direction: column;
    font-size: 14px;
    inset-inline-start: 8px;
    line-height: 18px;
    padding: 8px;
    pointer-events: auto;
    position: absolute;
    top: 8px;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
    z-index: 100
}

.header__1219f {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px
}

.title__1219f {
    font-size: 16px;
    font-weight: var(--font-weight-bold)
}

.headerButtons__1219f {
    align-items: center;
    display: flex;
    gap: 4px
}

.closeButton__1219f,.copyButton__1219f {
    align-items: center;
    border-radius: 4px;
    color: var(--interactive-text-default);
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    width: 24px
}

.full-motion .closeButton__1219f,.full-motion .copyButton__1219f {
    transition: all .1s ease
}

.closeButton__1219f:hover,.copyButton__1219f:hover {
    background-color: var(--custom-opacity-white-10);
    color: var(--interactive-text-hover)
}

.full-motion .closeButton__1219f:active,.full-motion .copyButton__1219f:active {
    background-color: var(--custom-opacity-white-15);
    transform: translateY(1px)
}

.closeButton__1219f:active,.copyButton__1219f:active {
    background-color: var(--custom-opacity-white-15)
}

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

.statRow__1219f {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px
}

.statRow__1219f span {
    margin-inline-end:8px}

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

.statValue__1219f {
    font-weight: var(--font-weight-bold);
    text-align: end;
    word-break: break-all
}

.errorSection__1219f {
    background-color: var(--custom-opacity-red-8);
    border-inline-start:3px solid var(--border-feedback-critical);border-radius: 3px;
    margin-top: 4px;
    padding: 6px 8px
}

.errorSection__1219f .statLabel__1219f,.errorSection__1219f .statValue__1219f {
    color: var(--text-feedback-critical)
}

.container__2d263 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative
}

.volumeButton__2d263 {
    cursor: pointer;
    line-height: 0
}

.volumeButtonSlider__2d263 {
    bottom: calc(100% + 16px);
    display: none;
    inset-inline: -78px 0;
    position: absolute;
    -webkit-app-region: no-drag;
    pointer-events: none
}

.volumeButtonSlider__2d263.sliderVisible__2d263 {
    display: initial
}

.mediaBar__2d263 {
    overflow: hidden;
    pointer-events: auto
}

.wrapper_cf09d8 {
    background-color: var(--background-base-lower);
    border-radius: 3px;
    color: var(--white);
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.wrapperAudio_cf09d8,.wrapperControlsHidden_cf09d8,.wrapperPaused_cf09d8,.wrapperPlaying_cf09d8 {
}

.wrapperAudio_cf09d8 {
    background-color: var(--background-surface-high)
}

.wrapperMediaMosaic_cf09d8 {
    height: 100%;
    max-height: inherit;
    width: 100%
}

.wrapperControlsHidden_cf09d8 {
    cursor: default
}

.wrapperAudio_cf09d8 {
    background-color: var(--background-base-lower);
    border-color: var(--border-subtle);
    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 {
    background-color: var(--opacity-black-60);
    inset-inline: 0;
    bottom: -10px;
    height: 32px;
    padding-bottom: 10px;
    position: absolute
}

.audioControls_cf09d8,.videoControls_cf09d8 {
    align-items: center;
    display: flex;
    width: 100%
}

.audioControls_cf09d8 {
    background-color: var(--opacity-black-40);
    border-radius: var(--radius-sm);
    margin-top: 4px
}

.controlIcon_cf09d8 {
    color: var(--interactive-text-default);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    height: 24px;
    padding: 4px;
    width: 24px
}

.controlIcon_cf09d8:hover {
    color: var(--interactive-text-active)
}

.controlIcon_cf09d8:active {
    transform: translateY(1px)
}

.volumeSliderWrapper_cf09d8 {
    margin-bottom: 4px;
    margin-inline-start:-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: var(--font-weight-medium);
    line-height: 12px;
    vertical-align: text-top
}

.durationTimeSeparator_cf09d8 {
    margin: 0 2px
}

.video_cf09d8 {
    border-radius: 3px;
    display: block;
    height: 100%;
    -o-object-fit: contain;
    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-text-default)
}

.audioMetadata_cf09d8 .metadataIcon_cf09d8:hover {
    color: var(--interactive-text-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;
    position: absolute;
    top: -10px;
    inset-inline: 0;
    padding: 22px 12px 12px;
    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: var(--font-weight-medium);
    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);
    height: 25px;
    width: 24px
}

.playCenter_cf09d8 {
    align-items: center;
    display: flex;
    justify-content: center;
    top: 0;
    inset-inline: 0;
    bottom: 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);
    height: 24px;
    inset-inline-start: 50%;
    margin-inline-start:-23px;margin-top: -23px;
    padding: 12px;
    top: 50%;
    width: 24px
}

.playPausePop_cf09d8 .playPausePopIcon_cf09d8 {
    display: block;
    height: 24px;
    width: 24px
}

.videoButton_cf09d8 {
    margin-inline-end: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
}

.dimensionlessImage_a22bfd {
    height: 100%;
    -o-object-fit: scale-down;
    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: -moz-fit-content;
    max-width: fit-content
}

.galleryItemOverlay_d75751 {
    background-color: var(--black);
    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-base-low);
    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-inline-start:8px}

.galleryItem_d75751.last_d75751 {
    border-radius: 2px 8px 8px 2px;
    margin-inline-end:8px}

.galleryItem_d75751 * {
    border-radius: inherit
}

.galleryItem_d75751.inactive_d75751:after {
    background-color: var(--black);
    border-radius: inherit;
    content: "";
    height: 100%;
    inset-inline-start: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    transition: opacity .2s ease-in-out;
    width: 100%
}

.galleryItem_d75751.inactive_d75751:after:hover {
    opacity: .15
}

.obscured_d75751 {
    background-color: var(--spoiler-hidden-background);
    border-color: var(--spoiler-hidden-background)
}

.button_aec7ab {
    background-color: var(--background-surface-highest);
    border-radius: var(--radius-md);
    cursor: pointer;
    display: grid;
    height: 40px;
    place-items: center;
    width: 40px
}

.buttonInner_aec7ab {
    border: 1px solid var(--border-muted);
    border-radius: inherit;
    color: var(--interactive-text-default);
    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(--background-mod-muted);
    color: var(--interactive-text-hover)
}

.buttonInner_aec7ab:active {
    background-color: var(--background-mod-subtle);
    color: var(--interactive-text-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;
    -o-object-fit: contain;
    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;
    background-color: var(--background-surface-high);
    border: 1px solid transparent;
    border-color: var(--border-subtle);
    border-radius: 8px;
    box-shadow: var(--shadow-low);
    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-inline-end:8px;width: 30px
}

.filenameWrapper__0ccae {
    align-items: flex-end;
    display: flex
}

.filename__0ccae {
    font-size: 16px;
    font-weight: var(--font-weight-normal);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .theme-light .filename__0ccae {
        font-weight:var(--font-weight-medium)
    }
}

.metadata__0ccae {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: var(--font-weight-normal);
    line-height: 16px;
    margin-inline-end:8px}

.rate__0ccae {
    flex-shrink: 0;
    margin-inline-start:8px;min-width: 60px;
    text-align: end
}

.progressContainer__0ccae {
    align-items: center;
    display: flex;
    height: 16px
}

.cancelButton__0ccae,.size__0ccae {
    margin-inline-start:4px}

.cancelButton__0ccae {
    color: var(--interactive-text-default);
    cursor: pointer
}

.cancelButton__0ccae:hover {
    color: var(--interactive-text-hover)
}

.filenameLinkWrapper__0ccae {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fileNameLink__0ccae:hover {
    text-decoration: underline
}

.filename__0ccae {
    color: var(--interactive-text-active)
}

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

.size__0ccae {
    color: var(--text-muted)
}

.custom-theme-background .file__0ccae {
    background-color: var(--background-mod-subtle);
    border-color: var(--border-subtle)
}

@use postcss-pxtorem;.spinner__4d95d {
    height: 100%;
    width: 100%
}

.container__4d95d {
    display: grid;
    max-width: 50vw;
    width: 100%
}

.textContainer__4d95d {
    background-color: var(--background-base-lower);
    border: 1px solid var(--border-subtle);
    border-color: var(--border-subtle);
    border-radius: 4px 4px 0 0;
    box-sizing: border-box;
    height: 100%;
    max-height: 500px;
    min-height: 118px;
    overflow: hidden
}

.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 {
    background-color: transparent;
    font-size: .875rem;
    line-height: 1rem;
    min-height: 100px;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

.codeView__4d95d::-webkit-scrollbar-track {
    margin: 0 .5em
}

.wordWrap__4d95d {
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word
}

.newMosaicStyle__4d95d .codeView__4d95d {
    margin: 8px 8px 0;
    padding: 8px
}

.expanded__4d95d {
    overflow: auto
}

.footer__4d95d {
    align-items: center;
    background-color: var(--background-surface-high);
    border: 1px solid var(--border-subtle);
    border-radius: 0 0 8px 8px;
    border-top: 0;
    border-color: var(--border-subtle);
    box-sizing: border-box;
    color: var(--text-default);
    display: flex;
    flex-shrink: 0;
    font-size: .875rem;
    justify-content: flex-end;
    min-width: 0;
    padding: var(--space-12)
}

.openFullPreviewSection__4d95d {
    cursor: pointer;
    margin-inline-start:var(--space-16)}

.footerGap__4d95d {
    flex: 200 0 auto;
    min-width: var(--space-16)
}

.nameSection__4d95d {
    min-width: 0;
    overflow: hidden
}

.nameContainer__4d95d {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 2px;
    min-width: 0
}

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

.expandCollapseSection__4d95d {
    margin-inline-end:var(--space-8)}

.languageSelector__4d95d {
    background-color: var(--background-surface-high);
    border-radius: 4px;
    box-shadow: var(--shadow-border),var(--shadow-high);
    margin-top: 4px;
    max-width: 176px;
    overflow: hidden;
    padding: 8px 8px 4px
}

.languageIcon__4d95d {
    cursor: pointer;
    display: flex
}

.downloadAnchor__4d95d {
    display: none
}

.overflowIcon__4d95d {
    cursor: pointer;
    display: flex;
    margin-inline-end:var(--space-4);margin-inline-start: var(--space-16)
}

.modalContent__4d95d {
    display: grid;
    height: 100%;
    min-height: 0;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
    width: 100%
}

.modalContent__4d95d .codeView__4d95d {
    background-color: var(--background-surface-high)
}

.modalFooter__4d95d {
    align-items: center;
    border-top: 1px solid var(--border-subtle);
    border-color: var(--border-subtle);
    box-sizing: border-box;
    display: flex;
    flex-shrink: 0;
    font-size: .875rem;
    justify-content: flex-end;
    min-width: 0;
    padding: var(--custom-modal-padding-md) var(--custom-modal-padding-md) 0
}

.modalTextContainer__4d95d {
    background-color: var(--background-base-lower);
    overflow: scroll
}

.wrapper__58105 {
    align-items: center;
    contain: layout size;
    display: flex;
    height: 100%;
    justify-content: flex-start;
    overflow: hidden;
    position: relative;
    width: 8px
}

.item__58105 {
    background-color: var(--text-strong);
    border-radius: 0 4px 4px 0;
    display: block;
    margin-inline-start:-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-inline-start:-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-inline-start:0}

.partyMember_b1fb0b:last-child {
    -webkit-mask: none;
    mask: none
}

.partyMemberOverflow_b1fb0b {
    align-items: center;
    background-color: var(--background-base-lower);
    border-radius: 12px;
    color: var(--text-default);
    display: flex;
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
    height: var(--custom-summary-avatars-avatar-diameter);
    justify-content: center;
    line-height: 16px;
    margin-inline-start:-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(--text-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-base-low);
    border-radius: 80px;
    color: var(--interactive-text-default);
    display: inline-block;
    padding: 22px
}

.iconOffset__0a12b {
    margin-inline-start:8px;margin-top: 4px
}

.stars__0a12b {
    inset-inline-start: -10px;
    position: absolute
}

.header__0a12b {
    margin-bottom: 8px
}

.header__0a12b,.text__0a12b {
    text-transform: none
}

.container_e97453 {
    border-radius: 8px;
    cursor: pointer;
    margin-top: 4px;
    margin-inline-start:8px;padding-inline:12px 8px;padding-bottom: 4px;
    position: relative
}

.container_e97453:hover {
    background: var(--background-gradient-low,var(--background-base-lowest))
}

.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-inline-end:8px}

.dot_e97453 {
    color: var(--border-subtle);
    justify-content: center
}

.icon_e97453 {
    color: var(--text-default);
    display: flex
}

.count_e97453 {
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding-inline:5px 8px}

.title_e97453 {
    padding-bottom: 4px
}

.subtitle_e97453 {
    padding-bottom: 12px;
    text-transform: none
}

.unreadPill_e97453 {
    inset-inline-start: -8px;
    position: absolute;
    top: 24px
}

.feedbackContainer_e97453 {
    display: flex;
    flex-direction: column;
    gap: 6px;
    height: 100%;
    inset-inline-end: 8px;
    justify-content: center;
    position: absolute;
    top: 0
}

.thumbIcon_e97453 {
    background: var(--background-mod-normal);
    border-radius: 16px;
    color: var(--interactive-text-default);
    cursor: pointer;
    padding: 8px
}

.thumbIcon_e97453:active,.thumbIcon_e97453:hover {
    color: var(--interactive-text-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-mod-subtle);
    border-radius: 24px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    gap: var(--space-12);
    max-width: 100%;
    min-width: 0;
    padding: 12px;
    position: relative;
    transition: background-color .2s ease-in-out
}

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

.playing_a8e786 .playIcon_a8e786 {
    color: var(--brand-500)
}

.playButtonContainer_a8e786 {
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    height: 32px;
    justify-content: center;
    margin-inline-start:-4px;margin-bottom: -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)
}

.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%)
}

.playing_a8e786 {
    border-color: var(--opacity-blurple-60)
}

.oldPlayIconSpacing_a8e786 {
    margin-inline:1px -1px}

.audioElement_a8e786 {
    display: none
}

.playbackRate_a8e786 {
    background-color: var(--background-mod-subtle);
    border-radius: 4px;
    color: var(--interactive-text-default);
    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(--interactive-background-hover);
    color: var(--interactive-text-active);
    transition: none
}

.playing_a8e786 .playbackRateContainer_a8e786 .playbackRate_a8e786 {
    background-color: var(--interactive-background-active);
    color: var(--brand-200)
}

.playing_a8e786 .playbackRateContainer_a8e786:hover .playbackRate_a8e786 {
    background-color: var(--interactive-background-hover);
    color: var(--white)
}

.volumeButton_a8e786 {
    flex-shrink: 0
}

.volumeButtonIcon_a8e786 {
    color: var(--interactive-text-default);
    transition: color .2s ease-in-out
}

.volumeButtonIcon_a8e786:hover {
    color: var(--interactive-text-hover);
    transition: none
}

.volumeButtonIcon_a8e786:active {
    color: var(--interactive-text-active);
    transition: none
}

.playing_a8e786 .volumeButtonIcon_a8e786 {
    color: var(--brand-200)
}

.playing_a8e786 .volumeButtonIcon_a8e786:hover {
    color: var(--white)
}

.playing_a8e786 .volumeButtonIcon_a8e786:active {
    color: var(--brand-200)
}

.volumeSlider_a8e786 {
    margin-bottom: 4px;
    margin-inline-start:-8px;z-index: 2
}

.duration_a8e786 {
    color: var(--interactive-text-default);
    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)
}

.waveform_a8e786 {
    z-index: 1
}

.rippleContainer_a8e786 {
    border: 1px solid var(--border-subtle);
    border-radius: 24px;
    bottom: 0;
    position: absolute;
    top: 0;
    inset-inline: 0;
    overflow: hidden;
    transition: border-color .2s ease-in-out
}

.ripple_a8e786 {
    aspect-ratio: 1/1;
    background-color: var(--brand-530);
    border-radius: 50%;
    inset-inline-start: 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;
    border: 1px solid var(--border-subtle);
    cursor: pointer;
    display: flex;
    inset-inline: var(--space-8) var(--space-16);
    min-height: 24px;
    position: absolute;
    text-transform: capitalize;
    transition: opacity .15s;
    z-index: 2
}

.barBase__0f481,.barBase__0f481:hover {
    opacity: 1
}

.barButtonBase__0f481 {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    color: inherit;
    display: flex;
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    justify-content: flex-start;
    line-height: 18px;
    padding: 0 12px;
    padding-inline-start:var(--space-4);text-align: start
}

.barButtonIcon__0f481 {
    display: block;
    height: 16px;
    margin-inline-start:8px;position: relative;
    top: -1px;
    width: 16px
}

.bottomBar__0f481 {
    background-color: var(--background-surface-highest);
    border: 1px solid var(--border-normal);
    border-radius: var(--radius-lg);
    bottom: calc(var(--custom-channel-textarea-text-area-height) + 28px);
    box-shadow: var(--shadow-medium);
    box-sizing: border-box;
    inset-inline: 0;
    margin-block:0 var(--space-8);margin-inline: auto;
    min-height: 44px;
    min-width: 284px;
    padding-block:var(--space-8) var(--space-8);padding-inline: var(--space-16) var(--space-8);
    width: -moz-max-content;
    width: max-content
}

.bottomBar__0f481:before {
    content: "";
    inset-inline: -16px;
    bottom: -9px;
    box-sizing: var(--shadow-high);
    height: 8px;
    -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
}

.jumpToPresentBar__0f481 {
    bottom: 28px;
    color: var(--text-default);
    padding-bottom: var(--space-8)
}

.jumpToPresentBar__0f481:active {
    margin-bottom: calc(var(--space-8) - 1px)
}

.jumpToPresentBar__0f481 .spinner__0f481 {
    padding-inline-end:12px}

.jumpToPresentBar__0f481 .spinnerItem__0f481 {
    background-color: var(--white)
}

.messagesErrorBar__0f481 {
    background-color: var(--notice-background-critical);
    border-color: var(--border-feedback-critical);
    color: var(--notice-text-critical);
    padding: var(--space-4) var(--space-8)
}

.messagesErrorBar__0f481:active {
    margin-bottom: -1px
}

.messagesErrorBar__0f481 .spinner__0f481 {
    padding-inline-end:12px}

.messagesErrorBar__0f481 .spinnerItem__0f481 {
    background-color: var(--notice-text-critical)
}

.newMessagesBar__0f481 {
    background-color: var(--brand-500);
    border-radius: 0 0 8px 8px;
    box-shadow: var(--elevation-low);
    color: var(--white);
    height: 32px;
    padding-inline:var(--space-16);top: 0;
    z-index: 3
}

.newMessagesBar__0f481:active {
    box-shadow: 0 0 0 hsl(var(--black-hsl)/0);
    padding-top: 1px
}

.newMessagesPillContainer__0f481 {
    align-items: center;
    display: flex;
    position: absolute;
    top: 16px;
    inset-inline: 0;
    justify-content: center;
    pointer-events: none;
    z-index: 2
}

.containerMarginTop__0f481 {
    top: 48px
}

.newMessagesPill__0f481 {
    align-items: center;
    background-color: var(--background-surface-high);
    border-radius: 18px 0 0 18px;
    cursor: pointer;
    display: flex;
    padding-block:9px;padding-inline:16px 12px;pointer-events: auto
}

.newMessagesPill__0f481:hover {
    background-color: var(--background-base-lowest)
}

.theme-light .newMessagesPill__0f481 {
    background-color: var(--background-base-lower)
}

.theme-light .newMessagesPill__0f481:hover {
    background-color: var(--background-base-lowest)
}

.newMessagesClear__0f481 {
    align-items: center;
    background-color: var(--background-surface-high);
    border-inline-start:solid 1px var(--border-subtle);border-radius: 0 18px 18px 0;
    cursor: pointer;
    display: flex;
    padding-block:10px;padding-inline:8px 10px;pointer-events: auto
}

.newMessagesClear__0f481:hover {
    background-color: var(--background-base-lowest)
}

.theme-light .newMessagesClear__0f481 {
    background-color: var(--background-base-lower)
}

.theme-light .newMessagesClear__0f481:hover {
    background-color: var(--background-base-lowest)
}

.newMessagesClearIcon__0f481 {
    color: var(--text-default);
    height: 16px;
    width: 16px
}

.jumpToPresentButtonContainer__0f481 {
    align-items: center;
    bottom: 16px;
    display: flex;
    inset-inline: 0 16px;
    justify-content: flex-end;
    pointer-events: none;
    position: absolute;
    z-index: 2
}

.jumpToPresentButton__0f481 {
    align-items: center;
    background-color: var(--background-surface-high);
    border-radius: 18px;
    cursor: pointer;
    display: flex;
    padding: 6px;
    pointer-events: auto
}

.jumpToPresentButton__0f481:hover {
    background-color: var(--background-base-lowest)
}

.theme-light .jumpToPresentButton__0f481 {
    background-color: var(--background-base-lower)
}

.theme-light .jumpToPresentButton__0f481:hover {
    background-color: var(--background-base-lowest)
}

.jumpToPresentButtonIcon__0f481 {
    color: var(--text-default);
    height: 24px;
    width: 24px
}

.jumpToPresentSpinner__0f481 {
    background-color: var(--background-surface-high);
    border-radius: 18px;
    height: 24px;
    padding: 6px;
    width: 24px
}

.jumpToPresentSpinnerItem__0f481 {
    color: var(--text-default)
}

.barButtonMain__0f481 {
    display: block;
    flex: 1 1 auto;
    position: relative
}

.barButtonMain__0f481,.span__0f481 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.barButtonAlt__0f481 {
    background-color: var(--control-secondary-background-default);
    border-radius: var(--radius-sm);
    flex: 0 0 auto;
    font-weight: var(--font-weight-semibold);
    padding: var(--space-4) var(--space-8);
    position: relative
}

.barButtonAlt__0f481:hover {
    background-color: var(--control-secondary-background-hover)
}

.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-block:16px;margin-inline:16px 6px}

.hasMore__0f481 {
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px var(--border-subtle);
    color: var(--brand-500);
    cursor: pointer;
    font-size: 12px;
    font-weight: var(--font-weight-medium);
    line-height: 32px;
    text-align: center;
    text-transform: uppercase
}

.hasMore__0f481:hover {
    background-color: var(--interactive-background-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-text-default);
    cursor: pointer;
    font-size: 12px;
    font-weight: var(--font-weight-medium);
    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-text-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: var(--font-weight-medium);
    line-height: 16px;
    margin: .25rem 0 .75rem
}

.mediaMosaicAltTextContainer__0f481 {
    position: relative
}

.mediaMosaicVideoAltTextContainer__0f481 {
    inset-inline-start: 4.5px;
    position: absolute;
    top: 4px
}

.mediaMosaicAltText__0f481 {
    background-color: rgba(0,0,0,.6);
    border-radius: 4px;
    bottom: 4px;
    color: var(--white);
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
    inset-inline-start: 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
}

.mediaMosaicVideoAltText__0f481 {
    bottom: inherit;
    inset-inline-start: inherit;
    position: inherit
}

.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-mod-normal);
    transition: background-color .2s ease-in-out
}

.mediaMosaicAltTextPopout__0f481 {
    background-color: var(--background-surface-high);
    border-radius: 8px;
    box-shadow: var(--shadow-border),var(--shadow-high);
    color: var(--text-default);
    display: flex;
    flex-direction: column;
    max-width: 360px;
    padding: 13.5px 12px
}

.mediaMosaicAltTextPopoutTitle__0f481 {
    font-size: 12px;
    font-weight: var(--font-weight-bold);
    line-height: 16px;
    margin-bottom: 9.5px;
    text-transform: uppercase
}

.mediaMosaicAltTextPopoutDescription__0f481 {
    font-size: 16px;
    font-weight: var(--font-weight-normal);
    line-height: 20px;
    word-break: break-word
}

.clickCTA__0f481 {
    color: var(--primary-300)
}

.popoutContainer__0f481 {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: color-mix(in oklab,var(--background-surface-highest),transparent 10%);
    border-radius: 8px;
    box-shadow: var(--shadow-border),var(--shadow-low);
    overflow: hidden;
    width: var(--custom-message-helpers-popout-container-width)
}

@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;
    inset-inline-start: 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-base-lower)
}

&.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);
    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);
    justify-content: space-between;
    top: 0
}

.newTopicsBarContainer__0f481:active {
    box-shadow: 0 0 0 hsl(var(--black-hsl)/0)
}

@media (max-width: 914px) {
    .newTopicsBarCompact__0f481 {
        display:none
    }

    .newTopicsBarText__0f481 .topicsPillDropdownCaret__0f481 {
        padding-inline-start:0}
}

.newTopicsBarTopicSection__0f481 {
    align-items: center;
    display: flex;
    margin-inline-start:8px;max-width: 33%;
    z-index: 2
}

.newTopicsBarTextClickable__0f481 {
    overflow: hidden;
    white-space: nowrap
}

.newTopicsBarTextClickable__0f481:hover .newTopicsBarCaret__0f481 {
    opacity: 1
}

.newTopicsBarCaret__0f481 {
    margin-inline-end:4px;opacity: .7;
    padding-inline-start:8px}

.newTopicsBarText__0f481 {
    color: var(--white);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.newTopicsBarIcon__0f481 {
    margin-inline: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-text-active)
}

.flexEnd__0f481 {
    justify-content: flex-end
}

.flexStart__0f481 {
    justify-content: flex-start
}

.topicsPillContainer__0f481 {
    background: var(--background-gradient-lower,var(--background-surface-high));
    border-radius: 0 0 8px 8px;
    border-top: 0;
    box-shadow: var(--shadow-low);
    height: 32px;
    min-height: 32px;
    opacity: 1;
    top: 0
}

.topicsPill__0f481 {
    align-items: center;
    display: flex;
    width: 100%;
    z-index: 2
}

.topicsPillText__0f481 {
    cursor: pointer;
    display: flex;
    flex: 1;
    overflow: hidden;
    padding-block:8px;padding-inline:10px 8px;text-align: center
}

.topicsPillText__0f481,.topicsPillText__0f481:hover .topicsPillDropdownCaret__0f481 {
    color: var(--interactive-text-active)
}

.topicsPillTextUnselected__0f481 {
    align-items: center;
    display: flex;
    overflow: hidden;
    padding-inline-start:4px;text-overflow: ellipsis;
    white-space: nowrap
}

.topicsPillTextSelected__0f481 {
    background: var(--background-gradient-low,rgba(0,0,0,.1));
    border-radius: 16px;
    display: flex;
    height: 26px
}

.topicsPillTextSelected__0f481 .topicsPillDropdownCaret__0f481 {
    color: var(--interactive-text-active)
}

.topicsPillSummaryIcon__0f481 {
    margin-inline-end:4px;min-height: 16px;
    min-width: 16px
}

.topicsPillTextTitle__0f481 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.topicsPillDropdownCaret__0f481 {
    color: var(--interactive-text-default);
    margin-inline-end:4px;padding-inline-start:8px}

.topicsPillCarets__0f481 {
    display: flex;
    height: 24px;
    justify-content: space-between;
    padding-inline-end:16px;top: 4px
}

.topicsPillCaret__0f481 {
    align-items: center;
    background: var(--control-secondary-background-default);
    color: var(--interactive-text-default);
    cursor: pointer;
    display: flex;
    justify-content: center;
    width: 32px
}

.topicsPillCaret__0f481:hover {
    background: var(--control-secondary-background-hover);
    color: var(--interactive-text-active)
}

.topicsPillCaret__0f481:active {
    background: var(--control-secondary-background-active)
}

.topicsCaretRight__0f481 {
    border-radius: 0 20px 20px 0
}

.topicsCaretLeft__0f481 {
    border-inline-end:1px solid var(--border-subtle);border-radius: 20px 0 0 20px
}

.topicsPillCaretDisabled__0f481 {
    opacity: .5;
    pointer-events: none
}

.topicsDropdownBase__0f481 {
    border: 1px solid var(--border-subtle);
    border-radius: 8px;
    cursor: default;
    opacity: 1;
    position: absolute;
    width: 412px
}

.topicsDropdown__0f481 {
    top: 40px
}

.topicsDropdownHeading__0f481 {
    background: var(--background-gradient-low,var(--background-base-lowest));
    border-start-end-radius: 8px;
    border-start-start-radius: 8px;
    display: flex;
    justify-content: space-between;
    padding-block:14px;padding-inline:20px 14px}

.topicsDropdownHeadingText__0f481 {
    align-items: center;
    display: flex;
    padding-inline-end:16px;padding-top: 6px;
    pointer-events: none
}

.topicsPillHeadingIcon__0f481 {
    color: var(--interactive-text-default);
    padding-inline-end:8px}

.summariesBetaTag__0f481 {
    margin-inline-start:4px}

.topicsDropdownClose__0f481 {
    cursor: pointer;
    opacity: .5;
    transition: opacity .2s;
    -webkit-app-region: no-drag;
    color: var(--text-default)
}

.topicsDropdownClose__0f481:hover {
    opacity: 1
}

.topicsScroller__0f481 {
    background: var(--background-gradient-lower,var(--background-base-lower));
    border-end-end-radius: 8px;
    border-end-start-radius: 8px;
    display: flex;
    flex-direction: column;
    max-height: 412px;
    padding-bottom: 4px;
    padding-top: 4px
}

.topicsDotSpacer__0f481,.topicsTimeAgo__0f481 {
    padding-inline-end:8px}

.topicsDotSpacer__0f481 {
    color: var(--border-subtle);
    justify-content: center
}

.topicsMessageCount__0f481 {
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding-inline:5px 8px}

.topicsChatBubbleIcon__0f481 {
    color: var(--text-default);
    display: flex;
    padding-inline-start: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
}

.customEmojiLabel_d5cd2d {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.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)
}

.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-base-lower);
    padding: var(--custom-message-helpers-popout-padding-width)
}

.guildTitle_d5cd2d {
    color: var(--text-default);
    margin-bottom: 8px
}

.guildIcon_d5cd2d {
    cursor: pointer
}

.guildIcon_d5cd2d,.guildIconNotClickable_d5cd2d {
    height: 100%;
    width: 100%
}

.guildBadge_d5cd2d {
    margin-inline-end:4px;min-width: 16px
}

.guildName_d5cd2d {
    cursor: pointer
}

.showMoreEmojis_d5cd2d {
    color: var(--interactive-text-default);
    cursor: pointer;
    font-weight: var(--font-weight-semibold);
    margin-top: 8px;
    transition: color .125s
}

.showMoreEmojis_d5cd2d:hover {
    color: var(--interactive-text-active)
}

.showMoreEmojisArrow_d5cd2d {
    height: 16px;
    inset-inline-start: 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(--background-mod-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-surface-high);
    box-shadow: var(--shadow-border),var(--shadow-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-text-hover);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-weight: var(--font-weight-semibold);
    justify-content: center;
    margin-top: 8px;
    padding: 6px 0;
    transition: color .125s
}

.reactionEmojiDetailsClickable_d5cd2d:hover {
    color: var(--interactive-text-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(--border-subtle);
    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-inline-end:8px}

.betaTag_d5cd2d {
    inset-inline-end: -8px;
    position: absolute;
    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;
    inset-inline: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0
}

.soundButtonWrapper__9be63 {
    background: var(--background-base-lower);
    list-style: none
}

.soundButton__9be63,.soundButtonWrapper__9be63 {
    border-radius: var(--radius-sm);
    position: relative
}

.soundButton__9be63 {
    align-items: center;
    background: var(--background-mod-subtle);
    border: 1px solid transparent;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    font-weight: var(--font-weight-semibold);
    height: 40px;
    justify-content: center;
    overflow: hidden;
    text-align: center;
    width: 148px
}

.soundButton__9be63.focused__9be63,.soundButton__9be63:active:not(:focus-within),.soundButton__9be63:hover {
    border-color: var(--border-subtle)
}

.high-contrast-mode .soundButton__9be63 {
    border-color: var(--border-muted)
}

.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-inline-end:4px}

.hoverActiveBackground__9be63.focused__9be63,.hoverActiveBackground__9be63:focus-within {
    background: var(--background-mod-normal)
}

.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(--text-strong);
    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 {
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0
}

.addButtonOverlay__9be63,.buttonOverlay__9be63 {
    opacity: 0;
    transition: opacity .2s ease;
    visibility: hidden
}

.buttonOverlayBackground__9be63 {
    background: var(--background-surface-highest);
    opacity: .8
}

.buttonOverlayActions__9be63 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0 8px
}

.secondaryButton__9be63 {
    color: var(--interactive-text-default);
    display: flex
}

.secondaryButton__9be63:focus,.secondaryButton__9be63:hover {
    color: var(--interactive-text-hover);
    cursor: pointer
}

.secondaryIcon__9be63 {
    height: 16px;
    width: 16px
}

.favoriteIconFavorite__9be63 {
    color: var(--text-feedback-warning)
}

.primaryIcon__9be63 {
    color: var(--interactive-text-active);
    flex: 1;
    height: 20px;
    width: 20px
}

.lockIcon__9be63,.primaryIcon__9be63 {
    pointer-events: none
}

.primaryIconTopLevel__9be63 {
    position: absolute;
    z-index: 9999
}

.unavailableTooltip__9be63 {
    align-items: center;
    display: flex;
    height: 40px;
    position: absolute;
    top: 0;
    inset-inline: 0;
    inset-inline-end: 0;
    justify-content: space-between;
    padding: 0 8px
}

.unavailableTooltip__9be63:hover .unavailableTooltipActions__9be63 {
    opacity: 1;
    visibility: visible
}

.unavailableTooltipActions__9be63 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    opacity: 0;
    pointer-events: auto;
    transition: opacity .2s ease;
    visibility: hidden;
    width: 100%
}

.icon__14ad3 {
    height: 16px;
    width: 16px
}

.sliderContainer__14ad3 {
    background-color: var(--background-surface-high);
    border-radius: var(--radius-sm);
    display: flex;
    flex-direction: column;
    min-width: 188px;
    padding: var(--space-12)
}

.slider__14ad3 {
    margin-bottom: calc(var(--space-8)*-1)
}

.betaBadge__14ad3 {
    inset-inline-start: var(--space-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-surface-high);
    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(--space-8);
    position: relative;
    z-index: 2
}

.infoNitroIcon__14ad3 {
    margin-inline-end:var(--space-4)}

.infoNitroText__14ad3 {
    flex: 1;
    margin-inline-end:var(--space-16)}

.infoNitroBadge__14ad3 {
    margin-inline-start: 0 auto
}

.infoSoundContainer__14ad3 {
    background-color: var(--background-surface-high);
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    padding: var(--space-12)
}

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

.infoSoundIcon__14ad3 {
    margin-inline-end:var(--space-4)}

.infoExpandedSoundContainer__14ad3 {
    align-items: center;
    background-color: var(--background-base-lower);
    display: flex;
    flex-direction: row;
    gap: var(--space-16);
    padding: var(--space-16)
}

.infoExpandedGuildContainer__14ad3 {
    align-items: start;
    background-color: var(--background-mod-normal);
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
    padding: var(--space-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(--space-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-background-default);
    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(--control-connected-border-default)
}

.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(--space-4);
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.inlineTextArea__5cc6a {
    margin: 2px var(--space-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
}

.hljs-ansi-control-sequence {
    display: none
}

.hljs-ansi-style-bold {
    font-weight: var(--font-weight-bold)
}

.hljs-ansi-style-underline {
    text-decoration: underline
}

.hljs-ansi-foreground-black {
    color: var(--text-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-text-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-default);
    -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: var(--font-weight-bold)
}

.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 {
    color: var(--text-subtle);
    text-indent: 0
}

.markup__75297 blockquote pre {
    max-width: 100%
}

.markup__75297 small:not(.inlineFormat__75297) {
    color: var(--text-subtle);
    display: block;
    font-size: .875rem;
    line-height: 1.20313rem
}

.markup__75297 small.inlineFormat__75297:after {
    content: " "
}

.markup__75297 code {
    background: var(--background-code);
    border: 1px solid var(--border-normal);
    font-size: .875rem;
    line-height: 1.125rem;
    text-indent: 0;
    white-space: pre-wrap
}

.markup__75297 .no-webkit-scrollbar code {
    scrollbar-color: var(--background-base-lowest) var(--background-base-lower);
    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 {
    max-width: 50vw;
    position: relative
}

.markup__75297 .codeActions__75297 {
    display: none;
    inset-inline-end: 4px;
    position: absolute;
    top: 8px
}

.markup__75297 .codeContainer__75297:hover .codeActions__75297 {
    display: block
}

.markup__75297 .inlineFormat__75297 li,.markup__75297.inlineFormat__75297 li {
    display: inline;
    margin: 0;
    padding-inline-end:8px}

.markup__75297 .inlineFormat__75297 li:before,.markup__75297.inlineFormat__75297 li:before {
    content: "•";
    padding-inline-end: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-block:4px 0;margin-inline:16px 0}

.markup__75297 ol.inlineFormat__75297,.markup__75297 ul.inlineFormat__75297 {
    display: inline;
    margin: 0;
    padding-block:0;padding-inline:0 8px}

.markup__75297 ul {
    list-style-type: disc
}

.markup__75297 ol {
    list-style-type: decimal;
    margin-inline-start: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(--text-strong);
    font-family: var(--font-display);
    font-weight: var(--font-weight-bold);
    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: var(--font-weight-semibold);
    line-height: 1.25em;
    margin: 0!important;
    padding-inline-end: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
}

.custom-theme-background .markup__75297 code {
    background: color-mix(in oklab,var(--background-code) 95%,var(--white))
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .theme-light .markup__75297 {
        font-weight:var(--font-weight-medium)
    }
}

.blockquoteContainer__75297 {
    display: flex;
    margin-bottom: var(--space-4);
    margin-top: var(--space-4)
}

.blockquoteContainer__75297 .blockquoteDivider__75297 {
    border-radius: 4px;
    min-width: 4px;
    width: 4px
}

.blockquoteContainer__75297 blockquote {
    box-sizing: border-box;
    padding-block:0;padding-inline:12px 8px;text-indent: 0
}

.blockquoteDivider__75297 {
    background-color: var(--spine-default)
}

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

.background-opacity-low .markup__75297,.background-opacity-medium .markup__75297 {
    font-weight: var(--font-weight-normal)
}

.background-opacity-low .markup__75297 {
    color: var(--white);
    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-base-lower);
    border-color: var(--background-base-lowest)
}

.roleMention__75297 {
    filter: saturate(var(--saturation-factor,1));
    font-weight: var(--font-weight-medium)
}

.rolePopout__75297 {
    background-color: var(--background-surface-higher);
    border: 1px solid var(--border-subtle);
    border-radius: 8px;
    box-shadow: var(--shadow-high);
    display: flex;
    max-height: calc(100vh - 20px);
    width: 240px
}

.roleHeader__75297 {
    height: 40px;
    padding-block:12px 0;padding-inline:16px 8px}

.roleScroller__75297 {
    margin-bottom: 8px;
    margin-top: 4px
}

.timestamp__75297 {
    background-color: var(--background-mod-normal);
    border-radius: 3px;
    padding: 0 2px
}

.timestampTooltip__75297 {
    max-width: unset
}

.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
}

.icon_a9c2d1 {
    margin-inline-end:.1rem}

.svgContentRight__7b484 {
    fill: var(--background-base-low)
}

.svgContentLeft__7b484 {
    fill: var(--background-base-lowest)
}

.svgContentLines__7b484,.svgDots__7b484 {
    fill: var(--background-mod-strong)
}

.svgTag__7b484 {
    fill: var(--text-subtle)
}

.wrapper__124c8 {
    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: 16px;
    max-width: 432px;
    min-width: 160px;
    padding: 16px;
    text-indent: 0
}

.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-inline-start:4px;width: 16px
}

.copyLink__124c8 {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-weight: var(--font-weight-semibold);
    justify-content: flex-start;
    margin-inline-start:16px;padding-inline-end:8px;position: relative
}

.copyLink__124c8:before {
    content: "";
    display: block;
    height: 12px;
    inset-inline-start: -8px;
    margin-inline-end:8px;pointer-events: none;
    position: absolute;
    top: 2px;
    width: 1px
}

.copyLink__124c8.copied__124c8 {
    cursor: default
}

.copyLinkIcon__124c8 {
    display: block;
    height: 16px;
    margin-inline-end: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(--text-default);
    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: var(--font-weight-medium);
    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-base-low)
}

.buildDetails__124c8,.copyLink__124c8:hover,.infoLink__124c8:hover {
    color: var(--text-strong)
}

.copyLink__124c8.copied__124c8,.copyLink__124c8.copied__124c8:hover {
    color: var(--text-feedback-positive)
}

.barLoader__124c8,.buttonLoader__124c8 {
    background-color: var(--background-base-low)
}

.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-inline-start:0}

.header__5c1cf {
    align-items: center;
    display: grid
}

.experimentOverride__5c1cf {
    flex: 1
}

.copyLinkButton__5c1cf {
    color: var(--icon-subtle);
    cursor: pointer
}

.copyLinkButton__5c1cf:hover {
    color: var(--icon-strong)
}

.gameArtHero__15328 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 106px;
    -webkit-mask-image: linear-gradient(183deg,#000,#000 50px,transparent 325px);
    mask-image: linear-gradient(183deg,#000,#000 50px,transparent 325px);
    position: absolute;
    top: 0;
    inset-inline: 0;
    pointer-events: none;
    width: 100%
}

.iconContainer__15328 {
    background: var(--background-surface-high);
    border-radius: 14px;
    height: 80px;
    margin-inline-start:16px;margin-top: 64px;
    padding: 6px;
    width: 80px;
    z-index: 10
}

.headingContainer__15328 {
    padding: 8px 16px 0
}

.bodyContainer__15328 {
    gap: 12px;
    padding: 12px 16px 16px
}

.bodyContainer__15328,.summaryContainer__15328 {
    display: flex;
    flex-direction: column
}

.summaryContainer__15328 {
    gap: 8px
}

.clickable__15328 {
    cursor: pointer
}

.gameIcon__15328 {
    background: var(--background-surface-high);
    border-radius: 8px
}

.gameIconFallback__15328 {
    border-radius: 8px;
    padding: 24px
}

.container__15328 {
    align-items: flex-start;
    background: var(--background-surface-high);
    border: 1px solid var(--border-subtle);
    border-radius: 16px;
    flex-direction: column;
    overflow: hidden;
    position: relative
}

.container__15328,.error__15328 {
    display: flex
}

.actionButtonsContainer__15328 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    inset-inline-end: 16px;
    position: absolute;
    top: 16px;
    z-index: 10
}

.actionButton__15328 {
    align-items: center;
    background: rgba(0,0,0,.5);
    border: 1px solid var(--border-subtle);
    border-radius: 60px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    padding: 6px;
    width: 32px
}

.container_be1af1 {
    border-radius: 16px;
    box-shadow: var(--elevation-high);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 300px
}

.spinnerContainer_be1af1 {
    background: var(--background-surface-highest);
    padding: 16px
}

.icon__1bb46 {
    display: inline-block;
    filter: saturate(var(--saturation-factor,1));
    margin-inline-end:3px;margin-bottom: .2rem;
    vertical-align: middle;
    -webkit-user-drag: none;
    background-size: 100%
}

.imageIcon__1bb46 {
    height: 1em;
    width: 1em
}

.name__1bb46 {
    overflow: hidden;
    text-overflow: ellipsis
}

.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-base-lower);
    color: var(--text-default)
}

.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
}

.hljs_cc310a {
    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-default)
}

.hljs-doctag_cc310a,.hljs-keyword_cc310a,.hljs-meta_cc310a .hljs-keyword_cc310a,.hljs-template-tag_cc310a,.hljs-template-variable_cc310a,.hljs-type_cc310a,.hljs-variable_cc310a.language__cc310a {
    color: var(--text-code-keyword)
}

.hljs-title_cc310a,.hljs-title_cc310a.class__cc310a,.hljs-title_cc310a.class__cc310a.inherited___cc310a,.hljs-title_cc310a.function__cc310a {
    color: var(--text-code-title)
}

.hljs-attr_cc310a,.hljs-attribute_cc310a,.hljs-literal_cc310a,.hljs-meta_cc310a,.hljs-number_cc310a,.hljs-operator_cc310a,.hljs-selector-attr_cc310a,.hljs-selector-class_cc310a,.hljs-selector-id_cc310a,.hljs-variable_cc310a {
    color: var(--text-code-variable)
}

.hljs-meta_cc310a .hljs-string_cc310a,.hljs-regexp_cc310a,.hljs-string_cc310a {
    color: var(--text-code-string)
}

.hljs-built_in_cc310a,.hljs-symbol_cc310a {
    color: var(--text-code-builtin)
}

.hljs-code_cc310a,.hljs-comment_cc310a,.hljs-formula_cc310a {
    color: var(--text-code-comment)
}

.hljs-name_cc310a,.hljs-quote_cc310a,.hljs-selector-pseudo_cc310a,.hljs-selector-tag_cc310a {
    color: var(--text-code-tag)
}

.hljs-subst_cc310a {
    color: var(--text-code)
}

.hljs-section_cc310a {
    color: var(--text-code-section);
    font-weight: 700
}

.hljs-bullet_cc310a {
    color: var(--text-code-bullet)
}

.hljs-emphasis_cc310a {
    color: var(--text-code);
    font-style: italic
}

.hljs-strong_cc310a {
    color: var(--text-code);
    font-weight: 700
}

.hljs-addition_cc310a {
    background-color: var(--background-code-addition);
    color: var(--text-code-addition)
}

.hljs-deletion_cc310a {
    background-color: var(--background-code-deletion);
    color: var(--text-code-deletion)
}

.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(--background-brand);
    color: var(--white)
}

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

.botTagAI__82f07 {
    background: var(--text-feedback-positive);
    color: var(--white)
}

.botTagNotStaffWarning__82f07 {
    background: var(--notice-background-warning);
    color: var(--notice-text-warning)
}

.botTagVerified__82f07 {
    display: inline-block
}

.px__82f07 .botTagVerified__82f07 {
    height: 16px;
    margin-inline-start:-2px;width: 16px
}

.rem__82f07 .botTagVerified__82f07 {
    height: 1rem;
    margin-inline-start:-.2rem;margin-top: -.02rem;
    width: 1rem
}

.botText__82f07 {
    font-weight: var(--font-weight-semibold);
    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)
}

.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-inline-start:1ch}

.info_f4bc97 {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    overflow: hidden;
    white-space: nowrap
}

.info_f4bc97.withDisplayNameStyles_f4bc97 {
    overflow: visible
}

.infoSpacing_f4bc97 {
    margin-inline-start:5px}

: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) {
    inset-inline-start: 16px;
    top: 61px
}

.custom-user-profile-theme.user-profile-popout :where(.avatar__75742) {
    inset-inline-start: 12px;
    top: 57px
}

.user-profile-modal :where(.avatar__75742) {
    inset-inline-start: 24px;
    top: -68px
}

.user-profile-modal-v2 :where(.avatar__75742) {
    inset-inline-start: 32px;
    top: 80px
}

.user-profile-sidebar :where(.avatar__75742) {
    inset-inline-start: 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);
    border-radius: var(--radius-round);
    content: "";
    height: 100%;
    inset-inline-end: 0;
    opacity: 0;
    position: absolute;
    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-muted);
    bottom: 0;
    content: "";
    position: absolute;
    width: 100%
}

:where(.banner__68edb):hover .gifTag__68edb {
    opacity: 0
}

.gifTag__68edb {
    inset-inline-start: 8px;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: 8px;
    z-index: 1
}

.gifTag__68edb .custom-user-profile-theme {
    inset-inline-start: 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
}

:root .custom-user-profile-theme.theme-dark {
    --control-primary-background-default: var(--profile-gradient-button-color);
    --control-primary-background-hover: color-mix(in srgb,var(--profile-gradient-button-color) 90%,var(--black));
    --control-primary-background-active: color-mix(in srgb,var(--profile-gradient-button-color) 80%,var(--black));
    --control-secondary-background-default: var(--opacity-white-8);
    --control-secondary-background-hover: var(--opacity-white-16);
    --control-secondary-background-active: var(--opacity-white-12)
}

:root .custom-user-profile-theme.theme-light {
    --control-primary-background-default: var(--profile-gradient-button-color);
    --control-primary-background-hover: color-mix(in srgb,var(--profile-gradient-button-color) 90%,var(--white));
    --control-primary-background-active: color-mix(in srgb,var(--profile-gradient-button-color) 80%,var(--white));
    --control-secondary-background-default: var(--opacity-white-72);
    --control-secondary-background-hover: var(--opacity-white-92);
    --control-secondary-background-active: var(--opacity-white-84)
}

:where(.outer_c0bea0) {
    background: var(--background-surface-high);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative
}

:where(.outer_c0bea0).user-profile-popout {
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-border),var(--shadow-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);
    box-sizing: border-box;
    height: 800px;
    max-width: 100%;
    min-height: 500px;
    outline: 1px solid var(--border-normal);
    outline-offset: -1px;
    width: 960px
}

@media (max-height: 900px) {
    :where(.outer_c0bea0).user-profile-modal-v2 {
        height:calc(100vh - var(--space-24)*2)
    }
}

: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: 0;
    height: 100%;
    padding-block:48px 0;padding-inline:48px 32px}

@media (max-width: 960px) {
    .user-profile-modal-v2 .inner_c0bea0 {
        padding-block:48px 0;
        padding-inline:16px 4px}
}

.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-muted)
}

: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
}

.row__19fd1 {
    align-items: center;
    border-bottom: 1px solid var(--border-subtle);
    border-color: var(--border-muted);
    display: flex;
    gap: var(--space-16);
    justify-content: space-between;
    margin: 0 var(--space-16);
    padding: var(--space-16) 0;
    position: relative
}

.user-profile-modal-v2 .row__19fd1 {
    border: none
}

.user-profile-modal-v2 .row__19fd1:not(:last-child) {
    margin-bottom: 1px
}

.user-profile-modal-v2 .row__19fd1:not(:last-child):after {
    background-color: var(--border-subtle);
    bottom: 0;
    content: "";
    height: 1px;
    inset-inline: calc(var(--space-16) + var(--space-24)) calc(var(--space-16)*-1);
    position: absolute
}

.clickable__19fd1,.row__19fd1:last-child {
    border-bottom: none
}

.clickable__19fd1 {
    background-color: var(--background-mod-subtle);
    border-radius: var(--radius-sm);
    cursor: pointer;
    margin: 0;
    padding: var(--space-16)
}

.clickable__19fd1.disabled__19fd1 {
    opacity: .5;
    pointer-events: none
}

.clickable__19fd1:hover {
    background-color: var(--background-mod-strong)
}

.noInset__19fd1 {
    margin: 0;
    padding: 0
}

.iconContainer__19fd1 {
    display: flex;
    justify-content: center
}

.icon__19fd1,.iconContainer__19fd1 {
    height: var(--space-24);
    width: var(--space-24)
}

.icon__19fd1 {
    color: var(--icon-subtle)
}

.textContainer__19fd1 {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.button__19fd1 {
    flex-shrink: 0;
    margin-inline-start:auto;min-width: 75px;
    padding: var(--space-8) var(--space-12)
}

.number__19fd1 {
    align-items: center;
    background-color: var(--background-mod-subtle);
    border-radius: var(--radius-round);
    height: 32px;
    justify-content: center;
    min-width: 32px
}

.number__19fd1,.tableRowGroup__19fd1 {
    display: flex;
    flex-direction: column
}

.tableRowGroup__19fd1 {
    flex-shrink: 0;
    gap: var(--space-8)
}

.tableRowGroup__19fd1 .content__19fd1 {
    background-color: var(--background-base-lower);
    border-radius: var(--radius-sm);
    flex-grow: 1;
    flex-shrink: 0;
    overflow: hidden;
    padding: 0
}

.content__19fd1 {
    border: 1px solid var(--border-muted)
}

.buttonContainer__19fd1 {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: var(--space-4)
}

.buttonIcon__19fd1 {
    height: 16px;
    width: 16px
}

.bannerButton_fb7f94 {
    align-items: center;
    background: var(--control-overlay-secondary-background-default);
    border: 1px solid var(--opacity-white-8);
    border-radius: 50%;
    box-sizing: border-box;
    color: var(--white);
    cursor: pointer;
    display: flex;
    height: var(--custom-button-button-sm-height);
    justify-content: center;
    transition: background 50ms ease-in;
    width: var(--custom-button-button-sm-height)
}

.bannerButton_fb7f94:active,.bannerButton_fb7f94:hover {
    background: var(--control-overlay-secondary-background-active);
    transition: background .15s ease-out
}

.bannerButton_fb7f94.disabled_fb7f94 {
    cursor: normal;
    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 {
    inset-inline-end: 12px;
    top: 12px
}

.user-profile-modal .wrapper_da5890 {
    inset-inline-end: 16px;
    top: 12px
}

.user-profile-sidebar .wrapper_da5890 {
    inset-inline-end: 8px;
    top: 8px
}

.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
}

.activityContainer_c9d15c.iconOnly_c9d15c {
    gap: 1px
}

.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-inline-end: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
}

.hangStatusIcon_c9d15c {
    height: 14px;
    width: 14px
}

.customStatusLabel_c9d15c {
    white-space: nowrap
}

.wrapper_f7ecac {
    align-items: center;
    background-color: var(--background-surface-highest);
    border-radius: 4px;
    box-shadow: var(--shadow-border),var(--shadow-low);
    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
}

.full-motion .wrapper_f7ecac:hover {
    box-shadow: var(--shadow-border),var(--shadow-medium)
}

.button_f7ecac {
    align-items: center;
    color: var(--interactive-text-default);
    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(--interactive-background-hover);
    color: var(--interactive-text-hover)
}

.button_f7ecac:active {
    background-color: var(--interactive-background-active);
    padding-bottom: 3px;
    padding-top: 5px
}

.button_f7ecac.selected_f7ecac,.button_f7ecac:active {
    color: var(--interactive-text-active)
}

.button_f7ecac.selected_f7ecac {
    background-color: var(--interactive-background-selected)
}

.separator_f7ecac {
    background-color: var(--border-subtle);
    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-text-default);
    cursor: default;
    opacity: .5;
    padding: 4px
}

.button_f7ecac.dangerous_f7ecac {
    color: var(--control-critical-secondary-text-default)
}

.button_f7ecac.dangerous_f7ecac:hover {
    color: var(--control-critical-secondary-text-hover)
}

.button_f7ecac.dangerous_f7ecac:active {
    color: var(--control-critical-secondary-text-active)
}

.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 {
    background-color: var(--user-profile-toolbar-background);
    border: 1px solid var(--user-profile-toolbar-border);
    border-radius: 100px;
    box-shadow: var(--shadow-low);
    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)
}

.custom-user-profile-theme.theme-dark .popover__2d0ab {
    -webkit-backdrop-filter: blur(36px);
    backdrop-filter: blur(36px)
}

.custom-user-profile-theme.theme-light .popover__2d0ab {
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px)
}

.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-inline-start:0;padding-inline-start:6px}

.popover__2d0ab>.tooltipContainer__2d0ab:last-of-type>.button__2d0ab {
    border-radius: 6px 100px 100px 6px;
    margin-inline-end:0;padding-inline-end:6px}

.tooltipContainer__2d0ab:empty {
    display: none
}

.activityPopover__2d0ab {
    background-color: var(--user-profile-activity-toolbar-background);
    inset-inline-end: 8px
}

.custom-user-profile-theme .activityPopover__2d0ab {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px)
}

.statusPopover__2d0ab {
    inset-inline-end: min(8px,calc(50% - 29px))
}

.avatarPopover__2d0ab {
    inset-inline: 0;
    margin: auto;
    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-strong)
}

.button__2d0ab:hover {
    background: var(--background-mod-normal)
}

.button__2d0ab:hover .icon__2d0ab {
    fill: var(--interactive-text-hover);
    transform: scale(1.1)
}

.button__2d0ab:active {
    background: var(--background-mod-strong)
}

.button__2d0ab:active .icon__2d0ab {
    fill: var(--interactive-text-active);
    transform: scale(1)
}

.container__52c9d {
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0;
    z-index: 101
}

.background__52c9d {
    background-color: var(--background-base-lower);
    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 {
    cursor: pointer;
    inset-inline-end: 20px;
    position: absolute;
    top: 20px
}

.closeButtonIcon__52c9d {
    color: var(--interactive-text-default)
}

.description__52c9d,.header__52c9d {
    text-align: center
}

.upsellImage__52c9d {
    width: 124px
}

.container__3782a {
    align-items: center;
    background-color: var(--background-base-low);
    border-radius: var(--radius-sm);
    bottom: 0;
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: 1001
}

.container__3782a,.content__3782a {
    box-sizing: border-box;
    width: 100%
}

.content__3782a {
    padding: var(--space-32) var(--space-32) var(--space-12)
}

.closeButton__3782a {
    color: var(--interactive-text-active);
    inset-inline-end: 0;
    margin: var(--space-16);
    position: absolute;
    top: 0
}

.contentContainer__3782a {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-grow: 2;
    text-align: center
}

.image__3782a {
    width: 250px
}

.title__3782a {
    margin-bottom: var(--space-16);
    margin-top: var(--space-32);
    max-width: 250px
}

.title__3782a.withBadge__3782a {
    margin-top: var(--space-16)
}

.body__3782a {
    max-width: 380px
}

.footer__3782a {
    background-color: var(--background-base-low);
    border-end-end-radius: inherit;
    border-end-start-radius: inherit;
    box-sizing: border-box;
    margin-top: auto;
    padding-bottom: var(--space-32);
    padding-top: var(--space-8);
    width: 100%
}

.buttonContainer__3782a {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-8);
    justify-content: space-between;
    margin: 0 auto;
    padding: 0 var(--space-32)
}

.noParentContainer_d829e7 {
    bottom: 0;
    inset-inline-start: 0;
    top: 0
}

.hasParentContainer_d829e7 {
    bottom: 0;
    inset-inline-start: 0;
    top: -16px
}

.hasTabParentContainer_d829e7 {
    bottom: 0;
    inset-inline-start: 0;
    top: -62px
}

.container_d829e7 {
    align-items: center;
    background-color: var(--background-base-lower);
    border-radius: var(--radius-sm);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    z-index: 1001
}

.closeButton_d829e7 {
    color: var(--interactive-text-active);
    inset-inline-end: 0;
    margin: 16px;
    position: absolute;
    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-base-lowest);
    border-radius: 0 0 var(--radius-sm) var(--radius-sm);
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    inset-inline-start: 0;
    justify-content: space-between;
    padding: 16px;
    width: 100%
}

.secondaryCTA_d829e7 {
    color: var(--premium-nitro-pink-text);
    margin-inline-end:8px}

.secondaryCTA_d829e7:hover {
    text-decoration: underline
}

.container_d829e7,.ctaContainer_d829e7 {
    background-color: var(--modal-background)
}

.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(--modal-background);
    border-radius: 8px;
    display: flex;
    height: 100%;
    inset-inline-start: 0;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 101
}

.closeButton__97f37 {
    color: var(--interactive-text-default);
    cursor: pointer;
    inset-inline-end: 16px;
    position: absolute;
    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-inline-end:4px}

.content__97f37 {
    box-sizing: border-box;
    color: var(--text-default);
    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-inline-start:4px}

.subheaderText__97f37 {
    color: var(--text-default);
    max-width: 350px;
    padding: 0 32px;
    white-space: pre-line
}

.subheaderText__97f37 a {
    color: var(--text-default);
    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 {
    overflow-x: hidden;
    overflow-y: scroll;
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0
}

.listHeight_affa7e {
    visibility: hidden
}

.listItems_affa7e {
    contain: layout;
    position: absolute
}

.scroller_affa7e {
    height: 100%
}

.wrapper__4e6ce {
    background-color: var(--background-base-lower);
    border-radius: 0 0 0 8px;
    display: grid;
    grid-template-rows: 1fr auto;
    inset-inline: 0;
    bottom: 0;
    overflow: hidden;
    position: absolute;
    width: 48px
}

.high-contrast-mode .wrapper__4e6ce {
    border-inline-end:1px solid var(--border-subtle);box-sizing: border-box
}

.enable-forced-colors .wrapper__4e6ce {
    border-inline-end:1px solid CanvasText}

.guildIcon__0fa6d {
    align-items: center;
    background-color: var(--background-base-low);
    color: var(--text-default);
    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-base-low)
}

.categoryItemLockIconContainer__0fa6d {
    border: 1px solid var(--background-base-lowest);
    border-radius: 50%;
    height: 16px;
    inset-block: auto -1px;
    inset-inline: auto -1px;
    position: absolute;
    width: 16px
}

.categoryItemLockIcon__0fa6d {
    color: var(--icon-strong);
    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(--interactive-background-hover)
}

.categoryItemDefaultCategory_b9ee0c:hover .categoryIcon_b9ee0c {
    color: var(--interactive-text-hover)
}

.categoryItemRecentEmoji_b9ee0c {
    margin-bottom: var(--custom-emoji-picker-constants-guild-category-icon-margin-verical)
}

.categoryItemDefaultCategorySelected_b9ee0c,.categoryItemDefaultCategorySelected_b9ee0c:hover {
    background-color: var(--background-base-low)
}

.categoryItemDefaultCategorySelected_b9ee0c .categoryIcon_b9ee0c,.categoryItemDefaultCategorySelected_b9ee0c:hover .categoryIcon_b9ee0c {
    color: var(--interactive-text-active)
}

.categoryIcon_b9ee0c {
    color: var(--interactive-text-default)
}

.guildCategorySeparator_b9ee0c {
    border: none;
    border-bottom: var(--custom-emoji-picker-constants-category-separator-size) solid var(--border-subtle);
    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-text-active)
}

.unicodeShortcut_b9ee0c {
    align-items: center;
    background: inherit;
    border-top: 1px solid var(--border-normal);
    bottom: 0;
    box-sizing: border-box;
    color: var(--interactive-text-default);
    cursor: pointer;
    display: flex;
    height: var(--custom-emoji-picker-constants-unicode-category-shortcut-height);
    inset-inline-start: 0;
    justify-content: center;
    opacity: 1;
    position: absolute;
    width: 100%
}

.full-motion .unicodeShortcut_b9ee0c {
    transition: opacity .1s,transform .1s
}

.unicodeShortcut_b9ee0c:hover {
    color: var(--interactive-text-hover)
}

.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 {
    content: "";
    position: absolute;
    top: -4px;
    inset-inline: -8px;
    bottom: 0
}

.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-base-lowest);
    border-radius: 4px;
    color: var(--text-default);
    display: flex;
    font-size: 12px;
    font-weight: var(--font-weight-medium);
    margin: 8px 8px 0;
    padding: 10px 8px 8px
}

.icon_ac2cfb {
    color: var(--icon-feedback-critical);
    height: 16px;
    min-width: var(--custom-emoji-picker-constants-emoji-size)
}

.close_ac2cfb {
    color: var(--interactive-text-default);
    cursor: pointer;
    height: 14px;
    width: 14px
}

.close_ac2cfb:hover {
    color: var(--interactive-text-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-inline-end:4px}

input[type=checkbox]:focus-visible+.label__0d242 {
    box-shadow: 0 0 8px var(--brand-500)
}

.label__0d242 {
    background: var(--background-base-lowest);
    border-radius: var(--radius-lg);
    color: var(--text-default);
    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
}

.icon__0d242 {
    opacity: 1;
    position: absolute;
    transition: opacity .3s
}

.emojiErrorItem__67954 {
    align-items: center;
    background-color: var(--background-base-lower);
    border-radius: var(--radius-xs);
    display: flex;
    justify-content: center;
    padding: 16px
}

.fileIcon__67954 {
    margin-inline-end:18px}

.fileName__67954 {
    color: var(--text-default);
    font-size: 16px;
    margin-bottom: 4px;
    max-width: 256px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: lowercase;
    white-space: nowrap
}

.fileInfo__67954 {
    flex: 1
}

.fileInput__46231 {
    display: none
}

.diversitySelector_a45a2a {
    position: relative
}

.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-mod-normal);
    border: 1px solid var(--background-base-lowest);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    inset-inline-end: -5px;
    position: absolute;
    top: -5px
}

.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(--interactive-background-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
}

.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(--background-brand)
}

.wrapper_c0e32c.isBurstReactionPicker_c0e32c:before {
    box-shadow: 0 0 100px var(--background-brand);
    content: "";
    height: 100%;
    opacity: .5;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.high-contrast-mode .wrapper_c0e32c:not(.emojiPickerHasTabWrapper_c0e32c) {
    border: 1px solid var(--border-normal);
    contain: content
}

.emojiPicker_c0e32c {
    background-color: var(--background-surface-high);
    border-end-end-radius: var(--custom-emoji-picker-border-radius);
    border-end-start-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-end-end-radius: 0;
    border-end-start-radius: 0;
    box-shadow: none;
    flex: 1 1 auto;
    grid-template-rows: auto 1fr auto;
    height: 100%;
    width: auto
}

.header_c0e32c {
    align-items: center;
    background-color: var(--background-surface-high);
    border-bottom: 1px solid var(--border-subtle);
    border-start-end-radius: var(--custom-emoji-picker-border-radius);
    border-start-start-radius: var(--custom-emoji-picker-border-radius);
    box-shadow: none;
    display: flex;
    gap: var(--space-12);
    grid-column: 1/3;
    margin: 0 -1px;
    padding: var(--custom-gif-picker-gutter-size);
    padding-top: var(--space-16);
    position: relative;
    z-index: 100
}

.emojiPickerHasTabWrapper_c0e32c .header_c0e32c {
    background-color: transparent;
    border-end-end-radius: 0;
    border-end-start-radius: 0;
    margin: 0;
    padding: 0 16px 16px
}

.isBurstReactionPicker_c0e32c .header_c0e32c {
    margin: 0
}

.emojiPickerHasTabWrapper_c0e32c .header_c0e32c {
    padding: var(--custom-gif-picker-gutter-size)
}

.diversitySelector_c0e32c {
    grid-column: 2/3
}

.categoryList_c0e32c {
    border-end-start-radius: var(--custom-emoji-picker-border-radius);
    bottom: 0;
    inset-inline-start: 0;
    overflow: hidden;
    position: absolute;
    top: 69px;
    width: 48px
}

.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
}

.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-base-lower);
    border-top: 1px solid var(--border-normal);
    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%
}

.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-inline-start:8px;width: var(--custom-expression-picker-constants-expression-picker-inspector-bar-graphic-secondary-dimensions)
}

.textWrapper_aeaaeb {
    flex: 1;
    margin-inline-start:8px;overflow: hidden
}

.titlePrimary_aeaaeb,.titleSecondary_aeaaeb {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.titleSecondary_aeaaeb {
    color: var(--interactive-text-default)
}

.favorite_aeaaeb {
    margin-inline-end:3px;margin-bottom: -1px
}

.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-block:2px 0;margin-inline:0 2px;width: 14px
}

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

.emoji__045fa {
    height: 100%;
    -o-object-fit: contain;
    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-text-default)
}

.wrapper__29ebd {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    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-surface-high);
    box-sizing: border-box;
    display: flex;
    height: var(--custom-expression-picker-constants-expression-picker-list-section-heading-height);
    padding-block:0;padding-inline:8px 4px;z-index: 1
}

.wrapper__14245:after {
    background-color: inherit;
    content: "";
    height: 3px;
    inset-inline-start: 0;
    position: absolute;
    top: -2px;
    width: 100%
}

.header__14245 {
    align-items: center;
    color: var(--text-default);
    display: flex;
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
    justify-content: flex-start;
    min-width: 0;
    transition: color .125s
}

.interactive__14245:hover {
    cursor: pointer
}

.interactive__14245:hover:hover {
    color: var(--interactive-text-active)
}

.headerIcon__14245 {
    display: contents;
    height: 100%;
    margin-inline-end:8px}

.headerLabel__14245 {
    margin-inline-end:4px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.headerIcon__14245+.headerLabel__14245 {
    margin-inline-start:4px}

.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
}

.upsellContainer__0b69f {
    align-items: center;
    background: linear-gradient(var(--background-base-lower),var(--background-base-lower)) padding-box,var(--custom-premium-colors-premium-gradient-tier-2-tri-color) border-box;
    border-radius: 12px;
    display: flex;
    padding: 12px
}

.upsellContainer__0b69f.withGradientBg__0b69f {
    background: var(--background-surface-high);
    border: 1px solid var(--border-subtle);
    overflow: hidden;
    padding: 0
}

.upsellContainer__0b69f.updatedStyling__0b69f {
    background: var(--background-surface-highest);
    border: 1px solid var(--border-subtle)
}

.expressiveGradient__0b69f {
    align-items: center;
    display: flex;
    flex: 1 1;
    min-height: var(--space-32);
    padding: 12px
}

.expressiveGradient__0b69f.radialMask__0b69f {
    background: radial-gradient(100% 100% at 50% 100%,#000 60%)
}

.expressiveGradient__0b69f.hasPreviewSound__0b69f {
    padding: 8px 12px
}

.upsellContainerFloating__0b69f {
    inset-block: auto var(--space-8);
    inset-inline: var(--space-8) var(--space-16);
    position: absolute
}

.upsellContainerInline__0b69f {
    flex: 1;
    margin: var(--space-8) var(--space-16)
}

.upsellContainerBottom__0b69f {
    border-radius: 0;
    padding-bottom: var(--space-12);
    width: 100%
}

.soundPreview__0b69f {
    flex-grow: 1
}

.soundPreviewName__0b69f {
    align-items: center;
    display: flex;
    gap: 6px;
    height: var(--space-24)
}

.soundPreviewText__0b69f {
    flex: 1;
    margin-inline-end:16px}

.upsellText__0b69f {
    flex: 1;
    margin-block:auto;margin-inline:8px 16px}

.lockIcon__0b69f {
    color: var(--text-strong)
}

.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 {
    background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color);
    height: 1px;
    width: 100%
}

.nitroTopDividerLockBorder_b3fb5f.brandRefresh_b3fb5f {
    background: var(--border-normal)
}

.nitroTopDividerLockCircle_b3fb5f {
    align-items: center;
    background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color);
    border-radius: 50%;
    display: flex;
    height: 28px;
    inset-inline-start: 50%;
    justify-content: center;
    position: absolute;
    transform: translateX(-50%);
    width: 28px;
    z-index: 9999
}

.nitroTopDividerLockCircle_b3fb5f.brandRefresh_b3fb5f {
    background: var(--background-surface-highest);
    border: 1px solid var(--border-normal)
}

.nitroTopDividerLockBorderReversed_b3fb5f {
    background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color-reverse);
    height: 1px;
    width: 100%
}

.nitroTopDividerLockBorderReversed_b3fb5f.brandRefresh_b3fb5f {
    background: var(--border-normal)
}

.nitroTopDividerLower_b3fb5f {
    background-color: var(--premium-tier-2-purple);
    height: 12px
}

.nitroTopDividerLower_b3fb5f.brandRefresh_b3fb5f {
    background: linear-gradient(90deg,var(--expressive-gradient-nitro-pink-start) 0,var(--expressive-gradient-nitro-pink-end) 100%)
}

.theme-light .nitroTopDividerLower_b3fb5f.brandRefresh_b3fb5f {
    background: linear-gradient(90deg,color-mix(in srgb,var(--expressive-gradient-nitro-pink-start) 40%,transparent),color-mix(in srgb,var(--expressive-gradient-nitro-pink-end) 40%,transparent))
}

.reverseTrialTopDividerLower_b3fb5f {
    background-color: var(--premium-tier-2-purple);
    height: 25px;
    opacity: .2
}

.premiumUnlockAnimation_b3fb5f {
    animation: shrink_b3fb5f 2s forwards;
    inset-inline-start: 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;
    inset-inline-start: 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;
    -o-object-fit: contain;
    object-fit: contain;
    pointer-events: none
}

.imageLoading__1859b {
    background-repeat: no-repeat;
    -o-object-position: 100px;
    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 {
    -o-object-fit: contain;
    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-strong);
    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-inline-start:8px}

.newlyAddedHighlightContainer_fc7141 .emojiListRow_fc7141 {
    padding-inline-start:0}

.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-inline-start:auto;position: absolute;
    text-transform: uppercase;
    z-index: 1
}

.newlyAddedBadge_fc7141.alignRight_fc7141 {
    inset-inline-end: 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-inline-end: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(--interactive-background-selected)
}

.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%;
    inset-inline-start: 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-text-default)
}

.icon_fc7141:hover .icon_fc7141 {
    fill: var(--interactive-text-hover)
}

.keyboard-mode .emojiItem_fc7141.emojiItemSelected_fc7141 {
    position: relative
}

.keyboard-mode .emojiItem_fc7141.emojiItemSelected_fc7141:before {
    bottom: 0;
    content: "";
    display: block;
    inset-inline: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    --__adaptive-radius: 4px;
    border-radius: var(--__adaptive-radius);
    --__adaptive-focus-color: var(--interactive-text-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-base-low);
    box-shadow: inset 0 0 0 1px var(--border-subtle)
}

.listWrapper_c656ac {
    inset: 0;
    position: absolute
}

.list_c656ac {
    height: 100%
}

.noSearchResultsContainer_c656ac {
    inset: 0;
    position: absolute
}

.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)
}

.categorySectionNitroLocked_c656ac.brandRefresh_c656ac {
    background: linear-gradient(90deg,var(--expressive-gradient-nitro-pink-start) 0,var(--expressive-gradient-nitro-pink-end) 100%)
}

.theme-light .categorySectionNitroLocked_c656ac.brandRefresh_c656ac {
    background: linear-gradient(90deg,color-mix(in srgb,var(--expressive-gradient-nitro-pink-start) 40%,transparent),color-mix(in srgb,var(--expressive-gradient-nitro-pink-end) 40%,transparent))
}

.header_c656ac {
    position: sticky;
    top: 0
}

.inactiveNitroHeader_c656ac {
    background-color: transparent!important
}

.activeNitroHeader_c656ac {
    background-color: var(--background-base-lower)
}

.premiumUpsell_c656ac {
    box-sizing: border-box;
    height: var(--custom-emoji-picker-constants-emoji-premium-upsell-height);
    margin-top: var(--custom-emoji-picker-constants-emoji-premium-upsell-margin-top);
    margin-inline-end:4px;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%
}

.nitroBottomDivider_c656ac.brandRefresh_c656ac {
    background: var(--border-normal)
}

.upsellContainer_c656ac {
    align-items: center;
    background: linear-gradient(var(--background-base-lower),var(--background-base-lower)) 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-block: auto 8px;
    inset-inline: 8px 16px;
    padding: 0 12px;
    position: absolute
}

.upsellText_c656ac {
    margin-block:auto;margin-inline:4px 16px}

.upsellLock_c656ac {
    color: var(--icon-strong);
    padding-bottom: 2px
}

.upsellButton_c656ac {
    background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color);
    border-radius: 3px;
    flex-shrink: 0;
    margin-inline-start:auto}

.soundmojiViewMore_c656ac {
    align-self: center;
    color: var(--text-default);
    cursor: pointer;
    font-size: 12px;
    font-weight: var(--font-weight-semibold);
    margin-inline-start:auto;transition: color .125s
}

.soundmojiViewMore_c656ac:hover {
    color: var(--interactive-text-active)
}

.premiumRetentionNotice_a606ef {
    background-color: var(--background-base-lowest);
    border-radius: 4px;
    color: var(--text-default);
    display: flex;
    font-size: 12px;
    font-weight: var(--font-weight-medium);
    line-height: 16px;
    margin: 8px 8px 0;
    padding: 8px
}

.premiumRetentionNoticeIcon_a606ef {
    height: 24px;
    margin-inline-end:8px;margin-top: 2px;
    min-width: var(--custom-emoji-picker-constants-emoji-size)
}

.premiumRetentionNoticeClose_a606ef {
    color: var(--interactive-text-default);
    cursor: pointer;
    height: 16px;
    width: 16px
}

.premiumRetentionNoticeClose_a606ef:hover {
    color: var(--interactive-text-hover)
}

.premiumRetentionNoticeContent_a606ef {
    flex: 1 1 auto
}

.noBoxShadowMargin_d0aeea {
    margin: 0
}

html:not(.chat-input) .inputInner_b1f01d {
    background: var(--input-background-default);
    border-radius: var(--radius-sm);
    --custom-slate-textarea-padding: calc((var(--custom-channel-textarea-text-area-height) - var(--chat-markup-line-height))/2);
    --custom-slate-textarea-right-offset: 10px;
    padding: 0 calc(var(--custom-slate-textarea-padding) - var(--custom-slate-textarea-right-offset)) 0 var(--custom-slate-textarea-padding)
}

.chat-input .input_b1f01d,.custom-theme-background .input_b1f01d {
    background: var(--input-background-default)
}

.input_b1f01d {
    border: none!important
}

.editor_b1f01d.editor_b1f01d {
    --channel-text-area-placeholder: var(--text-muted);
    font-size: 14px;
    min-height: 88px
}

.container_b1f01d {
    background: var(--background-base-low);
    border-radius: 8px;
    box-shadow: var(--shadow-border),var(--shadow-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-inline-start:-90px}

.user-profile-popout .container_b1f01d.status_b1f01d {
    margin-inline-start:-122px}

.user-profile-popout .container_b1f01d.avatar_b1f01d {
    margin-inline-start:-32px}

.user-profile-popout .container_b1f01d.activity_b1f01d {
    margin-inline-start:-32px}

.user-profile-popout .container_b1f01d.customProfileTheme_b1f01d.status_b1f01d {
    margin-inline-start:-118px}

.user-profile-popout .container_b1f01d.customProfileTheme_b1f01d.avatar_b1f01d {
    margin-inline-start:-28px}

.popover_c97e55 {
    background-color: var(--user-profile-toolbar-background);
    border: 1px solid var(--user-profile-toolbar-border);
    border-radius: 100px;
    box-shadow: var(--shadow-low);
    display: inline-flex;
    gap: 2px;
    height: unset;
    inset-inline-end: min(8px,calc(50% - 29px));
    opacity: 0;
    padding: 2px;
    pointer-events: none;
    position: absolute;
    top: -16px
}

.custom-user-profile-theme.theme-dark .popover_c97e55 {
    -webkit-backdrop-filter: blur(36px);
    backdrop-filter: blur(36px)
}

.custom-user-profile-theme.theme-light .popover_c97e55 {
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px)
}

.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-inline-start:6px}

.button_c97e55.right_c97e55 {
    border-radius: 6px 100px 100px 6px;
    padding-inline-end:6px}

.button_c97e55:hover {
    background: var(--background-mod-normal)
}

.button_c97e55:hover .icon_c97e55 {
    fill: var(--interactive-text-hover)
}

.button_c97e55:active {
    background: var(--background-mod-strong)
}

.button_c97e55:active .icon_c97e55 {
    fill: var(--interactive-text-active)
}

.container_ab8609 {
    --custom-status-bubble-background-color: var(--background-surface-highest);
    --custom-status-bubble-background: var(--custom-status-bubble-background-color);
    height: -moz-fit-content;
    height: fit-content;
    position: absolute;
    width: -moz-fit-content;
    width: fit-content;
    z-index: var(--custom-user-profile-middle-layer-z-index)
}

.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 {
    inset-inline-start: 105px;
    top: calc(var(--custom-user-profile-banner-height) - 7px)
}

.user-profile-modal .container_ab8609 {
    inset-inline-start: 161px;
    top: -10px
}

.user-profile-modal-v2 .container_ab8609 {
    inset-inline-start: 172px;
    top: calc(var(--custom-user-profile-banner-height) - 8px)
}

.user-profile-sidebar .container_ab8609 {
    inset-inline-start: 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-top: -10px;
    margin-inline:109px 12px}

.user-profile-popout .referenceContainer_ab8609.withLabel_ab8609 {
    margin-top: -24px
}

.custom-user-profile-theme .user-profile-popout .referenceContainer_ab8609 {
    margin-inline:105px 8px}

.user-profile-modal .referenceContainer_ab8609 {
    margin-top: -10px;
    margin-inline:161px 16px}

.user-profile-modal .referenceContainer_ab8609.withLabel_ab8609 {
    margin-top: -24px
}

.user-profile-modal-v2 .referenceContainer_ab8609 {
    margin-top: -10px;
    margin-inline:144px 12px}

.user-profile-modal-v2 .referenceContainer_ab8609.withLabel_ab8609 {
    margin-top: -24px
}

.user-profile-sidebar .referenceContainer_ab8609 {
    margin-top: -10px;
    margin-inline:109px 8px}

.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: -moz-max-content;
    width: max-content
}

.outer_ab8609 {
    background: var(--custom-status-bubble-background);
    border: 1px solid var(--border-muted);
    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;
    inset-inline-start: 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;
    inset-inline-start: -3px;
    top: -15px;
    width: 10px
}

.theme-dark .outer_ab8609 {
    border: 1px solid var(--border-muted)
}

.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: -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-default);
    overflow: hidden
}

.content_ab8609.unclamped_ab8609 {
    -webkit-line-clamp: 9
}

.singleLineTextClamp_ab8609 {
    -webkit-line-clamp: 1
}

.ring_ab8609 {
    border-radius: var(--radius-lg)
}

.statusText_ab8609 {
    color: var(--text-default)
}

.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-inline-end:4px;width: 16px
}

.statusEmoji_ab8609~.statusText_ab8609 {
    display: inline
}

.labelRow_ab8609~.statusEmoji_ab8609:not(:has(~.statusText_ab8609)) {
    display: block;
    margin-inline:auto}

.addStatusPrompt_ab8609 {
    color: var(--text-muted);
    display: inline;
    vertical-align: middle
}

.italicPrompt_ab8609 {
    font-style: italic;
    padding-inline-end:1px;padding-bottom: 1px
}

.addStatusIcon_ab8609 {
    display: inline;
    margin-inline-end:4px;fill: var(--text-muted);
    vertical-align: middle
}

.outer_ab8609:hover .addStatusPrompt_ab8609 {
    color: var(--text-default)
}

.outer_ab8609:hover .addStatusIconColor_ab8609 {
    fill: var(--text-default)
}

.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
}

.popover__2ee1b {
}

.popoverGradientWrapper__2ee1b {
}

.popoverContentWithGradient__2ee1b {
}

.closeButton__2ee1b {
}

.header__2ee1b {
    gap: 2px;
    margin-bottom: 0;
    margin-top: var(--space-20)
}

.headerWithBadge__2ee1b {
}

.badgeContainer__2ee1b {
}

.content__2ee1b {
}

.footer__2ee1b {
}

.footerText__2ee1b {
}

.footerLink__2ee1b {
}

.actionBar__2ee1b {
    margin-top: var(--space-16)
}

.actions__2ee1b {
}

.multistepIndicator__2ee1b {
}

.multistepActionLayout__2ee1b {
}

.caretIcon__2ee1b {
}

.graphic__2ee1b {
    margin-bottom: calc(var(--space-6)*-1);
    margin-top: 0
}

.graphic--sm__2ee1b {
}

.graphic--md__2ee1b {
}

.graphic--lg__2ee1b {
}

.graphic--video__2ee1b {
}

.title__2ee1b {
    color: var(--text-strong);
    font-family: var(--font-display-marketing-header);
    font-size: 21px;
    font-style: italic;
    font-weight: 900;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    word-wrap: break-word;
    width: 100%
}

.headerBody__2ee1b {
    width: 90%
}

.caretHoverable__2ee1b {
    pointer-events: auto
}

.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(--space-4)
}

.tooltipWordmark_cd30d9 {
    color: var(--text-muted)
}

.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: -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;
    -o-object-fit: cover;
    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%
}

.container__9d597 {
    --custom-lift-hover: 2px;
    --custom-peek-base: 8px;
    --custom-peek-hover: 2px;
    --custom-expanded-total: calc(var(--custom-lift-hover) + var(--custom-peek-base) + var(--custom-peek-hover));
    --custom-transition-duration: 200ms
}

.container__9d597:has(.hasMultipleCards__9d597) {
    padding-bottom: var(--custom-peek-base)
}

.cardsList__9d597,.firstCardContainer__9d597 {
    position: relative
}

.hasMultipleCards__9d597 .firstCardContainer__9d597 .card__9d597 {
    box-shadow: var(--shadow-low);
    z-index: var(--custom-user-profile-middle-layer-z-index)
}

.full-motion .hasMultipleCards__9d597 .firstCardContainer__9d597 .card__9d597 {
    transition: transform var(--custom-transition-duration) ease-in-out
}

.hasMultipleCards__9d597:focus-within .firstCardContainer__9d597 .card__9d597,.hasMultipleCards__9d597:hover .firstCardContainer__9d597 .card__9d597 {
    transform: translateY(calc(var(--custom-lift-hover)*-1))
}

.backgroundCardContainer__9d597 {
    box-sizing: border-box;
    cursor: pointer;
    height: var(--custom-peek-base);
    overflow: hidden;
    padding-inline:8px;position: absolute;
    top: 100%;
    width: 100%
}

.full-motion .backgroundCardContainer__9d597 {
    --custom-transition-height-delay: var(--custom-transition-duration);
    transition: transform var(--custom-transition-duration) ease-in-out,height 0s var(--custom-transition-height-delay) linear
}

.cardsList__9d597:focus-within .backgroundCardContainer__9d597,.cardsList__9d597:hover .backgroundCardContainer__9d597 {
    --custom-transition-height-delay: 0ms;
    height: var(--custom-expanded-total);
    transform: translateY(calc(var(--custom-lift-hover)*-1))
}

.backgroundCardContainer__9d597 .backgroundCard__9d597 {
    height: calc(var(--custom-expanded-total)*2);
    transform: translateY(calc(-100% + var(--custom-peek-base)));
    z-index: var(--custom-user-profile-bottom-layer-z-index)
}

.full-motion .backgroundCardContainer__9d597 .backgroundCard__9d597 {
    transition: transform var(--custom-transition-duration) ease-in-out
}

.backgroundCardContainer__9d597 .backgroundCard__9d597:focus-within,.backgroundCardContainer__9d597 .backgroundCard__9d597:hover {
    background: var(--user-profile-overlay-background-hover)
}

.cardsList__9d597:focus-within .backgroundCardContainer__9d597 .backgroundCard__9d597,.cardsList__9d597:hover .backgroundCardContainer__9d597 .backgroundCard__9d597 {
    transform: translateY(calc(-100% + var(--custom-expanded-total)))
}

.link_d9ba3e {
    border-radius: inherit
}

.link_d9ba3e:hover {
    text-decoration-color: var(--text-default)
}

.clickable_ef9ae7 {
    border-radius: inherit;
    cursor: pointer;
    max-width: 100%;
    width: -moz-max-content;
    width: max-content
}

.clickable_ef9ae7:hover {
    text-decoration: underline;
    text-decoration-color: var(--text-default)
}

.imagePosition_ef9ae7 {
    align-items: center;
    border-radius: var(--radius-xs);
    display: flex;
    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;
    inset-inline-end: -4px;
    justify-content: center;
    position: absolute
}

.contentImage_ef9ae7 {
    border-radius: inherit;
    -o-object-fit: cover;
    object-fit: cover
}

.container__39f84 {
    background: var(--background-mod-subtle);
    border-end-end-radius: inherit;
    border-end-start-radius: inherit;
    display: flex;
    justify-content: space-between
}

.custom-user-profile-theme .container__39f84 {
    background: var(--user-profile-overlay-background)
}

.content__39f84 {
    min-width: 0;
    padding: 8px
}

.icon__39f84 {
    display: inline-block;
    height: 1lh;
    vertical-align: bottom;
    width: 1lh
}

.viewMoreButton__39f84 {
    border-end-end-radius: inherit;
    padding: 8px
}

.viewMoreButton__39f84:focus-visible,.viewMoreButton__39f84:hover {
    background-color: var(--background-mod-subtle);
    cursor: pointer
}

.card__39ec2 {
    --custom-activity-card-padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: visible;
    padding: var(--custom-activity-card-padding);
    position: relative
}

.user-profile-sidebar .card__39ec2 {
    --custom-activity-card-padding: 12px
}

.user-profile-modal-v2 .card__39ec2 {
    --custom-activity-card-padding: 12px;
    border-radius: var(--radius-md)
}

.card__39ec2.hoisted__39ec2 {
    background: linear-gradient(rgb(var(--background-gradient-color)/.4),rgb(var(--background-gradient-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-inline-end: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-block:0;margin-inline:20px 0}

.user-profile-modal-v2 .actions__39ec2 {
    flex-wrap: wrap
}

.actions__39ec2 .primaryButton__39ec2 {
    flex: 1
}

.actions__39ec2 .customButtons__39ec2 {
    align-items: center;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    gap: 8px
}

.actions__39ec2 .customButtons__39ec2>button {
    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)
}

.image__39ec2 {
    border-radius: var(--radius-sm)
}

.hangStatusIcon__39ec2 {
    height: 100px;
    width: 100px
}

.hangStatusIcon__39ec2.small__39ec2 {
    height: 60px;
    width: 60px
}

.clickableImage__39ec2,.clickableImage__39ec2:after {
    border-radius: var(--radius-sm)
}

.clickableImage__39ec2:after {
    background-color: var(--black);
    content: "";
    height: 100%;
    inset-inline-end: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    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: -moz-max-content;
    width: max-content
}

.clickableText__39ec2:hover {
    text-decoration: underline;
    text-decoration-color: var(--text-default)
}

.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-inline-end:2px;position: relative;
    top: 1px
}

.voiceChannelDivider__39ec2 {
    width: 100%
}

.voiceChannelOverflowCount__39ec2 {
    background: var(--background-mod-strong)
}

.contextMenu__39ec2 {
    cursor: pointer;
    display: flex;
    margin-inline-end:4px}

.appWidgetPreview__39ec2 {
    margin-block-end:calc(var(--custom-activity-card-padding)*-1);margin-inline: calc(var(--custom-activity-card-padding)*-1)
}

.divider__23eb0 {
    background-color: var(--user-profile-border);
    height: 1px
}

.cloudPlaySection__33ecd {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between
}

.cloudPlaySectionTextContainer__33ecd {
    align-items: center;
    display: flex;
    gap: 8px
}

.cloudPlayDivider__33ecd {
    margin: 4px 0;
    width: 100%
}

.container__8e51c {
    align-items: center;
    display: flex;
    gap: 8px
}

.text__8e51c {
    font-family: var(--font-code)
}

.bar__8e51c {
    background-color: var(--background-mod-muted);
    border-radius: 2px;
    flex: 1;
    height: 2px
}

.progress__8e51c {
    background-color: var(--interactive-text-active);
    border-radius: inherit;
    height: inherit;
    min-width: 4px
}

.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(--background-mod-muted);
    color: var(--interactive-text-default)
}

.liveLarge_a7acae {
    font-size: 14px;
    line-height: 15px
}

.liveSmall_a7acae {
}

.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(--background-base-lowest);
    border-radius: var(--radius-sm);
    height: 100%;
    -o-object-fit: contain;
    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%;
    inset-inline-end: 0;
    position: absolute;
    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;
    inset-inline-start: 0;
    opacity: 0;
    position: absolute;
    top: 0
}

@keyframes fadeIn__3299f {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes x__3299f {
    0% {
        inset-inline-start: 0
    }

    to {
        inset-inline-start: 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-background-default);
    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(--background-mod-subtle);
    border-radius: inherit;
    content: "";
    height: 100%;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.theme-dark.custom-user-profile-theme .container_e928f4 {
    background: var(--background-mod-strong)
}

.theme-dark.custom-user-profile-theme .container_e928f4:before {
    content: none
}

.theme-light.custom-user-profile-theme .container_e928f4 {
    background: var(--opacity-white-52)
}

.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(--background-surface-highest);
    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(--background-surface-highest);
    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-text-default);
    cursor: pointer;
    inset-inline-end: -4px;
    position: absolute;
    top: 8px
}

.headerImage__08bd2 {
    background-image: url(/assets/4ed48b8404cc8dd4.svg);
    background-repeat: no-repeat;
    height: 150px;
    margin: 12px auto;
    width: 250px
}

.titleRow__08bd2 {
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 8px
}

.title__08bd2,.titleRow__08bd2 {
    display: inline-flex
}

.title__08bd2 {
    margin-inline-end:4px}

.textArea__08bd2 {
    background: var(--input-background-default);
    max-height: 80px
}

.error__08bd2 {
    margin-top: 8px
}

.button__08bd2 {
    text-transform: capitalize
}

.modal__08bd2.gradientBorder__08bd2 {
    border: none;
    box-sizing: border-box
}

.container__08bd2 {
    background: radial-gradient(100% 100% at 50% 100%,var(--background-base-low) 60%,var(--transparent) 100%),linear-gradient(270deg,var(--expressive-gradient-purple-end) 0,var(--expressive-gradient-purple-start) 100%);
    border-radius: inherit;
    border-end-end-radius: 0;
    border-end-start-radius: 0;
    box-shadow: inset 0 1px 0 1px var(--border-subtle)
}

.cancelButton__08bd2 {
    margin-inline-end:8px}

.modalFooter__08bd2 {
    background-color: var(--background-base-low);
    border-bottom: 1px solid var(--border-subtle);
    border-inline-end:1px solid var(--border-subtle);border-inline-start: 1px solid var(--border-subtle);
    padding-bottom: var(--space-24);
    padding-top: var(--space-8)
}

.popoutCard__411a9 {
    padding: 12px;
    width: 260px
}

.tooltipContainer__411a9 {
    max-width: 260px;
    padding: 8px
}

.content__411a9 {
    flex-direction: column
}

.content__411a9,.headerRow__411a9 {
    display: flex;
    gap: 8px
}

.headerRow__411a9 {
    align-items: center
}

.titleRow__411a9 {
    flex: 1;
    gap: 6px;
    min-width: 0
}

.spicinessRow__411a9,.titleRow__411a9 {
    align-items: center;
    display: flex
}

.spicinessRow__411a9 {
    gap: 4px
}

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

.channelIcon__411a9,.spicinessIconMild__411a9 {
    color: var(--status-positive)
}

.spicinessIconSpicy__411a9 {
    color: var(--status-warning)
}

.spicinessIconUnhinged__411a9 {
    color: var(--status-danger)
}

.guildPart__411a9,.locationRow__411a9 {
    align-items: center;
    display: flex;
    gap: 6px;
    min-width: 0
}

.guildPart__411a9 {
    flex: 0 1 auto;
    max-width: 45%
}

.guildIcon__411a9 {
    flex: 0 0 auto
}

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

.separatorIcon__411a9 {
    color: var(--text-muted);
    flex: 0 0 auto
}

.channelPart__411a9 {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    gap: 6px;
    min-width: 0
}

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

.footer__411a9 {
    padding-top: 4px
}

@keyframes completedShine__411a9 {
    0% {
        background-position: 0 50%
    }

    to {
        background-position: 200% 50%
    }
}

.completedShinyText__411a9 {
    background: linear-gradient(90deg,var(--status-positive) 0,var(--white) 25%,var(--status-positive) 50%,var(--white) 75%,var(--status-positive) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    background-position: 0 50%;
    background-size: 200% 100%;
    color: transparent;
    display: inline-block;
    -webkit-text-fill-color: transparent;
    animation: completedShine__411a9 1.8s linear infinite
}

@media (prefers-reduced-motion:reduce) {
    .completedShinyText__411a9 {
        animation: none;
        background-position: 100% 50%
    }
}

@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-base-low)
}

.avatarMasked__27cc6 {
    margin-inline-end:-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__91a9d {
    border-radius: var(--radius-sm);
    box-sizing: border-box;
    color: var(--channels-default);
    display: block;
    padding: 1px 0;
    transition: none
}

.container__91a9d .muted__91a9d {
    color: var(--text-muted)
}

.childContainer__91a9d {
    border-radius: inherit;
    padding-block:0;padding-inline:var(--space-xs) 8px}

.childContainer__91a9d.nameplated__91a9d {
    padding-inline-end: 32px;
    position: relative
}

.muted__91a9d .avatar__91a9d {
    opacity: .3
}

.clickable__91a9d.container__91a9d:hover,.clickable__91a9d.container__91a9d:hover .muted__91a9d {
    color: var(--interactive-text-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-text-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: -moz-fit-content;
    width: fit-content;
    z-index: 1
}

.wrappedLayout__91a9d {
    height: auto;
    padding: 5px 8px
}

.clickable__91a9d:hover .childContainer__91a9d {
    background-color: var(--interactive-background-hover);
    cursor: pointer
}

.clickable__91a9d:active .childContainer__91a9d {
    background-color: var(--interactive-background-active)
}

.selected__91a9d .childContainer__91a9d {
    background-color: var(--interactive-background-selected)
}

.avatar__91a9d {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    height: 32px;
    justify-content: center;
    margin-inline-end: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: var(--font-weight-medium);
    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-inline-start:8px}

.fallback_b789ab {
    align-items: center;
    background-color: #423d80;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 12px;
    text-align: center
}

.spacer_b789ab {
    flex: 1
}

.container_e0f8ae {
    background-color: var(--background-base-low);
    border: 1px solid var(--border-subtle);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px
}

.headerContainer_e0f8ae {
    border-bottom: 1px solid var(--border-subtle);
    display: flex;
    justify-content: space-between;
    padding-bottom: 12px
}

.headerContent_e0f8ae {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 8px
}

.headerTextContainer_e0f8ae {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.gameGrid_e0f8ae {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(4,1fr)
}

.gameGrid_e0f8ae:has(.gameClickable_e0f8ae:nth-of-type(5):last-of-type),.gameGrid_e0f8ae:has(.placeholderArt_e0f8ae:nth-of-type(5):last-of-type) {
    grid-template-columns: repeat(5,1fr)
}

.gameGrid_e0f8ae:has(.gameClickable_e0f8ae:nth-of-type(9)),.gameGrid_e0f8ae:has(.placeholderArt_e0f8ae:nth-of-type(9)) {
    grid-template-columns: repeat(5,1fr)
}

.gameClickable_e0f8ae {
    cursor: pointer;
    opacity: 1;
    perspective: 600px;
    transition: opacity .2s ease
}

.gameGrid_e0f8ae:hover .gameClickable_e0f8ae {
    opacity: .5
}

.gameGrid_e0f8ae:hover .gameClickable_e0f8ae:hover {
    opacity: 1
}

.coverArtContainer_e0f8ae {
    border-radius: 8px;
    position: relative;
    transition: box-shadow .2s ease
}

.full-motion .coverArtContainer_e0f8ae {
    transition: box-shadow .2s ease,transform .1s ease-out
}

.gameGrid_e0f8ae:hover .gameClickable_e0f8ae:hover .coverArtContainer_e0f8ae {
    box-shadow: 0 0 25px 0 rgba(145,101,255,.25)
}

.coverArtContainer_e0f8ae:after {
    border-radius: 8px;
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    transition: box-shadow .2s ease
}

.gameGrid_e0f8ae:hover .gameClickable_e0f8ae:hover .coverArtContainer_e0f8ae:after {
    box-shadow: inset 0 0 67px 0 rgba(145,101,255,.25)
}

.coverArt_e0f8ae {
    border: 1px solid var(--border-subtle);
    border-radius: 8px;
    display: block;
    height: 94px;
    width: 73px
}

.closeButton_e0f8ae {
    color: var(--interactive-text-default);
    cursor: pointer
}

.placeholderArt_e0f8ae {
    background-color: var(--background-surface-high)
}

.closeButtonContainer_e0f8ae {
    display: flex;
    justify-content: flex-end
}

.errorContainer_e0f8ae {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 364px
}

.errorImage_e0f8ae {
    margin-bottom: 16px
}

.instructionsLink_e0f8ae {
    display: inline-block;
    font-size: inherit
}

.instructionsLink_e0f8ae:hover {
    text-decoration: underline
}

.gameTile_e0f8ae {
    height: 36px;
    width: 36px
}

.helper_fd2e49 {
    align-items: center;
    background: var(--background-base-lowest);
    border: 1px solid hsla(0,0%,100%,.04);
    border-radius: 8px;
    box-shadow: var(--shadow-low);
    display: flex;
    flex-direction: row;
    padding: 12px
}

.infoFilledIcon_fd2e49 {
    color: var(--text-default);
    margin-inline-end:8px}

@value transitionDuration 200ms;div.modalRoot {
    border-radius: 12px;
    position: relative
}

div.modalHeader_c28af8 {
    overflow-x: visible
}

.closeBtn_c28af8 {
    inset-inline-end: 12px;
    position: absolute;
    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-base-lower);
    border: 1px solid var(--border-muted);
    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(--message-background-hover)
}

.closeButtonContainer_c28af8 {
    border-radius: 3px;
    overflow: hidden;
    position: relative
}

.progressOverlay_c28af8 {
    background-color: var(--background-base-lower);
    inset: 0;
    opacity: .2;
    pointer-events: none;
    position: absolute;
    z-index: 10
}

.modalHeader_c28af8 {
    padding-bottom: 12px
}

.image__7d7b6 {
    border-radius: inherit;
    height: 100%;
    inset-inline-start: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.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-top: 2px;
    margin-inline-end:10%;width: 70%
}

.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%;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.borderOverlay__28141:before {
    border: 2px solid var(--white);
    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%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.questRewardTileAssetLazyVideo__28141 {
    position: absolute
}

.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;
    inset-inline: 0;
    justify-content: center;
    opacity: 0;
    position: absolute;
    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%;
    inset-inline-start: 0;
    pointer-events: none;
    top: 0;
    width: 100%
}

.reduce-motion .shine__28141 {
    opacity: 0
}

.full-motion .shine__28141 {
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: Shine__28141;
    animation-timing-function: ease-in-out
}

.imageVideoOverlay__28141 {
    border-radius: inherit;
    height: 100%;
    inset-inline-start: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.wrapper__0bd12 {
    background: var(--background-gradient-chat,var(--background-base-lower))
}

.container__0bd12 {
    background-color: var(--interactive-background-selected);
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 10px
}

.container__0bd12 .top__0bd12 {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.container__0bd12 .left__0bd12 {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.container__0bd12 .left__0bd12 .help__0bd12 {
    margin-inline-end:8px}

.container__0bd12 .left__0bd12 .help__0bd12:hover {
    cursor: pointer
}

.container__0bd12 .left__0bd12 .help__0bd12 .helpText__0bd12 {
    display: inline;
    margin-inline-end:3px}

.container__0bd12 .left__0bd12 .help__0bd12 .helpIcon__0bd12 {
    vertical-align: middle
}

.container__0bd12 .right__0bd12 .imgWrapper__0bd12 {
    height: 38px;
    position: relative;
    width: 38px
}

.container__0bd12 .right__0bd12 .imgWrapper__0bd12 .imgUnderlay__0bd12 {
    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__0bd12 {
    border-radius: 8px;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 2
}

.member__5d473 {
    margin-inline-start:8px;max-width: calc(var(--custom-member-list-width) - 16px);
    position: relative
}

.memberInner__5d473 {
    box-sizing: border-box;
    height: auto;
    padding: var(--space-xxs) 0 var(--space-xxs)
}

.offline__5d473 {
    opacity: .3
}

.offline__5d473:hover {
    opacity: 1
}

.icon__5d473 {
    flex: 0 0 auto;
    flex-shrink: 0;
    height: 14px;
    position: relative;
    width: 14px
}

.ownerIcon__5d473 {
    color: var(--text-feedback-warning);
    margin-inline-start:4px}

.lostPermission__5d473 {
    text-decoration: line-through
}

.premiumIcon__5d473 {
    margin-inline-start:3px;top: 1px
}

.placeholder__5d473 {
    padding: 4px 8px
}

.botTag__5d473 {
    flex: 0 0 auto;
    margin-inline-start:4px}

.username__5d473 {
    align-items: center;
    display: flex;
    flex: 0 1 auto;
    margin-inline-end:auto;max-width: 100%;
    min-width: 0
}

.name__5d473 {
    flex: 1 1 auto;
    white-space: nowrap
}

span.clanTag__5d473 {
    margin-top: 1px;
    margin-inline-start:4px;margin-bottom: 1px
}

.flatBottom__5d473 {
    border-end-end-radius: 0;
    border-end-start-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
}

.header__13cf1 {
}

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

.headerContainer__095fe {
    cursor: pointer;
    justify-content: space-between
}

.header__095fe,.headerContainer__095fe {
    align-items: center;
    display: flex
}

.header__095fe {
    gap: 4px
}

.toggleExpandIcon__095fe {
    height: 1lh
}

@keyframes placeholderPulse_c8ffbb {
    0% {
        opacity: .5
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .5
    }
}

:root {
    --custom-channel-members-bg: var(--background-base-lower)
}

.container_c8ffbb {
    background: var(--background-gradient-chat,var(--custom-channel-members-bg));
    border-inline-start:1px solid var(--border-subtle);display: flex;
    flex-direction: column;
    height: 100%
}

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

.membersWrap_c8ffbb {
    display: flex;
    height: 100%;
    max-height: 100%;
    min-width: var(--custom-member-list-width);
    position: relative
}

.members_c8ffbb {
    background: var(--background-gradient-chat,var(--custom-channel-members-bg));
    flex: 0 0 auto;
    height: auto;
    padding: 0 0 10px
}

.members_c8ffbb,.membersListNotices_c8ffbb {
    width: var(--custom-member-list-width)
}

.member_c8ffbb {
    background: var(--background-gradient-chat,var(--custom-channel-members-bg))
}

.membersGroup_c8ffbb {
    height: auto;
    padding-block:var(--space-lg) var(--space-xxs);padding-inline: var(--space-md) var(--space-xxs)
}

.membersGroupHeader_c8ffbb {
    display: flex;
    flex-direction: row
}

.membersGroupName_c8ffbb {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hiddenMembers_c8ffbb {
    justify-content: center
}

.hiddenText_c8ffbb {
    align-self: center
}

.memberGroupsPlaceholder_c8ffbb {
    animation: placeholderPulse_c8ffbb 3s ease-in-out infinite;
    background-color: var(--background-base-low);
    border-radius: 8px;
    height: 12px;
    width: 40%
}

.addMembersButton_c8ffbb {
    padding-top: 8px;
    padding-inline-start:8px}

.addMembersIcon_c8ffbb {
    align-items: center;
    background-color: var(--background-mod-normal);
    border-radius: 50%;
    display: flex;
    height: 32px;
    justify-content: center;
    width: 32px
}

.roleIcon_c8ffbb {
    margin-inline-end:4px;vertical-align: top
}

.fullWidth_c8ffbb {
    width: 100vw
}

.appIconWrapper_c8ffbb {
    align-items: center;
    background-color: var(--background-mod-normal);
    border-radius: 16px;
    display: flex;
    height: 32px;
    justify-content: center;
    width: 32px
}

.enable-forced-colors .container_c8ffbb,.enable-forced-colors .membersWrap_c8ffbb {
    border-inline-start:2px solid CanvasText}

.enable-forced-colors .container_c8ffbb .membersWrap_c8ffbb {
    border-inline-start:none}

@media (max-width: 485px) {
    .membersWrap_c8ffbb {
        display:flex;
        height: 100%;
        position: relative
    }

    .members_c8ffbb,.membersListNotices_c8ffbb,.membersWrap_c8ffbb {
        min-width: 100%
    }
}

.roleIcon_ee71ee {
    display: inline-block;
    -o-object-fit: contain;
    object-fit: contain;
    overflow: hidden
}

.roleIcon_ee71ee:before {
    background-color: var(--background-mod-subtle);
    border-radius: 50%;
    content: "";
    display: block;
    height: 100%;
    width: 100%
}

.clickable_ee71ee {
    cursor: pointer
}

.content__22234 {
    border-radius: 8px;
    box-sizing: border-box;
    padding: var(--custom-tutorial-popout-padding-content)
}

.contentNoMedia__22234,.contentWithMedia__22234 {
}

.contentNarrowWithMedia__22234 {
    width: 280px
}

.contentNarrowNoMedia__22234 {
    width: 280px
}

.contentWideWithMedia__22234 {
    width: 300px
}

.contentWideNoMedia__22234 {
    width: 300px
}

&.content__22234,.content__22234 {
    background-color: var(--background-surface-highest);
    box-shadow: var(--shadow-high)
}

&.contentWithMedia__22234,.contentWithMedia__22234 {
    border: 1px solid var(--border-subtle)
}

&.leftArrow__22234:before,.leftArrow__22234:before {
    border-inline-end-color:var(--background-surface-highest)}

&.rightArrow__22234: before,.rightArrow__22234:before {
    border-inline-start-color:var(--background-surface-highest)
}

&.contentNarrowMedia__22234.topArrow__22234:before,&.contentWideNoMedia__22234.topArrow__22234:before,&.topArrow__22234:before,.contentNarrowNoMedia__22234.topArrow__22234:before,.contentWideNoMedia__22234.topArrow__22234:before,.topArrow__22234:before {
    border-bottom-color: var(--background-surface-highest)
}

.mediaContainer__22234 {
    position: absolute;
    top: calc(var(--custom-tutorial-popout-height-media-approx)/2*-1);
    width: calc(100% - var(--custom-tutorial-popout-padding-content)*2)
}

.background__22234 {
    position: absolute;
    top: 0;
    inset-inline: 0
}

.title__22234 {
    font-size: 16px;
    font-weight: var(--font-weight-semibold);
    line-height: 20px;
    margin-bottom: 4px
}

&.title__22234,.title__22234 {
    color: var(--text-strong)
}

.titleCenter__22234 {
    text-align: center
}

.titleLeft__22234 {
    text-align: start
}

.body__22234 p,div.body__22234,p.body__22234 {
    color: var(--text-default);
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    line-height: 18px;
    margin-bottom: 16px;
    margin-top: 0
}

strong {
    font-weight: var(--font-weight-semibold)
}

.bodyCenter__22234 {
    text-align: center
}

.bodyLeft__22234 {
    text-align: start
}

.popoutRoot__22234 {
    position: relative
}

.popoutRoot__22234.arrowAlignmentMiddle__22234:before,.popoutRoot__22234.arrowAlignmentTop__22234:before {
    border: 8px solid transparent;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    width: 0
}

.popoutRoot__22234.top__22234.arrowAlignmentMiddle__22234:before,.popoutRoot__22234.top__22234.arrowAlignmentTop__22234:before {
    border-top-color: var(--background-surface-highest);
    inset-inline-start: 50%;
    top: 100%;
    transform: translateX(-50%)
}

.popoutRoot__22234.right__22234.arrowAlignmentTop__22234:before {
    border-inline-end-color:var(--background-surface-highest);inset-inline-end: 100%;
    top: 10px
}

.popoutRoot__22234.right__22234.arrowAlignmentMiddle__22234:before {
    border-inline-end-color:var(--background-surface-highest);inset-inline-end: 100%;
    margin-top: -16px;
    top: 50%
}

.popoutRoot__22234.left__22234.arrowAlignmentTop__22234:before {
    border-inline-start-color:var(--background-surface-highest);inset-inline-start: 100%;
    top: 10px
}

.popoutRoot__22234.left__22234.arrowAlignmentMiddle__22234:before {
    border-inline-start-color:var(--background-surface-highest);inset-inline-start: 100%;
    margin-top: -16px;
    top: 50%
}

.popoutRoot__22234.bottom__22234.arrowAlignmentMiddle__22234:before,.popoutRoot__22234.bottom__22234.arrowAlignmentTop__22234:before {
    border-bottom-color: var(--background-surface-highest);
    bottom: 100%;
    inset-inline-start: 50%;
    transform: translateX(-50%)
}

.container__5662e {
    position: relative;
    top: -10px
}

.container__3f123 {
    position: relative;
    top: 10px
}

.container_ee658d {
    position: relative
}

.personAvatar_ee658d {
    margin-top: 20px
}

.guildAvatar_ee658d {
    margin-top: -38px;
    margin-inline-start:193px}

.illustration_ee658d {
    inset-inline-start: 50px;
    position: absolute;
    top: 0
}

.avatarSizeOverride_ee658d {
    height: 60px!important;
    width: 60px!important
}

.icon_dbd216 {
    margin: 0 2px 4px;
    vertical-align: middle
}

.voiceConversationsTitle_dbd216 {
    margin-top: 32px
}

.writingMessagesTitle_dbd216 {
    margin-top: 44px
}

.organizeByTopicTitle_dbd216 {
    margin-top: 40px
}

.voiceChannelsTitle_dbd216 {
    margin-top: 24px
}

.channelsTitle_dbd216 {
    margin-top: 90px
}

.indicator_ffc7aa {
    display: flex;
    pointer-events: auto;
    position: absolute;
    z-index: 999
}

.animationContainer_ffc7aa {
    height: 36px;
    position: relative;
    transition: opacity .2s ease-out;
    width: 36px
}

.animationContainer_ffc7aa.animating_ffc7aa {
    opacity: 1
}

.animationContainer_ffc7aa.notAnimating_ffc7aa {
    opacity: 0
}

.top_ffc7aa {
    background: url(/assets/c200a7504d42173d.svg) 50% no-repeat;
    background-size: contain;
    height: 22px;
    inset-inline-start: 18.5px;
    position: absolute;
    top: -10px;
    width: 9px
}

.top_ffc7aa.animating_ffc7aa {
    animation: exclaim-loop_ffc7aa 1.5s ease-in-out infinite forwards
}

.top_ffc7aa.notAnimating_ffc7aa {
    animation: quick-fade-out_ffc7aa .2s forwards
}

.bottom_ffc7aa {
    background: url(/assets/5c37dde2c8764c10.svg) 50% no-repeat;
    background-size: contain;
    height: 8px;
    inset-inline-start: 14px;
    position: absolute;
    top: 14px;
    width: 8px
}

.bottom_ffc7aa.animating_ffc7aa {
    animation: dot-loop_ffc7aa 1.5s ease-in-out infinite forwards
}

.bottom_ffc7aa.notAnimating_ffc7aa {
    animation: quick-fade-out_ffc7aa .2s forwards
}

.innerCircle_ffc7aa {
    background: url(/assets/dabf5fea0bb87bf8.svg) 50% no-repeat;
    background-size: contain;
    height: 30px;
    inset-inline-start: 3px;
    opacity: .1;
    position: absolute;
    top: 3px;
    width: 30px
}

.full-motion .innerCircle_ffc7aa.animating_ffc7aa {
    animation: inner-circle-loop_ffc7aa 1.5s infinite;
    opacity: .1
}

.full-motion .innerCircle_ffc7aa.animating_ffc7aa.highPriority_ffc7aa {
    animation: inner-circle-loop-high-priority_ffc7aa 1.5s infinite
}

.innerCircle_ffc7aa.notAnimating_ffc7aa {
    animation: quick-fade-out_ffc7aa .2s forwards
}

.outerCircle_ffc7aa {
    background: url(/assets/fd5f7ebed980d3e1.svg) 50% no-repeat;
    background-size: contain;
    height: 36px;
    opacity: .1;
    position: absolute;
    width: 36px
}

.full-motion .outerCircle_ffc7aa.animating_ffc7aa {
    animation: outer-circle-loop_ffc7aa 1.5s infinite;
    opacity: 0
}

.full-motion .outerCircle_ffc7aa.animating_ffc7aa.highPriority_ffc7aa {
    animation: outer-circle-loop-high-priority_ffc7aa 1.5s infinite
}

.outerCircle_ffc7aa.notAnimating_ffc7aa {
    animation: quick-fade-out_ffc7aa .2s forwards
}

@keyframes exclaim-loop_ffc7aa {
    0% {
        top: -10px
    }

    21% {
        top: -14px
    }

    46%,51% {
        top: -10px
    }

    72% {
        top: -14px
    }

    to {
        top: -10px
    }
}

@keyframes dot-loop_ffc7aa {
    0% {
        top: 14px
    }

    19% {
        top: 9px
    }

    44%,49% {
        top: 14px
    }

    70% {
        top: 9px
    }

    95%,to {
        top: 14px
    }
}

@keyframes inner-circle-loop_ffc7aa {
    0% {
        opacity: .1;
        transform: scale(1.1)
    }

    42% {
        opacity: .25;
        transform: scale(.9)
    }

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

@keyframes outer-circle-loop_ffc7aa {
    0% {
        opacity: 0;
        transform: scale(1.1)
    }

    51% {
        opacity: .2;
        transform: scale(.9)
    }

    to {
        opacity: 0;
        transform: scale(1.1)
    }
}

@keyframes inner-circle-loop-high-priority_ffc7aa {
    0% {
        opacity: .1;
        transform: scale(1.1)
    }

    42% {
        opacity: .5;
        transform: scale(.9)
    }

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

@keyframes outer-circle-loop-high-priority_ffc7aa {
    0% {
        opacity: 0;
        transform: scale(1.1)
    }

    51% {
        opacity: .4;
        transform: scale(.9)
    }

    to {
        opacity: 0;
        transform: scale(1.1)
    }
}

@keyframes quick-fade-out_ffc7aa {
    to {
        opacity: 0
    }
}

.roleDot__57082 {
    margin-inline:-2px 2px}

.clickable_b66158 {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    gap: 4px;
    max-width: 100%;
    width: -moz-max-content;
    width: max-content
}

.clickable_b66158:hover {
    text-decoration: underline;
    text-decoration-color: var(--text-default)
}

.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: -moz-max-content;
    width: max-content
}

.pencilIcon_b66158 {
    color: var(--text-subtle);
    flex-shrink: 0
}

.pencilIcon_b66158.hidden_b66158 {
    visibility: hidden
}

.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 {
    overflow: hidden
}

.nickname__63ed3,.nicknameWithDisplayNameStyles__63ed3 {
    max-height: calc(var(--custom-nickname-line-height)*3);
    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(--text-strong);
    font-size: 14px;
    font-weight: var(--font-weight-normal);
    line-height: 18px
}

.pronounsTooltip__63ed3 {
    max-width: 100%
}

.pronounsText__63ed3 {
    margin-inline-end: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(--text-strong);
    vertical-align: top
}

.dotSpacer__63ed3 {
    background-color: var(--text-default);
    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
}

.discordLogo__921c5 {
    background: url(/assets/bbbc3d376d38e7bc.svg) no-repeat;
    display: none;
    flex-shrink: 0;
    height: 36px;
    margin-bottom: 16px;
    width: 112px
}

.authBox__921c5 {
    background-color: var(--modal-background);
    border-radius: var(--radius-sm);
    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;
        display: flex;
        flex-direction: column;
        height: 100%;
        inset: 0;
        overflow: scroll;
        padding: 20px 16px;
        position: absolute;
        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;
    display: flex;
    flex-direction: column;
    height: 100%;
    inset: 0;
    overflow: scroll;
    padding: 20px 16px;
    position: absolute;
    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] .discordLogo__921c5 {
    background: url(/assets/34120ace1e4e4d29.svg) no-repeat;
    width: 130px
}

.authBox__921c5[data-theme=dark] .discordLogo__921c5 {
    background: url(/assets/bbbc3d376d38e7bc.svg) no-repeat;
    width: 130px
}

.title__921c5 {
    font-weight: var(--font-weight-semibold)
}

.subText__921c5 {
    color: var(--text-muted)
}

.subText__921c5 strong {
    color: hsl(var(--primary-300-hsl)/.9);
    font-weight: var(--font-weight-semibold)
}

.pill__921c5 {
    align-items: center;
    display: flex
}

.pillOnline__921c5 {
    margin-inline-end:16px}

.pillMessage__921c5 {
    color: var(--text-default);
    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-inline-end:4px;width: 10px
}

.pillIconTotal__921c5 {
    background-color: var(--text-default)
}

.pillIconOnline__921c5 {
    background-color: var(--icon-feedback-positive)
}

.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-inline-start:14px}

.joiningAsUsername__921c5 {
    margin-inline-start: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: start;
    width: 100%
}

.button__921c5 {
    font-size: 16px;
    line-height: 24px
}

.linkButton__921c5 {
    display: block;
    padding-inline:0}

.inviteIcon__921c5 {
    align-items: center;
    display: inline-flex;
    justify-content: center
}

.inviteLargeIcon__921c5 {
    margin-inline-end:0}

.inviteSmallIcon__921c5 {
    flex-shrink: 0;
    margin-inline-end:8px;margin-top: 0
}

.downloadButtonSubtext__921c5 {
    margin-top: 8px;
    text-align: center
}

.inputError__921c5,.inputError__921c5:focus,.inputError__921c5:hover {
    border-color: var(--border-feedback-critical)
}

.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(--border-subtle);
    padding-bottom: 24px
}

.sectionLabel__526cc {
    color: var(--text-default)
}

.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(--border-subtle);
    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(--text-default);
    margin-bottom: 16px
}

.fakeScopeIcon__29337,.scopeIcon__29337 {
    color: var(--text-muted)
}

.fakeScopeIcon__29337 {
    opacity: .6
}

.icon__29337 {
    height: 20px;
    margin-inline-end: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(--border-subtle);
    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: var(--font-weight-medium);
    margin: 16px 0 0
}

.disabledPermissionIcon__41924 {
    background-color: var(--background-feedback-critical);
    border-radius: 10%;
    box-sizing: border-box;
    height: 18px;
    margin-inline-end:8px;width: 18px
}

.icon__41924 {
    color: var(--white);
    height: 18px;
    width: 18px
}

.selector_c248b6 {
    margin-top: var(--space-16)
}

.header__03630 {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center
}

.currentUser__03630 {
    font-weight: var(--font-weight-medium)
}

.currentUserTag__03630 {
    display: inline
}

.currentUserDiscriminator__03630 {
    color: var(--interactive-text-default);
    display: inline
}

.logoutLink__03630 {
    color: var(--brand-500);
    margin-inline-start: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-top: 4px!important;
    margin-inline-start:8px}

.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(--background-mod-subtle)
}

.header_b1c9f2 {
    align-items: center;
    gap: 16px;
    justify-content: center
}

.container_b1c9f2,.header_b1c9f2 {
    display: flex;
    flex-direction: column
}

.container_b1c9f2 {
    gap: var(--space-24);
    max-width: 400px
}

.rows_b1c9f2 {
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    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-base-lower);
    background-color: var(--background-surface-higher);
    cursor: pointer;
    display: flex;
    gap: 12px;
    padding-inline-start:16px}

.row_b1c9f2:hover {
    background: var(--interactive-background-hover);
    background-color: var(--background-surface-high)
}

.row_b1c9f2:first-child {
    border-start-end-radius: 8px;
    border-start-start-radius: 8px
}

.row_b1c9f2:last-child {
    border-end-end-radius: 8px;
    border-end-start-radius: 8px
}

.row_b1c9f2:not(:last-child) .rowInner_b1c9f2 {
    border-bottom: 1px solid var(--interactive-background-hover);
    border-color: var(--border-subtle)
}

.rowInner_b1c9f2 {
    align-items: center;
    display: flex;
    flex: 1;
    gap: 8px;
    padding-block:8px;padding-inline:0 16px}

.rowDetails_b1c9f2 {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 2px
}

.leftIcon_b1c9f2 {
    padding: 4px
}

.leftIcon_b1c9f2,.rightIcon_b1c9f2 {
    color: var(--interactive-text-default)
}

.learnMore_b1c9f2 {
    margin: 16px 0;
    text-align: center
}

.detailsContainer_b1c9f2 {
    display: flex;
    flex-direction: column;
    gap: var(--custom-disclosure-spacing)
}

.overviewContainerNoVideo_b1c9f2 {
    background-color: unset;
    border-radius: var(--radius-sm);
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
    padding: var(--space-12)
}

.titleContainer_b1c9f2 {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: var(--space-8)
}

.partnerLabelContainer_b1c9f2 {
    background-color: var(--interactive-background-active);
    border-radius: var(--radius-lg);
    justify-content: center;
    padding: 2px var(--space-8)
}

.descriptionContainer_b1c9f2 {
    display: flex;
    flex-direction: column;
    gap: var(--space-4)
}

.expandableDescriptionClickable_b1c9f2 {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    gap: var(--space-4)
}

.overflowHidden_b1c9f2 {
    overflow: hidden
}

.oauth2PageWrapper__647f0 {
    align-items: center;
    bottom: 0;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    inset-inline: 0;
    justify-content: center;
    min-height: 0;
    padding-bottom: 40px;
    padding-top: 40px
}

.oauth2PageContent__647f0 {
    align-items: center;
    background: var(--background-base-low);
    border-radius: 12px;
    box-shadow: var(--legacy-elevation-high);
    display: flex;
    height: auto;
    max-height: calc(100% - 80px);
    max-width: 480px;
    min-width: 280px;
    overflow: hidden;
    position: relative;
    width: 100%
}

@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
    }
}

.wrapper_b76614 {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center
}

.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 {
    inset-inline-end: 12px;
    opacity: .8;
    position: absolute;
    top: 12px
}

.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
}

.authorizedSuccessExternal_b76614 {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 24px;
    text-align: center
}

.authorizedSuccessExternalCopy_b76614 {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.authorizedSuccessExternalIcon_b76614 {
    height: 86px;
    width: 86px
}

.authorizedSuccessExternalIcon_b76614 img {
    height: 100%;
    width: 100%
}

.authorizedExternalCta_b76614 {
    width: 100%
}

.authorize__3d3b0 {
    align-items: center;
    background: unset;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--space-24);
    height: auto;
    justify-content: center;
    margin: 0;
    width: 100%
}

.loadingContainer__3d3b0 {
    min-height: 270px
}

.spinner__3d3b0 {
    height: 240px;
    inset-inline-start: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 240px
}

.contentWrapper__3d3b0 {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.content__3d3b0 {
    border-radius: 8px;
    margin: 0;
    padding: var(--space-32);
    position: relative
}

.content__3d3b0.noPadding__3d3b0 {
    padding: 0
}

.contentBackground__3d3b0 {
    background: var(--background-mod-subtle);
    border: 1px solid var(--border-muted)
}

@media (max-width: 568px) {
    .content__3d3b0 {
        padding:16px
    }

    .content__3d3b0.noPadding__3d3b0 {
        padding: 0
    }
}

.intObserver__3d3b0 {
    bottom: 24px;
    height: 1px;
    pointer-events: none;
    position: absolute
}

.deepLinkContainer__3d3b0 {
    align-items: center;
    background: var(--background-base-low);
    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
}

.button__0f074 {
    color: var(--icon-subtle);
    cursor: pointer;
    height: 16px;
    opacity: 0;
    transition: color 50ms ease-in;
    width: 16px
}

.button__0f074:focus-visible,.button__0f074:hover {
    color: var(--icon-strong);
    transition: color .15s ease-out
}

.button__0f074.visible__0f074,.button__0f074:focus-visible {
    opacity: 1
}

.viewFullBio_f5f93a {
    margin-top: 8px
}

.descriptionClamp_f5f93a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.maxBioHeight_f5f93a {
    max-height: 55px
}

.container__50e22 {
    background-color: var(--modal-background);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    padding: 8px;
    width: 250px
}

.popoutRoleDot__50e22 {
    margin-inline-end:4px}

.popoutRoleCircle__50e22 {
    margin-inline-end:8px}

.role_af3987 {
    align-items: center;
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-round);
    box-sizing: border-box;
    display: flex;
    min-height: 24px;
    padding-block:0;padding-inline-end:8px;padding-inline-start:2px}

.custom-user-profile-theme .role_af3987 {
    border-color: var(--user-profile-border)
}

.roleDot_af3987 {
    font-size: 1.34em
}

.connectionRoleIcon_af3987 {
    color: var(--icon-default);
    margin-inline-end:4px}

.roleIcon_af3987 {
    margin-inline-start:4px;vertical-align: middle
}

.roleTag_af3987 {
    border-radius: var(--radius-round);
    max-width: 100%;
    outline: none
}

.hasRemoveButton_af3987 {
    padding-inline-end:0}

.removeButton_af3987 {
    align-items: center;
    background: transparent;
    border-radius: var(--radius-xs);
    box-sizing: border-box;
    color: var(--icon-subtle);
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    height: 24px;
    justify-content: center;
    margin-block:-1px;margin-inline-end:-1px;padding: 0;
    transition: color 50ms ease-in;
    width: 24px
}

.removeButton_af3987:hover {
    color: var(--icon-strong);
    transition: color .15s ease-out
}

.roleListContainer_af3987 {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-block-start:2px;position: relative
}

.listContentsInteractive_af3987 {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    max-width: 100%
}

.listContentsStatic_af3987 {
    display: contents
}

.roleName_af3987,.roleNameOverflow_af3987 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pillButton_af3987 {
    background: transparent;
    color: var(--interactive-text-default);
    cursor: pointer;
    min-width: 24px;
    padding-inline:4px;transition: background 50ms ease-in,color 50ms ease-in
}

.pillButton_af3987:hover {
    background: var(--background-mod-subtle);
    color: var(--interactive-text-hover);
    transition: background .15s ease-out,color .15s ease-out
}

.expandButton_af3987 {
    padding-inline-end:8px;padding-inline-start:6px}

.addButton_af3987 {
    align-items: center;
    border-radius: var(--radius-round);
    box-sizing: border-box;
    color: var(--interactive-text-default);
    cursor: pointer;
    display: flex;
    gap: 2px;
    height: 24px;
    justify-content: center;
    min-width: 24px;
    transition: color 50ms ease-in
}

.addButton_af3987:hover {
    color: var(--interactive-text-hover);
    transition: color .15s ease-out
}

.addButton_af3987.showLabel_af3987 {
    padding-inline-end:4px}

.enable-forced-colors .role_af3987 {
    border: 1px solid CanvasText!important
}

.enable-forced-colors .removeButton_af3987 {
    background-color: ButtonFace;
    border: 1px solid CanvasText;
    border-inline-start:none;border-radius: 0 var(--radius-round) var(--radius-round) 0;
    color: ButtonText;
    margin-inline-start:4px}

.enable-forced-colors .removeButton_af3987:hover {
    color: ButtonText
}

.enable-forced-colors .addButton_af3987,.enable-forced-colors .addButton_af3987:hover,.enable-forced-colors .pillButton_af3987,.enable-forced-colors .pillButton_af3987:hover {
    background-color: ButtonFace;
    border: 1px solid CanvasText;
    color: ButtonText
}

.popoutWrapper__9ac28 {
    display: flex;
    inset-inline-start: -30px;
    max-height: 40vh;
    position: relative;
    width: 200px
}

.scroller__9ac28 {
    background-color: var(--background-surface-high);
    border-radius: 4px;
    padding: 8px 16px
}

.avatars__9ac28 {
    align-items: center;
    display: flex;
    flex-grow: 0;
    position: relative
}

.avatar__9ac28 {
    -webkit-mask: url(/assets/38fe464a6fea7d0e.svg);
    mask: url(/assets/38fe464a6fea7d0e.svg);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    mask-type: alpha
}

.avatar__9ac28.size16__9ac28 {
    margin-inline-end:-3px}

.avatar__9ac28.size20__9ac28 {
    margin-inline-end:-5px}

.avatar__9ac28.size24__9ac28 {
    margin-inline-end:-6px}

.avatar__9ac28.isLast__9ac28 {
    margin-inline-end:0;-webkit-mask: none;
    mask: none
}

.overflow__9ac28 {
    align-items: center;
    background-color: var(--background-base-lowest);
    border-radius: 16px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    width: auto
}

.overflow__9ac28.size16__9ac28 {
    height: 16px;
    min-width: 16px;
    padding: 0 4px
}

.overflow__9ac28.size20__9ac28 {
    height: 20px;
    min-width: 20px;
    padding: 0 6px
}

.overflow__9ac28.size24__9ac28 {
    height: 24px;
    min-width: 24px;
    padding: 0 8px
}

.button__9ac28 {
    cursor: pointer
}

.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-text-default);
    border-radius: var(--radius-round);
    height: 4px;
    width: 4px
}

.buttons_bc38cd {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.buttons_bc38cd:empty {
    display: none
}

.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;
    inset-inline-end: 16px;
    position: absolute
}

.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(--background-scrim);
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 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)
}

.container__10737 {
    background-color: var(--background-mod-normal);
    border-start-end-radius: var(--radius-sm);
    border-start-start-radius: var(--radius-sm);
    box-shadow: var(--shadow-low);
    display: flex;
    flex-direction: column;
    height: 60px;
    justify-content: center;
    overflow: hidden;
    padding-block-end:6px;padding-block-start:6px;padding-inline-end:0;padding-inline-start:16px;position: relative;
    width: 252px
}

.container__10737:before {
    background: #c6cdf4;
    content: "";
    filter: blur(40px);
    height: 170px;
    inset-block-start: -190px;
    inset-inline-start: 50%;
    opacity: .5;
    pointer-events: none;
    position: absolute;
    transform: translateX(-50%);
    width: 221px
}

.closeButton__10737 {
    inset-inline-end: 6px;
    position: absolute;
    top: 6px
}

.subtitleContainer__10737 {
    align-items: center;
    display: flex;
    flex-direction: row;
    padding-top: 4px
}

.currentUserAvatar__10737 {
    border: 2px solid var(--background-mod-normal);
    margin-inline:-4px;margin-inline-end:4px}

.lottieIconColors__5eb9b :not(defs *)[fill][fill-opacity] {
    fill: var(--__lottieIconColor,var(--interactive-text-default))
}

.lottieIconColors__5eb9b :not(defs *)[stroke][stroke-opacity] {
    stroke: var(--__lottieIconColor,var(--interactive-text-default))
}

.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
}

.custom-user-profile-theme .container_a99829 {
    border: none
}

.theme-light.custom-user-profile-theme .container_a99829 {
    background: var(--opacity-black-8)
}

.theme-dark.custom-user-profile-theme .container_a99829 {
    background: var(--opacity-white-12)
}

.editor_a99829.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
}

.container_a99829 {
    border-radius: var(--radius-sm)
}

.upsell_a99829 {
    border-radius: 0 0 var(--radius-sm) var(--radius-sm)
}

.buttons_a99829 {
    align-items: flex-start;
    align-self: flex-start;
    display: flex;
    flex-direction: row;
    padding-block-start:var(--space-6)}

.container__7970d {
    position: relative
}

.avatar__7970d,.avatarIconContainer__7970d {
    align-items: center;
    display: flex;
    justify-content: center
}

.avatarIconContainer__7970d {
    background-color: var(--background-mod-normal);
    border-radius: var(--radius-round);
    bottom: -8px;
    inset-inline-end: -8px;
    overflow: hidden;
    padding: var(--space-4);
    position: absolute
}

.preview__207b4 {
    height: 100%;
    width: 100%;
    filter: blur(5px);
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: top;
    object-position: top;
    opacity: .3
}

.container__207b4,.preview__207b4 {
    position: relative
}

.headerContainer__207b4 {
    gap: var(--space-8)
}

.body__207b4,.headerContainer__207b4 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.body__207b4 {
    gap: var(--space-16);
    inset-inline-start: 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;
    inset-inline: 0;
    margin: 0 auto;
    position: absolute;
    width: -moz-fit-content;
    width: fit-content
}

.toastPadding_a35754 {
    padding: 10px 16px
}

.toastIcon_a35754 {
    height: 20px;
    margin-inline-end:8px;width: 20px
}

.successToast_a35754 {
    display: flex;
    gap: 40px
}

.toast__3fde7 {
    align-items: center;
    background-color: var(--background-surface-highest);
    border: 1px solid var(--border-normal);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-high);
    color: var(--text-strong);
    display: flex;
    line-height: 24px;
    margin-bottom: 12px;
    padding: var(--space-8) var(--space-12)
}

.toast__3fde7[data-type=success] {
    background-color: var(--notice-background-positive);
    color: var(--notice-text-positive)
}

.toast__3fde7[data-type=failure] {
    background-color: var(--notice-background-critical);
    color: var(--notice-text-critical)
}

.content__3fde7 {
    color: currentColor
}

.icon__3fde7 {
    height: 16px;
    margin-inline-end:8px;margin-top: -2px;
    width: 16px
}

.clipIcon__3fde7 {
    color: var(--text-strong)
}

.gameIcon_b52e4f {
    filter: saturate(var(--saturation-factor,1));
    -webkit-user-drag: none;
    background-size: 100%;
    border-radius: var(--radius-sm);
    color: var(--text-strong)
}

.intersectionContainer_b52e4f,.intersectionRef_b52e4f {
    position: absolute
}

.intersectionRef_b52e4f {
    background: transparent;
    height: 1px;
    inset-inline-start: 0;
    top: 0;
    width: 1px
}

.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 {
    height: 40px;
    width: 40px
}

.medium_b52e4f,.mediumLarge_b52e4f {
    border-radius: var(--radius-md)
}

.mediumLarge_b52e4f {
    height: 48px;
    width: 48px
}

.large_b52e4f {
    height: 60px;
    width: 60px
}

.large_b52e4f,.xlarge_b52e4f {
    border-radius: var(--radius-lg)
}

.xlarge_b52e4f {
    height: 80px;
    width: 80px
}

@keyframes placeholderPulse_b52e4f {
    0% {
        opacity: .8
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .8
    }
}

.gameIconLoading_b52e4f {
    animation: placeholderPulse_b52e4f 1.3s ease-in-out infinite;
    background-color: var(--background-mod-normal)
}

.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-inline:2px 4px;vertical-align: text-bottom;
    width: auto
}

.applicationNameWrapper__2c2b3 {
    display: inline-block
}

.channelHeader__9f71b {
    background-color: var(--background-mod-muted);
    border-radius: var(--radius-md);
    gap: var(--space-12);
    margin-top: 12px;
    padding: 12px 16px
}

.header__9f71b {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 4px
}

.profile__9f71b {
    gap: var(--space-8);
    padding: 12px
}

.icon__9f71b {
    color: var(--text-default);
    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%;
    inset-inline-start: 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
}

.upsellButtons__5997d .matchManaColors__5997d {
    background: var(--control-secondary-background-default)
}

.upsellButtons__5997d .matchManaColors__5997d:hover {
    background: var(--control-secondary-background-hover)
}

.upsellButtons__5997d .matchManaColors__5997d:active {
    background: var(--control-secondary-background-active)
}

.upsellRowContent__5997d {
    align-items: center;
    border-radius: inherit;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-block:12px;padding-inline:16px 11px;position: relative
}

.upsellRowContent__5997d:after,.upsellRowContent__5997d:before {
    border: 2px solid transparent;
    border-radius: inherit;
    box-sizing: border-box;
    content: "";
    height: 100%;
    inset-inline-start: 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
}

.upsellCloseIcon__5997d {
    color: var(--interactive-text-default);
    cursor: pointer
}

.upsellCloseIcon__5997d:hover {
    color: var(--interactive-text-hover)
}

.upsellCloseIcon__5997d:active {
    color: var(--interactive-text-active)
}

.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
}

.gameIcon__43a4b {
    vertical-align: bottom
}

.container__581dd {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: var(--space-8);
    padding: var(--space-16)
}

.container__82fb2 {
    cursor: pointer;
    display: grid;
    gap: var(--space-4);
    grid-template-columns: 7fr 3fr
}

.container__82fb2:hover {
    background: var(--user-profile-overlay-background-hover)
}

.content__82fb2 {
    box-sizing: border-box;
    min-width: 0
}

.applicationIcon__82fb2 {
    border-radius: 2px
}

.previewIcon__82fb2 {
    display: inline-block;
    height: 1lh;
    vertical-align: bottom;
    width: 1lh
}

.textContent__82fb2 {
    padding-block:2px}

.previewImageContainer__82fb2 {
    -webkit-mask: linear-gradient(90deg,transparent 0,rgba(0,0,0,.013) 4.7%,rgba(0,0,0,.049) 9.2%,rgba(0,0,0,.104) 13.6%,rgba(0,0,0,.175) 18%,rgba(0,0,0,.259) 22.6%,rgba(0,0,0,.352) 27.4%,rgba(0,0,0,.45) 32.6%,rgba(0,0,0,.55) 38.3%,rgba(0,0,0,.648) 44.5%,rgba(0,0,0,.741) 51.4%,rgba(0,0,0,.825) 59.1%,rgba(0,0,0,.896) 67.7%,rgba(0,0,0,.951) 77.3%,rgba(0,0,0,.987) 88%,#000);
    mask: linear-gradient(90deg,transparent 0,rgba(0,0,0,.013) 4.7%,rgba(0,0,0,.049) 9.2%,rgba(0,0,0,.104) 13.6%,rgba(0,0,0,.175) 18%,rgba(0,0,0,.259) 22.6%,rgba(0,0,0,.352) 27.4%,rgba(0,0,0,.45) 32.6%,rgba(0,0,0,.55) 38.3%,rgba(0,0,0,.648) 44.5%,rgba(0,0,0,.741) 51.4%,rgba(0,0,0,.825) 59.1%,rgba(0,0,0,.896) 67.7%,rgba(0,0,0,.951) 77.3%,rgba(0,0,0,.987) 88%,#000);
    position: relative
}

.previewImage__82fb2 {
    position: absolute
}

.breadcrumb_c2a763 {
    cursor: pointer
}

.breadcrumb_c2a763:hover .innerContainer_c2a763 {
    background: var(--user-profile-overlay-background-hover)
}

.innerContainer_c2a763 {
    align-items: center;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    display: flex;
    flex-direction: row;
    height: 24px;
    justify-content: space-between;
    padding: 8px
}

.user-profile-sidebar .innerContainer_c2a763 {
    padding: 12px
}

.icons_c2a763 {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 4px
}

.icon_c2a763 {
    height: 24px;
    position: relative;
    width: 24px
}

.icon_c2a763,.icon_c2a763 img {
    border-radius: var(--radius-xs)
}

.icon_c2a763 img {
    display: block;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto
}

.displayCount_c2a763 {
    opacity: .5
}

.displayCountText_c2a763 {
    align-items: center;
    background: rgba(0,0,0,.6);
    border-radius: var(--radius-xs);
    display: flex;
    height: 24px;
    inset-inline-start: 50%;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 24px
}

.displayCountTextColor_c2a763 {
    color: var(--neutral-9)
}

.baseAvatar__6738d {
    display: inline-block;
    vertical-align: top
}

.largeAvatar__6738d {
    line-height: 24px;
    margin-inline-end:8px}

.miniAvatar__6738d {
    line-height: 18px;
    margin-inline-end:4px;margin-top: 1px
}

.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-base-lowest);
    cursor: pointer
}

.userListItemTag_ec58fe {
    margin-inline-start:8px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.avatar_ec58fe {
    flex-shrink: 0
}

.username_ec58fe {
    font-weight: var(--font-weight-semibold)
}

.emojiButton__04eed {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    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 {
    inset-inline-start: 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-text-default)
}

.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
}

.premiumUnlockAnimation__04eed {
    position: absolute;
    z-index: 100
}

.premiumUnlockAnimation__04eed.reducedMotion__04eed {
    height: 48px;
    width: 48px
}

.premiumUnlockAnimation__04eed:not(.reducedMotion__04eed) {
    animation: shrink__04eed 2s forwards
}

@keyframes shrink__04eed {
    0% {
        height: 60px;
        width: 60px
    }

    75% {
        height: 60px;
        width: 60px
    }

    to {
        height: 48px;
        width: 48px
    }
}

.enable-forced-colors .spriteGreyscale__04eed {
    background-color: ButtonText
}

.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-base-low);
    box-shadow: var(--shadow-border),var(--shadow-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-default)
}

.emojiButton__5ba62 {
    background-color: transparent;
    margin-inline-start:8px}

.reaction__5ba62 {
    align-self: center;
    display: flex;
    opacity: .8;
    transition: opacity .2s linear
}

.reaction__5ba62:hover {
    opacity: 1
}

.closeIcon__5ba62 {
    color: var(--interactive-text-default);
    cursor: pointer
}

.image__04666 {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.emptyPreviewContainer__04666 {
    align-items: center;
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center
}

.emptyPreviewImage__04666 {
    background-position: 50%;
    background-repeat: no-repeat;
    height: 60%;
    margin-bottom: 10px;
    width: 80%
}

.emptyPreviewText__04666 {
    color: var(--text-default)
}

.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
}

.clickable_c906e8 {
    cursor: pointer
}

.full-motion .clickable_c906e8 .icon_c906e8 {
    transition: transform .15s ease-in-out
}

.full-motion .clickable_c906e8:hover .icon_c906e8 {
    transform: scale(1.125)
}

.full-motion .clickable_c906e8:active .icon_c906e8 {
    transform: scale(.875)
}

.card__39b32,.container__39b32 {
    position: relative
}

.card__39b32 {
    background-color: var(--background-surface-highest);
    border-radius: var(--radius-md);
    box-shadow: inset 0 0 0 1px var(--border-muted),0 1px 4px 0 hsl(none 0% 0%/.04);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 173px;
    overflow: hidden;
    top: 0;
    width: 133px
}

.custom-user-profile-theme .card__39b32 {
    background-color: var(--user-profile-overlay-background)
}

.full-motion .card__39b32 {
    transition: transform .2s ease,box-shadow .2s ease
}

.smallCard__39b32 {
    height: 136px;
    width: 106px
}

.smallSquareCard__39b32 {
    height: 136px;
    width: 136px
}

.largeCard__39b32 {
    height: 173px;
    width: 133px
}

.flexCard__39b32 {
    display: flex;
    height: 100%;
    width: 100%
}

.card__39b32:focus-within,.card__39b32:hover {
    transform: scale(1.025)
}

.card__39b32.isOwned__39b32 {
    cursor: default;
    opacity: .8
}

.card__39b32.isOwned__39b32:focus-within,.card__39b32.isOwned__39b32:hover {
    cursor: pointer;
    opacity: 1
}

.cardPreview__39b32 {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    width: 100%
}

.card__39b32.isOwned__39b32 .cardPreview__39b32 {
    opacity: .5
}

.card__39b32.isOwned__39b32:focus-within .cardPreview__39b32,.card__39b32.isOwned__39b32:hover .cardPreview__39b32 {
    opacity: 1
}

.cardStateIconWrapper__39b32 {
    align-items: center;
    display: flex;
    inset-inline: 0;
    justify-content: center;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

.cardStateIcon__39b32 {
    color: var(--status-positive);
    filter: drop-shadow(0 0 4px rgba(0,0,0,.3));
    height: 38px;
    transition: opacity .3s ease;
    width: 38px
}

.card__39b32:focus-within .checkmark__39b32,.card__39b32:hover .checkmark__39b32 {
    opacity: 0
}

.profileEffectPreview__39b32 {
    align-items: flex-start
}

.bundlePreview__39b32,.profileEffectPreview__39b32 {
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.bundlePreview__39b32 {
    align-items: center;
    transform: scale(.65);
    transform-origin: center
}

.full-motion .bundlePreview__39b32 {
    transition: transform .2s ease
}

.card__39b32:focus-within .bundlePreview__39b32,.card__39b32:hover .bundlePreview__39b32 {
    transform: scale(.65) translateY(-18px)
}

.smallCard__39b32 .bundlePreview__39b32,.smallSquareCard__39b32 .bundlePreview__39b32 {
    height: 175px;
    transform: scale(.5);
    width: 300px
}

.card__39b32.smallCard__39b32:focus-within .bundlePreview__39b32,.card__39b32.smallCard__39b32:hover .bundlePreview__39b32 {
    transform: scale(.5)
}

.card__39b32.smallSquareCard__39b32:focus-within .bundlePreview__39b32,.card__39b32.smallSquareCard__39b32:hover .bundlePreview__39b32 {
    transform: scale(.5)
}

.avatarDecorationPreview__39b32 {
    align-items: center;
    display: flex;
    justify-content: center
}

.full-motion .avatarDecorationPreview__39b32 {
    transition: transform .2s ease
}

.card__39b32:focus-within .avatarDecorationPreview__39b32,.card__39b32:hover .avatarDecorationPreview__39b32 {
    transform: translateY(-18px)
}

.card__39b32.smallCard__39b32:focus-within .avatarDecorationPreview__39b32,.card__39b32.smallCard__39b32:hover .avatarDecorationPreview__39b32 {
    transform: none
}

.card__39b32.smallSquareCard__39b32:focus-within .avatarDecorationPreview__39b32,.card__39b32.smallSquareCard__39b32:hover .avatarDecorationPreview__39b32 {
    transform: none
}

.nameplatePreview__39b32 {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%
}

.full-motion .nameplatePreview__39b32 {
    transition: transform .2s ease
}

.card__39b32:focus-within .nameplatePreview__39b32,.card__39b32:hover .nameplatePreview__39b32 {
    transform: translateY(-18px)
}

.card__39b32.smallCard__39b32:focus-within .nameplatePreview__39b32,.card__39b32.smallCard__39b32:hover .nameplatePreview__39b32 {
    transform: none
}

.card__39b32.smallSquareCard__39b32:focus-within .nameplatePreview__39b32,.card__39b32.smallSquareCard__39b32:hover .nameplatePreview__39b32 {
    transform: none
}

.nameplateTopLeft__39b32 {
    inset-inline-start: 33px;
    position: absolute;
    top: 37px
}

.nameplateBottomRight__39b32 {
    bottom: 33px;
    inset-inline-end: 33px;
    position: absolute
}

.smallCard__39b32 .nameplateTopLeft__39b32 {
    inset-inline-start: 22px;
    top: 22px
}

.smallCard__39b32 .nameplateBottomRight__39b32 {
    bottom: 22px;
    inset-inline-end: 22px
}

.smallSquareCard__39b32 .nameplateTopLeft__39b32 {
    inset-inline-start: 22px;
    top: 22px
}

.smallSquareCard__39b32 .nameplateBottomRight__39b32 {
    bottom: 22px;
    inset-inline-end: 22px
}

.removeItemButton__39b32 {
    align-items: center;
    background: var(--background-surface-high);
    border: 1px solid var(--border-muted);
    border-radius: 100px;
    box-shadow: var(--shadow-low);
    display: flex;
    inset-inline-end: -6px;
    justify-content: center;
    opacity: 0;
    padding: 4px;
    position: absolute;
    top: -6px;
    transition: opacity 50ms ease-in;
    z-index: 10
}

.removeItemButton__39b32:after {
    background-color: transparent;
    border-radius: var(--radius-round);
    content: "";
    height: 100%;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    transition: background-color 50ms ease-in;
    width: 100%
}

.removeItemButton__39b32:hover:after {
    background-color: var(--opacity-red-8);
    transition: background-color .15s ease-out
}

.removeItemButton__39b32:focus {
    transition: none
}

.container__39b32:hover .removeItemButton__39b32,.removeItemButton__39b32:focus-visible,.keyboard-mode .container__39b32:focus-within .removeItemButton__39b32 {
    opacity: 1;
    transition: opacity .15s ease-out
}

.overlay__39b32 {
    align-items: flex-end;
    bottom: 0;
    display: flex;
    inset-inline: 0;
    justify-content: center;
    opacity: 0;
    padding: 12px;
    position: absolute;
    transition: opacity 50ms ease-in;
    z-index: 5
}

.card__39b32:focus-within .overlay__39b32,.card__39b32:hover .overlay__39b32 {
    opacity: 1;
    transition: opacity .15s ease-out
}

.itemIcon__39b32 {
    align-items: center;
    display: flex;
    inset-inline-end: 8px;
    justify-content: center;
    pointer-events: none;
    position: absolute;
    top: 8px
}

.itemIconHeart__39b32 {
    fill: var(--control-critical-primary-background-default)
}

.itemIconShop__39b32 {
    fill: var(--icon-strong)
}

@keyframes placeholderPulse__39b32 {
    0% {
        opacity: .5
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .5
    }
}

.placeholderCard__39b32 {
    animation: placeholderPulse__39b32 1.3s ease-in-out infinite
}

.placeholderAvatar__39b32 {
    opacity: .5
}

.seeMoreCard__39b32 {
    height: 173px;
    width: 133px
}

.seeMoreCard__39b32.smallCard__39b32 {
    height: 136px;
    width: 105px
}

.seeMoreCard__39b32.smallSquareCard__39b32 {
    height: 136px;
    width: 136px
}

.seeMoreCard__39b32:focus-within,.seeMoreCard__39b32:hover {
    transform: scale(1.025)
}

.seeMoreCardPreview__39b32 {
    opacity: .5
}

.seeMoreOverlay__39b32 {
    align-items: center;
    background-color: var(--background-scrim);
    border-radius: inherit;
    display: flex;
    inset: 0;
    justify-content: center;
    pointer-events: none;
    position: absolute;
    z-index: 2
}

.cardContainer__47729 {
    align-items: center;
    background-position: 50%;
    background-size: cover;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative
}

.cardContainer__47729.square__47729 {
    aspect-ratio: 1;
    border-radius: var(--radius-sm)
}

.cardBackgroundImage__47729 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    inset-inline: 0;
    bottom: 0;
    position: absolute;
    top: 0
}

.skuImage__47729 {
    border-radius: var(--radius-xs);
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    z-index: 1
}

.skuImage__47729.square__47729 {
    aspect-ratio: 1
}

.socialLayerCardHover__517e1 .socialLayerCardBackgroundImage__517e1 {
    transform: scale(100%)
}

.socialLayerCardHover__517e1 .socialLayerCardImage__517e1 {
    transform: scale(105%)
}

.socialLayerCard__517e1 {
    border-radius: none;
    display: flex;
    height: 100%;
    width: 100%
}

.socialLayerCardBackgroundImage__517e1 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    inset-inline: 0;
    bottom: 0;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    transform: scale(105%);
    width: 100%
}

.full-motion .socialLayerCardBackgroundImage__517e1 {
    transition: transform .5s
}

.socialLayerCardImage__517e1 {
    inset-inline: 0;
    bottom: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 4px;
    transform: scale(100%);
    width: 100%
}

.full-motion .socialLayerCardImage__517e1 {
    transition: transform .5s
}

.profileEffectPreview__517e1 {
    align-items: flex-start;
    display: flex;
    height: 100%
}

.nameplatePreview__517e1 {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%
}

.full-motion .nameplatePreview__517e1 {
    transition: transform .2s ease
}

.nameplateTopLeft__517e1 {
    inset-inline-start: 33px;
    position: absolute;
    top: 37px
}

.nameplateBottomRight__517e1 {
    bottom: 33px;
    inset-inline-end: 33px;
    position: absolute
}

.bundlePreview__517e1 {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    transform: scale(.65);
    transform-origin: center;
    width: 100%
}

.card__9ed47 {
    background-color: var(--background-surface-highest);
    border-radius: var(--radius-md);
    box-shadow: inset 0 0 0 1px var(--border-muted),0 1px 4px 0 hsl(none 0% 0%/.04);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    top: 0
}

.custom-user-profile-theme .card__9ed47 {
    background-color: var(--user-profile-overlay-background)
}

.full-motion .card__9ed47 {
    transition: transform .2s ease,box-shadow .2s ease
}

.skuPreview__9ed47 {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.overlay_f5504d {
    align-items: flex-end;
    bottom: 0;
    display: flex;
    inset-inline: 0;
    justify-content: center;
    opacity: 0;
    padding: 12px;
    position: absolute;
    transition: opacity 50ms ease-in;
    z-index: 5
}

.overlayHoverOrFocus_f5504d {
    opacity: 1;
    transition: opacity .15s ease-out
}

.container__96168 {
    height: 136px;
    margin-top: 8px;
    position: relative;
    width: 106px
}

.full-motion .container__96168 {
    transition: transform .2s ease
}

.container__96168:focus-within,.container__96168:hover {
    transform: scale(1.025)
}

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

.contextContainer__96168 {
    background-color: var(--background-surface-high);
    border-radius: 12px;
    color: var(--interactive-text-active);
    inset-inline-end: -4px;
    padding: 2px;
    position: absolute;
    top: -8px;
    z-index: 2
}

.contextContainer__96168,.contextIcon__96168 {
    align-items: center;
    display: flex;
    justify-content: center
}

.contextIcon__96168 {
    height: 20px;
    margin-inline-start:-1px;width: 20px
}

.contextIcon__96168,.fireIcon__96168 {
    margin-top: -1px
}

.card__20585:focus-within .cardBackgroundImage__20585,.card__20585:hover .cardBackgroundImage__20585 {
    transform: scale(100%)
}

.card__20585:focus-within .cardImage__20585,.card__20585:hover .cardImage__20585 {
    transform: scale(105%)
}

.card__20585 {
    border-radius: none;
    display: flex;
    height: 100%;
    width: 100%
}

.cardBackgroundImage__20585 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    inset-inline: 0;
    bottom: 0;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    transform: scale(105%);
    width: 100%
}

.full-motion .cardBackgroundImage__20585 {
    transition: transform .5s
}

.cardImage__20585 {
    inset-inline: 0;
    bottom: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 4px;
    transform: scale(100%);
    width: 100%
}

.full-motion .cardImage__20585 {
    transition: transform .5s
}

.itemIcon__20585 {
    align-items: center;
    display: flex;
    inset-inline-end: 8px;
    justify-content: center;
    pointer-events: none;
    position: absolute;
    top: 8px;
    z-index: 1
}

.itemIconHeart__20585 {
    fill: var(--control-critical-primary-background-default)
}

.itemIconShop__20585 {
    fill: var(--icon-strong)
}

.container__5291b {
    margin-top: 8px;
    position: relative
}

.contextContainer__5291b {
    background-color: var(--background-surface-high);
    border-radius: 12px;
    color: var(--interactive-text-active);
    inset-inline-end: -4px;
    padding: 2px;
    position: absolute;
    top: -8px;
    z-index: 2
}

.contextContainer__5291b,.contextIcon__5291b {
    align-items: center;
    display: flex;
    justify-content: center
}

.contextIcon__5291b {
    height: 20px;
    margin-inline-start:-1px;width: 20px
}

.contextIcon__5291b,.fireIcon__5291b {
    margin-top: -1px
}

.container__3a590 {
    background: var(--background-surface-highest);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px
}

.header__3a590 {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.applicationIcon__3a590 {
    border-radius: 4px;
    height: 16px;
    width: 16px
}

.items__3a590 {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.spinner__3a590 {
    align-items: center;
    display: flex;
    height: 144px;
    justify-content: center;
    width: 100%
}

.contextContainer__3a590 {
    background-color: var(--background-surface-highest)
}

.smallSquareCard__3a590 {
    height: 136px;
    width: 136px
}

@value maxWidth: 498px;.container__0800c {
    background-color: var(--background-surface-high);
    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
}

.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-surface-high);
    box-shadow: none;
    padding-bottom: 4px;
    padding-top: var(--space-16)
}

.emojiPickerHeaderExpanded__0800c {
    padding-bottom: 12px
}

.dropDownContainer__0800c {
    margin-inline-start:8px}

.dropDown__0800c {
    color: var(--interactive-text-default);
    cursor: pointer
}

.full-motion .dropDown__0800c {
    transition: transform .4s cubic-bezier(.16,1,.3,1)
}

.dropDown__0800c:hover {
    color: var(--interactive-text-hover)
}

.dropDownOpen__0800c {
    transform: rotate(180deg)
}

.container_b2d72f {
    align-items: center;
    display: flex;
    position: relative
}

.iconContainer_b2d72f {
    flex: 0 0 auto;
    height: 16px;
    margin-inline-end:4px;position: relative;
    width: 16px
}

.icon_b2d72f {
    color: var(--primary-300);
    position: relative;
    width: 100%
}

.foreground_b2d72f,.icon_b2d72f {
    opacity: .6
}

.avatar_b2d72f {
    margin-inline-end:-4px}

.emptyUser_b2d72f {
    background: var(--primary-500);
    border-radius: 50%
}

.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: var(--font-weight-bold);
    height: 20px;
    line-height: 20px;
    padding-block:0;padding-inline:6px 8px;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-surface-high);
    border-radius: 8px;
    box-shadow: var(--shadow-border),var(--shadow-high);
    padding: 0 16px
}

.loadingSpinner__5b1b2 {
    height: 24px;
    margin-inline-end:8px;width: 24px
}

.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-base-lower);
    border-radius: var(--radius-sm);
    gap: 8px;
    padding: 8px
}

.interactionsContainer_af3b89:before {
    background-color: var(--border-subtle);
    content: "";
    height: 1px;
    position: absolute;
    top: 0;
    inset-inline: 16px
}

.interactionsContainer_af3b89 {
    background-color: var(--background-surface-high);
    border-end-end-radius: var(--radius-md);
    border-end-start-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;
    inset-inline: 0;
    bottom: -80px;
    display: flex;
    justify-content: center;
    position: absolute
}

.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-inline-end:none;cursor: pointer;
    display: flex;
    margin-inline-end:var(--space-xs)}

.attachment_af3b89 {
    width: 100%
}

.attachmentContainer_af3b89 {
    border-start-end-radius: var(--radius-md);
    border-start-start-radius: var(--radius-md);
    box-sizing: border-box;
    margin-bottom: 1px;
    padding: 16px;
    width: 100%
}

.attachmentContainer_af3b89,.shareToChannelInput_af3b89 {
    background: var(--input-background-default)
}

.shareToChannelInput_af3b89 {
    border-radius: var(--radius-md);
    display: flex
}

.shareToChannelInputHasAttachments_af3b89 {
    border-start-end-radius: 0;
    border-start-start-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-surface-high);
    border-start-end-radius: var(--radius-md);
    border-start-start-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 {
    inset-inline-end: 0;
    position: absolute;
    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-start-end-radius: var(--radius-sm);
    border-start-start-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(--background-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%
}

.primaryActionPopoutActionButtons_af3b89 {
    display: flex;
    gap: 8px
}

.hiddenButRenderedInputField_af3b89 {
    display: none
}

.popoutBlockedWarningIcon_af3b89 {
    margin-inline-end:3px;margin-bottom: -2px
}

.popoutTextPrimary_af3b89 {
    color: var(--interactive-text-active)
}

.popoutTextSecondary_af3b89 {
    color: var(--interactive-text-default)
}

.streamingPopoutHero_af3b89 {
    border-radius: var(--radius-sm);
    display: flex;
    flex-direction: column;
    gap: 0
}

.streamCTA_af3b89 {
    align-items: center;
    background: var(--background-scrim);
    border-radius: 8px;
    bottom: 0;
    cursor: pointer;
    display: flex;
    position: absolute;
    top: 0;
    inset-inline: 0;
    justify-content: center;
    opacity: 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
}

.popoutGiftingBreadcrumb_af3b89 {
    margin-top: 16px;
    padding: 16px
}

.cloudPlaySection__1692d {
    justify-content: space-between
}

.cloudPlaySectionTextContainer__1692d {
    align-items: center;
    display: flex;
    gap: 4px
}

.appWidgetPreview__1692d {
    margin-block-end:calc(var(--custom-content-card-padding)*-1);margin-inline: calc(var(--custom-content-card-padding)*-1);
    width: calc(100% + var(--custom-content-card-padding)*2)
}

.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-default);
    border-radius: 2px;
    height: 2px
}

.timestamp__66799 {
    font-family: var(--font-code)
}

.menuIcon__62974 {
    color: var(--interactive-text-default);
    cursor: pointer
}

.menuIcon__62974:hover {
    color: var(--interactive-text-active)
}

.container__5f4c1 {
    background-color: var(--background-base-low);
    border-radius: var(--radius-sm);
    box-shadow: var(--elevation-medium);
    width: 180px
}

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

.rowDivider_ccbbbb,.rowIconPlaceholder_ccbbbb {
    --custom-row-icon-size: 40px
}

.appDetailsRowContainer_ccbbbb,.rowDivider_ccbbbb {
    --custom-row-padding: var(--space-12)
}

.loadingAnimation_ccbbbb {
    overflow: hidden;
    position: relative
}

.loadingAnimation_ccbbbb:after {
    background: linear-gradient(-45deg,transparent,#fff,transparent);
    content: "";
    height: 100%;
    inset-inline-start: 0;
    opacity: .05;
    position: absolute;
    top: 0;
    transform: skewX(-20deg) translateX(-100%);
    width: 100%
}

.full-motion .loadingAnimation_ccbbbb:after {
    animation: shimmer_ccbbbb 1s ease-in-out infinite
}

.loadingAnimation_ccbbbb.noAnimation_ccbbbb:after {
    display: none
}

.loadingAnimation_ccbbbb:nth-child(2):after {
    animation-delay: 50ms
}

.loadingAnimation_ccbbbb:nth-child(3):after {
    animation-delay: .1s
}

.loadingAnimation_ccbbbb:nth-child(4):after {
    animation-delay: .15s
}

.loadingAnimation_ccbbbb:nth-child(5):after {
    animation-delay: .2s
}

.loadingAnimation_ccbbbb:nth-child(6):after {
    animation-delay: .25s
}

.loadingAnimation_ccbbbb:nth-child(7):after {
    animation-delay: .3s
}

.loadingAnimation_ccbbbb:nth-child(8):after {
    animation-delay: .35s
}

.container_ccbbbb {
    background-color: var(--background-surface-high)
}

.containerBorderRadius_ccbbbb {
    border-radius: var(--radius-md)
}

.rowContainer_ccbbbb:first-child {
    border-start-end-radius: var(--radius-md);
    border-start-start-radius: var(--radius-md)
}

.rowContainer_ccbbbb:last-child {
    border-end-end-radius: var(--radius-md);
    border-end-start-radius: var(--radius-md)
}

.rowContainer_ccbbbb:last-child .rowDivider_ccbbbb {
    display: none
}

.rowDivider_ccbbbb {
    background-color: var(--background-mod-subtle);
    bottom: 0;
    height: 1px;
    inset-inline: calc(var(--custom-row-padding) + var(--custom-row-icon-size) + var(--space-12)) 0;
    position: absolute
}

.theme-light .loadingAnimation_ccbbbb:after {
    opacity: .5
}

@keyframes shimmer_ccbbbb {
    to {
        transform: skewX(-20deg) translateX(100%)
    }
}

.bannerImage_ccbbbb {
    background-color: var(--background-mod-subtle);
    display: none;
    overflow: hidden;
    width: 100%
}

.bannerImage_ccbbbb.mediumBanner_ccbbbb {
    aspect-ratio: 3/1;
    display: block
}

.bannerImage_ccbbbb.largeBanner_ccbbbb {
    aspect-ratio: 2/1;
    display: block
}

.iconPlaceholder_ccbbbb {
    --custom-app-icon-size: 38px;
    background-color: var(--background-mod-subtle);
    border-radius: 25%;
    height: var(--custom-app-icon-size);
    width: var(--custom-app-icon-size)
}

.rowIconPlaceholder_ccbbbb {
    height: var(--custom-row-icon-size);
    width: var(--custom-row-icon-size)
}

.appDetailsContainer_ccbbbb {
    align-items: center;
    display: flex;
    flex-direction: row;
    padding: var(--space-8)
}

.appDetailsRowContainer_ccbbbb {
    padding: var(--custom-row-padding)
}

.textContainer_ccbbbb {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin-inline-start:var(--space-12)}

.textPlaceholder_ccbbbb {
    align-self: flex-start;
    background-color: var(--background-mod-subtle);
    border-radius: var(--radius-round)
}

.textPlaceholder_ccbbbb:not(:last-child) {
    margin-bottom: 4px
}

.hidden_ccbbbb {
    line-height: 1;
    opacity: 0;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.contentContainer_c94584 {
    padding: 0 var(--space-16) var(--space-16)
}

.commandListHeader_c94584 {
    align-items: center;
    display: flex;
    height: 32px;
    justify-content: space-between;
    margin-bottom: var(--space-8);
    margin-top: var(--space-16)
}

.commandContainer_c94584 {
    background-color: var(--background-base-lower);
    border-radius: var(--radius-sm);
    display: flex;
    flex-direction: column
}

.commandContainer_c94584 .command_c94584:first-child {
    border-start-end-radius: var(--radius-sm);
    border-start-start-radius: var(--radius-sm)
}

.commandContainer_c94584 .command_c94584:not(:last-child) {
    border-bottom: 1px solid var(--border-subtle)
}

.commandContainer_c94584 .command_c94584:last-child {
    border-end-end-radius: var(--radius-sm);
    border-end-start-radius: var(--radius-sm)
}

.commandFocusBlock_c94584 {
    width: 100%
}

.command_c94584,.commandFocusBlock_c94584 {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.command_c94584 {
    background-color: var(--background-base-low);
    padding: var(--space-8) var(--space-12)
}

.command_c94584:hover,.keyboard-mode .command_c94584:focus {
    background-color: var(--interactive-background-hover);
    cursor: pointer
}

.command_c94584:active {
    background-color: var(--interactive-background-active)
}

.commandTextContainer_c94584 {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: var(--space-4);
    margin-inline-end:var(--space-8);width: 1px
}

.commandTextContainerPlaceholder_c94584 {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    padding: 2px 0;
    width: 350px
}

.clickable__8c853 {
    border-radius: var(--radius-round);
    padding: var(--space-8)
}

.root_e3f97f {
    align-items: center;
    border-radius: var(--radius-xs);
    display: flex;
    padding: 8px
}

.icon_e3f97f {
    flex-shrink: 0;
    height: 24px;
    margin-inline-end:10px;width: 24px
}

.text_e3f97f {
    flex: 1;
    text-align: start
}

.info_e3f97f {
    background-color: var(--background-feedback-info);
    border: 1px solid var(--icon-feedback-info)
}

.info_e3f97f .icon_e3f97f {
    color: var(--icon-feedback-info)
}

.warning_e3f97f {
    background-color: var(--background-feedback-warning);
    border: 1px solid var(--icon-feedback-warning)
}

.warning_e3f97f .icon_e3f97f {
    box-sizing: border-box;
    color: var(--icon-feedback-warning);
    height: 20px;
    width: 20px
}

.actionMenuButton_d84e0f {
    background-color: var(--background-base-lower);
    border-radius: var(--radius-xs);
    cursor: pointer;
    display: flex;
    padding: var(--space-8)
}

.actionMenuButton_d84e0f:hover {
    background-color: var(--interactive-background-hover)
}

.authedApp__50a54 {
    padding: 20px
}

.authedAppV2__50a54 {
    background-color: var(--background-mod-subtle);
    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(--background-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-inline-end:8px}

.botTag__50a54 {
    margin-inline-start: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-inline-end:5px;width: 18px
}

.deleteModalBody__50a54 {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.warningContainer__50a54 {
    flex-grow: 1;
    margin-inline-end:4px}

.warningOuterContainer__50a54 {
    align-items: center;
    display: flex
}

.warningIcon__50a54 {
    color: var(--text-muted);
    height: 24px;
    margin-inline-end:8px;width: 24px
}

.searchContainer__50a54 {
    margin-bottom: 16px
}

.tosPrivacy__50a54 {
    display: flex;
    flex-direction: row;
    margin-top: 8px
}

.tos__50a54 {
    margin-inline-end: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(--border-subtle);
    padding-bottom: 16px
}

.dmSettingsMute__50a54 {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.divider__50a54 {
    background-color: var(--border-subtle);
    display: flex;
    height: 100%;
    margin-inline-end: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
}

.headingCard__50a54 {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    margin-bottom: var(--space-40);
    padding: var(--space-20)
}

.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)
}

.marginBottom24_fd297e {
    margin-bottom: var(--space-24)
}

.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-inline:auto}

.marginLeft8_fd297e {
    margin-inline-start:var(--custom-margin-margin-small)}

.clickable__997f6 {
    border-radius: var(--radius-round);
    padding: var(--space-8)
}

.container__997f6 {
    display: flex;
    flex-direction: row;
    gap: var(--space-8)
}

:root {
    --custom-app-launcher-sticky-header-height: 66px;
    --custom-app-launcher-container-border-radius: var(--radius-sm)
}

.stickyContainer__57d3f {
    position: sticky;
    top: 0;
    z-index: 1
}

.stickyBannerContainer__57d3f {
    height: 0
}

.stickyBanner__57d3f {
    flex-shrink: 0;
    height: var(--custom-app-launcher-sticky-header-height)
}

.bannerBackground__57d3f {
    flex-shrink: 0;
    height: 106px
}

.backButtonContainer__57d3f {
    inset-inline-start: var(--space-16)
}

.backButtonContainer__57d3f,.moreMenuButtonContainer__57d3f {
    cursor: pointer;
    position: absolute;
    top: var(--space-16);
    z-index: 1
}

.moreMenuButtonContainer__57d3f {
    inset-inline-end: var(--space-16)
}

.headerButton__57d3f {
    align-items: center;
    background-color: color-mix(in oklab,var(--background-surface-highest) 50%,transparent);
    display: flex;
    justify-content: center
}

.headerButton__57d3f:hover,.keyboard-mode .headerButton__57d3f:focus {
    background-color: color-mix(in oklab,var(--background-mod-muted) 40%,color-mix(in oklab,var(--background-surface-highest) 50%,transparent))
}

.headerButton__57d3f:active {
    background-color: color-mix(in oklab,var(--background-mod-muted) 60%,color-mix(in oklab,var(--background-surface-highest) 50%,transparent))
}

.nameContainer__57d3f {
    align-content: center;
    height: var(--custom-app-launcher-sticky-header-height);
    inset-inline-start: 0;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 100%
}

.textApplicationName__57d3f {
    opacity: 0;
    text-align: center
}

.container_d806b9 {
    display: grid;
    grid-template-columns: 1fr;
    padding: 0 16px 16px;
    grid-gap: 16px
}

.activityUrlOverride_d806b9 {
    margin-top: 16px
}

.searchBar_d806b9 {
    padding: 8px
}

.container__95856,.monetizationDisclosureContainerStyle__95856 {
    --custom-disclosure-spacing: var(--space-12)
}

.container__95856 {
    display: flex;
    flex-direction: column;
    gap: var(--custom-disclosure-spacing);
    padding-inline:var(--space-16)}

.videoContainer__95856 {
    position: relative
}

.videoCover__95856 {
    aspect-ratio: 16/9;
    border-start-end-radius: var(--radius-sm);
    border-start-start-radius: var(--radius-sm);
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.video__95856 {
    animation: fadeIn__95856 .5s;
    position: absolute
}

@keyframes fadeIn__95856 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.overviewContainerWithVideo__95856 {
    background-color: var(--background-base-low);
    border-end-end-radius: var(--radius-sm);
    border-end-start-radius: var(--radius-sm);
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
    padding: var(--space-12)
}

.tabBar__95856 {
    height: 29px
}

.tabBar__95856 .tabItem__95856 {
    font-weight: 500;
    line-height: 18px
}

.overviewContainerNoVideo__95856 {
    background-color: var(--background-base-low);
    border-radius: var(--radius-sm);
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
    padding: var(--space-12)
}

.titleContainer__95856 {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: var(--space-8)
}

.partnerLabelContainer__95856 {
    background-color: var(--interactive-background-active);
    border-radius: var(--radius-lg);
    justify-content: center;
    padding: 2px var(--space-8)
}

.tagsContainer__95856 {
    flex-wrap: wrap;
    max-height: 24px;
    overflow: hidden
}

.tagContainer__95856,.tagsContainer__95856 {
    display: flex;
    gap: var(--space-4)
}

.tagContainer__95856 {
    align-items: center;
    background-color: var(--background-base-lowest);
    border-radius: var(--space-4);
    flex-direction: row;
    padding: 2px var(--space-4)
}

.descriptionContainer__95856 {
    display: flex;
    flex-direction: column;
    gap: var(--space-4)
}

.primaryEntryPointWarningMessage__95856 {
    margin-top: 4px
}

.entrypointContainer__95856 {
    display: flex;
    gap: 8px;
    height: 48px;
    margin-top: var(--space-12)
}

.developerShelfControlsContainer__95856+.entrypointContainer__95856 {
    margin-top: var(--space-4)
}

.experimentTitleContainer__95856 {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.expandableDescriptionClickable__95856 {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    gap: var(--space-4)
}

.overflowHidden__95856 {
    overflow: hidden
}

.developerShelfControlsContainer__95856 {
    border-top: 1px solid var(--border-subtle);
    padding-top: 12px
}

.developerShelfControlsContainer__95856:not(:last-child) {
    border-bottom: 1px solid var(--border-subtle);
    padding-bottom: 12px
}

.developerShelfControls__95856 {
    padding: 0
}

.monetizationDisclosureContainerStyle__95856 {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: var(--custom-disclosure-spacing);
    margin-bottom: 16.75px
}

.monetizationDisclosureStyle__95856 {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: var(--space-4)
}

.container__95856.fixedHeight__95856 {
    height: 100%
}

:root {
    --custom-app-launcher-sticky-header-height: 66px;
    --custom-app-launcher-container-border-radius: var(--radius-sm)
}

.container__7bdb0 {
    display: flex;
    flex-direction: column;
    overflow-y: auto
}

.appIcon__7bdb0,.container__7bdb0 {
    background-color: var(--background-base-lower)
}

.appIcon__7bdb0 {
    border: var(--space-4) solid var(--background-base-lower);
    border-radius: var(--radius-xl);
    height: 80px;
    inset-inline-start: var(--space-12);
    position: absolute;
    top: 0;
    transform: translateY(var(--custom-app-launcher-sticky-header-height));
    width: 80px
}

.brokenImageIcon_f68fcb {
    color: var(--background-mod-muted);
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: 48px
}

.activityBadge__44107 {
    background-color: var(--status-positive-background)
}

.activityBadge__44107,.activityNewBadge__44107 {
    align-items: center;
    box-shadow: var(--elevation-low);
    display: flex
}

.activityNewBadge__44107 {
    background-color: var(--background-feedback-notification)
}

.activityUpdatedBadge__44107 {
    align-items: center;
    background-color: var(--badge-background-brand);
    box-shadow: var(--elevation-low);
    display: flex
}

.activityBadgeIcon__44107 {
    margin-inline:-2px 2px}

.tooltip__44107 {
    text-align: center
}

.rowIcon_cb32c7 {
    --custom-row-icon-size: 40px
}

.appDetailsRowContainer_cb32c7,.rowDivider_cb32c7 {
    --custom-row-padding: var(--space-12)
}

.container_cb32c7 {
    background-color: var(--background-surface-high);
    cursor: pointer;
    overflow: hidden
}

.container_cb32c7:hover,.keyboard-mode .container_cb32c7:focus {
    background-color: var(--interactive-background-hover)
}

.container_cb32c7:active {
    background-color: var(--interactive-background-active)
}

.containerBorderRadius_cb32c7 {
    border-radius: var(--radius-md)
}

.rowContainer_cb32c7:first-child {
    border-start-end-radius: var(--radius-md);
    border-start-start-radius: var(--radius-md)
}

.rowContainer_cb32c7:last-child {
    border-end-end-radius: var(--radius-md);
    border-end-start-radius: var(--radius-md)
}

.rowContainer_cb32c7:last-child .rowDivider_cb32c7 {
    display: none
}

.rowDivider_cb32c7 {
    background-color: var(--background-mod-subtle);
    bottom: 0;
    height: 1px;
    inset-inline: 0;
    position: absolute
}

.containerDisabled_cb32c7 {
    background-color: var(--background-surface-high);
    cursor: not-allowed;
    overflow: hidden
}

.icon_cb32c7 {
    --custom-icon-size: 38px;
    height: var(--custom-icon-size);
    width: var(--custom-icon-size)
}

.rowIcon_cb32c7 {
    height: var(--custom-row-icon-size);
    width: var(--custom-row-icon-size)
}

.iconContainer_cb32c7 {
    position: relative
}

.iconCard_cb32c7 {
    --custom-icon-card-size: 48px;
    height: var(--custom-icon-card-size);
    width: var(--custom-icon-card-size)
}

.darkenImage_cb32c7 {
    filter: brightness(.4)
}

.bannerImageContainer_cb32c7 {
    display: none;
    overflow: hidden;
    position: relative;
    width: 100%
}

.bannerImageContainer_cb32c7.mediumBanner_cb32c7 {
    aspect-ratio: 3/1;
    display: block
}

.bannerImageContainer_cb32c7.largeBanner_cb32c7 {
    aspect-ratio: 16/9;
    display: block
}

.bannerImage_cb32c7 {
    align-items: center;
    animation: fadeIn_cb32c7 .7s;
    background-color: var(--background-surface-highest);
    display: flex;
    height: 100%;
    justify-content: center;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.bannerImage_cb32c7.disableFadeIn_cb32c7 {
    animation: none
}

.bannerUpperRightContainer_cb32c7 {
    display: flex;
    flex-direction: row;
    gap: var(--space-4);
    inset-inline-end: var(--space-8);
    position: absolute;
    top: var(--space-8)
}

.promotedLabelWrapperBanner_cb32c7 {
    background-color: color-mix(in oklab,var(--control-secondary-background-default) 80%,transparent 20%);
    border-radius: var(--radius-lg);
    justify-content: center;
    padding: var(--space-4) var(--space-8)
}

.promotedLabelWrapperNonBanner_cb32c7 {
    align-items: center;
    background-color: var(--interactive-background-active);
    border-radius: var(--radius-lg);
    height: 100%;
    justify-content: center;
    padding: 2px var(--space-4)
}

.appDetailsContainer_cb32c7 {
    align-items: center;
    display: flex;
    flex-direction: row;
    padding: var(--space-8);
    position: relative
}

.appDetailsRowContainer_cb32c7 {
    padding: var(--custom-row-padding)
}

.appDetails_cb32c7 {
    display: flex;
    flex-direction: column;
    flex-shrink: 1;
    margin-inline-start:var(--space-12);overflow: hidden
}

.appDetailsHeaderContainer_cb32c7 {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: var(--space-4)
}

.bannerImageChildContainer_cb32c7 {
    height: 100%;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.activityVideoContainer_cb32c7,.voiceLauncherAppCardContainer_cb32c7 {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.activityVideoContainer_cb32c7 {
    position: absolute
}

.activityVideo_cb32c7 {
    animation: fadeIn_cb32c7 .5s;
    height: 100%;
    width: 100%
}

.activityVideo_cb32c7.videoFadeOut_cb32c7 {
    animation: fadeOut_cb32c7 .5s;
    animation-fill-mode: forwards
}

.activityVideo_cb32c7>video {
    -o-object-fit: cover!important;
    object-fit: cover!important
}

@keyframes fadeIn_cb32c7 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeOut_cb32c7 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.tooltipContent_cb32c7 {
    text-align: center
}

.spinner_cb32c7 {
    background-color: var(--background-scrim);
    height: 100%;
    inset-inline-start: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.devShelfBadge_cb32c7,.spinner_cb32c7 {
    align-items: center;
    display: flex;
    justify-content: center
}

.devShelfBadge_cb32c7 {
    background-color: var(--background-mod-strong);
    border-radius: 50%;
    color: var(--white);
    height: 22px;
    width: 22px;
    z-index: 1
}

.devShelfIcon_cb32c7 {
    height: 18px;
    width: 18px
}

.staffBadge_cb32c7 {
    height: 20px;
    width: 20px
}

.emptyStateContainer_cce1d3 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: var(--space-8);
    text-align: center
}

.emptyStateImage_cce1d3 {
    height: 180;
    width: 180
}

.header__32c75 {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.viewMore__32c75 {
    cursor: pointer
}

.loadingHeader__32c75 {
    background-color: var(--background-mod-subtle);
    border-radius: var(--radius-round);
    display: flex
}

.hidden__32c75 {
    opacity: 0;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.container__19cf2 {
    align-items: center;
    background-color: var(--background-mod-muted);
    border-radius: var(--radius-lg);
    display: flex;
    flex-direction: row;
    padding: var(--space-16)
}

.containerPadding__19cf2 {
    padding: 0 32px 32px
}

.image__19cf2 {
    height: 80px;
    margin-inline-end:var(--space-8);width: 80px
}

.body__19cf2 {
    flex: 1;
    flex-direction: column;
    margin-inline-end:var(--space-32)}

.icon__761e5 {
    --custom-app-icon-size: 40px
}

.focusBlock__761e5 {
    --custom-container-padding: var(--space-12)
}

.clickable__761e5 {
    background-color: var(--background-surface-high);
    cursor: pointer;
    position: relative
}

.clickable__761e5:hover,.keyboard-mode .clickable__761e5:focus {
    background-color: var(--interactive-background-hover)
}

.clickable__761e5:active {
    background-color: var(--interactive-background-active)
}

.clickable__761e5:first-child {
    border-start-end-radius: var(--radius-md);
    border-start-start-radius: var(--radius-md)
}

.clickable__761e5:last-child {
    border-end-end-radius: var(--radius-md);
    border-end-start-radius: var(--radius-md)
}

.clickable__761e5:last-child .underline__761e5 {
    display: none
}

.focusBlock__761e5 {
    align-items: center;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    padding: var(--custom-container-padding)
}

.icon__761e5 {
    height: var(--custom-app-icon-size);
    width: var(--custom-app-icon-size)
}

.cmdDetails__761e5 {
    display: flex;
    flex-direction: column;
    flex-shrink: 1;
    margin-inline:var(--space-12) auto;overflow: hidden
}

.cmdAppName__761e5 {
    margin-inline-start:var(--space-8);white-space: nowrap
}

.underline__761e5 {
    background-color: var(--background-mod-subtle);
    bottom: 0;
    height: 1px;
    inset-inline: 0;
    position: absolute
}

.iconPlaceholder__1729d,.underline__1729d {
    --custom-app-icon-size: 40px
}

.container__1729d,.underline__1729d {
    --custom-container-padding: var(--space-12)
}

.container__1729d {
    align-items: center;
    background-color: var(--background-surface-high);
    display: flex;
    flex-direction: row;
    overflow: hidden;
    padding: var(--custom-container-padding);
    position: relative
}

.container__1729d:after {
    background: linear-gradient(-45deg,transparent,#fff,transparent);
    content: "";
    height: 100%;
    inset-inline-start: 0;
    opacity: .05;
    position: absolute;
    top: 0;
    transform: skewX(-20deg) translateX(-100%);
    width: 100%
}

.full-motion .container__1729d:after {
    animation: shimmer__1729d 1s ease-in-out infinite
}

.container__1729d.noAnimation__1729d:after {
    display: none
}

.container__1729d:nth-child(2):after {
    animation-delay: 50ms
}

.container__1729d:nth-child(3):after {
    animation-delay: .1s
}

.container__1729d:nth-child(4):after {
    animation-delay: .15s
}

.container__1729d:nth-child(5):after {
    animation-delay: .2s
}

.container__1729d:nth-child(6):after {
    animation-delay: .25s
}

.container__1729d:first-child {
    border-start-end-radius: var(--radius-md);
    border-start-start-radius: var(--radius-md)
}

.container__1729d:last-child {
    border-end-end-radius: var(--radius-md);
    border-end-start-radius: var(--radius-md)
}

.container__1729d:last-child .underline__1729d {
    display: none
}

.theme-light .container__1729d:after {
    opacity: .5
}

@keyframes shimmer__1729d {
    to {
        transform: skewX(-20deg) translateX(100%)
    }
}

.iconPlaceholder__1729d {
    background-color: var(--background-mod-subtle);
    border-radius: 25%;
    height: var(--custom-app-icon-size);
    width: var(--custom-app-icon-size)
}

.textContainer__1729d {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin-inline-start:var(--space-12)}

.textPlaceholder__1729d {
    align-self: flex-start;
    background-color: var(--background-mod-subtle);
    border-radius: var(--radius-round)
}

.textPlaceholder__1729d:not(:last-child) {
    margin-bottom: 4px
}

.hidden__1729d {
    line-height: 1;
    opacity: 0;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.underline__1729d {
    background-color: var(--background-mod-subtle);
    bottom: 0;
    height: 1px;
    inset-inline: calc(var(--custom-container-padding) + var(--custom-app-icon-size) + var(--space-12)) 0;
    position: absolute
}

.sectionContentContainer_b18295 {
    margin-bottom: var(--space-24);
    margin-top: var(--space-12);
    overflow: hidden
}

.sectionActivitiesContentContainer_b18295 {
    display: grid;
    gap: var(--space-12);
    grid-template-columns: repeat(2,1fr);
    margin-bottom: var(--space-24);
    margin-top: var(--space-12)
}

.searchOpenAppDetailAppCard_b18295 {
    overflow: hidden
}

.container__927fc {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.developerShelfControlsContainer__927fc>:last-child {
    padding-bottom: 0
}

.developerShelfControlsLabel__927fc,.searchBarContainer__927fc {
    padding: var(--space-16)
}

.searchBarContainer__927fc {
    flex-grow: 0
}

.scrollableContent__927fc {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow-y: auto;
    padding: 0 var(--space-16) var(--space-16);
    row-gap: var(--space-16)
}

.sectionContentContainer__927fc {
    margin-bottom: var(--space-32);
    margin-top: var(--space-12)
}

.sectionTwoColumnContentContainer__927fc {
    display: grid;
    gap: var(--space-12);
    grid-template-columns: repeat(2,1fr)
}

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

.frecentList__927fc {
    -moz-column-gap: var(--space-12);
    column-gap: var(--space-12);
    display: flex;
    flex-direction: row
}

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

.header_c3787a {
    align-items: center;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    justify-content: center;
    margin: var(--space-16);
    margin-bottom: var(--space-8);
    position: relative
}

.backButton_c3787a {
    background-color: var(--background-base-low);
    margin-inline-end:auto}

.backButton_c3787a:hover,.keyboard-mode .backButton_c3787a:focus {
    background-color: var(--interactive-background-hover);
    cursor: pointer
}

.backButton_c3787a:active {
    background-color: var(--interactive-background-active)
}

.appGrid_c3787a {
    gap: var(--space-12);
    grid-template-columns: repeat(2,1fr)
}

.appGrid_c3787a,.rows_c3787a {
    display: grid;
    margin: var(--space-8) var(--space-16)
}

.rows_c3787a {
    grid-template-columns: repeat(1,1fr)
}

.drawerSizingWrapper__9c62c {
    flex-grow: 1;
    height: 100%;
    max-width: 100%;
    pointer-events: all;
    position: relative;
    z-index: 1
}

.contentWrapper__9c62c {
    background-color: var(--background-base-lower);
    border-radius: var(--custom-app-launcher-container-border-radius);
    box-shadow: var(--shadow-border),var(--shadow-high);
    box-sizing: border-box;
    display: flex;
    height: 100%;
    overflow: hidden;
    z-index: 1
}

.slideContent__9c62c {
    display: flex;
    overflow: hidden;
    width: 100%
}

.enable-forced-colors .resizeHandle__9c62c {
    background-color: ButtonText
}

.enable-forced-colors .contentWrapper__9c62c {
    border: 3px solid CanvasText
}

.positionContainer__31a96 {
    display: flex;
    height: var(--custom-app-launcher-height);
    pointer-events: none;
    width: var(--custom-app-launcher-width)
}

.positionLayer__31a96 {
    pointer-events: none;
    z-index: 0
}

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

.heading-sm\/normal__13533.fontScaling__13533 {
    font-size: .875rem
}

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

.heading-sm\/medium__13533.fontScaling__13533 {
    font-size: .875rem
}

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

.heading-sm\/semibold__13533.fontScaling__13533 {
    font-size: .875rem
}

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

.heading-sm\/bold__13533.fontScaling__13533 {
    font-size: .875rem
}

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

.heading-sm\/extrabold__13533.fontScaling__13533 {
    font-size: .875rem
}

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

.heading-md\/normal__13533.fontScaling__13533 {
    font-size: 1rem
}

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

.heading-md\/medium__13533.fontScaling__13533 {
    font-size: 1rem
}

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

.heading-md\/semibold__13533.fontScaling__13533 {
    font-size: 1rem
}

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

.heading-md\/bold__13533.fontScaling__13533 {
    font-size: 1rem
}

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

.heading-md\/extrabold__13533.fontScaling__13533 {
    font-size: 1rem
}

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

.heading-lg\/normal__13533.fontScaling__13533 {
    font-size: 1.25rem
}

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

.heading-lg\/medium__13533.fontScaling__13533 {
    font-size: 1.25rem
}

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

.heading-lg\/semibold__13533.fontScaling__13533 {
    font-size: 1.25rem
}

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

.heading-lg\/bold__13533.fontScaling__13533 {
    font-size: 1.25rem
}

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

.heading-lg\/extrabold__13533.fontScaling__13533 {
    font-size: 1.25rem
}

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

.heading-xl\/normal__13533.fontScaling__13533 {
    font-size: 1.5rem
}

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

.heading-xl\/medium__13533.fontScaling__13533 {
    font-size: 1.5rem
}

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

.heading-xl\/semibold__13533.fontScaling__13533 {
    font-size: 1.5rem
}

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

.heading-xl\/bold__13533.fontScaling__13533 {
    font-size: 1.5rem
}

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

.heading-xl\/extrabold__13533.fontScaling__13533 {
    font-size: 1.5rem
}

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

.heading-xxl\/normal__13533.fontScaling__13533 {
    font-size: 2rem
}

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

.heading-xxl\/medium__13533.fontScaling__13533 {
    font-size: 2rem
}

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

.heading-xxl\/semibold__13533.fontScaling__13533 {
    font-size: 2rem
}

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

.heading-xxl\/bold__13533.fontScaling__13533 {
    font-size: 2rem
}

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

.heading-xxl\/extrabold__13533.fontScaling__13533 {
    font-size: 2rem
}

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

.eyebrow__13533.fontScaling__13533 {
    font-size: .75rem
}

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

.heading-deprecated-12\/normal__13533.fontScaling__13533 {
    font-size: .75rem
}

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

.heading-deprecated-12\/medium__13533.fontScaling__13533 {
    font-size: .75rem
}

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

.heading-deprecated-12\/semibold__13533.fontScaling__13533 {
    font-size: .75rem
}

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

.heading-deprecated-12\/bold__13533.fontScaling__13533 {
    font-size: .75rem
}

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

.heading-deprecated-12\/extrabold__13533.fontScaling__13533 {
    font-size: .75rem
}

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

.redesign\/heading-18\/bold__13533.fontScaling__13533 {
    font-size: 1.125rem
}

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

.text-xxs\/normal__13533.fontScaling__13533 {
    font-size: .625rem
}

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

.text-xxs\/medium__13533.fontScaling__13533 {
    font-size: .625rem
}

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

.text-xxs\/semibold__13533.fontScaling__13533 {
    font-size: .625rem
}

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

.text-xxs\/bold__13533.fontScaling__13533 {
    font-size: .625rem
}

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

.text-xs\/normal__13533.fontScaling__13533 {
    font-size: .75rem
}

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

.text-xs\/medium__13533.fontScaling__13533 {
    font-size: .75rem
}

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

.text-xs\/semibold__13533.fontScaling__13533 {
    font-size: .75rem
}

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

.text-xs\/bold__13533.fontScaling__13533 {
    font-size: .75rem
}

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

.text-sm\/normal__13533.fontScaling__13533 {
    font-size: .875rem
}

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

.text-sm\/medium__13533.fontScaling__13533 {
    font-size: .875rem
}

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

.text-sm\/semibold__13533.fontScaling__13533 {
    font-size: .875rem
}

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

.text-sm\/bold__13533.fontScaling__13533 {
    font-size: .875rem
}

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

.text-md\/normal__13533.fontScaling__13533 {
    font-size: 1rem
}

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

.text-md\/medium__13533.fontScaling__13533 {
    font-size: 1rem
}

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

.text-md\/semibold__13533.fontScaling__13533 {
    font-size: 1rem
}

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

.text-md\/bold__13533.fontScaling__13533 {
    font-size: 1rem
}

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

.text-lg\/normal__13533.fontScaling__13533 {
    font-size: 1.25rem
}

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

.text-lg\/medium__13533.fontScaling__13533 {
    font-size: 1.25rem
}

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

.text-lg\/semibold__13533.fontScaling__13533 {
    font-size: 1.25rem
}

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

.text-lg\/bold__13533.fontScaling__13533 {
    font-size: 1.25rem
}

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

.redesign\/message-preview\/normal__13533.fontScaling__13533 {
    font-size: .9375rem
}

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

.redesign\/message-preview\/medium__13533.fontScaling__13533 {
    font-size: .9375rem
}

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

.redesign\/message-preview\/semibold__13533.fontScaling__13533 {
    font-size: .9375rem
}

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

.redesign\/message-preview\/bold__13533.fontScaling__13533 {
    font-size: .9375rem
}

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

.redesign\/channel-title\/normal__13533.fontScaling__13533 {
    font-size: 1rem
}

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

.redesign\/channel-title\/medium__13533.fontScaling__13533 {
    font-size: 1rem
}

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

.redesign\/channel-title\/semibold__13533.fontScaling__13533 {
    font-size: 1rem
}

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

.redesign\/channel-title\/bold__13533.fontScaling__13533 {
    font-size: 1rem
}

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

.display-sm__13533.fontScaling__13533 {
    font-size: 1.25rem
}

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

.display-md__13533.fontScaling__13533 {
    font-size: 2.125rem
}

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

.display-lg__13533.fontScaling__13533 {
    font-size: 2.75rem
}

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

.code__13533.fontScaling__13533 {
    font-size: .75rem
}

.autocomplete__13533 {
    background-color: var(--background-surface-high);
    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: var(--font-weight-medium);
    line-height: 16px;
    padding: 0 8px
}

.autocompleteRowVertical__13533 {
}

.autocompleteRowHorizontal__13533 {
    padding: 0
}

.autocompleteRowContent__13533 {
    align-items: center;
    color: var(--interactive-text-default);
    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-inline-end: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-inline-start:var(--space-16);min-width: 10ch;
    overflow: hidden;
    text-align: end;
    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(--interactive-background-hover)
}

.dividerContainer__13533 .base__13533 {
    padding-bottom: 0;
    padding-top: 0
}

.divider__13533 {
    padding: 8px
}

.divider__13533:after {
    background-color: var(--border-subtle);
    content: "";
    display: block;
    height: 1px;
    width: 100%
}

.contentTitle__13533 {
    color: var(--interactive-text-default);
    padding: 4px 0;
    text-transform: uppercase
}

.contentTitle__13533 strong {
    color: var(--text-subtle);
    text-transform: none
}

.icon__13533 {
    color: var(--interactive-text-default);
    height: 16px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 16px
}

.iconForeground__13533 {
    fill: var(--interactive-text-default)
}

.emojiImage__13533 {
    height: 20px;
    -o-object-fit: contain;
    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-inline-end:4px}

.autocompletePlaceholder__13533 {
    background: var(--background-base-low);
    border-radius: 16px;
    height: 16px;
    margin-top: 8px
}

.autocompleteContentWrapper__13533 {
    display: flex;
    flex-grow: 1;
    gap: var(--space-16)
}

.autoCompleteRowSuggestion__13533 {
}

.autoCompleteRowSuggestion__13533 .base__13533 {
    border-radius: 0;
    padding: var(--space-12)
}

.autoCompleteRowSuggestion__13533 .autocompleteRowContentPrimary__13533 {
    min-width: 12ch
}

.autoCompleteRowSuggestion__13533 .autocompleteContentWrapper__13533 {
    align-items: baseline;
    gap: var(--space-8);
    margin-inline-end:var(--space-16)}

.autoCompleteRowSuggestion__13533 .autocompleteRowContentSecondary__13533 {
    flex-basis: auto;
    margin-inline-start:0;min-width: 0;
    text-align: start
}

.autoCompleteRowSuggestion__13533 .keyComboContainer__13533 {
    display: flex;
    justify-content: flex-end;
    min-width: 3em
}

.autoCompleteRowSuggestion__13533 .verticalLayout__13533 .autocompleteContentWrapper__13533 {
    flex-direction: column;
    gap: 0
}

.autoCompleteRowSuggestion__13533 .verticalLayout__13533 .autocompleteRowContentPrimary__13533 {
    composes: text-xs\/medium
}

.autoCompleteRowSuggestion__13533 .verticalLayout__13533 .autocompleteRowContentSecondary__13533 {
    composes: text-xxs\/medium;
    flex-basis: auto
}

.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
}

.option_a19535 {
    border-radius: 4px;
    display: block;
    font-weight: var(--font-weight-normal);
    padding: 0 4px
}

.theme-light .option_a19535 {
    background-color: var(--primary-300)
}

.theme-dark .option_a19535 {
    background-color: var(--primary-800)
}

.inline_a19535 {
    margin-inline-end:4px;padding-bottom: 1px
}

.set_a19535 {
    opacity: .5
}

.error_a19535 {
    color: var(--text-feedback-critical)
}

.active_a19535 {
    background-color: var(--brand-500)!important;
    color: var(--white)
}

.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(--interactive-background-hover)
}

.selectable_ca5f52:hover .icon_ca5f52 {
    color: var(--interactive-text-hover)
}

.selected_ca5f52,.selected_ca5f52:hover {
    background-color: var(--background-base-low)
}

.selected_ca5f52 .icon_ca5f52,.selected_ca5f52:hover .icon_ca5f52 {
    color: var(--interactive-text-active)
}

.theme-light .selected_ca5f52 .icon_ca5f52,.theme-light .selected_ca5f52:hover .icon_ca5f52 {
    color: var(--primary-500)
}

.icon__1a58a {
    color: var(--interactive-text-default)
}

.wrapper__1a58a {
    border-radius: 8px;
    transition: background-color .1s ease-in-out
}

.selectable__1a58a:hover {
    background-color: var(--interactive-background-hover)
}

.selectable__1a58a:hover .icon__1a58a {
    color: var(--interactive-text-hover)
}

.selected__1a58a,.selected__1a58a:hover {
    background-color: var(--background-base-low)
}

.selected__1a58a .icon__1a58a,.selected__1a58a:hover .icon__1a58a {
    color: var(--interactive-text-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-top: 4px;
    margin-inline-end:16px}

.infoWrapper__920ab {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden
}

.source__920ab {
    flex-grow: 0;
    flex-shrink: 0;
    margin-inline-start: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: var(--font-weight-medium)
}

.option__920ab {
    margin-inline-start:8px}

.error__920ab {
    color: var(--text-feedback-critical)
}

.optionalHeader__920ab {
    color: var(--text-muted);
    text-transform: uppercase
}

.optionalCount__920ab,.optionalHeader__920ab {
    padding-inline-start:8px}

.disabled__920ab {
    opacity: .3
}

.optionals__920ab {
    align-items: center;
    border-inline-start:1px solid var(--border-subtle);display: flex;
    flex-direction: row;
    margin-inline-start: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-mod-strong);
    border-radius: 16px;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    height: 16px
}

.image__78aa3 {
    align-self: flex-start;
    background: var(--background-base-low);
    border-radius: 50%;
    flex-grow: 0;
    flex-shrink: 0;
    height: 32px;
    justify-self: flex-start;
    margin-top: 4px;
    margin-inline-end:16px;width: 32px
}

.description__78aa3 {
    margin-top: 8px
}

.description__78aa3,.source__78aa3 {
    background: var(--background-base-low);
    border-radius: 16px;
    height: 16px
}

.source__78aa3 {
    flex-shrink: 0;
    margin-inline-start:16px}

.upsell__98044 {
    margin-bottom: -4px;
    margin-top: -4px
}

.emojis__98044 {
    display: flex
}

.emojiMask__98044 {
    position: relative
}

.emojiBackground__98044 {
    align-items: center;
    background-color: var(--background-base-lowest);
    border-radius: 50%;
    display: flex;
    height: 24px;
    justify-content: center;
    width: 24px
}

.emoji__98044 {
    height: 16px;
    width: 16px
}

.wrapper_b1e4f3 {
    background-color: var(--background-base-lowest);
    margin-bottom: -16px;
    padding-bottom: 8px;
    width: 48px
}

.list_b1e4f3 {
    background: none;
    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(--border-subtle);
    border-color: var(--border-subtle);
    margin: 8px 0
}

.outerWrapper_d1405b {
    border-radius: 5px;
    box-shadow: var(--shadow-border),var(--shadow-high);
    inset-inline: 0 var(--space-8);
    bottom: calc(100% + 8px);
    overflow: hidden;
    position: absolute
}

.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(--background-surface-high);
    padding: 0 8px;
    position: sticky;
    top: 0
}

.categorySection_d1405b {
    margin-bottom: 16px
}

.categorySectionLast_d1405b {
    margin-bottom: 0
}

.itemWrapper_d1405b {
    padding: 0
}

.inlineElement__1464f {
    display: inline-block
}

.inlineVoid__1464f {
    cursor: default
}

.inlineVoid__1464f .mention {
    padding-bottom: 1px
}

.applicationCommand__1464f {
    display: flex;
    flex-wrap: wrap;
    margin-inline-start:-4px;margin-bottom: -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-inline-start:4px}

.applicationCommand__1464f>[data-slate-node=text]:not(:first-child)>:first-child.emptyText__1464f {
    margin-inline-start:2px}

.applicationCommand__1464f>[data-slate-node=text]:not(:last-child)>:last-child {
    margin-inline-end:4px}

.applicationCommand__1464f>[data-slate-node=text]:not(:last-child)>:last-child.emptyText__1464f {
    margin-inline-end:2px}

.applicationCommand__1464f:after {
    color: var(--text-muted);
    content: attr(data-trailing-placeholder);
    flex: 1;
    padding-inline-start: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: var(--font-weight-semibold);
    margin-inline-start: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
}

.optionPill__1464f .optionPill__1464f {
    margin-block:0;max-width: none
}

.optionPillKey__1464f {
    border-end-start-radius: 4px;
    border-start-start-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-mod-normal);
    border-color: var(--background-base-lowest)
}

.theme-dark .optionPillKey__1464f {
    background-color: var(--background-surface-high)
}

.theme-light .optionPill__1464f {
    background-color: var(--background-base-lower);
    border-color: var(--interactive-background-selected)
}

.theme-light .optionPillKey__1464f {
    background-color: var(--background-base-lowest)
}

.selectedPill__1464f {
    border-color: Highlight!important
}

.erroredPill__1464f {
    border-color: var(--red-400)!important
}

.newLine__1464f {
    display: inline-block
}

.gameMention__1464f,.timestampMention__1464f {
    display: inline-flex;
    margin: -4px 2px -8px
}

.inlineFlex__1464f {
    display: inline-flex;
    margin: 0
}

.mentionSuggestion__1464f {
    background-color: var(--mention-background);
    border-radius: var(--radius-xs);
    color: var(--mention-foreground);
    font-weight: var(--font-weight-medium)
}

.mentionSuggestion__1464f.mentionSuggestionSimpleColorVariant__1464f {
    background-color: transparent;
    color: var(--text-brand)
}

.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%;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.lottieCanvas__31fc2,.pngImage__31fc2 {
}

.pngImage__31fc2 {
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

.roundedMask__31fc2 {
    display: block;
    height: 100%;
    inset-inline-start: 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(--interactive-background-active);
    height: 100%;
    width: 100%
}

.error__31fc2 {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-weight: var(--font-weight-semibold);
    justify-content: center
}

.errorIcon__31fc2 {
    color: var(--text-default)
}

.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-surface-high);
    border-radius: 20px;
    inset-inline-start: 50%;
    margin-top: 2px;
    padding: 2px 8px;
    position: absolute;
    top: 100%;
    transform: translateX(-50%);
    white-space: nowrap
}

.positionedLayer__31fc2 {
    pointer-events: none
}

.legacyInputCommandHeader__38272 {
    display: flex;
    justify-content: space-between
}

.noAutocompleteResults__3b122 {
    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);
    inset-inline: var(--space-8) var(--space-16);
    position: absolute
}

.autocompleteAttached__6b0e0.bottom__6b0e0 {
    inset-inline: 0;
    bottom: inherit;
    top: 100%
}

.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-top: 2px;
    margin-inline-start:2px}

.minimal__6b0e0 {
    border-radius: 8px;
    min-width: 200px
}

.minimal__6b0e0 .scroller__6b0e0 {
    margin-inline:-8px;padding-bottom: 0
}

.container__871cd {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    height: 100%;
    margin-inline-end: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-inline-start:12px;margin-bottom: 12px
}

.categoryLoader__871cd {
    background-color: var(--black);
    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-base-low);
    border-radius: 5px;
    color: var(--icon-strong);
    opacity: 1;
    padding: 6px
}

.gifFavoriteButton__43deb:after {
    border: 2px solid var(--yellow-300);
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    height: 100%;
    inset-inline-start: 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;
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    inset-inline: -1px;
    bottom: -1px;
    pointer-events: none;
    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(--background-mod-strong),var(--background-mod-subtle))
}

.result__2dc39[data-focused=true] {
    box-shadow: 0 0 0 2px var(--border-focus)
}

.result__2dc39[data-selected=true] {
    box-shadow: 0 0 0 3px var(--border-focus)
}

.high-contrast-mode .result__2dc39 {
    border: 1px solid var(--border-strong)
}

.gif__2dc39 {
    background-color: transparent;
    border-radius: 5px;
    display: block;
    -o-object-fit: cover;
    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-feedback-warning);
    font-size: 16px;
    font-weight: var(--font-weight-medium);
    margin-bottom: 8px
}

.searchSuggestions__2dc39 {
    margin-bottom: 32px
}

.noResults__2dc39 {
    height: 100%
}

.spinnerContainer__2dc39 {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.favButton__2dc39 {
    box-sizing: border-box;
    inset-inline-end: 4px;
    opacity: 0;
    position: absolute;
    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-block:6px;margin-inline:6px 0}

.emptyHint__2dc39 {
    flex: 1 1 33.33%
}

.emptyHintCard__2dc39 {
    align-items: center;
    background-color: var(--background-mod-muted);
    border-radius: 5px;
    box-sizing: border-box;
    color: var(--text-default);
    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-feedback-warning);
    height: 29px;
    inset-inline-end: 6px;
    position: absolute;
    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(--background-mod-muted);
    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;
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 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;
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0;
    display: flex;
    font-weight: var(--font-weight-semibold);
    justify-content: center;
    pointer-events: none;
    z-index: 3
}

.categoryIcon_d02962 {
    height: 20px;
    margin-inline-end:4px;width: 20px
}

.categoryName_d02962 {
    font-size: 16px;
    font-weight: var(--font-weight-semibold);
    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(--background-scrim)
}

.categoryFadeBlurple_d02962 {
    background-color: color-mix(in srgb,var(--background-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-base-lower);
    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;
    inset-inline: 0;
    pointer-events: none;
    position: absolute
}

.content_fed6d3 {
    z-index: 0
}

.content_fed6d3,.header_fed6d3 {
    position: relative
}

.header_fed6d3 {
    background-color: var(--background-surface-high);
    border-bottom: 1px solid var(--border-subtle);
    box-shadow: none;
    flex: 0 0 auto;
    padding: var(--custom-gif-picker-gutter-size);
    z-index: 1
}

.searchHeader_fed6d3 {
    margin-bottom: 0;
    margin-inline-start:8px}

.backButton_fed6d3 {
    align-items: center;
    color: var(--text-muted);
    cursor: pointer;
    display: flex;
    height: 28px;
    margin-inline-end:8px}

.backButton_fed6d3:hover {
    color: var(--text-default)
}

.content_fed6d3 {
    flex: 1 1 auto;
    overflow: hidden
}

.wrapper__0c74f {
    display: grid;
    grid-template-rows: 1fr auto;
    height: 100%;
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 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;
    inset-inline-start: 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: 65px
}

.expressionPickerCategoryList_a1e0e0 {
    top: 53px
}

.hasBottomBarUpsell_a1e0e0 {
    bottom: 50px
}

.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-base-low)
}

.categoryIcon_a1e0e0:hover {
    background-color: var(--interactive-background-hover)
}

.categoryIconIcon_a1e0e0 {
    height: 24px;
    width: 24px
}

.categoryIconIcon_a1e0e0,.defaultsShortcut_a1e0e0 {
    color: var(--interactive-text-default)
}

.defaultsShortcut_a1e0e0 {
    align-items: center;
    background-color: var(--background-base-lower);
    border-top: 1px solid var(--border-normal);
    bottom: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: var(--custom-expression-picker-constants-expression-picker-inspector-bar-height);
    inset-inline-start: 0;
    justify-content: center;
    position: absolute;
    width: 100%
}

.defaultsShortcut_a1e0e0:hover {
    color: var(--interactive-text-hover)
}

.keybindHint__46002 {
    align-items: center;
    background-color: var(--background-base-lower);
    border-radius: var(--radius-sm);
    display: flex;
    margin: 16px;
    padding: 8px;
    position: relative
}

.keybindHintText__46002 {
    display: inline
}

.warningIcon__46002 {
    color: var(--yellow-300);
    margin-inline-end:8px;min-width: 20px
}

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

.closeButton__46002,.emoji__46002 {
    color: var(--interactive-text-default)
}

.closeButton__46002 {
    cursor: pointer;
    margin-top: -16px
}

.soundAddButton_da9eb2 {
    background: initial;
    border: 1px dashed var(--border-subtle);
    color: var(--text-muted);
    cursor: pointer
}

.soundAddButton_da9eb2:hover {
    border-color: var(--border-normal);
    color: var(--text-default)
}

.soundAddButton_da9eb2.focused_da9eb2 {
    border-color: var(--border-strong);
    color: var(--text-default)
}

.soundAddButton_da9eb2 svg {
    margin-inline-end:3px}

.disabled_da9eb2 {
    pointer-events: none
}

.sectionContainer__61424 {
    align-items: center;
    background-color: var(--background-base-low);
    display: flex;
    height: var(--custom-expression-picker-constants-expression-picker-list-section-heading-height);
    padding-block:0;padding-inline:8px 4px;position: sticky;
    top: 0;
    z-index: 10000
}

.sectionContainerNitroLocked__61424 {
    position: relative
}

.sectionContainerNitroLockedBackground__61424 {
    background-color: hsl(var(--premium-tier-2-purple-hsl)/.35)
}

.sectionContainerNitroLockedBackground__61424.brandRefresh__61424 {
    background: linear-gradient(90deg,var(--expressive-gradient-nitro-pink-start) 0,var(--expressive-gradient-nitro-pink-end) 100%)
}

.theme-light .sectionContainerNitroLockedBackground__61424.brandRefresh__61424 {
    background: linear-gradient(90deg,color-mix(in srgb,var(--expressive-gradient-nitro-pink-start) 40%,transparent),color-mix(in srgb,var(--expressive-gradient-nitro-pink-end) 40%,transparent))
}

.sectionHeader__61424 {
    color: var(--interactive-text-default);
    cursor: pointer;
    display: inline-block
}

.sectionHeader__61424:hover,.sectionHeader__61424:hover .sectionTitle__61424 {
    color: var(--interactive-text-active)
}

.sectionHeader__61424 .sectionTitle__61424 {
    color: var(--interactive-text-default)
}

.sectionHeaderContent__61424 {
    align-items: center;
    display: flex
}

.smallPaddingFooter__61424 {
    height: 20px
}

.lastSectionFooter__61424 {
    height: 70px
}

.nitroLocked__61424.lastSectionFooter__61424,.nitroLocked__61424.smallPaddingFooter__61424 {
    background-color: hsl(var(--premium-tier-2-purple-hsl)/.35)
}

.nitroLocked__61424.lastSectionFooter__61424.brandRefresh__61424,.nitroLocked__61424.smallPaddingFooter__61424.brandRefresh__61424 {
    background: linear-gradient(90deg,var(--expressive-gradient-nitro-pink-start) 0,var(--expressive-gradient-nitro-pink-end) 100%)
}

.theme-light .nitroLocked__61424.lastSectionFooter__61424.brandRefresh__61424,.theme-light .nitroLocked__61424.smallPaddingFooter__61424.brandRefresh__61424 {
    background: linear-gradient(90deg,color-mix(in srgb,var(--expressive-gradient-nitro-pink-start) 40%,transparent),color-mix(in srgb,var(--expressive-gradient-nitro-pink-end) 40%,transparent))
}

.nitroLocked__61424:not(.lastSectionFooter__61424) {
    margin-bottom: var(--space-4)
}

.sectionTitle__61424 {
    margin: 0 4px
}

.headerIcon__61424 {
    height: 16px;
    width: 16px
}

.soundRow__61424 {
    display: flex;
    gap: 8px;
    padding-bottom: 8px;
    padding-inline-start:8px}

.soundRowNitroLocked__61424 {
    background-color: hsl(var(--premium-tier-2-purple-hsl)/.35)
}

.soundRowNitroLocked__61424.brandRefresh__61424 {
    background: linear-gradient(90deg,var(--expressive-gradient-nitro-pink-start) 0,var(--expressive-gradient-nitro-pink-end) 100%)
}

.theme-light .soundRowNitroLocked__61424.brandRefresh__61424 {
    background: linear-gradient(90deg,color-mix(in srgb,var(--expressive-gradient-nitro-pink-start) 40%,transparent),color-mix(in srgb,var(--expressive-gradient-nitro-pink-end) 40%,transparent))
}

.settingsClickArea__61424 {
    color: var(--interactive-text-default);
    cursor: pointer;
    margin-inline-start:var(--space-12);transition: color .2s ease
}

.settingsClickArea__61424:focus,.settingsClickArea__61424:hover {
    color: var(--interactive-text-hover)
}

.settingsSoundmojiClickArea__61424 {
    padding: 0
}

.settingsSoundmojiClickArea__61424:last-child {
    padding-inline-end:0}

.premiumSectionDivider__61424 {
    padding-top: 8px
}

.settingsIcon__61424 {
    height: 24px;
    width: 24px
}

.picker__09f65 {
    background-color: var(--background-base-low);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-border),var(--shadow-high);
    display: flex;
    flex-direction: column;
    height: 420px;
    overflow: hidden;
    width: 531px
}

.picker__09f65.inExpressionPicker__09f65 {
    box-shadow: none;
    height: 100%;
    width: auto
}

.fetching__09f65 {
    justify-content: center
}

.categoryList__3ad28 {
    top: 53px
}

.stickerCategory__3ad28 {
    border-radius: 4px;
    color: var(--interactive-text-default);
    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(--interactive-background-hover);
    color: var(--interactive-text-hover)
}

.firstPartyCategorySelected__3ad28,.firstPartyCategorySelected__3ad28:hover,.stickerCategoryGenericSelected__3ad28,.stickerCategoryGenericSelected__3ad28:hover {
    background-color: var(--background-base-low)
}

.stickerCategoryGenericSelected__3ad28 .stickerCategoryGenericIcon__3ad28 {
    color: var(--interactive-text-active)
}

.stickerCategoryGeneric__3ad28 {
    box-sizing: border-box;
    margin-bottom: 2px;
    padding: 4px
}

.stickerCategoryGeneric__3ad28.stickerCategoryGenericLast__3ad28 {
    margin-bottom: var(--custom-stickers-constants-sticker-category-icon-margin)
}

.stickerCategoryGeneric__3ad28:hover {
    background-color: var(--background-base-low)
}

.stickerCategoryGenericDisabled__3ad28 {
    color: var(--text-muted);
    cursor: default
}

.stickerCategoryGenericDisabled__3ad28 .stickerCategoryGenericIcon__3ad28 {
    opacity: .6
}

.stickerCategoryGenericDisabled__3ad28.stickerCategory__3ad28:hover {
    background-color: transparent;
    color: var(--text-muted)
}

.stickerPackThumbnail__3ad28 {
    display: block;
    height: 100%;
    width: 100%
}

.guildCategorySeparator__3ad28 {
    border: none;
    border-bottom: var(--custom-stickers-constants-category-separator-size) solid var(--border-subtle);
    margin: var(--custom-stickers-constants-category-separator-margin-vertical) 0
}

.standardStickerShortcut__3ad28 {
    align-items: center;
    background: inherit;
    border-top: 1px solid var(--border-normal);
    bottom: 0;
    box-sizing: border-box;
    color: var(--interactive-text-default);
    cursor: pointer;
    display: flex;
    height: 48px;
    inset-inline-start: 0;
    justify-content: center;
    opacity: 1;
    position: absolute;
    width: 100%
}

.full-motion .standardStickerShortcut__3ad28 {
    transition: opacity .1s,transform .1s
}

.standardStickerShortcut__3ad28:hover {
    color: var(--interactive-text-hover)
}

.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
}

.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;
    margin-bottom: 20px
}

.stickersRow__70126 .sticker__70126 {
    margin: auto 2px
}

.upsell_ac65bb {
    align-items: center;
    background-color: var(--background-base-lowest);
    border-radius: 4px;
    display: flex;
    padding-block:8px;padding-inline:8px 12px}

.icon_ac65bb {
    color: var(--interactive-text-default);
    margin-inline-end: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);
    display: flex;
    height: 24px;
    justify-content: center;
    width: 24px
}

.icon_d13236 {
    height: 12px;
    width: 12px
}

.unownedStickerLockContainer_ced283 {
    align-items: center;
    background-color: var(--background-mod-muted);
    border: 1px solid var(--border-subtle);
    border-radius: 100%;
    bottom: 0;
    display: flex;
    inset-inline-end: 0;
    justify-content: center;
    position: absolute
}

.unownedStickerLockIcon_ced283 {
    color: var(--interactive-text-default)
}

@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%;
    inset-inline-start: 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-base-low);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    font-weight: var(--font-weight-medium);
    justify-content: space-evenly;
    position: relative
}

.createInspected_c6367b {
    background-color: var(--background-mod-normal)
}

.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);
    display: flex;
    height: 36px;
    justify-content: center;
    width: 36px
}

.icon_c6367b {
    height: 18px;
    width: 18px
}

.inspectedIndicator_c6367b {
    height: 100%;
    inset-inline-start: 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(--interactive-background-selected)
}

.stickerPlaceholder_c6367b {
    cursor: default
}

.viewAll_c6367b {
    inset-inline-end: 0;
    position: absolute;
    top: 0
}

.viewAll_c6367b:hover .viewAllButton_c6367b,.viewAllInspected_c6367b .viewAllButton_c6367b {
    background-color: var(--background-base-lowest);
    color: var(--interactive-text-hover)
}

.viewAllButton_c6367b {
    align-items: center;
    background-color: var(--background-mod-normal);
    box-sizing: border-box;
    color: var(--interactive-text-default);
    display: grid;
    font-size: 16px;
    font-weight: var(--font-weight-semibold);
    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;
    inset-inline: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    --__adaptive-focus-color: var(--interactive-text-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 {
    display: grid;
    grid-template-rows: 1fr auto;
    height: 100%;
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0
}

.footerActions_e94b8c {
    margin-bottom: var(--custom-stickers-constants-sticker-picker-preview-margin)
}

.packHeader_e94b8c {
    padding-inline-start:0;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-surface-high);
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    font-weight: var(--font-weight-normal);
    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-inline:4px;overflow: hidden
}

.wrapper_cdf8a9 {
    flex: 1
}

.upsellWrapper__8fe94 {
    align-items: center;
    background: var(--background-base-lower);
    bottom: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: absolute;
    top: 0;
    inset-inline: 0;
    justify-content: center;
    opacity: .98;
    padding: 0 20px;
    text-align: center;
    z-index: 2
}

.upsellWrapper__8fe94.unifyTrialUpsell__8fe94 {
    justify-content: flex-end;
    opacity: 1;
    padding: 0
}

.upsellImage__8fe94 {
    height: 80px;
    margin-bottom: 16px;
    width: -moz-fit-content;
    width: fit-content
}

.upsellTitle__8fe94 {
    margin-bottom: 8px
}

.upsellDescription__8fe94 {
    margin-bottom: 44px;
    max-width: 400px
}

.upsellClose__8fe94 {
    color: var(--interactive-text-default);
    cursor: pointer;
    inset-inline-end: 20px;
    position: absolute;
    top: 20px
}

.wrapper__8ef02 {
    display: grid;
    grid-template-columns: 48px auto;
    grid-template-rows: auto 1fr auto;
    position: relative
}

.header__8ef02 {
    align-items: center;
    background-color: var(--background-surface-high);
    border-bottom: 1px solid var(--border-subtle);
    box-shadow: none;
    display: flex;
    grid-column: 1/3;
    grid-row: 1/2;
    min-height: 1px;
    padding: var(--custom-gif-picker-gutter-size);
    z-index: 1
}

.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 {
    inset-inline-end: var(--space-16)
}

.positionLayerDefaultAlignRight__08434 {
    inset-inline-start: var(--space-16)
}

.positionContainer__08434 {
    height: 486px;
    pointer-events: none;
    width: 100%
}

.positionContainerOnlyEmoji__08434 {
    height: 396px
}

.drawerSizingWrapper__08434 {
    height: 100%;
    inset-inline-end: var(--space-24)!important;
    max-width: 100%;
    pointer-events: all;
    position: absolute;
    width: 100%;
    z-index: 1
}

.contentWrapper__08434 {
    box-sizing: border-box;
    display: grid;
    flex: 1 1 auto;
    grid-template-rows: 30px auto;
    grid-row-gap: 12px;
    background-color: var(--background-surface-high);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-high);
    height: 100%;
    padding-top: 16px;
    position: relative;
    z-index: 1
}

.positionContainerOnlyEmoji__08434 .contentWrapper__08434 {
    grid-template-rows: auto
}

.nav__08434 {
    padding: 0 16px
}

.navList__08434 {
    display: flex
}

.navItem__08434 {
    flex: 0 0 auto
}

.navItem__08434+.navItem__08434 {
    margin-inline-start:8px}

.navButton__08434 {
    border-radius: var(--radius-sm);
    color: var(--text-default);
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    padding: 8px 12px;
    transition: background-color .1s ease-in-out,color .1s ease-in-out
}

.high-contrast-mode .navButton__08434 {
    border: 1px solid var(--border-subtle);
    box-sizing: border-box
}

.navButton__08434:hover {
    background-color: var(--control-secondary-background-hover);
    color: var(--interactive-text-hover)
}

.navButton__08434:active {
    background-color: var(--control-secondary-background-active);
    color: var(--interactive-text-active)
}

.navButtonActive__08434 {
    background-color: var(--background-mod-normal);
    color: var(--text-strong)
}

.navButtonActive__08434:active,.navButtonActive__08434:hover {
    background-color: var(--background-mod-strong);
    color: var(--interactive-text-active)
}

.high-contrast-mode .navButtonActive__08434 {
    border: 1px solid var(--border-normal);
    box-sizing: border-box
}

.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: var(--font-weight-semibold);
    margin-bottom: 4px
}

.introductionSubheader__08434 {
    margin-bottom: 16px
}

.introductionAction__08434 {
    color: var(--brand-500);
    font-weight: var(--font-weight-semibold)
}

.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-inline-start:4px;min-width: 16px;
    padding: 0;
    text-shadow: none
}

.soundboardContainer__08434 {
    position: relative
}

.soundboardHeader__08434 {
    align-items: center;
    background-color: var(--background-surface-high);
    border-bottom: 1px solid var(--border-subtle);
    box-shadow: none;
    display: flex;
    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(--space-4)
}

.userTooltip__6b453 {
    align-items: center;
    display: flex;
    font-size: 16px
}

.avatar__6b453 {
    margin-inline-end:8px}

.discriminator__6b453 {
    opacity: .5
}

.icon__6b453 {
    height: 1em;
    margin-bottom: .2rem;
    margin-inline-end:3px;vertical-align: middle;
    width: 1em
}

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

.syntaxAfter_ada32f,.syntaxBefore_ada32f {
    font-weight: var(--font-weight-semibold)
}

.codeBlockSyntax_ada32f,.syntaxAfter_ada32f,.syntaxBefore_ada32f {
    color: var(--textbox-markdown-syntax)
}

.codeBlockLang_ada32f {
    color: var(--text-feedback-positive)
}

.after_s_ada32f,.after_spoiler_ada32f,.after_u_ada32f,.before_s_ada32f,.before_spoiler_ada32f,.before_u_ada32f,.syntaxOverride_ada32f {
    font-weight: var(--font-weight-normal)
}

.before_em_ada32f {
    margin-inline-end:-1px}

.after_em_ada32f {
    margin-inline-start:1px}

.before_s_ada32f,.before_u_ada32f {
    margin-inline-end:1px}

.after_s_ada32f,.after_u_ada32f {
    margin-inline-start:1px}

.after_u_ada32f,.before_u_ada32f {
    text-decoration: underline
}

.before_inlineCode_ada32f {
    border-inline-end:none;border-radius: 3px 0 0 3px;
    border-end-start-radius: var(--radius-xs);
    border-start-start-radius: var(--radius-xs)
}

.after_inlineCode_ada32f {
    border-inline-start:none;border-radius: 0 3px 3px 0;
    border-end-end-radius: var(--radius-xs);
    border-start-end-radius: var(--radius-xs)
}

.bold_ada32f {
    font-weight: var(--font-weight-bold)
}

.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)
}

.after_inlineCode_ada32f,.before_inlineCode_ada32f,.inlineCode_ada32f {
    background: var(--background-code);
    border: 1px solid var(--border-muted);
    box-sizing: border-box;
    font-family: var(--font-code);
    font-size: 85%;
    height: auto;
    line-height: 18px;
    margin: 0;
    padding: 0;
    text-indent: 0;
    white-space: pre-wrap;
    width: auto
}

.inlineCode_ada32f {
    border-inline-end:none;border-inline-start:none}

.spoiler_ada32f {
    padding: 0 .2em
}

.codeBlockText_ada32f,.codeLine_ada32f {
    color: var(--text-default);
    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-inline-end:.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
}

.editor__1b31f {
    caret-color: var(--text-default);
    text-align: start;
    white-space: break-spaces!important;
    word-break: break-word
}

.editor__1b31f pre {
    max-width: none
}

.placeholder__1b31f {
    color: var(--channel-text-area-placeholder);
    inset-inline: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.enable-forced-colors .placeholder__1b31f {
    color: GrayText
}

.theme-dark.custom-theme-background.custom-client-theme .placeholder__1b31f {
    color: color-mix(in oklab,var(--text-default) 40%,transparent)
}

.slateContainer_ec4baf {
    position: relative
}

.slateTextArea_ec4baf {
    box-sizing: border-box;
    inset-inline: 0 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;
    position: absolute
}

.enable-forced-colors .placeholder_ec4baf {
    color: GrayText
}

@use postcss-pxtorem;.channelTextArea__74017 {
    border: 1px solid var(--border-muted);
    border-radius: var(--radius-sm);
    position: relative;
    text-indent: 0;
    transition: border-color .2s ease;
    width: 100%
}

.channelTextArea__74017:not(.highlighted__74017) {
    transition: box-shadow .2s ease
}

.channelTextArea__74017.error__74017:not(:hover):not(:focus-within) {
    box-shadow: 0 0 0 2px var(--text-feedback-critical)
}

.channelTextArea__74017.highlighted__74017 {
    border: 1px solid var(--border-muted);
    box-shadow: 0 0 0 4px var(--blue-345)
}

.channelTextArea__74017:focus-within {
    border-color: var(--border-subtle);
    box-shadow: none
}

.focusRing__74017 {
    border-radius: 8px
}

.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(--background-gradient-highest,var(--chat-background-default))
}

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

:where(.custom-theme-background) .channelTextArea__74017 {
    background: var(--background-gradient-highest,var(--input-background-default));
    border-color: var(--app-frame-border)
}

.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-frame-border)
}

.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)
}

.background-opacity-medium .scrollableContainer__74017 {
    background-color: hsl(var(--primary-500-hsl)/.7)
}

.background-opacity-medium .scrollableContainer__74017 .textArea__74017 {
    color: var(--white)
}

.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: 1
}

.hasStackedBar__74017 {
    border-start-end-radius: 0;
    border-start-start-radius: 0
}

.inlineContainer__74017 {
    box-shadow: none;
    --custom-channel-textarea-text-area-height: var(--form-input-height);
    background: var(--input-background-default);
    border-color: var(--input-border-default);
    box-sizing: border-box
}

.inlineContainer__74017 .themedBackground__74017 {
    background: none;
    border: none;
    height: auto
}

.inlineContainer__74017 .accessoryBar__74017 {
    align-items: center;
    border-top: none;
    box-sizing: border-box;
    height: var(--custom-channel-textarea-text-area-height)
}

.flushContainer__74017 {
    background: unset;
    border: none
}

.flushContainer__74017 .inner__74017 {
    padding-inline-start:0}

.flushContainer__74017 .accessoryBar__74017 {
    align-items: flex-start;
    border-top: none
}

.inner__74017 {
    display: flex;
    padding-inline-start:calc(var(--space-16) - 1px);position: relative
}

.innerDisabled__74017 {
    cursor: not-allowed
}

.sansAttachButton__74017 {
    padding-inline-start:calc(var(--space-16) - 1px)}

.sansAttachButtonCreateThread__74017 {
    padding-inline-start: 10px
}

.sansAttachButtonCreatePost__74017,.sansAttachButtonUserProfileReply__74017 {
    padding-inline-start:0}

.attachButton__74017 {
    margin-inline:calc((var(--space-xs) + var(--space-6))*-1) 10px}

.textArea__74017 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    box-sizing: border-box;
    color: var(--text-default);
    font-size: 1rem;
    font-weight: var(--font-weight-normal);
    height: var(--custom-channel-textarea-text-area-height);
    line-height: 1.375rem;
    min-height: var(--custom-channel-textarea-text-area-height);
    padding-inline:0 10px;resize: none;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    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%
}

.hiddenAppLauncherAnchor__74017 {
    align-self: center;
    height: 0;
    visibility: hidden;
    width: 0
}

.overlayInlineReply__74017 {
    height: 100%;
    min-height: 100%;
    padding-inline-end:0!important}

.textAreaForPostCreation__74017 {
    margin-inline-start:0!important;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:var(--font-weight-medium)
    }
}

.textAreaDisabled__74017 {
    pointer-events: none
}

.buttons__74017 {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: var(--space-8);
    height: var(--custom-channel-textarea-text-area-height);
    margin-inline-end:6px;position: sticky;
    top: 0
}

.has-webkit-scrollbar .buttons__74017 {
    margin-inline-end:0}

.buttonContainer__74017 {
    align-items: center;
    display: flex
}

.button__74017 {
    box-sizing: border-box;
    margin-inline:0;min-height: var(--space-32);
    min-width: var(--space-32);
    padding: 0
}

.emojiButton__74017 {
    border-radius: 8px;
    transition-duration: .2s
}

.emojiButton__74017:hover {
    background-color: var(--interactive-background-selected)
}

.stickerIcon__74017 {
    height: 20px!important;
    width: 20px!important
}

.stickerButton__74017 {
    transition: background-color .2s,transform .2s
}

.stickerButtonWithNotification__74017 {
    margin-top: 1px;
    padding-inline:2px}

@keyframes wiggle__74017 {
    0% {
        transform: rotate(0)
    }

    30% {
        transform: rotate(8deg)
    }

    40% {
        transform: rotate(8deg)
    }

    80% {
        transform: rotate(-6deg)
    }

    to {
        transform: rotate(0deg)
    }
}

.floatingBars__74017 {
    margin-bottom: 0;
    min-height: 0
}

.floatingBars__74017 .newMemberActionBar__74017 {
    margin-inline:0}

.stackedBars__74017 {
    background: var(--background-surface-higher)
}

.stackedBars__74017>:not(:last-child) {
    border-bottom: 1px solid var(--border-subtle)
}

.floatingBars__74017:empty+.stackedBars__74017:nth-child(2),.stackedBars__74017:first-child {
    border-start-end-radius: var(--radius-sm);
    border-start-start-radius: var(--radius-sm)
}

.stackedBars__74017:not(:last-child) {
    border-bottom: 1px solid var(--border-subtle)
}

.sparkles__74017 {
    height: 150%;
    inset-inline-start: -10px;
    position: absolute;
    top: -10px;
    width: 150%
}

.expressionPickerPositionLayer__74017 {
    inset-inline-start: 86px
}

.theme-dark.custom-theme-background .stackedBars__74017 {
    background: var(--background-gradient-lowest,var(--background-base-lower))
}

.theme-dark.custom-theme-background .textAreaMobileThemed__74017 {
    margin-top: 16px
}

.theme-light.custom-theme-background .stackedBars__74017 {
    background: var(--background-gradient-lower,var(--background-base-lower))
}

.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)
}

.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
}

.enable-forced-colors .scrollableContainer__74017 {
    overflow-y: auto;
    padding-inline-end: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
}

.announcementScrollableContainer__74017 {
    max-height: calc(var(--custom-channel-textarea-text-area-max-height) + 80px)
}

.divider__908e2 {
    align-items: center;
    border-top: thin solid var(--border-subtle);
    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(--background-feedback-notification)
}

.custom-theme-background .divider__908e2 {
    border-top-color: var(--border-strong)
}

.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 {
    inset-inline: auto;
    position: relative
}

.endCap__908e2 {
    align-items: center;
    border-inline-start:none;border-radius: 0 4px 4px 0;
    box-sizing: border-box;
    color: var(--white);
    display: flex;
    font-size: 10px;
    font-weight: var(--font-weight-bold);
    height: 13px;
    inset-inline-end: 0;
    justify-content: center;
    line-height: 9px;
    padding-block:0;padding-inline:1px 4px;position: absolute;
    text-transform: uppercase;
    top: -7px
}

.unreadPill__908e2 {
    background-color: var(--divider-color)
}

.unreadPillCap__908e2 {
    display: block;
    height: 13px;
    inset-inline-start: -8px;
    position: absolute;
    top: 0
}

.unreadPillCapStroke__908e2 {
    color: var(--divider-color);
    fill: var(--divider-color)
}

.content__908e2 {
    background: var(--background-gradient-chat,var(--background-base-lower));
    border-radius: 8px;
    color: var(--text-muted);
    display: block;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: var(--font-weight-semibold);
    line-height: 13px;
    margin-top: -1px;
    padding: 2px 4px;
    padding-inline-start:var(--space-4)}

.isUnread__908e2 .content__908e2 {
    color: var(--divider-color)
}

.stickerPreviews_a4cf0b {
    padding-block:10px;padding-inline:16px 0}

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

.stickerPreview_a4cf0b {
    margin-inline-end:4px}

.stickerPreviewDivider_a4cf0b {
    margin-inline-start:16px}

.closeButton_a4cf0b {
    color: var(--interactive-text-default);
    cursor: pointer;
    inset-inline-end: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

.closeButton_a4cf0b:hover {
    color: var(--interactive-text-hover)
}

.closeIconContainer_a4cf0b {
    background: var(--channeltextarea-background);
    border-radius: 100%
}

.closeIcon_a4cf0b {
    height: 16px;
    width: 16px
}

.closeButton_e876a8 {
    color: var(--interactive-text-default);
    cursor: pointer;
    flex: 0 0 auto;
    line-height: 0;
    padding-block:8px;padding-inline:var(--space-12)}

.closeButton_e876a8: hover {
    color:var(--interactive-text-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 {
    align-items: center;
    display: flex;
    flex-direction: row;
    padding-bottom: 2px;
    padding-inline-start:16px;padding-top: 2px
}

.commandInfo__84522 {
    align-items: baseline;
    display: flex;
    flex: 1 1 auto;
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    gap: 8px;
    line-height: 16px
}

.name__84522 {
    color: var(--interactive-text-active);
    font-size: 16px;
    font-weight: var(--font-weight-semibold);
    line-height: 20px
}

.description__84522 {
    color: var(--interactive-text-default)
}

.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__4930d {
    align-items: center;
    background: var(--background-surface-higher);
    border-radius: 8px 8px 0 0;
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: start;
    padding: var(--space-8) var(--space-16)
}

.clipContainer__841c8 {
    margin-top: 0;
    overflow: hidden;
    padding-top: 3px
}

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

.replyBar__841c8,.threadSuggestionBar__841c8 {
    background: var(--background-base-lower);
    background-color: unset;
    border-bottom: none;
    cursor: pointer
}

.theme-dark.custom-theme-background .replyBar__841c8,.theme-dark.custom-theme-background .threadSuggestionBar__841c8 {
    background: var(--background-gradient-lowest,var(--background-base-lower))
}

.theme-light.custom-theme-background .replyBar__841c8,.theme-light.custom-theme-background .threadSuggestionBar__841c8 {
    background: var(--background-gradient-lower,var(--background-base-lower))
}

.replyBar__841c8 {
    align-items: center;
    border-start-end-radius: 8px;
    border-start-start-radius: 8px;
    display: grid;
    grid-template-columns: 1fr auto
}

.threadSuggestionBar__841c8 {
    border-top: 1px solid var(--border-subtle);
    box-shadow: 0 3px 0 var(--background-base-lower);
    display: flex;
    flex-direction: row;
    padding-bottom: 7px;
    padding-top: 7px
}

.text__841c8 {
    margin-inline-start:var(--space-16);overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.replyLabel__841c8 {
    flex: 1 1 auto
}

.name__841c8 {
    font-weight: var(--font-weight-semibold)
}

.actions__841c8 {
    flex: 0 0 auto;
    margin-inline-end:var(--space-4)}

.actions__841c8,.mentionButton__841c8 {
    align-items: center;
    display: flex
}

.mentionButton__841c8 {
    cursor: pointer;
    padding: 8px 12px;
    text-transform: uppercase
}

.mentionIcon__841c8 {
    height: 16px;
    margin-inline-end:4px;width: 16px
}

.separator__841c8 {
    background-color: var(--border-subtle);
    height: 20px;
    width: 1px
}

.createThreadButton__841c8 {
    margin-inline:8px;white-space: nowrap
}

.bar_d90114 {
    align-items: center;
    background: var(--background-surface-higher);
    border-radius: 8px 8px 0 0;
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: start;
    padding: var(--space-8) var(--space-16)
}

.error_d90114 {
    color: var(--red-400);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.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;
    overflow: hidden
}

.banner__183e8 {
    align-items: center;
    background-color: var(--background-base-lowest);
    border-start-end-radius: var(--radius-sm);
    border-start-start-radius: var(--radius-sm);
    display: flex;
    flex-grow: 1;
    padding: var(--space-md) var(--space-md);
    padding-bottom: var(--space-md)
}

.bannerForumChannel__183e8 {
    border-end-end-radius: var(--radius-sm);
    border-end-start-radius: var(--radius-sm)
}

.text__183e8 {
    flex-grow: 1;
    margin-inline-start: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-text-active)
}

.completed__183e8 {
    color: var(--status-positive)
}

.clipContainer_ba21b4 {
    margin-top: 0;
    overflow: hidden;
    padding-top: 3px
}

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

.scheduledMessageBar_ba21b4 {
    align-items: center;
    background: var(--background-base-lower);
    background-color: unset;
    border-bottom: none;
    cursor: pointer
}

.theme-dark.custom-theme-background .scheduledMessageBar_ba21b4 {
    background: var(--background-gradient-lowest,var(--background-base-lower))
}

.theme-light.custom-theme-background .scheduledMessageBar_ba21b4 {
    background: var(--background-gradient-lower,var(--background-base-lower))
}

.scheduledMessageBar_ba21b4 {
    box-shadow: 0 3px 0 var(--background-base-lower);
    display: flex;
    flex-direction: row
}

.text_ba21b4 {
    margin-inline-start:var(--space-16);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;
    margin-inline-end:var(--space-4)}

.buttonContainer_e6e74f {
    border-radius: 8px;
    margin-top: unset;
    transition-duration: .2s
}

.buttonContainer_e6e74f:hover {
    background-color: var(--interactive-background-selected)
}

.button_e6e74f {
    align-items: center;
    background: unset;
    border: unset;
    border-radius: 8px;
    color: var(--interactive-text-default);
    cursor: pointer;
    display: flex;
    height: auto;
    justify-content: center;
    min-height: var(--space-32);
    min-width: var(--space-32);
    width: unset
}

.button_e6e74f:active,.button_e6e74f:hover,.buttonActive_e6e74f {
    color: var(--interactive-text-active)
}

.channelAppLauncher_e6e74f {
    align-content: flex-end;
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    position: relative
}

.hiddenAppLauncherAnchor_e6e74f {
    height: 0;
    width: 0
}

.entrypointAnimation_e6e74f {
    height: 44px;
    width: 44px
}

.entrypointAnimation_e6e74f .buttonContainer_e6e74f:hover {
    background-color: transparent
}

.animationGlow_e6e74f {
    bottom: -44px;
    height: 132px;
    inset-inline-start: -32px;
    width: 108px
}

.animationTrinkets_e6e74f {
    bottom: -24px;
    height: 100px;
    inset-inline-start: -24px;
    width: 100px
}

.channelAppLauncherButtonPopoutIconContainer_e6e74f {
    border-radius: 8px;
    outline: 2px solid var(--brand-500);
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 1
}

.full-motion .channelAppLauncherButtonPopoutIcon_e6e74f {
    animation: channelAppLauncherButtonPopoutIconAnimation_e6e74f 3s;
    animation-delay: 10ms;
    transform: translateY(-100%)
}

@keyframes channelAppLauncherButtonPopoutIconAnimation_e6e74f {
    0% {
        transform: translateY(-100%)
    }

    6% {
        transform: translateY(0)
    }

    94% {
        transform: translateY(0)
    }

    to {
        transform: translateY(100%)
    }
}

.channelAppLauncherButtonPopoutIconShimmerContainer_e6e74f {
    inset-inline-end: 0;
    position: absolute;
    top: 0
}

.channelAppLauncherButtonPopoutIconShimmer_e6e74f {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: auto;
    transform: translateX(-100%)
}

.full-motion .channelAppLauncherButtonPopoutIconShimmer_e6e74f {
    animation: channelAppLauncherButtonPopoutIconShimmerAnimation_e6e74f 3s
}

@keyframes channelAppLauncherButtonPopoutIconShimmerAnimation_e6e74f {
    0% {
        transform: translateX(-100%)
    }

    10% {
        transform: translateX(-100%)
    }

    22% {
        transform: translateX(100%)
    }

    to {
        transform: translateX(100%)
    }
}

@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)
    }
}

.button__24af7 {
    align-items: center;
    color: var(--interactive-text-default);
    cursor: pointer;
    display: flex;
    justify-content: center
}

.button__24af7:hover {
    color: var(--interactive-text-hover)
}

.button__24af7:active {
    color: var(--interactive-text-active)
}

.button__24af7.disabled__24af7 {
    cursor: not-allowed;
    opacity: .5
}

.button__24af7:not(.noHover__24af7) {
    border-radius: 8px;
    transition-duration: .2s
}

.button__24af7:not(.noHover__24af7):hover {
    background-color: var(--interactive-background-selected)
}

.iconMask__24af7 {
    display: block;
    height: 20px;
    width: 20px
}

.buttonContent__24af7 {
    position: relative
}

.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(--background-feedback-notification);
    border-radius: 100%;
    bottom: 0;
    height: 7px;
    inset-inline-end: 0;
    transform: translateY(-5%);
    width: 7px
}

.notificationDot__24af7,.sparkleContainer__24af7 {
    position: absolute
}

.sparkleStar__24af7 {
    color: var(--gold);
    inset-inline-start: 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);
    inset-inline-start: -20px;
    opacity: 0;
    top: 16px
}

.active__24af7 .buttonWrapper__24af7,.buttonWrapper__24af7:hover {
    color: var(--interactive-text-active)
}

.container_c0c49a {
    display: flex;
    position: relative
}

.container_c0c49a:before {
    background: var(--custom-promotion-gradient);
    border-radius: 8px;
    content: "";
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity .2s ease;
    z-index: -1
}

.containerHovered_c0c49a:before {
    opacity: 1
}

.iconContainer_c0c49a {
    align-items: center;
    display: flex;
    height: 20px;
    justify-content: center;
    pointer-events: none;
    position: relative;
    width: 20px
}

.giftBoxIcon_c0c49a {
    bottom: -6px;
    height: auto;
    inset-inline-start: -6px;
    position: absolute;
    width: 32px
}

.trinketsIcon_c0c49a {
    position: relative;
    z-index: 3
}

.trinketsDecoration_c0c49a {
    height: 140%;
    inset-inline-start: -20%;
    position: absolute;
    top: -20%;
    transform: scale(1.4);
    width: 140%;
    z-index: 4
}

.trinketsGlow_c0c49a {
    border-radius: 8px;
    height: 150%;
    inset-inline-start: -25%;
    -webkit-mask: radial-gradient(circle at center,transparent 0,transparent 1%,#000 0);
    mask: radial-gradient(circle at center,transparent 0,transparent 1%,#000 0);
    position: absolute;
    top: -25%;
    transform: scale(1.1);
    width: 150%;
    z-index: 1
}

.button_aa63ab>.disabled_aa63ab {
    color: var(--icon-muted);
    cursor: not-allowed
}

.container_aa63ab {
    align-items: center;
    display: flex;
    margin-inline-start:0}

.separator_aa63ab {
    align-self: center;
    background-color: var(--border-muted);
    height: var(--chat-markup-line-height);
    margin-inline-start:0;width: 1px
}

.buttonContainer_aa63ab {
    display: flex
}

.sendIcon_aa63ab {
    height: 20px!important;
    width: 20px!important
}

.button_aa63ab {
    box-sizing: border-box;
    margin-inline:0;min-height: var(--space-32);
    min-width: var(--space-32);
    padding: 4px
}

.buttonChild_aa63ab {
    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 .button_aa63ab {
    transition: unset
}

.container_aa63ab:before {
    display: none
}

.container_ddf599 {
    display: inline-flex;
    padding-top: var(--space-8);
    padding-inline:19px;padding-bottom: var(--space-16)
}

.container_ddf599 label[data-mana-component=checkbox] {
    align-items: center;
    gap: var(--space-8);
    margin: calc(var(--space-4)*-1);
    padding: var(--space-4)
}

.container_ddf599 label[data-mana-component=checkbox]>div:first-of-type {
    height: 16px;
    width: 16px
}

.container_ddf599 label[data-mana-component=checkbox] label>div {
    font-size: 14px;
    line-height: 1.25
}

.density-compact .container_ddf599 {
    padding-inline:17px}

.density-cozy .container_ddf599 {
    padding-inline:21px}

.icon_ddf599 {
    height: 1em;
    margin-bottom: -2px;
    margin-top: -2px;
    margin-inline:0;margin-inline-end:2px;width: 1em
}

.icon_ddf599,.label_ddf599 {
    display: inline
}

.upload_aa605f {
    background: var(--background-gradient-higher,var(--background-base-lower));
    background-color: var(--background-surface-high);
    border: 1px solid var(--border-normal);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-low);
    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:focus .smallActionBar_aa605f,.upload_aa605f:focus-within .smallActionBar_aa605f {
    opacity: 1
}

.upload_aa605f.sizeClip_aa605f {
    background-color: var(--background-mod-subtle);
    flex: 1;
    max-height: 400px;
    max-width: 400px;
    min-width: 320px;
    padding: 0
}

.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 {
    top: 0
}

.actionBar_aa605f,.actionBarContainer_aa605f {
    inset-inline-end: 0;
    position: absolute
}

.actionBar_aa605f {
    padding: 0;
    transform: translate(25%,-25%);
    z-index: 1
}

.smallActionBar_aa605f {
    opacity: 0
}

.miniPopover_aa605f {
    align-items: center;
    height: 24px
}

@keyframes uploadIconAnimateInLeft_b78547 {
    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_b78547 {
    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_b78547 {
    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_b78547 {
    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_b78547 {
    0%,8.334% {
        opacity: 0;
        transform: translate3d(0,-4px,0)
    }

    45.8%,to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes uploadModalBounceTransition_b78547 {
    0% {
        transform: translateZ(0) scale(.99)
    }

    50% {
        transform: translateZ(0) scale(1.005)
    }

    to {
        transform: translateZ(0) scale(1)
    }
}

@keyframes uploadModalBounce_b78547 {
    0% {
        transform: translateZ(0) scale(.99)
    }

    15%,to {
        inset: -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_b78547 {
    align-items: center;
    background: var(--opacity-black-80);
    color: var(--white);
    display: flex;
    font-size: 36px;
    height: 100%;
    inset-inline-start: 0;
    justify-content: center;
    opacity: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 2000
}

.uploadArea_b78547 strong {
    font-weight: var(--font-weight-bold)
}

.uploadArea_b78547.droppable_b78547 {
    visibility: visible
}

.uploadArea_b78547.uploadModalIn_b78547 {
    opacity: 1
}

.uploadDropModal_b78547 {
    animation: uploadIconAnimateIn_b78547 .25s ease-in-out 0s normal forwards;
    display: flex;
    height: 170px;
    pointer-events: none;
    position: relative;
    width: 310px
}

.uploadDropModal_b78547 .instructions_b78547,.uploadDropModal_b78547 .title_b78547 {
    animation: uploadTextFadeIn_b78547 1s ease .175s normal forwards;
    opacity: 0
}

.uploadDropModal_b78547 .instructions_b78547 {
    animation-delay: .185s;
    animation-duration: 1.25s
}

.uploadDropModal_b78547 .bgScale_b78547 {
    background: var(--brand-500);
    border-radius: 10px;
    inset: 0;
    position: absolute;
    z-index: -1
}

.full-motion .uploadDropModal_b78547 .bgScale_b78547 {
    animation: uploadModalBounce_b78547 .8s ease 0s normal forwards
}

.uploadDropModal_b78547 .inner_b78547 {
    align-items: center;
    border: 2px dashed var(--opacity-white-40);
    border-radius: 6px;
    color: var(--white);
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.uploadDropModal_b78547 .inner_b78547 .title_b78547 {
    box-sizing: border-box;
    color: var(--white);
    font-size: 22px;
    font-weight: var(--font-weight-bold);
    padding: 0 8px;
    text-align: center;
    width: 100%
}

.uploadDropModal_b78547 .inner_b78547 .title_b78547 strong {
    color: var(--white)
}

.uploadDropModal_b78547 .inner_b78547 .instructions_b78547 {
    color: var(--white);
    font-size: 12px;
    line-height: 16px;
    margin-top: 4px;
    margin-inline-start:4px;text-align: center
}

.icons_b78547 {
    height: 60px;
    position: relative;
    width: 100px
}

.icon_b78547 {
    background-position: 50%;
    background-repeat: no-repeat;
    flex-shrink: 0;
    height: 130px;
    transform: translateZ(0);
    width: 100px
}

.icon_b78547.one_b78547,.icon_b78547.three_b78547,.icon_b78547.two_b78547 {
    position: absolute
}

.full-motion .icon_b78547.one_b78547 {
    animation: uploadIconAnimateInLeft_b78547 .8s ease 0s normal forwards;
    opacity: 0
}

.full-motion .icon_b78547.two_b78547 {
    animation: uploadIconAnimateInMiddle_b78547 .8s ease 0s normal forwards;
    filter: drop-shadow(0 0 48px rgba(88,101,242,.5))
}

.full-motion .icon_b78547.three_b78547 {
    animation: uploadIconAnimateInRight_b78547 .8s ease 0s normal forwards;
    opacity: 0
}

.reduce-motion .icon_b78547.one_b78547 {
    transform: translate3d(-44px,-6px,0) rotate(-30deg)
}

.reduce-motion .icon_b78547.two_b78547 {
    transform: translate3d(0,-6px,0)
}

.reduce-motion .icon_b78547.three_b78547 {
    transform: translate3d(44px,-6px,0) rotate(30deg)
}

.wrapOne_b78547 {
    transform: translate3d(0,-70px,0)
}

.wrapTwo_b78547 {
    transform: translate3d(0,-80px,0)
}

.wrapThree_b78547 {
    transform: translate3d(0,-70px,0)
}

.document_b78547 {
    background-image: url(/assets/9ebe3ef63aafee84.svg)
}

.image_b78547 {
    background-image: url(/assets/5dea307a4037ec4e.svg)
}

.code_b78547 {
    background-image: url(/assets/f4bad77442422ded.svg)
}

.crossOne_b78547,.crossTwo_b78547,.lightOne_b78547,.lightTwo_b78547,.popOne_b78547,.sparkleOne_b78547,.sparkleTwo_b78547 {
    animation-iteration-count: 1!important;
    opacity: .95;
    z-index: 1
}

.sparkleOne_b78547 {
    bottom: -40px;
    inset-inline-end: -15px
}

.sparkleTwo_b78547 {
    animation-delay: 1.2s;
    inset-inline-end: 12px;
    top: -67px
}

.lightOne_b78547 {
    animation-delay: .4s;
    inset-inline-end: -35px;
    top: 24px
}

.lightTwo_b78547 {
    animation-delay: .61s;
    inset-inline-start: -10px;
    top: -32px
}

.crossOne_b78547 {
    animation-delay: .56s;
    bottom: -35px;
    inset-inline-end: 100px
}

.crossTwo_b78547 {
    animation-delay: .8s;
    bottom: 50px;
    inset-inline-start: -70px
}

.popOne_b78547 {
    animation-delay: .7s;
    bottom: -40px;
    inset-inline-start: 50px
}

.fileIcon_b78547 {
    background-position: 50%;
    background-repeat: no-repeat;
    flex-shrink: 0;
    height: 130px;
    margin-bottom: 16px;
    margin-top: -16px;
    width: 100px
}

.fileIcon_b78547.image_b78547 {
    background-color: var(--background-base-lower);
    border-radius: 8px;
    box-shadow: 0 2px 8px var(--opacity-black-40);
    box-sizing: border-box;
    -o-object-fit: contain;
    object-fit: contain
}

.fileIcon_b78547.video_b78547 {
    background-image: url(/assets/98178bd2173d947a.svg)
}

.fileIcon_b78547.acrobat_b78547 {
    background-image: url(/assets/a42338c030af6d9c.svg)
}

.fileIcon_b78547.ae_b78547 {
    background-image: url(/assets/88b289225ff6142a.svg)
}

.fileIcon_b78547.sketch_b78547 {
    background-image: url(/assets/c9f0992f0ab98d49.svg)
}

.fileIcon_b78547.ai_b78547 {
    background-image: url(/assets/93636da24d7ab467.svg)
}

.fileIcon_b78547.archive_b78547 {
    background-image: url(/assets/f89b66e97ea52ba7.svg)
}

.fileIcon_b78547.code_b78547 {
    background-image: url(/assets/f4bad77442422ded.svg)
}

.fileIcon_b78547.document_b78547 {
    background-image: url(/assets/9ebe3ef63aafee84.svg)
}

.fileIcon_b78547.photoshop_b78547,.fileIcon_b78547.ps_b78547 {
    background-image: url(/assets/1084490cf680dd7c.svg)
}

.fileIcon_b78547.spreadsheet_b78547 {
    background-image: url(/assets/b8ca4488a6d443bc.svg)
}

.fileIcon_b78547.webcode_b78547 {
    background-image: url(/assets/6e688b0c124e0ca8.svg)
}

.fileIcon_b78547.audio_b78547 {
    background-image: url(/assets/a6db1d05d35f13d0.svg)
}

.fileIcon_b78547.unknown_b78547 {
    background-image: url(/assets/94660b205108a49f.svg)
}

.container_b9f75c {
    align-items: flex-start;
    background: var(--background-surface-high);
    box-sizing: border-box;
    display: flex;
    gap: var(--space-8);
    padding: var(--space-12);
    width: 100%
}

.clipIcon_b9f75c {
    align-items: center;
    background-color: var(--background-mod-subtle);
    border-radius: var(--radius-sm);
    display: flex;
    flex-shrink: 0;
    height: 32px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 32px
}

.clipIconImage_b9f75c {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.clipTextInfo_b9f75c {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 2px;
    justify-content: center;
    min-width: 0
}

.clipSubtitle_b9f75c,.clipTitle_b9f75c {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.clipAvatars_b9f75c {
    align-items: center;
    display: flex;
    flex-shrink: 0
}

.actionBarIcon_a7e304 {
    display: block;
    height: 20px;
    -o-object-fit: contain;
    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;
    inset-inline-start: 3px;
    position: absolute
}

.altTag__41ea0 {
    background: var(--text-default);
    border-radius: 3px;
    font-size: 10px;
    font-weight: var(--font-weight-semibold);
    margin-inline-end:4px;padding: 3px;
    text-transform: uppercase;
    z-index: 1
}

.spoilerContainer__41ea0 {
    height: 100%
}

.spoilerContainer__41ea0.sizeXSmall__41ea0,.spoilerContainer__41ea0.sizeXXSmall__41ea0 {
    background: none
}

.spoilerWrapper__41ea0 {
    display: flex;
    height: 100%;
    justify-content: center
}

.media__41ea0 {
    border-radius: var(--radius-md);
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.media__41ea0.sizeClip__41ea0 {
    aspect-ratio: 16/9;
    border-end-end-radius: 0;
    border-end-start-radius: 0
}

.media__41ea0.sizeXSmall__41ea0,.media__41ea0.sizeXXSmall__41ea0 {
    border-radius: var(--radius-xs);
    -o-object-fit: cover;
    object-fit: cover
}

.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.imageSmall__41ea0,.icon__41ea0.sizeXSmall__41ea0,.icon__41ea0.sizeXXSmall__41ea0 {
    background-size: contain
}

.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);
    -o-object-fit: cover;
    object-fit: cover
}

.sizeXSmall__41ea0 {
    height: 48px;
    min-width: 48px;
    width: 48px
}

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

.actionBarIcon__41ea0 {
    display: block;
    height: 16px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 16px
}

.action__41ea0 {
    height: 16px;
    min-width: 18px;
    padding: 4px
}

.clipsBadge__41ea0 {
    inset-inline-start: 8px;
    position: absolute;
    top: 8px
}

.clipsFooter__41ea0 {
    background-color: transparent
}

.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(--text-default);
    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-base-lowest);
    border-radius: 4px;
    color: var(--text-default);
    inset-inline-end: 8px;
    padding: 2px 6px;
    position: absolute
}

.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;
    overflow-x: auto;
    padding: 20px 10px 10px
}

.channelAttachmentArea_b77158:last-child {
    padding-inline-end:30px}

.divider_b77158 {
    margin-inline-start:16px}

.root__6c5a1 {
    background: var(--background-base-lower);
    background-color: var(--background-surface-highest);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    display: flex;
    max-width: 100%;
    padding: var(--space-4) var(--space-8)
}

.text__6c5a1 {
    margin-inline-start:4px}

.premium__6c5a1 {
    flex-shrink: 0;
    height: 18px;
    width: 18px
}

.iconOnly__6c5a1 {
    color: var(--text-default);
    cursor: pointer
}

.characterCount__795fb {
    align-items: flex-end;
    bottom: 10px;
    color: var(--text-default);
    display: flex;
    flex-direction: column;
    inset-inline-end: 14px;
    position: absolute
}

.premiumFlair__795fb {
    color: var(--interactive-text-default)
}

.premiumFlair__795fb:not(:last-child) {
    margin-inline-end:4px}

.flairContainer__795fb {
    align-items: center;
    display: flex;
    height: 24px
}

.upsell__795fb {
    margin-top: 8px
}

.container_be506c {
    margin: 8px 8px 0
}

.toolbar_bba883 {
    align-items: center;
    background-color: var(--primary-800);
    border-radius: 4px;
    box-shadow: var(--shadow-border),var(--shadow-high);
    color: var(--primary-300);
    display: flex;
    flex-direction: column;
    pointer-events: all;
    position: absolute
}

.toolbar_bba883:before {
    border-inline-end:8px solid transparent;border-inline-start:8px solid transparent;border-top: 8px solid var(--primary-800);
    bottom: -8px;
    content: "";
    height: 0;
    inset-inline-start: 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;
    margin-bottom: calc(var(--space-4)*-1)
}

.staticToolbar_bba883 .button_bba883:first-of-type {
    border-start-start-radius: 4px
}

.theme-dark .staticToolbar_bba883 {
    background-color: var(--background-mod-normal)
}

.theme-light .staticToolbar_bba883 {
    background-color: var(--background-base-lowest)
}

.staticButtons_bba883 {
    border-radius: 4px 4px 0 0;
    display: flex
}

.emojiButton_bba883 {
    padding-inline-end:8px}

.divider_bba883 {
    border-inline-start: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(--interactive-background-hover);
    color: var(--primary-100)
}

.button_bba883[aria-pressed=true] {
    background-color: var(--interactive-background-selected);
    color: var(--white)
}

.buttonInner_bba883,.icon_bba883 {
    height: 20px
}

.icon_bba883 {
    color: currentColor;
    width: 20px
}

.staticIcon_bba883 {
    color: var(--interactive-text-default)
}

.staticDivider_bba883 {
    border-inline-start:1px solid var(--border-subtle)}

.body_c93be2 {
    margin-bottom: 40px;
    margin-top: 40px
}

.textArea_c93be2 {
    --channel-text-area-placeholder: var(--input-placeholder-text-default);
    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)
}

.theme-light .textArea_c93be2 *>span {
    color: var(--text-default)
}

.container__8564e {
    align-items: center;
    background-color: var(--primary-860);
    border-radius: var(--radius-sm);
    cursor: pointer;
    display: flex;
    gap: var(--space-6);
    height: var(--space-32);
    justify-content: center;
    opacity: .7;
    padding: 0 var(--space-16);
    width: 140px
}

.container__8564e.refresh__8564e {
    background-color: var(--background-mod-subtle);
    border-color: var(--border-muted);
    opacity: 1
}

.contentContainer__8564e {
    align-items: center;
    display: flex;
    gap: var(--space-6);
    min-width: 0
}

.soundIcon__8564e {
    min-height: 14px;
    min-width: 14px
}

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

.text__8564e.refresh__8564e {
    color: var(--text-strong)
}

.customGiftHeader__8564e {
    align-items: center;
    background-color: var(--background-surface-high);
    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;
    background-color: var(--primary-860);
    border-radius: var(--radius-sm);
    cursor: pointer;
    display: flex;
    gap: var(--space-6);
    height: var(--space-32);
    justify-content: center;
    opacity: .7;
    padding: 0 var(--space-16);
    width: 140px
}

.container__231eb.refresh__231eb {
    background-color: var(--background-mod-subtle);
    border-color: var(--border-muted);
    opacity: 1
}

.contentContainer__231eb {
    align-items: center;
    display: flex;
    gap: var(--space-6);
    min-width: 0
}

.emojiIcon__231eb {
    min-height: 14px;
    min-width: 14px
}

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

.text__231eb.refresh__231eb {
    color: var(--text-strong)
}

.emojiList__231eb {
    background-color: var(--background-surface-high)
}

.emojiHeader__231eb {
    background-color: var(--background-base-lower)!important
}

.customGiftContent__231eb {
    display: flex;
    flex-direction: column;
    width: 100%
}

.customGiftHeader__231eb {
    margin-bottom: 10px
}

.categoryList__231eb {
    top: 120px
}

.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%
}

.giftMainAnimation_d54fab {
    align-items: flex-end;
    display: flex;
    height: 275px;
    justify-content: center;
    position: relative
}

.adjustedGiftMainAnimation_d54fab {
    height: 230px;
    margin-inline-start:-20px}

.soundEmojiContainer_d54fab {
    bottom: 16px;
    display: flex;
    gap: var(--space-6);
    justify-content: center;
    position: absolute;
    width: 100%
}

.soundEmojiContainer_d54fab.refresh_d54fab {
    bottom: unset;
    gap: var(--space-12);
    height: -moz-fit-content;
    height: fit-content;
    margin-top: 12px;
    top: 100%
}

.animation_d54fab {
    transform: scale(1)
}

.spinner_d54fab {
    height: 100%;
    transform: scale(.75);
    width: 100%
}

.giftBoxOptionContainer_d54fab {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 9px;
    margin: 25px auto auto;
    max-width: 85%
}

.adjustedGiftBoxOptionContainer_d54fab {
    margin-inline-start:15px}

.planOption_b13085 {
    align-items: center;
    color: var(--interactive-text-default);
    display: flex;
    justify-content: space-between;
    padding: 8px 0
}

.planOneTimeCost_b13085 {
    margin-top: 8px
}

.selectionBox_b13085 {
    border-radius: var(--radius-lg);
    margin-bottom: 12px;
    outline: 1px solid var(--border-normal);
    padding: var(--space-12)
}

.selectedPlan_b13085 {
    background-color: var(--background-surface-high);
    outline: 2px solid var(--brand-500);
    outline-color: var(--checkbox-border-default)
}

.planOptionDisabled_b13085 {
    opacity: .6
}

.planOptionClickable_b13085 {
    align-items: center;
    display: flex
}

.planOptionDisabled_b13085 .planOptionClickable_b13085 {
    cursor: not-allowed
}

.planOptionCheckbox_b13085 {
    margin-inline-end:10px}

.planOptionInterval_b13085 {
    color: var(--interactive-text-default);
    font-weight: var(--font-weight-medium)
}

.optionSelected_b13085 {
    color: var(--interactive-text-active)
}

.planOptionCurrentPlan_b13085,.planOptionMonthsFree_b13085 {
    margin-inline-start:4px}

.planOptionDiscount_b13085 {
    border-radius: 16px;
    margin-inline-start:8px;padding: 2px 8px
}

.annualPlanOptionDiscount_b13085,.planOptionDiscount_b13085 {
    background-color: var(--green-360);
    font-weight: var(--font-weight-semibold)
}

.annualPlanOptionDiscount_b13085 {
    align-content: center;
    border-radius: 8px;
    margin-top: 3px;
    margin-inline-end:8px;padding: 0 6px;
    position: relative
}

.planOptionSubtextContainer_b13085 {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.planOptionSubtext_b13085 {
    max-width: 176px;
    padding-bottom: 12px
}

.planWithOfferOptionSubtext_b13085 {
    max-width: 300px;
    text-align: end
}

.planWithOfferOptionSubtext_b13085 p {
    margin: 0
}

.planOptionClickableContainer_b13085 {
    cursor: pointer
}

.optionPriceSelected_b13085,.updatedOptionSelected_b13085 {
    font-weight: var(--font-weight-semibold)
}

.optionPriceSelected_b13085 {
    color: var(--interactive-text-active)
}

.giftRecipientInfo__57118 {
    align-items: center;
    display: flex
}

.giftRecipientInfo__57118>* {
    margin-inline-end: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: 820px
}

.bodyColumnMiddle_d947e6 {
    margin-inline-end:30px}

.bodyColumnMiddleCentered_d947e6 {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-inline-end:30px}

.bodyColumnLeft_d947e6 {
    margin-inline:var(--space-24) 60px}

.bodyColumnRight_d947e6 {
    margin-inline-end: 10px
}

.stepBodyCustomGift_d947e6>* {
    width: 50%
}

.bodyText_d947e6 {
    font-size: 16px;
    font-weight: var(--font-weight-medium);
    line-height: 20px;
    margin-bottom: 16px
}

.bodyText_d947e6,.interactiveColor_d947e6 {
    color: var(--interactive-text-default)
}

.clickable_d947e6 {
    cursor: pointer
}

.selectPlanDivider_d947e6 {
    background-color: var(--border-subtle);
    height: 1px;
    margin: 8px 0 16px
}

.giftRecipientName_d947e6 {
    color: GrayText
}

.giftRecipientInfo_d947e6 {
    align-items: center;
    display: flex
}

.giftRecipientInfo_d947e6>* {
    margin-inline-end:8px}

.giftNitroInfo_d947e6 {
    margin-bottom: 20px;
    margin-top: 15px
}

.giftNitroInfo_d947e6 hr {
    background-color: var(--border-subtle);
    border: none;
    height: 1px
}

.selectPlanChooseSubtitle_d947e6,.selectPlanChooseTitle_d947e6 {
    color: var(--interactive-text-active);
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 8px
}

.selectPlanChooseTitle_d947e6 {
    font-weight: var(--font-weight-semibold)
}

.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(--border-subtle);
    border: 0;
    height: 1px;
    margin: 0 0 4px;
    width: 100%
}

.trialPlanSelectHeader_d947e6 {
    padding-bottom: 12px
}

.legacyPricingNotice_d947e6 {
    margin-bottom: 16px
}

.customGiftMessageWrapper_d947e6 {
    margin-bottom: 16px;
    margin-top: 16px
}

.customGiftMessage_d947e6.customGiftMessage_d947e6 {
    background-color: var(--background-base-lowest)
}

.selectGiftTitle_d947e6 {
    margin-top: 16px
}

.compactSendGiftToUser_d947e6 {
    margin: 16px 0
}

.compactSelectGiftTitle_d947e6 {
    margin-top: 16px
}

.subscriptionCostRowAmount__3d62f {
    font-weight: var(--font-weight-medium)
}

.subscriptionCostRow__3d62f {
    color: var(--text-strong)
}

.invoiceItemLabelWithIcon__3d62f {
    align-items: center;
    display: flex
}

.invoiceItemLabelIcon__3d62f {
    color: var(--interactive-text-default);
    height: 14px;
    margin-inline-start:8px;width: 14px
}

.invoiceItemTooltip__3d62f {
    max-width: 240px
}

.invoiceItemTooltip__3d62f p {
    margin: 0
}

.invoiceItemTooltip__3d62f strong {
    font-weight: var(--font-weight-bold)
}

.subscriptionDetailsToggle__3d62f {
    align-items: center;
    color: var(--text-default);
    cursor: pointer;
    display: flex;
    font-size: 12px;
    font-weight: var(--font-weight-medium);
    justify-content: center;
    line-height: 16px;
    margin: -16px 0;
    padding: 16px 0
}

.subscriptionDetailsToggleCaret__3d62f {
    height: 16px;
    margin-inline-start:6px;width: 16px
}

.subscriptionPeriodResetNotice__3d62f {
    color: var(--text-default);
    font-size: 16px;
    font-weight: var(--font-weight-medium);
    line-height: 20px;
    margin-bottom: 16px
}

.subscriptionAddedInvoiceItem__3d62f {
    color: var(--text-feedback-positive)
}

.purchaseDetailsHeaderText__3d62f {
    margin-bottom: 8px
}

.root_e4d803 {
    background-color: transparent
}

.root_e4d803>:last-child {
    border-end-end-radius: 4px;
    border-end-start-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 {
    margin-bottom: 12px
}

.headerAnimation_e4d803 {
    bottom: -20px;
    inset-inline-start: calc(50% - 220px);
    position: absolute;
    top: 0;
    width: 440px
}

.stepBody_e4d803 {
    padding-top: 16px
}

.bodyText_e4d803 {
    color: var(--interactive-text-default);
    font-size: 16px;
    font-weight: var(--font-weight-medium);
    line-height: 20px
}

.invoice_e4d803,.taxInclusiveNote_e4d803 {
    margin-bottom: 16px
}

.premiumBrandRefreshInputBackground_e4d803 {
    background-color: var(--background-mod-subtle)!important;
    border: 0!important
}

.paymentSourceWrapper_e4d803 {
    margin: 12px 0
}

.paymentSourceOptionalWarning_e4d803 {
    color: var(--text-default);
    margin-top: 16px
}

.currencyWrapper_e4d803 {
    margin-bottom: 16px;
    margin-top: 16px
}

@media (max-width: 485px) {
    .shaker_e4d803 {
        position:absolute;
        top: 0;
        inset-inline: 0;
        bottom: 0;
        max-height: none
    }

    .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(--background-feedback-warning);
    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-text-active);
    margin-inline-start: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: end
}

.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
}

.premiumGroupNotice_e4d803 {
    margin: 12px 0
}

.renewalInvoiceDate_d313e6 {
    color: var(--text-default);
    margin-bottom: 16px
}

.paymentNote__56a21 {
    background-color: var(--modal-background);
    margin: 0;
    padding: 16px 16px 0
}

.warningContainer__98bed {
    align-items: center;
    background-color: var(--background-feedback-warning);
    border-radius: var(--radius-sm);
    display: flex;
    flex-direction: row;
    gap: var(--space-10);
    padding: var(--space-8)
}

.checkoutModalFooter_e3bd55 {
    align-items: center
}

.stepBodyV1_bb5449 {
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
    padding-top: var(--space-16)
}

.topSpacer_bb5449 {
    height: var(--space-8)
}

.subscriptionDetailsContainer_bb5449 {
    margin-top: var(--space-12)
}

.invoiceSummaryContainer_bb5449,.paymentMethodContainer_bb5449 {
    margin-top: var(--space-24)
}

.invoiceSummaryContainer_bb5449 {
    margin-bottom: var(--space-12)
}

.reviewStepBody_bb5449 {
    min-height: 440px
}

.checkoutInlineNoticeContainer_bb5449 {
    margin-bottom: var(--space-24)
}

.loadingContainer_bb5449 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 440px
}

.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(--space-40) auto var(--space-48);
    position: relative;
    width: 324px
}

.nameplate_a84142 {
    width: 100%
}

.giftMainAnimationWrapper_a84142 {
    align-items: center;
    display: flex;
    justify-content: center
}

.avatar_a84142 {
    margin-top: 24px
}

.bundlePreviewWrapper_a84142 {
    margin: 0 auto;
    width: 224px
}

.slayerStorefrontReviewImageWrapper_a84142 {
    display: flex;
    justify-content: center;
    margin-bottom: 8px;
    width: 100%
}

.slayerStorefrontReviewImage_a84142 {
    max-width: 180px;
    width: 100%
}

.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 {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    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
}

.bundleMiniPreview__0b5ea {
    align-items: center;
    display: flex;
    height: 52px;
    justify-content: center;
    position: relative;
    width: 52px
}

.bundleMiniProfileEffectContainer__0b5ea {
    height: 44px;
    inset-inline-start: 6px;
    position: absolute;
    top: 2px;
    transform: rotate(-8deg);
    width: 36px
}

.bundleMiniProfileEffectContainer__0b5ea .profileEffectContainer__0b5ea {
    height: 100%;
    width: 100%
}

.bundleMiniAvatarDecorationContainer__0b5ea {
    height: 26px;
    inset-inline-end: 0;
    position: absolute;
    top: 5px;
    transform: rotate(8deg);
    width: 26px
}

.bundleMiniAvatarDecorationContainer__0b5ea .avatarDecoration__0b5ea {
    height: 100%;
    width: 100%
}

.bundleMiniNameplateContainer__0b5ea {
    border-radius: var(--radius-xs);
    bottom: 10px;
    height: 12px;
    inset-inline-start: 0;
    overflow: hidden;
    position: absolute;
    width: 100%
}

.bundleMiniNameplateContainer__0b5ea .nameplateContainer__0b5ea {
    height: 100%;
    width: 100%
}

.applicationIcon__6dec9 {
    border-radius: 6px
}

.container__42d0d {
    align-items: center;
    display: flex;
    gap: 8px;
    margin-bottom: 8px
}

.invoiceTable__25766 {
    margin-bottom: 16px
}

.invoiceRow__25766 {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: 16px;
    font-weight: var(--font-weight-medium);
    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-strong)
}

.invoiceDiscountText__25766 {
    color: var(--text-feedback-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
}

.slayerStorefrontProductPreview__25766 {
    box-sizing: border-box;
    height: 48px;
    width: 48px
}

.rentalDescription__25766 {
    color: var(--text-muted);
    display: block;
    margin-top: 4px
}

.stepBody_b44961 {
    padding-top: var(--space-8)
}

.invoiceSpinner_b44961 {
    height: 23px
}

.errorBlock_b44961 {
    margin: 5px 15px 15px;
    position: relative
}

.fineprint_b44961 {
    margin-bottom: 0;
    margin-top: 16px
}

.skuHeading_b44961 {
    display: flex;
    gap: 25px;
    margin-bottom: 20px
}

.skuHeadingText_b44961 {
    align-self: center
}

.socialLayerGameItemDisclaimer_b44961 {
    margin-top: 16px
}

.back_e125f1 {
    margin-inline-end:auto;min-width: auto;
    padding: 2px 4px;
    width: auto
}

.modalFooter_e125f1 {
    padding-top: var(--space-24)!important
}

.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-base-low);
    padding: var(--space-24)
}

.heading1__4485d {
    margin-bottom: 24px;
    margin-top: 24px
}

.description__4485d {
    text-align: center
}

.reload__4485d {
    margin-top: 24px
}

.customConfetti__69c6c {
    inset-inline-end: -75px;
    pointer-events: none;
    top: -120px
}

.headerContainerGift__57a87 {
    align-items: center;
    background-image: linear-gradient(var(--modal-background),var(--modal-background));
    background-size: 100% calc(100% - 20px);
    border-radius: var(--radius-md);
    display: flex;
    justify-content: space-between;
    padding: 8px 16px
}

.closeButtonGift__57a87 {
    margin-inline-start:auto}

.headerContainer__9abb9 {
    background-color: var(--background-base-low);
    border-start-end-radius: 4px;
    border-start-start-radius: 4px;
    box-sizing: border-box;
    height: 146px;
    margin-inline-start:-1px;margin-top: -2px;
    min-height: 146px;
    position: relative;
    width: calc(100% + 2px)
}

.closeButton__9abb9 {
    inset-inline-end: 16px;
    position: absolute;
    top: 16px
}

.headerImage__9abb9,.headerImageContainer__9abb9 {
    height: 100%;
    width: 100%
}

.headerImage__9abb9 {
    border-start-end-radius: var(--radius-md);
    border-start-start-radius: var(--radius-md);
    -o-object-fit: cover;
    object-fit: cover
}

.orbCheckoutHeaderVideo__9abb9 {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left top;
    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
}

.modalOverrideBody__34eac {
    margin-inline-start:-1px;margin-top: -2px;
    padding: 0;
    width: calc(100% + 2px)
}

.blurb_cd2ff7 {
    color: var(--text-default);
    margin-top: 10px
}

.blurb_cd2ff7,.giftSentMessage_cd2ff7 {
    font-size: 16px;
    line-height: 1.44;
    max-width: 360px;
    text-align: center
}

.giftSentMessage_cd2ff7 {
    color: var(--text-strong);
    margin-bottom: 8px;
    margin-top: 16px
}

.giftRecipientTag_cd2ff7 {
    color: var(--text-default);
    font-size: 13px
}

.giftRecipientContainer_cd2ff7 {
    align-items: flex-start;
    background-color: var(--background-mod-muted);
    border-color: var(--border-subtle);
    border-radius: var(--radius-sm);
    border-style: solid;
    border-width: 1px;
    display: flex;
    gap: 12px;
    margin-top: 16px;
    padding: var(--space-12)
}

.giftRecipientTextContainer_cd2ff7 {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.divider_cd2ff7 {
    background-color: var(--border-subtle);
    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-feedback-critical)!important
}

.header_cd2ff7 {
    margin-top: 20px
}

.headerCustomGifting_cd2ff7 {
    margin-top: 24px
}

.giftRecipientSection_cd2ff7 {
    margin-top: 40px;
    width: 100%
}

.giftRecipient_cd2ff7 {
    display: flex;
    gap: var(--space-8);
    width: 100%
}

.giftRecipientButton_cd2ff7 {
    align-self: flex-end;
    margin-bottom: 2px
}

.giftRecipientInputWrapper_cd2ff7 {
    margin-inline-end:8px;width: 100%
}

.giftRecipientInputError_cd2ff7 {
    border-color: var(--text-feedback-critical)!important
}

.giftRecipientRowAvatar_cd2ff7 {
    margin-inline-end:8px}

.sendToRecipientButton_cd2ff7 {
    height: 42px;
    margin-inline-start:8px}

.giftBox_cd2ff7 {
    position: absolute;
    top: -131px;
    width: 260px
}

.confirmation_cd2ff7 {
    align-items: center;
    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;
    inset-inline-start: 16px;
    justify-content: center;
    position: absolute;
    top: 61px;
    z-index: 1
}

.overlay_d28e10:after {
    background-color: var(--opacity-black-40);
    border-radius: var(--radius-round);
    content: "";
    height: 100%;
    inset-inline-end: 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%;
    inset-inline-start: 0;
    justify-content: center;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .2s ease;
    width: 100%
}

.clickable_faf576:hover {
    opacity: 1
}

.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)
}

.previewContainer__50f14 {
    border: 1px solid var(--border-normal);
    border-radius: var(--radius-md);
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.giftInfoContainer__50f14 {
    align-items: center;
    display: flex;
    padding: 12px 16px
}

.previewContainerSelected__50f14 {
    background-color: var(--opacity-blurple-8);
    border-color: var(--checkbox-border-default)
}

.previewContainerError__50f14 {
    border-color: var(--background-feedback-critical)
}

.previewTextContainer__50f14 {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 4px;
    padding-inline-start: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-base-lowest);
    border-top: 1px solid var(--border-normal);
    padding: 8px 12px
}

.previewLink__50f14 {
    cursor: pointer
}

.previewLink__50f14:hover {
    text-decoration: underline;
    text-decoration-color: var(--text-link)
}

.stepBody_bf1b4a {
    display: flex;
    flex-direction: row;
    padding-top: 12px
}

.bodyColumnMiddle_bf1b4a {
    margin-inline-end:30px}

.bodyColumnLeft_bf1b4a {
    margin-inline:24px 60px}

.bodyColumnRight_bf1b4a {
    margin-inline-end:10px}

.stepBody_bf1b4a>* {
    width: 50%
}

.sendTo_bf1b4a {
    margin-top: 24px;
    margin-inline-end:16px}

.customGiftMessageWrapper_bf1b4a {
    margin-bottom: 24px;
    margin-top: 24px;
    margin-inline-end:16px}

.customGiftMessage_bf1b4a {
    background-color: var(--background-base-lowest)
}

.giftPreview_bf1b4a {
    margin-bottom: 24px;
    margin-inline-end:16px}

.wishlistGiftPreview_bf1b4a {
    margin-bottom: 12px;
    margin-inline-end:16px}

.wishlistGiftPreviewHeader_bf1b4a {
    margin-bottom: 0
}

.wishlistGiftPreviewFooter_bf1b4a {
    margin-bottom: 4px
}

.selectGiftTitle_bf1b4a {
    margin-bottom: 16px;
    margin-top: 24px
}

.recommendedGiftPreview_bf1b4a {
    cursor: pointer;
    margin-bottom: 12px
}

.navigateToShopButton_bf1b4a {
    align-items: center;
    background: var(--background-base-low);
    border: 1px solid var(--border-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(--interactive-background-hover);
    border-radius: var(--radius-round);
    display: flex;
    flex-shrink: 0;
    height: 42px;
    justify-content: center;
    width: 42px
}

.confirmation__9baa5 {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    padding-bottom: 16px;
    text-align: center;
    width: 394px
}

.confirmationHeader__9baa5 {
    margin-bottom: 8px
}

.confirmationDescription__9baa5 {
    margin-bottom: 64px
}

.skuImage__9baa5 {
    aspect-ratio: 1;
    margin-bottom: 24px;
    width: 150px
}

.headerContainerGift_eb2ea2 {
    align-items: center;
    background-color: var(--background-base-low);
    background-size: 100% calc(100% - 20px);
    display: flex;
    justify-content: space-between;
    padding: 16px 24px
}

.closeButtonGift_eb2ea2 {
    margin-inline-end:-8px;margin-inline-start:auto}

.stepBody__7b8d0 {
    display: flex;
    flex-direction: row;
    gap: var(--size-32);
    margin: var(--size-32) var(--size-16);
    min-height: 400px
}

.bodyColumnLeft__7b8d0 {
    align-items: center
}

.bodyColumnLeft__7b8d0,.bodyColumnRight__7b8d0 {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--size-16)
}

.bodyColumnRight__7b8d0 {
    justify-content: center;
    min-width: 0
}

.skuCardImage__7b8d0 {
    aspect-ratio: 1;
    max-width: 352px;
    width: 100%
}

.customGiftMessageWrapper__7b8d0 {
    margin: 0
}

.customGiftMessage__7b8d0 {
    background-color: var(--background-base-lower);
    border-radius: var(--size-8);
    padding: var(--size-12)
}

.giftEffectsContainer__7b8d0,.giftPreviewContainer__7b8d0 {
    display: flex;
    gap: var(--size-8)
}

.giftPreviewContainer__7b8d0 {
    flex-direction: column
}

.giftPreviewTitle__7b8d0 {
    margin: 0!important
}

.giftPreviewContent__7b8d0 {
    align-items: center;
    background-color: color-mix(in srgb,var(--background-brand) 10%,transparent);
    border: 1px solid var(--background-brand);
    border-radius: var(--radius-md);
    display: flex;
    gap: 16px;
    padding: 12px 16px
}

.giftPreviewImageContainer__7b8d0 {
    flex-shrink: 0
}

.giftPreviewCardContainer__7b8d0 {
    aspect-ratio: 1;
    width: 48px
}

.giftPreviewImage__7b8d0 {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.giftPreviewTextContainer__7b8d0 {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0
}

.guildNameContainer__7b8d0 {
    align-items: center;
    display: flex;
    gap: 6px
}

.recipientPickerSelectWrapper__7b8d0 {
    background-color: var(--background-base-lower)
}

.footer__7b8d0 {
    background-color: var(--background-base-low)
}

.viewItemButton__7b8d0 {
    max-width: 100%;
    width: 100%
}

.orbIconSVG__85200 {
    height: 18px
}

.full-motion .loading__85200 {
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: spin__85200;
    animation-timing-function: linear
}

@keyframes spin__85200 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.stepBody__83734 {
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
    padding-top: var(--space-16)
}

.warningContainer__83734 {
    align-items: center;
    background-color: var(--background-feedback-warning);
    border-radius: var(--radius-sm);
    display: flex;
    flex-direction: row;
    gap: var(--space-10);
    padding: var(--space-8)
}

.paymentSourceWrapper__83734 {
    margin: 16px 0
}

.paymentSourceItem__83734 {
    align-items: center;
    cursor: default;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 14px 16px
}

.purchaseDetailsSpinner__83734 {
    height: 20px
}

.orbAmountTag__83734 {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 4px
}

.displayFlex__83734 {
    display: flex
}

.stepBody_a3d32e {
    display: flex;
    flex-direction: row;
    padding-top: 12px
}

.stepBody_a3d32e>* {
    width: 50%
}

.orbIconAligned__18bf6 {
    margin-top: 1px;
    vertical-align: top
}

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

.productVariantsContainer__2c397.wrap__2c397 {
    flex-wrap: wrap
}

.full-motion .productVariantsContainer__2c397 {
    transition: gap .25s ease
}

.productVariant__2c397 {
    align-items: center;
    border-radius: var(--radius-round);
    box-shadow: inset 0 0 0 0 transparent,0 0 0 1px var(--background-base-low),0 0 0 2px var(--background-base-low);
    cursor: pointer;
    display: flex;
    justify-content: center
}

.productVariant__2c397.productVariantOverflow__2c397 {
    background-color: var(--control-overlay-secondary-background-default);
    box-shadow: inset 0 0 0 0 transparent,0 0 0 1px var(--control-overlay-secondary-border-hover),0 0 0 2px var(--background-base-low)
}

.full-motion .productVariant__2c397 {
    transition: box-shadow .25s ease,height .25s ease,margin-inline-start .25s ease,width .25s ease
}

.full-motion .productVariantCheckmark__2c397,.full-motion .productVariantOverflowIcon__2c397 {
    transition: height .25s ease,width .25s ease
}

.expanded__2c397.productVariantsContainer__2c397 {
    gap: var(--space-6);
    padding: 2px
}

.expanded__2c397 .productVariant__2c397 {
    height: 20px;
    width: 20px
}

.expanded__2c397 .productVariant__2c397.selected__2c397,.expanded__2c397 .productVariant__2c397:focus-within,.expanded__2c397 .productVariant__2c397:hover {
    box-shadow: inset 0 0 0 2px var(--background-base-low),0 0 0 1px var(--button-outline-primary-text),0 0 0 2px var(--background-base-low)
}

.expanded__2c397 .productVariantCheckmark__2c397 {
    height: 16px;
    width: 16px
}

.expanded__2c397 .productVariantOverflowIcon__2c397 {
    height: 18px;
    width: 18px
}

.collapsed__2c397.productVariantsContainer__2c397 {
    gap: 0
}

.collapsed__2c397 .productVariant__2c397 {
    height: 16px;
    width: 16px
}

.collapsed__2c397 .productVariant__2c397:not(:first-child) {
    margin-inline-start:-2px}

.collapsed__2c397 .productVariant__2c397.selected__2c397,.collapsed__2c397 .productVariant__2c397:focus-within,.collapsed__2c397 .productVariant__2c397:hover {
    box-shadow: inset 0 0 0 1px var(--button-outline-primary-text),inset 0 0 0 3px var(--background-base-low),0 0 0 2px var(--background-base-low);
    height: 20px;
    width: 20px
}

.collapsed__2c397 .productVariantCheckmark__2c397 {
    height: 12px;
    width: 12px
}

.collapsed__2c397 .productVariantOverflowIcon__2c397 {
    height: 14px;
    width: 14px
}

.wishlistButton__979b1 {
    align-items: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(0,0,0,.52);
    border: 1px solid var(--border-muted);
    border-radius: var(--radius-sm);
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    gap: 4px;
    justify-content: center;
    padding: 9px
}

.disabledButton__979b1 {
    cursor: not-allowed;
    opacity: .5
}

.withHover__979b1 {
    transition: background-color 50ms ease-in,color 50ms ease-in,border-color 50ms ease-in,opacity 50ms ease-in
}

.withHover__979b1:hover {
    background: var(--control-overlay-secondary-background-hover);
    transition: background-color .15s ease-out,color .15s ease-out,border-color .15s ease-out,opacity .15s ease-out
}

.withHover__979b1:active {
    background: var(--control-overlay-secondary-background-active)
}

.normalIconColor__979b1 {
    fill: var(--white)
}

.wishlistedOrHoveredIconColor__979b1 {
    fill: #ec1060
}

.disabledIconColor__979b1 {
    fill: var(--icon-strong)
}

.toastIcon__979b1 {
    flex-shrink: 0;
    margin-inline-end:4px}

.iconContainer__979b1,.toastIcon__979b1 {
    align-items: center;
    display: flex
}

.iconContainer__979b1 {
    justify-content: center;
    position: relative
}

.iconWrapper__979b1 {
    display: flex
}

.animationOverlay__979b1 {
    align-items: center;
    display: flex;
    inset: 0;
    justify-content: center;
    pointer-events: none;
    position: absolute;
    transform: scale(0);
    transform-origin: center
}

.animationOverlay__979b1 path {
    fill: var(--white)
}

.full-motion .wishlistButton__979b1:active .canAnimate__979b1 .animationOverlay__979b1 {
    animation: holdScale__979b1 .1s cubic-bezier(.67,0,.26,1) forwards;
    animation-delay: 50ms
}

.full-motion .clickAnimation__979b1 {
    animation: clickScale__979b1 .4s cubic-bezier(.67,0,.26,1) forwards
}

.full-motion .clickAnimation__979b1 path {
    animation: clickColor__979b1 .4s cubic-bezier(.67,0,.26,1) forwards
}

.full-motion .wishlistButton__979b1:focus-visible .canHover__979b1,.full-motion .wishlistButton__979b1:hover .canHover__979b1 {
    animation: hoverPulse__979b1 1.25s cubic-bezier(.23,0,.58,1) infinite
}

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

    to {
        transform: scale(.25)
    }
}

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

    62.5% {
        transform: scale(1.35)
    }

    to {
        transform: scale(1)
    }
}

@keyframes clickColor__979b1 {
    0%,20% {
        fill: var(--white)
    }

    70%,to {
        fill: #ec1060
    }
}

@keyframes hoverPulse__979b1 {
    0% {
        transform: scale(1)
    }

    20% {
        transform: scale(1.1)
    }

    60% {
        transform: scale(.9)
    }

    80%,to {
        transform: scale(1)
    }
}

.wishlistButton__7b466 {
    margin-inline-start:auto}

.productCardContainer_fcbddd {
    background: var(--background-base-low);
    border: 2px solid var(--border-muted);
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex: 1;
    height: 100%;
    margin: 0 auto;
    min-height: 246px;
    min-width: 246px;
    overflow: hidden;
    overflow-anchor: none;
    width: 100%
}

.full-motion .productCardContainer_fcbddd {
    transition: border-color .2s
}

.productCardContentContainer_fcbddd {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    flex-direction: column;
    -o-object-fit: contain;
    object-fit: contain;
    position: relative;
    width: 100%
}

.productPreviewContainer_fcbddd {
    align-items: center;
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 0 var(--space-8);
    position: absolute
}

.productPreviewContainer_fcbddd.hasBottomContent_fcbddd {
    padding-bottom: 56px;
    transform: translateY(0)
}

.full-motion .productPreviewContainer_fcbddd.hasBottomContent_fcbddd {
    transition: transform .25s ease
}

.headerContainer_fcbddd {
    display: flex;
    gap: var(--space-8);
    justify-content: space-between;
    padding: var(--space-12);
    z-index: 1
}

.footerContainer_fcbddd {
    box-sizing: border-box;
    margin-top: auto;
    padding: var(--space-12);
    position: relative;
    width: 100%
}

.footerInfoContainer_fcbddd {
    align-items: flex-end;
    display: flex;
    flex: 1;
    flex-direction: row;
    gap: var(--space-12);
    justify-content: space-between
}

.footerInfoLeft_fcbddd {
    display: flex;
    flex-direction: column;
    min-width: 0
}

.footerInfoShrinkOnHover_fcbddd {
    align-content: end;
    display: grid;
    grid-template-rows: 1fr;
    opacity: 1;
    padding-top: var(--space-4);
    width: 100%
}

.full-motion .footerInfoShrinkOnHover_fcbddd {
    transition: grid-template-rows .25s ease,padding-top .25s ease,opacity .25s ease
}

.footerInfoShrinkOnHover_fcbddd>* {
    min-height: 0
}

.footerButtonContainer_fcbddd {
    align-content: end;
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    padding-top: 0;
    transform: translateY(20%);
    width: 100%
}

.full-motion .footerButtonContainer_fcbddd {
    transition: grid-template-rows .25s ease,padding-top .25s ease,opacity .25s ease-out,transform .25s ease-out
}

.footerButtonGroup_fcbddd {
    height: -moz-fit-content;
    height: fit-content;
    min-height: 0;
    min-width: 0
}

.productCardContainer_fcbddd.hovered_fcbddd {
    border-color: var(--border-subtle)
}

.productCardContainer_fcbddd.hovered_fcbddd .footerInfoShrinkOnHover_fcbddd {
    grid-template-rows: 0fr;
    opacity: 0;
    padding-top: 0
}

.productCardContainer_fcbddd.hovered_fcbddd .footerButtonContainer_fcbddd {
    grid-template-rows: 1fr;
    opacity: 1;
    padding-top: var(--space-6);
    transform: translateY(0)
}

.productCardContainer_fcbddd.hovered_fcbddd .productPreviewContainer_fcbddd {
    transform: translateY(-6px)
}

.footerGradient_fcbddd {
    bottom: 0;
    height: 146px;
    inset-inline-end: 0;
    inset-inline-start: 0;
    position: absolute
}

.theme-dark .footerGradient_fcbddd {
    background: linear-gradient(to top,var(--background-base-lowest),color-mix(in oklab,var(--background-base-lowest) 80%,transparent) 30%,color-mix(in oklab,var(--background-base-lowest) 0%,transparent) 100%)
}

.theme-light .footerGradient_fcbddd {
    background: linear-gradient(to top,hsl(var(--white-hsl)/1) 0,hsl(var(--white-hsl)/.84) 40%,hsl(var(--white-hsl)/0) 100%)
}

.theme-light .productName_fcbddd {
    text-shadow: 0 0 4px var(--background-base-low)
}

.container_b4f99f {
    background: var(--background-surface-higher);
    box-sizing: border-box;
    flex-direction: column;
    padding: 16px;
    width: 254px
}

.assetContainer_b4f99f,.container_b4f99f {
    align-items: center;
    display: flex;
    justify-content: center
}

.assetContainer_b4f99f {
    flex-shrink: 0;
    height: 86px;
    margin-bottom: 12px
}

.orbAsset_b4f99f {
    height: 86px
}

.sectionDivider_b4f99f {
    background-color: var(--border-subtle);
    border: 0;
    height: 1px;
    margin: 0 -12px;
    width: 100%
}

.linkContainer_b4f99f {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 16px
}

.linkPreText_b4f99f {
    color: var(--text-default)
}

.learnMoreLink_b4f99f {
    color: var(--border-focus);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.baseCardOutline__1ab14 {
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    box-shadow: 0 12px 64px 0 rgba(0,0,0,.32)
}

.theme-light .progressContainer__9258b.blue__9258b {
    --custom-gradient-start: var(--blurple-80);
    --custom-gradient-end: var(--blurple-38);
    --custom-gradient-glow: var(--blurple-38)
}

.theme-light .progressContainer__9258b.orange__9258b {
    --custom-gradient-start: var(--orange-new-80);
    --custom-gradient-end: var(--orange-new-24);
    --custom-gradient-glow: var(--orange-new-24)
}

.theme-dark .progressContainer__9258b.blue__9258b {
    --custom-gradient-start: var(--blurple-44);
    --custom-gradient-end: var(--blurple-24);
    --custom-gradient-glow: var(--blurple-24)
}

.theme-dark .progressContainer__9258b.orange__9258b {
    --custom-gradient-start: var(--orange-new-40);
    --custom-gradient-end: var(--orange-new-10);
    --custom-gradient-glow: var(--orange-new-10)
}

.theme-darker .progressContainer__9258b.blue__9258b {
    --custom-gradient-start: var(--blurple-54);
    --custom-gradient-end: var(--blurple-24);
    --custom-gradient-glow: var(--blurple-24)
}

.theme-darker .progressContainer__9258b.orange__9258b {
    --custom-gradient-start: var(--orange-new-48);
    --custom-gradient-end: var(--orange-new-10);
    --custom-gradient-glow: var(--orange-new-10)
}

.theme-midnight .progressContainer__9258b.blue__9258b {
    --custom-gradient-start: var(--blurple-59);
    --custom-gradient-end: var(--blurple-24);
    --custom-gradient-glow: var(--blurple-24)
}

.theme-midnight .progressContainer__9258b.orange__9258b {
    --custom-gradient-start: var(--orange-new-48);
    --custom-gradient-end: var(--orange-new-10);
    --custom-gradient-glow: var(--orange-new-10)
}

.progressContainer__9258b {
    --custom-background: var(--background-mod-normal);
    background: var(--custom-background);
    border-radius: 5px;
    height: var(--custom-expressive-progress-height);
    overflow: visible;
    pointer-events: none;
    position: relative;
    width: 100%
}

.progressContainer__9258b.light__9258b {
    --custom-expressive-progress-height: 4px;
    --custom-expressive-progress-glow-offset: -6px
}

.progressContainer__9258b.medium__9258b {
    --custom-expressive-progress-height: 6px;
    --custom-expressive-progress-glow-offset: -5px
}

.progress__9258b {
    --custom-min-width: 10px;
    border-radius: 5px;
    height: 100%;
    min-width: var(--custom-min-width);
    overflow: visible;
    position: relative;
    transition: width .15s cubic-bezier(.16,1,.3,1);
    width: 0
}

.glow__9258b {
    background: linear-gradient(90deg,transparent,color-mix(in srgb,var(--custom-gradient-glow) 70%,transparent));
    border-radius: 20px;
    filter: blur(3px);
    height: 16px;
    inset-inline-end: -3px;
    max-width: min(100%,120px);
    position: absolute;
    top: var(--custom-expressive-progress-glow-offset);
    transform: perspective(400px) rotateY(-30deg);
    transform-origin: left center;
    width: 100%
}

.glow__9258b.empty__9258b {
    max-width: calc(var(--custom-min-width)*2);
    width: calc(var(--custom-min-width)*2)
}

.bar__9258b {
    background: linear-gradient(90deg,var(--custom-gradient-start) 0,var(--custom-gradient-end) 100%);
    border-radius: 5px;
    height: 100%;
    width: 100%
}

.bar__9258b.empty__9258b {
    background: var(--custom-gradient-end)
}

.container_e93594 {
    align-items: center;
    display: flex;
    padding-top: var(--space-12);
    width: 100%
}

.icon_e93594 {
    color: var(--text-default);
    margin-inline-start:-2px;z-index: 10
}

@container premium-marketing-page-container (min-width: 720px) {
    .icon_e93594 {
        color: #fff
    }
}

.container__58471 {
    align-items: center;
    background: var(--background-surface-higher);
    box-sizing: border-box;
    justify-content: center;
    padding: var(--space-16);
    width: 254px
}

.container__58471,.contentContainer__58471 {
    display: flex;
    flex-direction: column
}

.contentContainer__58471 {
    gap: var(--space-8)
}

.assetContainer__58471 {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: 53px;
    justify-content: center;
    padding-top: var(--space-16)
}

.orbAsset__58471 {
    height: 53px
}

.linkContainer__58471 {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: var(--space-16)
}

.linkPreText__58471 {
    color: var(--text-default)
}

.learnMoreLink__58471 {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.balanceText__58471 {
    color: var(--text-default)
}

.rewardsContainer__58471 {
    display: flex;
    flex-direction: column;
    gap: var(--space-12);
    padding-bottom: var(--space-12)
}

.balanceContainer__58471 {
    display: flex;
    flex-direction: column;
    gap: var(--space-4)
}

.videoBackground__58471,.videoContainer__58471 {
    border-radius: inherit
}

.videoBackground__58471 {
    border: 1px solid var(--border-subtle);
    height: 100%;
    inset: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%;
    z-index: 0
}

.content__58471 {
    position: relative;
    z-index: 1
}

.balanceCounterMargin__98f64 {
    margin-inline-start:2px}

.balanceCounterText__98f64 {
    color: var(--text-strong);
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    text-align: end
}

.full-motion .balanceCounterText__98f64 {
    transition: all .4s ease-out,opacity .4s ease-in
}

.clickable_a3e8db {
    box-sizing: border-box;
    cursor: pointer;
    height: 32px;
    pointer-events: all
}

.disabled_a3e8db {
    cursor: none;
    pointer-events: none
}

.container_a3e8db {
    align-items: center;
    border: 1px solid var(--border-muted);
    border-radius: var(--radius-sm);
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    flex-shrink: 0;
    height: 32px;
    justify-content: flex-end;
    opacity: 1!important;
    padding: 8px 12px;
    pointer-events: all;
    position: relative
}

.container_a3e8db.disabled_a3e8db {
    cursor: none;
    pointer-events: none
}

.orbsLottieContainer_a3e8db {
    height: 60px;
    overflow: visible;
    position: relative;
    width: 20px
}

.orbsLottie_a3e8db {
    inset-inline-end: -20px;
    position: absolute
}

@keyframes spin_a3e8db {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.full-motion .orbIconloading_a3e8db {
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: spin_a3e8db;
    animation-timing-function: linear
}

.containerLoading_a3e8db {
    gap: 0
}

.counterLoading_a3e8db {
    visibility: hidden
}

.container_a3e8db.default_a3e8db {
    background-color: var(--background-mod-subtle)
}

.container_a3e8db.highlighted_a3e8db,.container_a3e8db.selected_a3e8db {
    background-color: var(--background-mod-normal)
}

.inModalOverlay_a3e8db.container_a3e8db.default_a3e8db,.inModalOverlay_a3e8db.container_a3e8db.highlighted_a3e8db,.inModalOverlay_a3e8db.container_a3e8db.selected_a3e8db {
    background-color: var(--modal-background)
}

.notificationBadge_a3e8db {
    inset-inline-end: -4.5px;
    position: absolute
}

.container__44ee9 {
    position: relative
}

.cardContainer__44ee9 {
    margin-top: 8px;
    position: absolute;
    z-index: 1000
}

.alignLeft__44ee9 {
    inset-inline-start: 0
}

.alignRight__44ee9 {
    inset-inline-end: 0
}

.coachmarkContainer__44ee9 {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.hidden__44ee9 {
    visibility: hidden
}

.visible__44ee9 {
    visibility: visible
}

.hidden__5ed15 {
    height: 0;
    visibility: hidden
}

.verticalContainer__5ed15 {
    align-items: flex-start
}

.verticalContainer__5ed15,.verticalContainerCentered__5ed15 {
    display: flex;
    flex-direction: column;
    row-gap: 8px
}

.verticalContainerCentered__5ed15 {
    align-items: center
}

.balanceWidgetMenu__5ed15 {
    width: -moz-max-content!important;
    width: max-content!important
}

.balanceWidgetMenuContainer__5ed15 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: auto
}

.scroller__5ed15 {
    height: 100%
}

.loader__5ed15 {
    align-items: center;
    display: flex;
    justify-content: center
}

.balanceWidgetPillContainer__5ed15 {
    align-items: center;
    display: flex;
    gap: 8px
}

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

.headerWithSpacing__5ed15 {
    margin-bottom: 8px;
    margin-top: 4px
}

.labelValueRow__5ed15 {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 8px
}

.orderSummaryContainer__5ed15 {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 20px;
    width: 100%
}

@use postcss-pxtorem;.wrapper_c19a55 {
    position: relative;
    word-wrap: break-word;
    flex: 0 0 auto;
    min-height: 1.375rem;
    padding-inline-end:var(--custom-message-margin-horizontal);-webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.compact_c19a55.wrapper_c19a55 {
    padding-bottom: var(--custom-message-padding-vertical-container-compact);
    padding-top: var(--custom-message-padding-vertical-container-compact);
    padding-inline-start:var(--custom-message-margin-compact-indent)}

.cozy_c19a55.wrapper_c19a55 {
    padding-bottom: var(--custom-message-spacing-vertical-container-cozy);
    padding-top: var(--custom-message-spacing-vertical-container-cozy);
    padding-inline-start:var(--custom-message-margin-left-content-cozy)}

.compact_c19a55.wrapper_c19a55.contentOnly_c19a55,.cozy_c19a55.wrapper_c19a55.contentOnly_c19a55,.preview_c19a55.compact_c19a55.wrapper_c19a55,.preview_c19a55.cozy_c19a55.wrapper_c19a55 {
    padding-inline-start: 16px
}

.repliedMessage_c19a55 {
    --reply-spacing: 4px;
    align-items: center;
    color: var(--text-default);
    display: flex;
    font-size: .875rem;
    line-height: var(--custom-message-reply-message-preview-line-height);
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: pre
}

.executedCommand_c19a55,.threadMessageAccessory_c19a55 {
    align-items: center;
    display: flex;
    font-size: .875rem;
    height: 18px;
    line-height: 1.125rem;
    min-width: 0
}

.repliedMessage_c19a55.latin12CompactTimeStamp_c19a55 {
    --timestamp-width: 2.25rem
}

.repliedMessage_c19a55.latin24CompactTimeStamp_c19a55 {
    --timestamp-width: 3.1rem
}

.repliedMessage_c19a55.asianCompactTimeStamp_c19a55 {
    --timestamp-width: 4.25rem
}

.compact_c19a55 .repliedMessage_c19a55 {
    --text-indent: calc((var(--custom-message-margin-compact-indent) - 1rem)*-1);
    margin-inline-start:calc(var(--timestamp-width) + var(--custom-message-meta-space) + var(--text-indent));padding-inline-start: var(--custom-message-reply-indent)
}

.compact_c19a55 .repliedMessage_c19a55 .contextCommandMessage_c19a55 {
    --text-indent: 0
}

.cozy_c19a55 .repliedMessage_c19a55 {
    margin-bottom: var(--reply-spacing)
}

.cozy_c19a55 .messageSpine_c19a55:before,.cozy_c19a55 .repliedMessageClickableSpine_c19a55 {
    --gutter: var(--custom-message-margin-horizontal)
}

.a11y-font-scaled-down .cozy_c19a55 .messageSpine_c19a55:before,.a11y-font-scaled-down .cozy_c19a55 .repliedMessageClickableSpine_c19a55 {
    --chat-avatar-size: 2.5rem;
    --wrapper-padding-left: 4.5rem;
    --avatar-position-left: 1rem;
    --gutter: calc(var(--wrapper-padding-left) - var(--avatar-position-left) - var(--chat-avatar-size))
}

.compact_c19a55 .messageSpine_c19a55:before,.compact_c19a55 .repliedMessageClickableSpine_c19a55 {
    --chat-avatar-size: var(--timestamp-width);
    --gutter: var(--custom-message-meta-space)
}

.messageSpine_c19a55:before,.repliedMessageClickableSpine_c19a55 {
    --spine-width: 2px;
    border-block-width:var(--spine-width) 0;border-color: var(--spine-default);
    border-inline-width:var(--spine-width) 0;border-start-start-radius: 6px;
    border-style: solid;
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    inset-inline: calc((var(--chat-avatar-size)/2 + var(--gutter))*-1) 100%;
    bottom: 0;
    margin-inline:calc(var(--spine-width)*-1/2) var(--reply-spacing);margin-bottom: calc(var(--custom-message-spacing-vertical-container-cozy) - 4px);
    margin-top: calc(var(--spine-width)*-1/2)
}

.compact_c19a55 .messageSpine_c19a55:before,.compact_c19a55 .repliedMessageClickableSpine_c19a55 {
    inset-inline-end: calc(100% - var(--custom-message-reply-indent))
}

.repliedMessageClickableSpine_c19a55 {
    cursor: pointer;
    transition: border 50ms
}

.repliedMessageClickableSpine_c19a55:hover {
    border-color: var(--interactive-text-default)
}

.repliedMessageClickableSpine_c19a55:before {
    bottom: -5px;
    content: "";
    cursor: pointer;
    position: absolute;
    top: -10px;
    inset-inline: -5px
}

.repliedMessageClickableSpine_c19a55.repliedMessageContentHovered_c19a55 {
    border-color: var(--interactive-text-default)
}

.executedCommandAvatar_c19a55,.replyAvatar_c19a55,.replyBadge_c19a55,.replyChatIconContainer_c19a55,.threadMessageAccessoryAvatar_c19a55 {
    border-radius: 50%;
    flex: 0 0 auto;
    height: 16px;
    margin-inline-end:var(--custom-message-meta-space);-webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 16px
}

.threadMessageAccessoryAvatar_c19a55 {
    margin-inline-end:8px}

.replyBadge_c19a55 {
    align-items: center;
    background: var(--background-base-lowest);
    color: var(--text-default);
    display: flex;
    justify-content: center
}

.replyIcon_c19a55 {
    height: 7.2px;
    width: 10.8px
}

.clanTagChiplet_c19a55 {
    margin-inline:4px 0}

.compact_c19a55 .clanTagChiplet_c19a55 {
    background: transparent;
    display: inline;
    padding: 0;
    vertical-align: baseline
}

.compact_c19a55 .clanTagChiplet_c19a55>span {
    background: var(--background-mod-strong);
    border-radius: 4px;
    padding: 1px 4px 0
}

.compact_c19a55 .clanTagChiplet_c19a55:hover {
    background: transparent
}

.compact_c19a55 .clanTagChiplet_c19a55:hover>span {
    background: var(--background-mod-muted)
}

.ticketIcon_c19a55,.userJoinSystemMessageIcon_c19a55 {
    height: 12px;
    margin-inline-end:var(--custom-message-meta-space);width: 12px
}

.commandIcon_c19a55 {
    height: 9px;
    width: 5px
}

.executedCommand_c19a55 .applicationName_c19a55,.executedCommand_c19a55 .clanTagChiplet_c19a55,.executedCommand_c19a55 .commandName_c19a55,.executedCommand_c19a55 .username_c19a55,.repliedMessage_c19a55 .clanTagChiplet_c19a55,.repliedMessage_c19a55 .roleDot_c19a55,.repliedMessage_c19a55 .username_c19a55,.threadMessageAccessory_c19a55 .clanTagChiplet_c19a55,.threadMessageAccessory_c19a55 .username_c19a55 {
    flex-shrink: 0;
    font-size: inherit;
    line-height: inherit;
    margin-inline-end:var(--custom-message-meta-space);opacity: .64
}

.executedCommand_c19a55 .clanTagChiplet_c19a55,.repliedMessage_c19a55 .clanTagChiplet_c19a55,.threadMessageAccessory_c19a55 .clanTagChiplet_c19a55 {
    margin-inline-start:0}

.executedCommand_c19a55 .applicationName_c19a55,.executedCommand_c19a55 .commandName_c19a55,.executedCommand_c19a55 .username_c19a55 {
    margin-inline-end:0}

.executedCommand_c19a55 .botTag_c19a55,.repliedMessage_c19a55 .botTag_c19a55,.threadMessageAccessory_c19a55 .botTag_c19a55 {
    top: 0
}

.executedCommand_c19a55 .commandName_c19a55 {
    color: var(--text-link);
    font-weight: var(--font-weight-medium)
}

.executedCommand_c19a55 .appsIcon_c19a55 {
    margin-inline-end:3px}

.executedCommand_c19a55 .appLauncherOnboardingCommandName_c19a55 {
    background-color: var(--mention-background);
    border-radius: 3px;
    color: var(--text-link);
    font-weight: var(--font-weight-medium);
    padding: 0 2px
}

.executedCommand_c19a55 .appLauncherOnboardingCommandName_c19a55:hover {
    background-color: var(--brand-500);
    color: var(--white)
}

.executedCommand_c19a55 .applicationName_c19a55 {
    color: var(--text-strong);
    font-weight: var(--font-weight-medium)
}

.executedCommand_c19a55 .repliedMessage_c19a55 .username_c19a55,.executedCommand_c19a55 .targetUsername_c19a55 {
    flex-shrink: 3;
    text-overflow: ellipsis
}

.executedCommand_c19a55 .repliedMessage_c19a55 {
    margin-bottom: 0;
    min-width: 40px;
    padding-inline-start:0}

.executedCommand_c19a55 .repliedMessage_c19a55 .username_c19a55 {
    margin-inline-end:4px}

.executedCommandSeparator_c19a55 {
    flex-shrink: 0;
    margin-inline-end:2px}

.repliedTextPreview_c19a55,.threadMessageAccessoryPreview_c19a55 {
    flex: 0 1 auto;
    overflow: hidden
}

.repliedTextPreview_c19a55 .repliedTextContent_c19a55 {
    display: -webkit-inline-box!important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 100%;
    word-break: break-all
}

.repliedTextPreview_c19a55 .repliedTextContent_c19a55 a {
    word-break: break-all
}

.repliedTextPreview_c19a55 {
    display: flex;
    max-height: 2em
}

.repliedTextPreview_c19a55 .emoji {
    height: 1.25em;
    width: 1.25em
}

.threadMessageAccessoryPreview_c19a55 {
    align-items: center;
    display: flex
}

.repliedTextPreview_c19a55.clickable_c19a55 {
    cursor: pointer
}

.repliedTextPreview_c19a55.clickable_c19a55:hover,.repliedTextPreview_c19a55.repliedMessageClickableSpineHovered_c19a55 {
    color: var(--text-strong)
}

.repliedMessage_c19a55 .repliedTextPreview_c19a55 .repliedTextContent_c19a55,.threadMessageAccessory_c19a55 .threadMessageAccessoryPreview_c19a55 .threadMessageAccessoryContent_c19a55 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.threadMessageAccessory_c19a55 .threadMessageAccessoryPreview_c19a55 .threadMessageAccessoryContent_c19a55 {
    text-overflow: ellipsis;
    white-space: nowrap
}

.repliedMessage_c19a55 .repliedTextPreview_c19a55 .repliedTextContent_c19a55 code,.threadMessageAccessory_c19a55 .threadMessageAccessoryPreview_c19a55 .threadMessageAccessoryContent_c19a55 code {
    white-space: pre
}

.repliedTextContent_c19a55 {
    inline-size: -moz-max-content;
    inline-size: max-content
}

.repliedTextPlaceholder_c19a55,.threadMessageAccessoryPlaceholder_c19a55 {
    font-style: italic;
    padding-inline-end:2px}

.repliedTextContentTrailingIcon_c19a55,.threadMessageAccessoryContentTrailingIcon_c19a55 {
    flex: 0 0 auto;
    margin-inline-start:4px}

.repliedTextContentLeadingIcon_c19a55,.threadMessageAccessoryContentLeadingIcon_c19a55 {
    flex: 0 0 auto;
    margin-inline-end:4px}

.compact_c19a55 .contents_c19a55 {
    margin-inline-start:calc(var(--custom-message-margin-compact-indent)*-1);padding-inline-start: var(--custom-message-margin-compact-indent);
    text-indent: calc((var(--custom-message-margin-compact-indent) - 1rem)*-1)
}

.cozy_c19a55 .contents_c19a55 {
    margin-inline-start:0;padding-inline-start:0;position: static;
    text-indent: 0
}

.zalgo_c19a55.compact_c19a55 .messageContent_c19a55 {
    overflow: hidden
}

.gradient_c19a55.compact_c19a55 .header_c19a55,.gradient_c19a55.cozy_c19a55 .header_c19a55,.withDisplayNameStyles_c19a55 .repliedMessage_c19a55 .username_c19a55,.withDisplayNameStyles_c19a55.withDisplayNameStyles_c19a55.withDisplayNameStyles_c19a55 .header_c19a55,.zalgo_c19a55.gradient_c19a55.compact_c19a55 .header_c19a55,.zalgo_c19a55.gradient_c19a55.cozy_c19a55 .header_c19a55 {
    overflow: visible;
    position: relative
}

.compact_c19a55 .header_c19a55 {
    display: inline
}

.cozy_c19a55 .header_c19a55 {
    color: var(--text-muted);
    display: block;
    line-height: 1.375rem;
    min-height: 1.375rem;
    position: relative;
    white-space: break-spaces;
    word-wrap: pre-wrap
}

.zalgo_c19a55.cozy_c19a55 .header_c19a55 {
    overflow: hidden
}

.a11y-font-scaled-down .cozy_c19a55.wrapper_c19a55,.a11y-font-scaled-down .cozy_c19a55.wrapper_c19a55 .header_c19a55 {
    padding-inline-start:4.5rem}

.a11y-font-scaled-down .cozy_c19a55 .header_c19a55 {
    margin-inline-start:-4.5rem}

.buttonContainer_c19a55 {
    inset-inline-end: 0;
    position: absolute;
    top: 0
}

.systemMessageAccessories_c19a55 {
    margin-inline-start:2.5rem}

.avatar_c19a55 {
    border-radius: 50%;
    cursor: pointer;
    flex: 0 0 auto;
    height: var(--chat-avatar-size);
    inset-inline-start: var(--custom-message-margin-horizontal);
    margin-top: calc(4px - var(--custom-message-spacing-vertical-container-cozy));
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: var(--chat-avatar-size);
    z-index: 1
}

.compact_c19a55 .avatar_c19a55 {
    height: 1em;
    inset-inline-start: 0;
    margin-top: 0;
    margin-inline:.1em .25em;position: relative;
    top: .18em;
    width: 1em
}

.preview_c19a55 .avatar_c19a55 {
    inset-inline-start: 8px
}

.avatar_c19a55:before {
    background-color: var(--background-mod-subtle);
    content: "";
    display: block;
    height: 100%;
    width: 100%
}

.avatarDecoration_c19a55 {
    height: var(--custom-message-avatar-decoration-size);
    inset-inline-start: calc(var(--custom-message-margin-horizontal) - (var(--custom-message-avatar-decoration-size) - var(--custom-message-avatar-size))/2);
    margin-top: calc(4px - var(--custom-message-spacing-vertical-container-cozy) - (var(--custom-message-avatar-decoration-size) - var(--custom-message-avatar-size))/2);
    pointer-events: none;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: var(--custom-message-avatar-decoration-size);
    z-index: 1
}

.a11y-font-scaled-down .avatar_c19a55:not(.compact_c19a55) {
    height: 2.5rem;
    inset-inline-start: 1rem;
    margin-top: calc(.25rem - var(--custom-message-spacing-vertical-container-cozy));
    width: 2.5rem
}

.a11y-font-scaled-down .avatarDecoration_c19a55:not(.compact_c19a55) {
    height: calc(2.5rem*var(--decoration-to-avatar-ratio));
    inset-inline-start: .8rem;
    width: calc(2.5rem*var(--decoration-to-avatar-ratio))
}

.avatar_c19a55.clickable_c19a55 {
    pointer-events: auto
}

.full-motion .avatar_c19a55.clickable_c19a55:hover {
    filter: drop-shadow(var(--elevation-medium))
}

.avatar_c19a55.clickable_c19a55:active,.avatar_c19a55.clickable_c19a55:active+.avatarDecoration_c19a55 {
    transform: translateY(1px)
}

.roleIcon_c19a55 {
    height: calc(1rem + 4px);
    margin-inline-start:.25rem;position: relative;
    top: 1px;
    vertical-align: top;
    width: calc(1rem + 4px)
}

.timestamp_c19a55 {
    cursor: default;
    display: inline-block;
    font-weight: var(--font-weight-medium);
    height: 1.25rem;
    pointer-events: none
}

.timestampInline_c19a55 {
    margin-inline-start:.25rem}

.timestamp_c19a55.latin12CompactTimeStamp_c19a55 {
    width: 2.25rem
}

.timestamp_c19a55.latin24CompactTimeStamp_c19a55 {
    width: 3.1rem
}

.timestamp_c19a55.asianCompactTimeStamp_c19a55 {
    width: 4.25rem
}

.mouse-mode .timestamp_c19a55 {
    pointer-events: auto
}

.cozy_c19a55 .timestamp_c19a55 {
    color: var(--chat-text-muted);
    font-size: .75rem;
    line-height: 1.375rem;
    vertical-align: baseline
}

.background-opacity-high .cozy_c19a55 .timestamp_c19a55,.background-opacity-low .cozy_c19a55 .timestamp_c19a55,.background-opacity-medium .cozy_c19a55 .timestamp_c19a55 {
    display: none
}

.compact_c19a55 .timestamp_c19a55,.cozy_c19a55 .timestamp_c19a55.alt_c19a55 {
    color: var(--text-muted);
    font-size: .6875rem;
    line-height: 1.375rem;
    margin-inline-end:var(--custom-message-meta-space);text-align: end;
    text-indent: 0
}

.cozy_c19a55 .timestamp_c19a55.alt_c19a55 {
    height: 1.375rem;
    inset-inline-start: 0;
    line-height: 1.375rem;
    position: absolute;
    text-align: end;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 56px;
    z-index: 1
}

.a11y-font-scaled-down .cozy_c19a55 .timestamp_c19a55.alt_c19a55 {
    width: 3.5rem
}

.a11y-font-scaled-up .cozy_c19a55 .timestamp_c19a55.alt_c19a55 {
    font-size: 12Px
}

.background-opacity-high .compact_c19a55 .timestamp_c19a55,.background-opacity-low .compact_c19a55 .timestamp_c19a55,.background-opacity-medium .compact_c19a55 .timestamp_c19a55 {
    text-shadow: none
}

.background-opacity-high .compact_c19a55 .timestamp_c19a55,.background-opacity-low .compact_c19a55 .timestamp_c19a55,.background-opacity-medium .compact_c19a55 .timestamp_c19a55 {
    color: var(--primary-100)
}

.timestampTooltip_c19a55 {
    max-width: none!important;
    white-space: nowrap
}

.timestampVisibleOnHover_c19a55 {
    opacity: 0
}

.nitroAuthorBadgeTootip_c19a55 {
    max-width: 30vw!important;
    white-space: nowrap
}

.mouse-mode .wrapper_c19a55:hover .timestampVisibleOnHover_c19a55 {
    opacity: 1
}

.keyboard-mode .wrapper_c19a55:focus .timestampVisibleOnHover_c19a55 {
    opacity: 1
}

.username_c19a55 {
    color: var(--text-strong);
    display: inline;
    flex-shrink: 0;
    font-size: 1rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.375rem;
    overflow: hidden;
    position: relative;
    vertical-align: baseline
}

.usernameColorOnName_c19a55 {
}

.compact_c19a55 .headerText_c19a55,.cozy_c19a55 .headerText_c19a55,.roleDot_c19a55 {
    margin-inline-end:.25rem}

.compact_c19a55 .headerText_c19a55.hasRoleIcon_c19a55,.cozy_c19a55 .headerText_c19a55.hasRoleIcon_c19a55 {
    margin-inline-end:0}

.compact_c19a55 .headerText_c19a55.hasRoleIcon_c19a55.hasBadges_c19a55,.cozy_c19a55 .headerText_c19a55.hasRoleIcon_c19a55.hasBadges_c19a55 {
    margin-inline-end:.25rem}

.applicationName_c19a55.clickable_c19a55:hover,.commandName_c19a55.clickable_c19a55:hover,.username_c19a55.clickable_c19a55:hover {
    cursor: pointer;
    text-decoration: underline
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .theme-light .username_c19a55 {
        font-weight:var(--font-weight-semibold)
    }
}

.background-opacity-high .username_c19a55,.background-opacity-low .username_c19a55,.background-opacity-medium .username_c19a55 {
    text-shadow: 0 0 1px var(--primary-700),1px 1px 0 var(--primary-700)
}

.background-opacity-low .username_c19a55,.background-opacity-medium .username_c19a55 {
    font-weight: var(--font-weight-semibold)
}

.botTag_c19a55 {
    position: relative;
    top: .1rem
}

.botTagCompact_c19a55 {
    margin-inline-end:.25rem}

.botTagCozy_c19a55 {
    margin-inline-start:.25rem}

.nitroBadgeSvg_c19a55 {
    height: 14px;
    margin-inline-start:.2rem;position: relative;
    width: 24px
}

.nitroBadgeSvgRepliedMessage_c19a55 {
    display: flex;
    justify-content: center;
    margin-inline-end:4px}

.nitroAuthorBadgeContainer_c19a55 {
    display: inline-block
}

.replyLink_c19a55 {
    color: var(--text-default)
}

.replyLink_c19a55.clickable_c19a55 {
    cursor: pointer
}

.replyLink_c19a55.clickable_c19a55:hover {
    text-decoration: underline
}

.separator_c19a55 {
    display: inline-block;
    font-style: normal;
    opacity: 0;
    position: absolute;
    z-index: -1
}

.messageEditorCompact_c19a55 {
    margin-inline:var(--custom-message-margin-compact-indent) var(--custom-message-margin-horizontal)}

.messageContent_c19a55 {
    text-indent: 0
}

.cozy_c19a55 .messageContent_c19a55 {
    position: relative
}

.cozy_c19a55.hasThread_c19a55:after {
    border-bottom: 2px solid var(--spine-default);
    border-end-start-radius: 8px;
    border-inline-start:2px solid var(--spine-default);bottom: 29px;
    content: "";
    inset-inline-start: calc(var(--custom-message-margin-horizontal) + var(--chat-avatar-size)/2 - 1px);
    position: absolute;
    width: calc(var(--custom-message-margin-left-content-cozy) - var(--custom-message-margin-horizontal) - var(--chat-avatar-size)/2 - var(--space-4))
}

.font-size-24 .cozy_c19a55.hasThread_c19a55:after {
    top: 2rem
}

.font-size-20 .cozy_c19a55.hasThread_c19a55:after {
    top: 2.375rem
}

.font-size-18 .cozy_c19a55.hasThread_c19a55:after {
    top: 2.75rem
}

.font-size-12 .cozy_c19a55.hasThread_c19a55:after,.font-size-14 .cozy_c19a55.hasThread_c19a55:after,.font-size-15 .cozy_c19a55.hasThread_c19a55:after,.font-size-16 .cozy_c19a55.hasThread_c19a55:after {
    top: 3rem
}

.font-size-12 .cozy_c19a55.hasThread_c19a55.isSystemMessage_c19a55:after,.font-size-14 .cozy_c19a55.hasThread_c19a55.isSystemMessage_c19a55:after,.font-size-15 .cozy_c19a55.hasThread_c19a55.isSystemMessage_c19a55:after,.font-size-16 .cozy_c19a55.hasThread_c19a55.isSystemMessage_c19a55:after,.font-size-18 .cozy_c19a55.hasThread_c19a55.isSystemMessage_c19a55:after,.font-size-20 .cozy_c19a55.hasThread_c19a55.isSystemMessage_c19a55:after,.font-size-24 .cozy_c19a55.hasThread_c19a55.isSystemMessage_c19a55:after {
    top: 1.75rem
}

.font-size-24 .cozy_c19a55.hasThread_c19a55.hasReply_c19a55:after {
    top: 3.25rem
}

.font-size-20 .cozy_c19a55.hasThread_c19a55.hasReply_c19a55:after {
    top: 3.75rem
}

.font-size-18 .cozy_c19a55.hasThread_c19a55.hasReply_c19a55:after {
    top: 4rem
}

.font-size-15 .cozy_c19a55.hasThread_c19a55.hasReply_c19a55:after,.font-size-16 .cozy_c19a55.hasThread_c19a55.hasReply_c19a55:after {
    top: 4.375rem
}

.font-size-14 .cozy_c19a55.hasThread_c19a55.hasReply_c19a55:after {
    top: 4.5rem
}

.font-size-12 .cozy_c19a55.hasThread_c19a55.hasReply_c19a55:after {
    top: 4.75rem
}

.compact_c19a55 .contents_c19a55 {
    position: relative
}

.compact_c19a55.hasThread_c19a55 .contents_c19a55:before {
    background-color: var(--spine-default);
    bottom: 0;
    content: "";
    inset-inline-start: 2.5rem;
    position: absolute;
    top: 1.5rem;
    width: 2px
}

.compact_c19a55.hasThread_c19a55.isSystemMessage_c19a55 .contents_c19a55:before {
    inset-inline-start: 3rem;
    top: 1.75rem
}

.compact_c19a55.hasThread_c19a55 .contents_c19a55:before {
    background-color: var(--background-mod-subtle)
}

.zalgo_c19a55 .messageContent_c19a55 {
    overflow: hidden
}

.messageContent_c19a55:empty {
    display: none
}

.compact_c19a55 .messageContent_c19a55 {
    display: inline;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
    word-wrap: break-word
}

.compact_c19a55 .messageContent_c19a55 .emoji {
    position: relative
}

.compact_c19a55 .messageContent_c19a55 .jumboable {
    height: var(--custom-emoji-size-emoji);
    min-height: var(--custom-emoji-size-emoji);
    width: var(--custom-emoji-size-emoji)
}

.compact_c19a55 .messageContent_c19a55.markupRtl_c19a55 {
    display: block;
    text-indent: 0
}

.cozy_c19a55 .messageContent_c19a55 {
    margin-inline-start:calc(var(--custom-message-margin-left-content-cozy)*-1);padding-inline-start: var(--custom-message-margin-left-content-cozy);
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.isSending_c19a55 {
    opacity: .5
}

.isFailed_c19a55,.isFailed_c19a55 .hljs,.isFailed_c19a55 a,.isFailed_c19a55 code.inline,.theme-dark .isFailed_c19a55,.theme-light .isFailed_c19a55 {
    color: var(--text-feedback-critical)
}

.theme-dark .isUnsupported_c19a55 {
    color: var(--text-muted);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.cozy_c19a55 .markupRtl_c19a55 {
    text-align: left;
    text-indent: 0;
    unicode-bidi: plaintext
}

.edited_c19a55 {
    font-size: .625rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.communicationDisabled_c19a55 {
    margin-inline-end:8px}

.communicationDisabled_c19a55,.compactCommunicationDisabled_c19a55 {
    color: var(--icon-feedback-critical);
    vertical-align: -1px
}

.compactCommunicationDisabled_c19a55 {
    margin: 0 4px
}

.communicationDisabledOpacity_c19a55 {
    opacity: .5
}

.mention {
    border-radius: 3px;
    padding: 0 2px
}

.background-opacity-low .edited_c19a55 {
    color: var(--opacity-white-60)
}

.background-opacity-medium .edited_c19a55 {
    color: var(--opacity-white-48)
}

.background-opacity-high .edited_c19a55 {
    color: var(--opacity-white-40)
}

.badgesContainer_c19a55 {
    align-items: baseline;
    display: inline-flex;
    margin-inline-end:.25rem;row-gap: .25rem;
    text-indent: 0
}

.compact_c19a55 .badgesContainer_c19a55 {
    margin-inline-start:-.25rem}

.cozy_c19a55 .badgesContainer_c19a55 {
    margin-inline-start:.25rem}

.cozy_c19a55 .pollBadgeDefault_c19a55,.pollBadgeReplied_c19a55 {
    margin-block:0;margin-inline:.25rem 0}

.enable-forced-colors .headerText_c19a55 .username_c19a55 {
    color: ButtonText;
    forced-color-adjust: none
}

.wrapper__74bfa {
    align-items: center;
    display: flex;
    margin-top: 4px
}

.icon__74bfa {
    display: block;
    margin-inline-end:8px}

.errorIcon__74bfa {
    color: var(--icon-feedback-critical)
}

@value maxModalWidth from "./MarkdownModal.module.css";.video__1689b {
    border-radius: 3px
}

@media (max-width: 480px) {
    .video__1689b {
        width:auto!important
    }
}

.container__1689b {
    padding-bottom: 20px
}

.container__1689b p>img,.image__1689b {
    border-radius: 5px
}

.title__1689b {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase
}

.lead__1689b {
    border-radius: 5px;
    margin-bottom: 20px
}

.added__1689b,.fixed__1689b,.improved__1689b,.progress__1689b {
    align-items: center;
    display: flex;
    margin-top: 40px
}

.added__1689b.marginTop__1689b,.fixed__1689b.marginTop__1689b,.improved__1689b.marginTop__1689b,.progress__1689b.marginTop__1689b {
    margin-top: 20px
}

.added__1689b:after,.fixed__1689b:after,.improved__1689b:after,.progress__1689b:after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    margin-left: 4px;
    opacity: .6
}

.added__1689b,h3.added__1689b {
    color: var(--text-feedback-positive)
}

.added__1689b:after,h3.added__1689b:after {
    background-color: var(--text-feedback-positive)
}

.fixed__1689b,h3.fixed__1689b {
    color: var(--text-feedback-critical)
}

.fixed__1689b:after,h3.fixed__1689b:after {
    background-color: var(--text-feedback-critical)
}

.progress__1689b,h3.progress__1689b {
    color: var(--text-feedback-warning)
}

.progress__1689b:after,h3.progress__1689b:after {
    background-color: var(--text-feedback-warning)
}

.improved__1689b,h3.improved__1689b {
    color: var(--text-brand)
}

.improved__1689b:after,h3.improved__1689b:after {
    background-color: var(--text-brand)
}

.footer__1689b {
    display: flex
}

.socialLink__1689b {
    margin-right: 16px
}

.premiumBanner__1689b {
    align-items: center;
    background-image: linear-gradient(to left,var(--premium-tier-1-purple),var(--premium-tier-1-blue));
    border-radius: 5px;
    color: var(--white);
    display: flex;
    font-size: 16px;
    line-height: 18px;
    padding: 16px
}

.premiumBanner__1689b .premiumIcon__1689b {
    flex-shrink: 0;
    height: 36px;
    margin-right: 16px;
    width: 36px
}

.theme-dark .date__1689b {
    color: var(--primary-300)
}

.theme-dark .video__1689b {
    box-shadow: 0 2px 10px 0 hsl(var(--black-hsl)/.2)
}

.theme-dark .socialLink__1689b {
    color: var(--primary-300)
}

.theme-light .date__1689b {
    color: var(--primary-400)
}

.theme-light .video__1689b {
    box-shadow: 0 2px 10px 0 hsl(var(--black-hsl)/.1)
}

.theme-light .socialLink__1689b {
    color: var(--primary-500)
}

@use postcss-pxtorem;.gameIcon__5a366 {
    height: 1rem;
    margin-inline-end:4px;vertical-align: text-top
}

.gameMessageTooltip__5a366 {
    max-width: unset
}

.gameMessageTooltipContent__5a366 {
    align-items: center;
    display: flex;
    padding: 16px
}

.textContainer__5a366 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin-inline-start:8px;width: 240px
}

.timestamp__5a366 {
    margin-bottom: 4px
}

.linkIcon_ebf183 {
    display: inline-block
}

.badge__86331 {
    align-items: center;
    background-color: var(--background-mod-normal);
    border-radius: 12px;
    color: var(--interactive-text-active);
    cursor: pointer;
    display: inline-flex;
    flex-direction: row;
    margin-inline-start:.25rem;-o-object-fit: contain;
    object-fit: contain;
    overflow: hidden;
    padding-block:2px;padding-inline:4px 8px;position: relative;
    text-indent: 0;
    top: 1px;
    vertical-align: top
}

.badge__86331:hover {
    color: var(--interactive-text-hover)
}

.badgeVerifiedIcon__86331 {
    height: 16px;
    margin-inline-end:4px;width: 16px
}

.roleName__86331 {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.theme-light .badge__86331 {
    color: var(--channels-default)
}

.theme-light .badge__86331:hover {
    color: var(--interactive-text-hover)
}

.popout__86331 {
    background-color: var(--background-surface-high);
    border-radius: 4px;
    box-shadow: var(--shadow-border),var(--shadow-high);
    overflow: hidden
}

.popoutChecks__86331 {
    padding: 12px
}

.popoutChecksGroup__86331:not(:last-of-type) {
    margin-bottom: 12px;
    padding-bottom: 12px
}

.popoutCheckGroupName__86331 {
    align-items: center;
    display: flex
}

.popoutCheckGroupPlatformIcon__86331 {
    height: 20px;
    margin-inline-end:8px;width: 20px
}

.popoutCheck__86331 {
    align-items: center;
    display: flex;
    margin-top: 8px;
    margin-inline-start:28px;padding-inline-end:20px}

.popoutCheckIcon__86331 {
    color: var(--text-feedback-positive);
    height: 18px;
    margin-inline-end:8px;width: 18px
}

.popoutHeaderContainer__86331 {
    background-color: var(--background-base-lowest);
    padding: 10px
}

.popoutHeaderText__86331 strong {
    color: var(--text-strong)
}

.buttonContainer__86331 {
    padding: 8px
}

.getRolesButton__86331 {
    margin-bottom: 8px;
    width: 100%
}

.viewConnectionsButton__86331 {
    width: 100%
}

.botTag__86331 {
    margin-inline-start:8px;margin-top: -1px
}

.messagePopoutContent_c00127 {
    max-width: calc(var(--custom-message-helpers-popout-container-width)*1.25);
    min-width: var(--custom-message-helpers-popout-container-width);
    width: auto
}

.popoutContainer_c00127 {
    padding: var(--custom-message-helpers-popout-padding-width)
}

.mainContent_c00127 {
    align-items: start;
    display: flex;
    flex-direction: row
}

.iconContainer_c00127 {
    color: var(--text-feedback-positive);
    margin-inline-end:var(--custom-message-helpers-popout-padding-width);width: 40px
}

.header_c00127 {
    margin-bottom: 4px
}

.ctaButton_c00127 {
    margin: 16px auto 0
}

.boosterBadge_c00127 {
    margin-inline-end:3px}

.newMemberBadge_f80704 {
    color: var(--text-feedback-positive);
    cursor: pointer;
    display: inline-block;
    height: calc(1rem + 4px);
    margin-inline-start:.25rem;-o-object-fit: contain;
    object-fit: contain;
    overflow: hidden;
    position: relative;
    text-indent: 0;
    top: 1px;
    vertical-align: top;
    width: calc(1rem + 4px)
}

.badge__6ba43 {
    color: var(--interactive-text-default);
    cursor: pointer;
    display: inline-block;
    height: 1rem;
    -o-object-fit: contain;
    object-fit: contain;
    overflow: hidden;
    position: relative;
    text-indent: 0;
    top: .1875rem;
    vertical-align: top;
    width: 1rem
}

.popoutContainer__8641f {
    padding: var(--custom-message-helpers-popout-padding-width)
}

.mainContent__8641f {
    align-items: start;
    display: flex;
    flex-direction: row;
    margin-bottom: 16px
}

.roleIconContainer__8641f {
    margin-inline-end:var(--custom-message-helpers-popout-padding-width);width: 40px
}

.roleName__8641f {
    margin-bottom: 4px
}

.truncatingText__8641f {
    min-width: 0
}

.ctaButtonContent__8641f {
    align-items: center;
    display: flex;
    justify-content: center
}

.boosterBadge__8641f {
    height: 14px;
    margin-inline-end:3px;width: 14px
}

.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(--message-automod-background-default)
}

.mentioned__5126c {
    background: var(--message-mentioned-background-default);
    position: relative
}

.highlighted__5126c,.replying__5126c {
    background: var(--message-highlight-background-default);
    position: relative
}

.automodMessage__5126c:before,.ephemeral__5126c:before,.highlighted__5126c:before,.mentioned__5126c:before,.nitroMessage__5126c:before,.replying__5126c:before {
    bottom: 0;
    content: "";
    display: block;
    inset-inline-start: 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-feedback-critical)
}

.mentioned__5126c:before {
    background: var(--icon-feedback-warning)
}

.highlighted__5126c:before {
    background: var(--text-brand)
}

.replying__5126c:before {
    background: var(--brand-500)
}

.messageListItem__5126c {
    outline: none;
    position: relative
}

.message__5126c {
    border-end-end-radius: var(--radius-xs);
    border-start-end-radius: var(--radius-xs);
    padding-inline-end:var(--space-xl)!important}

.theme-dark .message__5126c.selected__5126c,.theme-dark.mouse-mode.full-motion .message__5126c: hover {
    background:var(--message-background-hover)
}

.theme-light .message__5126c.selected__5126c,.theme-light.mouse-mode.full-motion .message__5126c:hover {
    background: var(--message-background-hover)
}

.message__5126c.mentioned__5126c.selected__5126c,.mouse-mode.full-motion .message__5126c.mentioned__5126c:hover {
    background: var(--message-mentioned-background-hover)
}

.message__5126c.highlighted__5126c.selected__5126c,.mouse-mode.full-motion .message__5126c.highlighted__5126c:hover {
    background: var(--message-highlight-background-hover)
}

.message__5126c.ephemeral__5126c.selected__5126c,.mouse-mode.full-motion .message__5126c.ephemeral__5126c:hover {
    background: var(--brand-10a)
}

.message__5126c.nitroMessage__5126c.selected__5126c,.mouse-mode.full-motion .message__5126c.nitroMessage__5126c:hover {
    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 {
    background: var(--message-automod-background-hover)
}

.message__5126c.replying__5126c.selected__5126c,.mouse-mode.full-motion .message__5126c.replying__5126c:hover {
    background: var(--brand-10a)
}

.quotedChatMessage__5126c {
    position: relative
}

.highlightContainer__5126c {
    align-items: center;
    display: flex;
    margin-bottom: 4px
}

.highlightIcon__5126c {
    margin-inline-end:4px}

.jump__5126c {
    background-color: var(--background-base-lowest);
    border-radius: 3px;
    box-sizing: border-box;
    color: var(--text-default);
    cursor: pointer;
    display: none;
    font-size: 12px;
    font-weight: var(--font-weight-medium);
    height: 24px;
    inset-inline-end: 16px;
    line-height: 16px;
    margin-inline-start:6px;padding: 4px;
    position: absolute;
    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-text-hover)
}

.jump__5126c:active {
    color: var(--interactive-text-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-inline:1rem .875rem}

.disableInteraction__5126c:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 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
}

.container_de50c1 {
    position: relative
}

.blockUserInteraction_de50c1 {
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0;
    cursor: default
}

.emojiIcon_ff168a {
    height: 20px;
    width: 20px
}

.icon__0e5a2 {
    display: inline-block;
    height: 16px;
    margin-inline-end:4px;margin-bottom: 2px;
    vertical-align: bottom;
    width: 16px
}

.container__6b8b8 {
    display: flex;
    flex-direction: row-reverse
}

.emojiContainer__6b8b8 {
    margin-inline-end:16px}

.name__6b8b8 {
    margin-bottom: 2px
}

.linkedName__6b8b8:hover {
    cursor: pointer;
    text-decoration: underline
}

.channelNameContainer__6b8b8 {
    align-items: center;
    display: flex
}

.infoContainer__6b8b8 {
    flex: 1
}

.draftBadge__53d72 {
    color: var(--primary-860);
    letter-spacing: .02em
}

.draftBadgeContainer_ea81a9 {
    background-color: var(--background-base-lowest);
    border-radius: 8px;
    display: flex;
    justify-content: center;
    margin-top: -20px;
    overflow: hidden;
    padding: 2px;
    position: relative;
    z-index: 1
}

.tierName_ea81a9 {
    font-family: var(--font-display);
    margin-bottom: 16px;
    text-align: start
}

.tierImage_ea81a9 {
    border-radius: 50%;
    height: var(--custom-guild-role-subscription-card-basic-info-tier-image-size);
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    width: var(--custom-guild-role-subscription-card-basic-info-tier-image-size)
}

.tierPrice_ea81a9 {
    color: var(--interactive-text-active);
    font-size: 24px;
    font-weight: var(--font-weight-semibold);
    margin-bottom: 2px;
    margin-top: 16px
}

.tierPeriod_ea81a9,.tierPrice_ea81a9 {
    font-family: var(--font-display)
}

.tierPeriod_ea81a9 {
    letter-spacing: .02em;
    margin-bottom: 16px;
    text-transform: uppercase
}

@media (max-width: 485px) {
    .tierName_ea81a9 {
        margin-bottom:4px
    }

    .tierImage_ea81a9 {
        height: var(--custom-guild-role-subscription-card-basic-info-tier-image-size) Mobile;
        width: var(--custom-guild-role-subscription-card-basic-info-tier-image-size) Mobile
    }
}

.container_b27fdc {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex-direction: row
}

.tierTextInfoContainer_b27fdc {
    align-items: flex-start;
    flex: 1;
    flex-direction: column;
    margin-inline-start:16px}

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

.tierPrice_b27fdc {
    color: var(--text-default);
    font-size: 16px;
    height: 20px;
    text-align: start
}

.toggleButton_b27fdc {
    color: var(--interactive-text-default);
    height: 24px;
    justify-content: flex-end;
    width: 24px
}

.confirmationContainer_e64651 {
    margin-top: 56px
}

.confirmationHeader_e64651 {
    color: var(--text-default);
    margin-bottom: 8px;
    text-align: center
}

.confirmationHeader_e64651 strong {
    color: var(--text-strong)
}

.confirmationSubtitle_e64651 {
    text-align: center
}

.actions_e64651 {
    display: flex;
    flex-direction: column;
    margin-top: 24px;
    row-gap: 8px
}

.container__24a95 {
    background-color: var(--background-base-lower);
    border-radius: 8px;
    display: flex;
    padding: 16px
}

.container__24a95:hover {
    background-color: var(--background-base-lowest);
    cursor: pointer
}

.emojiContainer__24a95 {
    margin-inline-end:16px}

.name__24a95 {
    margin-bottom: 2px
}

.channelNameContainer__24a95 {
    align-items: center;
    display: flex
}

.infoContainer__24a95 {
    flex: 1
}

.caret__24a95 {
    color: var(--interactive-text-default);
    flex: 0 0 auto;
    margin-inline-start:16px}

.headerContainer__4dd8e {
    height: 146px;
    position: relative;
    width: 100%
}

.headerEmpty__4dd8e {
    height: 10px;
    inset-inline-start: 0;
    position: absolute;
    top: 0
}

.headerEmpty__4dd8e+.breadcrumb,.headerEmpty__4dd8e+.paymentModalContent {
    background-color: var(--modal-background);
    border-start-end-radius: 4px;
    border-start-start-radius: 4px
}

.headerEmpty__4dd8e .closeContainer__4dd8e {
    top: 13px
}

.headerImage__4dd8e,.headerImageEmpty__4dd8e {
    border-start-end-radius: var(--radius-md);
    border-start-start-radius: var(--radius-md)
}

.headerImage__4dd8e {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.headerImageEmpty__4dd8e {
    background-color: var(--background-base-lower);
    height: 100%;
    width: 100%
}

.closeContainer__4dd8e {
    align-items: center;
    background-color: var(--opacity-black-84);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 24px;
    inset-inline-end: 16px;
    justify-content: center;
    position: absolute;
    top: 16px;
    width: 24px
}

.closeIcon__4dd8e {
    color: var(--interactive-text-default);
    height: 16px;
    width: 16px
}

.tierImageContainer__4dd8e {
    background-color: var(--background-base-low);
    border-radius: 50%;
    bottom: -48px;
    height: 80px;
    inset-inline-start: calc(50% - 48px);
    padding: 8px;
    position: absolute;
    width: 80px;
    z-index: 1
}

.tierImage__4dd8e {
    border-radius: 50%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.confirmationContainer__4dd8e {
    margin-top: 56px
}

.confirmationHeader__4dd8e {
    margin-bottom: 8px;
    text-align: center
}

.confirmationHeader__4dd8e strong {
    color: var(--text-strong)
}

.confirmationSubtitle__4dd8e {
    margin-bottom: 32px;
    text-align: center
}

.confirmationSectionLabel__4dd8e {
    font-family: var(--font-display);
    letter-spacing: .02em;
    margin-bottom: 8px;
    text-transform: uppercase
}

.confirmationBenefits__4dd8e {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px
}

.confirmationButton__4dd8e {
    margin: 32px auto 0
}

.emojiBenefitsRow__4dd8e {
    background-color: var(--background-base-lower);
    border-radius: 8px;
    display: flex;
    padding: 16px
}

.emojiImage__4dd8e {
    margin-inline-end:16px}

.emojiName__4dd8e {
    margin-bottom: 2px
}

.container__3efc4 {
    border-radius: 8px;
    flex: 1;
    max-width: 320px;
    overflow: hidden;
    position: relative
}

.cardContainerWithoutTopIndicator__3efc4 {
    border-radius: 8px;
    margin-top: 24px;
    overflow: hidden
}

.tierTrialIndicator__3efc4 {
    background-color: var(--brand-500);
    color: var(--white);
    font-weight: var(--font-weight-medium);
    padding-bottom: 4px;
    padding-top: 4px
}

.tierTrialIndicatorIcon__3efc4 {
    margin-inline-start:4px}

.tierTopIndicator__3efc4 {
    display: flex;
    font-family: var(--font-display);
    font-size: 12px;
    justify-content: center;
    line-height: 16px;
    text-transform: uppercase
}

.tierInfoContainer__3efc4 {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 32px 16px 16px;
    text-align: center
}

.theme-light .tierInfoContainer__3efc4 {
    background-color: hsla(0,0%,100%,.5)
}

.theme-dark .tierInfoContainer__3efc4 {
    background-color: var(--interactive-background-hover)
}

.tierDescriptionTruncate__3efc4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.subscriptionPerks__3efc4 {
    background-color: var(--background-base-lower);
    padding: 16px
}

.roleMessagePreview__3efc4 {
    background-color: var(--background-base-low);
    border: 1px solid var(--border-subtle);
    border-radius: 4px;
    padding: 12px 0
}

.roleMessagePreview__3efc4:not(:last-child) {
    margin-bottom: 24px
}

.sectionHeader__3efc4 {
    font-family: var(--font-display);
    letter-spacing: .02em;
    text-transform: uppercase
}

.benefitsSection__3efc4:not(:last-child) {
    border-bottom: 1px solid var(--opacity-white-4);
    margin-bottom: 16px;
    padding-bottom: 16px
}

.benefitsList__3efc4 {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.emojiList__3efc4 {
    display: grid;
    gap: 9px 8px;
    grid-template-columns: repeat(9,1fr)
}

.emojiListEmoji__3efc4 {
    -o-object-fit: contain;
    object-fit: contain
}

.divider__3efc4 {
    background-color: hsla(0,0%,100%,.06);
    height: 1px;
    margin: 16px 0;
    width: 100%
}

@media (max-width: 485px) {
    .container__3efc4 {
        width:auto
    }

    .cardContainerWithoutTopIndicator__3efc4 {
        margin-top: 0
    }

    .tierInfoContainer__3efc4 {
        padding-top: 16px
    }

    .subscriptionPerks__3efc4 {
        background-color: var(--background-mod-normal)
    }
}

.helpMessage__3efc4 {
    text-align: start
}

.giftButton__82222 {
    --button-outline-brand-text: var(--brand-500)
}

.innerGiftButton__82222 {
    align-items: center;
    display: flex
}

.buttonText__82222 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.giftIcon__82222 {
    height: 16px;
    margin-inline-end:4px;min-height: 16px;
    min-width: 16px;
    width: 16px
}

.discountOfferContainer__5521c {
    align-content: center;
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    gap: 16px
}

.discountOfferContent__5521c {
    display: flex;
    flex-direction: column;
    gap: var(--space-4)
}

.nitroIcon__5521c {
    border-radius: var(--radius-sm);
    filter: saturate(var(--saturation-factor,1))
}

.offerDetailContainer__11ee8 {
    background: var(--background-mod-subtle);
    border-radius: var(--radius-md);
    padding: var(--space-16)
}

.legalContainer__11ee8 {
    margin: var(--space-16) 0
}

.spinnerContainer__11ee8 {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.churnFooterContainer__64988 {
    overflow-x: clip;
    position: relative
}

.churnFooterGlow__64988 {
    background: linear-gradient(90deg,rgba(125,74,191,.5),rgba(171,77,187,.5) 50.5%,rgba(161,97,136,.5));
    filter: blur(20px);
    height: 42px;
    inset-inline-start: 15px;
    position: absolute;
    top: -4px;
    width: 410px
}

.churnFooterTopBorder__64988 {
    background: linear-gradient(90deg,#8947c6,#b246c2 50%,#ac5c8d);
    height: 1px;
    width: 100%
}

.churnFooterContent__64988 {
    background: var(--background-mod-subtle);
    min-height: 132px;
    position: relative;
    width: 100%;
    z-index: 1
}

.churnFooterContentBody__64988 {
    display: flex
}

.churnFooterIcon__64988 {
    align-self: flex-start;
    padding-top: 20px;
    padding-inline-start:16px}

.churnFooterContentBodyInner__64988 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    padding-inline:20px 22px;padding-bottom: 24px;
    padding-top: 22px
}

.churnFooterCopy__64988 {
    color: var(--text-strong);
    margin-bottom: 14px
}

.churnFooterCTAs__64988 {
    display: flex
}

.churnFooterClaimCTA__64988 {
    border-color: #764db9;
    margin-inline-end:8px;min-width: 153px
}

.churnFooterClaimCTAInner__64988 {
    align-items: center;
    display: flex
}

.churnFooterClaimIcon__64988 {
    padding-inline-end:4px}

.theme-dark .churnFooterClaimCTA__64988,.theme-dark .churnFooterClaimCopy__64988 {
    color: var(--white)
}

.theme-light .churnFooterClaimCTA__64988,.theme-light .churnFooterClaimCopy__64988 {
    color: #b449b6
}

.body__89307 {
    background-color: var(--modal-background);
    color: var(--text-default);
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 16px
}

.body__89307 .title__89307 {
    margin-top: 16px
}

.clickable__89307 {
    cursor: pointer
}

.whatYouLoseItemContainer__89307 {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
    margin-top: 16px;
    row-gap: 8px
}

.whatYouLoseItemContainer__89307.premiumRebrand__89307 {
    filter: saturate(var(--saturation-factor,1));
    margin-bottom: 12px;
    margin-top: 12px
}

.whatYouLoseItemContainer__89307.premiumRebrand__89307.noMargin__89307 {
    margin-bottom: 0;
    margin-top: 0
}

.whatYouLoseItem__89307 {
    background: var(--background-base-lowest);
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    min-height: 140px;
    padding: 16px
}

.whatYouLoseItem__89307.premiumRebrand__89307 {
    background: var(--background-mod-subtle);
    border: 1px solid var(--border-muted);
    padding: 11px
}

.whatYouLoseItemLeftColumn__89307 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-inline-end:16px;width: 100%
}

.whatYouLoseItemLeftColumn__89307.premiumRebrand__89307 {
    padding-inline-end:var(--space-40)}

.whatYouLoseItemLeftColumn__89307.premiumRebrand__89307 strong {
    font-weight: 400
}

.whatYouLoseItemLearnMore__89307 {
    padding: 0;
    width: -moz-min-content;
    width: min-content
}

.whatYouLoseItemRightColumn__89307 {
    display: flex;
    max-width: 180px;
    min-width: 180px
}

.whatYouLoseItemRightColumn__89307.premiumRebrand__89307 {
    border-radius: var(--radius-sm);
    overflow: hidden
}

.textSingleLineEllipsis__89307 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.profileCard__89307 {
    min-height: 96px;
    overflow: hidden;
    padding: 4px;
    position: relative;
    width: 100%
}

.profileCardTier1__89307 {
    background-color: var(--background-base-low);
    border-radius: 8px
}

.profileAvatar__89307.profileAvatar__89307 {
    inset-inline-start: 12px;
    position: absolute;
    top: 30px
}

.profileAvatarTier1__89307 {
    inset-inline-start: 60px;
    position: relative;
    top: 16px
}

.profileInner__89307 {
    background: transparent;
    margin-bottom: 8px;
    margin-top: 30px;
    margin-inline-start:0}

.profileUserInfo__89307 {
    align-items: center;
    display: flex;
    margin: 30px 0 8px;
    padding: 0 16px
}

.profileUserInfoTier1__89307 {
    display: flex;
    justify-content: center;
    padding-top: 16px;
    position: relative
}

.profileNameTag__89307 {
    color: var(--interactive-text-active);
    font-weight: var(--font-weight-semibold);
    line-height: 20px;
    max-width: 118px
}

.profileNameTagUsername__89307 {
    line-height: 20px;
    text-overflow: ellipsis
}

.profilePremiumIcon__89307 {
    margin-inline-start:6px}

.emojiStickersPersonalizedContainer__89307 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.emojiStickersPersonalizedContainer__89307 :not(:last-child) {
    margin-inline-end:2px}

.personalizedEmoji__89307 {
    height: 58px;
    width: 58px
}

.boostCardContainer__89307 {
    overflow: hidden;
    width: 100%
}

.boostCard__89307 {
    background-color: var(--background-base-low);
    border-radius: 8px;
    box-sizing: border-box;
    flex-grow: 1;
    height: 100%;
    overflow: hidden;
    padding: 10px
}

.boostCardIcon__89307 {
    flex-shrink: 0;
    margin-bottom: 4px
}

.boostCardInfo__89307 {
    overflow: hidden
}

.boostCardTitle__89307 {
    color: var(--text-strong)
}

.boostCardSubtitle__89307 {
    align-items: center;
    display: flex;
    padding-top: 2px
}

.boostCardGem__89307 {
    color: var(--guild-boosting-pink);
    height: 16px;
    margin-inline-end:4px;width: auto
}

.boostCardCount__89307 {
    color: var(--text-strong);
    opacity: .5
}

.nonPersonalizedGraphic__89307 {
    max-width: 168px;
    width: 100%
}

.spinner__89307 {
    padding-bottom: 44px;
    padding-top: 60px
}

.badgeGradientWrapper__89307 {
    align-items: center;
    background-color: var(--background-surface-higher);
    border-radius: 8px;
    display: flex;
    flex-shrink: 0;
    height: 100%;
    justify-content: center;
    min-height: 108px;
    position: relative;
    width: 100%
}

.badgeImage__89307 {
    display: block;
    height: 66px;
    width: auto
}

.previewContainer__70c78 {
    padding-block:0 var(--space-6);padding-inline: 0
}

.title_feb59c {
    margin-bottom: 8px
}

h1.title_feb59c {
    font-size: 20px;
    font-weight: var(--font-weight-medium);
    line-height: 1.2
}

h2.title_feb59c {
    font-size: 16px;
    font-weight: var(--font-weight-semibold);
    line-height: 1.25
}

h3.title_feb59c {
    font-size: 14px;
    line-height: 1.14
}

h3.title_feb59c,h4.title_feb59c,h5.title_feb59c,h6.title_feb59c {
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase
}

h4.title_feb59c,h5.title_feb59c,h6.title_feb59c {
    font-size: 12px;
    line-height: 1.33
}

.theme-dark h3.title_feb59c {
    color: var(--primary-200)
}

.theme-dark h4.title_feb59c,.theme-dark h5.title_feb59c,.theme-dark h6.title_feb59c {
    color: var(--primary-300)
}

.theme-light h3.title_feb59c,.theme-light h4.title_feb59c,.theme-light h5.title_feb59c,.theme-light h6.title_feb59c {
    color: var(--primary-400)
}

h1.title_feb59c,h2.title_feb59c {
    color: var(--text-default)
}

.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-base-lower);
    color: var(--text-default)
}

.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
}

.hljs_d285a6 {
    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-default)
}

.hljs-doctag_d285a6,.hljs-keyword_d285a6,.hljs-meta_d285a6 .hljs-keyword_d285a6,.hljs-template-tag_d285a6,.hljs-template-variable_d285a6,.hljs-type_d285a6,.hljs-variable_d285a6.language__d285a6 {
    color: var(--text-code-keyword)
}

.hljs-title_d285a6,.hljs-title_d285a6.class__d285a6,.hljs-title_d285a6.class__d285a6.inherited___d285a6,.hljs-title_d285a6.function__d285a6 {
    color: var(--text-code-title)
}

.hljs-attr_d285a6,.hljs-attribute_d285a6,.hljs-literal_d285a6,.hljs-meta_d285a6,.hljs-number_d285a6,.hljs-operator_d285a6,.hljs-selector-attr_d285a6,.hljs-selector-class_d285a6,.hljs-selector-id_d285a6,.hljs-variable_d285a6 {
    color: var(--text-code-variable)
}

.hljs-meta_d285a6 .hljs-string_d285a6,.hljs-regexp_d285a6,.hljs-string_d285a6 {
    color: var(--text-code-string)
}

.hljs-built_in_d285a6,.hljs-symbol_d285a6 {
    color: var(--text-code-builtin)
}

.hljs-code_d285a6,.hljs-comment_d285a6,.hljs-formula_d285a6 {
    color: var(--text-code-comment)
}

.hljs-name_d285a6,.hljs-quote_d285a6,.hljs-selector-pseudo_d285a6,.hljs-selector-tag_d285a6 {
    color: var(--text-code-tag)
}

.hljs-subst_d285a6 {
    color: var(--text-code)
}

.hljs-section_d285a6 {
    color: var(--text-code-section);
    font-weight: 700
}

.hljs-bullet_d285a6 {
    color: var(--text-code-bullet)
}

.hljs-emphasis_d285a6 {
    color: var(--text-code);
    font-style: italic
}

.hljs-strong_d285a6 {
    color: var(--text-code);
    font-weight: 700
}

.hljs-addition_d285a6 {
    background-color: var(--background-code-addition);
    color: var(--text-code-addition)
}

.hljs-deletion_d285a6 {
    background-color: var(--background-code-deletion);
    color: var(--text-code-deletion)
}

.markdown_d285a6 {
    font-size: 16px;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.markdown_d285a6 h1,.markdown_d285a6 h2,.markdown_d285a6 h3,.markdown_d285a6 h4,.markdown_d285a6 h5,.markdown_d285a6 h6,.markdown_d285a6 hr {
    margin: 20px 0 8px
}

.markdown_d285a6 .blockquote_d285a6,.markdown_d285a6 ol,.markdown_d285a6 p,.markdown_d285a6 pre,.markdown_d285a6 table,.markdown_d285a6 ul {
    margin-top: 8px
}

.markdown_d285a6 :first-child {
    margin-top: 0
}

.markdown_d285a6 hr,.markdown_d285a6 p {
    margin-bottom: 0
}

.markdown_d285a6 strong {
    font-weight: var(--font-weight-semibold)
}

.markdown_d285a6 em {
    font-style: italic
}

.markdown_d285a6 ol li {
    list-style-type: decimal;
    margin-inline-start:20px}

.markdown_d285a6 ul {
    margin: 0 0 12px
}

.markdown_d285a6 ul li {
    list-style-type: disc;
    margin-block:8px 0;margin-inline:20px 0}

.markdown_d285a6 ul li:first-child {
    margin-top: 0
}

.markdown_d285a6 table {
    border-collapse: collapse
}

.markdown_d285a6 th {
    font-weight: var(--font-weight-semibold)
}

.markdown_d285a6 td,.markdown_d285a6 th {
    border-inline-end:1px solid transparent;border-inline-start:1px solid transparent;padding: 8px;
    text-align: start
}

.markdown_d285a6 tr {
    border: 1px solid transparent
}

.markdown_d285a6 img {
    border-radius: 3px
}

.markdown_d285a6 .blockquote_d285a6 {
    border-inline-start:4px solid transparent;display: block;
    padding-inline-start:8px}

.markdown_d285a6 .blockquote_d285a6 p {
    margin: 0
}

.markdown_d285a6 .codeInline_d285a6 {
    padding: .2em
}

.markdown_d285a6 .paragraph_d285a6 {
    margin-bottom: 8px
}

.theme-dark .markdown_d285a6 {
    color: var(--primary-300)
}

.theme-dark .markdown_d285a6 th {
    background-color: var(--primary-700);
    border-color: var(--primary-500);
    color: var(--white)
}

.theme-dark .markdown_d285a6 td {
    border-color: var(--primary-500)
}

.theme-dark .markdown_d285a6 tr {
    border-color: var(--primary-500);
    color: var(--primary-300)
}

.theme-dark .markdown_d285a6 tr:nth-child(2n) {
    background-color: var(--primary-630)
}

.theme-dark .markdown_d285a6 .blockquote_d285a6 {
    border-inline-start-color:var(--primary-500)}

.theme-dark .markdown_d285a6 code {
    background-color: var(--primary-630)
}

.theme-dark .markdown_d285a6 .codeInline_d285a6 {
    color: var(--primary-200)
}

.labelValueRow__2e5ea {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 8px
}

.paymentElementStoryContainer__1f918 {
    display: flex;
    flex-direction: row;
    gap: 12px
}

.paymentElementStepModalBody__1f918 {
    max-width: 456px;
    width: 456px
}

.fullLengthPaymentElementStepModalBody__1f918 {
    max-width: 456px;
    min-height: 900px;
    width: 456px
}

.paymentElementContainer__1f918 {
    margin: 8px
}

.fullLengthPaymentElementContainer__1f918 {
    min-height: 900px
}

.wrapper_cc5dd2 {
    position: relative
}

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

.svg_cc5dd2 {
    contain: paint;
    position: absolute
}

.shiftSVG_cc5dd2 {
    inset-inline-start: -4px;
    top: -4px
}

.noContain_cc5dd2 {
    contain: style
}

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

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

.upperBadge_cc5dd2 {
    inset-inline-end: 0;
    pointer-events: none;
    position: absolute;
    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-base-lowest)
}

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

.menu_c1e9c4 {
    --custom-menu-viewport-padding: 16px;
    --custom-menu-separator-margin: 8px;
    --custom-menu-flexible-min-width: 188px;
    background: var(--background-surface-high);
    background-color: var(--background-surface-higher);
    border: 1px solid var(--border-subtle);
    border-radius: 8px;
    box-shadow: var(--shadow-high);
    box-sizing: border-box;
    cursor: default;
    display: flex;
    height: auto;
    max-height: var(--reference-position-layer-max-height,calc(100vh - var(--custom-menu-viewport-padding)*2));
    z-index: 1
}

.scroller_c1e9c4 {
    padding: 8px
}

.fixed_c1e9c4 {
    width: 220px
}

.flexible_c1e9c4 {
    max-width: 320px;
    min-width: var(--custom-menu-flexible-min-width)
}

.item_c1e9c4 {
    border-radius: 2px;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    line-height: 18px;
    margin: 0
}

.item_c1e9c4.hideInteraction_c1e9c4 {
    cursor: default
}

.item_c1e9c4:hover {
    background-color: var(--background-mod-subtle)
}

.customItem_c1e9c4 {
    border-color: var(--interactive-text-default);
    color: var(--interactive-text-default);
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    line-height: 18px
}

.labelContainer_c1e9c4 {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    min-height: 32px;
    padding: 8px
}

.label_c1e9c4 {
    flex: 1 1 auto;
    text-overflow: ellipsis;
    white-space: nowrap
}

.label_c1e9c4,.marqueeContainer_c1e9c4 {
    overflow: hidden
}

.labelContainer_c1e9c4.focused_c1e9c4 .marqueeContainer_c1e9c4[data-overflow],.labelContainer_c1e9c4:hover .marqueeContainer_c1e9c4[data-overflow] {
    -webkit-mask-image: linear-gradient(90deg,transparent,#000 8px,#000 calc(100% - 8px),transparent);
    mask-image: linear-gradient(90deg,transparent,#000 8px,#000 calc(100% - 8px),transparent)
}

.marqueeText_c1e9c4 {
    display: inline-block;
    inset-inline-start: 0;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap
}

.labelContainer_c1e9c4.focused_c1e9c4 .marqueeContainer_c1e9c4[data-overflow] .marqueeText_c1e9c4,.labelContainer_c1e9c4:hover .marqueeContainer_c1e9c4[data-overflow] .marqueeText_c1e9c4 {
    inset-inline-start: calc(var(--custom-marquee-overflow, 0px)*-1);
    max-width: none;
    overflow: visible;
    transition: inset-inline-start 2s linear
}

.switchItem_c1e9c4 {
    align-items: center;
    display: flex;
    gap: var(--space-16);
    justify-content: space-between;
    min-height: var(--space-32);
    padding: var(--space-8)
}

.switchItem_c1e9c4 .labelContainer_c1e9c4 {
    min-height: 0;
    padding: 0
}

.subtext_c1e9c4,.switchItem_c1e9c4 .label_c1e9c4 {
    white-space: normal
}

.subtext_c1e9c4 {
    margin-top: 2px
}

.subtextLineClamp_c1e9c4 {
    white-space: pre
}

.iconContainer_c1e9c4 {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    height: 20px;
    margin-inline-start:8px;width: 20px
}

.iconContainerLeft_c1e9c4 {
    margin-inline:0 8px}

.iconContainerLarge_c1e9c4 {
    height: 32px;
    width: 32px
}

.badgeContainer_c1e9c4 {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    height: 18px;
    margin-inline-start:8px}

.switchContainer_c1e9c4 {
    flex-shrink: 0
}

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

.avatarAccessory_c1e9c4,.imageAccessory_c1e9c4 {
    flex: 0 0 auto;
    height: 18px;
    margin-inline-end:8px;-o-object-fit: contain;
    object-fit: contain;
    width: 18px
}

.roleDotAccessory_c1e9c4 {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    height: 20px;
    justify-content: center;
    margin-inline-end:8px;width: 20px
}

.statusAccessory_c1e9c4 {
}

.guildTagAccessory_c1e9c4 {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    margin-inline-end:8px}

.avatarAccessory_c1e9c4 {
    border-radius: var(--radius-round);
    -o-object-fit: cover;
    object-fit: cover
}

.shortcutContainer_c1e9c4 {
    flex: 0 0 auto;
    margin-inline-start:8px;max-height: 18px
}

.caret_c1e9c4 {
    color: var(--text-muted);
    height: 20px;
    width: 20px
}

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

.separator_c1e9c4 {
    border-bottom-color: var(--border-subtle);
    border-bottom: 1px solid var(--border-subtle);
    box-sizing: border-box;
    margin: var(--custom-menu-separator-margin,8px)
}

.submenuPaddingContainer_c1e9c4 {
    padding: 0 8px
}

.submenu_c1e9c4 {
    max-height: var(--custom-floating-layer-max-height,var(--reference-position-layer-max-height));
    max-width: 320px;
    min-width: 188px
}

.colorDefault_c1e9c4 {
    border-color: var(--interactive-text-default);
    color: var(--interactive-text-default)
}

.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(--interactive-background-hover);
    border-radius: 4px;
    color: var(--text-strong)
}

.keyboard-mode .colorDefault_c1e9c4.focused_c1e9c4 {
    outline: 2px solid var(--border-focus);
    outline-offset: -2px
}

.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(--interactive-text-active)
}

.colorDefault_c1e9c4.focused_c1e9c4 .subtext_c1e9c4 {
    color: var(--text-subtle)
}

.colorDefault_c1e9c4:active:not(.hideInteraction_c1e9c4) {
    background-color: var(--background-mod-subtle);
    color: var(--white)
}

.colorDefault_c1e9c4 .label_c1e9c4 {
    color: var(--text-strong)
}

.colorBrand_c1e9c4,.colorDanger_c1e9c4 {
}

.colorDanger_c1e9c4 {
    color: var(--text-feedback-critical)
}

.colorDanger_c1e9c4 .checkbox_c1e9c4,.colorDanger_c1e9c4 .radioSelection_c1e9c4 {
    color: var(--icon-feedback-critical)
}

.colorDanger_c1e9c4.focused_c1e9c4 {
    background-color: var(--background-feedback-critical)
}

.colorDanger_c1e9c4.focused_c1e9c4,.colorDanger_c1e9c4.focused_c1e9c4 .check_c1e9c4,.colorDanger_c1e9c4.focused_c1e9c4 .label_c1e9c4 {
    color: var(--text-feedback-critical)
}

.colorDanger_c1e9c4.focused_c1e9c4:not(.checkboxContainer_c1e9c4) path {
    fill: var(--text-feedback-critical)
}

.colorDanger_c1e9c4:active:not(.hideInteraction_c1e9c4) {
    background-color: var(--background-feedback-critical);
    color: var(--text-feedback-critical)
}

.colorDanger_c1e9c4 .label_c1e9c4 {
    color: var(--text-feedback-critical)
}

.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 {
    color: var(--text-muted);
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-transform: capitalize
}

.loader_c1e9c4 {
    align-items: center;
    justify-content: center;
    padding: 16px
}

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

[data-popout-animating=true] .item_c1e9c4[aria-haspopup=true] {
    pointer-events: none
}

svg.radioIcon_c1e9c4 {
    height: 20px;
    width: 20px
}

:where(.density-compact) .labelContainer_c1e9c4 {
    padding: 4px 8px
}

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

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

.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
}

.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-mod-normal)
}

.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(--text-strong)
}

.mask_a423bd {
    display: block
}

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

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

.wrapper__6e9f8 {
    cursor: pointer;
    transition: background-color .1s ease-out,color .1s ease-out
}

.childWrapper__6e9f8,.wrapper__6e9f8 {
    align-items: center;
    display: flex;
    height: var(--guildbar-avatar-size);
    justify-content: center;
    width: var(--guildbar-avatar-size)
}

.childWrapper__6e9f8 {
    color: var(--text-default);
    transition: scale .15s ease-out,background-color .15s ease-out,color .15s ease-out
}

.childWrapperNoHoverBg__6e9f8 {
    background-color: var(--background-mod-subtle)
}

.custom-theme-background .childWrapperNoHoverBg__6e9f8 {
    background-color: var(--background-mod-strong)
}

.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(--background-brand);
    color: var(--white)
}

.acronym__6e9f8 {
    font-weight: var(--font-weight-medium);
    line-height: 1.2em;
    white-space: nowrap
}

.icon__6e9f8 {
    display: block;
    height: var(--guildbar-avatar-size);
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none;
    width: var(--guildbar-avatar-size)
}

.icon__6e9f8:before {
    background-color: var(--background-mod-subtle);
    content: "";
    display: block;
    height: 100%;
    width: 100%
}

.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
}

.hamburger__9293f {
    flex: 0 0 auto;
    margin-inline-end:-4px}

.container__9293f {
    color: var(--text-default);
    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-base-lower);
    border-bottom: 1px solid var(--border-subtle);
    height: var(--custom-channel-header-height);
    padding-inline-start:calc(var(--custom-message-margin-horizontal))}

.container__9293f,.container__9293f * {
    box-sizing: border-box
}

.container__9293f.transparent__9293f {
    background: transparent
}

.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%;
    inset-inline-end: 0;
    position: absolute;
    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
}

.container__9293f.hidden__9293f {
    opacity: 0;
    pointer-events: none
}

.toolbar__9293f {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--space-xs);
    min-width: 0;
    padding-inline-start:var(--space-xs)}

.toolbar__9293f .iconWrapper__9293f {
    margin: 0
}

.title__9293f {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
    white-space: nowrap
}

.titleWrapper__9293f {
    flex: 0 0 auto;
    margin-block:0;margin-inline:0 8px;min-width: auto
}

.clickable__9293f {
    cursor: pointer
}

.iconWrapper__9293f {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    height: var(--space-32);
    justify-content: center;
    margin: 0;
    position: relative;
    width: var(--space-32)
}

.icon__9293f {
    display: block;
    -webkit-app-region: no-drag;
    height: var(--chat-input-icon-size);
    width: var(--chat-input-icon-size)
}

.channelIcon__9293f {
    margin-inline:-1px calc(var(--custom-message-margin-horizontal)/2 + 1px);width: auto
}

.icon__9293f {
    color: var(--channel-icon)
}

.clickable__9293f .icon__9293f {
    color: var(--icon-muted)
}

.clickable__9293f:hover .icon__9293f {
    color: var(--icon-subtle)
}

.selected__9293f .icon__9293f {
    color: var(--icon-strong)
}

.iconDisabled__9293f {
    opacity: .6
}

.iconBadge__9293f {
    background-color: var(--background-feedback-notification);
    border-radius: 8px;
    height: 8px;
    position: absolute;
    width: 8px
}

.iconBadgeTop__9293f {
    inset-inline-end: 2px;
    top: 2px
}

.iconBadgeBottom__9293f {
    --custom-icon-offset: calc((var(--chat-input-icon-size) - 8px)/2);
    bottom: var(--custom-icon-offset);
    inset-inline-end: var(--custom-icon-offset)
}

.divider__9293f {
    background: var(--border-subtle);
    flex: 0 0 auto;
    height: 24px;
    margin: 0 4px;
    width: 1px
}

.dot__9293f {
    align-items: center;
    color: var(--background-mod-strong);
    height: 4px;
    margin: 0 4px;
    width: 4px
}

.caret__9293f {
    color: var(--icon-muted);
    flex-shrink: 0;
    margin: 0 2px;
    width: 10px
}

.scrollable__9293f {
    overflow: auto;
    -ms-overflow-style: none
}

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

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

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

.scrollable__9293f::-webkit-scrollbar {
    display: none
}

.high-contrast-mode .container__9293f,.theme-midnight .container__9293f {
    border-bottom: 1px solid var(--border-subtle)
}

.high-contrast-mode .container__9293f.transparent__9293f,.theme-midnight .container__9293f.transparent__9293f {
    border-bottom: none
}

.theme-dark .themed__9293f {
    background: var(--background-gradient-lower,var(--__header-bar-background))
}

.theme-dark .themedMobile__9293f {
    background: var(--background-gradient-high,var(--__header-bar-background))
}

.theme-light .themed__9293f {
    background: var(--background-gradient-lowest,var(--__header-bar-background))
}

.theme-light .themedMobile__9293f {
    background: var(--background-gradient-low,var(--__header-bar-background))
}

.enable-forced-colors .container__9293f {
    border-bottom: 2px solid CanvasText
}

.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(--text-strong)
}

.nitroWheel_c5f0dc {
    height: 16px;
    margin-inline:2px 4px;vertical-align: sub;
    width: 16px
}

.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: 8px;
    cursor: pointer;
    height: 100%;
    width: 100%
}

.themeSelection__36dee.selected__36dee {
    cursor: default
}

.defaultThemeSelection__36dee {
    box-shadow: inset 0 0 0 1px var(--interactive-text-default)
}

.selectionCircle__36dee {
    border-radius: 8px;
    box-shadow: inset 0 0 0 4px var(--brand-500);
    cursor: default;
    height: calc(100% + 4px);
    inset-inline-start: -2px;
    pointer-events: none;
    position: absolute;
    top: -2px;
    width: calc(100% + 4px)
}

.checkmarkCircle__36dee {
    inset-inline-end: -6px;
    position: absolute;
    top: -6px
}

.checkmark__36dee {
    color: var(--brand-500)
}

.redCircle__36dee {
    background-color: var(--red-430);
    border-radius: 50%;
    inset-inline-end: -6px;
    top: -6px
}

.lockedBadgeContainer__36dee,.redCircle__36dee {
    background-clip: content-box;
    box-shadow: inset 0 0 0 2px var(--background-base-low);
    cursor: pointer;
    height: 18px;
    padding: 1px;
    position: absolute;
    width: 18px;
    z-index: 2
}

.lockedBadgeContainer__36dee {
    align-items: center;
    background-color: var(--background-base-low);
    border-radius: var(--radius-round);
    bottom: 0;
    display: flex;
    inset-inline-end: 0;
    justify-content: center
}

.lockedBadge__36dee {
    color: var(--icon-strong);
    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 {
    --background-gradient: linear-gradient(var(--opacity-black-20),var(--opacity-black-20))
}

.lightOverlay__36dee {
    --background-gradient: 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)
}

.lightIcon__36dee {
    background: var(--white)
}

.badgeContainer__8fea4 {
    position: relative
}

.badgeContainer__8fea4,.container__8fea4 {
    display: flex;
    justify-content: center
}

.container__8fea4 {
    align-items: center
}

.paletteIcon__8fea4 {
    filter: drop-shadow(0 1px 4px rgba(0,0,0,.14))
}

.newBadge__8fea4 {
    position: absolute;
    top: -8px;
    z-index: 1
}

.newRing__8fea4 {
    border-radius: 8px;
    filter: drop-shadow(0 0 4px rgba(180,115,245,.44));
    height: calc(100% + 8px);
    inset-inline-start: -4px;
    position: absolute;
    top: -4px;
    width: calc(100% + 8px)
}

.darkOverlay__8fea4 {
    --background-gradient: linear-gradient(var(--opacity-black-40),var(--opacity-black-40))
}

.lightOverlay__8fea4 {
    --background-gradient: linear-gradient(var(--background-mod-subtle),var(--background-mod-subtle))
}

.borderOverlay__8fea4 {
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px var(--border-strong);
    inset: 0;
    pointer-events: none;
    position: absolute
}

.disabled__8fea4 {
    opacity: .5;
    pointer-events: none
}

.header__67a11 {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.headings__67a11 {
    display: flex;
    flex-direction: column;
    gap: var(--space-8)
}

.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-inline-start:2px}

.premiumIcon__67a11 {
    color: var(--icon-strong)
}

.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;
    inset-inline-start: 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)
    }
}

.subtext__67a11 {
    color: var(--text-subtle)
}

.titleText__67a11 {
    color: var(--text-strong)
}

.root_df4c28 {
    --custom-playground-offset-top: calc(var(--custom-app-top-bar-height) + var(--space-4));
    background: var(--background-base-lowest);
    display: grid;
    grid-template-columns: auto 1fr;
    height: 100vh;
    max-height: 100vh;
    overflow: hidden;
    padding-top: var(--custom-playground-offset-top)
}

.group_df4c28 {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--space-12);
    width: var(--custom-guild-list-width)
}

.header_df4c28 {
    border-inline-start:1px solid var(--app-frame-border);border-start-start-radius: var(--radius-md);
    border-top: 1px solid var(--app-frame-border)
}

.headerDivider_df4c28 {
    margin-inline-end:var(--space-12)}

.headerRight_df4c28 {
    margin-inline-start: auto;
    padding-inline-end:var(--space-8)}

.sidebar_df4c28 {
    background: var(--background-base-lowest);
    border-inline-end:1px solid var(--border-subtle);border-inline-start: 1px solid var(--border-subtle);
    overflow-y: auto;
    padding: var(--space-16);
    padding-bottom: var(--space-24);
    width: 280px
}

.page_df4c28 {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr;
    height: 100%;
    min-height: 0;
    padding-bottom: var(--custom-playground-offset-top)
}

.content_df4c28,.main_df4c28 {
    flex: 1;
    height: 100%;
    min-height: 0
}

.main_df4c28 {
    display: flex
}

.mainRightLayout_df4c28 {
    flex-direction: row
}

.mainBottomLayout_df4c28 {
    flex-direction: column
}

.canvas_df4c28 {
    background-color: var(--background-base-lower);
    flex: 1;
    overflow: auto;
    padding: var(--space-24);
    padding-bottom: var(--space-32)
}

.controls_df4c28 {
    background: var(--background-base-lowest);
    overflow-y: auto;
    padding: var(--space-16);
    padding-bottom: var(--space-24)
}

.controlsRight_df4c28 {
    border-inline-start:1px solid var(--border-subtle);width: 300px
}

.controlsBottom_df4c28 {
    border-block-start:1px solid var(--border-subtle);max-height: 300px
}

.controlsSection_df4c28 {
    margin-bottom: 24px
}

.storyContent_df4c28 {
    background: var(--background-surface-high);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    contain: layout;
    container-type: inline-size;
    padding: var(--space-24)
}

.errorCodeMessage__85414 {
    margin-top: 16px
}

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

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

.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;
    inset-inline-end: 0
}

.cursorDefault__44b0c {
    cursor: default
}

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

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

.avatar__44b0c,.avatarBorder__44b0c {
    border-radius: 50%
}

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

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

.pointerEvents__44b0c {
    pointer-events: auto
}

.avatarDecorationContainer__44b0c {
    contain: paint;
    inset-inline-start: var(--custom-avatar-avatar-decoration-border-position);
    pointer-events: none;
    position: absolute;
    top: var(--custom-avatar-avatar-decoration-border-position)
}

.avatarDecoration__44b0c {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none;
    width: 100%
}

.cutoutIcon__44b0c {
    color: var(--icon-muted);
    height: 100%;
    width: 100%
}

.cutoutIcon__44b0c,.largeEmoji__44b0c {
    align-items: center;
    display: flex
}

.largeEmoji__44b0c {
    font-size: 48px;
    justify-content: center
}

.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-base-low);
    color: var(--text-strong)
}

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

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

.secondary__06eda {
    color: var(--text-default)
}

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

.tertiary__06eda {
    background-color: var(--background-base-lowest);
    color: var(--interactive-text-default)
}

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

.primary__06eda,.secondary__06eda,.tertiary__06eda {
    background-color: var(--control-secondary-background-default);
    color: var(--control-secondary-text-default)
}

.primary__06eda:hover,.secondary__06eda:hover,.tertiary__06eda:hover {
    background-color: var(--control-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
}

.collapseable__217b7 {
    background-color: var(--background-base-low);
    border-radius: var(--radius-sm);
    position: relative;
    transition: background-color .1s ease
}

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

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

.collapseable__217b7.toggled__217b7 {
    cursor: default
}

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

.collapseable__217b7.toggled__217b7:before {
    opacity: 1
}

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

.header__217b7 {
    cursor: pointer;
    position: relative
}

.header__217b7.toggled__217b7 {
    cursor: default
}

.contentExpandContainer__217b7 {
    flex: 1;
    overflow: hidden
}

.showOverflow__217b7 {
    overflow: visible
}

.combobox__97e86 {
    height: 100%;
    overflow: hidden;
    padding: var(--space-8)
}

.header__97e86 {
    padding-bottom: var(--space-8)
}

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

.list__97e86.scroller__97e86 {
    margin-block:0 8px;margin-inline:8px 0}

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

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

.itemLabel__97e86 {
    width: 100%
}

.itemCheckbox__97e86~.itemLabel__97e86 {
    margin-inline-start: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(--interactive-background-selected)
}

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

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

.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(--modal-background);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    box-sizing: border-box;
    overflow: hidden;
    padding: 8px;
    width: 250px
}

.scroller__3dde2 {
    padding: 0
}

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

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

.positioner_a516b9 {
    bottom: 0;
    inset-inline: 0;
    position: fixed;
    text-align: center;
    z-index: 1000
}

.container_a516b9 {
    align-items: center;
    background-color: var(--background-surface-high);
    border-radius: 8px;
    box-shadow: var(--shadow-border),var(--shadow-high);
    display: inline-flex;
    justify-content: center;
    margin: auto auto 16px;
    max-width: 90vw;
    padding: 16px
}

.bindName_a516b9 {
    flex: 0 0 auto;
    margin-inline-end:8px}

.shortcut_a516b9 {
    flex: 0 0 auto;
    margin: 0 2px
}

.separator_a516b9 {
    color: var(--text-default);
    flex: 0 0 auto;
    font-weight: var(--font-weight-semibold);
    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
}

.fieldWrapper_ce6bbd {
    padding-top: 4px;
    position: relative
}

.interactive_bf202d {
    border-radius: inherit;
    color: var(--interactive-text-default);
    cursor: pointer
}

.interactive_bf202d:focus-within,.interactive_bf202d:hover {
    background: var(--interactive-background-hover);
    color: var(--interactive-text-hover)
}

.interactive_bf202d:active {
    background: var(--interactive-background-active);
    color: var(--interactive-text-active)
}

.muted_bf202d {
    color: var(--text-muted)
}

@media (min-width: 486px) {
    .selected_bf202d {
        background:var(--interactive-background-selected);
        color: var(--interactive-text-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 {
    inset: 0;
    pointer-events: none;
    position: absolute;
    visibility: hidden;
    z-index: -1
}

.tooltip__3ff92 {
    display: flex;
    flex-wrap: wrap;
    gap: 4px
}

.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
}

.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
}

.sliderContainer__65039 {
    box-sizing: border-box;
    overflow: visible;
    padding: 0 8px
}

.slider__65039 {
    position: relative;
    top: -4px
}

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

.backdrop__78332.withLayer__78332 {
    pointer-events: all
}

.backdrop_bc663c {
    background-color: var(--black)
}

.backdrop_bc663c,.layer_bc663c {
    inset: 0;
    position: absolute
}

.layer_bc663c {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 0;
    padding-bottom: var(--space-24);
    padding-top: var(--space-24)
}

.layer_bc663c:has([data-modal-align=top]) {
    bottom: auto;
    padding-top: 0
}

.inactive_bc663c>* {
    pointer-events: none!important;
    z-index: -1
}

.content__6e5a0 {
    padding-bottom: 20px
}

.cancelButton__6e5a0 {
    margin-inline-end:var(--space-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: -moz-min-content;
    width: min-content
}

.pageButton_c15210 {
    box-sizing: border-box;
    color: var(--text-strong);
    cursor: pointer;
    font-weight: var(--font-weight-semibold);
    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-mod-normal);
    color: var(--interactive-text-hover)
}

.roundButton_c15210 {
    border-radius: 14px;
    min-width: var(--custom-paginator-round-button-size)
}

.endButton_c15210 {
    padding: 0 8px
}

.endButton_c15210:first-child {
    padding-inline-end:12px}

.endButton_c15210:last-child {
    padding-inline-start:12px}

.endButtonInner_c15210 {
    align-items: center;
    display: flex
}

.gap_c15210 {
    color: var(--text-default);
    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-inline-end:4px}

.iconCaret_c15210:last-child {
    margin-inline-start:4px}

.jumpToPageInlineInput_c15210 {
    width: 50px
}

.jumpToPageInlineInput_c15210+.activeButton_c15210 {
    margin-inline-start:10px}

.activeButton_c15210+.jumpToPageInlineInput_c15210 {
    margin-inline-start: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)
}

.selectableItem_eb626b {
    border-radius: 3px;
    box-sizing: border-box;
    color: var(--text-strong);
    cursor: pointer;
    height: 34px;
    margin: 2px 0;
    margin-inline-end:4px;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-mod-normal);
    border-radius: 5px;
    padding: 10px 10px 0
}

.popoutListEmpty__92efc {
    box-sizing: border-box;
    color: var(--text-strong);
    cursor: default;
    margin-block:2px;margin-inline:0 4px;padding: 8px 10px 0
}

.divider__92efc {
    margin: 8px 0
}

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

.roleDotRight__703b9 {
    margin-inline-start:.25rem}

.roleDotLeft__703b9 {
    margin-inline-end:.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-inline-end:20px;padding-bottom: 20px;
    padding-top: 20px
}

.tabContainer__9e06a {
    color: var(--text-muted)
}

.pillContainer__9e06a,.tabContainer__9e06a {
    display: flex;
    flex-direction: row
}

.pillContainer__9e06a {
    background-color: var(--background-base-lowest);
    border-radius: var(--radius-md);
    gap: var(--space-4);
    justify-content: stretch;
    padding: var(--space-4)
}

.pillItem__9e06a {
    border-radius: var(--radius-sm);
    color: var(--text-subtle);
    cursor: pointer;
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    padding: 8px 16px
}

.pillItem__9e06a:not(.pillItemSelected__9e06a):hover {
    background-color: var(--background-mod-subtle)
}

.pillItemSelected__9e06a {
    background-color: var(--background-surface-high);
    color: var(--interactive-text-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(--text-strong)
}

.icon__9e06a {
    height: 16px;
    width: 16px
}

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

.pillItemText__9e06a {
    line-height: 1
}

.disabled__9e06a {
    cursor: not-allowed
}

.disabledContainer__9e06a {
    opacity: .3
}

.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%
}

@media screen and (max-height: 550px),screen and (max-width:485px) {
    .outerAnimatedDivDynamicSizing__59d99 {
        min-height:100%!important;
        min-width: 100%!important
    }

    .innerAnimatedDivDynamicSizing__59d99 {
        width: 100%!important
    }
}

.containerTop__45edc {
    top: calc(var(--custom-app-top-bar-height) + var(--space-8))
}

.containerBottom__45edc,.containerTop__45edc {
    display: flex;
    flex-direction: column;
    inset-inline-start: 50%;
    position: fixed;
    transform: translateX(-50%);
    z-index: 4999
}

.containerBottom__45edc {
    bottom: 140px
}

.breadcrumbs__75013 {
    overflow: hidden
}

.breadcrumbWrapper__75013 {
    align-items: center;
    color: var(--text-muted);
    display: flex;
    flex-grow: 0;
    font-weight: var(--font-weight-semibold)
}

.activeBreadcrumb__75013 {
    color: var(--interactive-text-active)
}

.breadcrumbClickWrapper__75013,.breadcrumbFinalWrapper__75013 {
    overflow: hidden
}

.breadcrumb__75013 {
    font-size: 14px
}

.breadcrumbArrow__75013 {
    height: 18px;
    width: 18px
}

.interactiveBreadcrumb__75013 {
    cursor: pointer
}

.container__459fb {
    display: flex;
    flex-wrap: wrap;
    margin-top: -10px;
    margin-inline-end:-10px}

.container__459fb.gradient__459fb {
    flex-wrap: nowrap
}

.customContainer__459fb,.defaultContainer__459fb {
    flex: 1;
    margin-top: 10px;
    margin-inline-end: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-base-low);
    border: 1px solid var(--border-subtle);
    border-radius: 4px;
    box-shadow: var(--shadow-border),var(--shadow-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-inline-end:10px;padding: 0;
    position: relative;
    width: 20px
}

.colorPickerSwatch__459fb.custom__459fb,.colorPickerSwatch__459fb.default__459fb {
    border-radius: 4px;
    height: 50px;
    margin-inline-end:0;width: 100%
}

.colorPickerSwatch__459fb.gradientPreset__459fb {
    border: none;
    height: 20px;
    margin-inline-end:var(--space-8);width: 40px
}

.colorPickerSwatch__459fb.disabled__459fb {
    cursor: not-allowed;
    opacity: .3;
    pointer-events: none
}

.colorPickerSwatch__459fb .colorPickerDropper__459fb {
    inset-inline-end: 4px;
    position: absolute;
    top: 4px
}

.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 {
    background-color: var(--input-background-default);
    border: 1px solid var(--input-border-default);
    border-radius: var(--radius-sm);
    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 {
    background-color: var(--background-feedback-critical);
    border-color: var(--text-feedback-critical);
    color: var(--text-feedback-critical)
}

.copyInputSuccess_fffc15 {
    background-color: var(--background-feedback-positive);
    border-color: var(--text-feedback-positive);
    color: var(--text-feedback-positive)
}

.layout_fffc15 {
    inset: 0;
    position: absolute
}

.inputWrapper_fffc15 {
    position: relative
}

.button_fffc15 {
    border-radius: var(--radius-xs);
    margin-block:4px;margin-inline:0 4px;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-block:10px;padding-inline:10px 0;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-default)
}

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

.inputHidden_fffc15 {
    visibility: hidden
}

.hiddenMessage_fffc15,.inputDefault_fffc15 {
    color: var(--text-default)
}

.hiddenMessage_fffc15::-moz-placeholder,.inputDefault_fffc15::-moz-placeholder {
    color: var(--input-placeholder-text-default)
}

.hiddenMessage_fffc15::placeholder,.inputDefault_fffc15::placeholder {
    color: var(--input-placeholder-text-default)
}

.wrapper__33d12 {
    height: 100%;
    margin-inline:auto;max-width: 440px;
    width: 100%
}

.image__33d12 {
    background-size: 100% 100%
}

.title__33d12 {
    font-size: 17px;
    font-weight: var(--font-weight-semibold);
    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 {
    inset-inline: 0;
    bottom: 0;
    position: absolute
}

.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;
    position: absolute;
    top: -50%;
    inset-inline: -50% 0
}

.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)
    }
}

.iconLayout__0c4c4 {
    align-items: center;
    box-sizing: border-box;
    cursor: text;
    display: flex;
    justify-content: center
}

.iconLayout__0c4c4[data-size=sm],.iconLayout__0c4c4[data-size=sm] .iconContainer__0c4c4 {
    height: var(--icon-size-xs);
    width: var(--icon-size-xs)
}

.iconLayout__0c4c4[data-size=md],.iconLayout__0c4c4[data-size=md] .iconContainer__0c4c4 {
    height: var(--icon-size-sm);
    width: var(--icon-size-sm)
}

.pointer__0c4c4 {
    cursor: pointer
}

.iconContainer__0c4c4 {
    position: relative
}

.icon__0c4c4 {
    box-sizing: border-box;
    color: var(--interactive-text-default);
    height: 100%;
    inset-inline-start: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: rotate(90deg);
    width: 100%
}

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

.icon__0c4c4.visible__0c4c4 {
    opacity: 1;
    transform: rotate(0deg)
}

.clear__0c4c4 {
}

.iconLayout__0c4c4:hover .clear__0c4c4 {
    color: var(--interactive-text-hover)
}

.iconLayout__0c4c4:active .clear__0c4c4 {
    color: var(--interactive-text-active)
}

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

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

.enable-forced-colors .iconLayout__0c4c4:active .clear__0c4c4,.enable-forced-colors .iconLayout__0c4c4:hover .clear__0c4c4 {
    border-color: ButtonText;
    color: 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;
}

.textBadge__2b1f5 {
    border-radius: var(--radius-sm);
    overflow: hidden;
    padding: 0 6px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.baseShapeRound__2b1f5 {
    border-radius: var(--radius-round)
}

.baseShapeRoundLeft__2b1f5 {
    border-radius: var(--radius-xs) 0 0 var(--radius-xs)
}

.baseShapeRoundRight__2b1f5 {
    border-radius: 0 var(--radius-xs) var(--radius-xs) 0
}

.iconBadge__2b1f5,.numberBadge__2b1f5 {
    align-items: center;
    display: flex;
    justify-content: center
}

.iconBadge__2b1f5 {
    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-text-default);
    cursor: default;
    font-size: 13px
}

.quickSelectClick_ebaca5 {
    cursor: pointer
}

.quickSelectValue_ebaca5 {
    margin-inline-start:4px}

.quickSelectLabel_ebaca5 {
    color: var(--text-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.quickSelectArrow_ebaca5 {
    height: 7px;
    margin-inline-start:5px;width: 10px
}

.quickSelectPopout_ebaca5 {
    border-radius: 3px;
    color: var(--text-strong);
    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(--interactive-background-hover);
    color: var(--interactive-text-hover)
}

.theme-light .quickSelectArrow_ebaca5 {
    background: url(/assets/0bf989849f27d0a7.svg) 50% no-repeat
}

.theme-light .quickSelectPopout_ebaca5 {
    background-color: var(--white)
}

.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)
}

.value__96f95 {
    width: 48px
}

.actions__96f95 {
    align-items: center;
    display: flex;
    gap: var(--space-4);
    justify-content: center
}

.wrapper__00943 {
    background-color: none;
    border: 1px solid var(--border-subtle);
    padding-inline:calc(var(--space-16) - 1px) calc(var(--space-16) - 2px)}

.overlay__00943 {
    align-items: center;
    bottom: -1px;
    box-sizing: border-box;
    display: none;
    inset-inline-end: 0;
    justify-content: flex-end;
    max-width: 100%;
    padding-inline-start:50px;position: absolute;
    top: -1px
}

.overlay__00943:empty {
    padding-inline-start:0}

.headerOverlay__00943,.sectionOverlay__00943,.twitchOverlay__00943 {
}

.headerOverlay__00943 {
    inset-inline-end: 32px
}

.section__00943 {
    background-color: var(--background-mod-muted);
    border: 1px solid var(--border-subtle);
    padding: 12px;
    position: relative
}

.section__00943:not(:last-child) {
    border-bottom: none
}

.section__00943:first-child {
    border-radius: 8px 8px 0 0
}

.section__00943:last-child {
    border-radius: 0 0 8px 8px
}

.section__00943:only-child {
    border-radius: 8px
}

.clickable__00943 {
    cursor: pointer
}

.clickable__00943:hover .textContent__00943 {
    text-decoration: underline
}

.textContent__00943 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.separator__00943 {
    background-color: var(--border-subtle);
    height: 1px
}

.separator__00943.inset__00943 {
    margin-inline:12px}

.header__00943 {
    align-items: center;
    display: grid;
    height: 36px;
    position: relative;
    grid-gap: 12px
}

.headerFull__00943 {
    grid-template-columns: 32px minmax(20px,auto) 24px
}

.headerSimple__00943 {
    grid-template-columns: 32px minmax(20px,auto)
}

.headerAvatar__00943 {
    cursor: pointer
}

.headerIcon__00943,.multipleIconWrapper__00943 {
    border-radius: 4px;
    display: block;
    height: 24px;
    justify-self: end;
    width: 24px
}

.multipleIconWrapper__00943 {
    align-items: center;
    background-color: var(--background-mod-normal);
    border-radius: 50%;
    display: flex;
    justify-content: center
}

.multipleIcon__00943 {
    height: 18px;
    width: 18px
}

.body__00943 {
    border-radius: 8px
}

.body__00943:not(:empty) {
    margin-top: 12px
}

.body__00943 .separator__00943 {
    margin-bottom: 0;
    margin-top: 0
}

.wrapper__00943 .body__00943 {
    background: none
}

.voiceSection__00943 {
    display: grid;
    grid-template-columns: 32px minmax(20px,auto) max-content;
    grid-gap: 12px;
    align-items: center
}

.voiceSectionAssets__00943 {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 32px;
    justify-content: center;
    position: relative;
    width: 32px
}

.voiceSectionDetails__00943 {
    cursor: pointer
}

.voiceSectionDetails__00943:hover .voiceSectionText__00943 {
    text-decoration: underline
}

.voiceSectionGuildImage__00943,.voiceSectionNoGuildImageWrapper__00943 {
    border-radius: 50%;
    cursor: pointer;
    height: 32px;
    -webkit-mask: url(/assets/a90b040155ee449f.svg);
    mask: url(/assets/a90b040155ee449f.svg);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    mask-type: luminance;
    width: 32px
}

.voiceSectionNoGuildImageWrapper__00943 {
    align-items: center;
    background: var(--background-surface-high);
    color: var(--white);
    display: flex;
    justify-content: center
}

.voiceSectionNoGuildImage__00943 {
    display: inline-block;
    overflow: hidden
}

.voiceSectionIconWrapper__00943 {
    align-items: center;
    border-radius: 50%;
    bottom: -2px;
    display: flex;
    height: 16px;
    inset-inline-end: -2px;
    justify-content: center;
    position: absolute;
    width: 16px
}

.voiceSectionIcon__00943 {
    color: var(--text-default);
    height: 10px;
    width: 10px
}

.applicationStreamingSection__00943 {
    display: grid;
    grid-template-columns: 32px minmax(20px,auto) max-content;
    grid-gap: 12px;
    align-items: center
}

.applicationStreamingAvatar__00943 {
    cursor: pointer
}

.applicationStreamingPreviewWrapper__00943 {
    align-items: center;
    aspect-ratio: 16/9;
    background-color: var(--background-mod-normal);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin-top: 12px;
    overflow: hidden;
    position: relative
}

.applicationStreamingPreviewWrapper__00943:hover .applicationStreamingHoverText__00943 {
    opacity: 1
}

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

.applicationStreamingHoverText__00943 {
    background: var(--opacity-black-60);
    border-radius: var(--radius-xl);
    cursor: pointer;
    opacity: 0;
    padding: 7px 16px;
    position: absolute
}

.full-motion .applicationStreamingHoverText__00943 {
    transition: opacity var(--custom-button-transition-duration) ease
}

.xboxSection__00943 {
    display: grid;
    grid-template-columns: 32px minmax(20px,auto);
    grid-gap: 12px;
    align-items: center
}

.xboxSectionIcon__00943 {
    color: var(--primary-300);
    height: 28px;
    padding: 2px;
    width: 28px
}

.twitchSection__00943 {
    min-height: 32px
}

.twitchSectionHeader__00943 {
    display: grid;
    position: relative;
    grid-gap: 12px;
    align-items: center
}

.twitchSectionSimple__00943 {
    grid-template-columns: 32px minmax(20px,auto)
}

.twitchSectionFull__00943 {
    grid-template-columns: 32px minmax(20px,auto) 24px
}

.twitchSectionIcon__00943 {
    height: 32px;
    width: 32px
}

.twitchSectionPlayButton__00943 {
    cursor: pointer;
    inset-inline-start: calc(50% - 16px);
    opacity: .75;
    position: absolute;
    top: calc(50% - 16px)
}

.twitchSectionAvatar__00943 {
    justify-self: end
}

.twitchSectionPreviewWrapper__00943 {
    cursor: pointer;
    margin-top: 12px
}

.twitchSectionPreviewWrapper__00943:hover .twitchSectionPlayButton__00943 {
    opacity: 1
}

.twitchSectionPreview__00943 {
    border-radius: 4px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.gameSection__00943 {
    display: grid;
    grid-template-columns: 32px minmax(20px,auto) max-content;
    grid-gap: 12px;
    align-items: center
}

.gameSectionIcon__00943 {
    cursor: pointer;
    height: 32px;
    width: 32px
}

.activitySection__00943 {
    display: grid;
    grid-template-columns: 32px minmax(20px,auto);
    grid-gap: 12px;
    align-items: start
}

.activitySectionWithButtons__00943 {
    grid-template-columns: 32px minmax(20px,auto) minmax(0,max-content)
}

.activitySectionAssets__00943 {
    align-items: center;
    display: grid;
    justify-content: start;
    position: relative
}

.activitySectionAssets__00943 .largeImageMask__00943 {
    -webkit-mask: url(/assets/ed4c6d51411aad5e.svg);
    mask: url(/assets/ed4c6d51411aad5e.svg);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    mask-type: luminance
}

.activitySectionAssets__00943 .largeImage__00943 {
    border-radius: 4px;
    height: 32px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 32px
}

.activitySectionAssets__00943 .borderRadius0__00943 {
    border-radius: 0
}

.activitySectionAssets__00943 .smallImage__00943 {
    border-radius: 50%;
    bottom: -4px;
    height: 16px;
    inset-inline-end: -4px;
    position: absolute;
    width: 16px
}

.activitySectionDetails__00943 {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.spotifySection__00943 {
    grid-template-columns: 32px minmax(20px,auto) max-content
}

.theme-dark .voiceSectionIconWrapper__00943 {
    background-color: var(--primary-800)
}

.theme-light .voiceSectionIconWrapper__00943 {
    background: var(--primary-300)
}

.embeddedActivityTopRow__00943 {
    align-items: center;
    display: flex;
    margin-bottom: 8px
}

.embeddedActivityName__00943 {
    flex: 1
}

.embeddedActivityTimeElapsed__00943 {
    flex: 0 0 auto
}

.embeddedActivityPlayerContainer__00943 {
    align-items: center;
    aspect-ratio: 16/9;
    background: var(--black);
    border-radius: 12px;
    display: flex;
    justify-content: center;
    position: relative
}

.embeddedActivityImage__00943 {
    border-radius: 12px;
    height: auto;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.embeddedActivityImageOverlay__00943 {
    align-items: center;
    background: var(--opacity-black-60);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%
}

.embeddedActivityJoinWrapper__00943 {
    margin-top: 8px
}

.embeddedActivityIcon__00943 {
    margin-inline-end:8px}

.cloudPlaySectionSeparator__00943 {
    margin: 12px 0!important
}

.cloudPlaySection__00943 {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between
}

.cloudPlaySectionTextContainer__00943 {
    align-items: center;
    display: flex;
    gap: 8px
}

.refresh-active-now .wrapper__00943 {
    background: var(--background-base-low);
    border-radius: 16px;
    padding: 0
}

.refresh-active-now .body__00943 {
    border-radius: 0
}

.refresh-active-now .body__00943:not(:empty) {
    margin-top: 0
}

.refresh-active-now .header__00943 {
    background-color: var(--background-mod-muted);
    padding: 16px
}

.refresh-active-now .section__00943 {
    background: none;
    border: none;
    border-radius: 0;
    padding: 16px
}

.refresh-active-now .section__00943:not(:last-child) {
    border-bottom: 1px solid var(--border-subtle)
}

.refresh-active-now .applicationStreamingPreviewWrapper__00943 {
    border-radius: 8px
}

.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-top: -2px;
    margin-inline-end:-70px}

.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);
    inset-inline-start: 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(--interactive-background-hover);
    color: var(--interactive-text-hover)
}

.winButtonMinMax__421ed:active {
    background-color: var(--interactive-background-active);
    color: var(--interactive-text-active)
}

.winButtonClose__421ed {
}

.winButtonClose__421ed:hover {
    background-color: var(--background-feedback-critical);
    color: var(--white)
}

.winButton__421ed {
    color: var(--interactive-text-default)
}

.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-mod-subtle)
}

.custom-theme-background .withBackgroundOverride__421ed {
    background: var(--background-gradient-app-frame,var(--background-base-lowest))
}

.custom-theme-background .withBackgroundOverride__421ed.typeWindows__421ed {
    margin-top: 0;
    padding-top: 4px
}

.wrapper__61a6b {
    background-color: var(--background-base-lower);
    background-position: 50% 0;
    background-size: cover;
    color: var(--text-default);
    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(--text-strong);
    font-size: 24px;
    font-weight: var(--font-weight-semibold);
    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)
}

.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-surface-high);
    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-inline-start:-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);
    color: var(--primary-300);
    display: flex;
    font-size: 12px;
    font-weight: var(--font-weight-bold);
    height: 25px;
    justify-content: center;
    letter-spacing: .5px;
    margin-inline-start:-4px;width: 25px;
    z-index: 2
}

.memberListHeader_d6b206 {
    font-weight: var(--font-weight-semibold);
    margin-bottom: 12px;
    margin-top: 8px;
    text-transform: uppercase
}

.memberListHeader_d6b206,.memberListItemText_d6b206 {
    color: var(--text-default)
}

.viewersIcon_d6b206 {
    color: var(--primary-300);
    display: flex;
    height: 24px;
    margin-inline-end:4px;width: 24px
}

.viewersIcon_d6b206.activeButton_d6b206,.viewersIcon_d6b206:hover {
    color: var(--white)
}

.viewersTooltipItem_d6b206 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.memberListItem_d6b206:not(.popoutDisabled_d6b206):hover {
    background-color: var(--background-base-lowest)
}

.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.haven__94748,.videoHeight__94748.noChat__94748 {
    height: 100vh
}

.videoHeight__94748.fullScreen__94748 {
    height: 100vh;
    position: fixed;
    top: 0;
    inset-inline: 0;
    bottom: 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 {
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: 1
}

.videoBottom__94748,.videoCenter__94748,.videoTop__94748 {
    pointer-events: all
}

.videoBackground__94748,.videoBackgroundTransition__94748 {
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0;
    height: 100%;
    width: 100%
}

.videoBackgroundTransition__94748 {
    align-items: center;
    display: flex;
    overflow: hidden
}

.theme-light .video__94748.minimum__94748 {
    background-color: var(--white);
    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-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-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) 0,transparent 30%,transparent 60%,var(--black) 100%);
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 8px;
    pointer-events: none;
    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);
    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-inline-end: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);
    justify-content: flex-start;
    line-height: 20px;
    margin: 0;
    width: -moz-min-content;
    width: min-content
}

.headerTitle_e4cb9a:hover {
    border-bottom: 1px solid var(--white);
    cursor: pointer
}

.headerTitle_e4cb9a:hover .backButton_e4cb9a {
    color: var(--white)
}

.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);
    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
}

.root_e605a1 {
    background-color: var(--opacity-black-60);
    bottom: 0;
    position: absolute;
    top: 0;
    inset-inline: 0;
    pointer-events: none
}

.popIn_c7da74 {
    transform: rotate(-180deg)
}

.participantsButton__211d1 {
    background: var(--primary-630);
    border-radius: 48px;
    box-shadow: var(--shadow-border),var(--shadow-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-inline-end:4px}

.iconContainer__211d1 {
    display: flex
}

.iconContainer__211d1>svg {
    color: var(--white)
}

.fauxDisabled__666fa {
    opacity: .5
}

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

.container__183c2 {
    align-items: center;
    display: flex
}

.icon__183c2 {
    color: var(--text-muted);
    flex: 0 0 auto;
    height: 20px;
    margin-inline:-2px calc(var(--space-8) - 2px);width: 20px
}

.size56__183c2 .avatarContainer__183c2 {
    height: 56px;
    width: 56px
}

.size56__183c2 .avatarContainerMasked__183c2 {
    height: 56px;
    margin-inline-end:-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-inline-end:-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-inline-end:-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-inline-end:-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-mod-muted);
    border-radius: 50%
}

.emptyUserDimmed__183c2 {
    background: var(--background-scrim)
}

.avatarWithBackground__183c2 {
    align-items: center;
    background-color: var(--opacity-black-52);
    display: flex;
    justify-content: center;
    position: relative
}

.avatar__183c2,.avatarWithBackground__183c2 {
    border-radius: 50%;
    height: 100%;
    width: 100%
}

.moreUsers__183c2 {
    align-items: center;
    background-color: var(--background-base-lowest);
    box-sizing: border-box;
    color: var(--text-default);
    display: flex;
    font-weight: var(--font-weight-semibold);
    justify-content: center;
    line-height: 1;
    text-align: center
}

.moreUsers__183c2.moreUsersDimmed__183c2 {
    background-color: var(--background-scrim)
}

.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
}

.arrowIcon_f41a99 {
    height: 24px;
    transform: rotate(270deg);
    width: 24px
}

.arrowIconExpanded_f41a99 {
    transform: rotate(1turn)
}

.rightPipIcon_f41a99 {
    margin-inline-start:16px}

.leftPipIcon_f41a99 {
    margin-inline-end:16px}

.participantsButton_f41a99 {
    inset-inline-end: 16px;
    position: absolute;
    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);
    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) 0,var(--black) 30%,transparent 100%);
    cursor: pointer;
    height: 40px;
    padding: 8px
}

.pipHeaderButtonsRight_f41a99 {
    display: flex
}

.menuIcon_f41a99 {
    color: #fff
}

.leaveActivityIcon_f41a99 {
    height: 24px;
    margin-inline-start: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 {
    inset: 0;
    position: absolute
}

.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)
}

.closeButton__47998 {
    inset-inline-end: 14px;
    position: absolute;
    top: 14px
}

.art__47998 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.description__47998 {
    line-height: 1.44;
    margin-bottom: 20px
}

.conflictButton__47998 {
    background-color: var(--background-base-lower);
    border: 1px solid;
    height: 100px;
    justify-content: flex-start;
    padding: 20px;
    width: 100%
}

.linkButtonSize__47998 {
    height: 38px;
    width: auto
}

.linkButton__47998 {
    padding: 0
}

.linkButton__47998:hover {
    text-decoration: underline
}

.retryButton__47998 {
    margin-inline-end:8px}

.conflictButtonInner__47998 {
    align-items: center;
    display: flex;
    width: 100%
}

.title__47998 {
    color: var(--primary-300);
    font-size: 12px;
    font-weight: var(--font-weight-bold);
    letter-spacing: .5px;
    text-transform: uppercase
}

.buttonBody__47998 {
    color: var(--text-default);
    font-size: 16px;
    line-height: 1.25;
    text-align: start
}

.timestamp__47998 {
    font-weight: var(--font-weight-bold)
}

.choiceWrapper__47998 {
    margin-bottom: 20px;
    margin-top: 20px
}

.choiceLine__47998 {
    height: 1px;
    width: 100%
}

.choiceTitle__47998 {
    margin: 0 8px
}

.conflictTitle__47998 {
    margin-bottom: 4px
}

.conflictArt__47998 {
    height: 60px;
    margin-inline-end:20px;width: 60px
}

.conflictDownloadArt__47998,.conflictUploadArt__47998 {
}

.errorArt__47998 {
    height: 123px;
    margin-bottom: 40px;
    margin-top: 20px;
    width: 220px
}

.theme-dark .conflictButton__47998 {
    border-color: var(--primary-700)
}

.theme-dark .conflictButton__47998:hover {
    background-color: var(--primary-500)
}

.theme-dark .choiceLine__47998 {
    background-color: hsl(var(--primary-500-hsl)/.6)
}

.theme-light .conflictButton__47998 {
    border-color: hsl(var(--primary-200-hsl)/.6)
}

.theme-light .conflictButton__47998:hover {
    background-color: hsl(var(--primary-200-hsl)/.3);
    border-color: hsl(var(--primary-300-hsl)/.6)
}

.theme-light .choiceLine__47998 {
    background-color: hsl(var(--primary-200-hsl)/.6)
}

.modal__47998 {
    color: var(--text-default)
}

.images-light .conflictUploadArt__47998 {
    background-image: url(/assets/c48922675fa3fdb4.svg)
}

.images-light .conflictDownloadArt__47998 {
    background-image: url(/assets/7eb5ad9165537ef6.svg)
}

.images-light .errorArt__47998 {
    background-image: url(/assets/eaf420114113c0bc.svg)
}

.images-dark .conflictUploadArt__47998 {
    background-image: url(/assets/c9d06b948b249c3a.svg)
}

.images-dark .conflictDownloadArt__47998 {
    background-image: url(/assets/cc1962559d37a6d1.svg)
}

.images-dark .errorArt__47998 {
    background-image: url(/assets/49e200b52c0a66ab.svg)
}

@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-inline-end:var(--space-12);position: relative;
    -webkit-app-region: drag
}

.platform-osx .bar_c38106 {
    padding-inline-start:calc(100/var(--custom-zoom, 100)*(var(--custom-guild-list-width) + var(--space-md)))}

.platform-win .bar_c38106 {
    padding-inline-end: 0
}

.systemBar_c38106 {
    display: none;
    justify-content: flex-end;
    z-index: 999999
}

.show_c38106 {
    display: flex
}

.fixed_c38106 {
    position: fixed;
    top: 0;
    inset-inline: 0 var(--devtools-sidebar-width)
}

.title_c38106 {
    justify-content: center;
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0
}

.leading_c38106,.title_c38106 {
    align-items: center;
    display: flex
}

.leading_c38106 {
    box-sizing: border-box;
    justify-content: flex-start
}

.leading_c38106,.trailing_c38106 {
    gap: var(--space-12);
    position: relative;
    z-index: 1;
    -webkit-app-region: no-drag
}

.trailing_c38106,.winButtons_c38106 {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.winButtons_c38106 {
    color: var(--interactive-text-default);
    gap: var(--space-4)
}

.winButtonsWithDivider_c38106:before {
    border-inline-start: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(--interactive-background-hover);
    color: var(--interactive-text-hover)
}

.winButtonMinMax_c38106:active {
    background-color: var(--interactive-background-active);
    color: var(--interactive-text-active)
}

.winButtonClose_c38106 {
}

.winButtonClose_c38106:hover {
    background-color: var(--control-critical-primary-background-default);
    color: var(--control-critical-primary-icon-default)
}

.clouds__51c01 {
    bottom: 0;
    top: 0;
    inset-inline: 0
}

.cloud__51c01,.clouds__51c01 {
    position: absolute
}

.cloud__51c01 {
    opacity: 0;
    transform: scale(.5)
}

.full-motion .cloud__51c01 {
    animation: cloud__51c01 210s linear infinite
}

@keyframes cloud__51c01 {
    0% {
        inset-inline-start: 480px;
        opacity: 0;
        transform: translate(0) scale(.85)
    }

    15% {
        opacity: 1
    }

    35% {
        opacity: .65
    }

    50% {
        opacity: .85;
        transform: translateY(32px)
    }

    70% {
        opacity: .75
    }

    85% {
        opacity: 1
    }

    to {
        inset-inline-start: 1220px;
        opacity: 0;
        transform: translateY(24px) scale(.75)
    }
}

.wrapper__49d3a {
    position: absolute
}

.wrapper__49d3a:hover .vingette__49d3a {
    opacity: 50%
}

.character__49d3a {
    --custom-haven-participant-actions-offset-top: 80px;
    --custom-haven-avatar-offset: 48px;
    cursor: pointer;
    pointer-events: all;
    position: absolute
}

.character__49d3a.flip__49d3a {
    transform: scaleX(-1)
}

.vingette__49d3a {
    background: radial-gradient(#fff,transparent);
    background-repeat: no-repeat;
    border-radius: 30%;
    filter: blur(8px);
    inset-inline-start: -15%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: -15%;
    transition: opacity .15s linear
}

.participant__0e7cc {
    pointer-events: none
}

.participant__0e7cc.hovering__0e7cc .actions__0e7cc,.participant__0e7cc:hover .actions__0e7cc {
    opacity: 1;
    pointer-events: all
}

.avatar__0e7cc {
    --custom-haven-participant-actions-offset-top: 80px;
    --custom-haven-avatar-offset: 48px;
    cursor: pointer;
    pointer-events: all;
    position: absolute
}

.seat__68e91 {
    --custom-haven-seat-width: 180px;
    position: absolute;
    width: var(--custom-haven-seat-width)
}

.seat__68e91:not(.claimed__68e91) {
    cursor: pointer
}

.seatWrapper__68e91 {
    inset-inline-start: 15%;
    position: absolute
}

.image__68e91 {
    --custom-outline-width: 2px;
    --custom-negative-outline-width: calc(var(--custom-outline-width)*-1);
    filter: drop-shadow(var(--custom-outline-width) 0 0 transparent) drop-shadow(var(--custom-negative-outline-width) 0 0 transparent) drop-shadow(0 var(--custom-outline-width) 0 transparent) drop-shadow(0 var(--custom-negative-outline-width) 0 transparent);
    inset-inline-start: 0;
    position: absolute;
    will-change: filter
}

.image__68e91:not(.shadow__68e91) {
    animation: nux__68e91 1.5s ease
}

.image__68e91.noAnimation__68e91 {
    animation: none
}

.image__68e91.shadow__68e91 {
    bottom: 0;
    pointer-events: none
}

.image__68e91:hover {
    filter: drop-shadow(var(--custom-outline-width) 0 0 white) drop-shadow(var(--custom-negative-outline-width) 0 0 white) drop-shadow(0 var(--custom-outline-width) 0 white) drop-shadow(0 var(--custom-negative-outline-width) 0 white)
}

.image__68e91.claimed__68e91:hover,.image__68e91.shadow__68e91:hover {
    filter: drop-shadow(var(--custom-outline-width) 0 0 transparent) drop-shadow(var(--custom-negative-outline-width) 0 0 transparent) drop-shadow(0 var(--custom-outline-width) 0 transparent) drop-shadow(0 var(--custom-negative-outline-width) 0 transparent)
}

.pulse__68e91 {
    opacity: 1;
    transition: opacity .2s ease;
    width: var(--custom-haven-seat-width)
}

.pulse__68e91.idle__68e91,.pulse__68e91.occupied__68e91 {
    opacity: 0
}

@keyframes nux__68e91 {
    0%,to {
        filter: drop-shadow(var(--custom-outline-width) 0 0 transparent) drop-shadow(var(--custom-negative-outline-width) 0 0 transparent) drop-shadow(0 var(--custom-outline-width) 0 transparent) drop-shadow(0 var(--custom-negative-outline-width) 0 transparent)
    }

    50% {
        filter: drop-shadow(var(--custom-outline-width) 0 0 white) drop-shadow(var(--custom-negative-outline-width) 0 0 white) drop-shadow(0 var(--custom-outline-width) 0 white) drop-shadow(0 var(--custom-negative-outline-width) 0 white)
    }
}

.star_a54554 {
    inset-inline-start: 0;
    position: absolute;
    top: 0
}

.row__5adc3 {
    display: flex;
    flex-direction: row;
    gap: 8px
}

.havenWrapper__5adc3 {
    background: #0c1f26;
    border-radius: 12px;
    height: calc(100vh - var(--custom-app-top-bar-height) - 128px);
    margin: 48px 48px 0;
    opacity: 1;
    overflow: hidden;
    position: relative;
    transform: scale(1);
    width: 100%;
    z-index: 0
}

.haven__5adc3 {
    --custom-haven-seat-width: 120px;
    --custom-haven-seat-height: 40px;
    inset-inline-start: 0;
    position: absolute;
    top: 0
}

.full-motion .haven__5adc3 {
    transition: transform .15s linear
}

.haven__5adc3.noTransition__5adc3 {
    transition: none
}

.overlay__5adc3 {
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    height: 100%;
    inset: 0;
    pointer-events: all;
    position: absolute;
    width: 100%
}

.full-motion .overlay__5adc3 {
    transition: all 2s ease
}

.overlay__5adc3.out__5adc3 {
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    pointer-events: none
}

.overlay__5adc3.out__5adc3 .welcome__5adc3 {
    opacity: 0;
    transform: scale(.33)
}

.environment__5adc3 {
    height: 1536px;
    position: absolute;
    top: 0;
    width: 2180px
}

.background__5adc3 {
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

.background__5adc3,.video__5adc3 {
    inset-inline-start: 0;
    position: absolute
}

.video__5adc3 {
    top: 0
}

.noInteract__5adc3 {
    pointer-events: none
}

.bottomActions__5adc3 {
    align-items: flex-end;
    bottom: 20px;
    color: #fff;
    height: 20px;
    inset-inline: 0;
    justify-content: space-between;
    padding: 0 20px;
    position: absolute
}

.welcome__5adc3 {
    height: 400px;
    inset: 0;
    margin: auto;
    max-width: 380px;
    opacity: 1;
    padding: 24px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    transform: scale(1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    -webkit-user-drag: none
}

.full-motion .welcome__5adc3 {
    transition: all 2s ease
}

.hidden__5adc3 {
    opacity: 0;
    pointer-events: none
}

.interactionOverlay__5adc3 {
    inset: 0;
    pointer-events: all;
    position: absolute
}

.havenPipWrapper__3bbd0 {
    background: var(--black);
    overflow: hidden;
    pointer-events: none;
    position: relative
}

.havenContainer__3bbd0 {
    border-radius: 0;
    height: 100%;
    margin: 0;
    width: 100%
}

.pictureInPicture__6341f {
    inset-inline-start: 0;
    position: absolute;
    top: 0
}

.pictureInPicture__6341f.dragging__6341f {
    cursor: grabbing;
    height: 100%;
    pointer-events: auto;
    width: 100%
}

.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;
    inset-inline-start: -7px
}

.resizeHandleTopLeft__6341f {
    bottom: -7px;
    cursor: nwse-resize;
    inset-inline-end: -7px
}

.resizeHandleBottomRight__6341f {
    cursor: nwse-resize;
    inset-inline-start: -7px;
    top: -7px
}

.resizeHandleBottomLeft__6341f {
    cursor: nesw-resize;
    inset-inline-end: -7px;
    top: -7px
}

.belowSidebar__6341f {
    z-index: 90!important
}

.canvas_eb6eba {
    height: 100%;
    inset-inline-start: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10000
}

.errorPage__01b8d {
    width: 100%
}

.debugMode_fa952e {
    background-color: rgba(255,0,0,.25);
    border: 2px solid red
}

.clickable_fa952e {
    pointer-events: auto
}

.dismissButton_dd40b0 {
    align-items: center;
    background-color: var(--background-base-low);
    border: 1px solid var(--border-subtle);
    border-radius: 16px;
    box-shadow: var(--shadow-border) var(--shadow-high);
    cursor: pointer;
    display: flex;
    height: 24px;
    inset-inline-end: -8px;
    justify-content: center;
    line-height: 0;
    position: absolute;
    top: -8px;
    visibility: hidden;
    width: 24px
}

.dismissButton_dd40b0 .dismissIcon_dd40b0 {
    color: var(--interactive-text-default)
}

.dismissButton_dd40b0:hover {
    background-color: var(--background-surface-high)
}

.dismissButton_dd40b0:hover .dismissIcon_dd40b0 {
    color: var(--interactive-text-active)
}

.dismissButton_dd40b0:hover,.container:hover .dismissButton_dd40b0 {
    visibility: visible
}

.animationWrapper_e8d31f {
    background-color: rgba(19,19,24,.95);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-border) var(--shadow-high);
    position: absolute;
    transform-origin: 50% 100%;
    width: 100%
}

.clickZone_e8d31f {
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0
}

.animationWrapper_e8d31f.clickable_e8d31f:hover {
    background-color: rgba(28,29,35,.95)
}

.overflowWrapper_e8d31f {
    border-radius: var(--radius-sm);
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0;
    overflow: hidden
}

.container_e8d31f {
    box-sizing: border-box;
    padding: 8px;
    position: relative;
    width: var(--custom-notification-container-width)
}

.container_e8d31f:after {
    bottom: -8px;
    content: "";
    display: block;
    height: 8px;
    inset-inline-start: 0;
    position: absolute;
    width: 100%
}

.iconAndDetails_e8d31f {
    align-items: top;
    display: flex
}

.details_e8d31f,.footer_e8d31f {
    display: flex
}

.details_e8d31f {
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    overflow: hidden
}

.hint_e8d31f {
    margin-top: var(--space-4)
}

.clickable_e8d31f {
    cursor: pointer
}

.animationWrapper_e8d31f:hover .dismissButton_e8d31f,.dismissButton_e8d31f:hover {
    visibility: visible
}

.buttonContainer_e8d31f {
    display: flex;
    margin-top: var(--space-8)
}

.button_e8d31f {
    max-width: calc(50% - var(--space-4))
}

.button_e8d31f+.button_e8d31f {
    margin-inline-start:var(--space-8)}

.avatar_e8d31f {
    align-items: center;
    border-radius: 2px;
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    margin-inline-end:var(--space-12)}

.avatar_e8d31f,.icon_e8d31f {
    height: 40px;
    width: 40px
}

.icon_e8d31f {
    border-radius: var(--radius-sm)
}

.errorNotificationContainer_e13eda {
    background-color: rgba(19,19,24,.95);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-border) var(--shadow-high);
    position: relative!important
}

.errorNotificationWrapper_e13eda {
    height: auto;
    position: relative;
    top: auto;
    inset-inline: auto;
    bottom: auto;
    display: block;
    margin-top: 24px;
    margin-inline-start:24px;width: 300px
}

.errorClickNotification_e13eda {
    width: 300px
}

.stackTraceCode_e13eda {
    font-family: var(--font-code)
}

.code_e13eda {
    padding: 15px;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.notificationIcon_e13eda {
    fill: var(--white)
}

.popout__0bd4a {
    display: flex;
    flex-direction: column;
    height: 100vh
}

.content__0bd4a {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    min-height: 0;
    position: relative;
    --custom-chat-input-margin-bottom: var(--space-xs)
}

.titleBar__0bd4a {
    background: var(--background-gradient-app-frame,var(--background-base-lowest))
}

@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;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0;
    z-index: -1
}

.avatarWrapper_fb62e2 {
    border-radius: 50%
}

.user-profile-video-tile-background.background_fb62e2 {
    background: linear-gradient(color-mix(in oklab,var(--profile-gradient-primary-color) 20%,var(--profile-gradient-modal-background-color)),color-mix(in oklab,var(--profile-gradient-secondary-color) 60%,var(--profile-gradient-modal-background-color)) 100%)
}

.button_fbcaba {
    line-height: 0
}

.badgeUpgrade_fbcaba {
    bottom: 2px;
    color: var(--brand-500);
    inset-inline-end: 2px;
    position: absolute
}

.mirror__948a4 {
    transform: scaleX(-1)
}

.video__948a4 {
    background-color: var(--black);
    position: relative
}

.media__948a4,.video__948a4 {
    height: 100%;
    width: 100%
}

.media__948a4 {
    -o-object-fit: contain;
    object-fit: contain
}

.container__29209 {
    align-items: center;
    background: radial-gradient(100% 100% at 50% 100%,var(--modal-background) 60%,var(--transparent) 100%),linear-gradient(270deg,var(--expressive-gradient-purple-start) 0,var(--expressive-gradient-purple-end) 100%);
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    padding: var(--space-4);
    width: 100%
}

.content__29209,.cta__29209 {
    text-align: center;
    width: 100%
}

.cta__29209 {
    display: inline-block
}

.cta__29209>button {
    display: block;
    margin: 0 auto
}

.artContainer__29209 {
    padding-bottom: var(--space-48);
    width: 100%
}

.artContainer__29209.small__29209 {
    padding-bottom: 0
}

.art__29209 {
    background-image: url(/assets/422703837071ae97.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 185px;
    width: 100%
}

.art__29209.small__29209 {
    display: none
}

.art__29209.medium__29209 {
    height: 134px
}

.art__29209.large__29209 {
    height: 185px
}

.header__29209 {
    color: var(--text-strong);
    margin-bottom: var(--space-24);
    text-align: center
}

.content_c30e20 {
    align-items: center;
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    overflow: hidden
}

.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
}

.cta_c30e20 {
    z-index: 1
}

.addCta_c30e20 {
    margin-inline-start:8px}

.content__02686 {
    align-items: center;
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    overflow: hidden
}

.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-inline-start:8px;padding: 8px
}

.leftTrayIcon__2cdb8 {
    margin-inline-end:16px}

.rightTrayIcon__2cdb8 {
    margin-inline-start:16px}

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

.embedTargetHidden__2cdb8 {
    height: 0;
    visibility: hidden;
    width: 0
}

.participantName__2cdb8 {
    margin-inline-start:8px}

.videoControls__2cdb8 {
    background: none
}

.loading__6ef4d {
    background: var(--background-base-lower);
    color: var(--text-default);
    height: 100vh;
    position: absolute;
    width: 100%
}

.container__5b927 {
    background-color: var(--background-base-lower);
    border-radius: 3px;
    bottom: 0;
    box-shadow: var(--shadow-border),var(--shadow-high);
    font-family: var(--font-code);
    font-size: 10px;
    inset-inline-end: 0;
    margin: 8px;
    min-height: 5em;
    padding: 8px;
    pointer-events: all;
    position: absolute;
    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;
    inset-inline-end: 0;
    padding: 8px;
    position: absolute;
    top: 0
}

.jsonSection__5b927 {
    margin-inline-start:8px;margin-bottom: 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-default)
}

@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;
    background: transparent;
    border: 3px solid var(--interactive-text-active);
    border-radius: 100%;
    content: "";
    height: 100%;
    inset-inline-start: -3px;
    pointer-events: none;
    position: absolute;
    top: -3px;
    transform-origin: center;
    width: 100%
}

.wrapper_f910d0.small_f910d0.ringingOutgoing_f910d0:after {
    border: 1px solid var(--interactive-text-active);
    inset-inline-start: -1px;
    top: -1px
}

.wrapper_f910d0.ringingIncoming_f910d0:after {
    animation: incoming-call-pulse_f910d0 var(--custom-call-avatar-incoming-duration) infinite ease-out;
    background: transparent;
    border: 3px solid var(--interactive-text-active);
    border-radius: 100%;
    content: "";
    height: 100%;
    inset-inline-start: -3px;
    pointer-events: none;
    position: absolute;
    top: -3px;
    transform-origin: center;
    width: 100%
}

.statusContainer_f910d0 {
    background-color: var(--red-400);
    border-radius: 50%;
    bottom: 0;
    inset-inline-end: 0;
    padding: 4px;
    position: absolute
}

.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%;
    inset: 0;
    position: absolute
}

.app-focused .border_f910d0 {
    transition: box-shadow .1s ease-out
}

.overlay_f910d0 {
    align-items: center;
    background-color: var(--opacity-black-60);
    border-radius: 50%;
    display: flex;
    height: 100%;
    inset: 0;
    justify-content: center;
    position: absolute;
    width: 100%
}

.overlayIcon_f910d0 {
    color: var(--white);
    height: 32px;
    width: 32px
}

.callAvatarMask_f910d0 {
    overflow: visible;
    position: relative
}

.callAvatarMaskContainer_f910d0 {
    height: 100%;
    position: relative
}

.root__2dbe1 {
    align-items: center;
    background: var(--background-surface-high);
    border-radius: 8px;
    box-shadow: var(--shadow-border),var(--shadow-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-mod-normal);
    display: flex;
    justify-content: center
}

.preview__2dbe1,.preview__2dbe1:after,.previewRoot__2dbe1 {
    inset: 0;
    position: absolute
}

.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;
    inset-inline-start: 0;
    max-width: 100%;
    padding-inline-start:16px;position: absolute;
    top: 16px
}

.previewChannelHeader__2dbe1 .titleGroup__2dbe1 {
    flex-shrink: 1;
    min-width: 0
}

.previewChannelHeader__2dbe1 .icon__2dbe1 {
    margin-inline-end:16px}

.previewChannelHeader__2dbe1 .subtitle__2dbe1,.previewChannelHeader__2dbe1 .title__2dbe1 {
    color: var(--text-strong);
    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-base-low);
    color: var(--text-default);
    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-base-low)
}

.container__0bec3 {
    height: 100%;
    inset-inline-start: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.gridOverlay__0bec3 {
    height: 100%;
    width: 100%;
    --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));
    --custom-grid-line-color: var(--border-normal)
}

.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)
}

@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-base-lower);
    border-radius: 3px;
    bottom: 0;
    box-shadow: var(--shadow-border),var(--shadow-high);
    font-family: var(--font-code);
    font-size: 10px;
    inset-inline-end: 0;
    margin: 8px;
    min-width: 5rem;
    padding: 8px;
    pointer-events: all;
    position: absolute;
    white-space: pre;
    z-index: 1001
}

.status_a7f798 {
    align-items: center;
    display: flex;
    justify-content: center
}

.statusIndicator_a7f798 {
    padding-inline-end:.5rem}

.statusText_a7f798 {
    padding-inline-start:.5rem}

[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-text-default)
}

html.disable-forced-colors * {
    forced-color-adjust: none
}

.decorate-links {
    --link-decoration: underline
}

.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: 8px;
    box-shadow: 0 0 2px var(--interactive-text-default);
    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-base-low);
    border-radius: var(--radius-round);
    bottom: 0;
    box-shadow: inset 0 0 0 2px var(--background-base-low);
    cursor: pointer;
    display: flex;
    height: 18px;
    inset-inline-end: 0;
    justify-content: center;
    padding: 1px;
    position: absolute;
    width: 18px;
    z-index: 2
}

.lockedBadge__8a3d7 {
    color: var(--icon-strong);
    height: 10px;
    width: 10px
}

.header_a00e6e {
    align-items: flex-start;
    display: flex;
    justify-content: space-between
}

.headings_a00e6e {
    display: flex;
    flex-direction: column;
    gap: var(--space-8)
}

.title_a00e6e {
    align-items: center;
    display: flex;
    flex: 1
}

.premiumIcon_a00e6e {
    color: var(--icon-strong);
    height: 20px;
    width: 20px
}

.titleText_a00e6e {
    color: var(--text-strong)
}

.preview__3e443 {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    height: 180px;
    justify-content: center;
    overflow: hidden;
    position: relative
}

.preview__3e443:after {
    bottom: 0;
    content: "";
    cursor: default;
    position: absolute;
    top: 0;
    inset-inline: 0
}

.firstMessage__3e443 {
    margin-top: -.8rem!important
}

.compactPreview__3e443 .firstMessage__3e443 {
    margin-top: 0!important
}

.forcedColorsWarning__3e443 {
    margin-bottom: 12px
}

.themeTitle__3e443 {
    align-items: flex-start;
    display: flex;
    justify-content: space-between
}

.formControl__3e443 {
    position: relative
}

.previewButton__3e443 {
    inset-inline-end: 0;
    position: absolute;
    top: 0
}

.theme-dark.custom-theme-background .preview__3e443 {
    background: var(--background-gradient-chat-preview)
}

.theme-light.custom-theme-background .preview__3e443 {
    background: var(--background-gradient-higher)
}

.messageGroupingSpacing__3e443 {
    margin-top: var(--space-24)
}

.subtext__3e443 {
    margin-bottom: var(--space-16);
    text-transform: none
}

.a11yCallout__3e443,.subtext__3e443 {
    color: var(--text-subtle)
}

.a11yCallout__3e443 {
    margin-bottom: var(--space-32);
    margin-top: var(--space-24)
}

.divider__3e443 {
    margin-bottom: var(--space-xl);
    margin-top: var(--space-xxl)
}

.compactModeToggle__3e443 {
    display: flex;
    height: 40px;
    justify-content: center;
    margin-bottom: 0;
    margin-top: var(--space-24)
}

.themeTitleContainer__3e443 {
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
    margin-bottom: var(--space-16)
}

.timeTitle__3e443 {
    margin-bottom: var(--space-24)
}

[role=radiogroup] [role=radio]:last-of-type {
    margin-bottom: 0
}

.editorAnimate__2a891 {
    animation: slidein__2a891 .25s ease-in 1s forwards;
    margin-inline-end:calc((var(--custom-client-themes-editor-content-width) + (var(--custom-client-themes-editor-editor-padding)*2))*-1)}

@keyframes slidein__2a891 {
    0% {
        margin-inline-end: calc((var(--custom-client-themes-editor-content-width) + (var(--custom-client-themes-editor-editor-padding)*2))*-1)
    }

    to {
        margin-inline-end:0}
}

.title__2a891 {
    align-items: center;
    display: flex;
    flex: 1
}

.title__2a891 .premiumIcon__2a891 {
    color: var(--text-strong);
    height: 18px;
    margin-inline-start:8px;width: 18px
}

.editor__2a891 {
    background: var(--background-base-low);
    border-inline-start:5px solid var(--background-base-lower);box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    height: 100%;
    inset-inline-end: 0;
    padding: var(--custom-client-themes-editor-editor-padding) 0;
    padding-inline:var(--space-16);position: relative;
    z-index: 1
}

.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)
}

.closeCircleButton__2a891 {
    cursor: pointer;
    height: 20px;
    inset-inline-end: 18px;
    position: absolute;
    top: 18px;
    width: 20px;
    z-index: 2
}

.closeCircle__2a891 {
    color: var(--interactive-text-default);
    height: 100%;
    width: 100%
}

.closeCircle__2a891:focus,.closeCircle__2a891:hover {
    color: var(--interactive-text-hover)
}

.debugToolsPanel__50163 {
    background: var(--background-base-low);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    gap: 25px;
    height: 100%;
    inset-inline-end: 0;
    max-width: 350px;
    padding: 0;
    position: relative;
    z-index: 1
}

.header__50163 {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: var(--space-16);
    justify-content: space-between;
    padding-top: var(--space-16);
    padding-inline:var(--space-12)}

.headerTextContainer__50163 {
    gap: var(--space-8)
}

.body__50163,.headerTextContainer__50163 {
    display: flex;
    flex-direction: column
}

.body__50163 {
    flex-grow: 1;
    gap: var(--space-16);
    padding-inline:var(--space-12)}

.footer__50163 {
    border-top: 1px solid var(--border-normal)
}

.categoryContainer__50163,.footer__50163 {
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
    padding: var(--space-16)
}

.categoryContainer__50163 {
    background-color: var(--background-mod-subtle);
    border-radius: var(--radius-sm)
}

.categoryHeader__50163 {
    align-items: center
}

.categoryHeader__50163,.statusRow__50163 {
    display: flex;
    flex-direction: row;
    gap: var(--space-4)
}

.statusRow__50163 {
    align-items: start
}

.statusTextContainer__50163 {
    align-items: flex-start;
    display: flex;
    flex: 1 0 0;
    flex-direction: column;
    gap: 4px;
    justify-content: center
}

.iconGood__50163 {
    fill: var(--icon-feedback-positive)
}

.iconBad__50163 {
    fill: var(--icon-feedback-critical)
}

.statusIcon__50163 {
    flex-shrink: 0
}

.calloutBox__50163 {
    align-items: center;
    align-self: stretch;
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    display: flex;
    gap: var(--space-4);
    justify-content: center;
    padding: var(--space-8)
}

.tabBar__50163 {
    border-bottom: 1px solid var(--border-subtle);
    max-width: calc(100% - 60px)
}

.tabBar__50163.vertical__50163 {
    border-bottom: none;
    gap: var(--space-16)
}

.tab__50163 {
    align-items: center;
    display: flex;
    flex-shrink: 1;
    gap: var(--space-8);
    padding-bottom: var(--space-12)
}

.tab__50163.vertical__50163 {
    border-inline-start:1px solid var(--border-subtle);border-radius: 0
}

.tab__50163.vertical__50163.selected__50163 {
    border-inline-start:2px solid var(--text-brand);color: var(--text-brand);
    margin-inline-start:-1px}

.spinner__50163 {
    margin-inline:var(--space-96)}

.container_cc53de {
    background-color: var(--background-surface-highest);
    border-radius: var(--radius-sm);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 25px auto 0;
    padding: 8px;
    width: 260px
}

.bannerImage_cc53de {
    height: 33.75px;
    width: 57.23px
}

.topContent_cc53de {
    align-items: center;
    display: flex;
    gap: 12px
}

.textContent_cc53de {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 2px
}

.editorAnimate_cf6da1 {
    animation: slidein_cf6da1 .5s ease-in 1s forwards;
    margin-inline-end:calc((var(--custom-client-themes-editor-content-width) + (var(--custom-client-themes-editor-editor-padding)*2))*-1)}

@keyframes slidein_cf6da1 {
    0% {
        margin-inline-end: calc((var(--custom-client-themes-editor-content-width) + (var(--custom-client-themes-editor-editor-padding)*2))*-1)
    }

    to {
        margin-inline-end:0}
}

.themeEditor_cf6da1 {
    background: var(--background-base-low);
    border-inline-start:6px solid var(--background-base-lower);box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    height: 100%;
    inset-inline-end: 0;
    padding: var(--custom-client-themes-editor-editor-padding) 0;
    padding-inline:var(--space-12);position: relative;
    z-index: 1
}

.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 {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 16px;
    max-width: 268px;
    padding: 0 var(--custom-client-themes-editor-editor-padding)
}

.closeCircleButton_cf6da1 {
    cursor: pointer;
    height: 20px;
    inset-inline-end: 18px;
    position: absolute;
    top: 18px;
    width: 20px;
    z-index: 2
}

.closeCircle_cf6da1 {
    color: var(--interactive-text-default);
    height: 100%;
    width: 100%
}

.closeCircle_cf6da1:focus,.closeCircle_cf6da1:hover {
    color: var(--interactive-text-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);
    flex-shrink: 0;
    height: 24px;
    margin-inline-end:10px;width: 24px
}

.container__247cf {
    flex-direction: column;
    gap: 8px
}

.container__247cf,.loader__247cf {
    display: flex;
    width: 100%
}

.loader__247cf {
    align-items: center;
    justify-content: center
}

.headerContainer__247cf {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.addColorButtonText__247cf {
    color: var(--text-brand);
    text-transform: capitalize
}

.addColorButtonWrapper__247cf {
    position: relative
}

.disabledButtonOverlay__247cf {
    cursor: not-allowed;
    inset: 0;
    position: absolute;
    z-index: 1
}

.addColorButton__247cf.disabled__247cf .addColorButtonText__247cf {
    color: var(--text-muted)
}

.gradientBar__247cf {
    border-radius: var(--radius-sm);
    height: 44px;
    position: relative;
    width: 100%
}

.colorSquare__247cf {
    align-items: center;
    border-radius: var(--radius-xs);
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.full-motion .colorSquare__247cf {
    transition: all .2s ease
}

.full-motion .colorSquare__247cf:hover {
    transform: translate(-50%,-50%) scale(1.05)
}

.colorSquareInner__247cf {
    border: 2px solid #fff;
    border-radius: var(--radius-xs);
    box-shadow: 0 3px 13.2px 0 rgba(0,0,0,.15),0 1px 2px 0 rgba(0,0,0,.05),inset 0 1px 6px 0 rgba(0,0,0,.15);
    height: 20px;
    width: 20px
}

.colorSquare__247cf.selected__247cf .colorSquareInner__247cf {
    border: 4px solid #fff
}

.colorSquare__247cf:hover .removeColorButton__247cf {
    opacity: 1
}

.colorSquareSelectedTriangle__247cf {
    border-inline-end:4px solid transparent;border-inline-start:4px solid transparent;border-top: 5px solid #fff;
    height: 0;
    position: absolute;
    top: calc(50% + 13px);
    transform: translateX(-50%);
    width: 0
}

.hexInputContainer__247cf {
    align-items: center;
    background: var(--background-mod-subtle);
    border: 1px solid var(--border-muted);
    border-radius: var(--radius-sm);
    display: flex;
    height: 40px;
    padding-block:0;padding-inline:8px 4px;position: relative;
    transition: border-color .15s ease
}

.hexInputContainer__247cf:focus-within {
    border-color: var(--control-primary-background-default);
    box-shadow: 0 0 0 1px var(--control-primary-background-default)
}

.hexInput__247cf {
    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__247cf::-moz-placeholder {
    color: var(--text-muted)
}

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

.trailingIcons__247cf {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    margin-inline-start:8px}

.hexInputInner__247cf {
    background: none;
    border: none;
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: 400;
    height: 100%;
    padding: 0
}

.eyeDropperIcon__247cf {
    height: 16px;
    width: 16px
}

.colorItem__247cf {
    align-items: center;
    display: flex;
    gap: 8px
}

.hexColorPreview__247cf {
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-xs);
    flex-shrink: 0;
    height: 24px;
    margin-inline-end:8px;width: 24px
}

.colorPreview__247cf {
    border: 1px solid var(--background-base-lowest);
    border-radius: var(--radius-xs);
    height: 24px;
    width: 24px
}

.enable-forced-colors .container__247cf {
    forced-color-adjust: none
}

.icon__247cf {
    display: block
}

.eyeDropperTooltip__247cf {
    max-width: 130px
}

.themeSelector_c85552 {
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    height: 32px
}

.themePillItem_c85552 {
    border-radius: var(--radius-xs)
}

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

.container__5a2df {
    border: 1px solid var(--border-muted);
    width: 288px
}

.container__5a2df,.mobileContainer__5a2df {
    background: var(--background-base-low);
    display: flex;
    flex-direction: column
}

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

.editorBody__5a2df {
    gap: 32px;
    margin-top: 16px;
    padding-inline:var(--space-12) calc(var(--space-12) - 8px)}

.editorBody__5a2df,.section__5a2df {
    display: flex;
    flex-direction: column
}

.section__5a2df {
    gap: 12px
}

.resetButton__5a2df {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 19px
}

.headerContainer__5a2df {
    align-items: center;
    display: flex;
    gap: 4px
}

.closeButton__5a2df {
    margin-inline-start:auto}

.sliderContainer__5a2df {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.gradientDirectionSliderContainer__5a2df {
    margin-bottom: 4px;
    position: relative
}

.angleIndicatorOverlay__5a2df {
    align-items: center;
    display: flex;
    height: 12px;
    position: absolute;
    top: 35.5px;
    inset-inline: .5px;
    justify-content: space-between
}

.angleIndicatorDot__5a2df {
    background-color: var(--background-mod-muted);
    border-radius: 50%;
    height: 8px;
    width: 8px
}

.angleIndicatorDotHover__5a2df,.angleIndicatorLargeDot__5a2df {
    background-color: var(--background-mod-muted);
    border-radius: 50%;
    height: 10px;
    width: 10px
}

.angleIndicatorLargeDotHover__5a2df {
    background-color: var(--background-mod-muted);
    border-radius: 50%;
    height: 12px;
    width: 12px
}

.sliderWrapper__5a2df:hover .angleIndicatorDot__5a2df {
    height: 10px;
    width: 10px
}

.sliderWrapper__5a2df:hover .angleIndicatorLargeDot__5a2df {
    height: 12px;
    width: 12px
}

.footerContainer__5a2df {
    align-items: center;
    border-top: 1px solid var(--border-subtle);
    display: flex;
    flex-direction: row;
    gap: 8px;
    padding: 16px 20px
}

.footerContainer__5a2df>* {
    flex: 1
}

.footerContainerNonPremium__5a2df {
    flex-direction: column;
    gap: 12px
}

.footerRightButtons__5a2df {
    align-items: center;
    display: flex;
    gap: 24px;
    justify-content: flex-end;
    width: 100%
}

.subscribeButton__5a2df {
    color: var(--white);
    flex-shrink: 0;
    height: 40px;
    min-width: 110px;
    width: 100%
}

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

.headerAndCloseRow__5a2df {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.subtitle__5a2df {
    margin-top: var(--space-4)
}

.coachmarkFooterContainer__5a2df {
    border-top: 1px solid var(--border-subtle);
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
    padding: var(--space-16) var(--space-20)
}

.nitroIcon__5a2df {
    fill: var(--icon-strong)
}

.controlLabelContainer__5a2df {
    display: flex;
    justify-content: space-between;
    white-space: nowrap
}

.controlLabelInput__5a2df {
    background: none;
    border: 1px solid transparent;
    border-radius: var(--radius-xs);
    color: var(--text-default);
    flex: 0 0 auto;
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: var(--font-weight-medium);
    height: 20px;
    line-height: 20px;
    outline: none;
    padding-block:0;padding-inline:12px 0;text-align: end;
    transition: border-color .15s ease;
    width: 40px
}

.controlLabelInput__5a2df:focus {
    background: var(--input-background-default);
    border-color: var(--control-primary-background-default);
    box-shadow: 0 0 0 1px var(--control-primary-background-default)
}

.controlLabelInput__5a2df::-moz-placeholder {
    color: var(--input-placeholder-text-default)
}

.controlLabelInput__5a2df::placeholder {
    color: var(--input-placeholder-text-default)
}

.mobileContainer__26f4a {
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0;
    z-index: 100
}

.appAsidePanelWrapper_a3002d {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    min-height: 0
}

.mobileAppAsidePanelWrapper_a3002d {
    flex-direction: column;
    overflow-y: scroll
}

.notAppAsidePanel_a3002d {
    flex: 1;
    min-width: 0
}

.app_a3002d {
    position: static
}

.app_a3002d,.mobileApp_a3002d {
    height: 100%;
    z-index: auto
}

.allowsScrolling_a3002d,.mobileApp_a3002d {
    overflow: auto
}

.notAppAsidePanel_a3002d:has(~[data-app-right-panel=true]) .app_a3002d {
    position: relative
}

.modal_ab9bdf {
    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_ab9bdf {
    background-color: var(--primary-600)
}

.theme-light .modal_ab9bdf {
    background: var(--white)
}

.sizeSmall_ab9bdf {
    max-height: 660px;
    min-height: 200px;
    width: 440px
}

.sizeMedium_ab9bdf {
    max-height: 800px;
    min-height: 400px;
    width: 600px
}

.sizeLarge_ab9bdf {
    max-width: 960px;
    min-height: 400px;
    min-width: 800px
}

@media (max-width: 485px) {
    .sizeLarge_ab9bdf,.sizeMedium_ab9bdf,.sizeSmall_ab9bdf {
        align-self:center;
        max-height: 100vh;
        min-width: auto;
        width: 96%
    }

    .fullscreenOnMobile_ab9bdf {
        border-radius: 0;
        position: absolute;
        top: 0;
        inset-inline: 0;
        bottom: 0;
        overflow-y: auto;
        width: 100%
    }

    .fullscreenOnMobile_ab9bdf .footer_ab9bdf,.fullscreenOnMobile_ab9bdf .header_ab9bdf {
        border-radius: 0
    }

    .hideOnFullscreen_ab9bdf {
        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%;
    --checkpoint-emojis-gradient-end: hsl(var(--checkpoint-emojis-gradient-end-hsl)/1);
    --checkpoint-emojis-gradient-end-hsl: 283.2 calc(var(--saturation-factor, 1)*53.191%) 9.216%;
    --checkpoint-emojis-gradient-start: hsl(var(--checkpoint-emojis-gradient-start-hsl)/1);
    --checkpoint-emojis-gradient-start-hsl: 260.114 calc(var(--saturation-factor, 1)*87.129%) 60.392%;
    --checkpoint-emojis-primary: hsl(var(--checkpoint-emojis-primary-hsl)/1);
    --checkpoint-emojis-primary-hsl: 269.011 calc(var(--saturation-factor, 1)*88.35%) 79.804%;
    --checkpoint-emojis-secondary: hsl(var(--checkpoint-emojis-secondary-hsl)/1);
    --checkpoint-emojis-secondary-hsl: 268.837 calc(var(--saturation-factor, 1)*72.067%) 64.902%;
    --checkpoint-end-gradient-end: hsl(var(--checkpoint-end-gradient-end-hsl)/1);
    --checkpoint-end-gradient-end-hsl: 149.333 calc(var(--saturation-factor, 1)*56.962%) 15.49%;
    --checkpoint-end-gradient-start: hsl(var(--checkpoint-end-gradient-start-hsl)/1);
    --checkpoint-end-gradient-start-hsl: 149.302 calc(var(--saturation-factor, 1)*50.588%) 50%;
    --checkpoint-end-primary: hsl(var(--checkpoint-end-primary-hsl)/1);
    --checkpoint-end-primary-hsl: 143.316 calc(var(--saturation-factor, 1)*83.55%) 54.706%;
    --checkpoint-end-secondary: hsl(var(--checkpoint-end-secondary-hsl)/1);
    --checkpoint-end-secondary-hsl: 143.673 calc(var(--saturation-factor, 1)*78.61%) 36.667%;
    --checkpoint-friends-gradient-end: hsl(var(--checkpoint-friends-gradient-end-hsl)/1);
    --checkpoint-friends-gradient-end-hsl: 259.481 calc(var(--saturation-factor, 1)*79.381%) 19.02%;
    --checkpoint-friends-gradient-start: hsl(var(--checkpoint-friends-gradient-start-hsl)/1);
    --checkpoint-friends-gradient-start-hsl: 256.018 calc(var(--saturation-factor, 1)*96.507%) 55.098%;
    --checkpoint-friends-primary: hsl(var(--checkpoint-friends-primary-hsl)/1);
    --checkpoint-friends-primary-hsl: 234 calc(var(--saturation-factor, 1)*90%) 80.392%;
    --checkpoint-friends-secondary: hsl(var(--checkpoint-friends-secondary-hsl)/1);
    --checkpoint-friends-secondary-hsl: 234 calc(var(--saturation-factor, 1)*39.823%) 55.686%;
    --checkpoint-gaming-gradient-end: hsl(var(--checkpoint-gaming-gradient-end-hsl)/1);
    --checkpoint-gaming-gradient-end-hsl: 28.8 calc(var(--saturation-factor, 1)*53.191%) 9.216%;
    --checkpoint-gaming-gradient-start: hsl(var(--checkpoint-gaming-gradient-start-hsl)/1);
    --checkpoint-gaming-gradient-start-hsl: 27.595 calc(var(--saturation-factor, 1)*100%) 53.529%;
    --checkpoint-gaming-primary: hsl(var(--checkpoint-gaming-primary-hsl)/1);
    --checkpoint-gaming-primary-hsl: 34.699 calc(var(--saturation-factor, 1)*100%) 51.176%;
    --checkpoint-gaming-secondary: hsl(var(--checkpoint-gaming-secondary-hsl)/1);
    --checkpoint-gaming-secondary-hsl: 26.809 calc(var(--saturation-factor, 1)*86.239%) 42.745%;
    --checkpoint-guilds-gradient-end: hsl(var(--checkpoint-guilds-gradient-end-hsl)/1);
    --checkpoint-guilds-gradient-end-hsl: 170.4 calc(var(--saturation-factor, 1)*53.191%) 9.216%;
    --checkpoint-guilds-gradient-start: hsl(var(--checkpoint-guilds-gradient-start-hsl)/1);
    --checkpoint-guilds-gradient-start-hsl: 169.589 calc(var(--saturation-factor, 1)*90.123%) 47.647%;
    --checkpoint-guilds-primary: hsl(var(--checkpoint-guilds-primary-hsl)/1);
    --checkpoint-guilds-primary-hsl: 169.811 calc(var(--saturation-factor, 1)*97.546%) 68.039%;
    --checkpoint-guilds-secondary: hsl(var(--checkpoint-guilds-secondary-hsl)/1);
    --checkpoint-guilds-secondary-hsl: 169.672 calc(var(--saturation-factor, 1)*68.539%) 34.902%;
    --checkpoint-messages-gradient-end: hsl(var(--checkpoint-messages-gradient-end-hsl)/1);
    --checkpoint-messages-gradient-end-hsl: 7.2 calc(var(--saturation-factor, 1)*53.191%) 9.216%;
    --checkpoint-messages-gradient-start: hsl(var(--checkpoint-messages-gradient-start-hsl)/1);
    --checkpoint-messages-gradient-start-hsl: 308.75 calc(var(--saturation-factor, 1)*98.969%) 61.961%;
    --checkpoint-messages-primary: hsl(var(--checkpoint-messages-primary-hsl)/1);
    --checkpoint-messages-primary-hsl: 315.084 calc(var(--saturation-factor, 1)*100%) 64.902%;
    --checkpoint-messages-secondary: hsl(var(--checkpoint-messages-secondary-hsl)/1);
    --checkpoint-messages-secondary-hsl: 315.319 calc(var(--saturation-factor, 1)*70.854%) 39.02%;
    --checkpoint-persona-eight-background-overlay: hsl(var(--checkpoint-persona-eight-background-overlay-hsl)/1);
    --checkpoint-persona-eight-background-overlay-hsl: 32 calc(var(--saturation-factor, 1)*60%) 9.804%;
    --checkpoint-persona-eight-gradient-end: hsl(var(--checkpoint-persona-eight-gradient-end-hsl)/1);
    --checkpoint-persona-eight-gradient-end-hsl: 31.154 calc(var(--saturation-factor, 1)*55.319%) 18.431%;
    --checkpoint-persona-eight-gradient-start: hsl(var(--checkpoint-persona-eight-gradient-start-hsl)/1);
    --checkpoint-persona-eight-gradient-start-hsl: 39.184 calc(var(--saturation-factor, 1)*56.322%) 65.882%;
    --checkpoint-persona-eight-primary: hsl(var(--checkpoint-persona-eight-primary-hsl)/1);
    --checkpoint-persona-eight-primary-hsl: 39.184 calc(var(--saturation-factor, 1)*56.322%) 65.882%;
    --checkpoint-persona-eight-secondary: hsl(var(--checkpoint-persona-eight-secondary-hsl)/1);
    --checkpoint-persona-eight-secondary-hsl: 39.612 calc(var(--saturation-factor, 1)*42.387%) 47.647%;
    --checkpoint-persona-five-background-overlay: hsl(var(--checkpoint-persona-five-background-overlay-hsl)/1);
    --checkpoint-persona-five-background-overlay-hsl: 339.545 calc(var(--saturation-factor, 1)*66.667%) 12.941%;
    --checkpoint-persona-five-gradient-end: hsl(var(--checkpoint-persona-five-gradient-end-hsl)/1);
    --checkpoint-persona-five-gradient-end-hsl: 339.231 calc(var(--saturation-factor, 1)*67.241%) 22.745%;
    --checkpoint-persona-five-gradient-start: hsl(var(--checkpoint-persona-five-gradient-start-hsl)/1);
    --checkpoint-persona-five-gradient-start-hsl: 339.114 calc(var(--saturation-factor, 1)*90.805%) 65.882%;
    --checkpoint-persona-five-primary: hsl(var(--checkpoint-persona-five-primary-hsl)/1);
    --checkpoint-persona-five-primary-hsl: 339.114 calc(var(--saturation-factor, 1)*90.805%) 65.882%;
    --checkpoint-persona-five-secondary: hsl(var(--checkpoint-persona-five-secondary-hsl)/1);
    --checkpoint-persona-five-secondary-hsl: 338.983 calc(var(--saturation-factor, 1)*71.66%) 48.431%;
    --checkpoint-persona-four-background-overlay: hsl(var(--checkpoint-persona-four-background-overlay-hsl)/1);
    --checkpoint-persona-four-background-overlay-hsl: 312.222 calc(var(--saturation-factor, 1)*93.103%) 11.373%;
    --checkpoint-persona-four-gradient-end: hsl(var(--checkpoint-persona-four-gradient-end-hsl)/1);
    --checkpoint-persona-four-gradient-end-hsl: 7.2 calc(var(--saturation-factor, 1)*53.191%) 9.216%;
    --checkpoint-persona-four-gradient-start: hsl(var(--checkpoint-persona-four-gradient-start-hsl)/1);
    --checkpoint-persona-four-gradient-start-hsl: 308.75 calc(var(--saturation-factor, 1)*98.969%) 61.961%;
    --checkpoint-persona-four-primary: hsl(var(--checkpoint-persona-four-primary-hsl)/1);
    --checkpoint-persona-four-primary-hsl: 312.083 calc(var(--saturation-factor, 1)*84.706%) 66.667%;
    --checkpoint-persona-four-secondary: hsl(var(--checkpoint-persona-four-secondary-hsl)/1);
    --checkpoint-persona-four-secondary-hsl: 315.319 calc(var(--saturation-factor, 1)*70.854%) 39.02%;
    --checkpoint-persona-nine-background-overlay: hsl(var(--checkpoint-persona-nine-background-overlay-hsl)/1);
    --checkpoint-persona-nine-background-overlay-hsl: 0 calc(var(--saturation-factor, 1)*0%) 14.902%;
    --checkpoint-persona-nine-gradient-end: hsl(var(--checkpoint-persona-nine-gradient-end-hsl)/1);
    --checkpoint-persona-nine-gradient-end-hsl: 0 calc(var(--saturation-factor, 1)*0%) 24.706%;
    --checkpoint-persona-nine-gradient-start: hsl(var(--checkpoint-persona-nine-gradient-start-hsl)/1);
    --checkpoint-persona-nine-gradient-start-hsl: 0 calc(var(--saturation-factor, 1)*0%) 93.333%;
    --checkpoint-persona-nine-primary: hsl(var(--checkpoint-persona-nine-primary-hsl)/1);
    --checkpoint-persona-nine-primary-hsl: 0 calc(var(--saturation-factor, 1)*0%) 93.333%;
    --checkpoint-persona-nine-secondary: hsl(var(--checkpoint-persona-nine-secondary-hsl)/1);
    --checkpoint-persona-nine-secondary-hsl: 0 calc(var(--saturation-factor, 1)*0%) 66.275%;
    --checkpoint-persona-one-background-overlay: hsl(var(--checkpoint-persona-one-background-overlay-hsl)/1);
    --checkpoint-persona-one-background-overlay-hsl: 169.5 calc(var(--saturation-factor, 1)*76.923%) 10.196%;
    --checkpoint-persona-one-gradient-end: hsl(var(--checkpoint-persona-one-gradient-end-hsl)/1);
    --checkpoint-persona-one-gradient-end-hsl: 168.98 calc(var(--saturation-factor, 1)*59.036%) 16.275%;
    --checkpoint-persona-one-gradient-start: hsl(var(--checkpoint-persona-one-gradient-start-hsl)/1);
    --checkpoint-persona-one-gradient-start-hsl: 169.811 calc(var(--saturation-factor, 1)*97.546%) 68.039%;
    --checkpoint-persona-one-primary: hsl(var(--checkpoint-persona-one-primary-hsl)/1);
    --checkpoint-persona-one-primary-hsl: 169.811 calc(var(--saturation-factor, 1)*97.546%) 68.039%;
    --checkpoint-persona-one-secondary: hsl(var(--checkpoint-persona-one-secondary-hsl)/1);
    --checkpoint-persona-one-secondary-hsl: 169.672 calc(var(--saturation-factor, 1)*68.539%) 34.902%;
    --checkpoint-persona-seven-background-overlay: hsl(var(--checkpoint-persona-seven-background-overlay-hsl)/1);
    --checkpoint-persona-seven-background-overlay-hsl: 44.516 calc(var(--saturation-factor, 1)*100%) 6.078%;
    --checkpoint-persona-seven-gradient-end: hsl(var(--checkpoint-persona-seven-gradient-end-hsl)/1);
    --checkpoint-persona-seven-gradient-end-hsl: 30.361 calc(var(--saturation-factor, 1)*85.567%) 19.02%;
    --checkpoint-persona-seven-gradient-start: hsl(var(--checkpoint-persona-seven-gradient-start-hsl)/1);
    --checkpoint-persona-seven-gradient-start-hsl: 49.891 calc(var(--saturation-factor, 1)*100%) 63.922%;
    --checkpoint-persona-seven-primary: hsl(var(--checkpoint-persona-seven-primary-hsl)/1);
    --checkpoint-persona-seven-primary-hsl: 49.891 calc(var(--saturation-factor, 1)*100%) 63.922%;
    --checkpoint-persona-seven-secondary: hsl(var(--checkpoint-persona-seven-secondary-hsl)/1);
    --checkpoint-persona-seven-secondary-hsl: 49.935 calc(var(--saturation-factor, 1)*74.163%) 40.98%;
    --checkpoint-persona-six-background-overlay: hsl(var(--checkpoint-persona-six-background-overlay-hsl)/1);
    --checkpoint-persona-six-background-overlay-hsl: 27 calc(var(--saturation-factor, 1)*80%) 9.804%;
    --checkpoint-persona-six-gradient-end: hsl(var(--checkpoint-persona-six-gradient-end-hsl)/1);
    --checkpoint-persona-six-gradient-end-hsl: 28.8 calc(var(--saturation-factor, 1)*53.191%) 9.216%;
    --checkpoint-persona-six-gradient-start: hsl(var(--checkpoint-persona-six-gradient-start-hsl)/1);
    --checkpoint-persona-six-gradient-start-hsl: 27.595 calc(var(--saturation-factor, 1)*100%) 53.529%;
    --checkpoint-persona-six-primary: hsl(var(--checkpoint-persona-six-primary-hsl)/1);
    --checkpoint-persona-six-primary-hsl: 26.834 calc(var(--saturation-factor, 1)*100%) 60.98%;
    --checkpoint-persona-six-secondary: hsl(var(--checkpoint-persona-six-secondary-hsl)/1);
    --checkpoint-persona-six-secondary-hsl: 26.809 calc(var(--saturation-factor, 1)*86.239%) 42.745%;
    --checkpoint-persona-three-background-overlay: hsl(var(--checkpoint-persona-three-background-overlay-hsl)/1);
    --checkpoint-persona-three-background-overlay-hsl: 262.105 calc(var(--saturation-factor, 1)*80.282%) 13.922%;
    --checkpoint-persona-three-gradient-end: hsl(var(--checkpoint-persona-three-gradient-end-hsl)/1);
    --checkpoint-persona-three-gradient-end-hsl: 283.2 calc(var(--saturation-factor, 1)*53.191%) 9.216%;
    --checkpoint-persona-three-gradient-start: hsl(var(--checkpoint-persona-three-gradient-start-hsl)/1);
    --checkpoint-persona-three-gradient-start-hsl: 260.114 calc(var(--saturation-factor, 1)*87.129%) 60.392%;
    --checkpoint-persona-three-primary: hsl(var(--checkpoint-persona-three-primary-hsl)/1);
    --checkpoint-persona-three-primary-hsl: 269.011 calc(var(--saturation-factor, 1)*88.35%) 79.804%;
    --checkpoint-persona-three-secondary: hsl(var(--checkpoint-persona-three-secondary-hsl)/1);
    --checkpoint-persona-three-secondary-hsl: 268.837 calc(var(--saturation-factor, 1)*72.067%) 64.902%;
    --checkpoint-persona-two-background-overlay: hsl(var(--checkpoint-persona-two-background-overlay-hsl)/1);
    --checkpoint-persona-two-background-overlay-hsl: 260.426 calc(var(--saturation-factor, 1)*70.149%) 13.137%;
    --checkpoint-persona-two-gradient-end: hsl(var(--checkpoint-persona-two-gradient-end-hsl)/1);
    --checkpoint-persona-two-gradient-end-hsl: 259.481 calc(var(--saturation-factor, 1)*79.381%) 19.02%;
    --checkpoint-persona-two-gradient-start: hsl(var(--checkpoint-persona-two-gradient-start-hsl)/1);
    --checkpoint-persona-two-gradient-start-hsl: 256.018 calc(var(--saturation-factor, 1)*96.507%) 55.098%;
    --checkpoint-persona-two-primary: hsl(var(--checkpoint-persona-two-primary-hsl)/1);
    --checkpoint-persona-two-primary-hsl: 217.982 calc(var(--saturation-factor, 1)*93.162%) 77.059%;
    --checkpoint-persona-two-secondary: hsl(var(--checkpoint-persona-two-secondary-hsl)/1);
    --checkpoint-persona-two-secondary-hsl: 234 calc(var(--saturation-factor, 1)*39.823%) 55.686%;
    --checkpoint-persona-zero-background-overlay: hsl(var(--checkpoint-persona-zero-background-overlay-hsl)/1);
    --checkpoint-persona-zero-background-overlay-hsl: 148.8 calc(var(--saturation-factor, 1)*60.976%) 8.039%;
    --checkpoint-persona-zero-gradient-end: hsl(var(--checkpoint-persona-zero-gradient-end-hsl)/1);
    --checkpoint-persona-zero-gradient-end-hsl: 149.333 calc(var(--saturation-factor, 1)*56.962%) 15.49%;
    --checkpoint-persona-zero-gradient-start: hsl(var(--checkpoint-persona-zero-gradient-start-hsl)/1);
    --checkpoint-persona-zero-gradient-start-hsl: 149.302 calc(var(--saturation-factor, 1)*50.588%) 50%;
    --checkpoint-persona-zero-primary: hsl(var(--checkpoint-persona-zero-primary-hsl)/1);
    --checkpoint-persona-zero-primary-hsl: 143.804 calc(var(--saturation-factor, 1)*83.636%) 56.863%;
    --checkpoint-persona-zero-secondary: hsl(var(--checkpoint-persona-zero-secondary-hsl)/1);
    --checkpoint-persona-zero-secondary-hsl: 143.673 calc(var(--saturation-factor, 1)*78.61%) 36.667%;
    --checkpoint-quests-gradient-end: hsl(var(--checkpoint-quests-gradient-end-hsl)/1);
    --checkpoint-quests-gradient-end-hsl: 283.2 calc(var(--saturation-factor, 1)*53.191%) 9.216%;
    --checkpoint-quests-gradient-start: hsl(var(--checkpoint-quests-gradient-start-hsl)/1);
    --checkpoint-quests-gradient-start-hsl: 260.114 calc(var(--saturation-factor, 1)*87.129%) 60.392%;
    --checkpoint-quests-primary: hsl(var(--checkpoint-quests-primary-hsl)/1);
    --checkpoint-quests-primary-hsl: 269.011 calc(var(--saturation-factor, 1)*88.35%) 79.804%;
    --checkpoint-quests-secondary: hsl(var(--checkpoint-quests-secondary-hsl)/1);
    --checkpoint-quests-secondary-hsl: 268.837 calc(var(--saturation-factor, 1)*72.067%) 64.902%;
    --checkpoint-voice-gradient-end: hsl(var(--checkpoint-voice-gradient-end-hsl)/1);
    --checkpoint-voice-gradient-end-hsl: 30.361 calc(var(--saturation-factor, 1)*85.567%) 19.02%;
    --checkpoint-voice-gradient-start: hsl(var(--checkpoint-voice-gradient-start-hsl)/1);
    --checkpoint-voice-gradient-start-hsl: 49.891 calc(var(--saturation-factor, 1)*100%) 63.922%;
    --checkpoint-voice-primary: hsl(var(--checkpoint-voice-primary-hsl)/1);
    --checkpoint-voice-primary-hsl: 49.891 calc(var(--saturation-factor, 1)*100%) 63.922%;
    --checkpoint-voice-secondary: hsl(var(--checkpoint-voice-secondary-hsl)/1);
    --checkpoint-voice-secondary-hsl: 49.935 calc(var(--saturation-factor, 1)*74.163%) 40.98%;
    --checkpoint-welcome-gradient-end: hsl(var(--checkpoint-welcome-gradient-end-hsl)/1);
    --checkpoint-welcome-gradient-end-hsl: 149.333 calc(var(--saturation-factor, 1)*56.962%) 15.49%;
    --checkpoint-welcome-gradient-start: hsl(var(--checkpoint-welcome-gradient-start-hsl)/1);
    --checkpoint-welcome-gradient-start-hsl: 149.302 calc(var(--saturation-factor, 1)*50.588%) 50%;
    --checkpoint-welcome-primary: hsl(var(--checkpoint-welcome-primary-hsl)/1);
    --checkpoint-welcome-primary-hsl: 143.316 calc(var(--saturation-factor, 1)*83.55%) 54.706%;
    --checkpoint-welcome-secondary: hsl(var(--checkpoint-welcome-secondary-hsl)/1);
    --checkpoint-welcome-secondary-hsl: 143.673 calc(var(--saturation-factor, 1)*78.61%) 36.667%;
    --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-pink-refresh: hsl(var(--guild-boosting-pink-refresh-hsl)/1);
    --guild-boosting-pink-refresh-hsl: 315.084 calc(var(--saturation-factor, 1)*100%) 64.902%;
    --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-10: hsl(var(--illo-blue-10-hsl)/1);
    --illo-blue-10-hsl: 235.2 calc(var(--saturation-factor, 1)*100%) 95.098%;
    --illo-blue-20: hsl(var(--illo-blue-20-hsl)/1);
    --illo-blue-20-hsl: 234.737 calc(var(--saturation-factor, 1)*90.476%) 87.647%;
    --illo-blue-30: hsl(var(--illo-blue-30-hsl)/1);
    --illo-blue-30-hsl: 234 calc(var(--saturation-factor, 1)*90%) 80.392%;
    --illo-blue-40: hsl(var(--illo-blue-40-hsl)/1);
    --illo-blue-40-hsl: 234.935 calc(var(--saturation-factor, 1)*85.556%) 64.706%;
    --illo-blue-50: hsl(var(--illo-blue-50-hsl)/1);
    --illo-blue-50-hsl: 236.25 calc(var(--saturation-factor, 1)*58.716%) 42.745%;
    --illo-blue-60: hsl(var(--illo-blue-60-hsl)/1);
    --illo-blue-60-hsl: 237.931 calc(var(--saturation-factor, 1)*72.5%) 31.373%;
    --illo-blue-70: hsl(var(--illo-blue-70-hsl)/1);
    --illo-blue-70-hsl: 240 calc(var(--saturation-factor, 1)*100%) 20%;
    --illo-green-10: hsl(var(--illo-green-10-hsl)/1);
    --illo-green-10-hsl: 145.385 calc(var(--saturation-factor, 1)*100%) 94.902%;
    --illo-green-20: hsl(var(--illo-green-20-hsl)/1);
    --illo-green-20-hsl: 144.407 calc(var(--saturation-factor, 1)*88.06%) 86.863%;
    --illo-green-30: hsl(var(--illo-green-30-hsl)/1);
    --illo-green-30-hsl: 143.67 calc(var(--saturation-factor, 1)*87.2%) 75.49%;
    --illo-green-40: hsl(var(--illo-green-40-hsl)/1);
    --illo-green-40-hsl: 143.804 calc(var(--saturation-factor, 1)*83.636%) 56.863%;
    --illo-green-50: hsl(var(--illo-green-50-hsl)/1);
    --illo-green-50-hsl: 145.714 calc(var(--saturation-factor, 1)*70%) 43.137%;
    --illo-green-60: hsl(var(--illo-green-60-hsl)/1);
    --illo-green-60-hsl: 149.048 calc(var(--saturation-factor, 1)*79.747%) 30.98%;
    --illo-green-70: hsl(var(--illo-green-70-hsl)/1);
    --illo-green-70-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-orange-10: hsl(var(--illo-orange-10-hsl)/1);
    --illo-orange-10-hsl: 33.571 calc(var(--saturation-factor, 1)*100%) 83.529%;
    --illo-orange-20: hsl(var(--illo-orange-20-hsl)/1);
    --illo-orange-20-hsl: 28.029 calc(var(--saturation-factor, 1)*100%) 73.137%;
    --illo-orange-30: hsl(var(--illo-orange-30-hsl)/1);
    --illo-orange-30-hsl: 25.532 calc(var(--saturation-factor, 1)*98.947%) 62.745%;
    --illo-orange-40: hsl(var(--illo-orange-40-hsl)/1);
    --illo-orange-40-hsl: 24.149 calc(var(--saturation-factor, 1)*99.177%) 52.353%;
    --illo-orange-50: hsl(var(--illo-orange-50-hsl)/1);
    --illo-orange-50-hsl: 21.391 calc(var(--saturation-factor, 1)*90.551%) 49.804%;
    --illo-orange-60: hsl(var(--illo-orange-60-hsl)/1);
    --illo-orange-60-hsl: 18.356 calc(var(--saturation-factor, 1)*91.632%) 46.863%;
    --illo-orange-70: hsl(var(--illo-orange-70-hsl)/1);
    --illo-orange-70-hsl: 15 calc(var(--saturation-factor, 1)*92.035%) 44.314%;
    --illo-pink-10: hsl(var(--illo-pink-10-hsl)/1);
    --illo-pink-10-hsl: 290.4 calc(var(--saturation-factor, 1)*100%) 95.098%;
    --illo-pink-20: hsl(var(--illo-pink-20-hsl)/1);
    --illo-pink-20-hsl: 308 calc(var(--saturation-factor, 1)*90.909%) 87.059%;
    --illo-pink-30: hsl(var(--illo-pink-30-hsl)/1);
    --illo-pink-30-hsl: 312 calc(var(--saturation-factor, 1)*96.154%) 79.608%;
    --illo-pink-40: hsl(var(--illo-pink-40-hsl)/1);
    --illo-pink-40-hsl: 315.084 calc(var(--saturation-factor, 1)*100%) 64.902%;
    --illo-pink-50: hsl(var(--illo-pink-50-hsl)/1);
    --illo-pink-50-hsl: 309.787 calc(var(--saturation-factor, 1)*64.977%) 42.549%;
    --illo-pink-60: hsl(var(--illo-pink-60-hsl)/1);
    --illo-pink-60-hsl: 305.455 calc(var(--saturation-factor, 1)*76.101%) 31.176%;
    --illo-pink-70: hsl(var(--illo-pink-70-hsl)/1);
    --illo-pink-70-hsl: 300 calc(var(--saturation-factor, 1)*100%) 20%;
    --illo-purple-10: hsl(var(--illo-purple-10-hsl)/1);
    --illo-purple-10-hsl: 271.2 calc(var(--saturation-factor, 1)*100%) 95.098%;
    --illo-purple-20: hsl(var(--illo-purple-20-hsl)/1);
    --illo-purple-20-hsl: 268.966 calc(var(--saturation-factor, 1)*90.625%) 87.451%;
    --illo-purple-30: hsl(var(--illo-purple-30-hsl)/1);
    --illo-purple-30-hsl: 269.011 calc(var(--saturation-factor, 1)*88.35%) 79.804%;
    --illo-purple-40: hsl(var(--illo-purple-40-hsl)/1);
    --illo-purple-40-hsl: 268.462 calc(var(--saturation-factor, 1)*85.714%) 64.314%;
    --illo-purple-50: hsl(var(--illo-purple-50-hsl)/1);
    --illo-purple-50-hsl: 264.275 calc(var(--saturation-factor, 1)*59.817%) 42.941%;
    --illo-purple-60: hsl(var(--illo-purple-60-hsl)/1);
    --illo-purple-60-hsl: 260.87 calc(var(--saturation-factor, 1)*72.327%) 31.176%;
    --illo-purple-70: hsl(var(--illo-purple-70-hsl)/1);
    --illo-purple-70-hsl: 257.059 calc(var(--saturation-factor, 1)*100%) 20%;
    --illo-yellow-10: hsl(var(--illo-yellow-10-hsl)/1);
    --illo-yellow-10-hsl: 50 calc(var(--saturation-factor, 1)*100%) 87.059%;
    --illo-yellow-20: hsl(var(--illo-yellow-20-hsl)/1);
    --illo-yellow-20-hsl: 49.714 calc(var(--saturation-factor, 1)*100%) 79.412%;
    --illo-yellow-30: hsl(var(--illo-yellow-30-hsl)/1);
    --illo-yellow-30-hsl: 50.069 calc(var(--saturation-factor, 1)*100%) 71.569%;
    --illo-yellow-40: hsl(var(--illo-yellow-40-hsl)/1);
    --illo-yellow-40-hsl: 49.891 calc(var(--saturation-factor, 1)*100%) 63.922%;
    --illo-yellow-50: hsl(var(--illo-yellow-50-hsl)/1);
    --illo-yellow-50-hsl: 42.551 calc(var(--saturation-factor, 1)*89.091%) 56.863%;
    --illo-yellow-60: hsl(var(--illo-yellow-60-hsl)/1);
    --illo-yellow-60-hsl: 35.942 calc(var(--saturation-factor, 1)*81.176%) 50%;
    --illo-yellow-70: hsl(var(--illo-yellow-70-hsl)/1);
    --illo-yellow-70-hsl: 30.137 calc(var(--saturation-factor, 1)*100%) 42.941%;
    --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%;
    --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 {
    --app-frame-background: var(--neutral-78);
    --app-frame-border: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --app-message-embed-secondary-text: hsl(var(--white-hsl)/0.7);
    --background-accent: var(--primary-530);
    --background-base-low: var(--neutral-66);
    --background-base-lower: var(--neutral-69);
    --background-base-lowest: var(--neutral-73);
    --background-brand: var(--blurple-50);
    --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-notification: var(--red-new-46);
    --background-feedback-positive: hsl(var(--opacity-green-8-hsl)/0.0784313725490196);
    --background-feedback-warning: hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196);
    --background-mod-muted: 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-scrim: hsl(var(--opacity-black-72-hsl)/0.7215686274509804);
    --background-scrim-lightbox: hsl(var(--opacity-black-92-hsl)/0.9215686274509803);
    --background-secondary-alt: var(--primary-660);
    --background-surface-high: var(--neutral-64);
    --background-surface-higher: var(--neutral-62);
    --background-surface-highest: var(--neutral-60);
    --background-tile-gradient-pink-end: hsl(var(--illo-pink-70-hsl)/0.3);
    --background-tile-gradient-pink-start: hsl(var(--illo-pink-50-hsl)/0.3);
    --badge-background-brand: var(--blurple-50);
    --badge-background-default: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --badge-expressive-background-default: var(--neutral-1);
    --badge-expressive-text-default: var(--neutral-71);
    --badge-notification-background: var(--red-new-46);
    --badge-text-brand: var(--neutral-1);
    --badge-text-default: var(--neutral-1);
    --bg-surface-raised: var(--primary-560);
    --border-feedback-critical: hsl(var(--opacity-red-20-hsl)/0.2);
    --border-focus: var(--blue-new-30);
    --border-muted: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --border-normal: hsl(var(--opacity-20-hsl)/0.2);
    --border-strong: hsl(var(--opacity-44-hsl)/0.4392156862745098);
    --border-subtle: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --button-danger-background-disabled: var(--red-new-50);
    --button-outline-brand-background-hover: var(--brand-500);
    --button-outline-brand-border-active: var(--brand-560);
    --button-outline-primary-text: var(--white);
    --card-background-default: var(--neutral-64);
    --card-primary-pressed-bg: var(--primary-645);
    --card-secondary-bg: hsl(var(--opacity-8-hsl)/0.0784313725490196);
    --card-secondary-pressed-bg: var(--primary-645);
    --channel-icon: var(--neutral-28);
    --channel-text-area-placeholder: var(--primary-430);
    --channels-default: var(--neutral-28);
    --channeltextarea-background: var(--primary-560);
    --chat-background: var(--primary-600);
    --chat-background-default: var(--neutral-64);
    --chat-border: var(--primary-700);
    --chat-text-muted: var(--neutral-27);
    --checkbox-background-active: var(--blurple-65);
    --checkbox-background-default: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --checkbox-background-hover: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
    --checkbox-background-selected-default: var(--blurple-50);
    --checkbox-background-selected-hover: var(--blurple-60);
    --checkbox-border-active: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --checkbox-border-default: var(--neutral-34);
    --checkbox-border-hover: hsl(var(--opacity-80-hsl)/0.8);
    --checkbox-border-selected-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --checkbox-border-selected-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --checkbox-icon-active: var(--neutral-1);
    --chip-blurple-dark-background: var(--blurple-70);
    --chip-blurple-dark-text: var(--blurple-1);
    --chip-blurple-light-background: var(--blurple-20);
    --chip-blurple-light-text: var(--blurple-91);
    --chip-blurple-medium-background: var(--blurple-40);
    --chip-blurple-medium-text: var(--blurple-100);
    --chip-gray-dark-background: var(--neutral-75);
    --chip-gray-dark-text: var(--neutral-6);
    --chip-gray-light-background: var(--neutral-10);
    --chip-gray-light-text: var(--neutral-68);
    --chip-gray-medium-background: var(--neutral-40);
    --chip-gray-medium-text: var(--neutral-1);
    --chip-green-dark-background: var(--green-new-70);
    --chip-green-dark-text: var(--green-new-1);
    --chip-green-light-background: var(--green-new-20);
    --chip-green-light-text: var(--green-new-91);
    --chip-green-medium-background: var(--green-new-45);
    --chip-green-medium-text: var(--green-new-96);
    --chip-orange-dark-background: var(--orange-new-70);
    --chip-orange-dark-text: var(--orange-new-1);
    --chip-orange-light-background: var(--orange-new-20);
    --chip-orange-light-text: var(--orange-new-93);
    --chip-orange-medium-background: var(--orange-new-40);
    --chip-orange-medium-text: var(--orange-new-100);
    --chip-pink-dark-background: var(--illo-pink-60);
    --chip-pink-dark-text: var(--neutral-1);
    --chip-pink-light-background: var(--illo-pink-20);
    --chip-pink-light-text: var(--neutral-73);
    --chip-pink-medium-background: var(--illo-pink-40);
    --chip-pink-medium-text: var(--neutral-100);
    --chip-purple-dark-background: var(--illo-purple-60);
    --chip-purple-dark-text: var(--neutral-10);
    --chip-purple-light-background: var(--illo-purple-20);
    --chip-purple-light-text: var(--neutral-75);
    --chip-purple-medium-background: var(--illo-purple-40);
    --chip-purple-medium-text: var(--neutral-100);
    --chip-red-dark-background: var(--red-new-70);
    --chip-red-dark-text: var(--red-new-1);
    --chip-red-light-background: var(--red-new-20);
    --chip-red-light-text: var(--red-new-95);
    --chip-red-medium-background: var(--red-new-45);
    --chip-red-medium-text: var(--red-new-100);
    --chip-yellow-dark-background: var(--yellow-new-70);
    --chip-yellow-dark-text: var(--yellow-new-1);
    --chip-yellow-light-background: var(--yellow-new-20);
    --chip-yellow-light-text: var(--yellow-new-87);
    --chip-yellow-medium-background: var(--yellow-new-45);
    --chip-yellow-medium-text: var(--yellow-new-80);
    --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);
    --context-menu-backdrop-background: hsl(var(--opacity-black-72-hsl)/0.7215686274509804);
    --control-brand-foreground: var(--brand-360);
    --control-brand-foreground-new: var(--brand-360);
    --control-connected-background-active: var(--green-new-65);
    --control-connected-background-default: var(--green-new-50);
    --control-connected-background-hover: var(--green-new-60);
    --control-connected-border-active: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-connected-border-default: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-connected-border-hover: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-connected-icon-active: var(--neutral-1);
    --control-connected-icon-default: var(--neutral-1);
    --control-connected-icon-hover: var(--neutral-1);
    --control-connected-text-active: var(--neutral-1);
    --control-connected-text-default: var(--neutral-1);
    --control-connected-text-hover: var(--neutral-1);
    --control-critical-primary-background-active: var(--red-new-65);
    --control-critical-primary-background-default: var(--red-new-50);
    --control-critical-primary-background-hover: var(--red-new-60);
    --control-critical-primary-border-active: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-critical-primary-border-default: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-critical-primary-border-hover: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-critical-primary-icon-active: var(--neutral-1);
    --control-critical-primary-icon-default: var(--neutral-1);
    --control-critical-primary-icon-hover: var(--neutral-1);
    --control-critical-primary-text-active: var(--neutral-1);
    --control-critical-primary-text-default: var(--neutral-1);
    --control-critical-primary-text-hover: var(--neutral-1);
    --control-critical-secondary-background-active: hsl(var(--opacity-20-hsl)/0.2);
    --control-critical-secondary-background-default: hsl(var(--opacity-8-hsl)/0.0784313725490196);
    --control-critical-secondary-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --control-critical-secondary-border-active: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --control-critical-secondary-border-default: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --control-critical-secondary-border-hover: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --control-critical-secondary-icon-active: var(--red-new-22);
    --control-critical-secondary-icon-default: var(--red-new-22);
    --control-critical-secondary-icon-hover: var(--red-new-22);
    --control-critical-secondary-text-active: var(--red-new-22);
    --control-critical-secondary-text-default: var(--red-new-22);
    --control-critical-secondary-text-hover: var(--red-new-22);
    --control-expressive-background-active: var(--neutral-5);
    --control-expressive-background-default: var(--neutral-1);
    --control-expressive-background-hover: var(--neutral-1);
    --control-expressive-border-active: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --control-expressive-border-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --control-expressive-border-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --control-expressive-icon-active: var(--neutral-100);
    --control-expressive-icon-default: var(--neutral-100);
    --control-expressive-icon-hover: var(--neutral-100);
    --control-expressive-text-active: var(--neutral-100);
    --control-expressive-text-default: var(--neutral-100);
    --control-expressive-text-hover: var(--neutral-100);
    --control-icon-only-background-active: hsl(var(--opacity-20-hsl)/0.2);
    --control-icon-only-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --control-icon-only-border-active: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --control-icon-only-border-hover: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --control-icon-only-icon-active: var(--neutral-1);
    --control-icon-only-icon-default: var(--neutral-16);
    --control-icon-only-icon-hover: var(--neutral-1);
    --control-overlay-primary-background-active: var(--neutral-17);
    --control-overlay-primary-background-default: var(--neutral-1);
    --control-overlay-primary-background-hover: var(--neutral-9);
    --control-overlay-primary-border-active: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --control-overlay-primary-border-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --control-overlay-primary-border-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --control-overlay-primary-icon-active: var(--neutral-100);
    --control-overlay-primary-icon-default: var(--neutral-100);
    --control-overlay-primary-icon-hover: var(--neutral-100);
    --control-overlay-primary-text-active: var(--neutral-100);
    --control-overlay-primary-text-default: var(--neutral-100);
    --control-overlay-primary-text-hover: var(--neutral-100);
    --control-overlay-secondary-background-active: hsl(var(--opacity-black-48-hsl)/0.47843137254901963);
    --control-overlay-secondary-background-default: hsl(var(--opacity-black-52-hsl)/0.5215686274509804);
    --control-overlay-secondary-background-hover: hsl(var(--opacity-black-64-hsl)/0.6392156862745098);
    --control-overlay-secondary-border-active: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --control-overlay-secondary-border-default: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --control-overlay-secondary-border-hover: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --control-overlay-secondary-icon-active: var(--neutral-1);
    --control-overlay-secondary-icon-default: var(--neutral-1);
    --control-overlay-secondary-icon-hover: var(--neutral-1);
    --control-overlay-secondary-text-active: var(--neutral-1);
    --control-overlay-secondary-text-default: var(--neutral-1);
    --control-overlay-secondary-text-hover: var(--neutral-1);
    --control-primary-background-active: var(--blurple-65);
    --control-primary-background-default: var(--blurple-50);
    --control-primary-background-hover: var(--blurple-60);
    --control-primary-border-active: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-primary-border-default: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-primary-border-hover: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-primary-icon-active: var(--neutral-1);
    --control-primary-icon-default: var(--neutral-1);
    --control-primary-icon-hover: var(--neutral-1);
    --control-primary-text-active: var(--neutral-1);
    --control-primary-text-default: var(--neutral-1);
    --control-primary-text-hover: var(--neutral-1);
    --control-secondary-background-active: hsl(var(--opacity-20-hsl)/0.2);
    --control-secondary-background-default: hsl(var(--opacity-8-hsl)/0.0784313725490196);
    --control-secondary-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --control-secondary-border-active: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --control-secondary-border-default: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --control-secondary-border-hover: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --control-secondary-icon-active: var(--neutral-1);
    --control-secondary-icon-default: var(--neutral-1);
    --control-secondary-icon-hover: var(--neutral-1);
    --control-secondary-text-active: var(--neutral-1);
    --control-secondary-text-default: var(--neutral-1);
    --control-secondary-text-hover: var(--neutral-1);
    --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);
    --embed-background: var(--primary-630);
    --embed-background-alternate: var(--primary-600);
    --experimental-avatar-embed-bg: hsl(var(--opacity-black-52-hsl)/0.5215686274509804);
    --expressive-gradient-blue-end: hsl(var(--illo-blue-60-hsl)/0.45);
    --expressive-gradient-blue-start: hsl(var(--illo-blue-40-hsl)/0.45);
    --expressive-gradient-green-end: hsl(var(--illo-green-70-hsl)/0.45);
    --expressive-gradient-green-start: hsl(var(--illo-green-50-hsl)/0.45);
    --expressive-gradient-nitro-green-end: hsl(var(--illo-nitro-blue-hsl)/0.5);
    --expressive-gradient-nitro-green-start: hsl(var(--illo-green-50-hsl)/0.5);
    --expressive-gradient-nitro-pink-end: hsl(var(--illo-nitro-blue-hsl)/0.5);
    --expressive-gradient-nitro-pink-start: hsl(var(--illo-pink-60-hsl)/0.5);
    --expressive-gradient-pink-end: hsl(var(--illo-pink-70-hsl)/0.45);
    --expressive-gradient-pink-start: hsl(var(--illo-pink-50-hsl)/0.45);
    --expressive-gradient-purple-end: hsl(var(--illo-purple-60-hsl)/0.45);
    --expressive-gradient-purple-start: hsl(var(--illo-purple-40-hsl)/0.45);
    --expressive-gradient-tenure-badge-bronze-end: hsl(var(--illo-orange-70-hsl)/0.3);
    --expressive-gradient-tenure-badge-bronze-start: hsl(var(--illo-orange-30-hsl)/0.3);
    --expressive-gradient-tenure-badge-diamond-end: hsl(var(--illo-purple-50-hsl)/0.3);
    --expressive-gradient-tenure-badge-diamond-start: hsl(var(--illo-purple-40-hsl)/0.3);
    --expressive-gradient-tenure-badge-emerald-end: hsl(var(--illo-green-60-hsl)/0.3);
    --expressive-gradient-tenure-badge-emerald-start: hsl(var(--illo-green-40-hsl)/0.3);
    --expressive-gradient-tenure-badge-gold-end: hsl(var(--yellow-new-41-hsl)/0.3);
    --expressive-gradient-tenure-badge-gold-start: hsl(var(--illo-yellow-50-hsl)/0.3);
    --expressive-gradient-tenure-badge-opal-end: hsl(var(--blue-new-50-hsl)/0.3);
    --expressive-gradient-tenure-badge-opal-start: hsl(var(--teal-new-30-hsl)/0.3);
    --expressive-gradient-tenure-badge-platinum-end: hsl(var(--teal-new-60-hsl)/0.3);
    --expressive-gradient-tenure-badge-platinum-start: hsl(var(--teal-new-20-hsl)/0.3);
    --expressive-gradient-tenure-badge-ruby-end: hsl(var(--red-new-80-hsl)/0.3);
    --expressive-gradient-tenure-badge-ruby-start: hsl(var(--red-new-44-hsl)/0.3);
    --expressive-gradient-tenure-badge-silver-end: hsl(var(--neutral-58-hsl)/0.3);
    --expressive-gradient-tenure-badge-silver-start: hsl(var(--neutral-12-hsl)/0.3);
    --gradient-progress-pill-background: var(--neutral-46);
    --guild-profile-banner-background-default: var(--neutral-73);
    --home-background: var(--primary-645);
    --icon-default: var(--neutral-10);
    --icon-feedback-critical: var(--red-new-22);
    --icon-feedback-info: var(--blue-new-24);
    --icon-feedback-notification: var(--red-new-46);
    --icon-feedback-positive: var(--green-new-25);
    --icon-feedback-warning: var(--yellow-new-46);
    --icon-invert: var(--neutral-71);
    --icon-link: var(--blue-new-27);
    --icon-muted: var(--neutral-23);
    --icon-overlay-dark: var(--neutral-71);
    --icon-overlay-light: var(--neutral-1);
    --icon-status-dnd: var(--red-new-45);
    --icon-status-idle: var(--yellow-new-22);
    --icon-status-offline: var(--neutral-27);
    --icon-status-online: var(--green-new-40);
    --icon-strong: var(--neutral-1);
    --icon-subtle: var(--neutral-16);
    --icon-transparent: hsl(var(--transparent-hsl)/0);
    --icon-voice-connected: var(--green-new-25);
    --icon-voice-disconnected: var(--red-new-22);
    --icon-voice-muted: var(--red-new-46);
    --icon-voice-speaking: var(--green-new-40);
    --input-background-default: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
    --input-background-error-default: hsl(var(--opacity-red-4-hsl)/0.0392156862745098);
    --input-border-active: var(--blurple-50);
    --input-border-default: hsl(var(--opacity-20-hsl)/0.2);
    --input-border-error-default: var(--red-new-22);
    --input-border-hover: hsl(var(--opacity-20-hsl)/0.2);
    --input-border-readonly: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --input-icon-default: var(--neutral-16);
    --input-placeholder-text-default: var(--neutral-31);
    --input-text-default: var(--neutral-10);
    --input-text-error-default: var(--neutral-10);
    --interactive-background-active: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --interactive-background-hover: hsl(var(--opacity-8-hsl)/0.0784313725490196);
    --interactive-background-selected: hsl(var(--opacity-20-hsl)/0.2);
    --interactive-icon-active: var(--neutral-1);
    --interactive-icon-default: var(--neutral-16);
    --interactive-icon-hover: var(--neutral-1);
    --interactive-muted: var(--primary-500);
    --interactive-text-active: var(--neutral-1);
    --interactive-text-default: var(--neutral-16);
    --interactive-text-hover: var(--neutral-1);
    --logo-primary: var(--white);
    --mention-background: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
    --mention-foreground: var(--blurple-8);
    --message-automod-background-default: hsl(var(--red-400-hsl)/0.05);
    --message-automod-background-hover: hsl(var(--red-400-hsl)/0.1);
    --message-background-hover: hsl(var(--opacity-8-hsl)/0.0784313725490196);
    --message-highlight-background-default: hsl(var(--opacity-blurple-16-hsl)/0.1607843137254902);
    --message-highlight-background-hover: hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039);
    --message-mentioned-background-default: hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196);
    --message-mentioned-background-hover: hsl(var(--opacity-yellow-4-hsl)/0.0392156862745098);
    --message-reacted-background-default: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
    --message-reacted-text-default: var(--blurple-3);
    --mobile-background-scrim-opaque: var(--black);
    --mobile-expression-picker-background-default: var(--neutral-69);
    --mobile-text-heading-primary: var(--neutral-1);
    --modal-background: var(--neutral-64);
    --modal-footer-background: var(--neutral-64);
    --navigator-header-tint: var(--white);
    --notice-background-critical: var(--red-new-75);
    --notice-background-info: var(--blue-new-76);
    --notice-background-positive: var(--green-new-77);
    --notice-background-warning: var(--yellow-new-84);
    --notice-text-critical: var(--red-new-1);
    --notice-text-info: var(--blue-new-1);
    --notice-text-positive: var(--green-new-3);
    --notice-text-warning: var(--yellow-new-1);
    --overlay-backdrop-lightbox: hsl(var(--opacity-black-92-hsl)/0.9215686274509803);
    --panel-bg: var(--neutral-66);
    --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(--pink-34);
    --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);
    --progressbar-indicator-background: var(--blurple-50);
    --progressbar-track-background: hsl(var(--opacity-20-hsl)/0.2);
    --radio-background-active: var(--blurple-65);
    --radio-background-default: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
    --radio-background-hover: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
    --radio-background-selected-default: var(--blurple-50);
    --radio-background-selected-hover: var(--blurple-60);
    --radio-border-active: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --radio-border-default: hsl(var(--opacity-64-hsl)/0.6392156862745098);
    --radio-border-hover: hsl(var(--opacity-80-hsl)/0.8);
    --radio-border-selected-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --radio-border-selected-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --radio-foreground-active: var(--blurple-50);
    --radio-foreground-default: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
    --radio-foreground-hover: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
    --radio-thumb-background-active: var(--neutral-1);
    --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-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(--neutral-10);
    --scrollbar-auto-scrollbar-color-thumb: var(--neutral-39);
    --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);
    --scrollbar-thin-track: hsl(var(--black-hsl)/0);
    --slider-track-background: var(--neutral-47);
    --spine-default: var(--neutral-47);
    --spoiler-hidden-background: var(--neutral-36);
    --spoiler-hidden-background-hover: var(--neutral-27);
    --spoiler-revealed-background: var(--primary-660);
    --status-danger: var(--red-400);
    --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);
    --switch-background-active: var(--blurple-65);
    --switch-background-default: hsl(var(--opacity-black-12-hsl)/0.12156862745098039);
    --switch-background-hover: hsl(var(--opacity-black-12-hsl)/0.12156862745098039);
    --switch-background-selected-default: var(--blurple-50);
    --switch-background-selected-hover: var(--blurple-60);
    --switch-border-default: hsl(var(--opacity-20-hsl)/0.2);
    --switch-border-hover: hsl(var(--opacity-40-hsl)/0.4);
    --switch-border-selected-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --switch-border-selected-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --switch-thumb-background-default: var(--neutral-1);
    --switch-thumb-background-selected-default: var(--neutral-1);
    --switch-thumb-icon-active: var(--blurple-50);
    --switch-thumb-icon-default: var(--neutral-71);
    --text-brand: var(--blurple-26);
    --text-code: var(--blue-new-16);
    --text-code-addition: var(--green-new-15);
    --text-code-builtin: var(--orange-new-14);
    --text-code-bullet: var(--yellow-new-32);
    --text-code-comment: var(--neutral-26);
    --text-code-deletion: var(--red-new-11);
    --text-code-keyword: var(--red-new-12);
    --text-code-section: var(--blue-new-16);
    --text-code-string: var(--teal-new-17);
    --text-code-tag: var(--green-new-12);
    --text-code-title: var(--blurple-9);
    --text-code-variable: var(--blue-new-10);
    --text-default: var(--neutral-10);
    --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-46);
    --text-invert: var(--neutral-71);
    --text-link: var(--blue-new-27);
    --text-muted: var(--neutral-23);
    --text-overlay-dark: var(--neutral-71);
    --text-overlay-light: var(--neutral-1);
    --text-status-dnd: var(--red-new-45);
    --text-status-idle: var(--yellow-new-22);
    --text-status-offline: var(--neutral-27);
    --text-status-online: var(--green-new-40);
    --text-strong: var(--neutral-1);
    --text-subtle: var(--neutral-16);
    --text-voice-connected: var(--green-new-25);
    --text-voice-disconnected: var(--red-new-22);
    --text-voice-speaking: var(--green-new-40);
    --textbox-markdown-syntax: var(--primary-360);
    --thread-channel-spine: var(--primary-500);
    --user-profile-activity-toolbar-background: var(--neutral-60);
    --user-profile-background-hover: hsl(var(--opacity-8-hsl)/0.0784313725490196);
    --user-profile-border: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --user-profile-note-background-focus: var(--neutral-73);
    --user-profile-overlay-background: var(--neutral-60);
    --user-profile-overlay-background-hover: hsl(var(--opacity-8-hsl)/0.0784313725490196);
    --user-profile-toolbar-background: var(--neutral-60);
    --user-profile-toolbar-border: hsl(var(--opacity-4-hsl)/0.0392156862745098)
}

@supports (color: color-mix(in lch,red,blue)) {
    .theme-dark {
        --app-frame-background:color-mix(in oklab,var(--neutral-78) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --app-frame-border: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --app-message-embed-secondary-text: color-mix(in oklab,hsl(var(--white-hsl)/0.7) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.7) var(--custom-theme-text-color-amount,0%));
        --background-accent: color-mix(in oklab,var(--primary-530) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --background-base-low: color-mix(in oklab,var(--neutral-66) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --background-base-lower: color-mix(in oklab,var(--neutral-69) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --background-base-lowest: color-mix(in oklab,var(--neutral-73) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --background-code: color-mix(in oklab,hsl(var(--opacity-blurple-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
        --background-code-addition: color-mix(in oklab,hsl(var(--opacity-green-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --background-code-deletion: color-mix(in oklab,hsl(var(--opacity-red-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --background-feedback-critical: color-mix(in oklab,hsl(var(--opacity-red-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
        --background-feedback-info: color-mix(in oklab,hsl(var(--opacity-blue-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
        --background-feedback-positive: color-mix(in oklab,hsl(var(--opacity-green-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
        --background-feedback-warning: color-mix(in oklab,hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
        --background-scrim: color-mix(in oklab,hsl(var(--opacity-black-72-hsl)/0.7215686274509804) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.7215686274509804) var(--custom-theme-base-color-amount,0%));
        --background-scrim-lightbox: color-mix(in oklab,hsl(var(--opacity-black-92-hsl)/0.9215686274509803) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.9215686274509803) var(--custom-theme-base-color-amount,0%));
        --background-secondary-alt: color-mix(in oklab,var(--primary-660) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --background-surface-high: color-mix(in oklab,var(--neutral-64) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --background-surface-higher: color-mix(in oklab,var(--neutral-62) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --background-surface-highest: color-mix(in oklab,var(--neutral-60) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --background-tile-gradient-pink-end: color-mix(in oklab,hsl(var(--illo-pink-70-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --background-tile-gradient-pink-start: color-mix(in oklab,hsl(var(--illo-pink-50-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --bg-surface-raised: color-mix(in oklab,var(--primary-560) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --border-feedback-critical: color-mix(in oklab,hsl(var(--opacity-red-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --border-focus: color-mix(in oklab,var(--blue-new-30) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --border-muted: color-mix(in oklab,hsl(var(--opacity-4-hsl)/0.0392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --border-normal: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --border-strong: color-mix(in oklab,hsl(var(--opacity-44-hsl)/0.4392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.4392156862745098) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --border-subtle: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --card-background-default: color-mix(in oklab,var(--neutral-64) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --card-primary-pressed-bg: color-mix(in oklab,var(--primary-645) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --card-secondary-bg: color-mix(in oklab,hsl(var(--opacity-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
        --card-secondary-pressed-bg: color-mix(in oklab,var(--primary-645) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --channel-icon: color-mix(in oklab,var(--neutral-28) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --channel-text-area-placeholder: color-mix(in oklab,var(--primary-430) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --channels-default: color-mix(in oklab,var(--neutral-28) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --channeltextarea-background: color-mix(in oklab,var(--primary-560) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --chat-background: color-mix(in oklab,var(--primary-600) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --chat-background-default: color-mix(in oklab,var(--neutral-64) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --chat-border: color-mix(in oklab,var(--primary-700) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --chat-text-muted: color-mix(in oklab,var(--neutral-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --content-inventory-media-seekbar-container: color-mix(in oklab,hsl(var(--plum-6-hsl)/0.24) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.24) var(--custom-theme-base-color-amount,0%));
        --content-inventory-overlay-text-primary: color-mix(in oklab,hsl(var(--white-hsl)/0.85) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.85) var(--custom-theme-text-color-amount,0%));
        --content-inventory-overlay-text-secondary: color-mix(in oklab,hsl(var(--white-hsl)/0.7) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.7) var(--custom-theme-text-color-amount,0%));
        --context-menu-backdrop-background: color-mix(in oklab,hsl(var(--opacity-black-72-hsl)/0.7215686274509804) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.7215686274509804) var(--custom-theme-base-color-amount,0%));
        --control-brand-foreground: color-mix(in oklab,var(--brand-360) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --control-brand-foreground-new: color-mix(in oklab,var(--brand-360) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --control-secondary-border-active: color-mix(in oklab,hsl(var(--opacity-4-hsl)/0.0392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --control-secondary-border-default: color-mix(in oklab,hsl(var(--opacity-4-hsl)/0.0392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --creator-revenue-icon-gradient-end: color-mix(in oklab,var(--teal-430) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --creator-revenue-icon-gradient-start: color-mix(in oklab,var(--teal-360) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --creator-revenue-info-box-background: color-mix(in oklab,hsl(var(--teal-430-hsl)/0.1) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1) var(--custom-theme-base-color-amount,0%));
        --creator-revenue-info-box-border: color-mix(in oklab,var(--teal-400) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --creator-revenue-locked-channel-icon: color-mix(in oklab,var(--teal-345) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --creator-revenue-progress-bar: color-mix(in oklab,var(--teal-400) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --embed-background: color-mix(in oklab,var(--primary-630) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --embed-background-alternate: color-mix(in oklab,var(--primary-600) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --experimental-avatar-embed-bg: color-mix(in oklab,hsl(var(--opacity-black-52-hsl)/0.5215686274509804) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.5215686274509804) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-blue-end: color-mix(in oklab,hsl(var(--illo-blue-60-hsl)/0.45) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.45) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-blue-start: color-mix(in oklab,hsl(var(--illo-blue-40-hsl)/0.45) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.45) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-green-end: color-mix(in oklab,hsl(var(--illo-green-70-hsl)/0.45) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.45) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-green-start: color-mix(in oklab,hsl(var(--illo-green-50-hsl)/0.45) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.45) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-nitro-green-end: color-mix(in oklab,hsl(var(--illo-nitro-blue-hsl)/0.5) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.5) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-nitro-green-start: color-mix(in oklab,hsl(var(--illo-green-50-hsl)/0.5) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.5) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-nitro-pink-end: color-mix(in oklab,hsl(var(--illo-nitro-blue-hsl)/0.5) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.5) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-nitro-pink-start: color-mix(in oklab,hsl(var(--illo-pink-60-hsl)/0.5) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.5) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-pink-end: color-mix(in oklab,hsl(var(--illo-pink-70-hsl)/0.45) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.45) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-pink-start: color-mix(in oklab,hsl(var(--illo-pink-50-hsl)/0.45) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.45) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-purple-end: color-mix(in oklab,hsl(var(--illo-purple-60-hsl)/0.45) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.45) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-purple-start: color-mix(in oklab,hsl(var(--illo-purple-40-hsl)/0.45) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.45) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-bronze-end: color-mix(in oklab,hsl(var(--illo-orange-70-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-bronze-start: color-mix(in oklab,hsl(var(--illo-orange-30-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-diamond-end: color-mix(in oklab,hsl(var(--illo-purple-50-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-diamond-start: color-mix(in oklab,hsl(var(--illo-purple-40-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-emerald-end: color-mix(in oklab,hsl(var(--illo-green-60-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-emerald-start: color-mix(in oklab,hsl(var(--illo-green-40-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-gold-end: color-mix(in oklab,hsl(var(--yellow-new-41-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-gold-start: color-mix(in oklab,hsl(var(--illo-yellow-50-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-opal-end: color-mix(in oklab,hsl(var(--blue-new-50-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-opal-start: color-mix(in oklab,hsl(var(--teal-new-30-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-platinum-end: color-mix(in oklab,hsl(var(--teal-new-60-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-platinum-start: color-mix(in oklab,hsl(var(--teal-new-20-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-ruby-end: color-mix(in oklab,hsl(var(--red-new-80-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-ruby-start: color-mix(in oklab,hsl(var(--red-new-44-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-silver-end: color-mix(in oklab,hsl(var(--neutral-58-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-silver-start: color-mix(in oklab,hsl(var(--neutral-12-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --gradient-progress-pill-background: color-mix(in oklab,var(--neutral-46) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --guild-profile-banner-background-default: color-mix(in oklab,var(--neutral-73) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --home-background: color-mix(in oklab,var(--primary-645) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --icon-default: color-mix(in oklab,var(--neutral-10) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-feedback-critical: color-mix(in oklab,var(--red-new-22) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-feedback-info: color-mix(in oklab,var(--blue-new-24) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-feedback-positive: color-mix(in oklab,var(--green-new-25) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-feedback-warning: color-mix(in oklab,var(--yellow-new-46) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-invert: color-mix(in oklab,var(--neutral-71) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-link: color-mix(in oklab,var(--blue-new-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-muted: color-mix(in oklab,var(--neutral-23) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-overlay-dark: color-mix(in oklab,var(--neutral-71) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-overlay-light: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-status-dnd: color-mix(in oklab,var(--red-new-45) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-status-idle: color-mix(in oklab,var(--yellow-new-22) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-status-offline: color-mix(in oklab,var(--neutral-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-status-online: color-mix(in oklab,var(--green-new-40) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-strong: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-subtle: color-mix(in oklab,var(--neutral-16) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-transparent: color-mix(in oklab,hsl(var(--transparent-hsl)/0) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0) var(--custom-theme-text-color-amount,0%));
        --icon-voice-connected: color-mix(in oklab,var(--green-new-25) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-voice-disconnected: color-mix(in oklab,var(--red-new-22) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-voice-speaking: color-mix(in oklab,var(--green-new-40) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --input-background-default: color-mix(in oklab,hsl(var(--opacity-black-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
        --input-background-error-default: color-mix(in oklab,hsl(var(--opacity-red-4-hsl)/0.0392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--custom-theme-base-color-amount,0%));
        --input-border-active: color-mix(in oklab,var(--blurple-50) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --input-border-default: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --input-border-error-default: color-mix(in oklab,var(--red-new-22) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --input-border-hover: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --input-border-readonly: color-mix(in oklab,hsl(var(--opacity-white-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --input-icon-default: color-mix(in oklab,var(--neutral-16) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --input-placeholder-text-default: color-mix(in oklab,var(--neutral-31) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --input-text-default: color-mix(in oklab,var(--neutral-10) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --input-text-error-default: color-mix(in oklab,var(--neutral-10) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-background-active: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
        --interactive-background-hover: color-mix(in oklab,hsl(var(--opacity-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
        --interactive-background-selected: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
        --interactive-icon-active: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-icon-default: color-mix(in oklab,var(--neutral-16) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-icon-hover: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-muted: color-mix(in oklab,var(--primary-500) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-text-active: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-text-default: color-mix(in oklab,var(--neutral-16) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-text-hover: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --logo-primary: color-mix(in oklab,var(--white) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --mention-background: color-mix(in oklab,hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
        --mention-foreground: color-mix(in oklab,var(--blurple-8) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --message-automod-background-default: color-mix(in oklab,hsl(var(--red-400-hsl)/0.05) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.05) var(--custom-theme-base-color-amount,0%));
        --message-automod-background-hover: color-mix(in oklab,hsl(var(--red-400-hsl)/0.1) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1) var(--custom-theme-base-color-amount,0%));
        --message-background-hover: color-mix(in oklab,hsl(var(--opacity-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
        --message-highlight-background-default: color-mix(in oklab,hsl(var(--opacity-blurple-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
        --message-highlight-background-hover: color-mix(in oklab,hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --message-mentioned-background-default: color-mix(in oklab,hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
        --message-mentioned-background-hover: color-mix(in oklab,hsl(var(--opacity-yellow-4-hsl)/0.0392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--custom-theme-base-color-amount,0%));
        --message-reacted-background-default: color-mix(in oklab,hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
        --message-reacted-text-default: color-mix(in oklab,var(--blurple-3) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --mobile-background-scrim-opaque: color-mix(in oklab,var(--black) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --mobile-expression-picker-background-default: color-mix(in oklab,var(--neutral-69) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --mobile-text-heading-primary: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --modal-background: color-mix(in oklab,var(--neutral-64) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --modal-footer-background: color-mix(in oklab,var(--neutral-64) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --navigator-header-tint: color-mix(in oklab,var(--white) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --overlay-backdrop-lightbox: color-mix(in oklab,hsl(var(--opacity-black-92-hsl)/0.9215686274509803) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.9215686274509803) var(--custom-theme-base-color-amount,0%));
        --panel-bg: color-mix(in oklab,var(--neutral-66) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --polls-normal-image-background: color-mix(in oklab,var(--primary-660) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --polls-victor-fill: color-mix(in oklab,hsl(var(--green-360-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
        --polls-voted-fill: color-mix(in oklab,hsl(var(--brand-500-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
        --premium-nitro-pink-text: color-mix(in oklab,var(--pink-34) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --profile-gradient-note-background: color-mix(in oklab,hsl(var(--black-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --profile-gradient-overlay: color-mix(in oklab,hsl(var(--black-hsl)/0.6) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.6) var(--custom-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(--custom-theme-base-color-hsl,0 0% 0%)/0.8) var(--custom-theme-base-color-amount,0%));
        --profile-gradient-role-pill-background: color-mix(in oklab,hsl(var(--primary-660-hsl)/0.5) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.5) var(--custom-theme-base-color-amount,0%));
        --profile-gradient-role-pill-border: color-mix(in oklab,hsl(var(--white-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --profile-gradient-section-box: color-mix(in oklab,hsl(var(--black-hsl)/0.45) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.45) var(--custom-theme-base-color-amount,0%));
        --progressbar-indicator-background: color-mix(in oklab,var(--blurple-50) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --progressbar-track-background: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-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(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --redesign-button-premium-primary-pressed-background: color-mix(in oklab,hsl(var(--black-hsl)/0.1) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1) var(--custom-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(--custom-theme-base-color,#000) var(--custom-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(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --redesign-button-tertiary-background: color-mix(in oklab,var(--primary-660) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --redesign-button-tertiary-pressed-background: color-mix(in oklab,var(--primary-560) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --redesign-button-tertiary-pressed-text: color-mix(in oklab,var(--primary-330) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --redesign-button-tertiary-text: color-mix(in oklab,var(--neutral-10) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --scrollbar-auto-scrollbar-color-thumb: color-mix(in oklab,var(--neutral-39) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --scrollbar-auto-scrollbar-color-track: color-mix(in oklab,var(--neutral-74) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --scrollbar-auto-thumb: color-mix(in oklab,var(--neutral-36) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --scrollbar-auto-track: color-mix(in oklab,hsl(var(--transparent-hsl)/0) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0) var(--custom-theme-base-color-amount,0%));
        --scrollbar-thin-thumb: color-mix(in oklab,var(--neutral-38) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --scrollbar-thin-track: color-mix(in oklab,hsl(var(--black-hsl)/0) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0) var(--custom-theme-base-color-amount,0%));
        --slider-track-background: color-mix(in oklab,var(--neutral-47) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --spine-default: color-mix(in oklab,var(--neutral-47) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --spoiler-hidden-background: color-mix(in oklab,var(--neutral-36) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --spoiler-hidden-background-hover: color-mix(in oklab,var(--neutral-27) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --spoiler-revealed-background: color-mix(in oklab,var(--primary-660) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --text-brand: color-mix(in oklab,var(--blurple-26) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code: color-mix(in oklab,var(--blue-new-16) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-addition: color-mix(in oklab,var(--green-new-15) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-builtin: color-mix(in oklab,var(--orange-new-14) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-bullet: color-mix(in oklab,var(--yellow-new-32) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-comment: color-mix(in oklab,var(--neutral-26) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-deletion: color-mix(in oklab,var(--red-new-11) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-keyword: color-mix(in oklab,var(--red-new-12) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-section: color-mix(in oklab,var(--blue-new-16) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-string: color-mix(in oklab,var(--teal-new-17) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-tag: color-mix(in oklab,var(--green-new-12) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-title: color-mix(in oklab,var(--blurple-9) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-variable: color-mix(in oklab,var(--blue-new-10) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-default: color-mix(in oklab,var(--neutral-10) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-feedback-critical: color-mix(in oklab,var(--red-new-22) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-feedback-info: color-mix(in oklab,var(--blue-new-24) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-feedback-positive: color-mix(in oklab,var(--green-new-25) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-feedback-warning: color-mix(in oklab,var(--yellow-new-46) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-invert: color-mix(in oklab,var(--neutral-71) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-link: color-mix(in oklab,var(--blue-new-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-muted: color-mix(in oklab,var(--neutral-23) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-status-dnd: color-mix(in oklab,var(--red-new-45) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-status-idle: color-mix(in oklab,var(--yellow-new-22) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-status-offline: color-mix(in oklab,var(--neutral-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-status-online: color-mix(in oklab,var(--green-new-40) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-strong: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-subtle: color-mix(in oklab,var(--neutral-16) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-voice-connected: color-mix(in oklab,var(--green-new-25) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-voice-disconnected: color-mix(in oklab,var(--red-new-22) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-voice-speaking: color-mix(in oklab,var(--green-new-40) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --textbox-markdown-syntax: color-mix(in oklab,var(--primary-360) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --thread-channel-spine: color-mix(in oklab,var(--primary-500) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --user-profile-activity-toolbar-background: color-mix(in oklab,var(--neutral-60) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --user-profile-background-hover: color-mix(in oklab,hsl(var(--opacity-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
        --user-profile-border: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --user-profile-note-background-focus: color-mix(in oklab,var(--neutral-73) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --user-profile-overlay-background: color-mix(in oklab,var(--neutral-60) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --user-profile-overlay-background-hover: color-mix(in oklab,hsl(var(--opacity-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
        --user-profile-toolbar-background: color-mix(in oklab,var(--neutral-60) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --user-profile-toolbar-border: color-mix(in oklab,hsl(var(--opacity-4-hsl)/0.0392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)))
    }
}

.theme-light {
    --app-frame-background: var(--neutral-7);
    --app-frame-border: hsl(var(--opacity-28-hsl)/0.2784313725490196);
    --app-message-embed-secondary-text: hsl(var(--white-hsl)/0.7);
    --background-accent: var(--primary-430);
    --background-base-low: var(--neutral-2);
    --background-base-lower: var(--neutral-2);
    --background-base-lowest: var(--neutral-4);
    --background-brand: var(--blurple-50);
    --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-notification: var(--red-new-50);
    --background-feedback-positive: hsl(var(--opacity-green-8-hsl)/0.0784313725490196);
    --background-feedback-warning: hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196);
    --background-mod-muted: 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-scrim: hsl(var(--opacity-black-52-hsl)/0.5215686274509804);
    --background-scrim-lightbox: hsl(var(--opacity-black-92-hsl)/0.9215686274509803);
    --background-secondary-alt: var(--primary-160);
    --background-surface-high: var(--neutral-1);
    --background-surface-higher: var(--neutral-1);
    --background-surface-highest: var(--neutral-1);
    --background-tile-gradient-pink-end: hsl(var(--illo-pink-30-hsl)/0.3);
    --background-tile-gradient-pink-start: hsl(var(--illo-pink-10-hsl)/0.3);
    --badge-background-brand: var(--blurple-50);
    --badge-background-default: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --badge-expressive-background-default: var(--blurple-50);
    --badge-expressive-text-default: var(--neutral-1);
    --badge-notification-background: var(--red-new-50);
    --badge-text-brand: var(--neutral-1);
    --badge-text-default: var(--neutral-71);
    --bg-surface-raised: var(--white);
    --border-feedback-critical: hsl(var(--opacity-red-24-hsl)/0.23921568627450981);
    --border-focus: var(--blue-new-40);
    --border-muted: hsl(var(--opacity-20-hsl)/0.2);
    --border-normal: hsl(var(--opacity-36-hsl)/0.3607843137254902);
    --border-strong: hsl(var(--opacity-48-hsl)/0.47843137254901963);
    --border-subtle: hsl(var(--opacity-28-hsl)/0.2784313725490196);
    --button-danger-background-disabled: var(--red-new-50);
    --button-outline-brand-background-hover: var(--brand-500);
    --button-outline-brand-border-active: var(--brand-560);
    --button-outline-primary-text: var(--black);
    --card-background-default: var(--neutral-1);
    --card-primary-pressed-bg: var(--primary-160);
    --card-secondary-bg: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --card-secondary-pressed-bg: var(--primary-160);
    --channel-icon: var(--neutral-43);
    --channel-text-area-placeholder: var(--primary-400);
    --channels-default: var(--neutral-43);
    --channeltextarea-background: var(--primary-160);
    --chat-background: var(--white);
    --chat-background-default: var(--neutral-1);
    --chat-border: var(--primary-200);
    --chat-text-muted: var(--neutral-40);
    --checkbox-background-active: var(--blurple-65);
    --checkbox-background-default: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --checkbox-background-hover: hsl(var(--opacity-black-4-hsl)/0.0392156862745098);
    --checkbox-background-selected-default: var(--blurple-50);
    --checkbox-background-selected-hover: var(--blurple-60);
    --checkbox-border-active: hsl(var(--opacity-28-hsl)/0.2784313725490196);
    --checkbox-border-default: var(--neutral-30);
    --checkbox-border-hover: var(--neutral-46);
    --checkbox-border-selected-default: hsl(var(--opacity-28-hsl)/0.2784313725490196);
    --checkbox-border-selected-hover: hsl(var(--opacity-28-hsl)/0.2784313725490196);
    --checkbox-icon-active: var(--neutral-1);
    --chip-blurple-dark-background: var(--blurple-70);
    --chip-blurple-dark-text: var(--blurple-1);
    --chip-blurple-light-background: var(--blurple-20);
    --chip-blurple-light-text: var(--blurple-91);
    --chip-blurple-medium-background: var(--blurple-40);
    --chip-blurple-medium-text: var(--blurple-100);
    --chip-gray-dark-background: var(--neutral-75);
    --chip-gray-dark-text: var(--neutral-6);
    --chip-gray-light-background: var(--neutral-10);
    --chip-gray-light-text: var(--neutral-68);
    --chip-gray-medium-background: var(--neutral-40);
    --chip-gray-medium-text: var(--neutral-1);
    --chip-green-dark-background: var(--green-new-70);
    --chip-green-dark-text: var(--green-new-1);
    --chip-green-light-background: var(--green-new-20);
    --chip-green-light-text: var(--green-new-91);
    --chip-green-medium-background: var(--green-new-45);
    --chip-green-medium-text: var(--green-new-96);
    --chip-orange-dark-background: var(--orange-new-70);
    --chip-orange-dark-text: var(--orange-new-1);
    --chip-orange-light-background: var(--orange-new-20);
    --chip-orange-light-text: var(--orange-new-93);
    --chip-orange-medium-background: var(--orange-new-40);
    --chip-orange-medium-text: var(--orange-new-100);
    --chip-pink-dark-background: var(--illo-pink-60);
    --chip-pink-dark-text: var(--neutral-1);
    --chip-pink-light-background: var(--illo-pink-20);
    --chip-pink-light-text: var(--neutral-73);
    --chip-pink-medium-background: var(--illo-pink-40);
    --chip-pink-medium-text: var(--neutral-100);
    --chip-purple-dark-background: var(--illo-purple-60);
    --chip-purple-dark-text: var(--neutral-10);
    --chip-purple-light-background: var(--illo-purple-20);
    --chip-purple-light-text: var(--neutral-75);
    --chip-purple-medium-background: var(--illo-purple-40);
    --chip-purple-medium-text: var(--neutral-100);
    --chip-red-dark-background: var(--red-new-70);
    --chip-red-dark-text: var(--red-new-1);
    --chip-red-light-background: var(--red-new-20);
    --chip-red-light-text: var(--red-new-95);
    --chip-red-medium-background: var(--red-new-45);
    --chip-red-medium-text: var(--red-new-100);
    --chip-yellow-dark-background: var(--yellow-new-70);
    --chip-yellow-dark-text: var(--yellow-new-1);
    --chip-yellow-light-background: var(--yellow-new-20);
    --chip-yellow-light-text: var(--yellow-new-87);
    --chip-yellow-medium-background: var(--yellow-new-45);
    --chip-yellow-medium-text: var(--yellow-new-80);
    --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);
    --context-menu-backdrop-background: hsl(var(--opacity-black-52-hsl)/0.5215686274509804);
    --control-brand-foreground: var(--brand-500);
    --control-brand-foreground-new: var(--brand-500);
    --control-connected-background-active: var(--green-new-65);
    --control-connected-background-default: var(--green-new-50);
    --control-connected-background-hover: var(--green-new-60);
    --control-connected-border-active: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-connected-border-default: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-connected-border-hover: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-connected-icon-active: var(--neutral-1);
    --control-connected-icon-default: var(--neutral-1);
    --control-connected-icon-hover: var(--neutral-1);
    --control-connected-text-active: var(--neutral-1);
    --control-connected-text-default: var(--neutral-1);
    --control-connected-text-hover: var(--neutral-1);
    --control-critical-primary-background-active: var(--red-new-65);
    --control-critical-primary-background-default: var(--red-new-50);
    --control-critical-primary-background-hover: var(--red-new-60);
    --control-critical-primary-border-active: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-critical-primary-border-default: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-critical-primary-border-hover: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-critical-primary-icon-active: var(--neutral-1);
    --control-critical-primary-icon-default: var(--neutral-1);
    --control-critical-primary-icon-hover: var(--neutral-1);
    --control-critical-primary-text-active: var(--neutral-1);
    --control-critical-primary-text-default: var(--neutral-1);
    --control-critical-primary-text-hover: var(--neutral-1);
    --control-critical-secondary-background-active: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --control-critical-secondary-background-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --control-critical-secondary-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --control-critical-secondary-border-active: hsl(var(--opacity-20-hsl)/0.2);
    --control-critical-secondary-border-default: hsl(var(--opacity-20-hsl)/0.2);
    --control-critical-secondary-border-hover: hsl(var(--opacity-20-hsl)/0.2);
    --control-critical-secondary-icon-active: var(--red-new-53);
    --control-critical-secondary-icon-default: var(--red-new-53);
    --control-critical-secondary-icon-hover: var(--red-new-53);
    --control-critical-secondary-text-active: var(--red-new-53);
    --control-critical-secondary-text-default: var(--red-new-53);
    --control-critical-secondary-text-hover: var(--red-new-53);
    --control-expressive-background-active: var(--blurple-65);
    --control-expressive-background-default: var(--blurple-50);
    --control-expressive-background-hover: var(--blurple-60);
    --control-expressive-border-active: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-expressive-border-default: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-expressive-border-hover: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-expressive-icon-active: var(--neutral-1);
    --control-expressive-icon-default: var(--neutral-1);
    --control-expressive-icon-hover: var(--neutral-1);
    --control-expressive-text-active: var(--neutral-1);
    --control-expressive-text-default: var(--neutral-1);
    --control-expressive-text-hover: var(--neutral-1);
    --control-icon-only-background-active: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --control-icon-only-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --control-icon-only-border-active: hsl(var(--opacity-20-hsl)/0.2);
    --control-icon-only-border-hover: hsl(var(--opacity-20-hsl)/0.2);
    --control-icon-only-icon-active: var(--neutral-71);
    --control-icon-only-icon-default: var(--neutral-44);
    --control-icon-only-icon-hover: var(--neutral-71);
    --control-overlay-primary-background-active: var(--neutral-17);
    --control-overlay-primary-background-default: var(--neutral-1);
    --control-overlay-primary-background-hover: var(--neutral-9);
    --control-overlay-primary-border-active: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-overlay-primary-border-default: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-overlay-primary-border-hover: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-overlay-primary-icon-active: var(--neutral-100);
    --control-overlay-primary-icon-default: var(--neutral-100);
    --control-overlay-primary-icon-hover: var(--neutral-100);
    --control-overlay-primary-text-active: var(--neutral-100);
    --control-overlay-primary-text-default: var(--neutral-100);
    --control-overlay-primary-text-hover: var(--neutral-100);
    --control-overlay-secondary-background-active: hsl(var(--opacity-black-48-hsl)/0.47843137254901963);
    --control-overlay-secondary-background-default: hsl(var(--opacity-black-52-hsl)/0.5215686274509804);
    --control-overlay-secondary-background-hover: hsl(var(--opacity-black-64-hsl)/0.6392156862745098);
    --control-overlay-secondary-border-active: hsl(var(--opacity-20-hsl)/0.2);
    --control-overlay-secondary-border-default: hsl(var(--opacity-20-hsl)/0.2);
    --control-overlay-secondary-border-hover: hsl(var(--opacity-20-hsl)/0.2);
    --control-overlay-secondary-icon-active: var(--neutral-1);
    --control-overlay-secondary-icon-default: var(--neutral-1);
    --control-overlay-secondary-icon-hover: var(--neutral-1);
    --control-overlay-secondary-text-active: var(--neutral-1);
    --control-overlay-secondary-text-default: var(--neutral-1);
    --control-overlay-secondary-text-hover: var(--neutral-1);
    --control-primary-background-active: var(--blurple-65);
    --control-primary-background-default: var(--blurple-50);
    --control-primary-background-hover: var(--blurple-60);
    --control-primary-border-active: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-primary-border-default: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-primary-border-hover: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-primary-icon-active: var(--neutral-1);
    --control-primary-icon-default: var(--neutral-1);
    --control-primary-icon-hover: var(--neutral-1);
    --control-primary-text-active: var(--neutral-1);
    --control-primary-text-default: var(--neutral-1);
    --control-primary-text-hover: var(--neutral-1);
    --control-secondary-background-active: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --control-secondary-background-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --control-secondary-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --control-secondary-border-active: hsl(var(--opacity-20-hsl)/0.2);
    --control-secondary-border-default: hsl(var(--opacity-20-hsl)/0.2);
    --control-secondary-border-hover: hsl(var(--opacity-20-hsl)/0.2);
    --control-secondary-icon-active: var(--neutral-71);
    --control-secondary-icon-default: var(--neutral-71);
    --control-secondary-icon-hover: var(--neutral-71);
    --control-secondary-text-active: var(--neutral-71);
    --control-secondary-text-default: var(--neutral-71);
    --control-secondary-text-hover: var(--neutral-71);
    --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);
    --embed-background: var(--primary-130);
    --embed-background-alternate: var(--primary-200);
    --experimental-avatar-embed-bg: hsl(var(--opacity-black-52-hsl)/0.5215686274509804);
    --expressive-gradient-blue-end: hsl(var(--illo-blue-30-hsl)/0.8);
    --expressive-gradient-blue-start: hsl(var(--illo-blue-10-hsl)/0.8);
    --expressive-gradient-green-end: hsl(var(--illo-green-30-hsl)/0.8);
    --expressive-gradient-green-start: hsl(var(--illo-green-10-hsl)/0.8);
    --expressive-gradient-nitro-green-end: hsl(var(--illo-blue-40-hsl)/0.9);
    --expressive-gradient-nitro-green-start: hsl(var(--illo-green-10-hsl)/0.9);
    --expressive-gradient-nitro-pink-end: hsl(var(--illo-blue-40-hsl)/0.9);
    --expressive-gradient-nitro-pink-start: hsl(var(--illo-pink-30-hsl)/0.9);
    --expressive-gradient-pink-end: hsl(var(--illo-pink-30-hsl)/0.8);
    --expressive-gradient-pink-start: hsl(var(--illo-pink-10-hsl)/0.8);
    --expressive-gradient-purple-end: hsl(var(--illo-purple-30-hsl)/0.8);
    --expressive-gradient-purple-start: hsl(var(--illo-purple-10-hsl)/0.8);
    --expressive-gradient-tenure-badge-bronze-end: hsl(var(--illo-orange-70-hsl)/0.3);
    --expressive-gradient-tenure-badge-bronze-start: hsl(var(--illo-orange-30-hsl)/0.3);
    --expressive-gradient-tenure-badge-diamond-end: hsl(var(--illo-purple-50-hsl)/0.3);
    --expressive-gradient-tenure-badge-diamond-start: hsl(var(--illo-purple-40-hsl)/0.3);
    --expressive-gradient-tenure-badge-emerald-end: hsl(var(--illo-green-60-hsl)/0.3);
    --expressive-gradient-tenure-badge-emerald-start: hsl(var(--illo-green-40-hsl)/0.3);
    --expressive-gradient-tenure-badge-gold-end: hsl(var(--yellow-new-41-hsl)/0.3);
    --expressive-gradient-tenure-badge-gold-start: hsl(var(--illo-yellow-50-hsl)/0.3);
    --expressive-gradient-tenure-badge-opal-end: hsl(var(--blue-new-50-hsl)/0.3);
    --expressive-gradient-tenure-badge-opal-start: hsl(var(--teal-new-30-hsl)/0.3);
    --expressive-gradient-tenure-badge-platinum-end: hsl(var(--teal-new-60-hsl)/0.3);
    --expressive-gradient-tenure-badge-platinum-start: hsl(var(--teal-new-20-hsl)/0.3);
    --expressive-gradient-tenure-badge-ruby-end: hsl(var(--red-new-80-hsl)/0.3);
    --expressive-gradient-tenure-badge-ruby-start: hsl(var(--red-new-44-hsl)/0.3);
    --expressive-gradient-tenure-badge-silver-end: hsl(var(--neutral-58-hsl)/0.3);
    --expressive-gradient-tenure-badge-silver-start: hsl(var(--neutral-12-hsl)/0.3);
    --gradient-progress-pill-background: var(--neutral-18);
    --guild-profile-banner-background-default: var(--neutral-40);
    --home-background: var(--primary-100);
    --icon-default: var(--neutral-69);
    --icon-feedback-critical: var(--red-new-53);
    --icon-feedback-info: var(--blue-new-56);
    --icon-feedback-notification: var(--red-new-50);
    --icon-feedback-positive: var(--green-new-55);
    --icon-feedback-warning: var(--yellow-new-70);
    --icon-invert: var(--neutral-1);
    --icon-link: var(--blue-new-50);
    --icon-muted: var(--neutral-41);
    --icon-overlay-dark: var(--neutral-71);
    --icon-overlay-light: var(--neutral-2);
    --icon-status-dnd: var(--red-new-50);
    --icon-status-idle: var(--yellow-new-45);
    --icon-status-offline: var(--neutral-45);
    --icon-status-online: var(--green-160);
    --icon-strong: var(--neutral-71);
    --icon-subtle: var(--neutral-44);
    --icon-transparent: hsl(var(--transparent-hsl)/0);
    --icon-voice-connected: var(--green-new-55);
    --icon-voice-disconnected: var(--red-new-53);
    --icon-voice-muted: var(--red-new-50);
    --icon-voice-speaking: var(--green-new-45);
    --input-background-default: hsl(var(--opacity-black-1-hsl)/0.0196078431372549);
    --input-background-error-default: hsl(var(--opacity-red-4-hsl)/0.0392156862745098);
    --input-border-active: var(--blurple-50);
    --input-border-default: hsl(var(--opacity-36-hsl)/0.3607843137254902);
    --input-border-error-default: var(--red-new-53);
    --input-border-hover: hsl(var(--opacity-36-hsl)/0.3607843137254902);
    --input-border-readonly: hsl(var(--opacity-black-4-hsl)/0.0392156862745098);
    --input-icon-default: var(--neutral-44);
    --input-placeholder-text-default: var(--neutral-42);
    --input-text-default: var(--neutral-69);
    --input-text-error-default: var(--neutral-69);
    --interactive-background-active: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --interactive-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --interactive-background-selected: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --interactive-icon-active: var(--neutral-71);
    --interactive-icon-default: var(--neutral-44);
    --interactive-icon-hover: var(--neutral-71);
    --interactive-muted: var(--primary-300);
    --interactive-text-active: var(--neutral-71);
    --interactive-text-default: var(--neutral-44);
    --interactive-text-hover: var(--neutral-71);
    --logo-primary: var(--brand-500);
    --mention-background: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
    --mention-foreground: var(--blurple-71);
    --message-automod-background-default: hsl(var(--red-400-hsl)/0.05);
    --message-automod-background-hover: hsl(var(--red-400-hsl)/0.1);
    --message-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --message-highlight-background-default: hsl(var(--opacity-blurple-16-hsl)/0.1607843137254902);
    --message-highlight-background-hover: hsl(var(--opacity-blurple-20-hsl)/0.2);
    --message-mentioned-background-default: hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196);
    --message-mentioned-background-hover: hsl(var(--opacity-yellow-12-hsl)/0.12156862745098039);
    --message-reacted-background-default: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
    --message-reacted-text-default: var(--blurple-75);
    --mobile-background-scrim-opaque: var(--black);
    --mobile-expression-picker-background-default: var(--neutral-2);
    --mobile-text-heading-primary: var(--neutral-71);
    --modal-background: var(--neutral-1);
    --modal-footer-background: var(--neutral-1);
    --navigator-header-tint: var(--primary-500);
    --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-78);
    --notice-text-info: var(--blue-new-76);
    --notice-text-positive: var(--green-new-76);
    --notice-text-warning: var(--yellow-new-85);
    --overlay-backdrop-lightbox: hsl(var(--opacity-black-92-hsl)/0.9215686274509803);
    --panel-bg: var(--neutral-2);
    --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(--pink-61);
    --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);
    --progressbar-indicator-background: var(--blurple-50);
    --progressbar-track-background: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --radio-background-active: var(--blurple-65);
    --radio-background-default: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --radio-background-hover: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --radio-background-selected-default: var(--blurple-50);
    --radio-background-selected-hover: var(--blurple-60);
    --radio-border-active: hsl(var(--opacity-28-hsl)/0.2784313725490196);
    --radio-border-default: var(--neutral-34);
    --radio-border-hover: var(--neutral-46);
    --radio-border-selected-default: hsl(var(--opacity-28-hsl)/0.2784313725490196);
    --radio-border-selected-hover: hsl(var(--opacity-28-hsl)/0.2784313725490196);
    --radio-foreground-active: var(--blurple-50);
    --radio-foreground-default: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --radio-foreground-hover: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --radio-thumb-background-active: var(--neutral-1);
    --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-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(--neutral-69);
    --scrollbar-auto-scrollbar-color-thumb: var(--neutral-33);
    --scrollbar-auto-scrollbar-color-track: var(--neutral-5);
    --scrollbar-auto-thumb: var(--neutral-31);
    --scrollbar-auto-track: hsl(var(--transparent-hsl)/0);
    --scrollbar-thin-thumb: var(--neutral-32);
    --scrollbar-thin-track: hsl(var(--black-hsl)/0);
    --slider-track-background: var(--neutral-16);
    --spine-default: var(--neutral-16);
    --spoiler-hidden-background: var(--neutral-31);
    --spoiler-hidden-background-hover: var(--neutral-40);
    --spoiler-revealed-background: var(--primary-160);
    --status-danger: var(--red-430);
    --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);
    --switch-background-active: var(--blurple-65);
    --switch-background-default: hsl(var(--opacity-black-1-hsl)/0.0196078431372549);
    --switch-background-hover: hsl(var(--opacity-black-1-hsl)/0.0196078431372549);
    --switch-background-selected-default: var(--blurple-50);
    --switch-background-selected-hover: var(--blurple-60);
    --switch-border-default: hsl(var(--opacity-black-16-hsl)/0.1607843137254902);
    --switch-border-hover: hsl(var(--opacity-black-44-hsl)/0.4392156862745098);
    --switch-border-selected-default: hsl(var(--opacity-28-hsl)/0.2784313725490196);
    --switch-border-selected-hover: hsl(var(--opacity-28-hsl)/0.2784313725490196);
    --switch-thumb-background-default: var(--neutral-44);
    --switch-thumb-background-selected-default: var(--neutral-1);
    --switch-thumb-icon-active: var(--blurple-50);
    --switch-thumb-icon-default: var(--neutral-1);
    --text-brand: var(--blurple-50);
    --text-code: var(--blue-new-64);
    --text-code-addition: var(--green-new-68);
    --text-code-builtin: var(--orange-new-63);
    --text-code-bullet: var(--yellow-new-77);
    --text-code-comment: var(--neutral-41);
    --text-code-deletion: var(--red-new-66);
    --text-code-keyword: var(--red-new-63);
    --text-code-section: var(--blue-new-64);
    --text-code-string: var(--teal-new-66);
    --text-code-tag: var(--green-new-69);
    --text-code-title: var(--blurple-68);
    --text-code-variable: var(--blue-new-68);
    --text-default: var(--neutral-69);
    --text-feedback-critical: var(--red-new-53);
    --text-feedback-info: var(--blue-new-56);
    --text-feedback-positive: var(--green-new-55);
    --text-feedback-warning: var(--yellow-new-70);
    --text-invert: var(--neutral-1);
    --text-link: var(--blue-new-50);
    --text-muted: var(--neutral-41);
    --text-overlay-dark: var(--neutral-71);
    --text-overlay-light: var(--neutral-2);
    --text-status-dnd: var(--red-new-50);
    --text-status-idle: var(--yellow-new-45);
    --text-status-offline: var(--neutral-45);
    --text-status-online: var(--green-160);
    --text-strong: var(--neutral-71);
    --text-subtle: var(--neutral-44);
    --text-voice-connected: var(--green-new-55);
    --text-voice-disconnected: var(--red-new-53);
    --text-voice-speaking: var(--green-new-45);
    --textbox-markdown-syntax: var(--primary-530);
    --thread-channel-spine: var(--primary-300);
    --user-profile-activity-toolbar-background: var(--neutral-1);
    --user-profile-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --user-profile-border: hsl(var(--opacity-28-hsl)/0.2784313725490196);
    --user-profile-note-background-focus: var(--neutral-4);
    --user-profile-overlay-background: var(--neutral-1);
    --user-profile-overlay-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --user-profile-toolbar-background: var(--neutral-1);
    --user-profile-toolbar-border: hsl(var(--opacity-20-hsl)/0.2)
}

@supports (color: color-mix(in lch,red,blue)) {
    .theme-light {
        --app-frame-background:color-mix(in oklab,var(--neutral-7) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --app-frame-border: color-mix(in oklab,hsl(var(--opacity-28-hsl)/0.2784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2784313725490196) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --app-message-embed-secondary-text: color-mix(in oklab,hsl(var(--white-hsl)/0.7) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.7) var(--custom-theme-text-color-amount,0%));
        --background-accent: color-mix(in oklab,var(--primary-430) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --background-base-low: color-mix(in oklab,var(--neutral-2) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --background-base-lower: color-mix(in oklab,var(--neutral-2) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --background-base-lowest: color-mix(in oklab,var(--neutral-4) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --background-code: color-mix(in oklab,hsl(var(--opacity-blurple-4-hsl)/0.0392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--custom-theme-base-color-amount,0%));
        --background-code-addition: color-mix(in oklab,hsl(var(--opacity-green-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --background-code-deletion: color-mix(in oklab,hsl(var(--opacity-red-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --background-feedback-critical: color-mix(in oklab,hsl(var(--opacity-red-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
        --background-feedback-info: color-mix(in oklab,hsl(var(--opacity-blue-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
        --background-feedback-positive: color-mix(in oklab,hsl(var(--opacity-green-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
        --background-feedback-warning: color-mix(in oklab,hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
        --background-scrim: color-mix(in oklab,hsl(var(--opacity-black-52-hsl)/0.5215686274509804) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.5215686274509804) var(--custom-theme-base-color-amount,0%));
        --background-scrim-lightbox: color-mix(in oklab,hsl(var(--opacity-black-92-hsl)/0.9215686274509803) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.9215686274509803) var(--custom-theme-base-color-amount,0%));
        --background-secondary-alt: color-mix(in oklab,var(--primary-160) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --background-surface-high: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --background-surface-higher: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --background-surface-highest: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --background-tile-gradient-pink-end: color-mix(in oklab,hsl(var(--illo-pink-30-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --background-tile-gradient-pink-start: color-mix(in oklab,hsl(var(--illo-pink-10-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --bg-surface-raised: color-mix(in oklab,var(--white) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --border-feedback-critical: color-mix(in oklab,hsl(var(--opacity-red-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --border-focus: color-mix(in oklab,var(--blue-new-40) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --border-muted: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --border-normal: color-mix(in oklab,hsl(var(--opacity-36-hsl)/0.3607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3607843137254902) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --border-strong: color-mix(in oklab,hsl(var(--opacity-48-hsl)/0.47843137254901963) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.47843137254901963) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --border-subtle: color-mix(in oklab,hsl(var(--opacity-28-hsl)/0.2784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2784313725490196) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --card-background-default: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --card-primary-pressed-bg: color-mix(in oklab,var(--primary-160) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --card-secondary-bg: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --card-secondary-pressed-bg: color-mix(in oklab,var(--primary-160) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --channel-icon: color-mix(in oklab,var(--neutral-43) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --channel-text-area-placeholder: color-mix(in oklab,var(--primary-400) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --channels-default: color-mix(in oklab,var(--neutral-43) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --channeltextarea-background: color-mix(in oklab,var(--primary-160) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --chat-background: color-mix(in oklab,var(--white) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --chat-background-default: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --chat-border: color-mix(in oklab,var(--primary-200) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --chat-text-muted: color-mix(in oklab,var(--neutral-40) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --content-inventory-media-seekbar-container: color-mix(in oklab,hsl(var(--plum-6-hsl)/0.24) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.24) var(--custom-theme-base-color-amount,0%));
        --content-inventory-overlay-text-primary: color-mix(in oklab,hsl(var(--white-hsl)/0.85) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.85) var(--custom-theme-text-color-amount,0%));
        --content-inventory-overlay-text-secondary: color-mix(in oklab,hsl(var(--white-hsl)/0.7) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.7) var(--custom-theme-text-color-amount,0%));
        --context-menu-backdrop-background: color-mix(in oklab,hsl(var(--opacity-black-52-hsl)/0.5215686274509804) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.5215686274509804) var(--custom-theme-base-color-amount,0%));
        --control-brand-foreground: color-mix(in oklab,var(--brand-500) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --control-brand-foreground-new: color-mix(in oklab,var(--brand-500) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --control-secondary-border-active: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --control-secondary-border-default: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --creator-revenue-icon-gradient-end: color-mix(in oklab,var(--teal-400) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --creator-revenue-icon-gradient-start: color-mix(in oklab,var(--teal-345) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --creator-revenue-info-box-background: color-mix(in oklab,hsl(var(--teal-430-hsl)/0.1) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1) var(--custom-theme-base-color-amount,0%));
        --creator-revenue-info-box-border: color-mix(in oklab,var(--teal-400) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --creator-revenue-locked-channel-icon: color-mix(in oklab,var(--teal-400) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --creator-revenue-progress-bar: color-mix(in oklab,var(--teal-345) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --embed-background: color-mix(in oklab,var(--primary-130) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --embed-background-alternate: color-mix(in oklab,var(--primary-200) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --experimental-avatar-embed-bg: color-mix(in oklab,hsl(var(--opacity-black-52-hsl)/0.5215686274509804) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.5215686274509804) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-blue-end: color-mix(in oklab,hsl(var(--illo-blue-30-hsl)/0.8) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.8) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-blue-start: color-mix(in oklab,hsl(var(--illo-blue-10-hsl)/0.8) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.8) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-green-end: color-mix(in oklab,hsl(var(--illo-green-30-hsl)/0.8) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.8) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-green-start: color-mix(in oklab,hsl(var(--illo-green-10-hsl)/0.8) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.8) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-nitro-green-end: color-mix(in oklab,hsl(var(--illo-blue-40-hsl)/0.9) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.9) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-nitro-green-start: color-mix(in oklab,hsl(var(--illo-green-10-hsl)/0.9) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.9) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-nitro-pink-end: color-mix(in oklab,hsl(var(--illo-blue-40-hsl)/0.9) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.9) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-nitro-pink-start: color-mix(in oklab,hsl(var(--illo-pink-30-hsl)/0.9) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.9) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-pink-end: color-mix(in oklab,hsl(var(--illo-pink-30-hsl)/0.8) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.8) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-pink-start: color-mix(in oklab,hsl(var(--illo-pink-10-hsl)/0.8) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.8) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-purple-end: color-mix(in oklab,hsl(var(--illo-purple-30-hsl)/0.8) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.8) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-purple-start: color-mix(in oklab,hsl(var(--illo-purple-10-hsl)/0.8) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.8) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-bronze-end: color-mix(in oklab,hsl(var(--illo-orange-70-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-bronze-start: color-mix(in oklab,hsl(var(--illo-orange-30-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-diamond-end: color-mix(in oklab,hsl(var(--illo-purple-50-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-diamond-start: color-mix(in oklab,hsl(var(--illo-purple-40-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-emerald-end: color-mix(in oklab,hsl(var(--illo-green-60-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-emerald-start: color-mix(in oklab,hsl(var(--illo-green-40-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-gold-end: color-mix(in oklab,hsl(var(--yellow-new-41-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-gold-start: color-mix(in oklab,hsl(var(--illo-yellow-50-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-opal-end: color-mix(in oklab,hsl(var(--blue-new-50-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-opal-start: color-mix(in oklab,hsl(var(--teal-new-30-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-platinum-end: color-mix(in oklab,hsl(var(--teal-new-60-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-platinum-start: color-mix(in oklab,hsl(var(--teal-new-20-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-ruby-end: color-mix(in oklab,hsl(var(--red-new-80-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-ruby-start: color-mix(in oklab,hsl(var(--red-new-44-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-silver-end: color-mix(in oklab,hsl(var(--neutral-58-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-silver-start: color-mix(in oklab,hsl(var(--neutral-12-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --gradient-progress-pill-background: color-mix(in oklab,var(--neutral-18) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --guild-profile-banner-background-default: color-mix(in oklab,var(--neutral-40) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --home-background: color-mix(in oklab,var(--primary-100) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --icon-default: color-mix(in oklab,var(--neutral-69) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-feedback-critical: color-mix(in oklab,var(--red-new-53) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-feedback-info: color-mix(in oklab,var(--blue-new-56) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-feedback-positive: color-mix(in oklab,var(--green-new-55) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-feedback-warning: color-mix(in oklab,var(--yellow-new-70) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-invert: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-link: color-mix(in oklab,var(--blue-new-50) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-muted: color-mix(in oklab,var(--neutral-41) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-overlay-dark: color-mix(in oklab,var(--neutral-71) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-overlay-light: color-mix(in oklab,var(--neutral-2) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-status-dnd: color-mix(in oklab,var(--red-new-50) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-status-idle: color-mix(in oklab,var(--yellow-new-45) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-status-offline: color-mix(in oklab,var(--neutral-45) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-status-online: color-mix(in oklab,var(--green-160) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-strong: color-mix(in oklab,var(--neutral-71) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-subtle: color-mix(in oklab,var(--neutral-44) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-transparent: color-mix(in oklab,hsl(var(--transparent-hsl)/0) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0) var(--custom-theme-text-color-amount,0%));
        --icon-voice-connected: color-mix(in oklab,var(--green-new-55) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-voice-disconnected: color-mix(in oklab,var(--red-new-53) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-voice-speaking: color-mix(in oklab,var(--green-new-45) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --input-background-default: color-mix(in oklab,hsl(var(--opacity-black-1-hsl)/0.0196078431372549) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0196078431372549) var(--custom-theme-base-color-amount,0%));
        --input-background-error-default: color-mix(in oklab,hsl(var(--opacity-red-4-hsl)/0.0392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--custom-theme-base-color-amount,0%));
        --input-border-active: color-mix(in oklab,var(--blurple-50) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --input-border-default: color-mix(in oklab,hsl(var(--opacity-36-hsl)/0.3607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3607843137254902) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --input-border-error-default: color-mix(in oklab,var(--red-new-53) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --input-border-hover: color-mix(in oklab,hsl(var(--opacity-36-hsl)/0.3607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3607843137254902) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --input-border-readonly: color-mix(in oklab,hsl(var(--opacity-black-4-hsl)/0.0392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --input-icon-default: color-mix(in oklab,var(--neutral-44) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --input-placeholder-text-default: color-mix(in oklab,var(--neutral-42) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --input-text-default: color-mix(in oklab,var(--neutral-69) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --input-text-error-default: color-mix(in oklab,var(--neutral-69) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-background-active: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
        --interactive-background-hover: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --interactive-background-selected: color-mix(in oklab,hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
        --interactive-icon-active: color-mix(in oklab,var(--neutral-71) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-icon-default: color-mix(in oklab,var(--neutral-44) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-icon-hover: color-mix(in oklab,var(--neutral-71) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-muted: color-mix(in oklab,var(--primary-300) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-text-active: color-mix(in oklab,var(--neutral-71) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-text-default: color-mix(in oklab,var(--neutral-44) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-text-hover: color-mix(in oklab,var(--neutral-71) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --logo-primary: color-mix(in oklab,var(--brand-500) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --mention-background: color-mix(in oklab,hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
        --mention-foreground: color-mix(in oklab,var(--blurple-71) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --message-automod-background-default: color-mix(in oklab,hsl(var(--red-400-hsl)/0.05) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.05) var(--custom-theme-base-color-amount,0%));
        --message-automod-background-hover: color-mix(in oklab,hsl(var(--red-400-hsl)/0.1) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1) var(--custom-theme-base-color-amount,0%));
        --message-background-hover: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --message-highlight-background-default: color-mix(in oklab,hsl(var(--opacity-blurple-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
        --message-highlight-background-hover: color-mix(in oklab,hsl(var(--opacity-blurple-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
        --message-mentioned-background-default: color-mix(in oklab,hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
        --message-mentioned-background-hover: color-mix(in oklab,hsl(var(--opacity-yellow-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --message-reacted-background-default: color-mix(in oklab,hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
        --message-reacted-text-default: color-mix(in oklab,var(--blurple-75) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --mobile-background-scrim-opaque: color-mix(in oklab,var(--black) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --mobile-expression-picker-background-default: color-mix(in oklab,var(--neutral-2) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --mobile-text-heading-primary: color-mix(in oklab,var(--neutral-71) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --modal-background: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --modal-footer-background: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --navigator-header-tint: color-mix(in oklab,var(--primary-500) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --overlay-backdrop-lightbox: color-mix(in oklab,hsl(var(--opacity-black-92-hsl)/0.9215686274509803) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.9215686274509803) var(--custom-theme-base-color-amount,0%));
        --panel-bg: color-mix(in oklab,var(--neutral-2) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --polls-normal-image-background: color-mix(in oklab,var(--white) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --polls-victor-fill: color-mix(in oklab,hsl(var(--green-400-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
        --polls-voted-fill: color-mix(in oklab,hsl(var(--brand-500-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
        --premium-nitro-pink-text: color-mix(in oklab,var(--pink-61) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --profile-gradient-note-background: color-mix(in oklab,hsl(var(--white-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --profile-gradient-overlay: color-mix(in oklab,hsl(var(--white-hsl)/0.6) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.6) var(--custom-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(--custom-theme-base-color-hsl,0 0% 0%)/0.8) var(--custom-theme-base-color-amount,0%));
        --profile-gradient-role-pill-background: color-mix(in oklab,hsl(var(--white-hsl)/0.5) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.5) var(--custom-theme-base-color-amount,0%));
        --profile-gradient-role-pill-border: color-mix(in oklab,hsl(var(--primary-660-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --profile-gradient-section-box: color-mix(in oklab,hsl(var(--white-hsl)/0.45) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.45) var(--custom-theme-base-color-amount,0%));
        --progressbar-indicator-background: color-mix(in oklab,var(--blurple-50) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --progressbar-track-background: color-mix(in oklab,hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-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(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --redesign-button-premium-primary-pressed-background: color-mix(in oklab,hsl(var(--black-hsl)/0.1) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1) var(--custom-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(--custom-theme-base-color,#000) var(--custom-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(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --redesign-button-tertiary-background: color-mix(in oklab,hsl(var(--black-hsl)/0.08) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.08) var(--custom-theme-base-color-amount,0%));
        --redesign-button-tertiary-pressed-background: color-mix(in oklab,hsl(var(--black-hsl)/0.16) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.16) var(--custom-theme-base-color-amount,0%));
        --redesign-button-tertiary-pressed-text: color-mix(in oklab,var(--primary-500) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --redesign-button-tertiary-text: color-mix(in oklab,var(--neutral-69) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --scrollbar-auto-scrollbar-color-thumb: color-mix(in oklab,var(--neutral-33) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --scrollbar-auto-scrollbar-color-track: color-mix(in oklab,var(--neutral-5) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --scrollbar-auto-thumb: color-mix(in oklab,var(--neutral-31) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --scrollbar-auto-track: color-mix(in oklab,hsl(var(--transparent-hsl)/0) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0) var(--custom-theme-base-color-amount,0%));
        --scrollbar-thin-thumb: color-mix(in oklab,var(--neutral-32) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --scrollbar-thin-track: color-mix(in oklab,hsl(var(--black-hsl)/0) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0) var(--custom-theme-base-color-amount,0%));
        --slider-track-background: color-mix(in oklab,var(--neutral-16) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --spine-default: color-mix(in oklab,var(--neutral-16) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --spoiler-hidden-background: color-mix(in oklab,var(--neutral-31) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --spoiler-hidden-background-hover: color-mix(in oklab,var(--neutral-40) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --spoiler-revealed-background: color-mix(in oklab,var(--primary-160) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --text-brand: color-mix(in oklab,var(--blurple-50) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code: color-mix(in oklab,var(--blue-new-64) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-addition: color-mix(in oklab,var(--green-new-68) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-builtin: color-mix(in oklab,var(--orange-new-63) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-bullet: color-mix(in oklab,var(--yellow-new-77) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-comment: color-mix(in oklab,var(--neutral-41) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-deletion: color-mix(in oklab,var(--red-new-66) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-keyword: color-mix(in oklab,var(--red-new-63) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-section: color-mix(in oklab,var(--blue-new-64) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-string: color-mix(in oklab,var(--teal-new-66) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-tag: color-mix(in oklab,var(--green-new-69) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-title: color-mix(in oklab,var(--blurple-68) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-variable: color-mix(in oklab,var(--blue-new-68) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-default: color-mix(in oklab,var(--neutral-69) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-feedback-critical: color-mix(in oklab,var(--red-new-53) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-feedback-info: color-mix(in oklab,var(--blue-new-56) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-feedback-positive: color-mix(in oklab,var(--green-new-55) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-feedback-warning: color-mix(in oklab,var(--yellow-new-70) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-invert: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-link: color-mix(in oklab,var(--blue-new-50) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-muted: color-mix(in oklab,var(--neutral-41) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-status-dnd: color-mix(in oklab,var(--red-new-50) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-status-idle: color-mix(in oklab,var(--yellow-new-45) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-status-offline: color-mix(in oklab,var(--neutral-45) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-status-online: color-mix(in oklab,var(--green-160) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-strong: color-mix(in oklab,var(--neutral-71) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-subtle: color-mix(in oklab,var(--neutral-44) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-voice-connected: color-mix(in oklab,var(--green-new-55) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-voice-disconnected: color-mix(in oklab,var(--red-new-53) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-voice-speaking: color-mix(in oklab,var(--green-new-45) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --textbox-markdown-syntax: color-mix(in oklab,var(--primary-530) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --thread-channel-spine: color-mix(in oklab,var(--primary-300) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --user-profile-activity-toolbar-background: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --user-profile-background-hover: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --user-profile-border: color-mix(in oklab,hsl(var(--opacity-28-hsl)/0.2784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2784313725490196) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --user-profile-note-background-focus: color-mix(in oklab,var(--neutral-4) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --user-profile-overlay-background: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --user-profile-overlay-background-hover: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --user-profile-toolbar-background: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --user-profile-toolbar-border: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)))
    }
}

.theme-midnight {
    --app-frame-background: var(--neutral-100);
    --app-frame-border: hsl(var(--opacity-20-hsl)/0.2);
    --app-message-embed-secondary-text: hsl(var(--white-hsl)/0.7);
    --background-accent: var(--plum-17);
    --background-base-low: var(--neutral-95);
    --background-base-lower: var(--neutral-97);
    --background-base-lowest: var(--neutral-100);
    --background-brand: var(--blurple-50);
    --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-notification: var(--red-new-46);
    --background-feedback-positive: hsl(var(--opacity-green-8-hsl)/0.0784313725490196);
    --background-feedback-warning: hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196);
    --background-mod-muted: 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-scrim: hsl(var(--opacity-black-72-hsl)/0.7215686274509804);
    --background-scrim-lightbox: hsl(var(--opacity-black-92-hsl)/0.9215686274509803);
    --background-secondary-alt: var(--plum-17);
    --background-surface-high: var(--neutral-91);
    --background-surface-higher: var(--neutral-87);
    --background-surface-highest: var(--neutral-83);
    --background-tile-gradient-pink-end: hsl(var(--illo-pink-70-hsl)/0.3);
    --background-tile-gradient-pink-start: hsl(var(--illo-pink-50-hsl)/0.3);
    --badge-background-brand: var(--blurple-50);
    --badge-background-default: hsl(var(--opacity-20-hsl)/0.2);
    --badge-expressive-background-default: var(--neutral-1);
    --badge-expressive-text-default: var(--neutral-71);
    --badge-notification-background: var(--red-new-46);
    --badge-text-brand: var(--neutral-1);
    --badge-text-default: var(--neutral-8);
    --bg-surface-raised: var(--plum-23);
    --border-feedback-critical: hsl(var(--opacity-red-24-hsl)/0.23921568627450981);
    --border-focus: var(--blue-new-30);
    --border-muted: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --border-normal: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --border-strong: hsl(var(--opacity-44-hsl)/0.4392156862745098);
    --border-subtle: hsl(var(--opacity-20-hsl)/0.2);
    --button-danger-background-disabled: var(--red-new-50);
    --button-outline-brand-background-hover: var(--brand-500);
    --button-outline-brand-border-active: var(--brand-560);
    --button-outline-primary-text: var(--white);
    --card-background-default: var(--neutral-91);
    --card-primary-pressed-bg: var(--plum-25);
    --card-secondary-bg: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --card-secondary-pressed-bg: var(--plum-26);
    --channel-icon: var(--neutral-37);
    --channel-text-area-placeholder: var(--plum-11);
    --channels-default: var(--neutral-37);
    --channeltextarea-background: var(--plum-23);
    --chat-background: var(--black);
    --chat-background-default: var(--neutral-91);
    --chat-border: var(--plum-20);
    --chat-text-muted: var(--neutral-38);
    --checkbox-background-active: var(--blurple-65);
    --checkbox-background-default: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --checkbox-background-hover: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
    --checkbox-background-selected-default: var(--blurple-50);
    --checkbox-background-selected-hover: var(--blurple-60);
    --checkbox-border-active: hsl(var(--opacity-20-hsl)/0.2);
    --checkbox-border-default: var(--neutral-44);
    --checkbox-border-hover: hsl(var(--opacity-80-hsl)/0.8);
    --checkbox-border-selected-default: hsl(var(--opacity-20-hsl)/0.2);
    --checkbox-border-selected-hover: hsl(var(--opacity-20-hsl)/0.2);
    --checkbox-icon-active: var(--neutral-1);
    --chip-blurple-dark-background: var(--blurple-70);
    --chip-blurple-dark-text: var(--blurple-1);
    --chip-blurple-light-background: var(--blurple-20);
    --chip-blurple-light-text: var(--blurple-91);
    --chip-blurple-medium-background: var(--blurple-40);
    --chip-blurple-medium-text: var(--blurple-100);
    --chip-gray-dark-background: var(--neutral-75);
    --chip-gray-dark-text: var(--neutral-6);
    --chip-gray-light-background: var(--neutral-10);
    --chip-gray-light-text: var(--neutral-68);
    --chip-gray-medium-background: var(--neutral-40);
    --chip-gray-medium-text: var(--neutral-1);
    --chip-green-dark-background: var(--green-new-70);
    --chip-green-dark-text: var(--green-new-1);
    --chip-green-light-background: var(--green-new-20);
    --chip-green-light-text: var(--green-new-91);
    --chip-green-medium-background: var(--green-new-45);
    --chip-green-medium-text: var(--green-new-96);
    --chip-orange-dark-background: var(--orange-new-70);
    --chip-orange-dark-text: var(--orange-new-1);
    --chip-orange-light-background: var(--orange-new-20);
    --chip-orange-light-text: var(--orange-new-93);
    --chip-orange-medium-background: var(--orange-new-40);
    --chip-orange-medium-text: var(--orange-new-100);
    --chip-pink-dark-background: var(--illo-pink-60);
    --chip-pink-dark-text: var(--neutral-1);
    --chip-pink-light-background: var(--illo-pink-20);
    --chip-pink-light-text: var(--neutral-73);
    --chip-pink-medium-background: var(--illo-pink-40);
    --chip-pink-medium-text: var(--neutral-100);
    --chip-purple-dark-background: var(--illo-purple-60);
    --chip-purple-dark-text: var(--neutral-10);
    --chip-purple-light-background: var(--illo-purple-20);
    --chip-purple-light-text: var(--neutral-75);
    --chip-purple-medium-background: var(--illo-purple-40);
    --chip-purple-medium-text: var(--neutral-100);
    --chip-red-dark-background: var(--red-new-70);
    --chip-red-dark-text: var(--red-new-1);
    --chip-red-light-background: var(--red-new-20);
    --chip-red-light-text: var(--red-new-95);
    --chip-red-medium-background: var(--red-new-45);
    --chip-red-medium-text: var(--red-new-100);
    --chip-yellow-dark-background: var(--yellow-new-70);
    --chip-yellow-dark-text: var(--yellow-new-1);
    --chip-yellow-light-background: var(--yellow-new-20);
    --chip-yellow-light-text: var(--yellow-new-87);
    --chip-yellow-medium-background: var(--yellow-new-45);
    --chip-yellow-medium-text: var(--yellow-new-80);
    --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);
    --context-menu-backdrop-background: hsl(var(--black-hsl)/0.7);
    --control-brand-foreground: var(--brand-360);
    --control-brand-foreground-new: var(--brand-360);
    --control-connected-background-active: var(--green-new-65);
    --control-connected-background-default: var(--green-new-50);
    --control-connected-background-hover: var(--green-new-60);
    --control-connected-border-active: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-connected-border-default: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-connected-border-hover: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-connected-icon-active: var(--neutral-1);
    --control-connected-icon-default: var(--neutral-1);
    --control-connected-icon-hover: var(--neutral-1);
    --control-connected-text-active: var(--neutral-1);
    --control-connected-text-default: var(--neutral-1);
    --control-connected-text-hover: var(--neutral-1);
    --control-critical-primary-background-active: var(--red-new-65);
    --control-critical-primary-background-default: var(--red-new-50);
    --control-critical-primary-background-hover: var(--red-new-60);
    --control-critical-primary-border-active: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-critical-primary-border-default: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-critical-primary-border-hover: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-critical-primary-icon-active: var(--neutral-1);
    --control-critical-primary-icon-default: var(--neutral-1);
    --control-critical-primary-icon-hover: var(--neutral-1);
    --control-critical-primary-text-active: var(--neutral-1);
    --control-critical-primary-text-default: var(--neutral-1);
    --control-critical-primary-text-hover: var(--neutral-1);
    --control-critical-secondary-background-active: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --control-critical-secondary-background-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --control-critical-secondary-background-hover: hsl(var(--opacity-20-hsl)/0.2);
    --control-critical-secondary-border-active: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --control-critical-secondary-border-default: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --control-critical-secondary-border-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --control-critical-secondary-icon-active: var(--red-new-38);
    --control-critical-secondary-icon-default: var(--red-new-38);
    --control-critical-secondary-icon-hover: var(--red-new-38);
    --control-critical-secondary-text-active: var(--red-new-38);
    --control-critical-secondary-text-default: var(--red-new-38);
    --control-critical-secondary-text-hover: var(--red-new-38);
    --control-expressive-background-active: var(--neutral-5);
    --control-expressive-background-default: var(--neutral-1);
    --control-expressive-background-hover: var(--neutral-1);
    --control-expressive-border-active: hsl(var(--opacity-20-hsl)/0.2);
    --control-expressive-border-default: hsl(var(--opacity-20-hsl)/0.2);
    --control-expressive-border-hover: hsl(var(--opacity-20-hsl)/0.2);
    --control-expressive-icon-active: var(--neutral-100);
    --control-expressive-icon-default: var(--neutral-100);
    --control-expressive-icon-hover: var(--neutral-100);
    --control-expressive-text-active: var(--neutral-100);
    --control-expressive-text-default: var(--neutral-100);
    --control-expressive-text-hover: var(--neutral-100);
    --control-icon-only-background-active: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --control-icon-only-background-hover: hsl(var(--opacity-20-hsl)/0.2);
    --control-icon-only-border-active: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --control-icon-only-border-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --control-icon-only-icon-active: var(--neutral-8);
    --control-icon-only-icon-default: var(--neutral-27);
    --control-icon-only-icon-hover: var(--neutral-8);
    --control-overlay-primary-background-active: var(--neutral-17);
    --control-overlay-primary-background-default: var(--neutral-1);
    --control-overlay-primary-background-hover: var(--neutral-9);
    --control-overlay-primary-border-active: hsl(var(--opacity-20-hsl)/0.2);
    --control-overlay-primary-border-default: hsl(var(--opacity-20-hsl)/0.2);
    --control-overlay-primary-border-hover: hsl(var(--opacity-20-hsl)/0.2);
    --control-overlay-primary-icon-active: var(--neutral-100);
    --control-overlay-primary-icon-default: var(--neutral-100);
    --control-overlay-primary-icon-hover: var(--neutral-100);
    --control-overlay-primary-text-active: var(--neutral-100);
    --control-overlay-primary-text-default: var(--neutral-100);
    --control-overlay-primary-text-hover: var(--neutral-100);
    --control-overlay-secondary-background-active: hsl(var(--opacity-black-48-hsl)/0.47843137254901963);
    --control-overlay-secondary-background-default: hsl(var(--opacity-black-52-hsl)/0.5215686274509804);
    --control-overlay-secondary-background-hover: hsl(var(--opacity-black-64-hsl)/0.6392156862745098);
    --control-overlay-secondary-border-active: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --control-overlay-secondary-border-default: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --control-overlay-secondary-border-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --control-overlay-secondary-icon-active: var(--neutral-1);
    --control-overlay-secondary-icon-default: var(--neutral-1);
    --control-overlay-secondary-icon-hover: var(--neutral-1);
    --control-overlay-secondary-text-active: var(--neutral-1);
    --control-overlay-secondary-text-default: var(--neutral-1);
    --control-overlay-secondary-text-hover: var(--neutral-1);
    --control-primary-background-active: var(--blurple-65);
    --control-primary-background-default: var(--blurple-50);
    --control-primary-background-hover: var(--blurple-60);
    --control-primary-border-active: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-primary-border-default: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-primary-border-hover: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-primary-icon-active: var(--neutral-1);
    --control-primary-icon-default: var(--neutral-1);
    --control-primary-icon-hover: var(--neutral-1);
    --control-primary-text-active: var(--neutral-1);
    --control-primary-text-default: var(--neutral-1);
    --control-primary-text-hover: var(--neutral-1);
    --control-secondary-background-active: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --control-secondary-background-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --control-secondary-background-hover: hsl(var(--opacity-20-hsl)/0.2);
    --control-secondary-border-active: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --control-secondary-border-default: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --control-secondary-border-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --control-secondary-icon-active: var(--neutral-8);
    --control-secondary-icon-default: var(--neutral-8);
    --control-secondary-icon-hover: var(--neutral-8);
    --control-secondary-text-active: var(--neutral-8);
    --control-secondary-text-default: var(--neutral-8);
    --control-secondary-text-hover: var(--neutral-8);
    --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);
    --embed-background: var(--plum-23);
    --embed-background-alternate: var(--plum-23);
    --experimental-avatar-embed-bg: hsl(var(--opacity-black-52-hsl)/0.5215686274509804);
    --expressive-gradient-blue-end: hsl(var(--illo-blue-60-hsl)/0.25);
    --expressive-gradient-blue-start: hsl(var(--illo-blue-40-hsl)/0.25);
    --expressive-gradient-green-end: hsl(var(--illo-green-70-hsl)/0.25);
    --expressive-gradient-green-start: hsl(var(--illo-green-50-hsl)/0.25);
    --expressive-gradient-nitro-green-end: hsl(var(--illo-nitro-blue-hsl)/0.3);
    --expressive-gradient-nitro-green-start: hsl(var(--illo-green-50-hsl)/0.3);
    --expressive-gradient-nitro-pink-end: hsl(var(--illo-nitro-blue-hsl)/0.3);
    --expressive-gradient-nitro-pink-start: hsl(var(--illo-pink-60-hsl)/0.3);
    --expressive-gradient-pink-end: hsl(var(--illo-pink-70-hsl)/0.25);
    --expressive-gradient-pink-start: hsl(var(--illo-pink-50-hsl)/0.25);
    --expressive-gradient-purple-end: hsl(var(--illo-purple-60-hsl)/0.25);
    --expressive-gradient-purple-start: hsl(var(--illo-purple-40-hsl)/0.25);
    --expressive-gradient-tenure-badge-bronze-end: hsl(var(--illo-orange-70-hsl)/0.3);
    --expressive-gradient-tenure-badge-bronze-start: hsl(var(--illo-orange-30-hsl)/0.3);
    --expressive-gradient-tenure-badge-diamond-end: hsl(var(--illo-purple-50-hsl)/0.3);
    --expressive-gradient-tenure-badge-diamond-start: hsl(var(--illo-purple-40-hsl)/0.3);
    --expressive-gradient-tenure-badge-emerald-end: hsl(var(--illo-green-60-hsl)/0.3);
    --expressive-gradient-tenure-badge-emerald-start: hsl(var(--illo-green-40-hsl)/0.3);
    --expressive-gradient-tenure-badge-gold-end: hsl(var(--yellow-new-41-hsl)/0.3);
    --expressive-gradient-tenure-badge-gold-start: hsl(var(--illo-yellow-50-hsl)/0.3);
    --expressive-gradient-tenure-badge-opal-end: hsl(var(--blue-new-50-hsl)/0.3);
    --expressive-gradient-tenure-badge-opal-start: hsl(var(--teal-new-30-hsl)/0.3);
    --expressive-gradient-tenure-badge-platinum-end: hsl(var(--teal-new-60-hsl)/0.3);
    --expressive-gradient-tenure-badge-platinum-start: hsl(var(--teal-new-20-hsl)/0.3);
    --expressive-gradient-tenure-badge-ruby-end: hsl(var(--red-new-80-hsl)/0.3);
    --expressive-gradient-tenure-badge-ruby-start: hsl(var(--red-new-44-hsl)/0.3);
    --expressive-gradient-tenure-badge-silver-end: hsl(var(--neutral-58-hsl)/0.3);
    --expressive-gradient-tenure-badge-silver-start: hsl(var(--neutral-12-hsl)/0.3);
    --gradient-progress-pill-background: var(--neutral-63);
    --guild-profile-banner-background-default: var(--neutral-100);
    --home-background: var(--plum-18);
    --icon-default: var(--neutral-10);
    --icon-feedback-critical: var(--red-new-38);
    --icon-feedback-info: var(--blue-new-41);
    --icon-feedback-notification: var(--red-new-46);
    --icon-feedback-positive: var(--green-new-40);
    --icon-feedback-warning: var(--yellow-new-60);
    --icon-invert: var(--neutral-71);
    --icon-link: var(--blue-new-42);
    --icon-muted: var(--neutral-33);
    --icon-overlay-dark: var(--neutral-71);
    --icon-overlay-light: var(--neutral-8);
    --icon-status-dnd: var(--red-new-45);
    --icon-status-idle: var(--yellow-new-22);
    --icon-status-offline: var(--neutral-27);
    --icon-status-online: var(--green-new-40);
    --icon-strong: var(--neutral-8);
    --icon-subtle: var(--neutral-27);
    --icon-transparent: hsl(var(--transparent-hsl)/0);
    --icon-voice-connected: var(--green-new-40);
    --icon-voice-disconnected: var(--red-new-38);
    --icon-voice-muted: var(--red-new-46);
    --icon-voice-speaking: var(--green-new-40);
    --input-background-default: hsl(var(--opacity-black-12-hsl)/0.12156862745098039);
    --input-background-error-default: hsl(var(--opacity-red-4-hsl)/0.0392156862745098);
    --input-border-active: var(--blurple-50);
    --input-border-default: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --input-border-error-default: var(--red-new-38);
    --input-border-hover: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --input-border-readonly: hsl(var(--opacity-white-12-hsl)/0.12156862745098039);
    --input-icon-default: var(--neutral-27);
    --input-placeholder-text-default: var(--neutral-39);
    --input-text-default: var(--neutral-10);
    --input-text-error-default: var(--neutral-10);
    --interactive-background-active: hsl(var(--opacity-20-hsl)/0.2);
    --interactive-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --interactive-background-selected: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --interactive-icon-active: var(--neutral-8);
    --interactive-icon-default: var(--neutral-27);
    --interactive-icon-hover: var(--neutral-8);
    --interactive-muted: var(--plum-13);
    --interactive-text-active: var(--neutral-8);
    --interactive-text-default: var(--neutral-27);
    --interactive-text-hover: var(--neutral-8);
    --logo-primary: var(--white);
    --mention-background: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
    --mention-foreground: var(--blurple-26);
    --message-automod-background-default: hsl(var(--red-345-hsl)/0.08);
    --message-automod-background-hover: hsl(var(--red-400-hsl)/0.1);
    --message-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --message-highlight-background-default: hsl(var(--opacity-blurple-16-hsl)/0.1607843137254902);
    --message-highlight-background-hover: hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039);
    --message-mentioned-background-default: hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196);
    --message-mentioned-background-hover: hsl(var(--opacity-yellow-4-hsl)/0.0392156862745098);
    --message-reacted-background-default: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
    --message-reacted-text-default: var(--blurple-21);
    --mobile-background-scrim-opaque: var(--plum-19);
    --mobile-expression-picker-background-default: var(--neutral-97);
    --mobile-text-heading-primary: var(--neutral-8);
    --modal-background: var(--neutral-91);
    --modal-footer-background: var(--neutral-91);
    --navigator-header-tint: var(--white);
    --notice-background-critical: var(--red-new-95);
    --notice-background-info: var(--blue-new-95);
    --notice-background-positive: var(--green-new-98);
    --notice-background-warning: var(--yellow-new-97);
    --notice-text-critical: var(--red-new-15);
    --notice-text-info: var(--blue-new-20);
    --notice-text-positive: var(--green-new-21);
    --notice-text-warning: var(--yellow-new-41);
    --overlay-backdrop-lightbox: hsl(var(--opacity-black-92-hsl)/0.9215686274509803);
    --panel-bg: var(--plum-24);
    --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(--pink-55);
    --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);
    --progressbar-indicator-background: var(--blurple-50);
    --progressbar-track-background: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --radio-background-active: var(--blurple-65);
    --radio-background-default: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
    --radio-background-hover: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
    --radio-background-selected-default: var(--blurple-50);
    --radio-background-selected-hover: var(--blurple-60);
    --radio-border-active: hsl(var(--opacity-20-hsl)/0.2);
    --radio-border-default: hsl(var(--opacity-64-hsl)/0.6392156862745098);
    --radio-border-hover: hsl(var(--opacity-80-hsl)/0.8);
    --radio-border-selected-default: hsl(var(--opacity-20-hsl)/0.2);
    --radio-border-selected-hover: hsl(var(--opacity-20-hsl)/0.2);
    --radio-foreground-active: var(--blurple-50);
    --radio-foreground-default: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
    --radio-foreground-hover: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
    --radio-thumb-background-active: var(--neutral-1);
    --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-tertiary-background: hsl(var(--opacity-black-12-hsl)/0.12156862745098039);
    --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(--neutral-10);
    --scrollbar-auto-scrollbar-color-thumb: var(--neutral-47);
    --scrollbar-auto-scrollbar-color-track: var(--neutral-100);
    --scrollbar-auto-thumb: var(--neutral-46);
    --scrollbar-auto-track: hsl(var(--transparent-hsl)/0);
    --scrollbar-thin-thumb: var(--neutral-47);
    --scrollbar-thin-track: hsl(var(--black-hsl)/0);
    --slider-track-background: var(--neutral-63);
    --spine-default: var(--neutral-63);
    --spoiler-hidden-background: var(--neutral-46);
    --spoiler-hidden-background-hover: var(--neutral-37);
    --spoiler-revealed-background: hsl(var(--plum-11-hsl)/0.16);
    --status-danger: var(--red-400);
    --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);
    --switch-background-active: var(--blurple-65);
    --switch-background-default: hsl(var(--opacity-black-12-hsl)/0.12156862745098039);
    --switch-background-hover: hsl(var(--opacity-black-12-hsl)/0.12156862745098039);
    --switch-background-selected-default: var(--blurple-50);
    --switch-background-selected-hover: var(--blurple-60);
    --switch-border-default: hsl(var(--opacity-20-hsl)/0.2);
    --switch-border-hover: hsl(var(--opacity-40-hsl)/0.4);
    --switch-border-selected-default: hsl(var(--opacity-20-hsl)/0.2);
    --switch-border-selected-hover: hsl(var(--opacity-20-hsl)/0.2);
    --switch-thumb-background-default: var(--neutral-1);
    --switch-thumb-background-selected-default: var(--neutral-1);
    --switch-thumb-icon-active: var(--blurple-50);
    --switch-thumb-icon-default: var(--neutral-71);
    --text-brand: var(--blurple-42);
    --text-code: var(--blue-new-33);
    --text-code-addition: var(--green-new-32);
    --text-code-builtin: var(--orange-new-31);
    --text-code-bullet: var(--yellow-new-56);
    --text-code-comment: var(--neutral-37);
    --text-code-deletion: var(--red-new-29);
    --text-code-keyword: var(--red-new-30);
    --text-code-section: var(--blue-new-33);
    --text-code-string: var(--teal-new-34);
    --text-code-tag: var(--green-new-29);
    --text-code-title: var(--blurple-28);
    --text-code-variable: var(--blue-new-28);
    --text-default: var(--neutral-10);
    --text-feedback-critical: var(--red-new-38);
    --text-feedback-info: var(--blue-new-41);
    --text-feedback-positive: var(--green-new-40);
    --text-feedback-warning: var(--yellow-new-60);
    --text-invert: var(--neutral-71);
    --text-link: var(--blue-new-42);
    --text-muted: var(--neutral-33);
    --text-overlay-dark: var(--neutral-71);
    --text-overlay-light: var(--neutral-8);
    --text-status-dnd: var(--red-new-45);
    --text-status-idle: var(--yellow-new-22);
    --text-status-offline: var(--neutral-27);
    --text-status-online: var(--green-new-40);
    --text-strong: var(--neutral-8);
    --text-subtle: var(--neutral-27);
    --text-voice-connected: var(--green-new-40);
    --text-voice-disconnected: var(--red-new-38);
    --text-voice-speaking: var(--green-new-40);
    --textbox-markdown-syntax: var(--plum-9);
    --thread-channel-spine: var(--plum-13);
    --user-profile-activity-toolbar-background: var(--neutral-83);
    --user-profile-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --user-profile-border: hsl(var(--opacity-20-hsl)/0.2);
    --user-profile-note-background-focus: var(--neutral-100);
    --user-profile-overlay-background: var(--neutral-83);
    --user-profile-overlay-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --user-profile-toolbar-background: var(--neutral-83);
    --user-profile-toolbar-border: hsl(var(--opacity-16-hsl)/0.1607843137254902)
}

@supports (color: color-mix(in lch,red,blue)) {
    .theme-midnight {
        --app-frame-background:color-mix(in oklab,var(--neutral-100) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --app-frame-border: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --app-message-embed-secondary-text: color-mix(in oklab,hsl(var(--white-hsl)/0.7) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.7) var(--custom-theme-text-color-amount,0%));
        --background-accent: color-mix(in oklab,var(--plum-17) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --background-base-low: color-mix(in oklab,var(--neutral-95) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --background-base-lower: color-mix(in oklab,var(--neutral-97) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --background-base-lowest: color-mix(in oklab,var(--neutral-100) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --background-code: color-mix(in oklab,hsl(var(--opacity-blurple-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
        --background-code-addition: color-mix(in oklab,hsl(var(--opacity-green-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --background-code-deletion: color-mix(in oklab,hsl(var(--opacity-red-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --background-feedback-critical: color-mix(in oklab,hsl(var(--opacity-red-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
        --background-feedback-info: color-mix(in oklab,hsl(var(--opacity-blue-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
        --background-feedback-positive: color-mix(in oklab,hsl(var(--opacity-green-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
        --background-feedback-warning: color-mix(in oklab,hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
        --background-scrim: color-mix(in oklab,hsl(var(--opacity-black-72-hsl)/0.7215686274509804) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.7215686274509804) var(--custom-theme-base-color-amount,0%));
        --background-scrim-lightbox: color-mix(in oklab,hsl(var(--opacity-black-92-hsl)/0.9215686274509803) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.9215686274509803) var(--custom-theme-base-color-amount,0%));
        --background-secondary-alt: color-mix(in oklab,var(--plum-17) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --background-surface-high: color-mix(in oklab,var(--neutral-91) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --background-surface-higher: color-mix(in oklab,var(--neutral-87) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --background-surface-highest: color-mix(in oklab,var(--neutral-83) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --background-tile-gradient-pink-end: color-mix(in oklab,hsl(var(--illo-pink-70-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --background-tile-gradient-pink-start: color-mix(in oklab,hsl(var(--illo-pink-50-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --bg-surface-raised: color-mix(in oklab,var(--plum-23) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --border-feedback-critical: color-mix(in oklab,hsl(var(--opacity-red-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --border-focus: color-mix(in oklab,var(--blue-new-30) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --border-muted: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --border-normal: color-mix(in oklab,hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --border-strong: color-mix(in oklab,hsl(var(--opacity-44-hsl)/0.4392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.4392156862745098) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --border-subtle: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --card-background-default: color-mix(in oklab,var(--neutral-91) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --card-primary-pressed-bg: color-mix(in oklab,var(--plum-25) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --card-secondary-bg: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --card-secondary-pressed-bg: color-mix(in oklab,var(--plum-26) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --channel-icon: color-mix(in oklab,var(--neutral-37) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --channel-text-area-placeholder: color-mix(in oklab,var(--plum-11) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --channels-default: color-mix(in oklab,var(--neutral-37) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --channeltextarea-background: color-mix(in oklab,var(--plum-23) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --chat-background: color-mix(in oklab,var(--black) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --chat-background-default: color-mix(in oklab,var(--neutral-91) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --chat-border: color-mix(in oklab,var(--plum-20) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --chat-text-muted: color-mix(in oklab,var(--neutral-38) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --content-inventory-media-seekbar-container: color-mix(in oklab,hsl(var(--plum-6-hsl)/0.24) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.24) var(--custom-theme-base-color-amount,0%));
        --content-inventory-overlay-text-primary: color-mix(in oklab,hsl(var(--white-hsl)/0.85) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.85) var(--custom-theme-text-color-amount,0%));
        --content-inventory-overlay-text-secondary: color-mix(in oklab,hsl(var(--white-hsl)/0.7) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.7) var(--custom-theme-text-color-amount,0%));
        --context-menu-backdrop-background: color-mix(in oklab,hsl(var(--black-hsl)/0.7) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.7) var(--custom-theme-base-color-amount,0%));
        --control-brand-foreground: color-mix(in oklab,var(--brand-360) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --control-brand-foreground-new: color-mix(in oklab,var(--brand-360) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --control-secondary-border-active: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --control-secondary-border-default: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --creator-revenue-icon-gradient-end: color-mix(in oklab,var(--teal-430) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --creator-revenue-icon-gradient-start: color-mix(in oklab,var(--teal-360) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --creator-revenue-info-box-background: color-mix(in oklab,hsl(var(--teal-430-hsl)/0.1) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1) var(--custom-theme-base-color-amount,0%));
        --creator-revenue-info-box-border: color-mix(in oklab,var(--teal-400) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --creator-revenue-locked-channel-icon: color-mix(in oklab,var(--teal-345) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --creator-revenue-progress-bar: color-mix(in oklab,var(--teal-400) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --embed-background: color-mix(in oklab,var(--plum-23) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --embed-background-alternate: color-mix(in oklab,var(--plum-23) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --experimental-avatar-embed-bg: color-mix(in oklab,hsl(var(--opacity-black-52-hsl)/0.5215686274509804) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.5215686274509804) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-blue-end: color-mix(in oklab,hsl(var(--illo-blue-60-hsl)/0.25) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.25) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-blue-start: color-mix(in oklab,hsl(var(--illo-blue-40-hsl)/0.25) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.25) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-green-end: color-mix(in oklab,hsl(var(--illo-green-70-hsl)/0.25) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.25) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-green-start: color-mix(in oklab,hsl(var(--illo-green-50-hsl)/0.25) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.25) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-nitro-green-end: color-mix(in oklab,hsl(var(--illo-nitro-blue-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-nitro-green-start: color-mix(in oklab,hsl(var(--illo-green-50-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-nitro-pink-end: color-mix(in oklab,hsl(var(--illo-nitro-blue-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-nitro-pink-start: color-mix(in oklab,hsl(var(--illo-pink-60-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-pink-end: color-mix(in oklab,hsl(var(--illo-pink-70-hsl)/0.25) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.25) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-pink-start: color-mix(in oklab,hsl(var(--illo-pink-50-hsl)/0.25) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.25) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-purple-end: color-mix(in oklab,hsl(var(--illo-purple-60-hsl)/0.25) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.25) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-purple-start: color-mix(in oklab,hsl(var(--illo-purple-40-hsl)/0.25) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.25) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-bronze-end: color-mix(in oklab,hsl(var(--illo-orange-70-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-bronze-start: color-mix(in oklab,hsl(var(--illo-orange-30-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-diamond-end: color-mix(in oklab,hsl(var(--illo-purple-50-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-diamond-start: color-mix(in oklab,hsl(var(--illo-purple-40-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-emerald-end: color-mix(in oklab,hsl(var(--illo-green-60-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-emerald-start: color-mix(in oklab,hsl(var(--illo-green-40-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-gold-end: color-mix(in oklab,hsl(var(--yellow-new-41-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-gold-start: color-mix(in oklab,hsl(var(--illo-yellow-50-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-opal-end: color-mix(in oklab,hsl(var(--blue-new-50-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-opal-start: color-mix(in oklab,hsl(var(--teal-new-30-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-platinum-end: color-mix(in oklab,hsl(var(--teal-new-60-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-platinum-start: color-mix(in oklab,hsl(var(--teal-new-20-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-ruby-end: color-mix(in oklab,hsl(var(--red-new-80-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-ruby-start: color-mix(in oklab,hsl(var(--red-new-44-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-silver-end: color-mix(in oklab,hsl(var(--neutral-58-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-silver-start: color-mix(in oklab,hsl(var(--neutral-12-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --gradient-progress-pill-background: color-mix(in oklab,var(--neutral-63) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --guild-profile-banner-background-default: color-mix(in oklab,var(--neutral-100) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --home-background: color-mix(in oklab,var(--plum-18) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --icon-default: color-mix(in oklab,var(--neutral-10) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-feedback-critical: color-mix(in oklab,var(--red-new-38) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-feedback-info: color-mix(in oklab,var(--blue-new-41) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-feedback-positive: color-mix(in oklab,var(--green-new-40) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-feedback-warning: color-mix(in oklab,var(--yellow-new-60) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-invert: color-mix(in oklab,var(--neutral-71) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-link: color-mix(in oklab,var(--blue-new-42) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-muted: color-mix(in oklab,var(--neutral-33) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-overlay-dark: color-mix(in oklab,var(--neutral-71) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-overlay-light: color-mix(in oklab,var(--neutral-8) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-status-dnd: color-mix(in oklab,var(--red-new-45) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-status-idle: color-mix(in oklab,var(--yellow-new-22) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-status-offline: color-mix(in oklab,var(--neutral-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-status-online: color-mix(in oklab,var(--green-new-40) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-strong: color-mix(in oklab,var(--neutral-8) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-subtle: color-mix(in oklab,var(--neutral-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-transparent: color-mix(in oklab,hsl(var(--transparent-hsl)/0) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0) var(--custom-theme-text-color-amount,0%));
        --icon-voice-connected: color-mix(in oklab,var(--green-new-40) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-voice-disconnected: color-mix(in oklab,var(--red-new-38) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-voice-speaking: color-mix(in oklab,var(--green-new-40) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --input-background-default: color-mix(in oklab,hsl(var(--opacity-black-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --input-background-error-default: color-mix(in oklab,hsl(var(--opacity-red-4-hsl)/0.0392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--custom-theme-base-color-amount,0%));
        --input-border-active: color-mix(in oklab,var(--blurple-50) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --input-border-default: color-mix(in oklab,hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --input-border-error-default: color-mix(in oklab,var(--red-new-38) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --input-border-hover: color-mix(in oklab,hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --input-border-readonly: color-mix(in oklab,hsl(var(--opacity-white-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --input-icon-default: color-mix(in oklab,var(--neutral-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --input-placeholder-text-default: color-mix(in oklab,var(--neutral-39) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --input-text-default: color-mix(in oklab,var(--neutral-10) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --input-text-error-default: color-mix(in oklab,var(--neutral-10) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-background-active: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
        --interactive-background-hover: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --interactive-background-selected: color-mix(in oklab,hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
        --interactive-icon-active: color-mix(in oklab,var(--neutral-8) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-icon-default: color-mix(in oklab,var(--neutral-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-icon-hover: color-mix(in oklab,var(--neutral-8) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-muted: color-mix(in oklab,var(--plum-13) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-text-active: color-mix(in oklab,var(--neutral-8) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-text-default: color-mix(in oklab,var(--neutral-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-text-hover: color-mix(in oklab,var(--neutral-8) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --logo-primary: color-mix(in oklab,var(--white) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --mention-background: color-mix(in oklab,hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
        --mention-foreground: color-mix(in oklab,var(--blurple-26) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --message-automod-background-default: color-mix(in oklab,hsl(var(--red-345-hsl)/0.08) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.08) var(--custom-theme-base-color-amount,0%));
        --message-automod-background-hover: color-mix(in oklab,hsl(var(--red-400-hsl)/0.1) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1) var(--custom-theme-base-color-amount,0%));
        --message-background-hover: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --message-highlight-background-default: color-mix(in oklab,hsl(var(--opacity-blurple-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
        --message-highlight-background-hover: color-mix(in oklab,hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --message-mentioned-background-default: color-mix(in oklab,hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
        --message-mentioned-background-hover: color-mix(in oklab,hsl(var(--opacity-yellow-4-hsl)/0.0392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--custom-theme-base-color-amount,0%));
        --message-reacted-background-default: color-mix(in oklab,hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
        --message-reacted-text-default: color-mix(in oklab,var(--blurple-21) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --mobile-background-scrim-opaque: color-mix(in oklab,var(--plum-19) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --mobile-expression-picker-background-default: color-mix(in oklab,var(--neutral-97) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --mobile-text-heading-primary: color-mix(in oklab,var(--neutral-8) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --modal-background: color-mix(in oklab,var(--neutral-91) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --modal-footer-background: color-mix(in oklab,var(--neutral-91) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --navigator-header-tint: color-mix(in oklab,var(--white) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --overlay-backdrop-lightbox: color-mix(in oklab,hsl(var(--opacity-black-92-hsl)/0.9215686274509803) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.9215686274509803) var(--custom-theme-base-color-amount,0%));
        --panel-bg: color-mix(in oklab,var(--plum-24) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --polls-normal-image-background: color-mix(in oklab,var(--primary-660) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --polls-victor-fill: color-mix(in oklab,hsl(var(--green-360-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
        --polls-voted-fill: color-mix(in oklab,hsl(var(--brand-500-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
        --premium-nitro-pink-text: color-mix(in oklab,var(--pink-55) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --profile-gradient-note-background: color-mix(in oklab,hsl(var(--black-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --profile-gradient-overlay: color-mix(in oklab,hsl(var(--black-hsl)/0.6) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.6) var(--custom-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(--custom-theme-base-color-hsl,0 0% 0%)/0.8) var(--custom-theme-base-color-amount,0%));
        --profile-gradient-role-pill-background: color-mix(in oklab,hsl(var(--primary-660-hsl)/0.5) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.5) var(--custom-theme-base-color-amount,0%));
        --profile-gradient-role-pill-border: color-mix(in oklab,hsl(var(--white-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --profile-gradient-section-box: color-mix(in oklab,hsl(var(--black-hsl)/0.45) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.45) var(--custom-theme-base-color-amount,0%));
        --progressbar-indicator-background: color-mix(in oklab,var(--blurple-50) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --progressbar-track-background: color-mix(in oklab,hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-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(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --redesign-button-premium-primary-pressed-background: color-mix(in oklab,hsl(var(--black-hsl)/0.1) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1) var(--custom-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(--custom-theme-base-color,#000) var(--custom-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(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --redesign-button-tertiary-background: color-mix(in oklab,hsl(var(--opacity-black-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --redesign-button-tertiary-pressed-background: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
        --redesign-button-tertiary-pressed-text: color-mix(in oklab,var(--plum-6) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --redesign-button-tertiary-text: color-mix(in oklab,var(--neutral-10) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --scrollbar-auto-scrollbar-color-thumb: color-mix(in oklab,var(--neutral-47) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --scrollbar-auto-scrollbar-color-track: color-mix(in oklab,var(--neutral-100) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --scrollbar-auto-thumb: color-mix(in oklab,var(--neutral-46) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --scrollbar-auto-track: color-mix(in oklab,hsl(var(--transparent-hsl)/0) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0) var(--custom-theme-base-color-amount,0%));
        --scrollbar-thin-thumb: color-mix(in oklab,var(--neutral-47) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --scrollbar-thin-track: color-mix(in oklab,hsl(var(--black-hsl)/0) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0) var(--custom-theme-base-color-amount,0%));
        --slider-track-background: color-mix(in oklab,var(--neutral-63) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --spine-default: color-mix(in oklab,var(--neutral-63) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --spoiler-hidden-background: color-mix(in oklab,var(--neutral-46) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --spoiler-hidden-background-hover: color-mix(in oklab,var(--neutral-37) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --spoiler-revealed-background: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.16) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.16) var(--custom-theme-base-color-amount,0%));
        --text-brand: color-mix(in oklab,var(--blurple-42) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code: color-mix(in oklab,var(--blue-new-33) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-addition: color-mix(in oklab,var(--green-new-32) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-builtin: color-mix(in oklab,var(--orange-new-31) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-bullet: color-mix(in oklab,var(--yellow-new-56) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-comment: color-mix(in oklab,var(--neutral-37) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-deletion: color-mix(in oklab,var(--red-new-29) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-keyword: color-mix(in oklab,var(--red-new-30) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-section: color-mix(in oklab,var(--blue-new-33) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-string: color-mix(in oklab,var(--teal-new-34) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-tag: color-mix(in oklab,var(--green-new-29) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-title: color-mix(in oklab,var(--blurple-28) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-variable: color-mix(in oklab,var(--blue-new-28) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-default: color-mix(in oklab,var(--neutral-10) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-feedback-critical: color-mix(in oklab,var(--red-new-38) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-feedback-info: color-mix(in oklab,var(--blue-new-41) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-feedback-positive: color-mix(in oklab,var(--green-new-40) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-feedback-warning: color-mix(in oklab,var(--yellow-new-60) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-invert: color-mix(in oklab,var(--neutral-71) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-link: color-mix(in oklab,var(--blue-new-42) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-muted: color-mix(in oklab,var(--neutral-33) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-status-dnd: color-mix(in oklab,var(--red-new-45) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-status-idle: color-mix(in oklab,var(--yellow-new-22) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-status-offline: color-mix(in oklab,var(--neutral-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-status-online: color-mix(in oklab,var(--green-new-40) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-strong: color-mix(in oklab,var(--neutral-8) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-subtle: color-mix(in oklab,var(--neutral-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-voice-connected: color-mix(in oklab,var(--green-new-40) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-voice-disconnected: color-mix(in oklab,var(--red-new-38) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-voice-speaking: color-mix(in oklab,var(--green-new-40) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --textbox-markdown-syntax: color-mix(in oklab,var(--plum-9) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --thread-channel-spine: color-mix(in oklab,var(--plum-13) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --user-profile-activity-toolbar-background: color-mix(in oklab,var(--neutral-83) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --user-profile-background-hover: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --user-profile-border: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --user-profile-note-background-focus: color-mix(in oklab,var(--neutral-100) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --user-profile-overlay-background: color-mix(in oklab,var(--neutral-83) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --user-profile-overlay-background-hover: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --user-profile-toolbar-background: color-mix(in oklab,var(--neutral-83) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --user-profile-toolbar-border: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)))
    }
}

.theme-darker {
    --app-frame-background: var(--neutral-97);
    --app-frame-border: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --app-message-embed-secondary-text: hsl(var(--white-hsl)/0.7);
    --background-accent: var(--plum-15);
    --background-base-low: var(--neutral-82);
    --background-base-lower: var(--neutral-86);
    --background-base-lowest: var(--neutral-92);
    --background-brand: var(--blurple-50);
    --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-notification: var(--red-new-46);
    --background-feedback-positive: hsl(var(--opacity-green-8-hsl)/0.0784313725490196);
    --background-feedback-warning: hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196);
    --background-mod-muted: 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-scrim: hsl(var(--opacity-black-72-hsl)/0.7215686274509804);
    --background-scrim-lightbox: hsl(var(--opacity-black-92-hsl)/0.9215686274509803);
    --background-secondary-alt: var(--plum-15);
    --background-surface-high: var(--neutral-79);
    --background-surface-higher: var(--neutral-76);
    --background-surface-highest: var(--neutral-73);
    --background-tile-gradient-pink-end: hsl(var(--illo-pink-70-hsl)/0.3);
    --background-tile-gradient-pink-start: hsl(var(--illo-pink-50-hsl)/0.3);
    --badge-background-brand: var(--blurple-50);
    --badge-background-default: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --badge-expressive-background-default: var(--neutral-1);
    --badge-expressive-text-default: var(--neutral-71);
    --badge-notification-background: var(--red-new-46);
    --badge-text-brand: var(--neutral-1);
    --badge-text-default: var(--neutral-2);
    --bg-surface-raised: var(--plum-18);
    --border-feedback-critical: hsl(var(--opacity-red-20-hsl)/0.2);
    --border-focus: var(--blue-new-30);
    --border-muted: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --border-normal: hsl(var(--opacity-20-hsl)/0.2);
    --border-strong: hsl(var(--opacity-44-hsl)/0.4392156862745098);
    --border-subtle: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --button-danger-background-disabled: var(--red-new-50);
    --button-outline-brand-background-hover: var(--brand-500);
    --button-outline-brand-border-active: var(--brand-560);
    --button-outline-primary-text: var(--white);
    --card-background-default: var(--neutral-79);
    --card-primary-pressed-bg: var(--plum-19);
    --card-secondary-bg: hsl(var(--opacity-8-hsl)/0.0784313725490196);
    --card-secondary-pressed-bg: var(--plum-21);
    --channel-icon: var(--neutral-35);
    --channel-text-area-placeholder: var(--plum-11);
    --channels-default: var(--neutral-35);
    --channeltextarea-background: var(--plum-15);
    --chat-background: var(--plum-16);
    --chat-background-default: var(--neutral-80);
    --chat-border: var(--plum-20);
    --chat-text-muted: var(--neutral-35);
    --checkbox-background-active: var(--blurple-65);
    --checkbox-background-default: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --checkbox-background-hover: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
    --checkbox-background-selected-default: var(--blurple-50);
    --checkbox-background-selected-hover: var(--blurple-60);
    --checkbox-border-active: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --checkbox-border-default: var(--neutral-41);
    --checkbox-border-hover: hsl(var(--opacity-80-hsl)/0.8);
    --checkbox-border-selected-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --checkbox-border-selected-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --checkbox-icon-active: var(--neutral-1);
    --chip-blurple-dark-background: var(--blurple-70);
    --chip-blurple-dark-text: var(--blurple-1);
    --chip-blurple-light-background: var(--blurple-20);
    --chip-blurple-light-text: var(--blurple-91);
    --chip-blurple-medium-background: var(--blurple-40);
    --chip-blurple-medium-text: var(--blurple-100);
    --chip-gray-dark-background: var(--neutral-75);
    --chip-gray-dark-text: var(--neutral-6);
    --chip-gray-light-background: var(--neutral-10);
    --chip-gray-light-text: var(--neutral-68);
    --chip-gray-medium-background: var(--neutral-40);
    --chip-gray-medium-text: var(--neutral-1);
    --chip-green-dark-background: var(--green-new-70);
    --chip-green-dark-text: var(--green-new-1);
    --chip-green-light-background: var(--green-new-20);
    --chip-green-light-text: var(--green-new-91);
    --chip-green-medium-background: var(--green-new-45);
    --chip-green-medium-text: var(--green-new-96);
    --chip-orange-dark-background: var(--orange-new-70);
    --chip-orange-dark-text: var(--orange-new-1);
    --chip-orange-light-background: var(--orange-new-20);
    --chip-orange-light-text: var(--orange-new-93);
    --chip-orange-medium-background: var(--orange-new-40);
    --chip-orange-medium-text: var(--orange-new-100);
    --chip-pink-dark-background: var(--illo-pink-60);
    --chip-pink-dark-text: var(--neutral-1);
    --chip-pink-light-background: var(--illo-pink-20);
    --chip-pink-light-text: var(--neutral-73);
    --chip-pink-medium-background: var(--illo-pink-40);
    --chip-pink-medium-text: var(--neutral-100);
    --chip-purple-dark-background: var(--illo-purple-60);
    --chip-purple-dark-text: var(--neutral-10);
    --chip-purple-light-background: var(--illo-purple-20);
    --chip-purple-light-text: var(--neutral-75);
    --chip-purple-medium-background: var(--illo-purple-40);
    --chip-purple-medium-text: var(--neutral-100);
    --chip-red-dark-background: var(--red-new-70);
    --chip-red-dark-text: var(--red-new-1);
    --chip-red-light-background: var(--red-new-20);
    --chip-red-light-text: var(--red-new-95);
    --chip-red-medium-background: var(--red-new-45);
    --chip-red-medium-text: var(--red-new-100);
    --chip-yellow-dark-background: var(--yellow-new-70);
    --chip-yellow-dark-text: var(--yellow-new-1);
    --chip-yellow-light-background: var(--yellow-new-20);
    --chip-yellow-light-text: var(--yellow-new-87);
    --chip-yellow-medium-background: var(--yellow-new-45);
    --chip-yellow-medium-text: var(--yellow-new-80);
    --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);
    --context-menu-backdrop-background: hsl(var(--opacity-black-72-hsl)/0.7215686274509804);
    --control-brand-foreground: var(--brand-360);
    --control-brand-foreground-new: var(--brand-360);
    --control-connected-background-active: var(--green-new-65);
    --control-connected-background-default: var(--green-new-50);
    --control-connected-background-hover: var(--green-new-60);
    --control-connected-border-active: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-connected-border-default: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-connected-border-hover: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-connected-icon-active: var(--neutral-1);
    --control-connected-icon-default: var(--neutral-1);
    --control-connected-icon-hover: var(--neutral-1);
    --control-connected-text-active: var(--neutral-1);
    --control-connected-text-default: var(--neutral-1);
    --control-connected-text-hover: var(--neutral-1);
    --control-critical-primary-background-active: var(--red-new-65);
    --control-critical-primary-background-default: var(--red-new-50);
    --control-critical-primary-background-hover: var(--red-new-60);
    --control-critical-primary-border-active: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-critical-primary-border-default: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-critical-primary-border-hover: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-critical-primary-icon-active: var(--neutral-1);
    --control-critical-primary-icon-default: var(--neutral-1);
    --control-critical-primary-icon-hover: var(--neutral-1);
    --control-critical-primary-text-active: var(--neutral-1);
    --control-critical-primary-text-default: var(--neutral-1);
    --control-critical-primary-text-hover: var(--neutral-1);
    --control-critical-secondary-background-active: hsl(var(--opacity-20-hsl)/0.2);
    --control-critical-secondary-background-default: hsl(var(--opacity-8-hsl)/0.0784313725490196);
    --control-critical-secondary-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --control-critical-secondary-border-active: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --control-critical-secondary-border-default: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --control-critical-secondary-border-hover: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --control-critical-secondary-icon-active: var(--red-new-32);
    --control-critical-secondary-icon-default: var(--red-new-32);
    --control-critical-secondary-icon-hover: var(--red-new-32);
    --control-critical-secondary-text-active: var(--red-new-32);
    --control-critical-secondary-text-default: var(--red-new-32);
    --control-critical-secondary-text-hover: var(--red-new-32);
    --control-expressive-background-active: var(--neutral-5);
    --control-expressive-background-default: var(--neutral-1);
    --control-expressive-background-hover: var(--neutral-1);
    --control-expressive-border-active: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --control-expressive-border-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --control-expressive-border-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --control-expressive-icon-active: var(--neutral-100);
    --control-expressive-icon-default: var(--neutral-100);
    --control-expressive-icon-hover: var(--neutral-100);
    --control-expressive-text-active: var(--neutral-100);
    --control-expressive-text-default: var(--neutral-100);
    --control-expressive-text-hover: var(--neutral-100);
    --control-icon-only-background-active: hsl(var(--opacity-20-hsl)/0.2);
    --control-icon-only-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --control-icon-only-border-active: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --control-icon-only-border-hover: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --control-icon-only-icon-active: var(--neutral-2);
    --control-icon-only-icon-default: var(--neutral-23);
    --control-icon-only-icon-hover: var(--neutral-2);
    --control-overlay-primary-background-active: var(--neutral-17);
    --control-overlay-primary-background-default: var(--neutral-1);
    --control-overlay-primary-background-hover: var(--neutral-9);
    --control-overlay-primary-border-active: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --control-overlay-primary-border-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --control-overlay-primary-border-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --control-overlay-primary-icon-active: var(--neutral-100);
    --control-overlay-primary-icon-default: var(--neutral-100);
    --control-overlay-primary-icon-hover: var(--neutral-100);
    --control-overlay-primary-text-active: var(--neutral-100);
    --control-overlay-primary-text-default: var(--neutral-100);
    --control-overlay-primary-text-hover: var(--neutral-100);
    --control-overlay-secondary-background-active: hsl(var(--opacity-black-48-hsl)/0.47843137254901963);
    --control-overlay-secondary-background-default: hsl(var(--opacity-black-52-hsl)/0.5215686274509804);
    --control-overlay-secondary-background-hover: hsl(var(--opacity-black-64-hsl)/0.6392156862745098);
    --control-overlay-secondary-border-active: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --control-overlay-secondary-border-default: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --control-overlay-secondary-border-hover: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --control-overlay-secondary-icon-active: var(--neutral-1);
    --control-overlay-secondary-icon-default: var(--neutral-1);
    --control-overlay-secondary-icon-hover: var(--neutral-1);
    --control-overlay-secondary-text-active: var(--neutral-1);
    --control-overlay-secondary-text-default: var(--neutral-1);
    --control-overlay-secondary-text-hover: var(--neutral-1);
    --control-primary-background-active: var(--blurple-65);
    --control-primary-background-default: var(--blurple-50);
    --control-primary-background-hover: var(--blurple-60);
    --control-primary-border-active: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-primary-border-default: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-primary-border-hover: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --control-primary-icon-active: var(--neutral-1);
    --control-primary-icon-default: var(--neutral-1);
    --control-primary-icon-hover: var(--neutral-1);
    --control-primary-text-active: var(--neutral-1);
    --control-primary-text-default: var(--neutral-1);
    --control-primary-text-hover: var(--neutral-1);
    --control-secondary-background-active: hsl(var(--opacity-20-hsl)/0.2);
    --control-secondary-background-default: hsl(var(--opacity-8-hsl)/0.0784313725490196);
    --control-secondary-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --control-secondary-border-active: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --control-secondary-border-default: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --control-secondary-border-hover: hsl(var(--opacity-4-hsl)/0.0392156862745098);
    --control-secondary-icon-active: var(--neutral-2);
    --control-secondary-icon-default: var(--neutral-2);
    --control-secondary-icon-hover: var(--neutral-2);
    --control-secondary-text-active: var(--neutral-2);
    --control-secondary-text-default: var(--neutral-2);
    --control-secondary-text-hover: var(--neutral-2);
    --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);
    --embed-background: var(--plum-18);
    --embed-background-alternate: var(--plum-18);
    --experimental-avatar-embed-bg: hsl(var(--opacity-black-52-hsl)/0.5215686274509804);
    --expressive-gradient-blue-end: hsl(var(--illo-blue-60-hsl)/0.3);
    --expressive-gradient-blue-start: hsl(var(--illo-blue-40-hsl)/0.3);
    --expressive-gradient-green-end: hsl(var(--illo-green-70-hsl)/0.3);
    --expressive-gradient-green-start: hsl(var(--illo-green-50-hsl)/0.3);
    --expressive-gradient-nitro-green-end: hsl(var(--illo-nitro-blue-hsl)/0.4);
    --expressive-gradient-nitro-green-start: hsl(var(--illo-green-50-hsl)/0.4);
    --expressive-gradient-nitro-pink-end: hsl(var(--illo-nitro-blue-hsl)/0.4);
    --expressive-gradient-nitro-pink-start: hsl(var(--illo-pink-60-hsl)/0.4);
    --expressive-gradient-pink-end: hsl(var(--illo-pink-70-hsl)/0.3);
    --expressive-gradient-pink-start: hsl(var(--illo-pink-50-hsl)/0.3);
    --expressive-gradient-purple-end: hsl(var(--illo-purple-60-hsl)/0.3);
    --expressive-gradient-purple-start: hsl(var(--illo-purple-40-hsl)/0.3);
    --expressive-gradient-tenure-badge-bronze-end: hsl(var(--illo-orange-70-hsl)/0.3);
    --expressive-gradient-tenure-badge-bronze-start: hsl(var(--illo-orange-30-hsl)/0.3);
    --expressive-gradient-tenure-badge-diamond-end: hsl(var(--illo-purple-50-hsl)/0.3);
    --expressive-gradient-tenure-badge-diamond-start: hsl(var(--illo-purple-40-hsl)/0.3);
    --expressive-gradient-tenure-badge-emerald-end: hsl(var(--illo-green-60-hsl)/0.3);
    --expressive-gradient-tenure-badge-emerald-start: hsl(var(--illo-green-40-hsl)/0.3);
    --expressive-gradient-tenure-badge-gold-end: hsl(var(--yellow-new-41-hsl)/0.3);
    --expressive-gradient-tenure-badge-gold-start: hsl(var(--illo-yellow-50-hsl)/0.3);
    --expressive-gradient-tenure-badge-opal-end: hsl(var(--blue-new-50-hsl)/0.3);
    --expressive-gradient-tenure-badge-opal-start: hsl(var(--teal-new-30-hsl)/0.3);
    --expressive-gradient-tenure-badge-platinum-end: hsl(var(--teal-new-60-hsl)/0.3);
    --expressive-gradient-tenure-badge-platinum-start: hsl(var(--teal-new-20-hsl)/0.3);
    --expressive-gradient-tenure-badge-ruby-end: hsl(var(--red-new-80-hsl)/0.3);
    --expressive-gradient-tenure-badge-ruby-start: hsl(var(--red-new-44-hsl)/0.3);
    --expressive-gradient-tenure-badge-silver-end: hsl(var(--neutral-58-hsl)/0.3);
    --expressive-gradient-tenure-badge-silver-start: hsl(var(--neutral-12-hsl)/0.3);
    --gradient-progress-pill-background: var(--neutral-56);
    --guild-profile-banner-background-default: var(--neutral-92);
    --home-background: var(--plum-18);
    --icon-default: var(--neutral-5);
    --icon-feedback-critical: var(--red-new-32);
    --icon-feedback-info: var(--blue-new-35);
    --icon-feedback-notification: var(--red-new-46);
    --icon-feedback-positive: var(--green-new-35);
    --icon-feedback-warning: var(--yellow-new-56);
    --icon-invert: var(--neutral-71);
    --icon-link: var(--blue-new-37);
    --icon-muted: var(--neutral-29);
    --icon-overlay-dark: var(--neutral-71);
    --icon-overlay-light: var(--neutral-2);
    --icon-status-dnd: var(--red-new-45);
    --icon-status-idle: var(--yellow-new-22);
    --icon-status-offline: var(--neutral-27);
    --icon-status-online: var(--green-new-40);
    --icon-strong: var(--neutral-2);
    --icon-subtle: var(--neutral-23);
    --icon-transparent: hsl(var(--transparent-hsl)/0);
    --icon-voice-connected: var(--green-new-34);
    --icon-voice-disconnected: var(--red-new-32);
    --icon-voice-muted: var(--red-new-46);
    --icon-voice-speaking: var(--green-new-40);
    --input-background-default: hsl(var(--opacity-black-12-hsl)/0.12156862745098039);
    --input-background-error-default: hsl(var(--opacity-red-4-hsl)/0.0392156862745098);
    --input-border-active: var(--blurple-50);
    --input-border-default: hsl(var(--opacity-20-hsl)/0.2);
    --input-border-error-default: var(--red-new-32);
    --input-border-hover: hsl(var(--opacity-20-hsl)/0.2);
    --input-border-readonly: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --input-icon-default: var(--neutral-23);
    --input-placeholder-text-default: var(--neutral-37);
    --input-text-default: var(--neutral-5);
    --input-text-error-default: var(--neutral-5);
    --interactive-background-active: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --interactive-background-hover: hsl(var(--opacity-8-hsl)/0.0784313725490196);
    --interactive-background-selected: hsl(var(--opacity-20-hsl)/0.2);
    --interactive-icon-active: var(--neutral-2);
    --interactive-icon-default: var(--neutral-23);
    --interactive-icon-hover: var(--neutral-2);
    --interactive-muted: var(--plum-13);
    --interactive-text-active: var(--neutral-2);
    --interactive-text-default: var(--neutral-23);
    --interactive-text-hover: var(--neutral-2);
    --logo-primary: var(--white);
    --mention-background: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
    --mention-foreground: var(--blurple-19);
    --message-automod-background-default: hsl(var(--red-345-hsl)/0.08);
    --message-automod-background-hover: hsl(var(--red-400-hsl)/0.1);
    --message-background-hover: hsl(var(--opacity-8-hsl)/0.0784313725490196);
    --message-highlight-background-default: hsl(var(--opacity-blurple-16-hsl)/0.1607843137254902);
    --message-highlight-background-hover: hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039);
    --message-mentioned-background-default: hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196);
    --message-mentioned-background-hover: hsl(var(--opacity-yellow-4-hsl)/0.0392156862745098);
    --message-reacted-background-default: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
    --message-reacted-text-default: var(--blurple-14);
    --mobile-background-scrim-opaque: var(--black);
    --mobile-expression-picker-background-default: var(--neutral-86);
    --mobile-text-heading-primary: var(--neutral-2);
    --modal-background: var(--neutral-79);
    --modal-footer-background: var(--neutral-79);
    --navigator-header-tint: var(--white);
    --notice-background-critical: var(--red-new-86);
    --notice-background-info: var(--blue-new-86);
    --notice-background-positive: var(--green-new-88);
    --notice-background-warning: var(--yellow-new-92);
    --notice-text-critical: var(--red-new-9);
    --notice-text-info: var(--blue-new-13);
    --notice-text-positive: var(--green-new-14);
    --notice-text-warning: var(--yellow-new-28);
    --overlay-backdrop-lightbox: hsl(var(--opacity-black-92-hsl)/0.9215686274509803);
    --panel-bg: var(--neutral-82);
    --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(--pink-51);
    --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);
    --progressbar-indicator-background: var(--blurple-50);
    --progressbar-track-background: hsl(var(--opacity-20-hsl)/0.2);
    --radio-background-active: var(--blurple-65);
    --radio-background-default: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
    --radio-background-hover: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
    --radio-background-selected-default: var(--blurple-50);
    --radio-background-selected-hover: var(--blurple-60);
    --radio-border-active: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --radio-border-default: hsl(var(--opacity-64-hsl)/0.6392156862745098);
    --radio-border-hover: hsl(var(--opacity-80-hsl)/0.8);
    --radio-border-selected-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --radio-border-selected-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --radio-foreground-active: var(--blurple-50);
    --radio-foreground-default: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
    --radio-foreground-hover: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
    --radio-thumb-background-active: var(--neutral-1);
    --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-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(--neutral-5);
    --scrollbar-auto-scrollbar-color-thumb: var(--neutral-45);
    --scrollbar-auto-scrollbar-color-track: var(--neutral-94);
    --scrollbar-auto-thumb: var(--neutral-43);
    --scrollbar-auto-track: hsl(var(--transparent-hsl)/0);
    --scrollbar-thin-thumb: var(--neutral-45);
    --scrollbar-thin-track: hsl(var(--black-hsl)/0);
    --slider-track-background: var(--neutral-55);
    --spine-default: var(--neutral-55);
    --spoiler-hidden-background: var(--neutral-43);
    --spoiler-hidden-background-hover: var(--neutral-34);
    --spoiler-revealed-background: hsl(var(--plum-11-hsl)/0.16);
    --status-danger: var(--red-400);
    --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);
    --switch-background-active: var(--blurple-65);
    --switch-background-default: hsl(var(--opacity-black-12-hsl)/0.12156862745098039);
    --switch-background-hover: hsl(var(--opacity-black-12-hsl)/0.12156862745098039);
    --switch-background-selected-default: var(--blurple-50);
    --switch-background-selected-hover: var(--blurple-60);
    --switch-border-default: hsl(var(--opacity-20-hsl)/0.2);
    --switch-border-hover: hsl(var(--opacity-40-hsl)/0.4);
    --switch-border-selected-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --switch-border-selected-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --switch-thumb-background-default: var(--neutral-1);
    --switch-thumb-background-selected-default: var(--neutral-1);
    --switch-thumb-icon-active: var(--blurple-50);
    --switch-thumb-icon-default: var(--neutral-71);
    --text-brand: var(--blurple-36);
    --text-code: var(--blue-new-27);
    --text-code-addition: var(--green-new-26);
    --text-code-builtin: var(--orange-new-25);
    --text-code-bullet: var(--yellow-new-52);
    --text-code-comment: var(--neutral-33);
    --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-28);
    --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-35);
    --text-feedback-positive: var(--green-new-35);
    --text-feedback-warning: var(--yellow-new-56);
    --text-invert: var(--neutral-71);
    --text-link: var(--blue-new-37);
    --text-muted: var(--neutral-29);
    --text-overlay-dark: var(--neutral-71);
    --text-overlay-light: var(--neutral-2);
    --text-status-dnd: var(--red-new-45);
    --text-status-idle: var(--yellow-new-22);
    --text-status-offline: var(--neutral-27);
    --text-status-online: var(--green-new-40);
    --text-strong: var(--neutral-2);
    --text-subtle: var(--neutral-23);
    --text-voice-connected: var(--green-new-34);
    --text-voice-disconnected: var(--red-new-32);
    --text-voice-speaking: var(--green-new-40);
    --textbox-markdown-syntax: var(--plum-9);
    --thread-channel-spine: var(--plum-13);
    --user-profile-activity-toolbar-background: var(--neutral-73);
    --user-profile-background-hover: hsl(var(--opacity-8-hsl)/0.0784313725490196);
    --user-profile-border: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --user-profile-note-background-focus: var(--neutral-92);
    --user-profile-overlay-background: var(--neutral-73);
    --user-profile-overlay-background-hover: hsl(var(--opacity-8-hsl)/0.0784313725490196);
    --user-profile-toolbar-background: var(--neutral-73);
    --user-profile-toolbar-border: hsl(var(--opacity-4-hsl)/0.0392156862745098)
}

@supports (color: color-mix(in lch,red,blue)) {
    .theme-darker {
        --app-frame-background:color-mix(in oklab,var(--neutral-97) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --app-frame-border: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --app-message-embed-secondary-text: color-mix(in oklab,hsl(var(--white-hsl)/0.7) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.7) var(--custom-theme-text-color-amount,0%));
        --background-accent: color-mix(in oklab,var(--plum-15) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --background-base-low: color-mix(in oklab,var(--neutral-82) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --background-base-lower: color-mix(in oklab,var(--neutral-86) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --background-base-lowest: color-mix(in oklab,var(--neutral-92) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --background-code: color-mix(in oklab,hsl(var(--opacity-blurple-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
        --background-code-addition: color-mix(in oklab,hsl(var(--opacity-green-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --background-code-deletion: color-mix(in oklab,hsl(var(--opacity-red-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --background-feedback-critical: color-mix(in oklab,hsl(var(--opacity-red-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
        --background-feedback-info: color-mix(in oklab,hsl(var(--opacity-blue-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
        --background-feedback-positive: color-mix(in oklab,hsl(var(--opacity-green-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
        --background-feedback-warning: color-mix(in oklab,hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
        --background-scrim: color-mix(in oklab,hsl(var(--opacity-black-72-hsl)/0.7215686274509804) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.7215686274509804) var(--custom-theme-base-color-amount,0%));
        --background-scrim-lightbox: color-mix(in oklab,hsl(var(--opacity-black-92-hsl)/0.9215686274509803) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.9215686274509803) var(--custom-theme-base-color-amount,0%));
        --background-secondary-alt: color-mix(in oklab,var(--plum-15) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --background-surface-high: color-mix(in oklab,var(--neutral-79) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --background-surface-higher: color-mix(in oklab,var(--neutral-76) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --background-surface-highest: color-mix(in oklab,var(--neutral-73) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --background-tile-gradient-pink-end: color-mix(in oklab,hsl(var(--illo-pink-70-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --background-tile-gradient-pink-start: color-mix(in oklab,hsl(var(--illo-pink-50-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --bg-surface-raised: color-mix(in oklab,var(--plum-18) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --border-feedback-critical: color-mix(in oklab,hsl(var(--opacity-red-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --border-focus: color-mix(in oklab,var(--blue-new-30) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --border-muted: color-mix(in oklab,hsl(var(--opacity-4-hsl)/0.0392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --border-normal: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --border-strong: color-mix(in oklab,hsl(var(--opacity-44-hsl)/0.4392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.4392156862745098) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --border-subtle: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --card-background-default: color-mix(in oklab,var(--neutral-79) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --card-primary-pressed-bg: color-mix(in oklab,var(--plum-19) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --card-secondary-bg: color-mix(in oklab,hsl(var(--opacity-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
        --card-secondary-pressed-bg: color-mix(in oklab,var(--plum-21) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --channel-icon: color-mix(in oklab,var(--neutral-35) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --channel-text-area-placeholder: color-mix(in oklab,var(--plum-11) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --channels-default: color-mix(in oklab,var(--neutral-35) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --channeltextarea-background: color-mix(in oklab,var(--plum-15) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --chat-background: color-mix(in oklab,var(--plum-16) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --chat-background-default: color-mix(in oklab,var(--neutral-80) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --chat-border: color-mix(in oklab,var(--plum-20) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --chat-text-muted: color-mix(in oklab,var(--neutral-35) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --content-inventory-media-seekbar-container: color-mix(in oklab,hsl(var(--plum-6-hsl)/0.24) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.24) var(--custom-theme-base-color-amount,0%));
        --content-inventory-overlay-text-primary: color-mix(in oklab,hsl(var(--white-hsl)/0.85) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.85) var(--custom-theme-text-color-amount,0%));
        --content-inventory-overlay-text-secondary: color-mix(in oklab,hsl(var(--white-hsl)/0.7) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.7) var(--custom-theme-text-color-amount,0%));
        --context-menu-backdrop-background: color-mix(in oklab,hsl(var(--opacity-black-72-hsl)/0.7215686274509804) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.7215686274509804) var(--custom-theme-base-color-amount,0%));
        --control-brand-foreground: color-mix(in oklab,var(--brand-360) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --control-brand-foreground-new: color-mix(in oklab,var(--brand-360) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --control-secondary-border-active: color-mix(in oklab,hsl(var(--opacity-4-hsl)/0.0392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --control-secondary-border-default: color-mix(in oklab,hsl(var(--opacity-4-hsl)/0.0392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --creator-revenue-icon-gradient-end: color-mix(in oklab,var(--teal-430) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --creator-revenue-icon-gradient-start: color-mix(in oklab,var(--teal-360) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --creator-revenue-info-box-background: color-mix(in oklab,hsl(var(--teal-430-hsl)/0.1) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1) var(--custom-theme-base-color-amount,0%));
        --creator-revenue-info-box-border: color-mix(in oklab,var(--teal-400) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --creator-revenue-locked-channel-icon: color-mix(in oklab,var(--teal-345) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --creator-revenue-progress-bar: color-mix(in oklab,var(--teal-400) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --embed-background: color-mix(in oklab,var(--plum-18) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --embed-background-alternate: color-mix(in oklab,var(--plum-18) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --experimental-avatar-embed-bg: color-mix(in oklab,hsl(var(--opacity-black-52-hsl)/0.5215686274509804) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.5215686274509804) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-blue-end: color-mix(in oklab,hsl(var(--illo-blue-60-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-blue-start: color-mix(in oklab,hsl(var(--illo-blue-40-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-green-end: color-mix(in oklab,hsl(var(--illo-green-70-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-green-start: color-mix(in oklab,hsl(var(--illo-green-50-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-nitro-green-end: color-mix(in oklab,hsl(var(--illo-nitro-blue-hsl)/0.4) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.4) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-nitro-green-start: color-mix(in oklab,hsl(var(--illo-green-50-hsl)/0.4) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.4) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-nitro-pink-end: color-mix(in oklab,hsl(var(--illo-nitro-blue-hsl)/0.4) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.4) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-nitro-pink-start: color-mix(in oklab,hsl(var(--illo-pink-60-hsl)/0.4) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.4) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-pink-end: color-mix(in oklab,hsl(var(--illo-pink-70-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-pink-start: color-mix(in oklab,hsl(var(--illo-pink-50-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-purple-end: color-mix(in oklab,hsl(var(--illo-purple-60-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-purple-start: color-mix(in oklab,hsl(var(--illo-purple-40-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-bronze-end: color-mix(in oklab,hsl(var(--illo-orange-70-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-bronze-start: color-mix(in oklab,hsl(var(--illo-orange-30-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-diamond-end: color-mix(in oklab,hsl(var(--illo-purple-50-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-diamond-start: color-mix(in oklab,hsl(var(--illo-purple-40-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-emerald-end: color-mix(in oklab,hsl(var(--illo-green-60-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-emerald-start: color-mix(in oklab,hsl(var(--illo-green-40-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-gold-end: color-mix(in oklab,hsl(var(--yellow-new-41-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-gold-start: color-mix(in oklab,hsl(var(--illo-yellow-50-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-opal-end: color-mix(in oklab,hsl(var(--blue-new-50-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-opal-start: color-mix(in oklab,hsl(var(--teal-new-30-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-platinum-end: color-mix(in oklab,hsl(var(--teal-new-60-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-platinum-start: color-mix(in oklab,hsl(var(--teal-new-20-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-ruby-end: color-mix(in oklab,hsl(var(--red-new-80-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-ruby-start: color-mix(in oklab,hsl(var(--red-new-44-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-silver-end: color-mix(in oklab,hsl(var(--neutral-58-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --expressive-gradient-tenure-badge-silver-start: color-mix(in oklab,hsl(var(--neutral-12-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --gradient-progress-pill-background: color-mix(in oklab,var(--neutral-56) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --guild-profile-banner-background-default: color-mix(in oklab,var(--neutral-92) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --home-background: color-mix(in oklab,var(--plum-18) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --icon-default: color-mix(in oklab,var(--neutral-5) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-feedback-critical: color-mix(in oklab,var(--red-new-32) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-feedback-info: color-mix(in oklab,var(--blue-new-35) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-feedback-positive: color-mix(in oklab,var(--green-new-35) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-feedback-warning: color-mix(in oklab,var(--yellow-new-56) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-invert: color-mix(in oklab,var(--neutral-71) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-link: color-mix(in oklab,var(--blue-new-37) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-muted: color-mix(in oklab,var(--neutral-29) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-overlay-dark: color-mix(in oklab,var(--neutral-71) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-overlay-light: color-mix(in oklab,var(--neutral-2) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-status-dnd: color-mix(in oklab,var(--red-new-45) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-status-idle: color-mix(in oklab,var(--yellow-new-22) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-status-offline: color-mix(in oklab,var(--neutral-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-status-online: color-mix(in oklab,var(--green-new-40) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-strong: color-mix(in oklab,var(--neutral-2) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-subtle: color-mix(in oklab,var(--neutral-23) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-transparent: color-mix(in oklab,hsl(var(--transparent-hsl)/0) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0) var(--custom-theme-text-color-amount,0%));
        --icon-voice-connected: color-mix(in oklab,var(--green-new-34) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-voice-disconnected: color-mix(in oklab,var(--red-new-32) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-voice-speaking: color-mix(in oklab,var(--green-new-40) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --input-background-default: color-mix(in oklab,hsl(var(--opacity-black-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --input-background-error-default: color-mix(in oklab,hsl(var(--opacity-red-4-hsl)/0.0392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--custom-theme-base-color-amount,0%));
        --input-border-active: color-mix(in oklab,var(--blurple-50) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --input-border-default: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --input-border-error-default: color-mix(in oklab,var(--red-new-32) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --input-border-hover: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --input-border-readonly: color-mix(in oklab,hsl(var(--opacity-white-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --input-icon-default: color-mix(in oklab,var(--neutral-23) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --input-placeholder-text-default: color-mix(in oklab,var(--neutral-37) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --input-text-default: color-mix(in oklab,var(--neutral-5) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --input-text-error-default: color-mix(in oklab,var(--neutral-5) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-background-active: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
        --interactive-background-hover: color-mix(in oklab,hsl(var(--opacity-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
        --interactive-background-selected: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
        --interactive-icon-active: color-mix(in oklab,var(--neutral-2) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-icon-default: color-mix(in oklab,var(--neutral-23) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-icon-hover: color-mix(in oklab,var(--neutral-2) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-muted: color-mix(in oklab,var(--plum-13) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-text-active: color-mix(in oklab,var(--neutral-2) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-text-default: color-mix(in oklab,var(--neutral-23) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-text-hover: color-mix(in oklab,var(--neutral-2) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --logo-primary: color-mix(in oklab,var(--white) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --mention-background: color-mix(in oklab,hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
        --mention-foreground: color-mix(in oklab,var(--blurple-19) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --message-automod-background-default: color-mix(in oklab,hsl(var(--red-345-hsl)/0.08) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.08) var(--custom-theme-base-color-amount,0%));
        --message-automod-background-hover: color-mix(in oklab,hsl(var(--red-400-hsl)/0.1) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1) var(--custom-theme-base-color-amount,0%));
        --message-background-hover: color-mix(in oklab,hsl(var(--opacity-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
        --message-highlight-background-default: color-mix(in oklab,hsl(var(--opacity-blurple-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
        --message-highlight-background-hover: color-mix(in oklab,hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --message-mentioned-background-default: color-mix(in oklab,hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
        --message-mentioned-background-hover: color-mix(in oklab,hsl(var(--opacity-yellow-4-hsl)/0.0392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--custom-theme-base-color-amount,0%));
        --message-reacted-background-default: color-mix(in oklab,hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
        --message-reacted-text-default: color-mix(in oklab,var(--blurple-14) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --mobile-background-scrim-opaque: color-mix(in oklab,var(--black) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --mobile-expression-picker-background-default: color-mix(in oklab,var(--neutral-86) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --mobile-text-heading-primary: color-mix(in oklab,var(--neutral-2) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --modal-background: color-mix(in oklab,var(--neutral-79) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --modal-footer-background: color-mix(in oklab,var(--neutral-79) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --navigator-header-tint: color-mix(in oklab,var(--white) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --overlay-backdrop-lightbox: color-mix(in oklab,hsl(var(--opacity-black-92-hsl)/0.9215686274509803) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.9215686274509803) var(--custom-theme-base-color-amount,0%));
        --panel-bg: color-mix(in oklab,var(--neutral-82) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --polls-normal-image-background: color-mix(in oklab,var(--primary-660) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --polls-victor-fill: color-mix(in oklab,hsl(var(--green-360-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
        --polls-voted-fill: color-mix(in oklab,hsl(var(--brand-500-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
        --premium-nitro-pink-text: color-mix(in oklab,var(--pink-51) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --profile-gradient-note-background: color-mix(in oklab,hsl(var(--black-hsl)/0.3) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.3) var(--custom-theme-base-color-amount,0%));
        --profile-gradient-overlay: color-mix(in oklab,hsl(var(--black-hsl)/0.6) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.6) var(--custom-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(--custom-theme-base-color-hsl,0 0% 0%)/0.8) var(--custom-theme-base-color-amount,0%));
        --profile-gradient-role-pill-background: color-mix(in oklab,hsl(var(--primary-660-hsl)/0.5) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.5) var(--custom-theme-base-color-amount,0%));
        --profile-gradient-role-pill-border: color-mix(in oklab,hsl(var(--white-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --profile-gradient-section-box: color-mix(in oklab,hsl(var(--black-hsl)/0.45) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.45) var(--custom-theme-base-color-amount,0%));
        --progressbar-indicator-background: color-mix(in oklab,var(--blurple-50) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --progressbar-track-background: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-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(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --redesign-button-premium-primary-pressed-background: color-mix(in oklab,hsl(var(--black-hsl)/0.1) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1) var(--custom-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(--custom-theme-base-color,#000) var(--custom-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(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --redesign-button-tertiary-background: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.12) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12) var(--custom-theme-base-color-amount,0%));
        --redesign-button-tertiary-pressed-background: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
        --redesign-button-tertiary-pressed-text: color-mix(in oklab,var(--plum-5) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --redesign-button-tertiary-text: color-mix(in oklab,var(--neutral-5) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --scrollbar-auto-scrollbar-color-thumb: color-mix(in oklab,var(--neutral-45) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --scrollbar-auto-scrollbar-color-track: color-mix(in oklab,var(--neutral-94) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --scrollbar-auto-thumb: color-mix(in oklab,var(--neutral-43) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --scrollbar-auto-track: color-mix(in oklab,hsl(var(--transparent-hsl)/0) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0) var(--custom-theme-base-color-amount,0%));
        --scrollbar-thin-thumb: color-mix(in oklab,var(--neutral-45) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --scrollbar-thin-track: color-mix(in oklab,hsl(var(--black-hsl)/0) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0) var(--custom-theme-base-color-amount,0%));
        --slider-track-background: color-mix(in oklab,var(--neutral-55) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --spine-default: color-mix(in oklab,var(--neutral-55) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --spoiler-hidden-background: color-mix(in oklab,var(--neutral-43) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --spoiler-hidden-background-hover: color-mix(in oklab,var(--neutral-34) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --spoiler-revealed-background: color-mix(in oklab,hsl(var(--plum-11-hsl)/0.16) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.16) var(--custom-theme-base-color-amount,0%));
        --text-brand: color-mix(in oklab,var(--blurple-36) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code: color-mix(in oklab,var(--blue-new-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-addition: color-mix(in oklab,var(--green-new-26) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-builtin: color-mix(in oklab,var(--orange-new-25) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-bullet: color-mix(in oklab,var(--yellow-new-52) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-comment: color-mix(in oklab,var(--neutral-33) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-deletion: color-mix(in oklab,var(--red-new-23) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-keyword: color-mix(in oklab,var(--red-new-24) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-section: color-mix(in oklab,var(--blue-new-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-string: color-mix(in oklab,var(--teal-new-28) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-tag: color-mix(in oklab,var(--green-new-23) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-title: color-mix(in oklab,var(--blurple-21) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-variable: color-mix(in oklab,var(--blue-new-22) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-default: color-mix(in oklab,var(--neutral-5) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-feedback-critical: color-mix(in oklab,var(--red-new-32) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-feedback-info: color-mix(in oklab,var(--blue-new-35) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-feedback-positive: color-mix(in oklab,var(--green-new-35) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-feedback-warning: color-mix(in oklab,var(--yellow-new-56) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-invert: color-mix(in oklab,var(--neutral-71) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-link: color-mix(in oklab,var(--blue-new-37) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-muted: color-mix(in oklab,var(--neutral-29) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-status-dnd: color-mix(in oklab,var(--red-new-45) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-status-idle: color-mix(in oklab,var(--yellow-new-22) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-status-offline: color-mix(in oklab,var(--neutral-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-status-online: color-mix(in oklab,var(--green-new-40) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-strong: color-mix(in oklab,var(--neutral-2) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-subtle: color-mix(in oklab,var(--neutral-23) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-voice-connected: color-mix(in oklab,var(--green-new-34) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-voice-disconnected: color-mix(in oklab,var(--red-new-32) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-voice-speaking: color-mix(in oklab,var(--green-new-40) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --textbox-markdown-syntax: color-mix(in oklab,var(--plum-9) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --thread-channel-spine: color-mix(in oklab,var(--plum-13) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --user-profile-activity-toolbar-background: color-mix(in oklab,var(--neutral-73) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --user-profile-background-hover: color-mix(in oklab,hsl(var(--opacity-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
        --user-profile-border: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --user-profile-note-background-focus: color-mix(in oklab,var(--neutral-92) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --user-profile-overlay-background: color-mix(in oklab,var(--neutral-73) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --user-profile-overlay-background-hover: color-mix(in oklab,hsl(var(--opacity-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
        --user-profile-toolbar-background: color-mix(in oklab,var(--neutral-73) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --user-profile-toolbar-border: color-mix(in oklab,hsl(var(--opacity-4-hsl)/0.0392156862745098) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0392156862745098) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)))
    }
}

.custom-user-profile-theme.theme-dark {
    --user-profile-activity-toolbar-background: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --user-profile-background-hover: hsl(var(--opacity-white-4-hsl)/0.0392156862745098);
    --user-profile-border: hsl(var(--opacity-white-8-hsl)/0.0784313725490196);
    --user-profile-note-background-focus: hsl(var(--black-hsl)/0.3);
    --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-black-48-hsl)/0.47843137254901963);
    --user-profile-toolbar-border: hsl(var(--opacity-4-hsl)/0.0392156862745098)
}

.custom-user-profile-theme.theme-light {
    --user-profile-activity-toolbar-background: hsl(var(--opacity-white-48-hsl)/0.47843137254901963);
    --user-profile-background-hover: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
    --user-profile-border: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
    --user-profile-note-background-focus: hsl(var(--white-hsl)/0.3);
    --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-60-hsl)/0.6);
    --user-profile-toolbar-border: hsl(var(--opacity-20-hsl)/0.2)
}

.high-contrast-mode .theme-dark,.high-contrast-mode.theme-dark {
    --app-frame-border: var(--neutral-12);
    --background-code: hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039);
    --background-feedback-critical: hsl(var(--opacity-red-12-hsl)/0.12156862745098039);
    --background-feedback-info: hsl(var(--opacity-blue-12-hsl)/0.12156862745098039);
    --background-feedback-positive: hsl(var(--opacity-green-12-hsl)/0.12156862745098039);
    --background-feedback-warning: hsl(var(--opacity-yellow-12-hsl)/0.12156862745098039);
    --background-mod-muted: 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);
    --badge-background-default: hsl(var(--opacity-20-hsl)/0.2);
    --badge-text-default: var(--neutral-1);
    --border-focus: var(--blue-new-18);
    --border-muted: var(--neutral-26);
    --border-normal: var(--neutral-5);
    --border-strong: var(--neutral-1);
    --border-subtle: var(--neutral-12);
    --card-secondary-bg: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --channel-icon: var(--neutral-19);
    --channel-text-area-placeholder: var(--neutral-25);
    --channels-default: var(--neutral-19);
    --chat-text-muted: var(--neutral-17);
    --checkbox-border-active: var(--neutral-12);
    --checkbox-border-default: var(--neutral-1);
    --checkbox-border-hover: var(--neutral-12);
    --checkbox-border-selected-default: var(--neutral-12);
    --checkbox-border-selected-hover: var(--neutral-12);
    --control-connected-border-active: var(--green-new-20);
    --control-connected-border-default: var(--green-new-20);
    --control-connected-border-hover: var(--green-new-20);
    --control-critical-primary-border-active: var(--red-new-15);
    --control-critical-primary-border-default: var(--red-new-15);
    --control-critical-primary-border-hover: var(--red-new-15);
    --control-critical-secondary-background-active: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --control-critical-secondary-background-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --control-critical-secondary-background-hover: hsl(var(--opacity-20-hsl)/0.2);
    --control-critical-secondary-border-active: var(--red-new-15);
    --control-critical-secondary-border-default: var(--red-new-15);
    --control-critical-secondary-border-hover: var(--red-new-15);
    --control-critical-secondary-icon-active: var(--red-new-5);
    --control-critical-secondary-icon-default: var(--red-new-5);
    --control-critical-secondary-icon-hover: var(--red-new-5);
    --control-critical-secondary-text-active: var(--red-new-5);
    --control-critical-secondary-text-default: var(--red-new-5);
    --control-critical-secondary-text-hover: var(--red-new-5);
    --control-icon-only-background-active: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --control-icon-only-background-hover: hsl(var(--opacity-20-hsl)/0.2);
    --control-icon-only-border-active: var(--neutral-26);
    --control-icon-only-border-hover: var(--neutral-26);
    --control-icon-only-icon-active: var(--neutral-1);
    --control-icon-only-icon-default: var(--neutral-2);
    --control-icon-only-icon-hover: var(--neutral-1);
    --control-overlay-secondary-border-active: var(--neutral-26);
    --control-overlay-secondary-border-default: var(--neutral-26);
    --control-overlay-secondary-border-hover: var(--neutral-26);
    --control-primary-border-active: var(--blurple-18);
    --control-primary-border-default: var(--blurple-18);
    --control-primary-border-hover: var(--blurple-18);
    --control-secondary-background-active: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --control-secondary-background-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --control-secondary-background-hover: hsl(var(--opacity-20-hsl)/0.2);
    --control-secondary-border-active: var(--neutral-22);
    --control-secondary-border-default: var(--neutral-22);
    --control-secondary-border-hover: var(--neutral-22);
    --control-secondary-icon-active: var(--neutral-1);
    --control-secondary-icon-default: var(--neutral-1);
    --control-secondary-icon-hover: var(--neutral-1);
    --control-secondary-text-active: var(--neutral-1);
    --control-secondary-text-default: var(--neutral-1);
    --control-secondary-text-hover: var(--neutral-1);
    --gradient-progress-pill-background: var(--neutral-35);
    --icon-default: var(--neutral-1);
    --icon-feedback-critical: var(--red-new-5);
    --icon-feedback-info: var(--blue-new-8);
    --icon-feedback-positive: var(--green-new-10);
    --icon-feedback-warning: var(--yellow-new-7);
    --icon-link: var(--blue-new-18);
    --icon-muted: var(--neutral-12);
    --icon-strong: var(--neutral-1);
    --icon-subtle: var(--neutral-2);
    --icon-voice-disconnected: var(--red-new-5);
    --input-background-default: hsl(var(--opacity-black-28-hsl)/0.2784313725490196);
    --input-border-default: var(--neutral-22);
    --input-border-error-default: var(--red-new-5);
    --input-border-hover: var(--neutral-5);
    --input-icon-default: var(--neutral-2);
    --input-placeholder-text-default: var(--neutral-28);
    --input-text-default: var(--neutral-1);
    --input-text-error-default: var(--neutral-1);
    --interactive-background-active: hsl(var(--opacity-20-hsl)/0.2);
    --interactive-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --interactive-background-selected: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --interactive-icon-active: var(--neutral-1);
    --interactive-icon-default: var(--neutral-2);
    --interactive-icon-hover: var(--neutral-1);
    --interactive-muted: var(--neutral-27);
    --interactive-text-active: var(--neutral-1);
    --interactive-text-default: var(--neutral-2);
    --interactive-text-hover: var(--neutral-1);
    --mention-background: hsl(var(--opacity-blurple-48-hsl)/0.47843137254901963);
    --mention-foreground: var(--blurple-1);
    --message-automod-background-default: hsl(var(--opacity-red-20-hsl)/0.2);
    --message-automod-background-hover: hsl(var(--opacity-red-24-hsl)/0.23921568627450981);
    --message-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --message-highlight-background-default: hsl(var(--opacity-blurple-20-hsl)/0.2);
    --message-highlight-background-hover: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
    --message-mentioned-background-default: hsl(var(--opacity-yellow-20-hsl)/0.2);
    --message-mentioned-background-hover: hsl(var(--opacity-yellow-24-hsl)/0.23921568627450981);
    --mobile-text-heading-primary: var(--neutral-1);
    --progressbar-track-background: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --radio-border-active: var(--neutral-12);
    --radio-border-default: var(--neutral-12);
    --radio-border-hover: var(--neutral-12);
    --radio-border-selected-default: var(--neutral-12);
    --radio-border-selected-hover: var(--neutral-12);
    --redesign-button-tertiary-text: var(--neutral-1);
    --redesign-channel-name-muted-text: var(--neutral-12);
    --redesign-channel-name-text: var(--neutral-1);
    --spine-default: var(--neutral-32);
    --stage-card-pill-bg: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --status-danger: var(--red-new-29);
    --switch-border-default: var(--neutral-12);
    --switch-border-hover: var(--neutral-12);
    --switch-border-selected-default: var(--neutral-12);
    --switch-border-selected-hover: var(--neutral-12);
    --text-brand: var(--brand-300);
    --text-code: var(--blue-new-1);
    --text-code-addition: var(--green-new-2);
    --text-code-builtin: var(--orange-new-1);
    --text-code-bullet: var(--yellow-new-1);
    --text-code-comment: var(--neutral-15);
    --text-code-deletion: var(--red-new-1);
    --text-code-keyword: var(--red-new-1);
    --text-code-section: var(--blue-new-1);
    --text-code-string: var(--teal-new-3);
    --text-code-tag: var(--green-new-3);
    --text-code-title: var(--blue-new-1);
    --text-code-variable: var(--blue-new-1);
    --text-default: var(--neutral-1);
    --text-feedback-critical: var(--red-new-5);
    --text-feedback-info: var(--blue-new-8);
    --text-feedback-positive: var(--green-new-10);
    --text-feedback-warning: var(--yellow-new-7);
    --text-link: var(--blue-new-18);
    --text-muted: var(--neutral-12);
    --text-strong: var(--neutral-1);
    --text-subtle: var(--neutral-2);
    --text-voice-disconnected: var(--red-new-5);
    --thread-channel-spine: var(--neutral-27);
    --user-profile-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --user-profile-border: var(--neutral-12);
    --user-profile-overlay-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --user-profile-toolbar-border: var(--neutral-26)
}

@supports (color: color-mix(in lch,red,blue)) {
    .high-contrast-mode .theme-dark,.high-contrast-mode.theme-dark {
        --app-frame-border:color-mix(in oklab,var(--neutral-12) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --background-code: color-mix(in oklab,hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --background-feedback-critical: color-mix(in oklab,hsl(var(--opacity-red-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --background-feedback-info: color-mix(in oklab,hsl(var(--opacity-blue-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --background-feedback-positive: color-mix(in oklab,hsl(var(--opacity-green-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --background-feedback-warning: color-mix(in oklab,hsl(var(--opacity-yellow-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --border-focus: color-mix(in oklab,var(--blue-new-18) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --border-muted: color-mix(in oklab,var(--neutral-26) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --border-normal: color-mix(in oklab,var(--neutral-5) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --border-strong: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --border-subtle: color-mix(in oklab,var(--neutral-12) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --card-secondary-bg: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --channel-icon: color-mix(in oklab,var(--neutral-19) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --channel-text-area-placeholder: color-mix(in oklab,var(--neutral-25) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --channels-default: color-mix(in oklab,var(--neutral-19) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --chat-text-muted: color-mix(in oklab,var(--neutral-17) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --control-secondary-border-active: color-mix(in oklab,var(--neutral-22) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --control-secondary-border-default: color-mix(in oklab,var(--neutral-22) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --gradient-progress-pill-background: color-mix(in oklab,var(--neutral-35) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --icon-default: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-feedback-critical: color-mix(in oklab,var(--red-new-5) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-feedback-info: color-mix(in oklab,var(--blue-new-8) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-feedback-positive: color-mix(in oklab,var(--green-new-10) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-feedback-warning: color-mix(in oklab,var(--yellow-new-7) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-link: color-mix(in oklab,var(--blue-new-18) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-muted: color-mix(in oklab,var(--neutral-12) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-strong: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-subtle: color-mix(in oklab,var(--neutral-2) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-voice-disconnected: color-mix(in oklab,var(--red-new-5) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --input-background-default: color-mix(in oklab,hsl(var(--opacity-black-28-hsl)/0.2784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2784313725490196) var(--custom-theme-base-color-amount,0%));
        --input-border-default: color-mix(in oklab,var(--neutral-22) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --input-border-error-default: color-mix(in oklab,var(--red-new-5) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --input-border-hover: color-mix(in oklab,var(--neutral-5) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --input-icon-default: color-mix(in oklab,var(--neutral-2) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --input-placeholder-text-default: color-mix(in oklab,var(--neutral-28) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --input-text-default: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --input-text-error-default: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-background-active: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
        --interactive-background-hover: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --interactive-background-selected: color-mix(in oklab,hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
        --interactive-icon-active: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-icon-default: color-mix(in oklab,var(--neutral-2) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-icon-hover: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-muted: color-mix(in oklab,var(--neutral-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-text-active: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-text-default: color-mix(in oklab,var(--neutral-2) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-text-hover: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --mention-background: color-mix(in oklab,hsl(var(--opacity-blurple-48-hsl)/0.47843137254901963) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.47843137254901963) var(--custom-theme-base-color-amount,0%));
        --mention-foreground: color-mix(in oklab,var(--blurple-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --message-automod-background-default: color-mix(in oklab,hsl(var(--opacity-red-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
        --message-automod-background-hover: color-mix(in oklab,hsl(var(--opacity-red-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
        --message-background-hover: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --message-highlight-background-default: color-mix(in oklab,hsl(var(--opacity-blurple-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
        --message-highlight-background-hover: color-mix(in oklab,hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
        --message-mentioned-background-default: color-mix(in oklab,hsl(var(--opacity-yellow-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
        --message-mentioned-background-hover: color-mix(in oklab,hsl(var(--opacity-yellow-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
        --mobile-text-heading-primary: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --progressbar-track-background: color-mix(in oklab,hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
        --redesign-button-tertiary-text: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --redesign-channel-name-muted-text: color-mix(in oklab,var(--neutral-12) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --redesign-channel-name-text: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --spine-default: color-mix(in oklab,var(--neutral-32) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --stage-card-pill-bg: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --text-brand: color-mix(in oklab,var(--brand-300) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code: color-mix(in oklab,var(--blue-new-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-addition: color-mix(in oklab,var(--green-new-2) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-builtin: color-mix(in oklab,var(--orange-new-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-bullet: color-mix(in oklab,var(--yellow-new-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-comment: color-mix(in oklab,var(--neutral-15) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-deletion: color-mix(in oklab,var(--red-new-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-keyword: color-mix(in oklab,var(--red-new-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-section: color-mix(in oklab,var(--blue-new-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-string: color-mix(in oklab,var(--teal-new-3) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-tag: color-mix(in oklab,var(--green-new-3) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-title: color-mix(in oklab,var(--blue-new-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-variable: color-mix(in oklab,var(--blue-new-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-default: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-feedback-critical: color-mix(in oklab,var(--red-new-5) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-feedback-info: color-mix(in oklab,var(--blue-new-8) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-feedback-positive: color-mix(in oklab,var(--green-new-10) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-feedback-warning: color-mix(in oklab,var(--yellow-new-7) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-link: color-mix(in oklab,var(--blue-new-18) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-muted: color-mix(in oklab,var(--neutral-12) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-strong: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-subtle: color-mix(in oklab,var(--neutral-2) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-voice-disconnected: color-mix(in oklab,var(--red-new-5) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --thread-channel-spine: color-mix(in oklab,var(--neutral-27) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --user-profile-background-hover: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --user-profile-border: color-mix(in oklab,var(--neutral-12) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --user-profile-overlay-background-hover: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --user-profile-toolbar-border: color-mix(in oklab,var(--neutral-26) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)))
    }
}

.high-contrast-mode .theme-light,.high-contrast-mode.theme-light {
    --app-frame-border: var(--neutral-50);
    --background-code: hsl(var(--opacity-blurple-8-hsl)/0.0784313725490196);
    --background-feedback-critical: hsl(var(--opacity-red-12-hsl)/0.12156862745098039);
    --background-feedback-info: hsl(var(--opacity-blue-12-hsl)/0.12156862745098039);
    --background-feedback-positive: hsl(var(--opacity-green-12-hsl)/0.12156862745098039);
    --background-feedback-warning: hsl(var(--opacity-yellow-12-hsl)/0.12156862745098039);
    --background-mod-muted: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --background-mod-normal: hsl(var(--opacity-20-hsl)/0.2);
    --background-mod-strong: hsl(var(--opacity-28-hsl)/0.2784313725490196);
    --background-mod-subtle: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --badge-background-default: hsl(var(--opacity-20-hsl)/0.2);
    --badge-text-default: var(--neutral-100);
    --border-focus: var(--blue-new-63);
    --border-muted: var(--neutral-38);
    --border-normal: var(--neutral-59);
    --border-strong: var(--neutral-72);
    --border-subtle: var(--neutral-50);
    --card-secondary-bg: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --channel-icon: var(--neutral-50);
    --channel-text-area-placeholder: var(--neutral-39);
    --channels-default: var(--neutral-50);
    --chat-text-muted: var(--neutral-48);
    --checkbox-border-active: var(--neutral-50);
    --checkbox-border-default: var(--neutral-72);
    --checkbox-border-hover: var(--neutral-50);
    --checkbox-border-selected-default: var(--neutral-50);
    --checkbox-border-selected-hover: var(--neutral-50);
    --control-connected-border-active: var(--green-new-60);
    --control-connected-border-default: var(--green-new-60);
    --control-connected-border-hover: var(--green-new-60);
    --control-critical-primary-border-active: var(--red-new-58);
    --control-critical-primary-border-default: var(--red-new-58);
    --control-critical-primary-border-hover: var(--red-new-58);
    --control-critical-secondary-background-active: hsl(var(--opacity-28-hsl)/0.2784313725490196);
    --control-critical-secondary-background-default: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --control-critical-secondary-background-hover: hsl(var(--opacity-20-hsl)/0.2);
    --control-critical-secondary-border-active: var(--red-new-58);
    --control-critical-secondary-border-default: var(--red-new-58);
    --control-critical-secondary-border-hover: var(--red-new-58);
    --control-critical-secondary-icon-active: var(--red-new-63);
    --control-critical-secondary-icon-default: var(--red-new-63);
    --control-critical-secondary-icon-hover: var(--red-new-63);
    --control-critical-secondary-text-active: var(--red-new-63);
    --control-critical-secondary-text-default: var(--red-new-63);
    --control-critical-secondary-text-hover: var(--red-new-63);
    --control-icon-only-background-active: hsl(var(--opacity-28-hsl)/0.2784313725490196);
    --control-icon-only-background-hover: hsl(var(--opacity-20-hsl)/0.2);
    --control-icon-only-border-active: var(--neutral-38);
    --control-icon-only-border-hover: var(--neutral-38);
    --control-icon-only-icon-active: var(--neutral-100);
    --control-icon-only-icon-default: var(--neutral-64);
    --control-icon-only-icon-hover: var(--neutral-100);
    --control-overlay-secondary-border-active: var(--neutral-38);
    --control-overlay-secondary-border-default: var(--neutral-38);
    --control-overlay-secondary-border-hover: var(--neutral-38);
    --control-primary-border-active: var(--blurple-59);
    --control-primary-border-default: var(--blurple-59);
    --control-primary-border-hover: var(--blurple-59);
    --control-secondary-background-active: hsl(var(--opacity-28-hsl)/0.2784313725490196);
    --control-secondary-background-default: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --control-secondary-background-hover: hsl(var(--opacity-20-hsl)/0.2);
    --control-secondary-border-active: var(--neutral-44);
    --control-secondary-border-default: var(--neutral-44);
    --control-secondary-border-hover: var(--neutral-44);
    --control-secondary-icon-active: var(--neutral-100);
    --control-secondary-icon-default: var(--neutral-100);
    --control-secondary-icon-hover: var(--neutral-100);
    --control-secondary-text-active: var(--neutral-100);
    --control-secondary-text-default: var(--neutral-100);
    --control-secondary-text-hover: var(--neutral-100);
    --gradient-progress-pill-background: var(--neutral-31);
    --icon-default: var(--neutral-76);
    --icon-feedback-critical: var(--red-new-63);
    --icon-feedback-info: var(--blue-new-65);
    --icon-feedback-positive: var(--green-new-65);
    --icon-feedback-warning: var(--yellow-new-76);
    --icon-link: var(--blue-new-63);
    --icon-muted: var(--neutral-50);
    --icon-strong: var(--neutral-100);
    --icon-subtle: var(--neutral-64);
    --icon-voice-disconnected: var(--red-new-63);
    --input-background-default: hsl(var(--opacity-black-12-hsl)/0.12156862745098039);
    --input-border-default: var(--neutral-44);
    --input-border-error-default: var(--red-new-63);
    --input-border-hover: var(--neutral-59);
    --input-icon-default: var(--neutral-64);
    --input-placeholder-text-default: var(--neutral-44);
    --input-text-default: var(--neutral-76);
    --input-text-error-default: var(--neutral-76);
    --interactive-background-active: hsl(var(--opacity-20-hsl)/0.2);
    --interactive-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --interactive-background-selected: hsl(var(--opacity-28-hsl)/0.2784313725490196);
    --interactive-icon-active: var(--neutral-100);
    --interactive-icon-default: var(--neutral-64);
    --interactive-icon-hover: var(--neutral-100);
    --interactive-muted: var(--neutral-40);
    --interactive-text-active: var(--neutral-100);
    --interactive-text-default: var(--neutral-64);
    --interactive-text-hover: var(--neutral-100);
    --mention-background: hsl(var(--opacity-blurple-28-hsl)/0.2784313725490196);
    --mention-foreground: var(--blurple-82);
    --message-automod-background-default: hsl(var(--opacity-red-12-hsl)/0.12156862745098039);
    --message-automod-background-hover: hsl(var(--opacity-red-16-hsl)/0.1607843137254902);
    --message-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --message-highlight-background-default: hsl(var(--opacity-blurple-20-hsl)/0.2);
    --message-highlight-background-hover: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
    --message-mentioned-background-default: hsl(var(--opacity-yellow-12-hsl)/0.12156862745098039);
    --message-mentioned-background-hover: hsl(var(--opacity-yellow-16-hsl)/0.1607843137254902);
    --mobile-text-heading-primary: var(--neutral-100);
    --progressbar-track-background: hsl(var(--opacity-28-hsl)/0.2784313725490196);
    --radio-border-active: var(--neutral-50);
    --radio-border-default: var(--neutral-50);
    --radio-border-hover: var(--neutral-50);
    --radio-border-selected-default: var(--neutral-50);
    --radio-border-selected-hover: var(--neutral-50);
    --redesign-button-tertiary-text: var(--neutral-76);
    --redesign-channel-name-muted-text: var(--neutral-50);
    --redesign-channel-name-text: var(--neutral-100);
    --spine-default: var(--neutral-32);
    --stage-card-pill-bg: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --status-danger: var(--red-new-48);
    --switch-border-default: var(--neutral-50);
    --switch-border-hover: var(--neutral-50);
    --switch-border-selected-default: var(--neutral-50);
    --switch-border-selected-hover: var(--neutral-50);
    --text-brand: var(--brand-600);
    --text-code: var(--blue-new-74);
    --text-code-addition: var(--green-new-79);
    --text-code-builtin: var(--orange-new-74);
    --text-code-bullet: var(--yellow-new-83);
    --text-code-comment: var(--neutral-49);
    --text-code-deletion: var(--red-new-77);
    --text-code-keyword: var(--red-new-73);
    --text-code-section: var(--blue-new-74);
    --text-code-string: var(--teal-new-76);
    --text-code-tag: var(--green-new-76);
    --text-code-title: var(--blue-new-74);
    --text-code-variable: var(--blue-new-74);
    --text-default: var(--neutral-76);
    --text-feedback-critical: var(--red-new-63);
    --text-feedback-info: var(--blue-new-65);
    --text-feedback-positive: var(--green-new-65);
    --text-feedback-warning: var(--yellow-new-76);
    --text-link: var(--blue-new-63);
    --text-muted: var(--neutral-50);
    --text-strong: var(--neutral-100);
    --text-subtle: var(--neutral-64);
    --text-voice-disconnected: var(--red-new-63);
    --thread-channel-spine: var(--neutral-40);
    --user-profile-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --user-profile-border: var(--neutral-50);
    --user-profile-overlay-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --user-profile-toolbar-border: var(--neutral-38)
}

@supports (color: color-mix(in lch,red,blue)) {
    .high-contrast-mode .theme-light,.high-contrast-mode.theme-light {
        --app-frame-border:color-mix(in oklab,var(--neutral-50) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --background-code: color-mix(in oklab,hsl(var(--opacity-blurple-8-hsl)/0.0784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.0784313725490196) var(--custom-theme-base-color-amount,0%));
        --background-feedback-critical: color-mix(in oklab,hsl(var(--opacity-red-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --background-feedback-info: color-mix(in oklab,hsl(var(--opacity-blue-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --background-feedback-positive: color-mix(in oklab,hsl(var(--opacity-green-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --background-feedback-warning: color-mix(in oklab,hsl(var(--opacity-yellow-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --border-focus: color-mix(in oklab,var(--blue-new-63) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --border-muted: color-mix(in oklab,var(--neutral-38) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --border-normal: color-mix(in oklab,var(--neutral-59) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --border-strong: color-mix(in oklab,var(--neutral-72) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --border-subtle: color-mix(in oklab,var(--neutral-50) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --card-secondary-bg: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
        --channel-icon: color-mix(in oklab,var(--neutral-50) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --channel-text-area-placeholder: color-mix(in oklab,var(--neutral-39) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --channels-default: color-mix(in oklab,var(--neutral-50) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --chat-text-muted: color-mix(in oklab,var(--neutral-48) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --control-secondary-border-active: color-mix(in oklab,var(--neutral-44) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --control-secondary-border-default: color-mix(in oklab,var(--neutral-44) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --gradient-progress-pill-background: color-mix(in oklab,var(--neutral-31) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --icon-default: color-mix(in oklab,var(--neutral-76) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-feedback-critical: color-mix(in oklab,var(--red-new-63) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-feedback-info: color-mix(in oklab,var(--blue-new-65) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-feedback-positive: color-mix(in oklab,var(--green-new-65) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-feedback-warning: color-mix(in oklab,var(--yellow-new-76) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-link: color-mix(in oklab,var(--blue-new-63) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-muted: color-mix(in oklab,var(--neutral-50) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-strong: color-mix(in oklab,var(--neutral-100) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-subtle: color-mix(in oklab,var(--neutral-64) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-voice-disconnected: color-mix(in oklab,var(--red-new-63) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --input-background-default: color-mix(in oklab,hsl(var(--opacity-black-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --input-border-default: color-mix(in oklab,var(--neutral-44) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --input-border-error-default: color-mix(in oklab,var(--red-new-63) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --input-border-hover: color-mix(in oklab,var(--neutral-59) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --input-icon-default: color-mix(in oklab,var(--neutral-64) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --input-placeholder-text-default: color-mix(in oklab,var(--neutral-44) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --input-text-default: color-mix(in oklab,var(--neutral-76) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --input-text-error-default: color-mix(in oklab,var(--neutral-76) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-background-active: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
        --interactive-background-hover: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
        --interactive-background-selected: color-mix(in oklab,hsl(var(--opacity-28-hsl)/0.2784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2784313725490196) var(--custom-theme-base-color-amount,0%));
        --interactive-icon-active: color-mix(in oklab,var(--neutral-100) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-icon-default: color-mix(in oklab,var(--neutral-64) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-icon-hover: color-mix(in oklab,var(--neutral-100) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-muted: color-mix(in oklab,var(--neutral-40) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-text-active: color-mix(in oklab,var(--neutral-100) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-text-default: color-mix(in oklab,var(--neutral-64) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-text-hover: color-mix(in oklab,var(--neutral-100) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --mention-background: color-mix(in oklab,hsl(var(--opacity-blurple-28-hsl)/0.2784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2784313725490196) var(--custom-theme-base-color-amount,0%));
        --mention-foreground: color-mix(in oklab,var(--blurple-82) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --message-automod-background-default: color-mix(in oklab,hsl(var(--opacity-red-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --message-automod-background-hover: color-mix(in oklab,hsl(var(--opacity-red-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
        --message-background-hover: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
        --message-highlight-background-default: color-mix(in oklab,hsl(var(--opacity-blurple-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
        --message-highlight-background-hover: color-mix(in oklab,hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
        --message-mentioned-background-default: color-mix(in oklab,hsl(var(--opacity-yellow-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --message-mentioned-background-hover: color-mix(in oklab,hsl(var(--opacity-yellow-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
        --mobile-text-heading-primary: color-mix(in oklab,var(--neutral-100) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --progressbar-track-background: color-mix(in oklab,hsl(var(--opacity-28-hsl)/0.2784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2784313725490196) var(--custom-theme-base-color-amount,0%));
        --redesign-button-tertiary-text: color-mix(in oklab,var(--neutral-76) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --redesign-channel-name-muted-text: color-mix(in oklab,var(--neutral-50) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --redesign-channel-name-text: color-mix(in oklab,var(--neutral-100) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --spine-default: color-mix(in oklab,var(--neutral-32) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --stage-card-pill-bg: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
        --text-brand: color-mix(in oklab,var(--brand-600) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code: color-mix(in oklab,var(--blue-new-74) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-addition: color-mix(in oklab,var(--green-new-79) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-builtin: color-mix(in oklab,var(--orange-new-74) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-bullet: color-mix(in oklab,var(--yellow-new-83) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-comment: color-mix(in oklab,var(--neutral-49) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-deletion: color-mix(in oklab,var(--red-new-77) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-keyword: color-mix(in oklab,var(--red-new-73) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-section: color-mix(in oklab,var(--blue-new-74) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-string: color-mix(in oklab,var(--teal-new-76) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-tag: color-mix(in oklab,var(--green-new-76) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-title: color-mix(in oklab,var(--blue-new-74) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-variable: color-mix(in oklab,var(--blue-new-74) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-default: color-mix(in oklab,var(--neutral-76) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-feedback-critical: color-mix(in oklab,var(--red-new-63) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-feedback-info: color-mix(in oklab,var(--blue-new-65) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-feedback-positive: color-mix(in oklab,var(--green-new-65) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-feedback-warning: color-mix(in oklab,var(--yellow-new-76) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-link: color-mix(in oklab,var(--blue-new-63) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-muted: color-mix(in oklab,var(--neutral-50) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-strong: color-mix(in oklab,var(--neutral-100) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-subtle: color-mix(in oklab,var(--neutral-64) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-voice-disconnected: color-mix(in oklab,var(--red-new-63) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --thread-channel-spine: color-mix(in oklab,var(--neutral-40) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --user-profile-background-hover: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
        --user-profile-border: color-mix(in oklab,var(--neutral-50) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --user-profile-overlay-background-hover: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
        --user-profile-toolbar-border: color-mix(in oklab,var(--neutral-38) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)))
    }
}

.high-contrast-mode .theme-midnight,.high-contrast-mode.theme-midnight {
    --app-frame-border: var(--neutral-24);
    --background-code: hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039);
    --background-feedback-critical: hsl(var(--opacity-red-12-hsl)/0.12156862745098039);
    --background-feedback-info: hsl(var(--opacity-blue-12-hsl)/0.12156862745098039);
    --background-feedback-positive: hsl(var(--opacity-green-12-hsl)/0.12156862745098039);
    --background-feedback-warning: hsl(var(--opacity-yellow-12-hsl)/0.12156862745098039);
    --background-mod-muted: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --background-mod-normal: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --background-mod-strong: hsl(var(--opacity-28-hsl)/0.2784313725490196);
    --background-mod-subtle: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --badge-background-default: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --badge-text-default: var(--neutral-1);
    --border-focus: var(--blue-new-35);
    --border-muted: var(--neutral-36);
    --border-normal: var(--neutral-18);
    --border-strong: var(--neutral-10);
    --border-subtle: var(--neutral-24);
    --card-secondary-bg: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --channel-icon: var(--neutral-29);
    --channel-text-area-placeholder: var(--neutral-36);
    --channels-default: var(--neutral-29);
    --chat-text-muted: var(--neutral-28);
    --checkbox-border-active: var(--neutral-24);
    --checkbox-border-default: var(--neutral-10);
    --checkbox-border-hover: var(--neutral-24);
    --checkbox-border-selected-default: var(--neutral-24);
    --checkbox-border-selected-hover: var(--neutral-24);
    --control-connected-border-active: var(--green-new-26);
    --control-connected-border-default: var(--green-new-26);
    --control-connected-border-hover: var(--green-new-26);
    --control-critical-primary-border-active: var(--red-new-23);
    --control-critical-primary-border-default: var(--red-new-23);
    --control-critical-primary-border-hover: var(--red-new-23);
    --control-critical-secondary-background-active: hsl(var(--opacity-28-hsl)/0.2784313725490196);
    --control-critical-secondary-background-default: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --control-critical-secondary-background-hover: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --control-critical-secondary-border-active: var(--red-new-23);
    --control-critical-secondary-border-default: var(--red-new-23);
    --control-critical-secondary-border-hover: var(--red-new-23);
    --control-critical-secondary-icon-active: var(--red-new-23);
    --control-critical-secondary-icon-default: var(--red-new-23);
    --control-critical-secondary-icon-hover: var(--red-new-23);
    --control-critical-secondary-text-active: var(--red-new-23);
    --control-critical-secondary-text-default: var(--red-new-23);
    --control-critical-secondary-text-hover: var(--red-new-23);
    --control-icon-only-background-active: hsl(var(--opacity-28-hsl)/0.2784313725490196);
    --control-icon-only-background-hover: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --control-icon-only-border-active: var(--neutral-36);
    --control-icon-only-border-hover: var(--neutral-36);
    --control-icon-only-icon-active: var(--neutral-1);
    --control-icon-only-icon-default: var(--neutral-15);
    --control-icon-only-icon-hover: var(--neutral-1);
    --control-overlay-secondary-border-active: var(--neutral-36);
    --control-overlay-secondary-border-default: var(--neutral-36);
    --control-overlay-secondary-border-hover: var(--neutral-36);
    --control-primary-border-active: var(--blurple-25);
    --control-primary-border-default: var(--blurple-25);
    --control-primary-border-hover: var(--blurple-25);
    --control-secondary-background-active: hsl(var(--opacity-28-hsl)/0.2784313725490196);
    --control-secondary-background-default: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --control-secondary-background-hover: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --control-secondary-border-active: var(--neutral-32);
    --control-secondary-border-default: var(--neutral-32);
    --control-secondary-border-hover: var(--neutral-32);
    --control-secondary-icon-active: var(--neutral-1);
    --control-secondary-icon-default: var(--neutral-1);
    --control-secondary-icon-hover: var(--neutral-1);
    --control-secondary-text-active: var(--neutral-1);
    --control-secondary-text-default: var(--neutral-1);
    --control-secondary-text-hover: var(--neutral-1);
    --gradient-progress-pill-background: var(--neutral-45);
    --icon-default: var(--neutral-6);
    --icon-feedback-critical: var(--red-new-23);
    --icon-feedback-info: var(--blue-new-25);
    --icon-feedback-positive: var(--green-new-26);
    --icon-feedback-warning: var(--yellow-new-49);
    --icon-link: var(--blue-new-28);
    --icon-muted: var(--neutral-24);
    --icon-strong: var(--neutral-1);
    --icon-subtle: var(--neutral-15);
    --icon-voice-disconnected: var(--red-new-23);
    --input-background-default: hsl(var(--opacity-black-12-hsl)/0.12156862745098039);
    --input-border-default: var(--neutral-32);
    --input-border-error-default: var(--red-new-23);
    --input-border-hover: var(--neutral-18);
    --input-icon-default: var(--neutral-15);
    --input-placeholder-text-default: var(--neutral-37);
    --input-text-default: var(--neutral-6);
    --input-text-error-default: var(--neutral-6);
    --interactive-background-active: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --interactive-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --interactive-background-selected: hsl(var(--opacity-28-hsl)/0.2784313725490196);
    --interactive-icon-active: var(--neutral-1);
    --interactive-icon-default: var(--neutral-15);
    --interactive-icon-hover: var(--neutral-1);
    --interactive-muted: var(--neutral-38);
    --interactive-text-active: var(--neutral-1);
    --interactive-text-default: var(--neutral-15);
    --interactive-text-hover: var(--neutral-1);
    --mention-background: hsl(var(--opacity-blurple-48-hsl)/0.47843137254901963);
    --mention-foreground: var(--blurple-13);
    --message-automod-background-default: hsl(var(--opacity-red-24-hsl)/0.23921568627450981);
    --message-automod-background-hover: hsl(var(--opacity-red-28-hsl)/0.2784313725490196);
    --message-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --message-highlight-background-default: hsl(var(--opacity-blurple-20-hsl)/0.2);
    --message-highlight-background-hover: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
    --message-mentioned-background-default: hsl(var(--opacity-yellow-24-hsl)/0.23921568627450981);
    --message-mentioned-background-hover: hsl(var(--opacity-yellow-28-hsl)/0.2784313725490196);
    --mobile-text-heading-primary: var(--neutral-1);
    --progressbar-track-background: hsl(var(--opacity-28-hsl)/0.2784313725490196);
    --radio-border-active: var(--neutral-24);
    --radio-border-default: var(--neutral-24);
    --radio-border-hover: var(--neutral-24);
    --radio-border-selected-default: var(--neutral-24);
    --radio-border-selected-hover: var(--neutral-24);
    --redesign-button-tertiary-text: var(--neutral-6);
    --redesign-channel-name-muted-text: var(--neutral-24);
    --redesign-channel-name-text: var(--neutral-1);
    --spine-default: var(--neutral-42);
    --stage-card-pill-bg: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --status-danger: var(--red-new-45);
    --switch-border-default: var(--neutral-24);
    --switch-border-hover: var(--neutral-24);
    --switch-border-selected-default: var(--neutral-24);
    --switch-border-selected-hover: var(--neutral-24);
    --text-brand: var(--brand-345);
    --text-code: var(--blue-new-20);
    --text-code-addition: var(--green-new-20);
    --text-code-builtin: var(--orange-new-19);
    --text-code-bullet: var(--yellow-new-44);
    --text-code-comment: var(--neutral-27);
    --text-code-deletion: var(--red-new-16);
    --text-code-keyword: var(--red-new-17);
    --text-code-section: var(--blue-new-20);
    --text-code-string: var(--teal-new-22);
    --text-code-tag: var(--green-new-21);
    --text-code-title: var(--blue-new-20);
    --text-code-variable: var(--blue-new-20);
    --text-default: var(--neutral-6);
    --text-feedback-critical: var(--red-new-23);
    --text-feedback-info: var(--blue-new-25);
    --text-feedback-positive: var(--green-new-26);
    --text-feedback-warning: var(--yellow-new-49);
    --text-link: var(--blue-new-28);
    --text-muted: var(--neutral-24);
    --text-strong: var(--neutral-1);
    --text-subtle: var(--neutral-15);
    --text-voice-disconnected: var(--red-new-23);
    --thread-channel-spine: var(--neutral-38);
    --user-profile-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --user-profile-border: var(--neutral-24);
    --user-profile-overlay-background-hover: hsl(var(--opacity-16-hsl)/0.1607843137254902);
    --user-profile-toolbar-border: var(--neutral-36)
}

@supports (color: color-mix(in lch,red,blue)) {
    .high-contrast-mode .theme-midnight,.high-contrast-mode.theme-midnight {
        --app-frame-border:color-mix(in oklab,var(--neutral-24) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --background-code: color-mix(in oklab,hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --background-feedback-critical: color-mix(in oklab,hsl(var(--opacity-red-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --background-feedback-info: color-mix(in oklab,hsl(var(--opacity-blue-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --background-feedback-positive: color-mix(in oklab,hsl(var(--opacity-green-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --background-feedback-warning: color-mix(in oklab,hsl(var(--opacity-yellow-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --border-focus: color-mix(in oklab,var(--blue-new-35) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --border-muted: color-mix(in oklab,var(--neutral-36) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --border-normal: color-mix(in oklab,var(--neutral-18) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --border-strong: color-mix(in oklab,var(--neutral-10) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --border-subtle: color-mix(in oklab,var(--neutral-24) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --card-secondary-bg: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
        --channel-icon: color-mix(in oklab,var(--neutral-29) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --channel-text-area-placeholder: color-mix(in oklab,var(--neutral-36) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --channels-default: color-mix(in oklab,var(--neutral-29) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --chat-text-muted: color-mix(in oklab,var(--neutral-28) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --control-secondary-border-active: color-mix(in oklab,var(--neutral-32) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --control-secondary-border-default: color-mix(in oklab,var(--neutral-32) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --gradient-progress-pill-background: color-mix(in oklab,var(--neutral-45) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --icon-default: color-mix(in oklab,var(--neutral-6) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-feedback-critical: color-mix(in oklab,var(--red-new-23) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-feedback-info: color-mix(in oklab,var(--blue-new-25) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-feedback-positive: color-mix(in oklab,var(--green-new-26) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-feedback-warning: color-mix(in oklab,var(--yellow-new-49) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-link: color-mix(in oklab,var(--blue-new-28) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-muted: color-mix(in oklab,var(--neutral-24) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-strong: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-subtle: color-mix(in oklab,var(--neutral-15) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-voice-disconnected: color-mix(in oklab,var(--red-new-23) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --input-background-default: color-mix(in oklab,hsl(var(--opacity-black-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --input-border-default: color-mix(in oklab,var(--neutral-32) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --input-border-error-default: color-mix(in oklab,var(--red-new-23) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --input-border-hover: color-mix(in oklab,var(--neutral-18) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --input-icon-default: color-mix(in oklab,var(--neutral-15) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --input-placeholder-text-default: color-mix(in oklab,var(--neutral-37) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --input-text-default: color-mix(in oklab,var(--neutral-6) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --input-text-error-default: color-mix(in oklab,var(--neutral-6) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-background-active: color-mix(in oklab,hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
        --interactive-background-hover: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
        --interactive-background-selected: color-mix(in oklab,hsl(var(--opacity-28-hsl)/0.2784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2784313725490196) var(--custom-theme-base-color-amount,0%));
        --interactive-icon-active: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-icon-default: color-mix(in oklab,var(--neutral-15) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-icon-hover: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-muted: color-mix(in oklab,var(--neutral-38) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-text-active: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-text-default: color-mix(in oklab,var(--neutral-15) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-text-hover: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --mention-background: color-mix(in oklab,hsl(var(--opacity-blurple-48-hsl)/0.47843137254901963) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.47843137254901963) var(--custom-theme-base-color-amount,0%));
        --mention-foreground: color-mix(in oklab,var(--blurple-13) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --message-automod-background-default: color-mix(in oklab,hsl(var(--opacity-red-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
        --message-automod-background-hover: color-mix(in oklab,hsl(var(--opacity-red-28-hsl)/0.2784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2784313725490196) var(--custom-theme-base-color-amount,0%));
        --message-background-hover: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
        --message-highlight-background-default: color-mix(in oklab,hsl(var(--opacity-blurple-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
        --message-highlight-background-hover: color-mix(in oklab,hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
        --message-mentioned-background-default: color-mix(in oklab,hsl(var(--opacity-yellow-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
        --message-mentioned-background-hover: color-mix(in oklab,hsl(var(--opacity-yellow-28-hsl)/0.2784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2784313725490196) var(--custom-theme-base-color-amount,0%));
        --mobile-text-heading-primary: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --progressbar-track-background: color-mix(in oklab,hsl(var(--opacity-28-hsl)/0.2784313725490196) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2784313725490196) var(--custom-theme-base-color-amount,0%));
        --redesign-button-tertiary-text: color-mix(in oklab,var(--neutral-6) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --redesign-channel-name-muted-text: color-mix(in oklab,var(--neutral-24) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --redesign-channel-name-text: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --spine-default: color-mix(in oklab,var(--neutral-42) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --stage-card-pill-bg: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
        --text-brand: color-mix(in oklab,var(--brand-345) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code: color-mix(in oklab,var(--blue-new-20) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-addition: color-mix(in oklab,var(--green-new-20) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-builtin: color-mix(in oklab,var(--orange-new-19) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-bullet: color-mix(in oklab,var(--yellow-new-44) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-comment: color-mix(in oklab,var(--neutral-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-deletion: color-mix(in oklab,var(--red-new-16) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-keyword: color-mix(in oklab,var(--red-new-17) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-section: color-mix(in oklab,var(--blue-new-20) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-string: color-mix(in oklab,var(--teal-new-22) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-tag: color-mix(in oklab,var(--green-new-21) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-title: color-mix(in oklab,var(--blue-new-20) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-variable: color-mix(in oklab,var(--blue-new-20) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-default: color-mix(in oklab,var(--neutral-6) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-feedback-critical: color-mix(in oklab,var(--red-new-23) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-feedback-info: color-mix(in oklab,var(--blue-new-25) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-feedback-positive: color-mix(in oklab,var(--green-new-26) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-feedback-warning: color-mix(in oklab,var(--yellow-new-49) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-link: color-mix(in oklab,var(--blue-new-28) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-muted: color-mix(in oklab,var(--neutral-24) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-strong: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-subtle: color-mix(in oklab,var(--neutral-15) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-voice-disconnected: color-mix(in oklab,var(--red-new-23) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --thread-channel-spine: color-mix(in oklab,var(--neutral-38) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --user-profile-background-hover: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
        --user-profile-border: color-mix(in oklab,var(--neutral-24) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --user-profile-overlay-background-hover: color-mix(in oklab,hsl(var(--opacity-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
        --user-profile-toolbar-border: color-mix(in oklab,var(--neutral-36) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)))
    }
}

.high-contrast-mode .theme-darker,.high-contrast-mode.theme-darker {
    --app-frame-border: var(--neutral-19);
    --background-code: hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039);
    --background-feedback-critical: hsl(var(--opacity-red-12-hsl)/0.12156862745098039);
    --background-feedback-info: hsl(var(--opacity-blue-12-hsl)/0.12156862745098039);
    --background-feedback-positive: hsl(var(--opacity-green-12-hsl)/0.12156862745098039);
    --background-feedback-warning: hsl(var(--opacity-yellow-12-hsl)/0.12156862745098039);
    --background-mod-muted: 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);
    --badge-background-default: hsl(var(--opacity-20-hsl)/0.2);
    --badge-text-default: var(--neutral-1);
    --border-focus: var(--blue-new-30);
    --border-muted: var(--neutral-32);
    --border-normal: var(--neutral-13);
    --border-strong: var(--neutral-5);
    --border-subtle: var(--neutral-19);
    --card-secondary-bg: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --channel-icon: var(--neutral-27);
    --channel-text-area-placeholder: var(--neutral-33);
    --channels-default: var(--neutral-27);
    --chat-text-muted: var(--neutral-25);
    --checkbox-border-active: var(--neutral-19);
    --checkbox-border-default: var(--neutral-5);
    --checkbox-border-hover: var(--neutral-19);
    --checkbox-border-selected-default: var(--neutral-19);
    --checkbox-border-selected-hover: var(--neutral-19);
    --control-connected-border-active: var(--green-new-23);
    --control-connected-border-default: var(--green-new-23);
    --control-connected-border-hover: var(--green-new-23);
    --control-critical-primary-border-active: var(--red-new-19);
    --control-critical-primary-border-default: var(--red-new-19);
    --control-critical-primary-border-hover: var(--red-new-19);
    --control-critical-secondary-background-active: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --control-critical-secondary-background-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --control-critical-secondary-background-hover: hsl(var(--opacity-20-hsl)/0.2);
    --control-critical-secondary-border-active: var(--red-new-19);
    --control-critical-secondary-border-default: var(--red-new-19);
    --control-critical-secondary-border-hover: var(--red-new-19);
    --control-critical-secondary-icon-active: var(--red-new-16);
    --control-critical-secondary-icon-default: var(--red-new-16);
    --control-critical-secondary-icon-hover: var(--red-new-16);
    --control-critical-secondary-text-active: var(--red-new-16);
    --control-critical-secondary-text-default: var(--red-new-16);
    --control-critical-secondary-text-hover: var(--red-new-16);
    --control-icon-only-background-active: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --control-icon-only-background-hover: hsl(var(--opacity-20-hsl)/0.2);
    --control-icon-only-border-active: var(--neutral-32);
    --control-icon-only-border-hover: var(--neutral-32);
    --control-icon-only-icon-active: var(--neutral-1);
    --control-icon-only-icon-default: var(--neutral-10);
    --control-icon-only-icon-hover: var(--neutral-1);
    --control-overlay-secondary-border-active: var(--neutral-32);
    --control-overlay-secondary-border-default: var(--neutral-32);
    --control-overlay-secondary-border-hover: var(--neutral-32);
    --control-primary-border-active: var(--blurple-21);
    --control-primary-border-default: var(--blurple-21);
    --control-primary-border-hover: var(--blurple-21);
    --control-secondary-background-active: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --control-secondary-background-default: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --control-secondary-background-hover: hsl(var(--opacity-20-hsl)/0.2);
    --control-secondary-border-active: var(--neutral-29);
    --control-secondary-border-default: var(--neutral-29);
    --control-secondary-border-hover: var(--neutral-29);
    --control-secondary-icon-active: var(--neutral-1);
    --control-secondary-icon-default: var(--neutral-1);
    --control-secondary-icon-hover: var(--neutral-1);
    --control-secondary-text-active: var(--neutral-1);
    --control-secondary-text-default: var(--neutral-1);
    --control-secondary-text-hover: var(--neutral-1);
    --gradient-progress-pill-background: var(--neutral-42);
    --icon-default: var(--neutral-1);
    --icon-feedback-critical: var(--red-new-16);
    --icon-feedback-info: var(--blue-new-19);
    --icon-feedback-positive: var(--green-new-20);
    --icon-feedback-warning: var(--yellow-new-33);
    --icon-link: var(--blue-new-21);
    --icon-muted: var(--neutral-19);
    --icon-strong: var(--neutral-1);
    --icon-subtle: var(--neutral-10);
    --icon-voice-disconnected: var(--red-new-16);
    --input-background-default: hsl(var(--opacity-black-16-hsl)/0.1607843137254902);
    --input-border-default: var(--neutral-29);
    --input-border-error-default: var(--red-new-16);
    --input-border-hover: var(--neutral-13);
    --input-icon-default: var(--neutral-10);
    --input-placeholder-text-default: var(--neutral-35);
    --input-text-default: var(--neutral-1);
    --input-text-error-default: var(--neutral-1);
    --interactive-background-active: hsl(var(--opacity-20-hsl)/0.2);
    --interactive-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --interactive-background-selected: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --interactive-icon-active: var(--neutral-1);
    --interactive-icon-default: var(--neutral-10);
    --interactive-icon-hover: var(--neutral-1);
    --interactive-muted: var(--neutral-35);
    --interactive-text-active: var(--neutral-1);
    --interactive-text-default: var(--neutral-10);
    --interactive-text-hover: var(--neutral-1);
    --mention-background: hsl(var(--opacity-blurple-48-hsl)/0.47843137254901963);
    --mention-foreground: var(--blurple-5);
    --message-automod-background-default: hsl(var(--opacity-red-20-hsl)/0.2);
    --message-automod-background-hover: hsl(var(--opacity-red-24-hsl)/0.23921568627450981);
    --message-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --message-highlight-background-default: hsl(var(--opacity-blurple-20-hsl)/0.2);
    --message-highlight-background-hover: hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981);
    --message-mentioned-background-default: hsl(var(--opacity-yellow-20-hsl)/0.2);
    --message-mentioned-background-hover: hsl(var(--opacity-yellow-24-hsl)/0.23921568627450981);
    --mobile-text-heading-primary: var(--neutral-1);
    --progressbar-track-background: hsl(var(--opacity-24-hsl)/0.23921568627450981);
    --radio-border-active: var(--neutral-19);
    --radio-border-default: var(--neutral-19);
    --radio-border-hover: var(--neutral-19);
    --radio-border-selected-default: var(--neutral-19);
    --radio-border-selected-hover: var(--neutral-19);
    --redesign-button-tertiary-text: var(--neutral-1);
    --redesign-channel-name-muted-text: var(--neutral-19);
    --redesign-channel-name-text: var(--neutral-1);
    --spine-default: var(--neutral-38);
    --stage-card-pill-bg: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --status-danger: var(--red-new-39);
    --switch-border-default: var(--neutral-19);
    --switch-border-hover: var(--neutral-19);
    --switch-border-selected-default: var(--neutral-19);
    --switch-border-selected-hover: var(--neutral-19);
    --text-brand: var(--brand-330);
    --text-code: var(--blue-new-14);
    --text-code-addition: var(--green-new-14);
    --text-code-builtin: var(--orange-new-12);
    --text-code-bullet: var(--yellow-new-29);
    --text-code-comment: var(--neutral-23);
    --text-code-deletion: var(--red-new-9);
    --text-code-keyword: var(--red-new-10);
    --text-code-section: var(--blue-new-14);
    --text-code-string: var(--teal-new-15);
    --text-code-tag: var(--green-new-15);
    --text-code-title: var(--blue-new-14);
    --text-code-variable: var(--blue-new-14);
    --text-default: var(--neutral-1);
    --text-feedback-critical: var(--red-new-16);
    --text-feedback-info: var(--blue-new-19);
    --text-feedback-positive: var(--green-new-20);
    --text-feedback-warning: var(--yellow-new-33);
    --text-link: var(--blue-new-21);
    --text-muted: var(--neutral-19);
    --text-strong: var(--neutral-1);
    --text-subtle: var(--neutral-10);
    --text-voice-disconnected: var(--red-new-16);
    --thread-channel-spine: var(--neutral-35);
    --user-profile-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --user-profile-border: var(--neutral-19);
    --user-profile-overlay-background-hover: hsl(var(--opacity-12-hsl)/0.12156862745098039);
    --user-profile-toolbar-border: var(--neutral-32)
}

@supports (color: color-mix(in lch,red,blue)) {
    .high-contrast-mode .theme-darker,.high-contrast-mode.theme-darker {
        --app-frame-border:color-mix(in oklab,var(--neutral-19) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --background-code: color-mix(in oklab,hsl(var(--opacity-blurple-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --background-feedback-critical: color-mix(in oklab,hsl(var(--opacity-red-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --background-feedback-info: color-mix(in oklab,hsl(var(--opacity-blue-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --background-feedback-positive: color-mix(in oklab,hsl(var(--opacity-green-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --background-feedback-warning: color-mix(in oklab,hsl(var(--opacity-yellow-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --border-focus: color-mix(in oklab,var(--blue-new-30) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --border-muted: color-mix(in oklab,var(--neutral-32) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --border-normal: color-mix(in oklab,var(--neutral-13) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --border-strong: color-mix(in oklab,var(--neutral-5) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --border-subtle: color-mix(in oklab,var(--neutral-19) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --card-secondary-bg: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --channel-icon: color-mix(in oklab,var(--neutral-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --channel-text-area-placeholder: color-mix(in oklab,var(--neutral-33) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --channels-default: color-mix(in oklab,var(--neutral-27) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --chat-text-muted: color-mix(in oklab,var(--neutral-25) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --control-secondary-border-active: color-mix(in oklab,var(--neutral-29) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --control-secondary-border-default: color-mix(in oklab,var(--neutral-29) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --gradient-progress-pill-background: color-mix(in oklab,var(--neutral-42) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-base-color-amount,0%));
        --icon-default: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-feedback-critical: color-mix(in oklab,var(--red-new-16) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-feedback-info: color-mix(in oklab,var(--blue-new-19) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-feedback-positive: color-mix(in oklab,var(--green-new-20) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-feedback-warning: color-mix(in oklab,var(--yellow-new-33) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-link: color-mix(in oklab,var(--blue-new-21) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-muted: color-mix(in oklab,var(--neutral-19) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-strong: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-subtle: color-mix(in oklab,var(--neutral-10) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --icon-voice-disconnected: color-mix(in oklab,var(--red-new-16) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --input-background-default: color-mix(in oklab,hsl(var(--opacity-black-16-hsl)/0.1607843137254902) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.1607843137254902) var(--custom-theme-base-color-amount,0%));
        --input-border-default: color-mix(in oklab,var(--neutral-29) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --input-border-error-default: color-mix(in oklab,var(--red-new-16) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --input-border-hover: color-mix(in oklab,var(--neutral-13) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --input-icon-default: color-mix(in oklab,var(--neutral-10) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --input-placeholder-text-default: color-mix(in oklab,var(--neutral-35) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --input-text-default: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --input-text-error-default: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-background-active: color-mix(in oklab,hsl(var(--opacity-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
        --interactive-background-hover: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --interactive-background-selected: color-mix(in oklab,hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
        --interactive-icon-active: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-icon-default: color-mix(in oklab,var(--neutral-10) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-icon-hover: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-muted: color-mix(in oklab,var(--neutral-35) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-text-active: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-text-default: color-mix(in oklab,var(--neutral-10) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --interactive-text-hover: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --mention-background: color-mix(in oklab,hsl(var(--opacity-blurple-48-hsl)/0.47843137254901963) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.47843137254901963) var(--custom-theme-base-color-amount,0%));
        --mention-foreground: color-mix(in oklab,var(--blurple-5) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --message-automod-background-default: color-mix(in oklab,hsl(var(--opacity-red-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
        --message-automod-background-hover: color-mix(in oklab,hsl(var(--opacity-red-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
        --message-background-hover: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --message-highlight-background-default: color-mix(in oklab,hsl(var(--opacity-blurple-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
        --message-highlight-background-hover: color-mix(in oklab,hsl(var(--opacity-blurple-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
        --message-mentioned-background-default: color-mix(in oklab,hsl(var(--opacity-yellow-20-hsl)/0.2) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.2) var(--custom-theme-base-color-amount,0%));
        --message-mentioned-background-hover: color-mix(in oklab,hsl(var(--opacity-yellow-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
        --mobile-text-heading-primary: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --progressbar-track-background: color-mix(in oklab,hsl(var(--opacity-24-hsl)/0.23921568627450981) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.23921568627450981) var(--custom-theme-base-color-amount,0%));
        --redesign-button-tertiary-text: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --redesign-channel-name-muted-text: color-mix(in oklab,var(--neutral-19) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --redesign-channel-name-text: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --spine-default: color-mix(in oklab,var(--neutral-38) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --stage-card-pill-bg: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --text-brand: color-mix(in oklab,var(--brand-330) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code: color-mix(in oklab,var(--blue-new-14) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-addition: color-mix(in oklab,var(--green-new-14) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-builtin: color-mix(in oklab,var(--orange-new-12) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-bullet: color-mix(in oklab,var(--yellow-new-29) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-comment: color-mix(in oklab,var(--neutral-23) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-deletion: color-mix(in oklab,var(--red-new-9) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-keyword: color-mix(in oklab,var(--red-new-10) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-section: color-mix(in oklab,var(--blue-new-14) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-string: color-mix(in oklab,var(--teal-new-15) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-tag: color-mix(in oklab,var(--green-new-15) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-title: color-mix(in oklab,var(--blue-new-14) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-code-variable: color-mix(in oklab,var(--blue-new-14) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-default: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-feedback-critical: color-mix(in oklab,var(--red-new-16) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-feedback-info: color-mix(in oklab,var(--blue-new-19) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-feedback-positive: color-mix(in oklab,var(--green-new-20) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-feedback-warning: color-mix(in oklab,var(--yellow-new-33) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-link: color-mix(in oklab,var(--blue-new-21) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-muted: color-mix(in oklab,var(--neutral-19) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-strong: color-mix(in oklab,var(--neutral-1) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-subtle: color-mix(in oklab,var(--neutral-10) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --text-voice-disconnected: color-mix(in oklab,var(--red-new-16) 100%,var(--custom-theme-text-color,#000) var(--custom-theme-text-color-amount,0%));
        --thread-channel-spine: color-mix(in oklab,var(--neutral-35) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --user-profile-background-hover: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --user-profile-border: color-mix(in oklab,var(--neutral-19) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)));
        --user-profile-overlay-background-hover: color-mix(in oklab,hsl(var(--opacity-12-hsl)/0.12156862745098039) 100%,hsl(var(--custom-theme-base-color-hsl,0 0% 0%)/0.12156862745098039) var(--custom-theme-base-color-amount,0%));
        --user-profile-toolbar-border: color-mix(in oklab,var(--neutral-32) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)))
    }
}

: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)*6.667%) 94.118%;
    --neutral-6: hsl(var(--neutral-6-hsl)/1);
    --neutral-6-hsl: 210 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.545%) 91.373%;
    --neutral-8: hsl(var(--neutral-8-hsl)/1);
    --neutral-8-hsl: 240 calc(var(--saturation-factor, 1)*3.846%) 89.804%;
    --neutral-9: hsl(var(--neutral-9-hsl)/1);
    --neutral-9-hsl: 240 calc(var(--saturation-factor, 1)*5.085%) 88.431%;
    --neutral-10: hsl(var(--neutral-10-hsl)/1);
    --neutral-10-hsl: 240 calc(var(--saturation-factor, 1)*4.478%) 86.863%;
    --neutral-11: hsl(var(--neutral-11-hsl)/1);
    --neutral-11-hsl: 225 calc(var(--saturation-factor, 1)*5.405%) 85.49%;
    --neutral-12: hsl(var(--neutral-12-hsl)/1);
    --neutral-12-hsl: 225 calc(var(--saturation-factor, 1)*4.878%) 83.922%;
    --neutral-13: hsl(var(--neutral-13-hsl)/1);
    --neutral-13-hsl: 240 calc(var(--saturation-factor, 1)*4.545%) 82.745%;
    --neutral-14: hsl(var(--neutral-14-hsl)/1);
    --neutral-14-hsl: 240 calc(var(--saturation-factor, 1)*4.167%) 81.176%;
    --neutral-15: hsl(var(--neutral-15-hsl)/1);
    --neutral-15-hsl: 228 calc(var(--saturation-factor, 1)*4.854%) 79.804%;
    --neutral-16: hsl(var(--neutral-16-hsl)/1);
    --neutral-16-hsl: 228 calc(var(--saturation-factor, 1)*4.505%) 78.235%;
    --neutral-17: hsl(var(--neutral-17-hsl)/1);
    --neutral-17-hsl: 240 calc(var(--saturation-factor, 1)*4.274%) 77.059%;
    --neutral-18: hsl(var(--neutral-18-hsl)/1);
    --neutral-18-hsl: 240 calc(var(--saturation-factor, 1)*4%) 75.49%;
    --neutral-19: hsl(var(--neutral-19-hsl)/1);
    --neutral-19-hsl: 230 calc(var(--saturation-factor, 1)*4.545%) 74.118%;
    --neutral-20: hsl(var(--neutral-20-hsl)/1);
    --neutral-20-hsl: 230 calc(var(--saturation-factor, 1)*4.286%) 72.549%;
    --neutral-21: hsl(var(--neutral-21-hsl)/1);
    --neutral-21-hsl: 240 calc(var(--saturation-factor, 1)*4.11%) 71.373%;
    --neutral-22: hsl(var(--neutral-22-hsl)/1);
    --neutral-22-hsl: 231.429 calc(var(--saturation-factor, 1)*4.575%) 70%;
    --neutral-23: hsl(var(--neutral-23-hsl)/1);
    --neutral-23-hsl: 231.429 calc(var(--saturation-factor, 1)*4.348%) 68.431%;
    --neutral-24: hsl(var(--neutral-24-hsl)/1);
    --neutral-24-hsl: 240 calc(var(--saturation-factor, 1)*4.192%) 67.255%;
    --neutral-25: hsl(var(--neutral-25-hsl)/1);
    --neutral-25-hsl: 231.429 calc(var(--saturation-factor, 1)*4%) 65.686%;
    --neutral-26: hsl(var(--neutral-26-hsl)/1);
    --neutral-26-hsl: 232.5 calc(var(--saturation-factor, 1)*4.396%) 64.314%;
    --neutral-27: hsl(var(--neutral-27-hsl)/1);
    --neutral-27-hsl: 232.5 calc(var(--saturation-factor, 1)*4.255%) 63.137%;
    --neutral-28: hsl(var(--neutral-28-hsl)/1);
    --neutral-28-hsl: 232.5 calc(var(--saturation-factor, 1)*4.082%) 61.569%;
    --neutral-29: hsl(var(--neutral-29-hsl)/1);
    --neutral-29-hsl: 232.5 calc(var(--saturation-factor, 1)*3.96%) 60.392%;
    --neutral-30: hsl(var(--neutral-30-hsl)/1);
    --neutral-30-hsl: 233.333 calc(var(--saturation-factor, 1)*4.306%) 59.02%;
    --neutral-31: hsl(var(--neutral-31-hsl)/1);
    --neutral-31-hsl: 232.5 calc(var(--saturation-factor, 1)*3.704%) 57.647%;
    --neutral-32: hsl(var(--neutral-32-hsl)/1);
    --neutral-32-hsl: 233.333 calc(var(--saturation-factor, 1)*4.036%) 56.275%;
    --neutral-33: hsl(var(--neutral-33-hsl)/1);
    --neutral-33-hsl: 233.333 calc(var(--saturation-factor, 1)*3.93%) 55.098%;
    --neutral-34: hsl(var(--neutral-34-hsl)/1);
    --neutral-34-hsl: 233.333 calc(var(--saturation-factor, 1)*3.797%) 53.529%;
    --neutral-35: hsl(var(--neutral-35-hsl)/1);
    --neutral-35-hsl: 233.333 calc(var(--saturation-factor, 1)*3.704%) 52.353%;
    --neutral-36: hsl(var(--neutral-36-hsl)/1);
    --neutral-36-hsl: 234 calc(var(--saturation-factor, 1)*4%) 50.98%;
    --neutral-37: hsl(var(--neutral-37-hsl)/1);
    --neutral-37-hsl: 233.333 calc(var(--saturation-factor, 1)*3.557%) 49.608%;
    --neutral-38: hsl(var(--neutral-38-hsl)/1);
    --neutral-38-hsl: 234 calc(var(--saturation-factor, 1)*4.065%) 48.235%;
    --neutral-39: hsl(var(--neutral-39-hsl)/1);
    --neutral-39-hsl: 234 calc(var(--saturation-factor, 1)*4.167%) 47.059%;
    --neutral-40: hsl(var(--neutral-40-hsl)/1);
    --neutral-40-hsl: 234 calc(var(--saturation-factor, 1)*4.274%) 45.882%;
    --neutral-41: hsl(var(--neutral-41-hsl)/1);
    --neutral-41-hsl: 234 calc(var(--saturation-factor, 1)*4.425%) 44.314%;
    --neutral-42: hsl(var(--neutral-42-hsl)/1);
    --neutral-42-hsl: 234 calc(var(--saturation-factor, 1)*4.545%) 43.137%;
    --neutral-43: hsl(var(--neutral-43-hsl)/1);
    --neutral-43-hsl: 234 calc(var(--saturation-factor, 1)*4.673%) 41.961%;
    --neutral-44: hsl(var(--neutral-44-hsl)/1);
    --neutral-44-hsl: 234.545 calc(var(--saturation-factor, 1)*5.314%) 40.588%;
    --neutral-45: hsl(var(--neutral-45-hsl)/1);
    --neutral-45-hsl: 234.545 calc(var(--saturation-factor, 1)*5.473%) 39.412%;
    --neutral-46: hsl(var(--neutral-46-hsl)/1);
    --neutral-46-hsl: 234.545 calc(var(--saturation-factor, 1)*5.641%) 38.235%;
    --neutral-47: hsl(var(--neutral-47-hsl)/1);
    --neutral-47-hsl: 234 calc(var(--saturation-factor, 1)*5.319%) 36.863%;
    --neutral-48: hsl(var(--neutral-48-hsl)/1);
    --neutral-48-hsl: 234.545 calc(var(--saturation-factor, 1)*6.077%) 35.49%;
    --neutral-49: hsl(var(--neutral-49-hsl)/1);
    --neutral-49-hsl: 234.545 calc(var(--saturation-factor, 1)*6.286%) 34.314%;
    --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: 216.923 calc(var(--saturation-factor, 1)*100%) 94.902%;
    --blue-new-2: hsl(var(--blue-new-2-hsl)/1);
    --blue-new-2-hsl: 216.774 calc(var(--saturation-factor, 1)*100%) 93.922%;
    --blue-new-3: hsl(var(--blue-new-3-hsl)/1);
    --blue-new-3-hsl: 216 calc(var(--saturation-factor, 1)*100%) 93.137%;
    --blue-new-4: hsl(var(--blue-new-4-hsl)/1);
    --blue-new-4-hsl: 216 calc(var(--saturation-factor, 1)*100%) 92.157%;
    --blue-new-5: hsl(var(--blue-new-5-hsl)/1);
    --blue-new-5-hsl: 215.455 calc(var(--saturation-factor, 1)*100%) 91.373%;
    --blue-new-6: hsl(var(--blue-new-6-hsl)/1);
    --blue-new-6-hsl: 214.286 calc(var(--saturation-factor, 1)*100%) 90.392%;
    --blue-new-7: hsl(var(--blue-new-7-hsl)/1);
    --blue-new-7-hsl: 215.094 calc(var(--saturation-factor, 1)*100%) 89.608%;
    --blue-new-8: hsl(var(--blue-new-8-hsl)/1);
    --blue-new-8-hsl: 214.138 calc(var(--saturation-factor, 1)*100%) 88.627%;
    --blue-new-9: hsl(var(--blue-new-9-hsl)/1);
    --blue-new-9-hsl: 213.871 calc(var(--saturation-factor, 1)*100%) 87.843%;
    --blue-new-10: hsl(var(--blue-new-10-hsl)/1);
    --blue-new-10-hsl: 214.545 calc(var(--saturation-factor, 1)*100%) 87.059%;
    --blue-new-11: hsl(var(--blue-new-11-hsl)/1);
    --blue-new-11-hsl: 213.803 calc(var(--saturation-factor, 1)*100%) 86.078%;
    --blue-new-12: hsl(var(--blue-new-12-hsl)/1);
    --blue-new-12-hsl: 214.4 calc(var(--saturation-factor, 1)*100%) 85.294%;
    --blue-new-13: hsl(var(--blue-new-13-hsl)/1);
    --blue-new-13-hsl: 214.177 calc(var(--saturation-factor, 1)*100%) 84.51%;
    --blue-new-14: hsl(var(--blue-new-14-hsl)/1);
    --blue-new-14-hsl: 214.286 calc(var(--saturation-factor, 1)*100%) 83.529%;
    --blue-new-15: hsl(var(--blue-new-15-hsl)/1);
    --blue-new-15-hsl: 213.793 calc(var(--saturation-factor, 1)*97.753%) 82.549%;
    --blue-new-16: hsl(var(--blue-new-16-hsl)/1);
    --blue-new-16-hsl: 213.333 calc(var(--saturation-factor, 1)*95.745%) 81.569%;
    --blue-new-17: hsl(var(--blue-new-17-hsl)/1);
    --blue-new-17-hsl: 213.83 calc(var(--saturation-factor, 1)*95.918%) 80.784%;
    --blue-new-18: hsl(var(--blue-new-18-hsl)/1);
    --blue-new-18-hsl: 213.402 calc(var(--saturation-factor, 1)*94.175%) 79.804%;
    --blue-new-19: hsl(var(--blue-new-19-hsl)/1);
    --blue-new-19-hsl: 213.861 calc(var(--saturation-factor, 1)*94.393%) 79.02%;
    --blue-new-20: hsl(var(--blue-new-20-hsl)/1);
    --blue-new-20-hsl: 213.143 calc(var(--saturation-factor, 1)*92.92%) 77.843%;
    --blue-new-21: hsl(var(--blue-new-21-hsl)/1);
    --blue-new-21-hsl: 213.333 calc(var(--saturation-factor, 1)*91.525%) 76.863%;
    --blue-new-22: hsl(var(--blue-new-22-hsl)/1);
    --blue-new-22-hsl: 213.214 calc(var(--saturation-factor, 1)*91.803%) 76.078%;
    --blue-new-23: hsl(var(--blue-new-23-hsl)/1);
    --blue-new-23-hsl: 213.391 calc(var(--saturation-factor, 1)*90.551%) 75.098%;
    --blue-new-24: hsl(var(--blue-new-24-hsl)/1);
    --blue-new-24-hsl: 213.051 calc(var(--saturation-factor, 1)*89.394%) 74.118%;
    --blue-new-25: hsl(var(--blue-new-25-hsl)/1);
    --blue-new-25-hsl: 213.443 calc(var(--saturation-factor, 1)*89.706%) 73.333%;
    --blue-new-26: hsl(var(--blue-new-26-hsl)/1);
    --blue-new-26-hsl: 213.12 calc(var(--saturation-factor, 1)*88.652%) 72.353%;
    --blue-new-27: hsl(var(--blue-new-27-hsl)/1);
    --blue-new-27-hsl: 213.281 calc(var(--saturation-factor, 1)*87.671%) 71.373%;
    --blue-new-28: hsl(var(--blue-new-28-hsl)/1);
    --blue-new-28-hsl: 212.977 calc(var(--saturation-factor, 1)*86.755%) 70.392%;
    --blue-new-29: hsl(var(--blue-new-29-hsl)/1);
    --blue-new-29-hsl: 213.333 calc(var(--saturation-factor, 1)*87.097%) 69.608%;
    --blue-new-30: hsl(var(--blue-new-30-hsl)/1);
    --blue-new-30-hsl: 213.043 calc(var(--saturation-factor, 1)*86.25%) 68.627%;
    --blue-new-31: hsl(var(--blue-new-31-hsl)/1);
    --blue-new-31-hsl: 213.191 calc(var(--saturation-factor, 1)*85.455%) 67.647%;
    --blue-new-32: hsl(var(--blue-new-32-hsl)/1);
    --blue-new-32-hsl: 212.917 calc(var(--saturation-factor, 1)*84.706%) 66.667%;
    --blue-new-33: hsl(var(--blue-new-33-hsl)/1);
    --blue-new-33-hsl: 213.061 calc(var(--saturation-factor, 1)*84%) 65.686%;
    --blue-new-34: hsl(var(--blue-new-34-hsl)/1);
    --blue-new-34-hsl: 212.98 calc(var(--saturation-factor, 1)*84.358%) 64.902%;
    --blue-new-35: hsl(var(--blue-new-35-hsl)/1);
    --blue-new-35-hsl: 213.117 calc(var(--saturation-factor, 1)*83.696%) 63.922%;
    --blue-new-36: hsl(var(--blue-new-36-hsl)/1);
    --blue-new-36-hsl: 212.866 calc(var(--saturation-factor, 1)*83.069%) 62.941%;
    --blue-new-37: hsl(var(--blue-new-37-hsl)/1);
    --blue-new-37-hsl: 212.795 calc(var(--saturation-factor, 1)*82.564%) 61.765%;
    --blue-new-38: hsl(var(--blue-new-38-hsl)/1);
    --blue-new-38-hsl: 212.927 calc(var(--saturation-factor, 1)*82%) 60.784%;
    --blue-new-39: hsl(var(--blue-new-39-hsl)/1);
    --blue-new-39-hsl: 212.695 calc(var(--saturation-factor, 1)*81.463%) 59.804%;
    --blue-new-40: hsl(var(--blue-new-40-hsl)/1);
    --blue-new-40-hsl: 212.791 calc(var(--saturation-factor, 1)*81.905%) 58.824%;
    --blue-new-41: hsl(var(--blue-new-41-hsl)/1);
    --blue-new-41-hsl: 212.571 calc(var(--saturation-factor, 1)*81.395%) 57.843%;
    --blue-new-42: hsl(var(--blue-new-42-hsl)/1);
    --blue-new-42-hsl: 212.514 calc(var(--saturation-factor, 1)*80.995%) 56.667%;
    --blue-new-43: hsl(var(--blue-new-43-hsl)/1);
    --blue-new-43-hsl: 212.459 calc(var(--saturation-factor, 1)*80.617%) 55.49%;
    --blue-new-44: hsl(var(--blue-new-44-hsl)/1);
    --blue-new-44-hsl: 212.086 calc(var(--saturation-factor, 1)*80.258%) 54.314%;
    --blue-new-45: hsl(var(--blue-new-45-hsl)/1);
    --blue-new-45-hsl: 211.875 calc(var(--saturation-factor, 1)*80%) 52.941%;
    --blue-new-46: hsl(var(--blue-new-46-hsl)/1);
    --blue-new-46-hsl: 211.515 calc(var(--saturation-factor, 1)*80.488%) 51.765%;
    --blue-new-47: hsl(var(--blue-new-47-hsl)/1);
    --blue-new-47-hsl: 211.176 calc(var(--saturation-factor, 1)*80.315%) 50.196%;
    --blue-new-48: hsl(var(--blue-new-48-hsl)/1);
    --blue-new-48-hsl: 210.711 calc(var(--saturation-factor, 1)*85.425%) 48.431%;
    --blue-new-49: hsl(var(--blue-new-49-hsl)/1);
    --blue-new-49-hsl: 209.327 calc(var(--saturation-factor, 1)*95.708%) 45.686%;
    --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.189 calc(var(--saturation-factor, 1)*100%) 43.529%;
    --blue-new-52: hsl(var(--blue-new-52-hsl)/1);
    --blue-new-52-hsl: 209.309 calc(var(--saturation-factor, 1)*100%) 42.549%;
    --blue-new-53: hsl(var(--blue-new-53-hsl)/1);
    --blue-new-53-hsl: 209.151 calc(var(--saturation-factor, 1)*100%) 41.569%;
    --blue-new-54: hsl(var(--blue-new-54-hsl)/1);
    --blue-new-54-hsl: 209.126 calc(var(--saturation-factor, 1)*99.038%) 40.784%;
    --blue-new-55: hsl(var(--blue-new-55-hsl)/1);
    --blue-new-55-hsl: 209.4 calc(var(--saturation-factor, 1)*98.039%) 40%;
    --blue-new-56: hsl(var(--blue-new-56-hsl)/1);
    --blue-new-56-hsl: 209.388 calc(var(--saturation-factor, 1)*98%) 39.216%;
    --blue-new-57: hsl(var(--blue-new-57-hsl)/1);
    --blue-new-57-hsl: 209.684 calc(var(--saturation-factor, 1)*96.939%) 38.431%;
    --blue-new-58: hsl(var(--blue-new-58-hsl)/1);
    --blue-new-58-hsl: 209.514 calc(var(--saturation-factor, 1)*96.859%) 37.451%;
    --blue-new-59: hsl(var(--blue-new-59-hsl)/1);
    --blue-new-59-hsl: 209.503 calc(var(--saturation-factor, 1)*96.791%) 36.667%;
    --blue-new-60: hsl(var(--blue-new-60-hsl)/1);
    --blue-new-60-hsl: 209.492 calc(var(--saturation-factor, 1)*97.79%) 35.49%;
    --blue-new-61: hsl(var(--blue-new-61-hsl)/1);
    --blue-new-61-hsl: 209.48 calc(var(--saturation-factor, 1)*97.74%) 34.706%;
    --blue-new-62: hsl(var(--blue-new-62-hsl)/1);
    --blue-new-62-hsl: 209.294 calc(var(--saturation-factor, 1)*98.837%) 33.725%;
    --blue-new-63: hsl(var(--blue-new-63-hsl)/1);
    --blue-new-63-hsl: 209.455 calc(var(--saturation-factor, 1)*98.802%) 32.745%;
    --blue-new-64: hsl(var(--blue-new-64-hsl)/1);
    --blue-new-64-hsl: 209.259 calc(var(--saturation-factor, 1)*100%) 31.765%;
    --blue-new-65: hsl(var(--blue-new-65-hsl)/1);
    --blue-new-65-hsl: 209.241 calc(var(--saturation-factor, 1)*100%) 30.98%;
    --blue-new-66: hsl(var(--blue-new-66-hsl)/1);
    --blue-new-66-hsl: 209.221 calc(var(--saturation-factor, 1)*100%) 30.196%;
    --blue-new-67: hsl(var(--blue-new-67-hsl)/1);
    --blue-new-67-hsl: 209.6 calc(var(--saturation-factor, 1)*100%) 29.412%;
    --blue-new-68: hsl(var(--blue-new-68-hsl)/1);
    --blue-new-68-hsl: 209.589 calc(var(--saturation-factor, 1)*100%) 28.627%;
    --blue-new-69: hsl(var(--blue-new-69-hsl)/1);
    --blue-new-69-hsl: 209.577 calc(var(--saturation-factor, 1)*100%) 27.843%;
    --blue-new-70: hsl(var(--blue-new-70-hsl)/1);
    --blue-new-70-hsl: 209.565 calc(var(--saturation-factor, 1)*100%) 27.059%;
    --blue-new-71: hsl(var(--blue-new-71-hsl)/1);
    --blue-new-71-hsl: 210 calc(var(--saturation-factor, 1)*100%) 26.275%;
    --blue-new-72: hsl(var(--blue-new-72-hsl)/1);
    --blue-new-72-hsl: 210 calc(var(--saturation-factor, 1)*100%) 25.49%;
    --blue-new-73: hsl(var(--blue-new-73-hsl)/1);
    --blue-new-73-hsl: 210 calc(var(--saturation-factor, 1)*100%) 24.706%;
    --blue-new-74: hsl(var(--blue-new-74-hsl)/1);
    --blue-new-74-hsl: 210 calc(var(--saturation-factor, 1)*100%) 23.922%;
    --blue-new-75: hsl(var(--blue-new-75-hsl)/1);
    --blue-new-75-hsl: 210.508 calc(var(--saturation-factor, 1)*100%) 23.137%;
    --blue-new-76: hsl(var(--blue-new-76-hsl)/1);
    --blue-new-76-hsl: 210.783 calc(var(--saturation-factor, 1)*100%) 22.549%;
    --blue-new-77: hsl(var(--blue-new-77-hsl)/1);
    --blue-new-77-hsl: 210.811 calc(var(--saturation-factor, 1)*100%) 21.765%;
    --blue-new-78: hsl(var(--blue-new-78-hsl)/1);
    --blue-new-78-hsl: 210.841 calc(var(--saturation-factor, 1)*100%) 20.98%;
    --blue-new-79: hsl(var(--blue-new-79-hsl)/1);
    --blue-new-79-hsl: 211.154 calc(var(--saturation-factor, 1)*100%) 20.392%;
    --blue-new-80: hsl(var(--blue-new-80-hsl)/1);
    --blue-new-80-hsl: 211.2 calc(var(--saturation-factor, 1)*100%) 19.608%;
    --blue-new-81: hsl(var(--blue-new-81-hsl)/1);
    --blue-new-81-hsl: 211.25 calc(var(--saturation-factor, 1)*100%) 18.824%;
    --blue-new-82: hsl(var(--blue-new-82-hsl)/1);
    --blue-new-82-hsl: 212.258 calc(var(--saturation-factor, 1)*100%) 18.235%;
    --blue-new-83: hsl(var(--blue-new-83-hsl)/1);
    --blue-new-83-hsl: 212.36 calc(var(--saturation-factor, 1)*100%) 17.451%;
    --blue-new-84: hsl(var(--blue-new-84-hsl)/1);
    --blue-new-84-hsl: 212.791 calc(var(--saturation-factor, 1)*100%) 16.863%;
    --blue-new-85: hsl(var(--blue-new-85-hsl)/1);
    --blue-new-85-hsl: 212.927 calc(var(--saturation-factor, 1)*100%) 16.078%;
    --blue-new-86: hsl(var(--blue-new-86-hsl)/1);
    --blue-new-86-hsl: 213.418 calc(var(--saturation-factor, 1)*100%) 15.49%;
    --blue-new-87: hsl(var(--blue-new-87-hsl)/1);
    --blue-new-87-hsl: 213.6 calc(var(--saturation-factor, 1)*100%) 14.706%;
    --blue-new-88: hsl(var(--blue-new-88-hsl)/1);
    --blue-new-88-hsl: 214.167 calc(var(--saturation-factor, 1)*100%) 14.118%;
    --blue-new-89: hsl(var(--blue-new-89-hsl)/1);
    --blue-new-89-hsl: 214.783 calc(var(--saturation-factor, 1)*100%) 13.529%;
    --blue-new-90: hsl(var(--blue-new-90-hsl)/1);
    --blue-new-90-hsl: 215.077 calc(var(--saturation-factor, 1)*100%) 12.745%;
    --blue-new-91: hsl(var(--blue-new-91-hsl)/1);
    --blue-new-91-hsl: 215.806 calc(var(--saturation-factor, 1)*100%) 12.157%;
    --blue-new-92: hsl(var(--blue-new-92-hsl)/1);
    --blue-new-92-hsl: 216.61 calc(var(--saturation-factor, 1)*100%) 11.569%;
    --blue-new-93: hsl(var(--blue-new-93-hsl)/1);
    --blue-new-93-hsl: 217.091 calc(var(--saturation-factor, 1)*100%) 10.784%;
    --blue-new-94: hsl(var(--blue-new-94-hsl)/1);
    --blue-new-94-hsl: 217.647 calc(var(--saturation-factor, 1)*100%) 10%;
    --blue-new-95: hsl(var(--blue-new-95-hsl)/1);
    --blue-new-95-hsl: 219.574 calc(var(--saturation-factor, 1)*100%) 9.216%;
    --blue-new-96: hsl(var(--blue-new-96-hsl)/1);
    --blue-new-96-hsl: 221.429 calc(var(--saturation-factor, 1)*100%) 8.235%;
    --blue-new-97: hsl(var(--blue-new-97-hsl)/1);
    --blue-new-97-hsl: 223.333 calc(var(--saturation-factor, 1)*100%) 7.059%;
    --blue-new-98: hsl(var(--blue-new-98-hsl)/1);
    --blue-new-98-hsl: 227.586 calc(var(--saturation-factor, 1)*100%) 5.686%;
    --blue-new-99: hsl(var(--blue-new-99-hsl)/1);
    --blue-new-99-hsl: 231 calc(var(--saturation-factor, 1)*100%) 3.922%;
    --blue-new-100: hsl(var(--blue-new-100-hsl)/1);
    --blue-new-100-hsl: 240 calc(var(--saturation-factor, 1)*100%) 1.373%;
    --blurple-1: hsl(var(--blurple-1-hsl)/1);
    --blurple-1-hsl: 230.4 calc(var(--saturation-factor, 1)*100%) 95.098%;
    --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: 228.333 calc(var(--saturation-factor, 1)*100%) 92.941%;
    --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: 227.442 calc(var(--saturation-factor, 1)*100%) 91.569%;
    --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 calc(var(--saturation-factor, 1)*100%) 90.196%;
    --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: 227 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: 227.463 calc(var(--saturation-factor, 1)*100%) 86.863%;
    --blurple-14: hsl(var(--blurple-14-hsl)/1);
    --blurple-14-hsl: 227.143 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: 227.368 calc(var(--saturation-factor, 1)*100%) 85.098%;
    --blurple-17: hsl(var(--blurple-17-hsl)/1);
    --blurple-17-hsl: 227.848 calc(var(--saturation-factor, 1)*100%) 84.51%;
    --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: 227.442 calc(var(--saturation-factor, 1)*100%) 83.137%;
    --blurple-20: hsl(var(--blurple-20-hsl)/1);
    --blurple-20-hsl: 227.865 calc(var(--saturation-factor, 1)*100%) 82.549%;
    --blurple-21: hsl(var(--blurple-21-hsl)/1);
    --blurple-21-hsl: 228.261 calc(var(--saturation-factor, 1)*100%) 81.961%;
    --blurple-22: hsl(var(--blurple-22-hsl)/1);
    --blurple-22-hsl: 228 calc(var(--saturation-factor, 1)*100%) 81.373%;
    --blurple-23: hsl(var(--blurple-23-hsl)/1);
    --blurple-23-hsl: 228.367 calc(var(--saturation-factor, 1)*100%) 80.784%;
    --blurple-24: hsl(var(--blurple-24-hsl)/1);
    --blurple-24-hsl: 228.713 calc(var(--saturation-factor, 1)*100%) 80.196%;
    --blurple-25: hsl(var(--blurple-25-hsl)/1);
    --blurple-25-hsl: 228.462 calc(var(--saturation-factor, 1)*100%) 79.608%;
    --blurple-26: hsl(var(--blurple-26-hsl)/1);
    --blurple-26-hsl: 228.785 calc(var(--saturation-factor, 1)*100%) 79.02%;
    --blurple-27: hsl(var(--blurple-27-hsl)/1);
    --blurple-27-hsl: 228.991 calc(var(--saturation-factor, 1)*98.198%) 78.235%;
    --blurple-28: hsl(var(--blurple-28-hsl)/1);
    --blurple-28-hsl: 229.189 calc(var(--saturation-factor, 1)*98.23%) 77.843%;
    --blurple-29: hsl(var(--blurple-29-hsl)/1);
    --blurple-29-hsl: 229.381 calc(var(--saturation-factor, 1)*96.581%) 77.059%;
    --blurple-30: hsl(var(--blurple-30-hsl)/1);
    --blurple-30-hsl: 229.655 calc(var(--saturation-factor, 1)*96.667%) 76.471%;
    --blurple-31: hsl(var(--blurple-31-hsl)/1);
    --blurple-31-hsl: 229.322 calc(var(--saturation-factor, 1)*95.161%) 75.686%;
    --blurple-32: hsl(var(--blurple-32-hsl)/1);
    --blurple-32-hsl: 229.5 calc(var(--saturation-factor, 1)*93.75%) 74.902%;
    --blurple-33: hsl(var(--blurple-33-hsl)/1);
    --blurple-33-hsl: 230.164 calc(var(--saturation-factor, 1)*93.846%) 74.51%;
    --blurple-34: hsl(var(--blurple-34-hsl)/1);
    --blurple-34-hsl: 230.323 calc(var(--saturation-factor, 1)*92.537%) 73.725%;
    --blurple-35: hsl(var(--blurple-35-hsl)/1);
    --blurple-35-hsl: 230.476 calc(var(--saturation-factor, 1)*92.647%) 73.333%;
    --blurple-36: hsl(var(--blurple-36-hsl)/1);
    --blurple-36-hsl: 230.625 calc(var(--saturation-factor, 1)*91.429%) 72.549%;
    --blurple-37: hsl(var(--blurple-37-hsl)/1);
    --blurple-37-hsl: 230.84 calc(var(--saturation-factor, 1)*91.608%) 71.961%;
    --blurple-38: hsl(var(--blurple-38-hsl)/1);
    --blurple-38-hsl: 231.364 calc(var(--saturation-factor, 1)*90.411%) 71.373%;
    --blurple-39: hsl(var(--blurple-39-hsl)/1);
    --blurple-39-hsl: 231.111 calc(var(--saturation-factor, 1)*90.604%) 70.784%;
    --blurple-40: hsl(var(--blurple-40-hsl)/1);
    --blurple-40-hsl: 231.618 calc(var(--saturation-factor, 1)*89.474%) 70.196%;
    --blurple-41: hsl(var(--blurple-41-hsl)/1);
    --blurple-41-hsl: 231.739 calc(var(--saturation-factor, 1)*88.462%) 69.412%;
    --blurple-42: hsl(var(--blurple-42-hsl)/1);
    --blurple-42-hsl: 232.286 calc(var(--saturation-factor, 1)*88.608%) 69.02%;
    --blurple-43: hsl(var(--blurple-43-hsl)/1);
    --blurple-43-hsl: 232.766 calc(var(--saturation-factor, 1)*87.578%) 68.431%;
    --blurple-44: hsl(var(--blurple-44-hsl)/1);
    --blurple-44-hsl: 232.917 calc(var(--saturation-factor, 1)*87.805%) 67.843%;
    --blurple-45: hsl(var(--blurple-45-hsl)/1);
    --blurple-45-hsl: 232.966 calc(var(--saturation-factor, 1)*86.826%) 67.255%;
    --blurple-46: hsl(var(--blurple-46-hsl)/1);
    --blurple-46-hsl: 233.469 calc(var(--saturation-factor, 1)*86.982%) 66.863%;
    --blurple-47: hsl(var(--blurple-47-hsl)/1);
    --blurple-47-hsl: 233.919 calc(var(--saturation-factor, 1)*86.047%) 66.275%;
    --blurple-48: hsl(var(--blurple-48-hsl)/1);
    --blurple-48-hsl: 234.4 calc(var(--saturation-factor, 1)*86.207%) 65.882%;
    --blurple-49: hsl(var(--blurple-49-hsl)/1);
    --blurple-49-hsl: 234.474 calc(var(--saturation-factor, 1)*85.393%) 65.098%;
    --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: 234.388 calc(var(--saturation-factor, 1)*65.877%) 58.627%;
    --blurple-55: hsl(var(--blurple-55-hsl)/1);
    --blurple-55-hsl: 234.222 calc(var(--saturation-factor, 1)*61.644%) 57.059%;
    --blurple-56: hsl(var(--blurple-56-hsl)/1);
    --blurple-56-hsl: 234.091 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.28 calc(var(--saturation-factor, 1)*51.867%) 52.745%;
    --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.566 calc(var(--saturation-factor, 1)*46.888%) 47.255%;
    --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.667 calc(var(--saturation-factor, 1)*49.451%) 35.686%;
    --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.824 calc(var(--saturation-factor, 1)*49.708%) 33.529%;
    --blurple-74: hsl(var(--blurple-74-hsl)/1);
    --blurple-74-hsl: 230.602 calc(var(--saturation-factor, 1)*50.303%) 32.353%;
    --blurple-75: hsl(var(--blurple-75-hsl)/1);
    --blurple-75-hsl: 230.37 calc(var(--saturation-factor, 1)*50.943%) 31.176%;
    --blurple-76: hsl(var(--blurple-76-hsl)/1);
    --blurple-76-hsl: 230 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.696 calc(var(--saturation-factor, 1)*53.488%) 25.294%;
    --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.619 calc(var(--saturation-factor, 1)*56.757%) 21.765%;
    --blurple-84: hsl(var(--blurple-84-hsl)/1);
    --blurple-84-hsl: 228.197 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: 227.143 calc(var(--saturation-factor, 1)*58.333%) 18.824%;
    --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: 225.789 calc(var(--saturation-factor, 1)*70.37%) 10.588%;
    --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: 137.455 calc(var(--saturation-factor, 1)*100%) 89.216%;
    --green-new-2: hsl(var(--green-new-2-hsl)/1);
    --green-new-2-hsl: 136.552 calc(var(--saturation-factor, 1)*100%) 88.627%;
    --green-new-3: hsl(var(--green-new-3-hsl)/1);
    --green-new-3-hsl: 136.271 calc(var(--saturation-factor, 1)*90.769%) 87.255%;
    --green-new-4: hsl(var(--green-new-4-hsl)/1);
    --green-new-4-hsl: 137 calc(var(--saturation-factor, 1)*83.333%) 85.882%;
    --green-new-5: hsl(var(--green-new-5-hsl)/1);
    --green-new-5-hsl: 135.738 calc(var(--saturation-factor, 1)*79.221%) 84.902%;
    --green-new-6: hsl(var(--green-new-6-hsl)/1);
    --green-new-6-hsl: 136.452 calc(var(--saturation-factor, 1)*73.81%) 83.529%;
    --green-new-7: hsl(var(--green-new-7-hsl)/1);
    --green-new-7-hsl: 135.938 calc(var(--saturation-factor, 1)*71.111%) 82.353%;
    --green-new-8: hsl(var(--green-new-8-hsl)/1);
    --green-new-8-hsl: 135.938 calc(var(--saturation-factor, 1)*66.667%) 81.176%;
    --green-new-9: hsl(var(--green-new-9-hsl)/1);
    --green-new-9-hsl: 136.364 calc(var(--saturation-factor, 1)*64.706%) 80%;
    --green-new-10: hsl(var(--green-new-10-hsl)/1);
    --green-new-10-hsl: 136.364 calc(var(--saturation-factor, 1)*61.111%) 78.824%;
    --green-new-11: hsl(var(--green-new-11-hsl)/1);
    --green-new-11-hsl: 135.882 calc(var(--saturation-factor, 1)*59.649%) 77.647%;
    --green-new-12: hsl(var(--green-new-12-hsl)/1);
    --green-new-12-hsl: 136.522 calc(var(--saturation-factor, 1)*57.025%) 76.275%;
    --green-new-13: hsl(var(--green-new-13-hsl)/1);
    --green-new-13-hsl: 136.522 calc(var(--saturation-factor, 1)*54.331%) 75.098%;
    --green-new-14: hsl(var(--green-new-14-hsl)/1);
    --green-new-14-hsl: 136.901 calc(var(--saturation-factor, 1)*53.383%) 73.922%;
    --green-new-15: hsl(var(--green-new-15-hsl)/1);
    --green-new-15-hsl: 136.056 calc(var(--saturation-factor, 1)*51.079%) 72.745%;
    --green-new-16: hsl(var(--green-new-16-hsl)/1);
    --green-new-16-hsl: 136.438 calc(var(--saturation-factor, 1)*50.345%) 71.569%;
    --green-new-17: hsl(var(--green-new-17-hsl)/1);
    --green-new-17-hsl: 136.438 calc(var(--saturation-factor, 1)*48.344%) 70.392%;
    --green-new-18: hsl(var(--green-new-18-hsl)/1);
    --green-new-18-hsl: 136.8 calc(var(--saturation-factor, 1)*47.771%) 69.216%;
    --green-new-19: hsl(var(--green-new-19-hsl)/1);
    --green-new-19-hsl: 136.8 calc(var(--saturation-factor, 1)*46.012%) 68.039%;
    --green-new-20: hsl(var(--green-new-20-hsl)/1);
    --green-new-20-hsl: 137.368 calc(var(--saturation-factor, 1)*44.706%) 66.667%;
    --green-new-21: hsl(var(--green-new-21-hsl)/1);
    --green-new-21-hsl: 137.143 calc(var(--saturation-factor, 1)*44%) 65.686%;
    --green-new-22: hsl(var(--green-new-22-hsl)/1);
    --green-new-22-hsl: 137.143 calc(var(--saturation-factor, 1)*42.541%) 64.51%;
    --green-new-23: hsl(var(--green-new-23-hsl)/1);
    --green-new-23-hsl: 137.468 calc(var(--saturation-factor, 1)*42.246%) 63.333%;
    --green-new-24: hsl(var(--green-new-24-hsl)/1);
    --green-new-24-hsl: 137.468 calc(var(--saturation-factor, 1)*40.933%) 62.157%;
    --green-new-25: hsl(var(--green-new-25-hsl)/1);
    --green-new-25-hsl: 137.778 calc(var(--saturation-factor, 1)*40.704%) 60.98%;
    --green-new-26: hsl(var(--green-new-26-hsl)/1);
    --green-new-26-hsl: 137.778 calc(var(--saturation-factor, 1)*39.512%) 59.804%;
    --green-new-27: hsl(var(--green-new-27-hsl)/1);
    --green-new-27-hsl: 138.072 calc(var(--saturation-factor, 1)*39.336%) 58.627%;
    --green-new-28: hsl(var(--green-new-28-hsl)/1);
    --green-new-28-hsl: 138.072 calc(var(--saturation-factor, 1)*38.249%) 57.451%;
    --green-new-29: hsl(var(--green-new-29-hsl)/1);
    --green-new-29-hsl: 138.353 calc(var(--saturation-factor, 1)*38.117%) 56.275%;
    --green-new-30: hsl(var(--green-new-30-hsl)/1);
    --green-new-30-hsl: 138.353 calc(var(--saturation-factor, 1)*37.118%) 55.098%;
    --green-new-31: hsl(var(--green-new-31-hsl)/1);
    --green-new-31-hsl: 138.837 calc(var(--saturation-factor, 1)*36.441%) 53.725%;
    --green-new-32: hsl(var(--green-new-32-hsl)/1);
    --green-new-32-hsl: 139.31 calc(var(--saturation-factor, 1)*36.1%) 52.745%;
    --green-new-33: hsl(var(--green-new-33-hsl)/1);
    --green-new-33-hsl: 139.773 calc(var(--saturation-factor, 1)*35.484%) 51.373%;
    --green-new-34: hsl(var(--green-new-34-hsl)/1);
    --green-new-34-hsl: 140 calc(var(--saturation-factor, 1)*35.433%) 50.196%;
    --green-new-35: hsl(var(--green-new-35-hsl)/1);
    --green-new-35-hsl: 140 calc(var(--saturation-factor, 1)*36%) 49.02%;
    --green-new-36: hsl(var(--green-new-36-hsl)/1);
    --green-new-36-hsl: 140.217 calc(var(--saturation-factor, 1)*37.705%) 47.843%;
    --green-new-37: hsl(var(--green-new-37-hsl)/1);
    --green-new-37-hsl: 140.645 calc(var(--saturation-factor, 1)*39.241%) 46.471%;
    --green-new-38: hsl(var(--green-new-38-hsl)/1);
    --green-new-38-hsl: 141.064 calc(var(--saturation-factor, 1)*40.517%) 45.49%;
    --green-new-39: hsl(var(--green-new-39-hsl)/1);
    --green-new-39-hsl: 141.474 calc(var(--saturation-factor, 1)*42.222%) 44.118%;
    --green-new-40: hsl(var(--green-new-40-hsl)/1);
    --green-new-40-hsl: 141.649 calc(var(--saturation-factor, 1)*44.292%) 42.941%;
    --green-new-41: hsl(var(--green-new-41-hsl)/1);
    --green-new-41-hsl: 142.041 calc(var(--saturation-factor, 1)*46.226%) 41.569%;
    --green-new-42: hsl(var(--green-new-42-hsl)/1);
    --green-new-42-hsl: 143.168 calc(var(--saturation-factor, 1)*49.268%) 40.196%;
    --green-new-43: hsl(var(--green-new-43-hsl)/1);
    --green-new-43-hsl: 143.529 calc(var(--saturation-factor, 1)*51.515%) 38.824%;
    --green-new-44: hsl(var(--green-new-44-hsl)/1);
    --green-new-44-hsl: 144 calc(var(--saturation-factor, 1)*54.974%) 37.451%;
    --green-new-45: hsl(var(--green-new-45-hsl)/1);
    --green-new-45-hsl: 145.234 calc(var(--saturation-factor, 1)*58.47%) 35.882%;
    --green-new-46: hsl(var(--green-new-46-hsl)/1);
    --green-new-46-hsl: 145.636 calc(var(--saturation-factor, 1)*62.5%) 34.51%;
    --green-new-47: hsl(var(--green-new-47-hsl)/1);
    --green-new-47-hsl: 146.316 calc(var(--saturation-factor, 1)*67.857%) 32.941%;
    --green-new-48: hsl(var(--green-new-48-hsl)/1);
    --green-new-48-hsl: 147.731 calc(var(--saturation-factor, 1)*75.796%) 30.784%;
    --green-new-49: hsl(var(--green-new-49-hsl)/1);
    --green-new-49-hsl: 149.764 calc(var(--saturation-factor, 1)*87.586%) 28.431%;
    --green-new-50: hsl(var(--green-new-50-hsl)/1);
    --green-new-50-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
    --green-new-51: hsl(var(--green-new-51-hsl)/1);
    --green-new-51-hsl: 151.145 calc(var(--saturation-factor, 1)*100%) 25.686%;
    --green-new-52: hsl(var(--green-new-52-hsl)/1);
    --green-new-52-hsl: 151.406 calc(var(--saturation-factor, 1)*100%) 25.098%;
    --green-new-53: hsl(var(--green-new-53-hsl)/1);
    --green-new-53-hsl: 150.968 calc(var(--saturation-factor, 1)*98.413%) 24.706%;
    --green-new-54: hsl(var(--green-new-54-hsl)/1);
    --green-new-54-hsl: 150.984 calc(var(--saturation-factor, 1)*98.387%) 24.314%;
    --green-new-55: hsl(var(--green-new-55-hsl)/1);
    --green-new-55-hsl: 150.756 calc(var(--saturation-factor, 1)*98.347%) 23.725%;
    --green-new-56: hsl(var(--green-new-56-hsl)/1);
    --green-new-56-hsl: 150.769 calc(var(--saturation-factor, 1)*98.319%) 23.333%;
    --green-new-57: hsl(var(--green-new-57-hsl)/1);
    --green-new-57-hsl: 151.053 calc(var(--saturation-factor, 1)*98.276%) 22.745%;
    --green-new-58: hsl(var(--green-new-58-hsl)/1);
    --green-new-58-hsl: 150.536 calc(var(--saturation-factor, 1)*98.246%) 22.353%;
    --green-new-59: hsl(var(--green-new-59-hsl)/1);
    --green-new-59-hsl: 150.826 calc(var(--saturation-factor, 1)*98.198%) 21.765%;
    --green-new-60: hsl(var(--green-new-60-hsl)/1);
    --green-new-60-hsl: 150.556 calc(var(--saturation-factor, 1)*100%) 21.176%;
    --green-new-61: hsl(var(--green-new-61-hsl)/1);
    --green-new-61-hsl: 150.857 calc(var(--saturation-factor, 1)*100%) 20.588%;
    --green-new-62: hsl(var(--green-new-62-hsl)/1);
    --green-new-62-hsl: 150.291 calc(var(--saturation-factor, 1)*100%) 20.196%;
    --green-new-63: hsl(var(--green-new-63-hsl)/1);
    --green-new-63-hsl: 150.6 calc(var(--saturation-factor, 1)*100%) 19.608%;
    --green-new-64: hsl(var(--green-new-64-hsl)/1);
    --green-new-64-hsl: 150 calc(var(--saturation-factor, 1)*100%) 19.216%;
    --green-new-65: hsl(var(--green-new-65-hsl)/1);
    --green-new-65-hsl: 150.316 calc(var(--saturation-factor, 1)*100%) 18.627%;
    --green-new-66: hsl(var(--green-new-66-hsl)/1);
    --green-new-66-hsl: 149.677 calc(var(--saturation-factor, 1)*100%) 18.235%;
    --green-new-67: hsl(var(--green-new-67-hsl)/1);
    --green-new-67-hsl: 149.67 calc(var(--saturation-factor, 1)*100%) 17.843%;
    --green-new-68: hsl(var(--green-new-68-hsl)/1);
    --green-new-68-hsl: 149.318 calc(var(--saturation-factor, 1)*100%) 17.255%;
    --green-new-69: hsl(var(--green-new-69-hsl)/1);
    --green-new-69-hsl: 149.302 calc(var(--saturation-factor, 1)*100%) 16.863%;
    --green-new-70: hsl(var(--green-new-70-hsl)/1);
    --green-new-70-hsl: 148.571 calc(var(--saturation-factor, 1)*100%) 16.471%;
    --green-new-71: hsl(var(--green-new-71-hsl)/1);
    --green-new-71-hsl: 148.889 calc(var(--saturation-factor, 1)*100%) 15.882%;
    --green-new-72: hsl(var(--green-new-72-hsl)/1);
    --green-new-72-hsl: 148.101 calc(var(--saturation-factor, 1)*100%) 15.49%;
    --green-new-73: hsl(var(--green-new-73-hsl)/1);
    --green-new-73-hsl: 148.052 calc(var(--saturation-factor, 1)*100%) 15.098%;
    --green-new-74: hsl(var(--green-new-74-hsl)/1);
    --green-new-74-hsl: 147.568 calc(var(--saturation-factor, 1)*100%) 14.51%;
    --green-new-75: hsl(var(--green-new-75-hsl)/1);
    --green-new-75-hsl: 147.5 calc(var(--saturation-factor, 1)*100%) 14.118%;
    --green-new-76: hsl(var(--green-new-76-hsl)/1);
    --green-new-76-hsl: 146.571 calc(var(--saturation-factor, 1)*100%) 13.725%;
    --green-new-77: hsl(var(--green-new-77-hsl)/1);
    --green-new-77-hsl: 146.866 calc(var(--saturation-factor, 1)*100%) 13.137%;
    --green-new-78: hsl(var(--green-new-78-hsl)/1);
    --green-new-78-hsl: 145.846 calc(var(--saturation-factor, 1)*100%) 12.745%;
    --green-new-79: hsl(var(--green-new-79-hsl)/1);
    --green-new-79-hsl: 145.714 calc(var(--saturation-factor, 1)*100%) 12.353%;
    --green-new-80: hsl(var(--green-new-80-hsl)/1);
    --green-new-80-hsl: 144.59 calc(var(--saturation-factor, 1)*100%) 11.961%;
    --green-new-81: hsl(var(--green-new-81-hsl)/1);
    --green-new-81-hsl: 144.407 calc(var(--saturation-factor, 1)*100%) 11.569%;
    --green-new-82: hsl(var(--green-new-82-hsl)/1);
    --green-new-82-hsl: 143.571 calc(var(--saturation-factor, 1)*100%) 10.98%;
    --green-new-83: hsl(var(--green-new-83-hsl)/1);
    --green-new-83-hsl: 143.333 calc(var(--saturation-factor, 1)*100%) 10.588%;
    --green-new-84: hsl(var(--green-new-84-hsl)/1);
    --green-new-84-hsl: 143.077 calc(var(--saturation-factor, 1)*100%) 10.196%;
    --green-new-85: hsl(var(--green-new-85-hsl)/1);
    --green-new-85-hsl: 141.6 calc(var(--saturation-factor, 1)*100%) 9.804%;
    --green-new-86: hsl(var(--green-new-86-hsl)/1);
    --green-new-86-hsl: 141.25 calc(var(--saturation-factor, 1)*100%) 9.412%;
    --green-new-87: hsl(var(--green-new-87-hsl)/1);
    --green-new-87-hsl: 139.565 calc(var(--saturation-factor, 1)*100%) 9.02%;
    --green-new-88: hsl(var(--green-new-88-hsl)/1);
    --green-new-88-hsl: 139.535 calc(var(--saturation-factor, 1)*100%) 8.431%;
    --green-new-89: hsl(var(--green-new-89-hsl)/1);
    --green-new-89-hsl: 139.024 calc(var(--saturation-factor, 1)*100%) 8.039%;
    --green-new-90: hsl(var(--green-new-90-hsl)/1);
    --green-new-90-hsl: 138.462 calc(var(--saturation-factor, 1)*100%) 7.647%;
    --green-new-91: hsl(var(--green-new-91-hsl)/1);
    --green-new-91-hsl: 136.216 calc(var(--saturation-factor, 1)*100%) 7.255%;
    --green-new-92: hsl(var(--green-new-92-hsl)/1);
    --green-new-92-hsl: 135.429 calc(var(--saturation-factor, 1)*100%) 6.863%;
    --green-new-93: hsl(var(--green-new-93-hsl)/1);
    --green-new-93-hsl: 134.545 calc(var(--saturation-factor, 1)*100%) 6.471%;
    --green-new-94: hsl(var(--green-new-94-hsl)/1);
    --green-new-94-hsl: 133.548 calc(var(--saturation-factor, 1)*100%) 6.078%;
    --green-new-95: hsl(var(--green-new-95-hsl)/1);
    --green-new-95-hsl: 132.414 calc(var(--saturation-factor, 1)*100%) 5.686%;
    --green-new-96: hsl(var(--green-new-96-hsl)/1);
    --green-new-96-hsl: 131.111 calc(var(--saturation-factor, 1)*100%) 5.294%;
    --green-new-97: hsl(var(--green-new-97-hsl)/1);
    --green-new-97-hsl: 129.6 calc(var(--saturation-factor, 1)*100%) 4.902%;
    --green-new-98: hsl(var(--green-new-98-hsl)/1);
    --green-new-98-hsl: 128.182 calc(var(--saturation-factor, 1)*100%) 4.314%;
    --green-new-99: hsl(var(--green-new-99-hsl)/1);
    --green-new-99-hsl: 129.474 calc(var(--saturation-factor, 1)*100%) 3.725%;
    --green-new-100: hsl(var(--green-new-100-hsl)/1);
    --green-new-100-hsl: 127.5 calc(var(--saturation-factor, 1)*100%) 3.137%;
    --red-new-1: hsl(var(--red-new-1-hsl)/1);
    --red-new-1-hsl: 1.765 calc(var(--saturation-factor, 1)*100%) 93.333%;
    --red-new-2: hsl(var(--red-new-2-hsl)/1);
    --red-new-2-hsl: 1.579 calc(var(--saturation-factor, 1)*100%) 92.549%;
    --red-new-3: hsl(var(--red-new-3-hsl)/1);
    --red-new-3-hsl: 1.429 calc(var(--saturation-factor, 1)*100%) 91.765%;
    --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: 2.4 calc(var(--saturation-factor, 1)*100%) 90.196%;
    --red-new-6: hsl(var(--red-new-6-hsl)/1);
    --red-new-6-hsl: 2.222 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: 2.903 calc(var(--saturation-factor, 1)*100%) 87.843%;
    --red-new-9: hsl(var(--red-new-9-hsl)/1);
    --red-new-9-hsl: 2.727 calc(var(--saturation-factor, 1)*100%) 87.059%;
    --red-new-10: hsl(var(--red-new-10-hsl)/1);
    --red-new-10-hsl: 3.429 calc(var(--saturation-factor, 1)*100%) 86.275%;
    --red-new-11: hsl(var(--red-new-11-hsl)/1);
    --red-new-11-hsl: 3.243 calc(var(--saturation-factor, 1)*100%) 85.49%;
    --red-new-12: hsl(var(--red-new-12-hsl)/1);
    --red-new-12-hsl: 3.846 calc(var(--saturation-factor, 1)*100%) 84.706%;
    --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: 2.824 calc(var(--saturation-factor, 1)*100%) 83.333%;
    --red-new-15: hsl(var(--red-new-15-hsl)/1);
    --red-new-15-hsl: 3.371 calc(var(--saturation-factor, 1)*100%) 82.549%;
    --red-new-16: hsl(var(--red-new-16-hsl)/1);
    --red-new-16-hsl: 2.609 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: 3 calc(var(--saturation-factor, 1)*100%) 80.392%;
    --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: 3.364 calc(var(--saturation-factor, 1)*100%) 79.02%;
    --red-new-21: hsl(var(--red-new-21-hsl)/1);
    --red-new-21-hsl: 2.727 calc(var(--saturation-factor, 1)*100%) 78.431%;
    --red-new-22: hsl(var(--red-new-22-hsl)/1);
    --red-new-22-hsl: 2.655 calc(var(--saturation-factor, 1)*100%) 77.843%;
    --red-new-23: hsl(var(--red-new-23-hsl)/1);
    --red-new-23-hsl: 2.586 calc(var(--saturation-factor, 1)*98.305%) 76.863%;
    --red-new-24: hsl(var(--red-new-24-hsl)/1);
    --red-new-24-hsl: 2.542 calc(var(--saturation-factor, 1)*96.721%) 76.078%;
    --red-new-25: hsl(var(--red-new-25-hsl)/1);
    --red-new-25-hsl: 2 calc(var(--saturation-factor, 1)*95.238%) 75.294%;
    --red-new-26: hsl(var(--red-new-26-hsl)/1);
    --red-new-26-hsl: 2.439 calc(var(--saturation-factor, 1)*93.893%) 74.314%;
    --red-new-27: hsl(var(--red-new-27-hsl)/1);
    --red-new-27-hsl: 2.4 calc(var(--saturation-factor, 1)*92.593%) 73.529%;
    --red-new-28: hsl(var(--red-new-28-hsl)/1);
    --red-new-28-hsl: 1.905 calc(var(--saturation-factor, 1)*90%) 72.549%;
    --red-new-29: hsl(var(--red-new-29-hsl)/1);
    --red-new-29-hsl: 1.875 calc(var(--saturation-factor, 1)*88.889%) 71.765%;
    --red-new-30: hsl(var(--red-new-30-hsl)/1);
    --red-new-30-hsl: 1.385 calc(var(--saturation-factor, 1)*87.838%) 70.98%;
    --red-new-31: hsl(var(--red-new-31-hsl)/1);
    --red-new-31-hsl: 1.818 calc(var(--saturation-factor, 1)*85.714%) 69.804%;
    --red-new-32: hsl(var(--red-new-32-hsl)/1);
    --red-new-32-hsl: 1.343 calc(var(--saturation-factor, 1)*84.81%) 69.02%;
    --red-new-33: hsl(var(--red-new-33-hsl)/1);
    --red-new-33-hsl: 1.333 calc(var(--saturation-factor, 1)*82.822%) 68.039%;
    --red-new-34: hsl(var(--red-new-34-hsl)/1);
    --red-new-34-hsl: 1.314 calc(var(--saturation-factor, 1)*82.036%) 67.255%;
    --red-new-35: hsl(var(--red-new-35-hsl)/1);
    --red-new-35-hsl: 0.87 calc(var(--saturation-factor, 1)*80.233%) 66.275%;
    --red-new-36: hsl(var(--red-new-36-hsl)/1);
    --red-new-36-hsl: 0.863 calc(var(--saturation-factor, 1)*78.531%) 65.294%;
    --red-new-37: hsl(var(--red-new-37-hsl)/1);
    --red-new-37-hsl: 0.426 calc(var(--saturation-factor, 1)*77.901%) 64.51%;
    --red-new-38: hsl(var(--red-new-38-hsl)/1);
    --red-new-38-hsl: 0.423 calc(var(--saturation-factor, 1)*76.344%) 63.529%;
    --red-new-39: hsl(var(--red-new-39-hsl)/1);
    --red-new-39-hsl: 0 calc(var(--saturation-factor, 1)*74.869%) 62.549%;
    --red-new-40: hsl(var(--red-new-40-hsl)/1);
    --red-new-40-hsl: 359.586 calc(var(--saturation-factor, 1)*73.604%) 61.373%;
    --red-new-41: hsl(var(--red-new-41-hsl)/1);
    --red-new-41-hsl: 359.592 calc(var(--saturation-factor, 1)*73.134%) 60.588%;
    --red-new-42: hsl(var(--red-new-42-hsl)/1);
    --red-new-42-hsl: 358.792 calc(var(--saturation-factor, 1)*71.981%) 59.412%;
    --red-new-43: hsl(var(--red-new-43-hsl)/1);
    --red-new-43-hsl: 358.411 calc(var(--saturation-factor, 1)*70.892%) 58.235%;
    --red-new-44: hsl(var(--red-new-44-hsl)/1);
    --red-new-44-hsl: 358.421 calc(var(--saturation-factor, 1)*69.725%) 57.255%;
    --red-new-45: hsl(var(--red-new-45-hsl)/1);
    --red-new-45-hsl: 358.052 calc(var(--saturation-factor, 1)*68.75%) 56.078%;
    --red-new-46: hsl(var(--red-new-46-hsl)/1);
    --red-new-46-hsl: 357.692 calc(var(--saturation-factor, 1)*67.826%) 54.902%;
    --red-new-47: hsl(var(--red-new-47-hsl)/1);
    --red-new-47-hsl: 357.342 calc(var(--saturation-factor, 1)*66.949%) 53.725%;
    --red-new-48: hsl(var(--red-new-48-hsl)/1);
    --red-new-48-hsl: 356.625 calc(var(--saturation-factor, 1)*66.116%) 52.549%;
    --red-new-49: hsl(var(--red-new-49-hsl)/1);
    --red-new-49-hsl: 355.951 calc(var(--saturation-factor, 1)*65.462%) 51.176%;
    --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.472 calc(var(--saturation-factor, 1)*64.898%) 48.039%;
    --red-new-53: hsl(var(--red-new-53-hsl)/1);
    --red-new-53-hsl: 355.355 calc(var(--saturation-factor, 1)*64.854%) 46.863%;
    --red-new-54: hsl(var(--red-new-54-hsl)/1);
    --red-new-54-hsl: 355.263 calc(var(--saturation-factor, 1)*64.957%) 45.882%;
    --red-new-55: hsl(var(--red-new-55-hsl)/1);
    --red-new-55-hsl: 355.541 calc(var(--saturation-factor, 1)*64.348%) 45.098%;
    --red-new-56: hsl(var(--red-new-56-hsl)/1);
    --red-new-56-hsl: 355.068 calc(var(--saturation-factor, 1)*65.179%) 43.922%;
    --red-new-57: hsl(var(--red-new-57-hsl)/1);
    --red-new-57-hsl: 355.385 calc(var(--saturation-factor, 1)*65.297%) 42.941%;
    --red-new-58: hsl(var(--red-new-58-hsl)/1);
    --red-new-58-hsl: 355.286 calc(var(--saturation-factor, 1)*65.421%) 41.961%;
    --red-new-59: hsl(var(--red-new-59-hsl)/1);
    --red-new-59-hsl: 355.182 calc(var(--saturation-factor, 1)*65.55%) 40.98%;
    --red-new-60: hsl(var(--red-new-60-hsl)/1);
    --red-new-60-hsl: 355.075 calc(var(--saturation-factor, 1)*65.686%) 40%;
    --red-new-61: hsl(var(--red-new-61-hsl)/1);
    --red-new-61-hsl: 355 calc(var(--saturation-factor, 1)*66%) 39.216%;
    --red-new-62: hsl(var(--red-new-62-hsl)/1);
    --red-new-62-hsl: 355.349 calc(var(--saturation-factor, 1)*66.154%) 38.235%;
    --red-new-63: hsl(var(--red-new-63-hsl)/1);
    --red-new-63-hsl: 354.803 calc(var(--saturation-factor, 1)*67.196%) 37.059%;
    --red-new-64: hsl(var(--red-new-64-hsl)/1);
    --red-new-64-hsl: 354.677 calc(var(--saturation-factor, 1)*67.391%) 36.078%;
    --red-new-65: hsl(var(--red-new-65-hsl)/1);
    --red-new-65-hsl: 354.59 calc(var(--saturation-factor, 1)*67.778%) 35.294%;
    --red-new-66: hsl(var(--red-new-66-hsl)/1);
    --red-new-66-hsl: 354.5 calc(var(--saturation-factor, 1)*68.966%) 34.118%;
    --red-new-67: hsl(var(--red-new-67-hsl)/1);
    --red-new-67-hsl: 354.359 calc(var(--saturation-factor, 1)*69.231%) 33.137%;
    --red-new-68: hsl(var(--red-new-68-hsl)/1);
    --red-new-68-hsl: 353.793 calc(var(--saturation-factor, 1)*70.732%) 32.157%;
    --red-new-69: hsl(var(--red-new-69-hsl)/1);
    --red-new-69-hsl: 353.628 calc(var(--saturation-factor, 1)*71.069%) 31.176%;
    --red-new-70: hsl(var(--red-new-70-hsl)/1);
    --red-new-70-hsl: 354.054 calc(var(--saturation-factor, 1)*71.613%) 30.392%;
    --red-new-71: hsl(var(--red-new-71-hsl)/1);
    --red-new-71-hsl: 353.394 calc(var(--saturation-factor, 1)*73.154%) 29.216%;
    --red-new-72: hsl(var(--red-new-72-hsl)/1);
    --red-new-72-hsl: 353.271 calc(var(--saturation-factor, 1)*73.793%) 28.431%;
    --red-new-73: hsl(var(--red-new-73-hsl)/1);
    --red-new-73-hsl: 352.571 calc(var(--saturation-factor, 1)*75.54%) 27.255%;
    --red-new-74: hsl(var(--red-new-74-hsl)/1);
    --red-new-74-hsl: 353.01 calc(var(--saturation-factor, 1)*76.296%) 26.471%;
    --red-new-75: hsl(var(--red-new-75-hsl)/1);
    --red-new-75-hsl: 352.277 calc(var(--saturation-factor, 1)*78.295%) 25.294%;
    --red-new-76: hsl(var(--red-new-76-hsl)/1);
    --red-new-76-hsl: 351.6 calc(var(--saturation-factor, 1)*80.645%) 24.314%;
    --red-new-77: hsl(var(--red-new-77-hsl)/1);
    --red-new-77-hsl: 351.34 calc(var(--saturation-factor, 1)*81.513%) 23.333%;
    --red-new-78: hsl(var(--red-new-78-hsl)/1);
    --red-new-78-hsl: 351.25 calc(var(--saturation-factor, 1)*84.211%) 22.353%;
    --red-new-79: hsl(var(--red-new-79-hsl)/1);
    --red-new-79-hsl: 351.064 calc(var(--saturation-factor, 1)*85.455%) 21.569%;
    --red-new-80: hsl(var(--red-new-80-hsl)/1);
    --red-new-80-hsl: 350.217 calc(var(--saturation-factor, 1)*88.462%) 20.392%;
    --red-new-81: hsl(var(--red-new-81-hsl)/1);
    --red-new-81-hsl: 350 calc(var(--saturation-factor, 1)*90%) 19.608%;
    --red-new-82: hsl(var(--red-new-82-hsl)/1);
    --red-new-82-hsl: 349.773 calc(var(--saturation-factor, 1)*91.667%) 18.824%;
    --red-new-83: hsl(var(--red-new-83-hsl)/1);
    --red-new-83-hsl: 349.412 calc(var(--saturation-factor, 1)*93.407%) 17.843%;
    --red-new-84: hsl(var(--red-new-84-hsl)/1);
    --red-new-84-hsl: 349.157 calc(var(--saturation-factor, 1)*95.402%) 17.059%;
    --red-new-85: hsl(var(--red-new-85-hsl)/1);
    --red-new-85-hsl: 348.889 calc(var(--saturation-factor, 1)*97.59%) 16.275%;
    --red-new-86: hsl(var(--red-new-86-hsl)/1);
    --red-new-86-hsl: 348.608 calc(var(--saturation-factor, 1)*100%) 15.49%;
    --red-new-87: hsl(var(--red-new-87-hsl)/1);
    --red-new-87-hsl: 348.8 calc(var(--saturation-factor, 1)*100%) 14.706%;
    --red-new-88: hsl(var(--red-new-88-hsl)/1);
    --red-new-88-hsl: 349.167 calc(var(--saturation-factor, 1)*100%) 14.118%;
    --red-new-89: hsl(var(--red-new-89-hsl)/1);
    --red-new-89-hsl: 349.565 calc(var(--saturation-factor, 1)*100%) 13.529%;
    --red-new-90: hsl(var(--red-new-90-hsl)/1);
    --red-new-90-hsl: 350 calc(var(--saturation-factor, 1)*100%) 12.941%;
    --red-new-91: hsl(var(--red-new-91-hsl)/1);
    --red-new-91-hsl: 350.476 calc(var(--saturation-factor, 1)*100%) 12.353%;
    --red-new-92: hsl(var(--red-new-92-hsl)/1);
    --red-new-92-hsl: 351 calc(var(--saturation-factor, 1)*100%) 11.765%;
    --red-new-93: hsl(var(--red-new-93-hsl)/1);
    --red-new-93-hsl: 351.579 calc(var(--saturation-factor, 1)*100%) 11.176%;
    --red-new-94: hsl(var(--red-new-94-hsl)/1);
    --red-new-94-hsl: 352.075 calc(var(--saturation-factor, 1)*100%) 10.392%;
    --red-new-95: hsl(var(--red-new-95-hsl)/1);
    --red-new-95-hsl: 351.6 calc(var(--saturation-factor, 1)*100%) 9.804%;
    --red-new-96: hsl(var(--red-new-96-hsl)/1);
    --red-new-96-hsl: 352 calc(var(--saturation-factor, 1)*100%) 8.824%;
    --red-new-97: hsl(var(--red-new-97-hsl)/1);
    --red-new-97-hsl: 352.683 calc(var(--saturation-factor, 1)*100%) 8.039%;
    --red-new-98: hsl(var(--red-new-98-hsl)/1);
    --red-new-98-hsl: 353.143 calc(var(--saturation-factor, 1)*100%) 6.863%;
    --red-new-99: hsl(var(--red-new-99-hsl)/1);
    --red-new-99-hsl: 351.724 calc(var(--saturation-factor, 1)*100%) 5.686%;
    --red-new-100: hsl(var(--red-new-100-hsl)/1);
    --red-new-100-hsl: 354 calc(var(--saturation-factor, 1)*100%) 3.922%;
    --teal-new-1: hsl(var(--teal-new-1-hsl)/1);
    --teal-new-1-hsl: 183.396 calc(var(--saturation-factor, 1)*100%) 89.608%;
    --teal-new-2: hsl(var(--teal-new-2-hsl)/1);
    --teal-new-2-hsl: 186.316 calc(var(--saturation-factor, 1)*100%) 88.824%;
    --teal-new-3: hsl(var(--teal-new-3-hsl)/1);
    --teal-new-3-hsl: 186.102 calc(var(--saturation-factor, 1)*93.651%) 87.647%;
    --teal-new-4: hsl(var(--teal-new-4-hsl)/1);
    --teal-new-4-hsl: 186.774 calc(var(--saturation-factor, 1)*88.571%) 86.275%;
    --teal-new-5: hsl(var(--teal-new-5-hsl)/1);
    --teal-new-5-hsl: 185.714 calc(var(--saturation-factor, 1)*81.818%) 84.902%;
    --teal-new-6: hsl(var(--teal-new-6-hsl)/1);
    --teal-new-6-hsl: 185.538 calc(var(--saturation-factor, 1)*78.313%) 83.725%;
    --teal-new-7: hsl(var(--teal-new-7-hsl)/1);
    --teal-new-7-hsl: 186.176 calc(var(--saturation-factor, 1)*75.556%) 82.353%;
    --teal-new-8: hsl(var(--teal-new-8-hsl)/1);
    --teal-new-8-hsl: 186 calc(var(--saturation-factor, 1)*72.917%) 81.176%;
    --teal-new-9: hsl(var(--teal-new-9-hsl)/1);
    --teal-new-9-hsl: 185.915 calc(var(--saturation-factor, 1)*68.932%) 79.804%;
    --teal-new-10: hsl(var(--teal-new-10-hsl)/1);
    --teal-new-10-hsl: 185.676 calc(var(--saturation-factor, 1)*67.273%) 78.431%;
    --teal-new-11: hsl(var(--teal-new-11-hsl)/1);
    --teal-new-11-hsl: 186.316 calc(var(--saturation-factor, 1)*65.517%) 77.255%;
    --teal-new-12: hsl(var(--teal-new-12-hsl)/1);
    --teal-new-12-hsl: 185.455 calc(var(--saturation-factor, 1)*62.602%) 75.882%;
    --teal-new-13: hsl(var(--teal-new-13-hsl)/1);
    --teal-new-13-hsl: 185.316 calc(var(--saturation-factor, 1)*61.24%) 74.706%;
    --teal-new-14: hsl(var(--teal-new-14-hsl)/1);
    --teal-new-14-hsl: 185.926 calc(var(--saturation-factor, 1)*60%) 73.529%;
    --teal-new-15: hsl(var(--teal-new-15-hsl)/1);
    --teal-new-15-hsl: 185.06 calc(var(--saturation-factor, 1)*58.042%) 71.961%;
    --teal-new-16: hsl(var(--teal-new-16-hsl)/1);
    --teal-new-16-hsl: 185.647 calc(var(--saturation-factor, 1)*57.047%) 70.784%;
    --teal-new-17: hsl(var(--teal-new-17-hsl)/1);
    --teal-new-17-hsl: 185.517 calc(var(--saturation-factor, 1)*56.129%) 69.608%;
    --teal-new-18: hsl(var(--teal-new-18-hsl)/1);
    --teal-new-18-hsl: 186.067 calc(var(--saturation-factor, 1)*55.28%) 68.431%;
    --teal-new-19: hsl(var(--teal-new-19-hsl)/1);
    --teal-new-19-hsl: 185.275 calc(var(--saturation-factor, 1)*53.846%) 66.863%;
    --teal-new-20: hsl(var(--teal-new-20-hsl)/1);
    --teal-new-20-hsl: 185.806 calc(var(--saturation-factor, 1)*53.143%) 65.686%;
    --teal-new-21: hsl(var(--teal-new-21-hsl)/1);
    --teal-new-21-hsl: 185.684 calc(var(--saturation-factor, 1)*52.486%) 64.51%;
    --teal-new-22: hsl(var(--teal-new-22-hsl)/1);
    --teal-new-22-hsl: 185 calc(var(--saturation-factor, 1)*51.064%) 63.137%;
    --teal-new-23: hsl(var(--teal-new-23-hsl)/1);
    --teal-new-23-hsl: 185.455 calc(var(--saturation-factor, 1)*50.769%) 61.765%;
    --teal-new-24: hsl(var(--teal-new-24-hsl)/1);
    --teal-new-24-hsl: 185.347 calc(var(--saturation-factor, 1)*50.249%) 60.588%;
    --teal-new-25: hsl(var(--teal-new-25-hsl)/1);
    --teal-new-25-hsl: 185.243 calc(var(--saturation-factor, 1)*49.282%) 59.02%;
    --teal-new-26: hsl(var(--teal-new-26-hsl)/1);
    --teal-new-26-hsl: 185.143 calc(var(--saturation-factor, 1)*48.837%) 57.843%;
    --teal-new-27: hsl(var(--teal-new-27-hsl)/1);
    --teal-new-27-hsl: 185.556 calc(var(--saturation-factor, 1)*48.649%) 56.471%;
    --teal-new-28: hsl(var(--teal-new-28-hsl)/1);
    --teal-new-28-hsl: 184.954 calc(var(--saturation-factor, 1)*47.598%) 55.098%;
    --teal-new-29: hsl(var(--teal-new-29-hsl)/1);
    --teal-new-29-hsl: 184.821 calc(var(--saturation-factor, 1)*47.458%) 53.725%;
    --teal-new-30: hsl(var(--teal-new-30-hsl)/1);
    --teal-new-30-hsl: 185.217 calc(var(--saturation-factor, 1)*47.325%) 52.353%;
    --teal-new-31: hsl(var(--teal-new-31-hsl)/1);
    --teal-new-31-hsl: 184.615 calc(var(--saturation-factor, 1)*46.614%) 50.784%;
    --teal-new-32: hsl(var(--teal-new-32-hsl)/1);
    --teal-new-32-hsl: 184.959 calc(var(--saturation-factor, 1)*48.207%) 49.216%;
    --teal-new-33: hsl(var(--teal-new-33-hsl)/1);
    --teal-new-33-hsl: 184.839 calc(var(--saturation-factor, 1)*50.82%) 47.843%;
    --teal-new-34: hsl(var(--teal-new-34-hsl)/1);
    --teal-new-34-hsl: 185.156 calc(var(--saturation-factor, 1)*54.237%) 46.275%;
    --teal-new-35: hsl(var(--teal-new-35-hsl)/1);
    --teal-new-35-hsl: 184.545 calc(var(--saturation-factor, 1)*58.407%) 44.314%;
    --teal-new-36: hsl(var(--teal-new-36-hsl)/1);
    --teal-new-36-hsl: 184.38 calc(var(--saturation-factor, 1)*63.134%) 42.549%;
    --teal-new-37: hsl(var(--teal-new-37-hsl)/1);
    --teal-new-37-hsl: 184.615 calc(var(--saturation-factor, 1)*69.082%) 40.588%;
    --teal-new-38: hsl(var(--teal-new-38-hsl)/1);
    --teal-new-38-hsl: 183.974 calc(var(--saturation-factor, 1)*78.238%) 37.843%;
    --teal-new-39: hsl(var(--teal-new-39-hsl)/1);
    --teal-new-39-hsl: 183.976 calc(var(--saturation-factor, 1)*95.402%) 34.118%;
    --teal-new-40: hsl(var(--teal-new-40-hsl)/1);
    --teal-new-40-hsl: 183.929 calc(var(--saturation-factor, 1)*100%) 32.941%;
    --teal-new-41: hsl(var(--teal-new-41-hsl)/1);
    --teal-new-41-hsl: 183.976 calc(var(--saturation-factor, 1)*100%) 32.549%;
    --teal-new-42: hsl(var(--teal-new-42-hsl)/1);
    --teal-new-42-hsl: 184.049 calc(var(--saturation-factor, 1)*100%) 31.961%;
    --teal-new-43: hsl(var(--teal-new-43-hsl)/1);
    --teal-new-43-hsl: 184.099 calc(var(--saturation-factor, 1)*100%) 31.569%;
    --teal-new-44: hsl(var(--teal-new-44-hsl)/1);
    --teal-new-44-hsl: 184.528 calc(var(--saturation-factor, 1)*100%) 31.176%;
    --teal-new-45: hsl(var(--teal-new-45-hsl)/1);
    --teal-new-45-hsl: 184.586 calc(var(--saturation-factor, 1)*100%) 30.784%;
    --teal-new-46: hsl(var(--teal-new-46-hsl)/1);
    --teal-new-46-hsl: 184.286 calc(var(--saturation-factor, 1)*100%) 30.196%;
    --teal-new-47: hsl(var(--teal-new-47-hsl)/1);
    --teal-new-47-hsl: 184.371 calc(var(--saturation-factor, 1)*100%) 29.608%;
    --teal-new-48: hsl(var(--teal-new-48-hsl)/1);
    --teal-new-48-hsl: 184.832 calc(var(--saturation-factor, 1)*100%) 29.216%;
    --teal-new-49: hsl(var(--teal-new-49-hsl)/1);
    --teal-new-49-hsl: 184.932 calc(var(--saturation-factor, 1)*100%) 28.627%;
    --teal-new-50: hsl(var(--teal-new-50-hsl)/1);
    --teal-new-50-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
    --teal-new-51: hsl(var(--teal-new-51-hsl)/1);
    --teal-new-51-hsl: 184.714 calc(var(--saturation-factor, 1)*100%) 27.451%;
    --teal-new-52: hsl(var(--teal-new-52-hsl)/1);
    --teal-new-52-hsl: 184.783 calc(var(--saturation-factor, 1)*100%) 27.059%;
    --teal-new-53: hsl(var(--teal-new-53-hsl)/1);
    --teal-new-53-hsl: 184.889 calc(var(--saturation-factor, 1)*100%) 26.471%;
    --teal-new-54: hsl(var(--teal-new-54-hsl)/1);
    --teal-new-54-hsl: 184.545 calc(var(--saturation-factor, 1)*100%) 25.882%;
    --teal-new-55: hsl(var(--teal-new-55-hsl)/1);
    --teal-new-55-hsl: 185.077 calc(var(--saturation-factor, 1)*100%) 25.49%;
    --teal-new-56: hsl(var(--teal-new-56-hsl)/1);
    --teal-new-56-hsl: 184.724 calc(var(--saturation-factor, 1)*100%) 24.902%;
    --teal-new-57: hsl(var(--teal-new-57-hsl)/1);
    --teal-new-57-hsl: 185.28 calc(var(--saturation-factor, 1)*100%) 24.51%;
    --teal-new-58: hsl(var(--teal-new-58-hsl)/1);
    --teal-new-58-hsl: 184.918 calc(var(--saturation-factor, 1)*100%) 23.922%;
    --teal-new-59: hsl(var(--teal-new-59-hsl)/1);
    --teal-new-59-hsl: 185.5 calc(var(--saturation-factor, 1)*100%) 23.529%;
    --teal-new-60: hsl(var(--teal-new-60-hsl)/1);
    --teal-new-60-hsl: 185.128 calc(var(--saturation-factor, 1)*100%) 22.941%;
    --teal-new-61: hsl(var(--teal-new-61-hsl)/1);
    --teal-new-61-hsl: 185.739 calc(var(--saturation-factor, 1)*100%) 22.549%;
    --teal-new-62: hsl(var(--teal-new-62-hsl)/1);
    --teal-new-62-hsl: 185.357 calc(var(--saturation-factor, 1)*100%) 21.961%;
    --teal-new-63: hsl(var(--teal-new-63-hsl)/1);
    --teal-new-63-hsl: 186 calc(var(--saturation-factor, 1)*100%) 21.569%;
    --teal-new-64: hsl(var(--teal-new-64-hsl)/1);
    --teal-new-64-hsl: 185.607 calc(var(--saturation-factor, 1)*100%) 20.98%;
    --teal-new-65: hsl(var(--teal-new-65-hsl)/1);
    --teal-new-65-hsl: 186.286 calc(var(--saturation-factor, 1)*100%) 20.588%;
    --teal-new-66: hsl(var(--teal-new-66-hsl)/1);
    --teal-new-66-hsl: 185.882 calc(var(--saturation-factor, 1)*100%) 20%;
    --teal-new-67: hsl(var(--teal-new-67-hsl)/1);
    --teal-new-67-hsl: 186.6 calc(var(--saturation-factor, 1)*100%) 19.608%;
    --teal-new-68: hsl(var(--teal-new-68-hsl)/1);
    --teal-new-68-hsl: 186.186 calc(var(--saturation-factor, 1)*100%) 19.02%;
    --teal-new-69: hsl(var(--teal-new-69-hsl)/1);
    --teal-new-69-hsl: 186.316 calc(var(--saturation-factor, 1)*100%) 18.627%;
    --teal-new-70: hsl(var(--teal-new-70-hsl)/1);
    --teal-new-70-hsl: 186.522 calc(var(--saturation-factor, 1)*100%) 18.039%;
    --teal-new-71: hsl(var(--teal-new-71-hsl)/1);
    --teal-new-71-hsl: 186.667 calc(var(--saturation-factor, 1)*100%) 17.647%;
    --teal-new-72: hsl(var(--teal-new-72-hsl)/1);
    --teal-new-72-hsl: 186.818 calc(var(--saturation-factor, 1)*100%) 17.255%;
    --teal-new-73: hsl(var(--teal-new-73-hsl)/1);
    --teal-new-73-hsl: 187.059 calc(var(--saturation-factor, 1)*100%) 16.667%;
    --teal-new-74: hsl(var(--teal-new-74-hsl)/1);
    --teal-new-74-hsl: 187.229 calc(var(--saturation-factor, 1)*100%) 16.275%;
    --teal-new-75: hsl(var(--teal-new-75-hsl)/1);
    --teal-new-75-hsl: 186.75 calc(var(--saturation-factor, 1)*100%) 15.686%;
    --teal-new-76: hsl(var(--teal-new-76-hsl)/1);
    --teal-new-76-hsl: 187.692 calc(var(--saturation-factor, 1)*100%) 15.294%;
    --teal-new-77: hsl(var(--teal-new-77-hsl)/1);
    --teal-new-77-hsl: 187.895 calc(var(--saturation-factor, 1)*100%) 14.902%;
    --teal-new-78: hsl(var(--teal-new-78-hsl)/1);
    --teal-new-78-hsl: 187.397 calc(var(--saturation-factor, 1)*100%) 14.314%;
    --teal-new-79: hsl(var(--teal-new-79-hsl)/1);
    --teal-new-79-hsl: 188.451 calc(var(--saturation-factor, 1)*100%) 13.922%;
    --teal-new-80: hsl(var(--teal-new-80-hsl)/1);
    --teal-new-80-hsl: 188.696 calc(var(--saturation-factor, 1)*100%) 13.529%;
    --teal-new-81: hsl(var(--teal-new-81-hsl)/1);
    --teal-new-81-hsl: 188.182 calc(var(--saturation-factor, 1)*100%) 12.941%;
    --teal-new-82: hsl(var(--teal-new-82-hsl)/1);
    --teal-new-82-hsl: 188.438 calc(var(--saturation-factor, 1)*100%) 12.549%;
    --teal-new-83: hsl(var(--teal-new-83-hsl)/1);
    --teal-new-83-hsl: 189.677 calc(var(--saturation-factor, 1)*100%) 12.157%;
    --teal-new-84: hsl(var(--teal-new-84-hsl)/1);
    --teal-new-84-hsl: 189.153 calc(var(--saturation-factor, 1)*100%) 11.569%;
    --teal-new-85: hsl(var(--teal-new-85-hsl)/1);
    --teal-new-85-hsl: 189.474 calc(var(--saturation-factor, 1)*100%) 11.176%;
    --teal-new-86: hsl(var(--teal-new-86-hsl)/1);
    --teal-new-86-hsl: 189.818 calc(var(--saturation-factor, 1)*100%) 10.784%;
    --teal-new-87: hsl(var(--teal-new-87-hsl)/1);
    --teal-new-87-hsl: 190.189 calc(var(--saturation-factor, 1)*100%) 10.392%;
    --teal-new-88: hsl(var(--teal-new-88-hsl)/1);
    --teal-new-88-hsl: 190.588 calc(var(--saturation-factor, 1)*100%) 10%;
    --teal-new-89: hsl(var(--teal-new-89-hsl)/1);
    --teal-new-89-hsl: 191.25 calc(var(--saturation-factor, 1)*100%) 9.412%;
    --teal-new-90: hsl(var(--teal-new-90-hsl)/1);
    --teal-new-90-hsl: 191.739 calc(var(--saturation-factor, 1)*100%) 9.02%;
    --teal-new-91: hsl(var(--teal-new-91-hsl)/1);
    --teal-new-91-hsl: 192.273 calc(var(--saturation-factor, 1)*100%) 8.627%;
    --teal-new-92: hsl(var(--teal-new-92-hsl)/1);
    --teal-new-92-hsl: 192.857 calc(var(--saturation-factor, 1)*100%) 8.235%;
    --teal-new-93: hsl(var(--teal-new-93-hsl)/1);
    --teal-new-93-hsl: 193.5 calc(var(--saturation-factor, 1)*100%) 7.843%;
    --teal-new-94: hsl(var(--teal-new-94-hsl)/1);
    --teal-new-94-hsl: 194.211 calc(var(--saturation-factor, 1)*100%) 7.451%;
    --teal-new-95: hsl(var(--teal-new-95-hsl)/1);
    --teal-new-95-hsl: 195 calc(var(--saturation-factor, 1)*100%) 7.059%;
    --teal-new-96: hsl(var(--teal-new-96-hsl)/1);
    --teal-new-96-hsl: 194.545 calc(var(--saturation-factor, 1)*100%) 6.471%;
    --teal-new-97: hsl(var(--teal-new-97-hsl)/1);
    --teal-new-97-hsl: 197.419 calc(var(--saturation-factor, 1)*100%) 6.078%;
    --teal-new-98: hsl(var(--teal-new-98-hsl)/1);
    --teal-new-98-hsl: 197.143 calc(var(--saturation-factor, 1)*100%) 5.49%;
    --teal-new-99: hsl(var(--teal-new-99-hsl)/1);
    --teal-new-99-hsl: 199.2 calc(var(--saturation-factor, 1)*100%) 4.902%;
    --teal-new-100: hsl(var(--teal-new-100-hsl)/1);
    --teal-new-100-hsl: 204.545 calc(var(--saturation-factor, 1)*100%) 4.314%;
    --yellow-new-1: hsl(var(--yellow-new-1-hsl)/1);
    --yellow-new-1-hsl: 30 calc(var(--saturation-factor, 1)*100%) 90.588%;
    --yellow-new-2: hsl(var(--yellow-new-2-hsl)/1);
    --yellow-new-2-hsl: 31.698 calc(var(--saturation-factor, 1)*100%) 89.608%;
    --yellow-new-3: hsl(var(--yellow-new-3-hsl)/1);
    --yellow-new-3-hsl: 33.559 calc(var(--saturation-factor, 1)*100%) 88.431%;
    --yellow-new-4: hsl(var(--yellow-new-4-hsl)/1);
    --yellow-new-4-hsl: 34.688 calc(var(--saturation-factor, 1)*100%) 87.451%;
    --yellow-new-5: hsl(var(--yellow-new-5-hsl)/1);
    --yellow-new-5-hsl: 34.783 calc(var(--saturation-factor, 1)*100%) 86.471%;
    --yellow-new-6: hsl(var(--yellow-new-6-hsl)/1);
    --yellow-new-6-hsl: 35.676 calc(var(--saturation-factor, 1)*100%) 85.49%;
    --yellow-new-7: hsl(var(--yellow-new-7-hsl)/1);
    --yellow-new-7-hsl: 36.456 calc(var(--saturation-factor, 1)*100%) 84.51%;
    --yellow-new-8: hsl(var(--yellow-new-8-hsl)/1);
    --yellow-new-8-hsl: 36.429 calc(var(--saturation-factor, 1)*100%) 83.529%;
    --yellow-new-9: hsl(var(--yellow-new-9-hsl)/1);
    --yellow-new-9-hsl: 37.079 calc(var(--saturation-factor, 1)*100%) 82.549%;
    --yellow-new-10: hsl(var(--yellow-new-10-hsl)/1);
    --yellow-new-10-hsl: 37.66 calc(var(--saturation-factor, 1)*100%) 81.569%;
    --yellow-new-11: hsl(var(--yellow-new-11-hsl)/1);
    --yellow-new-11-hsl: 37.347 calc(var(--saturation-factor, 1)*100%) 80.784%;
    --yellow-new-12: hsl(var(--yellow-new-12-hsl)/1);
    --yellow-new-12-hsl: 37.864 calc(var(--saturation-factor, 1)*100%) 79.804%;
    --yellow-new-13: hsl(var(--yellow-new-13-hsl)/1);
    --yellow-new-13-hsl: 38.131 calc(var(--saturation-factor, 1)*100%) 79.02%;
    --yellow-new-14: hsl(var(--yellow-new-14-hsl)/1);
    --yellow-new-14-hsl: 38.036 calc(var(--saturation-factor, 1)*100%) 78.039%;
    --yellow-new-15: hsl(var(--yellow-new-15-hsl)/1);
    --yellow-new-15-hsl: 38.276 calc(var(--saturation-factor, 1)*100%) 77.255%;
    --yellow-new-16: hsl(var(--yellow-new-16-hsl)/1);
    --yellow-new-16-hsl: 38.5 calc(var(--saturation-factor, 1)*100%) 76.471%;
    --yellow-new-17: hsl(var(--yellow-new-17-hsl)/1);
    --yellow-new-17-hsl: 38.4 calc(var(--saturation-factor, 1)*100%) 75.49%;
    --yellow-new-18: hsl(var(--yellow-new-18-hsl)/1);
    --yellow-new-18-hsl: 38.605 calc(var(--saturation-factor, 1)*100%) 74.706%;
    --yellow-new-19: hsl(var(--yellow-new-19-hsl)/1);
    --yellow-new-19-hsl: 38.797 calc(var(--saturation-factor, 1)*100%) 73.922%;
    --yellow-new-20: hsl(var(--yellow-new-20-hsl)/1);
    --yellow-new-20-hsl: 38.54 calc(var(--saturation-factor, 1)*100%) 73.137%;
    --yellow-new-21: hsl(var(--yellow-new-21-hsl)/1);
    --yellow-new-21-hsl: 38.723 calc(var(--saturation-factor, 1)*100%) 72.353%;
    --yellow-new-22: hsl(var(--yellow-new-22-hsl)/1);
    --yellow-new-22-hsl: 38.483 calc(var(--saturation-factor, 1)*100%) 71.569%;
    --yellow-new-23: hsl(var(--yellow-new-23-hsl)/1);
    --yellow-new-23-hsl: 38.658 calc(var(--saturation-factor, 1)*100%) 70.784%;
    --yellow-new-24: hsl(var(--yellow-new-24-hsl)/1);
    --yellow-new-24-hsl: 38.824 calc(var(--saturation-factor, 1)*100%) 70%;
    --yellow-new-25: hsl(var(--yellow-new-25-hsl)/1);
    --yellow-new-25-hsl: 38.599 calc(var(--saturation-factor, 1)*100%) 69.216%;
    --yellow-new-26: hsl(var(--yellow-new-26-hsl)/1);
    --yellow-new-26-hsl: 38.758 calc(var(--saturation-factor, 1)*100%) 68.431%;
    --yellow-new-27: hsl(var(--yellow-new-27-hsl)/1);
    --yellow-new-27-hsl: 38.545 calc(var(--saturation-factor, 1)*100%) 67.647%;
    --yellow-new-28: hsl(var(--yellow-new-28-hsl)/1);
    --yellow-new-28-hsl: 38.698 calc(var(--saturation-factor, 1)*100%) 66.863%;
    --yellow-new-29: hsl(var(--yellow-new-29-hsl)/1);
    --yellow-new-29-hsl: 38.844 calc(var(--saturation-factor, 1)*100%) 66.078%;
    --yellow-new-30: hsl(var(--yellow-new-30-hsl)/1);
    --yellow-new-30-hsl: 38.644 calc(var(--saturation-factor, 1)*100%) 65.294%;
    --yellow-new-31: hsl(var(--yellow-new-31-hsl)/1);
    --yellow-new-31-hsl: 38.785 calc(var(--saturation-factor, 1)*100%) 64.51%;
    --yellow-new-32: hsl(var(--yellow-new-32-hsl)/1);
    --yellow-new-32-hsl: 38.919 calc(var(--saturation-factor, 1)*98.93%) 63.333%;
    --yellow-new-33: hsl(var(--yellow-new-33-hsl)/1);
    --yellow-new-33-hsl: 39.048 calc(var(--saturation-factor, 1)*98.953%) 62.549%;
    --yellow-new-34: hsl(var(--yellow-new-34-hsl)/1);
    --yellow-new-34-hsl: 38.86 calc(var(--saturation-factor, 1)*98.974%) 61.765%;
    --yellow-new-35: hsl(var(--yellow-new-35-hsl)/1);
    --yellow-new-35-hsl: 39.289 calc(var(--saturation-factor, 1)*98.01%) 60.588%;
    --yellow-new-36: hsl(var(--yellow-new-36-hsl)/1);
    --yellow-new-36-hsl: 39.505 calc(var(--saturation-factor, 1)*98.058%) 59.608%;
    --yellow-new-37: hsl(var(--yellow-new-37-hsl)/1);
    --yellow-new-37-hsl: 39.42 calc(var(--saturation-factor, 1)*98.104%) 58.627%;
    --yellow-new-38: hsl(var(--yellow-new-38-hsl)/1);
    --yellow-new-38-hsl: 39.81 calc(var(--saturation-factor, 1)*97.235%) 57.451%;
    --yellow-new-39: hsl(var(--yellow-new-39-hsl)/1);
    --yellow-new-39-hsl: 39.816 calc(var(--saturation-factor, 1)*97.309%) 56.275%;
    --yellow-new-40: hsl(var(--yellow-new-40-hsl)/1);
    --yellow-new-40-hsl: 40.179 calc(var(--saturation-factor, 1)*97.391%) 54.902%;
    --yellow-new-41: hsl(var(--yellow-new-41-hsl)/1);
    --yellow-new-41-hsl: 40.345 calc(var(--saturation-factor, 1)*97.479%) 53.333%;
    --yellow-new-42: hsl(var(--yellow-new-42-hsl)/1);
    --yellow-new-42-hsl: 41.311 calc(var(--saturation-factor, 1)*96.825%) 50.588%;
    --yellow-new-43: hsl(var(--yellow-new-43-hsl)/1);
    --yellow-new-43-hsl: 41.355 calc(var(--saturation-factor, 1)*100%) 49.216%;
    --yellow-new-44: hsl(var(--yellow-new-44-hsl)/1);
    --yellow-new-44-hsl: 41.116 calc(var(--saturation-factor, 1)*100%) 49.216%;
    --yellow-new-45: hsl(var(--yellow-new-45-hsl)/1);
    --yellow-new-45-hsl: 40.8 calc(var(--saturation-factor, 1)*100%) 49.02%;
    --yellow-new-46: hsl(var(--yellow-new-46-hsl)/1);
    --yellow-new-46-hsl: 40.56 calc(var(--saturation-factor, 1)*100%) 49.02%;
    --yellow-new-47: hsl(var(--yellow-new-47-hsl)/1);
    --yellow-new-47-hsl: 40.241 calc(var(--saturation-factor, 1)*100%) 48.824%;
    --yellow-new-48: hsl(var(--yellow-new-48-hsl)/1);
    --yellow-new-48-hsl: 40 calc(var(--saturation-factor, 1)*100%) 48.824%;
    --yellow-new-49: hsl(var(--yellow-new-49-hsl)/1);
    --yellow-new-49-hsl: 39.518 calc(var(--saturation-factor, 1)*100%) 48.824%;
    --yellow-new-50: hsl(var(--yellow-new-50-hsl)/1);
    --yellow-new-50-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
    --yellow-new-51: hsl(var(--yellow-new-51-hsl)/1);
    --yellow-new-51-hsl: 39.098 calc(var(--saturation-factor, 1)*100%) 47.843%;
    --yellow-new-52: hsl(var(--yellow-new-52-hsl)/1);
    --yellow-new-52-hsl: 38.912 calc(var(--saturation-factor, 1)*100%) 46.863%;
    --yellow-new-53: hsl(var(--yellow-new-53-hsl)/1);
    --yellow-new-53-hsl: 38.974 calc(var(--saturation-factor, 1)*100%) 45.882%;
    --yellow-new-54: hsl(var(--yellow-new-54-hsl)/1);
    --yellow-new-54-hsl: 38.777 calc(var(--saturation-factor, 1)*100%) 44.902%;
    --yellow-new-55: hsl(var(--yellow-new-55-hsl)/1);
    --yellow-new-55-hsl: 38.571 calc(var(--saturation-factor, 1)*100%) 43.922%;
    --yellow-new-56: hsl(var(--yellow-new-56-hsl)/1);
    --yellow-new-56-hsl: 38.455 calc(var(--saturation-factor, 1)*100%) 43.137%;
    --yellow-new-57: hsl(var(--yellow-new-57-hsl)/1);
    --yellow-new-57-hsl: 38.233 calc(var(--saturation-factor, 1)*100%) 42.157%;
    --yellow-new-58: hsl(var(--yellow-new-58-hsl)/1);
    --yellow-new-58-hsl: 38 calc(var(--saturation-factor, 1)*100%) 41.176%;
    --yellow-new-59: hsl(var(--yellow-new-59-hsl)/1);
    --yellow-new-59-hsl: 37.573 calc(var(--saturation-factor, 1)*100%) 40.392%;
    --yellow-new-60: hsl(var(--yellow-new-60-hsl)/1);
    --yellow-new-60-hsl: 37.612 calc(var(--saturation-factor, 1)*100%) 39.412%;
    --yellow-new-61: hsl(var(--yellow-new-61-hsl)/1);
    --yellow-new-61-hsl: 37.347 calc(var(--saturation-factor, 1)*100%) 38.431%;
    --yellow-new-62: hsl(var(--yellow-new-62-hsl)/1);
    --yellow-new-62-hsl: 36.875 calc(var(--saturation-factor, 1)*100%) 37.647%;
    --yellow-new-63: hsl(var(--yellow-new-63-hsl)/1);
    --yellow-new-63-hsl: 36.898 calc(var(--saturation-factor, 1)*100%) 36.667%;
    --yellow-new-64: hsl(var(--yellow-new-64-hsl)/1);
    --yellow-new-64-hsl: 36.393 calc(var(--saturation-factor, 1)*100%) 35.882%;
    --yellow-new-65: hsl(var(--yellow-new-65-hsl)/1);
    --yellow-new-65-hsl: 36.201 calc(var(--saturation-factor, 1)*100%) 35.098%;
    --yellow-new-66: hsl(var(--yellow-new-66-hsl)/1);
    --yellow-new-66-hsl: 35.862 calc(var(--saturation-factor, 1)*100%) 34.118%;
    --yellow-new-67: hsl(var(--yellow-new-67-hsl)/1);
    --yellow-new-67-hsl: 35.294 calc(var(--saturation-factor, 1)*100%) 33.333%;
    --yellow-new-68: hsl(var(--yellow-new-68-hsl)/1);
    --yellow-new-68-hsl: 35.273 calc(var(--saturation-factor, 1)*100%) 32.353%;
    --yellow-new-69: hsl(var(--yellow-new-69-hsl)/1);
    --yellow-new-69-hsl: 34.658 calc(var(--saturation-factor, 1)*100%) 31.569%;
    --yellow-new-70: hsl(var(--yellow-new-70-hsl)/1);
    --yellow-new-70-hsl: 34.395 calc(var(--saturation-factor, 1)*100%) 30.784%;
    --yellow-new-71: hsl(var(--yellow-new-71-hsl)/1);
    --yellow-new-71-hsl: 33.725 calc(var(--saturation-factor, 1)*100%) 30%;
    --yellow-new-72: hsl(var(--yellow-new-72-hsl)/1);
    --yellow-new-72-hsl: 33.649 calc(var(--saturation-factor, 1)*100%) 29.02%;
    --yellow-new-73: hsl(var(--yellow-new-73-hsl)/1);
    --yellow-new-73-hsl: 32.917 calc(var(--saturation-factor, 1)*100%) 28.235%;
    --yellow-new-74: hsl(var(--yellow-new-74-hsl)/1);
    --yellow-new-74-hsl: 32.571 calc(var(--saturation-factor, 1)*100%) 27.451%;
    --yellow-new-75: hsl(var(--yellow-new-75-hsl)/1);
    --yellow-new-75-hsl: 31.765 calc(var(--saturation-factor, 1)*100%) 26.667%;
    --yellow-new-76: hsl(var(--yellow-new-76-hsl)/1);
    --yellow-new-76-hsl: 31.603 calc(var(--saturation-factor, 1)*100%) 25.686%;
    --yellow-new-77: hsl(var(--yellow-new-77-hsl)/1);
    --yellow-new-77-hsl: 30.709 calc(var(--saturation-factor, 1)*100%) 24.902%;
    --yellow-new-78: hsl(var(--yellow-new-78-hsl)/1);
    --yellow-new-78-hsl: 30.244 calc(var(--saturation-factor, 1)*100%) 24.118%;
    --yellow-new-79: hsl(var(--yellow-new-79-hsl)/1);
    --yellow-new-79-hsl: 29.748 calc(var(--saturation-factor, 1)*100%) 23.333%;
    --yellow-new-80: hsl(var(--yellow-new-80-hsl)/1);
    --yellow-new-80-hsl: 28.696 calc(var(--saturation-factor, 1)*100%) 22.549%;
    --yellow-new-81: hsl(var(--yellow-new-81-hsl)/1);
    --yellow-new-81-hsl: 28.108 calc(var(--saturation-factor, 1)*100%) 21.765%;
    --yellow-new-82: hsl(var(--yellow-new-82-hsl)/1);
    --yellow-new-82-hsl: 27.477 calc(var(--saturation-factor, 1)*100%) 20.98%;
    --yellow-new-83: hsl(var(--yellow-new-83-hsl)/1);
    --yellow-new-83-hsl: 26.214 calc(var(--saturation-factor, 1)*100%) 20.196%;
    --yellow-new-84: hsl(var(--yellow-new-84-hsl)/1);
    --yellow-new-84-hsl: 25.714 calc(var(--saturation-factor, 1)*100%) 19.216%;
    --yellow-new-85: hsl(var(--yellow-new-85-hsl)/1);
    --yellow-new-85-hsl: 24.894 calc(var(--saturation-factor, 1)*100%) 18.431%;
    --yellow-new-86: hsl(var(--yellow-new-86-hsl)/1);
    --yellow-new-86-hsl: 24 calc(var(--saturation-factor, 1)*100%) 17.647%;
    --yellow-new-87: hsl(var(--yellow-new-87-hsl)/1);
    --yellow-new-87-hsl: 22.326 calc(var(--saturation-factor, 1)*100%) 16.863%;
    --yellow-new-88: hsl(var(--yellow-new-88-hsl)/1);
    --yellow-new-88-hsl: 21.22 calc(var(--saturation-factor, 1)*100%) 16.078%;
    --yellow-new-89: hsl(var(--yellow-new-89-hsl)/1);
    --yellow-new-89-hsl: 19.747 calc(var(--saturation-factor, 1)*100%) 15.49%;
    --yellow-new-90: hsl(var(--yellow-new-90-hsl)/1);
    --yellow-new-90-hsl: 18.4 calc(var(--saturation-factor, 1)*100%) 14.706%;
    --yellow-new-91: hsl(var(--yellow-new-91-hsl)/1);
    --yellow-new-91-hsl: 16.056 calc(var(--saturation-factor, 1)*100%) 13.922%;
    --yellow-new-92: hsl(var(--yellow-new-92-hsl)/1);
    --yellow-new-92-hsl: 14.328 calc(var(--saturation-factor, 1)*100%) 13.137%;
    --yellow-new-93: hsl(var(--yellow-new-93-hsl)/1);
    --yellow-new-93-hsl: 12.381 calc(var(--saturation-factor, 1)*100%) 12.353%;
    --yellow-new-94: hsl(var(--yellow-new-94-hsl)/1);
    --yellow-new-94-hsl: 9.153 calc(var(--saturation-factor, 1)*100%) 11.569%;
    --yellow-new-95: hsl(var(--yellow-new-95-hsl)/1);
    --yellow-new-95-hsl: 6.545 calc(var(--saturation-factor, 1)*100%) 10.784%;
    --yellow-new-96: hsl(var(--yellow-new-96-hsl)/1);
    --yellow-new-96-hsl: 4.706 calc(var(--saturation-factor, 1)*100%) 10%;
    --yellow-new-97: hsl(var(--yellow-new-97-hsl)/1);
    --yellow-new-97-hsl: 1.277 calc(var(--saturation-factor, 1)*100%) 9.216%;
    --yellow-new-98: hsl(var(--yellow-new-98-hsl)/1);
    --yellow-new-98-hsl: 0 calc(var(--saturation-factor, 1)*100%) 8.235%;
    --yellow-new-99: hsl(var(--yellow-new-99-hsl)/1);
    --yellow-new-99-hsl: 0 calc(var(--saturation-factor, 1)*100%) 7.059%;
    --yellow-new-100: hsl(var(--yellow-new-100-hsl)/1);
    --yellow-new-100-hsl: 0 calc(var(--saturation-factor, 1)*100%) 5.294%;
    --orange-new-1: hsl(var(--orange-new-1-hsl)/1);
    --orange-new-1-hsl: 15.789 calc(var(--saturation-factor, 1)*100%) 92.549%;
    --orange-new-2: hsl(var(--orange-new-2-hsl)/1);
    --orange-new-2-hsl: 17.727 calc(var(--saturation-factor, 1)*100%) 91.373%;
    --orange-new-3: hsl(var(--orange-new-3-hsl)/1);
    --orange-new-3-hsl: 17.143 calc(var(--saturation-factor, 1)*100%) 90.392%;
    --orange-new-4: hsl(var(--orange-new-4-hsl)/1);
    --orange-new-4-hsl: 17.778 calc(var(--saturation-factor, 1)*100%) 89.412%;
    --orange-new-5: hsl(var(--orange-new-5-hsl)/1);
    --orange-new-5-hsl: 19 calc(var(--saturation-factor, 1)*100%) 88.235%;
    --orange-new-6: hsl(var(--orange-new-6-hsl)/1);
    --orange-new-6-hsl: 19.385 calc(var(--saturation-factor, 1)*100%) 87.255%;
    --orange-new-7: hsl(var(--orange-new-7-hsl)/1);
    --orange-new-7-hsl: 19.714 calc(var(--saturation-factor, 1)*100%) 86.275%;
    --orange-new-8: hsl(var(--orange-new-8-hsl)/1);
    --orange-new-8-hsl: 20 calc(var(--saturation-factor, 1)*100%) 85.294%;
    --orange-new-9: hsl(var(--orange-new-9-hsl)/1);
    --orange-new-9-hsl: 20.506 calc(var(--saturation-factor, 1)*97.531%) 84.118%;
    --orange-new-10: hsl(var(--orange-new-10-hsl)/1);
    --orange-new-10-hsl: 20.241 calc(var(--saturation-factor, 1)*95.402%) 82.941%;
    --orange-new-11: hsl(var(--orange-new-11-hsl)/1);
    --orange-new-11-hsl: 20.455 calc(var(--saturation-factor, 1)*95.652%) 81.961%;
    --orange-new-12: hsl(var(--orange-new-12-hsl)/1);
    --orange-new-12-hsl: 20.44 calc(var(--saturation-factor, 1)*93.814%) 80.98%;
    --orange-new-13: hsl(var(--orange-new-13-hsl)/1);
    --orange-new-13-hsl: 21.064 calc(var(--saturation-factor, 1)*90.385%) 79.608%;
    --orange-new-14: hsl(var(--orange-new-14-hsl)/1);
    --orange-new-14-hsl: 21.429 calc(var(--saturation-factor, 1)*89.091%) 78.431%;
    --orange-new-15: hsl(var(--orange-new-15-hsl)/1);
    --orange-new-15-hsl: 21.386 calc(var(--saturation-factor, 1)*87.826%) 77.451%;
    --orange-new-16: hsl(var(--orange-new-16-hsl)/1);
    --orange-new-16-hsl: 21.714 calc(var(--saturation-factor, 1)*86.777%) 76.275%;
    --orange-new-17: hsl(var(--orange-new-17-hsl)/1);
    --orange-new-17-hsl: 21.667 calc(var(--saturation-factor, 1)*85.714%) 75.294%;
    --orange-new-18: hsl(var(--orange-new-18-hsl)/1);
    --orange-new-18-hsl: 21.622 calc(var(--saturation-factor, 1)*84.733%) 74.314%;
    --orange-new-19: hsl(var(--orange-new-19-hsl)/1);
    --orange-new-19-hsl: 22.105 calc(var(--saturation-factor, 1)*82.609%) 72.941%;
    --orange-new-20: hsl(var(--orange-new-20-hsl)/1);
    --orange-new-20-hsl: 22.051 calc(var(--saturation-factor, 1)*81.818%) 71.961%;
    --orange-new-21: hsl(var(--orange-new-21-hsl)/1);
    --orange-new-21-hsl: 22 calc(var(--saturation-factor, 1)*81.081%) 70.98%;
    --orange-new-22: hsl(var(--orange-new-22-hsl)/1);
    --orange-new-22-hsl: 22.131 calc(var(--saturation-factor, 1)*79.221%) 69.804%;
    --orange-new-23: hsl(var(--orange-new-23-hsl)/1);
    --orange-new-23-hsl: 22.08 calc(var(--saturation-factor, 1)*78.616%) 68.824%;
    --orange-new-24: hsl(var(--orange-new-24-hsl)/1);
    --orange-new-24-hsl: 22.205 calc(var(--saturation-factor, 1)*76.97%) 67.647%;
    --orange-new-25: hsl(var(--orange-new-25-hsl)/1);
    --orange-new-25-hsl: 22.154 calc(var(--saturation-factor, 1)*76.471%) 66.667%;
    --orange-new-26: hsl(var(--orange-new-26-hsl)/1);
    --orange-new-26-hsl: 22.273 calc(var(--saturation-factor, 1)*75%) 65.49%;
    --orange-new-27: hsl(var(--orange-new-27-hsl)/1);
    --orange-new-27-hsl: 22.222 calc(var(--saturation-factor, 1)*74.586%) 64.51%;
    --orange-new-28: hsl(var(--orange-new-28-hsl)/1);
    --orange-new-28-hsl: 22.336 calc(var(--saturation-factor, 1)*73.262%) 63.333%;
    --orange-new-29: hsl(var(--orange-new-29-hsl)/1);
    --orange-new-29-hsl: 22.174 calc(var(--saturation-factor, 1)*71.875%) 62.353%;
    --orange-new-30: hsl(var(--orange-new-30-hsl)/1);
    --orange-new-30-hsl: 22.128 calc(var(--saturation-factor, 1)*71.574%) 61.373%;
    --orange-new-31: hsl(var(--orange-new-31-hsl)/1);
    --orange-new-31-hsl: 22.238 calc(var(--saturation-factor, 1)*70.443%) 60.196%;
    --orange-new-32: hsl(var(--orange-new-32-hsl)/1);
    --orange-new-32-hsl: 22.345 calc(var(--saturation-factor, 1)*69.378%) 59.02%;
    --orange-new-33: hsl(var(--orange-new-33-hsl)/1);
    --orange-new-33-hsl: 22.041 calc(var(--saturation-factor, 1)*69.014%) 58.235%;
    --orange-new-34: hsl(var(--orange-new-34-hsl)/1);
    --orange-new-34-hsl: 22.148 calc(var(--saturation-factor, 1)*68.037%) 57.059%;
    --orange-new-35: hsl(var(--orange-new-35-hsl)/1);
    --orange-new-35-hsl: 22.252 calc(var(--saturation-factor, 1)*67.111%) 55.882%;
    --orange-new-36: hsl(var(--orange-new-36-hsl)/1);
    --orange-new-36-hsl: 22.353 calc(var(--saturation-factor, 1)*66.234%) 54.706%;
    --orange-new-37: hsl(var(--orange-new-37-hsl)/1);
    --orange-new-37-hsl: 22.208 calc(var(--saturation-factor, 1)*65.254%) 53.725%;
    --orange-new-38: hsl(var(--orange-new-38-hsl)/1);
    --orange-new-38-hsl: 22.166 calc(var(--saturation-factor, 1)*65.145%) 52.745%;
    --orange-new-39: hsl(var(--orange-new-39-hsl)/1);
    --orange-new-39-hsl: 22.264 calc(var(--saturation-factor, 1)*64.372%) 51.569%;
    --orange-new-40: hsl(var(--orange-new-40-hsl)/1);
    --orange-new-40-hsl: 22.125 calc(var(--saturation-factor, 1)*63.492%) 50.588%;
    --orange-new-41: hsl(var(--orange-new-41-hsl)/1);
    --orange-new-41-hsl: 22.222 calc(var(--saturation-factor, 1)*64.286%) 49.412%;
    --orange-new-42: hsl(var(--orange-new-42-hsl)/1);
    --orange-new-42-hsl: 22.683 calc(var(--saturation-factor, 1)*66.667%) 48.235%;
    --orange-new-43: hsl(var(--orange-new-43-hsl)/1);
    --orange-new-43-hsl: 22.771 calc(var(--saturation-factor, 1)*69.167%) 47.059%;
    --orange-new-44: hsl(var(--orange-new-44-hsl)/1);
    --orange-new-44-hsl: 22.857 calc(var(--saturation-factor, 1)*71.795%) 45.882%;
    --orange-new-45: hsl(var(--orange-new-45-hsl)/1);
    --orange-new-45-hsl: 22.941 calc(var(--saturation-factor, 1)*74.561%) 44.706%;
    --orange-new-46: hsl(var(--orange-new-46-hsl)/1);
    --orange-new-46-hsl: 23.237 calc(var(--saturation-factor, 1)*78.281%) 43.333%;
    --orange-new-47: hsl(var(--orange-new-47-hsl)/1);
    --orange-new-47-hsl: 23.523 calc(var(--saturation-factor, 1)*82.243%) 41.961%;
    --orange-new-48: hsl(var(--orange-new-48-hsl)/1);
    --orange-new-48-hsl: 24 calc(var(--saturation-factor, 1)*87.379%) 40.392%;
    --orange-new-49: hsl(var(--orange-new-49-hsl)/1);
    --orange-new-49-hsl: 24.649 calc(var(--saturation-factor, 1)*93.909%) 38.627%;
    --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.333 calc(var(--saturation-factor, 1)*97.826%) 36.078%;
    --orange-new-53: hsl(var(--orange-new-53-hsl)/1);
    --orange-new-53-hsl: 24.343 calc(var(--saturation-factor, 1)*96.685%) 35.49%;
    --orange-new-54: hsl(var(--orange-new-54-hsl)/1);
    --orange-new-54-hsl: 24.07 calc(var(--saturation-factor, 1)*96.629%) 34.902%;
    --orange-new-55: hsl(var(--orange-new-55-hsl)/1);
    --orange-new-55-hsl: 23.713 calc(var(--saturation-factor, 1)*95.429%) 34.314%;
    --orange-new-56: hsl(var(--orange-new-56-hsl)/1);
    --orange-new-56-hsl: 23.558 calc(var(--saturation-factor, 1)*95.322%) 33.529%;
    --orange-new-57: hsl(var(--orange-new-57-hsl)/1);
    --orange-new-57-hsl: 23.625 calc(var(--saturation-factor, 1)*95.238%) 32.941%;
    --orange-new-58: hsl(var(--orange-new-58-hsl)/1);
    --orange-new-58-hsl: 23.312 calc(var(--saturation-factor, 1)*95.152%) 32.353%;
    --orange-new-59: hsl(var(--orange-new-59-hsl)/1);
    --orange-new-59-hsl: 23.137 calc(var(--saturation-factor, 1)*95.031%) 31.569%;
    --orange-new-60: hsl(var(--orange-new-60-hsl)/1);
    --orange-new-60-hsl: 23.046 calc(var(--saturation-factor, 1)*96.178%) 30.784%;
    --orange-new-61: hsl(var(--orange-new-61-hsl)/1);
    --orange-new-61-hsl: 22.857 calc(var(--saturation-factor, 1)*96.078%) 30%;
    --orange-new-62: hsl(var(--orange-new-62-hsl)/1);
    --orange-new-62-hsl: 22.917 calc(var(--saturation-factor, 1)*96%) 29.412%;
    --orange-new-63: hsl(var(--orange-new-63-hsl)/1);
    --orange-new-63-hsl: 22.817 calc(var(--saturation-factor, 1)*97.26%) 28.627%;
    --orange-new-64: hsl(var(--orange-new-64-hsl)/1);
    --orange-new-64-hsl: 22.446 calc(var(--saturation-factor, 1)*97.203%) 28.039%;
    --orange-new-65: hsl(var(--orange-new-65-hsl)/1);
    --orange-new-65-hsl: 22.5 calc(var(--saturation-factor, 1)*98.551%) 27.059%;
    --orange-new-66: hsl(var(--orange-new-66-hsl)/1);
    --orange-new-66-hsl: 22.105 calc(var(--saturation-factor, 1)*98.519%) 26.471%;
    --orange-new-67: hsl(var(--orange-new-67-hsl)/1);
    --orange-new-67-hsl: 22.443 calc(var(--saturation-factor, 1)*100%) 25.686%;
    --orange-new-68: hsl(var(--orange-new-68-hsl)/1);
    --orange-new-68-hsl: 22.031 calc(var(--saturation-factor, 1)*100%) 25.098%;
    --orange-new-69: hsl(var(--orange-new-69-hsl)/1);
    --orange-new-69-hsl: 21.6 calc(var(--saturation-factor, 1)*100%) 24.51%;
    --orange-new-70: hsl(var(--orange-new-70-hsl)/1);
    --orange-new-70-hsl: 21.322 calc(var(--saturation-factor, 1)*100%) 23.725%;
    --orange-new-71: hsl(var(--orange-new-71-hsl)/1);
    --orange-new-71-hsl: 20.847 calc(var(--saturation-factor, 1)*100%) 23.137%;
    --orange-new-72: hsl(var(--orange-new-72-hsl)/1);
    --orange-new-72-hsl: 20.348 calc(var(--saturation-factor, 1)*100%) 22.549%;
    --orange-new-73: hsl(var(--orange-new-73-hsl)/1);
    --orange-new-73-hsl: 20.357 calc(var(--saturation-factor, 1)*100%) 21.961%;
    --orange-new-74: hsl(var(--orange-new-74-hsl)/1);
    --orange-new-74-hsl: 19.817 calc(var(--saturation-factor, 1)*100%) 21.373%;
    --orange-new-75: hsl(var(--orange-new-75-hsl)/1);
    --orange-new-75-hsl: 19.245 calc(var(--saturation-factor, 1)*100%) 20.784%;
    --orange-new-76: hsl(var(--orange-new-76-hsl)/1);
    --orange-new-76-hsl: 18.641 calc(var(--saturation-factor, 1)*100%) 20.196%;
    --orange-new-77: hsl(var(--orange-new-77-hsl)/1);
    --orange-new-77-hsl: 18 calc(var(--saturation-factor, 1)*100%) 19.608%;
    --orange-new-78: hsl(var(--orange-new-78-hsl)/1);
    --orange-new-78-hsl: 17.32 calc(var(--saturation-factor, 1)*100%) 19.02%;
    --orange-new-79: hsl(var(--orange-new-79-hsl)/1);
    --orange-new-79-hsl: 16.596 calc(var(--saturation-factor, 1)*100%) 18.431%;
    --orange-new-80: hsl(var(--orange-new-80-hsl)/1);
    --orange-new-80-hsl: 16.484 calc(var(--saturation-factor, 1)*100%) 17.843%;
    --orange-new-81: hsl(var(--orange-new-81-hsl)/1);
    --orange-new-81-hsl: 15.682 calc(var(--saturation-factor, 1)*100%) 17.255%;
    --orange-new-82: hsl(var(--orange-new-82-hsl)/1);
    --orange-new-82-hsl: 14.824 calc(var(--saturation-factor, 1)*100%) 16.667%;
    --orange-new-83: hsl(var(--orange-new-83-hsl)/1);
    --orange-new-83-hsl: 13.735 calc(var(--saturation-factor, 1)*100%) 16.275%;
    --orange-new-84: hsl(var(--orange-new-84-hsl)/1);
    --orange-new-84-hsl: 12.75 calc(var(--saturation-factor, 1)*100%) 15.686%;
    --orange-new-85: hsl(var(--orange-new-85-hsl)/1);
    --orange-new-85-hsl: 11.688 calc(var(--saturation-factor, 1)*100%) 15.098%;
    --orange-new-86: hsl(var(--orange-new-86-hsl)/1);
    --orange-new-86-hsl: 10.541 calc(var(--saturation-factor, 1)*100%) 14.51%;
    --orange-new-87: hsl(var(--orange-new-87-hsl)/1);
    --orange-new-87-hsl: 9.296 calc(var(--saturation-factor, 1)*100%) 13.922%;
    --orange-new-88: hsl(var(--orange-new-88-hsl)/1);
    --orange-new-88-hsl: 7.941 calc(var(--saturation-factor, 1)*100%) 13.333%;
    --orange-new-89: hsl(var(--orange-new-89-hsl)/1);
    --orange-new-89-hsl: 7.273 calc(var(--saturation-factor, 1)*100%) 12.941%;
    --orange-new-90: hsl(var(--orange-new-90-hsl)/1);
    --orange-new-90-hsl: 5.714 calc(var(--saturation-factor, 1)*100%) 12.353%;
    --orange-new-91: hsl(var(--orange-new-91-hsl)/1);
    --orange-new-91-hsl: 4 calc(var(--saturation-factor, 1)*100%) 11.765%;
    --orange-new-92: hsl(var(--orange-new-92-hsl)/1);
    --orange-new-92-hsl: 3.158 calc(var(--saturation-factor, 1)*100%) 11.176%;
    --orange-new-93: hsl(var(--orange-new-93-hsl)/1);
    --orange-new-93-hsl: 2.182 calc(var(--saturation-factor, 1)*100%) 10.784%;
    --orange-new-94: hsl(var(--orange-new-94-hsl)/1);
    --orange-new-94-hsl: 1.154 calc(var(--saturation-factor, 1)*100%) 10.196%;
    --orange-new-95: hsl(var(--orange-new-95-hsl)/1);
    --orange-new-95-hsl: 358.776 calc(var(--saturation-factor, 1)*100%) 9.608%;
    --orange-new-96: hsl(var(--orange-new-96-hsl)/1);
    --orange-new-96-hsl: 358.667 calc(var(--saturation-factor, 1)*100%) 8.824%;
    --orange-new-97: hsl(var(--orange-new-97-hsl)/1);
    --orange-new-97-hsl: 358.537 calc(var(--saturation-factor, 1)*100%) 8.039%;
    --orange-new-98: hsl(var(--orange-new-98-hsl)/1);
    --orange-new-98-hsl: 356.757 calc(var(--saturation-factor, 1)*100%) 7.255%;
    --orange-new-99: hsl(var(--orange-new-99-hsl)/1);
    --orange-new-99-hsl: 356.129 calc(var(--saturation-factor, 1)*100%) 6.078%;
    --orange-new-100: hsl(var(--orange-new-100-hsl)/1);
    --orange-new-100-hsl: 355 calc(var(--saturation-factor, 1)*100%) 4.706%;
    --pink-1: hsl(var(--pink-1-hsl)/1);
    --pink-1-hsl: 316.5 calc(var(--saturation-factor, 1)*100%) 92.157%;
    --pink-2: hsl(var(--pink-2-hsl)/1);
    --pink-2-hsl: 316.744 calc(var(--saturation-factor, 1)*100%) 91.569%;
    --pink-3: hsl(var(--pink-3-hsl)/1);
    --pink-3-hsl: 315.652 calc(var(--saturation-factor, 1)*100%) 90.98%;
    --pink-4: hsl(var(--pink-4-hsl)/1);
    --pink-4-hsl: 315.918 calc(var(--saturation-factor, 1)*100%) 90.392%;
    --pink-5: hsl(var(--pink-5-hsl)/1);
    --pink-5-hsl: 315 calc(var(--saturation-factor, 1)*100%) 89.804%;
    --pink-6: hsl(var(--pink-6-hsl)/1);
    --pink-6-hsl: 315.556 calc(var(--saturation-factor, 1)*100%) 89.412%;
    --pink-7: hsl(var(--pink-7-hsl)/1);
    --pink-7-hsl: 314.737 calc(var(--saturation-factor, 1)*100%) 88.824%;
    --pink-8: hsl(var(--pink-8-hsl)/1);
    --pink-8-hsl: 315 calc(var(--saturation-factor, 1)*100%) 88.235%;
    --pink-9: hsl(var(--pink-9-hsl)/1);
    --pink-9-hsl: 314.516 calc(var(--saturation-factor, 1)*100%) 87.843%;
    --pink-10: hsl(var(--pink-10-hsl)/1);
    --pink-10-hsl: 314.769 calc(var(--saturation-factor, 1)*100%) 87.255%;
    --pink-11: hsl(var(--pink-11-hsl)/1);
    --pink-11-hsl: 314.118 calc(var(--saturation-factor, 1)*100%) 86.667%;
    --pink-12: hsl(var(--pink-12-hsl)/1);
    --pink-12-hsl: 314.366 calc(var(--saturation-factor, 1)*100%) 86.078%;
    --pink-13: hsl(var(--pink-13-hsl)/1);
    --pink-13-hsl: 314.795 calc(var(--saturation-factor, 1)*100%) 85.686%;
    --pink-14: hsl(var(--pink-14-hsl)/1);
    --pink-14-hsl: 315 calc(var(--saturation-factor, 1)*100%) 85.098%;
    --pink-15: hsl(var(--pink-15-hsl)/1);
    --pink-15-hsl: 314.615 calc(var(--saturation-factor, 1)*100%) 84.706%;
    --pink-16: hsl(var(--pink-16-hsl)/1);
    --pink-16-hsl: 314.815 calc(var(--saturation-factor, 1)*100%) 84.118%;
    --pink-17: hsl(var(--pink-17-hsl)/1);
    --pink-17-hsl: 315.181 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 calc(var(--saturation-factor, 1)*100%) 82.745%;
    --pink-20: hsl(var(--pink-20-hsl)/1);
    --pink-20-hsl: 315.165 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 calc(var(--saturation-factor, 1)*100%) 81.176%;
    --pink-23: hsl(var(--pink-23-hsl)/1);
    --pink-23-hsl: 315.152 calc(var(--saturation-factor, 1)*100%) 80.588%;
    --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 calc(var(--saturation-factor, 1)*100%) 79.608%;
    --pink-26: hsl(var(--pink-26-hsl)/1);
    --pink-26-hsl: 315.14 calc(var(--saturation-factor, 1)*100%) 79.02%;
    --pink-27: hsl(var(--pink-27-hsl)/1);
    --pink-27-hsl: 315.273 calc(var(--saturation-factor, 1)*100%) 78.431%;
    --pink-28: hsl(var(--pink-28-hsl)/1);
    --pink-28-hsl: 314.867 calc(var(--saturation-factor, 1)*100%) 77.843%;
    --pink-29: hsl(var(--pink-29-hsl)/1);
    --pink-29-hsl: 315 calc(var(--saturation-factor, 1)*100%) 77.255%;
    --pink-30: hsl(var(--pink-30-hsl)/1);
    --pink-30-hsl: 315.126 calc(var(--saturation-factor, 1)*100%) 76.667%;
    --pink-31: hsl(var(--pink-31-hsl)/1);
    --pink-31-hsl: 315.372 calc(var(--saturation-factor, 1)*100%) 76.275%;
    --pink-32: hsl(var(--pink-32-hsl)/1);
    --pink-32-hsl: 315 calc(var(--saturation-factor, 1)*100%) 75.686%;
    --pink-33: hsl(var(--pink-33-hsl)/1);
    --pink-33-hsl: 315.118 calc(var(--saturation-factor, 1)*100%) 75.098%;
    --pink-34: hsl(var(--pink-34-hsl)/1);
    --pink-34-hsl: 315.231 calc(var(--saturation-factor, 1)*100%) 74.51%;
    --pink-35: hsl(var(--pink-35-hsl)/1);
    --pink-35-hsl: 315.455 calc(var(--saturation-factor, 1)*100%) 74.118%;
    --pink-36: hsl(var(--pink-36-hsl)/1);
    --pink-36-hsl: 315.111 calc(var(--saturation-factor, 1)*100%) 73.529%;
    --pink-37: hsl(var(--pink-37-hsl)/1);
    --pink-37-hsl: 315.217 calc(var(--saturation-factor, 1)*100%) 72.941%;
    --pink-38: hsl(var(--pink-38-hsl)/1);
    --pink-38-hsl: 315.319 calc(var(--saturation-factor, 1)*100%) 72.353%;
    --pink-39: hsl(var(--pink-39-hsl)/1);
    --pink-39-hsl: 315.417 calc(var(--saturation-factor, 1)*100%) 71.765%;
    --pink-40: hsl(var(--pink-40-hsl)/1);
    --pink-40-hsl: 315.51 calc(var(--saturation-factor, 1)*100%) 71.176%;
    --pink-41: hsl(var(--pink-41-hsl)/1);
    --pink-41-hsl: 315.2 calc(var(--saturation-factor, 1)*100%) 70.588%;
    --pink-42: hsl(var(--pink-42-hsl)/1);
    --pink-42-hsl: 315.294 calc(var(--saturation-factor, 1)*100%) 70%;
    --pink-43: hsl(var(--pink-43-hsl)/1);
    --pink-43-hsl: 315.385 calc(var(--saturation-factor, 1)*100%) 69.412%;
    --pink-44: hsl(var(--pink-44-hsl)/1);
    --pink-44-hsl: 315.472 calc(var(--saturation-factor, 1)*100%) 68.824%;
    --pink-45: hsl(var(--pink-45-hsl)/1);
    --pink-45-hsl: 315.185 calc(var(--saturation-factor, 1)*100%) 68.235%;
    --pink-46: hsl(var(--pink-46-hsl)/1);
    --pink-46-hsl: 315.181 calc(var(--saturation-factor, 1)*100%) 67.451%;
    --pink-47: hsl(var(--pink-47-hsl)/1);
    --pink-47-hsl: 315.266 calc(var(--saturation-factor, 1)*100%) 66.863%;
    --pink-48: hsl(var(--pink-48-hsl)/1);
    --pink-48-hsl: 315.349 calc(var(--saturation-factor, 1)*100%) 66.275%;
    --pink-49: hsl(var(--pink-49-hsl)/1);
    --pink-49-hsl: 315 calc(var(--saturation-factor, 1)*100%) 65.49%;
    --pink-50: hsl(var(--pink-50-hsl)/1);
    --pink-50-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
    --pink-51: hsl(var(--pink-51-hsl)/1);
    --pink-51-hsl: 315.341 calc(var(--saturation-factor, 1)*94.624%) 63.529%;
    --pink-52: hsl(var(--pink-52-hsl)/1);
    --pink-52-hsl: 315.349 calc(var(--saturation-factor, 1)*89.583%) 62.353%;
    --pink-53: hsl(var(--pink-53-hsl)/1);
    --pink-53-hsl: 315.357 calc(var(--saturation-factor, 1)*84%) 60.784%;
    --pink-54: hsl(var(--pink-54-hsl)/1);
    --pink-54-hsl: 315.366 calc(var(--saturation-factor, 1)*79.612%) 59.608%;
    --pink-55: hsl(var(--pink-55-hsl)/1);
    --pink-55-hsl: 315.375 calc(var(--saturation-factor, 1)*74.766%) 58.039%;
    --pink-56: hsl(var(--pink-56-hsl)/1);
    --pink-56-hsl: 315.287 calc(var(--saturation-factor, 1)*71.041%) 56.667%;
    --pink-57: hsl(var(--pink-57-hsl)/1);
    --pink-57-hsl: 315.294 calc(var(--saturation-factor, 1)*67.401%) 55.49%;
    --pink-58: hsl(var(--pink-58-hsl)/1);
    --pink-58-hsl: 315.6 calc(var(--saturation-factor, 1)*64.103%) 54.118%;
    --pink-59: hsl(var(--pink-59-hsl)/1);
    --pink-59-hsl: 315.51 calc(var(--saturation-factor, 1)*60.996%) 52.745%;
    --pink-60: hsl(var(--pink-60-hsl)/1);
    --pink-60-hsl: 315.417 calc(var(--saturation-factor, 1)*58.065%) 51.373%;
    --pink-61: hsl(var(--pink-61-hsl)/1);
    --pink-61-hsl: 315.319 calc(var(--saturation-factor, 1)*55.294%) 50%;
    --pink-62: hsl(var(--pink-62-hsl)/1);
    --pink-62-hsl: 315.766 calc(var(--saturation-factor, 1)*55.02%) 48.824%;
    --pink-63: hsl(var(--pink-63-hsl)/1);
    --pink-63-hsl: 315.672 calc(var(--saturation-factor, 1)*55.372%) 47.451%;
    --pink-64: hsl(var(--pink-64-hsl)/1);
    --pink-64-hsl: 315.573 calc(var(--saturation-factor, 1)*55.745%) 46.078%;
    --pink-65: hsl(var(--pink-65-hsl)/1);
    --pink-65-hsl: 315.469 calc(var(--saturation-factor, 1)*56.14%) 44.706%;
    --pink-66: hsl(var(--pink-66-hsl)/1);
    --pink-66-hsl: 315.714 calc(var(--saturation-factor, 1)*56.757%) 43.529%;
    --pink-67: hsl(var(--pink-67-hsl)/1);
    --pink-67-hsl: 315.61 calc(var(--saturation-factor, 1)*57.209%) 42.157%;
    --pink-68: hsl(var(--pink-68-hsl)/1);
    --pink-68-hsl: 315.372 calc(var(--saturation-factor, 1)*58.454%) 40.588%;
    --pink-69: hsl(var(--pink-69-hsl)/1);
    --pink-69-hsl: 315.126 calc(var(--saturation-factor, 1)*59.204%) 39.412%;
    --pink-70: hsl(var(--pink-70-hsl)/1);
    --pink-70-hsl: 315 calc(var(--saturation-factor, 1)*59.794%) 38.039%;
    --pink-71: hsl(var(--pink-71-hsl)/1);
    --pink-71-hsl: 315.263 calc(var(--saturation-factor, 1)*60.638%) 36.863%;
    --pink-72: hsl(var(--pink-72-hsl)/1);
    --pink-72-hsl: 315.135 calc(var(--saturation-factor, 1)*61.326%) 35.49%;
    --pink-73: hsl(var(--pink-73-hsl)/1);
    --pink-73-hsl: 315.413 calc(var(--saturation-factor, 1)*62.286%) 34.314%;
    --pink-74: hsl(var(--pink-74-hsl)/1);
    --pink-74-hsl: 315.283 calc(var(--saturation-factor, 1)*63.095%) 32.941%;
    --pink-75: hsl(var(--pink-75-hsl)/1);
    --pink-75-hsl: 315 calc(var(--saturation-factor, 1)*64.198%) 31.765%;
    --pink-76: hsl(var(--pink-76-hsl)/1);
    --pink-76-hsl: 314.851 calc(var(--saturation-factor, 1)*65.161%) 30.392%;
    --pink-77: hsl(var(--pink-77-hsl)/1);
    --pink-77-hsl: 315 calc(var(--saturation-factor, 1)*67.568%) 29.02%;
    --pink-78: hsl(var(--pink-78-hsl)/1);
    --pink-78-hsl: 314.694 calc(var(--saturation-factor, 1)*69.014%) 27.843%;
    --pink-79: hsl(var(--pink-79-hsl)/1);
    --pink-79-hsl: 314.526 calc(var(--saturation-factor, 1)*70.37%) 26.471%;
    --pink-80: hsl(var(--pink-80-hsl)/1);
    --pink-80-hsl: 314.839 calc(var(--saturation-factor, 1)*72.093%) 25.294%;
    --pink-81: hsl(var(--pink-81-hsl)/1);
    --pink-81-hsl: 314.505 calc(var(--saturation-factor, 1)*73.984%) 24.118%;
    --pink-82: hsl(var(--pink-82-hsl)/1);
    --pink-82-hsl: 314.157 calc(var(--saturation-factor, 1)*77.391%) 22.549%;
    --pink-83: hsl(var(--pink-83-hsl)/1);
    --pink-83-hsl: 313.793 calc(var(--saturation-factor, 1)*79.817%) 21.373%;
    --pink-84: hsl(var(--pink-84-hsl)/1);
    --pink-84-hsl: 314.118 calc(var(--saturation-factor, 1)*82.524%) 20.196%;
    --pink-85: hsl(var(--pink-85-hsl)/1);
    --pink-85-hsl: 313.735 calc(var(--saturation-factor, 1)*85.567%) 19.02%;
    --pink-86: hsl(var(--pink-86-hsl)/1);
    --pink-86-hsl: 314.074 calc(var(--saturation-factor, 1)*89.011%) 17.843%;
    --pink-87: hsl(var(--pink-87-hsl)/1);
    --pink-87-hsl: 313.671 calc(var(--saturation-factor, 1)*92.941%) 16.667%;
    --pink-88: hsl(var(--pink-88-hsl)/1);
    --pink-88-hsl: 313.421 calc(var(--saturation-factor, 1)*95%) 15.686%;
    --pink-89: hsl(var(--pink-89-hsl)/1);
    --pink-89-hsl: 313.973 calc(var(--saturation-factor, 1)*97.333%) 14.706%;
    --pink-90: hsl(var(--pink-90-hsl)/1);
    --pink-90-hsl: 313.714 calc(var(--saturation-factor, 1)*100%) 13.725%;
    --pink-91: hsl(var(--pink-91-hsl)/1);
    --pink-91-hsl: 313.636 calc(var(--saturation-factor, 1)*100%) 12.941%;
    --pink-92: hsl(var(--pink-92-hsl)/1);
    --pink-92-hsl: 314.516 calc(var(--saturation-factor, 1)*100%) 12.157%;
    --pink-93: hsl(var(--pink-93-hsl)/1);
    --pink-93-hsl: 314.483 calc(var(--saturation-factor, 1)*100%) 11.373%;
    --pink-94: hsl(var(--pink-94-hsl)/1);
    --pink-94-hsl: 314.444 calc(var(--saturation-factor, 1)*100%) 10.588%;
    --pink-95: hsl(var(--pink-95-hsl)/1);
    --pink-95-hsl: 315.6 calc(var(--saturation-factor, 1)*100%) 9.804%;
    --pink-96: hsl(var(--pink-96-hsl)/1);
    --pink-96-hsl: 314.667 calc(var(--saturation-factor, 1)*100%) 8.824%;
    --pink-97: hsl(var(--pink-97-hsl)/1);
    --pink-97-hsl: 316.5 calc(var(--saturation-factor, 1)*100%) 7.843%;
    --pink-98: hsl(var(--pink-98-hsl)/1);
    --pink-98-hsl: 316.364 calc(var(--saturation-factor, 1)*100%) 6.471%;
    --pink-99: hsl(var(--pink-99-hsl)/1);
    --pink-99-hsl: 319.2 calc(var(--saturation-factor, 1)*100%) 4.902%;
    --pink-100: hsl(var(--pink-100-hsl)/1);
    --pink-100-hsl: 327.273 calc(var(--saturation-factor, 1)*100%) 2.157%;
    --opacity-1: hsl(var(--opacity-1-hsl)/0.0196078431372549);
    --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.0196078431372549);
    --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.0196078431372549);
    --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.0196078431372549);
    --opacity-green-1-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
    --opacity-green-4: hsl(var(--opacity-green-4-hsl)/0.0392156862745098);
    --opacity-green-4-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
    --opacity-green-8: hsl(var(--opacity-green-8-hsl)/0.0784313725490196);
    --opacity-green-8-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
    --opacity-green-12: hsl(var(--opacity-green-12-hsl)/0.12156862745098039);
    --opacity-green-12-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
    --opacity-green-16: hsl(var(--opacity-green-16-hsl)/0.1607843137254902);
    --opacity-green-16-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
    --opacity-green-20: hsl(var(--opacity-green-20-hsl)/0.2);
    --opacity-green-20-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
    --opacity-green-24: hsl(var(--opacity-green-24-hsl)/0.23921568627450981);
    --opacity-green-24-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
    --opacity-green-28: hsl(var(--opacity-green-28-hsl)/0.2784313725490196);
    --opacity-green-28-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
    --opacity-green-32: hsl(var(--opacity-green-32-hsl)/0.3215686274509804);
    --opacity-green-32-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
    --opacity-green-36: hsl(var(--opacity-green-36-hsl)/0.3607843137254902);
    --opacity-green-36-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
    --opacity-green-40: hsl(var(--opacity-green-40-hsl)/0.4);
    --opacity-green-40-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
    --opacity-green-44: hsl(var(--opacity-green-44-hsl)/0.4392156862745098);
    --opacity-green-44-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
    --opacity-green-48: hsl(var(--opacity-green-48-hsl)/0.47843137254901963);
    --opacity-green-48-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
    --opacity-green-52: hsl(var(--opacity-green-52-hsl)/0.5215686274509804);
    --opacity-green-52-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
    --opacity-green-56: hsl(var(--opacity-green-56-hsl)/0.5607843137254902);
    --opacity-green-56-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
    --opacity-green-60: hsl(var(--opacity-green-60-hsl)/0.6);
    --opacity-green-60-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
    --opacity-green-64: hsl(var(--opacity-green-64-hsl)/0.6392156862745098);
    --opacity-green-64-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
    --opacity-green-68: hsl(var(--opacity-green-68-hsl)/0.6784313725490196);
    --opacity-green-68-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
    --opacity-green-72: hsl(var(--opacity-green-72-hsl)/0.7215686274509804);
    --opacity-green-72-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
    --opacity-green-76: hsl(var(--opacity-green-76-hsl)/0.7607843137254902);
    --opacity-green-76-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
    --opacity-green-80: hsl(var(--opacity-green-80-hsl)/0.8);
    --opacity-green-80-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
    --opacity-green-84: hsl(var(--opacity-green-84-hsl)/0.8392156862745098);
    --opacity-green-84-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
    --opacity-green-88: hsl(var(--opacity-green-88-hsl)/0.8784313725490196);
    --opacity-green-88-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
    --opacity-green-92: hsl(var(--opacity-green-92-hsl)/0.9215686274509803);
    --opacity-green-92-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
    --opacity-green-96: hsl(var(--opacity-green-96-hsl)/0.9607843137254902);
    --opacity-green-96-hsl: 151.128 calc(var(--saturation-factor, 1)*100%) 26.078%;
    --opacity-red-1: hsl(var(--opacity-red-1-hsl)/0.0196078431372549);
    --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.0196078431372549);
    --opacity-teal-1-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
    --opacity-teal-4: hsl(var(--opacity-teal-4-hsl)/0.0392156862745098);
    --opacity-teal-4-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
    --opacity-teal-8: hsl(var(--opacity-teal-8-hsl)/0.0784313725490196);
    --opacity-teal-8-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
    --opacity-teal-12: hsl(var(--opacity-teal-12-hsl)/0.12156862745098039);
    --opacity-teal-12-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
    --opacity-teal-16: hsl(var(--opacity-teal-16-hsl)/0.1607843137254902);
    --opacity-teal-16-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
    --opacity-teal-20: hsl(var(--opacity-teal-20-hsl)/0.2);
    --opacity-teal-20-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
    --opacity-teal-24: hsl(var(--opacity-teal-24-hsl)/0.23921568627450981);
    --opacity-teal-24-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
    --opacity-teal-28: hsl(var(--opacity-teal-28-hsl)/0.2784313725490196);
    --opacity-teal-28-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
    --opacity-teal-32: hsl(var(--opacity-teal-32-hsl)/0.3215686274509804);
    --opacity-teal-32-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
    --opacity-teal-36: hsl(var(--opacity-teal-36-hsl)/0.3607843137254902);
    --opacity-teal-36-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
    --opacity-teal-40: hsl(var(--opacity-teal-40-hsl)/0.4);
    --opacity-teal-40-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
    --opacity-teal-44: hsl(var(--opacity-teal-44-hsl)/0.4392156862745098);
    --opacity-teal-44-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
    --opacity-teal-48: hsl(var(--opacity-teal-48-hsl)/0.47843137254901963);
    --opacity-teal-48-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
    --opacity-teal-52: hsl(var(--opacity-teal-52-hsl)/0.5215686274509804);
    --opacity-teal-52-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
    --opacity-teal-56: hsl(var(--opacity-teal-56-hsl)/0.5607843137254902);
    --opacity-teal-56-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
    --opacity-teal-60: hsl(var(--opacity-teal-60-hsl)/0.6);
    --opacity-teal-60-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
    --opacity-teal-64: hsl(var(--opacity-teal-64-hsl)/0.6392156862745098);
    --opacity-teal-64-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
    --opacity-teal-68: hsl(var(--opacity-teal-68-hsl)/0.6784313725490196);
    --opacity-teal-68-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
    --opacity-teal-72: hsl(var(--opacity-teal-72-hsl)/0.7215686274509804);
    --opacity-teal-72-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
    --opacity-teal-76: hsl(var(--opacity-teal-76-hsl)/0.7607843137254902);
    --opacity-teal-76-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
    --opacity-teal-80: hsl(var(--opacity-teal-80-hsl)/0.8);
    --opacity-teal-80-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
    --opacity-teal-84: hsl(var(--opacity-teal-84-hsl)/0.8392156862745098);
    --opacity-teal-84-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
    --opacity-teal-88: hsl(var(--opacity-teal-88-hsl)/0.8784313725490196);
    --opacity-teal-88-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
    --opacity-teal-92: hsl(var(--opacity-teal-92-hsl)/0.9215686274509803);
    --opacity-teal-92-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
    --opacity-teal-96: hsl(var(--opacity-teal-96-hsl)/0.9607843137254902);
    --opacity-teal-96-hsl: 184.615 calc(var(--saturation-factor, 1)*100%) 28.039%;
    --opacity-yellow-1: hsl(var(--opacity-yellow-1-hsl)/0.0196078431372549);
    --opacity-yellow-1-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
    --opacity-yellow-4: hsl(var(--opacity-yellow-4-hsl)/0.0392156862745098);
    --opacity-yellow-4-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
    --opacity-yellow-8: hsl(var(--opacity-yellow-8-hsl)/0.0784313725490196);
    --opacity-yellow-8-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
    --opacity-yellow-12: hsl(var(--opacity-yellow-12-hsl)/0.12156862745098039);
    --opacity-yellow-12-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
    --opacity-yellow-16: hsl(var(--opacity-yellow-16-hsl)/0.1607843137254902);
    --opacity-yellow-16-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
    --opacity-yellow-20: hsl(var(--opacity-yellow-20-hsl)/0.2);
    --opacity-yellow-20-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
    --opacity-yellow-24: hsl(var(--opacity-yellow-24-hsl)/0.23921568627450981);
    --opacity-yellow-24-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
    --opacity-yellow-28: hsl(var(--opacity-yellow-28-hsl)/0.2784313725490196);
    --opacity-yellow-28-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
    --opacity-yellow-32: hsl(var(--opacity-yellow-32-hsl)/0.3215686274509804);
    --opacity-yellow-32-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
    --opacity-yellow-36: hsl(var(--opacity-yellow-36-hsl)/0.3607843137254902);
    --opacity-yellow-36-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
    --opacity-yellow-40: hsl(var(--opacity-yellow-40-hsl)/0.4);
    --opacity-yellow-40-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
    --opacity-yellow-44: hsl(var(--opacity-yellow-44-hsl)/0.4392156862745098);
    --opacity-yellow-44-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
    --opacity-yellow-48: hsl(var(--opacity-yellow-48-hsl)/0.47843137254901963);
    --opacity-yellow-48-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
    --opacity-yellow-52: hsl(var(--opacity-yellow-52-hsl)/0.5215686274509804);
    --opacity-yellow-52-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
    --opacity-yellow-56: hsl(var(--opacity-yellow-56-hsl)/0.5607843137254902);
    --opacity-yellow-56-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
    --opacity-yellow-60: hsl(var(--opacity-yellow-60-hsl)/0.6);
    --opacity-yellow-60-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
    --opacity-yellow-64: hsl(var(--opacity-yellow-64-hsl)/0.6392156862745098);
    --opacity-yellow-64-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
    --opacity-yellow-68: hsl(var(--opacity-yellow-68-hsl)/0.6784313725490196);
    --opacity-yellow-68-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
    --opacity-yellow-72: hsl(var(--opacity-yellow-72-hsl)/0.7215686274509804);
    --opacity-yellow-72-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
    --opacity-yellow-76: hsl(var(--opacity-yellow-76-hsl)/0.7607843137254902);
    --opacity-yellow-76-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
    --opacity-yellow-80: hsl(var(--opacity-yellow-80-hsl)/0.8);
    --opacity-yellow-80-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
    --opacity-yellow-84: hsl(var(--opacity-yellow-84-hsl)/0.8392156862745098);
    --opacity-yellow-84-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
    --opacity-yellow-88: hsl(var(--opacity-yellow-88-hsl)/0.8784313725490196);
    --opacity-yellow-88-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
    --opacity-yellow-92: hsl(var(--opacity-yellow-92-hsl)/0.9215686274509803);
    --opacity-yellow-92-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
    --opacity-yellow-96: hsl(var(--opacity-yellow-96-hsl)/0.9607843137254902);
    --opacity-yellow-96-hsl: 39.435 calc(var(--saturation-factor, 1)*100%) 48.627%;
    --opacity-orange-1: hsl(var(--opacity-orange-1-hsl)/0.0196078431372549);
    --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.0196078431372549);
    --opacity-pink-1-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
    --opacity-pink-4: hsl(var(--opacity-pink-4-hsl)/0.0392156862745098);
    --opacity-pink-4-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
    --opacity-pink-8: hsl(var(--opacity-pink-8-hsl)/0.0784313725490196);
    --opacity-pink-8-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
    --opacity-pink-12: hsl(var(--opacity-pink-12-hsl)/0.12156862745098039);
    --opacity-pink-12-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
    --opacity-pink-16: hsl(var(--opacity-pink-16-hsl)/0.1607843137254902);
    --opacity-pink-16-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
    --opacity-pink-20: hsl(var(--opacity-pink-20-hsl)/0.2);
    --opacity-pink-20-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
    --opacity-pink-24: hsl(var(--opacity-pink-24-hsl)/0.23921568627450981);
    --opacity-pink-24-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
    --opacity-pink-28: hsl(var(--opacity-pink-28-hsl)/0.2784313725490196);
    --opacity-pink-28-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
    --opacity-pink-32: hsl(var(--opacity-pink-32-hsl)/0.3215686274509804);
    --opacity-pink-32-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
    --opacity-pink-36: hsl(var(--opacity-pink-36-hsl)/0.3607843137254902);
    --opacity-pink-36-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
    --opacity-pink-40: hsl(var(--opacity-pink-40-hsl)/0.4);
    --opacity-pink-40-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
    --opacity-pink-44: hsl(var(--opacity-pink-44-hsl)/0.4392156862745098);
    --opacity-pink-44-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
    --opacity-pink-48: hsl(var(--opacity-pink-48-hsl)/0.47843137254901963);
    --opacity-pink-48-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
    --opacity-pink-52: hsl(var(--opacity-pink-52-hsl)/0.5215686274509804);
    --opacity-pink-52-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
    --opacity-pink-56: hsl(var(--opacity-pink-56-hsl)/0.5607843137254902);
    --opacity-pink-56-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
    --opacity-pink-60: hsl(var(--opacity-pink-60-hsl)/0.6);
    --opacity-pink-60-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
    --opacity-pink-64: hsl(var(--opacity-pink-64-hsl)/0.6392156862745098);
    --opacity-pink-64-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
    --opacity-pink-68: hsl(var(--opacity-pink-68-hsl)/0.6784313725490196);
    --opacity-pink-68-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
    --opacity-pink-72: hsl(var(--opacity-pink-72-hsl)/0.7215686274509804);
    --opacity-pink-72-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
    --opacity-pink-76: hsl(var(--opacity-pink-76-hsl)/0.7607843137254902);
    --opacity-pink-76-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
    --opacity-pink-80: hsl(var(--opacity-pink-80-hsl)/0.8);
    --opacity-pink-80-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
    --opacity-pink-84: hsl(var(--opacity-pink-84-hsl)/0.8392156862745098);
    --opacity-pink-84-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
    --opacity-pink-88: hsl(var(--opacity-pink-88-hsl)/0.8784313725490196);
    --opacity-pink-88-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
    --opacity-pink-92: hsl(var(--opacity-pink-92-hsl)/0.9215686274509803);
    --opacity-pink-92-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
    --opacity-pink-96: hsl(var(--opacity-pink-96-hsl)/0.9607843137254902);
    --opacity-pink-96-hsl: 315 calc(var(--saturation-factor, 1)*100%) 64.706%;
    --opacity-white-1: hsl(var(--opacity-white-1-hsl)/0.0196078431372549);
    --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.0196078431372549);
    --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-500: hsl(var(--white-500-hsl)/1);
    --white-500-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --black: hsl(var(--black-hsl)/1);
    --black-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-500: hsl(var(--black-500-hsl)/1);
    --black-500-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-24);
    --blue-300-hsl: var(--blue-new-24-hsl);
    --blue-330: var(--blue-new-30);
    --blue-330-hsl: var(--blue-new-30-hsl);
    --blue-345: var(--blue-new-36);
    --blue-345-hsl: var(--blue-new-36-hsl);
    --blue-360: var(--blue-new-40);
    --blue-360-hsl: var(--blue-new-40-hsl);
    --blue-400: var(--blue-new-46);
    --blue-400-hsl: var(--blue-new-46-hsl);
    --blue-430: var(--blue-new-52);
    --blue-430-hsl: var(--blue-new-52-hsl);
    --blue-460: var(--blue-new-57);
    --blue-460-hsl: var(--blue-new-57-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-87);
    --blue-730-hsl: var(--blue-new-87-hsl);
    --blue-760: var(--blue-new-90);
    --blue-760-hsl: var(--blue-new-90-hsl);
    --blue-800: var(--blue-new-92);
    --blue-800-hsl: var(--blue-new-92-hsl);
    --blue-830: var(--blue-new-94);
    --blue-830-hsl: var(--blue-new-94-hsl);
    --blue-860: var(--blue-new-95);
    --blue-860-hsl: var(--blue-new-95-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-15);
    --brand-300-hsl: var(--blurple-15-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-29);
    --brand-360-hsl: var(--blurple-29-hsl);
    --brand-400: var(--blurple-38);
    --brand-400-hsl: var(--blurple-38-hsl);
    --brand-430: var(--blurple-41);
    --brand-430-hsl: var(--blurple-41-hsl);
    --brand-460: var(--blurple-45);
    --brand-460-hsl: var(--blurple-45-hsl);
    --brand-500: var(--blurple-50);
    --brand-500-hsl: var(--blurple-50-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-86);
    --brand-800-hsl: var(--blurple-86-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-9);
    --green-200-hsl: var(--green-new-9-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-29);
    --green-330-hsl: var(--green-new-29-hsl);
    --green-345: var(--green-new-34);
    --green-345-hsl: var(--green-new-34-hsl);
    --green-360: var(--green-new-40);
    --green-360-hsl: var(--green-new-40-hsl);
    --green-400: var(--green-new-45);
    --green-400-hsl: var(--green-new-45-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-63);
    --green-500-hsl: var(--green-new-63-hsl);
    --green-530: var(--green-new-69);
    --green-530-hsl: var(--green-new-69-hsl);
    --green-560: var(--green-new-73);
    --green-560-hsl: var(--green-new-73-hsl);
    --green-600: var(--green-new-77);
    --green-600-hsl: var(--green-new-77-hsl);
    --green-630: var(--green-new-80);
    --green-630-hsl: var(--green-new-80-hsl);
    --green-660: var(--green-new-83);
    --green-660-hsl: var(--green-new-83-hsl);
    --green-700: var(--green-new-86);
    --green-700-hsl: var(--green-new-86-hsl);
    --green-730: var(--green-new-89);
    --green-730-hsl: var(--green-new-89-hsl);
    --green-760: var(--green-new-91);
    --green-760-hsl: var(--green-new-91-hsl);
    --green-800: var(--green-new-94);
    --green-800-hsl: var(--green-new-94-hsl);
    --green-830: var(--green-new-96);
    --green-830-hsl: var(--green-new-96-hsl);
    --green-860: var(--green-new-98);
    --green-860-hsl: var(--green-new-98-hsl);
    --green-900: var(--green-new-99);
    --green-900-hsl: var(--green-new-99-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-21);
    --orange-300-hsl: var(--orange-new-21-hsl);
    --orange-330: var(--orange-new-30);
    --orange-330-hsl: var(--orange-new-30-hsl);
    --orange-345: var(--orange-new-35);
    --orange-345-hsl: var(--orange-new-35-hsl);
    --orange-360: var(--orange-new-39);
    --orange-360-hsl: var(--orange-new-39-hsl);
    --orange-400: var(--orange-new-42);
    --orange-400-hsl: var(--orange-new-42-hsl);
    --orange-430: var(--orange-new-45);
    --orange-430-hsl: var(--orange-new-45-hsl);
    --orange-460: var(--orange-new-57);
    --orange-460-hsl: var(--orange-new-57-hsl);
    --orange-500: var(--orange-new-62);
    --orange-500-hsl: var(--orange-new-62-hsl);
    --orange-530: var(--orange-new-67);
    --orange-530-hsl: var(--orange-new-67-hsl);
    --orange-560: var(--orange-new-73);
    --orange-560-hsl: var(--orange-new-73-hsl);
    --orange-600: var(--orange-new-75);
    --orange-600-hsl: var(--orange-new-75-hsl);
    --orange-630: var(--orange-new-80);
    --orange-630-hsl: var(--orange-new-80-hsl);
    --orange-660: var(--orange-new-81);
    --orange-660-hsl: var(--orange-new-81-hsl);
    --orange-700: var(--orange-new-82);
    --orange-700-hsl: var(--orange-new-82-hsl);
    --orange-730: var(--orange-new-87);
    --orange-730-hsl: var(--orange-new-87-hsl);
    --orange-760: var(--orange-new-89);
    --orange-760-hsl: var(--orange-new-89-hsl);
    --orange-800: var(--orange-new-92);
    --orange-800-hsl: var(--orange-new-92-hsl);
    --orange-830: var(--orange-new-99);
    --orange-830-hsl: var(--orange-new-99-hsl);
    --orange-860: var(--orange-new-99);
    --orange-860-hsl: var(--orange-new-99-hsl);
    --orange-900: var(--orange-new-100);
    --orange-900-hsl: var(--orange-new-100-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-41);
    --plum-11-hsl: var(--neutral-41-hsl);
    --plum-12: var(--neutral-46);
    --plum-12-hsl: var(--neutral-46-hsl);
    --plum-13: var(--neutral-50);
    --plum-13-hsl: var(--neutral-50-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-10);
    --plum-4-hsl: var(--neutral-10-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-24);
    --plum-8-hsl: var(--neutral-24-hsl);
    --plum-9: var(--neutral-29);
    --plum-9-hsl: var(--neutral-29-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-41);
    --primary-430-hsl: var(--neutral-41-hsl);
    --primary-460: var(--neutral-46);
    --primary-460-hsl: var(--neutral-46-hsl);
    --primary-500: var(--neutral-50);
    --primary-500-hsl: var(--neutral-50-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-16);
    --red-300-hsl: var(--red-new-16-hsl);
    --red-330: var(--red-new-21);
    --red-330-hsl: var(--red-new-21-hsl);
    --red-345: var(--red-new-30);
    --red-345-hsl: var(--red-new-30-hsl);
    --red-360: var(--red-new-38);
    --red-360-hsl: var(--red-new-38-hsl);
    --red-400: var(--red-new-46);
    --red-400-hsl: var(--red-new-46-hsl);
    --red-430: var(--red-new-48);
    --red-430-hsl: var(--red-new-48-hsl);
    --red-460: var(--red-new-55);
    --red-460-hsl: var(--red-new-55-hsl);
    --red-500: var(--red-new-62);
    --red-500-hsl: var(--red-new-62-hsl);
    --red-530: var(--red-new-67);
    --red-530-hsl: var(--red-new-67-hsl);
    --red-560: var(--red-new-71);
    --red-560-hsl: var(--red-new-71-hsl);
    --red-600: var(--red-new-75);
    --red-600-hsl: var(--red-new-75-hsl);
    --red-630: var(--red-new-77);
    --red-630-hsl: var(--red-new-77-hsl);
    --red-660: var(--red-new-81);
    --red-660-hsl: var(--red-new-81-hsl);
    --red-700: var(--red-new-84);
    --red-700-hsl: var(--red-new-84-hsl);
    --red-730: var(--red-new-89);
    --red-730-hsl: var(--red-new-89-hsl);
    --red-760: var(--red-new-92);
    --red-760-hsl: var(--red-new-92-hsl);
    --red-800: var(--red-new-95);
    --red-800-hsl: var(--red-new-95-hsl);
    --red-830: var(--red-new-96);
    --red-830-hsl: var(--red-new-96-hsl);
    --red-860: var(--red-new-98);
    --red-860-hsl: var(--red-new-98-hsl);
    --red-900: var(--red-new-99);
    --red-900-hsl: var(--red-new-99-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-1);
    --teal-160-hsl: var(--teal-new-1-hsl);
    --teal-200: var(--teal-new-7);
    --teal-200-hsl: var(--teal-new-7-hsl);
    --teal-230: var(--teal-new-13);
    --teal-230-hsl: var(--teal-new-13-hsl);
    --teal-260: var(--teal-new-19);
    --teal-260-hsl: var(--teal-new-19-hsl);
    --teal-300: var(--teal-new-24);
    --teal-300-hsl: var(--teal-new-24-hsl);
    --teal-330: var(--teal-new-30);
    --teal-330-hsl: var(--teal-new-30-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-45);
    --teal-400-hsl: var(--teal-new-45-hsl);
    --teal-430: var(--teal-new-53);
    --teal-430-hsl: var(--teal-new-53-hsl);
    --teal-460: var(--teal-new-59);
    --teal-460-hsl: var(--teal-new-59-hsl);
    --teal-500: var(--teal-new-65);
    --teal-500-hsl: var(--teal-new-65-hsl);
    --teal-530: var(--teal-new-70);
    --teal-530-hsl: var(--teal-new-70-hsl);
    --teal-560: var(--teal-new-74);
    --teal-560-hsl: var(--teal-new-74-hsl);
    --teal-600: var(--teal-new-78);
    --teal-600-hsl: var(--teal-new-78-hsl);
    --teal-630: var(--teal-new-81);
    --teal-630-hsl: var(--teal-new-81-hsl);
    --teal-660: var(--teal-new-84);
    --teal-660-hsl: var(--teal-new-84-hsl);
    --teal-700: var(--teal-new-86);
    --teal-700-hsl: var(--teal-new-86-hsl);
    --teal-730: var(--teal-new-89);
    --teal-730-hsl: var(--teal-new-89-hsl);
    --teal-760: var(--teal-new-92);
    --teal-760-hsl: var(--teal-new-92-hsl);
    --teal-800: var(--teal-new-94);
    --teal-800-hsl: var(--teal-new-94-hsl);
    --teal-830: var(--teal-new-96);
    --teal-830-hsl: var(--teal-new-96-hsl);
    --teal-860: var(--teal-new-98);
    --teal-860-hsl: var(--teal-new-98-hsl);
    --teal-900: var(--teal-new-99);
    --teal-900-hsl: var(--teal-new-99-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-15);
    --yellow-230-hsl: var(--yellow-new-15-hsl);
    --yellow-260: var(--yellow-new-31);
    --yellow-260-hsl: var(--yellow-new-31-hsl);
    --yellow-300: var(--yellow-new-36);
    --yellow-300-hsl: var(--yellow-new-36-hsl);
    --yellow-330: var(--yellow-new-39);
    --yellow-330-hsl: var(--yellow-new-39-hsl);
    --yellow-345: var(--yellow-new-55);
    --yellow-345-hsl: var(--yellow-new-55-hsl);
    --yellow-360: var(--yellow-new-60);
    --yellow-360-hsl: var(--yellow-new-60-hsl);
    --yellow-400: var(--yellow-new-63);
    --yellow-400-hsl: var(--yellow-new-63-hsl);
    --yellow-430: var(--yellow-new-68);
    --yellow-430-hsl: var(--yellow-new-68-hsl);
    --yellow-460: var(--yellow-new-72);
    --yellow-460-hsl: var(--yellow-new-72-hsl);
    --yellow-500: var(--yellow-new-76);
    --yellow-500-hsl: var(--yellow-new-76-hsl);
    --yellow-530: var(--yellow-new-79);
    --yellow-530-hsl: var(--yellow-new-79-hsl);
    --yellow-560: var(--yellow-new-82);
    --yellow-560-hsl: var(--yellow-new-82-hsl);
    --yellow-600: var(--yellow-new-84);
    --yellow-600-hsl: var(--yellow-new-84-hsl);
    --yellow-630: var(--yellow-new-86);
    --yellow-630-hsl: var(--yellow-new-86-hsl);
    --yellow-660: var(--yellow-new-86);
    --yellow-660-hsl: var(--yellow-new-86-hsl);
    --yellow-700: var(--yellow-new-88);
    --yellow-700-hsl: var(--yellow-new-88-hsl);
    --yellow-730: var(--yellow-new-90);
    --yellow-730-hsl: var(--yellow-new-90-hsl);
    --yellow-760: var(--yellow-new-92);
    --yellow-760-hsl: var(--yellow-new-92-hsl);
    --yellow-800: var(--yellow-new-93);
    --yellow-800-hsl: var(--yellow-new-93-hsl);
    --yellow-830: var(--yellow-new-96);
    --yellow-830-hsl: var(--yellow-new-96-hsl);
    --yellow-860: var(--yellow-new-100);
    --yellow-860-hsl: var(--yellow-new-100-hsl);
    --yellow-900: var(--yellow-new-100);
    --yellow-900-hsl: var(--yellow-new-100-hsl)
}

.refresh-fast-follow-distinct-borders .theme-dark,.refresh-fast-follow-distinct-borders.theme-dark {
    --app-frame-border: 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-frame-border:color-mix(in oklab,var(--neutral-52) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)))
    }
}

.refresh-fast-follow-distinct-borders .theme-light,.refresh-fast-follow-distinct-borders.theme-light {
    --app-frame-border: 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-frame-border:color-mix(in oklab,var(--neutral-12) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)))
    }
}

.refresh-fast-follow-distinct-borders .theme-midnight,.refresh-fast-follow-distinct-borders.theme-midnight {
    --app-frame-border: 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-frame-border:color-mix(in oklab,var(--neutral-73) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)))
    }
}

.refresh-fast-follow-distinct-borders .theme-darker,.refresh-fast-follow-distinct-borders.theme-darker {
    --app-frame-border: 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-frame-border:color-mix(in oklab,var(--neutral-65) 100%,var(--custom-theme-base-color,#000) var(--custom-theme-border-color-amount,var(--custom-theme-base-color-amount,0%)))
    }
}

.mana-toggle-inputs .theme-dark,.mana-toggle-inputs.theme-dark {
    --checkbox-background-default: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
    --checkbox-border-default: hsl(var(--opacity-64-hsl)/0.6392156862745098)
}

.mana-toggle-inputs .theme-light,.mana-toggle-inputs.theme-light {
    --checkbox-background-default: hsl(var(--opacity-black-4-hsl)/0.0392156862745098);
    --checkbox-border-default: var(--neutral-34)
}

.mana-toggle-inputs .theme-darker,.mana-toggle-inputs .theme-midnight,.mana-toggle-inputs.theme-darker,.mana-toggle-inputs.theme-midnight {
    --checkbox-background-default: hsl(var(--opacity-black-8-hsl)/0.0784313725490196);
    --checkbox-border-default: hsl(var(--opacity-64-hsl)/0.6392156862745098)
}

.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 {
    --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-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-hsl)/0.16);
    --elevation-high: 0 8px 16px hsl(var(--black-hsl)/0.24)
}

.theme-light {
    --guild-header-text-shadow: 0 1px 1px hsl(var(--white-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-hsl)/0.08);
    --elevation-high: 0 8px 16px hsl(var(--black-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")
}

@font-face {
    font-family: Munro;
    font-style: normal;
    font-weight: 400;
    src: url(/assets/b4099c935ba38494.woff2) format("woff2")
}

@font-face {
    font-family: Cherry Bomb One;
    font-style: normal;
    font-weight: 400;
    src: url(/assets/27a6daf95bd8adde.woff2) format("woff2")
}

@font-face {
    font-family: Chicle;
    font-style: normal;
    font-weight: 400;
    src: url(/assets/08d347453f57b1f5.woff2) format("woff2")
}

@font-face {
    font-family: Neo Castel;
    font-style: normal;
    font-weight: 400;
    src: url(/assets/b98eacfe1a3d06eb.woff2) format("woff2")
}

@font-face {
    font-family: Museo Moderno;
    font-style: normal;
    font-weight: 500;
    src: url(/assets/8b6d8d408e0e52a7.woff2) format("woff2")
}

@font-face {
    font-family: Pixelify Sans;
    font-style: normal;
    font-weight: 400;
    src: url(/assets/752009d1dc4553e8.woff2) format("woff2")
}

@font-face {
    font-family: Sinistre;
    font-style: normal;
    font-weight: 400;
    src: url(/assets/9b974db0b9197a22.woff2) format("woff2")
}

@font-face {
    font-family: Zilla Slab;
    font-style: normal;
    font-weight: 600;
    src: url(/assets/8698e980e38d61ed.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 {
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extra-bold: 800;
    --channels-name-line-height: 24px;
    --channels-spine-inverted-offset-top: 6px;
    --channels-spine-offset-left: 24px;
    --chat-avatar-size: 40px;
    --chat-input-icon-size: 20px;
    --chat-markup-line-height: 1.375rem;
    --chat-resize-handle-width: 8px;
    --control-input-height-md: 40px;
    --control-input-height-sm: 32px;
    --control-item-height-md: 40px;
    --control-item-height-sm: 32px;
    --form-input-height: 44px;
    --guildbar-avatar-size: 40px;
    --guildbar-folder-size: 48px;
    --icon-size-lg: 32px;
    --icon-size-md: 24px;
    --icon-size-sm: 18px;
    --icon-size-xs: 16px;
    --icon-size-xxs: 12px;
    --modal-horizontal-padding: 24px;
    --modal-vertical-padding: 16px;
    --modal-width-large: 800px;
    --modal-width-medium: 602px;
    --modal-width-small: 442px;
    --select-max-width: 248px;
    --select-option-height: 40px
}

.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
}

.density-compact {
    --channels-name-line-height: 20px;
    --channels-spine-inverted-offset-top: 2px;
    --channels-spine-offset-left: 20px
}

.density-default {
    --channels-name-line-height: 24px;
    --channels-spine-inverted-offset-top: 6px;
    --channels-spine-offset-left: 24px
}

.density-cozy {
    --channels-name-line-height: 28px;
    --channels-spine-inverted-offset-top: 9px;
    --channels-spine-offset-left: 28px
}

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: var(--font-weight-normal)
}

::placeholder,input,select,textarea {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-normal)
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .theme-light ::-moz-placeholder {
        font-weight:var(--font-weight-medium)
    }

    .theme-light ::placeholder,.theme-light input,.theme-light select,.theme-light textarea {
        font-weight: var(--font-weight-medium)
    }
}

strong {
    font-weight: var(--font-weight-semibold)
}

button {
    border: 0;
    cursor: pointer;
    font-family: var(--font-primary);
    font-weight: var(--font-weight-medium)
}

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-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;
    --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-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;
    --video-calls-base-tile-border-radius: var(--radius-lg);
    --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-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
}

.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-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-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-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: 264px;
    --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 {
    --custom-background-gradient-color: 0 0 0;
    --custom-background-gradient-opacity-chat: 0.8;
    --custom-background-gradient-highest-opacity: 0.65;
    --custom-background-gradient-lowest-opacity: 0.9;
    --custom-background-gradient-lower-opacity: 0.85;
    --custom-background-gradient-low-opacity: 0.8;
    --custom-background-gradient-high-opacity: 0.75;
    --custom-background-gradient-higher-opacity: 0.7;
    --custom-background-gradient-opacity-app-frame: var(--custom-background-gradient-higher-opacity)
}

.theme-dark.custom-theme-background.custom-client-theme {
    --custom-background-gradient-lowest-opacity: calc(0.54 + var(--custom-background-gradient-opacity-mix-amount, 1)*0.4*0.9);
    --custom-background-gradient-lower-opacity: calc(0.51 + var(--custom-background-gradient-opacity-mix-amount, 1)*0.4*0.85);
    --custom-background-gradient-low-opacity: calc(0.48 + var(--custom-background-gradient-opacity-mix-amount, 1)*0.4*0.8);
    --custom-background-gradient-high-opacity: calc(0.45 + var(--custom-background-gradient-opacity-mix-amount, 1)*0.4*0.75);
    --custom-background-gradient-higher-opacity: calc(0.42 + var(--custom-background-gradient-opacity-mix-amount, 1)*0.4*0.7);
    --custom-background-gradient-opacity-chat: calc(0.48 + var(--custom-background-gradient-opacity-mix-amount, 1)*0.4*0.8);
    --custom-background-gradient-highest-opacity: calc(0.39 + var(--custom-background-gradient-opacity-mix-amount, 1)*0.4*0.65)
}

.custom-theme-background .theme-dark,.theme-dark.custom-theme-background {
    --custom-theme-base-color: var(--custom-theme-base-color-dark);
    --custom-theme-text-color: var(--custom-theme-text-color-dark);
    --custom-theme-base-color-hsl: var(--custom-theme-base-color-dark-hsl)
}

.theme-light.custom-theme-background {
    --custom-background-gradient-color: 255 255 255;
    --custom-background-gradient-highest-opacity: 0.95;
    --custom-background-gradient-opacity-chat: 0.85;
    --custom-background-gradient-lowest-opacity: 0.85;
    --custom-background-gradient-lower-opacity: 0.8;
    --custom-background-gradient-low-opacity: 0.75;
    --custom-background-gradient-high-opacity: 0.7;
    --custom-background-gradient-higher-opacity: 0.65;
    --custom-background-gradient-opacity-app-frame: var(--custom-background-gradient-higher-opacity)
}

.theme-light.custom-theme-background.custom-client-theme {
    --custom-background-gradient-lowest-opacity: calc(0.51 + var(--custom-background-gradient-opacity-mix-amount, 1)*0.4*0.85);
    --custom-background-gradient-lower-opacity: calc(0.48 + var(--custom-background-gradient-opacity-mix-amount, 1)*0.4*0.8);
    --custom-background-gradient-low-opacity: calc(0.45 + var(--custom-background-gradient-opacity-mix-amount, 1)*0.4*0.75);
    --custom-background-gradient-high-opacity: calc(0.42 + var(--custom-background-gradient-opacity-mix-amount, 1)*0.4*0.7);
    --custom-background-gradient-higher-opacity: calc(0.325 + var(--custom-background-gradient-opacity-mix-amount, 1)*0.5*0.65);
    --custom-background-gradient-opacity-chat: calc(var(--custom-background-gradient-chat-opacity-base-light, 0.85)*(0.6 + var(--custom-background-gradient-opacity-mix-amount, 1)*0.4));
    --custom-background-gradient-highest-opacity: calc(var(--custom-background-gradient-highest-opacity-base-light, 0.95)*(0.8 + var(--custom-background-gradient-opacity-mix-amount, 1)*0.2))
}

.custom-theme-background .theme-light,.theme-light.custom-theme-background {
    --custom-theme-base-color: var(--custom-theme-base-color-light);
    --custom-theme-text-color: var(--custom-theme-text-color-light);
    --custom-theme-base-color-hsl: var(--custom-theme-base-color-light-hsl)
}

.custom-theme-background {
    --custom-background-gradient-lowest-color: var(--custom-background-gradient-color);
    --custom-background-gradient-lower-color: var(--custom-background-gradient-color);
    --custom-background-gradient-low-color: var(--custom-background-gradient-color);
    --custom-background-gradient-high-color: var(--custom-background-gradient-color);
    --custom-background-gradient-higher-color: var(--custom-background-gradient-color);
    --custom-background-gradient-chat-color: var(--custom-background-gradient-color);
    --custom-background-gradient-app-frame-color: var(--custom-background-gradient-color);
    --custom-background-gradient-highest-color: var(--custom-background-gradient-color);
    --custom-background-gradient-cover: fixed 0 0/cover,var(--custom-theme-background) fixed 0 0 /cover;
    --background-gradient-lowest: linear-gradient(rgb(var(--custom-background-gradient-lowest-color)/var(--custom-background-gradient-lowest-opacity)),rgb(var(--custom-background-gradient-lowest-color)/var(--custom-background-gradient-lowest-opacity))) var(--custom-background-gradient-cover);
    --background-gradient-lower: linear-gradient(rgb(var(--custom-background-gradient-lower-color)/var(--custom-background-gradient-lower-opacity)),rgb(var(--custom-background-gradient-lower-color)/var(--custom-background-gradient-lower-opacity))) var(--custom-background-gradient-cover);
    --background-gradient-low: linear-gradient(rgb(var(--custom-background-gradient-low-color)/var(--custom-background-gradient-low-opacity)),rgb(var(--custom-background-gradient-low-color)/var(--custom-background-gradient-low-opacity))) var(--custom-background-gradient-cover);
    --background-gradient-high: linear-gradient(rgb(var(--custom-background-gradient-high-color)/var(--custom-background-gradient-high-opacity)),rgb(var(--custom-background-gradient-high-color)/var(--custom-background-gradient-high-opacity))) var(--custom-background-gradient-cover);
    --background-gradient-higher: linear-gradient(rgb(var(--custom-background-gradient-higher-color)/var(--custom-background-gradient-higher-opacity)),rgb(var(--custom-background-gradient-higher-color)/var(--custom-background-gradient-higher-opacity))) var(--custom-background-gradient-cover);
    --background-gradient-chat: linear-gradient(rgb(var(--custom-background-gradient-chat-color)/var(--custom-background-gradient-opacity-chat)),rgb(var(--custom-background-gradient-chat-color)/var(--custom-background-gradient-opacity-chat))) var(--custom-background-gradient-cover);
    --background-gradient-app-frame: linear-gradient(rgb(var(--custom-background-gradient-app-frame-color)/var(--custom-background-gradient-opacity-app-frame)),rgb(var(--custom-background-gradient-app-frame-color)/var(--custom-background-gradient-opacity-app-frame))) var(--custom-background-gradient-cover);
    --background-gradient-highest: linear-gradient(rgb(var(--custom-background-gradient-highest-color)/var(--custom-background-gradient-highest-opacity)),rgb(var(--custom-background-gradient-highest-color)/var(--custom-background-gradient-highest-opacity))) var(--custom-background-gradient-cover);
    --background-gradient-chat-preview: linear-gradient(rgb(var(--custom-background-gradient-chat-color)/var(--custom-background-gradient-opacity-chat)),rgb(var(--custom-background-gradient-chat-color)/var(--custom-background-gradient-opacity-chat))),var(--custom-theme-background)
}

.disable-adaptive-theme {
    --custom-theme-base-color-amount: 0%!important;
    --custom-theme-text-color-amount: 0%!important
}

.reduce-adaptive-theme {
    --custom-theme-base-color-amount: 20%!important;
    --custom-theme-text-color-amount: 20%!important
}

@supports (color: color-mix(in lch,red,blue)) {
    .custom-theme-background:not(.custom-client-theme) {
        --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(--background-base-lowest);
    text-rendering: optimizeLegibility
}

.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-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: 32px;
    --custom-app-top-bar-item-radius: 6px;
    --custom-channel-header-height: calc(var(--guildbar-avatar-size) + var(--space-xs));
    --custom-member-list-width: 264px;
    --custom-channel-textarea-text-area-height: 56px;
    --custom-chat-aligned-icon-offset: ((var(--chat-avatar-size) - var(--chat-input-icon-size))/2);
    --custom-message-margin-horizontal: var(--space-md)
}

.refresh-title-bar-small {
    --custom-app-top-bar-height: 24px
}

.refresh-title-bar-large {
    --custom-app-top-bar-height: 40px
}

.platform-osx {
    --custom-app-top-bar-height: max(calc(100/var(--custom-zoom, 100)*32px),32px)
}

.platform-osx.refresh-title-bar-small {
    --custom-app-top-bar-height: max(calc(100/var(--custom-zoom, 100)*24px),24px)
}

.platform-osx.refresh-title-bar-large {
    --custom-app-top-bar-height: max(calc(100/var(--custom-zoom, 100)*40px),40px)
}

.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))
}

.density-compact {
    --custom-member-list-width: 256px
}

.density-cozy {
    --custom-member-list-width: 268px
}

.grecaptcha-badge {
    visibility: hidden
}

.enable-forced-colors:not(.platform-web) body:before,html.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%;
    inset-inline-start: 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.enable-forced-colors:not(.platform-web) #app-mount__51fd7,html.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.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.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.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.enable-forced-colors:not(.platform-web).theme-light.app-focused body:before {
    border-color: #483d8b
}

.high-contrast-mode,.high-contrast-mode .theme-light,.high-contrast-mode.theme-light,.high-contrast-mode .theme-dark,.high-contrast-mode.theme-dark,.high-contrast-mode .theme-darker,.high-contrast-mode.theme-darker,.high-contrast-mode .theme-midnight,.high-contrast-mode.theme-midnight {
    --shadow-border: 0 0 0 1px var(--border-strong)!important
}

/*# sourceMappingURL=web.cf1abc4e5994931f.css.map*/