.container__75920 {
    background: transparent;
    border-radius: var(--radius-md);
    margin: calc(var(--space-12)*-1) 0;
    padding: var(--space-12) 0;
    scroll-margin-bottom: var(--space-16);
    scroll-margin-top: var(--space-16);
    transition: background .4s ease-out .75s
}

.flash__75920 {
    background: var(--message-highlight-background-default);
    transition: background 0s ease-in-out
}

.baseControlItem_dbfbe0 {
    border-radius: var(--radius-lg);
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    gap: var(--space-12);
    min-height: 48px;
    padding: var(--space-12);
    transition: background-color .15s ease
}

.baseControlItem_dbfbe0:hover.clickable_dbfbe0 {
    background-color: var(--interactive-background-hover);
    cursor: pointer
}

.baseControlItemLeadingElement_dbfbe0,.baseControlItemTrailingElements_dbfbe0 {
    align-items: center;
    display: flex;
    justify-content: center
}

.baseControlItemTrailingElements_dbfbe0 {
    gap: var(--space-4)
}

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

.baseControlItemContent_dbfbe0 {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: var(--space-4);
    justify-content: center
}

.secondaryTitle_dbfbe0:before {
    color: var(--text-muted);
    content: "â€¢";
    margin: 0 var(--space-8)
}

.navigatorIcon__15430 {
    align-items: center;
    background-color: var(--background-mod-muted);
    border-radius: var(--radius-sm);
    display: flex;
    height: 48px;
    justify-content: center;
    width: 48px
}

.triggerButton__64c86 {
    all: unset;
    align-items: center;
    background-color: var(--background-mod-subtle);
    border-radius: var(--radius-sm);
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    width: 48px
}

.panel__64c86 {
    height: var(--disclosure-panel-height);
    overflow: clip
}

.full-motion .panel__64c86:not(.disablePanelAnimation__64c86) {
    transition: height .2s ease-in-out
}

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

.icon__64c86 {
    transform: rotateX(0deg)
}

.iconClosed__64c86 {
    transform: rotateX(180deg)
}

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

.notice_c15d44 {
    padding: 0 var(--space-12)
}

.title__3c320 {
    padding-top: var(--space-xs)
}

.subtitle__3c320,.title__3c320 {
    padding-inline:var(--space-sm)}

.withSubtitle__3c320 {
    padding-bottom: var(--space-xxs)
}

.divider__143d2 {
    margin: 0 var(--space-12);
    width: auto
}

.listTitle_a5d75d {
    margin-bottom: var(--space-8);
    margin-inline:var(--space-12)}

.collapsibleContainer_a5d75d {
    position: relative
}

.hoverDivider_a5d75d {
    opacity: 1;
    transition: opacity .15s ease
}

.collapsibleContainer_a5d75d:hover .hoverDivider_a5d75d {
    opacity: 0
}

.panel__6131a {
    margin-block:var(--space-64) var(--space-64);margin-inline: auto;
    max-width: 696px;
    min-width: 300px;
    padding: 0 var(--space-16);
    position: relative
}

@media (max-width: 1080px) {
    .panel__6131a {
        margin-block:var(--space-80) var(--space-80);
        margin-inline:auto}
}

.panel__6131a * {
    box-sizing: border-box
}

.scroller__6131a {
    height: 100%;
    overflow-x: visible;
    scroll-padding-top: 24px;
    scrollbar-gutter: stable both-edges
}

.tabBar__6131a {
    margin-bottom: var(--space-24)
}

.notice__6131a {
    bottom: 0;
    inset-inline: 0;
    margin: 0 auto;
    max-width: 696px;
    min-width: 300px;
    padding: var(--space-16);
    position: absolute;
    z-index: 2
}

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

.divider__6131a {
    --custom-divider-margin: calc(var(--space-xxl) + var(--space-xs));
    margin-bottom: var(--custom-divider-margin);
    margin-top: var(--custom-divider-margin)
}

.title__28f6b {
    margin-inline:var(--space-12);margin-bottom: var(--space-4)
}

.split__678d3 {
    align-items: start;
    display: grid;
    gap: var(--space-16);
    grid-template-columns: repeat(2,minmax(0,1fr))
}

@media (max-width: 800px) {
    .split__678d3 {
        grid-template-columns:1fr
    }
}

.animator_d17ea2 {
    display: block;
    position: relative
}

.item_d17ea2 {
    inset-inline: 0;
    bottom: 0;
    position: absolute;
    top: 0
}

.container_e6b065 {
    background: var(--background-base-lowest);
    border-radius: 50%;
    flex-direction: row;
    flex-grow: 0;
    flex-shrink: 0;
    overflow: hidden
}

.container_e6b065,.trophyIconContainer_e6b065 {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

.trophyIconContainer_e6b065 {
    flex-direction: column
}

.lockContainer_e6b065 {
    align-items: center;
    background: var(--background-base-lowest);
    border-radius: 50%;
    bottom: 0;
    display: flex;
    flex-direction: row;
    flex-grow: 0;
    flex-shrink: 0;
    inset-inline-end: 0;
    justify-content: center;
    position: absolute
}

.confettiIcon_e6b065 {
    margin-inline-start:2px;margin-bottom: 5px
}

.container__8e75f {
    align-items: center;
    background-color: var(--background-base-lower);
    border-radius: var(--radius-sm);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 12px;
    position: relative
}

.container__8e75f:hover {
    background-color: var(--background-mod-normal)
}

.actionable__8e75f {
    cursor: pointer
}

.iconContainer__8e75f {
    align-items: center;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    height: 40px;
    justify-content: center;
    margin-inline-end:12px;position: relative;
    width: 40px
}

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

.unlocked__8e75f {
    margin-bottom: 2px
}

.backContainer__951af {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.icon__951af {
    fill: var(--interactive-text-default);
    color: var(--interactive-text-default);
    margin-inline-end:4px}

.headerContainer__951af {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 32px
}

.bottomPadding__951af {
    flex: 1;
    height: 200px;
    width: 100px
}

.headerIcon__951af {
    align-items: center;
    background: var(--background-base-lowest);
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center;
    padding: 8px
}

.headerTextContainer__951af {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    gap: 8px;
    justify-content: flex-start
}

.divider__951af {
    margin-bottom: 32px;
    margin-top: 32px
}

.achievementGrid__951af {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2,1fr);
    margin-top: 8px
}

.slideAnimator_f8824b {
    overflow-x: clip
}

.hideButton_f8824b {
    align-self: flex-start
}

.sliderLabel_f8824b {
    margin-bottom: 8px
}

.sliderDescription_f8824b {
    margin-bottom: 16px
}

.achievementContainer_f8824b {
    background-color: var(--background-base-lower);
    border-radius: var(--radius-sm);
    cursor: pointer;
    padding: 12px
}

.achievementContainer_f8824b,.achievementIconContainer_f8824b {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.achievementIconContainer_f8824b {
    background: var(--background-base-lowest);
    border-radius: 50%;
    flex-grow: 0;
    flex-shrink: 0;
    padding: 8px
}

.achievementTextContainer_f8824b {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: flex-start;
    margin-inline-start:12px}

.rightCaretIcon_f8824b {
    fill: var(--interactive-text-default);
    color: var(--interactive-text-default)
}

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

.enableAnimationOverlay_f8824b {
    align-items: center;
    background-color: var(--opacity-black-28);
    bottom: 0;
    display: flex;
    position: fixed;
    top: 0;
    inset-inline: 0;
    justify-content: center;
    transition: opacity .2s ease;
    z-index: 1
}

.enableAnimationOverlayHidden_f8824b {
    opacity: 0;
    pointer-events: none
}

.enableAnimationOverlayVisible_f8824b {
    opacity: 1
}

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

.card__8d742 {
    background-image: linear-gradient(90deg,var(--teal-460) 0,var(--teal-430) 55%,var(--teal-360) 100%);
    flex-wrap: wrap;
    gap: 16px
}

.manageSubscriptionsButton__8d742 {
    background-color: var(--white);
    color: var(--teal-530)
}

.manageSubscriptionsButton__8d742:hover {
    background-color: var(--teal-100);
    color: var(--teal-630)
}

.manageSubscriptionsButton__8d742:active {
    background-color: var(--teal-130);
    color: var(--teal-900)
}

.handImage__8d742 {
    margin-block:-6px;margin-inline:-16px 16px}

.textContainer__8d742 {
    flex: 1;
    position: relative
}

.header__8d742 {
    margin-bottom: 4px;
    margin-top: 5px
}

.description__8d742,.header__8d742 {
    color: var(--white)
}

.description__8d742 strong {
    font-weight: var(--font-weight-medium)
}

.section_e335a7 {
    margin-bottom: 20px
}

.paymentBanner_e335a7 {
    align-items: center;
    background: var(--background-surface-high);
    border-radius: 4px;
    display: flex;
    margin-bottom: 14px;
    padding: 10px
}

.paymentBannerNew_e335a7 {
    margin-top: 28px;
    position: relative
}

.paymentBannerIcon_e335a7 {
    height: 20px;
    width: 20px
}

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

.renewalMutationNotice_e335a7 {
    margin-bottom: 16px
}

.grandfatheredMessage_e335a7 {
    align-items: center;
    background-image: linear-gradient(to left,var(--premium-tier-1-purple),var(--premium-tier-1-blue));
    border-radius: 3px;
    color: var(--white);
    display: flex;
    font-size: 12px;
    line-height: 1.25;
    margin-bottom: 16px;
    padding-block:8px;padding-inline:8px 16px}

.grandfatheredMessageText_e335a7 {
    flex: 1;
    margin-inline-end:16px}

.grandfatheredIcon_e335a7 {
    align-self: flex-start;
    flex-shrink: 0;
    height: 24px;
    margin-inline-end:8px;width: 24px
}

.subscriptionRows_e335a7 {
    margin-bottom: 32px
}

.dupSubscriptionRow_e335a7 {
    margin-bottom: 48px;
    position: relative;
    z-index: 1
}

.dupSubscriptionRow_e335a7:after {
    background-color: var(--background-mod-muted);
    border-radius: 4px;
    content: "";
    display: block;
    height: calc(100% + 32px);
    inset-inline-start: -16px;
    position: absolute;
    top: -16px;
    width: calc(100% + 32px);
    z-index: -1
}

.dupSubscriptionRow_e335a7:first-child {
    margin-top: 32px
}

.dupSubscriptionRow_e335a7:last-child {
    margin-bottom: 0
}

.guildSubscriptionRow_e335a7 {
    margin-top: 16px
}

.guildBoostingSubscriptionRow_e335a7 {
    align-items: flex-start;
    border-radius: 4px;
    color: var(--white);
    display: flex;
    font-size: 16px;
    line-height: 20px;
    padding: 16px;
    position: relative
}

.guildBoostingSubscriptionRowActive_e335a7 {
    background-image: linear-gradient(90deg,var(--guild-boosting-blue-for-gradients) 0,var(--guild-boosting-purple-for-gradients) 100%)
}

.guildBoostingSubscriptionRowActive_e335a7 .guildBoostingSubscriptionRowBackground_e335a7 {
    background-image: url(/assets/257849697e9ea2a8.svg)
}

.guildBoostingSubscriptionRowActive_e335a7 .guildBoostingImage_e335a7 {
    background-image: url(/assets/b5b61f59756386fc.svg)
}

.guildBoostingSubscriptionRowPaused_e335a7 {
    background: var(--primary-500)
}

.guildBoostingSubscriptionRowPaused_e335a7 .guildBoostingSubscriptionRowBackground_e335a7 {
    background-image: url(/assets/858f6789052dceec.svg)
}

.guildBoostingSubscriptionRowPaused_e335a7 .guildBoostingImage_e335a7 {
    background-image: url(/assets/3c2c35373162aa43.svg)
}

.guildBoostingSubscriptionRowCanceled_e335a7 {
    background-image: linear-gradient(90deg,#f18623,#f6a12a 56%,#fab930);
    color: var(--black)
}

.guildBoostingSubscriptionRowCanceled_e335a7 .guildBoostingSubscriptionRowBackground_e335a7 {
    background-image: url(/assets/874b60b1d3997aa5.svg)
}

.guildBoostingSubscriptionRowCanceled_e335a7 .guildBoostingImage_e335a7 {
    background-image: url(/assets/3c2c35373162aa43.svg)
}

.guildBoostingSubscriptionRowFailedPayment_e335a7 {
    background-image: linear-gradient(90deg,#f25a5d,#f14e76 77%,#f04a7f)
}

.guildBoostingSubscriptionRowFailedPayment_e335a7 .guildBoostingSubscriptionRowBackground_e335a7 {
    background-image: url(/assets/87055dac44c4340f.svg)
}

.guildBoostingSubscriptionRowFailedPayment_e335a7 .guildBoostingImage_e335a7 {
    background-image: url(/assets/af24ad118c39d6aa.svg)
}

.sectionTitle_e335a7 {
    margin-bottom: 16px
}

.sectionDescription_e335a7 {
    color: var(--text-default);
    line-height: 20px;
    margin-bottom: 16px;
    margin-top: 0
}

.guildBoostingSubscriptionRowBackground_e335a7 {
    background-position: bottom;
    background-repeat: no-repeat;
    border-radius: 4px;
    bottom: 0;
    position: absolute;
    top: 0;
    inset-inline: 0
}

.guildBoostingImage_e335a7 {
    flex-shrink: 0;
    height: 54px;
    margin-inline-end:8px;position: relative;
    width: 96px
}

.guildBoostingSubscriptionRowBody_e335a7 {
    flex-grow: 1;
    position: relative
}

.guildBoostingWordmark_e335a7 {
    background-image: url(/assets/5f0d3753df69ebf7.svg);
    height: 17px;
    margin-bottom: 16px;
    width: 184px
}

.guildBoostingWordmark_e335a7.canceled_e335a7 {
    background-image: url(/assets/7641e347e1ace434.svg)
}

.details_e335a7 {
    display: flex
}

@media (max-width: 485px) {
    .details_e335a7 {
        flex-direction:column
    }
}

.detailsBlock_e335a7 {
    background-color: var(--background-mod-muted);
    border: 1px solid var(--border-muted);
    border-radius: var(--radius-sm);
    flex-basis: 50%;
    flex-grow: 1;
    margin-inline-end:16px;min-width: 200px;
    padding: var(--space-16)
}

@media (max-width: 485px) {
    .detailsBlock_e335a7 {
        margin-inline-end:0;
        margin-bottom: 20px
    }
}

.paymentDropdown_e335a7 {
    max-width: 400px
}

.redBorder_e335a7 {
    border: 1px solid;
    border-color: var(--red-360)
}

.detailsBlock_e335a7:last-child {
    margin-inline-end:0}

.detailBlockHeader_e335a7,.duplicateHeader_e335a7 {
    margin-bottom: 8px
}

.duplicateHeader_e335a7 {
    color: var(--red-400)
}

.billingInformation_e335a7 {
    color: var(--text-default);
    font-size: 14px;
    line-height: 18px
}

.finePrint_e335a7 {
    color: var(--text-muted);
    line-height: 1.4;
    margin-top: 16px
}

.cardText_e335a7 {
    padding-inline-start:8px}

.noItemsCard_e335a7 {
    background-color: var(--background-base-lower);
    border: none;
    color: var(--interactive-text-active);
    font-size: 16px;
    font-weight: var(--font-weight-medium);
    line-height: 20px;
    margin-top: 16px;
    padding: 16px 19px
}

.theme-dark .noItemsIcon_e335a7 {
    background: #4f545c
}

.newSparkles_e335a7 {
    height: 34px;
    inset-inline-start: -10px;
    position: absolute;
    top: -18px;
    width: 47px
}

.boostingDesktopAppBlurb_e335a7 {
    margin-top: 8px
}

.duplicateSubscriptionsBanner_e335a7 {
    align-items: center;
    background: var(--background-mod-muted);
    border-radius: 4px;
    display: flex;
    margin-bottom: 14px;
    padding: 10px
}

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

.helpNoticeDismissIcon_e335a7 {
    cursor: pointer;
    padding-top: 2px
}

.button__95e2d {
    background-color: var(--background-mod-normal);
    cursor: pointer
}

.button__95e2d:first-child {
    border-radius: 8px 8px 0 0
}

.button__95e2d:last-child {
    border-radius: 0 0 8px 8px
}

.button__95e2d:last-child .contentContainer__95e2d {
    border-bottom: none
}

.contentContainer__95e2d {
    align-items: center;
    border-bottom: 1px solid var(--opacity-white-4);
    display: flex;
    justify-content: space-between;
    margin-inline-start:16px;padding-block:16px;padding-inline:0 16px}

.arrow__95e2d {
    color: var(--interactive-text-default);
    height: 24px;
    transform: rotate(-90deg);
    width: 24px
}

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

.container_a1d343 {
    align-items: center;
    background-color: var(--background-base-lowest);
    border-radius: var(--radius-sm);
    display: flex;
    gap: 16px;
    margin-bottom: 34px;
    margin-top: 44px;
    padding: 16px 25px
}

.iconContainer_a1d343 {
    flex-shrink: 0
}

.bannerImage_a1d343 {
    height: 69px;
    width: 117px
}

.textContent_a1d343 {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 4px
}

.buttonContainer_a1d343 {
    flex-shrink: 0
}

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

.categorySubGroup__65726:empty {
    display: none
}

.homeBody__0920e {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: var(--custom-application-store-home-store-home-width);
    padding: 0 20px;
    width: 100%
}

.categoryHeader__0920e {
    border-bottom-width: 1px;
    border-style: solid;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: var(--font-weight-medium);
    margin: 32px 0 20px;
    padding-bottom: 10px
}

.viewAllGamesButton__0920e {
    display: flex;
    justify-content: center;
    margin: 20px auto 40px
}

.viewAllGamesButton__0920e:hover .viewAllIcon__0920e {
    transform: rotate(-90deg) translateY(3px)
}

.viewAllGamesButtonInner__0920e {
    align-items: center;
    display: flex
}

.viewAllGames__0920e,.viewAllNitroGames__0920e {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 16px
}

.full-motion .viewAllGames__0920e,.full-motion .viewAllNitroGames__0920e {
    transition: transform .2s ease
}

.viewAllGames__0920e:hover .viewAllIcon__0920e,.viewAllNitroGames__0920e:hover .viewAllIcon__0920e {
    transform: rotate(-90deg) translateY(3px)
}

.viewAllIcon__0920e {
    height: 20px;
    width: 20px
}

.homeTile__0920e {
    margin: 0 10px
}

.homeTile__0920e:first-child {
    margin-inline-start:0}

.homeTile__0920e:last-child {
    margin-inline-end:0}

.spinner__0920e {
    margin-bottom: 40px;
    margin-top: 40px
}

.homeWrapper__0920e {
    background-color: var(--background-base-lowest);
    border-top: 1px solid var(--app-frame-border);
    display: flex;
    flex-direction: column;
    position: relative
}

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

.marketingWrapper__0920e {
    flex-shrink: 0
}

.premiumApplicationsHeader__0920e {
    border-bottom-width: 1px;
    border-style: solid;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: var(--font-weight-medium);
    margin: 32px 0 20px;
    padding-bottom: 10px
}

.theme-dark .categoryHeader__0920e,.theme-dark .premiumApplicationsHeader__0920e {
    border-color: var(--primary-500)
}

.theme-light .categoryHeader__0920e,.theme-light .premiumApplicationsHeader__0920e {
    border-color: var(--primary-200)
}

@media (min-width: 849px) {
    .categoryHeader__0920e,.premiumApplicationsHeader__0920e {
        align-content:center;
        color: var(--text-strong);
        flex-direction: row;
        justify-content: space-between
    }
}

@media (max-width: 485px) {
    .premiumContainer__0920e {
        padding:16px
    }
}

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

.headerBarV2LightBackground__0920e {
    background: var(--white)!important
}

.headerBarV2DarkBackground__0920e {
    background: var(--black)!important
}

.container__0f226 {
    align-items: flex-start;
    background-color: var(--background-mod-normal);
    border-radius: var(--radius-sm);
    display: flex;
    filter: saturate(var(--saturation-factor,1));
    flex-direction: column;
    justify-content: center;
    max-width: 1066px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.bannerImage__0f226 {
    height: 100%;
    inset-inline-end: 0;
    position: absolute;
    z-index: -1
}

.textContainer__0f226 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 32px 50px 40px;
    width: 327px
}

.heading__0f226 {
    margin-bottom: 8px
}

.giftCardButton__0f226 {
    background-color: var(--background-mod-normal);
    height: 40px;
    margin-top: 14px;
    width: 100%
}

.giftButtonCTA__0f226 {
    font-size: 14px;
    font-weight: 700
}

.theme-light .giftCardButton__0f226 {
    border-color: var(--premium-tier-2-pink-for-gradients-2);
    color: var(--premium-tier-2-pink-for-gradients-2)
}

.theme-dark .giftCardButton__0f226 {
    border-color: #fff;
    color: #fff
}

.images-light .textContainer__0f226 {
    background-image: linear-gradient(to right,var(--background-mod-normal),hsl(var(--primary-160-hsl)/40%) 90%,transparent)
}

.images-dark .textContainer__0f226 {
    background-image: linear-gradient(to right,var(--background-mod-normal),hsl(var(--primary-660-hsl)/40%) 90%,transparent)
}

.container_e0cd4a {
    background-color: var(--card-background-default);
    border: 1px solid var(--border-muted);
    border-radius: var(--radius-lg);
    box-sizing: border-box;
    display: flex;
    filter: saturate(var(--saturation-factor,1));
    justify-content: space-between;
    max-width: 1066px;
    overflow: hidden;
    padding: var(--space-12);
    position: relative;
    width: 100%
}

.bannerImage_e0cd4a {
    height: 300px;
    padding: var(--space-64);
    z-index: -1
}

.textContainer_e0cd4a {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: var(--space-24)
}

.heading_e0cd4a {
    margin-bottom: var(--space-12)
}

.giftButtonContainer_e0cd4a {
    margin-top: var(--space-24)
}

.gradientBackground_e0cd4a:before {
    opacity: .3
}

.container__7137c {
    background: var(--background-surface-high);
    border: 1px solid var(--border-muted);
    border-radius: 20px;
    flex-direction: row;
    gap: 24px;
    margin-top: 40px;
    max-width: 700px;
    padding: 16px 24px
}

.asset__7137c,.container__7137c {
    align-items: center;
    display: flex
}

.asset__7137c {
    flex-direction: column;
    flex-shrink: 0;
    justify-content: center
}

.assetImage__7137c {
    border-radius: var(--radius-sm)
}

.bannerContent__7137c {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 2px;
    justify-content: flex;
    min-height: 62px
}

.bannerDescription__7137c {
    align-items: flex-start;
    text-align: start
}

.buttonContainer__7137c {
    margin-inline-start:32px}

@media (max-width: 900px) {
    .container__7137c {
        flex-direction:column
    }

    .bannerContent__7137c,.container__7137c {
        align-items: center;
        text-align: center
    }

    .bannerDescription__7137c {
        justify-content: center;
        text-align: center
    }

    .buttonContainer__7137c {
        margin-inline-start:0}

    .termsApplyAnchor__7137c {
        color: var(--text-link);
        margin-inline-start:2px;text-decoration: underline;
        text-underline-offset: 2px
    }

    .termsApplyAnchor__7137c:hover {
        text-decoration: none
    }
}

.freeTrialText__1995d {
    text-transform: capitalize
}

.applicationHomeBanner__62eb1 {
    flex-direction: row;
    height: 226px;
    margin: 24px 16px;
    max-width: 1052px;
    position: relative
}

.applicationHomeBanner__62eb1,.settingsBanner__62eb1 {
    border-radius: var(--radius-lg);
    display: flex
}

.settingsBanner__62eb1 {
    background: var(--background-mod-normal);
    box-sizing: border-box;
    flex: 1;
    height: 171px;
    margin-bottom: 24px;
    max-width: 820px;
    overflow: hidden;
    width: 100%
}

.settingsImageContainer__62eb1 {
    display: flex;
    height: auto;
    width: auto
}

.settingsBannerLeftImageContainer__62eb1 {
    max-width: 130px
}

.settingsBannerRightImageContainer__62eb1 {
    max-width: 81px
}

.bannerBoxOutlinePosition__62eb1 {
    height: 226px;
    position: absolute;
    top: -2px;
    width: 100%
}

.backgroundGradient__62eb1 {
    background: linear-gradient(90deg,#db00a4,#5968f0);
    border-radius: var(--radius-lg);
    height: 100%;
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 2px;
    width: calc(100% - 2px)
}

.imageContainer__62eb1 {
    border-radius: 0 16px 16px 0;
    display: flex;
    flex: 518 1 0%;
    order: 0;
    position: relative
}

.settingsImage__62eb1 {
    overflow: hidden;
    width: auto
}

.applicationHomeImage__62eb1,.settingsImage__62eb1 {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.applicationHomeImage__62eb1 {
    border-radius: 0 14px 14px 0;
    -o-object-position: left center;
    object-position: left center;
    width: 100%
}

.bannerContent__62eb1 {
    flex: 436 1 0%;
    flex-direction: column;
    justify-content: space-between;
    padding: 40px 25px
}

.bannerContent__62eb1,.settingsBannerContent__62eb1 {
    display: flex;
    position: relative;
    width: 100%
}

.settingsBannerContent__62eb1 {
    flex: 405 1 0%;
    flex-direction: column;
    gap: 8px;
    min-width: 300px;
    padding: 25px
}

@container premium-marketing-page-container (max-width: 960px) {
    .bannerHeader__62eb1 {
        font-size: 32px;
        font-weight: 800
    }

    .bannerHeader__62eb1,.bannerText__62eb1 {
        font-style: normal;
        line-height: 1.25
    }

    .bannerText__62eb1 {
        font-size: 16px;
        font-weight: 500
    }
}

@container premium-marketing-page-container (max-width: 960px) and (min-width: 720px) {
    .bannerHeader__62eb1 {
        font-size: 20px;
        font-style: normal;
        font-weight: 800;
        line-height: 24px
    }

    .bannerText__62eb1 {
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 1.2857142857142858
    }
}

@container premium-marketing-page-container (max-width: 720px) {
    .bannerHeader__62eb1 {
        font-size: 20px;
        font-style: normal;
        font-weight: 800;
        line-height: 24px
    }

    .bannerText__62eb1 {
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 1.2857142857142858
    }

    .bannerContent__62eb1 {
        padding: 16px
    }
}

.subscribeButton__62eb1 {
    margin-top: 8px;
    min-width: 110px;
    width: -moz-fit-content;
    width: fit-content
}

.subscribeButtonText__62eb1 {
    max-width: unset
}

.premiumTrialBadge__62eb1 {
    align-items: center;
    border-radius: var(--radius-md);
    display: flex;
    inset-inline-start: 24px;
    margin-inline-start:auto;padding: 0 6px;
    pointer-events: all;
    position: absolute;
    text-transform: uppercase;
    top: -8px
}

.badgeGradient__62eb1 {
    background: linear-gradient(90deg,#db00a4,#5968f0)
}

.buttonGradient__62eb1 {
    background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color);
    color: var(--white)!important
}

.subBanner__62eb1 {
    align-items: center;
    background: var(--background-surface-high);
    border-radius: var(--radius-lg);
    display: flex;
    flex-direction: row;
    height: 100px;
    justify-content: center;
    margin: auto auto 40px;
    padding: 16px 24px;
    position: relative;
    width: 620px
}

.subHomeBannerImageContainer__62eb1 {
    display: flex;
    height: auto;
    max-width: 96px;
    width: auto
}

.subBannerContent__62eb1 {
    align-items: flex-start;
    display: flex;
    flex: 405 1 0%;
    flex-direction: column;
    gap: 8px;
    min-width: 300px;
    padding: 25px;
    position: relative;
    text-align: start;
    width: 100%
}

.container_ce5f0d {
    background: var(--background-surface-high);
    border: 1px solid var(--border-muted);
    border-radius: 20px;
    flex-direction: row;
    gap: 40px;
    padding: 32px 24px
}

.bannerContainer_ce5f0d,.container_ce5f0d {
    align-items: center;
    display: flex;
    max-width: 800px
}

.bannerContainer_ce5f0d {
    justify-content: center
}

.bannerContent_ce5f0d {
    flex: 1 0 0;
    flex-direction: column;
    max-width: 476px
}

.bannerContent_ce5f0d,.bannerContentText_ce5f0d {
    align-items: flex-start;
    display: flex
}

.bannerContentText_ce5f0d {
    flex-direction: column;
    gap: 8px;
    margin-bottom: 24px;
    text-align: start
}

.referredFriendAvatar_ce5f0d {
    border: 2px solid var(--background-surface-high);
    border-radius: 50%
}

.availableReferralSlot_ce5f0d {
    align-items: center;
    background: var(--background-mod-strong);
    border-radius: 32px;
    color: var(--text-strong);
    display: flex;
    flex-shrink: 0;
    font-weight: var(--font-weight-medium);
    height: 24px;
    justify-content: center;
    line-height: 18px;
    width: 24px
}

.progressContainer_ce5f0d {
    align-items: center;
    align-self: stretch;
    background: var(--background-surface-high);
    display: flex;
    flex-direction: row;
    gap: 8px;
    margin-bottom: 12px;
    max-width: 800px
}

.progressCircle_ce5f0d {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    height: 160px;
    justify-content: center;
    padding: 8px;
    width: 160px
}

.progressCircleImage_ce5f0d {
    max-width: 150px
}

.progressCircleBorder_ce5f0d {
    height: "100%";
    inset-inline-start: 0;
    position: "absolute";
    top: 0;
    transform: rotate(-90deg);
    width: "100%"
}

.progressCircleBackground_ce5f0d {
    fill: var(--background-surface-high)
}

.progressCircleRing_ce5f0d {
    fill: var(--background-mod-strong)
}

.glow_ce5f0d {
    background: transparent;
    border-radius: 50%;
    box-shadow: 0 0 1px #53ac66,0 0 1px #53ac66,0 0 15px #53ac66;
    height: 100%;
    width: 100%
}

.timerContainer_d0d75b {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative
}

.timeUnitsOuterContainer_d0d75b {
    display: flex;
    flex-direction: row;
    justify-content: center
}

.timeUnitInnerContainer_d0d75b {
    display: flex;
    flex-direction: column;
    gap: 6px
}

.time_d0d75b {
    display: flex;
    flex-direction: row;
    gap: 2px
}

.timeBoxOutline_d0d75b {
    align-content: center;
    background-color: hsl(var(--opacity-24-hsl)/.23921568627450981);
    border-radius: 6px;
    height: 36px;
    justify-content: center;
    width: 24px
}

.unitDivider_d0d75b {
    margin: 0 6px;
    position: relative;
    top: 4px
}

.offerPill__3b397 {
    align-items: center;
    background: linear-gradient(90deg,#db00a4,#5968f0);
    border-radius: 20px;
    display: flex;
    margin-bottom: 12px;
    padding: 0 4px;
    position: relative;
    text-transform: uppercase;
    width: -moz-fit-content;
    width: fit-content
}

.premiumBrandRefreshOfferPill__3b397 {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: linear-gradient(90deg,rgba(155,29,165,.34),rgba(30,35,83,.34) 120%);
    border: 1px solid var(--border-normal);
    border-radius: var(--radius-xl);
    padding: var(--space-8) var(--space-12);
    text-transform: capitalize;
    width: -moz-max-content;
    width: max-content
}

.banner__4524c {
    align-items: center;
    background: var(--background-surface-high);
    border-radius: 20px;
    display: flex;
    flex-direction: row;
    height: 80px;
    justify-content: center;
    margin: auto auto 40px;
    padding: 16px 24px;
    position: relative;
    width: 624px
}

.bodyContainer__4524c {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 2px;
    text-align: start;
    width: 400px
}

.trialPill__4524c {
    justify-content: center;
    position: absolute;
    top: -13px
}

.promoNitroButton__4524c {
    margin-inline-start:auto;min-height: 40px;
    min-width: 110px
}

.bannerArt__4524c {
    margin-inline-end:16px}

.pill__4524c {
    inset-inline-start: 20px;
    position: absolute;
    top: -8px
}

.buttonGradient__4524c {
    background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color);
    background-clip: padding-box;
    border-radius: var(--radius-sm);
    color: var(--white)
}

.boltContainer__24d89,.carContainer__24d89,.hammerContainer__24d89,.keyContainer__24d89,.starContainer__24d89 {
    pointer-events: none
}

.carContainer__24d89,.hammerContainer__24d89 {
    z-index: -1
}

.jumpingWumpusContainer__13b73 {
    bottom: -100px;
    inset-inline-start: calc(100% + 20px);
    pointer-events: none;
    position: absolute
}

.jumpingWumpus__13b73 {
    height: 227px
}

.hammerContainer__13b73,.keyContainer__13b73,.starContainer__13b73 {
    pointer-events: none;
    position: absolute
}

.hammerContainer__13b73 {
    inset-inline-end: 40px;
    top: -50px
}

.keyContainer__13b73 {
    inset-inline-start: -180px;
    top: calc(100% + 20px)
}

.starContainer__13b73 {
    inset-inline-start: -150px;
    top: -50px
}

.starTrinket__13b73 {
    height: 80px
}

.keyTrinket__13b73 {
    height: 60px
}

.hammerTrinket__13b73 {
    height: 30px
}

@container premium-marketing-page-container (max-width: 960px) {
    .keyContainer__13b73,.starContainer__13b73 {
        transform: translateX(50px)
    }

    .jumpingWumpusContainer__13b73 {
        transform: translateX(-50px)
    }
}

@container premium-marketing-page-container (max-width: 720px) {
    .jumpingWumpus__13b73 {
        height: 163px
    }

    .keyContainer__13b73 {
        transform: translateX(100px)
    }

    .starTrinket__13b73 {
        height: 62px
    }

    .keyTrinket__13b73 {
        height: 46px
    }
}

.header__07389 {
    font-size: 50px;
    font-style: italic;
    font-weight: 900;
    letter-spacing: -1px;
    line-height: 100%;
    text-transform: uppercase
}

@container premium-marketing-page-container (max-width: 720px) {
    .header__07389.responsive__07389 {
        font-size: 42px;
        letter-spacing: -.84px
    }
}

@container premium-marketing-page-container (max-width: 540px) {
    .header__07389.responsive__07389 {
        font-size: 38px;
        letter-spacing: -.76px
    }
}

.container__101ad {
    max-height: 300px;
    min-width: 800px
}

.container__101ad,.containerV2__101ad {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-bottom: 80px;
    text-align: center;
    width: 100%
}

.containerV2__101ad {
    justify-content: center;
    padding-top: 42px
}

.trialPill__101ad {
    justify-content: center;
    margin-bottom: 16px
}

.content__101ad {
    min-width: 500px;
    position: absolute;
    top: 90px
}

@media (max-width: 485px) {
    .content__101ad {
        min-width:unset
    }
}

.churnDiscountContent__101ad {
    top: 20px
}

.contentV2__101ad {
    min-width: 500px
}

@media (max-width: 485px) {
    .contentV2__101ad {
        min-width:unset
    }
}

.hidden__101ad {
    visibility: hidden
}

.heroHeadingOriginalButtonContainer__101ad {
    align-items: center;
    display: flex;
    justify-content: center
}

.header__101ad {
    margin-bottom: 16px
}

.premiumSubscribeButton__101ad {
    align-items: center;
    display: flex;
    justify-content: center
}

.button__101ad {
    box-shadow: 0 12px 36px 0 rgba(0,0,0,.12);
    height: 40px
}

.reverseTrialGiftButton__101ad {
    height: 40px;
    margin: auto;
    min-width: 183px;
    position: relative
}

.subscribeButton__101ad {
    margin-inline-end:12px}

.headerArt__101ad,.headerArtV2__101ad {
    pointer-events: none;
    width: 100%
}

.headerArtV2__101ad {
    min-width: 800px;
    position: absolute;
    top: 0;
    z-index: -1
}

.reverseContainer__101ad {
    gap: 40px;
    text-align: center;
    width: 100%
}

.reverseContainer__101ad,.reverseTrialHomeHeader__101ad {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.reverseTrialHomeHeader__101ad {
    flex-shrink: 0;
    margin-top: 40px;
    position: relative;
    width: 656px
}

.flexCentered__101ad {
    display: flex;
    justify-content: center
}

.tooltip__101ad {
    margin-bottom: 15px;
    text-align: center
}

.pillContainer__101ad {
    display: inline-block;
    margin-top: 5px
}

.pillIcon__101ad {
    padding-inline-end:5px}

.referralBanner__101ad {
    margin: 64px auto auto
}

.churnEntrypointButtons__101ad {
    display: flex;
    flex-direction: row;
    gap: 8px;
    width: 380px
}

.churnEntrypointDescriptionBrandRefresh__101ad {
    margin-bottom: -12px;
    margin-top: 16px
}

.churnEntrypointDescription__101ad {
    margin-bottom: 20px
}

.churnDiscountHeader__101ad {
    margin-bottom: 16px;
    max-width: 600px
}

.heroOfferCountdown__101ad {
    margin-bottom: 20px
}

.container__1c7f8 {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 80px 0 var(--space-64);
    width: 100%
}

.gradientBackground__1c7f8 {
    position: absolute;
    top: 0;
    z-index: -1
}

.content__1c7f8 {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--space-32);
    text-align: center
}

.content__1c7f8>:last-child {
    margin-top: var(--space-32)
}

.headerContainer__1c7f8 {
    margin: 0 100px;
    max-width: 625px;
    min-width: -moz-min-content;
    min-width: min-content;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

@container premium-marketing-page-container (max-width: 960px) {
    .headerContainer__1c7f8 {
        max-width: 500px
    }
}

@container premium-marketing-page-container (max-width: 720px) {
    .headerContainer__1c7f8 {
        max-width: 400px
    }
}

.twoButtonContainer__1c7f8 {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: center
}

.wrapper__0a838 {
    bottom: 0;
    inset-inline-start: 0;
    margin-bottom: 42px;
    opacity: 0;
    pointer-events: none;
    position: sticky;
    width: 100%;
    z-index: 10
}

.innerWrapper__0a838,.wrapper__0a838 {
    display: flex;
    justify-content: center
}

.innerWrapper__0a838 {
    align-items: center;
    background-color: var(--background-base-lowest);
    border-radius: 16px;
    box-sizing: border-box;
    padding: 16px;
    pointer-events: all;
    position: relative
}

.innerWrapper__0a838:after,.innerWrapper__0a838:before {
    content: "";
    height: 100%;
    inset-inline-start: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.invisible__0a838>.innerWrapper__0a838 {
    pointer-events: none
}

.tier2Gradient__0a838 {
    background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color);
    color: var(--white)
}

.descriptionContainer__0a838 {
    display: flex;
    flex-direction: column;
    margin: 0 16px;
    width: 320px
}

.nitroIcon__0a838 {
    border-radius: var(--radius-sm);
    filter: saturate(var(--saturation-factor,1));
    height: 48px;
    width: 48px
}

.cardDescription__1f069 {
    background-image: linear-gradient(to bottom,var(--card-background-default) 50%,transparent 100%)
}

.nitroGradientBorderHover__1f069 {
    position: relative
}

.nitroGradientBorderHover__1f069:before {
    background: linear-gradient(95.07deg,var(--premium-tier-2-purple-for-gradients) 0,var(--premium-tier-2-purple-for-gradients-2) 49.96%,var(--premium-tier-2-pink-for-gradients) 95.93%),var(--premium-tier-2-purple-for-gradients);
    border-radius: calc(var(--custom-card-border-radius) + 2px);
    content: "";
    inset: -2px;
    opacity: 0;
    position: absolute;
    z-index: -10
}

.full-motion .nitroGradientBorderHover__1f069:before {
    transition: opacity .2s ease-in-out
}

.nitroGradientBorderHover__1f069:hover:before {
    opacity: 1
}

.container_e99fef,.progressHeader_e99fef {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction: column
}

.progressHeader_e99fef {
    width: 100%
}

.progressBar_e99fef {
    background-color: var(--background-surface-highest);
    border-radius: 94px;
    height: 10px;
    position: relative;
    width: 100%
}

.progressBarContainer_e99fef {
    margin: var(--space-12) 0;
    width: 100%
}

.progressBarFill_e99fef {
    background: linear-gradient(90deg,#13184c,#5865f2);
    height: 100%;
    fill: #5865f2;
    border-radius: 5px 0 0 5px
}

.progressBarIndicator_e99fef {
    align-items: center;
    border-radius: 50%;
    box-shadow: 0 0 20px 5px #5865f2;
    display: flex;
    height: 100%;
    position: absolute
}

.cards_e99fef {
    gap: var(--space-12);
    width: 100%
}

.cards_e99fef,.promoCardContainer_e99fef {
    display: flex;
    flex-direction: column
}

.promoCardContainer_e99fef {
    align-items: stretch;
    background-color: var(--background-surface-highest);
    border: 1px solid var(--border-muted);
    border-radius: var(--radius-lg);
    gap: 14px;
    margin-top: var(--space-12);
    padding: var(--space-16) 0
}

.wrap_e99fef {
    display: flex;
    flex-direction: row;
    gap: 10px;
    padding: 0 var(--space-16)
}

.promoCardContent_e99fef {
    width: 100%
}

.promoCardContentDetails_e99fef {
    width: 60%
}

.promoCardContentText_e99fef {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: var(--space-12) 0
}

.promoCardAssetContainer_e99fef {
    align-items: center;
    display: flex;
    width: 40%
}

.promoCardAsset_e99fef {
    margin: 0 auto
}

.lockIconContainer_e99fef {
    align-items: center;
    aspect-ratio: 1/1;
    background: var(--background-mod-subtle);
    border-radius: var(--radius-sm);
    display: flex;
    flex-shrink: 0;
    height: 32px;
    justify-content: center;
    width: 32px
}

.claimedFooterContainer_e99fef {
    border-top: 1px solid var(--border-muted);
    padding-top: var(--space-16)
}

.claimedFooter_e99fef,.claimedFooterContainer_e99fef {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%
}

.claimedFooter_e99fef {
    gap: 10px;
    margin: 0 var(--space-16)
}

.claimedFooterCode_e99fef {
    flex: 1 0 0
}

.extraCodeButton_e99fef {
    align-items: center;
    background-color: var(--background-surface-highest);
    border-radius: 0 0 var(--radius-lg) var(--radius-lg);
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    padding: var(--space-4) 0;
    width: 80%
}

.container_f8fa75 {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.image_f8fa75 {
    margin-top: var(--space-16);
    width: 100%
}

.container__29469 {
    display: flex;
    flex-direction: column;
    height: 100%
}

.imageContainer__29469 {
    margin-top: auto
}

.container__1f2ac {
    height: 100%;
    justify-content: space-between
}

.container__1f2ac,.textColumn__1f2ac {
    align-items: center;
    display: flex;
    flex-direction: column
}

.badgeText__1f2ac {
    margin-bottom: 4px
}

.badgeImage__1f2ac {
    align-self: center;
    height: auto;
    max-height: 66%;
    pointer-events: none;
    width: 70%
}

.full-motion .badgeImage__1f2ac {
    transition: all .2s ease-in-out
}

.badgeImage__1f2ac.wide__1f2ac {
    width: 85%
}

.upcomingBadge__1f2ac {
    filter: saturate(0);
    opacity: .4
}

div:hover>div>.container__1f2ac .badgeImage__1f2ac:not(.upcomingBadge__1f2ac) {
    filter: drop-shadow(0 0 34px var(--custom-badge-glow-color))
}

.hoverWrapper_b5493b {
    display: flex
}

.hoverWrapper_b5493b:hover .flipCardContainer_b5493b,.hoverWrapper_b5493b:hover .noFlipCardContainer_b5493b,.hoverWrapper_b5493b:hover .noFlipCardContainerCarousel_b5493b {
    transform: translateY(-8px)
}

.hoverWrapper_b5493b:hover .card_b5493b {
    box-shadow: var(--elevation-medium)
}

.hoverWrapper_b5493b:hover .unavailablePerkPill_b5493b {
    display: none
}

.hoverWrapper_b5493b:hover .cardDescription_b5493b {
    opacity: 1
}

.hoverWrapper_b5493b:hover .cardDescription_b5493b button {
    bottom: 24px;
    opacity: 1;
    pointer-events: all;
    transform: scale(1)
}

.hoverWrapper_b5493b:hover .hoverCardImage_b5493b {
    border-radius: 20px;
    margin: -24px;
    width: calc(100% + 48px)
}

.hoverWrapper_b5493b:hover .carouselCardImage_b5493b,.hoverWrapper_b5493b:hover .carouselCardImageGrayscale_b5493b {
    margin-inline-start:0;margin-bottom: -9px;
    scale: 116.5%
}

.hoverWrapper_b5493b:hover .cardComponent_b5493b {
    scale: 65%;
    transform-origin: bottom
}

@media (max-width: 959px) {
    .hoverWrapper_b5493b:hover .cardComponent_b5493b {
        scale:85%
    }
}

@media (max-width: 820px) {
    .hoverWrapper_b5493b:hover .cardComponent_b5493b {
        scale:75%
    }
}

@media (max-width: 700px) {
    .hoverWrapper_b5493b:hover .cardComponent_b5493b {
        scale:65%
    }
}

@media (max-width: 650px) {
    .hoverWrapper_b5493b:hover .cardComponent_b5493b {
        scale:55%
    }
}

@media screen and (max-width: 1330px) {
    .hoverWrapper_b5493b:hover .carouselCardImage_b5493b,.hoverWrapper_b5493b:hover .carouselCardImageGrayscale_b5493b {
        margin-inline-start:0;
        margin-bottom: -9px;
        scale: 122%
    }
}

.hoverWrapper_b5493b:hover .partialFlipCard_b5493b {
    --custom-y-rotation: -30deg;
    transform: rotateY(var(--custom-y-rotation))
}

.hoverWrapper_b5493b:hover .partialFlipCard_b5493b.reducedMotion_b5493b {
    transform: none
}

.hoverWrapper_b5493b:hover .ultraFlipCard_b5493b {
    --custom-y-rotation: -570deg;
    transform: rotateY(var(--custom-y-rotation))
}

.hoverWrapper_b5493b:hover .rotateCard_b5493b {
    --custom-x-rotation: -520deg;
    --custom-y-rotation: -1140deg;
    transform: rotateX(var(--custom-x-rotation)) rotateY(var(--custom-y-rotation))
}

.hoverWrapper_b5493b:hover .flipCard_b5493b.flipped_b5493b {
    transform: rotateY(-180deg)
}

.reducedMotion_b5493b .hoverWrapper_b5493b {
    transition: none
}

.flipCardContainer_b5493b,.noFlipCardContainer_b5493b,.noFlipCardContainerCarousel_b5493b {
    display: flex;
    filter: saturate(var(--saturation-factor,1));
    width: 100%
}

.flipCardContainer_b5493b.forceShadow_b5493b .card_b5493b,.noFlipCardContainer_b5493b.forceShadow_b5493b .card_b5493b,.noFlipCardContainerCarousel_b5493b.forceShadow_b5493b .card_b5493b {
    box-shadow: var(--elevation-medium)
}

.full-motion .noFlipCardContainer_b5493b,.full-motion .noFlipCardContainerCarousel_b5493b {
    transition: all .1s ease-in-out
}

@media screen and (min-width: 1331px) {
    .noFlipCardContainerCarousel_b5493b {
        min-width:350px
    }
}

.confettiCanvas_b5493b {
    height: 100%;
    inset-inline-start: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.flipCardContainer_b5493b {
    min-height: 350px;
    perspective: 1000px
}

.full-motion .flipCardContainer_b5493b {
    transition: all .1s ease-in-out
}

.flipCardContainer_b5493b .card_b5493b {
    height: calc(100% - 48px);
    width: calc(100% - 48px)
}

.flipCardContainer_b5493b .flipCard_b5493b.clickable_b5493b .cover_b5493b {
    opacity: 1
}

.flipCardContainer_b5493b .flipCard_b5493b.flipped_b5493b {
    transform: rotateY(-180deg)
}

.flipCardContainer_b5493b .flipCard_b5493b.flipped_b5493b .flipCardButtonContainer_b5493b {
    opacity: 0;
    pointer-events: none
}

.flipCardContainer_b5493b .flipCard_b5493b.flipped_b5493b .cover_b5493b {
    opacity: 0
}

.flipCard_b5493b {
    position: relative;
    transform-style: preserve-3d;
    width: 100%
}

.full-motion .flipCard_b5493b {
    transition: transform .8s
}

.flipCard_b5493b.reducedMotion_b5493b {
    transition: none
}

.flipCardBack_b5493b,.flipCardFront_b5493b {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.flipCardBack_b5493b {
    transform: rotateY(180deg)
}

.flipCardHidden_b5493b {
    opacity: 0;
    pointer-events: none
}

.flipCardButtonContainer_b5493b {
    align-items: center;
    bottom: 0;
    display: flex;
    position: absolute;
    top: 0;
    inset-inline: 0;
    justify-content: center;
    pointer-events: none;
    z-index: 40
}

.cardComponent_b5493b {
    transition: scale .15s ease-in-out
}

.card_b5493b {
    --custom-card-border-radius: 20px;
    align-items: flex-start;
    background-color: var(--card-background-default);
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid var(--border-muted);
    border-radius: var(--custom-card-border-radius);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 24px;
    position: relative;
    width: 100%
}

.full-motion .card_b5493b {
    transition: all .1s ease-in-out
}

.hideOverflow_b5493b {
    overflow: hidden
}

.clickable_b5493b {
    cursor: pointer;
    pointer-events: all
}

.pill_b5493b {
    background-image: linear-gradient(to right,var(--premium-tier-2-purple-for-gradients),var(--premium-tier-2-pink-for-gradients));
    border-radius: 10px;
    color: var(--white);
    inset-inline-start: 24px;
    padding: 0 8px;
    position: absolute;
    top: -8px;
    z-index: 30
}

.cardHeading_b5493b {
    background-clip: text;
    -webkit-background-clip: text!important;
    background-color: var(--text-strong);
    color: transparent;
    display: inline-block;
    margin-bottom: 8px;
    white-space: pre-wrap;
    width: 100%;
    z-index: 10
}

.cardSubtitle_b5493b {
    flex-grow: 1;
    margin-bottom: 16px;
    width: 100%;
    z-index: 10
}

.carouselCardImage_b5493b {
    background: linear-gradient(193deg,var(--premium-tier-0-header-gradient-1) 0,var(--premium-tier-0-header-gradient-3) 49.52%,var(--premium-tier-0-header-gradient-4) 82.85%,var(--premium-tier-0-header-gradient-5) 90.53%);
    border-radius: 16px;
    height: 150px;
    padding: 15px;
    pointer-events: none;
    transform: translateX(1px);
    width: 270px;
    z-index: 10
}

.full-motion .carouselCardImage_b5493b {
    transition: all .1s ease-in-out
}

.carouselCardImageGrayscale_b5493b {
    background: gray;
    border-radius: 16px;
    filter: grayscale(1%);
    height: 180px;
    pointer-events: none;
    transform: translateX(1px);
    width: 300px;
    z-index: 10
}

.full-motion .carouselCardImageGrayscale_b5493b {
    transition: all .1s ease-in-out
}

@media screen and (max-width: 1330px) {
    .carouselCardImageGrayscale_b5493b {
        height:150px;
        width: 230px
    }
}

.imageOverlayTextContainer_b5493b {
    display: flex;
    justify-content: center;
    position: absolute;
    top: 140px;
    width: 100%
}

@media screen and (max-width: 1330px) {
    .imageOverlayTextContainer_b5493b {
        top:120px
    }
}

.imageOverlayText_b5493b {
    background: #313338;
    border-radius: 20px;
    color: var(--white);
    display: inline-block;
    font-size: 14px;
    padding: 0 8px;
    z-index: 100
}

@media screen and (max-width: 1330px) {
    .carouselCardImage_b5493b {
        height:120px;
        width: 200px
    }

    .unavailablePerkPill_b5493b {
        top: 117px
    }
}

.cardIllustrationNoHover_b5493b,.cardImage_b5493b {
    width: 100%;
    z-index: 10
}

.full-motion .cardIllustrationNoHover_b5493b,.full-motion .cardImage_b5493b {
    transition: all .1s ease-in-out
}

.cardImage_b5493b {
    border-radius: 14px;
    pointer-events: none
}

.cardImage_b5493b img {
    border-radius: inherit;
    width: 100%
}

.cardIllustrationNoHover_b5493b {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end
}

.cardDescription_b5493b {
    align-items: flex-start;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    inset: 0;
    justify-content: flex-start;
    opacity: 0;
    padding: 24px;
    position: absolute;
    z-index: 20
}

.full-motion .cardDescription_b5493b {
    transition: all .1s ease-in-out
}

.cardDescription_b5493b p {
    margin: 0
}

.cardDescription_b5493b p+p {
    margin-top: 8px
}

.cardDescription_b5493b button {
    inset-inline: 24px;
    bottom: 8px;
    opacity: .5;
    position: absolute;
    transform: scale(.75)
}

.full-motion .cardDescription_b5493b button {
    transition: all .1s ease-in-out
}

.reducedMotion_b5493b .cardDescription_b5493b {
    transition: none
}

.cover_b5493b {
    border-radius: 20px;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute
}

.full-motion .cover_b5493b {
    transition: all .1s ease-in-out
}

.reducedMotion_b5493b .cover_b5493b {
    transition: none
}

.above_b5493b {
    background-color: rgba(0,0,0,.6);
    z-index: 30
}

.below_b5493b {
    background-image: linear-gradient(to bottom,hsl(var(--primary-660-hsl)/.5) 0,transparent 60%);
    z-index: 1
}

.theme-light .below_b5493b {
    background-image: linear-gradient(to bottom,hsl(var(--primary-160-hsl)/.5) 0,hsla(0,0%,100%,0) 60%)
}

.topCover_b5493b .below_b5493b {
    opacity: 1
}

.purpleGradient_b5493b {
    background-image: linear-gradient(130.41deg,#727eff 7.43%,#b940ff 82.67%)
}

.pinkGradient_b5493b {
    background-image: linear-gradient(130.41deg,#ff52d2 7.43%,#b940ff 82.67%)
}

.blueGradient_b5493b {
    background-image: linear-gradient(130.41deg,#0fb3ff 7.43%,#b940ff 82.67%)
}

.relative_b5493b {
    position: relative
}

.nitroGradientBackground_b5493b {
    background: radial-gradient(100% 100% at 50% 0,var(--card-background-default) 60%,var(--transparent) 100%),linear-gradient(90deg,var(--expressive-gradient-green-end) 0,var(--expressive-gradient-green-start) 100%)
}

.section__3af27 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 1066px;
    width: calc(100% - 32px)
}

.heading__3af27 {
    margin: 0 24px 16px;
    text-align: center
}

.sectionHeader__3af27 {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.sectionHeaderSeeAll__3af27 {
    flex-grow: 1;
    text-align: center
}

.confettiCanvas__3af27 {
    height: 100%;
    inset-inline-start: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.container__3af27 {
    display: flex
}

.sectionHeader__3af27 .heading__3af27 {
    flex-grow: 1;
    text-align: start
}

.subtitle__3af27 {
    margin: 0 24px 24px;
    max-width: 544px
}

.subtitleWithButton__3af27 {
    margin: 0 24px 16px;
    max-width: 544px
}

.centerAlignSubtitle__3af27,.leftAlignSection__3af27 {
    position: relative
}

.leftAlignSubtitle__3af27 {
    text-align: start
}

.centerAlignSubtitle__3af27 {
    text-align: center
}

.moreSubtitleMargin__3af27 {
    margin-bottom: 32px
}

.section__3af27.noBackground__3af27 .subtitle__3af27 {
    max-width: unset
}

.fullWidth__3af27 {
    max-width: 100%
}

.cardContainer__3af27,.cardContainerNarrowWidth__3af27 {
    display: grid;
    gap: 16px;
    justify-content: center;
    min-height: 380px;
    width: 100%
}

.cardContainer__3af27 {
    grid-template-columns: 1fr
}

.cardContainerNarrowWidth__3af27 {
    grid-template-columns: 1fr 1fr
}

@media (min-width: 960px) {
    .cardContainer__3af27 {
        grid-template-columns:1fr 1fr 1fr
    }
}

.centerAlignSection__3af27 {
    align-items: center
}

.leftAlignSection__3af27 {
    align-items: start
}

.showAllPerksButton__3af27 {
    margin-inline-start:auto;z-index: 9
}

.showAllPerksButtonCenter__3af27 {
    align-items: center;
    margin-bottom: 24px;
    z-index: 9
}

.footer__3af27 {
    margin-bottom: 64px
}

.container__893f1 {
    flex-direction: column;
    max-height: 600px
}

.container__893f1,.containerInner__893f1 {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%
}

.containerInner__893f1 {
    flex-direction: row;
    height: 100px;
    margin-inline-start:-182px;position: absolute;
    top: 60px
}

.content__893f1 {
    flex: 1;
    min-width: 500px;
    position: relative
}

.backButton__893f1 {
    align-items: center;
    background-color: var(--background-base-low);
    border-radius: 24px;
    color: var(--white);
    cursor: pointer;
    display: flex;
    font-family: gg sans;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    line-height: 18px;
    padding-block:4px;padding-inline:16px 20px}

.backButton__893f1:hover {
    background-color: var(--background-base-lower)
}

.backButtonContainer__893f1 {
    margin-inline-end:92px}

.headerArt__893f1 {
    margin-top: -48px;
    min-height: 400px;
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none;
    width: 100%
}

.theme-light .backButton__893f1 {
    background-color: var(--opacity-white-20)
}

.theme-light .backButton__893f1:hover {
    background-color: var(--opacity-white-28)
}

@media (max-width: 1282px) {
    .backButtonContainer__893f1 {
        inset-inline-start:10px;
        position: absolute;
        top: -40px
    }

    .containerInner__893f1 {
        margin-inline-start:0}
}

.cardContainer__3f7d1 {
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr;
    justify-content: center;
    min-height: 385px;
    padding-bottom: 20px;
    padding-inline-start:4px;position: relative;
    width: 100%
}

.cardInnerContainer__3f7d1 {
    align-items: center;
    display: flex;
    justify-content: start;
    margin-inline-start:6px;overflow: hidden;
    padding: 5px;
    position: relative
}

.card__3f7d1 {
    display: flex;
    height: calc(100% - 20px);
    max-width: 348px;
    padding: 5px;
    position: absolute;
    transition: width .1s ease-in-out,height .1s ease-in-out,padding .1s ease-in-out
}

.perkInfo__3f7d1 {
    display: flex;
    height: 100%;
    width: 100%
}

.inactiveArrow__3f7d1,.leftArrow__3f7d1,.rightArrow__3f7d1 {
    align-items: center;
    background-color: var(--background-base-low);
    border-radius: 100%;
    box-shadow: var(--shadow-low);
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    z-index: 9999
}

.leftArrow__3f7d1:hover,.rightArrow__3f7d1:hover {
    box-shadow: var(--shadow-low)
}

.leftArrow__3f7d1:active,.rightArrow__3f7d1:active {
    box-shadow: var(--shadow-low-hover)
}

.rightArrow__3f7d1 {
    inset-inline-end: -1px
}

.leftArrow__3f7d1 {
    inset-inline-start: 0
}

.cardProgressBar__3f7d1 {
    align-items: center;
    background-color: var(--background-base-lower);
    border-radius: 14px;
    bottom: -16px;
    display: flex;
    gap: 4px;
    inset-inline-start: 50%;
    justify-content: center;
    margin: 5px;
    padding: 6px 18px;
    position: absolute;
    transform: translateX(-50%)
}

.dot__3f7d1,.selectedDot__3f7d1 {
    background-color: var(--background-mod-muted);
    border-radius: 50%;
    height: 6px;
    transition: background-color 1s ease;
    width: 6px
}

.selectedDot__3f7d1 {
    background-color: var(--interactive-text-default)
}

@media screen and (max-width: 1330px) {
    .card__3f7d1 {
        padding-inline:10px;
        width: 280px
    }
}

.arrowIcon__3f7d1 {
    height: 32px;
    width: 32px
}

.inactiveArrow__3f7d1 {
    box-shadow: var(--shadow-ledge);
    cursor: default
}

.inactiveArrow__3f7d1 .arrowIcon__3f7d1 {
    fill: var(--icon-muted)
}

.theme-dark .leftArrow__3f7d1,.theme-dark .rightArrow__3f7d1 {
    background-color: var(--primary-530)
}

.theme-dark .leftArrow__3f7d1:hover,.theme-dark .rightArrow__3f7d1:hover {
    background-color: var(--primary-600)
}

.theme-dark .leftArrow__3f7d1:active .arrowIcon__3f7d1,.theme-dark .rightArrow__3f7d1:active .arrowIcon__3f7d1 {
    fill: var(--white)
}

.theme-dark .inactiveArrow__3f7d1 {
    background-color: var(--primary-530)
}

.theme-light .leftArrow__3f7d1,.theme-light .rightArrow__3f7d1 {
    background-color: var(--white);
    fill: var(--primary-500)
}

.theme-light .leftArrow__3f7d1:active .arrowIcon__3f7d1,.theme-light .rightArrow__3f7d1:active .arrowIcon__3f7d1 {
    fill: var(--primary-860)
}

.theme-light .inactiveArrow__3f7d1 {
    background-color: var(--white)
}

.leftArrow__3f7d1,.rightArrow__3f7d1 {
    box-shadow: var(--shadow-low)
}

.leftArrow__3f7d1 .arrowIcon__3f7d1,.rightArrow__3f7d1 .arrowIcon__3f7d1 {
    fill: var(--text-default)
}

.leftArrow__3f7d1:active,.rightArrow__3f7d1:active {
    background-color: var(--background-base-low)
}

.hammerContainer__01bd8 {
    inset-inline-start: 100%;
    top: -25px
}

.hammerContainer__01bd8,.keyContainer__01bd8 {
    pointer-events: none;
    position: absolute
}

.keyContainer__01bd8 {
    bottom: -50px;
    inset-inline-end: 100%
}

@container premium-marketing-page-container (max-width: 720px) {
    .hammerTrinket__01bd8 {
        height: 62px
    }

    .keyTrinket__01bd8 {
        height: 60px
    }
}

.container_fab2fa {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    justify-content: center;
    max-width: 1100px;
    padding: var(--space-64) var(--space-32) var(--space-64);
    text-align: center;
    width: 100%
}

.backButtonContainer_fab2fa {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    margin-inline-start:var(--space-16);z-index: 1
}

.content_fab2fa {
    grid-column: 1;
    grid-row: 1;
    position: relative
}

.headerContainer_fab2fa {
    justify-self: center;
    margin: 0 130px;
    max-width: 600px;
    min-width: -moz-min-content;
    min-width: min-content;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.container__80907 {
    --custom-content-width-with-padding: calc(100% - 32px);
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 100%
}

.responsiveContainer__80907 {
    container-name: premium-marketing-page-container;
    container-type: inline-size
}

.hiddenGradient__80907:before {
    display: none
}

.perksDiscoverability__80907,.whatsNew__80907 {
    margin-bottom: 64px
}

.perksCards__80907 {
    width: var(--custom-content-width-with-padding)
}

.manageMembership__80907 {
    margin-top: 64px;
    min-height: 111px
}

.giftNitro__80907 {
    margin-top: 64px;
    width: var(--custom-content-width-with-padding)
}

.seeAllPerksButton__80907 {
    background: var(--background-surface-high);
    border-radius: 4px;
    box-shadow: 0 12px 36px 0 var(--opacity-black-16);
    color: var(--text-default);
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: var(--font-weight-normal);
    padding-block:8px;padding-inline:16px 8px}

.seeAllPerksButton__80907:hover {
    background: linear-gradient(120deg,var(--premium-tier-2-purple-for-gradients) 20%,var(--premium-tier-2-purple-for-gradients-2) 50%,var(--premium-tier-2-pink-for-gradients) 80%)
}

.seeAllPerksButtonContent__80907 {
    align-items: center;
    display: flex
}

.footerSpacing__80907 {
    height: 180px
}

.bottomIllustration__80907 {
    bottom: 0;
    filter: saturate(var(--saturation-factor,1));
    position: absolute
}

.heroHeading__80907 {
    margin-bottom: 16px;
    width: var(--custom-content-width-with-padding)
}

.heading__80907 {
    align-self: start;
    margin: 0 32px 16px;
    text-align: start
}

.column__80907 {
    display: flex;
    flex-direction: column;
    margin-top: -128px;
    max-width: 1100px;
    width: 100%
}

.column__80907.premiumBrandRefresh__80907 {
    margin-top: 0
}

.bottomOfPageVisibilitySensor__80907 {
    bottom: 0;
    height: 300px;
    position: absolute
}

.mainPageScroller__80907 {
    background: var(--background-gradient-chat,var(--background-base-low));
    contain: layout size
}

.custom-client-theme .mainPageScroller__80907 {
    background: var(--background-base-low)
}

.allPerksScroller__80907 {
    background: var(--background-gradient-chat,var(--background-base-low));
    contain: layout size;
    height: calc(100% - 48px);
    inset-inline-start: 100%;
    position: absolute;
    top: 48px;
    transition: left .75s ease-in-out;
    width: 100%
}

.allPerksScroller__80907.open__80907 {
    inset-inline-start: 0
}

.openCloseReduceMotion__80907 {
    transition: none
}

.cardCarousel__80907 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 64px;
    width: 100%
}

.theme-light .seeAllPerksButton__80907 {
    border: 1px solid var(--border-subtle)
}

.loading__80907 {
    align-items: center;
    display: flex;
    height: 520px;
    justify-content: center
}

.premiumBrandRefreshGradientBackground__80907 {
    position: absolute;
    top: 0;
    z-index: -1
}

.container__2e50f {
    border-radius: 20px;
    container-name: animated-border-card-container;
    container-type: inline-size;
    filter: saturate(var(--saturation-factor,1));
    overflow: visible;
    position: relative;
    width: 100%
}

.glowAnimation__2e50f {
    filter: blur(var(--custom-blur-amount)) saturate(var(--saturation-factor,1)) hue-rotate(var(--custom-hue-rotate,0deg));
    height: calc(100% + var(--custom-glow-amount)*2 + 2px);
    inset-inline-start: calc(var(--custom-glow-amount)*-1 - 1px);
    pointer-events: none;
    position: absolute;
    top: calc(var(--custom-glow-amount)*-1 - 1px);
    width: calc(100% + var(--custom-glow-amount)*2 + 2px)
}

.card__2e50f {
    border-radius: 20px;
    border-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    width: 100%
}

@container animated-border-card-container (min-width: 960px) {
    .card__2e50f {
        flex-direction: row
    }
}

.baseContainer__40d5b {
    container-name: premium-marketing-page-container;
    container-type: inline-size;
    filter: saturate(var(--saturation-factor,1));
    max-width: 1066px;
    overflow: visible
}

.baseContainer__40d5b,.card__40d5b {
    border-radius: 20px;
    position: relative;
    width: 100%
}

.card__40d5b {
    border-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.video__40d5b {
    height: 100%;
    inset: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%
}

.betaBadge__40d5b {
    margin-bottom: 12px
}

.progressContainer__40d5b {
    width: 75%
}

.bannerImageContainer__40d5b {
    flex: 0 0 auto;
    height: 250px;
    overflow: visible;
    position: relative
}

.bannerImage__40d5b,.bannerImageContainer__40d5b {
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.bannerImage__40d5b {
    height: 100%;
    inset: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    transform: scaleX(-1)
}

.textContainer__40d5b {
    align-items: flex-start;
    background-color: var(--card-background-default);
    display: flex;
    flex: 1 1 100%;
    flex-direction: column;
    justify-content: center;
    padding: var(--space-48) var(--space-24);
    position: relative;
    z-index: 1
}

.heading__40d5b {
    margin-bottom: var(--space-12)
}

.actionButtonContainer__40d5b {
    margin-top: var(--space-24)
}

.totalLifetimeRewardsContainer__40d5b {
    align-items: center;
    color: var(--text-muted);
    display: flex;
    gap: var(--space-4);
    margin-top: var(--space-12)
}

.stackedGradientOverlay__40d5b {
    background: linear-gradient(to bottom,transparent 0,color-mix(in srgb,var(--card-background-default) 70%,transparent) 50%,var(--card-background-default) 100%);
    position: absolute;
    top: auto;
    inset-inline: 0;
    bottom: 0;
    height: 100px
}

@container premium-marketing-page-container (min-width: 720px) {
    .card__40d5b {
        flex-direction: row;
        height: 350px
    }

    .bannerImageContainer__40d5b {
        height: auto;
        margin-inline-end:0;min-width: 0;
        width: 50%;
        z-index: 0
    }

    .bannerImage__40d5b {
        -o-object-position: center;
        object-position: center
    }

    .textContainer__40d5b {
        background-color: transparent;
        padding-block:var(--space-48);padding-inline: var(--space-32);
        width: 50%;
        z-index: auto
    }

    .heading__40d5b,.textContainer__40d5b {
        color: var(--white)
    }

    .bodyText__40d5b,.totalLifetimeRewardsContainer__40d5b {
        color: hsl(var(--white-hsl)/.6)
    }

    .bodyText__40d5b a {
        color: var(--blue-new-27)
    }

    .bodyText__40d5b a: hover {
        color:var(--blue-new-31)
    }

    .stackedGradientOverlay__40d5b {
        display: none
    }
}

@container premium-marketing-page-container (min-width: 960px) {
    .textContainer__40d5b {
        flex: 0 0 40%;
        max-width: 40%;
        padding-inline:var(--space-24)}

    .bannerImage__40d5b {
        -o-object-position: calc(100% + 250px) center;
        object-position: calc(100% + 250px) center
    }

    .bannerImageContainer__40d5b {
        margin-inline-end:0}
}

.container__72cd3 {
    align-items: center;
    border-radius: 0 0 var(--radius-sm) var(--radius-sm);
    bottom: 0;
    display: flex;
    inset-inline: 0;
    justify-content: space-between;
    padding: var(--space-8);
    position: absolute
}

.textSection__72cd3 {
    display: flex;
    flex-direction: column;
    gap: 2px;
    justify-content: center;
    margin-inline-start:var(--space-16);max-width: 57%
}

.avatar__72cd3 {
    bottom: 8px;
    inset-inline-end: 8px;
    position: absolute;
    width: 120px
}

.full-motion .avatar__72cd3 {
    bottom: -4px;
    inset-inline-end: -4px;
    width: 136px
}

.pricePerInterval_fd0764 {
    font-weight: 200;
    margin-bottom: 18px
}

.price_fd0764 {
    font-weight: var(--font-weight-bold)
}

.priceSpinner_fd0764 {
    display: flex;
    height: 22px;
    justify-content: flex-start;
    margin-bottom: 18px
}

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

.firstPromotionalAvatar__55414 {
    z-index: 1
}

.secondPromotionalAvatar__55414 {
    margin-inline-end:-18px}

.container__55414 {
    display: flex;
    flex-direction: row-reverse
}

.promotionalGiftMessage__6fbbd {
    border-radius: 0 0 16px 16px;
    display: flex;
    flex-direction: row;
    inset-inline-end: 24px;
    justify-content: space-between;
    min-height: 24px;
    padding: 12px 24px;
    position: relative;
    top: 24px;
    width: 100%
}

.promotionalTextSection__6fbbd {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-inline-end:12px}

.avatar__6fbbd {
    bottom: -15px;
    inset-inline-end: 0;
    position: absolute
}

.trialHeader__784e4 {
    margin-bottom: 18px;
    max-width: 60%
}

.price__784e4 {
    margin: 0 0 8px
}

.price__784e4:last-of-type {
    margin: 0 0 18px
}

.container__33718 {
    align-items: center;
    background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.1) 50%,hsla(0,0%,100%,0));
    display: flex;
    height: 36px
}

.text__33718 {
    margin-inline-start:6px}

.textWithAD__33718 {
    margin-inline-start:9px}

.premiumCards__6df1a {
    display: flex;
    gap: var(--space-32);
    width: 100%
}

.premiumCardHover__6df1a {
    transition: transform .4s linear(0,.372 7.6%,.658 15.6%,.866 24.2%,.942 28.8%,1.002 33.7%,1.036 37.8%,1.061 42.2%,1.075 46.9%,1.08 52%,1.069 61%,1.011 85%,1)
}

.premiumCardHover__6df1a:hover {
    position: relative;
    transform: scale(1.0975) translateZ(0);
    z-index: 1
}

.tier2ApplicationHomeSubheader__6df1a {
    margin-bottom: var(--space-16)
}

.applicationHomeCard__6df1a {
    border-radius: var(--radius-lg)!important;
    box-sizing: border-box;
    height: 470px;
    margin: 0 auto;
    width: 390px
}

.applicationHomeCard__6df1a.narrow__6df1a {
    width: 354px
}

.card__6df1a {
    background: var(--background-surface-high);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    display: flex;
    flex-direction: column;
    padding: var(--space-24);
    position: relative;
    text-align: start
}

.card__6df1a.withGiftBanner__6df1a {
    padding-bottom: 90px
}

.card__6df1a.borderGradient__6df1a {
    background: var(--background-surface-high);
    border: none;
    position: relative
}

.card__6df1a.borderGradient__6df1a:after {
    background: linear-gradient(to bottom,var(--illo-pink-50) 0,var(--illo-nitro-blue) 100%);
    border-radius: calc(var(--radius-sm) + 1px);
    content: "";
    inset: -1px;
    opacity: .8;
    position: absolute;
    z-index: -1
}

.card__6df1a.borderGradient__6df1a.applicationHomeCard__6df1a:after {
    border-radius: var(--radius-lg)
}

.tier0__6df1a.pillMargin__6df1a {
    margin-top: var(--space-24)
}

.wordmark__6df1a {
    margin-bottom: var(--space-8);
    min-height: 25px;
    width: -moz-fit-content;
    width: fit-content
}

.wumpus__6df1a {
    position: absolute;
    z-index: 1
}

.wumpus__6df1a.inCard__6df1a {
    inset-inline-end: 24px;
    top: 30px
}

.wumpus__6df1a.outerCorner__6df1a {
    height: 165px;
    inset-inline-end: -33px;
    top: -40px
}

.wumpus__6df1a.insideCorner__6df1a {
    inset-inline-end: 10px;
    top: -20px
}

.bigCloud__6df1a {
    opacity: .62;
    position: absolute;
    width: 86px
}

.bigCloud__6df1a.inCard__6df1a {
    inset-inline-end: 8px;
    top: 12px
}

.bigCloud__6df1a.insideCorner__6df1a,.bigCloud__6df1a.outerCorner__6df1a {
    inset-inline-end: 140px;
    top: 105px;
    width: 40px
}

.smallCloud__6df1a {
    opacity: .42;
    position: absolute;
    width: 47px
}

.smallCloud__6df1a.inCard__6df1a {
    inset-inline-end: 172px;
    top: 40px
}

.smallCloud__6df1a.insideCorner__6df1a,.smallCloud__6df1a.outerCorner__6df1a {
    inset-inline-end: 172px;
    top: 65px
}

.divider__6df1a {
    margin: var(--space-16) 0;
    opacity: .1;
    z-index: 0
}

.firstFeatureItemContainer__6df1a {
    max-width: 250px
}

.featureItem__6df1a {
    align-items: center;
    color: var(--text-default);
    display: flex;
    flex-direction: row;
    margin-bottom: var(--space-8)
}

.featureItem__6df1a:last-child {
    margin-bottom: 0
}

.featureItemApplicationHome__6df1a {
    margin-bottom: var(--space-12)
}

.promotionalBackgroundImage__6df1a {
    inset-inline-end: 0;
    position: absolute;
    top: 0;
    transform: scale(50%);
    transform-origin: top right
}

.priceHeader__6df1a {
    margin-top: var(--space-4)
}

.pill__6df1a {
    inset-inline-start: 50%;
    position: absolute;
    top: 1px;
    transform: translate(-50%,-50%)
}

.CTAButton__6df1a {
    display: flex;
    margin-top: auto;
    padding-top: 0;
    width: 100%
}

.premiumCardsContainer__6df1a {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.premiumCardsHeader__6df1a {
    font-style: italic;
    margin-bottom: var(--space-64);
    text-align: center;
    text-transform: uppercase
}

.tier0CardOrder__6df1a {
    order: 0
}

.tier2CardOrder__6df1a {
    order: 1
}

.premiumGroupCardOrder__6df1a {
    order: 2
}

@container premium-marketing-page-container (max-width: 960px) {
    .premiumCards__6df1a {
        flex-direction: column
    }

    .tier0CardOrder__6df1a {
        order: 1
    }

    .tier2CardOrder__6df1a {
        order: 0
    }
}

.cardTitle__6df1a {
    font-size: 32px;
    font-style: italic;
    line-height: 27px;
    text-transform: uppercase
}

.betaPill__6df1a,.cardTitle__6df1a {
    margin-bottom: 8px
}

.cardHeader__6df1a {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.boxBackdrop_b0db00 {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%
}

.bentoSectionHeader_b0db00 {
    font-style: italic;
    margin-bottom: var(--space-32);
    text-transform: uppercase
}

.bentoBoxesGrid_b0db00 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1105px;
    row-gap: var(--space-32)
}

.bentoBoxButton_b0db00 {
    margin-top: var(--space-24)
}

.backgroundColor_b0db00 {
    background: var(--background-surface-high)
}

.description_b0db00 {
    display: inline;
    flex-direction: column;
    gap: var(--space-12);
    margin-top: var(--space-12)
}

.badgeContainer_b0db00 {
    margin-bottom: var(--space-8)
}

.badge_b0db00 {
    align-items: center;
    background: linear-gradient(90deg,#db00a4,#5968f0);
    border-radius: 19px;
    justify-content: center;
    padding: 0 var(--space-4);
    text-transform: uppercase;
    width: -moz-fit-content;
    width: fit-content
}

.boxVideo_b0db00 {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.header_b0db00 {
    -webkit-hyphens: auto;
    hyphens: auto;
    word-break: break-word
}

.boxArtContainer_b0db00.large_b0db00 {
    align-content: right;
    order: 0;
    position: relative;
    width: 100%
}

.boxArtContainer_b0db00.medium_b0db00 {
    height: 288px;
    order: 1;
    position: relative
}

.boxArtContainer_b0db00.small_b0db00 {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 348px;
    justify-content: flex-end;
    order: 1;
    overflow: hidden;
    position: relative
}

.boxContainer_b0db00.large_b0db00 {
    border-radius: var(--radius-lg);
    display: flex;
    flex-direction: row;
    height: 400px;
    padding: var(--space-12);
    width: 100%
}

.boxContainer_b0db00.large_b0db00.overlayMode_b0db00 {
    overflow: hidden;
    padding: 0
}

.boxContainer_b0db00.medium_b0db00,.boxContainer_b0db00.small_b0db00 {
    border-radius: var(--radius-lg);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: var(--space-12) var(--space-12) var(--space-24)
}

.boxContainer_b0db00.medium_b0db00 {
    width: calc(50% - 16px)
}

.boxContainer_b0db00.small_b0db00 {
    width: calc(33.33333% - 21.33333px)
}

.boxContainer_b0db00.overlayImageMode_b0db00 {
    padding: 0 0 var(--space-24)
}

.boxContainer_b0db00.overlayImageMode_b0db00 .boxArtContainer_b0db00 {
    background-color: #000;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    overflow: hidden
}

.boxContainer_b0db00.overlayImageMode_b0db00 .boxVideo_b0db00 {
    -o-object-fit: cover;
    object-fit: cover
}

.boxContainer_b0db00.large_b0db00.overlayImageMode_b0db00 {
    overflow: hidden;
    padding: 0
}

.textBox_b0db00.large_b0db00 {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    min-width: 334px;
    order: 0;
    padding: 0 var(--space-24)
}

.textBox_b0db00.medium_b0db00,.textBox_b0db00.small_b0db00 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    order: 2
}

.textBox_b0db00.medium_b0db00 {
    margin: var(--space-24) var(--space-32) var(--space-32)
}

.textBox_b0db00.small_b0db00 {
    margin-top: var(--space-12)
}

.gradientBackground_b0db00:before {
    opacity: .3
}

.overlayTextBox_b0db00 {
    inset-inline-start: var(--space-12);
    z-index: 1
}

.backgroundVideoContainer_b0db00 {
    border-radius: var(--radius-lg);
    overflow: hidden;
    z-index: 0
}

.backgroundVideo_b0db00,.backgroundVideoContainer_b0db00 {
    height: 100%;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.backgroundVideo_b0db00,.overlayImage_b0db00 {
    -o-object-fit: cover;
    object-fit: cover
}

.overlayImage_b0db00 {
    height: 100%;
    -o-object-position: 40% center;
    object-position: 40% center;
    width: 100%
}

@container premium-marketing-page-container (max-width: 960px) {
    .boxArtContainer_b0db00.medium_b0db00 {
        height: 225px
    }

    .textBox_b0db00.large_b0db00 {
        min-width: 280px
    }
}

@container premium-marketing-page-container (max-width: 720px) {
    .bentoSectionHeader_b0db00 {
        margin-bottom: var(--space-24)
    }

    .backgroundVideoContainer_b0db00 {
        display: none
    }

    .header_b0db00 {
        font-size: 24px
    }

    .boxContainer_b0db00.large_b0db00,.boxContainer_b0db00.medium_b0db00,.boxContainer_b0db00.small_b0db00 {
        border-radius: var(--radius-lg);
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        height: unset;
        padding: 0 0 var(--space-24);
        width: 100%
    }

    .boxArtContainer_b0db00.large_b0db00,.boxArtContainer_b0db00.medium_b0db00,.boxArtContainer_b0db00.small_b0db00 {
        height: 360px;
        order: 1;
        position: relative
    }

    .overlayMode_b0db00 .boxArtContainer_b0db00 {
        background-color: #000;
        border-radius: var(--radius-lg) var(--radius-lg) 0 0;
        overflow: hidden
    }

    .overlayMode_b0db00 .overlayImage_b0db00 {
        -o-object-position: center center;
        object-position: center center
    }

    .textBox_b0db00.large_b0db00,.textBox_b0db00.small_b0db00 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: var(--space-24) var(--space-24) var(--space-32);
        order: 2;
        padding: unset;
        width: unset
    }
}

.boxBackdrop_abac7b {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%
}

.bentoBoxesGrid_abac7b {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 16px 16px 0;
    max-width: 1064px;
    row-gap: 16px
}

.referralProgramBackground_abac7b,.yourStyleBackground_abac7b {
    background: linear-gradient(180deg,#000,#19033d)
}

.customThemesBackground_abac7b,.displayNameStylesBackground_abac7b,.serverProfilesBackground_abac7b,.yourSpaceBackground_abac7b {
    background: linear-gradient(180deg,#000,#2a1332)
}

.noLimitsBackground_abac7b {
    background: linear-gradient(180deg,#000,#36266d)
}

.emojisBackground_abac7b {
    background: linear-gradient(180deg,#000,#031a3b)
}

.theme-light .referralProgramBackground_abac7b,.theme-light .yourStyleBackground_abac7b {
    background: linear-gradient(180deg,#f7f7fe 22.95%,#a9b7ff 153.33%)
}

.theme-light .serverProfilesBackground_abac7b {
    background: linear-gradient(180deg,#f7f7fe 50%,#ffc6fd 153.33%)
}

.theme-light .customThemesBackground_abac7b,.theme-light .displayNameStylesBackground_abac7b,.theme-light .yourSpaceBackground_abac7b {
    background: linear-gradient(180deg,#f7f7fe 50%,#ffc6fd 153.33%)
}

.theme-light .noLimitsBackground_abac7b {
    background: linear-gradient(180deg,#f7f7fe 22.95%,#b6b9fc 153.33%)
}

.theme-light .emojisBackground_abac7b {
    background: linear-gradient(180deg,#f7f7fe 22.95%,#b6ddfc 153.33%)
}

.bentoSideGradient_abac7b {
    background: radial-gradient(45% 70% at -22% 50%,#ff70f9 0,transparent 100%),radial-gradient(45% 70% at -22% 50%,#ff903f 0,transparent 100%);
    height: 900px;
    inset-inline-start: calc(50% - 50vw);
    opacity: .4;
    pointer-events: none;
    position: absolute;
    top: calc(100% - 509px);
    width: 100vw
}

.boxVideo_abac7b {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.elevateProfileVideo_abac7b,.shareNitroVideo_abac7b {
    height: 70%;
    width: unset
}

.shareNitroVideo_abac7b {
    position: absolute;
    top: 50px
}

.header_abac7b p {
    margin: 0
}

.description_abac7b {
    display: flex;
    flex-direction: column;
    gap: var(--space-12)
}

.description_abac7b p {
    margin: 0
}

.bentoBoxButton_abac7b {
    width: -moz-fit-content;
    width: fit-content
}

.boxesSubHeader_abac7b {
    margin-bottom: 10px
}

.bentoSectionHeader_abac7b {
    font-style: italic;
    text-transform: uppercase
}

.boxArtContainer_abac7b.large_abac7b {
    align-content: end;
    flex: 1;
    order: 0;
    position: relative
}

.boxArtContainer_abac7b.medium_abac7b {
    height: 316px;
    order: 1;
    position: relative
}

.boxArtContainer_abac7b.small_abac7b {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 348px;
    justify-content: flex-end;
    order: 1;
    overflow: hidden;
    position: relative
}

.boxContainer_abac7b.large_abac7b {
    border-radius: 16px;
    display: flex;
    flex-direction: row;
    width: 100%
}

.boxContainer_abac7b.medium_abac7b,.boxContainer_abac7b.small_abac7b {
    border-radius: 16px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column
}

.boxContainer_abac7b.medium_abac7b {
    padding: 24px;
    width: calc(50% - 8px)
}

.boxContainer_abac7b.small_abac7b {
    padding: 0 24px 24px;
    width: calc(33.33333% - 10.66667px)
}

.textBox_abac7b.large_abac7b {
    gap: 24px;
    margin-inline-end:13px;order: 0;
    padding: 24px;
    width: 222px
}

.textBox_abac7b.large_abac7b,.textBox_abac7b.medium_abac7b,.textBox_abac7b.small_abac7b {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.textBox_abac7b.medium_abac7b,.textBox_abac7b.small_abac7b {
    gap: 16px;
    margin-top: 16px;
    order: 2
}

.header_abac7b.large_abac7b {
    max-width: 95%
}

.header_abac7b.large_abac7b,.header_abac7b.medium_abac7b,.header_abac7b.small_abac7b {
    -webkit-hyphens: auto;
    hyphens: auto;
    word-break: break-word
}

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

.bentoBoxButtonBrand_abac7b {
    border-color: var(--control-secondary-border-default);
    color: var(--control-secondary-border-default)!important
}

.bentoBoxButtonBrand_abac7b:hover {
    color: var(--white)!important
}

@container premium-marketing-page-container (max-width: 720px) {
    .header_abac7b.large_abac7b,.header_abac7b.medium_abac7b {
        font-size: 24px;
        font-style: normal;
        font-weight: 800;
        line-height: 30px
    }

    .textBox_abac7b.large_abac7b {
        gap: 16px;
        width: 121px
    }

    .boxArtContainer_abac7b.medium_abac7b {
        height: unset
    }

    .boxArtContainer_abac7b.small_abac7b {
        height: 212px
    }
}

@container premium-marketing-page-container (max-width: 720px) and (min-width: 540px) {
    .header_abac7b.small_abac7b {
        font-size: 20px;
        font-style: normal;
        font-weight: 800;
        line-height: 24px
    }
}

@container premium-marketing-page-container (max-width: 540px) {
    .boxContainer_abac7b.large_abac7b,.boxContainer_abac7b.small_abac7b {
        flex-direction: column;
        padding: 0 24px 24px;
        width: 100%
    }

    .textBox_abac7b.large_abac7b {
        margin: 16px 0 0;
        order: 1;
        padding: 0;
        width: 100%
    }

    .boxArtContainer_abac7b.small_abac7b {
        height: 330px;
        position: relative
    }

    .elevateProfileVideo_abac7b,.shareNitroVideo_abac7b {
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        position: relative;
        top: 0;
        width: 100%
    }
}

.badgeContainer_abac7b {
    margin-bottom: var(--space-8)
}

.badge_abac7b {
    align-items: center;
    background: linear-gradient(90deg,#db00a4,#5968f0);
    border-radius: 19px;
    justify-content: center;
    padding: 0 var(--space-4);
    text-transform: uppercase;
    width: -moz-fit-content;
    width: fit-content
}

.wrapper__70f7f {
    bottom: 0;
    display: flex;
    inset-inline-start: 0;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    position: sticky;
    width: 100%;
    z-index: 10
}

.fullscreenWrapper__70f7f {
    margin-bottom: 42px
}

.innerWrapperBase__70f7f {
    align-items: center;
    background-color: var(--background-surface-higher);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-border),var(--shadow-high);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    padding: 16px;
    pointer-events: all;
    position: relative
}

.innerWrapper__70f7f {
}

.innerWrapper__70f7f:after,.innerWrapper__70f7f:before {
    border: 2px solid transparent;
    border-radius: inherit;
    box-sizing: border-box;
    content: "";
    height: 100%;
    inset-inline-start: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.innerWrapper__70f7f:after {
    border-color: var(--guild-boosting-blue);
    -webkit-mask: linear-gradient(0deg,#000,transparent);
    mask: linear-gradient(0deg,#000,transparent)
}

.innerWrapper__70f7f:before {
    border-color: var(--guild-boosting-purple)
}

.innerWrapperApplicationHome__70f7f {
}

.innerWrapperApplicationHome__70f7f:after,.innerWrapperApplicationHome__70f7f:before {
    border: 2px solid transparent;
    border-radius: inherit;
    box-sizing: border-box;
    content: "";
    height: 100%;
    inset-inline-start: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.innerWrapperApplicationHome__70f7f:after {
    border-color: #5968f0;
    -webkit-mask: linear-gradient(0deg,#000,transparent);
    mask: linear-gradient(0deg,#000,transparent)
}

.innerWrapperApplicationHome__70f7f:before {
    border-color: #db00a4
}

.invisible__70f7f>.innerWrapper__70f7f {
    pointer-events: none
}

.theme-light .innerWrapper__70f7f {
    background-color: var(--background-base-lower)
}

.button__70f7f {
    border-radius: 4px;
    min-width: 160px
}

.button__70f7f:first-child {
    margin-inline-end:16px}

.subButton__70f7f {
    color: var(--brand-500)!important
}

.tier2Gradient__70f7f {
    background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color);
    color: var(--white)
}

.root__26dae {
    display: flex;
    flex-direction: column;
    max-width: 945px;
    width: 100%
}

.titleText__26dae {
    justify-content: center;
    margin-bottom: 44px;
    text-align: center
}

.logo__26dae {
    width: 100px
}

.table__26dae {
    border-collapse: separate;
    border-spacing: 10px 20px;
    display: flex;
    flex-direction: column;
    margin-bottom: 27px;
    padding: 0 40px
}

.headerRow__26dae,.row__26dae {
    display: flex;
    flex-direction: row;
    z-index: 5
}

.headerRow__26dae {
    height: 40px;
    margin-top: 24px
}

.row__26dae {
    min-height: 57px
}

.rowBottomBorder__26dae {
    border-bottom: 1px solid var(--interactive-background-active)
}

.cell__26dae,.headerCell__26dae {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 170px
}

.headerCell__26dae {
    justify-content: start
}

.cell__26dae {
    justify-content: center
}

.headerLabelCell__26dae,.labelCell__26dae {
    display: flex;
    flex: 1;
    justify-content: flex-start;
    text-align: start
}

.headerLabelCell__26dae {
    align-items: start
}

.labelCell__26dae {
    align-items: center;
    margin: 12px 0
}

.closeIcon__26dae {
    color: var(--icon-muted)
}

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

.button__26dae {
    height: 40px;
    width: 180px
}

.tableWrapper__26dae {
    padding: 2px;
    position: relative
}

.backgroundGradient__26dae {
    background: linear-gradient(90deg,#db00a4,#5968f0);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 2px
}

.tier0ColumnPosition__26dae {
    height: 100%;
    inset-inline-end: 208px;
    position: absolute;
    top: 0
}

.tier2ColumnPosition__26dae {
    height: 100%;
    inset-inline-end: 40px;
    position: absolute;
    top: 0
}

.tier0ColumnOuter__26dae {
    border-radius: var(--radius-lg)
}

.tier0ColumnOuter__26dae,.tier2ColumnOuter__26dae {
    height: 100%;
    width: 174px;
    z-index: 9
}

.tier2ColumnOuter__26dae {
    border-radius: 16px;
    margin-top: -26px
}

.tier2Pill__26dae {
    border-radius: 16px;
    inset-inline-end: 0;
    position: absolute;
    top: 0;
    width: 212px;
    z-index: 9
}

.topBorderRadius__26dae {
    border-start-end-radius: 16px;
    border-start-start-radius: 16px
}

.comparisonTablePill__26dae {
    background: linear-gradient(90deg,#db00a4,#5968f0);
    border-radius: 8px;
    margin: auto;
    max-height: 24px;
    max-width: 80px;
    padding: 4px 8px;
    position: relative;
    top: -12px;
    z-index: 10
}

.mostPopularText__26dae {
    text-align: center;
    text-transform: uppercase
}

.mostPopularText__26dae,.rowLabelText__26dae {
    color: var(--white)
}

.theme-light .rowLabelText__26dae {
    color: var(--black)
}

.basicCheckMark__26dae {
    color: #68bdff
}

.premiumCheckMark__26dae {
    color: #fe58d5
}

.bottomMargin__26dae,.section__26dae {
    margin-bottom: 30px
}

.jumpingWumpusContainer__82b10 {
    inset-inline-start: 50%;
    position: absolute;
    top: -300px;
    transform: translateX(-50%)
}

.jumpingWumpus__82b10 {
    height: 283px
}

.boltContainer__82b10,.carContainer__82b10,.hammerContainer__82b10,.keyContainer__82b10,.starContainer__82b10 {
    position: absolute
}

.boltContainer__82b10 {
    inset-inline-start: 0;
    top: 200px
}

.carContainer__82b10 {
    inset-inline-end: 90px;
    top: -80px
}

.hammerContainer__82b10 {
    inset-inline-start: -65px;
    top: 40px
}

.keyContainer__82b10 {
    inset-inline-end: 50px;
    top: 185px
}

.starContainer__82b10 {
    inset-inline-start: 50px;
    top: -200px
}

@container premium-marketing-page-container (max-width: 720px) {
    .boltContainer__82b10 {
        transform: translateY(75px)
    }

    .keyContainer__82b10 {
        transform: translateY(125px)
    }

    .boltTrinket__82b10,.carTrinket__82b10,.hammerTrinket__82b10,.keyTrinket__82b10,.starTrinket__82b10 {
        width: 60px
    }
}

.container__15b9a {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 100px;
    min-height: 650px;
    padding: 0 40px;
    position: relative
}

.contentContainer__15b9a {
    max-width: 800px;
    min-width: 600px;
    position: relative;
    text-align: center;
    z-index: 1
}

.footerHeader__15b9a {
    font-size: 72px;
    font-style: italic;
    font-weight: 900;
    letter-spacing: -1.28px;
    line-height: 100%;
    text-transform: uppercase
}

@container premium-marketing-page-container (max-width: 960px) {
    .container__15b9a {
        min-height: 750px
    }
}

.attributionBannerContainer_afe9b4 {
    align-items: center;
    display: flex;
    justify-content: start;
    margin-top: 8px;
    padding-bottom: 20px;
    width: 100%
}

.premiumBrandRefreshContainer_afe9b4 {
    align-items: center;
    background: var(--background-mod-normal);
    border-radius: var(--radius-md);
    display: flex;
    padding: var(--space-12) var(--space-16)
}

.attributionBannerContainerRebranded_afe9b4 {
    align-items: center;
    background: var(--color-background-mod-normal,hsla(240,4%,61%,.2));
    border: 1px solid var(--border-muted);
    border-radius: var(--radius-md);
    display: flex;
    flex-direction: column;
    gap: 100px;
    margin: 24px auto;
    padding: 12px 16px;
    width: 100%
}

.attributionBannerContentApplicationHomeRebranded_afe9b4 {
    align-items: center;
    display: flex;
    justify-content: start;
    width: 100%
}

.textContainerRebranded_afe9b4 {
    color: var(--white);
    margin-inline-start:12px;text-align: start
}

.attributionBannerContent_afe9b4 {
    align-items: center;
    background: linear-gradient(90deg,rgba(133,71,198,0),rgba(133,71,198,.5) 25%,rgba(184,69,193,.5) 50.24%,rgba(171,93,138,.5) 80%,rgba(171,93,138,0));
    display: flex;
    height: 50px;
    justify-content: center;
    margin-top: 24px;
    min-width: 768px;
    padding-bottom: 4px;
    padding-top: 4px
}

.iconContainer_afe9b4 {
    display: flex;
    padding-inline-start:135px}

.iconContainerApplicationHome_afe9b4 {
    display: flex
}

.icon_afe9b4+.icon_afe9b4 {
    margin-inline-start:-8px}

.textContainer_afe9b4 {
    color: var(--white);
    margin-inline-start:9px;text-align: start
}

.attributionIcon_afe9b4 {
    margin-inline-start:auto;margin-bottom: -12px
}

.flyingWumpusContainer_d033b5 {
    inset-inline-end: -155px;
    pointer-events: none;
    position: absolute;
    top: 200px;
    z-index: 2
}

.flyingWumpusAsset_d033b5 {
    height: 293px
}

.boltContainer_d033b5,.carContainer_d033b5,.hammerContainer_d033b5,.keyContainer_d033b5,.starContainer_d033b5 {
    position: absolute
}

.boltContainer_d033b5 {
    inset-inline-end: -250px;
    top: 115px
}

.carContainer_d033b5 {
    inset-inline-start: 40px;
    top: 270px
}

.hammerContainer_d033b5 {
    inset-inline-end: 90px;
    top: 60px
}

.keyContainer_d033b5 {
    inset-inline-start: -70px;
    top: 350px
}

.starContainer_d033b5 {
    inset-inline-start: -135px;
    top: 110px
}

@container premium-marketing-page-container (max-width: 960px) {
    .flyingWumpusContainer_d033b5 {
        inset-inline-end: -100px;
        top: 170px
    }

    .flyingWumpusAsset_d033b5 {
        height: 200px
    }

    .boltContainer_d033b5 {
        inset-inline-end: -100px;
        top: 325px
    }

    .carContainer_d033b5,.keyContainer_d033b5,.starContainer_d033b5 {
        transform: translateX(30px) translateY(-50px)
    }
}

@container premium-marketing-page-container (max-width: 720px) {
    .flyingWumpusContainer_d033b5 {
        inset-inline-end: -80px;
        top: 180px
    }

    .flyingWumpusAsset_d033b5 {
        height: 170px
    }

    .keyContainer_d033b5,.starContainer_d033b5 {
        transform: translateX(75px) translateY(-50px)
    }

    .carContainer_d033b5 {
        transform: translateX(-75px) translateY(-50px)
    }

    .boltTrinket_d033b5,.carTrinket_d033b5,.hammerTrinket_d033b5,.keyTrinket_d033b5,.starTrinket_d033b5 {
        width: 60px
    }
}

@container premium-marketing-page-container (max-width: 540px) {
    .flyingWumpusAsset_d033b5 {
        height: 140px
    }
}

:root {
    --custom-premium-marketing-hero-heading-padding-top: 120px
}

.container__3849c {
    justify-content: center;
    text-align: center
}

.container__3849c,.contentContainer__3849c {
    align-items: center;
    display: flex;
    position: relative
}

.contentContainer__3849c {
    flex-direction: column;
    gap: var(--space-24);
    padding-top: var(--custom-premium-marketing-hero-heading-padding-top);
    z-index: 1
}

.containerWithOfferCountdown__3849c .contentContainer__3849c {
    padding-top: 80px
}

.body__3849c {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--space-24);
    margin: 0 80px
}

.marketingPageTextContainer__3849c {
    max-width: 800px;
    min-width: -moz-min-content;
    min-width: min-content;
    width: -moz-fit-content;
    width: fit-content
}

@container premium-marketing-page-container (max-width: 960px) {
    .marketingPageTextContainer__3849c {
        max-width: 650px
    }
}

@container premium-marketing-page-container (max-width: 720px) {
    .marketingPageTextContainer__3849c {
        max-width: 500px
    }
}

.descriptionContainer__3849c {
    max-width: 400px
}

@container premium-marketing-page-container (max-width: 720px) {
    .descriptionContainer__3849c {
        max-width: 250px
    }
}

.marketingPageHeading__3849c {
    font-size: 64px;
    font-style: italic;
    font-weight: 900;
    letter-spacing: -1.28px;
    line-height: 82%;
    text-transform: uppercase
}

.twoButtonContainer__3849c {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: center
}

.singleButtonContainer__3849c {
    margin: auto;
    min-width: 260px
}

.offerPillContainer__3849c {
    inset-inline-start: 50%;
    position: absolute;
    top: calc(var(--custom-premium-marketing-hero-heading-padding-top) - 40px);
    transform: translateX(-50%)
}

.affinitiesContainer__3849c,.referrerAttributionContainer__3849c {
    margin: 0 auto
}

.header__3849c {
    font-size: 58px;
    font-style: italic;
    font-weight: 900;
    letter-spacing: -1.16px;
    line-height: 100%;
    text-transform: uppercase
}

@container premium-marketing-page-container (max-width: 960px) {
    .header__3849c {
        font-size: 48px;
        letter-spacing: -.96px
    }
}

@container premium-marketing-page-container (max-width: 720px) {
    .header__3849c {
        font-size: 38px;
        letter-spacing: -.76px
    }
}

.heroOfferCountdown__3849c {
    margin-bottom: -12px
}

.wrapper_d38e00 {
    bottom: 0;
    display: flex;
    justify-content: center;
    position: sticky;
    z-index: 1
}

.buttonContainer_d38e00 {
    background-color: var(--background-surface-highest);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-low);
    display: flex;
    flex-direction: row;
    gap: var(--space-12);
    padding: var(--space-12)
}

.root_cbfae2 {
    display: flex;
    flex-direction: column;
    margin: 0 var(--space-24);
    width: 1080px
}

.titleText_cbfae2 {
    font-style: italic;
    justify-content: center;
    margin-bottom: var(--space-64);
    text-align: center;
    text-transform: uppercase
}

.planTitleWithPrice_cbfae2 {
    display: flex;
    flex-direction: column;
    z-index: 1
}

.planTitle_cbfae2 {
    align-items: center;
    display: flex;
    gap: var(--space-4);
    justify-content: center;
    margin-bottom: var(--space-4)
}

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

.headerRow_cbfae2,.row_cbfae2 {
    display: flex;
    flex-direction: row
}

.headerRow_cbfae2 {
    border-bottom: 1px solid var(--border-strong);
    padding-bottom: var(--space-16)
}

.cell_cbfae2 {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 180px
}

.headerLabelCell_cbfae2,.labelCell_cbfae2 {
    display: flex;
    flex: 1;
    justify-content: flex-start;
    text-align: start
}

.sectionTitle_cbfae2 {
    margin-top: 42px
}

.planComparisonItem_cbfae2 {
    border-bottom: 1px solid var(--border-strong);
    padding: var(--space-24) 0
}

.tableWrapper_cbfae2 {
    position: relative
}

.backgroundGradient_cbfae2 {
    background: linear-gradient(180deg,var(--pink-49) 0,var(--premium-tier-0-purple) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 2px
}

.gradientColumn_cbfae2 {
    height: calc(100% + 28px);
    position: absolute;
    top: -31px;
    width: 180px;
    z-index: 1
}

.gradientColumn_cbfae2.tier0_cbfae2 {
    inset-inline-end: 180px
}

.gradientColumn_cbfae2.tier2_cbfae2 {
    inset-inline-end: 0
}

.gradientColumnBorder_cbfae2 {
    border-radius: var(--radius-md);
    height: 100%;
    inset-inline-start: -2px;
    position: absolute;
    top: 0;
    width: 100%
}

.pill_cbfae2 {
    inset-inline-start: 50%;
    position: absolute;
    top: 1px;
    transform: translate(-50%,-50%);
    z-index: 2
}

.pill_cbfae2.pillGradient_cbfae2 {
    background: linear-gradient(90deg,rgba(155,29,165,.84) 0,rgba(30,35,83,.84) 120%),var(--background-base-lower)
}

.gradientBackgroundContainer_cbfae2 {
    border-radius: calc(var(--radius-md) - 2px);
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.gradientBackgroundPosition_cbfae2 {
    inset-inline-start: 0;
    position: absolute;
    top: 0
}

.nitroWheelIconColor_cbfae2 {
    fill: var(--icon-strong)
}

.heroHeadingContainer__81281 {
    margin-top: 30px;
    margin-inline-start:30px}

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

.settingsContainer__81281 {
    background: linear-gradient(192.85deg,var(--premium-tier-0-header-gradient-1) 42.31%,var(--premium-tier-0-header-gradient-2) 72.74%,var(--premium-tier-0-header-gradient-3) 86.45%,var(--premium-tier-0-header-gradient-4) 98.78%,var(--premium-tier-0-header-gradient-5) 123.01%),linear-gradient(180deg,var(--primary-700) 26.55%,var(--primary-660) 71.14%,var(--primary-630) 100%);
    border-radius: 24px;
    height: 330px;
    margin-bottom: 24px;
    width: 100%
}

.header__81281 {
    font-size: 44px
}

@media (max-width: 1100px) {
    .header__81281 {
        font-size:34px
    }
}

.affinityHeight__81281 {
    height: 395px
}

.fullscreenTextContainer__81281 {
    max-width: 650px
}

.settingsTextContainer__81281 {
    max-width: 500px
}

.description__81281 {
    margin-top: 24px
}

.descriptionV2__81281 {
    display: flex;
    justify-content: start
}

.descriptionBottomMargin__81281 {
    margin-bottom: 32px
}

.affinityDescription__81281,.affinityDescriptionNoMargin__81281 {
    margin-top: 22px
}

.affinityDescription__81281 {
    margin-bottom: 22px
}

.affinityDescriptionContainer__81281 {
    margin-bottom: 10px;
    margin-top: 10px
}

.buttonContainer__81281 {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: center;
    width: 100%
}

.button__81281 {
    height: 40px;
    min-width: 160px
}

.extendedButton__81281 {
    max-width: 339px;
    width: 100%
}

.sparkleStar__81281 {
    color: var(--white);
    position: absolute
}

.settingsSparkleStar1__81281 {
    height: 36px;
    inset-inline-start: 76px;
    top: 42px;
    width: 18px
}

.settingsSparkleStar2__81281 {
    height: 24px;
    inset-inline-start: 31px;
    top: 80px;
    width: 12px
}

.settingsSparkleStar3__81281 {
    bottom: 78px;
    height: 32px;
    inset-inline-end: 94px;
    width: 16px
}

.settingsSparkleStar4__81281 {
    bottom: 38px;
    height: 24px;
    inset-inline-end: 54px;
    width: 12px
}

.fullscreenSparkleStar1__81281 {
    height: 32px;
    inset-inline-start: -60px;
    top: 60px;
    width: 16px
}

.fullscreenSparkleStar2__81281 {
    height: 32px;
    inset-inline-start: -12px;
    top: 98px;
    width: 16px
}

.fullscreenSparkleStar3__81281 {
    bottom: -24px;
    height: 32px;
    inset-inline-end: 20px;
    width: 16px
}

.fullscreenSparkleStar4__81281 {
    bottom: 16px;
    height: 48px;
    inset-inline-end: -36px;
    width: 24px
}

.backgroundColor__81281 {
    margin-top: 40px
}

.theme-light .backgroundColor__81281 {
    background: linear-gradient(279deg,hsl(var(--black-hsl)/0) 0,var(--opacity-black-8) 50.8%,hsl(var(--black-hsl)/0) 100%)
}

.marketingPageCTAContainer__81281 {
    display: flex;
    justify-content: start
}

.marketingPageCTAMargin__81281 {
    margin-top: 16px
}

.marketingPageTextContainer__81281 {
    max-width: 447px
}

.marketingPageHeading__81281 {
    font-size: 30px;
    font-weight: 800;
    line-height: 32px;
    text-align: start
}

@media (min-width: 972px) and (max-width:1150px) {
    .marketingPageHeading__81281 {
        font-size:34px;
        font-weight: 800;
        line-height: 36px
    }
}

@media (min-width: 1150px) {
    .marketingPageHeading__81281 {
        font-size:44px;
        font-weight: 800;
        line-height: 42px
    }
}

.premiumOfferPill__81281 {
    align-items: center;
    background: linear-gradient(90deg,#db00a4,#5968f0);
    border-radius: 20px;
    display: flex;
    margin-bottom: 12px;
    padding: 0 4px;
    position: relative;
    text-transform: uppercase;
    width: -moz-fit-content;
    width: fit-content
}

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

.whiteSubButton__81281 {
    color: var(--white)!important
}

.tier2Gradient__81281 {
    background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color);
    color: var(--white)
}

.heroHeadingV2Art__81281 {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.heroHeadingV2ArtContainer__81281 {
    align-content: center;
    display: flex;
    justify-content: end;
    margin-inline-start:50px;max-width: 500px;
    width: 100%
}

.container__14cf2 {
    display: flex;
    flex-direction: column;
    position: relative;
    text-align: center
}

.footerHeader__14cf2 {
    font-style: italic;
    margin-bottom: 36px;
    text-transform: uppercase
}

.footerCTAContainer__14cf2 {
    margin-bottom: 30px
}

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

.footerArt__14cf2 {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

@media (max-width: 975px) {
    .footerHeader__14cf2 {
        font-size:24px;
        font-weight: 800;
        line-height: 28px
    }
}

.leftGradient__14cf2 {
    background: radial-gradient(45% 75% at 0 100%,#ff4cd2 0,transparent 100%);
    inset-inline-start: calc(50% - 50vw);
    opacity: .23
}

.leftGradient__14cf2,.rightGradient__14cf2 {
    height: 100%;
    pointer-events: none;
    position: absolute;
    width: 100vw
}

.rightGradient__14cf2 {
    background: radial-gradient(45% 75% at 90% 100%,#2d01dc 0,transparent 100%),radial-gradient(45% 75% at 90% 100%,#b182ff 0,transparent 100%);
    opacity: .4
}

.navBar__88ef1 {
    -webkit-backdrop-filter: blur(11.5px);
    backdrop-filter: blur(11.5px);
    border-bottom: 1px solid var(--color-border-strong,hsla(240,4%,61%,.44));
    margin-bottom: calc(var(--custom-channel-header-height)*-1);
    padding: 0;
    position: sticky;
    top: 0
}

.nitroWheelIcon__88ef1 {
    margin-top: 3px;
    margin-inline-end:var(--space-24)}

.nitroWheelIconColor__88ef1 {
    fill: var(--icon-strong)
}

.navBarContent__88ef1 {
    justify-content: space-between;
    padding: 0 var(--space-16);
    width: 100%
}

.navBarContent__88ef1,.navBarSectionContentContainer__88ef1 {
    align-items: center;
    display: flex;
    height: 100%
}

.navBarSectionContent__88ef1 {
    display: flex;
    gap: 20px;
    height: 100%;
    margin-inline-end:var(--space-16)}

.sectionClickable__88ef1 {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 100%;
    position: relative;
    width: -moz-max-content;
    width: max-content
}

.sectionUnderline__88ef1 {
    background-color: var(--text-default);
    bottom: -.5px;
    height: 2px;
    position: absolute;
    width: 100%;
    z-index: 1
}

.sectionUnderline__88ef1.fadeIn__88ef1 {
    animation: underlineAppear__88ef1 .3s ease-out
}

@keyframes underlineAppear__88ef1 {
    0% {
        transform: scaleX(0)
    }

    to {
        transform: scaleX(1)
    }
}

.container_f48ee4 {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    margin: 0 auto;
    position: relative
}

.fadeInFromTop_f48ee4 {
    animation: fadeInFromTop_f48ee4 .6s ease-out forwards;
    will-change: opacity,transform
}

@keyframes fadeInFromTop_f48ee4 {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

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

.containerBackground_f48ee4 {
    background: var(--background-base-lowest)
}

.responsiveContainer_f48ee4 {
    container-name: premium-marketing-page-container;
    container-type: inline-size
}

.sectionsContainer_f48ee4 {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 164px;
    padding: 0 40px;
    width: 100%
}

.bestOfNitroSectionContainer_f48ee4,.heroHeadingContainer_f48ee4,.planComparisonTableContainer_f48ee4,.premiumTierCardsContainer_f48ee4,.promoBannerContainer_f48ee4,.whatsNewSectionContainer_f48ee4 {
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%
}

.promoBannerContainer_f48ee4 {
    max-width: 1052px;
    z-index: 1
}

.bottomOfPageVisibilitySensor_f48ee4 {
    bottom: 0;
    height: 300px;
    position: absolute
}

.scroller_f48ee4 {
    background-color: var(--background-base-low);
    contain: layout size
}

.topOfPageGradient_f48ee4 {
    position: absolute;
    top: 0
}

.topOfPageGradientWithCountdown_f48ee4 {
    opacity: .75
}

.bottomOfPageGradient_f48ee4 {
    bottom: 0;
    position: absolute;
    transform: rotate(180deg)
}

.container__59141 {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    margin: 0 auto;
    position: relative
}

.containerBackground__59141 {
    background: linear-gradient(180deg,#04050c,#19033d)
}

.responsiveContainer__59141 {
    container-name: premium-marketing-page-container;
    container-type: inline-size
}

.sectionsContainer__59141 {
    align-items: center;
    flex-direction: column
}

.heroHeadingContainer__59141,.sectionsContainer__59141 {
    display: flex;
    justify-content: center;
    width: 100%
}

.heroHeadingContainer__59141 {
    flex-direction: row;
    position: relative
}

.promoBannerContainer__59141 {
    justify-content: center;
    max-width: 1052px;
    position: relative;
    width: 100%;
    z-index: 1
}

.whatsNewSectionContainer__59141 {
    margin-top: 80px
}

.bestOfNitroSectionContainer__59141,.whatsNewSectionContainer__59141 {
    margin-bottom: 100px;
    position: relative
}

.premiumTierCardsContainer__59141 {
    margin-bottom: 80px;
    max-width: 824px;
    width: 100%
}

.planComparisonTableContainer__59141 {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%
}

.bottomOfPageVisibilitySensor__59141 {
    bottom: 0;
    height: 300px;
    position: absolute
}

.scroller__59141 {
    background-color: var(--background-base-low);
    contain: layout size
}

.heroHeaderSideGradient__59141 {
    background: radial-gradient(45% 60% at -30% 40%,#70cbff 0,transparent 100%),radial-gradient(45% 60% at -30% 40%,#172365 0,transparent 100%);
    height: 800px;
    inset-inline-start: 0;
    opacity: .4;
    pointer-events: none;
    position: absolute;
    width: 100vw
}

.heroHeaderBackgroundStars__59141 {
    inset-inline-start: 30px;
    position: absolute;
    top: -40px;
    width: 100%
}

.container__3f0b7 {
    align-items: flex-start;
    background: linear-gradient(90deg,rgba(180,115,245,.1),rgba(226,146,170,.1));
    border: 2px solid var(--redesign-button-premium-primary-purple-for-gradient-2);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    padding: 32px
}

.header__3f0b7 {
    margin-bottom: var(--space-4)
}

.wordmark__3f0b7 {
    font-size: 24px;
    font-style: italic;
    font-weight: 900;
    text-transform: uppercase
}

.subheader__3f0b7 {
    margin-bottom: var(--space-16)
}

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

.titleText_e4ef5c {
    justify-content: center;
    margin-bottom: 44px;
    text-align: center
}

.logo_e4ef5c {
    width: 100px
}

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

.headerRow_e4ef5c,.row_e4ef5c {
    display: flex;
    flex-direction: row;
    z-index: 5
}

.headerRow_e4ef5c {
    height: 56px;
    margin-top: 24px
}

.row_e4ef5c {
    height: 68px
}

.rowBottomBorder_e4ef5c {
    border-bottom: 1px solid var(--border-muted)
}

.wideRow_e4ef5c {
    height: 128px
}

.shortRow_e4ef5c {
    height: 20px
}

.cell_e4ef5c,.headerCell_e4ef5c {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 208px
}

.headerCell_e4ef5c {
    justify-content: start
}

.cell_e4ef5c {
    justify-content: center
}

.headerLabelCell_e4ef5c,.labelCell_e4ef5c {
    display: flex;
    flex: 1;
    justify-content: flex-start;
    text-align: start
}

.headerLabelCell_e4ef5c {
    align-items: start
}

.buttonsCell_e4ef5c,.labelCell_e4ef5c {
    align-items: center
}

.buttonsCell_e4ef5c {
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: flex-start;
    padding-top: 16px
}

.closeIcon_e4ef5c {
    color: var(--icon-muted)
}

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

.button_e4ef5c {
    height: 40px;
    width: 180px
}

.tableWrapper_e4ef5c {
    padding: 2px;
    position: relative
}

.tier0ColumnOuter_e4ef5c,.tier0ColumnOuterBackground_e4ef5c {
    border: 2px solid var(--premium-tier-0-purple-for-gradients);
    border-radius: var(--radius-lg);
    height: 100%;
    inset-inline-end: 208px;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 212px;
    z-index: 9
}

.tier2ColumnOuter_e4ef5c,.tier2ColumnOuterBackground_e4ef5c {
    border: 2px solid var(--premium-tier-2-purple-for-gradients-2);
    height: 100%
}

.tier2ColumnOuter_e4ef5c,.tier2ColumnOuterBackground_e4ef5c,.tier2Pill_e4ef5c {
    border-radius: 16px;
    inset-inline-end: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 212px;
    z-index: 9
}

.tier0ColumnOuterBackground_e4ef5c:before,.tier2ColumnOuterBackground_e4ef5c:before {
    content: "";
    opacity: .1;
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0;
    z-index: -1
}

.tier0ColumnOuterBackground_e4ef5c:before {
    background: linear-gradient(268deg,var(--premium-tier-0-blue) 17.62%,var(--premium-tier-1-blue-for-gradients) 100%)
}

.tier2ColumnOuterBackground_e4ef5c:before {
    background: linear-gradient(101deg,var(--premium-tier-2-purple-for-gradients) 25.21%,var(--premium-tier-2-purple-for-gradients-2) 62.43%,var(--premium-tier-2-pink-for-gradients) 95.57%)
}

.topBorderRadius_e4ef5c {
    border-start-end-radius: 16px;
    border-start-start-radius: 16px
}

.bottomBorderRadius_e4ef5c {
    border-end-end-radius: 16px;
    border-end-start-radius: 16px
}

.mostPopularPill_e4ef5c {
    background: linear-gradient(95.07deg,var(--premium-tier-2-purple-for-gradients) 0,var(--premium-tier-2-purple-for-gradients-2) 49.96%,var(--premium-tier-2-pink-for-gradients) 95.93%);
    border-radius: 8px;
    margin: auto;
    max-height: 24px;
    max-width: 112px;
    padding: 4px 8px;
    position: relative;
    top: -12px;
    z-index: 10
}

.mostPopularText_e4ef5c {
    color: var(--white);
    text-align: center;
    text-transform: uppercase
}

.trialOfferPill_e4ef5c {
    margin-top: 4px
}

.betaTag_e4ef5c {
    background: var(--custom-premium-colors-premium-gradient-tier-2);
    display: inline
}

.bogoPillWithSparkles_e4ef5c,.freeTrialPillWithSparkles_e4ef5c {
    justify-content: center;
    max-height: 24px;
    max-width: 100%;
    position: relative;
    top: -13px;
    z-index: 10
}

.brandShineLight_e4ef5c {
    color: hsl(var(--brand-500-hsl)/.1)
}

.brandShineDark_e4ef5c {
    color: var(--opacity-white-8)
}

.premiumGroupCard_e4ef5c {
    margin-bottom: 50px
}

.textLogo_e4ef5c {
    font-size: 20px;
    font-style: italic;
    text-transform: uppercase
}

.circleContainer_c1b44f {
    overflow: visible;
    position: relative
}

.childrenContainer_c1b44f,.circleContainer_c1b44f {
    align-items: center;
    display: flex;
    justify-content: center
}

.childrenContainer_c1b44f {
    height: 100%;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.theme-light .baseProgressCircle_c1b44f {
    stroke: var(--white)
}

.circleSVG_c1b44f {
    height: 100%;
    overflow: visible;
    width: 100%
}

.nitroGemAnimation__7d30a {
    animation: gemGlow__7d30a 5s ease-in-out infinite
}

.nitroGemContainer__7d30a {
    overflow: visible
}

.gemBackgroundFill__7d30a {
    fill: var(--background-base-low)
}

.theme-light .gemBackgroundFill__7d30a {
    fill: var(--white)
}

.progressCircle__7d30a {
    margin-inline:auto;width: 80%
}

.progressCricleBottomMargin__7d30a {
    margin-bottom: 15px
}

@keyframes gemGlow__7d30a {
    0%,50%,to {
        filter: drop-shadow(0 0 0 hsl(var(--premium-tier-2-pink-for-gradients-2-hsl)/.6))
    }

    25%,75% {
        filter: drop-shadow(0 0 20px hsl(var(--premium-tier-2-pink-for-gradients-2-hsl)/.6))
    }
}

.activeProgressCircle__7d30a {
    fill: transparent;
    transform: rotate(-90deg);
    transform-origin: center
}

.activeProgressCircleAnimation__7d30a {
    animation: glow__7d30a 5s ease-in-out infinite,pulse__7d30a 5s ease-in-out infinite;
    transition: stroke-dashoffset .5s ease-out
}

@keyframes glow__7d30a {
    0%,50%,to {
        filter: none
    }

    25%,75% {
        filter: drop-shadow(0 0 5px var(--premium-tier-2-pink-for-gradients-2))
    }
}

@keyframes pulse__7d30a {
    0%,50%,to {
        stroke-width: 2
    }

    25%,75% {
        stroke-width: 3
    }
}

.avatarDecoContainer__7d30a {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 12%;
    width: 100%
}

.avatarDecoContainer__7d30a img:before {
    background-color: transparent
}

.avatarDeco__7d30a {
    align-items: center;
    background: var(--background-base-low);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    padding: 15%
}

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

.expandedProgressBarContainer_a61c56,.expandedProgressBarContainerSettingsPage_a61c56 {
    align-items: center;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    box-sizing: border-box;
    display: flex;
    margin-top: 40px;
    min-width: 560px
}

@media (max-width: 485px) {
    .expandedProgressBarContainer_a61c56,.expandedProgressBarContainerSettingsPage_a61c56 {
        min-width:unset
    }
}

.expandedProgressBarContainer_a61c56 {
    border-radius: var(--radius-lg);
    max-width: 989px;
    min-height: 260px
}

.expandedProgressBarContainerSettingsPage_a61c56 {
    background: var(--card-background-default);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    margin-bottom: -40px;
    min-height: 292px
}

.allReferralsSentBorder_a61c56 {
    border: 1px solid var(--premium-tier-2-pink-for-gradients-2)
}

.containerWithGlowWithoutBanner_a61c56,.containerWithoutGlow_a61c56 {
    border-radius: var(--radius-lg);
    max-width: 989px;
    min-height: 260px
}

.containerWithMargins_a61c56 {
    margin-inline:16px}

.containerWithGlowWithoutBanner_a61c56 {
    box-shadow: 0 0 25px 6px rgba(231,66,225,.3)
}

.containerWithGlowOnSettingsPage_a61c56 {
    border-radius: 20px
}

.expandedProgressBarContent_a61c56 {
    margin-inline-start:24px;text-align: start
}

.userAvatarProgressBarContainer_a61c56 {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-bottom: 8px;
    margin-top: 8px
}

.userAvatarProgressBarUnit_a61c56 {
    align-items: center;
    border-radius: 32px;
    display: flex;
    height: 32px;
    justify-content: center;
    width: 32px
}

.avatarProgressBarUnitConnectorContainer_a61c56 {
    height: 4px;
    position: relative;
    width: 24px
}

.avatarProgressBarUnitConnectorBase_a61c56 {
    background: linear-gradient(90deg,rgba(180,115,245,.3),rgba(226,146,170,.3));
    height: 100%;
    width: 100%
}

.fullHighlight_a61c56,.halfHighlight_a61c56 {
    background: var( --gradients-nitro-nitro-horizontal,linear-gradient(90deg,var(--premium-tier-2-purple) 0,var(--premium-tier-2-pink) 100%) );
    position: absolute;
    top: 0
}

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

.halfHighlight_a61c56 {
    border-end-end-radius: 3px;
    border-start-end-radius: 3px;
    height: 4px;
    width: 12px
}

.expandedProgressBarButtonContainer_a61c56 {
    display: flex;
    gap: 8px;
    margin-top: 16px
}

.expandedProgressBarButtonContainerLayout_a61c56 {
    flex-direction: row
}

.expandedProgressBarGiftingCTA_a61c56 {
    flex: 1
}

.expandedProgressBarGiftingCTALayout_a61c56 {
    margin-inline-end:8px}

@media (max-width: 568px) {
    .expandedProgressBarButtonContainerLayout_a61c56 {
        flex-direction:column;
        margin-bottom: 32px
    }

    .expandedProgressBarGiftingCTALayout_a61c56 {
        margin-bottom: 8px
    }
}

.expandedProgressBarSelectFriendsCTA_a61c56 {
    background: linear-gradient(101deg,var(--premium-tier-2-purple-for-gradients) 25.21%,var(--premium-tier-2-purple-for-gradients-2) 62.43%,var(--premium-tier-2-pink-for-gradients) 95.57%);
    background-clip: padding-box;
    color: var(--white);
    flex: 1
}

.banner_a61c56 {
    align-items: center;
    background: linear-gradient(90deg,hsl(var(--premium-tier-2-purple-for-gradients-hsl)/.95) 0,hsl(var(--premium-tier-2-pink-for-gradients-hsl)/.95) 100%);
    border-radius: 8px 8px 0 0;
    color: var(--white);
    display: flex;
    height: 40px;
    padding-inline-start:32px;position: absolute;
    text-align: start;
    top: -40px;
    width: calc(100% - 32px)
}

.containerWithBanner_a61c56 {
    border-radius: 0 0 8px 8px
}

.referralInfoContent_a61c56 {
    display: flex;
    flex-direction: row;
    padding-block:24px 16px;padding-inline:24px 48px}

.progressBar_a61c56 {
    background: rgba(180,115,245,.3);
    border-radius: 10px;
    flex-shrink: 0;
    height: 8px;
    margin-bottom: 8px;
    margin-top: 10px;
    max-width: 300px;
    width: 60%
}

.referralCountdownDays_a61c56 {
    color: var(--premium-tier-2-purple);
    margin-bottom: 10px
}

.fill_a61c56 {
    background: linear-gradient(to right,var(--premium-tier-2-purple),var(--premium-tier-2-pink));
    border-radius: 10px;
    height: 100%;
    transition: width .3s ease-in-out
}

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

.expandedProgressBarSelectFriendsIcon_a61c56 {
    margin-inline-end:4px}

.giftIcon_a61c56 {
    color: #fff;
    height: 16px;
    width: 16px
}

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

.unsentTooltipContent_a61c56 {
    text-align: center
}

.referralProgressBarIcon_a61c56 {
    max-width: 150px
}

.referralProgressBarIconSettings_a61c56 {
    max-width: 120px
}

.theme-light .expandedProgressBarContainer_a61c56 {
    background: rgba(235,237,239,.7)
}

.theme-light .userAvatarProgressBarUnitNum_a61c56 {
    background: #860091
}

.theme-light .userAvatarProgressBarUnit_a61c56 {
    background: linear-gradient(90deg,rgba(180,115,245,.6),rgba(226,146,170,.6))
}

.theme-light .expandedProgressBarGiftingCTA_a61c56 {
    border-color: var(--premium-tier-2-pink-for-gradients-2);
    color: var(--premium-tier-2-pink-for-gradients-2)
}

.theme-dark .expandedProgressBarContainer_a61c56 {
    background: rgba(35,36,40,.5)
}

.theme-dark .userAvatarProgressBarUnitNum_a61c56 {
    background: var( --gradients-nitro-nitro-horizontal,linear-gradient(90deg,var(--premium-tier-2-purple) 0,var(--premium-tier-2-pink) 100%) )
}

.theme-dark .userAvatarProgressBarUnit_a61c56 {
    background: linear-gradient(90deg,rgba(180,115,245,.3),rgba(226,146,170,.3))
}

.theme-dark .expandedProgressBarGiftingCTA_a61c56 {
    border-color: var(--white);
    color: var(--white)
}

:root .userAvatarProgressBarUnitNum_a61c56 {
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.divider_a45ed3 {
    background-color: var(--border-subtle);
    height: 1px;
    margin-bottom: 24px;
    margin-top: 24px;
    width: 100%
}

.tierCard_a45ed3 {
    background-image: linear-gradient(95.07deg,var(--premium-tier-2-purple-for-gradients) 0,var(--premium-tier-2-purple-for-gradients-2) 49.96%,var(--premium-tier-2-pink-for-gradients) 95.93%);
    border-radius: var(--radius-lg);
    color: var(--white);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 25px;
    position: relative;
    width: 100%
}

.tierCard_a45ed3.withTier2Rim_a45ed3 {
    border: 1px solid var(--premium-tier-2-purple-for-gradients)
}

.tierInfo_a45ed3 {
    flex: 1;
    margin-top: 40px;
    margin-inline:40px 16px;margin-bottom: 40px
}

.tierImage_a45ed3 {
    align-items: center;
    display: flex;
    flex: 1;
    width: 100%
}

.image_a45ed3 {
    width: 100%
}

.tierTitle_a45ed3 {
    height: 40px;
    margin-bottom: 4px;
    width: 160px
}

.tierCardButton_a45ed3 {
    height: 40px;
    margin-top: 16px;
    width: 100%
}

.tierCardButtonCTA_a45ed3 {
    color: var(--brand-500)
}

.managePlanButton_a45ed3 {
    margin-top: 16px;
    width: 100%
}

.giftCard_a45ed3 {
    background: var(--card-background-default);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    margin: 25px 0;
    padding: 40px
}

.giftCard_a45ed3,.giftCardPromotion_a45ed3 {
    align-items: center;
    color: var(--white);
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    overflow: hidden;
    position: relative;
    width: 100%
}

.giftCardPromotion_a45ed3 {
    border-radius: var(--radius-lg);
    height: 200px;
    margin-bottom: 25px;
    padding: 0 30px
}

.giftImagePromotion_a45ed3 {
    inset-inline-start: 32px;
    position: absolute;
    width: 220px
}

.full-motion .giftImagePromotion_a45ed3 {
    inset-inline-start: 24px;
    top: 10px;
    width: 235px
}

.giftImageAnimatedPromotion_a45ed3 {
    padding-bottom: 20px
}

.giftInfoPromotion_a45ed3 {
    margin-inline-start:auto;max-width: 59%
}

.giftInfoTitlePromotion_a45ed3 {
    margin-bottom: 8px
}

.giftInfo_a45ed3 {
    max-width: 50%
}

.giftImage_a45ed3 {
    height: 146px
}

.seasonalGiftImage_a45ed3 {
    bottom: 0;
    height: 100%;
    inset-inline-end: 47.5%;
    position: absolute
}

.giftTitle_a45ed3 {
    margin-bottom: 16px
}

.giftText_a45ed3 {
    margin-bottom: var(--space-12)
}

.giftAdditionalTerm_a45ed3 {
    font-style: italic
}

.giftCardButton_a45ed3 {
    height: 40px;
    margin-top: 16px;
    width: 100%
}

.giftButtonCTA_a45ed3 {
    font-size: 14px;
    font-weight: 700
}

.theme-light .giftCardButtonColor_a45ed3 {
    border-color: var(--premium-tier-2-pink-for-gradients-2);
    color: var(--premium-tier-2-pink-for-gradients-2)
}

.theme-dark .giftCardButtonColor_a45ed3 {
    border-color: #fff;
    color: #fff
}

.halloweenColor_a45ed3,.seasonalColor_a45ed3 {
    border-color: #fff;
    color: #fff
}

.bottomOfPageVisibilitySensor_a45ed3 {
    bottom: 0;
    height: 300px;
    position: absolute
}

.tier2PlanComparisonTableBackground_a45ed3 {
    background: linear-gradient(90deg,rgba(180,115,245,.1),rgba(226,146,170,.1))
}

.topRimPillWithSparkles_a45ed3 {
    inset-inline-end: 8px;
    position: absolute;
    top: -14px;
    z-index: 2
}

.rimGlowTier2_a45ed3 {
    background: linear-gradient(-90deg,var(--premium-tier-2-purple-for-gradients) 0,#fff 4.98%,#fff 50.52%,var(--premium-tier-2-pink-for-gradients) 100%);
    height: 1px;
    inset-inline-end: 5%;
    position: absolute;
    top: -1px;
    width: 88%;
    z-index: 1
}

.trialHeader_a45ed3 {
    margin-bottom: 16px
}

.fractionalPremiumTopRimPill_a45ed3 {
    inset-inline-end: 70px;
    position: absolute;
    top: -10px;
    z-index: 2
}

.fractionalPremiumSubheader_a45ed3 {
    margin-bottom: 16px
}

.fractionalPremiumSubheader_a45ed3 p {
    margin: 0
}

.fractionalPremiumSubheader_a45ed3 a {
    color: #fff;
    text-decoration: underline
}

.premiumGroupHeader_a45ed3 {
    font-size: 32px;
    font-style: italic;
    line-height: 23.643px;
    text-transform: uppercase
}

.container__60b20 {
    align-items: center;
    background-color: var(--background-base-lower);
    border: none;
    box-sizing: border-box;
    display: flex;
    max-width: 1000px;
    padding: 8px;
    width: 100%
}

.container__60b20.lightTextLink__60b20 a {
    color: var(--blue-345)
}

.container__60b20.centerText__60b20 {
    justify-content: center;
    margin-bottom: unset
}

.icon__60b20 {
    color: var(--status-warning);
    height: 13px;
    margin-inline-end:6px;min-height: 13px;
    min-width: 13px;
    width: 13px
}

.icon__60b20.lightThemeColorOnly__60b20 {
    color: var(--yellow-300)
}

.root__52b47 {
    -webkit-mask-image: linear-gradient(180deg,#000 48.68%,transparent);
    mask-image: linear-gradient(180deg,#000 48.68%,transparent);
    position: absolute;
    z-index: -1
}

.root__52b47.lifted__52b47 {
    border-start-end-radius: var(--radius-lg);
    border-start-start-radius: var(--radius-lg);
    margin-top: -32px;
    width: 95.6%;
    z-index: 0
}

.stop1__52b47 {
    stop-color: var(--premium-tier-0-header-gradient-1)
}

.stop2__52b47 {
    stop-color: var(--premium-tier-0-header-gradient-2)
}

.stop3__52b47 {
    stop-color: var(--premium-tier-0-header-gradient-3)
}

.stop4__52b47 {
    stop-color: var(--premium-tier-0-header-gradient-4)
}

.stop5__52b47 {
    stop-color: var(--premium-tier-0-header-gradient-5)
}

.tag_c6d624 {
    background-color: var(--brand-500);
    font-size: 12px;
    line-height: 16px;
    padding: 0 6px
}

.perksContainer_b62c4e {
    margin: 0 auto;
    max-width: 1066px;
    position: relative
}

.perksTitle_b62c4e,.perksTitleStackedCards_b62c4e {
    margin-bottom: 32px;
    text-align: center
}

.customAppIconImage_b62c4e {
    height: 115px;
    width: 230px
}

.perksTitleStackedCards_b62c4e {
    margin-bottom: 24px
}

.perksCardArt_b62c4e {
    filter: saturate(var(--saturation-factor,1))
}

.perkCardContainer_b62c4e {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fit,minmax(260px,1fr));
    justify-items: center;
    margin-bottom: 32px
}

.perkCardContainerExpanded_b62c4e {
    margin-bottom: 16px
}

.perkCard_b62c4e {
    align-items: center;
    background-color: var(--card-background-default);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 32px 24px;
    position: relative;
    width: 100%
}

.perkCardNewBadge_b62c4e {
    background: var(--custom-premium-colors-premium-gradient-tier-2);
    border-radius: 8px;
    color: #fff;
    inset-inline-start: -4px;
    position: absolute;
    top: -4px
}

.perkCardHeading_b62c4e {
    margin-bottom: 8px;
    margin-top: 16px;
    text-align: center
}

.perkCardDescription_b62c4e {
    min-height: 36px;
    text-align: center
}

.perkCardEarlyAccessBadge_b62c4e {
    background: var(--custom-premium-colors-premium-gradient-tier-2);
    border-radius: 8px;
    color: #fff;
    inset-inline-start: 24px;
    position: absolute;
    top: -4px
}

.stickersImage_b62c4e {
    width: 222px
}

.perGuildProfilesImage_b62c4e {
    width: 195px
}

.clientThemesCard_b62c4e .perkCardDescription_b62c4e {
    padding: 0 30px
}

.clientThemesImage_b62c4e {
    width: 202px;
    width: 227px
}

.badgeImage_b62c4e {
    width: 193px
}

.longerMessagesImage_b62c4e {
    width: 222px
}

.moreGuildsImage_b62c4e {
    width: 116px
}

.soundboardImage_b62c4e,.superReactionsImage_b62c4e {
    height: 132px
}

.uploadImage_b62c4e {
    width: 220px
}

.streamingImage_b62c4e {
    width: 175px
}

.emojiImage_b62c4e {
    width: 210px
}

.videoBackgroundImage_b62c4e {
    width: 222px
}

.moreGuildsAltImage_b62c4e {
    width: 260px
}

.newTag_b62c4e {
    inset-inline-start: -2px;
    position: absolute;
    top: -4px
}

.betaTag_b62c4e {
    background: var(--custom-premium-colors-premium-gradient-tier-2);
    display: inline;
    vertical-align: middle
}

.sizeGizmo_b62c4e {
    bottom: 0;
    inset-inline-start: 50%;
    position: absolute;
    transform: translate(-50%,-100%);
    z-index: 1000
}

.sizeGizmoExpanded_b62c4e {
    display: flex;
    justify-content: center
}

.sizeGizmoText_b62c4e {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.sizeGizmoText_b62c4e .arrow_b62c4e {
    margin-inline-start:8px}

.subscriberNitroHome_b62c4e {
    max-height: 2000px;
    overflow: hidden;
    transition: max-height .4s ease-in-out
}

.subscriberNitroHome_b62c4e.reducedMotion_b62c4e {
    transition: none
}

.partiallyHidden_b62c4e {
    max-height: 500px;
    transition: none
}

.customButton_b62c4e {
    align-items: center;
    background-color: var(--background-base-lowest);
    border-radius: 24px;
    color: var(--text-default);
    display: flex;
    font-size: 14px;
    gap: 4px;
    justify-content: center;
    padding-block:8px;padding-inline:16px 8px}

.cover_b62c4e {
    background-image: linear-gradient(to bottom,hsl(var(--primary-600-hsl)/.71) 0,var(--background-base-low) 85%);
    bottom: 0;
    height: 31%;
    inset-inline: 0;
    pointer-events: none;
    position: absolute
}

.cover_b62c4e.hidden_b62c4e {
    opacity: 0
}

.reducedMotion_b62c4e .cover_b62c4e {
    transition: none
}

.theme-light .cover_b62c4e {
    background-image: linear-gradient(to bottom,var(--opacity-white-72) 0,var(--background-base-low) 85%)
}

.container__94da4 {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    margin: 0 auto -90px;
    padding-bottom: 60px;
    position: relative
}

.settingsContainer__94da4 {
    width: 100%
}

.settingsHeroNoBackground__94da4 {
    width: 660px
}

.noTopPaddingOverride__94da4 {
    padding-top: 0
}

.settingsHeroBogoHeight__94da4 {
    height: 260px
}

.premiumTierCardsContainerSettings__94da4 {
    margin-bottom: 60px;
    max-width: 824px;
    width: 100%
}

.promoBannerContainer__94da4 {
    justify-content: center;
    margin-bottom: var(--space-24);
    max-width: 1052px;
    position: relative;
    width: 100%;
    z-index: 1
}

.giftPromoCard__94da4 {
    margin-bottom: 25px
}

.perkCardsContainerSpacingSettings__94da4 {
    margin-bottom: 60px!important;
    width: 100%
}

.planComparisonTable__94da4 {
    max-width: 700px
}

.planComparisonTableContainer__94da4 {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%
}

.bottomIllustration__94da4 {
    bottom: 0;
    filter: saturate(var(--saturation-factor,1));
    position: absolute
}

.existingSubscriberSpacing__94da4 {
    margin-bottom: 24px
}

.footerSpacing__94da4 {
    height: 128px
}

.zIndex1__94da4 {
    z-index: 1
}

.trialMarketingMargin__94da4 {
    margin-bottom: 56px;
    margin-top: 56px;
    padding: unset
}

.bottomOfPageVisibilitySensor__94da4 {
    bottom: 0;
    height: 300px;
    position: absolute
}

.container__61306 {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    flex-direction: column;
    margin: 0 auto;
    max-width: 660px
}

.applicationStoreHomeWrapper__61306 {
    margin: 60px 40px 80px
}

.loading__61306 {
    align-items: center;
    display: flex;
    height: 520px;
    justify-content: center
}

.background__61306 {
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0
}

.content__61306 {
    position: relative
}

.sectionTier2__61306 {
    margin-top: 32px;
    text-align: center
}

.marketingRefreshTier2Intro__61306 {
    max-width: 325px
}

.marketingRefreshTitle__61306 {
    color: var(--text-strong);
    font-size: 24px;
    font-weight: var(--font-weight-semibold);
    line-height: 30px;
    margin-bottom: 8px;
    margin-top: 0
}

.marketingRefreshSubtitle__61306 {
    color: var(--text-default);
    font-size: 16px;
    line-height: 20px;
    margin: 0
}

.marketingRefreshHeaderAnimation__61306 {
    margin-inline-start:16px;width: 332px
}

.marketingRefreshTier2Cta__61306 {
    margin-top: 48px;
    text-align: center
}

.marketingRefreshSectionTier1__61306 {
    border-top: 1px solid var(--border-subtle);
    color: var(--text-default);
    display: flex;
    margin-top: 48px;
    padding-top: 48px
}

.marketingRefreshTier1Graphic__61306 {
    display: block;
    flex-shrink: 0;
    height: 148px;
    margin-inline-end:60px;width: 175px
}

@media (max-width: 920px) {
    .marketingRefreshTier1Graphic__61306 {
        display:none
    }
}

.marketingRefreshTier1Logo__61306 {
    color: var(--text-strong);
    display: block;
    height: 20px;
    margin-bottom: 8px;
    width: 194px
}

.marketingRefreshDescription__61306 {
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 16px
}

.tier1InfoTooltipList__61306 {
    list-style-type: disc;
    padding-inline-start:15px}

.tier1InfoTooltipListItem__61306 {
    padding: 2px
}

.tier1InfoTooltipListItemOffsetItem__61306 {
    inset-inline-start: -5px;
    position: relative
}

.tier1InfoIcon__61306 {
    height: 10px;
    width: 10px
}

.tier2Buttons__61306 {
    margin-top: 24px
}

.subSectionHeader__61306 {
    text-transform: uppercase
}

.sectionAccountCredit__61306,.subscriptionDetails__61306 {
    border-bottom: 1px solid;
    margin-bottom: 40px;
    padding-bottom: 40px
}

.accountCredit__61306 {
    margin-top: 16px
}

.accountCreditTitle__61306 {
    margin-bottom: 16px
}

.accountCreditDescription__61306 {
    color: var(--text-default);
    line-height: 20px;
    margin-bottom: 16px;
    margin-top: 0
}

.tier2Plan__61306 {
    display: flex
}

.marketingRefreshTier2PlanWrapper__61306 {
    display: flex;
    margin-bottom: 48px
}

.marketingRefreshTier2PlanName__61306 {
    color: var(--logo-primary);
    display: block;
    height: 60px;
    margin-bottom: 32px;
    width: auto
}

.subscriptionsRedirectContainer__61306 {
    align-items: center;
    background-color: var(--background-base-lower);
    border: none;
    display: flex;
    margin-bottom: 24px;
    padding: 8px
}

.subscriptionsRedirectWarningIcon__61306 {
    color: var(--status-warning);
    height: 13px;
    margin-inline-end:6px;width: 13px
}

.theme-light .sectionAccountCredit__61306,.theme-light .subscriptionDetails__61306 {
    border-color: hsl(var(--primary-300-hsl)/.3)
}

.theme-dark .sectionAccountCredit__61306,.theme-dark .subscriptionDetails__61306 {
    border-color: hsl(var(--primary-400-hsl)/.3)
}

.perkList__61306,.perkListItem__61306 {
    margin-bottom: 16px
}

.perkListItem__61306 {
    align-items: center;
    display: flex
}

.perkListItem__61306:last-child {
    margin-bottom: 0
}

.perkListItemIcon__61306 {
    flex-shrink: 0;
    height: 20px;
    margin-inline-end:16px;width: 20px
}

.theme-dark .tier1CustomEmojiPerk__61306 {
    color: #fee64f
}

.theme-dark .tier1StreamPerk__61306 {
    color: #9bdd73
}

.theme-light .tier1CustomEmojiPerk__61306 {
    color: #d0820c
}

.theme-light .tier1StreamPerk__61306 {
    color: #69974d
}

.images-light .tier1Banner__61306 {
    background-image: url(/assets/460e67c2a6814672.svg)
}

.images-dark .tier1Banner__61306 {
    background-image: url(/assets/cbe5498434e90cc1.svg)
}

.tier1Banner__61306 {
    background-color: var(--background-base-lower);
    color: var(--text-strong)
}

.tier1ProfilePerk__61306 {
    color: #4087ed
}

.tier1BoostPerk__61306 {
    color: var(--guild-boosting-pink)
}

.tier1UploadPerk__61306 {
    color: #776bff
}

.modal_a327d2 {
    min-height: 180px;
    overflow-x: hidden
}

.form_a327d2 {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-height: 0
}

.content_a327d2 {
    height: 100%;
    padding-bottom: 20px
}

.modalTitle_a327d2 {
    padding: 16px 16px 0
}

.divider_a327d2 {
    border-top: 1px solid;
    margin: 0 20px 12px
}

.errorBlock_a327d2 {
    margin-bottom: 20px
}

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

@media (max-width: 485px) and (max-height:450px) {
    .form_a327d2 {
        display:block
    }
}

.theme-light .divider_a327d2 {
    border-color: hsl(var(--primary-200-hsl)/.6)
}

.theme-dark .divider_a327d2 {
    border-color: var(--primary-630)
}

.externalLink__900c6 {
    width: 100%
}

.theme-dark .container__900c6 {
    background-color: var(--primary-630)
}

.theme-light .container__900c6 {
    background-color: hsl(var(--primary-100-hsl)/.6)
}

.currency__900c6 {
    color: var(--text-default);
    font-size: 14px;
    margin-top: 12px
}

.currency__900c6 .currencyDropdown__900c6 {
    flex-grow: 1;
    margin-inline-start:4px;width: 80px
}

.container__37475 {
    align-items: flex-start;
    background-color: var(--background-base-lower);
    border-radius: 4px;
    display: flex;
    max-width: 640px;
    padding: 10px;
    width: 100%
}

.textContainer__37475 {
    display: flex;
    flex: 1
}

.warningIcon__37475 {
    height: 20px;
    width: 20px
}

.info__37475,.warningIcon__37475 {
    color: var(--interactive-text-default)
}

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

.error__37475 {
    color: var(--text-feedback-critical);
    font-weight: var(--font-weight-medium)
}

.benefits__25f6c {
    background-color: var(--background-base-lower);
    border-radius: 8px;
    padding: 16px
}

.container__0ab43 {
    background-color: var(--background-base-lower);
    border-radius: 8px;
    padding: 16px
}

.headerContainer__0ab43 {
    align-items: center;
    cursor: pointer;
    display: flex
}

.headerTextContainer__0ab43 {
    flex: 1;
    margin-inline-start:16px}

.guildName__0ab43 {
    color: var(--interactive-text-active);
    margin-bottom: 2px
}

.arrowIcon__0ab43,.tierName__0ab43 {
    color: var(--interactive-text-default)
}

.arrowIcon__0ab43 {
    height: 24px;
    width: 24px
}

.arrowIconExpanded__0ab43 {
    transform: rotate(180deg)
}

.headerSubtitleContainer__0ab43 {
    align-items: center;
    display: flex;
    gap: 6px
}

.divider__0ab43 {
    border-bottom: 1px solid var(--opacity-white-4);
    margin: 16px 0
}

.changePlanNotice__0ab43 {
    background-color: var(--background-mod-normal);
    margin-bottom: 16px
}

.subscriptionInfoCards__0ab43 {
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

.container__0ab43 .paymentSourceDropdown__0ab43 {
    margin-bottom: 16px
}

.container__0ab43 .paymentSourceDropdown__0ab43,.paymentSourceDropdownOption__0ab43 {
    background-color: var(--background-mod-normal)
}

.infoCard__0ab43 {
    background-color: var(--card-background-default);
    border: 1px solid var(--border-subtle);
    border-radius: 8px;
    flex: 1;
    padding: 16px
}

.infoCardLabel__0ab43 {
    color: var(--interactive-text-default);
    margin-bottom: 16px;
    text-transform: uppercase
}

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

.infoCardIcon__0ab43 {
    color: var(--interactive-text-default);
    height: 16px;
    margin-inline-start:8px;width: 16px
}

.infoCardValue__0ab43 {
    color: var(--text-strong);
    font-weight: var(--font-weight-normal)
}

.rowButton__0ab43 {
    background-color: var(--background-mod-normal);
    cursor: pointer
}

.rowButton__0ab43:first-child {
    border-radius: 8px 8px 0 0
}

.rowButton__0ab43:last-child {
    border-radius: 0 0 8px 8px
}

.rowButton__0ab43:last-child .rowButtonContent__0ab43 {
    border-bottom: none
}

.rowButtonContent__0ab43 {
    align-items: center;
    border-bottom: 1px solid var(--opacity-white-4);
    display: flex;
    justify-content: space-between;
    margin-inline-start:16px;padding-block:16px;padding-inline:0 16px}

.rowButtonArrow__0ab43 {
    color: var(--interactive-text-default);
    height: 24px;
    transform: rotate(-90deg);
    width: 24px
}

.rowButtonLabel__0ab43 {
    color: var(--interactive-text-active);
    font-weight: var(--font-weight-medium)
}

.paymentDueBadge__0ab43 {
    color: var(--primary-860);
    letter-spacing: .02em
}

.pageDescription__8f372 {
    margin-bottom: 40px
}

.subscriptionsContainer__8f372 {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.buttonWrapper_bf1984 {
    display: inline-flex;
    max-width: var(--custom-button-button-lg-width);
    min-width: -moz-min-content;
    min-width: min-content
}

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

.card__9851a {
    background-image: linear-gradient(90deg,var(--application-subscription-start) 0,var(--application-subscription-end) 100%);
    flex-wrap: wrap;
    gap: 16px
}

.bannerImage__9851a {
    align-self: flex-end;
    margin-bottom: -16px
}

.textContainer__9851a {
    flex: 1;
    position: relative
}

.header__9851a {
    margin-bottom: 4px;
    margin-top: 5px
}

.description__9851a,.header__9851a {
    color: var(--white)
}

.description__9851a strong {
    font-weight: var(--font-weight-medium)
}

.tryItOutButtons_fbfab6 {
    display: flex;
    gap: 12px
}

.premiumCta_fbfab6 {
    border-radius: var(--radius-sm);
    margin-inline-start:8px}

.basicThemeSelectors_fbfab6 {
    margin-bottom: 24px;
    margin-top: 0
}

.previewThemeButton_fbfab6 {
    margin-bottom: 26px;
    margin-top: 16px
}

.premiumTier2Divider_fbfab6 {
    background-image: linear-gradient(90deg,var(--premium-tier-2-pink-for-gradients) 0,var(--premium-tier-2-purple-for-gradients) 50%,var(--premium-tier-2-pink-for-gradients) 100%);
    height: 2px;
    margin-inline:-24px}

.divider_fbfab6 {
    margin-bottom: 24px;
    margin-top: 32px
}

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

.colorThemesBackground_fbfab6 {
    background: var(--background-base-lower);
    border: 1px solid var(--border-normal);
    border-radius: var(--radius-md);
    padding: 24px
}

.darkSidebarToggle_fbfab6 {
    margin: var(--space-24) 0
}

.darkSidebarToggle_fbfab6>div {
    align-items: center;
    display: flex;
    height: 48px
}

.wrapper_be018f {
    background-color: var(--background-base-lower);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-low);
    box-sizing: border-box;
    overflow: hidden
}

.header_be018f {
    align-items: center;
    background-color: var(--background-mod-normal);
    display: flex;
    justify-content: space-between
}

.content_be018f,.header_be018f {
    padding: 16px
}

.toggle_a63120 {
    align-items: center;
    color: var(--text-brand);
    cursor: pointer;
    display: flex;
    gap: 4px
}

.headerWrapper__4909b {
    gap: 8px;
    height: 72px
}

.headerContent__4909b {
    display: flex;
    gap: 16px;
    min-width: 0
}

.headerContentText__4909b {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0
}

.appIcon__4909b {
    border-radius: var(--radius-md)
}

.headerButtons__4909b {
    display: flex;
    gap: 8px
}

.details__4909b {
    padding-bottom: 16px
}

.row__4909b {
    align-items: center;
    border-bottom: 1px solid var(--border-subtle);
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding: 16px 0
}

.row__4909b:first-child {
    padding-top: 0
}

.rowContent__4909b {
    text-align: end
}

.subscriptionTypeRow__4909b {
    display: inline-flex;
    gap: 8px
}

.guildSubscriptionContentRow__4909b {
    align-items: center;
    display: flex;
    gap: 8px;
    padding-top: 2px
}

.noticeBanner__4909b {
    margin-bottom: 16px
}

.payment__4909b {
    height: 65px
}

.benefits__4909b {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-top: 16px
}

.benefitsHeader__4909b {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.benefitsBtn__4909b {
    margin-inline-start:auto}

.managementBtns__4909b {
    display: flex;
    gap: 8px
}

.button_e08d4d {
    background: inherit;
    padding: 0
}

.seeMore_e08d4d {
    align-items: center;
    display: flex;
    gap: 4px;
    margin-top: 4px
}

.content_e08d4d {
    overflow: hidden;
    transition: height .25s ease-in-out
}

.wrapper__3425d {
    max-width: 660px;
    width: 100%
}

.headerTitle__3425d {
    align-items: center;
    display: flex;
    gap: 16px
}

.subscriptionImg__3425d {
    border-radius: 48px
}

.description__3425d {
    white-space: pre-line
}

.benefits__3425d {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-top: 16px
}

.header_b87308 {
    align-items: flex-end;
    border-bottom-width: 1px;
    border-color: hsl(var(--primary-300-hsl)/.3);
    border-style: solid;
    display: flex;
    flex-direction: row;
    gap: 16px;
    margin-bottom: 16px;
    padding-bottom: 24px
}

.theme-dark .header_b87308 {
    border-color: hsl(var(--primary-400-hsl)/.3)
}

.appIcon_b87308 {
    border-radius: var(--radius-md)
}

.subInfo_b87308 {
    flex-direction: row;
    padding-top: 2px
}

.guildSubscription_b87308,.subInfo_b87308,.subInfoType_b87308 {
    display: flex;
    gap: 8px
}

.subInfoType_b87308 {
    align-items: center
}

.subscriptions_b87308 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-top: 32px
}

.activeSubscriptionCard_b87308 {
    border: 2px solid var(--brand-500)
}

.activeSubscriptionCTA_b87308 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: end
}

.planNotice_b87308 {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.subscriptionsContainer__0dc23 {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.title__0dc23 {
    align-items: center;
    display: flex;
    gap: 20px;
    margin-bottom: 40px
}

.fractionalPremiumAccountCredit__94f72,.premiumSubscriptionAccountCredit__94f72 {
    background-color: var(--background-base-lower);
    border-radius: 5px
}

.accountCreditRow__94f72 {
    display: flex;
    padding: 16px
}

.accountCreditsContainer__94f72 .accountCreditRow__94f72:not(:last-child) {
    border-bottom: 1px solid var(--border-subtle)
}

.iconBackground__94f72 {
    align-items: center;
    align-self: center;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    padding: 4px
}

.iconBackgroundTier0__94f72 {
    background-image: linear-gradient(90deg,var(--premium-tier-0-purple-for-gradients),var(--premium-tier-0-blue-for-gradients))
}

.iconBackgroundTier1__94f72 {
    background-image: linear-gradient(90deg,var(--premium-tier-1-dark-blue-for-gradients),var(--premium-tier-1-blue-for-gradients))
}

.iconBackgroundTier2__94f72 {
    background-image: linear-gradient(90deg,var(--premium-tier-2-purple-for-gradients),var(--premium-tier-2-pink-for-gradients))
}

.iconBackgroundFractional__94f72 {
    background-image: linear-gradient(0deg,var(--guild-boosting-blue),var(--guild-boosting-purple))
}

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

.icon__94f72,.iconFractional__94f72 {
    height: 24px;
    width: 24px
}

.iconFractional__94f72 {
    filter: drop-shadow(0 1px 2px rgb(0 0 0/.4))
}

.rowDetails__94f72 {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    margin: 0 8px
}

.rowApplied__94f72 {
    font-weight: var(--font-weight-normal)
}

.rowCreditCount__94f72 {
    align-self: center;
    color: var(--interactive-text-default)
}

.fractionalTimeRemainingRow__94f72 {
    background-color: var(--background-base-lowest);
    border-radius: 0 0 5px 5px;
    display: flex;
    padding: 16px
}

.fractionalTimeRemainingRowDetails__94f72 {
    color: var(--brand-360);
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    margin: 0
}

.fractionalTimeRemainingRowHeader__94f72 {
    color: var(--brand-360)
}

.fractionalTimeRemainingPillWrapper__94f72 {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.fractionalTimeRemainingPill__94f72 {
    align-items: center;
    background-image: linear-gradient(0deg,var(--brand-560),var(--brand-460));
    border-radius: var(--radius-md);
    display: flex
}

.fractionalTimeRemainingPillText__94f72 {
    color: var(--white);
    display: inline-block;
    line-height: 18px;
    padding: 4px 8px;
    text-align: center
}

.tier1AccountCreditHeader__94f72 {
    padding-bottom: 16px;
    padding-top: 32px
}

.fractionalUnactivatedPill__94f72 {
    align-items: center;
    background-color: var(--background-base-lower);
    border-radius: var(--radius-md);
    display: flex
}

.fractionalUnactivatedPillText__94f72 {
    color: var(--brand-360);
    display: inline-block;
    line-height: 18px;
    padding: 4px 8px;
    text-align: center
}

.banner__84995 {
    background-position: 0 0;
    background-repeat: no-repeat;
    border-radius: 4px;
    box-sizing: border-box;
    color: var(--white);
    display: flex;
    flex-direction: column;
    padding: 16px;
    position: relative
}

.bannerBackgroundImage__84995 {
    background-image: url(/assets/be68608fe0247064.svg);
    background-repeat: no-repeat;
    bottom: 0;
    position: absolute;
    top: 6px;
    inset-inline: 0
}

.image__84995 {
    background-size: 100% 100%;
    flex-shrink: 0;
    height: 68px;
    margin-inline-end:8px;width: 96px
}

@media (max-width: 485px) {
    .image__84995 {
        display:none
    }
}

.repositioned__84995 .image__84995 {
    height: 68px;
    margin-inline-end:16px;width: 88px
}

.repositioned__84995 .buttons__84995 {
    inset-inline-end: 0;
    position: relative;
    top: 0
}

.repositioned__84995 .planInfo__84995 {
    margin: 10px 0 16px
}

.repositioned__84995 .planName__84995 {
    height: 28px
}

.repositioned__84995.tier0__84995 .basicWordmark__84995 {
    background-size: contain;
    height: 16px
}

.details__84995,.image__84995 {
    position: relative
}

.tier0__84995.banner__84995 {
    background-image: var(--custom-premium-colors-premium-gradient-tier-0)
}

.tier0__84995 .image__84995 {
    background-image: url(/assets/678405b196a10914.svg)
}

.tier0__84995 .discordWordmark__84995 {
    height: 16px;
    width: 41px
}

.tier0__84995 .basicWordmark__84995 {
    background-image: url(/assets/dbd86d446dd08738.svg);
    background-repeat: no-repeat;
    height: 19px
}

.tier0__84995 .details__84995 {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    height: 100%
}

.tier0__84995.canceled__84995 .image__84995,.tier0__84995.failedPayment__84995 .image__84995,.tier0__84995.pausePending__84995 .image__84995,.tier0__84995.paused__84995 .image__84995 {
    background-image: url(/assets/2151b9a5d6e8fd2d.svg)
}

.tier1__84995.banner__84995 {
    background-image: var(--custom-premium-colors-premium-gradient-tier-1)
}

.tier1__84995 .image__84995 {
    background-image: url(/assets/9e74dbc28e1b3b88.svg)
}

.tier1__84995 .discordWordmark__84995 {
    height: 16px;
    width: 41px
}

.tier1__84995 .classicWordmark__84995 {
    background-image: url(/assets/1aa632d6117fca62.svg);
    height: 19px;
    width: 185px
}

.tier1__84995 .details__84995 {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    height: 100%
}

.tier1__84995.canceled__84995 .image__84995,.tier1__84995.failedPayment__84995 .image__84995,.tier1__84995.pausePending__84995 .image__84995,.tier1__84995.paused__84995 .image__84995 {
    background-image: url(/assets/2151b9a5d6e8fd2d.svg)
}

.tier2__84995.banner__84995 {
    background-image: var(--custom-premium-colors-premium-gradient-tier-2)
}

.tier2__84995 .image__84995 {
    background-image: url(/assets/64932bb2d0db66ec.svg)
}

.tier2__84995 .planName__84995 {
    height: 32px;
    width: 77px
}

.tier2__84995.canceled__84995 .image__84995,.tier2__84995.failedPayment__84995 .image__84995,.tier2__84995.pausePending__84995 .image__84995,.tier2__84995.paused__84995 .image__84995 {
    background-image: url(/assets/3137261af6151921.svg)
}

.canceled__84995.banner__84995 {
    background-image: linear-gradient(90deg,#f18623,#f6a12a 56%,#fab930)
}

.canceled__84995 .planInfo__84995,.canceled__84995 .planName__84995 {
    color: var(--black)
}

.failedPayment__84995.banner__84995 {
    background-image: linear-gradient(270deg,#e82427,#c81031)
}

.paused__84995.banner__84995 {
    border-radius: 4px
}

.pausePending__84995.banner__84995,.paused__84995.banner__84995 {
    background: var(--primary-500)
}

.planInfo__84995 {
    font-size: 16px;
    line-height: 20px;
    margin-top: 8px
}

.buttons__84995 {
    inset-inline-end: 20px;
    justify-content: flex-end;
    position: absolute;
    top: 16px
}

.buttons__84995,.toolsButtons__84995 {
    display: flex
}

.toolsButton__84995 {
    margin-inline-start:16px;position: relative
}

@media (max-width: 390px) {
    .premiumSettingsPushButton__84995 {
        margin-inline-start:8px
    }
}

.secondaryBannerTextButtonContainerWithPause__84995 {
    margin-top: 5px;
    margin-inline-end:15px}

@media (max-width: 485px) {
    .secondaryBannerTextButtonContainerWithPause__84995 {
        margin-top:0;
        margin-inline-end:0}

    .secondaryBannerTextButtonContainerWithPause__84995 button>span {
        display: inline-block;
        line-break: strict;
        overflow-wrap: break-word;
        text-align: center;
        white-space: normal;
        width: 130px;
        word-break: keep-all
    }
}

@media (max-width: 390px) {
    .secondaryBannerTextButtonContainerWithPause__84995 button>span {
        width:120px
    }
}

.secondaryBannerTextButtonContainer__84995 {
    margin-top: 5px;
    margin-inline-end:15px}

.linkButton__84995 {
    padding: 0 2px;
    position: relative
}

.externalButton__84995 {
    text-transform: uppercase
}

.detailsContainer__84995 {
    align-items: center;
    display: flex
}

.discountPill__84995 {
    margin-inline-start:8px;position: relative;
    top: 5px
}

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

.wordMark__84995 {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column
}

.headerColumnB__84995 {
    flex-direction: row
}

.finePrintWithOverheadSeparator_df7724 {
    border-top: 1px solid var(--border-subtle);
    line-height: 1.4;
    margin-top: 32px;
    padding-top: 32px
}

.finePrint_df7724 {
    line-height: 1.4
}

.container__8f41e {
    align-items: center;
    border-radius: var(--radius-sm);
    display: flex;
    justify-content: space-between;
    min-width: 0;
    padding-block:var(--space-8);padding-inline-end: var(--space-8);
    padding-inline-start:var(--space-4)}

.container__8f41e.hoverBackground__8f41e: hover {
    background:var(--background-mod-muted)
}

.userInfoContainer__8f41e {
    align-items: center;
    display: flex;
    flex-direction: row;
    min-width: 0;
    overflow: hidden
}

.userInfoContainer__8f41e.faded__8f41e {
    opacity: .5
}

.avatar__8f41e {
    flex-shrink: 0;
    margin-inline-end:var(--space-12)}

.username__8f41e {
    flex-shrink: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.separator__8f41e {
    margin-inline-end:var(--space-4);margin-inline-start: var(--space-4)
}

.label__8f41e {
    flex-shrink: 0;
    white-space: nowrap
}

.userIconCircle__8f41e {
    align-items: center;
    background: var(--background-mod-subtle);
    border-radius: 50%;
    display: flex;
    height: 24px;
    justify-content: center;
    width: 24px
}

.textButtonContainer__8f41e {
    margin-inline-start:var(--space-12)}

.logoHeader_f1578d {
    font-size: 16px;
    font-style: italic;
    font-weight: 900;
    line-height: 23.643px;
    text-transform: uppercase
}

.container_f1578d {
    background: var(--background-surface-high);
    border-radius: var(--radius-sm);
    padding: var(--space-4) var(--space-24) 0;
    width: 100%
}

.header_f1578d {
    align-items: center;
    border-bottom: 1px solid var(--border-muted);
    display: flex
}

.headerTitle_f1578d {
    height: 16px
}

.contentGrid_f1578d {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 320px
}

.contentGrid_f1578d>* {
    min-width: 0
}

.descriptionAndButtonContainer_f1578d {
    align-items: flex-start;
    border-inline-end:1px solid var(--border-muted);box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-inline-end:var(--space-32);padding-bottom: var(--space-24);
    padding-top: var(--space-24)
}

.descriptionContainer_f1578d {
    margin-bottom: var(--space-10)
}

.buttonContainer_f1578d {
    margin-top: var(--space-12)
}

.usersListHeader_f1578d,.usersListHeaderContainer_f1578d {
    margin-bottom: 10px
}

.usersListHeader_f1578d {
    padding: var(--space-12) var(--space-4) 0
}

.button_f1578d {
    margin-top: var(--space-12)
}

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

.churnDiscountBanner__32fe3 {
    border-radius: var(--radius-md);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    max-width: 660px;
    padding: 16px 24px 24px;
    position: relative
}

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

.churnDiscountBannerDetails__32fe3 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
    max-width: 420px;
    padding-inline-end:12px}

.churnDiscountBannerBackground__32fe3 {
    background-color: var(--background-base-lowest);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md)
}

.selectPlanDivider__32fe3 {
    background-color: var(--border-subtle);
    height: 1px;
    margin: 8px 0 16px
}

.headerLabel__32fe3 {
    display: flex;
    flex-direction: row;
    padding-bottom: 4px
}

.headerGradient__32fe3 {
    border-radius: var(--radius-md);
    margin: -1px;
    margin-top: calc(var(--custom-modal-padding-top)*-1 - 1px);
    padding: 1px;
    padding-top: calc(var(--custom-modal-padding-top) + 1px)
}

.churnDiscountBannerImage__32fe3 {
    max-height: 140px;
    max-width: 250px;
    padding-inline-start:20px}

.activeSubButtons__32fe3 {
    display: flex;
    gap: 8px
}

.churnDiscountBannerButton__32fe3 {
    margin-top: 12px;
    position: relative
}

.churnDiscountPill__32fe3 {
    margin-inline-start:8px;position: relative
}

.churnDiscountBannerExpiryDate__32fe3 {
    justify-content: flex-end;
    margin-inline-start:auto;position: relative
}

.churnDiscountBannerWordMark__32fe3 {
    color: var(--text-strong);
    width: 67px
}

.root_dbec16 {
    align-items: center;
    background-color: var(--background-base-lower);
    border-radius: 4px;
    display: flex;
    font-size: 14px;
    line-height: 18px;
    padding: 8px 16px
}

.infoIcon_dbec16 {
    height: 14px;
    margin-inline-end:6px;width: 14px
}

.infoIcon_dbec16,.text_dbec16 {
    color: var(--interactive-text-default)
}

.text_dbec16 {
    flex-grow: 1
}

.cancelLink_dbec16 {
    color: var(--blue-345);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap
}

@media (max-width: 485px) {
    .cancelLink_dbec16 {
        margin-inline-start:6px
    }
}

.modalBody_dbec16 {
    color: var(--interactive-text-default);
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 16px
}

.container__70151 {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    flex-direction: column
}

.loading__70151 {
    align-items: center;
    display: flex;
    height: 520px;
    justify-content: center
}

.background__70151 {
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0
}

.content__70151 {
    display: flex;
    flex-direction: column;
    gap: 32px;
    position: relative
}

.subSectionHeader__70151 {
    text-transform: uppercase
}

.accountCredit__70151 {
    margin-top: 16px
}

.accountCreditTitle__70151 {
    margin-bottom: 8px
}

.accountCreditDescription__70151 {
    color: var(--text-default);
    margin-bottom: 16px;
    margin-top: 0
}

.cardText__70151 {
    padding-inline-start:8px}

.noItemsCard__70151 {
    background-color: var(--background-base-lower);
    border: none;
    color: var(--interactive-text-active);
    font-size: 16px;
    font-weight: var(--font-weight-medium);
    line-height: 20px;
    margin-top: 16px;
    padding: 16px 19px
}

.theme-dark .noItemsIcon__70151 {
    background: #4f545c
}

.hr__70151 {
    border-color: hsl(var(--primary-300-hsl)/.3);
    border-style: solid;
    border-width: 1px 0 0;
    display: block;
    height: 0;
    width: 100%
}

.theme-dark .hr__70151 {
    border-color: hsl(var(--primary-400-hsl)/.3)
}

.profileCustomizationSection__44061 {
    position: relative
}

.profileCustomizationSection__44061 p {
    margin-top: 0
}

.baseLayout__44061 {
    align-items: start;
    display: grid;
    gap: 32px;
    grid-template-columns: 1fr;
    position: relative
}

.previewsContainer__44061 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 300px
}

.previewTitle__44061 {
    margin-bottom: 8px
}

@media (min-width: 1024px) {
    .baseLayout__44061 {
        gap:36px;
        grid-template-areas: "form preview";
        grid-template-columns: minmax(0,1fr) 300px
    }

    .formContent__44061 {
        grid-area: form
    }

    .previewsContainer__44061 {
        grid-area: preview;
        position: sticky;
        top: 24px
    }
}

.topSpacing__5273b {
    margin-top: 24px
}

.emptyState__5273b {
    align-items: center;
    display: flex;
    flex-direction: column
}

.emptyState__5273b,.image__5273b {
}

.image__5273b {
    height: 162px;
    width: 186px
}

.title_ace4f5 {
    align-items: center;
    display: flex;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.viewFullProfileButton_ace4f5 {
    margin-inline-start:auto}

.disabled_ace4f5 {
    opacity: .4;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.customizationSection_ace4f5 {
    border-bottom: 1px solid var(--border-subtle);
    margin-bottom: 24px;
    padding-bottom: 24px
}

.customizationSection_ace4f5.hideDivider_ace4f5 {
    border-bottom: none;
    padding-bottom: 0
}

.customizationSection_ace4f5:last-child:not(.withDivider_ace4f5) {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.customizationSection_ace4f5.showBorder_ace4f5 {
    padding-bottom: 12px
}

.customizationSectionBackground_ace4f5 {
    padding: 16px
}

.sectionDescription_ace4f5 {
    margin-bottom: 16px
}

.errorMessage_ace4f5 {
    margin-top: 8px
}

.customizationSectionBorder_ace4f5 {
    margin: -12px -12px 0
}

.bioTextArea__6a919 {
    --channel-text-area-placeholder: var(--input-placeholder-text-default);
    border-radius: 3px;
    height: 136px;
    transition: border-color .2s ease-in-out
}

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

.bioTextArea__6a919>div {
    height: 100%
}

.bioTextArea__6a919,.bioTextAreaContainer__6a919 {
    background: var(--input-background-default)
}

.bioTextAreaContainer__6a919 {
    border: 1px solid var(--input-border-default)
}

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

.buttonsContainer__89253 {
    display: flex;
    flex-wrap: wrap
}

.removeButton__89253 {
    margin-inline-start:4px}

.buttonHighlighted__89253 {
    background: linear-gradient(95.07deg,var(--premium-tier-2-purple-for-gradients) 0,var(--premium-tier-2-purple-for-gradients-2) 49.96%,var(--premium-tier-2-pink-for-gradients) 95.93%)
}

.overrideButtonsContainer__89253 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 16px
}

.buttonsContainer__28d5e {
    display: flex;
    flex-wrap: wrap
}

.removeButton__28d5e {
    margin-inline-start:4px}

.buttonHighlighted__28d5e {
    background: linear-gradient(95.07deg,var(--premium-tier-2-purple-for-gradients) 0,var(--premium-tier-2-purple-for-gradients-2) 49.96%,var(--premium-tier-2-pink-for-gradients) 95.93%)
}

.newBadge__28d5e {
    margin-inline-start:4px}

.buttonsContainer__4962e {
    display: flex;
    flex-wrap: wrap;
    gap: 4px
}

.newBadge__4962e {
    margin-inline-start:4px}

.section__25879 {
    display: flex;
    flex-wrap: wrap;
    gap: 4px
}

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

.buttonsContainer_ffefd9 {
    display: flex
}

.removeButton_ffefd9 {
    margin-inline-start:4px}

.buttonHighlighted_ffefd9 {
    background: linear-gradient(95.07deg,var(--premium-tier-2-purple-for-gradients) 0,var(--premium-tier-2-purple-for-gradients-2) 49.96%,var(--premium-tier-2-pink-for-gradients) 95.93%)
}

.buttonsContainer_fd47ae {
    display: flex;
    flex-wrap: wrap
}

.removeButton_fd47ae {
    margin-inline-start:4px}

.buttonHighlighted_fd47ae {
    background: linear-gradient(95.07deg,var(--premium-tier-2-purple-for-gradients) 0,var(--premium-tier-2-purple-for-gradients-2) 49.96%,var(--premium-tier-2-pink-for-gradients) 95.93%)
}

.newBadge_fd47ae {
    align-items: center;
    margin-inline-start:2px}

.colorSwatch__2d060 {
    cursor: pointer;
    display: inline-block;
    height: -moz-fit-content;
    height: fit-content;
    position: relative;
    text-align: center
}

.colorSwatch__2d060.disabled__2d060 {
    cursor: not-allowed;
    opacity: .3
}

.swatch__2d060 {
    align-items: center;
    border: 1px solid;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    height: 50px;
    justify-content: center;
    position: relative;
    width: 69px
}

.editPencilIcon__2d060 {
    inset-inline-end: 4px;
    position: absolute;
    top: 4px
}

.enable-forced-colors .swatch__2d060 {
    forced-color-adjust: none
}

.sectionContainer__04485 {
    display: flex;
    margin-top: 8px
}

.newBadge__04485 {
    background: var(--custom-premium-colors-premium-gradient-tier-2);
    display: inline;
    line-height: 18px;
    margin-inline-start:2px}

.resetButton__04485 {
    margin-inline-start:4px;margin-top: calc((50px - var(--custom-button-button-sm-height))/2)
}

.colorSwatchLabel__04485 {
    margin-top: 4px
}

.sparkles__04485 {
    inset-inline-start: -10px;
    pointer-events: none;
    position: absolute;
    top: -15px;
    z-index: 1
}

.sparklesFlip__04485 {
    transform: scaleX(-1) scaleY(-1)
}

.sparkleContainer__04485 {
    position: relative
}

.sparkleContainer__04485:first-child {
    margin-inline-end:16px}

.displayNameStylesSection__17e9b {
    margin-top: var(--space-24)
}

.upsellOverlayContainer__0f7dc {
    background: linear-gradient(var(--background-base-low),var(--background-base-low)) padding-box,var(--custom-premium-colors-premium-gradient-tier-2)-diagonal border-box;
    border: 2px solid transparent;
    border-radius: 8px;
    padding: 16px;
    position: relative
}

.upsellOverlay__0f7dc {
    align-items: center;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    inset-inline: 0;
    bottom: 0;
    gap: 16px;
    justify-content: center;
    padding: 16px 32px;
    position: absolute;
    text-align: center;
    top: 0
}

.upsellImage__0f7dc {
    height: 200px;
    width: 240px
}

.upsellTextContainer__0f7dc {
    background: var(--custom-premium-colors-premium-gradient-tier-2);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 240px;
    padding: 16px 18px 18px
}

.theme-dark .upsellOverlay__0f7dc {
    background-color: var(--opacity-black-40)
}

.theme-light .upsellOverlay__0f7dc {
    background-color: var(--opacity-white-40)
}

.sectionsContainer__722a8 {
    flex: 1
}

.nitroWheel__722a8 {
    height: 16px;
    margin-inline:2px 4px;vertical-align: sub;
    width: 16px
}

.section__999b5 {
    margin-top: 16px
}

.guildSelectOptionIcon__999b5 {
    border-radius: 4px
}

.profilePreviewTitle__14af9 {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.nameplatePreviewPlaceholder__14af9 {
    background: var(--background-mod-normal)
}

.settingsPage_f131e9 {
    display: flex;
    flex-direction: column;
    gap: var(--space-32);
    min-width: 0;
    width: 100%
}

.container__8279f {
    align-items: center;
    background: linear-gradient(0deg,var(--opacity-black-20) 0,var(--opacity-black-20) 100%),linear-gradient(187deg,var(--premium-tier-0-header-gradient-1) -9.85%,var(--premium-tier-0-header-gradient-2) 35.44%,var(--premium-tier-0-header-gradient-3) 55.85%,var(--premium-tier-0-header-gradient-4) 100.07%,var(--premium-tier-0-header-gradient-5) 110.26%);
    background-position: 50%;
    background-size: cover;
    border-radius: var(--radius-sm);
    flex-direction: row;
    margin: 24px 0;
    padding-inline-end:24px}

.container__8279f,.mainColumn__8279f {
    display: flex;
    justify-content: center
}

.mainColumn__8279f {
    color: var(--white);
    flex: 1;
    flex-direction: column;
    margin: auto 0;
    min-height: 96px;
    padding-block:16px;padding-inline:4px 16px}

.title__8279f {
    margin-bottom: 4px
}

.artContainer__8279f {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex-basis: 154px;
    height: 100px;
    position: relative
}

.art__8279f {
    bottom: -9px;
    height: 124px;
    inset-inline-start: -10px;
    -o-object-fit: contain;
    object-fit: contain;
    pointer-events: none;
    position: absolute;
    width: 154px
}

@keyframes avatarAnimation_abf1df {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.full-motion .spinningAvatar_abf1df {
    animation: avatarAnimation_abf1df 3s ease infinite
}

.modal__038c3 {
    width: 650px
}

.modalContent__038c3 {
    margin-bottom: 0;
    padding-inline-start:0}

.previewContainerParent__038c3 {
    background: var(--background-base-lower);
    border-start-start-radius: var(--radius-md);
    margin-top: -8px;
    overflow-y: clip;
    padding: var(--space-32);
    padding-bottom: 0
}

.previewContainer__038c3 {
    margin-bottom: -8px;
    text-align: start;
    width: 240px
}

.connectedAccountVanityMetadata_fffe42 {
    margin-top: 4px
}

.connectedAccountVanityMetadata_fffe42>strong {
    font-weight: inherit
}

.connectedAccountVanityMetadata_fffe42:not(:last-of-type) {
    margin-inline-end:8px}

.connectedAccountVanityMetadataTag_fffe42 {
    background-color: var(--background-mod-subtle);
    border-radius: 12px;
    padding: 1px 8px
}

.connectedAccountVanityMetadataItem_fffe42 {
    align-items: center;
    display: flex
}

.connectedAccountVanityMetadataItemIcon_fffe42 {
    height: 18px;
    margin-inline-end:4px;width: 18px
}

.paypalVerifiedTag_fffe42 {
    background-color: var(--status-positive-background);
    color: var(--white)!important
}

.title__9a52c {
    margin-bottom: 12px
}

.container__9a52c {
    border-top: 1px solid var(--border-strong);
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    padding-top: 24px;
    width: 100%
}

.activityRow__9a52c {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    gap: 16px;
    padding: 16px 0
}

.activitySettings__9a52c {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--space-16);
    justify-content: center
}

.connectionIcon__9a52c {
    height: 32px;
    width: 32px
}

.divider__9a52c {
    border-bottom: 1px solid var(--border-strong);
    width: 100%
}

.visibilitySwitch__9a52c {
    margin-bottom: 0
}

.additionalDetailsSwitch__9a52c {
    margin-bottom: 0;
    margin-top: 8px
}

.metadataContainer__9a52c {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 4px;
    width: 100%
}

.metadataContainer__9a52c .metadataItem__9a52c {
    margin: 0;
    padding: 0
}

.metadataContainer__9a52c .metadataItem__9a52c:not(:last-of-type) {
    margin-inline-end:0}

.metadataRefreshButton__9a52c {
    justify-self: flex-end;
    margin-inline-start:16px}

.dot__9a52c {
    background-color: var(--text-default);
    border-radius: 4px;
    height: 4px;
    margin: 0 4px;
    width: 4px
}

.container__14992 {
    display: flex;
    flex-direction: row;
    margin-bottom: var(--space-12)
}

.button__14992 {
    align-content: center;
    background-color: var(--background-base-lowest);
    border-radius: var(--radius-sm);
    color: var(--interactive-text-default);
    cursor: pointer;
    justify-items: center;
    padding: var(--space-8)
}

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

.select__14992 {
    cursor: pointer;
    display: flex;
    height: 40px;
    margin-inline-start:var(--space-8);overflow: hidden;
    position: relative
}

.presetImage__14992,.select__14992 {
    border-radius: var(--radius-sm);
    flex: 1
}

.presetImage__14992 {
    background-size: cover
}

.presetLabel__14992 {
    align-self: center;
    inset: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase
}

.tryItOutSection__9d295 {
    margin-top: 40px;
    width: -moz-fit-content;
    width: fit-content
}

.tryItOutLayout__9d295 {
    gap: 30px
}

.description__9d295 {
    margin-bottom: 24px;
    margin-top: 8px
}

.premiumPerksList__9d295 {
    list-style: disc;
    padding-inline-start:24px}

.premiumSubscribeButton__9d295 {
    margin-top: 24px;
    width: 100%
}

.premiumIcon__9d295 {
    height: 16px;
    margin-inline-end:-2px}

.editor__9d295 {
    min-width: 315px
}

.customizationSection__9d295 {
    margin-bottom: 16px;
    padding-bottom: 16px
}

.premiumTier2Divider__9d295 {
    background-image: linear-gradient(90deg,var(--premium-tier-2-pink-for-gradients) 0,var(--premium-tier-2-purple-for-gradients) 50%,var(--premium-tier-2-pink-for-gradients) 100%);
    height: 2px;
    margin-top: 68px;
    margin-inline:-24px}

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

.floatingUpsell__9d295 {
    background: var(--background-mod-normal);
    margin: 0;
    margin-top: var(--space-24)
}

.container_e7c728 {
    flex: 1;
    justify-content: space-between
}

.container_e7c728,.guildPrefixContainer_e7c728 {
    align-items: center;
    display: flex;
    min-width: 0
}

.guildPrefixContainer_e7c728 {
    justify-content: center
}

.guildPrefixIcon_e7c728 {
    flex: 1 0 auto
}

.details_e7c728 {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
    padding-inline-start:8px}

.guildName_e7c728 {
    color: var(--text-strong);
    font-size: 16px;
    font-weight: var(--font-weight-semibold);
    line-height: 20px;
    margin-inline-end:4px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.tag_e7c728 {
    background-color: var(--background-surface-high);
    border: 1px solid var(--border-strong);
    flex: 0;
    padding: 4px 8px
}

.badge_e7c728 {
    margin-inline-end:2px;vertical-align: top
}

.tagContainer_e7c728 {
    flex: 0 0 auto
}

.subtitle__105ba {
    margin-bottom: 16px
}

.select__105ba,.selectPopout__105ba {
    gap: 8px
}

.newBadge__105ba {
    margin-inline-start:var(--space-4)}

.displayNameStylesSection_e60bc0 {
    margin-top: var(--space-24)
}

.newBadge__17510 {
    margin-inline-start:4px}

.sectionsContainer_def11f {
    flex: 1
}

@media (min-width: 937px) {
    .sectionsContainer_def11f {
        box-sizing:border-box;
        max-width: 337px
    }
}

.floatingNitroUpsell__39749 {
    inset: auto;
    bottom: var(--space-32);
    inset-inline: var(--space-24);
    max-width: 740px;
    padding: var(--space-16);
    position: sticky;
    z-index: 100
}

.nameplatePreviewPlaceholder__39749 {
    background: var(--background-mod-normal)
}

.tryItOutButton__39749 {
    border: 1px solid var(--border-subtle);
    border-radius: calc(var(--radius-sm) + 1px)
}

.divider_d6f9e9 {
    margin-bottom: 24px;
    padding-bottom: 4px
}

.divider_d6f9e9,.tabBar_d6f9e9 {
    border-bottom: 1px solid var(--border-subtle)
}

.tabBar_d6f9e9 {
    margin-bottom: 16px;
    margin-top: 0
}

.tabBarItem_d6f9e9 {
    padding-bottom: 16px
}

.guildTabBarItem_d6f9e9 {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 8px
}

.clickable__2debe {
    cursor: pointer;
    display: flex
}

.info__2debe {
    padding: 8px 10px;
    text-transform: capitalize;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.line__2debe {
    display: inline-block;
    width: 100%
}

.appArch__2debe,.os__2debe,.versionHash__2debe {
    text-transform: none
}

.compact__2debe {
    flex-direction: column;
    gap: var(--space-4);
    width: -moz-fit-content;
    width: fit-content
}

.compactInfo__2debe>:not(:last-child):after {
    color: var(--text-muted);
    content: "â€¢";
    font-size: 10px;
    margin: 0 var(--space-4)
}

.compact__2debe .versionHash__2debe {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.socialLinks__7df54 {
    font-size: 12px;
    line-height: 16px;
    padding: 8px 10px
}

.link__7df54 {
    color: var(--interactive-text-default);
    margin-inline-end:8px;padding: 0 2px
}

.link__7df54:hover {
    color: var(--interactive-text-hover)
}

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

.foreground__7df54 {
    transition: color .15s ease
}

.preview__5d148 {
    background-color: var(--background-base-lower);
    padding: 16px
}

.previewMessage__5d148 {
    border-radius: var(--radius-xs);
    margin-top: 16px;
    padding: 8px
}

.previewHeader__5d148 {
    display: flex
}

.previewAvatars__5d148 {
    display: grid;
    gap: 8px;
    grid-auto-flow: column;
    margin-inline-start:8px}

.ttsSliderMarker__5d148 {
    text-transform: uppercase
}

.syncProfileThemeWithUserTheme__5d148 {
    scroll-margin-top: 125px
}

.reducedMotion__5d148 {
    scroll-margin-top: 145px
}

.custom-theme-background .preview__5d148 {
    background: var(--background-gradient-chat-preview)
}

.appearanceUpsell__5d148 {
    padding-top: 24px
}

.avatarBackground_eb2508 {
    align-items: center;
    background-color: var(--background-mod-strong);
    border-radius: 50%;
    height: 92px;
    justify-content: center;
    width: 92px
}

.avatar_eb2508,.avatarBackground_eb2508 {
    display: flex;
    position: relative
}

.indicator_eb2508 {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute
}

.container_d878e7 {
    border: none;
    display: flex;
    flex-direction: row;
    gap: var(--space-16);
    margin-bottom: var(--space-32);
    padding-top: var(--space-8);
    width: 100%;
    --__card-accent-color: transparent
}

.profile_d878e7 {
    justify-content: center;
    margin-inline-start:var(--space-16)}

.status_d878e7 {
    row-gap: var(--space-24)
}

.status_d878e7,.title_d878e7 {
    display: flex;
    flex-direction: column;
    width: 100%
}

.title_d878e7 {
    row-gap: var(--space-8)
}

.health_d878e7 {
    display: flex;
    position: relative;
    width: 100%
}

.line_d878e7 {
    background-color: var(--background-mod-strong);
    height: 4px;
    position: absolute;
    top: var(--space-12);
    width: 100%
}

.statusOption_d878e7 {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: absolute;
    row-gap: var(--space-8);
    text-align: center;
    width: 15%
}

.statusOption_d878e7:nth-of-type(2) {
    align-items: flex-start;
    inset-inline-start: 0;
    text-align: start
}

.statusOption_d878e7:nth-of-type(3) {
    inset-inline-start: 25%;
    transform: translate(-50%)
}

.statusOption_d878e7:nth-of-type(4) {
    inset-inline-start: 50%;
    transform: translate(-50%)
}

.statusOption_d878e7:nth-of-type(5) {
    inset-inline-start: 75%;
    transform: translate(-50%)
}

.statusOption_d878e7:nth-of-type(6) {
    align-items: flex-end;
    inset-inline-start: 100%;
    text-align: end;
    transform: translate(-100%)
}

.statusLabel_d878e7 {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.marker_d878e7 {
    align-items: center;
    background-color: var(--background-base-low);
    border-radius: 50%;
    display: flex;
    height: 28px;
    justify-content: center;
    width: 28px;
    z-index: 1
}

.marker_d878e7 .empty_d878e7 {
    background-color: var(--background-mod-strong);
    border-radius: 50%;
    height: 16px;
    width: 16px
}

.dropdown_edf232 {
    background-color: var(--background-base-lower);
    border-radius: var(--radius-md);
    margin-bottom: 8px
}

.header_edf232 {
    box-sizing: border-box;
    cursor: pointer;
    flex-direction: row;
    padding: 8px;
    width: 100%
}

.header_edf232,.headerIconWrapper_edf232 {
    align-items: center;
    display: flex
}

.headerIconWrapper_edf232 {
    background-color: var(--background-base-lowest);
    border-radius: var(--radius-xl);
    height: 40px;
    justify-content: center;
    margin: 5px;
    width: 40px
}

.caret_edf232 {
    color: var(--interactive-text-default);
    justify-self: flex-end;
    margin: 8px
}

.title_edf232 {
    color: var(--text-muted);
    margin-inline:10px auto}

.items_edf232,.title_edf232 {
    display: flex;
    flex-direction: column
}

.items_edf232 {
    align-items: center;
    color: var(--white);
    gap: 8px;
    padding: 8px
}

.itemDetail_edf232,.items_edf232 {
    box-sizing: border-box
}

.itemDetail_edf232 {
    background-color: var(--background-mod-strong);
    border-radius: var(--radius-md);
    cursor: pointer;
    height: -moz-max-content;
    height: max-content;
    margin: 8px 4px 0;
    padding: var(--space-16);
    width: 100%
}

.itemDetailNew_edf232 {
    border: 1px solid var(--brand-500)
}

.descriptionContainer_edf232 {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.incidentTimeBase_edf232 {
    border-radius: var(--radius-md);
    padding: 3px 6px;
    width: -moz-max-content;
    width: max-content
}

.timestamp_edf232 {
    background-color: var(--background-base-lowest)
}

.newBadge_edf232,.timestamp_edf232 {
}

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

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

.content_edf232 {
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    min-height: 100px;
    min-width: 200px;
    padding: 4px
}

.paginationButton_edf232 {
    background-color: var(--background-mod-subtle);
    border-end-end-radius: var(--radius-md);
    border-end-start-radius: var(--radius-md);
    color: var(--white);
    font-size: 13px;
    margin-top: -8px;
    padding: 8px 64px
}

.emptyState_edf232 {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    margin-bottom: 12px;
    margin-top: 12px
}

.emptyStateSubtext_edf232,.emptyStateText_edf232 {
    margin: 0
}

.iconContainer_edf232 {
    margin-bottom: var(--space-16);
    position: relative
}

.iconBackground_edf232 {
    background-color: var(--background-base-lowest);
    border-radius: 36px;
    display: inline-block;
    padding: 10px
}

.icon_edf232 {
    color: var(--text-default);
    height: 42px;
    margin: 4px 2px 0;
    width: 42px
}

.stars_edf232 {
    inset-inline-start: -18px;
    position: absolute
}

.container_d74ef8,.emptyPage_d74ef8 {
    display: flex;
    flex-direction: column
}

.emptyPage_d74ef8 {
    align-items: center;
    gap: 8px;
    justify-content: center
}

div.nagbar_d74ef8 {
    border-radius: 0 0 10px 10px;
    margin-top: -24px
}

.tabBar_f8303a {
    border-bottom: 1px solid var(--border-subtle);
    max-width: calc(100% - 60px)
}

.tabBar_f8303a.vertical_f8303a {
    border-bottom: none;
    gap: var(--space-16)
}

.tabBarPanel_f8303a {
    margin-top: var(--space-24)
}

.tabBarPanel_f8303a.vertical_f8303a {
    flex-grow: 1;
    margin-top: 0
}

.tab_f8303a {
    align-items: center;
    display: flex;
    flex-shrink: 1;
    gap: var(--space-8);
    padding-bottom: var(--space-12)
}

.tab_f8303a.vertical_f8303a {
    border-inline-start:1px solid var(--border-subtle);border-radius: 0
}

.tab_f8303a.vertical_f8303a.selected_f8303a {
    border-inline-start:2px solid var(--text-brand);color: var(--text-brand);
    margin-inline-start:-1px}

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

.tabbedSettingsContainer_f8303a.vertical_f8303a {
    align-items: flex-start;
    flex-direction: row;
    gap: var(--space-48)
}

.header__6c75d {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 24px;
    padding-top: 24px
}

.modalCloseButton__6c75d {
    inset-inline-end: 16px;
    position: absolute;
    top: 16px
}

.content__6c75d {
    align-items: center;
    display: flex;
    justify-content: space-around;
    margin-bottom: 8px
}

.icon__6c75d {
    margin-inline-end:16px}

.input__6c75d {
    margin-top: 8px
}

.settings__6c75d {
    margin-top: 32px
}

.credentialList__6c75d,.description__6c75d {
    margin-bottom: 8px
}

.credentialList__6c75d {
    background-color: var(--background-base-lower);
    border-radius: 4px
}

.credentialItem__6c75d {
    align-items: center;
    border-top: 1px solid var(--border-subtle);
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    padding: 8px;
    padding-inline-start:32px;width: 100%
}

.credentialItem__6c75d:not(:last-child) {
    margin-bottom: 4px
}

.credentialOptions__6c75d {
    height: 24px
}

.footer__6c75d {
    justify-content: space-between
}

.spacing_a959b1 {
    margin-bottom: 20px
}

.error_a959b1 {
    margin-top: 8px
}

.card_a959b1 {
    padding: 10px
}

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

.card__6aefd,.spacing__6aefd {
    margin-bottom: 20px
}

.card__6aefd {
    padding: 10px
}

.error__6aefd {
    margin-top: 8px
}

.lockIcon__2666b {
    filter: saturate(var(--saturation-factor,1))
}

.btn__2666b {
    cursor: pointer;
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    line-height: 16px;
    padding: 10px 20px;
    position: relative;
    text-align: center;
    transition: background-color .2s ease
}

.btn__2666b+.btn__2666b {
    margin-inline-start:8px}

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

.btn__2666b.btnPrimary__2666b {
    background-color: var(--brand-500);
    border-radius: 3px;
    color: var(--white);
    padding: 8px 16px
}

.btn__2666b.btnPrimary__2666b:hover:not(:disabled) {
    background-color: var(--brand-600)
}

.userSettingsSecurityImage__2666b {
    opacity: 1;
    transition: opacity .3s ease;
    width: 100%
}

@media (max-width: 840px) {
    .userSettingsSecurityImage__2666b {
        opacity:0
    }
}

.userSettingsSecurity__2666b .isEnabled__2666b {
    color: var(--text-feedback-positive)
}

.userSettingsSecurity__2666b .lockIcon__2666b {
    height: 14px;
    margin-inline-end:4px;position: relative;
    top: 2px;
    width: 10px
}

.userSettingsSecurity__2666b .checkboxGroup__2666b .code__2666b {
    cursor: text;
    font-family: var(--font-code);
    font-size: 14px;
    line-height: 28px;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.phoneRevealer__2666b {
    margin-inline-start:4px}

.changePasswordButton__2666b {
    margin-bottom: 28px
}

.inlineNoticeText__2666b {
    margin-bottom: var(--space-8)
}

.backupCode__2666b {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: var(--space-8);
    outline: none
}

.userProfileCustomizationSection__2666b {
    margin-top: 40px;
    position: relative
}

.nitroIcon__2666b {
    color: var(--text-strong);
    margin-inline-end:6px;position: relative;
    top: -3px
}

.customizationTitle__2666b {
    align-items: center;
    display: flex
}

.noticeTextButton__2666b {
    font-weight: 700;
    text-decoration: underline
}

.noticeTextButton__2666b,.userSettingsSecurity__2666b .backupCode__2666b {
    color: var(--text-default)
}

.tabPanel__2666b {
    margin-top: var(--space-32)
}

.spacer__5ecaa {
    width: 8px
}

.input__5ecaa {
    background-color: var(--input-background-default);
    border: 1px solid var(--input-border-default);
    border-radius: var(--radius-sm);
    box-sizing: border-box;
    color: var(--text-strong);
    font-size: 17px;
    height: 48px;
    margin-inline:var(--space-4);text-align: center;
    width: 48px
}

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

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

.phoneField_a0c54f {
    display: grid;
    gap: var(--space-8);
    grid-template-columns: 5fr 6fr;
    position: relative
}

.phoneVerificationModal_db41ea {
    min-height: 252px;
    padding: 16px;
    position: relative;
    width: 440px
}

.phoneVerificationModal_db41ea .animationContainer_db41ea {
    position: absolute;
    top: -150px;
    inset-inline: 130px
}

.phoneVerificationModal_db41ea .title_db41ea {
    color: var(--text-strong);
    font-size: 20px;
    font-weight: var(--font-weight-bold);
    margin-top: auto;
    padding-top: 80px
}

.phoneVerificationModal_db41ea .description_db41ea {
    color: var(--text-default);
    font-size: 16px;
    line-height: 20px;
    text-align: center
}

.phoneVerificationModal_db41ea .description_db41ea.error_db41ea {
    color: var(--text-feedback-critical)
}

.phoneVerificationModal_db41ea .field_db41ea {
    align-self: stretch
}

.description_d286c5 {
    margin-bottom: 16px
}

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

.accountProfileCard__1fed1 {
    background-color: var(--background-base-lowest);
    border-radius: var(--radius-sm);
    overflow: hidden;
    position: relative
}

.userInfo__1fed1 {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding-block:16px 0;padding-inline:120px 16px;width: 100%
}

.accountProfileCard__1fed1 .avatar__1fed1 {
    background-color: var(--background-base-lowest);
    box-sizing: content-box;
    inset-inline-start: 22px;
    position: absolute;
    top: 82px
}

.profileCardUsernameRow__1fed1 {
    display: flex
}

.overflowMenuButton__1fed1 {
    cursor: pointer;
    margin-inline-start:8px}

.overflowMenuIcon__1fed1 {
    color: var(--interactive-text-default)
}

.userTag__1fed1 {
    color: var(--text-strong);
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: var(--font-weight-semibold);
    line-height: 24px;
    margin-bottom: 6px
}

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

.background__1fed1 {
    background-color: var(--background-base-lower);
    border-radius: var(--radius-sm);
    margin: 8px 16px 16px;
    padding: 16px
}

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

.avatarUploaderInner__1fed1 {
    height: 80px;
    width: 80px
}

.details__1fed1 {
    display: flex;
    flex-direction: column;
    margin-bottom: auto;
    margin-top: auto;
    margin-inline-start:16px;overflow: hidden
}

.detailsInner__1fed1 {
    color: var(--text-strong);
    overflow: hidden;
    text-overflow: ellipsis
}

.badgeList__1fed1 {
    background-color: var(--background-base-lower);
    border: none;
    border-radius: var(--radius-sm);
    gap: 4px;
    max-width: 228px;
    padding: 2px 4px
}

.badgeList__1fed1:empty {
    height: 28px
}

.badge__1fed1 {
    height: 24px;
    width: 24px
}

.fieldList__1fed1 {
    background-color: var(--background-base-lower);
    border-radius: var(--radius-sm)
}

.field__1fed1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.fieldSpacer__1fed1 {
    margin-top: 24px
}

.fieldSpacerBottom__1fed1 {
    margin-bottom: 24px
}

.fieldTitle__1fed1 {
    margin-bottom: 4px
}

.fieldButtonList__1fed1 {
    display: flex
}

.fieldButton__1fed1,.pomeloWarning__1fed1 {
    margin-bottom: auto;
    margin-top: auto
}

.pomeloWarning__1fed1 {
    padding-inline-end:10px}

.removeButton__1fed1 {
    margin-inline-end:16px}

.menu__1fed1,.uploadButton__1fed1 {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    margin-inline-start:auto}

.menu__1fed1 {
    color: var(--interactive-text-default);
    cursor: pointer;
    margin-inline-end:16px}

.avatarError__1fed1 {
    margin-top: 8px
}

.constrainedRow__1fed1 {
    display: flex;
    flex: 1 1 auto;
    margin-inline-end:16px;overflow: hidden
}

.usernameRow__1fed1 {
    overflow: hidden
}

.usernameInnerRow__1fed1 {
    color: var(--text-strong);
    overflow: hidden;
    text-overflow: ellipsis
}

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

.enable-forced-colors .overflowMenuIcon__1fed1:focus,.enable-forced-colors .overflowMenuIcon__1fed1:hover {
    border-color: ButtonText
}

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

.textRevealer__1fed1 {
    align-items: center;
    display: flex;
    gap: 4px
}

.guildRow__7db08 {
    align-items: center;
    display: flex;
    gap: 16px
}

.guildsList__7db08 {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.guildRowTextContainer__7db08 {
    flex: 1;
    margin-inline-end:32px;overflow: hidden
}

.memberDetailsContainer__7db08 {
    align-items: center;
    display: flex;
    gap: 4px
}

.infoDot__7db08 {
    border-radius: 50%;
    flex-shrink: 0;
    height: 8px;
    width: 8px
}

.memberCountDot__7db08 {
    background-color: var(--primary-300)
}

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

.select__7db08 {
    max-width: 180px
}

.showAllButton__7db08 {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 16px;
    padding: 6px 0
}

.showAllIcon__7db08 {
    margin: 0 12px
}

.wrapper__7db08 {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.wrapperCompact__7db08 {
    gap: 16px
}

.guildRowWrapper__7db08 {
    margin: 0
}

.noResultsContainer__7db08 {
    align-items: center;
    display: flex;
    height: 736px;
    justify-content: center
}

.noResultsText__7db08 {
    color: var(--text-muted);
    text-transform: capitalize
}

.headerContainer__7db08 {
    background-color: var(--background-base-low);
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-top: 16px;
    position: sticky;
    top: 0;
    z-index: 1
}

.defaultSetting__6de8b {
    margin-bottom: 16px
}

.formTitle__6de8b {
    margin-bottom: 8px
}

.switchContainer__6de8b {
    background-color: var(--background-surface-high);
    border-radius: var(--radius-lg);
    padding: 16px
}

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

.myServersHeaderContainer__6de8b {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.myServersTitle__6de8b {
    margin-bottom: 0
}

.myServersIgnoredWarning__6de8b {
    width: -moz-fit-content;
    width: fit-content
}

.settingSwitch__6de8b {
    display: flex;
    gap: 16px
}

.settingSwitchLabel__6de8b {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 2px
}

.privacyTermsCard__6de8b {
    padding: var(--space-20)
}

.inputWrapper__51422 {
    flex-grow: 1;
    margin-inline-end:10px;margin-bottom: 20px;
    width: 100%
}

.tryItOutButtons__6b52d {
    display: flex;
    gap: 12px
}

.selectionGroup__6b52d {
    padding: 0
}

.divider__6b52d {
    margin-bottom: 24px;
    margin-top: 32px
}

.pageActions__2d021 {
    border-radius: 3px;
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    padding: 20px 0
}

.buttons__2d021 {
    align-items: center;
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    display: flex;
    gap: var(--space-8);
    padding: var(--space-4)
}

.payment_e9cb00 {
    transition: background-color .2s ease;
    width: 100%
}

.payment_e9cb00:hover,.payment_e9cb00[data-expanded=true] {
    background-color: var(--background-mod-muted)
}

.expandInfo_e9cb00 {
    padding: 20px
}

.summaryInfo_e9cb00 {
    color: var(--text-strong);
    cursor: pointer;
    padding: var(--space-16);
    transition: background-color .2s ease
}

.summaryInfo_e9cb00[data-expanded=true] {
    background-color: var(--background-mod-muted)
}

.summaryInfo_e9cb00:hover {
    background-color: var(--background-mod-subtle)
}

.expandedInfo_e9cb00 {
    padding: var(--space-16)
}

.paymentHeader_e9cb00 {
    border-top: 1px solid;
    border-color: var(--primary-500);
    font-size: 16px;
    font-weight: var(--font-weight-semibold);
    margin-bottom: 8px;
    margin-top: 20px;
    padding-top: 20px
}

.paymentHeader_e9cb00:first-child {
    border-top: none;
    margin-top: 0;
    padding-top: 0
}

.paymentText_e9cb00 {
    color: var(--text-default);
    font-size: 14px;
    line-height: 1.4
}

.paymentBreakdown_e9cb00 {
    padding-top: 10px
}

.paymentDetail_e9cb00 {
    margin-top: 12px
}

.paymentDetail_e9cb00:first-child {
    margin-top: 20px
}

.additionalInformationButtonContainer_e9cb00 {
    margin-top: 16px
}

.guildProductDetail_e9cb00 {
}

.date_e9cb00 {
    width: 20%
}

.amount_e9cb00 {
    align-content: center;
    display: flex;
    justify-content: flex-end
}

.statusTag_e9cb00 {
    border-radius: 3px;
    color: var(--white);
    display: block;
    font-size: 11px;
    font-weight: var(--font-weight-medium);
    height: 14px;
    letter-spacing: .4px;
    line-height: 14px;
    margin-inline-end:20px;max-width: 180px;
    overflow: hidden;
    padding: 0 4px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

.statusTagGreen_e9cb00 {
    background-color: var(--green-360)
}

.statusTagRed_e9cb00 {
    background-color: var(--background-feedback-critical)
}

.statusTagGrey_e9cb00 {
    background-color: var(--primary-400)
}

.statusTagYellow_e9cb00 {
    background-color: var(--yellow-360)
}

.price_e9cb00 {
    white-space: nowrap
}

.description_e9cb00 {
    align-items: center;
    display: flex;
    flex: 1 1 50%;
    margin-inline-end:8px}

.descriptionIcon_e9cb00 {
    background-position: 50%;
    background-repeat: no-repeat;
    flex-shrink: 0;
    margin-inline-end:10px}

.guildDescriptionIcon_e9cb00 {
    background-color: var(--background-mod-muted)
}

.shopIcon_e9cb00 {
    height: 20px;
    margin-inline-end:10px;width: 20px
}

.expand_e9cb00 {
    height: 24px;
    margin-inline-start:20px;width: 24px
}

.downloadInvoice_e9cb00 {
    font-size: 14px;
    margin-top: 12px
}

.downloadRefundInvoice_e9cb00 {
    margin-inline-start:14px}

.refundSubHeader_e9cb00 {
    font-size: 12px;
    font-weight: var(--font-weight-semibold);
    margin: 20px 0 8px;
    text-transform: uppercase
}

.refundSelect_e9cb00 {
    flex: 1;
    margin-inline-end:12px}

.refundCriteria_e9cb00 {
    margin-inline-end:32px}

.refundCriteriaIcon_e9cb00 {
    height: 16px;
    margin-inline-end:8px;width: 16px
}

.giftIcon_e9cb00 {
    color: var(--text-default);
    height: 16px;
    margin-inline-start:10px;width: 16px
}

@media (max-width: 800px) {
    .refundCriteria_e9cb00 {
        margin-inline-end:16px
    }
}

.compact_e9cb00 .amount_e9cb00 {
    align-items: flex-end;
    flex-direction: column-reverse;
    justify-content: space-between;
    width: 20%
}

.compact_e9cb00 .summaryInfo_e9cb00 {
    padding: 16px 20px
}

.compact_e9cb00 .amount_e9cb00,.compact_e9cb00 .date_e9cb00,.compact_e9cb00 .description_e9cb00 {
    text-transform: unset
}

.compact_e9cb00 .date_e9cb00 {
    opacity: .6
}

.compact_e9cb00 .descriptionIcon_e9cb00 {
    height: 40px;
    width: 40px
}

.compact_e9cb00 .statusTag_e9cb00 {
    margin: 8px 0 0
}

.compact_e9cb00 .expand_e9cb00 {
    margin-inline-start:8px}

.compact_e9cb00 .date_e9cb00 {
    font-size: 12px;
    line-height: 16px;
    width: unset
}

.compact_e9cb00 .description_e9cb00 {
    flex: 1 1 55%;
    text-transform: unset;
    width: unset
}

.refundActions_e9cb00 {
    align-items: flex-end;
    display: flex;
    justify-content: space-between
}

.refundIconContainer_e9cb00,.refundRules_e9cb00 {
    display: flex
}

.copiableContainer_e9cb00 {
    cursor: pointer
}

.paymentInfo_e9cb00 {
    display: flex;
    justify-content: space-between
}

.divider_e9cb00 {
    border-top: 1px solid var(--interactive-background-hover);
    margin-bottom: 16px;
    margin-top: 16px;
    width: 100%
}

.sectionDivider_e9cb00 {
    margin-bottom: 20px;
    margin-top: 20px
}

.guildProductBenefits_e9cb00 {
    background-color: var(--background-base-lower);
    border-radius: 8px;
    padding: 16px
}

.guildProductBenefitLabel_e9cb00 {
    margin-bottom: 12px;
    text-transform: uppercase
}

.warningBlock_e9cb00 {
    align-items: center;
    overflow: auto;
    width: 100%
}

.descriptionWrapper__43963 {
    margin-inline-start:14px}

.subText__43963 {
    margin-top: 4px
}

.indicator__43963 {
    align-items: center;
    border-radius: 3px;
    display: flex;
    font-size: 11px;
    font-weight: var(--font-weight-bold);
    height: 14px;
    letter-spacing: .4px;
    margin-inline-start:8px;padding: 0 4px;
    text-align: center;
    text-transform: uppercase
}

.defaultIndicator__43963 {
    background-color: var(--primary-500)
}

.defaultIndicator__43963,.premiumIndicator__43963 {
    color: var(--white)
}

.premiumIndicator__43963 {
    background-color: var(--brand-500)
}

.invalidIndicator__43963 {
    background-color: var(--red-400);
    color: var(--white)
}

.paymentPane__01014 {
    background-color: var(--background-surface-high);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    color: var(--text-strong);
    overflow: hidden
}

.paymentRow__01014 {
    cursor: default
}

.paymentRowHeader__01014 {
    font-size: 12px;
    font-weight: var(--font-weight-semibold);
    margin-inline-end:44px;padding: 20px
}

.paymentRowHeaderDescription__01014 {
    display: flex;
    flex: 1 1 50%;
    margin-inline-start:8px}

.tab__01014 {
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
    margin-inline-start:12px;padding-bottom: 12px
}

.tab__01014:first-child {
    margin-inline-start:0}

.externalRow__01014 {
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    padding: 20px
}

.externalRowHeader__01014 {
    color: var(--text-default);
    font-size: 16px
}

.externalRowBody__01014 {
    color: var(--text-muted);
    font-size: 14px;
    line-height: 18px;
    margin-top: 8px
}

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

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

.verticalFit__01014 {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    overflow: hidden
}

.formError_f0c2ea {
    margin-bottom: 20px
}

.card_f0c2ea {
    padding: 20px
}

.formActions_f0c2ea {
    -moz-column-gap: 2px;
    column-gap: 2px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px
}

.addressSection_f0c2ea,.formActions_f0c2ea {
    margin-top: 20px
}

.defaultSection_f0c2ea {
    margin: var(--space-12) 0
}

.defaultCheckboxLabel_f0c2ea {
    margin-inline-start:4px}

.sectionHeader_f0c2ea {
    color: var(--text-muted);
    margin-bottom: 10px
}

.subText_f0c2ea {
    color: var(--text-muted);
    font-size: 14px;
    margin-top: 20px
}

.errorSubText_f0c2ea {
    color: var(--red-400)
}

.disabledTooltipWrapper_f0c2ea {
    position: relative
}

.disabledTooltipTarget_f0c2ea {
    cursor: not-allowed;
    inset: 0;
    position: absolute;
    z-index: 1
}

.paymentSourceRow__0eeee {
    justify-content: space-between;
    margin: 16px 0
}

.header__0eeee,.paymentSourceRow__0eeee {
    align-items: center;
    display: flex
}

.subText__0eeee {
    color: var(--primary-400);
    font-size: 14px;
    margin-top: 4px
}

.footer__0eeee {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px
}

.footerContent__0eeee {
    flex: 1
}

.titleContainer__0eeee {
    align-items: center;
    display: flex
}

.lockIcon__0eeee {
    margin-inline-end:var(--space-4)}

.syncing_a706ba {
    align-items: center;
    display: flex;
    height: 300px;
    justify-content: center
}

.paymentHistory_a706ba {
    margin-top: 40px
}

.codeRedemptionRedirect_a706ba {
    margin-top: var(--space-32)
}

.wrapper__02fc8 {
    position: relative
}

.inner__02fc8 {
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 28px 28px;
    border-radius: var(--radius-sm);
    height: 44px;
    justify-content: center;
    width: 44px
}

.inner__02fc8:hover {
    background-color: #99aab54d;
    border-color: transparent;
    cursor: pointer
}

.inner__02fc8:disabled {
    opacity: .3;
    pointer-events: none
}

.ellipsis__02fc8 {
    align-items: center;
    display: flex;
    inset: 0;
    justify-content: center;
    position: absolute
}

.spinnerItem__02fc8 {
    background-color: #4f545c
}

.enable-forced-colors .inner__02fc8 {
    border: 1px solid ButtonFace
}

.enable-forced-colors .inner__02fc8:focus,.enable-forced-colors .inner__02fc8:hover {
    background-color: ButtonFace;
    border-color: ButtonText
}

.enable-forced-colors .inner__02fc8:disabled {
    opacity: .3;
    pointer-events: none
}

.container__0d793 {
    align-items: center;
    background: var(--background-mod-normal);
    border-radius: var(--radius-sm);
    display: flex;
    flex-direction: row;
    padding: 24px 12px
}

.textContainer__0d793 {
    margin: 0 12px
}

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

.newBadge__0d793 {
    margin-inline-end:8px}

.banner_c7f964 {
    filter: saturate(var(--saturation-factor,1));
    height: 180px;
    margin-top: -32px;
    width: 180px
}

.connectionsContainer_c7f964 {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-8);
    padding: var(--space-8) 0
}

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

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

.accountAddWrapper_c7f964 {
    position: relative
}

.accountAddInner_c7f964 {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 28px 28px;
    border-radius: var(--radius-sm);
    color: var(--control-secondary-icon-default);
    display: flex;
    height: 44px;
    justify-content: center;
    width: 44px
}

.accountAddInner_c7f964:hover {
    background-color: var(--control-secondary-background-hover);
    border-color: var(--control-secondary-border-hover);
    cursor: pointer
}

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

.connectionList_c7f964 {
    display: grid;
    grid-gap: 24px
}

.connection_c7f964 {
    background-color: var(--background-mod-subtle);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    display: flex;
    flex-direction: column;
    gap: var(--space-20);
    padding: var(--space-16);
    width: 100%
}

.connectionHeader_c7f964 {
    align-items: center;
    border-radius: 8px 8px 0 0;
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    position: relative
}

.connectionHeader_c7f964 .connectionAccountValue_c7f964 {
    color: var(--text-strong);
    margin-inline-start:16px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

.connectionAccountLabelVerified_c7f964 {
    height: 16px;
    margin-inline-start:4px;width: 20px
}

.connectionAccountLabel_c7f964 {
    margin-inline-start:16px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.connectionIcon_c7f964 {
    -webkit-user-drag: none;
    height: 32px;
    width: 32px
}

.connectionOptions_c7f964 {
    display: flex;
    flex-direction: column;
    gap: var(--space-20)
}

.integrationsWrapper_c7f964 {
    padding: 20px
}

.integrationsWrapper_c7f964 a {
    color: var(--text-default)
}

.integrationWrapper_c7f964 {
    background: var(--background-mod-normal);
    border-radius: var(--radius-sm);
    margin-top: 8px;
    padding: 16px
}

.integration_c7f964 {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.integration_c7f964 .guildIcon_c7f964 {
    margin-inline-end:8px}

.integrationError_c7f964 {
    display: flex;
    justify-content: center
}

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

.integrationInner_c7f964 .channelLink_c7f964 {
    color: var(--text-default);
    font-size: 12px
}

.connectionDelete_c7f964 {
    align-self: center;
    color: var(--interactive-text-default);
    cursor: pointer;
    margin: 0 8px
}

.connectionDelete_c7f964:hover {
    color: var(--interactive-text-hover)
}

.integrationRevoked_c7f964 {
    font-weight: var(--font-weight-semibold)
}

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

.metadataContainer_c7f964 {
    align-content: flex-start;
    background-color: var(--background-mod-muted);
    border: 1px solid var(--border-muted);
    border-radius: var(--radius-sm);
    display: flex;
    flex-direction: row;
    padding: var(--space-8)
}

.metadataItem_c7f964 {
    align-self: center;
    margin-top: 0!important
}

.metadataRefreshButton_c7f964 {
    align-self: center;
    margin-inline-start:auto}

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

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

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

.enable-forced-colors .connectionDelete_c7f964:focus,.enable-forced-colors .connectionDelete_c7f964:hover {
    border-color: ButtonText
}

.connectedAccountVanityMetadataCreatedAt_c7f964 {
    align-items: center;
    display: flex
}

.connectionMetadataUpsellTag_c7f964 {
    align-self: center;
    padding: 0 6px
}

.connectionMetadataUpsellDescription_c7f964 {
    align-self: center;
    padding: 0 4px
}

.sparkleContainer_c7f964 {
    margin-inline-end:8px;position: relative
}

.sparkleTop_c7f964 {
    inset-inline-start: -6px;
    top: -8px
}

.sparkleBottom_c7f964,.sparkleTop_c7f964 {
    position: absolute;
    z-index: 2
}

.sparkleBottom_c7f964 {
    bottom: -6px;
    inset-inline-end: -4px
}

.infoBox_c7f964 {
    margin-top: 16px
}

.header_de8069 {
    background-color: var(--background-surface-higher);
    border-radius: var(--radius-sm)
}

.gameNamesHeader_de8069 {
    gap: 24px;
    justify-content: space-between;
    min-height: 36px;
    padding: var(--space-8) var(--space-12)
}

.gameIcons_de8069,.gameNamesHeader_de8069 {
    align-items: center;
    display: flex
}

.gameIcons_de8069 {
    flex: 0;
    flex-direction: row;
    gap: var(--space-8);
    min-height: 56px;
    padding: var(--space-12)
}

.divider_de8069 {
    background-color: var(--border-subtle);
    height: 1px;
    width: 100%
}

.icon_de8069 {
    border-radius: var(--radius-xs);
    height: 32px;
    width: 32px
}

.moreIcon_de8069 {
    background-color: var(--background-base-lowest);
    justify-content: center
}

.manageGamesLink_de8069,.moreIcon_de8069 {
    align-items: center;
    display: flex
}

.manageGamesLink_de8069 {
    cursor: pointer
}

.manageGamesChevron_de8069 {
    margin-top: 1px
}

.emptyContainer_de8069 {
    align-items: center;
    background-color: var(--background-surface-higher);
    border-radius: var(--radius-sm);
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
    justify-content: center;
    padding: var(--space-48) 0
}

.noGamesConnectedText_de8069 {
    text-transform: uppercase
}

.guildSelectOptionIcon_b476ba {
    border-radius: var(--radius-sm)
}

.searchableSelect_b476ba {
    align-items: center
}

.clydeIconContainer_b476ba {
    align-items: center;
    background-color: var(--background-brand);
    border-radius: var(--radius-sm);
    display: flex;
    height: 24px;
    justify-content: center;
    width: 24px
}

.card__5cea9 {
    background-color: var(--background-base-lower);
    border-radius: var(--radius-sm);
    box-shadow: var(--elevation-low);
    overflow: hidden
}

.header__5cea9 {
    align-items: center;
    background-color: var(--background-mod-normal);
    display: flex;
    gap: var(--space-8);
    height: 72px;
    padding: var(--space-16)
}

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

.iconContainer__5cea9 {
    align-items: center;
    background-color: var(--interactive-background-active);
    border-radius: var(--radius-round);
    display: flex;
    padding: var(--space-8)
}

.usersList__5cea9 {
    padding-inline:var(--space-16)}

.row__5cea9 {
    align-items: center;
    border-bottom: 1px solid var(--border-subtle);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: var(--space-16);
    padding-top: var(--space-16)
}

.lastRow__5cea9 {
    border-bottom: none
}

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

.loadMoreContainer__5cea9 {
    padding-bottom: var(--space-16)
}

.loadMoreButton__5cea9,.loadMoreContainer__5cea9 {
    display: flex;
    justify-content: center
}

.loadMoreButton__5cea9 {
    align-items: center;
    background-color: var(--background-mod-muted);
    border-radius: 0 0 var(--radius-xs) var(--radius-xs);
    cursor: pointer;
    padding-bottom: var(--space-4);
    padding-top: var(--space-4);
    width: 40%
}

.rowContainer__0e124 {
    align-items: center;
    display: flex;
    gap: var(--space-8);
    margin-inline-end:var(--space-4)}

.select_b2fe93 {
    min-width: 140px
}

.selectItemRow_b2fe93 {
    align-items: center;
    border-bottom: 1px solid var(--border-subtle);
    display: grid;
    grid-template-columns: 1fr auto;
    padding: var(--space-4) 0
}

.title_b2fe93 {
    min-width: 0
}

.tabs__90767 {
    margin-top: var(--space-12)
}

.card__2023f {
    padding: var(--space-16)
}

.button__2023f {
    display: flex
}

.settingsItemHighlight__7cd2d {
    border: 1px solid transparent;
    border-radius: var(--radius-xs);
    bottom: -8px;
    position: absolute;
    top: -8px;
    inset-inline: -8px
}

.settingsBackgroundFlashElement__7cd2d {
    position: relative
}

.container__6b700 {
    gap: var(--space-16)
}

.container__6b700,.header__6b700 {
    display: flex;
    flex-direction: column
}

.header__6b700 {
    gap: var(--space-4)
}

.description__6b700.disabled__6b700,.title__6b700.disabled__6b700 {
    cursor: not-allowed;
    opacity: .6
}

.enable-forced-colors .title__6b700.disabled__6b700 {
    opacity: 1
}

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

.item__89d80 {
    background-color: var(--background-mod-muted);
    border-radius: 8px;
    margin-bottom: 20px;
    overflow: hidden
}

.row__89d80 {
    display: flex;
    height: 68px;
    padding: 16px
}

.divider__89d80 {
    background-color: var(--border-subtle);
    height: 1px;
    margin: 0 16px
}

.section__89d80 {
    align-items: center;
    background-color: var(--background-mod-normal);
    display: flex;
    height: 72px;
    padding: 16px
}

.avatar__89d80 {
    margin-inline-end:8px}

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

.icon__89d80,.username__89d80 {
    cursor: pointer
}

.icon__89d80 {
    align-items: center;
    border-radius: 16px;
    display: flex;
    height: 32px;
    justify-content: center;
    width: 32px
}

.full-motion .icon__89d80 {
    transition: background .1s ease-in-out
}

.icon__89d80:hover {
    background-color: var(--interactive-background-selected)
}

.sectionIconContainer__89d80 {
    background-color: var(--background-base-lower)
}

.item__52575 {
    background-color: var(--background-mod-muted);
    border-radius: var(--radius-sm);
    margin-bottom: 20px;
    overflow: hidden
}

.item__6be08 {
    position: relative
}

.removeBuildOverride__6be08 {
    inset-inline-end: -31px;
    opacity: 0;
    position: absolute;
    top: -12px
}

.buildOverrideGroup__6be08 {
    margin-top: -1px;
    padding-bottom: 20px;
    padding-top: 20px;
    position: relative
}

.buildOverrideGroup__6be08:hover .removeBuildOverride__6be08 {
    opacity: 1
}

.divider__6be08 {
    margin-bottom: 20px
}

.buildOverrideList__6be08 {
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr 1fr;
    padding-bottom: 16px
}

.removeBuildOverrideDisabled__6be08 {
    cursor: not-allowed;
    filter: grayscale(100%);
    opacity: .75
}

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

.buttonsContainer__6be08 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px
}

.surveyOverride__6be08 {
    display: flex
}

.surveyOverrideInput__6be08 {
    flex-grow: 1;
    margin-inline-end:20px}

.key__6be08 {
    background-color: var(--background-mod-muted);
    border: 1px solid var(--background-base-low);
    border-radius: var(--radius-xs);
    box-shadow: inset 0 -4px 0 var(--background-base-lowest);
    display: inline-block;
    font-size: 12px;
    font-weight: var(--font-weight-semibold);
    height: 23px;
    line-height: 12px;
    padding: 3px 6px 4px;
    text-align: center;
    text-transform: uppercase
}

.codebox__6be08 {
    background: none;
    max-height: 380px
}

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

.category_f06a86:last-child .categoryDivider_f06a86 {
    display: none
}

.categoryHeader_f06a86 {
    gap: var(--space-8);
    margin-bottom: var(--space-16)
}

.categoryContent_f06a86,.categoryHeader_f06a86 {
    display: flex;
    flex-direction: column
}

.categoryContent_f06a86 {
    gap: var(--space-32)
}

.categoryDivider_f06a86 {
    margin-bottom: var(--space-32);
    margin-top: var(--space-32)
}

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

.categorySubGroup__9f327:empty {
    display: none
}

.counter__90981 {
    background-color: var(--background-surface-highest);
    border: 1px solid var(--border-muted);
    border-radius: var(--radius-md);
    box-shadow: none;
    flex-direction: column;
    padding: 10px 20px 12px
}

.counter__90981,.textRow__90981 {
    align-items: center;
    display: flex
}

.info__90981 {
    color: var(--text-default);
    margin-inline-start:4px}

.counterText__90981,.tooltip__90981 {
    text-align: center
}

.container__96cb9 {
    width: -moz-fit-content;
    width: fit-content
}

.guildAvatar__96cb9 {
    align-items: center;
    background-color: var(--primary-600);
    border-radius: var(--radius-md);
    color: var(--white);
    display: flex;
    font-weight: 600;
    height: 40px;
    justify-content: center;
    width: 40px
}

.container__0d706 {
    align-items: center;
    border-bottom: 1px solid var(--border-subtle);
    display: flex;
    padding-bottom: 12px;
    padding-top: 12px
}

.descriptors__0d706 {
    margin-inline-start:10px}

.header__0d706 {
    align-items: center;
    display: flex
}

.guildBadge__0d706 {
    margin-inline-end:4px}

.childWrapper__0d706 {
    align-items: center;
    background-color: var(--background-surface-highest);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    color: var(--text-default);
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

.acronym__0d706 {
    font-weight: var(--font-weight-medium);
    line-height: 1.2em;
    white-space: nowrap
}

.container_c40875 {
    align-items: center;
    border-bottom: 1px solid var(--border-subtle);
    display: flex;
    gap: var(--space-12);
    padding-bottom: var(--space-12);
    padding-top: var(--space-12)
}

.purchasePlaceholder_c40875 {
    align-items: center;
    background: var(--background-mod-normal,hsla(240,4%,61%,.16));
    border-radius: 4px;
    display: flex;
    justify-content: center
}

.avatarDecorationPreview_c40875,.nameplatePreview_c40875,.purchasePlaceholder_c40875 {
    height: 40px;
    width: 40px
}

.nameplatePreview_c40875 {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: right;
    object-position: right
}

.avatarPairContainer__30f35 {
    display: flex
}

.avatarPair__30f35,.avatarPairContainer__30f35 {
    align-items: center;
    justify-content: center
}

.avatarPair__30f35 {
    background-color: var(--background-surface-higher);
    border: 1px solid var(--border-muted);
    border-radius: 100px;
    box-shadow: none;
    display: inline-flex;
    gap: var(--space-12);
    margin-bottom: var(--space-8);
    padding: var(--space-8)
}

.container__41445 {
    align-items: center;
    border-bottom: 1px solid var(--border-subtle);
    display: flex;
    padding-bottom: 12px;
    padding-top: 12px
}

.descriptors__41445 {
    margin-inline-start:10px}

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

.discriminator__7b869 {
    color: var(--text-muted)
}

.fill__7b869 {
    max-width: 100%
}

.image__379fe {
    width: 243px
}

.empty__379fe {
    text-align: center
}

.container__339c4 {
    width: -moz-fit-content;
    width: fit-content
}

.container__333b3 {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-4)
}

.container__333b3>div {
    flex: 1
}

.sectionHeader__333b3 {
    margin-bottom: var(--space-16)
}

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

.actionSection__333b3 {
    margin-bottom: var(--space-8)
}

.guildRow__333b3,.userRow__333b3 {
    border: 0;
    padding-bottom: 0;
    padding-top: 0
}

.container__38524 {
    max-width: 800px
}

.connectedCounter__38524 {
    display: flex;
    margin-bottom: var(--space-12)
}

.icon__38524 {
    color: var(--text-default);
    margin-inline:var(--space-4)}

.tooltip__38524 {
    cursor: pointer
}

.header__38524 {
    align-items: center;
    border-bottom: 1px solid var(--border-muted);
    box-shadow: none;
    display: flex;
    padding: var(--space-12)
}

.headerText__38524 {
    margin-inline-start:var(--space-12);overflow: hidden;
    width: 100%
}

.activityCounterRow__38524 {
    display: grid;
    gap: var(--space-8);
    grid-template-columns: repeat(12,1fr)
}

.activityCounterRow__38524>div:first-child {
    grid-column: 1/span 12
}

.activityCounterRow__38524>div:nth-child(n+2) {
    grid-column: span 6
}

@media (min-width: 900px) {
    .activityCounterRow__38524>div:first-child {
        grid-column:1/span 4
    }

    .activityCounterRow__38524>div:nth-child(2) {
        grid-column: 5/span 4
    }

    .activityCounterRow__38524>div:nth-child(3) {
        grid-column: 9/span 4
    }

    .activityCounterRow__38524>div:nth-child(n+4) {
        grid-column: span 3;
        grid-row-start: 2
    }
}

.activityOverview__38524 {
    display: flex;
    flex-direction: column;
    gap: var(--space-32)
}

.emptyActivity__38524 {
    align-self: center;
    margin-top: var(--space-32)
}

.actionSection__38524 {
    margin-bottom: var(--space-8)
}

.actions__38524 {
    max-height: 105px;
    overflow: hidden;
    transition: max-height .3s ease-in-out
}

.actions__38524:last-of-type :last-child {
    border-bottom: none;
    padding-bottom: 0
}

.loadMoreBar__38524 {
    align-items: center;
    background-color: var(--background-mod-muted);
    border-radius: 0 0 8px 8px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    max-width: 30%
}

.loadMore__38524 {
    padding-bottom: var(--space-4);
    padding-top: var(--space-4)
}

.spinner__38524 {
    padding-bottom: var(--space-12);
    padding-top: var(--space-12)
}

.sectionDescription__38524,.sectionHeader__38524 {
    margin-bottom: var(--space-4)
}

.accountRow__38524 {
    align-items: center;
    display: flex;
    margin-inline-end:var(--space-4);overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.select__38524 {
    border-radius: var(--radius-xs);
    min-width: 240px
}

.disabled__38524 {
    cursor: not-allowed;
    opacity: .6;
    pointer-events: none
}

.box_f8c98c {
    background-color: var(--background-surface-high);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    box-shadow: none
}

.backButton__6fa7b {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: var(--space-4)
}

.teenSelector__6fa7b {
    display: flex;
    justify-content: flex-end
}

.titleContainer__6fa7b {
    flex: 1;
    flex-shrink: 0
}

.grow__6fa7b {
    flex: 1
}

.tabs__3f3a2 {
    margin-top: var(--space-12)
}

.container__5dbf8 {
    align-items: center;
    border-radius: 12px;
    box-shadow: var(--elevation-low);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
    text-align: center
}

@media (min-width: 485px) {
    .container__5dbf8 {
        align-items:flex-start;
        flex-direction: row;
        padding: 32px;
        text-align: start
    }
}

.row__5dbf8 {
    display: flex;
    justify-content: space-between
}

.headerText__5dbf8 {
    max-width: 364px
}

.headerText__5dbf8>* {
    margin-bottom: 6px
}

.headerText__5dbf8>:last-child {
    margin-bottom: 0
}

.headerImage__5dbf8 {
    align-self: center;
    margin-top: 32px;
    padding-inline-start:16px}

@media (min-width: 900px) {
    .headerImage__5dbf8 {
        margin-top:0
    }
}

.button__5dbf8 {
    display: flex;
    justify-content: center;
    margin-top: 16px
}

@media (min-width: 900px) {
    .button__5dbf8 {
        justify-content:flex-start
    }
}

.row__0624f {
    align-items: center;
    background-color: var(--background-base-lowest);
    border: 1px solid var(--border-muted);
    border-radius: var(--radius-md);
    display: flex;
    padding: var(--space-16) var(--space-12)
}

.inModal__0624f {
    background-color: var(--background-base-lower)
}

.inModal__0624f .icon-container__0624f {
    background-color: var(--background-base-lowest)
}

.positive__0624f {
    color: var(--text-feedback-positive)
}

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

.groupHeader__0624f {
    margin-bottom: 10px
}

.groupHeader__0624f:not(:first-child) {
    margin-top: 28px
}

.header__0624f {
    margin-bottom: var(--space-4)
}

.iconContainer__0624f {
    align-items: center;
    background-color: var(--background-mod-subtle);
    border: 1px solid var(--border-subtle);
    border-radius: 50%;
    display: flex;
    flex-shrink: 0;
    height: 40px;
    justify-content: center;
    margin-inline-end:var(--space-8);width: 40px
}

.max-width__5b321 {
    max-width: auto
}

@media (min-width: 900px) {
    .max-width__5b321 {
        max-width:800px
    }
}

.container__5b321 {
    box-sizing: border-box;
    flex-direction: column;
    margin-top: var(--space-12)
}

@media (min-width: 900px) {
    .container__5b321 {
        padding:var(--space-32)
    }
}

.container__8cc9a {
    align-items: center;
    display: flex;
    flex-direction: row;
    padding: 20px
}

@media (min-width: 900px) {
    .container__8cc9a {
        align-items:flex-start;
        flex-direction: column
    }
}

.box__8cc9a {
    box-shadow: var(--elevation-low);
    display: flex;
    flex-direction: column;
    padding: 20px
}

.circle__8cc9a {
    align-items: center;
    background-color: var(--background-mod-subtle);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-round);
    display: flex;
    height: 36px;
    justify-content: center;
    margin-bottom: 10px;
    margin-inline-end:12px;width: 36px
}

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

.header__8cc9a {
    margin-bottom: 6px
}

.container__9c880 {
    max-width: 800px
}

.parentalControlsTeenRow__9c880 {
    margin-top: var(--space-24)
}

.divider__9c880 {
    margin: 0
}

.container__8e680 {
    display: flex;
    flex-direction: column;
    gap: var(--space-32);
    overflow: hidden
}

.max-width__8e680 {
    max-width: 800px
}

.banner__8e680,.featureCards__8e680 {
}

.featureCards__8e680 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 12px
}

@media (min-width: 900px) {
    .featureCards__8e680 {
        flex-direction:row
    }
}

.actionButton_d9752c {
    align-items: center;
    background-color: var(--background-surface-highest);
    border: 1px solid var(--border-subtle);
    border-radius: 50%;
    color: var(--interactive-text-default);
    cursor: pointer;
    display: flex;
    height: 36px;
    justify-content: center;
    margin-inline-start:10px;width: 36px
}

.actionButton_d9752c:first-child {
    margin-inline-start:0}

.actionButton_d9752c:hover {
    color: var(--interactive-text-hover)
}

.actionButton_d9752c:active {
    background-color: var(--interactive-background-active);
    color: var(--interactive-text-active)
}

.actionButton_d9752c.disabled_d9752c {
    opacity: .3;
    pointer-events: none
}

.actionButton_d9752c.actionAccept_d9752c:hover {
    color: var(--icon-feedback-positive)
}

.actionButton_d9752c.actionDeny_d9752c:hover {
    color: var(--icon-feedback-critical)
}

.icon_d9752c {
    height: 20px;
    width: 20px
}

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

.enable-forced-colors .actionButton_d9752c:hover {
    border-color: ButtonText;
    color: ButtonText
}

.enable-forced-colors .actionButton_d9752c:active {
    background-color: HighlightText;
    border-color: Highlight;
    color: Highlight
}

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

.avatar__1327d {
    flex-shrink: 0;
    margin-block:0;margin-inline:0 12px}

.userPreview__1327d {
    display: flex;
    flex-direction: column;
    margin-inline-end:16px;overflow: hidden
}

.container__1327d {
    align-items: center;
    display: flex;
    width: 100%
}

.userContainerWithTimestamp__1327d {
    align-items: flex-end;
    display: flex;
    justify-content: flex-start
}

.tagContainer__1327d {
    align-items: flex-end;
    display: flex;
    margin-top: 2px;
    overflow: hidden
}

.username__1327d {
    color: var(--text-strong);
    flex-grow: 0;
    flex-shrink: 1;
    font-weight: var(--font-weight-semibold);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

.timestampWithPreview__1327d {
    flex-grow: 1;
    flex-shrink: 0;
    margin-inline-start:8px}

.container_e65d0c {
    justify-content: space-between;
    width: 100%
}

.container_e65d0c,.details_e65d0c {
    align-items: center;
    display: flex
}

.details_e65d0c {
    overflow: hidden
}

.actions_e65d0c {
    align-items: center;
    display: flex
}

.rowItem_a0365b {
    border-bottom: 1px solid var(--border-subtle);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 16px;
    font-weight: var(--font-weight-medium);
    line-height: 20px;
    overflow: hidden;
    padding: 10px
}

.rowItem_a0365b.last_a0365b {
    border-bottom: none
}

.rowItem_a0365b.active_a0365b,.rowItem_a0365b:hover {
    background: var(--interactive-background-hover);
    border-color: transparent;
    border-radius: var(--radius-md)
}

.container_d9914b {
    max-width: 800px
}

.section_d9914b {
    margin-bottom: 8px
}

.box_d9914b {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    padding: var(--space-24)
}

@media (min-width: 900px) {
    .box_d9914b {
        padding:32px
    }
}

.linkingBanner_d9914b {
    align-items: flex-start;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 24px;
    padding: 32px
}

.linkingBannerParent_d9914b {
    align-items: flex-start;
    flex-direction: column
}

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

.step_d9914b {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 16px
}

.steps_d9914b {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.steps_d9914b :last-child {
    margin-bottom: 0
}

.stepNumber_d9914b {
    align-items: center;
    background-color: var(--background-mod-subtle);
    border: 1px solid var(--border-muted);
    border-radius: var(--radius-round);
    display: flex;
    height: 32px;
    justify-content: center;
    margin-inline-end:var(--space-8);width: 32px
}

.bannerArt_d9914b {
    height: 110px;
    width: 224px
}

.maxConnectionInfo_d9914b {
    border-top: 1px solid var(--border-subtle);
    display: flex;
    justify-content: center;
    padding-top: 10px
}

.supportHeader_d9914b {
    margin-bottom: 4px
}

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

.flexVertical__2d3fe>.flexSpacer__2d3fe {
    min-height: 1px
}

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

.flexHorizontal__2d3fe>.flexSpacer__2d3fe {
    min-width: 1px
}

.flexHorizontalReverse__2d3fe {
    display: flex;
    flex-direction: row-reverse
}

.flexHorizontalReverse__2d3fe>.flexSpacer__2d3fe {
    min-width: 1px
}

.flexSpacer__2d3fe {
    flex: 1;
    overflow: hidden
}

.flexCenter__2d3fe {
    align-items: center;
    display: flex;
    justify-content: center
}

.flexAlignStart__2d3fe {
    align-items: flex-start
}

.flexAlignEnd__2d3fe {
    align-items: flex-end
}

.flexAlignCenter__2d3fe {
    align-items: center
}

.flexAlignStretch__2d3fe {
    align-items: stretch
}

.flexJustifyStart__2d3fe {
    justify-content: flex-start
}

.flexJustifyEnd__2d3fe {
    justify-content: flex-end
}

.flexJustifyCenter__2d3fe {
    justify-content: center
}

.flexJustifyAround__2d3fe {
    justify-content: space-around
}

.flexJustifyBetween__2d3fe {
    justify-content: space-between
}

.flexNowrap__2d3fe {
    flex-wrap: nowrap
}

.flexWrap__2d3fe {
    flex-wrap: wrap
}

.flexWrapReverse__2d3fe {
    flex-wrap: wrap-reverse
}

.flex__48a9c {
    box-sizing: border-box;
    display: flex
}

.flex__48a9c .flexChild__48a9c {
    box-sizing: border-box;
    flex-grow: 1
}

.flex__48a9c.flexGutterSmall__48a9c {
    margin-left: -10px;
    margin-right: -10px
}

.flex__48a9c.flexGutterSmall__48a9c .flexChild__48a9c {
    padding: 0 10px
}

.flex__48a9c.flexGutterLarge__48a9c {
    margin-left: -30px;
    margin-right: -30px
}

.flex__48a9c.flexGutterLarge__48a9c .flexChild__48a9c {
    padding: 0 30px
}

.container__74f90 {
    display: flex;
    flex-direction: column;
    padding-top: 20px
}

.enableCard__74f90 {
    background-color: var(--background-base-lower);
    border: 1px solid var(--border-muted);
    color: var(--text-strong);
    padding: 12px 16px
}

.toggleSection__74f90 {
    margin-bottom: 30px
}

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

.sideNavContent_dc2e0e {
    max-width: 800px;
    min-width: 375px;
    padding: 24px
}

@media (min-width: 900px) {
    .sideNavContent_dc2e0e {
        padding:40px
    }
}

.container_dc2e0e {
    align-items: stretch;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: stretch;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    position: relative
}

.theme-dark.custom-theme-background .containerSidenav_dc2e0e,.theme-light.custom-theme-background .containerSidenav_dc2e0e {
    background: inherit
}

.sidebarTabBar_dc2e0e {
    box-shadow: none
}

.settingsTabBar_dc2e0e {
    border-bottom: 1px solid var(--border-subtle);
    margin-bottom: 24px
}

.settingsTabBarItem_dc2e0e {
    align-items: center;
    display: flex;
    padding-bottom: 14px
}

.settingsTabBarItem_dc2e0e:first-child {
    margin-inline-start:0}

.contentPanel_dc2e0e {
    align-items: stretch;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: stretch;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative
}

.userSettingsContentPanel_dc2e0e {
    overflow-x: unset;
    overflow-y: unset
}

.item_dc2e0e {
    align-items: center;
    display: flex
}

.badge_dc2e0e {
    margin-inline-start:6px}

.containerSidenav_dc2e0e {
    background: var(--background-gradient-chat,var(--background-base-lower));
    border-top: 1px solid var(--app-frame-border)
}

.loadingContainer_dc2e0e {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: calc(100vh - 100px)
}

.notDetected_cc46f0,.nowPlaying_cc46f0 {
    animation: none;
    border-radius: 3px;
    margin-top: 0;
    padding: 16px;
    width: 100%
}

.notDetected_cc46f0 .overlayStatusText_cc46f0,.notDetected_cc46f0 .overlayWarningIcon_cc46f0,.nowPlaying_cc46f0 .overlayStatusText_cc46f0,.nowPlaying_cc46f0 .overlayWarningIcon_cc46f0 {
    opacity: 1
}

.nowPlayingAdd_cc46f0 {
    align-self: flex-start;
    font-size: 14px;
    margin-inline-start:0}

.game_cc46f0 {
    background-color: var(--background-mod-normal);
    border-radius: 12px;
    margin-bottom: 12px;
    padding: 16px;
    position: relative
}

.game_cc46f0 .removeGame_cc46f0 {
    cursor: pointer;
    inset-inline-end: -15px;
    opacity: 0;
    position: absolute;
    top: -12px
}

.game_cc46f0:focus-within .overlayStatusText_cc46f0,.game_cc46f0:focus-within .overlayWarningIcon_cc46f0,.game_cc46f0:focus-within .removeGame_cc46f0,.game_cc46f0:hover .overlayStatusText_cc46f0,.game_cc46f0:hover .overlayWarningIcon_cc46f0,.game_cc46f0:hover .removeGame_cc46f0 {
    opacity: 1
}

.toggleContainer_cc46f0 {
    margin-inline-start:12px}

.activeGame_cc46f0 {
    border-radius: 12px;
    position: relative
}

.activeGame_cc46f0 .removeGame_cc46f0 {
    inset-inline-end: -12px;
    opacity: 0;
    position: absolute;
    top: -12px
}

.activeGame_cc46f0:focus-within .removeGame_cc46f0,.activeGame_cc46f0:hover .removeGame_cc46f0 {
    opacity: 1
}

.gameName_cc46f0,.gameNameInput_cc46f0,.gameVerifiedIcon_cc46f0,.lastPlayed_cc46f0,.overlayStatusText_cc46f0,.toggleIcon_cc46f0 {
    z-index: 1
}

.gameNameLastPlayed_cc46f0 {
    flex: 1
}

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

.gameName_cc46f0 {
    color: var(--text-strong);
    font-size: 16px;
    font-weight: var(--font-weight-semibold);
    line-height: 22px
}

.gameNameInput_cc46f0 {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 3px;
    margin-inline-start:-5px;padding: 0 4px;
    width: 240px
}

.gameNameInput_cc46f0:focus,.gameNameInput_cc46f0:hover {
    background-color: var(--background-mod-normal);
    border-color: hsl(var(--primary-500-hsl)/.3)
}

.lastPlayed_cc46f0 {
    color: var(--primary-400);
    font-size: 14px
}

.overlayStatusText_cc46f0 {
    color: var(--text-muted);
    font-size: 14px;
    margin-inline-end:4px;opacity: 0;
    text-transform: uppercase;
    width: 100px
}

.toggleIcon_cc46f0 {
    cursor: pointer
}

.toggleIconOff_cc46f0 .fill_cc46f0 {
    fill: var(--icon-feedback-critical)
}

.toggleIconInactive_cc46f0 {
    cursor: not-allowed
}

.toggleIconInactive_cc46f0 .fill_cc46f0 {
    fill: var(--icon-feedback-critical);
    opacity: .5
}

.overlayWarningIcon_cc46f0 {
    background: url(/assets/07e52d3b4c358536.svg) no-repeat;
    height: 16px;
    margin-inline-end:20px;opacity: 0;
    width: 16px
}

.addGamePopout_cc46f0 {
    background-color: var(--background-surface-higher);
    border: 1px solid var(--border-subtle);
    border-radius: 3px;
    padding: 10px;
    width: 300px
}

.addGamePopout_cc46f0 .actions_cc46f0 {
    align-items: center;
    gap: var(--space-16);
    justify-content: flex-end
}

.subgame_cc46f0 {
    align-items: center;
    background-color: var(--background-surface-high);
    border-radius: 0;
    display: flex;
    margin-bottom: 0;
    width: 100%
}

.subgame_cc46f0:last-child {
    border-radius: 0 0 12px 12px
}

.border_cc46f0 {
    border-bottom: 1px solid var(--border-subtle);
    margin: 0 16px
}

.detectedApplication_cc46f0,.nowPlayingAdd_cc46f0 {
    align-items: center;
    display: flex
}

.nowPlayingAdd_cc46f0 {
    color: var(--text-muted);
    gap: 4px
}

.nowPlaying_cc46f0 {
    background-color: var(--status-positive-background)
}

.nowPlaying_cc46f0 .gameName_cc46f0 {
    color: var(--white)
}

.nowPlaying_cc46f0 .gameNameInput_cc46f0:focus,.nowPlaying_cc46f0 .gameNameInput_cc46f0:hover {
    background-color: hsl(var(--green-560-hsl)/.3);
    border-color: var(--green-560)
}

.nowPlaying_cc46f0 .lastPlayed_cc46f0,.nowPlaying_cc46f0 .overlayStatusText_cc46f0 {
    color: var(--white)
}

.nowPlaying_cc46f0 .toggleIconInactive_cc46f0 .fill_cc46f0,.nowPlaying_cc46f0 .toggleIconOff_cc46f0 .fill_cc46f0,.nowPlaying_cc46f0 .toggleIconOn_cc46f0 .fill_cc46f0 {
    fill: var(--white)
}

.notDetected_cc46f0 {
    background-color: var(--background-base-lower)
}

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

.notDetected_cc46f0 .lastPlayed_cc46f0 {
    color: var(--text-muted)
}

.toggleIconOn_cc46f0 .fill_cc46f0 {
    fill: var(--interactive-text-default)
}

.game_cc46f0.gameHasSubgame_cc46f0 {
    border-end-end-radius: 0;
    border-end-start-radius: 0;
    margin-bottom: 0
}

.subgameContainer_cc46f0 {
    background-color: var(--background-surface-high);
    border-radius: 0 0 12px 12px;
    margin-bottom: 20px
}

.detectionToggleModal_cc46f0 {
    width: var(--modal-width-small)
}

.addedGamesTitle_cc46f0 {
    margin-bottom: var(--space-xs)
}

.addedGamesDescription_cc46f0 {
    margin-bottom: var(--space-16)
}

.container_c50183 {
    background-position: bottom -80px right -330px;
    background-size: auto 155%;
    border-radius: 8px;
    box-sizing: border-box;
    height: 208px;
    min-width: 660px;
    padding: 24px 32px 32px;
    position: relative
}

.container_c50183.withMargin_c50183 {
    margin: 32px 0
}

.theme-dark .container_c50183 {
    background-color: #0b1320
}

.theme-light .container_c50183 {
    background-color: #bec8ff
}

.textContainer_c50183 {
    height: 100%;
    max-width: 343px
}

.headerContainer_c50183 {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 32px;
    margin-inline-start:-4px;max-width: 343px
}

.icon_c50183 {
    margin-inline-end:4px;width: 30px
}

.loading__9ed46 {
    margin-top: 48px
}

.maybeLaterButton__9ed46 {
    color: var(--text-strong);
    margin-inline-end:8px}

.maybeLaterButton__9ed46:hover {
    text-decoration: underline
}

.bodyText__9ed46 {
    display: flex;
    justify-content: center
}

.formDivider__9ed46 {
    margin: 16px 0
}

.formSection__9ed46 {
    margin-bottom: 16px
}

.confirmationText__9ed46 {
    margin-top: 8px
}

.headerContainer__9ed46 {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: calc(var(--custom-outbound-promotion-redemption-modal-art-height)/-1) auto auto;
    padding: 0;
    width: 90%
}

.art__9ed46 {
    background-image: url(/assets/1ab7d1a0b0204a75.svg);
    height: var(--custom-outbound-promotion-redemption-modal-art-height);
    margin-bottom: 16px;
    width: 240px
}

.errorBody__9ed46,.errorHeader__9ed46 {
    display: flex;
    flex-direction: column
}

.errorBody__9ed46 {
    align-items: center;
    gap: 8px;
    margin: 0 auto;
    max-width: 90%
}

.errorArt__9ed46 {
    background-image: url(/assets/26eafe176b5b3454.svg);
    height: 99px;
    margin: 0 auto 32px;
    width: 141px
}

.card_fedacc {
    border-radius: 5px;
    box-sizing: border-box;
    color: var(--text-strong);
    cursor: default;
    overflow: hidden;
    transform: translateZ(0)
}

.header_fedacc {
    padding: 20px;
    position: relative
}

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

.coverArtPosition_fedacc {
    background-position-x: 50%;
    background-position-y: 40%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
    bottom: 0;
    inset-inline-start: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translateZ(0)
}

.splashArt_fedacc {
    filter: grayscale(100%);
    -webkit-mask: radial-gradient(100% 100% at top left,hsla(0,0%,100%,.6) 0,hsla(0,0%,100%,0) 100%);
    mask: radial-gradient(100% 100% at top left,hsla(0,0%,100%,.6) 0,hsla(0,0%,100%,0) 100%);
    opacity: .3;
    width: 300px
}

.body_fedacc {
    background-color: var(--background-mod-normal)
}

.header_fedacc {
    background-color: var(--background-base-lowest);
    color: var(--text-strong)
}

.header_fedacc:hover {
    background-color: var(--interactive-background-hover)
}

.card__6bc46 {
    cursor: pointer
}

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

.subTextRow__6bc46 {
    color: var(--primary-300)
}

.subtitleHeader__6bc46 {
    align-items: center;
    color: var(--text-muted);
    display: flex;
    flex-direction: row;
    font-weight: var(--font-weight-semibold);
    gap: 4px
}

.applicationSubtitleHeader__6bc46 {
    margin-top: 2px
}

.applicationSubtitleIcon__6bc46 {
    border-radius: 6px;
    height: 20px;
    width: 20px
}

.codeText__6bc46 {
    margin-bottom: 8px
}

.headerText__6bc46 {
    margin-inline-start:20px}

.cardHeader__6bc46 {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    justify-content: space-between
}

.giftCodeRow__6bc46 {
    border-bottom: 1px solid transparent;
    margin: 0 20px;
    padding: 20px 0 19px
}

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

.generateCodeRow__6bc46 {
    padding: 22px 0
}

.gameName__6bc46 {
    line-height: 19px
}

.expandIcon__6bc46 {
    cursor: pointer;
    margin-inline-start:8px}

.spinner__6bc46 {
    padding: 20px
}

.theme-dark .giftCodeRow__6bc46 {
    border-color: hsl(var(--primary-500-hsl)/.6)
}

.theme-dark .bodyButtonColor__6bc46 {
    color: var(--white)
}

.theme-dark .bodyButtonColor__6bc46:hover {
    background: var(--primary-500)
}

.theme-dark .bodyButtonColor__6bc46:active {
    background: var(--primary-400)
}

.theme-light .bodyButtonColor__6bc46:hover {
    background: var(--primary-200)
}

.theme-light .bodyButtonColor__6bc46:active {
    background: var(--primary-300)
}

.giftIcon__6bc46 {
    height: 40px;
    width: 40px
}

.bodyButtonColor__6bc46 {
    background: var(--background-base-lower)
}

.marginContainer_d4883c {
    margin-top: 20px
}

.gradientContainer_d4883c {
    border: 1px solid transparent
}

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

.promoDescription_d4883c {
    margin-top: var(--space-4)
}

.promoNitroButton_d4883c {
    margin-inline-start:auto}

.skuCard_d4883c {
    margin-top: 24px
}

.emptyState_d4883c {
    align-items: center;
    display: flex;
    flex-direction: column
}

.emptyStateHeader_d4883c {
    color: var(--text-default);
    font-size: 24px;
    line-height: 1.17;
    margin-top: 20px
}

.emptyStateSubtext_d4883c {
    color: var(--text-muted);
    line-height: 1.25;
    margin-top: 8px
}

.emptyStateImage_d4883c {
    height: 202px;
    margin-top: 120px;
    width: 404px
}

.loading_d4883c {
    margin-top: 40px
}

.promotionCardDescriptionWithCode_d4883c {
    cursor: text;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.dropsHeaderContainer_d4883c {
    align-items: center;
    display: flex
}

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

.divider_d4883c {
    margin: 8px 0 24px
}

.promotionCard_d4883c {
    align-items: flex-start;
    background-color: var(--background-base-lowest);
    border-radius: var(--radius-xs);
    display: flex;
    flex-direction: column;
    padding: 20px
}

.mainPromotionCardContainer_d4883c {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.promotionCardLeftContainer_d4883c {
    display: flex
}

.redeemTooltipContent_d4883c {
    text-align: center
}

.promotionIcon_d4883c {
    align-items: center;
    align-self: flex-start;
    background-color: var(--background-mod-subtle);
    border-radius: var(--radius-xs);
    display: flex;
    flex-shrink: 0;
    height: 40px;
    justify-content: center;
    margin-inline-end:10px;width: 40px
}

.promotionIconImage_d4883c {
    max-height: 36px;
    max-width: 36px
}

.dropRewardImage_d4883c {
    border-radius: var(--radius-xs);
    width: 100%
}

.dropCriteriaText_d4883c {
    margin: 16px 0
}

.dropCriteriaText_d4883c>p {
    margin-bottom: 2px;
    margin-top: 2px
}

.dropLearnMore_d4883c {
    margin-bottom: 16px
}

.promotionLegalese_d4883c {
    border-top: 1px solid var(--border-subtle);
    font-size: 12px;
    line-height: 16px;
    margin-top: 8px;
    margin-inline-start:52px;margin-bottom: 0;
    padding-top: 8px
}

.promotionLegalese_d4883c em {
    font-style: italic
}

.dropContainer_d4883c {
    border-radius: var(--radius-xs);
    margin-bottom: 20px;
    overflow: hidden
}

.availableUntil_d4883c {
    padding-top: 4px
}

.dropCard_d4883c {
    align-items: flex-start;
    background-color: var(--background-base-lowest);
    display: flex;
    flex-direction: column;
    padding: 20px
}

.dropCriteria_d4883c {
    align-items: center;
    background-color: var(--background-mod-normal);
    padding: 16px 16px 8px
}

.feedback_d4883c {
    background: var(--background-base-lowest);
    padding: 8px
}

.dropsHelpText_d4883c,.feedback_d4883c {
    border-radius: var(--radius-xs);
    color: var(--interactive-text-active);
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    margin-bottom: 20px;
    margin-top: -12px
}

.dropsHelpText_d4883c {
    background: var(--background-base-lower);
    line-height: 18px;
    padding: 3px;
    padding-inline:18px}

.theme-dark .emptyStateImage_d4883c {
    background: url(/assets/b584f76d3ff86700.svg)
}

.theme-light .emptyStateImage_d4883c {
    background: url(/assets/28fe27f3657e23ee.svg)
}

.premiumIcon_d4883c {
    height: 24px;
    margin-inline-end:6px;position: relative;
    top: 2px;
    width: 24px
}

.tier2Gradient_d4883c {
    color: var(--premium-tier-2-pink)
}

.container_f89b2c {
    background-color: var(--input-background-default);
    border: 1px solid;
    border-color: var(--input-border-default);
    border-radius: var(--radius-sm);
    box-sizing: border-box;
    cursor: pointer;
    height: 40px;
    min-height: 44px;
    position: relative
}

.layout_f89b2c {
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0
}

.base_f89b2c {
    background-color: transparent;
    font-size: 16px;
    line-height: 22px;
    overflow: hidden;
    padding-block:10px;padding-inline:10px 0;text-overflow: ellipsis;
    transition: color .15s ease;
    white-space: nowrap
}

.hiddenMessage_f89b2c {
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0;
    z-index: 0
}

.input_f89b2c {
    border: none;
    box-sizing: border-box;
    color: var(--text-strong);
    flex: 1 1 auto;
    min-width: 0;
    position: relative;
    width: 100%;
    z-index: 1
}

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

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

.button_f89b2c {
    border-radius: var(--radius-xs);
    margin-block:4px;margin-inline:0 4px;padding: 2px 20px;
    transition: background-color .2s ease-in-out,color .2s ease-in-out
}

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

.disabled_f89b2c .button_f89b2c {
    opacity: 1
}

.recorderContainer__2636e {
    cursor: pointer;
    transition: border .15s ease
}

.recorderContainer__2636e:not(.containerDisabled__2636e):focus-within,.recorderContainer__2636e:not(.containerDisabled__2636e):hover {
    border-color: hsl(var(--red-400-hsl)/.3)
}

.containerDisabled__2636e {
    cursor: not-allowed
}

.recorderLayout__2636e {
}

.addKeybindButton__2636e {
    overflow: hidden;
    position: relative;
    transition: background-color .2s ease-in-out,color .2s ease-in-out,width .2s ease-in-out;
    white-space: nowrap;
    width: auto
}

.recorderContainer__2636e.recording__2636e {
    animation: shadowPulse__2636e 1s ease-in infinite;
    border-color: hsl(var(--red-400-hsl)/.6);
    box-shadow: 0 0 6px hsl(var(--red-400-hsl)/.3);
    color: var(--text-feedback-critical)
}

.recorderContainer__2636e.recording__2636e .addKeybindButton__2636e {
    background-color: hsl(var(--red-400-hsl)/.1);
    color: var(--text-feedback-critical)
}

.recorderContainer__2636e.recording__2636e .keybindInput__2636e {
    color: var(--text-feedback-critical)
}

.recorderContainer__2636e.recording__2636e .keybindInput__2636e::-moz-placeholder {
    color: transparent
}

.recorderContainer__2636e.recording__2636e .keybindInput__2636e::placeholder {
    color: transparent
}

.keybindInput__2636e {
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@keyframes shadowPulse__2636e {
    0% {
        box-shadow: 0 0 6px hsl(var(--red-400-hsl)/.3)
    }

    50% {
        box-shadow: 0 0 10px hsl(var(--red-400-hsl)/.6)
    }

    to {
        box-shadow: 0 0 6px hsl(var(--red-400-hsl)/.3)
    }
}

.buttonContainer__2636e {
    max-width: 128px;
    padding: 4px
}

.container__7700a {
    align-items: center;
    background-color: var(--background-base-lower);
    border-radius: var(--radius-sm);
    display: flex;
    flex-direction: row;
    gap: 12px;
    padding: 16px
}

.textContainer__7700a {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 2px
}

.iconContainer__7700a {
    align-items: center;
    background-color: var(--background-feedback-warning);
    border-radius: var(--radius-sm);
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

.gameIconContainer__7700a {
    position: relative
}

.warningCorner__7700a {
    align-items: center;
    background-color: var(--background-base-lower);
    border-radius: var(--radius-round);
    display: flex;
    inset-inline-end: 0;
    justify-content: center;
    padding: 2px;
    position: absolute;
    top: 0
}

.channelIdSection__25eff {
    margin-top: 8px
}

.guildName__25eff {
    flex-shrink: 1;
    font-size: 12px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre
}

.selectedVoiceChannel__25eff {
    align-items: stretch;
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-xs);
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: center;
    margin-inline-end:8px;min-height: 0;
    min-width: 0;
    pointer-events: none
}

.noVoiceChannelSelected__25eff {
    padding: 0 16px
}

.voiceListSearchEmpty__25eff {
    padding: 16px;
    text-align: center
}

.keybindMessage__740f2 {
    position: relative
}

.keybindMessage__740f2 a {
    color: inherit;
    text-decoration: underline
}

.item__740f2 {
    flex: 1;
    margin-inline-end:16px;position: relative
}

.item__740f2 a {
    color: inherit;
    text-decoration: underline
}

.switch__740f2 {
    align-items: center;
    display: flex;
    flex: 0;
    margin-top: 28px;
    margin-inline-start:32px}

.removeKeybindFloating__740f2 {
    inset-inline-end: -31px;
    opacity: 0;
    position: absolute;
    top: -12px
}

.removeKeybind__740f2 {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: 0;
    margin-top: 28px
}

.ghostPill__740f2 {
    align-items: center;
    background-color: var(--yellow-160);
    border: 1px solid var(--yellow-300);
    color: var(--primary-860);
    display: inline-grid;
    grid-template-columns: auto 1fr;
    padding: 10px;
    grid-gap: 10px;
    border-radius: var(--radius-xs);
    font-size: 14px
}

.keybindGroup__740f2 {
    margin-top: -1px;
    padding-bottom: 20px;
    padding-top: 20px;
    position: relative
}

.keybindGroup__740f2:hover .removeKeybindFloating__740f2 {
    opacity: 1
}

.keybindGroupContent__740f2 {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-bottom: 8px
}

.keyboard-mode .keybindGroup__740f2:focus-within .removeKeybindFloating__740f2 {
    opacity: 1
}

.defaultKeybindGroup__740f2 {
    background-color: var(--background-surface-higher);
    border: 1px solid var(--border-muted);
    border-radius: var(--radius-md);
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
    padding: var(--space-16) 0
}

.defaultKeybind__740f2 {
    align-items: center;
    box-sizing: border-box;
    display: grid;
    font-weight: var(--font-weight-medium);
    grid-template-columns: 1fr auto;
    padding: 0 var(--space-16)
}

.defaultKeybindShortcutGroup__740f2 {
    display: grid;
    grid-gap: 4px
}

.shortcut__740f2 {
    justify-content: end
}

.defaultKeybindGroupHeader__740f2 {
    margin-bottom: 24px;
    text-transform: uppercase
}

.defaultKeybindGroupWithDescription__740f2 {
    margin-bottom: 4px
}

.defaultKeybindGroupDescription__740f2 {
    margin-bottom: 20px
}

.browserNotice__740f2 a {
    color: inherit;
    text-decoration: underline
}

.systemServiceUpsell__740f2 {
    margin-bottom: 24px
}

.ctaContainer__740f2 {
    gap: 12px;
    margin-bottom: 24px
}

.ctaContainer__740f2,.warning__740f2 {
    align-items: center;
    display: flex;
    flex-direction: row
}

.warning__740f2 {
    flex-grow: 1;
    gap: 8px
}

.addButton__740f2 {
    flex-shrink: 0;
    margin-inline-start:12px}

.emptyWidgetContainer_cc1cc5 {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: calc(100% - 32px);
    justify-content: center;
    padding: 16px;
    width: calc(100% - 32px)
}

.emptyWidgetContainer_cc1cc5.absolute_cc1cc5 {
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0
}

.emptyWidgetIcon_cc1cc5 {
    opacity: .24
}

.effect_adebba {
    position: absolute
}

.username_adebba {
    align-items: center;
    background-color: rgba(19,19,24,.8);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-border) var(--shadow-high);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-shrink: 1;
    gap: 8px;
    height: 24px;
    justify-content: center;
    margin-inline-start:var(--space-4);max-width: 100%;
    opacity: .8;
    overflow: hidden;
    padding: var(--space-4) var(--space-8);
    text-overflow: ellipsis;
    white-space: nowrap
}

.username_adebba.streaming_adebba {
    padding-inline-end:var(--space-4)}

.voiceUserContainer_adebba {
    display: flex;
    flex-direction: column;
    gap: var(--space-8)
}

.voiceUser_adebba {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    opacity: .4;
    position: relative;
    transition: opacity .1s ease-in-out
}

.voiceUser_adebba.flipped_adebba {
    flex-direction: row;
    justify-content: flex-end
}

.voiceUser_adebba.flipped_adebba .avatar_adebba {
    margin-inline:0}

.voiceUser_adebba.flipped_adebba .username_adebba {
    margin-inline:0 var(--space-4);padding-inline-start: var(--space-4)
}

.voiceUser_adebba.flipped_adebba .voiceIcons_adebba {
    margin-inline-end:var(--space-4)!important}

.clanTag_adebba {
    margin-inline-start: var(--space-4)
}

.voiceIcons_adebba {
    margin-inline:0!important}

.voiceIcon_adebba {
    color: var(--white)!important;
    display: block;
    flex-shrink: 0;
    margin-inline-start:0!important;opacity: .5
}

.interactive_adebba {
    opacity: 1!important
}

.speaking_adebba {
    opacity: .9
}

.speaking_adebba .avatarSpeakingOutline_adebba {
    outline: 1px solid var(--green-300);
    outline-offset: 2px
}

.justConnected_adebba {
    opacity: .6
}

.connectedAnimationContainer_adebba {
    background-color: #131318;
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    bottom: 4px;
    inset-inline-start: 36px;
    overflow: hidden;
    position: absolute;
    top: 4px;
    z-index: 100
}

.connectedAnimationContainer_adebba.right_adebba {
    inset-inline-end: 36px;
    inset-inline-start: unset
}

.emptySpace_adebba {
    height: 0;
    width: 0
}

.connectedAnimationInnerContainer_adebba {
    align-items: center;
    display: flex;
    gap: var(--space-4);
    height: 100%;
    justify-content: flex-start;
    overflow: hidden;
    white-space: nowrap;
    width: -moz-fit-content;
    width: fit-content
}

.connectedAnimationInnerContainer_adebba.exiting_adebba {
    max-width: 100%
}

.connectedAnimationInnerContainer_adebba.left_adebba {
    padding-inline-start:8px;text-align: start
}

.connectedAnimationInnerContainer_adebba.right_adebba {
    padding-inline-end:4px;text-align: end
}

.animation_adebba {
    height: 24px;
    width: 24px
}

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

.hiddenVoiceStates_adebba.locked_adebba {
    opacity: .4
}

.hiddenVoiceStates_adebba.flipped_adebba {
    flex-direction: row-reverse
}

.hiddenVoiceStatesAvatar_adebba {
    justify-content: center
}

.hiddenVoiceStatesAvatar_adebba,.hiddenVoiceStatesText_adebba {
    align-items: center;
    display: flex;
    flex-direction: row
}

.hiddenVoiceStatesText_adebba {
    background-color: rgba(19,19,24,.8);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-border) var(--shadow-high);
    cursor: pointer;
    flex-shrink: 1;
    opacity: .8;
    padding: var(--space-4) var(--space-8)
}

.key__98feb {
    background: var(--background-base-low);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-xs);
    color: var(--text-muted);
    font-family: var(--font-code);
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    height: 16px;
    line-height: 14px;
    text-transform: uppercase
}

.key__98feb+.key__98feb {
    margin-inline-start:0}

.keySpan__98feb {
    box-sizing: border-box;
    display: inline-block;
    margin-inline:var(--space-4);padding: 0 var(--space-4)
}

.keyDiv__98feb {
    align-items: center;
    display: flex;
    font-size: 10px;
    height: 10px;
    justify-content: center;
    line-height: 12px;
    padding: 2px 4px
}

.bgShade__6d791 {
    background-color: rgba(19,19,24,.9);
    border: 1px solid hsla(0,0%,100%,.08);
    box-sizing: border-box
}

.keybind__6d791 {
    background-color: var(--background-mod-strong);
    border-color: var(--border-strong);
    color: var(--text-strong)
}

.titleWrapper__6d791 {
    align-items: center;
    border-radius: 12px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    max-width: 100%;
    padding: 2px 8px
}

.titleWrapperWithHint__6d791 {
    border-radius: 8px
}

.titleWrapperClickable__6d791 {
    cursor: pointer;
    height: auto
}

.extrasEmptySpace__6d791 {
    flex: 1;
    height: 24px
}

.button__6d791 {
    align-items: center;
    border-radius: 50%;
    color: var(--text-strong);
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    width: 24px
}

.button__6d791.active__6d791 {
    border-color: var(--background-brand)
}

.localizedName_e42467 {
    font-size: 14px;
    font-weight: var(--font-weight-normal);
    line-height: 20px
}

.flag_e42467 {
    flex: 0 0 auto;
    margin: 0 8px
}

.flagImage_e42467 {
    display: block;
    filter: saturate(var(--saturation-factor,1));
    height: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 27px
}

.enableOverlayItemAction__9d98d {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: flex-end
}

.collapseable__9d98d {
    background-color: var(--background-base-lower);
    border: 1px solid var(--background-mod-muted);
    border-radius: var(--radius-sm);
    overflow: hidden
}

.notificationSettingsContainer__9d98d {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 12px 0
}

.notificationSettingsContainer__9d98d .notificationItem__9d98d {
    align-items: center;
    border-bottom: 1px solid var(--background-mod-muted);
    display: flex;
    flex-direction: row;
    gap: 12px;
    justify-content: space-between;
    padding: 8px 0
}

.notificationSettingsContainer__9d98d .notificationItem__9d98d .notificationDescriptionContainer__9d98d {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.groupContainer__9d98d,.mainCollapseableContainer__9d98d {
    background-color: var(--background-base-lower)
}

.groupContainer__9d98d {
    border-radius: var(--radius-sm);
    flex: 1;
    overflow: hidden;
    transition: background-color .1s ease-in-out
}

.groupWarning__9d98d {
    cursor: default
}

.standaloneContainer__9d98d {
    background-color: var(--background-base-lower);
    border: 1px solid var(--background-mod-muted);
    border-radius: var(--radius-sm)
}

.groupCollapsedContainer__9d98d {
    align-items: stretch;
    background-color: var(--background-base-lower);
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 8px;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 1
}

.groupCollapsed__9d98d,.groupCollapsedAction__9d98d {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.groupCollapsedAction__9d98d {
    gap: 8px
}

.emptySpacer__9d98d {
    height: 20px;
    width: 20px
}

.playingDot__9d98d {
    background-color: var(--text-feedback-positive);
    border-radius: 50%;
    height: 8px;
    margin: 2px;
    width: 8px
}

.groupHeader__9d98d {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: flex-start;
    padding: 8px 16px
}

.expandedContainer__9d98d,.groupHeader__9d98d {
    background-color: var(--background-base-lowest)
}

.groupContent__9d98d {
    gap: 12px;
    justify-content: space-between;
    padding: 16px 16px 12px
}

.groupContent__9d98d,.groupTitle__9d98d {
    align-items: center;
    display: flex;
    flex-direction: row
}

.groupTitle__9d98d {
    gap: 4px;
    justify-content: flex-start
}

.groupIcon__9d98d {
    align-items: center;
    display: flex;
    justify-content: center
}

.groupMainContent__9d98d {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 2px
}

.subtitleContainer__9d98d {
    padding: 12px 16px 4px
}

.scroller__9d98d {
    max-height: 30vh
}

.groupAction__9d98d {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: flex-end
}

.gameIcon__9d98d {
    height: 32px;
    width: 32px
}

.overlayEnabledSettingsContainer__9d98d {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px 0
}

.limitedInteractionOverrideContainer__9d98d {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 0
}

.settingsDivider__9d98d {
    background-color: var(--background-mod-muted);
    height: 1px;
    margin: 16px 0;
    width: 100%
}

.rowContainer__9d98d {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: row;
    gap: 12px;
    justify-content: space-between
}

.keybindRecorderContainer__9d98d {
    flex-basis: 50%;
    max-width: 280px
}

.keybindHeaderContainer__9d98d {
    flex-basis: auto
}

.keybindMainContainer__9d98d {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 4px;
    justify-content: flex-start
}

.keybindAdminWarning__9d98d {
    padding-bottom: 8px;
    padding-top: 4px
}

.keybindContainer__9d98d {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: row;
    gap: 8px;
    justify-content: space-between;
    width: 100%
}

.voiceSettingsContainer__9d98d {
    display: grid;
    gap: 24px;
    grid-template-columns: calc(35% - 24px) calc(35% - 24px) 30%;
    grid-template-rows: repeat(2,auto)
}

.voiceSettingsContainer__9d98d>:nth-child(3) {
    grid-column: 3;
    grid-row: 1/span 2
}

.voiceWidgetContainer__9d98d {
    align-items: flex-start;
    background: rgba(0,0,0,.16);
    border: 1px dashed hsla(0,0%,100%,.16);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    width: 100%
}

.widgetSettingsContainer__9d98d {
    align-items: center;
    background-color: var(--background-mod-subtle);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 270px;
    padding: 32px;
    width: 100%
}

.widgetContainer__9d98d {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-inline-start:24px}

.select__9d98d {
    width: 100%
}

.widgetHeaderContainer__9d98d {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 4px
}

.sliderContainer__9d98d {
    padding-inline-start:4px;width: 100%
}

.formItemTitle__9d98d {
    margin-bottom: 4px
}

.overlaySettingsNux__9d98d {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 32px;
    justify-content: center;
    padding: 12px;
    position: relative;
    width: 100%
}

.closeCircleButton__9d98d {
    cursor: pointer;
    inset-inline-end: 12px;
    position: absolute;
    top: 24px;
    z-index: 1
}

.nuxFirstImage__9d98d {
    height: 371px;
    width: 660px
}

.nuxUserSettingsImage__9d98d {
    height: 188px;
    width: 660px
}

.mainTitleContainer__9d98d {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    text-align: center;
    width: 360px
}

.nuxDivider__9d98d {
    background-color: var(--background-mod-strong);
    height: 1px;
    margin: 16px 0;
    width: 100%
}

.systemServiceWarning__9d98d {
    flex-shrink: 1;
    margin-inline:16px;margin-bottom: 16px;
    margin-top: 4px
}

.imageWrapper__5ef8c {
    align-items: center;
    background-color: var(--white);
    border-radius: 60px;
    display: flex;
    height: 60px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 60px;
    z-index: 1
}

.image__5ef8c {
    height: 80%;
    width: 80%;
    z-index: 1
}

.cooldown__5ef8c {
    background-color: var(--blue-200)
}

.cooldownImage__5ef8c {
    height: 26px
}

.boostIconContainer__8dbf5 {
    border-radius: 100%;
    box-shadow: var(--elevation-medium);
    position: relative
}

.boostIcon__8dbf5 {
    height: 36px;
    width: 36px
}

.boostIconCanceled__8dbf5 {
    display: block
}

.snowflake__8dbf5 {
    inset-inline-start: -16px;
    position: absolute;
    top: 2px;
    z-index: 1
}

.guildContainer__5dba5 {
    align-items: center;
    background-color: var(--background-mod-normal);
    display: flex;
    flex-direction: row;
    padding: 30px 18px;
    position: relative
}

.guildInfoContainer__5dba5 {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin: 0 16px
}

.guildBoostStatsContainer__5dba5 {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-top: 6px
}

.separator__5dba5 {
    border-inline-end:1px solid var(--text-muted);height: 18px;
    margin: 0 10px;
    opacity: .5
}

.guildBoostBadge__5dba5 {
    color: var(--guild-boosting-pink);
    height: 16px;
    margin-inline-end:6px;width: 16px
}

.sparkle__5dba5 {
    color: var(--white);
    position: absolute;
    z-index: 1
}

.theme-light .sparkle__5dba5 {
    color: var(--guild-boosting-pink)
}

.sparkle1__5dba5 {
    bottom: 9px;
    inset-inline-start: 0
}

.sparkle2__5dba5 {
    inset-inline-end: 9px;
    top: -15px
}

.sparkle3__5dba5 {
    inset-inline-end: 0;
    top: 24px
}

.sparkle4__5dba5 {
    inset-inline-end: -22px;
    top: 28px
}

.sideSparkleContainer__5dba5 {
    background-image: radial-gradient(100% 100% at center,#fff 0,hsla(0,0%,100%,0) 50%);
    position: absolute;
    width: 1px;
    z-index: 1
}

.theme-light .sideSparkleContainer__5dba5 {
    background-image: radial-gradient(100% 100% at center,hsl(var(--guild-boosting-pink-hsl)/1) 0,hsl(var(--guild-boosting-pink-hsl)/0) 50%)
}

.sideSparkle__5dba5 {
    inset-inline-start: -8px
}

.container_ceb06a,.wrapper_ceb06a {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px
}

.container_ceb06a {
    gap: 12px
}

.appliedBoostContainer_ceb06a {
    background-color: var(--background-mod-normal);
    border-radius: var(--radius-sm);
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.guildContainer_ceb06a {
    align-items: center;
    display: flex;
    flex-direction: row;
    padding: 18px
}

.guildInfoContainer_ceb06a {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin: 0 15px
}

.guildBoostStatsContainer_ceb06a {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-top: 6px
}

.separator_ceb06a {
    border-inline-end:1px solid var(--text-muted);height: 18px;
    margin: 0 10px
}

.guildBoostBadge_ceb06a {
    color: var(--guild-boosting-pink);
    margin-inline-end:6px}

.boostContainer_ceb06a {
    background-color: var(--primary-800);
    display: flex;
    flex-direction: column;
    padding: 0 20px
}

.theme-light .boostContainer_ceb06a {
    background-color: var(--primary-200)
}

.boostInnerContainer_ceb06a {
    align-items: center;
    display: flex;
    flex-direction: row;
    padding: 6px 0
}

.boostContainerSeparator_ceb06a {
    background-color: var(--primary-500);
    height: 1px;
    opacity: .48
}

.theme-light .boostContainerSeparator_ceb06a {
    opacity: .2
}

.cancel_ceb06a {
    color: var(--text-feedback-warning)
}

.boostDescriptionContainer_ceb06a {
    flex: 1;
    margin: 0 10px;
    position: relative
}

.boostDescriptionInnerContainer_ceb06a {
    position: absolute;
    transform: translateY(-50%);
    width: 100%
}

.boostSlotMenuIcon_ceb06a {
    color: var(--interactive-text-default);
    cursor: pointer;
    display: flex
}

.mainSeparator_ceb06a {
    background-color: var(--primary-500);
    height: 1px;
    opacity: .48
}

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

.wrapper__8e08c {
    isolation: isolate;
    position: relative
}

.gradient__8e08c {
    background: center 15%/90% auto url(/assets/63ac51b66622ae3d.svg) no-repeat,linear-gradient(180deg,var(--premium-tier-0-header-gradient-2) 0,var(--premium-tier-0-header-gradient-3) 60%,var(--premium-tier-0-header-gradient-4) 120%);
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    padding: 76px 56px 36px;
    position: relative;
    z-index: 1
}

.guildBoostGemWrapper__8e08c {
    background-color: var(--white);
    border-radius: 34px;
    box-shadow: var(--elevation-medium);
    height: 68px;
    overflow: hidden;
    top: 0;
    transform: translate(-50%,-25%);
    width: 68px;
    z-index: 2
}

.guildBoostGem__8e08c,.guildBoostGemWrapper__8e08c {
    inset-inline-start: 50%;
    position: absolute
}

.guildBoostGem__8e08c {
    height: 60px;
    top: 50%;
    transform: translate(-50%,-50%)
}

.heading__8e08c {
    color: var(--text-strong);
    position: relative;
    text-align: center;
    z-index: 2
}

.heading__8e08c p {
    margin: 0
}

.wave__8e08c {
    bottom: -96px;
    fill: var(--background-base-low);
    inset-inline-start: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.wrapper__834f5 {
    align-items: center;
    background-color: var(--background-mod-normal);
    border-radius: var(--radius-sm);
    display: flex;
    flex-direction: row;
    margin-bottom: 50px;
    padding: 30px 18px;
    position: relative
}

.icon__834f5 {
    border-radius: 100%;
    height: 60px;
    width: 60px
}

.info__834f5 {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin: 0 16px
}

.wrapper__37ae5 {
    background-color: var(--background-mod-normal);
    border-radius: var(--radius-sm);
    padding: 16px 18px
}

.copy__37ae5,.wrapper__37ae5 {
    align-items: center;
    display: flex
}

.cta__37ae5 {
    color: var(--text-link)!important;
    display: inline;
    height: auto;
    margin-inline-start:4px;min-height: auto;
    min-width: auto;
    padding: 0
}

.boostIcon__37ae5 {
    color: var(--guild-boosting-pink);
    height: 16px;
    margin-inline-end:4px;width: 16px
}

.wrapper__51537 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 50px
}

.header__51537 {
    margin-bottom: 20px;
    margin-top: 30px
}

.recommendedServerCard__51537 {
    border-radius: var(--radius-sm);
    position: relative
}

.wrapper__686ce {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
    padding: 0 70px;
    text-align: center
}

.subtitle__686ce {
    margin-bottom: 6px
}

.subscription_d970da {
    align-items: center;
    background-color: var(--background-base-lower);
    border-radius: 8px;
    display: flex;
    padding: 16px
}

.subscriptionInfo_d970da {
    margin-inline-start:16px}

.tierInfo_d970da {
    align-items: center;
    display: flex
}

.tierPill_d970da {
    align-items: center;
    align-self: flex-start;
    background-color: var(--background-mod-normal);
    border-radius: 11px;
    display: inline-flex;
    font-size: 12px;
    line-height: 14px;
    padding-block:4px;padding-inline:4px 8px}

.tierPill_d970da,.tierPillStar_d970da {
    color: var(--text-default)
}

.tierPillStar_d970da {
    height: 16px;
    margin-inline-end:5px;width: 16px
}

.guildIcon_d970da {
    background-color: var(--background-base-low)
}

.guildName_d970da {
    color: var(--text-strong);
    flex: 1;
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    line-height: 20px;
    margin-bottom: 8px
}

.levelIcon_d970da {
    height: 16px;
    margin: 0 4px;
    width: 16px
}

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

.levelUpIcon_d970da {
    color: var(--green-360)
}

.theme-light .boost_d970da {
    background-color: var(--primary-230)
}

.theme-light .guildName_d970da {
    color: var(--primary-500)
}

.tierPillGem_d970da {
    color: var(--text-muted)
}

.content__2cbe8 {
    display: flex;
    flex-direction: column;
    padding-bottom: 16px
}

.guildCard__2cbe8 {
    margin: 16px 0
}

.image__2cbe8 {
    align-self: center;
    background-repeat: no-repeat;
    background-size: 100%;
    flex-shrink: 0;
    margin: 20px 0
}

.transferGuildCardHeader__2cbe8 {
    margin-top: 16px;
    text-transform: uppercase
}

.activeTransferGuildCardBorder__2cbe8 {
    background: linear-gradient(to left,var(--guild-boosting-purple),var(--guild-boosting-blue));
    padding: 2px
}

.activeTransferGuildCardBorder__2cbe8,.transferFromGuildCard__2cbe8 {
    border-radius: 8px;
    margin-top: 8px
}

.transferToGuildCard__2cbe8 {
    border-radius: 8px
}

.error__2cbe8 {
    margin: 16px
}

.pendingCancellation__2cbe8 {
    align-items: center;
    background: var(--background-feedback-warning);
    border: 1px solid var(--icon-feedback-warning);
    border-radius: 4px;
    display: flex;
    margin-top: 16px;
    padding: 8px 16px
}

.pendingCancellationIcon__2cbe8 {
    color: var(--text-feedback-warning);
    flex-shrink: 0
}

.pendingCancellationMessage__2cbe8 {
    color: var(--text-default);
    margin-inline-start:10px}

.footer__2cbe8 {
    padding: 16px 24px
}

.modal__39466 {
    overflow: hidden
}

.modalCloseButton__39466 {
    inset-inline-end: 12px;
    opacity: .8;
    position: absolute;
    top: 12px
}

.modalCloseButton__39466:hover {
    opacity: 1
}

.modalContent__39466 {
    padding: 8px 0
}

.selectHeaderContainer__39466 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    z-index: auto
}

.selectHeader__39466 {
    margin-bottom: 16px
}

.selectGuild__39466 {
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    padding: 8px 6px
}

.selectGuild__39466:hover {
    background-color: var(--background-mod-normal)
}

.selectGuildIcon__39466 {
    flex: 0 0 auto
}

.selectGuildName__39466 {
    flex: 0 1 auto;
    margin-inline-start:12px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.selectGuildLevel__39466 {
    flex: 0 0 auto;
    margin-inline-start:6px}

.selectGuildCopy__39466 {
    align-items: baseline;
    display: flex;
    flex: 1 1 auto;
    overflow: hidden
}

.selectGuildPseudoCta__39466 {
    background: var(--brand-500);
    border-radius: 4px;
    flex: 0 0 auto;
    margin-inline-start:6px;padding: 6px 16px
}

.emptyStateWrapper__39466 {
    padding: 8px 16px;
    text-align: center
}

.emptyStateWrapper__39466 p {
    margin: 0
}

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

.animationContainer__884d1,.container__884d1 {
    position: relative;
    z-index: 0
}

.animationContainer__884d1 {
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.svgBorder__884d1 {
    height: calc(100% + 2px);
    inset-inline-start: -1px;
    position: absolute;
    top: -1px;
    width: calc(100% + 2px);
    z-index: 1
}

.svgCopy__884d1 {
    display: block
}

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

.shine__884d1 {
    color: var(--opacity-white-48)
}

.upsellFooter__5e07c {
    align-items: center;
    background-color: var(--background-base-lower);
    border-radius: 8px;
    color: var(--text-default);
    display: flex;
    font-size: 14px;
    line-height: 18px;
    margin-top: 16px;
    padding: 8px
}

.upsellFooterIcon__5e07c {
    flex-shrink: 0;
    height: 24px;
    margin-inline-end:8px;width: 24px
}

.reverseTrialUpsellContainer__5e07c {
    border-radius: 4px;
    box-shadow: 0 0 40px 0 rgba(229,85,211,.5);
    position: relative
}

.unlockIcon__5e07c {
    height: 46px;
    inset-inline-start: 7px;
    pointer-events: none;
    position: absolute;
    top: -14px;
    width: 46px
}

.upsellText__5e07c {
    padding-inline-start:48px}

.bodyText__945b8 {
    color: var(--text-default);
    font-size: 16px;
    line-height: 20px
}

.planSelectText__945b8 {
    margin-bottom: 16px
}

.planSelectRow__945b8 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 8px auto
}

.planSelectRowALaCarte__945b8 {
    justify-content: flex-start
}

.planSelectorWrapper__945b8 {
    align-items: center;
    display: flex
}

.planSelectorHeader__945b8 {
    font-weight: var(--font-weight-semibold);
    margin-bottom: 8px
}

.planSelectorRadioBarALaCarte__945b8 {
    align-items: flex-start
}

.planSelectorRadioIconALaCarte__945b8 {
    margin-top: 4px
}

.planSelectorPlanName__945b8 {
    margin-inline-end:4px}

.planSelectorLabel__945b8 {
    color: var(--text-default);
    font-size: 16px;
    line-height: 20px;
    margin-inline-start:16px}

.planSelectorPreviewPrice__945b8 {
    color: var(--interactive-text-default);
    font-size: 16px;
    line-height: 20px
}

.planSelectDivider__945b8 {
    background-color: var(--border-subtle);
    height: 1px;
    margin: 16px 0
}

.planSelectorSubtotal__945b8 {
    color: var(--interactive-text-active);
    font-size: 16px;
    font-weight: var(--font-weight-semibold);
    line-height: 20px
}

.invoiceTableBottom__945b8,.paymentSourceWrapper__945b8 {
    margin: 16px 0
}

.taxInclusiveNote__945b8 {
    margin-top: 12px
}

.confirmationContainer__945b8 {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 56px 32px 64px
}

.confirmationAnimation__945b8 {
    height: 140px;
    margin-bottom: 32px;
    width: 400px
}

.confirmationText__945b8,.confirmationUpgradedBanner__945b8 {
    margin-bottom: 16px
}

.confirmationText__945b8 {
    color: var(--interactive-text-default);
    font-size: 16px;
    font-weight: var(--font-weight-medium);
    line-height: 20px;
    text-align: center
}

.confirmationText__945b8 p {
    margin: 0
}

.confirmationText__945b8 p+p {
    margin-top: 8px
}

.existingSlotNotice__945b8 {
    align-items: center;
    background-color: var(--background-base-lower);
    border-radius: 8px;
    color: var(--text-default);
    display: flex;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 16px;
    margin-top: 16px;
    padding: 8px
}

.existingSlotIcon__945b8 {
    flex-shrink: 0;
    height: 24px;
    margin-inline-end:8px;width: 24px
}

.existingSlotTooltipWarningIcon__945b8 {
    cursor: pointer;
    height: 16px;
    margin-inline-start:6px;vertical-align: text-bottom;
    width: 14px
}

.loadingSpinner__945b8 {
    flex: 1;
    max-width: 100px
}

.reverseTrialContextInfoDivider__945b8 {
    background-color: var(--border-subtle);
    height: 1px
}

.reverseTrialContextText__945b8 {
    margin: 12px 0
}

.reverseTrialContextMarginBottom__945b8 {
    margin-bottom: 8px
}

.modal__0f8ce {
    overflow: hidden
}

.selectContent__0f8ce {
    padding: 8px 0
}

.confirmImage__0f8ce {
    height: 134px;
    width: 264px
}

.transferConfirmImage__0f8ce {
    height: 128px;
    width: 216px
}

.successBody__0f8ce {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-bottom: 20px
}

.successAnimation__0f8ce {
    height: 200px;
    width: 300px
}

.quantitySelectorBody__0f8ce {
    margin-top: 20px
}

.quantitySelectorDescription__0f8ce,.quantitySelectorHeader__0f8ce {
    margin-bottom: 16px
}

.quantitySelectorWrapper__0f8ce {
    align-items: center;
    display: flex;
    margin: 32px auto
}

.quantitySelectorLabel__0f8ce {
    line-height: 20px;
    margin-inline-start:16px}

.modalCloseButton__0f8ce {
    inset-inline-end: 12px;
    opacity: .8;
    position: absolute;
    top: 12px
}

.modalCloseButton__0f8ce:hover {
    opacity: 1
}

.images-light .confirmImage__0f8ce {
    background-image: url(/assets/52c92d8492ebe041.svg)
}

.images-light .transferConfirmImage__0f8ce {
    background-image: url(/assets/2d416896e0bbb412.svg)
}

.images-dark .confirmImage__0f8ce {
    background-image: url(/assets/52c92d8492ebe041.svg)
}

.images-dark .transferConfirmImage__0f8ce {
    background-image: url(/assets/c278e895ac47b4af.svg)
}

.tierPill__0f8ce {
    background-color: var(--background-mod-normal);
    color: var(--text-default)
}

.header__7e090 {
    background-image: url(/assets/cb4131669938b6ad.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    height: 132px
}

.animation__7e090 {
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0
}

.headerTitle__7e090 {
    background-image: url(/assets/9f911879992ce2d1.svg);
    height: 28px;
    width: 60px
}

.header__7e090 .closeButton__7e090 {
    color: var(--white);
    inset-inline-end: 12px;
    opacity: .8;
    position: absolute;
    top: 12px
}

.header__7e090 .closeButton__7e090:hover {
    opacity: 1
}

.enable-forced-colors .header__7e090 .closeButton__7e090 {
    opacity: 1
}

.body__968a4 {
    color: var(--text-default);
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 16px
}

.invoiceTable__968a4 {
    margin: 16px 0
}

.cancelImage__968a4 {
    background-image: url(/assets/14d412ef35277fe7.svg);
    height: 128px;
    margin: 0 auto 24px;
    width: 270px
}

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

.error__968a4 {
    margin-bottom: 16px;
    margin-top: 16px
}

.textButton__968a4 {
    margin-inline-end:12px}

.body_fe75b7 {
    color: var(--text-default);
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 16px
}

.uncancelImage_fe75b7 {
    background-image: url(/assets/d5c03099c5d632e3.svg);
    height: 128px;
    margin: 0 auto 24px;
    width: 234px
}

.error_fe75b7 {
    margin-bottom: 16px
}

.wrapper__99020 {
    margin-bottom: 10px;
    position: relative
}

.specialHeader__99020 {
    align-items: center;
    background: linear-gradient(90deg,hsl(var(--premium-tier-2-purple-for-gradients-2-hsl)/.4) 0,hsl(var(--premium-tier-2-pink-for-gradients-hsl)/.3) 100%);
    border-radius: var(--radius-sm) var(--radius-sm) 0 0;
    display: flex;
    height: 40px;
    padding-inline-start:20px;position: relative
}

.pill__99020 {
    background-image: linear-gradient(95deg,var(--premium-tier-2-purple-for-gradients) 0,var(--premium-tier-2-purple-for-gradients-2) 49.96%,var(--premium-tier-2-pink-for-gradients) 95.93%);
    border-radius: 10px;
    color: var(--white);
    inset-inline-start: 20px;
    padding: 0 8px;
    position: absolute;
    top: -8px;
    z-index: 30
}

.content__99020.headerWithoutSpecialHeader__99020 {
    border-radius: var(--radius-sm)
}

.content__99020.headerWithBoost__99020 {
    border-radius: 0 0 var(--radius-sm) var(--radius-sm)
}

.content__99020 {
    position: relative;
    z-index: 0
}

.content__99020:after,.content__99020:before {
    border: 1px solid transparent;
    border-radius: inherit;
    box-sizing: border-box;
    content: "";
    height: 100%;
    inset-inline-start: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.content__99020:after {
    border-color: var(--guild-boosting-blue);
    -webkit-mask: linear-gradient(45deg,#000,transparent);
    mask: linear-gradient(45deg,#000,transparent)
}

.content__99020:before {
    border-color: var(--guild-boosting-purple)
}

.border__99020 {
    height: 100%;
    inset-inline-start: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.header__99020 {
    align-items: center;
    background-color: var(--background-base-lower);
    border-radius: var(--radius-sm);
    display: flex;
    padding: 30px 18px
}

.headerHeading__99020 {
    margin-bottom: 4px
}

.headerContentPrimary__99020 {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    margin-inline-end:12px;width: 100%
}

.headerBoostGems__99020 {
    display: flex;
    flex: 0 0 auto;
    isolation: isolate;
    margin-inline-end:16px}

.headerBoostGem__99020 {
    box-shadow: var(--elevation-medium)
}

.headerBoostGem__99020+.headerBoostGem__99020 {
    margin-inline-start:-30px}

.headerLearnMoreLink__99020 {
    color: var(--text-link);
    cursor: pointer
}

.headerLearnMoreLink__99020:hover {
    text-decoration: underline
}

.unappliedBoostSlots__99020 {
    background-color: var(--background-mod-normal);
    border-radius: 0 0 8px 8px;
    padding: 0 18px
}

.unappliedGuildBoostSlot__99020 {
    align-items: center;
    display: flex;
    padding: 6px 0
}

.unappliedGuildBoostSlot__99020+.unappliedGuildBoostSlot__99020 {
    border-top: 1px solid hsl(var(--primary-500-hsl)/.5)
}

.theme-light .unappliedGuildBoostSlot__99020+.unappliedGuildBoostSlot__99020 {
    border-top-color: hsl(var(--primary-500-hsl)/.2)
}

.unappliedGuildBoostSlotContentPrimary__99020 {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    margin-inline-end:12px;width: 100%
}

.unappliedGuildBoostSlotContentSecondary__99020 {
    flex: 0 0 auto
}

.unappliedGuildBoostSlotIcon__99020 {
    flex: 0 0 auto;
    margin-inline-end:10px}

.unappliedGuildBoostSlotCta__99020 {
    padding: 0
}

@media (max-width: 800px) {
    .header__99020,.unappliedGuildBoostSlot__99020 {
        flex-direction:column
    }

    .headerContentPrimary__99020,.unappliedGuildBoostSlotContentPrimary__99020 {
        margin-inline-end:0}

    .headerContentSecondary__99020,.unappliedGuildBoostSlotContentSecondary__99020 {
        align-self: flex-end;
        margin-top: 4px
    }
}

.tierComparisonTable__744ff {
    margin-bottom: 64px
}

.boosterRecognitionCard__744ff {
    max-width: 140px;
    min-width: 130px
}

.faq__744ff {
    padding: 36px 20px
}

.blockedPaymentsWarning__744ff {
    margin-bottom: 32px
}

.FPContainer__744ff {
    margin-bottom: 63px
}

.FPPill__744ff {
    background-color: var(--background-mod-muted)
}

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

.container__39fd0 {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    flex-direction: column
}

.loading__39fd0 {
    align-items: center;
    display: flex;
    height: 520px;
    justify-content: center
}

.background__39fd0 {
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0
}

.content__39fd0 {
    position: relative
}

.divider__39fd0 {
    background-color: var(--border-subtle);
    height: 1px;
    margin: 40px 0
}

.container_b1c93b {
    align-self: center;
    margin-top: var(--space-32)
}

.emptySearchIcon_b1c93b {
    height: 40px;
    margin-bottom: 8px;
    width: 100%
}

.description__803f2 {
    white-space: pre-wrap
}

.description__803f2 p:first-child {
    margin-top: 0
}

.description__803f2 p:last-child,.groupTitle__803f2 {
    margin-bottom: 0
}

.sessions__803f2 {
    margin: 32px 0
}

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

.session__803f2:first-child {
    padding-top: 16px
}

.currentSession__803f2 {
    padding-bottom: 16px
}

.sessionContent__803f2 {
    align-items: center;
    display: flex;
    gap: 24px
}

.sessionSeparator__803f2 {
    margin-top: 24px
}

.sessionIcon__803f2 {
    align-items: center;
    background: var(--interactive-text-default);
    border-radius: 50%;
    color: var(--background-base-lower);
    display: flex;
    height: 48px;
    justify-content: center;
    padding: 8px;
    width: 48px
}

.legacySession__803f2 .sessionIcon__803f2 {
    background: var(--background-mod-muted)
}

.sessionInfo__803f2 {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.sessionInfoRow__803f2 {
    display: flex;
    flex-wrap: wrap;
    gap: 4px
}

.sessionMoreButton__803f2 {
    color: var(--interactive-text-default);
    cursor: pointer;
    margin-inline-start:auto}

.sessionMoreButton__803f2:hover {
    color: var(--interactive-text-hover)
}

.sessionCheckbox__803f2 {
    margin-inline-start:auto}

.sessionLogoutIcon__803f2 {
    transform: rotate(180deg)
}

.logOutAllButton__803f2 {
    align-self: flex-start;
    margin-top: 16px
}

.loading__803f2 {
    align-items: center;
    display: flex;
    height: 300px;
    justify-content: center
}

.tools__803f2 {
    border-bottom: 1px solid var(--border-subtle);
    border-top: 1px solid var(--border-subtle);
    margin-top: 32px;
    padding: 1rem 0
}

.toolsTitle__803f2 {
    margin-bottom: .5rem
}

.logOutAllButtonRedesign__803f2 {
    margin-top: 24px
}

.systemServiceContainer__79adc {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 24px;
    justify-content: space-between
}

.systemServiceTextContainer__79adc {
    display: flex;
    flex-direction: column;
    gap: var(--space-4)
}

.group_bc4a3e {
    margin-top: 20px
}

.title_bc4a3e {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px
}

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

.emptyState_bc4a3e {
    margin-top: 36px;
    text-align: center
}

.description_bc4a3e {
    margin-top: 4px
}

.divider_bc4a3e {
    margin-top: 20px
}

.debugTitle_bc4a3e {
    margin-top: 16px
}

.pre_bc4a3e {
    white-space: pre
}

.card_bc4a3e {
    background-color: var(--background-surface-higher);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    padding: var(--space-16)
}

.collapsible_bc4a3e {
    background: none;
    padding: var(--space-8)
}

.collapsible_bc4a3e code {
    background-color: var(--background-code);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    padding: var(--space-4)
}

.heading__6f81c {
    margin-bottom: 20px
}

.tabBar__6f81c {
    gap: 40px;
    max-width: calc(100% - 60px)
}

.tab__6f81c {
    align-items: center;
    display: flex;
    flex-shrink: 1;
    gap: 8px;
    padding-bottom: 12px
}

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

.iconTitle__6f81c {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.body__6f81c {
    margin-top: 16px
}

@media (max-width: 960px) {
    .tabBar__6f81c {
        gap:32px
    }
}

.poggermodeIcon__581ea {
    height: 20px
}

.premiumTab__581ea {
    overflow: visible
}

/*# sourceMappingURL=015ca14af3bac62c.css.map*/
