.pro__30cbe {
    text-transform: uppercase
}

.tip__30cbe {
    line-height: 16px;
    opacity: 1
}

.block__30cbe .pro__30cbe,.block__30cbe .tip__30cbe,.tip__30cbe {
    font-size: 14px
}

.inline__30cbe .pro__30cbe,.inline__30cbe .tip__30cbe {
    display: inline;
    font-size: 12px
}

.inline__30cbe .pro__30cbe {
    margin-inline-end:3px}

.enable-forced-colors .tip__30cbe {
    opacity: 1
}

.container__1ce5d {
    position: relative
}

.circularImage__1ce5d {
    border-radius: 50%
}

.dots__1ce5d {
    margin-top: .2px
}

.popover_f84418 {
    background: var(--background-surface-high);
    border: 1px solid var(--border-muted);
    border-radius: 8px;
    box-shadow: var(--shadow-low)!important;
    height: auto;
    overflow: visible;
    padding: 2px
}

.popover_f84418:hover {
    border: 1px solid var(--border-subtle);
    box-shadow: var(--shadow-medium)!important
}

.hoverBarButton_f84418 {
    border-radius: 6px;
    padding: 2px
}

.hoverBarButton_f84418:hover {
    background: var(--interactive-background-hover);
    cursor: pointer
}

.hoverBarButton_f84418:hover .icon_f84418 {
    transform: scale(1.1)
}

.hoverBarButton_f84418:active {
    background: var(--interactive-background-active);
    padding: 2px
}

.hoverBarButton_f84418:active .icon_f84418 {
    transform: scale(1)
}

.icon_f84418 {
    display: block;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 20px
}

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

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

.tooltip_f84418 {
    max-width: 300px
}

.newBadge_f84418 {
    padding: 0 4px;
    pointer-events: none;
    position: absolute;
    top: -12px
}

.separator_f84418 {
    background: var(--border-subtle);
    border-radius: 100px;
    height: 24px;
    margin: 2px 4px;
    width: 1px
}

.messagesPopoutWrap_e8b59c {
    background-color: var(--background-surface-high);
    border-radius: 8px;
    box-shadow: var(--shadow-border),var(--shadow-high);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    max-height: 80vh!important;
    min-height: 200px;
    overflow: hidden;
    position: relative;
    width: 420px;
    z-index: 0
}

.messagesPopoutWrap_e8b59c .mention {
    pointer-events: none
}

.header_e8b59c {
    background-color: var(--background-surface-high);
    border-bottom: 1px solid var(--border-subtle);
    padding: 16px;
    position: relative
}

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

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

.footer_e8b59c {
    background-color: var(--background-mod-subtle);
    padding: 16px;
    text-align: center
}

.loadingMore_e8b59c {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 8px
}

.loadingMore_e8b59c .spinner_e8b59c {
    display: inline-block;
    margin: 0
}

.loadingMore_e8b59c {
    height: 32px;
    margin-top: 8px
}

.hasMore_e8b59c {
    align-items: center;
    display: flex;
    margin-top: 8px;
    padding-block:0 16px;padding-inline:16px}

.messagesPopout_e8b59c {
    padding-block:8px 0;padding-inline:8px 0}

.messageGroupWrapper_e8b59c {
    background-color: var(--background-surface-higher);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    margin: 0 0 6px;
    margin-bottom: var(--space-8);
    margin-inline-end:var(--space-4);overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.messagesPopout_e8b59c .messageGroupWrapper_e8b59c .messageGroupCozy_e8b59c {
    margin-inline-start:-4px;padding-bottom: var(--space-16);
    padding-top: var(--space-16)
}

.scrollingFooterWrap_e8b59c {
    position: relative
}

.emptyPlaceholder_e8b59c {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    margin-bottom: 32px;
    margin-top: 8px
}

.emptyPlaceholder_e8b59c.bottom_e8b59c {
    align-items: center;
    margin-bottom: 0
}

.emptyPlaceholder_e8b59c.bottom_e8b59c .image_e8b59c {
    margin-top: 25px
}

.emptyPlaceholder_e8b59c.loadingPlaceholder_e8b59c {
    margin-top: 100px
}

.image_e8b59c {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 94px var(--custom-messages-popout-messages-popout-footer-height);
    height: var(--custom-messages-popout-messages-popout-footer-height);
    width: var(--custom-messages-popout-messages-popout-footer-height)
}

.body_e8b59c {
    color: var(--text-default);
    font-size: 16px;
    font-weight: var(--font-weight-medium);
    line-height: 20px;
    margin-top: 20px;
    text-align: center;
    white-space: pre
}

.loadingPlaceholder_e8b59c {
    margin-top: 240px
}

.channelSeparator_e8b59c {
    margin-bottom: 8px;
    margin-top: 24px
}

.channelName_e8b59c {
    color: var(--text-strong);
    cursor: pointer;
    font-size: 16px;
    font-weight: var(--font-weight-medium);
    line-height: 18px
}

.channelName_e8b59c:hover {
    text-decoration: underline
}

.guildName_e8b59c {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: var(--font-weight-medium);
    line-height: 16px;
    margin-inline-start:4px}

.channelSeparator_e8b59c:first-of-type {
    margin-top: 13px
}

.actionButtons_e8b59c {
    display: none;
    inset-inline-end: var(--space-8);
    position: absolute;
    top: var(--space-8)
}

.buttonContainer_e8b59c {
    background-color: var(--background-surface-high);
    border-radius: var(--radius-sm)
}

.messageGroupWrapper_e8b59c:focus-within .actionButtons_e8b59c,.messageGroupWrapper_e8b59c:hover .actionButtons_e8b59c {
    display: flex;
    gap: var(--space-8)
}

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

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

.hoverRoll__0263c.forceHover__0263c:not(.disabled__0263c) .default__0263c,.hoverRoll__0263c:hover:not(.disabled__0263c) .default__0263c {
    opacity: 0;
    transform: translate3d(0,-107%,0);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.hoverRoll__0263c.forceHover__0263c:not(.disabled__0263c) .hovered__0263c,.hoverRoll__0263c:hover:not(.disabled__0263c) .hovered__0263c {
    opacity: 1;
    transform: translateZ(0)
}

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

.full-motion .default__0263c,.full-motion .hovered__0263c {
    transition: all .22s ease
}

.hovered__0263c {
    inset: 0;
    opacity: 0;
    position: absolute;
    transform: translate3d(0,107%,0)
}

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

.effects__78936 {
    inset: 0;
    position: absolute
}

.text_c8b06d {
    color: var(--opacity-white-80);
    font-size: 12px;
    font-weight: var(--font-weight-medium);
    line-height: 12px
}

.textLeft_c8b06d,.textRight_c8b06d {
}

.bar_c8b06d {
    background-color: hsl(var(--primary-500-hsl)/.16);
    border-radius: 2px;
    height: 4px
}

.barInMultiLine_c8b06d {
    margin-bottom: 4px
}

.barInner_c8b06d {
    background-color: var(--white);
    border-radius: 2px;
    height: 100%;
    min-width: 4px
}

.themed_c8b06d .textLeft_c8b06d,.themed_c8b06d .textRight_c8b06d {
    color: var(--text-default)
}

.themed_c8b06d .barInner_c8b06d {
    background-color: var(--text-default)
}

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

.barInSingleLine_c8b06d {
    flex: 1;
    margin-inline:4px}

.textLeftInSingleLine_c8b06d {
    min-width: 32px;
    text-align: end
}

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

.headerContainer__2ef49 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    min-width: 0;
    width: 100%
}

.headerText__2ef49 {
    font-weight: var(--font-weight-bold);
    text-transform: uppercase
}

.headerText__2ef49+div {
    margin-inline-start:8px}

.headerTextNormal__2ef49 {
}

.headerTextEmptyBody__2ef49 {
}

.body__2ef49 {
    display: flex
}

.bodyAlignCenter__2ef49,.bodyNormal__2ef49 {
    align-items: center
}

.openGameProfile__2ef49 {
    cursor: pointer
}

.openGameProfile__2ef49:hover {
    text-decoration: underline
}

.assets__2ef49 {
    align-self: flex-start;
    position: relative
}

.assets__2ef49 .assetsHangStatus__2ef49 {
    height: 40px;
    width: 40px
}

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

.assetsLargeMaskStreamPreview__2ef49,.assetsLargeMaskVoiceChannel__2ef49 {
    -webkit-mask: url(/assets/f86a4d3ee1fc9ef0.svg);
    mask: url(/assets/f86a4d3ee1fc9ef0.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.assetsLargeMaskActivityFeed__2ef49 {
    -webkit-mask: url(/assets/892bf2036797f905.svg);
    mask: url(/assets/892bf2036797f905.svg)
}

.assetsLargeImage__2ef49 {
    -webkit-user-drag: none;
    border-radius: 8px;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.assetsLargeImageSpotify__2ef49 {
    border-radius: 0
}

.activityVoiceChannelUserHover__2ef49 .assetsLargeImageSpotify__2ef49 {
    border-radius: 8px
}

.assetsLargeImageStreamPreview__2ef49,.assetsLargeImageStreamPreviewXbox__2ef49 {
    height: 60px;
    width: 60px
}

.assetsLargeImageStreamPreview__2ef49,.assetsLargeImageStreamPreviewXbox__2ef49 {
}

.activityVoiceChannelUserHover__2ef49 .assetsLargeImageStreamPreview__2ef49 {
    border-radius: 8px;
    height: 32px;
    width: 32px
}

.assetsLargeImageActivityFeed__2ef49,.assetsLargeImageActivityFeedXbox__2ef49 {
    height: 90px;
    width: 90px
}

.assetsLargeImageActivityFeed__2ef49,.assetsLargeImageActivityFeedXbox__2ef49 {
}

.assetsLargeImageVoiceChannel__2ef49 {
    height: 64px;
    width: 64px
}

.activityVoiceChannelUserHover__2ef49 .assetsLargeImageVoiceChannel__2ef49 {
    border-radius: var(--radius-sm);
    height: 32px;
    width: 32px
}

.assetsLargeImageVoiceChannelXbox__2ef49 {
}

.assetsLargeImageActivityFeedTwitch__2ef49 {
    border-radius: var(--radius-sm);
    height: 260px;
    -webkit-mask: linear-gradient(0deg,transparent 10%,#000 80%);
    mask: linear-gradient(0deg,transparent 10%,#000 80%);
    width: 100%
}

.assetsSmallImage__2ef49 {
    -webkit-user-drag: none;
    border-radius: 50%;
    bottom: -4px;
    inset-inline-end: -4px;
    position: absolute
}

.assetsSmallImageStreamPreview__2ef49,.assetsSmallImageVoiceChannel__2ef49 {
    height: 20px;
    width: 20px
}

.assetsSmallImageStreamPreview__2ef49,.assetsSmallImageVoiceChannel__2ef49 {
}

.activityVoiceChannelUserHover__2ef49 .assetsSmallImageStreamPreview__2ef49,.activityVoiceChannelUserHover__2ef49 .assetsSmallImageVoiceChannel__2ef49 {
    bottom: -2px;
    height: 10px;
    inset-inline-end: -2px;
    width: 10px
}

.assetsSmallImageActivityFeed__2ef49 {
    height: 30px;
    width: 30px;
}

.assetsSmallImageActivityFeedWithoutLargeImage__2ef49,.assetsSmallImageStreamPreviewWithoutLargeImage__2ef49,.assetsSmallImageVoiceChannelWithoutLargeImage__2ef49 {
    height: 40px;
    width: 40px
}

.activityVoiceChannelUserHover__2ef49 .assetsSmallImageStreamPreviewWithoutLargeImage__2ef49,.activityVoiceChannelUserHover__2ef49 .assetsSmallImageVoiceChannelWithoutLargeImage__2ef49 {
    border-radius: var(--radius-sm);
    height: 32px;
    width: 32px
}

.assetsSmallImageActivityFeedWithoutLargeImage__2ef49,.assetsSmallImageStreamPreviewWithoutLargeImage__2ef49,.assetsSmallImageVoiceChannelWithoutLargeImage__2ef49 {
}

.gameIcon__2ef49 {
    flex: 0 0 auto
}

.activityVoiceChannelUserHover__2ef49 .gameIcon__2ef49 {
    height: 32px;
    width: 32px
}

.screenshareIcon__2ef49 {
    background-image: url(/assets/aa013155f3c2ecb0.svg);
    height: 40px;
    width: 40px
}

.content__2ef49 {
    overflow: hidden
}

.contentImagesStreamPreview__2ef49,.contentImagesVoiceChannel__2ef49 {
    margin-inline-start:10px}

.contentImagesStreamPreview__2ef49,.contentImagesVoiceChannel__2ef49 {
}

.contentImagesActivityFeed__2ef49 {
    margin-inline-start:10px;}

.contentNoImagesStreamPreview__2ef49,.contentNoImagesVoiceChannel__2ef49 {
}

.contentNoImagesActivityFeed__2ef49 {
    margin-bottom: -4px;
}

.contentGameImageStreamPreview__2ef49,.contentGameImageVoiceChannel__2ef49 {
    margin-bottom: -1px;
    margin-inline-start:10px}

.contentGameImageStreamPreview__2ef49,.contentGameImageVoiceChannel__2ef49 {
}

.textRow__2ef49 {
    display: block;
    font-size: 14px;
    line-height: 18px
}

.clickableDetails__2ef49,.details__2ef49,.playTime__2ef49,.state__2ef49,.timestamp__2ef49 {
}

.clickableDetails__2ef49 {
    cursor: pointer
}

.clickableDetails__2ef49:hover {
    text-decoration: underline
}

.nameNormal__2ef49 {
}

.detailsWrap__2ef49 {
}

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

.guildDetails__2ef49 {
    align-items: center;
    display: flex;
    gap: 4px;
    margin-top: 4px
}

.voiceChannelInfo__2ef49 {
    align-items: center;
    display: flex;
    gap: 2px
}

.nameWrap__2ef49 {
}

.activityActivityFeed__2ef49 .name__2ef49 {
    display: none
}

.activityActivityFeed__2ef49 .details__2ef49 {
    font-weight: var(--font-weight-semibold)
}

.timeBarActivityFeed__2ef49 {
    margin-top: 10px
}

.timeBarVoiceChannel__2ef49 {
    margin-top: 4px
}

.activityNameUserActivityHover__2ef49 {
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    line-height: 18px
}

.activityName__2ef49,.nameNormal__2ef49,.nameWrap__2ef49 {
    color: var(--white)
}

.bodyLink__2ef49 {
}

.bodyLink__2ef49:hover {
    text-decoration: underline
}

.twitchImageContainer__2ef49 {
    background: var(--primary-800);
    border-radius: var(--radius-sm);
    position: relative
}

.twitchImageOverlay__2ef49 {
    inset-inline: 0;
    bottom: 0;
    padding: 16px;
    position: absolute
}

.twitchBackgroundImage__2ef49 {
    display: inline-block;
    min-height: 260px
}

.streamUsername__2ef49 {
    color: var(--primary-200);
    font-size: 16px;
    font-weight: var(--font-weight-semibold);
    line-height: 1.25
}

.streamName__2ef49 {
    color: var(--primary-300);
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    margin-top: 8px
}

.streamGame__2ef49 {
    color: var(--primary-400);
    font-size: 12px;
    font-weight: var(--font-weight-semibold);
    margin-top: 8px;
    text-transform: uppercase
}

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

.activityVoiceChannel__2ef49 .activityName__2ef49,.activityVoiceChannel__2ef49 .name__2ef49,.activityVoiceChannel__2ef49 .nameNormal__2ef49,.activityVoiceChannel__2ef49 .nameWrap__2ef49 {
    color: var(--text-strong)
}

.activityVoiceChannel__2ef49 .content__2ef49,.activityVoiceChannel__2ef49 .details__2ef49,.activityVoiceChannel__2ef49 .playTime__2ef49,.activityVoiceChannel__2ef49 .state__2ef49,.activityVoiceChannel__2ef49 .timestamp__2ef49 {
    color: var(--text-default)
}

.activityVoiceChannelUserHover__2ef49 .activityName__2ef49,.activityVoiceChannelUserHover__2ef49 .name__2ef49,.activityVoiceChannelUserHover__2ef49 .nameNormal__2ef49,.activityVoiceChannelUserHover__2ef49 .nameWrap__2ef49 {
    color: var(--text-strong)
}

.activityVoiceChannelUserHover__2ef49 .content__2ef49,.activityVoiceChannelUserHover__2ef49 .details__2ef49,.activityVoiceChannelUserHover__2ef49 .playTime__2ef49,.activityVoiceChannelUserHover__2ef49 .state__2ef49,.activityVoiceChannelUserHover__2ef49 .timestamp__2ef49 {
    color: var(--text-muted);
    font-size: 12px
}

.platformIcon__2ef49 {
    display: none
}

.icon__2ef49 {
    color: var(--text-default);
    display: block;
    flex: 0 0 auto;
    height: 16px;
    margin-inline-end:4px;width: 16px
}

.wrap__2ef49 {
    flex-wrap: wrap
}

.activityDetails__2ef49 {
    display: flex;
    flex-direction: row;
    width: 100%
}

.activityActivityFeed__2ef49 .content__2ef49,.activityActivityFeed__2ef49 .details__2ef49 {
    color: var(--text-default)
}

.activityStreamPreview__2ef49 .activityName__2ef49,.activityStreamPreview__2ef49 .content__2ef49,.activityStreamPreview__2ef49 .details__2ef49,.activityStreamPreview__2ef49 .name__2ef49,.activityStreamPreview__2ef49 .nameNormal__2ef49 {
    color: var(--text-strong)
}

.buttonsWrapper__65bb6 {
    flex: 0 1 auto;
    margin-top: 12px
}

.buttonsWrapper__65bb6:empty {
    margin: 0
}

.horizontal__65bb6>:not(:first-child) {
    margin-inline-start:8px}

.vertical__65bb6>:not(:first-child) {
    margin-top: 8px
}

.actionsStreamPreview__34f7d {
    margin-top: 10px
}

.actionsProfile__34f7d,.actionsProfileV2__34f7d {
    flex: 1 1 auto;
    margin-inline-start:20px;margin-top: 0
}

.actionsSimplifiedProfile__34f7d {
    flex: 1 1 auto;
    margin-inline-start:10px;margin-top: 0
}

.actionsActivityFeed__34f7d {
    margin-top: 8px
}

.errorImage__34f7d {
    height: 135px
}

.cannotLaunchImage__34f7d {
}

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

.actionsWrapper__34f7d .actionsProfile__34f7d,.actionsWrapper__34f7d .actionsProfileV2__34f7d,.actionsWrapper__34f7d .actionsSimplifiedProfile__34f7d {
    margin-inline-start:0;margin-top: 12px
}

.streamPreviewWrapper__0489e {
    padding: var(--space-sm) 0;
    width: 100%
}

.streamPreview__0489e {
    background-color: var(--background-surface-high);
    border-radius: 5px;
    box-shadow: var(--shadow-border),var(--shadow-high);
    overflow: hidden;
    width: 100%
}

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

.streamHeader__0489e {
    align-items: center;
    display: flex;
    gap: 6px;
    margin-bottom: var(--space-xs);
    padding: 10px 10px 0
}

.streamHeaderVoiceUserActivities__0489e {
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--space-xs)
}

.streamHeaderIcon__0489e {
    flex-shrink: 0;
    height: 16px;
    width: 16px
}

.previewContainer__0489e {
    background-color: var(--background-secondary-alt);
    box-sizing: border-box;
    height: 142px;
    position: relative;
    width: 100%
}

.previewContainer__0489e:hover .previewHover__0489e {
    opacity: 1
}

.previewContainerUserActivity__0489e {
    border-radius: var(--radius-sm);
    overflow: hidden
}

.skipContainer__0489e .previewContainer__0489e {
    box-shadow: var(--shadow-border),var(--shadow-high)
}

.previewHover__0489e {
    align-items: center;
    opacity: 0;
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0;
    cursor: pointer;
    display: flex;
    font-weight: var(--font-weight-semibold);
    justify-content: center;
    line-height: 18px;
    transition: opacity .2s ease-in-out
}

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

.body__0489e {
    padding: 10px
}

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

.activityActions__0489e {
    margin-top: 0
}

.protip__0489e {
    margin-top: 10px;
    text-align: center
}

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

.theme-dark .previewHover__0489e {
    background: var(--opacity-black-60)
}

.theme-light .previewHover__0489e {
    background: hsl(var(--primary-500-hsl)/.6)
}

.body__6da2d {
    padding: 10px
}

.streamPreviewWrapper__6da2d {
    opacity: 0;
    padding-inline-start:16px;position: relative;
    transform: translate3d(8px,0,0) scale(.98);
    transform-origin: 50% 50%
}

.full-motion .streamPreviewWrapper__6da2d {
    transition: opacity .15s ease,transform 125ms ease-in
}

.streamPreviewWrapper__6da2d.mounted__6da2d {
    opacity: 1;
    transform: translateZ(0) scale(1)
}

.streamPreview__6da2d {
    background-color: var(--background-surface-high);
    border-radius: 5px;
    box-shadow: var(--shadow-border),var(--shadow-high);
    overflow: hidden;
    width: 252px
}

.previewContainer__6da2d {
    background-color: var(--background-mod-normal);
    box-sizing: border-box;
    height: 142px;
    position: relative;
    width: 100%
}

.previewContainer__6da2d:hover .previewHover__6da2d {
    opacity: 1
}

.previewHover__6da2d {
    align-items: center;
    opacity: 0;
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0;
    cursor: pointer;
    display: flex;
    font-weight: var(--font-weight-semibold);
    justify-content: center;
    line-height: 18px;
    transition: opacity .2s ease-in-out
}

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

.applicationName__6da2d {
    color: var(--text-default);
    font-size: 14px;
    inset-inline-start: 12px;
    line-height: 18px;
    position: absolute;
    top: 8px
}

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

.activityActions__6da2d {
    margin-top: 0
}

.protip__6da2d {
    margin-top: 10px;
    text-align: center
}

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

.theme-dark .applicationName__6da2d {
    color: var(--primary-100)
}

.theme-dark .previewHover__6da2d {
    background: var(--opacity-black-60)
}

.theme-light .previewHover__6da2d {
    background: hsl(var(--primary-500-hsl)/.6)
}

@keyframes outgoing-call-pulse__07f91 {
    0% {
        opacity: .2
    }

    50% {
        opacity: .9
    }

    to {
        opacity: .2
    }
}

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

.listDefault__07f91 {
    align-items: stretch;
    flex-direction: column;
    flex-wrap: nowrap
}

.listCollapse__07f91 {
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap
}

.voiceUser__07f91 {
    position: relative
}

.clickable__07f91 {
    cursor: pointer
}

.content__07f91 {
    align-items: center;
    border-radius: var(--radius-sm);
    display: flex;
    gap: 8px;
    justify-content: flex-start;
    padding-block:4px;padding-inline:var(--space-xs) var(--space-xs)}

.flipped__07f91 {
    flex-direction: row-reverse
}

.userLarge__07f91 {
    height: 38px
}

.userSmall__07f91 {
    height: 32px
}

.listCollapse__07f91 .content__07f91 {
    margin-inline-start:8px;padding: 0
}

.listCollapse__07f91 .content__07f91.flipped__07f91 {
    margin-inline:0 8px}

.listDefault__07f91 .avatarContainer__07f91 {
    margin-inline:8px}

.overlap__07f91 {
    margin-inline:-8px -4px;margin-bottom: -4px;
    margin-top: -1px
}

.overlap__07f91 .content__07f91 {
    margin-inline-start:0}

.overlap__07f91 .avatar__07f91 {
    border: 4px solid var(--background-base-lower);
    border-color: var(--background-base-lowest);
    margin: 0
}

.avatar__07f91 {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    flex: 0 0 auto
}

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

.avatarLarge__07f91 {
    height: 30px;
    width: 30px
}

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

.voiceUser__07f91:hover .selfHangStatus__07f91 {
    background-color: transparent;
    border-color: transparent
}

div.clanTagBadgeContainer__07f91 {
    margin-inline-start:0}

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

.usernameFont__07f91 {
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    line-height: 18px
}

.icons__07f91 {
    flex: 0 0 auto;
    margin-inline-end:0}

.iconGroup__07f91,.icons__07f91 {
    align-items: center;
    display: flex;
    gap: 4px
}

.iconGroup__07f91 {
    margin: 0
}

.iconGroup__07f91:empty {
    display: none
}

.flipped__07f91 .icons__07f91 {
    margin-inline:8px 0}

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

.hoverableIcon__07f91:hover {
    color: var(--icon-subtle)
}

.iconTooltipContainer__07f91 {
    line-height: 0
}

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

.iconPriortySpeaker__07f91 {
    border-radius: 8px;
    height: 6px;
    inset-inline-start: -16px;
    position: absolute;
    width: 6px
}

.icon__07f91,.username__07f91 {
    color: var(--channels-default)
}

.iconServer__07f91,.strikethrough__07f91 {
    color: var(--icon-feedback-critical)
}

.listDefault__07f91 .clickable__07f91:hover .content__07f91 {
    background: var(--interactive-background-hover)
}

.listDefault__07f91 .clickable__07f91:active .content__07f91 {
    background: var(--interactive-background-active)
}

.listDefault__07f91 .clickable__07f91.selected__07f91 .content__07f91 {
    background: var(--interactive-background-selected)
}

.listDefault__07f91 .clickable__07f91:hover .username__07f91 {
    color: var(--interactive-text-hover)
}

.optionsButton__07f91 {
    align-items: center;
    border-radius: 4px;
    display: flex;
    flex-shrink: 0;
    height: 24px;
    inset-inline-end: 5px;
    justify-content: center;
    width: 24px
}

.optionsActive__07f91,.optionsButton__07f91:hover {
    background: var(--interactive-background-active)
}

.voiceUser__07f91:not(:hover,:focus-within) .optionsButton__07f91:not(.optionsActive__07f91) {
    width: 0
}

.voiceUser__07f91:not(:hover,:focus-within) .optionsButtonContainer__07f91:not(.optionsContainerActive__07f91) {
    display: none
}

span.clanTag__07f91 {
    background: var(--background-mod-subtle);
    flex: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

span.clanTag__07f91.isOverlay__07f91 {
    background: var(--background-base-lowest)
}

.listDefault__07f91 .clickable__07f91:hover .clanTag__07f91 {
    background: var(--interactive-background-hover)
}

.theme-light .listDefault__07f91 .clickable__07f91:hover .clanTag__07f91 {
    background: var(--background-mod-strong)
}

.listDefault__07f91 .clickable__07f91.selected__07f91 .username__07f91,.usernameSpeaking__07f91 {
    color: var(--interactive-text-active)
}

.liveIcon__07f91 {
    background-color: var(--background-feedback-notification);
    color: var(--white)
}

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

.iconPriortySpeaker__07f91 {
    background-color: var(--text-muted)
}

.disabled__07f91 {
    opacity: .5
}

.disabled__07f91:hover {
    opacity: 1
}

.ringing__07f91 {
    animation: outgoing-call-pulse__07f91 1.25s ease-out infinite;
    opacity: .3
}

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

.userAvatar__07f91 {
    margin: 0
}

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

.enable-forced-colors .clickable__07f91:hover .username__07f91,.enable-forced-colors .username__07f91 {
    background-color: ButtonFace;
    color: ButtonText;
    forced-color-adjust: none;
    text-decoration: underline
}

.enable-forced-colors .icon__07f91 {
    color: CanvasText
}

/*# sourceMappingURL=74c035a23e6d0bbb.css.map*/
