Files
DiscordClone/discord-html-copy/css/1f7b87510348dd0c.css

2001 lines
45 KiB
CSS

.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: 0 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: .5
}
.pill_a2c9e8.small_a2c9e8 {
height: 24px;
padding: 0 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 .2s ease
}
.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
}
.actionTextHeader_bc4513 {
word-wrap: normal;
text-transform: lowercase
}
.actionTextHelper_bc4513 {
margin-inline-start:4px;text-transform: lowercase
}
.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-direction: row;
flex-wrap: wrap;
padding: 1px;
position: relative
}
.disabled__0e476 .inner__0e476 {
opacity: .3
}
.input__0e476 {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: none;
box-sizing: border-box;
color: var(--text-default);
flex: 1;
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: 0 4px
}
.medium__0e476 .input__0e476,.medium__0e476 .tag__0e476 {
font-size: 16px;
height: 30px;
line-height: 32px;
padding: 0 8px
}
.large__0e476 .input__0e476,.large__0e476 .tag__0e476 {
font-size: 20px;
height: 38px;
line-height: 40px;
padding: 0 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 0;
margin-inline-start:3px}
.large__0e476 .richTag__0e476,.large__0e476 .richTagInput__0e476 {
height: 32px;
line-height: 30px;
margin: 4px 0;
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: 0;
opacity: 0;
position: absolute;
top: 0;
transform: rotate(90deg);
transition: transform .1s ease-out,opacity .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
}
.auditLog__43dab {
background-color: var(--card-background-default);
border: 1px solid;
border-color: var(--border-subtle);
border-radius: var(--radius-sm);
color: var(--text-default);
display: flex;
flex-direction: column;
padding: var(--space-4)
}
.auditLog__43dab strong {
color: var(--text-strong);
font-weight: var(--font-weight-medium)
}
.divider__43dab {
background-color: unset;
height: 1px;
width: 100%
}
.header__43dab {
align-items: center;
display: flex;
padding-block:10px;padding-inline:10px 20px;transition: background-color .2s ease;
width: 100%
}
.headerDefault__43dab {
cursor: default
}
.headerClickable__43dab,.headerExpanded__43dab {
cursor: pointer
}
.headerExpanded__43dab {
background-color: var(--card-secondary-bg);
border-radius: var(--radius-xs)
}
.headerClickable__43dab {
}
.timeWrap__43dab {
display: flex;
flex-direction: column;
margin: 0 10px;
max-width: calc(100% - 118px)
}
.timeWrap__43dab,.title__43dab {
flex-grow: 1
}
.avatar__43dab {
margin-inline-start:10px}
.expand__43dab .expandForeground__43dab {
transition: d .2s ease,stroke .2s ease
}
.colorsHook__43dab {
font-weight: var(--font-weight-medium)
}
.colorHook__43dab {
border-radius: 50%;
display: inline-block;
height: 10px;
position: relative;
top: -1px;
width: 10px
}
.userHook__43dab {
align-items: baseline;
color: var(--text-strong);
display: inline-flex;
font-weight: var(--font-weight-medium)
}
.changeDetails__43dab {
background-color: unset;
display: flex;
flex-direction: column;
padding: 0 8px 10px
}
.detail__43dab {
align-items: baseline;
display: flex;
margin-top: 8px;
margin-inline-start:40px}
.prefix__43dab {
flex-grow: 0
}
.typeCreate__43dab {
color: var(--green-230)
}
.typeDelete__43dab {
color: var(--red-360)
}
.typeUpdate__43dab {
color: var(--yellow-260)
}
.dash__43dab {
margin: 0 10px
}
.change__43dab {
display: flex;
flex-direction: column;
margin: 0;
overflow: hidden
}
.changeStr__43dab,.overflowEllipsis__43dab {
overflow: hidden;
text-overflow: ellipsis
}
.overflowEllipsis__43dab {
align-items: baseline;
white-space: nowrap
}
.subListItem__43dab {
margin: 4px 0
}
.subListItem__43dab:last-child {
margin-bottom: 0
}
.onboardingChangeLogContainer__43dab {
align-items: baseline;
display: flex;
flex-direction: column;
gap: 8px;
margin: 12px 0
}
.onboardingChangeLogItemTitle__43dab {
align-items: flex-end;
display: flex;
flex-direction: row;
gap: 8px
}
.onboardingChangeLogItemChanges__43dab {
margin-inline-start:40px;overflow: hidden
}
.icon__43dab {
filter: saturate(var(--saturation-factor,1));
height: 24px;
min-width: 24px;
position: relative;
width: 24px
}
.icon__43dab:after {
content: " ";
position: absolute;
top: 0;
inset-inline: 0;
bottom: 0
}
.typeCreate__43dab:after {
background: url(/assets/9dabbd95e9e8a278.svg)
}
.typeDelete__43dab:after {
background: url(/assets/273a82a28d0e1160.svg)
}
.typeUpdate__43dab:after {
background: url(/assets/f50ede2a8b3701be.svg)
}
.timestamp__43dab {
color: var(--text-muted)
}
.theme-light .auditLog__43dab {
border-color: var(--primary-300)
}
.theme-light .auditLog__43dab:hover .expandForeground__43dab {
stroke: hsl(var(--primary-400-hsl)/1)
}
.theme-light .headerClickable__43dab,.theme-light .headerDefault__43dab {
background-color: hsl(var(--primary-100-hsl)/.3)
}
.theme-light .headerExpanded__43dab {
background-color: var(--primary-100)
}
.theme-light .discrim__43dab {
opacity: .6
}
.theme-light .expandForeground__43dab {
stroke: hsl(var(--primary-400-hsl)/.6)
}
.theme-light .changeDetails__43dab {
background-color: hsl(var(--primary-100-hsl)/.3)
}
.themeOverrideLight__43dab.icon__43dab.targetAll__43dab,.theme-light .icon__43dab.targetAll__43dab {
background: url(/assets/573976ea56ebddcd.svg)
}
.themeOverrideLight__43dab.icon__43dab.targetBan__43dab,.theme-light .icon__43dab.targetBan__43dab {
background: url(/assets/24243230825c2c4e.svg)
}
.themeOverrideLight__43dab.icon__43dab.targetChannel__43dab,.theme-light .icon__43dab.targetChannel__43dab {
background: url(/assets/39fa213330e56d4a.svg)
}
.themeOverrideLight__43dab.icon__43dab.targetGuild__43dab,.theme-light .icon__43dab.targetGuild__43dab {
background: url(/assets/4161f29c69130cdd.svg)
}
.themeOverrideLight__43dab.icon__43dab.targetEmoji__43dab,.theme-light .icon__43dab.targetEmoji__43dab {
background: url(/assets/b59ebc1822da2a0e.svg)
}
.themeOverrideLight__43dab.icon__43dab.targetSticker__43dab,.theme-light .icon__43dab.targetSticker__43dab {
background: url(/assets/d6e3f94f5910677c.svg)
}
.themeOverrideLight__43dab.icon__43dab.targetIntegration__43dab,.theme-light .icon__43dab.targetIntegration__43dab {
background: url(/assets/90a2a4f8d8fa159f.svg)
}
.themeOverrideLight__43dab.icon__43dab.targetInvite__43dab,.theme-light .icon__43dab.targetInvite__43dab {
background: url(/assets/440d208fccbaba65.svg)
}
.themeOverrideLight__43dab.icon__43dab.targetMemberRole__43dab,.theme-light .icon__43dab.targetMemberRole__43dab {
background: url(/assets/0119c42e7eb9c848.svg)
}
.themeOverrideLight__43dab.icon__43dab.targetMember__43dab,.theme-light .icon__43dab.targetMember__43dab {
background: url(/assets/e168c3c034c1d0cb.svg)
}
.themeOverrideLight__43dab.icon__43dab.targetPermission__43dab,.theme-light .icon__43dab.targetPermission__43dab {
background: url(/assets/f0d99535c0dceb52.svg)
}
.themeOverrideLight__43dab.icon__43dab.targetRole__43dab,.theme-light .icon__43dab.targetRole__43dab {
background: url(/assets/e850e1e3d9500baa.svg)
}
.themeOverrideLight__43dab.icon__43dab.targetOnboarding__43dab,.theme-light .icon__43dab.targetOnboarding__43dab {
background: url(/assets/0f665f281fbc0180.svg)
}
.themeOverrideLight__43dab.icon__43dab.targetVanityUrl__43dab,.theme-light .icon__43dab.targetVanityUrl__43dab {
background: url(/assets/c7b5dc58ffc4e595.svg)
}
.themeOverrideLight__43dab.icon__43dab.targetWebhook__43dab,.theme-light .icon__43dab.targetWebhook__43dab {
background: url(/assets/10d3479da12f9040.svg)
}
.themeOverrideLight__43dab.icon__43dab.targetWidget__43dab,.theme-light .icon__43dab.targetWidget__43dab {
background: url(/assets/bdf6c4d043e4e45c.svg)
}
.themeOverrideLight__43dab.icon__43dab.targetMessage__43dab,.theme-light .icon__43dab.targetMessage__43dab {
background: url(/assets/feaccc58464f03a4.svg)
}
.themeOverrideLight__43dab.icon__43dab.targetStageInstance__43dab,.theme-light .icon__43dab.targetStageInstance__43dab {
background: url(/assets/c7cf6befa3c699d9.svg)
}
.themeOverrideLight__43dab.icon__43dab.targetGuildScheduledEvent__43dab,.theme-light .icon__43dab.targetGuildScheduledEvent__43dab {
background: url(/assets/83d40d9ba3a9db6f.svg)
}
.themeOverrideLight__43dab.icon__43dab.thread__43dab,.theme-light .icon__43dab.thread__43dab {
background: url(/assets/608c1103a1687613.svg)
}
.themeOverrideLight__43dab.icon__43dab.applicationCommand__43dab,.theme-light .icon__43dab.applicationCommand__43dab {
background: url(/assets/c54e976df2bc84cb.svg)
}
.themeOverrideLight__43dab.icon__43dab.autoModerationRule__43dab,.theme-light .icon__43dab.autoModerationRule__43dab {
background: url(/assets/10d3479da12f9040.svg)
}
.themeOverrideLight__43dab.icon__43dab.autoModerationBlockMessage__43dab,.theme-light .icon__43dab.autoModerationBlockMessage__43dab {
background: url(/assets/10d3479da12f9040.svg)
}
.themeOverrideLight__43dab.icon__43dab.targetGuildHome__43dab,.theme-light .icon__43dab.targetGuildHome__43dab {
background: url(/assets/69869694b4135993.svg)
}
.themeOverrideLight__43dab.icon__43dab.targetGuildSoundboard__43dab,.theme-light .icon__43dab.targetGuildSoundboard__43dab {
background: url(/assets/f21dd7f12034e6cb.svg)
}
.themeOverrideDark__43dab.icon__43dab.targetAll__43dab,.theme-dark .icon__43dab.targetAll__43dab {
background: url(/assets/df1be54a7d6a8857.svg)
}
.themeOverrideDark__43dab.icon__43dab.targetBan__43dab,.theme-dark .icon__43dab.targetBan__43dab {
background: url(/assets/798d305c92bcebf6.svg)
}
.themeOverrideDark__43dab.icon__43dab.targetChannel__43dab,.theme-dark .icon__43dab.targetChannel__43dab {
background: url(/assets/b120d96b118bf2c1.svg)
}
.themeOverrideDark__43dab.icon__43dab.targetGuild__43dab,.theme-dark .icon__43dab.targetGuild__43dab {
background: url(/assets/ac84ae8206a6f5e1.svg)
}
.themeOverrideDark__43dab.icon__43dab.targetEmoji__43dab,.theme-dark .icon__43dab.targetEmoji__43dab {
background: url(/assets/e8e77b2ca603a44a.svg)
}
.themeOverrideDark__43dab.icon__43dab.targetSticker__43dab,.theme-dark .icon__43dab.targetSticker__43dab {
background: url(/assets/6d6c4298fbda978b.svg)
}
.themeOverrideDark__43dab.icon__43dab.targetIntegration__43dab,.theme-dark .icon__43dab.targetIntegration__43dab {
background: url(/assets/0f213e7334ec406b.svg)
}
.themeOverrideDark__43dab.icon__43dab.targetInvite__43dab,.theme-dark .icon__43dab.targetInvite__43dab {
background: url(/assets/83713b6ddb3aaba9.svg)
}
.themeOverrideDark__43dab.icon__43dab.targetMemberRole__43dab,.theme-dark .icon__43dab.targetMemberRole__43dab {
background: url(/assets/e50ed58cbe31755a.svg)
}
.themeOverrideDark__43dab.icon__43dab.targetMember__43dab,.theme-dark .icon__43dab.targetMember__43dab {
background: url(/assets/69a57bf1542db6d0.svg)
}
.themeOverrideDark__43dab.icon__43dab.targetPermission__43dab,.theme-dark .icon__43dab.targetPermission__43dab {
background: url(/assets/02df409dfd89ffbc.svg)
}
.themeOverrideDark__43dab.icon__43dab.targetRole__43dab,.theme-dark .icon__43dab.targetRole__43dab {
background: url(/assets/eea18d5e3a85428c.svg)
}
.themeOverrideDark__43dab.icon__43dab.targetOnboarding__43dab,.theme-dark .icon__43dab.targetOnboarding__43dab {
background: url(/assets/e35fcd676e720a43.svg)
}
.themeOverrideDark__43dab.icon__43dab.targetVanityUrl__43dab,.theme-dark .icon__43dab.targetVanityUrl__43dab {
background: url(/assets/b74a77e98b76ceb0.svg)
}
.themeOverrideDark__43dab.icon__43dab.targetWebhook__43dab,.theme-dark .icon__43dab.targetWebhook__43dab {
background: url(/assets/91bd7f1643fe02ff.svg)
}
.themeOverrideDark__43dab.icon__43dab.targetWidget__43dab,.theme-dark .icon__43dab.targetWidget__43dab {
background: url(/assets/a0ba681b0596ef90.svg)
}
.themeOverrideDark__43dab.icon__43dab.targetMessage__43dab,.theme-dark .icon__43dab.targetMessage__43dab {
background: url(/assets/14bedd367511ce89.svg)
}
.themeOverrideDark__43dab.icon__43dab.targetStageInstance__43dab,.theme-dark .icon__43dab.targetStageInstance__43dab {
background: url(/assets/b81e4773a96fb05d.svg)
}
.themeOverrideDark__43dab.icon__43dab.targetGuildScheduledEvent__43dab,.theme-dark .icon__43dab.targetGuildScheduledEvent__43dab {
background: url(/assets/06e0c61b48f72f6d.svg)
}
.themeOverrideDark__43dab.icon__43dab.thread__43dab,.theme-dark .icon__43dab.thread__43dab {
background: url(/assets/f31aad3177a6c7c8.svg)
}
.themeOverrideDark__43dab.icon__43dab.applicationCommand__43dab,.theme-dark .icon__43dab.applicationCommand__43dab {
background: url(/assets/3934256e60927112.svg)
}
.themeOverrideDark__43dab.icon__43dab.autoModerationRule__43dab,.theme-dark .icon__43dab.autoModerationRule__43dab {
background: url(/assets/91bd7f1643fe02ff.svg)
}
.themeOverrideDark__43dab.icon__43dab.autoModerationBlockMessage__43dab,.theme-dark .icon__43dab.autoModerationBlockMessage__43dab {
background: url(/assets/91bd7f1643fe02ff.svg)
}
.themeOverrideDark__43dab.icon__43dab.targetGuildHome__43dab,.theme-dark .icon__43dab.targetGuildHome__43dab {
background: url(/assets/606a039f64780e30.svg)
}
.themeOverrideDark__43dab.icon__43dab.targetGuildSoundboard__43dab,.theme-dark .icon__43dab.targetGuildSoundboard__43dab {
background: url(/assets/547b254784ef1abb.svg)
}
.headerClickable__43dab,.headerDefault__43dab {
background-color: unset;
color: var(--text-default)
}
.inviteChipletContainer__23437 {
display: flex;
flex-direction: row
}
.inviteChiplet__23437 {
color: var(--text-muted);
flex: 0
}
.inviteContainer__23437 {
background-color: var(--background-mod-subtle);
border-radius: var(--radius-xs);
cursor: pointer;
overflow: hidden;
padding: 0 4px;
white-space: nowrap;
width: -moz-fit-content;
width: fit-content
}
.inviteContainer__23437,.inviterTooltipContainer__23437,.linkedChannelContainer__23437 {
align-items: center;
display: flex;
gap: 4px
}
.linkedChannelContainer__23437 {
cursor: pointer;
max-width: 250px
}
.linkedChannelApplicationName__23437 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.robot__23437 {
color: var(--text-link)
}
.integrationIcon__23437 {
background-size: contain
}
.unknownInvite__23437 {
flex: 0;
width: -moz-fit-content;
width: fit-content
}
.inviterFooter__23437 {
margin-top: 4px
}
.inviterUserContainer__23437 {
align-items: center;
display: flex;
flex-direction: row;
gap: 4px
}
.clickable__23437 {
cursor: pointer
}
.footerAlignment__23437 {
align-items: flex-end;
display: flex;
flex-direction: column
}
.modInfoItemContainer__96c0b {
border-radius: var(--radius-sm);
flex-direction: column;
gap: 0;
overflow: hidden
}
.modInfoItem__96c0b,.modInfoItemContainer__96c0b {
box-shadow: var(--elevation-stroke);
display: flex
}
.modInfoItem__96c0b {
align-items: center;
background-color: var(--background-base-lower);
flex: 1;
flex-direction: row;
gap: 8px;
padding: 12px
}
.modInfoItem__96c0b:not(:last-child) {
margin-bottom: 1px
}
.modInfoItemIcon__96c0b {
flex: 0 0 auto;
height: 16px;
width: 16px
}
.modInfoItemName__96c0b {
flex: 1 1 auto
}
.modInfoItemDescription__96c0b {
display: block;
text-align: end
}
.modInfoAction__96c0b {
box-shadow: var(--elevation-stroke);
color: var(--text-muted);
cursor: pointer;
transition: background-color .2s ease-in-out,color .2s ease-in-out
}
.modInfoAction__96c0b:hover {
background-color: var(--interactive-background-active);
color: var(--interactive-text-hover)
}
.modInfoItemActionIcon__96c0b {
flex: 0 0 auto;
height: 16px;
width: 16px
}
.container__3a5a1 {
background-color: color-mix(in oklab,var(--background-surface-high),transparent 20%);
border-radius: var(--radius-sm);
box-shadow: var(--elevation-low);
overflow: hidden
}
.container__3a5a1,.innerContainer__3a5a1 {
display: flex;
flex: 1;
flex-direction: column
}
.innerContainer__3a5a1 {
gap: 20px;
padding: 12px 16px
}
.keyComboInner__3a5a1 {
border: 1px solid var(--interactive-background-hover)!important;
box-shadow: inset 0 -4px 0 var(--interactive-background-selected)!important;
color: var(--text-default)!important
}
.keyComboContainer__3a5a1,.keyComboInner__3a5a1 {
background-color: var(--interactive-background-selected)
}
.keyComboContainer__3a5a1 {
border-radius: var(--radius-sm)
}
.header__3a5a1 {
background-color: color-mix(in oklab,var(--background-base-lower),transparent 20%);
box-shadow: var(--elevation-stroke),var(--elevation-low);
padding: 12px 16px;
z-index: 1
}
.header__3a5a1,.headerTitle__3a5a1 {
align-items: center;
display: flex;
flex-direction: row;
gap: 8px
}
.headerTitle__3a5a1 {
flex: 1
}
.infoTitle__3a5a1 {
padding-bottom: 4px
}
.roleContainer__3a5a1 {
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 4px
}
.highestRole__3a5a1 {
box-shadow: var(--elevation-stroke),var(--custom-guild-shop-channel-row-glow)
}
.otherRoles__3a5a1 {
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center
}
.addRoleIcon__3a5a1 {
color: var(--interactive-text-default);
transition: color 80ms cubic-bezier(.48,1.93,1,.68)
}
.roleTooltip__3a5a1 {
padding-inline-end:0;padding: 4px 4px 0
}
.roleTooltipItemContainer__3a5a1 {
display: flex;
flex-direction: column;
gap: 4px;
padding: 8px
}
.roleTooltipItem__3a5a1 {
overflow: hidden
}
.addRoleContainer__3a5a1 {
cursor: pointer
}
.guildIcon__3a5a1 {
border-radius: var(--radius-sm);
overflow: hidden
}
.loadingSpinner__3a5a1 {
flex: 0;
height: 16px;
margin: 0;
width: 16px
}
.verifiedIcon__3a5a1 {
color: var(--text-feedback-positive)
}
.unverifiedIcon__3a5a1 {
color: var(--text-feedback-critical)
}
.noRoles__3a5a1 {
background-color: var(--background-mod-subtle);
border-radius: 4px;
padding: 4px
}
.auditLogItem_b2f52f {
align-items: flex-start;
display: flex;
flex: 1;
flex-direction: column;
gap: 8px;
justify-content: space-between;
padding: 12px
}
.auditLogItemTitleContainer_b2f52f {
display: flex;
flex: 1;
flex-direction: row;
gap: 4px;
width: 100%
}
.auditLogItemTitle_b2f52f {
display: flex;
flex: 1;
flex-direction: row;
gap: 4px
}
.username_b2f52f {
cursor: pointer;
margin-inline-end:4px}
.auditLogItemDate_b2f52f {
align-self: flex-end
}
.auditLogReason_b2f52f {
display: block
}
.auditLogSecondaryContainer_b2f52f {
display: flex;
flex-direction: row;
gap: 4px
}
.auditLogSecondary_b2f52f {
flex: 1
}
.auditLogExpandedChangeDetails_b2f52f {
background-color: transparent!important;
padding: 0
}
.auditLogExpandedChangeDetails_b2f52f>div {
margin: 0
}
.permissionTooltip__1ef77 {
padding-inline-end:0;padding: 4px 4px 0
}
.roleTooltipContainer__1ef77 {
display: block;
max-width: 300px;
width: auto
}
.roleTooltipContentContainer__1ef77 {
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 4px;
justify-content: center;
width: auto
}
.roleTooltipContentContainer__1ef77,.roleTooltipItem__1ef77 {
align-self: center;
flex-basis: auto;
flex-grow: 0;
flex-shrink: 1
}
.roleTooltipItem__1ef77 {
overflow: hidden
}
.permissionsContainer__1ef77 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px
}
.permissionChiplet__1ef77 {
align-items: center;
background-color: var(--background-mod-subtle);
border-radius: 4px;
cursor: normal;
display: flex;
gap: 4px;
padding: 4px
}
.noModPerms__1ef77 {
cursor: not-allowed
}
.elevatedPermission__1ef77 {
background-color: var(--background-mod-strong)
}
.headerContainer__1ef77 {
gap: 8px;
justify-content: space-between
}
.headerContainer__1ef77,.viewAllPermissions__1ef77 {
align-items: center;
display: flex;
flex-direction: row
}
.viewAllPermissions__1ef77 {
cursor: pointer
}
.wrapper__2ea32 {
margin-inline-start:var(--space-xs);overflow: visible;
padding: 1px 0;
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:0;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,.15),rgba(111,74,255,.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: 6px 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: 0;
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: .5
}
.modeMuted__2ea32 .name__2ea32 {
color: var(--text-muted);
opacity: .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: 1px solid Canvas;
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: .4
}
.enable-forced-colors .modeMuted__2ea32:focus,.enable-forced-colors .modeMuted__2ea32:hover {
opacity: 1
}
.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(0)
}
.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
}
.container_b82a71 {
color: var(--text-strong)
}
.container__80bf8 {
outline: none;
position: relative
}
.searchResult__80bf8 {
background-color: var(--background-base-lower);
border: 1px solid var(--border-subtle);
border-radius: 8px;
box-sizing: border-box;
cursor: pointer;
margin-bottom: 8px;
overflow: hidden
}
.message__80bf8 {
padding: 6px 0
}
.buttonsContainer__80bf8 {
display: none;
inset-inline-end: 8px;
position: absolute;
top: 8px
}
.container__80bf8:focus-within .buttonsContainer__80bf8,.container__80bf8:hover .buttonsContainer__80bf8 {
display: flex
}
.button__80bf8 {
background-color: var(--background-base-lowest);
border-radius: 3px;
box-sizing: border-box;
color: var(--text-default);
cursor: pointer;
font-size: 12px;
font-weight: var(--font-weight-medium);
height: 24px;
line-height: 16px;
margin-inline-start:6px;padding: 4px;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
z-index: 1
}
.button__80bf8:hover {
color: var(--interactive-text-hover)
}
.button__80bf8:active {
color: var(--interactive-text-active);
transform: translate3d(0,1px,0)
}
.searchResultGroup_a7e67f {
margin-bottom: 24px
}
.channelNameContainer_a7e67f {
align-items: center;
cursor: pointer;
display: flex;
margin-bottom: 8px
}
.channelNameText_a7e67f {
color: var(--text-strong);
font-size: 16px;
font-weight: var(--font-weight-medium);
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.channelNameText_a7e67f:hover {
text-decoration: underline
}
.parentChannelName_a7e67f {
align-items: center;
display: flex
}
.parentChannelNameClickable_a7e67f .parentChannelNameText_a7e67f:hover {
text-decoration: underline
}
.parentChannelNameText_a7e67f {
white-space: nowrap
}
.channelNameIcon_a7e67f {
color: var(--text-strong);
flex-shrink: 0;
padding-inline-end:4px}
.parentChannelNameIcon_a7e67f {
color: var(--text-default);
flex-shrink: 0;
margin-inline-start:4px;padding-inline-end:4px}
.resultsBlocked_a7e67f {
align-items: center;
background-color: var(--background-mod-normal);
border: 1px solid var(--background-base-lowest);
border-radius: 3px;
color: var(--text-muted);
cursor: pointer;
display: flex;
font-size: 14px;
padding: 6px 18px
}
.resultsBlocked_a7e67f:hover {
color: var(--text-default)
}
.resultsBlockedImage_a7e67f {
height: 32px;
margin-inline-end:20px;width: 32px
}
.images-light .resultsBlockedImage_a7e67f {
background-image: url(/assets/3f044af39abb8630.svg)
}
.images-dark .resultsBlockedImage_a7e67f {
background-image: url(/assets/abbc14555963e723.svg)
}
.keyComboInner__15c82 {
background-color: var(--background-mod-subtle);
border: 1px solid var(--interactive-background-hover)!important;
box-shadow: inset 0 -4px 0 var(--interactive-background-selected)!important;
color: var(--text-default)!important
}
.keyComboContainer__15c82 {
background-color: var(--interactive-background-selected);
border-radius: var(--radius-sm)
}
.backButton__15c82 {
align-items: center;
cursor: pointer;
display: flex;
flex-direction: row;
gap: 4px
}
.innerContainer__39de8 {
display: flex;
flex: 1;
flex-direction: column;
gap: 16px;
margin-top: 1px;
overflow: hidden;
padding: 12px 16px
}
.innerContainer__39de8 li>div {
background-color: var(--background-base-lower)!important;
box-shadow: var(--elevation-stroke)
}
.permissionsGroupContainer__3f11f {
padding: 16px
}
.permissionItemContainer__3f11f,.permissionsItemContainer__3f11f {
display: flex;
flex-direction: column;
gap: 12px
}
.permissionItemContainer__3f11f {
background-color: var(--background-base-lower);
border-radius: 8px;
box-shadow: none;
padding: 12px
}
.permissionItemContainer__3f11f.elevatedPermission__3f11f {
box-shadow: var(--elevation-stroke)
}
.permissionItemHeader__3f11f {
align-items: flex-start;
display: flex;
flex-direction: row;
justify-content: space-between
}
.permissionItemSubheader__3f11f {
align-items: center;
display: flex;
flex-direction: row;
gap: 8px
}
.elevatedPermissionContainer__3f11f {
align-items: center;
display: flex;
flex-direction: row;
gap: 2px
}
.permissionItemDescription__3f11f {
flex: 1
}
.permissionItemRoleContainer__3f11f {
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px
}
.permissionTitle__3f11f {
overflow: hidden;
text-overflow: ellipsis;
vertical-align: top
}
.roleTooltipItem__3f11f {
align-items: center;
display: flex;
flex-direction: row;
margin: 0;
padding: 0
}
.roleTooltipItem__3f11f.editable__3f11f {
cursor: pointer
}
.roleChiplet__3f11f {
background-color: var(--background-mod-strong);
border-radius: 4px;
height: auto;
margin: 0;
padding: 4px
}
.container__34940 {
background-color: var(--background-mod-subtle);
border-radius: var(--radius-sm);
box-shadow: var(--elevation-low);
display: flex;
flex-direction: column;
overflow: hidden
}
.topRow__34940 {
align-items: center;
background-color: color-mix(in oklab,var(--background-base-lower),transparent 20%);
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 12px 8px
}
.memberNameAndTagContainer__34940 {
display: flex;
flex-direction: column
}
.memberNameContainer__34940 {
display: flex;
flex-direction: row;
gap: 8px
}
.memberName__34940 {
gap: 4px
}
.memberName__34940,.memberNameGlobal__34940 {
align-items: center;
display: flex;
flex-direction: row;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.memberNameTextContainer__34940 {
align-items: center;
display: flex;
flex-direction: row;
gap: 8px
}
.memberClanTag__34940 {
padding: 4px
}
.memberClanTagContainer__34940 {
flex-shrink: 0
}
.memberAvatar__34940 {
align-self: center;
grid-row: span 2
}
.closeAction__34940 {
color: var(--text-default);
cursor: pointer;
padding: 4px
}
.bottomRow__34940 {
align-items: center;
display: flex;
flex-direction: row;
gap: 1px;
justify-content: space-between;
margin-top: 1px
}
.bottomRowAction__34940 {
background-color: color-mix(in oklab,var(--background-base-lower),transparent 20%);
color: var(--interactive-text-default);
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.bottomRowAction__34940,.bottomRowAction__34940 .innerBottomRowAction__34940 {
align-items: center;
display: flex;
flex: 1;
flex-direction: column;
justify-content: center
}
.bottomRowAction__34940 .innerBottomRowAction__34940 {
gap: 4px;
height: 52px;
padding: 12px 8px;
width: calc(100% - 16px)
}
.bottomRowAction__34940 .innerBottomRowAction__34940:hover {
background-color: var(--interactive-background-selected);
color: var(--interactive-text-hover)
}
.bottomRowActionDisabled__34940 {
cursor: not-allowed
}
.bottomRowActionDisabled__34940 .innerBottomRowAction__34940 {
opacity: .5
}
.bottomRowActionDisabled__34940 .innerBottomRowAction__34940,.bottomRowActionDisabled__34940 .innerBottomRowAction__34940:hover {
background-color: var(--background-mod-subtle);
color: var(--text-muted)
}
.sidebarContainer__656be {
margin: 0;
margin-inline-start:8px}
.loadingContainer__656be,.sidebarContainer__656be {
display: flex;
flex-direction: column;
gap: 8px;
height: 100%
}
.loadingContainer__656be {
align-items: center;
justify-content: center
}
div.profileThemedContainer__656be {
border-radius: 8px 0 0 8px;
box-shadow: none;
max-height: auto;
min-height: auto;
width: auto
}
.innerContainer__656be,div.profileThemedContainer__656be {
display: flex;
flex: 1;
flex-direction: column;
gap: 8px
}
.innerContainer__656be {
color: var(--text-default);
padding: 8px;
position: relative
}
.searchIndexAnimation__8a209 {
height: 280px;
position: relative;
width: 320px
}
.searchIndexBackground__8a209,.searchIndexForeground__8a209 {
height: 100%;
inset-inline-start: 0;
position: absolute;
top: 0;
width: 100%
}
.background__8a209,.magnifyingGlass__8a209,.mask__8a209 {
transform-origin: center
}
.mask__8a209 {
height: 80px;
width: 80px
}
.images-light .searchIndexBackground__8a209 {
background-image: url(/assets/e409bdbc405200da.svg)
}
.images-dark .searchIndexBackground__8a209 {
background-image: url(/assets/436b5a86429f186a.svg)
}
/*# sourceMappingURL=1f7b87510348dd0c.css.map*/