diff --git a/other/themes/Material-Discord-material-you-source.css b/other/themes/Material-Discord-material-you-source.css new file mode 100644 index 0000000..e302a05 --- /dev/null +++ b/other/themes/Material-Discord-material-you-source.css @@ -0,0 +1,674 @@ +.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 new file mode 100644 index 0000000..6df4adb --- /dev/null +++ b/other/themes/Material-Discord-source.css @@ -0,0 +1,17050 @@ +@import url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/css/fonts/google-sans.css"); +@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 */