DiscordClone/discord-html-copy/css/0fe7a252fcb6f0c6.css

.container__74da2 {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 100vh;
    position: relative;
    width: 100vw
}

.backgroundArtwork__74da2 {
    height: 100%;
    inset-inline-start: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.appOpenedTitle__74da2 {
    margin-bottom: 12px
}

.container__44284 {
    align-items: center;
    background-color: var(--background-base-low);
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,.1);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    inset-inline-start: 50%;
    justify-content: center;
    margin: 0 auto;
    max-width: 80%;
    padding: 2rem;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%,-50%);
    width: -moz-fit-content;
    width: fit-content
}

.divider_c87e85 {
    border-bottom: 1px solid;
    margin-bottom: 20px
}

.theme-light .divider_c87e85 {
    border-color: hsl(var(--primary-200-hsl)/.6)
}

.theme-dark .divider_c87e85 {
    border-color: hsl(var(--primary-630-hsl)/.6)
}

.contentRating_f4dfaa {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-shrink: 0
}

.esrb_f4dfaa {
    height: 54px;
    width: 40px
}

.pegi_f4dfaa {
    height: 49px;
    width: 40px
}

.esrbEveryone_f4dfaa {
    background-image: url(/assets/9daa18150ba7418f.svg)
}

.esrbEveryoneTenPlus_f4dfaa {
    background-image: url(/assets/27ff09832b8a5062.svg)
}

.esrbTeen_f4dfaa {
    background-image: url(/assets/0129c482e263a9bf.svg)
}

.esrbMature_f4dfaa {
    background-image: url(/assets/4613be06562668a7.svg)
}

.esrbAdult_f4dfaa {
    background-image: url(/assets/625f813befac2f1e.svg)
}

.esrbRatingPending_f4dfaa {
    background-image: url(/assets/fc451c7fd580b692.svg);
    height: 60px;
    width: 40px
}

.pegiThree_f4dfaa {
    background-image: url(/assets/555f2e7a9e2a3ba6.svg)
}

.pegiSeven_f4dfaa {
    background-image: url(/assets/838c728f09c1c921.svg)
}

.pegiTwelve_f4dfaa {
    background-image: url(/assets/23cd3d91b54c025b.svg)
}

.pegiSixteen_f4dfaa {
    background-image: url(/assets/3ad9c67e984da7ef.svg)
}

.pegiEighteen_f4dfaa {
    background-image: url(/assets/d71b4a11b638071e.svg)
}

.content__6d178 {
    color: var(--text-muted);
    flex: 1;
    font-size: 12px;
    line-height: 1.5;
    margin-inline-end:20px;-webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

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

.features_c85137 {
    margin-bottom: 40px;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.row_c85137 {
    align-items: center;
    background-color: var(--background-base-lowest);
    border-radius: 3px;
    color: var(--text-muted);
    display: flex;
    font-size: 15px;
    line-height: 16px;
    margin-bottom: 2px;
    padding: 8px
}

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

.checkmarkIcon_c85137,.featureIcon_c85137 {
    flex: 0 0 auto;
    height: 24px;
    width: 24px
}

.featureText_c85137 {
    flex: 1;
    margin: 0 8px
}

.checkmarkIcon_c85137 {
    color: var(--green-360)
}

.featureIcon_c85137 {
    color: var(--text-muted)
}

.content__1688d {
    color: var(--text-muted);
    flex: 1;
    font-size: 12px;
    line-height: 1.5;
    margin-inline-end:20px;-webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.matureListing__49e1d {
    height: 100%;
    padding-bottom: 60px;
    position: relative
}

.matureListing__49e1d:before {
    box-shadow: var(--elevation-low);
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: -1px;
    inset-inline: 0;
    pointer-events: none;
    z-index: 1
}

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

.theme-dark .matureListing__49e1d {
    background-color: transparent
}

.recommendationReason__6efad {
    align-items: center;
    display: flex;
    font-size: 15px
}

.circle__6efad {
    border-radius: 50%;
    box-sizing: border-box;
    color: var(--primary-100);
    flex-shrink: 0;
    height: 32px;
    margin-inline-end:12px;padding: 8px;
    width: 32px
}

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

.iconCircle__6efad {
    align-items: center;
    background-color: var(--primary-500);
    display: flex;
    justify-content: center
}

.earlyAccess__6efad {
    padding: 11px
}

.premiumCircle__6efad {
    background-image: linear-gradient(270deg,#d589c0,#bf7be3)
}

.smallHeader__6efad {
    color: var(--primary-300);
    font-size: 12px;
    margin-bottom: 2px
}

.smallHeader__6efad,.text__6efad {
    font-weight: var(--font-weight-medium)
}

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

.description__6efad {
    flex: 1
}

.staffIcon__6efad {
    background-color: var(--brand-500)
}

.nitroIcon__6efad {
    background: linear-gradient(to left,var(--premium-tier-1-purple),var(--brand-500))
}

.recommendationActivity__450d3 {
    display: flex
}

.players__450d3 {
    margin-inline-end:8px;margin-bottom: 12px
}

.playerAvatar__450d3 {
    cursor: pointer;
    margin-inline-end:4px}

.avatarMasked__450d3 {
    margin-inline-end:-16px;-webkit-mask-image: url(/assets/66d9417d99573939.svg);
    mask-image: url(/assets/66d9417d99573939.svg);
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.playerOverflow__450d3 {
    border-radius: 50%;
    box-sizing: border-box;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: var(--font-weight-bold);
    height: 32px;
    line-height: 32px;
    min-width: 32px;
    padding: 0 8px;
    position: relative
}

.description__450d3 {
    color: var(--text-muted);
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    line-height: 20px
}

.username__450d3:hover {
    cursor: pointer;
    text-decoration: underline
}

.tooltip__450d3 {
    text-align: center
}

.tooltipTimestamp__450d3 {
    opacity: .6
}

.theme-light .playerOverflow__450d3 {
    background-color: var(--primary-100)
}

.theme-light .description__450d3 strong,.theme-light .discriminator__450d3 strong,.theme-light .username__450d3 {
    color: var(--primary-600)
}

.theme-dark .playerOverflow__450d3 {
    background-color: var(--primary-500)
}

.theme-dark .description__450d3 strong,.theme-dark .username__450d3 {
    color: var(--white)
}

.header__74994 {
    margin-bottom: 12px
}

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

.headerText__74994 {
    margin-inline-start:12px}

.label__74994 {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: var(--font-weight-medium);
    margin-bottom: 4px
}

.username__74994 {
    color: var(--text-strong);
    font-size: 14px;
    font-weight: var(--font-weight-semibold)
}

.notes__74994 {
    color: var(--text-muted);
    font-size: 14px;
    font-style: italic;
    font-weight: var(--font-weight-medium);
    line-height: 1.33
}

.notes__74994:before {
    content: "\201c"
}

.notes__74994:after {
    content: "\201d"
}

.root__26095 {
    background-color: var(--background-base-lowest);
    border-radius: 3px;
    overflow: hidden;
    padding: 20px 20px 0;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.header__26095 {
    color: var(--text-default);
    font-size: 20px;
    font-weight: var(--font-weight-medium);
    margin-bottom: 20px
}

.section__26095:not(:last-child) {
    border-bottom: 1px solid transparent;
    margin-bottom: 20px
}

.sectionContent__26095 {
    display: flex;
    flex-wrap: wrap;
    margin-inline-end:-20px}

.unit__26095 {
    box-sizing: border-box;
    flex: 1 1 50%;
    margin-bottom: 20px;
    min-width: 240px;
    padding-inline-end:20px}

.review__26095 {
    padding-bottom: 20px
}

.theme-dark .section__26095 {
    border-bottom-color: var(--primary-600)
}

.theme-light .section__26095 {
    border-bottom-color: hsl(var(--primary-200-hsl)/.6)
}

.breadcrumb__67607 {
    cursor: pointer
}

.breadcrumb__67607:hover {
    color: var(--text-default);
    text-decoration: underline
}

.tabs_f1dca0 {
    position: relative
}

.separator_f1dca0 {
    bottom: 0;
    height: 1px;
    inset-inline: 0;
    position: absolute
}

.tab_f1dca0 {
    border-bottom: 2px solid transparent;
    border-radius: 0;
    margin-inline-start:8px;padding-bottom: 4px
}

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

.tabPageLarge_f1dca0 {
    padding-inline:8px}

.tabPageSmall_f1dca0 {
}

.tabNotSelected_f1dca0 {
    transition: color .17s
}

.sectionTitle_f1dca0 {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: var(--font-weight-semibold);
    margin-bottom: 8px;
    text-transform: uppercase
}

.requirementsContainer_f1dca0 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 10px;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.requirements_f1dca0 {
    box-sizing: border-box;
    color: var(--text-default);
    flex: 1 0 50%;
    margin-bottom: 16px;
    min-width: 260px;
    padding-inline-end:20px}

.requirement_f1dca0 {
    font-size: 15px;
    line-height: 18px;
    margin: 6px 0
}

.requirementKey_f1dca0 {
    color: var(--text-muted);
    margin-inline-end:4px;white-space: nowrap
}

.theme-dark .separator_f1dca0 {
    background-color: hsl(var(--primary-630-hsl)/.6)
}

.theme-dark .tabSelected_f1dca0 {
    border-bottom-color: var(--white)
}

.theme-light .separator_f1dca0 {
    background-color: hsl(var(--primary-200-hsl)/.6)
}

.theme-light .tabSelected_f1dca0 {
    border-bottom-color: var(--primary-600)
}

.tabNotSelectedColor_f1dca0 {
    color: var(--text-muted)
}

.tabNotSelectedColor_f1dca0:hover,.tabSelectedColor_f1dca0 {
    color: var(--text-default)
}

.inviteSmall_f1d99d .content_f1d99d {
    align-items: flex-start
}

.inviteSmall_f1d99d .info_f1d99d {
    margin-bottom: 12px
}

.inviteLarge_f1d99d .content_f1d99d {
    align-items: center
}

.content_f1d99d {
    background-color: var(--background-base-lowest);
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    padding: 16px
}

.guildIcon_f1d99d {
    flex-shrink: 0
}

.info_f1d99d {
    display: flex;
    max-width: 100%
}

.infoText_f1d99d {
    margin-inline-start:20px;min-width: 0
}

.name_f1d99d {
    font-size: 16px;
    line-height: 1.25
}

.memberInfo_f1d99d,.name_f1d99d {
    color: var(--text-muted)
}

.memberInfo_f1d99d {
    font-size: 14px;
    margin-top: 4px
}

.dot_f1d99d {
    border-radius: 50%;
    flex-shrink: 0;
    height: 8px;
    margin-inline:8px 4px;width: 8px
}

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

.dotOnline_f1d99d {
    background-color: var(--green-360)
}

.dotOffline_f1d99d {
    background-color: var(--primary-400)
}

.memberText_f1d99d {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.actionButton_f1d99d {
    margin-top: 16px
}

.joinedCheckmark_f1d99d {
    height: 18px;
    margin-inline-start:8px;width: 18px
}

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

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

.outerScroller__0f50c:before {
    box-shadow: var(--elevation-low);
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: -1px;
    inset-inline: 0;
    pointer-events: none;
    z-index: 1
}

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

.noHeaderSpacer__0f50c {
    padding-top: 20px
}

.headerAssets__0f50c {
    align-items: center;
    display: flex;
    height: 100px;
    justify-content: center;
    margin: 0 auto;
    max-width: var(--custom-application-store-listing-body-max-width);
    position: relative
}

.headerBackground__0f50c {
    background-position: 50%;
    background-size: cover;
    inset: 0;
    -webkit-mask: radial-gradient(ellipse 50% 100% at 50% 0,#000,transparent);
    mask: radial-gradient(ellipse 50% 100% at 50% 0,#000,transparent);
    opacity: .3;
    position: absolute
}

.headerLogo__0f50c {
    background-size: contain;
    height: 60px;
    -o-object-fit: contain;
    object-fit: contain;
    position: relative
}

.link__0f50c {
    color: var(--text-strong);
    cursor: pointer;
    margin-inline:6px;opacity: .6
}

.link__0f50c:hover {
    opacity: .8
}

.link__0f50c:disabled {
    opacity: .2
}

.linkIcon__0f50c {
    display: block;
    height: 24px;
    width: 24px
}

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

.listing__0f50c {
    color: var(--text-strong);
    margin: 0 auto
}

.gatedListing__0f50c {
    position: absolute;
    visibility: hidden;
    z-index: -2
}

.contentRating__0f50c,.description__0f50c,.guildInvite__0f50c,.legalInfo__0f50c,.news__0f50c,.premiumPerks__0f50c,.purchaseUnit__0f50c,.whyYouMightLikeIt__0f50c {
    margin-bottom: 40px
}

.systemRequirements__0f50c {
    margin-bottom: 20px
}

.marketingHeader__0f50c {
    background-color: var(--primary-700)
}

.headerBarListing__0f50c {
    flex: 1;
    justify-content: space-between
}

.headerBarListing__0f50c,.headerPurchase__0f50c,.headerSection__0f50c {
    align-items: center;
    display: flex
}

.headerPurchase__0f50c {
    font-size: 14px;
    opacity: 0;
    transform: translateY(45px);
    transition-duration: .4s;
    transition-timing-function: ease
}

.full-motion .headerPurchase__0f50c {
    transition-property: transform,opacity
}

.headerPurchase__0f50c.active__0f50c {
    opacity: 1;
    transform: translateY(0)
}

.testModeSelectButton__0f50c {
    margin-inline-start:16px;padding-block:4px;padding-inline:8px 4px}

@media (max-width: 900px) {
    .headerPurchase__0f50c {
        display:none
    }
}

.headerActionButton__0f50c {
    margin-inline:12px 6px}

.listingLarge__0f50c {
    margin: 0 auto;
    max-width: var(--custom-application-store-listing-body-max-width);
    padding: 0 20px
}

.listingLarge__0f50c .body__0f50c {
    display: flex
}

.listingLarge__0f50c .leftColumn__0f50c {
    width: 66.67%
}

.listingLarge__0f50c .rightColumn__0f50c {
    margin-inline-start:40px;width: 33.33%
}

.listingSmall__0f50c {
    padding-inline:20px}

.listingSmall__0f50c .headerAssets__0f50c {
    height: 80px
}

.listingSmall__0f50c .headerLogo__0f50c {
    height: 40px
}

.listingSmall__0f50c .purchaseUnit__0f50c {
    margin-bottom: 20px;
    margin-top: 20px
}

.purchaseError__0f50c {
    color: var(--text-feedback-critical);
    font-size: 14px;
    margin-inline-start:8px}

.applicationStore_f07d62 {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-color: var(--background-base-low)
}

.navigation_f07d62 {
    margin: 40px 35px
}

.marketingHeader_f07d62 {
    background-color: var(--primary-700)
}

.marketingFooter_f07d62 {
    overflow: visible!important
}

.libraryFilter__3fb48 {
    align-items: center;
    display: flex;
    margin-inline-end:8px;overflow: hidden;
    position: relative;
    width: 144px
}

.libraryFilter__3fb48.focused__3fb48 {
    width: 240px
}

.searchBar__3fb48 {
    flex: 1 1 auto;
    width: 100%
}

.libraryHeader__5a895 {
    z-index: 3
}

.libraryHeader__5a895:before {
    box-shadow: var(--elevation-low);
    contain: paint;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 47px;
    inset-inline: 0;
    pointer-events: none;
    z-index: 1
}

.row__5fe04 {
    display: flex
}

.clickable__5fe04 {
    color: var(--interactive-text-default);
    cursor: pointer
}

.clickable__5fe04:hover {
    color: var(--interactive-text-hover)
}

.headerCell__5fe04 {
    display: flex
}

.headerCellContent__5fe04 {
    align-items: center;
    display: flex;
    min-height: 18px
}

.stickyHeader__5fe04 {
    inset-inline-start: 0;
    position: sticky;
    top: 0;
    z-index: 2
}

.sortIcon__5fe04 {
    height: 18px;
    margin-inline-start:4px;width: 18px
}

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

.table_adb41f {
    width: 100%
}

.table_adb41f:only-child {
    margin-bottom: 20px
}

.header_adb41f {
    border-bottom: 1px solid var(--border-subtle);
    box-sizing: border-box;
    font-size: 12px;
    font-weight: var(--font-weight-semibold);
    padding: 20px 34px 8px
}

.nameCell_adb41f {
    width: 30%
}

.nameCellText_adb41f {
    color: var(--text-strong);
    font-weight: var(--font-weight-semibold);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.icon_adb41f {
    color: var(--icon-muted);
    height: 20px;
    width: 20px
}

.nitroIcon_adb41f {
    flex-shrink: 0;
    margin-inline-start:8px}

.lastPlayedCell_adb41f,.platformCell_adb41f {
    color: var(--text-muted);
    width: 20%
}

.actionsCell_adb41f {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    min-width: 0;
    width: 30%
}

.stickyHeader_adb41f {
    width: calc(100% - 16px)
}

.headerCell_adb41f {
    border-inline-start:1px solid var(--border-subtle);box-sizing: border-box;
    flex: 1 1 auto;
    padding: 0 12px;
    text-transform: uppercase
}

.headerCell_adb41f:first-child {
    border-inline-start:none;padding-inline-start:0}

.headerCellSorted_adb41f,.headerCellSorted_adb41f:hover {
    color: var(--interactive-text-active)
}

.rowWrapper_adb41f {
    border-radius: 8px;
    cursor: pointer;
    margin: 0 18px;
    position: relative
}

.rowWrapper_adb41f+.rowWrapper_adb41f .row_adb41f {
    border-top: 1px solid var(--border-subtle)
}

.rowWrapperActive_adb41f {
    background-color: var(--interactive-background-hover);
    margin-bottom: -1px;
    padding-bottom: 1px;
    z-index: 1
}

.rowWrapperActive_adb41f,.rowWrapperGlow_adb41f {
}

@keyframes glow_adb41f {
    0% {
        opacity: 1
    }

    20% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.row_adb41f {
    align-items: center;
    color: var(--text-default);
    display: flex;
    margin: 0 8px;
    min-height: var(--custom-game-list-row-min-height);
    position: relative
}

.rowBackground_adb41f {
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
    bottom: 0;
    filter: grayscale(100%);
    inset-inline-start: 0;
    -webkit-mask: radial-gradient(100% 100% at top left,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,0) 100%);
    mask: radial-gradient(100% 100% at top left,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,0) 100%);
    position: absolute;
    top: 0;
    width: 272px
}

.bodyCell_adb41f {
    box-sizing: border-box;
    flex: 1 1 auto;
    line-height: 1.25;
    padding-block:8px;padding-inline:15px 8px}

.textCell_adb41f {
    align-self: stretch;
    color: var(--text-muted);
    display: flex
}

.nameBodyCell_adb41f {
    font-weight: var(--font-weight-medium);
    padding-inline-start:8px}

.nameCellInfo_adb41f {
    align-items: center;
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.lastPlayedCellNew_adb41f {
    color: var(--text-feedback-warning);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase
}

.gameIcon_adb41f {
    margin-inline-end:20px}

.actionButtonSize_adb41f {
    height: 32px;
    min-width: 120px
}

.hidden_adb41f {
    visibility: hidden
}

.settingIcons_adb41f {
    display: flex;
    margin-inline-end:26px;min-width: 56px
}

.settingIcon_adb41f {
    margin-inline-end:20px;min-width: 20px
}

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

.emptyState_adb41f {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-bottom: 20px
}

.emptyStateText_adb41f {
    margin: 20px 20px 0;
    text-align: center
}

.emptyStateHeader_adb41f {
    color: var(--text-strong);
    font-size: 24px;
    margin-bottom: 8px
}

.emptyStateDescription_adb41f {
    color: var(--text-default);
    font-size: 16px;
    line-height: 1.25
}

.emptyStateButtons_adb41f {
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    width: 100%
}

.emptyStateButton_adb41f {
    margin-top: 20px;
    margin-inline-end:20px;min-width: 125px
}

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

.emptyWumpus_adb41f {
    flex-shrink: 0;
    height: 202px;
    width: 404px
}

.emptyStateLarge_adb41f {
    box-sizing: border-box;
    flex-direction: column;
    height: 100%
}

.emptyStateSmall_adb41f {
    border-top: 1px solid var(--border-subtle);
    padding-top: 39px
}

.emptyStateSmall_adb41f .emptyStateText_adb41f {
    margin-inline-start:0;text-align: start
}

.emptyStateSmall_adb41f .emptyWumpus_adb41f {
    margin-inline:50px 40px}

.emptyStateSmall_adb41f .emptyStateButtons_adb41f {
    justify-content: flex-start
}

.rowWrapperDim_adb41f .nameBodyCell_adb41f,.rowWrapperDim_adb41f .settingIcon_adb41f,.rowWrapperDim_adb41f .textCell_adb41f {
    opacity: .2
}

.rowWrapper_adb41f+.rowWrapperActive_adb41f .row_adb41f,.rowWrapperActive_adb41f+.rowWrapper_adb41f .row_adb41f {
    border-top-color: transparent
}

.theme-dark .emptyWumpus_adb41f {
    background: url(/assets/b584f76d3ff86700.svg)
}

.theme-light .emptyWumpus_adb41f {
    background: url(/assets/28fe27f3657e23ee.svg)
}

@media (max-width: 1200px) {
    .settingIcons_adb41f {
        display:none
    }

    .emptyStateSmall_adb41f {
        flex-direction: column
    }

    .emptyStateSmall_adb41f .emptyStateText_adb41f {
        margin-inline-start:20px;text-align: center
    }

    .emptyStateSmall_adb41f .emptyWumpus_adb41f {
        margin-inline:0}

    .emptyStateSmall_adb41f .emptyStateButtons_adb41f {
        justify-content: center
    }
}

@media (max-width: 980px) {
    .platformCell_adb41f {
        display:none
    }
}

@media (max-width: 860px) {
    .lastPlayedCell_adb41f {
        display:none
    }
}

@media (max-width: 780px) {
    .rowWrapper_adb41f {
        margin:0 8px
    }

    .header_adb41f {
        padding: 0 24px 8px
    }
}

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

.monitor__7eeec {
    height: 24px;
    width: 100%
}

.overflowContainer__7eeec {
    -webkit-mask: linear-gradient(90deg,transparent,#000 50%,#000 97%,transparent);
    mask: linear-gradient(90deg,transparent,#000 50%,#000 97%,transparent);
    overflow: hidden;
    width: 100%
}

.text__7eeec {
    font-size: 10px;
    line-height: 12px;
    margin-inline-end:0;text-transform: uppercase;
    white-space: nowrap;
    width: 70px
}

.title__7eeec {
    color: currentColor;
    font-weight: var(--font-weight-semibold)
}

.rate__7eeec {
    font-weight: var(--font-weight-medium)
}

.sparkChart__7eeec {
    height: 24px
}

.theme-dark .rate__7eeec {
    color: var(--primary-400)
}

.table__49035 {
    width: 100%
}

.gameUpdates__49035 {
    background-color: var(--background-base-lowest);
    transform: translateZ(0)
}

.headerRow__49035 {
    display: flex;
    padding: 20px 28px 12px
}

.headerCell__49035 {
    box-sizing: border-box;
    margin-inline-end:40px}

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

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

.networkProgress__49035 {
    color: var(--text-feedback-positive)
}

.row__49035 {
    border-bottom: 1px solid var(--border-subtle);
    margin: 0 28px;
    padding: 16px 0 10px
}

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

.cell__49035 {
    box-sizing: border-box;
    padding-block:8px;padding-inline:20px 8px}

.nameCell__49035 {
    cursor: pointer;
    flex-shrink: 0;
    padding-inline-start:8px;width: 30%
}

.progressCell__49035 {
    width: 60%
}

.actionsCell__49035 {
    min-width: 98px;
    padding-inline:12px;width: 10%
}

.nameCellHeader__49035 {
    font-size: 18px
}

.nameCellText__49035 {
    color: var(--text-strong);
    font-weight: var(--font-weight-semibold);
    line-height: 1.25;
    margin-inline-start:20px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.progressCellHeader__49035 {
    display: block;
    padding-block:8px;padding-inline:20px 8px}

.progressCellBody__49035 {
    align-items: center;
    display: flex;
    padding-inline-start:13px}

.progressCellText__49035 {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: var(--font-weight-medium);
    margin-top: 4px;
    text-transform: uppercase
}

.infoIcon__49035 {
    height: 24px;
    opacity: .3;
    width: 24px
}

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

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

.actionButton__49035 .actionButtonContents__49035 {
    display: flex
}

.gameActionButton__49035 {
    min-width: 72px
}

.actionIcon__49035 {
    height: 24px;
    opacity: .6;
    width: 24px
}

.container__4a84a {
    position: relative
}

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

.wrapper__27106 {
    flex-shrink: 0;
    height: 50px;
    position: relative;
    width: 50px
}

.svg__27106 {
    transform: rotate(-86deg)
}

.path__27106 {
    fill: none;
    stroke-width: 4px
}

.background__27106 {
    stroke: var(--text-muted)
}

.foreground__27106 {
    stroke-dashoffset: 0;
    stroke-miterlimit: 10;
    stroke-linecap: round;
    transition: stroke .3s ease,stroke-dasharray .3s ease-out
}

.usageInfo__27106 {
    color: var(--text-default);
    font-size: 12px;
    font-weight: var(--font-weight-semibold);
    inset-inline-start: 11px;
    line-height: 12px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 19px;
    width: 30px
}

.wrapper_a6f654 {
    margin-top: 60px
}

.installationPath_a6f654 {
    padding: var(--custom-game-install-locations-item-padding) 0
}

.installationPathEditing_a6f654 {
    margin-inline:calc(var(--custom-game-install-locations-item-padding)*-1);padding: calc(var(--custom-game-install-locations-item-padding) - 1px)
}

.separator_a6f654 {
    margin-bottom: 20px;
    margin-top: 20px
}

.defaultIndicator_a6f654 {
    align-items: center;
    background-color: var(--primary-500);
    border-radius: 3px;
    color: var(--white);
    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
}

.rowBody_a6f654 {
    font-size: 14px;
    height: 16px;
    margin-top: 4px
}

.buttonRowWrapper_a6f654 {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px
}

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

.theme-dark .installationPath_a6f654 {
    box-shadow: 0 1px 0 0 var(--primary-500)
}

.theme-dark .rowBody_a6f654 {
    color: var(--primary-400)
}

.theme-light .installationPath_a6f654 {
    box-shadow: 0 1px 0 0 var(--primary-200)
}

.theme-light .rowBody_a6f654 {
    color: hsl(var(--primary-400-hsl)/.6)
}

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

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

.body_fb04e1 {
    margin: 0 auto;
    max-width: 660px;
    padding: 40px 0
}

.hiddenLibraryApplications_fb04e1 {
    margin-top: 60px
}

.hiddenLibraryApplications_fb04e1:first-child {
    margin-top: 20px
}

.hiddenLibraryApplicationContent_fb04e1 {
    z-index: 1
}

.hiddenLibraryApplicationsTitle_fb04e1 {
    margin-bottom: 8px
}

.hiddenLibraryApplication_fb04e1 {
    align-items: center;
    border-top: 1px solid;
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    position: relative
}

.hiddenLibraryApplication_fb04e1:last-of-type {
    border-bottom: 1px solid
}

.hiddenLibraryApplication_fb04e1:last-of-type:hover {
    border-bottom-color: transparent
}

.hiddenLibraryApplication_fb04e1:first-of-type,.hiddenLibraryApplication_fb04e1:hover,.hiddenLibraryApplication_fb04e1:hover+.hiddenLibraryApplication_fb04e1 {
    border-top-color: transparent
}

.hiddenLibraryApplication_fb04e1:hover .restoreButton_fb04e1 {
    opacity: 1
}

.restoreButton_fb04e1 {
    align-items: center;
    background: var(--background-mod-normal);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 24px;
    inset-inline-end: -31px;
    justify-content: center;
    min-height: 0;
    min-width: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: -12px;
    transition: opacity .1s ease;
    width: 24px
}

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

.restoreIcon_fb04e1 {
    color: var(--icon-feedback-critical);
    height: 11px;
    width: 11px
}

.applicationName_fb04e1 {
    color: var(--text-strong);
    font-size: 16px;
    font-weight: var(--font-weight-semibold);
    line-height: 22px
}

.applicationSubText_fb04e1 {
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    line-height: 16px;
    margin-top: 2px
}

.theme-dark .applicationSubText_fb04e1 {
    color: var(--primary-400)
}

.theme-dark .hiddenLibraryApplication_fb04e1 {
    border-color: var(--primary-500)
}

.theme-dark .hiddenLibraryApplication_fb04e1:before {
    background: hsl(var(--primary-700-hsl)/.3);
    border-color: var(--primary-700)
}

.theme-dark .restoreButton_fb04e1 {
    box-shadow: 0 0 0 1px hsl(var(--primary-700-hsl)/.6),0 1px 5px 0 var(--opacity-black-28)
}

.theme-dark .restoreButton_fb04e1:hover {
    box-shadow: 0 0 0 1px hsl(var(--primary-700-hsl)/.6),0 2px 10px 0 var(--opacity-black-20)
}

.theme-light .applicationSubText_fb04e1 {
    color: hsl(var(--primary-400-hsl)/.6)
}

.theme-light .hiddenLibraryApplication_fb04e1 {
    border-color: hsl(var(--primary-300-hsl)/.3)
}

.theme-light .hiddenLibraryApplication_fb04e1:before {
    background-color: hsl(var(--primary-100-hsl)/.6);
    border-color: var(--primary-200)
}

.theme-light .restoreButton_fb04e1 {
    box-shadow: 0 0 0 1px hsl(var(--primary-300-hsl)/.3),0 2px 5px 0 var(--opacity-black-20)
}

.theme-light .restoreButton_fb04e1:hover {
    box-shadow: 0 0 0 1px hsl(var(--primary-300-hsl)/.3),0 2px 10px 0 var(--opacity-black-8)
}

.container_ad5cdf {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    overflow: hidden
}

.container__251d4 {
    position: absolute
}

@keyframes fadeOut__251d4 {
    0% {
        opacity: 1;
        visibility: visible
    }

    99% {
        opacity: .01;
        visibility: visible
    }

    to {
        opacity: 0;
        visibility: hidden
    }
}

.upsell__251d4 {
    opacity: 1;
    position: absolute;
    z-index: 1000
}

.upsell__251d4.hidden__251d4 {
    animation: fadeOut__251d4 .3s forwards
}

.backForwardButtons__63abb {
    --custom-bf-button-radius: var(--custom-app-top-bar-item-radius);
    --custom-bf-outer-padding: var(--space-6);
    --custom-bf-inner-padding: 2px;
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 2px;
    justify-content: center;
    min-width: var(--custom-guild-list-width)
}

.platform-osx .backForwardButtons__63abb {
    margin-inline-start:calc(var(--custom-bf-outer-padding)*-1);min-width: unset
}

.platform-win.density-compact .backForwardButtons__63abb {
    --custom-bf-button-radius: 5px
}

.backForwardButtons__63abb .button__63abb {
    align-items: center;
    color: var(--interactive-text-default);
    display: flex;
    height: var(--space-24);
    justify-content: center
}

.backForwardButtons__63abb .button__63abb.back__63abb {
    border-end-start-radius: var(--custom-bf-button-radius);
    border-start-start-radius: var(--custom-bf-button-radius);
    padding-inline:var(--custom-bf-outer-padding) var(--custom-bf-inner-padding)}

.backForwardButtons__63abb .button__63abb.forward__63abb {
    border-end-end-radius: var(--custom-bf-button-radius);
    border-start-end-radius: var(--custom-bf-button-radius);
    padding-inline:var(--custom-bf-inner-padding) var(--custom-bf-outer-padding)}

.backForwardButtons__63abb .button__63abb: not(.disabled__63abb):hover {
    background-color:var(--background-mod-normal);
    color: var(--interactive-text-hover);
    cursor: pointer
}

.backForwardButtons__63abb .button__63abb:active {
    opacity: .7
}

.backForwardButtons__63abb .button__63abb.disabled__63abb {
    opacity: .3
}

.navigationTooltip__63abb {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: center;
    text-align: center
}

.fastTravelButton_bbe3de {
    align-items: center;
    background-color: var(--control-secondary-background-default);
    border: 1px solid var(--control-secondary-border-default);
    border-radius: var(--radius-sm);
    color: var(--control-secondary-text-default);
    display: flex;
    gap: var(--space-8);
    height: 24px;
    padding: 0 var(--space-12);
    -webkit-app-region: no-drag;
    cursor: pointer
}

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

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

.navigationTooltip_bbe3de {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    justify-content: center;
    text-align: center
}

.row__771da {
    box-sizing: border-box;
    cursor: pointer;
    height: 50px;
    margin-inline-start:8px;position: relative
}

.leftIndicatorContainer__771da {
    align-items: center;
    display: flex;
    height: 8px;
    inset-inline-start: -8px;
    position: absolute;
    top: 18px;
    width: 4px
}

.channelIcon__771da {
    flex-shrink: 0;
    height: 12px;
    width: 12px
}

.offlineRow__771da {
    opacity: .6
}

.offlineRow__771da:active,.offlineRow__771da:focus-within,.offlineRow__771da:hover {
    opacity: 1
}

.rowInner__771da {
    box-sizing: border-box;
    height: 42px;
    padding-block:var(--space-xxs) var(--space-xxs);padding-inline: 0;
    width: 100%;
    z-index: 0
}

.rowRecentlyAdded__771da {
    animation: friendsWidgetRowRecentlyAdded__771da .95s ease-out 1
}

@keyframes friendsWidgetRowRecentlyAdded__771da {
    0% {
        background: color-mix(in srgb,var(--brand-500) 28%,transparent)
    }

    to {
        background: transparent
    }
}

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

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

.username__771da,.usernameContainer__771da {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.usernameContainer__771da {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 4px
}

.activityIconContainer__771da {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: 32px;
    justify-content: center;
    width: 32px
}

.rowActions__771da {
    align-items: center;
    display: inline-flex;
    gap: var(--space-xxs)
}

.badgesContainer__771da {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 2px
}

.friendVoiceStatus__771da {
    gap: 8px
}

.friendVoiceStatus__771da,.voiceStatusContainer__771da {
    align-items: center;
    display: flex;
    flex-direction: row
}

.voiceStatusContainer__771da {
    gap: 4px
}

.voiceStatusContainer__771da .voiceText__771da {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.friendVoiceStatusGuildContainer__771da {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 4px;
    justify-content: flex-start
}

.guildName__771da {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.voiceStatusIcon__771da {
    height: 12px;
    width: 12px
}

.iconOnlyButton__068c6 {
    align-items: center;
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    width: 30px
}

.iconOnlyButton__068c6:hover {
    background-color: var(--control-icon-only-background-hover);
    border: 1px solid var(--control-icon-only-border-hover)
}

.iconOnlyButton__068c6:active {
    background-color: var(--background-mod-muted)
}

.iconOnlyButton__068c6 svg {
    pointer-events: none
}

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

.container__606e9,.list__606e9 {
    min-height: 0;
    min-width: 0
}

.list__606e9 {
    border-top: 1px solid hsla(240,4%,61%,.035);
    flex: 1 1 auto;
    overflow: auto
}

.searchContainer__606e9 {
    margin-top: -1px;
    margin-inline-end:-1px;padding: 0
}

.searchContainer__606e9>div>div>div>div {
    background: hsla(240,4%,61%,.04);
    border: none!important;
    border-radius: 0;
    outline: none!important;
    padding: 8px 12px
}

.searchContainer__606e9>div>div>div>div:has(input:focus,textarea:focus) {
    background: hsla(240,4%,61%,.08)
}

.section__606e9 {
    height: auto;
    padding-block:var(--space-lg) var(--space-xxs);padding-inline: var(--space-md) var(--space-xxs)
}

.chevronIcon__606e9 {
    height: 12px;
    margin-inline-start:var(--space-xxs);width: 12px
}

.sectionCollapsible__606e9 {
    align-items: center;
    cursor: pointer;
    display: flex
}

.sectionCollapsible__606e9:hover {
    color: var(--text-strong)
}

.nonGroupSectionHeaderRow__606e9 {
    align-items: center;
    display: flex;
    gap: var(--space-xxs);
    justify-content: space-between
}

.nonGroupSectionHeaderHideButton__606e9 {
    align-items: center;
    color: var(--text-muted);
    display: flex;
    justify-content: center;
    margin-inline-end:8px;padding: var(--space-xxs)
}

.nonGroupSectionHeaderHideButton__606e9:hover {
    color: var(--text-strong)
}

.emptyStateContainer__606e9 {
    align-items: center;
    display: flex;
    height: 300px;
    justify-content: center;
    padding: 16px
}

.container__672fc {
    background-color: var(--background-surface-higher);
    border: 1px solid hsla(240,4%,61%,.035);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-border),var(--shadow-high);
    width: 350px
}

.header__672fc {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 16px 16px 0
}

.activityText__672fc {
    color: var(--text-subtle)
}

.controlButtons__672fc {
    display: flex;
    gap: 8px;
    margin-inline-start:8px}

.searchContainer__672fc {
    margin-top: -1px;
    margin-inline-end:-1px;padding: 0
}

.searchContainer__672fc>div>div>div>div {
    background: hsla(240,4%,61%,.04);
    border: none!important;
    border-radius: 0;
    outline: none!important;
    padding: 8px 12px
}

.searchContainer__672fc>div>div>div>div:has(input:focus,textarea:focus) {
    background: hsla(240,4%,61%,.08)
}

.searchInput__672fc {
    padding: 0
}

.list__672fc {
    height: 70vh
}

.section__672fc {
    height: auto;
    padding-block:var(--space-lg) var(--space-xxs);padding-inline: var(--space-md) var(--space-xxs)
}

.reorderableGroupSection__672fc {
    cursor: grab;
    position: relative
}

.reorderableGroupSection__672fc:active {
    cursor: grabbing
}

.draggingGroupSection__672fc {
    opacity: .5
}

.dropTargetGroupSection__672fc {
    background-color: var(--interactive-background-hover)
}

.dropBeforeGroupSection__672fc:before {
    inset-block-start: 0;
    inset-inline: 0;
    inset-inline-end: 0
}

.dropAfterGroupSection__672fc:after,.dropBeforeGroupSection__672fc:before {
    background-color: var(--text-brand);
    content: "";
    height: 2px;
    position: absolute
}

.dropAfterGroupSection__672fc:after {
    inset-block-end: 0;
    inset-inline: 0;
    inset-inline-end: 0
}

.chevronIcon__672fc {
    height: 12px;
    margin-inline-start:var(--space-xxs);width: 12px
}

.sectionCollapsible__672fc {
    align-items: center;
    cursor: pointer;
    display: flex
}

.sectionCollapsible__672fc:hover {
    color: var(--text-strong)
}

.emptyStateContainer__672fc {
    align-items: center;
    display: flex;
    height: 300px;
    justify-content: center;
    padding: 16px
}

.container__49ef0 {
    border-bottom: 1px solid hsla(240,4%,61%,.035);
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0
}

.profileBanner__49ef0 {
    background-position: 50%;
    background-size: cover;
    height: 160px;
    position: relative;
    z-index: 1
}

.userBannerContainer__49ef0 {
    align-items: center;
    background-color: #131318;
    border-bottom: 1px solid hsla(240,4%,61%,.035);
    bottom: 0;
    display: flex;
    flex: 1;
    justify-content: space-between;
    min-width: 0;
    padding-block-end:16px;padding-block-start:0;padding-inline:12px;position: absolute;
    width: calc(100% - 24px);
    z-index: 2
}

.userBannerContainer__49ef0:after {
    background: linear-gradient(180deg,rgba(19,19,24,0),#131318 98.03%);
    content: "";
    inset-inline: 0;
    bottom: calc(100% - 1px);
    height: 80px;
    pointer-events: none;
    position: absolute;
    z-index: -1
}

.userBanner__49ef0 {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: row;
    gap: 12px;
    justify-content: flex-start;
    margin-top: -20px;
    width: 100%
}

.bannerContainer__49ef0 {
    display: flex;
    flex-direction: column;
    height: 160px;
    overflow: hidden;
    position: relative
}

.userBannerLeft__49ef0 {
    align-items: center;
    display: flex;
    gap: var(--space-12);
    min-width: 0
}

.avatar__49ef0 {
    flex-shrink: 0
}

.userTextContainer__49ef0 {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    min-width: 0
}

.activityText__49ef0,.secondaryLine__49ef0,.username__49ef0 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.secondaryLine__49ef0 {
    align-items: center;
    display: flex;
    flex: 1;
    gap: var(--space-4);
    max-width: 216px;
    min-width: 0
}

.secondaryIcon__49ef0 {
    color: var(--green-360);
    flex-shrink: 0
}

.secondaryText__49ef0 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.customStatusContainer__49ef0 {
    align-items: center;
    display: flex;
    min-width: 0;
    overflow: hidden
}

.customStatusEmoji__49ef0 {
    flex-shrink: 0;
    height: 14px;
    margin-inline-end:var(--space-4);width: 14px
}

.duration__49ef0 {
    color: var(--green-360);
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 400
}

.tabs__49ef0 {
    border-top: none;
    display: flex;
    gap: 4px;
    padding: 8px
}

.tab__49ef0 {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 6px;
    color: var(--text-muted);
    cursor: pointer;
    flex: 1;
    min-width: 0;
    padding: 6px 12px;
    position: relative;
    text-align: center
}

.tab__49ef0:hover {
    background-color: var(--background-mod-strong);
    color: var(--interactive-text-hover)
}

.tabSelected__49ef0 {
    background-color: var(--background-mod-subtle);
    color: var(--interactive-text-active)
}

.unreadFavoritesDot__49ef0 {
    background: var(--text-muted);
    border: 2px solid #121214;
    border-radius: var(--radius-round);
    height: 6px;
    inset-inline-end: -4px;
    pointer-events: none;
    position: absolute;
    top: -4px;
    width: 6px
}

.channelNameContainer__711d3,.label__711d3 {
    align-items: center;
    display: flex;
    gap: 4px
}

.channelName__711d3 {
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.recentChannelsMenu__711d3 {
    background: #121214;
    border: 1px solid hsla(240,4%,61%,.035);
    border-radius: 16px;
    box-shadow: var(--shadow-high);
    max-height: 500px;
    overflow: hidden;
    padding: 8px;
    width: 360px
}

.recentChannelsMenuHeader__711d3 {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: row;
    margin-bottom: 2px;
    padding: 0 12px
}

.channelMenuSubContainer__711d3 {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.icon__711d3 {
    width: auto
}

.guildIconWrapper__711d3 {
    align-items: center;
    background: var(--background-surface-highest);
    display: flex;
    height: 32px;
    justify-content: center;
    width: 32px
}

.overflowCount__711d3 {
    max-height: 22px;
    max-width: 24px
}

.channelItemContainer__711d3 {
    align-items: center;
    background-color: transparent;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    gap: 12px;
    height: 48px;
    justify-content: space-between;
    margin-bottom: 2px;
    min-width: 0;
    overflow: hidden;
    padding: 6px;
    padding-inline-start:0;transition: border-color .1s ease-in-out;
    width: calc(100% - 16px)
}

.channelItemContainer__711d3.channelItemHighlighted__711d3,.channelItemContainer__711d3:hover {
    background-color: var(--background-mod-strong)
}

.searchBarContainer__711d3 {
    padding-bottom: 16px
}

.emptyChannelItem__711d3 {
    border-radius: 8px;
    padding: 12px;
    text-align: center
}

.channelItemIcon__711d3,.emptyChannelItem__711d3 {
    align-items: center;
    display: flex;
    justify-content: center
}

.channelItemNameContainer__711d3 {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 0;
    min-width: 0
}

.channelItemName__711d3 {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 4px;
    max-width: 100%
}

.channelIcon__711d3 {
    min-width: 16px
}

.channelItemNameText__711d3 {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.channelItemAvatars__711d3 {
    align-items: center;
    display: flex;
    gap: 4px;
    padding-inline-end:4px}

.channelList__711d3 {
    max-height: 360px
}

.channelListWrapper__711d3 {
    display: flex;
    flex-direction: column;
    gap: 12px
}

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

.root_df7f81 {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
    overflow: visible;
    position: relative
}

.mainGuildImage_df7f81,.mainIcon_df7f81 {
    border-radius: var(--radius-sm)
}

.mainGuildImage_df7f81 {
    display: block
}

.acronym_df7f81 {
    background-color: rgba(19,19,24,.95);
    color: var(--white);
    font-weight: var(--font-weight-medium);
    line-height: .8em;
    white-space: nowrap
}

.acronym_df7f81,.guildIconContainer_df7f81 {
    align-items: center;
    display: flex;
    justify-content: center
}

.guildIconContainer_df7f81 {
    bottom: 0;
    inset-inline-end: 0;
    overflow: visible;
    position: absolute
}

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

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

.guildIcon24_df7f81 {
    height: 12px;
    width: 12px
}

.typingMaskWrapper_df7f81 {
    overflow: visible;
    position: relative
}

.typingMaskSvg_df7f81 {
    inset: 0;
    overflow: visible;
    position: absolute
}

.typingIndicator_df7f81 {
    pointer-events: none;
    position: absolute
}

.channelTypingStatusFill_df7f81 {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    line-height: 0;
    width: 100%
}

.messagePreviewLine__7c4a2 {
    align-items: center;
    display: flex;
    gap: var(--space-4);
    overflow: hidden
}

.messageContent__7c4a2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

.messageContentTrailingIcon__7c4a2 {
    flex-shrink: 0
}

.colorTextFeedbackPositive__7c4a2 {
    color: var(--text-feedback-positive)
}

.expandedUsersContainer_e72588 {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-inline-end:12px;padding-bottom: 8px;
    padding-inline-start:56px}

.expandedUsersRow_e72588 {
    border-radius: var(--radius-sm);
    height: 24px;
    padding: 4px
}

.expandedUsersRow_e72588:hover {
    background-color: var(--interactive-background-hover)
}

.expandedUsersRow_e72588:active {
    background-color: var(--interactive-background-active)
}

.facepileContainer_e72588 {
    justify-content: center;
    min-width: 24px;
    position: relative
}

.expandedUserRow_e72588,.facepileContainer_e72588 {
    align-items: center;
    display: flex;
    min-height: 24px
}

.expandedUserRow_e72588 {
    gap: 6px
}

.expandedUserName_e72588 {
    flex-shrink: 0
}

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

.expandedUserNameContainer_e72588 {
    flex: 1
}

.actionsRow_e72588,.expandedUserNameContainer_e72588 {
    align-items: center;
    display: flex;
    gap: 4px
}

.actionsRow_e72588 {
    flex-direction: row
}

.voiceIcons_e72588 {
    align-items: center;
    display: inline-flex;
    flex-shrink: 0;
    gap: 4px
}

.voiceIcon_e72588 {
    height: 14px;
    width: 14px
}

.container__50c27 {
    background-color: #121214;
    border: 1px solid hsla(240,4%,61%,.035);
    border-radius: 12px;
    box-shadow: var(--shadow-border) var(--shadow-high);
    box-sizing: border-box;
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 2
}

.content__50c27 {
    display: flex
}

.content__50c27,.list__50c27 {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0
}

.list__50c27 {
    overflow: auto
}

.container_e73f2a {
    background-color: var(--background-surface-higher);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-border),var(--shadow-high);
    height: 80vh;
    width: 350px
}

.gameCover__1a3d6 {
    border-radius: 8px;
    box-sizing: border-box;
    height: var(--custom-game-cover-height,120px);
    width: var(--custom-game-cover-width,90px)
}

.coverContainer__1a3d6 {
    background-color: var(--background-mod-muted);
    box-shadow: 0 3px 12px 0 rgba(0,0,0,.16);
    overflow: hidden;
    position: relative;
    z-index: 0
}

.coverContainer__1a3d6:before {
    background: linear-gradient(150deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,0) 40%);
    border-radius: 8px;
    box-shadow: inset 0 0 13px 0 hsla(0,0%,100%,.06),inset 0 0 0 1px var(--border-muted);
    content: "";
    height: 100%;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    transition: background 50ms ease-in;
    width: 100%;
    z-index: 1
}

.gameCoverImage__1a3d6 {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top
}

.fallback__1a3d6 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 4px;
    text-align: center;
    word-break: break-word
}

.clickable__1a3d6 {
    cursor: pointer
}

.clickable__1a3d6:hover:before {
    background: linear-gradient(150deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,0) 40%),linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2));
    transition: background .15s ease-out
}

.loadingCover__1a3d6 {
}

.full-motion .hoverActiveEffect__1a3d6 {
    transition: transform .15s ease-in-out;
    will-change: transform
}

.full-motion .hoverActiveEffect__1a3d6:hover {
    transform: scale(1.0225)
}

.full-motion .hoverActiveEffect__1a3d6:active {
    transform: scale(.9775)
}

.premiumLabel_e681d1 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    position: relative;
    z-index: 3
}

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

.background_e681d1 {
    border-radius: var(--radius-xs);
    height: 100%;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.selectedBackground_e681d1 {
    background-color: var(--brand-500)
}

.enable-forced-colors .selected_e681d1 {
    color: Highlight
}

.enable-forced-colors .selectedIcon_e681d1 {
    fill: Highlight
}

.enable-forced-colors .selectedBackground_e681d1 {
    background-color: HighlightText
}

.container__8a969 {
    background-color: var(--background-mod-normal);
    border-radius: var(--radius-sm);
    flex-direction: row;
    justify-content: flex-start;
    padding: 12px
}

.container__8a969,.iconContainer__8a969 {
    align-items: center;
    display: flex;
    position: relative
}

.iconContainer__8a969 {
    flex-grow: 0;
    flex-shrink: 0;
    height: 40px;
    justify-content: center;
    margin-inline-end:12px;width: 40px
}

.actionable__8a969 {
    cursor: pointer
}

.name__8a969 {
    color: var(--text-strong);
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    line-height: 20px
}

.description__8a969 {
    color: var(--text-default);
    font-size: 12px;
    font-weight: var(--font-weight-medium);
    line-height: 16px
}

.flair__8a969 {
    bottom: -16px;
    inset-inline-start: calc(50% - 24px);
    position: absolute
}

.safetySettingsNotice__9536c {
    align-items: center;
    background: var(--background-base-lowest);
    border-radius: var(--radius-xs);
    display: flex;
    gap: var(--space-8);
    padding: var(--space-16)
}

.safetySettingsNotice__9536c .closeButton__9536c {
    cursor: pointer;
    margin-inline-start:auto}

.keybindFlexboxLayout_cbf20c {
    align-items: baseline;
    display: flex;
    flex: 0 0 auto;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--space-4);
    justify-content: flex-start;
    max-width: 100%;
    overflow: visible;
    white-space: normal;
    width: -moz-fit-content;
    width: fit-content
}

.keyCombo_cbf20c {
    vertical-align: middle
}

.keyCombo_cbf20c,.keyComboKey_cbf20c {
    display: inline-block
}

.container__4a98c {
    gap: var(--space-32)
}

.container__4a98c,.contentWrapper__4a98c {
    display: flex;
    flex-direction: column
}

.contentWrapper__4a98c {
    flex-grow: 1;
    justify-content: space-between
}

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

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

.platforms__4a98c {
    align-items: start;
    display: grid;
    flex-wrap: wrap;
    gap: var(--space-12);
    justify-content: center
}

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

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

.platform__4a98c {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 1px solid var(--border-normal);
    border-radius: var(--radius-md);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    height: auto;
    min-width: 0;
    padding: var(--space-12);
    position: relative;
    width: auto
}

.full-motion .platform__4a98c {
    transition: all .3s ease-in-out
}

.platform__4a98c.active__4a98c {
    background-color: var(--opacity-blurple-12);
    border-color: var(--text-brand);
    transform: none
}

.platform__4a98c.active__4a98c .icon__4a98c {
    opacity: 0
}

.platform__4a98c.active__4a98c .icon__4a98c.active__4a98c {
    opacity: 1
}

.platformName__4a98c {
    text-align: center
}

.iconWrap__4a98c {
    height: 100px;
    position: relative;
    width: 100px
}

.icon__4a98c,.iconWrap__4a98c {
    align-self: center
}

.icon__4a98c {
    background-color: var(--icon-subtle);
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    position: absolute;
    top: 0;
    transition: background-color .2s ease;
    width: 100%
}

.icon__4a98c,.icon__4a98c.active__4a98c {
    background-image: none
}

.icon__4a98c.active__4a98c {
    background-color: var(--text-brand);
    opacity: 0
}

.icon__4a98c.apple__4a98c {
    -webkit-mask-image: url(/assets/3bacc5415aa9a561.svg);
    mask-image: url(/assets/3bacc5415aa9a561.svg);
    -webkit-mask-position: center;
    mask-position: center
}

.icon__4a98c.android__4a98c {
    -webkit-mask-image: url(/assets/8d4fb350d405ae2d.svg);
    mask-image: url(/assets/8d4fb350d405ae2d.svg);
    -webkit-mask-position: bottom;
    mask-position: bottom
}

.icon__4a98c.windows__4a98c {
    -webkit-mask-image: url(/assets/f80d470870ccfd01.svg);
    mask-image: url(/assets/f80d470870ccfd01.svg)
}

.icon__4a98c.linux__4a98c {
    -webkit-mask-image: url(/assets/64dcefc70846922d.svg);
    mask-image: url(/assets/64dcefc70846922d.svg)
}

.icon__4a98c.ios__4a98c {
    -webkit-mask-image: url(/assets/81672d3df281d7de.svg);
    mask-image: url(/assets/81672d3df281d7de.svg)
}

.downloadButton__4a98c {
    padding-top: var(--space-4)
}

@media (max-width: 486px) {
    .platformsDesktop__4a98c,.platformsMobile__4a98c {
        grid-template-columns:1fr
    }
}

.title_edbb22 {
    align-items: center;
    display: inline-flex;
    gap: var(--space-8);
    justify-content: center;
    max-width: 50vw
}

.title_edbb22.fastTravel_edbb22 {
    align-items: center;
    border-radius: var(--custom-app-top-bar-item-radius);
    display: flex;
    height: 24px;
    padding: 0 8px;
    -webkit-app-region: no-drag;
    cursor: pointer
}

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

.title_edbb22.fastTravel_edbb22 .fastTravelChevron_edbb22 {
    margin-inline:-4px}

.navigationTooltip_edbb22 {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    justify-content: center;
    text-align: center
}

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

.appIcon_edbb22 {
    border-radius: 6px;
    height: 20px;
    width: 20px
}

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

.iconWrapper_ede711 {
    flex: 0 0 auto;
    margin-inline-start:-2px;position: relative
}

.clickableContainer_ede711,.iconWrapper_ede711 {
    align-items: center;
    display: flex;
    justify-content: center
}

.clickableContainer_ede711 {
    cursor: pointer;
    flex-direction: row;
    gap: 4px;
    height: 24px;
    margin: 0 -6px;
    padding: 0 6px
}

.clickableContainer_ede711.withHoverHighlight_ede711:hover {
    background-color: var(--background-mod-normal);
    border-radius: var(--custom-app-top-bar-item-radius)
}

.icon_ede711 {
    cursor: pointer
}

.unreadDot_ede711 {
    background-color: var(--icon-strong);
    border-radius: 100%;
    bottom: 3px;
    inset-inline-end: 3px;
    position: absolute
}

.unreadDot_ede711.refresh_sm_ede711 {
    height: 5px;
    width: 5px
}

.unreadDot_ede711.sm_ede711 {
    height: 4px;
    width: 4px
}

.clickable_c99c29 {
    --custom-horizontal-padding: 4px;
    align-items: center;
    color: var(--icon-muted);
    cursor: pointer;
    display: flex;
    height: 24px;
    margin: 0 calc(var(--space-32)/2 - 10px - var(--custom-horizontal-padding)*2/2);
    padding: 0 var(--custom-horizontal-padding);
    position: relative
}

.clickable_c99c29:hover {
    color: var(--interactive-text-hover)
}

.clickable_c99c29:active,.clickable_c99c29[aria-expanded=true] {
    color: var(--interactive-text-active)
}

.clickable_c99c29.withHighlight_c99c29:hover {
    background-color: var(--background-mod-normal);
    border-radius: var(--custom-app-top-bar-item-radius)
}

.badge_c99c29 {
    background-color: var(--background-feedback-notification);
    border-radius: 8px;
    bottom: 2px;
    height: 8px;
    position: absolute;
    width: 8px
}

.badge_c99c29,.badge_c99c29.smol_c99c29 {
    inset-inline-end: 6px
}

.badge_c99c29.smol_c99c29 {
    bottom: 4px;
    height: 6px;
    width: 6px
}

.button__85643 {
    align-items: center;
    color: var(--interactive-text-default);
    cursor: pointer;
    display: flex;
    height: var(--space-32);
    justify-content: center;
    margin: 0;
    width: var(--space-32)
}

.button__85643:hover {
    color: var(--interactive-text-hover)
}

.button__85643 svg {
    height: var(--chat-input-icon-size);
    width: var(--chat-input-icon-size)
}

.button__85643.smallButton__85643 svg {
    height: 18px;
    padding: 3px 4px;
    width: 18px
}

.button__85643.smallButton__85643:hover svg {
    background-color: var(--background-mod-normal);
    border-radius: var(--custom-app-top-bar-item-radius)
}

&.enable-forced-colors .button__85643 {
    background-color: ButtonFace;
    color: ButtonText
}

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

.wrapper_a62174 {
    background-color: #000;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0;
    height: 100%;
    z-index: 2
}

.wrapper_a62174.resizable_a62174 {
    height: 65%
}

.wrapper_a62174.noChat_a62174 {
    height: 100%;
    max-height: 100%
}

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

.footer_a62174 {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: space-between;
    padding: 12px 24px
}

.activityContainer_a62174 {
    align-items: center;
    flex: 1;
    flex-direction: row;
    justify-content: center;
    margin: 24px
}

.activityContainerNoMargin_a62174 {
    margin: 0
}

.footerButtons_a62174 {
    flex: 1;
    flex-direction: row;
    gap: 16px;
    justify-content: center
}

.buttonSection_a62174,.footerButtons_a62174 {
    align-items: center;
    display: flex
}

.buttonSection_a62174 {
    background: var(--plum-23);
    border: 1px solid hsl(var(--plum-11-hsl)/.06);
    border-radius: 12px;
    justify-content: space-between;
    padding: 4px
}

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

.icon__402f3 {
    align-items: center;
    border-radius: 4px;
    color: var(--interactive-text-default);
    display: flex;
    height: 24px;
    justify-content: center;
    padding: 4px;
    width: 24px
}

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

.theme-dark .icon__402f3 {
    background-color: var(--background-scrim)
}

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

@value cardHeight 320px;@value bannerImageHeight 146px;.container__4cb8a {
    flex: 1;
    position: relative
}

.card__4cb8a {
    display: flex;
    flex-direction: column;
    height: 320px
}

.card__4cb8a:focus .iconMask__4cb8a,.card__4cb8a:hover .iconMask__4cb8a {
    background-color: var(--background-base-lowest)
}

.card__4cb8a:focus .contextMenu__4cb8a,.card__4cb8a:hover .contextMenu__4cb8a {
    display: flex
}

.card__4cb8a:focus .maximizeIcon__4cb8a,.card__4cb8a:hover .maximizeIcon__4cb8a {
    opacity: 1
}

.header__4cb8a {
    height: 146px;
    position: relative
}

.full-motion .loaded__4cb8a {
    transition: opacity .2s,transform .2s ease-out
}

.banner__4cb8a {
    display: block;
    height: 146px;
    inset-inline-start: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.banner__4cb8a.loaded__4cb8a {
    opacity: 1
}

.bannerImage__4cb8a {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.icon__4cb8a {
    bottom: -26px;
    inset-inline-start: 12px;
    position: absolute
}

.iconMask__4cb8a {
    padding: 4px
}

.full-motion .iconMask__4cb8a {
    transition: box-shadow .2s ease-out,transform .2s ease-out,background .2s ease-out
}

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

.guildDetails__4cb8a {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 28px 16px 16px
}

.title__4cb8a {
    align-items: center;
    display: flex;
    gap: 4px
}

.guildBadge__4cb8a {
    flex: 0 0 16px;
    height: 16px;
    margin-inline-start:-2px;width: 16px
}

.guildName__4cb8a {
    white-space: nowrap
}

.description__4cb8a,.guildName__4cb8a {
    overflow: hidden;
    text-overflow: ellipsis
}

.description__4cb8a {
    display: -webkit-box;
    margin: 4px 0 16px;
    min-height: 0;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.memberDetails__4cb8a {
    align-items: flex-end;
    display: flex;
    flex: 1;
    gap: 16px
}

.memberDetailsCount__4cb8a {
    align-items: center;
    display: flex;
    gap: 4px;
    min-width: 0
}

.memberDetailsText__4cb8a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.infoDot__4cb8a {
    border-radius: 50%;
    flex-shrink: 0;
    height: 8px;
    width: 8px
}

.presenceCountDot__4cb8a {
    background-color: var(--green-360)
}

.memberCountDot__4cb8a {
    background-color: var(--primary-300)
}

.spinnerContainer__4cb8a {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    inset-inline: 0;
    z-index: 1
}

.spinner__4cb8a {
    background-color: var(--primary-800);
    border-radius: 8px;
    height: 48px;
    width: 48px
}

.contextMenu__4cb8a {
    align-items: center;
    display: none;
    inset-inline-end: 16px;
    justify-content: center;
    position: absolute;
    top: 130px
}

.maximizeIcon__4cb8a {
    inset-inline-end: 8px;
    opacity: 0;
    position: absolute;
    top: 8px;
    transition: opacity .1s ease-in-out
}

.maximizeIcon__4cb8a:focus {
    opacity: 1
}

.theme-dark .iconMask__4cb8a {
    background-color: var(--background-mod-normal)
}

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

.placeholder__4cb8a,.transitionGroup__4cb8a {
    height: 320px;
    width: 100%
}

.transitionGroup__4cb8a {
    display: flex;
    position: relative
}

&.theme-dark .iconMask__4cb8a,&.theme-light .iconMask__4cb8a {
    background-color: var(--background-base-low)
}

.card__4cb8a:hover .iconMask__4cb8a {
    background-color: var(--background-surface-high)
}

.sectionTitle_f0d60d {
    padding-top: 24px;
    padding-inline-start:32px;z-index: 1
}

.content_f0d60d {
    -moz-column-gap: var(--space-md);
    column-gap: var(--space-md);
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(280px,1fr));
    padding: var(--space-md) var(--space-lg);
    row-gap: var(--space-md)
}

.container_a76561 {
    background-color: var(--card-background-default);
    border: 1px solid var(--border-subtle);
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: var(--custom-hub-discovery-add-hub-card-card-height);
    padding: 16px
}

.iconContainer_a76561 {
    align-items: center;
    background-color: var(--green-360);
    border-radius: 48px;
    display: flex;
    height: 48px;
    justify-content: center;
    width: 48px
}

.header_a76561,.iconContainer_a76561 {
    margin-bottom: 16px
}

.gap_a76561 {
    flex: 1
}

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

.disclaimer__04d5b {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 24px 32px;
    white-space: pre-wrap
}

.text__04d5b {
    max-width: 400px
}

.divider__04d5b {
    background-color: var(--border-subtle);
    height: 1px
}

.categories_fe77d6 {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.category_fe77d6 {
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 8px
}

.category_fe77d6:hover {
    background-color: var(--interactive-background-hover)
}

.name_fe77d6 {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

.selected_fe77d6 {
    background-color: var(--interactive-background-active)
}

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

.container__74f3e {
    align-items: center;
    background: var(--background-gradient-low,var(--background-base-lower));
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    height: 400px;
    justify-content: center;
    padding: 16px
}

.image__74f3e {
    background-repeat: no-repeat;
    background-size: contain;
    height: 145px;
    margin-bottom: 16px;
    width: 314px
}

.header__74f3e {
    margin-bottom: 8px
}

.container__4d63b {
    width: 180px
}

@value sectionHeaderHeight 72px;@value sectionHeaderFiltersHeight 44px;@value sidebarWidth 170px;.heading_cbd375 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 32px
}

.headingTopbar_cbd375 {
    margin-top: 24px
}

.headingFilters_cbd375 {
    align-items: center;
    display: flex;
    flex: 1;
    gap: 8px;
    height: 44px;
    justify-content: space-between
}

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

.container_cbd375 {
    background: var(--background-gradient-chat,var(--background-base-low));
    display: flex;
    flex: 1;
    min-height: 0;
    position: relative
}

.spinner_cbd375 {
    align-items: center;
    display: flex;
    height: 120px
}

.spinnerWithSidebar_cbd375 {
    margin-inline-end:170px}

.sidebar_cbd375 {
    height: 100%;
    inset-inline-end: 0;
    margin-top: 0;
    padding-inline-end:8px;position: absolute;
    top: 0;
    width: 170px;
    z-index: 1
}

.sidebarContent_cbd375 {
    position: sticky;
    top: 0
}

.sidebarLanguageSelect_cbd375 {
    align-items: center;
    display: flex;
    height: 50px;
    justify-content: flex-end;
    margin-bottom: 18px
}

.container_d08938 {
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    position: relative
}

.clickable_d08938 {
    cursor: pointer
}

.search_d08938 {
    background: var(--background-gradient-chat,var(--background-base-low))
}

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

.clanDiscoveryToolbar_d08938 {
    padding: 0
}

.rightAlignedToolbar_d08938 {
    gap: 4px;
    justify-content: flex-end
}

.themeSection_f7cedc,.themeSelector_f7cedc {
    align-items: flex-start;
    display: flex
}

.themeSelector_f7cedc {
    flex-direction: row;
    gap: var(--space-md)
}

.themeOption_f7cedc {
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    padding: 0;
    transition: opacity .2s
}

.themeOption_f7cedc:hover {
    opacity: .8
}

.themeCircle_f7cedc {
    border: 2px solid var(--border-normal);
    border-radius: 50%;
    height: 32px;
    transition: border-color .2s;
    width: 32px
}

.themeCircleSelected_f7cedc {
    border-color: var(--brand-500)
}

.themeLabel_f7cedc {
    color: var(--text-muted);
    font-size: 11px;
    font-weight: 500
}

.controlBar__04a02 {
    flex-direction: column;
    width: 100%
}

.controlBar__04a02,.questInput__04a02 {
    display: flex;
    gap: var(--space-sm)
}

.questInput__04a02 {
    align-items: flex-start;
    flex: 1;
    flex-direction: row;
    min-width: 600px
}

.currentQuestInfo__04a02 {
    flex: 1;
    gap: var(--space-xs);
    justify-content: flex-end
}

.currentQuestInfo__04a02,.questName__04a02 {
    align-items: center;
    display: flex
}

.questName__04a02 {
    border: 1px solid var(--interactive-background-selected);
    border-radius: var(--radius-sm);
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-sm)
}

.questLabel__04a02 {
    color: var(--interactive-text-default);
    font-weight: 500
}

.questTitle__04a02 {
    color: var(--interactive-text-active);
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 600;
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.divider__04a02 {
    background: var(--interactive-background-selected);
    height: 1px;
    margin-block:var(--space-sm) var(--space-sm);margin-inline: 0;
    width: 100%
}

.controlsSection__04a02 {
    display: flex;
    flex-direction: column;
    width: 100%
}

.controlsHeading__04a02 {
    color: var(--text-strong);
    margin: 0
}

.controlButtons__04a02 {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
    justify-content: center
}

.questSelectorContainer__04a02 {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--space-sm);
    justify-content: flex-end
}

.questSelectorWrapper__04a02 {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.copyInput__04a02 {
    width: 100%
}

.sharePopover__04a02 {
    background: var(--background-surface-high);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-high);
    padding: var(--space-sm);
    width: 400px
}

.divider__3b806 {
    background: var(--interactive-background-selected);
    height: 1px;
    margin-block:var(--space-sm) var(--space-sm);margin-inline: 0;
    width: 100%
}

.wrapper__11054 {
    background-color: var(--background-base-low);
    border-radius: 0 0 8px 8px;
    cursor: default;
    padding: 12px
}

.wrapper__11054:only-child {
    border-radius: 8px
}

.submenuIcon__11054 {
    color: var(--interactive-text-default);
    cursor: pointer
}

.submenuIcon__11054:focus,.submenuIcon__11054:hover {
    color: var(--interactive-text-hover)
}

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

.utils__11054 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px
}

.wrapperQuestAccepted__11054 .utils__11054 {
    align-items: flex-start
}

.heading__11054 {
    align-items: center;
    display: flex;
    margin-bottom: 10px
}

.headingGameTile__11054 {
    border-radius: 4px;
    flex: 0 0 auto;
    height: 32px;
    margin-inline-end:8px;width: 32px
}

.headingCopy__11054 {
    flex: 1 1 auto
}

.instructions__11054 {
    margin-bottom: 12px
}

.ctas__11054 {
    align-items: center;
    display: flex;
    gap: 12px
}

.rewardTileWithInstructions__11054 {
    margin-inline:-8px}

.previewPage__8d6f9 {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 20px;
    place-content: center
}

.errorIcon__8d6f9,.questsIcon__8d6f9 {
    color: var(--text-strong);
    height: 24px;
    width: 24px
}

.messageWrapper__8d6f9 {
    margin-bottom: 12px;
    padding: 12px
}

.message__8d6f9 {
    color: var(--text-default);
    text-align: start;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.previewCard__8d6f9 {
    gap: var(--space-sm);
    padding: var(--space-md);
    width: 450px
}

.previewBackground__8d6f9,.previewCard__8d6f9 {
    display: flex;
    flex-direction: column
}

.previewBackground__8d6f9 {
    align-items: center;
    background-color: var(--background-mod-normal);
    border-radius: var(--radius-md);
    justify-content: center;
    padding-bottom: var(--space-md);
    padding-top: var(--space-md);
    width: 100%
}

.heading__8d6f9 {
    grid-row: 1/span 1
}

.heading__8d6f9,.questTile__8d6f9 {
    grid-column: 2/span 1
}

.questTile__8d6f9 {
    grid-row: 2/span 1
}

.questChannelCallHeaderWrapper__8d6f9>div {
    inset-inline-start: auto;
    margin-inline-start:0;position: relative;
    top: auto
}

.embedCard__8d6f9 {
    align-self: flex-start;
    min-width: 100%;
    padding: 32px;
    width: -moz-fit-content;
    width: fit-content
}

.barCard_d8a230 {
    display: flex;
    flex-direction: column;
    max-width: 1200px;
    position: relative;
    z-index: 10
}

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

.fixedBarContainer_d8a230 {
    display: flex;
    position: relative;
    width: 100%;
    z-index: 10
}

.fixedBarWrapper_d8a230 {
    background-color: var(--background-base-lower);
    border-radius: var(--radius-md);
    height: 275px;
    position: relative;
    width: var(--custom-guild-sidebar-width);
    z-index: 10
}

.container__5e434 {
    display: flex;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    --custom-chat-input-margin-bottom: var(--space-xs)
}

.downloadProgressCircle__5e434 {
    height: 24px;
    opacity: 1;
    transition: opacity .2s ease;
    width: 24px
}

.guilds__5e434 {
    flex-shrink: 0;
    min-width: 0;
    position: relative;
    width: var(--custom-guild-list-width)
}

.base__5e434 {
    flex-grow: 1
}

.base__5e434,.sidebar__5e434 {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative
}

.sidebar__5e434 {
    background: var(--background-base-lower);
    background-color: unset;
    flex: 0 0 auto;
    min-height: 0;
    min-width: 0;
    width: var(--custom-guild-sidebar-width)
}

.sidebar__5e434.hidden__5e434 {
    display: none;
    visibility: hidden;
    width: 0
}

.sidebar__5e434:after {
    background: var(--background-base-lowest);
    content: "";
    inset-inline: 0 1px;
    bottom: 0;
    height: var(--space-8);
    position: absolute;
    z-index: 1
}

.sidebar__5e434.channelListHidden__5e434 {
    width: var(--custom-guild-list-width)!important
}

.sidebar__5e434.channelListHidden__5e434 .guilds__5e434 {
    margin-bottom: 0
}

.sidebar__5e434.channelListHidden__5e434:after {
    display: none
}

.fullWidth__5e434 {
    width: 100%
}

.panels__5e434 {
    flex: 0 0 auto;
    z-index: 10;
    --custom-panels-spacing: var(--space-xs);
    background: var(--background-gradient-highest,var(--background-base-low));
    border: 1px solid var(--border-muted);
    border-radius: var(--radius-sm);
    bottom: var(--custom-panels-spacing);
    box-sizing: border-box;
    inset-inline-start: var(--custom-panels-spacing);
    justify-content: space-between;
    position: absolute;
    width: calc(100% - var(--custom-panels-spacing)*2)
}

.panels__5e434.disablePointersWhileSorting__5e434 {
    pointer-events: none
}

.content__5e434 {
    align-items: stretch;
    display: flex;
    flex: 1 1 auto;
    justify-content: flex-start;
    min-height: 0;
    min-width: 0
}

.activityPanel__5e434 {
    border-bottom: 1px solid var(--border-subtle);
    padding: calc(var(--custom-guild-list-padding) - var(--custom-panels-spacing) + 4px);
    position: relative;
    z-index: 2
}

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

.sidebarResizeHandle__5e434 {
    background-color: transparent;
    bottom: 0;
    cursor: ew-resize;
    display: initial;
    inset-inline-end: 0;
    position: absolute;
    top: 0;
    transform: scaleX(var(--custom-overdrag,1));
    transform-origin: right;
    transition: background-color .2s ease;
    transition-delay: .1s;
    width: 4px;
    z-index: 101
}

.sidebarResizeHandle__5e434:active,.sidebarResizeHandle__5e434:hover {
    background-color: var(--background-mod-strong)
}

.high-contrast-mode .sidebarResizeHandle__5e434:active,.high-contrast-mode .sidebarResizeHandle__5e434:hover {
    background-color: var(--border-normal)
}

@supports not ((grid-template-columns: subgrid) and (white-space-collapse:collapse)) {
    .sidebar__5e434 {
        display:flex;
        flex-direction: row
    }
}

@supports (grid-template-columns: subgrid) and (white-space-collapse:collapse) {
    .base__5e434 {
        display:grid;
        grid-template-areas: "titleBar titleBar titleBar" "guildsList notice notice" "guildsList channelsList page";
        grid-template-columns: [start] min-content [guildsEnd] min-content [channelsEnd] 1fr [end];
        grid-template-rows: [top] var(--custom-app-top-bar-height) [titleBarEnd] min-content [noticeEnd] 1fr [end]
    }

    .base__5e434[data-fullscreen=true] {
        grid-template-rows: [top] min-content [titleBarEnd] min-content [noticeEnd] 1fr [end]
    }

    .platform-osx .base__5e434 {
        padding-top: 1px
    }

    .content__5e434 {
        display: grid;
        grid-column: start/end;
        grid-row: titleBarEnd/end;
        grid-template-columns: subgrid;
        grid-template-rows: subgrid
    }

    .page__5e434 {
        grid-area: page;
        overflow: auto
    }

    .sidebar__5e434 {
        display: grid;
        grid-column: start/channelsEnd;
        grid-row: titleBarEnd/end;
        grid-template-columns: subgrid;
        grid-template-rows: subgrid
    }

    .sidebarList__5e434 {
        grid-area: channelsList
    }
}

&.custom-theme-background .sidebar__5e434:after {
    display: none
}

.sidebarList__5e434 {
    border-inline-start:1px solid var(--app-frame-border);border-top: 1px solid var(--app-frame-border);
    container-type: inline-size;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    width: calc(var(--custom-guild-sidebar-width) - var(--custom-guild-list-width) - 1px)
}

.sidebarList__5e434:has([data-has-banner=true][data-banner-visible=true]) {
    border-top: none
}

.sidebarListRounded__5e434 {
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    border-start-start-radius: var(--radius-md)
}

.sidebar__5e434[data-collapsed=true] {
    width: calc(var(--custom-guild-list-width) + 4px)!important
}

.sidebar__5e434[data-collapsed=true] .sidebarList__5e434 {
    border-inline-start:none;border-top: none
}

.sidebar__5e434[data-collapsed=true] .sidebarResizeHandle__5e434 {
    border-start-start-radius: var(--radius-lg);
    margin-top: 12px
}

.dragging__5e434 {
    cursor: ew-resize!important
}

.dragging__5e434 * {
    pointer-events: none!important
}

.draggingMin__5e434 {
    cursor: e-resize!important
}

.collapsing__5e434,.draggingMax__5e434 {
    cursor: w-resize!important
}

.page__5e434 {
    box-sizing: border-box;
    display: flex;
    height: 100%;
    min-width: 0;
    position: relative;
    width: 100%
}

.high-contrast-mode .page__5e434,.theme-midnight .page__5e434 {
    border-inline-start:1px solid var(--border-subtle)}

.refresh-fast-follow-avatars .panels__5e434 {
    --custom-panels-spacing: min(var(--space-xs),var(--space-8))
}

.custom-theme-background .panels__5e434 {
    border-color: var(--app-frame-border)
}

.enable-forced-colors .sidebar__5e434 {
    border-inline-end:2px solid CanvasText}

.enable-forced-colors .panels__5e434 {
    border-top: 2px solid CanvasText
}

.enable-forced-colors .sidebarResizeHandle__5e434:active,.enable-forced-colors .sidebarResizeHandle__5e434:focus,.enable-forced-colors .sidebarResizeHandle__5e434:hover {
    background-color: ButtonText
}

@container (max-width: 100px) {
    .sidebarList__5e434>* {
        display: none
    }
}

.embedCard_b5ecb2 {
    align-self: center;
    gap: 24px;
    min-width: min(100%,687px);
    padding: 32px;
    width: -moz-fit-content;
    width: fit-content
}

.embedCard_b5ecb2,.embedSections_b5ecb2 {
    display: flex;
    flex-direction: column
}

.embedSections_b5ecb2 {
    gap: var(--space-sm)
}

.embedHeading_b5ecb2,.embedHelper_b5ecb2 {
    margin-bottom: 8px
}

.helperText_b5ecb2 {
    color: var(--text-muted);
    font-size: 12px;
    font-style: italic
}

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

.embedSection_b5ecb2 {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm)
}

.embedSection_b5ecb2:hover {
    border-color: var(--border-subtle)
}

.fixedEmbed_b5ecb2 {
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,.1);
    display: flex;
    height: 100%;
    overflow: hidden;
    position: relative
}

.desktopEmbed_b5ecb2 {
    width: 687px
}

.tabletEmbed_b5ecb2 {
    width: 450px
}

.mobileEmbed_b5ecb2 {
    width: 300px
}

.sizeLabel_b5ecb2 {
    color: var(--text-muted);
    font-size: 12px;
    font-style: italic;
    margin-inline-start:8px}

.questsEmbed_b5ecb2 {
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,.1);
    flex-shrink: 0;
    height: 100%;
    max-width: 687px;
    min-width: 300px;
    overflow: auto;
    position: relative;
    resize: horizontal;
    width: 451px
}

.heading_a10b43 {
    color: var(--text-strong);
    margin-bottom: var(--space-12)
}

.previewDescription_a10b43 {
    color: var(--text-muted);
    font-size: 12px;
    font-style: italic;
    margin-bottom: var(--space-16)
}

.memberListContainer_a10b43 {
    border-radius: var(--radius-md);
    display: flex;
    margin-top: var(--space-16);
    padding: var(--space-8) 0;
    width: 100%
}

.minimalMemberItem_a10b43 {
    border-radius: var(--radius-sm);
    transition: background-color .1s ease;
    width: 240px
}

.minimalMemberItem_a10b43:hover {
    background-color: var(--interactive-background-hover)
}

.minimalMemberItem_a10b43.selected_a10b43 {
    background-color: var(--interactive-background-selected)
}

.minimalMemberItem_a10b43>* {
    cursor: pointer;
    padding: var(--space-8) var(--space-12);
    width: 100%
}

.memberItemContent_a10b43 {
    align-items: center;
    display: flex;
    gap: var(--space-12);
    width: 100%
}

.memberInfo_a10b43 {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0
}

.container_ba8a2f {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
    height: 100%;
    padding: var(--space-md);
    width: 790px
}

.controlsBarContainer_ba8a2f {
    margin-bottom: var(--space-sm);
    width: 90%
}

.progressBar_ba8a2f {
    border-radius: 4px;
    height: 8px;
    overflow: hidden;
    position: relative
}

.progressBarFill_ba8a2f {
    background: linear-gradient(90deg,var(--brand-500) 0,var(--brand-360) 100%);
    border-radius: 4px;
    height: 100%;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.contentArea_ba8a2f {
    border-radius: 8px;
    flex: 1;
    z-index: 1
}

.content_ba8a2f,.contentArea_ba8a2f {
    overflow: visible;
    position: relative
}

.content_ba8a2f {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%
}

.popout__9047f {
    background-color: var(--background-surface-high);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-high);
    box-sizing: border-box;
    padding: var(--space-16);
    width: 242px
}

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

.groupDivider__61c5c {
    background-color: var(--border-subtle);
    border: none;
    height: 1px;
    margin: var(--space-12) calc(var(--space-8)*-1) var(--space-16) calc(var(--space-8)*-1)
}

.submitWrapper__61c5c {
    margin: calc(var(--space-8)*-1)
}

@value twoColumnBreakpoint: 1340px;@value threeColumnBreakpoint: 1610px;.container__60f82 {
    box-sizing: border-box;
    display: grid;
    gap: var(--space-lg);
    justify-content: center;
    padding: 20px;
    width: 100%
}

@media (min-width: 0) {
    .container__60f82 {
        grid-template-columns:repeat(1,minmax(336px,608px))
    }
}

@media (min-width: 1340px) {
    .container__60f82 {
        grid-template-columns:repeat(2,minmax(406px,1fr))
    }
}

@media (min-width: 1610px) {
    .container__60f82 {
        grid-template-columns:repeat(3,minmax(336px,1fr));
        max-width: 1310px
    }
}

@keyframes fadeIn__60f82 {
    0% {
        opacity: .4
    }

    50% {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@keyframes glow__60f82 {
    0% {
        box-shadow: 0 0 0 0 transparent
    }

    10% {
        box-shadow: 0 0 0 0 transparent
    }

    33% {
        box-shadow: 0 0 24.6px 0 #5865f2
    }

    50% {
        box-shadow: 0 0 24.6px 0 #5865f2
    }

    to {
        box-shadow: 0 0 0 0 transparent
    }
}

@keyframes reflect__60f82 {
    0% {
        opacity: 0;
        transform: scale(0) rotate(45deg)
    }

    10% {
        opacity: .25;
        transform: scale(0) rotate(45deg)
    }

    11% {
        opacity: .5;
        transform: scale(4) rotate(45deg)
    }

    28% {
        opacity: 0;
        transform: scale(50) rotate(45deg)
    }
}

.questTile__60f82 {
    overflow: hidden;
    position: relative
}

.questTile__60f82.selected__60f82 {
    animation: glow__60f82 4s ease both;
    opacity: 1
}

.questTile__60f82.selected__60f82:after {
    background-color: #fff;
    content: "";
    display: block;
    height: 100%;
    inset-inline-start: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: -300px;
    transform: rotate(-45deg);
    width: 30px;
    z-index: 999
}

.full-motion .questTile__60f82.selected__60f82:after {
    animation: reflect__60f82 4s ease-in-out
}

.questTile__60f82.unselected__60f82 {
    animation: fadeIn__60f82 4s ease both
}

.spinner__60f82 {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.emptyStateContainer__60f82 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-inline:auto;max-width: 575px;
    padding: 88px;
    text-align: center
}

.headingWrapper__57454 {
    align-items: center;
    display: flex;
    gap: var(--space-16);
    justify-content: space-between;
    margin-bottom: 4px;
    padding: var(--space-24) var(--space-20);
    padding-bottom: 0
}

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

.filterSortOption__57454 {
    border-radius: var(--radius-sm);
    cursor: pointer;
    margin-bottom: 0;
    padding: var(--space-8)!important
}

.filterSortOption__57454:hover {
    background-color: var(--background-mod-subtle)
}

.container__06199 {
    align-items: center;
    background-image: linear-gradient(0deg,#15193c,#000 33%);
    display: flex;
    height: 100%;
    justify-content: center
}

.asset__06199 {
    aspect-ratio: 16/10;
    inset: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    width: 100%
}

.full-motion .asset__06199 {
    transition-duration: transitionDuration;
    transition-property: transform,opacity,filter;
    transition-timing-function: transitionTimingFunction
}

@value detailsOffset 20px;@value transitionDuration 0.2s;@value transitionTimingFunction ease-in-out;@value borderRadius 16px;.container__9192b {
    aspect-ratio: 1;
    border-radius: 16px;
    max-width: 330px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.image__9192b {
    border-radius: 16px 16px 0 0;
    height: 100%;
    inset: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%
}

.full-motion .image__9192b {
    transition-duration: .2s;
    transition-property: transform,opacity,filter;
    transition-timing-function: ease-in-out
}

.assetBlurred__9192b {
    border-radius: 16px 16px 0 0;
    filter: blur(30px);
    height: 100%;
    inset: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%
}

.decoWrapper__9192b {
    inset-inline-start: 50%;
    position: absolute;
    top: 24px;
    transform: translateX(-50%);
    transform-origin: top;
    z-index: 2
}

.full-motion .decoWrapper__9192b {
    transition-duration: .2s;
    transition-property: transform,opacity,filter;
    transition-timing-function: ease-in-out
}

.overlay__9192b {
    position: absolute;
    top: 50%;
    inset-inline: 0;
    bottom: -50%;
    z-index: 1
}

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

.darkThemeGradient__9192b {
    background: linear-gradient(to top,var(--primary-660) 0,hsl(var(--primary-660-hsl)/.5) 50%,hsl(var(--primary-660-hsl)/0) 100%)
}

.lightThemeGradient__9192b {
    background: linear-gradient(to top,hsl(var(--black-hsl)/.7) 0,hsl(var(--black-hsl)/.5) 50%,hsl(var(--black-hsl)/0) 100%)
}

.details__9192b {
    align-items: center;
    inset-inline: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    padding: 0 16px;
    position: absolute;
    text-align: center;
    text-wrap: pretty;
    transform: translateY(100%);
    z-index: 10
}

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

.logoContainer__9192b {
    bottom: 20px;
    display: flex;
    inset-inline: 0;
    justify-content: center;
    position: absolute;
    z-index: 5
}

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

.logo__9192b {
    height: auto;
    max-height: 45px;
    max-width: 140px;
    -o-object-position: center;
    object-position: center
}

.logoWithCosponsor__9192b {
    max-width: 70px
}

.title__9192b {
    margin-bottom: 4px
}

.button__9192b {
    margin-top: 16px;
    width: 100%
}

.hovered__9192b .details__9192b {
    transform: translateY(-20px)
}

.hovered__9192b .image__9192b {
    filter: blur(8px);
    opacity: .8
}

.hovered__9192b .image__9192b,.hovered__9192b .overlay__9192b {
    transform: translateY(-80px)
}

.hovered__9192b .decoWrapper__9192b {
    transform: translateX(-50%) scale(.53)
}

@value padding 24px;.gridContainer_f3e8a7 {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(auto-fill,minmax(230px,1fr));
    justify-content: center;
    padding: 24px
}

.spinner_f3e8a7 {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.wrapper__42d45 {
    box-sizing: border-box;
    container-name: wrapper;
    container-type: inline-size;
    margin: var(--space-24) auto 0;
    max-width: 1300px;
    padding: 0 var(--space-20);
    width: 100%
}

.wrapperWithOldDiscoveryHeader__42d45 {
    margin-top: var(--space-64)
}

.contentWrapper__42d45 {
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    box-sizing: border-box;
    display: flex;
    isolation: isolate;
    min-height: 500px;
    overflow: hidden;
    padding: var(--space-32);
    position: relative
}

@container wrapper (width < 725px) {
    .contentWrapper__42d45 {
        min-height: 580px
    }
}

.contentWrapperLoading__42d45 {
    align-items: center;
    border: none;
    justify-content: center
}

.content__42d45 {
    position: relative;
    z-index: 2
}

.heroBackground__42d45 {
    z-index: 0
}

.backgroundOverlay__42d45,.backgroundOverlay__42d45:after,.backgroundOverlay__42d45:before,.heroAsset__42d45,.heroBackground__42d45 {
    bottom: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    position: absolute;
    top: 0
}

.asset__42d45 {
    bottom: 0;
    height: auto;
    inset-inline-end: 0;
    inset-inline-start: auto;
    max-width: 100%;
    min-height: 100%;
    min-width: 1234px;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: auto
}

.heroAssetBlurred__42d45 .asset__42d45 {
    filter: blur(var(--custom-image-blur-amount)) brightness(.5) saturate(120%)
}

.heroAssetBlurredA__42d45 {
    --custom-image-blur-amount: 10px;
    -webkit-mask: linear-gradient(90deg,#000,transparent 30%);
    mask: linear-gradient(90deg,#000,transparent 30%)
}

.heroAssetBlurredB__42d45 {
    --custom-image-blur-amount: 5px;
    -webkit-mask: linear-gradient(90deg,#000 30%,transparent 70%);
    mask: linear-gradient(90deg,#000 30%,transparent 70%)
}

.backgroundOverlay__42d45 {
    overflow: hidden;
    z-index: 1
}

.backgroundOverlay__42d45:after {
    inset-inline-end: auto;
    -webkit-mask: linear-gradient(270deg,transparent,rgba(0,0,0,.83) 68%,#000);
    mask: linear-gradient(270deg,transparent,rgba(0,0,0,.83) 68%,#000);
    width: 600px
}

.backgroundOverlay__42d45:after,.backgroundOverlay__42d45:before {
    background-color: var(--background-base-lower);
    content: ""
}

.backgroundOverlay__42d45:before {
    display: none;
    height: 500px;
    -webkit-mask: linear-gradient(180deg,transparent,#000);
    mask: linear-gradient(180deg,transparent,#000);
    top: auto
}

@container wrapper (width < 725px) {
    .heroAssetBlurred__42d45 {
        display: none
    }

    .backgroundOverlay__42d45:after {
        -webkit-mask: linear-gradient(135deg,#000,rgba(0,0,0,.83) 15%,transparent 30%);
        mask: linear-gradient(135deg,#000,rgba(0,0,0,.83) 15%,transparent 30%)
    }

    .backgroundOverlay__42d45:before {
        display: block
    }
}

.contentBody__42d45 {
    max-width: 540px
}

.logo__42d45 {
    max-height: 56px;
    max-width: 132px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.title__42d45 {
    text-transform: uppercase
}

.subtitle__42d45 {
    opacity: .8
}

.sponsoredTag__42d45 {
    background-color: rgba(0,0,0,.5);
    border-radius: 8px;
    margin-inline-end:-8px;margin-top: -8px;
    padding: 4px 8px
}

@value headerBarHeight 60px;.container__955a3 {
    border-top: 1px solid var(--app-frame-border);
    box-sizing: border-box;
    color: rgba(64,74,123,.7);
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    position: relative
}

.withoutTopBorder__955a3 {
    border-top: none
}

.dragRegion__955a3 {
    display: none;
    height: 60px;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.bannerAsset__955a3 {
    grid-area: layer;
    height: 100%;
    max-height: 348px;
    max-width: 1300px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.orbsBannerAsset__955a3 {
    -o-object-position: 75% 50%;
    object-position: 75% 50%
}

.oversizedImg__955a3 {
    transform: scale(1.5) translate(-40px,20px)
}

.bannerGradient__955a3 {
    grid-area: layer;
    height: 348px;
    width: 100%
}

.tabs__955a3 {
    padding: 24px 20px 4px
}

.tabs__955a3,.tabsExperimental__955a3 {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between
}

.tabsExperimental__955a3 {
    align-items: center;
    flex: 1;
    height: 100%
}

.orbsTermsButton__955a3 {
    margin-inline-start:10px}

.orbsTermsButton__955a3:hover {
    text-decoration: underline
}

.theme-dark .bannerGradient__955a3 {
    background: linear-gradient(180deg,transparent 49.93%,rgba(0,0,0,.2) 84.02%)
}

.theme-dark .orbsGradient__955a3 {
    background: linear-gradient(0deg,var(--brand-500) 0,transparent 33%);
    opacity: .25
}

.theme-dark .bannerContainer__955a3 {
    background-color: #0c1522
}

.theme-dark .orbsContainer__955a3 {
    background-color: #000
}

.theme-dark .orbsTermsButton__955a3 {
    color: #fff
}

.theme-light .bannerGradient__955a3 {
    background: linear-gradient(180deg,transparent 68%,#f2f3f5),radial-gradient(circle at center,transparent 45.68%,rgba(171,183,249,.61) 69.72%,#bec8ff 100%)
}

.theme-light .orbsGradient__955a3 {
    background: radial-gradient(circle at center,transparent 45.68%,rgba(171,183,249,.61) 69.72%,#bec8ff 100%)
}

.theme-light .bannerContainer__955a3 {
    background-color: #909ff1
}

.theme-light .orbsContainer__955a3 {
    background-color: #fff
}

.theme-light .orbsTermsButton__955a3 {
    color: #000
}

.redirectNoticeBannerAsset__955a3 {
    -o-object-position: bottom center;
    object-position: bottom center
}

.redirectNoticeBannerContainer__955a3 {
    background-image: linear-gradient(180deg,#26007c,#00006a)
}

.redirectNoticeContainer__955a3 {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0 auto;
    max-width: 560px;
    padding: 24px;
    text-align: center
}

.content__955a3 {
    height: 100%
}

.contentWithExtraPadding__955a3 {
    padding-top: var(--space-48)
}

.container_a592e1 {
    border-top: 1px solid var(--app-frame-border);
    display: flex;
    flex-direction: column;
    width: 100%
}

.dragRegion_a592e1 {
    display: none;
    height: 60px;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.container__551b0 {
    background: var(--background-gradient-high,var(--background-base-lowest));
    display: flex;
    flex-direction: column;
    height: 100%
}

.header__551b0 {
    align-items: center;
    border-bottom: 1px solid var(--border-subtle);
    box-shadow: none;
    box-sizing: border-box;
    display: flex;
    height: var(--custom-channel-header-height);
    padding: 16px
}

.nav__551b0 {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 2px;
    padding: 8px
}

.navItemIcon__551b0 {
    height: 24px;
    width: 24px
}

.navItem__551b0,.navItemIcon__551b0 {
    color: var(--interactive-text-default)
}

.navItem__551b0 {
    align-items: center;
    border-radius: var(--radius-sm);
    cursor: pointer;
    display: flex;
    gap: 12px;
    padding: var(--space-sm) var(--space-xs)
}

.navItem__551b0:focus-within,.navItem__551b0:hover {
    background: var(--interactive-background-hover);
    color: var(--interactive-text-hover)
}

.navItem__551b0:focus-within .navItemIcon__551b0,.navItem__551b0:hover .navItemIcon__551b0 {
    color: var(--interactive-text-hover)
}

.navItem__551b0.selected__551b0,.navItem__551b0:active {
    background: var(--interactive-background-active)
}

.navItem__551b0.selected__551b0,.navItem__551b0.selected__551b0 .navItemIcon__551b0,.navItem__551b0:active {
    color: var(--interactive-text-active)
}

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

.image__5901e {
    inset-inline-start: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .2s linear .2s
}

.image__5901e.loaded__5901e {
    opacity: 1
}

.confirmation__1051d {
    align-items: center;
    background-color: var(--background-surface-high);
    border: 1px solid var(--border-subtle);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 400px;
    padding: 24px;
    text-align: center
}

.iconWrapper__1051d {
    background: var(--background-base-lowest);
    border-radius: 50%;
    padding: 12px
}

.statusTextContainer__1051d {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 100%;
    overflow: hidden;
    overflow-wrap: break-word
}

.incompleteButtonsContainer__1051d {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%
}

.confirmationButtonRow__1051d {
    display: flex;
    flex-direction: row;
    gap: 24px;
    width: 100%
}

.confirmationButton__1051d {
    display: flex;
    flex: 1;
    width: auto
}

.rejectionReasonLabel__1051d {
    margin-inline-end:4px}

.confirmationTooltipContents__1051d {
    width: 100%
}

.page__99a7e {
    background-color: var(--background-surface-high);
    box-sizing: border-box
}

.contentWrapper__99a7e,.page__99a7e {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.contentWrapper__99a7e {
    border-inline-start:1px solid var(--border-subtle);border-start-start-radius: var(--radius-md);
    border-top: 1px solid var(--border-subtle);
    position: relative
}

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

.dragRegion__99a7e {
    display: none;
    height: 100px
}

.dragRegion__99a7e,.splash__99a7e {
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.splash__99a7e {
    height: 100%
}

.defaultGradient__99a7e {
    background: linear-gradient(112deg,var(--background-base-lower) 0,var(--background-base-lowest) 100%)
}

.defaultGradient__99a7e,.splashGradient__99a7e {
    height: 100%;
    position: absolute;
    width: 100%
}

.splashGradient__99a7e {
    background: linear-gradient(180deg,hsl(var(--primary-800-hsl)/.5) 0,hsl(var(--primary-800-hsl)/1) 100%)
}

.cover__99a7e {
    -o-object-fit: cover;
    object-fit: cover
}

.container_cd1bf7 {
    justify-content: center;
    width: 100%
}

.container_cd1bf7,.explainerContainer_cd1bf7 {
    align-items: center;
    display: flex
}

.explainerContainer_cd1bf7 {
    background-color: var(--background-base-low);
    border-radius: 8px;
    flex-direction: column;
    gap: var(--space-32);
    margin: 32px;
    max-width: 500px;
    padding: 32px;
    position: relative
}

.transparentBackground_cd1bf7 {
    background-color: var(--transparent)
}

.header_cd1bf7 {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--space-12)
}

.outerWrapping_cd1bf7 {
    border-start-end-radius: var(--radius-lg);
    border-start-start-radius: var(--radius-lg);
    margin: var(--space-24)
}

.main_c08b38 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    padding: 80px 0;
    position: relative;
    width: 100%
}

.fullBorderWithGradient_c08b38 {
    background-color: var(--bg-animated-gradient-background-not-black);
    border-radius: var(--radius-lg)
}

.artwork_c08b38 {
    inset-inline-start: 0;
    top: 0
}

.artwork_c08b38,.gradient_c08b38 {
    height: 100%;
    position: absolute;
    width: 100%
}

.gradient_c08b38 {
    background: linear-gradient(180deg,hsl(var(--primary-800-hsl)/.5) 0,hsl(var(--primary-800-hsl)/1) 100%)
}

.content_c08b38 {
    background-color: var(--modal-background);
    border-radius: 12px;
    flex-direction: column;
    height: 640px;
    max-height: 640px;
    padding: 0 24px;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 800px
}

.bottomCenterContent_c08b38,.content_c08b38 {
    display: flex;
    position: absolute;
    z-index: 1
}

.bottomCenterContent_c08b38 {
    align-items: center;
    bottom: 16px;
    text-align: center
}

.cover_c08b38 {
    -o-object-fit: cover;
    object-fit: cover
}

.container__7e486 {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 32px
}

.coverImageContainer__7e486 {
    padding-bottom: calc(100%/var(--custom-guild-role-subscription-style-constants-cover-image-aspect-ratio));
    position: relative;
    width: 100%
}

.coverImage__7e486 {
    height: 100%;
    inset-inline-start: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.guildIconContainer__7e486 {
    background-color: var(--background-base-low);
    border-radius: 50%;
    margin-bottom: 24px;
    margin-top: -58px;
    padding: 8px;
    z-index: 1
}

.ctaTitle__7e486 {
    color: var(--text-default);
    margin-bottom: 8px;
    margin-inline:16px;max-width: 640px;
    text-align: center
}

.ctaTitle__7e486 strong {
    color: var(--text-strong);
    font-weight: var(--font-weight-bold)
}

.ctaSubtitle__7e486 {
    margin-inline:16px;max-width: 640px;
    text-align: center
}

.pendingPlanChangeNotice__7e486 {
    margin-top: 16px
}

@media (max-width: 485px) {
    .guildIconContainer__7e486 {
        margin-bottom:8px
    }
}

.pendingPlanChangeNotice_f75db8 {
    margin-top: 16px
}

.backButtonInner_f75db8 {
    align-items: center;
    color: var(--text-link);
    display: flex;
    font-size: 16px
}

.backButton_f75db8 {
    margin: auto
}

.errorPageContainer__5a176 {
    background-color: var(--background-base-low);
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    width: 100%
}

.errorPageContent__5a176 {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    padding: 16px
}

.errorPageIllo__5a176 {
    margin-bottom: 24px
}

.errorPageTitle__5a176 {
    margin-bottom: 8px
}

.errorPagSubtitle__5a176,.errorPageTitle__5a176 {
    text-align: center
}

.container_e66c4d {
    align-items: center;
    background-color: var(--background-base-low);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 0 32px;
    text-align: center
}

.content_e66c4d {
    padding-bottom: 10%
}

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

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

.content__808a1 {
    flex: 1;
    min-height: 0;
    position: relative;
    width: 100%
}

.content__808a1:before {
    box-shadow: var(--elevation-low);
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: -1px;
    inset-inline: 0;
    pointer-events: none;
    z-index: 1
}

.scroller__808a1 {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%
}

.scrollerContent__808a1 {
    max-width: var(--custom-guild-role-subscriptions-overview-page-page-max-width);
    position: relative;
    width: 100%
}

@media (max-width: 485px) {
    #guild-role-subscription-overview-notice__808a1,.headerBar__808a1 {
        display:none
    }
}

.container_ea45f4 {
    background-color: var(--brand-500);
    border-radius: 8px;
    box-sizing: border-box;
    padding: 16px;
    width: 282px
}

.container_ea45f4 .linkButtonContainer_ea45f4 {
    padding-top: 16px
}

.container_ea45f4 .linkButtonContainer_ea45f4 .linkButton_ea45f4 {
    font-weight: var(--font-weight-bold);
    margin: 0 auto
}

.container_ea45f4 .content_ea45f4 {
    color: var(--white);
    margin: 8px 0 16px;
    text-align: center
}

.container_ea45f4 .pointer_ea45f4 {
    border: 12px solid transparent;
    border-top: 12px solid var(--brand-500);
    height: 0;
    inset-inline-start: 127px;
    pointer-events: none;
    position: absolute;
    top: -24px;
    transform: rotate(180deg);
    width: 0
}

.container_e88f3f {
    background-color: var(--background-base-lowest);
    border-radius: var(--radius-sm);
    box-shadow: var(--elevation-medium);
    margin: var(--custom-channel-notice-padding) var(--custom-channel-notice-padding) 0;
    padding: var(--custom-channel-notice-padding);
    position: relative
}

.close_e88f3f,.container_e88f3f a {
    cursor: pointer
}

.close_e88f3f {
    color: var(--interactive-text-default);
    height: var(--custom-channel-notice-icon-size);
    inset-inline-end: var(--custom-channel-notice-padding);
    position: absolute;
    top: var(--custom-channel-notice-padding);
    width: var(--custom-channel-notice-icon-size)
}

.close_e88f3f:hover {
    color: var(--interactive-text-hover)
}

.closeIcon_e88f3f {
    height: var(--custom-channel-notice-icon-size);
    width: var(--custom-channel-notice-icon-size)
}

.imageContainer_e88f3f {
    display: flex;
    margin-bottom: var(--custom-channel-notice-padding)
}

.image_e88f3f {
    width: 100%
}

.message_e88f3f {
    white-space: pre-wrap
}

.title_e88f3f {
    margin-bottom: 4px
}

.title_e88f3f.live_e88f3f {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.center_e88f3f {
    text-align: center
}

.noImageTitle_e88f3f {
    margin-inline-end:20px}

.button_e88f3f {
    margin-top: 8px
}

.header_e88f3f {
    text-transform: uppercase
}

.header_e88f3f,.participants_e88f3f {
    margin-bottom: 8px
}

.header_e88f3f,.participants_e88f3f,.pill_e88f3f {
    align-items: center;
    display: flex;
    gap: 4px
}

.pill_e88f3f {
    background-color: var(--background-base-lower);
    border-radius: var(--radius-md);
    flex-grow: 0;
    overflow: hidden;
    padding: 4px 8px
}

.pillIcon_e88f3f {
    color: var(--text-default);
    flex-shrink: 0
}

.pillLabel_e88f3f {
    overflow: hidden;
    text-overflow: ellipsis
}

.locationContainer_e88f3f {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    white-space: nowrap
}

.location_e88f3f {
    overflow: hidden;
    text-overflow: ellipsis
}

.locationIcon_e88f3f {
    color: var(--text-muted);
    flex-shrink: 0;
    margin-inline-end:4px}

.avatar_e88f3f {
    flex-shrink: 0
}

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

.channelNotice__4c43d {
    box-shadow: inset 0 -1px 0 var(--border-subtle);
    padding: 16px;
    position: relative;
    text-align: center
}

.channelNotice__4c43d a,.close__4c43d {
    cursor: pointer
}

.close__4c43d {
    color: var(--interactive-text-default);
    height: 18px;
    inset-inline-end: 16px;
    position: absolute;
    top: 12px;
    width: 18px
}

.close__4c43d:hover {
    color: var(--interactive-text-hover)
}

.closeIcon__4c43d {
    height: 18px;
    width: 18px
}

.title__4c43d {
    margin-bottom: 8px
}

.message__4c43d {
    color: var(--text-default);
    font-size: 14px;
    line-height: 18px;
    margin-top: 16px;
    white-space: pre-wrap
}

.message__4c43d .btn__4c43d {
    margin: 16px auto 0
}

.imageContainer__4c43d {
    display: flex
}

.image__4c43d {
    width: 100%
}

.textBlock_e2d7b8 {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 0 auto
}

.joinButton_e2d7b8 {
    margin: 0
}

.eventName_e2d7b8 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0
}

.channelNotice_e2d7b8 {
    border-bottom: 1px solid var(--border-subtle);
    margin: 0;
    padding: var(--space-xs) var(--space-md)
}

.channelNotice_e2d7b8>*+* {
    margin-top: 8px
}

.singleLine_e2d7b8 {
    white-space: nowrap
}

.liveNowText_e2d7b8 {
    margin-inline-start:4px;text-transform: capitalize
}

.eventNameClickable_e2d7b8 {
    cursor: pointer
}

.eventNameClickable_e2d7b8:hover {
    text-decoration: underline;
    text-underline-position: under
}

.channelName_e2d7b8 {
    overflow: hidden;
    text-overflow: ellipsis
}

.dotDivider_e2d7b8 {
    margin-inline:4px}

.liveIndicator_e2d7b8 {
    background-color: var(--green-360);
    border-radius: 8px;
    height: 8px;
    width: 8px
}

.startTime_e2d7b8 {
    overflow: hidden;
    text-overflow: ellipsis
}

.stageIcon_e2d7b8 {
    margin-inline-end:4px}

.stageIcon_e2d7b8,.userNames_e2d7b8 {
    color: var(--text-default)
}

.userNames_e2d7b8 {
    margin-inline-start:4px;overflow: hidden;
    text-overflow: ellipsis
}

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

.buttonIcon_e2d7b8 {
    margin-inline-end:4px}

.closeIcon_e2d7b8 {
    align-items: center;
    color: var(--icon-muted);
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin-inline-start:auto;width: 20px
}

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

.channelName_e2d7b8,.details_e2d7b8,.dotDivider_e2d7b8,.stageIcon_e2d7b8,.userNames_e2d7b8 {
    color: var(--text-muted)
}

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

.enable-forced-colors .container__6e9be {
    background-color: Canvas
}

.container__2637a {
    align-items: stretch;
    background: var(--background-gradient-high,var(--background-base-lowest));
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: flex-start;
    margin-inline-start:-1px;min-height: 0;
    padding-bottom: calc(var(--custom-app-panels-height, 0) + var(--space-xs) - 16px);
    position: relative
}

.varUpsellTooltip__2637a {
    max-width: 220px
}

.varUpsell__2637a {
    padding: 8px 0
}

.varUpsellTitle__2637a {
    font-weight: var(--font-weight-bold);
    margin-bottom: 8px
}

.varUpsellBody__2637a {
    text-align: center
}

.tooltip__2637a p {
    margin: 12px 0
}

.tooltip__2637a p:first-of-type {
    margin-top: 0
}

.tooltip__2637a p:last-of-type {
    margin-bottom: 0
}

.tooltipAsset__2637a {
    display: block;
    height: auto;
    margin: 0 auto 16px
}

.stageUpsellInline__2637a {
    background-color: var(--opacity-white-8);
    border-radius: 12px;
    color: var(--white);
    display: inline;
    margin: 0 2px;
    padding: 2px 6px
}

.stageDescription__2637a {
    color: var(--white);
    margin: 8px 0 16px
}

.hubContainer__2637a {
    list-style: none;
    margin-block:14px 0;margin-inline:0 8px}

.lowerPriceBoostingTooltip__2637a {
    width: 248px
}

.lowerPriceBoostingTooltipHeader__2637a {
    line-height: 0
}

.lowerPriceBoostingImg__2637a {
    align-content: center;
    display: block;
    height: auto;
    margin: 0 auto 16px
}

.viewAllChannelsButton__2637a>div {
    color: var(--text-muted)
}

.botTag__2637a {
    align-self: center;
    margin-inline-start:4px}

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

.clydeTooltipAsset__2637a {
    display: block;
    height: 48px;
    margin: 0 auto;
    width: 48px
}

.dropdownWrapperHighlighted__2637a {
    position: relative
}

.dropdownWrapperHighlighted__2637a:before {
    background-image: var(--custom-premium-colors-premium-gradient-tier-2);
    border-radius: 2px;
    content: "";
    height: 24px;
    inset-inline-end: -3px;
    opacity: .4;
    position: absolute;
    top: -3px;
    width: 24px;
    z-index: 1
}

.theme-light .dropdownWrapperHighlighted__2637a:before {
    opacity: .2
}

.dropdownButton__2637a {
    color: var(--icon-subtle);
    position: relative;
    z-index: 2
}

.visibilityHidden__2637a {
    visibility: hidden
}

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

.enable-forced-colors .container__2637a {
    background-color: ButtonFace
}

.container_a08a9d {
    background-color: var(--card-background-default);
    border-radius: 12px;
    padding: 16px
}

.card_a08a9d {
    border-radius: 12px;
    min-height: 80px;
    padding: 16px
}

.card_a08a9d,.content_a08a9d {
    align-items: center;
    display: flex;
    justify-content: center
}

.content_a08a9d {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px
}

.emojiContainer_a08a9d {
    flex-shrink: 0;
    font-size: 32px;
    line-height: 32px
}

.statusText_a08a9d {
    flex: 1;
    text-align: center;
    word-break: break-word
}

.container__0919a {
    background-color: var(--card-background-default);
    padding: 16px
}

.card__0919a,.container__0919a {
    border-radius: 12px
}

.card__0919a {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 16px
}

.gameIcon__0919a {
    border-radius: 8px;
    flex-shrink: 0;
    height: 72px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 72px
}

.gameInfo__0919a {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 8px;
    overflow: hidden
}

.badge__0919a {
    align-items: center;
    background-color: var(--brand-experiment-15a);
    border-radius: 4px;
    display: inline-flex;
    padding: 4px 8px;
    width: -moz-fit-content;
    width: fit-content
}

.container__935b3 {
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding-bottom: 12px
}

.titleContainer__935b3 {
    background-color: var(--card-secondary-bg);
    padding: 16px
}

.title__935b3 {
    color: var(--text-strong);
    font-size: 18px;
    font-weight: 600;
    line-height: 24px
}

.messagesContainer__935b3 {
    padding-top: 16px
}

.eventContainer__935b3,.messagesContainer__935b3 {
    background-color: var(--card-background-default)
}

.eventContainer__935b3 {
    border-radius: 12px;
    padding: 20px
}

.eventTimeAndUser__935b3 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px
}

.eventTitle__935b3 {
    margin-bottom: 4px
}

.eventDescription__935b3 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.eventDivider__935b3 {
    background-color: var(--border-subtle);
    border: none;
    height: 1px;
    margin: 12px 0;
    width: 100%
}

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

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

.eventIcon__935b3 {
    flex-shrink: 0
}

.eventLocationText__935b3 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.icymiMessageWrapper__7d14e {
    padding-inline-start:64px}

.icymiMessageWrapper__7d14e .avatar {
    inset-inline-start: 16px
}

.icymiMessageWrapper__7d14e .avatarDecoration {
    inset-inline-start: 16px;
    transform: translate(-10%,-10%)
}

.container_df91b4 {
    cursor: pointer
}

.container_df91b4,.header_df91b4 {
    display: flex;
    flex-direction: row
}

.header_df91b4 {
    flex-grow: 1;
    gap: 12px
}

.avatar_df91b4 {
    border-radius: 50%;
    flex-shrink: 0;
    height: 50px;
    width: 50px
}

.headerInfo_df91b4 {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    gap: 4px;
    justify-content: center
}

.titleRow_df91b4 {
    justify-content: space-between
}

.titleLeft_df91b4,.titleRow_df91b4 {
    align-items: center;
    display: flex;
    flex-direction: row
}

.titleLeft_df91b4 {
    flex-grow: 0;
    flex-shrink: 1;
    gap: 8px
}

.title_df91b4 {
    color: var(--text-strong);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.timestamp_df91b4,.title_df91b4 {
    white-space: nowrap
}

.timestamp_df91b4 {
    color: var(--text-muted);
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.optionsButton_df91b4 {
    align-items: center;
    background: none;
    border: none;
    color: var(--icon-muted);
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-size: 20px;
    justify-content: center;
    line-height: 20px;
    padding: 4px
}

.optionsButton_df91b4:hover {
    color: var(--interactive-text-hover)
}

.subtitle_df91b4 {
    flex-direction: row;
    flex-wrap: wrap
}

.subtitle_df91b4,.subtitleText_df91b4 {
    align-items: center;
    display: flex
}

.subtitleText_df91b4 {
    color: var(--text-subtle);
    font-size: 14px;
    font-weight: 500;
    gap: 4px;
    line-height: 18px
}

.subtitleText_df91b4:not(:last-child) {
    margin-inline-end:4px}

.channelIcon_df91b4 {
    color: var(--text-subtle);
    flex-shrink: 0;
    margin-inline-end:-3px}

.container_a03ecd {
    border-radius: 16px;
    color: var(--text-strong);
    cursor: pointer;
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 16px;
    transition: background-color .1s ease
}

.messageContentContainer_a03ecd {
    background-color: var(--card-background-default);
    border-radius: 16px;
    margin-top: 16px
}

.container_a03ecd:hover {
    background-color: var(--interactive-background-active)
}

.container_fb95a5 {
    max-width: 720px;
    padding: 16px;
    position: relative;
    width: 100%
}

.container_fb95a5,.scrollContainer_fb95a5 {
    display: flex;
    flex-direction: column
}

.container__78320 {
    height: 100%
}

.container__78320,.content__78320 {
    display: flex;
    flex-direction: column
}

.content__78320 {
    align-items: center;
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto
}

.preAlphaText__78320 {
    color: var(--text-brand);
    font-size: var(--size-12);
    font-weight: var(--font-weight-semibold)
}

.chat_a44415 {
    align-items: stretch;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: stretch;
    min-height: 0;
    min-width: 0;
    position: relative
}

.chat_a44415:before {
    box-shadow: var(--elevation-low);
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: -1px;
    inset-inline: 0;
    pointer-events: none;
    z-index: 1
}

.hamBanner__6a41e {
    align-items: center;
    background-color: var(--background-mod-normal);
    display: flex;
    padding: 10px 16px
}

.hamBannerButton__6a41e {
    flex-shrink: 0;
    margin-inline-start:12px}

.emptyStateContainer__65428 {
    align-items: center;
    bottom: 0;
    display: flex;
    position: absolute;
    top: 0;
    inset-inline: 0;
    justify-content: center
}

.messageRequestItem_abb9ad {
    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: 16px 10px
}

.messageRequestItem_abb9ad:not(.firstItem_abb9ad) {
    border-top: 1px solid var(--border-subtle)
}

.messageRequestItem_abb9ad.active_abb9ad+.messageRequestItem_abb9ad,.messageRequestItem_abb9ad:hover+.messageRequestItem_abb9ad {
    border-color: transparent
}

.messageRequestItem_abb9ad.active_abb9ad,.messageRequestItem_abb9ad:hover {
    background: var(--interactive-background-hover);
    border-color: transparent;
    border-radius: 8px;
    box-shadow: none
}

.messageContent_dbf24f {
    color: unset;
    font-size: 16px!important;
    height: 18px;
    line-height: 18px!important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-word
}

.messageContent_dbf24f .emoji {
    height: 18px
}

.messageReplacement_dbf24f {
    font-style: italic
}

.messageContentIcon_dbf24f {
    flex-shrink: 0;
    margin-inline-start:4px}

.messageFocusBlock_dbf24f {
    min-width: 0
}

.avatar_b8dbac {
    flex-shrink: 0;
    margin-block:0;margin-inline:0 12px}

.userPreview_b8dbac {
    display: flex;
    flex-direction: column;
    margin-inline-end:var(--space-16);min-width: 25%;
    overflow: hidden
}

.container_b8dbac {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

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

.tagContainer_b8dbac {
    align-items: flex-end;
    display: flex;
    flex-shrink: 1;
    margin-top: 2px;
    overflow: hidden
}

.username_b8dbac {
    color: var(--text-strong);
    flex-grow: 1;
    flex-shrink: 0;
    font-weight: var(--font-weight-semibold);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.discriminator_b8dbac {
    display: none
}

.globalName_b8dbac {
    color: var(--text-muted)
}

.messagePreview_b8dbac {
    display: flex;
    padding-top: var(--space-4)
}

.timestampWithPreview_b8dbac {
    flex-shrink: 1;
    white-space: nowrap
}

.mutualGuildsContainer_b8dbac {
    align-items: center;
    display: flex;
    gap: var(--space-4);
    padding-top: var(--space-4)
}

.mutualGuilds_b8dbac {
    flex-shrink: 1
}

@media (min-width: 900px) {
    .mutualGuilds_b8dbac {
        align-items:center;
        display: flex
    }
}

.container__24368 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.userPreview__24368 {
    display: flex;
    flex-direction: column;
    margin-inline-end:16px;overflow: hidden
}

.messagePreview__24368 {
    display: flex;
    padding-top: 4px
}

.avatar__24368 {
    flex-shrink: 0;
    margin-block:0;margin-inline:0 12px}

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

.userContainerWithPreview__24368 {
    align-items: flex-end;
    display: flex;
    justify-content: flex-start
}

.tagContainer__24368 {
    align-items: flex-end;
    display: flex;
    margin-top: 2px;
    overflow: hidden
}

.username__24368 {
    color: var(--text-strong);
    font-weight: var(--font-weight-semibold);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.discriminator__24368 {
    display: none
}

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

.timestamp__24368 {
    margin-inline-start:0}

.actions__24368 {
    display: flex;
    flex: 0 0 auto;
    margin-inline-start:auto}

.button__24368:not(:last-child) {
    margin-inline-end:16px}

.container__0b7fc {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.userPreview__0b7fc {
    display: flex;
    flex-direction: column;
    margin-inline-end:16px;overflow: hidden
}

.messagePreview__0b7fc {
    display: flex;
    padding-top: 4px
}

.avatar__0b7fc {
    flex-shrink: 0;
    margin-block:0;margin-inline:0 12px}

.userContainerWithPreview__0b7fc {
    align-items: flex-end;
    display: flex;
    justify-content: flex-start
}

.tagContainer__0b7fc {
    align-items: flex-end;
    display: flex;
    margin-top: 2px;
    overflow: hidden
}

.username__0b7fc {
    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__0b7fc {
    display: none
}

.timestampWithPreview__0b7fc {
    flex-grow: 1;
    flex-shrink: 0;
    margin-inline-start:8px}

.actions__0b7fc {
    display: flex;
    flex: 0 0 auto;
    gap: var(--space-8);
    margin-inline-start:auto}

.selected_dcc822 {
    background-color: var(--interactive-background-selected);
    border-radius: 8px
}

.selected_dcc822,.siblingSelected_dcc822 {
    border-bottom: none
}

.list_dcc822 {
    padding: 0 24px
}

.sectionTitle_dcc822 {
    align-items: center;
    display: flex;
    margin-inline-start:10px;margin-bottom: 10px
}

.titleDivider_dcc822 {
    margin: 0 8px
}

.container_f391e3 {
    align-items: stretch;
    background-color: var(--background-gradient-chat,var(--background-base-lower));
    border-top: 1px solid var(--app-frame-border);
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: stretch;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    position: relative
}

.container_f391e3:before {
    display: none
}

.item_f391e3 {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
    -webkit-app-region: no-drag
}

.content_f391e3 {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    padding-bottom: 0;
    position: relative
}

.content_f391e3:before {
    box-shadow: var(--elevation-low);
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: -1px;
    inset-inline: 0;
    pointer-events: none;
    z-index: 1
}

.list_f391e3 {
    padding: 0 24px
}

.sectionTitle_f391e3 {
    align-items: center;
    display: flex;
    margin-inline-start:10px;margin-bottom: 10px
}

.sectionBody_f391e3 {
    margin-top: 10px
}

.selected_f391e3 {
    background-color: var(--interactive-background-selected);
    border-radius: 8px
}

.selected_f391e3,.siblingSelected_f391e3 {
    border-bottom: none
}

.messageRequestCoachmark_f391e3 {
    text-align: center
}

.titleDivider_f391e3 {
    margin: 0 8px
}

.clearAllButton_f391e3 {
    display: inline-block;
    margin: 0;
    min-width: 48px;
    padding: 0
}

.wrapper__123e1 {
    align-items: center;
    background-color: var(--background-base-low);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.textContainer__123e1 {
    box-sizing: border-box;
    margin-inline:auto;max-width: 800px;
    width: 100%;
    z-index: 1
}

.heading__123e1 {
    text-wrap: balance
}

.heading__123e1,.text__123e1 {
    text-align: center
}

.inset_bf1984,.outer_bf1984 {
    border-radius: 4px
}

.outer_bf1984 {
    background-color: var(--background-surface-high)
}

.padded_bf1984 {
    padding: 16px
}

.padded_bf1984.inset_bf1984 {
    padding: 12px
}

.interactive_bf1984 {
    cursor: pointer
}

.inset_bf1984 {
    background-color: var(--background-mod-subtle)
}

.outer_bf1984.active_bf1984,.outer_bf1984.interactive_bf1984:hover {
    background-color: var(--background-surface-higher)
}

.noBackground_bf1984 {
    background-color: unset
}

.card__2eab1 {
    text-align: center
}

.header__2eab1 {
    margin-bottom: 4px
}

.buttonContainer__2eab1 {
    display: flex;
    flex-direction: column;
    margin-top: 16px
}

.buttonContainer__2eab1>* {
    margin-bottom: 8px
}

.buttonContainer__2eab1>:last-child {
    margin-bottom: 0
}

.outer_ac6414 {
    position: relative
}

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

.wrapper_e45a82 {
    align-items: center;
    justify-content: flex-end
}

.partyMembers_e45a82,.wrapper_e45a82 {
    display: flex
}

.partyMember_e45a82,.partyMembers_e45a82,.wrapper_e45a82 {
    height: var(--custom-party-avatars-avatar-diameter)
}

.partyMember_e45a82 {
    display: inline-block;
    margin-inline-start:-2px;-webkit-mask: url(/assets/eae6388e2d5a721a.svg);
    mask: url(/assets/eae6388e2d5a721a.svg);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    mask-type: luminance;
    width: var(--custom-party-avatars-avatar-diameter)
}

.partyMemberKnown_e45a82 {
    cursor: pointer
}

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

.partyMember_e45a82:last-child,.partyMember_e45a82:last-child>.partyMember_e45a82 {
    -webkit-mask: none;
    mask: none
}

.partyMemberEmpty_e45a82,.partyMemberUnknown_e45a82 {
}

.partyMemberUnknown_e45a82 {
    align-items: center;
    border-radius: 50%;
    display: inline-flex;
    height: 24px;
    justify-content: center;
    width: 24px
}

.partyMemberUnknownIcon_e45a82 {
    border-radius: 50%;
    color: var(--text-muted);
    height: 16px;
    width: 16px
}

.partyMemberOverflow_e45a82 {
    align-items: center;
    background-color: var(--background-base-lower);
    border-radius: 12px;
    color: var(--text-default);
    display: flex;
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
    height: var(--custom-party-avatars-avatar-diameter);
    justify-content: center;
    line-height: 16px;
    margin-inline-start:-2px;min-width: var(--custom-party-avatars-avatar-diameter);
    padding: 0 4px
}

.theme-dark .partyMemberBackground_e45a82 {
    background-color: var(--primary-500)
}

.theme-dark .partyMemberUnknown_e45a82 {
    background-color: var(--primary-500)
}

.theme-light .partyMemberBackground_e45a82 {
    background-color: var(--primary-160)
}

.theme-light .partyMemberUnknown_e45a82 {
    background-color: var(--primary-160)
}

.memberItem__5017b {
    align-items: center;
    display: flex;
    min-height: 24px;
    padding: 6px 8px
}

.avatar__5017b {
    flex: 0 0 auto;
    margin-inline-end:8px}

.avatar__5017b,.unknown__5017b {
    height: 24px;
    width: 24px
}

.unknown__5017b {
    background-size: 24px 24px
}

.images-light .unknown__5017b {
    background-image: url(/assets/95e823d78e994238.svg)
}

.images-dark .unknown__5017b {
    background-image: url(/assets/148cf7732ca0f3d8.svg)
}

.itemCard__7e549 {
    border-radius: 8px;
    margin-top: 8px
}

.itemCard__7e549:first-of-type {
    margin-top: 0
}

.homepagePadding__7e549 {
    font-weight: var(--font-weight-bold);
    padding-inline-start:16px;padding-top: 16px
}

.emptyCard__7e549 {
    align-items: center;
    background: var(--background-base-low);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 16px;
    text-align: center
}

.emptyHeader__7e549 {
    margin-bottom: 4px
}

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

.refresh-active-now .itemCard__7e549 {
    border-radius: 16px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    margin-top: 12px;
    overflow: hidden
}

.scroller__7d20c {
    border-inline-start:1px solid var(--border-subtle);height: 100%;
    margin-inline-start:0;padding: 6px 16px 16px
}

.scroller__7d20c.standalone__7d20c {
    border-inline-start:none;display: flex;
    justify-content: center
}

.container__7d20c {
    background: none;
    height: 100%
}

.header__7d20c {
    font-family: var(--font-display);
    font-weight: var(--font-weight-semibold);
    margin: 8px 0 16px;
    margin-bottom: calc(var(--space-8) + 1px)
}

.addFriendInputWrapper__72ba7 {
    align-items: center;
    background-color: var(--input-background-default);
    border: 1px solid var(--input-border-default);
    border-radius: 8px;
    display: flex;
    margin-top: 16px;
    padding: 0 12px;
    position: relative
}

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

.addFriendInputWrapper__72ba7.error__72ba7 {
    border-color: var(--border-feedback-critical)
}

.addFriendInputWrapper__72ba7.success__72ba7 {
    border-color: var(--green-360)
}

.addFriendWumpusWrapper__72ba7 {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    padding-inline-end:var(--space-128);position: relative
}

.addFriendWumpusWrapper__72ba7 img {
    bottom: calc(var(--space-16)*-1);
    inset-inline-end: var(--space-16);
    position: absolute
}

.inputText__72ba7 {
    font-size: 16px;
    font-weight: var(--font-weight-medium);
    letter-spacing: .04em;
    line-height: 20px;
    white-space: pre
}

.addFriendInput__72ba7 {
    background-color: transparent;
    border: none;
    box-sizing: border-box;
    color: var(--text-default);
    flex: 1 1 auto;
    margin-inline-end:16px;padding: 4px 0;
    z-index: 1
}

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

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

.input__72ba7 {
    background-color: unset;
    border: none;
    padding: 0
}

.input__72ba7:focus,.input__72ba7:focus-within,.input__72ba7:hover {
    border: none
}

.addFriendHint__72ba7 {
    box-sizing: border-box;
    color: var(--text-muted);
    cursor: text;
    pointer-events: none;
    position: absolute;
    top: 15px
}

.ring__72ba7 {
    border-radius: 8px
}

.enable-forced-colors .addFriendInputWrapper__72ba7 {
    border-color: ButtonText
}

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

.header_a14595 {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    gap: var(--space-8);
    padding: 20px 30px
}

.title_a14595 {
    margin: 0;
    margin-bottom: var(--space-8)
}

.grid_a14595 {
    -moz-column-gap: 32px;
    column-gap: 32px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0 20px;
    place-items: center;
    row-gap: 20px
}

.container_a14595 {
    align-items: center;
    background-color: var(--background-base-lower);
    border: 1px solid var(--border-subtle);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    width: 100%
}

.container_a14595:hover {
    background-color: var(--interactive-background-hover)
}

.container_a14595:hover .arrow_a14595 {
    color: var(--interactive-text-hover)
}

.keyboard-mode .container_a14595:focus {
    background-color: var(--interactive-background-selected)
}

.container_a14595:active {
    background-color: var(--interactive-background-active)
}

.icon_a14595 {
    align-items: center;
    background-color: var(--green-360);
    border-radius: 8px;
    display: flex;
    filter: saturate(var(--saturation-factor,1));
    flex-shrink: 0;
    height: 36px;
    justify-content: center;
    margin: 8px;
    width: 36px
}

.text_a14595 {
    overflow: hidden;
    text-overflow: ellipsis
}

.arrow_a14595 {
    color: var(--interactive-text-default);
    margin-inline:auto 16px}

.header__94b08 {
    border-bottom: 1px solid var(--border-subtle);
    flex-shrink: 0;
    padding: 20px 30px
}

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

.emptyState__94b08 {
    flex: 1 1 auto;
    position: relative
}

.peopleListItem_cc6179 {
    border-bottom: 1px solid transparent;
    border-top: 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;
    margin-inline:var(--space-24) 20px;overflow: hidden
}

.peopleListItem_cc6179.active_cc6179+.peopleListItem_cc6179,.peopleListItem_cc6179:hover+.peopleListItem_cc6179 {
    border-color: transparent
}

.peopleListItem_cc6179.active_cc6179,.peopleListItem_cc6179:hover {
    background: var(--interactive-background-hover);
    border-color: transparent;
    border-radius: 8px;
    box-shadow: none;
    margin-block:0;margin-inline:20px 10px;margin-inline-start:var(--space-16);padding: 16px 10px;
    padding-inline-start:var(--space-8)}

.peopleListItem_cc6179: hover {
    background-color:var(--background-mod-subtle)
}

.peopleListItem_cc6179.active_cc6179 {
    background-color: var(--background-mod-normal)
}

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

.statusText__19b6d,.text__19b6d {
    font-size: 14px
}

.statusText__19b6d {
    color: var(--text-muted)
}

.userInfo__0a06e {
    display: flex;
    overflow: hidden
}

.avatar__0a06e {
    flex-shrink: 0;
    margin-block:0;margin-inline:0 12px}

.text__0a06e {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

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

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

.subtext__0a06e {
    color: var(--text-muted);
    font-size: 12px
}

.discordTag__0a06e {
    align-items: flex-end;
    flex-grow: 1;
    overflow: hidden
}

.botTag__0a06e,.discordTag__0a06e {
    display: flex
}

.username__0a06e {
    color: var(--text-strong);
    font-weight: var(--font-weight-semibold);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.discriminator__0a06e {
    color: var(--text-default);
    font-size: 14px;
    line-height: 16px;
    visibility: hidden
}

.hovered__0a06e .discriminator__0a06e {
    visibility: visible
}

.alignPomelo__0a06e {
    align-items: center
}

.listItemContents_fc004c {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    max-width: 100%
}

.friendAnniversaryRow_fc004c {
    padding: var(--space-8) 0
}

.actions_fc004c {
    display: flex;
    gap: 10px
}

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

.userInfoCentered_fc004c {
    align-items: center
}

.actionButton_f8fa06 {
    align-items: center;
    background-color: var(--background-base-lower);
    border-radius: 50%;
    color: var(--interactive-text-default);
    cursor: pointer;
    display: flex;
    height: 36px;
    justify-content: center;
    width: 36px
}

.actionButton_f8fa06.highlight_f8fa06 {
    background-color: var(--background-base-lowest)
}

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

.actionButton_f8fa06:hover {
    color: var(--interactive-text-hover)
}

.actionButton_f8fa06:active {
    background-color: var(--interactive-background-active);
    color: var(--interactive-text-active)
}

.actionButton_f8fa06.disabled_f8fa06 {
    opacity: .3;
    pointer-events: none
}

.actionButton_f8fa06.actionAccept_f8fa06:hover {
    color: var(--icon-feedback-positive)
}

.actionButton_f8fa06.actionDeny_f8fa06:hover {
    color: var(--icon-feedback-critical)
}

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

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

.enable-forced-colors .actionButton_f8fa06:hover {
    border-color: ButtonText;
    color: ButtonText
}

.enable-forced-colors .actionButton_f8fa06:active {
    background-color: HighlightText;
    border-color: Highlight;
    color: Highlight
}

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

.friendsEmpty_c7ea19 {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: center
}

.button_c7ea19 {
    margin-top: 20px
}

.emptyStateContainer_c7ea19 {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--space-24)
}

.listItemContents_e1ecd3 {
    flex-grow: 1;
    justify-content: space-between;
    max-width: 100%
}

.listItemContents_e1ecd3,.tableHeader_e1ecd3 {
    align-items: center;
    display: flex
}

.tableHeader_e1ecd3 {
    border-bottom: 1px solid var(--background-base-lower);
    flex-direction: row;
    flex-shrink: 0;
    padding: 16px 30px 8px
}

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

.mutualGuilds_e1ecd3 {
    display: flex;
    margin-inline-start:13px;width: 200px
}

@media (max-width: 1040px) {
    .mutualGuilds_e1ecd3 {
        display:none
    }
}

.moreMutualGuildsBtn_e1ecd3,.mutualGuilds_e1ecd3 a+a {
    margin-inline-start:6px}

.moreMutualGuildsBtn_e1ecd3 {
    align-items: center;
    border-radius: 50%;
    box-sizing: border-box;
    color: var(--text-default);
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-size: 11px;
    font-weight: var(--font-weight-bold);
    height: 30px;
    justify-content: center;
    width: 30px
}

.moreMutualGuildsBtn_e1ecd3:hover {
    color: var(--text-strong)
}

.actions_e1ecd3 {
    display: flex;
    gap: 10px;
    margin-inline-start:8px}

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

.theme-dark .moreMutualGuildsBtn_e1ecd3:hover {
    border-color: var(--opacity-white-60)
}

.theme-light .moreMutualGuildsBtn_e1ecd3:hover {
    border-color: var(--opacity-black-60)
}

.applicationSublabel_e1ecd3 {
    align-items: center;
    display: flex;
    gap: 4px
}

.applicationIcon_e1ecd3 {
    border-radius: 2px;
    height: 14px;
    width: 14px
}

.emptyStateContainer__5ec2f {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    width: 100%
}

.peopleList__5ec2f {
    flex-grow: 0;
    padding-bottom: 8px
}

.searchBar__5ec2f {
    margin-block:var(--space-12) var(--space-8);margin-inline: var(--space-24) var(--space-16)
}

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

.clearButton__5ec2f {
    margin-inline-end:var(--space-24)}

.viewSpamButton__5ec2f {
    align-self: start;
    margin: 0 var(--space-24);
    padding: var(--space-4) var(--space-8);
    padding-inline-start:0}

.sectionFooter__5ec2f {
    display: flex;
    justify-content: flex-end;
    padding-top: var(--space-8);
    padding-inline:var(--space-24);padding-bottom: var(--space-8);
    padding-inline-start:0}

.blockedIgnoredSettingsNotice__6811a {
    margin-block:16px 8px;margin-inline:30px 20px}

.title__1472a {
    color: var(--text-default);
    margin-block:16px;margin-inline:30px 20px;margin-inline-start:var(--space-24)}

.listItemContents_c72b78 {
    align-items: center;
    display: flex;
    flex: 0 1 100%;
    justify-content: space-between
}

.actions_c72b78 {
    display: flex;
    gap: 10px;
    margin-inline-start:auto}

.container__133bf {
    background: var(--background-gradient-chat,var(--background-base-low));
    background-color: var(--background-base-lowest);
    border-top: 1px solid var(--app-frame-border);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 100%
}

[data-collapsed=true]~.container__133bf {
    border-inline-start:1px solid var(--border-subtle);border-start-start-radius: var(--radius-md)
}

.inviteToolbar__133bf {
    display: flex;
    padding-inline-end:var(--space-8)}

@media (max-width: 940px) {
    .inviteToolbar__133bf {
        display:none
    }
}

.peopleColumn__133bf {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    overflow: hidden
}

.nowPlayingColumn__133bf {
    background: var(--background-base-lower);
    flex: 0 1 30%;
    max-width: 420px;
    min-width: 360px
}

.nowPlayingScroller__133bf {
    max-height: 100%;
    padding: 16px
}

.consentCard__133bf {
    margin-bottom: 16px
}

.tabBar__133bf .badge__133bf {
    margin-inline-start:8px}

.tabBar__133bf .item__133bf {
    align-items: center;
    display: flex;
    justify-content: center;
    min-width: 40px;
    text-align: center;
    -webkit-app-region: no-drag
}

.tabBar__133bf .addFriend__133bf.addFriend__133bf.addFriend__133bf {
    background-color: var(--control-primary-background-default);
    border-color: var(--control-primary-border-default);
    color: var(--white)
}

.tabBar__133bf .addFriend__133bf.addFriend__133bf.addFriend__133bf:hover {
    background-color: var(--control-primary-background-hover);
    color: var(--status-positive-text)
}

.tabBar__133bf .addFriend__133bf.addFriend__133bf.addFriend__133bf[aria-selected=true] {
    background-color: var(--opacity-blurple-16);
    color: var(--text-brand)
}

.tabBar__133bf .addFriend__133bf.addFriend__133bf.addFriend__133bf:active {
    background-color: var(--control-primary-background-active)
}

.tabBody__133bf {
    background-color: var(--background-gradient-chat,var(--background-base-lower));
    display: flex;
    flex-direction: row;
    height: 100%;
    overflow: hidden;
    position: relative;
    transform: translateZ(0)
}

.tabBody__133bf:before {
    box-shadow: var(--elevation-low);
    content: "";
    display: none;
    height: 1px;
    position: absolute;
    top: -1px;
    inset-inline: 0;
    pointer-events: none;
    z-index: 1
}

@media (max-width: 1200px) {
    .nowPlayingColumn__133bf {
        display:none
    }
}

.nowPlayingColumnFullWidth__133bf {
    flex: 1 1 auto;
    max-width: unset;
    min-width: 0;
    width: 100%
}

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

.heading-sm\/normal__4ed1a.fontScaling__4ed1a {
    font-size: .875rem
}

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

.heading-sm\/medium__4ed1a.fontScaling__4ed1a {
    font-size: .875rem
}

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

.heading-sm\/semibold__4ed1a.fontScaling__4ed1a {
    font-size: .875rem
}

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

.heading-sm\/bold__4ed1a.fontScaling__4ed1a {
    font-size: .875rem
}

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

.heading-sm\/extrabold__4ed1a.fontScaling__4ed1a {
    font-size: .875rem
}

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

.heading-md\/normal__4ed1a.fontScaling__4ed1a {
    font-size: 1rem
}

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

.heading-md\/medium__4ed1a.fontScaling__4ed1a {
    font-size: 1rem
}

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

.heading-md\/semibold__4ed1a.fontScaling__4ed1a {
    font-size: 1rem
}

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

.heading-md\/bold__4ed1a.fontScaling__4ed1a {
    font-size: 1rem
}

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

.heading-md\/extrabold__4ed1a.fontScaling__4ed1a {
    font-size: 1rem
}

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

.heading-lg\/normal__4ed1a.fontScaling__4ed1a {
    font-size: 1.25rem
}

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

.heading-lg\/medium__4ed1a.fontScaling__4ed1a {
    font-size: 1.25rem
}

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

.heading-lg\/semibold__4ed1a.fontScaling__4ed1a {
    font-size: 1.25rem
}

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

.heading-lg\/bold__4ed1a.fontScaling__4ed1a {
    font-size: 1.25rem
}

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

.heading-lg\/extrabold__4ed1a.fontScaling__4ed1a {
    font-size: 1.25rem
}

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

.heading-xl\/normal__4ed1a.fontScaling__4ed1a {
    font-size: 1.5rem
}

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

.heading-xl\/medium__4ed1a.fontScaling__4ed1a {
    font-size: 1.5rem
}

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

.heading-xl\/semibold__4ed1a.fontScaling__4ed1a {
    font-size: 1.5rem
}

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

.heading-xl\/bold__4ed1a.fontScaling__4ed1a {
    font-size: 1.5rem
}

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

.heading-xl\/extrabold__4ed1a.fontScaling__4ed1a {
    font-size: 1.5rem
}

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

.heading-xxl\/normal__4ed1a.fontScaling__4ed1a {
    font-size: 2rem
}

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

.heading-xxl\/medium__4ed1a.fontScaling__4ed1a {
    font-size: 2rem
}

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

.heading-xxl\/semibold__4ed1a.fontScaling__4ed1a {
    font-size: 2rem
}

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

.heading-xxl\/bold__4ed1a.fontScaling__4ed1a {
    font-size: 2rem
}

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

.heading-xxl\/extrabold__4ed1a.fontScaling__4ed1a {
    font-size: 2rem
}

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

.eyebrow__4ed1a.fontScaling__4ed1a {
    font-size: .75rem
}

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

.heading-deprecated-12\/normal__4ed1a.fontScaling__4ed1a {
    font-size: .75rem
}

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

.heading-deprecated-12\/medium__4ed1a.fontScaling__4ed1a {
    font-size: .75rem
}

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

.heading-deprecated-12\/semibold__4ed1a.fontScaling__4ed1a {
    font-size: .75rem
}

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

.heading-deprecated-12\/bold__4ed1a.fontScaling__4ed1a {
    font-size: .75rem
}

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

.heading-deprecated-12\/extrabold__4ed1a.fontScaling__4ed1a {
    font-size: .75rem
}

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

.redesign\/heading-18\/bold__4ed1a.fontScaling__4ed1a {
    font-size: 1.125rem
}

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

.text-xxs\/normal__4ed1a.fontScaling__4ed1a {
    font-size: .625rem
}

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

.text-xxs\/medium__4ed1a.fontScaling__4ed1a {
    font-size: .625rem
}

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

.text-xxs\/semibold__4ed1a.fontScaling__4ed1a {
    font-size: .625rem
}

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

.text-xxs\/bold__4ed1a.fontScaling__4ed1a {
    font-size: .625rem
}

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

.text-xs\/normal__4ed1a.fontScaling__4ed1a {
    font-size: .75rem
}

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

.text-xs\/medium__4ed1a.fontScaling__4ed1a {
    font-size: .75rem
}

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

.text-xs\/semibold__4ed1a.fontScaling__4ed1a {
    font-size: .75rem
}

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

.text-xs\/bold__4ed1a.fontScaling__4ed1a {
    font-size: .75rem
}

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

.text-sm\/normal__4ed1a.fontScaling__4ed1a {
    font-size: .875rem
}

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

.text-sm\/medium__4ed1a.fontScaling__4ed1a {
    font-size: .875rem
}

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

.text-sm\/semibold__4ed1a.fontScaling__4ed1a {
    font-size: .875rem
}

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

.text-sm\/bold__4ed1a.fontScaling__4ed1a {
    font-size: .875rem
}

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

.text-md\/normal__4ed1a.fontScaling__4ed1a {
    font-size: 1rem
}

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

.text-md\/medium__4ed1a.fontScaling__4ed1a {
    font-size: 1rem
}

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

.text-md\/semibold__4ed1a.fontScaling__4ed1a {
    font-size: 1rem
}

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

.text-md\/bold__4ed1a.fontScaling__4ed1a {
    font-size: 1rem
}

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

.text-lg\/normal__4ed1a.fontScaling__4ed1a {
    font-size: 1.25rem
}

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

.text-lg\/medium__4ed1a.fontScaling__4ed1a {
    font-size: 1.25rem
}

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

.text-lg\/semibold__4ed1a.fontScaling__4ed1a {
    font-size: 1.25rem
}

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

.text-lg\/bold__4ed1a.fontScaling__4ed1a {
    font-size: 1.25rem
}

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

.redesign\/message-preview\/normal__4ed1a.fontScaling__4ed1a {
    font-size: .9375rem
}

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

.redesign\/message-preview\/medium__4ed1a.fontScaling__4ed1a {
    font-size: .9375rem
}

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

.redesign\/message-preview\/semibold__4ed1a.fontScaling__4ed1a {
    font-size: .9375rem
}

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

.redesign\/message-preview\/bold__4ed1a.fontScaling__4ed1a {
    font-size: .9375rem
}

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

.redesign\/channel-title\/normal__4ed1a.fontScaling__4ed1a {
    font-size: 1rem
}

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

.redesign\/channel-title\/medium__4ed1a.fontScaling__4ed1a {
    font-size: 1rem
}

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

.redesign\/channel-title\/semibold__4ed1a.fontScaling__4ed1a {
    font-size: 1rem
}

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

.redesign\/channel-title\/bold__4ed1a.fontScaling__4ed1a {
    font-size: 1rem
}

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

.display-sm__4ed1a.fontScaling__4ed1a {
    font-size: 1.25rem
}

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

.display-md__4ed1a.fontScaling__4ed1a {
    font-size: 2.125rem
}

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

.display-lg__4ed1a.fontScaling__4ed1a {
    font-size: 2.75rem
}

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

.code__4ed1a.fontScaling__4ed1a {
    font-size: .75rem
}

.marketingBadgeTooltip__4ed1a {
    margin-inline-start:10px;max-width: 100%;
    position: relative
}

.marketingBadgeTooltipContent__4ed1a {
    display: flex;
    flex-direction: row;
    gap: 4px
}

.shopMarketingTooltipContent__4ed1a {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 8px
}

.shopMarketingTooltipText__4ed1a {
    max-width: 165px
}

.avatarContainer__4ed1a {
    position: relative;
    width: 92px
}

.avatar__4ed1a {
    inset-inline-start: 0;
    position: absolute;
    top: -40px
}

.newBadge__4ed1a {
    align-items: center;
    display: inline-flex;
    z-index: 1
}

.newBadge__4ed1a svg {
    height: revert!important;
    width: revert!important
}

.marketingButtonBackgroundNew__4ed1a {
    border-radius: inherit;
    bottom: 0;
    height: 100%;
    inset-inline-end: 0;
    pointer-events: none;
    position: absolute
}

.marketingButtonBackgroundImage__4ed1a {
    border-radius: inherit;
    height: 100%;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom right;
    object-position: bottom right
}

.marketingButtonBackgroundImageFaded__4ed1a {
    mask-image: linear-gradient(90deg,transparent 0,transparent 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.3) 60%,rgba(0,0,0,.6) 70%,#000 85%,#000);
    -webkit-mask-image: linear-gradient(90deg,transparent 0,transparent 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.3) 60%,rgba(0,0,0,.6) 70%,#000 85%,#000)
}

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

.frequentFriendsHeader__1fc18 {
    align-items: center;
    display: flex;
    margin-bottom: var(--space-8)
}

.frequentFriendsTitle__1fc18 {
    color: var(--channels-default);
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    margin: 0 var(--space-4)
}

.frequentFriendsInfoIcon__1fc18 {
    color: var(--text-muted);
    height: var(--space-12);
    width: var(--space-12)
}

.frequentFriendsAvatars__1fc18 {
    display: flex;
    gap: var(--space-8);
    padding-inline-start:2px}

.scrollMaskLeft__1fc18 {
    inset-inline-start: 0;
    -webkit-mask: linear-gradient(90deg,transparent,#000 20px);
    mask: linear-gradient(90deg,transparent,#000 20px)
}

.scrollMaskRight__1fc18 {
    inset-inline-end: 0;
    -webkit-mask: linear-gradient(270deg,transparent,#000 20px);
    mask: linear-gradient(270deg,transparent,#000 20px)
}

.scrollMaskLeft__1fc18.scrollMaskRight__1fc18 {
    -webkit-mask: linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 20px),transparent);
    mask: linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 20px),transparent)
}

.frequentFriendAvatarButton__1fc18 {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 2px;
    position: relative
}

.countDown__61bcd {
    display: flex
}

.sparkleStar1__61bcd {
    height: 10px;
    margin-top: 9px;
    margin-inline-end:4px;width: 10px
}

.sparkleStar2__61bcd {
    margin-inline-end:2px}

.premiumBadge__6d7da {
    align-items: center;
    border-radius: var(--radius-md);
    display: flex;
    margin-inline-start:auto;padding: 0 6px;
    pointer-events: all;
    text-transform: uppercase
}

.premiumAcknowledgedBadge__6d7da {
    background-color: var(--background-mod-strong)
}

.premiumUnacknowledgedBadge__6d7da {
    background-color: var(--badge-expressive-background-default)
}

.premiumUnacknowledgedBadgeCopy__6d7da {
    color: var(--badge-expressive-text-default)
}

.BadgeClockIcon__6d7da {
    color: var(--icon-subtle);
    margin-inline-end:4px}

.churnDiscountBadge_b65b20 {
    align-items: center;
    border-radius: 12px;
    display: flex;
    margin-inline-start:auto;padding: 0 6px;
    pointer-events: all;
    text-transform: uppercase
}

.churnDiscountAcknowledgedBadge_b65b20 {
    background-color: var(--background-mod-strong)
}

.churnDiscountBadgeIcon_b65b20 {
    color: var(--icon-subtle);
    height: 14px;
    margin-inline-end:4px;width: 14px
}

.badgeContainer__98c7b {
    display: flex;
    flex-direction: row;
    position: relative
}

.newBadge__98c7b {
    align-items: center;
    background-image: linear-gradient(to right,var(--premium-tier-2-purple-for-gradients),var(--premium-tier-2-pink-for-gradients));
    border-radius: 19px;
    display: flex;
    justify-content: center;
    margin-inline-start:auto;padding: 0 6px;
    pointer-events: all;
    text-transform: uppercase
}

.newBadge__98c7b,.star__98c7b {
    color: var(--white)
}

.star__98c7b {
    position: relative
}

.starLeft__98c7b {
    bottom: -6px;
    inset-inline-start: -6px
}

.starRight__98c7b {
    bottom: 0;
    inset-inline-start: -4px
}

.theme-light .starLeft__98c7b {
    color: var(--premium-tier-2-purple-for-gradients)
}

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

.theme-light .customCircleAnimation__83ef9 {
    animation: glow__83ef9 5s ease-in-out infinite,pulse__83ef9 5s ease-in-out infinite;
    transition: stroke-dashoffset .5s ease-out
}

.theme-dark .customCircleAnimation__83ef9 {
    animation: extra-glow__83ef9 5s ease-in-out infinite,pulse__83ef9 5s ease-in-out infinite;
    transition: stroke-dashoffset .5s ease-out
}

@keyframes glow__83ef9 {
    0%,50%,to {
        filter: none
    }

    25%,75% {
        filter: drop-shadow(0 0 5px var(--premium-tier-2-pink-for-gradients-2))
    }
}

@keyframes extra-glow__83ef9 {
    0%,50%,to {
        filter: none
    }

    25%,75% {
        filter: drop-shadow(0 0 2px var(--premium-tier-2-pink-for-gradients-2)) drop-shadow(0 0 2px var(--premium-tier-2-pink-for-gradients-2)) drop-shadow(0 0 5px var(--premium-tier-2-pink-for-gradients-2))
    }
}

@keyframes pulse__83ef9 {
    0%,50%,to {
        stroke-width: 2
    }

    25%,75% {
        stroke-width: 4
    }
}

.iconContainer__83ef9 {
    margin-inline:10px}

.iconContainer__83ef9,.incentiveIconContainer__83ef9 {
    position: relative;
    width: 92px
}

.coachtipContent__83ef9 {
    max-width: 160px
}

.marketingBadgeTooltip__83ef9 {
    margin-inline-start:10px;max-width: 100%;
    position: relative
}

.nitroTabCoachtipContainer__83ef9 {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 8px
}

[data-mana-component=tooltip]:has(.nitroTabCoachtipContainer__83ef9) {
    max-width: none
}

[data-mana-component=tooltip]:has(.nitroTabCoachtipContainer__83ef9)>div {
    overflow: visible
}

.icon__83ef9 {
    scale: 1.6
}

.trialBadgeBackground__83ef9 {
    background-image: linear-gradient(to right,var(--premium-tier-2-purple-for-gradients),var(--premium-tier-2-pink-for-gradients));
    z-index: 2
}

.premiumTabTooltipContainer__83ef9 {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 12px
}

[data-mana-component=tooltip]:has(.premiumTabTooltipContainer__83ef9) {
    max-width: none
}

.premiumTabTooltipImage__83ef9 {
    flex-shrink: 0;
    height: 60px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 60px
}

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

.premiumTrialBadge__94f65 {
    align-items: center;
    border-radius: 12px;
    display: flex;
    margin-inline-start:auto;padding: 0 6px;
    pointer-events: all;
    text-transform: uppercase
}

.premiumTrialAcknowledgedBadge__94f65 {
    background-color: var(--background-mod-strong)
}

.reverseTrialBadgeIcon__94f65 {
    color: var(--icon-subtle);
    height: 14px;
    margin-inline-end:4px;width: 14px
}

.wrapper__553bf {
    isolation: isolate;
    position: relative
}

.withGradientAndBadge__553bf {
    overflow: hidden;
    position: relative
}

.withGradientAndBadge__553bf a {
    color: var(--text-strong)!important
}

.withGradientAndBadge__553bf svg {
    color: var(--icon-strong)!important
}

.withGradientAndBadge__553bf:after {
    background-image: linear-gradient(90deg,#394aff,#e901d9);
    border-radius: inherit;
    bottom: 1px;
    content: "";
    inset-inline: 0;
    opacity: .16;
    position: absolute;
    top: 1px;
    transition: opacity .125s;
    z-index: 0
}

.withGradientAndBadge__553bf:hover:after {
    opacity: .2
}

.badge__553bf {
    position: relative;
    z-index: 2
}

.shine__553bf {
    background-image: linear-gradient(90deg,hsla(0,0%,100%,0) 25%,hsla(0,0%,100%,.7) 50%,hsla(0,0%,100%,0) 75%);
    height: var(--custom-shine-dimensions);
    inset-inline-end: calc(100% + var(--custom-shine-rotated-dimensions-delta));
    transform-origin: 50%;
    width: var(--custom-shine-dimensions);
    z-index: 3
}

.glow__553bf,.shine__553bf {
    pointer-events: none;
    position: absolute;
    top: 50%
}

.glow__553bf {
    background-image: radial-gradient(rgba(221,0,241,.5) 0,rgba(221,0,241,0) 60%);
    height: 150px;
    inset-inline-end: 32px;
    transform: translate(50%,-50%);
    width: 150px;
    z-index: 1
}

.glow__553bf:after {
    background-image: radial-gradient(rgba(241,0,4,.2) 0,rgba(241,0,4,0) 60%);
    content: "";
    display: block;
    height: 100%;
    width: 100%
}

html .tabBadge_e6b769 {
    background-color: var(--background-feedback-notification)
}

.downloadProgressCircle_e6b769 {
    height: 24px;
    margin-inline-start:8px;opacity: 1;
    transition: opacity .2s ease;
    width: 24px
}

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

.privateChannels_e6b769 {
    background: var(--background-gradient-high,var(--background-base-lowest));
    box-sizing: border-box;
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.sectionDivider_e6b769 {
    background-color: var(--border-subtle);
    border: 0;
    box-shadow: border-box;
    height: 1px;
    margin: var(--space-12) var(--space-8);
    width: 100%
}

.searchBar_e6b769 {
    align-items: center;
    border-bottom: 1px solid var(--border-subtle);
    box-shadow: none;
    box-sizing: border-box;
    display: flex;
    flex: 0 0 auto;
    height: var(--custom-channel-header-height);
    padding: 0 var(--space-xs);
    position: relative;
    z-index: 2
}

.searchBar_e6b769 .searchBarComponent_e6b769 {
    background-color: var(--input-background-default);
    border: 1px solid var(--input-border-default);
    border-radius: var(--radius-sm);
    box-shadow: none;
    color: var(--text-muted);
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    height: auto;
    line-height: unset;
    overflow: hidden;
    padding: 10px 12px;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.custom-client-theme .searchBar_e6b769 {
    border-bottom: 1px solid var(--app-frame-border)
}

.searchBarComponent_e6b769 {
    background: var(--background-gradient-high,var(--background-base-lowest))
}

.familyCenterLinkButton_e6b769 {
    padding-inline-end:0!important}

.friendsButtonContainer_e6b769 {
    position: relative
}

.friendsBadge_e6b769 {
    background: linear-gradient(170deg,hsl(var(--black-hsl)/0) 45%,var(--brand-500) 100%)
}

.friendsBadge_e6b769:focus-within,.friendsBadge_e6b769:hover {
    background: linear-gradient(170deg,hsl(var(--black-hsl)/0) 45%,var(--brand-500) 100%)
}

.confetti_e6b769 {
    height: 100%;
    inset-inline-start: var(--space-8);
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.theme-dark.custom-theme-background .themedHeaderMobile_e6b769 {
    background: var(--background-gradient-high,var(--background-base-lower))
}

.theme-dark.custom-theme-background .themedSearchBarMobile_e6b769 {
    background: var(--background-gradient-low,var(--background-base-lower))
}

.theme-light.custom-theme-background .themedHeaderMobile_e6b769 {
    background: var(--background-gradient-low,var(--background-base-lower))
}

.theme-light.custom-theme-background .themedSearchBarMobile_e6b769 {
    background: var(--background-gradient-lower,var(--background-base-lower))
}

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

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

.enable-forced-colors .searchBar_e6b769 {
    border-bottom: 2px solid CanvasText
}

.enable-forced-colors .privateChannels_e6b769 {
    background-color: ButtonFace
}

.familyCenterButtonContainer_e6b769 {
    align-items: center;
    display: flex;
    height: var(--size-24);
    position: relative
}

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

.directMessagesHeader_e6b769 {
    align-items: center;
    border-bottom: 1px solid var(--border-subtle);
    box-sizing: border-box;
    display: flex;
    height: 48px;
    justify-content: space-between;
    padding: 8px 16px;
    padding-inline-end:8px}

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

.directMessagesButton_e6b769:hover {
    background-color: var(--background-mod-subtle)
}

.preAlphaText_e6b769 {
    color: var(--text-brand);
    font-size: var(--size-12);
    font-weight: var(--font-weight-semibold);
    margin-inline-start:var(--space-8)}

.devBanner__56d75 {
    flex-grow: 0;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: var(--font-weight-medium);
    line-height: 24px;
    padding: 0 4px;
    position: relative;
    text-align: center;
    white-space: no-wrap
}

.devBanner__56d75 strong {
    font-weight: var(--font-weight-semibold)
}

.local__56d75 {
    background-color: var(--background-feedback-warning)
}

.local__56d75,.staging__56d75 {
    color: var(--text-default)
}

.staging__56d75 {
    background-color: var(--background-feedback-critical)
}

.buildOverride__56d75 {
    background-color: var(--status-positive-background);
    color: var(--white)
}

.icon__56d75 {
    display: inline-block;
    height: auto;
    margin-inline-end:4px;vertical-align: middle;
    width: 12px
}

.closeButton__56d75 {
    background-position: 50% 55%;
    background-size: 10px 10px;
    cursor: pointer;
    height: 24px;
    inset-inline-end: 0;
    opacity: .5;
    position: absolute;
    top: 3px;
    transition: opacity .2s;
    width: 24px;
    -webkit-app-region: no-drag
}

.closeButton__56d75:hover {
    opacity: 1
}

.closeIcon__56d75 {
    height: 14px;
    width: 14px
}

.listeningAlong_e0cf27 {
    align-items: center;
    background: var(--background-gradient-lowest,var(--background-base-low));
    border-radius: 4px 4px 0 0;
    box-sizing: border-box;
    display: flex;
    flex-shrink: 0;
    padding: 8px;
    width: 100%
}

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

.overflow_e0cf27 {
    cursor: pointer
}

.icons_e0cf27 {
    display: flex;
    margin-inline-start:4px}

.avatar_e0cf27 {
    cursor: pointer;
    height: 20px!important;
    width: 20px!important
}

.userList__24091 {
    border: 1px solid;
    border-radius: 3px;
    min-width: 250px;
    position: relative
}

.userList__24091:before {
    border: 1px solid;
    box-shadow: 2px 2px 4px var(--opacity-black-20);
    content: "";
    height: 8px;
    inset-inline-start: 50%;
    margin-inline-start:-8px;position: absolute;
    top: 100%;
    transform: translate3d(4px,-4px,0) rotate(45deg);
    width: 8px
}

.header__24091 {
    background-color: var(--background-base-lower);
    color: var(--text-default);
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
    padding: 12px;
    text-align: center;
    text-transform: uppercase
}

.content__24091 {
    background-color: var(--background-base-lowest);
    max-height: 260px
}

.user__24091 {
    font-size: 14px;
    padding: 10px
}

.discriminator__24091 {
    color: var(--text-muted);
    font-size: 14px
}

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

.avatar__24091 {
    height: 20px!important;
    width: 20px!important
}

.theme-dark .userList__24091 {
    border-color: var(--primary-700)
}

.theme-dark .userList__24091:before {
    border-bottom-color: var(--primary-700);
    border-inline-end-color:var(--primary-700)}

.theme-light .userList__24091 {
    border-color: var(--primary-100)
}

.theme-light .userList__24091:before {
    border-bottom-color: var(--primary-100);
    border-inline-end-color:var(--primary-100)}

.userList__24091: before {
    background-color:var(--background-base-lowest);
    border-color: transparent
}

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

.root_e373d2 {
    border-start-end-radius: 8px;
    border-start-start-radius: 8px;
    box-sizing: border-box;
    display: flex;
    height: 32px;
    justify-content: center;
    padding: 8px
}

.root_e373d2.connected_e373d2 {
    background-color: var(--status-positive-background)
}

.root_e373d2.connected_e373d2 .icon_e373d2 {
    color: var(--white)
}

.root_e373d2.connecting_e373d2 {
    background-color: var(--background-mod-normal);
    border-bottom: 1px solid var(--border-subtle)
}

.icon_e373d2 {
    color: var(--interactive-text-active);
    height: 16px;
    margin-inline-end:8px;width: 16px
}

.scroller__68617 {
    margin-inline:-3px -7px;max-height: 132px;
    min-height: 24px;
    padding-block:4px;padding-inline:4px 0;padding-bottom: 0;
    padding-top: 0
}

.scroller__68617.expanded__68617 {
    margin-bottom: 4px
}

.voiceUsers__68617 {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    width: 100%
}

.voiceUsers__68617.collapsed__68617 {
    flex-wrap: nowrap
}

.avatarContainer__68617 {
    border-radius: 50%;
    flex-shrink: 0;
    overflow: hidden
}

.avatar__68617 {
    background-size: 100%;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    height: 24px;
    width: 24px
}

.avatarIconOverlay__68617 {
    background-color: var(--opacity-black-28);
    color: var(--white);
    padding: 4px
}

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

.layers__960e4 {
    overflow: hidden;
    position: relative
}

.layers__960e4>.layer__960e4 {
    display: flex;
    flex-direction: column;
    inset: 0;
    overflow: hidden;
    position: absolute
}

.layers__960e4>.layer__960e4.animating__960e4 {
    pointer-events: none
}

.layers__960e4>.layer__960e4.animating__960e4 * {
    pointer-events: none!important
}

.bg__960e4 {
    background: var(--background-gradient-app-frame,var(--background-base-lowest));
    inset: 0;
    position: absolute
}

.refresh-fast-follow-guild-bg .bg__960e4 {
    background: var(--background-gradient-app-frame,var(--app-frame-background))
}

.platform-win .layer__960e4 {
    padding-top: 22px;
    top: -22px
}

.platform-win .bg__960e4 {
    top: -22px
}

.stop-animations * {
    animation: none!important__960e4;
    transition-property: none!important
}

.layer__960e4 {
    background-color: var(--background-base-low)
}

.layer__960e4.baseLayer__960e4 {
    background-color: transparent
}

.app__160d8 {
    background-color: var(--background-base-lowest);
    display: flex;
    flex-direction: column;
    inset: 0;
    position: absolute
}

.app__160d8 button {
    cursor: pointer
}

.layers__160d8 {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    overflow: hidden
}

.verifiedRole_e59759 {
    align-items: center;
    border: 2px solid var(--border-subtle);
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    gap: 12px;
    padding: 20px 16px;
    position: relative
}

.verifiedRole_e59759:hover {
    border-color: var(--border-muted)
}

.verifiedRoleNameDescriptionContainer_e59759 {
    flex: 2;
    overflow: hidden
}

.verifiedRoleDescription_e59759,.verifiedRoleName_e59759 {
    overflow: hidden;
    text-overflow: ellipsis
}

.verifiedRoleDescription_e59759 {
    margin-top: 4px
}

.verifiedRoleHasRole_e59759 {
    background-color: var(--background-base-lowest);
    border: 2px solid var(--background-base-lowest);
    cursor: unset
}

.verifiedRoleHasRole_e59759:hover {
    border-color: var(--background-base-lowest)
}

.roleCheckmark_e59759 {
    background-color: var(--brand-500);
    border-radius: 50%;
    color: var(--white);
    inset-inline-end: -8px;
    position: absolute;
    top: -8px
}

.botAvatar_e59759,.roleCheckmark_e59759,.roleCheckmark_e59759 svg {
    height: 20px;
    width: 20px
}

.botAvatar_e59759 {
    padding: 2px
}

.firefoxFixScrollFlex_efbae7 {
    min-height: 0
}

.fixClipping_efbae7 {
    transform: translateZ(0)
}

.full-motion .spinner_a2f514 {
    transition: all var(--connecting-content-fade-duration,.15s) ease-out;
    transition-property: opacity,transform
}

.container_a2f514 {
    align-items: center;
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    z-index: 3000;
    background: var(--background-gradient-lower,var(--background-base-lowest));
    opacity: 1;
    overflow: hidden;
    transition: opacity var(--connecting-container-fade-duration,.2s) ease-out
}

.container_a2f514[data-fade=true],.container_a2f514[data-fade=true] .text_a2f514 {
    opacity: 0
}

.container_a2f514 img,.container_a2f514 video {
    height: 200px;
    width: 200px
}

.container_a2f514 video {
    visibility: hidden
}

.container_a2f514 video.ready_a2f514 {
    visibility: visible
}

.full-motion .container_a2f514[data-fade=true] .spinner_a2f514 {
    opacity: 0;
    transform: scale(.5)
}

.platform-win .container_a2f514 {
    padding-top: 22px;
    top: -22px
}

.content_a2f514 {
    text-align: center
}

.problems_a2f514 {
    align-items: center;
    color: var(--text-strong);
    inset-inline: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    padding-bottom: 32px;
    position: absolute;
    transform: translate3d(0,100%,0)
}

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

.problems_a2f514.slideIn_a2f514 {
    transform: translateZ(0)
}

.problemsText_a2f514 {
    color: var(--text-default);
    font-size: 14px;
    margin-bottom: 8px
}

.links_a2f514 {
    font-size: 16px;
    font-weight: var(--font-weight-medium);
    line-height: 16px
}

.links_a2f514:hover {
    opacity: .8
}

.links_a2f514:before {
    content: "";
    display: inline-block;
    margin-inline-end:6px;vertical-align: bottom
}

.statusLink_a2f514,.twitterLink_a2f514 {
}

.statusLink_a2f514 {
    margin-inline-start:20px}

.icon_a2f514 {
    color: var(--text-link);
    display: inline-block;
    height: auto;
    margin-inline-end:4px;vertical-align: middle;
    width: 16px
}

.contentBase_a2f514 {
    color: var(--text-default);
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    line-height: 16px;
    max-width: 600px
}

.text_a2f514 {
    position: relative;
    top: -20px;
    transition: opacity var(--connecting-content-fade-duration,.2s) ease-out
}

.tipTitle_a2f514 {
    color: var(--text-strong);
    font-size: 12px;
    font-weight: var(--font-weight-semibold);
    line-height: 16px;
    margin-bottom: 8px;
    text-transform: uppercase
}

.tip_a2f514,.tipTitle_a2f514 {
    max-width: 300px
}

.tip_a2f514 {
    color: var(--text-default);
    font-size: 16px;
    line-height: 20px
}

.keybind_a2f514 {
    display: inline-flex;
    margin-inline-end:-2px;margin-bottom: 0;
    transform: translateY(-1px)
}

.body_a2f514,.title_a2f514 {
}

.title_a2f514 {
    color: var(--text-strong);
    font-size: 16px;
    font-style: italic;
    line-height: 20px;
    margin-bottom: 10px;
    text-transform: uppercase
}

.channelName__7c7a6 {
    margin-block:0 8px;margin-inline:8px 0}

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

.kvContainer__7c7a6 {
    flex-wrap: wrap
}

.item__7c7a6 {
    color: var(--text-strong);
    margin-bottom: 20px
}

.item__7c7a6,.itemValue__7c7a6 {
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.itemValue__7c7a6 {
    color: var(--text-muted);
    display: inline-block;
    line-height: 24px;
    max-width: 310px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.valueIcon__7c7a6 {
    float: inline-start;
    position: relative;
    top: -1px
}

.title__7c7a6 {
    cursor: default;
    flex: 1;
    font-size: 16px;
    font-weight: var(--font-weight-semibold);
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    word-wrap: break-word
}

.divider__7c7a6,.graph__7c7a6 {
    margin-top: 4px
}

.videoWrapper__7c7a6 {
    height: 180px;
    width: 320px
}

.sectionHeader__7c7a6 {
    font-size: 24px;
    margin-bottom: 8px
}

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

.channelItem__7c7a6 {
    margin-inline-start:-8px;margin-bottom: 8px
}

.avatar__7c7a6 {
    height: 20px!important;
    top: -2px;
    width: 20px!important
}

.theme-dark .videoPreview__7c7a6 {
    border: 1px solid var(--primary-700)
}

.theme-light .videoPreview__7c7a6 {
    border: 1px solid var(--primary-200)
}

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

.tabBar__7c7a6 {
    margin-bottom: 16px
}

.button__95fb7 {
    min-height: 40px;
    min-width: 137px
}

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

.nitroIconSubHeader__95fb7 {
    height: 16px;
    margin-inline-end:4px;width: 16px
}

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

.termsApplyAnchor__95fb7:hover {
    text-decoration: none
}

.modalTopPill__95fb7 {
    inset-inline-start: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%,-50%)
}

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

.root_d06335 {
    background: var(--background-surface-high);
    max-height: -moz-fit-content;
    max-height: fit-content;
    overflow: auto;
    position: relative;
    width: 716px
}

.root_d06335.largeBorderRadius_d06335 {
    border-radius: var(--radius-lg)
}

.splash_d06335 {
    position: absolute;
    top: 31%
}

.headerText_d06335 {
    color: var(--text-strong);
    font-size: 32px;
    font-style: italic;
    font-weight: 900;
    letter-spacing: -.64px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    width: 620px
}

.closeButtonContainer_d06335 {
    color: var(--interactive-text-default);
    cursor: pointer;
    inset-inline-end: var(--space-8);
    position: absolute;
    top: var(--space-8);
    z-index: 5
}

.video_d06335 {
    border-radius: 16px;
    height: 349px;
    width: 620px
}

.content_d06335 {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--space-24);
    padding: 48px 44px;
    word-break: break-word
}

.subHeader_d06335 {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    max-width: 480px
}

.bodyText_d06335,.subHeader_d06335 {
    color: var(--text-strong);
    text-align: center
}

.bodyText_d06335 {
    margin-bottom: -8px;
    max-width: 500px
}

.buttonContainer_d06335 {
    margin-top: var(--space-8)
}

.featureCardGroup_d06335 {
    color: var(--text-strong);
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.featureCardGroup_d06335.wideStyle_d06335 {
    -moz-column-gap: 10px;
    column-gap: 10px;
    margin-inline-start:16px;row-gap: 10px
}

.featureCard_d06335 {
    align-items: center;
    background: var(--background-surface-highest);
    border-radius: var(--radius-lg);
    display: flex;
    flex-direction: column;
    min-height: 140px;
    padding: var(--space-20);
    position: relative;
    width: 159px
}

.featureCard_d06335.wideStyle_d06335 {
    flex-direction: row;
    justify-content: center;
    width: 317px
}

.featureCardImg_d06335 {
    height: 80px;
    width: 120px
}

.featureCardImg_d06335.wideStyle_d06335 {
    height: 111px;
    padding: 0 16px;
    width: 88px
}

.featureCardTextGroup_d06335 {
    display: flex;
    flex-direction: column;
    margin-top: var(--space-16);
    text-align: start;
    width: 100%
}

.featureCardTextHeader_d06335 {
    padding-bottom: 4px
}

.featureCardTag_d06335 {
    background: var(--custom-premium-colors-premium-gradient-tier-2);
    border-radius: 10px;
    color: #fff;
    inset-inline-start: 16px;
    position: absolute;
    top: -8px
}

.tag_d06335 {
    background-color: var(--brand-500);
    font-size: 12px;
    line-height: 16px;
    padding: 0 6px
}

.container__577c3 {
    background-color: var(--background-mod-muted);
    border-radius: var(--radius-sm);
    padding: var(--space-20)
}

.links__577c3 {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
    list-style: none
}

.link__577c3 {
    align-items: center;
    color: var(--text-link);
    display: flex;
    gap: var(--space-4)
}

.description__577c3 {
    text-align: center
}

/*# sourceMappingURL=0fe7a252fcb6f0c6.css.map*/