DiscordClone/discord-html-copy/css/f37149369742ded7.css

.container_d79086 {
    box-sizing: border-box;
    contain: paint;
    cursor: revert;
    display: inline-block;
    position: relative;
    text-align: start;
    vertical-align: top;
    width: 100%
}

.animatedText_d79086 {
    display: block;
    overflow: hidden;
    pointer-events: none;
    text-overflow: ellipsis;
    transform-style: preserve-3d;
    white-space: nowrap;
    width: 100%
}

.emoji_ce5b39 {
    flex-shrink: 0
}

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

.header_fe7ab2 {
    margin: 16px 0 8px
}

.headerBar_fe7ab2 {
    box-shadow: var(--elevation-low)
}

.headerTitle_fe7ab2 {
    flex: 1
}

.dispatcherHeader_fe7ab2 {
    max-width: calc(100% - 90px)
}

.headerTitleText_fe7ab2 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.inspectorWrapper_fe7ab2 {
    font-family: var(--font-code);
    font-size: 14px
}

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

.tabBar_fe7ab2 {
    background: var(--background-base-lower);
    border-bottom: 1px solid var(--background-base-lowest);
    flex-shrink: 0;
    height: 36px;
    overflow: hidden;
    white-space: nowrap;
    width: 95%
}

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

.tabMeasurer_fe7ab2 {
    height: 0;
    inset-inline-start: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 0
}

.tabItem_fe7ab2 {
    border-bottom: 2px solid transparent;
    color: var(--interactive-text-default);
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: var(--font-weight-medium);
    line-height: 22px;
    overflow: hidden;
    padding: 6px 12px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tabItem_fe7ab2:hover {
    border-bottom-color: var(--brand-500)
}

.tabItem_fe7ab2.selected_fe7ab2,.tabItem_fe7ab2:active {
    border-bottom-color: var(--control-brand-foreground)
}

.menu_fe7ab2 {
    display: flex;
    height: 100%;
    justify-content: flex-end;
    width: 5%
}

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

.table_fe7ab2,.tableContainer_fe7ab2 {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0
}

.tableHeader_fe7ab2 {
    background: var(--background-base-lower);
    height: 24px;
    text-transform: uppercase
}

.tableHeader_fe7ab2,.tableRow_fe7ab2 {
    align-items: center;
    border-bottom: 1px solid hsla(0,0%,100%,.06);
    display: flex;
    flex-direction: row;
    padding: 8px
}

.tableRow_fe7ab2 {
    color: var(--interactive-text-default);
    cursor: pointer;
    font-size: 16px;
    line-height: 22px;
    min-height: 24px
}

.tableRow_fe7ab2>div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tableRow_fe7ab2:hover {
    background: var(--interactive-background-hover)
}

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

.selectedTableRow_fe7ab2 {
    background: var(--interactive-background-selected)
}

.properties_fe7ab2 {
    align-items: baseline;
    background: var(--background-base-lower);
    box-shadow: var(--elevation-low);
    display: grid;
    gap: 16px 8px;
    grid-template-columns: max-content auto;
    padding: 16px
}

.propertyName_fe7ab2 {
    color: var(--text-default);
    flex: 0 0 auto;
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
    text-align: end;
    text-transform: uppercase
}

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

.propertyValue_fe7ab2:hover>.copyPropertyButton_fe7ab2 {
    opacity: 1
}

.propertyValue_fe7ab2 .copyPropertyButton_fe7ab2 {
    color: var(--interactive-text-default);
    height: 18px;
    margin-inline-start:4px;opacity: 0;
    transition: opacity .1s ease-in-out
}

.propertyValue_fe7ab2 .copyPropertyButton_fe7ab2:hover {
    color: var(--interactive-text-hover);
    cursor: pointer
}

.toolbar_fe7ab2 {
    align-items: center;
    border-bottom: 1px solid var(--background-base-lowest);
    display: flex;
    flex-direction: row;
    height: 34px
}

.toolbarGroup_fe7ab2 {
    align-items: center;
    display: inline-flex;
    margin: 0 8px
}

.toolbarGroupLabel_fe7ab2 {
    font-size: 14px;
    margin-inline-end:8px}

.toolbarButton_fe7ab2 {
    flex: 0 0 auto
}

.toolbarDivider_fe7ab2 {
    border-inline-start:1px solid var(--text-muted);height: 18px;
    margin: 8px 0
}

.premiumStreakOverride_fe7ab2 {
    margin-top: 12px
}

.container_db0ccb {
    background: var(--background-base-low);
    color: var(--text-default);
    position: relative
}

.resizeHandle_db0ccb {
    cursor: ew-resize;
    height: 100%;
    inset-inline-start: 0;
    position: absolute;
    width: 8px;
    z-index: 1
}

.sidebarContent_db0ccb {
    border-inline-start:1px solid var(--background-base-lowest);display: flex;
    flex-direction: column;
    height: 100%
}

.mobileHeaderCollapsed_db0ccb {
    cursor: pointer
}

.mobileContainerExpanded_db0ccb {
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0;
    z-index: 9999999999999
}

.layerContainer_db0ccb {
    inset-inline-end: 0
}

.popoutContainer_db0ccb {
    background: var(--background-base-low);
    color: var(--text-default);
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    width: 100%
}

.background_df5e2e {
    background-repeat: repeat;
    bottom: -100vh;
    position: absolute;
    top: -100vh;
    inset-inline: -100vw;
    pointer-events: none
}

.wrapper_a230e0 {
    bottom: 120px;
    box-shadow: var(--elevation-high),0 0 7px 2px var(--opacity-white-80) inset;
    display: flex;
    flex-direction: column;
    inset-inline-end: 40px;
    max-width: 376px;
    pointer-events: all;
    z-index: 1000
}

.backgroundWrapper_a230e0,.wrapper_a230e0 {
    border-radius: var(--radius-sm);
    position: absolute
}

.backgroundWrapper_a230e0 {
    top: 0;
    inset-inline: 0;
    bottom: 0;
    overflow: hidden
}

.backgroundImage_a230e0 {
    background-image: url(https://cdn.discordapp.com/assets/content/03fd0662b5ff101e4fc8c43309a51174a8d6de4275ebc364897623093487fa45.png);
    background-size: 1120px 630px
}

.backgroundOverlay_a230e0 {
    background: linear-gradient(to bottom,hsl(var(--black-hsl)/80%),hsl(var(--black-hsl)/40%));
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0
}

.heroImage_a230e0 {
    background-image: url(https://cdn.discordapp.com/assets/content/df9ae78646e66db6aa0c2286477f8e97de435683b446dc437c2276e461568783.png);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    height: 104px;
    inset-inline-start: -16px;
    min-width: 94px;
    position: absolute
}

.content_a230e0 {
    display: flex;
    padding: 12px;
    padding-inline-start:80px;position: relative
}

.link_a230e0 {
    cursor: pointer;
    font-weight: 600;
    text-decoration: underline
}

.closeClickable_a230e0 {
    color: var(--white);
    cursor: pointer;
    inset-inline-end: 8px;
    opacity: .8;
    position: absolute;
    top: 8px;
    transition: opacity .2s ease
}

.closeClickable_a230e0:hover {
    opacity: 1
}

.wrapper__946ec {
    background-color: #000;
    border-radius: 8px;
    inset: 0;
    overflow: hidden;
    position: absolute;
    z-index: var(--custom-user-profile-toast-z-index)
}

.theme-light .wrapper__946ec {
    background-color: #eeeff1
}

.closeButton__946ec.closeButton__946ec {
    inset-inline-end: 10px;
    position: absolute;
    top: 10px;
    z-index: 1
}

.copyButton__252af {
    border-radius: var(--radius-round);
    color: var(--interactive-text-default);
    cursor: pointer;
    height: 16px;
    opacity: 0;
    width: 16px
}

:not(.keyboard-mode).full-motion .copyButton__252af {
    transition: opacity var(--custom-button-transition-duration) ease
}

.copyButton__252af.visible__252af,.copyButton__252af:focus-visible {
    opacity: 1
}

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

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

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

.userMenuUsername_d40c56 {
    flex-grow: 1;
    max-width: 132px
}

.userMenuText_d40c56 {
    color: var(--text-strong);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

.focused_d40c56 .userMenuUsername_d40c56 .userMenuText_d40c56 {
    color: var(--text-strong)
}

.focused_d40c56 .userMenuUsername_d40c56 .userMenuDiscriminator_d40c56 {
    color: var(--text-default)
}

.activeIcon_d40c56 {
    flex-shrink: 0
}

.popoutContainer_ce8328 {
    align-items: flex-end;
    display: flex;
    flex-direction: row-reverse
}

.body_ce8328 {
    padding: 4px 16px 16px
}

.body_ce8328,.menus_ce8328 {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.menuOverlay_ce8328 {
    padding: 8px
}

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

.menuItem_ce8328:after {
    background-color: var(--user-profile-border);
    content: "";
    display: block;
    height: 1px;
    margin: 8px 4px
}

.menuItem_ce8328:last-child:after {
    display: none
}

.menuItemLabelText_ce8328 {
    line-height: 16px
}

.menuItemInner_ce8328 {
    align-items: center;
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--interactive-text-default);
    cursor: pointer;
    display: flex;
    gap: 8px;
    justify-content: space-between;
    padding: 8px;
    width: 100%
}

.menuItemInner_ce8328:hover {
    background-color: var(--user-profile-overlay-background-hover);
    color: var(--interactive-text-hover)
}

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

.menuItemContent_ce8328 {
    flex-grow: 1;
    gap: 8px
}

.menuItemContent_ce8328,.menuItemLabel_ce8328 {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.menuItemLabel_ce8328 {
    flex: 1;
    gap: 4px;
    text-align: start
}

.menuItemIcon_ce8328 {
    align-items: center;
    display: flex;
    height: 16px;
    justify-content: center;
    width: 16px
}

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

.submenuIconWrapper_ce8328 {
    align-items: center;
    align-self: stretch;
    display: flex
}

.submenuPaddingContainer_ce8328 {
    padding: 0 12px
}

.statusPickerModal_ce8328 {
    background: unset;
    border: none;
    box-shadow: none;
    width: 100%
}

.statusPickerModalMenu_ce8328 {
    max-height: calc(100vh - 72px);
    overflow: hidden;
    width: 300px
}

.mainStatusIcon_ce8328 {
    height: 12px;
    margin-top: 3.5px;
    margin-inline-start:3px;width: 12px
}

.statusItem_ce8328 {
    align-items: center;
    box-sizing: border-box;
    display: grid;
    grid-template-areas: "icon status" ". description";
    grid-template-columns: 20px 1fr;
    grid-template-rows: 20px 1fr;
    min-height: 20px;
    padding: 6px 8px
}

.expiringStatusMenuItem_ce8328 {
    padding: 0
}

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

.durationButtons_ce8328 {
    display: flex;
    grid-column-start: 2;
    justify-content: space-between;
    margin-bottom: 2px;
    margin-top: 6px
}

.durationButton_ce8328 {
    height: 28px
}

.status_ce8328 {
    align-items: center;
    display: flex;
    grid-area: status span 2
}

.icon_ce8328 {
    grid-area: icon
}

.description_ce8328 {
    color: currentColor;
    font-size: 12px;
    grid-area: description;
    line-height: 16px;
    margin-bottom: 2px;
    white-space: normal
}

.themeContainer_ce8328>div {
    max-height: calc(100vh - 124px)
}

.username_ce8328 {
    margin-bottom: -4px
}

.focusModeItem_ce8328 {
    padding-inline-start:2px}

.focusModeIcon_ce8328 {
    height: 12px;
    margin-top: 3px;
    margin-inline-start:8px;width: 12px
}

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

.container_caf802 {
    align-items: center;
    display: flex;
    gap: 3px
}

.container_c3474d {
    background: var(--background-surface-high);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-high);
    box-sizing: border-box;
    margin-inline-start:8px;width: 400px
}

.container_c3474d,.content_c3474d {
    display: flex;
    flex-direction: column
}

.content_c3474d {
    overflow: hidden;
    padding: 24px 24px 0
}

.headerRow_c3474d {
    align-items: flex-start;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-bottom: 8px
}

.closeButton_c3474d {
    align-items: center;
    color: var(--icon-subtle);
    cursor: pointer;
    height: 24px;
    justify-content: center;
    margin-bottom: 0;
    margin-top: -4px;
    margin-inline-end:-4px;margin-inline-start:8px;transition: color 50ms ease-in;
    width: 24px
}

.closeButton_c3474d:hover {
    color: var(--icon-strong);
    transition: color .15s ease-out
}

.scroller_c3474d {
    margin-bottom: -4px;
    margin-top: 20px;
    margin-inline-end:-12px;margin-inline-start:-4px;padding-bottom: 24px
}

.scrollerContent_c3474d {
    padding: 4px
}

.grid__78100 {
    display: grid;
    gap: var(--space-8);
    grid-auto-rows: minmax(122px,1fr);
    grid-template-columns: repeat(auto-fill,95px);
    justify-content: start;
    width: 100%
}

.loadingContainer__78100 {
    align-items: center;
    display: flex;
    height: 382px;
    justify-content: center;
    width: 100%
}

.tooltipContent__78100 {
    text-align: center
}

.card__78100 {
    border-radius: var(--radius-sm);
    cursor: pointer;
    display: flex;
    height: 100%;
    position: relative;
    width: 100%
}

.highlightOverlay__78100 {
    background-color: var(--black-500);
    border-radius: var(--radius-sm);
    opacity: .5
}

.highlightOverlay__78100,.plusIconContainer__78100 {
    align-items: center;
    height: 100%;
    inset-inline-start: 0;
    justify-content: center;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.plusIconContainer__78100 {
    display: flex
}

.cardBackgroundImage__78100 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.cardBackgroundImage__78100,.cardImage__78100 {
    height: 100%;
    inset-inline: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.cardImage__78100 {
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.upsellContainer_e75cd3 {
    width: 344px
}

.contentContainer_e75cd3 {
    padding: 0
}

.buttonContainer_e75cd3 {
    margin-top: 16px
}

.container__7a78a {
    box-sizing: border-box;
    width: 100%;
    --custom-game-cover-width: 87px;
    --custom-game-cover-height: 116px;
    --custom-game-cover-grid-row-size: 4;
    --custom-game-cover-gap: 16px;
    --custom-placeholder-text-size: 20px;
    --custom-placeholder-text-gap: 9px
}

.container__7a78a.sizeMedium__7a78a {
    --custom-game-cover-width: 72px;
    --custom-game-cover-height: 96px;
    --custom-game-cover-grid-row-size: 4;
    --custom-game-cover-gap: 10px;
    --custom-placeholder-text-size: 20px;
    --custom-placeholder-text-gap: 9px
}

.container__7a78a.sizeSmall__7a78a {
    --custom-game-cover-width: 56px;
    --custom-game-cover-height: 75px;
    --custom-game-cover-grid-row-size: 3;
    --custom-game-cover-gap: 9px;
    --custom-placeholder-text-size: 12px;
    --custom-placeholder-text-gap: 8px
}

.placeholderDetailsCard__7a78a {
    align-items: center;
    display: flex;
    gap: var(--custom-game-cover-gap);
    pointer-events: none
}

.placeholderText__7a78a {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--custom-placeholder-text-gap);
    justify-content: center;
    width: 100%
}

.placeholderBar__7a78a {
    background-color: var(--background-mod-subtle);
    border-radius: 8px;
    height: var(--custom-placeholder-text-size)
}

.placeholderBar__7a78a:first-child {
    width: 60%
}

.placeholderBar__7a78a:last-child {
    width: 95%
}

.placeholderCoverGrid__7a78a {
    display: grid;
    grid-template-columns: repeat(var(--custom-game-cover-grid-row-size),var(--custom-game-cover-width));
    justify-content: space-between;
    pointer-events: none
}

.placeholderCover__7a78a {
    opacity: .2
}

.container__3f982 {
    display: grid;
    gap: 16px;
    grid-template-columns: 3fr 2fr;
    height: 165px;
    width: 100%
}

.container__3f982.sizeSmall__3f982 {
    gap: 4px;
    height: 99px
}

.content__3f982 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: var(--custom-option-add-button-padding)
}

.sizeSmall__3f982 .content__3f982 {
    gap: 8px
}

.header__3f982 {
    background: var(--background-mod-subtle);
    border-radius: var(--radius-sm);
    height: 20px;
    width: 50%
}

.sizeSmall__3f982 .header__3f982 {
    height: 12px
}

.divider__3f982 {
    border: 1px solid var(--background-mod-subtle)
}

.stats__3f982 {
    display: grid;
    flex: 1;
    gap: 8px 18px;
    grid-template-columns: 1fr 1fr 1fr
}

.sizeSmall__3f982 .stats__3f982 {
    gap: 8px
}

.stat__3f982 {
    background: var(--background-mod-subtle);
    border-radius: var(--radius-md)
}

.imageContainer__3f982 {
    overflow: hidden;
    position: relative
}

.previewImage__3f982 {
    inset-inline-end: 0;
    -webkit-mask: linear-gradient(270deg,#000 75%,transparent);
    mask: linear-gradient(270deg,#000 75%,transparent);
    opacity: .2;
    position: absolute;
    top: 0;
    width: 100%
}

.footer__3f982 {
    align-items: center;
    background: var(--background-mod-subtle);
    display: flex;
    gap: 4px;
    justify-content: center;
    padding: 12px
}

.footerPlaceholder__3f982 {
    height: 1lh;
    width: 25ch
}

.footerPlaceholder__3f982,.previewImagePlaceholder__3f982 {
    background: var(--background-mod-subtle);
    border-radius: var(--radius-sm)
}

.previewImagePlaceholder__3f982 {
    inset: var(--custom-option-add-button-padding);
    position: absolute
}

.addButtonContainer__4a011 {
    background: var(--background-mod-subtle);
    border-radius: 8px;
    overflow: hidden;
    transition: background-color .15s ease
}

.custom-user-profile-theme.theme-light .addButtonContainer__4a011 {
    background: var(--opacity-white-24)
}

.addButtonContainer__4a011:has(.addButtonContent__4a011:hover) {
    background: var(--background-mod-normal)
}

.custom-user-profile-theme.theme-light .addButtonContainer__4a011:has(.addButtonContent__4a011:hover) {
    background: var(--opacity-white-40)
}

.addButtonContainer__4a011:has(.addButtonContent__4a011:active) {
    background: var(--background-mod-strong)
}

.custom-user-profile-theme.theme-light .addButtonContainer__4a011:has(.addButtonContent__4a011:active) {
    background: var(--opacity-white-56)
}

.addButtonContent__4a011 {
    --custom-option-add-button-padding: 16px;
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    text-align: center
}

.addButtonContent__4a011.sizeSmall__4a011 {
    --custom-option-add-button-padding: 12px
}

.placeholderPadding__4a011 {
    padding: var(--custom-option-add-button-padding)
}

.overlay__4a011 {
    flex-direction: column;
    gap: 8px;
    inset: 0;
    position: absolute
}

.addButton__4a011,.overlay__4a011 {
    align-items: center;
    display: flex;
    justify-content: center
}

.addButton__4a011 {
    background: var(--custom-background-primary);
    color: var(--text-default)
}

.loading__4a011 {
    pointer-events: none
}

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

.icon__4a011 {
    border-radius: 2px
}

.options__60a25 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    --custom-game-cover-width: 72px;
    --custom-game-cover-height: 96px
}

.container__37e49 {
    align-items: center;
    background: unset;
    border-radius: 7px;
    box-sizing: border-box;
    container-type: inline-size;
    display: flex;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    gap: var(--space-xs);
    height: 56px;
    justify-content: space-between;
    margin-inline-start:-1px;min-height: var(--custom-rtc-account-height);
    padding: calc(var(--custom-guild-list-padding) - var(--custom-panels-spacing) + 4px);
    position: relative;
    z-index: 1
}

.container__37e49 .avatar__37e49 {
    cursor: pointer;
    flex-shrink: 0
}

.container__37e49 .avatar__37e49:hover {
    opacity: .8
}

.container__37e49 .redIcon__37e49 {
    color: var(--icon-feedback-critical)
}

.accountPopoutButtonWrapper__37e49 {
    align-items: center;
    border-radius: var(--radius-xs);
    cursor: pointer;
    display: flex;
    flex: 1;
    gap: var(--space-8);
    margin: 0;
    margin-inline-start:calc(var(--custom-panels-spacing) - var(--custom-guild-list-padding) + 4px);min-width: 112px;
    padding: 5px calc(var(--custom-guild-list-padding) - var(--custom-panels-spacing) - 4px);
    position: relative;
    transition: background-color .2s ease
}

.accountPopoutButtonWrapper__37e49.experiment__37e49 {
    margin-inline-end:4px}

.accountPopoutButtonWrapper__37e49:hover {
    background-color: var(--background-mod-normal);
    color: var(--interactive-text-hover)
}

.accountPopoutButtonWrapper__37e49 .nameTag__37e49 {
    margin: 0;
    padding: 0
}

.accountPopoutButtonWrapper__37e49 .avatar__37e49:hover {
    opacity: 1
}

.accountPopoutButton__37e49 {
    height: 0;
    inset: 0;
    pointer-events: none;
    position: absolute;
    width: 0
}

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

.nameTag__37e49 {
    flex-grow: 1;
    margin-inline-end:4px;min-width: 0;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.nameTag__37e49.canCopy__37e49 {
    cursor: pointer
}

.hasBuildOverride__37e49 {
    border-radius: 50%;
    bottom: 0;
    inset-inline-end: 0;
    position: absolute
}

.buildOverrideButton__37e49 {
    position: relative
}

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

.panelTitleContainer__37e49 .withDisplayNameStyles__37e49 {
    overflow: visible
}

.copySuccess__37e49 {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

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

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

.activityStatusText__37e49 {
    font-weight: inherit;
    line-height: inherit
}

.customStatus__37e49 {
    overflow: hidden;
    text-overflow: ellipsis
}

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

.emoji__37e49 {
    height: 14px;
    margin-inline-end:4px;width: 14px
}

.micButtonParent__37e49 {
    display: flex;
    flex: direct;
    margin-inline-end:0}

.micButtonParent__37e49 .buttonChevron__37e49 {
    align-items: center;
    border-end-start-radius: 0;
    border-start-start-radius: 0;
    display: flex;
    height: 32px;
    justify-content: center;
    line-height: 0;
    margin-inline-start:1px;position: relative;
    width: 16px
}

.micButtonParent__37e49 .micButtonWithMenu__37e49 {
    border-end-end-radius: 0;
    border-start-end-radius: 0
}

.micButtonParent__37e49.popoutOpen__37e49 .buttonChevron__37e49,.micButtonParent__37e49.popoutOpen__37e49 .micButtonWithMenu__37e49,.micButtonParent__37e49:not(.hasColorGlow__37e49):hover .buttonChevron__37e49,.micButtonParent__37e49:not(.hasColorGlow__37e49):hover .micButtonWithMenu__37e49 {
    background-color: var(--background-mod-muted)
}

.micButtonParent__37e49.popoutOpen__37e49 .buttonChevron__37e49.popoutOpen__37e49,.micButtonParent__37e49.popoutOpen__37e49 .buttonChevron__37e49:hover,.micButtonParent__37e49.popoutOpen__37e49 .micButtonWithMenu__37e49.popoutOpen__37e49,.micButtonParent__37e49.popoutOpen__37e49 .micButtonWithMenu__37e49:hover,.micButtonParent__37e49:not(.hasColorGlow__37e49):hover .buttonChevron__37e49.popoutOpen__37e49,.micButtonParent__37e49:not(.hasColorGlow__37e49):hover .buttonChevron__37e49:hover,.micButtonParent__37e49:not(.hasColorGlow__37e49):hover .micButtonWithMenu__37e49.popoutOpen__37e49,.micButtonParent__37e49:not(.hasColorGlow__37e49):hover .micButtonWithMenu__37e49:hover {
    background-color: var(--interactive-background-selected);
    color: var(--interactive-text-hover)
}

.micButtonParent__37e49:hover>button:hover {
    background-color: var(--control-secondary-background-hover)
}

.micButtonParent__37e49 .buttonChevronIcon__37e49 {
    height: 16px;
    width: 16px
}

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

.containerListenAlongVisible__37e49,.containerQuestBarVisible__37e49,.containerRtcOpened__37e49 {
    border-start-end-radius: 0;
    border-start-start-radius: 0
}

.panelTitleContainer__37e49 {
    margin-bottom: 2px;
    margin-top: -1px
}

.refresh-fast-follow-avatars .container__37e49 {
    padding: min(var(--space-xs),var(--space-8))
}

.theme-light .iconForeground__37e49 {
    color: rgba(0,0,0,.9)
}

.theme-dark .iconForeground__37e49 {
    color: hsla(0,0%,100%,.9)
}

.plated__37e49 {
    background-color: unset!important
}

.plated__37e49:hover {
    background-color: var(--custom-nameplate)!important
}

@container (max-width: 260px) {
    .accountPopoutButtonWrapper__37e49 {
        min-width: 0
    }
}

@container (max-width: 100px) {
    .nameTag__37e49 {
        display: none
    }
}

.pttIndicator__37e49 {
    border: 2px solid;
    border-color: var(--status-danger);
    border-radius: 50%;
    bottom: 7px;
    box-sizing: border-box;
    height: 8px;
    position: absolute;
    right: 7px;
    width: 8px
}

.pttIndicator__37e49.speaking__37e49 {
    border-color: var(--status-positive)
}

.pttIndicator__37e49.latched__37e49 {
    border-color: var(--status-warning)
}

.enable-forced-colors.theme-dark .iconForeground__37e49,.enable-forced-colors.theme-light .iconForeground__37e49 {
    color: currentColor
}

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

.themes__7f2be {
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

.inputs_c202a4 {
    background: var(--background-base-lowest);
    border-radius: 4px;
    border-style: none;
    color: var(--text-default);
    width: 100px
}

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

.previewsContainer_c202a4 {
    flex: 0 0 auto;
    padding-bottom: var(--space-16)
}

.preview_c202a4 {
    background: var(--background-base-lowest);
    padding: 8px
}

.preview_c202a4,.simArea_c202a4 {
    border-radius: 8px;
    width: 100%
}

.simArea_c202a4 {
    background: var(--background-base-lower);
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 10px;
    padding-inline-end:8px;padding-top: 10px;
    position: relative
}

.themePicker_c202a4 {
    margin-top: 8px
}

.controls_c202a4 {
    flex-direction: column;
    margin-bottom: 32px;
    margin-top: 8px
}

.controls_c202a4,.toggles_c202a4 {
    display: flex;
    gap: 8px
}

.dmlist_c202a4 {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.dark_c202a4 {
    background: #2b2d31
}

.light_c202a4 {
    background: #f2f3f5
}

.overflowTooltip_c202a4 {
    margin-inline-start:8px;max-width: 224px;
    position: relative
}

.overflowTooltip_c202a4.fullWidth_c202a4 {
    max-width: 100%
}

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

.main_c202a4 {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-16)
}

.flex_c202a4 {
    align-items: center;
    width: -moz-fit-content;
    width: fit-content
}

.buttons_c202a4,.flex_c202a4 {
    display: flex;
    gap: 8px
}

.buttons_c202a4 {
    flex: 0 0 250px;
    flex-direction: column
}

.uploaded_c202a4 {
    align-items: center;
    background: var(--background-base-lowest);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: -moz-fit-content;
    height: fit-content;
    padding: 8px;
    position: relative;
    width: 250px
}

.uploadedImg_c202a4 {
    max-height: 50px;
    max-width: 80%
}

.uploadedArea_c202a4 {
    background: var(--background-base-lower);
    border-radius: 8px;
    flex-direction: column;
    height: auto;
    width: -moz-fit-content;
    width: fit-content
}

.uploadedArea_c202a4,.uploadedControls_c202a4 {
    display: flex;
    gap: 8px
}

.xicon_c202a4 {
    cursor: pointer;
    inset-inline-end: 8px;
    position: absolute;
    top: 8px
}

.previews_c202a4 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 432px;
    min-width: 264px;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    resize: none
}

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

.rtcSim_c202a4 {
    border-radius: 8px
}

.rtcSim_c202a4>div>div {
    padding-inline:10px!important}

.theme-dark .rtcSim_c202a4 {
    background: var(--background-gradient-lowest,var(--background-mod-normal))
}

.theme-light .rtcSim_c202a4 {
    background: var(--background-gradient-low,var(--background-mod-normal))
}

.resizeHandle_c202a4 {
    align-items: center;
    background: var(--background-base-lowest);
    border-radius: 4px;
    bottom: 0;
    cursor: ew-resize;
    display: flex;
    inset-inline-end: -2px;
    justify-content: center;
    position: absolute;
    top: 0;
    transition: background-color .2s ease;
    width: 8px;
    z-index: 10
}

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

.resizeHandle_c202a4:after,.resizeHandle_c202a4:before {
    background: var(--text-muted);
    border-radius: 1px;
    content: "";
    height: 20px;
    width: 2px
}

.resizeHandle_c202a4:after {
    inset-inline-start: 50%;
    margin-inline-start:2px;position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.row_a35735 {
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px
}

.col_a35735,.row_a35735 {
    display: flex;
    justify-content: flex-start
}

.col_a35735 {
    flex-direction: column;
    max-width: 100%;
    min-width: 0
}

.grid_a35735 {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fill,450px);
    max-width: 100%;
    overflow: hidden;
    width: 100%
}

.customEffectsGrid_a35735 {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fill,400px)
}

.end_a35735 {
    align-items: flex-end;
    justify-content: flex-end
}

.section_a35735 {
    margin: 12px 0
}

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

.previewCard_a35735 {
    background: var(--background-surface-high);
    border-radius: 4px;
    cursor: pointer;
    height: 250px;
    transition: box-shadow .2s ease-in-out
}

.previewCard_a35735:hover {
    box-shadow: var(--shadow-high)
}

.previewCardImage_a35735 {
    height: 200px
}

.previewCardFooter_a35735 {
    align-items: center;
    background: var(--background-surface-high);
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    height: 50px;
    justify-content: space-between;
    padding: 12px 8px
}

.preview_a35735 {
    position: relative
}

.profileEffectPreviewContent_a35735 {
    height: 100%;
    inset: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 1
}

.userProfilePreview_a35735 {
    margin-top: 20px;
    width: 308px
}

.dangerControls_a35735 {
    display: flex;
    justify-content: center;
    margin: 12px 0
}

.options_a35735 {
    display: flex;
    flex-direction: row;
    margin-top: 20px
}

.checkBox_a35735 {
    height: 20px;
    width: 16px
}

.uploadButton_a35735 {
    background-color: green;
    border-radius: 4px;
    flex: 1px;
    height: 38px;
    padding-top: 8px;
    position: relative;
    text-align: center;
    width: 200px
}

.input_a35735 {
    box-sizing: border-box;
    margin-inline-start:0;max-width: 100%;
    width: 100%
}

.bottomControls_a35735 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 12px 0
}

.shareSection_a35735 {
    border: 1px solid var(--control-primary-border-default);
    border-radius: 4px;
    padding: 4px 12px
}

.randomizedRules_a35735 {
    background: var(--background-base-lower);
    border-radius: 4px;
    margin-top: 24px;
    padding: 4px
}

.randomizedRules_a35735 ol {
    list-style: decimal;
    margin-top: 8px;
    padding-inline-start:24px}

.randomizedRules_a35735 ol li {
    color: var(--text-strong);
    margin-top: 4px
}

.warningText_a35735 {
    color: var(--text-feedback-critical);
    font-weight: 800
}

.layers_a35735 {
    grid-template-columns: repeat(auto-fill,minmax(300px,1fr));
    margin-top: 8px
}

.layerForm_a35735 {
    background: var(--background-base-lower);
    border-radius: 8px;
    padding: 8px
}

.layerPreviewContainer_a35735 {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.layerPreview_a35735 {
    border: 1px solid var(--border-strong);
    border-radius: 8px;
    height: 250px
}

.stillFramesContainer_a35735 {
    display: flex;
    gap: 12px;
    margin-top: 12px
}

.stillFramePreviewContainer_a35735 {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 4px
}

.stillFramePreviewWrapper_a35735 {
    aspect-ratio: 450/880;
    border: 1px solid var(--border-strong);
    border-radius: 4px;
    height: 250px;
    margin-bottom: 4px;
    overflow: hidden;
    position: relative
}

.stillFramePreviewClickable_a35735 {
    cursor: pointer
}

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

.full-motion .stillFramePreviewClickable_a35735:hover {
    transform: scale(1.02)
}

.stillFramePreviewClickable_a35735:focus {
    outline: 2px solid var(--border-focus);
    outline-offset: 2px
}

.stillFramePlaceholder_a35735 {
    z-index: 0
}

.stillFramePlaceholder_a35735,.stillFramePreview_a35735 {
    height: 100%;
    inset: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    position: absolute;
    width: 100%
}

.stillFramePreview_a35735 {
    z-index: 1
}

.reducedMotionModalContent_a35735 {
    align-items: flex-start;
    display: flex;
    justify-content: center;
    min-height: 100%;
    padding: 64px 24px 48px
}

.reducedMotionModalCloseButton_a35735 {
    inset-inline-end: 16px;
    position: fixed;
    top: 16px;
    z-index: 10
}

.reducedMotionModalWrapper_a35735 {
    aspect-ratio: 450/880;
    border: 1px solid var(--border-strong);
    border-radius: 8px;
    max-width: 450px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.reducedMotionModalPlaceholder_a35735 {
    z-index: 0
}

.reducedMotionModalFrame_a35735,.reducedMotionModalPlaceholder_a35735 {
    height: 100%;
    inset: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    position: absolute;
    width: 100%
}

.reducedMotionModalFrame_a35735 {
    z-index: 1
}

.pfxGrid_a35735 {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 12px 0
}

.pfxListItem_a35735 {
    aspect-ratio: 450/880;
    background-position: 50%;
    background-size: cover;
    cursor: pointer;
    height: auto;
    justify-content: flex-end;
    text-align: center;
    width: 180px
}

.pfxListItem_a35735,.pfxListItemFooter_a35735 {
    display: flex;
    flex-direction: column
}

.pfxListItemFooter_a35735 {
    background: rgba(0,0,0,.6);
    height: 32px;
    justify-content: center
}

.container__85f5c {
    gap: 32px;
    padding: 24px
}

.container__85f5c,.section__85f5c {
    display: flex;
    flex-direction: column
}

.section__85f5c {
    gap: var(--space-16)
}

.section__85f5c:not(:last-child) {
    border-bottom: 1px solid var(--border-muted)
}

.inputSection__85f5c {
    margin-bottom: 24px
}

.inputLabel__85f5c {
    margin-bottom: 8px
}

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

.previewProductCardContainer__85f5c {
    height: 246px
}

.placeholder__85f5c {
    border: 2px dashed var(--border-muted);
    border-radius: 8px;
    padding: 48px;
    text-align: center
}

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

.errorText__85f5c,.successText__85f5c {
    font-weight: 600;
    margin-top: 4px
}

.successText__85f5c {
    color: var(--green-300)
}

.mutedText__85f5c {
    color: var(--text-subtle);
    margin-top: 4px
}

.loadingText__85f5c {
    color: var(--text-strong);
    margin-top: 4px
}

.wrapper__7a068 {
    flex: 1;
    padding: var(--space-16)
}

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

.notice__7a068 {
    margin-top: var(--space-16)
}

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

.content__7a068,.noticeBody__7a068 {
    display: flex;
    flex-direction: column
}

.content__7a068 {
    padding-top: var(--space-16)
}

.nav__7a068 {
    flex-direction: row;
    gap: var(--space-12)
}

.banner__7a068,.nav__7a068 {
    align-items: center;
    display: flex
}

.banner__7a068 {
    background-position: 100%;
    background-size: cover;
    cursor: pointer;
    height: 64px;
    margin-top: 12px;
    padding: 12px;
    width: 100%
}

.pfxBanner__7a068 {
    background-image: url(https://cdn.discordapp.com/assets/content/100926ee18a28a73bf09b6dfeb3406b2c669808ff8cd820e4af6e93c6a5b184a.png)
}

.nameplateBanner__7a068 {
    background-image: url(https://cdn.discordapp.com/assets/content/f03942e6b99f99660e054f531489b8bf1ccc50d28242e893a8569929eee26fa7.png)
}

.bundlesBanner__7a068 {
    background-image: url(https://cdn.discordapp.com/assets/content/dec663d6f1a34d2c384a7c02d97a2ad2526a0cca19cb894ff9681ecf82b9c7b5.png)
}

.locatorEntry__19739 {
    background: var(--background-base-lower);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    padding: 8px
}

.entryAuthor__19739 {
    cursor: pointer;
    padding: 4px 0
}

.content_a45742 {
    gap: 32px;
    height: 100%;
    padding: 16px 8px;
    width: 100%
}

.content_a45742,.refreshContainer_a45742 {
    align-items: stretch;
    display: flex;
    flex-direction: column
}

.refreshContainer_a45742 {
    padding: 8px
}

.cell_a45742 {
    padding: 0 8px
}

.cellType_a45742 {
    width: 40%
}

.cellCount_a45742 {
    width: 20%
}

.content_ad8b04 {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    gap: 32px;
    height: 100%;
    padding: 16px 8px;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
    width: 100%
}

.cell_ad8b04 {
    padding: 0 8px
}

.channelName_ad8b04 {
    width: 40%
}

.loadState_ad8b04 {
    width: 20%
}

.channelId_ad8b04 {
    flex: 1
}

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

.container_a51e6d {
    background: var(--background-base-low);
    border-top: 1px solid var(--background-base-lowest);
    color: var(--text-default);
    position: relative
}

.resizeHandle_a51e6d {
    cursor: ns-resize;
    height: 8px;
    inset-inline-start: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.subPanelContent_a51e6d {
    height: 100%;
    min-height: 0;
    overflow: hidden
}

[data-accessibility-violation] {
    filter: url(#violation-overlay)
}

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

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

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

.subPanelHeaderBar__583eb {
    flex: 0 0 auto
}

.inspectorContainer__583eb {
    background: var(--background-base-lower);
    flex: 1;
    padding: 8px
}

.traceContainer__583eb {
    flex: 1;
    padding: 8px
}

.traceItem__583eb {
    cursor: pointer;
    display: block;
    padding: 4px;
    -webkit-font-smoothing: antialiased
}

.traceItem__583eb:hover {
    background: var(--interactive-background-hover)
}

.accessibilityOverlays__583eb,.violationList__583eb {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.accessibilityOverlays__583eb {
    padding: 8px
}

.row_e4169f {
    display: flex
}

.userCell_e4169f {
    flex: 2
}

.affinityCell_e4169f {
    flex: 1;
    text-align: end
}

.contentContainer__8820a {
    gap: 8px
}

.container__8820a,.contentContainer__8820a {
    display: flex;
    flex-direction: column
}

.container__8820a {
    gap: 32px;
    margin: 16px 8px
}

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

.tableContainer_fb48ea {
    flex: 1;
    min-height: 0;
    overflow: auto
}

.subPanel_fb48ea {
    display: flex;
    flex-direction: column;
    overflow: scroll
}

.toolbar_fb48ea {
    align-items: center;
    border-bottom: 1px solid var(--border-subtle);
    display: flex;
    flex-direction: row;
    gap: var(--space-12);
    padding: var(--space-8)
}

.toolbarButton_fb48ea {
    flex: 0 0 auto;
    padding: 3px 4px 1px
}

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

.toolbarDivider_fb48ea {
    border-inline-start:1px solid var(--text-muted);height: 18px;
    margin: 8px 0
}

.filters_fb48ea {
    padding: 0 4px
}

.filter_fb48ea {
    align-items: center;
    background-color: var(--background-mod-normal);
    border-radius: 4px;
    color: var(--interactive-text-active);
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    line-height: 16px;
    margin: 0 4px;
    padding: 2px 4px;
    width: auto
}

.activeFilter_fb48ea {
    background-color: var(--brand-500);
    color: var(--white)
}

.eventColumn_fb48ea {
    flex: 2
}

.locationColumn_fb48ea {
    flex: 1
}

.commonProperties_fb48ea,.subPanelHeaderBar_fb48ea {
    flex: 0 0 auto
}

.customPropertiesContainer_fb48ea {
    flex: 1;
    min-height: 0;
    overflow: auto;
    padding: 16px
}

.customProperty_fb48ea {
    align-items: center;
    display: flex;
    margin-bottom: 8px
}

.customProperty_fb48ea:hover>.copyPropertyButton_fb48ea {
    opacity: 1
}

.customPropertiesName_fb48ea {
    color: var(--text-brand);
    float: inline-start;
    font-weight: var(--font-weight-medium);
    padding-inline-end:4px}

.copyPropertyButton_fb48ea {
    color: var(--interactive-text-default);
    height: 18px;
    margin-inline-start:4px;opacity: 0;
    transition: opacity .1s ease-in-out
}

.copyPropertyButton_fb48ea:hover {
    color: var(--interactive-text-hover);
    cursor: pointer
}

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

.triggersEnable_fb48ea {
    margin: 0 8px
}

.headerTitle_fb48ea {
    flex: 1
}

.headerTitle_fb48ea:hover .copyEventButton_fb48ea {
    opacity: 1
}

.headerTitle_fb48ea .copyEventButton_fb48ea {
    color: var(--interactive-text-default);
    margin-inline-start:4px;margin-bottom: -4px;
    opacity: 0;
    transition: opacity .1s ease-in-out
}

.headerTitle_fb48ea .copyEventButton_fb48ea:hover {
    color: var(--interactive-text-hover);
    cursor: pointer
}

.panelContainer_fe44d5 {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0;
    padding-top: 12px
}

.candidatesTable_fe44d5,.candidatesTableContainer_fe44d5 {
    max-height: 200px
}

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

.panelContainer__829c8 {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: var(--space-24);
    padding: var(--space-24)
}

.divider__829c8 {
    margin: var(--space-24) 0
}

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

.button_afb575 {
    margin-bottom: 14px;
    margin-top: 10px
}

.container_afb575 {
    overflow-y: scroll;
    padding: 10px
}

.rowsContainer_afb575 {
    flex-basis: 100%;
    flex-grow: 1;
    flex-shrink: 0
}

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

.toolbar_a81334 {
    align-items: center;
    border-bottom: 1px solid var(--border-subtle);
    display: flex;
    flex-direction: row;
    gap: var(--space-8);
    padding: var(--space-8)
}

.searchBar_a81334 {
    flex: 1
}

.pausedEvents_a81334 {
    margin: 0 8px
}

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

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

.totalTimeColumn_a81334 {
    flex: 0 0 100px
}

.storeNameColumn_a81334 {
    flex: 1
}

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

.subPanelHeaderBar_a81334 {
    flex: 0 0 auto
}

.inspectorContainer_a81334 {
    background: var(--background-base-lower);
    flex: 1;
    padding: 8px
}

.actionProperties_a81334 {
    background: var(--background-base-low);
    border-bottom: 1px solid var(--background-base-lowest);
    box-shadow: var(--shadow-border),var(--shadow-high)
}

.errorIcon_a81334 {
    color: var(--icon-feedback-critical);
    height: 22px;
    margin-inline-end:8px;vertical-align: bottom;
    width: 22px
}

.errorToolbar_a81334 {
    border-top: 1px solid var(--background-base-lowest);
    flex: 0 0 auto
}

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

.container_bb6304 {
    margin: var(--space-12)
}

.formElement_bb6304 {
    display: flex;
    flex-direction: column;
    margin-bottom: var(--space-32)
}

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

.formDividerTitle_bb6304,.formRow_bb6304 {
    margin: var(--space-12) 0
}

.container__23012 {
    padding: 8px
}

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

.deleteEntitlementButton__23012 {
    inset-inline-end: 4px;
    margin: 8px;
    position: absolute;
    top: 4px
}

.card__23012 {
    align-items: flex-start;
    background-color: var(--background-base-lower);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-medium);
    display: flex;
    flex-direction: column;
    margin: var(--space-12) 0;
    padding: var(--space-12);
    position: relative
}

.clickableGroup__23012 {
    align-items: center;
    border-radius: 3px;
    display: flex;
    height: var(--custom-button-button-md-height);
    padding: 2px 16px
}

.clickableGroup__23012:hover {
    background-color: var(--background-base-lower);
    cursor: pointer
}

.clickableGroupContainer__23012 {
    align-items: flex-end;
    display: flex
}

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

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

.buttonGroup__23012>button {
    margin-inline-start:8px}

.panelInner__9b718 {
    padding: var(--space-8)
}

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

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

.buttons__9b718 {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start
}

.buttons__9b718>* {
    margin-inline-end:var(--space-8);margin-bottom: var(--space-8)
}

.inputRow__9b718 {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%
}

.input__9b718 {
    margin-inline-end:var(--space-8);width: 100%
}

.card__9b718 {
    align-items: flex-start;
    background-color: var(--background-surface-high);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-medium);
    margin: var(--space-4) 0;
    padding: var(--space-12);
    position: relative
}

.badgeContainer__9b718,.card__9b718 {
    display: flex;
    flex-direction: column
}

.badgeContainer__9b718 {
    align-items: flex-end;
    inset-inline-end: var(--space-12);
    position: absolute;
    top: var(--space-12)
}

.badge__9b718 {
    background-color: var(--status-positive-background);
    border-radius: var(--radius-round);
    margin-bottom: 2px;
    padding: 2px var(--space-8)
}

.clickable__9b718 {
    cursor: pointer
}

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

.expired__9b718 {
    background-color: var(--background-feedback-critical)
}

.redeemed__9b718 {
    background-color: var(--control-primary-background-default)
}

.row__9b718 {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin: 2px 0
}

.nameRow__9b718 {
    cursor: unset
}

.nameRow__9b718:hover .trashIcon__9b718 {
    opacity: 1
}

.idRow__9b718 {
    cursor: pointer
}

.idRow__9b718:hover {
    text-decoration: underline;
    text-decoration-color: var(--white)
}

.icon__9b718 {
    color: var(--white);
    height: 12px;
    margin-inline-start:-10px}

.discount__9b718 .icon__9b718 {
    color: var(--text-default)
}

.noMargin__9b718 {
    margin: 0
}

.trashIcon__9b718 {
    bottom: 15px;
    cursor: pointer;
    height: 16px;
    inset-inline-end: 15px;
    position: absolute
}

.deleteRow__9b718 {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--space-8);
    width: 100%
}

.deleteIcon__9b718 {
    cursor: pointer;
    height: 16px;
    transition: color .2s ease
}

.deleteIcon__9b718,.deleteIcon__9b718:hover {
    color: var(--status-danger)
}

.gradientWrapperTier0__9b718 {
    background-image: linear-gradient(90deg,var(--premium-tier-0-purple-for-gradients) 0,var(--premium-tier-0-blue-for-gradients-2) 50%,var(--premium-tier-0-blue-for-gradients) 100%)
}

.gradientWrapperTier2__9b718 {
    border: 1px solid var(--premium-tier-2-pink-for-gradients);
    outline: 1px solid var(--premium-tier-2-purple-for-gradients)
}

.loadingContainer__9b718 {
    align-items: center;
    background-color: var(--opacity-black-68);
    border-radius: var(--radius-lg);
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease-in-out
}

.isLoading__9b718 {
    opacity: 1;
    pointer-events: all
}

.container_bbaf4d {
    padding: var(--space-24)
}

.section_bbaf4d {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
    padding-bottom: var(--space-24)
}

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

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

.switch_c8030e {
    margin-bottom: 0
}

.accordionContainer__7e354 {
    display: flex;
    flex-direction: column;
    text-align: start
}

.accordionContainer__7e354.opened__7e354 .header__7e354 {
    border-end-end-radius: 0;
    border-end-start-radius: 0
}

.content__7e354 {
    background-color: var(--background-mod-muted);
    border-end-end-radius: var(--radius-sm);
    border-end-start-radius: var(--radius-sm);
    border-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-12);
    margin: 0;
    max-height: 0;
    overflow: hidden;
    padding-top: 0;
    visibility: hidden
}

.full-motion .content__7e354 {
    transition: max-height .5s cubic-bezier(.16,1,.3,1),padding-top .5s cubic-bezier(.16,1,.3,1),margin-top .5s cubic-bezier(.16,1,.3,1),visibility 0s linear .1s
}

.content__7e354.opened__7e354 {
    padding: var(--space-12);
    visibility: visible
}

.header__7e354 {
    border-radius: var(--radius-sm);
    cursor: pointer;
    gap: var(--space-12);
    padding: var(--space-12)
}

.header__7e354,.headerIconWrapper__7e354 {
    align-items: center;
    background-color: var(--background-mod-subtle);
    display: flex
}

.headerIconWrapper__7e354 {
    border-radius: var(--radius-xs);
    height: 36px;
    justify-content: center;
    width: 36px
}

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

.caret__7e354 {
    color: var(--interactive-text-default);
    margin-inline-start:auto}

.full-motion .caret__7e354 {
    transition: transform .5s cubic-bezier(.16,1,.3,1)
}

.full-motion .caret__7e354.opened__7e354 {
    transform: rotate(90deg)
}

.container_dcb0ac {
    height: 100%;
    overflow: hidden
}

.usersCount_dcb0ac {
    align-items: center;
    background-color: var(--background-base-lowest);
    border-radius: var(--radius-round);
    display: flex;
    height: var(--space-20);
    justify-content: center;
    padding: var(--space-4);
    width: var(--space-20)
}

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

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

.clickable_dcb0ac {
    cursor: pointer
}

.clickableDisabled_dcb0ac {
    cursor: not-allowed;
    pointer-events: not-allowed
}

.userInfoDisabled_dcb0ac {
    opacity: .5
}

.poolsScroller_dcb0ac {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--space-16);
    min-height: 0
}

.accordion_dcb0ac {
    width: 100%
}

.buttonContainer_dcb0ac {
    margin-inline-start:auto;margin-top: var(--space-16)
}

.panelHeader__6edf0 {
    margin-bottom: 16px
}

.panelInner__6edf0 {
    padding: var(--space-8)
}

.panelRow__6edf0 {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: var(--space-12);
    justify-content: flex-start;
    margin-bottom: var(--space-16)
}

.container__9b0bb {
    padding: var(--space-24)
}

.section__9b0bb {
    padding-bottom: var(--space-24)
}

.formSwitch__9b0bb,.header__9b0bb {
    margin-bottom: var(--space-8)
}

.hotspotsSection__16e9e {
    padding: var(--space-24)
}

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

.checkmark__16e9e {
    color: var(--status-positive)
}

.checkmark__16e9e,.xmark__16e9e {
}

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

.helpText__16e9e {
    margin-bottom: 32px
}

.hotspotSwitch__16e9e {
    align-items: center;
    display: flex;
    margin: 8px 0
}

.overrideSelect__16e9e {
    flex: 0 0 30%
}

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

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

.dataAssurance__2a048 {
    background-color: var(--background-feedback-info);
    border: 1px solid var(--border-muted);
    border-radius: var(--radius-md);
    color: var(--text-feedback-info)
}

.footer_bb3ce8 {
    align-items: center;
    margin-top: auto
}

.buttonGroup_bb3ce8,.footer_bb3ce8 {
    display: flex;
    gap: var(--space-8)
}

.buttonGroup_bb3ce8 {
    margin-inline-start:auto;max-width: 100%
}

.container__5667e {
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

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

.footerSpacer__5667e {
    margin-top: var(--space-16)
}

.container__44153 {
    background-color: var(--background-surface-higher);
    border-radius: 8px;
    padding: var(--space-16)
}

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

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

.container_de2e28 {
    background-color: var(--background-surface-highest);
    box-sizing: border-box;
    height: 100%;
    max-width: 240px;
    width: 100%
}

.title_de2e28 {
    text-transform: capitalize
}

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

.container__300a2 {
    aspect-ratio: 750/520;
    background-color: var(--background-surface-higher);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-border),var(--shadow-high);
    max-height: 520px;
    max-width: 750px;
    overflow: hidden
}

.body__300a2,.header__300a2 {
    padding: var(--space-16)
}

.error__300a2 {
    margin-top: var(--space-8)
}

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

.artwork__300a2 {
    inset-inline-start: 0;
    position: fixed;
    top: 0
}

.artwork__300a2,.body__300a2 {
    height: 100%;
    width: 100%
}

.interimBody__300a2 {
    min-width: 320px
}

.verification_dede4b {
    background-color: var(--background-base-low);
    height: 100%;
    width: 100%
}

.verification_dede4b .title_dede4b {
    color: var(--text-default)
}

.verification_dede4b .body_dede4b,.verification_dede4b .footer_dede4b {
    color: var(--text-muted)
}

.textContainer_dede4b {
    text-align: center
}

.container_dede4b {
    width: 500px
}

.container_dede4b.isMobile_dede4b {
    width: 100%
}

.footer_dede4b {
    text-align: center
}

.footerBullet_dede4b {
    opacity: .3
}

.logoutButton_dede4b {
    position: relative
}

.verificationBlock_dede4b {
    border-radius: 3px;
    cursor: pointer;
    padding-inline:20px}

.verificationBlock_dede4b .image_dede4b {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 80%;
    height: 160px;
    width: 180px
}

.verificationBlock_dede4b .body_dede4b {
    color: var(--text-muted);
    text-transform: uppercase
}

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

.theme-light .verificationBlock_dede4b {
    border: 1px solid var(--primary-300)
}

.theme-dark .verificationBlock_dede4b {
    border: 1px solid var(--primary-700)
}

.switch__9d40d {
    margin-bottom: 0
}

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

.divider__9d40d {
    background-color: var(--border-subtle);
    height: 1px;
    margin: var(--space-8) 0
}

.inGameNuxContainer__9d40d {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 8px
}

.search__9d40d {
    flex: 1
}

.panel_b6e84c {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 12px;
    overflow: hidden;
    padding: 12px
}

.panel_b6e84c .panelContainer_b6e84c {
    flex: 1;
    max-height: 100%
}

.panel_b6e84c .panelContainer_b6e84c .tableContainer_b6e84c {
    flex: 1;
    max-height: 70%;
    overflow: hidden
}

.subPanel_b6e84c {
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: hidden;
    padding: 0!important
}

.toolbar_b6e84c {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 8px
}

.toolbar_b6e84c.filtersToolbar_b6e84c {
    gap: 12px
}

.toolbar_b6e84c .paneOption_b6e84c {
    border-bottom: 2px solid var(--control-secondary-background-default);
    color: var(--text-subtle);
    cursor: pointer;
    padding: 8px 12px
}

.toolbar_b6e84c .paneOption_b6e84c.activePaneOption_b6e84c {
    border-bottom: 2px solid var(--control-primary-background-default);
    color: var(--text-strong)
}

.toolbar_b6e84c .copyAll_b6e84c {
    align-items: center;
    background: var(--background-mod-strong);
    display: flex;
    flex-direction: row;
    gap: 6px
}

.toolbar_b6e84c .copyAll_b6e84c,.toolbar_b6e84c .filter_b6e84c {
    border-radius: 4px;
    color: var(--text-subtle);
    cursor: pointer;
    padding: 4px 8px
}

.toolbar_b6e84c .filter_b6e84c {
    background: var(--control-secondary-background-default)
}

.toolbar_b6e84c .filter_b6e84c.activeFilter_b6e84c {
    background: var(--control-primary-background-default);
    color: var(--text-strong)
}

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

.scroller_b6e84c {
    max-height: 300px
}

.panelGroup_b6e84c {
    background: var(--background-base-lower);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px
}

.panelGroup_b6e84c .panelHeader_b6e84c {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 8px
}

.panelGroup_b6e84c .panelButton_b6e84c {
    cursor: pointer
}

.panelGroup_b6e84c span {
    transition: color .4s ease-in-out
}

.panelGroup_b6e84c .panelGroup_b6e84c {
    background: var(--background-mod-normal);
    gap: 4px;
    padding: 8px
}

.panelGroup_b6e84c .subPanel_b6e84c {
    overflow: hidden
}

.panelGroup_b6e84c .subPanel_b6e84c>div:first-child {
    display: flex;
    flex-direction: column;
    overflow: scroll;
    padding: 0
}

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

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

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

.copyId_b6e84c {
    padding: 0
}

.subPanelHeaderBar_b6e84c {
    flex: 0 0 auto
}

.subPanelScroller_b6e84c {
    height: 100%
}

.commonProperties_b6e84c {
    flex: 0 0 auto
}

.rightColumn_b6e84c {
    text-align: end
}

.nameColumn_b6e84c {
    align-items: baseline;
    display: flex;
    flex: 1;
    flex-direction: row;
    gap: 8px;
    max-width: 80%;
    overflow: hidden;
    padding-inline-end:8px;text-overflow: ellipsis;
    white-space: nowrap
}

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

.headerIcon_b6e84c,.tableBarColumn_b6e84c {
    height: calc(100% - 4px);
    padding-top: 4px;
    width: 20px
}

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

.tableBar_b6e84c {
    height: 100%;
    width: 2px
}

.headerTitle_b6e84c {
    flex: 1;
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.headerTitle_b6e84c:hover .copyEventButton_b6e84c {
    opacity: 1
}

.headerTitle_b6e84c .copyEventButton_b6e84c {
    color: var(--interactive-text-default);
    margin-inline-start:4px;margin-bottom: -4px;
    opacity: 0;
    transition: opacity .1s ease-in-out
}

.headerTitle_b6e84c .copyEventButton_b6e84c:hover {
    color: var(--interactive-text-hover);
    cursor: pointer
}

.scroller__44cf4 {
    padding: var(--space-16)
}

.formDivider__44cf4 {
    margin: 10px 0
}

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

.balanceWidgetPillContainer__44cf4 {
    margin-top: 4px
}

.countryOption_b9da6a:has(.header_b9da6a) {
    background-color: var(--background-base-lowest);
    cursor: default
}

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

.countryFlagEmoji_b9da6a {
    height: 25px;
    margin-inline-end:5px}

.panel_ef5082 {
    gap: 16px;
    padding: 8px
}

.panel_ef5082,.panelGroup_ef5082 {
    display: flex;
    flex-direction: column
}

.panelGroup_ef5082 {
    background: var(--background-base-lower);
    border-radius: 8px;
    gap: 4px;
    padding: 12px
}

.panelGroup_ef5082 span {
    transition: color .4s ease-in-out
}

.bottomPanelButton_ef5082 {
    padding-top: 12px
}

.topPanelToggle_ef5082 {
    padding-bottom: 12px
}

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

.container_f1a68f {
    padding: 8px
}

.header_f1a68f,.subheader_f1a68f {
    width: -moz-fit-content;
    width: fit-content
}

.header_f1a68f {
    margin: 16px 0
}

.subheader_f1a68f {
    margin: 12px 0 8px
}

.hasTooltip_f1a68f {
    border-bottom: 2px dotted var(--text-muted)
}

.code_f1a68f {
    background-color: var(--background-base-lowest);
    color: var(--text-subtle);
    font-family: monospace;
    font-size: 11px;
    line-height: 14px;
    overflow-x: auto;
    padding: 8px;
    scrollbar-color: var(--background-base-low) var(--background-base-lowest);
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
    white-space: pre
}

.slider_f1a68f {
    width: 100%
}

.colorInputContainer_f1a68f {
    align-items: center;
    display: flex;
    gap: 4px;
    margin: 8px 0
}

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

.slider_f1a68f {
    margin: -8px 0
}

.resetButton_f1a68f {
    margin-top: 16px
}

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

.tenureBadgeControls_f1a68f {
    margin: 8px 0 16px
}

.icon__2a871 {
    color: var(--white);
    height: 12px;
    width: 12px
}

.iconOuter__2a871 {
    border-radius: 50%;
    box-sizing: border-box;
    height: 16px;
    margin-top: 2px;
    margin-inline-end:10px;padding: 1.5px;
    width: 16px
}

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

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

.scope__2a871 {
    display: flex;
    margin-top: 12px
}

.scopeInner__2a871 {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center
}

.panel__2a871 {
    overflow: scroll
}

.panelInner__2a871 {
    padding: 8px
}

.section__2a871 {
    margin-bottom: 16px
}

.buttonsContainer__5989f {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    margin-inline-start:12px;margin-top: 12px
}

.instructionsList__5d321 {
    margin-inline-start:16px}

.instructionsList__5d321 li {
    color: var(--text-subtle);
    list-style-position: inside;
    list-style-type: disc;
    margin-bottom: 8px
}

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

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

.uploadModal_dae93f {
    height: 190px;
    inset: 50%;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%,-50%);
    width: 310px;
    z-index: 1000
}

.uploadModal_dae93f .inner_dae93f {
    align-items: center;
    background: var(--brand-500);
    border: 2px dashed hsl(var(--white-hsl)/.4);
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    width: 100%
}

.uploadModal_dae93f .inner_dae93f .instructions_dae93f {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
    text-align: center
}

.uploadModal_dae93f .inner_dae93f .questionIcon_dae93f {
    margin: 0 4px;
    vertical-align: top
}

@keyframes uploadModalShake_dae93f {
    10%,90% {
        transform: translate3d(-1px,0,0)
    }

    20%,80% {
        transform: translate3d(2px,0,0)
    }

    30%,50%,70% {
        transform: translate3d(-4px,0,0)
    }

    40%,60% {
        transform: translate3d(4px,0,0)
    }
}

.errorModal_dae93f {
    background-color: var(--red-430);
    border-radius: 4px;
    box-sizing: border-box;
    opacity: 1;
    padding: 10px;
    transform: translateZ(0)
}

.full-motion .errorModal_dae93f {
    animation: uploadModalShake_dae93f .82s cubic-bezier(.36,.07,.19,.97) both
}

.errorModal_dae93f .instructions_dae93f {
    margin-bottom: 15px
}

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

.headingContainer__77347 {
    gap: 12px
}

.headingContainer__77347,.previewToggleContainer__77347 {
    align-items: center;
    display: flex;
    flex-direction: row
}

.previewToggleContainer__77347 {
    gap: 8px;
    margin: 8px 0
}

.uploadInstructionsContainer__77347 {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 8px
}

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

.ignoredFileListItem__77347 {
    list-style-type: disc;
    margin-inline-start:24px;padding: 4px 0
}

.removeFileButtonInnerContents__77347 {
    height: 24px
}

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

.panelModeControl__77347 {
    margin-bottom: 8px
}

.panelModeControlOption__77347 {
    padding: 4px 0
}

.validationSummary__77347 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.validationIssuesList__77347 {
    list-style-type: disc;
    margin-inline-start:24px}

.validationIssuesList__77347 li {
    margin: 8px 0
}

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

.container__0ccef {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    gap: 8px;
    width: 100%
}

.selector__0ccef {
    width: 250px
}

.previewPanel__6dc2e {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 100%;
    overflow-y: auto;
    padding: 12px;
    position: relative
}

.previewSection__6dc2e {
    border: 1px solid var(--border-subtle);
    border-radius: 8px;
    padding: 12px
}

.divider__6dc2e {
    margin: 12px 0
}

.panel__777bf {
    gap: var(--space-32);
    overflow-y: auto;
    padding: 12px
}

.container__777bf,.panel__777bf {
    display: flex;
    flex-direction: column
}

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

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

.toolbar__0939d {
    align-items: center;
    border-bottom: 1px solid var(--border-subtle);
    display: flex;
    flex-direction: row;
    padding: var(--space-8)
}

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

.storeNameColumn__0939d {
    flex: 1
}

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

.subPanelHeaderBar__0939d {
    flex: 0 0 auto
}

.inspectorContainer__0939d {
    background: var(--background-base-lower);
    flex: 1;
    padding: 8px
}

.container__44c48 {
    padding: var(--space-24)
}

.panelHeader__86951 {
    margin-bottom: 16px
}

.panelInner__86951 {
    padding: var(--space-16)
}

.panelRow__86951 {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: var(--space-12);
    justify-content: flex-start;
    margin-bottom: var(--space-16)
}

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

.sectionTitle__1d8b2 {
    margin: 0
}

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

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

.resultsContainer__1d8b2,.resultsSection__1d8b2 {
    flex: 1;
    min-height: 0
}

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

.tableHeader__1d8b2 {
    font-size: 12px;
    font-weight: var(--font-weight-semibold)
}

.tableHeader__1d8b2,.tableRow__1d8b2 {
    align-items: center;
    display: flex;
    padding: var(--space-8) var(--space-12)
}

.tableRow__1d8b2 {
    min-height: 36px
}

.indexColumn__1d8b2 {
    flex: 1
}

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

.wordColumn__1d8b2 {
    flex: 2
}

.valueColumn__1d8b2 {
    flex-grow: 1;
    flex-shrink: 0;
    font-family: var(--font-code);
    text-align: end
}

.emptyState__1d8b2 {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: center;
    min-height: 200px;
    text-align: center
}

.container__5ce93 {
    background: var(--background-base-low);
    border: 1px solid var(--border-muted);
    border-radius: var(--radius-md);
    box-sizing: border-box;
    margin-top: var(--space-16);
    position: relative
}

.gradientBackground__5ce93 {
    border-radius: var(--radius-md);
    overflow: hidden
}

.contentContainer__5ce93 {
    align-items: center;
    display: flex;
    gap: var(--space-12);
    justify-content: space-between;
    padding: var(--space-12)
}

.graphicContainer__5ce93 {
    pointer-events: none;
    width: 54px
}

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

.learnMore__5ce93 {
    text-wrap: nowrap;
    white-space: nowrap
}

.betaBadge__5ce93 {
    inset-inline-end: var(--space-12);
    position: absolute;
    top: -8px;
    z-index: 10
}

.imageWrapper__5ce93 {
    align-self: flex-start;
    background: var(--background-base-lowest);
    border-radius: var(--radius-md);
    display: flex;
    height: 64px;
    overflow: hidden;
    width: 64px
}

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

.ctaContainer__5ce93 {
    padding-inline-start:var(--space-26)}

.title_ad9c52 {
    font-weight: var(--font-weight-bold);
    margin-bottom: 8px;
    margin-top: 24px;
    text-align: center
}

.warningText_ad9c52 {
    text-align: center
}

.warningText_ad9c52,.warningTextMana_ad9c52 {
    margin-bottom: 16px
}

.linkCalloutContainer_ad9c52 {
    align-items: center;
    border: 1px solid var(--border-subtle);
    border-radius: 8px;
    justify-content: space-between;
    margin-bottom: 12px;
    max-height: 144px;
    max-width: 498px;
    min-width: min(408px,calc(100vw - 50px));
    overflow-wrap: anywhere;
    padding: 16px
}

.checkbox_ad9c52 {
    margin-bottom: 24px
}

.checkbox_ad9c52,.checkboxMana_ad9c52 {
    overflow-wrap: anywhere
}

.container__5d1be {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
    padding: var(--space-12) 0
}

.content__5d1be,.tabBar__5d1be {
    padding: 0 var(--space-12)
}

.collapsablePane__7ed4d {
    margin-bottom: var(--space-16);
    width: 100%
}

.fieldset__7ed4d {
    width: 100%
}

.collapsablePaneHeader__7ed4d {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--space-8)
}

.collapsiblePaneList__7ed4d {
    margin-bottom: 15px
}

.collapsiblePaneList__7ed4d>li {
    margin: 8px 0
}

.formSection__7ed4d {
    border-bottom: 1px solid var(--primary-200);
    padding-bottom: var(--space-16)
}

.error__7ed4d,.formSection__7ed4d {
    margin-top: var(--space-8)
}

.subscriptionTextContainer__7ed4d {
    margin-bottom: 15px
}

.badge__7ed4d {
    background-color: var(--control-primary-background-default);
    border-radius: var(--radius-round);
    margin-bottom: var(--space-4);
    padding: 2px var(--space-8)
}

.timeInput__7ed4d {
    border: 1px solid var(--input-border-default);
    border-radius: var(--radius-xs);
    box-sizing: border-box;
    max-width: 100%;
    padding: var(--space-8);
    width: 100%
}

.periodText__7ed4d {
    word-break: break-word
}

.rewardTileContainer_d8917e {
    position: relative;
    transform-origin: left top
}

.rewardTileSpacer_d8917e {
    width: 56px
}

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

.rewardHighlightLogoCTA_d8917e {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 2
}

.rewardHighlightLogoCTALabel_d8917e {
    align-items: center;
    flex: 1;
    flex-direction: row;
    gap: 8px;
    min-width: 0;
    width: 100%
}

.partnerBranding_d8917e {
    margin-bottom: 4px
}

.rewardHighlightCTA_d8917e {
    pointer-events: none
}

.rewardHighlightCTALabel_d8917e {
    background-color: rgba(0,0,0,.329);
    border-radius: var(--radius-xl);
    max-width: 100%;
    min-width: 0;
    padding: 7px 12px;
    pointer-events: none
}

.isExpanded_d8917e {
    flex-direction: row;
    height: 24px
}

.progressCircle__304c7 {
    height: 12px;
    inset-inline-start: 4px;
    position: absolute;
    top: 4px;
    width: 12px
}

.progress__304c7 {
    transform: rotate(-90deg);
    transform-origin: 50% 50%
}

.wrapper__8c034 {
    align-items: center;
    border-radius: inherit;
    display: flex;
    position: absolute;
    top: 0;
    inset-inline: 0;
    justify-content: space-between;
    padding: 4px 8px;
    pointer-events: none;
    z-index: 4
}

.opaqueExpandedBackground__8c034 {
    -webkit-backdrop-filter: blur(10px) brightness(.75);
    backdrop-filter: blur(10px) brightness(.75);
    border-radius: 8px;
    height: 32px;
    position: absolute;
    top: 8px;
    inset-inline: 8px
}

.high-contrast-mode .opaqueExpandedBackground__8c034 {
    -webkit-backdrop-filter: blur(10px) brightness(.25);
    backdrop-filter: blur(10px) brightness(.25)
}

.rewardHighlightWrapper__8c034 {
    justify-content: flex-start
}

.interactable__8c034 {
    pointer-events: all
}

.wreathIcon__8c034 {
    height: 24px;
    margin-inline:-4px 4px;width: 24px
}

.rightContent__8c034 {
    flex: 0 0 auto;
    height: 20px;
    margin-inline-start:12px;position: relative;
    width: 20px
}

.rightContent__8c034:before {
    background-color: var(--opacity-white-40);
    content: "";
    height: 12px;
    inset-inline-start: 0;
    position: absolute;
    top: 50%;
    transform: translate(-6px,-50%);
    width: 1px
}

.submenuWrapper__8c034 {
    cursor: pointer;
    transition: opacity .125s
}

.submenuWrapper__8c034:focus,.submenuWrapper__8c034:hover {
    opacity: .8
}

.submenuWrapper__8c034:active {
    opacity: .7
}

.submenuIcon__8c034 {
    height: 16px;
    inset-inline-start: 2px;
    position: absolute;
    top: 2px;
    width: 16px
}

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

.promotedBadgeWrapper__8c034 {
    display: flex;
    flex: 0 0 auto;
    inset-inline-end: 16px;
    position: absolute;
    top: 14px
}

.logo__8c034 {
    transition: opacity .125s
}

.logo__8c034.clickable__8c034 {
    cursor: pointer
}

.logo__8c034.clickable__8c034:hover {
    opacity: .8
}

.promotedBadge__8c034 {
    cursor: pointer;
    display: flex;
    flex: 1 0 auto;
    gap: 3px;
    place-items: center;
    transition: opacity .125s
}

.promotedBadge__8c034:hover {
    opacity: .8
}

.promotedBadgeIcon__8c034 {
    flex: 0 0 auto;
    height: 12px;
    width: 12px
}

.background__8c034 {
    background-color: transparent
}

.backgroundAnimation__8c034 {
    opacity: .5
}

.backgroundWrapper__8c034 {
    pointer-events: none
}

.rewardHighlightLogotypeHeightBoost__8c034 {
    height: 32px;
    max-width: 130px
}

.rewardHighlightLogotype__8c034 {
    height: 24px
}

.partnerBranding__8c034 {
    transform-origin: left
}

.ctaButtons_cc03e1 {
    align-items: end;
    display: flex;
    flex-direction: row;
    gap: 8px
}

.cta_cc03e1 {
    flex: 1;
    margin-top: 12px
}

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

.iconButtonLarge_cc03e1 {
    align-items: center;
    background-color: var(--interactive-background-hover);
    display: flex;
    flex: 1 0 0;
    height: 32px;
    justify-content: center;
    padding: 8px
}

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

.iconButton_cc03e1 {
    background-color: var(--interactive-background-hover);
    padding: 8px
}

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

.iconButtonInner_cc03e1 {
    align-items: center;
    color: var(--interactive-text-default);
    display: flex
}

.wrapper_c4293b {
    overflow: hidden;
    pointer-events: none;
    z-index: 4
}

.background_c4293b,.wrapper_c4293b {
    border-radius: 8px 8px 0 0;
    height: 100%;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.background_c4293b {
    background-image: linear-gradient(180deg,rgba(45,199,113,.05),rgba(45,199,113,.1))
}

.borders_c4293b {
    border: 0 solid var(--text-feedback-positive);
    border-radius: 8px 8px 0 0;
    box-sizing: border-box;
    content: "";
    height: 100%;
    inset-inline-start: 0;
    -webkit-mask-image: linear-gradient(115deg,rgba(0,0,0,.25),transparent 70%);
    mask-image: linear-gradient(115deg,rgba(0,0,0,.25),transparent 70%);
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.bordersTopLeft_c4293b {
    border-left-width: 2px;
    border-top-width: 2px
}

.bordersBottom_c4293b {
    border-bottom-width: 2px;
    inset-inline-start: 2px
}

.confetti_c4293b,.confettiWrapper_c4293b {
    height: 100%;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.confetti_c4293b {
    border-radius: 8px 8px 0 0
}

.outer__146e2 {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 2
}

.progressBar__146e2 {
    overflow: visible;
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0;
    shape-rendering: geometricPrecision
}

.progress__146e2 {
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
    transition: stroke-dashoffset .35s
}

.inner__146e2 {
    border-radius: 50%;
    margin: 5px;
    overflow: visible;
    position: relative
}

.coverContent__146e2 {
    border-radius: 50%;
    inset: 0;
    position: absolute;
    z-index: 999
}

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

.progressTextOverlay__146e2 {
    background-color: var(--background-base-lowest);
    opacity: .75;
    z-index: 1
}

.progressText__146e2 {
    z-index: 2
}

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

.questProgressRewardTile_ae7810 {
    box-shadow: var(--shadow-high);
    display: block;
    flex: 1
}

.questProgressRewardTile_ae7810.questProgressRewardTile_ae7810 {
    border-radius: 50%;
    height: 32px;
    width: 32px
}

.questProgressCopy_ae7810,.questProgressHint_ae7810 {
    flex: 1 1 auto
}

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

.flex__1ba69 {
    flex: 1
}

.headerText__1ba69 {
    opacity: .7
}

.submenuWrapper__1ba69 {
    cursor: pointer;
    flex: 0 0 auto;
    height: 20px;
    opacity: .9;
    position: relative;
    transition: opacity .125s;
    width: 20px
}

.submenuWrapper__1ba69:focus,.submenuWrapper__1ba69:hover {
    opacity: 1
}

.submenuWrapper__1ba69:active {
    opacity: .7
}

.questAcceptedHeader__1ba69 .submenuWrapper__1ba69 {
    height: 24px;
    width: 24px
}

.submenuIcon__1ba69 {
    height: 16px;
    inset-inline-start: 2px;
    position: absolute;
    top: 2px;
    width: 16px
}

.questAcceptedHeader__1ba69 .submenuIcon__1ba69 {
    inset-inline-start: 0;
    top: 0
}

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

.divider__1ba69 {
    background-color: var(--interactive-background-hover);
    height: 1px;
    margin-bottom: 12px;
    width: 100%
}

.contentCollapsed__7004f {
    box-sizing: border-box;
    display: flex;
    height: 100%;
    padding: 0;
    width: 100%;
    z-index: 2
}

.contentCollapsedWrapper__7004f {
    flex: 1 1 auto;
    position: relative;
    z-index: 2
}

.contentCollapsedAccepted__7004f {
    padding: 14px 12px
}

.contentCollapsedExpanded__7004f {
    pointer-events: none
}

.divider__7004f {
    background-color: var(--interactive-background-hover);
    height: 1px;
    margin-bottom: 12px;
    width: 100%
}

.connectConsoleButton_b69c3a {
    fill: var(--interactive-text-default)
}

.theme-light .playstationButtonConnected_b69c3a {
    fill: var(--playstation)
}

.theme-light .xboxButtonConnected_b69c3a {
    fill: var(--xbox)
}

.theme-dark .playstationButtonConnected_b69c3a {
    fill: var(--interactive-text-active);
    filter: drop-shadow(0 0 1px var(--opacity-white-80))
}

.theme-dark .xboxButtonConnected_b69c3a {
    fill: var(--interactive-text-active);
    filter: drop-shadow(0 0 1px var(--opacity-white-80))
}

.connectConsoleButtonWrapper_b69c3a:hover {
    cursor: pointer
}

.connectConsoleButtonWrapper_b69c3a:hover .connectConsoleButtonUnconnected_b69c3a {
    fill: var(--interactive-text-hover)
}

.connectConsoleButtonWrapper_b69c3a:active .connectConsoleButtonUnconnected_b69c3a {
    fill: var(--interactive-text-active)
}

.inlineConsoleConnectionDetails_b69c3a {
    background-color: var(--interactive-background-hover);
    border: 1px solid var(--interactive-background-hover);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    margin-top: 8px
}

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

.consoleIconDivider_b69c3a {
    background-color: var(--border-subtle);
    height: 12px;
    margin: 0 8px;
    width: 1px
}

.inlineConsoleConnectionDetailsUpper_b69c3a {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 8px 12px
}

.inlineConsoleConnectionDetailsLower_b69c3a {
    border-top: 1px solid var(--border-subtle);
    display: flex;
    flex-direction: column;
    padding: 8px 12px
}

.inlineConsoleConnectionDetailsLowerItem_b69c3a {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.marginTop4px_b69c3a {
    margin-top: 4px
}

.showConnectionsButton_b69c3a {
    color: var(--text-link);
    margin-top: 4px
}

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

.wrapper_a99139 {
    background-color: var(--message-background-hover);
    border: 1px solid var(--interactive-background-hover);
    border-radius: 8px;
    margin-top: 12px;
    padding: 12px
}

.headingWrapper_a99139,.stepsWrapper_a99139:not(:last-child) {
    margin-bottom: 12px
}

.heading_a99139 {
    flex: 1 1 auto
}

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

.stepContent_a99139 {
    padding-top: 3px
}

.stepWrapperWithNextStep_a99139 .stepContent_a99139 {
    margin-bottom: 12px
}

.stepIndicator_a99139 {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex-direction: column
}

.stepIconWrapper_a99139 {
    align-items: center;
    border: 2px solid var(--interactive-background-selected);
    border-radius: 20px;
    display: flex;
    height: 20px;
    justify-content: center;
    width: 20px
}

.theme-light .stepIconWrapper_a99139 {
    border: 2px solid var(--opacity-black-8)
}

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

.stepConnector_a99139 {
    background-color: var(--interactive-background-selected);
    flex: 1 1 auto;
    position: relative;
    width: 2px
}

.stepWrapperComplete_a99139 .stepConnector_a99139:before {
    background-color: var(--white);
    bottom: 0;
    box-shadow: 0 0 6px var(--opacity-white-80);
    content: "";
    inset-inline: 0;
    position: absolute;
    top: 0
}

.theme-light .stepWrapperComplete_a99139 .stepConnector_a99139:before {
    background-color: hsl(var(--brand-500-hsl)/.6);
    box-shadow: 0 0 6px hsl(var(--brand-500-hsl)/.4)
}

.stepIcon_a99139 {
    display: block;
    height: 14px;
    width: 14px
}

.opacity_50_a99139 {
    opacity: .5
}

.rewardsListWrapper_a99139 {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 12px
}

.rewardsListBody_a99139 {
    list-style-type: none
}

.rewardsListPremiumDurationExtension_a99139 {
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(90deg,var(--premium-tier-2-purple) 0,var(--premium-tier-2-pink) 100%);
    color: transparent
}

.microphoneUnit__7f3d5 {
    border-top: 1px solid var(--border-subtle);
    display: flex;
    flex-direction: column;
    margin-top: 16px
}

.microphoneUnitHeader__7f3d5 {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 16px;
    justify-content: flex-start;
    margin-top: 16px
}

.warningCircle__7f3d5 {
    color: var(--text-feedback-warning);
    margin-inline-end:4px}

.errorCircle__7f3d5 {
    color: var(--text-feedback-critical);
    margin-inline-end:4px}

.microphoneUnitRefreshIconWrapper__7f3d5 {
    margin-inline-start:auto}

:not(.disabled__7f3d5).microphoneUnitRefreshIconWrapper__7f3d5:hover {
    color: var(--interactive-text-hover);
    cursor: pointer
}

:not(.disabled__7f3d5).microphoneUnitRefreshIconWrapper__7f3d5:active {
    color: var(--interactive-text-active)
}

.theme-light .microphoneUnitRefreshIconWrapper__7f3d5 {
    color: var(--opacity-black-48)
}

.theme-dark .microphoneUnitRefreshIconWrapper__7f3d5 {
    color: var(--interactive-text-default)
}

.microphoneUnitBodyText__7f3d5 {
    margin-top: 8px
}

.opacity_50__7f3d5 {
    opacity: .5
}

.card__3eaf0 {
    background-color: var(--message-background-hover);
    border: 1px solid var(--interactive-background-hover);
    border-radius: 8px;
    margin-top: 12px;
    padding: 12px
}

.header__3eaf0 {
    align-items: center;
    display: flex;
    margin-bottom: 6px
}

.icon__3eaf0 {
    color: var(--text-feedback-warning);
    display: inline-block;
    margin-inline-end:6px}

.warningBody__3eaf0 {
    text-wrap: pretty
}

.buttonGroup_a3ac69 {
    margin-top: 12px
}

.contentExpanded__24e2c {
    box-sizing: border-box;
    height: auto;
    inset-inline-start: 0;
    padding: 8px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.contentExpandedAccepted__24e2c {
    padding: 12px
}

.questPromoContent__24e2c {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    z-index: 3
}

.divider__24e2c {
    background-color: var(--interactive-background-hover);
    height: 1px;
    margin-bottom: 12px;
    width: 100%
}

.details__24e2c {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 2px
}

.detailsMargin__24e2c {
    margin-top: 74px
}

.detailsMarginVideoQuest__24e2c {
    margin-top: 45px
}

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

.videoQuestPreviewCont__24e2c {
    aspect-ratio: 16/9;
    border: 1px solid var(--themes-dark-background-background-modifier-accent,rgba(78,80,88,.48));
    border-radius: 8px;
    box-sizing: border-box;
    margin-top: 12px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.assetBodyVideoPreviewMedia__24e2c {
    cursor: pointer;
    height: 100%;
    width: 100%
}

.assetBodyVideoPreviewVideo__24e2c {
    height: 102%;
    inset-inline-start: -1px;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0;
    position: absolute;
    top: -1px;
    transition: opacity .3s;
    width: 102%
}

.assetBodyVideoPreviewVisible__24e2c {
    opacity: 1
}

.heroAssetWrapper__24e2c {
    border-radius: var(--radius-sm) var(--radius-sm) 0 0;
    height: 100%;
    inset-inline: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.high-contrast-mode .heroAssetWrapper__24e2c {
    border: 1px solid var(--border-subtle)
}

.legibilityGradient__24e2c {
    background-image: linear-gradient(180deg,transparent,#fff);
    bottom: 0;
    height: 100%;
    inset-inline-start: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.legibilityGradientDark__24e2c {
    background-image: linear-gradient(180deg,transparent,#000)
}

.heroAsset__24e2c {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%;
    z-index: 0
}

.cta__24e2c {
    flex: 0 0 auto;
    margin-top: 8px;
    pointer-events: none
}

.contentInteractable__24e2c .cta__24e2c {
    pointer-events: all
}

.iconButton__24e2c {
    background-color: var(--interactive-background-hover);
    padding: 8px
}

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

.ctaClaimReward__24e2c {
    margin-bottom: 4px
}

.title__24e2c {
    margin-bottom: 2px
}

.rewardTile__24e2c {
    margin-bottom: 8px;
    margin-top: 74px
}

.hiddenRewardTile__24e2c {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    visibility: hidden;
    z-index: -1
}

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

.questProgressRewardTile__24e2c {
    border-radius: 4px;
    box-shadow: var(--shadow-high);
    display: block;
    flex: 0 0 auto;
    height: 28px;
    margin-inline-end:8px;width: 28px
}

.questAcceptedContentHeading__24e2c .questProgressRewardTile__24e2c {
    height: 32px;
    width: 32px
}

.questAcceptedContentCopySubheading__24e2c {
    opacity: .7
}

.questAcceptedContent__24e2c .description__24e2c {
    margin-bottom: 2px;
    text-shadow: none
}

.description__24e2c a:hover {
    opacity: .8;
    text-decoration: none
}

.promotedBadgeWrapper__24e2c {
    flex: 0 0 auto;
    margin-inline-end:4px;padding-inline-end:8px;position: relative
}

.promotedBadge__24e2c {
    cursor: pointer;
    display: flex;
    flex: 1 0 auto;
    gap: 3px;
    opacity: .8;
    place-items: center;
    transition: opacity .125s
}

.promotedBadge__24e2c:hover {
    opacity: 1
}

.promotedBadgeWrapper__24e2c:after {
    background-color: var(--opacity-white-40);
    content: "";
    height: 12px;
    inset-inline-end: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.promotedBadgeIcon__24e2c {
    flex: 0 0 auto;
    height: 12px;
    width: 12px
}

.postEnrollmentBackground__24e2c {
    background-color: var(--home-background);
    border-radius: 8px 8px 0 0;
    border-top: 2px solid var(--background-mod-subtle);
    height: 100%;
    inset-inline-start: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.postEnrollmentBackgroundCollapsed__24e2c {
    pointer-events: none;
    z-index: 3
}

.postEnrollmentBackgroundExpanded__24e2c {
    z-index: -1
}

.previewPlayButtonCont__24e2c {
    align-items: center;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: hsla(0,0%,100%,.08);
    border-radius: 275px;
    cursor: pointer;
    display: flex;
    height: 44px;
    inset-inline-start: 50%;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 44px
}

.previewPlayButton__24e2c {
    cursor: pointer;
    height: 22px;
    width: 22px
}

.contentCollapsedBackgroundWrapper__24e2c {
    border-radius: var(--radius-sm) var(--radius-sm) 0 0;
    height: 50%;
    inset-inline-start: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translateZ(0);
    width: 100%;
    z-index: 2
}

.contentCollapsedBackgroundWrapper__24e2c:after {
    background-color: var(--background-base-low);
    bottom: 0;
    content: "";
    display: block;
    inset-inline: 0;
    opacity: 0;
    position: absolute;
    top: 0
}

.contentCollapsedBackground__24e2c {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: -20px;
    filter: brightness(.6) saturate(110%);
    inset-inline: -20px;
    position: absolute;
    top: -20px
}

.blur__24e2c {
    bottom: -50px;
    filter: blur(30px) brightness(.6) saturate(110%);
    inset-inline: -50px;
    top: -50px
}

.wrapper__0d616 {
    background: var(--background-base-lower);
    border-start-end-radius: var(--radius-sm);
    border-start-start-radius: var(--radius-sm);
    isolation: isolate;
    pointer-events: all;
    position: relative;
    z-index: 0
}

.theme-dark .wrapper__0d616 {
    background: var(--background-gradient-low,var(--background-base-lower))
}

.theme-light .wrapper__0d616 {
    background: var(--background-gradient-lower,var(--background-base-lower))
}

.wrapperInvisible__0d616 {
    opacity: 0
}

.wrapperVisible__0d616 {
    z-index: 1
}

.contentWrapper__0d616 {
    background-color: transparent;
    z-index: 2
}

.contentWrapper__0d616,.contentWrapper__0d616:after {
    border-radius: 8px 8px 0 0;
    height: 100%;
    width: 100%
}

.contentWrapper__0d616:after {
    content: "";
    inset-inline-start: 0;
    opacity: .5;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: box-shadow .125s
}

.wrapperVisible__0d616 .contentWrapperExpanded__0d616:after {
    box-shadow: 0 -4px 10px rgba(0,0,0,.2),0 -2px 4px rgba(0,0,0,.3)
}

.contentWrapperAccepted__0d616 {
    border-radius: 8px 8px 0 0
}

.mask__0d616 {
    margin-inline:-20px;margin-top: -100vh;
    padding-inline:20px;padding-top: 100vh;
    pointer-events: none
}

.content__0d616,.mask__0d616 {
    overflow: hidden
}

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

.contentHeader__5b400 {
    justify-content: space-between;
    margin-bottom: 8px
}

.contentHeader__5b400,.refreshWrapper__5b400 {
    align-items: center;
    display: flex
}

.refreshWrapper__5b400 {
    color: var(--text-muted);
    cursor: pointer;
    gap: 4px
}

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

.disabled__5b400 {
    color: var(--text-muted);
    pointer-events: none
}

.colorTransition__5b400 {
    transition: color .15s ease-in-out
}

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

.connectionRow__5b400 {
    border: 1px solid var(--border-subtle);
    border-radius: 8px;
    overflow: hidden
}

.connectionRowHeader__5b400 {
    align-items: center;
    background-color: var(--background-base-low);
    display: flex;
    justify-content: space-between;
    padding: 10px 12px
}

.connectionRowHeaderError__5b400 {
    background-color: hsl(var(--background-base-low-hsl)/.7)
}

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

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

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

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

.errorRow__5b400 {
    align-items: center;
    border-top: 1px solid var(--border-subtle);
    display: flex;
    gap: 8px;
    padding: 10px 12px
}

.errorsContainer__5b400 {
    background: linear-gradient(to bottom,hsl(var(--red-430-hsl)/.15),hsl(var(--red-430-hsl)/.02))
}

.tooltip__5b400 {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 2px
}

.placeholderElement__6e847 {
    background-color: var(--background-base-low);
    border-radius: 8px
}

.container_b5b7aa {
    background-color: var(--background-mod-normal);
    border-radius: 8px 8px 0 0;
    box-sizing: border-box;
    height: 150px;
    position: relative;
    width: 100%
}

.positionContentOverBackground_b5b7aa {
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    z-index: 2
}

.contents_b5b7aa,.positionContentOverBackground_b5b7aa {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.contents_b5b7aa {
    box-sizing: border-box;
    padding: 12px
}

.heroAssetWrapper_b5b7aa {
    align-items: center;
    border-radius: 8px 8px 0 0;
    display: flex;
    height: 100%;
    inset-inline-start: 0;
    justify-content: center;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.heroAssetCont_b5b7aa,.overlay_b5b7aa {
    aspect-ratio: 1320/370
}

.overlay_b5b7aa {
    border-radius: 8px 8px 0 0;
    inset-inline-start: 0;
    max-height: 150px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.darkThemeGradient_b5b7aa {
    background: linear-gradient(to top,var(--neutral-64) 0,hsl(var(--neutral-64-hsl)/.95) 20.31%,hsl(var(--neutral-64-hsl)/0) 100%)
}

.darkerThemeGradient_b5b7aa {
    background: linear-gradient(to top,var(--primary-660) 0,hsl(var(--primary-660-hsl)/.95) 20.31%,hsl(var(--primary-660-hsl)/0) 100%)
}

.midnightThemeGradient_b5b7aa {
    background: linear-gradient(to top,var(--neutral-91) 0,hsl(var(--neutral-91-hsl)/.95) 20.31%,hsl(var(--neutral-91-hsl)/0) 100%)
}

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

.topRow_b5b7aa {
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: flex-end
}

.pills_b5b7aa {
    margin-inline-end:auto}

.pill_b5b7aa,.pills_b5b7aa {
    align-items: center;
    display: flex
}

.pill_b5b7aa {
    background-color: var(--white);
    border-radius: var(--radius-round);
    box-shadow: var(--shadow-low);
    padding: 2px 8px
}

.pillBrand_b5b7aa {
    background: var(--brand-500)
}

.eyebrowText_b5b7aa {
    font-size: 12px;
    font-weight: 700
}

.utilButtonWrapper_b5b7aa {
    align-items: center;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: hsl(var(--primary-700-hsl)/.48);
    border-radius: 50%;
    box-shadow: var(--shadow-medium);
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    justify-self: flex-end;
    transition: background-color .15s ease-in-out;
    width: 24px
}

.utilButtonWrapper_b5b7aa:active,.utilButtonWrapper_b5b7aa:focus,.utilButtonWrapper_b5b7aa:hover {
    background-color: hsl(var(--primary-700-hsl)/.7)
}

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

.theme-light .utilButtonWrapper_b5b7aa {
    background-color: hsl(var(--primary-100-hsl)/.66)
}

.theme-light .utilButtonWrapper_b5b7aa:active,.theme-light .utilButtonWrapper_b5b7aa:focus,.theme-light .utilButtonWrapper_b5b7aa:hover {
    background-color: hsl(var(--primary-100-hsl)/1)
}

.theme-dark .container_b5b7aa {
    background-color: var(--neutral-64)
}

.theme-darker .container_b5b7aa {
    background-color: var(--primary-660)
}

.theme-midnight .container_b5b7aa {
    background-color: var(--neutral-91)
}

.reduce-motion .utilButtonWrapper_b5b7aa {
    transition: none
}

.utilButtonIcon_b5b7aa {
    color: var(--interactive-text-active);
    height: 16px;
    width: 16px
}

.partnerBranding_b5b7aa {
    justify-self: flex-end;
    margin-bottom: 4px;
    margin-top: auto
}

.partnerLogotypes_b5b7aa {
    align-items: flex-end;
    display: flex;
    height: auto;
    justify-content: flex-start;
    max-height: 34px;
    max-width: 121px;
    width: -moz-min-content;
    width: min-content
}

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

.hints_b5b7aa {
    border-top: 1px solid var(--border-muted);
    padding: 12px
}

.hintsContainer_b5b7aa {
    gap: 8px
}

.hintsContainer_b5b7aa,.promotedByRow_b5b7aa {
    align-items: center;
    display: flex;
    flex-direction: row
}

.verifiedIcon_b5b7aa {
    margin: 0 3px
}

.container__960ef {
    border-top: 1px solid var(--border-subtle);
    box-sizing: border-box;
    flex-direction: row;
    gap: 8px;
    justify-content: center;
    min-height: 62px;
    padding: 12px;
    width: 100%
}

.container__960ef,.ctaInner__960ef {
    align-items: center;
    display: flex
}

.ctaInner__960ef {
    gap: 6px
}

.ctaItem__960ef {
    display: flex;
    flex: 1 1 0;
    flex-direction: row;
    gap: 8px;
    min-width: 0
}

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

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

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

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

.platformSelectorSecondary__960ef {
    flex: 1 1 0;
    height: 40px;
    min-height: auto;
    min-width: 0
}

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

.container__956c6 {
    align-items: flex-start;
    background-color: var(--background-surface-high);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    transition: max-height .2s ease-out,height .2s ease-in;
    width: 100%;
    z-index: 2
}

.reduce-motion .container__956c6 {
    transition: none
}

.height__956c6 {
    height: 166px;
    max-height: 166px
}

.hoveredHeight__956c6 {
    height: 180px;
    max-height: 180px
}

.rewardDescriptionContainer__956c6 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    overflow: hidden;
    position: relative;
    width: 100%
}

@keyframes pulse__956c6 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    30% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.confetti__956c6 {
    position: absolute;
    transform: scale(1.4);
    z-index: 1
}

.completionAnimation__956c6 {
    animation: pulse__956c6 2s ease-in-out both;
    background-image: linear-gradient(180deg,rgba(45,199,113,.05),rgba(45,199,113,.1));
    height: 100%;
    inset-inline-start: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.progressWrapper__956c6 {
    flex-direction: row;
    height: 80px;
    min-width: 80px;
    width: 80px
}

.circularRewardTileWrapper__956c6,.progressWrapper__956c6 {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: center
}

.circularRewardTileWrapper__956c6 {
    height: 66px;
    width: 66px
}

.circularQuestRewardTileAsset__956c6 {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 64px;
    justify-content: center;
    min-width: 64px;
    width: 64px
}

.questRewardTileAsset__956c6 {
    border-radius: 9.412px;
    height: 80px;
    min-width: 80px;
    width: 80px
}

.assetWrapper__956c6 {
    justify-content: center;
    padding-block:12px;padding-inline:12px 0;z-index: 999
}

.assetWrapper__956c6,.textContainer__956c6 {
    display: flex;
    flex-direction: column
}

.textContainer__956c6 {
    overflow: hidden;
    padding: 12px
}

.justifyCenter__956c6 {
    justify-content: center
}

.questName__956c6 {
    margin-bottom: 4px
}

.header__956c6 {
    display: inline;
    margin-bottom: 2px
}

.orbsBalanceIcon__956c6 {
    height: 14px;
    margin-inline-end:3px;position: relative;
    top: 1px
}

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

.textOverflowBlur__956c6 {
    background: linear-gradient(transparent 50%,var(--background-base-lower) 100%);
    bottom: 0;
    inset-inline: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.container_cec934 {
    align-items: center;
    background-color: var(--background-surface-high);
    border: 1px solid var(--border-muted);
    border-radius: 10px;
    box-shadow: var(--shadow-low);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: auto;
    max-height: 316px;
    min-width: 336px;
    overflow: hidden;
    width: 100%
}

.container_f50ddc {
    padding: var(--space-16)
}

.heading_f50ddc {
    margin-bottom: 16px
}

.subheading_f50ddc {
    margin-bottom: 8px
}

.componentPreviews_f50ddc {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px
}

.componentPreviewWrapper_f50ddc {
    border-width: 0
}

.componentPreviewWrapperBordered_f50ddc {
    border-width: 1px;
    padding: 24px
}

.componentPreview_f50ddc {
    isolation: isolate;
    position: relative
}

.questBarPreviewWrapper_f50ddc {
    display: flex;
    flex-direction: column;
    height: 180px;
    place-content: flex-end
}

.questBarPreview_f50ddc,.questBarPreviewWrapper_f50ddc {
    position: relative;
    width: 362px
}

.questChannelCallHeaderPreview_f50ddc>div {
    margin: 0;
    position: absolute;
    top: 0
}

.toggleSwitch_f50ddc {
    align-items: center;
    padding: 0 16px
}

.fields_f50ddc {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px;
    margin-bottom: 24px
}

.fullWidthField_f50ddc {
    grid-column: 1/-1
}

.fieldsVertical_f50ddc {
    display: grid;
    grid-gap: 16px;
    grid-template-columns: 100%
}

.swatchContainer_f50ddc {
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 48px;
    place-content: center;
    place-items: center;
    width: 48px
}

.swatchIcon_f50ddc {
    color: var(--white);
    opacity: .5;
    transition: opacity .125s
}

.swatchContainer_f50ddc:hover .swatchIcon_f50ddc {
    opacity: .75
}

.errorBoundary_f50ddc {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: var(--space-16);
    place-content: center;
    place-items: center
}

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

.headingWithTooltip_f50ddc {
    display: flex;
    gap: 4px;
    place-items: center
}

.errorMessageWrapper_f50ddc {
    background-color: var(--background-base-lower)!important;
    margin-top: 12px;
    padding: 12px
}

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

.questTile_f50ddc {
    max-width: 450px
}

.wideField_f50ddc {
    grid-column: span 2
}

.fileUpload__8b203 {
    box-sizing: border-box;
    display: grid;
    gap: var(--space-8);
    grid-template-columns: auto 1fr auto;
    min-height: var(--control-input-height-md);
    padding-block:0;padding-inline:var(--space-8) var(--space-4)}

.fileUploadInput__8b203 {
    cursor: default
}

.taskPresetSelect_a8dbb2 {
    padding-bottom: 10px;
    padding-top: 10px
}

.detailsList__85e60 {
    margin-top: 16px
}

.detailsList__85e60,.nestedDetailsList__85e60 {
    display: flex;
    flex-direction: column;
    gap: 8px
}

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

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

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

.subtitle__85e60 {
    margin-bottom: 16px
}

.statusText__85e60 {
    margin-top: 8px
}

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

.container_aa69cc {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
    padding: var(--space-12) 0
}

.content_aa69cc,.tabBar_aa69cc {
    padding: 0 var(--space-12)
}

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

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

.settingNode_fb0b3f {
    margin-inline-start:var(--space-16)}

.settingNodeChildren_fb0b3f {
    border-inline-start: 2px solid var(--primary-500);
    display: flex;
    flex-direction: column;
    gap: var(--space-4)
}

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

.headerCaret_fb0b3f {
    color: var(--interactive-text-default);
    margin-inline-start:var(--space-4)}

.holidayText_fb0b3f {
    display: inline
}

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

.holidayLetter_fb0b3f:nth-child(2n) {
    color: var(--status-positive)
}

.holidayLetter_fb0b3f:nth-child(8n+1) {
    animation: lightsA_fb0b3f 2.1s ease-in-out infinite backwards;
    animation-delay: calc(var(--custom-letter-index)*.02s)
}

.holidayLetter_fb0b3f:nth-child(8n+3) {
    animation: lightsB_fb0b3f 1.8s ease-in-out infinite backwards;
    animation-delay: calc(var(--custom-letter-index)*.03s)
}

.holidayLetter_fb0b3f:nth-child(8n+5) {
    animation: lightsC_fb0b3f 2.4s ease-in-out infinite backwards;
    animation-delay: calc(var(--custom-letter-index)*.01s)
}

.holidayLetter_fb0b3f:nth-child(8n+7) {
    animation: lightsD_fb0b3f 1.9s ease-in-out infinite backwards;
    animation-delay: calc(var(--custom-letter-index)*.04s)
}

@keyframes lightsA_fb0b3f {
    0%,to {
        color: var(--red-400)
    }

    25% {
        color: var(--yellow-300)
    }

    50% {
        color: var(--blue-400)
    }

    75% {
        color: var(--white)
    }
}

@keyframes lightsB_fb0b3f {
    0%,to {
        color: var(--yellow-300)
    }

    20% {
        color: var(--brand-500)
    }

    45% {
        color: var(--red-400)
    }

    70% {
        color: var(--teal-400)
    }
}

@keyframes lightsC_fb0b3f {
    0%,to {
        color: var(--blue-400)
    }

    30% {
        color: var(--white)
    }

    55% {
        color: var(--orange-400)
    }

    80% {
        color: var(--brand-500)
    }
}

@keyframes lightsD_fb0b3f {
    0%,to {
        color: var(--brand-500)
    }

    15% {
        color: var(--red-400)
    }

    40% {
        color: var(--yellow-300)
    }

    65% {
        color: var(--teal-400)
    }

    85% {
        color: var(--blue-400)
    }
}

.rootMigratedLetter_fb0b3f {
    animation: rootMigratedA_fb0b3f 1.5s ease-in-out infinite backwards;
    animation-delay: calc(var(--custom-letter-index)*.08s)
}

.rootMigratedLetter_fb0b3f:nth-child(3n+2) {
    animation: rootMigratedB_fb0b3f 1.8s ease-in-out infinite backwards;
    animation-delay: calc(var(--custom-letter-index)*.06s)
}

.rootMigratedLetter_fb0b3f:nth-child(3n) {
    animation: rootMigratedC_fb0b3f 1.3s ease-in-out infinite backwards;
    animation-delay: calc(var(--custom-letter-index)*.1s)
}

@keyframes rootMigratedA_fb0b3f {
    0%,to {
        color: var(--yellow-300)
    }

    50% {
        color: var(--white)
    }
}

@keyframes rootMigratedB_fb0b3f {
    0%,to {
        color: var(--white)
    }

    50% {
        color: var(--yellow-300)
    }
}

@keyframes rootMigratedC_fb0b3f {
    0%,to {
        color: var(--yellow-300)
    }

    30% {
        color: var(--white)
    }

    70% {
        color: var(--yellow-300)
    }
}

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

/*# sourceMappingURL=f37149369742ded7.css.map*/