@import url(https://raw.githubusercontent.com/S0apyy/BetterDiscordStuff/main/css/diseaseControl.css);
@import url(https://raw.githubusercontent.com/S0apyy/BetterDiscordStuff/main/css/ProfileBannerSkins.css);
@import url(https://raw.githubusercontent.com/S0apyy/BetterDiscordStuff/raw/main/css/bearableInbox.css);
@import url(https://raw.githubusercontent.com/S0apyy/BetterDiscordStuff/css/bettterInvites.css);
@import url(https://raw.githubusercontent.com/S0apyy/BetterDiscordStuff/css/ChatBubbles.css);
@import url(https://fonts.cdnfonts.com/css/sf-pro-display);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&display=swap);
:root {
/* color control */
--accent-hue: 213;
--accent-saturation: 100%;
--accent-brightness: 50%;
--background-accent-hue: 213;
--background-accent-saturation: 100%;
--background-accent-brightness: 50%;
/* background image */
--background-image: initial;
--background-image-position: center;
--background-image-size: cover;
--background-image-blur: 0;
--background-overlay-opacity: 80%;
--background-overlay-color-lightness: 0;
--background-hue-shift-strength: 100%;
/* window */
--window-background-image: initial;
--window-background-image-position: center;
--window-background-image-attachment: fixed;
--window-opacity: 100%;
--window-blur: 0;
--window-friends-blur: 0;
--window-margin: 24;
--window-margin-left: 0;
--window-border-radius: 10px;
--window-background-lightness: 0;
--window-accent-tint-strength: 5%;
/* chat */
--chat-bubble: 0;
--chat-bubble-background-color: var(--background-primary);
--chat-bubble-border-color: var(--background-primary-border-color);
--text-link-hue: 212;
--chat-text-brightness: 0;
/* dock */
--home-icon: initial;
--favorites-icon: initial;
--dock-blur: var(--window-blur);
--dock-border-radius: 0;
/* sidebar */
--sidebar-width: 240px;
--members-width: 240px;
--sidebar-text-brightness: 0;
/* floating */
--background-floating-blur: 20px;
--floating-background-lightness: 0;
--background-floating-opacity: 1;
--enable-floating-transparency: 1;
/* font */
--custom-font-display: "";
--custom-font-regular: "";
--custom-font-primary: "";
--custom-font-code: "";
/* other */
--enable-blur: 1;
}
.theme-dark,
.theme-light {
--float-guildlist-width-correction: 12px;
--window-background-image-calc: var(--window-background-image, var(--background-image)) var(--window-background-image-position)/cover no-repeat var(--window-background-image-attachment);
--background-image-calc: var(--background-image, url(https://i.imgur.com/wDB9XWK.png));
--background-image-blur-calc: calc(var(--background-image-blur) * var(--enable-blur));
--background-floating-blur-calc: calc(var(--background-floating-blur) * var(--enable-blur));
--window-margin-px: calc(var(--window-margin) * 1px);
--window-border-radius-calc: calc(min(1, var(--window-margin)) * var(--window-border-radius));
--dock-blur-calc: calc(var(--dock-blur, var(--window-blur)) * 1px * var(--enable-blur));
--window-blur-calc: calc(var(--window-blur) * 1px * var(--enable-blur));
--window-friends-blur-calc: calc(var(--window-friends-blur) * 1px * var(--enable-blur));
--window-color-hue: initial;
--window-color-lightness: initial;
--window-color-calc: hsla(var(--window-color-hue), 100%, var(--window-color-lightness), var(--window-opacity));
--box-shadow-inner-1: inset 0 2px 2px rgba(0, 0, 0, 0.2);
--box-shadow-inner-2: inset 0 0 3px rgba(0, 0, 0, 0.2);
--box-shadow-outer-1: 0 0 5px rgba(0, 0, 0, 0.2);
--box-shadow-outer-2: 0 3px 10px rgba(0, 0, 0, 0.2);
--box-shadow-outer-3: 0 2px 2px rgba(0, 0, 0, 0.2);
--btn-outer-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
--btn-pill-inner-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1);
--box-shadow-selection: 0 0 0 4px var(--brand-experiment);
--box-shadow-selection-50a: 0 0 0 4px var(--brand-experiment-50a);
--box-shadow-border: 0 0 0 1px var(--background-modifier-accent);
--button-danger-background-460: hsl(359, calc(var(--saturation-factor, 1)*66.7%), 65.3%);
--background-modifier-accent-border: 1px solid var(--background-modifier-accent);
--button-brand-gradient: linear-gradient(var(--brand-experiment) 0%, var(--brand-experiment-445) 100%);
--button-brand-gradient-inner: linear-gradient(var(--brand-experiment-445) 20%, var(--brand-experiment) 100%);
--text-positive: hsl(126, 70%, 45%);
--button-positive-background: hsl(126, 70%, 45%);
--button-positive-background-hover: hsl(126, 65%, 40%);
--button-positive-background-active: hsl(126, 60%, 35%);
--info-warning-background: hsla(35, 100%, 52%, 0.1);
--info-warning-foreground: hsl(35, 100%, 52%);
--status-positive: hsl(129, calc(var(--saturation-factor, 1) * 67%), 48%);
--status-warning: hsl(48, calc(var(--saturation-factor, 1) * 100%), 50%);
--status-danger: hsl(3, calc(var(--saturation-factor, 1) * 100%), 59%);
--status-grey: hsl(240, 2%, 57%);
--status-red-500: var(--status-danger);
--status-yellow-500: var(--status-warning);
--status-green-600: var(--status-positive);
--status-grey-500: var(--status-grey);
/* --status-orange-100: hsl(18, calc(var(--saturation-factor, 1) * 100%), 98%); */
--modal-background: var(--background-secondary);
--font-display: var(--custom-font-display), BlinkMacSystemFont, "SF Pro Display", "Inter", "Helvetica Neue", "Helvetica", sans-serif;
--font-regular: var(--custom-font-regular), BlinkMacSystemFont, "SF Pro Text", "Inter", "Helvetica Neue", "Helvetica", sans-serif;
--font-primary: var(--custom-font-primary), "gg sans", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
--font-code: var(--custom-font-code), Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
--background-floating: hsl(var(--background-accent-hue), 4%, var(--background-floating-l));
--background-floating-40a: hsla(var(--background-accent-hue), 4%, var(--background-floating-l), calc((var(--background-floating-opacity) + .4) - var(--enable-floating-transparency)));
--background-floating-60a: hsla(var(--background-accent-hue), 4%, var(--background-floating-l), calc((var(--background-floating-opacity) + .6) - var(--enable-floating-transparency)));
--background-floating-80a: hsla(var(--background-accent-hue), 4%, var(--background-floating-l), calc((var(--background-floating-opacity) + .8) - var(--enable-floating-transparency)));
--background-floating-90a: hsla(var(--background-accent-hue), 4%, var(--background-floating-l), calc((var(--background-floating-opacity) + .9) - var(--enable-floating-transparency)));
--background-primary: hsla(var(--background-accent-hue), var(--window-accent-tint-strength, 5%), var(--background-primary-l), 1);
--background-primary-a: hsla(var(--background-accent-hue), var(--window-accent-tint-strength, 5%), var(--background-primary-l), var(--window-opacity));
--background-secondary: hsla(var(--background-accent-hue), var(--window-accent-tint-strength, 5%), var(--background-secondary-l), 1);
--background-secondary-a: hsla(var(--background-accent-hue), var(--window-accent-tint-strength, 5%), var(--background-secondary-l), var(--window-opacity));
--background-secondary-80a: hsla(var(--background-accent-hue), var(--window-accent-tint-strength, 5%), var(--background-secondary-l), 0.8);
--background-tertiary: hsla(var(--background-accent-hue), var(--window-accent-tint-strength, 5%), var(--background-tertiary-l), 1);
--background-tertiary-a: hsla(var(--background-accent-hue), var(--window-accent-tint-strength, 5%), var(--background-tertiary-l), var(--window-opacity));
--background-tertiary-80a: hsla(var(--background-accent-hue), var(--window-accent-tint-strength, 5%), var(--background-tertiary-l), 0.8);
--background-tertiary-90a: hsla(var(--background-accent-hue), var(--window-accent-tint-strength, 5%), var(--background-tertiary-l), 0.9);
--background-accent: hsla(var(--background-accent-hue), var(--window-accent-tint-strength, 5%), var(--background-accent-l), 1);
--background-accent-a: hsla(var(--background-accent-hue), var(--window-accent-tint-strength, 5%), var(--background-accent-l), var(--window-opacity));
--background-primary-border-color: hsl(var(--background-accent-hue), 4%, var(--background-primary-border-l));
--background-primary-border-color-a: hsla(var(--background-accent-hue), 4%, var(--background-primary-border-l), var(--window-opacity));
--background-secondary-border-color: hsl(var(--background-accent-hue), 4%, var(--background-secondary-border-l));
--background-secondary-border-color-a: hsl(var(--background-accent-hue), 4%, var(--background-secondary-border-l), var(--window-opacity));
--background-tertiary-border-color: hsl(var(--background-accent-hue), 4%, var(--background-tertiary-border-l));
--background-tertiary-border-color-a: hsla(var(--background-accent-hue), 4%, var(--background-tertiary-border-l), var(--window-opacity));
--background-floating-border-color: hsl(var(--background-accent-hue), 4%, var(--background-floating-border-l));
--background-floating-primary-border-color-a: hsla(var(--background-accent-hue), 4%, var(--background-primary-border-l), var(--background-floating-opacity));
--background-primary-border: 1px solid var(--background-primary-border-color);
--background-primary-border-a: 1px solid var(--background-primary-border-color-a);
--background-secondary-border: 1px solid var(--background-secondary-border-color);
--background-secondary-border-a: 1px solid var(--background-secondary-border-color-a);
--background-tertiary-border: 1px solid var(--background-tertiary-border-color);
--background-tertiary-border-a: 1px solid var(--background-tertiary-border-color-a);
--background-floating-border: 1px solid var(--background-floating-border-color);
--background-floating-primary-border-a: 1px solid var(--background-floating-primary-border-color-a);
--background-primary-box-shadow-border: 0 0 0 1px var(--background-primary-border-color);
--background-secondary-box-shadow-border: 0 0 0 1px var(--background-secondary-border-color);
--background-secondary-box-shadow-border-a: 0 0 0 1px var(--background-secondary-border-color-a);
--background-tertiary-box-shadow-border: 0 0 0 1px var(--background-tertiary-border-color);
--background-tertiary-border-variable-width-a: calc(var(--window-margin-px) * 0.01) solid var(--background-tertiary-border-color-a);
--header-primary: hsl(var(--background-accent-hue), var(--header-primary-s), var(--header-primary-l));
--header-secondary: hsl(var(--background-accent-hue), var(--header-secondary-s), var(--header-secondary-l));
--text-normal: hsl(var(--background-accent-hue), var(--text-normal-s), var(--text-normal-l));
--text-muted: hsl(var(--background-accent-hue), var(--text-muted-s), var(--text-muted-l));
--channels-default: hsl(var(--background-accent-hue), var(--channels-default-s), var(--channels-default-l));
--interactive-normal: hsl(var(--background-accent-hue), var(--interactive-normal-s), var(--interactive-normal-l));
--interactive-hover: hsl(var(--background-accent-hue), var(--interactive-normal-s), var(--interactive-hover-l));
--interactive-active: hsl(var(--background-accent-hue), var(--interactive-normal-s), var(--interactive-active-l));
--interactive-muted: hsla(var(--background-accent-hue), var(--interactive-muted-s), var(--interactive-muted-l), var(--interactive-muted-a));
--background-modifier-hover: hsla(var(--background-accent-hue), var(--background-modifier-hover-s), var(--background-modifier-hover-l), var(--background-modifier-hover-a));
--background-modifier-active: hsla(var(--background-accent-hue), var(--background-modifier-active-s), var(--background-modifier-active-l), var(--background-modifier-active-a));
--background-modifier-selected: hsla(var(--background-accent-hue), var(--background-modifier-selected-s), var(--background-modifier-selected-l), var(--background-modifier-selected-a));
--background-modifier-accent: hsla(var(--background-accent-hue), var(--background-modifier-accent-s), var(--background-modifier-accent-l), var(--background-modifier-accent-a));
}
:root {
--brand-experiment: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness));
--brand-experiment-100: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), 98%);
--brand-experiment-130: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), 94.8%);
--brand-experiment-160: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), 91.5%);
--brand-experiment-200: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), 88.3%);
--brand-experiment-230: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), 85%);
--brand-experiment-260: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), 81.8%);
--brand-experiment-300: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), 78.5%);
--brand-experiment-330: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), 75.3%);
--brand-experiment-360: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), 72%);
--brand-experiment-400: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), 68.8%);
--brand-experiment-430: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), 65.5%);
--brand-experiment-460: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), 62.3%);
--brand-experiment-445: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), 45%);
--brand-experiment-440: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), 40%);
--brand-experiment-500: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness));
--brand-experiment-530: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*70.5%), 54.3%);
--brand-experiment-560: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*56.4%), 49.7%);
--brand-experiment-600: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*51.5%), 45%);
--brand-experiment-630: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*51.5%), 40.3%);
--brand-experiment-660: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*51.5%), 35.7%);
--brand-experiment-700: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*51.5%), 31%);
--brand-experiment-730: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*51.5%), 26.3%);
--brand-experiment-760: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*51.5%), 21.7%);
--brand-experiment-800: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*51.5%), 17%);
--brand-experiment-830: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*51.5%), 12.3%);
--brand-experiment-860: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*51.5%), 7.7%);
--brand-experiment-900: hsl(var(--accent-hue), calc(var(--saturation-factor, 1)*51.5%), 3%);
--brand-experiment-05a: hsla(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness), 0.05);
--brand-experiment-10a: hsla(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness), 0.1);
--brand-experiment-15a: hsla(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness), 0.15);
--brand-experiment-20a: hsla(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness), 0.2);
--brand-experiment-25a: hsla(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness), 0.25);
--brand-experiment-30a: hsla(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness), 0.3);
--brand-experiment-35a: hsla(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness), 0.35);
--brand-experiment-40a: hsla(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness), 0.4);
--brand-experiment-45a: hsla(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness), 0.45);
--brand-experiment-50a: hsla(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness), 0.5);
--brand-experiment-55a: hsla(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness), 0.55);
--brand-experiment-60a: hsla(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness), 0.6);
--brand-experiment-65a: hsla(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness), 0.65);
--brand-experiment-70a: hsla(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness), 0.7);
--brand-experiment-75a: hsla(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness), 0.75);
--brand-experiment-80a: hsla(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness), 0.8);
--brand-experiment-85a: hsla(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness), 0.85);
--brand-experiment-90a: hsla(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness), 0.9);
--brand-experiment-95a: hsla(var(--accent-hue), calc(var(--saturation-factor, 1)*var(--accent-saturation)), var(--accent-brightness), 0.95);
--mention-background: var(--brand-experiment-30a);
--brand-100: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 77.8%), 98.2%);
--brand-130: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 87.5%), 96.9%);
--brand-160: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 84.6%), 94.9%);
--brand-200: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 83.3%), 92.9%);
--brand-230: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 87%), 91%);
--brand-260: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 86.2%), 88.6%);
--brand-300: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 86.1%), 85.9%);
--brand-330: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 85.1%), 81.6%);
--brand-345: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 85.2%), 78.8%);
--brand-360: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 86.1%), 77.5%);
--brand-400: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 86.1%), 71.8%);
--brand-430: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 85.7%), 69.8%);
--brand-460: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 85.5%), 67.5%);
--brand-500: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 85.6%), 64.7%);
--brand-530: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 66.7%), 58.8%);
--brand-560: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 51.4%), 52.4%);
--brand-600: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 46.7%), 44.1%);
--brand-630: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 46.7%), 38.2%);
--brand-660: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 47.1%), 33.3%);
--brand-700: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 47%), 25.9%);
--brand-730: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 46.8%), 24.3%);
--brand-760: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 46.9%), 22.2%);
--brand-800: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 47.5%), 19.4%);
--brand-830: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 47.4%), 14.9%);
--brand-860: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 46.9%), 9.6%);
--brand-900: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 50%), 3.1%);
--brand-new-100: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 77.8%), 98.2%);
--brand-new-130: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 87.5%), 96.9%);
--brand-new-160: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 84.6%), 94.9%);
--brand-new-200: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 83.3%), 92.9%);
--brand-new-230: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 87%), 91%);
--brand-new-260: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 86.2%), 88.6%);
--brand-new-300: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 86.1%), 85.9%);
--brand-new-330: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 85.1%), 81.6%);
--brand-new-345: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 85.2%), 78.8%);
--brand-new-360: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 86.1%), 77.5%);
--brand-new-400: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 86.1%), 71.8%);
--brand-new-430: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 85.7%), 69.8%);
--brand-new-460: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 85.5%), 67.5%);
--brand-new-500: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 85.6%), 64.7%);
--brand-new-530: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 66.7%), 58.8%);
--brand-new-560: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 51.4%), 52.4%);
--brand-new-600: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 46.7%), 44.1%);
--brand-new-630: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 46.7%), 38.2%);
--brand-new-660: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 47.1%), 33.3%);
--brand-new-700: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 47%), 25.9%);
--brand-new-730: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 46.8%), 24.3%);
--brand-new-760: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 46.9%), 22.2%);
--brand-new-800: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 47.5%), 19.4%);
--brand-new-830: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 47.4%), 14.9%);
--brand-new-860: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 46.9%), 9.6%);
--brand-new-900: hsl(var(--accent-hue), calc(var(--saturation-factor, 1) * 50%), 3.1%);
}
.sidebar_e031be > *:first-child:not(.panels__58331),
.container_debb33,
.sidebar__02e8d,
#channelTabs-container {
--background-modifier-hover-s: 13%;
--background-modifier-hover-l: 48%;
--background-modifier-hover-a: 0.16;
--background-modifier-active-s: 13%;
--background-modifier-active-l: 48%;
--background-modifier-active-a: 0.2;
--background-modifier-selected-s: 5%;
--background-modifier-selected-l: 48%;
--background-modifier-selected-a: 0.3;
--background-modifier-accent-s: 10%;
--background-modifier-accent-l: 48%;
--background-modifier-accent-a: 0.34;
--text-brightness-src: var(--sidebar-text-brightness);
--header-primary: hsl(var(--background-accent-hue), var(--header-primary-s), calc(var(--header-primary-l) * calc(1 + var(--text-brightness-src))));
--header-secondary: hsl(var(--background-accent-hue), var(--header-secondary-s), calc(var(--header-secondary-l) * calc(1 + var(--text-brightness-src))));
--text-normal: hsl(var(--background-accent-hue), var(--text-normal-s), calc(var(--text-normal-l) * calc(1 + var(--text-brightness-src))));
--text-muted: hsl(var(--background-accent-hue), var(--text-muted-s), calc(var(--text-muted-l) * calc(1 + var(--text-brightness-src))));
--channels-default: hsl(var(--background-accent-hue), var(--channels-default-s), calc(var(--channels-default-l) * calc(1 + var(--text-brightness-src))));
--interactive-normal: hsl(var(--background-accent-hue), var(--interactive-normal-s), calc(var(--interactive-normal-l) * calc(1 + var(--text-brightness-src))));
--interactive-hover: hsl(var(--background-accent-hue), var(--interactive-normal-s), calc(var(--interactive-hover-l) * calc(1 + var(--text-brightness-src))));
--interactive-active: hsl(var(--background-accent-hue), var(--interactive-normal-s), calc(var(--interactive-active-l) * calc(1 + var(--text-brightness-src))));
--interactive-muted: hsla(var(--background-accent-hue), var(--interactive-muted-s), calc(var(--interactive-muted-l) * calc(1 + var(--text-brightness-src))), var(--interactive-muted-a));
--background-modifier-hover: hsla(var(--background-accent-hue), var(--background-modifier-hover-s), calc(var(--background-modifier-hover-l) * calc(1 - var(--text-brightness-src))), var(--background-modifier-hover-a));
--background-modifier-active: hsla(var(--background-accent-hue), var(--background-modifier-active-s), calc(var(--background-modifier-active-l) * calc(1 - var(--text-brightness-src))), var(--background-modifier-active-a));
--background-modifier-selected: hsla(var(--background-accent-hue), var(--background-modifier-selected-s), calc(var(--background-modifier-selected-l) * calc(1 - var(--text-brightness-src))), var(--background-modifier-selected-a));
--background-modifier-accent: hsla(var(--background-accent-hue), var(--background-modifier-accent-s), calc(var(--background-modifier-accent-l) * calc(1 - var(--text-brightness-src))), var(--background-modifier-accent-a));
}
.chat__52833 > .container__26baa,
.chat__52833 > .content__01e65,
#app-mount .container_bd15da {
--text-brightness-src: var(--chat-text-brightness);
--header-primary: hsl(var(--background-accent-hue), var(--header-primary-s), calc(var(--header-primary-l) * calc(1 + var(--text-brightness-src))));
--header-secondary: hsl(var(--background-accent-hue), var(--header-secondary-s), calc(var(--header-secondary-l) * calc(1 + var(--text-brightness-src))));
--text-normal: hsl(var(--background-accent-hue), var(--text-normal-s), calc(var(--text-normal-l) * calc(1 + var(--text-brightness-src))));
--text-muted: hsl(var(--background-accent-hue), var(--text-muted-s), calc(var(--text-muted-l) * calc(1 + var(--text-brightness-src))));
--channels-default: hsl(var(--background-accent-hue), var(--channels-default-s), calc(var(--channels-default-l) * calc(1 + var(--text-brightness-src))));
--interactive-normal: hsl(var(--background-accent-hue), var(--interactive-normal-s), calc(var(--interactive-normal-l) * calc(1 + var(--text-brightness-src))));
--interactive-hover: hsl(var(--background-accent-hue), var(--interactive-normal-s), calc(var(--interactive-hover-l) * calc(1 + var(--text-brightness-src))));
--interactive-active: hsl(var(--background-accent-hue), var(--interactive-normal-s), calc(var(--interactive-active-l) * calc(1 + var(--text-brightness-src))));
--interactive-muted: hsla(var(--background-accent-hue), var(--interactive-muted-s), calc(var(--interactive-muted-l) * calc(1 + var(--text-brightness-src))), var(--interactive-muted-a));
--background-modifier-hover: hsla(var(--background-accent-hue), var(--background-modifier-hover-s), calc(var(--background-modifier-hover-l) * calc(1 - var(--text-brightness-src))), var(--background-modifier-hover-a));
--background-modifier-active: hsla(var(--background-accent-hue), var(--background-modifier-active-s), calc(var(--background-modifier-active-l) * calc(1 - var(--text-brightness-src))), var(--background-modifier-active-a));
--background-modifier-selected: hsla(var(--background-accent-hue), var(--background-modifier-selected-s), calc(var(--background-modifier-selected-l) * calc(1 - var(--text-brightness-src))), var(--background-modifier-selected-a));
--background-modifier-accent: hsla(var(--background-accent-hue), var(--background-modifier-accent-s), calc(var(--background-modifier-accent-l) * calc(1 - var(--text-brightness-src))), var(--background-modifier-accent-a));
}
.theme-light {
--background-primary-l: calc(91% * (1 + var(--window-background-lightness)));
--background-secondary-l: calc(94% * (1 + var(--window-background-lightness)));
--background-tertiary-l: calc(96% * (1 + var(--window-background-lightness)));
--background-accent-l: calc(98% * (1 + var(--window-background-lightness)));
--background-floating-l: calc(97% * (1 + var(--floating-background-lightness)));
--background-primary-border-l: calc(87% * (1 + var(--window-background-lightness)));
--background-secondary-border-l: calc(90% * (1 + var(--window-background-lightness)));
--background-tertiary-border-l: calc(58% * (1 + var(--window-background-lightness)));
--background-floating-border-l: calc(95% * (1 + var(--floating-background-lightness)));
--header-primary-s: 0%;
--header-primary-l: 30%;
--header-secondary-s: 10%;
--header-secondary-l: 34%;
--text-normal-s: 10%;
--text-normal-l: 20%;
--text-muted-s: 10%;
--text-muted-l: 41%;
--channels-default-s: 10%;
--channels-default-l: 41%;
--interactive-normal-s: 10%;
--interactive-normal-l: 45%;
--interactive-muted-s: 0%;
--interactive-muted-l: 45%;
--interactive-muted-a: 0.45;
--interactive-hover-l: 40%;
--interactive-active-l: 34%;
--background-modifier-hover-s: 13%;
--background-modifier-hover-l: 84%;
--background-modifier-hover-a: 0.25;
--background-modifier-active-s: 13%;
--background-modifier-active-l: 84%;
--background-modifier-active-a: 0.35;
--background-modifier-selected-s: 13%;
--background-modifier-selected-l: 84%;
--background-modifier-selected-a: 0.35;
--background-modifier-accent-s: 10%;
--background-modifier-accent-l: 72%;
--background-modifier-accent-a: 0.34;
--scroller-color: hsl(0, 0%, 77%);
--button-selected-background: #fff;
--text-link: hsl(var(--text-link-hue), calc(var(--saturation-factor, 1)*100%), 43.9%);
--elevation-low:
0 1px 0 hsl(var(--background-accent-hue), 6%, 80%, 0.8),
0 2px 0 hsl(var(--background-accent-hue), 6%, 80%, 0.15);
--elevation-low-a:
0 1px 0 hsl(var(--background-accent-hue), 6%, 80%, calc(0.8 * var(--window-opacity))),
0 2px 0 hsl(var(--background-accent-hue), 6%, 80%, calc(0.15 * var(--window-opacity)));
}
.theme-dark {
--background-tertiary-border-variable-divider-a: 1px solid hsla(var(--background-accent-hue), 4%, calc(min(1, var(--window-margin)) * var(--background-tertiary-border-l)), var(--window-opacity));
--background-primary-l: calc(19% * (1 + var(--window-background-lightness)));
--background-secondary-l: calc(16% * (1 + var(--window-background-lightness)));
--background-tertiary-l: calc(14% * (1 + var(--window-background-lightness)));
--background-accent-l: calc(22% * (1 + var(--window-background-lightness)));
--background-floating-l: calc(15% * (1 + var(--floating-background-lightness)));
--background-primary-border-l: calc(26% * (1 + var(--window-background-lightness)));
--background-secondary-border-l: calc(22% * (1 + var(--window-background-lightness)));
--background-tertiary-border-l: calc(32% * (1 + var(--window-background-lightness)));
--background-floating-border-l: calc(37% * (1 + var(--floating-background-lightness)));
--background-floating-80a: hsla(var(--background-accent-hue), 4%, calc(15.2% * (1 + var(--floating-background-lightness))), calc((var(--background-floating-opacity) + .8) - var(--enable-floating-transparency)));
--header-primary-s: 2%;
--header-primary-l: 92%;
--header-secondary-s: 4%;
--header-secondary-l: 74%;
--text-normal-s: 3%;
--text-normal-l: 87%;
--text-muted-s: 1%;
--text-muted-l: 41%;
--channels-default-s: 3%;
--channels-default-l: 60%;
--interactive-normal-s: 3%;
--interactive-normal-l: 72%;
--interactive-muted-s: 1%;
--interactive-muted-l: 70%;
--interactive-muted-a: 0.3;
--interactive-hover-l: 87%;
--interactive-active-l: 95%;
--background-modifier-hover-s: 13%;
--background-modifier-hover-l: 48%;
--background-modifier-hover-a: 0.16;
--background-modifier-active-s: 13%;
--background-modifier-active-l: 48%;
--background-modifier-active-a: 0.2;
--background-modifier-selected-s: 5%;
--background-modifier-selected-l: 48%;
--background-modifier-selected-a: 0.3;
--background-modifier-accent-s: 10%;
--background-modifier-accent-l: 48%;
--background-modifier-accent-a: 0.34;
--scroller-color: hsl(0, 0%, 42%);
--button-selected-background: hsl(var(--background-accent-hue), 2%, 38%);
--text-link: hsl(calc(var(--text-link-hue) - 15), calc(var(--saturation-factor, 1)*100%), 47.8%);
--elevation-low:
0 1px 0 hsl(var(--background-accent-hue), 6%, 0%, 0.8),
0 2px 0 hsl(var(--background-accent-hue), 6%, 0%, 0.1);
--elevation-low-a:
0 1px 0 hsl(var(--background-accent-hue), 6%, 0%, calc(0.8* var(--window-opacity))),
0 2px 0 hsl(var(--background-accent-hue), 6%, 0%, calc(0.1* var(--window-opacity)));
--elevation-stroke: 0 0 0 1px hsla(var(--background-accent-hue), 6%, 2%, 0.7);
}
#app-mount,
body,
.app_b1f720,
.app_de4237,
.loading__2d13d,
.wrapper__77675,
.layer_f7d46a,
.sidebarRegionScroller__8113e,
.standardSidebarView__12528,
.contentRegionScroller__9ae20,
.wrapper__11501,
.wrapper__6b7d8 {
background: transparent;
}
#app-mount {
background-color: transparent;
}
.bg__12180 {
background-color: hsla(0, 0%, calc(var(--background-floating-l) * (1 + var(--background-overlay-color-lightness))), var(--background-overlay-opacity));
}
body::before,
body::after {
content: "";
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
z-index: -1;
}
body::before {
background: var(--background-image-calc) var(--background-image-position)/var(--background-image-size) no-repeat;
}
body::after {
-webkit-backdrop-filter: blur(var(--background-image-blur-calc));
backdrop-filter: blur(var(--background-image-blur-calc));
background: hsla(var(--background-accent-hue), calc(var(--saturation-factor) * var(--background-accent-saturation)), var(--background-accent-brightness), var(--background-image, var(--background-hue-shift-strength)));
mix-blend-mode: hue;
will-change: opacity;
}
#app-mount:not(:-webkit-full-screen) .layers__1c917.layers_a23c37 {
margin-top: var(--window-margin-px);
margin-bottom: var(--window-margin-px);
margin-right: var(--window-margin-px);
margin-left: calc(var(--window-margin-left) * 1px);
}
.wordmarkWindows_ffbc5e {
padding-top: 0;
}
.topic__16ae3 {
flex-grow: 0;
}
#app-mount .withBackgroundOverride_f510cb.typeWindows_e41dab {
padding-top: 11px;
background: none;
}
.guilds__2b93a:not(.content-Pph8t6),
.container__26baa,
.children_cde9af .iconWrapper_de6cd1 > svg {
-webkit-app-region: drag;
}
.listItem__48528 > *,
.toolbar__62fb5 > *,
.platform-win .topicClickTarget_f06d56,
.cursorPointer__3707a.title__84e16,
.sidebarRegion__36437,
.closeButton__8177f,
[class*=menu-][role=menu] {
-webkit-app-region: no-drag;
}
.platform-win .typeWindows_e41dab::before {
content: "";
top: 0;
left: 0;
position: fixed;
height: calc(var(--window-margin) * 1px);
width: 100%;
-webkit-app-region: drag;
}
#app-mount ::-webkit-scrollbar-track {
background: transparent;
}
#app-mount ::-webkit-scrollbar-thumb {
background-color: var(--scroller-color);
}
#app-mount .tooltip__7b090 {
border: var(--background-floating-border);
border-radius: 6px;
box-shadow: var(--elevation-stroke), var(--elevation-high);
}
html.theme-dark #app-mount .tooltipPointer_f7411c {
filter: drop-shadow(0 0 0 hsl(var(--background-accent-hue), 4%, calc(var(--background-floating-border-l) * 2.25)));
}
#app-mount .tooltipPointer_f7411c {
filter: drop-shadow(0 0 0 var(--background-floating-border-color));
}
.live_b195a5[style="background-color: hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%);"] {
background-color: var(--status-danger) !important;
}
.container__827e6 {
background: transparent;
pointer-events: none;
}
.container__827e6 .anchor-1MIwyf {
pointer-events: auto;
}
.container__827e6 .content_de05de .text__35f5c {
display: none;
}
.container__827e6 .ready__61f2f {
position: absolute;
bottom: 44px;
right: 244px;
z-index: 1;
}
.container__827e6 img,
.container__827e6 video {
width: 32px;
height: 32px;
}
.container__827e6 .problems__4ae6d {
padding: 8px 16px;
bottom: 18px;
left: unset;
right: 18px;
width: -moz-fit-content;
width: fit-content;
height: -moz-fit-content;
height: fit-content;
background-color: var(--background-floating);
border: var(--background-floating-border);
border-radius: 8px;
box-shadow: var(--elevation-stroke), var(--elevation-medium);
}
[mask="url(#svg-mask-status-online)"],
[mask="url(#svg-mask-status-online)"] .status-2DiCMd,
[mask="url(#svg-mask-status-online-mobile)"],
[mask][fill="#23a55a"] {
fill: var(--status-positive);
background-color: var(--status-positive) !important;
}
[mask="url(#svg-mask-status-idle)"],
[mask="url(#svg-mask-status-idle)"] .status-2DiCMd,
[mask][fill="#f0b232"] {
fill: var(--status-warning);
background-color: var(--status-warning) !important;
}
[mask="url(#svg-mask-status-dnd)"],
[mask="url(#svg-mask-status-dnd)"] .status-2DiCMd,
[mask][fill="#f23f43"] {
fill: var(--status-danger);
background-color: var(--status-danger) !important;
}
[mask="url(#svg-mask-status-offline)"],
[mask="url(#svg-mask-status-offline)"] .status-2DiCMd,
[mask][fill="#82858f"] {
fill: var(--status-grey);
background-color: var(--status-grey) !important;
}
.wrapper__216eb {
background-color: transparent;
justify-content: center;
}
.guilds__2b93a {
margin-top: 24px;
margin-bottom: 24px;
}
.tree__7a511 {
justify-content: center;
align-self: center;
height: -moz-fit-content;
height: fit-content;
max-height: calc(100% - 48px);
}
#app-mount .scroller_de945b {
contain: unset;
border-radius: calc(1.1rem * (1 + var(--dock-border-radius)));
box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
background-color: var(--background-modifier-selected);
border-top: var(--background-modifier-accent-border);
border-right: var(--background-modifier-accent-border);
-webkit-backdrop-filter: blur(var(--dock-blur-calc));
backdrop-filter: blur(var(--dock-blur-calc));
}
.theme-light .guilds__2b93a:not(.theme-dark) .scroller_de945b {
background-color: var(--background-floating-40a);
border-top: var(--background-floating-primary-border-a);
border-right: var(--background-floating-primary-border-a);
}
.container__7e23c[aria-label^="Server for Disease Control ("] .container_f41675::after,
.container__7e23c[aria-label^="Favorites ("] .container_f41675::after {
border-top-left-radius: var(--window-border-radius-calc);
border-top-right-radius: var(--window-border-radius-calc);
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.container__7e23c[aria-label^="Server for Disease Control ("] .headerContent__6fcc7 {
color: hsl(var(--background-accent-hue), 2%, 92%);
}
#app-mount .childWrapper_a6ce15,
#app-mount .circleIconButton__05cf2 {
background-color: transparent;
}
.circleIconButton__05cf2 {
color: var(--status-positive);
}
.listItem__48528 {
width: 60px;
}
.theme-light .guilds__2b93a:not(.theme-dark) .item_f9d377 {
background-color: black;
}
.theme-light .guilds__2b93a:not(.theme-dark) .iconBadge__19638 {
color: var(--header-primary);
}
.theme-light .guilds__2b93a:not(.theme-dark) .iconBadge__19638.participating-2Z81oO.base__5ed84 {
color: #fff;
}
.iconBadge__19638.participating-2Z81oO {
background-color: var(--status-positive);
}
.homeIcon__560eb path,
.favoriteIcon__91c06 path {
display: none;
}
.homeIcon__560eb,
.favoriteIcon__91c06 {
min-width: 100%;
min-height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.theme-dark .homeIcon__560eb {
background-image: var(--home-icon, url('data:image/svg+xml,'));
}
.theme-light .homeIcon__560eb {
background-image: var(--home-icon, url('data:image/svg+xml,'));
}
.wrapper__8436d.selected_ae80f7 .homeIcon__560eb,
.wrapper__8436d:hover .homeIcon__560eb {
background-image: var(--home-icon, url('data:image/svg+xml,'));
}
.theme-dark .favoriteIcon__91c06 {
background-image: var(--favorites-icon, url('data:image/svg+xml,'));
}
.theme-light .favoriteIcon__91c06 {
background-image: var(--favorites-icon, url('data:image/svg+xml,'));
}
.wrapper__8436d.selected_ae80f7 .favoriteIcon__91c06,
.wrapper__8436d:hover .favoriteIcon__91c06 {
background-image: var(--favorites-icon, url('data:image/svg+xml,'));
}
.favoritesIcon_d3c4b9 path {
display: none;
}
.favoritesIcon_d3c4b9 {
display: flex;
order: -1;
margin-left: 0;
padding-right: 6px;
background: url('data:image/svg+xml,') no-repeat;
}
.container__7e23c[aria-label^="Favorites ("] .name_e8e549 {
display: flex;
}
.wrapper__832f2 {
width: 60px;
}
.expandedFolderBackground_b1385f {
left: 6px;
}
#app-mount .expandedFolderBackground_b1385f.collapsed__98ad5,
#app-mount .expandedFolderBackground_b1385f.collapsed__98ad5.hover__043de {
background-color: transparent;
}
#app-mount .folder__17546 {
background-color: transparent;
}
.expandedFolderBackground_b1385f:not(.collapsed__98ad5) {
background-color: var(--background-modifier-accent);
box-shadow: var(--box-shadow-outer-2);
}
.theme-light .expandedFolderBackground_b1385f:not(.collapsed__98ad5) {
background-color: var(--background-floating-40a);
}
.expandedFolderBackground_b1385f.collapsed__98ad5 {
bottom: 0;
}
#app-mount .folder__17546.hover__043de svg {
color: #fff !important;
}
#app-mount .folder__17546.hover__043de {
background-color: var(--brand-experiment);
}
#app-mount .container__7e23c,
.sidebar_e031be,
#app-mount .container_debb33 {
background-color: transparent;
}
.sidebar_e031be {
width: var(--sidebar-width);
--channel-icon: var(--brand-experiment);
--elevation-low: 0 1px 0 hsl(var(--background-accent-hue), 6%, 0%, 0.8), 0 2px 0 hsl(var(--accent-hue), 6%, 0%, 0.1);
}
#app-mount:not(:-webkit-full-screen) .sidebar_e031be {
border-radius: var(--window-border-radius-calc);
margin-right: 5px;
}
.bannerImage_c73a57,
.bannerImg_fe5c1b {
width: 100%;
}
.header__77c95 {
box-shadow: none;
padding-top: 14px;
padding-bottom: 14px;
}
.animatedContainer__0e828,
.bannerImage_c73a57,
.header__77c95 {
border-top-left-radius: var(--window-border-radius-calc);
border-top-right-radius: var(--window-border-radius-calc);
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.communityInfoPill__1efab {
background: var(--background-modifier-accent);
}
.iconBackgroundTierNone__38426,
.iconBackgroundTierOne__019cb,
.iconBackgroundTierThree__6ad51,
.iconBackgroundTierTwo__4f3b5 {
color: var(--background-modifier-accent);
}
/* Visible VC Text Button */
@media (hover: hover) {
.iconVisibility__2ecfa:hover .iconItem__56989 {
display: flex;
}
}
#app-mount .openChatIconItem-2kj5qO {
order: 1;
justify-content: center;
border-radius: 4px;
width: 42px;
padding-right: 0;
}
.openChatIconItem-2kj5qO:hover {
background-color: var(--background-modifier-selected);
}
.openChatIconItem-2kj5qO .actionIcon_b149a2 {
color: var(--channels-default);
}
.panels__58331 {
background-color: transparent;
}
.container_e1958d {
border-bottom: none;
background: none;
}
.theme-dark .wrapper_e832ee,
.theme-dark .panel_bd8c76 {
--button-selected-background: #fff;
}
.button_b82d53.buttonColor__7bad9.buttonActive_ae686f,
.button_b82d53 .buttonColor__7bad9.buttonActive_ae686f {
background-color: var(--button-selected-background);
color: var(--interactive-active);
font-weight: 600;
}
.wrapper_e832ee .button_b82d53.buttonColor__7bad9.buttonActive_ae686f,
.button_b82d53 .buttonColor__7bad9.buttonActive_ae686f {
--interactive-active: #060607;
}
.button_b82d53.buttonColor__7bad9.buttonActive_ae686f .buttonIcon__64412,
.button_b82d53 .buttonColor__7bad9.buttonActive_ae686f .buttonIcon__64412 {
color: var(--status-positive);
}
.button_b82d53.buttonColor__7bad9.buttonActive_ae686f:hover,
.button_b82d53 .buttonColor__7bad9.buttonActive_ae686f:hover {
background-color: var(--button-selected-background);
}
.button_b82d53.buttonColor__7bad9 {
background-color: var(--background-modifier-accent);
color: var(--text-normal);
border: var(--background-modifier-accent-border);
}
.panel_bd8c76.activityPanel_b73e7a {
border-bottom: none;
background-color: var(--background-floating-40a);
border-radius: 12px 12px 0 0;
border-top: var(--background-tertiary-border);
border-left: var(--background-tertiary-border);
border-right: var(--background-tertiary-border);
}
.wrapper_e832ee:not(:empty) {
background-color: var(--background-floating-40a);
border-top: var(--background-tertiary-border);
border-radius: 12px;
border: var(--background-tertiary-border);
}
.wrapper_e832ee:empty + .container_debb33 {
border-top: var(--background-modifier-accent-border);
}
.panel_bd8c76.activityPanel_b73e7a + .wrapper_e832ee:not(:empty) {
border-radius: 0 0 12px 12px;
border-top: none;
}
.panel_bd8c76.activityPanel_b73e7a + .wrapper_e832ee:empty + .container-6sXIoE.withTimeline-824fT_ {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.panel_bd8c76.activityPanel_b73e7a + .wrapper_e832ee:empty + .container-6sXIoE.withTimeline-824fT_ + .container_debb33 {
border-top: var(--background-tertiary-border);
}
.panels__58331 .button_ae40a4:hover {
border-radius: 5px;
border: var(--background-tertiary-border);
}
.card-m7VgZ8 {
border-radius: 6px;
color: var(--header-primary);
border: var(--background-secondary-border);
background-color: var(--background-pri);
}
.group-1_ptLP.flex__9487d {
border: var(--background-secondary-border);
border-radius: 8px;
background-color: var(--background-tertiary);
}
.item-2OyinQ.selectorButtonSelected-3cQUnj {
box-shadow: var(--btn-outer-shadow);
}
.selectorButton-3fWZ0_:not(.selectorButtonSelected-3cQUnj, .selectorButtonPremiumRequired-IZXhgV):hover {
background-color: var(--background-modifier-hover);
}
.selectorButton-3fWZ0_:not(.selectorButtonSelected-3cQUnj, .selectorButtonPremiumRequired-IZXhgV):active {
background-color: var(--background-modifier-active);
}
.selectorButton-3fWZ0_:not(.selectorButtonSelected-3cQUnj, .selectorButtonPremiumRequired-IZXhgV) {
background: transparent;
}
.selectorButton-3fWZ0_.selectorButtonPremiumRequired-IZXhgV {
background: transparent;
}
.qualitySettingsContainer-2LjkfM {
border-radius: 8px;
border: var(--background-secondary-border);
}
#app-mount .item-2OyinQ {
border-radius: 6px;
margin: 1px;
border: 1px solid transparent;
}
.root_a28985.fullscreenOnMobile__05784 .modalSize-3WSXDU > .segmentContainer-358IfE {
margin-top: 8px;
}
.root_a28985.fullscreenOnMobile__05784 .container-2zEtSe.segmentControl-3edJKN {
border: var(--background-secondary-border);
background-color: var(--background-tertiary);
border-radius: 8px;
width: -moz-fit-content;
width: fit-content;
padding: 0;
margin: 0 auto;
}
.root_a28985.fullscreenOnMobile__05784 .item-LN5zvA.segmentControlOption-3MnJdT {
border-radius: 6px;
margin: 1px;
padding: 2px 8px;
border: 1px solid transparent;
}
.root_a28985.fullscreenOnMobile__05784 .item-LN5zvA.segmentControlOption-3MnJdT:not(.selected-2xa993):hover {
color: var(--interactive-hover);
background-color: var(--background-modifier-hover);
}
.root_a28985.fullscreenOnMobile__05784 .item-LN5zvA.segmentControlOption-3MnJdT:not(.selected-2xa993):active {
color: var(--interactive-active);
background-color: var(--background-modifier-active);
}
.root_a28985.fullscreenOnMobile__05784 .item-LN5zvA.segmentControlOption-3MnJdT.selected-2xa993 {
background-color: var(--button-selected-background);
border-top-color: rgba(255, 255, 255, 0.2);
box-shadow: var(--btn-outer-shadow);
}
.root_a28985.fullscreenOnMobile__05784 .upsellBanner-1tVKtW {
cursor: pointer;
margin-top: 8px;
padding: 0;
border-radius: 50px;
width: 24px;
height: 24px;
margin-left: auto;
box-shadow: var(--btn-outer-shadow);
}
.root_a28985.fullscreenOnMobile__05784 .upsellBanner-1tVKtW svg.white-2rWWmN {
height: 16px;
width: 22px;
}
.root_a28985.fullscreenOnMobile__05784 .upsellBanner-1tVKtW > .iconTextContainer-Z3gitj .upsellText-3mrdFJ {
position: absolute;
color: var(--text-normal);
transform: translateX(-216px);
width: -moz-fit-content;
width: fit-content;
}
.root_a28985.fullscreenOnMobile__05784 .upsellBanner-1tVKtW > .whiteTextLink-2_hsDw {
position: absolute;
color: var(--text-normal);
transform: translateX(-64px);
width: -moz-fit-content;
width: fit-content;
}
.sidebar_e031be .channel__0aef5 {
max-width: unset;
}
#app-mount .name__4eb92 {
font-family: var(--font-regular);
font-size: 14px;
font-weight: 400;
}
.container-q97qHp {
color: var(--text-muted);
}
.wrapper__07e2f.clickable__797c7 .arrow_cb03b8.icon__3aa8e {
display: none;
}
.wrapper__07e2f.clickable__797c7:hover .arrow_cb03b8.icon__3aa8e {
display: block;
}
.modeConnected__52a8f .name__4eb92,
.modeConnected__52a8f:hover .name__4eb92,
.modeSelected__473f1 .name__4eb92,
.modeSelected__473f1:hover .name__4eb92,
.modeUnreadImportant__35358 .name__4eb92,
.modeUnreadImportant__35358:hover .name__4eb92,
.notInteractive_e31551.modeConnected__52a8f .name__4eb92,
.notInteractive_e31551.modeSelected__473f1 .name__4eb92 {
color: var(--text-normal);
}
.unreadImportant_e8bb44 {
background-color: var(--text-normal);
}
.theme-light {
--font-weight-semibold-1x-light-theme: 500;
}
#app-mount .divider__0c76f {
border-top: var(--background-modifier-accent-border);
}
.link_ddbb36 {
border-radius: 6px;
}
.wrapper__612a5.modeConnected__52a8f .icon__67ab4 {
color: var(--status-positive);
}
.wrapper__612a5.modeLocked__6df8a .icon__67ab4 {
color: var(--status-grey);
}
.modeUnreadImportant__35358 .icon__67ab4,
.modeUnreadImportant__35358:hover .icon__67ab4 {
color: var(--interactive-active);
}
.link_ddbb36 .icon__67ab4 {
width: 16px;
height: 16px;
}
.container-q97qHp {
font-size: 12px;
text-transform: capitalize;
}
.unread__48cf4 {
height: 6px;
width: 6px;
border-radius: 50%;
margin-top: -3px;
}
.bar__004d9:not(.mentionsBar__7d867) {
background-color: var(--background-floating);
border: var(--background-floating-border);
}
.bar__004d9 .barText__32a63 {
text-transform: capitalize;
}
.unread__11823.container_fd18f1 {
display: flex;
justify-content: center;
}
html.app-focused .modeSelected__473f1 .link_ddbb36,
html.app-focused .modeSelected__473f1:hover .link_ddbb36 {
background-color: var(--brand-experiment);
}
html.app-focused .modeSelected__473f1 .name__4eb92,
html.app-focused .modeSelected__473f1:hover .name__4eb92 {
color: #fff;
}
html.app-focused .modeSelected__473f1 .icon__67ab4,
html.app-focused .modeSelected__473f1:hover .icon__67ab4 {
color: #fff;
}
html.app-focused .modeSelected__473f1 .link_ddbb36 .actionIcon_b149a2,
html.app-focused .modeSelected__473f1:hover .link_ddbb36 .actionIcon_b149a2 {
color: var(--text-normal);
}
html.app-focused .modeSelected__473f1 .link_ddbb36 .subtitle_eb6026,
html.app-focused .modeSelected__473f1:hover .link_ddbb36 .subtitle_eb6026 {
color: #fff !important;
}
.searchBar__621ec {
box-shadow: none;
}
.searchBar__621ec .searchBarComponent__8f95f {
background-color: var(--background-modifier-accent);
box-shadow: var(--box-shadow-border);
}
.privateChannels__9b518,
#app-mount .scroller__89969 {
background-color: transparent;
}
.container-32HW5s {
border-radius: 6px;
}
.name_f842e4 {
font-family: var(--font-regular);
font-size: 14px;
font-weight: 400;
}
html.app-focused .selected__37292,
html.app-focused .interactiveSelected__689f0.selected__37292 {
color: #fff;
background-color: var(--brand-experiment);
}
.selected__37292,
.interactiveSelected__689f0.selected__37292 {
color: var(--text-normal);
}
#app-mount:not(:-webkit-full-screen) .chat__52833:not(.container__6b2e5) {
border-radius: var(--window-border-radius-calc);
background-color: transparent;
border-left: var(--background-tertiary-border-variable-divider-a);
border-top: var(--background-tertiary-border-variable-width-a);
border-bottom: var(--background-tertiary-border-variable-width-a);
border-right: var(--background-tertiary-border-variable-width-a);
}
.chat__52833::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
background: var(--window-background-image-calc);
}
.chat__52833 .content__01e65,
.chat__52833 .container__26baa {
-webkit-backdrop-filter: blur(var(--window-blur-calc));
backdrop-filter: blur(var(--window-blur-calc));
}
.chatContent_f087cb {
background: transparent;
}
.theme-light .chat__52833 {
border-left: var(--background-tertiary-border-a);
}
.content__01e65:not(.noChat_fed339) {
background: var(--window-color-calc, var(--background-secondary-a));
}
.emptyChannelIcon_d45c50 {
background-color: var(--background-primary);
border: var(--background-secondary-border);
}
.container__26baa.themed_b152d4 {
background: var(--window-color-calc, var(--background-accent-a));
}
.container__26baa {
height: 52px;
}
.content__01e65:before {
z-index: 3;
box-shadow: var(--elevation-low-a);
}
.container__26baa .children_cde9af:first-child .icon_ae0b42 {
color: var(--brand-experiment);
}
.container__26baa .title__84e16.base__1aa9d {
text-transform: capitalize;
font-weight: 600;
}
.container__26baa:not(.transparent__8d0a5) .button__581d0 {
border-radius: 6px;
background-color: var(--button-selected-background);
border: 1px solid transparent;
border-top-color: rgba(255, 255, 255, 0.2);
}
.children_cde9af:after {
display: none;
}
.toolbar__62fb5 .search__07df0 {
margin: 0 4px;
}
.searchBar__5a20a {
box-shadow: var(--background-primary-box-shadow-border);
background-color: transparent;
}
.focused__037a4 .searchBar__5a20a,
.open_d3ab4e .searchBar__5a20a {
box-shadow: var(--box-shadow-selection-50a);
}
.searchBar__5a20a .public-DraftEditorPlaceholder-inner {
color: var(--text-muted);
}
.searchBar__5a20a .icon__5c8c7 {
color: var(--interactive-normal);
}
.toolbar__62fb5 .searchBar__5a20a {
display: flex;
width: 28px;
height: 28px;
align-items: center;
transition: width 0.25s ease;
}
.toolbar__62fb5 .search_ac353c:not(.open_d3ab4e) .searchBar__5a20a {
box-shadow: none;
cursor: pointer;
}
.toolbar__62fb5 .search_ac353c:not(.open_d3ab4e) .searchBar__5a20a .iconLayout__9d9a4 {
cursor: pointer;
}
.toolbar__62fb5 .search_ac353c:not(.open_d3ab4e) .searchBar__5a20a:hover .icon__5c8c7 {
color: var(--interactive-hover);
}
.toolbar__62fb5 .search_ac353c:not(.open_d3ab4e) .searchBar__5a20a:active .icon__5c8c7,
.toolbar__62fb5 .search_ac353c.open_d3ab4e .searchBar__5a20a .icon__5c8c7 {
color: var(--interactive-active);
}
.toolbar__62fb5 .search_ac353c.open_d3ab4e .searchBar__5a20a {
display: flex;
width: 240px;
}
.toolbar__62fb5 .search_ac353c:not(.open_d3ab4e) .searchBar__5a20a:hover {
background-color: var(--background-modifier-hover);
}
.toolbar__62fb5 .search_ac353c:not(.open_d3ab4e) .searchBar__5a20a:active {
background-color: var(--background-modifier-active);
}
.toolbar__62fb5 .searchBar__5a20a > .icon__53a5c {
order: -1;
}
.toolbar__62fb5 .search_ac353c .DraftEditor-root {
display: flex;
vertical-align: middle;
align-items: center;
width: 100%;
}
.toolbar__62fb5 .search_ac353c .DraftEditor-root .DraftEditor-editorContainer {
width: 100%;
}
.toolbar__62fb5 .search_ac353c .DraftEditor-root .public-DraftEditor-content::-webkit-scrollbar {
display: none;
}
.toolbar__62fb5 .search_ac353c .DraftEditor-root .public-DraftEditor-content,
.search_ac353c .DraftEditor-root .public-DraftEditorPlaceholder-root {
padding-bottom: 0;
}
.toolbar__62fb5 .search_ac353c .searchBar__5a20a .iconContainer__9f124 {
transition: width 0.25s ease, height 0.25s ease;
}
.toolbar__62fb5 .search_ac353c:not(.open_d3ab4e) .searchBar__5a20a .iconContainer__9f124 {
width: 18px;
height: 18px;
}
.search_ac353c .DraftEditor-root .public-DraftEditorPlaceholder-root {
opacity: 0;
transition: opacity 0.25s ease;
}
#app-mount .searchAnswer__2ccaf,
#app-mount .searchFilter_dbda51 {
background-color: var(--brand-experiment);
}
.searchFilter_dbda51 {
padding: 0 2px;
border-radius: 3px 0 0 3px;
}
.searchAnswer__2ccaf {
border-radius: 0 3px 3px 0;
}
.toolbar__62fb5 .search_ac353c.open_d3ab4e .DraftEditor-root .public-DraftEditorPlaceholder-root {
opacity: 1;
}
.toolbar__62fb5 a[href="https://support.discord.com"] {
display: none;
}
.toolbar__62fb5 .iconWrapper_de6cd1.selected__1fc53 {
background-color: var(--background-modifier-selected);
}
.toolbar__62fb5 .iconWrapper_de6cd1:not(.selected__1fc53):hover {
background-color: var(--background-modifier-hover);
}
.toolbar__62fb5 .iconWrapper_de6cd1:not(.selected__1fc53):active {
background-color: var(--background-modifier-active);
}
.toolbar__62fb5 .iconWrapper_de6cd1.selected__1fc53:hover .icon_ae0b42 {
color: var(--interactive-active);
}
.container__26baa:not(.transparent__8d0a5) .toolbar__62fb5 .iconWrapper_de6cd1 {
width: 28px;
height: 28px;
margin: 0 4px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
}
.container__26baa:not(.transparent__8d0a5) .toolbar__62fb5 .iconWrapper_de6cd1 .icon_ae0b42 {
width: 20px;
height: 20px;
}
.container__26baa path[d="M5.43309 21C5.35842 21 5.30189 20.9325 5.31494 20.859L5.99991 17H2.14274C2.06819 17 2.01168 16.9327 2.02453 16.8593L2.33253 15.0993C2.34258 15.0419 2.39244 15 2.45074 15H6.34991L7.40991 9H3.55274C3.47819 9 3.42168 8.93274 3.43453 8.85931L3.74253 7.09931C3.75258 7.04189 3.80244 7 3.86074 7H7.75991L8.45234 3.09903C8.46251 3.04174 8.51231 3 8.57049 3H10.3267C10.4014 3 10.4579 3.06746 10.4449 3.14097L9.75991 7H15.7599L16.4523 3.09903C16.4625 3.04174 16.5123 3 16.5705 3H18.3267C18.4014 3 18.4579 3.06746 18.4449 3.14097L17.7599 7H21.6171C21.6916 7 21.7481 7.06725 21.7353 7.14069L21.4273 8.90069C21.4172 8.95811 21.3674 9 21.3091 9H17.4099L17.0495 11.04H15.05L15.4104 9H9.41035L8.35035 15H10.5599V17H7.99991L7.30749 20.901C7.29732 20.9583 7.24752 21 7.18934 21H5.43309Z"] {
d: path("M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a1.994 1.994 0 01-1.414-.586m0 0L11 14h4a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2v4l.586-.586z");
fill: none;
stroke: var(--interactive-normal);
stroke-width: 2px;
}
.container__26baa path[d="M5.43309 21C5.35842 21 5.30189 20.9325 5.31494 20.859L5.99991 17H2.14274C2.06819 17 2.01168 16.9327 2.02453 16.8593L2.33253 15.0993C2.34258 15.0419 2.39244 15 2.45074 15H6.34991L7.40991 9H3.55274C3.47819 9 3.42168 8.93274 3.43453 8.85931L3.74253 7.09931C3.75258 7.04189 3.80244 7 3.86074 7H7.75991L8.45234 3.09903C8.46251 3.04174 8.51231 3 8.57049 3H10.3267C10.4014 3 10.4579 3.06746 10.4449 3.14097L9.75991 7H15.7599L16.4523 3.09903C16.4625 3.04174 16.5123 3 16.5705 3H18.3267C18.4014 3 18.4579 3.06746 18.4449 3.14097L17.7599 7H21.6171C21.6916 7 21.7481 7.06725 21.7353 7.14069L21.4273 8.90069C21.4172 8.95811 21.3674 9 21.3091 9H17.4099L17.0495 11.04H15.05L15.4104 9H9.41035L8.35035 15H10.5599V17H7.99991L7.30749 20.901C7.29732 20.9583 7.24752 21 7.18934 21H5.43309Z"] + path {
display: none;
}
.container__26baa path[d="M18 9V14C18 15.657 19.344 17 21 17V18H3V17C4.656 17 6 15.657 6 14V9C6 5.686 8.686 3 12 3C15.314 3 18 5.686 18 9ZM11.9999 21C10.5239 21 9.24793 20.19 8.55493 19H15.4449C14.7519 20.19 13.4759 21 11.9999 21Z"] {
fill: none;
stroke: var(--interactive-normal);
stroke-width: 2px;
d: path("M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9");
}
.container__26baa path[d="M22 12L12.101 2.10101L10.686 3.51401L12.101 4.92901L7.15096 9.87801V9.88001L5.73596 8.46501L4.32196 9.88001L8.56496 14.122L2.90796 19.778L4.32196 21.192L9.97896 15.536L14.222 19.778L15.636 18.364L14.222 16.95L19.171 12H19.172L20.586 13.414L22 12Z"] {
d: path("M4.456.734a1.75 1.75 0 012.826.504l.613 1.327a3.081 3.081 0 002.084 1.707l2.454.584c1.332.317 1.8 1.972.832 2.94L11.06 10l3.72 3.72a.75.75 0 11-1.061 1.06L10 11.06l-2.204 2.205c-.968.968-2.623.5-2.94-.832l-.584-2.454a3.081 3.081 0 00-1.707-2.084l-1.327-.613a1.75 1.75 0 01-.504-2.826L4.456.734zM5.92 1.866a.25.25 0 00-.404-.072L1.794 5.516a.25.25 0 00.072.404l1.328.613A4.582 4.582 0 015.73 9.63l.584 2.454a.25.25 0 00.42.12l5.47-5.47a.25.25 0 00-.12-.42L9.63 5.73a4.581 4.581 0 01-3.098-2.537L5.92 1.866z");
transform: translate(-6px, 6px) scale(-1.3522, 1.3522);
transform-origin: center;
}
.container__26baa path[d="M14 8.00598C14 10.211 12.206 12.006 10 12.006C7.795 12.006 6 10.211 6 8.00598C6 5.80098 7.794 4.00598 10 4.00598C12.206 4.00598 14 5.80098 14 8.00598ZM2 19.006C2 15.473 5.29 13.006 10 13.006C14.711 13.006 18 15.473 18 19.006V20.006H2V19.006Z"] {
fill: none;
stroke: var(--interactive-normal);
stroke-width: 2px;
d: path("M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z");
}
.container__26baa .selected__1fc53 .icon_ae0b42 path[d="M14 8.00598C14 10.211 12.206 12.006 10 12.006C7.795 12.006 6 10.211 6 8.00598C6 5.80098 7.794 4.00598 10 4.00598C12.206 4.00598 14 5.80098 14 8.00598ZM2 19.006C2 15.473 5.29 13.006 10 13.006C14.711 13.006 18 15.473 18 19.006V20.006H2V19.006Z"] {
stroke: var(--interactive-active);
}
.container__26baa path[d="M14 8.00598C14 10.211 12.206 12.006 10 12.006C7.795 12.006 6 10.211 6 8.00598C6 5.80098 7.794 4.00598 10 4.00598C12.206 4.00598 14 5.80098 14 8.00598ZM2 19.006C2 15.473 5.29 13.006 10 13.006C14.711 13.006 18 15.473 18 19.006V20.006H2V19.006Z"] ~ path {
display: none;
}
.container__26baa path[d="M19 3H4.99C3.88 3 3.01 3.89 3.01 5L3 19C3 20.1 3.88 21 4.99 21H19C20.1 21 21 20.1 21 19V5C21 3.89 20.1 3 19 3ZM19 15H15C15 16.66 13.65 18 12 18C10.35 18 9 16.66 9 15H4.99V5H19V15Z"] {
fill: none;
stroke: var(--interactive-normal);
stroke-width: 2px;
d: path("M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4");
}
.toolbar__62fb5 .iconWrapper_de6cd1:not(.selected__1fc53):hover .icon_ae0b42 path[d="M19 3H4.99C3.88 3 3.01 3.89 3.01 5L3 19C3 20.1 3.88 21 4.99 21H19C20.1 21 21 20.1 21 19V5C21 3.89 20.1 3 19 3ZM19 15H15C15 16.66 13.65 18 12 18C10.35 18 9 16.66 9 15H4.99V5H19V15Z"] {
stroke: var(--interactive-hover);
}
.toolbar__62fb5 .iconWrapper_de6cd1:not(.selected__1fc53):active .icon_ae0b42 path[d="M19 3H4.99C3.88 3 3.01 3.89 3.01 5L3 19C3 20.1 3.88 21 4.99 21H19C20.1 21 21 20.1 21 19V5C21 3.89 20.1 3 19 3ZM19 15H15C15 16.66 13.65 18 12 18C10.35 18 9 16.66 9 15H4.99V5H19V15Z"] {
stroke: var(--interactive-active);
}
.container__26baa .selected__1fc53 .icon_ae0b42 path[d="M19 3H4.99C3.88 3 3.01 3.89 3.01 5L3 19C3 20.1 3.88 21 4.99 21H19C20.1 21 21 20.1 21 19V5C21 3.89 20.1 3 19 3ZM19 15H15C15 16.66 13.65 18 12 18C10.35 18 9 16.66 9 15H4.99V5H19V15Z"] {
stroke: var(--interactive-active);
}
.attachButton__56f98 svg {
-webkit-mask: url('data:image/svg+xml; utf-8,') center/cover;
background: var(--interactive-normal);
transition-property: background;
}
.attachButton__56f98 svg:not(:hover) {
opacity: 0.3;
}
.attachButton__56f98 svg path {
display: none;
}
#app-mount .buttons__7ecff > button[aria-label] svg {
-webkit-mask: url('data:image/svg+xml; utf-8,') center/cover;
background: var(--interactive-normal);
}
#app-mount .buttons__7ecff > button[aria-label] svg path {
display: none;
}
.form_d8a4a1 .button__581d0 #icon svg {
-webkit-mask: url('data:image/svg+xml; utf-8,') center/cover;
background: var(--interactive-normal);
}
.form_d8a4a1 .button__581d0 #icon svg path {
display: none;
}
.form_d8a4a1 .stickerButton_c02bc0 {
padding: 2px;
}
.form_d8a4a1 .stickerButton_c02bc0 svg {
width: 24px !important;
height: 24px !important;
-webkit-mask: url('data:image/svg+xml; utf-8,') center/cover;
background: var(--interactive-normal);
}
.form_d8a4a1 .stickerButton_c02bc0 svg path {
display: none;
}
.buttons__7ecff > *:not(:hover) {
opacity: 0.3;
}
.barBase__8839d {
left: unset;
}
.jumpToPresentBar__69174,
.newMessagesBar__8b272 {
padding-top: 4px;
padding-bottom: 4px;
}
.jumpToPresentBar__69174 .barButtonBase__5e4cf {
color: var(--header-primary);
}
.scrollerSpacer__6b1b6 {
height: 20px;
}
/* 6.2.1. Message */
.wrapper__4e6b6 {
border: var(--background-primary-border);
border-radius: 8px;
}
.reaction_ef7e09 {
border-radius: 6px;
box-shadow: var(--box-shadow-outer-3);
}
.reaction_ef7e09:not(.reactionMe__9fc5c) {
background-color: var(--background-primary);
border: var(--background-primary-border);
}
.reaction_ef7e09:not(.reactionMe__9fc5c):hover {
background-color: var(--background-secondary);
}
.reaction_ef7e09.reactionMe__9fc5c {
background: var(--button-brand-gradient);
border: 1px solid transparent;
border-top-color: var(--brand-experiment-460);
}
#app-mount .reaction_ef7e09.reactionMe__9fc5c .reactionCount_b780c8 {
color: #fff;
}
code {
font-family: var(--font-code);
}
.markup_a7e664 code {
background: none;
border: none;
}
.markup_a7e664 pre {
background: var(--background-primary);
border: var(--background-primary-border);
border-radius: 8px;
overflow: hidden;
}
.markup_a7e664 code.inline {
background: var(--background-primary);
padding-top: 1px;
padding-bottom: 1px;
border: var(--background-primary-border);
}
.before_inlineCode__48f7c,
.after_inlineCode__59586,
.inlineCode__0cacf {
border-top: var(--background-primary-border);
border-bottom: var(--background-primary-border);
padding-top: 1px;
padding-bottom: 1px;
}
.before_inlineCode__48f7c {
border-left: var(--background-primary-border);
}
.after_inlineCode__59586 {
border-right: var(--background-primary-border);
}
/* Blocked messages */
.scrollerInner__37fee > .groupStart__7b93c:not(.backgroundFlash__28f42) > .wrapper_a62503 {
padding: 0 0 0 16px;
}
.scrollerInner__37fee > .groupStart__7b93c:not(.backgroundFlash__28f42) > .wrapper_a62503.compact_eda3c8 {
padding: 0 0 0 108px;
}
.scrollerInner__37fee > .groupStart__7b93c:not(.backgroundFlash__28f42) {
margin: 0;
}
.scrollerInner__37fee > .groupStart__7b93c.expanded_d275c4:not(.backgroundFlash__28f42) {
background-color: var(--info-danger-background);
}
.scrollerInner__37fee > .groupStart__7b93c:not(.backgroundFlash__28f42) .messageListItem__050f9 .groupStart__7b93c,
.scrollerInner__37fee > .groupStart__7b93c:not(.backgroundFlash__28f42, .expanded_d275c4) + .messageListItem__050f9 .groupStart__7b93c {
margin-top: 0;
}
.scrollerInner__37fee > .groupStart__7b93c:not(.backgroundFlash__28f42) .messageListItem__050f9 {
opacity: 0.5;
}
.blockedSystemMessage_d1b25e .iconContainer_d0200f {
display: none;
}
.blockedMessageText_e808c7 {
position: relative;
font-size: 12px;
line-height: 16px;
color: var(--interactive-muted);
}
.blockedMessageText_e808c7:hover {
text-decoration: underline;
}
.blockedMessageText_e808c7:hover,
.groupStart__7b93c.expanded_d275c4 .blockedMessageText_e808c7 {
color: var(--info-danger-foreground);
}
.blockedAction_bf310e {
position: absolute;
inset: 0;
width: 100%;
opacity: 0;
}
.blockedMessageText_e808c7:after {
content: "";
position: absolute;
right: 0;
height: 100%;
width: 14px;
pointer-events: none;
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml,') center/contain no-repeat;
}
/* 6.2.2. Embeds */
.wrapper_f09ac7.embedWrapper__47b23 {
border: var(--background-primary-border);
border-radius: 8px;
overflow: hidden;
}
.attachment__06ca3 {
border: var(--background-primary-border);
border-radius: 8px;
}
.embedWrapper__47b23.container__10c80 .textContainer__65f57 {
background-color: var(--background-secondary);
border: var(--background-primary-border);
border-radius: 8px 8px 0 0;
box-shadow: var(--box-shadow-outer-2);
}
.embedWrapper__47b23.container__10c80 .footer__90194 {
background-color: var(--background-primary);
border: var(--background-primary-border);
border-top: 0;
border-radius: 0 0 8px 8px;
box-shadow: var(--box-shadow-outer-2);
}
#app-mount .wrapperAudio__178e9 {
background-color: var(--background-primary);
box-shadow: var(--box-shadow-outer-2);
}
#app-mount .invite__2a93b {
background: var(--background-primary);
border: var(--background-primary-border);
border-radius: 8px;
box-shadow: var(--box-shadow-outer-2);
}
.audioControls_da7066 {
border-radius: 6px;
}
.embed_cc6dae {
border-radius: 8px;
}
.embedFull__14919 {
background-color: var(--background-primary);
box-shadow: var(--box-shadow-outer-2);
border: var(--background-primary-border);
}
.footer__90194 {
background-color: var(--background-primary);
}
.container__17159 {
background-color: var(--background-primary);
box-shadow: var(--box-shadow-outer-2);
border: var(--background-primary-border);
border-radius: 8px;
}
.embedCard__2a3c7 {
background-color: var(--background-primary);
border: var(--background-primary-border);
box-shadow: var(--box-shadow-outer-2);
}
.videoControls__7bc92 {
flex-wrap: wrap;
width: 80%;
height: 10%;
min-height: 30px;
max-width: 90vh;
max-height: 6vh;
bottom: 4%;
padding-bottom: 14px;
margin: 0 auto;
border-radius: 8px;
-webkit-backdrop-filter: blur(calc(12px * var(--enable-blur)));
backdrop-filter: blur(calc(12px * var(--enable-blur)));
}
.wrapperControlsHidden_ce304d .videoControls__7bc92 {
bottom: 0;
}
.videoControls__7bc92 .durationTimeWrapper__81fcd {
position: absolute;
display: flex;
justify-content: space-between;
width: calc(100% - 24px);
left: 8px;
margin-top: 42px;
}
.videoControls__7bc92 .durationTimeSeparator__04e51 {
display: none;
}
.videoControls__7bc92 > div:nth-child(1) {
margin: 0 auto;
}
.videoControls__7bc92 .horizontal_c25137 {
order: 1;
padding: 0 1vh;
}
.videoControls__7bc92 .durationTimeWrapper__81fcd + .horizontal_c25137 {
padding: 0 5vh;
}
.videoControls__7bc92 .flex__9487d {
order: -2;
}
.videoControls__7bc92 #Loop {
order: -1;
}
.metadata__7bef0 {
pointer-events: none;
}
.metadataDownload__9673d {
pointer-events: auto;
}
/* 6.2.3. Nitrogift */
#app-mount .tile_ebc93b {
background-color: var(--background-primary);
box-shadow: var(--box-shadow-outer-2);
border: var(--background-primary-border);
border-radius: 8px;
}
/* 6.2.4. Invite */
.wrapper__8a5dd {
--background-secondary-alt: var(--background-primary);
--background-tertiary: var(--background-secondary);
box-shadow: var(--box-shadow-outer-2);
border: var(--background-primary-border);
}
.wrapper__8a5dd .button_f73214 {
background-color: var(--button-selected-background);
}
.channelTextArea_c2094b,
#app-mount .scrollableContainer_ff917f {
background-color: transparent;
}
.form_d8a4a1 {
padding-top: 20px;
margin-top: 0;
border-top: var(--background-secondary-border-a);
}
.scrollableContainer_ff917f {
box-shadow: var(--background-secondary-box-shadow-border-a);
}
.scrollableContainer_ff917f:focus-within {
box-shadow: var(--box-shadow-selection-50a);
}
.form_d8a4a1:before {
display: none;
}
.button__581d0:has([d="M16.886 7.999H20C21.104 7.999 22 8.896 22 9.999V11.999H2V9.999C2 8.896 2.897 7.999 4 7.999H7.114C6.663 7.764 6.236 7.477 5.879 7.121C4.709 5.951 4.709 4.048 5.879 2.879C7.012 1.746 8.986 1.746 10.121 2.877C11.758 4.514 11.979 7.595 11.998 7.941C11.9991 7.9525 11.9966 7.96279 11.9941 7.97304C11.992 7.98151 11.99 7.98995 11.99 7.999H12.01C12.01 7.98986 12.0079 7.98134 12.0058 7.97287C12.0034 7.96282 12.0009 7.95286 12.002 7.942C12.022 7.596 12.242 4.515 13.879 2.878C15.014 1.745 16.986 1.746 18.121 2.877C19.29 4.049 19.29 5.952 18.121 7.121C17.764 7.477 17.337 7.764 16.886 7.999ZM7.293 5.707C6.903 5.316 6.903 4.682 7.293 4.292C7.481 4.103 7.732 4 8 4C8.268 4 8.519 4.103 8.707 4.292C9.297 4.882 9.641 5.94 9.825 6.822C8.945 6.639 7.879 6.293 7.293 5.707ZM14.174 6.824C14.359 5.941 14.702 4.883 15.293 4.293C15.481 4.103 15.732 4 16 4C16.268 4 16.519 4.103 16.706 4.291C17.096 4.682 17.097 5.316 16.707 5.707C16.116 6.298 15.057 6.642 14.174 6.824ZM3 13.999V19.999C3 21.102 3.897 21.999 5 21.999H11V13.999H3ZM13 13.999V21.999H19C20.104 21.999 21 21.102 21 19.999V13.999H13Z"]) {
display: none;
}
.form_d8a4a1 .wrapper__57349 {
background-color: var(--background-secondary);
box-shadow: var(--background-secondary-box-shadow-border), var(--box-shadow-outer-2);
}
.members__573eb,
.member_b44d5d,
.members__573eb > div,
.container_f79ab4 {
background-color: transparent;
}
.membersWrap__5ca6b {
min-width: auto;
min-height: 100%;
flex-basis: var(--members-width);
}
.members__573eb {
width: var(--members-width);
}
.member_aa4760 {
max-width: var(--members-width);
}
.searchHeaderTabList__75f6b {
border: var(--background-primary-border-a);
border-radius: 8px;
background-color: var(--background-primary-a);
}
.searchHeaderTabList__75f6b.side_b4b3f6 .item__48dda {
border-radius: 6px;
margin: 1px;
padding: 2px 8px;
border: 1px solid transparent;
}
.searchHeaderTabList__75f6b.side_b4b3f6 .themed_b957e8.selected_a523ff.item__48dda,
.searchHeaderTabList__75f6b.side_b4b3f6 .themed_b957e8.selected_a523ff.item__48dda:hover {
box-shadow: var(--box-shadow-outer-1);
}
#app-mount .searchHeaderTabList__75f6b.side_b4b3f6 .themed_b957e8.selected_a523ff.item__48dda {
background-color: var(--button-selected-background);
border-top-color: rgba(255, 255, 255, 0.2);
box-shadow: var(--box-shadow-outer-1);
}
.searchHeaderTabList__75f6b.side_b4b3f6 .themed_b957e8.selected_a523ff.item__48dda:hover {
background-color: var(--button-selected-background);
}
.searchHeaderTabList__75f6b.side_b4b3f6 .themed_b957e8:not(.selected_a523ff).item__48dda:hover:not([class*=disabled]),
.searchHeaderTabList__75f6b.side_b4b3f6 .themed_b957e8:not(.selected_a523ff).item__48dda:active:not([class*=disabled]) {
background-color: transparent;
}
.searchHeaderTabList__75f6b.side_b4b3f6 .themed_b957e8.selected_a523ff.item__48dda:active:not([class*=disabled]) {
background-color: var(--button-selected-background);
}
.searchHeaderTabList__75f6b.side_b4b3f6 .themed_b957e8.item__48dda,
.searchHeaderTabList__75f6b.side_b4b3f6 .themed_b957e8.item__48dda:hover {
color: var(--interactive-active);
}
.searchResultsWrap__2e184 {
background-color: var(--background-secondary-a);
}
.searchHeader__4d70e {
background-color: var(--background-accent-a);
box-shadow: var(--elevation-low-a);
}
.searchResult__00093 {
background-color: var(--background-primary-a);
border: var(--background-primary-border-a);
}
.searchResultsWrap__2e184 .channelName-3w2Y3c {
background: none;
}
.searchResultsWrap__2e184 .container__6a77d {
position: sticky;
bottom: 0;
background-color: var(--background-secondary-a);
z-index: 1;
}
.pageButton_bf9853:not(.activeButton__70b70):hover {
background-color: var(--background-modifier-hover);
}
.pageButton_bf9853:not(.activeButton__70b70):active {
color: var(--interactive-active);
background-color: var(--background-modifier-active);
}
.callContainer__1477d {
background: var(--background-tertiary-a);
}
.theme-light .callContainer__1477d {
background: hsla(var(--background-accent-hue), var(--window-accent-tint-strength, 5%), var(--background-tertiary-l), var(--window-opacity));
}
.wrapper__6bf2d.minimum__7f356 .callContainer__1477d {
background: var(--background-tertiary-a);
}
.wrapper__6bf2d.noChat_ce920d.video__004a2 {
background: transparent;
}
.wrapper__6bf2d.minimum__7f356 {
background-color: var(--background-tertiary-a);
}
.callContainer__1477d .videoControls_af6621 .gradientTop_e30d42,
.callContainer__1477d .videoControls_af6621 .gradientBottom__2e72c {
display: none;
}
.callContainer__1477d .tile_a411a4 {
background-color: var(--background-primary);
box-shadow: var(--box-shadow-outer-2);
}
.callContainer__1477d .background__3baa0 {
background: radial-gradient(transparent, hsla(340, 0%, 14%, 0.4));
}
.callContainer__1477d .tile_a411a4 .avatarWrapper_edfd2c {
box-shadow: var(--box-shadow-outer-1);
}
.callContainer__1477d .controlButton__863c7,
.callContainer__1477d .controlButton__863c7 > svg {
height: 45px;
width: 45px;
}
.callContainer__1477d .contextMenuNub_bea150 {
width: 13px;
height: 12px;
}
.callContainer__1477d .bottomControls__72d8d > :first-child {
flex: 0 1 0% !important;
}
.callContainer__1477d .bottomControls__72d8d .justifyCenter__96cdc {
justify-content: left;
}
.callContainer__1477d .bottomControls__72d8d .colorable__4f530.primaryDark_ec74a7 {
background: var(--background-primary);
box-shadow: var(--box-shadow-outer-1);
border-top: 1px solid var(--background-modifier-accent);
}
.callContainer__1477d .bottomControls__72d8d .colorable__4f530.primaryDark_ec74a7.active_ff29dc,
.colorable__4f530.primaryDark_ec74a7:hover {
background: var(--background-modifier-active);
}
.controlButton__863c7 .button__581d0 {
border-radius: 50px;
}
.controlButton__863c7.button__581d0 {
border-radius: 50px;
}
.tiles_a1de12 .tile__0cc6f {
width: 160px;
height: 160px;
margin: 4px;
}
/* Discord added this :D */
/* .container__694a1 .embedWrapper__47b23:not(.markup_a7e664, .galleryImage_c684f7),
.container__694a1 .embedWrapper__47b23 .embedVideo__303fe,
.container__694a1 .wrapper_f09ac7 {
height: auto !important;
width: unset !important;
max-width: max-content !important;
max-height: 300px;
}
.container__694a1 .embedWrapper__47b23 .clickableWrapper__2d2ea img:not(.embedGalleryImageElement__00516),
.container__694a1 .embedWrapper__47b23 [data-fullscreen="false"] video {
position: relative;
height: auto !important;
width: unset !important;
max-width: 100% !important;
max-height: 300px;
}
.thin_b1c063 .embedWrapper__47b23:not(.markup_a7e664, .galleryImage_c684f7),
.thin_b1c063 .embedWrapper__47b23 .embedVideo__303fe,
.thin_b1c063 .wrapper_f09ac7 {
height: auto !important;
width: unset !important;
max-width: max-content !important;
max-height: 300px;
}
.thin_b1c063 .embedWrapper__47b23 .clickableWrapper__2d2ea img:not(.embedGalleryImageElement__00516),
.thin_b1c063 .embedWrapper__47b23 [data-fullscreen="false"] video {
position: relative;
height: auto !important;
width: unset !important;
max-width: 100% !important;
max-height: 300px;
} */
.container__694a1 .embedSpotify__13fe9.embedWrapper__47b23,
.thin_b1c063 .embedSpotify__13fe9.embedWrapper__47b23 {
max-height: 80px;
}
.wrapper__6bf2d.noChat_ce920d.video__004a2.chatSidebarOpen_f2e544 {
background-color: transparent;
}
.chatTarget_f14a03.floating__8f631 {
background-color: transparent;
}
.chatTarget_f14a03.container__694a1 + .resizeHandle_cc9d34 {
width: 0;
z-index: 1;
}
.chatTarget_f14a03.container__694a1 + .resizeHandle_cc9d34::before {
content: "";
height: 100%;
width: 5px;
display: block;
}
.container__694a1 {
filter: none;
border-radius: 0 var(--window-border-radius-calc) var(--window-border-radius-calc) 0;
overflow: hidden;
background: var(--background-floating-60a);
border-left: var(--background-tertiary-border);
-webkit-backdrop-filter: blur(var(--background-floating-blur-calc));
backdrop-filter: blur(var(--background-floating-blur-calc));
}
.container__694a1.floating__8f631::before {
content: "";
height: 100%;
width: 100%;
position: absolute;
border-radius: 0 var(--window-border-radius-calc) var(--window-border-radius-calc) 0;
}
.chat__52833.threadSidebarOpen__62c31 ~ div .container__694a1,
.chat__52833.threadSidebarOpen__62c31 ~ .container__694a1 {
border-top: var(--background-tertiary-border-variable-width-a);
border-right: var(--background-tertiary-border-variable-width-a);
border-bottom: var(--background-tertiary-border-variable-width-a);
}
#app-mount .chat__52833.threadSidebarOpen__62c31:not(.threadSidebarFloating__4f63d) {
border-radius: var(--window-border-radius-calc) 0 0 var(--window-border-radius-calc);
border-right: 0;
}
.chat__52833.threadSidebarOpen__62c31.threadSidebarFloating__4f63d {
border-radius: var(--window-border-radius-calc);
}
.wrapper__6bf2d.chatSidebarOpen_f2e544 .callContainer__1477d {
border-radius: 0;
}
.container__694a1 .container__26baa.themed_b152d4 {
background-color: transparent;
}
.container__694a1 .chat__1d65d:before {
display: none;
}
.container__694a1 .iconWrapper__8795c {
background-color: var(--background-primary);
border: var(--background-primary-border);
}
.container__694a1 .iconWrapper__8795c .icon__09787 {
color: var(--interactive-active);
}
.container__694a1 .form_d8a4a1 {
border-top: thin solid transparent;
}
.chatHeaderBar__9e6ac {
background-color: var(--background-floating);
box-shadow: var(--elevation-medium);
border-bottom: var(--background-primary-border);
}
.box_dd6d91 {
background-color: transparent;
margin-top: 8px;
padding-left: 0;
display: none;
}
.chatHeaderBar__9e6ac.narrow__77960 {
padding-top: 8px;
padding-bottom: 8px;
}
.chatHeaderBar__9e6ac.narrow__77960 .chatHeaderBarButton_aac432.button__581d0 {
height: unset;
min-height: unset;
}
.container__38f29 .heading-xxl-medium-1hl0GL,
.container__38f29 .heading-xxl-normal-3zbV4t {
font-family: var(--font-display);
font-size: 20px;
line-height: 24px;
}
.iconWrapper_a8f659 {
margin-top: 0;
background-color: transparent;
}
.container__38f29 .tags__3a78e {
padding: 0 4px 4px 4px;
}
.mainCard__0ec2c {
background-color: var(--background-primary);
border: var(--background-primary-border);
border-radius: 8px;
}
#app-mount .container-3wLKDe {
background-color: transparent;
}
.mainCard__0ec2c .container-JhuCwn.collapsed-23aTv6 {
cursor: unset;
}
.mainCard__0ec2c.header-1Uy0p6:hover:not(.headerBorder-jrk0Ic) {
border: var(--background-primary-border);
}
.mainCard__0ec2c form .title-1v5ZfI {
font-size: 16px;
line-height: 26px;
padding-left: 6px;
}
.mainCard__0ec2c form .title-1v5ZfI::-moz-placeholder {
font-size: 16px !important;
line-height: 26px;
padding-left: 6px;
}
.mainCard__0ec2c form .title-1v5ZfI::placeholder {
font-size: 16px !important;
line-height: 26px;
padding-left: 6px;
}
.mainCard__0ec2c form .uploadInput-3fblkw {
position: relative;
width: 78px;
height: 78px;
background-color: var(--background-secondary);
border: var(--background-primary-border);
border-radius: 12px;
}
.mainCard__0ec2c form .upload_c98ecb {
background-color: var(--background-primary);
border-radius: 12px;
box-shadow: none;
}
.mainCard__0ec2c form .popout-2vZMlk {
height: -moz-fit-content;
height: fit-content;
padding-bottom: 0px;
}
.mainCard__0ec2c form .titleContainer-2YK93J .input_f27786 {
border: var(--background-primary-border);
}
.card-2JNtco .postTitleText-2ARr84 {
font-family: var(--font-display);
font-size: 16px;
line-height: 20px;
}
.hasUnreads-3kKLnS:before {
position: absolute;
top: 4px;
height: 6px;
width: 6px;
margin-left: 4px;
border-radius: 50%;
}
.reaction__4a43f {
border-radius: 6px;
border: var(--background-primary-border);
box-shadow: var(--box-shadow-outer-3);
}
.reaction__4a43f.reactionMe__0fffc {
background: var(--button-brand-gradient);
border: 1px solid transparent;
border-top-color: var(--brand-experiment-460);
}
.authorContainer-3m1uzW .text-md-normal__6a4eb {
font-weight: 600;
}
.channelTextArea-3xG1BQ {
margin-top: 4px;
border-radius: 8px;
background-color: var(--background-secondary);
padding: 8px;
border: var(--background-primary-border);
width: calc(100% - 16px - 14px);
}
.channelTextArea-3xG1BQ,
.channelTextAreaInner-2_mflx {
min-height: 44px;
}
.channelTextArea-3xG1BQ .scrollableContainer_ff917f {
box-shadow: none;
}
.mainCard__0ec2c form .tagList-2APRrt {
padding-bottom: 4px;
}
.pill_f055c3 {
background-color: var(--background-secondary);
border: var(--background-primary-border);
box-shadow: var(--box-shadow-outer-3);
height: 32px;
}
#app-mount .pill_f055c3.selected__50db4 {
border-color: var(--text-positive);
background-color: var(--button-positive-background);
}
#app-mount .pill_f055c3.selected__50db4:not(.disabled_fbfabf):hover {
background-color: var(--button-positive-background-hover);
}
#app-mount .pill_f055c3.selected__50db4 .defaultColor-24IHKz {
color: #fff;
}
#app-mount .tagsContainer-2bBw1x .sortDropdown-hY93nR,
#app-mount .tagsContainer-2bBw1x .tagsButton-4pwOKH {
background-color: transparent;
box-shadow: none;
}
.tagsContainer-2bBw1x .sortDropdown-hY93nR .sort-37NWdz svg {
margin-left: 0;
}
.tagsContainer-2bBw1x .sortDropdown-hY93nR .select_fe2671 .icons-2dXYop {
margin-left: 4px;
border-radius: 4px;
}
.container_cff83e .item__287de:hover:not(.disabled-Mmpvl7) .text-md-semibold-3xVVGu {
color: var(--interactive-active) !important;
}
.form-25Aujy .mediaButton-3lZSdn {
border: var(--background-primary-border);
}
#app-mount .reaction__4a43f.reactionMe__0fffc .reactionCount__2c34d {
color: #fff;
}
.container-3wLKDe .sortContainer-33Xf0u {
align-items: center;
}
.container-3wLKDe .sortContainer-33Xf0u .value-26hJ01 {
margin-right: 8px;
}
.body-hCVwsC.hasUnreads-3kKLnS .text-sm-medium_bc6ffc {
color: var(--interactive-normal) !important;
}
.container-3kfp0r {
border-radius: 8px;
background-color: var(--background-floating);
-webkit-backdrop-filter: blur(var(--background-floating-blur-calc));
backdrop-filter: blur(var(--background-floating-blur-calc));
border: var(--background-floating-border);
animation: floatingtranstion 0.5s 0.2s forwards;
}
.container__68e43 {
margin: 0 0 0 4px;
border-radius: 8px;
background-color: var(--background-floating);
border-top: none;
box-shadow: var(--elevation-medium);
border: var(--background-primary-border);
width: -moz-fit-content;
width: fit-content;
margin-left: auto;
}
.container__68e43.header__8863a {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.container__68e43 + .divider__4df9f {
display: none;
}
.addReactButton__4342f {
background-color: transparent;
border: none;
margin-right: 4px;
}
.buttonInner__865de {
background-color: var(--background-primary);
border: var(--background-primary-border);
box-shadow: var(--box-shadow-outer-3);
}
.tagsContainer-2bBw1x .tagsButton-4pwOKH {
background: none;
box-shadow: none;
}
.tagsContainer-2bBw1x .tagList-1CiR0h {
padding-bottom: 4px;
}
.tagsContainer-2bBw1x .sortDropdown-hY93nR,
.tagsContainer-2bBw1x .tagsButton-4pwOKH {
margin-bottom: 4px;
}
/* 6.11 Browse Channels */
.chat__52833 .content__01e65 .chat__52833 {
border-radius: 0;
background-color: transparent;
border: none;
}
.search__4a09e {
background-color: transparent;
box-shadow: var(--background-secondary-box-shadow-border-a);
}
.channelRow__538ef {
border-left: var(--background-primary-border);
border-right: var(--background-primary-border);
justify-content: start;
}
.channelRow__538ef.firstChannel_c06b53 {
border-top: var(--background-primary-border);
}
.lastChannel__0a967 {
border-bottom: var(--background-primary-border);
}
.categoryRow__8a080 .categoryText_b2688c {
text-transform: capitalize;
font-family: var(--font-display);
}
.channelText__3a877 {
color: var(--header-primary) !important;
}
.channelSubtitle__298a0,
.topic__42290 {
color: var(--header-secondary);
}
.channelActions__04de2 {
order: -1;
flex-direction: row-reverse;
min-width: 123px;
}
.viewChannelButton_d2fdbe {
margin-left: 16px;
display: none;
}
.chat__52833 .content__01e65 .chat__52833 {
border-radius: 0;
background-color: transparent;
border: none;
}
.search__4a09e {
background-color: transparent;
box-shadow: var(--background-secondary-box-shadow-border-a);
}
.channelRow__538ef {
border-left: var(--background-primary-border);
border-right: var(--background-primary-border);
justify-content: start;
}
.channelRow__538ef.firstChannel_c06b53 {
border-top: var(--background-primary-border);
}
.lastChannel__0a967 {
border-bottom: var(--background-primary-border);
}
.categoryRow__8a080 .categoryText_b2688c {
text-transform: capitalize;
font-family: var(--font-display);
}
.channelText__3a877 {
color: var(--header-primary) !important;
}
.channelSubtitle__298a0,
.topic__42290 {
color: var(--header-secondary);
}
.channelActions__04de2 {
order: -1;
flex-direction: row-reverse;
min-width: 123px;
}
.viewChannelButton_d2fdbe {
margin-left: 16px;
display: none;
}
#app-mount .container_bd15da {
border-radius: var(--window-border-radius-calc);
background-color: transparent;
border-left: var(--background-tertiary-border-variable-divider-a);
border-top: var(--background-tertiary-border-variable-width-a);
border-bottom: var(--background-tertiary-border-variable-width-a);
border-right: var(--background-tertiary-border-variable-width-a);
}
.container_bd15da .content__01e65,
.container_bd15da .tabBody_a90ea8 {
-webkit-backdrop-filter: blur(var(--window-friends-blur-calc));
backdrop-filter: blur(var(--window-friends-blur-calc));
}
.container_bd15da {
position: relative;
}
.container_bd15da::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
background: var(--window-background-image-calc);
}
.theme-light #app-mount .container_bd15da {
border-left: var(--background-tertiary-border-a);
}
.tabBody_a90ea8:before {
box-shadow: var(--elevation-low-a);
}
.container_bd15da .tabBody_a90ea8 {
background: var(--background-secondary-a);
}
.container__3673d,
.nowPlayingColumn_b025fe {
background-color: transparent;
}
#app-mount .nowPlayingColumn_b025fe .outer_a41cf3.active__76f42,
#app-mount .nowPlayingColumn_b025fe .outer_a41cf3.interactive__46c44:hover {
background-color: var(--background-modifier-hover);
}
.nowPlayingColumn_b025fe .wrapper__3c6d5 {
background-color: var(--background-primary-a);
border: var(--background-primary-border-a);
}
#app-mount .nowPlayingColumn_b025fe .inset__61d5b {
border: var(--background-primary-border-a);
background-color: var(--background-secondary-a);
}
.nowPlayingColumn_b025fe .section__253ec {
background-color: var(--background-secondary-a);
}
.scroller__7c25e {
border-left: none;
}
.peopleListItem_dab480:nth-child(even) {
background: var(--background-secondary-a);
}
.peopleListItem_dab480:nth-child(odd) {
background: var(--background-primary-a);
}
.peopleList_d2f527 {
margin-top: 0;
}
.peopleColumn__0c784 .searchBar__310d8 {
margin-right: 36px;
}
.peopleColumn__0c784 .title_c42cad.container-q97qHp {
background-color: var(--background-secondary-a);
padding: 8px;
margin-bottom: 0;
margin-right: 36px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border: var(--background-secondary-border-a);
}
.peopleListItem_dab480:last-child {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom: var(--background-secondary-border-a);
}
.peopleListItem_dab480 {
background: var(--background-primary);
padding: 16px;
border-top: none;
border-left: var(--background-secondary-border-a);
border-right: var(--background-secondary-border-a);
}
.peopleListItem_dab480.active__6b8ff:last-child,
.peopleListItem_dab480:last-child:hover {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.peopleListItem_dab480.active__6b8ff,
.peopleListItem_dab480:hover {
box-shadow: none;
border-radius: 0;
border-left-color: var(--background-secondary-border-color-a);
border-right-color: var(--background-secondary-border-color-a);
margin: 0 20px 0 30px;
padding: 16px;
}
.actionButton__2b4bb.highlight__57b9f {
background-color: var(--background-tertiary-a);
}
.peopleListItem_dab480 .actions_bd37ed,
.peopleListItem_dab480 .actions_bd37ed {
display: none;
}
.peopleListItem_dab480.active__6b8ff .actions_bd37ed,
.peopleListItem_dab480:hover .actions_bd37ed {
display: flex;
}
.peopleListItem_dab480.active__6b8ff + .peopleListItem_dab480,
.peopleListItem_dab480:hover + .peopleListItem_dab480 {
border-left-color: var(--background-secondary-border-color-a);
border-right-color: var(--background-secondary-border-color-a);
}
.peopleListItem_dab480.active__6b8ff:last-child + .peopleListItem_dab480,
.peopleListItem_dab480:hover + .peopleListItem_dab480:last-child {
border-color: var(--background-secondary-border-color-a);
}
.peopleColumn__0c784 .container__33507 {
background-color: transparent;
box-shadow: var(--background-secondary-box-shadow-border-a);
}
.peopleColumn__0c784 .container__33507:focus-within {
box-shadow: var(--box-shadow-selection-50a);
}
.topPill__63ad4 {
border: var(--background-primary-border-a);
border-radius: 8px;
background: var(--background-primary-a);
}
.topPill__63ad4 .item__48dda {
border-radius: 6px;
margin: 1px;
padding: 2px 8px;
border: 1px solid transparent;
}
.topPill__63ad4 .themed_b957e8.selected_a523ff.item__48dda {
background-color: var(--button-selected-background);
border-top-color: rgba(255, 255, 255, 0.2);
box-shadow: var(--btn-outer-shadow);
}
.topPill__63ad4 .themed_b957e8.selected_a523ff.item__48dda:hover {
background-color: var(--button-selected-background);
}
.topPill__63ad4 .themed_b957e8.selected_a523ff.item__48dda:active:not([class*=disabled]) {
background-color: var(--button-selected-background);
}
.topPill__63ad4 .themed_b957e8.item__48dda,
.topPill__63ad4 .themed_b957e8.item__48dda:hover {
color: var(--interactive-active);
}
.item_e4ca95.item__48dda.themed_b957e8[aria-controls=add_friend-tab] {
border: 1px solid transparent;
border-top-color: rgba(255, 255, 255, 0.2);
}
.item_e4ca95.item__48dda.themed_b957e8[aria-selected=true][aria-controls=add_friend-tab] {
cursor: default;
color: #fff !important;
background-color: hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%);
}
.addFriendInputWrapper__2b30b {
background-color: transparent;
border-color: var(--background-modifier-accent);
}
.container-1kcjXL,
.scroller-1aYPCA {
background: var(--background-tertiary-a);
}
.container-1kcjXL {
border-radius: var(--window-border-radius-calc);
background: var(--background-tertiary-a);
border-left: var(--background-tertiary-border-variable-divider-a);
border-top: var(--background-tertiary-border-variable-width-a);
border-bottom: var(--background-tertiary-border-variable-width-a);
border-right: var(--background-tertiary-border-variable-width-a);
-webkit-backdrop-filter: blur(var(--window-blur-calc));
backdrop-filter: blur(var(--window-blur-calc));
}
.primaryCard-2ZCwTj,
.secondaryCard-GdySWU {
background-color: var(--background-primary);
box-shadow: var(--box-shadow-outer-2);
border: var(--background-primary-border);
}
.applicationStore__444b9 {
border-radius: var(--window-border-radius-calc);
background: var(--background-tertiary-a);
border-left: var(--background-tertiary-border-variable-divider-a);
border-top: var(--background-tertiary-border-variable-width-a);
border-bottom: var(--background-tertiary-border-variable-width-a);
border-right: var(--background-tertiary-border-variable-width-a);
-webkit-backdrop-filter: blur(var(--window-blur-calc));
backdrop-filter: blur(var(--window-blur-calc));
}
.headerBar__3337a:before {
box-shadow: var(--elevation-low-a);
}
.theme-light .applicationStore__444b9 {
border-left: var(--background-tertiary-border-a);
}
.scroller__244e5 {
background-color: transparent;
}
#app-mount .feature-2IUcBI,
.bigPerkCard-1uwmWV,
.smallPerkCard-2sX_-- {
background-color: var(--background-primary);
box-shadow: var(--box-shadow-outer-2);
border: var(--background-primary-border);
}
#app-mount .pageWrapper_c182d3 {
border-radius: var(--window-border-radius-calc);
background: var(--background-tertiary-a);
border-left: var(--background-tertiary-border-variable-divider-a);
border-top: var(--background-tertiary-border-variable-width-a);
border-bottom: var(--background-tertiary-border-variable-width-a);
border-right: var(--background-tertiary-border-variable-width-a);
-webkit-backdrop-filter: blur(var(--window-blur-calc));
backdrop-filter: blur(var(--window-blur-calc));
overflow: hidden;
}
.theme-light #app-mount .pageWrapper_c182d3 {
border-left: var(--background-tertiary-border-a);
}
.layout_bb8e67 {
border-radius: 8px;
}
.card__86773 {
--background-floating: var(--background-primary);
--background-tertiary: var(--background-secondary);
box-shadow: var(--box-shadow-outer-2);
border: var(--background-primary-border);
}
.searchBox__56feb {
border-radius: 6px;
}
#app-mount .card__86773,
#app-mount .iconMask__4092e {
background-color: var(--background-primary);
}
#app-mount .card__86773,
#app-mount .iconMask__4092e {
background-color: var(--background-primary);
}
#app-mount .card__86773:hover,
#app-mount .card__86773:hover .iconMask__4092e,
#app-mount .iconMask__4092e:hover,
#app-mount .iconMask__4092e:hover .iconMask__4092e {
background-color: var(--background-secondary);
}
.scroller__32e73 {
border-radius: var(--window-border-radius-calc);
background: var(--background-tertiary-a);
border-left: var(--background-tertiary-border-variable-divider-a);
border-top: var(--background-tertiary-border-variable-width-a);
border-bottom: var(--background-tertiary-border-variable-width-a);
border-right: var(--background-tertiary-border-variable-width-a);
-webkit-backdrop-filter: blur(var(--window-blur-calc));
backdrop-filter: blur(var(--window-blur-calc));
}
.theme-light .scroller__32e73 {
border-left: var(--background-tertiary-border-a);
}
.container_c83a4f {
background-color: var(--background-primary);
border: var(--background-primary-border);
}
.name__7afe8 {
font-family: var(--font-regular);
font-size: 14px;
font-weight: 400;
}
html:not(.app-focused) .categoryItem__0608f.selectedCategoryItem__3e361 {
color: var(--text-normal);
}
html:not(.app-focused) .categoryItem__0608f.selectedCategoryItem__3e361 .itemInner_eedb2b {
background-color: var(--background-modifier-selected);
}
#app-mount > .errorPage_a41002::before,
#app-mount > .errorPage_a41002::after {
color: #fff;
}
.theme-light #app-mount > .errorPage_a41002::before,
.theme-light #app-mount > .errorPage_a41002::after {
color: black;
}
.wrapper__77675.errorPage_a41002 > .flex_f18b02 {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: -moz-fit-content;
width: fit-content;
height: -moz-fit-content;
height: fit-content;
background-color: var(--background-floating-80a);
border-radius: 10px;
border: var(--background-floating-border);
box-shadow: var(--elevation-stroke), var(--elevation-high);
padding: 16px;
-webkit-app-region: drag;
}
.wrapper__77675.errorPage_a41002 {
background-color: hsla(0, 0%, calc(var(--background-floating-l) * (1 + var(--background-overlay-color-lightness))), var(--background-overlay-opacity));
}
.wrapper__77675.errorPage_a41002 .text__6066f {
width: 320px;
}
.wrapper__77675.errorPage_a41002 .button__581d0.sizeLarge_b395a7 {
width: 320px;
min-width: 320px;
height: 36px;
min-height: 36px;
background: var(--button-brand-gradient);
-webkit-app-region: no-drag;
}
#app-mount .wrapper__77675.errorPage_a41002 .image_e0cb48 {
background-image: url("https://nyri4.github.io/Discolored/assets/crash.svg");
filter: drop-shadow(var(--box-shadow-outer-3));
margin-bottom: 20px;
background-size: 80% 80%;
background-repeat: no-repeat;
background-position: center;
}
.theme-dark .wrapper__77675.errorPage_a41002 .title__5060d,
.theme-dark .wrapper__77675.errorPage_a41002 .note__35490 {
color: var(--header-primary);
}
.wrapper__77675.errorPage_a41002 .title__5060d {
margin-bottom: 20px;
font-size: 20px;
font-family: var(--font-display);
color: black;
}
.wrapper__77675.errorPage_a41002 .note__35490 {
font-size: 15px;
font-weight: 500;
color: black;
margin: 0 0;
}
.wrapper__77675.errorPage_a41002 .note__35490 p {
margin: 0 0;
}
.contentRegion__08eba {
max-width: 800px;
}
.sidebarRegion__36437 {
max-width: 248px;
}
.standardSidebarView__12528 {
justify-content: center;
}
.layers__1c917 > .layer_f7d46a.animating_b7d085 *,
.layers__1c917 > .layer_f7d46a.animating_b7d085 {
pointer-events: auto !important;
will-change: unset;
}
.contentRegion__08eba {
border-radius: var(--window-border-radius-calc);
background: var(--background-tertiary-a);
border-left: var(--background-tertiary-border-variable-divider-a);
border-top: var(--background-tertiary-border-variable-width-a);
border-bottom: var(--background-tertiary-border-variable-width-a);
border-right: var(--background-tertiary-border-variable-divider-a);
-webkit-backdrop-filter: blur(var(--window-blur-calc));
backdrop-filter: blur(var(--window-blur-calc));
}
.theme-light .contentRegion__08eba {
border-left: var(--background-tertiary-border-a);
border-right: var(--background-tertiary-border-a);
}
.sidebar__02e8d {
--background-modifier-hover: hsla(var(--background-accent-hue), 13%, 48%, 0.16);
--background-modifier-active: hsla(var(--background-accent-hue), 13%, 48%, 0.2);
--background-modifier-selected: hsla(var(--background-accent-hue), 5%, 48%, 0.3);
--background-modifier-accent: hsla(var(--background-accent-hue), 10%, 48%, 0.34);
}
.sidebar__02e8d .header__71a82 {
color: var(--text-muted);
}
.sidebar__02e8d .item__48dda {
font-size: 14px;
font-family: var(--font-regular);
font-weight: 400;
}
.sidebar__02e8d .selected_a523ff.item__48dda:not([class*=disabled]),
.sidebar__02e8d .selected_a523ff.item__48dda:not([class*=disabled]):hover {
color: var(--text-normal);
}
.side_b4b3f6 .themed_b957e8.selected_a523ff.item__48dda:not([class*=disabled]) {
background-color: var(--background-modifier-selected);
}
html.app-focused .side_b4b3f6 .themed_b957e8.selected_a523ff.item__48dda:not([class*=disabled]) {
background-color: var(--brand-experiment);
}
html.app-focused .sidebar__02e8d .selected_a523ff.item__48dda:not([class*=disabled]),
html.app-focused .sidebar__02e8d .selected_a523ff.item__48dda:not([class*=disabled]):hover {
color: #fff;
}
.side_b4b3f6 .item__48dda {
border-radius: 6px;
}
.header__71a82 {
font-weight: 500;
font-family: var(--font-display);
text-transform: capitalize;
}
.contentRegion__08eba {
overflow: hidden;
}
.contentRegionScroller__9ae20 {
padding-top: 32px;
overflow-y: overlay !important;
}
.contentRegionScroller__9ae20::-webkit-scrollbar-track {
margin-top: 52px;
}
.contentColumnDefault__78de3 {
padding-top: 0;
padding-right: 0;
}
.contentColumn__5f80b > div:first-child > .sectionTitle__3e02b,
.contentColumn__5f80b > div:not([class]):first-child > div:not([class]):first-child > .sectionTitle__3e02b,
#profile-customization-tab h2,
#billing-tab > div:not([class]):first-child > div:not([class]):first-child h2,
#emoji-tab .sectionTitle__3e02b,
#integrations-tab > .flex_f18b02:first-child,
#guild_templates-tab h2,
#vanity_url-tab h2.title__1b7e8 {
position: sticky;
display: flex;
align-items: center;
top: 0;
width: 200%;
padding: 16px;
margin-left: -41px;
z-index: 10;
-webkit-app-region: drag;
transform: translateY(-32px);
background-color: var(--background-accent-a);
box-shadow: var(--elevation-low-a);
}
.contentColumn__5f80b > div:first-child > .sectionTitle__3e02b h2,
.contentColumn__5f80b > div:not([class]):first-child > div:not([class]):first-child > .sectionTitle__3e02b h2,
#profile-customization-tab h2,
#billing-tab > div:not([class]):first-child > div:not([class]):first-child h2,
#emoji-tab .sectionTitle__3e02b h2,
#integrations-tab > .flex_f18b02:first-child h2,
#guild_templates-tab h2,
#vanity_url-tab h2.title__1b7e8 {
font-size: 16px;
line-height: 20px;
font-weight: 600;
margin-bottom: 0;
}
#profile-customization-tab {
padding-top: 0;
}
.toolsContainer__4e6ad {
position: absolute;
top: 0;
right: -37px;
padding-top: 8px;
z-index: 10;
}
.toolsContainer__4e6ad .closeButton__8177f,
.toolsContainer__4e6ad .keybind_a619c1 {
color: var(--interactive-muted);
}
.toolsContainer__4e6ad .closeButton__8177f:hover {
color: var(--interactive-hover);
}
.toolsContainer__4e6ad .closeButton__8177f:active {
color: var(--interactive-active);
}
.toolsContainer__4e6ad .closeButton__8177f:not(:hover) ~ .keybind_a619c1 {
display: none;
}
.toolsContainer__4e6ad .closeButton__8177f:hover ~ .keybind_a619c1 {
transform: translate(-36px, -32px);
display: block;
}
.sidebar__02e8d {
width: var(--sidebar-width);
}
.side_b4b3f6 .separator_d14fb1 {
background-color: transparent;
margin: 4px 0;
}
.side_b4b3f6 .bd-themes-tab + .separator_d14fb1 {
background-color: var(--background-modifier-accent);
margin: 8px 0;
}
.appAvatar__1fa87 {
border-radius: 8px;
}
.card-16VQ8C {
border-radius: 8px;
background-color: var(--background-secondary);
box-shadow: var(--box-shadow-outer-2);
border: var(--background-secondary-border);
}
.customizationSection__0f57e .bioTextArea_f46f71 {
border-radius: 6px;
}
#appearance-tab.contentColumn__5f80b > :not([class]):first-child > .children_aba8cb > div:nth-child(2) [role=radiogroup] {
display: block;
}
.basicThemeSelectors__5ca8c {
gap: 0;
margin-bottom: 52px;
}
.basicThemeSelectors__5ca8c .themeSelectionContainer__26fcc {
width: 134px;
height: 88px;
margin-right: 24px;
border-radius: 8px;
box-shadow: var(--box-shadow-outer-3), var(--background-primary-box-shadow-border);
}
.defaultThemeSelection_f6b081 {
box-shadow: none;
border-radius: 8px;
display: flex;
justify-content: center;
}
.defaultThemeSelection_f6b081[aria-label]::after {
content: attr(aria-label);
position: absolute;
bottom: -32px;
font-size: 16px;
line-height: 20px;
font-weight: 500;
text-align: center;
color: var(--text-muted);
}
.defaultThemeSelection_f6b081.selected_de3345[aria-label]::after {
font-weight: 600;
color: var(--header-primary);
}
.basicThemeSelectors__5ca8c .lightIcon_b11aec {
background: url("https://i.imgur.com/a6XFHrA.png") center/cover;
}
.basicThemeSelectors__5ca8c .darkIcon__6e4cd {
background: url("https://i.imgur.com/r2e1gbZ.png") center/cover;
}
.basicThemeSelectors__5ca8c .themeSelectionContainer__26fcc:last-child .defaultThemeSelection_f6b081 {
background: url("https://i.imgur.com/Ta8d8Ae.png") center/cover;
}
.defaultThemeSelection_f6b081.selected_de3345 {
box-shadow: inset 0 0 0 1px var(--background-primary), var(--box-shadow-selection);
}
.themeSelectionContainer__26fcc .selectionCircle_aa3fcd,
.defaultThemeSelection_f6b081 .iconWrapper__660f6 {
display: none;
}
.basicThemeSelectors__5ca8c .themeSelectionContainer__26fcc:last-child .defaultThemeSelection_f6b081[aria-label]::after {
bottom: -48px;
}
#appearance-tab.contentColumn__5f80b > :not([class]):first-child > .children_aba8cb > div:nth-child(2) .container__7ad1e.marginTop20__7e0ad {
margin-top: 50px;
}
#my-account-tab.contentColumn__5f80b > div:not([class]) > div:not(:first-child:not([class])) {
border-radius: 8px;
background-color: var(--background-secondary);
border: var(--background-secondary-border);
padding: 20px;
}
#my-account-tab.contentColumn__5f80b > div:not([class]) > .divider_d6f39c {
display: none;
}
#my-account-tab.contentColumn__5f80b > div:not([class]) > div {
margin-top: 0;
margin-bottom: 20px;
}
#my-account-tab.contentColumn__5f80b > div:not([class]) > div:not(:first-child:not([class])):empty {
display: none;
}
.baseLayout-8AMrwn > div > .customizationSection__0f57e:last-child {
margin-bottom: 0;
}
.connection__6dbd8 {
background: var(--background-secondary);
border: var(--background-secondary-border);
border-radius: 8px;
}
.connection__6dbd8 {
background: var(--background-primary);
border: var(--background-primary-border);
border-radius: 8px;
padding: 16px;
}
.connectionHeader__2b82f {
padding: 0;
background: transparent;
border-radius: unset;
}
.connectionList__5b340 {
grid-gap: 8px;
}
.input_f27786 {
border-radius: 6px;
border: var(--background-secondary-border);
background-color: var(--background-secondary);
}
.sessions__7b95a .session__201cb {
gap: 12px;
}
.sessions__7b95a .sessionInfo_e3ad35 {
gap: 0;
}
.sessions__7b95a .eyebrow_e5a66c.sessionInfoRow_a9ccc2 {
font-size: 1rem;
font-weight: 600;
line-height: 1.375rem;
font-family: var(--font-primary);
text-transform: capitalize;
}
.sessions__7b95a .text-sm-medium_bc6ffc.sessionInfoRow_a9ccc2 {
color: var(--channels-default);
}
.sessions__7b95a .sessionIcon_df2e9c {
background: none;
color: var(--interactive-normal);
}
.sessions__7b95a .session__201cb.currentSession__700d9 .sessionIcon_df2e9c {
color: var(--status-positive);
}
.children_aba8cb > .session__201cb:last-child {
border-bottom: none;
padding-bottom: 0;
}
#library-inventory-tab.contentColumn__5f80b .children_aba8cb {
margin-bottom: 30px;
}
#app-mount .paymentPane__541d7 {
background-color: var(--background-secondary);
color: var(--header-secondary);
border-radius: 8px;
border: var(--background-secondary-border);
}
#app-mount .payment_f27ac6 {
background-color: var(--background-secondary);
}
#app-mount .bottomDivider_c85b47 {
border-bottom-color: var(--background-modifier-accent);
}
#app-mount .paginator__28ba5 {
background: var(--background-secondary);
color: var(--header-secondary);
}
.cardWrapper_bc8d2a {
background: var(--background-floating);
border-radius: 8px;
border: var(--background-primary-border);
}
.contentColumn__5f80b > div > .children_aba8cb > div:not(:first-child:not([class])) {
border-radius: 8px;
background-color: var(--background-secondary);
border: var(--background-secondary-border);
padding: 20px;
}
.contentColumn__5f80b > div > .children_aba8cb > .marginTop20__7e0ad,
.children_aba8cb > .container__7ad1e.marginTop8__7da6c {
margin-top: 0;
}
.contentColumn__5f80b > div > .children_aba8cb > div:first-child .marginBottom40_f4d1a4,
.container__7ad1e:last-child {
margin-bottom: 0;
}
.contentColumn__5f80b > div > .children_aba8cb > div {
margin-bottom: 20px;
}
.contentColumn__5f80b div:not([class]):empty,
.contentColumn__5f80b > .divider_d6f39c,
.divider-ogkn3u {
display: none;
}
.children_aba8cb > .divider_d6f39c,
.container__7ad1e:last-child > .divider_d6f39c,
.contentColumn__5f80b > div > .children_aba8cb > .container__7ad1e > .divider_d6f39c,
.divider_d6f39c.marginTop40_bda863.marginBottom40_f4d1a4 {
display: none;
}
#keybinds-tab.contentColumn__5f80b .defaultKeybindGroup_fe8d85 > .divider_d6f39c:last-child {
display: none;
}
#keybinds-tab.contentColumn__5f80b .defaultKeybindGroup_fe8d85 {
margin: 0 0 20px 0;
}
#keybinds-tab.contentColumn__5f80b .keybindGroup_aa4e13 {
margin: 0;
padding-top: 0;
padding-bottom: 0;
}
#app-mount .keybindShortcut-3zF1P9 {
color: var(--interactive-normal);
}
#app-mount .key-N5VmHN {
border: var(--background-secondary-border);
box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.4);
}
.key-N5VmHN svg g {
fill: var(--interactive-normal);
}
#app-mount .container-30qY7E {
background-color: var(--background-primary);
border: var(--background-primary-border);
border-radius: 6px;
}
.theme-light .editIcon__570b4 {
filter: invert(1);
}
.card_dc88cd.active_d55608:before,
.card_dc88cd:focus-within:before,
.card_dc88cd:hover:before {
opacity: 0;
}
#app-mount #keybinds-tab.contentColumn__5f80b .row__7007e {
box-shadow: none;
}
#app-mount #keybinds-tab.contentColumn__5f80b .row__7007e .marginBottom8_ce1fb9 {
margin-bottom: 0;
}
.cameraWrapper-3a7Ngv {
background-color: var(--background-primary);
border: var(--background-primary-border);
border-radius: 8px;
}
.backgroundOption__5ab0d.backgroundOptionSelected__6caed .backgroundOptionInner_a128bb {
background-color: var(--background-primary);
border-radius: 8px;
box-shadow: var(--box-shadow-selection);
}
.backgroundOptionRing__45698 {
display: none;
}
.backgroundOptions_b49a97 > .backgroundOption__5ab0d.backgroundOptionSelected__6caed:first-child .backgroundOptionContent_ffff79 {
color: var(--header-primary);
}
.progress_bcbb99 {
background-color: var(--interactive-muted);
}
.theme-dark .notches__5406c.gray__211f0 {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='20' width='8' xmlns='http://www.w3.org/2000/svg' fill='hsl(0, 0%, 16%)'%3E%3Cpath d='M0 0h8v20H0zm4 2a2 2 0 00-2 2v12a2 2 0 104 0V4a2 2 0 00-2-2z' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.theme-light .notches__5406c.gray__211f0 {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg height='20' width='8' xmlns='http://www.w3.org/2000/svg' fill='hsl(0, 0%, 94%)'%3E%3Cpath d='M0 0h8v20H0zm4 2a2 2 0 00-2 2v12a2 2 0 104 0V4a2 2 0 00-2-2z' fill-rule='evenodd'/%3E%3C/svg%3E");
}
#app-mount .marginTop40_bda863 > .game__19f4b:last-child {
box-shadow: none;
}
#app-mount .game__19f4b {
box-shadow: 0 1px 0 0 var(--background-modifier-accent);
}
#game-activity-tab.contentColumn__5f80b .marginTop40_bda863,
#game-activity-tab.contentColumn__5f80b .marginTop8__7da6c {
margin-top: 0;
}
.addGamePopout__61649.elevationBorderHigh__24051 {
border-radius: 8px;
}
#app-mount .didRender-2SiRlm .addGamePopout__61649.elevationBorderHigh__24051 {
background-color: var(--background-floating);
animation: floatingtranstion 0.5s 0.2s forwards;
}
.option__1d8de {
border-radius: 7px;
opacity: 1;
background-color: var(--background-primary);
border: var(--background-primary-border);
}
.disabled__586d3 {
opacity: 1;
color: var(--background-primary);
}
.contentRegion__08eba :where(#experiments-tab, #developer-options-tab, #hotspot-options-tab, #dismissible-content-options-tab, #payment-flow-modals-tab).contentColumn__5f80b > div > .children_aba8cb > div:not(:first-child:not([class])) {
border-radius: 8px;
background-color: transparent;
border: none;
padding: 0;
}
.contentRegion__08eba :where(#experiments-tab, #developer-options-tab, #hotspot-options-tab, #dismissible-content-options-tab, #payment-flow-modals-tab).contentColumn__5f80b > div > .children_aba8cb {
border-radius: 8px;
background-color: var(--background-secondary);
border: var(--background-secondary-border);
padding: 20px;
}
.contentRegion__08eba :where(#experiments-tab, #developer-options-tab, #hotspot-options-tab, #dismissible-content-options-tab, #payment-flow-modals-tab).contentColumn__5f80b > div > .children_aba8cb > .container__7ad1e > .divider_d6f39c {
display: block;
}
#experiments-tab.contentColumn__5f80b > div > .children_aba8cb > div {
margin-bottom: 0;
}
.contentRegion__08eba :where(#experiments-tab, #developer-options-tab, #hotspot-options-tab, #dismissible-content-options-tab, #payment-flow-modals-tab).contentColumn__5f80b > div > .children_aba8cb {
margin-bottom: 20px;
}
.contentRegion__08eba :where(#experiments-tab, #developer-options-tab, #hotspot-options-tab, #dismissible-content-options-tab, #payment-flow-modals-tab).contentColumn__5f80b > div > .children_aba8cb > .container__7ad1e:last-child > .divider_d6f39c,
#experiments-tab.contentColumn__5f80b .children_aba8cb > .group_c2a6cb:last-child > .divider_d6f39c:last-child {
display: none;
}
#payment-flow-modals-tab.contentColumn__5f80b .select_fe2671 .icons-2dXYop,
#payment-flow-modals-tab.contentColumn__5f80b .select_fe2671 {
margin-left: 5px;
}
.membershipDialog-2wAdpQ {
border-radius: 8px;
border: var(--background-primary-border);
box-shadow: var(--box-shadow-outer-2);
}
.contentColumn__5f80b > div > .children_aba8cb > div > .divider__90677 {
margin-top: 0;
padding-top: 0;
border-top: none;
}
.progressBarImage__54e3f {
border: var(--background-primary-border);
border-radius: 10px;
}
.avatarUploaderInnerSquare__317f2 {
border-radius: 8px;
border: var(--background-primary-border);
}
.guildFeatureAvailabilityIndicator__21431 {
background-color: var(--background-secondary);
box-shadow: var(--background-secondary-box-shadow-border);
}
.avatarUploaderInnerSquareDisabled__2abd0 {
background-color: var(--background-primary);
}
.container__9c57c {
border-radius: 8px;
background-color: var(--background-secondary);
border: var(--background-secondary-border);
padding: 20px;
}
.container__9c57c:hover {
background-color: var(--background-primary);
color: var(--interactive-hover);
}
/* .rolesTable_a04f49 {
background-color: var(--background-secondary);
border-top: var(--background-secondary-border);
border-left: var(--background-secondary-border);
border-right: var(--background-secondary-border);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.tableHeader_f2fd5d {
margin-bottom: 0;
margin-left: 0;
margin-right: -8px;
padding: 8px;
}
.roleRow_dc2631:nth-child(even) {
background: var(--background-secondary);
}
.roleRow_dc2631:nth-child(odd) {
background: var(--background-primary);
} */
#app-mount .roleRow_dc2631:hover {
background: var(--brand-experiment);
}
.roleRow_dc2631:hover .text-md-normal__6a4eb {
color: #fff !important;
}
.roleRow_dc2631:hover .memberCountContainer_b93514 {
color: #fff;
}
/* #app-mount .memberSpacing_b7cc5d {
flex: 0 0 50px;
}
.roleNameSpacing__79a48 {
-webkit-box-flex: 0;
-ms-flex: 0 1 273px;
flex: 0 1 350px;
}
.roleRow_dc2631:last-child {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom: var(--background-secondary-border);
}
.emptyRoles_a192bd,
.roleRow_dc2631 {
padding-top: 1px;
height: 42px;
margin-left: 0;
margin-right: 0;
padding-right: 8px;
}
.roleRow_dc2631 {
position: relative;
border-radius: 0;
border-left: var(--background-secondary-border);
border-right: var(--background-secondary-border);
}
.roleRow_dc2631:before,
.roleRow_dc2631:last-child:after {
display: none;
}
.circleButton_c3a5df.size36_e39500 {
width: 32px;
min-width: 32px;
height: 32px;
min-height: 32px;
} */
.titleContainer_d09261 {
background-color: transparent;
}
.side_b4b3f6 .themed_b957e8.selected_a523ff.item__48dda .colorHeaderPrimary_b60093 {
color: #fff;
}
.header_ee0bd9 {
position: relative;
background-color: transparent;
box-shadow: none;
margin-bottom: 0;
}
.header_ee0bd9.stickyHeader_a471c2 {
position: relative;
}
.tabBar_a013ee {
display: flex;
margin: 0 auto;
border: var(--background-secondary-border);
border-radius: 8px;
background: var(--background-secondary);
width: -moz-fit-content;
width: fit-content;
}
.top-K_jibn .item__48dda {
border-radius: 6px;
margin: 1px;
padding: 2px 8px;
border: 1px solid transparent;
}
.top-K_jibn .brand_ce3ecf.selected_a523ff.item__48dda {
background-color: var(--button-selected-background);
border-top-color: rgba(255, 255, 255, 0.2);
border-bottom-color: transparent;
box-shadow: var(--btn-outer-shadow);
}
.top-K_jibn .brand_ce3ecf.item__48dda:hover,
.top-K_jibn .brand_ce3ecf.item__48dda:active {
border-bottom-color: transparent;
}
.top-K_jibn .brand_ce3ecf:not(.selected_a523ff).item__48dda:hover {
background-color: var(--background-modifier-hover);
}
.top-K_jibn .brand_ce3ecf:not(.selected_a523ff).item__48dda:active {
background-color: var(--background-modifier-active);
}
.permissionsWrapper__7b073 > .permissionsForm__8552b {
border-radius: 8px;
background-color: var(--background-secondary);
border: var(--background-secondary-border);
padding: 20px;
height: 55px;
overflow: hidden;
}
.permissionsWrapper__7b073 > .permissionsForm__8552b:hover {
height: 100%;
}
.permissionsWrapper__7b073 > .clearButtonWrapper__5b951 {
position: relative;
right: 0;
padding: 0;
display: flex;
justify-content: flex-end;
}
.permissionsForm__8552b + .permissionsForm__8552b {
margin-top: 20px;
}
.warning__4da7a {
border-radius: 8px;
margin-bottom: 20px;
}
.headerContainer__282e2 {
position: relative;
}
.content__690c5 > .contentWidth_f1e6d4:nth-child(even) > .memberRow_d581f4 {
background: var(--background-secondary);
}
.content__690c5 > .contentWidth_f1e6d4:nth-child(odd) > .memberRow_d581f4 {
background: var(--background-primary);
}
.content__690c5 > div:not([class]) + .contentWidth_f1e6d4 > .memberRow_d581f4 {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top: var(--background-secondary-border);
}
.content__690c5 > .contentWidth_f1e6d4:last-child > .memberRow_d581f4 {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom: var(--background-secondary-border);
}
#app-mount .memberRow_d581f4:hover {
background: var(--brand-experiment);
}
.memberRow_d581f4 {
border-left: var(--background-secondary-border);
border-right: var(--background-secondary-border);
}
.roleRow_dc2631:hover .text-md-normal__6a4eb {
color: #fff !important;
}
.roleRow_dc2631:hover .memberCountContainer_b93514 {
color: #fff;
}
.memberRow_d581f4 {
height: 40px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
display: flex;
align-items: center;
border-radius: 0;
cursor: pointer;
}
.notice-2olXi7 {
background-color: var(--brand-experiment-600);
color: #fff;
justify-content: space-between;
-ms-flex-align: center;
height: 40px;
padding: 0 8px;
border-radius: 8px;
margin-bottom: 4px;
}
.container-3ssFyj {
margin-top: 0;
background-color: var(--background-floating);
border-radius: 8px;
border: var(--background-primary-border);
box-shadow: var(--elevation-stroke), var(--elevation-high);
padding: 6px 8px;
}
.container-3ssFyj .container__33507.medium__5b9a9 {
margin: 4px;
}
.children_aba8cb > div > .content__90c48 {
border-radius: 8px;
background-color: var(--background-secondary);
border: var(--background-secondary-border);
padding: 0 20px 0 20px;
overflow: hidden;
}
.emojiRow_db53d4 .emojiRemove__744eb {
position: absolute;
top: unset;
right: 0;
opacity: 0;
}
.emojiTable__6262c {
margin-bottom: 0;
padding: 8px 8px 8px 0;
}
.content__90c48 > .emojiRow_db53d4:last-child {
box-shadow: none;
}
.content__90c48 > .emojiRow_db53d4:nth-child(even):before {
background: var(--background-primary);
opacity: 1;
border-radius: 0;
}
.emojiRow_db53d4 {
height: 42px;
}
.tier_d16770 {
border: var(--background-primary-border);
border-radius: 8px;
overflow: hidden;
max-width: calc(100% - 32px);
}
#app-mount .tierHeader_a0ef30,
#app-mount .tierBody_fd5f94 {
border-radius: unset;
background: var(--background-primary);
}
.tier_d16770 .grid_d33a08 {
margin-bottom: 20px;
}
.tier_d16770 .placeholderCard__393a9 {
background-color: var(--background-floating);
}
#app-mount .background__092a0 {
color: var(--background-tertiary);
}
#app-mount .tierInProgress__549bc {
background-color: var(--background-primary);
border: var(--background-primary-border);
}
#app-mount .auditLog__9228d {
border-radius: 8px;
border: var(--background-secondary-border);
overflow: hidden;
}
#app-mount .auditLog__9228d .headerClickable__334f7,
#app-mount .auditLog__9228d .headerDefault__31bb1 {
background-color: var(--background-secondary);
color: var(--interactive-normal);
}
#app-mount .auditLog__9228d .headerExpanded__05a35 {
background-color: var(--background-secondary);
color: var(--interactive-normal);
}
#app-mount .auditLog__9228d .changeDetails_c0aa16 {
background-color: var(--background-primary);
}
.auditLog__9228d .text-sm-medium_bc6ffc,
.auditLog__9228d .text-sm-normal__95a78 {
font-family: var(--font-primary);
font-size: 12px;
line-height: 18px;
}
#app-mount .card_fd0d59,
#app-mount .card__05cf8 {
border-color: var(--background-modifier-accent);
}
.descriptionBox_bdb07b {
border: var(--background-primary-border);
}
.featureCard__769f1 {
border: var(--background-primary-border);
}
#guild_premium-tab.contentColumn__5f80b .content__6b3bc {
border-radius: 8px;
background-color: var(--background-secondary);
border: var(--background-secondary-border);
padding: 20px;
margin-bottom: 20px;
}
#guild_templates-tab.contentColumn__5f80b > .marginBottom4__73022 > .divider_d6f39c,
#guild_premium-tab.contentColumn__5f80b > .divider__58638 {
display: none;
}
#guild_templates-tab.contentColumn__5f80b > .marginBottom4__73022 > .descriptionBox_bdb07b {
margin-bottom: 20px;
}
/* .member-2cj2PI:nth-child(odd) {
background: var(--background-secondary);
}
.member-2cj2PI:last-child {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom: var(--background-secondary-border);
}
.member-2cj2PI:nth-child(even) {
background: var(--background-primary);
}
.member-2cj2PI {
gap: 12px;
padding: 6px;
border-left: var(--background-secondary-border);
border-right: var(--background-secondary-border);
}
#app-mount .member-2cj2PI {
-webkit-box-shadow: none;
box-shadow: none;
} */
.contentRegion__08eba .content__690c5 > div:not([class]) + .member-2cj2PI {
margin-top: 20px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top: var(--background-secondary-border);
}
.contentRegion__08eba .content__690c5 > div > .divider_d6f39c {
display: none;
}
#app-mount .inviteSettingsInviteRow-1rZeIM {
box-shadow: none;
}
.contentRegion__08eba .content__690c5 > .headerSection-2X_FUZ {
padding-bottom: 0;
}
.contentRegion__08eba .content__690c5 > .headerSection-2X_FUZ > .flex_f18b02:last-child {
background-color: var(--background-secondary);
border-top: var(--background-secondary-border);
border-left: var(--background-secondary-border);
border-right: var(--background-secondary-border);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
padding: 8px 16px;
}
.inviteSettingsInviteRow-1rZeIM {
font-size: 14px;
padding: 0 16px;
background-color: var(--background-primary);
border-left: var(--background-primary-border);
border-right: var(--background-primary-border);
}
.inviteSettingsInviteRow-1rZeIM:nth-child(even) {
background: var(--background-secondary);
}
.inviteSettingsInviteRow-1rZeIM:nth-child(odd) {
background: var(--background-primary);
}
.inviteSettingsInviteRow-1rZeIM:last-child {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom: var(--background-secondary-border);
}
.option_eb83e4[aria-selected=true]:not(.option_eb83e4.multi-1HXDiv) .defaultColor-24IHKz {
color: #fff;
}
.sidebarScrollable_d64933 .scroller_c92337 {
background-color: transparent;
}
.settingCard-xZSDjS {
border: var(--background-secondary-border);
}
.settingCard-xZSDjS.active-3EK-ed {
background: var(--background-secondary);
}
.settingCard-xZSDjS.active-3EK-ed .cardContent-1-5hym {
border-bottom: var(--background-secondary-border);
}
.content__5eeb2.layoutStyle-3d1mjU > .permissionsForm-35gjPz {
border-radius: 8px;
background-color: var(--background-secondary);
border: var(--background-secondary-border);
padding: 20px;
margin-bottom: 20px;
}
.content__5eeb2.layoutStyle-3d1mjU > .permissionsForm-35gjPz > .flex_f18b02.marginBottom20__9fcf3:last-child {
margin-bottom: 0;
}
.content__5eeb2.layoutStyle-3d1mjU > .permissionsForm-35gjPz > .flex_f18b02:last-child > .divider_d6f39c:last-child {
display: none;
}
/* 12.1. Automod */
#app-mount .saveNoticeContainer__67513,
#app-mount .saveNoticeContainer__67513 ~ .endSpacer__4fa87 {
border-radius: unset;
background-color: unset;
border: unset;
padding: unset;
margin: unset;
}
.actionContainer__4263f {
border-radius: 6px;
background-color: var(--background-primary);
border: var(--background-primary-border);
}
.triggerMainContainer_ca82f6 {
background-color: var(--background-primary);
border: var(--background-primary-border);
}
.mentionLimitContainer_bb7659,
.actionContainer_e638f2 {
background-color: transparent;
}
.stepCountIcon__0dbc7 {
background-color: var(--background-primary);
border: var(--background-primary-border);
}
#app-mount :not(.container_a35729).root_a28985 {
border-radius: 8px;
border: var(--background-tertiary-border);
}
.root_a28985 .header__5e5a6 {
border-radius: 8px 8px 0 0;
}
.root_a28985 .footer_e0b400 {
border-radius: 0 0 8px 8px;
background-color: transparent;
}
#app-mount .root_a28985 .footerSeparator__2af8d {
box-shadow: none;
}
.root_a28985.fullscreenOnMobile__05784 > .header__5e5a6 {
box-shadow: var(--elevation-low);
background-color: var(--background-accent);
padding-top: 6px;
padding-bottom: 6px;
font-size: 14px;
justify-content: center;
text-align: center;
overflow: hidden;
}
.root_a28985.fullscreenOnMobile__05784 > .header__5e5a6 .modalTitle-2rlE_E {
margin-bottom: 0;
font-size: 16px;
}
.root_a28985.fullscreenOnMobile__05784 > .header__5e5a6 h1 {
margin-bottom: 0;
font-size: 16px;
line-height: 20px;
}
.root_a28985.fullscreenOnMobile__05784 .heading-lg-medium-3gUJeM {
font-size: 16px;
}
.root_a28985.fullscreenOnMobile__05784 .content_b28aab {
padding-top: 16px;
}
.root_a28985.fullscreenOnMobile__05784 > .content_b28aab .defaultColor-24IHKz,
.root_a28985.fullscreenOnMobile__05784 .pro_db62e1 {
text-align: center;
}
.root_a28985.fullscreenOnMobile__05784 > .header__5e5a6 .horizontal__4848b > .flex_f18b02,
.root_a28985.fullscreenOnMobile__05784 > .header__5e5a6 .horizontal__4848b > .flexChild__3da10 {
margin-left: 0;
margin-right: 0;
}
.root_a28985.fullscreenOnMobile__05784 > .header__5e5a6 .close-1mLglB {
width: 26px;
position: absolute;
left: 16px;
top: 0;
bottom: 0;
margin: auto 0;
}
.root_a28985.fullscreenOnMobile__05784 > .footer_e0b400 {
border-top: var(--background-secondary-border);
}
.upload_c98ecb {
background-color: var(--background-primary);
border-radius: 6px;
box-shadow: var(--background-primary-box-shadow-border);
}
.upload_c98ecb .filename__1769f {
text-align: center;
}
#app-mount .uploadModal__6eb75 {
background-color: var(--background-secondary);
border: var(--background-secondary-border);
box-shadow: 0 0 0 1px rgba(32, 34, 37, 0.6), 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}
#app-mount .uploadModal__6eb75 .footer_f06dbb {
background-color: var(--background-secondary);
box-shadow: none;
}
.uploadModal__6eb75 .checkbox_fcf2ad.checked__16f88 svg path {
fill: #fff;
}
.uploadModal__6eb75 .icon__4bc4d {
border-radius: 6px;
box-shadow: var(--elevation-medium);
}
#app-mount .keyboardShortcutsModal__44538 {
background-color: var(--background-secondary);
border-radius: 6px;
box-shadow: var(--background-secondary-box-shadow-border);
}
.key-N5VmHN {
background-color: var(--background-primary);
border: var(--background-primary-border);
}
.root_a28985.fullscreenOnMobile__05784 > .headerImage-2osrlm {
border-radius: 8px;
box-shadow: var(--elevation-medium);
}
.optionBox-1UOevl {
background-color: var(--background-primary);
border-radius: 8px;
border: var(--background-primary-border);
}
.root-8LYsGj.fullscreenOnMobile__05784 .tabBarContainer-sCZC4w {
border-bottom: 1px solid var(--background-modifier-accent);
padding: 0 20px;
display: flex;
justify-content: center;
}
.root-8LYsGj.fullscreenOnMobile__05784 .top-K_jibn .item__48dda.selected_a523ff.themed_b957e8,
.root-8LYsGj.fullscreenOnMobile__05784 .top-K_jibn .item__48dda.themed_b957e8:active,
.root-8LYsGj.fullscreenOnMobile__05784 .top-K_jibn .item__48dda.themed_b957e8:hover {
border-bottom-color: transparent;
}
.root-8LYsGj.fullscreenOnMobile__05784 .top-K_jibn .item__48dda:not(.selected_a523ff).themed_b957e8:hover {
background-color: var(--background-modifier-hover);
}
.root-8LYsGj.fullscreenOnMobile__05784 .top-K_jibn .item__48dda:not(.selected_a523ff).themed_b957e8:active {
background-color: var(--background-modifier-active);
}
.root-8LYsGj.fullscreenOnMobile__05784 .top-K_jibn .selected_a523ff.themed_b957e8.item__48dda {
background-color: var(--button-selected-background);
border-top-color: rgba(255, 255, 255, 0.2);
box-shadow: var(--btn-outer-shadow);
}
.root-8LYsGj.fullscreenOnMobile__05784 .tabBar-2hXqzU.top-K_jibn {
height: 32px;
border: var(--background-secondary-border);
border-radius: 8px;
background: var(--background-tertiary);
transform: translateY(12px);
z-index: 1;
}
.topSection-13QKHs .nameTag-2Nlmsy {
margin-top: 66px;
}
.topSection-13QKHs .nameTagWithCustomStatus-5c-v3- {
margin-bottom: 0;
}
.connectedAccountContainer__5972d {
margin-top: 12px;
background-color: var(--background-primary);
border: var(--background-primary-border);
border-radius: 8px;
}
.discordMemberCreatedAtIconContainer__09d4a {
background-color: transparent;
color: var(--status-positive);
}
.topSection-13QKHs .customStatusActivity-WKWGD- {
padding-bottom: 8px;
}
.quickswitcher_b5bb0a {
border: var(--background-tertiary-border);
padding: 0;
}
.quickswitcher_b5bb0a .scroller_d4b86c {
--background-secondary-alt: transparent;
margin-right: 0;
background-color: transparent;
}
.quickswitcher_b5bb0a .input__2a648 {
border-radius: 0;
background-color: transparent;
border-bottom: var(--background-secondary-border);
}
.quickswitcher_b5bb0a .protip__84833 {
padding-left: 16px;
padding-right: 16px;
}
.quickswitcher_b5bb0a .result__25f11 {
margin-left: 16px;
border-radius: 6px;
}
.quickswitcher_b5bb0a .result__25f11[aria-selected=true] {
background: var(--background-primary);
}
#app-mount .container_f8ef5d.root_a28985,
#app-mount .root_a28985 .reactors__0f305 {
background-color: var(--background-secondary);
}
#app-mount .root_a28985 .scroller__9a4f3 {
background: none;
border-right: var(--background-secondary-border);
}
#app-mount .root_a28985 .reactionSelected__16345 {
border-radius: 6px;
}
.reactors__0f305 .reactor_cc0078 .wrapper-1VLyxH {
margin-right: 8px;
}
.cameraPreview-2_ITfQ {
margin-top: 24px;
position: relative;
background: var(--background-secondary);
border-radius: 8px;
box-shadow: var(--background-secondary-box-shadow-border);
}
#app-mount .perksModal-CLcR1c {
background-color: transparent;
}
.perksModal-CLcR1c .ctaBar-Nhk8yY {
background-repeat: no-repeat;
background-size: auto 100%;
padding: 16px;
display: flex;
align-items: center;
box-shadow: var(--box-shadow-border);
background-color: var(--background-floating-80a);
}
.perksModal-CLcR1c .tier-lFqDUs {
border-radius: 8px;
box-shadow: var(--box-shadow-border);
}
.perksModal-CLcR1c .tierHeader-wgo0w_ {
align-items: center;
padding: 16px;
border-radius: 8px 8px 0 0;
position: relative;
}
#app-mount .perksModal-CLcR1c .tierBody-3ju-rc {
border-radius: 0 0 8px 8px;
background-color: var(--background-floating-80a);
}
#app-mount .perksModal-CLcR1c .tierMarkerBackground-G8FoN4 {
background-color: var(--background-floating);
}
#app-mount .perksModal-CLcR1c .perk-19D_HN {
border: var(--background-floating-border);
background-color: var(--background-floating-80a);
}
.theme-light .perksModalContentWrapper-3RHugb .headerLogo-2M4f14,
.perksModalContentWrapper-3RHugb .defaultColor-HXu-5n.subscriberPerksHeader-1kC9fO,
.perksModalContentWrapper-3RHugb .defaultColor-HXu-5n.heading_dc485a {
color: #fff;
}
.perksModalContentWrapper-3RHugb .defaultColor-24IHKz.headerBlurb-m6Avyp,
.perksModalContentWrapper-3RHugb .defaultColor-24IHKz.text-md-normal__6a4eb {
color: #dcddde;
}
.theme-light .perksModalContentWrapper-3RHugb .giftIcon-2kmx1K {
color: var(--header-primary);
}
#app-mount .contentWrapper_f9bc93 {
background: var(--background-secondary);
}
.optionContainer__0233f {
border: var(--background-primary-border);
background: var(--background-primary);
}
.main_b2d99f {
background: var(--background-secondary);
}
.optionContainer__0233f:hover {
background: var(--background-tertiary);
}
.spamBanner_b5e5bf {
background: var(--background-floating);
border-radius: 8px;
border: var(--background-floating-border);
box-shadow: var(--elevation-stroke), var(--elevation-high);
}
/* Main container */
.wrapper__4350e {
display: flex;
flex-direction: column;
align-items: center;
background-color: var(--background-secondary);
border-radius: 8px;
}
/* Header */
.detailsWrapper-TE1mu5 {
width: 100%;
position: relative;
inset: 0;
order: -1;
border-radius: 8px 8px 0 0;
box-shadow: var(--elevation-low);
background-color: var(--background-accent);
padding: 6px 0;
text-align: center;
}
.detailsWrapper-TE1mu5 .details-9dkFPc {
padding: 0 6px;
color: var(--text-normal);
}
.detailsWrapper-TE1mu5 .details-9dkFPc:first-child {
margin-top: 0;
font-family: var(--font-display);
color: var(--header-primary);
font-weight: 600;
}
.detailsWrapper-TE1mu5 .details-9dkFPc:not(:last-child) .label-mrlccN {
display: none;
}
.detailsWrapper-TE1mu5 .details-9dkFPc .label-mrlccN {
width: unset;
margin-right: 8px;
}
/* Bottom Controls */
.wrapper__4350e > .downloadLink_d6df2d,
.operations__62559 {
position: relative;
display: flex;
border-top: var(--background-secondary-border);
width: 100%;
justify-content: center;
}
.wrapper__4350e .downloadLink_d6df2d {
top: unset;
color: var(--text-normal) !important;
}
/* Image */
.wrapper__4350e .imageWrapper__178ee {
background: url('data:image/svg+xml;utf8,') 0 0/25% 25%;
margin: 16px 16px 20px 16px;
}
.modal_d2e7a7 :not(.sibling-6vI7Pu) > .imageWrapper__178ee {
min-width: unset;
}
.channelContainer-3YAhb_ {
border-radius: 6px;
}
.popout__24e32 {
box-shadow: var(--elevation-high);
border-radius: 8px;
}
.container_cff83e {
width: 250px;
border-radius: 8px;
background-color: var(--background-floating-80a);
-webkit-backdrop-filter: blur(var(--background-floating-blur-calc));
backdrop-filter: blur(var(--background-floating-blur-calc));
border: var(--background-floating-border);
}
.didRender-2SiRlm > .container_cff83e {
background-color: var(--background-floating);
animation: floatingtranstion 0.5s 0.2s forwards;
}
.container_cff83e .focused-qp-W9B,
.container_cff83e .item__287de:hover:not(.disabled-Mmpvl7) {
background-color: var(--brand-experiment);
color: var(--interactive-active);
}
.container_cff83e .item__287de:hover:not(.disabled-Mmpvl7) {
color: var(--interactive-active);
}
.container_cff83e .item__287de {
border-radius: 6px;
padding: 6px 8px;
margin-bottom: 4px;
color: var(--interactive-hover);
}
#app-mount .autocomplete__743a5 {
background-color: var(--background-floating);
}
.autocomplete__2e602 {
border: var(--background-primary-border);
box-shadow: var(--elevation-stroke), var(--elevation-high);
border-radius: 8px;
}
#app-mount .categoryHeader__70c8e {
position: sticky;
top: 0;
padding: 0 8px;
background-color: var(--background-floating);
}
#app-mount .autocomplete__743a5.outerWrapper__99794 {
padding-top: 0;
padding-left: 0;
}
.autocomplete__743a5 .rail_ad1aea.wrapper__35c78 {
background-color: transparent;
border-right: var(--background-primary-border);
}
.autocomplete__743a5 .rail_ad1aea.wrapper__35c78 + .scroller_ac6d1c.list__0870a {
margin-top: 8px;
}
.autocomplete__743a5.outerWrapper__99794 {
border-radius: 8px;
border: var(--background-primary-border);
box-shadow: var(--elevation-stroke), var(--elevation-high);
padding: 6px 8px;
}
.attachedBars_c1606a {
background: var(--background-floating);
border-radius: 8px;
margin-bottom: 10px;
border: var(--background-primary-border);
position: absolute;
left: 0;
margin-top: -42px;
}
.hasConnectedBar__7d21e {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.replyBar_ed6afc {
border-radius: 8px;
}
.replyBar_ed6afc {
background: var(--background-floating);
}
.threadSuggestionBar__717a3 {
display: none;
}
.base__87e58,
.base__87e58 img {
border-radius: 5px;
}
.clickable__0b25f[aria-disabled=false] > .base__87e58:hover,
.clickable__0b25f[aria-selected=true] > .base__87e58 {
background-color: var(--brand-experiment);
}
.clickable__0b25f[aria-disabled=false] > .base__87e58:hover .text-md-normal__6a4eb,
.clickable__0b25f[aria-selected=true] > .base__87e58 .text-md-normal__6a4eb,
.clickable__0b25f[aria-disabled=false] > .base__87e58:hover .text-xs-normal_ccc5fb,
.clickable__0b25f[aria-selected=true] > .base__87e58 .text-xs-normal_ccc5fb {
color: #fff !important;
}
.clickable__0b25f[aria-disabled=false] > .base__87e58:hover .icon__9f010,
.clickable__0b25f[aria-selected=true] > .base__87e58 .icon__9f010,
.clickable__0b25f[aria-selected=false] > .base__87e58:hover .icon_f08b13,
.clickable__0b25f[aria-selected=true] > .base__87e58 .icon_f08b13 {
color: #fff;
}
.autocomplete__743a5 .selected__46356,
.autocomplete__743a5 .selected__46356:hover {
background: var(--brand-experiment);
}
#app-mount .selected__46356 .icon__9f010,
#app-mount .selected__46356:hover .icon__9f010 {
color: #fff;
}
.clickable__0b25f[aria-selected=true] > .base__87e58 .colorMuted__413e9.size14_b2af01.optionalCount__2e126,
.clickable__0b25f[aria-disabled=false] > .base__87e58:hover .colorMuted__413e9.size14_b2af01.optionalCount__2e126 {
color: #fff;
}
.theme-light .optionPill__618f2,
.theme-dark .optionPill__618f2 {
border-color: var(--background-modifier-accent);
}
.optionPill__618f2 {
border-radius: 6px;
}
.optionPillKey__0d1a4 {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
#app-mount .customColorPicker_bbc020 {
border-radius: 8px;
background-color: var(--background-floating);
-webkit-backdrop-filter: blur(var(--background-floating-blur-calc));
backdrop-filter: blur(var(--background-floating-blur-calc));
border: var(--background-floating-border);
animation: floatingtranstion 0.5s 0.2s forwards;
}
/* 14.1. Contextmenu */
.menu__088f7 {
position: relative;
background-color: var(--background-floating-80a);
border-radius: 8px;
border: var(--background-floating-border);
box-shadow: var(--elevation-stroke), var(--elevation-high);
}
[class*=didRender] > .menu__088f7 {
background-color: var(--background-floating);
animation: floatingtranstion 0.5s 0.2s forwards;
}
.menu__088f7::before {
content: "";
height: 100%;
width: 100%;
position: absolute;
background-color: transparent;
-webkit-backdrop-filter: blur(var(--background-floating-blur-calc));
backdrop-filter: blur(var(--background-floating-blur-calc));
border-radius: 8px;
}
.theme-dark .menu__088f7 .item__183e8[class*=colorDefault-]:not([class*=focused-], [class*=colorDanger-]),
.theme-dark .menu__088f7 .item__183e8[class*=colorDefault-]:not([class*=focused-], [class*=colorDanger-]) [class^=caret-] {
color: var(--interactive-hover);
}
.theme-light .menu__088f7 .item__183e8[class*=colorDefault-]:not([class*=focused-], [class*=colorDanger-], :active),
.theme-light .menu__088f7 .item__183e8[class*=colorDefault-]:not([class*=focused-], [class*=colorDanger-]) [class^=caret-] {
color: var(--text-normal);
}
.menu__088f7 .item__183e8 [class^=caret-] {
width: 18px;
color: var(--interactive-hover);
}
.menu__088f7 .item__183e8[class*=colorDefault-]:not([class*=colorDanger-])[class*=focused-] [class^=caret-] {
color: #fff;
}
.menu__088f7 .item__183e8 {
border-radius: 5px;
}
.menu__088f7 .item__183e8[class*=colorDefault-]:not([class*=colorDanger-])[class*=focused-] {
background-color: var(--brand-experiment);
color: #fff;
}
.menu__088f7 .item__183e8 [class*=hintContainer-] {
display: none;
}
.menu__088f7 .button_bfb8e1 {
width: 26px;
height: 26px;
padding: 4px;
border-radius: 6px;
background-color: transparent;
border: 1px solid transparent;
}
.menu__088f7 .button_bfb8e1:hover,
.keyboard-mode .button_bfb8e1.focused__53c23 {
border: var(--background-primary-border);
background-color: var(--background-modifier-hover);
}
.popoutContainer__66068 {
background-color: var(--background-floating-80a);
-webkit-backdrop-filter: blur(var(--background-floating-blur-calc));
backdrop-filter: blur(var(--background-floating-blur-calc));
border: var(--background-floating-border);
}
.didRender-2SiRlm .popoutContainer__66068 {
background-color: var(--background-floating);
animation: floatingtranstion 0.5s 0.2s forwards;
}
.popoutContainer__66068 .guildSection__15ac6 {
background-color: transparent;
}
.popoutContainer__66068 .assetWrapper__671e3,
.popoutContainer__66068 .primaryEmoji_cb1dd8,
.popoutContainer__66068 .guildSection__15ac6 svg {
margin-right: 8px;
}
#emoji-picker-tab-panel[role=dialog] .emojiPicker__5e2e2 {
background-color: var(--background-floating);
border-radius: 8px;
box-shadow: var(--elevation-high);
-webkit-backdrop-filter: blur(var(--background-floating-blur-calc));
backdrop-filter: blur(var(--background-floating-blur-calc));
border: var(--background-floating-border);
animation: floatingtranstion 0.5s 0.2s forwards;
}
#gif-picker-tab-panel.container__1e477 {
background-color: transparent;
}
.drawerSizingWrapper_e20f1f > .contentWrapper_e0bb2c {
background-color: var(--background-floating-80a);
-webkit-backdrop-filter: blur(var(--background-floating-blur-calc));
backdrop-filter: blur(var(--background-floating-blur-calc));
border: var(--background-floating-border);
padding-top: 8px;
}
#emoji-picker-tab-panel .searchBar__57f39,
#gif-picker-tab-panel .searchBar_ca009d,
#sticker-picker-tab-panel .searchBar__57f39 {
border-radius: 6px;
background-color: var(--background-modifier-hover);
}
#sticker-picker-tab-panel .header__643ce .container_ec5ce2 {
background-color: transparent;
}
#emoji-picker-tab-panel .searchBar__57f39:focus-within,
#gif-picker-tab-panel .searchBar_ca009d:focus-within,
#sticker-picker-tab-panel .searchBar__57f39-:focus-within {
box-shadow: var(--box-shadow-selection-50a);
}
#emoji-picker-tab-panel .header_e5d8b2,
#gif-picker-tab-panel .header_aac16f,
#sticker-picker-tab-panel .header__643ce {
box-shadow: none;
border-bottom: var(--background-modifier-accent-border);
padding-top: 8px;
padding-bottom: 8px;
}
#emoji-picker-tab-panel .medium_c22914 .input__745d4,
#emoji-picker-tab-panel .medium_c22914 .tag__69d9d,
#gif-picker-tab-panel .medium__5b9a9 .input__48d49,
#gif-picker-tab-panel .medium__5b9a9 .tag__3ba94,
#sticker-picker-tab-panel .medium_c22914 .input__745d4,
#sticker-picker-tab-panel .medium_c22914 .tag__69d9d {
font-size: 14px;
line-height: 24px;
height: 24px;
padding: 0 8px;
}
#emoji-picker-tab-panel .medium_c22914.iconLayout__9d9a4,
#gif-picker-tab-panel .medium__5b9a9.iconLayout__67261,
#sticker-picker-tab-panel .medium_c22914.iconLayout__9d9a4 {
width: 24px;
height: 24px;
}
#emoji-picker-tab-panel .inner__178b2,
#gif-picker-tab-panel .inner__999f6,
#sticker-picker-tab-panel .inner__178b2 {
display: flex;
align-items: center;
padding-right: 4px;
}
#emoji-picker-tab-panel .wrapper__91b2c.header__3028e,
#sticker-picker-tab-panel .wrapper__91b2c.packHeader__8c477 {
position: relative;
background-color: transparent;
}
.emojiItem_de65fd.emojiItemSelected__023be {
background-color: var(--brand-experiment);
}
.wrapper__85934 {
background-color: transparent;
}
.unicodeShortcut__01a83 {
background-color: var(--background-floating);
border-radius: 6px;
margin: 8px;
height: 32px;
width: 32px;
box-shadow: var(--elevation-stroke), var(--elevation-medium);
}
.unicodeShortcut__01a83:hover {
background-color: var(--brand-experiment);
}
.categoryItemDefaultCategory__6c3db {
border-radius: 6px;
}
.categoryItemDefaultCategorySelected__7d6e0,
.categoryItemDefaultCategorySelected__7d6e0:hover {
background-color: var(--brand-experiment);
}
#app-mount .categoryItemDefaultCategorySelected__7d6e0 .categoryIcon_d0a396,
#app-mount .categoryItemDefaultCategorySelected__7d6e0:hover .categoryIcon_d0a396 {
color: #fff;
}
.unicodeShortcut__01a83:hover {
color: #fff;
}
.inspector__80c84 {
width: -moz-fit-content;
width: fit-content;
max-width: calc(100% - 64px);
padding: 0 16px;
background-color: var(--background-floating);
overflow: hidden;
border: var(--background-primary-border);
border-radius: 6px;
margin-right: 8px;
margin-bottom: 8px;
position: absolute;
left: 48px;
bottom: 0;
box-shadow: var(--elevation-stroke), var(--elevation-high);
}
#sticker-picker-tab-panel .listWrapper__588b8 {
overflow: visible;
}
#sticker-picker-tab-panel .inspector__80c84,
#emoji-picker-tab-panel[role=dialog] .inspector__80c84 {
left: 0;
}
.inspector__80c84 .titleSecondary_ebfe3c {
display: none;
}
.inspector__80c84 .graphicSecondary__40864 {
display: none;
}
.navButton_b588d0 {
border-radius: 6px;
font-weight: 500;
border: 1px solid transparent;
}
.navButtonActive__0c878 {
background-color: var(--background-primary);
border: var(--background-primary-border);
color: var(--interactive-active);
}
.navButtonActive__0c878:hover {
color: var(--interactive-active);
}
.diversitySelectorOptions_daea2d {
background-color: var(--background-floating);
border-radius: 6px;
border: var(--background-primary-border);
overflow: hidden;
}
.diversityEmojiItem__48e39:hover {
background-color: var(--brand-experiment);
}
.recentMentionsPopout__40c54 {
max-height: 78vh !important;
background-color: var(--background-tertiary);
box-shadow: var(--elevation-stroke), var(--elevation-high);
border: var(--background-tertiary-border);
border-radius: 8px;
}
.header__21b33 {
position: relative;
z-index: 11;
background-color: var(--background-accent);
box-shadow: var(--elevation-low);
}
.header__58a85 {
height: 52px;
min-height: 52px;
}
.controls_fa77da {
display: flex;
align-items: center;
}
.messagesPopout__28784 {
padding: 16px;
}
.recentMentionsPopout__40c54 .container__7c2c1 {
margin: 0;
margin-bottom: 16px;
padding-right: unset;
}
.messagesPopoutWrap__10dd1 .topPill__63ad4 {
border: var(--background-primary-border);
background: var(--background-primary);
}
.messageGroupWrapper__1fce2 {
position: relative;
background: var(--background-secondary);
border: var(--background-secondary-border);
border-radius: 8px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
margin: 0 0 16px;
overflow: hidden;
}
.recentMentionsPopout__40c54 .container__7c2c1,
.recentMentionsPopout__40c54 .channel__36a7e {
border: var(--background-secondary-border);
}
#app-mount .recentMentionsPopout__40c54 .container__7c2c1,
#app-mount .recentMentionsPopout__40c54 .channel__36a7e,
#app-mount .recentMentionsPopout__40c54 .channelHeader_ea0f89 {
background-color: var(--background-secondary);
}
.recentMentionsPopout__40c54 .channelHeader_ea0f89 {
border-bottom: var(--background-secondary-border);
}
.recentMentionsPopout__40c54 .header__58a85 .tab_a8a066 {
height: unset;
}
#app-mount .header__58a85 .tabBar__2aa8e .tab_a8a066.active__7e7af {
background-color: var(--button-selected-background);
}
.root_a28985.small_f8e677.fullscreenOnMobile__05784 .content_b28aab .message_ff43e6 {
background-color: var(--background-primary);
border-radius: 6px;
border: var(--background-primary-border);
}
.messagesPopoutWrap__10dd1 {
max-height: 78vh !important;
background-color: var(--background-tertiary);
box-shadow: var(--elevation-stroke), var(--elevation-high);
border: var(--background-tertiary-border);
border-radius: 8px;
}
.container__13b2a {
border-radius: 8px;
background-color: var(--background-floating-80a);
-webkit-backdrop-filter: blur(var(--background-floating-blur-calc));
backdrop-filter: blur(var(--background-floating-blur-calc));
border: var(--background-floating-border);
}
.translate-PeW1wK > .container__13b2a {
background-color: var(--background-floating);
animation: floatingtranstion 0.5s 0.2s forwards;
}
.noiseCancellationPopout__023ec {
border-radius: 8px;
-webkit-backdrop-filter: blur(var(--background-floating-blur-calc));
backdrop-filter: blur(var(--background-floating-blur-calc));
border: var(--background-floating-border);
background-color: var(--background-floating);
animation: floatingtranstion 0.5s 0.2s forwards;
}
#app-mount .elevationBorderHigh__24051 {
border: var(--background-floating-border);
background-color: var(--background-floating-80a);
-webkit-backdrop-filter: blur(var(--background-floating-blur-calc));
backdrop-filter: blur(var(--background-floating-blur-calc));
box-shadow: var(--elevation-stroke), var(--elevation-high);
}
.container__84c26 {
border-radius: 8px;
}
.option__91497:after {
display: none;
}
.option__91497:hover {
background-color: var(--brand-experiment);
--search-popout-option-non-text-color: #fff;
}
.option__91497[aria-selected=true] {
background-color: var(--brand-experiment);
--search-popout-option-non-text-color: #fff;
}
.option__91497 {
border-radius: 6px;
}
.option__91497:hover .plusIcon__3ff01,
.option__91497[aria-selected=true] .plusIcon__3ff01 {
color: #fff;
display: block;
}
.option__91497.user__97b4c:hover .displayedNick_ee206c,
.option__91497.user__97b4c[aria-selected=true] .displayedNick_ee206c {
color: #fff;
}
.option__91497.user__97b4c:hover .displayUsername__41697,
.option__91497.user__97b4c[aria-selected=true] .displayUsername__41697 {
color: #dcddde;
}
#app-mount .option__91497:hover :where(.answer__9ff92, .filter__851fb, strong),
#app-mount .option__91497[aria-selected=true] :where(.answer__9ff92, .filter__851fb, strong) {
color: #fff;
}
#app-mount .option__91497:hover .searchResultChannelCategory__3c246,
#app-mount .option__91497:hover .searchResultChannelIcon__80f46,
#app-mount .option__91497[aria-selected=true] .searchResultChannelCategory__3c246,
#app-mount .option__91497[aria-selected=true] .searchResultChannelIcon__80f46 {
color: #fff;
}
#app-mount .queryContainer_c1cb2f.focused__68b93 {
background-color: transparent;
}
.resultsGroup_b221b0 .header__00739 {
font-weight: 600;
text-transform: capitalize;
}
.resultsGroup_b221b0 .searchClearHistory__7fe75:hover {
color: var(--status-danger);
}
#app-mount .calendarPicker__47c85 .react-datepicker {
background-color: transparent;
}
.calendarPicker__47c85 .react-datepicker__month {
border: var(--background-modifier-accent-border);
border-radius: 6px;
}
#app-mount .calendarPicker__47c85 .react-datepicker__header {
background-color: transparent;
border-color: transparent;
}
#app-mount .calendarPicker__47c85 .react-datepicker__navigation.react-datepicker__navigation--next,
#app-mount .calendarPicker__47c85 .react-datepicker__navigation.react-datepicker__navigation--previous {
border: var(--background-modifier-accent-border);
}
#app-mount .calendarPicker__47c85 .react-datepicker__day--disabled,
#app-mount .calendarPicker__47c85 .react-datepicker__day--outside-month,
#app-mount .calendarPicker__47c85 .react-datepicker__day.react-datepicker__day--disabled,
#app-mount .calendarPicker__47c85 .react-datepicker__day.react-datepicker__day--disabled:hover {
background-color: transparent;
color: var(--text-muted);
}
#app-mount .calendarPicker__47c85 .react-datepicker__current-month {
border-bottom: none;
font-size: 14px;
}
#app-mount .calendarPicker__47c85 .react-datepicker__day {
border: none;
}
.calendarPicker__47c85 .react-datepicker__week:first-of-type > .react-datepicker__day:first-of-type,
.calendarPicker__47c85 .react-datepicker__week:first-of-type > .react-datepicker__day:last-of-type,
.calendarPicker__47c85 .react-datepicker__week:last-of-type > .react-datepicker__day:first-of-type,
.calendarPicker__47c85 .react-datepicker__week:last-of-type > .react-datepicker__day:last-of-type {
border-radius: 6px;
}
.calendarPicker__47c85 .react-datepicker__day.react-datepicker__day--keyboard-selected,
.calendarPicker__47c85 .react-datepicker__day.react-datepicker__day--selected:hover,
.calendarPicker__47c85 .react-datepicker__day:hover {
border-radius: 6px;
}
.react-datepicker__day.react-datepicker__day--selected:hover::after {
display: none;
}
.searchResultChannelCategory__3c246,
.searchResultChannelIcon__80f46 {
color: var(--text-muted);
opacity: 0.6;
}
.option__91497 .answer__9ff92,
.option__91497 .filter__851fb,
.option__91497 strong {
color: var(--text-muted);
}
.browser_fa9cea.container_f93da8 {
box-shadow: var(--elevation-stroke), var(--elevation-high);
border: var(--background-tertiary-border);
background-color: var(--background-tertiary);
}
.browser_fa9cea.container_f93da8 .header__6d44a {
background-color: var(--background-accent);
box-shadow: var(--elevation-low);
height: 52px;
}
.browser_fa9cea.container_f93da8 .sectionHeader__0f7c3 {
font-family: var(--font-display);
font-weight: 500;
text-transform: capitalize;
}
.browser_fa9cea.container_f93da8 .header__6d44a .searchBox__9423b.container__33507 {
background-color: transparent;
box-shadow: var(--background-primary-box-shadow-border);
}
.browser_fa9cea.container_f93da8 .header__6d44a .searchBox__9423b:focus-within {
box-shadow: var(--box-shadow-selection-50a);
}
.container__9922f {
background-color: var(--background-secondary);
border: var(--background-secondary-border);
border-radius: 8px;
height: 72px;
margin-bottom: 8px;
padding: 15px;
}
.browser_fa9cea.container_f93da8 .container__9922f .heading-md-medium-2DVCeJ,
.browser_fa9cea.container_f93da8 .container__9922f .heading-md-normal-3Ytn6I {
font-family: var(--font-primary);
font-size: 16px;
line-height: 20px;
font-weight: 600;
}
#account[class*=menu-][role=menu] {
margin: 4px;
}
.profileColors_ac6ab4:not(.userProfileModalOuter_a65559) {
border: var(--background-floating-border);
box-shadow: var(--elevation-stroke), var(--elevation-high);
}
.profileColors_ac6ab4 textarea.textarea__0461c.input_f27786 {
border: none;
background: none;
}
.userPopout-2j1gM4 {
border: var(--background-floating-border);
box-shadow: var(--elevation-stroke), var(--elevation-high);
background-color: var(--background-floating);
-webkit-backdrop-filter: blur(var(--background-floating-blur-calc));
backdrop-filter: blur(var(--background-floating-blur-calc));
animation: floatingtranstion 0.5s 0.2s forwards;
}
@keyframes floatingtranstion {
to {
background-color: var(--background-floating-80a);
}
}
.userPopout-2j1gM4 .avatar-2Vndt_ {
border: 6px solid var(--background-floating);
background-color: var(--background-floating);
}
.bodyInnerWrapper-2bQs1k {
background-color: transparent;
}
.userTagWithNickname-3-znkC {
font-family: var(--font-display);
}
.userTagUsernameNoNickname-2e_xaO,
.userTagDiscriminatorNoNickname-2HLaIE {
font-weight: 500;
}
.userTagDiscriminatorNoNickname-2HLaIE {
font-size: 14px;
font-weight: 400;
line-height: 28px;
}
.role_d81130 {
border: var(--background-primary-border);
background: var(--background-primary);
border-radius: 6px;
}
.note-6O4w9y textarea {
border-radius: 6px;
}
.headerText_c0138d {
text-transform: capitalize;
}
.headerText_c0138d {
font-weight: 500;
}
.eyebrow_e5a66c {
text-transform: capitalize;
}
.userInfoTitle-39qq0Y,
.bodyTitle-2Az3VQ {
font-weight: 600;
}
.userPopout-2j1gM4 .note-Go5ZP2 .input_f27786 {
border: none;
background-color: transparent;
}
.footer-3naVBw {
background-color: transparent;
}
#app-mount .streamPreview__965fa {
border-radius: 8px;
background-color: var(--background-floating);
-webkit-backdrop-filter: blur(var(--background-floating-blur-calc));
backdrop-filter: blur(var(--background-floating-blur-calc));
border: var(--background-floating-border);
animation: floatingtranstion 0.5s 0.2s forwards;
}
/* 14.13. Streaminfo */
.container__56cd1 {
border-radius: 8px;
background-color: var(--background-floating);
-webkit-backdrop-filter: blur(var(--background-floating-blur-calc));
backdrop-filter: blur(var(--background-floating-blur-calc));
border: var(--background-floating-border);
animation: floatingtranstion 0.5s 0.2s forwards;
}
.popout__24e32 {
border-radius: 8px;
background-color: var(--background-floating);
-webkit-backdrop-filter: blur(var(--background-floating-blur-calc));
backdrop-filter: blur(var(--background-floating-blur-calc));
border: var(--background-floating-border);
animation: floatingtranstion 0.5s 0.2s forwards;
}
.didRender-2SiRlm .popout__24e32 {
background-color: var(--background-floating);
animation: floatingtranstion 0.5s 0.2s forwards;
}
.button__581d0 {
border-radius: 6px;
}
.lookFilled__950dd.colorRed__5a617 {
border-top: 1px solid var(--button-danger-background-460);
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
}
.lookFilled__950dd.colorRed__5a617:hover {
border-top: 1px solid var(--button-danger-background);
}
.lookOutlined-3yKVGo.colorRed__5a617:hover {
border-top: 1px solid var(--button-danger-background-460);
}
.button__581d0.lookFilled__950dd.colorPrimary_ebe632 {
color: var(--interactive-active);
background-color: var(--button-selected-background);
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.button__581d0.lookFilled__950dd.colorPrimary_ebe632:hover {
background-color: var(--background-modifier-hover);
border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.lookFilled__950dd.colorBrand__27d57:not(.button_b82d53):hover {
background-color: var(--brand-experiment-440);
}
.button__581d0.lookFilled__950dd {
border-radius: 6px;
box-shadow: var(--btn-outer-shadow);
}
.button__581d0.lookFilled__950dd.colorBrand__27d57:not(.button_b82d53) {
border: 1px solid transparent;
border-top: 1px solid var(--brand-experiment-460);
}
.button__581d0.lookFilled__950dd.colorBrand__27d57:not(.button_b82d53):hover {
border-top: 1px solid var(--brand-experiment);
}
.button__581d0.lookOutlined-3yKVGo {
border-radius: 6px;
}
.disabledButtonWrapper_b04230.button_b82d53.buttonColor__7bad9 {
border: none;
background-color: transparent;
}
.container__2ed72 {
background-color: var(--background-primary) !important;
box-shadow: var(--btn-pill-inner-shadow), 0 0 1px var(--background-secondary);
}
.container__2ed72.checked__36fdc {
background: var(--button-brand-gradient-inner) !important;
}
.container__2ed72 .slider__41d94 svg {
display: none;
}
.container__2ed72 .slider__41d94 {
transform: scale(1.1);
filter: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.2));
}
.checkbox_fcf2ad.checked__16f88 {
border: none;
background: var(--button-brand-gradient);
}
.checkbox_fcf2ad.checked__16f88 svg {
height: 20px;
width: 20px;
}
#app-mount .checkbox_fcf2ad {
border-color: var(--background-modifier-accent);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
background-color: var(--background-primary);
}
.itemFilled__5a849,
.itemFilled__5a849[aria-checked=true],
.itemFilled__5a849[aria-checked=false]:hover {
background-color: transparent;
}
.item_b7fb7e .radioBar__70669 svg {
display: flex;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
border-radius: 50px;
border: var(--background-primary-border);
height: 20px;
width: 20px;
background-color: var(--button-selected-background);
}
.item_b7fb7e .radioBar__70669 svg path {
display: none;
}
.item_b7fb7e[aria-checked=true] .radioBar__70669 svg {
background: var(--button-brand-gradient);
}
.item_b7fb7e[aria-checked=true] .radioBar__70669 svg circle {
r: 6px;
}
.radioIconForeground__9ca1e {
color: #fff;
}
.slider__22e99:not(.mini_d6d84c) .grabber_e3daf3 {
top: 35%;
}
.grabber_e3daf3 {
margin-top: -6px;
border-radius: 50px;
background-color: var(--button-selected-background);
border: 1px solid var(--background-primary);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.slider__22e99:not(.mini_d6d84c) .grabber_e3daf3 {
top: 35%;
}
#app-mount .bar_e58961 {
background-color: var(--background-primary);
box-shadow: var(--btn-pill-inner-shadow), 0 0 1px var(--background-secondary);
}
#app-mount .markDash__54545 {
background-color: var(--background-primary);
box-shadow: var(--btn-pill-inner-shadow);
width: 4px;
border-radius: 4px;
}
.select_fe2671 {
border: 1px solid transparent;
padding: 8px 8px 8px 12px;
border-radius: 6px;
}
.select_fe2671.open_cd27aa {
border-radius: 6px;
}
.select_fe2671 .icons-2dXYop {
color: #fff;
border-radius: 6px;
background: var(--button-brand-gradient);
box-shadow: var(--background-primary-box-shadow-border);
}
.lookFilled__9c1ef.select_fe2671 {
background-color: var(--background-primary) !important;
border: none;
box-shadow: var(--btn-outer-shadow);
}
.popout_a6e77f {
background: var(--background-floating);
border-radius: 8px;
border: var(--background-primary-border);
box-shadow: var(--elevation-stroke), var(--elevation-high);
padding: 6px 8px;
}
.popout_a6e77f.popoutPositionTop__762b9 {
border-radius: 8px;
}
.option_eb83e4 {
border-radius: 5px;
padding: 12px;
cursor: pointer;
color: var(--interactive-normal);
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
font-weight: 500;
box-sizing: border-box;
}
.option_eb83e4,
.bd-select-option {
margin: 2px 0;
}
.option_eb83e4[aria-selected=true]:not(.option_eb83e4.multi__8d15f) {
color: #fff;
background-color: var(--brand-experiment);
}
.h4__2a89d,
.h5__28baa {
font-weight: 600;
text-transform: capitalize;
}
.h5__28baa {
font-size: 14px;
}
.defaultKeybindGroupHeader__3c306 {
text-transform: capitalize;
font-size: 14px;
}
.bd-sidebar-header .bd-sidebar-header-label {
color: var(--text-muted);
text-transform: capitalize;
}
#app-mount .bd-social-logo:not(:hover) path {
fill: var(--interactive-normal);
}
#app-mount .bd-social-logo:hover path[d="M1262.5,135.2L1262.5,135.2l-76.8,0c26.6,13.3,51.7,28.1,75,44.3c70.7,49.1,126.1,111.5,164.6,185.3c39.9,76.6,61.5,165.6,64.3,264.6l0,1.2v1.2c0,141.1,0,596.1,0,737.1v1.2l0,1.2c-2.7,99-24.3,188-64.3,264.6c-38.5,73.8-93.8,136.2-164.6,185.3c-22.6,15.7-46.9,30.1-72.6,43.1h72.5c346.2,1.9,671-171.2,671-567.9V716.7C1933.5,312.2,1608.7,135.2,1262.5,135.2z"] {
fill: var(--interactive-hover);
}
#app-mount .bd-social-logo:active path[d="M1262.5,135.2L1262.5,135.2l-76.8,0c26.6,13.3,51.7,28.1,75,44.3c70.7,49.1,126.1,111.5,164.6,185.3c39.9,76.6,61.5,165.6,64.3,264.6l0,1.2v1.2c0,141.1,0,596.1,0,737.1v1.2l0,1.2c-2.7,99-24.3,188-64.3,264.6c-38.5,73.8-93.8,136.2-164.6,185.3c-22.6,15.7-46.9,30.1-72.6,43.1h72.5c346.2,1.9,671-171.2,671-567.9V716.7C1933.5,312.2,1608.7,135.2,1262.5,135.2z"] {
fill: var(--interactive-active);
}
.bd-settings-title {
color: var(--header-primary);
font-weight: 600;
cursor: default;
flex: 1;
}
.bd-settings-title.bd-settings-group-title {
text-transform: capitalize;
font-family: var(--font-display);
font-weight: 500;
}
.bd-settings-group {
border-radius: 8px;
background-color: var(--background-secondary);
border: var(--background-secondary-border);
padding: 20px;
margin-bottom: 20px;
}
.bd-settings-group ~ .bd-settings-group .bd-settings-title {
margin-top: 0;
}
.bd-settings-group > .bd-settings-container > .bd-setting-item:last-child > .bd-setting-divider:last-child {
display: none;
}
.bd-settings-group > .bd-settings-container > .bd-setting-item:last-child {
margin-bottom: 0;
}
.bd-switch-body {
--switch-color: var(--background-primary);
--symbol1path: none;
--symbol2path: none;
}
.bd-switch input:checked + .bd-switch-body {
--symbol1path: none;
--symbol2path: none;
}
.bd-switch-body .bd-switch-slider {
left: -4px;
height: 24px;
margin: 0 0 0 2px;
}
.bd-switch-body {
box-shadow: var(--btn-pill-inner-shadow), 0 0 1px var(--background-secondary);
}
.bd-switch.bd-switch-checked .bd-switch-body {
background: var(--button-brand-gradient-inner);
}
.bd-select-arrow {
margin-left: 5px;
background-color: var(--background-primary);
border: var(--background-primary-border);
border-radius: 5px;
height: 20px !important;
width: 20px !important;
}
.bd-select {
font-weight: 500;
justify-content: flex-end;
background-color: transparent;
border: none;
padding: 0;
}
.bd-select .bd-select-options {
background: var(--background-floating);
border-radius: 8px;
box-shadow: var(--elevation-stroke), var(--elevation-high);
border: var(--background-primary-border);
padding: 6px 8px;
}
.bd-select .bd-select-option {
border-radius: 5px;
}
.bd-select .bd-select-option.selected {
color: #fff;
background-color: var(--brand-experiment);
}
.bd-select .bd-select-option:not(.bd-select-option.selected):hover {
background: var(--background-modifier-hover);
color: var(--interactive-hover);
}
.bd-number-input {
background-color: var(--background-primary);
border: var(--background-primary-border);
border-radius: 5px;
font-weight: 500;
}
.bd-number-input:focus-within {
box-shadow: var(--box-shadow-selection-50a);
}
.bd-select.bd-select-transparent {
align-items: center;
}
.bd-button {
border-radius: 6px;
box-shadow: var(--btn-outer-shadow);
}
.bd-button:not(.selected) {
box-shadow: none;
}
.bd-addon-views {
padding: 1px;
border: var(--background-secondary-border-a);
border-radius: 8px;
background: var(--background-secondary-a);
}
.bd-addon-views .bd-view-button {
border: 1px solid transparent;
}
.bd-addon-views .bd-view-button + .bd-view-button {
margin-left: 0;
}
.bd-button.bd-view-button.selected {
background-color: var(--button-selected-background);
border-top-color: rgba(255, 255, 255, 0.2);
box-shadow: var(--btn-outer-shadow);
}
.bd-addon-views .bd-view-button.selected svg {
fill: var(--interactive-active);
}
.bd-search-wrapper {
border-radius: 6px;
background-color: transparent;
box-shadow: var(--background-secondary-box-shadow-border);
}
.bd-search-wrapper:focus-within {
box-shadow: var(--box-shadow-selection-50a);
}
.contentColumn__5f80b > .bd-settings-title:first-child {
position: sticky;
display: flex;
align-items: center;
top: 0;
width: 200%;
padding: 16px;
margin-left: -41px;
z-index: 10;
-webkit-app-region: drag;
transform: translateY(-32px);
background-color: var(--background-accent-a);
box-shadow: var(--elevation-low);
}
.contentColumn__5f80b > .bd-settings-title:first-child {
font-size: 16px;
line-height: 20px;
font-weight: 600;
margin-bottom: 0;
}
.bd-button.bd-button-title {
-webkit-app-region: no-drag;
}
.theme-light .plugin-input-group .button-collapse {
filter: invert(1);
}
.bd-addon-modal-header h1 {
font-size: 16px;
line-height: 20px;
}
.bd-addon-modal-footer .bd-button.button__581d0.lookFilled__950dd.colorBrand__27d57.sizeMedium-2bFIHr {
height: unset;
min-height: unset;
background: var(--button-brand-gradient);
}
#app-mount .bd-store-card {
--background-secondary-alt: var(--background-primary);
--background-tertiary: var(--background-secondary);
box-shadow: var(--box-shadow-outer-2);
border: var(--background-primary-border);
}
.contentColumn__5f80b #bd-editor-panel {
border-radius: 10px;
border: var(--background-secondary-border);
overflow: hidden;
}
bd-body .floating-window {
z-index: 9999;
border-radius: 10px;
border: var(--background-tertiary-border);
box-shadow: var(--elevation-stroke), var(--elevation-high);
}
#bd-editor-controls button {
border-radius: 5px;
}
#bd-editor-controls .da-checkboxElement {
margin: 0;
}
.floating-window-titlebar .title {
text-align: center;
font-family: var(--font-display);
font-weight: 500;
}
.floating-window-buttons {
padding-left: 6px;
position: absolute;
}
.floating-window-buttons .button {
width: 12px;
height: 12px;
margin-right: 8px;
}
.floating-window-buttons .button svg > * {
display: none;
}
.floating-window-buttons .button > svg {
border-radius: 50%;
height: 100% !important;
}
.floating-window-buttons .close-button {
order: -1;
border-radius: 50%;
}
.floating-window-buttons .close-button > svg {
background-color: #ff5c57;
}
.floating-window-buttons .maximize-button > svg {
background-color: #26c84b;
}
.floating-window-buttons:hover .close-button > svg {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMjkyODkgNkwyLjgxODAxIDMuNTI1MTNMMy41MjUxMiAyLjgxODAyTDUuOTk5OTkgNS4yOTI4OUw4LjQ3NDg3IDIuODE4MDJMOS4xODE5NyAzLjUyNTEzTDYuNzA3MSA2TDkuMTgxOTcgOC40NzQ4N0w4LjQ3NDg3IDkuMTgxOThMNS45OTk5OSA2LjcwNzExTDMuNTI1MTIgOS4xODE5OEwyLjgxODAxIDguNDc0ODdMNS4yOTI4OSA2WiIgZmlsbD0iI0EyMDAwOCIvPgo8L3N2Zz4=);
}
.floating-window-buttons:hover .maximize-button > svg {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMzkyOTMgMy4wMDg5M0wzLjAwODg3IDcuMzkyOTlMMi44MTc5NSAyLjgxODAxTDcuMzkyOTMgMy4wMDg5M1oiIGZpbGw9IiMwMjZBMTUiLz4KPHBhdGggZD0iTTQuNjA2OTUgOC45OTEwMUw4Ljk5MTAxIDQuNjA2OTVMOS4xODE5MyA5LjE4MTkzTDQuNjA2OTUgOC45OTEwMVogIiBmaWxsPSIjMDI2QTE1Ii8+Cjwvc3ZnPg==);
}
.bd-addon-list {
--bdAddonMini-bg-checked: var(--background-primary);
--bdAddonMini-bg-unchecked: var(--background-tertiary);
--bdAddonMini-bg-unchecked-hover: var(--background-secondary);
}
.bd-addon-list .bd-controls > .bd-addon-button,
.bd-addon-list .bd-controls > .bd-addon-button:first-of-type {
border-radius: 5px;
}
.bd-addon-list .bd-controls > .bd-button:last-of-type {
border-radius: 5px;
}
.bd-addon-list .bd-description-wrap {
border-radius: 8px;
border: var(--background-primary-border);
}
.bd-addon-card:has(.bd-switch-checked) {
border: var(--background-primary-border);
}
.bd-addon-card:not(:has(.bd-switch-checked), .bd-addon-card-disabled) {
background: none;
border: var(--background-secondary-border);
}
.bd-addon-list .bd-description-wrap {
background-color: var(--background-floating);
box-shadow: var(--elevation-stroke), var(--elevation-high);
}
.bd-toast {
border: var(--background-primary-border);
}
#app-mount .bd-addon-error {
border: var(--background-primary-border);
background-color: var(--background-primary);
border-radius: 8px;
}
.qwert-toast {
-webkit-app-region: no-drag;
}
#app-mount .bettersyntax-buttons {
margin-left: unset;
margin-top: unset;
height: unset;
width: 100%;
background-color: var(--background-primary) !important;
display: flex;
align-content: center;
justify-content: flex-end;
border-radius: 0 0 8px 8px;
}
.betterMessageLinks.Popout {
border-radius: 8px;
border: var(--background-primary-border);
box-shadow: var(--elevation-stroke), var(--elevation-high);
}
.ChannelDms-channelmembers-wrap .channel__0aef5 {
max-width: unset;
}
.ChannelDms-channelmembers-wrap {
width: var(--members-width);
}
.ChannelDms-channelmembers-wrap .ChannelDms-channelmembers-header {
background: var(--background-primary-a) !important;
margin: 10px 0;
padding: 0 !important;
display: flex;
align-self: center;
border-bottom: var(--background-primary-border-a) !important;
}
.ChannelDms-channelmembers-wrap .searchBar__621ec .searchBarComponent__8f95f {
background-color: transparent;
}
.ChannelDms-channelmembers-wrap .topPill__63ad4 {
border: var(--background-primary-border-a);
border-radius: 8px;
width: -moz-fit-content;
width: fit-content;
}
.ChannelDms-channelpopout-popout {
color: var(--header-primary) !important;
background: var(--background-secondary) !important;
border: var(--background-primary-border);
box-shadow: var(--elevation-stroke), var(--elevation-high) !important;
}
.ChannelDms-channelpopout-popout .ChannelDms-channelpopout-header {
background: var(--background-accent) !important;
}
.ChannelDms-channelpopout-headerName {
font-family: var(--font-display);
}
.channelTabs-tab:not(.channelTabs-selected):hover {
box-shadow: var(--box-shadow-border);
}
#app-mount .channelTabs-tab.channelTabs-selected {
background: var(--brand-experiment);
}
#app-mount .channelTabs-tab.channelTabs-selected .channelTabs-tabName {
color: #fff;
}
#app-mount #dv-mount {
background-color: transparent;
}
#app-mount #MemberCount {
background-color: transparent;
}
.container-OnlineFriendCount .listItem__39e63 {
max-width: 60px;
}
.wrapper_e832ee:not(:empty) + .container-6sXIoE {
border-bottom: none;
border-radius: 12px 12px 0 0;
}
.wrapper_e832ee + .container-6sXIoE {
border: var(--background-tertiary-border);
border-radius: 12px;
background-color: var(--background-floating-40a);
margin-bottom: 0;
}
.wrapper_e832ee:not(:nth-last-child(2)) {
border-radius: 0 0 12px 12px;
border-top: none;
}
.panel_bd8c76.activityPanel_b73e7a:not(:nth-last-child(3)) {
border-radius: 0;
border-top: none;
}
.container-6sXIoE:not(.maximized-vv2Wr0) .details-ntX2k5 + .flex_f18b02 .button_ae40a4.enabled__214db:first-child {
display: none;
}
.theme-dark .container-6sXIoE.maximized-vv2Wr0 .cover-SwJ-ck[name=QuestionMark_Activity] {
background: url(https://i.imgur.com/kHch9q7.png) center/cover no-repeat, var(--background-modifier-hover);
}
.theme-dark .container-6sXIoE:not(.maximized-vv2Wr0) .cover-SwJ-ck[name=QuestionMark_Activity] {
background: url(https://i.imgur.com/UZ3LzIp.png) center/cover no-repeat, var(--background-modifier-hover);
}
.theme-light .container-6sXIoE.maximized-vv2Wr0 .cover-SwJ-ck[name=QuestionMark_Activity] {
background: url(https://i.imgur.com/or0m0Uz.png) center/cover no-repeat, var(--background-modifier-hover);
}
.theme-light .container-6sXIoE:not(.maximized-vv2Wr0) .cover-SwJ-ck[name=QuestionMark_Activity] {
background: url(https://i.imgur.com/zlyhZel.png) center/cover no-repeat, var(--background-modifier-hover);
}
.cover-SwJ-ck[name=QuestionMark_Activity] g {
display: none;
}
.container-6sXIoE.maximized-vv2Wr0 .coverWrapper-YAplwJ {
width: calc(100% - 4px);
margin-top: 8px;
border-radius: 6px;
border: var(--background-modifier-accent-border);
}
.activityButton-5Fs4Aa {
right: 40px;
}
.container-6sXIoE.maximized-vv2Wr0 .maximizer-RVu85p {
top: unset;
height: 20px;
}
.activityButton-5Fs4Aa,
.maximizer-RVu85p {
background-color: transparent;
color: var(--interactive-normal);
bottom: 4px;
height: 20px;
pointer-events: all;
}
.activityButton-5Fs4Aa:hover,
.maximizer-RVu85p:hover {
color: var(--interactive-hover);
}
.activityButton-5Fs4Aa:active,
.maximizer-RVu85p:active {
color: var(--interactive-active);
}
#app-mount .UserDetails-dates-container svg {
fill: var(--interactive-normal);
}
#app-mount .UserDetails-dates-container > div:hover svg {
fill: var(--interactive-hover);
}
#app-mount .UserDetails-badge-connection.UserDetails-badge-verified .UserDetails-badge-verifiedBadge {
background: var(--background-floating-80a);
}
#app-mount .UserDetails-mutualFriends-header,
#app-mount .UserDetails-mutualServers-header,
#app-mount .UserDetails-connections-header {
font-weight: 600;
text-transform: capitalize;
}
.reactions_a5c18a