.discovery_link_bg4kV {
    cursor: pointer
}

.discovery_link_bg4kV:hover {
    text-decoration: underline
}

.discovery_linkDefault_c-jCG {
    color: var(--text-link)
}

.discovery_externalLink_btR1E {
    text-decoration: none
}

.discovery_strong_ESvhm {
    font-weight: 700
}

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

.discovery_colorHeaderSecondary_2-Eby {
    color: var(--header-secondary)
}

.discovery_textMedium_F4DXy {
    font-size: 20px;
    font-size: clamp(16px, 2vw, 20px);
    line-height: 1.625
}

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

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

.discovery_size20_cNvg8 {
    font-size: 20px;
    line-height: 24px
}

.discovery_categoryListItemContainer_tkZr6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

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

.discovery_categoryListItemIcon_LFlJA {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 14px;
    color: var(--interactive-normal)
}

.discovery_categoryListItemIcon_LFlJA.discovery_selected_zqL6L {
    color: var(--interactive-active)
}

.discovery_categoryListItemText_pIXEh {
    font-size: 16px;
    line-height: 20px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.discovery_categoryListItemText_pIXEh.discovery_selected_zqL6L {
    font-weight: 600
}

.discovery_count_r6p5s {
    padding-left: 8px
}

.discovery_dropdownContainer_GVdsf:hover {
    cursor: pointer
}

.discovery_closedDropdownContainer_u655T {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 11px 12px;
    border: 1px solid rgba(79, 84, 92, .6);
    border-radius: 4px
}

:root {
    --page-max-width: 1260px;
    --num-grid-columns: 4;
    --page-gutter: 24px;
    --section-spacing: 56px;
    --max-zIndex: 9999
}

@media screen and (min-width:768px) {
    :root {
        --num-grid-columns: 8;
        --page-gutter: 40px;
        --section-spacing: 80px
    }
}

@media screen and (min-width:1024px) {
    :root {
        --num-grid-columns: 12;
        --section-spacing: 120px
    }
}

@media screen and (min-width:1024px) {
    .discovery_mobileOnly_eFttR {
        display: none !important
    }
}

.discovery_desktopOnly_-DVf5 {
    z-index: 1
}

@media screen and (max-width:calc(1024px - 1px)) {
    .discovery_desktopOnly_-DVf5 {
        display: none !important
    }

    .discovery_searchResultsContainer_5G9yU {
        margin-top: -70px;
    }
}

.discovery_categoryListItem_yJGxq {
    cursor: pointer;
    background-color: var(--background-secondary);
    margin-right: 8px;
    margin-bottom: 12px;
    border-radius: 8px;
    padding: 10px 12px;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

@media screen and (min-width:1024px) {
    .discovery_categoryListItem_yJGxq {
        background-color: transparent;
        border-radius: 4px;
        padding: 11px 14px
    }
}

.discovery_categoryListItem_yJGxq:hover {
    background: rgba(106, 116, 128, .16);
    z-index: -1
}

.discovery_grid_Oc7Oi {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.discovery_row_Bx0lB {
    width: 100%;
    max-width: var(--page-max-width);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(var(--num-grid-columns), 1fr);
    gap: 0 20px;
    padding: 0 var(--page-gutter)
}

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

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

.discovery_childContainer_glMeq {
    position: absolute;
    top: -.05px;
    left: .05px;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: none
}

.discovery_background_KsLDp {
    width: 16px;
    height: 16px
}

.discovery_verified_AZFr3 {
    color: hsl(145, calc(var(--saturation-factor, 1)*65%), 39.2%)
}

.discovery_icon_3dLwB {
    width: 100%;
    height: 100%;
    color: var(--white)
}

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

svg {
    pointer-events: none
}

.discovery_memberCount_Hy89M {
    font-size: 12px;
    line-height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.discovery_memberCount_Hy89M:last-child {
    margin-right: 0
}

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

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

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

.discovery_lookFilled_K-jIT.discovery_colorBrandNew_D7Tir {
    color: hsl(0, calc(var(--saturation-factor, 1)*0%), 100%);
    background-color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%)
}

.discovery_lookFilled_K-jIT.discovery_colorBrandNew_D7Tir:hover {
    background-color: hsl(235, calc(var(--saturation-factor, 1)*51.4%), 52.4%)
}

.discovery_lookFilled_K-jIT.discovery_colorBrandNew_D7Tir:active {
    background-color: hsl(235, calc(var(--saturation-factor, 1)*46.7%), 44.1%)
}

.discovery_lookFilled_K-jIT.discovery_colorBrandNew_D7Tir:disabled {
    background-color: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%)
}

.discovery_lookFilled_K-jIT {
    -webkit-transition: background-color 170ms ease, color 170ms ease;
    transition: background-color 170ms ease, color 170ms ease
}

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

.discovery_sizeMedium_zVdOw {
    width: 96px;
    height: 38px;
    min-width: 96px;
    min-height: 38px
}

.discovery_grow_K2vBH {
    width: auto
}

.discovery_lookFilled_K-jIT .discovery_contents_mkLug {
    margin: 0 auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

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

    .discovery_lookFilled_K-jIT .discovery_contents_mkLug {
        margin: 0
    }
}

.discovery_flexRow_-Jvz7 {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row
}

.discovery_flexCol_u5ZeD,
.discovery_flexRow_-Jvz7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.discovery_flexCol_u5ZeD {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.discovery_listItemContainer_p0-ca {
    text-decoration: none !important
}

.discovery_listIconImage_WfKg3 {
    height: 40px;
    width: 40px;
    border-radius: 8px;
    border: none;
    margin-right: 16px
}

@media screen and (min-width:1024px) {
    .discovery_listIconImage_WfKg3 {
        height: 24px;
        width: 24px;
        margin-right: 8px
    }
}

.discovery_listSplashImage_5oBjK {
    -o-object-fit: cover;
    object-fit: cover;
    height: 144px;
    max-width: 256px;
    width: 100%;
    border-radius: 8px;
    margin-right: 16px
}

.discovery_listHeaderContainer_Vmn8U {
    margin-bottom: 4px
}

@media screen and (min-width:1024px) {
    .discovery_listHeaderContainer_Vmn8U {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 8px
    }
}

.discovery_listName_3CroX {
    font-size: 17px
}

@media screen and (min-width:1024px) {
    .discovery_listName_3CroX {
        font-size: 16px
    }
}

.discovery_listDescription_eFT9o {
    font-weight: 500;
    margin-bottom: 8px
}

.discovery_listGuildMemberCount_Q3pci {
    font-weight: 500
}

.discovery_listMembersSeparatorDot_xTaxN {
    height: 4px;
    width: 4px;
    background-color: var(--button-secondary-background);
    border-radius: 50%;
    margin: auto 8px auto 0px
}

.discovery_listGuildBadgeContainer_fCMAz {
    display: none
}

@media screen and (min-width:1024px) {
    .discovery_listGuildBadgeContainer_fCMAz {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: auto;
        background-color: var(--input-background);
        border-radius: 4px;
        padding: 4px 8px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.discovery_listGuildBadgeIconContainer_e8ZBc {
    margin-right: 4px
}

.discovery_listGuildBadgeText_gjhGr {
    text-transform: uppercase;
    font-weight: 700
}

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

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

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

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

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

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

.discovery_inputsearch_HyHiI:focus {
    border-color: var(--text-link)
}

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

.discovery_searchBox_CgEi1 {
    height: auto;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 12px;
    border-radius: 8px;
    background-color: var(--input-background)
}

@media screen and (min-width:1024px) {
    .discovery_searchBox_CgEi1 {
        font-size: 16px;
        padding-right: 7px;
        padding-left: 7px
    }
}

.discovery_highlightedBadgeColor_Z7J4T {
    background: linear-gradient(90deg, rgba(64, 78, 237, 1) 0%, rgba(6, 17, 133, 1) 100%);
}

.discovery_newBadgeColor_Z7J4T {
    background: linear-gradient(90deg, rgba(53, 212, 119, 1) 0%, rgba(35, 165, 89, 1) 50%);
}

.discovery_highlightedTextBadgeColor_H3W1N {
    color: #fff
}

.discovery_newTextBadgeColor_H3W1N {
    color: #fff
}

.discovery_searchBox_CgEi1:focus,
.discovery_searchBox_CgEi1:focus-within {
    -webkit-box-shadow: 0 0 0 1px #5b43f0, 0 0 0 2px #bdb3f9, 0 0 0 3px #bdb3f9;
    box-shadow: 0 0 0 1px #5b43f0, 0 0 0 2px #bdb3f9, 0 0 0 3px #bdb3f9
}

.discovery_searchBox_CgEi1 .discovery_searchBoxInput_PGW0a {
    font-weight: 500;
    padding: 12px
}

@media screen and (min-width:1024px) {
    .discovery_searchBox_CgEi1 .discovery_searchBoxInput_PGW0a {
        padding: 16px
    }
}

.discovery_searchBox_CgEi1 .discovery_searchBoxInput_PGW0a::-webkit-input-placeholder {
    font-weight: 500;
    color: hsl(223, calc(var(--saturation-factor, 1)*5.8%), 52.9%)
}

.discovery_searchBox_CgEi1 .discovery_searchBoxInput_PGW0a::-moz-placeholder {
    font-weight: 500;
    color: hsl(223, calc(var(--saturation-factor, 1)*5.8%), 52.9%)
}

.discovery_searchBox_CgEi1 .discovery_searchBoxInput_PGW0a:-ms-input-placeholder {
    font-weight: 500;
    color: hsl(223, calc(var(--saturation-factor, 1)*5.8%), 52.9%)
}

.discovery_searchBoxInputWrapper_LJfbq {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.discovery_searchBarContainerOther_bStfB {
    margin-right: 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media screen and (min-width:1024px) {
    .discovery_searchBarContainerOther_bStfB {
        margin-right: 16px;
    }
}

.discovery_searchButton_zQhtM {
    height: auto;
    width: 40px;
    min-width: unset;
    min-height: unset;
    border-radius: 8px;
    padding: 0
}

@media screen and (min-width:1024px) {
    .discovery_searchButton_zQhtM {
        width: 52px
    }
}

.discovery_h3_GBL7U {
    font-weight: 600;
    font-size: 32px;
    font-size: clamp(18px, 3vw, 32px)
}

.discovery_h3_GBL7U {
    line-height: 120%;
    font-family: var(--font-display)
}

.discovery_pageControlContainer_ZwzqU {
    bottom: 0;
    width: 100%;
    margin-top: 22px;
    grid-column: 1/span 12
}

.discovery_pageControl_28Wo9 {
    margin: auto;
    padding: 4px 0
}

.discovery_pageButton_WGm6n,
.discovery_pageControl_28Wo9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

.discovery_pageButton_WGm6n {
    font-weight: 600;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 28px;
    min-width: 28px;
    padding: 6px;
    margin: 4px;
    cursor: pointer;
    color: var(--header-primary)
}

.discovery_pageButton_WGm6n:hover {
    color: var(--interactive-hover);
    background-color: var(--background-secondary-alt)
}

.discovery_roundButton_s9Z5- {
    min-width: 28px;
    border-radius: 14px;
    font-size: 16px
}

.discovery_endButton_gDnd4 {
    padding: 0 8px
}

.discovery_endButton_gDnd4:first-child {
    padding-right: 12px
}

.discovery_endButton_gDnd4:last-child {
    padding-left: 12px
}

.discovery_endButtonInner_efSj- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.discovery_gap_DWGKF {
    width: 28px;
    margin: 8px 4px;
    text-align: center;
    color: #757575
}

.discovery_iconCaret_4Kc-W {
    display: inline-block;
    width: 1em;
    height: 1em
}

.discovery_iconCaret_4Kc-W:first-child {
    margin-right: 4px
}

.discovery_iconCaret_4Kc-W:last-child {
    margin-left: 4px
}

.discovery_activeButton_hthP1,
.discovery_activeButton_hthP1:hover {
    color: hsl(0, calc(var(--saturation-factor, 1)*0%), 100%);
    background-color: var(--brand-experiment)
}

.discovery_pageNumber_Ql5jW {
    visibility: hidden;
    display: none
}

@media screen and (min-width:1024px) {
    .discovery_pageNumber_Ql5jW {
        visibility: visible;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.discovery_pageNumber_Ql5jW.discovery_activeButton_hthP1,
.discovery_pageNumber_Ql5jW:last-of-type {
    visibility: visible;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.discovery_searchBarContainer_bStfB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column: span 12;
    margin-bottom: 12px;
    height: 40px
}

@media screen and (min-width:1024px) {
    .discovery_searchBarContainer_bStfB {
        grid-column: 2/span 10;
        margin-bottom: 40px;
        height: 52px
    }
}

.discovery_categoryContainer_4Dvmp {
    z-index: 1;
    grid-column: span 12;
    margin-bottom: 38px;
    height: 40px
}

@media screen and (min-width:1024px) {
    .discovery_categoryContainer_4Dvmp {
        margin-bottom: 0;
        height: auto;
        grid-column: 2/span 3
    }
}

.discovery_searchResultsContainer_5G9yU {
    grid-column: span 12
}

@media screen and (min-width:1024px) {
    .discovery_searchResultsContainer_5G9yU {
        grid-column: span 7
    }
}

.discovery_searchResultsFoundContainer_n-8MY {
    display: none
}

@media screen and (min-width:1024px) {
    .discovery_searchResultsFoundContainer_n-8MY {
        display: block;
        margin-bottom: 16px
    }
}

.discovery_searchListItem_KQb6X {
    display: inline-block;
    width: 100%;
    height: auto;
    margin-bottom: 16px;
    padding: 8px;
    border-radius: 8px;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

@media screen and (min-width:1024px) {
    .discovery_searchListItem_KQb6X {
        margin-bottom: 20px
    }
}

.discovery_searchListItem_KQb6X:hover {
    background: rgba(106, 116, 128, .16);
    z-index: -1
}

:root {
    --application-subscription-end: hsl(var(--application-subscription-end-hsl)/1);
    --application-subscription-end-hsl: 197 calc(var(--saturation-factor, 1)*98.8%) 32.4%;
    --application-subscription-start: hsl(var(--application-subscription-start-hsl)/1);
    --application-subscription-start-hsl: 235 calc(var(--saturation-factor, 1)*68.5%) 52.7%;
    --battlenet: hsl(var(--battlenet-hsl)/1);
    --battlenet-hsl: 200 calc(var(--saturation-factor, 1)*100%) 44.9%;
    --bg-gradient-aurora-1: hsl(var(--bg-gradient-aurora-1-hsl)/1);
    --bg-gradient-aurora-1-hsl: 220 calc(var(--saturation-factor, 1)*86.5%) 17.5%;
    --bg-gradient-aurora-2: hsl(var(--bg-gradient-aurora-2-hsl)/1);
    --bg-gradient-aurora-2-hsl: 238 calc(var(--saturation-factor, 1)*76.4%) 41.6%;
    --bg-gradient-aurora-3: hsl(var(--bg-gradient-aurora-3-hsl)/1);
    --bg-gradient-aurora-3-hsl: 184 calc(var(--saturation-factor, 1)*78%) 33.9%;
    --bg-gradient-aurora-4: hsl(var(--bg-gradient-aurora-4-hsl)/1);
    --bg-gradient-aurora-4-hsl: 169 calc(var(--saturation-factor, 1)*60.2%) 32.5%;
    --bg-gradient-aurora-5: hsl(var(--bg-gradient-aurora-5-hsl)/1);
    --bg-gradient-aurora-5-hsl: 230 calc(var(--saturation-factor, 1)*92.5%) 26.3%;
    --bg-gradient-blurple-twilight-1: hsl(var(--bg-gradient-blurple-twilight-1-hsl)/1);
    --bg-gradient-blurple-twilight-1-hsl: 234 calc(var(--saturation-factor, 1)*79.6%) 53.9%;
    --bg-gradient-blurple-twilight-2: hsl(var(--bg-gradient-blurple-twilight-2-hsl)/1);
    --bg-gradient-blurple-twilight-2-hsl: 245 calc(var(--saturation-factor, 1)*63.7%) 31.4%;
    --bg-gradient-chroma-glow-1: hsl(var(--bg-gradient-chroma-glow-1-hsl)/1);
    --bg-gradient-chroma-glow-1-hsl: 183 calc(var(--saturation-factor, 1)*86.3%) 40.2%;
    --bg-gradient-chroma-glow-2: hsl(var(--bg-gradient-chroma-glow-2-hsl)/1);
    --bg-gradient-chroma-glow-2-hsl: 258 calc(var(--saturation-factor, 1)*89.8%) 46.3%;
    --bg-gradient-chroma-glow-3: hsl(var(--bg-gradient-chroma-glow-3-hsl)/1);
    --bg-gradient-chroma-glow-3-hsl: 298 calc(var(--saturation-factor, 1)*90.9%) 34.3%;
    --bg-gradient-chroma-glow-4: hsl(var(--bg-gradient-chroma-glow-4-hsl)/1);
    --bg-gradient-chroma-glow-4-hsl: 265 calc(var(--saturation-factor, 1)*100%) 66.3%;
    --bg-gradient-chroma-glow-5: hsl(var(--bg-gradient-chroma-glow-5-hsl)/1);
    --bg-gradient-chroma-glow-5-hsl: 207 calc(var(--saturation-factor, 1)*75.5%) 50.4%;
    --bg-gradient-citrus-sherbert-1: hsl(var(--bg-gradient-citrus-sherbert-1-hsl)/1);
    --bg-gradient-citrus-sherbert-1-hsl: 40 calc(var(--saturation-factor, 1)*88.7%) 58.2%;
    --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.5%) 63.9%;
    --bg-gradient-cotton-candy-1: hsl(var(--bg-gradient-cotton-candy-1-hsl)/1);
    --bg-gradient-cotton-candy-1-hsl: 349 calc(var(--saturation-factor, 1)*76.8%) 81.4%;
    --bg-gradient-cotton-candy-2: hsl(var(--bg-gradient-cotton-candy-2-hsl)/1);
    --bg-gradient-cotton-candy-2-hsl: 226 calc(var(--saturation-factor, 1)*92.6%) 84.1%;
    --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.6%) 31%;
    --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: 29 calc(var(--saturation-factor, 1)*32.4%) 86.1%;
    --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.3%) 78.6%;
    --bg-gradient-desert-khaki-3: hsl(var(--bg-gradient-desert-khaki-3-hsl)/1);
    --bg-gradient-desert-khaki-3-hsl: 50 calc(var(--saturation-factor, 1)*49.6%) 75.9%;
    --bg-gradient-dusk-1: hsl(var(--bg-gradient-dusk-1-hsl)/1);
    --bg-gradient-dusk-1-hsl: 293 calc(var(--saturation-factor, 1)*13.5%) 36.3%;
    --bg-gradient-dusk-2: hsl(var(--bg-gradient-dusk-2-hsl)/1);
    --bg-gradient-dusk-2-hsl: 223 calc(var(--saturation-factor, 1)*41%) 69.4%;
    --bg-gradient-easter-egg-1: hsl(var(--bg-gradient-easter-egg-1-hsl)/1);
    --bg-gradient-easter-egg-1-hsl: 227 calc(var(--saturation-factor, 1)*58.4%) 65.1%;
    --bg-gradient-easter-egg-2: hsl(var(--bg-gradient-easter-egg-2-hsl)/1);
    --bg-gradient-easter-egg-2-hsl: 227 calc(var(--saturation-factor, 1)*31%) 44.3%;
    --bg-gradient-forest-1: hsl(var(--bg-gradient-forest-1-hsl)/1);
    --bg-gradient-forest-1-hsl: 124 calc(var(--saturation-factor, 1)*25.9%) 10.6%;
    --bg-gradient-forest-2: hsl(var(--bg-gradient-forest-2-hsl)/1);
    --bg-gradient-forest-2-hsl: 143 calc(var(--saturation-factor, 1)*26.2%) 23.9%;
    --bg-gradient-forest-3: hsl(var(--bg-gradient-forest-3-hsl)/1);
    --bg-gradient-forest-3-hsl: 76 calc(var(--saturation-factor, 1)*20.6%) 24.7%;
    --bg-gradient-forest-4: hsl(var(--bg-gradient-forest-4-hsl)/1);
    --bg-gradient-forest-4-hsl: 117 calc(var(--saturation-factor, 1)*17%) 41.6%;
    --bg-gradient-forest-5: hsl(var(--bg-gradient-forest-5-hsl)/1);
    --bg-gradient-forest-5-hsl: 43 calc(var(--saturation-factor, 1)*38.5%) 47.8%;
    --bg-gradient-hanami-1: hsl(var(--bg-gradient-hanami-1-hsl)/1);
    --bg-gradient-hanami-1-hsl: 352 calc(var(--saturation-factor, 1)*68.3%) 80.2%;
    --bg-gradient-hanami-2: hsl(var(--bg-gradient-hanami-2-hsl)/1);
    --bg-gradient-hanami-2-hsl: 43 calc(var(--saturation-factor, 1)*73.6%) 76.3%;
    --bg-gradient-hanami-3: hsl(var(--bg-gradient-hanami-3-hsl)/1);
    --bg-gradient-hanami-3-hsl: 116 calc(var(--saturation-factor, 1)*43.1%) 74.5%;
    --bg-gradient-lofi-vibes-1: hsl(var(--bg-gradient-lofi-vibes-1-hsl)/1);
    --bg-gradient-lofi-vibes-1-hsl: 220 calc(var(--saturation-factor, 1)*83.8%) 80.6%;
    --bg-gradient-lofi-vibes-2: hsl(var(--bg-gradient-lofi-vibes-2-hsl)/1);
    --bg-gradient-lofi-vibes-2-hsl: 184 calc(var(--saturation-factor, 1)*57.8%) 78.6%;
    --bg-gradient-lofi-vibes-3: hsl(var(--bg-gradient-lofi-vibes-3-hsl)/1);
    --bg-gradient-lofi-vibes-3-hsl: 130 calc(var(--saturation-factor, 1)*46.3%) 78.8%;
    --bg-gradient-lofi-vibes-4: hsl(var(--bg-gradient-lofi-vibes-4-hsl)/1);
    --bg-gradient-lofi-vibes-4-hsl: 76 calc(var(--saturation-factor, 1)*48.8%) 75.5%;
    --bg-gradient-mars-1: hsl(var(--bg-gradient-mars-1-hsl)/1);
    --bg-gradient-mars-1-hsl: 15 calc(var(--saturation-factor, 1)*36.3%) 39.4%;
    --bg-gradient-mars-2: hsl(var(--bg-gradient-mars-2-hsl)/1);
    --bg-gradient-mars-2-hsl: 0 calc(var(--saturation-factor, 1)*36.2%) 41.2%;
    --bg-gradient-midnight-blurple-1: hsl(var(--bg-gradient-midnight-blurple-1-hsl)/1);
    --bg-gradient-midnight-blurple-1-hsl: 245 calc(var(--saturation-factor, 1)*55.1%) 53.7%;
    --bg-gradient-midnight-blurple-2: hsl(var(--bg-gradient-midnight-blurple-2-hsl)/1);
    --bg-gradient-midnight-blurple-2-hsl: 259 calc(var(--saturation-factor, 1)*74.5%) 10.8%;
    --bg-gradient-mint-apple-1: hsl(var(--bg-gradient-mint-apple-1-hsl)/1);
    --bg-gradient-mint-apple-1-hsl: 166 calc(var(--saturation-factor, 1)*39.7%) 52.5%;
    --bg-gradient-mint-apple-2: hsl(var(--bg-gradient-mint-apple-2-hsl)/1);
    --bg-gradient-mint-apple-2-hsl: 119 calc(var(--saturation-factor, 1)*40.4%) 55.9%;
    --bg-gradient-mint-apple-3: hsl(var(--bg-gradient-mint-apple-3-hsl)/1);
    --bg-gradient-mint-apple-3-hsl: 87 calc(var(--saturation-factor, 1)*48.3%) 59.8%;
    --bg-gradient-neon-nights-1: hsl(var(--bg-gradient-neon-nights-1-hsl)/1);
    --bg-gradient-neon-nights-1-hsl: 176 calc(var(--saturation-factor, 1)*98.8%) 33.1%;
    --bg-gradient-neon-nights-2: hsl(var(--bg-gradient-neon-nights-2-hsl)/1);
    --bg-gradient-neon-nights-2-hsl: 259 calc(var(--saturation-factor, 1)*39.5%) 55.3%;
    --bg-gradient-neon-nights-3: hsl(var(--bg-gradient-neon-nights-3-hsl)/1);
    --bg-gradient-neon-nights-3-hsl: 314 calc(var(--saturation-factor, 1)*52.5%) 46.3%;
    --bg-gradient-retro-raincloud-1: hsl(var(--bg-gradient-retro-raincloud-1-hsl)/1);
    --bg-gradient-retro-raincloud-1-hsl: 202 calc(var(--saturation-factor, 1)*47%) 42.9%;
    --bg-gradient-retro-raincloud-2: hsl(var(--bg-gradient-retro-raincloud-2-hsl)/1);
    --bg-gradient-retro-raincloud-2-hsl: 241 calc(var(--saturation-factor, 1)*29.6%) 61%;
    --bg-gradient-retro-storm-1: hsl(var(--bg-gradient-retro-storm-1-hsl)/1);
    --bg-gradient-retro-storm-1-hsl: 202 calc(var(--saturation-factor, 1)*47%) 42.9%;
    --bg-gradient-retro-storm-2: hsl(var(--bg-gradient-retro-storm-2-hsl)/1);
    --bg-gradient-retro-storm-2-hsl: 241 calc(var(--saturation-factor, 1)*27.8%) 47.3%;
    --bg-gradient-sepia-1: hsl(var(--bg-gradient-sepia-1-hsl)/1);
    --bg-gradient-sepia-1-hsl: 33 calc(var(--saturation-factor, 1)*14.2%) 45.7%;
    --bg-gradient-sepia-2: hsl(var(--bg-gradient-sepia-2-hsl)/1);
    --bg-gradient-sepia-2-hsl: 36 calc(var(--saturation-factor, 1)*46.8%) 24.3%;
    --bg-gradient-strawberry-lemonade-1: hsl(var(--bg-gradient-strawberry-lemonade-1-hsl)/1);
    --bg-gradient-strawberry-lemonade-1-hsl: 327 calc(var(--saturation-factor, 1)*74.1%) 39.4%;
    --bg-gradient-strawberry-lemonade-2: hsl(var(--bg-gradient-strawberry-lemonade-2-hsl)/1);
    --bg-gradient-strawberry-lemonade-2-hsl: 28 calc(var(--saturation-factor, 1)*71.7%) 44.3%;
    --bg-gradient-strawberry-lemonade-3: hsl(var(--bg-gradient-strawberry-lemonade-3-hsl)/1);
    --bg-gradient-strawberry-lemonade-3-hsl: 40 calc(var(--saturation-factor, 1)*80.2%) 52.5%;
    --bg-gradient-sunrise-1: hsl(var(--bg-gradient-sunrise-1-hsl)/1);
    --bg-gradient-sunrise-1-hsl: 327 calc(var(--saturation-factor, 1)*42%) 43.9%;
    --bg-gradient-sunrise-2: hsl(var(--bg-gradient-sunrise-2-hsl)/1);
    --bg-gradient-sunrise-2-hsl: 27 calc(var(--saturation-factor, 1)*44.9%) 58%;
    --bg-gradient-sunrise-3: hsl(var(--bg-gradient-sunrise-3-hsl)/1);
    --bg-gradient-sunrise-3-hsl: 50 calc(var(--saturation-factor, 1)*46.3%) 44.5%;
    --bg-gradient-sunset-1: hsl(var(--bg-gradient-sunset-1-hsl)/1);
    --bg-gradient-sunset-1-hsl: 259 calc(var(--saturation-factor, 1)*55.6%) 35.3%;
    --bg-gradient-sunset-2: hsl(var(--bg-gradient-sunset-2-hsl)/1);
    --bg-gradient-sunset-2-hsl: 22 calc(var(--saturation-factor, 1)*66.7%) 57.6%;
    --bg-gradient-under-the-sea-1: hsl(var(--bg-gradient-under-the-sea-1-hsl)/1);
    --bg-gradient-under-the-sea-1-hsl: 115 calc(var(--saturation-factor, 1)*10.5%) 42.9%;
    --bg-gradient-under-the-sea-2: hsl(var(--bg-gradient-under-the-sea-2-hsl)/1);
    --bg-gradient-under-the-sea-2-hsl: 159 calc(var(--saturation-factor, 1)*20.4%) 43.3%;
    --bg-gradient-under-the-sea-3: hsl(var(--bg-gradient-under-the-sea-3-hsl)/1);
    --bg-gradient-under-the-sea-3-hsl: 175 calc(var(--saturation-factor, 1)*10.9%) 46.7%;
    --black-100: hsl(var(--black-100-hsl)/1);
    --black-100-hsl: 0 calc(var(--saturation-factor, 1)*0%) 94.9%;
    --black-130: hsl(var(--black-130-hsl)/1);
    --black-130-hsl: 0 calc(var(--saturation-factor, 1)*0%) 91%;
    --black-160: hsl(var(--black-160-hsl)/1);
    --black-160-hsl: 0 calc(var(--saturation-factor, 1)*0%) 85.5%;
    --black-200: hsl(var(--black-200-hsl)/1);
    --black-200-hsl: 0 calc(var(--saturation-factor, 1)*0%) 80%;
    --black-230: hsl(var(--black-230-hsl)/1);
    --black-230-hsl: 0 calc(var(--saturation-factor, 1)*0%) 74.1%;
    --black-260: hsl(var(--black-260-hsl)/1);
    --black-260-hsl: 0 calc(var(--saturation-factor, 1)*0%) 67.5%;
    --black-300: hsl(var(--black-300-hsl)/1);
    --black-300-hsl: 0 calc(var(--saturation-factor, 1)*0%) 60%;
    --black-330: hsl(var(--black-330-hsl)/1);
    --black-330-hsl: 0 calc(var(--saturation-factor, 1)*0%) 47.8%;
    --black-345: hsl(var(--black-345-hsl)/1);
    --black-345-hsl: 0 calc(var(--saturation-factor, 1)*0%) 40%;
    --black-360: hsl(var(--black-360-hsl)/1);
    --black-360-hsl: 0 calc(var(--saturation-factor, 1)*0%) 36.1%;
    --black-400: hsl(var(--black-400-hsl)/1);
    --black-400-hsl: 0 calc(var(--saturation-factor, 1)*0%) 20%;
    --black-430: hsl(var(--black-430-hsl)/1);
    --black-430-hsl: 0 calc(var(--saturation-factor, 1)*0%) 14.5%;
    --black-460: hsl(var(--black-460-hsl)/1);
    --black-460-hsl: 0 calc(var(--saturation-factor, 1)*0%) 7.8%;
    --black-500: hsl(var(--black-500-hsl)/1);
    --black-500-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-530: hsl(var(--black-530-hsl)/1);
    --black-530-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-560: hsl(var(--black-560-hsl)/1);
    --black-560-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-600: hsl(var(--black-600-hsl)/1);
    --black-600-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-630: hsl(var(--black-630-hsl)/1);
    --black-630-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-660: hsl(var(--black-660-hsl)/1);
    --black-660-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-700: hsl(var(--black-700-hsl)/1);
    --black-700-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-730: hsl(var(--black-730-hsl)/1);
    --black-730-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-760: hsl(var(--black-760-hsl)/1);
    --black-760-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-800: hsl(var(--black-800-hsl)/1);
    --black-800-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-830: hsl(var(--black-830-hsl)/1);
    --black-830-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-860: hsl(var(--black-860-hsl)/1);
    --black-860-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --black-900: hsl(var(--black-900-hsl)/1);
    --black-900-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --blue-100: hsl(var(--blue-100-hsl)/1);
    --blue-100-hsl: 210 calc(var(--saturation-factor, 1)*80%) 98%;
    --blue-130: hsl(var(--blue-130-hsl)/1);
    --blue-130-hsl: 210 calc(var(--saturation-factor, 1)*87.5%) 96.9%;
    --blue-160: hsl(var(--blue-160-hsl)/1);
    --blue-160-hsl: 209 calc(var(--saturation-factor, 1)*87.1%) 93.9%;
    --blue-200: hsl(var(--blue-200-hsl)/1);
    --blue-200-hsl: 206 calc(var(--saturation-factor, 1)*92.3%) 89.8%;
    --blue-230: hsl(var(--blue-230-hsl)/1);
    --blue-230-hsl: 205 calc(var(--saturation-factor, 1)*92.5%) 84.3%;
    --blue-260: hsl(var(--blue-260-hsl)/1);
    --blue-260-hsl: 204 calc(var(--saturation-factor, 1)*94.5%) 78.4%;
    --blue-300: hsl(var(--blue-300-hsl)/1);
    --blue-300-hsl: 203 calc(var(--saturation-factor, 1)*97.4%) 69.6%;
    --blue-330: hsl(var(--blue-330-hsl)/1);
    --blue-330-hsl: 201 calc(var(--saturation-factor, 1)*100%) 59%;
    --blue-345: hsl(var(--blue-345-hsl)/1);
    --blue-345-hsl: 200 calc(var(--saturation-factor, 1)*100%) 49.4%;
    --blue-360: hsl(var(--blue-360-hsl)/1);
    --blue-360-hsl: 203 calc(var(--saturation-factor, 1)*100%) 47.5%;
    --blue-400: hsl(var(--blue-400-hsl)/1);
    --blue-400-hsl: 207 calc(var(--saturation-factor, 1)*100%) 46.1%;
    --blue-430: hsl(var(--blue-430-hsl)/1);
    --blue-430-hsl: 212 calc(var(--saturation-factor, 1)*100%) 45.3%;
    --blue-460: hsl(var(--blue-460-hsl)/1);
    --blue-460-hsl: 214 calc(var(--saturation-factor, 1)*100%) 41%;
    --blue-500: hsl(var(--blue-500-hsl)/1);
    --blue-500-hsl: 213 calc(var(--saturation-factor, 1)*100%) 35.7%;
    --blue-530: hsl(var(--blue-530-hsl)/1);
    --blue-530-hsl: 212 calc(var(--saturation-factor, 1)*100%) 30.4%;
    --blue-560: hsl(var(--blue-560-hsl)/1);
    --blue-560-hsl: 212 calc(var(--saturation-factor, 1)*100%) 26.7%;
    --blue-600: hsl(var(--blue-600-hsl)/1);
    --blue-600-hsl: 211 calc(var(--saturation-factor, 1)*100%) 23.1%;
    --blue-630: hsl(var(--blue-630-hsl)/1);
    --blue-630-hsl: 211 calc(var(--saturation-factor, 1)*100%) 20.8%;
    --blue-660: hsl(var(--blue-660-hsl)/1);
    --blue-660-hsl: 212 calc(var(--saturation-factor, 1)*100%) 18.6%;
    --blue-700: hsl(var(--blue-700-hsl)/1);
    --blue-700-hsl: 212 calc(var(--saturation-factor, 1)*100%) 16.7%;
    --blue-730: hsl(var(--blue-730-hsl)/1);
    --blue-730-hsl: 211 calc(var(--saturation-factor, 1)*100%) 14.1%;
    --blue-760: hsl(var(--blue-760-hsl)/1);
    --blue-760-hsl: 211 calc(var(--saturation-factor, 1)*100%) 12.4%;
    --blue-800: hsl(var(--blue-800-hsl)/1);
    --blue-800-hsl: 211 calc(var(--saturation-factor, 1)*100%) 10.6%;
    --blue-830: hsl(var(--blue-830-hsl)/1);
    --blue-830-hsl: 213 calc(var(--saturation-factor, 1)*100%) 9.4%;
    --blue-860: hsl(var(--blue-860-hsl)/1);
    --blue-860-hsl: 213 calc(var(--saturation-factor, 1)*100%) 8.4%;
    --blue-900: hsl(var(--blue-900-hsl)/1);
    --blue-900-hsl: 213 calc(var(--saturation-factor, 1)*100%) 7.1%;
    --brand-100: hsl(var(--brand-100-hsl)/1);
    --brand-100-hsl: 240 calc(var(--saturation-factor, 1)*77.8%) 98.2%;
    --brand-130: hsl(var(--brand-130-hsl)/1);
    --brand-130-hsl: 236 calc(var(--saturation-factor, 1)*87.5%) 96.9%;
    --brand-160: hsl(var(--brand-160-hsl)/1);
    --brand-160-hsl: 235 calc(var(--saturation-factor, 1)*84.6%) 94.9%;
    --brand-200: hsl(var(--brand-200-hsl)/1);
    --brand-200-hsl: 236 calc(var(--saturation-factor, 1)*83.3%) 92.9%;
    --brand-230: hsl(var(--brand-230-hsl)/1);
    --brand-230-hsl: 236 calc(var(--saturation-factor, 1)*87%) 91%;
    --brand-260: hsl(var(--brand-260-hsl)/1);
    --brand-260-hsl: 235 calc(var(--saturation-factor, 1)*86.2%) 88.6%;
    --brand-300: hsl(var(--brand-300-hsl)/1);
    --brand-300-hsl: 235 calc(var(--saturation-factor, 1)*86.1%) 85.9%;
    --brand-330: hsl(var(--brand-330-hsl)/1);
    --brand-330-hsl: 235 calc(var(--saturation-factor, 1)*85.1%) 81.6%;
    --brand-345: hsl(var(--brand-345-hsl)/1);
    --brand-345-hsl: 235 calc(var(--saturation-factor, 1)*85.2%) 78.8%;
    --brand-360: hsl(var(--brand-360-hsl)/1);
    --brand-360-hsl: 235 calc(var(--saturation-factor, 1)*86.1%) 77.5%;
    --brand-400: hsl(var(--brand-400-hsl)/1);
    --brand-400-hsl: 235 calc(var(--saturation-factor, 1)*86.1%) 71.8%;
    --brand-430: hsl(var(--brand-430-hsl)/1);
    --brand-430-hsl: 235 calc(var(--saturation-factor, 1)*85.7%) 69.8%;
    --brand-460: hsl(var(--brand-460-hsl)/1);
    --brand-460-hsl: 235 calc(var(--saturation-factor, 1)*85.5%) 67.5%;
    --brand-500: hsl(var(--brand-500-hsl)/1);
    --brand-500-hsl: 235 calc(var(--saturation-factor, 1)*85.6%) 64.7%;
    --brand-530: hsl(var(--brand-530-hsl)/1);
    --brand-530-hsl: 235 calc(var(--saturation-factor, 1)*66.7%) 58.8%;
    --brand-560: hsl(var(--brand-560-hsl)/1);
    --brand-560-hsl: 235 calc(var(--saturation-factor, 1)*51.4%) 52.4%;
    --brand-600: hsl(var(--brand-600-hsl)/1);
    --brand-600-hsl: 235 calc(var(--saturation-factor, 1)*46.7%) 44.1%;
    --brand-630: hsl(var(--brand-630-hsl)/1);
    --brand-630-hsl: 235 calc(var(--saturation-factor, 1)*46.7%) 38.2%;
    --brand-660: hsl(var(--brand-660-hsl)/1);
    --brand-660-hsl: 235 calc(var(--saturation-factor, 1)*47.1%) 33.3%;
    --brand-700: hsl(var(--brand-700-hsl)/1);
    --brand-700-hsl: 235 calc(var(--saturation-factor, 1)*47%) 25.9%;
    --brand-730: hsl(var(--brand-730-hsl)/1);
    --brand-730-hsl: 235 calc(var(--saturation-factor, 1)*46.8%) 24.3%;
    --brand-760: hsl(var(--brand-760-hsl)/1);
    --brand-760-hsl: 234 calc(var(--saturation-factor, 1)*46.9%) 22.2%;
    --brand-800: hsl(var(--brand-800-hsl)/1);
    --brand-800-hsl: 235 calc(var(--saturation-factor, 1)*47.5%) 19.4%;
    --brand-830: hsl(var(--brand-830-hsl)/1);
    --brand-830-hsl: 235 calc(var(--saturation-factor, 1)*47.4%) 14.9%;
    --brand-860: hsl(var(--brand-860-hsl)/1);
    --brand-860-hsl: 235 calc(var(--saturation-factor, 1)*46.9%) 9.6%;
    --brand-900: hsl(var(--brand-900-hsl)/1);
    --brand-900-hsl: 233 calc(var(--saturation-factor, 1)*50%) 3.1%;
    --bungie: hsl(var(--bungie-hsl)/1);
    --bungie-hsl: 197 calc(var(--saturation-factor, 1)*100%) 44.5%;
    --crunchyroll: hsl(var(--crunchyroll-hsl)/1);
    --crunchyroll-hsl: 29 calc(var(--saturation-factor, 1)*93%) 55.5%;
    --discord-8th-bday-blue: hsl(var(--discord-8th-bday-blue-hsl)/1);
    --discord-8th-bday-blue-hsl: 234 calc(var(--saturation-factor, 1)*93.1%) 65.7%;
    --discord-8th-bday-dark-blue: hsl(var(--discord-8th-bday-dark-blue-hsl)/1);
    --discord-8th-bday-dark-blue-hsl: 235 calc(var(--saturation-factor, 1)*73.7%) 53.7%;
    --discord-8th-bday-green: hsl(var(--discord-8th-bday-green-hsl)/1);
    --discord-8th-bday-green-hsl: 79 calc(var(--saturation-factor, 1)*100%) 46.9%;
    --discord-8th-bday-light-blue: hsl(var(--discord-8th-bday-light-blue-hsl)/1);
    --discord-8th-bday-light-blue-hsl: 222 calc(var(--saturation-factor, 1)*100%) 68.4%;
    --discord-8th-bday-pink: hsl(var(--discord-8th-bday-pink-hsl)/1);
    --discord-8th-bday-pink-hsl: 316 calc(var(--saturation-factor, 1)*100%) 66.1%;
    --discord-8th-bday-purple: hsl(var(--discord-8th-bday-purple-hsl)/1);
    --discord-8th-bday-purple-hsl: 234 calc(var(--saturation-factor, 1)*93.1%) 65.7%;
    --discord-8th-bday-yellow: hsl(var(--discord-8th-bday-yellow-hsl)/1);
    --discord-8th-bday-yellow-hsl: 60 calc(var(--saturation-factor, 1)*100%) 50%;
    --ebay: hsl(var(--ebay-hsl)/1);
    --ebay-hsl: 211 calc(var(--saturation-factor, 1)*100%) 41.2%;
    --epic-games: hsl(var(--epic-games-hsl)/1);
    --epic-games-hsl: 34 calc(var(--saturation-factor, 1)*6.2%) 22.2%;
    --facebook: hsl(var(--facebook-hsl)/1);
    --facebook-hsl: 221 calc(var(--saturation-factor, 1)*44.2%) 37.3%;
    --github: hsl(var(--github-hsl)/1);
    --github-hsl: 0 calc(var(--saturation-factor, 1)*4.2%) 9.4%;
    --gold: hsl(var(--gold-hsl)/1);
    --gold-hsl: 46 calc(var(--saturation-factor, 1)*100%) 54.9%;
    --green-100: hsl(var(--green-100-hsl)/1);
    --green-100-hsl: 137 calc(var(--saturation-factor, 1)*90%) 96.1%;
    --green-130: hsl(var(--green-130-hsl)/1);
    --green-130-hsl: 137 calc(var(--saturation-factor, 1)*94.1%) 93.3%;
    --green-160: hsl(var(--green-160-hsl)/1);
    --green-160-hsl: 141 calc(var(--saturation-factor, 1)*91.3%) 86.5%;
    --green-200: hsl(var(--green-200-hsl)/1);
    --green-200-hsl: 143 calc(var(--saturation-factor, 1)*93.5%) 75.9%;
    --green-230: hsl(var(--green-230-hsl)/1);
    --green-230-hsl: 146 calc(var(--saturation-factor, 1)*86.6%) 64.9%;
    --green-260: hsl(var(--green-260-hsl)/1);
    --green-260-hsl: 146 calc(var(--saturation-factor, 1)*75.1%) 59%;
    --green-300: hsl(var(--green-300-hsl)/1);
    --green-300-hsl: 146 calc(var(--saturation-factor, 1)*65.4%) 53.5%;
    --green-330: hsl(var(--green-330-hsl)/1);
    --green-330-hsl: 146 calc(var(--saturation-factor, 1)*63.1%) 47.8%;
    --green-345: hsl(var(--green-345-hsl)/1);
    --green-345-hsl: 147 calc(var(--saturation-factor, 1)*65.9%) 43.7%;
    --green-360: hsl(var(--green-360-hsl)/1);
    --green-360-hsl: 145 calc(var(--saturation-factor, 1)*65%) 39.2%;
    --green-400: hsl(var(--green-400-hsl)/1);
    --green-400-hsl: 143 calc(var(--saturation-factor, 1)*60.7%) 35.9%;
    --green-430: hsl(var(--green-430-hsl)/1);
    --green-430-hsl: 142 calc(var(--saturation-factor, 1)*56.1%) 32.2%;
    --green-460: hsl(var(--green-460-hsl)/1);
    --green-460-hsl: 141 calc(var(--saturation-factor, 1)*56.6%) 28%;
    --green-500: hsl(var(--green-500-hsl)/1);
    --green-500-hsl: 141 calc(var(--saturation-factor, 1)*58.4%) 24.5%;
    --green-530: hsl(var(--green-530-hsl)/1);
    --green-530-hsl: 140 calc(var(--saturation-factor, 1)*60.7%) 21%;
    --green-560: hsl(var(--green-560-hsl)/1);
    --green-560-hsl: 139 calc(var(--saturation-factor, 1)*61.7%) 18.4%;
    --green-600: hsl(var(--green-600-hsl)/1);
    --green-600-hsl: 139 calc(var(--saturation-factor, 1)*65.4%) 15.9%;
    --green-630: hsl(var(--green-630-hsl)/1);
    --green-630-hsl: 140 calc(var(--saturation-factor, 1)*66.7%) 14.1%;
    --green-660: hsl(var(--green-660-hsl)/1);
    --green-660-hsl: 139 calc(var(--saturation-factor, 1)*68.8%) 12.5%;
    --green-700: hsl(var(--green-700-hsl)/1);
    --green-700-hsl: 141 calc(var(--saturation-factor, 1)*74.1%) 10.6%;
    --green-730: hsl(var(--green-730-hsl)/1);
    --green-730-hsl: 138 calc(var(--saturation-factor, 1)*78.3%) 9%;
    --green-760: hsl(var(--green-760-hsl)/1);
    --green-760-hsl: 140 calc(var(--saturation-factor, 1)*84.6%) 7.6%;
    --green-800: hsl(var(--green-800-hsl)/1);
    --green-800-hsl: 139 calc(var(--saturation-factor, 1)*82.4%) 6.7%;
    --green-830: hsl(var(--green-830-hsl)/1);
    --green-830-hsl: 138 calc(var(--saturation-factor, 1)*80%) 5.9%;
    --green-860: hsl(var(--green-860-hsl)/1);
    --green-860-hsl: 133 calc(var(--saturation-factor, 1)*70.4%) 5.3%;
    --green-900: hsl(var(--green-900-hsl)/1);
    --green-900-hsl: 129 calc(var(--saturation-factor, 1)*58.3%) 4.7%;
    --guild-boosting-blue: hsl(var(--guild-boosting-blue-hsl)/1);
    --guild-boosting-blue-hsl: 221 calc(var(--saturation-factor, 1)*70%) 55.5%;
    --guild-boosting-blue-for-gradients: hsl(var(--guild-boosting-blue-for-gradients-hsl)/1);
    --guild-boosting-blue-for-gradients-hsl: 235 calc(var(--saturation-factor, 1)*68.5%) 52.7%;
    --guild-boosting-pink: hsl(var(--guild-boosting-pink-hsl)/1);
    --guild-boosting-pink-hsl: 302 calc(var(--saturation-factor, 1)*100%) 72.5%;
    --guild-boosting-purple: hsl(var(--guild-boosting-purple-hsl)/1);
    --guild-boosting-purple-hsl: 269 calc(var(--saturation-factor, 1)*83.8%) 71%;
    --guild-boosting-purple-for-gradients: hsl(var(--guild-boosting-purple-for-gradients-hsl)/1);
    --guild-boosting-purple-for-gradients-hsl: 269 calc(var(--saturation-factor, 1)*91.8%) 61.8%;
    --hypesquad-house-1: hsl(var(--hypesquad-house-1-hsl)/1);
    --hypesquad-house-1-hsl: 253 calc(var(--saturation-factor, 1)*77%) 72.7%;
    --hypesquad-house-2: hsl(var(--hypesquad-house-2-hsl)/1);
    --hypesquad-house-2-hsl: 9 calc(var(--saturation-factor, 1)*86.5%) 68%;
    --hypesquad-house-3: hsl(var(--hypesquad-house-3-hsl)/1);
    --hypesquad-house-3-hsl: 169 calc(var(--saturation-factor, 1)*69.1%) 56.9%;
    --input-placeholder-text-dark: hsl(var(--input-placeholder-text-dark-hsl)/1);
    --input-placeholder-text-dark-hsl: 216 calc(var(--saturation-factor, 1)*2.1%) 53.9%;
    --lol: hsl(var(--lol-hsl)/1);
    --lol-hsl: 190 calc(var(--saturation-factor, 1)*89.7%) 7.6%;
    --orange-100: hsl(var(--orange-100-hsl)/1);
    --orange-100-hsl: 18 calc(var(--saturation-factor, 1)*100%) 98%;
    --orange-130: hsl(var(--orange-130-hsl)/1);
    --orange-130-hsl: 23 calc(var(--saturation-factor, 1)*100%) 96.5%;
    --orange-160: hsl(var(--orange-160-hsl)/1);
    --orange-160-hsl: 21 calc(var(--saturation-factor, 1)*93.9%) 93.5%;
    --orange-200: hsl(var(--orange-200-hsl)/1);
    --orange-200-hsl: 21 calc(var(--saturation-factor, 1)*92.3%) 89.8%;
    --orange-230: hsl(var(--orange-230-hsl)/1);
    --orange-230-hsl: 24 calc(var(--saturation-factor, 1)*92.5%) 84.3%;
    --orange-260: hsl(var(--orange-260-hsl)/1);
    --orange-260-hsl: 23 calc(var(--saturation-factor, 1)*94.5%) 78.6%;
    --orange-300: hsl(var(--orange-300-hsl)/1);
    --orange-300-hsl: 25 calc(var(--saturation-factor, 1)*94.6%) 71.2%;
    --orange-330: hsl(var(--orange-330-hsl)/1);
    --orange-330-hsl: 27 calc(var(--saturation-factor, 1)*94.7%) 62.7%;
    --orange-345: hsl(var(--orange-345-hsl)/1);
    --orange-345-hsl: 28 calc(var(--saturation-factor, 1)*87.7%) 55.5%;
    --orange-360: hsl(var(--orange-360-hsl)/1);
    --orange-360-hsl: 26 calc(var(--saturation-factor, 1)*71.3%) 50.8%;
    --orange-400: hsl(var(--orange-400-hsl)/1);
    --orange-400-hsl: 25 calc(var(--saturation-factor, 1)*67.5%) 45.9%;
    --orange-430: hsl(var(--orange-430-hsl)/1);
    --orange-430-hsl: 25 calc(var(--saturation-factor, 1)*69.5%) 39.8%;
    --orange-460: hsl(var(--orange-460-hsl)/1);
    --orange-460-hsl: 24 calc(var(--saturation-factor, 1)*72.2%) 35.3%;
    --orange-500: hsl(var(--orange-500-hsl)/1);
    --orange-500-hsl: 22 calc(var(--saturation-factor, 1)*76.1%) 31.2%;
    --orange-530: hsl(var(--orange-530-hsl)/1);
    --orange-530-hsl: 22 calc(var(--saturation-factor, 1)*77%) 27.3%;
    --orange-560: hsl(var(--orange-560-hsl)/1);
    --orange-560-hsl: 21 calc(var(--saturation-factor, 1)*77.2%) 24.1%;
    --orange-600: hsl(var(--orange-600-hsl)/1);
    --orange-600-hsl: 23 calc(var(--saturation-factor, 1)*79.2%) 20.8%;
    --orange-630: hsl(var(--orange-630-hsl)/1);
    --orange-630-hsl: 22 calc(var(--saturation-factor, 1)*79.2%) 18.8%;
    --orange-660: hsl(var(--orange-660-hsl)/1);
    --orange-660-hsl: 22 calc(var(--saturation-factor, 1)*78.8%) 16.7%;
    --orange-700: hsl(var(--orange-700-hsl)/1);
    --orange-700-hsl: 22 calc(var(--saturation-factor, 1)*76.3%) 14.9%;
    --orange-730: hsl(var(--orange-730-hsl)/1);
    --orange-730-hsl: 22 calc(var(--saturation-factor, 1)*78.8%) 12.9%;
    --orange-760: hsl(var(--orange-760-hsl)/1);
    --orange-760-hsl: 21 calc(var(--saturation-factor, 1)*78.9%) 11.2%;
    --orange-800: hsl(var(--orange-800-hsl)/1);
    --orange-800-hsl: 21 calc(var(--saturation-factor, 1)*80%) 9.8%;
    --orange-830: hsl(var(--orange-830-hsl)/1);
    --orange-830-hsl: 20 calc(var(--saturation-factor, 1)*76.7%) 8.4%;
    --orange-860: hsl(var(--orange-860-hsl)/1);
    --orange-860-hsl: 20 calc(var(--saturation-factor, 1)*73%) 7.3%;
    --orange-900: hsl(var(--orange-900-hsl)/1);
    --orange-900-hsl: 26 calc(var(--saturation-factor, 1)*72.4%) 5.7%;
    --partner: hsl(var(--partner-hsl)/1);
    --partner-hsl: 215 calc(var(--saturation-factor, 1)*82.8%) 59%;
    --paypal: hsl(var(--paypal-hsl)/1);
    --paypal-hsl: 230 calc(var(--saturation-factor, 1)*69.8%) 24.7%;
    --playstation: hsl(var(--playstation-hsl)/1);
    --playstation-hsl: 220 calc(var(--saturation-factor, 1)*95.7%) 27.1%;
    --plum-23-alpha: hsl(var(--plum-23-alpha-hsl)/0.09);
    --plum-23-alpha-hsl: 230 calc(var(--saturation-factor, 1)*60.7%) 78%;
    --plum-0: hsl(var(--plum-0-hsl)/1);
    --plum-0-hsl: 240 calc(var(--saturation-factor, 1)*9.1%) 97.8%;
    --plum-1: hsl(var(--plum-1-hsl)/1);
    --plum-1-hsl: 240 calc(var(--saturation-factor, 1)*4.3%) 95.5%;
    --plum-10: hsl(var(--plum-10-hsl)/1);
    --plum-10-hsl: 229 calc(var(--saturation-factor, 1)*6.8%) 53.7%;
    --plum-11: hsl(var(--plum-11-hsl)/1);
    --plum-11-hsl: 229 calc(var(--saturation-factor, 1)*6.9%) 45.5%;
    --plum-12: hsl(var(--plum-12-hsl)/1);
    --plum-12-hsl: 228 calc(var(--saturation-factor, 1)*7.6%) 38.6%;
    --plum-13: hsl(var(--plum-13-hsl)/1);
    --plum-13-hsl: 227 calc(var(--saturation-factor, 1)*8.3%) 32.9%;
    --plum-14: hsl(var(--plum-14-hsl)/1);
    --plum-14-hsl: 230 calc(var(--saturation-factor, 1)*8.5%) 27.8%;
    --plum-15: hsl(var(--plum-15-hsl)/1);
    --plum-15-hsl: 229 calc(var(--saturation-factor, 1)*8.9%) 24.1%;
    --plum-16: hsl(var(--plum-16-hsl)/1);
    --plum-16-hsl: 234 calc(var(--saturation-factor, 1)*9.3%) 21.2%;
    --plum-17: hsl(var(--plum-17-hsl)/1);
    --plum-17-hsl: 233 calc(var(--saturation-factor, 1)*9.3%) 19%;
    --plum-18: hsl(var(--plum-18-hsl)/1);
    --plum-18-hsl: 233 calc(var(--saturation-factor, 1)*10.6%) 16.7%;
    --plum-19: hsl(var(--plum-19-hsl)/1);
    --plum-19-hsl: 233 calc(var(--saturation-factor, 1)*10.8%) 14.5%;
    --plum-2: hsl(var(--plum-2-hsl)/1);
    --plum-2-hsl: 220 calc(var(--saturation-factor, 1)*8.6%) 93.1%;
    --plum-20: hsl(var(--plum-20-hsl)/1);
    --plum-20-hsl: 231 calc(var(--saturation-factor, 1)*11.1%) 12.4%;
    --plum-21: hsl(var(--plum-21-hsl)/1);
    --plum-21-hsl: 231 calc(var(--saturation-factor, 1)*12.7%) 10.8%;
    --plum-22: hsl(var(--plum-22-hsl)/1);
    --plum-22-hsl: 240 calc(var(--saturation-factor, 1)*12%) 9.8%;
    --plum-23: hsl(var(--plum-23-hsl)/1);
    --plum-23-hsl: 240 calc(var(--saturation-factor, 1)*11.6%) 8.4%;
    --plum-24: hsl(var(--plum-24-hsl)/1);
    --plum-24-hsl: 228 calc(var(--saturation-factor, 1)*14.3%) 6.9%;
    --plum-25: hsl(var(--plum-25-hsl)/1);
    --plum-25-hsl: 240 calc(var(--saturation-factor, 1)*14.3%) 5.5%;
    --plum-26: hsl(var(--plum-26-hsl)/1);
    --plum-26-hsl: 240 calc(var(--saturation-factor, 1)*15.8%) 3.7%;
    --plum-3: hsl(var(--plum-3-hsl)/1);
    --plum-3-hsl: 225 calc(var(--saturation-factor, 1)*8%) 90.2%;
    --plum-4: hsl(var(--plum-4-hsl)/1);
    --plum-4-hsl: 225 calc(var(--saturation-factor, 1)*6.2%) 87.5%;
    --plum-5: hsl(var(--plum-5-hsl)/1);
    --plum-5-hsl: 220 calc(var(--saturation-factor, 1)*7.3%) 83.9%;
    --plum-6: hsl(var(--plum-6-hsl)/1);
    --plum-6-hsl: 231 calc(var(--saturation-factor, 1)*6.7%) 79.4%;
    --plum-7: hsl(var(--plum-7-hsl)/1);
    --plum-7-hsl: 227 calc(var(--saturation-factor, 1)*6.8%) 73.9%;
    --plum-8: hsl(var(--plum-8-hsl)/1);
    --plum-8-hsl: 230 calc(var(--saturation-factor, 1)*7.4%) 68.2%;
    --plum-9: hsl(var(--plum-9-hsl)/1);
    --plum-9-hsl: 231 calc(var(--saturation-factor, 1)*7.1%) 61.2%;
    --premium-perk-blue: hsl(var(--premium-perk-blue-hsl)/1);
    --premium-perk-blue-hsl: 222 calc(var(--saturation-factor, 1)*100%) 75.1%;
    --premium-perk-blue-alt: hsl(var(--premium-perk-blue-alt-hsl)/1);
    --premium-perk-blue-alt-hsl: 223 calc(var(--saturation-factor, 1)*100%) 80.6%;
    --premium-perk-dark-blue: hsl(var(--premium-perk-dark-blue-hsl)/1);
    --premium-perk-dark-blue-hsl: 220 calc(var(--saturation-factor, 1)*67.4%) 55.5%;
    --premium-perk-gold: hsl(var(--premium-perk-gold-hsl)/1);
    --premium-perk-gold-hsl: 38 calc(var(--saturation-factor, 1)*95.7%) 54.1%;
    --premium-perk-green: hsl(var(--premium-perk-green-hsl)/1);
    --premium-perk-green-hsl: 164 calc(var(--saturation-factor, 1)*55.1%) 69.4%;
    --premium-perk-light-blue: hsl(var(--premium-perk-light-blue-hsl)/1);
    --premium-perk-light-blue-hsl: 221 calc(var(--saturation-factor, 1)*100%) 84.1%;
    --premium-perk-orange: hsl(var(--premium-perk-orange-hsl)/1);
    --premium-perk-orange-hsl: 25 calc(var(--saturation-factor, 1)*96.7%) 64.1%;
    --premium-perk-pink: hsl(var(--premium-perk-pink-hsl)/1);
    --premium-perk-pink-hsl: 305 calc(var(--saturation-factor, 1)*100%) 75.1%;
    --premium-perk-purple: hsl(var(--premium-perk-purple-hsl)/1);
    --premium-perk-purple-hsl: 272 calc(var(--saturation-factor, 1)*100%) 80.2%;
    --premium-perk-yellow: hsl(var(--premium-perk-yellow-hsl)/1);
    --premium-perk-yellow-hsl: 47 calc(var(--saturation-factor, 1)*98.9%) 63.9%;
    --premium-tier-0-blue: hsl(var(--premium-tier-0-blue-hsl)/1);
    --premium-tier-0-blue-hsl: 202 calc(var(--saturation-factor, 1)*100%) 38%;
    --premium-tier-0-blue-for-gradients: hsl(var(--premium-tier-0-blue-for-gradients-hsl)/1);
    --premium-tier-0-blue-for-gradients-hsl: 202 calc(var(--saturation-factor, 1)*100%) 38%;
    --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 calc(var(--saturation-factor, 1)*80%) 45.1%;
    --premium-tier-0-header-gradient-1: hsl(var(--premium-tier-0-header-gradient-1-hsl)/1);
    --premium-tier-0-header-gradient-1-hsl: 240 calc(var(--saturation-factor, 1)*55.2%) 47.3%;
    --premium-tier-0-header-gradient-2: hsl(var(--premium-tier-0-header-gradient-2-hsl)/1);
    --premium-tier-0-header-gradient-2-hsl: 224 calc(var(--saturation-factor, 1)*77.9%) 59.2%;
    --premium-tier-0-header-gradient-3: hsl(var(--premium-tier-0-header-gradient-3-hsl)/1);
    --premium-tier-0-header-gradient-3-hsl: 246 calc(var(--saturation-factor, 1)*74.4%) 69.4%;
    --premium-tier-0-header-gradient-4: hsl(var(--premium-tier-0-header-gradient-4-hsl)/1);
    --premium-tier-0-header-gradient-4-hsl: 295 calc(var(--saturation-factor, 1)*79.9%) 72.7%;
    --premium-tier-0-header-gradient-5: hsl(var(--premium-tier-0-header-gradient-5-hsl)/1);
    --premium-tier-0-header-gradient-5-hsl: 336 calc(var(--saturation-factor, 1)*55.2%) 72%;
    --premium-tier-0-purple: hsl(var(--premium-tier-0-purple-hsl)/1);
    --premium-tier-0-purple-hsl: 235 calc(var(--saturation-factor, 1)*85.6%) 64.7%;
    --premium-tier-0-purple-for-gradients: hsl(var(--premium-tier-0-purple-for-gradients-hsl)/1);
    --premium-tier-0-purple-for-gradients-hsl: 235 calc(var(--saturation-factor, 1)*85.6%) 64.7%;
    --premium-tier-1-blue: hsl(var(--premium-tier-1-blue-hsl)/1);
    --premium-tier-1-blue-hsl: 228 calc(var(--saturation-factor, 1)*86.7%) 70.6%;
    --premium-tier-1-blue-for-gradients: hsl(var(--premium-tier-1-blue-for-gradients-hsl)/1);
    --premium-tier-1-blue-for-gradients-hsl: 235 calc(var(--saturation-factor, 1)*85.6%) 64.7%;
    --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: 235 calc(var(--saturation-factor, 1)*68.5%) 52.7%;
    --premium-tier-1-purple: hsl(var(--premium-tier-1-purple-hsl)/1);
    --premium-tier-1-purple-hsl: 244 calc(var(--saturation-factor, 1)*100%) 84.1%;
    --premium-tier-2-pink: hsl(var(--premium-tier-2-pink-hsl)/1);
    --premium-tier-2-pink-hsl: 342 calc(var(--saturation-factor, 1)*58%) 72.9%;
    --premium-tier-2-pink-for-gradients: hsl(var(--premium-tier-2-pink-for-gradients-hsl)/1);
    --premium-tier-2-pink-for-gradients-hsl: 325 calc(var(--saturation-factor, 1)*31.7%) 51.8%;
    --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 calc(var(--saturation-factor, 1)*51.4%) 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.7%) 70.6%;
    --premium-tier-2-purple-for-gradients: hsl(var(--premium-tier-2-purple-for-gradients-hsl)/1);
    --premium-tier-2-purple-for-gradients-hsl: 269 calc(var(--saturation-factor, 1)*52.7%) 52.7%;
    --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: 296 calc(var(--saturation-factor, 1)*50%) 51.4%;
    --primary-100: hsl(var(--primary-100-hsl)/1);
    --primary-100-hsl: 0 calc(var(--saturation-factor, 1)*0%) 97.6%;
    --primary-130: hsl(var(--primary-130-hsl)/1);
    --primary-130-hsl: 220 calc(var(--saturation-factor, 1)*13%) 95.5%;
    --primary-160: hsl(var(--primary-160-hsl)/1);
    --primary-160-hsl: 210 calc(var(--saturation-factor, 1)*11.1%) 92.9%;
    --primary-200: hsl(var(--primary-200-hsl)/1);
    --primary-200-hsl: 216 calc(var(--saturation-factor, 1)*9.8%) 90%;
    --primary-230: hsl(var(--primary-230-hsl)/1);
    --primary-230-hsl: 210 calc(var(--saturation-factor, 1)*9.1%) 87.1%;
    --primary-260: hsl(var(--primary-260-hsl)/1);
    --primary-260-hsl: 214 calc(var(--saturation-factor, 1)*8.4%) 83.7%;
    --primary-300: hsl(var(--primary-300-hsl)/1);
    --primary-300-hsl: 210 calc(var(--saturation-factor, 1)*9.3%) 78.8%;
    --primary-330: hsl(var(--primary-330-hsl)/1);
    --primary-330-hsl: 215 calc(var(--saturation-factor, 1)*8.8%) 73.3%;
    --primary-345: hsl(var(--primary-345-hsl)/1);
    --primary-345-hsl: 214 calc(var(--saturation-factor, 1)*8.4%) 67.5%;
    --primary-360: hsl(var(--primary-360-hsl)/1);
    --primary-360-hsl: 214 calc(var(--saturation-factor, 1)*8.1%) 61.2%;
    --primary-400: hsl(var(--primary-400-hsl)/1);
    --primary-400-hsl: 223 calc(var(--saturation-factor, 1)*5.8%) 52.9%;
    --primary-430: hsl(var(--primary-430-hsl)/1);
    --primary-430-hsl: 229 calc(var(--saturation-factor, 1)*4.8%) 44.9%;
    --primary-460: hsl(var(--primary-460-hsl)/1);
    --primary-460-hsl: 228 calc(var(--saturation-factor, 1)*5.2%) 38%;
    --primary-500: hsl(var(--primary-500-hsl)/1);
    --primary-500-hsl: 228 calc(var(--saturation-factor, 1)*6%) 32.5%;
    --primary-530: hsl(var(--primary-530-hsl)/1);
    --primary-530-hsl: 227 calc(var(--saturation-factor, 1)*6.5%) 27.3%;
    --primary-560: hsl(var(--primary-560-hsl)/1);
    --primary-560-hsl: 225 calc(var(--saturation-factor, 1)*6.7%) 23.5%;
    --primary-600: hsl(var(--primary-600-hsl)/1);
    --primary-600-hsl: 223 calc(var(--saturation-factor, 1)*6.7%) 20.6%;
    --primary-630: hsl(var(--primary-630-hsl)/1);
    --primary-630-hsl: 220 calc(var(--saturation-factor, 1)*6.5%) 18%;
    --primary-645: hsl(var(--primary-645-hsl)/1);
    --primary-645-hsl: 220 calc(var(--saturation-factor, 1)*7%) 16.9%;
    --primary-660: hsl(var(--primary-660-hsl)/1);
    --primary-660-hsl: 228 calc(var(--saturation-factor, 1)*6.7%) 14.7%;
    --primary-700: hsl(var(--primary-700-hsl)/1);
    --primary-700-hsl: 225 calc(var(--saturation-factor, 1)*6.3%) 12.5%;
    --primary-730: hsl(var(--primary-730-hsl)/1);
    --primary-730-hsl: 225 calc(var(--saturation-factor, 1)*7.1%) 11%;
    --primary-760: hsl(var(--primary-760-hsl)/1);
    --primary-760-hsl: 220 calc(var(--saturation-factor, 1)*6.4%) 9.2%;
    --primary-800: hsl(var(--primary-800-hsl)/1);
    --primary-800-hsl: 220 calc(var(--saturation-factor, 1)*8.1%) 7.3%;
    --primary-830: hsl(var(--primary-830-hsl)/1);
    --primary-830-hsl: 240 calc(var(--saturation-factor, 1)*4%) 4.9%;
    --primary-860: hsl(var(--primary-860-hsl)/1);
    --primary-860-hsl: 240 calc(var(--saturation-factor, 1)*7.7%) 2.5%;
    --primary-900: hsl(var(--primary-900-hsl)/1);
    --primary-900-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0.8%;
    --red-100: hsl(var(--red-100-hsl)/1);
    --red-100-hsl: 350 calc(var(--saturation-factor, 1)*75%) 98.4%;
    --red-130: hsl(var(--red-130-hsl)/1);
    --red-130-hsl: 0 calc(var(--saturation-factor, 1)*83.3%) 97.6%;
    --red-160: hsl(var(--red-160-hsl)/1);
    --red-160-hsl: 0 calc(var(--saturation-factor, 1)*90.9%) 95.7%;
    --red-200: hsl(var(--red-200-hsl)/1);
    --red-200-hsl: 358 calc(var(--saturation-factor, 1)*88.9%) 92.9%;
    --red-230: hsl(var(--red-230-hsl)/1);
    --red-230-hsl: 359 calc(var(--saturation-factor, 1)*85.2%) 89.4%;
    --red-260: hsl(var(--red-260-hsl)/1);
    --red-260-hsl: 359 calc(var(--saturation-factor, 1)*89%) 85.7%;
    --red-300: hsl(var(--red-300-hsl)/1);
    --red-300-hsl: 359 calc(var(--saturation-factor, 1)*91.4%) 81.8%;
    --red-330: hsl(var(--red-330-hsl)/1);
    --red-330-hsl: 359 calc(var(--saturation-factor, 1)*91.3%) 77.5%;
    --red-345: hsl(var(--red-345-hsl)/1);
    --red-345-hsl: 358 calc(var(--saturation-factor, 1)*92.9%) 72.4%;
    --red-360: hsl(var(--red-360-hsl)/1);
    --red-360-hsl: 358 calc(var(--saturation-factor, 1)*91.8%) 66.5%;
    --red-400: hsl(var(--red-400-hsl)/1);
    --red-400-hsl: 359 calc(var(--saturation-factor, 1)*87.3%) 59.8%;
    --red-430: hsl(var(--red-430-hsl)/1);
    --red-430-hsl: 358 calc(var(--saturation-factor, 1)*68.8%) 53.5%;
    --red-460: hsl(var(--red-460-hsl)/1);
    --red-460-hsl: 359 calc(var(--saturation-factor, 1)*59.1%) 46.1%;
    --red-500: hsl(var(--red-500-hsl)/1);
    --red-500-hsl: 360 calc(var(--saturation-factor, 1)*60.2%) 39.4%;
    --red-530: hsl(var(--red-530-hsl)/1);
    --red-530-hsl: 359 calc(var(--saturation-factor, 1)*63.4%) 34.3%;
    --red-560: hsl(var(--red-560-hsl)/1);
    --red-560-hsl: 359 calc(var(--saturation-factor, 1)*63.9%) 30.4%;
    --red-600: hsl(var(--red-600-hsl)/1);
    --red-600-hsl: 359 calc(var(--saturation-factor, 1)*64.7%) 26.7%;
    --red-630: hsl(var(--red-630-hsl)/1);
    --red-630-hsl: 359 calc(var(--saturation-factor, 1)*65.6%) 23.9%;
    --red-660: hsl(var(--red-660-hsl)/1);
    --red-660-hsl: 359 calc(var(--saturation-factor, 1)*65.1%) 21.4%;
    --red-700: hsl(var(--red-700-hsl)/1);
    --red-700-hsl: 358 calc(var(--saturation-factor, 1)*66.7%) 18.8%;
    --red-730: hsl(var(--red-730-hsl)/1);
    --red-730-hsl: 359 calc(var(--saturation-factor, 1)*66.7%) 16.5%;
    --red-760: hsl(var(--red-760-hsl)/1);
    --red-760-hsl: 359 calc(var(--saturation-factor, 1)*70.3%) 14.5%;
    --red-800: hsl(var(--red-800-hsl)/1);
    --red-800-hsl: 359 calc(var(--saturation-factor, 1)*68.8%) 12.5%;
    --red-830: hsl(var(--red-830-hsl)/1);
    --red-830-hsl: 358 calc(var(--saturation-factor, 1)*67.3%) 10.8%;
    --red-860: hsl(var(--red-860-hsl)/1);
    --red-860-hsl: 0 calc(var(--saturation-factor, 1)*66.7%) 9.4%;
    --red-900: hsl(var(--red-900-hsl)/1);
    --red-900-hsl: 0 calc(var(--saturation-factor, 1)*70%) 7.8%;
    --reddit: hsl(var(--reddit-hsl)/1);
    --reddit-hsl: 16 calc(var(--saturation-factor, 1)*100%) 50%;
    --riot-games: hsl(var(--riot-games-hsl)/1);
    --riot-games-hsl: 349 calc(var(--saturation-factor, 1)*100%) 45.9%;
    --role-blue: hsl(var(--role-blue-hsl)/1);
    --role-blue-hsl: 204 calc(var(--saturation-factor, 1)*64.4%) 35.3%;
    --role-brown: hsl(var(--role-brown-hsl)/1);
    --role-brown-hsl: 24 calc(var(--saturation-factor, 1)*100%) 32.9%;
    --role-burgundy: hsl(var(--role-burgundy-hsl)/1);
    --role-burgundy-hsl: 334 calc(var(--saturation-factor, 1)*79.3%) 37.8%;
    --role-dark-blue: hsl(var(--role-dark-blue-hsl)/1);
    --role-dark-blue-hsl: 199 calc(var(--saturation-factor, 1)*18.4%) 40.4%;
    --role-dark-grey: hsl(var(--role-dark-grey-hsl)/1);
    --role-dark-grey-hsl: 200 calc(var(--saturation-factor, 1)*18.3%) 46.1%;
    --role-dark-purple: hsl(var(--role-dark-purple-hsl)/1);
    --role-dark-purple-hsl: 282 calc(var(--saturation-factor, 1)*43.7%) 37.6%;
    --role-dark-teal: hsl(var(--role-dark-teal-hsl)/1);
    --role-dark-teal-hsl: 168 calc(var(--saturation-factor, 1)*76.6%) 28.4%;
    --role-default: hsl(var(--role-default-hsl)/1);
    --role-default-hsl: 204 calc(var(--saturation-factor, 1)*15.9%) 65.5%;
    --role-green: hsl(var(--role-green-hsl)/1);
    --role-green-hsl: 145 calc(var(--saturation-factor, 1)*63.5%) 33.3%;
    --role-grey: hsl(var(--role-grey-hsl)/1);
    --role-grey-hsl: 202 calc(var(--saturation-factor, 1)*4%) 60.8%;
    --role-light-blue: hsl(var(--role-light-blue-hsl)/1);
    --role-light-blue-hsl: 204 calc(var(--saturation-factor, 1)*15.9%) 65.5%;
    --role-light-green: hsl(var(--role-light-green-hsl)/1);
    --role-light-green-hsl: 145 calc(var(--saturation-factor, 1)*63.2%) 49%;
    --role-light-grey: hsl(var(--role-light-grey-hsl)/1);
    --role-light-grey-hsl: 184 calc(var(--saturation-factor, 1)*8.7%) 61.8%;
    --role-magenta: hsl(var(--role-magenta-hsl)/1);
    --role-magenta-hsl: 340 calc(var(--saturation-factor, 1)*82.2%) 51.6%;
    --role-orange: hsl(var(--role-orange-hsl)/1);
    --role-orange-hsl: 28 calc(var(--saturation-factor, 1)*79.7%) 51.8%;
    --role-purple: hsl(var(--role-purple-hsl)/1);
    --role-purple-hsl: 283 calc(var(--saturation-factor, 1)*38.9%) 53.1%;
    --role-salmon: hsl(var(--role-salmon-hsl)/1);
    --role-salmon-hsl: 6 calc(var(--saturation-factor, 1)*78.1%) 57.1%;
    --role-sky-blue: hsl(var(--role-sky-blue-hsl)/1);
    --role-sky-blue-hsl: 204 calc(var(--saturation-factor, 1)*69.9%) 53.1%;
    --role-tan: hsl(var(--role-tan-hsl)/1);
    --role-tan-hsl: 37 calc(var(--saturation-factor, 1)*86.5%) 40.8%;
    --role-teal: hsl(var(--role-teal-hsl)/1);
    --role-teal-hsl: 168 calc(var(--saturation-factor, 1)*75.7%) 42%;
    --role-terracotta: hsl(var(--role-terracotta-hsl)/1);
    --role-terracotta-hsl: 6 calc(var(--saturation-factor, 1)*63.6%) 36.7%;
    --role-yellow: hsl(var(--role-yellow-hsl)/1);
    --role-yellow-hsl: 48 calc(var(--saturation-factor, 1)*89%) 50.2%;
    --samsung: hsl(var(--samsung-hsl)/1);
    --samsung-hsl: 231 calc(var(--saturation-factor, 1)*77.8%) 35.3%;
    --skype: hsl(var(--skype-hsl)/1);
    --skype-hsl: 196 calc(var(--saturation-factor, 1)*100%) 42.2%;
    --spotify: hsl(var(--spotify-hsl)/1);
    --spotify-hsl: 141 calc(var(--saturation-factor, 1)*72.9%) 42%;
    --steam: hsl(var(--steam-hsl)/1);
    --steam-hsl: 215 calc(var(--saturation-factor, 1)*35.1%) 14.5%;
    --teal-100: hsl(var(--teal-100-hsl)/1);
    --teal-100-hsl: 193 calc(var(--saturation-factor, 1)*69.2%) 97.5%;
    --teal-130: hsl(var(--teal-130-hsl)/1);
    --teal-130-hsl: 192 calc(var(--saturation-factor, 1)*83.3%) 95.3%;
    --teal-160: hsl(var(--teal-160-hsl)/1);
    --teal-160-hsl: 190 calc(var(--saturation-factor, 1)*83.3%) 90.6%;
    --teal-200: hsl(var(--teal-200-hsl)/1);
    --teal-200-hsl: 188 calc(var(--saturation-factor, 1)*85.7%) 83.5%;
    --teal-230: hsl(var(--teal-230-hsl)/1);
    --teal-230-hsl: 188 calc(var(--saturation-factor, 1)*88.3%) 73.1%;
    --teal-260: hsl(var(--teal-260-hsl)/1);
    --teal-260-hsl: 188 calc(var(--saturation-factor, 1)*81.9%) 65.3%;
    --teal-300: hsl(var(--teal-300-hsl)/1);
    --teal-300-hsl: 189 calc(var(--saturation-factor, 1)*72.8%) 58.2%;
    --teal-330: hsl(var(--teal-330-hsl)/1);
    --teal-330-hsl: 189 calc(var(--saturation-factor, 1)*65.6%) 52.2%;
    --teal-345: hsl(var(--teal-345-hsl)/1);
    --teal-345-hsl: 190 calc(var(--saturation-factor, 1)*62.8%) 48.4%;
    --teal-360: hsl(var(--teal-360-hsl)/1);
    --teal-360-hsl: 190 calc(var(--saturation-factor, 1)*64%) 43.5%;
    --teal-400: hsl(var(--teal-400-hsl)/1);
    --teal-400-hsl: 190 calc(var(--saturation-factor, 1)*63.5%) 38.6%;
    --teal-430: hsl(var(--teal-430-hsl)/1);
    --teal-430-hsl: 190 calc(var(--saturation-factor, 1)*63%) 33.9%;
    --teal-460: hsl(var(--teal-460-hsl)/1);
    --teal-460-hsl: 191 calc(var(--saturation-factor, 1)*64.2%) 29.6%;
    --teal-500: hsl(var(--teal-500-hsl)/1);
    --teal-500-hsl: 190 calc(var(--saturation-factor, 1)*65.2%) 25.9%;
    --teal-530: hsl(var(--teal-530-hsl)/1);
    --teal-530-hsl: 190 calc(var(--saturation-factor, 1)*66.7%) 22.4%;
    --teal-560: hsl(var(--teal-560-hsl)/1);
    --teal-560-hsl: 190 calc(var(--saturation-factor, 1)*69.7%) 19.4%;
    --teal-600: hsl(var(--teal-600-hsl)/1);
    --teal-600-hsl: 189 calc(var(--saturation-factor, 1)*71.8%) 16.7%;
    --teal-630: hsl(var(--teal-630-hsl)/1);
    --teal-630-hsl: 190 calc(var(--saturation-factor, 1)*73.7%) 14.9%;
    --teal-660: hsl(var(--teal-660-hsl)/1);
    --teal-660-hsl: 188 calc(var(--saturation-factor, 1)*75.8%) 12.9%;
    --teal-700: hsl(var(--teal-700-hsl)/1);
    --teal-700-hsl: 189 calc(var(--saturation-factor, 1)*79.3%) 11.4%;
    --teal-730: hsl(var(--teal-730-hsl)/1);
    --teal-730-hsl: 189 calc(var(--saturation-factor, 1)*80%) 9.8%;
    --teal-760: hsl(var(--teal-760-hsl)/1);
    --teal-760-hsl: 189 calc(var(--saturation-factor, 1)*81.4%) 8.4%;
    --teal-800: hsl(var(--teal-800-hsl)/1);
    --teal-800-hsl: 188 calc(var(--saturation-factor, 1)*83.3%) 7.1%;
    --teal-830: hsl(var(--teal-830-hsl)/1);
    --teal-830-hsl: 189 calc(var(--saturation-factor, 1)*87.1%) 6.1%;
    --teal-860: hsl(var(--teal-860-hsl)/1);
    --teal-860-hsl: 188 calc(var(--saturation-factor, 1)*85.2%) 5.3%;
    --teal-900: hsl(var(--teal-900-hsl)/1);
    --teal-900-hsl: 189 calc(var(--saturation-factor, 1)*90.9%) 4.3%;
    --transparent: hsl(var(--transparent-hsl)/0);
    --transparent-hsl: 0 calc(var(--saturation-factor, 1)*0%) 0%;
    --twitch: hsl(var(--twitch-hsl)/1);
    --twitch-hsl: 262 calc(var(--saturation-factor, 1)*46.8%) 39.8%;
    --twitter: hsl(var(--twitter-hsl)/1);
    --twitter-hsl: 203 calc(var(--saturation-factor, 1)*89.1%) 53.1%;
    --white-100: hsl(var(--white-100-hsl)/1);
    --white-100-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-130: hsl(var(--white-130-hsl)/1);
    --white-130-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-160: hsl(var(--white-160-hsl)/1);
    --white-160-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-200: hsl(var(--white-200-hsl)/1);
    --white-200-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-230: hsl(var(--white-230-hsl)/1);
    --white-230-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-260: hsl(var(--white-260-hsl)/1);
    --white-260-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-300: hsl(var(--white-300-hsl)/1);
    --white-300-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-330: hsl(var(--white-330-hsl)/1);
    --white-330-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-345: hsl(var(--white-345-hsl)/1);
    --white-345-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-360: hsl(var(--white-360-hsl)/1);
    --white-360-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-400: hsl(var(--white-400-hsl)/1);
    --white-400-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-430: hsl(var(--white-430-hsl)/1);
    --white-430-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-460: hsl(var(--white-460-hsl)/1);
    --white-460-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-500: hsl(var(--white-500-hsl)/1);
    --white-500-hsl: 0 calc(var(--saturation-factor, 1)*0%) 100%;
    --white-530: hsl(var(--white-530-hsl)/1);
    --white-530-hsl: 0 calc(var(--saturation-factor, 1)*0%) 91%;
    --white-560: hsl(var(--white-560-hsl)/1);
    --white-560-hsl: 0 calc(var(--saturation-factor, 1)*0%) 81.2%;
    --white-600: hsl(var(--white-600-hsl)/1);
    --white-600-hsl: 0 calc(var(--saturation-factor, 1)*0%) 67.8%;
    --white-630: hsl(var(--white-630-hsl)/1);
    --white-630-hsl: 0 calc(var(--saturation-factor, 1)*0%) 58.8%;
    --white-660: hsl(var(--white-660-hsl)/1);
    --white-660-hsl: 0 calc(var(--saturation-factor, 1)*0%) 51.4%;
    --white-700: hsl(var(--white-700-hsl)/1);
    --white-700-hsl: 0 calc(var(--saturation-factor, 1)*0%) 40%;
    --white-730: hsl(var(--white-730-hsl)/1);
    --white-730-hsl: 0 calc(var(--saturation-factor, 1)*0%) 37.3%;
    --white-760: hsl(var(--white-760-hsl)/1);
    --white-760-hsl: 0 calc(var(--saturation-factor, 1)*0%) 34.5%;
    --white-800: hsl(var(--white-800-hsl)/1);
    --white-800-hsl: 0 calc(var(--saturation-factor, 1)*0%) 30.2%;
    --white-830: hsl(var(--white-830-hsl)/1);
    --white-830-hsl: 0 calc(var(--saturation-factor, 1)*0%) 23.1%;
    --white-860: hsl(var(--white-860-hsl)/1);
    --white-860-hsl: 0 calc(var(--saturation-factor, 1)*0%) 14.9%;
    --white-900: hsl(var(--white-900-hsl)/1);
    --white-900-hsl: 0 calc(var(--saturation-factor, 1)*0%) 5.1%;
    --xbox: hsl(var(--xbox-hsl)/1);
    --xbox-hsl: 120 calc(var(--saturation-factor, 1)*77.1%) 27.5%;
    --yellow-100: hsl(var(--yellow-100-hsl)/1);
    --yellow-100-hsl: 34 calc(var(--saturation-factor, 1)*100%) 96.9%;
    --yellow-130: hsl(var(--yellow-130-hsl)/1);
    --yellow-130-hsl: 31 calc(var(--saturation-factor, 1)*100%) 95.5%;
    --yellow-160: hsl(var(--yellow-160-hsl)/1);
    --yellow-160-hsl: 33 calc(var(--saturation-factor, 1)*100%) 91.4%;
    --yellow-200: hsl(var(--yellow-200-hsl)/1);
    --yellow-200-hsl: 35 calc(var(--saturation-factor, 1)*97.3%) 85.5%;
    --yellow-230: hsl(var(--yellow-230-hsl)/1);
    --yellow-230-hsl: 37 calc(var(--saturation-factor, 1)*96.6%) 77.1%;
    --yellow-260: hsl(var(--yellow-260-hsl)/1);
    --yellow-260-hsl: 41 calc(var(--saturation-factor, 1)*96.8%) 62.9%;
    --yellow-300: hsl(var(--yellow-300-hsl)/1);
    --yellow-300-hsl: 40 calc(var(--saturation-factor, 1)*86.4%) 56.9%;
    --yellow-330: hsl(var(--yellow-330-hsl)/1);
    --yellow-330-hsl: 40 calc(var(--saturation-factor, 1)*75.3%) 52.4%;
    --yellow-345: hsl(var(--yellow-345-hsl)/1);
    --yellow-345-hsl: 40 calc(var(--saturation-factor, 1)*71%) 48.6%;
    --yellow-360: hsl(var(--yellow-360-hsl)/1);
    --yellow-360-hsl: 39 calc(var(--saturation-factor, 1)*74.4%) 42.9%;
    --yellow-400: hsl(var(--yellow-400-hsl)/1);
    --yellow-400-hsl: 38 calc(var(--saturation-factor, 1)*78.6%) 38.4%;
    --yellow-430: hsl(var(--yellow-430-hsl)/1);
    --yellow-430-hsl: 37 calc(var(--saturation-factor, 1)*84.4%) 32.7%;
    --yellow-460: hsl(var(--yellow-460-hsl)/1);
    --yellow-460-hsl: 36 calc(var(--saturation-factor, 1)*87.8%) 28.8%;
    --yellow-500: hsl(var(--yellow-500-hsl)/1);
    --yellow-500-hsl: 36 calc(var(--saturation-factor, 1)*93.8%) 25.1%;
    --yellow-530: hsl(var(--yellow-530-hsl)/1);
    --yellow-530-hsl: 35 calc(var(--saturation-factor, 1)*92.9%) 22.2%;
    --yellow-560: hsl(var(--yellow-560-hsl)/1);
    --yellow-560-hsl: 34 calc(var(--saturation-factor, 1)*94%) 19.6%;
    --yellow-600: hsl(var(--yellow-600-hsl)/1);
    --yellow-600-hsl: 35 calc(var(--saturation-factor, 1)*93.1%) 17.1%;
    --yellow-630: hsl(var(--yellow-630-hsl)/1);
    --yellow-630-hsl: 35 calc(var(--saturation-factor, 1)*92.4%) 15.5%;
    --yellow-660: hsl(var(--yellow-660-hsl)/1);
    --yellow-660-hsl: 35 calc(var(--saturation-factor, 1)*91.4%) 13.7%;
    --yellow-700: hsl(var(--yellow-700-hsl)/1);
    --yellow-700-hsl: 34 calc(var(--saturation-factor, 1)*90.3%) 12.2%;
    --yellow-730: hsl(var(--yellow-730-hsl)/1);
    --yellow-730-hsl: 33 calc(var(--saturation-factor, 1)*92.7%) 10.8%;
    --yellow-760: hsl(var(--yellow-760-hsl)/1);
    --yellow-760-hsl: 33 calc(var(--saturation-factor, 1)*91.7%) 9.4%;
    --yellow-800: hsl(var(--yellow-800-hsl)/1);
    --yellow-800-hsl: 32 calc(var(--saturation-factor, 1)*90.2%) 8%;
    --yellow-830: hsl(var(--yellow-830-hsl)/1);
    --yellow-830-hsl: 32 calc(var(--saturation-factor, 1)*88.9%) 7.1%;
    --yellow-860: hsl(var(--yellow-860-hsl)/1);
    --yellow-860-hsl: 32 calc(var(--saturation-factor, 1)*86.7%) 5.9%;
    --yellow-900: hsl(var(--yellow-900-hsl)/1);
    --yellow-900-hsl: 36 calc(var(--saturation-factor, 1)*83.3%) 4.7%;
    --youtube: hsl(var(--youtube-hsl)/1);
    --youtube-hsl: 0 calc(var(--saturation-factor, 1)*72.8%) 46.1%
}

.discovery_discovery_8EUyK {
    --black: var(--black-500);
    --black: color-mix(in oklab, var(--black-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --content-inventory-media-seekbar-container: hsl(var(--plum-6-hsl)/0.24);
    --content-inventory-media-seekbar-container: color-mix(in oklab, hsl(var(--plum-6-hsl)/0.24) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.24) var(--custom-theme-mix-amount-base, 0%));
    --content-inventory-overlay-text-primary: hsl(var(--white-500-hsl)/0.85);
    --content-inventory-overlay-text-primary: color-mix(in oklab, hsl(var(--white-500-hsl)/0.85) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.85) var(--custom-theme-mix-amount-base, 0%));
    --content-inventory-overlay-text-secondary: hsl(var(--white-500-hsl)/0.7);
    --content-inventory-overlay-text-secondary: color-mix(in oklab, hsl(var(--white-500-hsl)/0.7) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.7) var(--custom-theme-mix-amount-base, 0%));
    --content-inventory-overlay-ui-mod: hsl(var(--white-500-hsl)/0.7);
    --content-inventory-overlay-ui-mod: color-mix(in oklab, hsl(var(--white-500-hsl)/0.7) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.7) var(--custom-theme-mix-amount-base, 0%));
    --content-inventory-overlay-ui-mod-bg: hsl(var(--black-500-hsl)/0.1);
    --content-inventory-overlay-ui-mod-bg: color-mix(in oklab, hsl(var(--black-500-hsl)/0.1) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.1) var(--custom-theme-mix-amount-base, 0%));
    --halo-positive: hsl(var(--green-360-hsl)/0.24);
    --halo-positive: color-mix(in oklab, hsl(var(--green-360-hsl)/0.24) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.24) var(--custom-theme-mix-amount-base, 0%));
    --icon-muted: var(--primary-400);
    --icon-muted: color-mix(in oklab, var(--primary-400) 100%, var(--custom-theme-mix-text, #000) var(--custom-theme-mix-amount-text, 0%));
    --icon-transparent: hsl(var(--transparent-hsl)/0);
    --icon-transparent: color-mix(in oklab, hsl(var(--transparent-hsl)/0) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0) var(--custom-theme-mix-amount-text, 0%));
    --info-box-background: hsl(var(--blue-345-hsl)/0.1);
    --info-box-background: color-mix(in oklab, hsl(var(--blue-345-hsl)/0.1) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.1) var(--custom-theme-mix-amount-base, 0%));
    --theme-locked-blur-fallback: hsl(var(--primary-700-hsl)/0.96);
    --theme-locked-blur-fallback: color-mix(in oklab, hsl(var(--primary-700-hsl)/0.96) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.96) var(--custom-theme-mix-amount-base, 0%));
    --voice-video-video-tile-background: hsl(var(--plum-17-hsl)/0.4);
    --voice-video-video-tile-background: color-mix(in oklab, hsl(var(--plum-17-hsl)/0.4) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.4) var(--custom-theme-mix-amount-base, 0%));
    --voice-video-video-tile-blur-fallback: hsl(var(--primary-700-hsl)/0.48);
    --voice-video-video-tile-blur-fallback: color-mix(in oklab, hsl(var(--primary-700-hsl)/0.48) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.48) var(--custom-theme-mix-amount-base, 0%));
    --white: var(--white-500);
    --white: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%))
}

.discovery_discovery_8EUyK {
    --action-sheet-gradient-bg: var(--primary-130);
    --action-sheet-gradient-bg: color-mix(in oklab, var(--primary-130) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --activity-card-background: var(--white-500);
    --activity-card-background: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --activity-card-icon-overlay: hsl(var(--primary-600-hsl)/0.85);
    --activity-card-icon-overlay: color-mix(in oklab, hsl(var(--primary-600-hsl)/0.85) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.85) var(--custom-theme-mix-amount-base, 0%));
    --alert-bg: var(--white-500);
    --alert-bg: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --android-navigation-bar-background: var(--primary-100);
    --android-navigation-bar-background: color-mix(in oklab, var(--primary-100) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --android-navigation-scrim-background: hsl(var(--primary-100-hsl)/0.5);
    --android-navigation-scrim-background: color-mix(in oklab, hsl(var(--primary-100-hsl)/0.5) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.5) var(--custom-theme-mix-amount-base, 0%));
    --android-ripple: hsl(var(--black-500-hsl)/0.12);
    --android-ripple: color-mix(in oklab, hsl(var(--black-500-hsl)/0.12) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.12) var(--custom-theme-mix-amount-base, 0%));
    --background-accent: var(--primary-430);
    --background-accent: color-mix(in oklab, var(--primary-430) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --background-floating: var(--white-500);
    --background-floating: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --background-mentioned: hsl(var(--yellow-300-hsl)/0.1);
    --background-mentioned: color-mix(in oklab, hsl(var(--yellow-300-hsl)/0.1) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.1) var(--custom-theme-mix-amount-base, 0%));
    --background-mentioned-hover: hsl(var(--yellow-300-hsl)/0.2);
    --background-mentioned-hover: color-mix(in oklab, hsl(var(--yellow-300-hsl)/0.2) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.2) var(--custom-theme-mix-amount-base, 0%));
    --background-message-automod: hsl(var(--red-400-hsl)/0.05);
    --background-message-automod: color-mix(in oklab, hsl(var(--red-400-hsl)/0.05) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.05) var(--custom-theme-mix-amount-base, 0%));
    --background-message-automod-hover: hsl(var(--red-400-hsl)/0.1);
    --background-message-automod-hover: color-mix(in oklab, hsl(var(--red-400-hsl)/0.1) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.1) var(--custom-theme-mix-amount-base, 0%));
    --background-message-highlight: hsl(var(--brand-360-hsl)/0.1);
    --background-message-highlight: color-mix(in oklab, hsl(var(--brand-360-hsl)/0.1) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.1) var(--custom-theme-mix-amount-base, 0%));
    --background-message-highlight-hover: hsl(var(--brand-360-hsl)/0.2);
    --background-message-highlight-hover: color-mix(in oklab, hsl(var(--brand-360-hsl)/0.2) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.2) var(--custom-theme-mix-amount-base, 0%));
    --background-message-hover: hsl(var(--primary-900-hsl)/0.03);
    --background-message-hover: color-mix(in oklab, hsl(var(--primary-900-hsl)/0.03) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.03) var(--custom-theme-mix-amount-base, 0%));
    --background-mobile-primary: var(--primary-100);
    --background-mobile-primary: color-mix(in oklab, var(--primary-100) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --background-mobile-secondary: var(--white-500);
    --background-mobile-secondary: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --background-modifier-accent: hsl(var(--primary-400-hsl)/0.24);
    --background-modifier-accent: color-mix(in oklab, hsl(var(--primary-400-hsl)/0.24) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.24) var(--custom-theme-mix-amount-base, 0%));
    --background-modifier-accent-2: hsl(var(--primary-400-hsl)/0.16);
    --background-modifier-accent-2: color-mix(in oklab, hsl(var(--primary-400-hsl)/0.16) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.16) var(--custom-theme-mix-amount-base, 0%));
    --background-modifier-active: hsl(var(--primary-400-hsl)/0.2);
    --background-modifier-active: color-mix(in oklab, hsl(var(--primary-400-hsl)/0.2) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.2) var(--custom-theme-mix-amount-base, 0%));
    --background-modifier-hover: hsl(var(--primary-400-hsl)/0.16);
    --background-modifier-hover: color-mix(in oklab, hsl(var(--primary-400-hsl)/0.16) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.16) var(--custom-theme-mix-amount-base, 0%));
    --background-modifier-selected: hsl(var(--primary-400-hsl)/0.24);
    --background-modifier-selected: color-mix(in oklab, hsl(var(--primary-400-hsl)/0.24) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.24) var(--custom-theme-mix-amount-base, 0%));
    --background-nested-floating: var(--white-500);
    --background-nested-floating: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --background-primary: var(--white-500);
    --background-primary: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --background-secondary: var(--primary-130);
    --background-secondary: color-mix(in oklab, var(--primary-130) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --background-secondary-alt: var(--primary-160);
    --background-secondary-alt: color-mix(in oklab, var(--primary-160) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --background-tertiary: var(--primary-200);
    --background-tertiary: color-mix(in oklab, var(--primary-200) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --bg-backdrop: hsl(var(--black-500-hsl)/0.54);
    --bg-backdrop: color-mix(in oklab, hsl(var(--black-500-hsl)/0.54) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.54) var(--custom-theme-mix-amount-base, 0%));
    --bg-backdrop-no-opacity: var(--black-500);
    --bg-backdrop-no-opacity: color-mix(in oklab, var(--black-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --bg-base-primary: var(--white-500);
    --bg-base-primary: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --bg-base-secondary: var(--primary-130);
    --bg-base-secondary: color-mix(in oklab, var(--primary-130) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --bg-base-tertiary: var(--primary-160);
    --bg-base-tertiary: color-mix(in oklab, var(--primary-160) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --bg-brand: var(--brand-500);
    --bg-brand: color-mix(in oklab, var(--brand-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --bg-mod-faint: hsl(var(--primary-400-hsl)/0.08);
    --bg-mod-faint: color-mix(in oklab, hsl(var(--primary-400-hsl)/0.08) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.08) var(--custom-theme-mix-amount-base, 0%));
    --bg-mod-strong: hsl(var(--primary-400-hsl)/0.24);
    --bg-mod-strong: color-mix(in oklab, hsl(var(--primary-400-hsl)/0.24) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.24) var(--custom-theme-mix-amount-base, 0%));
    --bg-mod-subtle: hsl(var(--primary-400-hsl)/0.16);
    --bg-mod-subtle: color-mix(in oklab, hsl(var(--primary-400-hsl)/0.16) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.16) var(--custom-theme-mix-amount-base, 0%));
    --bg-surface-overlay: var(--white-500);
    --bg-surface-overlay: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --bg-surface-overlay-tmp: var(--primary-130);
    --bg-surface-overlay-tmp: color-mix(in oklab, var(--primary-130) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --bg-surface-raised: var(--white-500);
    --bg-surface-raised: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --blur-fallback: hsl(var(--primary-530-hsl)/0.96);
    --blur-fallback: color-mix(in oklab, hsl(var(--primary-530-hsl)/0.96) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.96) var(--custom-theme-mix-amount-base, 0%));
    --blur-fallback-pressed: hsl(var(--primary-560-hsl)/0.96);
    --blur-fallback-pressed: color-mix(in oklab, hsl(var(--primary-560-hsl)/0.96) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.96) var(--custom-theme-mix-amount-base, 0%));
    --border-faint: hsl(var(--black-500-hsl)/0.04);
    --border-faint: color-mix(in oklab, hsl(var(--black-500-hsl)/0.04) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.04) var(--custom-theme-mix-amount-base, 0%));
    --border-strong: hsl(var(--black-500-hsl)/0.16);
    --border-strong: color-mix(in oklab, hsl(var(--black-500-hsl)/0.16) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.16) var(--custom-theme-mix-amount-base, 0%));
    --border-subtle: hsl(var(--black-500-hsl)/0.08);
    --border-subtle: color-mix(in oklab, hsl(var(--black-500-hsl)/0.08) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.08) var(--custom-theme-mix-amount-base, 0%));
    --bug-reporter-modal-submitting-background: hsl(var(--white-500-hsl)/0.6);
    --bug-reporter-modal-submitting-background: color-mix(in oklab, hsl(var(--white-500-hsl)/0.6) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.6) var(--custom-theme-mix-amount-base, 0%));
    --button-creator-revenue-background: var(--teal-430);
    --button-creator-revenue-background: color-mix(in oklab, var(--teal-430) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-danger-background: var(--red-430);
    --button-danger-background: color-mix(in oklab, var(--red-430) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-danger-background-active: var(--red-530);
    --button-danger-background-active: color-mix(in oklab, var(--red-530) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-danger-background-disabled: var(--red-430);
    --button-danger-background-disabled: color-mix(in oklab, var(--red-430) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-danger-background-hover: var(--red-500);
    --button-danger-background-hover: color-mix(in oklab, var(--red-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-outline-brand-background: hsl(var(--white-500-hsl)/0);
    --button-outline-brand-background: color-mix(in oklab, hsl(var(--white-500-hsl)/0) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0) var(--custom-theme-mix-amount-base, 0%));
    --button-outline-brand-background-active: var(--brand-560);
    --button-outline-brand-background-active: color-mix(in oklab, var(--brand-560) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-outline-brand-background-hover: var(--brand-500);
    --button-outline-brand-background-hover: color-mix(in oklab, var(--brand-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-outline-brand-border: var(--brand-500);
    --button-outline-brand-border: color-mix(in oklab, var(--brand-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-outline-brand-border-active: var(--brand-560);
    --button-outline-brand-border-active: color-mix(in oklab, var(--brand-560) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-outline-brand-border-hover: var(--brand-500);
    --button-outline-brand-border-hover: color-mix(in oklab, var(--brand-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-outline-brand-text: var(--black-500);
    --button-outline-brand-text: color-mix(in oklab, var(--black-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-outline-brand-text-active: var(--white-500);
    --button-outline-brand-text-active: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-outline-brand-text-hover: var(--white-500);
    --button-outline-brand-text-hover: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-outline-danger-background: hsl(var(--white-500-hsl)/0);
    --button-outline-danger-background: color-mix(in oklab, hsl(var(--white-500-hsl)/0) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0) var(--custom-theme-mix-amount-base, 0%));
    --button-outline-danger-background-active: var(--red-460);
    --button-outline-danger-background-active: color-mix(in oklab, var(--red-460) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-outline-danger-background-hover: var(--red-430);
    --button-outline-danger-background-hover: color-mix(in oklab, var(--red-430) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-outline-danger-border: var(--red-430);
    --button-outline-danger-border: color-mix(in oklab, var(--red-430) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-outline-danger-border-active: var(--red-430);
    --button-outline-danger-border-active: color-mix(in oklab, var(--red-430) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-outline-danger-border-hover: var(--red-430);
    --button-outline-danger-border-hover: color-mix(in oklab, var(--red-430) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-outline-danger-text: var(--black-500);
    --button-outline-danger-text: color-mix(in oklab, var(--black-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-outline-danger-text-active: var(--white-500);
    --button-outline-danger-text-active: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-outline-danger-text-hover: var(--white-500);
    --button-outline-danger-text-hover: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-outline-positive-background: hsl(var(--white-500-hsl)/0);
    --button-outline-positive-background: color-mix(in oklab, hsl(var(--white-500-hsl)/0) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0) var(--custom-theme-mix-amount-base, 0%));
    --button-outline-positive-background-active: var(--green-530);
    --button-outline-positive-background-active: color-mix(in oklab, var(--green-530) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-outline-positive-background-hover: var(--green-430);
    --button-outline-positive-background-hover: color-mix(in oklab, var(--green-430) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-outline-positive-border: var(--green-400);
    --button-outline-positive-border: color-mix(in oklab, var(--green-400) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-outline-positive-border-active: var(--green-530);
    --button-outline-positive-border-active: color-mix(in oklab, var(--green-530) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-outline-positive-border-hover: var(--green-430);
    --button-outline-positive-border-hover: color-mix(in oklab, var(--green-430) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-outline-positive-text: var(--black-500);
    --button-outline-positive-text: color-mix(in oklab, var(--black-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-outline-positive-text-active: var(--white-500);
    --button-outline-positive-text-active: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-outline-positive-text-hover: var(--white-500);
    --button-outline-positive-text-hover: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-outline-primary-background: hsl(var(--white-500-hsl)/0);
    --button-outline-primary-background: color-mix(in oklab, hsl(var(--white-500-hsl)/0) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0) var(--custom-theme-mix-amount-base, 0%));
    --button-outline-primary-background-active: var(--primary-600);
    --button-outline-primary-background-active: color-mix(in oklab, var(--primary-600) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-outline-primary-background-hover: var(--primary-530);
    --button-outline-primary-background-hover: color-mix(in oklab, var(--primary-530) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-outline-primary-border: var(--primary-530);
    --button-outline-primary-border: color-mix(in oklab, var(--primary-530) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-outline-primary-border-active: var(--primary-600);
    --button-outline-primary-border-active: color-mix(in oklab, var(--primary-600) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-outline-primary-border-hover: var(--primary-530);
    --button-outline-primary-border-hover: color-mix(in oklab, var(--primary-530) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-outline-primary-text: var(--black-500);
    --button-outline-primary-text: color-mix(in oklab, var(--black-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-outline-primary-text-active: var(--white-500);
    --button-outline-primary-text-active: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-outline-primary-text-hover: var(--white-500);
    --button-outline-primary-text-hover: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-positive-background: var(--green-430);
    --button-positive-background: color-mix(in oklab, var(--green-430) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-positive-background-active: var(--green-530);
    --button-positive-background-active: color-mix(in oklab, var(--green-530) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-positive-background-disabled: var(--green-430);
    --button-positive-background-disabled: color-mix(in oklab, var(--green-430) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-positive-background-hover: var(--green-530);
    --button-positive-background-hover: color-mix(in oklab, var(--green-530) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-secondary-background: var(--primary-430);
    --button-secondary-background: color-mix(in oklab, var(--primary-430) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-secondary-background-active: var(--primary-530);
    --button-secondary-background-active: color-mix(in oklab, var(--primary-530) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-secondary-background-disabled: var(--primary-430);
    --button-secondary-background-disabled: color-mix(in oklab, var(--primary-430) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --button-secondary-background-hover: var(--primary-500);
    --button-secondary-background-hover: color-mix(in oklab, var(--primary-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --card-gradient-bg: hsl(var(--white-500-hsl)/0.7);
    --card-gradient-bg: color-mix(in oklab, hsl(var(--white-500-hsl)/0.7) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.7) var(--custom-theme-mix-amount-base, 0%));
    --card-gradient-pressed-bg: hsl(var(--white-500-hsl)/0.5);
    --card-gradient-pressed-bg: color-mix(in oklab, hsl(var(--white-500-hsl)/0.5) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.5) var(--custom-theme-mix-amount-base, 0%));
    --card-primary-bg: var(--white-500);
    --card-primary-bg: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --card-primary-pressed-bg: var(--primary-160);
    --card-primary-pressed-bg: color-mix(in oklab, var(--primary-160) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --card-secondary-bg: var(--white-500);
    --card-secondary-bg: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --card-secondary-pressed-bg: var(--primary-160);
    --card-secondary-pressed-bg: color-mix(in oklab, var(--primary-160) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --channel-icon: var(--primary-430);
    --channel-icon: color-mix(in oklab, var(--primary-430) 100%, var(--custom-theme-mix-text, #000) var(--custom-theme-mix-amount-text, 0%));
    --channel-text-area-placeholder: var(--primary-400);
    --channel-text-area-placeholder: color-mix(in oklab, var(--primary-400) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --channels-default: var(--primary-460);
    --channels-default: color-mix(in oklab, var(--primary-460) 100%, var(--custom-theme-mix-text, #000) var(--custom-theme-mix-amount-text, 0%));
    --channeltextarea-background: var(--primary-160);
    --channeltextarea-background: color-mix(in oklab, var(--primary-160) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --chat-background: var(--white-500);
    --chat-background: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --chat-banner-bg: var(--primary-130);
    --chat-banner-bg: color-mix(in oklab, var(--primary-130) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --chat-border: var(--primary-200);
    --chat-border: color-mix(in oklab, var(--primary-200) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --chat-input-container-background: var(--white-500);
    --chat-input-container-background: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --chat-swipe-to-reply-background: var(--primary-160);
    --chat-swipe-to-reply-background: color-mix(in oklab, var(--primary-160) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --chat-swipe-to-reply-gradient-background: hsl(var(--white-500-hsl)/0.4);
    --chat-swipe-to-reply-gradient-background: color-mix(in oklab, hsl(var(--white-500-hsl)/0.4) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.4) var(--custom-theme-mix-amount-base, 0%));
    --coachmark-bg: var(--white-500);
    --coachmark-bg: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --context-menu-backdrop-background: hsl(var(--black-500-hsl)/0.54);
    --context-menu-backdrop-background: color-mix(in oklab, hsl(var(--black-500-hsl)/0.54) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.54) var(--custom-theme-mix-amount-base, 0%));
    --control-brand-foreground: var(--brand-500);
    --control-brand-foreground: color-mix(in oklab, var(--brand-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --control-brand-foreground-new: var(--brand-500);
    --control-brand-foreground-new: color-mix(in oklab, var(--brand-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --creator-revenue-icon-gradient-end: var(--teal-400);
    --creator-revenue-icon-gradient-end: color-mix(in oklab, var(--teal-400) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --creator-revenue-icon-gradient-start: var(--teal-345);
    --creator-revenue-icon-gradient-start: color-mix(in oklab, var(--teal-345) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --creator-revenue-info-box-background: hsl(var(--teal-430-hsl)/0.1);
    --creator-revenue-info-box-background: color-mix(in oklab, hsl(var(--teal-430-hsl)/0.1) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.1) var(--custom-theme-mix-amount-base, 0%));
    --creator-revenue-info-box-border: var(--teal-400);
    --creator-revenue-info-box-border: color-mix(in oklab, var(--teal-400) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --creator-revenue-locked-channel-icon: var(--teal-400);
    --creator-revenue-locked-channel-icon: color-mix(in oklab, var(--teal-400) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --creator-revenue-progress-bar: var(--teal-345);
    --creator-revenue-progress-bar: color-mix(in oklab, var(--teal-345) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --deprecated-card-bg: var(--primary-100);
    --deprecated-card-bg: color-mix(in oklab, var(--primary-100) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --deprecated-card-editable-bg: hsl(var(--primary-100-hsl)/0.6);
    --deprecated-card-editable-bg: color-mix(in oklab, hsl(var(--primary-100-hsl)/0.6) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.6) var(--custom-theme-mix-amount-base, 0%));
    --deprecated-quickswitcher-input-background: var(--white-500);
    --deprecated-quickswitcher-input-background: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --deprecated-quickswitcher-input-placeholder: hsl(var(--primary-500-hsl)/0.3);
    --deprecated-quickswitcher-input-placeholder: color-mix(in oklab, hsl(var(--primary-500-hsl)/0.3) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.3) var(--custom-theme-mix-amount-base, 0%));
    --deprecated-store-bg: var(--primary-100);
    --deprecated-store-bg: color-mix(in oklab, var(--primary-100) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --deprecated-text-input-bg: var(--primary-200);
    --deprecated-text-input-bg: color-mix(in oklab, var(--primary-200) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --deprecated-text-input-border: hsl(var(--primary-500-hsl)/0.3);
    --deprecated-text-input-border: color-mix(in oklab, hsl(var(--primary-500-hsl)/0.3) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.3) var(--custom-theme-mix-amount-base, 0%));
    --deprecated-text-input-border-disabled: var(--primary-200);
    --deprecated-text-input-border-disabled: color-mix(in oklab, var(--primary-200) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --deprecated-text-input-border-hover: var(--primary-300);
    --deprecated-text-input-border-hover: color-mix(in oklab, var(--primary-300) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --deprecated-text-input-prefix: var(--primary-300);
    --deprecated-text-input-prefix: color-mix(in oklab, var(--primary-300) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --display-banner-overflow-background: hsl(var(--white-200-hsl)/0.5);
    --display-banner-overflow-background: color-mix(in oklab, hsl(var(--white-200-hsl)/0.5) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.5) var(--custom-theme-mix-amount-base, 0%));
    --divider-strong: hsl(var(--black-500-hsl)/0.16);
    --divider-strong: color-mix(in oklab, hsl(var(--black-500-hsl)/0.16) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.16) var(--custom-theme-mix-amount-base, 0%));
    --divider-subtle: hsl(var(--black-500-hsl)/0.08);
    --divider-subtle: color-mix(in oklab, hsl(var(--black-500-hsl)/0.08) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.08) var(--custom-theme-mix-amount-base, 0%));
    --embed-background: var(--primary-130);
    --embed-background: color-mix(in oklab, var(--primary-130) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --embed-background-alternate: var(--primary-200);
    --embed-background-alternate: color-mix(in oklab, var(--primary-200) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --embed-title: var(--primary-860);
    --embed-title: color-mix(in oklab, var(--primary-860) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --expression-picker-bg: var(--primary-130);
    --expression-picker-bg: color-mix(in oklab, var(--primary-130) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --focus-primary: var(--blue-360);
    --focus-primary: color-mix(in oklab, var(--blue-360) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --forum-post-extra-media-count-container-background: hsl(var(--primary-160-hsl)/0.8);
    --forum-post-extra-media-count-container-background: color-mix(in oklab, hsl(var(--primary-160-hsl)/0.8) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.8) var(--custom-theme-mix-amount-base, 0%));
    --forum-post-tag-background: hsl(var(--primary-160-hsl)/0.9);
    --forum-post-tag-background: color-mix(in oklab, hsl(var(--primary-160-hsl)/0.9) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.9) var(--custom-theme-mix-amount-base, 0%));
    --guild-icon-inactive-bg: var(--primary-130);
    --guild-icon-inactive-bg: color-mix(in oklab, var(--primary-130) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --guild-icon-inactive-nested-bg: var(--white-500);
    --guild-icon-inactive-nested-bg: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --guild-notifications-bottom-sheet-pill-background: var(--white-500);
    --guild-notifications-bottom-sheet-pill-background: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --header-muted: var(--primary-460);
    --header-muted: color-mix(in oklab, var(--primary-460) 100%, var(--custom-theme-mix-text, #000) var(--custom-theme-mix-amount-text, 0%));
    --header-primary: var(--primary-860);
    --header-primary: color-mix(in oklab, var(--primary-860) 100%, var(--custom-theme-mix-text, #000) var(--custom-theme-mix-amount-text, 0%));
    --header-secondary: var(--primary-500);
    --header-secondary: color-mix(in oklab, var(--primary-500) 100%, var(--custom-theme-mix-text, #000) var(--custom-theme-mix-amount-text, 0%));
    --home-background: var(--primary-100);
    --home-background: color-mix(in oklab, var(--primary-100) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --home-card-resting-border: hsl(var(--primary-400-hsl)/0.24);
    --home-card-resting-border: color-mix(in oklab, hsl(var(--primary-400-hsl)/0.24) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.24) var(--custom-theme-mix-amount-base, 0%));
    --icon-primary: var(--primary-860);
    --icon-primary: color-mix(in oklab, var(--primary-860) 100%, var(--custom-theme-mix-text, #000) var(--custom-theme-mix-amount-text, 0%));
    --icon-secondary: var(--primary-500);
    --icon-secondary: color-mix(in oklab, var(--primary-500) 100%, var(--custom-theme-mix-text, #000) var(--custom-theme-mix-amount-text, 0%));
    --info-danger-background: hsl(var(--red-430-hsl)/0.1);
    --info-danger-background: color-mix(in oklab, hsl(var(--red-430-hsl)/0.1) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.1) var(--custom-theme-mix-amount-base, 0%));
    --info-danger-foreground: var(--red-430);
    --info-danger-foreground: color-mix(in oklab, var(--red-430) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --info-danger-text: var(--black-500);
    --info-danger-text: color-mix(in oklab, var(--black-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --info-help-background: hsl(var(--blue-430-hsl)/0.1);
    --info-help-background: color-mix(in oklab, hsl(var(--blue-430-hsl)/0.1) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.1) var(--custom-theme-mix-amount-base, 0%));
    --info-help-foreground: var(--blue-430);
    --info-help-foreground: color-mix(in oklab, var(--blue-430) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --info-help-text: var(--black-500);
    --info-help-text: color-mix(in oklab, var(--black-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --info-positive-background: hsl(var(--green-400-hsl)/0.05);
    --info-positive-background: color-mix(in oklab, hsl(var(--green-400-hsl)/0.05) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.05) var(--custom-theme-mix-amount-base, 0%));
    --info-positive-foreground: var(--green-400);
    --info-positive-foreground: color-mix(in oklab, var(--green-400) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --info-positive-text: var(--black-500);
    --info-positive-text: color-mix(in oklab, var(--black-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --info-warning-background: hsl(var(--yellow-400-hsl)/0.1);
    --info-warning-background: color-mix(in oklab, hsl(var(--yellow-400-hsl)/0.1) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.1) var(--custom-theme-mix-amount-base, 0%));
    --info-warning-foreground: var(--yellow-400);
    --info-warning-foreground: color-mix(in oklab, var(--yellow-400) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --info-warning-text: var(--black-500);
    --info-warning-text: color-mix(in oklab, var(--black-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --input-background: hsl(var(--black-500-hsl)/0.08);
    --input-background: color-mix(in oklab, hsl(var(--black-500-hsl)/0.08) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.08) var(--custom-theme-mix-amount-base, 0%));
    --input-focused-border: hsl(var(--black-500-hsl)/0.16);
    --input-focused-border: color-mix(in oklab, hsl(var(--black-500-hsl)/0.16) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.16) var(--custom-theme-mix-amount-base, 0%));
    --input-placeholder-text: var(--primary-460);
    --input-placeholder-text: color-mix(in oklab, var(--primary-460) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --interactive-active: var(--primary-860);
    --interactive-active: color-mix(in oklab, var(--primary-860) 100%, var(--custom-theme-mix-text, #000) var(--custom-theme-mix-amount-text, 0%));
    --interactive-hover: var(--primary-600);
    --interactive-hover: color-mix(in oklab, var(--primary-600) 100%, var(--custom-theme-mix-text, #000) var(--custom-theme-mix-amount-text, 0%));
    --interactive-muted: var(--primary-300);
    --interactive-muted: color-mix(in oklab, var(--primary-300) 100%, var(--custom-theme-mix-text, #000) var(--custom-theme-mix-amount-text, 0%));
    --interactive-normal: var(--primary-500);
    --interactive-normal: color-mix(in oklab, var(--primary-500) 100%, var(--custom-theme-mix-text, #000) var(--custom-theme-mix-amount-text, 0%));
    --legacy-android-blur-overlay-default: hsl(var(--primary-130-hsl)/0.1);
    --legacy-android-blur-overlay-default: color-mix(in oklab, hsl(var(--primary-130-hsl)/0.1) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.1) var(--custom-theme-mix-amount-base, 0%));
    --legacy-android-blur-overlay-ultra-thin: hsl(var(--white-500-hsl)/0.25);
    --legacy-android-blur-overlay-ultra-thin: color-mix(in oklab, hsl(var(--white-500-hsl)/0.25) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.25) var(--custom-theme-mix-amount-base, 0%));
    --legacy-blur-fallback-default: hsl(var(--primary-230-hsl)/0.975);
    --legacy-blur-fallback-default: color-mix(in oklab, hsl(var(--primary-230-hsl)/0.975) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.975) var(--custom-theme-mix-amount-base, 0%));
    --legacy-blur-fallback-ultra-thin: hsl(var(--white-500-hsl)/0.95);
    --legacy-blur-fallback-ultra-thin: color-mix(in oklab, hsl(var(--white-500-hsl)/0.95) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.95) var(--custom-theme-mix-amount-base, 0%));
    --live-stage-tile-border: hsl(var(--primary-430-hsl)/0.15);
    --live-stage-tile-border: color-mix(in oklab, hsl(var(--primary-430-hsl)/0.15) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.15) var(--custom-theme-mix-amount-base, 0%));
    --logo-primary: var(--brand-500);
    --logo-primary: color-mix(in oklab, var(--brand-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --mention-background: hsl(var(--brand-500-hsl)/0.15);
    --mention-background: color-mix(in oklab, hsl(var(--brand-500-hsl)/0.15) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.15) var(--custom-theme-mix-amount-base, 0%));
    --mention-foreground: var(--brand-500);
    --mention-foreground: color-mix(in oklab, var(--brand-500) 100%, var(--custom-theme-mix-text, #000) var(--custom-theme-mix-amount-text, 0%));
    --modal-background: var(--white-500);
    --modal-background: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --modal-footer-background: var(--primary-130);
    --modal-footer-background: color-mix(in oklab, var(--primary-130) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --navigator-header-tint: var(--primary-500);
    --navigator-header-tint: color-mix(in oklab, var(--primary-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --panel-bg: var(--white-500);
    --panel-bg: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --polls-normal-fill-hover: var(--primary-230);
    --polls-normal-fill-hover: color-mix(in oklab, var(--primary-230) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --polls-normal-image-background: var(--white-500);
    --polls-normal-image-background: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --polls-victor-fill: hsl(var(--green-400-hsl)/0.2);
    --polls-victor-fill: color-mix(in oklab, hsl(var(--green-400-hsl)/0.2) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.2) var(--custom-theme-mix-amount-base, 0%));
    --polls-voted-fill: hsl(var(--brand-500-hsl)/0.2);
    --polls-voted-fill: color-mix(in oklab, hsl(var(--brand-500-hsl)/0.2) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.2) var(--custom-theme-mix-amount-base, 0%));
    --profile-gradient-card-background: hsl(var(--white-500-hsl)/0.7);
    --profile-gradient-card-background: color-mix(in oklab, hsl(var(--white-500-hsl)/0.7) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.7) var(--custom-theme-mix-amount-base, 0%));
    --profile-gradient-message-input-border: hsl(var(--primary-430-hsl)/0.24);
    --profile-gradient-message-input-border: color-mix(in oklab, hsl(var(--primary-430-hsl)/0.24) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.24) var(--custom-theme-mix-amount-base, 0%));
    --profile-gradient-note-background: hsl(var(--white-500-hsl)/0.3);
    --profile-gradient-note-background: color-mix(in oklab, hsl(var(--white-500-hsl)/0.3) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.3) var(--custom-theme-mix-amount-base, 0%));
    --profile-gradient-overlay: hsl(var(--white-500-hsl)/0.6);
    --profile-gradient-overlay: color-mix(in oklab, hsl(var(--white-500-hsl)/0.6) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.6) var(--custom-theme-mix-amount-base, 0%));
    --profile-gradient-overlay-synced-with-user-theme: hsl(var(--white-500-hsl)/0.8);
    --profile-gradient-overlay-synced-with-user-theme: color-mix(in oklab, hsl(var(--white-500-hsl)/0.8) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.8) var(--custom-theme-mix-amount-base, 0%));
    --profile-gradient-profile-body-background-hover: hsl(var(--black-500-hsl)/0.08);
    --profile-gradient-profile-body-background-hover: color-mix(in oklab, hsl(var(--black-500-hsl)/0.08) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.08) var(--custom-theme-mix-amount-base, 0%));
    --profile-gradient-role-pill-background: hsl(var(--white-500-hsl)/0.5);
    --profile-gradient-role-pill-background: color-mix(in oklab, hsl(var(--white-500-hsl)/0.5) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.5) var(--custom-theme-mix-amount-base, 0%));
    --profile-gradient-role-pill-border: hsl(var(--primary-660-hsl)/0.2);
    --profile-gradient-role-pill-border: color-mix(in oklab, hsl(var(--primary-660-hsl)/0.2) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.2) var(--custom-theme-mix-amount-base, 0%));
    --profile-gradient-section-box: hsl(var(--white-500-hsl)/0.45);
    --profile-gradient-section-box: color-mix(in oklab, hsl(var(--white-500-hsl)/0.45) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.45) var(--custom-theme-mix-amount-base, 0%));
    --redesign-activity-card-background: var(--white-500);
    --redesign-activity-card-background: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-activity-card-background-pressed: var(--primary-160);
    --redesign-activity-card-background-pressed: color-mix(in oklab, var(--primary-160) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-activity-card-badge-icon: var(--primary-400);
    --redesign-activity-card-badge-icon: color-mix(in oklab, var(--primary-400) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-activity-card-border: hsl(var(--primary-400-hsl)/0.24);
    --redesign-activity-card-border: color-mix(in oklab, hsl(var(--primary-400-hsl)/0.24) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.24) var(--custom-theme-mix-amount-base, 0%));
    --redesign-activity-card-overflow-background: var(--primary-230);
    --redesign-activity-card-overflow-background: color-mix(in oklab, var(--primary-230) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-active-background: var(--green-430);
    --redesign-button-active-background: color-mix(in oklab, var(--green-430) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-active-pressed-background: var(--green-460);
    --redesign-button-active-pressed-background: color-mix(in oklab, var(--green-460) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-active-text: var(--white-500);
    --redesign-button-active-text: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-danger-background: var(--red-430);
    --redesign-button-danger-background: color-mix(in oklab, var(--red-430) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-danger-pressed-background: var(--red-460);
    --redesign-button-danger-pressed-background: color-mix(in oklab, var(--red-460) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-danger-text: var(--white-500);
    --redesign-button-danger-text: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-destructive-background: var(--red-430);
    --redesign-button-destructive-background: color-mix(in oklab, var(--red-430) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-destructive-pressed-background: var(--red-460);
    --redesign-button-destructive-pressed-background: color-mix(in oklab, var(--red-460) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-destructive-text: var(--white-500);
    --redesign-button-destructive-text: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-overlay-alpha-background: hsl(var(--black-500-hsl)/0.54);
    --redesign-button-overlay-alpha-background: color-mix(in oklab, hsl(var(--black-500-hsl)/0.54) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.54) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-overlay-alpha-pressed-background: hsl(var(--black-500-hsl)/0.64);
    --redesign-button-overlay-alpha-pressed-background: color-mix(in oklab, hsl(var(--black-500-hsl)/0.64) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.64) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-overlay-alpha-text: var(--white-500);
    --redesign-button-overlay-alpha-text: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-overlay-background: var(--white-500);
    --redesign-button-overlay-background: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-overlay-pressed-background: var(--primary-230);
    --redesign-button-overlay-pressed-background: color-mix(in oklab, var(--primary-230) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-overlay-text: var(--primary-860);
    --redesign-button-overlay-text: color-mix(in oklab, var(--primary-860) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-positive-background: var(--green-430);
    --redesign-button-positive-background: color-mix(in oklab, var(--green-430) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-positive-pressed-background: var(--green-460);
    --redesign-button-positive-pressed-background: color-mix(in oklab, var(--green-460) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-positive-text: var(--white-500);
    --redesign-button-positive-text: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-primary-alt-background: hsl(var(--brand-500-hsl)/0);
    --redesign-button-primary-alt-background: color-mix(in oklab, hsl(var(--brand-500-hsl)/0) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-primary-alt-border: var(--brand-500);
    --redesign-button-primary-alt-border: color-mix(in oklab, var(--brand-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-primary-alt-on-blurple-background: hsl(var(--brand-530-hsl)/0);
    --redesign-button-primary-alt-on-blurple-background: color-mix(in oklab, hsl(var(--brand-530-hsl)/0) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-primary-alt-on-blurple-border: var(--white-500);
    --redesign-button-primary-alt-on-blurple-border: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-primary-alt-on-blurple-pressed-background: var(--brand-530);
    --redesign-button-primary-alt-on-blurple-pressed-background: color-mix(in oklab, var(--brand-530) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-primary-alt-on-blurple-pressed-border: var(--brand-360);
    --redesign-button-primary-alt-on-blurple-pressed-border: color-mix(in oklab, var(--brand-360) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-primary-alt-on-blurple-text: var(--white-500);
    --redesign-button-primary-alt-on-blurple-text: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-primary-alt-pressed-background: hsl(var(--brand-500-hsl)/0.06);
    --redesign-button-primary-alt-pressed-background: color-mix(in oklab, hsl(var(--brand-500-hsl)/0.06) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.06) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-primary-alt-pressed-border: var(--brand-330);
    --redesign-button-primary-alt-pressed-border: color-mix(in oklab, var(--brand-330) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-primary-alt-pressed-text: var(--brand-560);
    --redesign-button-primary-alt-pressed-text: color-mix(in oklab, var(--brand-560) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-primary-alt-text: var(--brand-500);
    --redesign-button-primary-alt-text: color-mix(in oklab, var(--brand-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-primary-background: var(--brand-500);
    --redesign-button-primary-background: color-mix(in oklab, var(--brand-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-primary-on-blurple-pressed-text: var(--brand-530);
    --redesign-button-primary-on-blurple-pressed-text: color-mix(in oklab, var(--brand-530) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-primary-overlay-background: var(--white-500);
    --redesign-button-primary-overlay-background: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-primary-overlay-pressed-background: var(--primary-230);
    --redesign-button-primary-overlay-pressed-background: color-mix(in oklab, var(--primary-230) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-primary-overlay-text: var(--primary-860);
    --redesign-button-primary-overlay-text: color-mix(in oklab, var(--primary-860) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-primary-pressed-background: var(--brand-560);
    --redesign-button-primary-pressed-background: color-mix(in oklab, var(--brand-560) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-primary-text: var(--white-500);
    --redesign-button-primary-text: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-secondary-background: var(--white-500);
    --redesign-button-secondary-background: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-secondary-border: hsl(var(--black-500-hsl)/0.08);
    --redesign-button-secondary-border: color-mix(in oklab, hsl(var(--black-500-hsl)/0.08) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.08) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-secondary-overlay-background: hsl(var(--black-500-hsl)/0.54);
    --redesign-button-secondary-overlay-background: color-mix(in oklab, hsl(var(--black-500-hsl)/0.54) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.54) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-secondary-overlay-pressed-background: hsl(var(--black-500-hsl)/0.64);
    --redesign-button-secondary-overlay-pressed-background: color-mix(in oklab, hsl(var(--black-500-hsl)/0.64) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.64) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-secondary-overlay-text: var(--white-500);
    --redesign-button-secondary-overlay-text: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-secondary-pressed-background: var(--primary-130);
    --redesign-button-secondary-pressed-background: color-mix(in oklab, var(--primary-130) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-secondary-pressed-border: hsl(var(--black-500-hsl)/0.04);
    --redesign-button-secondary-pressed-border: color-mix(in oklab, hsl(var(--black-500-hsl)/0.04) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.04) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-secondary-text: var(--primary-600);
    --redesign-button-secondary-text: color-mix(in oklab, var(--primary-600) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-selected-background: hsl(var(--brand-500-hsl)/0.16);
    --redesign-button-selected-background: color-mix(in oklab, hsl(var(--brand-500-hsl)/0.16) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.16) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-selected-pressed-background: hsl(var(--brand-500-hsl)/0.24);
    --redesign-button-selected-pressed-background: color-mix(in oklab, hsl(var(--brand-500-hsl)/0.24) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.24) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-selected-text: var(--brand-500);
    --redesign-button-selected-text: color-mix(in oklab, var(--brand-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-tertiary-background: hsl(var(--black-500-hsl)/0.08);
    --redesign-button-tertiary-background: color-mix(in oklab, hsl(var(--black-500-hsl)/0.08) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.08) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-tertiary-pressed-background: hsl(var(--black-500-hsl)/0.16);
    --redesign-button-tertiary-pressed-background: color-mix(in oklab, hsl(var(--black-500-hsl)/0.16) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.16) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-tertiary-pressed-text: var(--primary-500);
    --redesign-button-tertiary-pressed-text: color-mix(in oklab, var(--primary-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-button-tertiary-text: var(--primary-600);
    --redesign-button-tertiary-text: color-mix(in oklab, var(--primary-600) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-channel-category-name-text: var(--primary-500);
    --redesign-channel-category-name-text: color-mix(in oklab, var(--primary-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-channel-message-preview-text: var(--primary-460);
    --redesign-channel-message-preview-text: color-mix(in oklab, var(--primary-460) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-channel-name-muted-text: var(--primary-460);
    --redesign-channel-name-muted-text: color-mix(in oklab, var(--primary-460) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-channel-name-text: var(--primary-860);
    --redesign-channel-name-text: color-mix(in oklab, var(--primary-860) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-chat-input-background: hsl(var(--black-500-hsl)/0.08);
    --redesign-chat-input-background: color-mix(in oklab, hsl(var(--black-500-hsl)/0.08) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.08) var(--custom-theme-mix-amount-base, 0%));
    --redesign-image-button-pressed-background: hsl(var(--black-500-hsl)/0.08);
    --redesign-image-button-pressed-background: color-mix(in oklab, hsl(var(--black-500-hsl)/0.08) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.08) var(--custom-theme-mix-amount-base, 0%));
    --redesign-input-control-active-bg: var(--white-500);
    --redesign-input-control-active-bg: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-input-control-selected: var(--brand-500);
    --redesign-input-control-selected: color-mix(in oklab, var(--brand-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-only-background-active: var(--primary-430);
    --redesign-only-background-active: color-mix(in oklab, var(--primary-430) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-only-background-default: var(--white-500);
    --redesign-only-background-default: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-only-background-overlay: var(--primary-160);
    --redesign-only-background-overlay: color-mix(in oklab, var(--primary-160) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-only-background-raised: var(--primary-130);
    --redesign-only-background-raised: color-mix(in oklab, var(--primary-130) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --redesign-only-background-sunken: var(--primary-200);
    --redesign-only-background-sunken: color-mix(in oklab, var(--primary-200) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --scrollbar-auto-scrollbar-color-thumb: var(--primary-230);
    --scrollbar-auto-scrollbar-color-thumb: color-mix(in oklab, var(--primary-230) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --scrollbar-auto-scrollbar-color-track: var(--primary-130);
    --scrollbar-auto-scrollbar-color-track: color-mix(in oklab, var(--primary-130) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --scrollbar-auto-thumb: var(--primary-300);
    --scrollbar-auto-thumb: color-mix(in oklab, var(--primary-300) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --scrollbar-auto-track: var(--primary-160);
    --scrollbar-auto-track: color-mix(in oklab, var(--primary-160) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --scrollbar-thin-thumb: hsl(var(--primary-500-hsl)/0.3);
    --scrollbar-thin-thumb: color-mix(in oklab, hsl(var(--primary-500-hsl)/0.3) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.3) var(--custom-theme-mix-amount-base, 0%));
    --scrollbar-thin-track: hsl(var(--black-500-hsl)/0);
    --scrollbar-thin-track: color-mix(in oklab, hsl(var(--black-500-hsl)/0) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0) var(--custom-theme-mix-amount-base, 0%));
    --spoiler-hidden-background: var(--primary-200);
    --spoiler-hidden-background: color-mix(in oklab, var(--primary-200) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --spoiler-revealed-background: var(--primary-160);
    --spoiler-revealed-background: color-mix(in oklab, var(--primary-160) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --stage-card-pill-bg: var(--white-500);
    --stage-card-pill-bg: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --status-danger: var(--red-430);
    --status-danger-background: var(--red-430);
    --status-danger-text: var(--white-500);
    --status-dnd: var(--red-430);
    --status-idle: var(--yellow-400);
    --status-offline: var(--primary-460);
    --status-online: var(--green-400);
    --status-positive: var(--green-400);
    --status-positive-background: var(--green-430);
    --status-positive-text: var(--white-500);
    --status-speaking: var(--green-360);
    --status-warning: var(--yellow-400);
    --status-warning-background: var(--yellow-400);
    --status-warning-text: var(--white-500);
    --text-brand: var(--brand-500);
    --text-brand: color-mix(in oklab, var(--brand-500) 100%, var(--custom-theme-mix-text, #000) var(--custom-theme-mix-amount-text, 0%));
    --text-danger: var(--red-500);
    --text-danger: color-mix(in oklab, var(--red-500) 100%, var(--custom-theme-mix-text, #000) var(--custom-theme-mix-amount-text, 0%));
    --text-link: var(--blue-430);
    --text-link: color-mix(in oklab, var(--blue-430) 100%, var(--custom-theme-mix-text, #000) var(--custom-theme-mix-amount-text, 0%));
    --text-link-low-saturation: var(--blue-430);
    --text-link-low-saturation: color-mix(in oklab, var(--blue-430) 100%, var(--custom-theme-mix-text, #000) var(--custom-theme-mix-amount-text, 0%));
    --text-low-contrast: var(--primary-460);
    --text-low-contrast: color-mix(in oklab, var(--primary-460) 100%, var(--custom-theme-mix-text, #000) var(--custom-theme-mix-amount-text, 0%));
    --text-message-preview-low-sat: var(--primary-460);
    --text-message-preview-low-sat: color-mix(in oklab, var(--primary-460) 100%, var(--custom-theme-mix-text, #000) var(--custom-theme-mix-amount-text, 0%));
    --text-muted: var(--primary-460);
    --text-muted: color-mix(in oklab, var(--primary-460) 100%, var(--custom-theme-mix-text, #000) var(--custom-theme-mix-amount-text, 0%));
    --text-muted-on-default: var(--primary-430);
    --text-muted-on-default: color-mix(in oklab, var(--primary-430) 100%, var(--custom-theme-mix-text, #000) var(--custom-theme-mix-amount-text, 0%));
    --text-normal: var(--primary-600);
    --text-normal: color-mix(in oklab, var(--primary-600) 100%, var(--custom-theme-mix-text, #000) var(--custom-theme-mix-amount-text, 0%));
    --text-positive: var(--green-430);
    --text-positive: color-mix(in oklab, var(--green-430) 100%, var(--custom-theme-mix-text, #000) var(--custom-theme-mix-amount-text, 0%));
    --text-primary: var(--primary-600);
    --text-primary: color-mix(in oklab, var(--primary-600) 100%, var(--custom-theme-mix-text, #000) var(--custom-theme-mix-amount-text, 0%));
    --text-secondary: var(--primary-500);
    --text-secondary: color-mix(in oklab, var(--primary-500) 100%, var(--custom-theme-mix-text, #000) var(--custom-theme-mix-amount-text, 0%));
    --text-warning: var(--yellow-430);
    --text-warning: color-mix(in oklab, var(--yellow-430) 100%, var(--custom-theme-mix-text, #000) var(--custom-theme-mix-amount-text, 0%));
    --textbox-markdown-syntax: var(--primary-530);
    --textbox-markdown-syntax: color-mix(in oklab, var(--primary-530) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --thread-channel-spine: var(--primary-300);
    --thread-channel-spine: color-mix(in oklab, var(--primary-300) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --toast-bg: var(--white-500);
    --toast-bg: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --typing-indicator-bg: var(--primary-130);
    --typing-indicator-bg: color-mix(in oklab, var(--primary-130) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%));
    --user-profile-header-overflow-background: hsl(var(--white-200-hsl)/0.5);
    --user-profile-header-overflow-background: color-mix(in oklab, hsl(var(--white-200-hsl)/0.5) 100%, hsl(var(--custom-theme-mix-base-hsl, 0 0% 0%)/0.5) var(--custom-theme-mix-amount-base, 0%));
    --you-bar-bg: var(--white-500);
    --you-bar-bg: color-mix(in oklab, var(--white-500) 100%, var(--custom-theme-mix-base, #000) var(--custom-theme-mix-amount-base, 0%))
}

.discovery_discovery_8EUyK {
    --shadow-border: 0 0 0 1px rgba(0, 0, 0, 0.08);
    --shadow-border-filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.08));
    --shadow-button-overlay: 0 12px 24px 0 rgba(0, 0, 0, 0.24);
    --shadow-button-overlay-filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.24));
    --shadow-high: 0 12px 36px 0 rgba(0, 0, 0, 0.12);
    --shadow-high-filter: drop-shadow(0 12px 36px rgba(0, 0, 0, 0.12));
    --shadow-ledge: 0 2px 0 0 rgba(0, 0, 0, 0.025), 0 1.5px 0 0 rgba(0, 0, 0, 0.025), 0 1px 0 0 rgba(0, 0, 0, 0.08);
    --shadow-ledge-filter: drop-shadow(0 1.5px 0 rgba(0, 0, 0, 0.12));
    --shadow-low: 0 1px 4px 0 rgba(0, 0, 0, 0.08);
    --shadow-low-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.08));
    --shadow-low-active: 0 0 4px 0 rgba(0, 0, 0, 0.08);
    --shadow-low-active-filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.08));
    --shadow-low-hover: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
    --shadow-low-hover-filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.08));
    --shadow-medium: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
    --shadow-medium-filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.08));
    --shadow-mobile-navigator-x: 0 0 9px 0 rgba(0, 0, 0, 0.13);
    --shadow-mobile-navigator-x-filter: drop-shadow(0 0 9px rgba(0, 0, 0, 0.13));
    --shadow-top-high: 0 -12px 36px 0 rgba(0, 0, 0, 0.12);
    --shadow-top-high-filter: drop-shadow(0 -12px 36px rgba(0, 0, 0, 0.12));
    --shadow-top-ledge: 0 -2px 0 0 rgba(0, 0, 0, 0.025), 0 -1.5px 0 0 rgba(0, 0, 0, 0.025), 0 -1px 0 0 rgba(0, 0, 0, 0.08);
    --shadow-top-ledge-filter: drop-shadow(0 -1.5px 0 rgba(0, 0, 0, 0.12));
    --shadow-top-low: 0 -1px 4px 0 rgba(0, 0, 0, 0.08);
    --shadow-top-low-filter: drop-shadow(0 -1px 4px rgba(0, 0, 0, 0.08))
}

:root {
    --spacing-4: 4px;
    --spacing-8: 8px;
    --spacing-12: 12px;
    --spacing-16: 16px;
    --spacing-24: 24px;
    --spacing-32: 32px;
    --spacing-40: 40px;
    --spacing-48: 48px;
    --spacing-56: 56px;
    --spacing-64: 64px;
    --spacing-72: 72px;
    --spacing-80: 80px;
    --spacing-96: 96px;
    --radius-none: 0px;
    --radius-xs: 4px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-xxl: 32px;
    --radius-round: 2147483647px
}

.discovery_discovery_8EUyK {
    --guild-header-text-shadow: 0 1px 1px hsl(var(--white-500-hsl)/0.4);
    --elevation-stroke: 0 0 0 1px hsl(var(--primary-860-hsl)/0.08);
    --elevation-low: 0 1px 0 hsl(var(--primary-860-hsl)/0.1), 0 1.5px 0 hsl(var(--primary-900-hsl)/0.025), 0 2px 0 hsl(var(--primary-860-hsl)/0.025);
    --elevation-medium: 0 4px 4px hsl(var(--black-500-hsl)/0.08);
    --elevation-high: 0 8px 16px hsl(var(--black-500-hsl)/0.16)
}

@font-face {
    font-family: ABC Ginto Nord;
    font-style: normal;
    font-weight: 800;
    src: url(../webfonts/3d07f5abf272fbb5670d02ed687453d0.woff2) format("woff2")
}

@font-face {
    font-family: ABC Ginto Nord;
    font-style: italic;
    font-weight: 800;
    src: url(../webfonts/3c0aa7f9d47d6a96b14ecada461ccf0e.woff2) format("woff2")
}

@font-face {
    font-family: gg sans;
    font-style: normal;
    font-weight: 400;
    src: url(../webfonts/3d6549bf2f38372c054eafb93fa358a9.woff2) format("woff2")
}

@font-face {
    font-family: gg sans;
    font-style: italic;
    font-weight: 400;
    src: url(../webfonts/281bba49537cf936d1a0df10fb719f63.woff2) format("woff2")
}

@font-face {
    font-family: gg sans;
    font-style: normal;
    font-weight: 500;
    src: url(../webfonts/7f63813838e283aea62f1a68ef1732c2.woff2) format("woff2")
}

@font-face {
    font-family: gg sans;
    font-style: italic;
    font-weight: 500;
    src: url(../webfonts/17bf6b1c912399ef0f05742315932aae.woff2) format("woff2")
}

@font-face {
    font-family: gg sans;
    font-style: normal;
    font-weight: 600;
    src: url(../webfonts/71d3e9dc2bcb8e91225ba9fab588c8f2.woff2) format("woff2")
}

@font-face {
    font-family: gg sans;
    font-style: italic;
    font-weight: 600;
    src: url(../webfonts/a6f145c7d25de52895579fad8b45265b.woff2) format("woff2")
}

@font-face {
    font-family: gg sans;
    font-style: normal;
    font-weight: 700;
    src: url(../webfonts/ff5eccde83f118cea0224ebbb9dc3179.woff2) format("woff2")
}

@font-face {
    font-family: gg sans;
    font-style: italic;
    font-weight: 700;
    src: url(../webfonts/d295c40af6fca08f8e0eb5425351f431.woff2) format("woff2")
}

@font-face {
    font-family: gg sans;
    font-style: normal;
    font-weight: 800;
    src: url(../webfonts/f5aba5511523dcae97748a1b35bbffe8.woff2) format("woff2")
}

@font-face {
    font-family: gg sans;
    font-style: italic;
    font-weight: 800;
    src: url(../webfonts/1ac46f07e44e1d6020a4b6b19e34c844.woff2) format("woff2")
}

@font-face {
    font-family: gg mono;
    font-style: normal;
    font-weight: 400;
    src: url(../webfonts/12d1fdcd37780f8db6504f926a11b2cc.woff2) format("woff2")
}

@font-face {
    font-family: gg mono;
    font-style: normal;
    font-weight: 700;
    src: url(../webfonts/1a18189c2a3c610379e5cdb77ffb044b.woff2) format("woff2")
}

@font-face {
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 400;
    src: url(../webfonts/980082c4328266be3342a03dcb37c432.woff2) format("woff2")
}

@font-face {
    font-family: Noto Sans;
    font-style: italic;
    font-weight: 400;
    src: url(../webfonts/db985aaa3c64f10506d96d876e350d47.woff2) format("woff2")
}

@font-face {
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 500;
    src: url(../webfonts/05422eb499ddf5616e44a52c4f1063ae.woff2) format("woff2")
}

@font-face {
    font-family: Noto Sans;
    font-style: italic;
    font-weight: 500;
    src: url(../webfonts/412f5d9534ce2a2e1a1ae9b746bca5b5.woff2) format("woff2")
}

@font-face {
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 600;
    src: url(../webfonts/e55012627a8f6e7203b72a8de730c483.woff2) format("woff2")
}

@font-face {
    font-family: Noto Sans;
    font-style: italic;
    font-weight: 600;
    src: url(../webfonts/d9b0aabb79e7d8b3b14789ebd534f158.woff2) format("woff2")
}

@font-face {
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 700;
    src: url(../webfonts/7cf1be7696bf689b97230262eade8ad8.woff2) format("woff2")
}

@font-face {
    font-family: Noto Sans;
    font-style: italic;
    font-weight: 700;
    src: url(../webfonts/f9bf0f65660d23c6f359d22720fc55ae.woff2) format("woff2")
}

@font-face {
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 800;
    src: url(../webfonts/d6db7b5639c7ed70f8b582984dda6c62.woff2) format("woff2")
}

@font-face {
    font-family: Noto Sans;
    font-style: italic;
    font-weight: 800;
    src: url(../webfonts/a2a248f78d12dd5b842930bda7036302.woff2) format("woff2")
}

@font-face {
    font-family: Source Code Pro;
    font-style: normal;
    font-weight: 400;
    src: url(../webfonts/b5ebc919bdce2ce021544cd67c86632a.woff2) format("woff2")
}

@font-face {
    font-family: Source Code Pro;
    font-style: normal;
    font-weight: 700;
    src: url(../webfonts/67184d051f9979f01ea1e8466d4d2cda.woff2) format("woff2")
}

@font-face {
    font-family: Corinthia;
    font-style: normal;
    font-weight: 400;
    src: url(../webfonts/297a3c6b5d3bb052f335e3b2ec7a7b26.woff2) format("woff2")
}

@font-face {
    font-family: Fraunces;
    font-style: normal;
    font-weight: 300 800;
    src: url(../webfonts/d7fc5bc613a01b40855b93930b933723.woff2) format("woff2")
}

:root {
    --font-headline: "ABC Ginto Nord", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --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
}

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

:root {
    --chat-resize-handle-width: 8px
}

a,
body,
button,
div,
h3,
html,
img,
input,
span {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline
}

a img {
    border: none
}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent
}

:root {
    --page-max-width: 1260px;
    --num-grid-columns: 4;
    --page-gutter: 24px;
    --section-spacing: 56px;
    --max-zIndex: 9999
}

@media screen and (min-width:768px) {
    :root {
        --num-grid-columns: 8;
        --page-gutter: 40px;
        --section-spacing: 80px
    }
}

@media screen and (min-width:1024px) {
    :root {
        --num-grid-columns: 12;
        --section-spacing: 120px
    }
}

:root {
    --brand: #5865f2;
    --brand-gradient: linear-gradient(90deg, #8ea1e1, #7289da);
    --greyple: #99aab5;
    --dark-not-black: #2c2f33;
    --focus-border: #00b0f4;
    --status-green: #43b581;
    --text-link: #00b0f4;
    --off-white: #f6f6f6;
    --white: #fff;
    --not-quite-black: #23272a;
    --not-quite-black-rgb: 35, 39, 42;
    --black: #000;
    --ekko-red: #de2761;
    --brand-experiment-100: hsl(240, calc(var(--saturation-factor, 1)*77.8%), 98.2%);
    --brand-experiment-200: hsl(236, calc(var(--saturation-factor, 1)*83.3%), 92.9%);
    --brand-experiment-300: hsl(235, calc(var(--saturation-factor, 1)*86.1%), 85.9%);
    --brand-experiment-400: hsl(235, calc(var(--saturation-factor, 1)*86.1%), 71.8%);
    --brand-experiment: hsl(235, calc(var(--saturation-factor, 1)*85.6%), 64.7%);
    --brand-experiment-560: hsl(235, calc(var(--saturation-factor, 1)*51.4%), 52.4%);
    --brand-experiment-600: hsl(235, calc(var(--saturation-factor, 1)*46.7%), 44.1%);
    --brand-experiment-800: hsl(235, calc(var(--saturation-factor, 1)*47.5%), 19.4%)
}

body {
    text-rendering: optimizeLegibility;
    font-family: var(--font-primary);
    font-weight: 400;
    line-height: 1.15
}

.discovery_searchNoResultsFoundContainer_Z9Y8X {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 42px
}

@media screen and (min-width:1024px) {
    .discovery_searchNoResultsFoundContainer_Z9Y8X {
        margin-top: 5px;
        margin-bottom: 5px
    }
}

.discovery_searchNoResultsSvg_7T6U5 {
    width: 400px;
}

@media screen and (min-width:1024px) {
    .discovery_searchNoResultsSvg_7T6U5 {
        width: 400px
    }
}