3084 lines
62 KiB
CSS
3084 lines
62 KiB
CSS
.key__98feb {
|
|
background: var(--background-base-low);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-xs);
|
|
color: var(--text-muted);
|
|
font-family: var(--font-code);
|
|
font-size: 10px;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
height: 16px;
|
|
line-height: 14px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.key__98feb + .key__98feb {
|
|
margin-inline-start: 0px; }
|
|
|
|
.keySpan__98feb {
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
margin-inline: var(--space-4); padding: 0 var(--space-4);
|
|
}
|
|
|
|
.keyDiv__98feb {
|
|
align-items: center;
|
|
display: flex;
|
|
font-size: 10px;
|
|
height: 10px;
|
|
justify-content: center;
|
|
line-height: 12px;
|
|
padding: 2px 4px;
|
|
}
|
|
|
|
.keybindFlexboxLayout_cbf20c {
|
|
align-items: baseline;
|
|
display: flex;
|
|
flex: 0 0 auto;
|
|
flex-flow: wrap;
|
|
gap: var(--space-4);
|
|
justify-content: flex-start;
|
|
max-width: 100%;
|
|
overflow: visible;
|
|
white-space: normal;
|
|
width: fit-content;
|
|
}
|
|
|
|
.keyCombo_cbf20c {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.keyCombo_cbf20c, .keyComboKey_cbf20c {
|
|
display: inline-block;
|
|
}
|
|
|
|
.bgShade__6d791 {
|
|
background-color: rgba(19, 19, 24, 0.9);
|
|
border: 1px solid rgba(255, 255, 255, 0.08);
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.keybind__6d791 {
|
|
background-color: var(--background-mod-strong);
|
|
border-color: var(--border-strong);
|
|
color: var(--text-strong);
|
|
}
|
|
|
|
.titleWrapper__6d791 {
|
|
align-items: center;
|
|
border-radius: 12px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-start;
|
|
max-width: 100%;
|
|
padding: 2px 8px;
|
|
}
|
|
|
|
.titleWrapperWithHint__6d791 {
|
|
border-radius: 8px;
|
|
}
|
|
|
|
.titleWrapperClickable__6d791 {
|
|
cursor: pointer;
|
|
height: auto;
|
|
}
|
|
|
|
.extrasEmptySpace__6d791 {
|
|
flex: 1 1 0%;
|
|
height: 24px;
|
|
}
|
|
|
|
.button__6d791 {
|
|
align-items: center;
|
|
border-radius: 50%;
|
|
color: var(--text-strong);
|
|
cursor: pointer;
|
|
display: flex;
|
|
height: 24px;
|
|
justify-content: center;
|
|
width: 24px;
|
|
}
|
|
|
|
.button__6d791.active__6d791 {
|
|
border-color: var(--background-brand);
|
|
}
|
|
|
|
.row__771da {
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
height: 50px;
|
|
margin-inline-start: 8px; position: relative;
|
|
}
|
|
|
|
.leftIndicatorContainer__771da {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 8px;
|
|
inset-inline-start: -8px;
|
|
position: absolute;
|
|
top: 18px;
|
|
width: 4px;
|
|
}
|
|
|
|
.channelIcon__771da {
|
|
flex-shrink: 0;
|
|
height: 12px;
|
|
width: 12px;
|
|
}
|
|
|
|
.offlineRow__771da {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.offlineRow__771da:active, .offlineRow__771da:focus-within, .offlineRow__771da:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
.rowInner__771da {
|
|
box-sizing: border-box;
|
|
height: 42px;
|
|
padding-block: var(--space-xxs) var(--space-xxs); padding-inline: 0px;
|
|
width: 100%;
|
|
z-index: 0;
|
|
}
|
|
|
|
.rowRecentlyAdded__771da {
|
|
animation: 0.95s ease-out 0s 1 normal none running friendsWidgetRowRecentlyAdded__771da;
|
|
}
|
|
|
|
@keyframes friendsWidgetRowRecentlyAdded__771da {
|
|
0% {
|
|
background: color-mix(in srgb,var(--brand-500) 28%,transparent);
|
|
}
|
|
|
|
100% {
|
|
background: transparent;
|
|
}
|
|
}
|
|
|
|
.avatar__771da {
|
|
margin-inline-end: 12px; }
|
|
|
|
.username__771da {
|
|
color: var(--text-default);
|
|
}
|
|
|
|
.username__771da, .usernameContainer__771da {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.usernameContainer__771da {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 4px;
|
|
}
|
|
|
|
.activityIconContainer__771da {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
height: 32px;
|
|
justify-content: center;
|
|
width: 32px;
|
|
}
|
|
|
|
.rowActions__771da {
|
|
align-items: center;
|
|
display: inline-flex;
|
|
gap: var(--space-xxs);
|
|
}
|
|
|
|
.badgesContainer__771da {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 4px;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.friendVoiceStatus__771da {
|
|
gap: 8px;
|
|
}
|
|
|
|
.friendVoiceStatus__771da, .voiceStatusContainer__771da {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.voiceStatusContainer__771da {
|
|
gap: 4px;
|
|
}
|
|
|
|
.voiceStatusContainer__771da .voiceText__771da {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.friendVoiceStatusGuildContainer__771da {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 4px;
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.guildName__771da {
|
|
max-width: 100px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.voiceStatusIcon__771da {
|
|
height: 12px;
|
|
width: 12px;
|
|
}
|
|
|
|
.iconOnlyButton__068c6 {
|
|
align-items: center;
|
|
border: 1px solid transparent;
|
|
border-radius: var(--radius-sm);
|
|
cursor: pointer;
|
|
display: flex;
|
|
height: 30px;
|
|
justify-content: center;
|
|
width: 30px;
|
|
}
|
|
|
|
.iconOnlyButton__068c6:hover {
|
|
background-color: var(--control-icon-only-background-hover);
|
|
border: 1px solid var(--control-icon-only-border-hover);
|
|
}
|
|
|
|
.iconOnlyButton__068c6:active {
|
|
background-color: var(--background-mod-muted);
|
|
}
|
|
|
|
.iconOnlyButton__068c6 svg {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.container__606e9 {
|
|
display: flex;
|
|
flex: 1 1 0%;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.container__606e9, .list__606e9 {
|
|
min-height: 0px;
|
|
min-width: 0px;
|
|
}
|
|
|
|
.list__606e9 {
|
|
border-top: 1px solid rgba(152, 152, 160, 0.035);
|
|
flex: 1 1 auto;
|
|
overflow: auto;
|
|
}
|
|
|
|
.searchContainer__606e9 {
|
|
margin-top: -1px;
|
|
margin-inline-end: -1px; padding: 0px;
|
|
}
|
|
|
|
.searchContainer__606e9 > div > div > div > div {
|
|
background: rgba(152, 152, 160, 0.04);
|
|
border-radius: 0px;
|
|
padding: 8px 12px;
|
|
border: none !important;
|
|
outline: none !important;
|
|
}
|
|
|
|
.searchContainer__606e9 > div > div > div > div:has(input:focus, textarea:focus) {
|
|
background: rgba(152, 152, 160, 0.08);
|
|
}
|
|
|
|
.section__606e9 {
|
|
height: auto;
|
|
padding-block: var(--space-lg) var(--space-xxs); padding-inline: var(--space-md) var(--space-xxs);
|
|
}
|
|
|
|
.chevronIcon__606e9 {
|
|
height: 12px;
|
|
margin-inline-start: var(--space-xxs); width: 12px;
|
|
}
|
|
|
|
.sectionCollapsible__606e9 {
|
|
align-items: center;
|
|
cursor: pointer;
|
|
display: flex;
|
|
}
|
|
|
|
.sectionCollapsible__606e9:hover {
|
|
color: var(--text-strong);
|
|
}
|
|
|
|
.nonGroupSectionHeaderRow__606e9 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: var(--space-xxs);
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.nonGroupSectionHeaderHideButton__606e9 {
|
|
align-items: center;
|
|
color: var(--text-muted);
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-inline-end: 8px; padding: var(--space-xxs);
|
|
}
|
|
|
|
.nonGroupSectionHeaderHideButton__606e9:hover {
|
|
color: var(--text-strong);
|
|
}
|
|
|
|
.emptyStateContainer__606e9 {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 300px;
|
|
justify-content: center;
|
|
padding: 16px;
|
|
}
|
|
|
|
.container__672fc {
|
|
background-color: var(--background-surface-higher);
|
|
border: 1px solid rgba(152, 152, 160, 0.035);
|
|
border-radius: var(--radius-sm);
|
|
box-shadow: var(--shadow-border),var(--shadow-high);
|
|
width: 350px;
|
|
}
|
|
|
|
.header__672fc {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 16px 16px 0px;
|
|
}
|
|
|
|
.activityText__672fc {
|
|
color: var(--text-subtle);
|
|
}
|
|
|
|
.controlButtons__672fc {
|
|
display: flex;
|
|
gap: 8px;
|
|
margin-inline-start: 8px; }
|
|
|
|
.searchContainer__672fc {
|
|
margin-top: -1px;
|
|
margin-inline-end: -1px; padding: 0px;
|
|
}
|
|
|
|
.searchContainer__672fc > div > div > div > div {
|
|
background: rgba(152, 152, 160, 0.04);
|
|
border-radius: 0px;
|
|
padding: 8px 12px;
|
|
border: none !important;
|
|
outline: none !important;
|
|
}
|
|
|
|
.searchContainer__672fc > div > div > div > div:has(input:focus, textarea:focus) {
|
|
background: rgba(152, 152, 160, 0.08);
|
|
}
|
|
|
|
.searchInput__672fc {
|
|
padding: 0px;
|
|
}
|
|
|
|
.list__672fc {
|
|
height: 70vh;
|
|
}
|
|
|
|
.section__672fc {
|
|
height: auto;
|
|
padding-block: var(--space-lg) var(--space-xxs); padding-inline: var(--space-md) var(--space-xxs);
|
|
}
|
|
|
|
.reorderableGroupSection__672fc {
|
|
cursor: grab;
|
|
position: relative;
|
|
}
|
|
|
|
.reorderableGroupSection__672fc:active {
|
|
cursor: grabbing;
|
|
}
|
|
|
|
.draggingGroupSection__672fc {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.dropTargetGroupSection__672fc {
|
|
background-color: var(--interactive-background-hover);
|
|
}
|
|
|
|
.dropBeforeGroupSection__672fc::before {
|
|
inset-block-start: 0px;
|
|
inset-inline: 0px;
|
|
}
|
|
|
|
.dropAfterGroupSection__672fc::after, .dropBeforeGroupSection__672fc::before {
|
|
background-color: var(--text-brand);
|
|
content: "";
|
|
height: 2px;
|
|
position: absolute;
|
|
}
|
|
|
|
.dropAfterGroupSection__672fc::after {
|
|
inset-block-end: 0px;
|
|
inset-inline: 0px;
|
|
}
|
|
|
|
.chevronIcon__672fc {
|
|
height: 12px;
|
|
margin-inline-start: var(--space-xxs); width: 12px;
|
|
}
|
|
|
|
.sectionCollapsible__672fc {
|
|
align-items: center;
|
|
cursor: pointer;
|
|
display: flex;
|
|
}
|
|
|
|
.sectionCollapsible__672fc:hover {
|
|
color: var(--text-strong);
|
|
}
|
|
|
|
.emptyStateContainer__672fc {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 300px;
|
|
justify-content: center;
|
|
padding: 16px;
|
|
}
|
|
|
|
.emoji_ce5b39 {
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.container__49ef0 {
|
|
border-bottom: 1px solid rgba(152, 152, 160, 0.035);
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
.profileBanner__49ef0 {
|
|
background-position: 50% center;
|
|
background-size: cover;
|
|
height: 160px;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.userBannerContainer__49ef0 {
|
|
align-items: center;
|
|
background-color: rgb(19, 19, 24);
|
|
border-bottom: 1px solid rgba(152, 152, 160, 0.035);
|
|
bottom: 0px;
|
|
display: flex;
|
|
flex: 1 1 0%;
|
|
justify-content: space-between;
|
|
min-width: 0px;
|
|
padding-block: 0px 16px; padding-inline: 12px; position: absolute;
|
|
width: calc(100% - 24px);
|
|
z-index: 2;
|
|
}
|
|
|
|
.userBannerContainer__49ef0::after {
|
|
background: linear-gradient(rgba(19, 19, 24, 0), rgb(19, 19, 24) 98.03%);
|
|
content: "";
|
|
inset-inline: 0px;
|
|
bottom: calc(100% - 1px);
|
|
height: 80px;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
z-index: -1;
|
|
}
|
|
|
|
.userBanner__49ef0 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1 1 0%;
|
|
flex-direction: row;
|
|
gap: 12px;
|
|
justify-content: flex-start;
|
|
margin-top: -20px;
|
|
width: 100%;
|
|
}
|
|
|
|
.bannerContainer__49ef0 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 160px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.userBannerLeft__49ef0 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: var(--space-12);
|
|
min-width: 0px;
|
|
}
|
|
|
|
.avatar__49ef0 {
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.userTextContainer__49ef0 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-4);
|
|
min-width: 0px;
|
|
}
|
|
|
|
.activityText__49ef0, .secondaryLine__49ef0, .username__49ef0 {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.secondaryLine__49ef0 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1 1 0%;
|
|
gap: var(--space-4);
|
|
max-width: 216px;
|
|
min-width: 0px;
|
|
}
|
|
|
|
.secondaryIcon__49ef0 {
|
|
color: var(--green-360);
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.secondaryText__49ef0 {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.customStatusContainer__49ef0 {
|
|
align-items: center;
|
|
display: flex;
|
|
min-width: 0px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.customStatusEmoji__49ef0 {
|
|
flex-shrink: 0;
|
|
height: 14px;
|
|
margin-inline-end: var(--space-4); width: 14px;
|
|
}
|
|
|
|
.duration__49ef0 {
|
|
color: var(--green-360);
|
|
flex-shrink: 0;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.tabs__49ef0 {
|
|
border-top: none;
|
|
display: flex;
|
|
gap: 4px;
|
|
padding: 8px;
|
|
}
|
|
|
|
.tab__49ef0 {
|
|
background-color: transparent;
|
|
border: 1px solid transparent;
|
|
border-radius: 6px;
|
|
color: var(--text-muted);
|
|
cursor: pointer;
|
|
flex: 1 1 0%;
|
|
min-width: 0px;
|
|
padding: 6px 12px;
|
|
position: relative;
|
|
text-align: center;
|
|
}
|
|
|
|
.tab__49ef0:hover {
|
|
background-color: var(--background-mod-strong);
|
|
color: var(--interactive-text-hover);
|
|
}
|
|
|
|
.tabSelected__49ef0 {
|
|
background-color: var(--background-mod-subtle);
|
|
color: var(--interactive-text-active);
|
|
}
|
|
|
|
.unreadFavoritesDot__49ef0 {
|
|
background: var(--text-muted);
|
|
border: 2px solid rgb(18, 18, 20);
|
|
border-radius: var(--radius-round);
|
|
height: 6px;
|
|
inset-inline-end: -4px;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: -4px;
|
|
width: 6px;
|
|
}
|
|
|
|
.barsRoot__70b7b {
|
|
height: 100%;
|
|
pointer-events: none;
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
|
|
.animatedIconContainer__70b7b {
|
|
display: inline-flex;
|
|
}
|
|
|
|
.barsGroup__70b7b {
|
|
align-items: center;
|
|
display: flex;
|
|
isolation: isolate;
|
|
overflow: hidden;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
transform: translateZ(0px);
|
|
}
|
|
|
|
.bar__70b7b, .barsGroup__70b7b {
|
|
will-change: transform;
|
|
}
|
|
|
|
.bar__70b7b {
|
|
border-radius: 1px;
|
|
display: block;
|
|
flex: 0 0 auto;
|
|
transform-origin: center center;
|
|
}
|
|
|
|
.icon__2894c {
|
|
display: block;
|
|
flex: 0 0 auto;
|
|
height: 20px;
|
|
width: 20px;
|
|
}
|
|
|
|
.iconWithGuildIcon__2894c {
|
|
background: var(--background-mod-strong);
|
|
border-radius: var(--radius-round);
|
|
color: var(--text-subtle);
|
|
height: 12px;
|
|
margin-inline-start: 12px; margin-top: -15px;
|
|
overflow: visible;
|
|
padding: 4px;
|
|
position: relative;
|
|
width: 12px;
|
|
}
|
|
|
|
.channelGuildIcon__2894c {
|
|
border-radius: var(--radius-sm);
|
|
}
|
|
|
|
.acronym__2894c {
|
|
align-items: center;
|
|
background-color: var(--background-mod-strong);
|
|
color: var(--text-default);
|
|
display: flex;
|
|
font-weight: var(--font-weight-medium);
|
|
justify-content: center;
|
|
line-height: 1.2em;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.clickable_c69b6d {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.containerDefault_c69b6d, .containerDragAfter_c69b6d, .containerDragBefore_c69b6d, .containerUserOver_c69b6d {
|
|
position: relative;
|
|
transition: opacity 0.2s ease-in-out;
|
|
}
|
|
|
|
.containerDragAfter_c69b6d::after, .containerDragBefore_c69b6d::before {
|
|
background-color: var(--green-360);
|
|
border-radius: 2px;
|
|
box-shadow: 0 0 3px var(--opacity-black-40);
|
|
content: "";
|
|
height: 4px;
|
|
inset-inline: 8px 0px;
|
|
position: absolute;
|
|
z-index: 1;
|
|
}
|
|
|
|
.containerDragBefore_c69b6d::before {
|
|
top: -2px;
|
|
}
|
|
|
|
.containerDragAfter_c69b6d::after {
|
|
bottom: -2px;
|
|
}
|
|
|
|
.containerUserOver_c69b6d::after {
|
|
background-color: hsl(var(--green-360-hsl)/.1);
|
|
border: 2px solid hsl(var(--green-360-hsl)/.5);
|
|
border-radius: 4px;
|
|
box-sizing: border-box;
|
|
content: "";
|
|
position: absolute;
|
|
top: 0px;
|
|
inset-inline: 8px 0px;
|
|
bottom: 0px;
|
|
z-index: 1;
|
|
}
|
|
|
|
.iconBase_c69b6d {
|
|
cursor: pointer;
|
|
line-height: 0;
|
|
position: relative;
|
|
}
|
|
|
|
.iconItem_c69b6d {
|
|
display: none;
|
|
margin-inline-start: 4px; }
|
|
|
|
.iconItem_c69b6d.alwaysShown_c69b6d {
|
|
display: block;
|
|
}
|
|
|
|
.containerDefault_c69b6d.selected_c69b6d .iconNoChannelInfo_c69b6d, .iconVisibility_c69b6d:focus .iconItem_c69b6d, .iconVisibility_c69b6d:focus-within .iconItem_c69b6d {
|
|
display: block;
|
|
}
|
|
|
|
.containerDefault_c69b6d.selected_c69b6d .iconWithChannelInfo_c69b6d {
|
|
display: none;
|
|
}
|
|
|
|
.iconItem_c69b6d:focus, .iconItem_c69b6d:focus-within {
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
|
|
.disableClick_c69b6d {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.disabled_c69b6d > div {
|
|
opacity: 0.3;
|
|
}
|
|
|
|
.actionIcon_c69b6d {
|
|
display: block;
|
|
height: 16px;
|
|
width: 16px;
|
|
}
|
|
|
|
.actionIcon_c69b6d:active {
|
|
transform: translateY(0.5px);
|
|
}
|
|
|
|
.actionIcon_c69b6d, .actionIcon_c69b6d:hover {
|
|
color: var(--icon-muted);
|
|
}
|
|
|
|
.channelInfo_c69b6d {
|
|
display: block;
|
|
margin-inline-start: 12px; }
|
|
|
|
.iconVisibility_c69b6d:focus .channelInfo_c69b6d, .iconVisibility_c69b6d:focus-within .channelInfo_c69b6d {
|
|
display: none;
|
|
}
|
|
|
|
.actionIcon_c69b6d {
|
|
color: var(--interactive-text-default);
|
|
}
|
|
|
|
.iconItem_c69b6d:hover .actionIcon_c69b6d {
|
|
color: var(--interactive-text-hover);
|
|
}
|
|
|
|
.actionIcon_c69b6d:active {
|
|
color: var(--interactive-text-active);
|
|
}
|
|
|
|
.iconLive_c69b6d {
|
|
color: var(--text-feedback-positive) !important;
|
|
}
|
|
|
|
.summary_c69b6d {
|
|
margin-inline-start: 40px; }
|
|
|
|
.subtitleHasThreads_c69b6d {
|
|
color: var(--text-brand);
|
|
}
|
|
|
|
@media (hover: hover) {
|
|
.iconVisibility_c69b6d:hover .iconItem_c69b6d {
|
|
display: block;
|
|
}
|
|
|
|
.iconVisibility_c69b6d:hover .channelInfo_c69b6d {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.selectedChannel_c69b6d .actionIcon_c69b6d, .selectedChannel_c69b6d .actionIcon_c69b6d:hover {
|
|
color: var(--icon-strong);
|
|
}
|
|
|
|
.voiceChannelHighlightContainer_c69b6d {
|
|
position: relative;
|
|
}
|
|
|
|
.voiceChannelHighlightBorder_c69b6d {
|
|
background-color: var(--icon-feedback-positive);
|
|
bottom: 4px;
|
|
inset-inline-start: 0px;
|
|
position: absolute;
|
|
top: 2px;
|
|
width: 2px;
|
|
}
|
|
|
|
.voiceChannelHighlightGlow_c69b6d {
|
|
background: radial-gradient(40px 50% at left center, rgba(0, 158, 66, 0.125) 0px, rgba(0, 158, 66, 0) 100%);
|
|
bottom: -10px;
|
|
inset-inline-start: 0px;
|
|
position: absolute;
|
|
top: -12px;
|
|
width: 40px;
|
|
}
|
|
|
|
.enable-forced-colors .actionIcon_c69b6d {
|
|
color: buttontext;
|
|
}
|
|
|
|
.enable-forced-colors .iconBase_c69b6d {
|
|
background-color: buttonface;
|
|
border: 1px solid buttonface;
|
|
border-radius: 4px;
|
|
color: buttontext;
|
|
}
|
|
|
|
.enable-forced-colors .iconBase_c69b6d:hover {
|
|
border-color: buttontext;
|
|
}
|
|
|
|
.enable-forced-colors .iconBase_c69b6d:hover .actionIcon_c69b6d {
|
|
color: buttontext;
|
|
}
|
|
|
|
.enable-forced-colors .containerDragAfter_c69b6d::after, .enable-forced-colors .containerDragBefore_c69b6d::before, .enable-forced-colors .containerUserOver_c69b6d::after {
|
|
background-color: highlight;
|
|
outline: canvas solid 1px;
|
|
}
|
|
|
|
.wrapper__2ea32 {
|
|
margin-inline-start: var(--space-xs); overflow: visible;
|
|
padding: 1px 0px;
|
|
position: relative;
|
|
}
|
|
|
|
.icon__2ea32 {
|
|
color: var(--channel-icon);
|
|
}
|
|
|
|
.typeThread__2ea32.wrapper__2ea32 {
|
|
margin-inline-start: calc(28px + var(--space-xs) + var(--space-xs) - var(--space-xs)); }
|
|
|
|
.typeThread__2ea32 .name__2ea32 {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.typeThread__2ea32 .link__2ea32 {
|
|
padding-block: 4px; padding-inline: var(--space-xs) var(--space-xs); }
|
|
|
|
.typeThread__2ea32 .unread__2ea32 {
|
|
inset-inline-start: calc((16px + var(--space-md))*-1 + 1px);
|
|
}
|
|
|
|
.typeThread__2ea32.withGuildIcon__2ea32 {
|
|
margin-inline-start: 42px; }
|
|
|
|
.typeThread__2ea32.withGuildIcon__2ea32 .unread__2ea32 {
|
|
inset-inline-start: -42px;
|
|
}
|
|
|
|
.modeUnreadImportant__2ea32 .name__2ea32, .modeUnreadImportant__2ea32:hover .name__2ea32 {
|
|
color: var(--text-strong);
|
|
}
|
|
|
|
.wrapper__2ea32.modeSelected__2ea32 {
|
|
cursor: default;
|
|
}
|
|
|
|
.wrapper__2ea32.modeLocked__2ea32 {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.icon__2ea32 {
|
|
display: block;
|
|
flex: 0 0 auto;
|
|
}
|
|
|
|
.icon__2ea32, .iconContainer__2ea32 {
|
|
height: 20px;
|
|
width: 20px;
|
|
}
|
|
|
|
.iconContainer__2ea32 {
|
|
margin-inline-end: 0px; position: relative;
|
|
}
|
|
|
|
.iconContainerWithGuildIcon__2ea32 {
|
|
margin-bottom: -2px;
|
|
margin-top: -2px;
|
|
}
|
|
|
|
.favoritesSuggestion__2ea32 {
|
|
border: 2px dashed var(--border-subtle);
|
|
border-radius: var(--radius-md);
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.hdStreamed__2ea32 {
|
|
background: linear-gradient(90deg, rgba(255, 89, 120, 0.15), rgba(111, 74, 255, 0.15));
|
|
border-radius: var(--radius-xs);
|
|
}
|
|
|
|
.link__2ea32 {
|
|
border-radius: var(--radius-sm);
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding-right: 8px;
|
|
padding-left: 8px;
|
|
padding-top: var(--space-xxs);
|
|
padding-inline: var(--space-xs); padding-bottom: var(--space-xxs);
|
|
position: relative;
|
|
}
|
|
|
|
.link__2ea32::before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
top: -1px;
|
|
inset-inline: 0px;
|
|
bottom: -1px;
|
|
}
|
|
|
|
.basicChannelRowLink__2ea32 {
|
|
min-height: 24px;
|
|
}
|
|
|
|
.linkTop__2ea32 {
|
|
gap: var(--space-xs);
|
|
justify-content: center;
|
|
}
|
|
|
|
.linkBottom__2ea32, .linkTop__2ea32 {
|
|
align-items: center;
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
|
|
.linkBottom__2ea32 {
|
|
margin-inline-start: calc(20px + var(--space-xs)); }
|
|
|
|
.linkBottom__2ea32.withGuildIcon__2ea32 {
|
|
margin-inline-start: 38px;
|
|
}
|
|
|
|
.name__2ea32 {
|
|
flex: 1 1 auto;
|
|
font-size: 16px;
|
|
font-weight: var(--font-weight-medium);
|
|
line-height: var(--channels-name-line-height);
|
|
}
|
|
|
|
.name__2ea32, .subtitle__2ea32 {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.unread__2ea32 {
|
|
background-color: var(--channels-default);
|
|
border-radius: 0 var(--radius-xs) var(--radius-xs) 0;
|
|
height: 8px;
|
|
inset-inline-start: calc(var(--space-xs)*-1 + 1px);
|
|
margin-top: -4px;
|
|
position: absolute;
|
|
top: 50%;
|
|
width: 4px;
|
|
}
|
|
|
|
.unread__2ea32.unreadWithHangStatus__2ea32 {
|
|
top: 25%;
|
|
}
|
|
|
|
.children__2ea32 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 0 0 auto;
|
|
justify-content: center;
|
|
}
|
|
|
|
.modeMuted__2ea32 .icon__2ea32 {
|
|
color: var(--icon-muted);
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.modeMuted__2ea32 .name__2ea32 {
|
|
color: var(--text-muted);
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.modeMuted__2ea32 .acronym__2ea32, .modeMuted__2ea32 .iconWithGuildIcon__2ea32 {
|
|
background: var(--background-mod-muted);
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.theme-dark.custom-theme-background.custom-client-theme .modeMuted__2ea32 .icon__2ea32, .theme-dark.custom-theme-background.custom-client-theme .modeMuted__2ea32 .name__2ea32 {
|
|
color: color-mix(in oklab,var(--text-muted) 40%,transparent);
|
|
}
|
|
|
|
.theme-dark.custom-theme-background.custom-client-theme .modeMuted__2ea32:hover .icon__2ea32, .theme-dark.custom-theme-background.custom-client-theme .modeMuted__2ea32:hover .name__2ea32 {
|
|
color: var(--interactive-text-hover);
|
|
}
|
|
|
|
.modeSelected__2ea32 .icon__2ea32, .modeSelected__2ea32:hover .icon__2ea32 {
|
|
color: var(--channel-icon);
|
|
}
|
|
|
|
.modeUnreadImportant__2ea32 .icon__2ea32, .modeUnreadImportant__2ea32:hover .icon__2ea32 {
|
|
color: var(--icon-subtle);
|
|
}
|
|
|
|
.wrapper__2ea32:hover .link__2ea32 {
|
|
background: var(--interactive-background-hover);
|
|
}
|
|
|
|
.wrapper__2ea32:active .link__2ea32 {
|
|
background: var(--background-modifier-active,var(--interactive-background-active));
|
|
}
|
|
|
|
.modeUnreadImportant__2ea32 .iconWithGuildIcon__2ea32, .modeUnreadImportant__2ea32:hover .iconWithGuildIcon__2ea32 {
|
|
color: var(--text-subtle);
|
|
}
|
|
|
|
.modeSelected__2ea32 .iconWithGuildIcon__2ea32, .modeSelected__2ea32:hover .iconWithGuildIcon__2ea32 {
|
|
background: var(--interactive-text-default);
|
|
color: var(--background-base-lower);
|
|
}
|
|
|
|
.modeSelected__2ea32 .acronym__2ea32, .modeSelected__2ea32:hover .acronym__2ea32 {
|
|
background: var(--brand-500);
|
|
color: var(--white);
|
|
}
|
|
|
|
.modeSelected__2ea32 .link__2ea32, .modeSelected__2ea32:hover .link__2ea32 {
|
|
background: var(--interactive-background-selected);
|
|
}
|
|
|
|
.name__2ea32 {
|
|
color: var(--channels-default);
|
|
}
|
|
|
|
.modeMuted__2ea32:hover .name__2ea32, .wrapper__2ea32:hover .name__2ea32 {
|
|
color: var(--interactive-text-hover);
|
|
}
|
|
|
|
.modeConnected__2ea32 .name__2ea32, .modeConnected__2ea32:hover .name__2ea32, .modeSelected__2ea32 .name__2ea32, .modeSelected__2ea32:hover .name__2ea32, .modeUnreadImportant__2ea32 .name__2ea32, .modeUnreadImportant__2ea32:hover .name__2ea32, .notInteractive__2ea32.modeConnected__2ea32 .name__2ea32, .notInteractive__2ea32.modeSelected__2ea32 .name__2ea32 {
|
|
color: var(--interactive-text-active);
|
|
font-weight: var(--font-weight-semibold-1x-light-theme,500);
|
|
}
|
|
|
|
.high-contrast-mode .modeConnected__2ea32 .name__2ea32, .high-contrast-mode .modeConnected__2ea32:hover .name__2ea32, .high-contrast-mode .modeSelected__2ea32 .name__2ea32, .high-contrast-mode .modeSelected__2ea32:hover .name__2ea32, .high-contrast-mode .modeUnreadImportant__2ea32 .name__2ea32, .high-contrast-mode .modeUnreadImportant__2ea32:hover .name__2ea32 {
|
|
font-weight: var(--font-weight-semibold);
|
|
}
|
|
|
|
.unreadImportant__2ea32 {
|
|
background-color: var(--interactive-text-active);
|
|
}
|
|
|
|
.numberBadge__2ea32 {
|
|
background-color: var(--background-mod-strong);
|
|
}
|
|
|
|
.newBadge__2ea32 {
|
|
color: var(--brand-560);
|
|
}
|
|
|
|
@media (max-width: 485px) {
|
|
.modeSelected__2ea32 .link__2ea32 {
|
|
background-color: unset;
|
|
}
|
|
}
|
|
|
|
.modeConnected__2ea32 .name__2ea32, .modeConnected__2ea32:hover .name__2ea32, .modeSelected__2ea32 .name__2ea32, .modeSelected__2ea32:hover .name__2ea32 {
|
|
color: var(--text-strong);
|
|
}
|
|
|
|
.modeConnected__2ea32 .icon__2ea32, .modeConnected__2ea32:hover .icon__2ea32, .modeSelected__2ea32 .icon__2ea32, .modeSelected__2ea32:hover .icon__2ea32 {
|
|
color: var(--icon-strong);
|
|
}
|
|
|
|
.activeEvent__2ea32 {
|
|
color: var(--text-feedback-positive) !important;
|
|
}
|
|
|
|
[data-favorites="true"] .iconContainer__2ea32:has(.iconWithGuildIcon__2ea32) {
|
|
height: auto;
|
|
width: auto;
|
|
}
|
|
|
|
.children__2ea32:empty {
|
|
display: none;
|
|
}
|
|
|
|
:where(.refresh-fast-follow-avatars) .wrapper__2ea32 {
|
|
margin-inline-start: min(var(--space-xs),var(--space-8)); }
|
|
|
|
.enable-forced-colors .unread__2ea32 {
|
|
background-color: highlight;
|
|
height: 10px;
|
|
margin-top: -5px;
|
|
outline: canvas solid 1px;
|
|
width: 6px;
|
|
}
|
|
|
|
.enable-forced-colors .icon__2ea32, .enable-forced-colors .name__2ea32 {
|
|
color: inherit;
|
|
}
|
|
|
|
.enable-forced-colors .link__2ea32 {
|
|
background-color: buttonface;
|
|
border: 1px solid buttonface;
|
|
}
|
|
|
|
.enable-forced-colors .icon__2ea32, .enable-forced-colors .name__2ea32, .enable-forced-colors .topContent__2ea32 {
|
|
color: buttontext;
|
|
forced-color-adjust: none;
|
|
}
|
|
|
|
.enable-forced-colors .wrapper__2ea32:hover .link__2ea32 {
|
|
background-color: buttonface;
|
|
border-color: buttontext;
|
|
}
|
|
|
|
.enable-forced-colors .wrapper__2ea32:hover .icon__2ea32, .enable-forced-colors .wrapper__2ea32:hover .name__2ea32, .enable-forced-colors .wrapper__2ea32:hover .topContent__2ea32 {
|
|
color: buttontext;
|
|
}
|
|
|
|
.enable-forced-colors .modeSelected__2ea32 .link__2ea32, .enable-forced-colors .modeSelected__2ea32:hover .link__2ea32 {
|
|
background-color: highlight;
|
|
border-color: highlighttext;
|
|
}
|
|
|
|
.enable-forced-colors .modeSelected__2ea32 .icon__2ea32, .enable-forced-colors .modeSelected__2ea32 .name__2ea32, .enable-forced-colors .modeSelected__2ea32 .topContent__2ea32, .enable-forced-colors .modeSelected__2ea32:hover .icon__2ea32, .enable-forced-colors .modeSelected__2ea32:hover .name__2ea32, .enable-forced-colors .modeSelected__2ea32:hover .topContent__2ea32 {
|
|
color: highlighttext;
|
|
}
|
|
|
|
.enable-forced-colors .modeMuted__2ea32 {
|
|
opacity: 0.4;
|
|
}
|
|
|
|
.enable-forced-colors .modeMuted__2ea32:focus, .enable-forced-colors .modeMuted__2ea32:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
.channelNameContainer__711d3, .label__711d3 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 4px;
|
|
}
|
|
|
|
.channelName__711d3 {
|
|
max-width: 140px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.recentChannelsMenu__711d3 {
|
|
background: rgb(18, 18, 20);
|
|
border: 1px solid rgba(152, 152, 160, 0.035);
|
|
border-radius: 16px;
|
|
box-shadow: var(--shadow-high);
|
|
max-height: 500px;
|
|
overflow: hidden;
|
|
padding: 8px;
|
|
width: 360px;
|
|
}
|
|
|
|
.recentChannelsMenuHeader__711d3 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1 1 0%;
|
|
flex-direction: row;
|
|
margin-bottom: 2px;
|
|
padding: 0px 12px;
|
|
}
|
|
|
|
.channelMenuSubContainer__711d3 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-flow: row;
|
|
gap: 8px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.icon__711d3 {
|
|
width: auto;
|
|
}
|
|
|
|
.guildIconWrapper__711d3 {
|
|
align-items: center;
|
|
background: var(--background-surface-highest);
|
|
display: flex;
|
|
height: 32px;
|
|
justify-content: center;
|
|
width: 32px;
|
|
}
|
|
|
|
.overflowCount__711d3 {
|
|
max-height: 22px;
|
|
max-width: 24px;
|
|
}
|
|
|
|
.channelItemContainer__711d3 {
|
|
align-items: center;
|
|
background-color: transparent;
|
|
border-radius: 8px;
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 12px;
|
|
height: 48px;
|
|
justify-content: space-between;
|
|
margin-bottom: 2px;
|
|
min-width: 0px;
|
|
overflow: hidden;
|
|
padding: 6px;
|
|
padding-inline-start: 0px; transition: border-color 0.1s ease-in-out;
|
|
width: calc(100% - 16px);
|
|
}
|
|
|
|
.channelItemContainer__711d3.channelItemHighlighted__711d3, .channelItemContainer__711d3:hover {
|
|
background-color: var(--background-mod-strong);
|
|
}
|
|
|
|
.searchBarContainer__711d3 {
|
|
padding-bottom: 16px;
|
|
}
|
|
|
|
.emptyChannelItem__711d3 {
|
|
border-radius: 8px;
|
|
padding: 12px;
|
|
text-align: center;
|
|
}
|
|
|
|
.channelItemIcon__711d3, .emptyChannelItem__711d3 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
.channelItemNameContainer__711d3 {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
flex: 1 1 0%;
|
|
flex-direction: column;
|
|
gap: 0px;
|
|
min-width: 0px;
|
|
}
|
|
|
|
.channelItemName__711d3 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 4px;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.channelIcon__711d3 {
|
|
min-width: 16px;
|
|
}
|
|
|
|
.channelItemNameText__711d3 {
|
|
max-width: 100%;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.channelItemAvatars__711d3 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 4px;
|
|
padding-inline-end: 4px; }
|
|
|
|
.channelList__711d3 {
|
|
max-height: 360px;
|
|
}
|
|
|
|
.channelListWrapper__711d3 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 12px;
|
|
}
|
|
|
|
.avatarWrapper__69074 {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.root_df7f81 {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
overflow: visible;
|
|
position: relative;
|
|
}
|
|
|
|
.mainGuildImage_df7f81, .mainIcon_df7f81 {
|
|
border-radius: var(--radius-sm);
|
|
}
|
|
|
|
.mainGuildImage_df7f81 {
|
|
display: block;
|
|
}
|
|
|
|
.acronym_df7f81 {
|
|
background-color: rgba(19, 19, 24, 0.95);
|
|
color: var(--white);
|
|
font-weight: var(--font-weight-medium);
|
|
line-height: 0.8em;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.acronym_df7f81, .guildIconContainer_df7f81 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
.guildIconContainer_df7f81 {
|
|
bottom: 0px;
|
|
inset-inline-end: 0px;
|
|
overflow: visible;
|
|
position: absolute;
|
|
}
|
|
|
|
.guildIcon40_df7f81 {
|
|
height: 20px;
|
|
width: 20px;
|
|
}
|
|
|
|
.guildIcon32_df7f81 {
|
|
height: 16px;
|
|
width: 16px;
|
|
}
|
|
|
|
.guildIcon24_df7f81 {
|
|
height: 12px;
|
|
width: 12px;
|
|
}
|
|
|
|
.typingMaskWrapper_df7f81 {
|
|
overflow: visible;
|
|
position: relative;
|
|
}
|
|
|
|
.typingMaskSvg_df7f81 {
|
|
inset: 0px;
|
|
overflow: visible;
|
|
position: absolute;
|
|
}
|
|
|
|
.typingIndicator_df7f81 {
|
|
pointer-events: none;
|
|
position: absolute;
|
|
}
|
|
|
|
.channelTypingStatusFill_df7f81 {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center;
|
|
line-height: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.messagePreviewLine__7c4a2 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: var(--space-4);
|
|
overflow: hidden;
|
|
}
|
|
|
|
.messageContent__7c4a2 {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.messageContent__7c4a2 > strong {
|
|
font-weight: var(--font-weight-medium);
|
|
}
|
|
|
|
.messageContentTrailingIcon__7c4a2 {
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.colorTextFeedbackPositive__7c4a2 {
|
|
color: var(--text-feedback-positive);
|
|
}
|
|
|
|
.container__394db {
|
|
align-items: center;
|
|
display: block;
|
|
flex: 1 1 auto;
|
|
overflow: hidden;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.container__394db .chipletContainer__394db {
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.container__394db .chipletParent__394db {
|
|
display: inline;
|
|
overflow: hidden;
|
|
padding-inline-start: 4px; position: relative;
|
|
}
|
|
|
|
.container__394db .usernameContainer__394db {
|
|
display: inline-block;
|
|
flex: 1 1 0%;
|
|
margin-top: 2px;
|
|
max-width: 100%;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.container__394db.isOverlayContainer__394db {
|
|
align-content: center;
|
|
background: var(--background-base-low);
|
|
border-radius: 4px;
|
|
display: flex;
|
|
flex: 0 0 auto;
|
|
flex-direction: row;
|
|
height: 20px;
|
|
}
|
|
|
|
.container__394db.isOverlayContainer__394db .usernameContainer__394db {
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.container__394db.isOverlayContainer__394db .chipletContainer__394db, .container__394db.isOverlayContainer__394db .chipletParent__394db {
|
|
align-content: center;
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
|
|
.container__394db.isOverlayContainer__394db .chipletContainer__394db {
|
|
margin: 0px;
|
|
padding: 1.5px;
|
|
}
|
|
|
|
.container__394db.isOverlayContainer__394db .chipletContainer__394db.noPadding__394db {
|
|
padding: 0px;
|
|
}
|
|
|
|
.isOverlayTag__394db {
|
|
margin: 0px;
|
|
}
|
|
|
|
.avatarWrapper_d8a370 {
|
|
align-items: center;
|
|
display: inline-flex;
|
|
flex: 0 0 auto;
|
|
justify-content: center;
|
|
position: relative;
|
|
}
|
|
|
|
.ring_d8a370 {
|
|
border-radius: 50%;
|
|
inset: -3px;
|
|
mask: radial-gradient(farthest-side, transparent calc(100% - 2px), rgb(0, 0, 0) calc(100% - 1px));
|
|
pointer-events: none;
|
|
position: absolute;
|
|
transform: rotate(-90deg);
|
|
}
|
|
|
|
.expandedUsersContainer_e72588 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 2px;
|
|
padding-inline: 56px 12px; padding-bottom: 8px;
|
|
}
|
|
|
|
.expandedUsersRow_e72588 {
|
|
border-radius: var(--radius-sm);
|
|
height: 24px;
|
|
padding: 4px;
|
|
}
|
|
|
|
.expandedUsersRow_e72588:hover {
|
|
background-color: var(--interactive-background-hover);
|
|
}
|
|
|
|
.expandedUsersRow_e72588:active {
|
|
background-color: var(--interactive-background-active);
|
|
}
|
|
|
|
.facepileContainer_e72588 {
|
|
justify-content: center;
|
|
min-width: 24px;
|
|
position: relative;
|
|
}
|
|
|
|
.expandedUserRow_e72588, .facepileContainer_e72588 {
|
|
align-items: center;
|
|
display: flex;
|
|
min-height: 24px;
|
|
}
|
|
|
|
.expandedUserRow_e72588 {
|
|
gap: 6px;
|
|
}
|
|
|
|
.expandedUserName_e72588 {
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.expandedUserName_e72588, .expandedUserNameContainer_e72588 {
|
|
min-width: 0px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.expandedUserNameContainer_e72588 {
|
|
flex: 1 1 0%;
|
|
}
|
|
|
|
.actionsRow_e72588, .expandedUserNameContainer_e72588 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 4px;
|
|
}
|
|
|
|
.actionsRow_e72588 {
|
|
flex-direction: row;
|
|
}
|
|
|
|
.voiceIcons_e72588 {
|
|
align-items: center;
|
|
display: inline-flex;
|
|
flex-shrink: 0;
|
|
gap: 4px;
|
|
}
|
|
|
|
.voiceIcon_e72588 {
|
|
height: 14px;
|
|
width: 14px;
|
|
}
|
|
|
|
.container__50c27 {
|
|
background-color: rgb(18, 18, 20);
|
|
border: 1px solid rgba(152, 152, 160, 0.035);
|
|
border-radius: 12px;
|
|
box-shadow: var(--shadow-border) var(--shadow-high);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex: 1 1 0%;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: 100%;
|
|
z-index: 2;
|
|
}
|
|
|
|
.content__50c27 {
|
|
display: flex;
|
|
}
|
|
|
|
.content__50c27, .list__50c27 {
|
|
flex: 1 1 auto;
|
|
min-height: 0px;
|
|
min-width: 0px;
|
|
}
|
|
|
|
.list__50c27 {
|
|
overflow: auto;
|
|
}
|
|
|
|
.emptyWidgetContainer_cc1cc5 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: calc(100% - 32px);
|
|
justify-content: center;
|
|
padding: 16px;
|
|
width: calc(100% - 32px);
|
|
}
|
|
|
|
.emptyWidgetContainer_cc1cc5.absolute_cc1cc5 {
|
|
position: absolute;
|
|
top: 0px;
|
|
inset-inline: 0px;
|
|
bottom: 0px;
|
|
}
|
|
|
|
.emptyWidgetIcon_cc1cc5 {
|
|
opacity: 0.24;
|
|
}
|
|
|
|
.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 0.4s ease-in-out;
|
|
}
|
|
|
|
.bottomPanelButton_ef5082 {
|
|
padding-top: 12px;
|
|
}
|
|
|
|
.topPanelToggle_ef5082 {
|
|
padding-bottom: 12px;
|
|
}
|
|
|
|
.secondaryInfoText_ef5082 {
|
|
margin-inline-start: 8px; }
|
|
|
|
.panel_fe7ab2 {
|
|
flex: 1 1 0%;
|
|
min-height: 0px;
|
|
}
|
|
|
|
.header_fe7ab2 {
|
|
margin: 16px 0px 8px;
|
|
}
|
|
|
|
.headerBar_fe7ab2 {
|
|
box-shadow: var(--elevation-low);
|
|
}
|
|
|
|
.headerTitle_fe7ab2 {
|
|
flex: 1 1 0%;
|
|
}
|
|
|
|
.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: 0px;
|
|
inset-inline-start: 0px;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0px;
|
|
visibility: hidden;
|
|
width: 0px;
|
|
}
|
|
|
|
.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 1 0%;
|
|
flex-direction: column;
|
|
min-height: 0px;
|
|
}
|
|
|
|
.tableHeader_fe7ab2 {
|
|
background: var(--background-base-lower);
|
|
height: 24px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.tableHeader_fe7ab2, .tableRow_fe7ab2 {
|
|
align-items: center;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.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 0.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: 0px 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 0px;
|
|
}
|
|
|
|
.premiumStreakOverride_fe7ab2 {
|
|
margin-top: 12px;
|
|
}
|
|
|
|
.lineClamp__0b48b {
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.hoverCard_fdda30 {
|
|
cursor: pointer;
|
|
transition: box-shadow, transform 0.2s;
|
|
}
|
|
|
|
.hoverCard_fdda30:focus-within, .hoverCard_fdda30:hover {
|
|
box-shadow: var(--shadow-high);
|
|
transform: translateY(-4px);
|
|
}
|
|
|
|
.notice__29487 {
|
|
align-items: center;
|
|
background: linear-gradient(90deg,var(--color-scoped-expressive-background-nitro-1-start,rgba(179,38,156,.7)) 0,var(--color-scoped-expressive-background-nitro-1-end,rgba(20,20,203,.7)) 100%),var(--background-base-lowest);
|
|
display: flex;
|
|
height: 54px;
|
|
position: relative;
|
|
z-index: 101;
|
|
}
|
|
|
|
@supports not ((grid-template-columns: subgrid) and (white-space-collapse:collapse)) {
|
|
.notice__29487 {
|
|
border-start-start-radius: 0px;
|
|
}
|
|
}
|
|
|
|
@supports (grid-template-columns: subgrid) and (white-space-collapse:collapse) {
|
|
.notice__29487 {
|
|
grid-area: notice;
|
|
}
|
|
}
|
|
|
|
.noticeContent__29487 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1 1 0%;
|
|
gap: var(--space-16);
|
|
justify-content: center;
|
|
}
|
|
|
|
.noticeText__29487 strong {
|
|
font-weight: var(--font-weight-semibold);
|
|
}
|
|
|
|
.closeButton__29487 {
|
|
margin-inline: auto var(--space-12); }
|
|
|
|
.premiumIcon_b68a35 {
|
|
height: 24px;
|
|
margin-inline-end: 8px; position: relative;
|
|
top: 6px;
|
|
width: 24px;
|
|
}
|
|
|
|
.platformIcon_b68a35 {
|
|
display: inline-block;
|
|
height: 28px;
|
|
margin-top: -4px;
|
|
margin-inline-end: 10px; position: relative;
|
|
vertical-align: middle;
|
|
width: 28px;
|
|
}
|
|
|
|
.platformIcon_b68a35 + .platformIcon_b68a35 {
|
|
margin-inline-start: -10px; }
|
|
|
|
.giftIcon_b68a35 {
|
|
margin-inline-end: 4px; vertical-align: text-bottom;
|
|
}
|
|
|
|
.icon_b68a35 {
|
|
display: inline-block;
|
|
height: 20px;
|
|
margin-inline-start: 10px; margin-top: -3px;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
width: 20px;
|
|
}
|
|
|
|
.icon_b68a35 + .icon_b68a35 {
|
|
margin-inline-start: 6px; }
|
|
|
|
.iconWindows_b68a35 {
|
|
mask-image: url("/assets/20dd0e244b9a7065.svg");
|
|
}
|
|
|
|
.iconApple_b68a35, .iconWindows_b68a35 {
|
|
background-color: currentcolor;
|
|
}
|
|
|
|
.iconApple_b68a35 {
|
|
mask-image: url("/assets/d11dc1928431aa27.svg");
|
|
}
|
|
|
|
.iconAndroid_b68a35 {
|
|
background-color: currentcolor;
|
|
mask-image: url("/assets/f625814fc53c325e.svg");
|
|
}
|
|
|
|
.iconUSFlag_b68a35 {
|
|
background-image: url("/assets/423c2b95bd0fdafb.png");
|
|
background-position: center top;
|
|
background-repeat: no-repeat;
|
|
background-size: 85%;
|
|
margin-inline-end: 7px; margin-top: 0px;
|
|
}
|
|
|
|
.icon_b68a35 + .btn_b68a35 {
|
|
margin-inline-start: 20px; }
|
|
|
|
.textLink_b68a35 {
|
|
color: var(--white);
|
|
padding-inline-start: 10px; text-decoration: underline;
|
|
app-region: no-drag;
|
|
}
|
|
|
|
.textLinkSmall_b68a35 {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.testModeSKUSelector_b68a35 {
|
|
height: 24px;
|
|
margin-inline-start: 16px; }
|
|
|
|
.premiumLogo_b68a35 {
|
|
background-image: url("/assets/a3541a1173e706be.svg");
|
|
background-repeat: no-repeat;
|
|
background-size: 100%;
|
|
display: inline-block;
|
|
height: 13px;
|
|
margin-inline-end: 20px; position: relative;
|
|
top: 2px;
|
|
width: 51px;
|
|
}
|
|
|
|
.premiumText_b68a35 {
|
|
font-weight: var(--font-weight-medium);
|
|
}
|
|
|
|
.premiumAction_b68a35 {
|
|
margin-inline-start: 20px; }
|
|
|
|
.ellipsis_b68a35 {
|
|
margin-inline-start: 7px; }
|
|
|
|
.quarantineLearnMoreLink_b68a35 {
|
|
margin-inline-start: 10px; text-decoration: underline;
|
|
}
|
|
|
|
.errorCodeNoticeText_b68a35 {
|
|
margin-inline-start: var(--space-8); }
|
|
|
|
.errorCodeNoticeClickable_b68a35 {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.text__7b750 {
|
|
display: inline-block;
|
|
}
|
|
|
|
.text__7b750, .text__7b750 a {
|
|
color: currentcolor;
|
|
}
|
|
|
|
.text__7b750 a {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.premiumIcon__7b750 {
|
|
height: 24px;
|
|
margin-inline-end: 8px; position: relative;
|
|
top: 6px;
|
|
width: 24px;
|
|
}
|
|
|
|
.notice__36c3e {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
}
|
|
|
|
.guildIcon__36c3e {
|
|
margin-inline-end: 8px; }
|
|
|
|
.guildName__36c3e {
|
|
color: inherit;
|
|
}
|
|
|
|
.guildName__36c3e:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.actionButton__36c3e {
|
|
margin-inline-start: 12px; top: 0px;
|
|
}
|
|
|
|
.actionButtonInner__36c3e {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 4px;
|
|
}
|
|
|
|
.notice__30f28 {
|
|
align-items: center;
|
|
background-color: var(--brand-600);
|
|
box-shadow: none;
|
|
color: var(--white);
|
|
display: flex;
|
|
height: 40px;
|
|
justify-content: center;
|
|
padding: 0px 8px;
|
|
}
|
|
|
|
.notice__30f28.error__30f28 {
|
|
background-color: var(--background-feedback-critical);
|
|
}
|
|
|
|
.button__30f28 {
|
|
align-items: center;
|
|
font-weight: var(--font-weight-semibold);
|
|
height: fit-content;
|
|
padding: 4px 8px;
|
|
}
|
|
|
|
.button__30f28:hover {
|
|
background-color: var(--brand-530);
|
|
}
|
|
|
|
.error__30f28 > .button__30f28:hover {
|
|
background-color: var(--red-430);
|
|
}
|
|
|
|
.header__30f28 {
|
|
color: var(--white);
|
|
display: inline;
|
|
margin-inline-end: 16px; }
|
|
|
|
.backButtonInner__84419 {
|
|
display: flex;
|
|
gap: 8px;
|
|
padding: 2px 0px;
|
|
}
|
|
|
|
.backButton__84419:hover {
|
|
background-color: var(--brand-530);
|
|
}
|
|
|
|
.backNotice__84419 {
|
|
background-color: var(--brand-600);
|
|
border-radius: 0px;
|
|
padding: 8px;
|
|
}
|
|
|
|
.closeButton__84419 {
|
|
height: 100%;
|
|
}
|
|
|
|
.notice_c5cd6a {
|
|
background-color: var(--brand-600);
|
|
color: var(--white);
|
|
display: flex;
|
|
height: 40px;
|
|
justify-content: center;
|
|
padding: 0px 8px;
|
|
}
|
|
|
|
.button_c5cd6a, .notice_c5cd6a {
|
|
align-items: center;
|
|
}
|
|
|
|
.button_c5cd6a {
|
|
font-weight: var(--font-weight-semibold);
|
|
height: fit-content;
|
|
padding: 4px 8px;
|
|
}
|
|
|
|
.button_c5cd6a:hover {
|
|
background-color: var(--brand-530);
|
|
}
|
|
|
|
.back_c5cd6a {
|
|
bottom: 0px;
|
|
height: 24px;
|
|
inset-inline-start: 8px;
|
|
margin: auto;
|
|
position: absolute;
|
|
top: 0px;
|
|
}
|
|
|
|
.iconButton_c5cd6a {
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
|
|
.arrow_c5cd6a {
|
|
margin-inline-end: 8px; }
|
|
|
|
.header_c5cd6a {
|
|
color: var(--white);
|
|
display: inline;
|
|
margin-inline-end: 16px; }
|
|
|
|
.container__477aa {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: var(--space-12);
|
|
justify-content: center;
|
|
}
|
|
|
|
.buttonGroup__477aa {
|
|
margin: var(--space-4) 0;
|
|
width: unset;
|
|
}
|
|
|
|
.blocked__477aa {
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
|
|
.blockedIcon__477aa {
|
|
margin-inline: var(--space-12) var(--space-4); }
|
|
|
|
.blockedText__477aa {
|
|
font-size: 12px;
|
|
font-weight: var(--font-weight-normal);
|
|
}
|
|
|
|
.noIcon__477aa {
|
|
margin-inline-start: var(--space-12); }
|
|
|
|
.actionContainer_bc4513 {
|
|
background-color: var(--background-mod-normal);
|
|
border-radius: 80px;
|
|
flex-direction: row;
|
|
padding-inline: 6px 8px; padding-bottom: 4px;
|
|
padding-top: 4px;
|
|
}
|
|
|
|
.actionContainer_bc4513, .actionIconContainer_bc4513 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
.actionIconContainer_bc4513 {
|
|
height: 16px;
|
|
margin-inline-end: 4px; width: 16px;
|
|
}
|
|
|
|
.actionIcon_bc4513 {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.actionTextContainer_bc4513 {
|
|
flex: 1 1 0%;
|
|
}
|
|
|
|
.actionTextHeader_bc4513 {
|
|
overflow-wrap: normal;
|
|
text-transform: lowercase;
|
|
}
|
|
|
|
.actionTextHelper_bc4513 {
|
|
margin-inline-start: 4px; text-transform: lowercase;
|
|
}
|
|
|
|
.pill_a2c9e8 {
|
|
align-items: center;
|
|
background-color: var(--control-secondary-background-default);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: 20px;
|
|
box-sizing: border-box;
|
|
color: var(--control-secondary-text-default);
|
|
display: inline-flex;
|
|
height: 32px;
|
|
overflow: hidden;
|
|
padding: 0px 12px;
|
|
}
|
|
|
|
.pill_a2c9e8.clickable_a2c9e8:not(.disabled_a2c9e8):hover {
|
|
background-color: var(--control-secondary-background-hover);
|
|
cursor: pointer;
|
|
}
|
|
|
|
.pill_a2c9e8.disabled_a2c9e8 {
|
|
cursor: not-allowed;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.pill_a2c9e8.small_a2c9e8 {
|
|
height: 24px;
|
|
padding: 0px 8px;
|
|
}
|
|
|
|
.pill_a2c9e8.clickable_a2c9e8:not(.disabled_a2c9e8):active {
|
|
background-color: var(--control-secondary-background-active);
|
|
cursor: pointer;
|
|
}
|
|
|
|
.pill_a2c9e8.selected_a2c9e8 {
|
|
background-color: var(--message-reacted-background-default);
|
|
color: var(--message-reacted-text-default);
|
|
}
|
|
|
|
.pill_a2c9e8.selected_a2c9e8:not(.disabled_a2c9e8):hover {
|
|
background-color: var(--opacity-blurple-32);
|
|
}
|
|
|
|
.pill_a2c9e8.selected_a2c9e8:not(.disabled_a2c9e8):active {
|
|
background-color: var(--opacity-blurple-12);
|
|
}
|
|
|
|
.pill_a2c9e8.danger_a2c9e8 {
|
|
background-color: var(--background-feedback-critical);
|
|
border-color: var(--border-feedback-critical);
|
|
color: var(--text-feedback-critical);
|
|
}
|
|
|
|
.pill_a2c9e8.success_a2c9e8 {
|
|
background-color: var(--background-feedback-positive);
|
|
color: var(--text-feedback-positive);
|
|
}
|
|
|
|
.pill_a2c9e8.success_a2c9e8, .pill_a2c9e8.warning_a2c9e8 {
|
|
border-color: var(--border-subtle);
|
|
}
|
|
|
|
.pill_a2c9e8.warning_a2c9e8 {
|
|
background-color: var(--background-feedback-warning);
|
|
color: var(--text-feedback-warning);
|
|
}
|
|
|
|
.theme-light .pill_a2c9e8.selected_a2c9e8 {
|
|
background-color: var(--brand-160);
|
|
border-color: var(--brand-500);
|
|
}
|
|
|
|
.theme-dark .pill_a2c9e8.selected_a2c9e8 {
|
|
background-color: var(--brand-15a);
|
|
border-color: var(--brand-500);
|
|
}
|
|
|
|
.emoji_a2c9e8 {
|
|
height: 14px;
|
|
margin-inline-end: 6px; width: 14px;
|
|
}
|
|
|
|
.emoji_a2c9e8.small_a2c9e8 {
|
|
height: 12px;
|
|
width: 12px;
|
|
}
|
|
|
|
.closeCircle_a2c9e8 {
|
|
align-items: center;
|
|
background-color: var(--background-surface-high);
|
|
border-radius: 50%;
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
justify-content: center;
|
|
}
|
|
|
|
.close_a2c9e8 {
|
|
color: var(--text-strong);
|
|
height: 12px;
|
|
width: 12px;
|
|
}
|
|
|
|
.tooltipPill_a2c9e8 {
|
|
margin: 4px 2px;
|
|
}
|
|
|
|
.full-motion .pill_a2c9e8 {
|
|
transition: background-color 0.2s;
|
|
}
|
|
|
|
.container__0e476 {
|
|
background-color: var(--input-background-default);
|
|
border: 1px solid var(--input-border-default);
|
|
border-radius: var(--radius-sm);
|
|
flex-shrink: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.container__0e476, .inner__0e476 {
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
}
|
|
|
|
.inner__0e476 {
|
|
flex: 1 1 auto;
|
|
flex-flow: wrap;
|
|
padding: 1px;
|
|
position: relative;
|
|
}
|
|
|
|
.disabled__0e476 .inner__0e476 {
|
|
opacity: 0.3;
|
|
}
|
|
|
|
.input__0e476 {
|
|
appearance: none;
|
|
background: transparent;
|
|
border: none;
|
|
box-sizing: border-box;
|
|
color: var(--text-default);
|
|
flex: 1 1 0%;
|
|
margin: 1px;
|
|
min-width: 48px;
|
|
resize: none;
|
|
}
|
|
|
|
.input__0e476::-webkit-input-placeholder {
|
|
color: var(--input-placeholder-text-default);
|
|
opacity: 1;
|
|
}
|
|
|
|
.disabled__0e476 .input__0e476 {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.tag__0e476 {
|
|
align-items: center;
|
|
background-color: var(--background-mod-normal);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: 5px;
|
|
box-sizing: border-box;
|
|
color: var(--text-default);
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin: 1px;
|
|
text-align: center;
|
|
transition: none;
|
|
}
|
|
|
|
.tag__0e476:hover {
|
|
background-color: var(--background-mod-strong);
|
|
opacity: 1;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.small__0e476 .input__0e476, .small__0e476 .tag__0e476 {
|
|
font-size: 14px;
|
|
font-weight: var(--font-weight-medium);
|
|
height: 20px;
|
|
line-height: 20px;
|
|
padding: 0px 4px;
|
|
}
|
|
|
|
.medium__0e476 .input__0e476, .medium__0e476 .tag__0e476 {
|
|
font-size: 16px;
|
|
height: 30px;
|
|
line-height: 32px;
|
|
padding: 0px 8px;
|
|
}
|
|
|
|
.large__0e476 .input__0e476, .large__0e476 .tag__0e476 {
|
|
font-size: 20px;
|
|
height: 38px;
|
|
line-height: 40px;
|
|
padding: 0px 16px;
|
|
}
|
|
|
|
.richTag__0e476 {
|
|
background-color: var(--background-mod-normal);
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.medium__0e476 .richTag__0e476, .medium__0e476 .richTagInput__0e476 {
|
|
height: 26px;
|
|
line-height: 24px;
|
|
margin: 3px 0px;
|
|
margin-inline-start: 3px; }
|
|
|
|
.large__0e476 .richTag__0e476, .large__0e476 .richTagInput__0e476 {
|
|
height: 32px;
|
|
line-height: 30px;
|
|
margin: 4px 0px;
|
|
margin-inline-start: 4px; }
|
|
|
|
.tagLabel__0e476 {
|
|
overflow: hidden;
|
|
padding-inline-start: 6px; text-overflow: ellipsis;
|
|
}
|
|
|
|
.tagRoleColor__0e476 {
|
|
border-radius: 50%;
|
|
flex-shrink: 0;
|
|
height: 8px;
|
|
width: 8px;
|
|
}
|
|
|
|
.close__0e476 {
|
|
height: 12px;
|
|
margin-inline-start: 4px; width: 12px;
|
|
}
|
|
|
|
.close__0e476, .iconLayout__0e476 {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.iconLayout__0e476 {
|
|
align-items: center;
|
|
cursor: text;
|
|
display: flex;
|
|
height: 22px;
|
|
justify-content: center;
|
|
width: 22px;
|
|
}
|
|
|
|
.medium__0e476.iconLayout__0e476 {
|
|
height: 32px;
|
|
width: 32px;
|
|
}
|
|
|
|
.large__0e476.iconLayout__0e476 {
|
|
height: 40px;
|
|
width: 40px;
|
|
}
|
|
|
|
.iconContainer__0e476 {
|
|
box-sizing: border-box;
|
|
height: 16px;
|
|
position: relative;
|
|
width: 16px;
|
|
}
|
|
|
|
.medium__0e476 .iconContainer__0e476 {
|
|
height: 20px;
|
|
width: 20px;
|
|
}
|
|
|
|
.large__0e476 .iconContainer__0e476 {
|
|
height: 24px;
|
|
width: 24px;
|
|
}
|
|
|
|
.icon__0e476 {
|
|
box-sizing: border-box;
|
|
color: var(--text-muted);
|
|
height: 100%;
|
|
inset-inline-start: 0px;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 0px;
|
|
transform: rotate(90deg);
|
|
transition: transform 0.1s ease-out, opacity 0.1s ease-out;
|
|
width: 100%;
|
|
z-index: 2;
|
|
}
|
|
|
|
.icon__0e476.visible__0e476 {
|
|
opacity: 1;
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
.clear__0e476 {
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.clear__0e476 .icon__0e476 {
|
|
color: var(--interactive-text-default);
|
|
}
|
|
|
|
.clear__0e476.iconLayout__0e476:hover .icon__0e476 {
|
|
color: var(--interactive-text-hover);
|
|
}
|
|
|
|
.enable-forced-colors .input__0e476 {
|
|
border: 1px solid canvastext;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.enable-forced-colors .input__0e476::-webkit-input-placeholder {
|
|
color: graytext;
|
|
}
|
|
|
|
.enable-forced-colors .icon__0e476 {
|
|
background-color: canvas;
|
|
border: 1px solid canvas;
|
|
color: graytext;
|
|
}
|
|
|
|
.enable-forced-colors .clear__0e476 .icon__0e476 {
|
|
background-color: buttonface;
|
|
border-color: canvastext;
|
|
color: buttontext;
|
|
}
|
|
|
|
.enable-forced-colors .clear__0e476.iconLayout__0e476:focus .icon__0e476, .enable-forced-colors .clear__0e476.iconLayout__0e476:hover .icon__0e476 {
|
|
border-color: buttontext;
|
|
color: buttontext;
|
|
}
|
|
|
|
.chat_f75fb0 {
|
|
background: var(--background-gradient-chat,var(--background-base-lowest));
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-height: 0px;
|
|
min-width: 0px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.chat_f75fb0[data-has-border="true"] {
|
|
border-top: 1px solid var(--app-frame-border);
|
|
}
|
|
|
|
[data-collapsed="true"] > .chat_f75fb0 {
|
|
border-inline-start: 1px solid var(--border-subtle); border-start-start-radius: var(--radius-md);
|
|
}
|
|
|
|
.refresh-fast-follow-distinct-borders .chat_f75fb0.threadSidebarOpen_f75fb0 {
|
|
border-inline-end-color: var(--app-frame-border); }
|
|
|
|
.chat_f75fb0 {
|
|
flex: 1 1 auto;
|
|
}
|
|
|
|
.chat_f75fb0 .uploadArea_f75fb0 {
|
|
position: fixed;
|
|
}
|
|
|
|
.chat_f75fb0.threadSidebarOpen_f75fb0 {
|
|
border-inline-end: 1px solid var(--border-subtle); border-radius: 0px 8px 8px 0px;
|
|
}
|
|
|
|
.chat_f75fb0.threadSidebarOpen_f75fb0 .uploadArea_f75fb0 {
|
|
border-radius: 0px 8px 8px 0px;
|
|
margin-inline-end: 8px; width: auto;
|
|
}
|
|
|
|
.chat_f75fb0.threadSidebarOpen_f75fb0.threadSidebarFloating_f75fb0 .uploadArea_f75fb0 {
|
|
border-radius: 0px;
|
|
margin-inline-end: 0px; }
|
|
|
|
.typing_f75fb0 {
|
|
display: flex;
|
|
}
|
|
|
|
.form_f75fb0 {
|
|
flex-shrink: 0;
|
|
margin-top: -16px;
|
|
position: relative;
|
|
}
|
|
|
|
.form_f75fb0, .formWithLoadedChatInput_f75fb0 {
|
|
padding-inline: var(--space-xs); }
|
|
|
|
.formWithLoadedChatInput_f75fb0: :before {
|
|
content: "";
|
|
height: 0.5rem;
|
|
position: absolute;
|
|
}
|
|
|
|
.formWithLoadedChatInput_f75fb0 ::before {
|
|
top: 0px;
|
|
inset-inline: 0px;
|
|
}
|
|
|
|
.formWithLoadedChatInput_f75fb0::before {
|
|
background: linear-gradient(to bottom,transparent,var(--background-base-low) 100%);
|
|
}
|
|
|
|
.custom-theme-background .formWithLoadedChatInput_f75fb0::before {
|
|
content: unset;
|
|
}
|
|
|
|
.chatContent_f75fb0 {
|
|
background: var(--background-gradient-chat,var(--background-base-lower));
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
flex-direction: column;
|
|
min-height: 0px;
|
|
min-width: 0px;
|
|
position: relative;
|
|
}
|
|
|
|
.cursorPointer_f75fb0 {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.content_f75fb0 {
|
|
align-items: stretch;
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
flex-direction: row;
|
|
justify-content: stretch;
|
|
min-height: 0px;
|
|
min-width: 0px;
|
|
position: relative;
|
|
}
|
|
|
|
.content_f75fb0.noChat_f75fb0 {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.content_f75fb0::before {
|
|
box-shadow: var(--shadow-ledge);
|
|
content: "";
|
|
display: none;
|
|
height: 1px;
|
|
position: absolute;
|
|
top: -1px;
|
|
inset-inline: 0px;
|
|
pointer-events: none;
|
|
z-index: 1;
|
|
}
|
|
|
|
.channelBottomBarArea_f75fb0 {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.channelTextArea_f75fb0 {
|
|
background: var(--background-gradient-highest,var(--chat-background-default));
|
|
margin-bottom: var(--custom-chat-input-margin-bottom);
|
|
}
|
|
|
|
.refresh-fast-follow-avatars .form_f75fb0 {
|
|
padding-inline: min(var(--space-xs),var(--space-8)); }
|
|
|
|
.titleWrapper_f75fb0 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.editPartyIcon_f75fb0 {
|
|
cursor: pointer;
|
|
margin-inline-end: 4px; opacity: 0.6;
|
|
transition: opacity 0.2s;
|
|
}
|
|
|
|
.editPartyIcon_f75fb0:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
.channelName_f75fb0 {
|
|
margin: 0px 8px;
|
|
}
|
|
|
|
.avatar_f75fb0 {
|
|
margin-inline-end: var(--space-8); }
|
|
|
|
.parentChannelName_f75fb0 {
|
|
color: var(--text-default);
|
|
}
|
|
|
|
.parentChannelName_f75fb0:hover {
|
|
color: var(--text-strong);
|
|
}
|
|
|
|
.title_f75fb0 {
|
|
flex: 0 0 auto;
|
|
padding-inline-end: var(--space-xs); padding-top: var(--space-8);
|
|
position: relative;
|
|
z-index: 100;
|
|
}
|
|
|
|
.gdm_f75fb0 {
|
|
padding-inline-start: calc(var(--custom-message-margin-horizontal)/2); }
|
|
|
|
.followButton_f75fb0 {
|
|
margin-inline-end: 8px;
|
|
padding: 4px 8px;
|
|
}
|
|
|
|
.status_f75fb0 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 0 0 auto;
|
|
margin-inline-end: 8px; }
|
|
|
|
.stop-animations .title_f75fb0 {
|
|
app-region: no-drag;
|
|
}
|
|
|
|
.theme-light.custom-client-theme .title_f75fb0 {
|
|
--background-gradient-lowest: var(--background-gradient-chat);
|
|
}
|
|
|
|
.guildBreadcrumbContainer_f75fb0 {
|
|
align-items: center;
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.guildSidebar_f75fb0 {
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.guildBreadcrumbIcon_f75fb0 {
|
|
margin-inline-end: var(--space-4); }
|
|
|
|
.loader_f75fb0 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 100%;
|
|
}
|
|
|
|
.enable-forced-colors .cursorPointer_f75fb0 {
|
|
background-color: buttonface;
|
|
color: buttontext;
|
|
forced-color-adjust: none;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.forumPostTitle_f75fb0 {
|
|
margin-inline-start: 8px; }
|
|
|
|
.forumPostSidebarTitle_f75fb0 {
|
|
margin-inline-start: 0px; }
|
|
|
|
.subtitleContainer_f75fb0 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
position: relative;
|
|
}
|
|
|
|
.secureFramesIcon_f75fb0 {
|
|
margin-inline-start: 4px; }
|
|
|
|
.shaker_f75fb0 {
|
|
flex: 1 1 0%;
|
|
width: 100%;
|
|
}
|
|
|
|
.linkedLobbyTooltip_f75fb0 {
|
|
margin-inline-end: 8px; }
|
|
|
|
.linkedLobby_f75fb0, .linkedLobbyTooltip_f75fb0 {
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
|
|
.linkedLobbyApplicationIcon_f75fb0 {
|
|
border-radius: var(--radius-sm);
|
|
height: 14px;
|
|
margin-inline: 8px 4px; width: 14px;
|
|
}
|
|
|
|
.linkedLobbyEducationTooltipWrapper_f75fb0 {
|
|
max-width: 288px;
|
|
pointer-events: all;
|
|
}
|
|
|
|
.linkedLobbyEducationTooltip_f75fb0 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 4px;
|
|
padding: 8px 4px;
|
|
text-align: center;
|
|
}
|
|
|
|
.linkedLobbyEducationTooltip_f75fb0 p {
|
|
margin: 0px;
|
|
}
|
|
|
|
.linkedLobbyEducationTooltipCloseClickContainer_f75fb0 {
|
|
cursor: pointer;
|
|
inset-inline-end: 8px;
|
|
position: absolute;
|
|
top: 8px;
|
|
}
|
|
|
|
.linkedLobbyEducationTooltipCloseClickContainer_f75fb0:hover .linkedLobbyEducationTooltipCloseIcon_f75fb0 {
|
|
color: var(--interactive-text-active);
|
|
}
|
|
|
|
.linkedLobbyEducationTooltipCloseIcon_f75fb0 {
|
|
color: var(--icon-muted);
|
|
height: 24px;
|
|
width: 24px;
|
|
}
|
|
|
|
.tile_ba65b0 {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.tileSizer_ba65b0 {
|
|
height: 112px;
|
|
width: 195px;
|
|
}
|
|
|
|
.tileSizer_ba65b0:not(:first-child) {
|
|
margin-inline-start: 8px; }
|
|
|
|
.root_ba65b0 {
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
height: 112px;
|
|
justify-content: center;
|
|
width: 100%;
|
|
}
|
|
|
|
.effect_adebba {
|
|
position: absolute;
|
|
}
|
|
|
|
.username_adebba {
|
|
align-items: center;
|
|
background-color: rgba(19, 19, 24, 0.8);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-lg);
|
|
box-shadow: var(--shadow-border) var(--shadow-high);
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex-shrink: 1;
|
|
gap: 8px;
|
|
height: 24px;
|
|
justify-content: center;
|
|
margin-inline-start: var(--space-4); max-width: 100%;
|
|
opacity: 0.8;
|
|
overflow: hidden;
|
|
padding: var(--space-4) var(--space-8);
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.username_adebba.streaming_adebba {
|
|
padding-inline-end: var(--space-4); }
|
|
|
|
.voiceUserContainer_adebba {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-8);
|
|
}
|
|
|
|
.voiceUser_adebba {
|
|
align-items: center;
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex-direction: row;
|
|
opacity: 0.4;
|
|
position: relative;
|
|
transition: opacity 0.1s ease-in-out;
|
|
}
|
|
|
|
.voiceUser_adebba.flipped_adebba {
|
|
flex-direction: row;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.voiceUser_adebba.flipped_adebba .avatar_adebba {
|
|
margin-inline: 0px; }
|
|
|
|
.voiceUser_adebba.flipped_adebba .username_adebba {
|
|
margin-inline: 0 var(--space-4); padding-inline-start: var(--space-4);
|
|
}
|
|
|
|
.voiceUser_adebba.flipped_adebba .voiceIcons_adebba {
|
|
margin-inline-end: var(--space-4) !important; }
|
|
|
|
.clanTag_adebba {
|
|
margin-inline-start: var(--space-4);
|
|
}
|
|
|
|
.voiceIcons_adebba {
|
|
margin-inline: 0px !important; }
|
|
|
|
.voiceIcon_adebba {
|
|
display: block;
|
|
flex-shrink: 0;
|
|
opacity: 0.5;
|
|
color: var(--white) !important;
|
|
margin-inline-start: 0px !important; }
|
|
|
|
.interactive_adebba {
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
.speaking_adebba {
|
|
opacity: 0.9;
|
|
}
|
|
|
|
.speaking_adebba .avatarSpeakingOutline_adebba {
|
|
outline: 1px solid var(--green-300);
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
.justConnected_adebba {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.connectedAnimationContainer_adebba {
|
|
background-color: rgb(19, 19, 24);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-lg);
|
|
bottom: 4px;
|
|
inset-inline-start: 36px;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: 4px;
|
|
z-index: 100;
|
|
}
|
|
|
|
.connectedAnimationContainer_adebba.right_adebba {
|
|
inset-inline-end: 36px;
|
|
inset-inline-start: unset;
|
|
}
|
|
|
|
.emptySpace_adebba {
|
|
height: 0px;
|
|
width: 0px;
|
|
}
|
|
|
|
.connectedAnimationInnerContainer_adebba {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: var(--space-4);
|
|
height: 100%;
|
|
justify-content: flex-start;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
width: fit-content;
|
|
}
|
|
|
|
.connectedAnimationInnerContainer_adebba.exiting_adebba {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.connectedAnimationInnerContainer_adebba.left_adebba {
|
|
padding-inline-start: 8px; text-align: start;
|
|
}
|
|
|
|
.connectedAnimationInnerContainer_adebba.right_adebba {
|
|
padding-inline-end: 4px; text-align: end;
|
|
}
|
|
|
|
.animation_adebba {
|
|
height: 24px;
|
|
width: 24px;
|
|
}
|
|
|
|
.hiddenVoiceStates_adebba {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: var(--space-4);
|
|
opacity: 1;
|
|
}
|
|
|
|
.hiddenVoiceStates_adebba.locked_adebba {
|
|
opacity: 0.4;
|
|
}
|
|
|
|
.hiddenVoiceStates_adebba.flipped_adebba {
|
|
flex-direction: row-reverse;
|
|
}
|
|
|
|
.hiddenVoiceStatesAvatar_adebba {
|
|
justify-content: center;
|
|
}
|
|
|
|
.hiddenVoiceStatesAvatar_adebba, .hiddenVoiceStatesText_adebba {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.hiddenVoiceStatesText_adebba {
|
|
background-color: rgba(19, 19, 24, 0.8);
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-lg);
|
|
box-shadow: var(--shadow-border) var(--shadow-high);
|
|
cursor: pointer;
|
|
flex-shrink: 1;
|
|
opacity: 0.8;
|
|
padding: var(--space-4) var(--space-8);
|
|
}
|