From ff7f467d46055cba34c56cf895885505a43cc2fd Mon Sep 17 00:00:00 2001 From: tay Date: Sat, 6 Jul 2024 16:01:05 -0400 Subject: [PATCH] Updated more of the discord theme css --- .../themes/GitHub-Dark/GitHub-Dark.theme.css | 2 +- .../Material-Discord-material-you-source.css | 674 - other/themes/Material-Discord-source.css | 17049 ---------------- .../Material-Discord.theme.css | 6 +- other/themes/Material-Discord/changelog.md | 566 - .../Material-Discord/css/addons/README.md | 14 - .../css/addons/custom-themes/README.md | 23 - 7 files changed, 4 insertions(+), 18330 deletions(-) delete mode 100644 other/themes/Material-Discord-material-you-source.css delete mode 100644 other/themes/Material-Discord-source.css delete mode 100644 other/themes/Material-Discord/changelog.md delete mode 100644 other/themes/Material-Discord/css/addons/README.md delete mode 100644 other/themes/Material-Discord/css/addons/custom-themes/README.md diff --git a/other/themes/GitHub-Dark/GitHub-Dark.theme.css b/other/themes/GitHub-Dark/GitHub-Dark.theme.css index 104dc4f..c4aa9a5 100644 --- a/other/themes/GitHub-Dark/GitHub-Dark.theme.css +++ b/other/themes/GitHub-Dark/GitHub-Dark.theme.css @@ -3,7 +3,7 @@ * @version 1.0.0 * @description A modified version of the GitHub Dark Discord theme by Sango. * @author Tay - * @source https://github.com/moistp1ckle/GitHub_Dark + * @source https://github.com/tayrp/tayrp.github.io/tree/main/other/themes/GitHub-Dark * @website https://tay.is-a.dev/ **/ diff --git a/other/themes/Material-Discord-material-you-source.css b/other/themes/Material-Discord-material-you-source.css deleted file mode 100644 index e302a05..0000000 --- a/other/themes/Material-Discord-material-you-source.css +++ /dev/null @@ -1,674 +0,0 @@ -.theme-dark { - --saturation-modifier: 0.31; - --lightness-modifier: 0.225; - --text-lightness-modifier: 1.0; - --main-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.875 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier)) - ); - --main-alt: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.7) - ); - --accent-hsl--material-you: - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 3 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 5.25); - --accent-text-color--material-you: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 3 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 1.725) - ); - --alert-hsl: - var(--alert-hue), - calc(var(--alert-saturation) * 0.9 * var(--saturation-factor)), - calc(var(--alert-lightness) * 1.1); - --alert-text-color: hsl( - var(--alert-hue), - calc(var(--alert-saturation) * 0.65 * var(--saturation-factor)), - calc(var(--alert-lightness) * 0.3) - ); - --warning-hsl: - var(--warning-hue), - calc(var(--warning-saturation) * var(--saturation-factor)), - var(--warning-lightness); - --warning-text-color: hsl( - var(--warning-hue), - calc(var(--warning-saturation) * var(--saturation-factor) * 0.82), - calc(var(--warning-lightness) * 0.34) - ); - --button-link-color: - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 1.25 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 5.25); - --button-link-text-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.6 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 3.3)); - --channels-default: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.78 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * var(--text-lightness-modifier) * 4.68) - ); - --channel-icon: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.96 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * var(--text-lightness-modifier) * 4.31) - ); - --status-picker-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 1.75) - ); - --sidebar-panel-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 1.425) - ); - --message-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 1.4) - ); - --message-color-alt: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 1.2) - ); - --message-color-hover: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 1.7) - ); - --attachment-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier)) - ); - --main-textarea-color-alt: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.8 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 2.3) - ); - --main-textarea-border: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.6 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 2.8) - ); - --input-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 1.7) - ); - --input-color-alt: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 2.1) - ); - --input-border-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.6 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 3.8) - ); - --input-text-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.42 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * var(--text-lightness-modifier) * 6.9) - ); - --input-placeholder-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.42 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * var(--text-lightness-modifier) * 4.4) - ); - --popout-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 1.75) - ); - --popout-color-alt: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 1.275) - ); - --menu-item-hover: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.785 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 2.495), - 0.585 - ); - --menu-item-select: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.785 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 2.4825), - 0.855 - ); - --menu-item-text-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 1.2 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * var(--text-lightness-modifier) * 5.4) - ); - --card-color-filled: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 1.325) - ); - --card-color-hover: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 1.585) - ); - --card-color-active: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 2.115) - ); - --card-color-alt: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 1.625) - ); - --card-color-alt-hover: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 1.865) - ); - --card-header-text-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 1.6 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * var(--text-lightness-modifier) * 6.34) - ); - --card-button-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 2.1), - 0.7 - ); - --card-button-color-hover: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 2.25), - 0.9 - ); - --switch-knob-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.4 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 3.85) - ); - --switch-slider-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.75 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 1.95) - ); - --switch-slider-color-modal: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.75 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 2.35) - ); - --profile-body-background-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 1.225) - ); - --activity-card-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 1.35) - ); - --activity-card-color--hover: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 1.515) - ); - --activity-card-color--active: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 1.6) - ); - --activity-card-color--inset: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 1.95) - ); - --card-border-color: rgba(255,255,255,0.1); - --interactive-active: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 1.84 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * var(--text-lightness-modifier) * 6.94) - ); - --interactive-normal: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 1.41 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * var(--text-lightness-modifier) * 5.81) - ); - --interactive-muted: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.9 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * var(--text-lightness-modifier) * 2.4) - ); - --header-primary: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 1.73 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * var(--text-lightness-modifier) * 6.7) - ); - --header-secondary: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 1.4 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * var(--text-lightness-modifier) * 6.3) - ); - --text-normal: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.81 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * var(--text-lightness-modifier) * 6.4) - ); - --text-muted: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.66 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * var(--text-lightness-modifier) * 4.02) - ); - } - .theme-dark .layer_cd0de5, - .theme-dark .root_f9a4c9 { - --input-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 2.3) - ); - } - .theme-dark .layer_cd0de5 .input_f8bc55, - .theme-dark .root_f9a4c9 .input_f8bc55 { - --input-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 2.2) - ); - } - .theme-dark .triggerMainContainer_df95ff { - --input-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 1.95) - ); - } - - .theme-light { - --saturation-modifier: 0.74; - --lightness-modifier: 2.125; - --text-lightness-modifier: 1.0; - --main-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.875 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.725) - ); - --main-alt: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.675) - ); - --accent-hsl--material-you: - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.84 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.4); - --accent-text-color--material-you: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 2 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.77) - ); - --alert-hsl: - var(--alert-hue), - calc(var(--alert-saturation) * 0.9 * var(--saturation-factor)), - calc(var(--alert-lightness) * 1.15); - --alert-text-color: hsl( - var(--alert-hue), - calc(var(--alert-saturation) * 0.65 * var(--saturation-factor)), - calc(var(--alert-lightness) * 0.4) - ); - --warning-hsl: - var(--warning-hue), - calc(var(--warning-saturation) * var(--saturation-factor) * 1.16), - calc(var(--warning-lightness) * 0.94); - --warning-text-color: hsl( - var(--warning-hue), - calc(var(--warning-saturation) * var(--saturation-factor) * 0.78), - calc(var(--warning-lightness) * 0.42) - ); - --button-link-color: - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 1 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.3); - --button-link-text-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.425 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.45)); - --button-link-accent-color: - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 2 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.535); - --button-link-accent-text-color: var(--accent-text-color--material-you); - --channels-default: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.36 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * var(--text-lightness-modifier) * 0.32) - ); - --channel-icon: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.39 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * var(--text-lightness-modifier) * 0.35) - ); - --status-picker-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.6825) - ); - --sidebar-panel-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.6985) - ); - --message-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.695) - ); - --message-color-alt: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.685) - ); - --message-color-hover: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.665) - ); - --attachment-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.775) - ); - --main-textarea-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.675) - ); - --main-textarea-color-alt: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.8 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.825) - ); - --main-textarea-border: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.2 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.52) - ); - --input-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.775) - ); - --input-color-alt: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier)) - ); - --input-border-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.1 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.37) - ); - --input-text-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.61 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * var(--text-lightness-modifier) * 0.18) - ); - --input-placeholder-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.41 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * var(--text-lightness-modifier) * 0.3) - ); - --popout-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.735) - ); - --popout-color-alt: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.8) - ); - --menu-item-hover: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.615 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.6415), - 0.665 - ); - --menu-item-select: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.615 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.625), - 0.85 - ); - --menu-item-text-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.38 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * var(--text-lightness-modifier) * 0.26) - ); - --card-color-filled: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.705) - ); - --card-color-hover: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.67) - ); - --card-color-active: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.625) - ); - --card-color-alt: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.75) - ); - --card-color-alt-hover: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.65) - ); - --card-header-text-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.33 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * var(--text-lightness-modifier) * 0.18) - ); - --card-button-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.9) - ); - --card-button-color-hover: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.7) - ); - --switch-knob-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.3 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.375) - ); - --switch-slider-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.8 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.65) - ); - --switch-slider-color-modal: var(--switch-slider-color); - --switch-color-checked: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 1.2 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.3) - ); - --profile-body-background-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.85) - ); - --activity-card-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.695) - ); - --activity-card-color--hover: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.6815) - ); - --activity-card-color--active: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.6755) - ); - --activity-card-color--inset: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.745) - ); - --interactive-active: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.32 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * var(--text-lightness-modifier) * 0.16) - ); - --interactive-normal: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.35 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * var(--text-lightness-modifier) * 0.21) - ); - --interactive-muted: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.31 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * var(--text-lightness-modifier) * 0.52) - ); - --header-primary: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.33 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * var(--text-lightness-modifier) * 0.18) - ); - --header-secondary: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.38 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * var(--text-lightness-modifier) * 0.27) - ); - --text-normal: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.17 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * var(--text-lightness-modifier) * 0.19) - ); - --text-muted: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.34 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * var(--text-lightness-modifier) * 0.36) - ); - } - .theme-light .lookOutlined_dd4f85.colorBrand_dd4f85, .theme-light .lookOutlined_dd4f85.colorPrimary_dd4f85 { - --button-text-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 1.2 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.3) - ); - --button-outline: 1px solid hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 1.2 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.3) - ); - } - .theme-light .lookOutlined_dd4f85.colorBrand_dd4f85:after, .theme-light .lookOutlined_dd4f85.colorPrimary_dd4f85:after { - background-color: hsl(var(--accent-hue), calc(var(--accent-saturation) * var(--saturation-modifier) * 1.2 * var(--saturation-factor)), calc(var(--accent-lightness) * var(--lightness-modifier) * 0.3)); - } - .theme-light .lookLink_dd4f85.colorBrand_dd4f85, .theme-light .lookLink_dd4f85.colorPrimary_dd4f85, .theme-light .lookLink_dd4f85.colorLink_dd4f85, .theme-light .lookLink_dd4f85.colorLink_fbc755 { - --button-text-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 0.84 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.4) - ) !important; - } - .theme-light .slider_c7a159 .bar_c7a159 .barFill_c7a159, - .theme-light .slider_c7a159 .track_c7a159 .grabber_c7a159 { - background-color: hsl(var(--accent-hue), calc(var(--accent-saturation) * var(--saturation-modifier) * 1.2 * var(--saturation-factor)), calc(var(--accent-lightness) * var(--lightness-modifier) * 0.3)) !important; - } - .theme-light [aria-checked=true].item_eb92a8 .radioBar_eb92a8 svg { - color: hsl(var(--accent-hue), calc(var(--accent-saturation) * var(--saturation-modifier) * 1.2 * var(--saturation-factor)), calc(var(--accent-lightness) * var(--lightness-modifier) * 0.3)); - } - .theme-light [role=menuitemradio][aria-checked=true].item_d90b3d .icon_d90b3d { - color: hsl(var(--accent-hue), calc(var(--accent-saturation) * var(--saturation-modifier) * 1.2 * var(--saturation-factor)), calc(var(--accent-lightness) * var(--lightness-modifier) * 0.3)); - } - .theme-light .colorDefault_d90b3d .checkbox_d90b3d { - color: hsl(var(--accent-hue), calc(var(--accent-saturation) * var(--saturation-modifier) * 1.2 * var(--saturation-factor)), calc(var(--accent-lightness) * var(--lightness-modifier) * 0.3)); - } - .theme-light .colorDefault_d90b3d .check_d90b3d { - color: hsl(var(--accent-hsl--material-you)); - } - .theme-light .input_f8bc55:focus { - --accent-hsl--material-you: - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 1.2 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.3); - } - .theme-light.layer_cd0de5 .input_f8bc55, - .theme-light.layer_cd0de5 .vc-rdb-input, .layer-fP3xEz.theme-light .input_f8bc55, - .layer-fP3xEz.theme-light .vc-rdb-input { - --input-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.72) - ); - } - .theme-light .root_f9a4c9 .content_f9a4c9 a, .theme-light .root_f9a4c9 .content-3BqJRb a { - color: hsl(var(--accent-hue), calc(var(--accent-saturation) * var(--saturation-modifier) * 1.2 * var(--saturation-factor)), calc(var(--accent-lightness) * var(--lightness-modifier) * 0.3)); - } - .theme-light .root_f9a4c9 .input_f8bc55 { - --input-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.72) - ); - } - .theme-light .header_c2efea .container__33507 { - --input-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.71) - ); - } - .theme-light .triggerMainContainer_df95ff { - --input-color: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.71) - ); - } - .theme-light .jumpToPresentBar_cf58b5 { - --accent-hsl--material-you: - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.64); - --accent-text-color--material-you: hsl( - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.225) - ); - } - .theme-light .iconBadge_e44302 { - --accent-hsl--material-you: - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 1.2 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.3); - } - .theme-light .container_b385c8 { - --accent-hsl--material-you: - var(--accent-hue), - calc(var(--accent-saturation) * var(--saturation-modifier) * 1.2 * var(--saturation-factor)), - calc(var(--accent-lightness) * var(--lightness-modifier) * 0.3); - } - - /*# sourceMappingURL=Material-Discord_addon-material-you.theme.css.map */ diff --git a/other/themes/Material-Discord-source.css b/other/themes/Material-Discord-source.css deleted file mode 100644 index 813d2e9..0000000 --- a/other/themes/Material-Discord-source.css +++ /dev/null @@ -1,17049 +0,0 @@ -@import url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/css/icons.css"); -:root { - --app-font: "Google Sans"; - --app-bg: var(--main-alt); - --accent-hue: 224; - --accent-saturation: 71%; - --accent-lightness: 61%; - --accent-hsl: var(--accent-hue),calc(var(--accent-saturation) * var(--saturation-factor)),var(--accent-lightness); - --accent-text-color: hsl(0,0%,100%); - --alert-hue: 0; - --alert-saturation: 85%; - --alert-lightness: 61%; - --alert-hsl: var(--alert-hue), calc(var(--alert-saturation) * var(--saturation-factor)), var(--alert-lightness); - --alert-text-color: hsl(0,0%,100%); - --warning-hue: 40; - --warning-saturation: 86.4%; - --warning-lightness: 56.9%; - --warning-hsl: var(--warning-hue), calc(var(--warning-saturation) * var(--saturation-factor)), var(--warning-lightness); - --warning-text-color: hsl(0,0%,100%); - --success-color: hsl(153,46%,49%); - --sidebar-panel-radius-big: var(--popout-radius-big); - --sidebar-panel-radius-small: 4px; - --message-radius: 18px; - --message-padding-top: 8px; - --message-padding-side: 12px; - --main-textarea-color: var(--input-color); - --main-textarea-border: var(--input-border-color); - --main-textarea-radius: 24px; - --media-radius: calc(var(--message-radius) / 1.75); - --card-radius: 8px; - --card-radius-big: 18px; - --button-height: 36px; - --button-radius: calc(var(--button-height) / 2); - --button-padding: 0 24px; - --button-font-size: 14px; - --button-link-accent-color: var(--accent-hsl--material-you); - --button-link-accent-text-color: hsl(var(--accent-hsl--material-you)); - --button-action-color: hsl(0,0%,100%); - --button-action-hover: 0.06; - --button-action-active: 0.12; - --input-height: var(--button-height); - --input-radius: calc(var(--input-height) / 2); - --input-padding: 0 12px; - --typing-color: hsl(from var(--chat-color) h s l / 0.9); - --emoji-category-header: hsl(from var(--popout-color) h s l / 0.95); - --popout-radius: var(--card-radius); - --popout-radius-big: var(--card-radius-big); - --avatar-radius: 24px; - --channel-radius: 21px; - --spotify-color: hsl(141,73%,42%); - --stream-color: hsl(262,47%,40%); - --xbox-color: hsl(120,77%,27%); - --tooltip-color: hsl(0,0%,38%,0.9); - --tooltip-border-color: hsl(0,0%,51%); - --tooltip-text-color: hsl(0,0%,87%); - --tooltip-font-size: 12px; - --tooltip-padding: 8px; - --tooltip-radius: 8px; - --tooltip-shadow: 0px 5px 15px hsl(0,0%,0%,0.2); - --shadow-1dp: 0 2px 2px 0 hsl(0,0%,0%,0.14), 0 3px 1px -2px hsl(0,0%,0%,0.2), 0 1px 5px 0 hsl(0,0%,0%,0.12); - --shadow-2dp: 0 4px 5px 0 hsl(0,0%,0%,0.14), 0 1px 10px 0 hsl(0,0%,0%,0.12), 0 2px 4px -1px hsl(0,0%,0%,0.2); - --shadow-3dp: 0 8px 10px 1px hsl(0,0%,0%,0.14), 0 3px 14px 2px hsl(0,0%,0%,0.12), 0 5px 5px -3px hsl(0,0%,0%,0.2); - --default-animation: cubic-bezier(0.4,0,0.2,1); - --default-time: 250ms; - --scrollbar-width: 10px; - --scrollbar-thin-width: 6px; - --window-title-bar: 22px; - --window-button-min: hsl(39,100%,63%); - --window-button-max: hsl(143,100%,40%); - --window-button-close: hsl(1,100%,68%); - --code-font: 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; -} - -.theme-dark { - --main-color: hsl(225,8%,9%); - --main-alt: hsl(220,9%,6%); - --accent-hsl--material-you: var(--accent-hsl); - --accent-text-color--material-you: var(--accent-text-color); - --server-color: transparent; - --server-folder-color: hsl(0,0%,100%,0.085); - --status-picker-color: hsl(228,5%,18%); - --sidebar-panel-color: hsl(228,7%,14%); - --chat-color: var(--main-color); - --message-color: hsl(216,7%,14%); - --message-color-hover: hsl(216,7%,18%); - --message-color-alt: hsl(216,7%,13%); - --attachment-color: hsl(216,7%,9%); - --popout-color: hsl(214,7%,19%); - --popout-color-alt: hsl(216,7%,14%); - --popout-header-border: hsl(0,0%,100%,0.125); - --separator-color: hsl(0,0%,100%,0.125); - --header-secondary: hsl(0,0%,92%); - --profile-body-background-color: hsl(225,6%,14%); - --input-color: hsl(240,4%,16%); - --input-color-alt: hsl(240,2%,22%); - --input-border-color: hsl(0,0%,29%); - --input-text-color: hsl(0,0%,85%); - --input-placeholder-color: hsl(0,0%,59%); - --input-pill-color: hsl(0,0%,100%,0.125); - --tab-border-color: hsl(0,0%,100%); - --interactive-muted: hsl(0,0%,41%); - --text-disabled: hsl(0,0%,40%); - --menu-item-hover: hsl(0,0%,100%,0.075); - --menu-item-select: hsl(0,0%,100%,0.1); - --menu-item-select-accent-opacity: 0.3; - --menu-item-text-color: hsl(0,0%,76%); - --card-color-outlined: transparent; - --card-color-filled: hsl(225,6%,13%); - --card-color-hover: hsl(225,6%,16%); - --card-color-active: hsl(225,6%,25%); - --card-color-alt: hsl(225,6%,18%); - --card-color-alt-hover: hsl(225,6%,21%); - --card-border-color: hsl(220,3%,26%); - --card-header-text-color: hsl(0,0%,93%); - --card-button-color: hsl(0,0%,100%,0.09); - --card-button-color-hover: hsl(0,0%,100%,0.135); - --activity-card-color: hsl(0,0%,100%,0.0475); - --activity-card-color--hover: hsl(0,0%,100%,0.06); - --activity-card-color--active: hsl(0,0%,100%,0.07); - --activity-card-color--inset: hsl(0,0%,100%,0.05); - --button-link-color: 0,0%,100%; - --button-link-text-color: hsl(0,0%,100%); - --button-border-color: hsl(0,0%,27%); - --switch-knob-color: hsl(0,0%,47%); - --switch-knob-color-modal: hsl(0,0%,56%); - --switch-slider-color: hsl(240,1%,20%); - --switch-slider-color-modal: var(--switch-slider-color); - --switch-color-modifier: 1.3; - --switch-color-checked: hsl(var(--accent-hsl),0.3); - --md-ripple-color: 0,100%,100%; - --scrollbar-color: 255,255,255; - --window-button: hsl(0,0%,100%,0.1); - --window-button-inactive: hsl(0,0%,100%,0.05); - --text-brand: hsl(var(--accent-hsl)); - --text-link: hsl(var(--accent-hsl)); -} - -.theme-light { - --main-color: hsl(0,0%,98%); - --main-alt: hsl(0,0%,91%); - --accent-hsl--material-you: var(--accent-hsl); - --accent-text-color--material-you: var(--accent-text-color); - --server-color: transparent; - --server-folder-color: hsl(0,0%,0%,0.1); - --status-picker-color: hsl(180,3%,87%); - --sidebar-panel-color: hsl(210,5%,93%); - --chat-color: var(--main-color); - --message-color: hsl(210,4%,90%); - --message-color-hover: hsl(210,4%,86%); - --message-color-alt: hsl(210,4%,84%); - --attachment-color: hsl(210,4%,79%); - --main-textarea-color-alt: hsl(0,0%,98%); - --popout-color: hsl(0,0%,100%); - --popout-color-alt: hsl(0,0%,90%); - --popout-header-border: hsl(0,0%,80%); - --separator-color: hsl(0,0%,0%,0.195); - --header-secondary: hsl(0,0%,27%); - --profile-body-background-color: hsl(0,0%,93%); - --input-color: hsl(0,0%,89%); - --input-color-alt: hsl(0,0%,100%); - --input-border-color: hsl(0,0%,66%); - --input-text-color: hsl(0,0%,17%); - --input-placeholder-color: hsl(0,0%,39%); - --input-pill-color: hsl(0,0%,0%,0.135); - --tab-border-color: hsl(0,0%,47%); - --interactive-muted: hsl(0,0%,60%); - --text-disabled: hsl(0,0%,75%); - --menu-item-hover: hsl(0,0%,0%,0.1); - --menu-item-select: hsl(0,0%,0%,0.125); - --menu-item-select-accent-opacity: 0.4; - --menu-item-text-color: hsl(0,0%,20%); - --card-color-outlined: transparent; - --card-color-filled: hsl(0,0%,92%); - --card-color-hover: hsl(0,0%,85%); - --card-color-active: hsl(0,0%,80%); - --card-color-alt: hsl(0,0%,98%); - --card-color-alt-hover: hsl(0,0%,88%); - --card-border-color: hsl(0,0%,78%); - --card-header-text-color: hsl(0,0%,20%); - --card-button-color: hsl(0,0%,100%,1); - --card-button-color-hover: hsl(0,0%,0%,0.1); - --activity-card-color: hsl(0,0%,0%,0.0785); - --activity-card-color--hover: hsl(0,0%,0%,0.1); - --activity-card-color--active: hsl(0,0%,0%,0.125); - --activity-card-color--inset: hsl(0,0%,100%,0.685); - --button-link-color: 0,0%,0%; - --button-link-text-color: hsl(0,0%,20%); - --button-border-color: hsl(0,0%,80%); - --switch-knob-color: hsl(0,0%,49%); - --switch-slider-color: hsl(0,0%,81%); - --switch-slider-color-modal: var(--switch-slider-color); - --switch-color-modifier: 1.8; - --switch-color-checked: hsl(var(--accent-hsl),0.8); - --md-ripple-color: 0,0%,0%; - --scrollbar-color: 0,0,0; - --window-button: hsl(0,0%,0%,0.2); - --window-button-inactive: hsl(0,0%,0%,0.1); - --text-brand: hsl(var(--accent-hsl)); - --text-link: hsl(var(--accent-hsl)); -} - -/* - * - * APP ELEMENTS - * - */ -* { - font-family: var(--app-font), sans-serif !important; -} - -::selection { - background: hsl(var(--accent-hsl), 0.35); - text-shadow: none; -} - -body, -.app_bd26cc, -.appMount_ea7e65 { - background-color: transparent; -} - -.appMount_ea7e65 { - background: var(--app-bg); -} - -.bg_d4b6c5, -.container_e40c16 { - background: var(--app-bg); - background-repeat: no-repeat; - background-position: center; - background-size: cover; -} - -.bg_d4b6c5.theme-dark { - background-color: var(--main-alt); -} - -.platform-win .bg_d4b6c5 { - top: calc((var(--window-title-bar) + 4px) * -1); -} - -.layers_a01fb1 { - z-index: 1000; -} - -.anchor-1MIwyf, -.icon_e40c16, -.colorBrand-21Le_q, -.colorBrand_fbc755 { - color: hsl(var(--accent-hsl)); -} - -/* APP ELEMENTS -> LIGHT THEME WITH DARK SIDEBAR */ -.bg_d4b6c5.theme-dark:after { - position: absolute; - content: " "; - width: var(--card-radius-big); - height: calc(100vh - 22px); - top: 26px; - left: 312px; - background-color: var(--chat-color); - pointer-events: none; -} - -.sidebar_a4d4d9.theme-dark + .chat_a7d72e, -.sidebar_a4d4d9.theme-dark + .container_c2739c, -.sidebar_a4d4d9.theme-dark + .container_a94980, -.sidebar_a4d4d9.theme-dark + .applicationStore_cecc86, -.sidebar_a4d4d9.theme-dark + .shop_e77fa3, -.sidebar_a4d4d9.theme-dark + .container_d576e9 { - border-radius: var(--card-radius-big); - border-bottom-right-radius: 0; -} - -/* APP ELEMENTS -> LOADING ICONS */ -.path_b6db20, -.path2_b6db20, -.path3_b6db20 { - stroke: hsl(var(--accent-hsl--material-you)) !important; -} - -.path2_b6db20 { - opacity: 0.6; -} - -.path3_b6db20 { - opacity: 0.2; -} - -.wanderingCubes_b6db20 .item_b6db20 { - background-color: hsl(var(--accent-hsl--material-you)); -} - -/* APP ELEMENTS -> TITLEBAR */ -.wordmark_a934d8.wordmarkWindows_a934d8 { - width: auto; - height: var(--window-title-bar); - padding: 0 0 0 4px; - line-height: var(--window-title-bar); - font-size: 0.9em; - color: var(--text-normal); -} -.wordmark_a934d8.wordmarkWindows_a934d8:before, .wordmark_a934d8.wordmarkWindows_a934d8:after { - position: relative; - width: auto; - height: 22px; -} -.wordmark_a934d8.wordmarkWindows_a934d8:before { - content: "Material"; - font-weight: 700; -} -.wordmark_a934d8.wordmarkWindows_a934d8:after { - content: "Discord"; -} -.wordmark_a934d8.wordmarkWindows_a934d8 svg { - display: none; -} - -.typeWindows_a934d8.withFrame_a934d8 { - height: var(--window-title-bar); - margin-top: 0; -} -.typeWindows_a934d8 .winButton_a934d8 { - height: var(--window-title-bar); - top: 0; -} -.typeWindows_a934d8 .winButton_a934d8:before { - position: absolute; - content: " "; - width: 12px; - height: 12px; - background-position: center; - -webkit-mask-size: contain; - mask-size: contain; - filter: brightness(40%); - z-index: 2; - opacity: 0; - transition: var(--default-time) var(--default-animation) opacity; - pointer-events: none; -} -.typeWindows_a934d8 .winButton_a934d8:hover:before { - opacity: 1; -} -.typeWindows_a934d8 .winButton_a934d8:after { - position: absolute; - content: " "; - width: 16px; - height: 16px; - border-radius: 50%; - background-color: var(--window-button); - transition: var(--default-time) var(--default-animation); - pointer-events: none; -} -.typeWindows_a934d8 .winButton_a934d8:active:after { - opacity: 0.65; -} -.typeWindows_a934d8 .winButton_a934d8.winButtonMinMax_a934d8:nth-last-of-type(2):hover:after { - background-color: var(--window-button-max); -} -.typeWindows_a934d8 .winButton_a934d8.winButtonMinMax_a934d8:nth-last-of-type(2):before { - background-color: var(--window-button-max); - -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/window_maximize.svg); - -webkit-mask-repeat: no-repeat; -} -.typeWindows_a934d8 .winButton_a934d8.winButtonMinMax_a934d8:nth-last-of-type(1):hover:after { - background-color: var(--window-button-min); -} -.typeWindows_a934d8 .winButton_a934d8.winButtonMinMax_a934d8:nth-last-of-type(1):before { - background-color: var(--window-button-min); - -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/window_minimize.svg); - -webkit-mask-repeat: no-repeat; -} -.typeWindows_a934d8 .winButton_a934d8.winButtonClose_a934d8:hover:after { - background-color: var(--window-button-close); -} -.typeWindows_a934d8 .winButton_a934d8.winButtonClose_a934d8:before { - background-color: var(--window-button-close); - -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/window_close.svg); - -webkit-mask-repeat: no-repeat; -} -.typeWindows_a934d8 .winButton_a934d8:hover, .typeWindows_a934d8 .winButton_a934d8:active { - background-color: transparent; -} -.typeWindows_a934d8 .winButton_a934d8 svg { - display: none; -} - -html:not(.app-focused) .typeWindows_a934d8 .winButton_a934d8:after { - background-color: var(--window-button-inactive); -} -html:not(.app-focused) .typeWindows_a934d8 .winButton_a934d8.winButtonMinMax_a934d8:after { - background-color: var(--window-button-inactive); -} - -/* - * - * LOGIN SCREEN - * - */ -.authBox_dc6abe { - padding: 24px 24px 0; - background-color: var(--popout-color) !important; - border-radius: var(--popout-radius-big) !important; - box-shadow: var(--shadow-3dp) !important; -} -.authBox_dc6abe:last-child { - padding-bottom: 24px; -} -.authBox_dc6abe .mainLoginContainer_d58f04 { - margin-right: 24px; - padding-right: 24px; - border-right: 1px solid var(--card-border-color); -} -.authBox_dc6abe .heading-xl\/semibold_dc00ef { - margin-bottom: 16px; - font-weight: 400; -} -.authBox_dc6abe .verticalSeparator_c6cd4b { - display: none; -} -.authBox_dc6abe .qrLogin_c6cd4b { - height: 320px; -} -.authBox_dc6abe .needAccount_d58f04 { - line-height: 24px; -} -.authBox_dc6abe .lookLink_dd4f85 .size14_fb468f { - line-height: var(--button-height); -} -.authBox_dc6abe:not(.chooseAccountAuthBox_b4df52) .lookLink_dd4f85 { - --button-height: 17px; - --button-padding: 0; - --button-radius: 0; - font-size: var(--button-font-size) !important; - font-weight: 400 !important; -} -.authBox_dc6abe:not(.chooseAccountAuthBox_b4df52) .lookLink_dd4f85:after { - display: none; -} -.authBox_dc6abe:not(.chooseAccountAuthBox_b4df52) .lookLink_dd4f85:hover { - text-decoration: underline !important; -} -.authBox_dc6abe .needAccount_d58f04 + .lookLink_dd4f85 { - position: relative; - top: -3px; -} - -.navRow_be9398 { - height: auto; - padding: 24px; - background-color: transparent !important; -} -.navRow_be9398 .button_dd4f85 { - margin: 0; -} -.navRow_be9398 .button-1cRKG6 { - margin: 0; -} - -/* - * - * CHANNELS LIST - * - */ -.sidebar_a4d4d9 { - background-color: var(--main-color); - border-radius: var(--card-radius-big) 0 0 var(--card-radius-big) !important; - overflow: hidden; -} -.sidebar_a4d4d9.hasNotice_a4d4d9 { - border-radius: 0 !important; -} -.sidebar_a4d4d9 .container_ee69e0 { - background-color: transparent; -} -.sidebar_a4d4d9 .content_eed6a8 { - margin-bottom: 11px; -} -.sidebar_a4d4d9 .name_a08117 { - font-size: 14px; - text-transform: none; -} -.sidebar_a4d4d9 .container_fd6364:not(.hasBanner_fd6364) .header_fd6364 { - background-color: var(--main-color); -} -.sidebar_a4d4d9 .unread_c10249 { - font-size: 14px; - text-transform: none; - background-color: var(--popout-color); - box-shadow: var(--shadow-2dp); - color: var(--text-normal); -} - -.link_d8bfb3 { - margin: 0 8px; - padding: 0 !important; - background-color: transparent !important; - overflow: visible; -} -.link_d8bfb3 .linkTop_d8bfb3, -.link_d8bfb3 .content_cc29d1 { - min-height: 32px; - gap: 8px; - align-items: center; -} - -.voiceChannelsButton_a08117 { - background-color: hsl(var(--button-link-accent-color), 0.15); - border-radius: 16px; - border: none; - color: var(--text-normal); - transition: var(--default-time) var(--default-animation) background-color; -} -.voiceChannelsButton_a08117:hover { - background-color: hsl(var(--button-link-accent-color), 0.2); -} - -.animatedContainer_fd6364 { - box-shadow: none; -} - -.animatedContainer_fd6364, -.bannerImage_fd6364 { - border-radius: var(--card-radius-big); -} - -.communityInfoPill_fd6364 { - background-color: var(--card-color-filled); - color: var(--text-normal); -} - -.container_ff2ab3 { - margin: 8px; - background-color: var(--card-color-filled); - border: none; - padding: 12px; - border-radius: var(--card-radius-big); - box-shadow: none; -} - -.container_eba0ba.top_eba0ba { - padding-top: 4px; -} -.container_eba0ba.bottom_eba0ba { - bottom: 12px; - padding-bottom: 4px; -} - -.bar_eba0ba { - background-color: var(--popout-color); - box-shadow: var(--shadow-3dp); -} - -.mentionsBar_eba0ba { - background-color: hsl(var(--alert-hsl)); -} -.mentionsBar_eba0ba .barText_eba0ba { - color: var(--alert-text-color) !important; -} - -.barText_eba0ba { - font-size: 14px; - text-transform: none; - font-weight: 500; -} - -#bd-notices + .content_a4d4d9 .sidebar_a4d4d9 { - border-radius: 0 !important; -} - -/* CHANNELS LIST -> SERVER SHOP */ -.previewChannelRow_c5d9bc { - margin: 2px 2px 0 8px; - padding: 0; - border-radius: var(--channel-radius); - color: var(--channels-default); - transition: var(--default-time) var(--default-animation) background-color !important; -} -.previewChannelRow_c5d9bc:hover { - background-color: var(--menu-item-hover); - color: var(--interactive-hover); -} -.previewChannelRow_c5d9bc.selected_c5d9bc { - background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity)); - color: var(--interactive-active); -} - -.previewChannelRowContent_c5d9bc { - background-color: transparent !important; -} - -.shopIcon_c5d9bc, -.channelLabel__86693 { - color: inherit !important; - transition: var(--default-time) var(--default-animation) color; -} - -/* CHANNELS LIST -> ACTION BUTTONS */ -.container-3ygkZ6 { - margin-left: 8px; - margin-right: 2px; -} - -.actionButton-2ae9DJ { - background-color: transparent; - border-radius: 17px; - border: 1px solid var(--card-border-color); - transition: var(--default-time) var(--default-animation) background-color; -} -.actionButton-2ae9DJ:hover { - background-color: var(--menu-item-hover); -} -.actionButton-2ae9DJ.actionButtonSelected-2a5GGr { - background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity)); - border-color: transparent; -} - -.actionButtonIcon-2kvKdL path[d="M12.3345 2.71469L21.0315 10.542C21.3721 10.8486 21.1553 11.4137 20.697 11.4137H19V18.4137C19 18.9659 18.5523 19.4137 18 19.4137H15C14.4477 19.4137 14 18.9659 14 18.4137V13.4137H10V18.4137C10 18.9659 9.55228 19.4137 9 19.4137H6C5.44771 19.4137 5 18.9659 5 18.4137V11.4137H3.30298C2.84473 11.4137 2.62789 10.8486 2.96849 10.542L11.6655 2.71469C11.8557 2.54356 12.1443 2.54356 12.3345 2.71469Z"] { - d: path("M12 5.69l5 4.5V18h-2v-6H9v6H7v-7.81l5-4.5M12 3L2 12h3v8h6v-6h2v6h6v-8h3L12 3z"); -} -.actionButtonIcon-2kvKdL path[d="M21.487 5.126L12.487 0.126C12.184 -0.042 11.818 -0.042 11.515 0.126L2.51498 5.126C2.19798 5.302 2.00098 5.636 2.00098 5.999C2.00098 6.693 2.11498 22.999 12.001 22.999C21.887 22.999 22.001 6.693 22.001 5.999C22.001 5.636 21.804 5.302 21.487 5.126ZM12.001 5.999C13.382 5.999 14.501 7.118 14.501 8.499C14.501 9.88 13.382 10.999 12.001 10.999C10.62 10.999 9.50098 9.88 9.50098 8.499C9.50098 7.118 10.62 5.999 12.001 5.999ZM8.25098 16C8.25098 13.699 9.69998 12.25 12.001 12.25C14.302 12.25 15.751 13.699 15.751 16H8.25098Z"] { - d: path("M12,5A3.5,3.5 0 0,0 8.5,8.5A3.5,3.5 0 0,0 12,12A3.5,3.5 0 0,0 15.5,8.5A3.5,3.5 0 0,0 12,5M12,7A1.5,1.5 0 0,1 13.5,8.5A1.5,1.5 0 0,1 12,10A1.5,1.5 0 0,1 10.5,8.5A1.5,1.5 0 0,1 12,7M5.5,8A2.5,2.5 0 0,0 3,10.5C3,11.44 3.53,12.25 4.29,12.68C4.65,12.88 5.06,13 5.5,13C5.94,13 6.35,12.88 6.71,12.68C7.08,12.47 7.39,12.17 7.62,11.81C6.89,10.86 6.5,9.7 6.5,8.5C6.5,8.41 6.5,8.31 6.5,8.22C6.2,8.08 5.86,8 5.5,8M18.5,8C18.14,8 17.8,8.08 17.5,8.22C17.5,8.31 17.5,8.41 17.5,8.5C17.5,9.7 17.11,10.86 16.38,11.81C16.5,12 16.63,12.15 16.78,12.3C16.94,12.45 17.1,12.58 17.29,12.68C17.65,12.88 18.06,13 18.5,13C18.94,13 19.35,12.88 19.71,12.68C20.47,12.25 21,11.44 21,10.5A2.5,2.5 0 0,0 18.5,8M12,14C9.66,14 5,15.17 5,17.5V19H19V17.5C19,15.17 14.34,14 12,14M4.71,14.55C2.78,14.78 0,15.76 0,17.5V19H3V17.07C3,16.06 3.69,15.22 4.71,14.55M19.29,14.55C20.31,15.22 21,16.06 21,17.07V19H24V17.5C24,15.76 21.22,14.78 19.29,14.55M12,16C13.53,16 15.24,16.5 16.23,17H7.77C8.76,16.5 10.47,16 12,16"); - transform: scale(1.025); -} -.actionButtonIcon-2kvKdL path[d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7v-5z"] { - d: path("M12 12H17V17H12V12M19 3H18V1H16V3H8V1H6V3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M19 5V7H5V5H19M5 19V9H19V19H5Z"); -} -.actionButtonIcon-2kvKdL path[d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7v-5z"] ~ rect { - display: none; -} - -/* CHANNELS LIST -> CHANNEL */ -.wrapper_d8bfb3 { - margin: 2px 2px 0 8px; - padding: 0 !important; - border-radius: var(--channel-radius); - transition: var(--default-time) var(--default-animation) background-color !important; -} -.wrapper_d8bfb3:hover { - background-color: var(--menu-item-hover); -} -.wrapper_d8bfb3.modeSelected_d8bfb3 { - background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity)); -} -.wrapper_d8bfb3.modeSelected_d8bfb3 .icon_d8bfb3 { - color: var(--interactive-hover); -} -.wrapper_d8bfb3 .content_cc29d1 { - margin-left: 0; - background-color: transparent !important; - border-radius: var(--channel-radius); -} -.wrapper_d8bfb3 .subtitle_d8bfb3 { - color: hsl(var(--accent-hsl--material-you)) !important; -} - -.icon_d8bfb3, -.name_d8bfb3 { - transition: var(--default-time) var(--default-animation) color; -} - -.newChannel_ecb303 { - color: hsl(var(--accent-hsl--material-you)); -} -[style="background-color: var(--brand-260);"].newChannel_ecb303 { - background-color: hsl(var(--accent-hsl--material-you)) !important; - color: var(--accent-text-color--material-you); -} - -.typeThread_d8bfb3 .mainContent-20q_Hp { - margin-left: 28px; -} - -.unread_d8bfb3 { - left: -8px; -} - -.containerDefault_a08117 .addButton_a08117 { - background-color: transparent !important; - position: relative; -} -.containerDefault_a08117 .addButton_a08117:after { - content: " "; - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - background-color: hsl(var(--md-ripple-color), 0.1); - border-radius: 50%; - opacity: 0; - pointer-events: none; - transform: scale(1.2); - transition: 300ms ease; - z-index: 4; -} -.containerDefault_a08117 .addButton_a08117:hover:after { - opacity: 1; - transform: scale(1.5); - animation: scale 150ms var(--default-animation), opacity 150ms ease; -} -.containerDefault_a08117 .addButton_a08117:active:after { - background-color: hsl(var(--md-ripple-color), 0.2); -} - -.containerDragBefore_f6f816:before, -.containerDragAfter_f6f816:after { - left: 0; - background-color: hsl(var(--accent-hsl--material-you)); -} - -.containerUserOver_f6f816:after { - right: 4px; - background-color: hsl(var(--accent-hsl), 0.1); - border-radius: var(--card-radius-big); - border-color: hsl(var(--accent-hsl), 0.5); -} - -.users_a5bc92 { - background-color: var(--status-picker-color); -} - -.total_a5bc92 { - background-color: var(--sidebar-panel-color); -} -.total_a5bc92:after { - border-right-color: var(--sidebar-panel-color); -} - -.statusDiv_e66732, -.subtitle_d8bfb3 .overflow_c74e70 { - margin-bottom: 4px; -} - -.textArea_ab60f4 { - background-color: var(--input-color); - border-radius: 22px; -} -.textArea_ab60f4 .placeholder_a552a6 { - color: var(--input-placeholder-color); -} - -/* CHANNELS -> VOICE USERS */ -.list_a478e5 { - padding: 0 2px 8px 36px; -} - -.listDefault_cdc675 .content_cdc675 { - min-height: 30px; - margin: 2px 0 0; - padding: 0 3px; - gap: 8px; -} -.listDefault_cdc675 .content_cdc675 .userAvatar_ac3629 { - margin: 0; -} -.listDefault_cdc675 .content_cdc675 .icons_cdc675 { - margin-right: 0; -} -.listDefault_cdc675 .clickable_cdc675:hover .content_cdc675 { - background-color: var(--menu-item-hover); -} -.listDefault_cdc675 .clickable_cdc675.selected_cdc675 .content_cdc675 { - background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity)); -} - -.username_cdc675 { - transition: var(--default-time) var(--default-animation) color; -} - -.avatar_cdc675 { - border-radius: var(--avatar-radius); -} - -.overlap_cdc675 .avatar_cdc675 { - border-color: var(--main-color); -} - -/* CHANNELS -> VOICE USERS -> CUSTOM VC ACTIVITY */ -.iconSpacing_cdc675 { - margin-left: 0; -} - -.selfHangStatus__0c876 { - margin-right: 0; - background-color: var(--card-button-color); - border-radius: 13px; - border: none; - transition: var(--default-time) var(--default-animation) background-color; -} - -.popout_a9414b { - background-color: var(--popout-color); - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp); -} -.popout_a9414b .iconWidget_a9414b { - background-color: var(--card-button-color) !important; - border-radius: 50%; - border: none; - transition: var(--default-time) var(--default-animation) background-color; -} -.popout_a9414b .iconWidget_a9414b:hover { - background-color: var(--card-button-color-hover) !important; -} -.popout_a9414b .iconWidget_a9414b.selectedWidget_a9414b { - background-color: var(--card-color-filled) !important; -} -.popout_a9414b .divider_a9414b { - margin: 16px 0; - background-color: var(--popout-header-border); -} -.popout_a9414b .iconsContainer_a9414b { - padding: 0; -} -.popout_a9414b .setCustomButton_a9414b { - height: var(--button-height); - padding: 0 20px; - background-color: hsl(var(--accent-hsl--material-you)); - border-radius: var(--button-radius); - border: none; - color: var(--accent-text-color--material-you); - justify-content: center; -} -.popout_a9414b .setCustomButton_a9414b svg { - display: none; -} -.popout_a9414b .setCustomButton_a9414b .editIconColor_a9414b { - color: inherit; -} -.popout_a9414b .setCustomButton_a9414b .text-xs\/medium_dc00ef { - color: inherit !important; - font-size: var(--button-font-size); -} - -/* - * - * CHANNELS LIST ICONS - * - */ -.iconContainer_d8bfb3 { - margin-right: 0 !important; -} - -.children_d8bfb3:not(:empty) { - height: 32px; - gap: 8px; - align-items: center; -} - -.iconItem_f6f816 { - position: relative; - margin: 0; - padding: 2px; - position: relative; -} -.iconItem_f6f816:after { - content: " "; - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - background-color: hsl(var(--md-ripple-color), 0.1); - border-radius: 50%; - opacity: 0; - pointer-events: none; - transform: scale(1.2); - transition: 300ms ease; - z-index: 4; -} -.iconItem_f6f816:hover:after { - opacity: 1; - transform: scale(1.4); - animation: scale 150ms var(--default-animation), opacity 150ms ease; -} -.iconItem_f6f816:active:after { - background-color: hsl(var(--md-ripple-color), 0.2); -} -[role].iconItem_f6f816 .actionIcon_f6f816:active { - transform: translateY(0); -} - -/* VOICE */ -.content_cdc675 { - border-radius: 15px; - transition: var(--default-time) var(--default-animation) background-color; -} -.content_cdc675 .ownerIcon_a31c43 { - margin-right: 8px; -} - -/* - * - * CHANNELS LIST PANELS - * - */ -.container_ee69e0:after { - position: absolute; - content: " "; - width: calc(100% + 16px); - height: 40px; - left: -8px; - bottom: 0; - background: linear-gradient(0deg, var(--main-color) 0%, transparent 50%); - pointer-events: none; - z-index: 1; -} - -.panels_a4d4d9 { - position: relative; - margin: -12px 8px 12px 12px; - background-color: transparent !important; -} -.panels_a4d4d9 > div:not(:empty):first-of-type { - border-top-left-radius: var(--sidebar-panel-radius-big); - border-top-right-radius: var(--sidebar-panel-radius-big); -} -.panels_a4d4d9 > div:not(:empty):first-of-type .contentWrapper_c721cc { - --sidebar-panel-radius-big: var(--popout-radius-big) !important; -} -.panels_a4d4d9 > div:not(:empty):first-of-type .container_adcaac { - border-top-left-radius: inherit; - border-top-right-radius: inherit; -} -.panels_a4d4d9 > div:not(:empty):last-of-type { - border-bottom-left-radius: var(--sidebar-panel-radius-big); - border-bottom-right-radius: var(--sidebar-panel-radius-big); -} -.panels_a4d4d9 > div:empty:first-of-type + .container_b2ca13 { - border-top-left-radius: var(--sidebar-panel-radius-big); - border-top-right-radius: var(--sidebar-panel-radius-big); -} -.panels_a4d4d9 .button_f67531:hover { - background-color: transparent !important; -} -.panels_a4d4d9 .button_f67531.enabled_f67531 { - position: relative; -} -.panels_a4d4d9 .button_f67531.enabled_f67531:after { - content: " "; - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - background-color: hsl(var(--md-ripple-color), 0.1); - border-radius: 50%; - opacity: 0; - pointer-events: none; - transform: scale(1.2); - transition: 300ms ease; - z-index: 4; -} -.panels_a4d4d9 .button_f67531.enabled_f67531:hover:after { - opacity: 1; - transform: scale(1); - animation: scale 150ms var(--default-animation), opacity 150ms ease; -} -.panels_a4d4d9 .button_f67531.enabled_f67531:active:after { - background-color: hsl(var(--md-ripple-color), 0.2); -} - -.container_6sXIoE, -.container_adcaac, -.activityPanel_a4d4d9, -.listeningAlong_cfdc9f { - margin-bottom: 2px; - background: var(--sidebar-panel-color); - border-radius: var(--sidebar-panel-radius-small); - border-bottom: none !important; -} - -.activityPanel_a4d4d9 { - background: var(--sidebar-panel-color) !important; -} -.activityPanel_a4d4d9 .gameIcon_bf1a22 { - border-radius: 50%; -} - -.container_adcaac .actionButtons_adcaac .button_dd4f85 { - --button-padding: 0 12px; -} -.container_adcaac .maskSecondary_ccd671 { - border-color: var(--sidebar-panel-color); -} - -.actionButtons_adcaac .button_dd4f85 path[fill] { - fill: currentColor !important; -} -.actionButtons_adcaac .button_dd4f85 path[stroke] { - stroke: currentColor !important; -} - -.container_b2ca13 { - width: 100%; - height: 44px !important; - margin-bottom: 0 !important; - background: var(--status-picker-color) !important; - border-radius: var(--sidebar-panel-radius-small); - box-sizing: border-box; -} -.container_b2ca13 .avatarWrapper_b2ca13 { - min-width: 0 !important; - margin-left: 0; - padding-left: 0; - flex-grow: 1; - margin-right: 0; -} -.container_b2ca13 .avatarWrapper_b2ca13:hover { - background-color: transparent; - border-radius: 0; -} -.container_b2ca13 .nameTag_b2ca13 { - margin-right: 2px; -} -.container_b2ca13 .subtext_e06aad { - line-height: 14px; -} -.container_b2ca13 .button_f67531 { - color: var(--interactive-normal) !important; -} -.container_b2ca13 .button_f67531:hover { - color: var(--interactive-hover) !important; -} - -.unreadBottom__6be9f { - bottom: 12px; -} - -.container_bd9e38 { - width: calc(100% - 16px); - margin: 0 8px 20px; - background-color: var(--popout-color); - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp); -} -.container_bd9e38 .content_bd9e38 { - padding: 8px 0; -} -.container_bd9e38 .content_bd9e38 .text-sm\/bold_dc00ef { - color: var(--header-primary) !important; -} -.container_bd9e38 .content_bd9e38 .text-xs\/normal_dc00ef { - color: var(--text-normal) !important; -} -.container_bd9e38 .content_bd9e38 .button_dd4f85 { - --button-padding: 0 12px; -} -.container_bd9e38 .content_bd9e38 .lookInverted_a299dc { - --button-background: hsl(var(--button-link-accent-color-color),0.15); - --button-text-color: var(--button-link-accent-text-color); -} -.container_bd9e38 .video_bd9e38 { - margin-top: -8px; - border-radius: var(--popout-radius-big); -} - -/* CHANNELS LIST PANELS -> QUEST */ -.wrapper_c721cc { - margin-bottom: 2px; - background-color: var(--sidebar-panel-color) !important; - border-radius: var(--sidebar-panel-radius-big) var(--sidebar-panel-radius-big) var(--sidebar-panel-radius-small) var(--sidebar-panel-radius-small); -} - -.contentWrapper_c721cc { - --sidebar-panel-radius-big: var(--sidebar-panel-radius-small); - background-color: var(--sidebar-panel-color) !important; - border-radius: var(--sidebar-panel-radius-big) var(--sidebar-panel-radius-big) var(--sidebar-panel-radius-small) var(--sidebar-panel-radius-small); - overflow: hidden; - transition: var(--default-time) var(--default-animation) border-radius; -} -.contentWrapper_c721cc:after { - box-shadow: none !important; -} -.contentWrapper_c721cc.contentWrapperExpanded_c721cc { - background-image: none !important; - border-top-left-radius: var(--popout-radius-big); - border-top-right-radius: var(--popout-radius-big); -} -.contentWrapper_c721cc.contentWrapperExpanded_c721cc .wrapper_efa999 { - padding: 4px 8px !important; -} -.contentWrapper_c721cc.contentWrapperExpanded_c721cc .wrapper_efa999 { - border-radius: calc(var(--popout-radius-big) / 1.5) !important; -} - -.wrapper_efa999 { - padding: 8px !important; -} - -.backgroundWrapper_efa999 { - display: none; -} - -.wrapper_efa999, -.heroAssetWrapper_e23249 { - border-radius: var(--sidebar-panel-radius-big) var(--sidebar-panel-radius-big) var(--sidebar-panel-radius-small) var(--sidebar-panel-radius-small) !important; -} - -.heroAssetWrapper_e23249 { - filter: none !important; -} - -.legibilityGradient_e23249 { - background: var(--sidebar-panel-color); - border-radius: var(--sidebar-panel-radius-big) var(--sidebar-panel-radius-big) var(--sidebar-panel-radius-small) var(--sidebar-panel-radius-small); -} - -.heroAssetDarken_e23249, -.heroAssetTint_e23249 { - background-color: var(--sidebar-panel-color) !important; - border-radius: var(--sidebar-panel-radius-big) var(--sidebar-panel-radius-big) var(--sidebar-panel-radius-small) var(--sidebar-panel-radius-small); -} - -/* CHANNELS LIST PANELS -> QUEST ACCEPTED */ -.contentCollapsedAccepted_c3427e { - padding: 12px 8px; -} - -.postEnrollmentBackground_c3427e { - background-image: none !important; - background-color: var(--sidebar-panel-color); - border-radius: 0; - border-top: none; -} - -.wrapper_f21e08 { - margin-bottom: 0; - background-color: var(--card-color-alt); - border-radius: var(--card-radius-big); - border: none; -} - -.stepWrapperComplete_f21e08 .stepIconWrapper_f21e08 { - background-color: hsl(var(--accent-hsl--material-you)); - border-color: hsl(var(--accent-hsl--material-you)); -} -.stepWrapperComplete_f21e08 .stepConnector_f21e08:before { - background-color: hsl(var(--accent-hsl--material-you)); - box-shadow: 0 0 6px hsl(var(--accent-hsl--material-you)); -} - -.stepIconWrapper_f21e08 { - border-color: var(--card-border-color); -} -.stepIconWrapper_f21e08 .stepIcon_f21e08 path { - fill: var(--accent-text-color--material-you); -} - -/* - * - * PRIVATE CHANNELS LIST - * - */ -.privateChannels_f0963d { - background-color: var(--main-color); -} -.privateChannels_f0963d .scroller_c47fa9 { - background-color: transparent; -} -.privateChannels_f0963d .content-2a4AW9 { - margin-bottom: 20px; -} -.privateChannels_f0963d .favoriteIcon_c91bad path:last-child { - d: path("M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55l-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z"); -} - -.searchBar_f0963d .searchBarComponent_f0963d { - height: 32px; - padding: 0 10px; - background-color: var(--input-color); - border-radius: 16px; -} - -.channel_c91bad { - margin-left: 8px; - border-radius: var(--channel-radius); -} -.channel_c91bad:first-of-type { - margin-top: 8px; -} -.channel_c91bad .interactive_f5eb4b { - transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color; -} -.channel_c91bad .interactive_f5eb4b:hover { - background-color: var(--menu-item-hover); -} -.channel_c91bad .interactive_f5eb4b.selected_f5eb4b { - background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity)); -} - -.privateChannelsHeaderContainer_c47fa9 { - padding: 18px 16px 4px; - font-size: 14px; - text-transform: none; -} - -/* - * - * CHAT AREA - * - */ -.chat_a7d72e, -.threadSidebar-1o3BTy { - background-color: var(--chat-color) !important; -} - -.chat_a7d72e { - border-top-right-radius: var(--card-radius-big); -} -.chat_a7d72e.threadSidebarOpen_a7d72e { - border-radius: 0 var(--card-radius-big) var(--card-radius-big) 0; -} - -.noChannel_e1ef5f { - background-color: var(--chat-color); - border-top-right-radius: var(--card-radius-big); -} - -.notice__5fd4c + .content_a4d4d9 .chat_a7d72e, -#bd-notices + .content_a4d4d9 .chat_a7d72e { - border-top-right-radius: 0; -} - -.chatContent_a7d72e { - background: transparent !important; -} - -.chatHeaderBar_efb691 { - background-color: var(--chat-color); -} -.chatHeaderBar_efb691:after { - display: none; -} - -.threadSidebar-1o3BTy { - border-radius: var(--card-radius-big) 0 0 var(--card-radius-big); -} - -.button_ccfa44 { - --button-padding: 0 12px; - color: var(--button-link-text-color); -} - -.role_deddac { - background-color: var(--message-color); - border-radius: 12px; -} - -/* CHAT AREA -> WELCOME SERVER OPTIONS */ -.inner_f9902b { - gap: 2px; -} - -.cardWrapper_f9902b:nth-of-type(2) .card_f9902b { - border-radius: var(--card-radius-big) var(--card-radius-big) 4px 4px; -} -.cardWrapper_f9902b:last-of-type .card_f9902b { - border-radius: 4px 4px var(--card-radius-big) var(--card-radius-big); -} - -.card_f9902b { - margin-top: 0; - background-color: var(--card-color-filled); - border-radius: 4px; - transition: var(--default-time) var(--default-animation) background-color; -} -.card_f9902b:hover { - background-color: var(--card-color-hover); -} - -/* CHAT AREA -> PLACEHOLDER */ -.wrapper_cdfd51 { - background: var(--chat-color) !important; -} - -.wrapper_b75bb9 { - background: transparent !important; -} - -.attachment_b75bb9, -.avatar_b75bb9, -.blob_b75bb9 { - background: hsl(0, 0%, 100%) !important; -} - -/* CHAT AREA -> NEW MESSAGES PILL */ -.newMessagesPill__26926, -.newMessagesClear__308be { - background-color: hsl(var(--accent-hsl--material-you)) !important; - box-shadow: var(--shadow-3dp); -} - -.newMessagesPill__26926 { - position: relative; - padding: 9px 16px; - border-radius: 18px; -} -.newMessagesPill__26926:after { - position: absolute; - content: " "; - width: 40px; - height: 36px; - top: 0; - right: -24px; - z-index: -1; -} -.newMessagesPill__26926 .defaultColor__77578, .newMessagesPill__26926 .defaultColor_e9e35f, .newMessagesPill__26926 .defaultColor_a595eb { - color: var(--accent-text-color--material-you); -} - -.newMessagesClear__308be { - margin-left: 8px; - padding: 10px; - border-radius: 18px; - border-left: none; -} -.newMessagesClear__308be .newMessagesClearIcon__0ab21 { - color: var(--accent-text-color--material-you); -} - -/* CHAT AREA -> NEW MESSAGES BAR */ -.newMessagesBar_cf58b5 { - top: 16px; - left: 0; - right: 0; - align-items: center; - justify-content: center; - background-color: transparent; - box-shadow: none; - opacity: 1; - pointer-events: none; - z-index: 4; -} - -.barButtonBase_cf58b5 { - height: unset; - line-height: 18px; - background-color: hsl(var(--accent-hsl--material-you)); - color: var(--accent-text-color--material-you); - box-shadow: var(--shadow-2dp); - pointer-events: all; -} - -.barButtonMain_cf58b5 { - flex: 0 1 auto; - padding: 9px 16px; - border-radius: 18px; -} - -.barButtonAlt_cf58b5 { - position: relative; - margin-left: 8px; - padding: 9px 10px; - border-radius: 18px; - font-size: 0; -} -.barButtonAlt_cf58b5:before { - position: absolute; - content: " "; - width: calc(var(--button-radius) * 2 + 8px); - height: var(--button-height); - top: 0; - left: calc((var(--button-radius) + 8px) * -1); - background-color: transparent; - z-index: -1; -} -.barButtonAlt_cf58b5 .barButtonIcon_cf58b5 { - top: 0; - margin: 0; -} -.barButtonAlt_cf58b5 .barButtonIcon_cf58b5 path { - d: path("M18 7l-1.41-1.41-6.34 6.34 1.41 1.41L18 7zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41zM.41 13.41L6 19l1.41-1.41L1.83 12 .41 13.41z"); -} - -/* CHAT AREA -> NAVIGATOR */ -.container__45e29 { - right: 20px; - justify-content: flex-end; -} - -.navigator__2971c { - background: hsl(var(--accent-hsl--material-you)) !important; - border-radius: 30%; - box-shadow: var(--shadow-3dp); -} -.navigator__2971c .button__78cb5 { - width: 48px; - height: 48px; - padding: 0; - border-radius: inherit; - background: transparent !important; - color: var(--accent-text-color--material-you) !important; -} -.navigator__2971c .icon_e00668 { - width: 100%; - height: 100%; -} - -/* CHAT AREA -> JUMP TO PRESENT / NAVIGATOR */ -.jumpToPresentBar_cf58b5 { - width: 48px; - height: 48px; - border-radius: 30%; - left: auto; - right: 20px; - bottom: 20px; - padding: 0; - background: hsl(var(--accent-hsl--material-you)) !important; - box-shadow: var(--shadow-3dp); -} -.jumpToPresentBar_cf58b5:active { - margin: 0 !important; -} -.jumpToPresentBar_cf58b5:after { - content: " "; - position: absolute; - width: 24px; - height: 24px; - bottom: 0; - right: 0; - background-color: var(--accent-text-color--material-you); - -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/expand.svg); - -webkit-mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-origin: content-box; - transform: scale(2) translate(-6px, -6px); -} -.jumpToPresentBar_cf58b5 .barButtonBase_cf58b5 { - width: inherit; - height: inherit; - padding: inherit; -} -.jumpToPresentBar_cf58b5 .barButtonBase_cf58b5.barButtonMain_cf58b5 { - opacity: 0; - z-index: 2; -} -.jumpToPresentBar_cf58b5 .barButtonBase_cf58b5.barButtonAlt_cf58b5 { - display: none; -} -.jumpToPresentBar_cf58b5 .spinner_b6db20 { - position: absolute; - width: inherit; - height: inherit; - padding: inherit; - background-color: hsl(var(--accent-hsl--material-you)); - border-radius: 50%; - z-index: 3; -} -.jumpToPresentBar_cf58b5 .spinner_b6db20 .pulsingEllipsis-10G8Z6 { - vertical-align: middle; -} - -/* - * - * DIRECT MESSAGES - * - */ -.wrapper_d880dc { - background-color: var(--main-color); - box-shadow: var(--shadow-3dp); -} -.wrapper_d880dc.minimum_d880dc { - background-color: var(--chat-color); -} -.wrapper_d880dc .callContainer_d880dc { - border-radius: var(--card-radius-big) 0 0 var(--card-radius-big); -} -.wrapper_d880dc.chatSidebarOpen_d880dc .callContainer_d880dc { - border-radius: var(--card-radius-big); -} - -.content_a7d72e:before { - display: none !important; -} - -.border_ba4b17 { - border-radius: var(--card-radius-big); - transition: var(--default-time) var(--default-animation) box-shadow; -} - -.quickSelect__540d0 { - margin-top: 12px; -} - -.scroller_bc9592 { - padding: 8px 0; - padding-right: 0 !important; - background-color: var(--popout-color); - border-radius: var(--popout-radius); -} -.scroller_bc9592 .memberListHeader_bc9592 { - margin: 8px 0; - padding: 0 12px; - color: var(--menu-item-text-color); - text-transform: none; -} -.scroller_bc9592 .memberListItem_db70f7 { - margin: 0; - padding: 6px 12px; - border-radius: 0; - transition: var(--default-time) var(--default-animation) background-color; -} -.scroller_bc9592 .memberListItem_db70f7:not(.popoutDisabled_db70f7):hover { - background-color: var(--menu-item-hover) !important; -} -.scroller_bc9592 .memberListItem_db70f7 .memberListItemText_bc9592 { - color: var(--menu-item-text-color); -} -.scroller_bc9592::-webkit-scrollbar { - width: 0 !important; -} - -.root_a5ea57 { - background-color: var(--card-color-filled); -} - -.tile_dc5fc4 { - border-radius: var(--card-radius-big); -} -.tile_dc5fc4 .button_dd4f85 .size16_fb468f { - line-height: var(--button-height); -} - -.overlayTitle_ba4b17 { - border-radius: 16px; -} - -.participantsButton_b83b18 { - background-color: #2f3136 !important; - border-radius: 16px !important; -} -.participantsButton_b83b18:hover { - background-color: #202225 !important; -} - -.compactButton_fcbce6 { - background-color: hsl(var(--button-link-accent-color), 0.075); -} -.compactButton_fcbce6:hover { - background-color: hsl(var(--button-link-accent-color), 0.1); -} - -/* DIRECT MESSAGES -> VIDEO CALL REACTIONS */ -.container-3a5mk- { - background-color: var(--popout-color); - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp); -} - -/* DIRECT MESSAGES -> SIDEBAR PROFILE */ -.profilePanel_b433b4 { - width: 364px; -} - -.userPanelOuter_c69a7b { - height: calc(100% - 24px); - margin: 12px; - border-radius: var(--popout-radius-big); - overflow: hidden; -} - -.userPanelInner_c69a7b { - border-radius: inherit; -} -.userPanelInner_c69a7b .scrollerBase_c49869::-webkit-scrollbar { - width: 0 !important; -} -.userPanelInner_c69a7b .overlayBackground_c69a7b { - border-radius: var(--card-radius-big); -} - -.badgeList_ab525a { - height: var(--button-height); - border-radius: var(--button-radius); -} -.badgeList_ab525a:not(:empty) { - padding: 0 7px; -} - -.overlay_f9da1d .mutualFriendsDivider_b433b4 { - position: relative; - border-top: none; -} -.overlay_f9da1d .mutualFriendsDivider_b433b4:before { - position: absolute; - content: " "; - width: auto; - height: 1px; - top: 0; - left: 12px; - right: 12px; - background-color: var(--card-border-color); - box-sizing: border-box; -} -.overlay_f9da1d .button_dd4f85 { - --button-height: 42px; - --button-padding: 0 12px; - --button-background: transparent !important; - --button-radius: 0; - --button-text-color: var(--header-primary) !important; -} -.overlay_f9da1d .button_dd4f85:after { - display: none; -} - -.connectionList_ce1058 { - --popout-radius: calc(var(--card-radius-big) / 1.55); - margin-bottom: 8px; -} - -/* DIRECT MESSAGES -> SPAM FILTER */ -.hamBanner_d1cafc { - margin: 8px; - padding: 12px; - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big); - box-shadow: none; -} - -.chat_d6c7e0:before { - display: none; -} - -/* - * - * DIRECT MESSAGES ICONS - * - */ -.root_dd069c .videoControls_f72aac .button_dd4f85 path { - /* DIRECT MESSAGES ICONS -> JOIN CALL */ - /* DIRECT MESSAGES ICONS -> STOP SCREEN SHARE */ - /* DIRECT MESSAGES ICONS -> SCREEN SHARE */ - /* DIRECT MESSAGES ICONS -> STOP WATCHING */ - /* DIRECT MESSAGES ICONS -> LEAVE CALL */ -} -.root_dd069c .videoControls_f72aac .button_dd4f85 path[d="M11 5V3C16.515 3 21 7.486 21 13H19C19 8.589 15.411 5 11 5ZM17 13H15C15 10.795 13.206 9 11 9V7C14.309 7 17 9.691 17 13ZM11 11V13H13C13 11.896 12.105 11 11 11ZM14 16H18C18.553 16 19 16.447 19 17V21C19 21.553 18.553 22 18 22H13C6.925 22 2 17.075 2 11V6C2 5.447 2.448 5 3 5H7C7.553 5 8 5.447 8 6V10C8 10.553 7.553 11 7 11H6C6.063 14.938 9 18 13 18V17C13 16.447 13.447 16 14 16Z"] { - d: path("M20 15.45c-1.25 0-2.45-.2-3.57-.57-.1-.03-.21-.05-.31-.05-.26 0-.51.1-.71.29l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1C8.7 6.4 8.5 5.2 8.5 3.95c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1zM5.03 4.95h1.5c.07.88.22 1.75.45 2.58l-1.2 1.21c-.4-1.21-.66-2.47-.75-3.79zM19 18.92c-1.32-.09-2.6-.35-3.8-.76l1.2-1.2c.85.24 1.72.39 2.6.45v1.51zM18 5.95v-3h-2v3h-3v2h3v3h2v-3h3v-2z"); -} -.root_dd069c .videoControls_f72aac .button_dd4f85 path[d="M4 2.5C2.897 2.5 2 3.397 2 4.5V15.5C2 16.604 2.897 17.5 4 17.5H11V19.5H7V21.5H17V19.5H13V17.5H20C21.103 17.5 22 16.604 22 15.5V4.5C22 3.397 21.103 2.5 20 2.5H4ZM14.5483 6L16 7.45174L13.4466 9.99485L16 12.5483L14.5483 14L12.0051 11.4466L9.45174 14L8 12.5483L10.5534 9.99485L8 7.45174L9.45174 6L12.0051 8.55341L14.5483 6Z"] { - d: path("M21.79 18l2 2H24v-2h-2.21zM1.11 2.98l1.55 1.56c-.41.37-.66.89-.66 1.48V16c0 1.1.9 2 2.01 2H0v2h18.13l2.71 2.71 1.41-1.41L2.52 1.57 1.11 2.98zM4 6.02h.13l4.95 4.93C7.94 12.07 7.31 13.52 7 15c.96-1.29 2.13-2.08 3.67-2.46l3.46 3.48H4v-10zm16 0v10.19l1.3 1.3c.42-.37.7-.89.7-1.49v-10c0-1.11-.9-2-2-2H7.8l2 2H20zm-7.07 3.13l2.79 2.78 1.28-1.2L13 7v2.13l-.07.02z"); -} -.root_dd069c .videoControls_f72aac .button_dd4f85 path[d="M2 4.5C2 3.397 2.897 2.5 4 2.5H20C21.103 2.5 22 3.397 22 4.5V15.5C22 16.604 21.103 17.5 20 17.5H13V19.5H17V21.5H7V19.5H11V17.5H4C2.897 17.5 2 16.604 2 15.5V4.5ZM13.2 14.3375V11.6C9.864 11.6 7.668 12.6625 6 15C6.672 11.6625 8.532 8.3375 13.2 7.6625V5L18 9.6625L13.2 14.3375Z"] { - d: path("M20 18c1.1 0 1.99-.9 1.99-2L22 6c0-1.11-.9-2-2-2H4c-1.11 0-2 .89-2 2v10c0 1.1.89 2 2 2H0v2h24v-2h-4zM4 16V6h16v10.01L4 16zm9-6.87c-3.89.54-5.44 3.2-6 5.87 1.39-1.87 3.22-2.72 6-2.72v2.19l4-3.74L13 7v2.13z"); -} -.root_dd069c .videoControls_f72aac .button_dd4f85 path[d="M20 11V13.5H4V4.5H13V2.5H4C3.46957 2.5 2.96086 2.71071 2.58579 3.08579C2.21071 3.46086 2 3.96957 2 4.5L2 15.5C2 16.0304 2.21071 16.5391 2.58579 16.9142C2.96086 17.2893 3.46957 17.5 4 17.5H11V19.5H7V21.5H17V19.5H13V17.5H20C20.5304 17.5 21.0391 17.2893 21.4142 16.9142C21.7893 16.5391 22 16.0304 22 15.5V11H20Z"] { - d: path("M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H3V5h18v14zM9.41 15.95L12 13.36l2.59 2.59L16 14.54l-2.59-2.59L16 9.36l-1.41-1.41L12 10.54 9.41 7.95 8 9.36l2.59 2.59L8 14.54z"); -} -.root_dd069c .videoControls_f72aac .button_dd4f85 path[d="M20 11V13.5H4V4.5H13V2.5H4C3.46957 2.5 2.96086 2.71071 2.58579 3.08579C2.21071 3.46086 2 3.96957 2 4.5L2 15.5C2 16.0304 2.21071 16.5391 2.58579 16.9142C2.96086 17.2893 3.46957 17.5 4 17.5H11V19.5H7V21.5H17V19.5H13V17.5H20C20.5304 17.5 21.0391 17.2893 21.4142 16.9142C21.7893 16.5391 22 16.0304 22 15.5V11H20Z"] ~ path { - display: none; -} -.root_dd069c .videoControls_f72aac .button_dd4f85 path[d="M21.1169 1.11603L22.8839 2.88403L19.7679 6.00003L22.8839 9.11603L21.1169 10.884L17.9999 7.76803L14.8839 10.884L13.1169 9.11603L16.2329 6.00003L13.1169 2.88403L14.8839 1.11603L17.9999 4.23203L21.1169 1.11603ZM18 22H13C6.925 22 2 17.075 2 11V6C2 5.447 2.448 5 3 5H7C7.553 5 8 5.447 8 6V10C8 10.553 7.553 11 7 11H6C6.063 14.938 9 18 13 18V17C13 16.447 13.447 16 14 16H18C18.553 16 19 16.447 19 17V21C19 21.553 18.553 22 18 22Z"] { - d: path("M18.59 10.52c1.05.51 2.04 1.15 2.96 1.91l-1.07 1.07c-.58-.47-1.21-.89-1.88-1.27v-1.71m-13.2 0v1.7c-.65.37-1.28.79-1.87 1.27l-1.07-1.07c.91-.75 1.9-1.38 2.94-1.9M12 7C7.46 7 3.34 8.78.29 11.67c-.18.18-.29.43-.29.71s.11.53.29.7l2.48 2.48c.18.18.43.29.71.29.27 0 .52-.1.7-.28.79-.73 1.68-1.36 2.66-1.85.33-.16.56-.51.56-.9v-3.1C8.85 9.25 10.4 9 12 9s3.15.25 4.59.73v3.1c0 .4.23.74.56.9.98.49 1.88 1.11 2.67 1.85.18.17.43.28.7.28.28 0 .53-.11.71-.29l2.48-2.48c.18-.18.29-.43.29-.71s-.11-.53-.29-.71C20.66 8.78 16.54 7 12 7z"); -} - -/* - * - * FORMAT TOOLBAR - * - */ -.toolbar_de3e42 { - background-color: var(--popout-color); - border-radius: 16px; - box-shadow: var(--shadow-3dp); - overflow: hidden; -} -.toolbar_de3e42 .button_dd4f85 { - --button-height: 32px; - --button-background: transparent; - --button-radius: 0; - box-shadow: none !important; - transition: var(--default-time) var(--default-animation) background-color !important; -} -.toolbar_de3e42 .button_dd4f85:hover { - --button-background: var(--menu-item-hover); -} -.toolbar_de3e42 .button_dd4f85 .icon_de3e42 { - color: var(--menu-item-text-color); -} -.toolbar_de3e42 .divider_de3e42 { - border-left-color: var(--card-border-color); -} - -/* FORMAT TOOLBAR -> BF TOOLBAR */ -.bf-toolbar { - min-height: 36px; - padding: 4px 30px 10px 0 !important; -} -.bf-toolbar:before { - background-color: var(--popout-color) !important; - border-radius: 19px !important; - box-shadow: var(--shadow-3dp); -} -.bf-toolbar .format { - max-height: 36px !important; - border-radius: 0 !important; -} -.bf-toolbar .format:nth-of-type(2) { - border-radius: 19px 0 0 19px !important; -} - -/* - * - * MEMBERS LIST - * - */ -.container_cbd271 { - background-color: transparent; -} - -.members_cbd271, .members_cbd271 > div { - background: transparent; -} -.members_cbd271 .container_e9f61e { - width: 100%; - height: 42px; - margin-left: 0; - margin-bottom: 2px; -} -.members_cbd271 .container_e9f61e, -.members_cbd271 .container_e9f61e .layout_e9f61e { - border-radius: var(--channel-radius); -} -.members_cbd271 .container_e9f61e .layout_e9f61e { - width: calc(100% - 18px); - margin-left: 8px; - padding: 0 8px 0 8px; - transition: 200ms ease all; -} -.members_cbd271 .container_e9f61e:hover .layout_e9f61e { - background-color: var(--menu-item-hover); -} -.members_cbd271 .container_e9f61e.selected_e9f61e .layout_e9f61e { - background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity)); -} - -.member_a31c43 { - background: transparent !important; -} - -.membersGroup_cbd271 { - font-size: 14px !important; - text-transform: none !important; -} - -.botTag_a02df3 { - border-radius: 8px !important; -} -.botTag_a02df3.botTagRegular_a02df3 { - background-color: hsl(var(--accent-hsl--material-you)); - color: var(--accent-text-color--material-you); -} -.botTag_a02df3 .botTagVerified_a02df3 path { - fill: var(--accent-text-color--material-you); -} - -/* - * - * SEARCH RESULTS - * - */ -.searchResultsWrap_c2b47d { - margin: 12px 12px 12px 10px; - background-color: var(--main-alt); - border-radius: var(--popout-radius-big); -} - -/* SEARCH RESULTS -> HEADER */ -.searchHeader_b7c924 { - padding: 0 16px; - background-color: transparent; - border-bottom: 1px solid var(--separator-color); -} - -.searchHeaderTabList_b7c924 { - height: 100%; -} -.searchHeaderTabList_b7c924 .item_a0 { - height: 100%; - margin: 0 0 0 8px; - padding: 0 8px; - line-height: 55px; - border-radius: 0; -} -.searchHeaderTabList_b7c924 .item_a0:hover:not(.disabled-1nofHP), .searchHeaderTabList_b7c924 .item_a0.selected_a0 { - background-color: transparent; -} -.searchHeaderTabList_b7c924 .item_a0.selected_a0 { - position: relative; - background-color: transparent !important; - border: none; -} -.searchHeaderTabList_b7c924 .item_a0.selected_a0:after { - position: absolute; - content: " "; - width: 80%; - height: 3px; - left: 0; - right: 0; - bottom: 0; - margin: 0 auto; - background: var(--tab-border-color); - border-radius: 3px 3px 0 0; - transition: var(--default-time) ease all; -} - -/* SEARCH RESULTS -> MESSAGES */ -.scroller_c2b47d { - padding: 8px; -} - -.channelName-3w2Y3c { - padding: 8px 8px 8px 12px; - background-color: transparent; - color: var(--card-header-text-color); -} - -.searchResult_ddc613 { - background-color: transparent; - border-radius: 0; -} -.searchResult_ddc613 .wrapper_f9f2ca { - margin: 0 8px 0 60px !important; - padding: 12px !important; - border-radius: var(--message-radius); -} -.searchResult_ddc613 .wrapper_f9f2ca:before, .searchResult_ddc613 .wrapper_f9f2ca:after { - display: none; -} -.searchResult_ddc613 .wrapper_f9f2ca .avatar_f9f2ca { - top: 0 !important; - left: -50px !important; -} -.searchResult_ddc613 .wrapper_f9f2ca.hasReply_f9f2ca .avatar_f9f2ca { - top: 28px !important; -} - -.buttonsContainer_ddc613 { - top: 16px; - right: 18px; -} -.buttonsContainer_ddc613 .button_ddc613 { - padding: 4px 8px; - border-radius: 12px; -} - -.pageButton_b48941 { - transition: var(--default-time) var(--default-animation) background-color; -} -.pageButton_b48941:hover { - background-color: var(--card-button-color-hover); -} -.pageButton_b48941:disabled:hover { - background-color: transparent; -} - -.activeButton_b48941 { - background-color: hsl(var(--accent-hsl--material-you)) !important; - color: var(--accent-text-color--material-you) !important; -} - -.endButton_b48941:first-child, .endButton_b48941:last-child { - padding: var(--button-padding); -} -.endButton_b48941:first-child { - --button-padding: 0 16px 0 12px; -} -.endButton_b48941:first-child .iconCaret_b48941 { - margin-right: 8px; -} -.endButton_b48941:last-child { - --button-padding: 0 12px 0 16px; -} -.endButton_b48941:last-child .iconCaret_b48941 { - margin-left: 8px; -} - -/* - * - * STAGE - * - */ -.callContainer_ed4410 { - border-radius: var(--card-radius-big); -} - -.container_dc3fc4 { - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); - transition: var(--default-time) var(--default-animation) background-color; -} -.container_dc3fc4:hover { - background-color: var(--card-color-hover); -} - -.iconContainer_df0aed { - background-color: var(--card-color-active); -} - -.tileContainer_e1522e { - border-radius: var(--card-radius-big); - transition: var(--default-time) var(--default-animation) background-color; -} -.tileContainer_e1522e:hover { - background-color: var(--card-color-filled); -} - -.container_e12b21 .button_dd4f85 { - --button-height: 56px; - --button-padding: 0 24px 0 16px; - --button-radius: calc(var(--button-height) / 2); -} - -/* - * - * SUMMARIES - * - */ -.newTopicsBarContainer_cf58b5 { - top: 16px; - left: 0; - right: 0; - align-items: center; - justify-content: center; - background-color: transparent; - box-shadow: none; - opacity: 1; - pointer-events: none; - z-index: 4; -} -.newTopicsBarContainer_cf58b5 .barButtonBase_cf58b5 { - margin-left: 8px; -} -.newTopicsBarContainer_cf58b5 .barButtonMain_cf58b5 > div { - position: unset !important; -} - -.newTopicsBarTopicSection_cf58b5 { - padding: 9px 16px; - background-color: hsl(var(--accent-hsl--material-you)); - border-radius: 18px; - color: var(--accent-text-color--material-you); - box-shadow: var(--shadow-2dp); - pointer-events: all; -} -.newTopicsBarTopicSection_cf58b5 .newTopicsBarIcon_cf58b5 { - margin-left: 0; -} -.newTopicsBarTopicSection_cf58b5 .newTopicsBarText_cf58b5 { - color: var(--accent-text-color--material-you); -} -.newTopicsBarTopicSection_cf58b5 .newTopicsBarCaret_cf58b5 { - margin-right: 0; -} - -.newTopicsBarTextSelected_cf58b5 { - height: auto; - background-color: transparent; -} - -/* SUMMARIES -> NO NEW MESSAGES */ -.topicsPillContainer_cf58b5 { - height: var(--button-height); - top: 16px; - background-color: transparent; - box-shadow: none; - pointer-events: none; -} - -.topicsPill_cf58b5 { - align-items: center; - justify-content: center; -} - -.topicsPillText_cf58b5, -.topicsPillCarets_cf58b5 { - background-color: hsl(var(--accent-hsl--material-you)); - color: var(--accent-text-color--material-you); - border-radius: var(--button-radius); - box-shadow: var(--shadow-2dp); - pointer-events: all; -} - -.topicsPillText_cf58b5 { - flex: 0 1 auto; - padding: 9px 16px; -} -.topicsPillText_cf58b5:hover .topicsPillDropdownCaret_cf58b5 { - color: var(--accent-text-color--material-you); -} -.topicsPillText_cf58b5 .topicsPillTextSelected_cf58b5 { - height: 18px; - background-color: transparent; -} -.topicsPillText_cf58b5 .topicsPillSummaryIcon_cf58b5 { - margin-right: 8px; -} -.topicsPillText_cf58b5 .topicsPillTextTitle_cf58b5, -.topicsPillText_cf58b5 .topicsPillDropdownCaret_cf58b5 { - color: var(--accent-text-color--material-you); -} -.topicsPillText_cf58b5 .topicsPillDropdownCaret_cf58b5 { - margin-right: 0; -} - -.topicsPillCarets_cf58b5 { - height: var(--button-height); - margin-left: 8px; - padding-right: 0; - background-color: var(--chat-color); -} - -.topicsPillCaret_cf58b5 { - width: var(--button-height); - background-color: hsl(var(--accent-hsl--material-you)); - color: var(--accent-text-color--material-you) !important; - border: none; -} -.topicsPillCaret_cf58b5.topicsPillCaretDisabled_cf58b5 { - opacity: 0.4; -} - -/* - * - * MAIN TEXTAREA - * - */ -.form_a7d72e { - margin-top: 0 !important; -} -.form_a7d72e:before, .form_a7d72e:after { - display: none; -} -.form_a7d72e .channelTextArea_d0696b { - margin: 12px 0; - background-color: transparent; - border-radius: var(--main-textarea-radius); -} -.form_a7d72e .channelTextArea_d0696b.channelTextAreaDisabled_d0696b { - opacity: 0.8; -} -.form_a7d72e .scrollableContainer_d0696b { - background-color: var(--main-textarea-color); - border-radius: var(--main-textarea-radius); - opacity: 1; -} -.form_a7d72e .scrollableContainer_d0696b.hasConnectedBar_d0696b { - border-radius: 0 0 var(--main-textarea-radius) var(--main-textarea-radius); -} -.form_a7d72e .textAreaDisabled_d0696b .placeholder_a552a6 { - padding-left: 16px; -} -.form_a7d72e .inner_d0696b { - padding-right: 10px; -} -.form_a7d72e .placeholder_a552a6 { - color: var(--text-muted); -} -.form_a7d72e .editor_a552a6 { - color: var(--text-normal); -} -.form_a7d72e .attachedBars_d0696b { - position: relative; - background-color: var(--main-textarea-color); - border-radius: var(--main-textarea-radius) var(--main-textarea-radius) 0 0; - border-bottom: none; -} -.form_a7d72e .attachedBars_d0696b:after { - position: absolute; - content: " "; - width: calc(100% - 24px); - height: 1px; - left: 0; - bottom: 0; - margin: 0 12px; - background-color: var(--main-textarea-border); -} -.form_a7d72e .attachedBars_d0696b .replyBar_b11c5e { - background-color: transparent; - border-radius: 0; -} -.form_a7d72e .attachedBars_d0696b .separator_b11c5e { - background-color: var(--main-textarea-border); -} -.form_a7d72e .attachedBars_d0696b .colorLink_dd4f85, .form_a7d72e .attachedBars_d0696b .colorLink_fbc755 { - color: hsl(var(--accent-hsl)); -} -.form_a7d72e .attachedBars_d0696b + .scrollableContainer_d0696b { - border-radius: 0 0 var(--main-textarea-radius) var(--main-textarea-radius); -} -.form_a7d72e .attachButtonPlus_f298d4 { - d: path("M7.5,18A5.5,5.5 0 0,1 2,12.5A5.5,5.5 0 0,1 7.5,7H18A4,4 0 0,1 22,11A4,4 0 0,1 18,15H9.5A2.5,2.5 0 0,1 7,12.5A2.5,2.5 0 0,1 9.5,10H17V11.5H9.5A1,1 0 0,0 8.5,12.5A1,1 0 0,0 9.5,13.5H18A2.5,2.5 0 0,0 20.5,11A2.5,2.5 0 0,0 18,8.5H7.5A4,4 0 0,0 3.5,12.5A4,4 0 0,0 7.5,16.5H17V18H7.5Z"); -} -.form_a7d72e .typing_d7ebeb { - position: absolute; - width: calc(100% - var(--scrollbar-width)); - top: -16px; - left: 0; - margin-top: 0; - background-color: var(--typing-color); - transition: 200ms ease-in-out; -} -.form_a7d72e .typing_d7ebeb .slowModeIcon_d7ebeb { - margin-right: 8px; -} - -.mentionButton_b11c5e { - --text-link: hsl(var(--warning-hsl)); -} - -.threadSuggestionBar_b11c5e { - position: relative; - background-color: transparent; - border: none; -} -.threadSuggestionBar_b11c5e:before { - position: absolute; - content: " "; - width: calc(100% - 24px); - height: 1px; - top: 0; - left: 0; - margin: 0 12px; - background-color: var(--main-textarea-border); -} -.threadSuggestionBar_b11c5e .createThreadButton_b11c5e { - color: hsl(var(--accent-hsl)) !important; -} - -.buttonContainer_a06035 .contents_dd4f85 { - margin-left: 8px; -} -.buttonContainer_a06035 .activeButtonChild_a06035 { - color: hsl(var(--accent-hsl)) !important; -} -.buttonContainer_a06035 .sendIcon_a06035 { - padding-top: 0; -} -.buttonContainer_a06035 .sendIcon_a06035 path { - d: path("M4.01 6.03l7.51 3.22-7.52-1 .01-2.22m7.5 8.72L4 17.97v-2.22l7.51-1M2.01 3L2 10l15 2-15 2 .01 7L23 12 2.01 3z"); -} - -.applicationCommandEducation-1stoia { - top: -12px; - bottom: unset; - background-color: var(--typing-color); -} -.applicationCommandEducation-1stoia .applicationCommandEducationArrow-2xKDmq { - transform: rotate(180deg) scaleX(-100%); -} - -.wrapper_faf5ab { - height: 44px; - margin: 12px 0; - padding: 0; - background-color: var(--main-textarea-color); - border-radius: var(--main-textarea-radius); -} -.wrapper_faf5ab .buttonContainer_faf5ab { - margin-right: 4px; -} - -.fakeLink_cdb578 { - color: hsl(var(--accent-hsl)); -} - -.upload_df1eaf { - background-color: var(--card-color-filled); - border: none; - padding: 8px; - border-radius: var(--card-radius-big); -} -.upload_df1eaf .image-1091CL { - border-radius: var(--card-radius-big); -} -.upload_df1eaf .wrapper_ef319f:hover { - box-shadow: var(--shadow-3dp); -} -.upload_df1eaf .altTag_f847a3 { - border-radius: 10px; -} - -.spoiler_f847a3 { - filter: blur(22px); -} - -/* MAIN TEXTAREA -> SPAM FILTER */ -.spamBanner_c1da2c { - display: grid; - grid-template-columns: 1fr auto; - margin: 12px 16px; - padding: 4px 8px; - background-color: var(--main-textarea-color); - border: 1px solid var(--main-textarea-border); - border-radius: 28px; -} -.spamBanner_c1da2c .bannerTextContainer_c1da2c { - margin: 0 8px 0 0; -} -.spamBanner_c1da2c .actionButtons_c1da2c { - width: auto; - margin: 0; -} - -/* MAIN TEXTAREA -> INTRODUCTION */ -.banner_d29eee { - margin-top: 12px; - padding: 12px 16px; - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big); -} -.banner_d29eee .text-md\/semibold_dc00ef { - font-weight: 500; -} -.banner_d29eee .iconCircle_d29eee { - width: var(--button-height); - height: var(--button-height); - background-color: hsl(var(--accent-hsl--material-you)); - border-radius: var(--button-radius); -} -.banner_d29eee .iconCircle_d29eee .nextIcon_d29eee { - width: 20px; - height: 20px; -} -.banner_d29eee .iconCircle_d29eee .nextIcon_d29eee polygon { - fill: var(--accent-text-color--material-you); -} - -/* - * - * THREAD - * - */ -.resizeHandle_d1c246 { - background: var(--main-alt); -} - -.container_d1c246 { - background-color: var(--chat-color); - border-radius: var(--card-radius-big) var(--card-radius-big) 0; -} -.container_d1c246.floating_d1c246 { - filter: drop-shadow(-8px 0 10px hsl(var(--black-500-hsl)/0.125)); -} - -.chatHeaderBar_e2f46e { - background-color: var(--chat-color); - border-bottom: 1px solid var(--card-border-color); -} - -.scrollerInner_fb4810 { - margin-bottom: 16px; -} -.scrollerInner_fb4810 .wrapper_f9f2ca.cozy_f9f2ca:not(.message_d5deea) .avatar_f9f2ca { - left: -52px; -} - -.channelTextArea_fb4810 { - margin: 0 16px 12px; - background-color: transparent; -} -.channelTextArea_fb4810 .placeholder_a552a6 { - color: var(--input-placeholder-color); -} - -.channelTextAreaInner_fb4810 { - max-height: 200px; - background-color: var(--main-textarea-color); - border-radius: var(--main-textarea-radius); -} -.channelTextAreaInner_fb4810 .inner_d0696b { - padding-left: 16px; -} -.channelTextAreaInner_fb4810 .buttons_d0696b { - margin-right: 0; -} - -/* - * - * BETTERDISCORD PLUGIN -> BetterFormattingRedux - * - */ -.bf-toolbar { - z-index: 2; -} -.bf-toolbar .bf-arrow { - transform: translate(14px, -18px); -} - -/* - * - * BETTERDISCORD PLUGIN -> ChannelDms - * - */ -.ChannelDms-channelmembers-wrap .ChannelDms-channelmembers-header { - padding: 0 !important; - background-color: var(--main-color) !important; - border-bottom-color: var(--popout-header-border) !important; -} -.ChannelDms-channelmembers-wrap .ChannelDms-channelmembers-header .item_a0 { - height: 46px; - padding: 0 8px; - line-height: 46px; -} -.ChannelDms-channelmembers-wrap .privateChannels_f0963d { - width: 240px; -} -.ChannelDms-channelmembers-wrap .privateChannelsHeaderContainer_c47fa9 { - padding: 18px 8px 4px 16px; -} -.ChannelDms-channelmembers-wrap .channel_c91bad { - margin-left: 8px; - margin-right: 0; - border-radius: 21px 0 0 21px; -} -.ChannelDms-channelmembers-wrap .channel_c91bad .interactive_f5eb4b { - padding-right: 0; - padding-left: 8px; -} - -.ChannelDms-channelpopout-popout { - background-color: var(--chat-color) !important; - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp) !important; -} -.ChannelDms-channelpopout-popout .ChannelDms-channelpopout-removeButton { - z-index: 3; -} -.ChannelDms-channelpopout-popout .ChannelDms-channelpopout-content { - margin-bottom: -4px; - border-radius: var(--popout-radius-big) !important; -} -.ChannelDms-channelpopout-popout .ChannelDms-channelpopout-collapseButton { - background-color: var(--popout-color) !important; - box-shadow: var(--shadow-3dp); -} -.ChannelDms-channelpopout-popout .ChannelDms-channelpopout-header { - position: relative; - padding: 8px !important; - background-color: var(--main-color) !important; - z-index: 2; -} - -/* - * - * BETTERDISCORD PLUGIN -> ChannelTabs - * - */ -#channelTabs-container { - padding: 4px 8px 0 8px !important; -} - -.channelTabs-tabContainer { - gap: 4px; -} -.channelTabs-tabContainer .channelTabs-tabNav { - gap: 4px; - margin: 0 4px 0 0 !important; -} -.channelTabs-tabContainer .channelTabs-tabNav > div { - width: 28px; - height: 28px; - margin-right: 0 !important; - border-radius: 16px !important; - transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color; - cursor: pointer; -} -.channelTabs-tabContainer .channelTabs-tabNav > div:hover { - background-color: var(--menu-item-hover) !important; -} - -.channelTabs-tab { - --inverted-curve-size: 16px; - position: relative; - margin-bottom: 0 !important; - border-radius: 12px 12px 0 0 !important; - transition: var(--default-time) var(--default-animation) background-color; -} -.channelTabs-tab:hover { - background-color: var(--menu-item-hover) !important; -} -.channelTabs-tab:hover:before, .channelTabs-tab:hover:after { - box-shadow: 0 calc(var(--inverted-curve-size) / 2 * -1) 0 0 var(--menu-item-hover); -} -.channelTabs-tab.channelTabs-selected { - background: var(--main-color) !important; - z-index: 2; -} -.channelTabs-tab.channelTabs-selected:before, .channelTabs-tab.channelTabs-selected:after { - box-shadow: 0 calc(var(--inverted-curve-size) / 2 * -1) 0 0 var(--main-color); -} -.channelTabs-tab:before, .channelTabs-tab:after { - position: absolute; - content: " "; - width: calc(var(--inverted-curve-size) / 2); - height: var(--inverted-curve-size); - bottom: 0; - background-color: transparent; - transform: rotate(180deg); - pointer-events: none; - transition: var(--default-time) var(--default-animation) box-shadow; -} -.channelTabs-tab:before { - left: calc(var(--inverted-curve-size) / 2 * -1); - border-top-left-radius: calc(var(--inverted-curve-size) / 2); -} -.channelTabs-tab:after { - right: calc(var(--inverted-curve-size) / 2 * -1); - border-top-right-radius: calc(var(--inverted-curve-size) / 2); -} -.channelTabs-tab .channelTabs-tabName { - margin-right: 0 !important; - font-weight: 500; - transition: var(--default-time) var(--default-animation) color; -} -.channelTabs-tab .channelTabs-gridContainer { - gap: 6px; - margin-right: 0; -} - -.channelTabs-unreadBadge { - background-color: hsl(var(--accent-hsl--material-you)) !important; - color: var(--accent-text-color--material-you) !important; -} - -.channelTabs-mentionBadge { - background-color: hsl(var(--alert-hsl)) !important; - color: var(--alert-text-color) !important; -} - -.channelTabs-closeTab { - border-radius: 8px !important; - transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color; -} - -.channelTabs-newTab { - width: 28px !important; - height: 28px !important; - margin: 0 0 0 4px !important; - border-radius: 14px !important; -} - -.channelTabs-favContainer { - position: relative; - background-color: var(--main-alt); - z-index: 3; -} -.channelTabs-favContainer .channelTabs-fav { - border-radius: 14px; - transition: var(--default-time) var(--default-animation) background-color; - cursor: pointer; -} -.channelTabs-favContainer .channelTabs-fav:hover { - background-color: var(--menu-item-hover); -} - -/* - * - * BETTERDISCORD PLUGIN -> CharCounter - * - */ -.chatContent_a7d72e .charCounterAdded-zz9O4t .channelTextArea_d0696b { - margin-bottom: 0 !important; -} -.chatContent_a7d72e .charCounterAdded-zz9O4t .channelTextArea_d0696b .scrollableContainer_d0696b { - border-radius: var(--main-textarea-radius) var(--main-textarea-radius) 0 0; -} -.chatContent_a7d72e .charCounterAdded-zz9O4t .channelTextArea_d0696b .scrollableContainer_d0696b.hasConnectedBar_d0696b { - border-radius: 0; -} -.chatContent_a7d72e .counter-uAzbKp { - height: 28px; - line-height: 28px !important; - padding: 0 16px; - line-height: var(--main-textarea-radius); - background-color: var(--main-textarea-color); - border-radius: 0 0 var(--main-textarea-radius) var(--main-textarea-radius); - text-align: right; - font-weight: 500; -} -.chatContent_a7d72e .counter-uAzbKp:before { - position: absolute; - content: " "; - width: calc(100% - 24px); - height: 1px; - top: 0; - left: 12px; - background-color: var(--main-textarea-border); -} -.chatContent_a7d72e .counter-uAzbKp.chatCounter-XOMPsh { - position: relative; - bottom: auto; - margin-bottom: 12px; -} - -/* - * - * BETTERDISCORD PLUGIN -> HideChannels - * - */ -.hideElement.sidebar_a4d4d9 .container_b2ca13 { - height: 52px !important; - margin-bottom: 0 !important; - background-color: var(--chat-color) !important; -} -.hideElement.sidebar_a4d4d9 + .chat_a7d72e { - border-top-left-radius: var(--card-radius-big); -} -.hideElement.sidebar_a4d4d9 + .chat_a7d72e .typing_d7ebeb { - width: calc(100% + 240px); - left: -240px; -} - -/* - * - * BETTERDISCORD PLUGIN -> ImageUtilities - * - */ -.menu_d90b3d .item_d90b3d { - /* SUBMENU WITH ARROW */ -} -.menu_d90b3d #message-imageutilities-copy-link.item_d90b3d:after { - -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/content_copy.svg); -} -.menu_d90b3d #message-imageutilities-copy-media-link.item_d90b3d:after { - -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/content_copy.svg); -} -.menu_d90b3d #message-imageutilities-open-link.item_d90b3d:after { - -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/open_in_new.svg); -} -.menu_d90b3d #message-imageutilities-copy-file.item_d90b3d:after { - -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/image_copy.svg); -} -.menu_d90b3d #message-imageutilities-view-file.item_d90b3d:after { - -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/image_view.svg); -} -.menu_d90b3d #message-imageutilities-download-file-as.item_d90b3d:before { - -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/save.svg); -} -.menu_d90b3d #message-imageutilities-submenu-search.item_d90b3d:before { - -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/search.svg); -} -.menu_d90b3d #message-imageutilities-main-subitem.item_d90b3d:before { - -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/image_view.svg); -} -.menu_d90b3d #user-context-imageutilities-main-subitem.item_d90b3d:before { - -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/image_view.svg); -} - -/* - * - * BETTERDISCORD PLUGIN -> CharCounter - * - */ -#MemberCount { - margin-top: 0 !important; - background-color: var(--main-color) !important; -} -#MemberCount .membersGroup_cbd271 { - padding: 16px; - line-height: 14px; -} - -.membersWrap_cbd271.hasCounter .members_cbd271 { - margin-top: 47px !important; -} - -#vc-membercount { - margin-bottom: 0 !important; -} - -/* - * - * BETTERDISCORD PLUGIN -> PasscodeLock - * - */ -.PCL--layout-bg { - background-color: var(--main-alt) !important; - backdrop-filter: none !important; -} - -.PCL--icon { - padding: 16px; - background-color: var(--card-color-hover); - border-radius: 50%; -} - -.theme-light .PCL--icon { - background-color: var(--switch-knob-color); -} - -.PCL--title { - color: var(--header-primary); -} - -.PCL--dot:before { - background: var(--text-normal) !important; -} - -.PCL--divider { - display: none; -} - -.PCL--buttons { - grid-template-columns: repeat(3, 80px) !important; - grid-auto-rows: 80px !important; - gap: 16px !important; - padding: 16px 20px 40px !important; -} - -.PCL--btn { - background-color: var(--card-color-filled); - color: var(--text-normal); - transition: var(--default-time) var(--default-animation) border-radius, var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color !important; -} -.PCL--btn:hover { - background-color: var(--card-color-active) !important; -} -.PCL--btn:active { - background-color: hsl(var(--accent-hsl--material-you)) !important; - border-radius: 20px !important; - color: var(--accent-text-color--material-you); -} -.PCL--btn:active .PCL--btn-dec { - color: var(--accent-text-color--material-you); -} -.PCL--btn#PCLBtn-Escape, .PCL--btn#PCLBtn-Backspace { - background-color: hsl(var(--accent-hsl--material-you)) !important; - color: var(--accent-text-color--material-you); -} -.PCL--btn .PCL--btn-number { - font-weight: 400; -} -.PCL--btn .PCL--btn-dec { - color: var(--text-muted); - transition: var(--default-time) var(--default-animation) color !important; -} - -/* - * - * BETTERDISCORD PLUGIN -> PermissionsViewer - * - */ -#permissions-modal-wrapper #permissions-modal { - max-height: 80vh; - border-radius: var(--popout-radius-big) !important; - box-shadow: var(--shadow-3dp) !important; - border: none !important; -} -#permissions-modal-wrapper .header { - background-color: var(--popout-color) !important; - padding: 16px !important; - box-shadow: none !important; - border-bottom: 1px solid var(--popout-header-border); - line-height: 20px !important; - font-size: 16px !important; - font-weight: 600 !important; - color: var(--header-primary) !important; -} -#permissions-modal-wrapper .modal-body { - background-color: var(--popout-color) !important; -} -#permissions-modal-wrapper .role-side { - padding: 16px 0 16px 16px !important; - background-color: transparent !important; - border-right: 1px solid var(--popout-header-border); -} -#permissions-modal-wrapper .role-scroller { - padding-top: 0; -} -#permissions-modal-wrapper .perm-side { - padding: 0 0 16px 16px !important; - background-color: transparent !important; -} -#permissions-modal-wrapper .role-item { - margin-bottom: 2px !important; - padding: 6px 12px !important; - border-radius: 14px !important; -} -#permissions-modal-wrapper .role-item:hover { - background-color: var(--menu-item-hover) !important; -} -#permissions-modal-wrapper .role-item.selected { - background-color: var(--menu-item-select) !important; -} -#permissions-modal-wrapper .perm-item { - position: relative; - border-bottom: none; - box-shadow: none !important; -} -#permissions-modal-wrapper .perm-item:after { - position: absolute; - content: " "; - width: calc(100% - 0px * 2); - height: 1px; - right: 0; - bottom: 0; - margin: 0 0px; - background-color: var(--card-border-color); -} -#permissions-modal-wrapper .perm-item:last-of-type:after { - display: none; -} - -/* - * - * BETTERDISCORD PLUGIN -> PersonalPins - * - */ -.themedPopout-1TrfdI { - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp); -} -.themedPopout-1TrfdI .header-145e10 { - padding-bottom: 0 !important; -} -.themedPopout-1TrfdI .title-3OGHA5 { - margin-top: 16px; - line-height: 36px; - font-weight: 500; - font-size: 16px; -} -.themedPopout-1TrfdI .container__33507 { - margin-top: 16px; -} -.themedPopout-1TrfdI .tab_f0cd33 { - height: 32px; - margin-right: 16px; - padding: 0; -} -.themedPopout-1TrfdI .tab_f0cd33:first-child { - margin-right: 16px; -} -.themedPopout-1TrfdI .tabBar_f0cd33 .item_a0 { - height: 32px; -} -.themedPopout-1TrfdI .quickSelectWrapper-UCfTKz { - margin-right: 16px; - font-weight: 500; -} - -/* - * - * BETTERDISCORD PLUGIN -> PluginRepo - * - */ -.repoHeader_2KfNvH { - margin: 0 32px 0 0 !important; - padding-bottom: 0 !important; -} - -.repoScroller_9JnAPs { - margin: 0 !important; - padding-top: 16px !important; - padding-right: 82px !important; -} -.repoScroller_9JnAPs .tabContent_nZ-1U5 { - margin-top: 0; -} - -.card_x5zW6z { - height: 400px; - background-color: var(--card-color-filled) !important; - border-radius: var(--card-radius-big); - border: none; - box-shadow: none; -} -.card_x5zW6z:hover { - box-shadow: none; - transform: none; -} -.card_x5zW6z:hover .coverWrapper_J-mDGJ { - transform: none; -} -.card_x5zW6z .coverWrapper_J-mDGJ, -.card_x5zW6z .cover_qyY86I { - border-radius: var(--card-radius-big); -} -.card_x5zW6z .coverBadge_I41ZIY { - background-color: hsl(var(--alert-hsl)) !important; - color: var(--alert-text-color); - border-radius: 8px !important; - text-transform: capitalize !important; - font-size: 14px; -} -.card_x5zW6z .iconWrapper_eK7GO6 { - background-color: var(--card-color-active) !important; - border-radius: 50%; - border: 4px solid var(--card-color-filled); -} -.card_x5zW6z .info_xw-o76 { - overflow: visible; -} -.card_x5zW6z .title_SSzExd { - position: relative; - line-height: normal; - font-size: 1.4em; - font-weight: 400; - color: var(--card-header-text-color); -} -.card_x5zW6z .title_SSzExd:before { - position: absolute; - content: " "; - width: 62px; - height: 32px; - top: -2px; - right: -2px; - background-color: var(--card-button-color); - border-radius: 16px; - pointer-events: none; -} - -.button_SxdSzE { - position: relative; - width: 28px !important; - height: 28px !important; - border-radius: 50%; - transition: var(--default-time) var(--default-animation) background-color; -} -.button_SxdSzE:hover { - background-color: var(--card-button-color-hover); -} -.button_SxdSzE.favbutton_8Fzu45 { - margin-left: 2px; -} - -.tag_PbPfwP { - height: 24px; - padding: 0 8px; - background-color: var(--card-button-color) !important; - line-height: 24px; - border-radius: 6px; - text-transform: capitalize; -} - -.button_coQXfM { - --button-padding: 0 24px 0 16px; - height: var(--button-height); - padding: var(--button-padding); - gap: 8px; - background-color: hsl(var(--accent-hsl--material-you)) !important; - border-radius: var(--button-radius); - font-size: 1em; - color: var(--accent-text-color--material-you); - transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color; -} -[style="background-color: var(--status-positive);"].button_coQXfM { - background-color: rgba(255, 255, 255, 0.15) !important; - color: #fff; -} -[style="background-color: var(--status-danger);"].button_coQXfM { - background-color: hsl(var(--alert-hsl)) !important; - color: var(--alert-text-color); -} -.button_coQXfM .statIcon_o40EX1 { - margin-right: 0; -} - -/* - * - * BETTERDISCORD PLUGIN -> ShowAllActivities - * - */ -.userProfileOuterThemed_c69a7b .wrapper .controls { - --popout-color: var(--profile-body-background-color); -} -.userProfileOuterThemed_c69a7b .wrapper .controls .carosell { - --carosell-dot-selected: var(--profile-gradient-secondary-color); -} - -.wrapper .controls { - background-color: var(--popout-color) !important; - border-radius: 17px !important; -} -.wrapper .controls .caret { - border-radius: 50% !important; -} -.wrapper .controls .caret:not(.disabled) { - background-color: hsl(var(--accent-hsl--material-you)) !important; -} -.wrapper .controls .caret:not(.disabled) .SAA-caret { - color: var(--accent-text-color--material-you); -} -.wrapper .controls .carosell .dot.selected { - background-color: hsl(var(--accent-hsl--material-you)) !important; -} - -/* - * - * BETTERDISCORD PLUGIN -> SpotifyControls - * - */ -.coverWrapper_YAplwJ { - border-radius: 50%; -} - -.container_6sXIoE { - margin-bottom: 2px; - background-color: var(--sidebar-panel-color); - border-radius: 4px; - border-bottom: none; -} -.container_6sXIoE.maximized_vv2Wr0 .coverWrapper_YAplwJ { - border-radius: var(--card-radius-big); -} - -/* BETTERDISCORD PLUGIN -> SpotifyControls -> VENCORD*/ -#vc-spotify-player { - margin-bottom: 2px; - padding: 12px !important; - background-color: var(--sidebar-panel-color) !important; - border-radius: 4px; - border-bottom: none !important; -} -#vc-spotify-player #vc-spotify-album-image { - border-radius: 50%; -} -#vc-spotify-player .track_c7a159 { - top: 12px; -} -#vc-spotify-player .grabber_c7a159 { - background-color: hsl(var(--accent-hsl--material-you)) !important; -} -#vc-spotify-player .vc-spotify-button-row { - gap: 8px !important; -} -#vc-spotify-player .vc-spotify-button { - color: var(--text-normal) !important; - transition: var(--default-time) var(--default-animation) background-color; -} -#vc-spotify-player .vc-spotify-play, -#vc-spotify-player .vc-spotify-pause { - padding: 4px; - background-color: hsl(var(--accent-hsl--material-you)); - color: var(--accent-text-color--material-you); - transition: var(--default-time) var(--default-animation) border-radius; -} -#vc-spotify-player .vc-spotify-play { - border-radius: 16px; - animation: vc-spotify-play-button var(--default-time) var(--default-animation); -} -#vc-spotify-player .vc-spotify-pause { - border-radius: 10px; - animation: vc-spotify-pause-button var(--default-time) var(--default-animation); -} - -#vc-spotify-album-expanded-wrapper { - margin: -12px -12px 0; -} -#vc-spotify-album-expanded-wrapper img { - border-radius: var(--card-radius-big) !important; -} - -.activityPanel_a4d4d9 + .wrapper_adcaac:empty + #vc-spotify-player #vc-spotify-album-expanded-wrapper img, -.wrapper_adcaac:not(:empty) + #vc-spotify-player #vc-spotify-album-expanded-wrapper img { - border-radius: 4px !important; -} - -#vc-spotify-progress-bar { - margin: 8px 0 !important; -} - -.vc-spotify-shuffle path { - d: path("M14.83,13.41L13.42,14.82L16.55,17.95L14.5,20H20V14.5L17.96,16.54L14.83,13.41M14.5,4L16.54,6.04L4,18.59L5.41,20L17.96,7.46L20,9.5V4M10.59,9.17L5.41,4L4,5.41L9.17,10.58L10.59,9.17Z"); -} - -.vc-spotify-play path { - d: path("M8,5.14V19.14L19,12.14L8,5.14Z"); -} - -.vc-spotify-pause path { - d: path("M14,19H18V5H14M6,19H10V5H6V19Z"); -} - -.vc-spotify-previous path { - d: path("M6,18V6H8V18H6M9.5,12L18,6V18L9.5,12Z"); -} - -.vc-spotify-next path { - d: path("M16,18H18V6H16M6,18L14.5,12L6,6V18Z"); -} - -.vc-spotify-repeat path { - d: path("M17,17H7V14L3,18L7,22V19H19V13H17M7,7H17V10L21,6L17,2V5H5V11H7V7Z"); -} - -@keyframes vc-spotify-play-button { - from { - border-radius: 10px; - } -} -@keyframes vc-spotify-pause-button { - from { - border-radius: 16px; - } -} -/* - * - * BETTERDISCORD PLUGIN -> StatusEverywhere - * - */ -.StatusEverywhere-avatar-chatAvatar.accountSettingsAvatar { - width: 80px !important; - height: 80px !important; - top: 76px; -} - -.StatusEverywhere-avatar-userPopout { - background-color: var(--popout-color) !important; - border: none !important; -} -/* - * - * BETTERDISCORD PLUGIN -> UserDetails - * - */ -.UserDetails-activity-container img { - border-radius: 50%; -} - -/* - * - * BETTERDISCORD ADDONS - * - */ -.bd-settings-title { - color: var(--header-primary); -} - -.bd-modal-root { - background-color: var(--popout-color); - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp); -} -.bd-modal-root .paragraph_d7f12d { - color: var(--text-normal); -} -.bd-modal-root .bd-modal-footer { - background-color: transparent; - box-shadow: none; - gap: 8px; -} - -.bd-button { - --button-background: hsl(var(--accent-hsl--material-you)); - --button-text-color: var(--accent-text-color--material-you); - --button-shadow: none; - --button-outline: none; - background-color: var(--button-background) !important; - border-radius: var(--button-radius); - border: var(--button-outline) !important; - box-shadow: var(--button-shadow); - color: var(--button-text-color) !important; -} -.bd-button:hover { - --button-shadow: none; -} -.bd-button:active { - --button-shadow: none; -} -.bd-button:after { - position: absolute; - content: " "; - width: 100%; - height: 100%; - top: 0; - left: 0; - background-color: var(--button-action-color); - border-radius: var(--button-radius); - opacity: 0; - pointer-events: none; - transition: var(--default-time) var(--default-animation) opacity; -} -.bd-button:hover:after { - opacity: var(--button-action-hover); -} -.bd-button:active:after { - opacity: var(--button-action-active); -} -.bd-button:disabled { - opacity: 0.5 !important; -} -.bd-button:disabled:after { - display: none; -} -.bd-button .bd-button-content { - background-image: none !important; -} -.bd-button .bd-button-content svg:not([fill]) .fill { - fill: currentColor; -} -.bd-button .bd-button-content svg[fill] { - fill: currentColor; -} - -.bd-button-filled.bd-button-danger { - --button-background: hsl(var(--alert-hsl)); - --button-text-color: var(--alert-text-color); -} - -.bd-button-link { - --button-padding: 0 12px; - --button-background: transparent; - --button-shadow: none !important; -} -.bd-button-link:after { - --button-action-color: hsl(var(--accent-hsl--material-you)); -} -.bd-button-link.bd-button-color-brand, .bd-button-link.bd-button-color-primary { - --button-text-color: hsl(var(--accent-hsl--material-you)); -} - -.bd-search-wrapper { - padding: 0 8px; - background-color: var(--input-color); - border-radius: 13px; -} -.bd-search-wrapper .bd-search { - padding: 0; - line-height: 26px; - color: var(--text-normal); -} -.bd-search-wrapper .bd-search::-webkit-input-placeholder { - font-family: var(--app-font); -} - -.bd-label { - line-height: 26px; -} - -.bd-select { - line-height: 26px; -} -.bd-select.bd-select-transparent { - gap: 4px; -} -.bd-select .bd-select-value { - padding-left: 0; -} -.bd-select .bd-select-arrow { - height: 26px !important; - margin-left: 0; -} -.bd-select .bd-select-options { - padding: 8px 0; - background-color: var(--popout-color); - border-radius: var(--popout-radius); - border: none; - box-shadow: var(--shadow-3dp); - animation: opacity 100ms ease, open-context-menu 300ms var(--default-animation); - transform-origin: top; -} -.bd-select .bd-select-option { - min-height: 32px; - padding: 9px 12px; - line-height: 18px; - font-weight: 500; - color: var(--menu-item-text-color); - box-sizing: border-box; - transition: var(--default-time) var(--default-animation) background-color; -} -.bd-select .bd-select-option:hover { - background-color: var(--menu-item-hover); -} -.bd-select .bd-select-option.selected { - background-color: var(--menu-item-select); -} - -.bd-addon-views .bd-view-button { - background-color: transparent !important; -} -.bd-addon-views .bd-view-button:not(.selected) svg[fill] { - fill: var(--interactive-normal); -} -.bd-addon-views .bd-view-button.selected { - background-color: hsl(var(--accent-hsl--material-you)) !important; -} -.bd-addon-views .bd-view-button.selected svg { - fill: var(--accent-text-color--material-you); -} - -.bd-addon-controls + .bd-addon-list { - margin-top: 16px; -} - -#themes-tab .bd-addon-controls:after { - position: relative; - display: flex; - flex-direction: column; - content: "Theme Add-ons\a\aMaterial Discord has a few add-on themes to either enhance or revert\asome features that can be located at bit.ly/MaterialDiscordAddons.\a\a- Solid Icons\a- Old Message Bubbles\a- Material You"; - width: 100%; - margin-top: 16px; - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); - color: var(--text-normal); - box-sizing: border-box; - white-space: pre; - word-wrap: break-word; - line-height: 18px; -} - -.bd-empty-image-container { - margin-top: 24px; - max-width: unset; -} - -.bd-addon-list.bd-grid-view { - column-gap: 16px; - row-gap: 16px; -} -.bd-addon-list .bd-addon-card { - margin-bottom: 16px; -} - -.bd-addon-card { - background-color: var(--card-color-filled) !important; - border: none !important; - padding: 0; - border-radius: var(--card-radius-big) !important; -} -.bd-addon-card .bd-addon-header { - margin-bottom: 0; - padding: 16px; - background-color: transparent; - font-size: 1.25em; - line-height: normal; - color: var(--card-header-text-color); - font-weight: 400; - opacity: 1; -} -.bd-addon-card .bd-addon-header .bd-link { - color: hsl(var(--accent-hsl)); -} -.bd-addon-card .bd-addon-header .bd-meta { - display: block; - font-size: 12px; -} -.bd-addon-card .bd-description-wrap { - padding: 0 16px; -} -.bd-addon-card .bd-description { - padding: 0; -} -.bd-addon-card .bd-footer { - background-color: transparent; -} -.bd-addon-card .bd-controls { - background-color: transparent; - border-radius: 14px; - overflow: hidden; -} -.bd-addon-card .bd-controls .bd-button { - padding: 3px 8px; - background-color: var(--card-button-color) !important; - color: var(--text-normal); -} -.bd-addon-card .bd-controls .bd-button:not([disabled]):hover { - background-color: var(--card-button-color-hover) !important; -} -.bd-addon-card .bd-controls .bd-button svg { - fill: var(--text-normal); -} - -.bd-description-wrap .banner { - margin-bottom: 16px; - padding: 8px; - border-radius: calc(var(--card-radius-big) / 1.5); - border: none; - color: var(--text-normal); -} - -.banner.banner-danger { - background-color: hsl(var(--alert-hsl), 0.3); -} -.banner.banner-danger .bd-icon { - fill: hsl(var(--alert-hsl)); -} - -/* BETTERDISCORD ADDONS -> BD ADDON MODAL */ -.bd-addon-modal .bd-addon-modal-header h1 { - font-size: 22px; - font-weight: 400; -} -.bd-addon-modal .bd-select { - height: var(--input-height); - max-height: var(--input-height); - padding: var(--input-padding); - background-color: var(--input-color); - border-radius: calc(var(--input-height) / 2); - border: none; - font-size: 1em; -} - -/* - * - * BETTERDISCORD CSS EDITOR - * - */ -#bd-editor-panel { - border-radius: var(--card-radius-big); - overflow: hidden; -} - -#bd-editor-controls { - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; -} - -#bd-customcss-editor { - background-color: var(--card-color-filled); -} - -.monaco-editor, .monaco-editor-background, -.monaco-editor .inputarea.ime-input, -.monaco-editor .margin { - background-color: inherit !important; -} -.monaco-editor .overflow-guard { - border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); - border-top: none; -} -.monaco-editor .minimap { - right: 7px; - background-color: inherit !important; -} -.monaco-editor .minimap-shadow-visible { - box-shadow: none !important; -} -.monaco-editor .scroll-decoration { - box-shadow: none !important; -} - -.monaco-editor *, -.ace_editor *, -.line-numbers * { - --app-font: var(--code-font); -} -.monaco-editor .codicon[class*=codicon-], -.ace_editor .codicon[class*=codicon-], -.line-numbers .codicon[class*=codicon-] { - font-family: codicon !important; -} - -/* - * - * VENCORD PLUGIN - MemberCount - * - */ -.vc-membercount-widget { - --color-online: var(--success-color) !important; - --color-total: var(--primary-300) !important; - display: flex; - gap: 16px; - margin-left: 0; -} -.vc-membercount-widget > div { - display: flex; - gap: 6px; - align-items: center; -} - -.vc-membercount-online-dot, -.vc-membercount-total-dot { - margin: 0; -} - -/* - * - * VENCORD PLUGIN - ReadAllNotification - * - */ -.wrapper_fea3ef .scroller_fea3ef { - text-align: center; -} -.wrapper_fea3ef .button_dd4f85 { - --button-height: 22px; - --button-padding: 0 4px; - width: auto; - font-size: 12px !important; -} - -/* - * - * VENCORD PLUGIN - ReviewDB - * - */ -.userProfileOuterThemed_c69a7b .vc-rdb-view .wrapper_f9f2ca { - --message-color: var(--profile-body-background-hover); - --message-color-hover: var(--profile-body-background-hover); -} -.userProfileOuterThemed_c69a7b .vc-rdb-view .formText_b89ec7 { - background-color: var(--profile-body-background-hover); -} -.userProfileOuterThemed_c69a7b .vc-rdb-view .input_f8bc55 { - --input-color: var(--profile-body-background-color) !important; -} - -.vc-rdb-view .wrapper_f9f2ca { - --message-color: var(--popout-color); - --message-color-hover: var(--popout-color); - margin-left: 52px !important; -} -.vc-rdb-view .avatar_f9f2ca { - left: -52px !important; -} - -.vc-rdb-review-comment { - margin-bottom: 0; -} - -.vc-rdb-input { - margin-top: 12px !important; - background-color: var(--input-color) !important; - border-radius: 22px !important; - border: none !important; - box-shadow: none !important; -} -.vc-rdb-input .placeholder_a552a6 { - color: var(--input-placeholder-color); -} -.vc-rdb-input .editor_a552a6 { - color: var(--input-text-color); -} -.vc-rdb-input .buttons_d0696b { - margin-right: 0 !important; -} - -/* - * - * VENCORD SETTINGS - * - */ -.vc-settings-tab-bar { - height: 48px; - border-bottom-width: 1px !important; -} -.vc-settings-tab-bar .item_a0 { - height: inherit; - line-height: 48px; - margin: 0 24px 0 0; - padding: 0 8px; - border-radius: 0; - border: none !important; - color: var(--interactive-normal) !important; -} -.vc-settings-tab-bar .item_a0.selected_a0 { - position: relative; - background-color: transparent !important; - border: none; -} -.vc-settings-tab-bar .item_a0.selected_a0:after { - position: absolute; - content: " "; - width: 80%; - height: 3px; - left: 0; - right: 0; - bottom: 0; - margin: 0 auto; - background: var(--tab-border-color); - border-radius: 3px 3px 0 0; - transition: var(--default-time) ease all; -} -.vc-settings-tab-bar + .divider_ae36e5 { - display: none; -} - -.vc-settings-card .h5_c46f6a, -.vc-plugins-info-card .h5_c46f6a { - margin-bottom: 0; - padding-bottom: 16px; - line-height: normal; - font-size: 1.25em; - font-weight: 400; - color: var(--card-header-text-color); -} -.vc-settings-card .divider_ae36e5, -.vc-plugins-info-card .divider_ae36e5 { - margin: 16px 0; -} - -.vc-settings-donate .button_dd4f85 { - position: absolute; - bottom: 16px; - transform: none !important; -} -.vc-settings-donate .button_dd4f85 .contents_dd4f85 { - display: flex; -} -.vc-settings-donate .button_dd4f85 svg { - transform: none !important; -} -.vc-settings-donate .button_dd4f85 svg path { - fill: currentColor; -} -.vc-settings-donate img { - margin: 16px; -} - -.vc-error-card { - padding: 16px; - background-color: hsl(var(--alert-hsl), 0.1); - border-radius: var(--card-radius-big); - border-color: hsl(var(--alert-hsl)); -} - -/* VENCORD SETTINGS -> PLUGINS */ -.vc-plugins-info-card { - height: auto !important; -} - -.vc-plugins-filter-controls .inputWrapper_f8bc55:last-of-type { - background-color: transparent !important; - border: none !important; - box-shadow: none !important; -} -.vc-plugins-filter-controls .select_f6639d { - box-shadow: none !important; -} - -.vc-addon-card { - background-color: var(--card-color-filled) !important; - border: none !important; - padding: 16px; - border-radius: var(--card-radius-big) !important; -} -.vc-addon-card:hover { - box-shadow: none !important; - transform: none !important; -} -.vc-addon-card .container_cebd1c .slider_cebd1c { - transform: translate(-2px, -50%) !important; - transition: var(--default-time) var(--default-animation) all; -} -.vc-addon-card .container_cebd1c.checked_cebd1c .slider_cebd1c { - transform: translate(calc(100% - 7px), -50%) !important; -} - -.vc-addon-header { - height: auto !important; - margin-bottom: 12px !important; - justify-content: flex-start !important; -} -.vc-addon-header .vc-addon-name-author { - overflow: hidden; - font-size: 1.1em !important; - font-weight: 400; -} -.vc-addon-header .vc-addon-name-author .vc-addon-name { - font-size: inherit !important; - font-weight: inherit !important; -} - -.vc-addon-note:not(:last-child) { - margin-bottom: 0.875em !important; -} -.vc-addon-note + div:not([class]) { - font-size: 14px; -} - -/* VENCORD SETTINGS -> THEMES */ -.vc-settings-theme-links { - padding: 12px !important; - background-color: var(--input-color); - border-radius: 4px 4px 0 0 !important; - border: none !important; - box-shadow: inset 0 -1px 0 0 var(--input-border-color); - line-height: 1.375rem; - font-size: 1rem; - color: var(--input-text-color) !important; - transition: var(--default-time) var(--default-animation) box-shadow; -} -.vc-settings-theme-links:focus { - box-shadow: inset 0 -2px 0 0 hsl(var(--accent-hsl--material-you)); -} - -[style*="padding: 0.5em"].cardPrimary_a298b8 { - padding: 16px !important; -} - -/* VENCORD SETTINGS -> BACKUP AND RESTORE */ -.vc-backup-restore-card > div { - gap: 0 !important; -} -.vc-backup-restore-card strong { - padding-bottom: 16px; - line-height: normal; - font-size: 1.25em; - font-weight: 400; - color: var(--card-header-text-color) !important; -} - -/* VENCORD SETTINGS -> NOTIFICATION */ -.vc-notification-root { - background-color: var(--popout-color) !important; - border-radius: var(--popout-radius-big) !important; - box-shadow: var(--shadow-3dp) !important; -} -.vc-notification-root .vc-notification-title { - font-size: 22px !important; - font-weight: 400 !important; - text-transform: none !important; -} - -/* - * - * FORUM - * - */ -.container_a6d69a { - background: var(--chat-color); -} - -.tagsContainer_a6d69a { - padding: 16px 0 0; -} - -.tagList_a6d69a { - height: var(--button-height); -} - -.sortDropdown_a6d69a .contents_dd4f85 { - color: var(--accent-text-color--material-you); -} - -.sortDropdownText_a6d69a { - color: inherit !important; -} - -.container_d0f4b1 { - padding: 0; - background-color: transparent; - border-radius: 0; - box-shadow: none; -} -.container_d0f4b1 .menu_d90b3d { - min-width: unset; -} -.container_d0f4b1 .menu_d90b3d .scrollerBase_eed6a8::-webkit-scrollbar { - --scrollbar-width: 0; -} -.container_d0f4b1 .menu_d90b3d .groupLabel_d90b3d { - padding-top: 0; -} - -.tagsButton_a6d69a { - --button-padding: 0 8px 0 12px; -} -.tagsButton_a6d69a.tagsButtonWithCount_a6d69a { - --button-padding: 0 8px; -} -.tagsButton_a6d69a .tagsButtonInner_a6d69a { - color: inherit; -} -.tagsButton_a6d69a svg { - color: var(--accent-text-color--material-you); -} - -.countContainer_a6d69a { - background-color: var(--accent-text-color--material-you); -} -.countContainer_a6d69a .countText_a6d69a { - color: hsl(var(--accent-hsl--material-you)); -} - -.container_ae4f46 { - padding: 16px 16px 8px; - background-color: var(--popout-color); - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp); -} -.container_ae4f46 .header_ae4f46 { - padding: 0; -} -.container_ae4f46 .header_ae4f46 .text-xs\/bold_dc00ef { - font-size: 14px; - text-transform: none; -} -.container_ae4f46 .countContainer_ae4f46 { - background-color: hsl(var(--accent-hsl--material-you)); -} -.container_ae4f46 .countContainer_ae4f46 .countText_ae4f46 { - color: var(--accent-text-color--material-you); -} - -.container_a039eb { - margin-top: 16px; - background-color: var(--card-color-filled); - border: none; - padding: 0; - border-radius: var(--card-radius-big); -} - -.stepContainer_a039eb { - --card-color-filled: var(--card-color-alt); - --card-color-hover: var(--card-color-active); - background-color: var(--card-color-filled) !important; - border: none !important; - padding: 12px 16px; - border-radius: var(--card-radius-big) !important; - transition: var(--default-time) var(--default-animation) background-color; -} -.stepContainer_a039eb:hover { - background-color: var(--card-color-hover) !important; -} - -.card_a6d69a { - padding-bottom: 16px; -} -[style*="height: 558px"].card_a6d69a { - padding-bottom: 0; -} - -.container_ddbb27 { - margin-bottom: 0; - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); -} - -.descriptionContainer_ddbb27 { - --card-color-filled: var(--card-color-hover); - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); -} - -/* FORUM -> PILL */ -.pill_c993da { - height: var(--button-height); - padding: 0 12px 0 8px; - background-color: var(--card-button-color) !important; - border-radius: 10px; - border: none; - gap: 8px; - transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) border-color; -} -.pill_c993da.clickable_c993da:hover { - background-color: var(--card-button-color-hover) !important; -} -.pill_c993da.small_c993da { - border-radius: 6px; -} -.pill_c993da.selected_c993da { - background-color: hsl(var(--accent-hsl), 0.3) !important; - border-color: transparent !important; -} -.pill_c993da.selected_c993da:hover { - background-color: hsl(var(--accent-hsl), 0.35) !important; -} -.pill_c993da.selected_c993da .defaultColor__77578, .pill_c993da.selected_c993da .defaultColor_e9e35f, .pill_c993da.selected_c993da .defaultColor_a595eb { - color: hsl(var(--accent-hsl--material-you)); -} -.pill_c993da .emoji_b22487 { - margin-right: 0; -} -.pill_c993da .lineClamp1__92431 { - padding: 0; -} - -/* - * - * FORUM MEDIA POSTS - * - */ -.headerRow_a6d69a:not([data-list-item-id*=forum-channel-list]) .container_c1668f .bodyContainer_c1668f { - margin-right: 0; -} - -.thumbnailContainer_dbcd8f { - margin-left: 16px; - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big); -} -.thumbnailContainer_dbcd8f .lookFilled_dd4f85 { - --button-background: transparent; -} -.thumbnailContainer_dbcd8f .lookFilled_dd4f85:after { - display: none; -} -.thumbnailContainer_dbcd8f .uploadFileInputContainer_dbcd8f { - --button-height: 100%; -} -.thumbnailContainer_dbcd8f .uploadFileInputContainer_dbcd8f:hover .changeThumbnailLabelContainer_dbcd8f { - background-color: var(--card-color-filled); -} -.thumbnailContainer_dbcd8f .changeThumbnailLabelContainer_dbcd8f, -.thumbnailContainer_dbcd8f .thumbnail_dbcd8f { - border-radius: var(--card-radius-big); -} -.thumbnailContainer_dbcd8f .changeThumbnailLabelContainer_dbcd8f { - transition: var(--default-time) var(--default-animation) all; -} -.thumbnailContainer_dbcd8f .upload_df1eaf { - padding: 0; -} - -.container_b6cc23 { - margin: 16px 0; - padding: 16px !important; - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big); -} -.container_b6cc23 .uploadInput_a15d29 { - background-color: var(--card-color-alt); -} -.container_b6cc23 .upload_df1eaf { - padding: 0; -} -.container_b6cc23 .uploadInput_a15d29, -.container_b6cc23 .spoilerContainer_a3d0f7, -.container_b6cc23 .imageSmall_f847a3 { - border-radius: var(--card-radius-big); -} - -/* - * - * FORUM NEW POST - * - */ -.header_a6d69a { - position: relative; - min-height: 52px; - background-color: var(--input-color); - border-radius: 26px; - border: none; -} -.header_a6d69a.headerWithMatchingPosts_a6d69a { - box-shadow: var(--shadow-3dp); -} -.header_a6d69a .lookFilled_dd4f85 { - --button-padding: 0 24px 0 16px; -} - -.matchingPostsRow_a6d69a { - margin-top: -24px; - padding-top: 24px; - background-color: var(--input-color); - border-radius: 0 0 24px 24px; -} - -.form_c1668f { - margin-right: 0; -} - -.container_c1668f { - padding: 16px; -} -.container_c1668f.collapsed_c1668f { - padding: 0; -} -.container_c1668f.collapsed_c1668f .formContainer_c1668f { - padding: 0 8px 0 16px; - gap: 12px; -} -.container_c1668f.collapsed_c1668f .titleContainer_c1668f { - gap: 12px; -} -.container_c1668f.collapsed_c1668f .prefixElement_c1668f { - position: relative; - right: unset; -} -.container_c1668f.collapsed_c1668f .prefixElement_c1668f svg { - padding: 0; -} -.container_c1668f.collapsed_c1668f .input_f8bc55.textArea_a2b402 { - --input-color: transparent; - --input-padding: 0; - border-radius: 0; -} -.container_c1668f.collapsed_c1668f .forumPostFormButton_c1668f { - height: var(--button-height); - margin: 0; -} -.container_c1668f .prefixElement_c1668f { - position: absolute; - width: auto; - height: var(--button-height); - right: 16px; - margin: 0; - z-index: 2; -} -.container_c1668f .prefixElement_c1668f div[role=button], -.container_c1668f .prefixElement_c1668f svg { - height: inherit; -} -.container_c1668f .prefixElement_c1668f svg { - padding: 0 8px; -} -.container_c1668f .formContainer_c1668f { - padding: 0; -} -.container_c1668f .formContainer_c1668f + .form_c1668f > div { - padding: 0; -} -.container_c1668f .titleContainer_c1668f { - position: relative; -} -.container_c1668f .bodyContainer_c1668f { - margin-right: 94px !important; -} -.container_c1668f .input_f8bc55.textArea_a2b402 { - --input-color: var(--card-color-filled); - height: var(--button-height); - margin: 0; - padding: var(--input-padding); - border-radius: 20px; - box-shadow: none; - font-weight: 400; - line-height: var(--button-height); - cursor: text; -} -.container_c1668f .input_f8bc55.textArea_a2b402::-webkit-input-placeholder { - font-weight: inherit; -} -.container_c1668f .lookFilled_dd4f85:disabled { - opacity: 0.5 !important; -} - -.tagsDivider_c1668f { - width: 100%; - left: 0; -} - -.contentContainer_c1668f { - padding-left: 0; -} -.contentContainer_c1668f .channelTextArea_d0696b { - min-height: 68px; - margin-top: 16px; -} -.contentContainer_c1668f .scrollableContainer_d0696b { - min-height: 68px; - padding: 6px 12px; - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big); - color: var(--input-text-color); -} -.contentContainer_c1668f .scrollableContainer_d0696b::-webkit-input-placeholder { - color: var(--input-placeholder-color); -} - -.container_a15d29 { - position: absolute; - top: calc(var(--button-height) + 32px); - right: 16px; - z-index: 3; -} -.container_a15d29 .uploadInput_a15d29 { - background-color: transparent; - border: 1px solid var(--card-border-color); -} -.container_a15d29 .uploadInput_a15d29, -.container_a15d29 .spoilerContainer_a3d0f7, -.container_a15d29 .imageSmall_f847a3 { - border-radius: var(--card-radius-big); -} -.container_a15d29 .badge_a15d29 { - background-color: hsl(var(--accent-hsl--material-you)); - color: var(--accent-text-color--material-you); - border-color: var(--input-color); -} - -/* - * - * FORUM POSTS - * - */ -.container_a57509, .container_d331f1 { - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big); - border: none !important; -} -.container_a57509:hover, .container_d331f1:hover { - background-color: var(--card-color-hover); - box-shadow: none; - transform: none; -} -.container_a57509.isOpen_a57509, .container_d331f1.isOpen_a57509, .container_a57509.isOpen_d331f1, .container_d331f1.isOpen_d331f1 { - background-color: var(--card-color-active) !important; -} -.container_a57509 .pinIcon_f451cd, .container_d331f1 .pinIcon_f451cd { - background-color: hsl(var(--accent-hsl--material-you)); - color: var(--accent-text-color--material-you); -} -.container_a57509 .pinIcon_f451cd path, .container_d331f1 .pinIcon_f451cd path { - fill: currentColor; -} -.container_a57509 .postTitleText_d331f1, .container_d331f1 .postTitleText_d331f1, .container_a57509 .title_a57509, .container_d331f1 .title_a57509 { - line-height: 24px; - font-size: 1.325rem; - font-weight: 400; -} - -.contentPreview_a57509, -.textContentFooter_a57509 { - background-color: var(--card-color-hover); - transition: var(--default-time) var(--default-animation) background-color; -} - -.contentPreview_a57509 { - border-radius: var(--card-radius-big); - border: none; -} - -.textContentFooter_a57509 { - background: var(--card-color-hover) !important; -} - -.container_a57509:not(.isOpen_a57509):not(.isOpen_d331f1):hover .contentPreview_a57509, .container_d331f1:not(.isOpen_a57509):not(.isOpen_d331f1):hover .contentPreview_a57509 { - background-color: var(--card-color-filled); -} -.container_a57509:not(.isOpen_a57509):not(.isOpen_d331f1):hover .textContentFooter_a57509, .container_d331f1:not(.isOpen_a57509):not(.isOpen_d331f1):hover .textContentFooter_a57509 { - background: var(--card-color-filled) !important; -} - -.highlight { - background: hsl(var(--accent-hsl), 0.4); -} - -/* FORUM POSTS -> THREAD REACTIONS BAR */ -.container_b385c8 { - --button-height: 26px; - --button-padding: 0 10px; - margin: 16px 10px 0 16px; - padding: 8px; - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big); - border-top: none; - box-shadow: none; -} -.container_b385c8 .button_dd4f85, -.container_b385c8 .addReactButton_b385c8 { - --button-padding: 0 10px; - --button-text-color: hsl(var(--accent-hsl--material-you)); - height: var(--button-height); - padding: var(--button-padding); - background-color: transparent; - border-radius: var(--button-radius); - border: none; - color: var(--button-text-color); - transition: var(--default-time) var(--default-animation) background-color; -} -.container_b385c8 .button_dd4f85:hover, -.container_b385c8 .addReactButton_b385c8:hover { - background-color: hsl(var(--button-link-accent-color), 0.14); -} -.container_b385c8 .button_dd4f85.active_f61c73, -.container_b385c8 .addReactButton_b385c8.active_f61c73 { - background-color: hsl(var(--button-link-accent-color), 0.21); -} -.container_b385c8 .button_dd4f85 .contents_dd4f85 { - padding: 0; - background-color: transparent; - border: none; - color: var(--button-text-color); -} - -.reactButtons_b385c8 { - gap: 4px; -} -.reactButtons_b385c8 div:first-child .addReactButton_b385c8 path { - d: path("M12,17.5C14.33,17.5 16.3,16.04 17.11,14H6.89C7.69,16.04 9.67,17.5 12,17.5M8.5,11A1.5,1.5 0 0,0 10,9.5A1.5,1.5 0 0,0 8.5,8A1.5,1.5 0 0,0 7,9.5A1.5,1.5 0 0,0 8.5,11M15.5,11A1.5,1.5 0 0,0 17,9.5A1.5,1.5 0 0,0 15.5,8A1.5,1.5 0 0,0 14,9.5A1.5,1.5 0 0,0 15.5,11M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"); -} -.reactButtons_b385c8 div:first-child .addReactButton_b385c8 path ~ path { - display: none; -} - -.addReactButton_b385c8 { - min-width: unset; - margin: 0; -} -.addReactButton_b385c8 svg { - color: inherit !important; -} - -.box_af45f8 { - margin: 16px 10px 0 16px; - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big); -} -.box_af45f8:after { - left: 50px; -} - -.divider_af45f8 { - display: none; -} - -/* - * - * HEADER BAR - * - */ -.container_e44302 { - padding: 0 8px; - border-top-right-radius: var(--card-radius-big); - box-shadow: var(--elevation-low); -} -.container_e44302.transparent_e44302 { - box-shadow: none; -} -.container_e44302.themed_e44302 { - background: var(--main-color); -} -.container_e44302 .followButton_a7d72e { - --button-height: 32px; - --button-padding: 0 16px; -} - -.children_e44302:after { - background: linear-gradient(90deg, transparent 0, var(--main-color)) !important; -} -.children_e44302 .topPill_a0 { - height: 100%; -} -.children_e44302 .item_a0 { - height: 48px; - line-height: 48px; -} - -.iconWrapper_e44302.clickable_e44302 { - position: relative; -} -.iconWrapper_e44302.clickable_e44302:after { - content: " "; - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - background-color: hsl(var(--md-ripple-color), 0.1); - border-radius: 50%; - opacity: 0; - pointer-events: none; - transform: scale(1.2); - transition: 300ms ease; - z-index: 4; -} -.iconWrapper_e44302.clickable_e44302:hover:after { - opacity: 1; - transform: scale(1.5); - animation: scale 150ms var(--default-animation), opacity 150ms ease; -} -.iconWrapper_e44302.clickable_e44302:active:after { - background-color: hsl(var(--md-ripple-color), 0.2); -} -.iconWrapper_e44302 foreignObject { - mask: none !important; -} - -.topic_bf3bbb a { - color: hsl(var(--accent-hsl--material-you)); -} - -.returnButton_f1fd9c, .returnButton_d20375 { - --button-height: 32px; - max-width: 250px; - margin-right: 8px; -} - -.returnButtonText_f1fd9c, .returnButtonText_d20375 { - font-size: 1em; -} -.returnButtonText_f1fd9c, .returnButtonText_d20375, -.returnButtonText_f1fd9c *, -.returnButtonText_d20375 * { - line-height: var(--button-height); - color: hsl(var(--accent-hsl--material-you)) !important; -} -.returnButtonText_f1fd9c .text-xs\/medium_dc00ef, .returnButtonText_d20375 .text-xs\/medium_dc00ef { - font-size: 1em; -} - -.iconBadge_e44302 { - top: 0; - right: 0; - background-color: hsl(var(--accent-hsl--material-you)); - box-shadow: 0 0 0 4px var(--main-color); -} - -/* - * - * HEADER BAR SEARCH - * - */ -.search_a46bef { - width: 160px; - transition: 300ms ease width; -} -.search_a46bef .searchBar_a46bef { - width: 100%; - height: 32px; - background-color: var(--input-color); - border-radius: 16px; -} -.search_a46bef .searchBar_a46bef .DraftEditor-root { - padding: 6px 0; - padding-left: 8px; -} -.search_a46bef .searchBar_a46bef .DraftEditor-root .public-DraftEditorPlaceholder-root { - padding-left: 2px; - color: var(--input-placeholder-color); -} -.search_a46bef .searchBar_a46bef .DraftEditor-root .public-DraftEditor-content { - color: var(--input-text-color); -} -.search_a46bef .searchBar_a46bef .DraftEditor-editorContainer .searchFilter_b0fa94, -.search_a46bef .searchBar_a46bef .DraftEditor-editorContainer .searchFilter_b0fa94 + span[data-offset-key], -.search_a46bef .searchBar_a46bef .DraftEditor-editorContainer .searchAnswer_b0fa94 span[data-offset-key] { - background-color: var(--input-pill-color); - color: var(--input-text-color); -} -.search_a46bef .searchBar_a46bef .DraftEditor-editorContainer .searchFilter_b0fa94 { - margin-right: 2px; - padding: 0 4px 0 8px; - border-radius: 10px 0 0 10px; -} -.search_a46bef .searchBar_a46bef .DraftEditor-editorContainer .searchFilter_b0fa94:only-child { - padding: 0 8px; - border-radius: 11px; -} -.search_a46bef .searchBar_a46bef .DraftEditor-editorContainer .searchAnswer_b0fa94 { - background-color: transparent; -} -.search_a46bef .searchBar_a46bef .DraftEditor-editorContainer .searchFilter_b0fa94 + span[data-offset-key], -.search_a46bef .searchBar_a46bef .DraftEditor-editorContainer .searchAnswer_b0fa94 span[data-offset-key] { - display: inline-block; - height: 20px; - margin: 0 2px 0 -2px; - padding: 0px 8px 0px 0; - border-radius: 0 11px 11px 0; - color: var(--input-text-color); -} -.search_a46bef .searchBar_a46bef .icon_a46bef { - width: 32px; - height: 32px; -} -.search_a46bef.open_a46bef { - width: 240px; -} - -/* - * - * BADGES - * - */ -.flowerStar_ff7d90 path { - fill: hsl(var(--accent-hsl--material-you)); -} - -.childContainer_ff7d90 path { - fill: var(--accent-text-color--material-you); -} - -/* - * - * BUTTONS - * - */ -.button_dd4f85 { - font-size: var(--button-font-size) !important; -} -.button_dd4f85 .text-sm\/medium_dc00ef, -.button_dd4f85 .text-sm\/semibold_dc00ef, -.button_dd4f85 .text-sm\/bold_dc00ef, -.button_dd4f85 .text-md\/semibold_dc00ef { - height: var(--button-height); - line-height: var(--button-height); - font-size: unset; - font-weight: 500; -} - -.lookFilled_dd4f85, -.lookOutlined_dd4f85, -.lookLink_dd4f85, -.lookInverted_a299dc { - --button-background: hsl(var(--accent-hsl--material-you)); - --button-text-color: var(--accent-text-color--material-you); - --button-shadow: none; - --button-outline: none; - background-color: var(--button-background) !important; - border-radius: var(--button-radius); - border: var(--button-outline) !important; - box-shadow: var(--button-shadow); - color: var(--button-text-color) !important; - transition: var(--default-time) var(--default-animation) box-shadow; -} -.lookFilled_dd4f85:hover, .lookFilled_dd4f85:active, -.lookOutlined_dd4f85:hover, -.lookOutlined_dd4f85:active, -.lookLink_dd4f85:hover, -.lookLink_dd4f85:active, -.lookInverted_a299dc:hover, -.lookInverted_a299dc:active { - opacity: 1; -} -.lookFilled_dd4f85:hover, -.lookOutlined_dd4f85:hover, -.lookLink_dd4f85:hover, -.lookInverted_a299dc:hover { - --button-shadow: none; -} -.lookFilled_dd4f85:active, -.lookOutlined_dd4f85:active, -.lookLink_dd4f85:active, -.lookInverted_a299dc:active { - --button-shadow: none; -} -.lookFilled_dd4f85:after, -.lookOutlined_dd4f85:after, -.lookLink_dd4f85:after, -.lookInverted_a299dc:after { - position: absolute; - content: " "; - width: 100%; - height: 100%; - top: 0; - left: 0; - background-color: var(--button-action-color); - border-radius: var(--button-radius); - opacity: 0; - pointer-events: none; - transition: var(--default-time) var(--default-animation) opacity; -} -.lookFilled_dd4f85:hover:after, -.lookOutlined_dd4f85:hover:after, -.lookLink_dd4f85:hover:after, -.lookInverted_a299dc:hover:after { - opacity: var(--button-action-hover); -} -.lookFilled_dd4f85:active:after, -.lookOutlined_dd4f85:active:after, -.lookLink_dd4f85:active:after, -.lookInverted_a299dc:active:after { - opacity: var(--button-action-active); -} -.lookFilled_dd4f85:disabled, -.lookOutlined_dd4f85:disabled, -.lookLink_dd4f85:disabled, -.lookInverted_a299dc:disabled { - opacity: 1 !important; -} -.lookFilled_dd4f85:disabled:after, -.lookOutlined_dd4f85:disabled:after, -.lookLink_dd4f85:disabled:after, -.lookInverted_a299dc:disabled:after { - display: none; -} -.lookFilled_dd4f85 .contents_dd4f85, -.lookOutlined_dd4f85 .contents_dd4f85, -.lookLink_dd4f85 .contents_dd4f85, -.lookInverted_a299dc .contents_dd4f85 { - height: var(--button-height); - padding: 0; - line-height: var(--button-height); - overflow: visible; -} -.lookFilled_dd4f85 .contents_dd4f85 svg, -.lookOutlined_dd4f85 .contents_dd4f85 svg, -.lookLink_dd4f85 .contents_dd4f85 svg, -.lookInverted_a299dc .contents_dd4f85 svg { - height: var(--button-height); -} -.lookFilled_dd4f85 .defaultColor__77578, .lookFilled_dd4f85 .defaultColor_e9e35f, .lookFilled_dd4f85 .defaultColor_a595eb, -.lookOutlined_dd4f85 .defaultColor__77578, -.lookOutlined_dd4f85 .defaultColor_e9e35f, -.lookOutlined_dd4f85 .defaultColor_a595eb, -.lookLink_dd4f85 .defaultColor__77578, -.lookLink_dd4f85 .defaultColor_e9e35f, -.lookLink_dd4f85 .defaultColor_a595eb, -.lookInverted_a299dc .defaultColor__77578, -.lookInverted_a299dc .defaultColor_e9e35f, -.lookInverted_a299dc .defaultColor_a595eb { - color: inherit; -} -.lookFilled_dd4f85 .loading_acadc1, -.lookOutlined_dd4f85 .loading_acadc1, -.lookLink_dd4f85 .loading_acadc1, -.lookInverted_a299dc .loading_acadc1 { - height: var(--button-height); - line-height: var(--button-height); -} -.lookFilled_dd4f85 .loading_acadc1 svg, -.lookOutlined_dd4f85 .loading_acadc1 svg, -.lookLink_dd4f85 .loading_acadc1 svg, -.lookInverted_a299dc .loading_acadc1 svg { - height: auto; -} -.lookFilled_dd4f85 .content_acadc1, -.lookFilled_dd4f85 .size16_fb468f, -.lookFilled_dd4f85 .size14_fb468f, -.lookOutlined_dd4f85 .content_acadc1, -.lookOutlined_dd4f85 .size16_fb468f, -.lookOutlined_dd4f85 .size14_fb468f, -.lookLink_dd4f85 .content_acadc1, -.lookLink_dd4f85 .size16_fb468f, -.lookLink_dd4f85 .size14_fb468f, -.lookInverted_a299dc .content_acadc1, -.lookInverted_a299dc .size16_fb468f, -.lookInverted_a299dc .size14_fb468f { - height: var(--button-height); - line-height: var(--button-height); - font-weight: 500; -} - -/* BUTTONS -> FILLED */ -.lookFilled_dd4f85:disabled { - --button-background: hsl(var(--button-link-color),0.15); - --button-text-color: var(--button-link-text-color); - --button-shadow: none; -} -.lookFilled_dd4f85.colorBrand_dd4f85 { - --button-background: hsl(var(--accent-hsl--material-you)); - --button-text-color: var(--accent-text-color--material-you); -} -.lookFilled_dd4f85.colorRed_dd4f85 { - --button-background: hsl(var(--alert-hsl)); - --button-text-color: var(--alert-text-color); -} -.lookFilled_dd4f85.colorWhite_dd4f85 { - --button-background: rgba(255,255,255,0.15); - --button-text-color: #fff; - box-shadow: none !important; -} -.lookFilled_dd4f85.colorWhite_dd4f85 .upsellButton-36YQ7c { - color: var(--button-text-color); -} - -/* BUTTONS -> OUTLINED */ -.lookOutlined_dd4f85 { - --button-background: transparent; - --button-text-color: hsl(var(--accent-hsl--material-you)); - --button-shadow: none !important; - --button-outline: 1px solid hsl(var(--accent-hsl--material-you)); -} -.lookOutlined_dd4f85:after { - --button-action-color: hsl(var(--accent-hsl--material-you)); -} -.lookOutlined_dd4f85:disabled { - --button-background: transparent; - --button-text-color: var(--button-link-text-color); - --button-outline: 1px solid hsl(var(--button-link-color),0.15); -} -.lookOutlined_dd4f85.colorRed_dd4f85 { - --button-text-color: hsl(var(--alert-hsl)); - --button-outline: 1px solid hsl(var(--alert-hsl)); -} -.lookOutlined_dd4f85.colorRed_dd4f85:after { - --button-action-color: hsl(var(--alert-hsl)); - --button-action-hover: 0.1; - --button-action-active: 0.2; -} -.lookOutlined_dd4f85.colorWhite_dd4f85 { - --button-background: transparent; - --button-text-color: #fff; - --button-outline: 1px solid #fff; - box-shadow: none !important; -} -.lookOutlined_dd4f85.colorWhite_dd4f85:after { - --button-action-color: #fff; -} - -/* BUTTONS -> LINKS */ -.lookLink_dd4f85 { - --button-padding: 0 12px; - --button-background: transparent; - --button-text-color: var(--button-link-accent-text-color); - --button-shadow: none !important; - --accent-button-action-hover: 0.14; - --accent-button-action-active: 0.21; -} -.lookLink_dd4f85:after { - --button-action-color: hsl(var(--button-link-accent-color)); -} -.lookLink_dd4f85:hover { - text-decoration: none !important; -} -.lookLink_dd4f85:hover .contents_dd4f85 { - background-image: none !important; -} -.lookLink_dd4f85:disabled { - --button-background: transparent; - --button-text-color: var(--button-link-text-color); -} -.lookLink_dd4f85 .contents_dd4f85 > div { - line-height: var(--button-height); - color: var(--button-text-color) !important; - font-size: 1em; - font-weight: 500; -} - -/* BUTTONS -> INVERTED */ -.lookInverted_a299dc.colorBrand_dd4f85 { - --button-background: hsl(0,0%,100%,0.15); - --button-text-color: #fff; - --button-shadow: none !important; -} - -/* BUTTONS -> SIZES */ -.sizeTiny_dd4f85, -.sizeMin_dd4f85, -.sizeSmall_dd4f85, -.sizeMedium_dd4f85, -.sizeLarge_dd4f85, -.sizeXlarge__6885c, -.sizeMax_dd4f85, -.buttonSize_c6eb7b, -.buttonSize_b9fe76, -.button__33db6, -.sizeIcon_dd4f85 { - height: var(--button-height) !important; - min-height: var(--button-height) !important; - padding: var(--button-padding) !important; - line-height: var(--button-height) !important; - border-radius: var(--button-radius) !important; -} - -.sizeMedium_dd4f85, -.sizeLarge_dd4f85, -.sizeXlarge__6885c, -.sizeMax_dd4f85 { - min-width: var(--button-height) !important; -} - -.buttonSize_b9fe76 { - height: var(--button-height) !important; -} - -.sizeIcon_dd4f85 { - --button-padding: 0 10px; -} - -.disabledButtonWrapper_dd4f85 { - --button-padding: 0; - background-color: transparent !important; -} -.disabledButtonWrapper_dd4f85 .lookFilled_dd4f85 { - --button-padding: 0 20px; -} -.disabledButtonWrapper_dd4f85 .lookOutlined_dd4f85 { - --button-padding: 0 24px; - opacity: 0.5 !important; -} -.disabledButtonWrapper_dd4f85 .iconButton__11faf { - --button-padding: 0; -} - -.iconButtonSize__14733 { - min-width: var(--button-height); - max-width: var(--button-height); -} - -.iconButton__11faf { - --button-padding: 0; -} - -/* BUTTONS -> CALL BUTTONS */ -.colorable_ef18ee { - --button-background: var(--menu-item-hover); - --button-text-color: #fff; - background-color: var(--button-background) !important; - color: var(--button-text-color) !important; -} -.colorable_ef18ee:after { - position: absolute; - content: " "; - width: 100%; - height: 100%; - top: 0; - left: 0; - background-color: #fff; - border-radius: 50%; - opacity: 0; - pointer-events: none; - transition: var(--default-time) var(--default-animation) opacity; -} -.colorable_ef18ee:hover:after { - opacity: var(--button-action-hover); -} -.colorable_ef18ee:active:after { - opacity: var(--button-action-active); -} -.colorable_ef18ee.red_ef18ee { - --button-background: hsl(var(--alert-hsl)); - --button-text-color: var(--alert-text-color); -} -.colorable_ef18ee.white_ef18ee { - --button-background: #fff; - --button-text-color: #060607; -} -.colorable_ef18ee.primaryLight_ef18ee { - --button-text-color: #060607; -} -.colorable_ef18ee.activeLight_ef18ee { - --button-background: var(--menu-item-select); - --button-text-color: #060607; -} -.colorable_ef18ee .centerIcon_ef18ee { - color: var(--button-text-color) !important; -} - -.questionMark-3V9mGJ { - background-color: hsl(var(--accent-hsl--material-you)); - border-radius: 50%; -} -.questionMark-3V9mGJ .icon-3JHfo7 { - color: var(--accent-text-color--material-you); -} - -/* BUTTONS -> SEGMENTED BUTTONS */ -.selectorButton_a78967 { - padding: 11px 0; - background-color: transparent; - border-color: var(--separator-color) !important; - transition: var(--default-time) var(--default-animation) background-color; -} -.selectorButton_a78967:first-child { - border-radius: 20px 0 0 20px; -} -.selectorButton_a78967:last-child { - border-radius: 0 20px 20px 0; -} -.selectorButton_a78967:not(.selectorButtonPremiumRequired__9df5b):hover { - background-color: var(--menu-item-hover) !important; -} -.selectorButton_a78967.selectorButtonSelected_a78967:not(.selectorButtonPremiumRequired__9df5b) { - background-color: var(--menu-item-select) !important; -} - -/* - * - * CARDS - * - */ -.card_a298b8 { - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); -} -[style*=padding].card_a298b8 { - padding: 16px !important; -} -.card_a298b8 a { - color: hsl(var(--accent-hsl--material-you)); -} -.card_a298b8 .icon-1fWS75 { - margin: 16px !important; -} -.card_a298b8 .icon-1fWS75 + .flexChild_bba380 { - margin-left: 0; -} - -.cardPrimary_a298b8 { - background-color: var(--card-color-filled) !important; - border: none !important; - padding: 16px; - border-radius: var(--card-radius-big) !important; -} -.cardPrimary_a298b8 .icon_aae945 { - padding: 8px; -} - -.promotionCard_e8af36, -.detailsBlock_a206c7, -.descriptionBox_c38f8d, -.dropsHelpText_e8af36 { - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); -} - -.dropsHelpText_e8af36 p { - margin: 0 0 8px; -} -.dropsHelpText_e8af36 p:last-of-type { - margin: 0; -} - -.banner_b12c98 { - max-width: none; - border-radius: var(--card-radius-big); -} -.banner_b12c98 .button_dd4f85 { - --button-padding: 0 20px; - margin-left: 8px; -} - -.info_f20685, .infoText-1-X8oU, .info_dc0d6d { - background-color: hsl(var(--accent-hsl), 0.1); - border-radius: var(--card-radius-big); - border-color: hsl(var(--accent-hsl--material-you)); -} -.info_f20685 .icon_f20685, .infoText-1-X8oU .icon_f20685, .info_dc0d6d .icon_f20685 { - color: hsl(var(--accent-hsl--material-you)); -} - -.upsellContainer_d0de76 { - background-color: var(--card-color-filled); - border: none; - padding: 0; - border-radius: var(--card-radius-big); -} -.upsellContainer_d0de76 .upsellFooter_d0de76 { - padding: 0 16px 16px; - background-color: transparent; -} - -/* - * - * CHECKBOXES - * - */ -.checkbox_f6cde8 { - border-width: 2px; - border-radius: 4px; - transition: var(--default-time) var(--default-animation) border-color, var(--default-time) var(--default-animation) background-color; -} -.checkbox_f6cde8:not(.checked_f6cde8) path { - transition: var(--default-time) var(--default-animation) fill; -} -.checkbox_f6cde8.checked_f6cde8 { - background-color: hsl(var(--accent-hsl--material-you)) !important; - border-color: hsl(var(--accent-hsl--material-you)) !important; -} -.checkbox_f6cde8.checked_f6cde8 path { - fill: var(--accent-text-color--material-you); - transition: var(--default-time) var(--default-animation) fill; -} - -.colorDefault_d90b3d .checkbox_d90b3d { - fill: hsl(var(--accent-hsl--material-you)); -} -.colorDefault_d90b3d .check_d90b3d { - fill: var(--accent-text-color--material-you); -} -.colorDefault_d90b3d.focused_d90b3d .checkbox_d90b3d { - fill: hsl(var(--accent-hsl--material-you)); -} -.colorDefault_d90b3d.focused_d90b3d .check_d90b3d { - fill: var(--accent-text-color--material-you); -} - -/* - * - * INPUTS - * - */ -.input_f8bc55 { - height: var(--input-height); - padding: 0 12px; - background-color: var(--input-color); - border-radius: 4px 4px 0 0; - border: none; - box-shadow: inset 0 -1px 0 0 var(--input-border-color); - color: var(--input-text-color); - transition: var(--default-time) var(--default-animation) box-shadow; -} -.input_f8bc55:focus { - box-shadow: inset 0 -2px 0 0 hsl(var(--accent-hsl--material-you)); -} -.input_f8bc55.multiInput-1VARjC, .input_f8bc55.input-2yCVqe { - padding: 0; -} -.input_f8bc55:not(.multiInput-1VARjC) .input_f8bc55 { - width: calc(100% + 24px); - margin-left: -12px; -} -.input_f8bc55::-webkit-input-placeholder { - font-family: var(--app-font); - color: var(--input-placeholder-color); -} -.input_f8bc55.textArea_a2b402 { - --input-height: auto; - padding: 8px 12px; -} -.input_f8bc55.hiddenDiv_c04e45 { - --input-height: 0; -} - -.container_a0cb3d { - margin-right: 6px; -} -.container_a0cb3d .separator_a0cb3d { - background-color: var(--input-border-color); -} - -.multiInputLast-35zVz0:before { - display: none; -} - -.error_c46f6a + .inputWrapper_f8bc55 .input_f8bc55 { - box-shadow: inset 0 -1px 0 0 hsl(var(--alert-hsl)); -} -.error_c46f6a + .inputWrapper_f8bc55 .input_f8bc55:focus { - box-shadow: inset 0 -2px 0 0 hsl(var(--alert-hsl)); -} - -.label_c46f6a { - font-size: 14px; - text-transform: none; -} - -.inputWrapper_f8bc55 .inputPrefix_b545d5 + .input_f8bc55 { - padding-left: 32px; -} - -.emojiButtonContainer_d5bea8 { - height: var(--input-height); - line-height: var(--input-height); - margin: 0 4px; - padding: 0; - z-index: 2; -} -.emojiButtonContainer_d5bea8 + .inputWrapper_f8bc55 .input_f8bc55 { - padding: 0 36px; -} - -.emojiButton-2pmTD2, .emojiButton-2Z3krv { - margin: 0 12px; -} - -.input_f8bc55.emojiText-R_5fDP, .input_f8bc55.emojiText-1HLXh8 { - padding-left: 44px !important; -} - -.copyInput_d7e343, -.container_c67e31 { - height: var(--input-height) !important; - max-height: var(--input-height) !important; - padding: var(--input-padding) !important; - background-color: var(--input-color) !important; - border-radius: calc(var(--input-height) / 2) !important; - border: none; -} -.copyInput_d7e343:hover .button_dd4f85, -.container_c67e31:hover .button_dd4f85 { - width: auto !important; -} -.copyInput_d7e343 .button_dd4f85, -.container_c67e31 .button_dd4f85 { - --button-height: 30px; - margin: 3px; -} - -.copyInput_d7e343 .input__9fba8 { - padding: 8px 8px 8px 12px; -} -.copyInput_d7e343 .button_dd4f85 { - padding: var(--button-padding) !important; -} - -.container_c67e31 .input__72d38 { - padding: 8px 8px 8px 12px; -} -.container_c67e31 .input__72d38::-webkit-input-placeholder { - font-family: var(--app-font); -} -.container_c67e31 .editIcon_ebcd80 { - background-image: none; - background-color: currentColor; - -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/keyboard.svg); - -webkit-mask-repeat: no-repeat; - transform: scale(1.335) translate(3px, 3px) translateZ(0) !important; -} - -.fileUpload-3JzU7g { - --input-padding: 0; -} -.fileUpload-3JzU7g .fileUploadInput-3Y6j6T { - padding: 0 0 0 12px; -} -.fileUpload-3JzU7g .fileUploadInput-3Y6j6T::-webkit-input-placeholder { - font-weight: 500; -} - -/* INPUTS -> OPTION PILL */ -.optionPill_d4df8b { - background-color: transparent !important; - border-radius: 13px; - border-color: var(--main-textarea-border) !important; -} -.optionPill_d4df8b.selectedPill_d4df8b { - border-color: hsl(var(--accent-hsl--material-you)) !important; -} -.optionPill_d4df8b.erroredPill_d4df8b { - border-color: hsl(var(--alert-hsl)) !important; -} -.optionPill_d4df8b .optionPillKey_d4df8b { - background-color: var(--input-pill-color) !important; - border-top-left-radius: inherit; - border-bottom-left-radius: inherit; -} - -.input_f8bc55.error_f8bc55 { - border-radius: 4px; -} -.input_f8bc55.error_f8bc55 + .colorStatusRed_fbc755 { - position: absolute; - width: 100%; - margin-top: -24px; - text-align: right; -} - -/* - * - * NOTICES - * - */ -.notice__5fd4c { - border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; - box-shadow: none; -} -.notice__5fd4c .lookOutlined_dd4f85 { - --button-height: 24px; - --button-padding: 0 12px; - --button-background: hsl(var(--button-link-color),0.15); - --button-text-color: var(--button-link-text-color); - --button-outline: none; - padding: var(--button-padding); -} - -#bd-notices + .notice__5fd4c { - border-radius: 0; -} - -.bd-notice { - background-color: hsl(var(--accent-hsl--material-you)); - color: var(--accent-text-color--material-you); -} -.bd-notice:first-child { - border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; -} -.bd-notice span { - color: var(--accent-text-color--material-you) !important; -} - -.button__33db6, -.bd-notice-button { - background-color: hsl(var(--button-link-color), 0.15) !important; - border: none; - color: var(--button-link-text-color) !important; -} -.button__33db6:hover, -.bd-notice-button:hover { - background-color: hsl(var(--button-link-color), 0.275) !important; -} - -.button__33db6 { - --button-height: 24px; - --button-padding: 0 12px; -} - -.bd-notice-button { - height: 24px; - padding: 0 12px; - border-radius: 12px; - font-weight: 500; -} - -.bd-notice-close { - right: 8px; - background-color: var(--accent-text-color--material-you); - -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/close.svg); - -webkit-mask-repeat: no-repeat; - background-image: none; - -webkit-mask-position: center; - mask-position: center; - opacity: 0.75; -} - -.colorDefault__438d3 .button__33db6 { - --button-link-color: 0,0%,100%; - color: var(--status-positive-text) !important; -} - -.colorWarning__01125 { - --button-link-color: 0,0%,0%; - --button-link-text-color: hsl(0,0%,0%); -} - -.colorNeutral__51272 { - --button-link-color: 0,0%,100%; - --button-link-text-color: hsl(0,0%,100%); -} - -.colorInfo__680aa { - --button-link-color: 0,0%,0%; - --button-link-text-color: var(--accent-text-color--material-you); - background-color: hsl(var(--accent-hsl--material-you)); - color: var(--accent-text-color--material-you); -} -.colorInfo__680aa .closeIcon__967e7 path { - fill: currentColor; -} - -.notice_dd5a33 { - --button-link-color: 0,0%,100%; - --button-link-text-color: hsl(0,0%,100%); -} - -.colorStreamerMode_cb7f84 { - --button-link-color: 0,0%,100%; - --button-link-text-color: hsl(0,0%,100%); -} - -.bd-notice { - --button-link-text-color: var(--accent-text-color--material-you); -} - -/* - * - * RADIO BUTTONS - * - */ -div[role=radiogroup] { - background-color: var(--card-color-filled); - border: none; - padding: 8px; - border-radius: var(--card-radius-big); -} - -.item_eb92a8 { - margin: 0; - padding: 0 12px; - background-color: transparent; - border-radius: calc(var(--card-radius-big) / 1.65); - transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color; -} -.item_eb92a8:hover { - background-color: var(--card-color-hover) !important; -} -[aria-checked=true].item_eb92a8, .item_eb92a8:active { - background-color: var(--card-color-active) !important; -} -.item_eb92a8 .radioBar_eb92a8 { - grid-gap: 12px; - margin-bottom: 0; - padding: 12px 0 !important; - border-left: none; - position: relative; -} -.item_eb92a8 .radioBar_eb92a8:after { - content: " "; - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - background-color: hsl(var(--md-ripple-color), 0.1); - border-radius: 50%; - opacity: 0; - pointer-events: none; - transform: scale(1.2); - transition: 300ms ease; - z-index: 4; -} -.item_eb92a8 .radioBar_eb92a8:hover:after { - opacity: 1; - transform: scale(1.15); - animation: scale 150ms var(--default-animation), opacity 150ms ease; -} -.item_eb92a8 .radioBar_eb92a8:active:after { - background-color: hsl(var(--md-ripple-color), 0.2); -} -.item_eb92a8 .radioBar_eb92a8:after { - width: 32px; - height: 32px; - top: -3px; - left: -4px; - bottom: 0; - margin: auto 0; -} -.item_eb92a8 .radioBar_eb92a8.radioBar-3_FqUK:after { - top: 0; - left: unset; - right: -4px; -} -[aria-checked=true].item_eb92a8 .radioBar_eb92a8:after { - --md-ripple-color: var(--accent-hsl--material-you); -} -[aria-checked=true].item_eb92a8 .radioBar_eb92a8 svg { - color: hsl(var(--accent-hsl--material-you)); -} -[aria-checked=true].item_eb92a8 .radioBar_eb92a8 path { - fill: currentColor !important; -} -[aria-checked=true].item_eb92a8 .radioIconForeground_eb92a8 { - color: currentColor !important; -} -.item_eb92a8.disabled_eb92a8 { - opacity: 1; -} -.item_eb92a8.disabled_eb92a8 .radioBar_eb92a8 { - opacity: 0.3; -} -.item_eb92a8.disabled_eb92a8 .radioBar_eb92a8:after { - display: none; -} - -.tooltipWrapper_eb92a8 { - margin: 0; - position: relative; - border-bottom: none; -} -.tooltipWrapper_eb92a8:after { - position: absolute; - content: " "; - width: calc(100% - 16px * 2); - height: 1px; - right: 0; - bottom: 0; - margin: 0 16px; - background-color: var(--card-border-color); -} -.tooltipWrapper_eb92a8:last-of-type:after { - display: none; -} -.tooltipWrapper_eb92a8:last-child { - border-bottom: none; -} - -.group-LWHoGI { - overflow: hidden; -} - -/* RADIO BUTTONS -> PILL */ -div[role=radiogroup].group_e3c4bb { - height: 30px; - background-color: var(--card-color-outlined); - border: 1px solid var(--card-border-color); - padding: 0; - border-radius: var(--card-radius-big); -} - -.item_e3c4bb { - height: 28px; - background-color: transparent; - cursor: pointer; - transition: var(--default-time) var(--default-animation) background-color; - border-right: 1px solid var(--card-border-color); -} -.item_e3c4bb:last-of-type { - border-right: none; -} -.item_e3c4bb:hover { - background-color: var(--menu-item-hover); -} -.item_e3c4bb.selected_e3c4bb { - background-color: var(--menu-item-select); - color: var(--menu-item-text-color); -} -.item_e3c4bb.deny_e3c4bb { - border-radius: var(--card-radius-big) 0 0 var(--card-radius-big); -} -.item_e3c4bb.deny_e3c4bb.selected_e3c4bb { - background-color: hsl(var(--alert-hsl)); - color: var(--alert-text-color); -} -.item_e3c4bb.passthrough_e3c4bb.selected_e3c4bb { - background-color: var(--menu-item-select); -} -.item_e3c4bb.allow_e3c4bb { - border-radius: 0 var(--card-radius-big) var(--card-radius-big) 0; -} -.item_e3c4bb.allow_e3c4bb.selected_e3c4bb { - background-color: var(--success-color); - color: #fff; -} - -/* RADIO BUTTONS -> CONTEXT MENU */ -[role=menuitemradio][aria-checked=true].item_d90b3d .icon_d90b3d { - color: hsl(var(--accent-hsl--material-you)); -} -[role=menuitemradio][aria-checked=true].item_d90b3d .icon_d90b3d path { - fill: currentColor; -} -[id*=account-switch].item_d90b3d .activeIcon_e1268c circle { - fill: var(--accent-text-color--material-you); -} -[id*=account-switch].item_d90b3d .activeIcon_e1268c path { - fill: hsl(var(--accent-hsl--material-you)); -} - -.icon_d90b3d .radioSelection_d90b3d { - color: currentColor !important; -} - -/* - * - * SCROLLBARS - * - */ -::-webkit-scrollbar { - width: var(--scrollbar-width) !important; - height: var(--scrollbar-width) !important; -} -::-webkit-scrollbar-track { - margin: 0 !important; - background: transparent !important; - border-radius: calc(var(--scrollbar-width) / 2) !important; -} -::-webkit-scrollbar-track-piece { - border: 0 solid transparent !important; - background-color: transparent !important; - margin: 0; -} -::-webkit-scrollbar-thumb { - background-color: rgba(var(--scrollbar-color), 0.15) !important; - border: 0 solid transparent !important; - border-radius: calc(var(--scrollbar-width) / 2) !important; -} -::-webkit-scrollbar-thumb:hover { - background-color: rgba(var(--scrollbar-color), 0.25) !important; -} -::-webkit-scrollbar-thumb:active { - background-color: rgba(var(--scrollbar-color), 0.3) !important; -} - -.thin_eed6a8::-webkit-scrollbar { - width: var(--scrollbar-thin-width) !important; - height: var(--scrollbar-thin-width) !important; -} - -.wrapper_fea3ef [class*=scroller]::-webkit-scrollbar { - width: 0px !important; -} - -.scrollableContainer_d0696b::-webkit-scrollbar { - width: var(--scrollbar-thin-width) !important; - height: var(--scrollbar-thin-width) !important; -} - -/* - * - * SELECT MENUS - * - */ -.wrapper_f6639d .select_f6639d { - padding-right: calc(var(--icons-width) + 12px); -} -.wrapper_f6639d .select_f6639d.multi_f6639d { - padding-bottom: 0; -} - -.select_f6639d { - height: var(--input-height); - padding: var(--input-padding); - border-radius: var(--input-radius) !important; - border: none; -} -.select_f6639d.multi_f6639d { - min-height: var(--input-height); - height: auto; -} -.select_f6639d.multi_f6639d > .multi_f6639d { - min-height: inherit; -} -.select_f6639d.lookFilled_f6639d { - background-color: var(--input-color); -} -.select_f6639d .searchInput_f6639d::-webkit-input-placeholder { - font-family: var(--app-font); - color: var(--input-placeholder-color); -} -.select_f6639d .searchInput_f6639d.multi_f6639d { - height: 28px; - margin-top: 2px; -} - -.iconsContainer_f6639d { - height: var(--input-height); -} -.iconsContainer_f6639d > div { - height: var(--icons-width); -} - -.popout_f6639d { - margin: 4px 0; - background-color: var(--popout-color); - border-radius: var(--popout-radius) !important; - border: none; - box-shadow: var(--shadow-3dp); -} -.popout_f6639d .option_f6639d { - gap: 8px; - color: var(--menu-item-text-color); - transition: var(--default-time) var(--default-animation) background-color; -} -.popout_f6639d .option_f6639d:hover { - background-color: var(--menu-item-hover) !important; -} -.popout_f6639d [aria-selected=true].option_f6639d { - background-color: var(--menu-item-select) !important; -} -.popout_f6639d [aria-selected=true].option_f6639d .selectedIcon_f6639d { - color: hsl(var(--accent-hsl--material-you)); -} -.popout_f6639d [aria-selected=true].option_f6639d .selectedIcon_f6639d circle { - fill: var(--accent-text-color--material-you); -} -.popout_f6639d .option_f6639d .deviceOption_dfcd87 { - gap: 8px; -} -.popout_f6639d .option_f6639d .deviceOptionLabel_dfcd87 { - margin-right: 0; -} - -/* SELECT MENUS -> PILLS */ -.optionPillBtn_f6639d { - --button-height: 28px; - --button-padding: 0 8px; -} -.optionPillBtn_f6639d.lookFilled_dd4f85 { - --button-background: transparent; - --button-outline: 1px solid var(--text-muted); -} -.optionPillBtn_f6639d:after { - display: none; -} -.optionPillBtn_f6639d .optionPill_d4df8b { - background-color: transparent; -} - -/* - * - * SLIDERS - * - */ -.slider_c7a159 .bar_c7a159 { - height: 4px; - background-color: hsl(var(--accent-hsl), 0.3) !important; - border-radius: 2px; -} -.slider_c7a159 .bar_c7a159 .barFill_c7a159 { - background-color: hsl(var(--accent-hsl--material-you)) !important; - border-radius: 2px; -} -.slider_c7a159 .track_c7a159 .grabber_c7a159 { - width: 16px; - height: 16px; - background-color: hsl(var(--accent-hsl--material-you)); - border-radius: 50%; - border: none; - box-shadow: var(--shadow-1dp); - transform: translate(-3px, calc(50% - 5px)); - transition: var(--default-time) var(--default-animation) box-shadow; - --md-ripple-color: var(--accent-hsl); - position: relative; -} -.slider_c7a159 .track_c7a159 .grabber_c7a159:after { - content: " "; - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - background-color: hsl(var(--md-ripple-color), 0.1); - border-radius: 50%; - opacity: 0; - pointer-events: none; - transform: scale(1.2); - transition: 300ms ease; - z-index: 4; -} -.slider_c7a159 .track_c7a159 .grabber_c7a159:hover:after, .slider_c7a159 .track_c7a159 .grabber_c7a159:active:after { - opacity: 1; - transform: scale(2.5); - animation: scale 150ms var(--default-animation), opacity 150ms ease; -} -.slider_c7a159 .track_c7a159 .grabber_c7a159:active:after { - background-color: hsl(var(--md-ripple-color), 0.2); -} -.slider_c7a159 .track_c7a159 .grabber_c7a159:hover { - box-shadow: var(--shadow-2dp); -} -.slider_c7a159 .track_c7a159 .grabber_c7a159:active { - box-shadow: var(--shadow-3dp); -} -.slider_c7a159.slider_e13f88 .track_c7a159 .grabber_c7a159 { - top: calc(50% - 5px); -} - -.markValue_e7a6e4 { - color: var(--text-muted) !important; -} - -/* SLIDERS -> BD SLIDER */ -.bd-slider-label { - width: 42px; - background-color: hsl(var(--accent-hsl--material-you)); - color: var(--accent-text-color--material-you); - border-radius: 13px; - text-align: center; -} - -.bd-slider-input { - height: 4px; - background-color: hsl(var(--accent-hsl--material-you), 0.3); - background-image: linear-gradient(hsl(var(--accent-hsl--material-you)), hsl(var(--accent-hsl--material-you))); - border-radius: 2px; -} -.bd-slider-input::-webkit-slider-thumb { - width: 16px; - height: 16px; - background-color: hsl(var(--accent-hsl--material-you)); - border-radius: 50%; - border: none; - box-shadow: var(--shadow-1dp); -} - -/* - * - * SPINNER - * - */ -.loadingPopout_a8c724 { - background-color: var(--popout-color); - box-shadow: var(--shadow-3dp); - border-radius: 24px; -} -/* - * - * SWITCHES - * - */ -.container_cebd1c { - width: 39px; - height: 24px; - background-color: transparent !important; - overflow: visible; -} -.container_cebd1c:before { - position: absolute; - content: " "; - width: 100%; - height: 100%; - top: 0; - left: -7px; - background-color: var(--switch-slider-color); - border-radius: 12px; - border: 2px solid var(--switch-knob-color); - transition: 250ms cubic-bezier(0, 0.3, 0.7, 1) background-color, 250ms cubic-bezier(0, 0.3, 0.7, 1) border-color; - box-sizing: border-box; -} -.container_cebd1c path { - fill: var(--switch-slider-color); - transform: scale(1.4) translate(-3px, -3px); -} -.container_cebd1c.checked_cebd1c:before { - background-color: var(--switch-color-checked); - border-color: transparent; -} -.container_cebd1c.checked_cebd1c .slider_cebd1c { - background-color: hsl(var(--accent-hue), calc(var(--accent-saturation) * var(--saturation-factor)), calc(var(--accent-lightness) * var(--switch-color-modifier))); - width: 18px; - height: 18px; - transform: translate(-1px, -50%); -} -.container_cebd1c.checked_cebd1c path { - fill: hsl(var(--accent-hsl)); - filter: brightness(40%); -} -.container_cebd1c .slider_cebd1c { - width: 14px; - height: 14px; - top: 50%; - margin: 0; - background-color: var(--switch-knob-color); - border-radius: 50%; - transform: translate(1px, -50%); - transition: 250ms cubic-bezier(0, 0.3, 0.7, 1) background-color; -} -.container_cebd1c .slider_cebd1c rect { - display: none; -} - -.icon-1ykL9s { - opacity: 1; -} - -.theme-light .container_cebd1c.checked_cebd1c path { - fill: var(--switch-color-checked); - filter: unset; -} - -.root_f9a4c9 .container_cebd1c:before { - background-color: var(--switch-slider-color-modal); -} -.root_f9a4c9 .container_cebd1c.checked_cebd1c:before { - background-color: var(--switch-color-checked); -} - -.bd-switch { - width: 39px; - height: 24px; - overflow: visible; -} -.bd-switch.bd-switch-disabled { - opacity: 0.35; -} -.bd-switch .bd-switch-body { - --switch-color: var(--switch-slider-color); - --switch-animation: 250ms cubic-bezier(0,0.3,0.7,1) all; - width: 100%; - height: 100%; - transition: var(--switch-animation); - border: 2px solid var(--switch-knob-color); - box-sizing: border-box; - overflow: visible; -} -.bd-switch .bd-switch-body .bd-switch-slider { - width: 14px; - height: 14px; - top: 50%; - left: 3px; - margin: 0; - transform: translate(0, -50%); - overflow: visible; - transition: var(--switch-animation); -} -.bd-switch .bd-switch-body .bd-switch-slider .bd-switch-handle { - width: 28px; - height: 28px; - x: 0; - y: -4px; - rx: 14px; - fill: var(--switch-knob-color); - transition: var(--switch-animation); -} -.bd-switch .bd-switch-body .bd-switch-slider .bd-switch-symbol { - display: none; -} -.bd-switch input:active + .bd-switch-body { - --switch-color: var(--switch-slider-color); -} -.bd-switch input:active + .bd-switch-body .bd-switch-handle { - width: 28px; - height: 28px; - x: 4px; - y: -4px; -} -.bd-switch input:checked + .bd-switch-body { - --switch-color: var(--switch-color-checked); - border-color: transparent; -} -.bd-switch input:checked + .bd-switch-body .bd-switch-slider { - width: 18px; - height: 18px; - left: 0; - transform: translate(16px, -50%); -} -.bd-switch input:checked + .bd-switch-body .bd-switch-slider .bd-switch-handle { - fill: hsl(var(--accent-hue), calc(var(--accent-saturation) * var(--saturation-factor)), calc(var(--accent-lightness) * var(--switch-color-modifier))); -} -.bd-switch input:checked:active + .bd-switch-body { - --switch-color: var(--switch-color-checked); -} -.bd-switch input:checked:active + .bd-switch-body .bd-switch-handle { - x: -12.5px; -} - -/* - * - * TAB BAR - * - */ -.tabBar_c2739c, .tabBar_bff66b, .tabBar_c69589, .topPill_a0, .settingsTabBar_f62afd, .settingsTabBar_d576e9 { - height: 48px; - gap: 24px; -} -.tabBar_c2739c .item_a0, .tabBar_bff66b .item_a0, .tabBar_c69589 .item_a0, .topPill_a0 .item_a0, .settingsTabBar_f62afd .item_a0, .settingsTabBar_d576e9 .item_a0 { - height: inherit; - line-height: 48px; - margin: 0; - padding: 0 8px; - border-radius: 0; - border: none !important; - color: var(--interactive-normal) !important; -} -.tabBar_c2739c .item_a0, .tabBar_bff66b .item_a0, .tabBar_c69589 .item_a0, .topPill_a0 .item_a0, .settingsTabBar_f62afd .item_a0, .settingsTabBar_d576e9 .item_a0 { - background-color: transparent !important; -} -.tabBar_c2739c .item_a0:not(.disabled-1nofHP):hover, .tabBar_bff66b .item_a0:not(.disabled-1nofHP):hover, .tabBar_c69589 .item_a0:not(.disabled-1nofHP):hover, .topPill_a0 .item_a0:not(.disabled-1nofHP):hover, .settingsTabBar_f62afd .item_a0:not(.disabled-1nofHP):hover, .settingsTabBar_d576e9 .item_a0:not(.disabled-1nofHP):hover { - color: var(--interactive-hover) !important; -} -.tabBar_c2739c .item_a0.selected_a0, .tabBar_bff66b .item_a0.selected_a0, .tabBar_c69589 .item_a0.selected_a0, .topPill_a0 .item_a0.selected_a0, .settingsTabBar_f62afd .item_a0.selected_a0, .settingsTabBar_d576e9 .item_a0.selected_a0 { - color: var(--interactive-normal) !important; -} -.tabBar_c2739c .item_a0.selected_a0, .tabBar_bff66b .item_a0.selected_a0, .tabBar_c69589 .item_a0.selected_a0, .topPill_a0 .item_a0.selected_a0, .settingsTabBar_f62afd .item_a0.selected_a0, .settingsTabBar_d576e9 .item_a0.selected_a0, .tabBar_c2739c [aria-selected=true].item_a0, .tabBar_bff66b [aria-selected=true].item_a0, .tabBar_c69589 [aria-selected=true].item_a0, .topPill_a0 [aria-selected=true].item_a0, .settingsTabBar_f62afd [aria-selected=true].item_a0, .settingsTabBar_d576e9 [aria-selected=true].item_a0 { - position: relative; - background-color: transparent !important; - border: none; -} -.tabBar_c2739c .item_a0.selected_a0:after, .tabBar_bff66b .item_a0.selected_a0:after, .tabBar_c69589 .item_a0.selected_a0:after, .topPill_a0 .item_a0.selected_a0:after, .settingsTabBar_f62afd .item_a0.selected_a0:after, .settingsTabBar_d576e9 .item_a0.selected_a0:after, .tabBar_c2739c [aria-selected=true].item_a0:after, .tabBar_bff66b [aria-selected=true].item_a0:after, .tabBar_c69589 [aria-selected=true].item_a0:after, .topPill_a0 [aria-selected=true].item_a0:after, .settingsTabBar_f62afd [aria-selected=true].item_a0:after, .settingsTabBar_d576e9 [aria-selected=true].item_a0:after { - position: absolute; - content: " "; - width: 80%; - height: 3px; - left: 0; - right: 0; - bottom: 0; - margin: 0 auto; - background: var(--tab-border-color); - border-radius: 3px 3px 0 0; - transition: var(--default-time) ease all; -} -.tabBar_c2739c .item_a0:last-of-type, .tabBar_bff66b .item_a0:last-of-type, .tabBar_c69589 .item_a0:last-of-type, .topPill_a0 .item_a0:last-of-type, .settingsTabBar_f62afd .item_a0:last-of-type, .settingsTabBar_d576e9 .item_a0:last-of-type { - margin-right: 0; -} -.tabBar_c2739c .item_a0.disabled-1nofHP, .tabBar_bff66b .item_a0.disabled-1nofHP, .tabBar_c69589 .item_a0.disabled-1nofHP, .topPill_a0 .item_a0.disabled-1nofHP, .settingsTabBar_f62afd .item_a0.disabled-1nofHP, .settingsTabBar_d576e9 .item_a0.disabled-1nofHP { - opacity: 0.5; -} - -.tabBar_bff66b { - padding-top: 0; -} -.tabBar_bff66b .item_a0 { - height: 47px; -} - -.tabBar_a31cc1 { - height: 56px; - margin-bottom: 0; - padding-top: 0; -} -.tabBar_a31cc1 .item_a0 { - padding: 0 8px; - line-height: 56px; -} - -.tabBar_da7453 { - border-bottom-width: 1px; -} -.tabBar_da7453 .item_a0 { - margin-right: 24px !important; - margin-bottom: 0; -} - -/* - * - * TITLES - * - */ -.h4-1_f8j1, -.h5_c46f6a { - font-size: 14px; - text-transform: none; -} - -/* - * - * TOASTS - * - */ -.toast, -.bd-toast { - padding: 12px 16px; - background-color: rgba(70, 70, 70, 0.8); - border-radius: 20px; - box-shadow: none; - font-size: 1em; - font-weight: 400; - color: #fff; -} - -.toast_f42767 { - background-color: var(--popout-color); -} - -.toast_g4bfgI, -.qwert-toast { - margin-top: 30px !important; - padding: 16px !important; - border-radius: 4px; - color: var(--text-normal) !important; -} -.toast_g4bfgI:first-child, -.qwert-toast:first-child { - border-radius: var(--popout-radius-big) var(--popout-radius-big) 4px 4px; -} -.toast_g4bfgI:last-child, -.qwert-toast:last-child { - border-radius: 4px 4px var(--popout-radius-big) var(--popout-radius-big); -} -.toast_g4bfgI:only-child, -.qwert-toast:only-child { - border-radius: var(--popout-radius-big); -} - -.toast_g4bfgI { - background-color: var(--popout-color) !important; - border-radius: var(--popout-radius-big) !important; - box-shadow: var(--shadow-3dp) !important; -} -.toast_g4bfgI + .toast_g4bfgI { - margin-top: 2px !important; -} - -.qwert-toast { - width: 30vw; - max-width: 30vw; - background-color: var(--popout-color) !important; - backdrop-filter: none; -} -.qwert-toast + .qwert-toast { - margin-top: 2px !important; -} -.qwert-toast .qwert-toast-icon-container { - margin-top: 0; - margin-right: 8px; - padding: 0; -} -.qwert-toast .qwert-toast-author { - display: flex; - width: calc(30vw - 72px); - max-width: calc(30vw - 72px); - overflow: hidden; -} -.qwert-toast .qwert-toast-text { - width: calc(30vw - 60px); - max-width: calc(30vw - 60px); -} - -.bg-8df5St { - background-color: transparent !important; -} - -/* - * - * TOOLTIP - * - */ -.tooltip_b6c360 { - padding: var(--tooltip-padding); - background-color: var(--tooltip-color) !important; - border-radius: var(--popout-radius); - box-shadow: var(--tooltip-shadow) !important; - font-size: var(--tooltip-font-size); - font-weight: 500; - z-index: 99999999999999; - animation: opacity var(--default-time) ease; -} -.tooltip_b6c360 .tooltipPointer_b6c360 { - display: none; -} -.tooltip_b6c360 .tooltipContent_b6c360, -.tooltip_b6c360 .guildNameText_a6ae3c { - padding: 0; - font-size: var(--tooltip-font-size); - color: var(--tooltip-text-color); -} -.tooltip_b6c360 .tooltipText_a0ae43 { - font-size: var(--tooltip-font-size); - color: var(--tooltip-text-color) !important; -} -.tooltip_b6c360 .activityIcon_a6ae3c { - color: var(--tooltip-text-color); -} -.tooltip_b6c360 .clickCTA_cf58b5 { - color: var(--tooltip-text-color) !important; -} -.subscribeTooltipWrapper-3ipXtC, -.upsellTooltipWrapper_dafa63, -.container-5N5x2A { - background-color: var(--popout-color); - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp); -} -.subscribeTooltipWrapper-3ipXtC.caretTopCenter_dafa63:after, -.upsellTooltipWrapper_dafa63.caretTopCenter_dafa63:after, -.container-5N5x2A.caretTopCenter_dafa63:after { - border-bottom-color: var(--popout-color); -} -.subscribeTooltipWrapper-3ipXtC.caretLeftCenter_dafa63:after, -.upsellTooltipWrapper_dafa63.caretLeftCenter_dafa63:after, -.container-5N5x2A.caretLeftCenter_dafa63:after { - border-right-color: var(--popout-color); -} - -.subscribeTooltipWrapper-3ipXtC .subscribeTooltipHeader-15pGbG { - color: var(--header-primary); -} -.subscribeTooltipWrapper-3ipXtC .subscribeTooltipText-2A8MMi-1JoUuw { - color: var(--header-secondary); -} - -.upsellTooltipWrapper_dafa63.caretTopCenter_dafa63:after { - border-bottom-color: var(--popout-color); -} -.upsellTooltipWrapper_dafa63.caretLeftTop_dafa63:after { - top: var(--popout-radius-big); - border-right-color: var(--popout-color); -} -.upsellTooltipWrapper_dafa63 .upsellTooltipHeader_dafa63 { - color: var(--header-primary); -} -.upsellTooltipWrapper_dafa63 .upsellTooltipText_dafa63, .upsellTooltipWrapper_dafa63 .content_dafa63 { - color: var(--header-secondary) !important; -} -.upsellTooltipWrapper_dafa63 .lookInverted_a299dc.colorBrand_dd4f85 { - --button-padding: 0 12px; - --button-background: transparent; - --button-text-color: hsl(var(--accent-hsl--material-you)); - --accent-button-action-hover: 0.14; - --accent-button-action-active: 0.21; -} -.upsellTooltipWrapper_dafa63 .lookInverted_a299dc.colorBrand_dd4f85:after { - background-color: hsl(var(--accent-hsl--material-you)); -} - -.container-5N5x2A .title-2_oicu { - color: var(--header-primary); -} -.container-5N5x2A .subTitle-2vwe12 { - color: var(--header-secondary); -} -.container-5N5x2A .pointer-1bsD64 { - border-top-color: var(--popout-color); -} - -.tooltipPremiumFooterContainer_eeaea3 { - border-radius: 14px; -} - -.reactionTooltip_fba897 { - padding: 8px; - background-color: var(--tooltip-color); - border-radius: var(--tooltip-radius); - box-shadow: var(--tooltip-shadow); - font-size: var(--tooltip-font-size); - color: var(--tooltip-text-color); -} -.reactionTooltip_fba897 .reactionTooltipText_fba897 { - color: inherit; -} - -.burstReactionTooltipMessage_fba897 { - border-bottom-color: var(--text-disabled); -} - -.burstReactionTooltipPrompt_fba897 { - margin: 8px 0 0; -} -.burstReactionTooltipPrompt_fba897 .reactionTooltipText_fba897 { - margin-left: 0; -} - -/* TOOLTIP -> EMOJI INFO */ -.popoutContainer_cf58b5 { - background-color: var(--tooltip-color) !important; - border-radius: var(--tooltip-radius); - box-shadow: var(--tooltip-shadow) !important; -} -.popoutContainer_cf58b5 .defaultColor__77578, .popoutContainer_cf58b5 .defaultColor_e9e35f, .popoutContainer_cf58b5 .defaultColor_a595eb { - color: var(--tooltip-text-color); -} - -.emojiSection_e58351 { - padding: 16px 16px 8px; -} - -.guildSection_e58351 { - position: relative; - padding: 8px 16px 16px; - background-color: transparent; -} -.guildSection_e58351:before { - position: absolute; - content: " "; - width: calc(100% - 32px); - height: 1px; - top: 0; - left: 16px; - background-color: var(--tooltip-border-color); -} -.guildSection_e58351 .guildTitle_e58351, -.guildSection_e58351 .text-xs\/normal_dc00ef { - color: var(--tooltip-text-color) !important; -} - -/* - * - * ACTIVITY LIST - * - */ -.nowPlayingColumn_c2739c { - background-color: var(--main-color); -} -.nowPlayingColumn_c2739c .container_bf550a { - background-color: transparent; -} -.nowPlayingColumn_c2739c .container_bf550a .scroller_bf550a { - margin-left: 0; - padding: 16px 16px 12px; - border-left: none; -} - -.memberItem_b09fe8 { - padding: 0; -} - -.card_ae5e0b { - margin-bottom: 16px; - background-color: var(--card-color-outlined); - border: 1px solid var(--card-border-color); - padding: 0; - border-radius: var(--card-radius-big); -} -.card_ae5e0b .header_ae5e0b { - margin-bottom: 0; - padding: 16px; - background-color: transparent; - font-size: 1.25em; - line-height: normal; - color: var(--card-header-text-color); - font-weight: 400; - opacity: 1; - border-bottom: 1px solid var(--card-border-color); - text-align: left; -} -.card_ae5e0b .size14_fb468f { - padding: 16px 16px 0; -} -.card_ae5e0b .buttonContainer_ae5e0b { - padding: 0 16px 16px; -} - -.emptyCard_f02fcf { - padding: 0; - background-color: var(--activity-card-color); - border-radius: var(--card-radius-big); -} -.emptyCard_f02fcf .emptyHeader_f02fcf { - width: 100%; - margin-bottom: 0; - padding: 16px; - background-color: transparent; - font-size: 1.25em; - line-height: normal; - color: var(--card-header-text-color); - font-weight: 400; - opacity: 1; - box-sizing: border-box; - text-align: left; -} -.emptyCard_f02fcf .emptyText_f02fcf { - padding: 0 16px 16px; - text-align: left; -} - -.interactive_c0f6a6 { - margin: 0 0 2px; - background-color: var(--activity-card-color); - border-radius: 4px; - border: none; - transition: var(--default-time) var(--default-animation) background-color; -} -.interactive_c0f6a6:hover { - background-color: var(--activity-card-color--hover) !important; -} -.interactive_c0f6a6.active_c0f6a6 { - background-color: var(--activity-card-color--active) !important; -} -.interactive_c0f6a6:not(:only-of-type):first-of-type { - border-radius: var(--card-radius-big) var(--card-radius-big) 4px 4px; -} -.interactive_c0f6a6:not(:only-of-type):nth-last-child(2) { - border-radius: 4px 4px var(--card-radius-big) var(--card-radius-big); -} -.interactive_c0f6a6:not(:only-of-type):nth-last-child(2):after { - display: none; -} -.interactive_c0f6a6 .inset_c0f6a6 { - margin-left: 44px; - background-color: transparent; -} -.interactive_c0f6a6 .section_cd82a7 { - margin-bottom: 2px; - background-color: var(--activity-card-color--inset); - border-radius: 4px; -} -.interactive_c0f6a6 .section_cd82a7:first-of-type { - border-radius: var(--card-radius-big) var(--card-radius-big) 4px 4px; -} -.interactive_c0f6a6 .section_cd82a7:last-of-type { - margin-bottom: 0; - border-radius: 4px 4px var(--card-radius-big) var(--card-radius-big); -} -.interactive_c0f6a6 .section_cd82a7:only-child { - border-radius: var(--card-radius-big); -} -.interactive_c0f6a6 .separator_cd82a7 { - display: none; -} -.interactive_c0f6a6 .headerIcon_cd82a7 { - border-radius: 50%; -} -.interactive_c0f6a6 .applicationStreamingPreviewWrapper_cd82a7 { - background-color: var(--card-color-alt); - border-radius: calc(var(--card-radius-big) / 1.25); - overflow: hidden; -} -.interactive_c0f6a6 .image_ed81cc { - border-radius: calc(var(--card-radius-big) / 1.25); -} -.interactive_c0f6a6 .borderRadius0_cd82a7 { - border-radius: 50%; -} - -.nowPlayingColumn_c2739c .header_bf550a { - margin-top: 0; - font-weight: 400; -} -.nowPlayingColumn_c2739c .header_bf550a + .interactive_c0f6a6:nth-last-child(2) { - border-radius: var(--card-radius-big); -} - -/* - * - * ADD FRIEND - * - */ -.header_c96274 { - margin: 16px 16px 0; - padding: 0 0 16px; -} - -.addFriendInputWrapper_de812f { - height: calc(var(--input-height) * 1.316); - margin: 12px 0 0 0; - padding: 0 8px 0 16px; - background-color: var(--input-color); - border-radius: calc(var(--input-radius) * 1.316); - border: none; -} -.addFriendInputWrapper_de812f .addFriendInput_de812f, -.addFriendInputWrapper_de812f .addFriendHint_de812f { - padding: 0; - line-height: var(--input-height); - font-weight: 400; -} -.addFriendInputWrapper_de812f .addFriendInput_de812f::-webkit-input-placeholder, -.addFriendInputWrapper_de812f .addFriendHint_de812f::-webkit-input-placeholder { - color: var(--text-muted); - font-weight: 500; -} -.addFriendInputWrapper_de812f .addFriendInput_de812f { - border-bottom: none !important; -} -.addFriendInputWrapper_de812f .addFriendInput_de812f .input_f8bc55 { - padding: 0; - box-shadow: none !important; -} -.addFriendInputWrapper_de812f .addFriendHint_de812f { - top: 6px; -} - -.header_aef5fd { - padding: 16px; -} - -.grid_aef5fd { - padding: 0 16px; -} - -.container_aef5fd { - background-color: var(--card-color-filled); - border: none; - padding: 0; - border-radius: var(--card-radius-big); - transition: var(--default-time) var(--default-animation) background-color; -} -.container_aef5fd:hover { - background-color: var(--card-color-hover); -} - -/* - * - * FRIENDS LIST - * - */ -.container_c2739c { - background-color: var(--chat-color) !important; - border-top-right-radius: var(--card-radius-big); -} - -.tabBody_c2739c:before { - display: none; -} - -.peopleList_e0840f { - padding-bottom: 12px; -} - -.peopleColumn_c2739c .searchBar_e0840f { - margin: 16px 16px 8px 16px; - height: var(--input-height); - max-height: var(--input-height); - padding: var(--input-padding); - background-color: var(--input-color); - border-radius: calc(var(--input-height) / 2); - border: none; - padding: 0; -} -.peopleColumn_c2739c .searchBar_e0840f .inner_c18ec9 .input_c18ec9 { - height: var(--input-height); - margin: 0; - padding: 0 4px 0 12px; - line-height: var(--input-height); -} -.peopleColumn_c2739c .searchBar_e0840f .inner_c18ec9 .input_c18ec9::-webkit-input-placeholder { - font-family: var(--app-font); -} -.peopleColumn_c2739c .searchBar_e0840f .inner_c18ec9 .iconLayout_c18ec9 { - width: var(--input-height); - height: var(--input-height); -} -.peopleColumn_c2739c .scrollerBase_eed6a8 { - margin-top: 0; -} -.peopleColumn_c2739c .container-q97qHp { - height: 40px; - margin: 0; - padding: 0 16px; - line-height: 40px; - font-size: 14px; - text-transform: none; -} - -.peopleListItem_d51464 { - margin: 0 8px !important; - padding: 0 16px !important; - border-radius: var(--card-radius-big) !important; - border: none; - transition: var(--default-time) var(--default-animation) background-color; -} -.peopleListItem_d51464:hover { - background-color: var(--menu-item-hover); -} -.peopleListItem_d51464.active_d51464 { - background-color: var(--menu-item-select); -} -.peopleListItem_d51464 .actionButton_e01b91 { - background-color: transparent; - position: relative; -} -.peopleListItem_d51464 .actionButton_e01b91:after { - content: " "; - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - background-color: hsl(var(--md-ripple-color), 0.1); - border-radius: 50%; - opacity: 0; - pointer-events: none; - transform: scale(1.2); - transition: 300ms ease; - z-index: 4; -} -.peopleListItem_d51464 .actionButton_e01b91:hover:after { - opacity: 1; - transform: scale(1); - animation: scale 150ms var(--default-animation), opacity 150ms ease; -} -.peopleListItem_d51464 .actionButton_e01b91:active:after { - background-color: hsl(var(--md-ripple-color), 0.2); -} -.peopleListItem_d51464 .actionButton_e01b91 .icon_e01b91 { - transform: scale(1.2); -} -.peopleListItem_d51464 .actionButton_e01b91 .icon_e01b91 path[d="M4.79805 3C3.80445 3 2.99805 3.8055 2.99805 4.8V15.6C2.99805 16.5936 3.80445 17.4 4.79805 17.4H7.49805V21L11.098 17.4H19.198C20.1925 17.4 20.998 16.5936 20.998 15.6V4.8C20.998 3.8055 20.1925 3 19.198 3H4.79805Z"] { - d: path("M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z"); -} - -/* - * - * LIBRARY - * - */ -.libraryHeader_cb9493 { - --input-height: 32px; - --input-padding: 0 2px 0 6px; -} -.libraryHeader_cb9493 .inner_c18ec9 .input_c18ec9 { - padding: 0; -} -.libraryHeader_cb9493 .inner_c18ec9 .input_c18ec9, .libraryHeader_cb9493 .inner_c18ec9 .input_c18ec9::-webkit-input-placeholder { - font-weight: 500; -} - -.libraryFilter_e0264e { - width: 160px; - transition: 300ms ease width; -} -.libraryFilter_e0264e.focused_e0264e { - width: 240px; -} - -.scroller_ad8f79, -.scroller_c100ff { - background-color: var(--chat-color); -} - -.table_f1629a { - padding-bottom: 8px; -} -.table_f1629a .header_f1629a { - height: 42px; - padding: 0 16px; - line-height: 42px; - background-color: var(--chat-color); - border-bottom: 1px solid var(--card-border-color); -} -.table_f1629a .header_f1629a.stickyHeader_f1629a { - width: 100%; -} -.table_f1629a .header_f1629a .headerCell_f1629a { - border: none; - font-size: 14px; - text-transform: none; -} -.table_f1629a .header_f1629a .headerCell_f1629a.headerCellSorted_f1629a .headerCellContent_b4bea4 { - position: relative; - background-color: transparent !important; - border: none; -} -.table_f1629a .header_f1629a .headerCell_f1629a.headerCellSorted_f1629a .headerCellContent_b4bea4:after { - position: absolute; - content: " "; - width: 100%; - height: 3px; - left: 0; - right: 0; - bottom: 0; - margin: 0 auto; - background: var(--tab-border-color); - border-radius: 3px 3px 0 0; - transition: var(--default-time) ease all; -} -.table_f1629a .header_f1629a .headerCell_f1629a.headerCellSorted_f1629a .headerCellContent_b4bea4:after { - width: calc(100% - 22px); - left: 0; - right: auto; -} - -.rowWrapper_f1629a { - margin: 0 8px; - padding: 0; - border-radius: var(--card-radius-big); - border: none; - transition: var(--default-time) var(--default-animation) background-color; -} -.rowWrapper_f1629a.rowWrapperActive_f1629a { - background-color: var(--menu-item-hover); -} -.rowWrapper_f1629a .row_f1629a { - margin: 0; - padding: 0 16px; - border-top: none !important; -} -.rowWrapper_f1629a .nameBodyCell_f1629a, -.rowWrapper_f1629a .settingIcon_f1629a, -.rowWrapper_f1629a .textCell_f1629a { - transition: var(--default-time) var(--default-animation) opacity; -} -.rowWrapper_f1629a .nameBodyCell_f1629a { - padding-left: 0; -} - -.body_c100ff { - min-width: 350px; - max-width: 1200px; - padding: 60px 40px 80px; -} - -.wrapper-QQNZRu .foreground-2JnqVD { - stroke: var(--slider-color) !important; -} -.wrapper-QQNZRu .foreground-2JnqVD { - stroke: hsl(var(--accent-hsl--material-you)) !important; -} - -/* - * - * MESSAGE REQUESTS - * - */ -.list_f3abf4 { - padding: 0 8px; -} -.list_f3abf4 .content-2a4AW9 { - height: auto !important; - margin-top: 24px; - background-color: var(--card-color-filled); - border: none; - padding: 0; - border-radius: var(--card-radius-big); - overflow: hidden; -} -.list_f3abf4 .content-2a4AW9 > div[style="height: 24px;"] { - display: none; -} -.list_f3abf4 .sectionTitle_f3abf4 { - margin: 0; - padding: 0 16px 16px; - line-height: normal; - color: var(--card-header-text-color); - font-weight: 400; - font-size: 1.25em; - text-transform: none; -} - -.messageRequestItem_a5de62 { - padding: 16px; - position: relative; - border-bottom: none; - border-radius: var(--card-radius-big); - transition: var(--default-time) var(--default-animation) background-color; -} -.messageRequestItem_a5de62:after { - position: absolute; - content: " "; - width: calc(100% - 16px * 2); - height: 1px; - right: 0; - bottom: 0; - margin: 0 16px; - background-color: var(--card-border-color); -} -.messageRequestItem_a5de62:last-of-type:after { - display: none; -} -.messageRequestItem_a5de62:not(.firstItem_a5de62) { - border-top: none; -} -.messageRequestItem_a5de62:hover, .messageRequestItem_a5de62.active_a5de62, .messageRequestItem_a5de62.selected_f3abf4, .messageRequestItem_a5de62.selected_cc7518 { - border-radius: var(--card-radius-big); -} -.messageRequestItem_a5de62:hover .actionButton-3GQIiT, .messageRequestItem_a5de62.active_a5de62 .actionButton-3GQIiT, .messageRequestItem_a5de62.selected_f3abf4 .actionButton-3GQIiT, .messageRequestItem_a5de62.selected_cc7518 .actionButton-3GQIiT { - background-color: var(--card-color-alt); -} -.messageRequestItem_a5de62:hover, .messageRequestItem_a5de62.active_a5de62 { - background-color: var(--card-color-hover); -} -.messageRequestItem_a5de62.selected_f3abf4, .messageRequestItem_a5de62.selected_cc7518 { - background-color: var(--card-color-active); -} -.messageRequestItem_a5de62:after { - display: none; -} -.messageRequestItem_a5de62 .actionButton-3GQIiT { - background-color: var(--card-color-hover); -} -.messageRequestItem_a5de62 .button_dd4f85.colorPrimary_dd4f85 { - --button-padding: 0 12px; - --button-background: transparent; - --button-text-color: hsl(var(--accent-hsl--material-you)); - --accent-button-action-hover: 0.14; - --accent-button-action-active: 0.21; -} -.messageRequestItem_a5de62 .button_dd4f85.colorPrimary_dd4f85:after { - background-color: hsl(var(--button-link-accent-color)); -} - -/* MESSAGE REQUESTS -> PREVIEW */ -.chat_fe669e:before { - display: none; -} - -/* - * - * NITRO - * - */ -.applicationStore_cecc86 { - background-color: var(--chat-color); - border-top-right-radius: var(--card-radius-big); -} -.applicationStore_cecc86 .scroller__244e5 { - background-color: transparent; -} - -.settingsContainer-36qZZ9 { - width: 100%; - border-radius: var(--card-radius-big); -} - -.premiumTierCardsContainerSettings-3_Raf8 { - max-width: unset; -} - -.card_c87d73 { - border-radius: var(--card-radius-big); -} - -.perkCard_d611db, -.bigPerkCard-1uwmWV, -.smallPerkCard-2sX_-- { - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); -} - -/* - * - * MESSAGE ACTIONS - * - */ -.message_d5deea .buttons_d5deea { - max-width: 32px; - opacity: 0; - visibility: visible; - pointer-events: none; - transition: opacity var(--default-time) var(--default-animation), max-width var(--default-time) var(--default-animation) var(--default-time); -} -.selected-2LX7Jy.message_d5deea .buttons_d5deea, .message_d5deea:hover .buttons_d5deea { - max-width: 380px; - opacity: 1; - pointer-events: all; -} - -.wrapper_ef319f { - background-color: var(--main-textarea-color); - border-radius: 16px; - box-shadow: var(--shadow-2dp); - border: none; - overflow: hidden; - z-index: 2; -} -.wrapper_ef319f:hover { - box-shadow: var(--shadow-3dp); -} -.wrapper_ef319f .button_ef319f { - transition: var(--default-time) ease all; -} -.wrapper_ef319f .button_ef319f:hover { - background-color: var(--menu-item-hover); -} -.wrapper_ef319f .button_ef319f:active { - padding: 4px; -} -.wrapper_ef319f .button_ef319f .selected_ef319f { - background-color: var(--menu-item-select); -} - -/* MESSAGES -> ACTIONS -> DELETE MESSAGE */ -.message_ddcc45 { - padding: 0; - background-color: transparent !important; - box-shadow: none !important; -} -.message_ddcc45 .wrapper_f9f2ca { - margin: 0 0 0 52px !important; - background-color: var(--message-color-alt) !important; -} -.message_ddcc45 .wrapper_f9f2ca .avatar_f9f2ca { - left: -52px !important; -} - -/* - * - * ATTACHMENTS - * - */ -.nonMediaAttachmentsContainer__912df { - margin-top: 0; -} - -.attachment_a4623d { - background-color: var(--attachment-color); - border-radius: var(--media-radius); - border: none; -} -.attachment_a4623d.newMosaicStyle_ad9cbd { - border-radius: var(--media-radius); -} -.attachment_a4623d .downloadButton__3fb6d { - margin-left: 0; -} -.attachment_a4623d .downloadButton__3fb6d path { - d: path("M13 5v6h1.17L12 13.17 9.83 11H11V5h2m2-2H9v6H5l7 7 7-7h-4V3zm4 15H5v2h14v-2z") !important; -} - -.hoverButtonGroup_ab8b23 { - background-color: var(--card-button-color); - border-radius: 16px; - transition: var(--default-time) var(--default-animation) opacity; -} -.hoverButtonGroup_ab8b23 .hoverButton_ab8b23 { - transition: var(--default-time) var(--default-animation) background-color; -} -.hoverButtonGroup_ab8b23 .hoverButton_ab8b23:hover { - background-color: var(--card-button-color-hover); -} -.hoverButtonGroup_ab8b23 .downloadHoverButtonIcon__90d38 path { - d: path("M18,15v3H6v-3H4v3c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2v-3H18z M17,11l-1.41-1.41L13,12.17V4h-2v8.17L8.41,9.59L7,11l5,5 L17,11z"); -} - -.nonMediaAttachment_ef83c1 { - width: 32px; - height: 32px; - top: 0; - right: 12px; - bottom: 0; - margin: auto 0; - outline: none; -} -.nonMediaAttachment_ef83c1.hoverButtonGroup_ab8b23 { - background-color: transparent; - opacity: 1; -} - -.video_f72aac { - border-radius: var(--media-radius); -} - -.container_c15230 { - background-color: var(--attachment-color); - border-radius: var(--media-radius); -} - -.progress_a4623d { - background-color: hsl(var(--accent-hsl), 0.3) !important; -} -.progress_a4623d .progressBar-1T6LYX { - background-color: hsl(var(--accent-hsl--material-you)) !important; -} - -.bumpBox_ca33de { - background-color: var(--attachment-color); - border-radius: var(--media-radius); -} - -.embed_ad0b71 { - border-radius: var(--media-radius); -} -.embed_ad0b71.embedFull_ad0b71 { - background-color: var(--attachment-color); -} - -.embedCard_c6cefd { - background-color: var(--attachment-color); - border-radius: var(--message-radius); -} -.embedCard_c6cefd.selected_bf4197 { - background-color: var(--attachment-color); -} -.embedCard_c6cefd .wrapper_f9f2ca { - margin: 0 0 0 48px !important; -} -.embedCard_c6cefd .wrapper_f9f2ca .avatar_f9f2ca { - left: -48px !important; - margin-top: 0; -} - -.withFooter_c6cefd { - padding-bottom: 0; - border-radius: var(--media-radius) var(--media-radius) 0 0; -} - -.footerContainer_bf4197 { - padding: 8px 16px 8px; - background-color: var(--attachment-color); - border-radius: 0 0 var(--media-radius) var(--media-radius); -} -.footerContainer_bf4197 .button_dd4f85 { - --button-height: 30px; -} -.footerContainer_bf4197 .button_dd4f85 .contents_dd4f85 > div { - height: var(--button-height); -} -.footerContainer_bf4197 .button_dd4f85 .text-xs\/normal_dc00ef { - color: hsl(var(--accent-text-color--material-you)) !important; - font-weight: 500; -} - -.children_f08cd0 { - margin-top: 4px; - gap: 8px; -} -.children_f08cd0 .button_dd4f85 { - margin: 0; -} - -.guildShopEmbed_a70c73 { - background-color: var(--attachment-color) !important; - border-radius: var(--media-radius); -} -.guildShopEmbed_a70c73 .lookFilled_dd4f85.colorBrand_dd4f85 .text-sm\/medium_dc00ef { - color: inherit !important; -} - -.wrapper_ce1c1d { - background-color: var(--attachment-color); - border-radius: var(--media-radius); -} - -.wrapper_b9fe76 { - background-color: var(--attachment-color) !important; - border-radius: var(--media-radius); -} -.wrapper_b9fe76 .inviteSplash_b9fe76, -.wrapper_b9fe76 .banner_a75489 { - border-radius: var(--media-radius); -} -.wrapper_b9fe76 .content-17zlU6 { - gap: 12px; -} -.wrapper_b9fe76 .h5-2RwDNl { - font-size: 14px; - text-transform: none; -} -.wrapper_b9fe76 .guildIcon_b9fe76 { - border-radius: 50%; -} - -.invite_cdcad9 { - background-color: var(--attachment-color) !important; - border-radius: var(--media-radius); - border: none !important; -} - -/* ATTACHMENTS -> AUDIO FILE */ -.wrapperAudio_f72aac { - padding: 0; - background-color: var(--attachment-color) !important; - border-radius: var(--media-radius); - border: none; -} -.wrapperAudio_f72aac.newMosaicStyle_f72aac { - padding: 0; - border-radius: var(--media-radius); -} -.wrapperAudio_f72aac .audioMetadata_f72aac { - padding: 12px 12px 4px; -} -.wrapperAudio_f72aac .audioMetadata_f72aac .metadataIcon_f72aac path[d="M16.293 9.293L17.707 10.707L12 16.414L6.29297 10.707L7.70697 9.293L11 12.586V2H13V12.586L16.293 9.293ZM18 20V18H20V20C20 21.102 19.104 22 18 22H6C4.896 22 4 21.102 4 20V18H6V20H18Z"] { - d: path("M13 5v6h1.17L12 13.17 9.83 11H11V5h2m2-2H9v6H5l7 7 7-7h-4V3zm4 15H5v2h14v-2z"); -} -.wrapperAudio_f72aac + .nonMediaAttachment_ef83c1 { - top: 12px; - bottom: unset; - margin: 0; -} -.wrapperAudio_f72aac .audioControls_f72aac { - margin-top: 0; - background-color: transparent; - border-radius: 0; - border-top: 1px solid var(--card-border-color); - color: var(--text-normal); -} -.wrapperAudio_f72aac .audioControls_f72aac .controlIcon_f72aac { - padding: 8px; -} - -.container_d6cb89 { - background-color: var(--attachment-color); - border-radius: var(--media-radius); -} -.container_d6cb89.playing_d6cb89 .playButtonContainer_d6cb89 { - border-radius: 10px; -} - -.ripple_d6cb89 { - display: none; -} - -.playButtonContainer_d6cb89 { - background: hsl(var(--accent-hsl--material-you)) !important; - transition: var(--default-time) var(--default-animation) border-radius; -} -.playButtonContainer_d6cb89:active { - transform: none; -} -.playButtonContainer_d6cb89 .playIcon_d6cb89 { - color: var(--accent-text-color--material-you) !important; -} - -/* ATTACHMENTS -> VIDEO PLAYER */ -.wrapper_f72aac { - border-radius: 0; -} - -.mediaBarInteraction_f7877e:hover .mediaBarGrabber_f7877e { - background-color: hsl(var(--accent-hsl--material-you)); - box-shadow: var(--shadow-2dp); -} - -.mediaBarInteractionDragging_f7877e .mediaBarGrabber_f7877e { - background-color: hsl(var(--accent-hsl--material-you)); - box-shadow: var(--shadow-3dp); -} - -.mediaBarGrabber_f7877e, .mediaBarGrabber_f7877e:before, .mediaBarGrabber_f7877e:after, -.mediaBarProgress_f7877e, -.mediaBarProgress_f7877e:before, -.mediaBarProgress_f7877e:after { - background-color: hsl(var(--accent-hsl--material-you)); -} - -/* ATTACHMENTS -> IMAGES */ -.mediaAttachmentsContainer__242e2, -.messageAttachmentMediaMosaic__67262 { - border-radius: 0; -} - -.visualMediaItemContainer_df7417, -.oneByOneGridSingle_df7417 { - border-radius: var(--media-radius); -} - -.imageWrapper_d4597d { - border-radius: 4px; -} -.imageWrapper_d4597d.image_aee8c6 { - --media-radius: 0; -} - -.oneByOneGridSingle_df7417 .imageWrapper_d4597d { - border-radius: var(--media-radius); -} - -.spoilerContainer_a3d0f7 { - border-radius: var(--media-radius); - box-shadow: none !important; -} - -/* - * - * MARKUP - * - */ -.markup_f8f345 a { - color: hsl(var(--accent-hsl)); -} -.markup_f8f345 pre, .markup_f8f345 pre *, .markup_f8f345 code.inline, .markup_f8f345 .codeBlockText_cdb578, .markup_f8f345 .codeBlockText_cdb578 *, .markup_f8f345 .codeLine_cdb578, .markup_f8f345 .codeLine_cdb578 *, .markup_f8f345 .codeBlockLang_cdb578, .markup_f8f345 .codeBlockLang_cdb578 *, .markup_f8f345 .codeBlockSyntax_cdb578, .markup_f8f345 .codeBlockSyntax_cdb578 *, .markup_f8f345 .syntaxAfter_cdb578, .markup_f8f345 .syntaxAfter_cdb578 *, .markup_f8f345 .syntaxBefore_cdb578, .markup_f8f345 .syntaxBefore_cdb578 * { - --app-font: var(--code-font); -} -.markup_f8f345 pre, -.markup_f8f345 pre code, -.markup_f8f345 code.inline { - background-color: var(--attachment-color); - border-radius: var(--media-radius); - border: none; -} -.markup_f8f345 pre code, -.markup_f8f345 code.inline code { - background-color: transparent; -} -.markup_f8f345 pre, -.markup_f8f345 code.inline { - margin: 4px 0; -} - -.inlineCode_cdb578, -.before_inlineCode_cdb578, -.after_inlineCode_cdb578 { - --app-font: var(--code-font); - background-color: var(--attachment-color); -} - -.before_inlineCode_cdb578 { - border-radius: var(--media-radius) 0 0 var(--media-radius); -} - -.after_inlineCode_cdb578 { - border-radius: 0 var(--media-radius) var(--media-radius) 0; -} - -.wrapper_bf1b19 { - background-color: hsl(var(--accent-hsl), 0.15); - border-radius: var(--media-radius); - color: hsl(var(--accent-hsl)); - transition: var(--default-time) var(--default-animation) background-color; -} -.wrapper_bf1b19:hover { - background-color: hsl(var(--accent-hsl), 0.3); - color: hsl(var(--accent-hsl)); -} - -.theme-dark .wrapper_bf1b19 { - background-color: hsl(var(--accent-hsl), 0.15); - color: hsl(var(--accent-hsl)); -} -.theme-dark .wrapper_bf1b19:hover { - background-color: hsl(var(--accent-hsl), 0.3); -} - -.textContainer_ad9cbd, -.footer_ad9cbd { - background-color: var(--attachment-color); - border: none; -} - -.textContainer_ad9cbd .hljs { - background-color: transparent; -} - -.newMosaicStyle_ad9cbd .textContainer_ad9cbd { - border-radius: var(--media-radius) var(--media-radius) 0 0; -} -.newMosaicStyle_ad9cbd .footer_ad9cbd { - border-radius: 0 0 var(--media-radius) var(--media-radius); - border-top: 1px solid var(--separator-color); -} - -.codeView_ad9cbd, .codeView_ad9cbd * { - --app-font: var(--code-font); -} - -.embed_ad0b71 { - border-radius: var(--media-radius); -} -.embed_ad0b71.embedFull_ad0b71 { - background-color: var(--attachment-color); -} -.embed_ad0b71 pre, -.embed_ad0b71 pre code, -.embed_ad0b71 code.inline { - --attachment-color: var(--message-color); -} - -/* - * - * MESSAGES - * - */ -.backgroundFlash_d5deea { - border-radius: var(--message-radius); -} -[style].backgroundFlash_d5deea { - position: relative; - background-color: transparent !important; -} -[style].backgroundFlash_d5deea:before { - position: absolute; - content: " "; - width: calc(100% - 78px); - height: 100%; - top: 0; - left: 68px; - border-radius: var(--message-radius); - pointer-events: none; - z-index: 2; - transition: 200ms ease-out background-color; -} -.backgroundFlash_d5deea:not([style$="0);"]):before { - background-color: hsl(var(--accent-hsl), 0.2); -} -[style="background-color: rgba(148, 156, 247, 0);"].backgroundFlash_d5deea:before { - background-color: hsl(var(--accent-hsl), 0); -} - -.messagesWrapper_e2e187.group-spacing-0 .groupStart_d5deea { - --group-spacing: 0.125rem; -} -.messagesWrapper_e2e187.group-spacing-0 .divider_d5deea.beforeGroup_d5deea { - top: 1px; -} -.messagesWrapper_e2e187.group-spacing-4 .groupStart_d5deea { - --group-spacing: 0.3125rem; -} -.messagesWrapper_e2e187.group-spacing-4 .divider_d5deea.beforeGroup_d5deea { - top: 2px; -} -.messagesWrapper_e2e187.group-spacing-8 .groupStart_d5deea { - --group-spacing: 0.5625rem; -} -.messagesWrapper_e2e187.group-spacing-8 .divider_d5deea.beforeGroup_d5deea { - top: 4px; -} -.messagesWrapper_e2e187.group-spacing-16 .groupStart_d5deea { - --group-spacing: 1.0625rem; -} -.messagesWrapper_e2e187.group-spacing-16 .divider_d5deea.beforeGroup_d5deea { - top: 8px; -} -.messagesWrapper_e2e187.group-spacing-24 .groupStart_d5deea { - --group-spacing: 1.5625rem; -} -.messagesWrapper_e2e187.group-spacing-24 .divider_d5deea.beforeGroup_d5deea { - top: 12px; -} -[class*=group-spacing].messagesWrapper_e2e187 .groupStart_d5deea { - margin-top: var(--group-spacing) !important; -} -[class*=group-spacing].messagesWrapper_e2e187 .divider_d5deea:not(.beforeGroup_d5deea) { - top: -4px; -} -.messagesWrapper_e2e187 .divider_c2654d { - border-top-color: var(--message-color-hover); -} -.messagesWrapper_e2e187 .content_c2654d { - padding: 4px 12px; - border-radius: 11px; -} - -.wrapper_f9f2ca { - position: relative; - background-color: var(--message-color) !important; - transition: var(--default-time) var(--default-animation) background-color; -} -.wrapper_f9f2ca:hover { - background-color: var(--message-color-hover) !important; -} -.wrapper_f9f2ca:hover .repliedMessage_f9f2ca:before { - border-color: var(--message-color-hover) !important; -} -.wrapper_f9f2ca.automodMessage_d5deea:before { - display: none; -} -.wrapper_f9f2ca.hasThread_f9f2ca:after { - display: none; -} -.wrapper_f9f2ca.hasThread_f9f2ca .markup_f8f345 { - overflow: visible; -} -.wrapper_f9f2ca.groupStart_d5deea { - position: relative; - border-radius: var(--message-radius); -} -.wrapper_f9f2ca.groupStart_d5deea .avatar_f9f2ca { - width: 40px; - height: 40px; - top: 0; - left: -50px; - border-radius: var(--avatar-radius); -} -.wrapper_f9f2ca.groupStart_d5deea .avatarDecoration_f9f2ca { - top: 0; - left: -54px; -} -.wrapper_f9f2ca.groupStart_d5deea.replying_d5deea:before { - display: none; -} -.wrapper_f9f2ca:not(.groupStart_d5deea) { - border-radius: 0 0 var(--message-radius) var(--message-radius); -} -.wrapper_f9f2ca:not(.groupStart_d5deea):before, .wrapper_f9f2ca:not(.groupStart_d5deea):after { - content: " "; - position: absolute; - width: 0; - height: 0; - top: calc(var(--message-radius) / 1.875 * -1); - background-color: transparent; - border: calc(var(--message-radius) / 3.75) solid transparent; - border-bottom-color: var(--message-color); - pointer-events: none; - transition: var(--default-time) var(--default-animation) border-color; -} -.wrapper_f9f2ca:not(.groupStart_d5deea):before { - left: 0; - border-left-color: var(--message-color); -} -.wrapper_f9f2ca:not(.groupStart_d5deea):after { - right: 0; - border-right-color: var(--message-color); -} -.wrapper_f9f2ca.ephemeral_d5deea a, .wrapper_f9f2ca.replying_d5deea a { - color: hsl(var(--accent-hsl)); -} -.wrapper_f9f2ca.ephemeral_d5deea:before { - display: none; -} -.wrapper_f9f2ca .slateTextArea_e52116 { - padding-left: 12px !important; -} -.wrapper_f9f2ca .messageContent_f9f2ca { - overflow: visible; -} -.wrapper_f9f2ca .messageContent_f9f2ca .iconContainer_bf4197 { - width: 40px; - top: -8px; - left: calc((50px + var(--message-padding-side)) * -1); -} -.wrapper_f9f2ca .buttonContainer_f9f2ca { - margin-top: 8px; - margin-left: 0; - z-index: 3; -} -.wrapper_f9f2ca .buttonContainer_f9f2ca .button_dd4f85 { - --button-height: 24px; - --button-padding: 0 6px; -} -.wrapper_f9f2ca .buttonContainer_f9f2ca .button_dd4f85 .text-xs\/normal_dc00ef { - color: hsl(var(--accent-hsl--material-you)) !important; -} -.wrapper_f9f2ca .buttonContainer_f9f2ca .footerAction_bf4197 { - height: var(--button-height); -} -.wrapper_f9f2ca .buttonContainer_f9f2ca .footerAction_bf4197 .footerIcon_bf4197 { - color: hsl(var(--accent-hsl--material-you)); -} -.wrapper_f9f2ca .buttonContainer_f9f2ca .footerAction_bf4197 .footerIcon_bf4197 path { - fill: currentColor; -} -.wrapper_f9f2ca .dot_bf4197 { - margin: 0 4px; -} -.wrapper_f9f2ca .channelTextArea_d0696b .scrollableContainer_d0696b { - background-color: var(--input-color-alt); - border-radius: var(--main-textarea-radius); -} - -.replying_d5deea { - z-index: 2; -} -.replying_d5deea .contents_f9f2ca:before { - position: absolute; - content: " "; - width: calc(100% - 8px); - height: calc(100% - 8px); - top: 4px; - left: 4px; - background-color: hsl(var(--warning-hsl), 0.2); - border-radius: calc(var(--message-radius) / 1.25); - pointer-events: none; - animation: var(--default-time) var(--default-animation) opacity; -} - -.messageListItem_d5deea:hover + .messageListItem_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):before, .messageListItem_d5deea:hover + .messageListItem_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):after, -.messageListItem_d5deea:hover + .backgroundFlash_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):before, -.messageListItem_d5deea:hover + .backgroundFlash_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):after, -.messageListItem_d5deea:hover + .divider_d5deea + .messageListItem_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):before, -.messageListItem_d5deea:hover + .divider_d5deea + .messageListItem_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):after, -.backgroundFlash_d5deea:hover + .messageListItem_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):before, -.backgroundFlash_d5deea:hover + .messageListItem_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):after, -.backgroundFlash_d5deea:hover + .backgroundFlash_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):before, -.backgroundFlash_d5deea:hover + .backgroundFlash_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):after, -.backgroundFlash_d5deea:hover + .divider_d5deea + .messageListItem_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):before, -.backgroundFlash_d5deea:hover + .divider_d5deea + .messageListItem_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):after { - border-bottom-color: var(--message-color-hover); -} -.messageListItem_d5deea:hover + .messageListItem_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):before, -.messageListItem_d5deea:hover + .backgroundFlash_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):before, -.messageListItem_d5deea:hover + .divider_d5deea + .messageListItem_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):before, -.backgroundFlash_d5deea:hover + .messageListItem_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):before, -.backgroundFlash_d5deea:hover + .backgroundFlash_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):before, -.backgroundFlash_d5deea:hover + .divider_d5deea + .messageListItem_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):before { - border-left-color: var(--message-color-hover); -} -.messageListItem_d5deea:hover + .messageListItem_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):after, -.messageListItem_d5deea:hover + .backgroundFlash_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):after, -.messageListItem_d5deea:hover + .divider_d5deea + .messageListItem_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):after, -.backgroundFlash_d5deea:hover + .messageListItem_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):after, -.backgroundFlash_d5deea:hover + .backgroundFlash_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):after, -.backgroundFlash_d5deea:hover + .divider_d5deea + .messageListItem_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):after { - border-right-color: var(--message-color-hover); -} - -.cozy_f9f2ca.groupStart_d5deea { - margin-bottom: 0; -} -.cozy_f9f2ca.groupStart_d5deea.mentioned_d5deea:before { - display: none; -} -.cozy_f9f2ca.groupStart_d5deea.hasReply_f9f2ca .avatar_f9f2ca, -.cozy_f9f2ca.groupStart_d5deea.hasReply_f9f2ca .avatarDecoration_f9f2ca { - top: 28px; -} -.cozy_f9f2ca.groupStart_d5deea { - padding: var(--message-padding-top) var(--message-padding-side) !important; -} -.cozy_f9f2ca:not(.groupStart_d5deea) { - margin-top: calc(var(--message-padding-top) * -1); - padding: calc(var(--message-padding-top) / 2) var(--message-padding-side) var(--message-padding-top) var(--message-padding-side) !important; -} -.cozy_f9f2ca:not(.groupStart_d5deea) + .divider_d5deea:not(.beforeGroup_d5deea) { - top: -4px; -} -.cozy_f9f2ca .header_f9f2ca { - margin-bottom: 4px; -} -.cozy_f9f2ca .markup_f8f345 { - margin-left: 0; - padding-left: 0; -} -.cozy_f9f2ca:hover .timestamp_f9f2ca.alt_f9f2ca { - opacity: 1; - transition: var(--default-time) ease opacity 750ms; -} -.cozy_f9f2ca .timestamp_f9f2ca.alt_f9f2ca { - opacity: 0; - left: -64px; - color: var(--text-muted); - font-weight: 600; - transition: var(--default-time) ease opacity 0ms; -} -.cozy_f9f2ca .removeAttachmentButton__692b5 { - right: -4px; -} -.cozy_f9f2ca:not(.message_d5deea) { - margin: 16px 10px 0 68px; - padding: var(--message-padding-top) var(--message-padding-side) !important; - border-radius: var(--message-radius); -} -.cozy_f9f2ca:not(.message_d5deea):before, .cozy_f9f2ca:not(.message_d5deea):after { - display: none; -} -.cozy_f9f2ca:not(.message_d5deea) .avatar_f9f2ca { - top: 0; - left: -63px; -} -.cozy_f9f2ca .repliedMessage_f9f2ca:before { - --reply-spacing: var(--message-padding-side); - left: calc((0.5 * var(--avatar-size) + var(--gutter) + var(--reply-spacing) / 2) * -1); - border-color: var(--message-color); - transition: var(--default-time) var(--default-animation) border-color; -} - -.compact_f9f2ca { - margin-bottom: 0; - padding-right: 8px !important; -} -.compact_f9f2ca .avatar_f9f2ca { - width: 16px !important; - height: 16px !important; - top: 3px !important; - left: 0 !important; - margin: 0 0.5em 0 0.25em !important; - padding: 0 !important; -} -.compact_f9f2ca.groupStart_d5deea { - padding: 8px; -} -.compact_f9f2ca.groupStart_d5deea.mentioned_d5deea:before { - display: none; -} -.compact_f9f2ca.groupStart_d5deea + .divider_d5deea { - margin-bottom: -1px; -} -.compact_f9f2ca:not(.groupStart_d5deea) { - margin-top: -8px; - padding: 0 8px 8px 8px; -} -.compact_f9f2ca .contents_f9f2ca { - margin-left: -4.25rem; - padding-left: 4.25rem; - text-indent: -3.75rem; -} -.compact_f9f2ca.hasThread_f9f2ca .contents_f9f2ca:before { - display: none; -} -.compact_f9f2ca .header_f9f2ca { - position: relative; - left: -8px; -} -.compact_f9f2ca .timestamp_f9f2ca { - width: 52px; - margin-right: 16px; - color: var(--text-muted); -} -.compact_f9f2ca + .divider_d5deea { - margin-left: 80px; -} -.compact_f9f2ca + .divider_d5deea:not(.beforeGroup_d5deea) { - top: -11px; -} -.compact_f9f2ca .repliedMessage_f9f2ca { - margin-left: calc(var(--timestamp-width) + 3.1rem + var(--text-indent)); -} -.compact_f9f2ca + .compact_f9f2ca:not(.message_d5deea) { - margin: 16px 20px 0 70px; -} - -.mentioned_d5deea .messageContent_f9f2ca { - position: relative; - background-color: hsl(var(--accent-hsl), 0.3); - border-radius: calc(var(--message-radius) / 1.4); - transition: var(--default-time) var(--default-animation) background-color; -} -.mentioned_d5deea .messageContent_f9f2ca:hover { - background-color: hsl(var(--accent-hsl), 0.375); -} -.mentioned_d5deea .messageContent_f9f2ca a { - color: hsl(var(--accent-hsl)); -} -.mentioned_d5deea .messageContent_f9f2ca .wrapper_bf1b19 { - background-color: transparent; -} -.mentioned_d5deea .messageContent_f9f2ca .wrapper_bf1b19:before { - display: none; -} -.mentioned_d5deea .contents_f9f2ca .messageContent_f9f2ca { - margin: 0 -4px; - padding: 0 4px; -} -.mentioned_d5deea .repliedMessage_f9f2ca .messageContent_f9f2ca { - padding: 0 1px 0 4px; -} - -.avatarDecoration_f9f2ca { - top: 0; - left: -54px; -} - -.messageListItem_d5deea, -.quotedChatMessage_d5deea { - margin-left: 68px; - margin-right: 10px; -} - -.operations_ed9386 > a { - color: hsl(var(--accent-hsl)); -} - -.scrollerSpacer_e2e187 { - height: 20px !important; -} - -.mention::selection { - background: hsl(var(--accent-hsl), 0.5); - color: var(--accent-text-color--material-you); -} - -/* MESSAGES -> BADGES */ -.badge_e17ac7 { - background-color: var(--attachment-color); -} - -.popout_e17ac7 { - background-color: var(--popout-color); - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp); -} -.popout_e17ac7 .popoutHeaderContainer_e17ac7 { - padding: 12px; - background-color: transparent; - border-bottom: 1px solid var(--popout-header-border); -} - -/* MESSAGES -> NEW MESSAGES DIVIDER */ -.divider_d5deea .content_c2654d { - background-color: var(--message-color-hover); -} -.divider_d5deea.isUnread_c2654d { - margin: 0 0.875rem 0 80px; - border-color: hsl(var(--accent-hsl--material-you)); -} -.divider_d5deea.isUnread_c2654d .unreadPill_c2654d { - height: 28px; - top: -15px; - padding: 0 16px; - background-color: hsl(var(--accent-hsl--material-you)); - border-radius: 14px; - box-shadow: var(--shadow-3dp); - font-size: 14px; - font-weight: 500; - text-transform: capitalize; - color: var(--accent-text-color--material-you); -} -.divider_d5deea.isUnread_c2654d .unreadPill_c2654d .unreadPillCap_c2654d { - display: none; -} -.divider_d5deea.isUnread_c2654d.hasContent_d5deea .content_c2654d { - background-color: hsl(var(--accent-hsl--material-you)); - color: var(--accent-text-color--material-you); -} -.divider_d5deea.hasContent_d5deea { - margin-left: 1rem; -} - -/* MESSAGES -> ERROR BAR */ -.messagesErrorBar_cf58b5 { - width: auto; - height: 36px; - left: auto; - right: 16px; - bottom: 24px; - padding: 0; - border-radius: 18px; - box-shadow: var(--shadow-2dp); - transition: var(--default-time) var(--default-animation) box-shadow; -} -.messagesErrorBar_cf58b5:hover { - box-shadow: var(--shadow-3dp); -} -.messagesErrorBar_cf58b5 .barButtonBase_cf58b5 { - background-color: transparent; - color: var(--alert-text-color); - box-shadow: none; -} -.messagesErrorBar_cf58b5 .barButtonMain_cf58b5 { - min-width: 36px; - padding: 0 12px 0 12px; - flex: 0 1 auto; - border-radius: 0; -} -.messagesErrorBar_cf58b5 .barButtonMain_cf58b5:after { - position: absolute; - content: " "; - width: 0.5px; - height: 100%; - top: 0; - right: 0; - background-color: var(--alert-text-color); -} -.messagesErrorBar_cf58b5 .barButtonAlt_cf58b5 { - margin-left: 0; - font-size: 14px; - font-weight: 500; -} - -/* - * - * MESSAGE POLLS - * - */ -.pollContainer_b558d0 { - background-color: var(--attachment-color); - border-radius: var(--media-radius); -} -.pollContainer_b558d0 .answersContainer_cf2c85 { - padding: 0; - background-color: transparent; -} -.pollContainer_b558d0 .radioBackground_b97e9a { - fill: hsl(var(--accent-hsl--material-you)); -} - -.answer_cf2c85.votedStyles_b5cb3c .answerInner_cf2c85 { - outline-color: hsl(var(--accent-hsl--material-you)); -} -.answer_cf2c85:not(.votedStyles_b5cb3c) .answerInner_cf2c85 { - outline-color: transparent !important; -} - -.answerInner_cf2c85 { - background-color: var(--card-color-filled); - border-radius: calc(var(--media-radius) / 1.65); -} -.answerInner_cf2c85.currentlyVoting_cf2c85:hover { - background-color: var(--card-color-hover); -} -.answerInner_cf2c85.currentlyVoting_cf2c85.selected_cf2c85 { - background-color: var(--card-color-active); -} -.answerInner_cf2c85.currentlyVoting_cf2c85.selected_cf2c85 circle, -.answerInner_cf2c85.currentlyVoting_cf2c85.selected_cf2c85 path { - fill: hsl(var(--accent-hsl--material-you)); -} -.answerInner_cf2c85.currentlyVoting_cf2c85 path { - fill: var(--text-normal); -} - -.votePercentageBar_cf2c85 { - background-color: hsl(from hsl(var(--accent-hsl--material-you)) h calc(s * 1.5) l/0.25); -} - -.answerSelectionIcon_cf2c85 circle { - fill: var(--accent-text-color--material-you); -} -.answerSelectionIcon_cf2c85 path { - fill: hsl(var(--accent-hsl--material-you)); -} - -/* - * - * MESSAGE REACTIONS - * - */ -.reactions_ec6b19 { - margin: 8px 0 0 0; - padding-bottom: 0; - gap: 4px; -} -.reactions_ec6b19 > div:empty { - margin-left: -4px; -} -.reactions_ec6b19 .reactionBtn_ec6b19 path { - d: path("M12,17.5C14.33,17.5 16.3,16.04 17.11,14H6.89C7.69,16.04 9.67,17.5 12,17.5M8.5,11A1.5,1.5 0 0,0 10,9.5A1.5,1.5 0 0,0 8.5,8A1.5,1.5 0 0,0 7,9.5A1.5,1.5 0 0,0 8.5,11M15.5,11A1.5,1.5 0 0,0 17,9.5A1.5,1.5 0 0,0 15.5,8A1.5,1.5 0 0,0 14,9.5A1.5,1.5 0 0,0 15.5,11M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"); -} -.reactions_ec6b19 .reactionBtn_ec6b19 path ~ path { - display: none; -} - -.reaction_f61c73, .reaction_ec6b19 { - margin: 0; - background-color: transparent; - border-radius: 8px; - border-color: var(--separator-color); -} -.reaction_f61c73:hover, .reaction_ec6b19:hover { - background-color: var(--menu-item-hover); -} -.reaction_f61c73.reactionMe_f61c73, .reaction_ec6b19.reactionMe_f61c73, .reaction_f61c73.reactionMe_ec6b19, .reaction_ec6b19.reactionMe_ec6b19 { - background-color: hsl(var(--accent-hsl--material-you), 0.2); - border-color: hsl(var(--accent-hsl--material-you)); -} -.reaction_f61c73.reactionMe_f61c73 .reactionCount_f61c73, .reaction_ec6b19.reactionMe_f61c73 .reactionCount_f61c73, .reaction_f61c73.reactionMe_ec6b19 .reactionCount_f61c73, .reaction_ec6b19.reactionMe_ec6b19 .reactionCount_f61c73, .reaction_f61c73.reactionMe_f61c73 .reactionCount_ec6b19, .reaction_ec6b19.reactionMe_f61c73 .reactionCount_ec6b19, .reaction_f61c73.reactionMe_ec6b19 .reactionCount_ec6b19, .reaction_ec6b19.reactionMe_ec6b19 .reactionCount_ec6b19 { - color: hsl(var(--accent-hsl--material-you)); -} - -/* MESSAGE REACTIONS -> REVERT BUTTONS TO REACTION STYLE */ -.component_d53fb7.lookFilled_dd4f85 { - --button-height: 28px; - --button-padding: 0 8px; - --button-background: var(--input-color-alt); - --button-text-color: var(--input-text-color); -} -.component_d53fb7.lookFilled_dd4f85 .emoji { - width: calc(var(--button-height) - 8px); - height: calc(var(--button-height) - 8px); -} -.component_d53fb7.lookFilled_dd4f85.colorBrand_dd4f85 { - --button-background: hsl(var(--accent-hsl--material-you)); - --button-text-color: var(--accent-text-color--material-you); -} - -/* - * - * CONTEXT MENU QUICK REACTIONS - * - */ -.button_a24e84 { - background-color: var(--menu-item-hover); -} -.button_a24e84:hover { - background-color: var(--menu-item-select); -} - -/* - * - * SPOILERS - * - */ -.spoilerContent_a3d0f7 { - background-color: var(--attachment-color) !important; -} - -/* - * - * SUMMARY CONTENT - * - */ -.summaryStartContent_cabeb6 { - margin-left: 0; - background-color: hsl(var(--accent-hsl--material-you)); - border-radius: 13px !important; - color: var(--accent-text-color--material-you); -} -.summaryStartContent_cabeb6 .summaryStartIcon_cabeb6 { - color: inherit; -} - -.summaryEndContent_cabeb6 { - height: auto; - padding: 0 !important; -} - -.summaryEndIcon_cabeb6 { - position: relative; - top: -4px; - padding-left: 16px; - background-color: var(--chat-color); - color: hsl(var(--accent-hsl--material-you)); -} - -.summaryDividerEnd_cabeb6 { - top: 0 !important; - margin-top: 1.5em !important; -} - -.summaryFeedbackWrapper_cabeb6 { - margin-left: 0; - padding: 4px 12px; - background-color: hsl(var(--accent-hsl--material-you)); - border-radius: 13px; -} -.summaryFeedbackWrapper_cabeb6 .text-xs\/medium_dc00ef { - font-size: 14px; - color: var(--accent-text-color--material-you) !important; -} -.summaryFeedbackWrapper_cabeb6 .thumbIcon_cabeb6 { - padding: 3px; - background-color: var(--accent-text-color--material-you); - color: hsl(var(--accent-hsl--material-you)); -} - -/* - * - * ACCEPT RULES - * - */ -.guildSidebar_a74b6f { - padding: 0; - background-color: transparent; - border-right: 1px solid var(--card-border-color); -} -.guildSidebar_a74b6f > div:not([class]):first-child { - padding: 24px; -} -.guildSidebar_a74b6f > div:not([class]):last-child { - display: flex; - position: relative; - padding: 0 24px 24px; -} -.guildSidebar_a74b6f > div:not([class]):last-child .flex_bba380 { - height: 36px; - margin-right: 8px; - margin-bottom: 0; -} -.guildSidebar_a74b6f .iconSizeLarge-_r2zCK { - border-radius: 50%; -} -.guildSidebar_a74b6f .divider_a74b6f { - border-bottom-color: var(--card-border-color); -} - -.modal_a74b6f { - background-color: transparent; -} -.modal_a74b6f .content_a74b6f { - padding-bottom: 0; -} -.modal_a74b6f .divider_a74b6f { - border-bottom-color: var(--card-border-color); -} -.modal_a74b6f .requirementContainer_b007eb, .modal_a74b6f .fieldBackground_bd5b94, .modal_a74b6f .fieldBackground_bd5b94:hover:not(:focus) { - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); -} -.modal_a74b6f .fieldBackground_bd5b94, .modal_a74b6f .fieldBackground_bd5b94:hover:not(:focus) { - padding: 0; -} -.modal_a74b6f .termsRow_bd5b94 { - padding: 16px; - position: relative; - border-bottom: none; -} -.modal_a74b6f .termsRow_bd5b94:after { - position: absolute; - content: " "; - width: calc(100% - 16px * 2); - height: 1px; - right: 0; - bottom: 0; - margin: 0 16px; - background-color: var(--card-border-color); -} -.modal_a74b6f .termsRow_bd5b94:last-of-type:after { - display: none; -} -.modal_a74b6f .footer_f9a4c9 .button_dd4f85 .contents_dd4f85, .modal_a74b6f .modalFooter_b5918e .button_dd4f85 .contents_dd4f85 { - width: 70px; -} - -.termsFieldBody_cd377c { - background-color: var(--card-color-hover); - border-radius: var(--card-radius-big); -} - -.overlay_cd377c { - display: none; -} - -/* - * - * ACCOUNT SWITCHER - * - */ -.list_f20a46 { - background-color: var(--card-color-filled); - border: none; - padding: 0; - border-radius: var(--card-radius-big); -} -.list_f20a46 .accountCard_f20a46 { - padding: 16px; - background-color: transparent; - border-radius: var(--card-radius-big); - position: relative; - border-bottom: none; -} -.list_f20a46 .accountCard_f20a46:after { - position: absolute; - content: " "; - width: calc(100% - 16px * 2); - height: 1px; - right: 0; - bottom: 0; - margin: 0 16px; - background-color: var(--card-border-color); -} -.list_f20a46 .accountCard_f20a46:last-of-type:after { - display: none; -} -.list_f20a46 .sizeIcon_dd4f85 { - --button-height: 32px; - --button-padding: 0; - width: var(--button-height); - position: relative; -} -.list_f20a46 .sizeIcon_dd4f85:after { - content: " "; - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - background-color: hsl(var(--md-ripple-color), 0.1); - border-radius: 50%; - opacity: 0; - pointer-events: none; - transform: scale(1.2); - transition: 300ms ease; - z-index: 4; -} -.list_f20a46 .sizeIcon_dd4f85:hover:after { - opacity: 1; - transform: scale(1.2); - animation: scale 150ms var(--default-animation), opacity 150ms ease; -} -.list_f20a46 .sizeIcon_dd4f85:active:after { - background-color: hsl(var(--md-ripple-color), 0.2); -} -.list_f20a46 .sizeIcon_dd4f85 .contents_dd4f85 { - height: 24px; - transform: rotate(90deg); -} -.list_f20a46 .separator_f20a46 { - display: none; -} - -.actions_f31a4d { - margin: 16px 0 0; -} - -/* ACCOUNT SWITCHER -> ADD ACCOUNT */ -.root_f9a4c9 .authBoxExpanded_dc6abe { - background-color: transparent !important; - box-shadow: none !important; -} - -.authBoxExpanded_dc6abe .info_f20685, .authBoxExpanded_dc6abe .infoText-1-X8oU, .authBoxExpanded_dc6abe .info_dc0d6d { - border-radius: var(--card-radius-big); -} - -/* - * - * ACTIVE THREADS - * - */ -.container-3GP6AV { - background-color: transparent; -} -.container-3GP6AV .header-3cSJjT { - padding: 4px 16px; - background-color: transparent; - border-bottom: 1px solid var(--popout-header-border); -} - -.container_acb8b3 { - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); - transition: var(--default-time) var(--default-animation) background-color; -} -.container_acb8b3:hover { - background-color: var(--card-color-hover); -} - -.root_f9a4c9 .container_e664f3 { - background-color: transparent; - border-radius: 0; - box-shadow: none; -} - -body:active .root_f9a4c9 .container_e664f3:not(:active) { - opacity: 1; -} - -/* - * - * ACTIVITES MODAL - * - */ -.modalDivider_cd3d24 { - display: none; -} - -.scrollTierBackground_f09e45 { - background-color: transparent; -} -.scrollSection_f09e45 { - padding: 0 calc(16px - var(--scrollbar-thin-width)) 0 16px; -} - -.tierCtaContainer__81542 { - padding-top: 0; -} - -.shelf_f09e45 { - grid-gap: 16px 12px; -} - -.activityItem_d46b95 { - --card-color-hover: var(--card-color-active); - background-color: var(--card-color-filled); - border: none; - padding: 0; - border-radius: var(--card-radius-big); - transition: var(--default-time) var(--default-animation) background-color; - box-shadow: none; -} -.activityItem_d46b95:hover { - background-color: var(--card-color-hover); -} - -.activityTag_d46b95 { - background-color: transparent; - border-radius: 6px; - border: 1px solid var(--card-border-color); -} - -.activityImageContainer_d46b95 { - border-radius: var(--card-radius-big); -} - -/* ACTIVITES MODAL -> SUGGESTED ACTIVITES */ -.container_b572de { - background-color: var(--popout-color); - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp); -} - -.activityItem_ec77c5 { - border-radius: calc(var(--popout-radius-big) / 1.5); -} - -.wumpusRocketInnerContainer_b572de { - background: linear-gradient(270deg, var(--popout-color), var(--popout-color) 90%, transparent); -} - -/* - * - * ADD PAYMENT METHOD MODAL - * - */ -.modalTitle_c22d1f { - padding: 24px 24px 16px; -} -.modalTitle_c22d1f .title_c46f6a { - line-height: 24px; - font-size: 22px; - font-weight: 400; - color: var(--header-primary); - text-transform: none; -} -.modalTitle_c22d1f .close_f9a4c9 { - position: absolute; - width: 32px; - height: 32px; - top: 22px; - right: 22px; - margin: 0; - padding: 0; -} - -.content_cc6017 { - background-color: transparent; -} -.content_cc6017 .scrollerBase_eed6a8 { - padding: 0 calc(24px - var(--scrollbar-thin-width)) 0 24px !important; -} -.content_cc6017 .body_bb2fc6 { - padding: 0; -} -.content_cc6017 .wrap_e504b7:not(:empty) { - display: grid; - grid-gap: 8px; - grid-template-columns: 1fr 1fr; - grid-template-rows: minmax(auto, 1fr); - padding-bottom: 24px; -} -.content_cc6017 .button_b78763 { - width: auto; - margin: 0; -} - -/* ADD PAYMENT METHOD MODAL -> INPUTS */ -.cardInput_c04e45 { - padding: 8.41px 12px; - background-color: var(--input-color); - border-radius: var(--input-radius); - line-height: var(--input-height); -} -.cardInput_c04e45.cardNumberInput_c04e45 { - padding-left: 55px; -} - -.cardIcon_c04e45, .paypalIcon_c40e61 { - top: 6px; -} - -.paypalIcon_c40e61 + .inputWrapper_f8bc55 .input_f8bc55 { - padding-left: 48px; -} - -/* - * - * CREATE/JOIN SERVER - * - */ -.templatesList_fc9dae, -.optionsList_f5507e { - margin-top: 0; -} - -.container_a47d49 { - position: relative; - margin-top: 8px; - margin-bottom: 0; - background-color: var(--card-color-filled); - border: none; - padding: 0; - border-radius: var(--card-radius-big); - transition: var(--default-time) var(--default-animation) background-color; - transition: var(--default-time) var(--default-animation) background-color; -} -.container_a47d49:hover { - background-color: var(--card-color-hover); -} -.container_a47d49:first-child { - margin-top: 0; -} -.container_a47d49:after { - position: absolute; - content: " "; - width: 24px; - height: 24px; - top: 0; - right: 16px; - bottom: 0; - margin: auto 0; - background-color: var(--text-muted); - -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/chevron_right.svg); - -webkit-mask-repeat: no-repeat; - -webkit-mask-size: 100%; - mask-size: 100%; -} -.container_a47d49 .text_a47d49 { - color: var(--text-normal); -} -.container_a47d49 .arrow_a47d49 { - display: none; -} - -.rowContainer-3t7486 { - margin-bottom: 0; - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); - transition: var(--default-time) var(--default-animation) background-color; -} -.rowContainer-3t7486:hover { - background-color: var(--card-color-hover); -} -.rowContainer-3t7486:hover { - background-color: var(--card-color-hover); -} - -.footer_fc9dae { - gap: 8px !important; -} -.footer_fc9dae .footerTitle_fc9dae { - margin-bottom: 0; -} - -.optionHeader_fc9dae { - font-size: 14px; - text-transform: none; -} - -.input-m1-Y7Q { - background-color: var(--popout-color); -} - -.skip_f5507e { - margin-top: 16px; - margin-bottom: 0; -} - -/* - * - * AUTHENTICATION - * - */ -.listItemContainer_c03fd3 { - margin-bottom: 4px; - background-color: var(--card-color-filled); - border: none; - transition: var(--default-time) var(--default-animation) background-color; - border-radius: 4px; -} -.listItemContainer_c03fd3:first-of-type { - border-radius: var(--card-radius-big) var(--card-radius-big) 4px 4px; -} -.listItemContainer_c03fd3:nth-of-type(4) { - border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); -} -.listItemContainer_c03fd3:hover { - background-color: var(--card-color-hover); -} - -/* - * - * AUTHORIZE APP - * - */ -.oauth2Wrapper_c2b22e { - min-height: 100px; - background-color: var(--popout-color); - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp); - overflow: hidden; -} -.oauth2Wrapper_c2b22e .authorize_c5a065 { - background-color: transparent; -} -.oauth2Wrapper_c2b22e .authorize_c5a065 .header_ac2a99 { - padding: 24px 24px 16px; - border-radius: 0; - border-bottom: none; -} -.oauth2Wrapper_c2b22e .authorize_c5a065 .scrollContent-_1I-44 { - padding: 0 !important; -} -.oauth2Wrapper_c2b22e .authorize_c5a065 .scrollContent-_1I-44 div:last-child { - padding-bottom: 0; -} -.oauth2Wrapper_c2b22e .authorize_c5a065 .scrollContent-_1I-44 .scopes_cf14a8 { - border-bottom: 1px solid var(--popout-header-border); -} -.oauth2Wrapper_c2b22e .authorize_c5a065 .scrollContent-_1I-44 .scopes_cf14a8, -.oauth2Wrapper_c2b22e .authorize_c5a065 .scrollContent-_1I-44 .selectorGroup__6407f, -.oauth2Wrapper_c2b22e .authorize_c5a065 .scrollContent-_1I-44 .applicationDetails_d6f023 { - padding: 16px 24px; -} -.oauth2Wrapper_c2b22e .authorize_c5a065 .scrollContent-_1I-44 .entry_d6f023 { - margin-top: 0; - margin-bottom: 8px; -} -.oauth2Wrapper_c2b22e .authorize_c5a065 .scrollContent-_1I-44 .entry_d6f023:last-child { - margin-bottom: 0; -} -.oauth2Wrapper_c2b22e .authorize_c5a065 .scrollContent-_1I-44 .base-21yXnu { - font-size: 14px; - text-transform: none; -} -.oauth2Wrapper_c2b22e .captcha__51560 { - padding: 0 24px 24px !important; -} -.oauth2Wrapper_c2b22e .wrapper_e1a4cf { - padding: 24px; -} - -.content_c5a065 { - padding: 0 24px; -} - -.discordConsentBody-3Jlf8_ { - margin: 0; - padding: 0 calc(24px - var(--scrollbar-thin-width)) 0 24px; -} - -.scopes_cf14a8, -.applicationDetails_d6f023 { - padding: 16px 0; -} - -.applicationDetails_d6f023:last-child { - padding-bottom: 0; -} - -.scopes_cf14a8 { - padding-bottom: 0; - border-bottom: none; -} - -.scopes_cf14a8 .defaultColor__77578, .scopes_cf14a8 .defaultColor_e9e35f, .scopes_cf14a8 .defaultColor_a595eb, -.selectorGroup__6407f .defaultColor__77578, -.selectorGroup__6407f .defaultColor_e9e35f, -.selectorGroup__6407f .defaultColor_a595eb { - font-size: 14px; - text-transform: none; -} - -.scope_cf14a8 { - margin: 0; - padding: 8px 16px; - background-color: var(--card-color-filled); -} -.scope_cf14a8:first-of-type { - padding-top: 16px; - border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; -} -.scope_cf14a8:last-of-type { - padding-bottom: 16px; - border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); -} - -.sectionGroup__5e13c { - padding-left: 24px; - padding-right: 24px; -} -.sectionGroup__5e13c:first-of-type { - padding-top: 0; -} - -.botPermissions_a06cfc { - padding: 0; - border-bottom: none; -} - -.permissionsList_a06cfc { - max-height: 25vh; - margin-top: 16px; - padding: 16px; - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big); - overflow-y: scroll; -} -.permissionsList_a06cfc .permission_a06cfc:first-of-type { - margin-top: 0; -} - -.footer_c5a065 { - margin-top: 0; - padding: 24px; - background-color: transparent; -} - -/* - * - * BAN USER MODAL - * - */ -.banReasonOtherClickable-8EKPlQ { - --card-color-hover: var(--card-color-active); - margin-top: 16px; - background-color: var(--card-color-filled); - border: none; - padding: 12px; - border-radius: var(--card-radius-big); - transition: var(--default-time) var(--default-animation) background-color; -} -.banReasonOtherClickable-8EKPlQ:hover { - background-color: var(--card-color-hover); -} - -/* - * - * BETTERDISCORD ERRORS - * - */ -.bd-error-modal-header { - padding: 24px 24px 0 !important; - border-bottom: 1px solid var(--popout-header-border); -} -.bd-error-modal-header .size14_fb468f { - font-size: 22px; - text-transform: none; - font-weight: 400; -} - -.bd-error-modal-content { - padding-top: 16px !important; -} - -.bd-tab-bar { - height: 40px; - margin-left: -8px; -} -.bd-tab-bar .bd-tab-item { - height: inherit; - margin-right: 8px; - padding: 0 8px; - border-radius: 0; - color: var(--interactive-normal); -} -.bd-tab-bar .bd-tab-item { - background-color: transparent; -} -.bd-tab-bar .bd-tab-item:hover { - color: var(--interactive-hover); -} -.bd-tab-bar .bd-tab-item.selected { - position: relative; - background-color: transparent !important; - border: none; - color: var(--interactive-normal); -} -.bd-tab-bar .bd-tab-item.selected:after { - position: absolute; - content: " "; - width: 75%; - height: 3px; - left: 0; - right: 0; - bottom: 0; - margin: 0 auto; - background: var(--tab-border-color); - border-radius: 3px 3px 0 0; - transition: var(--default-time) ease all; -} -.bd-tab-bar .bd-tab-item:last-of-type { - margin-right: 0; -} - -.bd-error-modal-content { - padding-bottom: 0; -} - -.bd-addon-errors { - margin-top: 0; -} - -.bd-addon-error { - background-color: var(--card-color-filled) !important; - border: none !important; - padding: 0; - border-radius: var(--card-radius-big) !important; -} -.bd-addon-error:last-of-type { - margin-bottom: 0; -} -.bd-addon-error .bd-addon-error-header { - padding: 16px; -} -.bd-addon-error .bd-addon-error-icon { - background-color: var(--attachment-color); -} -.bd-addon-error .bd-addon-error-body { - padding: 0 16px 16px; -} -.bd-addon-error .bd-divider { - display: none; -} -.bd-addon-error .bd-addon-error-stack code { - background-color: var(--attachment-color); - border-radius: var(--card-radius); - border: none; -} - -/* - * - * BETTERDISCORD MODALS - * - */ -.bd-modal-header { - padding: 24px 24px 16px; -} -.bd-modal-header .bd-header-primary { - font-size: 22px; - font-weight: 400; - color: var(--header-primary); -} - -.bd-modal-content { - padding: 0 24px; - color: var(--text-normal); -} - -.bd-modal-footer { - padding: 24px; - background-color: transparent; -} -.bd-modal-footer .bd-button { - min-height: var(--button-height); - height: var(--button-height); - padding: var(--button-padding); - font-size: 14px; -} - -/* - * - * CHANGE AVATAR - * - */ -.optionBox_f2f431 { - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); - transition: var(--default-time) var(--default-animation) background-color; -} -.optionBox_f2f431:hover { - background-color: var(--card-color-hover); -} -.optionBox_f2f431:hover { - border-color: hsl(var(--accent-hsl--material-you)); -} - -.contentCircle_f2f431 { - background-color: hsl(var(--accent-hsl--material-you)); -} -.contentCircle_f2f431 .uploadIcon_f2f431 { - color: var(--accent-text-color--material-you); -} - -.imageSpecifications_f2f431:empty { - margin-top: 0; - padding: 0; -} - -/* - * - * CLIPS MODALS - * - */ -.settingsButton_b0623a { - width: var(--button-height); - height: var(--button-height); - margin-right: 32px; -} -.settingsButton_b0623a + .close_f9a4c9 { - top: 28px !important; -} - -.clipItem_fcf712 { - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big); - filter: none; - transition: var(--default-time) var(--default-animation) background-color; -} -.clipItem_fcf712:hover { - background-color: var(--card-color-active); - filter: none; -} -.clipItem_fcf712:focus-within { - background-color: var(--card-color-active); -} -.clipItem_fcf712 .input_f8bc55 { - --input-color: var(--card-color-hover) !important; -} - -.clipThumb_fcf712 { - background-color: var(--card-color-alt); - border-radius: calc(var(--card-radius-big) / 1.8); -} - -.clipBadge_fcf712 { - background-color: var(--card-button-color); - border-radius: calc(var(--card-radius-big) / 3); -} - -.buttonContainer_fcf712 { - display: flex; -} -.buttonContainer_fcf712 .button_dd4f85 { - width: var(--button-height); - height: var(--button-height); - padding: 0; -} -.buttonContainer_fcf712 .button_dd4f85:first-child { - --button-background: hsl(var(--alert-hsl)); - --button-text-color: var(--alert-text-color); -} - -/* CLIPS MODALS -> EDIT CLIP */ -.centeringWrapper_bb2184 { - transform: translateY(6px); -} - -.timePillBackground_bb2184 { - background-color: hsl(var(--accent-hsl--material-you)); -} -.timePillBackground_bb2184 .timePillText_bb2184 { - font-weight: 500; - color: var(--accent-text-color--material-you) !important; -} - -.playPauseButtonWrapper_bb2184 { - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big) 0 0 var(--card-radius-big); -} - -.timelineBackground_bb2184 { - border-radius: 0 var(--card-radius-big) var(--card-radius-big) 0; -} - -.dragBox_bb2184 { - border-color: hsl(var(--accent-hsl--material-you)); -} - -.dragHandle_bb2184 { - background-color: hsl(var(--accent-hsl--material-you)); -} -.dragHandle_bb2184.dragHandleLeft_bb2184 { - border-radius: var(--card-radius-big) 0 0 var(--card-radius-big); -} -.dragHandle_bb2184.dragHandleRight_bb2184 { - border-radius: 0 var(--card-radius-big) var(--card-radius-big) 0; -} -.dragHandle_bb2184 .cropLeftArrow_bb2184, -.dragHandle_bb2184 .cropRightArrow_bb2184 { - width: 20px; - height: 20px; - background-image: none; - background-color: var(--accent-text-color--material-you); - -webkit-mask-repeat: no-repeat; -} -.dragHandle_bb2184 .cropLeftArrow_bb2184 { - -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/chevron_left.svg); -} -.dragHandle_bb2184 .cropRightArrow_bb2184 { - -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/chevron_right.svg); -} - -.playhead_bb2184 { - background-color: hsl(var(--accent-hsl--material-you)); - box-shadow: var(--shadow-2dp); -} - -.clipForm_b00e1b { - background-color: var(--card-color-filled); - border: none; - padding: 0; - border-radius: var(--card-radius-big); -} -.clipForm_b00e1b .container_ed1d57 { - margin-bottom: 16px !important; -} -.clipForm_b00e1b .root_a1f5c2, -.clipForm_b00e1b .userList_b00e1b { - background-color: var(--card-color-active); - border-radius: var(--card-radius-big); -} -.clipForm_b00e1b .nameSection_a1f5c2 { - border-bottom: none; -} -.clipForm_b00e1b .timeContainer_a1f5c2 { - padding: 0 8px 8px; - gap: 8px; -} -.clipForm_b00e1b .timeContainer_a1f5c2 > div { - position: relative; - height: auto; - padding: 12px; - background-color: var(--card-color-filled); - border-radius: calc(var(--card-radius-big) / 1.8); - text-align: center; -} -.clipForm_b00e1b .timeContainer_a1f5c2 > div:first-child { - border-right: none; -} -.clipForm_b00e1b .userCountPill_e48bd3 { - background-color: var(--card-color-filled); -} - -/* CLIPS MODAL -> RECENT CLIPS POPOUT */ -.recentClipsPopout_bd6a37 { - background-color: var(--popout-color); - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp); -} -.recentClipsPopout_bd6a37:after { - border-top-color: var(--popout-color); -} -.recentClipsPopout_bd6a37 .thumbnail_a71e15 { - border-radius: var(--card-radius); -} - -/* - * - * CREATE INVITE - * - */ -.scroller-1xACMA { - padding-top: 0; -} - -.inviteRow-2Vjla6 { - --button-height: 32px; - --button-outline: 1px solid hsl(var(--accent-hsl--material-you)); - margin-right: calc(var(--scrollbar-thin-width)); - padding: 12px; - border-radius: var(--card-radius); - transition: var(--default-time) var(--default-animation) background-color; -} -.inviteRow-2Vjla6:hover { - background-color: var(--menu-item-hover) !important; -} -.inviteRow-2Vjla6 .button_dd4f85 { - width: auto; - transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) border, var(--default-time) var(--default-animation) color; -} - -.content-17zlU6:before { - display: none; -} - -.footer-Ql9fbL .input_f8bc55 { - --button-height: 28px; - padding: 0 6px 0 12px; - border-radius: var(--input-height); - box-shadow: none; -} -.footer-Ql9fbL .input_f8bc55 .input_f8bc55 { - padding: 0; - box-shadow: none; -} - -.root_f9a4c9 .footer_f9a4c9 .input_f8bc55 .button_dd4f85, .root_f9a4c9 .modalFooter_b5918e .input_f8bc55 .button_dd4f85 { - width: auto; - margin-left: 8px; -} - -.inviteBannerUpsell-1t_LYM { - background-color: var(--card-color-filled) !important; - border: none !important; - padding: 16px 0; - border-radius: var(--card-radius-big) !important; -} -.inviteBannerUpsell-1t_LYM .premiumIcon-3qxLdX { - margin-left: 16px; -} - -.input_f8bc55 .copyInput_d7e343 { - padding: var(--input-padding); -} -.temporaryMembershipContainerBackground-13Hf5U { - margin-top: 8px; - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big); -} -.temporaryMembershipContainerBackground-13Hf5U:before { - display: none; -} - -/* - * - * CREATE POLL - * - */ -.legend_c46f6a { - font-size: 14px; - text-transform: none; -} - -.answerRow_d274ca { - display: flex; - padding: 16px 8px; - gap: 8px; - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big); -} -.answerRow_d274ca .expressionPickerButtonDefault_d274ca { - width: var(--button-height); - min-width: var(--button-height); - height: var(--button-height); -} -.answerRow_d274ca .expressionPickerIconDefault_d274ca { - margin-left: 0; -} -.answerRow_d274ca .removeAnswerButtonDefault_d274ca { - display: flex; - padding: 0; - align-items: center; - justify-content: center; -} - -.defaultTextInputWrapper_d274ca { - width: 100%; - gap: 8px; - background-color: transparent; - border: none; -} -.defaultTextInputWrapper_d274ca > .defaultTextInput_d274ca { - padding: 0; -} -.defaultTextInputWrapper_d274ca .input_f8bc55 { - border-radius: var(--input-radius); - box-shadow: none; -} -.defaultTextInputWrapper_d274ca .characterCount_d274ca { - height: var(--input-height); - line-height: var(--input-height); - padding: 0; -} - -.addAnswerButtonDefault_f24a96 { - height: var(--button-height); - line-height: var(--button-height); - background-color: transparent; - border-radius: var(--button-radius); - border: 1px solid hsl(var(--accent-hsl--material-you)); - align-self: start; -} -.addAnswerButtonDefault_f24a96:hover { - background-color: transparent; -} -.addAnswerButtonDefault_f24a96 .addAnswerIconDefault_f24a96, -.addAnswerButtonDefault_f24a96 .addAnswerButtonLabel_f24a96 { - color: hsl(var(--accent-hsl--material-you)) !important; -} -.addAnswerButtonDefault_f24a96 .addAnswerIconDefault_f24a96 { - height: var(--button-height); -} -.addAnswerButtonDefault_f24a96 .addAnswerButtonLabel_f24a96 { - padding: 0; - line-height: var(--button-height); -} -.addAnswerButtonDefault_f24a96.canRemoveMoreAnswers_f24a96 { - margin-right: 0; -} - -/* - * - * EVENTS - * - */ -.card_cc2c09 { - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); - transition: var(--default-time) var(--default-animation) background-color; -} -.card_cc2c09:hover { - background-color: var(--card-color-hover); -} -.card_cc2c09 .rsvpCount_a4ec62 { - background-color: var(--menu-item-hover); -} -.card_cc2c09 .thumbnail_a4ec62 { - width: 200px; -} -.card_cc2c09 .divider_cc2c09 { - background-color: var(--card-border-color); -} -.card_cc2c09 .footer_cc2c09 { - overflow: visible; -} - -.padding_cc2c09 { - padding: 0; -} - -/* EVENTS -> EVENTS MODAL */ -.banner_b747e2 { - border-radius: var(--popout-radius-big); -} - -.container_a31cc1 { - padding: 0 16px; - border-bottom-color: var(--popout-header-border); -} - -.closeButton_a31cc1 { - width: 32px; - height: 32px; - right: 16px; - position: relative; - position: absolute; -} -.closeButton_a31cc1:after { - content: " "; - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - background-color: hsl(var(--md-ripple-color), 0.1); - border-radius: 50%; - opacity: 0; - pointer-events: none; - transform: scale(1.2); - transition: 300ms ease; - z-index: 4; -} -.closeButton_a31cc1:hover:after { - opacity: 1; - transform: scale(1.2); - animation: scale 150ms var(--default-animation), opacity 150ms ease; -} -.closeButton_a31cc1:active:after { - background-color: hsl(var(--md-ripple-color), 0.2); -} -.closeButton_a31cc1 .closeIcon_a31cc1 { - margin-right: 0; - background-color: transparent !important; -} - -.header_ecbdaf, -.body_ecbdaf { - padding: 16px 16px 0; -} - -.container-3eB5yh .content_f9a4c9, .container-3eB5yh .content-3BqJRb { - width: auto !important; -} -.container-3eB5yh .content_f9a4c9 > div:not([class]):first-child, .container-3eB5yh .content-3BqJRb > div:not([class]):first-child { - margin-top: -16px; - margin-left: -16px; -} - -.errorTitle_b5365d { - padding: 32px 0; -} - -/* EVENTS -> CREATE EVENT */ -.selectedProgressBar_f2ceaa { - background-color: hsl(var(--accent-hsl--material-you)); -} - -.inline_a5724d { - gap: 16px; -} - -.container-3zZkKh { - margin-top: 16px; - background-color: var(--card-color-filled); - border: none; - padding: 0; - border-radius: var(--card-radius-big); -} - -.formItem-3mtwAA { - margin-top: 16px; -} -.formItem-3mtwAA .inputWrapper_f8bc55 { - --input-height: auto; -} - -.container_f4830e { - height: var(--input-height); - max-height: var(--input-height); - padding: var(--input-padding); - background-color: var(--input-color); - border-radius: calc(var(--input-height) / 2); - border: none; - box-shadow: none !important; -} -.container_f4830e .content_f4830e { - height: var(--input-height); -} - -.avatarUploaderInnerSquare_e9b3be { - border-radius: var(--card-radius-big); -} - -.previewCard_f9a98f { - background-color: var(--card-color-filled) !important; - border: none !important; - padding: 16px; - border-radius: var(--card-radius-big) !important; -} -.previewCard_f9a98f .container_f87f77 { - margin: -16px -16px 16px; - border-radius: var(--card-radius-big); -} - -.eventStatusBrand__08773, -.eventStatusLabel_d6a475 { - color: hsl(var(--accent-hsl--material-you)) !important; -} - -/* - * - * FAVORITES MODAL - * - */ -.header-eqLiHQ { - margin-top: 0; - margin-bottom: 16px; - text-align: left; - font-weight: 400; - font-size: 22px; -} - -.closeButton-2JycqK { - top: 26px; - right: 12px; - padding: 0; -} - -.name-33lnjT { - margin: 0; -} - -/* - * - * FEATURE MESSAGE - * - */ -.featureModalMessage__57f8c { - background-color: transparent !important; - box-shadow: none !important; -} -.featureModalMessage__57f8c .wrapper_f9f2ca { - --message-color: var(--message-color-alt); - margin: 0 0 0 52px !important; -} -.featureModalMessage__57f8c .wrapper_f9f2ca:hover { - --message-color-hover: var(--message-color-alt); -} -.featureModalMessage__57f8c .wrapper_f9f2ca .avatar_f9f2ca { - left: -52px !important; -} - -/* - * - * MODALS - * - */ -.root_f9a4c9 { - background-color: var(--popout-color) !important; - border-radius: var(--popout-radius-big) !important; - box-shadow: var(--shadow-3dp) !important; -} -.root_f9a4c9.container_f4e139, .root_f9a4c9.modal_aee8c6, .root_f9a4c9.carouselModal_d2b9a1 { - background-color: transparent !important; - box-shadow: none !important; -} -.root_f9a4c9.small_f9a4c9 { - min-height: 75px; -} -.root_f9a4c9.modal__4f3da .modalContent-33IoUE { - max-height: 580px; -} -.root_f9a4c9 .header_f9a4c9 { - margin: 0; - padding: 24px 24px 16px; - background-color: transparent; - border-radius: var(--popout-radius-big) var(--popout-radius-big) 0 0; - box-shadow: none !important; -} -.root_f9a4c9 .header_f9a4c9 .heading-lg\/semibold_dc00ef, -.root_f9a4c9 .header_f9a4c9 .heading-xl\/semibold_dc00ef, -.root_f9a4c9 .header_f9a4c9 .heading-xl\/extrabold_dc00ef, -.root_f9a4c9 .header_f9a4c9 .h1_c46f6a, -.root_f9a4c9 .header_f9a4c9 .h2_c46f6a { - font-size: 22px; - font-weight: 400; -} -.root_f9a4c9 .header_f9a4c9 .modalTitle_ad95dc { - margin-bottom: 0; -} -.root_f9a4c9 .header_f9a4c9 .title-3JPglK { - font-weight: 400; -} -.root_f9a4c9 .header_f9a4c9 .close_f9a4c9, -.root_f9a4c9 .header_f9a4c9 .iconButton-2rHy7x { - --button-height: 32px; - width: var(--button-height); - height: var(--button-height); - top: 20px; - right: 20px; - margin: 0; - padding: 0; - background-color: transparent !important; - position: relative; - position: absolute; -} -.root_f9a4c9 .header_f9a4c9 .close_f9a4c9:after, -.root_f9a4c9 .header_f9a4c9 .iconButton-2rHy7x:after { - content: " "; - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - background-color: hsl(var(--md-ripple-color), 0.1); - border-radius: 50%; - opacity: 0; - pointer-events: none; - transform: scale(1.2); - transition: 300ms ease; - z-index: 4; -} -.root_f9a4c9 .header_f9a4c9 .close_f9a4c9:hover:after, -.root_f9a4c9 .header_f9a4c9 .iconButton-2rHy7x:hover:after { - opacity: 1; - transform: scale(1.1); - animation: scale 150ms var(--default-animation), opacity 150ms ease; -} -.root_f9a4c9 .header_f9a4c9 .close_f9a4c9:active:after, -.root_f9a4c9 .header_f9a4c9 .iconButton-2rHy7x:active:after { - background-color: hsl(var(--md-ripple-color), 0.2); -} -.root_f9a4c9 .header_f9a4c9 .close_f9a4c9 .contents_dd4f85 { - height: 24px; -} -.root_f9a4c9 .header_f9a4c9 .close_f9a4c9 svg { - height: 24px !important; - transform: scale(0.85); -} -.root_f9a4c9 .header_f9a4c9 .iconButton-2rHy7x { - display: flex; - justify-content: center; - align-items: center; -} -.root_f9a4c9 .header_f9a4c9 .iconButton-2rHy7x .icon-3DnmvF { - height: 24px; - transform: scale(0.85); -} -.root_f9a4c9 .confirmStartHeader_fcd6d9 { - padding: 75px 16px 16px; -} -.root_f9a4c9 .content_f9a4c9, .root_f9a4c9 .content-3BqJRb { - padding: 0 24px; - background-color: transparent; - border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big); -} -.root_f9a4c9 .content_f9a4c9:first-child, .root_f9a4c9 .content-3BqJRb:first-child { - padding-top: 24px; -} -.root_f9a4c9 .content_f9a4c9:first-child .heading-md\/semibold_dc00ef, .root_f9a4c9 .content-3BqJRb:first-child .heading-md\/semibold_dc00ef { - line-height: 24px; - font-size: 20px; - font-weight: 400; -} -.root_f9a4c9 .content_f9a4c9:last-child, .root_f9a4c9 .content-3BqJRb:last-child { - padding-bottom: 24px; -} -.root_f9a4c9 .content_f9a4c9 .content_bf3bbb, .root_f9a4c9 .content-3BqJRb .content_bf3bbb { - padding-bottom: 0; -} -.root_f9a4c9 .content_f9a4c9 .paragraph_d7f12d:last-child, .root_f9a4c9 .content-3BqJRb .paragraph_d7f12d:last-child { - margin-bottom: 2px; -} -.root_f9a4c9 .content_f9a4c9 a, .root_f9a4c9 .content-3BqJRb a { - color: hsl(var(--accent-hsl--material-you)); -} -.root_f9a4c9 .content_f9a4c9 img, .root_f9a4c9 .content-3BqJRb img, -.root_f9a4c9 .content_f9a4c9 video, -.root_f9a4c9 .content-3BqJRb video { - border-radius: var(--card-radius-big); -} -.root_f9a4c9 .image-ZPv20Y { - border-radius: var(--card-radius-big); -} -.root_f9a4c9 .footer_f9a4c9, .root_f9a4c9 .modalFooter_b5918e { - padding: 24px; - gap: 16px; - background-color: transparent !important; - border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big); - box-shadow: none !important; -} -.root_f9a4c9 .footer_f9a4c9 > .directionRow__65900, .root_f9a4c9 .modalFooter_b5918e > .directionRow__65900 { - gap: 16px; -} -.root_f9a4c9 .footer_f9a4c9 span:not([class])[style*="display: block"]:empty, .root_f9a4c9 .modalFooter_b5918e span:not([class])[style*="display: block"]:empty { - display: none !important; -} -.root_f9a4c9 .footer_f9a4c9 .button_dd4f85, .root_f9a4c9 .modalFooter_b5918e .button_dd4f85 { - margin: 0; -} -.root_f9a4c9 .footer_f9a4c9 .button_dd4f85.colorPrimary_dd4f85, .root_f9a4c9 .modalFooter_b5918e .button_dd4f85.colorPrimary_dd4f85 { - --button-padding: 0 12px; - --button-background: transparent; - --button-text-color: var(--button-link-accent-text-color); - --accent-button-action: hsl(var(--accent-hsl--material-you)); - --accent-button-action-hover: 0.14; - --accent-button-action-active: 0.21; -} -.root_f9a4c9 .footer_f9a4c9 .lookBlank_dd4f85, .root_f9a4c9 .modalFooter_b5918e .lookBlank_dd4f85 { - background-color: transparent !important; - color: var(--button-link-accent-text-color) !important; -} -.root_f9a4c9 .buttons-1TBWBN { - margin-top: 0; -} -.root_f9a4c9 .modalTextContainer_ad9cbd, -.root_f9a4c9 .footer_ad9cbd { - background-color: transparent; -} -.root_f9a4c9 .modalTextContainer_ad9cbd { - border: none; -} -.root_f9a4c9 > div:not([class]) > div:not([class]) { - max-height: 720px; -} -.root_f9a4c9 > div:not([class]) > div:not([class]) .content-1OG56Q { - max-height: 548px; -} -.root_f9a4c9 .divider_ae36e5 { - margin: 16px 0; - padding-bottom: 0; - border-top-color: var(--popout-header-border); -} -.root_f9a4c9 .input_f8bc55.flex_ec1a20 { - --button-height: 28px; - padding: 0; - border-radius: var(--input-radius); - box-shadow: none; -} -.root_f9a4c9 .input_f8bc55.flex_ec1a20 .input_f8bc55 { - border-radius: var(--input-radius); - box-shadow: none; -} -.root_f9a4c9 .guestBody-1S2A2E { - padding: 0; -} - -.valuePropContainer-WkXrIU { - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); -} -.valuePropContainer-WkXrIU .bulletedValueProp-3pv7g2 { - padding: 0; -} -.valuePropContainer-WkXrIU .valuePropIconContainer-1WLjVd { - background-color: var(--card-button-color); - color: var(--text-normal); -} - -.content__4d677 { - background-color: var(--popout-color); - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp); -} - -/* - * - * NITRO PURCHASE - * - */ -/* NITRO PURCHASE -> SELECTION AND REVIEW */ -.root_f9a4c9 .header_f9a4c9.modalHeader_a27f2f { - margin-bottom: 0; - padding-bottom: 0; - background-image: linear-gradient(var(--popout-color), var(--popout-color)); - border-bottom: none; -} -.root_f9a4c9 .header_f9a4c9.modalHeader_a27f2f .close_f9a4c9 { - top: -4px; - right: -4px; -} - -.headerBackground_af10a6 { - width: calc(100% + 8px); - top: -24px; - left: -24px; - right: -24px; -} - -.headerBackground_af10a6, -.panningAnimation_e147f3, -.headerImage_bab8b6 { - border-radius: var(--popout-radius-big); -} - -.wrapper_bfc2c6 { - padding: 0 24px 16px; - background-color: transparent; -} -.wrapper_bfc2c6:after { - display: none; -} - -.headerContainer_bab8b6 + .wrapper_bfc2c6 { - padding: 16px 24px 8px; -} - -.spinner_b0f29a { - background-color: transparent; -} - -.sliderBody_bf926b { - width: 392px; - padding-bottom: 0; -} - -.planSelectSeparator_d439ef, -.planSelectSeparatorLower_d9d258 { - display: none; -} - -.planSelectSeparatorLower_d9d258 + .text-xs\/normal_dc00ef { - margin-top: 12px; -} - -.planOptionClickableContainer_bd3462 { - padding: 0 12px; - background-color: transparent; - border-radius: calc(var(--card-radius-big) / 1.65); - transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color; -} -.planOptionClickableContainer_bd3462:hover { - background-color: var(--card-color-hover) !important; -} - -.selectPlanDivider_d439ef { - display: none; -} - -.warnBlock_cb8a97 { - margin-top: 16px; - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); -} - -.table_df16c1 { - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); -} -.table_df16c1 .divider_df16c1 { - background-color: var(--card-border-color); -} - -.paymentSourceWarning_aa60eb { - margin-top: 8px; - background-color: var(--card-color-filled); - border: none; - padding: 8px; - border-radius: var(--card-radius-big); -} - -/* NITRO PURCHASE -> PURCHASED INFO */ -.modalInner_a0e502 { - width: auto; - background-color: transparent; -} - -.bannerContainer_a0e502 { - border-radius: calc(var(--popout-radius-big) / 1.5); -} - -/* - * - * NOTIFICATION SETTINGS - * - */ -.overridePlaceholder_cacc4c { - height: 66px; - border-radius: var(--card-radius-big); - border: 1px dashed var(--card-border-color) !important; -} - -.overrideList_cacc4c { - display: flex; - flex-direction: column; - gap: 8px; - padding-bottom: 0; -} - -.header_cacc4c, -.override_cacc4c { - margin-bottom: 0; -} - -.override_cacc4c { - padding: 16px 6px 16px 12px; -} - -.checkboxGroup_cacc4c { - width: 290px; -} - -.checkboxContainer_cacc4c:before { - background-color: var(--card-border-color) !important; -} -.checkboxContainer_cacc4c:first-of-type:before { - display: none; -} - -.checkboxMute_cacc4c:before { - background-color: var(--card-color-hover); - border-radius: calc(var(--card-radius-big) / 1.4); -} - -/* - * - * OPEN LINK MODAL - * - */ -.root_f9a4c9 .title_acae5d, .root_f9a4c9 .title_dd48c5 { - margin: 0 0 16px; - font-size: 22px; - font-weight: 400; - text-align: left; - text-transform: none; -} -.root_f9a4c9 .body_acae5d { - text-align: left; -} -.root_f9a4c9 .primaryButton_acae5d, -.root_f9a4c9 .secondaryButton_acae5d { - flex: 0 1 auto; -} -.root_f9a4c9 .secondaryButton_acae5d.colorPrimary_dd4f85 { - --button-text-color: hsl(var(--accent-hsl--material-you)) !important; - --button-action-color: hsl(var(--accent-hsl--material-you)); -} -.root_f9a4c9 .minorContainer_acae5d { - flex: 1 1 auto; - width: auto; - margin: 0; -} -.root_f9a4c9 .minorContainer_acae5d .secondaryAction_acae5d { - line-height: var(--button-height); - text-align: left; - color: var(--button-link-accent-text-color); - font-size: 1em; - font-weight: 500; - opacity: 1; -} - -.warningText_dd48c5 { - text-align: left; -} - -.linkCalloutContainer_dd48c5 { - margin-bottom: 16px; - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); -} - -.checkbox_dd48c5 { - margin-bottom: 0; -} - -/* - * - * PHONE MODAL - * - */ -.phoneField_d4eb58 { - padding: 2px 4px; - background-color: var(--input-color); - border-radius: 22px; - border: none; - box-shadow: none; -} -.phoneField_d4eb58 .inputField_d4eb58 { - background-color: transparent; - color: var(--input-text-color); -} -.phoneField_d4eb58 .inputField_d4eb58::-webkit-input-placeholder { - color: var(--input-placeholder-color); -} -.phoneField_d4eb58 .countryButton_d4eb58 { - margin: 0; - background-color: var(--button-background) !important; - border-radius: var(--button-radius); -} -.phoneField_d4eb58 .countryButton_d4eb58 .plusSign_d4eb58, -.phoneField_d4eb58 .countryButton_d4eb58 .countryCode_d4eb58 { - color: inherit; -} -.phoneField_d4eb58 .countryButton_d4eb58 .phoneFieldExpand_d4eb58 { - stroke: var(--button-text-color); -} -.phoneField_d4eb58 .button_dd4f85 { - margin: 0; -} - -.phoneFieldPopout_ff761b { - background-color: var(--popout-color) !important; - border-radius: var(--popout-radius); - box-shadow: var(--shadow-3dp); -} - -/* - * - * PROBLEM INFO - * - */ -.problemInfo_b58b14 { - margin-bottom: 0; -} - -.root_ee4ca6 { - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big); -} - -.option_ee4ca6 { - position: relative; - border-bottom: none; - transition: var(--default-time) var(--default-animation); -} -.option_ee4ca6:after { - position: absolute; - content: " "; - width: calc(100% - 16px * 2); - height: 1px; - right: 0; - bottom: 0; - margin: 0 16px; - background-color: var(--card-border-color); -} -.option_ee4ca6:last-of-type:after { - display: none; -} -.option_ee4ca6:hover { - background-color: var(--menu-item-hover); -} - -/* - * - * QUICK SWITCHER - * - */ -.quickswitcher_f4e139 { - padding: 0; - background-color: var(--popout-color); - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp); -} -.quickswitcher_f4e139 .input_f4e139 { - height: 42px; - line-height: 42px; - margin: 24px 24px 16px; - padding: 0 16px; - background-color: var(--input-color); - border-radius: 21px; - box-shadow: none; - font-size: 18px; -} -.quickswitcher_f4e139 .input_f4e139::-webkit-input-placeholder { - font-family: var(--app-font); -} -.quickswitcher_f4e139 .scroller_f4e139 { - margin-top: 0; - margin-right: 0; - background-color: transparent; -} -.quickswitcher_f4e139 .scroller_f4e139::-webkit-scrollbar-track { - background: transparent !important; -} -.quickswitcher_f4e139 .header_f14193 { - font-size: 14px; - text-transform: none; -} -.quickswitcher_f4e139 .result_f14193 { - border-radius: 0; - transition: var(--default-time) var(--default-animation) background-color; -} -.quickswitcher_f4e139 [aria-selected=true].result_f14193 { - background-color: var(--menu-item-hover); -} -.quickswitcher_f4e139 .result_f14193 .note_f14193 { - font-size: 11px; - text-transform: none; -} -.quickswitcher_f4e139 .content_f14193 { - padding: 0 14px 0 24px; -} -.quickswitcher_f4e139 .protip_f4e139 { - padding: 16px 24px 24px; -} -.quickswitcher_f4e139 .protip_f4e139.hasContent_f4e139 { - border-top: none; -} - -/* - * - * REACTIONS - * - */ -.reactors_f2bfbb { - background-color: transparent !important; -} -.reactors_f2bfbb .reactor_f2bfbb { - box-shadow: none; - position: relative; - border-bottom: none; -} -.reactors_f2bfbb .reactor_f2bfbb:after { - position: absolute; - content: " "; - width: calc(100% - 16px * 2); - height: 1px; - right: 0; - bottom: 0; - margin: 0 16px; - background-color: var(--card-border-color); -} -.reactors_f2bfbb .reactor_f2bfbb:last-of-type:after { - display: none; -} - -.scroller_f2bfbb { - background-color: var(--attachment-color) !important; -} -.scroller_f2bfbb .reactionDefault_f2bfbb, -.scroller_f2bfbb .reactionSelected_f2bfbb { - border-radius: 14px; -} -.scroller_f2bfbb .reactionDefault_f2bfbb:hover { - background-color: var(--menu-item-hover); -} -.scroller_f2bfbb .reactionSelected_f2bfbb { - background-color: var(--menu-item-select); -} - -/* - * - * REPORT MESSAGE MODAL - * - */ -.messagePreviewContainer_b06e1c { - background-color: var(--card-color-outlined); - border: 1px solid var(--card-border-color); - padding: 16px 0; - border-radius: var(--card-radius-big); -} -.messagePreviewContainer_b06e1c .wrapper_f9f2ca { - --message-color-hover: var(--message-color); - margin: 0 0 0 72px !important; -} -.messagePreviewContainer_b06e1c .wrapper_f9f2ca .avatar_f9f2ca { - left: -56px !important; -} - -.childButton_f45bfc { - background-color: var(--card-color-filled); - border: none; - padding: 0; - border-radius: var(--card-radius-big); - transition: var(--default-time) var(--default-animation) background-color; -} -.childButton_f45bfc:hover { - background-color: var(--card-color-hover); -} - -/* - * - * SCREEN SHARE SELECTION - * - */ -.modalContent-2y3sGW { - padding: 0 24px; -} -.modalContent-2y3sGW:last-child { - margin-bottom: 0; -} - -.divider_bcb954 { - background-color: var(--popout-header-border); - box-shadow: none !important; - opacity: 1; -} - -.segmentControl_d7ec26 { - height: 48px; - padding: 0 24px; -} - -.tabItem_a18ec1 { - height: inherit; - margin: 0 24px 0 0; - padding: 0 8px; - border: none !important; - color: var(--interactive-normal) !important; -} -.tabItem_a18ec1.tabItemSelected_a18ec1 { - color: var(--interactive-normal) !important; - position: relative; - background-color: transparent !important; - border: none; -} -.tabItem_a18ec1.tabItemSelected_a18ec1:after { - position: absolute; - content: " "; - width: 90%; - height: 3px; - left: 0; - right: 0; - bottom: 0; - margin: 0 auto; - background: var(--tab-border-color); - border-radius: 3px 3px 0 0; - transition: var(--default-time) ease all; -} -.tabItem_a18ec1 .text-sm\/medium_dc00ef { - line-height: 48px; -} -.tabItem_a18ec1:last-of-type { - margin-right: 0; -} - -.card_f30ffe { - height: var(--input-height); - max-height: var(--input-height); - padding: var(--input-padding); - background-color: var(--input-color); - border-radius: calc(var(--input-height) / 2); - border: none; -} -.card_f30ffe .sizeSmall_dd4f85 { - --button-height: 30px; -} - -.qualitySettingsContainer_a78967 { - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); -} -.qualitySettingsContainer_a78967 .select_f6639d { - margin-top: 0; -} -.qualitySettingsContainer_a78967 .select-1Ia3hD { - margin-top: 0; -} - -.upsellBanner_f59576 { - padding: 8px 12px; - border-radius: 20px; -} - -.container_fe5744 { - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); -} - -.tile_d7ec26:hover .sourceThumbnail_d7ec26 { - box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl--material-you)); -} - -.sourceThumbnail_d7ec26 { - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big); -} -.sourceThumbnail_d7ec26.selected_d7ec26 { - box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl--material-you)); -} - -/* - * - * SECURITY ACTIONS MODAL - * - */ -.headerContainer-3uHkGl .heading-md\/semibold_dc00ef { - line-height: 24px; - font-size: 22px; - font-weight: 400; -} - -.mainContainer-1VGrrU { - margin: 0; - gap: 16px; -} - -.pauseContainer-36E8UF { - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); -} - -/* - * - * INVITED TO SERVER - * - */ -.container_ed5743 { - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp); -} - -.contentWrapper_ed5743 { - background-color: var(--popout-color) !important; - border-radius: var(--popout-radius-big) 0 0 var(--popout-radius-big); -} -.contentWrapper_ed5743:only-child { - border-radius: var(--popout-radius-big); -} -.contentWrapper_ed5743 .heading-xl\/semibold_dc00ef { - font-weight: 400; -} - -.inviteContent_ed5743 { - min-height: unset; -} - -.inviteSplash_ed5743 { - border-radius: var(--popout-radius-big); -} - -/* - * - * SERVER QUESTIONS - * - */ -.gradient_d8215a { - background: linear-gradient(180deg, var(--main-color) 0%, var(--main-alt) 100%) !important; - opacity: 0.725; -} - -.main_d8215a { - border-radius: var(--card-radius-big) 0 0 var(--card-radius-big); -} - -.prompt_cd377c { - background-color: var(--popout-color); - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp); -} -.prompt_cd377c .scrollerBase_eed6a8 { - padding: 80px 100px; -} -.prompt_cd377c .navButtons_cd377c { - padding: 8px; - background-color: transparent; - border-top: 1px solid var(--separator-color); -} - -.promptOptions_cd377c { - margin-bottom: 0; -} - -.optionButtonWrapper_bd5e1f { - --card-color-filled: var(--card-color-alt); - background-color: var(--card-color-filled); - border: none; - padding: 0; - border-radius: var(--card-radius-big); - transition: var(--default-time) var(--default-animation) background-color; -} -.optionButtonWrapper_bd5e1f:hover { - background-color: var(--card-color-hover); -} -.optionButtonWrapper_bd5e1f.selected_bd5e1f { - background-color: var(--card-color-active); -} - -.checkIcon_bd5e1f, .memberCount_bd5e1f { - background-color: hsl(var(--accent-hsl--material-you)); -} -.checkIcon_bd5e1f path, .memberCount_bd5e1f path { - fill: var(--accent-text-color--material-you); -} - -.memberCount_bd5e1f .text-xs\/normal_dc00ef { - color: var(--accent-text-color--material-you) !important; -} - -/* - * - * STICKER UPLOAD - * - */ -.form-QIWuKf .content_f9a4c9, .form-QIWuKf .content-3BqJRb { - padding: 0 !important; -} -.form-QIWuKf .sectionTitle-3j2YI1 { - margin: 8px 0; -} -.form-QIWuKf .sectionTitle-3j2YI1 .h5_c46f6a { - margin-bottom: 0; -} -.form-QIWuKf .formItem-1Vab1c { - padding: 0 16px; -} -.form-QIWuKf .preview-x-26h- { - border-radius: var(--card-radius-big); - border: none; -} -.form-QIWuKf .fileUpload-3JzU7g { - --input-padding: 0; -} -.form-QIWuKf .fileUpload-3JzU7g .fileUploadButton-2zOQcO { - width: 140px; -} - -/* - * - * TERMS OF SERVICE - * - */ -.modal-2LBig1 .title-1ysNt8 { - margin: 0; - padding: 16px; - font-weight: 600; - font-size: 16px; - text-transform: none; - color: var(--header-primary); -} -.modal-2LBig1 .description-ecPh_Q { - margin: 16px 16px 0; -} -.modal-2LBig1 .container_bb2fbe { - margin: 16px; -} -.modal-2LBig1 .buttonContainer-28osRq { - padding: 8px; -} -.modal-2LBig1 .buttonContainer-28osRq .button_dd4f85 { - margin: 0; -} -.modal-2LBig1 .anchor-1MIwyf { - color: hsl(var(--accent-hsl--material-you)) !important; -} -.modal-2LBig1 .divider-_0um2u { - border-color: var(--popout-header-border); -} - -/* - * - * UPLOAD - * - */ -.uploadModalIn_f82cc7 .uploadDropModal_f82cc7 .bgScale_f82cc7 { - background-color: var(--popout-color); - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp); -} -.uploadModalIn_f82cc7 .uploadDropModal_f82cc7 .inner_f82cc7 { - border: none; -} -.uploadModalIn_f82cc7 .uploadDropModal_f82cc7 .title_f82cc7, -.uploadModalIn_f82cc7 .uploadDropModal_f82cc7 .title_f82cc7 strong { - color: var(--text-normal) !important; -} -.uploadModalIn_f82cc7 .uploadDropModal_f82cc7 .instructions_f82cc7 { - color: var(--text-normal) !important; -} -.uploadModalIn_f82cc7 .uploadDropModal_f82cc7.error_f82cc7 .title_f82cc7, -.uploadModalIn_f82cc7 .uploadDropModal_f82cc7.error_f82cc7 .title_f82cc7 strong { - color: #eee !important; -} -.uploadModalIn_f82cc7 .uploadDropModal_f82cc7.error_f82cc7 .instructions_f82cc7 { - color: #eee !important; -} - -.uploadModal_f82cc7 .footer_f82cc7 { - padding: 8px; - background-color: transparent !important; - border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big); - border-top: 1px solid var(--popout-header-border); - box-shadow: none !important; -} -.uploadModal_f82cc7 .footer_f82cc7 .button_dd4f85.lookLink_dd4f85 { - margin-right: 8px; -} - -.colorDefault-CDqZdO .subtext-2GlkbE { - color: var(--text-muted) !important; -} - -/* UPLOAD -> SOUNDBOARD */ -.multiInput-wONk3i + .section-3xOOsh:nth-last-of-type(2) { - margin-bottom: 0; -} - -.fakeInput-1_6lq6 { - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big); - border: none; -} -.fakeInput-1_6lq6 .playButton-2wVGEn { - background-color: var(--card-button-color); - transition: var(--default-time) var(--default-animation) background-color; -} -.fakeInput-1_6lq6 .playButton-2wVGEn:hover { - background-color: var(--card-button-color-hover); -} - -.handleFrame-1Fjy30:before, .handleFrame-1Fjy30:after { - background-color: var(--card-color-filled); -} - -/* - * - * USER PROFILE - * - */ -.icon_f1cdcc { - padding: 0; -} -.icon_f1cdcc .contents_dd4f85 { - min-height: var(--button-height); - min-width: var(--button-height); -} - -.tabBar_c1519f { - height: 48px; - margin: 0; - padding: 0 16px; - gap: 24px; -} -.tabBar_c1519f .item_a0 { - height: inherit; - border-bottom: none; -} -.tabBar_c1519f .item_a0.selected_a0 { - position: relative; - background-color: transparent !important; - border: none; -} -.tabBar_c1519f .item_a0.selected_a0:after { - position: absolute; - content: " "; - width: 90%; - height: 3px; - left: 0; - right: 0; - bottom: 0; - margin: 0 auto; - background: var(--tab-border-color); - border-radius: 3px 3px 0 0; - transition: var(--default-time) ease all; -} -.tabBar_c1519f .item_a0 .text-sm\/normal_dc00ef { - line-height: 48px; -} - -.fullSizeOverlayBackground_c69a7b { - border-radius: calc(var(--popout-radius-big) / 1.75); - border: none; -} - -/* USER PROFILE -> CONNECTED ACCOUNTS */ -.connectedAccounts_f3eb60 { - margin-top: -16px; - border-top: none !important; -} -.connectedAccounts_f3eb60 .connectedAccountContainer_f3eb60 { - --card-color-filled: var(--card-color-hover); - --card-radius-big: var(--card-radius); - margin-top: 16px; - background-color: var(--card-color-filled); - border: none; - padding: 12px 8px; - border-radius: var(--card-radius-big); -} - -/* USER PROFILE -> NOTE */ -.note_c2dcc6 { - margin: 0; -} -.note_c2dcc6 textarea { - padding: 6px 12px; - border-radius: var(--input-radius); - box-shadow: none !important; -} -.note_c2dcc6 textarea:focus { - background-color: var(--input-color); -} - -/* USER PROFILE -> LISTS */ -.listRow_e4be58 { - border-radius: var(--popout-radius); - transition: var(--default-time) var(--default-animation) background-color; -} -.listRow_e4be58:hover { - background-color: var(--menu-item-hover); -} - -.iconActiveMedium_f11207 { - border-radius: 50%; -} - -/* - * - * APP DIRECTORY - * - */ -.root_f906dd { - animation: page-open 300ms var(--default-animation); -} - -@keyframes page-open { - from { - transform: scale(1.1); - opacity: 0; - } -} -.directoryContainer_da3f59 { - background-color: var(--main-color) !important; -} - -/* APP DIRECTORY -> SEARCH BAR */ -.search_aabd24 { - --input-height: 48px; - height: var(--input-height) !important; - max-height: var(--input-height) !important; - padding: var(--input-padding) !important; - background-color: var(--input-color) !important; - border-radius: calc(var(--input-height) / 2) !important; - border: none; - box-shadow: none !important; -} -.search_aabd24 .inputWrapper_f8bc55:before, .search_aabd24 .inputWrapper_f8bc55:after { - display: none; -} -.search_aabd24 .searchBoxInput__56498 { - height: var(--input-height); - padding: 0; -} - -/* APP DIRECTORY -> SEARCH RESULTS */ -.category_fa8ebf { - border-radius: 24px; - transition: var(--default-time) var(--default-animation) background-color; -} -.category_fa8ebf:hover { - background-color: var(--menu-item-hover); -} -.category_fa8ebf.activeCategory_fa8ebf { - background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity)); -} - -.listing_c0b10b { - border-radius: var(--card-radius-big); - transition: var(--default-time) var(--default-animation) background-color; -} -.listing_c0b10b:hover { - background-color: var(--card-color-hover); -} -.listing_c0b10b .listingDetails_c0b10b { - transition: var(--default-time) var(--default-animation) border-color; -} - -/* APP DIRECTORY -> CATEGORIES */ -.category_d7acc7, .category_d169f5 { - height: 36px; - padding: 0 12px; - background-color: var(--card-button-color); - border-radius: 10px; - transition: var(--default-time) var(--default-animation) background-color; -} -.category_d7acc7:hover, .category_d169f5:hover { - background-color: var(--card-button-color-hover); -} - -/* APP DIRECTORY -> CARDS */ -.scrollerContainer_b503b8 .scrollerBase_eed6a8 { - --scrollbar-width: 4px; -} - -.card_e90143, .container_d9c848 { - background-color: var(--card-color-filled) !important; - border: none !important; - padding: 0; - border-radius: var(--card-radius-big) !important; - transition: var(--default-time) var(--default-animation) background-color; -} -.card_e90143:hover, .container_d9c848:hover { - background-color: var(--card-color-hover) !important; -} - -.animatesOnHoverContainer_d9c848:hover { - box-shadow: none; - transform: none; -} -.animatesOnHoverContainer_d9c848:hover .image_e90143, .animatesOnHoverContainer_d9c848:hover .image_d9c848 { - transform: none; -} - -.image_e90143, .image_d9c848 { - border-radius: var(--card-radius-big); -} - -.linkCard_b4a57c, .container_f9d8eb { - background-color: var(--card-color-outlined) !important; - border: 1px solid var(--card-border-color) !important; - padding: 0; - border-radius: var(--card-radius-big) !important; -} - -.cardHeader_b4a57c { - color: var(--header-primary); -} - -.linkDescription_b4a57c { - color: var(--text-normal); -} - -/* APP DIRECTORY -> BOT INFO */ -.headerBanner_a1eac2 { - border-radius: var(--card-radius-big); -} - -.headerIcon_a1eac2 { - background-color: var(--main-color); - border-color: var(--main-color); -} - -.card_b5d566 { - background-color: var(--card-color-filled); - border: none; - padding: 0; - border-radius: var(--card-radius-big); - transition: var(--default-time) var(--default-animation) background-color; -} -.card_b5d566:hover { - background-color: var(--card-color-hover); -} -.card_b5d566:hover .iconMask_b5d566 { - background-color: var(--card-color-hover); -} -.card_b5d566 .splashImage_b5d566 { - border-radius: var(--card-radius-big); -} -.card_b5d566 .iconMask_b5d566 { - background-color: var(--card-color-filled); - transition: var(--default-time) var(--default-animation) background-color; -} - -.container__26dff { - background-color: var(--card-color-outlined); - border: 1px solid var(--card-border-color); - padding: 0; - border-radius: var(--card-radius-big); -} -.container__26dff .cardHeader__62148 { - margin-bottom: 0; - padding: 16px; - background-color: transparent; - font-size: 1.25em; - line-height: normal; - color: var(--card-header-text-color); - font-weight: 400; - opacity: 1; - border-bottom: 1px solid var(--card-border-color); -} -.container__26dff .priceAndButtonContainer__78548 { - background-color: transparent; -} -.container__26dff .benefitsContainer_f75168 { - padding: 16px; - background-color: transparent; -} - -.commandList_a1eac2 { - background-color: var(--card-color-outlined); - border: 1px solid var(--card-border-color); - padding: 16px; - border-radius: var(--card-radius-big); -} -.commandList_a1eac2 .commandName_e0307d { - background-color: var(--card-color-filled); - border: none; - padding: 10px 12px; - border-radius: var(--card-radius-big); -} - -.permissionHeader_a06168 { - margin-top: 0; -} - -/* - * - * BROWSE CHANNELS - * - */ -.header_c2efea { - margin: 0 46px 0 16px; - padding: 16px 0; -} - -.scrollerInner_f04d06 { - padding: 0 36px 32px 16px; -} - -.container_b55df8 { - background-color: hsl(var(--accent-hsl--material-you)); - border-radius: var(--card-radius-big); -} -.container_b55df8 .defaultColor-HXu-5n, -.container_b55df8 .body-2A992B { - color: var(--accent-text-color--material-you) !important; -} - -/* BROWSE CHANNELS -> CHANNELS */ -.categoryText_f04d06 { - font-size: 14px; - text-transform: none; -} - -.channelRow_f04d06 { - --button-height: 34px; - position: relative; - padding: 12px 16px; - background-color: var(--card-color-filled); - transition: var(--default-time) var(--default-animation) background-color; -} -.channelRow_f04d06:before { - position: absolute; - content: " "; - width: calc(100% - 16px); - height: 100%; - top: 0; - left: 8px; - background-color: var(--card-color-alt-hover); - border-radius: calc(var(--card-radius-big) / 1.5); - pointer-events: none; - opacity: 0; - transition: var(--default-time) var(--default-animation) opacity; -} -.channelRow_f04d06.firstChannel_f04d06 { - padding-top: 20px; - border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; -} -.channelRow_f04d06.firstChannel_f04d06:before { - height: calc(100% - 8px); - top: 8px; -} -.channelRow_f04d06.firstChannel_f04d06.lastChannel_f04d06 { - border-radius: var(--card-radius-big); -} -.channelRow_f04d06.lastChannel_f04d06 { - padding-bottom: 20px; - border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); -} -.channelRow_f04d06.lastChannel_f04d06:before { - height: calc(100% - 8px); -} -.channelRow_f04d06:not(.disabled_f04d06):hover { - background-color: var(--card-color-filled); -} -.channelRow_f04d06:not(.disabled_f04d06):hover:before { - opacity: 1; -} -.channelRow_f04d06:hover .viewChannelButton_f04d06 { - opacity: 1; - visibility: visible; - transition: var(--default-time) var(--default-animation) opacity; -} -.channelRow_f04d06 .viewChannelButton_f04d06 { - display: block; - opacity: 0; - visibility: hidden; - transition: var(--default-time) var(--default-animation) opacity; -} -.channelRow_f04d06 .channelName_f04d06 { - gap: 8px; -} - -.channelInfo_f04d06 { - z-index: 2; -} - -.separator_f04d06 { - display: none; -} - -/* - * - * CHANNELS AND ROLES - * - */ -.container_f1fd9c { - background-color: var(--chat-color) !important; -} -.container_f1fd9c .tabBar_f1fd9c { - margin: 32px 46px 0 32px; - border-bottom: 1px solid var(--separator-color); -} -.container_f1fd9c .tabBar_f1fd9c + .chat_a7d72e .pageBody_c2efea, .container_f1fd9c .tabBar_f1fd9c + .chat_a7d72e .body-2lagau { - padding-top: 0; -} - -.prompt_c6b11b { - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); -} -.prompt_c6b11b .promptTitle_c6b11b { - line-height: normal; - font-size: 1.25em; - color: var(--card-header-text-color) !important; - font-weight: 500; -} -.prompt_c6b11b .optionButton_bd5e1f { - --card-color-filled: var(--card-color-alt); -} - -.profileCard_c6b11b { - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); -} - -/* - * - * HOME TAB - * - */ -.container_c68a2c { - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); -} -.container_c68a2c .icon_ac2d0d { - border: 6px solid var(--card-color-filled); -} - -/* HOME TAB -> ACTIVE NOW */ -.container__29699 { - background-color: var(--card-color-filled); - border: none; - padding: 0; - border-radius: var(--card-radius-big); -} -.container__29699 .header__18dc9 { - margin-bottom: 0; - padding: 16px; - background-color: transparent; - font-size: 1.25em; - line-height: normal; - color: var(--card-header-text-color); - font-weight: 400; - opacity: 1; -} -.container__29699 .header__18dc9 .heading-md\/semibold_dc00ef { - line-height: normal; - font-size: inherit; - color: var(--card-header-text-color); - font-weight: 400; -} -.container__29699 .emptyStateContainer__08276 { - margin-top: 0; - background-color: transparent; -} - -.channelList_b7e3ac { - padding: 12px 12px 0; -} - -.container__55cc1 { - border-radius: var(--card-radius-big); - transition: var(--default-time) var(--default-animation) background-color; -} -.container__55cc1:hover { - background-color: var(--card-color-hover); -} -.container__55cc1 .iconContainer__1b9f0, -.container__55cc1 .moreUsers_c47562 { - background-color: var(--card-color-hover); -} - -.containerCard__95c7a { - background-color: var(--card-color-outlined); - border: 1px solid var(--card-border-color); - padding: 8px; - border-radius: var(--card-radius-big); - transition: var(--default-time) var(--default-animation) background-color; -} -.containerCard__95c7a:hover { - background-color: var(--card-color-hover); -} -.containerCard__95c7a.fillerCard_eafecc { - padding: 0; - overflow: hidden; -} -.containerCard__95c7a .typingIndicator__0b368 { - background-color: var(--card-color-hover); -} - -@media (max-width: 1300px) { - .scrollIcon__0a383 { - background-color: var(--chat-color); - border: 1px solid var(--card-border-color); - } -} -/* HOME TAB -> UPCOMING */ -.container__60371 { - background-color: var(--card-color-filled); - border: none; - padding: 0; - border-radius: var(--card-radius-big); -} -.container__60371 .header_be4997 { - margin-bottom: 0; - padding: 16px; - background-color: transparent; - font-size: 1.25em; - line-height: normal; - color: var(--card-header-text-color); - font-weight: 400; - opacity: 1; -} -.container__60371 .header_be4997 .heading-md\/semibold_dc00ef { - line-height: normal; - font-size: inherit; - color: var(--card-header-text-color); - font-weight: 400; -} - -.container__55cc1 { - margin: 0 16px; -} -.container__55cc1:last-of-type, .container__55cc1:only-child { - margin-bottom: 16px; -} - -/* HOME TAB -> YOUR HIGHLIGHTS */ -.container__463ec { - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big); -} -.container__463ec .textContainer__39032 { - margin: 16px 0 16px 16px; -} - -.container__3c265.background__4cf17 { - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); -} - -.interactiveCard_d92364 { - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big); - border: none !important; -} -.interactiveCard_d92364:hover { - box-shadow: none; -} -.interactiveCard_d92364 .wrapper_f9f2ca .messageContent_f9f2ca { - overflow: hidden; -} -.interactiveCard_d92364 .wrapper_f9f2ca.cozy_f9f2ca { - --message-color: var(--message-color-hover); -} -.interactiveCard_d92364 .wrapper_f9f2ca.cozy_f9f2ca:not(.message_d5deea) { - margin: 16px 16px 0 79px; -} -.interactiveCard_d92364 .avatarDecoration_f9f2ca { - left: -65px; -} - -.feedItemHeader_ec3bdb { - padding: 16px; - border-bottom: none; -} -.feedItemHeader_ec3bdb .heading-sm\/semibold_dc00ef { - font-size: 1.25em; -} - -/* - * - * RECENT MEMBERS - * - */ -.container_d20375 { - padding: 32px; - background-color: var(--chat-color) !important; -} - -.mainTableContainer_e23072 { - background-color: transparent; - box-shadow: none; -} - -.searchHeaderContainer_b0740c { - margin-bottom: 16px; - padding: 0; -} -.searchHeaderContainer_b0740c .heading-md\/medium_dc00ef { - font-weight: 400; - font-size: 1.25em; -} -.searchHeaderContainer_b0740c .container__33507 { - --input-padding: 0 4px 0 12px; -} -.searchHeaderContainer_b0740c .input_c18ec9 { - font-size: 1em; -} - -.table_aabef9 { - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big); - border-top: none; -} -.table_aabef9 tbody:before { - content: " "; - display: block; - height: 8px; -} - -.tableHeaderRow_e6d0a5:first-child:after { - bottom: 0; - box-shadow: 0 1px 0 0 var(--card-border-color); -} - -.tableHeaderCellContainer_e6d0a5 { - padding: 12px 8px; -} - -.memberRowContainer_a39fe9 { - transition: var(--default-time) var(--default-animation) background-color; -} -.memberRowContainer_a39fe9:hover { - background-color: var(--card-color-alt-hover) !important; -} -.memberRowContainer_a39fe9 td { - padding: 12px 8px; - background-color: transparent !important; -} -.memberRowContainer_a39fe9 td:after { - display: none; -} -.memberRowContainer_a39fe9 td:first-child { - border-radius: calc(var(--card-radius-big) / 1.5) 0 0 calc(var(--card-radius-big) / 1.5); -} -.memberRowContainer_a39fe9 td:last-child { - border-radius: 0 calc(var(--card-radius-big) / 1.5) calc(var(--card-radius-big) / 1.5) 0; -} - -.newMembersNotice_dfba43 { - top: 0; - background-color: hsl(var(--accent-hsl--material-you)); -} -.newMembersNotice_dfba43:hover { - background-color: hsl(var(--accent-hsl--material-you)); -} -.newMembersNotice_dfba43 td:first-child { - border-radius: 18px 0 0 18px; -} -.newMembersNotice_dfba43 td:last-child { - border-radius: 0 18px 18px 0; -} -.newMembersNotice_dfba43 .text-sm\/normal_dc00ef { - color: var(--accent-text-color--material-you) !important; - font-weight: 500; -} -.newMembersNotice_dfba43 .button_dd4f85 { - --button-text-color: var(--accent-text-color--material-you); -} - -.otherRoles_a39fe9 { - background-color: var(--card-color-filled); - border-radius: 50%; - transition: var(--default-time) var(--default-animation) opacity; -} -.otherRoles_a39fe9 .addRoleIcon_a39fe9 { - color: var(--text-normal); -} - -.button_a39fe9 { - background-color: var(--card-button-color); - transition: var(--default-time) var(--default-animation) background-color; -} -.button_a39fe9:hover { - background-color: var(--card-button-color-hover); -} - -.paginationContainer_cb152b { - margin-top: 8px; - padding: 0; - border-top: none; -} - -/* - * - * MOD VIEW - * - */ -.profileThemedContainer_d2194f { - border-radius: var(--card-radius-big) !important; -} -.profileThemedContainer_d2194f .keyComboContainer_f51af4, .profileThemedContainer_d2194f .keyComboContainer_c11c02 { - background-color: transparent; -} -.profileThemedContainer_d2194f .key_c90023 { - background-color: var(--profile-gradient-primary-color); - color: var(--text-normal) !important; -} -.profileThemedContainer_d2194f .searchResult_ddc613 { - background-color: transparent !important; - box-shadow: none; -} -.profileThemedContainer_d2194f .searchResult_ddc613 .wrapper_f9f2ca { - --message-color: var(--profile-gradient-overlay-color); - --message-color-hover: var(--profile-gradient-overlay-color); - margin: 0 0 0 50px !important; -} -.profileThemedContainer_d2194f .buttonsContainer_ddc613 { - background-color: transparent !important; - box-shadow: none; -} -.profileThemedContainer_d2194f .buttonsContainer_ddc613 .button_ddc613 { - background-color: var(--profile-gradient-button-color); - color: var(--white-500); -} - -.container_d936aa { - background-color: var(--profile-gradient-overlay-color); - border-radius: calc(var(--card-radius-big) / 1.75); - box-shadow: none; -} -.container_d936aa + div:not([class]) { - border-radius: calc(var(--card-radius-big) / 1.75); -} -.container_d936aa .topRow_d936aa, -.container_d936aa .bottomRowAction_d936aa { - background-color: transparent !important; -} -.container_d936aa .bottomRow_d936aa { - margin: 8px; -} -.container_d936aa .innerBottomRowAction_d936aa { - border-radius: calc(var(--card-radius-big) / 1.75 / 1.5); - transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color; -} -.container_d936aa .innerBottomRowAction_d936aa:hover { - background-color: var(--profile-gradient-overlay-color); -} - -.container_f51af4 { - background-color: var(--profile-gradient-overlay-color) !important; - border-radius: calc(var(--card-radius-big) / 1.75); -} -.container_f51af4 .header_f51af4 { - background-color: transparent !important; - box-shadow: none; -} - -.modInfoItemContainer_ce9fb9 { - box-shadow: none; -} -.modInfoItemContainer_ce9fb9 .modInfoItem_ce9fb9 { - margin-bottom: 2px; - background-color: var(--profile-gradient-overlay-color); - border-radius: 4px; - box-shadow: none; -} -.modInfoItemContainer_ce9fb9 .modInfoItem_ce9fb9:first-child { - border-radius: var(--card-radius-big) var(--card-radius-big) 4px 4px; -} -.modInfoItemContainer_ce9fb9 .modInfoItem_ce9fb9:last-child { - margin-bottom: 0; - border-radius: 4px 4px var(--card-radius-big) var(--card-radius-big); -} -.modInfoItemContainer_ce9fb9 .modInfoItem_ce9fb9:only-child { - margin-bottom: 0; - border-radius: var(--card-radius-big); -} -.modInfoItemContainer_ce9fb9 .modInfoAction_ce9fb9:hover { - background-color: var(--profile-gradient-primary-color); -} - -/* - * - * PREMIUM MEMBERSHIP - * - */ -.scroller_fca846 { - background-color: var(--chat-color); -} -.scroller_fca846 .scrollerContent_fca846 { - max-width: 100%; -} - -.coverImageContainer_d575b2 { - width: calc(100% - 64px); - margin: 32px; -} -.coverImageContainer_d575b2 .coverImage_d575b2 { - border-radius: var(--card-radius-big); -} - -.guildIconContainer_d575b2 { - background-color: var(--chat-color); -} - -.cardContainerWithoutTopIndicator_ecba8f { - --message-color: var(--card-color-alt); - background-color: var(--card-color-filled); - border: none; - padding: 0; - border-radius: var(--card-radius-big); -} - -.tierInfoContainer_ecba8f, -.subscriptionPerks_ecba8f { - background-color: transparent; -} - -.tierInfoContainer_ecba8f { - border-bottom: 1px solid var(--card-border-color); -} -.tierInfoContainer_ecba8f .button_dd4f85 { - background: none; -} -.tierInfoContainer_ecba8f .button_dd4f85 .shine-3xxflf { - display: none; -} - -.subscriptionPerks_ecba8f .sectionHeader_ecba8f { - font-size: 14px; - text-transform: none; -} - -.roleMessagePreview_ecba8f { - margin-left: 50px; - padding: 0; - background-color: transparent; - border: none; -} - -/* - * - * SERVER BOOST - * - */ -.scroller_a50853 { - background-color: var(--main-color); -} -.scroller_a50853 .heading_a50853 { - color: var(--header-primary) !important; -} -.scroller_a50853 .heading_a50853, -.scroller_a50853 .heading-xl-bold-38fuFv, -.scroller_a50853 .heading-xxl-semibold-2jeRzp, -.scroller_a50853 .heading-xxl-bold-nfv1ir, -.scroller_a50853 .heading-xxl-extrabold-2-MUEs { - font-weight: 400; -} - -.header_a50853 { - background: none !important; -} -.header_a50853 .headerWave_a586c4 { - display: none; -} -.header_a50853 .guildName_cbe7a3 { - color: var(--header-primary) !important; -} -.header_a50853 .guildBoostCountWrapper_cbe7a3 { - color: var(--header-secondary); -} -.bodyWave_a586c4 { - display: none; -} - -.innerWrapper_aecbd6 { - padding: 12px 24px 12px 12px; - background-color: var(--popout-color); - box-shadow: var(--shadow-3dp); -} -.innerWrapper_aecbd6:before, .innerWrapper_aecbd6:after { - display: none; -} - -/* SERVER BOOST -> BOOST BUTTONS */ -.guildBoostCtas_cbe7a3 { - max-width: unset; - justify-content: center; -} -.guildBoostCtas_cbe7a3 .guildBoostCta_cbe7a3 { - flex: 0 1 auto; -} -.guildBoostCtas_cbe7a3 .guildBoostCta_cbe7a3:hover { - transform: none; -} - -.guildBoostCtaBoost_cbe7a3 { - --button-background: hsl(var(--accent-hsl--material-you)) !important; - --button-text-color: var(--accent-text-color--material-you) !important; - width: auto; -} -.guildBoostCtaBoost_cbe7a3 .guildBoostCtaBoostContent_cbe7a3 { - margin: 0; - color: var(--button-text-color); -} - -.guildBoostCtaSecondary_cbe7a3 { - --button-text-color: hsl(var(--accent-hsl--material-you)) !important; - --button-outline: 1px solid hsl(var(--accent-hsl--material-you)) !important; -} - -/* SERVER BOOST -> BOOST PROGRESS BAR */ -.progressBarFill_e00a24 { - background-image: none; - background-color: var(--guild-boosting-pink); -} - -.progressBarTrack_e00a24 { - background-color: var(--card-color-filled); -} - -.progressBarMarker_c29408 { - background-color: var(--main-color); -} -.progressBarMarker_c29408 .boostedTierIconBackground_c29408 { - background-color: var(--card-color-filled); - opacity: 1; -} -.progressBarMarker_c29408 .progressBarMarkerLabel_c29408 { - font-weight: 500; - color: var(--text-normal); - opacity: 1; -} -.progressBarMarker_c29408.progressBarMarkerLocked_c29408 .progressBarMarkerLabel_c29408 { - color: var(--text-muted); -} - -/* SERVER BOOST -> TIER CARDS */ -.tierCard_e3ebb9 { - border-radius: var(--card-radius-big); - box-shadow: none; -} - -/* SERVER BOOST -> TOP PERKS */ -.topPerksCard_adc107 { - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big); -} - -.perkPreviewImage_ebd3d3 { - background-color: var(--popout-color); - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp); -} - -/* SERVER BOOST -> COMMUNITY RECOGNITION */ -.wrapper_d1fdce { - margin-bottom: 64px; - border-radius: var(--card-radius-big); -} -.wrapper_d1fdce .backgroundImages_d1fdce { - border-radius: var(--card-radius-big); -} - -.card_d1fdce { - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big); -} - -/* SERVER BOOST -> BOOST MODAL */ -.subscription_cf84f3 { - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); -} -.subscription_cf84f3 .tierPill_cf84f3 { - background-color: var(--card-color-active) !important; -} - -.pendingCancellation_c25a31 { - background-color: hsl(var(--warning-hsl), 0.3); - border-radius: var(--card-radius-big); - border: none; -} -.pendingCancellation_c25a31 .pendingCancellationIcon_c25a31 { - color: hsl(var(--warning-hsl)); -} - -/* - * - * SERVER DISCOVERY - * - */ -.pageWrapper_a3a4ce { - background-color: var(--chat-color) !important; -} - -.headerImage-2D5D-v, .headerImage_a39aa3 { - border-radius: var(--card-radius-big); -} - -.searchBox__56feb { - padding-right: 8px; - border-radius: var(--input-radius); - border: none; - box-shadow: none; -} -.searchBox__56feb .searchBoxInput__56498 { - height: var(--input-height); - padding: 0 16px !important; - box-shadow: none !important; -} - -/* SERVER DISCOVERY -> SIDEBAR */ -.sidebar_a4d4d9 .container_e9f61e { - margin: 0 4px 0 10px; - border-radius: 21px; -} -.sidebar_a4d4d9 .container_e9f61e .layout_e9f61e { - border-radius: 21px; - transition: var(--default-time) var(--default-animation) background-color; -} -.sidebar_a4d4d9 .container_e9f61e:hover .layout_e9f61e { - background-color: var(--menu-item-hover); -} -.sidebar_a4d4d9 .container_e9f61e.selected_e9f61e { - color: var(--menu-item-text-color); -} -.sidebar_a4d4d9 .container_e9f61e.selected_e9f61e .layout_e9f61e { - background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity)); - color: var(--interactive-active); -} - -/* SERVER DISCOVERY -> CARDS */ -.card_eb1ca6 { - background-color: var(--card-color-filled) !important; - border: none !important; - padding: 0; - border-radius: var(--card-radius-big) !important; - transition: var(--default-time) var(--default-animation) background-color; - box-shadow: none !important; -} -.card_eb1ca6:hover { - background-color: var(--card-color-hover) !important; -} -.card_eb1ca6 .iconMask_eb1ca6 { - background-color: var(--card-color-filled) !important; - border-radius: 50%; -} -.card_eb1ca6 .iconMask_eb1ca6 .avatar_eb1ca6 { - border-radius: 50%; -} -.card_eb1ca6:hover { - transform: none; -} -.card_eb1ca6:hover .iconMask_eb1ca6 { - background-color: var(--card-color-hover) !important; -} -.card_eb1ca6 .cardHeader_eb1ca6 { - margin-bottom: 0; -} -.card_eb1ca6 .splashImage_eb1ca6 { - border-radius: var(--card-radius-big); -} -.card_eb1ca6 .guildInfo_eb1ca6 { - padding-top: 32px; - border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); - transition: var(--default-time) var(--default-animation) border-color; -} -.card_eb1ca6 .guildIcon_eb1ca6 foreignObject { - mask: none !important; -} - -.emptyContainer_e37a20 { - background-color: var(--card-color-filled); - border: none; - padding: 80px 0; - border-radius: var(--card-radius-big); -} - -/* SERVER DISCOVERY -> SEARCH RESULTS */ -.searchPage-3tt6dh, -.categories-2LoSbA, -.results_e37a20 { - margin-right: 24px; -} - -.searchPage-3tt6dh, -.categories-2LoSbA, -.results_e37a20, -.guildList-QjZKeK { - max-width: 1200px; -} - -.searchPage-3tt6dh .search-25t1e9 { - max-width: unset; -} -.searchPage-3tt6dh .searchBox__56feb { - padding-right: 8px; - background-color: var(--input-color); - box-shadow: none !important; -} - -.categoryPill-1zjNrr { - border-radius: 8px; - background-color: var(--card-button-color); - transition: var(--default-time) var(--default-animation) background-color; -} -.categoryPill-1zjNrr:hover:not(.selected-bLcqYK) { - background-color: var(--card-button-color-hover); -} -.categoryPill-1zjNrr .categoryLabel-2m4AT- { - color: var(--text-normal); - transition: var(--default-time) var(--default-animation) color; -} -.categoryPill-1zjNrr.selected-bLcqYK { - background-color: hsl(var(--accent-hsl), 0.3); -} -.categoryPill-1zjNrr.selected-bLcqYK .categoryLabel-2m4AT- { - color: hsl(var(--accent-hsl--material-you)); -} - -.card_e825f6 { - height: 160px; - background-color: var(--card-color-filled); - border: none; - padding: 0; - border-radius: var(--card-radius-big); - transition: var(--default-time) var(--default-animation) background-color; -} -.card_e825f6:hover { - background-color: var(--card-color-hover); -} -.card_e825f6 .container_e825f6 { - height: 100%; -} -.card_e825f6 .content_e825f6 { - height: 100%; - padding: 16px 16px 16px 0; - box-sizing: border-box; -} -.card_e825f6 .memberInfo_e825f6 { - margin-top: 8px; -} -.card_e825f6 .text-xs\/normal_dc00ef { - font-weight: 500; -} - -.splashContainer_e825f6 { - height: 100%; - border-radius: var(--card-radius-big); -} - -.separator_e825f6 { - display: none; -} - -/* SERVER DISCOVERY -> SCHOOL HUB */ -.scroller_a39aa3 { - background-color: var(--chat-color); -} - -.container_f11cbf { - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); -} - -.sidebarContainer_e5b5f9 { - background-color: transparent; -} - -/* - * - * SERVER GUIDE - * - */ -.header_d32e26 { - margin-top: -16px; -} - -.headerArtWrapper_d32e26 { - width: calc(100% + 32px); - margin-right: -16px; -} - -.headerIcon_d32e26 { - background-color: var(--chat-color); - border-radius: 50%; - border-color: var(--chat-color); -} - -.userCardInner_c69a7b { - background-color: var(--card-color-filled); - border: none; - padding: 0; - border-radius: var(--card-radius-big); -} - -.action_e3f878 { - background-color: var(--card-color-filled) !important; - border: none !important; - padding: 16px; - border-radius: var(--card-radius-big) !important; - transition: var(--default-time) var(--default-animation) background-color; - cursor: pointer; -} -.action_e3f878:hover { - background-color: var(--card-color-hover) !important; -} - -.row_b53f4f { - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); - transition: var(--default-time) var(--default-animation) background-color; -} -.row_b53f4f:hover { - background-color: var(--card-color-hover); -} - -.sidebarCardWrapper_e85cee { - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); -} - -/* - * - * SERVER SHOP - * - */ -.content_cac32e { - background-color: var(--chat-color); -} -.content_cac32e .contentContainer_cac32e { - width: 100%; -} - -.container_e1e1a4, -.filters_ff1414 { - max-width: unset; -} - -.container_e1e1a4 { - background-color: var(--card-color-filled); - border: none; - padding: 0; - border-radius: var(--card-radius-big); - box-shadow: none; -} -.container_e1e1a4 .infoContainer_e1e1a4 { - padding: 0 16px 16px; -} -.container_e1e1a4 .coverImage_e1e1a4 { - border-radius: var(--card-radius-big); -} - -.filters_ff1414 .lookFilled_dd4f85 .contents_dd4f85 { - color: var(--accent-text-color--material-you); -} -.filters_ff1414 .lookFilled_dd4f85 .text-sm\/medium_dc00ef { - color: inherit !important; -} - -.header_ff1414 { - font-size: 14px; - text-transform: none; -} - -.tab_ff1414 { - border-radius: var(--card-radius-big); -} -.tab_ff1414.selected_ff1414 { - background-color: hsl(var(--accent-hsl--material-you), 0.3); - border-color: hsl(var(--accent-hsl--material-you)); - box-shadow: none; -} - -.productCard_eb6c38 { - background-color: var(--card-color-filled) !important; - border: none !important; - padding: 0; - border-radius: var(--card-radius-big) !important; - transition: var(--default-time) var(--default-animation) background-color; -} -.productCard_eb6c38:hover { - background-color: var(--card-color-hover) !important; -} -.productCard_eb6c38 .productThumbnail_eb6c38 { - border-radius: var(--card-radius-big); -} - -.card_c5b7ad:hover .cardContent_c5b7ad { - box-shadow: none; - outline: none; - transform: none; -} - -/* SERVER SHOP -> PRODUCT MODAL */ -.container_dc71f0 { - width: calc(100% + 48px); - margin: -24px -24px -16px; - border-radius: var(--card-radius-big); -} - -.body_b3373b { - background-color: transparent; -} - -/* - * - * DISCORD SHOP - * - */ -.shopScroll_e77fa3, -.pageWrapper_e77fa3, -.shop_e77fa3 { - background-color: var(--main-alt); -} - -.shopScrollBackgroundPrimary__28f1d, -.pageWrapperBackgroundPrimary__36469 { - background-color: var(--main-color); -} - -.countDownWrapper_cd5584 { - box-shadow: var(--shadow-3dp) !important; -} - -.shyBanner__78fa4 { - border-radius: var(--card-radius-big); - box-shadow: none; -} - -.heroBanner_e16ab1, -.bannerBackground_ad3aa1, -.bannerCard_b27f26 { - border-radius: var(--card-radius-big); -} - -.heroBanner_e16ab1 { - margin-top: 0; -} - -.shopBanner_be5025 { - border-radius: var(--card-radius-big); - outline: none; -} - -.itemTypeTitle_e77fa3 { - font-size: 16px; - text-transform: none; - font-weight: 500; -} - -.shopCard_c23530 { - background: var(--card-color-filled) !important; - border-radius: var(--card-radius-big); - border: none; - box-shadow: none !important; - transition: var(--default-time) var(--default-animation) background; -} -.shopCard_c23530:hover { - background: var(--card-color-active) !important; - top: unset; -} -.shopCard_c23530 .text-lg\/bold_dc00ef { - font-weight: 400; - font-size: 24px; - color: var(--header-primary) !important; -} -.shopCard_c23530 .cardBackground_c23530 { - background-color: transparent !important; -} -.shopCard_c23530 .description__8d6d2, -.shopCard_c23530 .priceTag__6412e { - color: var(--text-normal) !important; -} -.shopCard_c23530 .premiumIcon__7552e path { - fill: currentColor; -} -.shopCard_c23530 .lookFilled_dd4f85.colorBrand_dd4f85 { - background: var(--button-background) !important; -} -.shopCard_c23530 .giftButtonInner_e70ca4, -.shopCard_c23530 .previewButtonInner_bfc6e5 { - max-width: none; - max-height: none; -} - -.cardTextProfileEffect__27c03:before { - background: linear-gradient(180deg, transparent, transparent, var(--card-color-filled)) !important; -} - -.modalContent_c5828f { - padding: 0 !important; - border-radius: var(--popout-radius-big) !important; -} -.modalContent_c5828f::-webkit-scrollbar { - --scrollbar-width: 0; - --scrollbar-thin-width: 0; -} -.modalContent_c5828f .collectibleInfoContainer_c5828f { - border-radius: var(--popout-radius-big); -} -.modalContent_c5828f .collectibleInfoContainer_c5828f .lookFilled_dd4f85 { - background: var(--button-background) !important; -} -.modalContent_c5828f .collectibleInfoContainer_c5828f .lookFilled_dd4f85 .contents_dd4f85 svg { - height: 24px; -} -.modalContent_c5828f .categoryBanner_c5828f { - width: calc(100% + var(--popout-radius-big)); - left: calc(var(--popout-radius-big) * -1); -} - -.chatPreview_c5828f { - background-color: var(--popout-color) !important; - box-shadow: var(--shadow-3dp); -} -.chatPreview_c5828f .wrapper_f9f2ca { - margin-top: 0; - margin-left: 46px; - border-radius: var(--message-radius); -} -.chatPreview_c5828f .wrapper_f9f2ca:before, .chatPreview_c5828f .wrapper_f9f2ca:after { - display: none; -} -.chatPreview_c5828f .wrapper_f9f2ca .avatar_f9f2ca { - margin-top: -2px; - margin-left: -66px; -} -.chatPreview_c5828f .mockInput_c5828f { - background-color: var(--input-color); - border-radius: 20px; -} - -/* - * - * USER SETTINGS ADD GAME POPOUT - * - */ -.addGamePopout_fd966d { - background-color: var(--popout-color) !important; - border-radius: var(--popout-radius-big) !important; - box-shadow: var(--shadow-3dp) !important; -} -.addGamePopout_fd966d .lookLink_dd4f85 { - margin-right: 8px; -} - -/* - * - * AUTOCOMPLETE - * - */ -.autocomplete_f23da8 { - background-color: var(--popout-color) !important; - border-radius: var(--popout-radius-big) !important; - box-shadow: var(--shadow-3dp) !important; -} -.autocomplete_f23da8 .categoryHeader_fe2299 { - background-color: var(--emoji-category-header); -} -.autocomplete_f23da8 .autocompleteRow_f23da8 { - padding: 0; -} -.autocomplete_f23da8 [aria-disabled=false].autocompleteRow_f23da8 .base_f23da8:hover { - background-color: var(--menu-item-hover); -} -.autocomplete_f23da8 [aria-selected=true].autocompleteRow_f23da8 .base_f23da8 { - background-color: var(--menu-item-select); -} -.autocomplete_f23da8 .autocompleteRow_f23da8 .base_f23da8 { - padding: 8px 12px; - border-radius: 0; - transition: var(--default-time) var(--default-animation) background-color; -} -.autocomplete_f23da8 .autocompleteRow_f23da8 .base_f23da8.selected-3H3-RC { - background-color: var(--menu-item-hover) !important; -} -.autocomplete_f23da8 .contentTitle_f23da8 { - font-size: 14px; - text-transform: none; -} -.autocomplete_f23da8 .divider_f23da8 { - padding: 8px 0; -} -.autocomplete_f23da8 .divider_f23da8:after { - background-color: var(--card-border-color); -} -.autocomplete_f23da8 .wrapper_efd8e6 { - position: relative; - background-color: var(--attachment-color); -} -.autocomplete_f23da8 .wrapper_efd8e6 .wrapper_ba23fe { - width: 100%; -} -.autocomplete_f23da8 .wrapper_efd8e6 .wrapper_ba23fe .scrollerBase_eed6a8 { - --scrollbar-width: 0; -} -.autocomplete_f23da8 .wrapper_efd8e6 .wrapper_ba23fe { - width: 100%; - background-color: transparent; -} -.autocomplete_f23da8 .wrapper_efd8e6 .wrapper_ba23fe .scrollerBase_eed6a8 { - --scrollbar-width: 0; -} -.autocomplete_f23da8 .wrapper_efd8e6 .wrapper_ba23fe .listItems_dcade6 { - left: 12px !important; - right: 12px !important; -} -.autocomplete_f23da8 .listItems_dcade6 { - left: 0 !important; - right: 0 !important; -} - -/* AUTOCOMPLETE -> ROLES POPOUT */ -.container_bcd8cb { - background-color: var(--popout-color); - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp); -} -.container_bcd8cb .autocompleteArrow-2CRgr2 { - background-color: var(--popout-color); -} -.container_bcd8cb .header_bcd8cb { - background-color: transparent; - border-bottom: 1px solid var(--card-border-color); -} -.container_bcd8cb .headerText_bcd8cb { - margin-right: 0; -} -.container_bcd8cb .input_bcd8cb { - width: 100%; - margin-bottom: 0; -} -.container_bcd8cb .sectionTag_bcd8cb { - background-color: transparent !important; -} -.container_bcd8cb .section_bcd8cb { - line-height: 36px; - padding: 0 16px; - font-size: 14px; - text-transform: none; -} -.container_bcd8cb .autocompleteShadow_bcd8cb { - display: none; -} -.container_bcd8cb .autocompleteArrow-2CRgr2 { - background-color: var(--popout-color); -} -.container_bcd8cb .header_bcd8cb { - padding: 0 16px; - gap: 8px; - justify-content: flex-start; - background-color: transparent; - border-bottom: 1px solid var(--card-border-color); -} -.container_bcd8cb .sectionTag_bcd8cb { - background-color: transparent !important; -} -.container_bcd8cb .section_bcd8cb { - line-height: 36px; - padding: 0 16px; - font-size: 14px; - text-transform: none; -} - -.autocompleteShadow_bcd8cb, -.autocompleteHeaderBackground_bcd8cb { - display: none; -} - -.row_bcd8cb { - padding-left: var(--scrollbar-thin-width); -} -.row_bcd8cb.selected_bcd8cb .rowInner_bcd8cb { - background-color: var(--menu-item-hover); -} -.row_bcd8cb .rowInner_bcd8cb { - border-radius: var(--popout-radius); - transition: var(--default-time) var(--default-animation) background-color; -} - -/* - * - * CALENDAR - * - */ -.calendarPicker__47c85 .react-datepicker { - padding: 16px; - background-color: var(--popout-color) !important; - border-radius: var(--popout-radius-big) !important; - box-shadow: var(--shadow-3dp) !important; -} -.calendarPicker__47c85 .react-datepicker__header { - background-color: transparent !important; -} -.calendarPicker__47c85 .react-datepicker__current-month { - border-bottom-color: var(--separator-color) !important; - font-size: 14px; - text-transform: none; -} -.calendarPicker__47c85 .react-datepicker__navigation.react-datepicker__navigation--next, .calendarPicker__47c85 .react-datepicker__navigation.react-datepicker__navigation--previous { - width: 24px; - height: 24px; - background-color: hsl(var(--button-link-accent-color), 0.1); - border-radius: 50%; - border: none; - color: var(--button-link-accent-text-color); -} -.calendarPicker__47c85 .react-datepicker__navigation.react-datepicker__navigation--next:hover, .calendarPicker__47c85 .react-datepicker__navigation.react-datepicker__navigation--previous:hover { - background-color: hsl(var(--button-link-accent-color), 0.2); -} -.calendarPicker__47c85 .react-datepicker__day-name { - color: var(--text-normal) !important; -} -.calendarPicker__47c85 .react-datepicker__day--disabled, -.calendarPicker__47c85 .react-datepicker__day--outside-month { - background-color: transparent !important; - color: var(--text-disabled) !important; -} -.calendarPicker__47c85 .react-datepicker__day { - background-color: transparent !important; - border-radius: 50% !important; - border: 1px solid transparent !important; - transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color; -} -.calendarPicker__47c85 .react-datepicker__day:hover:not(.react-datepicker__day--today) { - background-color: var(--menu-item-hover) !important; -} -.calendarPicker__47c85 .react-datepicker__day.react-datepicker__day--selected { - background-color: hsl(var(--accent-hsl--material-you)) !important; - color: var(--accent-text-color--material-you) !important; -} -.calendarPicker__47c85 .react-datepicker__day.react-datepicker__day--selected:after { - display: none; -} -.calendarPicker__47c85 .react-datepicker__day.react-datepicker__day--selected:hover { - background-color: hsl(var(--accent-hsl--material-you)) !important; -} -.calendarPicker__47c85 .react-datepicker__day--today { - border-color: hsl(var(--accent-hsl--material-you)) !important; - color: hsl(var(--accent-hsl--material-you)) !important; -} -.calendarPicker__47c85 .react-datepicker__day--today:hover { - background-color: hsl(var(--accent-hsl), 0.2) !important; -} - -.datePicker_b0286e .react-datepicker { - padding-bottom: 8px; - box-shadow: none !important; -} -.datePicker_b0286e .datePickerHint_b0286e { - border-top-color: var(--separator-color); -} -.datePicker_b0286e .datePickerHint_b0286e .hint_b0286e { - color: var(--text-normal); -} -.datePicker_b0286e .datePickerHint_b0286e .hintValue_b0286e { - margin-left: 2px; - padding: 0 6px; - background-color: hsl(var(--accent-hsl--material-you)); - color: var(--accent-text-color--material-you); - border-radius: 11px; -} - -/* - * - * CHANNEL INFO - * - */ -.container_e88961 { - background-color: var(--popout-color); - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp); -} -.container_e88961 .users_a5bc92 { - background-color: var(--card-color-active); -} -.container_e88961 .total_a5bc92 { - background-color: var(--card-color-filled); -} -.container_e88961 .total_a5bc92:after { - border-right-color: var(--card-color-filled); -} - -.headerDivider_e88961 { - background-color: var(--popout-header-border); -} - -.popout_d201be { - background-color: var(--popout-color); - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp); -} - -/* - * - * COLOR PICKER - * - */ -.customColorPicker_bbc020 { - background-color: var(--popout-color) !important; - border-radius: var(--popout-radius-big) !important; - box-shadow: var(--shadow-3dp) !important; - border: none !important; -} - -.suggestedColor__713b5 { - border-radius: 16px; -} - -.colorPickerRow_d31e23 { - overflow: visible; -} - -.colorPickerSwatch__343b4 { - border-radius: 10px; -} -.colorPickerSwatch__343b4.custom__383ac, .colorPickerSwatch__343b4.default__428e2 { - border-radius: var(--card-radius-big); -} - -.swatch_c66781 { - border-radius: var(--card-radius-big); -} - -/* - * - * CONNECTION INFO - * - */ -.container__13b2a { - background-color: var(--popout-color); - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp); -} -.container__13b2a .header-2C89wJ, -.container__13b2a section { - background-color: transparent !important; -} -.container__13b2a .header-2C89wJ { - border-bottom: 1px solid var(--popout-header-border); - text-transform: none; - justify-content: left; -} - -/* - * - * CONTEXT MENU - * - */ -.menu_d90b3d { - background-color: var(--popout-color); - border-radius: var(--popout-radius); - box-shadow: var(--shadow-3dp); - animation: opacity 100ms ease, open-context-menu 300ms var(--default-animation); - transform-origin: top; -} -.menu_d90b3d .scrollerBase_eed6a8 { - padding: 8px 0; -} -.menu_d90b3d .scrollerBase_eed6a8::-webkit-scrollbar { - --scrollbar-thin-width: 0; -} -.menu_d90b3d .groupLabel_d90b3d { - font-size: 14px; - text-transform: none; -} -.menu_d90b3d .item_d90b3d { - min-height: 32px; - margin: 0; - padding: 9px 12px; - line-height: 18px; - border-radius: 0; - color: var(--menu-item-text-color) !important; - transition: var(--default-time) var(--default-animation) background-color; - flex-direction: row-reverse; -} -.menu_d90b3d .item_d90b3d.focused_d90b3d { - background-color: var(--menu-item-hover); -} -.menu_d90b3d .item_d90b3d.focused_d90b3d .caret_d90b3d { - color: var(--menu-item-text-color); -} -.menu_d90b3d .item_d90b3d.focused_d90b3d .caret_d90b3d path { - fill: currentColor; -} -.menu_d90b3d .item_d90b3d.colorPremiumGradient_d90b3d { - transition: var(--default-time) var(--default-animation) background; -} -.menu_d90b3d .item_d90b3d.colorPremiumGradient_d90b3d.focused_d90b3d { - background: var(--menu-item-hover); -} -.menu_d90b3d .item_d90b3d:active:not(.hideInteraction_d90b3d) { - background-color: var(--menu-item-select); -} -.menu_d90b3d .item_d90b3d.hideInteraction_d90b3d .labelContainer_d90b3d { - padding: 0 0 8px; -} -.menu_d90b3d .item_d90b3d.hideInteraction_d90b3d .sliderContainer_e13f88 { - margin-bottom: -6px; - padding: 0; -} -.menu_d90b3d .item_d90b3d .labelContainer_d90b3d { - min-height: unset; - padding: 0; -} -.menu_d90b3d .item_d90b3d .iconContainer_d90b3d, -.menu_d90b3d .item_d90b3d .imageContainer_d90b3d { - margin-left: 0; - margin-right: 12px; -} -.menu_d90b3d .item_d90b3d .iconContainerLeft_d90b3d { - margin-left: 12px; - margin-right: 0; -} -.menu_d90b3d .item_d90b3d .icon_d90b3d path { - fill: currentColor; -} -.menu_d90b3d .item_d90b3d .userMenuText_e1268c { - color: inherit; -} -.menu_d90b3d .submenuPaddingContainer_d90b3d { - margin-left: -4px; - margin-right: -4px; - animation: opacity 100ms ease, open-context-menu 300ms var(--default-animation); - transform-origin: top; -} -.menu_d90b3d .separator_d90b3d { - width: 100%; - margin: 8px 0; - border-color: var(--separator-color); -} - -body:active .menu_d90b3d:not(:active) { - opacity: 0; - transition: 150ms ease all; -} - -/* CONTEXT MENU -> SERVER OPTIONS */ -#guild-header-popout.menu_d90b3d { - animation: top-pop-out 400ms var(--default-animation); - overflow: hidden; -} - -/* - * - * CREATE GROUP DM - * - */ -.searchBar_e6af9c { - margin-top: 16px; -} -.searchBar_e6af9c .input_effbe2 { - height: var(--input-height) !important; -} - -.searchBarComponent_e6af9c { - background-color: var(--input-color); - border-radius: 19px !important; - border: none; -} -.searchBarComponent_e6af9c .inner_effbe2 { - min-height: var(--input-height); -} -.tag_effbe2 { - height: 28px; - margin: 4px 4px 0 6px; - border-radius: 14px; - background-color: transparent; - border: 1px solid var(--text-muted); - color: var(--text-normal); -} -.tag_effbe2 + .input_effbe2 { - margin-left: 6px; -} - -.friendWrapper_ebf869 { - margin: 0; -} - -.friend_ebf869 { - padding: 6px 18px 6px 24px; - border-radius: 0; -} -.friend_ebf869.friendSelected_ebf869 { - background-color: var(--menu-item-hover) !important; -} - -.footer_e6af9c { - padding: 16px 24px 24px; -} - -.footerSeparator_e6af9c { - display: none; -} - -/* - * - * EMOJI PICKER - * - */ -.contentWrapper_af5dbb, .contentWrapper_eab878 { - animation: bottom-pop-out 400ms var(--default-animation); -} - -.isBurstReactionPicker_b9ca03 { - border-radius: var(--popout-radius-big) !important; -} - -.contentWrapper_af5dbb, .contentWrapper_eab878, -.emojiPicker_c6ee36 { - background-color: var(--popout-color); - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp); -} - -.wrapper_c6ee36 { - border-radius: var(--popout-radius-big); -} -.wrapper_c6ee36.isBurstReactionUnlimited_ef651a { - border-radius: var(--popout-radius-big); - box-shadow: 0 0 0 2px hsl(var(--accent-hsl--material-you)); -} -.wrapper_c6ee36.isBurstReactionUnlimited_ef651a:before { - border-radius: inherit; - box-shadow: 0 0 100px hsl(var(--accent-hsl--material-you)); -} - -/* EMOJI PICKER -> HEADER */ -.navButtonSuperReactActive__01546 { - background: var(--menu-item-select); -} - -.header_c6ee36, -.header_d8cdac, -.header_b56bbc { - padding: 16px; - background-color: var(--popout-color); - border-radius: var(--popout-radius-big) var(--popout-radius-big) 0 0; - border-bottom: 1px solid var(--card-border-color); - box-shadow: none !important; -} - -.header_c6ee36 + .emojiPicker_c6ee36 { - border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big); -} - -.nav_af5dbb + .wrapper_c6ee36 .header_c6ee36, .nav__2aafa + .wrapper_c6ee36 .header_c6ee36 { - padding-top: 0; -} -.nav_af5dbb + .wrapper_d8cdac .header_d8cdac, .nav__2aafa + .wrapper_d8cdac .header_d8cdac { - padding-top: 0; -} -.nav_af5dbb + .container_b56bbc .header_b56bbc, .nav__2aafa + .container_b56bbc .header_b56bbc { - padding-top: 0; -} - -.diversitySelectorOptions_cce80d { - background-color: var(--popout-color); - border-radius: 16px; - border: none; - box-shadow: var(--shadow-3dp); - overflow: hidden; -} -.diversitySelectorOptions_cce80d .diversityEmojiItem_cce80d { - border-radius: 0; - transition: var(--default-time) var(--default-animation) background-color; -} -.diversitySelectorOptions_cce80d .diversityEmojiItem_cce80d:hover { - background-color: var(--menu-item-hover); -} - -.positionContainer_af5dbb:not(.positionContainerOnlyEmoji_af5dbb) .drawerSizingWrapper_af5dbb .contentWrapper_af5dbb { - --nav-container-padding: 4px; - --nav-button-height: 24px; - --nav-button-radius: 12px; - grid-template-rows: calc(var(--nav-button-height) + var(--nav-container-padding) * 2) auto; - grid-row-gap: 16px; -} - -.drawerSizingWrapper_af5dbb .navList_af5dbb, .drawerSizingWrapper_af5dbb .navList__8438b { - position: relative; - width: 100%; - padding: var(--nav-container-padding); - background-color: var(--popout-color-alt); - border-radius: calc(var(--nav-button-radius) + var(--nav-container-padding)); - z-index: 0; - box-sizing: border-box; -} -.drawerSizingWrapper_af5dbb .navList_af5dbb:after, .drawerSizingWrapper_af5dbb .navList__8438b:after { - position: absolute; - content: " "; - width: calc(33.3333% - var(--nav-container-padding) / 2); - height: var(--nav-button-height); - top: 0; - bottom: 0; - margin: auto 0; - background: var(--menu-item-select); - border-radius: var(--nav-button-radius); - z-index: -1; - transition: var(--default-time) var(--default-animation) transform; -} -.drawerSizingWrapper_af5dbb .navList_af5dbb:has([id=sticker-picker-tab].navButtonActive_af5dbb, [id=sticker-picker-tab].navButtonActive_b003de):after, .drawerSizingWrapper_af5dbb .navList__8438b:has([id=sticker-picker-tab].navButtonActive_af5dbb, [id=sticker-picker-tab].navButtonActive_b003de):after { - transform: translateX(100%); -} -.drawerSizingWrapper_af5dbb .navList_af5dbb:has([id=emoji-picker-tab].navButtonActive_af5dbb, [id=emoji-picker-tab].navButtonActive_b003de):after, .drawerSizingWrapper_af5dbb .navList__8438b:has([id=emoji-picker-tab].navButtonActive_af5dbb, [id=emoji-picker-tab].navButtonActive_b003de):after { - transform: translateX(calc(200% - var(--nav-container-padding) / 2)); -} -.drawerSizingWrapper_af5dbb .navList_af5dbb .navItem_af5dbb, .drawerSizingWrapper_af5dbb .navList__8438b .navItem_af5dbb { - flex-grow: 1; - flex-basis: 0; - margin: 0; - padding: 0; - line-height: var(--nav-button-height); - background-color: transparent !important; - color: var(--text-muted); -} -.drawerSizingWrapper_af5dbb .navList_af5dbb .navItem_af5dbb:hover, .drawerSizingWrapper_af5dbb .navList__8438b .navItem_af5dbb:hover, .drawerSizingWrapper_af5dbb .navList_af5dbb .navItem_af5dbb.navButtonActive_af5dbb, .drawerSizingWrapper_af5dbb .navList__8438b .navItem_af5dbb.navButtonActive_af5dbb, .drawerSizingWrapper_af5dbb .navList_af5dbb .navItem_af5dbb.navButtonActive_b003de, .drawerSizingWrapper_af5dbb .navList__8438b .navItem_af5dbb.navButtonActive_b003de { - color: var(--text-normal); -} - -body:active .drawerSizingWrapper_af5dbb:not(:active) { - opacity: 0; - transition: 150ms ease all; -} - -.navButtonActive_af5dbb, .navButtonActive_b003de { - background: none; -} - -#gif-picker-tab-panel, -#sticker-picker-tab-panel, -#emoji-picker-tab-panel { - animation: picker-panel calc(var(--default-time) * 2) var(--default-animation); -} - -@keyframes picker-panel { - from { - opacity: 0; - } -} -/* EMOJI PICKER -> HEADER -> SEARCH BAR */ -.container_effbe2, .container_c18ec9 { - background-color: var(--input-color); - border-radius: 16px; -} -.container_effbe2 .inner_effbe2, .container_c18ec9 .inner_effbe2 { - padding: 0; -} -.container_effbe2 .input_effbe2, .container_c18ec9 .input_effbe2 { - height: 32px; - margin: 0; - padding: 0 12px; -} - -/* EMOJI PICKER -> EMOJIS */ -.wrapper_c43059 { - background-color: var(--popout-color); -} -.wrapper_c43059 .banner_c43059 { - border-radius: var(--card-radius-big); -} - -.wrapper_e06857 { - background-color: var(--emoji-category-header); -} -.wrapper_e06857 .headerLabel_e06857 { - font-size: 14px; - text-transform: none; -} - -.emojiItem_fbfedd { - border-radius: 8px; - transition: var(--default-time) var(--default-animation) background-color; -} -.emojiItem_fbfedd.emojiItemSelected_fbfedd { - background-color: var(--menu-item-select); -} -.emojiItem_fbfedd.emojiItemDisabled__843ea { - filter: none; -} -.emojiItem_fbfedd.emojiItemDisabled__843ea .image_b000dd { - filter: brightness(60%) grayscale(100%); -} - -.newlyAddedHighlight_fbfedd { - border-radius: 8px 8px 8px 0; - border-color: hsl(var(--accent-hsl--material-you)) !important; - overflow: hidden; -} -.newlyAddedHighlight_fbfedd.oneItem_fbfedd { - border-radius: 8px 8px 0 0; -} -.newlyAddedHighlight_fbfedd .emojiItem_fbfedd { - border-radius: 0; -} - -.newlyAddedBadge_fbfedd { - background-color: hsl(var(--accent-hsl--material-you)) !important; - border-radius: 0 0 8px 8px; - color: var(--accent-text-color--material-you); -} -.newlyAddedBadge_fbfedd .newlyAddedBadgeStar_fbfedd { - color: inherit; -} -.newlyAddedBadge_fbfedd div { - color: inherit !important; - text-transform: capitalize; -} - -.upsell_b6ac1a { - height: auto; - margin-bottom: 2px; - background-color: var(--card-color-outlined); - border: 1px solid var(--card-border-color); - padding: 8px; - border-radius: var(--card-radius-big); -} - -.inspector_c3120f { - background-color: var(--popout-color); - border-top: 1px solid var(--card-border-color); -} -.inspector_c3120f .guildIcon_bfabc4 { - border-radius: 50%; -} - -.badgeLabel_c3120f { - border-radius: 13px; - text-transform: none; -} -.badgeLabel_c3120f.newlyAddedBadge_c3120f { - background: hsl(var(--accent-hsl--material-you)); - color: var(--accent-text-color--material-you); -} -.badgeLabel_c3120f.newlyAddedBadge_c3120f .newlyAddedBadgeIcon_c3120f { - color: inherit; -} -.badgeLabel_c3120f.newlyAddedBadge_c3120f div { - color: inherit !important; -} - -/* EMOJI PICKER -> CATEGORIES */ -.categoryList_c6ee36 { - top: 64px; - border-radius: 0 0 0 var(--popout-radius-big); -} -.categoryList_c6ee36 .scroller_dcade6::-webkit-scrollbar { - width: 0px !important; -} -.categoryList_c6ee36 .unicodeShortcut_dfa278 { - height: 47px; - background-color: var(--popout-color); - border-top: 1px solid var(--card-border-color); -} - -.emojiPickerHasTabWrapper_c6ee36 .wrapper_ba23fe { - top: 50px; -} - -.container-3a5mk- .wrapper_ba23fe { - top: 66px; -} - -.wrapper_ba23fe { - background-color: var(--attachment-color); -} -.wrapper_ba23fe .categoryItem_dfa278, -.wrapper_ba23fe .stickerCategory_a7a485 { - border-radius: 50%; -} -.wrapper_ba23fe .categoryItem_dfa278:hover, -.wrapper_ba23fe .stickerCategory_a7a485:hover { - background-color: var(--menu-item-hover); -} -.wrapper_ba23fe .categoryItem_dfa278.categoryItemRecentEmoji_dfa278 path, .wrapper_ba23fe .categoryItem_dfa278.stickerCategoryGeneric_a7a485 path, -.wrapper_ba23fe .stickerCategory_a7a485.categoryItemRecentEmoji_dfa278 path, -.wrapper_ba23fe .stickerCategory_a7a485.stickerCategoryGeneric_a7a485 path { - d: path("M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z"); -} - -.nav_af5dbb + .wrapper_c6ee36 .wrapper_ba23fe, .nav__2aafa + .wrapper_c6ee36 .wrapper_ba23fe { - margin-top: -1px; -} -.nav_af5dbb + .wrapper_d8cdac .wrapper_ba23fe, .nav__2aafa + .wrapper_d8cdac .wrapper_ba23fe { - margin-top: -1px; -} - -.emojiPicker_c6ee36 + .categoryList_c6ee36 .scroller_dcade6::-webkit-scrollbar { - width: 0px !important; -} - -.input_effbe2::-webkit-input-placeholder { - font-family: var(--app-font); -} - -/* EMOJI PICKER -> GIFS */ -.container_b56bbc { - background-color: transparent !important; -} - -.searchBar_b56bbc { - padding: 0 6px 0 0 !important; - --input-height: 32px; -} -.searchBar_b56bbc .input_c18ec9 { - padding: 0 12px !important; -} - -.result_bad108 { - border-radius: var(--media-radius); -} -.result_bad108:after, -.result_bad108 .gif_bad108, -.result_bad108 .categoryFade_af1167, -.result_bad108 .categoryFadeBlurple_af1167 { - border-radius: inherit; -} -.result_bad108 .categoryFadeBlurple_af1167 { - background-color: hsl(var(--accent-hsl), 0.8) !important; -} -.result_bad108:hover { - box-shadow: var(--shadow-2dp) !important; -} -.result_bad108:hover:after { - box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl--material-you)), inset 0 0 1px 3px #2f3136 !important; -} - -.emptyHints_bad108 { - margin: 0; - gap: 16px; -} - -.emptyHintCard_bad108 { - margin: 0; - background-color: var(--card-color-filled) !important; - border: none !important; - padding: 24px; - border-radius: var(--card-radius-big) !important; -} - -/* EMOJI PICKER -> STICKERS */ -.categoryList_a7a485 .scroller_dcade6::-webkit-scrollbar { - width: 0px !important; -} - -.row_a708c4 { - column-gap: 6px !important; -} - -.createSticker_a708c4 { - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big); - transition: var(--default-time) var(--default-animation) background-color; -} -.createSticker_a708c4.createInspected_a708c4 { - background-color: var(--card-color-active); -} - -.iconWrapper_a708c4, .iconWrapper_a66fbc { - background-image: none; - background-color: hsl(var(--accent-hsl--material-you)); - color: var(--accent-text-color--material-you); -} - -.stickerInspected_a708c4 .inspectedIndicator_a708c4 { - background-color: var(--card-color-active); -} - -/* EMOJI PICKER -> BURST REACTIONS */ -.picker-Jz0w5j { - padding: 4px; - border-radius: var(--popout-radius-big); -} -.picker-Jz0w5j .header-2jK3d7 { - height: unset; - padding: 8px 16px; - background-color: var(--popout-color); - border-top-left-radius: calc(var(--popout-radius-big) / 1.25); - border-top-right-radius: calc(var(--popout-radius-big) / 1.25); - border-bottom: 1px solid var(--card-border-color); -} -.picker-Jz0w5j .header-2jK3d7 .divider-1F5TiM { - display: none; -} -.picker-Jz0w5j .badge-zjd8-t { - background-color: hsl(var(--accent-hsl--material-you)) !important; - color: var(--accent-text-color--material-you); -} -.picker-Jz0w5j .emojiPicker_c6ee36 { - border-radius: 0 0 calc(var(--popout-radius-big) / 1.25) calc(var(--popout-radius-big) / 1.25); - box-shadow: none; -} - -/* EMOJI PICKER -> SUPER REACT */ -.label_d1ac9b { - background-color: var(--card-color-filled); - transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color; -} -.label_d1ac9b.labelChecked_d1ac9b { - background-color: hsl(var(--accent-hsl--material-you)); - color: var(--accent-text-color--material-you); -} -.label_d1ac9b svg path { - fill: currentColor; -} - -.wrapper_c43059 { - border-radius: var(--popout-radius-big); - overflow: hidden; -} -.wrapper_c43059 .closeButton_c43059 { - display: flex; - width: 28px; - height: 28px; - background-color: var(--card-button-color-hover); - border-radius: 50%; - align-items: center; - justify-content: center; -} -.wrapper_c43059 .closeButton_c43059 svg { - width: 18px; - height: 18px; -} - -.content_c43059 { - height: 100%; - padding: 24px calc(24px - var(--scrollbar-width)) 24px 24px; - overflow-y: scroll; - gap: 16px; -} -.content_c43059 .contentFill_c43059 { - margin: 0; - border-radius: var(--card-radius-big); -} -.content_c43059 .contentContainer_aac415 { - padding: 0; -} -.content_c43059 .contentContainer_aac415 .heading-xl\/bold_dc00ef { - font-weight: 400; -} -.content_c43059 .gradientUpsellWrapper_aac415 { - border-radius: var(--card-radius-big); -} - -/* - * - * EMOJI PICKER ICONS - * - */ -.categoryList_c6ee36 .unicodeShortcut_dfa278 path { - d: path("M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z"); -} -.categoryList_c6ee36 .categoryItem_dfa278 { - /* EMOJI PICKER ICONS -> PEOPLE */ - /* EMOJI PICKER ICONS -> NATURE */ - /* EMOJI PICKER ICONS -> FOOD */ - /* EMOJI PICKER ICONS -> ACTIVITIES */ - /* EMOJI PICKER ICONS -> TRAVEL */ - /* EMOJI PICKER ICONS -> OBJECTS */ - /* EMOJI PICKER ICONS -> SYMBOLS */ - /* EMOJI PICKER ICONS -> FLAGS */ -} -.categoryList_c6ee36 .categoryItem_dfa278 path[d="M12 2C6.477 2 2 6.477 2 12C2 17.522 6.477 22 12 22C17.523 22 22 17.522 22 12C22 6.477 17.522 2 12 2ZM16.293 6.293L17.707 7.706L16.414 9L17.707 10.293L16.293 11.706L13.586 9L16.293 6.293ZM6.293 7.707L7.707 6.294L10.414 9L7.707 11.707L6.293 10.294L7.586 9L6.293 7.707ZM12 19C9.609 19 7.412 17.868 6 16.043L7.559 14.486C8.555 15.92 10.196 16.831 12 16.831C13.809 16.831 15.447 15.92 16.443 14.481L18 16.04C16.59 17.867 14.396 19 12 19Z"] { - d: path("M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z"); -} -.categoryList_c6ee36 .categoryItem_dfa278 path[d="M6.814 8.982C4.539 11.674 4.656 15.591 6.931 18.153L4.034 21.579L5.561 22.87L8.463 19.437C9.569 20.127 10.846 20.513 12.161 20.513C14.231 20.513 16.183 19.607 17.516 18.027C20.069 15.01 20.771 6.945 21 3C17.765 3.876 9.032 6.356 6.814 8.982V8.982ZM8.935 17.331C6.826 15.548 6.56 12.382 8.342 10.272C9.592 8.793 14.904 6.845 18.764 5.698L8.935 17.331V17.331Z"] { - d: path("M8.66 13.07c.15 0 .29-.01.43-.03C9.56 14.19 10.69 15 12 15s2.44-.81 2.91-1.96c.14.02.29.03.43.03 1.73 0 3.14-1.41 3.14-3.14 0-.71-.25-1.39-.67-1.93.43-.54.67-1.22.67-1.93 0-1.73-1.41-3.14-3.14-3.14-.15 0-.29.01-.43.03C14.44 1.81 13.31 1 12 1s-2.44.81-2.91 1.96c-.14-.02-.29-.03-.43-.03-1.73 0-3.14 1.41-3.14 3.14 0 .71.25 1.39.67 1.93-.43.54-.68 1.22-.68 1.93 0 1.73 1.41 3.14 3.15 3.14zM12 13c-.62 0-1.12-.49-1.14-1.1l.12-1.09c.32.12.66.19 1.02.19s.71-.07 1.03-.19l.11 1.09c-.02.61-.52 1.1-1.14 1.1zm3.34-1.93c-.24 0-.46-.07-.64-.2l-.81-.57c.55-.45.94-1.09 1.06-1.83l.88.42c.4.19.66.59.66 1.03 0 .64-.52 1.15-1.15 1.15zm-.65-5.94c.2-.13.42-.2.65-.2.63 0 1.14.51 1.14 1.14 0 .44-.25.83-.66 1.03l-.88.42c-.12-.74-.51-1.38-1.07-1.83l.82-.56zM12 3c.62 0 1.12.49 1.14 1.1l-.11 1.09C12.71 5.07 12.36 5 12 5s-.7.07-1.02.19l-.12-1.09c.02-.61.52-1.1 1.14-1.1zM8.66 4.93c.24 0 .46.07.64.2l.81.56c-.55.45-.94 1.09-1.06 1.83l-.88-.42c-.4-.2-.66-.59-.66-1.03 0-.63.52-1.14 1.15-1.14zM8.17 8.9l.88-.42c.12.74.51 1.38 1.07 1.83l-.81.55c-.2.13-.42.2-.65.2-.63 0-1.14-.51-1.14-1.14-.01-.43.25-.82.65-1.02zM12 22c4.97 0 9-4.03 9-9-4.97 0-9 4.03-9 9zm2.44-2.44c.71-1.9 2.22-3.42 4.12-4.12-.71 1.9-2.22 3.41-4.12 4.12zM3 13c0 4.97 4.03 9 9 9 0-4.97-4.03-9-9-9zm2.44 2.44c1.9.71 3.42 2.22 4.12 4.12-1.9-.71-3.41-2.22-4.12-4.12z"); -} -.categoryList_c6ee36 .categoryItem_dfa278 path[d="M11 18H13V22H11V18Z"] { - d: path("M12 6c1.11 0 2-.9 2-2 0-.38-.1-.73-.29-1.03L12 0l-1.71 2.97c-.19.3-.29.65-.29 1.03 0 1.1.9 2 2 2zm6 3h-5V7h-2v2H6c-1.66 0-3 1.34-3 3v9c0 .55.45 1 1 1h16c.55 0 1-.45 1-1v-9c0-1.66-1.34-3-3-3zm1 11H5v-3c.9-.01 1.76-.37 2.4-1.01l1.09-1.07 1.07 1.07c1.31 1.31 3.59 1.3 4.89 0l1.08-1.07 1.07 1.07c.64.64 1.5 1 2.4 1.01v3zm0-4.5c-.51-.01-.99-.2-1.35-.57l-2.13-2.13-2.14 2.13c-.74.74-2.03.74-2.77 0L8.48 12.8l-2.14 2.13c-.35.36-.83.56-1.34.57V12c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v3.5z"); -} -.categoryList_c6ee36 .categoryItem_dfa278 path[d="M11 18H13V22H11V18Z"] ~ path { - display: none; -} -.categoryList_c6ee36 .categoryItem_dfa278 path[d="M5.66487 5H18.3351C19.9078 5 21.2136 6.21463 21.3272 7.78329L21.9931 16.9774C22.0684 18.0165 21.287 18.9198 20.248 18.9951C20.2026 18.9984 20.1572 19 20.1117 19C18.919 19 17.8785 18.1904 17.5855 17.0342L17.0698 15H6.93015L6.41449 17.0342C6.12142 18.1904 5.08094 19 3.88826 19C2.84645 19 2.00189 18.1554 2.00189 17.1136C2.00189 17.0682 2.00354 17.0227 2.00682 16.9774L2.67271 7.78329C2.78632 6.21463 4.0921 5 5.66487 5ZM14.5 10C15.3284 10 16 9.32843 16 8.5C16 7.67157 15.3284 7 14.5 7C13.6716 7 13 7.67157 13 8.5C13 9.32843 13.6716 10 14.5 10ZM18.5 13C19.3284 13 20 12.3284 20 11.5C20 10.6716 19.3284 10 18.5 10C17.6716 10 17 10.6716 17 11.5C17 12.3284 17.6716 13 18.5 13ZM6.00001 9H4.00001V11H6.00001V13H8.00001V11H10V9H8.00001V7H6.00001V9Z"] { - d: path("M21 6H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-10 7H8v3H6v-3H3v-2h3V8h2v3h3v2zm4.5 2c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm4-3c-.83 0-1.5-.67-1.5-1.5S18.67 9 19.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"); -} -.categoryList_c6ee36 .categoryItem_dfa278 path[d="M22 17H19.725C19.892 16.529 20 16.029 20 15.5C20 13.015 17.985 11 15.5 11H13.5L12.276 8.553C12.107 8.214 11.761 8 11.382 8H7C6.448 8 6 8.447 6 9V11.051C3.753 11.302 2 13.186 2 15.5C2 17.986 4.015 20 6.5 20H15.5C16.563 20 17.527 19.616 18.297 19H22V17ZM6.5 16.75C5.81 16.75 5.25 16.19 5.25 15.5C5.25 14.81 5.81 14.25 6.5 14.25C7.19 14.25 7.75 14.81 7.75 15.5C7.75 16.19 7.19 16.75 6.5 16.75ZM11.5 16.75C10.81 16.75 10.25 16.19 10.25 15.5C10.25 14.81 10.81 14.25 11.5 14.25C12.19 14.25 12.75 14.81 12.75 15.5C12.75 16.19 12.19 16.75 11.5 16.75ZM16.5 16.75C15.81 16.75 15.25 16.19 15.25 15.5C15.25 14.81 15.81 14.25 16.5 14.25C17.19 14.25 17.75 14.81 17.75 15.5C17.75 16.19 17.19 16.75 16.5 16.75Z"] { - d: path("M12 4H5C3.34 4 2 5.34 2 7v8c0 1.66 1.34 3 3 3l-1 1v1h1l2-2h2v-5H4V6h9v2h2V7c0-1.66-1.34-3-3-3zM5 14c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm15.57-4.34c-.14-.4-.52-.66-.97-.66h-7.19c-.46 0-.83.26-.98.66l-1.42 4.11v5.51c0 .38.31.72.69.72h.62c.38 0 .68-.38.68-.76V18h8v1.24c0 .38.31.76.69.76h.61c.38 0 .69-.34.69-.72l.01-1.37v-4.14l-1.43-4.11zm-8.16.34h7.19l1.03 3h-9.25l1.03-3zM12 16c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm8 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"); -} -.categoryList_c6ee36 .categoryItem_dfa278 path[d="M18 5.999H17V4.999C17 4.448 16.553 3.999 16 3.999H4C3.447 3.999 3 4.448 3 4.999V12.999C3 14.488 3.47 15.865 4.265 16.999H15.722C16.335 16.122 16.761 15.105 16.92 13.999H18C20.205 13.999 22 12.205 22 9.999C22 7.794 20.205 5.999 18 5.999V5.999ZM18 12H17V8H18C19.104 8 20 8.897 20 10C20 11.102 19.104 12 18 12Z"] { - d: path("M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5v6z"); -} -.categoryList_c6ee36 .categoryItem_dfa278 path[d="M18 5.999H17V4.999C17 4.448 16.553 3.999 16 3.999H4C3.447 3.999 3 4.448 3 4.999V12.999C3 14.488 3.47 15.865 4.265 16.999H15.722C16.335 16.122 16.761 15.105 16.92 13.999H18C20.205 13.999 22 12.205 22 9.999C22 7.794 20.205 5.999 18 5.999V5.999ZM18 12H17V8H18C19.104 8 20 8.897 20 10C20 11.102 19.104 12 18 12Z"] ~ path { - display: none; -} -.categoryList_c6ee36 .categoryItem_dfa278 path[d="M16 4.001C14.406 4.001 12.93 4.838 12 6.081C11.07 4.838 9.594 4.001 8 4.001C5.243 4.001 3 6.244 3 9.001C3 14.492 11.124 19.633 11.471 19.849C11.633 19.95 11.817 20.001 12 20.001C12.183 20.001 12.367 19.95 12.529 19.849C12.876 19.633 21 14.492 21 9.001C21 6.244 18.757 4.001 16 4.001V4.001Z"] { - d: path("M12.1,18.55L12,18.65L11.89,18.55C7.14,14.24 4,11.39 4,8.5C4,6.5 5.5,5 7.5,5C9.04,5 10.54,6 11.07,7.36H12.93C13.46,6 14.96,5 16.5,5C18.5,5 20,6.5 20,8.5C20,11.39 16.86,14.24 12.1,18.55M16.5,3C14.76,3 13.09,3.81 12,5.08C10.91,3.81 9.24,3 7.5,3C4.42,3 2,5.41 2,8.5C2,12.27 5.4,15.36 10.55,20.03L12,21.35L13.45,20.03C18.6,15.36 22,12.27 22,8.5C22,5.41 19.58,3 16.5,3Z"); -} -.categoryList_c6ee36 .categoryItem_dfa278 path[d="M20 6.002H14V3.002C14 2.45 13.553 2.002 13 2.002H4C3.447 2.002 3 2.45 3 3.002V22.002H5V14.002H10.586L8.293 16.295C8.007 16.581 7.922 17.011 8.076 17.385C8.23 17.759 8.596 18.002 9 18.002H20C20.553 18.002 21 17.554 21 17.002V7.002C21 6.45 20.553 6.002 20 6.002Z"] { - d: path("M14 6l-1-2H5v17h2v-7h5l1 2h7V6h-6zm4 8h-4l-1-2H7V6h5l1 2h5v6z"); -} - -/* - * - * GUILD POPOUT - * - */ -.guildPopout-G6M0fK { - background-color: var(--popout-color) !important; - border-radius: var(--popout-radius-big) !important; - box-shadow: var(--shadow-3dp) !important; -} -.guildPopout-G6M0fK .iconWithSplash-1V9gXL foreignObject { - mask: none !important; -} -.guildPopout-G6M0fK .iconMask-1lJhcS { - background-color: var(--popout-color); -} -.guildPopout-G6M0fK .iconMask-1lJhcS, -.guildPopout-G6M0fK .avatar-2slV0S { - border-radius: var(--avatar-radius); -} - -.footer-3YL3ds { - background-color: transparent; - border-top: 1px solid var(--popout-header-border); -} -.footer-3YL3ds .emojiHeader-19AA-h { - font-size: 14px; - text-transform: none; -} -.footer-3YL3ds .emojiCounter-tx3ftR { - background-color: var(--popout-color-alt); -} - -.container_a9480d { - background-color: var(--popout-color); - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp); -} - -/* GUILD CHAT POPOUT - PROBABLY A DIFFERENT THING, I DUNNO YET */ -.container_c22357 { - background-color: var(--popout-color); - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp); -} -.container_c22357 .text-xs\/normal_dc00ef { - color: var(--text-normal) !important; -} - -.bannerImage_e0fe28 { - border-radius: var(--popout-radius-big); -} - -.cardContainer_c22357 { - background: transparent !important; -} - -.clanTagChiplet_e0fe28 { - height: 24px; - padding: 0px 8px; - background-color: var(--popout-color-alt); - border-radius: 12px; - border: none; -} - -.clanIconInner_e0fe28 { - background-color: var(--popout-color); -} - -.trait_c18810 { - border-color: var(--popout-header-border); -} - -.gameImageContainer_fda254 { - border-radius: 50%; - border-color: var(--popout-header-border); -} - -#svg-mask-clan-icon rect { - rx: 1; - ry: 1; -} - -/* - * - * INCOMING CALL - * - */ -.root_cbf230 { - background-color: var(--popout-color) !important; - border-radius: var(--popout-radius-big) !important; - box-shadow: var(--shadow-3dp) !important; -} -.root_cbf230 .colorable_ef18ee { - border-radius: 50% !important; -} -.root_cbf230 .colorable_ef18ee.red_ef18ee { - --button-background: hsl(var(--alert-hsl)); - --button-text-color: var(--alert-text-color); -} -.root_cbf230 .colorable_ef18ee.green_ef18ee { - --button-background: hsl(var(--button-link-accent-color),0.15); - --button-text-color: var(--button-link-accent-text-color); -} -.root_cbf230 .colorable_ef18ee.green_ef18ee .centerIcon_ef18ee path { - d: path("M20 15.45c-1.25 0-2.45-.2-3.57-.57-.1-.03-.21-.05-.31-.05-.26 0-.51.1-.71.29l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1C8.7 6.4 8.5 5.2 8.5 3.95c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1zM5.03 4.95h1.5c.07.88.22 1.75.45 2.58l-1.2 1.21c-.4-1.21-.66-2.47-.75-3.79zM19 18.92c-1.32-.09-2.6-.35-3.8-.76l1.2-1.2c.85.24 1.72.39 2.6.45v1.51zM18 5.95v-3h-2v3h-3v2h3v3h2v-3h3v-2z"); -} - -/* - * - * LIST POPOUT - * - */ -.container_ac201b { - padding: 0; - background-color: var(--popout-color); - border-radius: var(--popout-radius); - border: none; - box-shadow: var(--shadow-3dp); - animation: top-pop-out 400ms var(--default-animation); -} -.container_ac201b .container__33507 { - margin: 12px 8px; -} -.container_ac201b .list_eef3ef { - margin-top: 0; - border-top: 1px solid var(--card-border-color); -} -.container_ac201b .list_eef3ef .content-2a4AW9 { - height: auto !important; -} -.container_ac201b .list_eef3ef .item_eef3ef { - margin-bottom: 0; - border-radius: 0; - color: var(--menu-item-text-color); - transition: var(--default-time) var(--default-animation) background-color; -} -.container_ac201b .list_eef3ef .item_eef3ef:hover { - background-color: var(--menu-item-hover); -} -.container_ac201b .list_eef3ef .item_eef3ef.selected-22ukbQ, .container_ac201b .list_eef3ef .item_eef3ef.selectedBrand_eef3ef { - background-color: var(--menu-item-select); -} - -body:active .container_ac201b:not(:active) { - opacity: 0; - transition: 150ms ease all; -} - -/* - * - * LISTENING ALONG CHANNEL POPOUT - * - */ -.container__56cd1 { - background-color: var(--popout-color); - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp); -} -.container__56cd1 .headerText_d5089b { - font-size: 14px; - text-transform: none; - font-weight: 500; -} -.container__56cd1 .container_c23582 { - background-color: var(--card-button-color); -} -.container__56cd1 .assetsLargeImage_f866f2 { - border-radius: 50%; -} - -/* - * - * MESSAGES POPOUT - * - */ -.messagesPopoutWrap_ac90a2, -.recentMentionsPopout_ddb5b4 { - max-height: 80vh !important; - background-color: var(--popout-color); - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp); - animation: top-pop-out 400ms var(--default-animation); -} -.messagesPopoutWrap_ac90a2 .wrapper_f9f2ca.cozy_f9f2ca, -.recentMentionsPopout_ddb5b4 .wrapper_f9f2ca.cozy_f9f2ca { - overflow: visible; -} -.messagesPopoutWrap_ac90a2 .wrapper_f9f2ca.cozy_f9f2ca:before, .messagesPopoutWrap_ac90a2 .wrapper_f9f2ca.cozy_f9f2ca:after, -.recentMentionsPopout_ddb5b4 .wrapper_f9f2ca.cozy_f9f2ca:before, -.recentMentionsPopout_ddb5b4 .wrapper_f9f2ca.cozy_f9f2ca:after { - display: none; -} -.messagesPopoutWrap_ac90a2 .wrapper_f9f2ca.cozy_f9f2ca .avatar_f9f2ca, -.recentMentionsPopout_ddb5b4 .wrapper_f9f2ca.cozy_f9f2ca .avatar_f9f2ca { - left: -50px; -} -.messagesPopoutWrap_ac90a2 .wrapper_f9f2ca.cozy_f9f2ca .container_b558d0, -.recentMentionsPopout_ddb5b4 .wrapper_f9f2ca.cozy_f9f2ca .container_b558d0 { - overflow: hidden; -} - -body:active .messagesPopoutWrap_ac90a2:not(:active), -body:active .recentMentionsPopout_ddb5b4:not(:active) { - opacity: 0; - transition: 150ms ease all; -} - -.header_ac90a2 { - height: auto; - min-height: unset; - padding: 24px 24px 0; - background-color: transparent; - box-shadow: none; -} -.header_ac90a2 .heading-md\/medium_dc00ef, -.header_ac90a2 .text-lg\/semibold_dc00ef { - line-height: 24px; - font-size: 20px; - font-weight: 400; - color: var(--header-primary); -} -.header_ac90a2 .heading-md\/medium_dc00ef { - margin-bottom: 16px; -} -.header_ac90a2 .expandedInboxHeader_f0cd33 { - padding-bottom: 0; -} -.header_ac90a2 .expandedTabSection_f0cd33 { - height: 48px; -} -.header_ac90a2 .topPill_a0 { - height: 48px; -} -.header_ac90a2 .friendRequestsButton_c0c071, -.header_ac90a2 .button__292b6:not(.disabled__4d064) { - background-color: var(--card-button-color); - transition: var(--default-time) var(--default-animation) background-color; -} -.header_ac90a2 .friendRequestsButton_c0c071:hover, -.header_ac90a2 .button__292b6:not(.disabled__4d064):hover { - background-color: var(--card-button-color-hover); -} - -.container_fe1358 { - background-color: transparent; -} - -.row_fd8ff1 { - transition: var(--default-time) var(--default-animation) background-color; -} -.row_fd8ff1:hover { - background-color: var(--menu-item-hover); -} - -/* MESSAGES POPOUT -> FRIEND REQUEST ROW */ -.friendRequestContainer_fd8ff1 .button_dd4f85 { - padding: var(--button-padding); -} -.friendRequestContainer_fd8ff1 .button_dd4f85 .text-sm\/medium_dc00ef { - line-height: var(--button-height); -} -.friendRequestContainer_fd8ff1 .colorGreen_dd4f85 { - margin-right: 8px; -} -.friendRequestContainer_fd8ff1 .colorGreen_dd4f85 .text-sm\/medium_dc00ef { - color: var(--button-text-color) !important; -} -.friendRequestContainer_fd8ff1 .colorPrimary_dd4f85 { - --button-padding: 0 12px; - --button-background: transparent !important; - --button-text-color: var(--button-link-accent-text-color) !important; - --accent-button-action-hover: 0.14; - --accent-button-action-active: 0.21; -} -.friendRequestContainer_fd8ff1 .colorPrimary_dd4f85:after { - background-color: hsl(var(--button-link-accent-color)); -} -.friendRequestContainer_fd8ff1 .colorPrimary_dd4f85 .text-sm\/medium_dc00ef { - font-size: 1em; - color: var(--button-text-color) !important; -} - -/* MESSAGES POPOUT -> INNER */ -.messagesPopout_ac90a2 { - padding: 0 calc(24px - var(--scrollbar-thin-width)) 24px 24px !important; -} -.messagesPopout_ac90a2 .messageGroupWrapper_ac90a2 { - margin: 0 0 16px; - background-color: transparent; - border: none; - overflow: visible; -} -.messagesPopout_ac90a2 .messageGroupWrapper_ac90a2:last-of-type { - margin-bottom: 0; -} -.messagesPopout_ac90a2 .messageGroupWrapper_ac90a2 .wrapper_f9f2ca { - margin: 0 0 0 50px; - padding: var(--message-padding-top) var(--message-padding-side) !important; - background-color: var(--message-color-alt) !important; - border-radius: var(--message-radius); -} -.messagesPopout_ac90a2 .messageGroupWrapper_ac90a2 .actionButtons_ac90a2 { - top: 22px; - right: 12px; -} -.messagesPopout_ac90a2 .messageGroupWrapper_ac90a2 .actionButtons_ac90a2 .jumpButton_ac90a2 { - border-radius: 9px; -} - -.footer_ac90a2 { - background-color: transparent; - border-top: 1px solid var(--popout-header-border); -} - -.channelHeader_f3978e { - padding: 12px 16px; - background-color: var(--message-color-alt); - border-radius: var(--message-radius) var(--message-radius) 0 0; - border-bottom: 1px solid var(--card-border-color); -} -.channelHeader_f3978e .button__292b6 { - background-color: var(--menu-item-hover); -} -.channelHeader_f3978e .button__292b6:hover { - background-color: var(--menu-item-select); -} - -/* MESSAGES POPOUT -> RECENT MENTIONS */ -.container_ddb5b4 { - padding-left: 0; - padding-right: 0; -} -.container_ddb5b4:first-child { - margin-top: 16px; -} -.container_ddb5b4 .messageContainer_ddb5b4 { - margin-left: 0; - background-color: var(--message-color-alt); - border-radius: 0 0 var(--message-radius) var(--message-radius); -} -.container_ddb5b4 .messageContainer_ddb5b4 .wrapper_f9f2ca { - --message-color: var(--message-color-hover); -} -.container_ddb5b4 .messageContainer_ddb5b4 .wrapper_f9f2ca.cozy_f9f2ca { - margin: 0 0 0 66px; - border-radius: var(--message-radius); - overflow: visible; -} - -.header_f0cd33 { - border-bottom: 1px solid var(--popout-header-border); -} - -.jumpButton_aab0bc { - top: 22px; - right: 22px; - padding: 4px 6px; - border-radius: 12px; -} - -/* MESSAGES POPOUT -> UNREADS */ -.tutorial_f1c3d9 { - background-color: var(--card-color-outlined); - border: 1px solid var(--card-border-color); - padding: 16px; - border-radius: var(--card-radius-big); -} - -.channel_d09ffd .channelHeader_f3978e { - padding: 12px 16px 12px 42px; -} -.channel_d09ffd .channelHeader_f3978e:only-child { - border-radius: var(--message-radius); - border-bottom: none; -} -.channel_d09ffd .channelHeader_f3978e .collapseButton_d09ffd { - left: 12px; - cursor: pointer; -} - -.messages_c06487 { - padding: 16px; - background-color: var(--message-color-alt); - border-radius: 0 0 var(--message-radius) var(--message-radius); -} -.messages_c06487 .wrapper_f9f2ca.cozy_f9f2ca { - overflow: visible; -} -.messages_c06487 .wrapper_f9f2ca.cozy_f9f2ca.groupStart_d5deea { - margin: 16px 0 0 48px; -} -.messages_c06487 .wrapper_f9f2ca.cozy_f9f2ca:not(.groupStart_d5deea) { - margin: -8px 0 0 48px; -} - -/* - * - * NITRO UPSELLS - * - */ -/* NITRO UPSELLS -> PROFILE THEMES */ -.content-1rmYE- { - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp); -} -.content-1rmYE- .button_dd4f85 { - --button-padding: 0 12px; -} - -/* - * - * NOISE SUPPRESSION - * - */ -.noiseCancellationPopout_adcaac { - background-color: var(--popout-color); - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp); -} -.noiseCancellationPopout_adcaac .micTestButton_adcaac { - width: auto; -} - -/* - * - * PARTY MODE POPOUT - * - */ -.content_aa99af { - background-color: var(--popout-color); - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp); -} -.content_aa99af .pointer_aa99af { - border-top-color: var(--popout-color); -} - -/* - * - * PICTURE IN PICTURE - * - */ -.pictureInPictureVideo_cadaa5 { - background-color: var(--popout-color); - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp); -} - -/* - * - * REGION SELECT POPOUT - * - */ -.regionSelectPopout_ccb5ca { - padding: 8px 0; - background-color: var(--popout-color) !important; - border-radius: var(--popout-radius); - box-shadow: var(--shadow-3dp); -} -.regionSelectPopout_ccb5ca .quickSelectPopoutOption_b852b1 { - position: relative; - padding: 9px 12px; - transition: var(--default-time) ease background-color; -} -.regionSelectPopout_ccb5ca .quickSelectPopoutOption_b852b1:hover { - background-color: var(--menu-item-hover) !important; -} -.regionSelectPopout_ccb5ca .quickSelectPopoutOption_b852b1 .regionSelectName_ccb5ca { - margin: 0; - font-size: 14px; - text-align: left; - color: var(--menu-item-text-color) !important; -} - -/* - * - * ROLE PREVIEW POPOUT - * - */ -.container-3ssFyj { - background-color: var(--popout-color); - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp); -} - -/* - * - * SEARCH POPOUT - * - */ -.container_eedf95 { - max-height: 80vh; - background-color: var(--popout-color) !important; - border-radius: var(--popout-radius-big) !important; - box-shadow: var(--shadow-3dp) !important; - overflow-y: auto; - transform: translate(0, -4px); - animation: top-pop-out 400ms var(--default-animation); -} -.container_eedf95 .resultsGroup_b0286e:before { - display: none; -} -.container_eedf95 .resultsGroup_b0286e .searchLearnMore_b0286e a, -.container_eedf95 .resultsGroup_b0286e .searchClearHistory_b0286e { - color: var(--text-normal); -} -.container_eedf95 .header_b0286e { - color: var(--text-normal); - font-size: 14px; - text-transform: none; -} -.container_eedf95 .option_b0286e { - margin: 0; - padding: 0 16px; - border-radius: 0; - text-overflow: ellipsis; - overflow: hidden; -} -.container_eedf95 .option_b0286e:after { - background: linear-gradient(90deg, transparent, var(--popout-color) 80%); -} -.container_eedf95 .option_b0286e:hover:after { - background: linear-gradient(90deg, transparent, var(--menu-item-hover) 50%); -} -.container_eedf95 [aria-selected=true].option_b0286e { - background: var(--menu-item-select) !important; -} -.container_eedf95 [aria-selected=true].option_b0286e:after { - width: 70px; - background: linear-gradient(90deg, transparent, var(--menu-item-select) 50%); -} -.container_eedf95 .option_b0286e .filter_b0286e { - color: var(--text-normal); -} -.container_eedf95 .option_b0286e .answer_b0286e { - color: var(--text-muted); -} -.container_eedf95 .queryContainer_eedf95 { - border-bottom-color: var(--popout-header-border) !important; -} -.container_eedf95 .queryContainer_eedf95.focused_eedf95 { - background-color: transparent !important; -} -.container_eedf95 .queryContainer_eedf95 .queryText_eedf95 { - font-size: 14px; - text-transform: none; -} - -.keybindShortcut-3zF1P9 { - height: 24px; -} -.keybindShortcut-3zF1P9 .key_c90023 { - background-color: var(--menu-item-hover) !important; - color: var(--text-normal); -} -.keybindShortcut-3zF1P9 .key_c90023 { - height: 100%; - padding: 0 6px; - line-height: 24px; - border-radius: 12px; - box-shadow: none !important; - border: none !important; -} - -body:active .container_eedf95:not(:active) { - opacity: 0; - transition: 150ms ease all; -} - -/* - * - * SOUNDBOARD PICKER - * - */ -.picker_cd703d { - background-color: var(--popout-color); - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp); -} - -.premiumPromo_ca9b56 { - background-color: var(--popout-color); - border-radius: var(--popout-radius-big); -} - -.header_d0dc1d { - border-bottom: 1px solid var(--separator-color); - box-shadow: none; -} - -.categoryList_ceda83 { - top: 57px; -} -.categoryList_ceda83 .scrollerBase_eed6a8 { - --scrollbar-width: 0; -} - -.soundButton_f40049 { - background-color: var(--card-button-color); - border-radius: 20px; - transition: var(--default-time) var(--default-animation) background-color; -} -.soundButton_f40049.hoverActiveBackground_f40049:hover { - background-color: var(--card-button-color-hover); -} -.soundButton_f40049 .buttonOverlayBackground_f40049 { - background-color: var(--card-button-color); -} -.soundButton_f40049.soundAddButton__896b6:hover { - background-color: var(--card-button-color-hover); -} - -.keybindHint_c66e5e { - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big); -} - -/* - * - * STATUS PICKER - * - */ -[style*="bottom: 68px; left: 88px"].layer_cd0de5 { - left: 80px !important; -} - -.menu_ad5fac { - --popout-color: transparent; - box-shadow: none; - animation: none; -} -.menu_ad5fac .scrollerBase_eed6a8 { - padding-right: 0 !important; -} -.menu_ad5fac .scrollerBase_eed6a8::-webkit-scrollbar { - --scrollbar-width: 0; -} -.menu_ad5fac .separator_d90b3d { - width: calc(100% - 24px); - margin: 8px 12px !important; - border-color: var(--separator-color) !important; -} -.menu_ad5fac .submenu_d90b3d .separator_d90b3d { - width: 100%; - margin: 8px 0 !important; -} - -body:active .menu_ad5fac:not(:active) { - opacity: 1; -} - -.scroller_d90b3d { - padding: 8px 0 !important; -} -.scroller_d90b3d::-webkit-scrollbar { - width: 0 !important; -} - -.profileGroup-1yKk23 { - margin: -8px 0 0; -} -.profileGroup-1yKk23 .item_d90b3d { - padding: 0; -} -.profileGroup-1yKk23 .userInfoTitle-39qq0Y { - font-size: 14px; - text-transform: none; -} - -.statusItem_ad5fac { - padding: 0; -} - -/* STATUS PICKER -> NEW */ -/* - * - * STREAM PREVIEW - * - */ -.streamPreview_adbea6 { - background-color: var(--popout-color) !important; - border-radius: var(--popout-radius-big) !important; - box-shadow: var(--shadow-3dp) !important; -} -.streamPreview_adbea6 .previewContainer_adbea6 { - background-color: var(--popout-color-alt) !important; - border-radius: var(--popout-radius-big); - overflow: hidden; -} -.streamPreview_adbea6 .iconButton_a2aefc { - --button-padding: 0; -} - -/* - * - * SUMMARIES POPOUT - * - */ -.topicsDropdownBase_cf58b5 { - top: calc(var(--button-height) + 16px); - left: 0; - right: 0; - margin: 0 auto; - background-color: var(--popout-color); - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp); - border: none; - pointer-events: all; - overflow: hidden; - animation: top-pop-out 400ms var(--default-animation); -} -.topicsDropdownBase_cf58b5 .scrollerBase_eed6a8 { - padding-top: 0; - padding-right: calc(8px - var(--scrollbar-thin-width)) !important; - background-color: transparent; -} - -.topicsDropdownHeading_cf58b5 { - padding: 24px 24px 16px; - background-color: transparent; -} -.topicsDropdownHeading_cf58b5 .topicsDropdownHeadingText_cf58b5 { - padding-top: 0; -} -.topicsDropdownHeading_cf58b5 .heading-md\/bold_dc00ef { - line-height: 24px; - font-size: 20px; - font-weight: 400; -} - -.topicsScroller_cf58b5 { - --scrollbar-width: 8px; - padding: 0 0 8px 0 !important; - background: transparent; -} - -.summariesBetaTag_cf58b5 { - margin-left: 8px; - background-color: hsl(var(--accent-hsl--material-you)) !important; - color: var(--accent-text-color--material-you); -} - -.container_b1a27b { - margin-top: 0; - padding-left: 16px; - padding-right: 12px; - border-radius: calc(var(--card-radius-big) / 1.4); - transition: var(--default-time) var(--default-animation) background-color; -} -.container_b1a27b:hover { - background-color: var(--card-color-active); -} - -.feedbackContainer_b1a27b { - padding-left: 24px; - background-image: linear-gradient(90deg, transparent, var(--card-color-active) 40%); - border-radius: 0 var(--card-radius-big) var(--card-radius-big) 0; - animation: feedback-open var(--default-time) var(--default-animation); -} -.feedbackContainer_b1a27b .thumbIcon_b1a27b { - background-color: var(--card-color-hover); - transition: var(--default-time) var(--default-animation) background-color; -} -.feedbackContainer_b1a27b .thumbIcon_b1a27b:hover { - background-color: var(--card-color-filled); -} - -@keyframes feedback-open { - from { - opacity: 0; - } -} -/* - * - * THREADS POPOUT - * - */ -.container_e664f3 { - min-height: 200px; - max-height: 80vh; - background-color: var(--popout-color); - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp); - animation: top-pop-out 400ms var(--default-animation); -} -.container_e664f3 .header_e664f3 { - min-height: unset; - height: auto; - padding: 24px 24px 16px; - background-color: transparent; -} -.container_e664f3 .header_e664f3 .divider_e664f3 { - display: none; -} -.container_e664f3 .header_e664f3 .tabBar_e25e30 { - height: 100%; -} -.container_e664f3 .header_e664f3 .searchBox_e664f3 { - --input-height: 32px; -} -.container_e664f3 .header_e664f3 .createButton_e664f3 { - --button-height: 32px; - --button-padding: 0 12px; - min-width: 84px; -} -.container_e664f3 .controls-SB-N9h { - height: 52px; -} -.container_e664f3 .tabBar-3N44FC { - height: 100%; -} -.container_e664f3 .tabBar-3N44FC .item_a0 { - height: 24px; - border-radius: 12px; -} -.container_e664f3 .tabBar-3N44FC .item_a0:after { - display: none; -} -.container_e664f3 .tabBar-3N44FC .item_a0:hover { - background-color: var(--menu-item-hover) !important; -} -.container_e664f3 .tabBar-3N44FC .item_a0.selected_a0 { - background-color: var(--menu-item-select) !important; -} -.container_e664f3 .container_ebd74a { - min-height: 200px; - padding: 16px; -} -.container_e664f3 .sectionHeader_c6aa12 { - margin-top: 0; - font-size: 14px; - text-transform: none; -} -.container_e664f3 .list_c6aa12 { - padding: 0 24px; -} -.container_e664f3 .activeThreadsList-c8qlqZ { - padding-bottom: 16px; -} -.container_e664f3 .content-28mbXd { - height: auto !important; -} -.container_e664f3 .container_acb8b3 { - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); - transition: var(--default-time) var(--default-animation) background-color; -} -.container_e664f3 .container_acb8b3:hover { - background-color: var(--card-color-hover); -} -.container_e664f3 .container_acb8b3:last-of-type { - margin-bottom: 0; -} - -body:active .container_e664f3:not(:active) { - opacity: 0; - transition: 150ms ease all; -} - -/* - * - * THREADS CHANNEL POPOUT - * - */ -.popout_c5b389 { - padding: 0; - background-color: var(--popout-color); - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp); -} -.popout_c5b389 .title_c5b389 { - margin: 0 0 8px 0; - padding: 12px; - font-size: 14px; - text-transform: none; - border-bottom: 1px solid var(--popout-header-border); -} -.popout_c5b389 .row_c5b389 { - margin: 0; - border-radius: 0; - color: var(--menu-item-text-color); - transition: var(--default-time) var(--default-animation); -} -.popout_c5b389 .row_c5b389:hover { - background-color: var(--menu-item-hover); - color: var(--menu-item-text-color); -} -.popout_c5b389 .row_c5b389 .timestamp_c5b389 { - color: var(--text-muted) !important; -} -.popout_c5b389 .more_c5b389 { - padding: 8px 12px; - border-top-color: var(--popout-header-border); - color: hsl(var(--accent-hsl--material-you)); -} -.popout_c5b389 .more_c5b389 .size14_fb468f { - margin-left: auto; -} - -/* - * - * USER POPOUT - * - */ -.userProfileOuterUnthemed_c69a7b { - --profile-gradient-primary-color: var(--popout-color) !important; - --profile-gradient-secondary-color: var(--popout-color) !important; - --profile-avatar-border-color: var(--popout-color) !important; - --profile-body-background-color: var(--popout-color-alt) !important; - --profile-gradient-button-color: hsl(var(--accent-hsl--material-you)) !important; - --profile-gradient-button-text-color: var(--accent-text-color--material-you) !important; - --bg-surface-overlay: var(--profile-gradient-primary-color) !important; - --bg-mod-faint: var(--profile-body-background-color) !important; - --input-color: var(--input-color-alt) !important; -} - -.custom-theme-background .menu_d90b3d { - border: none; -} - -.userProfileOuterThemed_c69a7b { - --popout-color-alt: var(--profile-gradient-secondary-color) !important; - --card-color-filled: var(--profile-body-background-color) !important; - --menu-item-hover: var(--profile-gradient-secondary-color) !important; -} -.userProfileOuterThemed_c69a7b .inner_dc0b43 { - --input-color: rgb(var(--bg-overlay-color)/0.3); -} -.userProfileOuterThemed_c69a7b .statusText_d0a252 { - color: var(--white-500); -} -.userProfileOuterThemed_c69a7b .fontSize16Padding_d0696b { - color: var(--text-normal) !important; -} -.userProfileOuterThemed_c69a7b .spriteGreyscale_af14ca { - background-color: var(--text-normal); -} -.userProfileOuterThemed_c69a7b .banner_c3e427 { - border-radius: calc(var(--popout-radius-big) - 4px); -} -.userProfileOuterThemed_c69a7b .lookFilled_dd4f85 { - --button-background: var(--profile-gradient-button-color); - --button-text-color: var(--white-500); - --accent-button-action: var(--white-500); -} -.userProfileOuterThemed_c69a7b .connectedAccounts_f3eb60 .connectedAccountContainer_f3eb60 { - --card-color-filled: var(--profile-body-background-color); -} -.userProfileOuterThemed_c69a7b .spoilerContent_a3d0f7 { - --attachment-color: var(--profile-role-pill-background-color); -} -.userProfileOuterThemed_c69a7b .spoilerContent_a3d0f7.hidden_a3d0f7 { - --attachment-color: var(--profile-gradient-secondary-color); -} -.userProfileOuterThemed_c69a7b .textarea_dde0a8, -.userProfileOuterThemed_c69a7b .inputWrapper_f8bc55 .input_f8bc55 { - --input-color: var(--profile-body-background-color) !important; -} -.userProfileOuterThemed_c69a7b .listRow_e4be58 { - --menu-item-hover: var(--profile-body-background-hover); -} -.userProfileOuterThemed_c69a7b .markup_f8f345 a { - color: var(--profile-gradient-secondary-color); -} -.userProfileOuterThemed_c69a7b .flowerStar_ff7d90 path { - fill: var(--profile-gradient-button-color); -} -.userProfileOuterThemed_c69a7b .childContainer_ff7d90 path { - fill: var(--white-500); -} - -.biteSizeOuter_c69a7b { - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp); -} - -.banner_c3e427 { - border-radius: var(--card-radius-big); -} - -.biteSizeInnerThemed_c69a7b { - padding-bottom: 0; - background-color: var(--popout-color); -} -.biteSizeInnerThemed_c69a7b:before { - border-radius: calc(var(--popout-radius-big) / 1.25); -} - -.inner_f867f9 { - border-radius: var(--popout-radius-big); -} - -.userProfileInner_c69a7b:before { - border-radius: calc(var(--popout-radius-big) / 1.25); -} - -.usernameRow_c32acf .icon_f1cdcc .contents_dd4f85 { - --button-height: 16px; -} - -/* USER POPOUT -> BANNER BUTTONS */ -.wrapper_cb78f1 .button_dd4f85 { - padding: 0; -} -.wrapper_cb78f1 .button_dd4f85 .contents_dd4f85 { - min-width: var(--button-height); - min-height: var(--button-height); -} - -/* USER POPOUT -> STATUS BUBBLE */ -.statusBubbleOuter_d0a252 { - background-color: var(--popout-color-alt) !important; - border-radius: var(--popout-radius-big); - border: none !important; - box-shadow: none; -} -.statusBubbleOuter_d0a252:before, .statusBubbleOuter_d0a252:after { - background-color: inherit !important; - border: none !important; - box-shadow: none; -} - -.statusBubble_d0a252 { - background-color: transparent !important; -} - -.statusText_d0a252 { - color: var(--text-normal); -} - -/* USER POPOUT -> BADGE LIST */ -.container_e5a42d { - height: 24px; - padding: 0 2px; - background-color: var(--card-color-filled) !important; - border-radius: 12px; - border: none; -} - -/* USER POPOUT -> ACTIVITY */ -.activity_cd74cc { - background-color: var(--popout-color-alt); - border-radius: calc(var(--popout-radius-big) / 1.5); - border: none; -} - -/* USER POPOUT -> SPOTIFY */ -.syncButton_deca39 { - --button-padding: 0; - min-width: var(--button-height); -} -.syncButton_deca39 .syncButtonInner_deca39 { - min-width: var(--button-height); - max-width: var(--button-height); - min-height: var(--button-height); - max-height: var(--button-height); -} - -.assetsLargeImageSpotify_d5089b { - border-radius: 50%; -} - -/* USER POPOUT -> ROLES */ -.role_f9575e, .role_c6b11b { - min-width: 28px; - height: 28px; - gap: 6px; - padding: 0 12px 0 6px; - background-color: transparent; - border-radius: 8px; - border: 1px solid var(--card-border-color); -} -.role_f9575e > :first-child, .role_c6b11b > :first-child { - margin-left: 0; - margin-right: 0; -} - -.roleCircle_a26d7b { - width: 16px; - height: 16px; -} - -.showMoreButton_c83b44 { - height: 28px; - padding: 0 6px; - background-color: transparent; - border-radius: 8px; - border: 1px solid var(--card-border-color); - box-sizing: border-box; -} -.showMoreButton_c83b44 .text-xs\/medium_dc00ef { - line-height: 26px; -} - -.button_edead5, .addButton_e4010c { - width: 28px; - height: 28px; - padding: 0; -} -.button_edead5 .contents_dd4f85, .addButton_e4010c .contents_dd4f85 { - --button-height: 28px; - min-width: 28px; - max-height: 28px; - min-height: 28px; - max-height: 28px; -} - -/* USER POPOUT -> MESSAGE */ -.inner_dc0b43 { - background-color: var(--input-color) !important; - border-radius: var(--input-radius); -} -.inner_dc0b43 .textArea_d0696b { - min-height: var(--input-height); - height: var(--input-height); -} -.inner_dc0b43 .fontSize16Padding_d0696b { - padding-top: calc((var(--input-height) - 1.57em) / 2); - padding-bottom: calc((var(--input-height) - 1.57em) / 2); -} -.inner_dc0b43 .buttons_d0696b { - height: var(--input-height); -} - -/* USER POPOUT -> SELF PROFILE */ -.menus_ad5fac > .menu_d90b3d { - background-color: var(--popout-color-alt); - border-radius: calc(var(--popout-radius-big) / 1.5); - border: none; - box-shadow: none; -} - -/* USER POPOUT -> QUEST AVAILABLE POPOUT */ -.wrapper_ac01d6 { - background-color: var(--popout-color); - border-radius: var(--popout-radius-big) !important; - box-shadow: var(--shadow-3dp); -} - -.container_ac01d6 { - background-color: unset; -} - -/* - * - * SERVER FOLDERS - * - */ -.expandedFolderBackground_bc7085 { - --background-secondary: var(--server-folder-color) !important; - border-radius: var(--avatar-radius); -} - -.folder_bc7085 { - --background-secondary: transparent !important; -} -.folder_bc7085.hover_bc7085 { - --background-primary: var(--server-folder-color) !important; -} - -[style*="background-color: rgba(88, 101, 242, 0.4)"].folderIconWrapper_bc7085 { - background-color: hsl(var(--accent-hsl), 0.4) !important; -} - -.expandedFolderIconWrapper_bc7085 svg[style*="color: rgb(88, 101, 242);"] { - color: hsl(var(--accent-hsl--material-you)) !important; -} - -/* - * - * SERVER LIST - * - */ -.wrapper_fea3ef { - background-color: var(--server-color) !important; -} -.wrapper_fea3ef .scroller_fea3ef { - background-color: transparent; -} -.wrapper_fea3ef .tree_fea3ef:focus { - outline: none; -} - -.wrapper_f90abb { - border-radius: var(--avatar-radius); - overflow: hidden; -} -.wrapper_f90abb .childWrapper_f90abb { - background-color: hsl(var(--accent-hsl--material-you)); - border-radius: var(--avatar-radius); - color: var(--accent-text-color--material-you); -} -.wrapper_f90abb.selected_f90abb .childWrapper_f90abb { - background-color: hsl(var(--accent-hsl--material-you)) !important; - color: var(--accent-text-color--material-you) !important; -} -.wrapper_f90abb:hover .childWrapper_f90abb { - background-color: hsl(var(--accent-hsl--material-you)) !important; - color: var(--accent-text-color--material-you) !important; -} - -.svg_c5f96a defs > path { - d: path("M7.981 40.019h32.038V7.981H7.981v32.038z"); - transform: scale(1.49825) translate(-8px, -8px); -} - -.favoriteIcon__91c06 path { - d: path("M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"); -} - -.circleIconButton_db6521 { - border-radius: var(--avatar-radius) !important; - background-color: hsl(var(--accent-hsl--material-you)); - color: var(--accent-text-color--material-you); -} -.circleIconButton_db6521.selected_db6521 { - background-color: hsl(var(--accent-hsl--material-you)) !important; - color: var(--accent-text-color--material-you); -} - -.childWrapper_f90abb rect { - rx: var(--avatar-radius); -} - -.mention_c10249 { - background-color: hsl(var(--alert-hsl)); - color: var(--alert-text-color); -} - -/* SERVER LIST -> SERVER */ -.listItem_c96c45 .wrapper_c5f96a { - border-radius: var(--avatar-radius); -} -.listItem_c96c45 .wrapper_c5f96a .icon__11cf1 { - border-radius: var(--avatar-radius); -} -.listItem_c96c45 .wrapper_c5f96a .lowerBadge_c5f96a { - width: auto; - height: auto; -} -.listItem_c96c45 .wrapper_c5f96a .unread-badge.lowerBadge_c5f96a { - right: unset; - left: -2px; -} -.listItem_c96c45 .wrapper_c5f96a .unread-badge.lowerBadge_c5f96a .numberBadge_df8943 { - background-color: hsl(var(--accent-hsl--material-you)) !important; - color: var(--accent-text-color--material-you) !important; -} -.listItem_c96c45 .wrapper_c5f96a .upperBadge_c5f96a .iconBadge_c96c45 { - background-color: hsl(var(--accent-hsl--material-you)); - color: var(--accent-text-color--material-you); - border-radius: 50%; -} -.listItem_c96c45 .wrapper_c5f96a .upperBadge_c5f96a .iconBadge_c96c45.participating__64cf0 { - background-color: hsl(var(--accent-hsl--material-you)); - color: var(--accent-text-color--material-you); -} -.listItem_c96c45.frame_oXWS21 .childWrapper_f90abb { - padding: 0 6px; - border-radius: 12px; - text-transform: capitalize; - font-weight: 500; -} - -.numberBadge_df8943 { - background-color: hsl(var(--alert-hsl)) !important; - color: var(--alert-text-color) !important; -} - -.unavailableBadge_c96c45 { - background-color: hsl(var(--warning-hsl)) !important; - color: var(--warning-text-color) !important; -} - -.dragInner__66313 { - border-radius: var(--avatar-radius); -} - -.folder_bc7085, -.folderIconWrapper_bc7085 { - border-radius: var(--avatar-radius) !important; -} - -.target_b7c66a.dragOver_b7c66a:before, -.centerTarget_b7c66a.dragOver_b7c66a:before { - background-color: hsl(var(--accent-hsl--material-you)); - box-shadow: var(--shadow-1dp); -} - -/* - * - * SERVER AUDIT LOG - * - */ -.auditLog_eebd33 { - position: relative; - margin: 0; - background-color: var(--card-color-filled); - border-radius: 0; - border: none; -} -.auditLog_eebd33:first-of-type { - border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; -} -.auditLog_eebd33:last-of-type { - border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); -} -.auditLog_eebd33:last-of-type .header_eebd33 { - margin: 8px; -} -.auditLog_eebd33:last-of-type .header_eebd33:after { - height: calc(100% - 16px); -} -.auditLog_eebd33:last-of-type .header_eebd33.headerExpanded_eebd33 { - margin: 8px 8px 0; -} -.auditLog_eebd33:last-of-type .changeDetails_eebd33 { - margin-bottom: 8px; -} -.auditLog_eebd33:hover .header_eebd33:after { - background-color: var(--card-color-hover); -} - -.header_eebd33 { - width: calc(100% - 16px); - margin: 8px 8px 0; - border-radius: calc(var(--card-radius-big) / 1.65); - background-color: transparent !important; - z-index: 2; -} -.header_eebd33:after { - position: absolute; - content: " "; - width: calc(100% - 16px); - height: calc(100% - 8px); - top: 8px; - left: 8px; - border-radius: calc(var(--card-radius-big) / 1.65); - transition: var(--default-time) var(--default-animation) background-color; - z-index: -1; - pointer-events: none; -} -.header_eebd33.headerExpanded_eebd33:after { - background-color: var(--card-color-active) !important; -} - -.divider_eebd33 { - display: none; -} - -.changeDetails_eebd33 { - width: calc(100% - 16px); - margin: 0 8px; - background-color: transparent !important; - z-index: 2; -} -.changeDetails_eebd33 .detail_eebd33:first-of-type { - margin-top: 0; -} - -.icon_eebd33:after { - width: 9px; - height: 9px; - top: unset; - left: unset; - right: 2px; - bottom: 2px; - border-radius: 50%; -} -.icon_eebd33.typeCreate_eebd33:after { - background: #389c59; -} -.icon_eebd33.typeUpdate_eebd33:after { - background: #ec9d1a; -} -.icon_eebd33.typeDelete_eebd33:after { - background: #9d3235; -} - -/* - * - * SERVER SETTINGS CONTENT MODERATION - * - */ -.simpleItemWrapper_e1b877 { - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); -} - -.editCard_cd99d3 { - background-color: var(--card-color-filled) !important; - border: none !important; - padding: 0; - border-radius: var(--card-radius-big) !important; -} -.editCard_cd99d3:before { - display: none; -} - -.ruleIconContainer_ea28e2, -.stepCountIcon_df95ff { - background-color: var(--card-button-color); -} - -.triggerMainContainer_df95ff { - padding: 0; - border: none; -} -.triggerMainContainer_df95ff .triggerSettingsContainer_df95ff { - --card-color-filled: var(--card-color-alt); - margin: 8px 0; - background-color: var(--card-color-filled); - border: none; - padding: 0; - border-radius: var(--card-radius-big); -} -.triggerMainContainer_df95ff .triggerSettingsContainer_df95ff .paddingTop_bdc518, -.triggerMainContainer_df95ff .triggerSettingsContainer_df95ff .exemptionHint_e1ddee { - margin-top: 0; - padding: 0px 16px 8px; -} - -.collapseable_a3cc4a { - margin-top: 0; - padding: 16px; - background-color: transparent; - border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); - border-top: 1px solid var(--card-border-color); -} -.collapseable_a3cc4a:not(:last-child) { - margin-bottom: 0; -} -.collapseable_a3cc4a:active { - background-color: transparent !important; -} -.collapseable_a3cc4a:before { - display: none; -} - -.mentionLimitContainer_fa2661 { - background-color: transparent; -} - -.searchContainer-3slruV { - padding: 16px 16px 8px; -} -.searchContainer-3slruV .container_effbe2 { - height: var(--input-height); - max-height: var(--input-height); - padding: var(--input-padding); - background-color: var(--input-color); - border-radius: calc(var(--input-height) / 2); - border: none; -} -.searchContainer-3slruV .container_effbe2 .inner_effbe2 { - padding: 0; -} -.searchContainer-3slruV .container_effbe2 .input_effbe2 { - height: var(--input-height); - margin: 0; - padding: 0; -} -.searchContainer-3slruV .richTag_effbe2 { - margin: 6px 6px 6px 0; -} - -.keywordsTextArea_bdc518, -.textArea_bd9c39 { - padding: 12px; - background-color: var(--input-color); - border-radius: 19px; - border: none; -} -.keywordsTextArea_bdc518::-webkit-input-placeholder, -.textArea_bd9c39::-webkit-input-placeholder { - font-family: var(--app-font); - color: var(--input-placeholder-color); -} - -.keywordsTextArea_bdc518 { - width: calc(100% - 32px); - margin: 16px 16px 8px; -} - -.textArea_bd9c39 .innerScroller_bd9c39 { - padding: 0; -} -.textArea_bd9c39 .chipletContainer_ef69fb { - background-color: var(--card-button-color); - border-radius: 6px; -} - -.keywordsCounter_bdc518 { - right: 24px; - bottom: 24px; -} - -.keywordListContainer_f9f552, -.actionContainer_b6e944 { - padding: 12px 16px; - background-color: transparent; - position: relative; - border-bottom: none; -} -.keywordListContainer_f9f552:after, -.actionContainer_b6e944:after { - position: absolute; - content: " "; - width: calc(100% - 16px * 2); - height: 1px; - right: 0; - bottom: 0; - margin: 0 16px; - background-color: var(--card-border-color); -} -.keywordListContainer_f9f552:last-of-type:after, -.actionContainer_b6e944:last-of-type:after { - display: none; -} -.keywordListContainer_f9f552:not(:last-child), -.actionContainer_b6e944:not(:last-child) { - margin-bottom: 0; -} -.keywordListContainer_f9f552 .checkboxWrapper_f6cde8, -.actionContainer_b6e944 .checkboxWrapper_f6cde8 { - padding: 0; -} - -.actionContainer_b6e944 .actionContainer_b6e944 { - padding: 0; -} -.actionContainer_b6e944 .actionIconContainer_b6e944 { - margin-right: 16px; -} -.actionContainer_b6e944 .editChannel_b6e944 { - color: hsl(var(--accent-hsl--material-you)); -} - -.actionContainer_cec7a5 { - background-color: transparent; - border-radius: 8px; - border: 1px solid var(--card-border-color); -} - -.dividierIcon_f9f9ba { - color: var(--text-muted); -} - -.resultsList-2Bp-2_ { - background-color: var(--popout-color); - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp); - border: none; -} -.resultsList-2Bp-2_ .channelRowLabel-2yYGtY, -.resultsList-2Bp-2_ .roleLabel-38YTUn { - background-color: transparent; - border-radius: 6px; - border: 1px solid var(--card-border-color); -} - -.stepperContainer_fa2661 { - padding: 0; - background-color: var(--card-color-outlined); - border-radius: calc(var(--input-height) / 2); - border: 1px solid var(--card-border-color); - --input-height: 36px; -} -.stepperContainer_fa2661 .stepper_fa2661 { - border-radius: inherit; -} -.stepperContainer_fa2661 .iconWrapper__0d13e { - background-color: transparent !important; - transition: var(--default-time) var(--default-animation) background-color; -} -.stepperContainer_fa2661 .iconWrapper__0d13e:first-of-type { - border-right: 1px solid var(--card-border-color); -} -.stepperContainer_fa2661 .iconWrapper__0d13e:last-of-type { - border-left: 1px solid var(--card-border-color); -} -.stepperContainer_fa2661 .iconWrapper__0d13e:hover { - background-color: var(--card-color-hover) !important; -} -.stepperContainer_fa2661 .iconWrapper__0d13e .icon_bb7288 { - height: var(--input-height); -} -.stepperContainer_fa2661 .iconWrapper__0d13e .icon_bb7288:hover { - background-color: transparent; -} -.stepperContainer_fa2661 .inputWrapper_f8bc55 { - border-bottom: none !important; -} -.stepperContainer_fa2661 .inputWrapper_f8bc55:before, .stepperContainer_fa2661 .inputWrapper_f8bc55:after { - bottom: 0; -} - -/* - * - * SERVER SETTINGS BANNED USERS - * - */ -.container_c90ddb { - min-width: 350px; - max-width: 1400px; - width: auto; - padding: 60px 97px 60px 60px; -} -.container_c90ddb + .toolsContainer_c25c6d { - position: absolute; - right: 0; - margin-right: 21px; -} - -.scrollerContainer_c90ddb { - padding: 0; - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big); - box-shadow: none; - overflow: hidden; -} - -.bannedUser_c90ddb { - margin: 0; - background-color: transparent; - border-radius: calc(var(--card-radius-big) / 1.65); - box-shadow: none !important; - transition: var(--default-time) var(--default-animation) background-color; -} -.bannedUser_c90ddb:hover { - background-color: var(--card-color-hover); -} -.bannedUser_c90ddb .username_c90ddb { - color: var(--text-normal) !important; -} -.bannedUser_c90ddb .username_c90ddb .discrim_c90ddb { - padding-left: 6px; - color: var(--primary-400) !important; -} - -/* - * - * SERVER COMMUNITY DISCOVERY - * - */ -.checklist_d6d7a8, .checklistContainer-12xGp5 { - background-color: var(--card-color-filled); - border: none; - padding: 0; - border-radius: var(--card-radius-big); -} -.checklist_d6d7a8 .header_bd2368, .checklistContainer-12xGp5 .header_bd2368, .checklist_d6d7a8 .checklistHeader-3liG7E, .checklistContainer-12xGp5 .checklistHeader-3liG7E { - margin-bottom: 0; - padding: 16px; - background-color: transparent; - font-size: 1.25em; - line-height: normal; - color: var(--card-header-text-color); - font-weight: 400; - opacity: 1; -} -.checklist_d6d7a8 .checklistItem_bd2368, .checklistContainer-12xGp5 .checklistItem_bd2368 { - position: relative; - border-bottom: none; -} -.checklist_d6d7a8 .checklistItem_bd2368:after, .checklistContainer-12xGp5 .checklistItem_bd2368:after { - position: absolute; - content: " "; - width: calc(100% - 16px * 2); - height: 1px; - right: 0; - bottom: 0; - margin: 0 16px; - background-color: var(--card-border-color); -} -.checklist_d6d7a8 .checklistItem_bd2368:last-of-type:after, .checklistContainer-12xGp5 .checklistItem_bd2368:last-of-type:after { - display: none; -} -.checklist_d6d7a8 .checklistItem_bd2368 + .separator_bd2368, .checklistContainer-12xGp5 .checklistItem_bd2368 + .separator_bd2368, .checklist_d6d7a8 .checklistItem_bd2368 + .separator-2qVfIV, .checklistContainer-12xGp5 .checklistItem_bd2368 + .separator-2qVfIV { - display: none; -} - -.card_b3f648 { - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big); - box-shadow: none !important; -} - -.iconMask_b3f648 { - background-color: var(--card-color-filled) !important; -} - -.banner_b1a8d5 { - overflow: hidden; -} - -/* - * - * SERVER EMOJI - * - */ -.content_dc1809 { - padding: 8px; - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big); -} - -.emojiTable_dc1809 { - margin-bottom: 0; - padding: 8px 12px; - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; -} -.emojiTable_dc1809 .formText_b89ec7 { - font-size: 14px; - text-transform: none; -} - -.emojiRow_dc1809 { - position: relative; - padding: 0 16px; - box-shadow: none !important; -} -.emojiRow_dc1809:nth-child(3) { - padding-top: 16px !important; -} -.emojiRow_dc1809:nth-child(3):before { - height: 100% !important; - top: 0 !important; -} -.emojiRow_dc1809:last-of-type { - margin-bottom: 0 !important; -} -.emojiRow_dc1809:last-of-type:before { - height: 100% !important; -} -.emojiRow_dc1809:before { - width: 100% !important; - left: 0 !important; - background-color: var(--card-color-hover) !important; - border-radius: calc(var(--card-radius-big) / 1.6); - border: none; -} -.emojiRow_dc1809 .emojiAliasInput_dc1809 { - margin-top: 0; - border-bottom: none !important; -} -.emojiRow_dc1809 .emojiAliasInput_dc1809:before, .emojiRow_dc1809 .emojiAliasInput_dc1809:after { - display: none; -} -.emojiRow_dc1809 .emojiAliasInput_dc1809:focus-within + .emojiAliasPlaceholder_dc1809 { - opacity: 0; -} -.emojiRow_dc1809 .emojiAliasInput_dc1809 .emojiInput_dc1809, .emojiRow_dc1809 .emojiAliasInput_dc1809 .emojiInput-28Uqhi { - padding: 0 8px; - font-size: 16px; - background-color: var(--input-color-alt); - transition: var(--default-time) var(--default-animation) box-shadow, var(--default-time) var(--default-animation) opacity; -} -.emojiRow_dc1809 .emojiAliasPlaceholder_dc1809 { - height: auto; - margin-left: 8px; - padding: 0; - line-height: var(--input-height); - color: var(--text-normal); - transition: var(--default-time) var(--default-animation); - overflow: visible; -} -.emojiRow_dc1809 .emojiRemove_dc1809 { - top: 0; - right: 12px; - bottom: 0; - margin: auto 0; - background-color: var(--card-button-color); - box-shadow: none !important; - transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) opacity; -} -.emojiRow_dc1809 .emojiRemove_dc1809:hover { - background-color: var(--card-button-color-hover); -} - -/* - * - * SERVER INTEGRATIONS - * - */ -.footerImage_fab929 { - position: static; - margin-top: 80px; - margin-bottom: -288px; -} - -/* - * - * SERVER COMMUNITY ONBOARDING - * - */ -.channelRow_fdea3f { - background-color: var(--card-color-filled); - border: none; - padding: 12px 16px; - border-radius: var(--card-radius-big); -} - -.container_a90bed { - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); -} - -.channelCoverage_df2e1e { - background-color: var(--card-color-filled); - border: none; - padding: 0; - border-radius: var(--card-radius-big); -} -.channelCoverage_df2e1e .channelCoverageDetails_df2e1e { - background-color: transparent; -} - -.channelPill_df2e1e { - height: 20px; - background-color: var(--card-color-active); - border-radius: 10px; -} - -.notice_addbba { - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); -} - -.review_addbba { - padding: 16px; - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; -} - -.onboardingStepContainer_a85c10 { - position: relative; - background-color: var(--card-color-filled); -} -.onboardingStepContainer_a85c10:after { - position: absolute; - content: " "; - width: calc(100% - 32px); - height: 1px; - bottom: 0; - left: 16px; - background-color: var(--card-border-color); -} -.onboardingStepContainer_a85c10:last-of-type { - border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); -} -.onboardingStepContainer_a85c10:last-of-type:after { - display: none; -} -.onboardingStepContainer_a85c10 .iconContainer_a85c10 { - background-color: var(--card-color-active); -} -.onboardingStepContainer_a85c10 .lookOutlined_dd4f85.colorPrimary_dd4f85 { - border: var(--button-outline) !important; -} - -.divider_addbba { - display: none; -} - -/* SERVER COMMUNITY ONBOARDING -> DEFAULT CHANNELS */ -.categoryRow_a33fd3 .categoryText_a33fd3 { - font-size: 14px; - text-transform: none; -} - -.channelRow_a33fd3 { - background-color: var(--card-color-filled); - transition: var(--default-time) var(--default-animation) background-color; -} -.channelRow_a33fd3.firstChannel_a33fd3 { - border-top-left-radius: var(--card-radius-big); - border-top-right-radius: var(--card-radius-big); -} -.channelRow_a33fd3.lastChannel_a33fd3 { - border-bottom-left-radius: var(--card-radius-big); - border-bottom-right-radius: var(--card-radius-big); -} -.channelRow_a33fd3:hover:not(.disabled_a33fd3) { - background-color: var(--card-color-hover); -} -.channelRow_a33fd3 .lockedPill_a33fd3 { - --button-padding: 0 24px 0 16px; -} - -.separator_a33fd3 { - background-color: var(--card-border-color); -} - -.container_fe51c5 { - background-color: var(--card-color-filled); - border: none; - padding: 0; - border-radius: var(--card-radius-big); -} -.container_fe51c5 .header_fe51c5, -.container_fe51c5 .container_eff583, -.container_fe51c5 .channelList_fe51c5 { - background-color: transparent; -} - -/* SERVER COMMUNITY ONBOARDING -> NAVIGATION BANNER */ -.container_b5926e { - background-color: var(--popout-color) !important; - border-radius: 4px; - box-shadow: var(--shadow-2dp); -} -.container_b5926e .button_dd4f85.lookOutlined_dd4f85 { - --button-padding: 0 24px 0 16px; -} -.container_b5926e .button_dd4f85.lookFilled_dd4f85 { - --button-padding: 0 16px 0 24px; -} -.container_b5926e .button_dd4f85.lookFilled_dd4f85 .button_b5926e { - color: var(--accent-text-color--material-you) !important; -} - -.educationUpsell_b5926e { - background-color: var(--popout-color); - border-radius: var(--popout-radius-big); -} -.educationUpsell_b5926e .educationUpsellArrow_b5926e { - border-bottom-color: var(--popout-color); -} - -/* SERVER COMMUNITY ONBOARDING -> PREVIEW */ -.testimonialHeroContainer_d3081b { - background-color: var(--card-color-filled); - border: none; - padding: 32px; - border-radius: var(--card-radius-big); -} -.testimonialHeroContainer_d3081b .quotes_d3081b { - top: 40px; - color: var(--card-header-text-color); -} -.testimonialHeroContainer_d3081b .testimonialsControls_d3081b { - margin: 0; -} -.testimonialHeroContainer_d3081b .button_dd4f85 { - --button-padding: 0 10px; -} - -.upsellPreview_aa7c25 { - gap: 16px; - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); -} -.upsellPreview_aa7c25.spacingLarge_aa7c25 { - gap: 2px; -} -.upsellPreview_aa7c25.spacingLarge_aa7c25 .heading-md\/semibold_dc00ef { - padding-bottom: 14px; -} -.upsellPreview_aa7c25.spacingLarge_aa7c25 .welcomeMessageContainer_a1289e { - margin-bottom: 14px; -} -.upsellPreview_aa7c25 .heading-md\/semibold_dc00ef { - line-height: normal; - font-size: 1.25em; - color: var(--card-header-text-color); - font-weight: 400; -} -.upsellPreview_aa7c25 .spacingSmall_aa7c25 { - gap: 2px; -} -.upsellPreview_aa7c25 .previewListItem_aa7c25 { - padding: 12px; -} -.upsellPreview_aa7c25 .previewListItem_aa7c25.selected_aa7c25 { - background-color: var(--card-color-alt-hover); -} -.upsellPreview_aa7c25 .previewListItem_aa7c25, -.upsellPreview_aa7c25 .action_e3f878 { - background-color: var(--card-color-alt); - border-radius: 4px; -} -.upsellPreview_aa7c25 .previewListItem_aa7c25:first-of-type, -.upsellPreview_aa7c25 .action_e3f878:first-of-type { - border-top-left-radius: var(--card-radius-big); - border-top-right-radius: var(--card-radius-big); -} -.upsellPreview_aa7c25 .previewListItem_aa7c25:last-of-type, -.upsellPreview_aa7c25 .action_e3f878:last-of-type { - border-bottom-left-radius: var(--card-radius-big); - border-bottom-right-radius: var(--card-radius-big); -} - -/* - * - * SERVER SETTINGS OVERVIEW - * - */ -.imageUploaderIcon_de76e4 { - left: calc(50% + 32px); - right: unset; -} - -/* - * - * SERVER SETTINGS PERMISSIONS - * - */ -.settingCard_dd864e { - margin-bottom: 16px; - background-color: var(--card-color-outlined) !important; - border: 1px solid var(--card-border-color) !important; - padding: 0; - border-radius: var(--card-radius-big) !important; -} -.settingCard_dd864e.active_dd864e, -.settingCard_dd864e .cardFolder_dd864e { - background-color: transparent; -} -.settingCard_dd864e .folderHeader_dd864e { - position: relative; - border-bottom: none; -} -.settingCard_dd864e .folderHeader_dd864e:after { - position: absolute; - content: " "; - width: 100%; - height: 1px; - bottom: 0; - left: 0; - background-color: var(--card-border-color); -} -.settingCard_dd864e + .divider_dd864e { - display: none; -} -.settingCard_dd864e + .divider_dd864e + .button_dd4f85 { - --button-padding: 0; -} - -.roleMemberList_dd864e { - padding: 16px; -} -.roleMemberList_dd864e .content_eed6a8 { - height: auto !important; -} -.roleMemberList_dd864e .content_eed6a8 .memberRow_dd864e { - padding: 0 4px; - margin-bottom: 16px; -} -.roleMemberList_dd864e .content_eed6a8 .memberRow_dd864e:last-child { - margin-bottom: 0; -} -.roleMemberList_dd864e .content_eed6a8 .divider_dd864e { - display: none; -} - -.sidebarScrollable_e9196a .sidebarHeaderDefault-1BHqHQ { - font-size: 14px; - text-transform: none; -} -.sidebarScrollable_e9196a .role_f778a8 { - border-radius: 16px; -} -.sidebarScrollable_e9196a .role_f778a8 .background-3X6N7I { - padding: 0; - background-color: transparent; -} - -.scroller_e9196a { - background-color: transparent; -} - -.staticToolbar_de3e42 { - margin-bottom: 8px; - background-color: var(--card-color-filled) !important; - border: none !important; - padding: 0; - border-radius: var(--card-radius-big) !important; - overflow: hidden; -} -.staticToolbar_de3e42 .button_dd4f85 { - --button-height: 32px; - --button-background: transparent; - --button-radius: 0; -} - -.forumGuidelines_bc05bb { - --input-padding: 0 12px; - height: 200px; - max-height: 250px; - padding: var(--input-padding); - background-color: var(--input-color); - border-radius: calc(200px / 2); - border: none; - background: var(--input-color) !important; - border-radius: 19px; -} -.forumGuidelines_bc05bb .slateTextArea_e52116 { - right: 0; - padding: 12px 0; -} - -/* - * - * SERVER ROLES - * - */ -.tabBar-3pstF7 { - border-bottom: 1px solid var(--card-border-color); -} -.tabBar-3pstF7 .item_a0 { - margin-bottom: 0; - border: none; -} -.tabBar-3pstF7 .item_a0.selected-g-kMVV { - position: relative; - background-color: transparent !important; - border: none; -} -.tabBar-3pstF7 .item_a0.selected-g-kMVV:after { - position: absolute; - content: " "; - width: 100%; - height: 3px; - left: 0; - right: 0; - bottom: 0; - margin: 0 auto; - background: var(--tab-border-color); - border-radius: 3px 3px 0 0; - transition: var(--default-time) ease all; -} - -.container_cc7b67 { - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); - transition: var(--default-time) var(--default-animation) background-color; -} -.container_cc7b67:hover { - background-color: var(--card-color-hover); -} -.container_cc7b67 .icon_cc7b67 { - background-color: var(--card-button-color); -} - -.container__33507 { - height: var(--input-height); - max-height: var(--input-height); - padding: var(--input-padding); - background-color: var(--input-color); - border-radius: calc(var(--input-height) / 2); - border: none; -} -.container__33507 .inner_c18ec9 { - padding: 0; -} -.container__33507 .inner_c18ec9 .input_c18ec9 { - height: var(--input-height); - margin: 0; - padding: 0 4px; -} -.container__33507 .inner_c18ec9 .input_c18ec9::-webkit-input-placeholder { - font-family: var(--app-font); -} -.container__33507 .inner_c18ec9 .iconLayout_c18ec9 { - width: var(--input-height); - height: var(--input-height); -} - -.rolesTable_e72811 { - padding: 16px; - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; -} -.rolesTable_e72811 .tableHeader_e72811 { - margin-left: 0; - margin-bottom: 0; -} -.rolesTable_e72811 .tableHeader_e72811 .dragSpacing_e72811 { - display: none; -} -.rolesTable_e72811 .tableTitle_e72811 { - font-size: 1em; - color: var(--card-header-text-color); - font-weight: 500; - text-transform: none; -} -.rolesTable_e72811 .tableTitle_e72811.memberSpacing-1RRW7k { - margin-left: 64px; -} - -.roleRow_a930f1 { - height: auto; - margin: 0; - padding: 12px 16px; - background-color: var(--card-color-filled); - border-radius: 0; -} -.roleRow_a930f1:last-of-type { - padding-bottom: 20px; - border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); -} -.roleRow_a930f1:last-of-type:before { - height: calc(100% - 8px); -} -.roleRow_a930f1:last-of-type:after { - display: none; -} -.roleRow_a930f1:hover:not(.roleRowDisableHover_a930f1) { - background-color: var(--card-color-filled); -} -.roleRow_a930f1:hover:not(.roleRowDisableHover_a930f1):before { - background-color: var(--card-color-hover); -} -.roleRow_a930f1:hover:not(.roleRowDisableHover_a930f1) .dragIcon_a930f1 { - opacity: 1; -} -.roleRow_a930f1:hover:not(.roleRowDisableHover_a930f1) .circleButton_a930f1 { - background-color: var(--card-button-color-hover); -} -.roleRow_a930f1:hover:not(.roleRowDisableHover_a930f1) .circleButton_a930f1.editButton_a930f1 { - opacity: 1; -} -.roleRow_a930f1:before { - width: calc(100% - 16px); - height: 100%; - left: 8px; - right: 0; - background-color: transparent; - border-radius: calc(var(--card-radius-big) / 1.5); - transition: var(--default-time) var(--default-animation) background-color; - pointer-events: none; -} -.roleRow_a930f1 > * { - z-index: 2; -} - -.dragIcon_a930f1 { - position: absolute; - left: 8px; - padding: 12px; - background-color: var(--card-color-hover); - z-index: 3; - opacity: 0; - visibility: visible; - transition: var(--default-time) var(--default-animation) opacity; - vertical-align: middle; - line-height: 10px; -} - -.circleButton_a930f1 { - background-color: var(--card-button-color); -} -.circleButton_a930f1.editButton_a930f1 { - opacity: 0; - visibility: visible; - transition: var(--default-time) var(--default-animation) opacity; -} - -/* SERVER ROLES -> EDIT/NEW */ -.page_e8251c { - width: 100%; - min-width: 100%; -} -.page_e8251c .sidebar_e87574, -.page_e8251c .contentContainer_e8251c { - position: relative; -} -.page_e8251c .sidebar_e87574 { - margin-left: 40px; - border-right-color: var(--card-border-color); -} -.page_e8251c .sidebar_e87574 .list_e87574 { - padding: 0 16px 96px 16px; - background-color: transparent; - border: none; -} -.page_e8251c .sidebar_e87574 .titleContainer_e87574 { - margin: 0; - padding: 0 8px 16px; - background-color: var(--main-color); -} -.page_e8251c .sidebar_e87574 .titleContainer_e87574.titleElevated_e87574 { - border-bottom: 1px solid var(--card-border-color); - box-shadow: none; -} -.page_e8251c .sidebar_e87574 .titleContainer_e87574 .titleText_e87574 { - font-size: 16px; - text-transform: none; -} -.page_e8251c .sidebar_e87574 .item_a0 { - width: auto; - padding: 0 12px; - border-radius: 16px; - transition: var(--default-time) var(--default-animation) background-color; -} -.page_e8251c .sidebar_e87574 .item_a0:before { - display: none; -} -.page_e8251c .sidebar_e87574 .item_a0:hover { - background-color: var(--menu-item-hover) !important; -} -.page_e8251c .sidebar_e87574 .item_a0.selected_a0 { - background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity)) !important; -} -.page_e8251c .sidebar_e87574 .roleDot-2a4Pv7 { - border: none; -} -.page_e8251c .contentContainer_e8251c { - left: 0; - flex: 1; -} -.page_e8251c .contentWidth_bd05f1 { - width: auto; - min-width: auto; - max-width: none; - padding-right: 82px; -} -.page_e8251c .contentWidth_bd05f1 .sizeTiny_dd4f85 { - --button-height: 24px; - --button-padding: 0 8px; -} -.page_e8251c .header_bd05f1 { - margin-left: 0; - margin-right: 0; - padding: 0; - background-color: var(--main-color); - transition: var(--default-time) var(--default-animation) border-bottom-color; -} -.page_e8251c .header_bd05f1.stickyHeaderElevated_bd05f1 { - box-shadow: none; -} -.page_e8251c .header_bd05f1 .titleText-35PD5k { - font-size: 16px; - text-transform: none; -} -.page_e8251c .header_bd05f1 + div + .divider-5Xhahz { - display: none; -} -.page_e8251c .tabBar_c69589 { - margin-left: 0; - border-bottom: 1px solid var(--card-border-color); -} -.page_e8251c .searchContainer_a73849 { - margin-top: 16px; - padding-bottom: 16px; - border-bottom: 1px solid var(--card-border-color); -} -.page_e8251c .previewContainer_bdfce3 { - border-radius: var(--card-radius-big); -} -.page_e8251c .previewContainer_da1bd9 { - background-color: transparent; - border-radius: var(--card-radius-big); - border: none; -} -.page_e8251c .previewContainer_da1bd9 .messageContainer_da1bd9 { - padding: 16px 16px 16px 66px; - background-color: var(--chat-color); -} -.page_e8251c .container-1zDvAE { - margin-bottom: 20px; -} -.page_e8251c + .toolsContainer_c25c6d { - position: absolute; - top: 0; - right: 0; - z-index: 2; -} - -/* SERVER ROLES -> ADD MEMBER */ -.searchBox_a0cc0d { - padding: 16px; -} -.searchBox_a0cc0d.scrollSeparator_a0cc0d { - box-shadow: none !important; -} -.searchBox_a0cc0d .searchBar_ac8310 { - margin-bottom: 0; - border: none; -} - -/* - * - * SERVER RULES SCREENING - * - */ -.mainColumnContainer-3y3ZF4 { - max-width: calc(100% - 220px); -} - -.backgroundContainer_ceff93 { - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); -} -.backgroundContainer_ceff93 .containerPadding_ceff93 { - padding: 0; -} -.backgroundContainer_ceff93 .inputWrapper_f8bc55 { - height: auto; - max-height: unset; -} - -.containerTitle_ceff93 { - font-size: 1.25em; - color: var(--card-header-text-color); - font-weight: 500; -} -.containerTitle_ceff93 .verificationLevelHook_ceff93 { - font-size: 1em; -} - -.containerFooter_ceff93 { - padding: 0; - background-color: transparent; -} - -.fieldBackground_ceff93:not(textarea) { - --card-color-filled: var(--card-color-alt); - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); -} -.fieldBackground_ceff93.withFooter_ceff93 { - border-bottom: none; -} - -.fieldFooterContainer_ceff93 { - background-color: var(--card-color-alt); - border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); - border-top: 1px solid var(--card-border-color); -} - -.sidebarFixedContainer-2fX672 { - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); -} - -/* SERVER RULES SCREENING -> EDIT RULES */ -.rulesTextAreaInput-2S9Tgi { - background-color: var(--card-color-filled); - border: none; - padding: 0 0 0 16px; - border-radius: var(--card-radius-big); -} - -.exampleRule-KGGZmT { - height: var(--button-height); - padding: 0 12px; - background-color: var(--card-button-color); - border-radius: 10px; - transition: var(--default-time) var(--default-animation) background-color; -} -.exampleRule-KGGZmT:hover { - background-color: var(--card-button-color-hover); -} -.exampleRule-KGGZmT > div { - line-height: var(--button-height); -} - -/* - * - * SERVER SETTINGS SAFETY SETUP - * - */ -.changelog_abe1fa { - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); -} - -.safetyChecklist_abe1fa { - background-color: var(--card-color-filled); - border: none; - padding: 0; - border-radius: var(--card-radius-big); -} -.safetyChecklist_abe1fa .lookOutlined_dd4f85 { - border: var(--button-outline) !important; -} -.safetyChecklist_abe1fa .divider_abe1fa { - background-color: var(--card-border-color); -} - -.back_e1b877 { - --button-padding: 0; - margin-bottom: 16px; -} -.back_e1b877 .backButton_e1b877 { - background-image: none; - text-transform: none; - text-decoration: none; -} - -/* - * - * SERVER SETTINGS SERVER INSIGHTS - * - */ -.error_dd4615 { - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); -} - -.developerPortalCtaWrapper_cfaf72 { - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big); -} - -/* - * - * SERVER SETTINGS SERVER PRODUCTS - * - */ -.container_b981c5 { - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); -} - -.coverImageUploader_fea47d .imageUploaderInner_de76e4 { - background-color: var(--card-color-filled); - border: none; - padding: 0; - border-radius: var(--card-radius-big); -} -.coverImageUploader_fea47d .imageUploaderIcon_de76e4 { - left: unset; - right: 0; -} - -.metricCard_bf27f7, -.tableContainer_d2aca9 { - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big); -} -.metricCard_bf27f7 .text-xs\/medium_dc00ef, -.tableContainer_d2aca9 .text-xs\/medium_dc00ef { - font-size: 14px; - text-transform: none; -} - -/*SERVER SETTINGS SERVER PRODUCTS -> CREATE PRODUCT */ -.textArea_cc484a { - background-color: var(--input-color); - border-radius: 19px; -} - -.clickableItem_f07970 { - border-radius: var(--card-radius-big); -} -.clickableItem_f07970 .radioOptionImage_f07970 { - border-radius: calc(var(--card-radius-big) - 2px) !important; -} - -.container_c298ed { - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big); -} -.container_c298ed .text-sm\/medium_dc00ef { - color: var(--accent-text-color--material-you) !important; -} - -.attachedRoleContainer_f624e3 { - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big); - border: none; -} - -.benefitToggleContainer_d636bf { - padding: 8px 2px 8px 12px; - background-color: var(--card-color-filled); - border-radius: 20px; -} - -.publishable_f77b50 { - background-color: hsl(var(--accent-hsl--material-you), 0.15); - border-radius: var(--card-radius-big); - border-color: hsl(var(--accent-hsl--material-you)); - box-shadow: none; -} - -.wasEverPublished_f77b50 { - background-color: hsl(var(--alert-hsl), 0.15); - border-radius: var(--card-radius-big); - border: 1px solid hsl(var(--alert-hsl)); -} - -.productPreview_d636bf .text-xs\/bold_dc00ef { - font-size: 14px; - text-transform: none; -} - -/*SERVER SETTINGS SERVER PRODUCTS -> PRODUCT CARD */ -.productCard_f26f9b { - background-color: var(--card-color-filled) !important; - border: none !important; - padding: 0; - border-radius: var(--card-radius-big) !important; - transition: var(--default-time) var(--default-animation) background-color; -} -.productCard_f26f9b:hover { - background-color: var(--card-color-hover) !important; -} -.productCard_f26f9b .productThumbnail_f26f9b { - border-radius: var(--card-radius-big); -} - -.badge_a24a11 { - background-color: var(--card-color-active) !important; - border-radius: 13px; -} - -.roleTag_b463ca { - min-width: 28px; - height: 28px; - gap: 6px; - padding: 0 12px 0 6px; - background-color: transparent; - border-radius: 8px; - border: 1px solid var(--card-border-color); -} -.roleTag_b463ca .roleColor_b463ca { - width: 16px; - height: 16px; - margin: 0; - border-radius: 8px; -} -.roleTag_b463ca .roleColor_b463ca + span { - display: none !important; -} - -/* - * - * SERVER SETTINGS SERVER SUBSCRIPTIONS - * - */ -.card_ea91d1 { - background-color: var(--card-color-filled); - border: none; - padding: 0; - border-radius: var(--card-radius-big); -} - -.heroBanner_f6ab4c { - border-radius: var(--card-radius-big); -} - -/* SERVER SETTINGS SERVER SUBSCRIPTIONS -> HOW IT WORKS */ -.howItWorksContainer_aa72d6 { - padding: 0; - background-color: transparent; -} - -.howItWorksImageContainer_aa72d6, -.howItWorksDescription_aa72d6 { - background-color: transparent; -} - -/* SERVER SETTINGS SERVER SUBSCRIPTIONS -> CREATOR BENEFITS */ -.creatorBenefitCard__1f0b1 { - padding: 16px; -} - -.earningsPreviewContainer_da92c3, -.avatarCard_da92c3 { - --card-color-filled: var(--card-color-alt); - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); -} - -/* SERVER SETTINGS SERVER SUBSCRIPTIONS -> LEARN FROM OTHER CREATORS */ -.guildCard__81370 { - padding: 16px; -} - -.guildCardHeaderAvatar_adff39 { - border-radius: 50%; -} - -.guildSubscriberCount_adff39 { - height: var(--button-height); - padding: var(--button-padding); - background-color: var(--card-button-color); - border-radius: var(--button-radius); -} -.guildSubscriberCount_adff39 .text-md\/normal_dc00ef { - color: var(--text-normal) !important; - font-weight: 500; -} - -.subscriberCountValue_adff39, -.subscriberCountText_adff39 { - padding: 0; - background-color: transparent; -} - -.subscriberCountText_adff39 { - padding-left: 12px; -} - -.emojisContainer_adff39 { - margin-right: 8px; - padding: var(--button-padding); - background-color: var(--card-button-color); - border-radius: var(--button-radius); -} - -/* */ -.tabBar_da7453 { - border-bottom-width: 1px; -} - -.container_dce733 { - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); -} - -/* - * - * SERVER SETTINGS SOUNDBOARD - * - */ -.tableTitle_b10b92 { - margin-bottom: 16px; -} - -.soundTable_b10b92 { - grid-template-columns: unset; - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big); -} - -.tableHeaders_b10b92 { - padding: 16px 16px 0; -} -.tableHeaders_b10b92 .tableHeader_b10b92 { - font-weight: 500; - text-transform: none; -} - -.row_b10b92 { - padding: 4px 16px; - position: relative; - border-bottom: none; -} -.row_b10b92:after { - position: absolute; - content: " "; - width: calc(100% - 16px * 2); - height: 1px; - right: 0; - bottom: 0; - margin: 0 16px; - background-color: var(--card-border-color); -} -.row_b10b92:last-of-type:after { - display: none; -} - -/* - * - * SERVER STICKERS - * - */ -.upsellContainer_bb33d5 { - border-radius: var(--card-radius-big); -} - -.tierHeader_da77bd { - border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; -} -.tierHeader_da77bd.tierHeaderUnlocked_da77bd, .tierHeader_da77bd.tierHeaderLocked_da77bd { - background-color: var(--card-color-filled) !important; -} -.tierHeader_da77bd.tierHeaderWithoutCardBody_da77bd { - border-radius: var(--card-radius-big); -} - -.tierBody_da77bd { - background-color: var(--card-color-filled) !important; - border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); - border-top: none !important; -} - -.tierLock_da77bd { - color: var(--interactive-normal); -} - -.wrapper_d864ab { - background-color: var(--card-color-filled); - border: none; - padding: 0; - border-radius: var(--card-radius-big); - transition: var(--default-time) var(--default-animation) background-color; -} -.wrapper_d864ab:hover { - background-color: var(--card-color-hover); -} - -.placeholderCard_f8c5e7 { - background-color: var(--card-color-outlined); - border: 1px solid var(--card-border-color); - padding: 0; - border-radius: var(--card-radius-big); -} - -.background_a4fd01 { - color: var(--main-alt) !important; -} - -/* - * - * ACCEPT RULES - * - */ -.enableContainer_a1879c { - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; -} - -.previewContainer_dcd39d { - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); - border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); - border-top: none; -} -.previewContainer_dcd39d .descriptionWrapper_dcd39d .inputWrapper_f8bc55 { - --input-height: 64px; -} -.previewContainer_dcd39d .descriptionInput_dcd39d { - line-height: 32px; -} -.previewContainer_dcd39d [placeholder].descriptionInput_dcd39d { - text-align: left; -} -.previewContainer_dcd39d .welcomeChannel_dcd39d { - --card-color-filled: var(--card-color-alt); - background-color: var(--card-color-filled); - border: none; - padding: 12px; - border-radius: var(--card-radius-big); -} - -.iconActiveLarger_f11207 { - border-radius: var(--avatar-radius); -} - -.options_e3f8c2 { - margin-bottom: 8px; - background-color: var(--card-color-outlined); - border: 1px solid var(--card-border-color); - padding: 0; - border-radius: var(--card-radius-big); -} -.options_e3f8c2 .optionContainer_e3f8c2 { - margin-top: 0; - border-radius: 0; - background-color: transparent; - position: relative; - border-bottom: none; -} -.options_e3f8c2 .optionContainer_e3f8c2:after { - position: absolute; - content: " "; - width: calc(100% - 16px * 2); - height: 1px; - right: 0; - bottom: 0; - margin: 0 16px; - background-color: var(--card-border-color); -} -.options_e3f8c2 .optionContainer_e3f8c2:last-of-type:after { - display: none; -} - -/* - * - * USER SETTINGS ACCESSIBILITY - * - */ -.preview_c31d36 { - background-color: var(--card-color-outlined) !important; - border: 1px solid var(--card-border-color) !important; - padding: 16px; - border-radius: var(--card-radius-big) !important; -} - -.previewMessage_c31d36 { - padding: 0; - background-color: var(--chat-color); - border-radius: calc(var(--card-radius-big) / 1.25); -} -.previewMessage_c31d36 .message_d5deea { - margin-top: 0 !important; - margin-left: 52px; - margin-right: 0; - border-radius: var(--message-radius); -} -.previewMessage_c31d36 .message_d5deea:before, .previewMessage_c31d36 .message_d5deea:after { - display: none; -} -.previewMessage_c31d36 .message_d5deea .avatar_f9f2ca { - left: -50px; -} - -/* - * - * USER SETTINGS APPEARANCE - * - */ -.preview_a614a7 { - --card-color-filled: transparent; -} -.preview_a614a7.outline_a298b8 { - border: 1px solid var(--card-border-color) !important; -} -.preview_a614a7 .wrapper_f9f2ca { - margin-left: 48px; -} - -/* USER SETTINGS APPEARANCE -> THEME */ -.h5_c46f6a.eyebrow_c46f6a + div:not([class]) div[role=radiogroup] { - padding: 16px; - background-color: var(--card-color-filled); - border: none; -} - -.basicThemeSelectors_ + .premiumFeatureBorder_c6d722 { - margin: 0 -8px -8px; - background: linear-gradient(var(--card-color-filled), var(--card-color-filled)) padding-box, linear-gradient(45deg, hsl(269, calc(var(--saturation-factor, 1) * 52.7%), 52.7%), hsl(325, calc(var(--saturation-factor, 1) * 31.7%), 51.8%)) border-box; - border-radius: calc(var(--card-radius-big) - 4px); -} - -.presets_f45ea6 { - gap: 16px; -} - -.basicThemeSelectors_ .themeSelectionContainer_cb7c27 { - width: unset; - height: unset; - padding: 12px; - background-color: var(--main-color); - border-radius: var(--card-radius-big); -} - -.defaultThemeSelection_cb7c27 { - width: 60px; - height: 60px; - box-shadow: none; -} -.defaultThemeSelection_cb7c27.selected_cb7c27 { - position: relative; - background: hsl(var(--accent-hsl--material-you)); -} -.defaultThemeSelection_cb7c27.selected_cb7c27:before, .defaultThemeSelection_cb7c27.selected_cb7c27:after { - position: absolute; - content: " "; - width: 50%; - height: 50%; - bottom: 0; - pointer-events: none; -} -.defaultThemeSelection_cb7c27.selected_cb7c27:before { - left: 0; - background-color: var(--card-color-filled); - border-bottom-left-radius: 30px; -} -.defaultThemeSelection_cb7c27.selected_cb7c27:after { - right: 0; - background-color: var(--accent-text-color--material-you); - border-bottom-right-radius: 30px; -} - -.selectionCircle_cb7c27 { - box-shadow: none; -} -.selectionCircle_cb7c27:before { - position: absolute; - content: " "; - width: 32px; - height: 32px; - top: 0; - left: 0; - right: 0; - bottom: 0; - margin: auto; - background-color: var(--main-color); - border-radius: 50%; -} -.selectionCircle_cb7c27 .checkmark_cb7c27 { - color: var(--main-color); -} -.selectionCircle_cb7c27 .checkmarkCircle_cb7c27 { - top: 0; - left: 0; - bottom: 0; - margin: auto; -} -.selectionCircle_cb7c27 .checkmarkCircle_cb7c27 circle { - fill: var(--text-normal); -} - -/* USER SETTINGS APPEARANCE -> APP ICON */ -.header_df4d02 { - padding: 8px 8px 0; -} - -.presets_df4d02 { - padding: 0 8px 8px; -} - -.appIconSelection_e2863f.disabled_e2863f:not(.selected_e2863f) { - opacity: 0.5; -} - -/* - * - * USER SETTINGS APP ICON EDITOR - * - */ -.editor_bcfa1e { - margin-left: 8px; - padding: 0; - background-color: var(--chat-color); - border-radius: var(--card-radius-big); - border-left: none; -} -.editor_bcfa1e .heading-lg\/extrabold_dc00ef { - font-size: 1.25em; - line-height: normal; - color: var(--card-header-text-color); - font-weight: 400; -} -.editor_bcfa1e div[role=radiogroup] { - background-color: transparent; -} - -.editorHeader_bcfa1e { - width: auto; - padding: 16px; -} - -.selectionGroup_bcfa1e { - margin-top: 0; -} -.selectionGroup_bcfa1e .header_df4d02 { - padding: 0; -} -.selectionGroup_bcfa1e .presets_df4d02 { - padding: 0; - gap: 16px; -} - -.editorFooter_bcfa1e { - margin-top: 16px; - padding: 0 16px 16px; -} - -/* - * - * USER SETTINGS AUTHORIZED APPS - * - */ -.formNotice_aae945 { - margin-bottom: 32px; - padding: 0; -} -.formNotice_aae945 .formNoticeTitle_aae945 { - margin-bottom: 0; - padding: 16px; - background-color: transparent; - font-size: 1.25em; - line-height: normal; - color: var(--card-header-text-color); - font-weight: 400; - opacity: 1; -} -.formNotice_aae945 .formNoticeTitle_aae945 + .formNoticeBody_aae945 { - padding: 0 16px 16px; -} -.formNotice_aae945.card_a298b8 { - margin-top: 16px; -} - -.formNoticeBody_aae945 { - padding: 16px; -} - -.authedApp_f0135d { - margin-bottom: 16px; - padding: 16px; -} -.authedApp_f0135d .marginBottom20_f7730b .text-sm\/semibold_dc00ef { - font-size: 1.25em; - line-height: normal; - color: var(--card-header-text-color); - font-weight: 400; -} -.authedApp_f0135d .button_dd4f85 { - font-size: 0.75em; -} - -/* - * - * USER SETTINGS BILLING - * - */ -.paymentSourceRow_edf4d6 { - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); -} - -.paymentPane_f66684 { - background-color: var(--card-color-filled) !important; - border: none !important; - padding: 0; - border-radius: var(--card-radius-big) !important; -} -.paymentPane_f66684 .paymentRowHeader_f66684 { - padding: 16px; -} -.paymentPane_f66684 .bottomDivider_f66684 { - border: none; -} -.paymentPane_f66684 .pageActions_cb56ee { - padding: 16px 0; -} - -.paymentRow_f66684:not(.payment_a28a08) { - border-bottom: none; -} - -.payment_a28a08 { - background-color: var(--card-color-filled) !important; -} -.payment_a28a08:not(.hoverablePayment_a28a08) { - padding-bottom: 1px; -} - -.paginator_f66684 { - background-color: transparent !important; -} -.paginator_f66684 .descriptionIcon_a28a08 { - border-radius: 50%; -} -.paginator_f66684 .expandedInfo_a28a08 { - --card-color-filled: var(--card-color-alt); - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); -} -.paginator_f66684 .expandedInfo_a28a08 .paymentHeader_a28a08 { - border-color: var(--card-border-color); -} - -.pageButtonPrev_cb56ee, -.pageButtonNext_cb56ee { - width: var(--button-height); - height: var(--button-height); - padding: 0; - line-height: var(--button-height); - border-color: var(--card-border-color); - text-align: center; -} -.pageButtonPrev_cb56ee.disabled_cb56ee, -.pageButtonNext_cb56ee.disabled_cb56ee { - border-color: var(--card-border-color); -} - -.pageButtonPrev_cb56ee { - border-radius: var(--button-radius) 0 0 var(--button-radius); -} - -.pageButtonNext_cb56ee { - border-radius: 0 var(--button-radius) var(--button-radius) 0; -} - -.pageIndicator_cb56ee { - height: var(--button-height); - border-color: var(--card-border-color); -} - -.codeRedemptionRedirect_cb70f4 { - background-color: var(--card-color-outlined) !important; - border: 1px solid var(--card-border-color) !important; - padding: 16px; - border-radius: var(--card-radius-big) !important; -} - -/* - * - * USER SETTINGS CONNECTIONS - * - */ -.connectContainer_e2a436 { - margin: 0 0 32px 0; - background-color: var(--card-color-filled); - border: none; - padding: 0; - border-radius: var(--card-radius-big); -} -.connectContainer_e2a436 .connectHeader_e2a436 { - margin-bottom: 0; - padding: 16px; - background-color: transparent; - font-size: 1.25em; - line-height: normal; - color: var(--card-header-text-color); - font-weight: 400; - opacity: 1; -} -.connectContainer_e2a436 .text-xs\/normal_dc00ef { - padding: 0 16px; -} -.connectContainer_e2a436 .connectionsContainer_e2a436 { - padding: 0 16px 16px; -} -.connectContainer_e2a436 .wrapper_c36ce4 { - margin-bottom: 0; -} -.connectContainer_e2a436 .accountButtonInner_e2a436 { - background-color: var(--card-button-color); - border-radius: 50%; - transition: var(--default-time) var(--default-animation) background-color; -} -.connectContainer_e2a436 .accountButtonInner_e2a436:hover { - background-color: var(--card-button-color-hover); -} - -/* CONNECTIONS -> ADD CONNECTION */ -.accountBtnInner_ec99f9 { - background-color: var(--card-button-color); - border-radius: 50%; - transition: var(--default-time) var(--default-animation) background-color; -} -.accountBtnInner_ec99f9:hover { - background-color: var(--card-button-color-hover); -} - -/* CONNECTIONS -> CONNECTED ACCOUNTS */ -.connectionList_e2a436 { - grid-gap: 16px; -} - -.header_ec99f9 { - margin-top: 0; -} -.header_ec99f9 .heading-md\/bold_dc00ef { - font-size: 22px; - font-weight: 400; -} - -.connectionsContainer_e2a436 { - margin-bottom: 0; -} - -.connection_e2a436 { - margin-bottom: 0; - background-color: var(--card-color-filled); - border: none; - padding: 0; - border-radius: var(--card-radius-big); -} -.connection_e2a436 .connectionHeader_e2a436 { - margin-bottom: 0; - padding: 16px; - background-color: transparent; - font-size: 1.25em; - line-height: normal; - color: var(--card-header-text-color); - font-weight: 400; - opacity: 1; -} -.connection_e2a436 .connectionOptionsWrapper_e2a436 { - padding: 0 16px 16px; -} -.connection_e2a436 .connectionOptionsWrapper_e2a436 .connectionOptionSwitch_e2a436 { - padding-left: 0; - padding-right: 0; -} -.connection_e2a436 .connectionOptionsWrapper_e2a436 .connectionOptionSwitch_e2a436:last-of-type { - margin-bottom: 0; -} -.connection_e2a436 .divider_ae36e5 { - margin: 0 16px; - border-top-color: var(--card-border-color); -} -.connection_e2a436 .metadataContainer_e2a436, .connection_e2a436 .container_f7e03d { - --card-color-filled: var(--card-color-alt); - margin: 0 16px 16px; - background-color: var(--card-color-filled); - border: none; - padding: 12px; - border-radius: var(--card-radius-big); -} -.connection_e2a436 .upsellWrapper_e2a436 { - padding: 0; -} -.connection_e2a436 .container_f7e03d .button_dd4f85 { - min-width: 130px; -} - -.integrationsWrapper_e2a436 { - padding: 0; -} -.integrationsWrapper_e2a436 .h5_c46f6a { - margin: 0; - padding: 16px 16px 8px; -} -.integrationsWrapper_e2a436 .integration_e2a436 { - --card-color-filled: var(--card-color-alt); - margin: 0 16px 2px; - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); - border-radius: 4px; -} -.integrationsWrapper_e2a436 .integration_e2a436:first-of-type { - border-radius: var(--card-radius-big) var(--card-radius-big) 4px 4px; -} -.integrationsWrapper_e2a436 .integration_e2a436:last-of-type { - margin-bottom: 16px; - border-radius: 4px 4px var(--card-radius-big) var(--card-radius-big); -} -.integrationsWrapper_e2a436 .integration_e2a436:only-child { - border-radius: var(--card-radius-big); -} -.integrationsWrapper_e2a436 .integration_e2a436 .button_dd4f85 { - background-color: hsl(var(--accent-hsl), 0.1); - color: hsl(var(--accent-hsl--material-you)); -} - -/**/ -.connectionsChecksGroup-_ALevE { - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); -} -.connectionsChecksGroup-_ALevE.connectionsChecksGroupPassed-16h0PT { - background-color: var(--card-color-active); -} - -.roleGranted-QK31f8 { - margin-top: 0; - padding: 16px; - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; -} -.channelsGranted-1nZk5r { - margin-bottom: 0; - padding: 0 16px 16px; - background-color: var(--card-color-filled); - border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); -} -.channelsGranted-1nZk5r .heading-lg\/semibold_dc00ef { - font-size: 1.1em; - font-weight: 400; -} - -/* - * - * USER SETTINGS DEVICES - * - */ -.sessions_c7a2c0 > div:not([class]) { - background-color: var(--card-color-filled); - border: none; - padding: 0; - border-radius: var(--card-radius-big); -} - -.otherSessions_c7a2c0 { - margin-top: 32px; - background-color: var(--card-color-filled); - border: none; - padding: 0; - border-radius: var(--card-radius-big); -} - -.sessions_c7a2c0 .sectionTitle_a6ae9b, -.otherSessions_c7a2c0 .sectionTitle_a6ae9b { - margin-bottom: 0; - padding: 16px; - background-color: transparent; - font-size: 1.25em; - line-height: normal; - color: var(--card-header-text-color); - font-weight: 400; - opacity: 1; -} -.sessions_c7a2c0 .sectionTitle_a6ae9b .eyebrow_c46f6a, -.otherSessions_c7a2c0 .sectionTitle_a6ae9b .eyebrow_c46f6a { - margin-bottom: -8px; - line-height: normal; - font-size: inherit; - color: var(--card-header-text-color); - font-weight: 400; -} - -.session_c7a2c0 { - position: relative; - padding: 16px; - gap: 16px; - border-bottom: none; -} -.session_c7a2c0:before { - position: absolute; - content: " "; - width: calc(100% - 16px); - height: 100%; - top: 0; - left: 8px; - background-color: var(--card-color-hover); - border-radius: calc(var(--card-radius-big) / 1.65); - opacity: 0; - transition: var(--default-time) var(--default-animation) opacity; -} -.session_c7a2c0:last-of-type { - padding-bottom: 24px; -} -.session_c7a2c0:last-of-type:before { - height: calc(100% - 8px); -} -.session_c7a2c0:hover:before { - opacity: 1; -} -.session_c7a2c0 > * { - z-index: 2; -} -.session_c7a2c0 .sessionIcon_c7a2c0 { - background-color: hsl(var(--accent-hsl--material-you)); - color: var(--accent-text-color--material-you); -} -.session_c7a2c0 .sessionInfoRow_c7a2c0:not(.eyebrow_e5a66c) { - color: var(--text-muted); -} -.session_c7a2c0 .eyebrow_e5a66c { - font-size: 14px; - text-transform: none; -} - -/* - * - * USER SETTINGS DISCORD EXPERIMENTS - * - */ -.group_d8d11a { - margin-top: 16px; - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); -} -.group_d8d11a .title_d8d11a { - margin-bottom: 0; -} -.group_d8d11a .eyebrow_c46f6a { - margin-top: 16px; -} -.group_d8d11a .experimentDate_d8d11a { - line-height: 42px; -} -.group_d8d11a .description_d8d11a { - margin: 8px 0; -} -.group_d8d11a .button_dd4f85 { - --button-height: 18px; - --button-padding: 0; - font-size: 0.875em !important; - font-weight: 400; -} -.group_d8d11a .divider_d8d11a { - display: none; -} - -/* - * - * USER SETTINGS FAMILY CENTER - * - */ -.container_d576e9 { - background-color: var(--chat-color) !important; -} -.container_d576e9 .sideNavContent_d576e9 { - flex: 1 1 auto; - min-width: 350px; - max-width: 1400px; - left: 0; - right: 0; - margin: 0 auto; - padding: 24px; -} - -.container_d00e26, -.container_f70f48 { - max-width: 1400px; - align-items: center; - gap: 16px; -} - -.max-width_d00e26, .max-width_a2e886 { - max-width: unset; -} - -.banner_d00e26, -.container_a2e886 { - width: 100%; -} - -.banner_d00e26 .heading-xl\/medium_dc00ef { - font-weight: 400; -} - -.container_b01337, -.container_d00e26, -.container_a2e886, -.box_f70f48, -.enableCard_c55991 { - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big); - box-shadow: none; -} - -.container_b01337, -.container_a2e886 { - padding: 24px; -} - -.featureCards_d00e26 { - margin-top: 0; - gap: 16px; -} - -.container_d00e26 .heading-md\/bold_dc00ef, -.container_a2e886 .heading-md\/bold_dc00ef { - font-size: 20px; - font-weight: 400; -} - -.circle_d7c696 { - background-color: var(--card-button-color); -} -.circle_d7c696 .icon_d7c696 { - color: var(--text-muted); -} - -.container_a2e886 { - margin-top: 0; -} -.container_a2e886 .text-xxs\/bold_dc00ef { - font-size: 12px; - font-weight: 500; -} -.container_a2e886 .row_e677b7 { - background-color: var(--card-color-alt); - border-radius: var(--card-radius-big); -} -.container_a2e886 .iconContainer_e677b7 { - background-color: var(--card-button-color); -} - -.box_f70f48 { - padding: 24px; -} -.box_f70f48 .heading-xl\/medium_dc00ef { - font-weight: 400; -} - -.stepNumber_f70f48 { - background-color: var(--card-button-color); -} -.stepNumber_f70f48 .heading-md\/semibold_dc00ef { - color: var(--text-muted) !important; -} - -/* - * - * USER SETTINGS GAME OVERLAY - * - */ -.wrapper_d2da9c { - border-radius: var(--card-radius-big); - border-color: hsl(var(--accent-hsl--material-you)); -} -.wrapper_d2da9c .option_d2da9c { - border-radius: var(--card-radius-big); -} -.wrapper_d2da9c .option_d2da9c:hover { - background-color: hsl(var(--accent-hsl--material-you)); - opacity: 0.6; -} -.wrapper_d2da9c .option_d2da9c.selected_d2da9c { - background-color: hsl(var(--accent-hsl--material-you)); - border-color: hsl(var(--accent-hsl--material-you)); - box-shadow: var(--shadow-1dp); -} - -/* - * - * USER SETTINGS KEYBINDS - * - */ -.warning_f20685 { - background-color: hsl(var(--warning-hsl), 0.3); - border-radius: var(--card-radius-big); - border: none; -} -.warning_f20685 .icon_f20685 { - color: hsl(var(--warning-hsl)); -} - -.children_a6ae9b .marginBottom20_f7730b + .divider_ae36e5 { - display: none; -} - -.row_f916fc { - --input-color: var(--input-color-alt); - padding: 16px; - background-color: var(--card-color-filled); - border-bottom: 1px solid var(--card-border-color); - box-shadow: none !important; -} -.row_f916fc:first-child { - border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; -} -.row_f916fc:last-child { - margin-bottom: 40px; - border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); - border-bottom: none; -} -.row_f916fc:only-child { - border-radius: var(--card-radius-big); - border-bottom: none; -} -.row_f916fc .keybindGroup_f916fc { - margin: 0; - padding: 0; - border-left: none; - border-right: none; -} -.row_f916fc .keybindGroup_f916fc:last-of-type { - border-radius: 0; - border-bottom: none; -} -.row_f916fc .keybindGroup_f916fc:before { - display: none; -} -.row_f916fc .removeKeybind-2YVgVG { - right: -12px; -} -.row_f916fc .container_c67e31 .button_dd4f85 { - width: auto; -} - -.key_c90023 { - height: 24px; - padding: 0 8px; - background-color: var(--card-color-active); - border-radius: 12px; - border: none !important; - box-shadow: none !important; - line-height: 24px; - color: var(--text-normal); -} -.key_c90023 g { - fill: var(--text-normal); -} - -/* KEYBINDS -> DEFAULT */ -.defaultKeybindGroup_f916fc { - margin: 24px 0 0; - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big); -} -.defaultKeybindGroup_f916fc .defaultKeybind_f916fc + .divider_b03b7f { - display: block; -} -.defaultKeybindGroup_f916fc .divider_b03b7f { - width: calc(100% - 32px); - margin: 0 16px; - border-top-color: var(--card-border-color); -} -.defaultKeybindGroup_f916fc .divider_b03b7f:last-of-type { - display: none; -} - -.defaultKeybind_f916fc { - padding: 0 16px; - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big); -} -.defaultKeybind_f916fc + .divider_b03b7f { - display: none; -} - -.defaultKeybindGroupHeader_f916fc { - margin-bottom: 0; - padding: 16px 16px 0; - font-size: 18px; - text-transform: none; - font-weight: 500; -} -.defaultKeybindGroupHeader_f916fc + .divider_b03b7f { - display: none; -} - -.defaultKeybindGroupDescription_f916fc { - margin-bottom: 0; - padding: 16px 16px 0; -} -.defaultKeybindGroupDescription_f916fc + .divider_b03b7f { - display: none; -} - -/* - * - * USER SETTINGS MY ACCOUNT - * - */ -.accountProfileCard_b69b77 { - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big); -} -.accountProfileCard_b69b77 .userInfo_b69b77 { - position: relative; - height: 88px; - padding: 16px 16px 16px 130px; -} -.accountProfileCard_b69b77 .userInfo_b69b77 .wrapper_c51b4e { - background-color: var(--card-color-filled); - border: 8px solid var(--card-color-filled); -} -.accountProfileCard_b69b77 .userInfo_b69b77 .wrapper_c51b4e { - top: unset; - bottom: 21px; -} -.accountProfileCard_b69b77 .bannerSVGWrapper_b32cc2 circle { - display: none; -} -.accountProfileCard_b69b77 .background_b69b77 { - position: relative; - margin: 0; - padding: 0; - background-color: transparent; - border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); -} -.accountProfileCard_b69b77 .background_b69b77:before { - position: absolute; - content: " "; - width: calc(100% - 32px); - height: 1px; - top: 0; - left: 16px; - background-color: var(--card-border-color); -} -.accountProfileCard_b69b77 .background_b69b77 .fieldList_b69b77 { - margin-top: 0; - padding: 16px; -} -.accountProfileCard_b69b77 .background_b69b77 .fieldList_b69b77 .constrainedRow_b69b77 .button_dd4f85 { - margin-left: 8px; -} -.accountProfileCard_b69b77 .background_b69b77 .fieldList_b69b77 .button_dd4f85:not(:last-child) { - margin-right: 16px; -} -.accountProfileCard_b69b77 .badgeList_b69b77 { - height: 32px; - padding: 0 8px; - background-color: var(--card-color-hover); - border-radius: 16px; -} - -.settingsBanner_c3e427 { - position: relative; - border-radius: calc(var(--card-radius-big) / 1.5); -} - -.fieldList_b69b77 { - padding: 0; - background-color: transparent; - border-radius: 0; -} - -.credentialList_eaef52 { - margin-bottom: 16px; - background-color: var(--card-color-filled); - border: none; - padding: 8px; - border-radius: var(--card-radius-big); -} - -.credentialItem_eaef52 { - border-radius: calc(var(--card-radius-big) / 1.65); - border-top: none; - transition: var(--default-time) var(--default-animation) background-color; -} -.credentialItem_eaef52:not(:last-child) { - margin-bottom: 0; -} -.credentialItem_eaef52:hover { - background-color: var(--card-color-hover); -} - -/* - * - * USER SETTINGS NITRO - * - */ -.container-3D-8Ly { - border-radius: var(--card-radius-big); -} - -.ctaWrapper-4Js5Q6 { - border-radius: var(--card-radius-big); -} -.ctaWrapper-4Js5Q6 .ctaButtonInner-2VRelf { - color: var(--button-text-color); -} - -.innerWrapper_c511e4 { - background-color: var(--popout-color); - box-shadow: var(--shadow-3dp); -} - -.tierCard_cf74b3 { - border-radius: var(--card-radius-big); -} - -.giftCard_cf74b3 { - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big); -} - -/* USER SETTINGS -> NITRO -> SERVER BOOST */ -.gradient_e74e54 { - border-radius: var(--card-radius-big); -} - -.wave_e74e54 { - fill: var(--card-color-filled); -} - -.wrapper_d73dcb { - margin-top: 30px; -} - -.guildContainer_e0d799, -.wrapper_d4ec61 { - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big); -} - -.wrapper_d1fdce { - border-radius: var(--card-radius-big); -} -.wrapper_d1fdce .card_d1fdce { - border-radius: var(--card-radius-big); -} - -/* - * - * USER SETTINGS PARTY MODE - * - */ -.achievementContainer_a26362 { - background-color: var(--card-color-outlined); - border: 1px solid var(--card-border-color); - padding: 16px; - border-radius: var(--card-radius-big); -} - -.container_c46051 { - background-color: var(--card-color-outlined); - border: 1px solid var(--card-border-color); - padding: 16px; - border-radius: var(--card-radius-big); -} -.container_c46051:hover { - background-color: var(--card-color-outlined); -} -.container_c46051 .container_d3e49b { - background-color: var(--menu-item-hover); -} - -.container_e48555 { - padding: var(--tooltip-padding); - background-color: var(--tooltip-color); - box-shadow: var(--tooltip-shadow); - border-radius: 28px; -} -.container_e48555 .container_d3e49b { - background-color: rgba(0, 0, 0, 0.35); -} -.container_e48555 .text-md-semibold-3xVVGu, -.container_e48555 .text-xs-medium-2LRpEj { - color: var(--tooltip-text-color) !important; -} - -.comboNameplate_f21b25 { - background-color: var(--popout-color); - box-shadow: var(--shadow-3dp); - border-radius: 18px; -} -.comboNameplate_f21b25 .comboMultiplier_f21b25 { - color: hsl(var(--accent-hsl--material-you)) !important; -} - -.progressBar-1T6LYX { - background-color: hsl(var(--accent-hsl--material-you)) !important; -} - -/* - * - * USER SETTINGS PRIVACY AND SAFETY - * - */ -.profile_f7ea1b { - margin-left: 0; -} - -.avatarBackground_bb882a { - background-color: var(--card-color-filled); -} - -.status_f7ea1b [style*="color: var(--status-positive)"] { - color: var(--success-color) !important; -} - -.line_f7ea1b { - background-color: var(--card-color-active); -} - -.marker_f7ea1b { - margin: 0 !important; - background-color: var(--card-color-active); -} -.marker_f7ea1b path { - fill: var(--success-color); - transform: translate(-1px, -1px) scale(1.091); -} -.marker_f7ea1b .empty_f7ea1b { - background-color: var(--card-color-filled); -} - -/* - * - * USER SETTINGS PROFILES - * - */ -.tabBar_bff66b .tabBarItem_bff66b { - border-bottom: none; -} -.tabBar_bff66b .tabBarItem_bff66b.selected-g-kMVV { - position: relative; - background-color: transparent !important; - border: none; -} -.tabBar_bff66b .tabBarItem_bff66b.selected-g-kMVV:after { - position: absolute; - content: " "; - width: 90%; - height: 3px; - left: 0; - right: 0; - bottom: 0; - margin: 0 auto; - background: var(--tab-border-color); - border-radius: 3px 3px 0 0; - transition: var(--default-time) ease all; -} - -.baseLayout_bad983 { - gap: 16px; -} - -.notice-1Qe0b_ { - background-color: var(--card-color-outlined); - border: 1px solid var(--card-border-color); - padding: 8px; - border-radius: var(--card-radius-big); -} - -.upsellOverlayContainer_eb49af, -.upsellTextContainer_eb49af { - border-radius: var(--card-radius-big); -} - -.upsellOverlayContainer_eb49af { - overflow: hidden; -} - -.container-5BK5-N, .container_da1432 { - border-radius: var(--card-radius-big); -} - -.customizationSection_b3a5c2 { - --input-color: var(--input-color-alt); - margin-bottom: 16px; - background-color: var(--card-color-filled); - border: none; - padding: 16px; - border-radius: var(--card-radius-big); -} -.customizationSection_b3a5c2:last-child:not(.withDivider_b3a5c2) { - padding-bottom: 16px; -} -.customizationSection_b3a5c2.hideDivider_b3a5c2 { - padding-bottom: 16px; -} -.customizationSection_b3a5c2.preview_bad983 { - max-width: unset; -} -.customizationSection_b3a5c2.profileThemeSectionPremiumBorder-pH_ioT { - margin: 0 0 16px; - background: linear-gradient(var(--main-color), var(--main-color)) padding-box, linear-gradient(45deg, hsl(269, calc(var(--saturation-factor, 1) * 52.7%), 52.7%), hsl(325, calc(var(--saturation-factor, 1) * 31.7%), 51.8%)) border-box; - border-width: 2px; -} -.customizationSection_b3a5c2.profileThemeSectionPremiumBorder-pH_ioT + .divider-2bhE_v { - display: none; -} -.customizationSection_b3a5c2.profileThemeSectionPremiumBorder-pH_ioT .inlineUpsell-3zPTgw { - background-color: var(--card-color-outlined); - border: 1px solid var(--card-border-color); - padding: 16px; - border-radius: var(--card-radius-big); -} -.customizationSection_b3a5c2.preview-Z55SA3 .title_b3a5c2 { - display: none; -} -.customizationSection_b3a5c2 .title_b3a5c2 { - margin: -16px -16px 0; - margin-bottom: 0; - padding: 16px; - background-color: transparent; - font-size: 1.25em; - line-height: normal; - color: var(--card-header-text-color); - font-weight: 400; - opacity: 1; -} -.customizationSection_b3a5c2 .title_b3a5c2 .titleText-1IEWzs { - line-height: normal; - font-size: inherit; - color: var(--card-header-text-color); - font-weight: 400; -} -.customizationSection_b3a5c2 .removeButton_a611c9 { - margin-left: 16px; -} - -.customizationSectionBorder_b3a5c2 { - margin: -16px; - background: linear-gradient(var(--card-color-filled), var(--card-color-filled)) padding-box, linear-gradient(45deg, hsl(269, calc(var(--saturation-factor, 1) * 52.7%), 52.7%), hsl(325, calc(var(--saturation-factor, 1) * 31.7%), 51.8%)) border-box; - border-radius: var(--card-radius-big); -} -.customizationSectionBorder_b3a5c2 .background_c6d722 { - padding: 16px; -} -.customizationSectionBorder_b3a5c2 .nitroWheel_abc655 { - height: 22px; -} - -.bioTextArea_ccf27d { - --input-padding: 0 12px; - height: 136px !important; - max-height: 136px !important; - padding: var(--input-padding) !important; - background-color: var(--input-color) !important; - border-radius: calc(136px / 2) !important; - border: none; - border-radius: 19px !important; -} -.bioTextArea_ccf27d .textAreaWithoutAttachmentButton_d0696b { - padding: 12px 0; -} - -.profileBannerPreview-3mLIdO { - background-color: var(--popout-color); - border-radius: var(--popout-radius-big); - box-shadow: var(--shadow-3dp); -} -.profileBannerPreview-3mLIdO .avatarUploaderInner_ab876d { - background-color: transparent; - border: none; - box-shadow: var(--shadow-3dp); -} -.profileBannerPreview-3mLIdO .avatarUploaderInner_ab876d:focus-within .avatarUploaderHint-2ZdBlc, .profileBannerPreview-3mLIdO .avatarUploaderInner_ab876d:hover .avatarUploaderHint-2ZdBlc { - background-color: rgba(0, 0, 0, 0.5); - border-radius: 50%; -} -.decorationGridItem_b35b54, .effectGridItem_c80296 { - background-color: var(--card-color-filled); - border: none; - padding: 0; - border-radius: var(--card-radius-big); - transition: var(--default-time) var(--default-animation) background-color; - transition: var(--default-time) var(--default-animation) box-shadow; -} -.decorationGridItem_b35b54:hover, .effectGridItem_c80296:hover { - background-color: var(--card-color-hover); -} -.decorationGridItem_b35b54.selected_c80296, .effectGridItem_c80296.selected_c80296 { - box-shadow: 0 0 0 2px hsl(var(--accent-hsl--material-you)); -} - -.decorationPreview_aba31b { - background-color: var(--card-color-filled); - border: none; - padding: 0; - border-radius: var(--card-radius-big); -} - -.smallDecorationPreviewsContainer_aba31b { - background-color: var(--card-color-filled); - border: none; - padding: 8px; - border-radius: var(--card-radius-big); -} - -.effectDescriptionBorderWithGradient_a9d381 { - border-radius: var(--card-radius-big); -} -.effectDescriptionBorderWithGradient_a9d381 .effectDescriptionContainer_a9d381 { - background-color: var(--card-color-filled); - border-radius: calc(var(--card-radius-big) - 2px); -} - -.shopPreviewContainer_aba31b { - background: linear-gradient(var(--card-color-filled), var(--card-color-filled)) padding-box, var(--custom-premium-colors-premium-gradient-tier-2-diagonal) border-box; - border-radius: var(--card-radius-big); -} -.shopPreviewContainer_aba31b .shopPreviewBanner_aba31b { - background-color: var(--card-color-active); - border-radius: calc(var(--card-radius-big) - 2px); -} - -/* USER SETTINGS PROFILES -> TRY OUT NITRO SECTION */ -.tryItOutSection_eb2d2c { - position: relative; - margin: 16px 0 0; - padding: 0; - border-radius: var(--card-radius-big); - border: none; -} -.tryItOutSection_eb2d2c:before { - position: absolute; - content: " "; - width: calc(100% - 4px); - height: calc(100% - 4px); - top: 0; - left: 0; - background: linear-gradient(var(--main-alt), var(--main-alt)) padding-box, linear-gradient(45deg, hsl(269, calc(var(--saturation-factor, 1) * 52.7%), 52.7%), hsl(325, calc(var(--saturation-factor, 1) * 31.7%), 51.8%)) border-box; - border-radius: inherit; - border: 2px solid transparent; -} -.tryItOutSection_eb2d2c .premiumBackground_c6d722 { - padding: 16px; - background: var(--card-color-filled); - border-radius: var(--card-radius-big); -} - -/* - * - * QUESTS - * - */ -.questsCard_c366aa { - max-width: unset; - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big); -} - -.outerContainer_af8856 { - border-radius: var(--card-radius-big); -} -.outerContainer_af8856 .questSplash_af8856 { - max-width: unset; - border-radius: var(--card-radius-big); -} -.outerContainer_af8856 .partnerBrandingGameTile_fc6f68 { - border-radius: 50% !important; -} -.outerContainer_af8856 .promotedTagBackground_a4a2b0 { - border-radius: 9px; -} - -.outerContainer_d7df05 { - background-color: transparent !important; -} -.outerContainer_d7df05 .gridProgressBar_d7df05 { - color: hsl(var(--accent-hsl--material-you)) !important; -} - -.questReward__47d57 { - border-radius: calc(var(--card-radius-big) / 1.75); -} - -/* - * - * USER SETTINGS REGISTERED GAMES - * - */ -.notDetected_fd966d { - background-color: var(--card-color-filled) !important; - border: none !important; - padding: 16px; - border-radius: var(--card-radius-big) !important; -} -.notDetected_fd966d .gameName_fd966d { - color: var(--text-normal) !important; -} -.notDetected_fd966d .lastPlayed_fd966d { - color: var(--text-muted) !important; -} - -.nowPlaying_fd966d { - border-radius: var(--card-radius-big); - border: none; -} -.nowPlaying_fd966d .flowerStar_ff7d90 path { - fill: #fff; -} -.nowPlaying_fd966d .childContainer_ff7d90 path { - fill: #000; -} - -.nowPlayingAdd_fd966d { - margin: 16px 0; - color: var(--text-normal) !important; -} -.nowPlayingAdd_fd966d .lookLink_dd4f85 { - margin-left: 8px; -} -.nowPlayingAdd_fd966d + .marginTop40_f7730b { - margin-top: 0; -} -.nowPlayingAdd_fd966d + .marginTop40_f7730b .eyebrow_c46f6a { - margin-bottom: 0; - padding: 16px; - background-color: transparent; - font-size: 1.25em; - line-height: normal; - color: var(--card-header-text-color); - font-weight: 400; - opacity: 1; - padding: 16px 16px 8px; - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; -} -.nowPlayingAdd_fd966d + .marginTop40_f7730b .description_b89ec7 { - padding: 0 16px; - background-color: var(--card-color-filled); -} - -.game_fd966d { - padding: 16px; - background-color: var(--card-color-filled); - border-radius: 0 !important; - border: none; -} -.game_fd966d:last-of-type { - padding-bottom: 24px; - border-radius: 0 0 var(--card-radius-big) var(--card-radius-big) !important; - box-shadow: none !important; -} -.game_fd966d:last-of-type:before { - height: calc(100% - 8px); - bottom: 8px; -} -.game_fd966d:before { - width: calc(100% - 16px); - height: 100%; - left: 8px; - right: 4px; - bottom: unset; - background-color: var(--card-color-hover); - border-radius: calc(var(--card-radius-big) / 1.5); - border: none; - pointer-events: none; - transition: var(--default-time) var(--default-animation) opacity; -} -.game_fd966d .gameName_fd966d { - font-weight: 500; -} -.game_fd966d:hover .gameNameInput_fd966d { - background-color: var(--input-color-alt); -} -.game_fd966d .gameNameInput_fd966d { - margin-left: -4px; - padding: 0 4px; - border: none; - border-radius: 12px; - line-height: 24px; - transition: var(--default-time) var(--default-animation) background-color; -} -.game_fd966d .gameNameInput_fd966d:hover, .game_fd966d .gameNameInput_fd966d:focus { - background-color: var(--input-color-alt); -} -.game_fd966d .overlayStatusText__668e1 { - color: var(--text-muted) !important; -} -.game_fd966d .button_a467ac { - right: -12px; -} - -/* - * - * USER SETTINGS SERVER BOOST - * - */ -.cardWrapper_bc8d2a { - background-color: var(--card-color-outlined); - border: 1px solid var(--card-border-color); - padding: 0; - border-radius: var(--card-radius-big); -} -.cardWrapper_bc8d2a .card__11580 { - border-radius: var(--card-radius-big); -} - -.wrapper_adaea0 { - border-radius: var(--card-radius-big); -} - -.header_c258fa { - background-color: var(--card-color-filled); - border-radius: var(--card-radius-big); -} - -.border__8d6b3 { - display: none; -} - -.guild__74638 { - background-color: var(--card-color-outlined); - border: 1px solid var(--card-border-color); - padding: 0; - border-radius: var(--card-radius-big); -} -.guild__74638 .guildHeader__30707 { - background-color: transparent; - border-bottom: 1px solid var(--card-border-color); -} - -.guildSubscriptionSlots__5823d { - padding: 0; - background-color: transparent; -} -.guildSubscriptionSlots__5823d .guildSubscriptionSlot_b76fc6 { - padding: 16px; - position: relative; - border-bottom: none; -} -.guildSubscriptionSlots__5823d .guildSubscriptionSlot_b76fc6:after { - position: absolute; - content: " "; - width: calc(100% - 16px * 2); - height: 1px; - right: 0; - bottom: 0; - margin: 0 16px; - background-color: var(--card-border-color); -} -.guildSubscriptionSlots__5823d .guildSubscriptionSlot_b76fc6:last-of-type:after { - display: none; -} - -.wrapper_e55051 { - background-color: var(--card-color-filled); - border: none; - padding: 24px 24px 8px; - border-radius: var(--card-radius-big); -} -.wrapper_e55051 .heading_e55051 { - font-weight: 400; -} -.wrapper_e55051 .list_e55051 { - border-top: none; -} -.wrapper_e55051 .listItem_e55051 { - border-bottom-color: var(--card-border-color); -} -.wrapper_e55051 .listItem_e55051:last-child { - border-bottom: none; -} - -/* - * - * USER SETTINGS THEME EDITOR - * - */ -.themeEditor_c9dda6 { - margin-left: 8px; - padding: 0; - background-color: var(--chat-color); - border-radius: var(--card-radius-big) var(--card-radius-big) 0 var(--card-radius-big); - border-left: none; -} -.themeEditor_c9dda6:before, .themeEditor_c9dda6:after { - position: absolute; - content: " "; - width: var(--card-radius-big); - height: var(--card-radius-big); - left: calc((var(--card-radius-big) + 8px) * -1); - bottom: 0; - pointer-events: none; -} -.themeEditor_c9dda6:before { - background-color: var(--main-alt); -} -.themeEditor_c9dda6:after { - background-color: var(--chat-color); - border-bottom-right-radius: var(--card-radius-big); -} -.themeEditor_c9dda6 .editorHeader_c9dda6 { - padding: 16px; -} -.themeEditor_c9dda6 .editorFooter_c9dda6 { - padding: 0 16px 16px; -} -.themeEditor_c9dda6 .heading-lg\/extrabold_dc00ef { - font-size: 1.25em; - line-height: normal; - color: var(--card-header-text-color); - font-weight: 400; -} -.themeEditor_c9dda6 .selectionGroup_c9dda6 { - margin-top: 0; -} -.themeEditor_c9dda6 div[role=radiogroup] { - margin-bottom: 24px; - background-color: transparent; - border: none; -} - -/* - * - * USER SETTINGS VOICE AND VIDEO - * - */ -.soundButtonSettingContainer_c801bb { - background-color: var(--card-color-hover); - border-radius: calc(var(--card-radius-big) / 1.65); -} - -.deviceOptionCertified_dfcd87 { - width: 24px; - height: 24px; - background-color: hsl(var(--accent-hsl--material-you)); - -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/verified_check.svg); - -webkit-mask-repeat: no-repeat; - object-position: -99999px 99999px; -} - -.micTestButton_ca3055 { - width: auto; -} - -.wrapper_e5cdf3 { - height: 4px; - border-radius: 2px; - overflow: hidden; -} -.wrapper_e5cdf3 .container_e5cdf3 { - width: 100% !important; -} -.wrapper_e5cdf3 [style*="background: linear-gradient(to right, var(--yellow-260), var(--green-360))"].container_e5cdf3 { - background: var(--success-color) !important; -} -.wrapper_e5cdf3 .progress_e5cdf3 { - background-color: var(--card-color-hover); -} -.wrapper_e5cdf3 .notches_e5cdf3 { - display: none; -} - -.micTestCaption_e75a73 { - top: 22px; - left: 148px; -} - -.inputSensitivityBar_b6e3f3 .fill_b6e3f3 { - height: 4px !important; - background-color: var(--accent-text-color--material-you) !important; - border-radius: 2px; - transition: var(--default-time) var(--default-animation) width !important; -} - -.cameraWrapper_ff1ac9 { - background-color: var(--card-color-filled); - border: none; - padding: 0; - border-radius: var(--card-radius-big); -} -.cameraWrapper_ff1ac9 video { - border-radius: var(--card-radius-big); -} - -.backgroundOption_ad7d79 { - border-radius: var(--card-radius-big); -} - -.backgroundOptionRing_ad7d79 { - border-radius: var(--card-radius-big); - border-color: hsl(var(--accent-hsl--material-you)); -} - -.backgroundOptionInner_ad7d79 { - background-color: var(--card-color-filled); - border-radius: calc(var(--card-radius-big) - 4px); -} -.backgroundOptionInner_ad7d79 .backgroundOptionContent_ad7d79 { - color: var(--text-normal); -} -/* - * - * SETTINGS CONTENT AREA - * - */ -.contentRegion_c25c6d { - background-color: var(--main-content-color); - overflow: hidden; -} -.contentRegion_c25c6d .h1_c46f6a, -.contentRegion_c25c6d .heading-lg\/semibold_dc00ef, -.contentRegion_c25c6d .bd-settings-title { - font-size: 22px; - font-weight: 400; -} -.contentRegion_c25c6d .bd-settings-group-title { - font-size: 14px; - text-transform: none; - font-weight: 500; -} - -.eyebrow_c46f6a { - font-weight: 500; -} - -/* - * - * SIDEBAR - * - */ -.sidebarRegionScroller_c25c6d { - background-color: var(--main-alt); -} - -.sidebarRegion_c25c6d { - flex: 0; -} - -.sidebar_c25c6d { - --sidebar-width: 240px; - width: var(--sidebar-width); - margin: 0; - padding: 60px 0 40px; -} -.sidebar_c25c6d .side_a0 { - width: inherit; -} - -.sidebar_c25c6d .item_a0 { - width: calc(var(--sidebar-width) - 18px); - height: 32px; - margin-left: 12px; - padding: 0 16px; - line-height: 32px; - border-radius: var(--channel-radius); - transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color; - box-sizing: border-box; -} -.sidebar_c25c6d .item_a0.selected_a0 { - background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity)) !important; -} -.sidebar_c25c6d .item_a0.selected_a0:before { - opacity: 1; -} -.sidebar_c25c6d .item_a0.selected_a0 .premiumLabel_ae3c77 { - color: var(--interactive-active) !important; -} -.sidebar_c25c6d .item_a0 svg { - display: none; -} -.sidebar_c25c6d .item_a0 .selectedBackground_ae3c77 { - display: none; -} -.sidebar_c25c6d .item_a0 .textBadge_f05120 { - background-color: hsl(var(--accent-hsl--material-you)) !important; - color: var(--accent-text-color--material-you); -} -.sidebar_c25c6d .header_a0, -.sidebar_c25c6d .bd-sidebar-header { - margin: 10px 28px 12px; - padding: 0; - color: var(--text-muted) !important; -} -.sidebar_c25c6d .eyebrow_dc00ef, -.sidebar_c25c6d .bd-sidebar-header-label { - font-size: 0.8em; - text-transform: none; -} -.sidebar_c25c6d .bd-sidebar-header-label { - padding: 0; - line-height: 16px; - color: inherit; -} -.sidebar_c25c6d .separator_a0 { - position: relative; - height: 1px; - margin: 10px 22px 10px 28px; - background: transparent; -} -.sidebar_c25c6d .separator_a0:before { - position: absolute; - content: " "; - width: 100%; - height: 1px; - background: rgba(114, 118, 125, 0.3); -} - -[style="background-color: var(--brand-500);"].textBadge_f05120 { - background-color: hsl(var(--accent-hsl--material-you)) !important; - color: var(--accent-text-color--material-you); -} - -.contentColumnDefault_c25c6d, -.contentColumnMinimal_c25c6d, -.contentColumnWide_c25c6d, -.customColumn_c25c6d, -.customScroller_c25c6d > div { - flex: 1 1 auto; - min-width: 350px; - max-width: 1400px; - left: 0; - right: 0; - margin: 0 auto; -} - -.contentColumnDefault_c25c6d, -.contentColumnWide_c25c6d { - padding: 60px; -} - -.customHeader-f9DEJ_ { - padding-top: 0; -} - -.customContainer_c25c6d { - width: auto; -} -.customContainer_c25c6d .auto-2K3UW5 { - background-color: var(--main-color) !important; - border-top-left-radius: var(--card-radius-big); -} -.customContainer_c25c6d .customScroller_c25c6d { - padding-right: 0 !important; -} -.customContainer_c25c6d .customScroller_c25c6d .content-28mbXd div:not([class])[style="height: 60px;"] { - height: 0 !important; -} -.customContainer_c25c6d .customScroller_c25c6d > div { - position: relative; - min-width: 350px; - max-width: 1400px; - margin: 0 auto 60px; - padding: 60px 97px 60px 60px !important; -} -.customContainer_c25c6d .customScroller_c25c6d > .customHeader_cfe282 { - padding: 0; -} -.customContainer_c25c6d .customScroller_c25c6d .customHeader_cfe282 { - padding-top: 0; -} - -.card-2ART2V:before { - margin: 0 60px; -} - -.customColumn_c25c6d + .toolsContainer_c25c6d, -.contentRegion_c25c6d div[role=tabpanel] + .toolsContainer_c25c6d { - position: absolute; - width: 60px; - height: 60px; - right: 0; -} -.customColumn_c25c6d + .toolsContainer_c25c6d .tools_c25c6d, -.contentRegion_c25c6d div[role=tabpanel] + .toolsContainer_c25c6d .tools_c25c6d { - position: absolute; - width: 36px; - right: 0; -} - -.contentColumnMinimal_c25c6d { - padding: 60px 80px 80px; -} - -.sidebarScrollable_e9196a .flexChild-3PzYmX[style*="padding: 60px 15px 80px 20px;"] { - padding: 60px 8px 40px 0 !important; -} - -.sidebarScrollable_e9196a + .content-2ssVKB[style*="padding: 60px 0px 80px 20px;"] { - padding: 0 0 0 20px !important; -} - -.sidebarScrollable_e9196a + .content-2ssVKB { - position: relative; - width: calc(100% - 232px); - left: 232px; - right: 0; - margin-left: 0; - padding: 0 !important; -} -.sidebarScrollable_e9196a .side_a0 .header_a0:first-child { - margin: 0 0 8px 0; - padding: 0 0 0 10px !important; -} - -.socialLinks_c44e94, -.info_c5a741 { - padding: 8px 12px 8px 26px; -} - -/* SIDEBAR -> LIGHT THEME WITH DARK SIDEBAR */ -.sidebarRegion_c25c6d.theme-dark:after { - position: absolute; - content: " "; - width: calc(100vw - 246px); - height: 100%; - top: 0; - right: 0; - background-color: var(--main-alt); - pointer-events: none; - z-index: -1; -} - -.contentRegion_c25c6d { - z-index: 2; -} - -/* - * - * USER SETTINGS - * - */ -.layer_d4b6c5, -.standardSidebarView_c25c6d { - background-color: var(--main-alt); -} - -.contentRegion_c25c6d { - background-color: var(--main-color); - border-radius: var(--card-radius-big) var(--card-radius-big) 0 var(--card-radius-big); -} -.contentRegion_c25c6d .contentRegionScroller_c25c6d { - background-color: transparent; -} - -.closeButton_df5532 { - position: relative; - border: none; -} -.closeButton_df5532:after { - content: " "; - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - background-color: hsl(var(--md-ripple-color), 0.1); - border-radius: 50%; - opacity: 0; - pointer-events: none; - transform: scale(1.2); - transition: 300ms ease; - z-index: 4; -} -.closeButton_df5532:hover:after { - opacity: 1; - transform: scale(1.2); - animation: scale 150ms var(--default-animation), opacity 150ms ease; -} -.closeButton_df5532:active:after { - background-color: hsl(var(--md-ripple-color), 0.2); -} -.closeButton_df5532:hover { - background-color: transparent !important; -} -.closeButton_df5532:active { - transform: translateX(0px); -} - -.noticeRegion_c25c6d, -.saveNoticeContainer_d5bf6c { - left: 0; - right: 0; - margin: 0 auto; -} - -.saveNoticeContainer_d5bf6c { - left: 252px; -} - -.container_b6cd66 { - padding: 8px 8px 8px 16px; - background-color: var(--popout-color) !important; - border-radius: 4px; - box-shadow: var(--shadow-2dp) !important; -} -.container_b6cd66 .actions_b6cd66 { - flex-direction: row-reverse; -} -.container_b6cd66 .lookFilled_dd4f85 { - --button-padding: 0 12px; - --button-background: transparent; - --button-text-color: hsl(var(--accent-hsl--material-you)); - --accent-button-action-hover: 0.14; - --accent-button-action-active: 0.21; -} -.container_b6cd66 .lookFilled_dd4f85:after { - --accent-button-action: hsl(var(--button-link-accent-color)); -} -.container_b6cd66 .resetButton_b6cd66 { - --button-padding: 0; - min-width: var(--button-height); - margin-left: 0; - font-size: 0; -} -.container_b6cd66 .resetButton_b6cd66:before { - display: flex; - position: absolute; - content: " "; - width: 18px; - height: 18px; - background-color: var(--text-normal); - -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/close.svg); - -webkit-mask-repeat: no-repeat; - transform: scale(1.333333); -} -.container_b6cd66 .resetButton_b6cd66 .contents_dd4f85 { - display: none; -} - -.keybind-13vtq8 { - color: var(--text-muted) !important; -} - -/* - * - * ANIMATIONS - * - */ -@keyframes top-pop-out { - from { - transform: translate(0, -20px); - opacity: 0; - } -} -@keyframes bottom-pop-out { - from { - transform: translate(0, 20px); - opacity: 0; - } -} -@keyframes show-user-status-right { - from { - transform: translateX(-3%) translateY(0%) translateZ(0px); - opacity: 0; - } -} -@keyframes show-user-status-left { - from { - transform: translateX(3%) translateY(0%) translateZ(0px); - opacity: 0; - } -} -@keyframes show-status { - from { - transform: translateY(15%) translateX(0%) translateZ(0px); - } -} -@keyframes status { - from { - transform: scale(0); - opacity: 0; - } -} -@keyframes opacity { - from { - opacity: 0; - } -} -@keyframes open-context-menu { - from { - transform: scale(1, 0.5); - } -} -@keyframes scale { - from { - transform: scale(0); - } -} -@keyframes shadowPulse_b16790 { - 0% { - box-shadow: 0 0 6px hsl(var(--accent-hsl--material-you), 0.3); - } - 50% { - box-shadow: 0 0 10px hsl(var(--accent-hsl--material-you), 0.6); - } - to { - box-shadow: 0 0 6px hsl(var(--accent-hsl--material-you), 0.3); - } -} -@keyframes rotate-panel-icon { - 25% { - transform: rotate(-8deg); - } - 50% { - transform: rotate(4deg); - } - 75% { - transform: rotate(-4deg); - } - 100% { - transform: rotate(-2deg); - } -} - -/*# sourceMappingURL=main.css.map */ diff --git a/other/themes/Material-Discord/Material-Discord.theme.css b/other/themes/Material-Discord/Material-Discord.theme.css index 557eea1..4486de5 100644 --- a/other/themes/Material-Discord/Material-Discord.theme.css +++ b/other/themes/Material-Discord/Material-Discord.theme.css @@ -5,15 +5,15 @@ * @author CapnKitten * * @website https://tay.is-a.dev/ - * @source https://github.com/tayrp/taycord + * @source https://github.com/tayrp/tayrp.github.io/tree/main/other/themes/Material-Discord * @donate https://paypal.me/mystixmew * @invite 2UH5dYZck3 */ -@import url(https://tay.is-a.dev/other/themes/Material-Discord-source.css); +@import url(https://tay.is-a.dev/other/themes/Material-Discord/css/source.css); /* Material You addon */ -@import url(https://tay.is-a.dev/other/themes/Material-Discord-material-you-source.css); +@import url(https://github.com/tayrp/tayrp.github.io/blob/main/other/themes/Material-Discord/css/addons/material-you/source.css); /* MATERIAL YOU DARK THEME SETTINGS */ .theme-dark { diff --git a/other/themes/Material-Discord/changelog.md b/other/themes/Material-Discord/changelog.md deleted file mode 100644 index aa522f7..0000000 --- a/other/themes/Material-Discord/changelog.md +++ /dev/null @@ -1,566 +0,0 @@ -# Material Discord - -## Changelog - -#### v3.0.3 (24/02/2021) -* Font changed to Google Sans -* Delete message modal updated - -#### v3.0.2 (04/02/2021) -* Light theme fixes -* The left margin on the message bubbles lowered - -#### v3.0.0 (04/02/2021) -* Rewritten theme - reduced file size, removed deprecated code, cleaner structure (as a result, some variable names and values may need to be updated for them to work properly) -* Light theme support -* Cards updated - -#### v2.3.5 (11/01/2021) -* Icons added to the sidebars of both the user and server options -* Voice channel icons updated -* Various server community pages styled -* Search results updated - -#### v2.3.3.2 (10/08/2020) -* Various fixes - -#### v2.3.3.1 (17/07/2020) -* Spacing issue with compact messages and chat font scaling fixed -* Spacing issue with disabled video and screensharing buttons when in a voice call fixed - -#### v2.3.3 (11/07/2020) -* Icons updated for languages other than English -* Search results updated -* Pinned messages message for the compact appearance fixed - -#### v2.3.2 (30/06/2020) -* Updated elements that Discord changed (If I missed any, please let me know) - -#### v2.3 (21/06/2020) -* New messages bubbles based on Material Design 2 -* Message bubbles spacing is now affected by `Space between message groups` in the appearance settings -* Link color in messages abides by `--accent-color` -* Plugin list button hover/active effect fixed -* Channel/mention text color will be handled by `--accent-rgb-text-color` -* Reverted plugin settings UI changes to make them more usable -* Various small color fixes that Discord changed - -#### v2.2.8.1 (13/06/2020) -* Search results updated -* Tooltip text size slightly increased for readability -* Compact messages padding adjusted - -#### v2.2.8 (14/05/2020) -* New Discover categories styled -* Updated elements that Discord changed (If I missed any, please let me know) - -#### v2.2.7 (09/05/2020) -* Improved DM screenshare interface -* Most uploaded files icons updated -* Various fixes - -#### v2.2.6 (27/04/2020) -* Edit messages form fixed -* New emoji popout styled -* Changed how button backgrounds change on hover and active states - -#### v2.2.5 (18/04/2020) -* New Go Live interfaces updated -* Noise suppression popout updated -* Chat font scaling issue with pinned messages fixed -* New Inbox/mentions popout menu updated - -#### v2.2.3.2 (10/04/2020) -* Video player buttons fixed -* Unread messages notification for ServerFolders by DevilBro mostly fixed - -#### v2.2.3 (03/04/2020) -* Server icons updated -* Various updated icons fixed -* Date dividers between messages fixed - -#### v2.2 (28/03/2020) -* Bandaged BetterDiscord elements updated - -#### v2.1.9.4 (19/03/2020) -* Create/join server modals fixed -* Messages hover color updated -* Various missed icons updated - -#### v2.1.9.3 (15/03/2020) -* Fixed video and audio buttons - -#### v2.1.9 (08/03/2020) -* Updated icons that were changed -* Fixed DM call icons in messages - -#### v2.1.8 -* Server/DM search results updated -* Added Product Sans font support for Greek and Latin Extended characters - -#### v2.1.7 -* Messages updated yet again, thanks Discord -* Messages container scrollbar gap at the bottom fixed -* Compact messages updated -* Delete message modal updated -* Upload file message fixed -* Audio player fixed -* Pinned messages styled - -#### v2.1.6 -* Messages updated -* New message actions styled and animated -* Unread/new messages notification bar updated (WIP) -* Popup format toolbar styled - -#### v2.1.5.1 -* Nitro subsriptions, gift invetory, and server boost pages styled -* Billing add credit card modal fixed -* Discord tag input fixed -* Language selector fixed -* New friends list/activity styled -* Removed deprecated code regarding things Discord removed - -#### v2.1.4 -* New messages bar colored correctly -* Library games list fixed -* Library settings fixed -* [CharCounter](https://github.com/mwittrien/BetterDiscordAddons/tree/master/Plugins/CharCounter) plugin by [DevilBro](https://github.com/mwittrien) styled correctly for the theme - -#### v2.1.3 -* Editing, uploading file, and spotify invite textareas fixed -* Attachment button realigned correctly -* Autocomplete modal for mentions in the upload and spotify invite modals styled correctly -* ServerFolders by DevilBro server unread notification somewhat fixed -* Scrollbars made a few pixels wider - -#### v2.1 -* Search button on the home tab fixed -* Radio buttons fixed -* Updated elements that Discord changed (If I missed any, please let me know) - -#### v2.0.9.3 -* Server tooltips with partnered and verified icons fixed -* Status picker aligned correctly -* Verified games icon fixed - -#### v2.0.9.1 -* z-index for some drop down menus fixed -* OldTitleBar by [DevilBro](https://github.com/mwittrien/BetterDiscordAddons/tree/master/Plugins/OldTitleBar) fixed - -#### v2.0.9 -* Server boost features styled -* Color picker updated - -#### v2.0.8 -* Custom status styled and fixed - -#### v2.0.7.4 -* Bug fixes - -#### v2.0.7.2 -* Compact messages and editing updated -* Updated elements that Discord changed (If I missed any, please let me know) - -#### v2.0.7.1 -* Create a group/LFG styled -* Updated elements that Discord changed (If I missed any, please let me know) - -#### v2.0.7 -* Updated elements that Discord changed (If I missed any, please let me know) - -#### v2.0.6.1 -* Missed go live features styled - -#### v2.0.6 -* Some server folder fixes -* User popout menus updated to fix the blurry issue -* Go live features styled - -#### v2.0.5.1 -* Native server folders updated -* MemberCount plugin by Arashiryuu updated - -#### v2.0.5 -* Native server folders styled - -#### v2.0.4.1 -* Login and register modals updated -* Updated elements that Discord changed (If I missed any, please let me know) - -#### v2.0.4 -* Updated elements that Discord changed (If I missed any, please let me know) -* Set custom status styled -* Voice connected info updated -* Animations for a couple popout menus updated - -#### v2.0.2 -* Updated elements that Discord changed (If I missed any, please let me know) -* Fixed the unread notifications glitchy animations -* MemberCount plugin by Arashiryuu support added - -#### v2.0 -* Nitro server boost modal styled -* Server discovery cards and pagination updated -* Game Activity and Activity Feed lists updated -* Select a language list updated -* Server settings audit log updated -* Various text headers updated to not be uppercase -* Discord Nitro game page updated - -#### v1.9.2 -* Partnered and verified server icons updated -* Spotify listen along invite textarea fixed -* Various list borders removed -* Library games updated - -#### v1.9.1 -* Nitro store search modal updated -* Citator plugin by Nirewen styled -* PersonalPins plugin by DevilBro updated -* OldTitleBar by DevilBro fixed -* Create/join server modal updated - -#### v1.9.0.2 -* Detect account interface styled -* Various macOS related fixes/updates - -#### v1.9.0 -* ServerFolders plugin support updated -* OldTitleBar plugin support updated -* Material Design ripple added back to the top bar buttons -* Message jump buttons fixed -* Spoiler tag updated and tooltip added -* Material Design input bar animation added -* Voice call updated -* Title bar while in voice/video call updated - -#### v1.8.2.1 -* Game popout modal updated -* Tooltips updated -* Updated elements that Discord changed (If I missed any, please let me know) - Server list is a WIP but I wanted to at least an update out to fix most of the changes -* Emoji menu updated -* Add friends to DM popout updated -* Various search bars updated - -#### v1.8.1 -* Cyrillic font support added -* Activity quick launcher and recently played cards updated -* Activity now playing Twitch player updated -* Home tab notification updated - -#### v1.8.0 -* User settings activity feed styled -* Create/Join server button updated -* Activity carousel fixed -* Authorize app modal updated -* Home Activity page updated - -#### v1.7.2 -* New Nitro tab styled -* Server folders mention notification fixed - -#### v1.7.1.6 -* Verified server banners fixed -* Screen sharing top bar fixed -* Video call PiP icons updated - -#### v1.7.1.3 -* Server discovery and create/join buttons swapped -* New link cards styled -* Updated elements that Discord changed (If I missed any, please let me know) - -#### v1.7.1 -* New activity tab styled -* Various updates for user profiles playing Xbox games - -#### v1.7.0 -* Server discovery features styled -* Spotify buttons in user popouts and profiles fixed - -#### v1.6.2 -* Status picker fixed -* Server search results updated -* Add friends to DM updated -* DevilBro's theme and plugin repo modals updated - -#### v1.6.1 -* Emoji panel search bar fixed -* Voice and video chat region select updated -* Edit messages buttons fixed -* Upload modal textarea fixed - -#### v1.6.0 -* Updated elements that Discord changed (If I missed any, please let me know) - -#### v1.5.6 -* Gift Nitro modal styled -* Authorize app modal styled -* Gift inventory cards updated - -#### v1.5.5 -* Mic test styled -* Blocked messages updated -* Discord store game page latest news styled -* Gif button and popout menu styled - -#### v1.5.4 -* Modal headers padding updated -* Emoji button positions fixed -* Gift inventory styled -* Server Folders plugin mentions fixed -* Discord store game page sidebar updated - -#### v1.5.2 -* Sidebar for user and server settings updated -* Server emoji, webhooks, invites, and bans lists updated -* Role colored text fixed -* Create/join popout menu updated - -#### v1.5.0 -* Font updated to Product Sans -* Material Discord logo updated to Product Sans -* Home activity carousel updated -* Dicord store cards updated -* Library cards updated -* Library nitro tab styled - -#### v1.4.4 -* Various formatting updates -* Imbeded video/gif playback fixed -* Server settings changed settings notice bar updated -* Discord game cards in chat updated -* Reaction buttons updated - -#### v1.4.3.1 -* BetterDiscord settings updated -* Mention and emoji match popup menu updated - -#### v1.4.3 -* Updated elements that Discord changed (If I missed any, please let me know) -* Discord store game page cards and icons updated -* Create group DM menu updated -* Add friend input updated -* Icons that I missed are updated to Material Design 2 icons -* Button shadows updated - -#### v1.4.2 -* Search popout menu updated -* Unread messages notification made darker -* Incoming call popup updated -* Majority of the icons updated to Material Design 2 - -#### v1.4.1.1 -* Discord game store cards updated -* Discord game store game info popouts updated - -#### v1.4.1 -* Discord game store home and game listing pages made more fluid for larger displays -* Various search bars updated to Material Design 2 -* New messages banner updated - -#### v1.4.0 -* Discord game store styled -* New game library tab upadted -* Slowmode notification updated - -#### v1.3.5.2 -* NSFW warning update -* Imbeded YouTube video play button fixed -* Nitro notification updated - -#### v1.3.5.1 -* Updated elements that Discord changed (If I missed any, please let me know) - -#### v1.3.5 -* Handful of animations updated -* ImageGallary plugin by DevilBro updated -* Voice call buttons updated -* Server settings add/remove user roles tooltip fixed - -#### v1.3.4.10 -* Button sizes updated -* Search results header bar updated -* Spotify song link fixed -* AFK channel popout menu fixed - -#### v1.3.4.8 -* Quick switcher updated -* Guilds error fixed -* Server down icon updated -* Game center carousel arrow buttons fixed - -#### v1.3.4.6 -* Billing styled -* Overlay settings styled - -#### v1.3.4.2 -* Game center title bar added -* Game center small carousel pagination buttons fixed -* Add friend searching updated -* Jump to present updated -* Status picker animation fixed - -#### v1.3.4 -* Updated elements that Discord changed (If I missed any, please let me know) -* Various popout menu animations updated -* Recent mentions popout updated -* User status icons fixed - -#### v1.3.3.4 -* Updated elements that Discord changed (If I missed any, please let me know) -* Connection issue interface updated - -#### v1.3.3.2 -* Various message fixes -* Invited modal updated -* Add friends to DM updated -* Mention notifications updated -* Search users DM modal updated - -#### v1.3.3 -* Updated elements that Discord changed (If I missed any, please let me know) -* Compact messages updated -* Message options popout fixed -* Edit message buttons updated -* Color picker styled -* Uploaded video player styled -* Server settings notification change updated - -#### v1.3.2 -* Card button action size reduced -* Blocked messages styled -* Imbeded video play button fixed -* Server member settings role tooltips fixed -* Padding between message blocks reduced - -#### v1.3.1.2 -* Game center carousel pagination for smaller screens styled -* Game center game popout carousel styled -* Game preview modal updated to remove whitespace -* Updated small popout menu for messages -* Imbeded video play button updated -* Status changer with colorblind mode on updated - -#### v1.3.1 -* Game center styled -* Status picker fixed after update -* Toasts styled -* Now playing games buttons in user settings fixed -* Open original image button updated - -#### v1.3.0 -* Spotify invite updated -* NSFW alert updated -* Members list padding changed -* Server invites and ban list updated -* Games list animated -* Audit log icons updated -* Attachment and emoji buttons fixed - -#### v1.2.9 -* Emoji panel border radius with the emote menu enabled fixed -* Pinned messages and mentions popouts height limited to 85vh -* Added shadow animation to colored buttons -* Create a server interface updated -* File upload progress styled -* Some Material Design 2 elements added - -#### v1.2.8.3 -* Changed the emote switch buttons -* Updated elements that Discord changed - -#### v1.2.8.1 -* Load more messages button changed -* Mentions updated -* DMs separator added -* Slider bar grabber tooltip fixed -* Fix for [DevilBro's](https://github.com/mwittrien) theme and plugin repos - -#### v1.2.7.7 -* Updated elements that Discord changed (If I missed any, please let me know) - -#### v1.2.6.1 -* Emoji menu updated -* Typing status positioning fixed -* Create/join server icon centered - -#### v1.2.6 -* Reactions menu animation fixed -* More card updates -* Connection integrations styled -* Settings side bar changed - -#### v1.2.5.5 -* Updated elements that Discord changed - -#### v1.2.5.1 -* Fixed a bug when mentioning offline users -* Styled server invite - -#### v1.2.5 -* Added status tooltips -* Streaming status fixed -* New button to open images in browser -* Public servers updated -* Updated cards in most of user and BetterDiscord settings - -#### v1.2.4.6 -* Fixed channels scrollbar issue -* Temporarily fixed DM reactions -* Updated elements that Discord changed - -#### v1.2.4.2 -* Changed the scrollbars -* Codeblocks are now monospace -* Updated various elements that Discord changed -* Better positioning of the user popout - -#### v1.2.4 -* Updated the styling for Spotify -* Change the Discord logo to Material Discord -* Updated the right click context menu -* Added animations to changing users roles - -#### v1.2.3.1 -* Fixed the things that Discord update 2.15.2018 changed -* Changed server option icons to material icons -* Updated user status location - -#### v1.2.3 -* SMS authentication styled -* Fixed messages background -* Fixed username showing up when editing messages -* Fixed the emoji panel for inviting user to listen to Spotify - -#### v1.2.2 -* Font changed to Roboto -* Members list loading animation changed to match the theme -* The loading blocks are now a material design spinner -* Various small changes (excluding the listed ones) - -#### v1.2.1 -* Spotify integrations styled -* Fixed up the user info popout backgrounds for those streaming/listening to spotify -* Fixed scrolling issue with user connected accounts -* Styled the add friend page - -#### v1.2 -* Better Discord plugin/theme cards and switches fixed -* More material icons added -* Made popout menus more responsive -* Added scrollbars to popout menus that require them -* User info popout header background added - -#### v1.1.1 -* Changed more icons to material icons -* Styled the public servers list for Better Discord -* Added various animations -* Upload modal styled - -#### v1.1 -* Video and audio calling styled -* Screensharing styled - -#### v1.0 -* Initial release diff --git a/other/themes/Material-Discord/css/addons/README.md b/other/themes/Material-Discord/css/addons/README.md deleted file mode 100644 index 94ae733..0000000 --- a/other/themes/Material-Discord/css/addons/README.md +++ /dev/null @@ -1,14 +0,0 @@ -# Material Discord Add-on Themes - [![Paypal][paypal-logo]][paypal-url] [![GitHub][github-logo]][github-url] - -* [Solid Icons](https://github.com/CapnKitten/BetterDiscord/tree/master/Themes/Material-Discord/css/addons/icons) - Converts the outline icons in Material Discord to solid icons. Requires Material Discord. -* [Old Message Bubbles](https://github.com/CapnKitten/BetterDiscord/tree/master/Themes/Material-Discord/css/addons/messages) - Changes the message bubbles and main textbox to an older version before Material Design 2.0. Requires Material Discord. -* [Status Picker](https://github.com/CapnKitten/BetterDiscord/tree/master/Themes/Material-Discord/css/addons/status-picker) - Adds the status picker from Material Discord to any theme (may require some modification to the positioning). -* [Material You](https://github.com/CapnKitten/BetterDiscord/tree/master/Themes/Material-Discord/css/addons/material-you) - Converts the Material Discord color scheme to resemble that of Material You based on the accent color. Requires Material Discord. -* [Custom Themes](https://github.com/CapnKitten/BetterDiscord/tree/master/Themes/Material-Discord/css/addons/custom-themes) - Allows the custom Discord themes to work with Material Discord. Requires Material Discord. - - -[paypal-logo]: https://img.shields.io/static/v1?label=PayPal&message=Donate&style=flat&logo=paypal&color=blue -[paypal-url]: https://paypal.me/capnkitten - -[github-logo]: https://img.shields.io/static/v1?label=GitHub&message=Sponsor&style=flat&logo=github&color=black -[github-url]: https://github.com/sponsors/CapnKitten diff --git a/other/themes/Material-Discord/css/addons/custom-themes/README.md b/other/themes/Material-Discord/css/addons/custom-themes/README.md deleted file mode 100644 index d508f61..0000000 --- a/other/themes/Material-Discord/css/addons/custom-themes/README.md +++ /dev/null @@ -1,23 +0,0 @@ -# [Add-on] Material Discord Custom Themes - [![Paypal][paypal-logo]][paypal-url] [![GitHub][github-logo]][github-url] [![Discord][discord-logo]][discord-url] -#### Allows the custom Discord themes to work with Material Discord - -
- -[Download here](https://capnkitten.github.io/BetterDiscord/Download/?theme=Material-Discord&addon=custom-themes) or use as import with the code below. -```css -@import url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/css/addons/custom-themes/source.css); -``` - -Vencord link -``` -https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/css/addons/custom-themes/source.css -``` - -[paypal-logo]: https://img.shields.io/static/v1?label=PayPal&message=Donate&style=flat&logo=paypal&color=blue -[paypal-url]: https://paypal.me/capnkitten - -[github-logo]: https://img.shields.io/static/v1?label=GitHub&message=Sponsor&style=flat&logo=github&color=black -[github-url]: https://github.com/sponsors/CapnKitten - -[discord-logo]: https://img.shields.io/static/v1?label=Discord&message=Server&style=flat&logo=discord&color=blue -[discord-url]: https://discord.gg/jzJkA6Z