1175 lines
24 KiB
CSS
1175 lines
24 KiB
CSS
.premiumLabel_e681d1 {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
pointer-events: none;
|
|
position: relative;
|
|
z-index: 3
|
|
}
|
|
|
|
.selected_e681d1 {
|
|
color: var(--white)
|
|
}
|
|
|
|
.background_e681d1 {
|
|
border-radius: var(--radius-xs);
|
|
height: 100%;
|
|
inset-inline-start: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 1
|
|
}
|
|
|
|
.selectedBackground_e681d1 {
|
|
background-color: var(--brand-500)
|
|
}
|
|
|
|
.enable-forced-colors .selected_e681d1 {
|
|
color: Highlight
|
|
}
|
|
|
|
.enable-forced-colors .selectedIcon_e681d1 {
|
|
fill: Highlight
|
|
}
|
|
|
|
.enable-forced-colors .selectedBackground_e681d1 {
|
|
background-color: HighlightText
|
|
}
|
|
|
|
.breadcrumbsNav__6989f {
|
|
max-width: 100%;
|
|
min-width: 0;
|
|
overflow: hidden
|
|
}
|
|
|
|
.clickable__6989f {
|
|
align-items: center;
|
|
cursor: pointer;
|
|
display: inline-flex;
|
|
min-width: 0
|
|
}
|
|
|
|
.clickable__6989f .breadcrumbText__6989f {
|
|
color: var(--interactive-text-default)
|
|
}
|
|
|
|
.clickable__6989f:hover .breadcrumbText__6989f {
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.breadcrumbs__6989f {
|
|
flex-wrap: nowrap;
|
|
list-style: none
|
|
}
|
|
|
|
.breadcrumb__6989f {
|
|
display: flex;
|
|
flex-shrink: 1;
|
|
min-width: 0
|
|
}
|
|
|
|
.breadcrumb__6989f:last-child {
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.breadcrumbContent__6989f {
|
|
max-width: 100%;
|
|
min-width: 0
|
|
}
|
|
|
|
.breadcrumbText__6989f {
|
|
display: block;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.content_e9e3ed {
|
|
background: var(--background-base-low);
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
position: relative
|
|
}
|
|
|
|
.content_e9e3ed.mobile_e9e3ed.mobileNavigationOpen_e9e3ed {
|
|
display: none
|
|
}
|
|
|
|
.contentHeader_e9e3ed {
|
|
align-items: center;
|
|
background: var(--background-base-low);
|
|
border-bottom: 1px solid var(--border-muted);
|
|
display: flex;
|
|
height: 48px;
|
|
justify-content: space-between;
|
|
padding-block:0;padding-inline:var(--space-16) var(--space-8)}
|
|
|
|
.contentHeaderLeft_e9e3ed {
|
|
flex: 1 1 auto;
|
|
min-width: 0;
|
|
overflow: hidden
|
|
}
|
|
|
|
.contentBody_e9e3ed {
|
|
flex: 1;
|
|
overflow: hidden
|
|
}
|
|
|
|
.subnav_e4d939 {
|
|
display: grid;
|
|
gap: var(--space-md);
|
|
grid-auto-flow: row;
|
|
grid-template-columns: var(--custom-nav-width) 1fr;
|
|
margin-inline-start:var(--space-md);padding: var(--space-xs) 0
|
|
}
|
|
|
|
.subnav_e4d939 .item_e4d939 {
|
|
color: var(--text-muted);
|
|
cursor: pointer;
|
|
font-size: 16px;
|
|
grid-column: 2;
|
|
line-height: 20px
|
|
}
|
|
|
|
.subnav_e4d939 .item_e4d939:focus-visible,.subnav_e4d939 .item_e4d939:hover {
|
|
color: var(--interactive-text-hover)
|
|
}
|
|
|
|
.subnav_e4d939 .item_e4d939.active_e4d939 {
|
|
color: var(--interactive-text-active)
|
|
}
|
|
|
|
.track_e4d939 {
|
|
background: var(--background-mod-subtle);
|
|
border-radius: 1px;
|
|
grid-column: 1;
|
|
grid-row: 1/span var(--custom-nav-count);
|
|
width: var(--custom-nav-width)
|
|
}
|
|
|
|
.thumb_e4d939 {
|
|
background-color: var(--interactive-text-active);
|
|
border-radius: 100vw;
|
|
width: 100%
|
|
}
|
|
|
|
.thumbAnchor_e4d939 {
|
|
align-self: center;
|
|
grid-column: 1;
|
|
grid-row: calc(var(--custom-nav-index) + 1);
|
|
height: 100%;
|
|
transform-origin: center;
|
|
width: 100%
|
|
}
|
|
|
|
.item_caf372 {
|
|
align-items: center;
|
|
border-radius: var(--radius-sm);
|
|
color: var(--text-muted);
|
|
cursor: pointer;
|
|
display: flex;
|
|
gap: var(--space-sm);
|
|
justify-content: space-between;
|
|
padding: var(--space-xs)
|
|
}
|
|
|
|
.item_caf372.active_caf372,.item_caf372:hover {
|
|
background-color: var(--background-mod-muted);
|
|
color: var(--text-strong)
|
|
}
|
|
|
|
.item_caf372:hover:not(.active_caf372) {
|
|
transition: none
|
|
}
|
|
|
|
.item_caf372.active_caf372 {
|
|
background-color: var(--background-mod-normal);
|
|
transition: background-color .3s ease
|
|
}
|
|
|
|
.icon_caf372 {
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.itemContent_caf372 {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: var(--space-xs)
|
|
}
|
|
|
|
.itemContainer_caf372 {
|
|
scroll-padding-block: var(--space-xs)
|
|
}
|
|
|
|
.sidebar__409aa {
|
|
border-inline-end:1px solid var(--border-muted);display: flex;
|
|
flex: 0 0 240px;
|
|
flex-direction: column;
|
|
padding-block:var(--space-16) 0;padding-inline: var(--space-12) 0
|
|
}
|
|
|
|
.sidebar__409aa.mobile__409aa {
|
|
flex: 1 1 auto
|
|
}
|
|
|
|
.sidebar__409aa.mobile__409aa:not(.mobileNavigationOpen__409aa) {
|
|
display: none
|
|
}
|
|
|
|
.mobileCloseButton__409aa {
|
|
display: flex;
|
|
justify-content: flex-end
|
|
}
|
|
|
|
.navScroller__409aa {
|
|
gap: var(--space-24);
|
|
margin-inline-end:var(--space-4);padding-bottom: var(--space-16);
|
|
padding-top: var(--space-12);
|
|
padding-inline:var(--space-4) var(--space-12)}
|
|
|
|
.nav__409aa,.navScroller__409aa {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.nav__409aa {
|
|
gap: var(--space-xs);
|
|
inset: auto 0
|
|
}
|
|
|
|
.section__409aa {
|
|
border-bottom: 1px solid var(--border-subtle);
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-4);
|
|
padding-bottom: var(--space-xs)
|
|
}
|
|
|
|
.section__409aa:last-of-type {
|
|
border-bottom: none
|
|
}
|
|
|
|
.sectionLabel__409aa {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.label__409aa {
|
|
margin: var(--space-8) var(--space-8) var(--space-4)
|
|
}
|
|
|
|
.fixedContent__409aa {
|
|
padding-inline:var(--space-4) var(--space-16);position: relative
|
|
}
|
|
|
|
.fixedContent__409aa:after {
|
|
background: linear-gradient(to bottom,var(--background-base-lower),transparent);
|
|
content: "";
|
|
height: var(--space-20);
|
|
position: absolute;
|
|
top: 100%;
|
|
inset-inline: 0 var(--space-16);
|
|
z-index: 1
|
|
}
|
|
|
|
.searchBarContainer__409aa {
|
|
display: flex;
|
|
position: relative
|
|
}
|
|
|
|
.popoverAnchor__409aa {
|
|
bottom: 0;
|
|
inset-inline-end: -4px;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.container__8a969 {
|
|
background-color: var(--background-mod-normal);
|
|
border-radius: var(--radius-sm);
|
|
flex-direction: row;
|
|
justify-content: flex-start;
|
|
padding: 12px
|
|
}
|
|
|
|
.container__8a969,.iconContainer__8a969 {
|
|
align-items: center;
|
|
display: flex;
|
|
position: relative
|
|
}
|
|
|
|
.iconContainer__8a969 {
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
height: 40px;
|
|
justify-content: center;
|
|
margin-inline-end:12px;width: 40px
|
|
}
|
|
|
|
.actionable__8a969 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.name__8a969 {
|
|
color: var(--text-strong);
|
|
font-size: 16px;
|
|
font-weight: var(--font-weight-bold);
|
|
line-height: 20px
|
|
}
|
|
|
|
.description__8a969 {
|
|
color: var(--text-default);
|
|
font-size: 12px;
|
|
font-weight: var(--font-weight-medium);
|
|
line-height: 16px
|
|
}
|
|
|
|
.flair__8a969 {
|
|
bottom: -16px;
|
|
inset-inline-start: calc(50% - 24px);
|
|
position: absolute
|
|
}
|
|
|
|
.hoverCard_fdda30 {
|
|
cursor: pointer;
|
|
transition: box-shadow,transform .2s ease
|
|
}
|
|
|
|
.hoverCard_fdda30:focus-within,.hoverCard_fdda30:hover {
|
|
box-shadow: var(--shadow-high);
|
|
transform: translateY(-4px)
|
|
}
|
|
|
|
.wrapper_fc8177 {
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
word-wrap: break-word;
|
|
background: var(--background-gradient-chat,var(--background-base-lower));
|
|
contain: paint layout;
|
|
flex: 0 0 auto;
|
|
overflow: hidden;
|
|
padding-inline-end:1rem;-webkit-user-select: text;
|
|
-moz-user-select: text;
|
|
user-select: text
|
|
}
|
|
|
|
.compact_fc8177.wrapper_fc8177 {
|
|
padding-bottom: .125rem;
|
|
padding-top: .125rem
|
|
}
|
|
|
|
.cozy_fc8177.wrapper_fc8177 {
|
|
padding-inline-start:4.5rem}
|
|
|
|
.a11y-font-scaled-up .cozy_fc8177.wrapper_fc8177 {
|
|
padding-inline-start:72px}
|
|
|
|
.compact_fc8177 .contents_fc8177 {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
height: 1.375rem;
|
|
overflow: hidden;
|
|
padding-inline-start:5rem}
|
|
|
|
.compact_fc8177 .contents_fc8177 .content_fc8177 {
|
|
display: contents
|
|
}
|
|
|
|
.cozy_fc8177 .content_fc8177 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
height: 1.375rem;
|
|
overflow: hidden;
|
|
text-indent: 0
|
|
}
|
|
|
|
.compact_fc8177 .content_fc8177 {
|
|
display: inline;
|
|
-webkit-user-select: text;
|
|
-moz-user-select: text;
|
|
user-select: text
|
|
}
|
|
|
|
.blob_fc8177 {
|
|
flex: 0 0 auto;
|
|
height: 1rem;
|
|
line-height: 1.375rem;
|
|
margin-top: .1875rem;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.cozy_fc8177 .blob_fc8177 {
|
|
display: block
|
|
}
|
|
|
|
.hidden_fc8177 {
|
|
visibility: hidden
|
|
}
|
|
|
|
.compact_fc8177 .blob_fc8177 {
|
|
display: inline-block
|
|
}
|
|
|
|
.cozy_fc8177 .header_fc8177 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
height: 1.375rem;
|
|
line-height: 1.375rem;
|
|
overflow: hidden;
|
|
position: relative
|
|
}
|
|
|
|
.compact_fc8177 .header_fc8177 {
|
|
margin-inline-end:.5rem}
|
|
|
|
.attachmentContainer_fc8177 {
|
|
padding-bottom: .125rem;
|
|
padding-top: .125rem
|
|
}
|
|
|
|
.compact_fc8177 .attachmentContainer_fc8177 {
|
|
margin-top: .25rem
|
|
}
|
|
|
|
.attachment_fc8177 {
|
|
height: 120px;
|
|
margin-top: .125rem;
|
|
width: 240px
|
|
}
|
|
|
|
.compact_fc8177 .attachment_fc8177 {
|
|
margin-inline-start:5rem}
|
|
|
|
.blob_fc8177+.blob_fc8177 {
|
|
margin-inline-start:.25rem}
|
|
|
|
.header_fc8177 .blob_fc8177+.blob_fc8177 {
|
|
margin-inline-start:.5rem}
|
|
|
|
.blob_fc8177 {
|
|
border-radius: .5rem
|
|
}
|
|
|
|
.attachment_fc8177 {
|
|
border-radius: 6px
|
|
}
|
|
|
|
.attachment_fc8177,.avatar_fc8177,.blob_fc8177 {
|
|
background-color: var(--text-default)
|
|
}
|
|
|
|
.avatar_fc8177 {
|
|
border-radius: 50%;
|
|
flex: 0 0 auto;
|
|
height: 2.5rem;
|
|
inset-inline-start: 1rem;
|
|
max-height: 40px;
|
|
max-width: 40px;
|
|
position: absolute;
|
|
top: .25rem;
|
|
width: 2.5rem
|
|
}
|
|
|
|
.a11y-font-scaled-up .avatar_fc8177 {
|
|
inset-inline-start: 16px;
|
|
top: 4px
|
|
}
|
|
|
|
.compactTimestamp_fc8177 {
|
|
margin-inline:-4rem .25rem}
|
|
|
|
.lineClamp__0b48b {
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden
|
|
}
|
|
|
|
.divider__1fcac {
|
|
border-bottom: 1px solid var(--background-mod-strong)
|
|
}
|
|
|
|
.spacingLarge__1fcac {
|
|
margin: var(--space-8) 0
|
|
}
|
|
|
|
.root_da9de7.root_da9de7.sizeReduced_da9de7 {
|
|
font-size: .875rem;
|
|
line-height: calc(var(--chat-markup-line-height)*.875)
|
|
}
|
|
|
|
.root_da9de7.root_da9de7.sizeReduced_da9de7 small {
|
|
font-size: .75rem;
|
|
line-height: calc(var(--chat-markup-line-height)*.75)
|
|
}
|
|
|
|
.root_da9de7.root_da9de7.colorMuted_da9de7 {
|
|
color: var(--text-subtle)
|
|
}
|
|
|
|
.root_da9de7.root_da9de7.colorMuted_da9de7 small {
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
.root_da9de7.root_da9de7.weightReduced_da9de7 {
|
|
font-weight: var(--font-weight-normal)
|
|
}
|
|
|
|
.root_da9de7.root_da9de7.weightReduced_da9de7 h1,.root_da9de7.root_da9de7.weightReduced_da9de7 h2,.root_da9de7.root_da9de7.weightReduced_da9de7 h3,.root_da9de7.root_da9de7.weightReduced_da9de7 h4,.root_da9de7.root_da9de7.weightReduced_da9de7 h5,.root_da9de7.root_da9de7.weightReduced_da9de7 h6,.root_da9de7.root_da9de7.weightReduced_da9de7 strong {
|
|
font-weight: var(--font-weight-medium)
|
|
}
|
|
|
|
.markdownContainer__48344 {
|
|
overflow-wrap: anywhere
|
|
}
|
|
|
|
.markdownContainer__48344.markdownContainer__48344.markdownContainer__48344.markdownContainer__48344>p:first-child {
|
|
margin-top: 0
|
|
}
|
|
|
|
.markdownContainer__48344.markdownContainer__48344.markdownContainer__48344.markdownContainer__48344>p:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.markdownContainer__48344.markdownContainer__48344.markdownContainer__48344.markdownContainer__48344 h1:first-child,.markdownContainer__48344.markdownContainer__48344.markdownContainer__48344.markdownContainer__48344 h2:first-child,.markdownContainer__48344.markdownContainer__48344.markdownContainer__48344.markdownContainer__48344 h3:first-child {
|
|
margin-top: 0
|
|
}
|
|
|
|
.markdownContainer__48344.markdownContainer__48344.markdownContainer__48344.markdownContainer__48344 h1:not(:has(+*)),.markdownContainer__48344.markdownContainer__48344.markdownContainer__48344.markdownContainer__48344 h2:not(:has(+*)),.markdownContainer__48344.markdownContainer__48344.markdownContainer__48344.markdownContainer__48344 h3:not(:has(+*)) {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.markdownContainer__48344.markdownContainer__48344.markdownContainer__48344.markdownContainer__48344 blockquote,.markdownContainer__48344.markdownContainer__48344.markdownContainer__48344.markdownContainer__48344 pre {
|
|
max-width: unset
|
|
}
|
|
|
|
.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:0
|
|
}
|
|
}
|
|
|
|
@supports (grid-template-columns: subgrid) and (white-space-collapse:collapse) {
|
|
.notice__29487 {
|
|
grid-area:notice
|
|
}
|
|
}
|
|
|
|
.noticeContent__29487 {
|
|
align-items: center;
|
|
display: flex;
|
|
flex: 1;
|
|
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 {
|
|
-webkit-mask-image: url(/assets/20dd0e244b9a7065.svg);
|
|
mask-image: url(/assets/20dd0e244b9a7065.svg)
|
|
}
|
|
|
|
.iconApple_b68a35,.iconWindows_b68a35 {
|
|
background-color: currentColor
|
|
}
|
|
|
|
.iconApple_b68a35 {
|
|
-webkit-mask-image: url(/assets/d11dc1928431aa27.svg);
|
|
mask-image: url(/assets/d11dc1928431aa27.svg)
|
|
}
|
|
|
|
.iconAndroid_b68a35 {
|
|
background-color: currentColor;
|
|
-webkit-mask-image: url(/assets/f625814fc53c325e.svg);
|
|
mask-image: url(/assets/f625814fc53c325e.svg)
|
|
}
|
|
|
|
.iconUSFlag_b68a35 {
|
|
background-image: url(/assets/423c2b95bd0fdafb.png);
|
|
background-position: top;
|
|
background-repeat: no-repeat;
|
|
background-size: 85%;
|
|
margin-inline-end:7px;margin-top: 0
|
|
}
|
|
|
|
.icon_b68a35+.btn_b68a35 {
|
|
margin-inline-start:20px}
|
|
|
|
.textLink_b68a35 {
|
|
color: var(--white);
|
|
padding-inline-start:10px;text-decoration: underline;
|
|
-webkit-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: 0
|
|
}
|
|
|
|
.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: 0 8px
|
|
}
|
|
|
|
.notice__30f28.error__30f28 {
|
|
background-color: var(--background-feedback-critical)
|
|
}
|
|
|
|
.button__30f28 {
|
|
align-items: center;
|
|
font-weight: var(--font-weight-semibold);
|
|
height: -moz-fit-content;
|
|
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 0
|
|
}
|
|
|
|
.backButton__84419:hover {
|
|
background-color: var(--brand-530)
|
|
}
|
|
|
|
.backNotice__84419 {
|
|
background-color: var(--brand-600);
|
|
border-radius: 0;
|
|
padding: 8px
|
|
}
|
|
|
|
.closeButton__84419 {
|
|
height: 100%
|
|
}
|
|
|
|
.notice_c5cd6a {
|
|
background-color: var(--brand-600);
|
|
color: var(--white);
|
|
display: flex;
|
|
height: 40px;
|
|
justify-content: center;
|
|
padding: 0 8px
|
|
}
|
|
|
|
.button_c5cd6a,.notice_c5cd6a {
|
|
align-items: center
|
|
}
|
|
|
|
.button_c5cd6a {
|
|
font-weight: var(--font-weight-semibold);
|
|
height: -moz-fit-content;
|
|
height: fit-content;
|
|
padding: 4px 8px
|
|
}
|
|
|
|
.button_c5cd6a:hover {
|
|
background-color: var(--brand-530)
|
|
}
|
|
|
|
.back_c5cd6a {
|
|
bottom: 0;
|
|
height: 24px;
|
|
inset-inline-start: 8px;
|
|
margin: auto;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.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)}
|
|
|
|
.safetySettingsNotice__9536c {
|
|
align-items: center;
|
|
background: var(--background-base-lowest);
|
|
border-radius: var(--radius-xs);
|
|
display: flex;
|
|
gap: var(--space-8);
|
|
padding: var(--space-16)
|
|
}
|
|
|
|
.safetySettingsNotice__9536c .closeButton__9536c {
|
|
cursor: pointer;
|
|
margin-inline-start:auto}
|
|
|
|
.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;
|
|
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: none;
|
|
flex-direction: row;
|
|
height: 20px
|
|
}
|
|
|
|
.container__394db.isOverlayContainer__394db .usernameContainer__394db {
|
|
margin-top: 0
|
|
}
|
|
|
|
.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: 0;
|
|
padding: 1.5px
|
|
}
|
|
|
|
.container__394db.isOverlayContainer__394db .chipletContainer__394db.noPadding__394db {
|
|
padding: 0
|
|
}
|
|
|
|
.isOverlayTag__394db {
|
|
margin: 0
|
|
}
|
|
|
|
.avatarWrapper_d8a370 {
|
|
align-items: center;
|
|
display: inline-flex;
|
|
flex: 0 0 auto;
|
|
justify-content: center;
|
|
position: relative
|
|
}
|
|
|
|
.ring_d8a370 {
|
|
border-radius: 50%;
|
|
inset: -3px;
|
|
-webkit-mask: radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));
|
|
mask: radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));
|
|
pointer-events: none;
|
|
position: absolute;
|
|
transform: rotate(-90deg)
|
|
}
|
|
|
|
.keybindFlexboxLayout_cbf20c {
|
|
align-items: baseline;
|
|
display: flex;
|
|
flex: 0 0 auto;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
gap: var(--space-4);
|
|
justify-content: flex-start;
|
|
max-width: 100%;
|
|
overflow: visible;
|
|
white-space: normal;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
.keyCombo_cbf20c {
|
|
vertical-align: middle
|
|
}
|
|
|
|
.keyCombo_cbf20c,.keyComboKey_cbf20c {
|
|
display: inline-block
|
|
}
|
|
|
|
.container_abd9a8 {
|
|
color: var(--text-default);
|
|
contain: layout;
|
|
container-type: inline-size;
|
|
display: flex;
|
|
flex-direction: row;
|
|
height: 100%
|
|
}
|
|
|
|
.links__7aac8 {
|
|
display: inline;
|
|
overflow-wrap: break-word
|
|
}
|
|
|
|
.bullet__7aac8 {
|
|
font-size: 10px;
|
|
margin: 0 var(--space-4)
|
|
}
|
|
|
|
.bullet__7aac8,.moreButton__7aac8 {
|
|
color: var(--text-muted)
|
|
}
|
|
|
|
.moreButton__7aac8.active__7aac8,.moreButton__7aac8:hover {
|
|
color: var(--text-default)
|
|
}
|
|
|
|
.singleSelectOption__12eef {
|
|
-moz-column-gap: 8px;
|
|
column-gap: 8px;
|
|
display: flex
|
|
}
|
|
|
|
.deviceContainer__12eef {
|
|
align-items: center;
|
|
display: grid;
|
|
gap: 4px;
|
|
grid-template-areas: "label subLabel certifiedPill";
|
|
grid-template-columns: auto 1fr min-content;
|
|
width: 100%
|
|
}
|
|
|
|
.deviceContainer__12eef.withIcon__12eef {
|
|
grid-template-areas: "icon label subLabel certifiedPill";
|
|
grid-template-columns: min-content auto 1fr min-content
|
|
}
|
|
|
|
.deviceContainer__12eef.multiLine__12eef {
|
|
grid-template-areas: "label certifiedPill" "subLabel certifiedPill";
|
|
grid-template-columns: 1fr min-content
|
|
}
|
|
|
|
.deviceContainer__12eef.multiLine__12eef.withIcon__12eef {
|
|
grid-template-areas: "icon label certifiedPill" "icon subLabel certifiedPill";
|
|
grid-template-columns: min-content 1fr min-content
|
|
}
|
|
|
|
.deviceContainer__12eef.multiLine__12eef .deviceSubLabel__12eef:after,.deviceContainer__12eef.multiLine__12eef .deviceSubLabel__12eef:before {
|
|
content: ""
|
|
}
|
|
|
|
.deviceContainer__12eef .deviceIcon__12eef {
|
|
align-items: center;
|
|
display: flex;
|
|
grid-area: icon
|
|
}
|
|
|
|
.deviceContainer__12eef .deviceLabel__12eef {
|
|
grid-area: label
|
|
}
|
|
|
|
.deviceContainer__12eef .deviceSubLabel__12eef {
|
|
grid-area: subLabel;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.deviceContainer__12eef .deviceSubLabel__12eef:before {
|
|
content: "("
|
|
}
|
|
|
|
.deviceContainer__12eef .deviceSubLabel__12eef:after {
|
|
content: ")"
|
|
}
|
|
|
|
.deviceContainer__12eef .deviceCertifiedPill__12eef {
|
|
align-items: center;
|
|
display: flex;
|
|
grid-area: certifiedPill
|
|
}
|
|
|
|
.wrapper__06283 {
|
|
height: calc(var(--custom-gradient-progress-notch-height) + var(--custom-gradient-progress-notch-margin)*2);
|
|
min-width: 0;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.container__06283 {
|
|
display: flex;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
position: relative
|
|
}
|
|
|
|
.progress__06283 {
|
|
background-color: var(--gradient-progress-pill-background)
|
|
}
|
|
|
|
.notches__06283,.progress__06283 {
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline: 0;
|
|
bottom: 0
|
|
}
|
|
|
|
.notches__06283 {
|
|
width: 100%
|
|
}
|
|
|
|
.notches__06283.gray__06283 {
|
|
color: var(--background-base-low)
|
|
}
|
|
|
|
.notches__06283.black__06283 {
|
|
color: var(--background-surface-high)
|
|
}
|
|
|
|
.container__011b7 {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.micTest__011b7 {
|
|
align-items: center;
|
|
display: flex;
|
|
margin-top: 4px;
|
|
position: relative
|
|
}
|
|
|
|
.title__011b7 {
|
|
margin-top: 8px
|
|
}
|
|
|
|
.description__011b7,.title__011b7 {
|
|
margin-bottom: 4px
|
|
}
|
|
|
|
.micTestCaption__011b7 {
|
|
inset-inline-start: 0;
|
|
position: absolute;
|
|
top: calc(100% + 4px)
|
|
}
|
|
|
|
.buttonSizer__011b7 {
|
|
align-items: center;
|
|
display: flex;
|
|
margin-top: 4px;
|
|
position: absolute;
|
|
visibility: hidden;
|
|
width: 100%
|
|
}
|
|
|
|
.buttonSizerSpacer__011b7 {
|
|
min-width: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.buttonWrapper__011b7 {
|
|
margin-inline-end:var(--space-8)}
|
|
|
|
.emptySearchResultsContainer_cf016e {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 4px;
|
|
justify-content: center;
|
|
padding: 24px 0
|
|
}
|
|
|
|
/*# sourceMappingURL=9b2747232e9f34a1.css.map*/
|