DiscordClone/discord-html-copy/css/076e97f00ed91b8f.css

.left_caab99 {
    transform: rotate(270deg)
}

.right_caab99 {
    transform: rotate(90deg)
}

.down_caab99 {
    transform: rotate(180deg)
}

.downRight_caab99 {
    transform: rotate(135deg)
}

.upLeft_caab99 {
    transform: rotate(315deg)
}

.normalStylesDefault_a1443c {
    --custom-poll-style-vote-background: var(--background-base-lowest);
    --custom-poll-style-vote-percentage: var(--interactive-background-active);
    --custom-poll-style-label: var(--text-default);
    --custom-poll-style-border: transparent
}

.normalStylesImageOnlyAnswers_a1443c {
    --custom-poll-style-image-background: var(--polls-normal-image-background)
}

.victorStyles_a1443c {
    --custom-poll-style-vote-percentage: var(--polls-victor-fill);
    --custom-poll-style-image-background: var(--background-feedback-warning);
    --custom-poll-style-border: var(--status-positive)
}

.votedStyles_a1443c {
    --custom-poll-style-vote-percentage: var(--polls-voted-fill);
    --custom-poll-style-image-background: var(--background-feedback-positive);
    --custom-poll-style-border: var(--control-brand-foreground)
}

.container__09ccc {
    background-color: var(--background-surface-high);
    border-radius: 4px;
    box-shadow: var(--shadow-border),var(--shadow-high);
    margin-top: 4px;
    max-width: 250px;
    overflow: hidden;
    padding: 8px 8px 4px
}

.search__09ccc {
    margin: 0 8px 8px
}

.roles__09ccc {
    max-height: 300px;
    overflow-y: scroll;
    padding: 0 8px 8px
}

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

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

.role__09ccc.disabled__09ccc {
    opacity: .5
}

.role__09ccc.disabled__09ccc:hover {
    background-color: var(--background-surface-high)
}

.label__09ccc {
    color: var(--text-default);
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    line-height: 18px;
    margin-inline-end:8px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.iconContainer__09ccc {
    border: 2px solid var(--interactive-text-default);
    border-radius: 4px;
    display: flex;
    flex-shrink: 0;
    height: 16px;
    width: 16px
}

.iconContainer__09ccc.checked__09ccc {
    background-color: var(--brand-500);
    border-color: var(--brand-500)
}

.settingsWrapper_c9e42f {
    background-color: var(--brand-600);
    inset-inline-end: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000
}

.settingsWrapper_c9e42f.osx_c9e42f .backButton_c9e42f {
    margin-inline-start:76px}

.settingsWrapper_c9e42f.windows_c9e42f {
    top: 22px
}

.settingsWrapper_c9e42f.windows_c9e42f .backButton_c9e42f {
    margin-inline-start:0}

.backButton_c9e42f {
    position: absolute
}

.notice_c9e42f {
    background-color: var(--brand-600);
    color: var(--white);
    height: 40px;
    justify-content: space-between;
    padding: 0 8px
}

.notice_c9e42f,.noticeContents_c9e42f {
    align-items: center;
    display: flex
}

.noticeContents_c9e42f {
    flex: 1 1 auto;
    justify-content: center
}

.noticeText_c9e42f {
    font-weight: var(--font-weight-semibold)
}

.previewWarning_c9e42f {
    line-height: 0;
    margin-inline-start:8px}

.button_c9e42f {
    align-items: center;
    font-size: 12px;
    font-weight: var(--font-weight-semibold);
    height: -moz-fit-content;
    height: fit-content;
    line-height: 16px;
    margin-inline-start:16px;padding: 4px 8px
}

.button_c9e42f:hover {
    background-color: var(--brand-530)
}

.buttonInner_c9e42f {
    display: flex
}

.backArrow_c9e42f {
    margin-inline-end:8px}

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

.closeButton_c9e42f {
    background: url(/assets/26a3dd69161dbf47.svg) no-repeat;
    background-position: 50% 55%;
    background-size: 10px 10px;
    cursor: pointer;
    height: 36px;
    inset-inline-end: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    transition: opacity .2s;
    width: 36px;
    -webkit-app-region: no-drag
}

.closeButton_c9e42f:hover {
    opacity: 1
}

.rolesList_c9e42f {
    align-items: flex-start;
    background-color: var(--background-surface-high);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px
}

.badge__436c9 {
    align-items: center;
    border-radius: 4px;
    color: var(--white);
    display: flex;
    gap: 6px;
    justify-content: center;
    padding: 4px 8px
}

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

.productCard__8d9f6 {
    position: relative
}

.productCardClickable__8d9f6 {
    background: var(--background-base-lower);
    border-radius: 8px;
    cursor: pointer;
    overflow: hidden
}

.productThumbnail__8d9f6 {
    grid-area: 1/1/2/3;
    height: 190px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.productInfo__8d9f6 {
    align-self: start;
    display: flex;
    flex-direction: row;
    padding: 16px
}

.productInfoContent__8d9f6 {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden
}

.productName__8d9f6 {
    max-width: 100%;
    overflow: hidden;
    padding-inline-end:16px;text-overflow: ellipsis;
    white-space: nowrap
}

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

.dotSeparator__8d9f6 {
    background-color: var(--text-muted);
    border-radius: 50%;
    flex-shrink: 0;
    height: 4px;
    width: 4px
}

.productActionMenuButton__8d9f6 {
    cursor: pointer;
    height: 24px;
    margin-inline-end:-8px;width: 24px;
    z-index: 100
}

.productActionMenuButton__8d9f6 .productActionMenuIcon__8d9f6 {
    color: var(--interactive-text-default)
}

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

.menuContainer__8d9f6 {
    margin-top: 6px
}

.disabled__8d9f6 {
    cursor: not-allowed;
    opacity: .5
}

.container__06f11 {
    border-radius: 12px;
    box-sizing: border-box;
    -webkit-mask-image: radial-gradient(circle,#fff 100%,#000 0);
    mask-image: radial-gradient(circle,#fff 100%,#000 0);
    overflow: hidden;
    padding: var(--custom-aspect-stable-image-container-padding);
    width: 100%
}

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

.imageContainer__06f11 {
    height: 100%
}

.image__06f11 {
    border-radius: 12px;
    box-shadow: var(--shadow-high);
    height: auto;
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    position: relative;
    width: auto
}

.backgroundImage__06f11,.backgroundImageFilter__06f11 {
    display: block;
    height: 100%;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.backgroundImage__06f11 {
    -o-object-fit: cover;
    object-fit: cover;
    transform: scale(1.5)
}

.backgroundImageFilter__06f11 {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: rgba(28,27,37,.9)
}

.loader__06f11 {
    position: absolute
}

.root__48c1c {
    flex-wrap: wrap;
    margin-top: 2px;
    position: relative
}

.role__48c1c,.root__48c1c {
    display: flex
}

.role__48c1c {
    align-items: center;
    background: var(--background-mod-normal);
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: var(--font-weight-medium);
    height: 22px;
    margin-block:0 4px;margin-inline:0 4px;padding: 4px
}

.roleRemoveButton__48c1c {
    position: relative
}

.roleRemoveButtonCanRemove__48c1c {
    cursor: pointer
}

.roleDot__48c1c {
    font-size: 1.34em
}

.roleFlowerStar__48c1c {
    margin: 0 4px
}

.roleRemoveIcon__48c1c {
    display: none;
    height: 10px;
    inset-inline-start: 50%;
    margin-block:-5px 0;margin-inline:-5px 0;position: absolute;
    top: 50%;
    width: 10px
}

.role__48c1c:focus .roleRemoveIcon__48c1c,.role__48c1c:hover .roleRemoveIcon__48c1c,.roleRemoveIconFocused__48c1c .roleRemoveIcon__48c1c {
    display: block
}

.role__48c1c:focus .roleVerifiedIcon__48c1c,.role__48c1c:hover .roleVerifiedIcon__48c1c,.roleRemoveIconFocused__48c1c .roleVerifiedIcon__48c1c {
    display: none
}

.roleName__48c1c {
    margin-inline-end:4px;max-width: 200px;
    overflow: hidden
}

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

.actionButton__48c1c {
    color: var(--interactive-text-active);
    font-size: 11px;
    justify-content: center;
    line-height: 11px
}

.overflowButton__48c1c {
    padding: 4px 8px
}

.addButton__48c1c {
    padding: 4px 5px
}

.addButtonIcon__48c1c {
    cursor: pointer;
    height: 14px;
    width: 14px
}

.overflowRolesPopout__48c1c {
    background-color: var(--background-mod-normal);
    border-radius: 3px;
    box-shadow: var(--legacy-elevation-high),var(--legacy-elevation-border);
    padding: 8px;
    width: 200px
}

.overflowRolesPopoutArrowWrapper__48c1c {
    height: 12px;
    margin-inline-start:-8px;overflow: hidden;
    width: 16px
}

.overflowRolesPopoutArrow__48c1c {
    background-color: var(--background-mod-normal);
    box-shadow: var(--legacy-elevation-high),var(--legacy-elevation-border);
    height: 8px;
    transform: rotate(45deg);
    width: 8px
}

.popoutBottom__48c1c .overflowRolesPopoutArrowWrapper__48c1c {
    bottom: 100%;
    inset-inline-start: 50%;
    position: absolute
}

.popoutBottom__48c1c .overflowRolesPopoutArrow__48c1c {
    bottom: -4px;
    inset-inline-start: 4px;
    position: absolute
}

.popoutTop__48c1c .overflowRolesPopoutArrowWrapper__48c1c {
    inset-inline-start: 50%;
    position: absolute;
    top: 100%
}

.popoutTop__48c1c .overflowRolesPopoutArrow__48c1c {
    inset-inline-start: 4px;
    position: absolute;
    top: -4px
}

.overflowRolesPopoutHeader__48c1c {
    margin-bottom: 8px
}

.overflowRolesPopoutHeaderIcon__48c1c {
    height: 12px;
    margin-inline-end:4px;width: 12px
}

.overflowRolesPopoutHeaderText__48c1c {
    color: var(--primary-400);
    font-size: 12px;
    font-weight: var(--font-weight-bold);
    text-transform: uppercase
}

.theme-dark .overflowRolesPopout__48c1c {
    color: var(--opacity-white-80)
}

.theme-light .overflowRolesPopout__48c1c {
    color: hsl(var(--primary-500-hsl)/.8)
}

.roleIcon__48c1c {
    margin-inline-end:4px;vertical-align: middle
}

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

.enable-forced-colors .actionButton__48c1c {
    color: ButtonText
}

.enable-forced-colors .roleRemoveIcon__48c1c {
    background-color: ButtonFace;
    border-radius: 100%;
    color: ButtonText;
    padding: 2px
}

.enable-forced-colors .roleRemoveIcon__48c1c path {
    fill: ButtonText!important
}

.tile__72090 {
    background-color: var(--background-surface-high);
    border-radius: 5px;
    box-shadow: 0 0 0 hsl(var(--primary-700-hsl)/.15);
    display: flex;
    flex-direction: column;
    min-height: 370px;
    overflow: hidden;
    transform: translateZ(0);
    transition: background-color .2s ease,box-shadow .2s ease
}

.tile__72090:hover {
    background-color: var(--background-surface-higher)
}

.tileHorizontal__72090 {
    align-items: stretch;
    flex-direction: row-reverse;
    min-height: 0;
    width: 660px
}

.title__72090 {
    flex: 0 1 auto;
    font-size: 18px;
    font-weight: var(--font-weight-semibold);
    line-height: 1.2
}

.tagline__72090 {
    color: var(--text-default);
    flex: 1 1 auto;
    font-size: 15px;
    line-height: 1.3;
    margin-top: 8px;
    overflow: hidden
}

.actions__72090 {
    flex: 0 1 auto;
    justify-self: flex-end;
    margin-top: 12px
}

.media__72090 {
    position: relative
}

.mediaHorizontal__72090 {
    align-items: center;
    display: flex;
    flex: 0 0 305px
}

.description__72090 {
    color: var(--text-strong);
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 12px;
    position: relative
}

.embedHorizontal_a8b53f {
    height: 173px
}

.embedVertical_a8b53f {
    height: 300px;
    min-height: auto;
    width: 240px
}

@keyframes loading_a8b53f {
    0% {
        transform: translate3d(calc(var(--custom-responsive-embed-tile-loading-background-width)*-1),0,0)
    }

    50% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(calc(var(--custom-responsive-embed-tile-loading-background-width)*-1),0,0)
    }
}

.loadingDescription_a8b53f {
    align-items: center;
    display: flex;
    flex: 1
}

.loadingBackgroundWrapper_a8b53f {
    height: 165px;
    margin-top: 16px;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='271' height='165'><path fill='#000000' fill-rule='evenodd' d='M5 0h120c2.761424 0 5 2.23857625 5 5v10c0 2.7614237-2.238576 5-5 5H5c-2.76142375 0-5-2.2385763-5-5V5c0-2.76142375 2.23857625-5 5-5zm0 30h244c2.761424 0 5 2.2385763 5 5v10c0 2.7614237-2.238576 5-5 5H5c-2.76142375 0-5-2.2385763-5-5V35c0-2.7614237 2.23857625-5 5-5zm0 30h180c2.761424 0 5 2.2385763 5 5v10c0 2.7614237-2.238576 5-5 5H5c-2.76142375 0-5-2.2385763-5-5V65c0-2.7614237 2.23857625-5 5-5zm-2 60h60c1.6568542 0 3 1.343146 3 3v26c0 1.656854-1.3431458 3-3 3H3c-1.65685425 0-3-1.343146-3-3v-26c0-1.656854 1.34314575-3 3-3z'/></svg>");
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='271' height='165'><path fill='#000000' fill-rule='evenodd' d='M5 0h120c2.761424 0 5 2.23857625 5 5v10c0 2.7614237-2.238576 5-5 5H5c-2.76142375 0-5-2.2385763-5-5V5c0-2.76142375 2.23857625-5 5-5zm0 30h244c2.761424 0 5 2.2385763 5 5v10c0 2.7614237-2.238576 5-5 5H5c-2.76142375 0-5-2.2385763-5-5V35c0-2.7614237 2.23857625-5 5-5zm0 30h180c2.761424 0 5 2.2385763 5 5v10c0 2.7614237-2.238576 5-5 5H5c-2.76142375 0-5-2.2385763-5-5V65c0-2.7614237 2.23857625-5 5-5zm-2 60h60c1.6568542 0 3 1.343146 3 3v26c0 1.656854-1.3431458 3-3 3H3c-1.65685425 0-3-1.343146-3-3v-26c0-1.656854 1.34314575-3 3-3z'/></svg>");
    -webkit-mask-size: 100%;
    mask-size: 100%;
    position: relative
}

.loadingBackgroundWrapper_a8b53f,.loadingBackgroundWrapperHorizontal_a8b53f {
    width: var(--custom-responsive-embed-tile-loading-background-width)
}

.loadingBackgroundWrapperHorizontal_a8b53f {
    height: 141px;
    margin-top: 8px;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='271' height='141'><g fill='#000000' fill-rule='evenodd'><rect width='130' height='20' rx='5'/><rect width='254' height='20' y='30' rx='5'/><rect width='190' height='20' y='60' rx='5'/><rect width='66' height='32' y='102' rx='3'/></g></svg>");
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='271' height='141'><g fill='#000000' fill-rule='evenodd'><rect width='130' height='20' rx='5'/><rect width='254' height='20' y='30' rx='5'/><rect width='190' height='20' y='60' rx='5'/><rect width='66' height='32' y='102' rx='3'/></g></svg>")
}

.loadingImage_a8b53f {
    background-color: var(--background-base-lowest);
    padding-top: 56%;
    width: 100%
}

.loadingImageHorizontal_a8b53f {
    height: 100%;
    padding: 0
}

.loadingBackground_a8b53f {
    animation: loading_a8b53f 4s ease-in-out infinite;
    bottom: 0;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    width: calc(var(--custom-responsive-embed-tile-loading-background-width)*2)
}

.images-light .loadingBackground_a8b53f {
    background-image: linear-gradient(to right,var(--primary-100),var(--primary-200),var(--primary-100))
}

.images-dark .loadingBackground_a8b53f {
    background-image: linear-gradient(to right,var(--primary-600),var(--primary-500),var(--primary-600))
}

.embedHorizontal_a8b53f,.embedVertical_a8b53f {
    background-color: var(--background-surface-high);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    padding: var(--space-4)
}

.playButton__0cb56 {
    padding-inline:0}

.playButtonContents__0cb56 {
    align-items: center;
    display: flex;
    flex-grow: 1
}

.disabledButtonWrapper__0cb56 {
    position: relative
}

.disabledButtonOverlay__0cb56 {
    inset: 0;
    position: absolute
}

.disabledButtonColor__0cb56 {
    background-color: hsl(var(--primary-800-hsl)/.5);
    color: hsl(var(--primary-100-hsl)/.5);
    opacity: 1
}

.buttonText__0cb56 {
    flex-grow: 1;
    padding: 2px 16px
}

.dropdownArrowHitbox__0cb56 {
    align-items: center;
    display: flex;
    height: 100%;
    width: 32px;
    z-index: 2
}

.arrowSeparator__0cb56 {
    background-color: currentColor;
    height: 24px;
    opacity: .2;
    width: 1px
}

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

.dropdownArrowHitbox__0cb56:hover .dropdownArrow__0cb56 {
    opacity: 1
}

.buttonWithProgress__61462 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 4px
}

.progress__61462 {
    width: 100%
}

.disabledButtonWrapper__61462 {
    position: relative
}

.disabledButtonOverlay__61462 {
    inset: 0;
    position: absolute
}

.disabledButtonColor__61462 {
    background-color: hsl(var(--primary-800-hsl)/.5);
    color: var(--text-strong);
    opacity: 1
}

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

.icon_c7dbcb {
    height: 20px;
    margin-inline-end:4px;width: 20px
}

.salePercentage_c7dbcb {
    background-color: var(--green-360);
    border-radius: 3px;
    color: var(--white);
    padding: 4px 6px
}

.originalAmount_c7dbcb {
    color: var(--primary-300);
    text-decoration: line-through
}

.directoryTilePrice_c7dbcb {
    font-size: 16px;
    font-weight: var(--font-weight-medium)
}

.directoryTilePrice_c7dbcb .originalAmount_c7dbcb,.directoryTilePrice_c7dbcb .salePercentage_c7dbcb {
    margin-inline-end:6px}

.directoryHeroPrice_c7dbcb {
    font-size: 16px
}

.directoryHeroPrice_c7dbcb .originalAmount_c7dbcb,.directoryHeroPrice_c7dbcb .salePercentage_c7dbcb {
    margin-inline-end:6px}

.directoryHeroPricePremium_c7dbcb {
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: var(--font-weight-medium)
}

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

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

.directorySearchPrice_c7dbcb .icon_c7dbcb {
    height: 16px;
    width: 16px
}

.directorySearchPrice_c7dbcb .originalAmount_c7dbcb,.directorySearchPrice_c7dbcb .salePercentage_c7dbcb {
    margin-inline-end:6px}

.listingPrice_c7dbcb {
    color: var(--primary-100);
    font-size: 32px;
    font-weight: var(--font-weight-medium);
    line-height: 36px
}

.listingPrice_c7dbcb .salePercentage_c7dbcb {
    color: var(--white);
    font-size: 16px;
    margin-inline-start:10px}

.listingPrice_c7dbcb .originalAmount_c7dbcb {
    font-size: 15px
}

.embedPrice_c7dbcb {
    color: var(--text-default);
    font-size: 16px;
    font-weight: var(--font-weight-medium)
}

.embedPrice_c7dbcb .originalAmount_c7dbcb,.embedPrice_c7dbcb .salePercentage_c7dbcb {
    margin-inline-end:6px}

.embedPrice_c7dbcb .salePercentage_c7dbcb {
    background-color: var(--background-surface-high)
}

.theme-light .directoryHeroPrice_c7dbcb .originalAmount_c7dbcb,.theme-light .directoryHeroPricePremium_c7dbcb .originalAmount_c7dbcb {
    color: var(--primary-400)
}

.directoryHeroPrice_c7dbcb,.directoryHeroPricePremium_c7dbcb {
    color: var(--text-default)
}

.OSSection_f28827 {
    display: flex;
    justify-content: flex-end
}

.purchaseUnitOperatingSystem_f28827 {
    color: var(--primary-500);
    margin-inline-start:4px}

.tag_d0ccaf {
    padding: 6px 12px
}

.tag_d0ccaf:before {
    background-image: url(/assets/609367095f652a43.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0
}

.text_d0ccaf {
    color: var(--white);
    display: block;
    font-size: 13px;
    font-weight: var(--font-weight-semibold);
    position: relative;
    text-transform: uppercase
}

.tag__6c02d {
    padding: 6px 12px
}

.tag__6c02d:before {
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0
}

.text__6c02d {
    color: var(--white);
    display: block;
    font-size: 13px;
    font-weight: var(--font-weight-semibold);
    position: relative;
    text-transform: uppercase
}

.tag__6c02d {
    background-image: linear-gradient(to right,var(--premium-tier-1-blue),var(--premium-tier-1-purple))
}

.tag__6c02d:before {
    background-image: url(/assets/df3df6cdf0dd1991.svg)
}

.centeringContainer__0d97c {
    align-items: center;
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    min-height: 126px
}

.titleContainer__0d97c {
    background-image: url(/assets/df31f184a2abb737.png);
    box-sizing: border-box;
    color: var(--white);
    font-size: 20px;
    padding: 8px 10px;
    text-align: center
}

.loadingContainer__0d97c,.titleContainer__0d97c {
}

.slideshowWrapper__0d97c {
    height: 100%
}

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

.imageLoading__0d97c {
    visibility: hidden
}

.splash__0d97c {
    -o-object-position: top;
    object-position: top
}

.splash__0d97c,.splashPlaceholder__0d97c {
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: middle;
    width: 100%
}

.splashPlaceholder__0d97c {
    height: 100%
}

.muteContainer__0d97c {
    align-items: center;
    background: var(--opacity-black-28);
    border-radius: 50%;
    bottom: 0;
    display: flex;
    height: 24px;
    inset-inline-end: 0;
    justify-content: center;
    margin-block:0 10px;margin-inline:0 10px;opacity: 0;
    padding: 4px;
    pointer-events: all;
    position: absolute;
    transition: opacity .4s ease;
    width: 24px;
    z-index: 2
}

.muteContainerPlaying__0d97c {
    opacity: 1
}

.muteContainerMediaOverlay__0d97c {
    inset-inline-end: 0;
    margin-block:0;margin-inline:0 10px;position: absolute;
    top: 86px
}

.mute__0d97c {
    color: var(--white);
    height: 20px;
    width: 20px
}

.theme-dark .loadingContainer__0d97c {
    background-color: var(--opacity-black-40)
}

.theme-light .loadingContainer__0d97c {
    background-color: var(--opacity-white-40)
}

.theme-light .spinnerItem__0d97c {
    background-color: var(--primary-800)
}

.splashContainer__0bef9 {
    margin: 0;
    max-height: 60%;
    overflow: hidden;
    padding-top: 56%;
    pointer-events: none;
    position: relative
}

.splashContainerHorizontal__0bef9 {
    flex: 1;
    height: 100%;
    max-height: none;
    padding-top: 0
}

.priceOs__0bef9 {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.platform__0bef9 {
    opacity: 1;
    transition: opacity .4s ease
}

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

.exclusivePlaying__0bef9 {
    opacity: 0;
    transition: opacity .4s ease
}

.splashPlaceholder__0bef9,.splashVideo__0bef9 {
    height: 100%
}

.tileBuyButton__0bef9 {
    bottom: 12px;
    inset-inline-start: 12px;
    position: absolute;
    transform: translate3d(0,12px,0)
}

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

.tileBuyButtonVisible__0bef9 {
    transform: translateZ(0)
}

.tileBuyButton__0bef9,.tileBuyButton__0bef9:disabled {
    opacity: 0
}

.tileBuyButtonVisible__0bef9,.tileBuyButtonVisible__0bef9:disabled {
    opacity: 1
}

.tilePrice__0bef9 {
    transition: opacity .2s
}

.tilePriceWithVisibleBuyButton__0bef9 {
    opacity: 0
}

.socialLayerStorefrontCardContainer__0bef9 {
    border-radius: var(--radius-xs);
    height: 100%
}

.socialLayerStorefrontCardBackgroundImage__0bef9 {
    background-size: cover;
    height: 100%
}

.socialLayerStorefrontCardImage__0bef9 {
    height: 100%;
    -o-object-position: center bottom;
    object-position: center bottom
}

.tileActions_bd7f32 {
    align-items: center;
    display: flex;
    font-weight: var(--font-weight-medium)
}

.actionButton_bd7f32 {
    margin-inline-end:8px}

.metadata__857bf {
    font-size: 12px
}

.libraryLink__857bf {
    align-items: center;
    display: flex;
    margin-inline-start:10px}

.libraryIcon__857bf {
    margin-inline-end:6px}

.invalidPoop__857bf {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin: 0;
    max-height: 60%;
    overflow: hidden;
    padding-top: 56%;
    position: relative
}

.invalidPoopHorizontal__857bf {
    flex: 1;
    height: 100%;
    max-height: none;
    padding-top: 0
}

.theme-light .libraryLink__857bf,.theme-light .metadata__857bf {
    color: var(--primary-400)
}

.theme-light .invalidPoop__857bf {
    background-color: hsl(var(--primary-400-hsl)/.3)
}

.theme-dark .libraryLink__857bf {
    color: var(--opacity-white-60)
}

.theme-dark .invalidPoop__857bf {
    background-color: hsl(var(--primary-500-hsl)/.3)
}

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

.legacySeasonalGiftEmbedWrapper__857bf {
    background: linear-gradient(102.85deg,#26569e 2.16%,#3584d5 46.11%,#5dbace 99.42%);
    background-position: 50% 50%
}

.customGiftEmbedWrapper__857bf {
    height: 128px;
    margin: 0;
    overflow: hidden;
    position: relative
}

.giftEmbedWrapperHorizontal__857bf {
    flex: 1;
    height: 100%
}

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

.legacySeasonalGiftEmbedBox__857bf {
    bottom: -18px;
    height: 110%;
    inset-inline-end: -8px;
    position: absolute;
    z-index: 1
}

.legacySeasonalGiftEmbedBoxHorizontal__857bf {
    bottom: -24px
}

.customGiftEmbedBox__857bf {
    bottom: 18px;
    inset-inline-start: 33px;
    position: absolute;
    width: 174px
}

.customGiftEmbedBoxHorizontal__857bf {
    bottom: 24px;
    inset-inline-start: 36px;
    width: 234px
}

.headerIcon__857bf {
    color: var(--white);
    margin-bottom: auto;
    margin-inline-start:16px;margin-top: 16px;
    width: 92px
}

.collectiblesEmbedWrapper__857bf {
    pointer-events: none
}

.collectiblesAcceptButton__857bf {
    pointer-events: all
}

.images-light .invalidPoop__857bf {
    background-image: url(/assets/eb4644cbe2f3e90f.svg)
}

.images-dark .invalidPoop__857bf {
    background-image: url(/assets/e4a502bfc6589d65.svg)
}

.embed__98ba8 {
    align-self: start;
    border-radius: var(--radius-md);
    color: var(--white);
    container-type: inline-size;
    justify-self: start;
    max-width: 343px;
    overflow: hidden;
    width: 100%
}

.showVideoOnFocus__98ba8 {
    --custom-ease: cubic-bezier(0.4,0,1,1)
}

.showVideoOnFocus__98ba8 .staticBanner__98ba8 {
    transition: opacity .3s var(--custom-ease)
}

.showVideoOnFocus__98ba8 .videoBanner__98ba8 {
    transition: visibility .3s var(--custom-ease);
    visibility: hidden
}

.showVideoOnFocus__98ba8:focus .staticBanner__98ba8,.showVideoOnFocus__98ba8:focus-within .staticBanner__98ba8,.showVideoOnFocus__98ba8:hover .staticBanner__98ba8 {
    opacity: 0
}

.showVideoOnFocus__98ba8:focus .videoBanner__98ba8,.showVideoOnFocus__98ba8:focus-within .videoBanner__98ba8,.showVideoOnFocus__98ba8:hover .videoBanner__98ba8 {
    visibility: visible
}

.bannerWrapper__98ba8 {
    height: 100%;
    position: relative
}

.bannerAspectRatioBot__98ba8 {
    aspect-ratio: 17/6
}

.bannerAspectRatioActivity__98ba8 {
    aspect-ratio: 16/9
}

.videoBanner__98ba8 {
    -o-object-fit: cover!important;
    object-fit: cover!important
}

.staticBanner__98ba8,.videoBanner__98ba8 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%
}

.staticBanner__98ba8 {
    position: absolute;
    top: 0;
    width: 100%
}

.header__98ba8 {
    color: var(--app-message-embed-secondary-text)
}

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

.contentWrapper__98ba8 {
    --custom-content-size: 64px;
    display: flex;
    flex: 1;
    gap: 12px;
    min-width: 0
}

.cursorPointer__98ba8 {
    cursor: pointer
}

.contentWrapperClickable__98ba8:hover .contentTitle__98ba8 {
    text-decoration: underline
}

.img__98ba8 {
    background-color: rgba(0,0,0,.64);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: var(--radius-md);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
    box-sizing: border-box;
    height: var(--custom-content-size);
    width: var(--custom-content-size);
    @container (max-width: 270px) {
        display: none
    }
}

.content__98ba8 {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    overflow: hidden
}

.contentInfoWrapper__98ba8 {
    color: var(--app-message-embed-secondary-text)
}

.actionWrapper__98ba8 {
    display: flex;
    flex-direction: row-reverse;
    gap: 8px;
    @container (max-width: 300px) {
        flex-direction: column
    }
}

.actionWrapper__98ba8>.buttonWithPossibleDisabledTextWrapper__98ba8 {
    flex: 50%
}

.actionWrapper__98ba8.actionWrapperPrimaryFirst__98ba8 {
    flex-direction: row;
    @container (max-width: 300px) {
        flex-direction: column
    }
}

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

.disabledReason__98ba8 {
    color: var(--app-message-embed-secondary-text);
    text-align: center
}

.wrapper__748d7 {
    display: flex;
    gap: 4px
}

:root {
    --custom-app-message-embed-base-info-gap: 4px;
    --custom-app-message-embed-base-info-top: calc(var(--custom-app-message-embed-base-info-gap) - 2px)
}

.description__1f7ec {
    margin-top: var(--custom-app-message-embed-base-info-top)
}

.description__1f7ec strong {
    font-weight: 500
}

.tagline__1f7ec {
    align-items: center;
    display: flex;
    gap: 4px;
    padding-top: var(--custom-app-message-embed-base-info-gap)
}

.tag__1f7ec:not(:first-of-type):before {
    content: "∙";
    padding: 0 3px
}

.wrapper__727be {
    background-color: var(--background-surface-high);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    box-sizing: border-box;
    container-type: inline-size;
    max-width: min(601px,100%);
    overflow: hidden;
    padding: 16px;
    width: 100%
}

.header__727be {
    justify-content: space-between;
    padding-bottom: 8px
}

.header__727be,.headerTitle__727be {
    align-items: center;
    display: flex
}

.headerTitle__727be {
    gap: 4px
}

.content__727be {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: space-between;
    @container (max-width: 400px) {
        flex-direction: column
    }
}

.contentTextWrapper__727be {
    display: flex;
    flex-basis: min-content;
    flex-grow: 10;
    flex-shrink: 10;
    gap: 16px
}

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

.appIcon__727be {
    --custom-size: 44px;
    border-radius: var(--custom-size);
    height: var(--custom-size);
    -o-object-fit: cover;
    object-fit: cover;
    width: var(--custom-size)
}

.description__727be {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden
}

.openStoreButton__727be {
    width: 124px;
    @container (max-width: 400px) {
        width: 100%
    }
}

.skuPurchaseButtons__727be {
    align-items: center;
    display: flex;
    flex-basis: min-content;
    flex-grow: 1;
    gap: 8px;
    max-width: 100%;
    overflow: hidden;
    @container (max-width: 400px) {
        flex-direction: column-reverse;
        button {
            width: 100%
        }
    }
}

.skuPurchaseButtons__727be>button {
    flex-grow: 1
}

.container_cacd02 {
    flex-wrap: wrap;
    justify-content: flex-start
}

.bumpBox_cacd02,.container_cacd02 {
    align-items: center;
    display: flex
}

.bumpBox_cacd02 {
    background-color: var(--background-base-lower);
    border-radius: 8px;
    flex: 0 0 max-content;
    margin-inline-end:16px;padding: 8px
}

.icon_cacd02 {
    color: var(--text-muted);
    flex: 0 0 16px
}

.icon_cacd02,.publish_cacd02,.tagline_cacd02 {
    margin-inline-end:8px}

.publish_cacd02 {
    cursor: pointer
}

.hidePermanently_cacd02 {
    cursor: pointer;
    line-height: 24px;
    transition: .2s linear
}

.hidePermanently_cacd02:focus,.hidePermanently_cacd02:hover {
    color: var(--text-default)
}

.closeIcon_cacd02 {
    color: var(--icon-muted);
    cursor: pointer;
    display: block
}

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

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

@use postcss-pxtorem;.theme-dark.custom-theme-background .embedFull__623de {
    --__spoiler-background-color--hidden: var(--primary-760);
    --__spoiler-background-color--hidden--hover: hsl(var(--primary-760-hsl)/0.8)
}

.embed__623de {
    border-radius: 4px;
    box-sizing: border-box;
    display: grid;
    max-width: -moz-max-content;
    max-width: max-content;
    position: relative
}

.embed__623de .emoji {
    height: 18px;
    width: 18px
}

.embed__623de :is(h1,h2,h3,h4,h5,h6) .emoji {
    height: 1.375em;
    width: 1.375em
}

.embed__623de pre {
    border: none;
    max-width: 100%
}

.embed__623de code {
    background: var(--background-base-lowest);
    border: none
}

.embed__623de .no-webkit-scrollbar code {
    scrollbar-color: var(--background-base-lower) var(--background-base-lowest)
}

.embed__623de blockquote {
    max-width: 100%
}

.embedFull__623de {
    background: var(--background-surface-high);
    border: 1px solid var(--border-subtle);
    border-inline-start:4px solid var(--border-normal)}

.embedFull__623de.isHidden__623de {
    border-inline-start: 0
}

.inlineMediaEmbed__623de {
    max-width: 520px
}

.embedAuthorName__623de,.embedAuthorNameLink__623de,.embedDescription__623de,.embedFieldName__623de,.embedFieldValue__623de,.embedFooterText__623de,.embedLink__623de,.embedProvider__623de,.embedTitle__623de,.embedTitleLink__623de {
    text-align: start;
    unicode-bidi: plaintext
}

.gridContainer__623de {
    max-width: 516px
}

.grid__623de {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    overflow: hidden;
    padding-block:.5rem 1rem;padding-inline:.75rem 1rem;padding-top: .125rem
}

.grid__623de.hasThumbnail__623de {
    grid-template-columns: minmax(0,1fr) min-content
}

.embedMargin__623de {
    margin-top: 8px
}

.embedLink__623de {
    cursor: pointer;
    text-decoration: none
}

.embedLink__623de:hover {
    text-decoration: underline
}

.embedSuppressButton__623de {
    color: var(--interactive-text-default);
    cursor: pointer;
    inset-inline-end: -20px;
    opacity: 0;
    padding: 2px;
    position: absolute;
    top: -2px
}

.embed__623de:focus-within .embedSuppressButton__623de,.mouse-mode .embed__623de:hover .embedSuppressButton__623de {
    opacity: 1
}

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

.embedProvider__623de {
    font-size: .75rem;
    font-weight: var(--font-weight-normal);
    grid-column: 1/1;
    line-height: 1rem
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .theme-light .embedProvider__623de {
        font-weight:var(--font-weight-medium)
    }
}

.embedAuthor__623de {
    align-items: center;
    display: flex;
    grid-column: 1/1
}

.embedAuthorName__623de {
    font-size: .875rem;
    font-weight: var(--font-weight-semibold)
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .theme-light .embedAuthorName__623de {
        font-weight:var(--font-weight-medium)
    }
}

.embedAuthorNameLink__623de {
}

.embed__623de .embedAuthorNameLink__623de {
    color: var(--text-strong)
}

.embedAuthorIcon__623de {
    border-radius: 50%;
    height: 24px;
    margin-inline-end:8px;-o-object-fit: contain;
    object-fit: contain;
    width: 24px
}

.embedTitle__623de {
    display: inline-block;
    font-size: 1rem;
    font-weight: var(--font-weight-semibold);
    grid-column: 1/1
}

.embedTitleLink__623de {
}

.embedDescription__623de {
    font-size: .875rem;
    font-weight: var(--font-weight-normal);
    grid-column: 1/1;
    line-height: 1.125rem;
    white-space: pre-line
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .theme-light .embedDescription__623de {
        font-weight:var(--font-weight-medium)
    }
}

.embedImage__623de,.embedThumbnail__623de,.embedVideo__623de {
    display: block;
    -o-object-fit: fill;
    object-fit: fill
}

.embedImage__623de img,.embedImage__623de video,.embedThumbnail__623de img,.embedThumbnail__623de video,.embedVideo__623de img,.embedVideo__623de video {
    border-radius: 4px;
    display: block
}

.embedGalleryImagesWrapper__623de {
    border-radius: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    display: grid;
    grid-column: 1/2;
    grid-template-columns: 1fr 1fr;
    margin-top: 16px;
    overflow: hidden
}

.embedGallerySide__623de {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.embedGallerySide__623de>.galleryImage__623de {
    border-radius: 0;
    display: flex;
    justify-content: center;
    margin: 0;
    max-width: 100%;
    min-height: calc(50% - 2px);
    min-width: 100%
}

.embedGallerySide__623de>.galleryImage__623de:only-child {
    min-height: 100%
}

.embedGallerySide__623de>.galleryImage__623de:nth-child(2) {
    margin-top: 4px
}

.obscureVideoSpacing__623de {
    bottom: 36px;
    transition: bottom .1s ease-in-out
}

.galleryImageContainer__623de {
    max-height: 100%
}

.embedGalleryImageElement__623de {
    height: 100%;
    max-height: 100%!important;
    max-width: 100%!important;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.embedThumbnail__623de {
    flex-shrink: 0;
    grid-column: 2/2;
    grid-row: 1/8;
    justify-self: end;
    margin-inline-start:16px;margin-top: 8px
}

.embedVideo__623de {
    display: flex;
    position: relative
}

.centerContent__623de,.embedVideoActions__623de,.embedVideoImageComponent__623de {
    align-items: center;
    display: flex;
    justify-content: center
}

.embedVideoImageComponent__623de {
    border-radius: 0;
    height: 100%!important;
    max-height: 100%;
    width: 100%!important
}

.embedVideoImageComponentInner__623de {
    height: 100%!important;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%!important
}

.embedVideoActions__623de {
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 1
}

.embedVideoAction__623de {
    background: none;
    background-size: 24px 24px;
    display: inline-block;
    height: 24px;
    opacity: .6;
    width: 24px
}

.embedVideoAction__623de:hover {
    opacity: 1
}

.embedIframe__623de {
    display: block;
    height: 100%;
    width: 100%
}

.embedGIFTag__623de {
    inset-inline-end: 4px;
    position: absolute;
    top: 4px
}

.embedFooter__623de {
    align-items: center;
    display: flex;
    grid-column: 1/1;
    grid-row: auto/auto
}

.hasThumbnail__623de .embedFooter__623de {
    grid-column: 1/3
}

.embedFooterText__623de {
    color: var(--text-default);
    font-size: .75rem;
    font-weight: var(--font-weight-medium);
    line-height: 1rem
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .theme-light .embedFooterText__623de {
        font-weight:var(--font-weight-medium)
    }
}

.embedFooterSeparator__623de {
    color: var(--text-default);
    display: inline-block;
    font-weight: var(--font-weight-medium);
    margin: 0 4px
}

.embedFooterIcon__623de {
    border-radius: 50%;
    height: 20px;
    margin-inline-end:8px;-o-object-fit: contain;
    object-fit: contain;
    width: 20px
}

.embedFields__623de {
    display: grid;
    grid-column: 1/1;
    margin-top: 8px;
    grid-gap: 8px
}

.embedField__623de {
    font-weight: var(--font-weight-normal)
}

.embedField__623de,.embedFieldName__623de {
    font-size: .875rem;
    line-height: 1.125rem;
    min-width: 0
}

.embedFieldName__623de {
    font-weight: var(--font-weight-semibold);
    margin-bottom: 2px
}

.embedFieldValue__623de {
    font-size: .875rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.125rem;
    min-width: 0;
    white-space: pre-line
}

.embedMedia__623de {
    border-radius: 4px;
    contain: paint;
    grid-column: 1/1
}

.hasThumbnail__623de .embedMedia__623de {
    grid-column: 1/3
}

.embedFull__623de .embedMedia__623de {
    margin-top: 16px
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .theme-light .embedFieldName__623de {
        font-weight:var(--font-weight-semibold)
    }
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .theme-light .embedFieldValue__623de {
        font-weight:var(--font-weight-normal)
    }
}

.embedDescription__623de,.embedFieldValue__623de {
    color: var(--text-default)
}

.embedProvider__623de .embedLink__623de {
    color: var(--interactive-text-default)
}

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

.embedAuthorName__623de,.embedFieldName__623de,.embedTitle__623de {
    color: var(--text-strong)
}

.embedAuthor__623de,.embedDescription__623de,.embedFields__623de,.embedFooter__623de,.embedMedia__623de,.embedProvider__623de,.embedTitle__623de {
    min-width: 0
}

.background-opacity-low .embedFull__623de {
    background-color: hsl(var(--primary-630-hsl)/.2);
    border-inline-start-color:rgba(32,34,37,.4)!important}

.background-opacity-low .embedFull__623de code {
    background: rgba(32,34,37,.4)
}

.background-opacity-low .embedThumbnail__623de {
    opacity: .4
}

.background-opacity-low .embedAmazonMusic__623de,.background-opacity-low .embedAppleMusic__623de,.background-opacity-low .embedSpotify__623de {
    opacity: .8
}

.background-opacity-low .embedAmazonMusic__623de:hover,.background-opacity-low .embedAppleMusic__623de:hover,.background-opacity-low .embedSpotify__623de:hover {
    opacity: 1
}

.background-opacity-low .embedPlaystation__623de {
    opacity: .8
}

.background-opacity-low .embedPlaystation__623de:hover {
    opacity: 1
}

.background-opacity-low .embedDescription__623de,.background-opacity-low .embedFieldValue__623de,.background-opacity-low .embedFooterText__623de,.background-opacity-low .embedProvider__623de {
    color: var(--white)!important;
    text-shadow: 0 0 1px var(--opacity-black-28)
}

.background-opacity-low .embedTitleLink__623de {
    color: var(--text-link)!important;
    text-shadow: 0 0 1px var(--opacity-white-28),0 0 3px var(--opacity-black-60)
}

.background-opacity-medium .embedFull__623de {
    background-color: hsl(var(--primary-630-hsl)/.2);
    border-inline-start-color:rgba(32,34,37,.4)!important}

.background-opacity-medium .embedFull__623de code {
    background: rgba(32,34,37,.4)
}

.background-opacity-medium .embedThumbnail__623de {
    opacity: .4
}

.background-opacity-medium .embedAmazonMusic__623de,.background-opacity-medium .embedAppleMusic__623de,.background-opacity-medium .embedSpotify__623de {
    opacity: .8
}

.background-opacity-medium .embedAmazonMusic__623de:hover,.background-opacity-medium .embedAppleMusic__623de:hover,.background-opacity-medium .embedSpotify__623de:hover {
    opacity: 1
}

.background-opacity-medium .embedDescription__623de,.background-opacity-medium .embedFieldValue__623de,.background-opacity-medium .embedFooterText__623de,.background-opacity-medium .embedProvider__623de {
    color: var(--opacity-black-20)!important;
    text-shadow: 0 0 1px rgba(0,0,0,.2)
}

.background-opacity-medium .embedTitleLink__623de {
    color: var(--text-link)!important;
    text-shadow: 0 0 1px var(--opacity-white-20),0 0 3px var(--opacity-black-40)
}

.background-opacity-high .embedFull__623de {
    background-color: hsl(var(--primary-630-hsl)/.2);
    border-inline-start-color:rgba(32,34,37,.4)!important}

.background-opacity-high .embedFull__623de code {
    background: rgba(32,34,37,.4)
}

.background-opacity-high .embedThumbnail__623de {
    opacity: .4
}

.background-opacity-high .embedAmazonMusic__623de,.background-opacity-high .embedAppleMusic__623de,.background-opacity-high .embedSpotify__623de {
    opacity: .9
}

.background-opacity-high .embedAmazonMusic__623de:hover,.background-opacity-high .embedAppleMusic__623de:hover,.background-opacity-high .embedSpotify__623de:hover {
    opacity: 1
}

.background-opacity-high .embedDescription__623de,.background-opacity-high .embedFieldValue__623de,.background-opacity-high .embedFooterText__623de,.background-opacity-high .embedProvider__623de {
    text-shadow: 0 0 1px rgba(0,0,0,.2)
}

.background-opacity-high .embedTitleLink__623de {
    text-shadow: 0 0 1px hsla(0,0%,100%,.2),0 0 3px rgba(0,0,0,.4)
}

.custom-theme-background .embedFull__623de {
    background-color: var(--background-mod-subtle)
}

.hiddenEmbed__623de.isHidden__623de {
    overflow: hidden
}

.hiddenEmbed__623de.isHidden__623de .grid__623de {
    pointer-events: none;
    transition: filter .1s ease-out
}

.spoilerEmbed__623de {
}

.spoilerEmbed__623de.isHidden__623de {
    cursor: pointer
}

.spoilerEmbed__623de.isHidden__623de .grid__623de {
    filter: blur(var(--custom-embed-spoiler-blur-radius))
}

.hiddenExplicitEmbed__623de {
}

.hiddenExplicitEmbed__623de.isHidden__623de .grid__623de {
    filter: blur(var(--__obscured-background-blur-radius)) brightness(var(--__obscured-background-brightness))
}

.hiddenExplicitEmbed__623de.embedFull__623de {
    border-inline-start:0}

.justifyAuto__623de {
    justify-self: auto!important
}

.overlay-unlocked .embedAmazonMusic__623de,.overlay-unlocked .embedAppleMusic__623de,.overlay-unlocked .embedSpotify__623de,.overlay-unlocked .embedThumbnail__623de {
    opacity: 1
}

.hiddenAttachment__623de.isHidden__623de {
    pointer-events: none;
    transition: filter .1s ease
}

.spoilerAttachment__623de {
}

.spoilerAttachment__623de.isHidden__623de {
    filter: blur(var(--custom-embed-spoiler-blur-radius))
}

.hiddenExplicitAttachment__623de {
}

.hiddenExplicitAttachment__623de.isHidden__623de {
    filter: blur(var(--__obscured-background-blur-radius)) brightness(var(--__obscured-background-brightness))
}

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

.enable-forced-colors .embedFull__623de {
    border-left-width: 4px
}

.enable-forced-colors .embedSuppressButton__623de {
    background-color: ButtonFace;
    border: 1px solid ButtonFace;
    color: ButtonText;
    opacity: 1
}

.enable-forced-colors .embedSuppressButton__623de:focus,.enable-forced-colors .embedSuppressButton__623de:hover {
    border-color: ButtonText
}

.contentPlaceholder__623de+.contentPlaceholder__623de {
    margin-inline-start:0}

.container_b7e1cb {
    display: grid;
    grid-auto-flow: row;
    height: -moz-fit-content;
    height: fit-content;
    grid-row-gap: .25rem;
    grid-template-columns: repeat(auto-fill,minmax(100%,1fr));
    min-height: 0;
    min-width: 0;
    padding-bottom: .125rem;
    padding-top: .125rem;
    position: relative;
    text-indent: 0
}

.container_b7e1cb:empty {
    display: none
}

.gifFavoriteButton_b7e1cb {
    box-sizing: border-box;
    display: block;
    margin-block:0;margin-inline:auto 0;opacity: 0;
    transform: translateY(-16px)
}

.full-motion .gifFavoriteButton_b7e1cb {
    transition: transform .2s ease,opacity .1s ease
}

.imageWrapper:focus-within .gifFavoriteButton_b7e1cb,.imageWrapper:hover .gifFavoriteButton_b7e1cb {
    opacity: 1;
    transform: translateY(0)
}

.giftCodeContainer_b7e1cb {
    width: 100%
}

.referralContainer_b7e1cb {
    justify-content: space-between;
    width: 100%
}

.pollContainer_b7e1cb {
    margin: 4px 0
}

.confirmText_b7e1cb {
    margin-bottom: 12px
}

.threadRoleMentionFailure_b7e1cb {
    color: var(--text-feedback-critical);
    font-size: 12px;
    line-height: 16px
}

.ctaButtonContainer_b7e1cb {
    margin-bottom: 6px;
    margin-top: 6px
}

.embedIFrame__49997 {
    opacity: .8
}

.embedIFrame__49997:hover {
    opacity: 1
}

.container__7473d {
    background: var(--background-mod-subtle);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    box-sizing: border-box;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 432px;
    padding: var(--space-12);
    width: 100%
}

.container__7473d,.themePreviewContainer__7473d {
    align-items: center;
    display: flex;
    gap: var(--space-12)
}

.themePreviewContainer__7473d {
    flex-grow: 2;
    justify-content: flex-start
}

.colorPreview__7473d {
    border-radius: var(--radius-sm);
    flex-grow: 0;
    flex-shrink: 0;
    height: 60px;
    overflow: hidden;
    width: 60px
}

.sharedByContainer__7473d {
    display: flex;
    flex-direction: column;
    gap: var(--space-6)
}

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

.sharedBy__7473d {
    flex-wrap: wrap
}

.avatarContainer__7473d,.sharedBy__7473d {
    display: flex;
    gap: var(--space-4)
}

.avatarContainer__7473d {
    flex-wrap: nowrap
}

.container_adb50a {
    background: var(--background-base-lower);
    border: 1px solid var(--message-highlight-background-hover);
    border-radius: 12px;
    box-shadow: var(--shadow-low);
    display: flex;
    gap: 24px;
    justify-content: space-between;
    padding: 16px;
    transition: background .3s
}

@media (max-width: 1439px) {
    .container_adb50a {
        flex-direction:column-reverse;
        max-width: var(--custom-guild-shop-content-width-reduced)
    }

    .container_adb50a .coverImageContainer_adb50a,.container_adb50a .infoContainer_adb50a {
        max-width: none
    }
}

.coverImageContainer_adb50a {
    max-width: 655px;
    width: 100%
}

.coverImage_adb50a {
    aspect-ratio: 4;
    border-radius: 12px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.infoContainer_adb50a {
    display: flex;
    flex: 1;
    max-width: 500px
}

.infoContainerNoDescription_adb50a,.showMoreButton_adb50a {
    align-items: center
}

.showMoreButton_adb50a {
    border-bottom: 1px solid var(--interactive-text-active);
    cursor: pointer;
    display: inline-flex;
    padding-bottom: 2px
}

.showMoreButton_adb50a:hover {
    opacity: .75;
    transition: .3s ease
}

.showMoreArrow_adb50a {
    color: var(--interactive-text-active);
    height: 16px;
    margin-inline-end:-3px;width: 16px
}

.guildShopEmbed__86fa6 {
    border-radius: 12px;
    max-width: 510px;
    min-height: 300px;
    min-width: 160px;
    padding: 16px;
    width: 100%
}

.theme-dark .guildShopEmbed__86fa6 {
    background-color: var(--background-base-lower)
}

.theme-light .guildShopEmbed__86fa6 {
    background-color: var(--background-mod-normal)
}

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

.serverShopLabel__86fa6 {
    display: flex;
    gap: 4px
}

.serverShopLabelText__86fa6 {
    text-transform: uppercase
}

.guildShopEmbedFooter__86fa6 {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%
}

.guildShopSummary__86fa6 {
    color: var(--text-muted);
    display: flex;
    flex-direction: column;
    height: 42px;
    justify-content: space-between;
    list-style-type: disc;
    padding-inline-start:20px}

.guildShopEmbedCta__86fa6 {
    margin-inline-start:auto}

.guildShopEmbedCtaContent__86fa6 {
    display: flex;
    gap: 8px
}

.accessory__09bc1 {
    color: var(--interactive-text-default);
    cursor: pointer;
    display: flex;
    gap: var(--space-4);
    justify-content: center
}

.accessory__09bc1:hover,.accessory__09bc1:hover .accessoryText__09bc1 {
    color: var(--interactive-text-hover)
}

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

.toast__1562f {
    gap: var(--space-8)
}

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

.image_d93468,.video_d93468 {
    width: 100%
}

.media_d93468,.mediaContainer_d93468 {
    border-radius: var(--radius-xs)
}

.mediaContainer_d93468 {
    background-color: var(--background-base-lower);
    margin-bottom: var(--space-16);
    margin-top: var(--space-12);
    padding: var(--space-16)
}

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

.quote__122e4 {
    background-color: var(--border-subtle);
    border-radius: 2px;
    flex-shrink: 0;
    margin-inline-end:12px;width: 4px
}

.content__122e4 {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    max-width: 100%
}

.headerContainer__122e4 {
    align-items: center;
    align-self: flex-start;
    display: flex;
    gap: 4px;
    margin-bottom: 4px;
    margin-top: 2px
}

.headerIcon__122e4 {
    flex-shrink: 0
}

.headerText__122e4 {
    font-style: italic
}

.footerContainer__122e4 {
    align-items: center;
    align-self: flex-start;
    border-radius: 4px;
    color: var(--text-muted);
    cursor: pointer;
    display: flex;
    gap: 4px;
    margin-top: 4px;
    max-width: 100%;
    padding-bottom: 1px;
    padding-top: 1px
}

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

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

.footerText__122e4 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre
}

.originIcon__122e4 {
    border-radius: 4px;
    height: 16px;
    width: 16px
}

.wrapper_d5f3cd {
    background-color: var(--background-surface-high);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    box-sizing: border-box;
    cursor: default;
    display: flex;
    flex-direction: column;
    max-width: 432px;
    min-width: 160px;
    padding: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.header_d5f3cd {
    color: var(--interactive-text-default);
    font-weight: var(--font-weight-bold);
    margin-bottom: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.content_d5f3cd {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    gap: 16px
}

.guildIcon_d5f3cd {
    background-color: var(--background-mod-subtle);
    flex: 0 0 auto
}

.applicationIcon_d5f3cd {
    height: 48px;
    width: 48px
}

.guildIconJoined_d5f3cd {
    cursor: pointer
}

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

.guildIconImageJoined_d5f3cd {
    cursor: pointer
}

.inviteDestination_d5f3cd {
    margin-bottom: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.inviteDestinationJoined_d5f3cd {
    cursor: pointer
}

.inviteDestinationJoined_d5f3cd:hover {
    text-decoration: underline
}

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

.channelName_d5f3cd {
    flex: 1 1 auto;
    margin-inline-start:4px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.channelIcon_d5f3cd {
    color: var(--text-muted);
    flex: 0 0 auto
}

.status_d5f3cd {
    border-radius: 50%;
    display: block;
    flex: 0 0 auto;
    height: 8px;
    margin-inline-end:4px;width: 8px
}

.statusWrapper_d5f3cd {
    align-items: center;
    display: flex;
    flex: 0 1 auto;
    flex-flow: nowrap;
    min-width: 0
}

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

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

.count_d5f3cd {
    color: var(--interactive-text-default);
    flex: 0 1 auto;
    margin-inline-end:8px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

.guildNameWrapper_d5f3cd {
    align-items: center;
    display: flex;
    flex: 0 1 auto;
    max-width: 100%;
    overflow: hidden
}

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

.guildBadge_d5f3cd {
    flex: 0 0 auto;
    margin-inline-end:8px}

.guildInfo_d5f3cd {
    min-width: 1px
}

.guildDetail_d5f3cd {
    color: var(--interactive-text-default);
    font-size: 14px;
    line-height: 16px
}

.statusCounts_d5f3cd {
    align-items: center;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex;
    flex-flow: row wrap
}

.inviteSplash_d5f3cd {
    background-color: var(--background-mod-subtle);
    border-radius: 4px 4px 0 0;
    height: 64px;
    margin-top: -16px;
    margin-inline:-16px;margin-bottom: 16px;
    overflow: hidden;
    position: relative
}

.inviteSplashImage_d5f3cd {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0;
    transition: opacity .125s;
    width: 100%
}

.inviteSplashBadge_d5f3cd {
    inset-inline-end: 8px;
    position: absolute;
    top: 8px
}

.inviteSplashImageLoaded_d5f3cd {
    opacity: 1
}

.guildIconExpired_d5f3cd {
    background-color: var(--background-base-lower);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 50px 26px;
    border-radius: 12px;
    height: 48px;
    width: 48px
}

.inviteDestinationExpired_d5f3cd {
    color: var(--text-feedback-critical);
    overflow: hidden;
    text-overflow: ellipsis
}

.buttonForNonMember_d5f3cd {
    display: block;
    margin-inline-start:0;margin-top: 16px;
    width: 100%
}

@keyframes invite-button-resolving_d5f3cd {
    0% {
        transform: translate3d(calc(var(--custom-invite-button-resolving-background-width)*-1),0,0)
    }

    50% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(calc(var(--custom-invite-button-resolving-background-width)*-1),0,0)
    }
}

.resolvingWrapper_d5f3cd {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    gap: 16px;
    overflow: hidden;
    width: 100%
}

.resolving_d5f3cd {
    flex: 1000 0 auto;
    height: 50px;
    -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='259' height='50' viewBox='6.122 5.864 259 50'%3E%3Cpath fill-rule='evenodd' d='M68.122 11.864h124a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3h-124a3 3 0 0 1-3-3v-14a3 3 0 0 1 3-3m0 24h194a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3h-194a3 3 0 0 1-3-3v-10a3 3 0 0 1 3-3m-42.77-30h11.54c6.687 0 9.112.696 11.556 2.003a13.63 13.63 0 0 1 5.67 5.67c1.31 2.447 2.004 4.87 2.004 11.557v11.54c0 6.687-.696 9.112-2.003 11.556a13.63 13.63 0 0 1-5.67 5.67c-2.447 1.31-4.87 2.004-11.557 2.004h-11.54c-6.687 0-9.112-.696-11.556-2.003a13.63 13.63 0 0 1-5.67-5.67c-1.31-2.447-2.004-4.87-2.004-11.557v-11.54c0-6.687.696-9.112 2.003-11.556a13.63 13.63 0 0 1 5.67-5.67c2.447-1.31 4.87-2.004 11.557-2.004'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='259' height='50' viewBox='6.122 5.864 259 50'%3E%3Cpath fill-rule='evenodd' d='M68.122 11.864h124a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3h-124a3 3 0 0 1-3-3v-14a3 3 0 0 1 3-3m0 24h194a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3h-194a3 3 0 0 1-3-3v-10a3 3 0 0 1 3-3m-42.77-30h11.54c6.687 0 9.112.696 11.556 2.003a13.63 13.63 0 0 1 5.67 5.67c1.31 2.447 2.004 4.87 2.004 11.557v11.54c0 6.687-.696 9.112-2.003 11.556a13.63 13.63 0 0 1-5.67 5.67c-2.447 1.31-4.87 2.004-11.557 2.004h-11.54c-6.687 0-9.112-.696-11.556-2.003a13.63 13.63 0 0 1-5.67-5.67c-1.31-2.447-2.004-4.87-2.004-11.557v-11.54c0-6.687.696-9.112 2.003-11.556a13.63 13.63 0 0 1 5.67-5.67c2.447-1.31 4.87-2.004 11.557-2.004'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-type: luminance;
    position: relative;
    width: 259px
}

.resolvingBackground_d5f3cd {
    animation: invite-button-resolving_d5f3cd 4s ease-in-out infinite;
    bottom: 0;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    width: calc(var(--custom-invite-button-resolving-background-width)*2)
}

.resolvingFakeButton_d5f3cd {
    border-radius: 3px;
    flex: 1 0 auto;
    height: 38px;
    -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='66' height='38' viewBox='0 0 66 38'%3E%3Cpath d='M0 0h66v38H0z' style='fill:%23000;stroke:%23000'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='66' height='38' viewBox='0 0 66 38'%3E%3Cpath d='M0 0h66v38H0z' style='fill:%23000;stroke:%23000'/%3E%3C/svg%3E");
    mask-type: luminance;
    min-width: 66px;
    position: relative
}

.theme-dark .background-opacity-low .wrapper_d5f3cd {
    background: hsl(var(--primary-630-hsl)/.3)
}

.theme-dark .background-opacity-low .header_d5f3cd {
    text-shadow: 0 0 1px var(--primary-700),1px 1px 0 var(--primary-700)
}

.theme-dark .background-opacity-low .button_d5f3cd {
    opacity: .8
}

.theme-dark .background-opacity-medium .wrapper_d5f3cd {
    background: hsl(var(--primary-630-hsl)/.5)
}

.theme-dark .background-opacity-medium .header_d5f3cd {
    text-shadow: 0 0 1px var(--primary-600),1px 1px 0 var(--primary-600)
}

.theme-dark .background-opacity-medium .guildIcon_d5f3cd {
    opacity: .7
}

.theme-dark .background-opacity-medium .button_d5f3cd {
    opacity: .9
}

.theme-dark .background-opacity-high .wrapper_d5f3cd {
    background: hsl(var(--primary-630-hsl)/.6)
}

.theme-dark .overlay-unlocked .wrapper_d5f3cd {
    background-color: var(--background-base-lower)
}

.theme-dark .overlay-unlocked .header_d5f3cd {
    text-shadow: none
}

.theme-dark .overlay-unlocked .button_d5f3cd,.theme-dark .overlay-unlocked .guildIcon_d5f3cd {
    opacity: 1
}

.images-light .guildIconExpired_d5f3cd {
    background-image: url(/assets/eb4644cbe2f3e90f.svg)
}

.images-light .resolvingBackground_d5f3cd {
    background-image: linear-gradient(to right,var(--primary-100),var(--primary-200),var(--primary-100))
}

.images-dark .guildIconExpired_d5f3cd {
    background-image: url(/assets/e4a502bfc6589d65.svg)
}

.images-dark .resolvingBackground_d5f3cd {
    background-image: linear-gradient(to right,var(--primary-600),var(--primary-500),var(--primary-600))
}

.invalidBody__164c9 {
    align-items: center;
    display: flex;
    gap: 16px;
    max-width: 100%
}

.lineClamp2Plus__38db5 {
    white-space: pre-wrap
}

.lineClamp1__38db5 {
    white-space: nowrap
}

.roleTag__9cd44,.roleTagContainer__9cd44 {
    display: flex
}

.roleTag__9cd44 {
    align-items: center;
    background: var(--interactive-background-hover);
    border-radius: 4px;
    padding: 8px
}

.roleColor__9cd44 {
    border-radius: 6px;
    flex: none;
    height: 12px;
    width: 12px
}

.productCard__79d38 {
    border-radius: 8px;
    overflow: hidden;
    position: relative
}

.solidBackground__79d38 {
    background: var(--background-base-lower)
}

.theme-dark .opaqueBackground__79d38 {
    background: rgba(48,51,56,.85)
}

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

.productThumbnailContainer__79d38 {
    position: relative
}

.productThumbnail__79d38 {
    background: #2b2c31;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.purchaseToUnlockBadge__79d38 {
    align-items: center;
    background-color: rgba(43,45,49,.7);
    border-radius: 30px;
    color: var(--white);
    display: flex;
    gap: 6px;
    inset-inline-start: 50%;
    justify-content: center;
    padding: 4px 12px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: background-color .2s ease-in-out;
    white-space: nowrap
}

.draftBadge__79d38 {
    bottom: 10px;
    inset-inline-end: 8px;
    position: absolute
}

.productThumbnailContainer__79d38:hover .purchaseToUnlockBadge__79d38 {
    background-color: rgba(43,45,49,.45)
}

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

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

.productDetails__79d38 {
    align-content: flex-start;
    border-bottom: 1px solid var(--border-subtle);
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    padding: 16px 16px 0
}

.productDetailContent__79d38 {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 4px;
    margin-inline-end:24px;overflow: hidden
}

.purchaseDetails__79d38 {
    display: grid;
    grid-template-columns: 1fr auto;
    padding: 16px
}

.productActionButton__79d38 {
    grid-area: 1/2/3/3
}

.showMoreButton__79d38 {
    align-items: center;
    color: var(--interactive-text-hover);
    display: flex;
    gap: 4px;
    padding-top: 2px
}

.arrowIcon__79d38 {
    margin-bottom: -2px
}

.hasAction__79d38 {
    color: var(--text-link);
    cursor: pointer
}

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

.container__652b4 {
    background-position: 50%;
    background-size: cover;
    border-radius: var(--radius-sm) var(--radius-sm) 0 0;
    height: 164px;
    margin: -17px -17px 16px
}

.descriptionText__535f5 {
    color: var(--text-default);
    font-family: var(--font-primary);
    font-size: 14px;
    line-height: 18px;
    margin-top: 4px
}

.truncate__535f5 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    max-height: 72px
}

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

.isRecurring__29021 {
    align-items: flex-start
}

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

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

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

.liveEventEndTime__29021 {
    display: inline-block
}

.newBadge__29021 {
    align-items: center;
    background-color: var(--brand-260);
    border-radius: 12px;
    display: inline-flex;
    flex-shrink: 0;
    height: 20px;
    justify-content: center;
    margin-inline-end:8px;padding: 0 6px;
    vertical-align: text-top
}

.newBadgeText__29021 {
    color: var(--brand-560);
    text-transform: uppercase
}

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

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

.eventName_b5010b:hover {
    text-decoration: underline
}

.description_b5010b {
    margin-top: 8px
}

.descriptionWithThumbnail_b5010b {
    max-width: 288px
}

.spacer_b5010b {
    margin-inline-start:auto}

.rsvpCount_b5010b {
    align-items: center;
    background-color: var(--background-base-lowest);
    border-radius: 12px;
    display: flex;
    flex-shrink: 0;
    height: 20px;
    margin-bottom: auto;
    padding-inline:8px}

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

.creator_b5010b {
    margin-inline-end:8px}

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

.eventInfoStatusContainer_b5010b {
    margin-bottom: 12px
}

.statusContainer_b5010b,.withThumbnail_b5010b {
    display: flex;
    flex-direction: row
}

.withThumbnail_b5010b {
    align-items: flex-start;
    justify-content: space-between
}

.thumbnailContainer_b5010b {
    align-items: center;
    height: auto
}

.thumbnail_b5010b {
    border-radius: var(--radius-sm) var(--radius-sm) 0 0;
    height: 120px;
    margin-block:0;margin-top: -16px;
    margin-inline:-16px;margin-bottom: 16px;
    width: calc(100% + 32px)
}

.enable-forced-colors .eventName_b5010b {
    color: ButtonText;
    text-decoration: underline
}

.responseOptions_d650db {
    margin-top: 8px
}

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

.inviteDetailsContainer_da5e8d {
    align-items: center;
    display: flex;
    flex: 1000 0 auto;
    gap: 16px;
    max-width: 100%;
    min-width: 0
}

.clickable_da5e8d {
    cursor: pointer
}

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

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

.verticalContainer_da5e8d {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0
}

.footerContainer_da5e8d {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    gap: 16px;
    margin-top: 12px;
    overflow: hidden
}

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

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

.guildBadge_da5e8d {
    flex-shrink: 0
}

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

.guildName_da5e8d,.guildNameClickable_da5e8d {
    min-width: 0
}

.guildNameLinkable_da5e8d {
    cursor: pointer
}

.guildNameLinkable_da5e8d:hover {
    text-decoration: underline
}

.channelIcon_da5e8d {
    flex-shrink: 0
}

.channelInfoContainer_da5e8d {
    align-items: center;
    color: var(--text-default);
    display: flex;
    flex-direction: row;
    margin-top: 4px
}

.channelLocationLink_da5e8d {
    color: var(--text-default);
    cursor: pointer;
    display: flex;
    gap: 4px;
    min-width: 0
}

.channelLocationLink_da5e8d:hover {
    text-decoration: underline
}

.banner_da5e8d {
    border-radius: 4px 4px 0 0;
    margin: -16px -16px 16px
}

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

.separator_ae2544 {
    background-color: var(--border-subtle);
    height: 1px;
    margin-bottom: 16px;
    margin-top: 16px
}

.infoTitle_ae2544 {
    align-items: center;
    display: flex;
    overflow: hidden
}

.infoBadge_ae2544 {
    margin-inline-start:4px}

.headerLine_ae2544 {
    align-items: center;
    display: flex;
    flex: 1000 0 auto;
    gap: 16px;
    max-width: 100%
}

.tooltipContainer_ae2544 {
    display: inline-block;
    line-height: 0;
    margin-inline-start:4px;vertical-align: sub
}

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

.buttonContainer_ae2544 {
    flex: 1
}

.container_bb8774 {
    background-color: var(--card-background-default);
    border: 1px solid var(--border-subtle);
    border-radius: 8px;
    flex-direction: column;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.container_bb8774,.image_bb8774 {
    display: flex;
    overflow: hidden
}

.image_bb8774 {
    align-items: center;
    background-color: var(--brand-500);
    border-radius: var(--radius-md);
    flex-shrink: 0;
    justify-content: center
}

.image_bb8774,.image_bb8774 img {
    height: 80px;
    width: 80px
}

.description_bb8774 {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    max-height: 36px;
    overflow: hidden;
    text-align: center;
    width: 100%
}

.card_bb8774 {
    background-color: var(--card-background-default);
    gap: 10px;
    padding: 16px
}

.body_bb8774,.card_bb8774 {
    align-items: center;
    display: flex;
    flex-direction: column
}

.body_bb8774 {
    align-self: stretch;
    gap: 16px
}

.purchaseBtn_bb8774 {
    width: 100%
}

.benefits_bb8774 {
    background-color: var(--background-base-lower);
    flex-grow: 1;
    padding: 16px
}

.benefitsContainer_bb8774 {
    gap: 24px
}

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

.benefitsList_bb8774 {
    gap: 12px
}

.benefitsBenefit_bb8774 {
    align-items: center;
    align-self: stretch;
    display: flex;
    gap: 16px
}

.cardBenefit_bb8774 {
    display: flex;
    gap: 16px;
    width: 100%
}

@value iconSize: 24px;.cardBenefitIcon_bb8774 {
    font-size: 24px;
    height: 24px;
    width: 24px
}

.cardBenefitIcon_bb8774 img {
    height: 24px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 24px
}

.benefitsSummary_bb8774 {
    align-items: center;
    align-self: stretch;
    background: var(--background-base-lowest);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 16px
}

.container__96554 {
    align-items: center;
    background: var(--background-base-lowest);
    border-radius: 12px;
    display: inline-flex;
    gap: 4px;
    padding: 2px 8px
}

.containerScrollGradient__956c6 {
    background: linear-gradient(0deg,var(--background-base-low) 0,transparent 100%);
    bottom: 52px;
    height: 52px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity .12s ease-in-out;
    width: 100%
}

.containerScrollGradient__956c6[data-shown=true] {
    opacity: 1
}

.text_f4d1ff {
    display: flex;
    gap: 4px
}

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

.footerButtons__24654 {
    display: flex;
    gap: 10px
}

.appIcon__24654 {
    --custom-size: 24px;
    border-radius: var(--custom-size);
    height: var(--custom-size);
    margin-top: var(--custom-modal-padding-md);
    margin-inline-start:var(--space-16);-o-object-fit: cover;
    object-fit: cover;
    width: var(--custom-size)
}

.unavailableBody__24654 {
    margin-bottom: 32px;
    margin-top: 8px
}

.container__8823a {
    background: var(--background-base-lower);
    box-sizing: border-box;
    padding-bottom: 24px;
    position: relative
}

.header__8823a {
    align-items: center;
    background-color: var(--background-base-lowest);
    display: flex;
    height: 260px;
    justify-content: center;
    margin-bottom: 24px;
    overflow: hidden;
    position: relative
}

.headerBackground__8823a {
    --custom-overlay-color: hsl(var(--primary-730-hsl)/0.9);
    background-image: linear-gradient(var(--custom-overlay-color),var(--custom-overlay-color)),var(--custom-background-url);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(4px);
    height: 120%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%,-50%,0);
    width: 120%
}

.theme-light .headerBackground__8823a {
    --custom-overlay-color: hsl(var(--white-500-hsl)/0.3)
}

.headerImage__8823a {
    align-items: center;
    border-radius: 8px;
    display: flex;
    height: 100%;
    justify-content: center;
    max-height: 85%;
    max-width: 59.5%;
    overflow: hidden;
    width: 100%;
    z-index: 1
}

.headerImage__8823a>img {
    border-radius: 8px;
    box-shadow: var(--shadow-high);
    max-height: 100%;
    max-width: 100%
}

.scroller__8823a {
    height: 100%;
    scrollbar-width: thin
}

.scrollContent__8823a {
    display: flex;
    flex-direction: column;
    padding-bottom: 32px
}

.content__8823a {
    padding: 0 16px
}

.details__8823a {
    gap: 8px
}

.benefits__8823a,.details__8823a {
    display: flex;
    flex-direction: column
}

.benefits__8823a {
    align-items: flex-start;
    border-top: 1px solid var(--interactive-background-selected);
    gap: 16px;
    margin-top: 16px;
    padding-top: 16px
}

.description__8823a {
    white-space: break-spaces
}

.content__57f77 {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: auto;
    min-width: 32px
}

.loading__57f77 {
    inset-inline: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.textEmoji__57f77 {
    flex-shrink: 0;
    margin-inline-end:4px}

.premium__57f77 {
    transition: width .3s
}

.shopIcon__57f77 {
    align-items: center;
    display: flex;
    margin-inline-end:4px}

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

.hidden__57f77 {
    visibility: hidden
}

.label__57f77 {
    flex-shrink: 1;
    overflow: hidden;
    text-overflow: ellipsis
}

.container__81a06 {
    align-items: center;
    display: flex;
    width: 100%
}

.select__81a06 {
    max-width: 100%;
    width: 400px
}

.inModal__81a06 {
    max-width: 100%;
    width: 100%
}

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

.hidden__81a06 {
    opacity: 0;
    width: 0
}

.container__28e94 {
    align-items: center;
    display: flex;
    width: 100%
}

.select__28e94 {
    max-width: 100%;
    width: 400px
}

.inModal__28e94 {
    max-width: 100%;
    width: 100%
}

.selectOption__28e94 {
    padding: 8px
}

.disabled__28e94 {
    opacity: .6
}

.emoji__28e94,.smallEmoji__28e94 {
    margin-inline-end:8px}

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

.offset__28e94 {
    margin-inline-start:27px}

.optionTag__28e94 {
    align-items: center;
    background: var(--background-base-low);
    border-radius: 3px;
    box-sizing: border-box;
    color: var(--interactive-text-active);
    display: flex;
    flex-shrink: 0;
    max-width: 230px;
    padding: 6px 8px
}

.labelContainer__28e94 {
    font-size: 14px;
    line-height: 18px;
    overflow: hidden
}

.label__28e94 {
    color: var(--text-strong);
    margin-bottom: 4px
}

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

.label__28e94,.singleValueLabel__28e94,.tag__28e94 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tag__28e94 {
    align-items: center;
    display: flex;
    height: 20px
}

.option__28e94 {
    font-size: 16px
}

.option__28e94,.value__28e94 {
    align-items: center;
    display: flex;
    overflow: hidden
}

.value__28e94 {
    flex-wrap: wrap;
    gap: 4px
}

.singleValue__28e94 {
    font-size: 16px;
    gap: 0
}

.singleValueLabel__28e94 {
    flex: 1
}

.error__28e94 {
    align-items: center;
    display: flex;
    margin-top: 8px
}

.errorIcon__28e94 {
    color: var(--icon-feedback-critical);
    display: block;
    margin-inline-end:8px}

.discriminator__78c91,.username__78c91 {
    color: var(--text-muted)
}

.tag__78c91 {
    align-items: center
}

.tag__78c91 .bot__78c91 {
    margin-top: 0
}

.label__78c91 {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 4px;
    min-width: 100%;
    overflow: hidden;
    width: 0
}

.labelText__78c91 {
    display: flex;
    line-height: 1.2;
    white-space: nowrap
}

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

.roleCountIcon__78c91,.roleCountText__78c91 {
    color: var(--text-muted)
}

.roleCountText__78c91 {
    margin: 0 4px
}

.container_e21ed7 {
    background-color: var(--input-background-default);
    border: 1px solid var(--input-border-default);
    border-radius: var(--radius-sm);
    transition: background-color .1s ease-in-out
}

.dropping_e21ed7 {
    background-color: var(--background-surface-highest)
}

.error_e21ed7 {
    border-color: var(--border-feedback-critical)
}

.mainWrapper_e21ed7 {
    margin: var(--space-xl) var(--space-sm);
    position: relative
}

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

.hidden_e21ed7 {
    visibility: hidden
}

.absolutelyPositioned_e21ed7 {
    inset: 0;
    position: absolute
}

.files_e21ed7 {
    display: grid;
    gap: var(--space-xs);
    grid-template-columns: 1fr 1fr;
    margin: var(--space-sm)
}

.file_e21ed7 {
    align-items: center;
    background-color: var(--background-surface-higher);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    display: flex;
    gap: var(--space-sm);
    padding: var(--space-xs);
    position: relative
}

.file_e21ed7:focus-within .miniPopover_e21ed7,.file_e21ed7:hover .miniPopover_e21ed7 {
    opacity: 1
}

.singleFileInput_e21ed7 {
    background-color: var(--background-surface-highest)
}

.filename_e21ed7 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.miniPopover_e21ed7 {
    background-color: var(--background-surface-high);
    border-radius: var(--radius-sm);
    height: unset;
    inset-inline-end: -6px;
    opacity: 0;
    outline: 1px solid var(--border-subtle);
    position: absolute;
    top: -6px;
    transition: opacity .1s ease-in-out
}

.action_e21ed7 {
    height: unset;
    min-width: unset;
    padding: var(--space-6)
}

.action_e21ed7:active {
    padding-bottom: 5px;
    padding-top: 7px
}

.actionIcon_e21ed7 {
    height: unset;
    width: unset
}

.fileInput_e21ed7 {
    display: none
}

.clearButtonContainer__6d62c {
    display: flex;
    justify-content: flex-end;
    margin-top: 4px;
    max-height: 100px;
    opacity: 1;
    overflow: hidden
}

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

.clearButtonContainerHidden__6d62c {
    margin-top: 0;
    max-height: 0;
    opacity: 0
}

.formItem__1b11b {
    width: 100%
}

.noDrag_e9ca56 {
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.container_e9ca56 {
    position: relative;
    width: 380px
}

.card_e9ca56 {
    gap: 8px
}

.card_e9ca56,.footer_e9ca56 {
    display: flex;
    padding: var(--space-8)
}

.footer_e9ca56 {
    justify-content: space-between
}

.title_e9ca56 {
    color: #000;
    font-size: 16px;
    text-transform: uppercase
}

.asset_e9ca56,.title_e9ca56 {
}

.asset_e9ca56 {
    background-blend-mode: color-burn;
    background-image: url(https://cdn.discordapp.com/assets/content/7f5bafad92c161f4e3f0aead83b84dfafeacea91a5eb442f49ed5711470b7887.png);
    background-size: cover;
    height: 120px;
    padding-inline:var(--space-8);padding-bottom: var(--space-16);
    padding-top: var(--space-16)
}

.stats_e9ca56 {
    flex-direction: column;
    overflow: hidden
}

.stat_e9ca56,.stats_e9ca56 {
    display: flex;
    gap: var(--space-8)
}

.stat_e9ca56 {
    align-items: center
}

.statImage_e9ca56 {
    background-color: #000;
    border: 1px solid #000;
    border-radius: 0;
    flex-shrink: 0;
    height: 14px;
    width: 14px
}

.statText_e9ca56 {
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cta_e9ca56 {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: var(--space-4)
}

.ctaText_e9ca56 {
    color: #000;
    text-transform: uppercase
}

.powerContainer_e9ca56 {
    clip-path: polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);
    display: flex;
    flex-direction: column;
    gap: 2px;
    inset-inline-start: 0;
    padding-inline-end:var(--space-12);padding-bottom: var(--space-4);
    padding-top: var(--space-8);
    padding-inline-start:var(--space-8);position: absolute;
    top: 0
}

.powerText_e9ca56 {
    display: flex;
    gap: 4px
}

.powerBar_e9ca56 {
    display: flex;
    gap: 2px
}

.inline__6c706 {
    opacity: 1
}

.full-motion .inline__6c706 {
    transition: all .1s ease
}

.inline__6c706.hiddenMosaicItem__6c706 {
    visibility: hidden
}

.full-motion .obscured__6c706 {
    transition: all .1s ease
}

.obscured__6c706.hiddenMosaicItem__6c706 {
    pointer-events: none
}

.obscured__6c706.hiddenMosaicItem__6c706.hiddenSpoiler__6c706 {
    filter: blur(var(--custom-message-attachment-spoiler-blur-radius))
}

.obscured__6c706.hiddenMosaicItem__6c706.hiddenExplicit__6c706 {
    filter: blur(var(--__obscured-background-blur-radius)) brightness(var(--__obscured-background-brightness))
}

.obscureVideoSpacing__6c706 {
    bottom: 36px;
    transition: bottom .1s ease-in-out
}

.mosaicItemContent__6c706 {
    flex: auto
}

.removeMosaicItemButton__6c706 {
    align-self: flex-start;
    cursor: pointer;
    flex: 0 0 auto;
    opacity: 0;
    padding: 2px
}

.spoilerRemoveMosaicItemButton__6c706 {
    inset-inline-end: -20px;
    position: absolute;
    top: -2px
}

.mosaicItem__6c706 {
    align-items: start;
    display: flex;
    flex-flow: row nowrap;
    height: 100%;
    max-width: 100%
}

.mosaicItemNoJustify__6c706 {
    justify-self: auto!important
}

.mosaicItemFullWidth__6c706 {
    align-items: center;
    width: 100%
}

.mosaicItemMediaMosaic__6c706 {
    border-radius: 2px;
    max-height: inherit;
    position: relative
}

.hasFooter__6c706 {
    max-width: 100%
}

.hasFooter__6c706,.hasFooter__6c706 video {
    border-end-end-radius: 0;
    border-end-start-radius: 0
}

.mosaicItemWithFooter__6c706 {
    flex-direction: column
}

.hideOverflow__6c706 {
    overflow: hidden
}

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

.nonMediaMosaicItem__6c706 {
    inset-inline-end: -8px;
    outline: 1px solid var(--background-base-lower);
    top: -8px
}

.removeMosaicItemHoverButton__6c706:hover,.keyboard-mode .removeMosaicItemHoverButton__6c706:focus {
    background-color: var(--control-critical-primary-background-default)!important;
    color: var(--control-critical-primary-text-default)!important
}

.removeMosaicItemHoverButton__6c706:active {
    background-color: var(--control-critical-primary-background-active);
    color: var(--white)
}

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

.enable-forced-colors .removeMosaicItemButton__6c706 {
    background-color: ButtonFace;
    border: 1px solid ButtonFace;
    color: ButtonText;
    opacity: 1
}

.enable-forced-colors .removeMosaicItemButton__6c706:focus,.enable-forced-colors .removeMosaicItemButton__6c706:hover {
    border-color: ButtonText
}

.hoverButtonGroup__06ab4:hover,.keyboard-mode .hoverButtonGroup__06ab4:focus-within,:hover+.hoverButtonGroup__06ab4 {
    opacity: 1
}

.hoverButton__06ab4 {
    color: var(--interactive-text-default);
    cursor: pointer;
    display: flex;
    padding: 6px
}

.hoverButton__06ab4.selected__06ab4,.hoverButton__06ab4:hover,.keyboard-mode .hoverButton__06ab4:focus {
    background-color: var(--interactive-background-hover);
    color: var(--interactive-text-hover)
}

.hoverButton__06ab4:active {
    background-color: var(--interactive-background-active);
    color: var(--interactive-text-active)
}

.hoverButtonGroup__06ab4 {
    background-color: var(--background-base-low);
    border-radius: 5px;
    display: flex;
    inset-inline-end: 4px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 4px;
    z-index: 2
}

.nonMediaMosaicItem__06ab4 {
    inset-inline-end: -8px;
    outline: 1px solid var(--background-base-lower);
    top: -8px
}

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

.fileDisplayContainer__55ed7 {
    width: -moz-min-content;
    width: min-content
}

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

.notFoundPlaceholder_a3c1e1 {
    align-items: center;
    animation: fadeIn_a3c1e1 .7s;
    background-color: var(--opacity-black-4);
    display: flex;
    height: 100%;
    justify-content: center;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.brokenImageIcon_a3c1e1 {
    color: var(--background-mod-strong);
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: 32px
}

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

.oneByOneGrid_f4758a {
    display: inline-block;
    max-height: 350px;
    width: -moz-fit-content;
    width: fit-content
}

.oneByOneGridSingle_f4758a {
    border-radius: 8px;
    max-width: 100%;
    overflow: hidden
}

.oneByOneGridMosaic_f4758a {
    display: flex;
    max-height: 280px;
    width: 100%
}

.oneByTwoGrid_f4758a {
    display: flex;
    flex-direction: row;
    gap: 4px;
    max-height: 280px
}

.oneByTwoLayoutThreeGrid_f4758a {
    max-height: 350px
}

.oneByTwoGridItem_f4758a {
    flex: 1;
    min-width: 0
}

.oneByTwoGrid_f4758a .itemContentContainer_f4758a,.oneByTwoGrid_f4758a .lazyImg_f4758a {
    height: 100%
}

.oneByTwoSoloItem_f4758a {
    flex: 2
}

.oneByTwoDuoItem_f4758a {
    flex: 1
}

.twoByOneGrid_f4758a {
    display: flex;
    flex-direction: column;
    gap: 4px;
    height: 100%
}

.twoByOneGridItem_f4758a {
    flex: 1;
    min-height: 0
}

.threeByThreeGrid_f4758a {
    display: grid;
    flex-direction: row;
    grid-template-columns: repeat(3,minmax(0,1fr));
    grid-gap: 4px
}

.threeByThreeGrid_f4758a .lazyImg_f4758a,.threeByThreeGrid_f4758a .lazyImgContainer_f4758a {
    aspect-ratio: 1/1
}

.twoByTwoGrid_f4758a {
    display: grid;
    flex-direction: row;
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-template-rows: repeat(2,minmax(0,1fr));
    grid-gap: 4px;
    max-height: 350px
}

.oneByOneGrid_f4758a+.threeByThreeGrid_f4758a,.oneByTwoGrid_f4758a+.threeByThreeGrid_f4758a {
    margin-top: 4px
}

.visualMediaItemContainer_f4758a {
    border-radius: 8px;
    height: 100%;
    max-width: 550px;
    overflow: hidden;
    width: 100%
}

.visualMediaItemContainer_f4758a.isInAppComponentsV2_f4758a {
    max-width: 600px
}

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

.nonVisualMediaItem_f4758a {
    max-width: 100%;
    width: -moz-fit-content;
    width: fit-content
}

.nonVisualMediaItem_f4758a+.nonVisualMediaItem_f4758a,.nonVisualMediaItemContainer_f4758a {
    margin-top: 8px
}

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

.hasFooter_f4758a {
    max-height: none
}

.imgContainer__8f9ad {
    --__thumbnail-size: 85px;
    border-radius: var(--radius-sm);
    height: var(--__thumbnail-size);
    max-height: var(--__thumbnail-size);
    max-width: var(--__thumbnail-size);
    overflow: auto;
    width: var(--__thumbnail-size)
}

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

.hiddenSpoiler__8f9ad {
    filter: blur(var(--custom-message-attachment-spoiler-blur-radius));
    pointer-events: none
}

.container__6c21f {
    border: 1px solid var(--status-warning);
    border-radius: var(--radius-md);
    padding: var(--space-16)
}

.clickable__4337d {
    cursor: pointer
}

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

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

.usersHeader__4337d {
    display: flex;
    white-space: pre
}

.textPrimary__8e577 {
    color: var(--content-inventory-overlay-text-primary)
}

.textSecondary__8e577 {
    color: var(--content-inventory-overlay-text-secondary)
}

.headerIcons__8e577 {
    inset-inline-end: 8px;
    position: absolute;
    top: 8px
}

.container__8e577 {
    align-items: center;
    background-color: #000;
    border-radius: var(--radius-sm);
    display: flex;
    gap: 12px;
    margin: 4px 0 0;
    max-width: 400px;
    padding: 8px;
    position: relative;
    width: 100%
}

.clickable__8e577 {
    cursor: pointer
}

.badges__8e577 {
    margin-top: 4px
}

.thumbnailImage__8e577 {
    height: 0;
    min-height: 100%
}

.clickableText__8e577 {
    max-width: -moz-fit-content;
    max-width: fit-content
}

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

.infoContainer__8e577 {
    overflow: hidden;
    position: relative;
    width: 100%
}

.users__8e577 {
    overflow: hidden;
    width: calc(100% - 30px)
}

.thumbnailContainer__8e577 {
    margin-bottom: -2.5px
}

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

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

.error__1647d {
    margin: 4px 0
}

.container__60fa3 {
    background: var(--background-surface-high);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
    overflow: hidden;
    padding: var(--space-16)
}

.container__60fa3.isHidden__60fa3 {
    filter: blur(var(--custom-embed-spoiler-blur-radius));
    pointer-events: none
}

.container__60fa3.withAccentColor__60fa3 {
    position: relative
}

.container__60fa3.withAccentColor__60fa3:before {
    background-color: var(--__accent-color);
    content: "";
    height: 100%;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.custom-theme-background .container__60fa3 {
    background-color: var(--background-mod-subtle)
}

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

.section_c3d3d9 {
    display: flex;
    flex-direction: column;
    gap: var(--space-4)
}

.children_c3d3d9 {
    display: flex;
    gap: var(--space-12);
    justify-content: space-between
}

.textChildren_c3d3d9 {
    display: flex;
    flex: 1;
    flex-direction: column;
    row-gap: var(--space-4)
}

.textChildren_c3d3d9.verticallyCenterAlign_c3d3d9 {
    justify-content: center
}

.accessory_c3d3d9 {
    align-items: flex-start;
    display: flex;
    min-width: 0
}

.accessory_c3d3d9.restrictWidth_c3d3d9 {
    max-width: calc(50% - var(--space-12))
}

.container__5e208 {
    display: flex;
    flex-direction: column;
    row-gap: 6px;
    width: 100%
}

.container__5e208.isComponentsV2__5e208 {
    align-items: stretch;
    max-width: min(600px,100%);
    row-gap: var(--space-8);
    width: -moz-fit-content;
    width: fit-content
}

.postPreviewContainer__419e3 {
    border-radius: 10px;
    max-width: 512px;
    min-width: 160px;
    overflow: hidden;
    width: 100%
}

.thumbnailContainer__419e3 {
    background-color: var(--background-surface-high);
    max-height: 288px;
    overflow: hidden;
    position: relative
}

.thumbnail__419e3 {
    overflow: hidden;
    padding: 0;
    width: 100%
}

.thumbnail__419e3,.thumbnailImage__419e3 {
    border-radius: 0;
    height: 100%
}

.thumbnailOverlay__419e3 {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    top: 0;
    transition-duration: var(--custom-media-post-embed-transition-duration);
    width: 100%
}

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

.thumbnailOverlayCta__419e3 {
    align-items: center;
    background-color: rgba(49,51,56,.75);
    border-radius: 64px;
    display: flex;
    gap: 8px;
    padding: 16px
}

.descriptionContainer__419e3 {
    background-color: var(--background-base-lower);
    position: relative
}

.descriptionHeader__419e3 {
    border-bottom: 1px solid var(--interactive-background-hover);
    padding: 16px
}

.descriptionHeaderText__419e3 {
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.descriptionSubtitle__419e3 {
    width: 360px
}

.descriptionFooter__419e3 {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 16px
}

.authorAvatar__419e3 {
    border-radius: 50%;
    height: 40px;
    width: 40px
}

.descriptionFooterContainer__419e3 {
    flex-grow: 1
}

.descriptionFooterChannelName__419e3 {
    align-items: center;
    display: flex;
    gap: 5px
}

.descriptionFooterAuthorContainer__419e3 {
    cursor: default;
    display: flex
}

.authorName__419e3 {
    margin-inline-start:2px}

.mediaChannelIcon__419e3 {
    color: var(--text-muted);
    height: 20px;
    margin-inline-end:2px;width: 20px
}

.channelName__419e3 {
    cursor: pointer
}

.channelName__419e3:hover {
    color: var(--text-strong);
    text-decoration: underline
}

.spoiler__419e3 {
    filter: blur(var(--custom-media-post-embed-spoiler-blur-radius));
    pointer-events: none
}

.enabled_f4f0eb {
    cursor: pointer
}

.attachmentImage_f4f0eb {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.listItemButton_f4f0eb {
    cursor: pointer
}

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

.radioForeground_f4f0eb {
    color: var(--control-brand-foreground)
}

.checkbox_f4f0eb {
    align-items: center;
    background-color: transparent;
    border: 2px solid var(--text-default);
    border-radius: 3px;
    box-sizing: border-box;
    display: flex;
    justify-content: center
}

.checkboxSelected_f4f0eb {
    background-color: var(--brand-500);
    border: none
}

.answersContainer__10758 {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2,1fr)
}

.answer__10758 {
    align-items: center;
    aspect-ratio: 1/1;
    background-color: var(--custom-poll-style-image-background);
    border-radius: var(--radius-xs);
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative
}

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

.currentlyVoting__10758 .attachment__10758:after {
    background-color: var(--white);
    content: "";
    height: 100%;
    inset-inline-start: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity var(--custom-button-transition-duration) ease;
    width: 100%
}

.currentlyVoting__10758:hover {
    box-shadow: var(--shadow-low)
}

.currentlyVoting__10758:hover .attachment__10758:after {
    opacity: .05
}

.theme-light .currentlyVoting__10758:hover .attachment__10758:after {
    opacity: .1
}

.attachment__10758 {
    border-radius: var(--radius-xs);
    height: 100%;
    position: absolute;
    width: 100%
}

.attachmentWithResults__10758 {
    border-radius: var(--radius-xs) var(--radius-xs) var(--radius-sm) var(--radius-xs)
}

.emoji__10758 {
    height: 30%;
    position: absolute;
    width: 30%
}

.mediaMissing__10758 {
    background-color: var(--background-base-low)
}

.selectedIcon__10758 {
    position: relative
}

.pollAnswerIcon__10758 {
    height: 28px;
    inset-inline-end: -9px;
    position: absolute;
    top: -9px;
    width: 28px
}

.votesData__10758 {
    align-items: center;
    align-self: flex-end;
    background-color: var(--custom-poll-style-vote-percentage);
    border-radius: var(--radius-xs) 0;
    bottom: 0;
    color: var(--custom-poll-style-label);
    display: flex;
    flex-direction: row;
    gap: 4px;
    inset-inline-end: 0;
    padding: 4px 6px;
    position: absolute
}

.answersContainer__4c520 {
    display: grid;
    gap: 8px;
    grid-auto-rows: 1fr;
    grid-template-columns: 1fr;
    margin: 8px 0 16px
}

.answer__4c520 {
    display: flex
}

.answerInner__4c520 {
    align-items: center;
    background-color: var(--background-mod-muted);
    border-radius: var(--radius-sm);
    box-sizing: border-box;
    color: var(--text-default);
    display: flex;
    gap: 8px;
    min-height: 50px;
    outline: 1px solid var(--custom-poll-style-border);
    overflow: hidden;
    padding: 8px 16px;
    position: relative;
    transition: background-color var(--custom-button-transition-duration) ease,outline-color var(--custom-button-transition-duration) ease;
    width: 100%;
    word-break: break-word;
    z-index: 1
}

.answer__4c520:hover .answerInner__4c520.currentlyVoting__4c520 {
    outline: 1px solid var(--border-strong)
}

.answer__4c520 .answerInner__4c520.currentlyVoting__4c520.selected__4c520 {
    outline: 1px solid var(--control-brand-foreground)
}

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

.emoji__4c520 {
    margin-inline-end:2px}

.attachment__4c520,.emoji__4c520 {
    height: 24px;
    width: 24px
}

.label__4c520 {
    margin-inline-end:auto}

.avatarForSelected__4c520 {
    height: 20px;
    margin-inline-start:8px;width: 20px
}

.votePercentageBar__4c520 {
    background-color: var(--custom-poll-style-vote-percentage);
    bottom: 0;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    z-index: -1
}

.votesData__4c520 {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 8px;
    white-space: nowrap
}

.answerSelectionIcon__4c520 {
    flex-shrink: 0
}

.container__0be77 {
    background-color: var(--background-surface-high);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    max-width: 472px;
    min-width: 302px;
    overflow: hidden;
    padding: 16px;
    position: relative;
    width: 100%
}

.header__0be77 {
    display: grid;
    gap: 0 8px;
    grid-template-areas: "question infoIcon" "prompt infoIcon";
    grid-template-columns: 1fr 24px
}

.question__0be77 {
    grid-area: question;
    word-break: break-word
}

.prompt__0be77 {
    grid-area: prompt;
    margin: 4px 0 0
}

.detailsText__0be77 {
    display: flex;
    white-space: nowrap
}

.detailsText__0be77>:not(:first-child):before {
    content: "\2219";
    margin: 0 .5rem
}

.bottomBar__0be77 {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
    min-height: var(--custom-button-button-md-height)
}

.secondaryAction__0be77 {
    margin-inline-end:auto}

.tertiaryAction__0be77 {
    cursor: pointer;
    padding-inline:0}

.tertiaryAction__0be77:hover {
    text-decoration: underline
}

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

.container__5301b {
    box-sizing: border-box;
    margin-bottom: 16px;
    max-width: 660px;
    min-width: 280px;
    width: 100%
}

.wide__5301b.container__5301b {
    display: flex;
    flex-shrink: 0;
    height: 250px
}

.tall__5301b.container__5301b {
    display: flex;
    flex-direction: column-reverse
}

.contentContainer__5301b {
    background: var(--background-base-lowest);
    border-radius: 8px 0 0 8px;
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 38px 16px 16px
}

.tall__5301b .contentContainer__5301b {
    border-radius: 0 0 8px 8px;
    padding: 16px
}

.buttonContainer__5301b {
    align-self: flex-start;
    margin-top: auto
}

.tall__5301b .buttonContainer__5301b {
    margin-top: 50px;
    width: 100%
}

.imgContainer__5301b {
    align-items: center;
    background: var(--background-base-lower);
    border-radius: 0 8px 8px 0;
    display: flex;
    flex: 1;
    justify-content: center;
    padding: 16px
}

.missingQuestImage__5301b {
    height: 180px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

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

.theme-light .imgContainer__5301b {
    background: var(--background-mod-normal)
}

.theme-dark .contentContainer__5301b {
    background: var(--background-base-lowest)
}

.theme-dark .imgContainer__5301b {
    background: var(--background-base-lower)
}

.outerContainer_fbc6f7 {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 16px;
    padding: 16px
}

.outerContainerSm_fbc6f7 {
    flex-wrap: wrap;
    gap: 12px;
    max-height: none
}

.outerContainerXs_fbc6f7 {
    gap: 6px;
    max-height: none;
    position: relative
}

.questRewardEmbed_fbc6f7 {
    height: 80px;
    width: 80px
}

.questRewardEmbedSm_fbc6f7 {
    height: 70px;
    width: 70px
}

.questRewardEmbedXs_fbc6f7 {
    bottom: 0;
    height: 50px;
    position: absolute;
    width: 50px
}

.taskDetails_fbc6f7 {
    flex: 1 1 180px;
    min-width: 180px
}

.taskInstructions_fbc6f7 {
    margin-bottom: 4px
}

.questEnrollmentBlockedButton_fbc6f7 {
    flex: 1 0 auto
}

.outerContainerXs_fbc6f7 .questEnrollmentBlockedButton_fbc6f7 {
    width: 100%
}

.learnMoreLink_fbc6f7 {
    cursor: pointer
}

.ctaTooltipText_fbc6f7 {
    text-align: center
}

.root_fbc6f7 {
    background-color: var(--background-surface-high)
}

.rewardTileWrapper_fbc6f7 {
    position: relative
}

.rewardTileExpired_fbc6f7 {
    align-items: center;
    background: rgba(0,0,0,.5);
    bottom: 0;
    display: flex;
    inset-inline: 0;
    justify-content: center;
    position: absolute;
    top: 0
}

.rewardTileExpirationTooltip_fbc6f7 {
    text-align: center
}

.removeStackWidth_fbc6f7 {
    width: auto
}

.heroAsset_c93f8c {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    transition: opacity .7s;
    width: auto
}

.heroAssetCont_c93f8c {
    align-items: center;
    background-color: var(--background-base-low);
    display: flex;
    justify-content: center;
    overflow: hidden
}

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

.heroAssetVideo_c93f8c {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: opacity .4s
}

.partnerBranding__83420 {
    align-items: center;
    display: flex;
    flex: 0 1 auto
}

.partnerBrandingGameTile__83420 {
    display: block;
    flex: 0 0 auto;
    margin-inline-end:8px}

.partnerBrandingLogotype__83420 {
    height: 24px;
    max-width: 92px;
    -o-object-fit: contain;
    object-fit: contain
}

.partnerBrandingLogotypeWithCosponsor__83420 {
    flex: 0 0 auto;
    max-width: 44px
}

.cosponsorBrandSeparatorWrapper__83420 {
    align-items: center;
    display: flex;
    flex: 0 0 auto
}

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

.promotedTag__1d868 {
    isolation: isolate;
    padding: 3px 4px 2px;
    position: relative;
    text-transform: uppercase
}

.promotedTag__1d868,.promotedTag__1d868 span {
    display: block
}

.promotedTagBackground__1d868 {
    background-color: var(--black);
    border-radius: 3px;
    height: 100%;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.outerContainer__74dc6 {
    display: flex;
    flex-direction: column;
    max-height: 185px;
    overflow: hidden;
    position: relative
}

.outerContainerGiftInventory__74dc6 {
    min-height: 185px
}

.outerContainerEmbed__74dc6 {
    min-height: 138px
}

.questSplashContainer__74dc6 {
    height: 185px
}

.questSplashImage__74dc6 {
    max-width: 660px;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%
}

.header__74dc6 {
    box-sizing: border-box;
    flex: 1 1 auto;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1
}

.outerContainerEmbed__74dc6.outerContainerXs__74dc6 .header__74dc6 {
    padding-bottom: 40px
}

.headerContent__74dc6 {
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    width: 100%
}

.headerContentEmbed__74dc6 {
    position: static
}

.headerExpandedContent__74dc6 {
    align-items: flex-start;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 16px
}

.headerExpandedWrapper__74dc6 {
    width: 100%
}

.headerCollapsedContent__74dc6 {
    height: 100px;
    width: 100%
}

.headerCollapsedClickableContainer__74dc6 {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 100%;
    padding: 8px;
    width: 100%
}

.headerCollapsedContentRewardWrapper__74dc6 {
    align-items: center;
    background-color: var(--background-mod-subtle);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-inline-end:20px;padding: 4px 4px 6px
}

.headerCollapsedRewardTile__74dc6 {
    border-radius: 6px;
    height: 60px;
    width: 60px
}

.headerCollapsedContentCopyWrapper__74dc6 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 4px
}

.headerCollapsedContentCopyLogos__74dc6,.iconLogotypeContainer__74dc6 {
    align-items: center;
    display: flex;
    flex-direction: row
}

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

.partnerBrandingLogotypes__74dc6 {
    max-width: 92px
}

.outerContainerXs__74dc6 .partnerBrandingLogotypes__74dc6 {
    max-width: 60px
}

.questInfo__74dc6 {
    margin-top: 4px;
    overflow: hidden
}

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

.outerContainer__74dc6:after {
    background: linear-gradient(180deg,transparent,25%,rgba(0,0,0,.9));
    content: "";
    height: 100%;
    inset-inline-start: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.iconsContainer__74dc6 {
    flex-direction: row;
    gap: 8px;
    inset-inline-end: 16px;
    position: absolute
}

.iconWrapper__74dc6,.iconsContainer__74dc6 {
    align-items: center;
    display: flex
}

.iconWrapper__74dc6 {
    align-self: flex-start;
    background-color: rgba(0,0,0,.4);
    border-radius: 16px;
    cursor: pointer;
    height: 32px;
    justify-content: center;
    line-height: 32px;
    opacity: .9;
    transition: background-color .125s,opacity .125s;
    width: 32px
}

.iconWrapper__74dc6:focus,.iconWrapper__74dc6:hover {
    background-color: rgba(0,0,0,.5)
}

.iconWrapper__74dc6:active {
    opacity: .7
}

.submenuIcon__74dc6 {
    color: var(--white);
    height: 24px;
    inset-inline-start: 4px;
    position: absolute;
    top: 4px;
    width: 24px
}

.shareButton__74dc6 {
    margin-top: 8px
}

.questsCard__12e16 {
    border-radius: 8px;
    box-shadow: var(--shadow-low);
    max-width: 660px;
    min-width: 280px;
    overflow: hidden;
    width: 100%
}

.questsCard__12e16+.questsCard__12e16 {
    margin-top: 16px
}

.spinner__255ba {
    margin-top: 40px
}

.popout_d5c2c4 {
    background-color: var(--background-base-lower);
    border-radius: 8px;
    box-shadow: var(--legacy-elevation-high),var(--legacy-elevation-border);
    box-sizing: border-box;
    line-height: 20px;
    overflow: hidden;
    padding: 24px 16px;
    text-align: center;
    width: 240px
}

.staffBadge_d5c2c4 {
    background-image: url(/assets/a5041f91a8a7f1d5.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 16px;
    width: 16px
}

.nameWrapper_d5c2c4 {
    margin-top: 16px
}

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

.description_d5c2c4 {
    margin-top: 8px
}

.avatar_d5c2c4 {
    border-radius: 16px;
    height: 100px;
    width: 100px
}

.avatar__8c0e2 {
    margin-inline-end:var(--space-4)}

.username__8c0e2 a {
    color: unset
}

.timestampSeparator__8c0e2 {
    margin: 0 var(--space-4)
}

.timestamp__8c0e2 {
    margin: 0
}

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

.content__0ed20 {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    max-width: 100%
}

.headerContainer__0ed20 {
    align-items: center;
    align-self: flex-start;
    display: flex;
    gap: var(--space-4);
    margin-bottom: var(--space-4);
    margin-top: 2px
}

.message__0ed20 {
    margin-inline-start:calc(var(--space-16)*-1)}

.nestedAccessories__0ed20 {
    margin-inline-start: 56px
}

.headerIcon__0ed20 {
    flex-shrink: 0
}

.headerText__0ed20 {
    font-style: italic
}

.footerContainer__0ed20 {
    align-items: center;
    align-self: flex-start;
    border-radius: 4px;
    color: var(--text-muted);
    cursor: pointer;
    display: flex;
    gap: var(--space-4);
    margin-top: var(--space-4);
    max-width: 100%;
    padding-bottom: 1px;
    padding-top: 1px
}

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

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

.footerText__0ed20 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre
}

.originIcon__0ed20 {
    border-radius: 4px;
    height: 16px;
    width: 16px
}

.safetyPolicyNoticeContainer_e80b85 {
    background: var(--background-base-lower);
    border-radius: var(--radius-sm);
    display: flex;
    flex-direction: column
}

.noticeContent_e80b85 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    padding: var(--space-12)
}

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

.warningIcon_e80b85 {
    color: var(--icon-feedback-critical);
    height: 14px;
    margin-inline-end:var(--space-4);width: 14px
}

.incidentTiming_e80b85 {
    color: var(--text-muted);
    margin-top: var(--space-4)
}

.noticeBody_e80b85 {
    color: var(--text-muted);
    margin-top: var(--space-8)
}

.footerContainer_e80b85 {
    align-items: flex-start;
    background-color: var(--control-critical-primary-background-default);
    border-radius: 0 0 var(--radius-sm) var(--radius-sm);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: var(--space-8) var(--space-12)
}

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

.safetyPolicyNoticeContainer__86361 {
    background: var(--card-background-default);
    border-radius: var(--radius-sm);
    display: flex;
    flex-direction: column
}

.noticeContent__86361 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    padding: var(--space-12)
}

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

.icon__86361 {
    height: 14px;
    margin-inline-end:var(--space-4);width: 14px
}

.incidentTiming__86361 {
    color: var(--text-muted);
    margin-top: var(--space-4)
}

.noticeBody__86361 {
    color: var(--text-muted);
    margin-top: var(--space-8)
}

.detailsButton__86361 {
    margin-inline:var(--space-8);padding: var(--space-8) 0
}

.defaultFooterContainer__86361 {
    align-items: center;
    background-color: var(--background-mod-normal);
    border-radius: 0 0 var(--radius-sm) var(--radius-sm);
    color: var(--white);
    display: flex;
    flex-direction: row;
    justify-content: start;
    width: 100%
}

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

.dangerFooterContainer__86361 {
    align-items: flex-start;
    background-color: var(--control-critical-primary-background-default);
    border-radius: 0 0 var(--radius-sm) var(--radius-sm);
    color: var(--white);
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%
}

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

.card_abfd90,.cardContainer_abfd90 {
    overflow: hidden
}

.card_abfd90 {
    background: var(--background-base-low);
    border: 2px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    transform: translateY(0);
    width: 100%
}

.cardMedium_abfd90 {
    height: 270px
}

.cardSmall_abfd90 {
    height: 246px
}

.cardImageContainer_abfd90 {
    bottom: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    z-index: 0
}

.cardEmbedded_abfd90 {
    border: none;
    border-radius: unset;
    height: 254px
}

.cardDark_abfd90 {
    background-color: var(--background-surface-high)
}

.cardHighlighted_abfd90 {
    box-shadow: var(--shadow-border),var(--shadow-high)
}

.cardDarkHighlighted_abfd90 {
    box-shadow: 0 0 15px 1px var(--primary-700)
}

.cardNotLoaded_abfd90 {
    cursor: default;
    pointer-events: none
}

.cardAnimation_abfd90 {
    transform: scale(100%)
}

.cardAnimation_abfd90:focus-within,.cardAnimation_abfd90:hover {
    transform: scale(105%)
}

.full-motion .cardAnimation_abfd90 {
    transition: transform .5s,box-shadow .5s
}

@keyframes fadeIn_abfd90 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.cardBackgroundImage_abfd90 {
    background-color: var(--background-base-low);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    transform: scale(110%)
}

.full-motion .cardBackgroundImage_abfd90 {
    transition: transform .5s
}

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

.full-motion .cardImage_abfd90 {
    transition: transform .5s
}

.ticketIconContainer_abfd90 {
    background: var(--brand-400);
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0
}

.ticketIcon_abfd90 {
    height: 50%;
    inset-inline-start: 50%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 50%
}

.details_abfd90 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 16px;
    z-index: 1
}

.titleContainer_abfd90 {
    transform: translateY(0)
}

.full-motion .titleContainer_abfd90 {
    transition: transform .5s
}

.descriptionContainer_abfd90 {
    display: flex;
    flex-direction: row;
    gap: 4px;
    opacity: 1
}

.full-motion .descriptionContainer_abfd90 {
    transition: opacity .25s,transform .25s
}

.buttonHover_abfd90 {
    bottom: 16px;
    inset-inline: 16px;
    position: absolute;
    transform: translateY(150%);
    z-index: 1
}

.full-motion .buttonHover_abfd90 {
    transition: all .5s
}

.card_abfd90:focus-within .buttonHover_abfd90,.card_abfd90:hover .buttonHover_abfd90 {
    transform: translateY(0)
}

.card_abfd90:focus-within .descriptionContainer_abfd90,.card_abfd90:hover .descriptionContainer_abfd90 {
    opacity: 0;
    transform: translateY(50%)
}

.card_abfd90:focus-within .titleContainer_abfd90,.card_abfd90:hover .titleContainer_abfd90 {
    transform: translateY(-100%)
}

.card_abfd90:focus-within .bottomGradient_abfd90,.card_abfd90:hover .bottomGradient_abfd90 {
    transform: translateY(-15%)
}

.card_abfd90:focus-within .cardBackgroundImage_abfd90,.card_abfd90:hover .cardBackgroundImage_abfd90 {
    transform: scale(100%)
}

.card_abfd90:focus-within .cardImage_abfd90,.card_abfd90:hover .cardImage_abfd90 {
    transform: scale(105%)
}

.bottomGradient_abfd90 {
    bottom: -25%;
    height: 100%;
    inset-inline-end: 0;
    position: absolute;
    transform: translateY(0);
    width: 100%
}

.full-motion .bottomGradient_abfd90 {
    transition: transform .5s
}

.iconAsset_abfd90 {
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 20px
}

.badge_abfd90 {
    background-color: var(--white);
    color: var(--black);
    inset-inline-start: 16px;
    position: absolute;
    top: 16px;
    z-index: 1
}

.cardButtonsContainer_abfd90 {
    color: var(--primary-100);
    display: flex;
    flex-direction: row;
    gap: 12px;
    inset-inline-end: 8px;
    position: absolute;
    top: 8px;
    z-index: 1
}

.wishlistButton_abfd90 {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border-width: 0;
    padding: 0
}

.forwardButton_abfd90 {
    visibility: hidden
}

.cardButtonContainer_abfd90 {
    align-items: center;
    background-color: color-mix(in srgb,var(--black) 40%,transparent);
    border-radius: var(--radius-sm);
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    transition: background-color .2s ease-in-out;
    width: 40px
}

.cardButtonContainer_abfd90:hover {
    background: color-mix(in srgb,var(--black) 60%,transparent)
}

.cardButtonContainerHovered_abfd90 {
    visibility: visible
}

@keyframes pulse_abfd90 {
    0% {
        background: var(--background-base-lowest)
    }

    30% {
        background: var(--background-base-low)
    }

    70% {
        background: var(--background-base-low)
    }

    to {
        background: var(--background-base-lowest)
    }
}

.placeholderCard_abfd90 {
    cursor: default;
    pointer-events: none
}

.placeholderText_abfd90 {
    background-color: var(--icon-muted);
    border-radius: var(--radius-xs);
    height: var(--space-24);
    opacity: .1
}

.full-motion .placeholderCard_abfd90 {
    animation: pulse_abfd90 2s ease-in-out infinite alternate;
    animation-fill-mode: backwards
}

.container_e95ba0 {
    display: flex;
    flex-direction: column;
    height: 380px;
    max-width: 512px;
    overflow: hidden;
    width: 100%
}

.card_e95ba0,.container_e95ba0 {
    border-radius: var(--radius-lg) var(--radius-lg) 0 0
}

.spinner_e95ba0 {
    align-self: center;
    flex: 1;
    justify-self: center
}

.details_e95ba0 {
    background: var(--background-base-low);
    border-bottom: 1px solid var(--border-subtle);
    border-inline-end:1px solid var(--border-subtle);border-inline-start: 1px solid var(--border-subtle);
    border-radius: 0 0 var(--radius-lg) var(--radius-lg);
    gap: 16px;
    padding: 16px
}

.details_e95ba0,.detailsTitleDescription_e95ba0 {
    display: flex;
    flex-direction: column
}

.detailsTitleDescription_e95ba0 {
    gap: 8px
}

.detailsDescription_e95ba0 {
    display: flex;
    flex-direction: row;
    gap: 4px
}

.iconAsset_e95ba0 {
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 20px
}

.popoutContent_dfa983 {
    display: flex;
    flex-direction: column;
    padding: var(--custom-message-helpers-popout-padding-width)
}

.stickersList_dfa983 {
    display: flex;
    justify-content: space-between;
    margin: 8px 0
}

.stickerWrapper_dfa983 {
    cursor: pointer
}

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

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

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

.theme-dark .countdownIcon_dfa983 {
    color: var(--yellow-260)
}

.theme-light .popoutContent_dfa983,.theme-light .popoutLoader_dfa983 {
    background-color: var(--background-surface-high);
    box-shadow: var(--shadow-border),var(--shadow-high)
}

.theme-light .countdownIcon_dfa983 {
    color: #ff8a00
}

.nonInteractingSticker_dfa983 {
    opacity: .5
}

.clickableSticker_abd7a8 {
    cursor: pointer
}

.stickerContainer_abd7a8 {
    align-self: start;
    justify-self: start
}

.stickerName_abd7a8 {
    display: inline-flex;
    grid-gap: 4px
}

.stickerIcon_abd7a8 {
    height: 16px;
    margin-inline-end:2px;width: 16px
}

.background-opacity-low .clickableSticker_abd7a8 {
    opacity: .6
}

.background-opacity-medium .clickableSticker_abd7a8 {
    opacity: .7
}

.background-opacity-high .clickableSticker_abd7a8 {
    opacity: .8
}

@use postcss-pxtorem;.container__235ca {
    align-items: flex-start;
    color: var(--channels-default);
    display: flex;
    flex: 0 0 auto;
    padding-bottom: .125rem;
    padding-top: .125rem;
    position: relative
}

.compact__235ca {
    margin-inline-start:-4ch}

.content__235ca {
    font-size: 1rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.375rem;
    z-index: 1
}

.content__235ca a {
    color: var(--interactive-text-active);
    cursor: pointer;
    font-weight: var(--font-weight-medium)
}

.content__235ca .actionAnchor__235ca {
    color: var(--text-link)
}

.low-saturation .content__235ca a {
    color: var(--interactive-text-active)
}

.decorate-links .content__235ca a {
    text-decoration: none
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .theme-light .content__235ca {
        font-weight:var(--font-weight-medium)
    }

    .theme-light .content__235ca a {
        font-weight: var(--font-weight-semibold)
    }
}

.iconContainer__235ca {
    align-items: center;
    display: flex;
    inset-inline-end: 100%;
    justify-content: center;
    padding-top: .25rem;
    position: absolute;
    width: 2.5rem
}

.compact__235ca .iconContainer__235ca {
    margin-inline-end:1rem}

.font-size-24 .cozy__235ca .iconContainer__235ca {
    width: 3rem
}

.font-size-20 .cozy__235ca .iconContainer__235ca {
    width: 3.5rem
}

.font-size-18 .cozy__235ca .iconContainer__235ca {
    width: 4rem
}

.font-size-12 .cozy__235ca .iconContainer__235ca,.font-size-14 .cozy__235ca .iconContainer__235ca,.font-size-15 .cozy__235ca .iconContainer__235ca,.font-size-16 .cozy__235ca .iconContainer__235ca {
    width: 4.5rem
}

.compact__235ca .iconContainer__235ca {
    inset-inline-end: auto;
    position: relative;
    width: auto
}

.icon__235ca {
    background-repeat: no-repeat;
    background-size: 1rem 1rem
}

.iconSize__235ca {
    height: 1rem;
    width: 1rem
}

.action__235ca,.actionAnchor__235ca {
    margin-inline-start:3px}

.actionAnchor__235ca {
    cursor: pointer
}

.timestamp__235ca {
    color: var(--text-muted);
    display: inline-block;
    font-size: .75rem;
    font-weight: var(--font-weight-normal);
    letter-spacing: 0;
    line-height: 1.375rem;
    margin-inline-start:6px;text-transform: none
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .theme-light .timestamp__235ca {
        font-weight:var(--font-weight-medium)
    }
}

.background-opacity-low .content__235ca {
    color: var(--white);
    text-shadow: 0 0 1px var(--primary-700),1px 1px 0 var(--primary-700)
}

.background-opacity-low .content__235ca a {
    color: var(--interactive-text-active)
}

.background-opacity-high .content__235ca,.background-opacity-medium .content__235ca {
    color: var(--primary-100);
    text-shadow: 0 0 1px var(--primary-600),1px 1px 0 var(--primary-600)
}

.background-opacity-high .content__235ca a,.background-opacity-medium .content__235ca a {
    color: var(--interactive-text-active)
}

.background-opacity-low .timestamp__235ca,.background-opacity-medium .timestamp__235ca {
    color: var(--primary-200)
}

.background-opacity-high .timestamp__235ca {
    color: var(--primary-300)
}

.iconContainer__45eb7 {
    color: var(--icon-muted);
    padding-top: .125rem
}

.content__45eb7 {
    align-items: baseline;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: .25rem
}

.clickableEmoji__45eb7 {
    cursor: pointer;
    display: inline-block
}

.clickableEmoji__45eb7:hover {
    text-decoration: underline
}

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

.ctaText__45eb7 {
    align-items: center;
    display: inline-flex;
    gap: .3em;
    height: 100%
}

.ctaEmoji__45eb7 {
    height: var(--custom-emoji-size-emoji);
    vertical-align: baseline;
    width: var(--custom-emoji-size-emoji)
}

@use postcss-pxtorem;.spine__9271d {
    align-self: auto!important;
    border-bottom: 2px solid var(--spine-default);
    border-end-start-radius: 8px;
    border-inline-start:2px solid var(--spine-default);border-color: var(--border-subtle);
    bottom: 29px;
    inset-inline-start: -2.5rem;
    position: absolute;
    top: 0;
    width: 2.25rem
}

.spine__9271d.systemMessageSpine__9271d {
    bottom: 32px;
    inset-inline-start: -2rem;
    width: 1.75rem
}

.spine__9271d.cozy__9271d {
    display: none
}

.container__9271d {
    align-self: start;
    background-color: var(--background-surface-high);
    border: 1px solid var(--border-subtle);
    border-radius: 4px;
    cursor: pointer;
    justify-self: start;
    margin-top: 8px;
    max-width: min(100%,480px);
    min-width: 0;
    padding: 8px
}

.systemMessageContainer__9271d {
    margin-top: 0
}

.topLine__9271d {
    display: flex
}

.name__9271d {
    color: var(--text-strong);
    margin-inline-end:8px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cta__9271d,.name__9271d {
    font-size: .875rem;
    font-weight: var(--font-weight-semibold);
    line-height: 1.125rem
}

.cta__9271d {
    color: var(--text-link);
    flex-shrink: 0
}

.container__9271d:hover .cta__9271d {
    text-decoration: underline
}

.bottomLine__9271d {
    align-items: center;
    display: flex;
    margin-top: 2px
}

.timestamp__9271d {
    color: var(--text-muted);
    flex-shrink: 0;
    font-size: .875rem;
    line-height: 1.125rem;
    margin-inline-start:8px}

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

.enable-forced-colors .cta__9271d {
    background-color: ButtonFace;
    color: ButtonText;
    text-decoration: underline
}

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

.custom-theme-background .container__9271d {
    background-color: var(--background-mod-subtle)
}

:root {
    --custom-app-message-embed-base-info-gap: 4px;
    --custom-app-message-embed-base-info-top: calc(var(--custom-app-message-embed-base-info-gap) - 2px)
}

.infoWrapper_c44293 {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--custom-app-message-embed-base-info-gap);
    margin-top: var(--custom-app-message-embed-base-info-top)
}

.activityPresenceDetailsContainer_c44293 {
    align-items: center;
    display: flex;
    gap: 12px;
    min-width: 0;
    overflow: hidden
}

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

.activityPresenceDetailsItemContainer_c44293.truncatesText_c44293 {
    min-width: 0
}

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

.activePlayingWrapper_c44293 {
    display: flex;
    gap: 4px
}

.ephemeralMessage__124d2 {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: var(--font-weight-normal);
    margin-top: 4px
}

.userAppsBetaContent__124d2 {
    display: inline-flex;
    flex-direction: column;
    line-height: 1.33
}

.userAppsBetaContent__124d2 p {
    margin: 0
}

.icon__124d2 {
    margin-inline-end:4px;vertical-align: text-bottom
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .theme-light .ephemeralMessage__124d2 {
        font-weight:var(--font-weight-medium)
    }
}

:root {
    --custom-app-message-embed-base-info-gap: 4px;
    --custom-app-message-embed-base-info-top: calc(var(--custom-app-message-embed-base-info-gap) - 2px)
}

.statusCounts_a4b24e {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    max-width: 160px;
    padding-inline-end:16px}

.statusCounts_a4b24e.large_a4b24e {
    -moz-column-gap: 8px;
    column-gap: 8px;
    max-width: 304px
}

.status_a4b24e {
    border-radius: 50%;
    display: block;
    flex: 0 0 auto;
    height: 8px;
    margin-inline-end:4px;width: 8px
}

.statusWrapper_a4b24e {
    align-items: center;
    display: flex;
    flex: 0 1 auto;
    flex-flow: nowrap;
    min-width: 0
}

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

.count_a4b24e {
    color: var(--interactive-text-default);
    flex: 0 1 auto;
    margin-inline-end:8px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

.channel_a4b24e {
    align-items: center;
    display: flex;
    max-width: var(--custom-embedded-application-invite-image-width-large);
    padding-inline-end:4px}

.channel_a4b24e.ended_a4b24e {
    max-width: var(--custom-embedded-application-invite-image-width-small)
}

.channelIcon_a4b24e {
    color: var(--text-muted);
    flex: 0 0 auto;
    padding-inline-end:2px}

.infoWrapper_a4b24e {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--custom-app-message-embed-base-info-gap);
    margin-top: var(--custom-app-message-embed-base-info-top)
}

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

.rolesHeading__373b5 {
    margin-bottom: 4px
}

.rolesList__373b5 {
    display: flex;
    flex-wrap: wrap;
    gap: 4px
}

.rolePill__373b5 {
    background: var(--background-base-lowest);
    border-radius: var(--radius-sm);
    color: var(--interactive-text-active);
    height: 24px;
    margin: 0;
    padding: 4px
}

.rolePill__373b5>:first-child {
    margin-inline-end:4px}

.rolePill__373b5>div:last-child {
    margin-inline-end:2px}

.rolePill__373b5>div:last-child span {
    font-weight: var(--font-weight-semibold)
}

.guildInviteContainer__083ae {
    background: var(--background-surface-high);
    border: 1px solid var(--border-subtle);
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    width: 300px
}

.clickable__083ae {
    cursor: pointer
}

.cardHeightMeasure__083ae {
    align-items: flex-start;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    width: 100%
}

.cardHeightMeasure__083ae .banner__083ae {
    height: 72px
}

.mainContent__083ae {
    z-index: 0
}

.footer__083ae {
    box-sizing: border-box;
    width: 100%
}

.floatingFooter__083ae {
    bottom: 0;
    inset-inline: 0;
    position: absolute;
    z-index: 1
}

.gradient__083ae {
    background: linear-gradient(180deg,transparent 0,var(--background-surface-high) 100%);
    height: 48px;
    width: 100%
}

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

.collapsedFooterContent__083ae {
    padding-top: 8px
}

.buttonContainer__083ae {
    display: flex;
    padding: 0 16px 16px
}

.hideDetailsButtonContainer__083ae {
    margin: 0 16px
}

.inviteTitle__083ae {
    overflow: hidden;
    padding: 8px 12px;
    text-overflow: ellipsis
}

.rolesList__083ae {
    margin-bottom: 16px;
    padding: 0 16px
}

.clipPill_d762d7 {
    align-items: center;
    background-color: var(--brand-500);
    border-radius: var(--radius-xs);
    display: flex;
    gap: 4px;
    inset-inline-start: 4px;
    justify-content: center;
    padding: 4px 8px;
    position: absolute;
    text-transform: uppercase;
    top: 4px;
    z-index: 1
}

:root {
    --custom-app-message-embed-base-info-gap: 4px;
    --custom-app-message-embed-base-info-top: calc(var(--custom-app-message-embed-base-info-gap) - 2px)
}

.description__403f1 {
    margin-top: var(--custom-app-message-embed-base-info-top)
}

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

.info__403f1 {
    display: flex;
    flex-direction: column;
    gap: var(--custom-app-message-embed-base-info-gap);
    margin-top: var(--custom-app-message-embed-base-info-top)
}

.tagline__403f1,.timestampContainer__403f1 {
    align-items: center;
    display: flex;
    gap: 4px
}

.timestampContainer__403f1 {
    min-width: 54px
}

.tag__403f1:not(:first-of-type):before {
    content: "∙";
    padding: 0 3px
}

.partyStatusWrapper__403f1 {
    display: flex;
    gap: 4px
}

.footer__403f1 {
    align-items: center;
    background-color: var(--opacity-black-20);
    color: var(--app-message-embed-secondary-text);
    display: flex;
    gap: 4px;
    justify-content: center;
    padding: 12px;
    @container (max-width: 270px) {
        flex-direction: column
    }
}

.footerSupportedPlatformIconsContainer__403f1 {
    gap: 4px
}

.footerSupportedPlatformIconContainer__403f1,.footerSupportedPlatformIconsContainer__403f1 {
    align-items: center;
    display: flex;
    justify-content: center
}

.footerSupportedPlatformText__403f1 {
    @container (max-width: 270px) {
        text-align: center
    }
}

.inlineApplicationText__403f1 {
    align-items: flex-end;
    display: inline-flex;
    flex-direction: row;
    gap: 4px;
    vertical-align: text-bottom
}

.reactions_f8896c {
    align-items: center;
    display: flex;
    flex: 1 0 auto;
    flex-wrap: wrap;
    margin-bottom: -8px;
    padding-bottom: 6px;
    padding-top: 1px
}

.icon_f8896c {
    height: 18px;
    width: 18px
}

.reactionBtn_f8896c {
    background-color: var(--background-mod-subtle);
    color: var(--interactive-text-default);
    cursor: pointer;
    height: 18px;
    margin-inline:4px;margin-bottom: 2px;
    opacity: 0
}

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

.reactionBtn_f8896c.active_f8896c .icon_f8896c,.reactionBtn_f8896c:active .icon_f8896c {
    color: var(--interactive-text-active)
}

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

.reactionBtn_f8896c.active_f8896c,.reactionBtn_f8896c.visible_f8896c,.reactions_f8896c:hover .reactionBtn_f8896c {
    opacity: 1
}

.reactionBtn_f8896c.forceShow_f8896c {
    background-color: var(--background-base-lower);
    border: 1px solid transparent;
    border-radius: 8px;
    margin-inline-start:0;margin-bottom: 4px;
    opacity: 1;
    padding: 5px 7px
}

.reactionBtn_f8896c.forceShow_f8896c:hover {
    background-color: var(--background-base-low);
    border-color: var(--opacity-white-20)
}

.hideEmoji_f8896c {
    opacity: 0
}

.reaction_f8896c {
    background: var(--background-base-lower);
    background-color: var(--background-mod-subtle);
    border: 1px solid transparent;
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    flex-shrink: 0;
    margin-inline-end:4px;margin-bottom: 4px;
    transition: none .1s ease;
    transition-property: background-color,border-color;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.full-motion .reaction_f8896c.shakeReaction_f8896c {
    animation: shake_f8896c .5s;
    animation-iteration-count: 1
}

.reaction_f8896c.reactionReadOnly_f8896c {
    cursor: not-allowed
}

.reaction_f8896c .emoji {
    height: 20px;
    margin: 2px 0;
    min-height: auto;
    min-width: auto;
    width: 20px
}

.reaction_f8896c .emoji-text {
    color: var(--text-default);
    display: inline-block;
    font-size: 20px;
    font-variant-emoji: emoji;
    vertical-align: -2px
}

.reaction_f8896c:hover {
    background-color: var(--background-mod-normal);
    border-color: var(--border-muted)
}

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

.reaction_f8896c:active {
    background-color: var(--background-mod-strong);
    border-color: var(--border-strong)
}

.reaction_f8896c:active .reactionCount_f8896c {
    color: var(--text-strong)
}

.reaction_f8896c.reactionMe_f8896c {
    background-color: var(--opacity-blurple-24);
    border-color: var(--blurple-50)
}

.reaction_f8896c.reactionMe_f8896c .reactionCount_f8896c {
    color: var(--text-brand)
}

.low-contrast .reaction_f8896c.reactionMe_f8896c {
    background-color: var(--brand-15a);
    border-color: var(--brand-50a)
}

.low-contrast .reaction_f8896c.reactionMe_f8896c .reactionCount_f8896c {
    color: var(--brand-300)
}

.reactionInner_f8896c {
    align-items: center;
    display: flex;
    padding: 2px 6px;
    position: relative
}

.reactionCount_f8896c {
    color: var(--text-subtle);
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
    margin-inline-start:6px;text-align: center
}

.remainingReactions_f8896c {
    align-self: stretch;
    display: flex
}

.theme-light .reaction_f8896c:hover {
    border-color: var(--opacity-black-20)
}

.theme-light .reaction_f8896c.reactionMe_f8896c {
    background-color: var(--brand-160);
    border-color: var(--brand-500)
}

.theme-light .reaction_f8896c.reactionMe_f8896c .reactionCount_f8896c {
    color: var(--brand-560)
}

.background-opacity-high .reaction_f8896c,.background-opacity-low .reaction_f8896c,.background-opacity-medium .reaction_f8896c {
    background-color: hsl(var(--primary-660-hsl)/.2)
}

.background-opacity-high .reactionCount_f8896c,.background-opacity-low .reactionCount_f8896c,.background-opacity-medium .reactionCount_f8896c {
    color: var(--white)
}

.background-opacity-high .reaction_f8896c.reactionMe_f8896c,.background-opacity-low .reaction_f8896c.reactionMe_f8896c,.background-opacity-medium .reaction_f8896c.reactionMe_f8896c {
    background-color: var(--brand-50a)
}

.enable-forced-colors .reaction_f8896c.reactionMe_f8896c {
    border-color: Highlight;
    outline: 2px solid Highlight
}

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

.sparkles_f8896c {
    height: 32px;
    inset-inline-start: -8px;
    top: -8px;
    width: 32px
}

.burstGlow_f8896c {
    border-radius: 8px;
    inset-inline: 0;
    bottom: 0;
    opacity: .35;
    position: absolute;
    top: 0;
    z-index: -1
}

@keyframes shake_f8896c {
    0% {
        transform: translate(1px,1px) rotate(0deg)
    }

    10% {
        transform: translate(-1px,-1px) rotate(-1deg)
    }

    20% {
        transform: translate(-2px) rotate(1deg)
    }

    30% {
        transform: translate(2px,1px) rotate(0deg)
    }

    40% {
        transform: translate(1px,-1px) rotate(1deg)
    }

    50% {
        transform: translate(-1px,1px) rotate(-1deg)
    }

    60% {
        transform: translate(-2px,1px) rotate(0deg)
    }

    70% {
        transform: translate(2px,1px) rotate(-1deg)
    }

    80% {
        transform: translate(-1px,-1px) rotate(1deg)
    }

    90% {
        transform: translate(1px,1px) rotate(0deg)
    }

    to {
        transform: translate(1px,-1px) rotate(-1deg)
    }
}

.reactions__23977 {
    align-items: center;
    display: flex;
    flex: 1 0 auto;
    flex-wrap: wrap;
    margin-bottom: -.5rem;
    padding-bottom: .375rem;
    padding-top: .125rem
}

.icon__23977 {
    height: 1.125rem;
    width: 1.125rem
}

.reactionBtn__23977 {
    background-color: var(--background-mod-subtle);
    color: var(--interactive-text-default);
    cursor: pointer;
    height: 1.125rem;
    margin-inline:.25rem;margin-bottom: .125rem;
    opacity: 0
}

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

.reactionBtn__23977.active__23977 .icon__23977,.reactionBtn__23977:active .icon__23977 {
    color: var(--interactive-text-active)
}

.reactionBtn__23977:hover {
    background-color: var(--background-mod-normal);
    border: 1px solid var(--border-muted)
}

.reactionBtn__23977.active__23977,.reactionBtn__23977.visible__23977,.reactions__23977:hover .reactionBtn__23977 {
    opacity: 1
}

.reactionBtn__23977.forceShow__23977 {
    border: .0625rem solid transparent;
    border-radius: .5rem;
    margin-inline-start:0;margin-bottom: .25rem;
    opacity: 1;
    padding: .3125rem .4375rem
}

.high-contrast-mode .reactionBtn__23977.forceShow__23977 {
    border-color: var(--border-subtle)
}

.high-contrast-mode .reactionBtn__23977.forceShow__23977:hover {
    border-color: var(--border-strong)
}

.hideEmoji__23977 {
    opacity: 0
}

.reaction__23977,.reactionBtn__23977 {
    background-color: var(--background-mod-subtle)
}

.reaction__23977:hover,.reactionBtn__23977:hover {
    background-color: var(--background-mod-normal);
    border-color: var(--border-muted)
}

.reaction__23977:active,.reactionBtn__23977:active {
    background-color: var(--background-mod-strong);
    border-color: var(--border-strong)
}

.reaction__23977:active .reactionCount__23977,.reactionBtn__23977:active .reactionCount__23977 {
    color: var(--text-strong)
}

.reaction__23977 {
    background: var(--background-base-lower);
    background-color: var(--background-mod-subtle);
    border: .0625rem solid transparent;
    border-radius: .5rem;
    box-sizing: border-box;
    cursor: pointer;
    flex-shrink: 0;
    margin-inline-end:.25rem;margin-bottom: .25rem;
    transition: none .1s ease;
    transition-property: background-color,border-color;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.high-contrast-mode .reaction__23977 {
    border-color: var(--border-subtle)
}

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

.full-motion .reaction__23977.shakeReaction__23977 {
    animation: shake__23977 .5s;
    animation-iteration-count: 1
}

.reaction__23977.reactionReadOnly__23977 {
    cursor: not-allowed
}

.reaction__23977 .emoji {
    height: 1.25rem;
    margin: .125rem 0;
    min-height: auto;
    min-width: auto;
    width: 1.25rem
}

.reaction__23977 .emoji-text {
    color: var(--text-default);
    display: inline-block;
    font-size: 1.25rem;
    font-variant-emoji: emoji;
    vertical-align: -.125rem
}

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

.reaction__23977.reactionMe__23977 {
    background-color: var(--message-reacted-background-default);
    border-color: var(--blurple-50)
}

.reaction__23977.reactionMe__23977 .reactionCount__23977 {
    color: var(--message-reacted-text-default)
}

.low-contrast .reaction__23977.reactionMe__23977 {
    background-color: var(--brand-15a);
    border-color: var(--brand-50a)
}

.low-contrast .reaction__23977.reactionMe__23977 .reactionCount__23977 {
    color: var(--brand-300)
}

.reactionInner__23977 {
    align-items: center;
    display: flex;
    padding: .125rem .375rem;
    position: relative
}

.reactionCount__23977 {
    color: var(--text-subtle);
    font-weight: var(--font-weight-semibold);
    margin-inline-start:.375rem;text-align: center
}

.remainingReactions__23977 {
    align-self: stretch;
    display: flex
}

.theme-light .reaction__23977.reactionMe__23977 {
    background-color: var(--brand-160);
    border-color: var(--brand-500)
}

.theme-light .reaction__23977.reactionMe__23977 .reactionCount__23977 {
    color: var(--brand-560)
}

.background-opacity-high .reaction__23977,.background-opacity-low .reaction__23977,.background-opacity-medium .reaction__23977 {
    background-color: hsl(var(--primary-660-hsl)/.2)
}

.background-opacity-high .reactionCount__23977,.background-opacity-low .reactionCount__23977,.background-opacity-medium .reactionCount__23977 {
    color: var(--white)
}

.background-opacity-high .reaction__23977.reactionMe__23977,.background-opacity-low .reaction__23977.reactionMe__23977,.background-opacity-medium .reaction__23977.reactionMe__23977 {
    background-color: var(--brand-50a)
}

.enable-forced-colors .reaction__23977.reactionMe__23977 {
    border-color: Highlight;
    outline: .125rem solid Highlight
}

.premiumIcon__23977 {
    margin-inline-end:.25rem}

.sparkles__23977 {
    height: 2rem;
    inset-inline-start: -.5rem;
    top: -.5rem;
    width: 2rem
}

.burstGlow__23977 {
    border-radius: .5rem;
    inset-inline: 0;
    bottom: 0;
    opacity: .35;
    position: absolute;
    top: 0;
    z-index: -1
}

@keyframes shake__23977 {
    0% {
        transform: translate(.0625rem,.0625rem) rotate(0deg)
    }

    10% {
        transform: translate(-.0625rem,-.0625rem) rotate(-1deg)
    }

    20% {
        transform: translate(-.125rem) rotate(1deg)
    }

    30% {
        transform: translate(.125rem,.0625rem) rotate(0deg)
    }

    40% {
        transform: translate(.0625rem,-.0625rem) rotate(1deg)
    }

    50% {
        transform: translate(-.0625rem,.0625rem) rotate(-1deg)
    }

    60% {
        transform: translate(-.125rem,.0625rem) rotate(0deg)
    }

    70% {
        transform: translate(.125rem,.0625rem) rotate(-1deg)
    }

    80% {
        transform: translate(-.0625rem,-.0625rem) rotate(1deg)
    }

    90% {
        transform: translate(.0625rem,.0625rem) rotate(0deg)
    }

    to {
        transform: translate(.0625rem,-.0625rem) rotate(-1deg)
    }
}

.custom-theme-background .reaction__23977 {
    background-color: var(--background-mod-subtle);
    border-color: var(--border-strong)
}

.custom-theme-background .reaction__23977.reactionMe__23977 {
    background-color: hsla(var(--brand-500-hsl)/.15);
    border-color: var(--brand-500)
}

.custom-theme-background .reaction__23977.reactionMe__23977 .reactionCount__23977 {
    color: var(--text-brand)
}

.emojiContainer__0524a {
    isolation: isolate;
    position: absolute
}

.emoji__0524a {
    z-index: 1
}

.cannon__0524a {
    height: 100%;
    position: absolute;
    width: 100%
}

.container__7e919 {
    align-items: flex-start;
    background-color: var(--background-surface-high);
    border-radius: 8px;
    box-shadow: var(--elevation-high),var(--elevation-stroke);
    display: flex;
    margin-inline-start:var(--space-8);padding: 16px
}

.content__7e919 {
    margin-inline-start:24px;max-width: 320px
}

.buttonContainer__7e919 {
    display: flex;
    margin-top: 16px
}

.cancel__7e919 {
    color: var(--interactive-text-default);
    margin-inline-start:24px}

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

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

.image__7e919 {
    height: 64px;
    width: 64px
}

.artContainer_ade26d {
    border-radius: 8px;
    box-shadow: none;
    filter: drop-shadow(0 8px 16px rgba(0,0,0,.24));
    overflow: hidden
}

.modalContainer_ade26d {
    width: 400px
}

.bodyContainer_ade26d {
    overflow: hidden
}

.effect_a9ddb3 {
    bottom: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute
}

.effectsWrapper_a9ddb3 {
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    z-index: 1
}

.container_b7f4b4 {
    display: flex;
    flex-direction: row;
    height: 100vh;
    min-height: 1px;
    padding-inline-start:var(--space-24)}

.spacer_b7f4b4 {
    border-bottom: 1px solid var(--border-subtle);
    padding-top: var(--custom-modal-padding-md)
}

.scroller_b7f4b4 {
    border-inline-end:1px solid var(--border-subtle);flex: 0 0 auto;
    margin-top: var(--custom-modal-padding-md);
    padding-inline-end:var(--space-16);width: 98px
}

.reactorsContainer_b7f4b4 {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-width: 1px
}

.reactionDefault_b7f4b4,.reactionSelected_b7f4b4 {
    align-items: center;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    margin-bottom: 8px;
    overflow: hidden;
    padding: 0 4px
}

.reactionDefault_b7f4b4 {
    cursor: pointer
}

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

.emoji_b7f4b4 {
    height: 24px;
    min-height: auto;
    min-width: auto;
    -o-object-fit: contain;
    object-fit: contain;
    padding-block:4px;padding-inline:4px 8px;vertical-align: middle;
    width: 24px
}

.emojiText_b7f4b4 {
    display: inline-block;
    vertical-align: -3px
}

.burstEmojiSection_b7f4b4 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 32px 0;
    position: relative
}

.hideEmoji_b7f4b4 {
    opacity: 0
}

.burstEmoji_b7f4b4 {
    height: 32px;
    margin-bottom: 8px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 32px
}

.spinner_b7f4b4 {
    height: 52px;
    width: 100%
}

.reactor_b7f4b4 {
    box-sizing: border-box;
    height: 52px;
    margin-inline:16px 2px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.reactorInfo_b7f4b4 {
    margin-inline:10px;min-width: 0
}

.name_b7f4b4 {
    display: flex;
    flex: 1;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.ellipsized_b7f4b4,.name_b7f4b4 {
    overflow: hidden;
    text-overflow: ellipsis
}

.ellipsized_b7f4b4 {
    white-space: nowrap
}

.username_b7f4b4 {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: var(--font-weight-normal);
    line-height: 14px
}

.tagFaded_b7f4b4 {
    flex-shrink: 10
}

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

.remove_b7f4b4 {
    opacity: 0
}

.remove_b7f4b4:focus-within {
    opacity: 1
}

.reactor_b7f4b4:hover .remove_b7f4b4 {
    opacity: 1
}

.reactors_b7f4b4 {
    --custom-list-scrollbar-top-padding: 12px;
    border-radius: var(--radius-sm);
    flex: 1;
    padding-inline-end:var(--space-24);padding-top: var(--custom-list-scrollbar-top-padding)
}

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

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

.reactionSelected_b7f4b4:hover {
    background-color: var(--background-mod-strong)
}

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

.effect__263e4 {
    margin-bottom: -2px
}

.effects__263e4 {
    bottom: 0;
    display: flex;
    justify-content: center;
    position: absolute
}

.effect_e5f2cb {
    margin-bottom: -.125rem
}

.effects_e5f2cb {
    bottom: 0;
    display: flex;
    justify-content: center;
    position: absolute
}

.reactionTooltip_b49891 {
    background: var(--background-surface-high);
    border-radius: var(--radius-xs);
    box-shadow: var(--shadow-border),var(--shadow-high);
    color: var(--text-default);
    font-weight: var(--font-weight-medium);
    max-width: 288px;
    overflow: hidden;
    padding: 16px
}

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

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

.reactionTooltipInner_b49891 {
    align-items: center;
    display: flex;
    -webkit-hyphens: auto;
    hyphens: auto;
    pointer-events: all;
    word-break: break-word
}

.reactionTooltipInner_b49891:hover {
    cursor: pointer
}

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

.burstReactionTooltipInner_b49891 {
    pointer-events: all
}

.burstReactionTooltipInner_b49891:hover {
    cursor: pointer
}

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

.burstReactionTooltipMessage_b49891 {
    align-items: center;
    display: flex;
    flex-direction: row;
    -webkit-hyphens: auto;
    hyphens: auto;
    pointer-events: all;
    word-break: break-word
}

.burstReactionTooltipSpacer_b49891 {
    border-top: 1px solid var(--border-subtle);
    margin-top: 8px;
    padding-top: 8px
}

.burstReactionTooltipPrompt_b49891 {
    align-items: center;
    display: flex;
    margin: 12px 0 0;
    width: 100%
}

.burstReactionTooltipPromptClickable_b49891 {
    pointer-events: all
}

.burstReactionTooltipPromptClickable_b49891:hover {
    cursor: pointer
}

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

.burstReactionTooltipNitroIcon_b49891 {
    margin-inline-end:5px}

.burstReactionTooltipUpsellCta_b49891 {
    background: linear-gradient(270deg,var(--premium-tier-2-pink-for-gradients) 0,var(--premium-tier-2-pink-for-gradients-2) 33.63%,var(--premium-tier-2-purple-for-gradients) 100%);
    border-radius: 4px;
    margin-top: 8px;
    width: 100%
}

.mainContainer__844a1.compact__844a1 {
    margin-inline-start:-3.95rem;padding-inline-start:0}

.thankYouCard_b851f5 {
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    height: 200px;
    justify-content: center;
    margin: 12px 0;
    position: relative;
    width: 440px
}

.thankYouText_b851f5 {
    align-self: center;
    min-width: 0;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.userAvatar_b851f5 {
    border-radius: 54px;
    width: 100%
}

.CTAMessage_e887d4 {
    margin-bottom: 2px
}

.badge__9ec1a {
    margin-inline-start:16px}

.userAvatar__9ec1a {
    border-radius: 54px;
    width: 100%
}

.svg__9ec1a {
    contain: paint
}

.welcomeCard_d74b42 {
    background: no-repeat 50% url(/assets/2f7179a17c81ca41.svg);
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    height: 200px;
    justify-content: center;
    margin: 12px 0;
    position: relative;
    width: 440px
}

.welcomeCardText_d74b42 {
    align-self: center;
    margin: 8px;
    min-width: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.welcomeCardBadge_d74b42 {
    margin-inline-start:16px}

.embed_f69538 {
    margin-bottom: var(--custom-message-spacing-vertical-container-cozy);
    margin-top: 8px
}

.container_f69538 {
    align-items: center;
    background-color: var(--background-surface-high);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    display: flex;
    gap: 0 8px;
    max-width: 376px;
    padding: 8px 16px
}

.containerWithImage_f69538 {
    padding-block:8px;padding-inline:8px 16px}

.imageContainer_f69538 {
    align-items: center;
    background: var(--background-mod-subtle);
    border-radius: var(--radius-sm);
    display: flex;
    flex-shrink: 0;
    height: 40px;
    justify-content: center;
    width: 40px
}

.description_f69538 {
    display: flex;
    flex-direction: column;
    gap: 2px 0;
    margin-inline-end:auto;overflow: hidden
}

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

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

.victorIcon_f69538 {
    flex-shrink: 0
}

.systemMessageContainer_c0ec5e {
    border-inline-start:2px solid #fff;display: block;
    margin-inline-end:40px;padding: 12px 16px
}

.embedContainer_c0ec5e {
    background: var(--background-mod-subtle);
    border-radius: 16px;
    margin-top: 16px;
    max-width: 800px;
    padding: 28px 24px!important;
    width: 100%
}

.image_c0ec5e {
    margin-inline-end:24px}

.content_c0ec5e {
    width: 100%
}

.title_c0ec5e {
    margin: 4px 0!important
}

.buttonContainer_c0ec5e {
    margin-top: 24px
}

.container_c9b8e3 {
    align-items: center;
    align-self: stretch;
    display: flex;
    justify-content: space-between;
    padding: 8px 0
}

.usernameContainer_c9b8e3 {
    align-items: flex-start;
    display: flex;
    flex: 1 0 0;
    flex-direction: column;
    gap: 2px;
    height: 32px;
    justify-content: center
}

.userName_c9b8e3 {
    text-overflow: ellipsis
}

.muted_c9b8e3 {
    opacity: 10%
}

.userAvatar_c9b8e3 {
    aspect-ratio: 1/1;
    justify-content: center;
    margin-inline-end:12px}

.checkbox_c9b8e3,.userAvatar_c9b8e3 {
    align-items: center;
    display: flex
}

.checkbox_c9b8e3 {
    height: 100%
}

.clickable_c9b8e3 {
    cursor: pointer
}

.emptySearchResultsContainer__9eabf {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    padding: 32px 16px;
    text-align: center
}

.trialRecipientContainer__2441a {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: var(--space-16)
}

.trialRecipientRow__2441a {
    align-items: center;
    align-self: stretch;
    border: 1px solid var(--border-muted);
    border-radius: 12px;
    display: flex;
    gap: 12px;
    overflow: hidden;
    padding: 12px
}

.trialRecipientRowDisplayName__2441a {
    align-items: flex-start;
    display: inline-block;
    flex: 1 0 0;
    flex-direction: column;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.trialRecipientRowDMContainer__2441a {
    align-items: center;
    background: var(--scoped-control-background-secondary-default,hsla(240,4%,61%,.12));
    border: 1px solid var(--scoped-control-border-secondary-default,hsla(240,4%,61%,.16));
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    gap: var(--space-4);
    justify-content: center;
    min-height: 32px;
    min-width: 64px;
    padding: var(--space-4) var(--space-12)
}

.trialRecipientRowDMCTA__2441a {
    font-family: var(--font-primary);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--font-weight-medium,500);
    line-height: 18px;
    text-align: center
}

.errorDisplayName__2441a,.userName__2441a {
    color: var(--text-muted)
}

.erroredAvatar__2441a {
    opacity: .5
}

.searchbar__45744 {
    margin: 0 auto
}

.list__45744 {
    height: 260px;
    padding: 0;
    width: 100%
}

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

.submit__45744 {
    height: 40px;
    margin: 20px 16px 21px;
    width: 100%
}

.theme-dark .footerSeparator__45744 {
    box-shadow: 0 -1px 0 hsl(var(--primary-630-hsl)/.6)
}

.theme-light .footerSeparator__45744 {
    box-shadow: 0 -1px 0 hsl(var(--primary-100-hsl)/.6)
}

.invalidWrapper__076c1 {
    border-radius: 3px;
    display: block;
    overflow: hidden;
    position: relative;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.invalidWrapper__076c1 img {
    position: absolute
}

.invalid__076c1 {
    background-image: url(/assets/eb4644cbe2f3e90f.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 102px;
    width: 200px
}

.buttonContainer__076c1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.metadata__076c1 {
    color: var(--primary-400);
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: var(--font-weight-semibold);
    justify-content: flex-end
}

.container__076c1 {
    align-items: stretch;
    flex-direction: row-reverse;
    margin: 0;
    min-height: 0;
    overflow: hidden;
    position: relative;
    width: 660px
}

.systemMessageContainerDMEmbedXP__076c1 {
    align-items: flex-start;
    border-inline-start:2px solid var(--border-normal);display: flex;
    gap: 16px;
    padding: 12px 16px;
    width: 1097px
}

.systemMessageContainerIcon__076c1 {
    padding-top: 0
}

.containerDMEmbedXP__076c1 {
    align-items: center;
    background: var(--background-mod-subtle,hsla(240,4%,61%,.12));
    border-radius: 16px;
    display: flex;
    gap: 24px;
    height: 200px;
    margin-top: 16px;
    padding: 28px 24px;
    width: 580px
}

.contentDMEmbedXP__076c1 {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.contentTextDMEmbedXP__076c1 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    line-height: 20px
}

.imgDMEmbedXP__076c1 {
    overflow: visible
}

.buttonContainerDMEmbedXP__076c1 {
    align-items: center;
    color: #000;
    display: flex;
    font-family: var(--font-primary);
    font-size: 16px;
    font-style: normal;
    font-weight: var(--font-weight-medium,500);
    gap: 24px;
    line-height: 20px
}

.tile__076c1 {
    align-items: stretch;
    background-color: var(--background-mod-normal);
    border-radius: 5px;
    box-shadow: 0 0 0 hsl(var(--primary-700-hsl)/.15);
    display: flex;
    flex-direction: row-reverse;
    min-height: 0;
    overflow: hidden;
    transform: translateZ(0);
    transition: background-color .2s ease,box-shadow .2s ease;
    width: 660px
}

.title__076c1 {
    flex: 0 1 auto;
    font-size: 18px;
    font-weight: var(--font-weight-semibold);
    line-height: 1.2
}

.tagline__076c1 {
    color: var(--text-default);
    flex: 1 1 auto;
    font-size: 15px;
    line-height: 1.3;
    margin-top: 8px;
    overflow: hidden
}

.actions__076c1 {
    flex: 0 1 auto;
    justify-self: flex-end;
    margin-top: 12px
}

.media__076c1 {
    align-items: center;
    display: flex;
    flex: 0 0 278px;
    position: relative
}

.birthdayReferral__076c1,.referral__076c1 {
    flex: auto;
    height: 100%;
    margin: 0;
    max-height: none;
    overflow: hidden;
    padding-top: 0;
    position: relative
}

.referral__076c1 {
    background: url(/assets/e790daeb039ddb5a.svg) 100% no-repeat
}

.birthdayReferral__076c1 {
    background: url(/assets/eb40cc3e32c7e70f.svg) 100% no-repeat
}

.description__076c1 {
    color: var(--text-strong);
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 12px;
    position: relative
}

.theme-dark .tile__076c1:hover {
    background-color: var(--primary-800)
}

.theme-dark .invalid__076c1 {
    background-image: url(/assets/e4a502bfc6589d65.svg)
}

.ticketIcon__0557e {
    display: block;
    height: 1rem;
    width: 1rem
}

.welcomeCTA_f5d1e2 {
    margin-bottom: 2px
}

.content__75e8e {
    background: var(--background-mod-muted);
    border: 1px solid var(--border-subtle);
    border-radius: 12px;
    max-height: 166px;
    overflow: hidden
}

.innerContent__75e8e {
    flex-direction: row
}

.innerContent__75e8e,.subContent__75e8e {
    align-items: center;
    display: flex
}

.subContent__75e8e {
    flex: 1;
    margin: 16px;
    min-width: 0
}

.avatars__75e8e {
    flex-shrink: 0;
    position: relative
}

.recipientUserAvatar__75e8e {
    background-color: var(--background-surface-high)
}

.recipientAvatarMask__75e8e {
    display: block
}

.currentUserAvatar__75e8e {
    background-color: var(--background-mod-muted);
    bottom: -3px;
    inset-inline-end: -2px;
    position: absolute
}

.textContainer__75e8e {
    display: flex;
    flex-direction: column;
    margin-inline-start:12px;padding-top: var(--space-6)
}

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

.subHeaderText__75e8e {
    color: #fff;
    opacity: .8
}

.buttonContainer__75e8e {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    gap: 16px;
    padding-inline-end:16px}

.messageContentContainer__4ea49 {
    padding-bottom: 8px;
    padding-top: 16px;
    width: 100%
}

.iconContainer__4ea49 {
    height: 100%
}

.icon__4ea49 {
    fill: var(--brand-500)
}

.container__85015 {
    background: var(--background-mod-normal);
    border-radius: var(--space-8);
    color: var(--text-strong);
    display: flex;
    flex-grow: 1;
    padding: var(--space-16)
}

.theme-light .container__85015 {
    background: var(--background-base-low)
}

.buttonContainer__85015 {
    margin-inline-start:var(--space-24);padding-top: 2px
}

.messageContentContainer__85015 {
    padding-top: var(--space-12)
}

.iconContainer__85015 {
    height: 100%
}

.icon__85015 {
    fill: var(--premium-nitro-pink-light)
}

.nitroBadge__85015 {
    align-items: center;
    display: flex;
    margin-top: 2px
}

.nitroBadgeIcon__85015 {
    fill: var(--premium-nitro-pink-light)
}

.nitroBadgeText__85015 {
    color: var(--premium-nitro-pink-light);
    margin-inline-start:var(--space-4)}

.premiumIcon__85015 {
    height: 16px;
    margin: 0
}

.embedCard__44c9a {
    background-color: var(--background-base-lower);
    border-radius: 8px;
    padding: 12px
}

.embedCard__44c9a.compact__44c9a {
    padding: 4px
}

.embedCard__44c9a .header__44c9a {
    font-family: var(--font-primary)!important;
    font-weight: 400!important;
    margin: 0!important;
    padding: 0!important
}

.withFooter__44c9a {
    border-radius: 8px 8px 0 0
}

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

.mainContainer__44492 {
    margin-bottom: 2px;
    margin-top: 2px
}

.mainContainer__44492.compact__44492 {
    margin-inline-start:-3.95rem;padding-inline-start:0}

.content__44492 {
    font-size: 16px;
    line-height: 24px;
    white-space: pre-wrap;
    word-wrap: break-word;
    color: var(--text-default);
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
    word-break: break-word
}

.content__44492 a {
    color: var(--interactive-text-active);
    cursor: pointer;
    font-weight: var(--font-weight-medium)
}

.content__44492 .actionAnchor__44492 {
    color: var(--text-link)
}

.content__44492.compact__44492 {
    padding-inline-start:0}

.embedCard__44492 {
    margin-top: 4px
}

.embedCard__44492.compact__44492 {
    margin-top: 0
}

.embedCard__44492.selected__44492 {
    background-color: var(--background-mod-normal)
}

.embedCard__44492.isClickable__44492 {
    cursor: pointer
}

.messageContent__44492.compact__44492 {
    padding-inline-start:3.3rem}

.messageContent__44492 .channelNameContainer__44492 {
    display: flex
}

.messageContent__44492 .channelNameContainer__44492 .channelName__44492 {
    background-color: var(--background-base-lower);
    color: var(--text-muted)
}

.messageContent__44492 .channelName__44492 {
    align-items: center;
    color: var(--text-link);
    display: flex;
    flex-direction: row;
    font-weight: var(--font-weight-medium);
    justify-content: center
}

.messageContent__44492 .channelIcon__44492 {
    margin-inline-end:4px}

.iconContainer__44492 {
    align-items: center;
    display: flex;
    inset-inline-end: 100%;
    justify-content: center;
    padding-top: 0;
    position: absolute;
    width: 2.5rem
}

.compact__44492 .iconContainer__44492 {
    margin-inline-end:1rem}

.font-size-24 .cozy__44492 .iconContainer__44492 {
    width: 3rem
}

.font-size-20 .cozy__44492 .iconContainer__44492 {
    width: 3.5rem
}

.font-size-18 .cozy__44492 .iconContainer__44492 {
    width: 4rem
}

.font-size-12 .cozy__44492 .iconContainer__44492,.font-size-14 .cozy__44492 .iconContainer__44492,.font-size-15 .cozy__44492 .iconContainer__44492,.font-size-16 .cozy__44492 .iconContainer__44492 {
    width: 4.5rem
}

.compact__44492 .iconContainer__44492 {
    inset-inline-end: auto;
    position: relative;
    width: auto
}

.avatarContainer__44492 {
    align-items: center;
    background-color: var(--background-base-lowest);
    border-radius: 50%;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

.usernameContainer__44492 {
    font-family: var(--font-primary)!important;
    font-weight: 400!important;
    margin: 0!important;
    padding: 0!important
}

.usernameContainer__44492 .username__44492 {
    font-weight: var(--font-weight-semibold);
    margin-inline-end:4px}

.usernameContainer__44492 .systemTag__44492 {
    margin-inline-end:4px;margin-top: 0
}

.usernameContainer__44492.compact__44492 {
    margin-inline-start:-24px;padding-inline-start:0}

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

.dotMargin__44492 {
    margin-inline:8px}

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

.footerIcon__44492 {
    margin-inline-end:4px;vertical-align: center
}

.footerAction__44492 {
    display: flex;
    padding: 8px
}

.dot__44492 {
    background-color: var(--background-mod-subtle);
    border-radius: 50%;
    height: 4px;
    width: 4px
}

.spanCorrection__44492 {
    align-items: center;
    flex-wrap: wrap;
    white-space: pre
}

.compact__44492 .spanCorrection__44492,.spanCorrection__44492 {
    display: flex!important;
    flex-direction: row
}

.footerContainer__44492 {
    background-color: var(--background-base-lowest);
    border-radius: 0 0 8px 8px;
    line-height: 20px;
    padding: 2px 18px 4px
}

.footerContainer__44492.compact__44492 {
    margin-inline-start:3.3rem}

.annotationRow__44492 {
    background-color: var(--background-mod-normal);
    border-radius: 4px;
    line-height: 20px;
    margin-top: 4px;
    padding: 4px 8px 6px
}

.alertActionIcon__44492 {
    color: var(--text-muted);
    padding-inline-start:6px;vertical-align: middle
}

.alertActionSetCompletedIcon__44492 {
    color: var(--text-feedback-positive);
    vertical-align: middle
}

.alertActionsIconContainer__44492 {
    margin-inline-start:auto}

.titleCase__44492 {
    text-transform: capitalize
}

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

.dropdownArrowHitbox_e8c23e:hover .dropdownArrow_e8c23e {
    opacity: 1
}

.dropdownArrow_e8c23e {
    flex: 1;
    opacity: .2;
    transition: opacity .2s ease
}

.arrowSeparator_e8c23e {
    background-color: currentColor;
    opacity: .2;
    width: 1px
}

.dropdownSmall_e8c23e {
    width: var(--custom-dropdown-button-small-dropdown-size) + var(--custom-dropdown-button-hitbox-padding)
}

.dropdownSmall_e8c23e .arrowSeparator_e8c23e {
    height: var(--custom-dropdown-button-small-dropdown-size) - var(--custom-dropdown-button-separator-padding)
}

.dropdownSmall_e8c23e .dropdownArrow_e8c23e {
    height: var(--custom-dropdown-button-small-dropdown-size);
    width: var(--custom-dropdown-button-small-dropdown-size)
}

.dropdownMedium_e8c23e {
    width: var(--custom-dropdown-button-medium-dropdown-size) + var(--custom-dropdown-button-hitbox-padding)
}

.dropdownMedium_e8c23e .arrowSeparator_e8c23e {
    height: var(--custom-dropdown-button-medium-dropdown-size) - var(--custom-dropdown-button-separator-padding)
}

.dropdownMedium_e8c23e .dropdownArrow_e8c23e {
    height: var(--custom-dropdown-button-medium-dropdown-size);
    width: var(--custom-dropdown-button-medium-dropdown-size)
}

.dropdownLarge_e8c23e {
    width: var(--custom-dropdown-button-large-dropdown-size) + var(--custom-dropdown-button-hitbox-padding)
}

.dropdownLarge_e8c23e .arrowSeparator_e8c23e {
    height: var(--custom-dropdown-button-large-dropdown-size) - var(--custom-dropdown-button-separator-padding)
}

.dropdownLarge_e8c23e .dropdownArrow_e8c23e {
    height: var(--custom-dropdown-button-large-dropdown-size);
    width: var(--custom-dropdown-button-large-dropdown-size)
}

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

.clickableRow__14160 {
    align-items: center;
    border-radius: 8px;
    display: flex;
    gap: 12px;
    padding: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

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

.indicatorWrapper__14160 {
    align-items: center;
    display: flex;
    flex-shrink: 0
}

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

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

.textInputWrapper__14160 {
    padding-inline-start:40px}

.container_b5a371 {
    gap: 12px
}

.choicesContainer_b5a371,.container_b5a371 {
    display: flex;
    flex-direction: column
}

.choicesContainer_b5a371 {
    gap: 4px
}

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

.noChoices_b5a371 {
    font-size: 14px
}

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

.container__18c16 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    white-space: normal
}

.container__18c16 ol,.container__18c16 ul {
    margin-bottom: 24px;
    margin-inline:20px 0}

.header__2513e {
    align-items: center;
    justify-content: space-between
}

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

.content__2513e {
    display: flex;
    flex-direction: column;
    gap: 48px
}

.loading__2513e {
    padding: 24px;
    text-align: center
}

.mainContainer_b99f57.compact_b99f57 {
    margin-inline-start:-3.95rem;padding-inline-start:0}

.content_b99f57 {
    font-size: 16px;
    line-height: 24px;
    white-space: pre-wrap;
    word-wrap: break-word;
    color: var(--text-default);
    display: flex;
    flex-direction: column;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
    word-break: break-word
}

.content_b99f57 a {
    color: var(--interactive-text-active);
    cursor: pointer;
    font-weight: var(--font-weight-medium)
}

.content_b99f57 .actionAnchor_b99f57 {
    color: var(--text-link)
}

.content_b99f57.compact_b99f57 {
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    padding-inline-start:0}

.flexLineBreak_b99f57 {
    flex-basis: 100%
}

.embedCard_b99f57 {
    background-color: var(--background-base-lower);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    margin-bottom: 12px;
    margin-top: 4px;
    margin-inline-start:0;overflow: hidden
}

.embedCard_b99f57.compact_b99f57 {
    margin-inline-start:3.3rem}

.cardContent_b99f57 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px
}

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

.cardHeaderContianer_b99f57 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 2px
}

.subheader_b99f57 {
    gap: 8px
}

.cardFooter_b99f57,.subheader_b99f57 {
    align-items: center;
    display: flex;
    flex-direction: row
}

.cardFooter_b99f57 {
    background-color: var(--background-mod-normal);
    padding: 4px
}

.iconContainer_b99f57 {
    align-items: center;
    display: flex;
    inset-inline-end: 100%;
    justify-content: center;
    padding-top: 0;
    position: absolute;
    width: 2.5rem
}

.compact_b99f57 .iconContainer_b99f57 {
    margin-inline-end:1rem}

.font-size-24 .cozy_b99f57 .iconContainer_b99f57 {
    width: 3rem
}

.font-size-20 .cozy_b99f57 .iconContainer_b99f57 {
    width: 3.5rem
}

.font-size-18 .cozy_b99f57 .iconContainer_b99f57 {
    width: 4rem
}

.font-size-12 .cozy_b99f57 .iconContainer_b99f57,.font-size-14 .cozy_b99f57 .iconContainer_b99f57,.font-size-15 .cozy_b99f57 .iconContainer_b99f57,.font-size-16 .cozy_b99f57 .iconContainer_b99f57 {
    width: 4.5rem
}

.compact_b99f57 .iconContainer_b99f57 {
    inset-inline-end: auto;
    position: relative;
    width: auto
}

.usernameContainer_b99f57 {
    font-family: var(--font-primary)!important;
    font-weight: 400!important;
    margin: 0!important;
    padding: 0!important
}

.usernameContainer_b99f57 .username_b99f57 {
    font-weight: var(--font-weight-semibold);
    margin-inline-end:4px}

.usernameContainer_b99f57 .systemTag_b99f57 {
    margin-inline-end:2px;margin-top: 2px
}

.usernameContainer_b99f57.compact_b99f57 {
    margin-inline-start:-24px;padding-inline-start:0}

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

.dotMargin_b99f57 {
    margin-inline:8px}

.footerIcon_b99f57 {
    margin-inline-end:4px;vertical-align: center
}

.footerAction_b99f57 {
    display: flex;
    padding: 8px
}

.spanCorrection_b99f57 {
    flex-wrap: wrap;
    white-space: pre
}

.compact_b99f57 .spanCorrection_b99f57,.spanCorrection_b99f57 {
    display: flex!important;
    flex-direction: row
}

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

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

.dotSeparatedRow_b99f57 {
    gap: 4px
}

.dotSeparatedRow_b99f57,.footerRow_b99f57 {
    align-items: center;
    display: flex;
    flex-direction: row
}

.dot_b99f57 {
    background-color: var(--background-mod-subtle);
    border-radius: 50%;
    height: 4px;
    width: 4px
}

.applicationName__9e50d {
    display: inline-flex
}

.systemMessage__9e50d>a:last-of-type {
    color: var(--text-link)
}

.messageContent__2facc {
    display: inline-block
}

.alertIcon__2facc {
    color: var(--text-feedback-warning);
    height: 16px;
    width: 16px
}

.content_e8c018 p {
    margin-bottom: 0;
    margin-top: 0
}

.content_e8c018 a:last-of-type {
    color: var(--text-link)
}

.gameContainer_e8c018 {
    color: var(--text-default);
    font-weight: var(--font-weight-medium)
}

.inlineIcon_e8c018 {
    margin-bottom: 2px;
    vertical-align: middle
}

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

.iconContainer_e9ab2f {
    color: var(--text-muted);
    padding-top: 0
}

.thumbnailStackGallery_c085c7 {
    position: relative
}

.gallery-height-1_c085c7 {
    height: 102px;
    width: 183px
}

.gallery-height-2_c085c7 {
    height: 114px;
    width: 183px
}

.gallery-height-3_c085c7 {
    height: 123px;
    width: 183px
}

.gallery-height-max_c085c7 {
    height: 131.5px;
    width: 183px
}

.thumbnailGallery_c085c7 {
    border-radius: 4px;
    inset-inline-start: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    transform: translate(-50%)
}

.thumbnailGallery_c085c7[data-index="3"],.thumbnailStackGallery_c085c7:not(.gallery-height-max_c085c7):not(.gallery-height-3_c085c7):not(.gallery-height-2_c085c7) .thumbnailGallery_c085c7[data-index="0"] {
    bottom: 0;
    height: 102px;
    width: 183px
}

.thumbnailGallery_c085c7[data-index="2"],.thumbnailStackGallery_c085c7.gallery-height-2_c085c7 .thumbnailGallery_c085c7[data-index="0"],.thumbnailStackGallery_c085c7.gallery-height-3_c085c7 .thumbnailGallery_c085c7[data-index="1"] {
    bottom: 28px;
    filter: brightness(80%);
    height: 86px;
    width: 154px
}

.thumbnailGallery_c085c7[data-index="1"],.thumbnailStackGallery_c085c7.gallery-height-3_c085c7 .thumbnailGallery_c085c7[data-index="0"] {
    bottom: 51px;
    filter: brightness(60%);
    height: 72px;
    width: 128px
}

.thumbnailGallery_c085c7[data-index="0"] {
    bottom: 74.5px;
    filter: brightness(50%);
    height: 57px;
    width: 101.333px
}

.thumbnailStackStacked_c085c7 {
    position: relative
}

.stacked-1_c085c7 {
    height: 112px;
    width: 200px
}

.stacked-2_c085c7 {
    height: 127px;
    width: 215.46px
}

.thumbnailStacked_c085c7 {
    border: 1px solid var(--black);
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute
}

.thumbnailStacked_c085c7[data-index="0"] {
    border-radius: 8px;
    height: 80px;
    inset-inline-start: 0;
    opacity: .5;
    top: 0;
    transform: rotate(-2deg);
    width: 142px
}

.thumbnailStacked_c085c7[data-index="1"] {
    border-radius: 12px;
    height: 112px;
    inset-inline-start: 15.46px;
    opacity: 1;
    top: 15px;
    transform: rotate(2deg);
    width: 200px
}

.stacked-1_c085c7 .thumbnailStacked_c085c7[data-index="0"] {
    border-radius: 12px;
    height: 112px;
    inset-inline-start: 0;
    top: 0;
    transform: rotate(0deg);
    width: 200px
}

.previewContainer_dd7e13 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 8px
}

.icon_b9588c {
    height: 1.125rem;
    width: 1.125rem
}

.icon__80514 {
    height: 1.125rem;
    width: 1.125rem
}

.iconWrapper__9f20a {
    height: 1rem;
    width: 1rem
}

.icon__9f20a {
    color: var(--guild-boosting-pink);
    height: 100%;
    width: 100%
}

.icon__9f20a,.message__9f20a {
    cursor: pointer
}

.cannon__9f20a,.cannonWrapper__9f20a {
    height: 100%;
    position: absolute;
    width: 100%
}

.easterEggAnimationClickTarget__9f20a {
    cursor: pointer;
    pointer-events: all;
    position: absolute
}

.easterEggAnimationClickTargetTopLeft__9f20a {
    inset-inline-start: 0;
    top: 0;
    transform: scale(-1)
}

.easterEggAnimationClickTargetTopRight__9f20a {
    inset-inline-end: 0;
    top: 0;
    transform: scaleY(-1)
}

.easterEggAnimationClickTargetBottomLeft__9f20a {
    bottom: 0;
    inset-inline-start: 0;
    transform: scaleX(-1)
}

.easterEggAnimationClickTargetBottomRight__9f20a {
    bottom: 0;
    inset-inline-end: 0
}

.easterEggAnimation__9f20a {
    height: var(--custom-user-premium-guild-subscription-easter-egg-size);
    width: var(--custom-user-premium-guild-subscription-easter-egg-size)
}

.easterEggAnimationHideLeaf__9f20a .userPremiumGuildSubscriptionLeaf,.easterEggAnimationHideLeaf__9f20a .userPremiumGuildSubscriptionLeafParent {
    visibility: hidden
}

.iconContainer_a1f71e {
    padding-top: 0
}

.container_c530da {
    max-width: 350px;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.tooltip_c530da {
    background-color: var(--background-surface-high);
    border-radius: 5px;
    box-shadow: var(--shadow-border),var(--shadow-high);
    color: var(--primary-200);
    font-size: 16px;
    line-height: 20px;
    overflow-wrap: break-word;
    padding: 8px 12px
}

.tooltipPointer_c530da {
    border: 5px solid transparent;
    border-top: 5px solid var(--background-surface-high);
    height: 0;
    inset-inline-start: 50%;
    margin-inline-start:-5px;pointer-events: none;
    position: absolute;
    top: 100%;
    width: 0
}

.clickable_c530da {
    cursor: pointer
}

.mention_c530da {
    background: none;
    padding: 0
}

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

/*# sourceMappingURL=076e97f00ed91b8f.css.map*/