1335 lines
26 KiB
CSS
1335 lines
26 KiB
CSS
.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*/
|