:root {
--fluent-version: "1.1.7";
--transition: cubic-bezier(0, 0, 0, 1);
--accent-text: #000;
--accent-solid: var(--accent);
--pill-width: 4px;
--pill-height: 16px;
--pill-transition: scale 0.15s var(--transition);
--btn-radius: 6px;
--rounded-high: 8px;
--rounded: 4px;
--toolbar-height: 45px;
--bottombar-height: 64px;
--font-weight-light: 300;
--font-weight-semilight: 350;
--font-weight-regular: 400;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--font-size-xs: 12px;
--font-size-sm: 14px;
--font-size: 16px;
--font-size-md: 18px;
--font-size-lg: 20px;
--font-size-xl: 28px;
--font-size-2xl: 40px;
--line-height: 16px;
--line-height-md: 20px;
--line-height-lg: 24px;
--line-height-xl: 28px;
--line-height-2xl: 36px;
--line-height-3xl: 52px;
--font-display: "Segoe UI", sans-serif;
--font-primary: "Segoe UI", sans-serif;
--shadow-flyout: 0px 8px 16px hsla(0 0% 0% / 0.14);
--shadow-dialog: 0px 32px 64px hsla(0 0% 0% / 0.188) 0px 2px 21px hsla(0 0% 0% / 0.147);
--cursor: pointer;
--chat-mention-colour: var(--accent);
--chat-padding-y: 12px;
--chat-padding-x: 12px;
--chat-spacing-y: 32px;
--chat-spacing-x: 24px;
--server-size: 48px;
--server-icon-size: 36px;
--server-container: calc(var(--server-size) + 16px);
--server-hover-selected: inset 0 0 0 100vmax var(--server-bg), inset 1px 0 0 var(--btn-border-x), inset 0 1px 0 var(--btn-border-t),
inset -1px 0 var(--btn-border-x), inset 0 -1px 0 var(--btn-border-b);
--server-icon-shape: 50%;
--server-folder-icon-shape: 2px;
--channel-padding: 8px;
--banner-height: 155px;
--profile-modal-height: 700px;
--profile-modal-width: 800px;
--win-btn-height: 32px;
--win-btn-width: 52px;
--profile-premium-text-shadow: 0 2px 5px hsl(0 0% 0% / 0.75);
--discord-pink: 302 calc(var(--saturation-factor, 1) * 100%) 72.5%;
--discord-red: 359 calc(var(--saturation-factor, 1) * 82.6%) 59.4%;
--discord-grey: 217 8% 34%;
--text-normal: var(--text-primary);
--text-muted: var(--text-tertiary);
--interactive-muted: var(--text-quaternary);
--text-link: var(--accent);
}
.theme-dark,
html.theme-dark #app-mount .theme-light .root__49fc1 {
--dark-bg-h: var(--dark-background-hue, 0);
--dark-bg-s: var(--dark-background-saturation, 0%);
--bg-main: hsl(var(--dark-bg-h) var(--dark-bg-s) 13%);
--bg-alt: hsl(var(--dark-bg-h) var(--dark-bg-s) 15%);
--bg-content: hsl(var(--dark-bg-h) var(--dark-bg-s) 17%);
--bg-content-alt: hsl(var(--dark-bg-h) var(--dark-bg-s) 18%);
--bg-transparent: hsl(var(--dark-bg-h) var(--dark-bg-s) 40% / 0.25);
--bg-transparent-hover: hsl(var(--dark-bg-h) var(--dark-bg-s) 40% / 0.35);
--bg-transparent-active: hsl(var(--dark-bg-h) var(--dark-bg-s) 40% / 0.4);
--bg-interactive: hsl(var(--dark-bg-h) var(--dark-bg-s) 18%);
--bg-interactive-high: hsl(var(--dark-bg-h) var(--dark-bg-s) 20%);
--bg-interactive-hover: hsl(var(--dark-bg-h) var(--dark-bg-s) 16%);
--bg-interactive-high-hover: hsl(var(--dark-bg-h) var(--dark-bg-s) 18%);
--bg-high: hsl(var(--dark-bg-h) var(--dark-bg-s) 20%);
--bg-higher: hsl(var(--dark-bg-h) var(--dark-bg-s) 23%);
--bg-highest: hsl(var(--dark-bg-h) var(--dark-bg-s) 28%);
--bg-menu: hsl(var(--dark-bg-h) var(--dark-bg-s) 17%);
--bg-menu-item: hsl(var(--dark-bg-h) var(--dark-bg-s) 22%);
--bg-menu-item-hover: hsl(var(--dark-bg-h) var(--dark-bg-s) 20%);
--chat-bubble-bg: hsl(var(--dark-bg-h) var(--dark-bg-s) 18%);
--chat-mention-bubble: hsl(var(--dark-bg-h) var(--dark-bg-s) 100% / 0.05);
--border: hsl(var(--dark-bg-h) var(--dark-bg-s) 11%);
--border-mid: hsl(var(--dark-bg-h) var(--dark-bg-s) 20%);
--border-high: hsl(var(--dark-bg-h) var(--dark-bg-s) 23%);
--pill-unread: hsl(var(--dark-bg-h) var(--dark-bg-s) 60%);
--pill-hovered: #fff;
--btn-bg: hsl(var(--dark-bg-h) var(--dark-bg-s) 40% / 0.2);
--btn-bg-hover: hsl(var(--dark-bg-h) var(--dark-bg-s) 40% / 0.25);
--btn-bg-active: hsl(var(--dark-bg-h) var(--dark-bg-s) 40% / 0.1);
--btn-border-t: hsl(var(--dark-bg-h) var(--dark-bg-s) 40% / 0.3);
--btn-border-x: hsl(var(--dark-bg-h) var(--dark-bg-s) 40% / 0.1);
--btn-border-b: hsl(var(--dark-bg-h) var(--dark-bg-s) 40% / 0.1);
--btn-border-active: hsl(var(--dark-bg-h) var(--dark-bg-s) 40% / 0.2);
--scrollbar-background: hsl(var(--dark-bg-h) var(--dark-bg-s) 50%);
--server-bg: hsl(var(--dark-bg-h) var(--dark-bg-s) 50% / 0.2);
--folder-bg: var(--server-bg);
--textbox-bg: hsl(var(--dark-bg-h) var(--dark-bg-s) 18%);
--textbox-bg-high: hsl(var(--dark-bg-h) var(--dark-bg-s) 20%);
--textbox-bg-hover: hsl(var(--dark-bg-h) var(--dark-bg-s) 20%);
--textbox-bg-high-hover: hsl(var(--dark-bg-h) var(--dark-bg-s) 22%);
--textbox-bg-active: hsl(var(--dark-bg-h) var(--dark-bg-s) 13%);
--textbox-bg-high-active: hsl(var(--dark-bg-h) var(--dark-bg-s) 16%);
--textbox-border: hsl(var(--dark-bg-h) var(--dark-bg-s) 19%);
--textbox-underline: hsl(var(--dark-bg-h) var(--dark-bg-s) 60%);
--switch-border: hsl(var(--dark-bg-h) var(--dark-bg-s) 94% / 54.42%);
--text-primary: hsl(var(--dark-bg-h) var(--dark-bg-s) 90%);
--text-secondary: hsl(var(--dark-bg-h) var(--dark-bg-s) 85% / 75%);
--text-tertiary: hsl(var(--dark-bg-h) var(--dark-bg-s) 80% / 55%);
--text-quaternary: hsl(var(--dark-bg-h) var(--dark-bg-s) 75% / 35%);
}
.theme-light,
html.theme-light #app-mount .theme-light .root__49fc1 {
--bg-main: #f3f3f3;
--bg-alt: #fafafa;
--bg-content: #fbfbfb;
--bg-content-alt: #f6f6f6;
--bg-transparent: hsl(0 0% 40% / 0.25);
--bg-transparent-hover: hsl(0 0% 40% / 0.35);
--bg-transparent-active: hsl(0 0% 40% / 0.4);
--bg-interactive: #eaeaea;
--bg-interactive-hover: #ededed;
--bg-interactive-high: #eeeeee;
--bg-interactive-high-hover: #f1f1f1;
--bg-high: #fff;
--bg-higher: #fff;
--bg-highest: #fff;
--bg-menu: #f9f9f9;
--bg-menu-item: #f0f0f0;
--bg-menu-item-hover: #f3f3f3;
--chat-bubble-bg: var(--bg-main);
--chat-mention-bubble: hsl(0 0% 0% / 0.05);
--border: #e5e5e5;
--border-mid: #e8e8e8;
--border-high: #ececec;
--pill-unread: #9a9a9a;
--pill-hovered: #fff;
--btn-bg: hsl(0 0% 100%);
--btn-bg-hover: hsl(0 0% 0% / 0.005);
--btn-bg-active: hsl(0 0% 100% / 0.005);
--btn-border-t: hsl(0 0% 0% / 0.06);
--btn-border-x: hsl(0 0% 0% / 0.06);
--btn-border-b: hsl(0 0% 0% / 0.15);
--btn-border-active: hsl(0 0% 0% / 0.15);
--scrollbar-background: hsl(0 0% 50%);
--server-bg: hsl(0 0% 0% / 0.08);
--folder-bg: var(--server-bg);
--textbox-bg: #fbfbfb;
--textbox-bg-hover: #f6f6f6;
--textbox-bg-active: #f6f6f6;
--textbox-border: #e5e5e5;
--textbox-underline: #868686;
--switch-border: hsl(0 0% 0% / 54.42%);
--text-primary: hsl(0 0% 0% / 100%);
--text-secondary: hsl(0 0% 0% / 75%);
--text-tertiary: hsl(0 0% 0% / 55%);
}
@font-face {
font-family: "Segoe UI";
src: local("Segoe UI Light"), url("https://discordstyles.github.io/Fluent/fonts/light.woff2") format("woff2");
font-weight: 100;
}
@font-face {
font-family: "Segoe UI";
src: local("Segoe UI Semilight"), url("https://discordstyles.github.io/Fluent/fonts/semilight.woff2") format("woff2");
font-weight: 200;
}
@font-face {
font-family: "Segoe UI";
src: local("Segoe UI"), url("https://discordstyles.github.io/Fluent/fonts/normal.woff2") format("woff2");
font-weight: 400;
}
@font-face {
font-family: "Segoe UI";
src: local("Segoe UI Semibold"), url("https://discordstyles.github.io/Fluent/fonts/semibold.woff2") format("woff2");
font-weight: 600;
}
@font-face {
font-family: "Segoe UI";
src: local("Segoe UI Bold"), url("https://discordstyles.github.io/Fluent/fonts/bold.woff2") format("woff2");
font-weight: 700;
}
html,
span:not([class*=spinner_], [class*=spinnerItem]) {
backface-visibility: hidden;
}
body,
#app-mount,
.app_a01fb1 {
background: var(--bg-main);
}
.bg_d4b6c5 {
background: transparent;
}
[class*=clickable_],
[class*=cursorPointer_],
[class*=selectable_] {
cursor: var(--cursor) !important;
}
.base_a4d4d9 {
background: var(--bg-alt);
border-top: 1px solid var(--border-high);
border-left: 1px solid var(--border-high);
border-top-left-radius: var(--rounded);
overflow: visible;
}
.content_a4d4d9 {
width: calc(100vw - var(--server-container));
}
.content_a4d4d9:has(.hidden__3ab58) {
width: unset;
}
.layer_d4b6c5 :not(.baseLayer_d4b6c5) .info_c5a741 > .line_c5a741:first-child::before {
display: block;
content: "Fluent v" var(--fluent-version);
text-transform: none;
}
.layer_d4b6c5 {
transform: scale(1) !important;
z-index: 1;
}
.layer_d4b6c5.baseLayer_d4b6c5 {
transform: none !important;
opacity: 1 !important;
padding-top: 0 !important;
transition: none !important;
}
#app-mount .tooltip-14MtrL {
box-shadow: var(--shadow-flyout);
font-size: 14px;
border-radius: var(--rounded);
}
#app-mount .tooltipContent_b6c360 {
padding: 6px 8px;
}
#app-mount .tooltipPointer_b6c360 {
border-top-color: var(--border-high);
}
#app-mount .tooltipPrimary_b6c360 {
border: 1px solid var(--bg-highest);
background: var(--bg-high);
}
#app-mount .guildNameText_a6ae3c,
#app-mount .tooltipContent_b6c360 {
font-weight: 500;
}
::-webkit-scrollbar-track {
background: transparent !important;
border-color: transparent !important;
}
::-webkit-scrollbar-thumb {
background-color: var(--scrollbar-background) !important;
}
.chatContent_f75fb0 .scroller__36d07::-webkit-scrollbar,
.peopleList__5ec2f::-webkit-scrollbar,
.scroller_ac6cb0::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.chatContent_f75fb0 .scroller__36d07::-webkit-scrollbar-track,
.peopleList__5ec2f::-webkit-scrollbar-track,
.scroller_ac6cb0::-webkit-scrollbar-track {
background: transparent !important;
border-color: transparent !important;
}
.chatContent_f75fb0 .scroller__36d07::-webkit-scrollbar-thumb,
.peopleList__5ec2f::-webkit-scrollbar-thumb,
.scroller_ac6cb0::-webkit-scrollbar-thumb {
background-color: var(--scrollbar-background);
}
.members_c8ffbb::-webkit-scrollbar,
.container__2637a .scroller__629e4::-webkit-scrollbar,
.sidebarRegionScroller__23e6b::-webkit-scrollbar,
.scroller__99e7c::-webkit-scrollbar {
width: 6px;
height: 6px;
}
#app-mount {
/*
.toolbar_e44302 {
gap: 16px;
.iconWrapper_e44302 {
margin: 0;
}
a[href='https://support.discord.com']
{
display: none;
}
}*/
}
#app-mount .title_f75fb0 {
background: var(--bg-alt);
border-bottom: 1px solid var(--border-mid);
height: var(--toolbar-height);
padding-right: 160px;
/*padding: 0 16px;
&::before {
content: none;
}*/
}
#app-mount .fullScreen-KhZZcz .container-ZMc96U, #app-mount .fullScreen-KhZZcz .transparent-1lUmft {
padding-right: 0px;
}
#app-mount .wrapper-1gVUIN.fullScreen-KhZZcz.video-3n15R6 .button-f2h6uQ.lookBlank-21BCro.colorBrand-I6CyqQ.grow-2sR_-F.chatButton-10jXXp {
padding-right: 0px;
}
#app-mount .content-1SgpWY {
position: absolute !important;
width: 100% !important;
height: 100% !important;
}
#app-mount .flex-2S1XBF.flex-3BkGQD.horizontal-112GEH.flex-3BkGQD {
padding-right: 0px;
}
#app-mount .topControls_d202b0.controlSection_daa0d5, #app-mount .button_afdfd9.chatButton_c6f407 {
margin-top: calc(var(--win-btn-height) + 21px);
}
#app-mount .transparent__7f3e0 {
padding-right: 0px;
}
#app-mount .children_e44302 {
margin-right: 16px;
}
#app-mount .children_e44302 > .iconWrapper_e44302 {
margin: 0 16px 0 0;
}
#app-mount .children_e44302 .divider_e44302 {
display: none;
}
#app-mount .children_e44302::after {
content: none;
}
#app-mount .iconWrapper-2awDjA.clickable-ZD7xvu {
padding-left: 5px;
padding-right: 5px;
}
#app-mount .search_ff5f90 {
border-radius: var(--rounded);
overflow: hidden;
width: 200px;
}
#app-mount .searchBar_a46bef {
background: var(--textbox-bg);
border: 1px solid var(--textbox-border);
height: 30px;
padding: 0;
width: 200px;
}
#app-mount .searchBar_a46bef .DraftEditor-root {
padding-top: 4px;
}
#app-mount .searchBar_a46bef .public-DraftEditor-content,
#app-mount .searchBar_a46bef .public-DraftEditorPlaceholder-root {
padding-left: 8px;
padding-right: 8px;
}
#app-mount .searchBar_a46bef .icon_a46bef {
height: 28px;
}
#app-mount .searchBar_a46bef::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: var(--textbox-underline);
}
#app-mount .searchBar_a46bef:hover {
background: var(--textbox-bg-hover);
}
#app-mount .searchBar_a46bef:focus-within {
background: var(--bg-alt);
}
#app-mount .searchBar_a46bef:focus-within::before {
height: 2px;
background: var(--accent);
}
#app-mount [class*=tabBar_] {
display: flex;
height: auto;
gap: 0;
}
#app-mount [class*=tabBar_] [class*=item_],
#app-mount [class*=tabBar_] [class*=tabBarItem_] {
margin: 0;
border: none;
padding: 10px 12px;
height: auto;
border-radius: var(--btn-radius);
cursor: var(--cursor);
background: transparent !important;
color: var(--text-secondary) !important;
text-transform: none;
font-weight: var(--font-weight-normal);
}
#app-mount [class*=tabBar_] [class*=item_]::before,
#app-mount [class*=tabBar_] [class*=tabBarItem_]::before {
content: "";
height: var(--pill-width);
width: 0%;
display: block;
opacity: 0;
border-radius: 30px;
background: var(--accent);
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
transition: opacity 0.15s var(--transition), width 0.15s var(--transition);
margin-bottom: 1px;
}
#app-mount [class*=tabBar_] [class*=item_]:hover,
#app-mount [class*=tabBar_] [class*=tabBarItem_]:hover {
color: var(--text-primary) !important;
}
#app-mount [class*=tabBar_] [class*=item_][aria-selected=true],
#app-mount [class*=tabBar_] [class*=tabBarItem_][aria-selected=true] {
color: var(--text-primary) !important;
}
#app-mount [class*=tabBar_] [class*=item_][aria-selected=true]::before,
#app-mount [class*=tabBar_] [class*=tabBarItem_][aria-selected=true]::before {
width: 40%;
opacity: 1;
}
#app-mount .guilds_c48ade {
width: var(--server-container);
background: transparent;
}
#app-mount .guilds_c48ade.hidden_ef3116 {
display: none;
}
#app-mount .guilds_c48ade.hidden_ef3116 + .base_c48ade {
border: none;
}
#app-mount .scroller_ef3116 {
background: var(--bg-main);
}
#app-mount .scroller_ef3116 .tutorialContainer__1f388 + div:not([class]) {
height: var(--server-size) !important;
margin-bottom: 4px;
}
#app-mount .gradient_f8ec41 {
background: linear-gradient(to top, var(--bg-main) 0, rgba(0, 0, 0, 0) 100%);
top: -8px;
}
#app-mount .footer__214dc {
background: transparent;
}
#app-mount div[aria-hidden=true][style="height: 84px;"] {
display: none;
}
#app-mount .guilds_c48ade [class*=pill] {
width: 4px;
margin-left: 0;
left: calc(var(--server-container) / 2 - var(--server-size) / 2);
z-index: 1;
height: var(--server-size);
}
#app-mount .guilds_c48ade [class*=pill] span {
height: var(--pill-height) !important;
width: 100% !important;
transform: scale(0, 1) !important;
transition: 0.15s var(--transition) !important;
margin-left: 0;
border-radius: var(--rounded-high);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 0"] {
transform: scale(1, 0.5) !important;
background: var(--pill-unread);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 1"] {
transform: scale(1, 0.5) !important;
background: var(--pill-unread);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 2"] {
transform: scale(1, 0.5) !important;
background: var(--pill-unread);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 3"] {
transform: scale(1, 0.5) !important;
background: var(--pill-unread);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 4"] {
transform: scale(1, 0.5) !important;
background: var(--pill-unread);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 5"] {
transform: scale(1, 0.5) !important;
background: var(--pill-unread);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 6"] {
transform: scale(1, 0.5) !important;
background: var(--pill-unread);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 7"] {
transform: scale(1, 0.5) !important;
background: var(--pill-unread);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 8"] {
transform: scale(1, 0.5) !important;
background: var(--pill-unread);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 9"] {
transform: scale(1, 0.7) !important;
background: var(--pill-hovered);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 10"] {
transform: scale(1, 0.7) !important;
background: var(--pill-hovered);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 11"] {
transform: scale(1, 0.7) !important;
background: var(--pill-hovered);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 12"] {
transform: scale(1, 0.7) !important;
background: var(--pill-hovered);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 13"] {
transform: scale(1, 0.7) !important;
background: var(--pill-hovered);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 14"] {
transform: scale(1, 0.7) !important;
background: var(--pill-hovered);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 15"] {
transform: scale(1, 0.7) !important;
background: var(--pill-hovered);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 16"] {
transform: scale(1, 0.7) !important;
background: var(--pill-hovered);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 17"] {
transform: scale(1, 0.7) !important;
background: var(--pill-hovered);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 18"] {
transform: scale(1, 0.7) !important;
background: var(--pill-hovered);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 19"] {
transform: scale(1, 0.7) !important;
background: var(--pill-hovered);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 20"] {
transform: scale(1, 0.7) !important;
background: var(--pill-hovered);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 21"] {
transform: scale(1, 1) !important;
background: var(--accent);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 22"] {
transform: scale(1, 1) !important;
background: var(--accent);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 23"] {
transform: scale(1, 1) !important;
background: var(--accent);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 24"] {
transform: scale(1, 1) !important;
background: var(--accent);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 25"] {
transform: scale(1, 1) !important;
background: var(--accent);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 26"] {
transform: scale(1, 1) !important;
background: var(--accent);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 27"] {
transform: scale(1, 1) !important;
background: var(--accent);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 28"] {
transform: scale(1, 1) !important;
background: var(--accent);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 29"] {
transform: scale(1, 1) !important;
background: var(--accent);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 30"] {
transform: scale(1, 1) !important;
background: var(--accent);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 31"] {
transform: scale(1, 1) !important;
background: var(--accent);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 32"] {
transform: scale(1, 1) !important;
background: var(--accent);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 33"] {
transform: scale(1, 1) !important;
background: var(--accent);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 34"] {
transform: scale(1, 1) !important;
background: var(--accent);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 35"] {
transform: scale(1, 1) !important;
background: var(--accent);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 36"] {
transform: scale(1, 1) !important;
background: var(--accent);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 37"] {
transform: scale(1, 1) !important;
background: var(--accent);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 38"] {
transform: scale(1, 1) !important;
background: var(--accent);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 39"] {
transform: scale(1, 1) !important;
background: var(--accent);
}
#app-mount .guilds_c48ade [class*=pill] span[style*="height: 40"] {
transform: scale(1, 1) !important;
background: var(--accent);
}
#app-mount .listItem__650eb {
margin: 0 0 4px;
width: var(--server-container);
position: relative;
}
#app-mount .listItem__650eb foreignObject {
-webkit-mask: none;
mask: none;
border-radius: var(--rounded);
box-sizing: border-box;
}
#app-mount .wrapper__6e9f8 {
border-radius: var(--rounded);
cursor: var(--cursor);
width: var(--server-size);
height: var(--server-size);
}
#app-mount .wrapper_cc5dd2 {
cursor: var(--cursor);
}
#app-mount .wrapper__6e9f8 {
position: relative;
transition: box-shadow 0.15s var(--transition);
}
#app-mount .wrapper__6e9f8:hover, #app-mount .wrapper__6e9f8.selected__6e9f8 {
box-shadow: var(--server-hover-selected);
}
#app-mount .svg-2zuE5p {
border-radius: 50%;
box-sizing: border-box;
width: var(--server-size);
height: var(--server-size);
}
#app-mount .svg-2zuE5p foreignObject {
width: 100%;
height: 100%;
}
#app-mount .icon__6e9f8,
#app-mount .childWrapperNoHoverBg__6e9f8 {
width: var(--server-icon-size);
height: var(--server-icon-size);
border-radius: var(--server-icon-shape);
position: relative;
z-index: 2;
}
#app-mount .wrapper__6e9f8 svg {
width: 75%;
height: 75%;
-webkit-mask: url('data:image/svg+xml; utf-8,') center/cover;
mask: url('data:image/svg+xml; utf-8,') center/cover;
background: var(--interactive-normal);
}
#app-mount .wrapper__6e9f8 svg path {
display: none;
}
#app-mount .childWrapperNoHoverBg__6e9f8 {
background: transparent;
font-weight: var(--font-weight-semibold);
}
#app-mount .wrapper__6e9f8.selected_ae80f7 .childWrapperNoHoverBg__6e9f8 {
background: transparent;
color: var(--text-primary);
}
#app-mount .circleIconButton__5bc7e {
background: transparent;
}
#app-mount .circleIconButton__5bc7e.selected__5bc7e {
background: transparent;
}
#app-mount .blobContainer_e5445c:active {
transform: none;
}
#app-mount .wrapper__48112 {
width: 100%;
}
#app-mount .closedFolderIconWrapper__48112 {
position: relative;
z-index: 1;
}
#app-mount .folderIconWrapper__48112 {
border-radius: var(--rounded);
transition: box-shadow 0.15s var(--transition);
}
#app-mount .folderIconWrapper__48112[style^=background-color] {
background: var(--folder-bg) !important;
}
#app-mount .folderIconWrapper__48112[style^=background-color]:hover {
box-shadow: var(--server-hover-selected);
}
#app-mount .expandedFolderBackground__48112 {
border-radius: var(--rounded);
height: 100%;
width: var(--server-size);
left: 50%;
transform: translateX(-50%);
}
#app-mount .expandedFolderBackground__48112:not(.collapsed__48112) {
background: var(--server-bg);
}
#app-mount .folder__48112 {
background: transparent;
cursor: var(--cursor);
}
#app-mount .guildIcon__48112 {
border-radius: var(--server-folder-icon-shape);
width: calc(var(--server-icon-size) / 1.9);
height: calc(var(--server-icon-size) / 1.9);
}
#app-mount [id^=folder-items][role=group] {
height: auto !important;
}
#app-mount .sidebar_c48ade {
width: var(--channels-width) !important;
background: var(--bg-alt);
border-right: 1px solid var(--border-mid);
box-sizing: border-box;
border-radius: var(--rounded) 0 0 0;
overflow: visible;
}
#app-mount .sidebar_c48ade .scroller__629e4 {
padding: 0px 8px 8px 8px !important;
}
#app-mount .sidebar_c48ade .scroller__629e4::-webkit-scrollbar {
display: none;
}
#app-mount .sidebar_c48ade .scroller__629e4 > ul > li:first-of-type {
padding-top: 0;
}
#app-mount .sidebar_c48ade.hidden_c48ade {
display: none;
}
#app-mount .content__99f8c > li:last-child {
padding-bottom: 16px;
}
#app-mount .container__2637a {
background: var(--bg-alt);
}
#app-mount .sectionDivider__629e4 {
margin-top: 8px;
}
#app-mount .scroller__1f498 > .content__690c5 > div:nth-child(2) {
height: 0px !important;
}
#app-mount .wrapper__2ea32 {
padding: 2px 0;
margin-left: 0;
}
#app-mount .wrapper__2ea32::before {
content: "";
position: absolute;
top: 50%;
left: 0;
border-radius: 50px;
height: var(--pill-height);
opacity: 1;
width: var(--pill-width);
translate: 0 -50%;
scale: 0;
transition: var(--pill-transition);
z-index: 1;
}
#app-mount .wrapper__2ea32.modeMuted__2ea32 .icon__2ea32,
#app-mount .wrapper__2ea32.modeMuted__2ea32 .iconContainer__2ea32:has(path[d^="M21.025 5V4C21.025"])::before {
background: var(--interactive-muted);
}
#app-mount .wrapper__2ea32.modeUnreadImportant__2ea32::before {
background: var(--pill-unread);
scale: 1 0.65;
opacity: 1;
}
#app-mount .wrapper__2ea32.modeSelected__2ea32::before {
background: var(--accent);
scale: 1;
}
#app-mount .wrapper__2ea32.modeSelected__2ea32 .link__2ea32 {
background: var(--bg-interactive-high);
}
#app-mount .wrapper__2ea32:hover .link__2ea32 {
background: var(--bg-interactive-high-hover);
}
#app-mount .wrapper__2ea32.typeThread__2ea32 {
padding-left: 32px;
}
#app-mount .unread__2ea32 {
display: none;
}
#app-mount .link__2ea32 {
border-radius: var(--rounded);
margin-left: 0;
margin-right: 0;
padding: 8px 8px 8px 16px;
cursor: var(--cursor);
}
#app-mount .link__2ea32 .name__2ea32 {
font-weight: var(--font-weight-normal);
}
#app-mount .link__2ea32 .actionIcon_c69b6d,
#app-mount .link__2ea32 .icon__2ea32 {
-webkit-mask-size: cover;
mask-size: cover;
-webkit-mask-position: center;
mask-position: center;
background: var(--interactive-normal);
}
#app-mount .link__2ea32 .actionIcon_c69b6d path,
#app-mount .link__2ea32 .icon__2ea32 path {
display: none;
}
#app-mount .link__2ea32 .iconBase_c69b6d {
cursor: var(--cursor);
}
#app-mount .wrapper__2ea32:has(+ .sectionDivider__629e4) {
margin-top: 8px;
}
#app-mount .containerDefault__29444 .wrapper__29444 {
padding-right: 0;
}
#app-mount .containerDefault__29444 .button__201d5 {
padding: 0;
}
#app-mount .sidebar_c48ade .content__99f8c > div[style="height: 84px;"],
#app-mount .sidebar_c48ade .content__99f8c > div[style="height: 16px;"] {
display: none;
}
#app-mount .container_f37cb1 {
display: flex;
flex-direction: column-reverse;
}
#app-mount .header_f37cb1 {
border-radius: var(--btn-radius);
padding: 4px 10px;
line-height: 20px;
font-size: var(--font-size-sm);
display: inline-flex;
align-items: center;
box-sizing: border-box;
text-decoration: none;
background: var(--btn-bg);
font-weight: var(--font-weight-regular);
color: var(--text-primary);
box-shadow: none !important;
border: 1px solid var(--btn-border-x);
border-top-color: var(--btn-border-t);
border-bottom-color: var(--btn-border-b);
cursor: var(--cursor);
margin: 8px;
filter: none;
height: 42px;
transition: none;
}
#app-mount .header_f37cb1:hover {
background: var(--btn-bg-hover);
border-color: var(--btn-border-t) var(--btn-border-x) var(--btn-border-b);
}
#app-mount .header_f37cb1:active {
background: var(--btn-bg-active) !important;
border-color: var(--btn-border-active);
}
#app-mount .header_f37cb1 .headerContent_f37cb1 {
flex: 1;
}
#app-mount .header_f37cb1 .headerChildren_f37cb1 {
display: flex;
align-items: center;
justify-content: center;
}
#app-mount .header_f37cb1 .guildIconContainer__85d16 {
display: none;
}
#app-mount .header_f37cb1 .name_f37cb1 {
font-weight: var(--font-weight-normal);
max-width: calc(var(--channels-width) - 64px);
}
#app-mount .header_f37cb1 .guildIconV2Container-2H8IRS + .name-3Uvkvr {
font-weight: var(--font-weight-normal);
max-width: calc(var(--channels-width) - 88px);
}
#app-mount .header_f37cb1:hover {
background: var(--btn-bg-hover);
}
#app-mount .animatedContainer_f37cb1 {
background: transparent;
height: var(--banner-height);
box-shadow: none;
width: var(--channels-width);
position: relative;
transform: none !important;
opacity: 1 !important;
border-bottom: 1px solid var(--border-mid);
}
#app-mount .bannerImage_f37cb1 {
overflow: hidden;
width: 100%;
transform: none !important;
height: var(--banner-height);
}
#app-mount .bannerImage_f37cb1 img {
width: 100%;
height: 100%;
}
#app-mount .bannerImage_f37cb1::before {
content: none;
}
#app-mount .communityInfoContainer_f37cb1 {
margin-top: 75px;
left: 0;
}
#app-mount .communityInfoPill_f37cb1 {
border-radius: var(--rounded);
background: var(--bg-main);
}
#app-mount .panels_c48ade {
background: transparent;
border: none;
}
#app-mount .panels_c48ade > .container__37e49 {
box-sizing: border-box;
background: var(--bg-main);
padding: 8px 8px;
margin-left: 7px;
margin-bottom: 12px;
width: calc(var(--channels-width) - 16px);
border-radius: var(--rounded);
border: 1px solid var(--border-high);
height: var(--bottombar-height);
z-index: 1;
}
#app-mount .panels_c48ade > .container__37e49 > .flex__7c0ba {
height: 75%;
width: 100%;
}
#app-mount .panels_c48ade > .container__37e49 button {
border-radius: var(--btn-radius);
padding: 4px 10px;
line-height: 20px;
font-size: var(--font-size-sm);
display: inline-flex;
align-items: center;
box-sizing: border-box;
text-decoration: none;
background: var(--btn-bg);
font-weight: var(--font-weight-regular);
color: var(--text-primary);
box-shadow: none !important;
border: 1px solid var(--btn-border-x);
border-top-color: var(--btn-border-t);
border-bottom-color: var(--btn-border-b);
cursor: var(--cursor);
flex: 1;
}
#app-mount .panels_c48ade > .container__37e49 button:hover {
background: var(--btn-bg-hover);
border-color: var(--btn-border-t) var(--btn-border-x) var(--btn-border-b);
}
#app-mount .panels_c48ade > .container__37e49 button:active {
background: var(--btn-bg-active) !important;
border-color: var(--btn-border-active);
}
#app-mount .panels_c48ade > .container__37e49 button svg {
width: 18px;
height: 18px;
}
#app-mount .panels_c48ade > .container__37e49 [class*=withTagAsButton] {
min-width: -moz-min-content !important;
min-width: min-content !important;
}
#app-mount .panels_c48ade > .container__37e49 .avatarWrapper__37e49 {
padding: 4px;
min-width: unset;
}
#app-mount .panels_c48ade > .container__37e49 .avatarWrapper__37e49:hover {
background: transparent;
box-shadow: var(--server-hover-selected);
}
#app-mount .panels_c48ade > .container__37e49 .nameTag__37e49 {
display: none;
}
#app-mount .panels_c48ade .container_e131a9 {
translate: 0 0;
}
#app-mount .panels_c48ade .container_e131a9:hover {
opacity: 1;
visibility: visible;
}
#app-mount .container_e131a9 {
position: absolute;
left: 7px;
right: 8px;
bottom: 0;
border-radius: var(--rounded) var(--rounded) 0 0;
background: var(--bg-main);
padding: 0;
border: 1px solid var(--border-high);
border-bottom: none;
flex-direction: column-reverse;
display: flex;
z-index: 1;
}
#app-mount .container_e131a9 > .flex__7c0ba {
padding: 11px 0px 11px 15px;
position: relative;
z-index: 2;
}
#app-mount .container_e131a9 > .flex__7c0ba::before {
content: "";
position: absolute;
inset: 0;
background: var(--bg-main);
border-radius: var(--rounded) var(--rounded) 0 0;
z-index: -1;
}
#app-mount .container_e131a9 > .flex__7c0ba > .flex__7c0ba {
gap: 4px;
margin-left: 0px;
margin-right: 8px;
}
#app-mount .container_e131a9 > .flex__7c0ba > .flex__7c0ba button {
border-radius: var(--btn-radius);
padding: 4px 10px;
line-height: 20px;
font-size: var(--font-size-sm);
display: inline-flex;
align-items: center;
box-sizing: border-box;
text-decoration: none;
background: var(--btn-bg);
font-weight: var(--font-weight-regular);
color: var(--text-primary);
box-shadow: none !important;
border: 1px solid var(--btn-border-x);
border-top-color: var(--btn-border-t);
border-bottom-color: var(--btn-border-b);
cursor: var(--cursor);
}
#app-mount .container_e131a9 > .flex__7c0ba > .flex__7c0ba button:hover {
background: var(--btn-bg-hover);
border-color: var(--btn-border-t) var(--btn-border-x) var(--btn-border-b);
}
#app-mount .container_e131a9 > .flex__7c0ba > .flex__7c0ba button:active {
background: var(--btn-bg-active) !important;
border-color: var(--btn-border-active);
}
#app-mount .container_e131a9 .voiceUsers__68617 {
gap: 8px;
}
#app-mount .container_e131a9 > .voiceUsers_e131a9 {
padding: 8px 8px 0px 8px;
position: relative;
z-index: 2;
overflow: hidden !important;
margin: 0;
}
#app-mount .container_e131a9 > .voiceUsers_e131a9::before {
content: "";
position: absolute;
inset: 0;
background: var(--bg-main);
border-radius: var(--rounded) var(--rounded) 0 0;
z-index: -1;
}
#app-mount .container_e131a9:hover .actionButtons_e131a9 {
bottom: calc(100% - 8px);
opacity: 1;
visibility: visible;
transition-delay: 0.45s;
}
#app-mount .wrapper_e131a9 + .container__37e49 {
border-radius: 0 0 0 var(--rounded);
}
#app-mount .inner_e131a9 {
position: relative;
}
#app-mount .rtcConnectionStatus_c0cb95 {
display: flex;
align-items: center;
}
#app-mount .rtcConnectionStatus_c0cb95 .button__201d5 {
padding: 0;
margin-left: 4px;
}
#app-mount .ping_c0cb95 {
width: 24px;
height: 24px;
}
#app-mount .actionButtons_e131a9 {
position: absolute;
bottom: 0;
width: calc(100% - 16px);
background: var(--bg-main);
border-radius: var(--rounded) var(--rounded) 0 0;
border: 1px solid var(--border-high);
border-bottom: none;
padding: 8px;
left: -1px;
visibility: hidden;
transition: 0.15s var(--transition) 0s;
z-index: 1;
padding-bottom: 20px;
}
#app-mount .actionButtons_e131a9 .button_e131a9.buttonColor_e131a9.colorBrand-I6CyqQ {
border-radius: var(--btn-radius);
padding: 4px 10px;
line-height: 20px;
font-size: var(--font-size-sm);
display: inline-flex;
align-items: center;
box-sizing: border-box;
text-decoration: none;
background: var(--btn-bg);
font-weight: var(--font-weight-regular);
color: var(--text-primary);
box-shadow: none !important;
border: 1px solid var(--btn-border-x);
border-top-color: var(--btn-border-t);
border-bottom-color: var(--btn-border-b);
cursor: var(--cursor);
}
#app-mount .actionButtons_e131a9 .button_e131a9.buttonColor_e131a9.colorBrand-I6CyqQ:hover {
background: var(--btn-bg-hover);
border-color: var(--btn-border-t) var(--btn-border-x) var(--btn-border-b);
}
#app-mount .actionButtons_e131a9 .button_e131a9.buttonColor_e131a9.colorBrand-I6CyqQ:active {
background: var(--btn-bg-active) !important;
border-color: var(--btn-border-active);
}
#app-mount .actionButtons_e131a9 .button_e131a9 {
height: 100%;
}
#app-mount .actionButtons_e131a9 .lottieIcon__5eb9b svg {
--fluent-icons-color: black;
}
#app-mount .actionButtons_e131a9:hover {
visibility: visible;
opacity: 1;
bottom: calc(100% - 8px);
}
#app-mount .activityPanel_c48ade {
border: none;
padding: 8px 16px;
background: var(--bg-main);
border-radius: var(--rounded);
border: 1px solid var(--border-high);
margin-left: 7px;
position: absolute;
z-index: 0;
bottom: 75px;
width: 230px;
}
#app-mount .activityPanel_c48ade:has(+ .wrapper_e131a9:not(:empty)) {
z-index: 0;
}
.wrapper_e131a9 > #app-mount .activityPanel_c48ade:has(+ .wrapper_e131a9:not(:empty)) {
margin-bottom: calc(100% - 3px);
}
#app-mount .activityPanel_c48ade .button__4f306 {
border-radius: var(--btn-radius);
padding: 4px 10px;
line-height: 20px;
font-size: var(--font-size-sm);
display: inline-flex;
align-items: center;
box-sizing: border-box;
text-decoration: none;
background: var(--btn-bg);
font-weight: var(--font-weight-regular);
color: var(--text-primary);
box-shadow: none !important;
border: 1px solid var(--btn-border-x);
border-top-color: var(--btn-border-t);
border-bottom-color: var(--btn-border-b);
cursor: var(--cursor);
}
#app-mount .activityPanel_c48ade .button__4f306:hover {
background: var(--btn-bg-hover);
border-color: var(--btn-border-t) var(--btn-border-x) var(--btn-border-b);
}
#app-mount .activityPanel_c48ade .button__4f306:active {
background: var(--btn-bg-active) !important;
border-color: var(--btn-border-active);
}
#app-mount {
/*.arrowIcon-3Q91hj{ REVISAR
display: none;
}*/
}
#app-mount .privateChannels__35e86 {
background: transparent;
}
#app-mount .scroller__99e7c {
background: transparent;
padding: 8px 2px 8px 8px !important;
}
#app-mount .scroller__99e7c div[style="height: 8px;"] {
display: none;
}
#app-mount .searchBar__35e86 {
height: var(--toolbar-height);
box-shadow: none;
border-bottom: 1px solid var(--border-mid);
box-sizing: border-box;
padding: 0 8px;
}
#app-mount .searchBar__35e86 button {
border-radius: var(--btn-radius);
padding: 4px 10px;
line-height: 20px;
font-size: var(--font-size-sm);
display: inline-flex;
align-items: center;
box-sizing: border-box;
text-decoration: none;
background: var(--btn-bg);
font-weight: var(--font-weight-regular);
color: var(--text-primary);
box-shadow: none !important;
border: 1px solid var(--btn-border-x);
border-top-color: var(--btn-border-t);
border-bottom-color: var(--btn-border-b);
cursor: var(--cursor);
}
#app-mount .searchBar__35e86 button:hover {
background: var(--btn-bg-hover);
border-color: var(--btn-border-t) var(--btn-border-x) var(--btn-border-b);
}
#app-mount .searchBar__35e86 button:active {
background: var(--btn-bg-active) !important;
border-color: var(--btn-border-active);
}
#app-mount .channel__972a0 {
max-width: unset;
margin: 0 0 4px 0;
padding: 0;
}
#app-mount .channel__972a0 .layout__20a53 {
height: 48px;
padding: 0 18px;
cursor: var(--cursor);
}
#app-mount .channel__972a0 .interactive_bf202d {
cursor: var(--cursor);
background: transparent;
}
#app-mount .channel__972a0 .interactive_bf202d::before {
content: "";
border-radius: 50px;
position: absolute;
top: 50%;
translate: 0 -50%;
width: var(--pill-width);
height: var(--pill-height);
scale: 0;
left: 0;
opacity: 0;
background: var(--pill-unread);
transition: var(--pill-transition);
}
#app-mount .channel__972a0 .interactive_bf202d:not(.selected_bf202d):has(.highlighted__20a53)::before {
scale: 1 0.65;
opacity: 1;
}
#app-mount .channel__972a0 .content__20a53 {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
#app-mount .channel__972a0:hover .interactive_bf202d {
background: var(--bg-interactive-high);
}
#app-mount .channel__972a0 .selected_bf202d {
background: var(--bg-interactive-high);
}
#app-mount .channel__972a0 .selected_bf202d::before {
scale: 1;
opacity: 1;
background: var(--accent);
}
#app-mount .channel__972a0 .selected_bf202d:hover {
background: var(--bg-interactive-high-hover);
}
#app-mount .link__972a0 {
cursor: var(--cursor);
}
#app-mount .link__972a0[href="/channels/@me"] .linkButtonIcon__972a0 {
-webkit-mask: url('data:image/svg+xml; utf-8,') center/cover;
mask: url('data:image/svg+xml; utf-8,') center/cover;
background: var(--interactive-normal);
}
#app-mount .link__972a0[href="/channels/@me"] .linkButtonIcon__972a0 g {
display: none;
}
#app-mount .list_c3cd7d {
padding: 4px 0 0 0;
}
#app-mount .list_c3cd7d .draggable__55bab {
height: auto;
}
#app-mount .list_c3cd7d .draggable__55bab:not(:last-child) {
margin-bottom: 4px;
}
#app-mount .voiceUser__07f91 {
height: auto;
}
#app-mount .voiceUser__07f91::before {
content: "";
display: block;
height: 0;
width: var(--pill-width);
background: var(--accent);
border-radius: 50px;
transition: var(--pill-transition);
opacity: 0;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
z-index: 1;
}
#app-mount .voiceUser__07f91:hover .content__07f91 {
background: var(--bg-interactive-high);
}
#app-mount .voiceUser__07f91.selected__07f91::before {
height: var(--pill-height);
opacity: 1;
}
#app-mount .voiceUser__07f91.selected__07f91 .content__07f91 {
background: var(--bg-interactive-high);
}
#app-mount .voiceUser__07f91.selected__07f91:hover .content__07f91 {
background: var(--bg-interactive-high-hover);
}
#app-mount .avatarSpeaking__07f91 {
box-shadow: inset 0 0 0 2px var(--accent), inset 0 0 0 4px var(--bg-alt);
}
#app-mount .content__07f91 {
margin: 0;
padding: 2px 8px 2px 32px;
}
#app-mount .container_eff079 {
margin: -8px 0 0 0;
}
#app-mount .progressBar_db0972 {
background: linear-gradient(90deg, rgb(from var(--accent) r g b/5%), var(--accent));
}
#app-mount .chat_f75fb0 {
background: transparent;
}
#app-mount .content_f75fb0::before {
content: none;
}
#app-mount .chatContent_f75fb0 {
background: var(--bg-alt);
}
#app-mount .chatContent_f75fb0:only-child {
margin-right: 0;
border-top-right-radius: 0;
}
#app-mount .scrollerSpacer__36d07 {
height: 24px;
}
#app-mount .iconWrapper__8d563 {
background: var(--bg-content);
border: 1px solid var(--border-mid);
}
#app-mount .messagesWrapper__36d07::before {
content: "";
position: absolute;
bottom: 0;
width: calc(100% - 8px);
height: 24px;
background: linear-gradient(transparent, var(--bg-alt));
z-index: 2;
pointer-events: none;
}
#app-mount .wrapper_cdfd51 {
background: var(--bg-alt);
}
#app-mount .wrapper_cdfd51 .wrapper_b75bb9 {
background: var(--bg-alt);
}
#app-mount .wrapper_cdfd51 .wrapper_b75bb9 .contents_b75bb9 {
background: var(--bg-alt);
}
#app-mount .wrapper_cdfd51 .wrapper_b75bb9 .attachmentContainer_b75bb9 {
background: var(--bg-alt);
}
#app-mount .children-3xh0VB {
height: 100%;
}
#app-mount .message__5126c:has(.channelTextArea__74017).cozyMessage__5126c .contents_c19a55 {
display: block;
width: 100%;
background: var(--bg-content);
}
#app-mount .message__5126c:has(.channelTextArea__74017).cozyMessage__5126c .contents_c19a55 .textArea__74017 {
height: auto;
min-height: auto;
}
#app-mount .message__5126c:has(.channelTextArea__74017).cozyMessage__5126c .contents_c19a55 .channelTextArea__5126c {
margin-top: 0;
}
#app-mount .message__5126c:has(.channelTextArea__74017).cozyMessage__5126c .contents_c19a55 .slateTextArea_ec4baf {
padding-top: 0;
padding-bottom: 0;
}
#app-mount .message__5126c:has(.channelTextArea__74017).cozyMessage__5126c .contents_c19a55 .inner__74017::before {
content: none;
}
#app-mount .message__5126c:has(.channelTextArea__74017).cozyMessage__5126c .contents_c19a55 .buttons__74017 {
height: auto;
}
#app-mount .operations_bab751 {
padding: 0px 12px 12px 12px;
}
#app-mount .mentioned__5126c, #app-mount .replying_d5deea {
background: rgb(from var(--chat-mention-colour) r g b/5%);
}
#app-mount .mentioned__5126c::before, #app-mount .replying_d5deea::before {
background: var(--chat-mention-colour);
}
#app-mount .mentioned__5126c.groupStart__5126c .contents_c19a55, #app-mount .replying_d5deea.groupStart__5126c .contents_c19a55 {
background: var(--chat-mention-bubble) !important;
}
#app-mount .mentioned__5126c.groupStart__5126c .contents_c19a55 .messageContent_c19a55:not(:empty), #app-mount .replying_d5deea.groupStart__5126c .contents_c19a55 .messageContent_c19a55:not(:empty) {
background: transparent !important;
}
#app-mount .mentioned__5126c:not(.groupStart__5126c) .messageContent_c19a55:not(:empty), #app-mount .replying_d5deea:not(.groupStart__5126c) .messageContent_c19a55:not(:empty) {
background: var(--chat-mention-bubble) !important;
}
#app-mount .cozy_c19a55 .groupStart_d5deea {
margin-top: 8px;
}
#app-mount .cozy_c19a55 .avatar_c19a55 {
left: var(--chat-spacing-x);
margin-top: 0;
}
#app-mount .cozy_c19a55 .contents_c19a55 > .messageContent_c19a55:not(:empty) {
margin-left: 0;
padding: var(--chat-padding-y) var(--chat-padding-x);
background: var(--chat-bubble-bg);
border-radius: var(--rounded);
display: inline-block;
max-width: calc(100% - var(--chat-spacing-x));
}
#app-mount .cozy_c19a55 .container__235ca {
padding: 0;
}
#app-mount .cozy_c19a55.groupStart__5126c .contents_c19a55 {
background: var(--chat-bubble-bg);
display: inline-block;
max-width: 100%;
border-radius: var(--rounded) var(--rounded);
max-width: 100%;
}
#app-mount .cozy_c19a55.groupStart__5126c .contents_c19a55 .header_c19a55 {
padding-top: var(--chat-padding-y);
padding-right: var(--chat-padding-x);
padding-bottom: 2px;
padding-left: var(--chat-padding-x);
margin-left: 0;
}
#app-mount .cozy_c19a55.groupStart__5126c .contents_c19a55 .messageContent_c19a55:empty {
margin-top: 8px;
display: block;
}
#app-mount .cozy_c19a55.groupStart__5126c .contents_c19a55 .messageContent_c19a55:not(:empty) {
padding-top: 0;
}
#app-mount .cozy_c19a55.isSystemMessage_c19a55 .messageContent_c19a55 {
padding: 16px !important;
}
#app-mount .cozy_c19a55.wrapper_c19a55 {
padding-left: calc(var(--chat-spacing-x) + 56px);
padding-right: calc(var(--chat-spacing-x) - 11px) !important;
}
#app-mount .embedFull__623de {
background: var(--chat-bubble-bg);
}
#app-mount .markup__75297 pre {
margin: 0;
max-width: 100%;
}
#app-mount .wrapper_f7ecac {
background: var(--bg-content);
border-radius: var(--btn-radius);
box-shadow: var(--shadow-flyout);
height: auto;
}
#app-mount .wrapper_f7ecac .button_f7ecac {
border-radius: var(--btn-radius);
padding: 4px 10px;
line-height: 20px;
font-size: var(--font-size-sm);
display: inline-flex;
align-items: center;
box-sizing: border-box;
text-decoration: none;
background: var(--btn-bg);
font-weight: var(--font-weight-regular);
color: var(--text-primary);
box-shadow: none !important;
border: 1px solid var(--btn-border-x);
border-top-color: var(--btn-border-t);
border-bottom-color: var(--btn-border-b);
cursor: var(--cursor);
width: auto;
height: auto;
min-width: auto;
border-radius: 0;
}
#app-mount .wrapper_f7ecac .button_f7ecac:hover {
background: var(--btn-bg-hover);
border-color: var(--btn-border-t) var(--btn-border-x) var(--btn-border-b);
}
#app-mount .wrapper_f7ecac .button_f7ecac:active {
background: var(--btn-bg-active) !important;
border-color: var(--btn-border-active);
}
#app-mount .wrapper_f7ecac .button_f7ecac.dangerous_f7ecac {
color: hsl(var(--discord-red));
}
#app-mount .wrapper_d4fa29 {
background: rgb(from var(--accent) r g b/10%);
color: var(--accent);
font-weight: var(--font-weight-semibold);
cursor: var(--cursor);
}
#app-mount .wrapper_d4fa29:hover {
box-shadow: inset 0 0 0 100vmax var(--btn-bg-hover);
}
#app-mount .reaction__23977 {
background: transparent;
border-color: var(--border-high);
border-radius: 50px;
cursor: var(--cursor);
transition: none;
}
#app-mount .reaction__23977:hover {
background: var(--bg-interactive-high);
}
#app-mount .reaction__23977.reactionMe__23977 {
border-color: var(--accent);
}
#app-mount .reaction__23977.reactionMe__23977 .reactionCount__23977 {
color: var(--accent);
}
#app-mount .markup__75297 code {
background: var(--bg-alt);
border-color: var(--border-mid);
}
#app-mount .textContainer__4d95d {
background: var(--bg-content);
border-radius: var(--rounded);
border: 1px solid var(--border-mid);
}
#app-mount .footer__4d95d {
background: transparent;
border: none;
margin-top: 4px;
padding: 0;
height: auto;
}
#app-mount .toggleExpandSection__4d95d,
#app-mount .anchor-1MIwyf.downloadSection__4d95d,
#app-mount .codeIcon__4d95d {
border-radius: var(--btn-radius);
padding: 4px 10px;
line-height: 20px;
font-size: var(--font-size-sm);
display: inline-flex;
align-items: center;
box-sizing: border-box;
text-decoration: none;
background: var(--btn-bg);
font-weight: var(--font-weight-regular);
color: var(--text-primary);
box-shadow: none !important;
border: 1px solid var(--btn-border-x);
border-top-color: var(--btn-border-t);
border-bottom-color: var(--btn-border-b);
cursor: var(--cursor);
margin-right: 4px;
min-height: 34px;
min-width: 38px;
}
#app-mount .toggleExpandSection__4d95d:hover,
#app-mount .anchor-1MIwyf.downloadSection__4d95d:hover,
#app-mount .codeIcon__4d95d:hover {
background: var(--btn-bg-hover);
border-color: var(--btn-border-t) var(--btn-border-x) var(--btn-border-b);
}
#app-mount .toggleExpandSection__4d95d:active,
#app-mount .anchor-1MIwyf.downloadSection__4d95d:active,
#app-mount .codeIcon__4d95d:active {
background: var(--btn-bg-active) !important;
border-color: var(--btn-border-active);
}
#app-mount .openFullPreviewSection__4d95d {
border-radius: var(--btn-radius);
padding: 4px 10px;
line-height: 20px;
font-size: var(--font-size-sm);
display: inline-flex;
align-items: center;
box-sizing: border-box;
text-decoration: none;
background: var(--btn-bg);
font-weight: var(--font-weight-regular);
color: var(--text-primary);
box-shadow: none !important;
border: 1px solid var(--btn-border-x);
border-top-color: var(--btn-border-t);
border-bottom-color: var(--btn-border-b);
cursor: var(--cursor);
min-height: 34px;
}
#app-mount .openFullPreviewSection__4d95d:hover {
background: var(--btn-bg-hover);
border-color: var(--btn-border-t) var(--btn-border-x) var(--btn-border-b);
}
#app-mount .openFullPreviewSection__4d95d:active {
background: var(--btn-bg-active) !important;
border-color: var(--btn-border-active);
}
#app-mount .downloadButton__4d95d {
padding: 0;
width: 16px;
height: 16px;
}
#app-mount .anchor-1MIwyf.downloadSection__4d95d {
margin-left: 8px;
}
.theme-light #app-mount .mentioned__5126c {
background: rgb(from var(--accent) r g b/15%);
}
.message__80c10.cozyMessage__64ce7.selected_fd9051.wrapper__09ecc.cozy_f5c119:not(.zalgo__39311) {
width: unset !important;
display: inline-block !important;
}
.message__80c10.cozyMessage__64ce7.selected_fd9051.wrapper__09ecc.cozy_f5c119:not(.zalgo__39311) :not(.groupStart__56db5) .channelTextArea_af1f8b.channelTextArea__56a36 {
padding-top: 12px;
}
.inner__9fd0b:not(.sansAttachButton__996a4) .buttons_ce5b56 {
align-items: last baseline !important;
margin-top: auto;
height: 26px;
}
.textArea__74543.textAreaSlate_e0e383.slateContainer_b692b3 {
display: inline;
}
.message__80c10.selected_fd9051 {
background-color: unset;
}
.positionLayer__50609:not(div[style*="position: absolute; bottom: 74px; right: 276px;"]) {
bottom: 100px !important;
right: 21px !important;
}
#app-mount .form_f75fb0 {
margin: 0 12px 12px 12px;
padding: 8px;
background: var(--bg-main);
min-height: var(--bottombar-height);
align-items: center;
display: flex;
border: 1px solid var(--border-high);
border-radius: var(--rounded);
box-sizing: border-box;
}
#app-mount .form_f75fb0::before, #app-mount .form_f75fb0::after {
content: none;
}
#app-mount .form_f75fb0 .wrapper-2SplAX {
margin-bottom: 0px;
}
#app-mount .channelTextAreaContainer_d0696b,
#app-mount .channelBottomBarArea_f75fb0 {
width: 100%;
}
#app-mount .channelTextArea_f75fb0 {
margin: 0;
background: var(--bg-main);
position: relative;
border-radius: var(--rounded);
/*&:focus-within {
background: var(--bg-content-alt);
.inner__74017::before {
height: 2px;
background: var(--accent);
}
}*/
}
#app-mount .inner__74017.sansAttachButton__74017 {
padding: 0;
}
#app-mount .inner__74017.sansAttachButton__74017 .textArea__74017.textAreaSlate__74017.slateContainer_ec4baf {
margin: 0;
background: var(--bg-alt);
position: relative;
border-radius: var(--rounded);
}
#app-mount .inner__74017.sansAttachButton__74017 .textArea__74017.textAreaSlate__74017.slateContainer_ec4baf:focus-within {
background: var(--bg-content-alt);
}
#app-mount .inner__74017.sansAttachButton__74017 .textArea__74017.textAreaSlate__74017.slateContainer_ec4baf:focus-within::before {
height: 2px;
background: var(--accent) !important;
}
#app-mount .inner__74017.sansAttachButton__74017 .textArea__74017.textAreaSlate__74017.slateContainer_ec4baf::before {
content: "";
width: calc(100% - 2px);
height: 1px;
border-radius: 8px;
background: var(--textbox-underline);
bottom: 0;
top: unset;
left: 1px;
position: absolute;
display: block;
}
#app-mount .inner__74017.sansAttachButton__74017 .textArea__74017.textAreaSlate__74017.slateContainer_ec4baf > div {
padding-left: 5px;
}
#app-mount .inner__74017.sansAttachButton__74017 .textArea__74017.textAreaSlate__74017.slateContainer_ec4baf > div .placeholder__1b31f.slateTextArea_ec4baf.fontSize16Padding__74017 {
padding-left: 5px;
}
#app-mount .sansAttachButton__74017:has(.attachWrapper__0923f) {
padding-left: 0;
}
#app-mount .attachButton__0923f {
height: 44px !important;
width: 46px !important;
}
#app-mount .attachButton__0923f svg {
-webkit-mask: url('data:image/svg+xml; utf-8,') center/cover;
mask: url('data:image/svg+xml; utf-8,') center/cover;
background: var(--interactive-normal);
width: 24px;
height: 24px;
}
#app-mount .attachButton__0923f path {
display: none;
}
#app-mount .attachButton__0923f:hover svg {
background: var(--interactive-active);
}
#app-mount .floatingBars__74017 {
display: none;
}
#app-mount .channelAppLauncher_e6e74f {
display: var(--fluent-chatbox-app-button, none);
}
#app-mount .scrollableContainer__74017 {
background: transparent;
padding-right: 8px;
border-radius: var(--rounded);
}
#app-mount .scrollableContainer__74017::-webkit-scrollbar {
display: none;
}
#app-mount .scrollableContainer__74017 .button__201d5 {
padding: 0 10px;
margin: 0;
height: 100%;
}
#app-mount .scrollableContainer__74017 .button__201d5 svg {
background: var(--interactive-normal);
}
#app-mount .scrollableContainer__74017 .button__201d5 path {
display: none;
}
#app-mount .scrollableContainer__74017 .button__201d5:hover svg {
background: var(--interactive-active);
}
#app-mount .scrollableContainer__74017 .contents__201d5 {
margin: 0;
padding: 0;
height: 100%;
}
#app-mount .scrollableContainer__74017 .buttonWrapper__24af7 {
cursor: var(--cursor);
}
#app-mount .typingDots_b88801 {
filter: drop-shadow(0 3px 5px hsla(0, 0%, 0%, 0.5));
}
#app-mount svg:has(path[d^="M4 6a4 4 0 0 1 4-4h.09c1.8 0 3.39 1.18 3.91 2.9A4.09"]) {
-webkit-mask: url('data:image/svg+xml; utf-8,') center/cover;
mask: url('data:image/svg+xml; utf-8,') center/cover;
}
#app-mount svg:has(path[d^="M5 2a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3H5Zm2.18 13.87a2.9 2.9 0 0 1-1.66-.49 3.18 3.18 0 0 1-1.12-1.35A4.88"]) {
-webkit-mask: url('data:image/svg+xml; utf-8,') center/28px;
mask: url('data:image/svg+xml; utf-8,') center/28px;
}
#app-mount svg:has(path[d^="M6 2h12a4 4 0 0 1 4 4v7.5a.5.5 0 0 1-.5.5H19a5"]) {
-webkit-mask: url('data:image/svg+xml; utf-8,') center/28px;
mask: url('data:image/svg+xml; utf-8,') center/28px;
}
#app-mount .sprite__04eed {
width: 26px;
height: 24px;
-webkit-mask: url('data:image/svg+xml; utf-8,') center/cover;
mask: url('data:image/svg+xml; utf-8,') center/cover;
background: var(--interactive-normal);
filter: none !important;
transform: none !important;
transition: none !important;
}
#app-mount .sprite__04eed:hover {
background: var(--interactive-active);
}
#app-mount .inner-NQg18Y.sansAttachButton-1ERHue .buttons-uaqb-5, #app-mount .inner-NQg18Y.sansAttachButton-1ERHue .attachWrapper-3slhXI {
margin-top: auto;
height: 24px !important;
padding-bottom: 10px;
}
#app-mount .inner-NQg18Y.sansAttachButton-1ERHue .buttons-uaqb-5 *, #app-mount .inner-NQg18Y.sansAttachButton-1ERHue .attachWrapper-3slhXI * {
height: 24px !important;
}
.decorativeLayer_eaf2fb.decorativeLayerActive_eaf2fb {
display: none;
}
#app-mount .typing_d7ebeb {
bottom: 100%;
left: 0;
padding: 0 10px;
right: -1px;
pointer-events: none;
}
#app-mount .newMessagesBar_cf58b5,
#app-mount .jumpToPresentBar_cf58b5 {
border-radius: var(--btn-radius);
opacity: 1;
left: unset;
opacity: 1;
background: var(--bg-alt);
box-shadow: none;
}
#app-mount .newMessagesBar_cf58b5 button,
#app-mount .jumpToPresentBar_cf58b5 button {
border-radius: var(--btn-radius);
padding: 4px 10px;
line-height: 20px;
font-size: var(--font-size-sm);
display: inline-flex;
align-items: center;
box-sizing: border-box;
text-decoration: none;
background: var(--btn-bg);
font-weight: var(--font-weight-regular);
color: var(--text-primary);
box-shadow: none !important;
border: 1px solid var(--btn-border-x);
border-top-color: var(--btn-border-t);
border-bottom-color: var(--btn-border-b);
cursor: var(--cursor);
cursor: var(--cursor);
height: auto;
}
#app-mount .newMessagesBar_cf58b5 button:hover,
#app-mount .jumpToPresentBar_cf58b5 button:hover {
background: var(--btn-bg-hover);
border-color: var(--btn-border-t) var(--btn-border-x) var(--btn-border-b);
}
#app-mount .newMessagesBar_cf58b5 button:active,
#app-mount .jumpToPresentBar_cf58b5 button:active {
background: var(--btn-bg-active) !important;
border-color: var(--btn-border-active);
}
#app-mount .newMessagesBar_cf58b5 button:first-child,
#app-mount .jumpToPresentBar_cf58b5 button:first-child {
border-radius: var(--btn-radius) 0 0 var(--btn-radius);
margin-right: -1px;
}
#app-mount .newMessagesBar_cf58b5 button:last-child,
#app-mount .jumpToPresentBar_cf58b5 button:last-child {
border-radius: 0 var(--btn-radius) var(--btn-radius) 0;
}
#app-mount .newMessagesBar_cf58b5:active,
#app-mount .jumpToPresentBar_cf58b5:active {
padding-top: 0;
}
#app-mount .newMessagesBar_cf58b5 {
top: 16px;
}
#app-mount .newMessagesBar_cf58b5 .barButtonIcon_cf58b5 {
-webkit-mask: url('data:image/svg+xml; utf-8,') center/cover;
mask: url('data:image/svg+xml; utf-8,') center/cover;
background: currentColor;
}
#app-mount .newMessagesBar_cf58b5 .barButtonIcon_cf58b5 path {
display: none;
}
#app-mount .stackedBars__74017 {
background: transparent;
}
#app-mount .replyBar__841c8 {
background: var(--bg-main);
}
#app-mount .replyBar__841c8 .text-sm-normal_d9d853 {
margin-left: 50px;
}
#app-mount .replyBar__841c8 .actions__399af .closeButton__89e56 {
padding: 2px 9px 12px 16px;
}
#app-mount .jumpToPresentBar_cf58b5 {
bottom: 0;
padding-bottom: 0;
}
#app-mount .jumpToPresentBar_cf58b5 > span {
border-radius: var(--btn-radius);
padding: 4px 10px;
line-height: 20px;
font-size: var(--font-size-sm);
display: inline-flex;
align-items: center;
box-sizing: border-box;
text-decoration: none;
background: var(--btn-bg);
font-weight: var(--font-weight-regular);
color: var(--text-primary);
box-shadow: none !important;
border: 1px solid var(--btn-border-x);
border-top-color: var(--btn-border-t);
border-bottom-color: var(--btn-border-b);
cursor: var(--cursor);
border-radius: 0 var(--btn-radius) var(--btn-radius) 0;
height: 30px;
box-sizing: border-box;
}
#app-mount .jumpToPresentBar_cf58b5 > span:hover {
background: var(--btn-bg-hover);
border-color: var(--btn-border-t) var(--btn-border-x) var(--btn-border-b);
}
#app-mount .jumpToPresentBar_cf58b5 > span:active {
background: var(--btn-bg-active) !important;
border-color: var(--btn-border-active);
}
#app-mount .divider_d5deea {
margin: var(--chat-spacing-y) calc(var(--chat-spacing-x) - 11px) var(--chat-spacing-y) var(--chat-spacing-x);
border-color: var(--border-mid);
top: 0;
}
#app-mount .divider_d5deea.isUnread_fc5f50 {
border-color: hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%);
}
#app-mount .content_fc5f50 {
border: none;
background: var(--bg-alt);
padding: 2px 32px;
}
#app-mount .searchResultsWrap_a9e706 {
border-left: 1px solid var(--border-mid);
background: var(--bg-alt);
width: 475px;
}
#app-mount .searchHeader_f3b986 {
background: var(--bg-main);
border-bottom: 1px solid var(--border-mid);
padding: 8px 8px 8px 16px;
}
#app-mount .searchHeader_f3b986 .size16-rrJ6ag {
color: var(--text-secondary);
font-size: var(--font-size);
font-weight: var(--font-weight-regular);
line-height: var(--line-height-lg);
}
#app-mount .searchHeader_f3b986 .item-3XjbnG {
border-radius: var(--btn-radius);
padding: 4px 10px;
line-height: 20px;
font-size: var(--font-size-sm);
display: inline-flex;
align-items: center;
box-sizing: border-box;
text-decoration: none;
background: var(--btn-bg);
font-weight: var(--font-weight-regular);
color: var(--text-primary);
box-shadow: none !important;
border: 1px solid var(--btn-border-x);
border-top-color: var(--btn-border-t);
border-bottom-color: var(--btn-border-b);
cursor: var(--cursor);
margin: 0;
height: auto;
}
#app-mount .searchHeader_f3b986 .item-3XjbnG:hover {
background: var(--btn-bg-hover);
border-color: var(--btn-border-t) var(--btn-border-x) var(--btn-border-b);
}
#app-mount .searchHeader_f3b986 .item-3XjbnG:active {
background: var(--btn-bg-active) !important;
border-color: var(--btn-border-active);
}
#app-mount .searchHeader_f3b986 .item-3XjbnG.selected-g-kMVV {
background: var(--accent);
color: var(--accent-text);
transition: box-shadow 0.15s var(--transition);
font-weight: var(--font-weight-semibold);
border: 1px solid var(--btn-border-x);
border-top-color: var(--btn-border-t);
border-bottom-color: var(--btn-border-b);
}
#app-mount .searchHeader_f3b986 .item-3XjbnG.selected-g-kMVV:hover {
background: var(--accent);
box-shadow: inset 0 0 0 100vmax hsla(0, 0%, 0%, 0.1) !important;
border-color: hsla(0, 0%, 0%, 0.1);
}
#app-mount .searchHeader_f3b986 .item-3XjbnG.selected-g-kMVV:active {
background: var(--accent);
box-shadow: inset 0 0 0 100vmax hsla(0, 0%, 0%, 0.2) !important;
border-color: hsla(0, 0%, 0%, 0.2);
}
#app-mount .channelName-3w2Y3c {
background: transparent;
}
#app-mount .container__02a39 .button__02a39 {
border-radius: var(--btn-radius);
padding: 4px 10px;
line-height: 20px;
font-size: var(--font-size-sm);
display: inline-flex;
align-items: center;
box-sizing: border-box;
text-decoration: none;
background: var(--btn-bg);
font-weight: var(--font-weight-regular);
color: var(--text-primary);
box-shadow: none !important;
border: 1px solid var(--btn-border-x);
border-top-color: var(--btn-border-t);
border-bottom-color: var(--btn-border-b);
cursor: var(--cursor);
height: auto;
}
#app-mount .container__02a39 .button__02a39:hover {
background: var(--btn-bg-hover);
border-color: var(--btn-border-t) var(--btn-border-x) var(--btn-border-b);
}
#app-mount .container__02a39 .button__02a39:active {
background: var(--btn-bg-active) !important;
border-color: var(--btn-border-active);
}
#app-mount .searchResult__02a39 {
background: transparent;
border-radius: 0;
margin-bottom: 0;
cursor: var(--cursor);
}
#app-mount .searchResult__02a39 .cozy_c19a55 {
padding-left: calc(var(--chat-spacing-x) + 20px);
}
#app-mount .searchResult__02a39 .avatar_c19a55 {
left: calc(var(--chat-spacing-x) / 2 - 16px);
}
#app-mount .message__02a39 {
padding-bottom: 0;
}
#app-mount .pageControl-1XvHg0 {
padding-bottom: 16px;
}
#app-mount .pageControl-1XvHg0 > .pageButton-1GMGeJ,
#app-mount .pageControl-1XvHg0 div[role=button] {
border-radius: var(--btn-radius);
padding: 4px 10px;
line-height: 20px;
font-size: var(--font-size-sm);
display: inline-flex;
align-items: center;
box-sizing: border-box;
text-decoration: none;
background: var(--btn-bg);
font-weight: var(--font-weight-regular);
color: var(--text-primary);
box-shadow: none !important;
border: 1px solid var(--btn-border-x);
border-top-color: var(--btn-border-t);
border-bottom-color: var(--btn-border-b);
cursor: var(--cursor);
min-height: 32px;
max-height: 32px;
margin: 0;
border-radius: 0 !important;
}
#app-mount .pageControl-1XvHg0 > .pageButton-1GMGeJ:hover,
#app-mount .pageControl-1XvHg0 div[role=button]:hover {
background: var(--btn-bg-hover);
border-color: var(--btn-border-t) var(--btn-border-x) var(--btn-border-b);
}
#app-mount .pageControl-1XvHg0 > .pageButton-1GMGeJ:active,
#app-mount .pageControl-1XvHg0 div[role=button]:active {
background: var(--btn-bg-active) !important;
border-color: var(--btn-border-active);
}
#app-mount .pageControl-1XvHg0 > .pageButton-1GMGeJ.activeButton-LRWFC_ {
background: var(--accent);
color: var(--accent-text);
transition: box-shadow 0.15s var(--transition);
font-weight: var(--font-weight-semibold);
border: 1px solid var(--btn-border-x);
border-top-color: var(--btn-border-t);
border-bottom-color: var(--btn-border-b);
}
#app-mount .pageControl-1XvHg0 > .pageButton-1GMGeJ.activeButton-LRWFC_:hover {
background: var(--accent);
box-shadow: inset 0 0 0 100vmax hsla(0, 0%, 0%, 0.1) !important;
border-color: hsla(0, 0%, 0%, 0.1);
}
#app-mount .pageControl-1XvHg0 > .pageButton-1GMGeJ.activeButton-LRWFC_:active {
background: var(--accent);
box-shadow: inset 0 0 0 100vmax hsla(0, 0%, 0%, 0.2) !important;
border-color: hsla(0, 0%, 0%, 0.2);
}
#app-mount .pageControl-1XvHg0 > button:first-child {
border-radius: var(--rounded) 0 0 var(--rounded) !important;
}
#app-mount .pageControl-1XvHg0 > button:last-child {
border-radius: 0 var(--rounded) var(--rounded) 0 !important;
}
#app-mount .pageControl-1XvHg0 .gap-35QmZH {
margin: 0;
width: auto;
height: auto;
min-width: unset;
padding: 0;
}
#app-mount .wrapper_cb9592 {
background: var(--bg-main);
border-bottom: 1px solid var(--border-mid);
}
#app-mount .wrapper_cb9592.minimum_cb9592 {
height: 300px;
}
#app-mount .voiceCallWrapper_a21736 {
padding-bottom: 0;
gap: 12px;
}
#app-mount .participant_c8dbe9 {
margin: 0;
}
#app-mount .wrapper__1405b {
gap: 4px;
}
#app-mount .wrapper__1405b .button__201d5 {
border-radius: var(--btn-radius);
padding: 4px 10px;
line-height: 20px;
font-size: var(--font-size-sm);
display: inline-flex;
align-items: center;
box-sizing: border-box;
text-decoration: none;
background: var(--btn-bg);
font-weight: var(--font-weight-regular);
color: var(--text-primary);
box-shadow: none !important;
border: 1px solid var(--btn-border-x);
border-top-color: var(--btn-border-t);
border-bottom-color: var(--btn-border-b);
cursor: var(--cursor);
height: 32px;
width: 44px;
}
#app-mount .wrapper__1405b .button__201d5:hover {
background: var(--btn-bg-hover);
border-color: var(--btn-border-t) var(--btn-border-x) var(--btn-border-b);
}
#app-mount .wrapper__1405b .button__201d5:active {
background: var(--btn-bg-active) !important;
border-color: var(--btn-border-active);
}
#app-mount .wrapper__1405b .button__201d5 svg {
width: 18px;
height: 18px;
}
#app-mount .wrapper__1405b button.red_f1ceac {
background: hsl(var(--discord-red));
color: #fff;
}
#app-mount .wrapper__1405b button.red_f1ceac:hover {
background: hsl(var(--discord-red));
box-shadow: inset 0 0 0 100vmax hsla(0, 0%, 0%, 0.1) !important;
border-color: hsla(0, 0%, 0%, 0.1);
}
#app-mount .wrapper__1405b button.red_f1ceac:active {
background: hsl(var(--discord-red));
box-shadow: inset 0 0 0 100vmax hsla(0, 0%, 0%, 0.2) !important;
border-color: hsla(0, 0%, 0%, 0.2);
}
#app-mount .wrapper__1405b .white__10e89 {
color: unset !important;
background: unset !important;
}
#app-mount div.controlButton__1405b {
margin: 0;
}
#app-mount button.controlButton__1405b {
background: var(--btn-bg);
font-weight: var(--font-weight-regular);
color: var(--text-primary);
box-shadow: none !important;
border: 1px solid var(--btn-border-x);
border-top-color: var(--btn-border-t);
border-bottom-color: var(--btn-border-b);
cursor: var(--cursor);
}
#app-mount button.controlButton__1405b:hover {
background: var(--btn-bg-hover);
border-color: var(--btn-border-t) var(--btn-border-x) var(--btn-border-b);
}
#app-mount button.controlButton__1405b:active {
background: var(--btn-bg-active) !important;
border-color: var(--btn-border-active);
}
#app-mount .contextMenuContainer_f1ceac {
display: flex;
overflow: hidden;
}
#app-mount .contextMenuContainer_f1ceac foreignObject {
-webkit-mask: none;
mask: none;
width: 42px;
}
#app-mount .contextMenuContainer_f1ceac button {
border-radius: var(--btn-radius);
padding: 4px 10px;
line-height: 20px;
font-size: var(--font-size-sm);
display: inline-flex;
align-items: center;
box-sizing: border-box;
text-decoration: none;
background: var(--btn-bg);
font-weight: var(--font-weight-regular);
color: var(--text-primary);
box-shadow: none !important;
border: 1px solid var(--btn-border-x);
border-top-color: var(--btn-border-t);
border-bottom-color: var(--btn-border-b);
cursor: var(--cursor);
border-radius: var(--btn-radius) 0 0 var(--btn-radius) !important;
height: 32px;
width: 44px;
}
#app-mount .contextMenuContainer_f1ceac button:hover {
background: var(--btn-bg-hover);
border-color: var(--btn-border-t) var(--btn-border-x) var(--btn-border-b);
}
#app-mount .contextMenuContainer_f1ceac button:active {
background: var(--btn-bg-active) !important;
border-color: var(--btn-border-active);
}
#app-mount .contextMenuNub_f1ceac {
border-radius: var(--btn-radius);
padding: 4px 10px;
line-height: 20px;
font-size: var(--font-size-sm);
display: inline-flex;
align-items: center;
box-sizing: border-box;
text-decoration: none;
height: 32px;
padding: 4px;
width: auto;
position: static;
border-radius: 0 var(--btn-radius) var(--btn-radius) 0 !important;
}
#app-mount .contextMenuNub_f1ceac svg {
cursor: var(--cursor);
}
#app-mount .video_cb9592 .transparent__9293f {
background: transparent;
border-bottom: none;
}
#app-mount .container_d1c246 {
border-left: 1px solid var(--border-mid);
border-radius: 0;
background: transparent;
}
#app-mount .chat_d6c7e0::before {
content: none;
}
#app-mount .container_b385c8 {
background: var(--bg-alt);
box-shadow: none;
border-top: 1px solid var(--border-mid);
border-bottom: 1px solid var(--border-mid);
}
#app-mount .container_b385c8 .button_b385c8 {
border-radius: var(--btn-radius);
padding: 4px 10px;
line-height: 20px;
font-size: var(--font-size-sm);
display: inline-flex;
align-items: center;
box-sizing: border-box;
text-decoration: none;
background: var(--btn-bg);
font-weight: var(--font-weight-regular);
color: var(--text-primary);
box-shadow: none !important;
border: 1px solid var(--btn-border-x);
border-top-color: var(--btn-border-t);
border-bottom-color: var(--btn-border-b);
cursor: var(--cursor);
}
#app-mount .container_b385c8 .button_b385c8:hover {
background: var(--btn-bg-hover);
border-color: var(--btn-border-t) var(--btn-border-x) var(--btn-border-b);
}
#app-mount .container_b385c8 .button_b385c8:active {
background: var(--btn-bg-active) !important;
border-color: var(--btn-border-active);
}
#app-mount .container_b385c8 .button_b385c8 > div {
background: transparent;
border-radius: 0;
border: none;
}
#app-mount .divider_af45f8 {
height: 0;
background: var(--border-mid);
}
#app-mount .container_d1c246 {
border-left: 1px solid var(--border-mid);
border-radius: 0;
background: transparent;
}
#app-mount .chat_d6c7e0::before {
content: none;
}
#app-mount .container_b385c8 {
background: var(--bg-alt);
box-shadow: none;
border-top: 1px solid var(--border-mid);
border-bottom: 1px solid var(--border-mid);
}
#app-mount .container_b385c8 .button_b385c8 {
border-radius: var(--btn-radius);
padding: 4px 10px;
line-height: 20px;
font-size: var(--font-size-sm);
display: inline-flex;
align-items: center;
box-sizing: border-box;
text-decoration: none;
background: var(--btn-bg);
font-weight: var(--font-weight-regular);
color: var(--text-primary);
box-shadow: none !important;
border: 1px solid var(--btn-border-x);
border-top-color: var(--btn-border-t);
border-bottom-color: var(--btn-border-b);
cursor: var(--cursor);
}
#app-mount .container_b385c8 .button_b385c8:hover {
background: var(--btn-bg-hover);
border-color: var(--btn-border-t) var(--btn-border-x) var(--btn-border-b);
}
#app-mount .container_b385c8 .button_b385c8:active {
background: var(--btn-bg-active) !important;
border-color: var(--btn-border-active);
}
#app-mount .container_b385c8 .button_b385c8 > div {
background: transparent;
border-radius: 0;
border: none;
}
#app-mount .divider_af45f8 {
height: 0;
background: var(--border-mid);
}
#app-mount .container-3wLKDe {
background: transparent;
}
#app-mount .header-1Uy0p6 {
box-shadow: none;
border: none;
}
#app-mount .titleContainer-2YK93J {
align-items: center;
cursor: default;
}
#app-mount .container-JhuCwn {
/*padding: 0;
.input-2g-os5 {
margin-top: 0;
}*/
}
#app-mount .container-2qVG6q {
background: var(--bg-content);
border: 1px solid var(--border);
border-radius: var(--rounded);
padding: 18px;
display: flex;
flex-direction: row;
align-items: center;
gap: 0;
position: relative;
cursor: var(--cursor);
transition: none;
}
#app-mount .container-2qVG6q:hover {
box-shadow: none;
transform: none;
background: var(--bg-content-alt);
}
#app-mount .pill_c993da {
border: 1px solid var(--border-high);
background: transparent;
height: 28px;
}
#app-mount .pill_c993da .emoji_b22487 {
margin-right: 8px;
width: 14px;
height: 14px;
}
#app-mount .pill_c993da .text-sm-semibold-3TWn25 {
font-size: var(--font-size-xs);
}
#app-mount .pill_c993da:hover {
background: var(--bg-interactive-high);
}
#app-mount .pill_c993da.selected_c993da {
border-color: var(--accent);
}
#app-mount .sidebarCard-1Gn1ch,
#app-mount .container-2IhveL {
background: var(--bg-content);
border: 1px solid var(--border);
border-radius: var(--rounded);
padding: 18px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0 18px;
position: relative;
}
#app-mount .searchBox-3IjAC1 {
width: 100%;
}
#app-mount .container__99b06 {
background: var(--bg-content);
}
#app-mount .container__7d004.card__691f2.mainCard__0ec2c {
background: var(--bg-content);
}
#app-mount .container__7d004.card__691f2.mainCard__0ec2c .postBody_b60a60 {
background: var(--bg-content-alt);
}
#app-mount .container__7d004.card__691f2.mainCard__0ec2c .footer_b9a6b9 {
background: linear-gradient(180deg, rgba(255, 0, 0, 0), var(--bg-alt));
}
#app-mount .matchingPostsRow-2IiEQ1 {
background: var(--background-primary);
}
#app-mount .container-1um7CU {
background: var(--bg-content);
}
#app-mount .channelRow-4X_3fi {
background: var(--bg-content-alt);
}
#app-mount .checked-22NTbO {
background-color: var(--accent) !important;
border-color: var(--accent) !important;
border-radius: 6px;
}
#app-mount .container_c8ffbb,
#app-mount .members_c8ffbb,
#app-mount .members_c8ffbb > div {
background: var(--bg-alt);
}
#app-mount .membersWrap_c8ffbb {
border-left: 1px solid var(--border-mid);
min-width: var(--members-width);
width: var(--members-width);
height: 100%;
}
#app-mount .members_c8ffbb {
width: 100%;
padding: 8px 2px 8px 8px !important;
box-sizing: border-box;
}
#app-mount .member__5d473 {
max-width: none;
margin: 0;
padding: 2px 0;
background: transparent;
}
#app-mount .member__5d473 .layout__91a9d {
height: 48px;
padding: 0 16px;
cursor: var(--cursor);
}
#app-mount .member__5d473 .layout__91a9d::before {
content: "";
border-radius: 50px;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: var(--pill-width);
height: 0;
left: 0;
opacity: 0;
background: var(--accent);
transition: var(--pill-transition);
}
#app-mount .member__5d473 .name__91a9d {
color: var(--text-secondary);
font-size: var(--font-size);
font-weight: var(--font-weight-regular);
line-height: var(--line-height-lg);
}
#app-mount .member__5d473:hover .layout__91a9d {
background: var(--bg-interactive-high);
}
#app-mount .member__5d473.selected__91a9d .layout__91a9d {
background: var(--bg-interactive-high);
}
#app-mount .member__5d473.selected__91a9d .layout__91a9d::before {
height: var(--pill-height);
opacity: 1;
}
#app-mount .member__5d473.selected__91a9d .layout__91a9d:hover {
background: var(--bg-interactive-high-hover);
}
#app-mount .membersGroup_c8ffbb {
padding: 16px 16px 8px;
height: auto;
}
#app-mount [role=dialog] .header_d9c882,
#app-mount [role=dialog] .header__45690 {
border-bottom: 1px solid var(--border-high);
background: var(--bg-alt);
box-shadow: none;
padding: 0 12px;
display: flex;
align-items: center;
height: 48px;
min-height: 48px;
}
#app-mount [role=dialog] .header_d9c882 .size16-rrJ6ag,
#app-mount [role=dialog] .header__45690 .size16-rrJ6ag {
color: var(--text-primary);
font-size: var(--font-size);
font-weight: var(--font-weight-regular);
line-height: var(--line-height-lg);
}
#app-mount [role=dialog] [class^=jumpButton_] {
border-radius: var(--btn-radius);
padding: 4px 10px;
line-height: 20px;
font-size: var(--font-size-sm);
display: inline-flex;
align-items: center;
box-sizing: border-box;
text-decoration: none;
background: var(--btn-bg);
font-weight: var(--font-weight-regular);
color: var(--text-primary);
box-shadow: none !important;
border: 1px solid var(--btn-border-x);
border-top-color: var(--btn-border-t);
border-bottom-color: var(--btn-border-b);
cursor: var(--cursor);
height: auto;
margin: 0;
top: 0;
right: 12px;
}
#app-mount [role=dialog] [class^=jumpButton_]:hover {
background: var(--btn-bg-hover);
border-color: var(--btn-border-t) var(--btn-border-x) var(--btn-border-b);
}
#app-mount [role=dialog] [class^=jumpButton_]:active {
background: var(--btn-bg-active) !important;
border-color: var(--btn-border-active);
}
#app-mount .menu_d90b3d {
min-width: 280px;
background: var(--bg-menu);
border: 1px solid var(--border-high);
border-radius: var(--rounded-high);
box-shadow: none;
}
#app-mount .menu_d90b3d .scroller_d90b3d {
padding: 0 !important;
}
#app-mount .menu_d90b3d .scroller_d90b3d::-webkit-scrollbar {
display: none;
}
#app-mount .menu_d90b3d .scroller_d90b3d > .item_c1e9c4, #app-mount .menu_d90b3d .scroller_d90b3d > div:not([class], [role=group]) {
margin: 6px;
}
#app-mount .menu_d90b3d .wrapper_f563df {
padding: 6px 6px 0 !important;
}
#app-mount .menu_d90b3d .wrapper_f563df::after {
content: "";
display: block;
height: 1px;
width: 100%;
grid-column: 1/-1;
background: var(--border-high);
margin-top: 6px;
}
#app-mount .menu_d90b3d .customItem_c1e9c4 {
width: 100%;
}
#app-mount .menu_d90b3d .button_f563df {
width: 100%;
border-radius: var(--rounded);
background: transparent;
cursor: var(--cursor);
padding: 4px 0;
}
#app-mount .menu_d90b3d .button_f563df:hover {
background: var(--bg-higher);
}
#app-mount .menu_d90b3d [role=group]:not(.wrapper_f563df, .container__8061a) {
padding: 6px;
display: flex;
flex-direction: column;
gap: 4px;
}
#app-mount .menu_d90b3d [role=group]:not(.wrapper_f563df, .container__8061a) > .item_c1e9c4:last-child {
margin-bottom: 0;
}
#app-mount .menu_d90b3d [role=group]:not(.wrapper_f563df, .container__8061a) > .hideInteraction_c1e9c4 {
padding: 0;
}
#app-mount .menu_d90b3d [role=separator] {
margin: 2px 6px;
border-color: var(--border-high);
}
#app-mount .menu_d90b3d [role=slider] .grabber-2GQyvM {
width: 14px;
height: 14px;
transform: translateY(0);
}
#app-mount .menu_d90b3d .groupLabel-16o1xl {
padding-top: 0;
padding-bottom: 6px;
min-height: auto;
}
#app-mount .menu_d90b3d .item_c1e9c4 {
margin: 0;
border-radius: var(--rounded);
padding: 8px 12px;
cursor: var(--cursor);
gap: 8px;
}
#app-mount .menu_d90b3d .item_c1e9c4 .iconContainer_c1e9c4 {
margin: 0;
display: flex;
}
#app-mount .menu_d90b3d .item_c1e9c4 .iconContainer_c1e9c4 svg {
margin: auto;
}
#app-mount .menu_d90b3d .item_c1e9c4 .icon_c1e9c4 {
color: currentColor;
}
#app-mount .menu_d90b3d .item_c1e9c4 .newBadge__4f501 {
font-size: 10px;
border-radius: var(--rounded);
margin-top: -4px;
font-weight: 500;
padding: 0 4px;
}
#app-mount .menu_d90b3d .item_c1e9c4.hideInteraction-2jPGL_ {
padding: 0;
}
#app-mount .menu_d90b3d .item_c1e9c4.focused_c1e9c4, #app-mount .menu_d90b3d .item_c1e9c4:active:not(.hideInteraction-2jPGL_) {
background: var(--bg-menu-item);
color: var(--text-primary) !important;
}
#app-mount .menu_d90b3d .item_c1e9c4.colorPremium-vwmYZQ {
color: hsl(var(--discord-pink));
}
#app-mount .menu_d90b3d .item_c1e9c4.colorBrand-3cPPsm {
color: var(--accent);
}
#app-mount .menu_d90b3d .submenuContainer-3EVTeH .item_c1e9c4 {
flex-direction: row;
}
#app-mount .menu_d90b3d .submenuContainer-3EVTeH .layer-2aCOJ3 {
margin-top: -6px;
}
#app-mount .accountProfilePopoutWrapper_b2ca13 {
left: 0;
}
#app-mount .accountProfilePopoutWrapper_b2ca13 .overlayBackground_c69a7b > .menu_d90b3d {
background: transparent;
padding: 0;
border: none;
}
#app-mount .scroller_d90b3d > [role=group] {
padding: 0;
}
#app-mount .statusItem-2a1giL {
padding: 0;
}
#app-mount .description-22_U3B {
display: none;
}
#app-mount #guild-header-popout .item-1OdjEX:not([role=menuitemcheckbox]) {
flex-direction: row;
}
#app-mount #guild-header-popout .item-1OdjEX:not([role=menuitemcheckbox]) .iconContainer-1-SsTR {
display: none;
}
#app-mount .container__55c99 {
border: 1px solid var(--border);
background: var(--bg-menu);
border-radius: var(--rounded);
overflow: hidden;
box-shadow: none;
min-width: 248px;
}
#app-mount .container__55c99:empty {
display: none;
}
#app-mount .option__56fec {
color: var(--text-secondary);
font-size: var(--font-size);
font-weight: var(--font-weight-regular);
line-height: var(--line-height-lg);
height: auto;
border-radius: var(--rounded);
padding: 8px 12px;
cursor: var(--cursor);
margin: 0;
}
#app-mount .option__56fec::before, #app-mount .option__56fec::after {
content: none;
}
#app-mount .option__56fec:hover {
background: var(--bg-menu-item);
}
#app-mount .plusIcon__56fec {
display: none;
}
#app-mount .header__56fec {
padding: 8px 12px;
}
#app-mount .resultsGroup__56fec {
padding: 4px;
margin: 0;
}
#app-mount .resultsGroup__56fec::before {
content: none;
}
#app-mount .resultsGroup__56fec ~ .resultsGroup__56fec {
padding-top: 0;
}
#app-mount .filter__56fec,
#app-mount .displayedNick__56fec {
color: var(--text-primary);
}
#app-mount .answer__56fec,
#app-mount .displayUsername__56fec {
color: var(--text-tertiary);
}
#app-mount .container_d9c882 {
background: var(--bg-main);
border-radius: var(--rounded);
border: 1px solid var(--border-high);
box-shadow: var(--shadow-flyout);
width: var(--popout-width, 650px);
max-width: var(--popout-width, 650px);
max-height: calc(100vh - var(--toolbar-height) - var(--win-btn-height) - 16px) !important;
box-sizing: border-box;
}
#app-mount .header_d9c882 {
border-bottom: 1px solid var(--border-high);
background: var(--bg-alt);
padding: 0 12px;
gap: 0 12px;
}
#app-mount .header_d9c882 > * {
margin: 0;
}
#app-mount .divider_d9c882 {
background: var(--border-high);
height: 100%;
}
#app-mount .threadSuggestionBar_b633f7 {
background: var(--bg-main);
border-top: 0px;
}
#app-mount .messagesPopoutWrap__45690 {
background: var(--bg-main);
border-radius: var(--rounded);
border: 1px solid var(--border-high);
box-shadow: var(--shadow-flyout);
width: var(--popout-width, 650px);
max-width: var(--popout-width, 650px);
max-height: calc(100vh - var(--toolbar-height) - var(--win-btn-height) - 16px) !important;
box-sizing: border-box;
}
#app-mount .messagesPopoutWrap__45690 .messageGroupWrapper__45690 {
background: transparent;
}
#app-mount .messagesPopoutWrap__45690 .cozy_c19a55.wrapper_c19a55 {
padding: 8px 16px 8px 72px;
}
#app-mount .messagesPopoutWrap__45690 .cozy_c19a55.wrapper_c19a55 img {
left: 16px;
}
#app-mount .messagesPopoutWrap__45690 .cozy_c19a55.wrapper_c19a55 .header_c19a55 {
margin-bottom: 6px;
}
#app-mount .messagesPopoutWrap__45690 .actionButtons__45690 {
top: 0;
right: 0;
}
#app-mount .container__2692d {
background: var(--bg-main);
border-radius: var(--rounded);
border: 1px solid var(--border-high);
box-shadow: var(--shadow-flyout);
width: var(--popout-width, 650px);
max-width: var(--popout-width, 650px);
max-height: calc(100vh - var(--toolbar-height) - var(--win-btn-height) - 16px) !important;
box-sizing: border-box;
}
#app-mount .container__95796 {
padding: 0;
margin: 0;
}
#app-mount .channelHeader__35a7e {
background: var(--bg-main);
padding: 0 12px;
}
#app-mount .messageContainer__95796 {
padding-top: 0;
margin-left: 0;
background: transparent;
}
#app-mount .container__23c08, #app-mount .container_dd448f {
background: var(--bg-main);
}
#app-mount .autocomplete-3jLKb0j,
#app-mount .outerWrapper_d1405b,
#app-mount .autocomplete__13533 {
background: var(--bg-menu);
border: 1px solid var(--border-high);
box-shadow: var(--shadow-flyout);
}
#app-mount .wrapper_b1e4f3,
#app-mount .wrapper_dc0b29 {
background: var(--bg-main);
}
#app-mount .wrapper__14245 {
background: var(--bg-menu);
}
#app-mount .autocompleteRow__13533 {
border-radius: var(--rounded);
padding: 0 4px;
}
#app-mount .autocompleteRow__13533 .base__13533 {
padding: 6px 16px;
position: relative;
}
#app-mount .autocompleteRow__13533 .base__13533::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: var(--pill-width);
height: 0;
border-radius: 30px;
background: var(--accent);
opacity: 0;
transition: var(--pill-transition);
}
#app-mount .autocompleteRow__13533 .selected-3H3-RC {
background: var(--bg-menu-item);
}
#app-mount .autocompleteRow__13533 .selected-3H3-RC::before {
height: var(--pill-height);
opacity: 1;
}
#app-mount .contentWrapper__08434 {
background: var(--bg-menu);
border-radius: var(--rounded);
border: 1px solid var(--border-high);
box-shadow: var(--shadow-flyout);
padding-top: 4px;
border-bottom: 1px solid var(--border-high);
}
#app-mount .contentWrapper__08434 [class^=header_]:not([aria-expanded]) {
box-shadow: none;
}
#app-mount .contentWrapper__08434:has(.nav__08434) {
grid-template-rows: 40px auto;
}
#app-mount .inspector_aeaaeb {
border-top: 1px solid var(--border-high);
background: var(--bg-alt);
padding: 0 12px;
}
#app-mount .nav__08434 {
padding: 0 8px;
}
#app-mount .nav__08434 .navButton__08434 {
margin: 0;
border: none;
padding: 10px 12px;
height: auto;
border-radius: var(--btn-radius);
cursor: var(--cursor);
background: transparent !important;
color: var(--text-secondary) !important;
text-transform: none;
font-weight: var(--font-weight-normal);
}
#app-mount .nav__08434 .navButton__08434::before {
content: "";
height: var(--pill-width);
width: 0%;
display: block;
opacity: 0;
border-radius: 30px;
background: var(--accent);
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
transition: opacity 0.15s var(--transition), width 0.15s var(--transition);
}
#app-mount .nav__08434 .navButton__08434:hover {
color: var(--text-primary) !important;
}
#app-mount .nav__08434 .navButton__08434[aria-selected=true] {
color: var(--text-primary) !important;
}
#app-mount .nav__08434 .navButton__08434[aria-selected=true]::before {
width: 40%;
opacity: 1;
}
#app-mount .container__33507:not(.searchBar__5ec2f),
#app-mount .container_fea832 {
background: var(--textbox-bg-high);
border: 1px solid var(--textbox-border);
padding: 0;
border-radius: var(--rounded);
font-size: var(--font-size-sm);
box-sizing: border-box;
border-bottom-color: var(--textbox-underline);
transition: none;
}
#app-mount .container__33507:not(.searchBar__5ec2f) [class^=input_],
#app-mount .container__33507:not(.searchBar__5ec2f) [class^=inner_],
#app-mount .container_fea832 [class^=input_],
#app-mount .container_fea832 [class^=inner_] {
box-sizing: border-box;
margin: 0;
padding: 0;
}
#app-mount .container__33507:not(.searchBar__5ec2f) [class^=input_]::-webkit-scrollbar,
#app-mount .container__33507:not(.searchBar__5ec2f) [class^=inner_]::-webkit-scrollbar,
#app-mount .container_fea832 [class^=input_]::-webkit-scrollbar,
#app-mount .container_fea832 [class^=inner_]::-webkit-scrollbar {
display: none;
}
#app-mount .container__33507:not(.searchBar__5ec2f) [class^=input_],
#app-mount .container_fea832 [class^=input_] {
padding: 0 8px;
}
#app-mount .container__33507:not(.searchBar__5ec2f)::-moz-placeholder, #app-mount .container_fea832::-moz-placeholder {
font-size: var(--font-size-sm);
color: var(--text-muted);
}
#app-mount .container__33507:not(.searchBar__5ec2f)::placeholder,
#app-mount .container_fea832::placeholder {
font-size: var(--font-size-sm);
color: var(--text-muted);
}
#app-mount .container__33507:not(.searchBar__5ec2f):hover,
#app-mount .container_fea832:hover {
background: var(--textbox-bg-high-hover);
}
#app-mount .container__33507:not(.searchBar__5ec2f):focus-within,
#app-mount .container_fea832:focus-within {
background: var(--textbox-bg-high-active) !important;
box-shadow: inset 0 -1px 0 var(--accent);
border-bottom-color: var(--accent);
}
#app-mount .listWrapper__8ef02 {
border-left: 1px solid var(--border-high);
}
#app-mount .userProfileInnerThemedWithBanner_c69a7b {
background: transparent;
}
#app-mount .userProfileInner_c69a7b:not(.userProfileInnerThemedNonPremium_c69a7b) .role_f9575e {
background: var(--bg-transparent);
}
#app-mount .userProfileInner_c69a7b:not(.userProfileInnerThemedNonPremium_c69a7b) .discrimBase_c9ccf6 {
color: #aaa;
}
#app-mount .userProfileInner_c69a7b:not(.userProfileInnerThemedNonPremium_c69a7b) .inputDefault-3FGxgL {
background: var(--bg-transparent);
border-color: var(--bg-transparent);
}
#app-mount .userProfileInner_c69a7b:not(.userProfileInnerThemedNonPremium_c69a7b) .inputDefault-3FGxgL:hover {
background: var(--bg-transparent-hover);
}
#app-mount .userProfileInner_c69a7b:not(.userProfileInnerThemedNonPremium_c69a7b) .inputDefault-3FGxgL:focus {
background: var(--bg-transparent-active) !important;
border-bottom-color: var(--profile-message-input-border-color);
box-shadow: inset 0 -1px 0 var(--profile-message-input-border-color);
}
#app-mount .userProfileInnerThemedNonPremium_c69a7b {
background: var(--bg-main);
}
#app-mount .userProfileInnerThemedNonPremium_c69a7b .overlayBackground_c69a7b {
margin: 0;
background: transparent;
padding: 0 8px 8px;
}
#app-mount .roles-3zC7MX {
gap: 8px;
}
#app-mount .role_f9575e {
color: var(--text-secondary);
line-height: var(--line-height);
background: var(--bg-content);
margin: 0;
padding: 6px 8px;
height: unset;
border-radius: 50px;
border: none;
}
#app-mount .roleCircle_a26d7b {
margin: 0;
}
#app-mount .roleName_e4010c {
margin: 0 0 0 4px;
}
#app-mount .userPopoutOuter_c69a7b {
box-shadow: 0 0 0 1px var(--border-high), var(--shadow-flyout);
padding: 0;
}
#app-mount .userPopoutOuter_c69a7b .userProfileInnerThemedNonPremium_c69a7b .bannerSVGWrapper_b32cc2 {
min-height: 120px !important;
}
#app-mount .userPopoutOuter_c69a7b .userProfileInnerThemedNonPremium_c69a7b .bannerSVGWrapper_b32cc2 foreignObject {
y: -30;
-webkit-mask: none;
mask: none;
}
#app-mount .userPopoutOuter_c69a7b .avatarWrapperNormal_f89da9 {
position: absolute;
top: 16px;
right: 16px;
left: unset;
background: hsla(0, 0%, 100%, 0.2);
border-color: transparent;
box-shadow: 0 0 0 8px hsla(0, 0%, 100%, 0.2);
}
#app-mount .userPopoutOuter_c69a7b .avatarWrapperNormal_f89da9 circle[fill=black] {
opacity: 0 !important;
}
#app-mount .userPopoutOuter_c69a7b .overlayBackground_c69a7b {
overflow: visible;
position: static;
z-index: 2;
margin-top: 0;
}
#app-mount .userPopoutOuter_c69a7b .overlayBackground_c69a7b > .section-3FmfOT:first-of-type {
padding: 0;
position: absolute;
top: 16px;
left: 16px;
}
#app-mount .userPopoutOuter_c69a7b .overlayBackground_c69a7b > .divider_e6f9ab {
display: none;
}
#app-mount .userPopoutOuter_c69a7b .overlayBackground_c69a7b .section-3FmfOT {
padding-right: 0 !important;
}
#app-mount .userPopoutOuter_c69a7b .profileBadges_f89da9 {
position: absolute;
right: unset;
left: 16px;
top: 105px;
z-index: 2;
background: transparent;
padding: 0;
}
#app-mount .userPopoutOuter_c69a7b .profileBadge22-3OAigE {
filter: drop-shadow(var(--profile-premium-text-shadow));
}
#app-mount .userPopoutOuter_c69a7b .banner_c3e427 {
-webkit-mask: linear-gradient(hsla(0, 0%, 0%, 0.5), transparent 90%);
mask: linear-gradient(hsla(0, 0%, 0%, 0.5), transparent 90%);
position: absolute;
width: 100%;
height: 120px;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: unset;
pointer-events: none;
}
#app-mount .userPopoutOuter_c69a7b .banner_c3e427 [role=button] {
display: none;
}
#app-mount .userPopoutOuter_c69a7b nickname_c9ccf6 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 220px;
}
#app-mount .userPopoutInner_c69a7b::before {
content: none;
}
#app-mount .nameTag_be84f0 {
line-height: normal;
text-shadow: var(--profile-premium-text-shadow);
}
#app-mount .messageInputContainer-2rGDH8 {
border: none;
border-radius: unset;
}
#app-mount .profilePanel_b433b4 {
border-left: 1px solid var(--border-high);
background: var(--bg-altuserPanelInner_c69a7b);
}
#app-mount .profilePanel_b433b4 .userPanelOuter_c69a7b:not(.userProfileOuterThemed_c69a7b),
#app-mount .profilePanel_b433b4 .userPanelInner_c69a7b {
background: transparent;
}
#app-mount .profilePanel_b433b4 .bannerSVGWrapper_b32cc2 {
overflow: visible;
pointer-events: none;
}
#app-mount .profilePanel_b433b4 .bannerSVGWrapper_b32cc2 foreignObject {
-webkit-mask: none;
mask: none;
}
#app-mount .profilePanel_b433b4 .banner__68edb {
-webkit-mask: linear-gradient(hsla(0, 0%, 0%, 0.5), transparent 90%);
mask: linear-gradient(hsla(0, 0%, 0%, 0.5), transparent 90%);
position: absolute;
width: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: unset;
}
#app-mount .profilePanel_b433b4 .banner__68edb [role=button] {
display: none;
}
#app-mount .profilePanel_b433b4 .gifTag_f60819 {
display: none;
}
#app-mount .profilePanel_b433b4 .avatarWrapperNormal_f89da9 {
top: 24px;
right: 24px;
left: unset;
background: hsla(0, 0%, 100%, 0.2);
border-color: transparent;
box-shadow: 0 0 0 8px hsla(0, 0%, 100%, 0.2);
}
#app-mount .profilePanel_b433b4 .avatarWrapperNormal_f89da9 circle[fill=black] {
fill: transparent;
}
#app-mount .profilePanel_b433b4 .badgelistGroup_ab525a {
position: absolute;
top: 85px;
left: 16px;
padding: 0;
margin: 0;
}
#app-mount .profilePanel_b433b4 .badgeList_ab525a {
background: transparent;
padding: 0;
}
#app-mount .profilePanel_b433b4 .overlayBackground_c69a7b {
position: unset;
background: var(--bg-transparent);
}
#app-mount .profilePanel_b433b4 .overlayBackground_c69a7b:nth-child(2) > .section_d7a21f:first-of-type {
padding: 0;
position: absolute;
top: 16px;
left: 16px;
}
#app-mount .profilePanel_b433b4 .overlayBackground_c69a7b:nth-child(2) > .section_d7a21f:first-of-type + .divider_e6f9ab {
display: none;
}
#app-mount .profilePanel_b433b4 .profilePanelConnections_b433b4 {
background: transparent;
}
#app-mount .profilePanel_b433b4 .profilePanelConnections_b433b4 button {
background: var(--btn-bg);
font-weight: var(--font-weight-regular);
color: var(--text-primary);
box-shadow: none !important;
border: 1px solid var(--btn-border-x);
border-top-color: var(--btn-border-t);
border-bottom-color: var(--btn-border-b);
cursor: var(--cursor);
}
#app-mount .profilePanel_b433b4 .profilePanelConnections_b433b4 button:hover {
background: var(--btn-bg-hover);
border-color: var(--btn-border-t) var(--btn-border-x) var(--btn-border-b);
}
#app-mount .profilePanel_b433b4 .profilePanelConnections_b433b4 button:active {
background: var(--btn-bg-active) !important;
border-color: var(--btn-border-active);
}
#app-mount .profilePanel_b433b4 .mutualFriendsDivider_b433b4 {
border: none;
margin-top: 12px;
}
#app-mount .peopleColumn__133bf {
position: relative;
}
#app-mount .peopleList__5ec2f {
padding-bottom: calc(var(--bottombar-height) * 1.5);
}
#app-mount .container__133bf {
background: var(--bg-alt);
}
#app-mount .tabBody__133bf::before {
content: none;
}
#app-mount .searchBar__5ec2f {
margin: 0;
bottom: 12px;
right: 12px;
left: 0;
z-index: 1;
height: var(--bottombar-height);
padding: 10px 10px 10px 14px;
border-left: none;
border-radius: 0 var(--rounded) var(--rounded) 0;
background: var(--bg);
}
#app-mount .searchBar__5ec2f .inner__999f6 {
background: var(--bg-content-alt);
border-radius: var(--rounded);
flex-direction: row-reverse;
padding: 0 10px;
overflow: hidden;
}
#app-mount .searchBar__5ec2f .inner__999f6::before {
content: "";
height: 1px;
width: 100%;
background: var(--textbox-underline);
position: absolute;
left: 0;
bottom: 0;
}
#app-mount .searchBar__5ec2f .inner__999f6:focus-within {
background: var(--bg-content);
}
#app-mount .searchBar__5ec2f .inner__999f6:focus-within::before {
height: 2px;
background: var(--accent);
}
#app-mount .searchBar__5ec2f .input__48d49 {
padding: 0 10px;
margin: 0;
}
#app-mount .title__1472a {
margin: 16px;
}
#app-mount .peopleListItem_cc6179 {
height: auto !important;
margin: 0 4px 4px 16px;
padding: 8px 16px;
border-radius: var(--rounded);
cursor: var(--cursor);
border: none;
position: relative;
}
#app-mount .peopleListItem_cc6179::before {
content: "";
display: block;
height: 0;
width: var(--pill-width);
background: var(--accent);
border-radius: 50px;
transition: var(--pill-transition);
opacity: 0;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
z-index: 1;
}
#app-mount .peopleListItem_cc6179 .actionButton_f8fa06 {
border-radius: var(--btn-radius);
padding: 4px 10px;
line-height: 20px;
font-size: var(--font-size-sm);
display: inline-flex;
align-items: center;
box-sizing: border-box;
text-decoration: none;
background: var(--btn-bg);
font-weight: var(--font-weight-regular);
color: var(--text-primary);
box-shadow: none !important;
border: 1px solid var(--btn-border-x);
border-top-color: var(--btn-border-t);
border-bottom-color: var(--btn-border-b);
cursor: var(--cursor);
width: auto;
height: auto;
}
#app-mount .peopleListItem_cc6179 .actionButton_f8fa06:hover {
background: var(--btn-bg-hover);
border-color: var(--btn-border-t) var(--btn-border-x) var(--btn-border-b);
}
#app-mount .peopleListItem_cc6179 .actionButton_f8fa06:active {
background: var(--btn-bg-active) !important;
border-color: var(--btn-border-active);
}
#app-mount .peopleListItem_cc6179:hover {
background: var(--bg-interactive-high);
}
#app-mount .peopleListItem_cc6179.active_cc6179 {
background: var(--bg-interactive-high);
}
#app-mount .peopleListItem_cc6179.active_cc6179::before {
height: var(--pill-height);
opacity: 1;
}
#app-mount .addFriendInputWrapper__72ba7 {
padding: 0;
border: none;
background: transparent;
margin-top: 16px;
}
#app-mount .container__7d20c {
background: transparent;
}
#app-mount .nowPlayingColumn__133bf {
background: transparent;
}
#app-mount .scroller__7d20c {
border-left: 1px solid var(--border-mid);
margin: 0;
}
#app-mount .header__7d20c {
margin: 0 0 16px;
color: var(--text-primary);
font-size: var(--font-size);
font-weight: var(--font-weight-semibold);
line-height: var(--line-height-md);
margin-bottom: 12px;
text-transform: none;
}
#app-mount .itemCard__7e549 {
border-radius: var(--rounded);
border: 1px solid var(--border);
background: var(--bg-content);
cursor: var(--cursor);
padding: 0;
}
#app-mount .itemCard__7e549 .sectionTitle-2AR_TY {
color: var(--text-secondary);
font-size: var(--font-size);
font-weight: var(--font-weight-regular);
line-height: var(--line-height-lg);
}
#app-mount .itemCard__7e549 .size14-3fJ-ot {
color: var(--text-tertiary);
font-size: var(--font-size-xs);
font-weight: var(--font-weight-regular);
line-height: var(--line-height);
}
#app-mount .itemCard__7e549:hover {
background: var(--bg-content-alt);
}
#app-mount .header__00943 {
padding: 12px;
}
#app-mount .body__00943 {
margin: 0;
border-top: 1px solid var(--border);
border-radius: 0;
background: transparent;
}
#app-mount .section__00943 {
background: transparent;
}
#app-mount .voiceSectionDetails__00943 {
cursor: var(--cursor);
}
#app-mount .scroller__4a84a, #app-mount .scroller_fb04e1,
#app-mount .stickyHeader_bba39c.header__119bc.row__5f450.stickyHeader__87925,
#app-mount .scroller_ad8f79.auto_c49869.scrollerBase_c49869 {
background-color: var(--bg-alt);
}
#app-mount .libraryHeader__5a895 {
margin-top: 44px;
padding-right: 0px !important;
border-top: 1px solid var(--border-mid);
background-color: var(--bg-alt);
}
#app-mount .libraryFilter__3fb48 {
width: 240px;
}
#app-mount .perksModal-CLcR1c {
background: var(--bg-main);
}
#app-mount .perksModal-CLcR1c .ctaBar-Nhk8yY {
border-radius: var(--rounded);
border: 1px solid var(--border);
background: var(--bg-content);
}
#app-mount .perksModal-CLcR1c .tierWrapper-CsnudO {
box-shadow: none !important;
}
#app-mount .perksModal-CLcR1c .tierWrapper-CsnudO[style*="box-shadow: rgba(0, 0, 0, 0.2)"] {
box-shadow: var(--shadow-flyout) !important;
}
#app-mount .perksModal-CLcR1c .tier-lFqDUs {
border: 1px solid var(--border-high);
}
#app-mount .perksModal-CLcR1c .tierHeaderLocked-3ItHYn {
background: var(--bg-alt);
box-shadow: inset 0 -1px 0 var(--border-high);
}
#app-mount .perksModal-CLcR1c .tierBody-3ju-rc {
background: var(--bg-content);
border-radius: 0 0 var(--rounded) var(--rounded);
}
#app-mount .perksModal-CLcR1c .perk-19D_HN {
border-radius: var(--rounded);
border: 1px solid var(--border);
background: var(--bg-content);
}
#app-mount .sidebar_c48ade.hiddenOnMobileStore-2z5BJi .avatarWrapper__37e49 {
display: none;
}
#app-mount .applicationStore_f07d62 {
background: var(--bg-alt);
}
#app-mount .scroller__244e5 {
background: transparent;
}
#app-mount .featureGrid-SSlfD0 {
grid-template-columns: 1fr;
}
#app-mount .feature-2IUcBI {
min-height: 180px;
padding: 24px;
background: var(--bg-content);
border: 1px solid var(--border-mid);
border-radius: var(--rounded);
}
#app-mount .featureTitle-3N9Stg {
text-align: left;
}
#app-mount .featureDescription-3U0QB3 {
text-align: left;
max-width: 50%;
}
#app-mount .featureImageWrapper-2ndc8N {
position: absolute;
left: unset;
right: 24px;
top: 50%;
transform: translateY(-50%);
bottom: unset;
}
.container_e462a4 {
background: var(--bg-alt);
}
.container_d746e5 {
margin-top: calc(var(--win-btn-height) + 17px);
}
#app-mount [role=slider] .bar_a562c8 {
height: 4px;
}
#app-mount [role=slider] .barFill_a562c8 {
background: var(--accent);
}
#app-mount [role=slider] .track_a562c8 {
left: 10px;
}
#app-mount [role=slider] .grabber_a562c8 {
border: 4px solid var(--bg-highest);
margin-top: 0;
background: var(--accent);
box-shadow: var(--shadow-flyout);
width: 20px;
height: 20px;
border-radius: 50%;
transform: translateY(-50%);
margin-left: -10px;
margin-top: -2px;
}
#app-mount [role=slider].mini_a562c8 .grabber_a562c8 {
width: 12px;
height: 12px;
top: 100%;
}
#app-mount [role=menuitemcheckbox] .iconContainer_c1e9c4 {
border: 1px solid var(--text-muted);
border-radius: var(--rounded);
width: 18px;
height: 18px;
box-sizing: border-box;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
#app-mount [role=menuitemcheckbox] .iconContainer_c1e9c4::before {
content: "";
width: 10px;
height: 4px;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
transform: rotate(-45deg);
margin-top: -2px;
opacity: 0;
}
#app-mount [role=menuitemcheckbox] svg {
display: none;
}
#app-mount [role=menuitemcheckbox][aria-checked=true] .iconContainer_c1e9c4 {
border-color: var(--accent);
background: var(--accent);
}
#app-mount [role=menuitemcheckbox][aria-checked=true] .iconContainer_c1e9c4::before {
opacity: 1;
}
#app-mount [role=menuitemradio] .iconContainer_c1e9c4 {
border: 1px solid var(--text-muted);
box-sizing: border-box;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
#app-mount [role=menuitemradio] .iconContainer_c1e9c4::before {
content: "";
width: 10px;
height: 10px;
border-radius: 50%;
background: #000;
opacity: 0;
}
#app-mount [role=menuitemradio] svg {
display: none;
}
#app-mount [role=menuitemradio][aria-checked=true] .iconContainer_c1e9c4 {
border-color: var(--accent);
background: var(--accent);
}
#app-mount [role=menuitemradio][aria-checked=true] .iconContainer_c1e9c4::before {
opacity: 1;
}
#app-mount .button__201d5,
#app-mount .button__201d5 {
border-radius: var(--btn-radius);
padding: 4px 10px;
line-height: 20px;
font-size: var(--font-size-sm);
cursor: var(--cursor);
margin: 1px;
min-height: auto;
height: auto;
}
#app-mount .button__201d5 [role=button],
#app-mount .button__201d5 [role=button] {
cursor: var(--cursor) !important;
}
#app-mount .button__201d5 [class*=shine],
#app-mount .button__201d5 [class*=shine] {
display: none;
}
#app-mount .button__201d5 .contents__201d5,
#app-mount .button__201d5 .contents__201d5 {
display: flex;
align-items: center;
gap: 8px;
}
#app-mount .button__201d5.buttonColor_e131a9,
#app-mount .button__201d5.buttonColor_e131a9 {
background: var(--accent);
color: var(--accent-text);
}
#app-mount .button__201d5.lookFilled__201d5,
#app-mount .button__201d5.lookFilled__201d5 {
border: 1px solid var(--btn-border-x);
border-top-color: var(--btn-border-t);
border-bottom-color: var(--btn-border-b);
font-weight: var(--font-weight-semibold);
transition: box-shadow 0.15s var(--transition);
}
#app-mount .button__201d5.lookFilled__201d5.colorBrand__201d5, #app-mount .button__201d5.lookFilled__201d5.colorGreen-3y-Z79,
#app-mount .button__201d5.lookFilled__201d5.colorBrand__201d5,
#app-mount .button__201d5.lookFilled__201d5.colorGreen-3y-Z79 {
background: var(--accent);
color: var(--accent-text);
}
#app-mount .button__201d5.lookFilled__201d5.colorRed__201d5,
#app-mount .button__201d5.lookFilled__201d5.colorRed__201d5 {
background: hsl(var(--discord-red));
}
#app-mount .button__201d5.lookFilled__201d5.colorGrey-2iAG-B, #app-mount .button__201d5.lookFilled__201d5.colorPrimary__201d5,
#app-mount .button__201d5.lookFilled__201d5.colorGrey-2iAG-B,
#app-mount .button__201d5.lookFilled__201d5.colorPrimary__201d5 {
background: var(--btn-bg);
font-weight: var(--font-weight-regular);
color: var(--text-primary);
}
#app-mount .button__201d5.lookFilled__201d5.colorGrey-2iAG-B:hover, #app-mount .button__201d5.lookFilled__201d5.colorPrimary__201d5:hover,
#app-mount .button__201d5.lookFilled__201d5.colorGrey-2iAG-B:hover,
#app-mount .button__201d5.lookFilled__201d5.colorPrimary__201d5:hover {
background: var(--btn-bg-hover) !important;
}
#app-mount .button__201d5.lookFilled__201d5.colorGrey-2iAG-B:active, #app-mount .button__201d5.lookFilled__201d5.colorPrimary__201d5:active,
#app-mount .button__201d5.lookFilled__201d5.colorGrey-2iAG-B:active,
#app-mount .button__201d5.lookFilled__201d5.colorPrimary__201d5:active {
background: var(--btn-bg-active) !important;
border-color: var(--btn-border-active) !important;
}
#app-mount .button__201d5.lookFilled__201d5.colorBrand__201d5:hover, #app-mount .button__201d5.lookFilled__201d5.colorGreen-3y-Z79:hover, #app-mount .button__201d5.lookFilled__201d5.colorRed__201d5:hover,
#app-mount .button__201d5.lookFilled__201d5.colorBrand__201d5:hover,
#app-mount .button__201d5.lookFilled__201d5.colorGreen-3y-Z79:hover,
#app-mount .button__201d5.lookFilled__201d5.colorRed__201d5:hover {
box-shadow: inset 0 0 0 100vmax hsla(0, 0%, 0%, 0.1);
border-color: hsla(0, 0%, 0%, 0.1);
}
#app-mount .button__201d5.lookFilled__201d5.colorBrand__201d5:active, #app-mount .button__201d5.lookFilled__201d5.colorGreen-3y-Z79:active, #app-mount .button__201d5.lookFilled__201d5.colorRed__201d5:active,
#app-mount .button__201d5.lookFilled__201d5.colorBrand__201d5:active,
#app-mount .button__201d5.lookFilled__201d5.colorGreen-3y-Z79:active,
#app-mount .button__201d5.lookFilled__201d5.colorRed__201d5:active {
box-shadow: inset 0 0 0 100vmax hsla(0, 0%, 0%, 0.2);
border-color: hsla(0, 0%, 0%, 0.2);
}
#app-mount .button__201d5.lookOutlined__201d5,
#app-mount .button__201d5.lookOutlined__201d5 {
cursor: pointer;
border: none;
background: transparent !important;
}
#app-mount .button__201d5.lookOutlined__201d5 .contents__201d5,
#app-mount .button__201d5.lookOutlined__201d5 .contents__201d5 {
background: none;
}
#app-mount .button__201d5.lookOutlined__201d5::before,
#app-mount .button__201d5.lookOutlined__201d5::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: currentColor;
z-index: 1;
border-radius: inherit;
opacity: 0;
pointer-events: none;
}
#app-mount .button__201d5.lookOutlined__201d5.sizeMin-DfpWCE,
#app-mount .button__201d5.lookOutlined__201d5.sizeMin-DfpWCE {
font-size: var(--font-size-xs);
}
#app-mount .button__201d5.lookOutlined__201d5:hover::before,
#app-mount .button__201d5.lookOutlined__201d5:hover::before {
opacity: 0.1;
}
#app-mount .button__201d5.lookOutlined__201d5:active::before,
#app-mount .button__201d5.lookOutlined__201d5:active::before {
opacity: 0.07;
}
#app-mount .button__201d5.lookOutlined__201d5.colorRed__201d5,
#app-mount .button__201d5.lookOutlined__201d5.colorRed__201d5 {
color: hsl(var(--discord-red));
}
#app-mount .button__201d5.lookLink__201d5,
#app-mount .button__201d5.lookLink__201d5 {
cursor: pointer;
color: var(--accent);
}
#app-mount .button__201d5.lookLink__201d5 .contents__201d5,
#app-mount .button__201d5.lookLink__201d5 .contents__201d5 {
background: none;
}
#app-mount .button__201d5.lookLink__201d5.sizeMin__201d5,
#app-mount .button__201d5.lookLink__201d5.sizeMin__201d5 {
font-size: var(--font-size-xs);
}
#app-mount .button__201d5.lookLink__201d5:hover,
#app-mount .button__201d5.lookLink__201d5:hover {
background: var(--btn-bg);
}
#app-mount .button__201d5.lookLink__201d5:active,
#app-mount .button__201d5.lookLink__201d5:active {
background: var(--btn-bg-active);
}
#app-mount .applicationInstallButtonContent-2GoIj7 {
display: flex;
align-items: center;
gap: 8px;
}
#app-mount .applicationInstallButtonContent-2GoIj7 .launchIcon-RTf7He {
margin-left: 0;
}
#app-mount .component_d53fb7 {
margin: 4px !important;
}
#app-mount .input-2g-os5:not(.multiInput-1VARjC, .multiInputField-1zyopx, .input-2yCVqe),
#app-mount .input-2g-os5.multiInput-1VARjC {
background: var(--textbox-bg);
border: 1px solid var(--textbox-border);
height: 32px;
padding: 0;
border-radius: var(--rounded);
padding: 8px 10px;
font-size: var(--font-size-sm);
box-sizing: border-box;
border-bottom-color: var(--textbox-underline);
transition: none;
color: var(--text-secondary) !important;
cursor: text;
}
#app-mount .input-2g-os5:not(.multiInput-1VARjC, .multiInputField-1zyopx, .input-2yCVqe)::-moz-placeholder, #app-mount .input-2g-os5.multiInput-1VARjC::-moz-placeholder {
font-size: var(--font-size-sm);
color: var(--text-muted);
}
#app-mount .input-2g-os5:not(.multiInput-1VARjC, .multiInputField-1zyopx, .input-2yCVqe)::placeholder,
#app-mount .input-2g-os5.multiInput-1VARjC::placeholder {
font-size: var(--font-size-sm);
color: var(--text-muted);
}
#app-mount .input-2g-os5:not(.multiInput-1VARjC, .multiInputField-1zyopx, .input-2yCVqe):hover,
#app-mount .input-2g-os5.multiInput-1VARjC:hover {
background: var(--textbox-bg-hover);
}
#app-mount .input-2g-os5:not(.multiInput-1VARjC, .multiInputField-1zyopx, .input-2yCVqe):focus, #app-mount .input-2g-os5:not(.multiInput-1VARjC, .multiInputField-1zyopx, .input-2yCVqe):focus-within,
#app-mount .input-2g-os5.multiInput-1VARjC:focus,
#app-mount .input-2g-os5.multiInput-1VARjC:focus-within {
background: var(--textbox-bg-active) !important;
box-shadow: inset 0 -1px 0 var(--accent);
border-bottom-color: var(--accent);
}
#app-mount .input-2g-os5.textArea-3WXAeD {
height: auto !important;
}
#app-mount .multiInput-1VARjC .inputWrapper-1YNMmM::before {
content: none;
}
#app-mount .multiInput-1VARjC input {
padding: 0;
}
#app-mount .multiInput-1VARjC .multiInputLast-35zVz0 input {
padding-left: 36px;
}
#app-mount .inputWrapper-1YNMmM > svg {
width: 18px;
height: 18px;
left: 8px;
top: 8px;
}
#app-mount .inputWrapper-1YNMmM > svg + .input-2g-os5 {
padding-left: 32px;
}
#app-mount .buttonsContainer-3rygH4 {
margin: 0;
gap: 16px;
}
#app-mount .colorSwatch-3KbHGH {
margin-right: 0;
position: relative;
}
#app-mount .swatch-35F5kl {
width: 75px;
height: 35px;
}
#app-mount .swatchDescription--ZWxV0 {
text-align: left;
font-size: var(--font-size-xs);
margin-top: 0;
}
#app-mount .container__87bf1 {
background: transparent !important;
width: 40px;
height: 20px;
}
#app-mount .container__87bf1 svg {
display: none;
}
#app-mount .container__87bf1 input {
display: inline-flex;
align-items: center;
opacity: 1;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid var(--switch-border);
width: 40px;
height: 20px;
border-radius: 20px;
margin: 0;
padding: 0 4px;
cursor: var(--cursor);
transition: background 0.15s var(--transition), border-color 0.15s var(--transition);
}
#app-mount .container__87bf1 input::before {
content: "";
width: 12px;
height: 12px;
border-radius: 7px;
display: block;
background: var(--text-secondary);
transition: background 0.15s var(--transition), transform 0.15s var(--transition), width 0.15s var(--transition), height 0.15s var(--transition);
}
#app-mount .container__87bf1 input:hover:not(:checked) {
background: hsla(0, 0%, 100%, 0.05) !important;
}
#app-mount .container__87bf1 input:hover::before {
width: 14px;
height: 14px;
}
#app-mount .container__87bf1 input:active::before {
width: 18px;
}
#app-mount .container__87bf1 input:checked {
background: var(--accent);
border-color: var(--accent);
}
#app-mount .container__87bf1 input:checked::before {
background: var(--accent-text);
transform: translateX(18px);
}
#app-mount .container__87bf1 input:checked:hover {
box-shadow: inset 0 0 0 100vmax hsla(0, 0%, 0%, 0.12);
border-color: hsla(0, 0%, 0%, 0.12);
}
#app-mount .container__87bf1 input:checked:active::before {
transform: translateX(13px);
}
#app-mount [role=radiogroup] {
border: 1px solid var(--border);
background: var(--bg-content);
border-radius: var(--rounded);
overflow: hidden;
}
#app-mount [role=radiogroup] .item__001a7 {
background: transparent;
margin: 0;
border-radius: 0;
}
#app-mount [role=radiogroup] .item__001a7:not(:last-child) {
border-bottom: 1px solid var(--border);
}
#app-mount [role=radiogroup] .item__001a7:hover {
background: var(--bg-content-alt);
}
#app-mount [role=radiogroup] .item__001a7[aria-checked=true] .radioBar__001a7 > div:first-child {
background: var(--radio-bar-accent-color, var(--accent-solid));
border-color: var(--radio-bar-accent-color, var(--accent-solid));
}
#app-mount [role=radiogroup] .item__001a7[aria-checked=true] .radioBar__001a7 > div:first-child::before {
background: var(--accent-text);
}
#app-mount [role=radiogroup] .radioBar__001a7 {
border-radius: 0;
padding: 16px !important;
display: flex;
flex-direction: row-reverse;
align-items: center;
border: none;
cursor: var(--cursor);
}
#app-mount [role=radiogroup] .radioBar__001a7 > div:first-child {
display: flex;
align-items: center;
justify-content: center;
min-width: 20px;
min-height: 20px;
max-width: 20px;
max-height: 20px;
border-radius: 50%;
border: 1px solid var(--text-muted);
}
#app-mount [role=radiogroup] .radioBar__001a7 > div:first-child::before {
content: "";
width: 12px;
height: 12px;
border-radius: 50%;
}
#app-mount [role=radiogroup] .radioBar__001a7 svg {
display: none;
}
#app-mount [role=radiogroup] .info-2FZci4 {
gap: 0;
}
#app-mount [role=radiogroup] .title-1yyp9V {
color: var(--text-primary);
font-size: var(--font-size-sm);
font-weight: var(--font-weight-regular);
margin: 0;
text-transform: none;
display: block;
}
#app-mount [role=radiogroup] .size14-3fJ-ot {
display: block;
font-size: var(--font-size-xs);
color: var(--text-muted);
margin-top: 4px;
}
#app-mount .select__3f413 {
background: var(--btn-bg);
font-weight: var(--font-weight-regular);
color: var(--text-normal);
border: 1px solid var(--btn-border-x);
border-top-color: var(--btn-border-t);
border-bottom-color: var(--btn-border-b);
border-radius: var(--btn-radius);
cursor: var(--cursor);
transition: box-shadow 0.15s var(--transition);
padding: 6px 6px 6px 12px;
}
#app-mount .select__3f413 .value-26hJ01 {
color: var(--text-secondary);
font-size: var(--font-size);
font-weight: var(--font-weight-regular);
line-height: var(--line-height-lg);
}
#app-mount .select__3f413 .icons-2dXYop {
width: 18px;
height: 18px;
}
#app-mount .select__3f413:hover {
background: var(--btn-bg-hover);
}
#app-mount .select__3f413:active {
background: var(--btn-bg-active);
border-color: var(--btn-border-active);
}
#app-mount .popout__3f413 {
background: var(--bg-menu);
border-radius: var(--rounded);
border: 1px solid var(--border);
box-shadow: var(--shadow-flyout);
margin-top: 6px;
padding: 6px !important;
display: flex;
flex-direction: column;
gap: 4px;
max-height: 350px !important;
}
#app-mount .option__3f413 {
border-radius: var(--rounded);
font-size: var(--font-size-sm);
padding: 10px 14px;
position: relative;
cursor: var(--cursor);
}
#app-mount .option__3f413:hover, #app-mount .option__3f413:focus, #app-mount .option__3f413.focused-ODgjnC {
background: var(--bg-menu-item-hover);
}
#app-mount .option__3f413[aria-selected=true] {
background: var(--bg-menu-item-hover);
}
#app-mount .option__3f413[aria-selected=true]::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 3px;
height: var(--pill-height);
background: var(--accent);
border-radius: 30%;
}
#app-mount .selectedIcon__3f413 {
display: none;
}
#app-mount .optionLabel-1h0MHL {
margin: 0;
}
#app-mount .container-2uPlB3 .selectedProgressBar-11z5d9 {
background: var(--accent);
}
#app-mount .container-2uPlB3 .colorBrand-21Le_q {
color: var(--accent);
}
#app-mount .layer__960e4 ~ .layer__960e4 .contentColumn__23e6b > .heading-lg-semibold__85c17:first-child, #app-mount .layer__960e4 ~ .layer__960e4 .contentColumn__23e6b > div > div:first-child > .sectionTitle__7bffb:first-child .title_b717a1, #app-mount .layer__960e4 ~ .layer__960e4 .contentColumn__23e6b > div:first-child > .sectionTitle__7bffb:first-child .title_b717a1 {
color: var(--header-primary);
font-size: var(--font-size-xl);
line-height: var(--line-height-2xl);
font-weight: var(--font-weight-semibold);
margin-bottom: 48px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .title-2dsDLn {
cursor: var(--cursor);
}
#app-mount .layer__960e4 ~ .layer__960e4 [class^=margin] > .title_b717a1,
#app-mount .layer__960e4 ~ .layer__960e4 .marginTop40_fd297e > .sectionTitle__7bffb > .title_b717a1,
#app-mount .layer__960e4 ~ .layer__960e4 .title_b717a1.marginBottom8_fd297e,
#app-mount .layer__960e4 ~ .layer__960e4 .sectionTitle__7bffb .title_b717a1:not(h1) {
color: var(--text-primary);
font-size: var(--font-size);
font-weight: var(--font-weight-semibold);
line-height: var(--line-height-md);
margin-bottom: 12px;
text-transform: none;
}
#app-mount .layer__960e4 ~ .layer__960e4 [class*=divider_] {
display: none;
}
#app-mount .layer__960e4 ~ .layer__960e4 .children__7bffb > .description-30xx7u.formText-2ngGjI {
color: var(--text-tertiary);
font-size: var(--font-size-xs);
font-weight: var(--font-weight-regular);
line-height: var(--line-height);
}
#app-mount .layer__960e4 ~ .layer__960e4 .title_b717a1.marginBottom8_fd297e + .description-30xx7u.formText-2ngGjI,
#app-mount .layer__960e4 ~ .layer__960e4 .title_b717a1.defaultMarginh3-2aILfT + .description-30xx7u.formText-2ngGjI {
background: var(--bg-content);
border-radius: var(--rounded);
border: 1px solid var(--border);
padding: 16px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .children__7bffb > .divider-_0um2u + div {
margin-top: 40px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .container__0d850 {
background: var(--bg-content);
border: 1px solid var(--border);
border-radius: var(--rounded);
padding: 18px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0 18px;
position: relative;
margin-top: 0;
margin-bottom: 4px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .container__0d850 .title__0d850 {
color: var(--text-primary);
font-size: var(--font-size-sm);
font-weight: var(--font-weight-regular);
margin: 0;
text-transform: none;
display: block;
}
#app-mount .layer__960e4 ~ .layer__960e4 .container__0d850 .note__0d850 {
display: block;
font-size: var(--font-size-xs);
color: var(--text-muted);
margin-top: 4px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .container__0d850 + .title_b717a1, #app-mount .layer__960e4 ~ .layer__960e4 .container__0d850 + div[class^=margin]:not(.container__0d850) {
margin-top: 40px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .contentRegionScroller__23e6b {
margin-top: calc(var(--win-btn-height) + 16px);
}
#app-mount .layer__960e4 ~ .layer__960e4 [class^=margin] + [class^=margin] {
margin-top: 40px;
margin-bottom: 0;
}
#app-mount .layer__960e4 ~ .layer__960e4 .children__7bffb > [class^=marginBottom]:not(:only-child):first-child {
margin-bottom: 0;
}
#app-mount .layer__960e4 ~ .layer__960e4 .title_b717a1.defaultMarginh3-2aILfT {
margin-top: 40px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .noticeRegion__23e6b {
max-width: 980px;
right: 0;
}
#app-mount .layer__960e4 ~ .layer__960e4 .container_fcf29c {
box-shadow: var(--shadow-flyout);
padding: 16px;
background: var(--bg-content-alt) !important;
border: 1px solid var(--border);
border-radius: var(--rounded);
}
#app-mount .layer__960e4 ~ .layer__960e4 .container_fcf29c .flex__7c0ba {
gap: 8px;
}
#app-mount .layer__960e4 {
background: var(--bg-main);
}
#app-mount .layer__960e4 .toolsContainer__23e6b {
margin: 0;
padding: 0;
flex: none;
width: auto;
position: fixed;
top: 5px;
left: 5px;
z-index: 2;
width: auto;
-webkit-user-drag: none;
-webkit-app-region: none;
}
#app-mount .layer__960e4 .tools__23e6b {
position: static;
}
#app-mount .layer__960e4 .container_c2b141 {
flex-direction: row;
align-items: center;
width: 100%;
gap: 8px;
}
#app-mount .layer__960e4 .closeButton_c2b141 {
border-radius: var(--btn-radius);
width: 42px;
flex: 0 0 42px;
border: none;
cursor: var(--cursor);
}
#app-mount .layer__960e4 .closeButton_c2b141 svg {
-webkit-mask: url('data:image/svg+xml; utf-8,') center/cover;
mask: url('data:image/svg+xml; utf-8,') center/cover;
width: 16px;
height: 16px;
background: var(--text-primary);
}
#app-mount .layer__960e4 .closeButton_c2b141 path {
display: none;
}
#app-mount .layer__960e4 .closeButton_c2b141:hover {
background: var(--btn-bg-hover);
}
#app-mount .layer__960e4 .closeButton_c2b141:active {
background: var(--btn-bg-active);
transform: none;
}
#app-mount .layer__960e4 .keybind_c2b141 {
margin-top: 0;
font-size: 0;
color: var(--text-primary);
}
#app-mount .layer__960e4 .keybind_c2b141::before {
content: "Settings";
font-size: var(--font-size-xs);
display: block;
}
#app-mount .layer__960e4 ~ .layer__960e4 .standardSidebarView__23e6b {
background: var(--bg-main);
}
#app-mount .layer__960e4 ~ .layer__960e4 .sidebarRegion__23e6b {
flex: 0;
margin-top: 46px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .sidebarRegionScroller__23e6b {
background: var(--bg-main);
}
#app-mount .layer__960e4 ~ .layer__960e4 .sidebar__23e6b {
width: 270px;
padding: 0 16px 16px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .sidebar__23e6b .item_b3f026 {
font-size: var(--font-size-sm);
border-radius: var(--rounded);
padding: 8px 12px;
display: flex;
align-items: center;
gap: 12px;
position: relative;
cursor: var(--cursor);
}
#app-mount .layer__960e4 ~ .layer__960e4 .sidebar__23e6b .item_b3f026:not(:last-child) {
margin-bottom: 4px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .sidebar__23e6b .item_b3f026 svg {
display: none;
}
#app-mount .layer__960e4 ~ .layer__960e4 .sidebar__23e6b .item_b3f026 .selectedBackground-1qyzak {
background: var(--accent);
}
#app-mount .layer__960e4 ~ .layer__960e4 .sidebar__23e6b .item_b3f026::after {
content: "";
position: absolute;
left: 0;
height: 0;
width: 4px;
border-radius: 4px;
background: var(--accent);
opacity: 0;
transition: 0.15s var(--transition);
}
#app-mount .layer__960e4 ~ .layer__960e4 .sidebar__23e6b .item_b3f026:hover {
background: var(--bg-interactive);
}
#app-mount .layer__960e4 ~ .layer__960e4 .sidebar__23e6b .item_b3f026.selected_b3f026 {
background: var(--bg-interactive);
}
#app-mount .layer__960e4 ~ .layer__960e4 .sidebar__23e6b .item_b3f026.selected_b3f026 .premiumLabel-V52REm {
color: var(--accent-text);
}
#app-mount .layer__960e4 ~ .layer__960e4 .sidebar__23e6b .item_b3f026.selected_b3f026 .selectedIcon-3rJcYb {
fill: var(--accent-text);
}
#app-mount .layer__960e4 ~ .layer__960e4 .sidebar__23e6b .item_b3f026.selected_b3f026::after {
height: 16px;
opacity: 1;
}
#app-mount .layer__960e4 ~ .layer__960e4 .sidebar__23e6b .item_b3f026.selected_b3f026:hover {
background: var(--bg-interactive-hover);
}
#app-mount .layer__960e4 ~ .layer__960e4 .sidebar__23e6b .header_b3f026 {
display: none;
}
#app-mount .layer__960e4 ~ .layer__960e4 .sidebar__23e6b .separator_b3f026 {
height: 0;
}
#app-mount .layer__960e4 ~ .layer__960e4 .contentRegion__23e6b {
background: var(--bg-main);
}
#app-mount .layer__960e4 ~ .layer__960e4 .contentRegionScroller__23e6b {
background: var(--bg-main);
}
#app-mount .layer__960e4 ~ .layer__960e4 .contentColumn__23e6b:not(.contentColumnMinimal__23e6b) {
padding: 0 32px 32px;
max-width: 1000px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .contentColumn__23e6b:not(.contentColumnMinimal__23e6b) > div {
animation: settingsIn 0.25s ease forwards;
}
#app-mount .layer__960e4 ~ .layer__960e4 .accountProfileCard__1fed1 {
background: transparent;
}
#app-mount .layer__960e4 ~ .layer__960e4 .banner-2boKnS,
#app-mount .layer__960e4 ~ .layer__960e4 .bannerSVGWrapper_b32cc2 {
display: none;
}
#app-mount .layer__960e4 ~ .layer__960e4 .userInfo__1fed1 {
padding: 18px;
margin: 0 0 4px 0;
height: auto;
background: var(--bg-content);
border: 1px solid var(--border);
border-radius: var(--rounded);
padding: 18px;
display: flex;
flex-direction: row;
align-items: center;
gap: 0 18px;
position: relative;
}
#app-mount .layer__960e4 ~ .layer__960e4 .userInfo__1fed1 .avatar__1fed1 {
width: 22px !important;
height: 22px !important;
background: var(--text-primary);
border: none;
position: relative;
z-index: 1;
top: 0;
left: 0;
-webkit-mask: url('data:image/svg+xml; utf-8,') center/cover;
mask: url('data:image/svg+xml; utf-8,') center/cover;
}
#app-mount .layer__960e4 ~ .layer__960e4 .userInfo__1fed1 .avatar__1fed1 svg {
display: none;
}
#app-mount .layer__960e4 ~ .layer__960e4 .userInfo__1fed1 > div:nth-child(2) {
position: relative;
z-index: 1;
flex: 1;
pointer-events: none;
}
#app-mount .layer__960e4 ~ .layer__960e4 .userInfo__1fed1 > div:nth-child(2) > div {
display: none;
}
#app-mount .layer__960e4 ~ .layer__960e4 .userInfo__1fed1 > div:nth-child(2)::before {
content: "Profile";
color: var(--text-primary);
font-size: var(--font-size-sm);
font-weight: var(--font-weight-regular);
margin: 0;
text-transform: none;
display: block;
}
#app-mount .layer__960e4 ~ .layer__960e4 .userInfo__1fed1 > div:nth-child(2)::after {
content: "Avatar, banner, about me, profile colour";
display: block;
font-size: var(--font-size-xs);
color: var(--text-muted);
margin-top: 4px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .userInfo__1fed1 > button {
position: absolute;
width: 100%;
height: 100%;
left: 0;
background: transparent !important;
border: none !important;
box-shadow: none !important;
display: flex;
color: var(--text-primary);
padding: 0 0 0 60px;
z-index: 0;
}
#app-mount .layer__960e4 ~ .layer__960e4 .userInfo__1fed1 > button div {
width: 100%;
font-size: 0;
padding-right: 18px;
display: flex;
justify-content: flex-end;
align-items: center;
}
#app-mount .layer__960e4 ~ .layer__960e4 .userInfo__1fed1 > button div::before {
content: "";
width: 16px;
height: 16px;
-webkit-mask: url('data:image/svg+xml; utf-8,') center/cover;
mask: url('data:image/svg+xml; utf-8,') center/cover;
background: var(--text-primary);
display: block;
}
#app-mount .layer__960e4 ~ .layer__960e4 .userInfo__1fed1:hover > button {
background: var(--bg-content-alt) !important;
}
#app-mount .layer__960e4 ~ .layer__960e4 .background__1fed1 {
margin: 0;
background: transparent;
padding: 0;
}
#app-mount .layer__960e4 ~ .layer__960e4 .fieldList__1fed1 {
background: transparent;
border-radius: 0;
}
#app-mount .layer__960e4 ~ .layer__960e4 .fieldList__1fed1 .field__1fed1:first-child::before, #app-mount .layer__960e4 ~ .layer__960e4 .fieldList__1fed1 .field__1fed1:nth-child(2)::before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
#app-mount .layer__960e4 ~ .layer__960e4 .fieldList__1fed1 .field__1fed1:nth-child(3)::before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
#app-mount .layer__960e4 ~ .layer__960e4 .fieldList__1fed1 .field__1fed1:last-child::before {
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
#app-mount .layer__960e4 ~ .layer__960e4 .field__1fed1 {
background: var(--bg-content);
border: 1px solid var(--border);
border-radius: var(--rounded);
padding: 18px;
display: flex;
flex-direction: row;
align-items: center;
gap: 0 18px;
position: relative;
}
#app-mount .layer__960e4 ~ .layer__960e4 .field__1fed1 .sizeMin-1mJd1x {
margin-left: 8px;
padding: 0;
background: transparent;
}
#app-mount .layer__960e4 ~ .layer__960e4 .field__1fed1 .sizeMin-1mJd1x:hover {
text-decoration: underline;
}
#app-mount .layer__960e4 ~ .layer__960e4 .field__1fed1 .fieldButtonList__1fed1 {
gap: 18px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .field__1fed1 .fieldButtonList__1fed1 button {
margin: 0;
}
#app-mount .layer__960e4 ~ .layer__960e4 .field__1fed1 .usernameInnerRow__1fed1 {
display: flex;
align-items: center;
}
#app-mount .layer__960e4 ~ .layer__960e4 .field__1fed1 .text-md-normal__6a4eb {
display: block;
font-size: var(--font-size-xs);
color: var(--text-muted);
margin-top: 4px;
line-height: normal;
color: var(--text-muted) !important;
}
#app-mount .layer__960e4 ~ .layer__960e4 .field__1fed1 .text-md-normal__6a4eb > span {
font-size: inherit;
line-height: inherit;
color: inherit !important;
}
#app-mount .layer__960e4 ~ .layer__960e4 .field__1fed1 .text-md-normal__6a4eb button {
padding: 0;
margin-left: 12px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .field__1fed1::before {
content: "";
width: 22px;
height: 22px;
-webkit-mask-size: cover;
mask-size: cover;
-webkit-mask-position: center;
mask-position: center;
background: var(--text-primary);
display: block;
}
#app-mount .layer__960e4 ~ .layer__960e4 .field__1fed1:not(:first-child) {
margin-top: 4px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .constrainedRow__1fed1 {
margin: 0;
}
#app-mount .layer__960e4 ~ .layer__960e4 .constrainedRow__1fed1 .size16-rrJ6ag {
font-size: var(--font-size-xs);
color: var(--text-muted);
}
#app-mount .layer__960e4 ~ .layer__960e4 .fieldTitle__1fed1 {
color: var(--text-primary);
font-size: var(--font-size-sm);
font-weight: var(--font-weight-regular);
margin: 0;
text-transform: none;
display: block;
}
#app-mount .layer__960e4 ~ .layer__960e4 .userSettingsSecurity__2666b .h1-34Txb0 {
color: var(--text-primary);
font-size: var(--font-size);
font-weight: var(--font-weight-semibold);
line-height: var(--line-height-md);
margin-bottom: 12px;
text-transform: none;
}
#app-mount .layer__960e4 ~ .layer__960e4 .userSettingsSecurity__2666b > .children__7bffb > div:first-child {
background: var(--bg-content);
border: 1px solid var(--border);
border-radius: var(--rounded);
padding: 18px;
display: flex;
flex-direction: row;
align-items: center;
gap: 0 18px;
position: relative;
margin-bottom: 40px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .userSettingsSecurity__2666b > .children__7bffb > div:first-child button {
margin: 0;
order: 1;
border-radius: var(--btn-radius);
padding: 4px 10px;
line-height: 20px;
font-size: var(--font-size-sm);
display: inline-flex;
align-items: center;
box-sizing: border-box;
text-decoration: none;
background: var(--btn-bg);
font-weight: var(--font-weight-regular);
color: var(--text-primary);
box-shadow: none !important;
border: 1px solid var(--btn-border-x);
border-top-color: var(--btn-border-t);
border-bottom-color: var(--btn-border-b);
cursor: var(--cursor);
}
#app-mount .layer__960e4 ~ .layer__960e4 .userSettingsSecurity__2666b > .children__7bffb > div:first-child button:hover {
background: var(--btn-bg-hover);
border-color: var(--btn-border-t) var(--btn-border-x) var(--btn-border-b);
}
#app-mount .layer__960e4 ~ .layer__960e4 .userSettingsSecurity__2666b > .children__7bffb > div:first-child button:active {
background: var(--btn-bg-active) !important;
border-color: var(--btn-border-active);
}
#app-mount .layer__960e4 ~ .layer__960e4 .userSettingsSecurity__2666b > .children__7bffb > div:first-child::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
width: 22px;
height: 22px;
-webkit-mask-size: cover;
mask-size: cover;
-webkit-mask-position: center;
mask-position: center;
background: var(--text-primary);
display: block;
}
#app-mount .layer__960e4 ~ .layer__960e4 .userSettingsSecurity__2666b > .children__7bffb > div:first-child::after {
content: "Password";
color: var(--text-primary);
font-size: var(--font-size-sm);
font-weight: var(--font-weight-regular);
margin: 0;
text-transform: none;
display: block;
flex: 1;
}
#app-mount .layer__960e4 ~ .layer__960e4 .userSettingsSecurity__2666b > .children__7bffb > div.flex__7c0ba > div > div > .h5_b717a1:first-child {
color: var(--text-primary);
font-size: var(--font-size);
font-weight: var(--font-weight-semibold);
line-height: var(--line-height-md);
margin-bottom: 12px;
text-transform: none;
color: transparent;
}
#app-mount .layer__960e4 ~ .layer__960e4 .userSettingsSecurity__2666b > .children__7bffb > div.flex__7c0ba > div > div > .h5_b717a1:first-child::before {
content: "Security";
color: var(--text-primary);
}
#app-mount .layer__960e4 ~ .layer__960e4 .userSettingsSecurity__2666b > .children__7bffb > div.flex__7c0ba > div > div > .h5_b717a1:first-child img {
display: none;
}
#app-mount .layer__960e4 ~ .layer__960e4 .userSettingsSecurity__2666b > .children__7bffb > div.flex__7c0ba > div > div > .modeDefault_ddd181 {
background: var(--bg-content);
border: 1px solid var(--border);
border-radius: var(--rounded);
padding: 18px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0 18px;
position: relative;
display: block;
font-size: var(--font-size-xs);
color: var(--text-muted);
margin-top: 4px;
padding-left: 60px !important;
gap: 4px;
border-radius: var(--rounded) var(--rounded) 0 0;
margin-bottom: 0;
}
#app-mount .layer__960e4 ~ .layer__960e4 .userSettingsSecurity__2666b > .children__7bffb > div.flex__7c0ba > div > div > .modeDefault_ddd181::before {
content: "Two-factor authentication";
color: var(--text-primary);
font-size: var(--font-size-sm);
font-weight: var(--font-weight-regular);
margin: 0;
text-transform: none;
display: block;
}
#app-mount .layer__960e4 ~ .layer__960e4 .userSettingsSecurity__2666b > .children__7bffb > div.flex__7c0ba > div > div > .modeDefault_ddd181::after {
content: "";
width: 22px;
height: 22px;
-webkit-mask-size: cover;
mask-size: cover;
-webkit-mask-position: center;
mask-position: center;
background: var(--text-primary);
display: block;
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 18px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .userSettingsSecurity__2666b > .children__7bffb > div.flex__7c0ba > div > div > .modeDefault_ddd181 + div {
background: var(--bg-content);
border: 1px solid var(--border);
border-radius: var(--rounded);
padding: 18px;
display: flex;
flex-direction: row;
align-items: center;
gap: 0 18px;
position: relative;
margin-top: 0;
border-top: none;
border-radius: 0 0 var(--rounded) var(--rounded);
justify-content: flex-start;
flex-direction: row-reverse;
margin-bottom: 4px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .userSettingsSecurity__2666b > .children__7bffb > div.flex__7c0ba > div > div > .modeDefault_ddd181 + div > div {
flex: none !important;
margin: 0;
}
#app-mount .layer__960e4 ~ .layer__960e4 .userSettingsSecurity__2666b > .children__7bffb > div.flex__7c0ba > div > div > .modeDefault_ddd181 + div .button-38aScr.lookFilled-1Gx00P.colorBrand-3pXr91 {
border-radius: var(--btn-radius);
padding: 4px 10px;
line-height: 20px;
font-size: var(--font-size-sm);
display: inline-flex;
align-items: center;
box-sizing: border-box;
text-decoration: none;
background: var(--btn-bg);
font-weight: var(--font-weight-regular);
color: var(--text-primary);
box-shadow: none !important;
border: 1px solid var(--btn-border-x);
border-top-color: var(--btn-border-t);
border-bottom-color: var(--btn-border-b);
cursor: var(--cursor);
}
#app-mount .layer__960e4 ~ .layer__960e4 .userSettingsSecurity__2666b > .children__7bffb > div.flex__7c0ba > div > div > .modeDefault_ddd181 + div .button-38aScr.lookFilled-1Gx00P.colorBrand-3pXr91:hover {
background: var(--btn-bg-hover);
border-color: var(--btn-border-t) var(--btn-border-x) var(--btn-border-b);
}
#app-mount .layer__960e4 ~ .layer__960e4 .userSettingsSecurity__2666b > .children__7bffb > div.flex__7c0ba > div > div > .modeDefault_ddd181 + div .button-38aScr.lookFilled-1Gx00P.colorBrand-3pXr91:active {
background: var(--btn-bg-active) !important;
border-color: var(--btn-border-active);
}
#app-mount .layer__960e4 ~ .layer__960e4 .userSettingsSecurity__2666b > .children__7bffb > div.flex__7c0ba > div > div > .marginTop40_fd297e {
margin-top: 0;
}
#app-mount .layer__960e4 ~ .layer__960e4 .userSettingsSecurity__2666b > .children__7bffb > div.flex__7c0ba > div > div > .marginTop40_fd297e .sectionTitle__7bffb {
display: none;
}
#app-mount .layer__960e4 ~ .layer__960e4 .userSettingsSecurity__2666b > .children__7bffb > div.flex__7c0ba > div > div > .marginTop40_fd297e .marginBottom8_fd297e {
margin: 0;
}
#app-mount .layer__960e4 ~ .layer__960e4 .userSettingsSecurity__2666b > .children__7bffb > div.flex__7c0ba > div > div > .marginTop40_fd297e .children__7bffb {
background: var(--bg-content);
border: 1px solid var(--border);
border-radius: var(--rounded);
padding: 18px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0 18px;
position: relative;
padding-left: 60px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .userSettingsSecurity__2666b > .children__7bffb > div.flex__7c0ba > div > div > .marginTop40_fd297e .children__7bffb::before {
content: "";
width: 22px;
height: 22px;
-webkit-mask-size: cover;
mask-size: cover;
-webkit-mask-position: center;
mask-position: center;
background: var(--text-primary);
display: block;
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
position: absolute;
top: calc(50% - 35px);
transform: translateY(-50%);
left: 18px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .userSettingsSecurity__2666b > .children__7bffb > div.flex__7c0ba > div > div > .marginTop40_fd297e .children__7bffb .modeDefault-2fEh7a:first-child::before {
content: "SMS backup";
color: var(--text-primary);
font-size: var(--font-size-sm);
font-weight: var(--font-weight-regular);
margin: 0;
text-transform: none;
display: block;
margin-bottom: 4px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .userSettingsSecurity__2666b > .children__7bffb > div.flex__7c0ba > div > div > .marginTop40_fd297e .children__7bffb .flex__7c0ba {
padding: 18px;
border-top: 1px solid var(--border);
margin: 16px -60px -18px;
width: calc(100% + 78px);
flex-direction: row-reverse;
gap: 18px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .userSettingsSecurity__2666b > .children__7bffb > div.flex__7c0ba > div > div > .marginTop40_fd297e .children__7bffb .flex__7c0ba .lookFilled-1Gx00P.colorBrand-3pXr91 {
border-radius: var(--btn-radius);
padding: 4px 10px;
line-height: 20px;
font-size: var(--font-size-sm);
display: inline-flex;
align-items: center;
box-sizing: border-box;
text-decoration: none;
background: var(--btn-bg);
font-weight: var(--font-weight-regular);
color: var(--text-primary);
box-shadow: none !important;
border: 1px solid var(--btn-border-x);
border-top-color: var(--btn-border-t);
border-bottom-color: var(--btn-border-b);
cursor: var(--cursor);
}
#app-mount .layer__960e4 ~ .layer__960e4 .userSettingsSecurity__2666b > .children__7bffb > div.flex__7c0ba > div > div > .marginTop40_fd297e .children__7bffb .flex__7c0ba .lookFilled-1Gx00P.colorBrand-3pXr91:hover {
background: var(--btn-bg-hover);
border-color: var(--btn-border-t) var(--btn-border-x) var(--btn-border-b);
}
#app-mount .layer__960e4 ~ .layer__960e4 .userSettingsSecurity__2666b > .children__7bffb > div.flex__7c0ba > div > div > .marginTop40_fd297e .children__7bffb .flex__7c0ba .lookFilled-1Gx00P.colorBrand-3pXr91:active {
background: var(--btn-bg-active) !important;
border-color: var(--btn-border-active);
}
#app-mount .layer__960e4 ~ .layer__960e4 .userSettingsSecurity__2666b ~ .marginTop40_fd297e .h5_b717a1 {
color: var(--text-primary);
font-size: var(--font-size);
font-weight: var(--font-weight-semibold);
line-height: var(--line-height-md);
margin-bottom: 12px;
text-transform: none;
color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
font-size: 0 !important;
}
#app-mount .layer__960e4 ~ .layer__960e4 .userSettingsSecurity__2666b ~ .marginTop40_fd297e .h5_b717a1::before {
content: "Danger zone";
font-size: var(--font-size);
color: var(--text-primary);
}
#app-mount .layer__960e4 ~ .layer__960e4 .userSettingsSecurity__2666b ~ .marginTop40_fd297e .children__7bffb {
background: var(--bg-content);
border: 1px solid var(--border);
border-radius: var(--rounded);
padding: 18px;
display: flex;
flex-direction: row;
align-items: center;
gap: 0 18px;
position: relative;
}
#app-mount .layer__960e4 ~ .layer__960e4 .userSettingsSecurity__2666b ~ .marginTop40_fd297e .children__7bffb::before {
content: "";
width: 22px;
height: 22px;
-webkit-mask-size: cover;
mask-size: cover;
-webkit-mask-position: center;
mask-position: center;
background: var(--text-primary);
display: block;
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
#app-mount .layer__960e4 ~ .layer__960e4 .userSettingsSecurity__2666b ~ .marginTop40_fd297e .description_ddd181 {
margin-bottom: 0;
flex: 1;
display: block;
font-size: var(--font-size-xs);
color: var(--text-muted);
margin-top: 4px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .userSettingsSecurity__2666b ~ .marginTop40_fd297e .description_ddd181::before {
content: "Disable account";
color: var(--text-primary);
font-size: var(--font-size-sm);
font-weight: var(--font-weight-regular);
margin: 0;
text-transform: none;
display: block;
}
#app-mount .layer__960e4 ~ .layer__960e4 .userSettingsSecurity__2666b ~ .marginTop40_fd297e .buttonContainer_d286c5 {
flex-direction: row-reverse;
gap: 16px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .userSettingsSecurity__2666b ~ .marginTop40_fd297e .buttonContainer_d286c5 button {
margin: 0;
}
#app-mount #profile-customization-tab .top-K_jibn {
border: none;
}
#app-mount #profile-customization-tab .baseLayoutProfileThemes-1Jj-oN {
flex-direction: column;
}
#app-mount #profile-customization-tab .customizationSection_ace4f5 {
background: var(--bg-content);
border: 1px solid var(--border);
border-radius: var(--rounded);
padding: 18px;
display: flex;
flex-direction: row;
align-items: center;
gap: 0 18px;
position: relative;
justify-content: space-between;
}
#app-mount #profile-customization-tab .customizationSection_ace4f5 .description_ddd181 {
display: none;
}
#app-mount #profile-customization-tab .customizationSection_ace4f5:last-child {
flex-direction: column;
align-items: flex-start;
}
#app-mount #profile-customization-tab .customizationSection_ace4f5.withDivider_ace4f5:not(.section__999b5) .buttonsContainer_ffefd9 {
flex-direction: row-reverse;
gap: 8px;
}
#app-mount #profile-customization-tab .title_ace4f5 {
margin: 0;
}
#app-mount #profile-customization-tab .tryItOutSection__9d295 {
display: none;
}
#app-mount .layer__960e4 ~ .layer__960e4 .formNotice_f43ba5 {
background: var(--bg-content);
border: 1px solid var(--border);
border-radius: var(--rounded);
padding: 18px;
display: flex;
flex-direction: row;
align-items: center;
gap: 0 18px;
position: relative;
}
#app-mount .layer__960e4 ~ .layer__960e4 .formNotice_f43ba5 .h5_b717a1 {
color: var(--text-primary);
font-size: var(--font-size-sm);
font-weight: var(--font-weight-regular);
margin: 0;
text-transform: none;
display: block;
}
#app-mount .layer__960e4 ~ .layer__960e4 .formNotice_f43ba5 .formNoticeBody_f43ba5 {
display: block;
font-size: var(--font-size-xs);
color: var(--text-muted);
margin-top: 4px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .authedApp__50a54 {
background: var(--bg-content);
border: 1px solid var(--border);
border-radius: var(--rounded);
padding: 18px;
display: flex;
flex-direction: column;
align-items: stretch;
gap: 0 18px;
position: relative;
margin-bottom: 4px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .accountList-305sx3 {
background: var(--bg-content);
border: 1px solid var(--border);
border-radius: var(--rounded);
padding: 18px;
display: flex;
flex-direction: column;
align-items: stretch;
gap: 0 18px;
position: relative;
margin-bottom: 4px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .accountList-305sx3 .title-3hptVQ {
color: var(--text-primary);
font-size: var(--font-size-sm);
font-weight: var(--font-weight-regular);
margin: 0;
text-transform: none;
display: block;
}
#app-mount .layer__960e4 ~ .layer__960e4 .accountList-305sx3 .formText-2ngGjI {
display: block;
font-size: var(--font-size-xs);
color: var(--text-muted);
margin-top: 4px;
margin-bottom: 16px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .accountList-305sx3 + .container-1zDvAE {
padding: 16px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .connectedAccounts-26X_gr {
display: flex;
gap: 8px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .accountBtn-1YkMgV {
margin: 0;
}
#app-mount .layer__960e4 ~ .layer__960e4 .connectionList_c7f964 {
margin-top: 40px;
gap: 4px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .connection_c7f964 {
background: var(--bg-content);
border-radius: var(--rounded);
border: 1px solid var(--border);
margin: 0;
}
#app-mount .layer__960e4 ~ .layer__960e4 .connection_c7f964 .container-1zDvAE {
border: none;
padding: 0;
margin: 0;
}
#app-mount .layer__960e4 ~ .layer__960e4 .connectionHeader_c7f964 {
padding: 16px;
background: transparent;
}
#app-mount .layer__960e4 ~ .layer__960e4 .connectionOptionsWrapper_c7f964 {
padding: 16px;
border-top: 1px solid var(--border);
}
#app-mount .layer__960e4 ~ .layer__960e4 .connectionOptions_c7f964 {
display: flex;
gap: 16px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .subEnabledTitle-2MHkAH {
display: block;
font-size: var(--font-size-xs);
color: var(--text-muted);
margin-top: 4px;
margin: 0;
}
#app-mount .layer__960e4 ~ .layer__960e4 .integrationsWrapper_c7f964 {
padding: 0;
margin: 0 16px 16px;
border: 1px solid var(--border);
border-radius: var(--rounded);
background: var(--bg-alt);
overflow: hidden;
}
#app-mount .layer__960e4 ~ .layer__960e4 .integrationsWrapper_c7f964 .title-3hptVQ {
display: none;
}
#app-mount .layer__960e4 ~ .layer__960e4 .integration_c7f964 {
margin: 0;
border-radius: 0;
background: transparent;
}
#app-mount .layer__960e4 ~ .layer__960e4 .integration_c7f964:not(:last-child) {
border-bottom: 1px solid var(--border);
}
#app-mount .layer__960e4 ~ .layer__960e4 .customColumn__23e6b {
padding: 0 32px 32px;
max-width: 1000px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .customColumn__23e6b > div {
animation: settingsIn 0.25s ease forwards;
}
#app-mount .layer__960e4 ~ .layer__960e4 .customColumn__23e6b div[aria-hidden=true][style="height: 60px;"] {
display: none;
}
#app-mount .layer__960e4 ~ .layer__960e4 .container_d8f25b {
background: var(--bg-content);
border: 1px solid var(--border);
border-radius: var(--rounded);
padding: 18px;
display: flex;
flex-direction: row;
align-items: center;
gap: 0 18px;
position: relative;
cursor: var(--cursor);
}
#app-mount .layer__960e4 ~ .layer__960e4 .container_d8f25b .icon_d8f25b {
width: 22px;
height: 22px;
background: transparent;
}
#app-mount .layer__960e4 ~ .layer__960e4 .container_d8f25b .icon_d8f25b svg {
width: 100%;
height: 100%;
}
#app-mount .layer__960e4 ~ .layer__960e4 .container_d8f25b .description_d8f25b {
margin: 0;
}
#app-mount .layer__960e4 ~ .layer__960e4 .container_d8f25b .label_d8f25b {
color: var(--text-primary);
font-size: var(--font-size-sm);
font-weight: var(--font-weight-regular);
margin: 0;
text-transform: none;
display: block;
}
#app-mount .layer__960e4 ~ .layer__960e4 .container_d8f25b .size12-oc4dx4 {
display: block;
font-size: var(--font-size-xs);
color: var(--text-muted);
margin-top: 4px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .container_d8f25b:hover {
background: var(--bg-content-alt);
}
#app-mount .layer__960e4 ~ .layer__960e4 .searchContainer-16qhPt {
gap: 16px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .tableHeader-2h-wc8 {
margin: 0;
padding: 16px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .tableHeader-2h-wc8 .tableTitle-3zdrSx {
color: var(--text-tertiary);
font-size: var(--font-size-xs);
font-weight: var(--font-weight-regular);
line-height: var(--line-height);
}
#app-mount .layer__960e4 ~ .layer__960e4 .tableHeader-2h-wc8 .dragSpacing-2GB_1h {
display: none;
}
#app-mount .layer__960e4 ~ .layer__960e4 .tableHeader-2h-wc8 .memberSpacing-1RRW7k {
margin-left: 28px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .roleRow-3LoHQ6 {
margin: 0;
position: relative;
padding: 0 16px;
cursor: var(--cursor);
border-radius: 0;
border-left: 1px solid var(--border);
border-right: 1px solid var(--border);
background: var(--bg-content);
}
#app-mount .layer__960e4 ~ .layer__960e4 .roleRow-3LoHQ6 + .roleRow-3LoHQ6 {
border-top: 1px solid var(--border);
}
#app-mount .layer__960e4 ~ .layer__960e4 .roleRow-3LoHQ6:not(.roleRow-3LoHQ6 + .roleRow-3LoHQ6) {
border-radius: var(--rounded-high) var(--rounded-high) 0 0;
}
#app-mount .layer__960e4 ~ .layer__960e4 .roleRow-3LoHQ6:first-of-type {
border-top: 1px solid var(--border);
}
#app-mount .layer__960e4 ~ .layer__960e4 .roleRow-3LoHQ6:last-of-type {
border-bottom: 1px solid var(--border);
border-radius: 0 0 var(--rounded-high) var(--rounded-high);
}
#app-mount .layer__960e4 ~ .layer__960e4 .roleRow-3LoHQ6::before, #app-mount .layer__960e4 ~ .layer__960e4 .roleRow-3LoHQ6::after {
content: none;
}
#app-mount .layer__960e4 ~ .layer__960e4 .roleRow-3LoHQ6 .dragIcon-kQZ0Jv {
position: absolute;
left: 10px;
background: var(--bg-content-alt);
z-index: 1;
}
#app-mount .layer__960e4 ~ .layer__960e4 .roleRow-3LoHQ6 .circleButton-33AIyY {
border-radius: var(--btn-radius);
padding: 4px 10px;
line-height: 20px;
font-size: var(--font-size-sm);
display: inline-flex;
align-items: center;
box-sizing: border-box;
text-decoration: none;
background: var(--btn-bg);
font-weight: var(--font-weight-regular);
color: var(--text-primary);
box-shadow: none !important;
border: 1px solid var(--btn-border-x);
border-top-color: var(--btn-border-t);
border-bottom-color: var(--btn-border-b);
cursor: var(--cursor);
}
#app-mount .layer__960e4 ~ .layer__960e4 .roleRow-3LoHQ6 .circleButton-33AIyY:hover {
background: var(--btn-bg-hover);
border-color: var(--btn-border-t) var(--btn-border-x) var(--btn-border-b);
}
#app-mount .layer__960e4 ~ .layer__960e4 .roleRow-3LoHQ6 .circleButton-33AIyY:active {
background: var(--btn-bg-active) !important;
border-color: var(--btn-border-active);
}
#app-mount .layer__960e4 ~ .layer__960e4 .roleRow-3LoHQ6:hover {
background: var(--bg-content-alt);
}
#app-mount .layer__960e4 ~ .layer__960e4 .sidebar_e29cd7 {
border: none;
width: 240px;
flex: 0 0 240px !important;
}
#app-mount .layer__960e4 ~ .layer__960e4 .list_e29cd7 {
padding: 0 16px 16px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .list_e29cd7 .item-3XjbnG {
margin: 0 0 4px;
height: auto;
padding: 8px 16px;
cursor: var(--cursor);
border-radius: var(--rounded);
position: relative;
}
#app-mount .layer__960e4 ~ .layer__960e4 .list_e29cd7 .item-3XjbnG::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
background: var(--accent);
width: var(--pill-width);
height: 0;
opacity: 0;
border-radius: 30px;
transition: var(--pill-transition);
}
#app-mount .layer__960e4 ~ .layer__960e4 .list_e29cd7 .item-3XjbnG:hover {
background: var(--bg-interactive);
}
#app-mount .layer__960e4 ~ .layer__960e4 .list_e29cd7 .item-3XjbnG.selected-g-kMVV {
background: var(--bg-interactive);
}
#app-mount .layer__960e4 ~ .layer__960e4 .list_e29cd7 .item-3XjbnG.selected-g-kMVV::before {
height: var(--pill-height);
opacity: 1;
}
#app-mount .layer__960e4 ~ .layer__960e4 .list_e29cd7 .item-3XjbnG.selected-g-kMVV:hover {
background: var(--bg-interactive-hover);
}
#app-mount .layer__960e4 ~ .layer__960e4 .titleContainer_e29cd7 {
padding: 16px;
margin: 0;
background: var(--bg-main);
box-shadow: none;
}
#app-mount .layer__960e4 ~ .layer__960e4 .title_e29cd7 {
cursor: var(--cursor);
}
#app-mount .layer__960e4 ~ .layer__960e4 .title_e29cd7:hover .left_caab99 {
background: var(--bg-interactive);
}
#app-mount .layer__960e4 ~ .layer__960e4 .titleText_e29cd7 {
color: var(--text-tertiary);
font-size: var(--font-size-xs);
font-weight: var(--font-weight-regular);
line-height: var(--line-height);
margin-left: 4px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .left_caab99 {
width: 32px;
height: 32px;
padding: 8px;
box-sizing: border-box;
border-radius: var(--btn-radius);
}
#app-mount .layer__960e4 ~ .layer__960e4 .contentWidth_c6bf1b {
width: 100%;
max-width: 760px;
padding: 0 32px;
}
#app-mount .layer__960e4 ~ .layer__960e4 .header_c6bf1b {
background: var(--bg-main);
margin: 0;
padding-left: 0;
padding-right: 0;
}
#app-mount .layer__960e4 ~ .layer__960e4 .header_c6bf1b .tabBar__81b3e {
border: none;
margin: 0;
}
#app-mount .layer__960e4 ~ .layer__960e4 .permissionsForm__16663 > h5 {
color: var(--text-primary);
font-size: var(--font-size);
font-weight: var(--font-weight-semibold);
line-height: var(--line-height-md);
margin-bottom: 12px;
text-transform: none;
}
#app-mount .layer__960e4 ~ .layer__960e4 .permissionsForm__16663 + .permissionsForm__16663 {
margin-top: 40px;
}
#app-mount #permissions-tab .scroller_ff90b2 {
background: transparent;
}
#app-mount #permissions-tab .button__201d5 {
margin-top: 40px;
}
#app-mount .root__49fc1:not(.modal_b0827a, .carouselModal_d2b9a1, .root-2uUafN, .root__49fc1) {
border: 1px solid var(--border-high);
border-radius: var(--rounded);
background: var(--bg-content);
box-shadow: var(--shadow-dialog);
transform: none !important;
animation: fadeInFromBottom 0.15s var(--transition) forwards !important;
width: 548px;
}
#app-mount .root__49fc1:not(.modal_b0827a, .carouselModal_d2b9a1, .root-2uUafN, .root__49fc1) [class^=modalCloseButton_],
#app-mount .root__49fc1:not(.modal_b0827a, .carouselModal_d2b9a1, .root-2uUafN, .root__49fc1) [class^=closeButton_] {
display: none;
}
#app-mount .root__49fc1:not(.modal_b0827a, .carouselModal_d2b9a1, .root-2uUafN, .root__49fc1) .input-2g-os5:not(.multiInput-1VARjC):not(.multiInputField-1zyopx),
#app-mount .root__49fc1:not(.modal_b0827a, .carouselModal_d2b9a1, .root-2uUafN, .root__49fc1) .input-2g-os5.multiInput-1VARjC {
background: var(--bg-high);
}
#app-mount .root__49fc1:not(.modal_b0827a, .carouselModal_d2b9a1, .root-2uUafN, .root__49fc1) .input-2g-os5:not(.multiInput-1VARjC):not(.multiInputField-1zyopx):hover,
#app-mount .root__49fc1:not(.modal_b0827a, .carouselModal_d2b9a1, .root-2uUafN, .root__49fc1) .input-2g-os5.multiInput-1VARjC:hover {
background: var(--bg-higher);
}
#app-mount .root__49fc1:not(.modal_b0827a, .carouselModal_d2b9a1, .root-2uUafN, .root__49fc1) .header-1kWa4s,
#app-mount .root__49fc1:not(.modal_b0827a, .carouselModal_d2b9a1, .root-2uUafN, .root__49fc1) .header-1R3myj,
#app-mount .root__49fc1:not(.modal_b0827a, .carouselModal_d2b9a1, .root-2uUafN, .root__49fc1) .header-1zd7se {
padding: 24px;
align-items: center;
height: auto;
overflow: hidden;
box-shadow: none;
background: var(--bg-content);
}
#app-mount .root__49fc1:not(.modal_b0827a, .carouselModal_d2b9a1, .root-2uUafN, .root__49fc1) .header-1kWa4s .size24-17l95E,
#app-mount .root__49fc1:not(.modal_b0827a, .carouselModal_d2b9a1, .root-2uUafN, .root__49fc1) .header-1R3myj .size24-17l95E,
#app-mount .root__49fc1:not(.modal_b0827a, .carouselModal_d2b9a1, .root-2uUafN, .root__49fc1) .header-1zd7se .size24-17l95E {
font-weight: var(--font-weight-semibold);
font-size: var(--font-size-lg);
margin-bottom: 12px;
color: var(--text-primary);
}
#app-mount .root__49fc1:not(.modal_b0827a, .carouselModal_d2b9a1, .root-2uUafN, .root__49fc1) .header-1kWa4s button[type=button].button__201d5:not(.lookFilled-yCfaCM),
#app-mount .root__49fc1:not(.modal_b0827a, .carouselModal_d2b9a1, .root-2uUafN, .root__49fc1) .header-1R3myj button[type=button].button__201d5:not(.lookFilled-yCfaCM),
#app-mount .root__49fc1:not(.modal_b0827a, .carouselModal_d2b9a1, .root-2uUafN, .root__49fc1) .header-1zd7se button[type=button].button__201d5:not(.lookFilled-yCfaCM) {
display: none;
}
#app-mount .root__49fc1:not(.modal_b0827a, .carouselModal_d2b9a1, .root-2uUafN, .root__49fc1) .content-2hZxGK {
padding: 0 24px 24px !important;
display: flex;
flex-direction: column;
}
#app-mount .root__49fc1:not(.modal_b0827a, .carouselModal_d2b9a1, .root-2uUafN, .root__49fc1) .content-2hZxGK .marginBottom20_fd297e {
margin-bottom: 0;
}
#app-mount .root__49fc1:not(.modal_b0827a, .carouselModal_d2b9a1, .root-2uUafN, .root__49fc1) .content-2hZxGK .marginBottom20_fd297e + * {
margin-top: 20px;
}
#app-mount .root__49fc1:not(.modal_b0827a, .carouselModal_d2b9a1, .root-2uUafN, .root__49fc1) .content-2hZxGK div[class][style^="position: absolute;"]:not(.file-input) {
display: none;
}
#app-mount .root__49fc1:not(.modal_b0827a, .carouselModal_d2b9a1, .root-2uUafN, .root__49fc1) .content-2hZxGK .title-3hptVQ {
text-transform: none;
color: var(--text-tertiary);
font-size: var(--font-size-xs);
font-weight: var(--font-weight-regular);
line-height: var(--line-height);
}
#app-mount .root__49fc1:not(.modal_b0827a, .carouselModal_d2b9a1, .root-2uUafN, .root__49fc1) .content-2hZxGK .optionHeader-27AHfD {
color: var(--text-secondary) !important;
}
#app-mount .root__49fc1:not(.modal_b0827a, .carouselModal_d2b9a1, .root-2uUafN, .root__49fc1) .size16-rrJ6ag {
color: var(--text-secondary);
font-size: var(--font-size);
font-weight: var(--font-weight-regular);
line-height: var(--line-height-lg);
margin: 0;
}
#app-mount .root__49fc1:not(.modal_b0827a, .carouselModal_d2b9a1, .root-2uUafN, .root__49fc1) .footer__49fc1 {
padding: 24px;
background: var(--bg-main);
box-shadow: none;
border-radius: 0 0 var(--rounded) var(--rounded);
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
}
#app-mount .root__49fc1:not(.modal_b0827a, .carouselModal_d2b9a1, .root-2uUafN, .root__49fc1) .footer__49fc1 button:only-child {
grid-column: 2/3;
}
#app-mount .root__49fc1:not(.modal_b0827a, .carouselModal_d2b9a1, .root-2uUafN, .root__49fc1) .footer__49fc1 button[type=button]:not(.lookFilled-yCfaCM) {
border-radius: var(--btn-radius);
padding: 4px 10px;
line-height: 20px;
font-size: var(--font-size-sm);
display: inline-flex;
align-items: center;
box-sizing: border-box;
text-decoration: none;
background: var(--btn-bg);
font-weight: var(--font-weight-regular);
color: var(--text-primary);
box-shadow: none !important;
border: 1px solid var(--btn-border-x);
border-top-color: var(--btn-border-t);
border-bottom-color: var(--btn-border-b);
cursor: var(--cursor);
}
#app-mount .root__49fc1:not(.modal_b0827a, .carouselModal_d2b9a1, .root-2uUafN, .root__49fc1) .footer__49fc1 button[type=button]:not(.lookFilled-yCfaCM):hover {
background: var(--btn-bg-hover);
border-color: var(--btn-border-t) var(--btn-border-x) var(--btn-border-b);
}
#app-mount .root__49fc1:not(.modal_b0827a, .carouselModal_d2b9a1, .root-2uUafN, .root__49fc1) .footer__49fc1 button[type=button]:not(.lookFilled-yCfaCM):active {
background: var(--btn-bg-active) !important;
border-color: var(--btn-border-active);
}
#app-mount .root__49fc1:not(.modal_b0827a, .carouselModal_d2b9a1, .root-2uUafN, .root__49fc1) .buttonsRight-21z8KV {
gap: 8px;
}
#app-mount .content-2hZxGK .message__89466 {
background: var(--bg-alt);
box-shadow: none;
padding-left: 5px;
}
#app-mount .content-2hZxGK .cozy_c19a55 {
padding-left: 54px;
}
#app-mount .content-2hZxGK .cozy_c19a55 .avatar_c19a55 {
left: 0;
}
#app-mount .container_ac6cb0 {
max-height: 500px;
height: 50vh;
}
#app-mount .quickswitcher_ac6cb0 {
padding: 16px 16px 0;
border-radius: var(--rounded);
box-shadow: none;
background: var(--bg-main);
}
#app-mount .focusLock-bHVOlV .container-qBnZJg {
border: 0px !important;
}
#app-mount .scroller_ac6cb0 {
margin: 0 -12px 0 0;
max-height: none;
background: transparent;
}
#app-mount .scroller_ac6cb0 div[style="height: 15px;"] {
height: 16px !important;
}
#app-mount .input_ac6cb0 {
background: var(--textbox-bg);
border: 1px solid var(--textbox-border);
height: 32px;
padding: 0;
border-radius: var(--rounded);
padding: 8px 10px;
font-size: var(--font-size-sm);
box-sizing: border-box;
border-bottom-color: var(--textbox-underline);
transition: none;
box-shadow: none;
}
#app-mount .input_ac6cb0::-moz-placeholder {
font-size: var(--font-size-sm);
color: var(--text-muted);
}
#app-mount .input_ac6cb0::placeholder {
font-size: var(--font-size-sm);
color: var(--text-muted);
}
#app-mount .input_ac6cb0:hover {
background: var(--textbox-bg-hover);
}
#app-mount .input_ac6cb0:focus, #app-mount .input_ac6cb0:focus-within {
background: var(--textbox-bg-active) !important;
box-shadow: inset 0 -1px 0 var(--accent);
border-bottom-color: var(--accent);
}
#app-mount div:not([class]) > .content__71961 {
height: auto;
line-height: normal;
padding: 12px 12px 6px;
}
#app-mount .header__71961 {
margin: 0;
color: var(--text-tertiary);
font-size: var(--font-size-xs);
font-weight: var(--font-weight-regular);
line-height: var(--line-height);
text-transform: none;
}
#app-mount .result__71961 {
border-radius: var(--rounded);
}
#app-mount .result__71961 .content__71961 {
position: relative;
padding: 0 16px;
cursor: var(--cursor);
}
#app-mount .result__71961 .content__71961::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: var(--pill-width);
height: 0;
background: var(--accent);
border-radius: 30px;
opacity: 0;
transition: var(--pill-transition);
}
#app-mount .result__71961[aria-selected=true] {
background: var(--bg-interactive);
}
#app-mount .result__71961[aria-selected=true] .content__71961::before {
height: var(--pill-height);
opacity: 1;
}
#app-mount .result__71961[aria-selected=true]:hover {
background: var(--bg-interactive-hover);
}
#app-mount .art-2Y6Pk3 {
display: none;
}
#app-mount .header-VCOMen {
font-weight: var(--font-weight-semibold);
font-size: var(--font-size-lg);
margin-bottom: 12px;
color: var(--text-primary);
padding-top: 0;
align-items: flex-start;
}
#app-mount .emojiButtonContainer-gCE6AT {
margin: 0;
}
#app-mount .emojiButtonContainer-gCE6AT .sprite__04eed {
width: 20px;
height: 20px;
}
#app-mount .emojiButtonContainer-gCE6AT + .inputWrapper-1YNMmM .input-2g-os5 {
padding-left: 42px;
}
#app-mount .root__49fc1 .content-Lj791F {
gap: 24px;
}
#app-mount .root__49fc1 .content-Lj791F > div[style*=relative]:not([class]) {
width: 100% !important;
}
#app-mount .root__49fc1 .content-Lj791F > div[style*=relative]:not([class]) > div {
width: 100% !important;
}
#app-mount .root__49fc1 .content-Lj791F + .footerSeparator-VzAYwb {
grid-template-columns: 1fr;
}
#app-mount .root__49fc1 .content-Lj791F + .footerSeparator-VzAYwb .inline-3eaUwP {
flex-direction: row-reverse;
width: 100%;
flex: 1;
gap: 8px;
}
#app-mount .root__49fc1 .content-Lj791F + .footerSeparator-VzAYwb .inline-3eaUwP button {
flex: 1;
}
#app-mount .card-14SgW5 {
width: 100%;
background: transparent;
padding: 24px;
}
#app-mount .card-14SgW5 .title_dc6abe {
font-weight: var(--font-weight-semibold);
font-size: var(--font-size-lg);
margin-bottom: 12px;
color: var(--text-primary);
text-align: left;
}
#app-mount .card-14SgW5 .colorHeaderSecondary-g5teka.subtitle-N87Vzb {
font-weight: var(--font-weight-normal);
font-size: var(--font-size-sm);
margin-bottom: 6px;
color: var(--text-secondary);
text-align: left;
padding: 0;
}
#app-mount .accountCard-2lki2x {
background: var(--bg-high);
border: 1px solid var(--border);
border-radius: var(--rounded);
}
#app-mount .navRow-dG-XX8 {
padding: 16px;
gap: 8px;
}
#app-mount .navRow-dG-XX8 button {
flex: 1;
}
#app-mount .navRow-dG-XX8 button.backButton-2rLJZw {
border-radius: var(--btn-radius);
padding: 4px 10px;
line-height: 20px;
font-size: var(--font-size-sm);
display: inline-flex;
align-items: center;
box-sizing: border-box;
text-decoration: none;
background: var(--btn-bg);
font-weight: var(--font-weight-regular);
color: var(--text-primary);
box-shadow: none !important;
border: 1px solid var(--btn-border-x);
border-top-color: var(--btn-border-t);
border-bottom-color: var(--btn-border-b);
cursor: var(--cursor);
}
#app-mount .navRow-dG-XX8 button.backButton-2rLJZw:hover {
background: var(--btn-bg-hover);
border-color: var(--btn-border-t) var(--btn-border-x) var(--btn-border-b);
}
#app-mount .navRow-dG-XX8 button.backButton-2rLJZw:active {
background: var(--btn-bg-active) !important;
border-color: var(--btn-border-active);
}
#app-mount .container_b962dc {
width: 748px !important;
}
#app-mount .guildSidebar_b962dc {
background: var(--bg-alt);
border-right: 1px solid var(--border-high);
}
#app-mount .modal_b962dc {
background: transparent;
}
#app-mount .formFieldWrapper-2LV3S6 {
background: var(--bg-alt);
border: 1px solid var(--border-high);
border-radius: var(--rounded);
}
#app-mount .container-1Lk8p7 {
width: 100%;
}
#app-mount .container-1Lk8p7 > div, #app-mount .container-1Lk8p7 > div > div {
width: 100% !important;
}
#app-mount .container-1Lk8p7 [class*=subtitle_],
#app-mount .container-1Lk8p7 .title-1_TkpU {
text-align: left;
}
#app-mount .container-1Lk8p7 .header-1zd7se {
align-items: flex-start !important;
}
#app-mount .container-1Lk8p7 .heading-xl-medium-_XBxHT {
font-weight: var(--font-weight-semibold);
font-size: var(--font-size-lg);
margin-bottom: 12px;
color: var(--text-primary);
}
#app-mount .container-1Lk8p7 [class*=subtitle_] {
font-weight: var(--font-weight-normal);
font-size: var(--font-size-sm);
margin-bottom: 6px;
color: var(--text-secondary);
margin-top: 0;
color: var(--text-secondary) !important;
}
#app-mount .container-1Lk8p7 .content-2hZxGK {
margin-top: 0;
flex-direction: column !important;
}
#app-mount .container-1Lk8p7 .container-x8Y1ix {
border-radius: var(--btn-radius);
padding: 4px 10px;
line-height: 20px;
font-size: var(--font-size-sm);
display: inline-flex;
align-items: center;
box-sizing: border-box;
text-decoration: none;
background: var(--btn-bg);
font-weight: var(--font-weight-regular);
color: var(--text-primary);
box-shadow: none !important;
border: 1px solid var(--btn-border-x);
border-top-color: var(--btn-border-t);
border-bottom-color: var(--btn-border-b);
cursor: var(--cursor);
}
#app-mount .container-1Lk8p7 .container-x8Y1ix:hover {
background: var(--btn-bg-hover);
border-color: var(--btn-border-t) var(--btn-border-x) var(--btn-border-b);
}
#app-mount .container-1Lk8p7 .container-x8Y1ix:active {
background: var(--btn-bg-active) !important;
border-color: var(--btn-border-active);
}
#app-mount .container-1Lk8p7 .container-x8Y1ix .icon-AynerZ {
margin: 0 10px 0 0;
}
#app-mount .container-1Lk8p7 .container-x8Y1ix .text-md-normal-304U3g {
color: var(--text-primary);
font-weight: var(--font-weight-normal);
font-size: var(--font-size-sm);
}
#app-mount .container-1Lk8p7 .container-x8Y1ix .arrow-2yY1Tm {
margin-right: 10px;
filter: invert(1);
}
#app-mount .container-1Lk8p7 .container-x8Y1ix .text-PdAsFQ {
color: var(--text-primary);
}
#app-mount .container-1Lk8p7 .skip-2hTIXL {
color: var(--text-tertiary);
font-size: var(--font-size-xs);
font-weight: var(--font-weight-regular);
line-height: var(--line-height);
color: var(--text-muted) !important;
}
#app-mount .container-1Lk8p7 .footerTitle-3Bslxi {
color: var(--text-tertiary);
font-size: var(--font-size-xs);
font-weight: var(--font-weight-regular);
line-height: var(--line-height);
margin: 0;
}
@keyframes fadeInFromBottom {
from {
opacity: 0;
transform: translateY(6px);
}
to {
opacity: 1;
transform: translateY(0px);
}
}
@keyframes settingsIn {
from {
transform: translateY(100px);
opacity: 0;
}
to {
transform: translateY(0%);
opacity: 1;
}
}
.platform-win #app-mount .layer__960e4 {
top: 0;
padding-top: 0;
}
.platform-win #app-mount .standardSidebarView__23e6b {
top: 0;
}
.typeWindows__421ed {
margin-left: calc(82px + var(--channels-width));
max-width: calc(100% - calc(82px + var(--channels-width)));
margin-top: 0px;
height: calc(var(--win-btn-height) + 18px);
z-index: 101;
background: transparent;
position: fixed;
width: calc(100% - 72px - var(--server-size));
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
pointer-events: none;
right: 0;
}
.winButton__421ed {
height: calc(var(--win-btn-height) + 21px);
width: var(--win-btn-width);
cursor: var(--cursor);
}
.wordmarkWindows__421ed {
display: none;
}
.platform-osx #app-mount .layer__960e4 .toolsContainer__23e6b {
left: 70px;
}
#app-mount .bd-sidebar-header {
display: none;
}
#app-mount .bd-switch {
background: transparent !important;
width: 40px;
height: 20px;
}
#app-mount .bd-switch svg {
display: none;
}
#app-mount .bd-switch input {
display: inline-flex;
align-items: center;
opacity: 1;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid var(--switch-border);
width: 40px;
height: 20px;
border-radius: 20px;
margin: 0;
padding: 0 4px;
cursor: var(--cursor);
transition: background 0.15s var(--transition), border-color 0.15s var(--transition);
}
#app-mount .bd-switch input::before {
content: "";
width: 12px;
height: 12px;
border-radius: 7px;
display: block;
background: var(--text-secondary);
transition: background 0.15s var(--transition), transform 0.15s var(--transition), width 0.15s var(--transition), height 0.15s var(--transition);
}
#app-mount .bd-switch input:hover:not(:checked) {
background: hsla(0, 0%, 100%, 0.05) !important;
}
#app-mount .bd-switch input:hover::before {
width: 14px;
height: 14px;
}
#app-mount .bd-switch input:active::before {
width: 18px;
}
#app-mount .bd-switch input:checked {
background: var(--accent);
border-color: var(--accent);
}
#app-mount .bd-switch input:checked::before {
background: var(--accent-text);
transform: translateX(18px);
}
#app-mount .bd-switch input:checked:hover {
box-shadow: inset 0 0 0 100vmax hsla(0, 0%, 0%, 0.12);
border-color: hsla(0, 0%, 0%, 0.12);
}
#app-mount .bd-switch input:checked:active::before {
transform: translateX(13px);
}
#app-mount .bd-switch-body {
display: none;
}
#app-mount .bd-addon-card {
border-radius: var(--rounded);
border: 1px solid var(--border);
background: var(--bg-content);
}
#app-mount .bd-addon-header {
background: transparent;
padding: 16px 16px 8px;
}
#app-mount .bd-title {
color: var(--text-secondary);
font-size: var(--font-size);
font-weight: var(--font-weight-regular);
line-height: var(--line-height-lg);
}
#app-mount .bd-description-wrap {
padding: 0 16px 16px;
}
#app-mount .bd-footer {
padding: 16px 16px;
border-top: 1px solid var(--border);
}
#app-mount .bd-footer .bd-controls {
gap: 8px;
}
#app-mount .bd-footer .bd-button {
border-radius: var(--btn-radius);
padding: 4px 10px;
line-height: 20px;
font-size: var(--font-size-sm);
display: inline-flex;
align-items: center;
box-sizing: border-box;
text-decoration: none;
background: var(--btn-bg);
font-weight: var(--font-weight-regular);
color: var(--text-primary);
box-shadow: none !important;
border: 1px solid var(--btn-border-x);
border-top-color: var(--btn-border-t);
border-bottom-color: var(--btn-border-b);
cursor: var(--cursor);
min-width: 50px;
}
#app-mount .bd-footer .bd-button:hover {
background: var(--btn-bg-hover);
border-color: var(--btn-border-t) var(--btn-border-x) var(--btn-border-b);
}
#app-mount .bd-footer .bd-button:active {
background: var(--btn-bg-active) !important;
border-color: var(--btn-border-active);
}
#app-mount .bd-footer .bd-button svg {
fill: var(--text-secondary);
}
#app-mount .bd-footer .bd-button.bd-button-danger svg {
fill: hsl(var(--discord-red));
}
#Fluent-card {
position: relative;
z-index: -1;
}
#Fluent-card::before {
content: "";
background: url("https://i.imgur.com/HQVfRQy.jpg") center/cover;
position: absolute;
inset: 0;
z-index: 0;
opacity: 0.1;
pointer-events: none;
}
#Fluent-card > div {
position: relative;
z-index: 1;
}
#app-mount #bd-notices .bd-notice, #app-mount #bd-notices .bd-notice-info {
height: calc(var(--win-btn-height) + 9px);
padding-top: 5px;
}
#app-mount #bd-notices .bd-notice .bd-notice-close, #app-mount #bd-notices .bd-notice-info .bd-notice-close {
right: 160px !important;
height: 100%;
}
#app-mount .notice-2HEN-u {
height: calc(var(--win-btn-height) + 9px) !important;
padding-top: 5px;
}
#app-mount .notice-2HEN-u .closeButton-30b1gR {
height: 100%;
padding-right: 150px;
}
:root {
--fluent-icons-color: var(--interactive-normal);
}
.wrapper__2ea32.modeMuted__2ea32 {
--fluent-icons-color: var(--interactive-muted);
}
.wrapper__2ea32.modeUnreadImportant__2ea32 {
--fluent-icons-color: var(--interactive-active);
}
.link__2ea32 path {
display: none;
}
.link__2ea32 svg {
background: var(--fluent-icons-color);
}
.link__2ea32 svg:has(path[d^="M12 22a10 10 0 1 0-8.45-4.64c.13.19.11.44-.04.61l-2.06"]) {
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.link__2ea32 svg:has(path[d^="M16.83 12.93c.26-.27.26-.75-.08-.92A9.5"]) {
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.link__2ea32 svg:has(path[d^="M10.56 1.1c-.46.05-.7.53-.64.98.18"]) {
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.link__2ea32 svg:has(path[d^="M10.99 3.16A1 1 0 1 0 9 2.84L8.15 8H4a1"]),
.link__2ea32 svg:has(path[d^="M11.45 8c.35 0 .6.35.55.7-.02.2-.02.4 0 .6.04.35-.2.7-.55.7h-1.6l-.67"]),
.link__2ea32 svg:has(path[d^="M5.43309 21C5.35842 21"]),
.link__2ea32 svg:has(path[d^="M12.5 8c.28 0 .5.22.5.5V9c0 .1 0 .2.02.31.03.34-.21.69-.56.69H9.85l-.67"]) {
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.link__2ea32 svg:has(path[d^="M19.56 2a3 3 0 0 0-2.46 1.28 3.85"]),
.link__2ea32 svg:has(path[d^="M19.0999 3.99994V5.12653L4.84988"]),
.link__2ea32 svg:has(path[d^="M22.545 4.87988V5.87988H23.28C23.4126"]) {
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.link__2ea32 svg:has(path[d^="M19.24 10.86c.32.16.72-.02.74-.38L20 10c0-4.42-4.03-8-9-8s-9"]),
.link__2ea32 svg:has(path[d^="M13.58 3.23c.24-.33.16-.86-.24-.96C12.59 2.1 11.8 2 11 2c-4.97"]) {
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.link__2ea32 svg:has(path[d^="M12 3a1 1 0 0 0-1-1h-.06a1 1 0 0 0-.74.32L5.92"]),
.link__2ea32 svg:has(path[d^="M11 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1h-.06a1 1 0 0 1-.74-.32L5.92"]) {
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.link__2ea32 svg:has(path[d^="M19.2929 9.8299L19.9409 9.18278C21.353"]) {
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.link__2ea32 svg:has(path[d^="m13.96 5.46 4.58 4.58a1 1 0 0 0 1.42"]) {
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.link__2ea32 svg:has(path[d^="M15 2a3 3 0 0 1 3 3v12H5.5a1.5"]) {
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.link__2ea32 svg:has(path[d^="M11 3a1 1 0 1 1 2 0v2h5.75c.16 0 .3.07.4.2l2.63"]) {
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.link__2ea32 svg:has(path[d^="M3 3a1 1 0 0 0 0 2h18a1 1 0 1 0 0-2H3ZM2"]) {
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.link__2ea32 svg:has(path[d^="M7 1a1 1 0 0 1 1 1v.75c0 .14.11.25.25.25h7.5c.14"]) {
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.link__2ea32 svg:has(path[d^="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11"]) {
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.link__2ea32 svg:has(path[d^="M6 9h1V6a5 5 0 0 1 10 0v3h1a3"]) {
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.link__2ea32 svg:has(path[d^="M14.5 8a3 3 0 1 0-2.7-4.3c-.2.4.06.86.44 1.12a5"]) {
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.link__2ea32 .iconContainer__2ea32:has(path[d^="M16 4h.5v-.5a2.5 2.5 0 0 1 5 0V4h.5a1"])::before, .link__2ea32 .iconContainer__2ea32:has(path[d^="M13 4C13 3.66767 13.0405"])::before, .link__2ea32 .iconContainer__2ea32:has(path[d^="M22.545 4.87988V5.87988H23.28C23.4126"])::before, .link__2ea32 .iconContainer__2ea32:has(path[d^="M15.44 6.99992C15.5725 6.99992"])::before {
content: "";
-webkit-mask: url('data:image/svg+xml; utf-8,') center/cover;
mask: url('data:image/svg+xml; utf-8,') center/cover;
top: -3px;
right: -2px;
position: absolute;
background: var(--fluent-icons-color);
display: block;
width: 12px;
height: 12px;
z-index: 1;
}
.link__2ea32 .iconContainer__2ea32:has(path[d^="M5.43309 21C5.35842 21"])::after, .link__2ea32 .iconContainer__2ea32:has(path[d^="M19.0999 3.99994V5.12653L4.84988"])::after, .link__2ea32 .iconContainer__2ea32:has(path[d^="M23.44 12.9599C12.9098 12.9599"])::after {
-webkit-mask: url('data:image/svg+xml; utf-8,') center/cover;
mask: url('data:image/svg+xml; utf-8,') center/cover;
bottom: -2px;
right: -2px;
content: "";
position: absolute;
background: var(--fluent-icons-color);
display: block;
width: 12px;
height: 12px;
z-index: 1;
}
.lottieIcon__5eb9b svg {
background: var(--fluent-icons-color);
}
.lottieIcon__5eb9b g {
display: none;
}
.lottieIcon__5eb9b svg:has(path[d^=" M-7,10 C-8.104999542236328,10 -9,9.104999542236328 -9,8 C-9,8 -9,2.5"]) {
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.lottieIcon__5eb9b svg:has(path[d^=" M-7,-10 C-8.656999588012695,-10 -10,-8.656999588012695 -10,-7 C-10,-7"]) {
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.lottieIcon__5eb9b svg:has(path[d^=" M-6,-10 C-6,-10 6,-10 6,-10 C8.208999633789062,-10 10,-8.208999633789062"]) {
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.lottieIcon__5eb9b svg:has(g[transform="matrix(1,0,0,1,12,12)"] > path) {
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.lottieIcon__5eb9b svg:has(g[transform="matrix(1,0,0,1,12,12.288000106811523)"] > path) {
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.lottieIcon__5eb9b svg:has(path[d^=" M-1.4420000314712524,-10.906000137329102 C-1.8949999809265137,-10.847000122070312"]) {
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.lottieIcon__5eb9b svg:has(path[d^=" M0,-5 C0,-5 0,-5 0,-5 C0.5519999861717224,-5 1,-4.552000045776367 1,-4"]) {
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.lottieIcon__5eb9b svg:has(path[d^=" M9.335000038146973,-1.8179999589920044 C4.184999942779541,-6.9670000076293945"]) {
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.lottieIcon__5eb9b svg:has(path[d^=" M-5.5,-8 C-5.5,-8 -1.253999948501587,-8 -1.253999948501587,-8 C-1.253999948501587,-8"]) {
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.lottieIcon__5eb9b svg:has(path[d^=" M1,7.5 C1,7.776000022888184 1.2239999771118164,8"]) {
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.lottieIcon__5eb9b svg:has(path[d^=" M10,-8 C10,-8 10,-6.485000133514404 10,-6.485000133514404 C10,-4.894000053405762"]) {
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.lottieIcon__5eb9b svg:has(path[d^=" M-0.6899999976158142,0.6899999976158142 C0.6679999828338623,2.0480000972747803"]) {
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.container__37e49 .button__67645[aria-checked=true] svg {
--fluent-icons-color: var(--status-danger);
}
.container__37e49 .button__67645[aria-checked=true] svg:has(path[d^=" M1025.219970703125,-87.2040023803711 C1025.219970703125,-87.2040023803711"]),
.container__37e49 .button__67645[aria-checked=true] svg:has(path[d^=" M681.219970703125,212.79600524902344 C681.219970703125,212.79600524902344"]),
.container__37e49 .button__67645[aria-checked=true] svg:has(path[d^=" M67.22000122070312,823.7960205078125 C67.22000122070312,823.7960205078125"]) {
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.container__37e49 .button__67645[aria-checked=true] svg:has(path[d^=" M-8,-0.2879999876022339 C-8,-4.705999851226807 -4.418000221252441"]) {
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.pencilIcon__5cda9 {
background: var(--fluent-icons-color);
-webkit-mask: url('data:image/svg+xml; utf-8,');
mask: url('data:image/svg+xml; utf-8,');
}
.pencilIcon__5cda9 path {
display: none;
}
.sendIcon_aa63ab {
-webkit-mask: url('data:image/svg+xml; utf-8,') center/cover;
mask: url('data:image/svg+xml; utf-8,') center/cover;
background: var(--fluent-icons-color);
}
.sendIcon_aa63ab path {
display: none;
}
svg:not([name=GamepadDisabled]) path[d="M12 2a4 4 0 0 0-4 4v4a4 4 0 0 0 8 0V6a4 4 0 0 0-4-4Z"] {
display: none;
}
svg:not([name=GamepadDisabled]) path[d="M6 10a1 1 0 0 0-2 0 8 8 0 0 0 7 7.94V20H9a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2h-2v-2.06A8 8 0 0 0 20 10a1 1 0 1 0-2 0 6 6 0 0 1-12 0Z"] {
d: path("M18.25 11a.75.75 0 0 1 .743.648l.007.102v.5a6.75 6.75 0 0 1-6.249 6.732l-.001 2.268a.75.75 0 0 1-1.493.102l-.007-.102v-2.268a6.75 6.75 0 0 1-6.246-6.496L5 12.25v-.5a.75.75 0 0 1 1.493-.102l.007.102v.5a5.25 5.25 0 0 0 5.034 5.246l.216.004h.5a5.25 5.25 0 0 0 5.246-5.034l.004-.216v-.5a.75.75 0 0 1 .75-.75ZM12 2a4 4 0 0 1 4 4v6a4 4 0 0 1-8 0V6a4 4 0 0 1 4-4Zm0 1.5A2.5 2.5 0 0 0 9.5 6v6a2.5 2.5 0 0 0 5 0V6A2.5 2.5 0 0 0 12 3.5Z");
}
svg:not([name=GamepadDisabled]) path[d="m2.7 22.7 20-20a1 1 0 0 0-1.4-1.4l-20 20a1 1 0 1 0 1.4 1.4ZM10.8 17.32c-.21.21-.1.58.2.62V20H9a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2h-2v-2.06A8 8 0 0 0 20 10a1 1 0 0 0-2 0c0 1.45-.52 2.79-1.38 3.83l-.02.02A5.99 5.99 0 0 1 12.32 16a.52.52 0 0 0-.34.15l-1.18 1.18ZM15.36 4.52c.15-.15.19-.38.08-.56A4 4 0 0 0 8 6v4c0 .3.03.58.1.86.07.34.49.43.74.18l6.52-6.52ZM5.06 13.98c.16.28.53.31.75.09l.75-.75c.16-.16.19-.4.08-.61A5.97 5.97 0 0 1 6 10a1 1 0 0 0-2 0c0 1.45.39 2.81 1.06 3.98Z"] {
d: path("M3.28 2.22a.75.75 0 1 0-1.06 1.06L8 9.06V12a4 4 0 0 0 6.248 3.309l1.146 1.146A5.227 5.227 0 0 1 12.25 17.5h-.5l-.216-.004A5.25 5.25 0 0 1 6.5 12.25v-.5l-.007-.102A.75.75 0 0 0 5 11.75v.5l.004.236a6.75 6.75 0 0 0 6.246 6.496v2.268l.007.102a.75.75 0 0 0 1.493-.102l.001-2.268a6.718 6.718 0 0 0 3.712-1.458l4.256 4.256a.75.75 0 0 0 1.061-1.06L3.28 2.22Zm9.876 11.997A2.5 2.5 0 0 1 9.5 12v-1.44l3.656 3.657ZM14.5 6v5.318l1.43 1.43c.046-.242.07-.492.07-.748V6a4 4 0 0 0-7.862-1.044L9.5 6.318V6a2.5 2.5 0 0 1 5 0ZM17.196 14.014l1.146 1.146A6.725 6.725 0 0 0 19 12.25v-.5l-.007-.102a.75.75 0 0 0-1.493.102v.5l-.004.216a5.233 5.233 0 0 1-.3 1.548Z");
}
path[d="M12 3a9 9 0 0 0-8.95 10h1.87a5 5 0 0 1 4.1 2.13l1.37 1.97a3.1 3.1 0 0 1-.17 3.78 2.85 2.85 0 0 1-3.55.74 11 11 0 1 1 10.66 0c-1.27.71-2.73.23-3.55-.74a3.1 3.1 0 0 1-.17-3.78l1.38-1.97a5 5 0 0 1 4.1-2.13h1.86A9 9 0 0 0 12 3Z"] {
d: path("M15 4.25c0-1.079-1.274-1.65-2.08-.934L8.427 7.309a.75.75 0 0 1-.498.19H4.25A2.25 2.25 0 0 0 2 9.749v4.497a2.25 2.25 0 0 0 2.25 2.25h3.68a.75.75 0 0 1 .498.19l4.491 3.994c.806.716 2.081.144 2.081-.934V4.25ZM9.425 8.43 13.5 4.807v14.382l-4.075-3.624a2.25 2.25 0 0 0-1.495-.569H4.25a.75.75 0 0 1-.75-.75V9.75a.75.75 0 0 1 .75-.75h3.68a2.25 2.25 0 0 0 1.495-.569ZM18.992 5.897a.75.75 0 0 1 1.049.157A9.959 9.959 0 0 1 22 12a9.96 9.96 0 0 1-1.96 5.946.75.75 0 0 1-1.205-.892A8.459 8.459 0 0 0 20.5 12a8.459 8.459 0 0 0-1.665-5.054.75.75 0 0 1 .157-1.049Z");
}
path[d="M22.7 2.7a1 1 0 0 0-1.4-1.4l-20 20a1 1 0 1 0 1.4 1.4l20-20ZM17.06 2.94a.48.48 0 0 0-.11-.77A11 11 0 0 0 2.18 16.94c.14.3.53.35.76.12l3.2-3.2c.25-.25.15-.68-.2-.76a5 5 0 0 0-1.02-.1H3.05a9 9 0 0 1 12.66-9.2c.2.09.44.05.59-.1l.76-.76ZM20.2 8.28a.52.52 0 0 1 .1-.58l.76-.76a.48.48 0 0 1 .77.11 11 11 0 0 1-4.5 14.57c-1.27.71-2.73.23-3.55-.74a3.1 3.1 0 0 1-.17-3.78l1.38-1.97a5 5 0 0 1 4.1-2.13h1.86a9.1 9.1 0 0 0-.75-4.72ZM10.1 17.9c.25-.25.65-.18.74.14a3.1 3.1 0 0 1-.62 2.84 2.85 2.85 0 0 1-3.55.74.16.16 0 0 1-.04-.25l3.48-3.48Z"] {
d: path("M12.92 3.316c.806-.717 2.08-.145 2.08.934v15.496c0 1.078-1.274 1.65-2.08.934l-4.492-3.994a.75.75 0 0 0-.498-.19H4.25A2.25 2.25 0 0 1 2 14.247V9.75a2.25 2.25 0 0 1 2.25-2.25h3.68a.75.75 0 0 0 .498-.19l4.491-3.993Zm.58 1.49L9.425 8.43A2.25 2.25 0 0 1 7.93 9H4.25a.75.75 0 0 0-.75.75v4.497c0 .415.336.75.75.75h3.68a2.25 2.25 0 0 1 1.495.57l4.075 3.623V4.807ZM16.22 9.22a.75.75 0 0 1 1.06 0L19 10.94l1.72-1.72a.75.75 0 1 1 1.06 1.06L20.06 12l1.72 1.72a.75.75 0 1 1-1.06 1.06L19 13.06l-1.72 1.72a.75.75 0 1 1-1.06-1.06L17.94 12l-1.72-1.72a.75.75 0 0 1 0-1.06Z");
}
path[d="M10.56 1.1c-.46.05-.7.53-.64.98.18 1.16-.19 2.2-.98 2.53-.8.33-1.79-.15-2.49-1.1-.27-.36-.78-.52-1.14-.24-.77.59-1.45 1.27-2.04 2.04-.28.36-.12.87.24 1.14.96.7 1.43 1.7 1.1 2.49-.33.8-1.37 1.16-2.53.98-.45-.07-.93.18-.99.64a11.1 11.1 0 0 0 0 2.88c.06.46.54.7.99.64 1.16-.18 2.2.19 2.53.98.33.8-.14 1.79-1.1 2.49-.36.27-.52.78-.24 1.14.59.77 1.27 1.45 2.04 2.04.36.28.87.12 1.14-.24.7-.95 1.7-1.43 2.49-1.1.8.33 1.16 1.37.98 2.53-.07.45.18.93.64.99a11.1 11.1 0 0 0 2.88 0c.46-.06.7-.54.64-.99-.18-1.16.19-2.2.98-2.53.8-.33 1.79.14 2.49 1.1.27.36.78.52 1.14.24.77-.59 1.45-1.27 2.04-2.04.28-.36.12-.87-.24-1.14-.96-.7-1.43-1.7-1.1-2.49.33-.8 1.37-1.16 2.53-.98.45.07.93-.18.99-.64a11.1 11.1 0 0 0 0-2.88c-.06-.46-.54-.7-.99-.64-1.16.18-2.2-.19-2.53-.98-.33-.8.14-1.79 1.1-2.49.36-.27.52-.78.24-1.14a11.07 11.07 0 0 0-2.04-2.04c-.36-.28-.87-.12-1.14.24-.7.96-1.7 1.43-2.49 1.1-.8-.33-1.16-1.37-.98-2.53.07-.45-.18-.93-.64-.99a11.1 11.1 0 0 0-2.88 0ZM16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"] {
d: path("M12.012 2.25c.734.008 1.465.093 2.182.253a.75.75 0 0 1 .582.649l.17 1.527a1.384 1.384 0 0 0 1.927 1.116l1.401-.615a.75.75 0 0 1 .85.174 9.792 9.792 0 0 1 2.204 3.792.75.75 0 0 1-.271.825l-1.242.916a1.381 1.381 0 0 0 0 2.226l1.243.915a.75.75 0 0 1 .272.826 9.797 9.797 0 0 1-2.204 3.792.75.75 0 0 1-.848.175l-1.407-.617a1.38 1.38 0 0 0-1.926 1.114l-.169 1.526a.75.75 0 0 1-.572.647 9.518 9.518 0 0 1-4.406 0 .75.75 0 0 1-.572-.647l-.168-1.524a1.382 1.382 0 0 0-1.926-1.11l-1.406.616a.75.75 0 0 1-.849-.175 9.798 9.798 0 0 1-2.204-3.796.75.75 0 0 1 .272-.826l1.243-.916a1.38 1.38 0 0 0 0-2.226l-1.243-.914a.75.75 0 0 1-.271-.826 9.793 9.793 0 0 1 2.204-3.792.75.75 0 0 1 .85-.174l1.4.615a1.387 1.387 0 0 0 1.93-1.118l.17-1.526a.75.75 0 0 1 .583-.65c.717-.159 1.45-.243 2.201-.252Zm0 1.5a9.135 9.135 0 0 0-1.354.117l-.109.977A2.886 2.886 0 0 1 6.525 7.17l-.898-.394a8.293 8.293 0 0 0-1.348 2.317l.798.587a2.881 2.881 0 0 1 0 4.643l-.799.588c.32.842.776 1.626 1.348 2.322l.905-.397a2.882 2.882 0 0 1 4.017 2.318l.11.984c.889.15 1.798.15 2.687 0l.11-.984a2.881 2.881 0 0 1 4.018-2.322l.905.396a8.296 8.296 0 0 0 1.347-2.318l-.798-.588a2.881 2.881 0 0 1 0-4.643l.796-.587a8.293 8.293 0 0 0-1.348-2.317l-.896.393a2.884 2.884 0 0 1-4.023-2.324l-.11-.976a8.988 8.988 0 0 0-1.333-.117ZM12 8.25a3.75 3.75 0 1 1 0 7.5 3.75 3.75 0 0 1 0-7.5Zm0 1.5a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Z");
}
path[d="m21.5 16.6-.13.14a.88.88 0 0 1-.97.2l-4.09-1.7a.99.99 0 0 1-.57-1.18l.73-2.7c-2.24-3-6.7-3-8.94 0l.7 2.1a.99.99 0 0 1-.48 1.19l-4.13 2.2a.87.87 0 0 1-1.03-.15l-.1-.1a5.18 5.18 0 0 1-.32-6.92 12.67 12.67 0 0 1 19.66 0 5.18 5.18 0 0 1-.32 6.92Z"] {
d: path("m9.525 3.572.902 2.005a2.75 2.75 0 0 1-.633 3.14L8.3 10.11a.25.25 0 0 0-.078.155c-.044.397.225 1.17.845 2.244.451.782.86 1.33 1.207 1.638.242.214.375.26.432.244l2.01-.615a2.75 2.75 0 0 1 3.035 1.021l1.28 1.775a2.75 2.75 0 0 1-.339 3.606l-.886.84a3.75 3.75 0 0 1-3.587.889c-2.754-.77-5.223-3.093-7.435-6.924-2.215-3.837-2.992-7.141-2.276-9.913A3.75 3.75 0 0 1 4.85 2.487l.206-.07 1.167-.35a2.75 2.75 0 0 1 3.302 1.505Zm-2.869-.07-1.167.352-.158.054a2.25 2.25 0 0 0-1.37 1.537c-.603 2.332.086 5.26 2.122 8.788 2.033 3.522 4.222 5.582 6.54 6.229a2.25 2.25 0 0 0 2.151-.534l.887-.84a1.25 1.25 0 0 0 .154-1.638l-1.28-1.775a1.25 1.25 0 0 0-1.38-.464l-2.015.616c-1.17.349-2.232-.593-3.372-2.568C7 11.93 6.642 10.9 6.731 10.1c.047-.416.24-.801.546-1.086l1.494-1.394a1.25 1.25 0 0 0 .288-1.427l-.902-2.005a1.25 1.25 0 0 0-1.5-.685ZM21.78 2.22a.75.75 0 0 1 0 1.06L18.56 6.5l3.22 3.22a.75.75 0 1 1-1.06 1.06L17.5 7.56l-3.22 3.22a.75.75 0 1 1-1.06-1.06l3.22-3.22-3.22-3.22a.75.75 0 0 1 1.06-1.06l3.22 3.22 3.22-3.22a.75.75 0 0 1 1.06 0Z");
}
path[d="M14.5 8a3 3 0 1 0-2.7-4.3c-.2.4.06.86.44 1.12a5 5 0 0 1 2.14 3.08c.01.06.06.1.12.1ZM18.44 17.27c.15.43.54.73 1 .73h1.06c.83 0 1.5-.67 1.5-1.5a7.5 7.5 0 0 0-6.5-7.43c-.55-.08-.99.38-1.1.92-.06.3-.15.6-.26.87-.23.58-.05 1.3.47 1.63a9.53 9.53 0 0 1 3.83 4.78ZM12.5 9a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM2 20.5a7.5 7.5 0 0 1 15 0c0 .83-.67 1.5-1.5 1.5a.2.2 0 0 1-.2-.16c-.2-.96-.56-1.87-.88-2.54-.1-.23-.42-.15-.42.1v2.1a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-2.1c0-.25-.31-.33-.42-.1-.32.67-.67 1.58-.88 2.54a.2.2 0 0 1-.2.16A1.5 1.5 0 0 1 2 20.5Z"] {
d: path("M4 13.999 13 14a2 2 0 0 1 1.995 1.85L15 16v1.5C14.999 21 11.284 22 8.5 22c-2.722 0-6.335-.956-6.495-4.27L2 17.5v-1.501c0-1.054.816-1.918 1.85-1.995L4 14ZM15.22 14H20c1.054 0 1.918.816 1.994 1.85L22 16v1c-.001 3.062-2.858 4-5 4a7.16 7.16 0 0 1-2.14-.322c.336-.386.607-.827.802-1.327A6.19 6.19 0 0 0 17 19.5l.267-.006c.985-.043 3.086-.363 3.226-2.289L20.5 17v-1a.501.501 0 0 0-.41-.492L20 15.5h-4.051a2.957 2.957 0 0 0-.595-1.34L15.22 14H20h-4.78ZM4 15.499l-.1.01a.51.51 0 0 0-.254.136.506.506 0 0 0-.136.253l-.01.101V17.5c0 1.009.45 1.722 1.417 2.242.826.445 2.003.714 3.266.753l.317.005.317-.005c1.263-.039 2.439-.308 3.266-.753.906-.488 1.359-1.145 1.412-2.057l.005-.186V16a.501.501 0 0 0-.41-.492L13 15.5l-9-.001ZM8.5 3a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9Zm9 2a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm-9-.5c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3Zm9 2c-1.103 0-2 .897-2 2s.897 2 2 2 2-.897 2-2-.897-2-2-2Z");
}
path[d="M14.5 8a3 3 0 1 0-2.7-4.3c-.2.4.06.86.44 1.12a5 5 0 0 1 2.14 3.08c.01.06.06.1.12.1ZM18.44 17.27c.15.43.54.73 1 .73h1.06c.83 0 1.5-.67 1.5-1.5a7.5 7.5 0 0 0-6.5-7.43c-.55-.08-.99.38-1.1.92-.06.3-.15.6-.26.87-.23.58-.05 1.3.47 1.63a9.53 9.53 0 0 1 3.83 4.78ZM12.5 9a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM2 20.5a7.5 7.5 0 0 1 15 0c0 .83-.67 1.5-1.5 1.5a.2.2 0 0 1-.2-.16c-.2-.96-.56-1.87-.88-2.54-.1-.23-.42-.15-.42.1v2.1a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-2.1c0-.25-.31-.33-.42-.1-.32.67-.67 1.58-.88 2.54a.2.2 0 0 1-.2.16A1.5 1.5 0 0 1 2 20.5Z"] ~ path {
display: none;
}
path[d="M21 3H24V5H21V8H19V5H16V3H19V0H21V3ZM10 12C12.205 12 14 10.205 14 8C14 5.795 12.205 4 10 4C7.795 4 6 5.795 6 8C6 10.205 7.795 12 10 12ZM10 13C5.289 13 2 15.467 2 19V20H18V19C18 15.467 14.711 13 10 13Z"] {
d: path("M17.5 12a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11Zm-5.477 2a6.47 6.47 0 0 0-.709 1.5H4.253a.749.749 0 0 0-.75.75v.577c0 .535.192 1.053.54 1.46 1.253 1.469 3.22 2.214 5.957 2.214.597 0 1.157-.035 1.68-.106.246.495.553.954.912 1.367-.795.16-1.66.24-2.592.24-3.146 0-5.532-.906-7.098-2.74a3.75 3.75 0 0 1-.898-2.435v-.578A2.249 2.249 0 0 1 4.253 14h7.77Zm5.477 0-.09.008a.5.5 0 0 0-.402.402L17 14.5V17h-2.496l-.09.008a.5.5 0 0 0-.402.402l-.008.09.008.09a.5.5 0 0 0 .402.402l.09.008H17L17 20.5l.008.09a.5.5 0 0 0 .402.402l.09.008.09-.008a.5.5 0 0 0 .402-.402L18 20.5V18h2.504l.09-.008a.5.5 0 0 0 .402-.402l.008-.09-.008-.09a.5.5 0 0 0-.402-.402l-.09-.008H18L18 14.5l-.008-.09a.5.5 0 0 0-.402-.402L17.5 14ZM10 2.005a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 1.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7Z");
}
path[d="M19.38 11.38a3 3 0 0 0 4.24 0l.03-.03a.5.5 0 0 0 0-.7L13.35.35a.5.5 0 0 0-.7 0l-.03.03a3 3 0 0 0 0 4.24L13 5l-2.92 2.92-3.65-.34a2 2 0 0 0-1.6.58l-.62.63a1 1 0 0 0 0 1.42l9.58 9.58a1 1 0 0 0 1.42 0l.63-.63a2 2 0 0 0 .58-1.6l-.34-3.64L19 11l.38.38ZM9.07 17.07a.5.5 0 0 1-.08.77l-5.15 3.43a.5.5 0 0 1-.63-.06l-.42-.42a.5.5 0 0 1-.06-.63L6.16 15a.5.5 0 0 1 .77-.08l2.14 2.14Z"] {
d: path("m16.242 2.932 4.826 4.826a2.75 2.75 0 0 1-.715 4.404l-4.87 2.435a.75.75 0 0 0-.374.426l-1.44 4.166a1.25 1.25 0 0 1-2.065.476L8.5 16.561 4.06 21H3v-1.06l4.44-4.44-3.105-3.104a1.25 1.25 0 0 1 .476-2.066l4.166-1.44a.75.75 0 0 0 .426-.373l2.435-4.87a2.75 2.75 0 0 1 4.405-.715Zm3.766 5.886-4.826-4.826a1.25 1.25 0 0 0-2.002.325l-2.435 4.871a2.25 2.25 0 0 1-1.278 1.12l-3.789 1.31 6.705 6.704 1.308-3.789a2.25 2.25 0 0 1 1.12-1.277l4.872-2.436a1.25 1.25 0 0 0 .325-2.002Z");
}
path[d="M9.7 2.89c.18-.07.32-.24.37-.43a2 2 0 0 1 3.86 0c.05.2.19.36.38.43A7 7 0 0 1 19 9.5v2.09c0 .12.05.24.13.33l1.1 1.22a3 3 0 0 1 .77 2.01v.28c0 .67-.34 1.29-.95 1.56-1.31.6-4 1.51-8.05 1.51-4.05 0-6.74-.91-8.05-1.5-.61-.28-.95-.9-.95-1.57v-.28a3 3 0 0 1 .77-2l1.1-1.23a.5.5 0 0 0 .13-.33V9.5a7 7 0 0 1 4.7-6.61ZM9.18 19.84A.16.16 0 0 0 9 20a3 3 0 1 0 6 0c0-.1-.09-.17-.18-.16a24.86 24.86 0 0 1-5.64 0Z"] {
d: path("M12 1.996a7.49 7.49 0 0 1 7.496 7.25l.004.25v4.097l1.38 3.156a1.25 1.25 0 0 1-1.145 1.75L15 18.502a3 3 0 0 1-5.995.177L9 18.499H4.275a1.251 1.251 0 0 1-1.147-1.747L4.5 13.594V9.496c0-4.155 3.352-7.5 7.5-7.5ZM13.5 18.5l-3 .002a1.5 1.5 0 0 0 2.993.145l.006-.147ZM12 3.496c-3.32 0-6 2.674-6 6v4.41L4.656 17h14.697L18 13.907V9.509l-.004-.225A5.988 5.988 0 0 0 12 3.496Z");
}
path[d="M21.178 1.70703L22.592 3.12103L4.12103 21.593L2.70703 20.178L21.178 1.70703Z"] {
d: path("m5.22 6.28-3-3a.75.75 0 0 1 1.06-1.06l18.5 18.5a.75.75 0 1 1-1.06 1.06l-3.28-3.28-2.44.001a3 3 0 0 1-5.995.177L9 18.499H4.275a1.251 1.251 0 0 1-1.147-1.747L4.5 13.594V9.496c0-1.152.258-2.242.72-3.216ZM15.94 17 6.364 7.425A6.019 6.019 0 0 0 6 9.496v4.41L4.656 17H15.94Zm-2.44 1.5-3 .001a1.5 1.5 0 0 0 2.993.145l.007-.147ZM18 13.907l.708 1.62 2.188 2.187a1.247 1.247 0 0 0-.016-.965l-1.38-3.156V9.496l-.004-.25A7.49 7.49 0 0 0 12 1.995a7.476 7.476 0 0 0-4.957 1.865l1.064 1.064A5.981 5.981 0 0 1 12 3.496a5.988 5.988 0 0 1 5.997 5.788l.003.225v4.398Z");
}
path[d="M21.178 1.70703L22.592 3.12103L4.12103 21.593L2.70703 20.178L21.178 1.70703Z"] ~ path {
display: none;
}
path[d="M12 2.81a1 1 0 0 1 0-1.41l.36-.36a1 1 0 0 1 1.41 0l9.2 9.2a1 1 0 0 1 0 1.4l-.7.7a1 1 0 0 1-1.3.13l-9.54-6.72a1 1 0 0 1-.08-1.58l1-1L12 2.8ZM12 21.2a1 1 0 0 1 0 1.41l-.35.35a1 1 0 0 1-1.41 0l-9.2-9.19a1 1 0 0 1 0-1.41l.7-.7a1 1 0 0 1 1.3-.12l9.54 6.72a1 1 0 0 1 .07 1.58l-1 1 .35.36ZM15.66 16.8a1 1 0 0 1-1.38.28l-8.49-5.66A1 1 0 1 1 6.9 9.76l8.49 5.65a1 1 0 0 1 .27 1.39ZM17.1 14.25a1 1 0 1 0 1.11-1.66L9.73 6.93a1 1 0 0 0-1.11 1.66l8.49 5.66Z"] {
d: path("M5.25 18A3.25 3.25 0 0 1 2 14.75v-8.5A3.25 3.25 0 0 1 5.25 3h13.5A3.25 3.25 0 0 1 22 6.25v8.5A3.25 3.25 0 0 1 18.75 18h-5.738L8 21.75a1.25 1.25 0 0 1-1.999-1V18h-.75Zm7.264-1.5h6.236a1.75 1.75 0 0 0 1.75-1.75v-8.5a1.75 1.75 0 0 0-1.75-1.75H5.25A1.75 1.75 0 0 0 3.5 6.25v8.5c0 .966.784 1.75 1.75 1.75h2.249v3.75l5.015-3.75Z");
}
path[d="M12 2.81a1 1 0 0 1 0-1.41l.36-.36a1 1 0 0 1 1.41 0l9.2 9.2a1 1 0 0 1 0 1.4l-.7.7a1 1 0 0 1-1.3.13l-9.54-6.72a1 1 0 0 1-.08-1.58l1-1L12 2.8ZM12 21.2a1 1 0 0 1 0 1.41l-.35.35a1 1 0 0 1-1.41 0l-9.2-9.19a1 1 0 0 1 0-1.41l.7-.7a1 1 0 0 1 1.3-.12l9.54 6.72a1 1 0 0 1 .07 1.58l-1 1 .35.36ZM15.66 16.8a1 1 0 0 1-1.38.28l-8.49-5.66A1 1 0 1 1 6.9 9.76l8.49 5.65a1 1 0 0 1 .27 1.39ZM17.1 14.25a1 1 0 1 0 1.11-1.66L9.73 6.93a1 1 0 0 0-1.11 1.66l8.49 5.66Z"] + path {
display: none;
}
path[d="M5 2a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3H5ZM4 5.5C4 4.67 4.67 4 5.5 4h13c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5h-2.65c-.5 0-.85.5-.85 1a3 3 0 1 1-6 0c0-.5-.35-1-.85-1H5.5A1.5 1.5 0 0 1 4 11.5v-6Z"] {
d: path("M6.25 3h11.5a3.25 3.25 0 0 1 3.245 3.066L21 6.25v11.5a3.25 3.25 0 0 1-3.066 3.245L17.75 21H6.25a3.25 3.25 0 0 1-3.245-3.066L3 17.75V6.25a3.25 3.25 0 0 1 3.066-3.245L6.25 3h11.5-11.5ZM4.5 14.5v3.25a1.75 1.75 0 0 0 1.606 1.744l.144.006h11.5a1.75 1.75 0 0 0 1.744-1.607l.006-.143V14.5h-3.825a3.752 3.752 0 0 1-3.475 2.995l-.2.005a3.752 3.752 0 0 1-3.632-2.812l-.043-.188H4.5v3.25-3.25Zm13.25-10H6.25a1.75 1.75 0 0 0-1.744 1.606L4.5 6.25V13H9a.75.75 0 0 1 .743.648l.007.102a2.25 2.25 0 0 0 4.495.154l.005-.154a.75.75 0 0 1 .648-.743L15 13h4.5V6.25a1.75 1.75 0 0 0-1.607-1.744L17.75 4.5Z");
}
path[d="M12 23a11 11 0 1 0 0-22 11 11 0 0 0 0 22Zm-.28-16c-.98 0-1.81.47-2.27 1.14A1 1 0 1 1 7.8 7.01 4.73 4.73 0 0 1 11.72 5c2.5 0 4.65 1.88 4.65 4.38 0 2.1-1.54 3.77-3.52 4.24l.14 1a1 1 0 0 1-1.98.27l-.28-2a1 1 0 0 1 .99-1.14c1.54 0 2.65-1.14 2.65-2.38 0-1.23-1.1-2.37-2.65-2.37ZM13 17.88a1.13 1.13 0 1 1-2.25 0 1.13 1.13 0 0 1 2.25 0Z"] {
d: path("M12 2c5.523 0 10 4.478 10 10s-4.477 10-10 10S2 17.522 2 12 6.477 2 12 2Zm0 1.667c-4.595 0-8.333 3.738-8.333 8.333 0 4.595 3.738 8.333 8.333 8.333 4.595 0 8.333-3.738 8.333-8.333 0-4.595-3.738-8.333-8.333-8.333ZM12 15.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm0-8.75a2.75 2.75 0 0 1 2.75 2.75c0 1.01-.297 1.574-1.051 2.359l-.169.171c-.622.622-.78.886-.78 1.47a.75.75 0 0 1-1.5 0c0-1.01.297-1.574 1.051-2.359l.169-.171c.622-.622.78-.886.78-1.47a1.25 1.25 0 0 0-2.493-.128l-.007.128a.75.75 0 0 1-1.5 0A2.75 2.75 0 0 1 12 6.75Z");
}
path[d="M21.526 8.149C21.231 7.966 20.862 7.951 20.553 8.105L18 9.382V7C18 5.897 17.103 5 16 5H4C2.897 5 2 5.897 2 7V17C2 18.104 2.897 19 4 19H16C17.103 19 18 18.104 18 17V14.618L20.553 15.894C20.694 15.965 20.847 16 21 16C21.183 16 21.365 15.949 21.526 15.851C21.82 15.668 22 15.347 22 15V9C22 8.653 21.82 8.332 21.526 8.149Z"] {
d: path("M13.75 4.5A3.25 3.25 0 0 1 17 7.75v.173l3.864-2.318A.75.75 0 0 1 22 6.248V17.75a.75.75 0 0 1-1.136.643L17 16.075v.175a3.25 3.25 0 0 1-3.25 3.25h-8.5A3.25 3.25 0 0 1 2 16.25v-8.5A3.25 3.25 0 0 1 5.25 4.5h8.5Zm0 1.5h-8.5A1.75 1.75 0 0 0 3.5 7.75v8.5c0 .966.784 1.75 1.75 1.75h8.5a1.75 1.75 0 0 0 1.75-1.75v-8.5A1.75 1.75 0 0 0 13.75 6Zm6.75 1.573L17 9.674v4.651l3.5 2.1V7.573Z");
}
path[d="M11 5V3C16.515 3 21 7.486 21 13H19C19 8.589 15.411 5 11 5ZM17 13H15C15 10.795 13.206 9 11 9V7C14.309 7 17 9.691 17 13ZM11 11V13H13C13 11.896 12.105 11 11 11ZM14 16H18C18.553 16 19 16.447 19 17V21C19 21.553 18.553 22 18 22H13C6.925 22 2 17.075 2 11V6C2 5.447 2.448 5 3 5H7C7.553 5 8 5.447 8 6V10C8 10.553 7.553 11 7 11H6C6.063 14.938 9 18 13 18V17C13 16.447 13.447 16 14 16Z"] {
d: path("m7.056 2.418 1.167-.351a2.75 2.75 0 0 1 3.302 1.505l.902 2.006a2.75 2.75 0 0 1-.633 3.139L10.3 10.11a.25.25 0 0 0-.078.155c-.044.397.225 1.17.845 2.245.451.781.86 1.33 1.207 1.637.242.215.375.261.432.245l2.01-.615a2.75 2.75 0 0 1 3.034 1.02l1.281 1.776a2.75 2.75 0 0 1-.339 3.605l-.886.84a3.75 3.75 0 0 1-3.587.889c-2.754-.769-5.223-3.093-7.435-6.924-2.215-3.836-2.992-7.14-2.276-9.913a3.75 3.75 0 0 1 2.548-2.652Zm.433 1.437a2.25 2.25 0 0 0-1.529 1.59c-.602 2.332.087 5.261 2.123 8.788 2.033 3.522 4.222 5.582 6.54 6.23a2.25 2.25 0 0 0 2.151-.534l.887-.84a1.25 1.25 0 0 0 .154-1.639l-1.28-1.775a1.25 1.25 0 0 0-1.38-.464l-2.015.617c-1.17.348-2.232-.593-3.372-2.568C9 11.93 8.642 10.9 8.731 10.099c.047-.416.24-.8.546-1.086l1.494-1.393a1.25 1.25 0 0 0 .288-1.427l-.902-2.006a1.25 1.25 0 0 0-1.5-.684l-1.168.352Z");
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction]) .icon_c1e9c4 {
display: none !important;
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[role=menuitem]::before, .item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[role=menuitemcheckbox]::before {
width: 18px;
height: 18px;
-webkit-mask-size: cover;
mask-size: cover;
-webkit-mask-position: center;
mask-position: center;
background: currentColor;
margin-right: 8px;
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[role=menuitem] + .layer_da8173 .item_c1e9c4::before, .item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[role=menuitemcheckbox] + .layer_da8173 .item_c1e9c4::before {
content: none;
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[role=menuitem].focused-3qFvc8::before, .item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[role=menuitemcheckbox].focused-3qFvc8::before {
background: var(--text-primary);
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=message-add-reaction-0]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=message-add-reaction-1]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=message-edit]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=message-actions-edit]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=message-actions-pin]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=message-pin]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=message-reply]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=message-actions-thread]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=message-thread]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=message-mark-unread]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=message-copy-link]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=message-copy-text]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=message-tts]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=message-actions-delete]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=message-delete]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=message-devmode-copy-id]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=message-report]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-context-mark-channel-read]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-context-user-profile]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-context-mention]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-context-message-user]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-context-call]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-context-note]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-context-close-dm]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-context-change-nickname]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-context-invite-to-server]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-context-add-friend]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-context-remove-friend]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-context-block]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-context-mute]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-context-disable-video]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-context-voice-mute]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-context-voice-deafen]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-context-timeout]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-context-voice-disconnect]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-context-kick]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-context-ban]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-context-roles]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-context-mute-channel]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-context-voice-move]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-context-devmode-copy-id]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-context-add-friend-nickname]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-context-soundboard-sound-mute]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-context-deafen]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-settings-cog-My_Account]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-settings-cog-Profile_Customization]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-settings-cog-Privacy___Safety]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-settings-cog-Authorized_Apps]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-settings-cog-Connections]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-settings-cog-Discord_Nitro]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-settings-cog-Nitro_Server_Boost]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-settings-cog-Subscriptions]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-settings-cog-Library_Inventory]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-settings-cog-Billing]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-settings-cog-Appearance]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-settings-cog-Accessibility]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-settings-cog-Voice___Video]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-settings-cog-Text___Images]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-settings-cog-Notifications]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-settings-cog-Keybinds]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-settings-cog-Language]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-settings-cog-Windows]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-settings-cog-Streamer_Mode]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-settings-cog-Advanced]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-settings-cog-Game_Activity]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-settings-cog-Overlay]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-settings-cog-changelog]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-settings-cog-Hypesquad_Online]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-settings-cog-Sessions]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-settings-cog-Friend_Requests]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-settings-cog-Activity_Privacy]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=user-settings-cog-Family_Center]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=channel-context-mark-channel-read]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=channel-context-mute-channel]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=channel-context-copy-channel-topic]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=channel-context-edit-channel]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=channel-context-invite-people]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=channel-context-clone-channel]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=channel-context-create-text-channel]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=channel-context-create-voice-channel]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=channel-context-delete-channel]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=channel-context-channel-notifications]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=channel-context-channel-copy-link]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=channel-context-devmode-copy-id]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=guild-header-popout-premium-subscribe]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=guild-header-popout-invite-people]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=guild-header-popout-settings]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=guild-header-popout-create-channel]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=guild-header-popout-create-category]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=guild-header-popout-create-event]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=guild-header-popout-notifications]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=guild-header-popout-privacy]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=guild-header-popout-change-nickname]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=guild-header-popout-leave]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=guild-header-popout-application-directory]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=guild-header-popout-report-raid]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=guild-header-popout-active-threads]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=guild-header-popout-insights]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=guild-header-popout-hide-muted-channels]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=guild-context-mark-guild-read]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=guild-context-invite-people]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=guild-context-unmute-guild]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=guild-context-mute-guild]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=guild-context-guild-notifications]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=guild-context-hide-muted-channels]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=guild-context-guild-settings]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=guild-context-privacy]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=guild-context-change-nickname]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=guild-context-leave-guild]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=guild-context-devmode-copy-id]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=guild-context-create-channel]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=guild-context-create-category]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=guild-context-create-event]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=message-actions-add-reaction-0]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=message-actions-add-reaction-1]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=message-actions-reply]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=message-actions-mark-unread]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=message-actions-copy-link]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=message-actions-tts]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=message-actions-copy-id]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=message-actions-copy-text]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=message-actions-report]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=message-actions-devmode-copy-id]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=account-set-custom-status]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}
.item_c1e9c4:not(#account-status-picker, [role=menuitemradio], .hideInteraction_c1e9c4, [id^=message-actions-add-reaction])[id^=account-switch-account]::before {
content: "";
-webkit-mask-image: url('data:image/svg+xml; utf-8,');
mask-image: url('data:image/svg+xml; utf-8,');
}