@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