diff --git a/other/themes/GitHub-Dark/GitHub-Dark.theme.css b/other/themes/GitHub-Dark/GitHub-Dark.theme.css
new file mode 100644
index 0000000..104dc4f
--- /dev/null
+++ b/other/themes/GitHub-Dark/GitHub-Dark.theme.css
@@ -0,0 +1,471 @@
+/**
+ * @name GitHub Dark
+ * @version 1.0.0
+ * @description A modified version of the GitHub Dark Discord theme by Sango.
+ * @author Tay
+ * @source https://github.com/moistp1ckle/GitHub_Dark
+ * @website https://tay.is-a.dev/
+**/
+
+:root {
+ /* --------- BASE THEME --------- */
+ --blurple-replace: #7289DA;
+ --background-primary: rgb(9, 12, 16);
+ --background-secondary: rgb(13, 17, 23);
+ --background-floating: rgb(22, 27, 34);
+ --background-secondary-alt: var(--background-floating);
+ --background-tertiary: rgb(7, 10, 16);
+ --background-accent: rgb(17, 29, 46);
+ --userarea-background: var(--background-tertiary);
+ --header-primary: rgb(240, 246, 252);
+ --header-secondary: rgb(139, 148, 158);
+ --elevation-low: 0 1px 0 rgba(40, 40, 50, 0.2), 0 1.5px 0 rgba(60, 60, 70, 0.05), 0 2px 0 rgba(40, 40, 50, 0.05);
+ --elevation-high: 0 8px 16px rgba(0, 0, 0, 0.24);
+ --channels-default: rgb(139, 148, 158);
+ --channeltextarea-background: rgb(7, 10, 16);
+ --voice-color: var(--brand-experiment);
+ --guild-header-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
+ --activity-card-background: #0f0f0f;
+ --interactive-normal: rgb(139, 148, 158);
+ --interactive-hover: #dcddde;
+ --interactive-active: #fff;
+ --interactive-muted: rgb(76, 82, 88);
+ --background-modifier-hover: rgba(33, 38, 45, 0.26);
+ --background-modifier-active: rgba(33, 38, 45, 0.44);
+ --background-modifier-selected: rgba(33, 38, 45, 0.52);
+ --background-modifier-accent: rgb(33, 38, 45);
+ --text-link: rgb(88, 166, 255);
+ --text-normal: rgb(201, 209, 217);
+ --text-muted: rgb(139, 148, 158);
+ --deprecated-panel-background: #2a2f29;
+ --deprecated-card-bg: var(--background-secondary);
+ --deprecated-card-editable-bg: var(--background-secondary);
+ --deprecated-store-bg: #36393f;
+ --deprecated-quickswitcher-input-background: #72767d;
+ --deprecated-quickswitcher-input-placeholder: hsla(0, 0%, 100%, 0.3);
+ --deprecated-text-input-bg: var(--channeltextarea-background);
+ --deprecated-text-input-border: var(--border-color);
+ --deprecated-text-input-border-hover: #040405;
+ --deprecated-text-input-border-disabled: #202225;
+ --deprecated-text-input-prefix: #dcddde;
+ --background-accent-1: rgb(15, 15, 15, 0.1);
+ --background-accent-3: rgb(15, 15, 15, 0.3);
+ --background-floating-2: rgba(0, 0, 0, 0.2);
+ --border: 1px solid rgb(48, 54, 61);
+ --border-color: rgb(48, 54, 61);
+ --blurple-border: 1px solid rgb(31, 47, 71);
+ --border-radius: 5px;
+ --divide-color: var(--brand-experiment);
+ --brand-experiment: rgb(88, 101, 242);
+ --deprecated-quickswitcher-input-background: var(--channeltextarea-background)
+}
+
+.theme-light {
+ --background-secondary: rgb(13, 17, 23);
+ --header-primary: rgb(240, 246, 252);
+ --header-secondary: rgb(139, 148, 158);
+ --background-primary: rgb(22, 27, 34);
+ --text-normal: rgb(201, 209, 217);
+ --background-floating: rgb(22, 27, 34);
+ --background-tertiary: transparent;
+ --deprecated-text-input-bg: rgb(7, 10, 16);
+}
+
+.theme-dark {
+ --text-positive: hsl(139, calc(var(--saturation-factor, 1)*66.8%), 58.6%);
+ --text-warning: hsl(38, calc(var(--saturation-factor, 1)*95.7%), 54.1%);
+ --text-danger: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%);
+ --info-positive-text: #fff;
+ --info-warning-text: #fff;
+ --info-danger-text: #fff;
+ --info-help-background: hsla(197, calc(var(--saturation-factor, 1)*100%), 47.8%, 0.1);
+ --info-help-foreground: hsl(197, calc(var(--saturation-factor, 1)*100%), 47.8%);
+ --info-help-text: #fff;
+ --status-warning-text: #000;
+ --scrollbar-thin-thumb: rgb(22, 27, 34);
+ --scrollbar-thin-track: transparent;
+ --scrollbar-auto-thumb: rgb(22, 27, 34);
+ --scrollbar-auto-track: rgba(17, 19, 24, 0.308);
+ --scrollbar-auto-scrollbar-color-thumb: rgb(22, 27, 34);
+ --scrollbar-auto-scrollbar-color-track: rgba(17, 19, 24, 0.308);
+ --elevation-stroke: 0 0 0 1px rgba(4, 4, 5, 0.15);
+ --elevation-low: 0 1px 0 rgba(4, 4, 5, 0.2), 0 1.5px 0 rgba(6, 6, 7, 0.05), 0 2px 0 rgba(4, 4, 5, 0.05);
+ --elevation-medium: 0 4px 4px rgba(0, 0, 0, 0.16);
+ --elevation-high: 0 8px 16px rgba(0, 0, 0, 0.24);
+ --logo-primary: rgb(240, 246, 252);
+ --control-brand-foreground: hsl(227, calc(var(--saturation-factor, 1)*57.9%), 77.6%);
+ --control-brand-foreground-new: hsl(235, calc(var(--saturation-factor, 1)*86.1%), 77.5%);
+ --background-mentioned: rgba(13, 17, 23, 0.466);
+ --background-mentioned-hover: rgba(20, 33, 53, 0.233);
+ --background-message-hover: rgba(4, 4, 5, 0.07);
+ --activity-card-background: #202225;
+ --textbox-markdown-syntax: rgb(82, 89, 95);
+}
+
+.resultsGroup-r_nuzN {
+ background-color: var(--background-secondary);
+ border-radius: var(--border-radius);
+ border-left: var(--border);
+ border-right: var(--border);
+}
+
+.lookBlank-3eh9lL {
+ color: var(--text-normal);
+}
+
+.footer-2gL1pp .lookFilled-1Gx00P.colorGrey-2DXtkV {
+ background-color: rgb(43, 50, 59) !important;
+}
+
+.mentioned-xhSam7:before {
+ background-color: var(--brand-experiment);
+}
+
+.theme-dark .emptyHintCard-2mUdMe {
+ background-color: var(--background-secondary-alt);
+ border: var(--border);
+ border-radius: var(--border-radius);
+}
+
+#MemberCount {
+ border-left: var(--border);
+}
+
+.theme-dark .contentWrapper-3WC1ID {
+ background-color: var(--background-secondary);
+}
+
+.divider-JfaTT5 {
+ --divider-color: var(--divide-color);
+}
+
+.children-19S4PO:after {
+ content: none
+}
+
+.theme-dark .outer-1AjyKL.interactive-3B9GmY:hover, .theme-dark .outer-1AjyKL.active-1xchHY {
+ background-color: var(--background-modifier-selected);
+}
+
+.theme-light .footer-2gL1pp {
+ box-shadow: none;
+ border-top: var(--border);
+}
+
+.border-Jn5IOt.speaking-B2MXPi {
+ -webkit-box-shadow: inset 0 0 0 2px #0FF;
+ box-shadow: inset 0 0 0 2px #0FF;
+ -webkit-animation: rainbow 3s infinite linear !important;
+ animation: rainbow 3s infinite linear !important;
+}
+
+@keyframes rainbow {
+ 0% {
+ -webkit-filter: hue-rotate(0deg);
+ }
+ 100% {
+ -webkit-filter: hue-rotate(360deg);
+ }
+}
+
+.theme-dark .lookFilled-1Gx00P.colorGrey-2DXtkV {
+ background-color: var(--background-floating);
+}
+
+.theme-dark .lookFilled-1Gx00P.colorGrey-2DXtkV:hover {
+ background-color: var(--background-modifier-selected);
+}
+
+.theme-dark .container-1D34oG {
+ background-color: var(--background-primary);
+}
+
+.item-26Dhrx[aria-checked=true] {
+ background-color: var(--background-modifier-selected);
+ border: var(--border);
+}
+
+.phoneField-38N1bJ, .phoneField-38N1bJ .inputField-aNPXsv {
+ background-color: var(--channeltextarea-background);
+ border-radius: var(--border-radius);
+}
+
+.option-n0icdO, .theme-dark .notDetected-33MY4s, .theme-light .notDetected-33MY4s {
+ background-color: var(--background-floating);
+}
+
+.container-1r6BKw.themed-ANHk51 {
+ background-color: var(--background-secondary);
+ border-top: var(--border);
+ border-bottom: var(--border);
+}
+
+.menu-3sdvDG {
+ border: var(--border);
+ border-radius: var(--border-radius);
+}
+
+.container-enaOkj, .messagesPopoutWrap-1MQ1bW, .role-3UN8jj:hover {
+ border: var(--border);
+ border-radius: var(--border-radius);
+ margin: -1px;
+}
+
+.peopleListItem-2nzedh.active-rhSpJJ, .peopleListItem-2nzedh:hover {
+ border: var(--border);
+ border-radius: var(--border-radius);
+ margin: 0 10px 0 20px;
+}
+
+.peopleListItem-2nzedh {
+ border-left: 1px solid transparent;
+ border-right: 1px solid transparent;
+ border-bottom: 1px solid transparent;
+}
+
+.item-1tOPte, .container-2Pjhx-, .membershipDialog-rVL-t_, .listRow-1iDGel, .content-1x5b-n, .side-8zPYf6 .item-PXvHYJ, .memberRow-1wwtfV, .roleRow-30TwGe, .result-oB0z--, .container-jSV3OF, .theme-dark .lookFilled-1Gx00P.colorGrey-2DXtkV, .container-2rNpDV, .wrapper-3D2qGf, .friend-3KALPe, .item-26Dhrx {
+ border-radius: var(--border-radius);
+}
+
+.tertiary-aMXF0g:hover:not(.disabled-3Njyym), .secondary-dIudih:hover:not(.disabled-3Njyym) {
+ border: var(--border);
+}
+
+.actionButton-uPB8Fs:hover, .listRow-1iDGel:hover {
+ border: var(--border);
+}
+
+.actionButton-uPB8Fs, .item-26Dhrx, .listRow-1iDGel, .side-8zPYf6 .item-PXvHYJ, .memberRow-1wwtfV {
+ border: 1px solid transparent;
+}
+
+.theme-dark .userSettingsVoice-iwdUCU .previewOverlay-2O7_KC {
+ background-color: var(--background-secondary);
+ border: var(--border);
+ border-radius: var(--border-radius);
+}
+
+.searchBar-3dMhjb {
+ border: var(--border);
+ padding: 0;
+}
+
+.searchBar-6Kv8R2 .searchBarComponent-32dTOx, .bd-select, .bd-select:hover, .bd-select.menu-open {
+ border: var(--border)
+}
+
+.panels-j1Uci_ {
+ border-top: var(--border);
+ margin-top: -1px;
+}
+
+.topPill-30KHOu .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ {
+ border: var(--border);
+ border-radius: var(--border-radius);
+}
+
+.topPill-30KHOu .item-PXvHYJ, .friend-3KALPe, .selectable-3dP3y-, .roleRow-30TwGe {
+ border: 1px solid transparent;
+}
+
+.sidebar-2K8pFh {
+ border-left: var(--border);
+ border-top: var(--border);
+ border-right: var(--border);
+}
+
+.theme-dark .root-1gCeng, .theme-dark .popoutList-T9CKZQ {
+ background-color: var(--background-secondary);
+ border: var(--border);
+ border-radius: var(--border-radius);
+}
+
+.members-1998pB {
+ border-left: var(--border);
+}
+
+.userPopout-xaxa6l {
+ border: var(--border);
+}
+
+.theme-dark .friendSelected-1sa4bG {
+ border: var(--border);
+ background: var(--background-modifier-hover);
+}
+
+.theme-dark .selectableItem-1MP3MQ:hover {
+ background-color: var(--background-modifier-hover);
+}
+
+.theme-dark .footer-2gL1pp {
+ background-color: var(--background-floating);
+}
+
+.theme-dark .container-1nZlH6 {
+ background-color: var(--channeltextarea-background);
+ border: var(--border);
+ border-radius: var(--border-radius);
+}
+
+.inputDefault-_djjkz.input-cIJ7To.multiInputField-3K361B {
+ border: none !important;
+}
+
+.theme-dark .codeRedemptionRedirect-1wVR4b {
+ background-color: var(--background-secondary);
+ border-color: var(--border-color);
+ border: var(--border);
+ border-radius: var(--border-radius);
+}
+
+.bd-addon-list .bd-addon-card {
+ border: var(--border);
+ border-radius: var(--border-radius);
+ margin-bottom: 18px;
+}
+
+.bd-select .bd-select-options {
+ border-left: var(--border);
+ border-right: var(--border);
+ border-bottom: var(--border);
+}
+
+.searchHeader-2XoQg7 {
+ background-color: var(--background-secondary-alt);
+ border-bottom: var(--border);
+}
+
+.theme-dark .headerExpanded-CUEwZ5, .checklistHeader-1KWcEY, .header-2Y0-A- {
+ background-color: var(--background-secondary-alt);
+}
+
+.theme-dark .pageWrapper-1PgVDX {
+ border-top: var(--border);
+}
+
+.panels-j1Uci_, .theme-dark .changeDetails-bk98pu, .theme-dark .tierBody-16Chc9, .theme-dark .headerClickable-2IVFo9, .theme-dark .headerDefault-1wrJcN {
+ background-color: var(--background-secondary);
+}
+
+.bf-toolbar::before {
+ background-color: var(--background-secondary) !important;
+}
+
+.option-3KoAJB[aria-selected=true] {
+ background-color: var(--background-modifier-selected);
+}
+
+.cardWrapper-2Min21, .cardPrimaryOutline-29Ujqw, .theme-dark .tierHeaderUnlocked-3lTDnP, .theme-dark .tierBody-3aUxuc, .theme-dark .pageWrapper-1PgVDX {
+ background-color: var(--background-secondary);
+}
+
+.container-cMG81i, .theme-dark .copyInput-2rOSt7, .searchPage-3GKAdT .search-1iTphC .searchBox-2_mAlO {
+ background-color: var(--channeltextarea-background);
+}
+
+.channelTextArea-rNsIhG, .detailsBlock-FoDTGA, .container-UC8Ug1, .bf-toolbar::before, .tier-12tKuZ, .ctaBar-2UsjF2, .theme-dark .uploadModal-2ifh8j, .container-2Yth53, .wrapper-1rqM3x, .searchPage-3GKAdT .search-1iTphC .searchBox-2_mAlO, .theme-dark .card-3DjzTQ, .getStartedWrapper-2AGgRZ, .settingsFormItem-103g1I, .enableContainer-2DIT9Q, .container-2w0lh0, .checklistContainer-mFJZEJ, .featureCard-1RR4Tl, .developerPortalCtaWrapper-2XNafh, .upsellContainer-L9xv7w, .analyticsCard-qckucw, .descriptionBox-1EKQKL, .theme-dark .copyInput-2rOSt7, .wrapper-18yWki, .theme-dark .auditLog-3jNbM6, .theme-dark .tierHeaderUnlocked-3lTDnP, .side-8zPYf6 .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ, .topPill-30KHOu .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ, .previewContainer-1KQDJS, .memberRow-1wwtfV:hover, .roleRow-30TwGe:hover:not(.roleRowDisableHover-1HiqqT), .container-cMG81i, .container-_phMUq, .popout-VcNcHB, .lookFilled-22uAsw.select-2fjwPw, .searchResult-9tQ1uo, .background-1QDuV2, .cardPrimaryOutline-29Ujqw, .accountBtn-2Nozo3 .accountBtnInner-sj5jLs, .connection-1fbD7X, .accountList-33MS45, .theme-dark .feature-2w65J5, .activeGame-14JI7o, .cardWrapper-2Min21, .guild-Hq0WWA, .preview-2nSL_2, .previewMessage-1ZN7YG, .cardPrimary-1Hv-to, .cardPrimaryEditable-3KtE4g, .channelTextArea-2VhZ6z, #bd-editor-panel, .bd-search-wrapper, .input-cIJ7To, .messageGroupWrapper-o-Zw7G, .wrapper-1cBijl, .contentWrapper-SvZHNd, .quickswitcher-3JagVE, .input-2VB9rf, .container-2XeR5Z, .tutorial-3w5I9h, .messages-3G3erD, .messageContainer-gbhlwo, .section-2gLsgF {
+ border: var(--border);
+ border-radius: var(--border-radius);
+}
+
+.theme-dark .iconWrapper-3LVgIo {
+ background-color: var(--background-secondary-alt);
+}
+
+.searchResultsWrap-3-pOjs {
+ border-left: var(--border);
+}
+
+.theme-dark .tierHeaderLocked-3S508x, .theme-dark .footer-3mqk7D {
+ background-color: var(--background-secondary-alt);
+}
+
+.root-1gCeng, .theme-dark .uploadModal-2ifh8j {
+ background-color: var(--background-secondary);
+}
+
+.theme-dark .perksModal-fSYqOq {
+ background-color: var(--background-primary);
+}
+
+.reaction-1hd86g .emoji {
+ width: 1.2rem;
+ height: 1.2rem;
+}
+
+.embed-IeVjo6, .wrapper-35wsBm {
+ border-radius: var(--border-radius);
+}
+
+.container-S9SaVf {
+ border: var(--border) !important;
+ border-radius: var(--border-radius);
+}
+
+.accountBtn-2Nozo3 .accountBtnInner-sj5jLs:hover {
+ border: var(--border);
+}
+
+.css-gvi9bl-control, .css-gvi9bl-control:hover, .css-6fzn47-control:hover, .css-6fzn47-control, .css-17e1tep-control:hover, .css-17e1tep-control {
+ background-color: var(--background-secondary);
+ border-radius: var(--border-radius);
+ border: var(--border);
+ border-color: var(--border-color);
+}
+
+.css-3vaxre-menu {
+ border-radius: var(--border-radius);
+ border: var(--border);
+ background-color: var(--background-secondary);
+}
+
+.theme-dark .addGamePopout-2RY8Ju {
+ background-color: var(--background-floating);
+ border: var(--border);
+ border-radius: var(--border-radius);
+}
+
+.theme-dark .default-3oAQTF {
+ background-color: var(--background-secondary);
+}
+
+.diversitySelectorOptions-4YM-vX {
+ border: var(--border);
+ border-radius: var(--border-radius);
+}
+
+.header-2-Imhb .tabBar-1kuXvJ .tab-ck0077.active-1MbGPa {
+ border: var(--blurple-border);
+ border-radius: var(--border-radius);
+ color: var(--header-primary);
+ margin: -1px;
+ margin-top: 4px;
+}
+
+.navButtonActive-1MkytQ {
+ border: var(--blurple-border);
+ border-radius: var(--border-radius);
+ color: var(--header-primary);
+ margin: -1px;
+}
+
+.autocomplete-1vrmpx {
+ background-color: var(--background-secondary) !important;
+ border: var(--border);
+ border-radius: var(--border-radius);
+}
+
+.header-ykumBX {
+ background-color: var(--background-floating);
+ border-bottom: var(--border);
+}
+
+.selected-1Tbx07 {
+ background-color: var(--background-modifier-selected) !important;
+ border: var(--border);
+ border-radius: var(--border-radius);
+}
+
+.option-96V44q:after {
+ width: 0px;
+}
diff --git a/other/themes/GitHub-Dark/source.css b/other/themes/GitHub-Dark/source.css
new file mode 100644
index 0000000..122cb64
--- /dev/null
+++ b/other/themes/GitHub-Dark/source.css
@@ -0,0 +1,508 @@
+:root {
+ /* --------- BASE THEME --------- */
+ --blurple-replace: #7289DA;
+ --background-primary: rgb(9, 12, 16);
+ --background-secondary: rgb(13, 17, 23);
+ --background-floating: rgb(22, 27, 34);
+ --background-secondary-alt: var(--background-floating);
+ --background-tertiary: rgb(7, 10, 16);
+ --background-accent: rgb(17, 29, 46);
+ --userarea-background: var(--background-tertiary);
+ --header-primary: rgb(240, 246, 252);
+ --header-secondary: rgb(139, 148, 158);
+ --elevation-low: 0 1px 0 rgba(40, 40, 50, 0.2), 0 1.5px 0 rgba(60, 60, 70, 0.05), 0 2px 0 rgba(40, 40, 50, 0.05);
+ --elevation-high: 0 8px 16px rgba(0, 0, 0, 0.24);
+ --channels-default: rgb(139, 148, 158);
+ --channeltextarea-background: rgb(7, 10, 16);
+ --voice-color: var(--brand-experiment);
+ --guild-header-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
+ --activity-card-background: #0f0f0f;
+ --interactive-normal: rgb(139, 148, 158);
+ --interactive-hover: #dcddde;
+ --interactive-active: #fff;
+ --interactive-muted: rgb(76, 82, 88);
+ --background-modifier-hover: rgba(33, 38, 45, 0.26);
+ --background-modifier-active: rgba(33, 38, 45, 0.44);
+ --background-modifier-selected: rgba(33, 38, 45, 0.52);
+ --background-modifier-accent: rgb(33, 38, 45);
+ --text-link: rgb(88, 166, 255);
+ --text-normal: rgb(201, 209, 217);
+ --text-muted: rgb(139, 148, 158);
+ --deprecated-panel-background: #2a2f29;
+ --deprecated-card-bg: var(--background-secondary);
+ --deprecated-card-editable-bg: var(--background-secondary);
+ --deprecated-store-bg: #36393f;
+ --deprecated-quickswitcher-input-background: #72767d;
+ --deprecated-quickswitcher-input-placeholder: hsla(0, 0%, 100%, 0.3);
+ --deprecated-text-input-bg: var(--channeltextarea-background);
+ --deprecated-text-input-border: var(--border-color);
+ --deprecated-text-input-border-hover: #040405;
+ --deprecated-text-input-border-disabled: #202225;
+ --deprecated-text-input-prefix: #dcddde;
+ --background-accent-1: rgb(15, 15, 15, 0.1);
+ --background-accent-3: rgb(15, 15, 15, 0.3);
+ --background-floating-2: rgba(0, 0, 0, 0.2);
+ --border: 1px solid rgb(48, 54, 61);
+ --border-color: rgb(48, 54, 61);
+ --blurple-border: 1px solid rgb(31, 47, 71);
+ --border-radius: 5px;
+ --divide-color: var(--brand-experiment);
+ --brand-experiment: rgb(88, 101, 242);
+ --deprecated-quickswitcher-input-background: var(--channeltextarea-background)
+}
+
+.theme-light {
+ --background-secondary: rgb(13, 17, 23);
+ --header-primary: rgb(240, 246, 252);
+ --header-secondary: rgb(139, 148, 158);
+ --background-primary: rgb(22, 27, 34);
+ --text-normal: rgb(201, 209, 217);
+ --background-floating: rgb(22, 27, 34);
+ --background-tertiary: transparent;
+ --deprecated-text-input-bg: rgb(7, 10, 16);
+}
+
+.theme-dark {
+ --text-positive: hsl(139, calc(var(--saturation-factor, 1)*66.8%), 58.6%);
+ --text-warning: hsl(38, calc(var(--saturation-factor, 1)*95.7%), 54.1%);
+ --text-danger: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%);
+ --info-positive-text: #fff;
+ --info-warning-text: #fff;
+ --info-danger-text: #fff;
+ --info-help-background: hsla(197, calc(var(--saturation-factor, 1)*100%), 47.8%, 0.1);
+ --info-help-foreground: hsl(197, calc(var(--saturation-factor, 1)*100%), 47.8%);
+ --info-help-text: #fff;
+ --status-warning-text: #000;
+ --scrollbar-thin-thumb: rgb(22, 27, 34);
+ --scrollbar-thin-track: transparent;
+ --scrollbar-auto-thumb: rgb(22, 27, 34);
+ --scrollbar-auto-track: rgba(17, 19, 24, 0.308);
+ --scrollbar-auto-scrollbar-color-thumb: rgb(22, 27, 34);
+ --scrollbar-auto-scrollbar-color-track: rgba(17, 19, 24, 0.308);
+ --elevation-stroke: 0 0 0 1px rgba(4, 4, 5, 0.15);
+ --elevation-low: 0 1px 0 rgba(4, 4, 5, 0.2), 0 1.5px 0 rgba(6, 6, 7, 0.05), 0 2px 0 rgba(4, 4, 5, 0.05);
+ --elevation-medium: 0 4px 4px rgba(0, 0, 0, 0.16);
+ --elevation-high: 0 8px 16px rgba(0, 0, 0, 0.24);
+ --logo-primary: rgb(240, 246, 252);
+ --control-brand-foreground: hsl(227, calc(var(--saturation-factor, 1)*57.9%), 77.6%);
+ --control-brand-foreground-new: hsl(235, calc(var(--saturation-factor, 1)*86.1%), 77.5%);
+ --background-mentioned: rgba(13, 17, 23, 0.466);
+ --background-mentioned-hover: rgba(20, 33, 53, 0.233);
+ --background-message-hover: rgba(4, 4, 5, 0.07);
+ --activity-card-background: #202225;
+ --textbox-markdown-syntax: rgb(82, 89, 95);
+}
+
+.resultsGroup-r_nuzN {
+ background-color: var(--background-secondary);
+ border-radius: var(--border-radius);
+ border-left: var(--border);
+ border-right: var(--border);
+}
+
+.lookBlank-3eh9lL {
+ color: var(--text-normal);
+}
+
+.footer-2gL1pp .lookFilled-1Gx00P.colorGrey-2DXtkV {
+ background-color: rgb(43, 50, 59) !important;
+}
+
+.mentioned-xhSam7:before {
+ background-color: var(--brand-experiment);
+}
+
+.theme-dark .emptyHintCard-2mUdMe {
+ background-color: var(--background-secondary-alt);
+ border: var(--border);
+ border-radius: var(--border-radius);
+}
+
+#MemberCount {
+ border-left: var(--border);
+}
+
+.theme-dark .contentWrapper-3WC1ID {
+ background-color: var(--background-secondary);
+}
+
+.theme-dark .message-2qRu38 {
+ background-color: var(--background-primary);
+}
+
+.divider-JfaTT5 {
+ --divider-color: var(--divide-color);
+}
+
+.children-19S4PO:after {
+ content: none
+}
+
+.theme-dark .outer-1AjyKL.interactive-3B9GmY:hover, .theme-dark .outer-1AjyKL.active-1xchHY {
+ background-color: var(--background-modifier-selected);
+}
+
+.theme-light .footer-2gL1pp {
+ box-shadow: none;
+ border-top: var(--border);
+}
+
+.border-Jn5IOt.speaking-B2MXPi {
+ -webkit-box-shadow: inset 0 0 0 2px #0FF;
+ box-shadow: inset 0 0 0 2px #0FF;
+ -webkit-animation: rainbow 3s infinite linear !important;
+ animation: rainbow 3s infinite linear !important;
+}
+
+@keyframes rainbow {
+ 0% {
+ -webkit-filter: hue-rotate(0deg);
+ }
+ 100% {
+ -webkit-filter: hue-rotate(360deg);
+ }
+}
+
+.theme-dark .lookFilled-1Gx00P.colorGrey-2DXtkV {
+ background-color: var(--background-floating);
+}
+
+.theme-dark .lookFilled-1Gx00P.colorGrey-2DXtkV:hover {
+ background-color: var(--background-modifier-selected);
+}
+
+.theme-dark .container-1D34oG {
+ background-color: var(--background-primary);
+}
+
+.item-26Dhrx[aria-checked=true] {
+ background-color: var(--background-modifier-selected);
+ border: var(--border);
+}
+
+.phoneField-38N1bJ, .phoneField-38N1bJ .inputField-aNPXsv {
+ background-color: var(--channeltextarea-background);
+ border-radius: var(--border-radius);
+}
+
+.option-n0icdO, .theme-dark .notDetected-33MY4s, .theme-light .notDetected-33MY4s {
+ background-color: var(--background-floating);
+}
+
+.container-1r6BKw.themed-ANHk51 {
+ background-color: var(--background-secondary);
+ border-top: var(--border);
+ border-bottom: var(--border);
+}
+
+.menu-3sdvDG {
+ border: var(--border);
+ border-radius: var(--border-radius);
+}
+
+.container-enaOkj, .messagesPopoutWrap-1MQ1bW, .role-3UN8jj:hover {
+ border: var(--border);
+ border-radius: var(--border-radius);
+ margin: -1px;
+}
+
+.peopleListItem-2nzedh.active-rhSpJJ, .peopleListItem-2nzedh:hover {
+ border: var(--border);
+ border-radius: var(--border-radius);
+ margin: 0 10px 0 20px;
+}
+
+.peopleListItem-2nzedh {
+ border-left: 1px solid transparent;
+ border-right: 1px solid transparent;
+ border-bottom: 1px solid transparent;
+}
+
+.item-1tOPte, .button-38aScr, .wrapper-2aW0bm, .headerClickable-2IVFo9, .container-3XJ8ns, .accountProfileCard-1XCH88, .connectedAccount-2Jb-Z0, .note-367eZJ textarea, .gameIcon-_0rmMm, .container-2Pjhx-, .membershipDialog-rVL-t_, .listRow-1iDGel, .content-1x5b-n, .side-8zPYf6 .item-PXvHYJ, .memberRow-1wwtfV, .roleRow-30TwGe, .result-oB0z--, .container-jSV3OF, .theme-dark .lookFilled-1Gx00P.colorGrey-2DXtkV, .container-2rNpDV, .wrapper-3D2qGf, .friend-3KALPe, .item-26Dhrx {
+ border-radius: var(--border-radius);
+}
+
+.headerExpanded-CUEwZ5 {
+ border-top-left-radius: var(--border-radius);
+ border-top-right-radius: var(--border-radius);
+}
+
+.tertiary-aMXF0g:hover:not(.disabled-3Njyym), .secondary-dIudih:hover:not(.disabled-3Njyym) {
+ border: var(--border);
+}
+
+.actionButton-uPB8Fs:hover, .listRow-1iDGel:hover {
+ border: var(--border);
+}
+
+.actionButton-uPB8Fs, .item-26Dhrx, .listRow-1iDGel, .side-8zPYf6 .item-PXvHYJ, .memberRow-1wwtfV {
+ border: 1px solid transparent;
+}
+
+.wrapper-2aW0bm {
+ background: var(--background-secondary);
+}
+
+.theme-dark .userSettingsVoice-iwdUCU .previewOverlay-2O7_KC {
+ background-color: var(--background-secondary);
+ border: var(--border);
+ border-radius: var(--border-radius);
+}
+
+.searchBar-3dMhjb {
+ border: var(--border);
+ padding: 0;
+}
+
+.searchBar-6Kv8R2 .searchBarComponent-32dTOx, .bd-select, .bd-select:hover, .bd-select.menu-open {
+ border: var(--border)
+}
+
+.panels-j1Uci_ {
+ border-top: var(--border);
+ margin-top: -1px;
+}
+
+.topPill-30KHOu .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ {
+ border: var(--border);
+ border-radius: var(--border-radius);
+}
+
+.topPill-30KHOu .item-PXvHYJ, .friend-3KALPe, .selectable-3dP3y-, .roleRow-30TwGe {
+ border: 1px solid transparent;
+}
+
+.sidebar-2K8pFh {
+ border-left: var(--border);
+ border-top: var(--border);
+ border-right: var(--border);
+}
+
+.theme-dark .root-1gCeng, .theme-dark .popoutList-T9CKZQ {
+ background-color: var(--background-secondary);
+ border: var(--border);
+ border-radius: var(--border-radius);
+}
+
+.members-1998pB {
+ border-left: var(--border);
+}
+
+.userPopout-xaxa6l {
+ border: var(--border);
+}
+
+.theme-dark .friendSelected-1sa4bG {
+ border: var(--border);
+ background: var(--background-modifier-hover);
+}
+
+.callContainer-36WRfH {
+ border-top: var(--border);
+ border-bottom: var(--border);
+}
+
+.categoryHeader-O1zU94 {background: transparent;}
+
+.theme-dark .contentWarningPopout-n5JsIs {
+ background-color: var(--background-secondary);
+}
+
+.theme-dark .footer-3N9rgh {
+ background-color: var(--background-floating);
+ border-top: var(--border);
+ border-bottom-left-radius: var(--border-radius);
+ border-bottom-right-radius: var(--border-radius);
+}
+
+.theme-dark .selectableItem-1MP3MQ:hover {
+ background-color: var(--background-modifier-hover);
+}
+
+.theme-dark .footer-2gL1pp {
+ background-color: var(--background-floating);
+}
+
+.theme-dark .container-1nZlH6 {
+ background-color: var(--channeltextarea-background);
+ border: var(--border);
+ border-radius: var(--border-radius);
+}
+
+.inputDefault-_djjkz.input-cIJ7To.multiInputField-3K361B {
+ border: none !important;
+}
+
+.theme-dark .codeRedemptionRedirect-1wVR4b {
+ background-color: var(--background-secondary);
+ border-color: var(--border-color);
+ border: var(--border);
+ border-radius: var(--border-radius);
+}
+
+.bd-addon-list .bd-addon-card {
+ border: var(--border);
+ border-radius: var(--border-radius);
+ margin-bottom: 18px;
+}
+
+.bd-select .bd-select-options {
+ border-left: var(--border);
+ border-right: var(--border);
+ border-bottom: var(--border);
+}
+
+.searchHeader-2XoQg7 {
+ background-color: var(--background-secondary-alt);
+ border-bottom: var(--border);
+}
+
+.theme-dark .headerExpanded-CUEwZ5, .checklistHeader-1KWcEY, .header-2Y0-A- {
+ background-color: var(--background-secondary-alt);
+}
+
+.theme-dark .pageWrapper-1PgVDX {
+ border-top: var(--border);
+}
+
+.panels-j1Uci_, .theme-dark .changeDetails-bk98pu, .theme-dark .tierBody-16Chc9, .theme-dark .headerClickable-2IVFo9, .theme-dark .headerDefault-1wrJcN {
+ background-color: var(--background-secondary);
+}
+
+.bf-toolbar::before {
+ background-color: var(--background-secondary) !important;
+}
+
+.option-3KoAJB[aria-selected=true] {
+ background-color: var(--background-modifier-selected);
+}
+
+.cardWrapper-2Min21, .cardPrimaryOutline-29Ujqw, .theme-dark .tierHeaderUnlocked-3lTDnP, .theme-dark .tierBody-3aUxuc, .theme-dark .pageWrapper-1PgVDX {
+ background-color: var(--background-secondary);
+}
+
+.container-cMG81i, .theme-dark .copyInput-2rOSt7, .searchPage-3GKAdT .search-1iTphC .searchBox-2_mAlO {
+ background-color: var(--channeltextarea-background);
+}
+
+#permissions-modal {
+ border: var(--border) !important;
+ border-radius: var(--border-radius) !important;
+
+}
+
+#permissions-modal-wrapper .header { background-color: var(--background-floating) !important; border-bottom: var(--border); }
+#permissions-modal-wrapper .modal-body, #permissions-modal-wrapper .role-side { background-color: var(--background-secondary) !important; }
+#permissions-modal-wrapper .perm-side { background-color: var(--background-floating) !important; }
+#permissions-modal-wrapper .role-item.selected { background-color: var(--background-modifier-selected) !important; border-radius: var(--border-radius); }
+#permissions-modal-wrapper .role-item:hover {
+ background-color: var(--background-modifier-hover) !important; border-radius: var(--border-radius);
+}
+
+.channelTextArea-rNsIhG, .theme-dark .message-2qRu38, #emoji-picker-tab-panel, .markup-2BOw-j code, .card-3RzMcx, .detailsBlock-FoDTGA, .profileBannerPreview-3_l0Wd, .contentWarningPopout-n5JsIs, .container-UC8Ug1, .bf-toolbar::before, .tier-12tKuZ, .ctaBar-2UsjF2, .theme-dark .uploadModal-2ifh8j, .container-2Yth53, .searchPage-3GKAdT .search-1iTphC .searchBox-2_mAlO, .theme-dark .card-3DjzTQ, .getStartedWrapper-2AGgRZ, .settingsFormItem-103g1I, .enableContainer-2DIT9Q, .container-2w0lh0, .checklistContainer-mFJZEJ, .featureCard-1RR4Tl, .developerPortalCtaWrapper-2XNafh, .upsellContainer-L9xv7w, .analyticsCard-qckucw, .descriptionBox-1EKQKL, .theme-dark .copyInput-2rOSt7, .wrapper-18yWki, .theme-dark .auditLog-3jNbM6, .theme-dark .tierHeaderUnlocked-3lTDnP, .side-8zPYf6 .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ, .topPill-30KHOu .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ, .previewContainer-1KQDJS, .memberRow-1wwtfV:hover, .roleRow-30TwGe:hover:not(.roleRowDisableHover-1HiqqT), .container-cMG81i, .container-_phMUq, .popout-VcNcHB, .lookFilled-22uAsw.select-2fjwPw, .searchResult-9tQ1uo, .background-1QDuV2, .cardPrimaryOutline-29Ujqw, .accountBtn-2Nozo3 .accountBtnInner-sj5jLs, .connection-1fbD7X, .accountList-33MS45, .theme-dark .feature-2w65J5, .activeGame-14JI7o, .cardWrapper-2Min21, .guild-Hq0WWA, .preview-2nSL_2, .previewMessage-1ZN7YG, .cardPrimary-1Hv-to, .cardPrimaryEditable-3KtE4g, .channelTextArea-2VhZ6z, #bd-editor-panel, .bd-search-wrapper, .input-cIJ7To, .messageGroupWrapper-o-Zw7G, .wrapper-1cBijl, .contentWrapper-SvZHNd, .quickswitcher-3JagVE, .input-2VB9rf, .container-2XeR5Z, .tutorial-3w5I9h, .messages-3G3erD, .messageContainer-gbhlwo, .section-2gLsgF {
+ border: var(--border);
+ border-radius: var(--border-radius);
+}
+
+.theme-dark .avatarUploaderIndicator-2G-aIZ {
+ background-color: var(--background-floating);
+ border: var(--border);
+}
+
+.theme-dark .iconWrapper-3LVgIo {
+ background-color: var(--background-secondary-alt);
+}
+
+.searchResultsWrap-3-pOjs {
+ border-left: var(--border);
+}
+
+.theme-dark .tierHeaderLocked-3S508x, .theme-dark .footer-3mqk7D {
+ background-color: var(--background-secondary-alt);
+}
+
+.root-1gCeng, .theme-dark .uploadModal-2ifh8j {
+ background-color: var(--background-secondary);
+}
+
+.theme-dark .perksModal-fSYqOq {
+ background-color: var(--background-primary);
+}
+
+.reaction-1hd86g .emoji {
+ width: 1.2rem;
+ height: 1.2rem;
+}
+
+.embed-IeVjo6, .wrapper-35wsBm {
+ border-radius: var(--border-radius);
+}
+
+.container-S9SaVf {
+ border: var(--border) !important;
+ border-radius: var(--border-radius);
+}
+
+.accountBtn-2Nozo3 .accountBtnInner-sj5jLs:hover {
+ border: var(--border);
+}
+
+.css-gvi9bl-control, .css-gvi9bl-control:hover, .css-6fzn47-control:hover, .css-6fzn47-control, .css-17e1tep-control:hover, .css-17e1tep-control {
+ background-color: var(--background-secondary);
+ border-radius: var(--border-radius);
+ border: var(--border);
+ border-color: var(--border-color);
+}
+
+.css-3vaxre-menu {
+ border-radius: var(--border-radius);
+ border: var(--border);
+ background-color: var(--background-secondary);
+}
+
+.theme-dark .addGamePopout-2RY8Ju {
+ background-color: var(--background-floating);
+ border: var(--border);
+ border-radius: var(--border-radius);
+}
+
+.theme-dark .default-3oAQTF {
+ background-color: var(--background-secondary);
+}
+
+.diversitySelectorOptions-4YM-vX {
+ border: var(--border);
+ border-radius: var(--border-radius);
+}
+
+.header-2-Imhb .tabBar-1kuXvJ .tab-ck0077.active-1MbGPa {
+ border: var(--blurple-border);
+ border-radius: var(--border-radius);
+ color: var(--header-primary);
+ margin: -1px;
+ margin-top: 4px;
+}
+
+.navButtonActive-1MkytQ {
+ border: var(--blurple-border);
+ border-radius: var(--border-radius);
+ color: var(--header-primary);
+ margin: -1px;
+}
+
+.autocomplete-1vrmpx {
+ background-color: var(--background-secondary) !important;
+ border: var(--border);
+ border-radius: var(--border-radius);
+}
+
+.header-ykumBX {
+ background-color: var(--background-floating);
+ border-bottom: var(--border);
+}
+
+.selected-1Tbx07 {
+ background-color: var(--background-modifier-selected) !important;
+ border: var(--border);
+ border-radius: var(--border-radius);
+}
diff --git a/other/themes/Material-Discord/Material-Discord.theme.css b/other/themes/Material-Discord/Material-Discord.theme.css
new file mode 100644
index 0000000..557eea1
--- /dev/null
+++ b/other/themes/Material-Discord/Material-Discord.theme.css
@@ -0,0 +1,87 @@
+/**
+ * @name Material Discord
+ * @version 3.0.5
+ * @description A theme based on Google's Material Design
+ * @author CapnKitten
+ *
+ * @website https://tay.is-a.dev/
+ * @source https://github.com/tayrp/taycord
+ * @donate https://paypal.me/mystixmew
+ * @invite 2UH5dYZck3
+ */
+
+@import url(https://tay.is-a.dev/other/themes/Material-Discord-source.css);
+
+/* Material You addon */
+@import url(https://tay.is-a.dev/other/themes/Material-Discord-material-you-source.css);
+
+/* MATERIAL YOU DARK THEME SETTINGS */
+.theme-dark {
+ --saturation-modifier: 0.31;
+ --lightness-modifier: 0.225;
+ --text-lightness-modifier: 1.0;
+}
+
+/* MATERIAL YOU LIGHT THEME SETTINGS */
+.theme-light {
+ --saturation-modifier: 0.74;
+ --lightness-modifier: 2.125;
+ --text-lightness-modifier: 1.0;
+}
+
+:root {
+ /* ACCENT HSL AND TEXT COLOR SETTINGS */
+ --accent-hue: 227;
+ --accent-saturation: 71%;
+ --accent-lightness: 61%;
+ --accent-text-color: hsl(0,0%,100%); /* DOES NOTHING WITH MATERIAL YOU ENABLED */
+ --accent-button-action: hsl(0,0%,100%);
+
+ /* ALERT HSL AND TEXT COLOR SETTINGS */
+ --alert-hue: 0;
+ --alert-saturation: 85%;
+ --alert-lightness: 61%;
+ --alert-text-color: hsl(0,0%,100%); /* DOES NOTHING WITH MATERIAL YOU ENABLED */
+
+ /* WARNING HSL AND TEXT COLOR SETTINGS*/
+ --warning-hue: 40;
+ --warning-saturation: 86.4%;
+ --warning-lightness: 56.9%;
+ --warning-text-color: hsl(0,0%,100%); /* DOES NOTHING WITH MATERIAL YOU ENABLED */
+
+ /* MESSAGE SETTINGS */
+ --message-radius: 18px;
+ --message-padding-top: 8px;
+ --message-padding-side: 12px;
+
+ /* MESSAGE MEDIA SETTINGS */
+ --media-radius: 10px;
+
+ /* CARD SETTINGS */
+ --card-radius: 8px;
+ --card-radius-big: 18px;
+
+ /* BUTTON SETTINGS */
+ --button-height: 36px;
+ --button-padding: 0 24px;
+ --button-action-color: hsl(0,0%,100%);
+
+ /* INPUT SETTINGS */
+ --input-height: 36px;
+ --input-padding: 0 12px;
+
+ /* POPOUT AND MODAL SETTINGS */
+ --popout-radius: 8px;
+ --popout-radius-big: 18px;
+
+ /* TOOLTIP SETTINGS */
+ --tooltip-color: hsl(0,0%,38%,0.9);
+ --tooltip-text-color: hsl(0,0%,87%);
+ --tooltip-font-size: 12px;
+ --tooltip-padding: 8px;
+ --tooltip-radius: 8px;
+
+ /* SCROLLBAR SETTINGS */
+ --scrollbar-width: 10px;
+ --scrollbar-thin-width: 6px;
+}
diff --git a/other/themes/Material-Discord/assets/preview.png b/other/themes/Material-Discord/assets/preview.png
new file mode 100644
index 0000000..b83b841
Binary files /dev/null and b/other/themes/Material-Discord/assets/preview.png differ
diff --git a/other/themes/Material-Discord/beta.scss b/other/themes/Material-Discord/beta.scss
new file mode 100644
index 0000000..8635dd3
--- /dev/null
+++ b/other/themes/Material-Discord/beta.scss
@@ -0,0 +1,4 @@
+@use 'src/app/materialYou';
+//@use 'src/beta';
+
+@import 'src/selectorPlaceholders';
diff --git a/other/themes/Material-Discord/changelog.md b/other/themes/Material-Discord/changelog.md
new file mode 100644
index 0000000..aa522f7
--- /dev/null
+++ b/other/themes/Material-Discord/changelog.md
@@ -0,0 +1,566 @@
+# Material Discord
+
+## Changelog
+
+#### v3.0.3 (24/02/2021)
+* Font changed to Google Sans
+* Delete message modal updated
+
+#### v3.0.2 (04/02/2021)
+* Light theme fixes
+* The left margin on the message bubbles lowered
+
+#### v3.0.0 (04/02/2021)
+* Rewritten theme - reduced file size, removed deprecated code, cleaner structure (as a result, some variable names and values may need to be updated for them to work properly)
+* Light theme support
+* Cards updated
+
+#### v2.3.5 (11/01/2021)
+* Icons added to the sidebars of both the user and server options
+* Voice channel icons updated
+* Various server community pages styled
+* Search results updated
+
+#### v2.3.3.2 (10/08/2020)
+* Various fixes
+
+#### v2.3.3.1 (17/07/2020)
+* Spacing issue with compact messages and chat font scaling fixed
+* Spacing issue with disabled video and screensharing buttons when in a voice call fixed
+
+#### v2.3.3 (11/07/2020)
+* Icons updated for languages other than English
+* Search results updated
+* Pinned messages message for the compact appearance fixed
+
+#### v2.3.2 (30/06/2020)
+* Updated elements that Discord changed (If I missed any, please let me know)
+
+#### v2.3 (21/06/2020)
+* New messages bubbles based on Material Design 2
+* Message bubbles spacing is now affected by `Space between message groups` in the appearance settings
+* Link color in messages abides by `--accent-color`
+* Plugin list button hover/active effect fixed
+* Channel/mention text color will be handled by `--accent-rgb-text-color`
+* Reverted plugin settings UI changes to make them more usable
+* Various small color fixes that Discord changed
+
+#### v2.2.8.1 (13/06/2020)
+* Search results updated
+* Tooltip text size slightly increased for readability
+* Compact messages padding adjusted
+
+#### v2.2.8 (14/05/2020)
+* New Discover categories styled
+* Updated elements that Discord changed (If I missed any, please let me know)
+
+#### v2.2.7 (09/05/2020)
+* Improved DM screenshare interface
+* Most uploaded files icons updated
+* Various fixes
+
+#### v2.2.6 (27/04/2020)
+* Edit messages form fixed
+* New emoji popout styled
+* Changed how button backgrounds change on hover and active states
+
+#### v2.2.5 (18/04/2020)
+* New Go Live interfaces updated
+* Noise suppression popout updated
+* Chat font scaling issue with pinned messages fixed
+* New Inbox/mentions popout menu updated
+
+#### v2.2.3.2 (10/04/2020)
+* Video player buttons fixed
+* Unread messages notification for ServerFolders by DevilBro mostly fixed
+
+#### v2.2.3 (03/04/2020)
+* Server icons updated
+* Various updated icons fixed
+* Date dividers between messages fixed
+
+#### v2.2 (28/03/2020)
+* Bandaged BetterDiscord elements updated
+
+#### v2.1.9.4 (19/03/2020)
+* Create/join server modals fixed
+* Messages hover color updated
+* Various missed icons updated
+
+#### v2.1.9.3 (15/03/2020)
+* Fixed video and audio buttons
+
+#### v2.1.9 (08/03/2020)
+* Updated icons that were changed
+* Fixed DM call icons in messages
+
+#### v2.1.8
+* Server/DM search results updated
+* Added Product Sans font support for Greek and Latin Extended characters
+
+#### v2.1.7
+* Messages updated yet again, thanks Discord
+* Messages container scrollbar gap at the bottom fixed
+* Compact messages updated
+* Delete message modal updated
+* Upload file message fixed
+* Audio player fixed
+* Pinned messages styled
+
+#### v2.1.6
+* Messages updated
+* New message actions styled and animated
+* Unread/new messages notification bar updated (WIP)
+* Popup format toolbar styled
+
+#### v2.1.5.1
+* Nitro subsriptions, gift invetory, and server boost pages styled
+* Billing add credit card modal fixed
+* Discord tag input fixed
+* Language selector fixed
+* New friends list/activity styled
+* Removed deprecated code regarding things Discord removed
+
+#### v2.1.4
+* New messages bar colored correctly
+* Library games list fixed
+* Library settings fixed
+* [CharCounter](https://github.com/mwittrien/BetterDiscordAddons/tree/master/Plugins/CharCounter) plugin by [DevilBro](https://github.com/mwittrien) styled correctly for the theme
+
+#### v2.1.3
+* Editing, uploading file, and spotify invite textareas fixed
+* Attachment button realigned correctly
+* Autocomplete modal for mentions in the upload and spotify invite modals styled correctly
+* ServerFolders by DevilBro server unread notification somewhat fixed
+* Scrollbars made a few pixels wider
+
+#### v2.1
+* Search button on the home tab fixed
+* Radio buttons fixed
+* Updated elements that Discord changed (If I missed any, please let me know)
+
+#### v2.0.9.3
+* Server tooltips with partnered and verified icons fixed
+* Status picker aligned correctly
+* Verified games icon fixed
+
+#### v2.0.9.1
+* z-index for some drop down menus fixed
+* OldTitleBar by [DevilBro](https://github.com/mwittrien/BetterDiscordAddons/tree/master/Plugins/OldTitleBar) fixed
+
+#### v2.0.9
+* Server boost features styled
+* Color picker updated
+
+#### v2.0.8
+* Custom status styled and fixed
+
+#### v2.0.7.4
+* Bug fixes
+
+#### v2.0.7.2
+* Compact messages and editing updated
+* Updated elements that Discord changed (If I missed any, please let me know)
+
+#### v2.0.7.1
+* Create a group/LFG styled
+* Updated elements that Discord changed (If I missed any, please let me know)
+
+#### v2.0.7
+* Updated elements that Discord changed (If I missed any, please let me know)
+
+#### v2.0.6.1
+* Missed go live features styled
+
+#### v2.0.6
+* Some server folder fixes
+* User popout menus updated to fix the blurry issue
+* Go live features styled
+
+#### v2.0.5.1
+* Native server folders updated
+* MemberCount plugin by Arashiryuu updated
+
+#### v2.0.5
+* Native server folders styled
+
+#### v2.0.4.1
+* Login and register modals updated
+* Updated elements that Discord changed (If I missed any, please let me know)
+
+#### v2.0.4
+* Updated elements that Discord changed (If I missed any, please let me know)
+* Set custom status styled
+* Voice connected info updated
+* Animations for a couple popout menus updated
+
+#### v2.0.2
+* Updated elements that Discord changed (If I missed any, please let me know)
+* Fixed the unread notifications glitchy animations
+* MemberCount plugin by Arashiryuu support added
+
+#### v2.0
+* Nitro server boost modal styled
+* Server discovery cards and pagination updated
+* Game Activity and Activity Feed lists updated
+* Select a language list updated
+* Server settings audit log updated
+* Various text headers updated to not be uppercase
+* Discord Nitro game page updated
+
+#### v1.9.2
+* Partnered and verified server icons updated
+* Spotify listen along invite textarea fixed
+* Various list borders removed
+* Library games updated
+
+#### v1.9.1
+* Nitro store search modal updated
+* Citator plugin by Nirewen styled
+* PersonalPins plugin by DevilBro updated
+* OldTitleBar by DevilBro fixed
+* Create/join server modal updated
+
+#### v1.9.0.2
+* Detect account interface styled
+* Various macOS related fixes/updates
+
+#### v1.9.0
+* ServerFolders plugin support updated
+* OldTitleBar plugin support updated
+* Material Design ripple added back to the top bar buttons
+* Message jump buttons fixed
+* Spoiler tag updated and tooltip added
+* Material Design input bar animation added
+* Voice call updated
+* Title bar while in voice/video call updated
+
+#### v1.8.2.1
+* Game popout modal updated
+* Tooltips updated
+* Updated elements that Discord changed (If I missed any, please let me know) - Server list is a WIP but I wanted to at least an update out to fix most of the changes
+* Emoji menu updated
+* Add friends to DM popout updated
+* Various search bars updated
+
+#### v1.8.1
+* Cyrillic font support added
+* Activity quick launcher and recently played cards updated
+* Activity now playing Twitch player updated
+* Home tab notification updated
+
+#### v1.8.0
+* User settings activity feed styled
+* Create/Join server button updated
+* Activity carousel fixed
+* Authorize app modal updated
+* Home Activity page updated
+
+#### v1.7.2
+* New Nitro tab styled
+* Server folders mention notification fixed
+
+#### v1.7.1.6
+* Verified server banners fixed
+* Screen sharing top bar fixed
+* Video call PiP icons updated
+
+#### v1.7.1.3
+* Server discovery and create/join buttons swapped
+* New link cards styled
+* Updated elements that Discord changed (If I missed any, please let me know)
+
+#### v1.7.1
+* New activity tab styled
+* Various updates for user profiles playing Xbox games
+
+#### v1.7.0
+* Server discovery features styled
+* Spotify buttons in user popouts and profiles fixed
+
+#### v1.6.2
+* Status picker fixed
+* Server search results updated
+* Add friends to DM updated
+* DevilBro's theme and plugin repo modals updated
+
+#### v1.6.1
+* Emoji panel search bar fixed
+* Voice and video chat region select updated
+* Edit messages buttons fixed
+* Upload modal textarea fixed
+
+#### v1.6.0
+* Updated elements that Discord changed (If I missed any, please let me know)
+
+#### v1.5.6
+* Gift Nitro modal styled
+* Authorize app modal styled
+* Gift inventory cards updated
+
+#### v1.5.5
+* Mic test styled
+* Blocked messages updated
+* Discord store game page latest news styled
+* Gif button and popout menu styled
+
+#### v1.5.4
+* Modal headers padding updated
+* Emoji button positions fixed
+* Gift inventory styled
+* Server Folders plugin mentions fixed
+* Discord store game page sidebar updated
+
+#### v1.5.2
+* Sidebar for user and server settings updated
+* Server emoji, webhooks, invites, and bans lists updated
+* Role colored text fixed
+* Create/join popout menu updated
+
+#### v1.5.0
+* Font updated to Product Sans
+* Material Discord logo updated to Product Sans
+* Home activity carousel updated
+* Dicord store cards updated
+* Library cards updated
+* Library nitro tab styled
+
+#### v1.4.4
+* Various formatting updates
+* Imbeded video/gif playback fixed
+* Server settings changed settings notice bar updated
+* Discord game cards in chat updated
+* Reaction buttons updated
+
+#### v1.4.3.1
+* BetterDiscord settings updated
+* Mention and emoji match popup menu updated
+
+#### v1.4.3
+* Updated elements that Discord changed (If I missed any, please let me know)
+* Discord store game page cards and icons updated
+* Create group DM menu updated
+* Add friend input updated
+* Icons that I missed are updated to Material Design 2 icons
+* Button shadows updated
+
+#### v1.4.2
+* Search popout menu updated
+* Unread messages notification made darker
+* Incoming call popup updated
+* Majority of the icons updated to Material Design 2
+
+#### v1.4.1.1
+* Discord game store cards updated
+* Discord game store game info popouts updated
+
+#### v1.4.1
+* Discord game store home and game listing pages made more fluid for larger displays
+* Various search bars updated to Material Design 2
+* New messages banner updated
+
+#### v1.4.0
+* Discord game store styled
+* New game library tab upadted
+* Slowmode notification updated
+
+#### v1.3.5.2
+* NSFW warning update
+* Imbeded YouTube video play button fixed
+* Nitro notification updated
+
+#### v1.3.5.1
+* Updated elements that Discord changed (If I missed any, please let me know)
+
+#### v1.3.5
+* Handful of animations updated
+* ImageGallary plugin by DevilBro updated
+* Voice call buttons updated
+* Server settings add/remove user roles tooltip fixed
+
+#### v1.3.4.10
+* Button sizes updated
+* Search results header bar updated
+* Spotify song link fixed
+* AFK channel popout menu fixed
+
+#### v1.3.4.8
+* Quick switcher updated
+* Guilds error fixed
+* Server down icon updated
+* Game center carousel arrow buttons fixed
+
+#### v1.3.4.6
+* Billing styled
+* Overlay settings styled
+
+#### v1.3.4.2
+* Game center title bar added
+* Game center small carousel pagination buttons fixed
+* Add friend searching updated
+* Jump to present updated
+* Status picker animation fixed
+
+#### v1.3.4
+* Updated elements that Discord changed (If I missed any, please let me know)
+* Various popout menu animations updated
+* Recent mentions popout updated
+* User status icons fixed
+
+#### v1.3.3.4
+* Updated elements that Discord changed (If I missed any, please let me know)
+* Connection issue interface updated
+
+#### v1.3.3.2
+* Various message fixes
+* Invited modal updated
+* Add friends to DM updated
+* Mention notifications updated
+* Search users DM modal updated
+
+#### v1.3.3
+* Updated elements that Discord changed (If I missed any, please let me know)
+* Compact messages updated
+* Message options popout fixed
+* Edit message buttons updated
+* Color picker styled
+* Uploaded video player styled
+* Server settings notification change updated
+
+#### v1.3.2
+* Card button action size reduced
+* Blocked messages styled
+* Imbeded video play button fixed
+* Server member settings role tooltips fixed
+* Padding between message blocks reduced
+
+#### v1.3.1.2
+* Game center carousel pagination for smaller screens styled
+* Game center game popout carousel styled
+* Game preview modal updated to remove whitespace
+* Updated small popout menu for messages
+* Imbeded video play button updated
+* Status changer with colorblind mode on updated
+
+#### v1.3.1
+* Game center styled
+* Status picker fixed after update
+* Toasts styled
+* Now playing games buttons in user settings fixed
+* Open original image button updated
+
+#### v1.3.0
+* Spotify invite updated
+* NSFW alert updated
+* Members list padding changed
+* Server invites and ban list updated
+* Games list animated
+* Audit log icons updated
+* Attachment and emoji buttons fixed
+
+#### v1.2.9
+* Emoji panel border radius with the emote menu enabled fixed
+* Pinned messages and mentions popouts height limited to 85vh
+* Added shadow animation to colored buttons
+* Create a server interface updated
+* File upload progress styled
+* Some Material Design 2 elements added
+
+#### v1.2.8.3
+* Changed the emote switch buttons
+* Updated elements that Discord changed
+
+#### v1.2.8.1
+* Load more messages button changed
+* Mentions updated
+* DMs separator added
+* Slider bar grabber tooltip fixed
+* Fix for [DevilBro's](https://github.com/mwittrien) theme and plugin repos
+
+#### v1.2.7.7
+* Updated elements that Discord changed (If I missed any, please let me know)
+
+#### v1.2.6.1
+* Emoji menu updated
+* Typing status positioning fixed
+* Create/join server icon centered
+
+#### v1.2.6
+* Reactions menu animation fixed
+* More card updates
+* Connection integrations styled
+* Settings side bar changed
+
+#### v1.2.5.5
+* Updated elements that Discord changed
+
+#### v1.2.5.1
+* Fixed a bug when mentioning offline users
+* Styled server invite
+
+#### v1.2.5
+* Added status tooltips
+* Streaming status fixed
+* New button to open images in browser
+* Public servers updated
+* Updated cards in most of user and BetterDiscord settings
+
+#### v1.2.4.6
+* Fixed channels scrollbar issue
+* Temporarily fixed DM reactions
+* Updated elements that Discord changed
+
+#### v1.2.4.2
+* Changed the scrollbars
+* Codeblocks are now monospace
+* Updated various elements that Discord changed
+* Better positioning of the user popout
+
+#### v1.2.4
+* Updated the styling for Spotify
+* Change the Discord logo to Material Discord
+* Updated the right click context menu
+* Added animations to changing users roles
+
+#### v1.2.3.1
+* Fixed the things that Discord update 2.15.2018 changed
+* Changed server option icons to material icons
+* Updated user status location
+
+#### v1.2.3
+* SMS authentication styled
+* Fixed messages background
+* Fixed username showing up when editing messages
+* Fixed the emoji panel for inviting user to listen to Spotify
+
+#### v1.2.2
+* Font changed to Roboto
+* Members list loading animation changed to match the theme
+* The loading blocks are now a material design spinner
+* Various small changes (excluding the listed ones)
+
+#### v1.2.1
+* Spotify integrations styled
+* Fixed up the user info popout backgrounds for those streaming/listening to spotify
+* Fixed scrolling issue with user connected accounts
+* Styled the add friend page
+
+#### v1.2
+* Better Discord plugin/theme cards and switches fixed
+* More material icons added
+* Made popout menus more responsive
+* Added scrollbars to popout menus that require them
+* User info popout header background added
+
+#### v1.1.1
+* Changed more icons to material icons
+* Styled the public servers list for Better Discord
+* Added various animations
+* Upload modal styled
+
+#### v1.1
+* Video and audio calling styled
+* Screensharing styled
+
+#### v1.0
+* Initial release
diff --git a/other/themes/Material-Discord/css/addons/README.md b/other/themes/Material-Discord/css/addons/README.md
new file mode 100644
index 0000000..94ae733
--- /dev/null
+++ b/other/themes/Material-Discord/css/addons/README.md
@@ -0,0 +1,14 @@
+# Material Discord Add-on Themes - [![Paypal][paypal-logo]][paypal-url] [![GitHub][github-logo]][github-url]
+
+* [Solid Icons](https://github.com/CapnKitten/BetterDiscord/tree/master/Themes/Material-Discord/css/addons/icons) - Converts the outline icons in Material Discord to solid icons. Requires Material Discord.
+* [Old Message Bubbles](https://github.com/CapnKitten/BetterDiscord/tree/master/Themes/Material-Discord/css/addons/messages) - Changes the message bubbles and main textbox to an older version before Material Design 2.0. Requires Material Discord.
+* [Status Picker](https://github.com/CapnKitten/BetterDiscord/tree/master/Themes/Material-Discord/css/addons/status-picker) - Adds the status picker from Material Discord to any theme (may require some modification to the positioning).
+* [Material You](https://github.com/CapnKitten/BetterDiscord/tree/master/Themes/Material-Discord/css/addons/material-you) - Converts the Material Discord color scheme to resemble that of Material You based on the accent color. Requires Material Discord.
+* [Custom Themes](https://github.com/CapnKitten/BetterDiscord/tree/master/Themes/Material-Discord/css/addons/custom-themes) - Allows the custom Discord themes to work with Material Discord. Requires Material Discord.
+
+
+[paypal-logo]: https://img.shields.io/static/v1?label=PayPal&message=Donate&style=flat&logo=paypal&color=blue
+[paypal-url]: https://paypal.me/capnkitten
+
+[github-logo]: https://img.shields.io/static/v1?label=GitHub&message=Sponsor&style=flat&logo=github&color=black
+[github-url]: https://github.com/sponsors/CapnKitten
diff --git a/other/themes/Material-Discord/css/addons/custom-themes/Material-Discord_addon-custom-themes.theme.css b/other/themes/Material-Discord/css/addons/custom-themes/Material-Discord_addon-custom-themes.theme.css
new file mode 100644
index 0000000..3c70c7c
--- /dev/null
+++ b/other/themes/Material-Discord/css/addons/custom-themes/Material-Discord_addon-custom-themes.theme.css
@@ -0,0 +1,14 @@
+/**
+* @name Material Discord Addon - Custom Discord Themes
+* @version 1.0.0
+* @description Allows the custom Discord themes to work with Material Discord
+* @author CapnKitten
+* @authorId 124276233478471680
+ *
+ * @website http://github.com/CapnKitten
+ * @source https://github.com/CapnKitten/BetterDiscord/blob/master/Themes/Material-Discord/css/addons/custom-themes/Material-Discord_addon-custom-themes.theme.css
+ * @donate https://paypal.me/capnkitten
+ * @invite jzJkA6Z
+ */
+
+@import url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/css/addons/custom-themes/source.css);
diff --git a/other/themes/Material-Discord/css/addons/custom-themes/README.md b/other/themes/Material-Discord/css/addons/custom-themes/README.md
new file mode 100644
index 0000000..d508f61
--- /dev/null
+++ b/other/themes/Material-Discord/css/addons/custom-themes/README.md
@@ -0,0 +1,23 @@
+# [Add-on] Material Discord Custom Themes - [![Paypal][paypal-logo]][paypal-url] [![GitHub][github-logo]][github-url] [![Discord][discord-logo]][discord-url]
+#### Allows the custom Discord themes to work with Material Discord
+
+
+
+[Download here](https://capnkitten.github.io/BetterDiscord/Download/?theme=Material-Discord&addon=custom-themes) or use as import with the code below.
+```css
+@import url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/css/addons/custom-themes/source.css);
+```
+
+Vencord link
+```
+https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/css/addons/custom-themes/source.css
+```
+
+[paypal-logo]: https://img.shields.io/static/v1?label=PayPal&message=Donate&style=flat&logo=paypal&color=blue
+[paypal-url]: https://paypal.me/capnkitten
+
+[github-logo]: https://img.shields.io/static/v1?label=GitHub&message=Sponsor&style=flat&logo=github&color=black
+[github-url]: https://github.com/sponsors/CapnKitten
+
+[discord-logo]: https://img.shields.io/static/v1?label=Discord&message=Server&style=flat&logo=discord&color=blue
+[discord-url]: https://discord.gg/jzJkA6Z
diff --git a/other/themes/Material-Discord/css/addons/custom-themes/source.css b/other/themes/Material-Discord/css/addons/custom-themes/source.css
new file mode 100644
index 0000000..154fb60
--- /dev/null
+++ b/other/themes/Material-Discord/css/addons/custom-themes/source.css
@@ -0,0 +1,305 @@
+.theme-dark,
+.theme-light {
+ --app-bg: var(--bg-overlay-4,var(--background-tertiary)) !important;
+ --accent-text-color--material-you: var(--interactive-active);
+}
+.theme-dark .withBackgroundOverride_a934d8,
+.theme-light .withBackgroundOverride_a934d8 {
+ background: transparent;
+}
+.theme-dark .base_a4d4d9,
+.theme-light .base_a4d4d9 {
+ background: var(--bg-overlay-2, var(--background-secondary));
+ border-radius: var(--card-radius-big);
+}
+.theme-dark .themed_e44302,
+.theme-light .themed_e44302 {
+ background: var(--bg-overlay-2, var(--background-secondary)) !important;
+}
+.theme-dark .standardSidebarView_c25c6d,
+.theme-light .standardSidebarView_c25c6d {
+ background: var(--app-bg);
+}
+.theme-dark .sidebarRegionScroller_c25c6d,
+.theme-light .sidebarRegionScroller_c25c6d {
+ background-color: transparent;
+}
+.theme-dark .contentRegion_c25c6d,
+.theme-light .contentRegion_c25c6d {
+ background: var(--bg-overlay-2, var(--background-secondary));
+}
+.theme-dark .cardPrimary_a298b8,
+.theme-dark .accountProfileCard_b69b77,
+.theme-dark .customizationSection_b3a5c2,
+.theme-dark .sessions_c7a2c0 > div:not([class]),
+.theme-dark .otherSessions_c7a2c0,
+.theme-dark .connectContainer_e2a436,
+.theme-dark .connection_e2a436,
+.theme-dark div[role=radiogroup],
+.theme-light .cardPrimary_a298b8,
+.theme-light .accountProfileCard_b69b77,
+.theme-light .customizationSection_b3a5c2,
+.theme-light .sessions_c7a2c0 > div:not([class]),
+.theme-light .otherSessions_c7a2c0,
+.theme-light .connectContainer_e2a436,
+.theme-light .connection_e2a436,
+.theme-light div[role=radiogroup] {
+ background: var(--bg-overlay-3, var(--background-secondary));
+}
+.theme-dark .item_eb92a8:hover,
+.theme-light .item_eb92a8:hover {
+ background: var(--bg-overlay-4, var(--background-secondary));
+}
+.theme-dark .item_eb92a8:active, .theme-dark [aria-checked=true].item_eb92a8,
+.theme-light .item_eb92a8:active,
+.theme-light [aria-checked=true].item_eb92a8 {
+ background: var(--bg-overlay-5, var(--background-secondary));
+}
+.theme-dark .sidebar_c25c6d .item_a0:hover,
+.theme-light .sidebar_c25c6d .item_a0:hover {
+ background: var(--bg-overlay-hover, var(--background-primary));
+}
+.theme-dark .sidebar_c25c6d .item_a0.selected_a0,
+.theme-light .sidebar_c25c6d .item_a0.selected_a0 {
+ background: var(--bg-overlay-selected, var(--background-primary));
+}
+.theme-dark .customizationSectionBorder_b3a5c2,
+.theme-light .customizationSectionBorder_b3a5c2 {
+ background: var(--bg-overlay-3, var(--background-secondary)) 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;
+}
+.theme-dark .metadataContainer_e2a436,
+.theme-dark .integration_e2a436,
+.theme-light .metadataContainer_e2a436,
+.theme-light .integration_e2a436 {
+ background: var(--bg-overlay-4, var(--background-secondary));
+}
+.theme-dark .lookFilled_dd4f85,
+.theme-light .lookFilled_dd4f85 {
+ --button-background: var(--bg-overlay-selected,var(--background-modifier-selected));
+ --button-text-color: var(--interactive-active);
+}
+.theme-dark .lookFilled_dd4f85.colorBrand_dd4f85,
+.theme-light .lookFilled_dd4f85.colorBrand_dd4f85 {
+ --button-background: var(--bg-overlay-selected,var(--background-modifier-selected));
+ --button-text-color: var(--interactive-active);
+}
+.theme-dark .container_f7e03d,
+.theme-light .container_f7e03d {
+ background: var(--bg-overlay-4, var(--background-secondary));
+}
+.theme-dark .wrapper_fea3ef,
+.theme-light .wrapper_fea3ef {
+ background: transparent;
+}
+.theme-dark .wrapper_fea3ef .scrollerBase_eed6a8,
+.theme-light .wrapper_fea3ef .scrollerBase_eed6a8 {
+ background: transparent;
+}
+.theme-dark .scroller_fea3ef,
+.theme-light .scroller_fea3ef {
+ background: transparent;
+}
+.theme-dark .wrapper__8436d .childWrapper_a6ce15,
+.theme-light .wrapper__8436d .childWrapper_a6ce15 {
+ background: var(--bg-overlay-1, var(--background-primary));
+ color: var(--interactive-active);
+}
+.theme-dark .wrapper__8436d.selected_ae80f7 .childWrapper_a6ce15,
+.theme-light .wrapper__8436d.selected_ae80f7 .childWrapper_a6ce15 {
+ background: var(--bg-overlay-6, var(--background-primary));
+ color: var(--interactive-active);
+}
+.theme-dark .circleButtonMask-1_597P,
+.theme-dark .circleIconButton_db6521,
+.theme-light .circleButtonMask-1_597P,
+.theme-light .circleIconButton_db6521 {
+ background: var(--bg-overlay-1, var(--background-primary));
+ color: var(--interactive-active);
+}
+.theme-dark .circleButtonMask-1_597P.selected_db6521,
+.theme-dark .circleIconButton_db6521.selected_db6521,
+.theme-light .circleButtonMask-1_597P.selected_db6521,
+.theme-light .circleIconButton_db6521.selected_db6521 {
+ background: var(--bg-overlay-6, var(--background-primary));
+ color: var(--interactive-active);
+}
+.theme-dark .privateChannels_f0963d,
+.theme-light .privateChannels_f0963d {
+ background: transparent;
+}
+.theme-dark .privateChannels_f0963d .scrollerBase_eed6a8,
+.theme-light .privateChannels_f0963d .scrollerBase_eed6a8 {
+ background: inherit;
+}
+.theme-dark .wrapper_d8bfb3 .link_d8bfb3,
+.theme-light .wrapper_d8bfb3 .link_d8bfb3 {
+ background: transparent;
+}
+.theme-dark .wrapper_d8bfb3:hover,
+.theme-light .wrapper_d8bfb3:hover {
+ background: var(--bg-overlay-hover, var(--background-primary));
+}
+.theme-dark .wrapper_d8bfb3.modeSelected_d8bfb3,
+.theme-light .wrapper_d8bfb3.modeSelected_d8bfb3 {
+ background: var(--bg-overlay-selected, var(--background-primary));
+}
+.theme-dark .nowPlayingColumn_c2739c,
+.theme-light .nowPlayingColumn_c2739c {
+ background: transparent;
+}
+.theme-dark .nowPlayingColumn_c2739c .container_bf550a,
+.theme-light .nowPlayingColumn_c2739c .container_bf550a {
+ background: inherit;
+}
+.theme-dark .interactive_c0f6a6,
+.theme-light .interactive_c0f6a6 {
+ background: var(--bg-overlay-2, var(--background-primary));
+}
+.theme-dark .interactive_c0f6a6:hover, .theme-dark .interactive_c0f6a6.active_c0f6a6,
+.theme-light .interactive_c0f6a6:hover,
+.theme-light .interactive_c0f6a6.active_c0f6a6 {
+ background: var(--bg-overlay-3, var(--background-primary));
+}
+.theme-dark .interactive_c0f6a6 .section_cd82a7,
+.theme-light .interactive_c0f6a6 .section_cd82a7 {
+ background: var(--bg-overlay-4, var(--background-primary));
+}
+.theme-dark .sidebar_a4d4d9,
+.theme-light .sidebar_a4d4d9 {
+ background: transparent;
+}
+.theme-dark .sidebar_a4d4d9 .container_fd6364:not(.hasBanner_fd6364) .header_fd6364,
+.theme-light .sidebar_a4d4d9 .container_fd6364:not(.hasBanner_fd6364) .header_fd6364 {
+ background-color: transparent;
+}
+.theme-dark .container_ee69e0,
+.theme-light .container_ee69e0 {
+ background: transparent !important;
+}
+.theme-dark .container_ee69e0:after,
+.theme-light .container_ee69e0:after {
+ --main-color: transparent;
+}
+.theme-dark .container_adcaac,
+.theme-dark .activityPanel_a4d4d9,
+.theme-dark .listeningAlong_cfdc9f,
+.theme-dark .container_6sXIoE,
+.theme-dark #vc-spotify-player,
+.theme-light .container_adcaac,
+.theme-light .activityPanel_a4d4d9,
+.theme-light .listeningAlong_cfdc9f,
+.theme-light .container_6sXIoE,
+.theme-light #vc-spotify-player {
+ background: var(--bg-overlay-3, var(--background-tertiary)) !important;
+}
+.theme-dark .container_b2ca13,
+.theme-light .container_b2ca13 {
+ background: var(--bg-overlay-4, var(--background-tertiary)) !important;
+}
+.theme-dark .chat_a7d72e,
+.theme-dark .chatContent_a7d72e,
+.theme-light .chat_a7d72e,
+.theme-light .chatContent_a7d72e {
+ background: transparent !important;
+}
+.theme-dark .form_a7d72e,
+.theme-light .form_a7d72e {
+ background-color: transparent;
+}
+.theme-dark .typing_d7ebeb,
+.theme-light .typing_d7ebeb {
+ background: var(--bg-overlay-2, var(--background-secondary));
+}
+.theme-dark .wrapper_ec86aa,
+.theme-light .wrapper_ec86aa {
+ background: var(--bg-overlay-3, var(--background-secondary));
+}
+.theme-dark .wrapper_ec86aa:not(.groupStart_d5deea):before, .theme-dark .wrapper_ec86aa:not(.groupStart_d5deea):after,
+.theme-light .wrapper_ec86aa:not(.groupStart_d5deea):before,
+.theme-light .wrapper_ec86aa:not(.groupStart_d5deea):after {
+ width: calc(var(--message-radius) / 3);
+ height: calc(var(--message-radius) / 2);
+ top: calc(var(--message-radius) / 2 * -1);
+ background: var(--bg-overlay-3, var(--background-secondary));
+ border: none;
+}
+.theme-dark .wrapper_ec86aa:hover,
+.theme-light .wrapper_ec86aa:hover {
+ background: var(--bg-overlay-4, var(--background-secondary)) !important;
+}
+.theme-dark .messageListItem_d5deea:hover + .messageListItem_d5deea .wrapper_ec86aa:not(.groupStart_d5deea):before, .theme-dark .messageListItem_d5deea:hover + .messageListItem_d5deea .wrapper_ec86aa:not(.groupStart_d5deea):after,
+.theme-light .messageListItem_d5deea:hover + .messageListItem_d5deea .wrapper_ec86aa:not(.groupStart_d5deea):before,
+.theme-light .messageListItem_d5deea:hover + .messageListItem_d5deea .wrapper_ec86aa:not(.groupStart_d5deea):after {
+ background: var(--bg-overlay-4, var(--background-secondary));
+ border: none;
+}
+.theme-dark .mentioned_d5deea .messageContent_ec86aa,
+.theme-light .mentioned_d5deea .messageContent_ec86aa {
+ background: var(--bg-overlay-5, var(--background-primary));
+}
+.theme-dark .wrapper_a7c28c,
+.theme-light .wrapper_a7c28c {
+ color: var(--text-normal);
+}
+.theme-dark .markup_d6076c a span,
+.theme-light .markup_d6076c a span {
+ -webkit-background-clip: text !important;
+ -webkit-text-fill-color: transparent;
+ background: var(--bg-overlay-6, var(--background-primary));
+}
+.theme-dark .embed_ad0b71.embedFull_ad0b71,
+.theme-light .embed_ad0b71.embedFull_ad0b71 {
+ background: var(--bg-overlay-2, var(--background-secondary));
+}
+.theme-dark .wrapper_b9fe76,
+.theme-light .wrapper_b9fe76 {
+ background: var(--bg-overlay-2, var(--background-secondary));
+}
+.theme-dark .wrapper_ef319f,
+.theme-light .wrapper_ef319f {
+ background: var(--bg-overlay-5, var(--background-secondary));
+}
+.theme-dark .wrapper_ef319f .button_ef319f,
+.theme-light .wrapper_ef319f .button_ef319f {
+ color: var(--interactive-active);
+}
+.theme-dark .members_cbd271, .theme-dark .members_cbd271 > div,
+.theme-light .members_cbd271,
+.theme-light .members_cbd271 > div {
+ background: transparent;
+}
+.theme-dark .members_cbd271 .member_a31c43,
+.theme-light .members_cbd271 .member_a31c43 {
+ background: inherit;
+}
+.theme-dark .upload_df1eaf,
+.theme-light .upload_df1eaf {
+ background: var(--bg-overlay-5, var(--background-secondary));
+}
+.theme-dark .searchResultsWrap_c2b47d,
+.theme-light .searchResultsWrap_c2b47d {
+ background: var(--bg-overlay-3, var(--background-secondary));
+}
+.theme-dark .themeEditor_c9dda6,
+.theme-light .themeEditor_c9dda6 {
+ background: var(--bg-overlay-2, var(--background-secondary));
+}
+.theme-dark .themeEditor_c9dda6:before,
+.theme-light .themeEditor_c9dda6:before {
+ background: var(--app-bg);
+}
+.theme-dark .themeEditor_c9dda6:after,
+.theme-light .themeEditor_c9dda6:after {
+ background: var(--bg-overlay-2, var(--background-secondary));
+}
+
+.lookFilled_dd4f85,
+.lookOutlined_dd4f85,
+.lookLink_dd4f85,
+.lookInverted_a299dc {
+ background: var(--button-background);
+}
+
+.custom-theme-background .typeWindows_a934d8.withBackgroundOverride_a934d8 {
+ padding-top: 0;
+}
diff --git a/other/themes/Material-Discord/css/addons/icons/Material-Discord_addon-icons.theme.css b/other/themes/Material-Discord/css/addons/icons/Material-Discord_addon-icons.theme.css
new file mode 100644
index 0000000..0c5dc76
--- /dev/null
+++ b/other/themes/Material-Discord/css/addons/icons/Material-Discord_addon-icons.theme.css
@@ -0,0 +1,13 @@
+/**
+ * @name Material Discord Addon - Icons
+ * @version 1.0.1
+ * @description An add-on theme to revert to solid icons for Material Discord
+ * @author CapnKitten
+ *
+ * @website http://github.com/CapnKitten
+ * @source https://github.com/CapnKitten/BetterDiscord/blob/master/Themes/Material-Discord/css/addons/icons/Material-Discord_addon-icons.theme.css
+ * @donate https://paypal.me/capnkitten
+ * @invite jzJkA6Z
+ */
+
+@import url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/css/addons/icons/source.css);
diff --git a/other/themes/Material-Discord/css/addons/icons/README.md b/other/themes/Material-Discord/css/addons/icons/README.md
new file mode 100644
index 0000000..6ddbd7a
--- /dev/null
+++ b/other/themes/Material-Discord/css/addons/icons/README.md
@@ -0,0 +1,23 @@
+# [Add-on] Material Discord Solid Icons - [![Paypal][paypal-logo]][paypal-url] [![GitHub][github-logo]][github-url] [![Discord][discord-logo]][discord-url]
+#### An add-on theme to revert to solid icons for Material Discord
+
+
+
+[Download here](https://capnkitten.github.io/BetterDiscord/Download/?theme=Material-Discord&addon=icons) or use as import with the code below.
+```css
+@import url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/css/addons/icons/source.css);
+```
+
+Vencord link
+```
+https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/css/addons/icons/source.css
+```
+
+[paypal-logo]: https://img.shields.io/static/v1?label=PayPal&message=Donate&style=flat&logo=paypal&color=blue
+[paypal-url]: https://paypal.me/capnkitten
+
+[github-logo]: https://img.shields.io/static/v1?label=GitHub&message=Sponsor&style=flat&logo=github&color=black
+[github-url]: https://github.com/sponsors/CapnKitten
+
+[discord-logo]: https://img.shields.io/static/v1?label=Discord&message=Server&style=flat&logo=discord&color=blue
+[discord-url]: https://discord.gg/jzJkA6Z
diff --git a/other/themes/Material-Discord/css/addons/icons/source.css b/other/themes/Material-Discord/css/addons/icons/source.css
new file mode 100644
index 0000000..9f02791
--- /dev/null
+++ b/other/themes/Material-Discord/css/addons/icons/source.css
@@ -0,0 +1,902 @@
+/* TITLE BAR */
+.iconWrapper_e44302 .icon_e44302 path[d="M20.998 0V3H23.998V5H20.998V8H18.998V5H15.998V3H18.998V0H20.998ZM2.99805 20V24L8.33205 20H14.998C16.102 20 16.998 19.103 16.998 18V9C16.998 7.896 16.102 7 14.998 7H1.99805C0.894047 7 -0.00195312 7.896 -0.00195312 9V18C-0.00195312 19.103 0.894047 20 1.99805 20H2.99805Z"] {
+ d: path("M21 6h-2v9H6v2c0 .55.45 1 1 1h11l4 4V7c0-.55-.45-1-1-1zm-4 6V3c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1v14l4-4h10c.55 0 1-.45 1-1z");
+}
+.iconWrapper_e44302 .icon_e44302 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.01 15.38c-1.23 0-2.42-.2-3.53-.56-.35-.12-.74-.03-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z");
+}
+.iconWrapper_e44302 .icon_e44302 path[d="M21.526 8.149C21.231 7.966 20.862 7.951 20.553 8.105L18 9.382V7C18 5.897 17.103 5 16 5H4C2.897 5 2 5.897 2 7V17C2 18.104 2.897 19 4 19H16C17.103 19 18 18.104 18 17V14.618L20.553 15.894C20.694 15.965 20.847 16 21 16C21.183 16 21.365 15.949 21.526 15.851C21.82 15.668 22 15.347 22 15V9C22 8.653 21.82 8.332 21.526 8.149Z"] {
+ d: path("M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z");
+}
+.iconWrapper_e44302 .icon_e44302 path[d="M21 3H24V5H21V8H19V5H16V3H19V0H21V3ZM10 12C12.205 12 14 10.205 14 8C14 5.795 12.205 4 10 4C7.795 4 6 5.795 6 8C6 10.205 7.795 12 10 12ZM10 13C5.289 13 2 15.467 2 19V20H18V19C18 15.467 14.711 13 10 13Z"] {
+ d: path("M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm-9-2V7H4v3H1v2h3v3h2v-3h3v-2H6zm9 4c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z");
+}
+.iconWrapper_e44302 .icon_e44302 path[d="M18 9V14C18 15.657 19.344 17 21 17V18H3V17C4.656 17 6 15.657 6 14V9C6 5.686 8.686 3 12 3C15.314 3 18 5.686 18 9ZM11.9999 21C10.5239 21 9.24793 20.19 8.55493 19H15.4449C14.7519 20.19 13.4759 21 11.9999 21Z"] {
+ d: path("M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z");
+}
+.iconWrapper_e44302 .icon_e44302 path[d="M21.178 1.70703L22.592 3.12103L4.12103 21.593L2.70703 20.178L21.178 1.70703Z"] {
+ d: path("M20 18.69L7.84 6.14 5.27 3.49 4 4.76l2.8 2.8v.01c-.52.99-.8 2.16-.8 3.42v5l-2 2v1h13.73l2 2L21 19.72l-1-1.03zM12 22c1.11 0 2-.89 2-2h-4c0 1.11.89 2 2 2zm6-7.32V11c0-3.08-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68c-.15.03-.29.08-.42.12-.1.03-.2.07-.3.11h-.01c-.01 0-.01 0-.02.01-.23.09-.46.2-.68.31 0 0-.01 0-.01.01L18 14.68z");
+}
+.iconWrapper_e44302 .icon_e44302 path[d="M21.178 1.70703L22.592 3.12103L4.12103 21.593L2.70703 20.178L21.178 1.70703Z"] ~ path {
+ display: none;
+}
+.iconWrapper_e44302 .icon_e44302 path[d="M22 12L12.101 2.10101L10.686 3.51401L12.101 4.92901L7.15096 9.87801V9.88001L5.73596 8.46501L4.32196 9.88001L8.56496 14.122L2.90796 19.778L4.32196 21.192L9.97896 15.536L14.222 19.778L15.636 18.364L14.222 16.95L19.171 12H19.172L20.586 13.414L22 12Z"] {
+ d: path("M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12Z");
+}
+.iconWrapper_e44302 .icon_e44302 path[d="M14 8.00598C14 10.211 12.206 12.006 10 12.006C7.795 12.006 6 10.211 6 8.00598C6 5.80098 7.794 4.00598 10 4.00598C12.206 4.00598 14 5.80098 14 8.00598ZM2 19.006C2 15.473 5.29 13.006 10 13.006C14.711 13.006 18 15.473 18 19.006V20.006H2V19.006Z"] {
+ d: path("M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z");
+}
+.iconWrapper_e44302 .icon_e44302 path[d="M14 8.00598C14 10.211 12.206 12.006 10 12.006C7.795 12.006 6 10.211 6 8.00598C6 5.80098 7.794 4.00598 10 4.00598C12.206 4.00598 14 5.80098 14 8.00598ZM2 19.006C2 15.473 5.29 13.006 10 13.006C14.711 13.006 18 15.473 18 19.006V20.006H2V19.006Z"] ~ path {
+ display: none;
+}
+.iconWrapper_e44302 .icon_e44302 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("M11 8v5l4.25 2.52.77-1.28-3.52-2.09V8zm10 2V3l-2.64 2.64C16.74 4.01 14.49 3 12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9h-2c0 3.86-3.14 7-7 7s-7-3.14-7-7 3.14-7 7-7c1.93 0 3.68.79 4.95 2.05L14 10h7z");
+ fill: var(--success-color);
+}
+.iconWrapper_e44302 .icon_e44302 path[d="M19 3H4.99C3.88 3 3.01 3.89 3.01 5L3 19C3 20.1 3.88 21 4.99 21H19C20.1 21 21 20.1 21 19V5C21 3.89 20.1 3 19 3ZM19 15H15C15 16.66 13.65 18 12 18C10.35 18 9 16.66 9 15H4.99V5H19V15Z"] {
+ d: path("M19 3H4.99c-1.11 0-1.98.89-1.98 2L3 19c0 1.1.88 2 1.99 2H19c1.1 0 2-.9 2-2V5c0-1.11-.9-2-2-2zm0 12h-4c0 1.66-1.35 3-3 3s-3-1.34-3-3H4.99V5H19v10z");
+}
+.iconWrapper_e44302 .icon_e44302 path[d="M12 2C6.486 2 2 6.487 2 12C2 17.515 6.486 22 12 22C17.514 22 22 17.515 22 12C22 6.487 17.514 2 12 2ZM12 18.25C11.31 18.25 10.75 17.691 10.75 17C10.75 16.31 11.31 15.75 12 15.75C12.69 15.75 13.25 16.31 13.25 17C13.25 17.691 12.69 18.25 12 18.25ZM13 13.875V15H11V12H12C13.104 12 14 11.103 14 10C14 8.896 13.104 8 12 8C10.896 8 10 8.896 10 10H8C8 7.795 9.795 6 12 6C14.205 6 16 7.795 16 10C16 11.861 14.723 13.429 13 13.875Z"] {
+ d: path("M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z");
+}
+
+/* USER STATUS */
+.container_b2ca13 .button_f67531 path[d="M12 2.00305C6.486 2.00305 2 6.48805 2 12.0031V20.0031C2 21.1071 2.895 22.0031 4 22.0031H6C7.104 22.0031 8 21.1071 8 20.0031V17.0031C8 15.8991 7.104 15.0031 6 15.0031H4V12.0031C4 7.59105 7.589 4.00305 12 4.00305C16.411 4.00305 20 7.59105 20 12.0031V15.0031H18C16.896 15.0031 16 15.8991 16 17.0031V20.0031C16 21.1071 16.896 22.0031 18 22.0031H20C21.104 22.0031 22 21.1071 22 20.0031V12.0031C22 6.48805 17.514 2.00305 12 2.00305Z"] {
+ d: path("M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z");
+}
+.container_b2ca13 .button_f67531 path[d="M6.16204 15.0065C6.10859 15.0022 6.05455 15 6 15H4V12C4 7.588 7.589 4 12 4C13.4809 4 14.8691 4.40439 16.0599 5.10859L17.5102 3.65835C15.9292 2.61064 14.0346 2 12 2C6.486 2 2 6.485 2 12V19.1685L6.16204 15.0065Z"] {
+ d: path("M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z");
+}
+.container_b2ca13 .button_f67531 path[d="M6.16204 15.0065C6.10859 15.0022 6.05455 15 6 15H4V12C4 7.588 7.589 4 12 4C13.4809 4 14.8691 4.40439 16.0599 5.10859L17.5102 3.65835C15.9292 2.61064 14.0346 2 12 2C6.486 2 2 6.485 2 12V19.1685L6.16204 15.0065Z"] ~ path {
+ display: none;
+}
+.container_b2ca13 .button_f67531 path[d="M19.738 10H22V14H19.739C19.498 14.931 19.1 15.798 18.565 16.564L20 18L18 20L16.565 18.564C15.797 19.099 14.932 19.498 14 19.738V22H10V19.738C9.069 19.498 8.203 19.099 7.436 18.564L6 20L4 18L5.436 16.564C4.901 15.799 4.502 14.932 4.262 14H2V10H4.262C4.502 9.068 4.9 8.202 5.436 7.436L4 6L6 4L7.436 5.436C8.202 4.9 9.068 4.502 10 4.262V2H14V4.261C14.932 4.502 15.797 4.9 16.565 5.435L18 3.999L20 5.999L18.564 7.436C19.099 8.202 19.498 9.069 19.738 10ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z"] {
+ d: path("M19.14,12.94c0.04-0.3,0.06-0.61,0.06-0.94c0-0.32-0.02-0.64-0.07-0.94l2.03-1.58c0.18-0.14,0.23-0.41,0.12-0.61 l-1.92-3.32c-0.12-0.22-0.37-0.29-0.59-0.22l-2.39,0.96c-0.5-0.38-1.03-0.7-1.62-0.94L14.4,2.81c-0.04-0.24-0.24-0.41-0.48-0.41 h-3.84c-0.24,0-0.43,0.17-0.47,0.41L9.25,5.35C8.66,5.59,8.12,5.92,7.63,6.29L5.24,5.33c-0.22-0.08-0.47,0-0.59,0.22L2.74,8.87 C2.62,9.08,2.66,9.34,2.86,9.48l2.03,1.58C4.84,11.36,4.8,11.69,4.8,12s0.02,0.64,0.07,0.94l-2.03,1.58 c-0.18,0.14-0.23,0.41-0.12,0.61l1.92,3.32c0.12,0.22,0.37,0.29,0.59,0.22l2.39-0.96c0.5,0.38,1.03,0.7,1.62,0.94l0.36,2.54 c0.05,0.24,0.24,0.41,0.48,0.41h3.84c0.24,0,0.44-0.17,0.47-0.41l0.36-2.54c0.59-0.24,1.13-0.56,1.62-0.94l2.39,0.96 c0.22,0.08,0.47,0,0.59-0.22l1.92-3.32c0.12-0.22,0.07-0.47-0.12-0.61L19.14,12.94z M12,15.6c-1.98,0-3.6-1.62-3.6-3.6 s1.62-3.6,3.6-3.6s3.6,1.62,3.6,3.6S13.98,15.6,12,15.6z");
+}
+
+/* VOICE CONNECTED -> DISCONNECT */
+.container_adcaac .button_f67531 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("M12 9c-1.6 0-3.15.25-4.6.72v3.1c0 .39-.23.74-.56.9-.98.49-1.87 1.12-2.66 1.85-.18.18-.43.28-.7.28-.28 0-.53-.11-.71-.29L.29 13.08c-.18-.17-.29-.42-.29-.7 0-.28.11-.53.29-.71C3.34 8.78 7.46 7 12 7s8.66 1.78 11.71 4.67c.18.18.29.43.29.71 0 .28-.11.53-.29.71l-2.48 2.48c-.18.18-.43.29-.71.29-.27 0-.52-.11-.7-.28-.79-.74-1.69-1.36-2.67-1.85-.33-.16-.56-.5-.56-.9v-3.1C15.15 9.25 13.6 9 12 9z");
+}
+
+/* CHAT AREA ACTIONS */
+.message_d5deea .button_ef319f .icon_a14cf7 path[d="M12.1151 2.00065C12.0768 2.00022 12.0384 2 12 2C6.477 2 2 6.477 2 12C2 17.522 6.477 22 12 22C17.523 22 22 17.522 22 12C22 11.9616 21.9998 11.9232 21.9993 11.8849C21.1882 12.1737 20.3146 12.3309 19.4043 12.3309C15.1323 12.3309 11.6691 8.86771 11.6691 4.59565C11.6691 3.68536 11.8263 2.8118 12.1151 2.00065ZM7.92105 11.8023C7.92105 12.7107 7.18468 13.4471 6.27631 13.4471C5.36795 13.4471 4.63158 12.7107 4.63158 11.8023C4.63158 10.894 5.36795 10.1576 6.27631 10.1576C7.18467 10.1576 7.92105 10.894 7.92105 11.8023ZM10.5217 14.5171C10.3859 13.9893 9.84786 13.6716 9.32005 13.8074C8.79223 13.9433 8.47448 14.4813 8.61033 15.0091C9.01196 16.5695 10.4273 17.7236 12.1147 17.7236C13.8021 17.7236 15.2174 16.5695 15.6191 15.0091C15.7549 14.4813 15.4372 13.9433 14.9093 13.8074C14.3815 13.6716 13.8435 13.9893 13.7077 14.5171C13.525 15.2267 12.8797 15.7499 12.1147 15.7499C11.3497 15.7499 10.7044 15.2267 10.5217 14.5171Z"] {
+ d: path("M11.99,2C6.47,2,2,6.48,2,12c0,5.52,4.47,10,9.99,10C17.52,22,22,17.52,22,12C22,6.48,17.52,2,11.99,2z M8.5,8 C9.33,8,10,8.67,10,9.5S9.33,11,8.5,11S7,10.33,7,9.5S7.67,8,8.5,8z M12,18c-2.28,0-4.22-1.66-5-4h10C16.22,16.34,14.28,18,12,18z M15.5,11c-0.83,0-1.5-0.67-1.5-1.5S14.67,8,15.5,8S17,8.67,17,9.5S16.33,11,15.5,11z");
+}
+.message_d5deea .button_ef319f .icon_a14cf7 path[d="M12.1151 2.00065C12.0768 2.00022 12.0384 2 12 2C6.477 2 2 6.477 2 12C2 17.522 6.477 22 12 22C17.523 22 22 17.522 22 12C22 11.9616 21.9998 11.9232 21.9993 11.8849C21.1882 12.1737 20.3146 12.3309 19.4043 12.3309C15.1323 12.3309 11.6691 8.86771 11.6691 4.59565C11.6691 3.68536 11.8263 2.8118 12.1151 2.00065ZM7.92105 11.8023C7.92105 12.7107 7.18468 13.4471 6.27631 13.4471C5.36795 13.4471 4.63158 12.7107 4.63158 11.8023C4.63158 10.894 5.36795 10.1576 6.27631 10.1576C7.18467 10.1576 7.92105 10.894 7.92105 11.8023ZM10.5217 14.5171C10.3859 13.9893 9.84786 13.6716 9.32005 13.8074C8.79223 13.9433 8.47448 14.4813 8.61033 15.0091C9.01196 16.5695 10.4273 17.7236 12.1147 17.7236C13.8021 17.7236 15.2174 16.5695 15.6191 15.0091C15.7549 14.4813 15.4372 13.9433 14.9093 13.8074C14.3815 13.6716 13.8435 13.9893 13.7077 14.5171C13.525 15.2267 12.8797 15.7499 12.1147 15.7499C11.3497 15.7499 10.7044 15.2267 10.5217 14.5171Z"] ~ path {
+ display: none;
+}
+.message_d5deea .button_ef319f .icon_a14cf7 path[d="M5.43309 21C5.35842 21 5.30189 20.9325 5.31494 20.859L5.99991 17H2.14274C2.06819 17 2.01168 16.9327 2.02453 16.8593L2.33253 15.0993C2.34258 15.0419 2.39244 15 2.45074 15H6.34991L7.40991 9H3.55274C3.47819 9 3.42168 8.93274 3.43453 8.85931L3.74253 7.09931C3.75258 7.04189 3.80244 7 3.86074 7H7.75991L8.45234 3.09903C8.46251 3.04174 8.51231 3 8.57049 3H10.3267C10.4014 3 10.4579 3.06746 10.4449 3.14097L9.75991 7H15.7599L16.4523 3.09903C16.4625 3.04174 16.5123 3 16.5705 3H18.3267C18.4014 3 18.4579 3.06746 18.4449 3.14097L17.7599 7H21.6171C21.6916 7 21.7481 7.06725 21.7353 7.14069L21.4273 8.90069C21.4172 8.95811 21.3674 9 21.3091 9H17.4099L17.0495 11.04H15.05L15.4104 9H9.41035L8.35035 15H10.5599V17H7.99991L7.30749 20.901C7.29732 20.9583 7.24752 21 7.18934 21H5.43309Z"] {
+ d: path("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");
+}
+.message_d5deea .button_ef319f .icon_a14cf7 path[d="M12 2C6.485 2 2 6.485 2 12H5.33333C5.33333 8.32333 8.32333 5.33333 12 5.33333C15.6767 5.33333 18.6667 8.32333 18.6667 12C18.6667 15.6767 15.6767 18.6667 12 18.6667C10.2033 18.6667 8.55833 17.9333 7.315 16.6867L10.3333 13.6667H2V22L4.935 19.065C6.79833 20.94 9.30167 22 12 22C17.515 22 22 17.515 22 12C22 6.48667 17.515 2 12 2Z"] {
+ d: path("M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z");
+}
+.message_d5deea .button_ef319f .icon_a14cf7 path[d="M10.59 13.41c.41.39.41 1.03 0 1.42-.39.39-1.03.39-1.42 0a5.003 5.003 0 0 1 0-7.07l3.54-3.54a5.003 5.003 0 0 1 7.07 0 5.003 5.003 0 0 1 0 7.07l-1.49 1.49c.01-.82-.12-1.64-.4-2.42l.47-.48a2.982 2.982 0 0 0 0-4.24 2.982 2.982 0 0 0-4.24 0l-3.53 3.53a2.982 2.982 0 0 0 0 4.24zm2.82-4.24c.39-.39 1.03-.39 1.42 0a5.003 5.003 0 0 1 0 7.07l-3.54 3.54a5.003 5.003 0 0 1-7.07 0 5.003 5.003 0 0 1 0-7.07l1.49-1.49c-.01.82.12 1.64.4 2.43l-.47.47a2.982 2.982 0 0 0 0 4.24 2.982 2.982 0 0 0 4.24 0l3.53-3.53a2.982 2.982 0 0 0 0-4.24.973.973 0 0 1 0-1.42z"] {
+ d: path("M17 7h-4v2h4c1.65 0 3 1.35 3 3s-1.35 3-3 3h-4v2h4c2.76 0 5-2.24 5-5s-2.24-5-5-5zm-6 8H7c-1.65 0-3-1.35-3-3s1.35-3 3-3h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-2zm-3-4h8v2H8z");
+}
+.message_d5deea .button_ef319f .icon_a14cf7 path[d="M5 2C3.34315 2 2 3.34315 2 5V19C2 20.6569 3.34315 22 5 22H19C20.6569 22 22 20.6569 22 19V5C22 3.34315 20.6569 2 19 2H5ZM8.79741 7.72V16H6.74541V7.72H8.79741ZM13.2097 7.72C16.0897 7.72 17.5897 9.388 17.5897 11.848C17.5897 14.308 16.0537 16 13.2577 16H10.3537V7.72H13.2097ZM13.1497 14.404C14.6137 14.404 15.5257 13.636 15.5257 11.86C15.5257 10.12 14.5537 9.316 13.1497 9.316H12.4057V14.404H13.1497Z"] {
+ d: path("M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z");
+}
+
+.message_d5deea .button_ef319f .icon_a3b500 path[d="M14 3H20C21 3 22.0001 4 22.0001 5V19.0003C22.0001 20 21 21 20 21H14C13 21 6 13 6 13H2V11H6C6 11 13 3 14 3Z"] {
+ d: path("M22,6.98V16c0,1.1-0.9,2-2,2H6l-4,4V4c0-1.1,0.9-2,2-2h10.1C14.04,2.32,14,2.66,14,3c0,2.76,2.24,5,5,5 C20.13,8,21.16,7.61,22,6.98z M16,3c0,1.66,1.34,3,3,3s3-1.34,3-3s-1.34-3-3-3S16,1.34,16,3z");
+}
+.message_d5deea .button_ef319f .icon_a3b500 path[d="M22 12L12.101 2.10101L10.686 3.51401L12.101 4.92901L7.15096 9.87801V9.88001L5.73596 8.46501L4.32196 9.88001L8.56496 14.122L2.90796 19.778L4.32196 21.192L9.97896 15.536L14.222 19.778L15.636 18.364L14.222 16.95L19.171 12H19.172L20.586 13.414L22 12Z"] {
+ d: path("M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12Z");
+}
+.message_d5deea .button_ef319f .icon_a3b500 path[d="M10 8.26667V4L3 11.4667L10 18.9333V14.56C15 14.56 18.5 16.2667 21 20C20 14.6667 17 9.33333 10 8.26667Z"] {
+ d: path("M10 9V5l-7 7 7 7v-4.1c5 0 8.5 1.6 11 5.1-1-5-4-10-11-11z");
+}
+.message_d5deea .button_ef319f .icon_a3b500 path[d="M19.2929 9.8299L19.9409 9.18278C21.353 7.77064 21.353 5.47197 19.9409 4.05892C18.5287 2.64678 16.2292 2.64678 14.817 4.05892L14.1699 4.70694L19.2929 9.8299ZM12.8962 5.97688L5.18469 13.6906L10.3085 18.813L18.0201 11.0992L12.8962 5.97688ZM4.11851 20.9704L8.75906 19.8112L4.18692 15.239L3.02678 19.8796C2.95028 20.1856 3.04028 20.5105 3.26349 20.7337C3.48669 20.9569 3.8116 21.046 4.11851 20.9704Z"] {
+ d: path("M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z");
+}
+.message_d5deea .button_ef319f .icon_a3b500 path[d="M15 3.999V2H9V3.999H3V5.999H21V3.999H15Z"] {
+ d: path("M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z");
+}
+.message_d5deea .button_ef319f .icon_a3b500 path[d="M15 3.999V2H9V3.999H3V5.999H21V3.999H15Z"] ~ path {
+ display: none;
+}
+
+/* CHANNEL ACTION BUTTON ICONS */
+.actionIcon_f6f816 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("M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z");
+}
+.actionIcon_f6f816 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,5.5A3.5,3.5 0 0,1 15.5,9A3.5,3.5 0 0,1 12,12.5A3.5,3.5 0 0,1 8.5,9A3.5,3.5 0 0,1 12,5.5M5,8C5.56,8 6.08,8.15 6.53,8.42C6.38,9.85 6.8,11.27 7.66,12.38C7.16,13.34 6.16,14 5,14A3,3 0 0,1 2,11A3,3 0 0,1 5,8M19,8A3,3 0 0,1 22,11A3,3 0 0,1 19,14C17.84,14 16.84,13.34 16.34,12.38C17.2,11.27 17.62,9.85 17.47,8.42C17.92,8.15 18.44,8 19,8M5.5,18.25C5.5,16.18 8.41,14.5 12,14.5C15.59,14.5 18.5,16.18 18.5,18.25V20H5.5V18.25M0,20V18.5C0,17.11 1.89,15.94 4.45,15.6C3.86,16.28 3.5,17.22 3.5,18.25V20H0M24,20H20.5V18.25C20.5,17.22 20.14,16.28 19.55,15.6C22.11,15.94 24,17.11 24,18.5V20Z");
+}
+.actionIcon_f6f816 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("M19,19H5V8H19M16,1V3H8V1H6V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3H18V1M17,12H12V17H17V12Z");
+}
+
+/* CHANNELS LIST ICONS */
+.mainContent-20q_Hp .icon_d8bfb3 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-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 9h12v2H6V9zm8 5H6v-2h8v2zm4-6H6V6h12v2z");
+}
+.mainContent-20q_Hp .icon_d8bfb3 path[d="M11.383 3.07904C11.009 2.92504 10.579 3.01004 10.293 3.29604L6 8.00204H3C2.45 8.00204 2 8.45304 2 9.00204V15.002C2 15.552 2.45 16.002 3 16.002H6L10.293 20.71C10.579 20.996 11.009 21.082 11.383 20.927C11.757 20.772 12 20.407 12 20.002V4.00204C12 3.59904 11.757 3.23204 11.383 3.07904ZM14 5.00195V7.00195C16.757 7.00195 19 9.24595 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 8.14295 17.86 5.00195 14 5.00195ZM14 9.00195C15.654 9.00195 17 10.349 17 12.002C17 13.657 15.654 15.002 14 15.002V13.002C14.551 13.002 15 12.553 15 12.002C15 11.451 14.551 11.002 14 11.002V9.00195Z"], .mainContent-20q_Hp .icon_d8bfb3 path[d="M15 12C15 12.0007 15 12.0013 15 12.002C15 12.553 14.551 13.002 14 13.002V15.002C15.654 15.002 17 13.657 17 12.002C17 12.0013 17 12.0007 17 12H15ZM19 12C19 12.0007 19 12.0013 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 12.0013 21 12.0007 21 12H19ZM10.293 3.29604C10.579 3.01004 11.009 2.92504 11.383 3.07904C11.757 3.23204 12 3.59904 12 4.00204V20.002C12 20.407 11.757 20.772 11.383 20.927C11.009 21.082 10.579 20.996 10.293 20.71L6 16.002H3C2.45 16.002 2 15.552 2 15.002V9.00204C2 8.45304 2.45 8.00204 3 8.00204H6L10.293 3.29604Z"] {
+ d: path("M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z");
+}
+.mainContent-20q_Hp .icon_d8bfb3 path[d="M33 34.5833V7.49998H35V36.6666H9C6.791 36.6666 5 34.801 5 32.5V7.49998C5 5.19894 6.791 3.33331 9 3.33331H31V30.4166H9C7.8955 30.4166 7 31.3485 7 32.5C7 33.6515 7.8955 34.5833 9 34.5833H33ZM23.9718 9.99998L15.8889 17.9915L12.7086 14.8441L10 17.5058L15.8885 23.3333L26.6667 12.6669L23.9718 9.99998Z"] {
+ d: path("M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm-2 14l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z");
+}
+.mainContent-20q_Hp .icon_d8bfb3 path[d="M3.9 8.26H2V15.2941H3.9V8.26Z"] ~ path {
+ display: none;
+}
+.mainContent-20q_Hp .icon_d8bfb3 path[d="M4.85 8.26429L15.84 5.84426V10.5599C15.84 11.6202 16.6996 12.4799 17.76 12.4799H21V19.0586H19.1V17.9302L12.7065 16.524L10.36 19.6233C10.1776 19.8633 9.89545 19.9998 9.6 19.9998C9.524 19.9998 9.4461 19.9904 9.3701 19.9725L5.5701 19.0313C5.1464 18.925 4.85 18.5495 4.85 18.1175V8.26429ZM9.2181 17.9942L6.75 17.3824V15.2111L10.6706 16.0751L9.2181 17.9942Z"], .mainContent-20q_Hp .icon_d8bfb3 path[d="M3.9 8.26H2V15.2941H3.9V8.26Z"] {
+ d: path("M12,8H4A2,2 0 0,0 2,10V14A2,2 0 0,0 4,16H5V20A1,1 0 0,0 6,21H8A1,1 0 0,0 9,20V16H12L17,20V4L12,8M21.5,12C21.5,13.71 20.54,15.26 19,16V8C20.53,8.75 21.5,10.3 21.5,12Z");
+}
+.mainContent-20q_Hp .icon_d8bfb3 path[d="M3.9 8.26H2V15.2941H3.9V8.26Z"] ~ path {
+ display: none;
+}
+.mainContent-20q_Hp .icon_d8bfb3 path[d="M17 11V7C17 4.243 14.756 2 12 2C9.242 2 7 4.243 7 7V11C5.897 11 5 11.896 5 13V20C5 21.103 5.897 22 7 22H17C18.103 22 19 21.103 19 20V13C19 11.896 18.103 11 17 11ZM12 18C11.172 18 10.5 17.328 10.5 16.5C10.5 15.672 11.172 15 12 15C12.828 15 13.5 15.672 13.5 16.5C13.5 17.328 12.828 18 12 18ZM15 11H9V7C9 5.346 10.346 4 12 4C13.654 4 15 5.346 15 7V11Z"] {
+ d: path("M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z");
+}
+/* CHANNELS LIST VOICE ICONS */
+.content_cdc675 .icon_cdc675 path[d="M6.7 11H5C5 12.19 5.34 13.3 5.9 14.28L7.13 13.05C6.86 12.43 6.7 11.74 6.7 11Z"] {
+ d: path("M19 11h-1.7c0 .74-.16 1.43-.43 2.05l1.23 1.23c.56-.98.9-2.09.9-3.28zm-4.02.17c0-.06.02-.11.02-.17V5c0-1.66-1.34-3-3-3S9 3.34 9 5v.18l5.98 5.99zM4.27 3L3 4.27l6.01 6.01V11c0 1.66 1.33 3 2.99 3 .22 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c.91-.13 1.77-.45 2.54-.9L19.73 21 21 19.73 4.27 3z");
+}
+.content_cdc675 .icon_cdc675 path[d="M6.16204 15.0065C6.10859 15.0022 6.05455 15 6 15H4V12C4 7.588 7.589 4 12 4C13.4809 4 14.8691 4.40439 16.0599 5.10859L17.5102 3.65835C15.9292 2.61064 14.0346 2 12 2C6.486 2 2 6.485 2 12V19.1685L6.16204 15.0065Z"] {
+ d: path("M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z");
+}
+.content_cdc675 .icon_cdc675 path[d="M21.526 8.149C21.231 7.966 20.862 7.951 20.553 8.105L18 9.382V7C18 5.897 17.103 5 16 5H4C2.897 5 2 5.897 2 7V17C2 18.104 2.897 19 4 19H16C17.103 19 18 18.104 18 17V14.618L20.553 15.894C20.694 15.965 20.847 16 21 16C21.183 16 21.365 15.949 21.526 15.851C21.82 15.668 22 15.347 22 15V9C22 8.653 21.82 8.332 21.526 8.149Z"] {
+ d: path("M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z");
+}
+
+/* CHANNELS LIST ACTIONS */
+.iconItem_f6f816 .actionIcon_f6f816 path[d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"] {
+ d: path("M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm-9-2V7H4v3H1v2h3v3h2v-3h3v-2H6zm9 4c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4");
+}
+.iconItem_f6f816 .actionIcon_f6f816 path[d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"] ~ path {
+ display: none;
+}
+.iconItem_f6f816 .actionIcon_f6f816 path[d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"] {
+ d: path("M19.14,12.94c0.04-0.3,0.06-0.61,0.06-0.94c0-0.32-0.02-0.64-0.07-0.94l2.03-1.58c0.18-0.14,0.23-0.41,0.12-0.61 l-1.92-3.32c-0.12-0.22-0.37-0.29-0.59-0.22l-2.39,0.96c-0.5-0.38-1.03-0.7-1.62-0.94L14.4,2.81c-0.04-0.24-0.24-0.41-0.48-0.41 h-3.84c-0.24,0-0.43,0.17-0.47,0.41L9.25,5.35C8.66,5.59,8.12,5.92,7.63,6.29L5.24,5.33c-0.22-0.08-0.47,0-0.59,0.22L2.74,8.87 C2.62,9.08,2.66,9.34,2.86,9.48l2.03,1.58C4.84,11.36,4.8,11.69,4.8,12s0.02,0.64,0.07,0.94l-2.03,1.58 c-0.18,0.14-0.23,0.41-0.12,0.61l1.92,3.32c0.12,0.22,0.37,0.29,0.59,0.22l2.39-0.96c0.5,0.38,1.03,0.7,1.62,0.94l0.36,2.54 c0.05,0.24,0.24,0.41,0.48,0.41h3.84c0.24,0,0.44-0.17,0.47-0.41l0.36-2.54c0.59-0.24,1.13-0.56,1.62-0.94l2.39,0.96 c0.22,0.08,0.47,0,0.59-0.22l1.92-3.32c0.12-0.22,0.07-0.47-0.12-0.61L19.14,12.94z M12,15.6c-1.98,0-3.6-1.62-3.6-3.6 s1.62-3.6,3.6-3.6s3.6,1.62,3.6,3.6S13.98,15.6,12,15.6z");
+}
+.iconItem_f6f816 .actionIcon_f6f816 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-2z");
+}
+
+/* MAIN CHAT BOX */
+.buttonContainer_a06035 .sendIcon_a06035 path {
+ d: path("M2.01 21L23 12 2.01 3 2 10l15 2-15 2z");
+}
+
+/* VOICE CONNECTED */
+.avatarIconOverlay-ZVSfbr path[d="M6.7 11H5C5 12.19 5.34 13.3 5.9 14.28L7.13 13.05C6.86 12.43 6.7 11.74 6.7 11Z"] {
+ d: path("M19 11h-1.7c0 .74-.16 1.43-.43 2.05l1.23 1.23c.56-.98.9-2.09.9-3.28zm-4.02.17c0-.06.02-.11.02-.17V5c0-1.66-1.34-3-3-3S9 3.34 9 5v.18l5.98 5.99zM4.27 3L3 4.27l6.01 6.01V11c0 1.66 1.33 3 2.99 3 .22 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c.91-.13 1.77-.45 2.54-.9L19.73 21 21 19.73 4.27 3z");
+}
+.avatarIconOverlay-ZVSfbr path[d="M6.16204 15.0065C6.10859 15.0022 6.05455 15 6 15H4V12C4 7.588 7.589 4 12 4C13.4809 4 14.8691 4.40439 16.0599 5.10859L17.5102 3.65835C15.9292 2.61064 14.0346 2 12 2C6.486 2 2 6.485 2 12V19.1685L6.16204 15.0065Z"] {
+ d: path("M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z");
+}
+
+/* FRIENDS LIST */
+.peopleList_e0840f .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-2z");
+}
+
+/* DM VOICE CALL */
+.root_dd069c .videoControls_dd069c .button-38aScr path[d="M21.526 8.149C21.231 7.966 20.862 7.951 20.553 8.105L18 9.382V7C18 5.897 17.103 5 16 5H4C2.897 5 2 5.897 2 7V17C2 18.104 2.897 19 4 19H16C17.103 19 18 18.104 18 17V14.618L20.553 15.894C20.694 15.965 20.847 16 21 16C21.183 16 21.365 15.949 21.526 15.851C21.82 15.668 22 15.347 22 15V9C22 8.653 21.82 8.332 21.526 8.149Z"] {
+ d: path("M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z");
+}
+.root_dd069c .videoControls_dd069c .button-38aScr 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-4zm-7-3.53v-2.19c-2.78 0-4.61.85-6 2.72.56-2.67 2.11-5.33 6-5.87V7l4 3.73-4 3.74z");
+}
+.root_dd069c .videoControls_dd069c .button-38aScr 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.22 18.02l2 2H24v-2h-2.78zm.77-2l.01-10c0-1.11-.9-2-2-2H7.22l5.23 5.23c.18-.04.36-.07.55-.1V7.02l4 3.73-1.58 1.47 5.54 5.54c.61-.33 1.03-.99 1.03-1.74zM2.39 1.73L1.11 3l1.54 1.54c-.4.36-.65.89-.65 1.48v10c0 1.1.89 2 2 2H0v2h18.13l2.71 2.71 1.27-1.27L2.39 1.73zM7 15.02c.31-1.48.92-2.95 2.07-4.06l1.59 1.59c-1.54.38-2.7 1.18-3.66 2.47z");
+}
+.root_dd069c .videoControls_dd069c .button-38aScr path[d="M14.99 11C14.99 12.66 13.66 14 12 14C10.34 14 9 12.66 9 11V5C9 3.34 10.34 2 12 2C13.66 2 15 3.34 15 5L14.99 11ZM12 16.1C14.76 16.1 17.3 14 17.3 11H19C19 14.42 16.28 17.24 13 17.72V21H11V17.72C7.72 17.23 5 14.41 5 11H6.7C6.7 14 9.24 16.1 12 16.1ZM12 4C11.2 4 11 4.66667 11 5V11C11 11.3333 11.2 12 12 12C12.8 12 13 11.3333 13 11V5C13 4.66667 12.8 4 12 4Z"] {
+ d: path("M12 14c1.66 0 2.99-1.34 2.99-3L15 5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm5.3-3c0 3-2.54 5.1-5.3 5.1S6.7 14 6.7 11H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c3.28-.48 6-3.3 6-6.72h-1.7z");
+}
+.root_dd069c .videoControls_dd069c .button-38aScr path[d="M6.7 11H5C5 12.19 5.34 13.3 5.9 14.28L7.13 13.05C6.86 12.43 6.7 11.74 6.7 11Z"] {
+ d: path("M19 11h-1.7c0 .74-.16 1.43-.43 2.05l1.23 1.23c.56-.98.9-2.09.9-3.28zm-4.02.17c0-.06.02-.11.02-.17V5c0-1.66-1.34-3-3-3S9 3.34 9 5v.18l5.98 5.99zM4.27 3L3 4.27l6.01 6.01V11c0 1.66 1.33 3 2.99 3 .22 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c.91-.13 1.77-.45 2.54-.9L19.73 21 21 19.73 4.27 3z");
+}
+.root_dd069c .videoControls_dd069c .button-38aScr 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("M12,9C10.4,9 8.85,9.25 7.4,9.72V12.82C7.4,13.22 7.17,13.56 6.84,13.72C5.86,14.21 4.97,14.84 4.17,15.57C4,15.75 3.75,15.86 3.5,15.86C3.2,15.86 2.95,15.74 2.77,15.56L0.29,13.08C0.11,12.9 0,12.65 0,12.38C0,12.1 0.11,11.85 0.29,11.67C3.34,8.77 7.46,7 12,7C16.54,7 20.66,8.77 23.71,11.67C23.89,11.85 24,12.1 24,12.38C24,12.65 23.89,12.9 23.71,13.08L21.23,15.56C21.05,15.74 20.8,15.86 20.5,15.86C20.25,15.86 20,15.75 19.82,15.57C19.03,14.84 18.14,14.21 17.16,13.72C16.83,13.56 16.6,13.22 16.6,12.82V9.72C15.15,9.25 13.6,9 12,9Z");
+}
+.root_dd069c .videoControls_dd069c .button-38aScr 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("M4,3A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5C18.76,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.18L13.21,17.38C10.38,15.94 8.07,13.62 6.62,10.79L8.82,8.58C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.24 8.5,4A1,1 0 0,0 7.5,3M16,3V6H13V8H16V11H18V8H21V6H18V3");
+}
+
+/* GLOBAL ICONS */
+path[d="M21.526 8.149C21.231 7.966 20.862 7.951 20.553 8.105L18 9.382V7C18 5.897 17.103 5 16 5H4C2.897 5 2 5.897 2 7V17C2 18.104 2.897 19 4 19H16C17.103 19 18 18.104 18 17V14.618L20.553 15.894C20.694 15.965 20.847 16 21 16C21.183 16 21.365 15.949 21.526 15.851C21.82 15.668 22 15.347 22 15V9C22 8.653 21.82 8.332 21.526 8.149Z"] {
+ d: path("M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z");
+}
+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-4zm-7-3.53v-2.19c-2.78 0-4.61.85-6 2.72.56-2.67 2.11-5.33 6-5.87V7l4 3.73-4 3.74z");
+}
+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.22 18.02l2 2H24v-2h-2.78zm.77-2l.01-10c0-1.11-.9-2-2-2H7.22l5.23 5.23c.18-.04.36-.07.55-.1V7.02l4 3.73-1.58 1.47 5.54 5.54c.61-.33 1.03-.99 1.03-1.74zM2.39 1.73L1.11 3l1.54 1.54c-.4.36-.65.89-.65 1.48v10c0 1.1.89 2 2 2H0v2h18.13l2.71 2.71 1.27-1.27L2.39 1.73zM7 15.02c.31-1.48.92-2.95 2.07-4.06l1.59 1.59c-1.54.38-2.7 1.18-3.66 2.47z");
+}
+path[d="M4.92871 13.4149L10.5857 19.0709L18.3639 11.2927C19.7781 9.87859 22.6066 6.48376 21.1923 2.80748C17.5153 1.3932 14.1213 4.22173 12.7074 5.63625L4.92871 13.4149ZM16.064 9.93309C17.1686 9.93309 18.064 9.03766 18.064 7.93309C18.064 6.82852 17.1686 5.93309 16.064 5.93309C14.9594 5.93309 14.064 6.82852 14.064 7.93309C14.064 9.03766 14.9594 9.93309 16.064 9.93309Z"] {
+ d: path("M9.19,6.35c-2.04,2.29-3.44,5.58-3.57,5.89L2,10.69l4.05-4.05c0.47-0.47,1.15-0.68,1.81-0.55L9.19,6.35L9.19,6.35z M11.17,17c0,0,3.74-1.55,5.89-3.7c5.4-5.4,4.5-9.62,4.21-10.57c-0.95-0.3-5.17-1.19-10.57,4.21C8.55,9.09,7,12.83,7,12.83 L11.17,17z M17.65,14.81c-2.29,2.04-5.58,3.44-5.89,3.57L13.31,22l4.05-4.05c0.47-0.47,0.68-1.15,0.55-1.81L17.65,14.81 L17.65,14.81z M9,18c0,0.83-0.34,1.58-0.88,2.12C6.94,21.3,2,22,2,22s0.7-4.94,1.88-6.12C4.42,15.34,5.17,15,6,15 C7.66,15,9,16.34,9,18z M13,9c0-1.1,0.9-2,2-2s2,0.9,2,2s-0.9,2-2,2S13,10.1,13,9z");
+}
+path[d="M14.99 11C14.99 12.66 13.66 14 12 14C10.34 14 9 12.66 9 11V5C9 3.34 10.34 2 12 2C13.66 2 15 3.34 15 5L14.99 11ZM12 16.1C14.76 16.1 17.3 14 17.3 11H19C19 14.42 16.28 17.24 13 17.72V21H11V17.72C7.72 17.23 5 14.41 5 11H6.7C6.7 14 9.24 16.1 12 16.1ZM12 4C11.2 4 11 4.66667 11 5V11C11 11.3333 11.2 12 12 12C12.8 12 13 11.3333 13 11V5C13 4.66667 12.8 4 12 4Z"] {
+ d: path("M12 14c1.66 0 2.99-1.34 2.99-3L15 5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm5.3-3c0 3-2.54 5.1-5.3 5.1S6.7 14 6.7 11H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c3.28-.48 6-3.3 6-6.72h-1.7z");
+}
+path[d="M6.7 11H5C5 12.19 5.34 13.3 5.9 14.28L7.13 13.05C6.86 12.43 6.7 11.74 6.7 11Z"] {
+ d: path("M19 11h-1.7c0 .74-.16 1.43-.43 2.05l1.23 1.23c.56-.98.9-2.09.9-3.28zm-4.02.17c0-.06.02-.11.02-.17V5c0-1.66-1.34-3-3-3S9 3.34 9 5v.18l5.98 5.99zM4.27 3L3 4.27l6.01 6.01V11c0 1.66 1.33 3 2.99 3 .22 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c.91-.13 1.77-.45 2.54-.9L19.73 21 21 19.73 4.27 3z");
+}
+path[d="M6.7 11H5C5 12.19 5.34 13.3 5.9 14.28L7.13 13.05C6.86 12.43 6.7 11.74 6.7 11Z"] ~ path {
+ display: none;
+}
+
+/* CONTEXT MENU */
+.menu_d90b3d .item_d90b3d#message-reply .icon_d90b3d path {
+ d: path("M10 9V5l-7 7 7 7v-4.1c5 0 8.5 1.6 11 5.1-1-5-4-10-11-11z");
+}
+.menu_d90b3d .item_d90b3d#message-edit .icon_d90b3d path {
+ d: path("M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z");
+}
+.menu_d90b3d .item_d90b3d#message-pin .icon_d90b3d path {
+ d: path("M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12Z");
+}
+.menu_d90b3d .item_d90b3d#message-thread .icon_d90b3d path {
+ d: path("M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z");
+}
+.menu_d90b3d .item_d90b3d#message-mark-unread .icon_d90b3d path {
+ d: path("M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z");
+}
+.menu_d90b3d .item_d90b3d#message-reactions .icon_d90b3d 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");
+}
+.menu_d90b3d .item_d90b3d#message-copy-link .icon_d90b3d path {
+ d: path("M17 7h-4v2h4c1.65 0 3 1.35 3 3s-1.35 3-3 3h-4v2h4c2.76 0 5-2.24 5-5s-2.24-5-5-5zm-6 8H7c-1.65 0-3-1.35-3-3s1.35-3 3-3h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-2zm-3-4h8v2H8z");
+}
+.menu_d90b3d .item_d90b3d#message-tts .icon_d90b3d path {
+ d: path("M9,5A4,4 0 0,1 13,9A4,4 0 0,1 9,13A4,4 0 0,1 5,9A4,4 0 0,1 9,5M9,15C11.67,15 17,16.34 17,19V21H1V19C1,16.34 6.33,15 9,15M16.76,5.36C18.78,7.56 18.78,10.61 16.76,12.63L15.08,10.94C15.92,9.76 15.92,8.23 15.08,7.05L16.76,5.36M20.07,2C24,6.05 23.97,12.11 20.07,16L18.44,14.37C21.21,11.19 21.21,6.65 18.44,3.63L20.07,2Z");
+}
+.menu_d90b3d .item_d90b3d#message-delete .icon_d90b3d path {
+ d: path("M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z");
+}
+.menu_d90b3d .item_d90b3d#message-report .icon_d90b3d path {
+ d: path("M14.4,6L14,4H5V21H7V14H12.6L13,16H20V6H14.4Z");
+}
+.menu_d90b3d .item_d90b3d#message-devmode-copy-id .icon_d90b3d path {
+ d: path("M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z");
+}
+.menu_d90b3d .item_d90b3d[id]:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/settings.svg);
+}
+.menu_d90b3d .item_d90b3d#user-context-mark-channel-read:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/visibility.svg);
+}
+.menu_d90b3d .item_d90b3d#user-context-user-profile:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/person.svg);
+}
+.menu_d90b3d .item_d90b3d#user-context-mention:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/mention.svg);
+}
+.menu_d90b3d .item_d90b3d#user-context-message-user:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/chat_bubble.svg);
+}
+.menu_d90b3d .item_d90b3d#user-context-call:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/call.svg);
+}
+.menu_d90b3d .item_d90b3d#user-context-ring:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/notifications_active.svg);
+}
+.menu_d90b3d .item_d90b3d#user-context-stop-ringing:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/notifications_off.svg);
+}
+.menu_d90b3d .item_d90b3d#user-context-note:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/edit.svg);
+}
+.menu_d90b3d .item_d90b3d#user-context-Permissions:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/lock_open.svg);
+}
+.menu_d90b3d .item_d90b3d#user-context-add-friend-nickname:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/add_circle.svg);
+}
+.menu_d90b3d .item_d90b3d#user-context-edit-friend-nickname:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/edit.svg);
+}
+.menu_d90b3d .item_d90b3d#user-context-remove:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/remove_circle.svg);
+}
+.menu_d90b3d .item_d90b3d#user-context-make-dm-owner:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/crown.svg);
+}
+.menu_d90b3d .item_d90b3d#user-context-join:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/add_circle.svg);
+}
+.menu_d90b3d .item_d90b3d#user-context-add-friend:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/person_add.svg);
+}
+.menu_d90b3d .item_d90b3d#user-context-remove-friend:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/person_remove.svg);
+}
+.menu_d90b3d .item_d90b3d#user-context-manage-integration:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/settings.svg);
+}
+.menu_d90b3d .item_d90b3d#user-context-block:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/block.svg);
+}
+.menu_d90b3d .item_d90b3d#user-context-unmute-channel:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/volume_up.svg);
+}
+.menu_d90b3d .item_d90b3d#user-context-change-video-background:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/videocam.svg);
+}
+.menu_d90b3d .item_d90b3d#user-context-focus-video:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/center_focus.svg);
+}
+.menu_d90b3d .item_d90b3d#user-context-change-nickname:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/edit.svg);
+}
+.menu_d90b3d .item_d90b3d#user-context-timeout:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/timer.svg);
+}
+.menu_d90b3d .item_d90b3d#user-context-removetimeout:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/timer_off.svg);
+}
+.menu_d90b3d .item_d90b3d#user-context-kick:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/remove_circle.svg);
+}
+.menu_d90b3d .item_d90b3d#user-context-ban:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/hammer.svg);
+}
+.menu_d90b3d .item_d90b3d#user-context-close-dm:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/cancel.svg);
+}
+.menu_d90b3d .item_d90b3d#user-context-voice-disconnect:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/power_off.svg);
+}
+.menu_d90b3d .item_d90b3d#user-context-transfer-ownership:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/transfer.svg);
+}
+.menu_d90b3d .item_d90b3d#user-context-pin-dm:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/pin.svg);
+}
+.menu_d90b3d .item_d90b3d#gdm-context-instant-invites:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/person_add.svg);
+}
+.menu_d90b3d .item_d90b3d#gdm-context-mark-channel-read:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/visibility.svg);
+}
+.menu_d90b3d .item_d90b3d#gdm-context-favorite-channel:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/favorite.svg);
+}
+.menu_d90b3d .item_d90b3d#gdm-context-set-channel-nickname:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/edit.svg);
+}
+.menu_d90b3d .item_d90b3d#gdm-context-change-icon:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/edit.svg);
+}
+.menu_d90b3d .item_d90b3d#gdm-context-remove-icon:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/remove_circle.svg);
+}
+.menu_d90b3d .item_d90b3d#gdm-context-unmute-channel:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/volume_up.svg);
+}
+.menu_d90b3d .item_d90b3d#gdm-context-leave-channel:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/logout.svg);
+}
+.menu_d90b3d .item_d90b3d#message-favorite:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/favorite.svg);
+}
+.menu_d90b3d .item_d90b3d#message-unfavorite:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/unfavorite.svg);
+}
+.menu_d90b3d .item_d90b3d#message-search-google:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/search.svg);
+}
+.menu_d90b3d .item_d90b3d#message-remove-reactions:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/remove_circle.svg);
+}
+.menu_d90b3d .item_d90b3d#message-copy-image:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/content_copy.svg);
+}
+.menu_d90b3d .item_d90b3d#message-save-image:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/save.svg);
+}
+.menu_d90b3d .item_d90b3d#message-copy-native-link:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/content_copy.svg);
+}
+.menu_d90b3d .item_d90b3d#message-open-native-link:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/open_in_new.svg);
+}
+.menu_d90b3d .item_d90b3d#message-actions-remove-reactions:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/remove_circle.svg);
+}
+.menu_d90b3d .item_d90b3d#text-context-search-google:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/search.svg);
+}
+.menu_d90b3d .item_d90b3d#text-context-copy:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/content_copy.svg);
+}
+.menu_d90b3d .item_d90b3d#thread-context-mark-channel-read:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/visibility.svg);
+}
+.menu_d90b3d .item_d90b3d#thread-context-channel-copy-link:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/content_copy.svg);
+}
+.menu_d90b3d .item_d90b3d#thread-context-unarchive-thread:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/unarchive.svg);
+}
+.menu_d90b3d .item_d90b3d#thread-context-delete-channel:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/delete.svg);
+}
+.menu_d90b3d .item_d90b3d#thread-context-leave-thread:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/message-minus.svg);
+}
+.menu_d90b3d .item_d90b3d#thread-context-edit-thread:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/edit.svg);
+}
+.menu_d90b3d .item_d90b3d#thread-context-pin-thread:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/pin.svg);
+}
+.menu_d90b3d .item_d90b3d#thread-context-unpin-thread:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/pin.svg);
+}
+.menu_d90b3d .item_d90b3d#thread-context-archive-thread:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/archive.svg);
+}
+.menu_d90b3d .item_d90b3d#thread-context-archive-lock-thread:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/lock.svg);
+}
+.menu_d90b3d .item_d90b3d#thread-context-lock-thread:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/lock.svg);
+}
+.menu_d90b3d .item_d90b3d#thread-context-join-thread:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/message-check.svg);
+}
+.menu_d90b3d .item_d90b3d#thread-context-open:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/open_in_new.svg);
+}
+.menu_d90b3d .item_d90b3d#thread-context-mute-disabled:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/volume_up.svg);
+}
+.menu_d90b3d .item_d90b3d#thread-context-notifications-disabled:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/notifications.svg);
+}
+.menu_d90b3d .item_d90b3d#image-context-copy-image:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/content_copy.svg);
+}
+.menu_d90b3d .item_d90b3d#image-context-save-image:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/save.svg);
+}
+.menu_d90b3d .item_d90b3d#image-context-copy-native-link:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/content_copy.svg);
+}
+.menu_d90b3d .item_d90b3d#image-context-open-native-link:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/open_in_new.svg);
+}
+.menu_d90b3d .item_d90b3d#image-context-imageutilities-copy-link:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/content_copy.svg);
+}
+.menu_d90b3d .item_d90b3d#image-context-imageutilities-open-link:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/open_in_new.svg);
+}
+.menu_d90b3d .item_d90b3d#image-context-imageutilities-copy-file:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/image_copy.svg);
+}
+.menu_d90b3d .item_d90b3d#textarea-context-add-to-dictionary:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/library_add.svg);
+}
+.menu_d90b3d .item_d90b3d#textarea-context-languages:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/translate.svg);
+}
+.menu_d90b3d .item_d90b3d#guild-context-mark-guild-read:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/visibility.svg);
+}
+.menu_d90b3d .item_d90b3d#guild-context-Permissions:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/lock_open.svg);
+}
+.menu_d90b3d .item_d90b3d#guild-context-guild-profile:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/badge.svg);
+}
+.menu_d90b3d .item_d90b3d#guild-context-invite-people:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/person_add.svg);
+}
+.menu_d90b3d .item_d90b3d#guild-context-unmute-guild:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/volume_off.svg);
+}
+.menu_d90b3d .item_d90b3d#guild-context-privacy:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/security.svg);
+}
+.menu_d90b3d .item_d90b3d#guild-context-change-nickname:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/edit.svg);
+}
+.menu_d90b3d .item_d90b3d#guild-context-leave-guild:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/logout.svg);
+}
+.menu_d90b3d .item_d90b3d#guild-context-create-channel:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/add_circle.svg);
+}
+.menu_d90b3d .item_d90b3d#guild-context-create-category:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/list_add.svg);
+}
+.menu_d90b3d .item_d90b3d#guild-context-create-event:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/event.svg);
+}
+.menu_d90b3d .item_d90b3d#guild-context-mark-folder-read:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/visibility.svg);
+}
+.menu_d90b3d .item_d90b3d#guild-context-folder-settings:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/settings.svg);
+}
+.menu_d90b3d .item_d90b3d#guild-context-folder-collapse:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/cancel.svg);
+}
+.menu_d90b3d .item_d90b3d#guild-context-join:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/person_add.svg);
+}
+.menu_d90b3d .item_d90b3d#guild-context-create:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/add_circle.svg);
+}
+.menu_d90b3d .item_d90b3d#guild-context-server-lockdown:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/shield_lock_open.svg);
+}
+.menu_d90b3d .item_d90b3d#channel-context-mark-channel-read:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/visibility.svg);
+}
+.menu_d90b3d .item_d90b3d#channel-context-Permissions:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/lock_open.svg);
+}
+.menu_d90b3d .item_d90b3d#channel-context-unmute-channel:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/volume_off.svg);
+}
+.menu_d90b3d .item_d90b3d#channel-context-open-chat:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/open_in_new.svg);
+}
+.menu_d90b3d .item_d90b3d#channel-context-edit-channel:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/edit.svg);
+}
+.menu_d90b3d .item_d90b3d#channel-context-collapse-all-categories:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/collapse.svg);
+}
+.menu_d90b3d .item_d90b3d#channel-context-invite-people:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/person_add.svg);
+}
+.menu_d90b3d .item_d90b3d#channel-context-opt-in-favorite-channel:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/favorite.svg);
+}
+.menu_d90b3d .item_d90b3d#channel-context-opt-into-channel:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/remove_circle.svg);
+}
+.menu_d90b3d .item_d90b3d#channel-context-opt-out-category:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/message-minus.svg);
+}
+.menu_d90b3d .item_d90b3d#channel-context-clone-channel:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/content_copy.svg);
+}
+.menu_d90b3d .item_d90b3d#channel-context-create-text-channel:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/add_circle.svg);
+}
+.menu_d90b3d .item_d90b3d#channel-context-create-voice-channel:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/add_circle.svg);
+}
+.menu_d90b3d .item_d90b3d#channel-context-channel-copy-link:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/content_copy.svg);
+}
+.menu_d90b3d .item_d90b3d#channel-context-copy-channel-topic:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/content_copy.svg);
+}
+.menu_d90b3d .item_d90b3d#channel-context-delete-channel:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/delete.svg);
+}
+.menu_d90b3d .item_d90b3d#channel-context-favorite-channel:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/favorite.svg);
+}
+.menu_d90b3d .item_d90b3d#channel-context-go-to-original-guild:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/open_in_new.svg);
+}
+.menu_d90b3d .item_d90b3d#channel-context-set-channel-nickname:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/edit.svg);
+}
+.menu_d90b3d .item_d90b3d#user-profile-actions-user-remove:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/person_remove.svg);
+}
+.menu_d90b3d .item_d90b3d#user-profile-actions-user-block:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/block.svg);
+}
+.menu_d90b3d .item_d90b3d#user-profile-actions-user-message:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/chat_bubble.svg);
+}
+.menu_d90b3d .item_d90b3d#manage-streams-report-stream-problem:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/alert.svg);
+}
+.menu_d90b3d .item_d90b3d#clips-context-clips-settings:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/settings.svg);
+}
+.menu_d90b3d .item_d90b3d#user-settings-cog-My_Account:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/settings.svg);
+}
+.menu_d90b3d .item_d90b3d#user-settings-cog-Profile_Customization:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/edit.svg);
+}
+.menu_d90b3d .item_d90b3d#user-settings-cog-Privacy___Safety:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/security.svg);
+}
+.menu_d90b3d .item_d90b3d#user-settings-cog-Family_Center:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/shield_account.svg);
+}
+.menu_d90b3d .item_d90b3d#user-settings-cog-Authorized_Apps:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/apps.svg);
+}
+.menu_d90b3d .item_d90b3d#user-settings-cog-Sessions:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/devices.svg);
+}
+.menu_d90b3d .item_d90b3d#user-settings-cog-Passport:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/link.svg);
+}
+.menu_d90b3d .item_d90b3d#user-settings-cog-Connections:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/link.svg);
+}
+.menu_d90b3d .item_d90b3d#user-settings-cog-Friend_Requests:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/person_add.svg);
+}
+.menu_d90b3d .item_d90b3d#user-settings-cog-Discord_Nitro:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/nitro.svg);
+}
+.menu_d90b3d .item_d90b3d#user-settings-cog-Nitro_Server_Boost:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/server_boost.svg);
+}
+.menu_d90b3d .item_d90b3d#user-settings-cog-Subscriptions:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/subscription.svg);
+}
+.menu_d90b3d .item_d90b3d#user-settings-cog-Library_Inventory:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/gift.svg);
+}
+.menu_d90b3d .item_d90b3d#user-settings-cog-Billing:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/payment.svg);
+}
+.menu_d90b3d .item_d90b3d#user-settings-cog-Text___Images:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/keyboard.svg);
+}
+.menu_d90b3d .item_d90b3d#user-settings-cog-Notifications:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/notifications.svg);
+}
+.menu_d90b3d .item_d90b3d#user-settings-cog-Keybinds:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/space_bar.svg);
+}
+.menu_d90b3d .item_d90b3d#user-settings-cog-Language:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/translate.svg);
+}
+.menu_d90b3d .item_d90b3d#user-settings-cog-Windows:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/windows.svg);
+}
+.menu_d90b3d .item_d90b3d#user-settings-cog-Linux:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/linux.svg);
+}
+.menu_d90b3d .item_d90b3d#user-settings-cog-Advanced:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/integrations.svg);
+}
+.menu_d90b3d .item_d90b3d#user-settings-cog-Activity_Privacy:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/verified_user.svg);
+}
+.menu_d90b3d .item_d90b3d#user-settings-cog-Game_Activity:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/gamepad.svg);
+}
+.menu_d90b3d .item_d90b3d#user-settings-cog-Overlay:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/picture_in_picture.svg);
+}
+.menu_d90b3d .item_d90b3d#user-settings-cog-changelog:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/list.svg);
+}
+.menu_d90b3d .item_d90b3d#user-settings-cog-merchandise:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/storefront.svg);
+}
+.menu_d90b3d .item_d90b3d#user-settings-cog-Hypesquad_Online:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/hypesquad.svg);
+}
+.menu_d90b3d .item_d90b3d#user-settings-cog-Developer_Options:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/settings.svg);
+}
+.menu_d90b3d .item_d90b3d#user-settings-cog-Hotspot_Options:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/settings.svg);
+}
+.menu_d90b3d .item_d90b3d#user-settings-cog-Dismissible_Content_Options:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/settings.svg);
+}
+.menu_d90b3d .item_d90b3d#user-settings-cog-Payment_Flow_Modals:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/settings.svg);
+}
+.menu_d90b3d .item_d90b3d#user-settings-cog-VencordPlugins:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/plugins.svg);
+}
+.menu_d90b3d .item_d90b3d#user-settings-cog-VencordThemes:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/themes.svg);
+}
+.menu_d90b3d .item_d90b3d#user-settings-cog-VencordUpdater:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/update.svg);
+}
+.menu_d90b3d .item_d90b3d#user-settings-cog-VencordCloud:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/cloud.svg);
+}
+.menu_d90b3d .item_d90b3d#user-settings-cog-VencordSettingsSync:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/cloud_refresh.svg);
+}
+.menu_d90b3d .item_d90b3d[id*=user-context-spotify-play]:after {
+ background-color: currentColor;
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/spotify.svg);
+ -webkit-mask-repeat: no-repeat;
+}
+.menu_d90b3d .item_d90b3d[id*=user-context-spotify-sync]:after {
+ background-color: currentColor;
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/listen_along.svg);
+ -webkit-mask-repeat: no-repeat;
+}
+.menu_d90b3d .item_d90b3d#message-copy .hintContainer_d90b3d {
+ background-color: currentColor;
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/content_copy.svg);
+ -webkit-mask-repeat: no-repeat;
+}
+.menu_d90b3d .item_d90b3d#textarea-context-copy .hintContainer_d90b3d {
+ background-color: currentColor;
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/content_copy.svg);
+ -webkit-mask-repeat: no-repeat;
+}
+.menu_d90b3d .item_d90b3d#textarea-context-cut .hintContainer_d90b3d {
+ background-color: currentColor;
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/content_cut.svg);
+ -webkit-mask-repeat: no-repeat;
+}
+.menu_d90b3d .item_d90b3d#textarea-context-paste .hintContainer_d90b3d {
+ background-color: currentColor;
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/paste.svg);
+ -webkit-mask-repeat: no-repeat;
+}
+.menu_d90b3d .item_d90b3d[aria-haspopup=true][id]:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/settings.svg);
+}
+.menu_d90b3d .item_d90b3d[aria-haspopup=true]#user-context-apps:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/apps.svg);
+}
+.menu_d90b3d .item_d90b3d[aria-haspopup=true]#user-context-invite-to-server:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/add_circle.svg);
+}
+.menu_d90b3d .item_d90b3d[aria-haspopup=true]#user-context-roles:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/person.svg);
+}
+.menu_d90b3d .item_d90b3d[aria-haspopup=true]#user-context-voice-move:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/move.svg);
+}
+.menu_d90b3d .item_d90b3d[aria-haspopup=true]#user-context-mute-channel:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/volume_up.svg);
+}
+.menu_d90b3d .item_d90b3d[aria-haspopup=true]#gdm-context-mute-channel:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/volume_up.svg);
+}
+.menu_d90b3d .item_d90b3d[aria-haspopup=true]#message-add-reaction-0:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/emoji.svg);
+}
+.menu_d90b3d .item_d90b3d[aria-haspopup=true]#message-add-burst-reaction:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/burst_reaction.svg);
+}
+.menu_d90b3d .item_d90b3d[aria-haspopup=true]#message-apps:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/apps.svg);
+}
+.menu_d90b3d .item_d90b3d[aria-haspopup=true]#message-actions-apps:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/apps.svg);
+}
+.menu_d90b3d .item_d90b3d[aria-haspopup=true]#message-guild-feed-feature:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/feature.svg);
+}
+.menu_d90b3d .item_d90b3d[aria-haspopup=true]#message-guild-automod-add-selection:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/filter.svg);
+}
+.menu_d90b3d .item_d90b3d[aria-haspopup=true]#message-copy-message:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/content_copy.svg);
+}
+.menu_d90b3d .item_d90b3d[aria-haspopup=true]#message-actions-add-reaction-0:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/emoji.svg);
+}
+.menu_d90b3d .item_d90b3d[aria-haspopup=true]#message-actions-guild-feed-feature:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/feature.svg);
+}
+.menu_d90b3d .item_d90b3d[aria-haspopup=true]#thread-context-mute-channel:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/volume_up.svg);
+}
+.menu_d90b3d .item_d90b3d[aria-haspopup=true]#thread-context-thread-notifications:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/notifications.svg);
+}
+.menu_d90b3d .item_d90b3d[aria-haspopup=true]#thread-context-edit-tags:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/edit.svg);
+}
+.menu_d90b3d .item_d90b3d[aria-haspopup=true]#thread-context-auto-archive-thread:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/archive.svg);
+}
+.menu_d90b3d .item_d90b3d[aria-haspopup=true]#thread-context-guild-feed-feature:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/feature.svg);
+}
+.menu_d90b3d .item_d90b3d[aria-haspopup=true]#textarea-context-suggestions:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/lightbulb.svg);
+}
+.menu_d90b3d .item_d90b3d[aria-haspopup=true]#guild-context-mute-guild:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/volume_up.svg);
+}
+.menu_d90b3d .item_d90b3d[aria-haspopup=true]#guild-context-guild-notifications:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/notifications.svg);
+}
+.menu_d90b3d .item_d90b3d[aria-haspopup=true]#guild-context-guild-settings:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/settings.svg);
+}
+.menu_d90b3d .item_d90b3d[aria-haspopup=true]#channel-context-mute-channel:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/volume_up.svg);
+}
+.menu_d90b3d .item_d90b3d[aria-haspopup=true]#channel-context-channel-notifications:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/notifications.svg);
+}
+.menu_d90b3d .item_d90b3d[aria-haspopup=true]#channel-context-favorite-channel:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/favorite.svg);
+}
+.menu_d90b3d .item_d90b3d[aria-haspopup=true]#user-settings-cog-Appearance:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/chat.svg);
+}
+.menu_d90b3d .item_d90b3d[aria-haspopup=true]#user-settings-cog-Accessibility:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/accessibility.svg);
+}
+.menu_d90b3d .item_d90b3d[aria-haspopup=true]#user-settings-cog-Voice___Video:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/mic.svg);
+}
+.menu_d90b3d .item_d90b3d[aria-haspopup=true]#user-settings-cog-Text___Images:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/keyboard.svg);
+}
+.menu_d90b3d .item_d90b3d[aria-haspopup=true]#user-settings-cog-Streamer_Mode:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/live_tv.svg);
+}
+.menu_d90b3d .item_d90b3d[aria-haspopup=true]#user-settings-cog-Experiments:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/settings.svg);
+}
+.menu_d90b3d .item_d90b3d[aria-haspopup=true]#manage-streams-stream-settings:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/settings.svg);
+}
+
+/* POPOUT MENUS -> SERVER OPTIONS */
+.menu_d90b3d#guild-header-popout .item_d90b3d#guild-header-popout-guild-profile path {
+ d: path("M22,4H14V7H10V4H2A2,2 0 0,0 0,6V20A2,2 0 0,0 2,22H22A2,2 0 0,0 24,20V6A2,2 0 0,0 22,4M8,9A2,2 0 0,1 10,11A2,2 0 0,1 8,13A2,2 0 0,1 6,11A2,2 0 0,1 8,9M12,17H4V16C4,14.67 6.67,14 8,14C9.33,14 12,14.67 12,16V17M20,18H14V16H20V18M20,14H14V12H20V14M20,10H14V8H20V10M13,6H11V2H13V6Z");
+}
+.menu_d90b3d#guild-header-popout .item_d90b3d#guild-header-popout-invite-people path {
+ d: path("M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm-9-2V7H4v3H1v2h3v3h2v-3h3v-2H6zm9 4c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z");
+}
+.menu_d90b3d#guild-header-popout .item_d90b3d#guild-header-popout-settings path {
+ d: path("M19.14,12.94c0.04-0.3,0.06-0.61,0.06-0.94c0-0.32-0.02-0.64-0.07-0.94l2.03-1.58c0.18-0.14,0.23-0.41,0.12-0.61 l-1.92-3.32c-0.12-0.22-0.37-0.29-0.59-0.22l-2.39,0.96c-0.5-0.38-1.03-0.7-1.62-0.94L14.4,2.81c-0.04-0.24-0.24-0.41-0.48-0.41 h-3.84c-0.24,0-0.43,0.17-0.47,0.41L9.25,5.35C8.66,5.59,8.12,5.92,7.63,6.29L5.24,5.33c-0.22-0.08-0.47,0-0.59,0.22L2.74,8.87 C2.62,9.08,2.66,9.34,2.86,9.48l2.03,1.58C4.84,11.36,4.8,11.69,4.8,12s0.02,0.64,0.07,0.94l-2.03,1.58 c-0.18,0.14-0.23,0.41-0.12,0.61l1.92,3.32c0.12,0.22,0.37,0.29,0.59,0.22l2.39-0.96c0.5,0.38,1.03,0.7,1.62,0.94l0.36,2.54 c0.05,0.24,0.24,0.41,0.48,0.41h3.84c0.24,0,0.44-0.17,0.47-0.41l0.36-2.54c0.59-0.24,1.13-0.56,1.62-0.94l2.39,0.96 c0.22,0.08,0.47,0,0.59-0.22l1.92-3.32c0.12-0.22,0.07-0.47-0.12-0.61L19.14,12.94z M12,15.6c-1.98,0-3.6-1.62-3.6-3.6 s1.62-3.6,3.6-3.6s3.6,1.62,3.6,3.6S13.98,15.6,12,15.6z");
+}
+.menu_d90b3d#guild-header-popout .item_d90b3d#guild-header-popout-create-channel path {
+ d: path("M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z");
+}
+.menu_d90b3d#guild-header-popout .item_d90b3d#guild-header-popout-create-category path {
+ d: path("M14 10H2v2h12v-2zm0-4H2v2h12V6zm4 8v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zM2 16h8v-2H2v2z");
+}
+.menu_d90b3d#guild-header-popout .item_d90b3d#guild-header-popout-create-event path {
+ d: path("M19,19H5V8H19M16,1V3H8V1H6V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3H18V1M17,12H12V17H17V12Z");
+}
+.menu_d90b3d#guild-header-popout .item_d90b3d#guild-header-popout-create-event path ~ path {
+ display: none;
+}
+.menu_d90b3d#guild-header-popout .item_d90b3d#guild-header-popout-notifications path {
+ d: path("M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z");
+}
+.menu_d90b3d#guild-header-popout .item_d90b3d#guild-header-popout-privacy path {
+ d: path("M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z");
+}
+.menu_d90b3d#guild-header-popout .item_d90b3d#guild-header-popout-change-nickname path {
+ d: path("M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z");
+}
+.menu_d90b3d#guild-header-popout .item_d90b3d#guild-header-popout-leave path {
+ d: path("M10.09 15.59L11.5 17l5-5-5-5-1.41 1.41L12.67 11H3v2h9.67l-2.58 2.59zM19 3H5c-1.11 0-2 .9-2 2v4h2V5h14v14H5v-4H3v4c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z");
+}
+
+/* USER SETTINGS -> SIDEBAR */
+/* MESSAGE ACTIONS */
+.menu_d90b3d .item_d90b3d#message-actions-edit path {
+ d: path("M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z");
+}
+.menu_d90b3d .item_d90b3d#message-actions-pin path {
+ d: path("M16,9V4l1,0c0.55,0,1-0.45,1-1v0c0-0.55-0.45-1-1-1H7C6.45,2,6,2.45,6,3v0 c0,0.55,0.45,1,1,1l1,0v5c0,1.66-1.34,3-3,3h0v2h5.97v7l1,1l1-1v-7H19v-2h0C17.34,12,16,10.66,16,9z");
+}
+.menu_d90b3d .item_d90b3d#message-actions-reply path {
+ d: path("M10 9V5l-7 7 7 7v-4.1c5 0 8.5 1.6 11 5.1-1-5-4-10-11-11z");
+}
+.menu_d90b3d .item_d90b3d#message-actions-thread path {
+ d: path("M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z");
+}
+.menu_d90b3d .item_d90b3d#message-actions-mark-unread path {
+ d: path("M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z");
+}
+.menu_d90b3d .item_d90b3d#message-actions-delete path {
+ d: path("M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z");
+}
+
+/*# sourceMappingURL=Material-Discord_addon-icons.theme.css.map */
diff --git a/other/themes/Material-Discord/css/addons/material-you/Material-Discord_addon-material-you.theme.css b/other/themes/Material-Discord/css/addons/material-you/Material-Discord_addon-material-you.theme.css
new file mode 100644
index 0000000..d52b866
--- /dev/null
+++ b/other/themes/Material-Discord/css/addons/material-you/Material-Discord_addon-material-you.theme.css
@@ -0,0 +1,23 @@
+/**
+ * @name Material You
+ * @version 1.0.1
+ * @description Converts the Material Discord color scheme based on the accent color to resemble that of Material You. Requires Material Discord as the base theme.
+ * @authorId 124276233478471680
+ *
+ * @website http://github.com/CapnKitten
+ * @source https://github.com/CapnKitten/BetterDiscord/blob/master/Themes/Material-Discord/css/addons/material-you/Material-Discord_addon-material-you.theme.css
+ * @donate https://paypal.me/capnkitten
+ * @invite jzJkA6Z
+ */
+
+@import url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/css/addons/material-you/source.css);
+
+.theme-dark {
+ --saturation-modifier: 0.175;
+ --lightness-modifier: 0.2;
+}
+
+.theme-light {
+ --saturation-modifier: 0.4;
+ --lightness-modifier: 2.175;
+}
diff --git a/other/themes/Material-Discord/css/addons/material-you/README.md b/other/themes/Material-Discord/css/addons/material-you/README.md
new file mode 100644
index 0000000..7529fe4
--- /dev/null
+++ b/other/themes/Material-Discord/css/addons/material-you/README.md
@@ -0,0 +1,61 @@
+# [Add-on] Material You - [![Paypal][paypal-logo]][paypal-url] [![GitHub][github-logo]][github-url] [![Discord][discord-logo]][discord-url]
+#### An add-on theme that changes the entire UI color scheme based on the accent color. Based on Google's Material You. Requires Material Discord as the base theme.
+
+
+
+[Download here](https://capnkitten.github.io/BetterDiscord/Download/?theme=Material-Discord&addon=material-you) or use as import with the code below.
+```css
+@import url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/css/addons/material-you/source.css);
+```
+
+Vencord link
+```
+https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/css/addons/material-you/source.css
+```
+
+
+
+## Customization
+
+You may want to play around with the values below to get your desired look.
+
+```css
+:root {
+ --accent-hue: 224;
+ --accent-saturation: 71%;
+ --accent-lightness: 61%;
+
+ --accent-text-color: #fff;
+}
+
+.theme-dark {
+ --saturation-modifier: 0.175;
+ --lightness-modifier: 0.2;
+}
+
+.theme-light {
+ --saturation-modifier: 0.175;
+ --lightness-modifier: 2.175;
+}
+```
+
+## Previews
+
+(Previews are subject to be out of date)
+
+
+
+
+
+
+
+
+
+[paypal-logo]: https://img.shields.io/static/v1?label=PayPal&message=Donate&style=flat&logo=paypal&color=blue
+[paypal-url]: https://paypal.me/capnkitten
+
+[github-logo]: https://img.shields.io/static/v1?label=GitHub&message=Sponsor&style=flat&logo=github&color=black
+[github-url]: https://github.com/sponsors/CapnKitten
+
+[discord-logo]: https://img.shields.io/static/v1?label=Discord&message=Server&style=flat&logo=discord&color=blue
+[discord-url]: https://discord.gg/jzJkA6Z
diff --git a/other/themes/Material-Discord/css/addons/material-you/source.css b/other/themes/Material-Discord/css/addons/material-you/source.css
new file mode 100644
index 0000000..7a8e334
--- /dev/null
+++ b/other/themes/Material-Discord/css/addons/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/css/addons/messages/Material-Discord_addon-messages.theme.css b/other/themes/Material-Discord/css/addons/messages/Material-Discord_addon-messages.theme.css
new file mode 100644
index 0000000..be66d2f
--- /dev/null
+++ b/other/themes/Material-Discord/css/addons/messages/Material-Discord_addon-messages.theme.css
@@ -0,0 +1,17 @@
+/**
+ * @name Material Discord Addon - Messages
+ * @version 1.0.4
+ * @description An add-on theme to revert the new messages for Material Discord
+ * @author CapnKitten
+ *
+ * @website http://github.com/CapnKitten
+ * @source https://github.com/CapnKitten/BetterDiscord/blob/master/Themes/Material-Discord/css/addons/messages/Material-Discord_addon-messages.theme.css
+ * @donate https://paypal.me/capnkitten
+ * @invite jzJkA6Z
+ */
+
+ @import url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/css/addons/messages/source.css);
+
+:root {
+ --message-radius: 5px;
+}
diff --git a/other/themes/Material-Discord/css/addons/messages/README.md b/other/themes/Material-Discord/css/addons/messages/README.md
new file mode 100644
index 0000000..73682ea
--- /dev/null
+++ b/other/themes/Material-Discord/css/addons/messages/README.md
@@ -0,0 +1,23 @@
+# [Add-on] Material Discord Old Message Bubbles - [![Paypal][paypal-logo]][paypal-url] [![GitHub][github-logo]][github-url] [![Discord][discord-logo]][discord-url]
+#### An add-on theme to revert the new message bubbles for Material Discord
+
+
+
+[Download here](https://capnkitten.github.io/BetterDiscord/Download/?theme=Material-Discord&addon=messages) or use as import with the code below.
+```css
+@import url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/css/addons/messages/source.css);
+```
+
+Vencord link
+```
+https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/css/addons/messages/source.css
+```
+
+[paypal-logo]: https://img.shields.io/static/v1?label=PayPal&message=Donate&style=flat&logo=paypal&color=blue
+[paypal-url]: https://paypal.me/capnkitten
+
+[github-logo]: https://img.shields.io/static/v1?label=GitHub&message=Sponsor&style=flat&logo=github&color=black
+[github-url]: https://github.com/sponsors/CapnKitten
+
+[discord-logo]: https://img.shields.io/static/v1?label=Discord&message=Server&style=flat&logo=discord&color=blue
+[discord-url]: https://discord.gg/jzJkA6Z
diff --git a/other/themes/Material-Discord/css/addons/messages/source.css b/other/themes/Material-Discord/css/addons/messages/source.css
new file mode 100644
index 0000000..9df05b5
--- /dev/null
+++ b/other/themes/Material-Discord/css/addons/messages/source.css
@@ -0,0 +1,188 @@
+:root {
+ --message-radius: 5px;
+ --main-textarea-height: 70px;
+ --main-textarea-padding: 24px;
+ --main-textarea-radius: 0;
+ --sidebar-panel-radius-big: 0;
+ --sidebar-panel-radius-small: 0;
+}
+
+.theme-dark {
+ --main-textarea-color: #272a2e;
+ --sidebar-panel-color: #111114;
+ --status-picker-color: #181a1d;
+ --channel-panel-border-color: #252525;
+}
+
+.theme-light {
+ --main-textarea-color: #eee;
+ --sidebar-panel-color: #ebeced;
+ --status-picker-color: #ddd;
+ --channel-panel-border-color: #ccc;
+}
+
+/*
+ *
+ * MESSAGES
+ *
+ */
+.wrapper_f9f2ca.cozy_f9f2ca.groupStart_d5deea:before, .wrapper_f9f2ca.cozy_f9f2ca.groupStart_d5deea:after {
+ position: absolute;
+ content: " ";
+ pointer-events: none;
+}
+.wrapper_f9f2ca.cozy_f9f2ca.groupStart_d5deea:before {
+ width: 0;
+ height: 0;
+ top: 0;
+ left: -6px;
+ right: auto;
+ margin: -6px 0 0 0;
+ background-color: transparent;
+ border: 6px solid transparent;
+ border-color: transparent;
+ border-right-color: var(--message-color);
+ transform: rotate(135deg);
+ transition: var(--default-time) var(--default-animation) border-right-color;
+}
+.wrapper_f9f2ca.cozy_f9f2ca.groupStart_d5deea:after {
+ width: 10px;
+ height: 10px;
+ top: 0;
+ left: 0;
+ background-color: var(--message-color);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.wrapper_f9f2ca.cozy_f9f2ca.groupStart_d5deea:hover:before {
+ border-right-color: var(--message-color-hover);
+}
+.wrapper_f9f2ca.cozy_f9f2ca.groupStart_d5deea:hover:after {
+ background-color: var(--message-color-hover);
+}
+.wrapper_f9f2ca.cozy_f9f2ca.groupStart_d5deea.mentioned_d5deea:before {
+ display: block;
+}
+.wrapper_f9f2ca.cozy_f9f2ca.groupStart_d5deea.systemMessage_d5deea:before, .wrapper_f9f2ca.cozy_f9f2ca.groupStart_d5deea.systemMessage_d5deea:after {
+ display: none;
+}
+.wrapper_f9f2ca .channelTextArea_d0696b .scrollableContainer_d0696b {
+ border-radius: var(--message-radius);
+}
+
+/*
+ *
+ * CHAT BOX
+ *
+ */
+.form_a7d72e {
+ padding-left: 0;
+ padding-right: 0;
+}
+.form_a7d72e .typing_d7ebeb {
+ top: calc(var(--main-textarea-padding) * -1);
+}
+.form_a7d72e .inner_d0696b {
+ padding-right: 0;
+}
+.form_a7d72e .channelTextArea_d0696b {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+.form_a7d72e .channelTextArea_d0696b .scrollableContainer_d0696b {
+ min-height: var(--main-textarea-height);
+ background-color: var(--main-textarea-color);
+ border-radius: 0;
+ border: none;
+}
+.form_a7d72e .channelTextArea_d0696b .scrollableContainer_d0696b.hasReply-16cIUP {
+ border-radius: 0;
+}
+.form_a7d72e .channelTextArea_d0696b .placeholder_a552a6,
+.form_a7d72e .channelTextArea_d0696b .markup_d6076c {
+ padding: var(--main-textarea-padding) 0;
+}
+.form_a7d72e .channelTextArea_d0696b .buttons_d0696b {
+ height: var(--main-textarea-height);
+}
+.form_a7d72e .channelTextArea_d0696b .buttonContainer_d0696b {
+ height: var(--main-textarea-height);
+}
+.form_a7d72e .channelTextArea_d0696b .buttonContainer_d0696b:last-of-type {
+ margin-right: 12px;
+}
+.form_a7d72e .channelTextArea_d0696b .button_dd4f85 {
+ height: var(--main-textarea-height);
+ max-height: var(--main-textarea-height);
+}
+.form_a7d72e .channelTextArea_d0696b .attachedBars_d0696b {
+ border: none;
+}
+.form_a7d72e .channelTextArea_d0696b .attachButton_f298d4 {
+ padding: 0 16px;
+}
+.form_a7d72e .channelTextArea_d0696b .container_b11c5e {
+ background-color: var(--main-textarea-color);
+ border-radius: 0;
+ border: none;
+ border-bottom: 1px solid var(--main-textarea-border);
+}
+
+.wrapper_f9f2ca.groupStart_d5deea.replying_d5deea:before {
+ display: unset;
+}
+
+.wrapper_faf5ab {
+ height: var(--main-textarea-height);
+ margin: 0;
+ border: none;
+}
+.wrapper_faf5ab .buttonContainer_faf5ab {
+ margin-right: 8px;
+}
+
+/*
+ *
+ * STATUS PICKER
+ *
+ */
+.container_ee69e0:after {
+ display: none;
+}
+
+.panels_a4d4d9 {
+ margin: 0;
+ border-radius: 0;
+}
+
+.container_6sXIoE,
+.container_adcaac,
+.activityPanel_a4d4d9,
+.listeningAlong_cfdc9f,
+.wrapper_c721cc {
+ margin-bottom: 0;
+ border-radius: 0;
+}
+
+.container_6sXIoE.maximized_vv2Wr0 .coverWrapper_YAplwJ {
+ border-radius: 0;
+}
+.container_6sXIoE + .activityPanel_a4d4d9,
+.container_6sXIoE + .wrapper_adcaac:not(:empty) {
+ border-top: 1px solid var(--channel-panel-border-color);
+}
+
+.activityPanel_a4d4d9 + .wrapper_adcaac:not(:empty) {
+ border-top: 1px solid var(--channel-panel-border-color);
+}
+
+.container_b2ca13 {
+ height: var(--main-textarea-height) !important;
+ border-radius: 0;
+}
+
+#vc-spotify-player {
+ margin-bottom: 0;
+ border-radius: 0;
+}
+
+/*# sourceMappingURL=Material-Discord_addon-messages.theme.css.map */
diff --git a/other/themes/Material-Discord/css/addons/status-picker/Material-Discord_addon-status-picker.theme.css b/other/themes/Material-Discord/css/addons/status-picker/Material-Discord_addon-status-picker.theme.css
new file mode 100644
index 0000000..d2467c4
--- /dev/null
+++ b/other/themes/Material-Discord/css/addons/status-picker/Material-Discord_addon-status-picker.theme.css
@@ -0,0 +1,23 @@
+/**
+ * @name Material Discord Addon - Status Picker
+ * @version 1.0.1
+ * @description An add-on theme to bring the status picker from Material Discord
+ * @author CapnKitten
+ *
+ * @website http://github.com/CapnKitten
+ * @source https://github.com/CapnKitten/BetterDiscord/blob/master/Themes/Material-Discord/css/addons/status-picker/Material-Discord_addon-status-picker.theme.css
+ * @donate https://paypal.me/capnkitten
+ * @invite jzJkA6Z
+ */
+
+@import url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/css/addons/status-picker/source.css);
+
+:root {
+ --default-animation: cubic-bezier(0.4,0,0.2,1);
+ --default-time: 250ms;
+ --status-online: 67,181,129;
+ --status-idle: 250,166,26;
+ --status-dnd: 240,71,71;
+ --status-invisibile: 116,127,141;
+ --popout-radius: 16px;
+}
diff --git a/other/themes/Material-Discord/css/addons/status-picker/README.md b/other/themes/Material-Discord/css/addons/status-picker/README.md
new file mode 100644
index 0000000..413ae5d
--- /dev/null
+++ b/other/themes/Material-Discord/css/addons/status-picker/README.md
@@ -0,0 +1,19 @@
+# [Add-on] Material Discord Status Picker - [![Paypal][paypal-logo]][paypal-url] [![GitHub][github-logo]][github-url] [![Download][download-logo]][download-url]
+#### An add-on theme to bring the status picker from Material Discord. Does not require Material Discord.
+
+
+
+Download with the button above or use as import with the code below.
+
+```css
+@import url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/css/addons/status-picker/source.css);
+```
+
+[paypal-logo]: https://img.shields.io/static/v1?label=PayPal&message=Donate&style=flat&logo=paypal&color=blue
+[paypal-url]: https://paypal.me/capnkitten
+
+[github-logo]: https://img.shields.io/static/v1?label=GitHub&message=Sponsor&style=flat&logo=github&color=black
+[github-url]: https://github.com/sponsors/CapnKitten
+
+[download-logo]: https://img.shields.io/static/v1?label=Download&message=Theme&style=flat&color=blue
+[download-url]: https://capnkitten.github.io/BetterDiscord/Download/?theme=Material-Discord&addon=status-picker
diff --git a/other/themes/Material-Discord/css/addons/status-picker/source.css b/other/themes/Material-Discord/css/addons/status-picker/source.css
new file mode 100644
index 0000000..3e15328
--- /dev/null
+++ b/other/themes/Material-Discord/css/addons/status-picker/source.css
@@ -0,0 +1,128 @@
+:root {
+ --default-animation: cubic-bezier(0.4,0,0.2,1);
+ --default-time: 250ms;
+ --status-icon-radius: 50%;
+ --status-online: 67,181,129;
+ --status-idle: 250,166,26;
+ --status-dnd: 240,71,71;
+ --status-invisibile: 116,127,141;
+ --status-picker-radius: 4px;
+}
+
+.submenu-1apzyU[aria-activedescendant*=account-status-picker] {
+ min-width: 224px;
+ border-radius: var(--status-picker-radius);
+ box-shadow: var(--elevation-high);
+}
+.submenu-1apzyU[aria-activedescendant*=account-status-picker] .scroller-1bVxF5 {
+ display: grid;
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+ padding: 0;
+}
+.submenu-1apzyU[aria-activedescendant*=account-status-picker] .scroller-1bVxF5::-webkit-scrollbar {
+ width: 0 !important;
+}
+.submenu-1apzyU[aria-activedescendant*=account-status-picker] .item-1OdjEX {
+ position: relative;
+ width: unset;
+ height: 68px;
+ margin: 0;
+ border-radius: 0;
+ font-size: 0;
+ overflow: hidden;
+ animation: status var(--default-time) var(--default-animation) backwards;
+ animation-delay: var(--status-animation-delay);
+}
+.submenu-1apzyU[aria-activedescendant*=account-status-picker] .item-1OdjEX:active {
+ background-color: transparent !important;
+}
+.submenu-1apzyU[aria-activedescendant*=account-status-picker] .item-1OdjEX#account-status-picker--online {
+ --status-color: rgb(var(--status-online));
+ --status-icon-url: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/check_dark.svg);
+ --status-animation-delay: 100ms;
+}
+.submenu-1apzyU[aria-activedescendant*=account-status-picker] .item-1OdjEX#account-status-picker--idle {
+ --status-color: rgb(var(--status-idle));
+ --status-icon-url: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/alarm_dark.svg);
+ --status-animation-delay: 140ms;
+}
+.submenu-1apzyU[aria-activedescendant*=account-status-picker] .item-1OdjEX#account-status-picker--dnd {
+ --status-color: rgb(var(--status-dnd));
+ --status-icon-url: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/remove_dark.svg);
+ --status-animation-delay: 180ms;
+}
+.submenu-1apzyU[aria-activedescendant*=account-status-picker] .item-1OdjEX#account-status-picker--invisible {
+ --status-color: rgb(var(--status-invisibile));
+ --status-icon-url: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/visibility_off_dark.svg);
+ --status-animation-delay: 220ms;
+}
+.submenu-1apzyU[aria-activedescendant*=account-status-picker] .item-1OdjEX .statusItem-2a1giL {
+ position: absolute;
+ display: block;
+ width: 34px;
+ height: 34px;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ margin: auto;
+ padding: 0;
+ background-color: var(--status-color);
+ background-size: 100%;
+ background-position: center;
+ border-radius: var(--status-icon-radius);
+ transition: var(--default-time) var(--default-animation);
+}
+.submenu-1apzyU[aria-activedescendant*=account-status-picker] .item-1OdjEX .statusItem-2a1giL .description-22_U3B {
+ display: none;
+}
+.submenu-1apzyU[aria-activedescendant*=account-status-picker] .item-1OdjEX .status-2DiCMd {
+ background-image: var(--status-icon-url);
+}
+.submenu-1apzyU[aria-activedescendant*=account-status-picker] .item-1OdjEX:hover .statusItem-2a1giL {
+ transform: scale(1.325);
+}
+.submenu-1apzyU[aria-activedescendant*=account-status-picker] .item-1OdjEX:hover .status-2DiCMd {
+ opacity: 0.65;
+}
+.submenu-1apzyU[aria-activedescendant*=account-status-picker] .item-1OdjEX.focused-3qFvc8 {
+ background-color: transparent;
+}
+.submenu-1apzyU[aria-activedescendant*=account-status-picker] .item-1OdjEX .icon-OgaO6F {
+ position: absolute;
+ width: 20px;
+ height: 20px;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ margin: auto;
+}
+.submenu-1apzyU[aria-activedescendant*=account-status-picker] .item-1OdjEX .status-2DiCMd {
+ display: block;
+ position: absolute;
+ width: inherit;
+ height: inherit;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ margin: auto;
+ background-color: transparent !important;
+ background-size: cover;
+ background-position: center;
+ background-repeat: no-repeat;
+ opacity: 0;
+ transition: var(--default-time) var(--default-animation);
+ font-size: 0;
+}
+.submenu-1apzyU[aria-activedescendant*=account-status-picker] .separator-1So4YB {
+ display: none;
+}
+
+@keyframes status {
+ from {
+ transform: scale(0);
+ opacity: 0;
+ }
+}
diff --git a/other/themes/Material-Discord/css/beta.css b/other/themes/Material-Discord/css/beta.css
new file mode 100644
index 0000000..3e69b0d
--- /dev/null
+++ b/other/themes/Material-Discord/css/beta.css
@@ -0,0 +1,44 @@
+/*
+ *
+ * MATERIAL YOU
+ *
+ */
+
+@import url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/css/addons/material-you/source.css);
+
+/*
+ *
+ * CHANNEL PANELS
+ *
+ */
+.container-1NXEtd: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-3wFtMD {
+ border-radius: var(--popout-radius-big);
+ overflow: hidden;
+}
+.panels-3wFtMD:before {
+ display: none;
+}
+
+.container-6sXIoE,
+.container-1zzFcN,
+.activityPanel-9icbyU,
+.listeningAlong-6YvYsc {
+ margin-bottom: 2px;
+ border-radius: 4px;
+}
+
+.container-YkUktl {
+ border-radius: 4px;
+}
diff --git a/other/themes/Material-Discord/css/fonts/google-sans.css b/other/themes/Material-Discord/css/fonts/google-sans.css
new file mode 100644
index 0000000..01c9e86
--- /dev/null
+++ b/other/themes/Material-Discord/css/fonts/google-sans.css
@@ -0,0 +1,237 @@
+/*
+ *
+ * FONTS
+ *
+ */
+
+/* FONTS -> GOOGLE SANS */
+
+/* FONTS -> GOOGLE SANS -> 400 */
+
+@font-face {
+ font-family: 'Google Sans';
+ font-style: normal;
+ font-weight: 400;
+ font-display: swap;
+ src: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Regular-cyrillic.woff2) format('woff2');
+ unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+@font-face {
+ font-family: 'Google Sans';
+ font-style: normal;
+ font-weight: 400;
+ font-display: swap;
+ src: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Regular-greek.woff2) format('woff2');
+ unicode-range: U+0370-03FF;
+}
+
+@font-face {
+ font-family: 'Google Sans';
+ font-style: normal;
+ font-weight: 400;
+ font-display: swap;
+ src: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Regular-latinext.woff2) format('woff2');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+ font-family: 'Google Sans';
+ font-style: normal;
+ font-weight: 400;
+ font-display: swap;
+ src: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Regular-latin.woff2) format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* FONTS -> GOOGLE SANS -> 500 */
+
+@font-face {
+ font-family: 'Google Sans';
+ font-style: normal;
+ font-weight: 500;
+ font-display: swap;
+ src: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Medium-cyrillic.woff2) format('woff2');
+ unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+@font-face {
+ font-family: 'Google Sans';
+ font-style: normal;
+ font-weight: 500;
+ font-display: swap;
+ src: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Medium-greek.woff2) format('woff2');
+ unicode-range: U+0370-03FF;
+}
+
+@font-face {
+ font-family: 'Google Sans';
+ font-style: normal;
+ font-weight: 500;
+ font-display: swap;
+ src: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Medium-latinext.woff2) format('woff2');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+ font-family: 'Google Sans';
+ font-style: normal;
+ font-weight: 500;
+ font-display: swap;
+ src: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Medium-latin.woff2) format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* FONTS -> GOOGLE SANS -> 700 */
+
+@font-face {
+ font-family: 'Google Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-display: swap;
+ src: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Bold-cyrillic.woff2) format('woff2');
+ unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+@font-face {
+ font-family: 'Google Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-display: swap;
+ src: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Bold-greek.woff2) format('woff2');
+ unicode-range: U+0370-03FF;
+}
+
+@font-face {
+ font-family: 'Google Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-display: swap;
+ src: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Bold-latinext.woff2) format('woff2');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+ font-family: 'Google Sans';
+ font-style: normal;
+ font-weight: 700;
+ font-display: swap;
+ src: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Bold-latin.woff2) format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* FONTS -> GOOGLE SANS -> ITALIC */
+
+/* FONTS -> GOOGLE SANS -> ITALIC -> 400 */
+
+@font-face {
+ font-family: 'Google Sans';
+ font-style: italic;
+ font-weight: 400;
+ font-display: swap;
+ src: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-RegularItalic-cyrillic.woff2) format('woff2');
+ unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+@font-face {
+ font-family: 'Google Sans';
+ font-style: italic;
+ font-weight: 400;
+ font-display: swap;
+ src: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-RegularItalic-greek.woff2) format('woff2');
+ unicode-range: U+0370-03FF;
+}
+
+@font-face {
+ font-family: 'Google Sans';
+ font-style: italic;
+ font-weight: 400;
+ font-display: swap;
+ src: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-RegularItalic-latinext.woff2) format('woff2');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+ font-family: 'Google Sans';
+ font-style: italic;
+ font-weight: 400;
+ font-display: swap;
+ src: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-RegularItalic-latin.woff2) format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* FONTS -> GOOGLE SANS -> ITALIC -> 500 */
+
+@font-face {
+ font-family: 'Google Sans';
+ font-style: italic;
+ font-weight: 500;
+ font-display: swap;
+ src: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-MediumItalic-cyrillic.woff2) format('woff2');
+ unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+@font-face {
+ font-family: 'Google Sans';
+ font-style: italic;
+ font-weight: 500;
+ font-display: swap;
+ src: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-MediumItalic-greek.woff2) format('woff2');
+ unicode-range: U+0370-03FF;
+}
+
+@font-face {
+ font-family: 'Google Sans';
+ font-style: italic;
+ font-weight: 500;
+ font-display: swap;
+ src: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-MediumItalic-latinext.woff2) format('woff2');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+ font-family: 'Google Sans';
+ font-style: italic;
+ font-weight: 500;
+ font-display: swap;
+ src: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-MediumItalic-latin.woff2) format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* FONTS -> GOOGLE SANS -> ITALIC -> 700 */
+
+@font-face {
+ font-family: 'Google Sans';
+ font-style: italic;
+ font-weight: 700;
+ font-display: swap;
+ src: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-BoldItalic-cyrillic.woff2) format('woff2');
+ unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+@font-face {
+ font-family: 'Google Sans';
+ font-style: italic;
+ font-weight: 700;
+ font-display: swap;
+ src: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-BoldItalic-greek.woff2) format('woff2');
+ unicode-range: U+0370-03FF;
+}
+
+@font-face {
+ font-family: 'Google Sans';
+ font-style: italic;
+ font-weight: 700;
+ font-display: swap;
+ src: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-BoldItalic-latinext.woff2) format('woff2');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+ font-family: 'Google Sans';
+ font-style: italic;
+ font-weight: 700;
+ font-display: swap;
+ src: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-BoldItalic-latin.woff2) format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
diff --git a/other/themes/Material-Discord/css/fonts/product-sans.css b/other/themes/Material-Discord/css/fonts/product-sans.css
new file mode 100644
index 0000000..84956c7
--- /dev/null
+++ b/other/themes/Material-Discord/css/fonts/product-sans.css
@@ -0,0 +1,176 @@
+/* FONTS -> PRODUCT SANS */
+/* FONTS -> PRODUCT SANS -> 400 */
+
+/* latin */
+@font-face {
+ font-family: 'Product Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Product Sans Regular'), local('ProductSans-Regular'), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/ProductSans-Regular-latin.woff2) format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* greek */
+@font-face {
+ font-family: 'Product Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Product Sans Regular'), local('ProductSans-Regular'), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/ProductSans-Regular-greek.woff2) format('woff2');
+ unicode-range: U+0370-03FF;
+}
+
+/* latin-ext */
+@font-face {
+ font-family: 'Product Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Product Sans Regular'), local('ProductSans-Regular'), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/ProductSans-Regular-latinext.woff2) format('woff2');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* FONTS -> PRODUCT SANS -> 500 */
+
+/* latin */
+@font-face {
+ font-family: 'Product Sans';
+ font-style: normal;
+ font-weight: 500;
+ src: local('Product Sans Medium'), local('ProductSans-Medium'), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/ProductSans-Medium-latin.woff2) format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* greek */
+@font-face {
+ font-family: 'Product Sans';
+ font-style: normal;
+ font-weight: 500;
+ src: local('Product Sans Medium'), local('ProductSans-Medium'), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/ProductSans-Medium-greek.woff2) format('woff2');
+ unicode-range: U+0370-03FF;
+}
+
+/* latin-ext */
+@font-face {
+ font-family: 'Product Sans';
+ font-style: normal;
+ font-weight: 500;
+ src: local('Product Sans Medium'), local('ProductSans-Medium'), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/ProductSans-Medium-latinext.woff2) format('woff2');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* FONTS -> PRODUCT SANS -> 700 */
+
+/* latin */
+@font-face {
+ font-family: 'Product Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Product Sans Bold'), local('ProductSans-Bold'), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/ProductSans-Bold-latin.woff2) format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* greek */
+@font-face {
+ font-family: 'Product Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Product Sans Bold'), local('ProductSans-Bold'), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/ProductSans-Bold-greek.woff2) format('woff2');
+ unicode-range: U+0370-03FF;
+}
+
+/* latin-ext */
+@font-face {
+ font-family: 'Product Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Product Sans Bold'), local('ProductSans-Bold'), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/ProductSans-Bold-latinext.woff2) format('woff2');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* FONTS -> PRODUCT SANS -> ITALIC */
+
+/* FONTS -> PRODUCT SANS -> ITALIC -> 400 */
+
+/* latin */
+@font-face {
+ font-family: 'Product Sans';
+ font-style: italic;
+ font-weight: 400;
+ src: local('Product Sans Italic'), local('ProductSans-Italic'), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/ProductSans-RegularItalic-latin.woff2) format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* greek */
+@font-face {
+ font-family: 'Product Sans';
+ font-style: italic;
+ font-weight: 400;
+ src: local('Product Sans Italic'), local('ProductSans-Italic'), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/ProductSans-RegularItalic-greek.woff2) format('woff2');
+ unicode-range: U+0370-03FF;
+}
+
+/* latin-ext */
+@font-face {
+ font-family: 'Product Sans';
+ font-style: italic;
+ font-weight: 400;
+ src: local('Product Sans Italic'), local('ProductSans-Italic'), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/ProductSans-RegularItalic-latinext.woff2) format('woff2');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* FONTS -> PRODUCT SANS -> ITALIC -> 500 */
+
+/* latin */
+@font-face {
+ font-family: 'Product Sans';
+ font-style: italic;
+ font-weight: 500;
+ src: local('Product Sans Medium Italic'), local('ProductSans-MediumItalic'), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/ProductSans-MediumItalic-latin.woff2) format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* greek */
+@font-face {
+ font-family: 'Product Sans';
+ font-style: italic;
+ font-weight: 500;
+ src: local('Product Sans Medium Italic'), local('ProductSans-MediumItalic'), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/ProductSans-MediumItalic-greek.woff2) format('woff2');
+ unicode-range: U+0370-03FF;
+}
+
+/* latin-ext */
+@font-face {
+ font-family: 'Product Sans';
+ font-style: italic;
+ font-weight: 500;
+ src: local('Product Sans Medium Italic'), local('ProductSans-MediumItalic'), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/ProductSans-MediumItalic-latinext.woff2) format('woff2');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* FONTS -> PRODUCT SANS -> ITALIC -> 700 */
+
+/* latin */
+@font-face {
+ font-family: 'Product Sans';
+ font-style: italic;
+ font-weight: 700;
+ src: local('Product Sans Bold Italic'), local('ProductSans-BoldItalic'), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/ProductSans-BoldItalic-latin.woff2) format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* greek */
+@font-face {
+ font-family: 'Product Sans';
+ font-style: italic;
+ font-weight: 700;
+ src: local('Product Sans Bold Italic'), local('ProductSans-BoldItalic'), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/ProductSans-BoldItalic-greek.woff2) format('woff2');
+ unicode-range: U+0370-03FF;
+}
+
+/* latin-ext */
+@font-face {
+ font-family: 'Product Sans';
+ font-style: italic;
+ font-weight: 700;
+ src: local('Product Sans Bold Italic'), local('ProductSans-BoldItalic'), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/ProductSans-BoldItalic-latinext.woff2) format('woff2');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
\ No newline at end of file
diff --git a/other/themes/Material-Discord/css/icons.css b/other/themes/Material-Discord/css/icons.css
new file mode 100644
index 0000000..140135a
--- /dev/null
+++ b/other/themes/Material-Discord/css/icons.css
@@ -0,0 +1,1332 @@
+/*
+ *
+ * CHANNEL ICONS
+ *
+ */
+/* CHANNEL ICONS -> FRIENDS */
+path[d="M13 10a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z"] {
+ d: path("M13.07 10.41A5 5 0 0 0 13.07 4.59A3.39 3.39 0 0 1 15 4A3.5 3.5 0 0 1 15 11A3.39 3.39 0 0 1 13.07 10.41M5.5 7.5A3.5 3.5 0 1 1 9 11A3.5 3.5 0 0 1 5.5 7.5M7.5 7.5A1.5 1.5 0 1 0 9 6A1.5 1.5 0 0 0 7.5 7.5M16 17V19H2V17S2 13 9 13 16 17 16 17M14 17C13.86 16.22 12.67 15 9 15S4.07 16.31 4 17M15.95 13A5.32 5.32 0 0 1 18 17V19H22V17S22 13.37 15.94 13Z");
+}
+path[d="M13 10a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z"] ~ path {
+ display: none;
+}
+
+/* CHANNEL ICONS -> LIBRARY */
+path[d="M6.69 2A3 3 0 0 0 3.7 4.67l-.33 3A3 3 0 0 0 6.35 11H7V9a1 1 0 1 1 2 0v2h6V9a1 1 0 1 1 2 0v2h.65a3.05 3.05 0 0 0 .9-.14 3 3 0 0 0 2.08-3.2l-.33-3A3 3 0 0 0 17.32 2H6.69Z"] {
+ d: path("M21,6H3A2,2 0 0,0 1,8V16A2,2 0 0,0 3,18H21A2,2 0 0,0 23,16V8A2,2 0 0,0 21,6M21,16H3V8H21M6,15H8V13H10V11H8V9H6V11H4V13H6M14.5,12A1.5,1.5 0 0,1 16,13.5A1.5,1.5 0 0,1 14.5,15A1.5,1.5 0 0,1 13,13.5A1.5,1.5 0 0,1 14.5,12M18.5,9A1.5,1.5 0 0,1 20,10.5A1.5,1.5 0 0,1 18.5,12A1.5,1.5 0 0,1 17,10.5A1.5,1.5 0 0,1 18.5,9Z");
+}
+path[d="M6.69 2A3 3 0 0 0 3.7 4.67l-.33 3A3 3 0 0 0 6.35 11H7V9a1 1 0 1 1 2 0v2h6V9a1 1 0 1 1 2 0v2h.65a3.05 3.05 0 0 0 .9-.14 3 3 0 0 0 2.08-3.2l-.33-3A3 3 0 0 0 17.32 2H6.69Z"] ~ path {
+ display: none;
+}
+
+/* CHANNEL ICONS -> MESSAGE REQUESTS */
+path[d="M1.16 5.02c-.1.28.04.58.29.74l10.27 6.85a.5.5 0 0 0 .56 0l10.27-6.85c.25-.16.38-.46.29-.74A3 3 0 0 0 20 3H4a3 3 0 0 0-2.84 2.02Z"] {
+ d: path("M22 6C22 4.9 21.1 4 20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6M20 6L12 11L4 6H20M20 18H4V8L12 13L20 8V18Z");
+}
+path[d="M1.16 5.02c-.1.28.04.58.29.74l10.27 6.85a.5.5 0 0 0 .56 0l10.27-6.85c.25-.16.38-.46.29-.74A3 3 0 0 0 20 3H4a3 3 0 0 0-2.84 2.02Z"] ~ path {
+ display: none;
+}
+
+/* CHANNEL ICONS -> SHOP */
+path[d="M2.63 4.19A3 3 0 0 1 5.53 2H7a1 1 0 0 1 1 1v3.98a3.07 3.07 0 0 1-.3 1.35A2.97 2.97 0 0 1 4.98 10c-2 0-3.44-1.9-2.9-3.83l.55-1.98ZM10 2a1 1 0 0 0-1 1v4a3 3 0 0 0 3 3 3 3 0 0 0 3-2.97V3a1 1 0 0 0-1-1h-4ZM17 2a1 1 0 0 0-1 1v3.98a3.65 3.65 0 0 0 0 .05A2.95 2.95 0 0 0 19.02 10c2 0 3.44-1.9 2.9-3.83l-.55-1.98A3 3 0 0 0 18.47 2H17Z"] {
+ d: path("M19 6H17C17 3.2 14.8 1 12 1S7 3.2 7 6H5C3.9 6 3 6.9 3 8V20C3 21.1 3.9 22 5 22H19C20.1 22 21 21.1 21 20V8C21 6.9 20.1 6 19 6M12 3C13.7 3 15 4.3 15 6H9C9 4.3 10.3 3 12 3M19 20H5V8H19V20M12 12C10.3 12 9 10.7 9 9H7C7 11.8 9.2 14 12 14S17 11.8 17 9H15C15 10.7 13.7 12 12 12Z");
+}
+path[d="M2.63 4.19A3 3 0 0 1 5.53 2H7a1 1 0 0 1 1 1v3.98a3.07 3.07 0 0 1-.3 1.35A2.97 2.97 0 0 1 4.98 10c-2 0-3.44-1.9-2.9-3.83l.55-1.98ZM10 2a1 1 0 0 0-1 1v4a3 3 0 0 0 3 3 3 3 0 0 0 3-2.97V3a1 1 0 0 0-1-1h-4ZM17 2a1 1 0 0 0-1 1v3.98a3.65 3.65 0 0 0 0 .05A2.95 2.95 0 0 0 19.02 10c2 0 3.44-1.9 2.9-3.83l-.55-1.98A3 3 0 0 0 18.47 2H17Z"] ~ path {
+ display: none;
+}
+
+/* CHANNEL ICONS -> EVENTS */
+path[d="M7 1a1 1 0 0 1 1 1v.75c0 .14.11.25.25.25h7.5c.14 0 .25-.11.25-.25V2a1 1 0 1 1 2 0v.75c0 .14.11.25.25.25H19a3 3 0 0 1 3 3 1 1 0 0 1-1 1H3a1 1 0 0 1-1-1 3 3 0 0 1 3-3h.75c.14 0 .25-.11.25-.25V2a1 1 0 0 1 1-1Z"] {
+ 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");
+}
+path[d="M7 1a1 1 0 0 1 1 1v.75c0 .14.11.25.25.25h7.5c.14 0 .25-.11.25-.25V2a1 1 0 1 1 2 0v.75c0 .14.11.25.25.25H19a3 3 0 0 1 3 3 1 1 0 0 1-1 1H3a1 1 0 0 1-1-1 3 3 0 0 1 3-3h.75c.14 0 .25-.11.25-.25V2a1 1 0 0 1 1-1Z"] ~ path {
+ display: none;
+}
+
+/* CHANNEL ICONS -> SERVER SHOP */
+path[d="M13.6698 8.91016C14.5646 10.1567 16.3407 10.3342 17.4866 9.44283C17.4957 9.46624 17.5008 9.49191 17.5008 9.51916V15.8337C17.5008 17.2144 16.3815 18.3337 15.0008 18.3337H12.7092C12.5941 18.3337 12.5008 18.2404 12.5008 18.1253V13.3337C12.5008 12.4132 11.7547 11.667 10.8342 11.667H9.16748C8.24699 11.667 7.5008 12.4132 7.5008 13.3337V18.1253C7.5008 18.2404 7.40753 18.3337 7.29247 18.3337H5.0008C3.62009 18.3337 2.5008 17.2144 2.5008 15.8337V9.51916C2.5008 9.36341 2.66628 9.26158 2.81091 9.31949C3.23542 9.48933 3.70172 9.58366 4.19593 9.58366C5.27336 9.58366 6.24385 9.12583 6.92345 8.39408C7.0135 8.29708 7.17004 8.29679 7.26039 8.39349C7.94479 9.12583 8.91932 9.58366 10.0008 9.58366C11.0823 9.58366 12.0568 9.12583 12.7412 8.39349C12.8316 8.29679 12.9882 8.29708 13.0782 8.39408C13.2565 8.58599 13.4548 8.75916 13.6698 8.91016ZM11.7497 6.67891C9.42957 5.8204 9.4179 2.5511 11.7147 1.6683C11.699 1.66743 11.6833 1.66699 11.6675 1.66699H8.33415C7.87391 1.66699 7.50082 2.04009 7.50082 2.50033V5.83366C7.50082 5.87681 7.50191 5.9197 7.50407 5.96231C7.52181 6.31232 7.61153 6.64333 7.75873 6.94085C7.77282 6.96931 7.78743 6.99747 7.80255 7.02531C8.2259 7.80462 9.05157 8.33366 10.0008 8.33366C10.984 8.33366 11.8346 7.76614 12.2429 6.94084L12.2543 6.91751C12.2613 6.90286 12.2682 6.88812 12.2751 6.87331L11.7497 6.67891ZM15.8231 8.3336C15.4338 8.32949 15.0467 8.10931 14.8853 7.67305L14.4606 6.52524C14.2917 6.06904 13.9321 5.70936 13.4759 5.54055L13.3342 5.4881V2.84588L13.4759 2.79343C13.9321 2.62463 14.2917 2.26494 14.4606 1.80874L14.5131 1.66699H15.2462C16.3397 1.66699 17.3062 2.37762 17.6324 3.42131L18.1647 5.12491C18.2057 5.25598 18.2352 5.38724 18.254 5.51775L18.1924 5.54055C17.7361 5.70936 17.3765 6.06904 17.2077 6.52524L16.783 7.67305C16.627 8.09458 16.2603 8.31438 15.8847 8.33245C15.8642 8.33308 15.8437 8.33346 15.8231 8.3336ZM12.5008 3.15424V5.17974L12.3281 5.11583C11.4472 4.78989 11.4472 3.54409 12.3281 3.21816L12.5008 3.15424ZM4.75546 1.66699C3.662 1.66699 2.69541 2.37762 2.36926 3.4213L1.83688 5.12491C1.52876 6.11092 1.8679 7.1068 2.56708 7.72187C2.99643 8.09957 3.56156 8.33366 4.19593 8.33366C5.13437 8.33366 5.95065 7.81064 6.36917 7.04019C6.38619 7.00888 6.40255 6.97714 6.41823 6.94502C6.57788 6.618 6.66748 6.25052 6.66748 5.86211V2.50033C6.66748 2.04009 6.29438 1.66699 5.83415 1.66699H4.75546Z"] {
+ d: path("M19 6H17C17 3.2 14.8 1 12 1S7 3.2 7 6H5C3.9 6 3 6.9 3 8V20C3 21.1 3.9 22 5 22H19C20.1 22 21 21.1 21 20V8C21 6.9 20.1 6 19 6M12 3C13.7 3 15 4.3 15 6H9C9 4.3 10.3 3 12 3M19 20H5V8H19V20M12 12C10.3 12 9 10.7 9 9H7C7 11.8 9.2 14 12 14S17 11.8 17 9H15C15 10.7 13.7 12 12 12Z");
+ transform: scale(0.825);
+}
+path[d="M13.6698 8.91016C14.5646 10.1567 16.3407 10.3342 17.4866 9.44283C17.4957 9.46624 17.5008 9.49191 17.5008 9.51916V15.8337C17.5008 17.2144 16.3815 18.3337 15.0008 18.3337H12.7092C12.5941 18.3337 12.5008 18.2404 12.5008 18.1253V13.3337C12.5008 12.4132 11.7547 11.667 10.8342 11.667H9.16748C8.24699 11.667 7.5008 12.4132 7.5008 13.3337V18.1253C7.5008 18.2404 7.40753 18.3337 7.29247 18.3337H5.0008C3.62009 18.3337 2.5008 17.2144 2.5008 15.8337V9.51916C2.5008 9.36341 2.66628 9.26158 2.81091 9.31949C3.23542 9.48933 3.70172 9.58366 4.19593 9.58366C5.27336 9.58366 6.24385 9.12583 6.92345 8.39408C7.0135 8.29708 7.17004 8.29679 7.26039 8.39349C7.94479 9.12583 8.91932 9.58366 10.0008 9.58366C11.0823 9.58366 12.0568 9.12583 12.7412 8.39349C12.8316 8.29679 12.9882 8.29708 13.0782 8.39408C13.2565 8.58599 13.4548 8.75916 13.6698 8.91016ZM11.7497 6.67891C9.42957 5.8204 9.4179 2.5511 11.7147 1.6683C11.699 1.66743 11.6833 1.66699 11.6675 1.66699H8.33415C7.87391 1.66699 7.50082 2.04009 7.50082 2.50033V5.83366C7.50082 5.87681 7.50191 5.9197 7.50407 5.96231C7.52181 6.31232 7.61153 6.64333 7.75873 6.94085C7.77282 6.96931 7.78743 6.99747 7.80255 7.02531C8.2259 7.80462 9.05157 8.33366 10.0008 8.33366C10.984 8.33366 11.8346 7.76614 12.2429 6.94084L12.2543 6.91751C12.2613 6.90286 12.2682 6.88812 12.2751 6.87331L11.7497 6.67891ZM15.8231 8.3336C15.4338 8.32949 15.0467 8.10931 14.8853 7.67305L14.4606 6.52524C14.2917 6.06904 13.9321 5.70936 13.4759 5.54055L13.3342 5.4881V2.84588L13.4759 2.79343C13.9321 2.62463 14.2917 2.26494 14.4606 1.80874L14.5131 1.66699H15.2462C16.3397 1.66699 17.3062 2.37762 17.6324 3.42131L18.1647 5.12491C18.2057 5.25598 18.2352 5.38724 18.254 5.51775L18.1924 5.54055C17.7361 5.70936 17.3765 6.06904 17.2077 6.52524L16.783 7.67305C16.627 8.09458 16.2603 8.31438 15.8847 8.33245C15.8642 8.33308 15.8437 8.33346 15.8231 8.3336ZM12.5008 3.15424V5.17974L12.3281 5.11583C11.4472 4.78989 11.4472 3.54409 12.3281 3.21816L12.5008 3.15424ZM4.75546 1.66699C3.662 1.66699 2.69541 2.37762 2.36926 3.4213L1.83688 5.12491C1.52876 6.11092 1.8679 7.1068 2.56708 7.72187C2.99643 8.09957 3.56156 8.33366 4.19593 8.33366C5.13437 8.33366 5.95065 7.81064 6.36917 7.04019C6.38619 7.00888 6.40255 6.97714 6.41823 6.94502C6.57788 6.618 6.66748 6.25052 6.66748 5.86211V2.50033C6.66748 2.04009 6.29438 1.66699 5.83415 1.66699H4.75546Z"] ~ path {
+ display: none;
+}
+
+/* CHANNEL ICONS -> ACTIVE THREADS */
+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("M4 4h16v12H5.17L4 17.17V4m0-2c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2H4zm2 10h8v2H6v-2zm0-3h12v2H6V9zm0-3h12v2H6V6z");
+}
+
+/* CHANNEL ICONS -> FORUM */
+path[d="M18.91 12.98a5.45 5.45 0 0 1 2.18 6.2c-.1.33-.09.68.1.96l.83 1.32a1 1 0 0 1-.84 1.54h-5.5A5.6 5.6 0 0 1 10 17.5a5.6 5.6 0 0 1 5.68-5.5c1.2 0 2.32.36 3.23.98Z"] {
+ d: path("M15,4V11H5.17L4,12.17V4H15M16,2H3A1,1 0 0,0 2,3V17L6,13H16A1,1 0 0,0 17,12V3A1,1 0 0,0 16,2M21,6H19V15H6V17A1,1 0 0,0 7,18H18L22,22V7A1,1 0 0,0 21,6Z");
+}
+path[d="M18.91 12.98a5.45 5.45 0 0 1 2.18 6.2c-.1.33-.09.68.1.96l.83 1.32a1 1 0 0 1-.84 1.54h-5.5A5.6 5.6 0 0 1 10 17.5a5.6 5.6 0 0 1 5.68-5.5c1.2 0 2.32.36 3.23.98Z"] ~ path {
+ display: none;
+}
+
+/* CHANNEL ICONS -> FORUM LOCKED */
+path[d="M13.58 3.23c.24-.33.16-.86-.24-.96C12.59 2.1 11.8 2 11 2c-4.97 0-9 3.58-9 8 0 1.5.47 2.91 1.28 4.11.14.21.12.49-.06.67l-1.51 1.51A1 1 0 0 0 2.4 18h5.1a.5.5 0 0 0 .49-.5c0-3.17 2-5.82 4.77-6.94.29-.11.43-.45.34-.75A3 3 0 0 1 13 9V5c0-.66.22-1.28.58-1.77ZM18.91 12.98a5.45 5.45 0 0 1 2.18 6.2c-.1.33-.09.68.1.96l.83 1.32a1 1 0 0 1-.84 1.54h-5.5A5.6 5.6 0 0 1 10 17.5a5.6 5.6 0 0 1 5.68-5.5c1.2 0 2.32.36 3.23.98Z"] {
+ d: path("m15,9.48v.52c0,.55-.45,1-1,1H4L0,15V1C0,.45.45,0,1,0h10.27v2H2v8.17l1.17-1.17h8.1v.42s1.72.05,3.73.05Zm2,0v3.52H4v2c0,.55.45,1,1,1h11l4,4v-10.54c-.79,0-1.87.01-3,.02Z");
+ transform: translate(2px, 2px);
+}
+path[d="M13.58 3.23c.24-.33.16-.86-.24-.96C12.59 2.1 11.8 2 11 2c-4.97 0-9 3.58-9 8 0 1.5.47 2.91 1.28 4.11.14.21.12.49-.06.67l-1.51 1.51A1 1 0 0 0 2.4 18h5.1a.5.5 0 0 0 .49-.5c0-3.17 2-5.82 4.77-6.94.29-.11.43-.45.34-.75A3 3 0 0 1 13 9V5c0-.66.22-1.28.58-1.77ZM18.91 12.98a5.45 5.45 0 0 1 2.18 6.2c-.1.33-.09.68.1.96l.83 1.32a1 1 0 0 1-.84 1.54h-5.5A5.6 5.6 0 0 1 10 17.5a5.6 5.6 0 0 1 5.68-5.5c1.2 0 2.32.36 3.23.98Z"] ~ path {
+ display: none;
+}
+
+/* CHANNEL ICONS -> FORUM NSFW */
+path[d="M14.8 3.34a.48.48 0 0 0-.24-.69A9.94 9.94 0 0 0 11 2c-4.97 0-9 3.58-9 8 0 1.5.47 2.91 1.28 4.11.14.21.12.49-.06.67l-1.51 1.51A1 1 0 0 0 2.4 18h5.1a.5.5 0 0 0 .49-.5c0-2.86 1.62-5.3 3.97-6.56.28-.15.38-.51.25-.8a2.87 2.87 0 0 1 .18-2.61l2.4-4.19ZM18.91 12.98a5.45 5.45 0 0 1 2.18 6.2c-.1.33-.09.68.1.96l.83 1.32a1 1 0 0 1-.84 1.54h-5.5A5.6 5.6 0 0 1 10 17.5a5.6 5.6 0 0 1 5.68-5.5c1.2 0 2.32.36 3.23.98Z"] {
+ d: path("m15,9.48v.52c0,.55-.45,1-1,1H4L0,15V1C0,.45.45,0,1,0h10.27v2H2v8.17l1.17-1.17h8.1v.42s1.72.05,3.73.05Zm2,0v3.52H4v2c0,.55.45,1,1,1h11l4,4v-10.54c-.79,0-1.87.01-3,.02Z");
+ transform: translate(2px, 2px);
+}
+
+/* CHANNEL ICONS -> VOICE CHANNEL */
+path[d="M12 3a1 1 0 0 0-1-1h-.06a1 1 0 0 0-.74.32L5.92 7H3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h2.92l4.28 4.68a1 1 0 0 0 .74.32H11a1 1 0 0 0 1-1V3ZM15.1 20.75c-.58.14-1.1-.33-1.1-.92v-.03c0-.5.37-.92.85-1.05a7 7 0 0 0 0-13.5A1.11 1.11 0 0 1 14 4.2v-.03c0-.6.52-1.06 1.1-.92a9 9 0 0 1 0 17.5Z"] {
+ d: path("M3 9v6h4l5 5V4L7 9H3zm7-.17v6.34L7.83 13H5v-2h2.83L10 8.83zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77z");
+}
+path[d="M12 3a1 1 0 0 0-1-1h-.06a1 1 0 0 0-.74.32L5.92 7H3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h2.92l4.28 4.68a1 1 0 0 0 .74.32H11a1 1 0 0 0 1-1V3ZM15.1 20.75c-.58.14-1.1-.33-1.1-.92v-.03c0-.5.37-.92.85-1.05a7 7 0 0 0 0-13.5A1.11 1.11 0 0 1 14 4.2v-.03c0-.6.52-1.06 1.1-.92a9 9 0 0 1 0 17.5Z"] ~ path {
+ display: none;
+}
+
+/* CHANNEL ICONS -> VOICE CHANNEL LOCKED */
+path[d="M11 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1h-.06a1 1 0 0 1-.74-.32L5.92 17H3a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h2.92l4.28-4.68a1 1 0 0 1 .74-.32H11ZM20.5 12c-.28 0-.5.22-.52.5a7 7 0 0 1-5.13 6.25c-.48.13-.85.55-.85 1.05v.03c0 .6.52 1.06 1.1.92a9 9 0 0 0 6.89-8.25.48.48 0 0 0-.49-.5h-1ZM16.5 12c-.28 0-.5.23-.54.5a3 3 0 0 1-1.33 2.02c-.35.23-.63.6-.63 1.02v.14c0 .63.59 1.1 1.16.83a5 5 0 0 0 2.82-4.01c.02-.28-.2-.5-.48-.5h-1Z"] {
+ d: path("m11,7.85c.58.01,1.48.02,2.49.02,0,.04,0,.09,0,.13,0,1.77-1.02,3.29-2.5,4.02v-4.17Zm-7-2.85L9,0v16l-5-5H0v-6h4Zm.83,2h-2.83v2h2.83l2.17,2.17v-6.34l-2.17,2.17Zm11.16.87s.01.09.01.13c0,3.17-2.11,5.85-5,6.71v2.06c4.01-.91,7-4.49,7-8.77,0-.05,0-.09,0-.14-.61,0-1.3,0-2,0Z");
+ transform: translate(3px, 4px);
+}
+path[d="M11 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1h-.06a1 1 0 0 1-.74-.32L5.92 17H3a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h2.92l4.28-4.68a1 1 0 0 1 .74-.32H11ZM20.5 12c-.28 0-.5.22-.52.5a7 7 0 0 1-5.13 6.25c-.48.13-.85.55-.85 1.05v.03c0 .6.52 1.06 1.1.92a9 9 0 0 0 6.89-8.25.48.48 0 0 0-.49-.5h-1ZM16.5 12c-.28 0-.5.23-.54.5a3 3 0 0 1-1.33 2.02c-.35.23-.63.6-.63 1.02v.14c0 .63.59 1.1 1.16.83a5 5 0 0 0 2.82-4.01c.02-.28-.2-.5-.48-.5h-1Z"] ~ path {
+ display: none;
+}
+
+/* CHANNEL ICONS -> MEDIA CHANNEL */
+path[d="M2 5a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V5Zm13.35 8.13 3.5 4.67c.37.5.02 1.2-.6 1.2H5.81a.75.75 0 0 1-.59-1.22l1.86-2.32a1.5 1.5 0 0 1 2.34 0l.5.64 2.23-2.97a2 2 0 0 1 3.2 0ZM10.2 5.98c.23-.91-.88-1.55-1.55-.9a.93.93 0 0 1-1.3 0c-.67-.65-1.78-.01-1.55.9a.93.93 0 0 1-.65 1.12c-.9.26-.9 1.54 0 1.8.48.14.77.63.65 1.12-.23.91.88 1.55 1.55.9a.93.93 0 0 1 1.3 0c.67.65 1.78.01 1.55-.9a.93.93 0 0 1 .65-1.12c.9-.26.9-1.54 0-1.8a.93.93 0 0 1-.65-1.12Z"] {
+ d: path("M19,19H5V5H19M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M13.96,12.29L11.21,15.83L9.25,13.47L6.5,17H17.5L13.96,12.29Z");
+}
+
+/* CHANNEL ICONS -> MEDIA CHANNEL LOCKED */
+path[d="M2 5a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v9.15a4.48 4.48 0 0 0-5.93-.06l-.72-.96a2 2 0 0 0-3.2 0L9.93 16.1l-.5-.64a1.5 1.5 0 0 0-2.35 0l-1.86 2.32A.75.75 0 0 0 5.81 19H13v3H5a3 3 0 0 1-3-3V5Zm8.2.98c.23-.91-.88-1.55-1.55-.9a.93.93 0 0 1-1.3 0c-.67-.65-1.78-.01-1.55.9a.93.93 0 0 1-.65 1.12c-.9.26-.9 1.54 0 1.8.48.14.77.63.65 1.12-.23.91.88 1.55 1.55.9a.93.93 0 0 1 1.3 0c.67.65 1.78.01 1.55-.9a.93.93 0 0 1 .65-1.12c.9-.26.9-1.54 0-1.8a.93.93 0 0 1-.65-1.12Z"] {
+ d: path("m9.33,18H2c-1.1,0-2-.9-2-2V2C0,.9.9,0,2,0h14c1.1,0,2,.9,2,2v6.71c-.58,0-1.27,0-2-.01V2H2v14h7.33v2Zm-3.08-7.53l-2.75,3.53h5.83v-2.61l-1.12,1.44-1.96-2.36Z");
+ transform: translate(3px, 3px);
+}
+
+/* CHANNEL ICONS -> ANNOUNCEMENTS */
+path[d="M19.56 2a3 3 0 0 0-2.46 1.28 3.85 3.85 0 0 1-1.86 1.42l-8.9 3.18a.5.5 0 0 0-.34.47v10.09a3 3 0 0 0 2.27 2.9l.62.16c1.57.4 3.15-.56 3.55-2.12a.92.92 0 0 1 1.23-.63l2.36.94c.42.27.79.62 1.07 1.03A3 3 0 0 0 19.56 22h.94c.83 0 1.5-.67 1.5-1.5v-17c0-.83-.67-1.5-1.5-1.5h-.94Zm-8.53 15.8L8 16.7v1.73a1 1 0 0 0 .76.97l.62.15c.5.13 1-.17 1.12-.67.1-.41.29-.78.53-1.1Z"] {
+ d: path("M12,8H4A2,2 0 0,0 2,10V14A2,2 0 0,0 4,16H5V20A1,1 0 0,0 6,21H8A1,1 0 0,0 9,20V16H12L17,20V4L12,8M15,15.6L13,14H4V10H13L15,8.4V15.6M21.5,12C21.5,13.71 20.54,15.26 19,16V8C20.53,8.75 21.5,10.3 21.5,12Z");
+}
+path[d="M19.56 2a3 3 0 0 0-2.46 1.28 3.85 3.85 0 0 1-1.86 1.42l-8.9 3.18a.5.5 0 0 0-.34.47v10.09a3 3 0 0 0 2.27 2.9l.62.16c1.57.4 3.15-.56 3.55-2.12a.92.92 0 0 1 1.23-.63l2.36.94c.42.27.79.62 1.07 1.03A3 3 0 0 0 19.56 22h.94c.83 0 1.5-.67 1.5-1.5v-17c0-.83-.67-1.5-1.5-1.5h-.94Zm-8.53 15.8L8 16.7v1.73a1 1 0 0 0 .76.97l.62.15c.5.13 1-.17 1.12-.67.1-.41.29-.78.53-1.1Z"] ~ path {
+ display: none;
+}
+
+path[d="M12.33 5.74a.5.5 0 0 1 .67.47V9a3 3 0 0 0 3 3h5.5c.28 0 .5.22.5.5v8c0 .83-.67 1.5-1.5 1.5h-.94a3 3 0 0 1-2.46-1.28 3.86 3.86 0 0 0-1.07-1.03l-2.36-.94a.92.92 0 0 0-1.23.63 2.92 2.92 0 0 1-3.55 2.12l-.62-.15A3 3 0 0 1 6 18.44V8.35c0-.2.13-.4.33-.47l6-2.14Zm-1.3 12.06L8 16.7v1.73a1 1 0 0 0 .76.97l.62.15c.5.13 1-.17 1.12-.67.1-.41.29-.78.53-1.1Z"] {
+ d: path("m15,4.03v7.97l-5-4h-3v4c0,.55-.45,1-1,1h-2c-.55,0-1-.45-1-1v-4h-1c-1.1,0-2-.9-2-2V2C0,.9.9,0,2,0h7.97v2H2v4h9l2,1.6v-3.57c.63,0,1.32,0,2,0Zm2,0v3.97c1.54-.74,2.5-2.29,2.5-4-.52.01-1.44.02-2.5.03Z");
+ transform: translate(3px, 8px);
+}
+path[d="M12.33 5.74a.5.5 0 0 1 .67.47V9a3 3 0 0 0 3 3h5.5c.28 0 .5.22.5.5v8c0 .83-.67 1.5-1.5 1.5h-.94a3 3 0 0 1-2.46-1.28 3.86 3.86 0 0 0-1.07-1.03l-2.36-.94a.92.92 0 0 0-1.23.63 2.92 2.92 0 0 1-3.55 2.12l-.62-.15A3 3 0 0 1 6 18.44V8.35c0-.2.13-.4.33-.47l6-2.14Zm-1.3 12.06L8 16.7v1.73a1 1 0 0 0 .76.97l.62.15c.5.13 1-.17 1.12-.67.1-.41.29-.78.53-1.1Z"] ~ path {
+ display: none;
+}
+
+/* CHANNEL ICONS -> RULES */
+path[d="M15 2a3 3 0 0 1 3 3v12H5.5a1.5 1.5 0 0 0 0 3h14a.5.5 0 0 0 .5-.5V5h1a1 1 0 0 1 1 1v15a1 1 0 0 1-1 1H5a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h10Zm-.3 5.7a1 1 0 0 0-1.4-1.4L9 10.58l-2.3-2.3a1 1 0 0 0-1.4 1.42l3 3a1 1 0 0 0 1.4 0l5-5Z"] {
+ d: path("M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M7,7H17V5H19V19H5V5H7V7M7.5,13.5L9,12L11,14L15.5,9.5L17,11L11,17L7.5,13.5Z");
+}
+
+/* CHANNEL ICONS -> BIG LOCK */
+path[d="M6 9h1V6a5 5 0 0 1 10 0v3h1a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3v-8a3 3 0 0 1 3-3Zm9-3v3H9V6a3 3 0 1 1 6 0Zm-1 8a2 2 0 0 1-1 1.73V18a1 1 0 1 1-2 0v-2.27A2 2 0 1 1 14 14Z"] {
+ d: path("M12,17C10.89,17 10,16.1 10,15C10,13.89 10.89,13 12,13A2,2 0 0,1 14,15A2,2 0 0,1 12,17M18,20V10H6V20H18M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V10C4,8.89 4.89,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z");
+}
+
+/* CHANNEL ICONS -> SMALL LOCK */
+path[d="M16 4h.5v-.5a2.5 2.5 0 0 1 5 0V4h.5a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1Zm4-.5V4h-2v-.5a1 1 0 1 1 2 0Z"],
+path[d="M16.5 18H16a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-.5v-.5a2.5 2.5 0 0 0-5 0v.5Zm3.5 0v-.5a1 1 0 1 0-2 0v.5h2Z"],
+path[d="M16 18h.5v-.5a2.5 2.5 0 0 1 5 0v.5h.5a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1Zm4-.5v.5h-2v-.5a1 1 0 1 1 2 0Z"] {
+ fill: var(--interactive-hover);
+}
+
+/* CHANNEL ICONS -> NSFW */
+path[d="M18.09 1.63c.4-.7 1.43-.7 1.82 0l3.96 6.9c.38.66-.12 1.47-.91 1.47h-7.92c-.79 0-1.3-.81-.91-1.48l3.96-6.9Zm.46 1.87h.9c.3 0 .52.26.5.55l-.22 2.02c-.01.16-.17.26-.33.23a1.92 1.92 0 0 0-.8 0c-.16.03-.32-.07-.33-.23l-.21-2.02a.5.5 0 0 1 .5-.55ZM19 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"] {
+ fill: var(--interactive-hover);
+}
+
+/*
+ *
+ * CONTEXT MENU ICONS
+ *
+ */
+.menu_d90b3d #message-edit.item_d90b3d .icon_d90b3d path {
+ d: path("M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM5.92 19H5v-.92l9.06-9.06.92.92L5.92 19zM20.71 5.63l-2.34-2.34c-.2-.2-.45-.29-.71-.29s-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41z");
+}
+.menu_d90b3d #message-pin.item_d90b3d .icon_d90b3d path {
+ d: path("M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12M8.8,14L10,12.8V4H14V12.8L15.2,14H8.8Z");
+}
+.menu_d90b3d #message-reply.item_d90b3d .icon_d90b3d path {
+ d: path("M8,9.8V10.7L9.7,11C12.3,11.4 14.2,12.4 15.6,13.7C13.9,13.2 12.1,12.9 10,12.9H8V14.2L5.8,12L8,9.8M10,5L3,12L10,19V14.9C15,14.9 18.5,16.5 21,20C20,15 17,10 10,9");
+}
+.menu_d90b3d #message-thread.item_d90b3d .icon_d90b3d path {
+ d: path("M5.41,21L6.12,17H2.12L2.47,15H6.47L7.53,9H3.53L3.88,7H7.88L8.59,3H10.59L9.88,7H15.88L16.59,3H18.59L17.88,7H21.88L21.53,9H17.53L16.47,15H20.47L20.12,17H16.12L15.41,21H13.41L14.12,17H8.12L7.41,21H5.41M9.53,9L8.47,15H14.47L15.53,9H9.53Z");
+}
+.menu_d90b3d #message-copy-text.item_d90b3d .icon_d90b3d path {
+ d: path("M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z");
+}
+.menu_d90b3d #message-mark-unread.item_d90b3d .icon_d90b3d path {
+ d: path("M2,5.27L3.28,4L20,20.72L18.73,22L15.65,18.92C14.5,19.3 13.28,19.5 12,19.5C7,19.5 2.73,16.39 1,12C1.69,10.24 2.79,8.69 4.19,7.46L2,5.27M12,9A3,3 0 0,1 15,12C15,12.35 14.94,12.69 14.83,13L11,9.17C11.31,9.06 11.65,9 12,9M12,4.5C17,4.5 21.27,7.61 23,12C22.18,14.08 20.79,15.88 19,17.19L17.58,15.76C18.94,14.82 20.06,13.54 20.82,12C19.17,8.64 15.76,6.5 12,6.5C10.91,6.5 9.84,6.68 8.84,7L7.3,5.47C8.74,4.85 10.33,4.5 12,4.5M3.18,12C4.83,15.36 8.24,17.5 12,17.5C12.69,17.5 13.37,17.43 14,17.29L11.72,15C10.29,14.85 9.15,13.71 9,12.28L5.6,8.87C4.61,9.72 3.78,10.78 3.18,12Z");
+}
+.menu_d90b3d #message-reactions.item_d90b3d .icon_d90b3d 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");
+}
+.menu_d90b3d #message-copy-link.item_d90b3d .icon_d90b3d path {
+ d: path("M17 7h-4v2h4c1.65 0 3 1.35 3 3s-1.35 3-3 3h-4v2h4c2.76 0 5-2.24 5-5s-2.24-5-5-5zm-6 8H7c-1.65 0-3-1.35-3-3s1.35-3 3-3h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-2zm-3-4h8v2H8z");
+}
+.menu_d90b3d #message-tts.item_d90b3d .icon_d90b3d path {
+ d: path("M9 13c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm0 8c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4zm-6 4c.22-.72 3.31-2 6-2 2.7 0 5.8 1.29 6 2H3zM15.08 7.05c.84 1.18.84 2.71 0 3.89l1.68 1.69c2.02-2.02 2.02-5.07 0-7.27l-1.68 1.69zM20.07 2l-1.63 1.63c2.77 3.02 2.77 7.56 0 10.74L20.07 16c3.9-3.89 3.91-9.95 0-14z");
+}
+.menu_d90b3d #message-delete.item_d90b3d .icon_d90b3d path {
+ d: path("M16 9v10H8V9h8m-1.5-6h-5l-1 1H5v2h14V4h-3.5l-1-1zM18 7H6v12c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7z");
+}
+.menu_d90b3d #message-report.item_d90b3d .icon_d90b3d path {
+ d: path("M12.36,6L12.76,8H18V14H14.64L14.24,12H7V6H12.36M14,4H5V21H7V14H12.6L13,16H20V6H14.4");
+}
+.menu_d90b3d #message-actions-add-reaction-0--other-reactions.item_d90b3d .icon_d90b3d 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");
+}
+.menu_d90b3d [id*=user-context-][role=menuitem].item_d90b3d, .menu_d90b3d [id*=guild-context-].item_d90b3d, .menu_d90b3d [id*=channel-context-].item_d90b3d, .menu_d90b3d [id*=gdm-context-].item_d90b3d, .menu_d90b3d [id*=-image].item_d90b3d, .menu_d90b3d [id*=-native-link].item_d90b3d, .menu_d90b3d [id*=thread-context-].item_d90b3d, .menu_d90b3d [id*=text-context-].item_d90b3d, .menu_d90b3d [id*=user-settings-cog-].item_d90b3d, .menu_d90b3d [id*=user-profile-actions-].item_d90b3d, .menu_d90b3d #manage-streams-report-stream-problem.item_d90b3d, .menu_d90b3d #clips-context-clips-settings.item_d90b3d, .menu_d90b3d #message-favorite.item_d90b3d, .menu_d90b3d #message-unfavorite.item_d90b3d, .menu_d90b3d #message-search-google.item_d90b3d, .menu_d90b3d #message-remove-reactions.item_d90b3d, .menu_d90b3d #message-remove-emoji-reactions.item_d90b3d, .menu_d90b3d #message-actions-remove-reactions.item_d90b3d, .menu_d90b3d #textarea-context-add-to-dictionary.item_d90b3d, .menu_d90b3d #textarea-context-languages.item_d90b3d {
+ display: flex;
+}
+.menu_d90b3d [id*=user-context-][role=menuitem].item_d90b3d:after, .menu_d90b3d [id*=guild-context-].item_d90b3d:after, .menu_d90b3d [id*=channel-context-].item_d90b3d:after, .menu_d90b3d [id*=gdm-context-].item_d90b3d:after, .menu_d90b3d [id*=-image].item_d90b3d:after, .menu_d90b3d [id*=-native-link].item_d90b3d:after, .menu_d90b3d [id*=thread-context-].item_d90b3d:after, .menu_d90b3d [id*=text-context-].item_d90b3d:after, .menu_d90b3d [id*=user-settings-cog-].item_d90b3d:after, .menu_d90b3d [id*=user-profile-actions-].item_d90b3d:after, .menu_d90b3d #manage-streams-report-stream-problem.item_d90b3d:after, .menu_d90b3d #clips-context-clips-settings.item_d90b3d:after, .menu_d90b3d #message-favorite.item_d90b3d:after, .menu_d90b3d #message-unfavorite.item_d90b3d:after, .menu_d90b3d #message-search-google.item_d90b3d:after, .menu_d90b3d #message-remove-reactions.item_d90b3d:after, .menu_d90b3d #message-remove-emoji-reactions.item_d90b3d:after, .menu_d90b3d #message-actions-remove-reactions.item_d90b3d:after, .menu_d90b3d #textarea-context-add-to-dictionary.item_d90b3d:after, .menu_d90b3d #textarea-context-languages.item_d90b3d:after {
+ position: relative;
+ content: " ";
+ width: 18px;
+ height: 18px;
+ margin-right: 12px;
+ background-color: currentColor;
+ -webkit-mask-repeat: no-repeat;
+}
+.menu_d90b3d #user-settings-cog-Accessibility--input.item_d90b3d, .menu_d90b3d #user-settings-cog-Voice___Video--input.item_d90b3d, .menu_d90b3d #user-settings-cog-Voice___Video--output.item_d90b3d, .menu_d90b3d #user-settings-cog-Experiments--experiments-search.item_d90b3d {
+ display: block;
+}
+.menu_d90b3d [aria-haspopup=true].item_d90b3d:after, .menu_d90b3d [role=menuitemcheckbox].item_d90b3d:after, .menu_d90b3d [id*=devmode-copy-id].item_d90b3d:after, .menu_d90b3d [id*=channel-context-transfer-xbox].item_d90b3d:after, .menu_d90b3d [id*=channel-context-transfer-playstation].item_d90b3d:after, .menu_d90b3d [id=channel-context-0].item_d90b3d:after, .menu_d90b3d [id=channel-context-1].item_d90b3d:after, .menu_d90b3d [id=channel-context-2].item_d90b3d:after, .menu_d90b3d [id=channel-context-3].item_d90b3d:after, .menu_d90b3d #user-context-user-volume.item_d90b3d:after, .menu_d90b3d #user-context-report-event.item_d90b3d:after, .menu_d90b3d #user-context-vc-copy-user-url.item_d90b3d:after, .menu_d90b3d #guild-context-hide-muted-channels.item_d90b3d:after, .menu_d90b3d #thread-context-search.item_d90b3d:after, .menu_d90b3d #thread-context-pins.item_d90b3d:after {
+ display: none;
+}
+.menu_d90b3d #user-context-user-volume.item_d90b3d {
+ display: block;
+}
+.menu_d90b3d #account-edit-custom-status.item_d90b3d {
+ flex-direction: row;
+}
+.menu_d90b3d #account-edit-custom-status.item_d90b3d .iconContainerLeft_d90b3d {
+ margin-left: 0;
+ margin-right: 12px;
+}
+.menu_d90b3d #gdm-context-change-icon.item_d90b3d {
+ min-height: 36px;
+}
+.menu_d90b3d #gdm-context-change-icon.item_d90b3d .labelContainer_d90b3d, .menu_d90b3d #gdm-context-change-icon.item_d90b3d:after {
+ position: absolute;
+}
+.menu_d90b3d #gdm-context-change-icon.item_d90b3d .labelContainer_d90b3d {
+ left: 42px;
+}
+.menu_d90b3d #gdm-context-change-icon.item_d90b3d:after {
+ left: 12px;
+}
+.menu_d90b3d [id].item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/settings.svg);
+}
+.menu_d90b3d #user-context-mark-channel-read.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/visibility.svg);
+}
+.menu_d90b3d #user-context-user-profile.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/person.svg);
+}
+.menu_d90b3d #user-context-mention.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/mention.svg);
+}
+.menu_d90b3d #user-context-message-user.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/chat_bubble.svg);
+}
+.menu_d90b3d #user-context-call.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/call.svg);
+}
+.menu_d90b3d #user-context-ring.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/notifications_active.svg);
+}
+.menu_d90b3d #user-context-stop-ringing.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/notifications_off.svg);
+}
+.menu_d90b3d #user-context-note.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/edit.svg);
+}
+.menu_d90b3d #user-context-Permissions.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/lock_open.svg);
+}
+.menu_d90b3d #user-context-add-friend-nickname.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/add_circle.svg);
+}
+.menu_d90b3d #user-context-edit-friend-nickname.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/edit.svg);
+}
+.menu_d90b3d #user-context-remove.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/remove_circle.svg);
+}
+.menu_d90b3d #user-context-make-dm-owner.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/crown.svg);
+}
+.menu_d90b3d #user-context-join.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/add_circle.svg);
+}
+.menu_d90b3d #user-context-add-friend.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/person_add.svg);
+}
+.menu_d90b3d #user-context-remove-friend.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/person_remove.svg);
+}
+.menu_d90b3d #user-context-manage-integration.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/settings.svg);
+}
+.menu_d90b3d #user-context-block.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/block.svg);
+}
+.menu_d90b3d #user-context-unmute-channel.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/volume_up.svg);
+}
+.menu_d90b3d #user-context-change-video-background.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/videocam.svg);
+}
+.menu_d90b3d #user-context-focus-video.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/center_focus.svg);
+}
+.menu_d90b3d #user-context-change-nickname.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/edit.svg);
+}
+.menu_d90b3d #user-context-timeout.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/timer.svg);
+}
+.menu_d90b3d #user-context-removetimeout.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/timer_off.svg);
+}
+.menu_d90b3d #user-context-kick.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/remove_circle.svg);
+}
+.menu_d90b3d #user-context-ban.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/hammer.svg);
+}
+.menu_d90b3d #user-context-close-dm.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/cancel.svg);
+}
+.menu_d90b3d #user-context-voice-disconnect.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/power_off.svg);
+}
+.menu_d90b3d #user-context-transfer-ownership.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/transfer.svg);
+}
+.menu_d90b3d #user-context-pin-dm.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/pin.svg);
+}
+.menu_d90b3d #gdm-context-instant-invites.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/person_add.svg);
+}
+.menu_d90b3d #gdm-context-mark-channel-read.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/visibility.svg);
+}
+.menu_d90b3d #gdm-context-favorite-channel.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/favorite.svg);
+}
+.menu_d90b3d #gdm-context-set-channel-nickname.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/edit.svg);
+}
+.menu_d90b3d #gdm-context-change-icon.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/edit.svg);
+}
+.menu_d90b3d #gdm-context-remove-icon.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/remove_circle.svg);
+}
+.menu_d90b3d #gdm-context-unmute-channel.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/volume_up.svg);
+}
+.menu_d90b3d #gdm-context-leave-channel.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/logout.svg);
+}
+.menu_d90b3d #message-favorite.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/favorite.svg);
+}
+.menu_d90b3d #message-unfavorite.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/unfavorite.svg);
+}
+.menu_d90b3d #message-search-google.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/search.svg);
+}
+.menu_d90b3d #message-remove-reactions.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/remove_circle.svg);
+}
+.menu_d90b3d #message-copy-image.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/content_copy.svg);
+}
+.menu_d90b3d #message-save-image.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/save.svg);
+}
+.menu_d90b3d #message-copy-native-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-open-native-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-actions-remove-reactions.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/remove_circle.svg);
+}
+.menu_d90b3d #text-context-search-google.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/search.svg);
+}
+.menu_d90b3d #text-context-copy.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/content_copy.svg);
+}
+.menu_d90b3d #thread-context-mark-channel-read.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/visibility.svg);
+}
+.menu_d90b3d #thread-context-channel-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 #thread-context-unarchive-thread.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/unarchive.svg);
+}
+.menu_d90b3d #thread-context-delete-channel.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/delete.svg);
+}
+.menu_d90b3d #thread-context-leave-thread.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/message-minus.svg);
+}
+.menu_d90b3d #thread-context-edit-thread.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/edit.svg);
+}
+.menu_d90b3d #thread-context-pin-thread.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/pin.svg);
+}
+.menu_d90b3d #thread-context-unpin-thread.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/pin.svg);
+}
+.menu_d90b3d #thread-context-archive-thread.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/archive.svg);
+}
+.menu_d90b3d #thread-context-archive-lock-thread.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/lock.svg);
+}
+.menu_d90b3d #thread-context-lock-thread.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/lock.svg);
+}
+.menu_d90b3d #thread-context-join-thread.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/message-check.svg);
+}
+.menu_d90b3d #thread-context-open.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/open_in_new.svg);
+}
+.menu_d90b3d #thread-context-mute-disabled.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/volume_up.svg);
+}
+.menu_d90b3d #thread-context-notifications-disabled.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/notifications.svg);
+}
+.menu_d90b3d #image-context-copy-image.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/content_copy.svg);
+}
+.menu_d90b3d #image-context-save-image.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/save.svg);
+}
+.menu_d90b3d #image-context-copy-native-link.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/content_copy.svg);
+}
+.menu_d90b3d #image-context-open-native-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 #image-context-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 #image-context-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 #image-context-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 #textarea-context-add-to-dictionary.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/library_add.svg);
+}
+.menu_d90b3d #textarea-context-languages.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/translate.svg);
+}
+.menu_d90b3d #guild-context-mark-guild-read.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/visibility.svg);
+}
+.menu_d90b3d #guild-context-Permissions.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/lock_open.svg);
+}
+.menu_d90b3d #guild-context-guild-profile.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/badge.svg);
+}
+.menu_d90b3d #guild-context-invite-people.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/person_add.svg);
+}
+.menu_d90b3d #guild-context-unmute-guild.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/volume_off.svg);
+}
+.menu_d90b3d #guild-context-privacy.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/security.svg);
+}
+.menu_d90b3d #guild-context-change-nickname.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/edit.svg);
+}
+.menu_d90b3d #guild-context-leave-guild.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/logout.svg);
+}
+.menu_d90b3d #guild-context-create-channel.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/add_circle.svg);
+}
+.menu_d90b3d #guild-context-create-category.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/list_add.svg);
+}
+.menu_d90b3d #guild-context-create-event.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/event.svg);
+}
+.menu_d90b3d #guild-context-mark-folder-read.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/visibility.svg);
+}
+.menu_d90b3d #guild-context-folder-settings.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/settings.svg);
+}
+.menu_d90b3d #guild-context-folder-collapse.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/cancel.svg);
+}
+.menu_d90b3d #guild-context-join.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/person_add.svg);
+}
+.menu_d90b3d #guild-context-create.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/add_circle.svg);
+}
+.menu_d90b3d #guild-context-server-lockdown.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/shield_lock_open.svg);
+}
+.menu_d90b3d #channel-context-mark-channel-read.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/visibility.svg);
+}
+.menu_d90b3d #channel-context-Permissions.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/lock_open.svg);
+}
+.menu_d90b3d #channel-context-unmute-channel.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/volume_off.svg);
+}
+.menu_d90b3d #channel-context-open-chat.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/open_in_new.svg);
+}
+.menu_d90b3d #channel-context-edit-channel.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/edit.svg);
+}
+.menu_d90b3d #channel-context-collapse-all-categories.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/collapse.svg);
+}
+.menu_d90b3d #channel-context-invite-people.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/person_add.svg);
+}
+.menu_d90b3d #channel-context-opt-in-favorite-channel.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/favorite.svg);
+}
+.menu_d90b3d #channel-context-opt-into-channel.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/remove_circle.svg);
+}
+.menu_d90b3d #channel-context-opt-out-category.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/message-minus.svg);
+}
+.menu_d90b3d #channel-context-clone-channel.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/content_copy.svg);
+}
+.menu_d90b3d #channel-context-create-text-channel.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/add_circle.svg);
+}
+.menu_d90b3d #channel-context-create-voice-channel.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/add_circle.svg);
+}
+.menu_d90b3d #channel-context-channel-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 #channel-context-copy-channel-topic.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/content_copy.svg);
+}
+.menu_d90b3d #channel-context-delete-channel.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/delete.svg);
+}
+.menu_d90b3d #channel-context-favorite-channel.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/favorite.svg);
+}
+.menu_d90b3d #channel-context-go-to-original-guild.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/open_in_new.svg);
+}
+.menu_d90b3d #channel-context-set-channel-nickname.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/edit.svg);
+}
+.menu_d90b3d #user-profile-actions-user-remove.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/person_remove.svg);
+}
+.menu_d90b3d #user-profile-actions-user-block.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/block.svg);
+}
+.menu_d90b3d #user-profile-actions-user-message.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/chat_bubble.svg);
+}
+.menu_d90b3d #manage-streams-report-stream-problem.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/alert.svg);
+}
+.menu_d90b3d #clips-context-clips-settings.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/settings.svg);
+}
+.menu_d90b3d #user-settings-cog-My_Account.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/settings.svg);
+}
+.menu_d90b3d #user-settings-cog-Profile_Customization.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/edit.svg);
+}
+.menu_d90b3d #user-settings-cog-Privacy___Safety.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/security.svg);
+}
+.menu_d90b3d #user-settings-cog-Family_Center.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/shield_account.svg);
+}
+.menu_d90b3d #user-settings-cog-Authorized_Apps.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/apps.svg);
+}
+.menu_d90b3d #user-settings-cog-Sessions.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/devices.svg);
+}
+.menu_d90b3d #user-settings-cog-Passport.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/link.svg);
+}
+.menu_d90b3d #user-settings-cog-Connections.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/link.svg);
+}
+.menu_d90b3d #user-settings-cog-Friend_Requests.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/person_add.svg);
+}
+.menu_d90b3d #user-settings-cog-Discord_Nitro.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/nitro.svg);
+}
+.menu_d90b3d #user-settings-cog-Nitro_Server_Boost.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/server_boost.svg);
+}
+.menu_d90b3d #user-settings-cog-Subscriptions.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/subscription.svg);
+}
+.menu_d90b3d #user-settings-cog-Library_Inventory.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/gift.svg);
+}
+.menu_d90b3d #user-settings-cog-Billing.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/payment.svg);
+}
+.menu_d90b3d #user-settings-cog-Text___Images.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/keyboard.svg);
+}
+.menu_d90b3d #user-settings-cog-Notifications.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/notifications.svg);
+}
+.menu_d90b3d #user-settings-cog-Keybinds.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/space_bar.svg);
+}
+.menu_d90b3d #user-settings-cog-Language.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/translate.svg);
+}
+.menu_d90b3d #user-settings-cog-Windows.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/windows.svg);
+}
+.menu_d90b3d #user-settings-cog-Linux.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/linux.svg);
+}
+.menu_d90b3d #user-settings-cog-Advanced.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/integrations.svg);
+}
+.menu_d90b3d #user-settings-cog-Activity_Privacy.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/verified_user.svg);
+}
+.menu_d90b3d #user-settings-cog-Game_Activity.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/gamepad.svg);
+}
+.menu_d90b3d #user-settings-cog-Overlay.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/picture_in_picture.svg);
+}
+.menu_d90b3d #user-settings-cog-changelog.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/list.svg);
+}
+.menu_d90b3d #user-settings-cog-merchandise.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/storefront.svg);
+}
+.menu_d90b3d #user-settings-cog-Hypesquad_Online.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/hypesquad.svg);
+}
+.menu_d90b3d #user-settings-cog-Developer_Options.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/settings.svg);
+}
+.menu_d90b3d #user-settings-cog-Hotspot_Options.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/settings.svg);
+}
+.menu_d90b3d #user-settings-cog-Dismissible_Content_Options.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/settings.svg);
+}
+.menu_d90b3d #user-settings-cog-Payment_Flow_Modals.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/settings.svg);
+}
+.menu_d90b3d #user-settings-cog-VencordPlugins.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/plugins.svg);
+}
+.menu_d90b3d #user-settings-cog-VencordThemes.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/themes.svg);
+}
+.menu_d90b3d #user-settings-cog-VencordUpdater.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/update.svg);
+}
+.menu_d90b3d #user-settings-cog-VencordCloud.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/cloud.svg);
+}
+.menu_d90b3d #user-settings-cog-VencordSettingsSync.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/cloud_refresh.svg);
+}
+.menu_d90b3d [id="user-context-Start Event"].item_d90b3d:after {
+ background-color: currentColor;
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/play.svg);
+ -webkit-mask-repeat: no-repeat;
+}
+.menu_d90b3d [id="user-context-Edit Event"].item_d90b3d:after {
+ background-color: currentColor;
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/edit.svg);
+ -webkit-mask-repeat: no-repeat;
+}
+.menu_d90b3d [id="user-context-Cancel Event"].item_d90b3d:after {
+ background-color: currentColor;
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/remove_circle.svg);
+ -webkit-mask-repeat: no-repeat;
+}
+.menu_d90b3d [id="user-context-Copy Event Link"].item_d90b3d:after {
+ background-color: currentColor;
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/content_copy.svg);
+ -webkit-mask-repeat: no-repeat;
+}
+.menu_d90b3d [id*=user-context-spotify-play].item_d90b3d:after {
+ background-color: currentColor;
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/spotify.svg);
+ -webkit-mask-repeat: no-repeat;
+}
+.menu_d90b3d [id*=user-context-spotify-sync].item_d90b3d:after {
+ background-color: currentColor;
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/listen_along.svg);
+ -webkit-mask-repeat: no-repeat;
+}
+.menu_d90b3d #message-copy.item_d90b3d .hintContainer_d90b3d, .menu_d90b3d [id*=textarea-context-].item_d90b3d .hintContainer_d90b3d {
+ width: 18px;
+ height: 18px;
+ margin-left: 0;
+ margin-right: 12px;
+ font-size: 0;
+}
+.menu_d90b3d #message-copy.item_d90b3d .hintContainer_d90b3d {
+ background-color: currentColor;
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/content_copy.svg);
+ -webkit-mask-repeat: no-repeat;
+}
+.menu_d90b3d #textarea-context-copy.item_d90b3d .hintContainer_d90b3d {
+ background-color: currentColor;
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/content_copy.svg);
+ -webkit-mask-repeat: no-repeat;
+}
+.menu_d90b3d #textarea-context-cut.item_d90b3d .hintContainer_d90b3d {
+ background-color: currentColor;
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/content_cut.svg);
+ -webkit-mask-repeat: no-repeat;
+}
+.menu_d90b3d #textarea-context-paste.item_d90b3d .hintContainer_d90b3d {
+ background-color: currentColor;
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/paste.svg);
+ -webkit-mask-repeat: no-repeat;
+}
+.menu_d90b3d [aria-haspopup=true].item_d90b3d {
+ flex-direction: row;
+}
+.menu_d90b3d [aria-haspopup=true].item_d90b3d:before {
+ display: block;
+ position: relative;
+ content: " ";
+ width: 18px;
+ height: 18px;
+ margin-right: 12px;
+ background-color: currentColor;
+ -webkit-mask-repeat: no-repeat;
+}
+.menu_d90b3d [aria-haspopup=true]#status-picker-switch-account.item_d90b3d:before, .menu_d90b3d [aria-haspopup=true]#account-status-picker.item_d90b3d:before, .menu_d90b3d [aria-haspopup=true]#account-switch-account.item_d90b3d:before {
+ display: none;
+}
+.menu_d90b3d [aria-haspopup=true][id].item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/settings.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#user-context-apps.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/apps.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#user-context-favorite-channel.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/favorite.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#user-context-invite-to-server.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/add_circle.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#user-context-roles.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/person.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#user-context-voice-move.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/move.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#user-context-mute-channel.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/volume_off.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#gdm-context-favorite-channel.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/favorite.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#gdm-context-mute-channel.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/volume_up.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#message-add-reaction.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/emoji.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#message-add-reaction-0.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/emoji.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#message-add-reaction-1.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/burst_reaction.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#message-apps.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/apps.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#message-actions-apps.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/apps.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#message-guild-feed-feature.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/feature.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#message-guild-automod-add-selection.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/filter.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#message-copy-message.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/content_copy.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#message-actions-remove-emoji-reactions.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/remove_circle.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#message-remove-emoji-reactions.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/remove_circle.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#message-actions-add-reaction-0.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/emoji.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#message-actions-add-reaction-1.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/burst_reaction.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#message-actions-guild-feed-feature.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/feature.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#image-context-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 [aria-haspopup=true]#image-context-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 [aria-haspopup=true]#thread-context-mute-channel.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/volume_up.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#thread-context-thread-notifications.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/notifications.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#thread-context-edit-tags.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/edit.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#thread-context-auto-archive-thread.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/archive.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#thread-context-guild-feed-feature.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/feature.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#textarea-context-suggestions.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/lightbulb.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#guild-context-mute-guild.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/volume_up.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#guild-context-guild-notifications.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/notifications.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#guild-context-guild-settings.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/settings.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#guild-context-ChannelTabs.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/folder.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#channel-context-mute-channel.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/volume_up.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#channel-context-channel-notifications.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/notifications.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#channel-context-favorite-channel.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/favorite.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#user-settings-cog-Appearance.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/chat.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#user-settings-cog-Accessibility.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/accessibility.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#user-settings-cog-Voice___Video.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/mic.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#user-settings-cog-Text___Images.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/keyboard.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#user-settings-cog-Streamer_Mode.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/live_tv.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#user-settings-cog-Experiments.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/settings.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#manage-streams-stream-settings.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/settings.svg);
+}
+.menu_d90b3d [aria-haspopup=true]#clips-context-clips-duration.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/width.svg);
+}
+.menu_d90b3d [aria-haspopup=true][id="user-context-Add to Calendar"].item_d90b3d:before {
+ background-color: currentColor;
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/add_circle.svg);
+ -webkit-mask-repeat: no-repeat;
+}
+.menu_d90b3d [aria-haspopup=true].item_d90b3d .iconContainer_d90b3d,
+.menu_d90b3d [aria-haspopup=true].item_d90b3d .imageContainer_d90b3d {
+ margin-right: 0;
+ margin-left: 12px;
+}
+.menu_d90b3d .listItems_dcade6 .iconContainer_d90b3d {
+ margin-right: 12px;
+ margin-left: 0;
+}
+.menu_d90b3d #account-status-picker .iconContainerLeft_d90b3d,
+.menu_d90b3d #account-switch-account .iconContainerLeft_d90b3d {
+ margin-right: 12px;
+ margin-left: 0;
+}
+.menu_d90b3d .submenu_d90b3d .item_d90b3d:before {
+ display: none;
+}
+.menu_d90b3d .submenu_d90b3d .item_d90b3d:after {
+ display: none;
+}
+
+/* CONTEXT MENU ICONS -> SERVER OPTIONS */
+#guild-header-popout.menu_d90b3d #guild-header-popout-guild-profile.item_d90b3d path {
+ d: path("M8,9A2,2 0 0,1 10,11A2,2 0 0,1 8,13A2,2 0 0,1 6,11A2,2 0 0,1 8,9M12,17H4V16C4,14.67 6.67,14 8,14C9.33,14 12,14.67 12,16V17M20,8H14V10H20V8M20,12H14V14H20V12M20,16H14V18H20V16M22,4H14V6H22V20H2V6H10V4H2A2,2 0 0,0 0,6V20A2,2 0 0,0 2,22H22A2,2 0 0,0 24,20V6A2,2 0 0,0 22,4M13,6H11V2H13V6Z");
+}
+#guild-header-popout.menu_d90b3d #guild-header-popout-invite-people.item_d90b3d path {
+ d: path("M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm0 8c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4zm-6 4c.22-.72 3.31-2 6-2 2.7 0 5.8 1.29 6 2H9zm-3-3v-3h3v-2H6V7H4v3H1v2h3v3z");
+}
+#guild-header-popout.menu_d90b3d #guild-header-popout-settings.item_d90b3d path {
+ d: path("M19.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.09-.16-.26-.25-.44-.25-.06 0-.12.01-.17.03l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.06-.02-.12-.03-.18-.03-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.09.16.26.25.44.25.06 0 .12-.01.17-.03l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73 0 .21-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z");
+}
+#guild-header-popout.menu_d90b3d #guild-header-popout-insights.item_d90b3d path {
+ d: path("M16,11.78L20.24,4.45L21.97,5.45L16.74,14.5L10.23,10.75L5.46,19H22V21H2V3H4V17.54L9.5,8L16,11.78Z");
+}
+#guild-header-popout.menu_d90b3d #guild-header-popout-create-channel.item_d90b3d path {
+ d: path("M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z");
+}
+#guild-header-popout.menu_d90b3d #guild-header-popout-create-category.item_d90b3d path {
+ d: path("M14 10H2v2h12v-2zm0-4H2v2h12V6zm4 8v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zM2 16h8v-2H2v2z");
+}
+#guild-header-popout.menu_d90b3d #guild-header-popout-create-event.item_d90b3d path {
+ 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");
+}
+#guild-header-popout.menu_d90b3d #guild-header-popout-create-event.item_d90b3d path ~ path {
+ display: none;
+}
+#guild-header-popout.menu_d90b3d #guild-header-popout-active-threads.item_d90b3d path {
+ d: path("M5.41,21L6.12,17H2.12L2.47,15H6.47L7.53,9H3.53L3.88,7H7.88L8.59,3H10.59L9.88,7H15.88L16.59,3H18.59L17.88,7H21.88L21.53,9H17.53L16.47,15H20.47L20.12,17H16.12L15.41,21H13.41L14.12,17H8.12L7.41,21H5.41M9.53,9L8.47,15H14.47L15.53,9H9.53Z");
+}
+#guild-header-popout.menu_d90b3d #guild-header-popout-notifications.item_d90b3d path {
+ 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");
+}
+#guild-header-popout.menu_d90b3d #guild-header-popout-privacy.item_d90b3d path {
+ d: path("M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm7 10c0 4.52-2.98 8.69-7 9.93-4.02-1.24-7-5.41-7-9.93V6.3l7-3.11 7 3.11V11zm-11.59.59L6 13l4 4 8-8-1.41-1.42L10 14.17z");
+}
+#guild-header-popout.menu_d90b3d #guild-header-popout-change-nickname.item_d90b3d path {
+ d: path("M14.06 9.02l.92.92L5.92 19H5v-.92l9.06-9.06M17.66 3c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29zm-3.6 3.19L3 17.25V21h3.75L17.81 9.94l-3.75-3.75z");
+}
+#guild-header-popout.menu_d90b3d #guild-header-popout-server-lockdown.item_d90b3d path {
+ d: path("M12,17C10.89,17 10,16.1 10,15C10,13.89 10.89,13 12,13A2,2 0 0,1 14,15A2,2 0 0,1 12,17M18,20V10H6V20H18M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V10C4,8.89 4.89,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z");
+}
+#guild-header-popout.menu_d90b3d #guild-header-popout-report-raid.item_d90b3d path {
+ d: path("M12,12H19C18.47,16.11 15.72,19.78 12,20.92V12H5V6.3L12,3.19M12,1L3,5V11C3,16.55 6.84,21.73 12,23C17.16,21.73 21,16.55 21,11V5L12,1Z");
+}
+#guild-header-popout.menu_d90b3d #guild-header-popout-leave.item_d90b3d path {
+ d: path("M10.09 15.59L11.5 17l5-5-5-5-1.41 1.41L12.67 11H3v2h9.67l-2.58 2.59zM19 3H5c-1.11 0-2 .9-2 2v4h2V5h14v14H5v-4H3v4c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z");
+}
+
+/*
+ *
+ * GLOBAL ICONS
+ *
+ */
+/* GLOBAL ICONS -> SETTINGS COG */
+path[d="M10.56 1.1c-.46.05-.7.53-.64.98.18 1.16-.19 2.2-.98 2.53-.8.33-1.79-.15-2.49-1.1-.27-.36-.78-.52-1.14-.24-.77.59-1.45 1.27-2.04 2.04-.28.36-.12.87.24 1.14.96.7 1.43 1.7 1.1 2.49-.33.8-1.37 1.16-2.53.98-.45-.07-.93.18-.99.64a11.1 11.1 0 0 0 0 2.88c.06.46.54.7.99.64 1.16-.18 2.2.19 2.53.98.33.8-.14 1.79-1.1 2.49-.36.27-.52.78-.24 1.14.59.77 1.27 1.45 2.04 2.04.36.28.87.12 1.14-.24.7-.95 1.7-1.43 2.49-1.1.8.33 1.16 1.37.98 2.53-.07.45.18.93.64.99a11.1 11.1 0 0 0 2.88 0c.46-.06.7-.54.64-.99-.18-1.16.19-2.2.98-2.53.8-.33 1.79.14 2.49 1.1.27.36.78.52 1.14.24.77-.59 1.45-1.27 2.04-2.04.28-.36.12-.87-.24-1.14-.96-.7-1.43-1.7-1.1-2.49.33-.8 1.37-1.16 2.53-.98.45.07.93-.18.99-.64a11.1 11.1 0 0 0 0-2.88c-.06-.46-.54-.7-.99-.64-1.16.18-2.2-.19-2.53-.98-.33-.8.14-1.79 1.1-2.49.36-.27.52-.78.24-1.14a11.07 11.07 0 0 0-2.04-2.04c-.36-.28-.87-.12-1.14.24-.7.96-1.7 1.43-2.49 1.1-.8-.33-1.16-1.37-.98-2.53.07-.45-.18-.93-.64-.99a11.1 11.1 0 0 0-2.88 0ZM16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"] {
+ d: path("M19.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.09-.16-.26-.25-.44-.25-.06 0-.12.01-.17.03l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.06-.02-.12-.03-.18-.03-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.09.16.26.25.44.25.06 0 .12-.01.17-.03l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73 0 .21-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z");
+}
+
+/* GLOBAL ICONS -> THREAD */
+path[d="M12 2.81a1 1 0 0 1 0-1.41l.36-.36a1 1 0 0 1 1.41 0l9.2 9.2a1 1 0 0 1 0 1.4l-.7.7a1 1 0 0 1-1.3.13l-9.54-6.72a1 1 0 0 1-.08-1.58l1-1L12 2.8ZM12 21.2a1 1 0 0 1 0 1.41l-.35.35a1 1 0 0 1-1.41 0l-9.2-9.19a1 1 0 0 1 0-1.41l.7-.7a1 1 0 0 1 1.3-.12l9.54 6.72a1 1 0 0 1 .07 1.58l-1 1 .35.36ZM15.66 16.8a1 1 0 0 1-1.38.28l-8.49-5.66A1 1 0 1 1 6.9 9.76l8.49 5.65a1 1 0 0 1 .27 1.39ZM17.1 14.25a1 1 0 1 0 1.11-1.66L9.73 6.93a1 1 0 0 0-1.11 1.66l8.49 5.66Z"] {
+ d: path("M5.43309 21C5.35842 21 5.30189 20.9325 5.31494 20.859L5.99991 17H2.14274C2.06819 17 2.01168 16.9327 2.02453 16.8593L2.33253 15.0993C2.34258 15.0419 2.39244 15 2.45074 15H6.34991L7.40991 9H3.55274C3.47819 9 3.42168 8.93274 3.43453 8.85931L3.74253 7.09931C3.75258 7.04189 3.80244 7 3.86074 7H7.75991L8.45234 3.09903C8.46251 3.04174 8.51231 3 8.57049 3H10.3267C10.4014 3 10.4579 3.06746 10.4449 3.14097L9.75991 7H15.7599L16.4523 3.09903C16.4625 3.04174 16.5123 3 16.5705 3H18.3267C18.4014 3 18.4579 3.06746 18.4449 3.14097L17.7599 7H21.6171C21.6916 7 21.7481 7.06725 21.7353 7.14069L21.4273 8.90069C21.4172 8.95811 21.3674 9 21.3091 9H17.4099L17.0495 11.04H15.05L15.4104 9H9.41035L8.35035 15H10.5599V17H7.99991L7.30749 20.901C7.29732 20.9583 7.24752 21 7.18934 21H5.43309Z M13.4399 12.96C12.9097 12.96 12.4799 13.3898 12.4799 13.92V20.2213C12.4799 20.7515 12.9097 21.1813 13.4399 21.1813H14.3999C14.5325 21.1813 14.6399 21.2887 14.6399 21.4213V23.4597C14.6399 23.6677 14.8865 23.7773 15.0408 23.6378L17.4858 21.4289C17.6622 21.2695 17.8916 21.1813 18.1294 21.1813H22.5599C23.0901 21.1813 23.5199 20.7515 23.5199 20.2213V13.92C23.5199 13.3898 23.0901 12.96 22.5599 12.96H13.4399Z");
+}
+
+/* GLOBAL ICONS -> EMOJI */
+path[d="M12 23a11 11 0 1 0 0-22 11 11 0 0 0 0 22ZM6.5 13a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm11 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm-9.8 1.17a1 1 0 0 1 1.39.27 3.5 3.5 0 0 0 5.82 0 1 1 0 0 1 1.66 1.12 5.5 5.5 0 0 1-9.14 0 1 1 0 0 1 .27-1.4Z"] {
+ 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");
+}
+
+/* GLOBAL ICONS -> CHAT */
+path[d="M12 22a10 10 0 1 0-8.45-4.64c.13.19.11.44-.04.61l-2.06 2.37A1 1 0 0 0 2.2 22H12Z"] {
+ d: path("M20 2H4C2.9 2 2 2.9 2 4V22L6 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2M20 16H5.2L4 17.2V4H20V16Z");
+}
+
+/* GLOBAL ICONS -> WEBCAM */
+path[d="M21.526 8.149C21.231 7.966 20.862 7.951 20.553 8.105L18 9.382V7C18 5.897 17.103 5 16 5H4C2.897 5 2 5.897 2 7V17C2 18.104 2.897 19 4 19H16C17.103 19 18 18.104 18 17V14.618L20.553 15.894C20.694 15.965 20.847 16 21 16C21.183 16 21.365 15.949 21.526 15.851C21.82 15.668 22 15.347 22 15V9C22 8.653 21.82 8.332 21.526 8.149Z"] {
+ d: path("M15 8v8H5V8h10m1-2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4V7c0-.55-.45-1-1-1z");
+}
+
+/* GLOBAL ICONS -> WEBCAM OFF */
+path[d="M22.7 2.7a1 1 0 0 0-1.4-1.4l-20 20a1 1 0 1 0 1.4 1.4l20-20ZM9.2 20a.5.5 0 0 1-.35-.85l12.1-12.1a.5.5 0 0 1 .12-.09l.48-.24a1 1 0 0 1 1.45.9v8.76a1 1 0 0 1-1.45.9l-3-1.5a1 1 0 0 1-.55-.9V17a3 3 0 0 1-3 3H9.2ZM15.28 4.72c.27-.27.15-.71-.23-.72H4a3 3 0 0 0-3 3v10a3 3 0 0 0 .17.99c.1.3.49.35.72.12l13.4-13.4Z"] {
+ d: path("M3.41,1.86L2,3.27L4.73,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16C16.21,18 16.39,17.92 16.55,17.82L19.73,21L21.14,19.59L12.28,10.73L3.41,1.86M5,16V8H6.73L14.73,16H5M15,8V10.61L21,16.61V6.5L17,10.5V7A1,1 0 0,0 16,6H10.39L12.39,8H15Z");
+}
+
+/* GLOBAL ICONS -> PHONE ANSWER */
+path[d="M2 7.4A5.4 5.4 0 0 1 7.4 2c.36 0 .7.22.83.55l1.93 4.64a1 1 0 0 1-.43 1.25L7 10a8.52 8.52 0 0 0 7 7l1.12-2.24a1 1 0 0 1 1.19-.51l5.06 1.56c.38.11.63.46.63.85C22 19.6 19.6 22 16.66 22h-.37C8.39 22 2 15.6 2 7.71V7.4ZM13 3a1 1 0 0 1 1-1 8 8 0 0 1 8 8 1 1 0 1 1-2 0 6 6 0 0 0-6-6 1 1 0 0 1-1-1Z"] {
+ d: path("M6.54 5c.06.89.21 1.76.45 2.59l-1.2 1.2c-.41-1.2-.67-2.47-.76-3.79h1.51m9.86 12.02c.85.24 1.72.39 2.6.45v1.49c-1.32-.09-2.59-.35-3.8-.75l1.2-1.19M7.5 3H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.49c0-.55-.45-1-1-1-1.24 0-2.45-.2-3.57-.57-.1-.04-.21-.05-.31-.05-.26 0-.51.1-.71.29l-2.2 2.2c-2.83-1.45-5.15-3.76-6.59-6.59l2.2-2.2c.28-.28.36-.67.25-1.02C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1z");
+}
+path[d="M2 7.4A5.4 5.4 0 0 1 7.4 2c.36 0 .7.22.83.55l1.93 4.64a1 1 0 0 1-.43 1.25L7 10a8.52 8.52 0 0 0 7 7l1.12-2.24a1 1 0 0 1 1.19-.51l5.06 1.56c.38.11.63.46.63.85C22 19.6 19.6 22 16.66 22h-.37C8.39 22 2 15.6 2 7.71V7.4ZM13 3a1 1 0 0 1 1-1 8 8 0 0 1 8 8 1 1 0 1 1-2 0 6 6 0 0 0-6-6 1 1 0 0 1-1-1Z"] ~ path {
+ display: none;
+}
+
+/* GLOBAL ICONS -> PHONE HANGUP */
+path[d=" M9.335000038146973,-1.8179999589920044 C4.184999942779541,-6.9670000076293945 -4.164000034332275,-6.9670000076293945 -9.312999725341797,-1.8179999589920044 C-11.690999984741211,0.5609999895095825 -11.35099983215332,3.6040000915527344 -9.555999755859375,5.39900016784668 C-9.300999641418457,5.6539998054504395 -8.909000396728516,5.7129998207092285 -8.59000015258789,5.544000148773193 C-8.59000015258789,5.544000148773193 -4.269999980926514,3.256999969482422 -4.269999980926514,3.256999969482422 C-3.871000051498413,3.0460000038146973 -3.683000087738037,2.5769999027252197 -3.8259999752044678,2.1489999294281006 C-3.8259999752044678,2.1489999294281006 -4.558000087738037,-0.04600000008940697 -4.558000087738037,-0.04600000008940697 C-1.8250000476837158,-1.9980000257492065 1.8459999561309814,-1.9980000257492065 4.578999996185303,-0.04600000008940697 C4.578999996185303,-0.04600000008940697 3.815000057220459,2.757999897003174 3.815000057220459,2.757999897003174 C3.693000078201294,3.2070000171661377 3.9240000247955322,3.677000045776367 4.354000091552734,3.8540000915527344 C4.354000091552734,3.8540000915527344 8.63599967956543,5.617000102996826 8.63599967956543,5.617000102996826 C8.946000099182129,5.744999885559082 9.303000450134277,5.672999858856201 9.539999961853027,5.435999870300293 C11.331999778747559,3.6440000534057617 11.708999633789062,0.5559999942779541 9.335000038146973,-1.8179999589920044z"] {
+ d: path("M23.71 11.67A17 17 0 0 0 .29 11.67A1 1 0 0 0 0 12.38A1 1 0 0 0 .29 13.08L2.77 15.56A1 1 0 0 0 3.5 15.85A1 1 0 0 0 4.18 15.57A11.5 11.5 0 0 1 6.84 13.72A1 1 0 0 0 7.4 12.82V9.72A14.91 14.91 0 0 1 12 9A14.5 14.5 0 0 1 16.59 9.73V12.83A1 1 0 0 0 17.15 13.73A11.27 11.27 0 0 1 19.82 15.58A1 1 0 0 0 20.5 15.86A1 1 0 0 0 21.23 15.57L23.71 13.09A1 1 0 0 0 23.71 11.67M5.4 12.22A13.68 13.68 0 0 0 3.53 13.5L2.46 12.42A15.54 15.54 0 0 1 5.4 10.5M20.5 13.5A13.75 13.75 0 0 0 18.6 12.23V10.53A14.26 14.26 0 0 1 21.55 12.43Z");
+ transform: translate(-12px, -12px);
+}
+
+/* GLOBAL ICONS -> SCREENSHARE */
+path[d="M2 5a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V5Zm16 3a1 1 0 0 0-.3-.7l-3-3a1 1 0 1 0-1.4 1.4L14.58 7H13a6 6 0 0 0-6 6 1 1 0 1 0 2 0 4 4 0 0 1 4-4h1.59l-1.3 1.3a1 1 0 0 0 1.42 1.4l3-3A1 1 0 0 0 18 8Z"] {
+ 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");
+}
+path[d="M2 5a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V5Zm16 3a1 1 0 0 0-.3-.7l-3-3a1 1 0 1 0-1.4 1.4L14.58 7H13a6 6 0 0 0-6 6 1 1 0 1 0 2 0 4 4 0 0 1 4-4h1.59l-1.3 1.3a1 1 0 0 0 1.42 1.4l3-3A1 1 0 0 0 18 8Z"] ~ path {
+ display: none;
+}
+
+/* GLOBAL ICONS -> STOP SCREENSHARE */
+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");
+}
+
+/* GLOBAL ICONS -> ACTIVITY */
+path[d="M4.92871 13.4149L10.5857 19.0709L18.3639 11.2927C19.7781 9.87859 22.6066 6.48376 21.1923 2.80748C17.5153 1.3932 14.1213 4.22173 12.7074 5.63625L4.92871 13.4149ZM16.064 9.93309C17.1686 9.93309 18.064 9.03766 18.064 7.93309C18.064 6.82852 17.1686 5.93309 16.064 5.93309C14.9594 5.93309 14.064 6.82852 14.064 7.93309C14.064 9.03766 14.9594 9.93309 16.064 9.93309Z"] {
+ d: path("M6,15c-0.83,0-1.58,0.34-2.12,0.88C2.7,17.06,2,22,2,22s4.94-0.7,6.12-1.88C8.66,19.58,9,18.83,9,18C9,16.34,7.66,15,6,15 z M6.71,18.71c-0.28,0.28-2.17,0.76-2.17,0.76s0.47-1.88,0.76-2.17C5.47,17.11,5.72,17,6,17c0.55,0,1,0.45,1,1 C7,18.28,6.89,18.53,6.71,18.71z M17.42,13.65L17.42,13.65c6.36-6.36,4.24-11.31,4.24-11.31s-4.95-2.12-11.31,4.24l-2.49-0.5 C7.21,5.95,6.53,6.16,6.05,6.63L2,10.69l5,2.14L11.17,17l2.14,5l4.05-4.05c0.47-0.47,0.68-1.15,0.55-1.81L17.42,13.65z M7.41,10.83L5.5,10.01l1.97-1.97l1.44,0.29C8.34,9.16,7.83,10.03,7.41,10.83z M13.99,18.5l-0.82-1.91 c0.8-0.42,1.67-0.93,2.49-1.5l0.29,1.44L13.99,18.5z M16,12.24c-1.32,1.32-3.38,2.4-4.04,2.73l-2.93-2.93 c0.32-0.65,1.4-2.71,2.73-4.04c4.68-4.68,8.23-3.99,8.23-3.99S20.68,7.56,16,12.24z M15,11c1.1,0,2-0.9,2-2s-0.9-2-2-2s-2,0.9-2,2 S13.9,11,15,11z");
+}
+path[d="M4.92871 13.4149L10.5857 19.0709L18.3639 11.2927C19.7781 9.87859 22.6066 6.48376 21.1923 2.80748C17.5153 1.3932 14.1213 4.22173 12.7074 5.63625L4.92871 13.4149ZM16.064 9.93309C17.1686 9.93309 18.064 9.03766 18.064 7.93309C18.064 6.82852 17.1686 5.93309 16.064 5.93309C14.9594 5.93309 14.064 6.82852 14.064 7.93309C14.064 9.03766 14.9594 9.93309 16.064 9.93309Z"] ~ path {
+ display: none;
+}
+
+/* GLOBAL ICONS -> DESKTOP DISPLAY */
+path[d="M5 2a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3H5ZM13.5 20a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v2a.5.5 0 0 1-.5.5H9a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2h-1.5Z"] {
+ d: path("M21,16H3V4H21M21,2H3C1.89,2 1,2.89 1,4V16A2,2 0 0,0 3,18H10V20H8V22H16V20H14V18H21A2,2 0 0,0 23,16V4C23,2.89 22.1,2 21,2Z");
+}
+
+/* GLOBAL ICONS -> DESKTOP DISPLAY OFF */
+path[d="M2 5a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V5Zm6.3.3a1 1 0 0 1 1.4 0L12 7.58l2.3-2.3a1 1 0 1 1 1.4 1.42L13.42 9l2.3 2.3a1 1 0 0 1-1.42 1.4L12 10.42l-2.3 2.3a1 1 0 0 1-1.4-1.42L10.58 9l-2.3-2.3a1 1 0 0 1 0-1.4Z"],
+path[d="m2.7 22.7 20-20a1 1 0 0 0-1.4-1.4l-20 20a1 1 0 1 0 1.4 1.4ZM13.2 16a.5.5 0 0 1-.35-.85l8.3-8.3a.5.5 0 0 1 .85.36V13a3 3 0 0 1-3 3h-5.8ZM17.15 2.85a.5.5 0 0 0-.36-.85H5a3 3 0 0 0-3 3v8a3 3 0 0 0 1.85 2.77c.17.07.36.02.49-.11l12.8-12.8ZM13.5 20a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v2a.5.5 0 0 1-.5.5H9a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2h-1.5Z"] {
+ d: path("M14,18V20H16V22H8V20H10V18H3A2,2 0 0,1 1,16V4L0,3L1.41,1.58L22.16,22.34L20.75,23.75L15,18H14M3,16H13L3,6V16M21,2A2,2 0 0,1 23,4V16A2,2 0 0,1 21,18H20.66L18.66,16H21V4H6.66L4.66,2H21Z");
+}
+path[d="M2 5a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V5Zm6.3.3a1 1 0 0 1 1.4 0L12 7.58l2.3-2.3a1 1 0 1 1 1.4 1.42L13.42 9l2.3 2.3a1 1 0 0 1-1.42 1.4L12 10.42l-2.3 2.3a1 1 0 0 1-1.4-1.42L10.58 9l-2.3-2.3a1 1 0 0 1 0-1.4Z"] ~ path,
+path[d="m2.7 22.7 20-20a1 1 0 0 0-1.4-1.4l-20 20a1 1 0 1 0 1.4 1.4ZM13.2 16a.5.5 0 0 1-.35-.85l8.3-8.3a.5.5 0 0 1 .85.36V13a3 3 0 0 1-3 3h-5.8ZM17.15 2.85a.5.5 0 0 0-.36-.85H5a3 3 0 0 0-3 3v8a3 3 0 0 0 1.85 2.77c.17.07.36.02.49-.11l12.8-12.8ZM13.5 20a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v2a.5.5 0 0 1-.5.5H9a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2h-1.5Z"] ~ path {
+ display: none;
+}
+
+/* GLOBAL ICONS -> MUTE */
+path[d="M12 2a4 4 0 0 0-4 4v4a4 4 0 0 0 8 0V6a4 4 0 0 0-4-4Z"] {
+ d: path("M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm-1-9c0-.55.45-1 1-1s1 .45 1 1v6c0 .55-.45 1-1 1s-1-.45-1-1V5zm6 6c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z");
+}
+path[d="M12 2a4 4 0 0 0-4 4v4a4 4 0 0 0 8 0V6a4 4 0 0 0-4-4Z"] ~ path {
+ display: none;
+}
+
+/* GLOBAL ICONS -> MUTED */
+path[d="m2.7 22.7 20-20a1 1 0 0 0-1.4-1.4l-20 20a1 1 0 1 0 1.4 1.4ZM10.8 17.32c-.21.21-.1.58.2.62V20H9a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2h-2v-2.06A8 8 0 0 0 20 10a1 1 0 0 0-2 0c0 1.45-.52 2.79-1.38 3.83l-.02.02A5.99 5.99 0 0 1 12.32 16a.52.52 0 0 0-.34.15l-1.18 1.18ZM15.36 4.52c.15-.15.19-.38.08-.56A4 4 0 0 0 8 6v4c0 .3.03.58.1.86.07.34.49.43.74.18l6.52-6.52ZM5.06 13.98c.16.28.53.31.75.09l.75-.75c.16-.16.19-.4.08-.61A5.97 5.97 0 0 1 6 10a1 1 0 0 0-2 0c0 1.45.39 2.81 1.06 3.98Z"] {
+ d: path("M10.8 4.9c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2l-.01 3.91L15 10.6V5c0-1.66-1.34-3-3-3-1.54 0-2.79 1.16-2.96 2.65l1.76 1.76V4.9zM19 11h-1.7c0 .58-.1 1.13-.27 1.64l1.27 1.27c.44-.88.7-1.87.7-2.91zM4.41 2.86L3 4.27l6 6V11c0 1.66 1.34 3 3 3 .23 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c.91-.13 1.77-.45 2.55-.9l4.2 4.2 1.41-1.41L4.41 2.86z");
+}
+
+/* GLOBAL ICONS -> SPEAKER */
+path[d="M12 3a9 9 0 0 0-8.95 10h1.87a5 5 0 0 1 4.1 2.13l1.37 1.97a3.1 3.1 0 0 1-.17 3.78 2.85 2.85 0 0 1-3.55.74 11 11 0 1 1 10.66 0c-1.27.71-2.73.23-3.55-.74a3.1 3.1 0 0 1-.17-3.78l1.38-1.97a5 5 0 0 1 4.1-2.13h1.86A9 9 0 0 0 12 3Z"] {
+ d: path("M3 9v6h4l5 5V4L7 9H3zm7-.17v6.34L7.83 13H5v-2h2.83L10 8.83zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77z");
+}
+
+/* GLOBAL ICONS -> SPEAKER LOW */
+path[d="M10.293 3.29604C10.579 3.01004 11.009 2.92504 11.383 3.07904C11.757 3.23204 12 3.59904 12 4.00204V20.002C12 20.407 11.757 20.772 11.383 20.927C11.009 21.082 10.579 20.996 10.293 20.71L6 16.002H3C2.45 16.002 2 15.552 2 15.002V9.00204C2 8.45304 2.45 8.00204 3 8.00204H6L10.293 3.29604ZM14 9.00195C15.654 9.00195 17 10.349 17 12.002C17 13.657 15.654 15.002 14 15.002V13.002C14.551 13.002 15 12.553 15 12.002C15 11.451 14.551 11.002 14 11.002V9.00195Z"] {
+ d: path("M16 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02 0-1.77-1.02-3.29-2.5-4.03zM5 9v6h4l5 5V4L9 9H5zm7-.17v6.34L9.83 13H7v-2h2.83L12 8.83z");
+}
+
+/* GLOBAL ICONS -> SPEAKER MUTED */
+path[d="M22.7 2.7a1 1 0 0 0-1.4-1.4l-20 20a1 1 0 1 0 1.4 1.4l20-20ZM17.06 2.94a.48.48 0 0 0-.11-.77A11 11 0 0 0 2.18 16.94c.14.3.53.35.76.12l3.2-3.2c.25-.25.15-.68-.2-.76a5 5 0 0 0-1.02-.1H3.05a9 9 0 0 1 12.66-9.2c.2.09.44.05.59-.1l.76-.76ZM20.2 8.28a.52.52 0 0 1 .1-.58l.76-.76a.48.48 0 0 1 .77.11 11 11 0 0 1-4.5 14.57c-1.27.71-2.73.23-3.55-.74a3.1 3.1 0 0 1-.17-3.78l1.38-1.97a5 5 0 0 1 4.1-2.13h1.86a9.1 9.1 0 0 0-.75-4.72ZM10.1 17.9c.25-.25.65-.18.74.14a3.1 3.1 0 0 1-.62 2.84 2.85 2.85 0 0 1-3.55.74.16.16 0 0 1-.04-.25l3.48-3.48Z"] {
+ d: path("M4.34 2.93L2.93 4.34 7.29 8.7 7 9H3v6h4l5 5v-6.59l4.18 4.18c-.65.49-1.38.88-2.18 1.11v2.06c1.34-.3 2.57-.92 3.61-1.75l2.05 2.05 1.41-1.41L4.34 2.93zM10 15.17L7.83 13H5v-2h2.83l.88-.88L10 11.41v3.76zM19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zm-7-8l-1.88 1.88L12 7.76zm4.5 8c0-1.77-1.02-3.29-2.5-4.03v1.79l2.48 2.48c.01-.08.02-.16.02-.24z");
+}
+path[d="M22.7 2.7a1 1 0 0 0-1.4-1.4l-20 20a1 1 0 1 0 1.4 1.4l20-20ZM17.06 2.94a.48.48 0 0 0-.11-.77A11 11 0 0 0 2.18 16.94c.14.3.53.35.76.12l3.2-3.2c.25-.25.15-.68-.2-.76a5 5 0 0 0-1.02-.1H3.05a9 9 0 0 1 12.66-9.2c.2.09.44.05.59-.1l.76-.76ZM20.2 8.28a.52.52 0 0 1 .1-.58l.76-.76a.48.48 0 0 1 .77.11 11 11 0 0 1-4.5 14.57c-1.27.71-2.73.23-3.55-.74a3.1 3.1 0 0 1-.17-3.78l1.38-1.97a5 5 0 0 1 4.1-2.13h1.86a9.1 9.1 0 0 0-.75-4.72ZM10.1 17.9c.25-.25.65-.18.74.14a3.1 3.1 0 0 1-.62 2.84 2.85 2.85 0 0 1-3.55.74.16.16 0 0 1-.04-.25l3.48-3.48Z"] ~ path {
+ display: none;
+}
+
+/* GLOBAL ICONS -> OPEN EXTERNALLY */
+path[d="M15 2a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V4.41l-4.3 4.3a1 1 0 1 1-1.4-1.42L19.58 3H16a1 1 0 0 1-1-1Z"] {
+ d: path("M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z");
+}
+path[d="M15 2a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V4.41l-4.3 4.3a1 1 0 1 1-1.4-1.42L19.58 3H16a1 1 0 0 1-1-1Z"] ~ path {
+ display: none;
+}
+
+/* GLOBAL ICONS -> FULLSCREEN */
+path[d="M4 6c0-1.1.9-2 2-2h3a1 1 0 0 0 0-2H6a4 4 0 0 0-4 4v3a1 1 0 0 0 2 0V6ZM4 18c0 1.1.9 2 2 2h3a1 1 0 1 1 0 2H6a4 4 0 0 1-4-4v-3a1 1 0 1 1 2 0v3ZM18 4a2 2 0 0 1 2 2v3a1 1 0 1 0 2 0V6a4 4 0 0 0-4-4h-3a1 1 0 1 0 0 2h3ZM20 18a2 2 0 0 1-2 2h-3a1 1 0 1 0 0 2h3a4 4 0 0 0 4-4v-3a1 1 0 1 0-2 0v3Z"] {
+ d: path("M5,5H10V7H7V10H5V5M14,5H19V10H17V7H14V5M17,14H19V19H14V17H17V14M10,17V19H5V14H7V17H10Z");
+}
+
+/* GLOBAL ICONS -> EXIT FULLSCREEN */
+path[d="M8 6a2 2 0 0 1-2 2H3a1 1 0 0 0 0 2h3a4 4 0 0 0 4-4V3a1 1 0 0 0-2 0v3ZM8 18a2 2 0 0 0-2-2H3a1 1 0 1 1 0-2h3a4 4 0 0 1 4 4v3a1 1 0 1 1-2 0v-3ZM18 8a2 2 0 0 1-2-2V3a1 1 0 1 0-2 0v3a4 4 0 0 0 4 4h3a1 1 0 1 0 0-2h-3ZM16 18c0-1.1.9-2 2-2h3a1 1 0 1 0 0-2h-3a4 4 0 0 0-4 4v3a1 1 0 1 0 2 0v-3Z"] {
+ d: path("M14,14H19V16H16V19H14V14M5,14H10V19H8V16H5V14M8,5H10V10H5V8H8V5M19,8V10H14V5H16V8H19Z");
+}
+
+/* GLOBAL ICONS -> RETRY / REFRESH */
+path[d="M12 2C6.485 2 2 6.485 2 12H5.33333C5.33333 8.32333 8.32333 5.33333 12 5.33333C15.6767 5.33333 18.6667 8.32333 18.6667 12C18.6667 15.6767 15.6767 18.6667 12 18.6667C10.2033 18.6667 8.55833 17.9333 7.315 16.6867L10.3333 13.6667H2V22L4.935 19.065C6.79833 20.94 9.30167 22 12 22C17.515 22 22 17.515 22 12C22 6.48667 17.515 2 12 2Z"] {
+ d: path("M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z");
+}
+
+/* GLOBAL ICONS -> UPLOAD */
+path[d="M13 16V5.41l3.3 3.3a1 1 0 1 0 1.4-1.42l-5-5a1 1 0 0 0-1.4 0l-5 5a1 1 0 0 0 1.4 1.42L11 5.4V16a1 1 0 1 0 2 0ZM3 20a1 1 0 1 0 0 2h18a1 1 0 1 0 0-2H3Z"] {
+ d: path("M9,10V16H15V10H19L12,3L5,10H9M12,5.8L14.2,8H13V14H11V8H9.8L12,5.8M19,18H5V20H19V18Z");
+}
+
+/* GLOBAL ICONS -> DISABLE GAME ACTIVITY */
+path[d="M 5.7066445,4.9022473 H 18.293275 c 1.595895,0 2.92046,1.2333283 3.034163,2.8251676 l 0.667683,9.3475611 c 0.0743,1.040197 -0.708715,1.943677 -1.748914,2.017977 -0.04477,0.0032 -0.08964,0.0048 -0.134531,0.0048 -1.191828,0 -2.230714,-0.811138 -2.519775,-1.96738 l -0.522119,-2.08848 H 6.930137 l -0.5221194,2.088478 c -0.2890608,1.156242 -1.3279463,1.96738 -2.5197742,1.96738 -1.0428481,0 -1.8882436,-0.845396 -1.8882436,-1.888243 0,-0.04488 0.0016,-0.08976 0.0048,-0.134532 L 2.6724812,7.7274149 C 2.7861841,6.1355756 4.1107494,4.9022473 5.7066445,4.9022473 Z m 8.8282265,5.0698223 c 0.839995,0 1.520947,-0.680951 1.520947,-1.5209465 0,-0.8399957 -0.680952,-1.5209468 -1.520947,-1.5209468 -0.839996,0 -1.520947,0.6809511 -1.520947,1.5209468 0,0.8399955 0.680951,1.5209465 1.520947,1.5209465 z m 4.055858,3.0418944 c 0.839996,0 1.520947,-0.680952 1.520947,-1.520947 0,-0.839995 -0.680951,-1.5209474 -1.520947,-1.5209474 -0.839996,0 -1.520947,0.6809524 -1.520947,1.5209474 0,0.839995 0.680951,1.520947 1.520947,1.520947 z M 5.9161725,8.9581056 H 3.8882434 v 2.0279294 h 2.0279291 v 2.027929 H 7.9441016 V 10.986035 H 9.9720304 V 8.9581056 H 7.9441016 V 6.9301763 H 5.9161725 Z"] {
+ d: path("M7.97,16L5,19C4.67,19.3 4.23,19.5 3.75,19.5A1.75,1.75 0 0,1 2,17.75V17.5L3,10.12C3.21,7.81 5.14,6 7.5,6H16.5C18.86,6 20.79,7.81 21,10.12L22,17.5V17.75A1.75,1.75 0 0,1 20.25,19.5C19.77,19.5 19.33,19.3 19,19L16.03,16H7.97M7,8V10H5V11H7V13H8V11H10V10H8V8H7M16.5,8A0.75,0.75 0 0,0 15.75,8.75A0.75,0.75 0 0,0 16.5,9.5A0.75,0.75 0 0,0 17.25,8.75A0.75,0.75 0 0,0 16.5,8M14.75,9.75A0.75,0.75 0 0,0 14,10.5A0.75,0.75 0 0,0 14.75,11.25A0.75,0.75 0 0,0 15.5,10.5A0.75,0.75 0 0,0 14.75,9.75M18.25,9.75A0.75,0.75 0 0,0 17.5,10.5A0.75,0.75 0 0,0 18.25,11.25A0.75,0.75 0 0,0 19,10.5A0.75,0.75 0 0,0 18.25,9.75M16.5,11.5A0.75,0.75 0 0,0 15.75,12.25A0.75,0.75 0 0,0 16.5,13A0.75,0.75 0 0,0 17.25,12.25A0.75,0.75 0 0,0 16.5,11.5Z");
+}
+
+/* GLOBAL ICONS -> ENABLE GAME ACTIVITY */
+path[d="m 5.707493,4.903746 c -1.5957556,0 -2.921198,1.232272 -3.0348909,2.823972 l -0.6679103,9.346058 c -0.0032,0.04477 -0.00469,0.09105 -0.00469,0.135925 0,0.286145 0.068875,0.553783 0.1827966,0.796805 L 7.1745522,13.014755 H 5.9160685 v -2.02951 H 3.8889021 V 8.958078 H 5.9160685 V 6.930913 H 7.943235 v 2.027165 h 2.0295102 v 1.258484 L 15.285561,4.903746 Z m 15.366625,1.832652 -4.813642,4.813642 -3.491882,3.491882 h 4.300405 l 0.522611,2.088099 c 0.289036,1.156141 1.327587,1.966233 2.519311,1.966233 0.04489,0 0.08882,-0.0014 0.133582,-0.0047 1.040108,-0.0743 1.824922,-0.977685 1.750628,-2.01779 l -0.66791,-9.346079 c -0.02519,-0.352659 -0.11926,-0.683371 -0.253103,-0.99132 z m -2.484157,3.236436 c 0.839921,0 1.52096,0.681039 1.52096,1.52096 0,0.839923 -0.681039,1.520961 -1.52096,1.520961 -0.839923,0 -1.520962,-0.681038 -1.520962,-1.520961 0,-0.839921 0.681039,-1.52096 1.520962,-1.52096 z M 7.943235,10.985245 v 1.260827 l 1.2608277,-1.260827 z"] {
+ d: path("M2,5.27L3.28,4L20,20.72L18.73,22L12.73,16H7.97L5,19C4.67,19.3 4.23,19.5 3.75,19.5A1.75,1.75 0 0,1 2,17.75V17.5L3,10.12C3.1,9.09 3.53,8.17 4.19,7.46L2,5.27M5,10V11H7V13H8V11.27L6.73,10H5M16.5,6C18.86,6 20.79,7.81 21,10.12L22,17.5V17.75C22,18.41 21.64,19 21.1,19.28L7.82,6H16.5M16.5,8A0.75,0.75 0 0,0 15.75,8.75A0.75,0.75 0 0,0 16.5,9.5A0.75,0.75 0 0,0 17.25,8.75A0.75,0.75 0 0,0 16.5,8M14.75,9.75A0.75,0.75 0 0,0 14,10.5A0.75,0.75 0 0,0 14.75,11.25A0.75,0.75 0 0,0 15.5,10.5A0.75,0.75 0 0,0 14.75,9.75M18.25,9.75A0.75,0.75 0 0,0 17.5,10.5A0.75,0.75 0 0,0 18.25,11.25A0.75,0.75 0 0,0 19,10.5A0.75,0.75 0 0,0 18.25,9.75M16.5,11.5A0.75,0.75 0 0,0 15.75,12.25A0.75,0.75 0 0,0 16.5,13A0.75,0.75 0 0,0 17.25,12.25A0.75,0.75 0 0,0 16.5,11.5Z");
+}
+
+/* GLOBAL ICONS -> ENABLE GAME DETECTION */
+path[d="M15.56 11.77c.2-.1.44.02.44.23a4 4 0 1 1-4-4c.21 0 .33.25.23.44a2.5 2.5 0 0 0 3.32 3.32Z"] {
+ d: path("M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9M12,4.5C17,4.5 21.27,7.61 23,12C21.27,16.39 17,19.5 12,19.5C7,19.5 2.73,16.39 1,12C2.73,7.61 7,4.5 12,4.5M3.18,12C4.83,15.36 8.24,17.5 12,17.5C15.76,17.5 19.17,15.36 20.82,12C19.17,8.64 15.76,6.5 12,6.5C8.24,6.5 4.83,8.64 3.18,12Z");
+}
+path[d="M15.56 11.77c.2-.1.44.02.44.23a4 4 0 1 1-4-4c.21 0 .33.25.23.44a2.5 2.5 0 0 0 3.32 3.32Z"] ~ path {
+ display: none;
+}
+
+/* GLOBAL ICONS -> DISABLE GAME DETECTION */
+path[d="M1.3 21.3a1 1 0 1 0 1.4 1.4l20-20a1 1 0 0 0-1.4-1.4l-20 20ZM3.16 16.05c.18.24.53.26.74.05l.72-.72c.18-.18.2-.45.05-.66a15.7 15.7 0 0 1-1.43-2.52.48.48 0 0 1 0-.4c.4-.9 1.18-2.37 2.37-3.72C7.13 6.38 9.2 5 12 5c.82 0 1.58.12 2.28.33.18.05.38 0 .52-.13l.8-.8c.25-.25.18-.67-.15-.79A9.79 9.79 0 0 0 12 3C4.89 3 1.73 10.11 1.11 11.7a.83.83 0 0 0 0 .6c.25.64.9 2.15 2.05 3.75Z"] {
+ d: path("M2,5.27L3.28,4L20,20.72L18.73,22L15.65,18.92C14.5,19.3 13.28,19.5 12,19.5C7,19.5 2.73,16.39 1,12C1.69,10.24 2.79,8.69 4.19,7.46L2,5.27M12,9A3,3 0 0,1 15,12C15,12.35 14.94,12.69 14.83,13L11,9.17C11.31,9.06 11.65,9 12,9M12,4.5C17,4.5 21.27,7.61 23,12C22.18,14.08 20.79,15.88 19,17.19L17.58,15.76C18.94,14.82 20.06,13.54 20.82,12C19.17,8.64 15.76,6.5 12,6.5C10.91,6.5 9.84,6.68 8.84,7L7.3,5.47C8.74,4.85 10.33,4.5 12,4.5M3.18,12C4.83,15.36 8.24,17.5 12,17.5C12.69,17.5 13.37,17.43 14,17.29L11.72,15C10.29,14.85 9.15,13.71 9,12.28L5.6,8.87C4.61,9.72 3.78,10.78 3.18,12Z");
+}
+path[d="M1.3 21.3a1 1 0 1 0 1.4 1.4l20-20a1 1 0 0 0-1.4-1.4l-20 20ZM3.16 16.05c.18.24.53.26.74.05l.72-.72c.18-.18.2-.45.05-.66a15.7 15.7 0 0 1-1.43-2.52.48.48 0 0 1 0-.4c.4-.9 1.18-2.37 2.37-3.72C7.13 6.38 9.2 5 12 5c.82 0 1.58.12 2.28.33.18.05.38 0 .52-.13l.8-.8c.25-.25.18-.67-.15-.79A9.79 9.79 0 0 0 12 3C4.89 3 1.73 10.11 1.11 11.7a.83.83 0 0 0 0 .6c.25.64.9 2.15 2.05 3.75Z"] ~ path {
+ display: none;
+}
+
+/* GLOBAL ICONS -> SHARE CLIP */
+path[d="M13 16V5.41l3.3 3.3a1 1 0 1 0 1.4-1.42l-5-5a1 1 0 0 0-1.4 0l-5 5a1 1 0 0 0 1.4 1.42L11 5.4V16a1 1 0 1 0 2 0Z"] {
+ d: path("M12,1L8,5H11V14H13V5H16M18,23H6C4.89,23 4,22.1 4,21V9A2,2 0 0,1 6,7H9V9H6V21H18V9H15V7H18A2,2 0 0,1 20,9V21A2,2 0 0,1 18,23Z");
+}
+path[d="M13 16V5.41l3.3 3.3a1 1 0 1 0 1.4-1.42l-5-5a1 1 0 0 0-1.4 0l-5 5a1 1 0 0 0 1.4 1.42L11 5.4V16a1 1 0 1 0 2 0Z"] ~ path {
+ display: none;
+}
+
+/* GLOBAL ICONS -> LEAVE ACTIVITY */
+path[d="M9 12a1 1 0 0 1 1 1v2a1 1 0 1 1-2 0v-2a1 1 0 0 1 1-1Z"] {
+ d: path("M19,3H5C3.89,3 3,3.89 3,5V9H5V5H19V19H5V15H3V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M10.08,15.58L11.5,17L16.5,12L11.5,7L10.08,8.41L12.67,11H3V13H12.67L10.08,15.58Z");
+}
+path[d="M9 12a1 1 0 0 1 1 1v2a1 1 0 1 1-2 0v-2a1 1 0 0 1 1-1Z"] ~ path {
+ display: none;
+}
+
+/*
+ *
+ * HEADER BAR ICONS
+ *
+ */
+/* HEADER BAR ICONS -> INFO */
+path[d="M23 12a11 11 0 1 1-22 0 11 11 0 0 1 22 0Zm-9.5-4.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm-.77 3.96a1 1 0 1 0-1.96-.42l-1.04 4.86a2.77 2.77 0 0 0 4.31 2.83l.24-.17a1 1 0 1 0-1.16-1.62l-.24.17a.77.77 0 0 1-1.2-.79l1.05-4.86Z"] {
+ d: path("M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z");
+}
+
+/* HEADER BAR ICONS -> NOTIFICATION ON */
+path[d="M9.7 2.89c.18-.07.32-.24.37-.43a2 2 0 0 1 3.86 0c.05.2.19.36.38.43A7 7 0 0 1 19 9.5v2.09c0 .12.05.24.13.33l1.1 1.22a3 3 0 0 1 .77 2.01v.28c0 .67-.34 1.29-.95 1.56-1.31.6-4 1.51-8.05 1.51-4.05 0-6.74-.91-8.05-1.5-.61-.28-.95-.9-.95-1.57v-.28a3 3 0 0 1 .77-2l1.1-1.23a.5.5 0 0 0 .13-.33V9.5a7 7 0 0 1 4.7-6.61ZM9.18 19.84A.16.16 0 0 0 9 20a3 3 0 1 0 6 0c0-.1-.09-.17-.18-.16a24.86 24.86 0 0 1-5.64 0Z"] {
+ d: path("M10 21H14C14 22.1 13.1 23 12 23S10 22.1 10 21M21 19V20H3V19L5 17V11C5 7.9 7 5.2 10 4.3V4C10 2.9 10.9 2 12 2S14 2.9 14 4V4.3C17 5.2 19 7.9 19 11V17L21 19M17 11C17 8.2 14.8 6 12 6S7 8.2 7 11V18H17V11Z");
+}
+
+/* HEADER BAR ICONS -> NOTIFICATION OFF */
+path[d="M1.3 21.3a1 1 0 1 0 1.4 1.4l20-20a1 1 0 0 0-1.4-1.4l-20 20ZM3.13 16.13c.11.27.46.28.66.08L15.73 4.27a.47.47 0 0 0-.07-.74 6.97 6.97 0 0 0-1.35-.64.62.62 0 0 1-.38-.43 2 2 0 0 0-3.86 0 .62.62 0 0 1-.38.43A7 7 0 0 0 5 9.5v2.09a.5.5 0 0 1-.13.33l-1.1 1.22A3 3 0 0 0 3 15.15v.28c0 .24.04.48.13.7ZM18.64 9.36c.13-.13.36-.05.36.14v2.09c0 .12.05.24.13.33l1.1 1.22a3 3 0 0 1 .77 2.01v.28c0 .67-.34 1.29-.95 1.56-1.31.6-4 1.51-8.05 1.51-.46 0-.9-.01-1.33-.03a.48.48 0 0 1-.3-.83l8.27-8.28ZM9.18 19.84A.16.16 0 0 0 9 20a3 3 0 1 0 6 0c0-.1-.09-.17-.18-.16a24.84 24.84 0 0 1-5.64 0Z"] {
+ d: path("M22.11,21.46L2.39,1.73L1.11,3L5.83,7.72C5.29,8.73 5,9.86 5,11V17L3,19V20H18.11L20.84,22.73L22.11,21.46M7,18V11C7,10.39 7.11,9.79 7.34,9.23L16.11,18H7M10,21H14A2,2 0 0,1 12,23A2,2 0 0,1 10,21M8.29,5.09C8.82,4.75 9.4,4.5 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V15.8L17,13.8V11A5,5 0 0,0 12,6C11.22,6 10.45,6.2 9.76,6.56L8.29,5.09Z");
+}
+
+/* HEADER BAR ICONS -> PIN */
+path[d="M19.38 11.38a3 3 0 0 0 4.24 0l.03-.03a.5.5 0 0 0 0-.7L13.35.35a.5.5 0 0 0-.7 0l-.03.03a3 3 0 0 0 0 4.24L13 5l-2.92 2.92-3.65-.34a2 2 0 0 0-1.6.58l-.62.63a1 1 0 0 0 0 1.42l9.58 9.58a1 1 0 0 0 1.42 0l.63-.63a2 2 0 0 0 .58-1.6l-.34-3.64L19 11l.38.38ZM9.07 17.07a.5.5 0 0 1-.08.77l-5.15 3.43a.5.5 0 0 1-.63-.06l-.42-.42a.5.5 0 0 1-.06-.63L6.16 15a.5.5 0 0 1 .77-.08l2.14 2.14Z"] {
+ d: path("M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12M8.8,14L10,12.8V4H14V12.8L15.2,14H8.8Z");
+}
+
+/* HEADER BAR ICONS -> MEMBERS LIST */
+path[d="M14.5 8a3 3 0 1 0-2.7-4.3c-.2.4.06.86.44 1.12a5 5 0 0 1 2.14 3.08c.01.06.06.1.12.1ZM18.44 17.27c.15.43.54.73 1 .73h1.06c.83 0 1.5-.67 1.5-1.5a7.5 7.5 0 0 0-6.5-7.43c-.55-.08-.99.38-1.1.92-.06.3-.15.6-.26.87-.23.58-.05 1.3.47 1.63a9.53 9.53 0 0 1 3.83 4.78ZM12.5 9a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM2 20.5a7.5 7.5 0 0 1 15 0c0 .83-.67 1.5-1.5 1.5a.2.2 0 0 1-.2-.16c-.2-.96-.56-1.87-.88-2.54-.1-.23-.42-.15-.42.1v2.1a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-2.1c0-.25-.31-.33-.42-.1-.32.67-.67 1.58-.88 2.54a.2.2 0 0 1-.2.16A1.5 1.5 0 0 1 2 20.5Z"] {
+ d: path("M16.5,6.5A2,2 0 0,1 18.5,8.5A2,2 0 0,1 16.5,10.5A2,2 0 0,1 14.5,8.5A2,2 0 0,1 16.5,6.5M16.5,12A3.5,3.5 0 0,0 20,8.5A3.5,3.5 0 0,0 16.5,5A3.5,3.5 0 0,0 13,8.5A3.5,3.5 0 0,0 16.5,12M7.5,6.5A2,2 0 0,1 9.5,8.5A2,2 0 0,1 7.5,10.5A2,2 0 0,1 5.5,8.5A2,2 0 0,1 7.5,6.5M7.5,12A3.5,3.5 0 0,0 11,8.5A3.5,3.5 0 0,0 7.5,5A3.5,3.5 0 0,0 4,8.5A3.5,3.5 0 0,0 7.5,12M21.5,17.5H14V16.25C14,15.79 13.8,15.39 13.5,15.03C14.36,14.73 15.44,14.5 16.5,14.5C18.94,14.5 21.5,15.71 21.5,16.25M12.5,17.5H2.5V16.25C2.5,15.71 5.06,14.5 7.5,14.5C9.94,14.5 12.5,15.71 12.5,16.25M16.5,13C15.3,13 13.43,13.34 12,14C10.57,13.33 8.7,13 7.5,13C5.33,13 1,14.08 1,16.25V19H23V16.25C23,14.08 18.67,13 16.5,13Z");
+}
+path[d="M14.5 8a3 3 0 1 0-2.7-4.3c-.2.4.06.86.44 1.12a5 5 0 0 1 2.14 3.08c.01.06.06.1.12.1ZM18.44 17.27c.15.43.54.73 1 .73h1.06c.83 0 1.5-.67 1.5-1.5a7.5 7.5 0 0 0-6.5-7.43c-.55-.08-.99.38-1.1.92-.06.3-.15.6-.26.87-.23.58-.05 1.3.47 1.63a9.53 9.53 0 0 1 3.83 4.78ZM12.5 9a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM2 20.5a7.5 7.5 0 0 1 15 0c0 .83-.67 1.5-1.5 1.5a.2.2 0 0 1-.2-.16c-.2-.96-.56-1.87-.88-2.54-.1-.23-.42-.15-.42.1v2.1a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-2.1c0-.25-.31-.33-.42-.1-.32.67-.67 1.58-.88 2.54a.2.2 0 0 1-.2.16A1.5 1.5 0 0 1 2 20.5Z"] ~ path {
+ display: none;
+}
+
+/* HEADER BAR ICONS -> USER PROFILE */
+path[d="M23 12.38c-.02.38-.45.58-.78.4a6.97 6.97 0 0 0-6.27-.08.54.54 0 0 1-.44 0 8.97 8.97 0 0 0-11.16 3.55c-.1.15-.1.35 0 .5.37.58.8 1.13 1.28 1.61.24.24.64.15.8-.15.19-.38.39-.73.58-1.02.14-.21.43-.1.4.15l-.19 1.96c-.02.19.07.37.23.47A8.96 8.96 0 0 0 12 21a.4.4 0 0 1 .38.27c.1.33.25.65.4.95.18.34-.02.76-.4.77L12 23a11 11 0 1 1 11-10.62ZM15.5 7.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z"] {
+ d: path("M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M7.07,18.28C7.5,17.38 10.12,16.5 12,16.5C13.88,16.5 16.5,17.38 16.93,18.28C15.57,19.36 13.86,20 12,20C10.14,20 8.43,19.36 7.07,18.28M18.36,16.83C16.93,15.09 13.46,14.5 12,14.5C10.54,14.5 7.07,15.09 5.64,16.83C4.62,15.5 4,13.82 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,13.82 19.38,15.5 18.36,16.83M12,6C10.06,6 8.5,7.56 8.5,9.5C8.5,11.44 10.06,13 12,13C13.94,13 15.5,11.44 15.5,9.5C15.5,7.56 13.94,6 12,6M12,11A1.5,1.5 0 0,1 10.5,9.5A1.5,1.5 0 0,1 12,8A1.5,1.5 0 0,1 13.5,9.5A1.5,1.5 0 0,1 12,11Z");
+}
+path[d="M23 12.38c-.02.38-.45.58-.78.4a6.97 6.97 0 0 0-6.27-.08.54.54 0 0 1-.44 0 8.97 8.97 0 0 0-11.16 3.55c-.1.15-.1.35 0 .5.37.58.8 1.13 1.28 1.61.24.24.64.15.8-.15.19-.38.39-.73.58-1.02.14-.21.43-.1.4.15l-.19 1.96c-.02.19.07.37.23.47A8.96 8.96 0 0 0 12 21a.4.4 0 0 1 .38.27c.1.33.25.65.4.95.18.34-.02.76-.4.77L12 23a11 11 0 1 1 11-10.62ZM15.5 7.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z"] ~ path {
+ display: none;
+}
+
+/* HEADER BAR ICONS -> VIDEO CALL */
+path[d="M4 4a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h11a3 3 0 0 0 3-3v-2.12a1 1 0 0 0 .55.9l3 1.5a1 1 0 0 0 1.45-.9V7.62a1 1 0 0 0-1.45-.9l-3 1.5a1 1 0 0 0-.55.9V7a3 3 0 0 0-3-3H4Z"] {
+ d: path("M15,8V16H5V8H15M16,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16A1,1 0 0,0 17,17V13.5L21,17.5V6.5L17,10.5V7A1,1 0 0,0 16,6Z");
+}
+
+/* HEADER BAR ICONS -> ADD FRIENDS TO DM */
+path[d="M14.5 8a3 3 0 1 0-2.7-4.3c-.2.4.06.86.44 1.12a5 5 0 0 1 2.14 3.08c.01.06.06.1.12.1ZM16.62 13.17c-.22.29-.65.37-.92.14-.34-.3-.7-.57-1.09-.82-.52-.33-.7-1.05-.47-1.63.11-.27.2-.57.26-.87.11-.54.55-1 1.1-.92 1.6.2 3.04.92 4.15 1.98.3.27-.25.95-.65.95a3 3 0 0 0-2.38 1.17ZM15.19 15.61c.13.16.02.39-.19.39a3 3 0 0 0-1.52 5.59c.2.12.26.41.02.41h-8a.5.5 0 0 1-.5-.5v-2.1c0-.25-.31-.33-.42-.1-.32.67-.67 1.58-.88 2.54a.2.2 0 0 1-.2.16A1.5 1.5 0 0 1 2 20.5a7.5 7.5 0 0 1 13.19-4.89ZM9.5 12a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM15.5 22Z"] {
+ d: path("M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm0 8c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4zm-6 4c.22-.72 3.31-2 6-2 2.7 0 5.8 1.29 6 2H9zm-3-3v-3h3v-2H6V7H4v3H1v2h3v3z");
+}
+path[d="M14.5 8a3 3 0 1 0-2.7-4.3c-.2.4.06.86.44 1.12a5 5 0 0 1 2.14 3.08c.01.06.06.1.12.1ZM16.62 13.17c-.22.29-.65.37-.92.14-.34-.3-.7-.57-1.09-.82-.52-.33-.7-1.05-.47-1.63.11-.27.2-.57.26-.87.11-.54.55-1 1.1-.92 1.6.2 3.04.92 4.15 1.98.3.27-.25.95-.65.95a3 3 0 0 0-2.38 1.17ZM15.19 15.61c.13.16.02.39-.19.39a3 3 0 0 0-1.52 5.59c.2.12.26.41.02.41h-8a.5.5 0 0 1-.5-.5v-2.1c0-.25-.31-.33-.42-.1-.32.67-.67 1.58-.88 2.54a.2.2 0 0 1-.2.16A1.5 1.5 0 0 1 2 20.5a7.5 7.5 0 0 1 13.19-4.89ZM9.5 12a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM15.5 22Z"] ~ path {
+ display: none;
+}
+
+/* HEADER BAR ICONS -> NEW GROUP DM */
+path[d="M19 14a1 1 0 0 1 1 1v3h3a1 1 0 1 1 0 2h-3v3a1 1 0 1 1-2 0v-3h-3a1 1 0 1 1 0-2h3v-3a1 1 0 0 1 1-1Z"] {
+ d: path("M21 6H19V12.1C20.2 12.3 21.2 12.8 22 13.5V7C22 6.5 21.5 6 21 6M6 17C6 17.5 6.5 18 7 18H12C12 16.9 12.3 15.9 12.8 15H6V17M16 2H3C2.5 2 2 2.5 2 3V17L6 13H14.7C15.4 12.5 16.2 12.2 17 12.1V3C17 2.5 16.5 2 16 2M15 11H5.2L4 12.2V4H15V11M17 14H19V17H22V19H19V22H17V19H14V17H17V14Z");
+}
+path[d="M19 14a1 1 0 0 1 1 1v3h3a1 1 0 1 1 0 2h-3v3a1 1 0 1 1-2 0v-3h-3a1 1 0 1 1 0-2h3v-3a1 1 0 0 1 1-1Z"] ~ path {
+ display: none;
+}
+
+/* HEADER BAR ICONS -> UPDATE */
+path[d="M12 2a1 1 0 0 1 1 1v10.59l3.3-3.3a1 1 0 1 1 1.4 1.42l-5 5a1 1 0 0 1-1.4 0l-5-5a1 1 0 1 1 1.4-1.42l3.3 3.3V3a1 1 0 0 1 1-1ZM3 20a1 1 0 1 0 0 2h18a1 1 0 1 0 0-2H3Z"] {
+ d: path("M19 9h-4V3H9v6H5l7 7 7-7zm-8 2V5h2v6h1.17L12 13.17 9.83 11H11zm-6 7h14v2H5z");
+}
+
+/* HEADER BAR ICONS -> FOCUS VIEW */
+path[d="M2 4c0-1.1.9-2 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4ZM2 15c0-1.1.9-2 2-2h5a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-5ZM15 13a2 2 0 0 0-2 2v5c0 1.1.9 2 2 2h5a2 2 0 0 0 2-2v-5a2 2 0 0 0-2-2h-5Z"] {
+ d: path("M19,5V7H15V5H19M9,5V11H5V5H9M19,13V19H15V13H19M9,17V19H5V17H9M21,3H13V9H21V3M11,3H3V13H11V3M21,11H13V21H21V11M11,15H3V21H11V15Z");
+}
+
+/* HEADER BAR ICONS -> GRID VIEW */
+path[d="M15 11a2 2 0 0 1-2-2V4c0-1.1.9-2 2-2h5a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-5ZM2 20c0 1.1.9 2 2 2h5a2 2 0 0 0 2-2v-5a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v5ZM13 20c0 1.1.9 2 2 2h5a2 2 0 0 0 2-2v-5a2 2 0 0 0-2-2h-5a2 2 0 0 0-2 2v5ZM2 9c0 1.1.9 2 2 2h5a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v5Z"] {
+ d: path("M3 11H11V3H3M5 5H9V9H5M13 21H21V13H13M15 15H19V19H15M3 21H11V13H3M5 15H9V19H5M13 3V11H21V3M19 9H15V5H19Z");
+}
+
+/* HEADER BAR ICONS -> CLIPS */
+path[d="M15.74 5.74a.5.5 0 0 0 .54.7l5.01-.88a.5.5 0 0 0 .4-.58l-.26-1.47a3 3 0 0 0-3.2-2.47.46.46 0 0 0-.37.26l-2.12 4.44ZM15.13 2.37a.5.5 0 0 0-.53-.7l-4.25.74a.5.5 0 0 0-.37.28L7.87 7.13a.5.5 0 0 0 .53.7l4.25-.74a.5.5 0 0 0 .37-.28l2.11-4.44ZM6.72 3.05l-2.55.45a3 3 0 0 0-2.43 3.48L2 8.46c.05.27.3.45.58.4l2.2-.39a.5.5 0 0 0 .36-.27l2.12-4.44a.5.5 0 0 0-.54-.7Z"] {
+ d: path("M20.84 2.18L16.91 2.96L19.65 6.5L21.62 6.1L20.84 2.18M13.97 3.54L12 3.93L14.75 7.46L16.71 7.07L13.97 3.54M9.07 4.5L7.1 4.91L9.85 8.44L11.81 8.05L9.07 4.5M4.16 5.5L3.18 5.69C2.1 5.9 1.39 6.96 1.61 8.04L2 10L6.9 9.03L4.16 5.5M20 12V20H4V12H20M22 10H2V20C2 21.11 2.9 22 4 22H20C21.11 22 22 21.11 22 20V10Z");
+}
+path[d="M15.74 5.74a.5.5 0 0 0 .54.7l5.01-.88a.5.5 0 0 0 .4-.58l-.26-1.47a3 3 0 0 0-3.2-2.47.46.46 0 0 0-.37.26l-2.12 4.44ZM15.13 2.37a.5.5 0 0 0-.53-.7l-4.25.74a.5.5 0 0 0-.37.28L7.87 7.13a.5.5 0 0 0 .53.7l4.25-.74a.5.5 0 0 0 .37-.28l2.11-4.44ZM6.72 3.05l-2.55.45a3 3 0 0 0-2.43 3.48L2 8.46c.05.27.3.45.58.4l2.2-.39a.5.5 0 0 0 .36-.27l2.12-4.44a.5.5 0 0 0-.54-.7Z"] ~ path {
+ display: none;
+}
+
+/* HEADER BAR ICONS -> INBOX */
+path[d="M5 2a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3H5ZM4 5.5C4 4.67 4.67 4 5.5 4h13c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5h-2.65c-.5 0-.85.5-.85 1a3 3 0 1 1-6 0c0-.5-.35-1-.85-1H5.5A1.5 1.5 0 0 1 4 11.5v-6Z"] {
+ d: path("M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5v-3h3.56c.69 1.19 1.97 2 3.45 2s2.75-.81 3.45-2H19v3zm0-5h-4.99c0 1.1-.9 2-2 2s-2-.9-2-2H5V5h14v9z");
+}
+
+/* HEADER BAR ICONS -> HELP */
+path[d="M12 23a11 11 0 1 0 0-22 11 11 0 0 0 0 22Zm-.28-16c-.98 0-1.81.47-2.27 1.14A1 1 0 1 1 7.8 7.01 4.73 4.73 0 0 1 11.72 5c2.5 0 4.65 1.88 4.65 4.38 0 2.1-1.54 3.77-3.52 4.24l.14 1a1 1 0 0 1-1.98.27l-.28-2a1 1 0 0 1 .99-1.14c1.54 0 2.65-1.14 2.65-2.38 0-1.23-1.1-2.37-2.65-2.37ZM13 17.88a1.13 1.13 0 1 1-2.25 0 1.13 1.13 0 0 1 2.25 0Z"] {
+ d: path("M11,18H13V16H11V18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,6A4,4 0 0,0 8,10H10A2,2 0 0,1 12,8A2,2 0 0,1 14,10C14,12 11,11.75 11,15H13C13,12.75 16,12.5 16,10A4,4 0 0,0 12,6Z");
+}
+
+/* HEADER BAR ICONS -> BUG */
+path[d="M9.54 3.28a3 3 0 0 0-.37.74c-.19.52.28.98.83.98h4c.55 0 1.02-.46.83-.98a2.96 2.96 0 0 0-.37-.74c.23-.16.56-.28.99-.28a1 1 0 1 0 0-2c-1 0-2.01.4-2.68 1.1a3 3 0 0 0-1.54 0A3.76 3.76 0 0 0 8.55 1a1 1 0 0 0 0 2c.43 0 .76.12 1 .28ZM18.01 18.85c-.04.1-.03.22.05.3l1.51 1.5a1 1 0 0 1-1.41 1.42l-1.18-1.18a.26.26 0 0 0-.37 0 6.7 6.7 0 0 1-2.8 1.82c-.42.14-.83-.2-.86-.64l-.42-8.57a.53.53 0 0 0-1.05 0l-.43 8.57c-.03.45-.44.78-.87.64A6.7 6.7 0 0 1 7.4 20.9a.26.26 0 0 0-.37-.01l-1.18 1.18a1 1 0 0 1-1.41-1.41l1.51-1.51c.08-.08.1-.2.05-.3-.47-.94-.78-2-.92-3.12a.25.25 0 0 0-.25-.23H3a1 1 0 1 1 0-2h1.82c.13 0 .24-.1.25-.23.14-1.13.45-2.18.92-3.12a.25.25 0 0 0-.05-.3l-1.51-1.5a1 1 0 1 1 1.41-1.42L7.02 8.1c.1.1.27.1.37 0a6.66 6.66 0 0 1 2.95-1.87c.38-.11.75.14.85.52l.57 2.27c.06.25.42.25.48 0l.57-2.27c.1-.38.47-.63.85-.52 1.1.33 2.11.98 2.95 1.86.1.1.26.11.37.01l1.18-1.18a1 1 0 1 1 1.41 1.41l-1.51 1.51c-.08.08-.1.2-.05.3.47.94.78 2 .92 3.12.01.13.12.23.25.23H21a1 1 0 1 1 0 2h-1.82c-.13 0-.24.1-.25.23a9.68 9.68 0 0 1-.92 3.12Z"] {
+ d: path("M20,8H17.19C16.74,7.2 16.12,6.5 15.37,6L17,4.41L15.59,3L13.42,5.17C12.96,5.06 12.5,5 12,5C11.5,5 11.05,5.06 10.59,5.17L8.41,3L7,4.41L8.62,6C7.87,6.5 7.26,7.21 6.81,8H4V10H6.09C6.03,10.33 6,10.66 6,11V12H4V14H6V15C6,15.34 6.03,15.67 6.09,16H4V18H6.81C8.47,20.87 12.14,21.84 15,20.18C15.91,19.66 16.67,18.9 17.19,18H20V16H17.91C17.97,15.67 18,15.34 18,15V14H20V12H18V11C18,10.66 17.97,10.33 17.91,10H20V8M16,15A4,4 0 0,1 12,19A4,4 0 0,1 8,15V11A4,4 0 0,1 12,7A4,4 0 0,1 16,11V15M14,10V12H10V10H14M10,14H14V16H10V14Z");
+}
+
+/*
+ *
+ * MESSAGE ACTION ICONS
+ *
+ */
+/* MESSAGE ACTION ICONS -> EDIT MESSAGE */
+path[d="m13.96 5.46 4.58 4.58a1 1 0 0 0 1.42 0l1.38-1.38a2 2 0 0 0 0-2.82l-3.18-3.18a2 2 0 0 0-2.82 0l-1.38 1.38a1 1 0 0 0 0 1.42ZM2.11 20.16l.73-4.22a3 3 0 0 1 .83-1.61l7.87-7.87a1 1 0 0 1 1.42 0l4.58 4.58a1 1 0 0 1 0 1.42l-7.87 7.87a3 3 0 0 1-1.6.83l-4.23.73a1.5 1.5 0 0 1-1.73-1.73Z"] {
+ d: path("M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM5.92 19H5v-.92l9.06-9.06.92.92L5.92 19zM20.71 5.63l-2.34-2.34c-.2-.2-.45-.29-.71-.29s-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41z");
+}
+
+/* MESSAGE ACTION ICONS -> REPLY */
+path[d="M2.3 7.3a1 1 0 0 0 0 1.4l5 5a1 1 0 0 0 1.4-1.4L5.42 9H11a7 7 0 0 1 7 7v4a1 1 0 1 0 2 0v-4a9 9 0 0 0-9-9H5.41l3.3-3.3a1 1 0 0 0-1.42-1.4l-5 5Z"] {
+ d: path("M8,9.8V10.7L9.7,11C12.3,11.4 14.2,12.4 15.6,13.7C13.9,13.2 12.1,12.9 10,12.9H8V14.2L5.8,12L8,9.8M10,5L3,12L10,19V14.9C15,14.9 18.5,16.5 21,20C20,15 17,10 10,9");
+}
+
+/* MESSAGE ACTION ICONS -> COPY TEXT */
+path[d="M3 16a1 1 0 0 1-1-1v-5a8 8 0 0 1 8-8h5a1 1 0 0 1 1 1v.5a.5.5 0 0 1-.5.5H10a6 6 0 0 0-6 6v5.5a.5.5 0 0 1-.5.5H3Z"] {
+ d: path("M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z");
+}
+path[d="M3 16a1 1 0 0 1-1-1v-5a8 8 0 0 1 8-8h5a1 1 0 0 1 1 1v.5a.5.5 0 0 1-.5.5H10a6 6 0 0 0-6 6v5.5a.5.5 0 0 1-.5.5H3Z"] ~ path {
+ display: none;
+}
+
+/* MESSAGE ACTION ICONS -> MARK UNREAD */
+path[d="M12.93 21.96c.25-.03.43-.23.47-.47a3 3 0 0 1 .08-.35.66.66 0 0 0-.24-.71A3 3 0 0 1 12 18v-3a3 3 0 0 1 4.35-2.68c.14.07.3.09.44.04a7 7 0 0 1 4.58.05c.3.1.63-.1.63-.41a10 10 0 1 0-18.45 5.36c.13.19.11.44-.04.61l-2.06 2.37A1 1 0 0 0 2.2 22H12c.32 0 .63-.01.93-.04Z"] {
+ d: path("M2,5.27L3.28,4L20,20.72L18.73,22L15.65,18.92C14.5,19.3 13.28,19.5 12,19.5C7,19.5 2.73,16.39 1,12C1.69,10.24 2.79,8.69 4.19,7.46L2,5.27M12,9A3,3 0 0,1 15,12C15,12.35 14.94,12.69 14.83,13L11,9.17C11.31,9.06 11.65,9 12,9M12,4.5C17,4.5 21.27,7.61 23,12C22.18,14.08 20.79,15.88 19,17.19L17.58,15.76C18.94,14.82 20.06,13.54 20.82,12C19.17,8.64 15.76,6.5 12,6.5C10.91,6.5 9.84,6.68 8.84,7L7.3,5.47C8.74,4.85 10.33,4.5 12,4.5M3.18,12C4.83,15.36 8.24,17.5 12,17.5C12.69,17.5 13.37,17.43 14,17.29L11.72,15C10.29,14.85 9.15,13.71 9,12.28L5.6,8.87C4.61,9.72 3.78,10.78 3.18,12Z");
+}
+path[d="M12.93 21.96c.25-.03.43-.23.47-.47a3 3 0 0 1 .08-.35.66.66 0 0 0-.24-.71A3 3 0 0 1 12 18v-3a3 3 0 0 1 4.35-2.68c.14.07.3.09.44.04a7 7 0 0 1 4.58.05c.3.1.63-.1.63-.41a10 10 0 1 0-18.45 5.36c.13.19.11.44-.04.61l-2.06 2.37A1 1 0 0 0 2.2 22H12c.32 0 .63-.01.93-.04Z"] ~ path {
+ display: none;
+}
+
+/* MESSAGE ACTION ICONS -> COPY MESSAGE LINK */
+path[d="M16.3 14.7a1 1 0 0 1 0-1.4l2.5-2.5a3.95 3.95 0 1 0-5.6-5.6l-2.5 2.5a1 1 0 1 1-1.4-1.4l2.5-2.5a5.95 5.95 0 1 1 8.4 8.4l-2.5 2.5a1 1 0 0 1-1.4 0ZM7.7 9.3a1 1 0 0 1 0 1.4l-2.5 2.5a3.95 3.95 0 0 0 5.6 5.6l2.5-2.5a1 1 0 1 1 1.4 1.4l-2.5 2.5a5.95 5.95 0 0 1-8.4-8.4l2.5-2.5a1 1 0 0 1 1.4 0Z"] {
+ d: path("M17 7h-4v2h4c1.65 0 3 1.35 3 3s-1.35 3-3 3h-4v2h4c2.76 0 5-2.24 5-5s-2.24-5-5-5zm-6 8H7c-1.65 0-3-1.35-3-3s1.35-3 3-3h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-2zm-3-4h8v2H8z");
+}
+path[d="M16.3 14.7a1 1 0 0 1 0-1.4l2.5-2.5a3.95 3.95 0 1 0-5.6-5.6l-2.5 2.5a1 1 0 1 1-1.4-1.4l2.5-2.5a5.95 5.95 0 1 1 8.4 8.4l-2.5 2.5a1 1 0 0 1-1.4 0ZM7.7 9.3a1 1 0 0 1 0 1.4l-2.5 2.5a3.95 3.95 0 0 0 5.6 5.6l2.5-2.5a1 1 0 1 1 1.4 1.4l-2.5 2.5a5.95 5.95 0 0 1-8.4-8.4l2.5-2.5a1 1 0 0 1 1.4 0Z"] ~ path {
+ display: none;
+}
+
+/* MESSAGE ACTION ICONS -> SPEAK MESSAGE */
+path[d="M12 22a10 10 0 1 0-8.45-4.64c.13.19.11.44-.04.61l-2.06 2.37A1 1 0 0 0 2.2 22H12Zm2-5.26c0 .61.56 1.09 1.14.87a6 6 0 0 0 0-11.22c-.58-.22-1.14.26-1.14.87v.1c0 .45.32.83.73 1.03a4 4 0 0 1 0 7.22c-.41.2-.73.58-.73 1.04v.09Zm0-3.32c0 .69.7 1.15 1.18.65a2.99 2.99 0 0 0 0-4.14c-.48-.5-1.18-.04-1.18.65v2.84ZM12 7a1 1 0 0 0-1-1h-.05a1 1 0 0 0-.75.34L7.87 9H6a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h1.87l2.33 2.66a1 1 0 0 0 .75.34H11a1 1 0 0 0 1-1V7Z"] {
+ d: path("M9 13c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm0 8c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4zm-6 4c.22-.72 3.31-2 6-2 2.7 0 5.8 1.29 6 2H3zM15.08 7.05c.84 1.18.84 2.71 0 3.89l1.68 1.69c2.02-2.02 2.02-5.07 0-7.27l-1.68 1.69zM20.07 2l-1.63 1.63c2.77 3.02 2.77 7.56 0 10.74L20.07 16c3.9-3.89 3.91-9.95 0-14z");
+}
+
+/* MESSAGE ACTION ICONS -> DELETE MESSAGE */
+path[d="M14.25 1c.41 0 .75.34.75.75V3h5.25c.41 0 .75.34.75.75v.5c0 .41-.34.75-.75.75H3.75A.75.75 0 0 1 3 4.25v-.5c0-.41.34-.75.75-.75H9V1.75c0-.41.34-.75.75-.75h4.5Z"] {
+ d: path("M16 9v10H8V9h8m-1.5-6h-5l-1 1H5v2h14V4h-3.5l-1-1zM18 7H6v12c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7z");
+}
+path[d="M14.25 1c.41 0 .75.34.75.75V3h5.25c.41 0 .75.34.75.75v.5c0 .41-.34.75-.75.75H3.75A.75.75 0 0 1 3 4.25v-.5c0-.41.34-.75.75-.75H9V1.75c0-.41.34-.75.75-.75h4.5Z"] ~ path {
+ display: none;
+}
+
+/* MESSAGE ACTION ICONS -> REPORT MESSAGE */
+path[d="M3 1a1 1 0 0 1 1 1v.82l8.67-1.45A2 2 0 0 1 15 3.35v1.47l5.67-.95A2 2 0 0 1 23 5.85v7.3a2 2 0 0 1-1.67 1.98l-9 1.5a2 2 0 0 1-1.78-.6c-.2-.21-.08-.54.18-.68a5.01 5.01 0 0 0 1.94-1.94c.18-.32-.1-.66-.46-.6L4 14.18V21a1 1 0 1 1-2 0V2a1 1 0 0 1 1-1Z"] {
+ d: path("M12.36,6L12.76,8H18V14H14.64L14.24,12H7V6H12.36M14,4H5V21H7V14H12.6L13,16H20V6H14.4");
+}
+
+/*
+ *
+ * PANEL ICONS
+ *
+ */
+.container_b2ca13 .button_f67531 g[transform="matrix(1,0,0,1,-200,-200)"] g g g path {
+ d: path("M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm-1-9c0-.55.45-1 1-1s1 .45 1 1v6c0 .55-.45 1-1 1s-1-.45-1-1V5zm6 6c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z");
+ transform: translate(-12px, -8px);
+}
+.container_b2ca13 .button_f67531 g[transform="matrix(1,0,0,1,-200,-200)"] g g g ~ g {
+ display: none;
+}
+.container_b2ca13 .button_f67531 g[transform="matrix(1.0399999618530273,0,0,1.0399999618530273,-220,-220)"] g g g g path {
+ d: path("M3 9v6h4l5 5V4L7 9H3zm7-.17v6.34L7.83 13H5v-2h2.83L10 8.83zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77z") !important;
+ transform: translate(-12px, -12px);
+}
+.container_b2ca13 .button_f67531:not([role=switch]) g[transform="matrix(0.03999999910593033,0,0,0.03999999910593033,0,0)"] g g path {
+ d: path("M19.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.09-.16-.26-.25-.44-.25-.06 0-.12.01-.17.03l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.06-.02-.12-.03-.18-.03-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.09.16.26.25.44.25.06 0 .12-.01.17-.03l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73 0 .21-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z");
+ transform: translate(-12px, -12px);
+}
+
+.lottieIcon_f73ef7:hover {
+ animation: rotate-panel-icon 800ms ease;
+}
+
+/*# sourceMappingURL=icons.css.map */
diff --git a/other/themes/Material-Discord/css/source.css b/other/themes/Material-Discord/css/source.css
new file mode 100644
index 0000000..5a74945
--- /dev/null
+++ b/other/themes/Material-Discord/css/source.css
@@ -0,0 +1,17052 @@
+@import url(https://raw.githubusercontent.com/tayrp/vc-snippets/main/BetterSpotifyPlayer.css);
+@import url(https://raw.githubusercontent.com/tayrp/vc-snippets/main/tabsv2_desktop.css);
+@import url('https://fonts.googleapis.com/css2?family=Cactus+Classical+Serif&family=Shantell+Sans:ital,wght@0,300..800;1,300..800&display=swap');
+@import url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/css/icons.css");
+:root {
+ --app-font: "Shantell Sans";
+ --app-bg: var(--main-alt);
+ --accent-hue: 224;
+ --accent-saturation: 71%;
+ --accent-lightness: 61%;
+ --accent-hsl: var(--accent-hue),calc(var(--accent-saturation) * var(--saturation-factor)),var(--accent-lightness);
+ --accent-text-color: hsl(0,0%,100%);
+ --alert-hue: 0;
+ --alert-saturation: 85%;
+ --alert-lightness: 61%;
+ --alert-hsl: var(--alert-hue), calc(var(--alert-saturation) * var(--saturation-factor)), var(--alert-lightness);
+ --alert-text-color: hsl(0,0%,100%);
+ --warning-hue: 40;
+ --warning-saturation: 86.4%;
+ --warning-lightness: 56.9%;
+ --warning-hsl: var(--warning-hue), calc(var(--warning-saturation) * var(--saturation-factor)), var(--warning-lightness);
+ --warning-text-color: hsl(0,0%,100%);
+ --success-color: hsl(153,46%,49%);
+ --sidebar-panel-radius-big: var(--popout-radius-big);
+ --sidebar-panel-radius-small: 4px;
+ --message-radius: 18px;
+ --message-padding-top: 8px;
+ --message-padding-side: 12px;
+ --main-textarea-color: var(--input-color);
+ --main-textarea-border: var(--input-border-color);
+ --main-textarea-radius: 24px;
+ --media-radius: calc(var(--message-radius) / 1.75);
+ --card-radius: 8px;
+ --card-radius-big: 18px;
+ --button-height: 36px;
+ --button-radius: calc(var(--button-height) / 2);
+ --button-padding: 0 24px;
+ --button-font-size: 14px;
+ --button-link-accent-color: var(--accent-hsl--material-you);
+ --button-link-accent-text-color: hsl(var(--accent-hsl--material-you));
+ --button-action-color: hsl(0,0%,100%);
+ --button-action-hover: 0.06;
+ --button-action-active: 0.12;
+ --input-height: var(--button-height);
+ --input-radius: calc(var(--input-height) / 2);
+ --input-padding: 0 12px;
+ --typing-color: hsl(from var(--chat-color) h s l / 0.9);
+ --emoji-category-header: hsl(from var(--popout-color) h s l / 0.95);
+ --popout-radius: var(--card-radius);
+ --popout-radius-big: var(--card-radius-big);
+ --avatar-radius: 24px;
+ --channel-radius: 21px;
+ --spotify-color: hsl(141,73%,42%);
+ --stream-color: hsl(262,47%,40%);
+ --xbox-color: hsl(120,77%,27%);
+ --tooltip-color: hsl(0,0%,38%,0.9);
+ --tooltip-border-color: hsl(0,0%,51%);
+ --tooltip-text-color: hsl(0,0%,87%);
+ --tooltip-font-size: 12px;
+ --tooltip-padding: 8px;
+ --tooltip-radius: 8px;
+ --tooltip-shadow: 0px 5px 15px hsl(0,0%,0%,0.2);
+ --shadow-1dp: 0 2px 2px 0 hsl(0,0%,0%,0.14), 0 3px 1px -2px hsl(0,0%,0%,0.2), 0 1px 5px 0 hsl(0,0%,0%,0.12);
+ --shadow-2dp: 0 4px 5px 0 hsl(0,0%,0%,0.14), 0 1px 10px 0 hsl(0,0%,0%,0.12), 0 2px 4px -1px hsl(0,0%,0%,0.2);
+ --shadow-3dp: 0 8px 10px 1px hsl(0,0%,0%,0.14), 0 3px 14px 2px hsl(0,0%,0%,0.12), 0 5px 5px -3px hsl(0,0%,0%,0.2);
+ --default-animation: cubic-bezier(0.4,0,0.2,1);
+ --default-time: 250ms;
+ --scrollbar-width: 10px;
+ --scrollbar-thin-width: 6px;
+ --window-title-bar: 22px;
+ --window-button-min: hsl(39,100%,63%);
+ --window-button-max: hsl(143,100%,40%);
+ --window-button-close: hsl(1,100%,68%);
+ --code-font: Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace;
+}
+
+.theme-dark {
+ --main-color: hsl(225,8%,9%);
+ --main-alt: hsl(220,9%,6%);
+ --accent-hsl--material-you: var(--accent-hsl);
+ --accent-text-color--material-you: var(--accent-text-color);
+ --server-color: transparent;
+ --server-folder-color: hsl(0,0%,100%,0.085);
+ --status-picker-color: hsl(228,5%,18%);
+ --sidebar-panel-color: hsl(228,7%,14%);
+ --chat-color: var(--main-color);
+ --message-color: hsl(216,7%,14%);
+ --message-color-hover: hsl(216,7%,18%);
+ --message-color-alt: hsl(216,7%,13%);
+ --attachment-color: hsl(216,7%,9%);
+ --popout-color: hsl(214,7%,19%);
+ --popout-color-alt: hsl(216,7%,14%);
+ --popout-header-border: hsl(0,0%,100%,0.125);
+ --separator-color: hsl(0,0%,100%,0.125);
+ --header-secondary: hsl(0,0%,92%);
+ --profile-body-background-color: hsl(225,6%,14%);
+ --input-color: hsl(240,4%,16%);
+ --input-color-alt: hsl(240,2%,22%);
+ --input-border-color: hsl(0,0%,29%);
+ --input-text-color: hsl(0,0%,85%);
+ --input-placeholder-color: hsl(0,0%,59%);
+ --input-pill-color: hsl(0,0%,100%,0.125);
+ --tab-border-color: hsl(0,0%,100%);
+ --interactive-muted: hsl(0,0%,41%);
+ --text-disabled: hsl(0,0%,40%);
+ --menu-item-hover: hsl(0,0%,100%,0.075);
+ --menu-item-select: hsl(0,0%,100%,0.1);
+ --menu-item-select-accent-opacity: 0.3;
+ --menu-item-text-color: hsl(0,0%,76%);
+ --card-color-outlined: transparent;
+ --card-color-filled: hsl(225,6%,13%);
+ --card-color-hover: hsl(225,6%,16%);
+ --card-color-active: hsl(225,6%,25%);
+ --card-color-alt: hsl(225,6%,18%);
+ --card-color-alt-hover: hsl(225,6%,21%);
+ --card-border-color: hsl(220,3%,26%);
+ --card-header-text-color: hsl(0,0%,93%);
+ --card-button-color: hsl(0,0%,100%,0.09);
+ --card-button-color-hover: hsl(0,0%,100%,0.135);
+ --activity-card-color: hsl(0,0%,100%,0.0475);
+ --activity-card-color--hover: hsl(0,0%,100%,0.06);
+ --activity-card-color--active: hsl(0,0%,100%,0.07);
+ --activity-card-color--inset: hsl(0,0%,100%,0.05);
+ --button-link-color: 0,0%,100%;
+ --button-link-text-color: hsl(0,0%,100%);
+ --button-border-color: hsl(0,0%,27%);
+ --switch-knob-color: hsl(0,0%,47%);
+ --switch-knob-color-modal: hsl(0,0%,56%);
+ --switch-slider-color: hsl(240,1%,20%);
+ --switch-slider-color-modal: var(--switch-slider-color);
+ --switch-color-modifier: 1.3;
+ --switch-color-checked: hsl(var(--accent-hsl),0.3);
+ --md-ripple-color: 0,100%,100%;
+ --scrollbar-color: 255,255,255;
+ --window-button: hsl(0,0%,100%,0.1);
+ --window-button-inactive: hsl(0,0%,100%,0.05);
+ --text-brand: hsl(var(--accent-hsl));
+ --text-link: hsl(var(--accent-hsl));
+}
+
+.theme-light {
+ --main-color: hsl(0,0%,98%);
+ --main-alt: hsl(0,0%,91%);
+ --accent-hsl--material-you: var(--accent-hsl);
+ --accent-text-color--material-you: var(--accent-text-color);
+ --server-color: transparent;
+ --server-folder-color: hsl(0,0%,0%,0.1);
+ --status-picker-color: hsl(180,3%,87%);
+ --sidebar-panel-color: hsl(210,5%,93%);
+ --chat-color: var(--main-color);
+ --message-color: hsl(210,4%,90%);
+ --message-color-hover: hsl(210,4%,86%);
+ --message-color-alt: hsl(210,4%,84%);
+ --attachment-color: hsl(210,4%,79%);
+ --main-textarea-color-alt: hsl(0,0%,98%);
+ --popout-color: hsl(0,0%,100%);
+ --popout-color-alt: hsl(0,0%,90%);
+ --popout-header-border: hsl(0,0%,80%);
+ --separator-color: hsl(0,0%,0%,0.195);
+ --header-secondary: hsl(0,0%,27%);
+ --profile-body-background-color: hsl(0,0%,93%);
+ --input-color: hsl(0,0%,89%);
+ --input-color-alt: hsl(0,0%,100%);
+ --input-border-color: hsl(0,0%,66%);
+ --input-text-color: hsl(0,0%,17%);
+ --input-placeholder-color: hsl(0,0%,39%);
+ --input-pill-color: hsl(0,0%,0%,0.135);
+ --tab-border-color: hsl(0,0%,47%);
+ --interactive-muted: hsl(0,0%,60%);
+ --text-disabled: hsl(0,0%,75%);
+ --menu-item-hover: hsl(0,0%,0%,0.1);
+ --menu-item-select: hsl(0,0%,0%,0.125);
+ --menu-item-select-accent-opacity: 0.4;
+ --menu-item-text-color: hsl(0,0%,20%);
+ --card-color-outlined: transparent;
+ --card-color-filled: hsl(0,0%,92%);
+ --card-color-hover: hsl(0,0%,85%);
+ --card-color-active: hsl(0,0%,80%);
+ --card-color-alt: hsl(0,0%,98%);
+ --card-color-alt-hover: hsl(0,0%,88%);
+ --card-border-color: hsl(0,0%,78%);
+ --card-header-text-color: hsl(0,0%,20%);
+ --card-button-color: hsl(0,0%,100%,1);
+ --card-button-color-hover: hsl(0,0%,0%,0.1);
+ --activity-card-color: hsl(0,0%,0%,0.0785);
+ --activity-card-color--hover: hsl(0,0%,0%,0.1);
+ --activity-card-color--active: hsl(0,0%,0%,0.125);
+ --activity-card-color--inset: hsl(0,0%,100%,0.685);
+ --button-link-color: 0,0%,0%;
+ --button-link-text-color: hsl(0,0%,20%);
+ --button-border-color: hsl(0,0%,80%);
+ --switch-knob-color: hsl(0,0%,49%);
+ --switch-slider-color: hsl(0,0%,81%);
+ --switch-slider-color-modal: var(--switch-slider-color);
+ --switch-color-modifier: 1.8;
+ --switch-color-checked: hsl(var(--accent-hsl),0.8);
+ --md-ripple-color: 0,0%,0%;
+ --scrollbar-color: 0,0,0;
+ --window-button: hsl(0,0%,0%,0.2);
+ --window-button-inactive: hsl(0,0%,0%,0.1);
+ --text-brand: hsl(var(--accent-hsl));
+ --text-link: hsl(var(--accent-hsl));
+}
+
+/*
+ *
+ * APP ELEMENTS
+ *
+ */
+* {
+ font-family: var(--app-font), sans-serif !important;
+}
+
+::selection {
+ background: hsl(var(--accent-hsl), 0.35);
+ text-shadow: none;
+}
+
+body,
+.app_bd26cc,
+.appMount_ea7e65 {
+ background-color: transparent;
+}
+
+.appMount_ea7e65 {
+ background: var(--app-bg);
+}
+
+.bg_d4b6c5,
+.container_e40c16 {
+ background: var(--app-bg);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: cover;
+}
+
+.bg_d4b6c5.theme-dark {
+ background-color: var(--main-alt);
+}
+
+.platform-win .bg_d4b6c5 {
+ top: calc((var(--window-title-bar) + 4px) * -1);
+}
+
+.layers_a01fb1 {
+ z-index: 1000;
+}
+
+.anchor-1MIwyf,
+.icon_e40c16,
+.colorBrand-21Le_q,
+.colorBrand_fbc755 {
+ color: hsl(var(--accent-hsl));
+}
+
+/* APP ELEMENTS -> LIGHT THEME WITH DARK SIDEBAR */
+.bg_d4b6c5.theme-dark:after {
+ position: absolute;
+ content: " ";
+ width: var(--card-radius-big);
+ height: calc(100vh - 22px);
+ top: 26px;
+ left: 312px;
+ background-color: var(--chat-color);
+ pointer-events: none;
+}
+
+.sidebar_a4d4d9.theme-dark + .chat_a7d72e,
+.sidebar_a4d4d9.theme-dark + .container_c2739c,
+.sidebar_a4d4d9.theme-dark + .container_a94980,
+.sidebar_a4d4d9.theme-dark + .applicationStore_cecc86,
+.sidebar_a4d4d9.theme-dark + .shop_e77fa3,
+.sidebar_a4d4d9.theme-dark + .container_d576e9 {
+ border-radius: var(--card-radius-big);
+ border-bottom-right-radius: 0;
+}
+
+/* APP ELEMENTS -> LOADING ICONS */
+.path_b6db20,
+.path2_b6db20,
+.path3_b6db20 {
+ stroke: hsl(var(--accent-hsl--material-you)) !important;
+}
+
+.path2_b6db20 {
+ opacity: 0.6;
+}
+
+.path3_b6db20 {
+ opacity: 0.2;
+}
+
+.wanderingCubes_b6db20 .item_b6db20 {
+ background-color: hsl(var(--accent-hsl--material-you));
+}
+
+/* APP ELEMENTS -> TITLEBAR */
+.wordmark_a934d8.wordmarkWindows_a934d8 {
+ width: auto;
+ height: var(--window-title-bar);
+ padding: 0 0 0 4px;
+ line-height: var(--window-title-bar);
+ font-size: 0.9em;
+ color: var(--text-normal);
+}
+.wordmark_a934d8.wordmarkWindows_a934d8:before, .wordmark_a934d8.wordmarkWindows_a934d8:after {
+ position: relative;
+ width: auto;
+ height: 22px;
+}
+.wordmark_a934d8.wordmarkWindows_a934d8:before {
+ content: "Material";
+ font-weight: 700;
+}
+.wordmark_a934d8.wordmarkWindows_a934d8:after {
+ content: "Discord";
+}
+.wordmark_a934d8.wordmarkWindows_a934d8 svg {
+ display: none;
+}
+
+.typeWindows_a934d8.withFrame_a934d8 {
+ height: var(--window-title-bar);
+ margin-top: 0;
+}
+.typeWindows_a934d8 .winButton_a934d8 {
+ height: var(--window-title-bar);
+ top: 0;
+}
+.typeWindows_a934d8 .winButton_a934d8:before {
+ position: absolute;
+ content: " ";
+ width: 12px;
+ height: 12px;
+ background-position: center;
+ -webkit-mask-size: contain;
+ mask-size: contain;
+ filter: brightness(40%);
+ z-index: 2;
+ opacity: 0;
+ transition: var(--default-time) var(--default-animation) opacity;
+ pointer-events: none;
+}
+.typeWindows_a934d8 .winButton_a934d8:hover:before {
+ opacity: 1;
+}
+.typeWindows_a934d8 .winButton_a934d8:after {
+ position: absolute;
+ content: " ";
+ width: 16px;
+ height: 16px;
+ border-radius: 50%;
+ background-color: var(--window-button);
+ transition: var(--default-time) var(--default-animation);
+ pointer-events: none;
+}
+.typeWindows_a934d8 .winButton_a934d8:active:after {
+ opacity: 0.65;
+}
+.typeWindows_a934d8 .winButton_a934d8.winButtonMinMax_a934d8:nth-last-of-type(2):hover:after {
+ background-color: var(--window-button-max);
+}
+.typeWindows_a934d8 .winButton_a934d8.winButtonMinMax_a934d8:nth-last-of-type(2):before {
+ background-color: var(--window-button-max);
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/window_maximize.svg);
+ -webkit-mask-repeat: no-repeat;
+}
+.typeWindows_a934d8 .winButton_a934d8.winButtonMinMax_a934d8:nth-last-of-type(1):hover:after {
+ background-color: var(--window-button-min);
+}
+.typeWindows_a934d8 .winButton_a934d8.winButtonMinMax_a934d8:nth-last-of-type(1):before {
+ background-color: var(--window-button-min);
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/window_minimize.svg);
+ -webkit-mask-repeat: no-repeat;
+}
+.typeWindows_a934d8 .winButton_a934d8.winButtonClose_a934d8:hover:after {
+ background-color: var(--window-button-close);
+}
+.typeWindows_a934d8 .winButton_a934d8.winButtonClose_a934d8:before {
+ background-color: var(--window-button-close);
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/window_close.svg);
+ -webkit-mask-repeat: no-repeat;
+}
+.typeWindows_a934d8 .winButton_a934d8:hover, .typeWindows_a934d8 .winButton_a934d8:active {
+ background-color: transparent;
+}
+.typeWindows_a934d8 .winButton_a934d8 svg {
+ display: none;
+}
+
+html:not(.app-focused) .typeWindows_a934d8 .winButton_a934d8:after {
+ background-color: var(--window-button-inactive);
+}
+html:not(.app-focused) .typeWindows_a934d8 .winButton_a934d8.winButtonMinMax_a934d8:after {
+ background-color: var(--window-button-inactive);
+}
+
+/*
+ *
+ * LOGIN SCREEN
+ *
+ */
+.authBox_dc6abe {
+ padding: 24px 24px 0;
+ background-color: var(--popout-color) !important;
+ border-radius: var(--popout-radius-big) !important;
+ box-shadow: var(--shadow-3dp) !important;
+}
+.authBox_dc6abe:last-child {
+ padding-bottom: 24px;
+}
+.authBox_dc6abe .mainLoginContainer_d58f04 {
+ margin-right: 24px;
+ padding-right: 24px;
+ border-right: 1px solid var(--card-border-color);
+}
+.authBox_dc6abe .heading-xl\/semibold_dc00ef {
+ margin-bottom: 16px;
+ font-weight: 400;
+}
+.authBox_dc6abe .verticalSeparator_c6cd4b {
+ display: none;
+}
+.authBox_dc6abe .qrLogin_c6cd4b {
+ height: 320px;
+}
+.authBox_dc6abe .needAccount_d58f04 {
+ line-height: 24px;
+}
+.authBox_dc6abe .lookLink_dd4f85 .size14_fb468f {
+ line-height: var(--button-height);
+}
+.authBox_dc6abe:not(.chooseAccountAuthBox_b4df52) .lookLink_dd4f85 {
+ --button-height: 17px;
+ --button-padding: 0;
+ --button-radius: 0;
+ font-size: var(--button-font-size) !important;
+ font-weight: 400 !important;
+}
+.authBox_dc6abe:not(.chooseAccountAuthBox_b4df52) .lookLink_dd4f85:after {
+ display: none;
+}
+.authBox_dc6abe:not(.chooseAccountAuthBox_b4df52) .lookLink_dd4f85:hover {
+ text-decoration: underline !important;
+}
+.authBox_dc6abe .needAccount_d58f04 + .lookLink_dd4f85 {
+ position: relative;
+ top: -3px;
+}
+
+.navRow_be9398 {
+ height: auto;
+ padding: 24px;
+ background-color: transparent !important;
+}
+.navRow_be9398 .button_dd4f85 {
+ margin: 0;
+}
+.navRow_be9398 .button-1cRKG6 {
+ margin: 0;
+}
+
+/*
+ *
+ * CHANNELS LIST
+ *
+ */
+.sidebar_a4d4d9 {
+ background-color: var(--main-color);
+ border-radius: var(--card-radius-big) 0 0 var(--card-radius-big) !important;
+ overflow: hidden;
+}
+.sidebar_a4d4d9.hasNotice_a4d4d9 {
+ border-radius: 0 !important;
+}
+.sidebar_a4d4d9 .container_ee69e0 {
+ background-color: transparent;
+}
+.sidebar_a4d4d9 .content_eed6a8 {
+ margin-bottom: 11px;
+}
+.sidebar_a4d4d9 .name_a08117 {
+ font-size: 14px;
+ text-transform: none;
+}
+.sidebar_a4d4d9 .container_fd6364:not(.hasBanner_fd6364) .header_fd6364 {
+ background-color: var(--main-color);
+}
+.sidebar_a4d4d9 .unread_c10249 {
+ font-size: 14px;
+ text-transform: none;
+ background-color: var(--popout-color);
+ box-shadow: var(--shadow-2dp);
+ color: var(--text-normal);
+}
+
+.link_d8bfb3 {
+ margin: 0 8px;
+ padding: 0 !important;
+ background-color: transparent !important;
+ overflow: visible;
+}
+.link_d8bfb3 .linkTop_d8bfb3,
+.link_d8bfb3 .content_cc29d1 {
+ min-height: 32px;
+ gap: 8px;
+ align-items: center;
+}
+
+.voiceChannelsButton_a08117 {
+ background-color: hsl(var(--button-link-accent-color), 0.15);
+ border-radius: 16px;
+ border: none;
+ color: var(--text-normal);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.voiceChannelsButton_a08117:hover {
+ background-color: hsl(var(--button-link-accent-color), 0.2);
+}
+
+.animatedContainer_fd6364 {
+ box-shadow: none;
+}
+
+.animatedContainer_fd6364,
+.bannerImage_fd6364 {
+ border-radius: var(--card-radius-big);
+}
+
+.communityInfoPill_fd6364 {
+ background-color: var(--card-color-filled);
+ color: var(--text-normal);
+}
+
+.container_ff2ab3 {
+ margin: 8px;
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 12px;
+ border-radius: var(--card-radius-big);
+ box-shadow: none;
+}
+
+.container_eba0ba.top_eba0ba {
+ padding-top: 4px;
+}
+.container_eba0ba.bottom_eba0ba {
+ bottom: 12px;
+ padding-bottom: 4px;
+}
+
+.bar_eba0ba {
+ background-color: var(--popout-color);
+ box-shadow: var(--shadow-3dp);
+}
+
+.mentionsBar_eba0ba {
+ background-color: hsl(var(--alert-hsl));
+}
+.mentionsBar_eba0ba .barText_eba0ba {
+ color: var(--alert-text-color) !important;
+}
+
+.barText_eba0ba {
+ font-size: 14px;
+ text-transform: none;
+ font-weight: 500;
+}
+
+#bd-notices + .content_a4d4d9 .sidebar_a4d4d9 {
+ border-radius: 0 !important;
+}
+
+/* CHANNELS LIST -> SERVER SHOP */
+.previewChannelRow_c5d9bc {
+ margin: 2px 2px 0 8px;
+ padding: 0;
+ border-radius: var(--channel-radius);
+ color: var(--channels-default);
+ transition: var(--default-time) var(--default-animation) background-color !important;
+}
+.previewChannelRow_c5d9bc:hover {
+ background-color: var(--menu-item-hover);
+ color: var(--interactive-hover);
+}
+.previewChannelRow_c5d9bc.selected_c5d9bc {
+ background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity));
+ color: var(--interactive-active);
+}
+
+.previewChannelRowContent_c5d9bc {
+ background-color: transparent !important;
+}
+
+.shopIcon_c5d9bc,
+.channelLabel__86693 {
+ color: inherit !important;
+ transition: var(--default-time) var(--default-animation) color;
+}
+
+/* CHANNELS LIST -> ACTION BUTTONS */
+.container-3ygkZ6 {
+ margin-left: 8px;
+ margin-right: 2px;
+}
+
+.actionButton-2ae9DJ {
+ background-color: transparent;
+ border-radius: 17px;
+ border: 1px solid var(--card-border-color);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.actionButton-2ae9DJ:hover {
+ background-color: var(--menu-item-hover);
+}
+.actionButton-2ae9DJ.actionButtonSelected-2a5GGr {
+ background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity));
+ border-color: transparent;
+}
+
+.actionButtonIcon-2kvKdL path[d="M12.3345 2.71469L21.0315 10.542C21.3721 10.8486 21.1553 11.4137 20.697 11.4137H19V18.4137C19 18.9659 18.5523 19.4137 18 19.4137H15C14.4477 19.4137 14 18.9659 14 18.4137V13.4137H10V18.4137C10 18.9659 9.55228 19.4137 9 19.4137H6C5.44771 19.4137 5 18.9659 5 18.4137V11.4137H3.30298C2.84473 11.4137 2.62789 10.8486 2.96849 10.542L11.6655 2.71469C11.8557 2.54356 12.1443 2.54356 12.3345 2.71469Z"] {
+ d: path("M12 5.69l5 4.5V18h-2v-6H9v6H7v-7.81l5-4.5M12 3L2 12h3v8h6v-6h2v6h6v-8h3L12 3z");
+}
+.actionButtonIcon-2kvKdL path[d="M21.487 5.126L12.487 0.126C12.184 -0.042 11.818 -0.042 11.515 0.126L2.51498 5.126C2.19798 5.302 2.00098 5.636 2.00098 5.999C2.00098 6.693 2.11498 22.999 12.001 22.999C21.887 22.999 22.001 6.693 22.001 5.999C22.001 5.636 21.804 5.302 21.487 5.126ZM12.001 5.999C13.382 5.999 14.501 7.118 14.501 8.499C14.501 9.88 13.382 10.999 12.001 10.999C10.62 10.999 9.50098 9.88 9.50098 8.499C9.50098 7.118 10.62 5.999 12.001 5.999ZM8.25098 16C8.25098 13.699 9.69998 12.25 12.001 12.25C14.302 12.25 15.751 13.699 15.751 16H8.25098Z"] {
+ d: path("M12,5A3.5,3.5 0 0,0 8.5,8.5A3.5,3.5 0 0,0 12,12A3.5,3.5 0 0,0 15.5,8.5A3.5,3.5 0 0,0 12,5M12,7A1.5,1.5 0 0,1 13.5,8.5A1.5,1.5 0 0,1 12,10A1.5,1.5 0 0,1 10.5,8.5A1.5,1.5 0 0,1 12,7M5.5,8A2.5,2.5 0 0,0 3,10.5C3,11.44 3.53,12.25 4.29,12.68C4.65,12.88 5.06,13 5.5,13C5.94,13 6.35,12.88 6.71,12.68C7.08,12.47 7.39,12.17 7.62,11.81C6.89,10.86 6.5,9.7 6.5,8.5C6.5,8.41 6.5,8.31 6.5,8.22C6.2,8.08 5.86,8 5.5,8M18.5,8C18.14,8 17.8,8.08 17.5,8.22C17.5,8.31 17.5,8.41 17.5,8.5C17.5,9.7 17.11,10.86 16.38,11.81C16.5,12 16.63,12.15 16.78,12.3C16.94,12.45 17.1,12.58 17.29,12.68C17.65,12.88 18.06,13 18.5,13C18.94,13 19.35,12.88 19.71,12.68C20.47,12.25 21,11.44 21,10.5A2.5,2.5 0 0,0 18.5,8M12,14C9.66,14 5,15.17 5,17.5V19H19V17.5C19,15.17 14.34,14 12,14M4.71,14.55C2.78,14.78 0,15.76 0,17.5V19H3V17.07C3,16.06 3.69,15.22 4.71,14.55M19.29,14.55C20.31,15.22 21,16.06 21,17.07V19H24V17.5C24,15.76 21.22,14.78 19.29,14.55M12,16C13.53,16 15.24,16.5 16.23,17H7.77C8.76,16.5 10.47,16 12,16");
+ transform: scale(1.025);
+}
+.actionButtonIcon-2kvKdL path[d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7v-5z"] {
+ d: path("M12 12H17V17H12V12M19 3H18V1H16V3H8V1H6V3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M19 5V7H5V5H19M5 19V9H19V19H5Z");
+}
+.actionButtonIcon-2kvKdL path[d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7v-5z"] ~ rect {
+ display: none;
+}
+
+/* CHANNELS LIST -> CHANNEL */
+.wrapper_d8bfb3 {
+ margin: 2px 2px 0 8px;
+ padding: 0 !important;
+ border-radius: var(--channel-radius);
+ transition: var(--default-time) var(--default-animation) background-color !important;
+}
+.wrapper_d8bfb3:hover {
+ background-color: var(--menu-item-hover);
+}
+.wrapper_d8bfb3.modeSelected_d8bfb3 {
+ background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity));
+}
+.wrapper_d8bfb3.modeSelected_d8bfb3 .icon_d8bfb3 {
+ color: var(--interactive-hover);
+}
+.wrapper_d8bfb3 .content_cc29d1 {
+ margin-left: 0;
+ background-color: transparent !important;
+ border-radius: var(--channel-radius);
+}
+.wrapper_d8bfb3 .subtitle_d8bfb3 {
+ color: hsl(var(--accent-hsl--material-you)) !important;
+}
+
+.icon_d8bfb3,
+.name_d8bfb3 {
+ transition: var(--default-time) var(--default-animation) color;
+}
+
+.newChannel_ecb303 {
+ color: hsl(var(--accent-hsl--material-you));
+}
+[style="background-color: var(--brand-260);"].newChannel_ecb303 {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ color: var(--accent-text-color--material-you);
+}
+
+.typeThread_d8bfb3 .mainContent-20q_Hp {
+ margin-left: 28px;
+}
+
+.unread_d8bfb3 {
+ left: -8px;
+}
+
+.containerDefault_a08117 .addButton_a08117 {
+ background-color: transparent !important;
+ position: relative;
+}
+.containerDefault_a08117 .addButton_a08117:after {
+ content: " ";
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ background-color: hsl(var(--md-ripple-color), 0.1);
+ border-radius: 50%;
+ opacity: 0;
+ pointer-events: none;
+ transform: scale(1.2);
+ transition: 300ms ease;
+ z-index: 4;
+}
+.containerDefault_a08117 .addButton_a08117:hover:after {
+ opacity: 1;
+ transform: scale(1.5);
+ animation: scale 150ms var(--default-animation), opacity 150ms ease;
+}
+.containerDefault_a08117 .addButton_a08117:active:after {
+ background-color: hsl(var(--md-ripple-color), 0.2);
+}
+
+.containerDragBefore_f6f816:before,
+.containerDragAfter_f6f816:after {
+ left: 0;
+ background-color: hsl(var(--accent-hsl--material-you));
+}
+
+.containerUserOver_f6f816:after {
+ right: 4px;
+ background-color: hsl(var(--accent-hsl), 0.1);
+ border-radius: var(--card-radius-big);
+ border-color: hsl(var(--accent-hsl), 0.5);
+}
+
+.users_a5bc92 {
+ background-color: var(--status-picker-color);
+}
+
+.total_a5bc92 {
+ background-color: var(--sidebar-panel-color);
+}
+.total_a5bc92:after {
+ border-right-color: var(--sidebar-panel-color);
+}
+
+.statusDiv_e66732,
+.subtitle_d8bfb3 .overflow_c74e70 {
+ margin-bottom: 4px;
+}
+
+.textArea_ab60f4 {
+ background-color: var(--input-color);
+ border-radius: 22px;
+}
+.textArea_ab60f4 .placeholder_a552a6 {
+ color: var(--input-placeholder-color);
+}
+
+/* CHANNELS -> VOICE USERS */
+.list_a478e5 {
+ padding: 0 2px 8px 36px;
+}
+
+.listDefault_cdc675 .content_cdc675 {
+ min-height: 30px;
+ margin: 2px 0 0;
+ padding: 0 3px;
+ gap: 8px;
+}
+.listDefault_cdc675 .content_cdc675 .userAvatar_ac3629 {
+ margin: 0;
+}
+.listDefault_cdc675 .content_cdc675 .icons_cdc675 {
+ margin-right: 0;
+}
+.listDefault_cdc675 .clickable_cdc675:hover .content_cdc675 {
+ background-color: var(--menu-item-hover);
+}
+.listDefault_cdc675 .clickable_cdc675.selected_cdc675 .content_cdc675 {
+ background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity));
+}
+
+.username_cdc675 {
+ transition: var(--default-time) var(--default-animation) color;
+}
+
+.avatar_cdc675 {
+ border-radius: var(--avatar-radius);
+}
+
+.overlap_cdc675 .avatar_cdc675 {
+ border-color: var(--main-color);
+}
+
+/* CHANNELS -> VOICE USERS -> CUSTOM VC ACTIVITY */
+.iconSpacing_cdc675 {
+ margin-left: 0;
+}
+
+.selfHangStatus__0c876 {
+ margin-right: 0;
+ background-color: var(--card-button-color);
+ border-radius: 13px;
+ border: none;
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+
+.popout_a9414b {
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+}
+.popout_a9414b .iconWidget_a9414b {
+ background-color: var(--card-button-color) !important;
+ border-radius: 50%;
+ border: none;
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.popout_a9414b .iconWidget_a9414b:hover {
+ background-color: var(--card-button-color-hover) !important;
+}
+.popout_a9414b .iconWidget_a9414b.selectedWidget_a9414b {
+ background-color: var(--card-color-filled) !important;
+}
+.popout_a9414b .divider_a9414b {
+ margin: 16px 0;
+ background-color: var(--popout-header-border);
+}
+.popout_a9414b .iconsContainer_a9414b {
+ padding: 0;
+}
+.popout_a9414b .setCustomButton_a9414b {
+ height: var(--button-height);
+ padding: 0 20px;
+ background-color: hsl(var(--accent-hsl--material-you));
+ border-radius: var(--button-radius);
+ border: none;
+ color: var(--accent-text-color--material-you);
+ justify-content: center;
+}
+.popout_a9414b .setCustomButton_a9414b svg {
+ display: none;
+}
+.popout_a9414b .setCustomButton_a9414b .editIconColor_a9414b {
+ color: inherit;
+}
+.popout_a9414b .setCustomButton_a9414b .text-xs\/medium_dc00ef {
+ color: inherit !important;
+ font-size: var(--button-font-size);
+}
+
+/*
+ *
+ * CHANNELS LIST ICONS
+ *
+ */
+.iconContainer_d8bfb3 {
+ margin-right: 0 !important;
+}
+
+.children_d8bfb3:not(:empty) {
+ height: 32px;
+ gap: 8px;
+ align-items: center;
+}
+
+.iconItem_f6f816 {
+ position: relative;
+ margin: 0;
+ padding: 2px;
+ position: relative;
+}
+.iconItem_f6f816:after {
+ content: " ";
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ background-color: hsl(var(--md-ripple-color), 0.1);
+ border-radius: 50%;
+ opacity: 0;
+ pointer-events: none;
+ transform: scale(1.2);
+ transition: 300ms ease;
+ z-index: 4;
+}
+.iconItem_f6f816:hover:after {
+ opacity: 1;
+ transform: scale(1.4);
+ animation: scale 150ms var(--default-animation), opacity 150ms ease;
+}
+.iconItem_f6f816:active:after {
+ background-color: hsl(var(--md-ripple-color), 0.2);
+}
+[role].iconItem_f6f816 .actionIcon_f6f816:active {
+ transform: translateY(0);
+}
+
+/* VOICE */
+.content_cdc675 {
+ border-radius: 15px;
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.content_cdc675 .ownerIcon_a31c43 {
+ margin-right: 8px;
+}
+
+/*
+ *
+ * CHANNELS LIST PANELS
+ *
+ */
+.container_ee69e0:after {
+ position: absolute;
+ content: " ";
+ width: calc(100% + 16px);
+ height: 40px;
+ left: -8px;
+ bottom: 0;
+ background: linear-gradient(0deg, var(--main-color) 0%, transparent 50%);
+ pointer-events: none;
+ z-index: 1;
+}
+
+.panels_a4d4d9 {
+ position: relative;
+ margin: -12px 8px 12px 12px;
+ background-color: transparent !important;
+}
+.panels_a4d4d9 > div:not(:empty):first-of-type {
+ border-top-left-radius: var(--sidebar-panel-radius-big);
+ border-top-right-radius: var(--sidebar-panel-radius-big);
+}
+.panels_a4d4d9 > div:not(:empty):first-of-type .contentWrapper_c721cc {
+ --sidebar-panel-radius-big: var(--popout-radius-big) !important;
+}
+.panels_a4d4d9 > div:not(:empty):first-of-type .container_adcaac {
+ border-top-left-radius: inherit;
+ border-top-right-radius: inherit;
+}
+.panels_a4d4d9 > div:not(:empty):last-of-type {
+ border-bottom-left-radius: var(--sidebar-panel-radius-big);
+ border-bottom-right-radius: var(--sidebar-panel-radius-big);
+}
+.panels_a4d4d9 > div:empty:first-of-type + .container_b2ca13 {
+ border-top-left-radius: var(--sidebar-panel-radius-big);
+ border-top-right-radius: var(--sidebar-panel-radius-big);
+}
+.panels_a4d4d9 .button_f67531:hover {
+ background-color: transparent !important;
+}
+.panels_a4d4d9 .button_f67531.enabled_f67531 {
+ position: relative;
+}
+.panels_a4d4d9 .button_f67531.enabled_f67531:after {
+ content: " ";
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ background-color: hsl(var(--md-ripple-color), 0.1);
+ border-radius: 50%;
+ opacity: 0;
+ pointer-events: none;
+ transform: scale(1.2);
+ transition: 300ms ease;
+ z-index: 4;
+}
+.panels_a4d4d9 .button_f67531.enabled_f67531:hover:after {
+ opacity: 1;
+ transform: scale(1);
+ animation: scale 150ms var(--default-animation), opacity 150ms ease;
+}
+.panels_a4d4d9 .button_f67531.enabled_f67531:active:after {
+ background-color: hsl(var(--md-ripple-color), 0.2);
+}
+
+.container_6sXIoE,
+.container_adcaac,
+.activityPanel_a4d4d9,
+.listeningAlong_cfdc9f {
+ margin-bottom: 2px;
+ background: var(--sidebar-panel-color);
+ border-radius: var(--sidebar-panel-radius-small);
+ border-bottom: none !important;
+}
+
+.activityPanel_a4d4d9 {
+ background: var(--sidebar-panel-color) !important;
+}
+.activityPanel_a4d4d9 .gameIcon_bf1a22 {
+ border-radius: 50%;
+}
+
+.container_adcaac .actionButtons_adcaac .button_dd4f85 {
+ --button-padding: 0 12px;
+}
+.container_adcaac .maskSecondary_ccd671 {
+ border-color: var(--sidebar-panel-color);
+}
+
+.actionButtons_adcaac .button_dd4f85 path[fill] {
+ fill: currentColor !important;
+}
+.actionButtons_adcaac .button_dd4f85 path[stroke] {
+ stroke: currentColor !important;
+}
+
+.container_b2ca13 {
+ width: 100%;
+ height: 44px !important;
+ margin-bottom: 0 !important;
+ background: var(--status-picker-color) !important;
+ border-radius: var(--sidebar-panel-radius-small);
+ box-sizing: border-box;
+}
+.container_b2ca13 .avatarWrapper_b2ca13 {
+ min-width: 0 !important;
+ margin-left: 0;
+ padding-left: 0;
+ flex-grow: 1;
+ margin-right: 0;
+}
+.container_b2ca13 .avatarWrapper_b2ca13:hover {
+ background-color: transparent;
+ border-radius: 0;
+}
+.container_b2ca13 .nameTag_b2ca13 {
+ margin-right: 2px;
+}
+.container_b2ca13 .subtext_e06aad {
+ line-height: 14px;
+}
+.container_b2ca13 .button_f67531 {
+ color: var(--interactive-normal) !important;
+}
+.container_b2ca13 .button_f67531:hover {
+ color: var(--interactive-hover) !important;
+}
+
+.unreadBottom__6be9f {
+ bottom: 12px;
+}
+
+.container_bd9e38 {
+ width: calc(100% - 16px);
+ margin: 0 8px 20px;
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+}
+.container_bd9e38 .content_bd9e38 {
+ padding: 8px 0;
+}
+.container_bd9e38 .content_bd9e38 .text-sm\/bold_dc00ef {
+ color: var(--header-primary) !important;
+}
+.container_bd9e38 .content_bd9e38 .text-xs\/normal_dc00ef {
+ color: var(--text-normal) !important;
+}
+.container_bd9e38 .content_bd9e38 .button_dd4f85 {
+ --button-padding: 0 12px;
+}
+.container_bd9e38 .content_bd9e38 .lookInverted_a299dc {
+ --button-background: hsl(var(--button-link-accent-color-color),0.15);
+ --button-text-color: var(--button-link-accent-text-color);
+}
+.container_bd9e38 .video_bd9e38 {
+ margin-top: -8px;
+ border-radius: var(--popout-radius-big);
+}
+
+/* CHANNELS LIST PANELS -> QUEST */
+.wrapper_c721cc {
+ margin-bottom: 2px;
+ background-color: var(--sidebar-panel-color) !important;
+ border-radius: var(--sidebar-panel-radius-big) var(--sidebar-panel-radius-big) var(--sidebar-panel-radius-small) var(--sidebar-panel-radius-small);
+}
+
+.contentWrapper_c721cc {
+ --sidebar-panel-radius-big: var(--sidebar-panel-radius-small);
+ background-color: var(--sidebar-panel-color) !important;
+ border-radius: var(--sidebar-panel-radius-big) var(--sidebar-panel-radius-big) var(--sidebar-panel-radius-small) var(--sidebar-panel-radius-small);
+ overflow: hidden;
+ transition: var(--default-time) var(--default-animation) border-radius;
+}
+.contentWrapper_c721cc:after {
+ box-shadow: none !important;
+}
+.contentWrapper_c721cc.contentWrapperExpanded_c721cc {
+ background-image: none !important;
+ border-top-left-radius: var(--popout-radius-big);
+ border-top-right-radius: var(--popout-radius-big);
+}
+.contentWrapper_c721cc.contentWrapperExpanded_c721cc .wrapper_efa999 {
+ padding: 4px 8px !important;
+}
+.contentWrapper_c721cc.contentWrapperExpanded_c721cc .wrapper_efa999 {
+ border-radius: calc(var(--popout-radius-big) / 1.5) !important;
+}
+
+.wrapper_efa999 {
+ padding: 8px !important;
+}
+
+.backgroundWrapper_efa999 {
+ display: none;
+}
+
+.wrapper_efa999,
+.heroAssetWrapper_e23249 {
+ border-radius: var(--sidebar-panel-radius-big) var(--sidebar-panel-radius-big) var(--sidebar-panel-radius-small) var(--sidebar-panel-radius-small) !important;
+}
+
+.heroAssetWrapper_e23249 {
+ filter: none !important;
+}
+
+.legibilityGradient_e23249 {
+ background: var(--sidebar-panel-color);
+ border-radius: var(--sidebar-panel-radius-big) var(--sidebar-panel-radius-big) var(--sidebar-panel-radius-small) var(--sidebar-panel-radius-small);
+}
+
+.heroAssetDarken_e23249,
+.heroAssetTint_e23249 {
+ background-color: var(--sidebar-panel-color) !important;
+ border-radius: var(--sidebar-panel-radius-big) var(--sidebar-panel-radius-big) var(--sidebar-panel-radius-small) var(--sidebar-panel-radius-small);
+}
+
+/* CHANNELS LIST PANELS -> QUEST ACCEPTED */
+.contentCollapsedAccepted_c3427e {
+ padding: 12px 8px;
+}
+
+.postEnrollmentBackground_c3427e {
+ background-image: none !important;
+ background-color: var(--sidebar-panel-color);
+ border-radius: 0;
+ border-top: none;
+}
+
+.wrapper_f21e08 {
+ margin-bottom: 0;
+ background-color: var(--card-color-alt);
+ border-radius: var(--card-radius-big);
+ border: none;
+}
+
+.stepWrapperComplete_f21e08 .stepIconWrapper_f21e08 {
+ background-color: hsl(var(--accent-hsl--material-you));
+ border-color: hsl(var(--accent-hsl--material-you));
+}
+.stepWrapperComplete_f21e08 .stepConnector_f21e08:before {
+ background-color: hsl(var(--accent-hsl--material-you));
+ box-shadow: 0 0 6px hsl(var(--accent-hsl--material-you));
+}
+
+.stepIconWrapper_f21e08 {
+ border-color: var(--card-border-color);
+}
+.stepIconWrapper_f21e08 .stepIcon_f21e08 path {
+ fill: var(--accent-text-color--material-you);
+}
+
+/*
+ *
+ * PRIVATE CHANNELS LIST
+ *
+ */
+.privateChannels_f0963d {
+ background-color: var(--main-color);
+}
+.privateChannels_f0963d .scroller_c47fa9 {
+ background-color: transparent;
+}
+.privateChannels_f0963d .content-2a4AW9 {
+ margin-bottom: 20px;
+}
+.privateChannels_f0963d .favoriteIcon_c91bad path:last-child {
+ d: path("M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55l-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z");
+}
+
+.searchBar_f0963d .searchBarComponent_f0963d {
+ height: 32px;
+ padding: 0 10px;
+ background-color: var(--input-color);
+ border-radius: 16px;
+}
+
+.channel_c91bad {
+ margin-left: 8px;
+ border-radius: var(--channel-radius);
+}
+.channel_c91bad:first-of-type {
+ margin-top: 8px;
+}
+.channel_c91bad .interactive_f5eb4b {
+ transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color;
+}
+.channel_c91bad .interactive_f5eb4b:hover {
+ background-color: var(--menu-item-hover);
+}
+.channel_c91bad .interactive_f5eb4b.selected_f5eb4b {
+ background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity));
+}
+
+.privateChannelsHeaderContainer_c47fa9 {
+ padding: 18px 16px 4px;
+ font-size: 14px;
+ text-transform: none;
+}
+
+/*
+ *
+ * CHAT AREA
+ *
+ */
+.chat_a7d72e,
+.threadSidebar-1o3BTy {
+ background-color: var(--chat-color) !important;
+}
+
+.chat_a7d72e {
+ border-top-right-radius: var(--card-radius-big);
+}
+.chat_a7d72e.threadSidebarOpen_a7d72e {
+ border-radius: 0 var(--card-radius-big) var(--card-radius-big) 0;
+}
+
+.noChannel_e1ef5f {
+ background-color: var(--chat-color);
+ border-top-right-radius: var(--card-radius-big);
+}
+
+.notice__5fd4c + .content_a4d4d9 .chat_a7d72e,
+#bd-notices + .content_a4d4d9 .chat_a7d72e {
+ border-top-right-radius: 0;
+}
+
+.chatContent_a7d72e {
+ background: transparent !important;
+}
+
+.chatHeaderBar_efb691 {
+ background-color: var(--chat-color);
+}
+.chatHeaderBar_efb691:after {
+ display: none;
+}
+
+.threadSidebar-1o3BTy {
+ border-radius: var(--card-radius-big) 0 0 var(--card-radius-big);
+}
+
+.button_ccfa44 {
+ --button-padding: 0 12px;
+ color: var(--button-link-text-color);
+}
+
+.role_deddac {
+ background-color: var(--message-color);
+ border-radius: 12px;
+}
+
+/* CHAT AREA -> WELCOME SERVER OPTIONS */
+.inner_f9902b {
+ gap: 2px;
+}
+
+.cardWrapper_f9902b:nth-of-type(2) .card_f9902b {
+ border-radius: var(--card-radius-big) var(--card-radius-big) 4px 4px;
+}
+.cardWrapper_f9902b:last-of-type .card_f9902b {
+ border-radius: 4px 4px var(--card-radius-big) var(--card-radius-big);
+}
+
+.card_f9902b {
+ margin-top: 0;
+ background-color: var(--card-color-filled);
+ border-radius: 4px;
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.card_f9902b:hover {
+ background-color: var(--card-color-hover);
+}
+
+/* CHAT AREA -> PLACEHOLDER */
+.wrapper_cdfd51 {
+ background: var(--chat-color) !important;
+}
+
+.wrapper_b75bb9 {
+ background: transparent !important;
+}
+
+.attachment_b75bb9,
+.avatar_b75bb9,
+.blob_b75bb9 {
+ background: hsl(0, 0%, 100%) !important;
+}
+
+/* CHAT AREA -> NEW MESSAGES PILL */
+.newMessagesPill__26926,
+.newMessagesClear__308be {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ box-shadow: var(--shadow-3dp);
+}
+
+.newMessagesPill__26926 {
+ position: relative;
+ padding: 9px 16px;
+ border-radius: 18px;
+}
+.newMessagesPill__26926:after {
+ position: absolute;
+ content: " ";
+ width: 40px;
+ height: 36px;
+ top: 0;
+ right: -24px;
+ z-index: -1;
+}
+.newMessagesPill__26926 .defaultColor__77578, .newMessagesPill__26926 .defaultColor_e9e35f, .newMessagesPill__26926 .defaultColor_a595eb {
+ color: var(--accent-text-color--material-you);
+}
+
+.newMessagesClear__308be {
+ margin-left: 8px;
+ padding: 10px;
+ border-radius: 18px;
+ border-left: none;
+}
+.newMessagesClear__308be .newMessagesClearIcon__0ab21 {
+ color: var(--accent-text-color--material-you);
+}
+
+/* CHAT AREA -> NEW MESSAGES BAR */
+.newMessagesBar_cf58b5 {
+ top: 16px;
+ left: 0;
+ right: 0;
+ align-items: center;
+ justify-content: center;
+ background-color: transparent;
+ box-shadow: none;
+ opacity: 1;
+ pointer-events: none;
+ z-index: 4;
+}
+
+.barButtonBase_cf58b5 {
+ height: unset;
+ line-height: 18px;
+ background-color: hsl(var(--accent-hsl--material-you));
+ color: var(--accent-text-color--material-you);
+ box-shadow: var(--shadow-2dp);
+ pointer-events: all;
+}
+
+.barButtonMain_cf58b5 {
+ flex: 0 1 auto;
+ padding: 9px 16px;
+ border-radius: 18px;
+}
+
+.barButtonAlt_cf58b5 {
+ position: relative;
+ margin-left: 8px;
+ padding: 9px 10px;
+ border-radius: 18px;
+ font-size: 0;
+}
+.barButtonAlt_cf58b5:before {
+ position: absolute;
+ content: " ";
+ width: calc(var(--button-radius) * 2 + 8px);
+ height: var(--button-height);
+ top: 0;
+ left: calc((var(--button-radius) + 8px) * -1);
+ background-color: transparent;
+ z-index: -1;
+}
+.barButtonAlt_cf58b5 .barButtonIcon_cf58b5 {
+ top: 0;
+ margin: 0;
+}
+.barButtonAlt_cf58b5 .barButtonIcon_cf58b5 path {
+ d: path("M18 7l-1.41-1.41-6.34 6.34 1.41 1.41L18 7zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41zM.41 13.41L6 19l1.41-1.41L1.83 12 .41 13.41z");
+}
+
+/* CHAT AREA -> NAVIGATOR */
+.container__45e29 {
+ right: 20px;
+ justify-content: flex-end;
+}
+
+.navigator__2971c {
+ background: hsl(var(--accent-hsl--material-you)) !important;
+ border-radius: 30%;
+ box-shadow: var(--shadow-3dp);
+}
+.navigator__2971c .button__78cb5 {
+ width: 48px;
+ height: 48px;
+ padding: 0;
+ border-radius: inherit;
+ background: transparent !important;
+ color: var(--accent-text-color--material-you) !important;
+}
+.navigator__2971c .icon_e00668 {
+ width: 100%;
+ height: 100%;
+}
+
+/* CHAT AREA -> JUMP TO PRESENT / NAVIGATOR */
+.jumpToPresentBar_cf58b5 {
+ width: 48px;
+ height: 48px;
+ border-radius: 30%;
+ left: auto;
+ right: 20px;
+ bottom: 20px;
+ padding: 0;
+ background: hsl(var(--accent-hsl--material-you)) !important;
+ box-shadow: var(--shadow-3dp);
+}
+.jumpToPresentBar_cf58b5:active {
+ margin: 0 !important;
+}
+.jumpToPresentBar_cf58b5:after {
+ content: " ";
+ position: absolute;
+ width: 24px;
+ height: 24px;
+ bottom: 0;
+ right: 0;
+ background-color: var(--accent-text-color--material-you);
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/expand.svg);
+ -webkit-mask-repeat: no-repeat;
+ -webkit-mask-position: center;
+ mask-position: center;
+ -webkit-mask-origin: content-box;
+ transform: scale(2) translate(-6px, -6px);
+}
+.jumpToPresentBar_cf58b5 .barButtonBase_cf58b5 {
+ width: inherit;
+ height: inherit;
+ padding: inherit;
+}
+.jumpToPresentBar_cf58b5 .barButtonBase_cf58b5.barButtonMain_cf58b5 {
+ opacity: 0;
+ z-index: 2;
+}
+.jumpToPresentBar_cf58b5 .barButtonBase_cf58b5.barButtonAlt_cf58b5 {
+ display: none;
+}
+.jumpToPresentBar_cf58b5 .spinner_b6db20 {
+ position: absolute;
+ width: inherit;
+ height: inherit;
+ padding: inherit;
+ background-color: hsl(var(--accent-hsl--material-you));
+ border-radius: 50%;
+ z-index: 3;
+}
+.jumpToPresentBar_cf58b5 .spinner_b6db20 .pulsingEllipsis-10G8Z6 {
+ vertical-align: middle;
+}
+
+/*
+ *
+ * DIRECT MESSAGES
+ *
+ */
+.wrapper_d880dc {
+ background-color: var(--main-color);
+ box-shadow: var(--shadow-3dp);
+}
+.wrapper_d880dc.minimum_d880dc {
+ background-color: var(--chat-color);
+}
+.wrapper_d880dc .callContainer_d880dc {
+ border-radius: var(--card-radius-big) 0 0 var(--card-radius-big);
+}
+.wrapper_d880dc.chatSidebarOpen_d880dc .callContainer_d880dc {
+ border-radius: var(--card-radius-big);
+}
+
+.content_a7d72e:before {
+ display: none !important;
+}
+
+.border_ba4b17 {
+ border-radius: var(--card-radius-big);
+ transition: var(--default-time) var(--default-animation) box-shadow;
+}
+
+.quickSelect__540d0 {
+ margin-top: 12px;
+}
+
+.scroller_bc9592 {
+ padding: 8px 0;
+ padding-right: 0 !important;
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius);
+}
+.scroller_bc9592 .memberListHeader_bc9592 {
+ margin: 8px 0;
+ padding: 0 12px;
+ color: var(--menu-item-text-color);
+ text-transform: none;
+}
+.scroller_bc9592 .memberListItem_db70f7 {
+ margin: 0;
+ padding: 6px 12px;
+ border-radius: 0;
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.scroller_bc9592 .memberListItem_db70f7:not(.popoutDisabled_db70f7):hover {
+ background-color: var(--menu-item-hover) !important;
+}
+.scroller_bc9592 .memberListItem_db70f7 .memberListItemText_bc9592 {
+ color: var(--menu-item-text-color);
+}
+.scroller_bc9592::-webkit-scrollbar {
+ width: 0 !important;
+}
+
+.root_a5ea57 {
+ background-color: var(--card-color-filled);
+}
+
+.tile_dc5fc4 {
+ border-radius: var(--card-radius-big);
+}
+.tile_dc5fc4 .button_dd4f85 .size16_fb468f {
+ line-height: var(--button-height);
+}
+
+.overlayTitle_ba4b17 {
+ border-radius: 16px;
+}
+
+.participantsButton_b83b18 {
+ background-color: #2f3136 !important;
+ border-radius: 16px !important;
+}
+.participantsButton_b83b18:hover {
+ background-color: #202225 !important;
+}
+
+.compactButton_fcbce6 {
+ background-color: hsl(var(--button-link-accent-color), 0.075);
+}
+.compactButton_fcbce6:hover {
+ background-color: hsl(var(--button-link-accent-color), 0.1);
+}
+
+/* DIRECT MESSAGES -> VIDEO CALL REACTIONS */
+.container-3a5mk- {
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+}
+
+/* DIRECT MESSAGES -> SIDEBAR PROFILE */
+.profilePanel_b433b4 {
+ width: 364px;
+}
+
+.userPanelOuter_c69a7b {
+ height: calc(100% - 24px);
+ margin: 12px;
+ border-radius: var(--popout-radius-big);
+ overflow: hidden;
+}
+
+.userPanelInner_c69a7b {
+ border-radius: inherit;
+}
+.userPanelInner_c69a7b .scrollerBase_c49869::-webkit-scrollbar {
+ width: 0 !important;
+}
+.userPanelInner_c69a7b .overlayBackground_c69a7b {
+ border-radius: var(--card-radius-big);
+}
+
+.badgeList_ab525a {
+ height: var(--button-height);
+ border-radius: var(--button-radius);
+}
+.badgeList_ab525a:not(:empty) {
+ padding: 0 7px;
+}
+
+.overlay_f9da1d .mutualFriendsDivider_b433b4 {
+ position: relative;
+ border-top: none;
+}
+.overlay_f9da1d .mutualFriendsDivider_b433b4:before {
+ position: absolute;
+ content: " ";
+ width: auto;
+ height: 1px;
+ top: 0;
+ left: 12px;
+ right: 12px;
+ background-color: var(--card-border-color);
+ box-sizing: border-box;
+}
+.overlay_f9da1d .button_dd4f85 {
+ --button-height: 42px;
+ --button-padding: 0 12px;
+ --button-background: transparent !important;
+ --button-radius: 0;
+ --button-text-color: var(--header-primary) !important;
+}
+.overlay_f9da1d .button_dd4f85:after {
+ display: none;
+}
+
+.connectionList_ce1058 {
+ --popout-radius: calc(var(--card-radius-big) / 1.55);
+ margin-bottom: 8px;
+}
+
+/* DIRECT MESSAGES -> SPAM FILTER */
+.hamBanner_d1cafc {
+ margin: 8px;
+ padding: 12px;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+ box-shadow: none;
+}
+
+.chat_d6c7e0:before {
+ display: none;
+}
+
+/*
+ *
+ * DIRECT MESSAGES ICONS
+ *
+ */
+.root_dd069c .videoControls_f72aac .button_dd4f85 path {
+ /* DIRECT MESSAGES ICONS -> JOIN CALL */
+ /* DIRECT MESSAGES ICONS -> STOP SCREEN SHARE */
+ /* DIRECT MESSAGES ICONS -> SCREEN SHARE */
+ /* DIRECT MESSAGES ICONS -> STOP WATCHING */
+ /* DIRECT MESSAGES ICONS -> LEAVE CALL */
+}
+.root_dd069c .videoControls_f72aac .button_dd4f85 path[d="M11 5V3C16.515 3 21 7.486 21 13H19C19 8.589 15.411 5 11 5ZM17 13H15C15 10.795 13.206 9 11 9V7C14.309 7 17 9.691 17 13ZM11 11V13H13C13 11.896 12.105 11 11 11ZM14 16H18C18.553 16 19 16.447 19 17V21C19 21.553 18.553 22 18 22H13C6.925 22 2 17.075 2 11V6C2 5.447 2.448 5 3 5H7C7.553 5 8 5.447 8 6V10C8 10.553 7.553 11 7 11H6C6.063 14.938 9 18 13 18V17C13 16.447 13.447 16 14 16Z"] {
+ d: path("M20 15.45c-1.25 0-2.45-.2-3.57-.57-.1-.03-.21-.05-.31-.05-.26 0-.51.1-.71.29l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1C8.7 6.4 8.5 5.2 8.5 3.95c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1zM5.03 4.95h1.5c.07.88.22 1.75.45 2.58l-1.2 1.21c-.4-1.21-.66-2.47-.75-3.79zM19 18.92c-1.32-.09-2.6-.35-3.8-.76l1.2-1.2c.85.24 1.72.39 2.6.45v1.51zM18 5.95v-3h-2v3h-3v2h3v3h2v-3h3v-2z");
+}
+.root_dd069c .videoControls_f72aac .button_dd4f85 path[d="M4 2.5C2.897 2.5 2 3.397 2 4.5V15.5C2 16.604 2.897 17.5 4 17.5H11V19.5H7V21.5H17V19.5H13V17.5H20C21.103 17.5 22 16.604 22 15.5V4.5C22 3.397 21.103 2.5 20 2.5H4ZM14.5483 6L16 7.45174L13.4466 9.99485L16 12.5483L14.5483 14L12.0051 11.4466L9.45174 14L8 12.5483L10.5534 9.99485L8 7.45174L9.45174 6L12.0051 8.55341L14.5483 6Z"] {
+ d: path("M21.79 18l2 2H24v-2h-2.21zM1.11 2.98l1.55 1.56c-.41.37-.66.89-.66 1.48V16c0 1.1.9 2 2.01 2H0v2h18.13l2.71 2.71 1.41-1.41L2.52 1.57 1.11 2.98zM4 6.02h.13l4.95 4.93C7.94 12.07 7.31 13.52 7 15c.96-1.29 2.13-2.08 3.67-2.46l3.46 3.48H4v-10zm16 0v10.19l1.3 1.3c.42-.37.7-.89.7-1.49v-10c0-1.11-.9-2-2-2H7.8l2 2H20zm-7.07 3.13l2.79 2.78 1.28-1.2L13 7v2.13l-.07.02z");
+}
+.root_dd069c .videoControls_f72aac .button_dd4f85 path[d="M2 4.5C2 3.397 2.897 2.5 4 2.5H20C21.103 2.5 22 3.397 22 4.5V15.5C22 16.604 21.103 17.5 20 17.5H13V19.5H17V21.5H7V19.5H11V17.5H4C2.897 17.5 2 16.604 2 15.5V4.5ZM13.2 14.3375V11.6C9.864 11.6 7.668 12.6625 6 15C6.672 11.6625 8.532 8.3375 13.2 7.6625V5L18 9.6625L13.2 14.3375Z"] {
+ d: path("M20 18c1.1 0 1.99-.9 1.99-2L22 6c0-1.11-.9-2-2-2H4c-1.11 0-2 .89-2 2v10c0 1.1.89 2 2 2H0v2h24v-2h-4zM4 16V6h16v10.01L4 16zm9-6.87c-3.89.54-5.44 3.2-6 5.87 1.39-1.87 3.22-2.72 6-2.72v2.19l4-3.74L13 7v2.13z");
+}
+.root_dd069c .videoControls_f72aac .button_dd4f85 path[d="M20 11V13.5H4V4.5H13V2.5H4C3.46957 2.5 2.96086 2.71071 2.58579 3.08579C2.21071 3.46086 2 3.96957 2 4.5L2 15.5C2 16.0304 2.21071 16.5391 2.58579 16.9142C2.96086 17.2893 3.46957 17.5 4 17.5H11V19.5H7V21.5H17V19.5H13V17.5H20C20.5304 17.5 21.0391 17.2893 21.4142 16.9142C21.7893 16.5391 22 16.0304 22 15.5V11H20Z"] {
+ d: path("M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H3V5h18v14zM9.41 15.95L12 13.36l2.59 2.59L16 14.54l-2.59-2.59L16 9.36l-1.41-1.41L12 10.54 9.41 7.95 8 9.36l2.59 2.59L8 14.54z");
+}
+.root_dd069c .videoControls_f72aac .button_dd4f85 path[d="M20 11V13.5H4V4.5H13V2.5H4C3.46957 2.5 2.96086 2.71071 2.58579 3.08579C2.21071 3.46086 2 3.96957 2 4.5L2 15.5C2 16.0304 2.21071 16.5391 2.58579 16.9142C2.96086 17.2893 3.46957 17.5 4 17.5H11V19.5H7V21.5H17V19.5H13V17.5H20C20.5304 17.5 21.0391 17.2893 21.4142 16.9142C21.7893 16.5391 22 16.0304 22 15.5V11H20Z"] ~ path {
+ display: none;
+}
+.root_dd069c .videoControls_f72aac .button_dd4f85 path[d="M21.1169 1.11603L22.8839 2.88403L19.7679 6.00003L22.8839 9.11603L21.1169 10.884L17.9999 7.76803L14.8839 10.884L13.1169 9.11603L16.2329 6.00003L13.1169 2.88403L14.8839 1.11603L17.9999 4.23203L21.1169 1.11603ZM18 22H13C6.925 22 2 17.075 2 11V6C2 5.447 2.448 5 3 5H7C7.553 5 8 5.447 8 6V10C8 10.553 7.553 11 7 11H6C6.063 14.938 9 18 13 18V17C13 16.447 13.447 16 14 16H18C18.553 16 19 16.447 19 17V21C19 21.553 18.553 22 18 22Z"] {
+ d: path("M18.59 10.52c1.05.51 2.04 1.15 2.96 1.91l-1.07 1.07c-.58-.47-1.21-.89-1.88-1.27v-1.71m-13.2 0v1.7c-.65.37-1.28.79-1.87 1.27l-1.07-1.07c.91-.75 1.9-1.38 2.94-1.9M12 7C7.46 7 3.34 8.78.29 11.67c-.18.18-.29.43-.29.71s.11.53.29.7l2.48 2.48c.18.18.43.29.71.29.27 0 .52-.1.7-.28.79-.73 1.68-1.36 2.66-1.85.33-.16.56-.51.56-.9v-3.1C8.85 9.25 10.4 9 12 9s3.15.25 4.59.73v3.1c0 .4.23.74.56.9.98.49 1.88 1.11 2.67 1.85.18.17.43.28.7.28.28 0 .53-.11.71-.29l2.48-2.48c.18-.18.29-.43.29-.71s-.11-.53-.29-.71C20.66 8.78 16.54 7 12 7z");
+}
+
+/*
+ *
+ * FORMAT TOOLBAR
+ *
+ */
+.toolbar_de3e42 {
+ background-color: var(--popout-color);
+ border-radius: 16px;
+ box-shadow: var(--shadow-3dp);
+ overflow: hidden;
+}
+.toolbar_de3e42 .button_dd4f85 {
+ --button-height: 32px;
+ --button-background: transparent;
+ --button-radius: 0;
+ box-shadow: none !important;
+ transition: var(--default-time) var(--default-animation) background-color !important;
+}
+.toolbar_de3e42 .button_dd4f85:hover {
+ --button-background: var(--menu-item-hover);
+}
+.toolbar_de3e42 .button_dd4f85 .icon_de3e42 {
+ color: var(--menu-item-text-color);
+}
+.toolbar_de3e42 .divider_de3e42 {
+ border-left-color: var(--card-border-color);
+}
+
+/* FORMAT TOOLBAR -> BF TOOLBAR */
+.bf-toolbar {
+ min-height: 36px;
+ padding: 4px 30px 10px 0 !important;
+}
+.bf-toolbar:before {
+ background-color: var(--popout-color) !important;
+ border-radius: 19px !important;
+ box-shadow: var(--shadow-3dp);
+}
+.bf-toolbar .format {
+ max-height: 36px !important;
+ border-radius: 0 !important;
+}
+.bf-toolbar .format:nth-of-type(2) {
+ border-radius: 19px 0 0 19px !important;
+}
+
+/*
+ *
+ * MEMBERS LIST
+ *
+ */
+.container_cbd271 {
+ background-color: transparent;
+}
+
+.members_cbd271, .members_cbd271 > div {
+ background: transparent;
+}
+.members_cbd271 .container_e9f61e {
+ width: 100%;
+ height: 42px;
+ margin-left: 0;
+ margin-bottom: 2px;
+}
+.members_cbd271 .container_e9f61e,
+.members_cbd271 .container_e9f61e .layout_e9f61e {
+ border-radius: var(--channel-radius);
+}
+.members_cbd271 .container_e9f61e .layout_e9f61e {
+ width: calc(100% - 18px);
+ margin-left: 8px;
+ padding: 0 8px 0 8px;
+ transition: 200ms ease all;
+}
+.members_cbd271 .container_e9f61e:hover .layout_e9f61e {
+ background-color: var(--menu-item-hover);
+}
+.members_cbd271 .container_e9f61e.selected_e9f61e .layout_e9f61e {
+ background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity));
+}
+
+.member_a31c43 {
+ background: transparent !important;
+}
+
+.membersGroup_cbd271 {
+ font-size: 14px !important;
+ text-transform: none !important;
+}
+
+.botTag_a02df3 {
+ border-radius: 8px !important;
+}
+.botTag_a02df3.botTagRegular_a02df3 {
+ background-color: hsl(var(--accent-hsl--material-you));
+ color: var(--accent-text-color--material-you);
+}
+.botTag_a02df3 .botTagVerified_a02df3 path {
+ fill: var(--accent-text-color--material-you);
+}
+
+/*
+ *
+ * SEARCH RESULTS
+ *
+ */
+.searchResultsWrap_c2b47d {
+ margin: 12px 12px 12px 10px;
+ background-color: var(--main-alt);
+ border-radius: var(--popout-radius-big);
+}
+
+/* SEARCH RESULTS -> HEADER */
+.searchHeader_b7c924 {
+ padding: 0 16px;
+ background-color: transparent;
+ border-bottom: 1px solid var(--separator-color);
+}
+
+.searchHeaderTabList_b7c924 {
+ height: 100%;
+}
+.searchHeaderTabList_b7c924 .item_a0 {
+ height: 100%;
+ margin: 0 0 0 8px;
+ padding: 0 8px;
+ line-height: 55px;
+ border-radius: 0;
+}
+.searchHeaderTabList_b7c924 .item_a0:hover:not(.disabled-1nofHP), .searchHeaderTabList_b7c924 .item_a0.selected_a0 {
+ background-color: transparent;
+}
+.searchHeaderTabList_b7c924 .item_a0.selected_a0 {
+ position: relative;
+ background-color: transparent !important;
+ border: none;
+}
+.searchHeaderTabList_b7c924 .item_a0.selected_a0:after {
+ position: absolute;
+ content: " ";
+ width: 80%;
+ height: 3px;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ margin: 0 auto;
+ background: var(--tab-border-color);
+ border-radius: 3px 3px 0 0;
+ transition: var(--default-time) ease all;
+}
+
+/* SEARCH RESULTS -> MESSAGES */
+.scroller_c2b47d {
+ padding: 8px;
+}
+
+.channelName-3w2Y3c {
+ padding: 8px 8px 8px 12px;
+ background-color: transparent;
+ color: var(--card-header-text-color);
+}
+
+.searchResult_ddc613 {
+ background-color: transparent;
+ border-radius: 0;
+}
+.searchResult_ddc613 .wrapper_f9f2ca {
+ margin: 0 8px 0 60px !important;
+ padding: 12px !important;
+ border-radius: var(--message-radius);
+}
+.searchResult_ddc613 .wrapper_f9f2ca:before, .searchResult_ddc613 .wrapper_f9f2ca:after {
+ display: none;
+}
+.searchResult_ddc613 .wrapper_f9f2ca .avatar_f9f2ca {
+ top: 0 !important;
+ left: -50px !important;
+}
+.searchResult_ddc613 .wrapper_f9f2ca.hasReply_f9f2ca .avatar_f9f2ca {
+ top: 28px !important;
+}
+
+.buttonsContainer_ddc613 {
+ top: 16px;
+ right: 18px;
+}
+.buttonsContainer_ddc613 .button_ddc613 {
+ padding: 4px 8px;
+ border-radius: 12px;
+}
+
+.pageButton_b48941 {
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.pageButton_b48941:hover {
+ background-color: var(--card-button-color-hover);
+}
+.pageButton_b48941:disabled:hover {
+ background-color: transparent;
+}
+
+.activeButton_b48941 {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ color: var(--accent-text-color--material-you) !important;
+}
+
+.endButton_b48941:first-child, .endButton_b48941:last-child {
+ padding: var(--button-padding);
+}
+.endButton_b48941:first-child {
+ --button-padding: 0 16px 0 12px;
+}
+.endButton_b48941:first-child .iconCaret_b48941 {
+ margin-right: 8px;
+}
+.endButton_b48941:last-child {
+ --button-padding: 0 12px 0 16px;
+}
+.endButton_b48941:last-child .iconCaret_b48941 {
+ margin-left: 8px;
+}
+
+/*
+ *
+ * STAGE
+ *
+ */
+.callContainer_ed4410 {
+ border-radius: var(--card-radius-big);
+}
+
+.container_dc3fc4 {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.container_dc3fc4:hover {
+ background-color: var(--card-color-hover);
+}
+
+.iconContainer_df0aed {
+ background-color: var(--card-color-active);
+}
+
+.tileContainer_e1522e {
+ border-radius: var(--card-radius-big);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.tileContainer_e1522e:hover {
+ background-color: var(--card-color-filled);
+}
+
+.container_e12b21 .button_dd4f85 {
+ --button-height: 56px;
+ --button-padding: 0 24px 0 16px;
+ --button-radius: calc(var(--button-height) / 2);
+}
+
+/*
+ *
+ * SUMMARIES
+ *
+ */
+.newTopicsBarContainer_cf58b5 {
+ top: 16px;
+ left: 0;
+ right: 0;
+ align-items: center;
+ justify-content: center;
+ background-color: transparent;
+ box-shadow: none;
+ opacity: 1;
+ pointer-events: none;
+ z-index: 4;
+}
+.newTopicsBarContainer_cf58b5 .barButtonBase_cf58b5 {
+ margin-left: 8px;
+}
+.newTopicsBarContainer_cf58b5 .barButtonMain_cf58b5 > div {
+ position: unset !important;
+}
+
+.newTopicsBarTopicSection_cf58b5 {
+ padding: 9px 16px;
+ background-color: hsl(var(--accent-hsl--material-you));
+ border-radius: 18px;
+ color: var(--accent-text-color--material-you);
+ box-shadow: var(--shadow-2dp);
+ pointer-events: all;
+}
+.newTopicsBarTopicSection_cf58b5 .newTopicsBarIcon_cf58b5 {
+ margin-left: 0;
+}
+.newTopicsBarTopicSection_cf58b5 .newTopicsBarText_cf58b5 {
+ color: var(--accent-text-color--material-you);
+}
+.newTopicsBarTopicSection_cf58b5 .newTopicsBarCaret_cf58b5 {
+ margin-right: 0;
+}
+
+.newTopicsBarTextSelected_cf58b5 {
+ height: auto;
+ background-color: transparent;
+}
+
+/* SUMMARIES -> NO NEW MESSAGES */
+.topicsPillContainer_cf58b5 {
+ height: var(--button-height);
+ top: 16px;
+ background-color: transparent;
+ box-shadow: none;
+ pointer-events: none;
+}
+
+.topicsPill_cf58b5 {
+ align-items: center;
+ justify-content: center;
+}
+
+.topicsPillText_cf58b5,
+.topicsPillCarets_cf58b5 {
+ background-color: hsl(var(--accent-hsl--material-you));
+ color: var(--accent-text-color--material-you);
+ border-radius: var(--button-radius);
+ box-shadow: var(--shadow-2dp);
+ pointer-events: all;
+}
+
+.topicsPillText_cf58b5 {
+ flex: 0 1 auto;
+ padding: 9px 16px;
+}
+.topicsPillText_cf58b5:hover .topicsPillDropdownCaret_cf58b5 {
+ color: var(--accent-text-color--material-you);
+}
+.topicsPillText_cf58b5 .topicsPillTextSelected_cf58b5 {
+ height: 18px;
+ background-color: transparent;
+}
+.topicsPillText_cf58b5 .topicsPillSummaryIcon_cf58b5 {
+ margin-right: 8px;
+}
+.topicsPillText_cf58b5 .topicsPillTextTitle_cf58b5,
+.topicsPillText_cf58b5 .topicsPillDropdownCaret_cf58b5 {
+ color: var(--accent-text-color--material-you);
+}
+.topicsPillText_cf58b5 .topicsPillDropdownCaret_cf58b5 {
+ margin-right: 0;
+}
+
+.topicsPillCarets_cf58b5 {
+ height: var(--button-height);
+ margin-left: 8px;
+ padding-right: 0;
+ background-color: var(--chat-color);
+}
+
+.topicsPillCaret_cf58b5 {
+ width: var(--button-height);
+ background-color: hsl(var(--accent-hsl--material-you));
+ color: var(--accent-text-color--material-you) !important;
+ border: none;
+}
+.topicsPillCaret_cf58b5.topicsPillCaretDisabled_cf58b5 {
+ opacity: 0.4;
+}
+
+/*
+ *
+ * MAIN TEXTAREA
+ *
+ */
+.form_a7d72e {
+ margin-top: 0 !important;
+}
+.form_a7d72e:before, .form_a7d72e:after {
+ display: none;
+}
+.form_a7d72e .channelTextArea_d0696b {
+ margin: 12px 0;
+ background-color: transparent;
+ border-radius: var(--main-textarea-radius);
+}
+.form_a7d72e .channelTextArea_d0696b.channelTextAreaDisabled_d0696b {
+ opacity: 0.8;
+}
+.form_a7d72e .scrollableContainer_d0696b {
+ background-color: var(--main-textarea-color);
+ border-radius: var(--main-textarea-radius);
+ opacity: 1;
+}
+.form_a7d72e .scrollableContainer_d0696b.hasConnectedBar_d0696b {
+ border-radius: 0 0 var(--main-textarea-radius) var(--main-textarea-radius);
+}
+.form_a7d72e .textAreaDisabled_d0696b .placeholder_a552a6 {
+ padding-left: 16px;
+}
+.form_a7d72e .inner_d0696b {
+ padding-right: 10px;
+}
+.form_a7d72e .placeholder_a552a6 {
+ color: var(--text-muted);
+}
+.form_a7d72e .editor_a552a6 {
+ color: var(--text-normal);
+}
+.form_a7d72e .attachedBars_d0696b {
+ position: relative;
+ background-color: var(--main-textarea-color);
+ border-radius: var(--main-textarea-radius) var(--main-textarea-radius) 0 0;
+ border-bottom: none;
+}
+.form_a7d72e .attachedBars_d0696b:after {
+ position: absolute;
+ content: " ";
+ width: calc(100% - 24px);
+ height: 1px;
+ left: 0;
+ bottom: 0;
+ margin: 0 12px;
+ background-color: var(--main-textarea-border);
+}
+.form_a7d72e .attachedBars_d0696b .replyBar_b11c5e {
+ background-color: transparent;
+ border-radius: 0;
+}
+.form_a7d72e .attachedBars_d0696b .separator_b11c5e {
+ background-color: var(--main-textarea-border);
+}
+.form_a7d72e .attachedBars_d0696b .colorLink_dd4f85, .form_a7d72e .attachedBars_d0696b .colorLink_fbc755 {
+ color: hsl(var(--accent-hsl));
+}
+.form_a7d72e .attachedBars_d0696b + .scrollableContainer_d0696b {
+ border-radius: 0 0 var(--main-textarea-radius) var(--main-textarea-radius);
+}
+.form_a7d72e .attachButtonPlus_f298d4 {
+ d: path("M7.5,18A5.5,5.5 0 0,1 2,12.5A5.5,5.5 0 0,1 7.5,7H18A4,4 0 0,1 22,11A4,4 0 0,1 18,15H9.5A2.5,2.5 0 0,1 7,12.5A2.5,2.5 0 0,1 9.5,10H17V11.5H9.5A1,1 0 0,0 8.5,12.5A1,1 0 0,0 9.5,13.5H18A2.5,2.5 0 0,0 20.5,11A2.5,2.5 0 0,0 18,8.5H7.5A4,4 0 0,0 3.5,12.5A4,4 0 0,0 7.5,16.5H17V18H7.5Z");
+}
+.form_a7d72e .typing_d7ebeb {
+ position: absolute;
+ width: calc(100% - var(--scrollbar-width));
+ top: -16px;
+ left: 0;
+ margin-top: 0;
+ background-color: var(--typing-color);
+ transition: 200ms ease-in-out;
+}
+.form_a7d72e .typing_d7ebeb .slowModeIcon_d7ebeb {
+ margin-right: 8px;
+}
+
+.mentionButton_b11c5e {
+ --text-link: hsl(var(--warning-hsl));
+}
+
+.threadSuggestionBar_b11c5e {
+ position: relative;
+ background-color: transparent;
+ border: none;
+}
+.threadSuggestionBar_b11c5e:before {
+ position: absolute;
+ content: " ";
+ width: calc(100% - 24px);
+ height: 1px;
+ top: 0;
+ left: 0;
+ margin: 0 12px;
+ background-color: var(--main-textarea-border);
+}
+.threadSuggestionBar_b11c5e .createThreadButton_b11c5e {
+ color: hsl(var(--accent-hsl)) !important;
+}
+
+.buttonContainer_a06035 .contents_dd4f85 {
+ margin-left: 8px;
+}
+.buttonContainer_a06035 .activeButtonChild_a06035 {
+ color: hsl(var(--accent-hsl)) !important;
+}
+.buttonContainer_a06035 .sendIcon_a06035 {
+ padding-top: 0;
+}
+.buttonContainer_a06035 .sendIcon_a06035 path {
+ d: path("M4.01 6.03l7.51 3.22-7.52-1 .01-2.22m7.5 8.72L4 17.97v-2.22l7.51-1M2.01 3L2 10l15 2-15 2 .01 7L23 12 2.01 3z");
+}
+
+.applicationCommandEducation-1stoia {
+ top: -12px;
+ bottom: unset;
+ background-color: var(--typing-color);
+}
+.applicationCommandEducation-1stoia .applicationCommandEducationArrow-2xKDmq {
+ transform: rotate(180deg) scaleX(-100%);
+}
+
+.wrapper_faf5ab {
+ height: 44px;
+ margin: 12px 0;
+ padding: 0;
+ background-color: var(--main-textarea-color);
+ border-radius: var(--main-textarea-radius);
+}
+.wrapper_faf5ab .buttonContainer_faf5ab {
+ margin-right: 4px;
+}
+
+.fakeLink_cdb578 {
+ color: hsl(var(--accent-hsl));
+}
+
+.upload_df1eaf {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 8px;
+ border-radius: var(--card-radius-big);
+}
+.upload_df1eaf .image-1091CL {
+ border-radius: var(--card-radius-big);
+}
+.upload_df1eaf .wrapper_ef319f:hover {
+ box-shadow: var(--shadow-3dp);
+}
+.upload_df1eaf .altTag_f847a3 {
+ border-radius: 10px;
+}
+
+.spoiler_f847a3 {
+ filter: blur(22px);
+}
+
+/* MAIN TEXTAREA -> SPAM FILTER */
+.spamBanner_c1da2c {
+ display: grid;
+ grid-template-columns: 1fr auto;
+ margin: 12px 16px;
+ padding: 4px 8px;
+ background-color: var(--main-textarea-color);
+ border: 1px solid var(--main-textarea-border);
+ border-radius: 28px;
+}
+.spamBanner_c1da2c .bannerTextContainer_c1da2c {
+ margin: 0 8px 0 0;
+}
+.spamBanner_c1da2c .actionButtons_c1da2c {
+ width: auto;
+ margin: 0;
+}
+
+/* MAIN TEXTAREA -> INTRODUCTION */
+.banner_d29eee {
+ margin-top: 12px;
+ padding: 12px 16px;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+}
+.banner_d29eee .text-md\/semibold_dc00ef {
+ font-weight: 500;
+}
+.banner_d29eee .iconCircle_d29eee {
+ width: var(--button-height);
+ height: var(--button-height);
+ background-color: hsl(var(--accent-hsl--material-you));
+ border-radius: var(--button-radius);
+}
+.banner_d29eee .iconCircle_d29eee .nextIcon_d29eee {
+ width: 20px;
+ height: 20px;
+}
+.banner_d29eee .iconCircle_d29eee .nextIcon_d29eee polygon {
+ fill: var(--accent-text-color--material-you);
+}
+
+/*
+ *
+ * THREAD
+ *
+ */
+.resizeHandle_d1c246 {
+ background: var(--main-alt);
+}
+
+.container_d1c246 {
+ background-color: var(--chat-color);
+ border-radius: var(--card-radius-big) var(--card-radius-big) 0;
+}
+.container_d1c246.floating_d1c246 {
+ filter: drop-shadow(-8px 0 10px hsl(var(--black-500-hsl)/0.125));
+}
+
+.chatHeaderBar_e2f46e {
+ background-color: var(--chat-color);
+ border-bottom: 1px solid var(--card-border-color);
+}
+
+.scrollerInner_fb4810 {
+ margin-bottom: 16px;
+}
+.scrollerInner_fb4810 .wrapper_f9f2ca.cozy_f9f2ca:not(.message_d5deea) .avatar_f9f2ca {
+ left: -52px;
+}
+
+.channelTextArea_fb4810 {
+ margin: 0 16px 12px;
+ background-color: transparent;
+}
+.channelTextArea_fb4810 .placeholder_a552a6 {
+ color: var(--input-placeholder-color);
+}
+
+.channelTextAreaInner_fb4810 {
+ max-height: 200px;
+ background-color: var(--main-textarea-color);
+ border-radius: var(--main-textarea-radius);
+}
+.channelTextAreaInner_fb4810 .inner_d0696b {
+ padding-left: 16px;
+}
+.channelTextAreaInner_fb4810 .buttons_d0696b {
+ margin-right: 0;
+}
+
+/*
+ *
+ * BETTERDISCORD PLUGIN -> BetterFormattingRedux
+ *
+ */
+.bf-toolbar {
+ z-index: 2;
+}
+.bf-toolbar .bf-arrow {
+ transform: translate(14px, -18px);
+}
+
+/*
+ *
+ * BETTERDISCORD PLUGIN -> ChannelDms
+ *
+ */
+.ChannelDms-channelmembers-wrap .ChannelDms-channelmembers-header {
+ padding: 0 !important;
+ background-color: var(--main-color) !important;
+ border-bottom-color: var(--popout-header-border) !important;
+}
+.ChannelDms-channelmembers-wrap .ChannelDms-channelmembers-header .item_a0 {
+ height: 46px;
+ padding: 0 8px;
+ line-height: 46px;
+}
+.ChannelDms-channelmembers-wrap .privateChannels_f0963d {
+ width: 240px;
+}
+.ChannelDms-channelmembers-wrap .privateChannelsHeaderContainer_c47fa9 {
+ padding: 18px 8px 4px 16px;
+}
+.ChannelDms-channelmembers-wrap .channel_c91bad {
+ margin-left: 8px;
+ margin-right: 0;
+ border-radius: 21px 0 0 21px;
+}
+.ChannelDms-channelmembers-wrap .channel_c91bad .interactive_f5eb4b {
+ padding-right: 0;
+ padding-left: 8px;
+}
+
+.ChannelDms-channelpopout-popout {
+ background-color: var(--chat-color) !important;
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp) !important;
+}
+.ChannelDms-channelpopout-popout .ChannelDms-channelpopout-removeButton {
+ z-index: 3;
+}
+.ChannelDms-channelpopout-popout .ChannelDms-channelpopout-content {
+ margin-bottom: -4px;
+ border-radius: var(--popout-radius-big) !important;
+}
+.ChannelDms-channelpopout-popout .ChannelDms-channelpopout-collapseButton {
+ background-color: var(--popout-color) !important;
+ box-shadow: var(--shadow-3dp);
+}
+.ChannelDms-channelpopout-popout .ChannelDms-channelpopout-header {
+ position: relative;
+ padding: 8px !important;
+ background-color: var(--main-color) !important;
+ z-index: 2;
+}
+
+/*
+ *
+ * BETTERDISCORD PLUGIN -> ChannelTabs
+ *
+ */
+#channelTabs-container {
+ padding: 4px 8px 0 8px !important;
+}
+
+.channelTabs-tabContainer {
+ gap: 4px;
+}
+.channelTabs-tabContainer .channelTabs-tabNav {
+ gap: 4px;
+ margin: 0 4px 0 0 !important;
+}
+.channelTabs-tabContainer .channelTabs-tabNav > div {
+ width: 28px;
+ height: 28px;
+ margin-right: 0 !important;
+ border-radius: 16px !important;
+ transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color;
+ cursor: pointer;
+}
+.channelTabs-tabContainer .channelTabs-tabNav > div:hover {
+ background-color: var(--menu-item-hover) !important;
+}
+
+.channelTabs-tab {
+ --inverted-curve-size: 16px;
+ position: relative;
+ margin-bottom: 0 !important;
+ border-radius: 12px 12px 0 0 !important;
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.channelTabs-tab:hover {
+ background-color: var(--menu-item-hover) !important;
+}
+.channelTabs-tab:hover:before, .channelTabs-tab:hover:after {
+ box-shadow: 0 calc(var(--inverted-curve-size) / 2 * -1) 0 0 var(--menu-item-hover);
+}
+.channelTabs-tab.channelTabs-selected {
+ background: var(--main-color) !important;
+ z-index: 2;
+}
+.channelTabs-tab.channelTabs-selected:before, .channelTabs-tab.channelTabs-selected:after {
+ box-shadow: 0 calc(var(--inverted-curve-size) / 2 * -1) 0 0 var(--main-color);
+}
+.channelTabs-tab:before, .channelTabs-tab:after {
+ position: absolute;
+ content: " ";
+ width: calc(var(--inverted-curve-size) / 2);
+ height: var(--inverted-curve-size);
+ bottom: 0;
+ background-color: transparent;
+ transform: rotate(180deg);
+ pointer-events: none;
+ transition: var(--default-time) var(--default-animation) box-shadow;
+}
+.channelTabs-tab:before {
+ left: calc(var(--inverted-curve-size) / 2 * -1);
+ border-top-left-radius: calc(var(--inverted-curve-size) / 2);
+}
+.channelTabs-tab:after {
+ right: calc(var(--inverted-curve-size) / 2 * -1);
+ border-top-right-radius: calc(var(--inverted-curve-size) / 2);
+}
+.channelTabs-tab .channelTabs-tabName {
+ margin-right: 0 !important;
+ font-weight: 500;
+ transition: var(--default-time) var(--default-animation) color;
+}
+.channelTabs-tab .channelTabs-gridContainer {
+ gap: 6px;
+ margin-right: 0;
+}
+
+.channelTabs-unreadBadge {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ color: var(--accent-text-color--material-you) !important;
+}
+
+.channelTabs-mentionBadge {
+ background-color: hsl(var(--alert-hsl)) !important;
+ color: var(--alert-text-color) !important;
+}
+
+.channelTabs-closeTab {
+ border-radius: 8px !important;
+ transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color;
+}
+
+.channelTabs-newTab {
+ width: 28px !important;
+ height: 28px !important;
+ margin: 0 0 0 4px !important;
+ border-radius: 14px !important;
+}
+
+.channelTabs-favContainer {
+ position: relative;
+ background-color: var(--main-alt);
+ z-index: 3;
+}
+.channelTabs-favContainer .channelTabs-fav {
+ border-radius: 14px;
+ transition: var(--default-time) var(--default-animation) background-color;
+ cursor: pointer;
+}
+.channelTabs-favContainer .channelTabs-fav:hover {
+ background-color: var(--menu-item-hover);
+}
+
+/*
+ *
+ * BETTERDISCORD PLUGIN -> CharCounter
+ *
+ */
+.chatContent_a7d72e .charCounterAdded-zz9O4t .channelTextArea_d0696b {
+ margin-bottom: 0 !important;
+}
+.chatContent_a7d72e .charCounterAdded-zz9O4t .channelTextArea_d0696b .scrollableContainer_d0696b {
+ border-radius: var(--main-textarea-radius) var(--main-textarea-radius) 0 0;
+}
+.chatContent_a7d72e .charCounterAdded-zz9O4t .channelTextArea_d0696b .scrollableContainer_d0696b.hasConnectedBar_d0696b {
+ border-radius: 0;
+}
+.chatContent_a7d72e .counter-uAzbKp {
+ height: 28px;
+ line-height: 28px !important;
+ padding: 0 16px;
+ line-height: var(--main-textarea-radius);
+ background-color: var(--main-textarea-color);
+ border-radius: 0 0 var(--main-textarea-radius) var(--main-textarea-radius);
+ text-align: right;
+ font-weight: 500;
+}
+.chatContent_a7d72e .counter-uAzbKp:before {
+ position: absolute;
+ content: " ";
+ width: calc(100% - 24px);
+ height: 1px;
+ top: 0;
+ left: 12px;
+ background-color: var(--main-textarea-border);
+}
+.chatContent_a7d72e .counter-uAzbKp.chatCounter-XOMPsh {
+ position: relative;
+ bottom: auto;
+ margin-bottom: 12px;
+}
+
+/*
+ *
+ * BETTERDISCORD PLUGIN -> HideChannels
+ *
+ */
+.hideElement.sidebar_a4d4d9 .container_b2ca13 {
+ height: 52px !important;
+ margin-bottom: 0 !important;
+ background-color: var(--chat-color) !important;
+}
+.hideElement.sidebar_a4d4d9 + .chat_a7d72e {
+ border-top-left-radius: var(--card-radius-big);
+}
+.hideElement.sidebar_a4d4d9 + .chat_a7d72e .typing_d7ebeb {
+ width: calc(100% + 240px);
+ left: -240px;
+}
+
+/*
+ *
+ * BETTERDISCORD PLUGIN -> ImageUtilities
+ *
+ */
+.menu_d90b3d .item_d90b3d {
+ /* SUBMENU WITH ARROW */
+}
+.menu_d90b3d #message-imageutilities-copy-link.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/content_copy.svg);
+}
+.menu_d90b3d #message-imageutilities-copy-media-link.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/content_copy.svg);
+}
+.menu_d90b3d #message-imageutilities-open-link.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/open_in_new.svg);
+}
+.menu_d90b3d #message-imageutilities-copy-file.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/image_copy.svg);
+}
+.menu_d90b3d #message-imageutilities-view-file.item_d90b3d:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/image_view.svg);
+}
+.menu_d90b3d #message-imageutilities-download-file-as.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/save.svg);
+}
+.menu_d90b3d #message-imageutilities-submenu-search.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/search.svg);
+}
+.menu_d90b3d #message-imageutilities-main-subitem.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/image_view.svg);
+}
+.menu_d90b3d #user-context-imageutilities-main-subitem.item_d90b3d:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/image_view.svg);
+}
+
+/*
+ *
+ * BETTERDISCORD PLUGIN -> CharCounter
+ *
+ */
+#MemberCount {
+ margin-top: 0 !important;
+ background-color: var(--main-color) !important;
+}
+#MemberCount .membersGroup_cbd271 {
+ padding: 16px;
+ line-height: 14px;
+}
+
+.membersWrap_cbd271.hasCounter .members_cbd271 {
+ margin-top: 47px !important;
+}
+
+#vc-membercount {
+ margin-bottom: 0 !important;
+}
+
+/*
+ *
+ * BETTERDISCORD PLUGIN -> PasscodeLock
+ *
+ */
+.PCL--layout-bg {
+ background-color: var(--main-alt) !important;
+ backdrop-filter: none !important;
+}
+
+.PCL--icon {
+ padding: 16px;
+ background-color: var(--card-color-hover);
+ border-radius: 50%;
+}
+
+.theme-light .PCL--icon {
+ background-color: var(--switch-knob-color);
+}
+
+.PCL--title {
+ color: var(--header-primary);
+}
+
+.PCL--dot:before {
+ background: var(--text-normal) !important;
+}
+
+.PCL--divider {
+ display: none;
+}
+
+.PCL--buttons {
+ grid-template-columns: repeat(3, 80px) !important;
+ grid-auto-rows: 80px !important;
+ gap: 16px !important;
+ padding: 16px 20px 40px !important;
+}
+
+.PCL--btn {
+ background-color: var(--card-color-filled);
+ color: var(--text-normal);
+ transition: var(--default-time) var(--default-animation) border-radius, var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color !important;
+}
+.PCL--btn:hover {
+ background-color: var(--card-color-active) !important;
+}
+.PCL--btn:active {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ border-radius: 20px !important;
+ color: var(--accent-text-color--material-you);
+}
+.PCL--btn:active .PCL--btn-dec {
+ color: var(--accent-text-color--material-you);
+}
+.PCL--btn#PCLBtn-Escape, .PCL--btn#PCLBtn-Backspace {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ color: var(--accent-text-color--material-you);
+}
+.PCL--btn .PCL--btn-number {
+ font-weight: 400;
+}
+.PCL--btn .PCL--btn-dec {
+ color: var(--text-muted);
+ transition: var(--default-time) var(--default-animation) color !important;
+}
+
+/*
+ *
+ * BETTERDISCORD PLUGIN -> PermissionsViewer
+ *
+ */
+#permissions-modal-wrapper #permissions-modal {
+ max-height: 80vh;
+ border-radius: var(--popout-radius-big) !important;
+ box-shadow: var(--shadow-3dp) !important;
+ border: none !important;
+}
+#permissions-modal-wrapper .header {
+ background-color: var(--popout-color) !important;
+ padding: 16px !important;
+ box-shadow: none !important;
+ border-bottom: 1px solid var(--popout-header-border);
+ line-height: 20px !important;
+ font-size: 16px !important;
+ font-weight: 600 !important;
+ color: var(--header-primary) !important;
+}
+#permissions-modal-wrapper .modal-body {
+ background-color: var(--popout-color) !important;
+}
+#permissions-modal-wrapper .role-side {
+ padding: 16px 0 16px 16px !important;
+ background-color: transparent !important;
+ border-right: 1px solid var(--popout-header-border);
+}
+#permissions-modal-wrapper .role-scroller {
+ padding-top: 0;
+}
+#permissions-modal-wrapper .perm-side {
+ padding: 0 0 16px 16px !important;
+ background-color: transparent !important;
+}
+#permissions-modal-wrapper .role-item {
+ margin-bottom: 2px !important;
+ padding: 6px 12px !important;
+ border-radius: 14px !important;
+}
+#permissions-modal-wrapper .role-item:hover {
+ background-color: var(--menu-item-hover) !important;
+}
+#permissions-modal-wrapper .role-item.selected {
+ background-color: var(--menu-item-select) !important;
+}
+#permissions-modal-wrapper .perm-item {
+ position: relative;
+ border-bottom: none;
+ box-shadow: none !important;
+}
+#permissions-modal-wrapper .perm-item:after {
+ position: absolute;
+ content: " ";
+ width: calc(100% - 0px * 2);
+ height: 1px;
+ right: 0;
+ bottom: 0;
+ margin: 0 0px;
+ background-color: var(--card-border-color);
+}
+#permissions-modal-wrapper .perm-item:last-of-type:after {
+ display: none;
+}
+
+/*
+ *
+ * BETTERDISCORD PLUGIN -> PersonalPins
+ *
+ */
+.themedPopout-1TrfdI {
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+}
+.themedPopout-1TrfdI .header-145e10 {
+ padding-bottom: 0 !important;
+}
+.themedPopout-1TrfdI .title-3OGHA5 {
+ margin-top: 16px;
+ line-height: 36px;
+ font-weight: 500;
+ font-size: 16px;
+}
+.themedPopout-1TrfdI .container__33507 {
+ margin-top: 16px;
+}
+.themedPopout-1TrfdI .tab_f0cd33 {
+ height: 32px;
+ margin-right: 16px;
+ padding: 0;
+}
+.themedPopout-1TrfdI .tab_f0cd33:first-child {
+ margin-right: 16px;
+}
+.themedPopout-1TrfdI .tabBar_f0cd33 .item_a0 {
+ height: 32px;
+}
+.themedPopout-1TrfdI .quickSelectWrapper-UCfTKz {
+ margin-right: 16px;
+ font-weight: 500;
+}
+
+/*
+ *
+ * BETTERDISCORD PLUGIN -> PluginRepo
+ *
+ */
+.repoHeader_2KfNvH {
+ margin: 0 32px 0 0 !important;
+ padding-bottom: 0 !important;
+}
+
+.repoScroller_9JnAPs {
+ margin: 0 !important;
+ padding-top: 16px !important;
+ padding-right: 82px !important;
+}
+.repoScroller_9JnAPs .tabContent_nZ-1U5 {
+ margin-top: 0;
+}
+
+.card_x5zW6z {
+ height: 400px;
+ background-color: var(--card-color-filled) !important;
+ border-radius: var(--card-radius-big);
+ border: none;
+ box-shadow: none;
+}
+.card_x5zW6z:hover {
+ box-shadow: none;
+ transform: none;
+}
+.card_x5zW6z:hover .coverWrapper_J-mDGJ {
+ transform: none;
+}
+.card_x5zW6z .coverWrapper_J-mDGJ,
+.card_x5zW6z .cover_qyY86I {
+ border-radius: var(--card-radius-big);
+}
+.card_x5zW6z .coverBadge_I41ZIY {
+ background-color: hsl(var(--alert-hsl)) !important;
+ color: var(--alert-text-color);
+ border-radius: 8px !important;
+ text-transform: capitalize !important;
+ font-size: 14px;
+}
+.card_x5zW6z .iconWrapper_eK7GO6 {
+ background-color: var(--card-color-active) !important;
+ border-radius: 50%;
+ border: 4px solid var(--card-color-filled);
+}
+.card_x5zW6z .info_xw-o76 {
+ overflow: visible;
+}
+.card_x5zW6z .title_SSzExd {
+ position: relative;
+ line-height: normal;
+ font-size: 1.4em;
+ font-weight: 400;
+ color: var(--card-header-text-color);
+}
+.card_x5zW6z .title_SSzExd:before {
+ position: absolute;
+ content: " ";
+ width: 62px;
+ height: 32px;
+ top: -2px;
+ right: -2px;
+ background-color: var(--card-button-color);
+ border-radius: 16px;
+ pointer-events: none;
+}
+
+.button_SxdSzE {
+ position: relative;
+ width: 28px !important;
+ height: 28px !important;
+ border-radius: 50%;
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.button_SxdSzE:hover {
+ background-color: var(--card-button-color-hover);
+}
+.button_SxdSzE.favbutton_8Fzu45 {
+ margin-left: 2px;
+}
+
+.tag_PbPfwP {
+ height: 24px;
+ padding: 0 8px;
+ background-color: var(--card-button-color) !important;
+ line-height: 24px;
+ border-radius: 6px;
+ text-transform: capitalize;
+}
+
+.button_coQXfM {
+ --button-padding: 0 24px 0 16px;
+ height: var(--button-height);
+ padding: var(--button-padding);
+ gap: 8px;
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ border-radius: var(--button-radius);
+ font-size: 1em;
+ color: var(--accent-text-color--material-you);
+ transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color;
+}
+[style="background-color: var(--status-positive);"].button_coQXfM {
+ background-color: rgba(255, 255, 255, 0.15) !important;
+ color: #fff;
+}
+[style="background-color: var(--status-danger);"].button_coQXfM {
+ background-color: hsl(var(--alert-hsl)) !important;
+ color: var(--alert-text-color);
+}
+.button_coQXfM .statIcon_o40EX1 {
+ margin-right: 0;
+}
+
+/*
+ *
+ * BETTERDISCORD PLUGIN -> ShowAllActivities
+ *
+ */
+.userProfileOuterThemed_c69a7b .wrapper .controls {
+ --popout-color: var(--profile-body-background-color);
+}
+.userProfileOuterThemed_c69a7b .wrapper .controls .carosell {
+ --carosell-dot-selected: var(--profile-gradient-secondary-color);
+}
+
+.wrapper .controls {
+ background-color: var(--popout-color) !important;
+ border-radius: 17px !important;
+}
+.wrapper .controls .caret {
+ border-radius: 50% !important;
+}
+.wrapper .controls .caret:not(.disabled) {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+}
+.wrapper .controls .caret:not(.disabled) .SAA-caret {
+ color: var(--accent-text-color--material-you);
+}
+.wrapper .controls .carosell .dot.selected {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+}
+
+/*
+ *
+ * BETTERDISCORD PLUGIN -> SpotifyControls
+ *
+ */
+.coverWrapper_YAplwJ {
+ border-radius: 50%;
+}
+
+.container_6sXIoE {
+ margin-bottom: 2px;
+ background-color: var(--sidebar-panel-color);
+ border-radius: 4px;
+ border-bottom: none;
+}
+.container_6sXIoE.maximized_vv2Wr0 .coverWrapper_YAplwJ {
+ border-radius: var(--card-radius-big);
+}
+
+/* BETTERDISCORD PLUGIN -> SpotifyControls -> VENCORD*/
+#vc-spotify-player {
+ margin-bottom: 2px;
+ padding: 12px !important;
+ background-color: var(--sidebar-panel-color) !important;
+ border-radius: 4px;
+ border-bottom: none !important;
+}
+#vc-spotify-player #vc-spotify-album-image {
+ border-radius: 50%;
+}
+#vc-spotify-player .track_c7a159 {
+ top: 12px;
+}
+#vc-spotify-player .grabber_c7a159 {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+}
+#vc-spotify-player .vc-spotify-button-row {
+ gap: 8px !important;
+}
+#vc-spotify-player .vc-spotify-button {
+ color: var(--text-normal) !important;
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+#vc-spotify-player .vc-spotify-play,
+#vc-spotify-player .vc-spotify-pause {
+ padding: 4px;
+ background-color: hsl(var(--accent-hsl--material-you));
+ color: var(--accent-text-color--material-you);
+ transition: var(--default-time) var(--default-animation) border-radius;
+}
+#vc-spotify-player .vc-spotify-play {
+ border-radius: 16px;
+ animation: vc-spotify-play-button var(--default-time) var(--default-animation);
+}
+#vc-spotify-player .vc-spotify-pause {
+ border-radius: 10px;
+ animation: vc-spotify-pause-button var(--default-time) var(--default-animation);
+}
+
+#vc-spotify-album-expanded-wrapper {
+ margin: -12px -12px 0;
+}
+#vc-spotify-album-expanded-wrapper img {
+ border-radius: var(--card-radius-big) !important;
+}
+
+.activityPanel_a4d4d9 + .wrapper_adcaac:empty + #vc-spotify-player #vc-spotify-album-expanded-wrapper img,
+.wrapper_adcaac:not(:empty) + #vc-spotify-player #vc-spotify-album-expanded-wrapper img {
+ border-radius: 4px !important;
+}
+
+#vc-spotify-progress-bar {
+ margin: 8px 0 !important;
+}
+
+.vc-spotify-shuffle path {
+ d: path("M14.83,13.41L13.42,14.82L16.55,17.95L14.5,20H20V14.5L17.96,16.54L14.83,13.41M14.5,4L16.54,6.04L4,18.59L5.41,20L17.96,7.46L20,9.5V4M10.59,9.17L5.41,4L4,5.41L9.17,10.58L10.59,9.17Z");
+}
+
+.vc-spotify-play path {
+ d: path("M8,5.14V19.14L19,12.14L8,5.14Z");
+}
+
+.vc-spotify-pause path {
+ d: path("M14,19H18V5H14M6,19H10V5H6V19Z");
+}
+
+.vc-spotify-previous path {
+ d: path("M6,18V6H8V18H6M9.5,12L18,6V18L9.5,12Z");
+}
+
+.vc-spotify-next path {
+ d: path("M16,18H18V6H16M6,18L14.5,12L6,6V18Z");
+}
+
+.vc-spotify-repeat path {
+ d: path("M17,17H7V14L3,18L7,22V19H19V13H17M7,7H17V10L21,6L17,2V5H5V11H7V7Z");
+}
+
+@keyframes vc-spotify-play-button {
+ from {
+ border-radius: 10px;
+ }
+}
+@keyframes vc-spotify-pause-button {
+ from {
+ border-radius: 16px;
+ }
+}
+/*
+ *
+ * BETTERDISCORD PLUGIN -> StatusEverywhere
+ *
+ */
+.StatusEverywhere-avatar-chatAvatar.accountSettingsAvatar {
+ width: 80px !important;
+ height: 80px !important;
+ top: 76px;
+}
+
+.StatusEverywhere-avatar-userPopout {
+ background-color: var(--popout-color) !important;
+ border: none !important;
+}
+/*
+ *
+ * BETTERDISCORD PLUGIN -> UserDetails
+ *
+ */
+.UserDetails-activity-container img {
+ border-radius: 50%;
+}
+
+/*
+ *
+ * BETTERDISCORD ADDONS
+ *
+ */
+.bd-settings-title {
+ color: var(--header-primary);
+}
+
+.bd-modal-root {
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+}
+.bd-modal-root .paragraph_d7f12d {
+ color: var(--text-normal);
+}
+.bd-modal-root .bd-modal-footer {
+ background-color: transparent;
+ box-shadow: none;
+ gap: 8px;
+}
+
+.bd-button {
+ --button-background: hsl(var(--accent-hsl--material-you));
+ --button-text-color: var(--accent-text-color--material-you);
+ --button-shadow: none;
+ --button-outline: none;
+ background-color: var(--button-background) !important;
+ border-radius: var(--button-radius);
+ border: var(--button-outline) !important;
+ box-shadow: var(--button-shadow);
+ color: var(--button-text-color) !important;
+}
+.bd-button:hover {
+ --button-shadow: none;
+}
+.bd-button:active {
+ --button-shadow: none;
+}
+.bd-button:after {
+ position: absolute;
+ content: " ";
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ background-color: var(--button-action-color);
+ border-radius: var(--button-radius);
+ opacity: 0;
+ pointer-events: none;
+ transition: var(--default-time) var(--default-animation) opacity;
+}
+.bd-button:hover:after {
+ opacity: var(--button-action-hover);
+}
+.bd-button:active:after {
+ opacity: var(--button-action-active);
+}
+.bd-button:disabled {
+ opacity: 0.5 !important;
+}
+.bd-button:disabled:after {
+ display: none;
+}
+.bd-button .bd-button-content {
+ background-image: none !important;
+}
+.bd-button .bd-button-content svg:not([fill]) .fill {
+ fill: currentColor;
+}
+.bd-button .bd-button-content svg[fill] {
+ fill: currentColor;
+}
+
+.bd-button-filled.bd-button-danger {
+ --button-background: hsl(var(--alert-hsl));
+ --button-text-color: var(--alert-text-color);
+}
+
+.bd-button-link {
+ --button-padding: 0 12px;
+ --button-background: transparent;
+ --button-shadow: none !important;
+}
+.bd-button-link:after {
+ --button-action-color: hsl(var(--accent-hsl--material-you));
+}
+.bd-button-link.bd-button-color-brand, .bd-button-link.bd-button-color-primary {
+ --button-text-color: hsl(var(--accent-hsl--material-you));
+}
+
+.bd-search-wrapper {
+ padding: 0 8px;
+ background-color: var(--input-color);
+ border-radius: 13px;
+}
+.bd-search-wrapper .bd-search {
+ padding: 0;
+ line-height: 26px;
+ color: var(--text-normal);
+}
+.bd-search-wrapper .bd-search::-webkit-input-placeholder {
+ font-family: var(--app-font);
+}
+
+.bd-label {
+ line-height: 26px;
+}
+
+.bd-select {
+ line-height: 26px;
+}
+.bd-select.bd-select-transparent {
+ gap: 4px;
+}
+.bd-select .bd-select-value {
+ padding-left: 0;
+}
+.bd-select .bd-select-arrow {
+ height: 26px !important;
+ margin-left: 0;
+}
+.bd-select .bd-select-options {
+ padding: 8px 0;
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius);
+ border: none;
+ box-shadow: var(--shadow-3dp);
+ animation: opacity 100ms ease, open-context-menu 300ms var(--default-animation);
+ transform-origin: top;
+}
+.bd-select .bd-select-option {
+ min-height: 32px;
+ padding: 9px 12px;
+ line-height: 18px;
+ font-weight: 500;
+ color: var(--menu-item-text-color);
+ box-sizing: border-box;
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.bd-select .bd-select-option:hover {
+ background-color: var(--menu-item-hover);
+}
+.bd-select .bd-select-option.selected {
+ background-color: var(--menu-item-select);
+}
+
+.bd-addon-views .bd-view-button {
+ background-color: transparent !important;
+}
+.bd-addon-views .bd-view-button:not(.selected) svg[fill] {
+ fill: var(--interactive-normal);
+}
+.bd-addon-views .bd-view-button.selected {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+}
+.bd-addon-views .bd-view-button.selected svg {
+ fill: var(--accent-text-color--material-you);
+}
+
+.bd-addon-controls + .bd-addon-list {
+ margin-top: 16px;
+}
+
+#themes-tab .bd-addon-controls:after {
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ content: "Theme Add-ons\a\aMaterial Discord has a few add-on themes to either enhance or revert\asome features that can be located at bit.ly/MaterialDiscordAddons.\a\a- Solid Icons\a- Old Message Bubbles\a- Material You";
+ width: 100%;
+ margin-top: 16px;
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+ color: var(--text-normal);
+ box-sizing: border-box;
+ white-space: pre;
+ word-wrap: break-word;
+ line-height: 18px;
+}
+
+.bd-empty-image-container {
+ margin-top: 24px;
+ max-width: unset;
+}
+
+.bd-addon-list.bd-grid-view {
+ column-gap: 16px;
+ row-gap: 16px;
+}
+.bd-addon-list .bd-addon-card {
+ margin-bottom: 16px;
+}
+
+.bd-addon-card {
+ background-color: var(--card-color-filled) !important;
+ border: none !important;
+ padding: 0;
+ border-radius: var(--card-radius-big) !important;
+}
+.bd-addon-card .bd-addon-header {
+ margin-bottom: 0;
+ padding: 16px;
+ background-color: transparent;
+ font-size: 1.25em;
+ line-height: normal;
+ color: var(--card-header-text-color);
+ font-weight: 400;
+ opacity: 1;
+}
+.bd-addon-card .bd-addon-header .bd-link {
+ color: hsl(var(--accent-hsl));
+}
+.bd-addon-card .bd-addon-header .bd-meta {
+ display: block;
+ font-size: 12px;
+}
+.bd-addon-card .bd-description-wrap {
+ padding: 0 16px;
+}
+.bd-addon-card .bd-description {
+ padding: 0;
+}
+.bd-addon-card .bd-footer {
+ background-color: transparent;
+}
+.bd-addon-card .bd-controls {
+ background-color: transparent;
+ border-radius: 14px;
+ overflow: hidden;
+}
+.bd-addon-card .bd-controls .bd-button {
+ padding: 3px 8px;
+ background-color: var(--card-button-color) !important;
+ color: var(--text-normal);
+}
+.bd-addon-card .bd-controls .bd-button:not([disabled]):hover {
+ background-color: var(--card-button-color-hover) !important;
+}
+.bd-addon-card .bd-controls .bd-button svg {
+ fill: var(--text-normal);
+}
+
+.bd-description-wrap .banner {
+ margin-bottom: 16px;
+ padding: 8px;
+ border-radius: calc(var(--card-radius-big) / 1.5);
+ border: none;
+ color: var(--text-normal);
+}
+
+.banner.banner-danger {
+ background-color: hsl(var(--alert-hsl), 0.3);
+}
+.banner.banner-danger .bd-icon {
+ fill: hsl(var(--alert-hsl));
+}
+
+/* BETTERDISCORD ADDONS -> BD ADDON MODAL */
+.bd-addon-modal .bd-addon-modal-header h1 {
+ font-size: 22px;
+ font-weight: 400;
+}
+.bd-addon-modal .bd-select {
+ height: var(--input-height);
+ max-height: var(--input-height);
+ padding: var(--input-padding);
+ background-color: var(--input-color);
+ border-radius: calc(var(--input-height) / 2);
+ border: none;
+ font-size: 1em;
+}
+
+/*
+ *
+ * BETTERDISCORD CSS EDITOR
+ *
+ */
+#bd-editor-panel {
+ border-radius: var(--card-radius-big);
+ overflow: hidden;
+}
+
+#bd-editor-controls {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
+}
+
+#bd-customcss-editor {
+ background-color: var(--card-color-filled);
+}
+
+.monaco-editor, .monaco-editor-background,
+.monaco-editor .inputarea.ime-input,
+.monaco-editor .margin {
+ background-color: inherit !important;
+}
+.monaco-editor .overflow-guard {
+ border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
+ border-top: none;
+}
+.monaco-editor .minimap {
+ right: 7px;
+ background-color: inherit !important;
+}
+.monaco-editor .minimap-shadow-visible {
+ box-shadow: none !important;
+}
+.monaco-editor .scroll-decoration {
+ box-shadow: none !important;
+}
+
+.monaco-editor *,
+.ace_editor *,
+.line-numbers * {
+ --app-font: var(--code-font);
+}
+.monaco-editor .codicon[class*=codicon-],
+.ace_editor .codicon[class*=codicon-],
+.line-numbers .codicon[class*=codicon-] {
+ font-family: codicon !important;
+}
+
+/*
+ *
+ * VENCORD PLUGIN - MemberCount
+ *
+ */
+.vc-membercount-widget {
+ --color-online: var(--success-color) !important;
+ --color-total: var(--primary-300) !important;
+ display: flex;
+ gap: 16px;
+ margin-left: 0;
+}
+.vc-membercount-widget > div {
+ display: flex;
+ gap: 6px;
+ align-items: center;
+}
+
+.vc-membercount-online-dot,
+.vc-membercount-total-dot {
+ margin: 0;
+}
+
+/*
+ *
+ * VENCORD PLUGIN - ReadAllNotification
+ *
+ */
+.wrapper_fea3ef .scroller_fea3ef {
+ text-align: center;
+}
+.wrapper_fea3ef .button_dd4f85 {
+ --button-height: 22px;
+ --button-padding: 0 4px;
+ width: auto;
+ font-size: 12px !important;
+}
+
+/*
+ *
+ * VENCORD PLUGIN - ReviewDB
+ *
+ */
+.userProfileOuterThemed_c69a7b .vc-rdb-view .wrapper_f9f2ca {
+ --message-color: var(--profile-body-background-hover);
+ --message-color-hover: var(--profile-body-background-hover);
+}
+.userProfileOuterThemed_c69a7b .vc-rdb-view .formText_b89ec7 {
+ background-color: var(--profile-body-background-hover);
+}
+.userProfileOuterThemed_c69a7b .vc-rdb-view .input_f8bc55 {
+ --input-color: var(--profile-body-background-color) !important;
+}
+
+.vc-rdb-view .wrapper_f9f2ca {
+ --message-color: var(--popout-color);
+ --message-color-hover: var(--popout-color);
+ margin-left: 52px !important;
+}
+.vc-rdb-view .avatar_f9f2ca {
+ left: -52px !important;
+}
+
+.vc-rdb-review-comment {
+ margin-bottom: 0;
+}
+
+.vc-rdb-input {
+ margin-top: 12px !important;
+ background-color: var(--input-color) !important;
+ border-radius: 22px !important;
+ border: none !important;
+ box-shadow: none !important;
+}
+.vc-rdb-input .placeholder_a552a6 {
+ color: var(--input-placeholder-color);
+}
+.vc-rdb-input .editor_a552a6 {
+ color: var(--input-text-color);
+}
+.vc-rdb-input .buttons_d0696b {
+ margin-right: 0 !important;
+}
+
+/*
+ *
+ * VENCORD SETTINGS
+ *
+ */
+.vc-settings-tab-bar {
+ height: 48px;
+ border-bottom-width: 1px !important;
+}
+.vc-settings-tab-bar .item_a0 {
+ height: inherit;
+ line-height: 48px;
+ margin: 0 24px 0 0;
+ padding: 0 8px;
+ border-radius: 0;
+ border: none !important;
+ color: var(--interactive-normal) !important;
+}
+.vc-settings-tab-bar .item_a0.selected_a0 {
+ position: relative;
+ background-color: transparent !important;
+ border: none;
+}
+.vc-settings-tab-bar .item_a0.selected_a0:after {
+ position: absolute;
+ content: " ";
+ width: 80%;
+ height: 3px;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ margin: 0 auto;
+ background: var(--tab-border-color);
+ border-radius: 3px 3px 0 0;
+ transition: var(--default-time) ease all;
+}
+.vc-settings-tab-bar + .divider_ae36e5 {
+ display: none;
+}
+
+.vc-settings-card .h5_c46f6a,
+.vc-plugins-info-card .h5_c46f6a {
+ margin-bottom: 0;
+ padding-bottom: 16px;
+ line-height: normal;
+ font-size: 1.25em;
+ font-weight: 400;
+ color: var(--card-header-text-color);
+}
+.vc-settings-card .divider_ae36e5,
+.vc-plugins-info-card .divider_ae36e5 {
+ margin: 16px 0;
+}
+
+.vc-settings-donate .button_dd4f85 {
+ position: absolute;
+ bottom: 16px;
+ transform: none !important;
+}
+.vc-settings-donate .button_dd4f85 .contents_dd4f85 {
+ display: flex;
+}
+.vc-settings-donate .button_dd4f85 svg {
+ transform: none !important;
+}
+.vc-settings-donate .button_dd4f85 svg path {
+ fill: currentColor;
+}
+.vc-settings-donate img {
+ margin: 16px;
+}
+
+.vc-error-card {
+ padding: 16px;
+ background-color: hsl(var(--alert-hsl), 0.1);
+ border-radius: var(--card-radius-big);
+ border-color: hsl(var(--alert-hsl));
+}
+
+/* VENCORD SETTINGS -> PLUGINS */
+.vc-plugins-info-card {
+ height: auto !important;
+}
+
+.vc-plugins-filter-controls .inputWrapper_f8bc55:last-of-type {
+ background-color: transparent !important;
+ border: none !important;
+ box-shadow: none !important;
+}
+.vc-plugins-filter-controls .select_f6639d {
+ box-shadow: none !important;
+}
+
+.vc-addon-card {
+ background-color: var(--card-color-filled) !important;
+ border: none !important;
+ padding: 16px;
+ border-radius: var(--card-radius-big) !important;
+}
+.vc-addon-card:hover {
+ box-shadow: none !important;
+ transform: none !important;
+}
+.vc-addon-card .container_cebd1c .slider_cebd1c {
+ transform: translate(-2px, -50%) !important;
+ transition: var(--default-time) var(--default-animation) all;
+}
+.vc-addon-card .container_cebd1c.checked_cebd1c .slider_cebd1c {
+ transform: translate(calc(100% - 7px), -50%) !important;
+}
+
+.vc-addon-header {
+ height: auto !important;
+ margin-bottom: 12px !important;
+ justify-content: flex-start !important;
+}
+.vc-addon-header .vc-addon-name-author {
+ overflow: hidden;
+ font-size: 1.1em !important;
+ font-weight: 400;
+}
+.vc-addon-header .vc-addon-name-author .vc-addon-name {
+ font-size: inherit !important;
+ font-weight: inherit !important;
+}
+
+.vc-addon-note:not(:last-child) {
+ margin-bottom: 0.875em !important;
+}
+.vc-addon-note + div:not([class]) {
+ font-size: 14px;
+}
+
+/* VENCORD SETTINGS -> THEMES */
+.vc-settings-theme-links {
+ padding: 12px !important;
+ background-color: var(--input-color);
+ border-radius: 4px 4px 0 0 !important;
+ border: none !important;
+ box-shadow: inset 0 -1px 0 0 var(--input-border-color);
+ line-height: 1.375rem;
+ font-size: 1rem;
+ color: var(--input-text-color) !important;
+ transition: var(--default-time) var(--default-animation) box-shadow;
+}
+.vc-settings-theme-links:focus {
+ box-shadow: inset 0 -2px 0 0 hsl(var(--accent-hsl--material-you));
+}
+
+[style*="padding: 0.5em"].cardPrimary_a298b8 {
+ padding: 16px !important;
+}
+
+/* VENCORD SETTINGS -> BACKUP AND RESTORE */
+.vc-backup-restore-card > div {
+ gap: 0 !important;
+}
+.vc-backup-restore-card strong {
+ padding-bottom: 16px;
+ line-height: normal;
+ font-size: 1.25em;
+ font-weight: 400;
+ color: var(--card-header-text-color) !important;
+}
+
+/* VENCORD SETTINGS -> NOTIFICATION */
+.vc-notification-root {
+ background-color: var(--popout-color) !important;
+ border-radius: var(--popout-radius-big) !important;
+ box-shadow: var(--shadow-3dp) !important;
+}
+.vc-notification-root .vc-notification-title {
+ font-size: 22px !important;
+ font-weight: 400 !important;
+ text-transform: none !important;
+}
+
+/*
+ *
+ * FORUM
+ *
+ */
+.container_a6d69a {
+ background: var(--chat-color);
+}
+
+.tagsContainer_a6d69a {
+ padding: 16px 0 0;
+}
+
+.tagList_a6d69a {
+ height: var(--button-height);
+}
+
+.sortDropdown_a6d69a .contents_dd4f85 {
+ color: var(--accent-text-color--material-you);
+}
+
+.sortDropdownText_a6d69a {
+ color: inherit !important;
+}
+
+.container_d0f4b1 {
+ padding: 0;
+ background-color: transparent;
+ border-radius: 0;
+ box-shadow: none;
+}
+.container_d0f4b1 .menu_d90b3d {
+ min-width: unset;
+}
+.container_d0f4b1 .menu_d90b3d .scrollerBase_eed6a8::-webkit-scrollbar {
+ --scrollbar-width: 0;
+}
+.container_d0f4b1 .menu_d90b3d .groupLabel_d90b3d {
+ padding-top: 0;
+}
+
+.tagsButton_a6d69a {
+ --button-padding: 0 8px 0 12px;
+}
+.tagsButton_a6d69a.tagsButtonWithCount_a6d69a {
+ --button-padding: 0 8px;
+}
+.tagsButton_a6d69a .tagsButtonInner_a6d69a {
+ color: inherit;
+}
+.tagsButton_a6d69a svg {
+ color: var(--accent-text-color--material-you);
+}
+
+.countContainer_a6d69a {
+ background-color: var(--accent-text-color--material-you);
+}
+.countContainer_a6d69a .countText_a6d69a {
+ color: hsl(var(--accent-hsl--material-you));
+}
+
+.container_ae4f46 {
+ padding: 16px 16px 8px;
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+}
+.container_ae4f46 .header_ae4f46 {
+ padding: 0;
+}
+.container_ae4f46 .header_ae4f46 .text-xs\/bold_dc00ef {
+ font-size: 14px;
+ text-transform: none;
+}
+.container_ae4f46 .countContainer_ae4f46 {
+ background-color: hsl(var(--accent-hsl--material-you));
+}
+.container_ae4f46 .countContainer_ae4f46 .countText_ae4f46 {
+ color: var(--accent-text-color--material-you);
+}
+
+.container_a039eb {
+ margin-top: 16px;
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 0;
+ border-radius: var(--card-radius-big);
+}
+
+.stepContainer_a039eb {
+ --card-color-filled: var(--card-color-alt);
+ --card-color-hover: var(--card-color-active);
+ background-color: var(--card-color-filled) !important;
+ border: none !important;
+ padding: 12px 16px;
+ border-radius: var(--card-radius-big) !important;
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.stepContainer_a039eb:hover {
+ background-color: var(--card-color-hover) !important;
+}
+
+.card_a6d69a {
+ padding-bottom: 16px;
+}
+[style*="height: 558px"].card_a6d69a {
+ padding-bottom: 0;
+}
+
+.container_ddbb27 {
+ margin-bottom: 0;
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+
+.descriptionContainer_ddbb27 {
+ --card-color-filled: var(--card-color-hover);
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+
+/* FORUM -> PILL */
+.pill_c993da {
+ height: var(--button-height);
+ padding: 0 12px 0 8px;
+ background-color: var(--card-button-color) !important;
+ border-radius: 10px;
+ border: none;
+ gap: 8px;
+ transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) border-color;
+}
+.pill_c993da.clickable_c993da:hover {
+ background-color: var(--card-button-color-hover) !important;
+}
+.pill_c993da.small_c993da {
+ border-radius: 6px;
+}
+.pill_c993da.selected_c993da {
+ background-color: hsl(var(--accent-hsl), 0.3) !important;
+ border-color: transparent !important;
+}
+.pill_c993da.selected_c993da:hover {
+ background-color: hsl(var(--accent-hsl), 0.35) !important;
+}
+.pill_c993da.selected_c993da .defaultColor__77578, .pill_c993da.selected_c993da .defaultColor_e9e35f, .pill_c993da.selected_c993da .defaultColor_a595eb {
+ color: hsl(var(--accent-hsl--material-you));
+}
+.pill_c993da .emoji_b22487 {
+ margin-right: 0;
+}
+.pill_c993da .lineClamp1__92431 {
+ padding: 0;
+}
+
+/*
+ *
+ * FORUM MEDIA POSTS
+ *
+ */
+.headerRow_a6d69a:not([data-list-item-id*=forum-channel-list]) .container_c1668f .bodyContainer_c1668f {
+ margin-right: 0;
+}
+
+.thumbnailContainer_dbcd8f {
+ margin-left: 16px;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+}
+.thumbnailContainer_dbcd8f .lookFilled_dd4f85 {
+ --button-background: transparent;
+}
+.thumbnailContainer_dbcd8f .lookFilled_dd4f85:after {
+ display: none;
+}
+.thumbnailContainer_dbcd8f .uploadFileInputContainer_dbcd8f {
+ --button-height: 100%;
+}
+.thumbnailContainer_dbcd8f .uploadFileInputContainer_dbcd8f:hover .changeThumbnailLabelContainer_dbcd8f {
+ background-color: var(--card-color-filled);
+}
+.thumbnailContainer_dbcd8f .changeThumbnailLabelContainer_dbcd8f,
+.thumbnailContainer_dbcd8f .thumbnail_dbcd8f {
+ border-radius: var(--card-radius-big);
+}
+.thumbnailContainer_dbcd8f .changeThumbnailLabelContainer_dbcd8f {
+ transition: var(--default-time) var(--default-animation) all;
+}
+.thumbnailContainer_dbcd8f .upload_df1eaf {
+ padding: 0;
+}
+
+.container_b6cc23 {
+ margin: 16px 0;
+ padding: 16px !important;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+}
+.container_b6cc23 .uploadInput_a15d29 {
+ background-color: var(--card-color-alt);
+}
+.container_b6cc23 .upload_df1eaf {
+ padding: 0;
+}
+.container_b6cc23 .uploadInput_a15d29,
+.container_b6cc23 .spoilerContainer_a3d0f7,
+.container_b6cc23 .imageSmall_f847a3 {
+ border-radius: var(--card-radius-big);
+}
+
+/*
+ *
+ * FORUM NEW POST
+ *
+ */
+.header_a6d69a {
+ position: relative;
+ min-height: 52px;
+ background-color: var(--input-color);
+ border-radius: 26px;
+ border: none;
+}
+.header_a6d69a.headerWithMatchingPosts_a6d69a {
+ box-shadow: var(--shadow-3dp);
+}
+.header_a6d69a .lookFilled_dd4f85 {
+ --button-padding: 0 24px 0 16px;
+}
+
+.matchingPostsRow_a6d69a {
+ margin-top: -24px;
+ padding-top: 24px;
+ background-color: var(--input-color);
+ border-radius: 0 0 24px 24px;
+}
+
+.form_c1668f {
+ margin-right: 0;
+}
+
+.container_c1668f {
+ padding: 16px;
+}
+.container_c1668f.collapsed_c1668f {
+ padding: 0;
+}
+.container_c1668f.collapsed_c1668f .formContainer_c1668f {
+ padding: 0 8px 0 16px;
+ gap: 12px;
+}
+.container_c1668f.collapsed_c1668f .titleContainer_c1668f {
+ gap: 12px;
+}
+.container_c1668f.collapsed_c1668f .prefixElement_c1668f {
+ position: relative;
+ right: unset;
+}
+.container_c1668f.collapsed_c1668f .prefixElement_c1668f svg {
+ padding: 0;
+}
+.container_c1668f.collapsed_c1668f .input_f8bc55.textArea_a2b402 {
+ --input-color: transparent;
+ --input-padding: 0;
+ border-radius: 0;
+}
+.container_c1668f.collapsed_c1668f .forumPostFormButton_c1668f {
+ height: var(--button-height);
+ margin: 0;
+}
+.container_c1668f .prefixElement_c1668f {
+ position: absolute;
+ width: auto;
+ height: var(--button-height);
+ right: 16px;
+ margin: 0;
+ z-index: 2;
+}
+.container_c1668f .prefixElement_c1668f div[role=button],
+.container_c1668f .prefixElement_c1668f svg {
+ height: inherit;
+}
+.container_c1668f .prefixElement_c1668f svg {
+ padding: 0 8px;
+}
+.container_c1668f .formContainer_c1668f {
+ padding: 0;
+}
+.container_c1668f .formContainer_c1668f + .form_c1668f > div {
+ padding: 0;
+}
+.container_c1668f .titleContainer_c1668f {
+ position: relative;
+}
+.container_c1668f .bodyContainer_c1668f {
+ margin-right: 94px !important;
+}
+.container_c1668f .input_f8bc55.textArea_a2b402 {
+ --input-color: var(--card-color-filled);
+ height: var(--button-height);
+ margin: 0;
+ padding: var(--input-padding);
+ border-radius: 20px;
+ box-shadow: none;
+ font-weight: 400;
+ line-height: var(--button-height);
+ cursor: text;
+}
+.container_c1668f .input_f8bc55.textArea_a2b402::-webkit-input-placeholder {
+ font-weight: inherit;
+}
+.container_c1668f .lookFilled_dd4f85:disabled {
+ opacity: 0.5 !important;
+}
+
+.tagsDivider_c1668f {
+ width: 100%;
+ left: 0;
+}
+
+.contentContainer_c1668f {
+ padding-left: 0;
+}
+.contentContainer_c1668f .channelTextArea_d0696b {
+ min-height: 68px;
+ margin-top: 16px;
+}
+.contentContainer_c1668f .scrollableContainer_d0696b {
+ min-height: 68px;
+ padding: 6px 12px;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+ color: var(--input-text-color);
+}
+.contentContainer_c1668f .scrollableContainer_d0696b::-webkit-input-placeholder {
+ color: var(--input-placeholder-color);
+}
+
+.container_a15d29 {
+ position: absolute;
+ top: calc(var(--button-height) + 32px);
+ right: 16px;
+ z-index: 3;
+}
+.container_a15d29 .uploadInput_a15d29 {
+ background-color: transparent;
+ border: 1px solid var(--card-border-color);
+}
+.container_a15d29 .uploadInput_a15d29,
+.container_a15d29 .spoilerContainer_a3d0f7,
+.container_a15d29 .imageSmall_f847a3 {
+ border-radius: var(--card-radius-big);
+}
+.container_a15d29 .badge_a15d29 {
+ background-color: hsl(var(--accent-hsl--material-you));
+ color: var(--accent-text-color--material-you);
+ border-color: var(--input-color);
+}
+
+/*
+ *
+ * FORUM POSTS
+ *
+ */
+.container_a57509, .container_d331f1 {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+ border: none !important;
+}
+.container_a57509:hover, .container_d331f1:hover {
+ background-color: var(--card-color-hover);
+ box-shadow: none;
+ transform: none;
+}
+.container_a57509.isOpen_a57509, .container_d331f1.isOpen_a57509, .container_a57509.isOpen_d331f1, .container_d331f1.isOpen_d331f1 {
+ background-color: var(--card-color-active) !important;
+}
+.container_a57509 .pinIcon_f451cd, .container_d331f1 .pinIcon_f451cd {
+ background-color: hsl(var(--accent-hsl--material-you));
+ color: var(--accent-text-color--material-you);
+}
+.container_a57509 .pinIcon_f451cd path, .container_d331f1 .pinIcon_f451cd path {
+ fill: currentColor;
+}
+.container_a57509 .postTitleText_d331f1, .container_d331f1 .postTitleText_d331f1, .container_a57509 .title_a57509, .container_d331f1 .title_a57509 {
+ line-height: 24px;
+ font-size: 1.325rem;
+ font-weight: 400;
+}
+
+.contentPreview_a57509,
+.textContentFooter_a57509 {
+ background-color: var(--card-color-hover);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+
+.contentPreview_a57509 {
+ border-radius: var(--card-radius-big);
+ border: none;
+}
+
+.textContentFooter_a57509 {
+ background: var(--card-color-hover) !important;
+}
+
+.container_a57509:not(.isOpen_a57509):not(.isOpen_d331f1):hover .contentPreview_a57509, .container_d331f1:not(.isOpen_a57509):not(.isOpen_d331f1):hover .contentPreview_a57509 {
+ background-color: var(--card-color-filled);
+}
+.container_a57509:not(.isOpen_a57509):not(.isOpen_d331f1):hover .textContentFooter_a57509, .container_d331f1:not(.isOpen_a57509):not(.isOpen_d331f1):hover .textContentFooter_a57509 {
+ background: var(--card-color-filled) !important;
+}
+
+.highlight {
+ background: hsl(var(--accent-hsl), 0.4);
+}
+
+/* FORUM POSTS -> THREAD REACTIONS BAR */
+.container_b385c8 {
+ --button-height: 26px;
+ --button-padding: 0 10px;
+ margin: 16px 10px 0 16px;
+ padding: 8px;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+ border-top: none;
+ box-shadow: none;
+}
+.container_b385c8 .button_dd4f85,
+.container_b385c8 .addReactButton_b385c8 {
+ --button-padding: 0 10px;
+ --button-text-color: hsl(var(--accent-hsl--material-you));
+ height: var(--button-height);
+ padding: var(--button-padding);
+ background-color: transparent;
+ border-radius: var(--button-radius);
+ border: none;
+ color: var(--button-text-color);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.container_b385c8 .button_dd4f85:hover,
+.container_b385c8 .addReactButton_b385c8:hover {
+ background-color: hsl(var(--button-link-accent-color), 0.14);
+}
+.container_b385c8 .button_dd4f85.active_f61c73,
+.container_b385c8 .addReactButton_b385c8.active_f61c73 {
+ background-color: hsl(var(--button-link-accent-color), 0.21);
+}
+.container_b385c8 .button_dd4f85 .contents_dd4f85 {
+ padding: 0;
+ background-color: transparent;
+ border: none;
+ color: var(--button-text-color);
+}
+
+.reactButtons_b385c8 {
+ gap: 4px;
+}
+.reactButtons_b385c8 div:first-child .addReactButton_b385c8 path {
+ d: path("M12,17.5C14.33,17.5 16.3,16.04 17.11,14H6.89C7.69,16.04 9.67,17.5 12,17.5M8.5,11A1.5,1.5 0 0,0 10,9.5A1.5,1.5 0 0,0 8.5,8A1.5,1.5 0 0,0 7,9.5A1.5,1.5 0 0,0 8.5,11M15.5,11A1.5,1.5 0 0,0 17,9.5A1.5,1.5 0 0,0 15.5,8A1.5,1.5 0 0,0 14,9.5A1.5,1.5 0 0,0 15.5,11M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z");
+}
+.reactButtons_b385c8 div:first-child .addReactButton_b385c8 path ~ path {
+ display: none;
+}
+
+.addReactButton_b385c8 {
+ min-width: unset;
+ margin: 0;
+}
+.addReactButton_b385c8 svg {
+ color: inherit !important;
+}
+
+.box_af45f8 {
+ margin: 16px 10px 0 16px;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+}
+.box_af45f8:after {
+ left: 50px;
+}
+
+.divider_af45f8 {
+ display: none;
+}
+
+/*
+ *
+ * HEADER BAR
+ *
+ */
+.container_e44302 {
+ padding: 0 8px;
+ border-top-right-radius: var(--card-radius-big);
+ box-shadow: var(--elevation-low);
+}
+.container_e44302.transparent_e44302 {
+ box-shadow: none;
+}
+.container_e44302.themed_e44302 {
+ background: var(--main-color);
+}
+.container_e44302 .followButton_a7d72e {
+ --button-height: 32px;
+ --button-padding: 0 16px;
+}
+
+.children_e44302:after {
+ background: linear-gradient(90deg, transparent 0, var(--main-color)) !important;
+}
+.children_e44302 .topPill_a0 {
+ height: 100%;
+}
+.children_e44302 .item_a0 {
+ height: 48px;
+ line-height: 48px;
+}
+
+.iconWrapper_e44302.clickable_e44302 {
+ position: relative;
+}
+.iconWrapper_e44302.clickable_e44302:after {
+ content: " ";
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ background-color: hsl(var(--md-ripple-color), 0.1);
+ border-radius: 50%;
+ opacity: 0;
+ pointer-events: none;
+ transform: scale(1.2);
+ transition: 300ms ease;
+ z-index: 4;
+}
+.iconWrapper_e44302.clickable_e44302:hover:after {
+ opacity: 1;
+ transform: scale(1.5);
+ animation: scale 150ms var(--default-animation), opacity 150ms ease;
+}
+.iconWrapper_e44302.clickable_e44302:active:after {
+ background-color: hsl(var(--md-ripple-color), 0.2);
+}
+.iconWrapper_e44302 foreignObject {
+ mask: none !important;
+}
+
+.topic_bf3bbb a {
+ color: hsl(var(--accent-hsl--material-you));
+}
+
+.returnButton_f1fd9c, .returnButton_d20375 {
+ --button-height: 32px;
+ max-width: 250px;
+ margin-right: 8px;
+}
+
+.returnButtonText_f1fd9c, .returnButtonText_d20375 {
+ font-size: 1em;
+}
+.returnButtonText_f1fd9c, .returnButtonText_d20375,
+.returnButtonText_f1fd9c *,
+.returnButtonText_d20375 * {
+ line-height: var(--button-height);
+ color: hsl(var(--accent-hsl--material-you)) !important;
+}
+.returnButtonText_f1fd9c .text-xs\/medium_dc00ef, .returnButtonText_d20375 .text-xs\/medium_dc00ef {
+ font-size: 1em;
+}
+
+.iconBadge_e44302 {
+ top: 0;
+ right: 0;
+ background-color: hsl(var(--accent-hsl--material-you));
+ box-shadow: 0 0 0 4px var(--main-color);
+}
+
+/*
+ *
+ * HEADER BAR SEARCH
+ *
+ */
+.search_a46bef {
+ width: 160px;
+ transition: 300ms ease width;
+}
+.search_a46bef .searchBar_a46bef {
+ width: 100%;
+ height: 32px;
+ background-color: var(--input-color);
+ border-radius: 16px;
+}
+.search_a46bef .searchBar_a46bef .DraftEditor-root {
+ padding: 6px 0;
+ padding-left: 8px;
+}
+.search_a46bef .searchBar_a46bef .DraftEditor-root .public-DraftEditorPlaceholder-root {
+ padding-left: 2px;
+ color: var(--input-placeholder-color);
+}
+.search_a46bef .searchBar_a46bef .DraftEditor-root .public-DraftEditor-content {
+ color: var(--input-text-color);
+}
+.search_a46bef .searchBar_a46bef .DraftEditor-editorContainer .searchFilter_b0fa94,
+.search_a46bef .searchBar_a46bef .DraftEditor-editorContainer .searchFilter_b0fa94 + span[data-offset-key],
+.search_a46bef .searchBar_a46bef .DraftEditor-editorContainer .searchAnswer_b0fa94 span[data-offset-key] {
+ background-color: var(--input-pill-color);
+ color: var(--input-text-color);
+}
+.search_a46bef .searchBar_a46bef .DraftEditor-editorContainer .searchFilter_b0fa94 {
+ margin-right: 2px;
+ padding: 0 4px 0 8px;
+ border-radius: 10px 0 0 10px;
+}
+.search_a46bef .searchBar_a46bef .DraftEditor-editorContainer .searchFilter_b0fa94:only-child {
+ padding: 0 8px;
+ border-radius: 11px;
+}
+.search_a46bef .searchBar_a46bef .DraftEditor-editorContainer .searchAnswer_b0fa94 {
+ background-color: transparent;
+}
+.search_a46bef .searchBar_a46bef .DraftEditor-editorContainer .searchFilter_b0fa94 + span[data-offset-key],
+.search_a46bef .searchBar_a46bef .DraftEditor-editorContainer .searchAnswer_b0fa94 span[data-offset-key] {
+ display: inline-block;
+ height: 20px;
+ margin: 0 2px 0 -2px;
+ padding: 0px 8px 0px 0;
+ border-radius: 0 11px 11px 0;
+ color: var(--input-text-color);
+}
+.search_a46bef .searchBar_a46bef .icon_a46bef {
+ width: 32px;
+ height: 32px;
+}
+.search_a46bef.open_a46bef {
+ width: 240px;
+}
+
+/*
+ *
+ * BADGES
+ *
+ */
+.flowerStar_ff7d90 path {
+ fill: hsl(var(--accent-hsl--material-you));
+}
+
+.childContainer_ff7d90 path {
+ fill: var(--accent-text-color--material-you);
+}
+
+/*
+ *
+ * BUTTONS
+ *
+ */
+.button_dd4f85 {
+ font-size: var(--button-font-size) !important;
+}
+.button_dd4f85 .text-sm\/medium_dc00ef,
+.button_dd4f85 .text-sm\/semibold_dc00ef,
+.button_dd4f85 .text-sm\/bold_dc00ef,
+.button_dd4f85 .text-md\/semibold_dc00ef {
+ height: var(--button-height);
+ line-height: var(--button-height);
+ font-size: unset;
+ font-weight: 500;
+}
+
+.lookFilled_dd4f85,
+.lookOutlined_dd4f85,
+.lookLink_dd4f85,
+.lookInverted_a299dc {
+ --button-background: hsl(var(--accent-hsl--material-you));
+ --button-text-color: var(--accent-text-color--material-you);
+ --button-shadow: none;
+ --button-outline: none;
+ background-color: var(--button-background) !important;
+ border-radius: var(--button-radius);
+ border: var(--button-outline) !important;
+ box-shadow: var(--button-shadow);
+ color: var(--button-text-color) !important;
+ transition: var(--default-time) var(--default-animation) box-shadow;
+}
+.lookFilled_dd4f85:hover, .lookFilled_dd4f85:active,
+.lookOutlined_dd4f85:hover,
+.lookOutlined_dd4f85:active,
+.lookLink_dd4f85:hover,
+.lookLink_dd4f85:active,
+.lookInverted_a299dc:hover,
+.lookInverted_a299dc:active {
+ opacity: 1;
+}
+.lookFilled_dd4f85:hover,
+.lookOutlined_dd4f85:hover,
+.lookLink_dd4f85:hover,
+.lookInverted_a299dc:hover {
+ --button-shadow: none;
+}
+.lookFilled_dd4f85:active,
+.lookOutlined_dd4f85:active,
+.lookLink_dd4f85:active,
+.lookInverted_a299dc:active {
+ --button-shadow: none;
+}
+.lookFilled_dd4f85:after,
+.lookOutlined_dd4f85:after,
+.lookLink_dd4f85:after,
+.lookInverted_a299dc:after {
+ position: absolute;
+ content: " ";
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ background-color: var(--button-action-color);
+ border-radius: var(--button-radius);
+ opacity: 0;
+ pointer-events: none;
+ transition: var(--default-time) var(--default-animation) opacity;
+}
+.lookFilled_dd4f85:hover:after,
+.lookOutlined_dd4f85:hover:after,
+.lookLink_dd4f85:hover:after,
+.lookInverted_a299dc:hover:after {
+ opacity: var(--button-action-hover);
+}
+.lookFilled_dd4f85:active:after,
+.lookOutlined_dd4f85:active:after,
+.lookLink_dd4f85:active:after,
+.lookInverted_a299dc:active:after {
+ opacity: var(--button-action-active);
+}
+.lookFilled_dd4f85:disabled,
+.lookOutlined_dd4f85:disabled,
+.lookLink_dd4f85:disabled,
+.lookInverted_a299dc:disabled {
+ opacity: 1 !important;
+}
+.lookFilled_dd4f85:disabled:after,
+.lookOutlined_dd4f85:disabled:after,
+.lookLink_dd4f85:disabled:after,
+.lookInverted_a299dc:disabled:after {
+ display: none;
+}
+.lookFilled_dd4f85 .contents_dd4f85,
+.lookOutlined_dd4f85 .contents_dd4f85,
+.lookLink_dd4f85 .contents_dd4f85,
+.lookInverted_a299dc .contents_dd4f85 {
+ height: var(--button-height);
+ padding: 0;
+ line-height: var(--button-height);
+ overflow: visible;
+}
+.lookFilled_dd4f85 .contents_dd4f85 svg,
+.lookOutlined_dd4f85 .contents_dd4f85 svg,
+.lookLink_dd4f85 .contents_dd4f85 svg,
+.lookInverted_a299dc .contents_dd4f85 svg {
+ height: var(--button-height);
+}
+.lookFilled_dd4f85 .defaultColor__77578, .lookFilled_dd4f85 .defaultColor_e9e35f, .lookFilled_dd4f85 .defaultColor_a595eb,
+.lookOutlined_dd4f85 .defaultColor__77578,
+.lookOutlined_dd4f85 .defaultColor_e9e35f,
+.lookOutlined_dd4f85 .defaultColor_a595eb,
+.lookLink_dd4f85 .defaultColor__77578,
+.lookLink_dd4f85 .defaultColor_e9e35f,
+.lookLink_dd4f85 .defaultColor_a595eb,
+.lookInverted_a299dc .defaultColor__77578,
+.lookInverted_a299dc .defaultColor_e9e35f,
+.lookInverted_a299dc .defaultColor_a595eb {
+ color: inherit;
+}
+.lookFilled_dd4f85 .loading_acadc1,
+.lookOutlined_dd4f85 .loading_acadc1,
+.lookLink_dd4f85 .loading_acadc1,
+.lookInverted_a299dc .loading_acadc1 {
+ height: var(--button-height);
+ line-height: var(--button-height);
+}
+.lookFilled_dd4f85 .loading_acadc1 svg,
+.lookOutlined_dd4f85 .loading_acadc1 svg,
+.lookLink_dd4f85 .loading_acadc1 svg,
+.lookInverted_a299dc .loading_acadc1 svg {
+ height: auto;
+}
+.lookFilled_dd4f85 .content_acadc1,
+.lookFilled_dd4f85 .size16_fb468f,
+.lookFilled_dd4f85 .size14_fb468f,
+.lookOutlined_dd4f85 .content_acadc1,
+.lookOutlined_dd4f85 .size16_fb468f,
+.lookOutlined_dd4f85 .size14_fb468f,
+.lookLink_dd4f85 .content_acadc1,
+.lookLink_dd4f85 .size16_fb468f,
+.lookLink_dd4f85 .size14_fb468f,
+.lookInverted_a299dc .content_acadc1,
+.lookInverted_a299dc .size16_fb468f,
+.lookInverted_a299dc .size14_fb468f {
+ height: var(--button-height);
+ line-height: var(--button-height);
+ font-weight: 500;
+}
+
+/* BUTTONS -> FILLED */
+.lookFilled_dd4f85:disabled {
+ --button-background: hsl(var(--button-link-color),0.15);
+ --button-text-color: var(--button-link-text-color);
+ --button-shadow: none;
+}
+.lookFilled_dd4f85.colorBrand_dd4f85 {
+ --button-background: hsl(var(--accent-hsl--material-you));
+ --button-text-color: var(--accent-text-color--material-you);
+}
+.lookFilled_dd4f85.colorRed_dd4f85 {
+ --button-background: hsl(var(--alert-hsl));
+ --button-text-color: var(--alert-text-color);
+}
+.lookFilled_dd4f85.colorWhite_dd4f85 {
+ --button-background: rgba(255,255,255,0.15);
+ --button-text-color: #fff;
+ box-shadow: none !important;
+}
+.lookFilled_dd4f85.colorWhite_dd4f85 .upsellButton-36YQ7c {
+ color: var(--button-text-color);
+}
+
+/* BUTTONS -> OUTLINED */
+.lookOutlined_dd4f85 {
+ --button-background: transparent;
+ --button-text-color: hsl(var(--accent-hsl--material-you));
+ --button-shadow: none !important;
+ --button-outline: 1px solid hsl(var(--accent-hsl--material-you));
+}
+.lookOutlined_dd4f85:after {
+ --button-action-color: hsl(var(--accent-hsl--material-you));
+}
+.lookOutlined_dd4f85:disabled {
+ --button-background: transparent;
+ --button-text-color: var(--button-link-text-color);
+ --button-outline: 1px solid hsl(var(--button-link-color),0.15);
+}
+.lookOutlined_dd4f85.colorRed_dd4f85 {
+ --button-text-color: hsl(var(--alert-hsl));
+ --button-outline: 1px solid hsl(var(--alert-hsl));
+}
+.lookOutlined_dd4f85.colorRed_dd4f85:after {
+ --button-action-color: hsl(var(--alert-hsl));
+ --button-action-hover: 0.1;
+ --button-action-active: 0.2;
+}
+.lookOutlined_dd4f85.colorWhite_dd4f85 {
+ --button-background: transparent;
+ --button-text-color: #fff;
+ --button-outline: 1px solid #fff;
+ box-shadow: none !important;
+}
+.lookOutlined_dd4f85.colorWhite_dd4f85:after {
+ --button-action-color: #fff;
+}
+
+/* BUTTONS -> LINKS */
+.lookLink_dd4f85 {
+ --button-padding: 0 12px;
+ --button-background: transparent;
+ --button-text-color: var(--button-link-accent-text-color);
+ --button-shadow: none !important;
+ --accent-button-action-hover: 0.14;
+ --accent-button-action-active: 0.21;
+}
+.lookLink_dd4f85:after {
+ --button-action-color: hsl(var(--button-link-accent-color));
+}
+.lookLink_dd4f85:hover {
+ text-decoration: none !important;
+}
+.lookLink_dd4f85:hover .contents_dd4f85 {
+ background-image: none !important;
+}
+.lookLink_dd4f85:disabled {
+ --button-background: transparent;
+ --button-text-color: var(--button-link-text-color);
+}
+.lookLink_dd4f85 .contents_dd4f85 > div {
+ line-height: var(--button-height);
+ color: var(--button-text-color) !important;
+ font-size: 1em;
+ font-weight: 500;
+}
+
+/* BUTTONS -> INVERTED */
+.lookInverted_a299dc.colorBrand_dd4f85 {
+ --button-background: hsl(0,0%,100%,0.15);
+ --button-text-color: #fff;
+ --button-shadow: none !important;
+}
+
+/* BUTTONS -> SIZES */
+.sizeTiny_dd4f85,
+.sizeMin_dd4f85,
+.sizeSmall_dd4f85,
+.sizeMedium_dd4f85,
+.sizeLarge_dd4f85,
+.sizeXlarge__6885c,
+.sizeMax_dd4f85,
+.buttonSize_c6eb7b,
+.buttonSize_b9fe76,
+.button__33db6,
+.sizeIcon_dd4f85 {
+ height: var(--button-height) !important;
+ min-height: var(--button-height) !important;
+ padding: var(--button-padding) !important;
+ line-height: var(--button-height) !important;
+ border-radius: var(--button-radius) !important;
+}
+
+.sizeMedium_dd4f85,
+.sizeLarge_dd4f85,
+.sizeXlarge__6885c,
+.sizeMax_dd4f85 {
+ min-width: var(--button-height) !important;
+}
+
+.buttonSize_b9fe76 {
+ height: var(--button-height) !important;
+}
+
+.sizeIcon_dd4f85 {
+ --button-padding: 0 10px;
+}
+
+.disabledButtonWrapper_dd4f85 {
+ --button-padding: 0;
+ background-color: transparent !important;
+}
+.disabledButtonWrapper_dd4f85 .lookFilled_dd4f85 {
+ --button-padding: 0 20px;
+}
+.disabledButtonWrapper_dd4f85 .lookOutlined_dd4f85 {
+ --button-padding: 0 24px;
+ opacity: 0.5 !important;
+}
+.disabledButtonWrapper_dd4f85 .iconButton__11faf {
+ --button-padding: 0;
+}
+
+.iconButtonSize__14733 {
+ min-width: var(--button-height);
+ max-width: var(--button-height);
+}
+
+.iconButton__11faf {
+ --button-padding: 0;
+}
+
+/* BUTTONS -> CALL BUTTONS */
+.colorable_ef18ee {
+ --button-background: var(--menu-item-hover);
+ --button-text-color: #fff;
+ background-color: var(--button-background) !important;
+ color: var(--button-text-color) !important;
+}
+.colorable_ef18ee:after {
+ position: absolute;
+ content: " ";
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ background-color: #fff;
+ border-radius: 50%;
+ opacity: 0;
+ pointer-events: none;
+ transition: var(--default-time) var(--default-animation) opacity;
+}
+.colorable_ef18ee:hover:after {
+ opacity: var(--button-action-hover);
+}
+.colorable_ef18ee:active:after {
+ opacity: var(--button-action-active);
+}
+.colorable_ef18ee.red_ef18ee {
+ --button-background: hsl(var(--alert-hsl));
+ --button-text-color: var(--alert-text-color);
+}
+.colorable_ef18ee.white_ef18ee {
+ --button-background: #fff;
+ --button-text-color: #060607;
+}
+.colorable_ef18ee.primaryLight_ef18ee {
+ --button-text-color: #060607;
+}
+.colorable_ef18ee.activeLight_ef18ee {
+ --button-background: var(--menu-item-select);
+ --button-text-color: #060607;
+}
+.colorable_ef18ee .centerIcon_ef18ee {
+ color: var(--button-text-color) !important;
+}
+
+.questionMark-3V9mGJ {
+ background-color: hsl(var(--accent-hsl--material-you));
+ border-radius: 50%;
+}
+.questionMark-3V9mGJ .icon-3JHfo7 {
+ color: var(--accent-text-color--material-you);
+}
+
+/* BUTTONS -> SEGMENTED BUTTONS */
+.selectorButton_a78967 {
+ padding: 11px 0;
+ background-color: transparent;
+ border-color: var(--separator-color) !important;
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.selectorButton_a78967:first-child {
+ border-radius: 20px 0 0 20px;
+}
+.selectorButton_a78967:last-child {
+ border-radius: 0 20px 20px 0;
+}
+.selectorButton_a78967:not(.selectorButtonPremiumRequired__9df5b):hover {
+ background-color: var(--menu-item-hover) !important;
+}
+.selectorButton_a78967.selectorButtonSelected_a78967:not(.selectorButtonPremiumRequired__9df5b) {
+ background-color: var(--menu-item-select) !important;
+}
+
+/*
+ *
+ * CARDS
+ *
+ */
+.card_a298b8 {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+[style*=padding].card_a298b8 {
+ padding: 16px !important;
+}
+.card_a298b8 a {
+ color: hsl(var(--accent-hsl--material-you));
+}
+.card_a298b8 .icon-1fWS75 {
+ margin: 16px !important;
+}
+.card_a298b8 .icon-1fWS75 + .flexChild_bba380 {
+ margin-left: 0;
+}
+
+.cardPrimary_a298b8 {
+ background-color: var(--card-color-filled) !important;
+ border: none !important;
+ padding: 16px;
+ border-radius: var(--card-radius-big) !important;
+}
+.cardPrimary_a298b8 .icon_aae945 {
+ padding: 8px;
+}
+
+.promotionCard_e8af36,
+.detailsBlock_a206c7,
+.descriptionBox_c38f8d,
+.dropsHelpText_e8af36 {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+
+.dropsHelpText_e8af36 p {
+ margin: 0 0 8px;
+}
+.dropsHelpText_e8af36 p:last-of-type {
+ margin: 0;
+}
+
+.banner_b12c98 {
+ max-width: none;
+ border-radius: var(--card-radius-big);
+}
+.banner_b12c98 .button_dd4f85 {
+ --button-padding: 0 20px;
+ margin-left: 8px;
+}
+
+.info_f20685, .infoText-1-X8oU, .info_dc0d6d {
+ background-color: hsl(var(--accent-hsl), 0.1);
+ border-radius: var(--card-radius-big);
+ border-color: hsl(var(--accent-hsl--material-you));
+}
+.info_f20685 .icon_f20685, .infoText-1-X8oU .icon_f20685, .info_dc0d6d .icon_f20685 {
+ color: hsl(var(--accent-hsl--material-you));
+}
+
+.upsellContainer_d0de76 {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 0;
+ border-radius: var(--card-radius-big);
+}
+.upsellContainer_d0de76 .upsellFooter_d0de76 {
+ padding: 0 16px 16px;
+ background-color: transparent;
+}
+
+/*
+ *
+ * CHECKBOXES
+ *
+ */
+.checkbox_f6cde8 {
+ border-width: 2px;
+ border-radius: 4px;
+ transition: var(--default-time) var(--default-animation) border-color, var(--default-time) var(--default-animation) background-color;
+}
+.checkbox_f6cde8:not(.checked_f6cde8) path {
+ transition: var(--default-time) var(--default-animation) fill;
+}
+.checkbox_f6cde8.checked_f6cde8 {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ border-color: hsl(var(--accent-hsl--material-you)) !important;
+}
+.checkbox_f6cde8.checked_f6cde8 path {
+ fill: var(--accent-text-color--material-you);
+ transition: var(--default-time) var(--default-animation) fill;
+}
+
+.colorDefault_d90b3d .checkbox_d90b3d {
+ fill: hsl(var(--accent-hsl--material-you));
+}
+.colorDefault_d90b3d .check_d90b3d {
+ fill: var(--accent-text-color--material-you);
+}
+.colorDefault_d90b3d.focused_d90b3d .checkbox_d90b3d {
+ fill: hsl(var(--accent-hsl--material-you));
+}
+.colorDefault_d90b3d.focused_d90b3d .check_d90b3d {
+ fill: var(--accent-text-color--material-you);
+}
+
+/*
+ *
+ * INPUTS
+ *
+ */
+.input_f8bc55 {
+ height: var(--input-height);
+ padding: 0 12px;
+ background-color: var(--input-color);
+ border-radius: 4px 4px 0 0;
+ border: none;
+ box-shadow: inset 0 -1px 0 0 var(--input-border-color);
+ color: var(--input-text-color);
+ transition: var(--default-time) var(--default-animation) box-shadow;
+}
+.input_f8bc55:focus {
+ box-shadow: inset 0 -2px 0 0 hsl(var(--accent-hsl--material-you));
+}
+.input_f8bc55.multiInput-1VARjC, .input_f8bc55.input-2yCVqe {
+ padding: 0;
+}
+.input_f8bc55:not(.multiInput-1VARjC) .input_f8bc55 {
+ width: calc(100% + 24px);
+ margin-left: -12px;
+}
+.input_f8bc55::-webkit-input-placeholder {
+ font-family: var(--app-font);
+ color: var(--input-placeholder-color);
+}
+.input_f8bc55.textArea_a2b402 {
+ --input-height: auto;
+ padding: 8px 12px;
+}
+.input_f8bc55.hiddenDiv_c04e45 {
+ --input-height: 0;
+}
+
+.container_a0cb3d {
+ margin-right: 6px;
+}
+.container_a0cb3d .separator_a0cb3d {
+ background-color: var(--input-border-color);
+}
+
+.multiInputLast-35zVz0:before {
+ display: none;
+}
+
+.error_c46f6a + .inputWrapper_f8bc55 .input_f8bc55 {
+ box-shadow: inset 0 -1px 0 0 hsl(var(--alert-hsl));
+}
+.error_c46f6a + .inputWrapper_f8bc55 .input_f8bc55:focus {
+ box-shadow: inset 0 -2px 0 0 hsl(var(--alert-hsl));
+}
+
+.label_c46f6a {
+ font-size: 14px;
+ text-transform: none;
+}
+
+.inputWrapper_f8bc55 .inputPrefix_b545d5 + .input_f8bc55 {
+ padding-left: 32px;
+}
+
+.emojiButtonContainer_d5bea8 {
+ height: var(--input-height);
+ line-height: var(--input-height);
+ margin: 0 4px;
+ padding: 0;
+ z-index: 2;
+}
+.emojiButtonContainer_d5bea8 + .inputWrapper_f8bc55 .input_f8bc55 {
+ padding: 0 36px;
+}
+
+.emojiButton-2pmTD2, .emojiButton-2Z3krv {
+ margin: 0 12px;
+}
+
+.input_f8bc55.emojiText-R_5fDP, .input_f8bc55.emojiText-1HLXh8 {
+ padding-left: 44px !important;
+}
+
+.copyInput_d7e343,
+.container_c67e31 {
+ height: var(--input-height) !important;
+ max-height: var(--input-height) !important;
+ padding: var(--input-padding) !important;
+ background-color: var(--input-color) !important;
+ border-radius: calc(var(--input-height) / 2) !important;
+ border: none;
+}
+.copyInput_d7e343:hover .button_dd4f85,
+.container_c67e31:hover .button_dd4f85 {
+ width: auto !important;
+}
+.copyInput_d7e343 .button_dd4f85,
+.container_c67e31 .button_dd4f85 {
+ --button-height: 30px;
+ margin: 3px;
+}
+
+.copyInput_d7e343 .input__9fba8 {
+ padding: 8px 8px 8px 12px;
+}
+.copyInput_d7e343 .button_dd4f85 {
+ padding: var(--button-padding) !important;
+}
+
+.container_c67e31 .input__72d38 {
+ padding: 8px 8px 8px 12px;
+}
+.container_c67e31 .input__72d38::-webkit-input-placeholder {
+ font-family: var(--app-font);
+}
+.container_c67e31 .editIcon_ebcd80 {
+ background-image: none;
+ background-color: currentColor;
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/keyboard.svg);
+ -webkit-mask-repeat: no-repeat;
+ transform: scale(1.335) translate(3px, 3px) translateZ(0) !important;
+}
+
+.fileUpload-3JzU7g {
+ --input-padding: 0;
+}
+.fileUpload-3JzU7g .fileUploadInput-3Y6j6T {
+ padding: 0 0 0 12px;
+}
+.fileUpload-3JzU7g .fileUploadInput-3Y6j6T::-webkit-input-placeholder {
+ font-weight: 500;
+}
+
+/* INPUTS -> OPTION PILL */
+.optionPill_d4df8b {
+ background-color: transparent !important;
+ border-radius: 13px;
+ border-color: var(--main-textarea-border) !important;
+}
+.optionPill_d4df8b.selectedPill_d4df8b {
+ border-color: hsl(var(--accent-hsl--material-you)) !important;
+}
+.optionPill_d4df8b.erroredPill_d4df8b {
+ border-color: hsl(var(--alert-hsl)) !important;
+}
+.optionPill_d4df8b .optionPillKey_d4df8b {
+ background-color: var(--input-pill-color) !important;
+ border-top-left-radius: inherit;
+ border-bottom-left-radius: inherit;
+}
+
+.input_f8bc55.error_f8bc55 {
+ border-radius: 4px;
+}
+.input_f8bc55.error_f8bc55 + .colorStatusRed_fbc755 {
+ position: absolute;
+ width: 100%;
+ margin-top: -24px;
+ text-align: right;
+}
+
+/*
+ *
+ * NOTICES
+ *
+ */
+.notice__5fd4c {
+ border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
+ box-shadow: none;
+}
+.notice__5fd4c .lookOutlined_dd4f85 {
+ --button-height: 24px;
+ --button-padding: 0 12px;
+ --button-background: hsl(var(--button-link-color),0.15);
+ --button-text-color: var(--button-link-text-color);
+ --button-outline: none;
+ padding: var(--button-padding);
+}
+
+#bd-notices + .notice__5fd4c {
+ border-radius: 0;
+}
+
+.bd-notice {
+ background-color: hsl(var(--accent-hsl--material-you));
+ color: var(--accent-text-color--material-you);
+}
+.bd-notice:first-child {
+ border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
+}
+.bd-notice span {
+ color: var(--accent-text-color--material-you) !important;
+}
+
+.button__33db6,
+.bd-notice-button {
+ background-color: hsl(var(--button-link-color), 0.15) !important;
+ border: none;
+ color: var(--button-link-text-color) !important;
+}
+.button__33db6:hover,
+.bd-notice-button:hover {
+ background-color: hsl(var(--button-link-color), 0.275) !important;
+}
+
+.button__33db6 {
+ --button-height: 24px;
+ --button-padding: 0 12px;
+}
+
+.bd-notice-button {
+ height: 24px;
+ padding: 0 12px;
+ border-radius: 12px;
+ font-weight: 500;
+}
+
+.bd-notice-close {
+ right: 8px;
+ background-color: var(--accent-text-color--material-you);
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/close.svg);
+ -webkit-mask-repeat: no-repeat;
+ background-image: none;
+ -webkit-mask-position: center;
+ mask-position: center;
+ opacity: 0.75;
+}
+
+.colorDefault__438d3 .button__33db6 {
+ --button-link-color: 0,0%,100%;
+ color: var(--status-positive-text) !important;
+}
+
+.colorWarning__01125 {
+ --button-link-color: 0,0%,0%;
+ --button-link-text-color: hsl(0,0%,0%);
+}
+
+.colorNeutral__51272 {
+ --button-link-color: 0,0%,100%;
+ --button-link-text-color: hsl(0,0%,100%);
+}
+
+.colorInfo__680aa {
+ --button-link-color: 0,0%,0%;
+ --button-link-text-color: var(--accent-text-color--material-you);
+ background-color: hsl(var(--accent-hsl--material-you));
+ color: var(--accent-text-color--material-you);
+}
+.colorInfo__680aa .closeIcon__967e7 path {
+ fill: currentColor;
+}
+
+.notice_dd5a33 {
+ --button-link-color: 0,0%,100%;
+ --button-link-text-color: hsl(0,0%,100%);
+}
+
+.colorStreamerMode_cb7f84 {
+ --button-link-color: 0,0%,100%;
+ --button-link-text-color: hsl(0,0%,100%);
+}
+
+.bd-notice {
+ --button-link-text-color: var(--accent-text-color--material-you);
+}
+
+/*
+ *
+ * RADIO BUTTONS
+ *
+ */
+div[role=radiogroup] {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 8px;
+ border-radius: var(--card-radius-big);
+}
+
+.item_eb92a8 {
+ margin: 0;
+ padding: 0 12px;
+ background-color: transparent;
+ border-radius: calc(var(--card-radius-big) / 1.65);
+ transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color;
+}
+.item_eb92a8:hover {
+ background-color: var(--card-color-hover) !important;
+}
+[aria-checked=true].item_eb92a8, .item_eb92a8:active {
+ background-color: var(--card-color-active) !important;
+}
+.item_eb92a8 .radioBar_eb92a8 {
+ grid-gap: 12px;
+ margin-bottom: 0;
+ padding: 12px 0 !important;
+ border-left: none;
+ position: relative;
+}
+.item_eb92a8 .radioBar_eb92a8:after {
+ content: " ";
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ background-color: hsl(var(--md-ripple-color), 0.1);
+ border-radius: 50%;
+ opacity: 0;
+ pointer-events: none;
+ transform: scale(1.2);
+ transition: 300ms ease;
+ z-index: 4;
+}
+.item_eb92a8 .radioBar_eb92a8:hover:after {
+ opacity: 1;
+ transform: scale(1.15);
+ animation: scale 150ms var(--default-animation), opacity 150ms ease;
+}
+.item_eb92a8 .radioBar_eb92a8:active:after {
+ background-color: hsl(var(--md-ripple-color), 0.2);
+}
+.item_eb92a8 .radioBar_eb92a8:after {
+ width: 32px;
+ height: 32px;
+ top: -3px;
+ left: -4px;
+ bottom: 0;
+ margin: auto 0;
+}
+.item_eb92a8 .radioBar_eb92a8.radioBar-3_FqUK:after {
+ top: 0;
+ left: unset;
+ right: -4px;
+}
+[aria-checked=true].item_eb92a8 .radioBar_eb92a8:after {
+ --md-ripple-color: var(--accent-hsl--material-you);
+}
+[aria-checked=true].item_eb92a8 .radioBar_eb92a8 svg {
+ color: hsl(var(--accent-hsl--material-you));
+}
+[aria-checked=true].item_eb92a8 .radioBar_eb92a8 path {
+ fill: currentColor !important;
+}
+[aria-checked=true].item_eb92a8 .radioIconForeground_eb92a8 {
+ color: currentColor !important;
+}
+.item_eb92a8.disabled_eb92a8 {
+ opacity: 1;
+}
+.item_eb92a8.disabled_eb92a8 .radioBar_eb92a8 {
+ opacity: 0.3;
+}
+.item_eb92a8.disabled_eb92a8 .radioBar_eb92a8:after {
+ display: none;
+}
+
+.tooltipWrapper_eb92a8 {
+ margin: 0;
+ position: relative;
+ border-bottom: none;
+}
+.tooltipWrapper_eb92a8:after {
+ position: absolute;
+ content: " ";
+ width: calc(100% - 16px * 2);
+ height: 1px;
+ right: 0;
+ bottom: 0;
+ margin: 0 16px;
+ background-color: var(--card-border-color);
+}
+.tooltipWrapper_eb92a8:last-of-type:after {
+ display: none;
+}
+.tooltipWrapper_eb92a8:last-child {
+ border-bottom: none;
+}
+
+.group-LWHoGI {
+ overflow: hidden;
+}
+
+/* RADIO BUTTONS -> PILL */
+div[role=radiogroup].group_e3c4bb {
+ height: 30px;
+ background-color: var(--card-color-outlined);
+ border: 1px solid var(--card-border-color);
+ padding: 0;
+ border-radius: var(--card-radius-big);
+}
+
+.item_e3c4bb {
+ height: 28px;
+ background-color: transparent;
+ cursor: pointer;
+ transition: var(--default-time) var(--default-animation) background-color;
+ border-right: 1px solid var(--card-border-color);
+}
+.item_e3c4bb:last-of-type {
+ border-right: none;
+}
+.item_e3c4bb:hover {
+ background-color: var(--menu-item-hover);
+}
+.item_e3c4bb.selected_e3c4bb {
+ background-color: var(--menu-item-select);
+ color: var(--menu-item-text-color);
+}
+.item_e3c4bb.deny_e3c4bb {
+ border-radius: var(--card-radius-big) 0 0 var(--card-radius-big);
+}
+.item_e3c4bb.deny_e3c4bb.selected_e3c4bb {
+ background-color: hsl(var(--alert-hsl));
+ color: var(--alert-text-color);
+}
+.item_e3c4bb.passthrough_e3c4bb.selected_e3c4bb {
+ background-color: var(--menu-item-select);
+}
+.item_e3c4bb.allow_e3c4bb {
+ border-radius: 0 var(--card-radius-big) var(--card-radius-big) 0;
+}
+.item_e3c4bb.allow_e3c4bb.selected_e3c4bb {
+ background-color: var(--success-color);
+ color: #fff;
+}
+
+/* RADIO BUTTONS -> CONTEXT MENU */
+[role=menuitemradio][aria-checked=true].item_d90b3d .icon_d90b3d {
+ color: hsl(var(--accent-hsl--material-you));
+}
+[role=menuitemradio][aria-checked=true].item_d90b3d .icon_d90b3d path {
+ fill: currentColor;
+}
+[id*=account-switch].item_d90b3d .activeIcon_e1268c circle {
+ fill: var(--accent-text-color--material-you);
+}
+[id*=account-switch].item_d90b3d .activeIcon_e1268c path {
+ fill: hsl(var(--accent-hsl--material-you));
+}
+
+.icon_d90b3d .radioSelection_d90b3d {
+ color: currentColor !important;
+}
+
+/*
+ *
+ * SCROLLBARS
+ *
+ */
+::-webkit-scrollbar {
+ width: var(--scrollbar-width) !important;
+ height: var(--scrollbar-width) !important;
+}
+::-webkit-scrollbar-track {
+ margin: 0 !important;
+ background: transparent !important;
+ border-radius: calc(var(--scrollbar-width) / 2) !important;
+}
+::-webkit-scrollbar-track-piece {
+ border: 0 solid transparent !important;
+ background-color: transparent !important;
+ margin: 0;
+}
+::-webkit-scrollbar-thumb {
+ background-color: rgba(var(--scrollbar-color), 0.15) !important;
+ border: 0 solid transparent !important;
+ border-radius: calc(var(--scrollbar-width) / 2) !important;
+}
+::-webkit-scrollbar-thumb:hover {
+ background-color: rgba(var(--scrollbar-color), 0.25) !important;
+}
+::-webkit-scrollbar-thumb:active {
+ background-color: rgba(var(--scrollbar-color), 0.3) !important;
+}
+
+.thin_eed6a8::-webkit-scrollbar {
+ width: var(--scrollbar-thin-width) !important;
+ height: var(--scrollbar-thin-width) !important;
+}
+
+.wrapper_fea3ef [class*=scroller]::-webkit-scrollbar {
+ width: 0px !important;
+}
+
+.scrollableContainer_d0696b::-webkit-scrollbar {
+ width: var(--scrollbar-thin-width) !important;
+ height: var(--scrollbar-thin-width) !important;
+}
+
+/*
+ *
+ * SELECT MENUS
+ *
+ */
+.wrapper_f6639d .select_f6639d {
+ padding-right: calc(var(--icons-width) + 12px);
+}
+.wrapper_f6639d .select_f6639d.multi_f6639d {
+ padding-bottom: 0;
+}
+
+.select_f6639d {
+ height: var(--input-height);
+ padding: var(--input-padding);
+ border-radius: var(--input-radius) !important;
+ border: none;
+}
+.select_f6639d.multi_f6639d {
+ min-height: var(--input-height);
+ height: auto;
+}
+.select_f6639d.multi_f6639d > .multi_f6639d {
+ min-height: inherit;
+}
+.select_f6639d.lookFilled_f6639d {
+ background-color: var(--input-color);
+}
+.select_f6639d .searchInput_f6639d::-webkit-input-placeholder {
+ font-family: var(--app-font);
+ color: var(--input-placeholder-color);
+}
+.select_f6639d .searchInput_f6639d.multi_f6639d {
+ height: 28px;
+ margin-top: 2px;
+}
+
+.iconsContainer_f6639d {
+ height: var(--input-height);
+}
+.iconsContainer_f6639d > div {
+ height: var(--icons-width);
+}
+
+.popout_f6639d {
+ margin: 4px 0;
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius) !important;
+ border: none;
+ box-shadow: var(--shadow-3dp);
+}
+.popout_f6639d .option_f6639d {
+ gap: 8px;
+ color: var(--menu-item-text-color);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.popout_f6639d .option_f6639d:hover {
+ background-color: var(--menu-item-hover) !important;
+}
+.popout_f6639d [aria-selected=true].option_f6639d {
+ background-color: var(--menu-item-select) !important;
+}
+.popout_f6639d [aria-selected=true].option_f6639d .selectedIcon_f6639d {
+ color: hsl(var(--accent-hsl--material-you));
+}
+.popout_f6639d [aria-selected=true].option_f6639d .selectedIcon_f6639d circle {
+ fill: var(--accent-text-color--material-you);
+}
+.popout_f6639d .option_f6639d .deviceOption_dfcd87 {
+ gap: 8px;
+}
+.popout_f6639d .option_f6639d .deviceOptionLabel_dfcd87 {
+ margin-right: 0;
+}
+
+/* SELECT MENUS -> PILLS */
+.optionPillBtn_f6639d {
+ --button-height: 28px;
+ --button-padding: 0 8px;
+}
+.optionPillBtn_f6639d.lookFilled_dd4f85 {
+ --button-background: transparent;
+ --button-outline: 1px solid var(--text-muted);
+}
+.optionPillBtn_f6639d:after {
+ display: none;
+}
+.optionPillBtn_f6639d .optionPill_d4df8b {
+ background-color: transparent;
+}
+
+/*
+ *
+ * SLIDERS
+ *
+ */
+.slider_c7a159 .bar_c7a159 {
+ height: 4px;
+ background-color: hsl(var(--accent-hsl), 0.3) !important;
+ border-radius: 2px;
+}
+.slider_c7a159 .bar_c7a159 .barFill_c7a159 {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ border-radius: 2px;
+}
+.slider_c7a159 .track_c7a159 .grabber_c7a159 {
+ width: 16px;
+ height: 16px;
+ background-color: hsl(var(--accent-hsl--material-you));
+ border-radius: 50%;
+ border: none;
+ box-shadow: var(--shadow-1dp);
+ transform: translate(-3px, calc(50% - 5px));
+ transition: var(--default-time) var(--default-animation) box-shadow;
+ --md-ripple-color: var(--accent-hsl);
+ position: relative;
+}
+.slider_c7a159 .track_c7a159 .grabber_c7a159:after {
+ content: " ";
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ background-color: hsl(var(--md-ripple-color), 0.1);
+ border-radius: 50%;
+ opacity: 0;
+ pointer-events: none;
+ transform: scale(1.2);
+ transition: 300ms ease;
+ z-index: 4;
+}
+.slider_c7a159 .track_c7a159 .grabber_c7a159:hover:after, .slider_c7a159 .track_c7a159 .grabber_c7a159:active:after {
+ opacity: 1;
+ transform: scale(2.5);
+ animation: scale 150ms var(--default-animation), opacity 150ms ease;
+}
+.slider_c7a159 .track_c7a159 .grabber_c7a159:active:after {
+ background-color: hsl(var(--md-ripple-color), 0.2);
+}
+.slider_c7a159 .track_c7a159 .grabber_c7a159:hover {
+ box-shadow: var(--shadow-2dp);
+}
+.slider_c7a159 .track_c7a159 .grabber_c7a159:active {
+ box-shadow: var(--shadow-3dp);
+}
+.slider_c7a159.slider_e13f88 .track_c7a159 .grabber_c7a159 {
+ top: calc(50% - 5px);
+}
+
+.markValue_e7a6e4 {
+ color: var(--text-muted) !important;
+}
+
+/* SLIDERS -> BD SLIDER */
+.bd-slider-label {
+ width: 42px;
+ background-color: hsl(var(--accent-hsl--material-you));
+ color: var(--accent-text-color--material-you);
+ border-radius: 13px;
+ text-align: center;
+}
+
+.bd-slider-input {
+ height: 4px;
+ background-color: hsl(var(--accent-hsl--material-you), 0.3);
+ background-image: linear-gradient(hsl(var(--accent-hsl--material-you)), hsl(var(--accent-hsl--material-you)));
+ border-radius: 2px;
+}
+.bd-slider-input::-webkit-slider-thumb {
+ width: 16px;
+ height: 16px;
+ background-color: hsl(var(--accent-hsl--material-you));
+ border-radius: 50%;
+ border: none;
+ box-shadow: var(--shadow-1dp);
+}
+
+/*
+ *
+ * SPINNER
+ *
+ */
+.loadingPopout_a8c724 {
+ background-color: var(--popout-color);
+ box-shadow: var(--shadow-3dp);
+ border-radius: 24px;
+}
+/*
+ *
+ * SWITCHES
+ *
+ */
+.container_cebd1c {
+ width: 39px;
+ height: 24px;
+ background-color: transparent !important;
+ overflow: visible;
+}
+.container_cebd1c:before {
+ position: absolute;
+ content: " ";
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: -7px;
+ background-color: var(--switch-slider-color);
+ border-radius: 12px;
+ border: 2px solid var(--switch-knob-color);
+ transition: 250ms cubic-bezier(0, 0.3, 0.7, 1) background-color, 250ms cubic-bezier(0, 0.3, 0.7, 1) border-color;
+ box-sizing: border-box;
+}
+.container_cebd1c path {
+ fill: var(--switch-slider-color);
+ transform: scale(1.4) translate(-3px, -3px);
+}
+.container_cebd1c.checked_cebd1c:before {
+ background-color: var(--switch-color-checked);
+ border-color: transparent;
+}
+.container_cebd1c.checked_cebd1c .slider_cebd1c {
+ background-color: hsl(var(--accent-hue), calc(var(--accent-saturation) * var(--saturation-factor)), calc(var(--accent-lightness) * var(--switch-color-modifier)));
+ width: 18px;
+ height: 18px;
+ transform: translate(-1px, -50%);
+}
+.container_cebd1c.checked_cebd1c path {
+ fill: hsl(var(--accent-hsl));
+ filter: brightness(40%);
+}
+.container_cebd1c .slider_cebd1c {
+ width: 14px;
+ height: 14px;
+ top: 50%;
+ margin: 0;
+ background-color: var(--switch-knob-color);
+ border-radius: 50%;
+ transform: translate(1px, -50%);
+ transition: 250ms cubic-bezier(0, 0.3, 0.7, 1) background-color;
+}
+.container_cebd1c .slider_cebd1c rect {
+ display: none;
+}
+
+.icon-1ykL9s {
+ opacity: 1;
+}
+
+.theme-light .container_cebd1c.checked_cebd1c path {
+ fill: var(--switch-color-checked);
+ filter: unset;
+}
+
+.root_f9a4c9 .container_cebd1c:before {
+ background-color: var(--switch-slider-color-modal);
+}
+.root_f9a4c9 .container_cebd1c.checked_cebd1c:before {
+ background-color: var(--switch-color-checked);
+}
+
+.bd-switch {
+ width: 39px;
+ height: 24px;
+ overflow: visible;
+}
+.bd-switch.bd-switch-disabled {
+ opacity: 0.35;
+}
+.bd-switch .bd-switch-body {
+ --switch-color: var(--switch-slider-color);
+ --switch-animation: 250ms cubic-bezier(0,0.3,0.7,1) all;
+ width: 100%;
+ height: 100%;
+ transition: var(--switch-animation);
+ border: 2px solid var(--switch-knob-color);
+ box-sizing: border-box;
+ overflow: visible;
+}
+.bd-switch .bd-switch-body .bd-switch-slider {
+ width: 14px;
+ height: 14px;
+ top: 50%;
+ left: 3px;
+ margin: 0;
+ transform: translate(0, -50%);
+ overflow: visible;
+ transition: var(--switch-animation);
+}
+.bd-switch .bd-switch-body .bd-switch-slider .bd-switch-handle {
+ width: 28px;
+ height: 28px;
+ x: 0;
+ y: -4px;
+ rx: 14px;
+ fill: var(--switch-knob-color);
+ transition: var(--switch-animation);
+}
+.bd-switch .bd-switch-body .bd-switch-slider .bd-switch-symbol {
+ display: none;
+}
+.bd-switch input:active + .bd-switch-body {
+ --switch-color: var(--switch-slider-color);
+}
+.bd-switch input:active + .bd-switch-body .bd-switch-handle {
+ width: 28px;
+ height: 28px;
+ x: 4px;
+ y: -4px;
+}
+.bd-switch input:checked + .bd-switch-body {
+ --switch-color: var(--switch-color-checked);
+ border-color: transparent;
+}
+.bd-switch input:checked + .bd-switch-body .bd-switch-slider {
+ width: 18px;
+ height: 18px;
+ left: 0;
+ transform: translate(16px, -50%);
+}
+.bd-switch input:checked + .bd-switch-body .bd-switch-slider .bd-switch-handle {
+ fill: hsl(var(--accent-hue), calc(var(--accent-saturation) * var(--saturation-factor)), calc(var(--accent-lightness) * var(--switch-color-modifier)));
+}
+.bd-switch input:checked:active + .bd-switch-body {
+ --switch-color: var(--switch-color-checked);
+}
+.bd-switch input:checked:active + .bd-switch-body .bd-switch-handle {
+ x: -12.5px;
+}
+
+/*
+ *
+ * TAB BAR
+ *
+ */
+.tabBar_c2739c, .tabBar_bff66b, .tabBar_c69589, .topPill_a0, .settingsTabBar_f62afd, .settingsTabBar_d576e9 {
+ height: 48px;
+ gap: 24px;
+}
+.tabBar_c2739c .item_a0, .tabBar_bff66b .item_a0, .tabBar_c69589 .item_a0, .topPill_a0 .item_a0, .settingsTabBar_f62afd .item_a0, .settingsTabBar_d576e9 .item_a0 {
+ height: inherit;
+ line-height: 48px;
+ margin: 0;
+ padding: 0 8px;
+ border-radius: 0;
+ border: none !important;
+ color: var(--interactive-normal) !important;
+}
+.tabBar_c2739c .item_a0, .tabBar_bff66b .item_a0, .tabBar_c69589 .item_a0, .topPill_a0 .item_a0, .settingsTabBar_f62afd .item_a0, .settingsTabBar_d576e9 .item_a0 {
+ background-color: transparent !important;
+}
+.tabBar_c2739c .item_a0:not(.disabled-1nofHP):hover, .tabBar_bff66b .item_a0:not(.disabled-1nofHP):hover, .tabBar_c69589 .item_a0:not(.disabled-1nofHP):hover, .topPill_a0 .item_a0:not(.disabled-1nofHP):hover, .settingsTabBar_f62afd .item_a0:not(.disabled-1nofHP):hover, .settingsTabBar_d576e9 .item_a0:not(.disabled-1nofHP):hover {
+ color: var(--interactive-hover) !important;
+}
+.tabBar_c2739c .item_a0.selected_a0, .tabBar_bff66b .item_a0.selected_a0, .tabBar_c69589 .item_a0.selected_a0, .topPill_a0 .item_a0.selected_a0, .settingsTabBar_f62afd .item_a0.selected_a0, .settingsTabBar_d576e9 .item_a0.selected_a0 {
+ color: var(--interactive-normal) !important;
+}
+.tabBar_c2739c .item_a0.selected_a0, .tabBar_bff66b .item_a0.selected_a0, .tabBar_c69589 .item_a0.selected_a0, .topPill_a0 .item_a0.selected_a0, .settingsTabBar_f62afd .item_a0.selected_a0, .settingsTabBar_d576e9 .item_a0.selected_a0, .tabBar_c2739c [aria-selected=true].item_a0, .tabBar_bff66b [aria-selected=true].item_a0, .tabBar_c69589 [aria-selected=true].item_a0, .topPill_a0 [aria-selected=true].item_a0, .settingsTabBar_f62afd [aria-selected=true].item_a0, .settingsTabBar_d576e9 [aria-selected=true].item_a0 {
+ position: relative;
+ background-color: transparent !important;
+ border: none;
+}
+.tabBar_c2739c .item_a0.selected_a0:after, .tabBar_bff66b .item_a0.selected_a0:after, .tabBar_c69589 .item_a0.selected_a0:after, .topPill_a0 .item_a0.selected_a0:after, .settingsTabBar_f62afd .item_a0.selected_a0:after, .settingsTabBar_d576e9 .item_a0.selected_a0:after, .tabBar_c2739c [aria-selected=true].item_a0:after, .tabBar_bff66b [aria-selected=true].item_a0:after, .tabBar_c69589 [aria-selected=true].item_a0:after, .topPill_a0 [aria-selected=true].item_a0:after, .settingsTabBar_f62afd [aria-selected=true].item_a0:after, .settingsTabBar_d576e9 [aria-selected=true].item_a0:after {
+ position: absolute;
+ content: " ";
+ width: 80%;
+ height: 3px;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ margin: 0 auto;
+ background: var(--tab-border-color);
+ border-radius: 3px 3px 0 0;
+ transition: var(--default-time) ease all;
+}
+.tabBar_c2739c .item_a0:last-of-type, .tabBar_bff66b .item_a0:last-of-type, .tabBar_c69589 .item_a0:last-of-type, .topPill_a0 .item_a0:last-of-type, .settingsTabBar_f62afd .item_a0:last-of-type, .settingsTabBar_d576e9 .item_a0:last-of-type {
+ margin-right: 0;
+}
+.tabBar_c2739c .item_a0.disabled-1nofHP, .tabBar_bff66b .item_a0.disabled-1nofHP, .tabBar_c69589 .item_a0.disabled-1nofHP, .topPill_a0 .item_a0.disabled-1nofHP, .settingsTabBar_f62afd .item_a0.disabled-1nofHP, .settingsTabBar_d576e9 .item_a0.disabled-1nofHP {
+ opacity: 0.5;
+}
+
+.tabBar_bff66b {
+ padding-top: 0;
+}
+.tabBar_bff66b .item_a0 {
+ height: 47px;
+}
+
+.tabBar_a31cc1 {
+ height: 56px;
+ margin-bottom: 0;
+ padding-top: 0;
+}
+.tabBar_a31cc1 .item_a0 {
+ padding: 0 8px;
+ line-height: 56px;
+}
+
+.tabBar_da7453 {
+ border-bottom-width: 1px;
+}
+.tabBar_da7453 .item_a0 {
+ margin-right: 24px !important;
+ margin-bottom: 0;
+}
+
+/*
+ *
+ * TITLES
+ *
+ */
+.h4-1_f8j1,
+.h5_c46f6a {
+ font-size: 14px;
+ text-transform: none;
+}
+
+/*
+ *
+ * TOASTS
+ *
+ */
+.toast,
+.bd-toast {
+ padding: 12px 16px;
+ background-color: rgba(70, 70, 70, 0.8);
+ border-radius: 20px;
+ box-shadow: none;
+ font-size: 1em;
+ font-weight: 400;
+ color: #fff;
+}
+
+.toast_f42767 {
+ background-color: var(--popout-color);
+}
+
+.toast_g4bfgI,
+.qwert-toast {
+ margin-top: 30px !important;
+ padding: 16px !important;
+ border-radius: 4px;
+ color: var(--text-normal) !important;
+}
+.toast_g4bfgI:first-child,
+.qwert-toast:first-child {
+ border-radius: var(--popout-radius-big) var(--popout-radius-big) 4px 4px;
+}
+.toast_g4bfgI:last-child,
+.qwert-toast:last-child {
+ border-radius: 4px 4px var(--popout-radius-big) var(--popout-radius-big);
+}
+.toast_g4bfgI:only-child,
+.qwert-toast:only-child {
+ border-radius: var(--popout-radius-big);
+}
+
+.toast_g4bfgI {
+ background-color: var(--popout-color) !important;
+ border-radius: var(--popout-radius-big) !important;
+ box-shadow: var(--shadow-3dp) !important;
+}
+.toast_g4bfgI + .toast_g4bfgI {
+ margin-top: 2px !important;
+}
+
+.qwert-toast {
+ width: 30vw;
+ max-width: 30vw;
+ background-color: var(--popout-color) !important;
+ backdrop-filter: none;
+}
+.qwert-toast + .qwert-toast {
+ margin-top: 2px !important;
+}
+.qwert-toast .qwert-toast-icon-container {
+ margin-top: 0;
+ margin-right: 8px;
+ padding: 0;
+}
+.qwert-toast .qwert-toast-author {
+ display: flex;
+ width: calc(30vw - 72px);
+ max-width: calc(30vw - 72px);
+ overflow: hidden;
+}
+.qwert-toast .qwert-toast-text {
+ width: calc(30vw - 60px);
+ max-width: calc(30vw - 60px);
+}
+
+.bg-8df5St {
+ background-color: transparent !important;
+}
+
+/*
+ *
+ * TOOLTIP
+ *
+ */
+.tooltip_b6c360 {
+ padding: var(--tooltip-padding);
+ background-color: var(--tooltip-color) !important;
+ border-radius: var(--popout-radius);
+ box-shadow: var(--tooltip-shadow) !important;
+ font-size: var(--tooltip-font-size);
+ font-weight: 500;
+ z-index: 99999999999999;
+ animation: opacity var(--default-time) ease;
+}
+.tooltip_b6c360 .tooltipPointer_b6c360 {
+ display: none;
+}
+.tooltip_b6c360 .tooltipContent_b6c360,
+.tooltip_b6c360 .guildNameText_a6ae3c {
+ padding: 0;
+ font-size: var(--tooltip-font-size);
+ color: var(--tooltip-text-color);
+}
+.tooltip_b6c360 .tooltipText_a0ae43 {
+ font-size: var(--tooltip-font-size);
+ color: var(--tooltip-text-color) !important;
+}
+.tooltip_b6c360 .activityIcon_a6ae3c {
+ color: var(--tooltip-text-color);
+}
+.tooltip_b6c360 .clickCTA_cf58b5 {
+ color: var(--tooltip-text-color) !important;
+}
+.subscribeTooltipWrapper-3ipXtC,
+.upsellTooltipWrapper_dafa63,
+.container-5N5x2A {
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+}
+.subscribeTooltipWrapper-3ipXtC.caretTopCenter_dafa63:after,
+.upsellTooltipWrapper_dafa63.caretTopCenter_dafa63:after,
+.container-5N5x2A.caretTopCenter_dafa63:after {
+ border-bottom-color: var(--popout-color);
+}
+.subscribeTooltipWrapper-3ipXtC.caretLeftCenter_dafa63:after,
+.upsellTooltipWrapper_dafa63.caretLeftCenter_dafa63:after,
+.container-5N5x2A.caretLeftCenter_dafa63:after {
+ border-right-color: var(--popout-color);
+}
+
+.subscribeTooltipWrapper-3ipXtC .subscribeTooltipHeader-15pGbG {
+ color: var(--header-primary);
+}
+.subscribeTooltipWrapper-3ipXtC .subscribeTooltipText-2A8MMi-1JoUuw {
+ color: var(--header-secondary);
+}
+
+.upsellTooltipWrapper_dafa63.caretTopCenter_dafa63:after {
+ border-bottom-color: var(--popout-color);
+}
+.upsellTooltipWrapper_dafa63.caretLeftTop_dafa63:after {
+ top: var(--popout-radius-big);
+ border-right-color: var(--popout-color);
+}
+.upsellTooltipWrapper_dafa63 .upsellTooltipHeader_dafa63 {
+ color: var(--header-primary);
+}
+.upsellTooltipWrapper_dafa63 .upsellTooltipText_dafa63, .upsellTooltipWrapper_dafa63 .content_dafa63 {
+ color: var(--header-secondary) !important;
+}
+.upsellTooltipWrapper_dafa63 .lookInverted_a299dc.colorBrand_dd4f85 {
+ --button-padding: 0 12px;
+ --button-background: transparent;
+ --button-text-color: hsl(var(--accent-hsl--material-you));
+ --accent-button-action-hover: 0.14;
+ --accent-button-action-active: 0.21;
+}
+.upsellTooltipWrapper_dafa63 .lookInverted_a299dc.colorBrand_dd4f85:after {
+ background-color: hsl(var(--accent-hsl--material-you));
+}
+
+.container-5N5x2A .title-2_oicu {
+ color: var(--header-primary);
+}
+.container-5N5x2A .subTitle-2vwe12 {
+ color: var(--header-secondary);
+}
+.container-5N5x2A .pointer-1bsD64 {
+ border-top-color: var(--popout-color);
+}
+
+.tooltipPremiumFooterContainer_eeaea3 {
+ border-radius: 14px;
+}
+
+.reactionTooltip_fba897 {
+ padding: 8px;
+ background-color: var(--tooltip-color);
+ border-radius: var(--tooltip-radius);
+ box-shadow: var(--tooltip-shadow);
+ font-size: var(--tooltip-font-size);
+ color: var(--tooltip-text-color);
+}
+.reactionTooltip_fba897 .reactionTooltipText_fba897 {
+ color: inherit;
+}
+
+.burstReactionTooltipMessage_fba897 {
+ border-bottom-color: var(--text-disabled);
+}
+
+.burstReactionTooltipPrompt_fba897 {
+ margin: 8px 0 0;
+}
+.burstReactionTooltipPrompt_fba897 .reactionTooltipText_fba897 {
+ margin-left: 0;
+}
+
+/* TOOLTIP -> EMOJI INFO */
+.popoutContainer_cf58b5 {
+ background-color: var(--tooltip-color) !important;
+ border-radius: var(--tooltip-radius);
+ box-shadow: var(--tooltip-shadow) !important;
+}
+.popoutContainer_cf58b5 .defaultColor__77578, .popoutContainer_cf58b5 .defaultColor_e9e35f, .popoutContainer_cf58b5 .defaultColor_a595eb {
+ color: var(--tooltip-text-color);
+}
+
+.emojiSection_e58351 {
+ padding: 16px 16px 8px;
+}
+
+.guildSection_e58351 {
+ position: relative;
+ padding: 8px 16px 16px;
+ background-color: transparent;
+}
+.guildSection_e58351:before {
+ position: absolute;
+ content: " ";
+ width: calc(100% - 32px);
+ height: 1px;
+ top: 0;
+ left: 16px;
+ background-color: var(--tooltip-border-color);
+}
+.guildSection_e58351 .guildTitle_e58351,
+.guildSection_e58351 .text-xs\/normal_dc00ef {
+ color: var(--tooltip-text-color) !important;
+}
+
+/*
+ *
+ * ACTIVITY LIST
+ *
+ */
+.nowPlayingColumn_c2739c {
+ background-color: var(--main-color);
+}
+.nowPlayingColumn_c2739c .container_bf550a {
+ background-color: transparent;
+}
+.nowPlayingColumn_c2739c .container_bf550a .scroller_bf550a {
+ margin-left: 0;
+ padding: 16px 16px 12px;
+ border-left: none;
+}
+
+.memberItem_b09fe8 {
+ padding: 0;
+}
+
+.card_ae5e0b {
+ margin-bottom: 16px;
+ background-color: var(--card-color-outlined);
+ border: 1px solid var(--card-border-color);
+ padding: 0;
+ border-radius: var(--card-radius-big);
+}
+.card_ae5e0b .header_ae5e0b {
+ margin-bottom: 0;
+ padding: 16px;
+ background-color: transparent;
+ font-size: 1.25em;
+ line-height: normal;
+ color: var(--card-header-text-color);
+ font-weight: 400;
+ opacity: 1;
+ border-bottom: 1px solid var(--card-border-color);
+ text-align: left;
+}
+.card_ae5e0b .size14_fb468f {
+ padding: 16px 16px 0;
+}
+.card_ae5e0b .buttonContainer_ae5e0b {
+ padding: 0 16px 16px;
+}
+
+.emptyCard_f02fcf {
+ padding: 0;
+ background-color: var(--activity-card-color);
+ border-radius: var(--card-radius-big);
+}
+.emptyCard_f02fcf .emptyHeader_f02fcf {
+ width: 100%;
+ margin-bottom: 0;
+ padding: 16px;
+ background-color: transparent;
+ font-size: 1.25em;
+ line-height: normal;
+ color: var(--card-header-text-color);
+ font-weight: 400;
+ opacity: 1;
+ box-sizing: border-box;
+ text-align: left;
+}
+.emptyCard_f02fcf .emptyText_f02fcf {
+ padding: 0 16px 16px;
+ text-align: left;
+}
+
+.interactive_c0f6a6 {
+ margin: 0 0 2px;
+ background-color: var(--activity-card-color);
+ border-radius: 4px;
+ border: none;
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.interactive_c0f6a6:hover {
+ background-color: var(--activity-card-color--hover) !important;
+}
+.interactive_c0f6a6.active_c0f6a6 {
+ background-color: var(--activity-card-color--active) !important;
+}
+.interactive_c0f6a6:not(:only-of-type):first-of-type {
+ border-radius: var(--card-radius-big) var(--card-radius-big) 4px 4px;
+}
+.interactive_c0f6a6:not(:only-of-type):nth-last-child(2) {
+ border-radius: 4px 4px var(--card-radius-big) var(--card-radius-big);
+}
+.interactive_c0f6a6:not(:only-of-type):nth-last-child(2):after {
+ display: none;
+}
+.interactive_c0f6a6 .inset_c0f6a6 {
+ margin-left: 44px;
+ background-color: transparent;
+}
+.interactive_c0f6a6 .section_cd82a7 {
+ margin-bottom: 2px;
+ background-color: var(--activity-card-color--inset);
+ border-radius: 4px;
+}
+.interactive_c0f6a6 .section_cd82a7:first-of-type {
+ border-radius: var(--card-radius-big) var(--card-radius-big) 4px 4px;
+}
+.interactive_c0f6a6 .section_cd82a7:last-of-type {
+ margin-bottom: 0;
+ border-radius: 4px 4px var(--card-radius-big) var(--card-radius-big);
+}
+.interactive_c0f6a6 .section_cd82a7:only-child {
+ border-radius: var(--card-radius-big);
+}
+.interactive_c0f6a6 .separator_cd82a7 {
+ display: none;
+}
+.interactive_c0f6a6 .headerIcon_cd82a7 {
+ border-radius: 50%;
+}
+.interactive_c0f6a6 .applicationStreamingPreviewWrapper_cd82a7 {
+ background-color: var(--card-color-alt);
+ border-radius: calc(var(--card-radius-big) / 1.25);
+ overflow: hidden;
+}
+.interactive_c0f6a6 .image_ed81cc {
+ border-radius: calc(var(--card-radius-big) / 1.25);
+}
+.interactive_c0f6a6 .borderRadius0_cd82a7 {
+ border-radius: 50%;
+}
+
+.nowPlayingColumn_c2739c .header_bf550a {
+ margin-top: 0;
+ font-weight: 400;
+}
+.nowPlayingColumn_c2739c .header_bf550a + .interactive_c0f6a6:nth-last-child(2) {
+ border-radius: var(--card-radius-big);
+}
+
+/*
+ *
+ * ADD FRIEND
+ *
+ */
+.header_c96274 {
+ margin: 16px 16px 0;
+ padding: 0 0 16px;
+}
+
+.addFriendInputWrapper_de812f {
+ height: calc(var(--input-height) * 1.316);
+ margin: 12px 0 0 0;
+ padding: 0 8px 0 16px;
+ background-color: var(--input-color);
+ border-radius: calc(var(--input-radius) * 1.316);
+ border: none;
+}
+.addFriendInputWrapper_de812f .addFriendInput_de812f,
+.addFriendInputWrapper_de812f .addFriendHint_de812f {
+ padding: 0;
+ line-height: var(--input-height);
+ font-weight: 400;
+}
+.addFriendInputWrapper_de812f .addFriendInput_de812f::-webkit-input-placeholder,
+.addFriendInputWrapper_de812f .addFriendHint_de812f::-webkit-input-placeholder {
+ color: var(--text-muted);
+ font-weight: 500;
+}
+.addFriendInputWrapper_de812f .addFriendInput_de812f {
+ border-bottom: none !important;
+}
+.addFriendInputWrapper_de812f .addFriendInput_de812f .input_f8bc55 {
+ padding: 0;
+ box-shadow: none !important;
+}
+.addFriendInputWrapper_de812f .addFriendHint_de812f {
+ top: 6px;
+}
+
+.header_aef5fd {
+ padding: 16px;
+}
+
+.grid_aef5fd {
+ padding: 0 16px;
+}
+
+.container_aef5fd {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 0;
+ border-radius: var(--card-radius-big);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.container_aef5fd:hover {
+ background-color: var(--card-color-hover);
+}
+
+/*
+ *
+ * FRIENDS LIST
+ *
+ */
+.container_c2739c {
+ background-color: var(--chat-color) !important;
+ border-top-right-radius: var(--card-radius-big);
+}
+
+.tabBody_c2739c:before {
+ display: none;
+}
+
+.peopleList_e0840f {
+ padding-bottom: 12px;
+}
+
+.peopleColumn_c2739c .searchBar_e0840f {
+ margin: 16px 16px 8px 16px;
+ height: var(--input-height);
+ max-height: var(--input-height);
+ padding: var(--input-padding);
+ background-color: var(--input-color);
+ border-radius: calc(var(--input-height) / 2);
+ border: none;
+ padding: 0;
+}
+.peopleColumn_c2739c .searchBar_e0840f .inner_c18ec9 .input_c18ec9 {
+ height: var(--input-height);
+ margin: 0;
+ padding: 0 4px 0 12px;
+ line-height: var(--input-height);
+}
+.peopleColumn_c2739c .searchBar_e0840f .inner_c18ec9 .input_c18ec9::-webkit-input-placeholder {
+ font-family: var(--app-font);
+}
+.peopleColumn_c2739c .searchBar_e0840f .inner_c18ec9 .iconLayout_c18ec9 {
+ width: var(--input-height);
+ height: var(--input-height);
+}
+.peopleColumn_c2739c .scrollerBase_eed6a8 {
+ margin-top: 0;
+}
+.peopleColumn_c2739c .container-q97qHp {
+ height: 40px;
+ margin: 0;
+ padding: 0 16px;
+ line-height: 40px;
+ font-size: 14px;
+ text-transform: none;
+}
+
+.peopleListItem_d51464 {
+ margin: 0 8px !important;
+ padding: 0 16px !important;
+ border-radius: var(--card-radius-big) !important;
+ border: none;
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.peopleListItem_d51464:hover {
+ background-color: var(--menu-item-hover);
+}
+.peopleListItem_d51464.active_d51464 {
+ background-color: var(--menu-item-select);
+}
+.peopleListItem_d51464 .actionButton_e01b91 {
+ background-color: transparent;
+ position: relative;
+}
+.peopleListItem_d51464 .actionButton_e01b91:after {
+ content: " ";
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ background-color: hsl(var(--md-ripple-color), 0.1);
+ border-radius: 50%;
+ opacity: 0;
+ pointer-events: none;
+ transform: scale(1.2);
+ transition: 300ms ease;
+ z-index: 4;
+}
+.peopleListItem_d51464 .actionButton_e01b91:hover:after {
+ opacity: 1;
+ transform: scale(1);
+ animation: scale 150ms var(--default-animation), opacity 150ms ease;
+}
+.peopleListItem_d51464 .actionButton_e01b91:active:after {
+ background-color: hsl(var(--md-ripple-color), 0.2);
+}
+.peopleListItem_d51464 .actionButton_e01b91 .icon_e01b91 {
+ transform: scale(1.2);
+}
+.peopleListItem_d51464 .actionButton_e01b91 .icon_e01b91 path[d="M4.79805 3C3.80445 3 2.99805 3.8055 2.99805 4.8V15.6C2.99805 16.5936 3.80445 17.4 4.79805 17.4H7.49805V21L11.098 17.4H19.198C20.1925 17.4 20.998 16.5936 20.998 15.6V4.8C20.998 3.8055 20.1925 3 19.198 3H4.79805Z"] {
+ d: path("M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z");
+}
+
+/*
+ *
+ * LIBRARY
+ *
+ */
+.libraryHeader_cb9493 {
+ --input-height: 32px;
+ --input-padding: 0 2px 0 6px;
+}
+.libraryHeader_cb9493 .inner_c18ec9 .input_c18ec9 {
+ padding: 0;
+}
+.libraryHeader_cb9493 .inner_c18ec9 .input_c18ec9, .libraryHeader_cb9493 .inner_c18ec9 .input_c18ec9::-webkit-input-placeholder {
+ font-weight: 500;
+}
+
+.libraryFilter_e0264e {
+ width: 160px;
+ transition: 300ms ease width;
+}
+.libraryFilter_e0264e.focused_e0264e {
+ width: 240px;
+}
+
+.scroller_ad8f79,
+.scroller_c100ff {
+ background-color: var(--chat-color);
+}
+
+.table_f1629a {
+ padding-bottom: 8px;
+}
+.table_f1629a .header_f1629a {
+ height: 42px;
+ padding: 0 16px;
+ line-height: 42px;
+ background-color: var(--chat-color);
+ border-bottom: 1px solid var(--card-border-color);
+}
+.table_f1629a .header_f1629a.stickyHeader_f1629a {
+ width: 100%;
+}
+.table_f1629a .header_f1629a .headerCell_f1629a {
+ border: none;
+ font-size: 14px;
+ text-transform: none;
+}
+.table_f1629a .header_f1629a .headerCell_f1629a.headerCellSorted_f1629a .headerCellContent_b4bea4 {
+ position: relative;
+ background-color: transparent !important;
+ border: none;
+}
+.table_f1629a .header_f1629a .headerCell_f1629a.headerCellSorted_f1629a .headerCellContent_b4bea4:after {
+ position: absolute;
+ content: " ";
+ width: 100%;
+ height: 3px;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ margin: 0 auto;
+ background: var(--tab-border-color);
+ border-radius: 3px 3px 0 0;
+ transition: var(--default-time) ease all;
+}
+.table_f1629a .header_f1629a .headerCell_f1629a.headerCellSorted_f1629a .headerCellContent_b4bea4:after {
+ width: calc(100% - 22px);
+ left: 0;
+ right: auto;
+}
+
+.rowWrapper_f1629a {
+ margin: 0 8px;
+ padding: 0;
+ border-radius: var(--card-radius-big);
+ border: none;
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.rowWrapper_f1629a.rowWrapperActive_f1629a {
+ background-color: var(--menu-item-hover);
+}
+.rowWrapper_f1629a .row_f1629a {
+ margin: 0;
+ padding: 0 16px;
+ border-top: none !important;
+}
+.rowWrapper_f1629a .nameBodyCell_f1629a,
+.rowWrapper_f1629a .settingIcon_f1629a,
+.rowWrapper_f1629a .textCell_f1629a {
+ transition: var(--default-time) var(--default-animation) opacity;
+}
+.rowWrapper_f1629a .nameBodyCell_f1629a {
+ padding-left: 0;
+}
+
+.body_c100ff {
+ min-width: 350px;
+ max-width: 1200px;
+ padding: 60px 40px 80px;
+}
+
+.wrapper-QQNZRu .foreground-2JnqVD {
+ stroke: var(--slider-color) !important;
+}
+.wrapper-QQNZRu .foreground-2JnqVD {
+ stroke: hsl(var(--accent-hsl--material-you)) !important;
+}
+
+/*
+ *
+ * MESSAGE REQUESTS
+ *
+ */
+.list_f3abf4 {
+ padding: 0 8px;
+}
+.list_f3abf4 .content-2a4AW9 {
+ height: auto !important;
+ margin-top: 24px;
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 0;
+ border-radius: var(--card-radius-big);
+ overflow: hidden;
+}
+.list_f3abf4 .content-2a4AW9 > div[style="height: 24px;"] {
+ display: none;
+}
+.list_f3abf4 .sectionTitle_f3abf4 {
+ margin: 0;
+ padding: 0 16px 16px;
+ line-height: normal;
+ color: var(--card-header-text-color);
+ font-weight: 400;
+ font-size: 1.25em;
+ text-transform: none;
+}
+
+.messageRequestItem_a5de62 {
+ padding: 16px;
+ position: relative;
+ border-bottom: none;
+ border-radius: var(--card-radius-big);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.messageRequestItem_a5de62:after {
+ position: absolute;
+ content: " ";
+ width: calc(100% - 16px * 2);
+ height: 1px;
+ right: 0;
+ bottom: 0;
+ margin: 0 16px;
+ background-color: var(--card-border-color);
+}
+.messageRequestItem_a5de62:last-of-type:after {
+ display: none;
+}
+.messageRequestItem_a5de62:not(.firstItem_a5de62) {
+ border-top: none;
+}
+.messageRequestItem_a5de62:hover, .messageRequestItem_a5de62.active_a5de62, .messageRequestItem_a5de62.selected_f3abf4, .messageRequestItem_a5de62.selected_cc7518 {
+ border-radius: var(--card-radius-big);
+}
+.messageRequestItem_a5de62:hover .actionButton-3GQIiT, .messageRequestItem_a5de62.active_a5de62 .actionButton-3GQIiT, .messageRequestItem_a5de62.selected_f3abf4 .actionButton-3GQIiT, .messageRequestItem_a5de62.selected_cc7518 .actionButton-3GQIiT {
+ background-color: var(--card-color-alt);
+}
+.messageRequestItem_a5de62:hover, .messageRequestItem_a5de62.active_a5de62 {
+ background-color: var(--card-color-hover);
+}
+.messageRequestItem_a5de62.selected_f3abf4, .messageRequestItem_a5de62.selected_cc7518 {
+ background-color: var(--card-color-active);
+}
+.messageRequestItem_a5de62:after {
+ display: none;
+}
+.messageRequestItem_a5de62 .actionButton-3GQIiT {
+ background-color: var(--card-color-hover);
+}
+.messageRequestItem_a5de62 .button_dd4f85.colorPrimary_dd4f85 {
+ --button-padding: 0 12px;
+ --button-background: transparent;
+ --button-text-color: hsl(var(--accent-hsl--material-you));
+ --accent-button-action-hover: 0.14;
+ --accent-button-action-active: 0.21;
+}
+.messageRequestItem_a5de62 .button_dd4f85.colorPrimary_dd4f85:after {
+ background-color: hsl(var(--button-link-accent-color));
+}
+
+/* MESSAGE REQUESTS -> PREVIEW */
+.chat_fe669e:before {
+ display: none;
+}
+
+/*
+ *
+ * NITRO
+ *
+ */
+.applicationStore_cecc86 {
+ background-color: var(--chat-color);
+ border-top-right-radius: var(--card-radius-big);
+}
+.applicationStore_cecc86 .scroller__244e5 {
+ background-color: transparent;
+}
+
+.settingsContainer-36qZZ9 {
+ width: 100%;
+ border-radius: var(--card-radius-big);
+}
+
+.premiumTierCardsContainerSettings-3_Raf8 {
+ max-width: unset;
+}
+
+.card_c87d73 {
+ border-radius: var(--card-radius-big);
+}
+
+.perkCard_d611db,
+.bigPerkCard-1uwmWV,
+.smallPerkCard-2sX_-- {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+
+/*
+ *
+ * MESSAGE ACTIONS
+ *
+ */
+.message_d5deea .buttons_d5deea {
+ max-width: 32px;
+ opacity: 0;
+ visibility: visible;
+ pointer-events: none;
+ transition: opacity var(--default-time) var(--default-animation), max-width var(--default-time) var(--default-animation) var(--default-time);
+}
+.selected-2LX7Jy.message_d5deea .buttons_d5deea, .message_d5deea:hover .buttons_d5deea {
+ max-width: 380px;
+ opacity: 1;
+ pointer-events: all;
+}
+
+.wrapper_ef319f {
+ background-color: var(--main-textarea-color);
+ border-radius: 16px;
+ box-shadow: var(--shadow-2dp);
+ border: none;
+ overflow: hidden;
+ z-index: 2;
+}
+.wrapper_ef319f:hover {
+ box-shadow: var(--shadow-3dp);
+}
+.wrapper_ef319f .button_ef319f {
+ transition: var(--default-time) ease all;
+}
+.wrapper_ef319f .button_ef319f:hover {
+ background-color: var(--menu-item-hover);
+}
+.wrapper_ef319f .button_ef319f:active {
+ padding: 4px;
+}
+.wrapper_ef319f .button_ef319f .selected_ef319f {
+ background-color: var(--menu-item-select);
+}
+
+/* MESSAGES -> ACTIONS -> DELETE MESSAGE */
+.message_ddcc45 {
+ padding: 0;
+ background-color: transparent !important;
+ box-shadow: none !important;
+}
+.message_ddcc45 .wrapper_f9f2ca {
+ margin: 0 0 0 52px !important;
+ background-color: var(--message-color-alt) !important;
+}
+.message_ddcc45 .wrapper_f9f2ca .avatar_f9f2ca {
+ left: -52px !important;
+}
+
+/*
+ *
+ * ATTACHMENTS
+ *
+ */
+.nonMediaAttachmentsContainer__912df {
+ margin-top: 0;
+}
+
+.attachment_a4623d {
+ background-color: var(--attachment-color);
+ border-radius: var(--media-radius);
+ border: none;
+}
+.attachment_a4623d.newMosaicStyle_ad9cbd {
+ border-radius: var(--media-radius);
+}
+.attachment_a4623d .downloadButton__3fb6d {
+ margin-left: 0;
+}
+.attachment_a4623d .downloadButton__3fb6d path {
+ d: path("M13 5v6h1.17L12 13.17 9.83 11H11V5h2m2-2H9v6H5l7 7 7-7h-4V3zm4 15H5v2h14v-2z") !important;
+}
+
+.hoverButtonGroup_ab8b23 {
+ background-color: var(--card-button-color);
+ border-radius: 16px;
+ transition: var(--default-time) var(--default-animation) opacity;
+}
+.hoverButtonGroup_ab8b23 .hoverButton_ab8b23 {
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.hoverButtonGroup_ab8b23 .hoverButton_ab8b23:hover {
+ background-color: var(--card-button-color-hover);
+}
+.hoverButtonGroup_ab8b23 .downloadHoverButtonIcon__90d38 path {
+ d: path("M18,15v3H6v-3H4v3c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2v-3H18z M17,11l-1.41-1.41L13,12.17V4h-2v8.17L8.41,9.59L7,11l5,5 L17,11z");
+}
+
+.nonMediaAttachment_ef83c1 {
+ width: 32px;
+ height: 32px;
+ top: 0;
+ right: 12px;
+ bottom: 0;
+ margin: auto 0;
+ outline: none;
+}
+.nonMediaAttachment_ef83c1.hoverButtonGroup_ab8b23 {
+ background-color: transparent;
+ opacity: 1;
+}
+
+.video_f72aac {
+ border-radius: var(--media-radius);
+}
+
+.container_c15230 {
+ background-color: var(--attachment-color);
+ border-radius: var(--media-radius);
+}
+
+.progress_a4623d {
+ background-color: hsl(var(--accent-hsl), 0.3) !important;
+}
+.progress_a4623d .progressBar-1T6LYX {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+}
+
+.bumpBox_ca33de {
+ background-color: var(--attachment-color);
+ border-radius: var(--media-radius);
+}
+
+.embed_ad0b71 {
+ border-radius: var(--media-radius);
+}
+.embed_ad0b71.embedFull_ad0b71 {
+ background-color: var(--attachment-color);
+}
+
+.embedCard_c6cefd {
+ background-color: var(--attachment-color);
+ border-radius: var(--message-radius);
+}
+.embedCard_c6cefd.selected_bf4197 {
+ background-color: var(--attachment-color);
+}
+.embedCard_c6cefd .wrapper_f9f2ca {
+ margin: 0 0 0 48px !important;
+}
+.embedCard_c6cefd .wrapper_f9f2ca .avatar_f9f2ca {
+ left: -48px !important;
+ margin-top: 0;
+}
+
+.withFooter_c6cefd {
+ padding-bottom: 0;
+ border-radius: var(--media-radius) var(--media-radius) 0 0;
+}
+
+.footerContainer_bf4197 {
+ padding: 8px 16px 8px;
+ background-color: var(--attachment-color);
+ border-radius: 0 0 var(--media-radius) var(--media-radius);
+}
+.footerContainer_bf4197 .button_dd4f85 {
+ --button-height: 30px;
+}
+.footerContainer_bf4197 .button_dd4f85 .contents_dd4f85 > div {
+ height: var(--button-height);
+}
+.footerContainer_bf4197 .button_dd4f85 .text-xs\/normal_dc00ef {
+ color: hsl(var(--accent-text-color--material-you)) !important;
+ font-weight: 500;
+}
+
+.children_f08cd0 {
+ margin-top: 4px;
+ gap: 8px;
+}
+.children_f08cd0 .button_dd4f85 {
+ margin: 0;
+}
+
+.guildShopEmbed_a70c73 {
+ background-color: var(--attachment-color) !important;
+ border-radius: var(--media-radius);
+}
+.guildShopEmbed_a70c73 .lookFilled_dd4f85.colorBrand_dd4f85 .text-sm\/medium_dc00ef {
+ color: inherit !important;
+}
+
+.wrapper_ce1c1d {
+ background-color: var(--attachment-color);
+ border-radius: var(--media-radius);
+}
+
+.wrapper_b9fe76 {
+ background-color: var(--attachment-color) !important;
+ border-radius: var(--media-radius);
+}
+.wrapper_b9fe76 .inviteSplash_b9fe76,
+.wrapper_b9fe76 .banner_a75489 {
+ border-radius: var(--media-radius);
+}
+.wrapper_b9fe76 .content-17zlU6 {
+ gap: 12px;
+}
+.wrapper_b9fe76 .h5-2RwDNl {
+ font-size: 14px;
+ text-transform: none;
+}
+.wrapper_b9fe76 .guildIcon_b9fe76 {
+ border-radius: 50%;
+}
+
+.invite_cdcad9 {
+ background-color: var(--attachment-color) !important;
+ border-radius: var(--media-radius);
+ border: none !important;
+}
+
+/* ATTACHMENTS -> AUDIO FILE */
+.wrapperAudio_f72aac {
+ padding: 0;
+ background-color: var(--attachment-color) !important;
+ border-radius: var(--media-radius);
+ border: none;
+}
+.wrapperAudio_f72aac.newMosaicStyle_f72aac {
+ padding: 0;
+ border-radius: var(--media-radius);
+}
+.wrapperAudio_f72aac .audioMetadata_f72aac {
+ padding: 12px 12px 4px;
+}
+.wrapperAudio_f72aac .audioMetadata_f72aac .metadataIcon_f72aac path[d="M16.293 9.293L17.707 10.707L12 16.414L6.29297 10.707L7.70697 9.293L11 12.586V2H13V12.586L16.293 9.293ZM18 20V18H20V20C20 21.102 19.104 22 18 22H6C4.896 22 4 21.102 4 20V18H6V20H18Z"] {
+ d: path("M13 5v6h1.17L12 13.17 9.83 11H11V5h2m2-2H9v6H5l7 7 7-7h-4V3zm4 15H5v2h14v-2z");
+}
+.wrapperAudio_f72aac + .nonMediaAttachment_ef83c1 {
+ top: 12px;
+ bottom: unset;
+ margin: 0;
+}
+.wrapperAudio_f72aac .audioControls_f72aac {
+ margin-top: 0;
+ background-color: transparent;
+ border-radius: 0;
+ border-top: 1px solid var(--card-border-color);
+ color: var(--text-normal);
+}
+.wrapperAudio_f72aac .audioControls_f72aac .controlIcon_f72aac {
+ padding: 8px;
+}
+
+.container_d6cb89 {
+ background-color: var(--attachment-color);
+ border-radius: var(--media-radius);
+}
+.container_d6cb89.playing_d6cb89 .playButtonContainer_d6cb89 {
+ border-radius: 10px;
+}
+
+.ripple_d6cb89 {
+ display: none;
+}
+
+.playButtonContainer_d6cb89 {
+ background: hsl(var(--accent-hsl--material-you)) !important;
+ transition: var(--default-time) var(--default-animation) border-radius;
+}
+.playButtonContainer_d6cb89:active {
+ transform: none;
+}
+.playButtonContainer_d6cb89 .playIcon_d6cb89 {
+ color: var(--accent-text-color--material-you) !important;
+}
+
+/* ATTACHMENTS -> VIDEO PLAYER */
+.wrapper_f72aac {
+ border-radius: 0;
+}
+
+.mediaBarInteraction_f7877e:hover .mediaBarGrabber_f7877e {
+ background-color: hsl(var(--accent-hsl--material-you));
+ box-shadow: var(--shadow-2dp);
+}
+
+.mediaBarInteractionDragging_f7877e .mediaBarGrabber_f7877e {
+ background-color: hsl(var(--accent-hsl--material-you));
+ box-shadow: var(--shadow-3dp);
+}
+
+.mediaBarGrabber_f7877e, .mediaBarGrabber_f7877e:before, .mediaBarGrabber_f7877e:after,
+.mediaBarProgress_f7877e,
+.mediaBarProgress_f7877e:before,
+.mediaBarProgress_f7877e:after {
+ background-color: hsl(var(--accent-hsl--material-you));
+}
+
+/* ATTACHMENTS -> IMAGES */
+.mediaAttachmentsContainer__242e2,
+.messageAttachmentMediaMosaic__67262 {
+ border-radius: 0;
+}
+
+.visualMediaItemContainer_df7417,
+.oneByOneGridSingle_df7417 {
+ border-radius: var(--media-radius);
+}
+
+.imageWrapper_d4597d {
+ border-radius: 4px;
+}
+.imageWrapper_d4597d.image_aee8c6 {
+ --media-radius: 0;
+}
+
+.oneByOneGridSingle_df7417 .imageWrapper_d4597d {
+ border-radius: var(--media-radius);
+}
+
+.spoilerContainer_a3d0f7 {
+ border-radius: var(--media-radius);
+ box-shadow: none !important;
+}
+
+/*
+ *
+ * MARKUP
+ *
+ */
+.markup_f8f345 a {
+ color: hsl(var(--accent-hsl));
+}
+.markup_f8f345 pre, .markup_f8f345 pre *, .markup_f8f345 code.inline, .markup_f8f345 .codeBlockText_cdb578, .markup_f8f345 .codeBlockText_cdb578 *, .markup_f8f345 .codeLine_cdb578, .markup_f8f345 .codeLine_cdb578 *, .markup_f8f345 .codeBlockLang_cdb578, .markup_f8f345 .codeBlockLang_cdb578 *, .markup_f8f345 .codeBlockSyntax_cdb578, .markup_f8f345 .codeBlockSyntax_cdb578 *, .markup_f8f345 .syntaxAfter_cdb578, .markup_f8f345 .syntaxAfter_cdb578 *, .markup_f8f345 .syntaxBefore_cdb578, .markup_f8f345 .syntaxBefore_cdb578 * {
+ --app-font: var(--code-font);
+}
+.markup_f8f345 pre,
+.markup_f8f345 pre code,
+.markup_f8f345 code.inline {
+ background-color: var(--attachment-color);
+ border-radius: var(--media-radius);
+ border: none;
+}
+.markup_f8f345 pre code,
+.markup_f8f345 code.inline code {
+ background-color: transparent;
+}
+.markup_f8f345 pre,
+.markup_f8f345 code.inline {
+ margin: 4px 0;
+}
+
+.inlineCode_cdb578,
+.before_inlineCode_cdb578,
+.after_inlineCode_cdb578 {
+ --app-font: var(--code-font);
+ background-color: var(--attachment-color);
+}
+
+.before_inlineCode_cdb578 {
+ border-radius: var(--media-radius) 0 0 var(--media-radius);
+}
+
+.after_inlineCode_cdb578 {
+ border-radius: 0 var(--media-radius) var(--media-radius) 0;
+}
+
+.wrapper_bf1b19 {
+ background-color: hsl(var(--accent-hsl), 0.15);
+ border-radius: var(--media-radius);
+ color: hsl(var(--accent-hsl));
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.wrapper_bf1b19:hover {
+ background-color: hsl(var(--accent-hsl), 0.3);
+ color: hsl(var(--accent-hsl));
+}
+
+.theme-dark .wrapper_bf1b19 {
+ background-color: hsl(var(--accent-hsl), 0.15);
+ color: hsl(var(--accent-hsl));
+}
+.theme-dark .wrapper_bf1b19:hover {
+ background-color: hsl(var(--accent-hsl), 0.3);
+}
+
+.textContainer_ad9cbd,
+.footer_ad9cbd {
+ background-color: var(--attachment-color);
+ border: none;
+}
+
+.textContainer_ad9cbd .hljs {
+ background-color: transparent;
+}
+
+.newMosaicStyle_ad9cbd .textContainer_ad9cbd {
+ border-radius: var(--media-radius) var(--media-radius) 0 0;
+}
+.newMosaicStyle_ad9cbd .footer_ad9cbd {
+ border-radius: 0 0 var(--media-radius) var(--media-radius);
+ border-top: 1px solid var(--separator-color);
+}
+
+.codeView_ad9cbd, .codeView_ad9cbd * {
+ --app-font: var(--code-font);
+}
+
+.embed_ad0b71 {
+ border-radius: var(--media-radius);
+}
+.embed_ad0b71.embedFull_ad0b71 {
+ background-color: var(--attachment-color);
+}
+.embed_ad0b71 pre,
+.embed_ad0b71 pre code,
+.embed_ad0b71 code.inline {
+ --attachment-color: var(--message-color);
+}
+
+/*
+ *
+ * MESSAGES
+ *
+ */
+.backgroundFlash_d5deea {
+ border-radius: var(--message-radius);
+}
+[style].backgroundFlash_d5deea {
+ position: relative;
+ background-color: transparent !important;
+}
+[style].backgroundFlash_d5deea:before {
+ position: absolute;
+ content: " ";
+ width: calc(100% - 78px);
+ height: 100%;
+ top: 0;
+ left: 68px;
+ border-radius: var(--message-radius);
+ pointer-events: none;
+ z-index: 2;
+ transition: 200ms ease-out background-color;
+}
+.backgroundFlash_d5deea:not([style$="0);"]):before {
+ background-color: hsl(var(--accent-hsl), 0.2);
+}
+[style="background-color: rgba(148, 156, 247, 0);"].backgroundFlash_d5deea:before {
+ background-color: hsl(var(--accent-hsl), 0);
+}
+
+.messagesWrapper_e2e187.group-spacing-0 .groupStart_d5deea {
+ --group-spacing: 0.125rem;
+}
+.messagesWrapper_e2e187.group-spacing-0 .divider_d5deea.beforeGroup_d5deea {
+ top: 1px;
+}
+.messagesWrapper_e2e187.group-spacing-4 .groupStart_d5deea {
+ --group-spacing: 0.3125rem;
+}
+.messagesWrapper_e2e187.group-spacing-4 .divider_d5deea.beforeGroup_d5deea {
+ top: 2px;
+}
+.messagesWrapper_e2e187.group-spacing-8 .groupStart_d5deea {
+ --group-spacing: 0.5625rem;
+}
+.messagesWrapper_e2e187.group-spacing-8 .divider_d5deea.beforeGroup_d5deea {
+ top: 4px;
+}
+.messagesWrapper_e2e187.group-spacing-16 .groupStart_d5deea {
+ --group-spacing: 1.0625rem;
+}
+.messagesWrapper_e2e187.group-spacing-16 .divider_d5deea.beforeGroup_d5deea {
+ top: 8px;
+}
+.messagesWrapper_e2e187.group-spacing-24 .groupStart_d5deea {
+ --group-spacing: 1.5625rem;
+}
+.messagesWrapper_e2e187.group-spacing-24 .divider_d5deea.beforeGroup_d5deea {
+ top: 12px;
+}
+[class*=group-spacing].messagesWrapper_e2e187 .groupStart_d5deea {
+ margin-top: var(--group-spacing) !important;
+}
+[class*=group-spacing].messagesWrapper_e2e187 .divider_d5deea:not(.beforeGroup_d5deea) {
+ top: -4px;
+}
+.messagesWrapper_e2e187 .divider_c2654d {
+ border-top-color: var(--message-color-hover);
+}
+.messagesWrapper_e2e187 .content_c2654d {
+ padding: 4px 12px;
+ border-radius: 11px;
+}
+
+.wrapper_f9f2ca {
+ position: relative;
+ background-color: var(--message-color) !important;
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.wrapper_f9f2ca:hover {
+ background-color: var(--message-color-hover) !important;
+}
+.wrapper_f9f2ca:hover .repliedMessage_f9f2ca:before {
+ border-color: var(--message-color-hover) !important;
+}
+.wrapper_f9f2ca.automodMessage_d5deea:before {
+ display: none;
+}
+.wrapper_f9f2ca.hasThread_f9f2ca:after {
+ display: none;
+}
+.wrapper_f9f2ca.hasThread_f9f2ca .markup_f8f345 {
+ overflow: visible;
+}
+.wrapper_f9f2ca.groupStart_d5deea {
+ position: relative;
+ border-radius: var(--message-radius);
+}
+.wrapper_f9f2ca.groupStart_d5deea .avatar_f9f2ca {
+ width: 40px;
+ height: 40px;
+ top: 0;
+ left: -50px;
+ border-radius: var(--avatar-radius);
+}
+.wrapper_f9f2ca.groupStart_d5deea .avatarDecoration_f9f2ca {
+ top: 0;
+ left: -54px;
+}
+.wrapper_f9f2ca.groupStart_d5deea.replying_d5deea:before {
+ display: none;
+}
+.wrapper_f9f2ca:not(.groupStart_d5deea) {
+ border-radius: 0 0 var(--message-radius) var(--message-radius);
+}
+.wrapper_f9f2ca:not(.groupStart_d5deea):before, .wrapper_f9f2ca:not(.groupStart_d5deea):after {
+ content: " ";
+ position: absolute;
+ width: 0;
+ height: 0;
+ top: calc(var(--message-radius) / 1.875 * -1);
+ background-color: transparent;
+ border: calc(var(--message-radius) / 3.75) solid transparent;
+ border-bottom-color: var(--message-color);
+ pointer-events: none;
+ transition: var(--default-time) var(--default-animation) border-color;
+}
+.wrapper_f9f2ca:not(.groupStart_d5deea):before {
+ left: 0;
+ border-left-color: var(--message-color);
+}
+.wrapper_f9f2ca:not(.groupStart_d5deea):after {
+ right: 0;
+ border-right-color: var(--message-color);
+}
+.wrapper_f9f2ca.ephemeral_d5deea a, .wrapper_f9f2ca.replying_d5deea a {
+ color: hsl(var(--accent-hsl));
+}
+.wrapper_f9f2ca.ephemeral_d5deea:before {
+ display: none;
+}
+.wrapper_f9f2ca .slateTextArea_e52116 {
+ padding-left: 12px !important;
+}
+.wrapper_f9f2ca .messageContent_f9f2ca {
+ overflow: visible;
+}
+.wrapper_f9f2ca .messageContent_f9f2ca .iconContainer_bf4197 {
+ width: 40px;
+ top: -8px;
+ left: calc((50px + var(--message-padding-side)) * -1);
+}
+.wrapper_f9f2ca .buttonContainer_f9f2ca {
+ margin-top: 8px;
+ margin-left: 0;
+ z-index: 3;
+}
+.wrapper_f9f2ca .buttonContainer_f9f2ca .button_dd4f85 {
+ --button-height: 24px;
+ --button-padding: 0 6px;
+}
+.wrapper_f9f2ca .buttonContainer_f9f2ca .button_dd4f85 .text-xs\/normal_dc00ef {
+ color: hsl(var(--accent-hsl--material-you)) !important;
+}
+.wrapper_f9f2ca .buttonContainer_f9f2ca .footerAction_bf4197 {
+ height: var(--button-height);
+}
+.wrapper_f9f2ca .buttonContainer_f9f2ca .footerAction_bf4197 .footerIcon_bf4197 {
+ color: hsl(var(--accent-hsl--material-you));
+}
+.wrapper_f9f2ca .buttonContainer_f9f2ca .footerAction_bf4197 .footerIcon_bf4197 path {
+ fill: currentColor;
+}
+.wrapper_f9f2ca .dot_bf4197 {
+ margin: 0 4px;
+}
+.wrapper_f9f2ca .channelTextArea_d0696b .scrollableContainer_d0696b {
+ background-color: var(--input-color-alt);
+ border-radius: var(--main-textarea-radius);
+}
+
+.replying_d5deea {
+ z-index: 2;
+}
+.replying_d5deea .contents_f9f2ca:before {
+ position: absolute;
+ content: " ";
+ width: calc(100% - 8px);
+ height: calc(100% - 8px);
+ top: 4px;
+ left: 4px;
+ background-color: hsl(var(--warning-hsl), 0.2);
+ border-radius: calc(var(--message-radius) / 1.25);
+ pointer-events: none;
+ animation: var(--default-time) var(--default-animation) opacity;
+}
+
+.messageListItem_d5deea:hover + .messageListItem_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):before, .messageListItem_d5deea:hover + .messageListItem_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):after,
+.messageListItem_d5deea:hover + .backgroundFlash_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):before,
+.messageListItem_d5deea:hover + .backgroundFlash_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):after,
+.messageListItem_d5deea:hover + .divider_d5deea + .messageListItem_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):before,
+.messageListItem_d5deea:hover + .divider_d5deea + .messageListItem_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):after,
+.backgroundFlash_d5deea:hover + .messageListItem_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):before,
+.backgroundFlash_d5deea:hover + .messageListItem_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):after,
+.backgroundFlash_d5deea:hover + .backgroundFlash_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):before,
+.backgroundFlash_d5deea:hover + .backgroundFlash_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):after,
+.backgroundFlash_d5deea:hover + .divider_d5deea + .messageListItem_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):before,
+.backgroundFlash_d5deea:hover + .divider_d5deea + .messageListItem_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):after {
+ border-bottom-color: var(--message-color-hover);
+}
+.messageListItem_d5deea:hover + .messageListItem_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):before,
+.messageListItem_d5deea:hover + .backgroundFlash_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):before,
+.messageListItem_d5deea:hover + .divider_d5deea + .messageListItem_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):before,
+.backgroundFlash_d5deea:hover + .messageListItem_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):before,
+.backgroundFlash_d5deea:hover + .backgroundFlash_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):before,
+.backgroundFlash_d5deea:hover + .divider_d5deea + .messageListItem_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):before {
+ border-left-color: var(--message-color-hover);
+}
+.messageListItem_d5deea:hover + .messageListItem_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):after,
+.messageListItem_d5deea:hover + .backgroundFlash_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):after,
+.messageListItem_d5deea:hover + .divider_d5deea + .messageListItem_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):after,
+.backgroundFlash_d5deea:hover + .messageListItem_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):after,
+.backgroundFlash_d5deea:hover + .backgroundFlash_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):after,
+.backgroundFlash_d5deea:hover + .divider_d5deea + .messageListItem_d5deea .wrapper_f9f2ca:not(.groupStart_d5deea):after {
+ border-right-color: var(--message-color-hover);
+}
+
+.cozy_f9f2ca.groupStart_d5deea {
+ margin-bottom: 0;
+}
+.cozy_f9f2ca.groupStart_d5deea.mentioned_d5deea:before {
+ display: none;
+}
+.cozy_f9f2ca.groupStart_d5deea.hasReply_f9f2ca .avatar_f9f2ca,
+.cozy_f9f2ca.groupStart_d5deea.hasReply_f9f2ca .avatarDecoration_f9f2ca {
+ top: 28px;
+}
+.cozy_f9f2ca.groupStart_d5deea {
+ padding: var(--message-padding-top) var(--message-padding-side) !important;
+}
+.cozy_f9f2ca:not(.groupStart_d5deea) {
+ margin-top: calc(var(--message-padding-top) * -1);
+ padding: calc(var(--message-padding-top) / 2) var(--message-padding-side) var(--message-padding-top) var(--message-padding-side) !important;
+}
+.cozy_f9f2ca:not(.groupStart_d5deea) + .divider_d5deea:not(.beforeGroup_d5deea) {
+ top: -4px;
+}
+.cozy_f9f2ca .header_f9f2ca {
+ margin-bottom: 4px;
+}
+.cozy_f9f2ca .markup_f8f345 {
+ margin-left: 0;
+ padding-left: 0;
+}
+.cozy_f9f2ca:hover .timestamp_f9f2ca.alt_f9f2ca {
+ opacity: 1;
+ transition: var(--default-time) ease opacity 750ms;
+}
+.cozy_f9f2ca .timestamp_f9f2ca.alt_f9f2ca {
+ opacity: 0;
+ left: -64px;
+ color: var(--text-muted);
+ font-weight: 600;
+ transition: var(--default-time) ease opacity 0ms;
+}
+.cozy_f9f2ca .removeAttachmentButton__692b5 {
+ right: -4px;
+}
+.cozy_f9f2ca:not(.message_d5deea) {
+ margin: 16px 10px 0 68px;
+ padding: var(--message-padding-top) var(--message-padding-side) !important;
+ border-radius: var(--message-radius);
+}
+.cozy_f9f2ca:not(.message_d5deea):before, .cozy_f9f2ca:not(.message_d5deea):after {
+ display: none;
+}
+.cozy_f9f2ca:not(.message_d5deea) .avatar_f9f2ca {
+ top: 0;
+ left: -63px;
+}
+.cozy_f9f2ca .repliedMessage_f9f2ca:before {
+ --reply-spacing: var(--message-padding-side);
+ left: calc((0.5 * var(--avatar-size) + var(--gutter) + var(--reply-spacing) / 2) * -1);
+ border-color: var(--message-color);
+ transition: var(--default-time) var(--default-animation) border-color;
+}
+
+.compact_f9f2ca {
+ margin-bottom: 0;
+ padding-right: 8px !important;
+}
+.compact_f9f2ca .avatar_f9f2ca {
+ width: 16px !important;
+ height: 16px !important;
+ top: 3px !important;
+ left: 0 !important;
+ margin: 0 0.5em 0 0.25em !important;
+ padding: 0 !important;
+}
+.compact_f9f2ca.groupStart_d5deea {
+ padding: 8px;
+}
+.compact_f9f2ca.groupStart_d5deea.mentioned_d5deea:before {
+ display: none;
+}
+.compact_f9f2ca.groupStart_d5deea + .divider_d5deea {
+ margin-bottom: -1px;
+}
+.compact_f9f2ca:not(.groupStart_d5deea) {
+ margin-top: -8px;
+ padding: 0 8px 8px 8px;
+}
+.compact_f9f2ca .contents_f9f2ca {
+ margin-left: -4.25rem;
+ padding-left: 4.25rem;
+ text-indent: -3.75rem;
+}
+.compact_f9f2ca.hasThread_f9f2ca .contents_f9f2ca:before {
+ display: none;
+}
+.compact_f9f2ca .header_f9f2ca {
+ position: relative;
+ left: -8px;
+}
+.compact_f9f2ca .timestamp_f9f2ca {
+ width: 52px;
+ margin-right: 16px;
+ color: var(--text-muted);
+}
+.compact_f9f2ca + .divider_d5deea {
+ margin-left: 80px;
+}
+.compact_f9f2ca + .divider_d5deea:not(.beforeGroup_d5deea) {
+ top: -11px;
+}
+.compact_f9f2ca .repliedMessage_f9f2ca {
+ margin-left: calc(var(--timestamp-width) + 3.1rem + var(--text-indent));
+}
+.compact_f9f2ca + .compact_f9f2ca:not(.message_d5deea) {
+ margin: 16px 20px 0 70px;
+}
+
+.mentioned_d5deea .messageContent_f9f2ca {
+ position: relative;
+ background-color: hsl(var(--accent-hsl), 0.3);
+ border-radius: calc(var(--message-radius) / 1.4);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.mentioned_d5deea .messageContent_f9f2ca:hover {
+ background-color: hsl(var(--accent-hsl), 0.375);
+}
+.mentioned_d5deea .messageContent_f9f2ca a {
+ color: hsl(var(--accent-hsl));
+}
+.mentioned_d5deea .messageContent_f9f2ca .wrapper_bf1b19 {
+ background-color: transparent;
+}
+.mentioned_d5deea .messageContent_f9f2ca .wrapper_bf1b19:before {
+ display: none;
+}
+.mentioned_d5deea .contents_f9f2ca .messageContent_f9f2ca {
+ margin: 0 -4px;
+ padding: 0 4px;
+}
+.mentioned_d5deea .repliedMessage_f9f2ca .messageContent_f9f2ca {
+ padding: 0 1px 0 4px;
+}
+
+.avatarDecoration_f9f2ca {
+ top: 0;
+ left: -54px;
+}
+
+.messageListItem_d5deea,
+.quotedChatMessage_d5deea {
+ margin-left: 68px;
+ margin-right: 10px;
+}
+
+.operations_ed9386 > a {
+ color: hsl(var(--accent-hsl));
+}
+
+.scrollerSpacer_e2e187 {
+ height: 20px !important;
+}
+
+.mention::selection {
+ background: hsl(var(--accent-hsl), 0.5);
+ color: var(--accent-text-color--material-you);
+}
+
+/* MESSAGES -> BADGES */
+.badge_e17ac7 {
+ background-color: var(--attachment-color);
+}
+
+.popout_e17ac7 {
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+}
+.popout_e17ac7 .popoutHeaderContainer_e17ac7 {
+ padding: 12px;
+ background-color: transparent;
+ border-bottom: 1px solid var(--popout-header-border);
+}
+
+/* MESSAGES -> NEW MESSAGES DIVIDER */
+.divider_d5deea .content_c2654d {
+ background-color: var(--message-color-hover);
+}
+.divider_d5deea.isUnread_c2654d {
+ margin: 0 0.875rem 0 80px;
+ border-color: hsl(var(--accent-hsl--material-you));
+}
+.divider_d5deea.isUnread_c2654d .unreadPill_c2654d {
+ height: 28px;
+ top: -15px;
+ padding: 0 16px;
+ background-color: hsl(var(--accent-hsl--material-you));
+ border-radius: 14px;
+ box-shadow: var(--shadow-3dp);
+ font-size: 14px;
+ font-weight: 500;
+ text-transform: capitalize;
+ color: var(--accent-text-color--material-you);
+}
+.divider_d5deea.isUnread_c2654d .unreadPill_c2654d .unreadPillCap_c2654d {
+ display: none;
+}
+.divider_d5deea.isUnread_c2654d.hasContent_d5deea .content_c2654d {
+ background-color: hsl(var(--accent-hsl--material-you));
+ color: var(--accent-text-color--material-you);
+}
+.divider_d5deea.hasContent_d5deea {
+ margin-left: 1rem;
+}
+
+/* MESSAGES -> ERROR BAR */
+.messagesErrorBar_cf58b5 {
+ width: auto;
+ height: 36px;
+ left: auto;
+ right: 16px;
+ bottom: 24px;
+ padding: 0;
+ border-radius: 18px;
+ box-shadow: var(--shadow-2dp);
+ transition: var(--default-time) var(--default-animation) box-shadow;
+}
+.messagesErrorBar_cf58b5:hover {
+ box-shadow: var(--shadow-3dp);
+}
+.messagesErrorBar_cf58b5 .barButtonBase_cf58b5 {
+ background-color: transparent;
+ color: var(--alert-text-color);
+ box-shadow: none;
+}
+.messagesErrorBar_cf58b5 .barButtonMain_cf58b5 {
+ min-width: 36px;
+ padding: 0 12px 0 12px;
+ flex: 0 1 auto;
+ border-radius: 0;
+}
+.messagesErrorBar_cf58b5 .barButtonMain_cf58b5:after {
+ position: absolute;
+ content: " ";
+ width: 0.5px;
+ height: 100%;
+ top: 0;
+ right: 0;
+ background-color: var(--alert-text-color);
+}
+.messagesErrorBar_cf58b5 .barButtonAlt_cf58b5 {
+ margin-left: 0;
+ font-size: 14px;
+ font-weight: 500;
+}
+
+/*
+ *
+ * MESSAGE POLLS
+ *
+ */
+.pollContainer_b558d0 {
+ background-color: var(--attachment-color);
+ border-radius: var(--media-radius);
+}
+.pollContainer_b558d0 .answersContainer_cf2c85 {
+ padding: 0;
+ background-color: transparent;
+}
+.pollContainer_b558d0 .radioBackground_b97e9a {
+ fill: hsl(var(--accent-hsl--material-you));
+}
+
+.answer_cf2c85.votedStyles_b5cb3c .answerInner_cf2c85 {
+ outline-color: hsl(var(--accent-hsl--material-you));
+}
+.answer_cf2c85:not(.votedStyles_b5cb3c) .answerInner_cf2c85 {
+ outline-color: transparent !important;
+}
+
+.answerInner_cf2c85 {
+ background-color: var(--card-color-filled);
+ border-radius: calc(var(--media-radius) / 1.65);
+}
+.answerInner_cf2c85.currentlyVoting_cf2c85:hover {
+ background-color: var(--card-color-hover);
+}
+.answerInner_cf2c85.currentlyVoting_cf2c85.selected_cf2c85 {
+ background-color: var(--card-color-active);
+}
+.answerInner_cf2c85.currentlyVoting_cf2c85.selected_cf2c85 circle,
+.answerInner_cf2c85.currentlyVoting_cf2c85.selected_cf2c85 path {
+ fill: hsl(var(--accent-hsl--material-you));
+}
+.answerInner_cf2c85.currentlyVoting_cf2c85 path {
+ fill: var(--text-normal);
+}
+
+.votePercentageBar_cf2c85 {
+ background-color: hsl(from hsl(var(--accent-hsl--material-you)) h calc(s * 1.5) l/0.25);
+}
+
+.answerSelectionIcon_cf2c85 circle {
+ fill: var(--accent-text-color--material-you);
+}
+.answerSelectionIcon_cf2c85 path {
+ fill: hsl(var(--accent-hsl--material-you));
+}
+
+/*
+ *
+ * MESSAGE REACTIONS
+ *
+ */
+.reactions_ec6b19 {
+ margin: 8px 0 0 0;
+ padding-bottom: 0;
+ gap: 4px;
+}
+.reactions_ec6b19 > div:empty {
+ margin-left: -4px;
+}
+.reactions_ec6b19 .reactionBtn_ec6b19 path {
+ d: path("M12,17.5C14.33,17.5 16.3,16.04 17.11,14H6.89C7.69,16.04 9.67,17.5 12,17.5M8.5,11A1.5,1.5 0 0,0 10,9.5A1.5,1.5 0 0,0 8.5,8A1.5,1.5 0 0,0 7,9.5A1.5,1.5 0 0,0 8.5,11M15.5,11A1.5,1.5 0 0,0 17,9.5A1.5,1.5 0 0,0 15.5,8A1.5,1.5 0 0,0 14,9.5A1.5,1.5 0 0,0 15.5,11M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z");
+}
+.reactions_ec6b19 .reactionBtn_ec6b19 path ~ path {
+ display: none;
+}
+
+.reaction_f61c73, .reaction_ec6b19 {
+ margin: 0;
+ background-color: transparent;
+ border-radius: 8px;
+ border-color: var(--separator-color);
+}
+.reaction_f61c73:hover, .reaction_ec6b19:hover {
+ background-color: var(--menu-item-hover);
+}
+.reaction_f61c73.reactionMe_f61c73, .reaction_ec6b19.reactionMe_f61c73, .reaction_f61c73.reactionMe_ec6b19, .reaction_ec6b19.reactionMe_ec6b19 {
+ background-color: hsl(var(--accent-hsl--material-you), 0.2);
+ border-color: hsl(var(--accent-hsl--material-you));
+}
+.reaction_f61c73.reactionMe_f61c73 .reactionCount_f61c73, .reaction_ec6b19.reactionMe_f61c73 .reactionCount_f61c73, .reaction_f61c73.reactionMe_ec6b19 .reactionCount_f61c73, .reaction_ec6b19.reactionMe_ec6b19 .reactionCount_f61c73, .reaction_f61c73.reactionMe_f61c73 .reactionCount_ec6b19, .reaction_ec6b19.reactionMe_f61c73 .reactionCount_ec6b19, .reaction_f61c73.reactionMe_ec6b19 .reactionCount_ec6b19, .reaction_ec6b19.reactionMe_ec6b19 .reactionCount_ec6b19 {
+ color: hsl(var(--accent-hsl--material-you));
+}
+
+/* MESSAGE REACTIONS -> REVERT BUTTONS TO REACTION STYLE */
+.component_d53fb7.lookFilled_dd4f85 {
+ --button-height: 28px;
+ --button-padding: 0 8px;
+ --button-background: var(--input-color-alt);
+ --button-text-color: var(--input-text-color);
+}
+.component_d53fb7.lookFilled_dd4f85 .emoji {
+ width: calc(var(--button-height) - 8px);
+ height: calc(var(--button-height) - 8px);
+}
+.component_d53fb7.lookFilled_dd4f85.colorBrand_dd4f85 {
+ --button-background: hsl(var(--accent-hsl--material-you));
+ --button-text-color: var(--accent-text-color--material-you);
+}
+
+/*
+ *
+ * CONTEXT MENU QUICK REACTIONS
+ *
+ */
+.button_a24e84 {
+ background-color: var(--menu-item-hover);
+}
+.button_a24e84:hover {
+ background-color: var(--menu-item-select);
+}
+
+/*
+ *
+ * SPOILERS
+ *
+ */
+.spoilerContent_a3d0f7 {
+ background-color: var(--attachment-color) !important;
+}
+
+/*
+ *
+ * SUMMARY CONTENT
+ *
+ */
+.summaryStartContent_cabeb6 {
+ margin-left: 0;
+ background-color: hsl(var(--accent-hsl--material-you));
+ border-radius: 13px !important;
+ color: var(--accent-text-color--material-you);
+}
+.summaryStartContent_cabeb6 .summaryStartIcon_cabeb6 {
+ color: inherit;
+}
+
+.summaryEndContent_cabeb6 {
+ height: auto;
+ padding: 0 !important;
+}
+
+.summaryEndIcon_cabeb6 {
+ position: relative;
+ top: -4px;
+ padding-left: 16px;
+ background-color: var(--chat-color);
+ color: hsl(var(--accent-hsl--material-you));
+}
+
+.summaryDividerEnd_cabeb6 {
+ top: 0 !important;
+ margin-top: 1.5em !important;
+}
+
+.summaryFeedbackWrapper_cabeb6 {
+ margin-left: 0;
+ padding: 4px 12px;
+ background-color: hsl(var(--accent-hsl--material-you));
+ border-radius: 13px;
+}
+.summaryFeedbackWrapper_cabeb6 .text-xs\/medium_dc00ef {
+ font-size: 14px;
+ color: var(--accent-text-color--material-you) !important;
+}
+.summaryFeedbackWrapper_cabeb6 .thumbIcon_cabeb6 {
+ padding: 3px;
+ background-color: var(--accent-text-color--material-you);
+ color: hsl(var(--accent-hsl--material-you));
+}
+
+/*
+ *
+ * ACCEPT RULES
+ *
+ */
+.guildSidebar_a74b6f {
+ padding: 0;
+ background-color: transparent;
+ border-right: 1px solid var(--card-border-color);
+}
+.guildSidebar_a74b6f > div:not([class]):first-child {
+ padding: 24px;
+}
+.guildSidebar_a74b6f > div:not([class]):last-child {
+ display: flex;
+ position: relative;
+ padding: 0 24px 24px;
+}
+.guildSidebar_a74b6f > div:not([class]):last-child .flex_bba380 {
+ height: 36px;
+ margin-right: 8px;
+ margin-bottom: 0;
+}
+.guildSidebar_a74b6f .iconSizeLarge-_r2zCK {
+ border-radius: 50%;
+}
+.guildSidebar_a74b6f .divider_a74b6f {
+ border-bottom-color: var(--card-border-color);
+}
+
+.modal_a74b6f {
+ background-color: transparent;
+}
+.modal_a74b6f .content_a74b6f {
+ padding-bottom: 0;
+}
+.modal_a74b6f .divider_a74b6f {
+ border-bottom-color: var(--card-border-color);
+}
+.modal_a74b6f .requirementContainer_b007eb, .modal_a74b6f .fieldBackground_bd5b94, .modal_a74b6f .fieldBackground_bd5b94:hover:not(:focus) {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+.modal_a74b6f .fieldBackground_bd5b94, .modal_a74b6f .fieldBackground_bd5b94:hover:not(:focus) {
+ padding: 0;
+}
+.modal_a74b6f .termsRow_bd5b94 {
+ padding: 16px;
+ position: relative;
+ border-bottom: none;
+}
+.modal_a74b6f .termsRow_bd5b94:after {
+ position: absolute;
+ content: " ";
+ width: calc(100% - 16px * 2);
+ height: 1px;
+ right: 0;
+ bottom: 0;
+ margin: 0 16px;
+ background-color: var(--card-border-color);
+}
+.modal_a74b6f .termsRow_bd5b94:last-of-type:after {
+ display: none;
+}
+.modal_a74b6f .footer_f9a4c9 .button_dd4f85 .contents_dd4f85, .modal_a74b6f .modalFooter_b5918e .button_dd4f85 .contents_dd4f85 {
+ width: 70px;
+}
+
+.termsFieldBody_cd377c {
+ background-color: var(--card-color-hover);
+ border-radius: var(--card-radius-big);
+}
+
+.overlay_cd377c {
+ display: none;
+}
+
+/*
+ *
+ * ACCOUNT SWITCHER
+ *
+ */
+.list_f20a46 {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 0;
+ border-radius: var(--card-radius-big);
+}
+.list_f20a46 .accountCard_f20a46 {
+ padding: 16px;
+ background-color: transparent;
+ border-radius: var(--card-radius-big);
+ position: relative;
+ border-bottom: none;
+}
+.list_f20a46 .accountCard_f20a46:after {
+ position: absolute;
+ content: " ";
+ width: calc(100% - 16px * 2);
+ height: 1px;
+ right: 0;
+ bottom: 0;
+ margin: 0 16px;
+ background-color: var(--card-border-color);
+}
+.list_f20a46 .accountCard_f20a46:last-of-type:after {
+ display: none;
+}
+.list_f20a46 .sizeIcon_dd4f85 {
+ --button-height: 32px;
+ --button-padding: 0;
+ width: var(--button-height);
+ position: relative;
+}
+.list_f20a46 .sizeIcon_dd4f85:after {
+ content: " ";
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ background-color: hsl(var(--md-ripple-color), 0.1);
+ border-radius: 50%;
+ opacity: 0;
+ pointer-events: none;
+ transform: scale(1.2);
+ transition: 300ms ease;
+ z-index: 4;
+}
+.list_f20a46 .sizeIcon_dd4f85:hover:after {
+ opacity: 1;
+ transform: scale(1.2);
+ animation: scale 150ms var(--default-animation), opacity 150ms ease;
+}
+.list_f20a46 .sizeIcon_dd4f85:active:after {
+ background-color: hsl(var(--md-ripple-color), 0.2);
+}
+.list_f20a46 .sizeIcon_dd4f85 .contents_dd4f85 {
+ height: 24px;
+ transform: rotate(90deg);
+}
+.list_f20a46 .separator_f20a46 {
+ display: none;
+}
+
+.actions_f31a4d {
+ margin: 16px 0 0;
+}
+
+/* ACCOUNT SWITCHER -> ADD ACCOUNT */
+.root_f9a4c9 .authBoxExpanded_dc6abe {
+ background-color: transparent !important;
+ box-shadow: none !important;
+}
+
+.authBoxExpanded_dc6abe .info_f20685, .authBoxExpanded_dc6abe .infoText-1-X8oU, .authBoxExpanded_dc6abe .info_dc0d6d {
+ border-radius: var(--card-radius-big);
+}
+
+/*
+ *
+ * ACTIVE THREADS
+ *
+ */
+.container-3GP6AV {
+ background-color: transparent;
+}
+.container-3GP6AV .header-3cSJjT {
+ padding: 4px 16px;
+ background-color: transparent;
+ border-bottom: 1px solid var(--popout-header-border);
+}
+
+.container_acb8b3 {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.container_acb8b3:hover {
+ background-color: var(--card-color-hover);
+}
+
+.root_f9a4c9 .container_e664f3 {
+ background-color: transparent;
+ border-radius: 0;
+ box-shadow: none;
+}
+
+body:active .root_f9a4c9 .container_e664f3:not(:active) {
+ opacity: 1;
+}
+
+/*
+ *
+ * ACTIVITES MODAL
+ *
+ */
+.modalDivider_cd3d24 {
+ display: none;
+}
+
+.scrollTierBackground_f09e45 {
+ background-color: transparent;
+}
+.scrollSection_f09e45 {
+ padding: 0 calc(16px - var(--scrollbar-thin-width)) 0 16px;
+}
+
+.tierCtaContainer__81542 {
+ padding-top: 0;
+}
+
+.shelf_f09e45 {
+ grid-gap: 16px 12px;
+}
+
+.activityItem_d46b95 {
+ --card-color-hover: var(--card-color-active);
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 0;
+ border-radius: var(--card-radius-big);
+ transition: var(--default-time) var(--default-animation) background-color;
+ box-shadow: none;
+}
+.activityItem_d46b95:hover {
+ background-color: var(--card-color-hover);
+}
+
+.activityTag_d46b95 {
+ background-color: transparent;
+ border-radius: 6px;
+ border: 1px solid var(--card-border-color);
+}
+
+.activityImageContainer_d46b95 {
+ border-radius: var(--card-radius-big);
+}
+
+/* ACTIVITES MODAL -> SUGGESTED ACTIVITES */
+.container_b572de {
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+}
+
+.activityItem_ec77c5 {
+ border-radius: calc(var(--popout-radius-big) / 1.5);
+}
+
+.wumpusRocketInnerContainer_b572de {
+ background: linear-gradient(270deg, var(--popout-color), var(--popout-color) 90%, transparent);
+}
+
+/*
+ *
+ * ADD PAYMENT METHOD MODAL
+ *
+ */
+.modalTitle_c22d1f {
+ padding: 24px 24px 16px;
+}
+.modalTitle_c22d1f .title_c46f6a {
+ line-height: 24px;
+ font-size: 22px;
+ font-weight: 400;
+ color: var(--header-primary);
+ text-transform: none;
+}
+.modalTitle_c22d1f .close_f9a4c9 {
+ position: absolute;
+ width: 32px;
+ height: 32px;
+ top: 22px;
+ right: 22px;
+ margin: 0;
+ padding: 0;
+}
+
+.content_cc6017 {
+ background-color: transparent;
+}
+.content_cc6017 .scrollerBase_eed6a8 {
+ padding: 0 calc(24px - var(--scrollbar-thin-width)) 0 24px !important;
+}
+.content_cc6017 .body_bb2fc6 {
+ padding: 0;
+}
+.content_cc6017 .wrap_e504b7:not(:empty) {
+ display: grid;
+ grid-gap: 8px;
+ grid-template-columns: 1fr 1fr;
+ grid-template-rows: minmax(auto, 1fr);
+ padding-bottom: 24px;
+}
+.content_cc6017 .button_b78763 {
+ width: auto;
+ margin: 0;
+}
+
+/* ADD PAYMENT METHOD MODAL -> INPUTS */
+.cardInput_c04e45 {
+ padding: 8.41px 12px;
+ background-color: var(--input-color);
+ border-radius: var(--input-radius);
+ line-height: var(--input-height);
+}
+.cardInput_c04e45.cardNumberInput_c04e45 {
+ padding-left: 55px;
+}
+
+.cardIcon_c04e45, .paypalIcon_c40e61 {
+ top: 6px;
+}
+
+.paypalIcon_c40e61 + .inputWrapper_f8bc55 .input_f8bc55 {
+ padding-left: 48px;
+}
+
+/*
+ *
+ * CREATE/JOIN SERVER
+ *
+ */
+.templatesList_fc9dae,
+.optionsList_f5507e {
+ margin-top: 0;
+}
+
+.container_a47d49 {
+ position: relative;
+ margin-top: 8px;
+ margin-bottom: 0;
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 0;
+ border-radius: var(--card-radius-big);
+ transition: var(--default-time) var(--default-animation) background-color;
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.container_a47d49:hover {
+ background-color: var(--card-color-hover);
+}
+.container_a47d49:first-child {
+ margin-top: 0;
+}
+.container_a47d49:after {
+ position: absolute;
+ content: " ";
+ width: 24px;
+ height: 24px;
+ top: 0;
+ right: 16px;
+ bottom: 0;
+ margin: auto 0;
+ background-color: var(--text-muted);
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/chevron_right.svg);
+ -webkit-mask-repeat: no-repeat;
+ -webkit-mask-size: 100%;
+ mask-size: 100%;
+}
+.container_a47d49 .text_a47d49 {
+ color: var(--text-normal);
+}
+.container_a47d49 .arrow_a47d49 {
+ display: none;
+}
+
+.rowContainer-3t7486 {
+ margin-bottom: 0;
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.rowContainer-3t7486:hover {
+ background-color: var(--card-color-hover);
+}
+.rowContainer-3t7486:hover {
+ background-color: var(--card-color-hover);
+}
+
+.footer_fc9dae {
+ gap: 8px !important;
+}
+.footer_fc9dae .footerTitle_fc9dae {
+ margin-bottom: 0;
+}
+
+.optionHeader_fc9dae {
+ font-size: 14px;
+ text-transform: none;
+}
+
+.input-m1-Y7Q {
+ background-color: var(--popout-color);
+}
+
+.skip_f5507e {
+ margin-top: 16px;
+ margin-bottom: 0;
+}
+
+/*
+ *
+ * AUTHENTICATION
+ *
+ */
+.listItemContainer_c03fd3 {
+ margin-bottom: 4px;
+ background-color: var(--card-color-filled);
+ border: none;
+ transition: var(--default-time) var(--default-animation) background-color;
+ border-radius: 4px;
+}
+.listItemContainer_c03fd3:first-of-type {
+ border-radius: var(--card-radius-big) var(--card-radius-big) 4px 4px;
+}
+.listItemContainer_c03fd3:nth-of-type(4) {
+ border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
+}
+.listItemContainer_c03fd3:hover {
+ background-color: var(--card-color-hover);
+}
+
+/*
+ *
+ * AUTHORIZE APP
+ *
+ */
+.oauth2Wrapper_c2b22e {
+ min-height: 100px;
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+ overflow: hidden;
+}
+.oauth2Wrapper_c2b22e .authorize_c5a065 {
+ background-color: transparent;
+}
+.oauth2Wrapper_c2b22e .authorize_c5a065 .header_ac2a99 {
+ padding: 24px 24px 16px;
+ border-radius: 0;
+ border-bottom: none;
+}
+.oauth2Wrapper_c2b22e .authorize_c5a065 .scrollContent-_1I-44 {
+ padding: 0 !important;
+}
+.oauth2Wrapper_c2b22e .authorize_c5a065 .scrollContent-_1I-44 div:last-child {
+ padding-bottom: 0;
+}
+.oauth2Wrapper_c2b22e .authorize_c5a065 .scrollContent-_1I-44 .scopes_cf14a8 {
+ border-bottom: 1px solid var(--popout-header-border);
+}
+.oauth2Wrapper_c2b22e .authorize_c5a065 .scrollContent-_1I-44 .scopes_cf14a8,
+.oauth2Wrapper_c2b22e .authorize_c5a065 .scrollContent-_1I-44 .selectorGroup__6407f,
+.oauth2Wrapper_c2b22e .authorize_c5a065 .scrollContent-_1I-44 .applicationDetails_d6f023 {
+ padding: 16px 24px;
+}
+.oauth2Wrapper_c2b22e .authorize_c5a065 .scrollContent-_1I-44 .entry_d6f023 {
+ margin-top: 0;
+ margin-bottom: 8px;
+}
+.oauth2Wrapper_c2b22e .authorize_c5a065 .scrollContent-_1I-44 .entry_d6f023:last-child {
+ margin-bottom: 0;
+}
+.oauth2Wrapper_c2b22e .authorize_c5a065 .scrollContent-_1I-44 .base-21yXnu {
+ font-size: 14px;
+ text-transform: none;
+}
+.oauth2Wrapper_c2b22e .captcha__51560 {
+ padding: 0 24px 24px !important;
+}
+.oauth2Wrapper_c2b22e .wrapper_e1a4cf {
+ padding: 24px;
+}
+
+.content_c5a065 {
+ padding: 0 24px;
+}
+
+.discordConsentBody-3Jlf8_ {
+ margin: 0;
+ padding: 0 calc(24px - var(--scrollbar-thin-width)) 0 24px;
+}
+
+.scopes_cf14a8,
+.applicationDetails_d6f023 {
+ padding: 16px 0;
+}
+
+.applicationDetails_d6f023:last-child {
+ padding-bottom: 0;
+}
+
+.scopes_cf14a8 {
+ padding-bottom: 0;
+ border-bottom: none;
+}
+
+.scopes_cf14a8 .defaultColor__77578, .scopes_cf14a8 .defaultColor_e9e35f, .scopes_cf14a8 .defaultColor_a595eb,
+.selectorGroup__6407f .defaultColor__77578,
+.selectorGroup__6407f .defaultColor_e9e35f,
+.selectorGroup__6407f .defaultColor_a595eb {
+ font-size: 14px;
+ text-transform: none;
+}
+
+.scope_cf14a8 {
+ margin: 0;
+ padding: 8px 16px;
+ background-color: var(--card-color-filled);
+}
+.scope_cf14a8:first-of-type {
+ padding-top: 16px;
+ border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
+}
+.scope_cf14a8:last-of-type {
+ padding-bottom: 16px;
+ border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
+}
+
+.sectionGroup__5e13c {
+ padding-left: 24px;
+ padding-right: 24px;
+}
+.sectionGroup__5e13c:first-of-type {
+ padding-top: 0;
+}
+
+.botPermissions_a06cfc {
+ padding: 0;
+ border-bottom: none;
+}
+
+.permissionsList_a06cfc {
+ max-height: 25vh;
+ margin-top: 16px;
+ padding: 16px;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+ overflow-y: scroll;
+}
+.permissionsList_a06cfc .permission_a06cfc:first-of-type {
+ margin-top: 0;
+}
+
+.footer_c5a065 {
+ margin-top: 0;
+ padding: 24px;
+ background-color: transparent;
+}
+
+/*
+ *
+ * BAN USER MODAL
+ *
+ */
+.banReasonOtherClickable-8EKPlQ {
+ --card-color-hover: var(--card-color-active);
+ margin-top: 16px;
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 12px;
+ border-radius: var(--card-radius-big);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.banReasonOtherClickable-8EKPlQ:hover {
+ background-color: var(--card-color-hover);
+}
+
+/*
+ *
+ * BETTERDISCORD ERRORS
+ *
+ */
+.bd-error-modal-header {
+ padding: 24px 24px 0 !important;
+ border-bottom: 1px solid var(--popout-header-border);
+}
+.bd-error-modal-header .size14_fb468f {
+ font-size: 22px;
+ text-transform: none;
+ font-weight: 400;
+}
+
+.bd-error-modal-content {
+ padding-top: 16px !important;
+}
+
+.bd-tab-bar {
+ height: 40px;
+ margin-left: -8px;
+}
+.bd-tab-bar .bd-tab-item {
+ height: inherit;
+ margin-right: 8px;
+ padding: 0 8px;
+ border-radius: 0;
+ color: var(--interactive-normal);
+}
+.bd-tab-bar .bd-tab-item {
+ background-color: transparent;
+}
+.bd-tab-bar .bd-tab-item:hover {
+ color: var(--interactive-hover);
+}
+.bd-tab-bar .bd-tab-item.selected {
+ position: relative;
+ background-color: transparent !important;
+ border: none;
+ color: var(--interactive-normal);
+}
+.bd-tab-bar .bd-tab-item.selected:after {
+ position: absolute;
+ content: " ";
+ width: 75%;
+ height: 3px;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ margin: 0 auto;
+ background: var(--tab-border-color);
+ border-radius: 3px 3px 0 0;
+ transition: var(--default-time) ease all;
+}
+.bd-tab-bar .bd-tab-item:last-of-type {
+ margin-right: 0;
+}
+
+.bd-error-modal-content {
+ padding-bottom: 0;
+}
+
+.bd-addon-errors {
+ margin-top: 0;
+}
+
+.bd-addon-error {
+ background-color: var(--card-color-filled) !important;
+ border: none !important;
+ padding: 0;
+ border-radius: var(--card-radius-big) !important;
+}
+.bd-addon-error:last-of-type {
+ margin-bottom: 0;
+}
+.bd-addon-error .bd-addon-error-header {
+ padding: 16px;
+}
+.bd-addon-error .bd-addon-error-icon {
+ background-color: var(--attachment-color);
+}
+.bd-addon-error .bd-addon-error-body {
+ padding: 0 16px 16px;
+}
+.bd-addon-error .bd-divider {
+ display: none;
+}
+.bd-addon-error .bd-addon-error-stack code {
+ background-color: var(--attachment-color);
+ border-radius: var(--card-radius);
+ border: none;
+}
+
+/*
+ *
+ * BETTERDISCORD MODALS
+ *
+ */
+.bd-modal-header {
+ padding: 24px 24px 16px;
+}
+.bd-modal-header .bd-header-primary {
+ font-size: 22px;
+ font-weight: 400;
+ color: var(--header-primary);
+}
+
+.bd-modal-content {
+ padding: 0 24px;
+ color: var(--text-normal);
+}
+
+.bd-modal-footer {
+ padding: 24px;
+ background-color: transparent;
+}
+.bd-modal-footer .bd-button {
+ min-height: var(--button-height);
+ height: var(--button-height);
+ padding: var(--button-padding);
+ font-size: 14px;
+}
+
+/*
+ *
+ * CHANGE AVATAR
+ *
+ */
+.optionBox_f2f431 {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.optionBox_f2f431:hover {
+ background-color: var(--card-color-hover);
+}
+.optionBox_f2f431:hover {
+ border-color: hsl(var(--accent-hsl--material-you));
+}
+
+.contentCircle_f2f431 {
+ background-color: hsl(var(--accent-hsl--material-you));
+}
+.contentCircle_f2f431 .uploadIcon_f2f431 {
+ color: var(--accent-text-color--material-you);
+}
+
+.imageSpecifications_f2f431:empty {
+ margin-top: 0;
+ padding: 0;
+}
+
+/*
+ *
+ * CLIPS MODALS
+ *
+ */
+.settingsButton_b0623a {
+ width: var(--button-height);
+ height: var(--button-height);
+ margin-right: 32px;
+}
+.settingsButton_b0623a + .close_f9a4c9 {
+ top: 28px !important;
+}
+
+.clipItem_fcf712 {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+ filter: none;
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.clipItem_fcf712:hover {
+ background-color: var(--card-color-active);
+ filter: none;
+}
+.clipItem_fcf712:focus-within {
+ background-color: var(--card-color-active);
+}
+.clipItem_fcf712 .input_f8bc55 {
+ --input-color: var(--card-color-hover) !important;
+}
+
+.clipThumb_fcf712 {
+ background-color: var(--card-color-alt);
+ border-radius: calc(var(--card-radius-big) / 1.8);
+}
+
+.clipBadge_fcf712 {
+ background-color: var(--card-button-color);
+ border-radius: calc(var(--card-radius-big) / 3);
+}
+
+.buttonContainer_fcf712 {
+ display: flex;
+}
+.buttonContainer_fcf712 .button_dd4f85 {
+ width: var(--button-height);
+ height: var(--button-height);
+ padding: 0;
+}
+.buttonContainer_fcf712 .button_dd4f85:first-child {
+ --button-background: hsl(var(--alert-hsl));
+ --button-text-color: var(--alert-text-color);
+}
+
+/* CLIPS MODALS -> EDIT CLIP */
+.centeringWrapper_bb2184 {
+ transform: translateY(6px);
+}
+
+.timePillBackground_bb2184 {
+ background-color: hsl(var(--accent-hsl--material-you));
+}
+.timePillBackground_bb2184 .timePillText_bb2184 {
+ font-weight: 500;
+ color: var(--accent-text-color--material-you) !important;
+}
+
+.playPauseButtonWrapper_bb2184 {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big) 0 0 var(--card-radius-big);
+}
+
+.timelineBackground_bb2184 {
+ border-radius: 0 var(--card-radius-big) var(--card-radius-big) 0;
+}
+
+.dragBox_bb2184 {
+ border-color: hsl(var(--accent-hsl--material-you));
+}
+
+.dragHandle_bb2184 {
+ background-color: hsl(var(--accent-hsl--material-you));
+}
+.dragHandle_bb2184.dragHandleLeft_bb2184 {
+ border-radius: var(--card-radius-big) 0 0 var(--card-radius-big);
+}
+.dragHandle_bb2184.dragHandleRight_bb2184 {
+ border-radius: 0 var(--card-radius-big) var(--card-radius-big) 0;
+}
+.dragHandle_bb2184 .cropLeftArrow_bb2184,
+.dragHandle_bb2184 .cropRightArrow_bb2184 {
+ width: 20px;
+ height: 20px;
+ background-image: none;
+ background-color: var(--accent-text-color--material-you);
+ -webkit-mask-repeat: no-repeat;
+}
+.dragHandle_bb2184 .cropLeftArrow_bb2184 {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/chevron_left.svg);
+}
+.dragHandle_bb2184 .cropRightArrow_bb2184 {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/chevron_right.svg);
+}
+
+.playhead_bb2184 {
+ background-color: hsl(var(--accent-hsl--material-you));
+ box-shadow: var(--shadow-2dp);
+}
+
+.clipForm_b00e1b {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 0;
+ border-radius: var(--card-radius-big);
+}
+.clipForm_b00e1b .container_ed1d57 {
+ margin-bottom: 16px !important;
+}
+.clipForm_b00e1b .root_a1f5c2,
+.clipForm_b00e1b .userList_b00e1b {
+ background-color: var(--card-color-active);
+ border-radius: var(--card-radius-big);
+}
+.clipForm_b00e1b .nameSection_a1f5c2 {
+ border-bottom: none;
+}
+.clipForm_b00e1b .timeContainer_a1f5c2 {
+ padding: 0 8px 8px;
+ gap: 8px;
+}
+.clipForm_b00e1b .timeContainer_a1f5c2 > div {
+ position: relative;
+ height: auto;
+ padding: 12px;
+ background-color: var(--card-color-filled);
+ border-radius: calc(var(--card-radius-big) / 1.8);
+ text-align: center;
+}
+.clipForm_b00e1b .timeContainer_a1f5c2 > div:first-child {
+ border-right: none;
+}
+.clipForm_b00e1b .userCountPill_e48bd3 {
+ background-color: var(--card-color-filled);
+}
+
+/* CLIPS MODAL -> RECENT CLIPS POPOUT */
+.recentClipsPopout_bd6a37 {
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+}
+.recentClipsPopout_bd6a37:after {
+ border-top-color: var(--popout-color);
+}
+.recentClipsPopout_bd6a37 .thumbnail_a71e15 {
+ border-radius: var(--card-radius);
+}
+
+/*
+ *
+ * CREATE INVITE
+ *
+ */
+.scroller-1xACMA {
+ padding-top: 0;
+}
+
+.inviteRow-2Vjla6 {
+ --button-height: 32px;
+ --button-outline: 1px solid hsl(var(--accent-hsl--material-you));
+ margin-right: calc(var(--scrollbar-thin-width));
+ padding: 12px;
+ border-radius: var(--card-radius);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.inviteRow-2Vjla6:hover {
+ background-color: var(--menu-item-hover) !important;
+}
+.inviteRow-2Vjla6 .button_dd4f85 {
+ width: auto;
+ transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) border, var(--default-time) var(--default-animation) color;
+}
+
+.content-17zlU6:before {
+ display: none;
+}
+
+.footer-Ql9fbL .input_f8bc55 {
+ --button-height: 28px;
+ padding: 0 6px 0 12px;
+ border-radius: var(--input-height);
+ box-shadow: none;
+}
+.footer-Ql9fbL .input_f8bc55 .input_f8bc55 {
+ padding: 0;
+ box-shadow: none;
+}
+
+.root_f9a4c9 .footer_f9a4c9 .input_f8bc55 .button_dd4f85, .root_f9a4c9 .modalFooter_b5918e .input_f8bc55 .button_dd4f85 {
+ width: auto;
+ margin-left: 8px;
+}
+
+.inviteBannerUpsell-1t_LYM {
+ background-color: var(--card-color-filled) !important;
+ border: none !important;
+ padding: 16px 0;
+ border-radius: var(--card-radius-big) !important;
+}
+.inviteBannerUpsell-1t_LYM .premiumIcon-3qxLdX {
+ margin-left: 16px;
+}
+
+.input_f8bc55 .copyInput_d7e343 {
+ padding: var(--input-padding);
+}
+.temporaryMembershipContainerBackground-13Hf5U {
+ margin-top: 8px;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+}
+.temporaryMembershipContainerBackground-13Hf5U:before {
+ display: none;
+}
+
+/*
+ *
+ * CREATE POLL
+ *
+ */
+.legend_c46f6a {
+ font-size: 14px;
+ text-transform: none;
+}
+
+.answerRow_d274ca {
+ display: flex;
+ padding: 16px 8px;
+ gap: 8px;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+}
+.answerRow_d274ca .expressionPickerButtonDefault_d274ca {
+ width: var(--button-height);
+ min-width: var(--button-height);
+ height: var(--button-height);
+}
+.answerRow_d274ca .expressionPickerIconDefault_d274ca {
+ margin-left: 0;
+}
+.answerRow_d274ca .removeAnswerButtonDefault_d274ca {
+ display: flex;
+ padding: 0;
+ align-items: center;
+ justify-content: center;
+}
+
+.defaultTextInputWrapper_d274ca {
+ width: 100%;
+ gap: 8px;
+ background-color: transparent;
+ border: none;
+}
+.defaultTextInputWrapper_d274ca > .defaultTextInput_d274ca {
+ padding: 0;
+}
+.defaultTextInputWrapper_d274ca .input_f8bc55 {
+ border-radius: var(--input-radius);
+ box-shadow: none;
+}
+.defaultTextInputWrapper_d274ca .characterCount_d274ca {
+ height: var(--input-height);
+ line-height: var(--input-height);
+ padding: 0;
+}
+
+.addAnswerButtonDefault_f24a96 {
+ height: var(--button-height);
+ line-height: var(--button-height);
+ background-color: transparent;
+ border-radius: var(--button-radius);
+ border: 1px solid hsl(var(--accent-hsl--material-you));
+ align-self: start;
+}
+.addAnswerButtonDefault_f24a96:hover {
+ background-color: transparent;
+}
+.addAnswerButtonDefault_f24a96 .addAnswerIconDefault_f24a96,
+.addAnswerButtonDefault_f24a96 .addAnswerButtonLabel_f24a96 {
+ color: hsl(var(--accent-hsl--material-you)) !important;
+}
+.addAnswerButtonDefault_f24a96 .addAnswerIconDefault_f24a96 {
+ height: var(--button-height);
+}
+.addAnswerButtonDefault_f24a96 .addAnswerButtonLabel_f24a96 {
+ padding: 0;
+ line-height: var(--button-height);
+}
+.addAnswerButtonDefault_f24a96.canRemoveMoreAnswers_f24a96 {
+ margin-right: 0;
+}
+
+/*
+ *
+ * EVENTS
+ *
+ */
+.card_cc2c09 {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.card_cc2c09:hover {
+ background-color: var(--card-color-hover);
+}
+.card_cc2c09 .rsvpCount_a4ec62 {
+ background-color: var(--menu-item-hover);
+}
+.card_cc2c09 .thumbnail_a4ec62 {
+ width: 200px;
+}
+.card_cc2c09 .divider_cc2c09 {
+ background-color: var(--card-border-color);
+}
+.card_cc2c09 .footer_cc2c09 {
+ overflow: visible;
+}
+
+.padding_cc2c09 {
+ padding: 0;
+}
+
+/* EVENTS -> EVENTS MODAL */
+.banner_b747e2 {
+ border-radius: var(--popout-radius-big);
+}
+
+.container_a31cc1 {
+ padding: 0 16px;
+ border-bottom-color: var(--popout-header-border);
+}
+
+.closeButton_a31cc1 {
+ width: 32px;
+ height: 32px;
+ right: 16px;
+ position: relative;
+ position: absolute;
+}
+.closeButton_a31cc1:after {
+ content: " ";
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ background-color: hsl(var(--md-ripple-color), 0.1);
+ border-radius: 50%;
+ opacity: 0;
+ pointer-events: none;
+ transform: scale(1.2);
+ transition: 300ms ease;
+ z-index: 4;
+}
+.closeButton_a31cc1:hover:after {
+ opacity: 1;
+ transform: scale(1.2);
+ animation: scale 150ms var(--default-animation), opacity 150ms ease;
+}
+.closeButton_a31cc1:active:after {
+ background-color: hsl(var(--md-ripple-color), 0.2);
+}
+.closeButton_a31cc1 .closeIcon_a31cc1 {
+ margin-right: 0;
+ background-color: transparent !important;
+}
+
+.header_ecbdaf,
+.body_ecbdaf {
+ padding: 16px 16px 0;
+}
+
+.container-3eB5yh .content_f9a4c9, .container-3eB5yh .content-3BqJRb {
+ width: auto !important;
+}
+.container-3eB5yh .content_f9a4c9 > div:not([class]):first-child, .container-3eB5yh .content-3BqJRb > div:not([class]):first-child {
+ margin-top: -16px;
+ margin-left: -16px;
+}
+
+.errorTitle_b5365d {
+ padding: 32px 0;
+}
+
+/* EVENTS -> CREATE EVENT */
+.selectedProgressBar_f2ceaa {
+ background-color: hsl(var(--accent-hsl--material-you));
+}
+
+.inline_a5724d {
+ gap: 16px;
+}
+
+.container-3zZkKh {
+ margin-top: 16px;
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 0;
+ border-radius: var(--card-radius-big);
+}
+
+.formItem-3mtwAA {
+ margin-top: 16px;
+}
+.formItem-3mtwAA .inputWrapper_f8bc55 {
+ --input-height: auto;
+}
+
+.container_f4830e {
+ height: var(--input-height);
+ max-height: var(--input-height);
+ padding: var(--input-padding);
+ background-color: var(--input-color);
+ border-radius: calc(var(--input-height) / 2);
+ border: none;
+ box-shadow: none !important;
+}
+.container_f4830e .content_f4830e {
+ height: var(--input-height);
+}
+
+.avatarUploaderInnerSquare_e9b3be {
+ border-radius: var(--card-radius-big);
+}
+
+.previewCard_f9a98f {
+ background-color: var(--card-color-filled) !important;
+ border: none !important;
+ padding: 16px;
+ border-radius: var(--card-radius-big) !important;
+}
+.previewCard_f9a98f .container_f87f77 {
+ margin: -16px -16px 16px;
+ border-radius: var(--card-radius-big);
+}
+
+.eventStatusBrand__08773,
+.eventStatusLabel_d6a475 {
+ color: hsl(var(--accent-hsl--material-you)) !important;
+}
+
+/*
+ *
+ * FAVORITES MODAL
+ *
+ */
+.header-eqLiHQ {
+ margin-top: 0;
+ margin-bottom: 16px;
+ text-align: left;
+ font-weight: 400;
+ font-size: 22px;
+}
+
+.closeButton-2JycqK {
+ top: 26px;
+ right: 12px;
+ padding: 0;
+}
+
+.name-33lnjT {
+ margin: 0;
+}
+
+/*
+ *
+ * FEATURE MESSAGE
+ *
+ */
+.featureModalMessage__57f8c {
+ background-color: transparent !important;
+ box-shadow: none !important;
+}
+.featureModalMessage__57f8c .wrapper_f9f2ca {
+ --message-color: var(--message-color-alt);
+ margin: 0 0 0 52px !important;
+}
+.featureModalMessage__57f8c .wrapper_f9f2ca:hover {
+ --message-color-hover: var(--message-color-alt);
+}
+.featureModalMessage__57f8c .wrapper_f9f2ca .avatar_f9f2ca {
+ left: -52px !important;
+}
+
+/*
+ *
+ * MODALS
+ *
+ */
+.root_f9a4c9 {
+ background-color: var(--popout-color) !important;
+ border-radius: var(--popout-radius-big) !important;
+ box-shadow: var(--shadow-3dp) !important;
+}
+.root_f9a4c9.container_f4e139, .root_f9a4c9.modal_aee8c6, .root_f9a4c9.carouselModal_d2b9a1 {
+ background-color: transparent !important;
+ box-shadow: none !important;
+}
+.root_f9a4c9.small_f9a4c9 {
+ min-height: 75px;
+}
+.root_f9a4c9.modal__4f3da .modalContent-33IoUE {
+ max-height: 580px;
+}
+.root_f9a4c9 .header_f9a4c9 {
+ margin: 0;
+ padding: 24px 24px 16px;
+ background-color: transparent;
+ border-radius: var(--popout-radius-big) var(--popout-radius-big) 0 0;
+ box-shadow: none !important;
+}
+.root_f9a4c9 .header_f9a4c9 .heading-lg\/semibold_dc00ef,
+.root_f9a4c9 .header_f9a4c9 .heading-xl\/semibold_dc00ef,
+.root_f9a4c9 .header_f9a4c9 .heading-xl\/extrabold_dc00ef,
+.root_f9a4c9 .header_f9a4c9 .h1_c46f6a,
+.root_f9a4c9 .header_f9a4c9 .h2_c46f6a {
+ font-size: 22px;
+ font-weight: 400;
+}
+.root_f9a4c9 .header_f9a4c9 .modalTitle_ad95dc {
+ margin-bottom: 0;
+}
+.root_f9a4c9 .header_f9a4c9 .title-3JPglK {
+ font-weight: 400;
+}
+.root_f9a4c9 .header_f9a4c9 .close_f9a4c9,
+.root_f9a4c9 .header_f9a4c9 .iconButton-2rHy7x {
+ --button-height: 32px;
+ width: var(--button-height);
+ height: var(--button-height);
+ top: 20px;
+ right: 20px;
+ margin: 0;
+ padding: 0;
+ background-color: transparent !important;
+ position: relative;
+ position: absolute;
+}
+.root_f9a4c9 .header_f9a4c9 .close_f9a4c9:after,
+.root_f9a4c9 .header_f9a4c9 .iconButton-2rHy7x:after {
+ content: " ";
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ background-color: hsl(var(--md-ripple-color), 0.1);
+ border-radius: 50%;
+ opacity: 0;
+ pointer-events: none;
+ transform: scale(1.2);
+ transition: 300ms ease;
+ z-index: 4;
+}
+.root_f9a4c9 .header_f9a4c9 .close_f9a4c9:hover:after,
+.root_f9a4c9 .header_f9a4c9 .iconButton-2rHy7x:hover:after {
+ opacity: 1;
+ transform: scale(1.1);
+ animation: scale 150ms var(--default-animation), opacity 150ms ease;
+}
+.root_f9a4c9 .header_f9a4c9 .close_f9a4c9:active:after,
+.root_f9a4c9 .header_f9a4c9 .iconButton-2rHy7x:active:after {
+ background-color: hsl(var(--md-ripple-color), 0.2);
+}
+.root_f9a4c9 .header_f9a4c9 .close_f9a4c9 .contents_dd4f85 {
+ height: 24px;
+}
+.root_f9a4c9 .header_f9a4c9 .close_f9a4c9 svg {
+ height: 24px !important;
+ transform: scale(0.85);
+}
+.root_f9a4c9 .header_f9a4c9 .iconButton-2rHy7x {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+.root_f9a4c9 .header_f9a4c9 .iconButton-2rHy7x .icon-3DnmvF {
+ height: 24px;
+ transform: scale(0.85);
+}
+.root_f9a4c9 .confirmStartHeader_fcd6d9 {
+ padding: 75px 16px 16px;
+}
+.root_f9a4c9 .content_f9a4c9, .root_f9a4c9 .content-3BqJRb {
+ padding: 0 24px;
+ background-color: transparent;
+ border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big);
+}
+.root_f9a4c9 .content_f9a4c9:first-child, .root_f9a4c9 .content-3BqJRb:first-child {
+ padding-top: 24px;
+}
+.root_f9a4c9 .content_f9a4c9:first-child .heading-md\/semibold_dc00ef, .root_f9a4c9 .content-3BqJRb:first-child .heading-md\/semibold_dc00ef {
+ line-height: 24px;
+ font-size: 20px;
+ font-weight: 400;
+}
+.root_f9a4c9 .content_f9a4c9:last-child, .root_f9a4c9 .content-3BqJRb:last-child {
+ padding-bottom: 24px;
+}
+.root_f9a4c9 .content_f9a4c9 .content_bf3bbb, .root_f9a4c9 .content-3BqJRb .content_bf3bbb {
+ padding-bottom: 0;
+}
+.root_f9a4c9 .content_f9a4c9 .paragraph_d7f12d:last-child, .root_f9a4c9 .content-3BqJRb .paragraph_d7f12d:last-child {
+ margin-bottom: 2px;
+}
+.root_f9a4c9 .content_f9a4c9 a, .root_f9a4c9 .content-3BqJRb a {
+ color: hsl(var(--accent-hsl--material-you));
+}
+.root_f9a4c9 .content_f9a4c9 img, .root_f9a4c9 .content-3BqJRb img,
+.root_f9a4c9 .content_f9a4c9 video,
+.root_f9a4c9 .content-3BqJRb video {
+ border-radius: var(--card-radius-big);
+}
+.root_f9a4c9 .image-ZPv20Y {
+ border-radius: var(--card-radius-big);
+}
+.root_f9a4c9 .footer_f9a4c9, .root_f9a4c9 .modalFooter_b5918e {
+ padding: 24px;
+ gap: 16px;
+ background-color: transparent !important;
+ border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big);
+ box-shadow: none !important;
+}
+.root_f9a4c9 .footer_f9a4c9 > .directionRow__65900, .root_f9a4c9 .modalFooter_b5918e > .directionRow__65900 {
+ gap: 16px;
+}
+.root_f9a4c9 .footer_f9a4c9 span:not([class])[style*="display: block"]:empty, .root_f9a4c9 .modalFooter_b5918e span:not([class])[style*="display: block"]:empty {
+ display: none !important;
+}
+.root_f9a4c9 .footer_f9a4c9 .button_dd4f85, .root_f9a4c9 .modalFooter_b5918e .button_dd4f85 {
+ margin: 0;
+}
+.root_f9a4c9 .footer_f9a4c9 .button_dd4f85.colorPrimary_dd4f85, .root_f9a4c9 .modalFooter_b5918e .button_dd4f85.colorPrimary_dd4f85 {
+ --button-padding: 0 12px;
+ --button-background: transparent;
+ --button-text-color: var(--button-link-accent-text-color);
+ --accent-button-action: hsl(var(--accent-hsl--material-you));
+ --accent-button-action-hover: 0.14;
+ --accent-button-action-active: 0.21;
+}
+.root_f9a4c9 .footer_f9a4c9 .lookBlank_dd4f85, .root_f9a4c9 .modalFooter_b5918e .lookBlank_dd4f85 {
+ background-color: transparent !important;
+ color: var(--button-link-accent-text-color) !important;
+}
+.root_f9a4c9 .buttons-1TBWBN {
+ margin-top: 0;
+}
+.root_f9a4c9 .modalTextContainer_ad9cbd,
+.root_f9a4c9 .footer_ad9cbd {
+ background-color: transparent;
+}
+.root_f9a4c9 .modalTextContainer_ad9cbd {
+ border: none;
+}
+.root_f9a4c9 > div:not([class]) > div:not([class]) {
+ max-height: 720px;
+}
+.root_f9a4c9 > div:not([class]) > div:not([class]) .content-1OG56Q {
+ max-height: 548px;
+}
+.root_f9a4c9 .divider_ae36e5 {
+ margin: 16px 0;
+ padding-bottom: 0;
+ border-top-color: var(--popout-header-border);
+}
+.root_f9a4c9 .input_f8bc55.flex_ec1a20 {
+ --button-height: 28px;
+ padding: 0;
+ border-radius: var(--input-radius);
+ box-shadow: none;
+}
+.root_f9a4c9 .input_f8bc55.flex_ec1a20 .input_f8bc55 {
+ border-radius: var(--input-radius);
+ box-shadow: none;
+}
+.root_f9a4c9 .guestBody-1S2A2E {
+ padding: 0;
+}
+
+.valuePropContainer-WkXrIU {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+.valuePropContainer-WkXrIU .bulletedValueProp-3pv7g2 {
+ padding: 0;
+}
+.valuePropContainer-WkXrIU .valuePropIconContainer-1WLjVd {
+ background-color: var(--card-button-color);
+ color: var(--text-normal);
+}
+
+.content__4d677 {
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+}
+
+/*
+ *
+ * NITRO PURCHASE
+ *
+ */
+/* NITRO PURCHASE -> SELECTION AND REVIEW */
+.root_f9a4c9 .header_f9a4c9.modalHeader_a27f2f {
+ margin-bottom: 0;
+ padding-bottom: 0;
+ background-image: linear-gradient(var(--popout-color), var(--popout-color));
+ border-bottom: none;
+}
+.root_f9a4c9 .header_f9a4c9.modalHeader_a27f2f .close_f9a4c9 {
+ top: -4px;
+ right: -4px;
+}
+
+.headerBackground_af10a6 {
+ width: calc(100% + 8px);
+ top: -24px;
+ left: -24px;
+ right: -24px;
+}
+
+.headerBackground_af10a6,
+.panningAnimation_e147f3,
+.headerImage_bab8b6 {
+ border-radius: var(--popout-radius-big);
+}
+
+.wrapper_bfc2c6 {
+ padding: 0 24px 16px;
+ background-color: transparent;
+}
+.wrapper_bfc2c6:after {
+ display: none;
+}
+
+.headerContainer_bab8b6 + .wrapper_bfc2c6 {
+ padding: 16px 24px 8px;
+}
+
+.spinner_b0f29a {
+ background-color: transparent;
+}
+
+.sliderBody_bf926b {
+ width: 392px;
+ padding-bottom: 0;
+}
+
+.planSelectSeparator_d439ef,
+.planSelectSeparatorLower_d9d258 {
+ display: none;
+}
+
+.planSelectSeparatorLower_d9d258 + .text-xs\/normal_dc00ef {
+ margin-top: 12px;
+}
+
+.planOptionClickableContainer_bd3462 {
+ padding: 0 12px;
+ background-color: transparent;
+ border-radius: calc(var(--card-radius-big) / 1.65);
+ transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color;
+}
+.planOptionClickableContainer_bd3462:hover {
+ background-color: var(--card-color-hover) !important;
+}
+
+.selectPlanDivider_d439ef {
+ display: none;
+}
+
+.warnBlock_cb8a97 {
+ margin-top: 16px;
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+
+.table_df16c1 {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+.table_df16c1 .divider_df16c1 {
+ background-color: var(--card-border-color);
+}
+
+.paymentSourceWarning_aa60eb {
+ margin-top: 8px;
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 8px;
+ border-radius: var(--card-radius-big);
+}
+
+/* NITRO PURCHASE -> PURCHASED INFO */
+.modalInner_a0e502 {
+ width: auto;
+ background-color: transparent;
+}
+
+.bannerContainer_a0e502 {
+ border-radius: calc(var(--popout-radius-big) / 1.5);
+}
+
+/*
+ *
+ * NOTIFICATION SETTINGS
+ *
+ */
+.overridePlaceholder_cacc4c {
+ height: 66px;
+ border-radius: var(--card-radius-big);
+ border: 1px dashed var(--card-border-color) !important;
+}
+
+.overrideList_cacc4c {
+ display: flex;
+ flex-direction: column;
+ gap: 8px;
+ padding-bottom: 0;
+}
+
+.header_cacc4c,
+.override_cacc4c {
+ margin-bottom: 0;
+}
+
+.override_cacc4c {
+ padding: 16px 6px 16px 12px;
+}
+
+.checkboxGroup_cacc4c {
+ width: 290px;
+}
+
+.checkboxContainer_cacc4c:before {
+ background-color: var(--card-border-color) !important;
+}
+.checkboxContainer_cacc4c:first-of-type:before {
+ display: none;
+}
+
+.checkboxMute_cacc4c:before {
+ background-color: var(--card-color-hover);
+ border-radius: calc(var(--card-radius-big) / 1.4);
+}
+
+/*
+ *
+ * OPEN LINK MODAL
+ *
+ */
+.root_f9a4c9 .title_acae5d, .root_f9a4c9 .title_dd48c5 {
+ margin: 0 0 16px;
+ font-size: 22px;
+ font-weight: 400;
+ text-align: left;
+ text-transform: none;
+}
+.root_f9a4c9 .body_acae5d {
+ text-align: left;
+}
+.root_f9a4c9 .primaryButton_acae5d,
+.root_f9a4c9 .secondaryButton_acae5d {
+ flex: 0 1 auto;
+}
+.root_f9a4c9 .secondaryButton_acae5d.colorPrimary_dd4f85 {
+ --button-text-color: hsl(var(--accent-hsl--material-you)) !important;
+ --button-action-color: hsl(var(--accent-hsl--material-you));
+}
+.root_f9a4c9 .minorContainer_acae5d {
+ flex: 1 1 auto;
+ width: auto;
+ margin: 0;
+}
+.root_f9a4c9 .minorContainer_acae5d .secondaryAction_acae5d {
+ line-height: var(--button-height);
+ text-align: left;
+ color: var(--button-link-accent-text-color);
+ font-size: 1em;
+ font-weight: 500;
+ opacity: 1;
+}
+
+.warningText_dd48c5 {
+ text-align: left;
+}
+
+.linkCalloutContainer_dd48c5 {
+ margin-bottom: 16px;
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+
+.checkbox_dd48c5 {
+ margin-bottom: 0;
+}
+
+/*
+ *
+ * PHONE MODAL
+ *
+ */
+.phoneField_d4eb58 {
+ padding: 2px 4px;
+ background-color: var(--input-color);
+ border-radius: 22px;
+ border: none;
+ box-shadow: none;
+}
+.phoneField_d4eb58 .inputField_d4eb58 {
+ background-color: transparent;
+ color: var(--input-text-color);
+}
+.phoneField_d4eb58 .inputField_d4eb58::-webkit-input-placeholder {
+ color: var(--input-placeholder-color);
+}
+.phoneField_d4eb58 .countryButton_d4eb58 {
+ margin: 0;
+ background-color: var(--button-background) !important;
+ border-radius: var(--button-radius);
+}
+.phoneField_d4eb58 .countryButton_d4eb58 .plusSign_d4eb58,
+.phoneField_d4eb58 .countryButton_d4eb58 .countryCode_d4eb58 {
+ color: inherit;
+}
+.phoneField_d4eb58 .countryButton_d4eb58 .phoneFieldExpand_d4eb58 {
+ stroke: var(--button-text-color);
+}
+.phoneField_d4eb58 .button_dd4f85 {
+ margin: 0;
+}
+
+.phoneFieldPopout_ff761b {
+ background-color: var(--popout-color) !important;
+ border-radius: var(--popout-radius);
+ box-shadow: var(--shadow-3dp);
+}
+
+/*
+ *
+ * PROBLEM INFO
+ *
+ */
+.problemInfo_b58b14 {
+ margin-bottom: 0;
+}
+
+.root_ee4ca6 {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+}
+
+.option_ee4ca6 {
+ position: relative;
+ border-bottom: none;
+ transition: var(--default-time) var(--default-animation);
+}
+.option_ee4ca6:after {
+ position: absolute;
+ content: " ";
+ width: calc(100% - 16px * 2);
+ height: 1px;
+ right: 0;
+ bottom: 0;
+ margin: 0 16px;
+ background-color: var(--card-border-color);
+}
+.option_ee4ca6:last-of-type:after {
+ display: none;
+}
+.option_ee4ca6:hover {
+ background-color: var(--menu-item-hover);
+}
+
+/*
+ *
+ * QUICK SWITCHER
+ *
+ */
+.quickswitcher_f4e139 {
+ padding: 0;
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+}
+.quickswitcher_f4e139 .input_f4e139 {
+ height: 42px;
+ line-height: 42px;
+ margin: 24px 24px 16px;
+ padding: 0 16px;
+ background-color: var(--input-color);
+ border-radius: 21px;
+ box-shadow: none;
+ font-size: 18px;
+}
+.quickswitcher_f4e139 .input_f4e139::-webkit-input-placeholder {
+ font-family: var(--app-font);
+}
+.quickswitcher_f4e139 .scroller_f4e139 {
+ margin-top: 0;
+ margin-right: 0;
+ background-color: transparent;
+}
+.quickswitcher_f4e139 .scroller_f4e139::-webkit-scrollbar-track {
+ background: transparent !important;
+}
+.quickswitcher_f4e139 .header_f14193 {
+ font-size: 14px;
+ text-transform: none;
+}
+.quickswitcher_f4e139 .result_f14193 {
+ border-radius: 0;
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.quickswitcher_f4e139 [aria-selected=true].result_f14193 {
+ background-color: var(--menu-item-hover);
+}
+.quickswitcher_f4e139 .result_f14193 .note_f14193 {
+ font-size: 11px;
+ text-transform: none;
+}
+.quickswitcher_f4e139 .content_f14193 {
+ padding: 0 14px 0 24px;
+}
+.quickswitcher_f4e139 .protip_f4e139 {
+ padding: 16px 24px 24px;
+}
+.quickswitcher_f4e139 .protip_f4e139.hasContent_f4e139 {
+ border-top: none;
+}
+
+/*
+ *
+ * REACTIONS
+ *
+ */
+.reactors_f2bfbb {
+ background-color: transparent !important;
+}
+.reactors_f2bfbb .reactor_f2bfbb {
+ box-shadow: none;
+ position: relative;
+ border-bottom: none;
+}
+.reactors_f2bfbb .reactor_f2bfbb:after {
+ position: absolute;
+ content: " ";
+ width: calc(100% - 16px * 2);
+ height: 1px;
+ right: 0;
+ bottom: 0;
+ margin: 0 16px;
+ background-color: var(--card-border-color);
+}
+.reactors_f2bfbb .reactor_f2bfbb:last-of-type:after {
+ display: none;
+}
+
+.scroller_f2bfbb {
+ background-color: var(--attachment-color) !important;
+}
+.scroller_f2bfbb .reactionDefault_f2bfbb,
+.scroller_f2bfbb .reactionSelected_f2bfbb {
+ border-radius: 14px;
+}
+.scroller_f2bfbb .reactionDefault_f2bfbb:hover {
+ background-color: var(--menu-item-hover);
+}
+.scroller_f2bfbb .reactionSelected_f2bfbb {
+ background-color: var(--menu-item-select);
+}
+
+/*
+ *
+ * REPORT MESSAGE MODAL
+ *
+ */
+.messagePreviewContainer_b06e1c {
+ background-color: var(--card-color-outlined);
+ border: 1px solid var(--card-border-color);
+ padding: 16px 0;
+ border-radius: var(--card-radius-big);
+}
+.messagePreviewContainer_b06e1c .wrapper_f9f2ca {
+ --message-color-hover: var(--message-color);
+ margin: 0 0 0 72px !important;
+}
+.messagePreviewContainer_b06e1c .wrapper_f9f2ca .avatar_f9f2ca {
+ left: -56px !important;
+}
+
+.childButton_f45bfc {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 0;
+ border-radius: var(--card-radius-big);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.childButton_f45bfc:hover {
+ background-color: var(--card-color-hover);
+}
+
+/*
+ *
+ * SCREEN SHARE SELECTION
+ *
+ */
+.modalContent-2y3sGW {
+ padding: 0 24px;
+}
+.modalContent-2y3sGW:last-child {
+ margin-bottom: 0;
+}
+
+.divider_bcb954 {
+ background-color: var(--popout-header-border);
+ box-shadow: none !important;
+ opacity: 1;
+}
+
+.segmentControl_d7ec26 {
+ height: 48px;
+ padding: 0 24px;
+}
+
+.tabItem_a18ec1 {
+ height: inherit;
+ margin: 0 24px 0 0;
+ padding: 0 8px;
+ border: none !important;
+ color: var(--interactive-normal) !important;
+}
+.tabItem_a18ec1.tabItemSelected_a18ec1 {
+ color: var(--interactive-normal) !important;
+ position: relative;
+ background-color: transparent !important;
+ border: none;
+}
+.tabItem_a18ec1.tabItemSelected_a18ec1:after {
+ position: absolute;
+ content: " ";
+ width: 90%;
+ height: 3px;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ margin: 0 auto;
+ background: var(--tab-border-color);
+ border-radius: 3px 3px 0 0;
+ transition: var(--default-time) ease all;
+}
+.tabItem_a18ec1 .text-sm\/medium_dc00ef {
+ line-height: 48px;
+}
+.tabItem_a18ec1:last-of-type {
+ margin-right: 0;
+}
+
+.card_f30ffe {
+ height: var(--input-height);
+ max-height: var(--input-height);
+ padding: var(--input-padding);
+ background-color: var(--input-color);
+ border-radius: calc(var(--input-height) / 2);
+ border: none;
+}
+.card_f30ffe .sizeSmall_dd4f85 {
+ --button-height: 30px;
+}
+
+.qualitySettingsContainer_a78967 {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+.qualitySettingsContainer_a78967 .select_f6639d {
+ margin-top: 0;
+}
+.qualitySettingsContainer_a78967 .select-1Ia3hD {
+ margin-top: 0;
+}
+
+.upsellBanner_f59576 {
+ padding: 8px 12px;
+ border-radius: 20px;
+}
+
+.container_fe5744 {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+
+.tile_d7ec26:hover .sourceThumbnail_d7ec26 {
+ box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl--material-you));
+}
+
+.sourceThumbnail_d7ec26 {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+}
+.sourceThumbnail_d7ec26.selected_d7ec26 {
+ box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl--material-you));
+}
+
+/*
+ *
+ * SECURITY ACTIONS MODAL
+ *
+ */
+.headerContainer-3uHkGl .heading-md\/semibold_dc00ef {
+ line-height: 24px;
+ font-size: 22px;
+ font-weight: 400;
+}
+
+.mainContainer-1VGrrU {
+ margin: 0;
+ gap: 16px;
+}
+
+.pauseContainer-36E8UF {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+
+/*
+ *
+ * INVITED TO SERVER
+ *
+ */
+.container_ed5743 {
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+}
+
+.contentWrapper_ed5743 {
+ background-color: var(--popout-color) !important;
+ border-radius: var(--popout-radius-big) 0 0 var(--popout-radius-big);
+}
+.contentWrapper_ed5743:only-child {
+ border-radius: var(--popout-radius-big);
+}
+.contentWrapper_ed5743 .heading-xl\/semibold_dc00ef {
+ font-weight: 400;
+}
+
+.inviteContent_ed5743 {
+ min-height: unset;
+}
+
+.inviteSplash_ed5743 {
+ border-radius: var(--popout-radius-big);
+}
+
+/*
+ *
+ * SERVER QUESTIONS
+ *
+ */
+.gradient_d8215a {
+ background: linear-gradient(180deg, var(--main-color) 0%, var(--main-alt) 100%) !important;
+ opacity: 0.725;
+}
+
+.main_d8215a {
+ border-radius: var(--card-radius-big) 0 0 var(--card-radius-big);
+}
+
+.prompt_cd377c {
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+}
+.prompt_cd377c .scrollerBase_eed6a8 {
+ padding: 80px 100px;
+}
+.prompt_cd377c .navButtons_cd377c {
+ padding: 8px;
+ background-color: transparent;
+ border-top: 1px solid var(--separator-color);
+}
+
+.promptOptions_cd377c {
+ margin-bottom: 0;
+}
+
+.optionButtonWrapper_bd5e1f {
+ --card-color-filled: var(--card-color-alt);
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 0;
+ border-radius: var(--card-radius-big);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.optionButtonWrapper_bd5e1f:hover {
+ background-color: var(--card-color-hover);
+}
+.optionButtonWrapper_bd5e1f.selected_bd5e1f {
+ background-color: var(--card-color-active);
+}
+
+.checkIcon_bd5e1f, .memberCount_bd5e1f {
+ background-color: hsl(var(--accent-hsl--material-you));
+}
+.checkIcon_bd5e1f path, .memberCount_bd5e1f path {
+ fill: var(--accent-text-color--material-you);
+}
+
+.memberCount_bd5e1f .text-xs\/normal_dc00ef {
+ color: var(--accent-text-color--material-you) !important;
+}
+
+/*
+ *
+ * STICKER UPLOAD
+ *
+ */
+.form-QIWuKf .content_f9a4c9, .form-QIWuKf .content-3BqJRb {
+ padding: 0 !important;
+}
+.form-QIWuKf .sectionTitle-3j2YI1 {
+ margin: 8px 0;
+}
+.form-QIWuKf .sectionTitle-3j2YI1 .h5_c46f6a {
+ margin-bottom: 0;
+}
+.form-QIWuKf .formItem-1Vab1c {
+ padding: 0 16px;
+}
+.form-QIWuKf .preview-x-26h- {
+ border-radius: var(--card-radius-big);
+ border: none;
+}
+.form-QIWuKf .fileUpload-3JzU7g {
+ --input-padding: 0;
+}
+.form-QIWuKf .fileUpload-3JzU7g .fileUploadButton-2zOQcO {
+ width: 140px;
+}
+
+/*
+ *
+ * TERMS OF SERVICE
+ *
+ */
+.modal-2LBig1 .title-1ysNt8 {
+ margin: 0;
+ padding: 16px;
+ font-weight: 600;
+ font-size: 16px;
+ text-transform: none;
+ color: var(--header-primary);
+}
+.modal-2LBig1 .description-ecPh_Q {
+ margin: 16px 16px 0;
+}
+.modal-2LBig1 .container_bb2fbe {
+ margin: 16px;
+}
+.modal-2LBig1 .buttonContainer-28osRq {
+ padding: 8px;
+}
+.modal-2LBig1 .buttonContainer-28osRq .button_dd4f85 {
+ margin: 0;
+}
+.modal-2LBig1 .anchor-1MIwyf {
+ color: hsl(var(--accent-hsl--material-you)) !important;
+}
+.modal-2LBig1 .divider-_0um2u {
+ border-color: var(--popout-header-border);
+}
+
+/*
+ *
+ * UPLOAD
+ *
+ */
+.uploadModalIn_f82cc7 .uploadDropModal_f82cc7 .bgScale_f82cc7 {
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+}
+.uploadModalIn_f82cc7 .uploadDropModal_f82cc7 .inner_f82cc7 {
+ border: none;
+}
+.uploadModalIn_f82cc7 .uploadDropModal_f82cc7 .title_f82cc7,
+.uploadModalIn_f82cc7 .uploadDropModal_f82cc7 .title_f82cc7 strong {
+ color: var(--text-normal) !important;
+}
+.uploadModalIn_f82cc7 .uploadDropModal_f82cc7 .instructions_f82cc7 {
+ color: var(--text-normal) !important;
+}
+.uploadModalIn_f82cc7 .uploadDropModal_f82cc7.error_f82cc7 .title_f82cc7,
+.uploadModalIn_f82cc7 .uploadDropModal_f82cc7.error_f82cc7 .title_f82cc7 strong {
+ color: #eee !important;
+}
+.uploadModalIn_f82cc7 .uploadDropModal_f82cc7.error_f82cc7 .instructions_f82cc7 {
+ color: #eee !important;
+}
+
+.uploadModal_f82cc7 .footer_f82cc7 {
+ padding: 8px;
+ background-color: transparent !important;
+ border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big);
+ border-top: 1px solid var(--popout-header-border);
+ box-shadow: none !important;
+}
+.uploadModal_f82cc7 .footer_f82cc7 .button_dd4f85.lookLink_dd4f85 {
+ margin-right: 8px;
+}
+
+.colorDefault-CDqZdO .subtext-2GlkbE {
+ color: var(--text-muted) !important;
+}
+
+/* UPLOAD -> SOUNDBOARD */
+.multiInput-wONk3i + .section-3xOOsh:nth-last-of-type(2) {
+ margin-bottom: 0;
+}
+
+.fakeInput-1_6lq6 {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+ border: none;
+}
+.fakeInput-1_6lq6 .playButton-2wVGEn {
+ background-color: var(--card-button-color);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.fakeInput-1_6lq6 .playButton-2wVGEn:hover {
+ background-color: var(--card-button-color-hover);
+}
+
+.handleFrame-1Fjy30:before, .handleFrame-1Fjy30:after {
+ background-color: var(--card-color-filled);
+}
+
+/*
+ *
+ * USER PROFILE
+ *
+ */
+.icon_f1cdcc {
+ padding: 0;
+}
+.icon_f1cdcc .contents_dd4f85 {
+ min-height: var(--button-height);
+ min-width: var(--button-height);
+}
+
+.tabBar_c1519f {
+ height: 48px;
+ margin: 0;
+ padding: 0 16px;
+ gap: 24px;
+}
+.tabBar_c1519f .item_a0 {
+ height: inherit;
+ border-bottom: none;
+}
+.tabBar_c1519f .item_a0.selected_a0 {
+ position: relative;
+ background-color: transparent !important;
+ border: none;
+}
+.tabBar_c1519f .item_a0.selected_a0:after {
+ position: absolute;
+ content: " ";
+ width: 90%;
+ height: 3px;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ margin: 0 auto;
+ background: var(--tab-border-color);
+ border-radius: 3px 3px 0 0;
+ transition: var(--default-time) ease all;
+}
+.tabBar_c1519f .item_a0 .text-sm\/normal_dc00ef {
+ line-height: 48px;
+}
+
+.fullSizeOverlayBackground_c69a7b {
+ border-radius: calc(var(--popout-radius-big) / 1.75);
+ border: none;
+}
+
+/* USER PROFILE -> CONNECTED ACCOUNTS */
+.connectedAccounts_f3eb60 {
+ margin-top: -16px;
+ border-top: none !important;
+}
+.connectedAccounts_f3eb60 .connectedAccountContainer_f3eb60 {
+ --card-color-filled: var(--card-color-hover);
+ --card-radius-big: var(--card-radius);
+ margin-top: 16px;
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 12px 8px;
+ border-radius: var(--card-radius-big);
+}
+
+/* USER PROFILE -> NOTE */
+.note_c2dcc6 {
+ margin: 0;
+}
+.note_c2dcc6 textarea {
+ padding: 6px 12px;
+ border-radius: var(--input-radius);
+ box-shadow: none !important;
+}
+.note_c2dcc6 textarea:focus {
+ background-color: var(--input-color);
+}
+
+/* USER PROFILE -> LISTS */
+.listRow_e4be58 {
+ border-radius: var(--popout-radius);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.listRow_e4be58:hover {
+ background-color: var(--menu-item-hover);
+}
+
+.iconActiveMedium_f11207 {
+ border-radius: 50%;
+}
+
+/*
+ *
+ * APP DIRECTORY
+ *
+ */
+.root_f906dd {
+ animation: page-open 300ms var(--default-animation);
+}
+
+@keyframes page-open {
+ from {
+ transform: scale(1.1);
+ opacity: 0;
+ }
+}
+.directoryContainer_da3f59 {
+ background-color: var(--main-color) !important;
+}
+
+/* APP DIRECTORY -> SEARCH BAR */
+.search_aabd24 {
+ --input-height: 48px;
+ height: var(--input-height) !important;
+ max-height: var(--input-height) !important;
+ padding: var(--input-padding) !important;
+ background-color: var(--input-color) !important;
+ border-radius: calc(var(--input-height) / 2) !important;
+ border: none;
+ box-shadow: none !important;
+}
+.search_aabd24 .inputWrapper_f8bc55:before, .search_aabd24 .inputWrapper_f8bc55:after {
+ display: none;
+}
+.search_aabd24 .searchBoxInput__56498 {
+ height: var(--input-height);
+ padding: 0;
+}
+
+/* APP DIRECTORY -> SEARCH RESULTS */
+.category_fa8ebf {
+ border-radius: 24px;
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.category_fa8ebf:hover {
+ background-color: var(--menu-item-hover);
+}
+.category_fa8ebf.activeCategory_fa8ebf {
+ background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity));
+}
+
+.listing_c0b10b {
+ border-radius: var(--card-radius-big);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.listing_c0b10b:hover {
+ background-color: var(--card-color-hover);
+}
+.listing_c0b10b .listingDetails_c0b10b {
+ transition: var(--default-time) var(--default-animation) border-color;
+}
+
+/* APP DIRECTORY -> CATEGORIES */
+.category_d7acc7, .category_d169f5 {
+ height: 36px;
+ padding: 0 12px;
+ background-color: var(--card-button-color);
+ border-radius: 10px;
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.category_d7acc7:hover, .category_d169f5:hover {
+ background-color: var(--card-button-color-hover);
+}
+
+/* APP DIRECTORY -> CARDS */
+.scrollerContainer_b503b8 .scrollerBase_eed6a8 {
+ --scrollbar-width: 4px;
+}
+
+.card_e90143, .container_d9c848 {
+ background-color: var(--card-color-filled) !important;
+ border: none !important;
+ padding: 0;
+ border-radius: var(--card-radius-big) !important;
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.card_e90143:hover, .container_d9c848:hover {
+ background-color: var(--card-color-hover) !important;
+}
+
+.animatesOnHoverContainer_d9c848:hover {
+ box-shadow: none;
+ transform: none;
+}
+.animatesOnHoverContainer_d9c848:hover .image_e90143, .animatesOnHoverContainer_d9c848:hover .image_d9c848 {
+ transform: none;
+}
+
+.image_e90143, .image_d9c848 {
+ border-radius: var(--card-radius-big);
+}
+
+.linkCard_b4a57c, .container_f9d8eb {
+ background-color: var(--card-color-outlined) !important;
+ border: 1px solid var(--card-border-color) !important;
+ padding: 0;
+ border-radius: var(--card-radius-big) !important;
+}
+
+.cardHeader_b4a57c {
+ color: var(--header-primary);
+}
+
+.linkDescription_b4a57c {
+ color: var(--text-normal);
+}
+
+/* APP DIRECTORY -> BOT INFO */
+.headerBanner_a1eac2 {
+ border-radius: var(--card-radius-big);
+}
+
+.headerIcon_a1eac2 {
+ background-color: var(--main-color);
+ border-color: var(--main-color);
+}
+
+.card_b5d566 {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 0;
+ border-radius: var(--card-radius-big);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.card_b5d566:hover {
+ background-color: var(--card-color-hover);
+}
+.card_b5d566:hover .iconMask_b5d566 {
+ background-color: var(--card-color-hover);
+}
+.card_b5d566 .splashImage_b5d566 {
+ border-radius: var(--card-radius-big);
+}
+.card_b5d566 .iconMask_b5d566 {
+ background-color: var(--card-color-filled);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+
+.container__26dff {
+ background-color: var(--card-color-outlined);
+ border: 1px solid var(--card-border-color);
+ padding: 0;
+ border-radius: var(--card-radius-big);
+}
+.container__26dff .cardHeader__62148 {
+ margin-bottom: 0;
+ padding: 16px;
+ background-color: transparent;
+ font-size: 1.25em;
+ line-height: normal;
+ color: var(--card-header-text-color);
+ font-weight: 400;
+ opacity: 1;
+ border-bottom: 1px solid var(--card-border-color);
+}
+.container__26dff .priceAndButtonContainer__78548 {
+ background-color: transparent;
+}
+.container__26dff .benefitsContainer_f75168 {
+ padding: 16px;
+ background-color: transparent;
+}
+
+.commandList_a1eac2 {
+ background-color: var(--card-color-outlined);
+ border: 1px solid var(--card-border-color);
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+.commandList_a1eac2 .commandName_e0307d {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 10px 12px;
+ border-radius: var(--card-radius-big);
+}
+
+.permissionHeader_a06168 {
+ margin-top: 0;
+}
+
+/*
+ *
+ * BROWSE CHANNELS
+ *
+ */
+.header_c2efea {
+ margin: 0 46px 0 16px;
+ padding: 16px 0;
+}
+
+.scrollerInner_f04d06 {
+ padding: 0 36px 32px 16px;
+}
+
+.container_b55df8 {
+ background-color: hsl(var(--accent-hsl--material-you));
+ border-radius: var(--card-radius-big);
+}
+.container_b55df8 .defaultColor-HXu-5n,
+.container_b55df8 .body-2A992B {
+ color: var(--accent-text-color--material-you) !important;
+}
+
+/* BROWSE CHANNELS -> CHANNELS */
+.categoryText_f04d06 {
+ font-size: 14px;
+ text-transform: none;
+}
+
+.channelRow_f04d06 {
+ --button-height: 34px;
+ position: relative;
+ padding: 12px 16px;
+ background-color: var(--card-color-filled);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.channelRow_f04d06:before {
+ position: absolute;
+ content: " ";
+ width: calc(100% - 16px);
+ height: 100%;
+ top: 0;
+ left: 8px;
+ background-color: var(--card-color-alt-hover);
+ border-radius: calc(var(--card-radius-big) / 1.5);
+ pointer-events: none;
+ opacity: 0;
+ transition: var(--default-time) var(--default-animation) opacity;
+}
+.channelRow_f04d06.firstChannel_f04d06 {
+ padding-top: 20px;
+ border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
+}
+.channelRow_f04d06.firstChannel_f04d06:before {
+ height: calc(100% - 8px);
+ top: 8px;
+}
+.channelRow_f04d06.firstChannel_f04d06.lastChannel_f04d06 {
+ border-radius: var(--card-radius-big);
+}
+.channelRow_f04d06.lastChannel_f04d06 {
+ padding-bottom: 20px;
+ border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
+}
+.channelRow_f04d06.lastChannel_f04d06:before {
+ height: calc(100% - 8px);
+}
+.channelRow_f04d06:not(.disabled_f04d06):hover {
+ background-color: var(--card-color-filled);
+}
+.channelRow_f04d06:not(.disabled_f04d06):hover:before {
+ opacity: 1;
+}
+.channelRow_f04d06:hover .viewChannelButton_f04d06 {
+ opacity: 1;
+ visibility: visible;
+ transition: var(--default-time) var(--default-animation) opacity;
+}
+.channelRow_f04d06 .viewChannelButton_f04d06 {
+ display: block;
+ opacity: 0;
+ visibility: hidden;
+ transition: var(--default-time) var(--default-animation) opacity;
+}
+.channelRow_f04d06 .channelName_f04d06 {
+ gap: 8px;
+}
+
+.channelInfo_f04d06 {
+ z-index: 2;
+}
+
+.separator_f04d06 {
+ display: none;
+}
+
+/*
+ *
+ * CHANNELS AND ROLES
+ *
+ */
+.container_f1fd9c {
+ background-color: var(--chat-color) !important;
+}
+.container_f1fd9c .tabBar_f1fd9c {
+ margin: 32px 46px 0 32px;
+ border-bottom: 1px solid var(--separator-color);
+}
+.container_f1fd9c .tabBar_f1fd9c + .chat_a7d72e .pageBody_c2efea, .container_f1fd9c .tabBar_f1fd9c + .chat_a7d72e .body-2lagau {
+ padding-top: 0;
+}
+
+.prompt_c6b11b {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+.prompt_c6b11b .promptTitle_c6b11b {
+ line-height: normal;
+ font-size: 1.25em;
+ color: var(--card-header-text-color) !important;
+ font-weight: 500;
+}
+.prompt_c6b11b .optionButton_bd5e1f {
+ --card-color-filled: var(--card-color-alt);
+}
+
+.profileCard_c6b11b {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+
+/*
+ *
+ * HOME TAB
+ *
+ */
+.container_c68a2c {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+.container_c68a2c .icon_ac2d0d {
+ border: 6px solid var(--card-color-filled);
+}
+
+/* HOME TAB -> ACTIVE NOW */
+.container__29699 {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 0;
+ border-radius: var(--card-radius-big);
+}
+.container__29699 .header__18dc9 {
+ margin-bottom: 0;
+ padding: 16px;
+ background-color: transparent;
+ font-size: 1.25em;
+ line-height: normal;
+ color: var(--card-header-text-color);
+ font-weight: 400;
+ opacity: 1;
+}
+.container__29699 .header__18dc9 .heading-md\/semibold_dc00ef {
+ line-height: normal;
+ font-size: inherit;
+ color: var(--card-header-text-color);
+ font-weight: 400;
+}
+.container__29699 .emptyStateContainer__08276 {
+ margin-top: 0;
+ background-color: transparent;
+}
+
+.channelList_b7e3ac {
+ padding: 12px 12px 0;
+}
+
+.container__55cc1 {
+ border-radius: var(--card-radius-big);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.container__55cc1:hover {
+ background-color: var(--card-color-hover);
+}
+.container__55cc1 .iconContainer__1b9f0,
+.container__55cc1 .moreUsers_c47562 {
+ background-color: var(--card-color-hover);
+}
+
+.containerCard__95c7a {
+ background-color: var(--card-color-outlined);
+ border: 1px solid var(--card-border-color);
+ padding: 8px;
+ border-radius: var(--card-radius-big);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.containerCard__95c7a:hover {
+ background-color: var(--card-color-hover);
+}
+.containerCard__95c7a.fillerCard_eafecc {
+ padding: 0;
+ overflow: hidden;
+}
+.containerCard__95c7a .typingIndicator__0b368 {
+ background-color: var(--card-color-hover);
+}
+
+@media (max-width: 1300px) {
+ .scrollIcon__0a383 {
+ background-color: var(--chat-color);
+ border: 1px solid var(--card-border-color);
+ }
+}
+/* HOME TAB -> UPCOMING */
+.container__60371 {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 0;
+ border-radius: var(--card-radius-big);
+}
+.container__60371 .header_be4997 {
+ margin-bottom: 0;
+ padding: 16px;
+ background-color: transparent;
+ font-size: 1.25em;
+ line-height: normal;
+ color: var(--card-header-text-color);
+ font-weight: 400;
+ opacity: 1;
+}
+.container__60371 .header_be4997 .heading-md\/semibold_dc00ef {
+ line-height: normal;
+ font-size: inherit;
+ color: var(--card-header-text-color);
+ font-weight: 400;
+}
+
+.container__55cc1 {
+ margin: 0 16px;
+}
+.container__55cc1:last-of-type, .container__55cc1:only-child {
+ margin-bottom: 16px;
+}
+
+/* HOME TAB -> YOUR HIGHLIGHTS */
+.container__463ec {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+}
+.container__463ec .textContainer__39032 {
+ margin: 16px 0 16px 16px;
+}
+
+.container__3c265.background__4cf17 {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+
+.interactiveCard_d92364 {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+ border: none !important;
+}
+.interactiveCard_d92364:hover {
+ box-shadow: none;
+}
+.interactiveCard_d92364 .wrapper_f9f2ca .messageContent_f9f2ca {
+ overflow: hidden;
+}
+.interactiveCard_d92364 .wrapper_f9f2ca.cozy_f9f2ca {
+ --message-color: var(--message-color-hover);
+}
+.interactiveCard_d92364 .wrapper_f9f2ca.cozy_f9f2ca:not(.message_d5deea) {
+ margin: 16px 16px 0 79px;
+}
+.interactiveCard_d92364 .avatarDecoration_f9f2ca {
+ left: -65px;
+}
+
+.feedItemHeader_ec3bdb {
+ padding: 16px;
+ border-bottom: none;
+}
+.feedItemHeader_ec3bdb .heading-sm\/semibold_dc00ef {
+ font-size: 1.25em;
+}
+
+/*
+ *
+ * RECENT MEMBERS
+ *
+ */
+.container_d20375 {
+ padding: 32px;
+ background-color: var(--chat-color) !important;
+}
+
+.mainTableContainer_e23072 {
+ background-color: transparent;
+ box-shadow: none;
+}
+
+.searchHeaderContainer_b0740c {
+ margin-bottom: 16px;
+ padding: 0;
+}
+.searchHeaderContainer_b0740c .heading-md\/medium_dc00ef {
+ font-weight: 400;
+ font-size: 1.25em;
+}
+.searchHeaderContainer_b0740c .container__33507 {
+ --input-padding: 0 4px 0 12px;
+}
+.searchHeaderContainer_b0740c .input_c18ec9 {
+ font-size: 1em;
+}
+
+.table_aabef9 {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+ border-top: none;
+}
+.table_aabef9 tbody:before {
+ content: " ";
+ display: block;
+ height: 8px;
+}
+
+.tableHeaderRow_e6d0a5:first-child:after {
+ bottom: 0;
+ box-shadow: 0 1px 0 0 var(--card-border-color);
+}
+
+.tableHeaderCellContainer_e6d0a5 {
+ padding: 12px 8px;
+}
+
+.memberRowContainer_a39fe9 {
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.memberRowContainer_a39fe9:hover {
+ background-color: var(--card-color-alt-hover) !important;
+}
+.memberRowContainer_a39fe9 td {
+ padding: 12px 8px;
+ background-color: transparent !important;
+}
+.memberRowContainer_a39fe9 td:after {
+ display: none;
+}
+.memberRowContainer_a39fe9 td:first-child {
+ border-radius: calc(var(--card-radius-big) / 1.5) 0 0 calc(var(--card-radius-big) / 1.5);
+}
+.memberRowContainer_a39fe9 td:last-child {
+ border-radius: 0 calc(var(--card-radius-big) / 1.5) calc(var(--card-radius-big) / 1.5) 0;
+}
+
+.newMembersNotice_dfba43 {
+ top: 0;
+ background-color: hsl(var(--accent-hsl--material-you));
+}
+.newMembersNotice_dfba43:hover {
+ background-color: hsl(var(--accent-hsl--material-you));
+}
+.newMembersNotice_dfba43 td:first-child {
+ border-radius: 18px 0 0 18px;
+}
+.newMembersNotice_dfba43 td:last-child {
+ border-radius: 0 18px 18px 0;
+}
+.newMembersNotice_dfba43 .text-sm\/normal_dc00ef {
+ color: var(--accent-text-color--material-you) !important;
+ font-weight: 500;
+}
+.newMembersNotice_dfba43 .button_dd4f85 {
+ --button-text-color: var(--accent-text-color--material-you);
+}
+
+.otherRoles_a39fe9 {
+ background-color: var(--card-color-filled);
+ border-radius: 50%;
+ transition: var(--default-time) var(--default-animation) opacity;
+}
+.otherRoles_a39fe9 .addRoleIcon_a39fe9 {
+ color: var(--text-normal);
+}
+
+.button_a39fe9 {
+ background-color: var(--card-button-color);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.button_a39fe9:hover {
+ background-color: var(--card-button-color-hover);
+}
+
+.paginationContainer_cb152b {
+ margin-top: 8px;
+ padding: 0;
+ border-top: none;
+}
+
+/*
+ *
+ * MOD VIEW
+ *
+ */
+.profileThemedContainer_d2194f {
+ border-radius: var(--card-radius-big) !important;
+}
+.profileThemedContainer_d2194f .keyComboContainer_f51af4, .profileThemedContainer_d2194f .keyComboContainer_c11c02 {
+ background-color: transparent;
+}
+.profileThemedContainer_d2194f .key_c90023 {
+ background-color: var(--profile-gradient-primary-color);
+ color: var(--text-normal) !important;
+}
+.profileThemedContainer_d2194f .searchResult_ddc613 {
+ background-color: transparent !important;
+ box-shadow: none;
+}
+.profileThemedContainer_d2194f .searchResult_ddc613 .wrapper_f9f2ca {
+ --message-color: var(--profile-gradient-overlay-color);
+ --message-color-hover: var(--profile-gradient-overlay-color);
+ margin: 0 0 0 50px !important;
+}
+.profileThemedContainer_d2194f .buttonsContainer_ddc613 {
+ background-color: transparent !important;
+ box-shadow: none;
+}
+.profileThemedContainer_d2194f .buttonsContainer_ddc613 .button_ddc613 {
+ background-color: var(--profile-gradient-button-color);
+ color: var(--white-500);
+}
+
+.container_d936aa {
+ background-color: var(--profile-gradient-overlay-color);
+ border-radius: calc(var(--card-radius-big) / 1.75);
+ box-shadow: none;
+}
+.container_d936aa + div:not([class]) {
+ border-radius: calc(var(--card-radius-big) / 1.75);
+}
+.container_d936aa .topRow_d936aa,
+.container_d936aa .bottomRowAction_d936aa {
+ background-color: transparent !important;
+}
+.container_d936aa .bottomRow_d936aa {
+ margin: 8px;
+}
+.container_d936aa .innerBottomRowAction_d936aa {
+ border-radius: calc(var(--card-radius-big) / 1.75 / 1.5);
+ transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color;
+}
+.container_d936aa .innerBottomRowAction_d936aa:hover {
+ background-color: var(--profile-gradient-overlay-color);
+}
+
+.container_f51af4 {
+ background-color: var(--profile-gradient-overlay-color) !important;
+ border-radius: calc(var(--card-radius-big) / 1.75);
+}
+.container_f51af4 .header_f51af4 {
+ background-color: transparent !important;
+ box-shadow: none;
+}
+
+.modInfoItemContainer_ce9fb9 {
+ box-shadow: none;
+}
+.modInfoItemContainer_ce9fb9 .modInfoItem_ce9fb9 {
+ margin-bottom: 2px;
+ background-color: var(--profile-gradient-overlay-color);
+ border-radius: 4px;
+ box-shadow: none;
+}
+.modInfoItemContainer_ce9fb9 .modInfoItem_ce9fb9:first-child {
+ border-radius: var(--card-radius-big) var(--card-radius-big) 4px 4px;
+}
+.modInfoItemContainer_ce9fb9 .modInfoItem_ce9fb9:last-child {
+ margin-bottom: 0;
+ border-radius: 4px 4px var(--card-radius-big) var(--card-radius-big);
+}
+.modInfoItemContainer_ce9fb9 .modInfoItem_ce9fb9:only-child {
+ margin-bottom: 0;
+ border-radius: var(--card-radius-big);
+}
+.modInfoItemContainer_ce9fb9 .modInfoAction_ce9fb9:hover {
+ background-color: var(--profile-gradient-primary-color);
+}
+
+/*
+ *
+ * PREMIUM MEMBERSHIP
+ *
+ */
+.scroller_fca846 {
+ background-color: var(--chat-color);
+}
+.scroller_fca846 .scrollerContent_fca846 {
+ max-width: 100%;
+}
+
+.coverImageContainer_d575b2 {
+ width: calc(100% - 64px);
+ margin: 32px;
+}
+.coverImageContainer_d575b2 .coverImage_d575b2 {
+ border-radius: var(--card-radius-big);
+}
+
+.guildIconContainer_d575b2 {
+ background-color: var(--chat-color);
+}
+
+.cardContainerWithoutTopIndicator_ecba8f {
+ --message-color: var(--card-color-alt);
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 0;
+ border-radius: var(--card-radius-big);
+}
+
+.tierInfoContainer_ecba8f,
+.subscriptionPerks_ecba8f {
+ background-color: transparent;
+}
+
+.tierInfoContainer_ecba8f {
+ border-bottom: 1px solid var(--card-border-color);
+}
+.tierInfoContainer_ecba8f .button_dd4f85 {
+ background: none;
+}
+.tierInfoContainer_ecba8f .button_dd4f85 .shine-3xxflf {
+ display: none;
+}
+
+.subscriptionPerks_ecba8f .sectionHeader_ecba8f {
+ font-size: 14px;
+ text-transform: none;
+}
+
+.roleMessagePreview_ecba8f {
+ margin-left: 50px;
+ padding: 0;
+ background-color: transparent;
+ border: none;
+}
+
+/*
+ *
+ * SERVER BOOST
+ *
+ */
+.scroller_a50853 {
+ background-color: var(--main-color);
+}
+.scroller_a50853 .heading_a50853 {
+ color: var(--header-primary) !important;
+}
+.scroller_a50853 .heading_a50853,
+.scroller_a50853 .heading-xl-bold-38fuFv,
+.scroller_a50853 .heading-xxl-semibold-2jeRzp,
+.scroller_a50853 .heading-xxl-bold-nfv1ir,
+.scroller_a50853 .heading-xxl-extrabold-2-MUEs {
+ font-weight: 400;
+}
+
+.header_a50853 {
+ background: none !important;
+}
+.header_a50853 .headerWave_a586c4 {
+ display: none;
+}
+.header_a50853 .guildName_cbe7a3 {
+ color: var(--header-primary) !important;
+}
+.header_a50853 .guildBoostCountWrapper_cbe7a3 {
+ color: var(--header-secondary);
+}
+.bodyWave_a586c4 {
+ display: none;
+}
+
+.innerWrapper_aecbd6 {
+ padding: 12px 24px 12px 12px;
+ background-color: var(--popout-color);
+ box-shadow: var(--shadow-3dp);
+}
+.innerWrapper_aecbd6:before, .innerWrapper_aecbd6:after {
+ display: none;
+}
+
+/* SERVER BOOST -> BOOST BUTTONS */
+.guildBoostCtas_cbe7a3 {
+ max-width: unset;
+ justify-content: center;
+}
+.guildBoostCtas_cbe7a3 .guildBoostCta_cbe7a3 {
+ flex: 0 1 auto;
+}
+.guildBoostCtas_cbe7a3 .guildBoostCta_cbe7a3:hover {
+ transform: none;
+}
+
+.guildBoostCtaBoost_cbe7a3 {
+ --button-background: hsl(var(--accent-hsl--material-you)) !important;
+ --button-text-color: var(--accent-text-color--material-you) !important;
+ width: auto;
+}
+.guildBoostCtaBoost_cbe7a3 .guildBoostCtaBoostContent_cbe7a3 {
+ margin: 0;
+ color: var(--button-text-color);
+}
+
+.guildBoostCtaSecondary_cbe7a3 {
+ --button-text-color: hsl(var(--accent-hsl--material-you)) !important;
+ --button-outline: 1px solid hsl(var(--accent-hsl--material-you)) !important;
+}
+
+/* SERVER BOOST -> BOOST PROGRESS BAR */
+.progressBarFill_e00a24 {
+ background-image: none;
+ background-color: var(--guild-boosting-pink);
+}
+
+.progressBarTrack_e00a24 {
+ background-color: var(--card-color-filled);
+}
+
+.progressBarMarker_c29408 {
+ background-color: var(--main-color);
+}
+.progressBarMarker_c29408 .boostedTierIconBackground_c29408 {
+ background-color: var(--card-color-filled);
+ opacity: 1;
+}
+.progressBarMarker_c29408 .progressBarMarkerLabel_c29408 {
+ font-weight: 500;
+ color: var(--text-normal);
+ opacity: 1;
+}
+.progressBarMarker_c29408.progressBarMarkerLocked_c29408 .progressBarMarkerLabel_c29408 {
+ color: var(--text-muted);
+}
+
+/* SERVER BOOST -> TIER CARDS */
+.tierCard_e3ebb9 {
+ border-radius: var(--card-radius-big);
+ box-shadow: none;
+}
+
+/* SERVER BOOST -> TOP PERKS */
+.topPerksCard_adc107 {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+}
+
+.perkPreviewImage_ebd3d3 {
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+}
+
+/* SERVER BOOST -> COMMUNITY RECOGNITION */
+.wrapper_d1fdce {
+ margin-bottom: 64px;
+ border-radius: var(--card-radius-big);
+}
+.wrapper_d1fdce .backgroundImages_d1fdce {
+ border-radius: var(--card-radius-big);
+}
+
+.card_d1fdce {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+}
+
+/* SERVER BOOST -> BOOST MODAL */
+.subscription_cf84f3 {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+.subscription_cf84f3 .tierPill_cf84f3 {
+ background-color: var(--card-color-active) !important;
+}
+
+.pendingCancellation_c25a31 {
+ background-color: hsl(var(--warning-hsl), 0.3);
+ border-radius: var(--card-radius-big);
+ border: none;
+}
+.pendingCancellation_c25a31 .pendingCancellationIcon_c25a31 {
+ color: hsl(var(--warning-hsl));
+}
+
+/*
+ *
+ * SERVER DISCOVERY
+ *
+ */
+.pageWrapper_a3a4ce {
+ background-color: var(--chat-color) !important;
+}
+
+.headerImage-2D5D-v, .headerImage_a39aa3 {
+ border-radius: var(--card-radius-big);
+}
+
+.searchBox__56feb {
+ padding-right: 8px;
+ border-radius: var(--input-radius);
+ border: none;
+ box-shadow: none;
+}
+.searchBox__56feb .searchBoxInput__56498 {
+ height: var(--input-height);
+ padding: 0 16px !important;
+ box-shadow: none !important;
+}
+
+/* SERVER DISCOVERY -> SIDEBAR */
+.sidebar_a4d4d9 .container_e9f61e {
+ margin: 0 4px 0 10px;
+ border-radius: 21px;
+}
+.sidebar_a4d4d9 .container_e9f61e .layout_e9f61e {
+ border-radius: 21px;
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.sidebar_a4d4d9 .container_e9f61e:hover .layout_e9f61e {
+ background-color: var(--menu-item-hover);
+}
+.sidebar_a4d4d9 .container_e9f61e.selected_e9f61e {
+ color: var(--menu-item-text-color);
+}
+.sidebar_a4d4d9 .container_e9f61e.selected_e9f61e .layout_e9f61e {
+ background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity));
+ color: var(--interactive-active);
+}
+
+/* SERVER DISCOVERY -> CARDS */
+.card_eb1ca6 {
+ background-color: var(--card-color-filled) !important;
+ border: none !important;
+ padding: 0;
+ border-radius: var(--card-radius-big) !important;
+ transition: var(--default-time) var(--default-animation) background-color;
+ box-shadow: none !important;
+}
+.card_eb1ca6:hover {
+ background-color: var(--card-color-hover) !important;
+}
+.card_eb1ca6 .iconMask_eb1ca6 {
+ background-color: var(--card-color-filled) !important;
+ border-radius: 50%;
+}
+.card_eb1ca6 .iconMask_eb1ca6 .avatar_eb1ca6 {
+ border-radius: 50%;
+}
+.card_eb1ca6:hover {
+ transform: none;
+}
+.card_eb1ca6:hover .iconMask_eb1ca6 {
+ background-color: var(--card-color-hover) !important;
+}
+.card_eb1ca6 .cardHeader_eb1ca6 {
+ margin-bottom: 0;
+}
+.card_eb1ca6 .splashImage_eb1ca6 {
+ border-radius: var(--card-radius-big);
+}
+.card_eb1ca6 .guildInfo_eb1ca6 {
+ padding-top: 32px;
+ border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
+ transition: var(--default-time) var(--default-animation) border-color;
+}
+.card_eb1ca6 .guildIcon_eb1ca6 foreignObject {
+ mask: none !important;
+}
+
+.emptyContainer_e37a20 {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 80px 0;
+ border-radius: var(--card-radius-big);
+}
+
+/* SERVER DISCOVERY -> SEARCH RESULTS */
+.searchPage-3tt6dh,
+.categories-2LoSbA,
+.results_e37a20 {
+ margin-right: 24px;
+}
+
+.searchPage-3tt6dh,
+.categories-2LoSbA,
+.results_e37a20,
+.guildList-QjZKeK {
+ max-width: 1200px;
+}
+
+.searchPage-3tt6dh .search-25t1e9 {
+ max-width: unset;
+}
+.searchPage-3tt6dh .searchBox__56feb {
+ padding-right: 8px;
+ background-color: var(--input-color);
+ box-shadow: none !important;
+}
+
+.categoryPill-1zjNrr {
+ border-radius: 8px;
+ background-color: var(--card-button-color);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.categoryPill-1zjNrr:hover:not(.selected-bLcqYK) {
+ background-color: var(--card-button-color-hover);
+}
+.categoryPill-1zjNrr .categoryLabel-2m4AT- {
+ color: var(--text-normal);
+ transition: var(--default-time) var(--default-animation) color;
+}
+.categoryPill-1zjNrr.selected-bLcqYK {
+ background-color: hsl(var(--accent-hsl), 0.3);
+}
+.categoryPill-1zjNrr.selected-bLcqYK .categoryLabel-2m4AT- {
+ color: hsl(var(--accent-hsl--material-you));
+}
+
+.card_e825f6 {
+ height: 160px;
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 0;
+ border-radius: var(--card-radius-big);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.card_e825f6:hover {
+ background-color: var(--card-color-hover);
+}
+.card_e825f6 .container_e825f6 {
+ height: 100%;
+}
+.card_e825f6 .content_e825f6 {
+ height: 100%;
+ padding: 16px 16px 16px 0;
+ box-sizing: border-box;
+}
+.card_e825f6 .memberInfo_e825f6 {
+ margin-top: 8px;
+}
+.card_e825f6 .text-xs\/normal_dc00ef {
+ font-weight: 500;
+}
+
+.splashContainer_e825f6 {
+ height: 100%;
+ border-radius: var(--card-radius-big);
+}
+
+.separator_e825f6 {
+ display: none;
+}
+
+/* SERVER DISCOVERY -> SCHOOL HUB */
+.scroller_a39aa3 {
+ background-color: var(--chat-color);
+}
+
+.container_f11cbf {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+
+.sidebarContainer_e5b5f9 {
+ background-color: transparent;
+}
+
+/*
+ *
+ * SERVER GUIDE
+ *
+ */
+.header_d32e26 {
+ margin-top: -16px;
+}
+
+.headerArtWrapper_d32e26 {
+ width: calc(100% + 32px);
+ margin-right: -16px;
+}
+
+.headerIcon_d32e26 {
+ background-color: var(--chat-color);
+ border-radius: 50%;
+ border-color: var(--chat-color);
+}
+
+.userCardInner_c69a7b {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 0;
+ border-radius: var(--card-radius-big);
+}
+
+.action_e3f878 {
+ background-color: var(--card-color-filled) !important;
+ border: none !important;
+ padding: 16px;
+ border-radius: var(--card-radius-big) !important;
+ transition: var(--default-time) var(--default-animation) background-color;
+ cursor: pointer;
+}
+.action_e3f878:hover {
+ background-color: var(--card-color-hover) !important;
+}
+
+.row_b53f4f {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.row_b53f4f:hover {
+ background-color: var(--card-color-hover);
+}
+
+.sidebarCardWrapper_e85cee {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+
+/*
+ *
+ * SERVER SHOP
+ *
+ */
+.content_cac32e {
+ background-color: var(--chat-color);
+}
+.content_cac32e .contentContainer_cac32e {
+ width: 100%;
+}
+
+.container_e1e1a4,
+.filters_ff1414 {
+ max-width: unset;
+}
+
+.container_e1e1a4 {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 0;
+ border-radius: var(--card-radius-big);
+ box-shadow: none;
+}
+.container_e1e1a4 .infoContainer_e1e1a4 {
+ padding: 0 16px 16px;
+}
+.container_e1e1a4 .coverImage_e1e1a4 {
+ border-radius: var(--card-radius-big);
+}
+
+.filters_ff1414 .lookFilled_dd4f85 .contents_dd4f85 {
+ color: var(--accent-text-color--material-you);
+}
+.filters_ff1414 .lookFilled_dd4f85 .text-sm\/medium_dc00ef {
+ color: inherit !important;
+}
+
+.header_ff1414 {
+ font-size: 14px;
+ text-transform: none;
+}
+
+.tab_ff1414 {
+ border-radius: var(--card-radius-big);
+}
+.tab_ff1414.selected_ff1414 {
+ background-color: hsl(var(--accent-hsl--material-you), 0.3);
+ border-color: hsl(var(--accent-hsl--material-you));
+ box-shadow: none;
+}
+
+.productCard_eb6c38 {
+ background-color: var(--card-color-filled) !important;
+ border: none !important;
+ padding: 0;
+ border-radius: var(--card-radius-big) !important;
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.productCard_eb6c38:hover {
+ background-color: var(--card-color-hover) !important;
+}
+.productCard_eb6c38 .productThumbnail_eb6c38 {
+ border-radius: var(--card-radius-big);
+}
+
+.card_c5b7ad:hover .cardContent_c5b7ad {
+ box-shadow: none;
+ outline: none;
+ transform: none;
+}
+
+/* SERVER SHOP -> PRODUCT MODAL */
+.container_dc71f0 {
+ width: calc(100% + 48px);
+ margin: -24px -24px -16px;
+ border-radius: var(--card-radius-big);
+}
+
+.body_b3373b {
+ background-color: transparent;
+}
+
+/*
+ *
+ * DISCORD SHOP
+ *
+ */
+.shopScroll_e77fa3,
+.pageWrapper_e77fa3,
+.shop_e77fa3 {
+ background-color: var(--main-alt);
+}
+
+.shopScrollBackgroundPrimary__28f1d,
+.pageWrapperBackgroundPrimary__36469 {
+ background-color: var(--main-color);
+}
+
+.countDownWrapper_cd5584 {
+ box-shadow: var(--shadow-3dp) !important;
+}
+
+.shyBanner__78fa4 {
+ border-radius: var(--card-radius-big);
+ box-shadow: none;
+}
+
+.heroBanner_e16ab1,
+.bannerBackground_ad3aa1,
+.bannerCard_b27f26 {
+ border-radius: var(--card-radius-big);
+}
+
+.heroBanner_e16ab1 {
+ margin-top: 0;
+}
+
+.shopBanner_be5025 {
+ border-radius: var(--card-radius-big);
+ outline: none;
+}
+
+.itemTypeTitle_e77fa3 {
+ font-size: 16px;
+ text-transform: none;
+ font-weight: 500;
+}
+
+.shopCard_c23530 {
+ background: var(--card-color-filled) !important;
+ border-radius: var(--card-radius-big);
+ border: none;
+ box-shadow: none !important;
+ transition: var(--default-time) var(--default-animation) background;
+}
+.shopCard_c23530:hover {
+ background: var(--card-color-active) !important;
+ top: unset;
+}
+.shopCard_c23530 .text-lg\/bold_dc00ef {
+ font-weight: 400;
+ font-size: 24px;
+ color: var(--header-primary) !important;
+}
+.shopCard_c23530 .cardBackground_c23530 {
+ background-color: transparent !important;
+}
+.shopCard_c23530 .description__8d6d2,
+.shopCard_c23530 .priceTag__6412e {
+ color: var(--text-normal) !important;
+}
+.shopCard_c23530 .premiumIcon__7552e path {
+ fill: currentColor;
+}
+.shopCard_c23530 .lookFilled_dd4f85.colorBrand_dd4f85 {
+ background: var(--button-background) !important;
+}
+.shopCard_c23530 .giftButtonInner_e70ca4,
+.shopCard_c23530 .previewButtonInner_bfc6e5 {
+ max-width: none;
+ max-height: none;
+}
+
+.cardTextProfileEffect__27c03:before {
+ background: linear-gradient(180deg, transparent, transparent, var(--card-color-filled)) !important;
+}
+
+.modalContent_c5828f {
+ padding: 0 !important;
+ border-radius: var(--popout-radius-big) !important;
+}
+.modalContent_c5828f::-webkit-scrollbar {
+ --scrollbar-width: 0;
+ --scrollbar-thin-width: 0;
+}
+.modalContent_c5828f .collectibleInfoContainer_c5828f {
+ border-radius: var(--popout-radius-big);
+}
+.modalContent_c5828f .collectibleInfoContainer_c5828f .lookFilled_dd4f85 {
+ background: var(--button-background) !important;
+}
+.modalContent_c5828f .collectibleInfoContainer_c5828f .lookFilled_dd4f85 .contents_dd4f85 svg {
+ height: 24px;
+}
+.modalContent_c5828f .categoryBanner_c5828f {
+ width: calc(100% + var(--popout-radius-big));
+ left: calc(var(--popout-radius-big) * -1);
+}
+
+.chatPreview_c5828f {
+ background-color: var(--popout-color) !important;
+ box-shadow: var(--shadow-3dp);
+}
+.chatPreview_c5828f .wrapper_f9f2ca {
+ margin-top: 0;
+ margin-left: 46px;
+ border-radius: var(--message-radius);
+}
+.chatPreview_c5828f .wrapper_f9f2ca:before, .chatPreview_c5828f .wrapper_f9f2ca:after {
+ display: none;
+}
+.chatPreview_c5828f .wrapper_f9f2ca .avatar_f9f2ca {
+ margin-top: -2px;
+ margin-left: -66px;
+}
+.chatPreview_c5828f .mockInput_c5828f {
+ background-color: var(--input-color);
+ border-radius: 20px;
+}
+
+/*
+ *
+ * USER SETTINGS ADD GAME POPOUT
+ *
+ */
+.addGamePopout_fd966d {
+ background-color: var(--popout-color) !important;
+ border-radius: var(--popout-radius-big) !important;
+ box-shadow: var(--shadow-3dp) !important;
+}
+.addGamePopout_fd966d .lookLink_dd4f85 {
+ margin-right: 8px;
+}
+
+/*
+ *
+ * AUTOCOMPLETE
+ *
+ */
+.autocomplete_f23da8 {
+ background-color: var(--popout-color) !important;
+ border-radius: var(--popout-radius-big) !important;
+ box-shadow: var(--shadow-3dp) !important;
+}
+.autocomplete_f23da8 .categoryHeader_fe2299 {
+ background-color: var(--emoji-category-header);
+}
+.autocomplete_f23da8 .autocompleteRow_f23da8 {
+ padding: 0;
+}
+.autocomplete_f23da8 [aria-disabled=false].autocompleteRow_f23da8 .base_f23da8:hover {
+ background-color: var(--menu-item-hover);
+}
+.autocomplete_f23da8 [aria-selected=true].autocompleteRow_f23da8 .base_f23da8 {
+ background-color: var(--menu-item-select);
+}
+.autocomplete_f23da8 .autocompleteRow_f23da8 .base_f23da8 {
+ padding: 8px 12px;
+ border-radius: 0;
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.autocomplete_f23da8 .autocompleteRow_f23da8 .base_f23da8.selected-3H3-RC {
+ background-color: var(--menu-item-hover) !important;
+}
+.autocomplete_f23da8 .contentTitle_f23da8 {
+ font-size: 14px;
+ text-transform: none;
+}
+.autocomplete_f23da8 .divider_f23da8 {
+ padding: 8px 0;
+}
+.autocomplete_f23da8 .divider_f23da8:after {
+ background-color: var(--card-border-color);
+}
+.autocomplete_f23da8 .wrapper_efd8e6 {
+ position: relative;
+ background-color: var(--attachment-color);
+}
+.autocomplete_f23da8 .wrapper_efd8e6 .wrapper_ba23fe {
+ width: 100%;
+}
+.autocomplete_f23da8 .wrapper_efd8e6 .wrapper_ba23fe .scrollerBase_eed6a8 {
+ --scrollbar-width: 0;
+}
+.autocomplete_f23da8 .wrapper_efd8e6 .wrapper_ba23fe {
+ width: 100%;
+ background-color: transparent;
+}
+.autocomplete_f23da8 .wrapper_efd8e6 .wrapper_ba23fe .scrollerBase_eed6a8 {
+ --scrollbar-width: 0;
+}
+.autocomplete_f23da8 .wrapper_efd8e6 .wrapper_ba23fe .listItems_dcade6 {
+ left: 12px !important;
+ right: 12px !important;
+}
+.autocomplete_f23da8 .listItems_dcade6 {
+ left: 0 !important;
+ right: 0 !important;
+}
+
+/* AUTOCOMPLETE -> ROLES POPOUT */
+.container_bcd8cb {
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+}
+.container_bcd8cb .autocompleteArrow-2CRgr2 {
+ background-color: var(--popout-color);
+}
+.container_bcd8cb .header_bcd8cb {
+ background-color: transparent;
+ border-bottom: 1px solid var(--card-border-color);
+}
+.container_bcd8cb .headerText_bcd8cb {
+ margin-right: 0;
+}
+.container_bcd8cb .input_bcd8cb {
+ width: 100%;
+ margin-bottom: 0;
+}
+.container_bcd8cb .sectionTag_bcd8cb {
+ background-color: transparent !important;
+}
+.container_bcd8cb .section_bcd8cb {
+ line-height: 36px;
+ padding: 0 16px;
+ font-size: 14px;
+ text-transform: none;
+}
+.container_bcd8cb .autocompleteShadow_bcd8cb {
+ display: none;
+}
+.container_bcd8cb .autocompleteArrow-2CRgr2 {
+ background-color: var(--popout-color);
+}
+.container_bcd8cb .header_bcd8cb {
+ padding: 0 16px;
+ gap: 8px;
+ justify-content: flex-start;
+ background-color: transparent;
+ border-bottom: 1px solid var(--card-border-color);
+}
+.container_bcd8cb .sectionTag_bcd8cb {
+ background-color: transparent !important;
+}
+.container_bcd8cb .section_bcd8cb {
+ line-height: 36px;
+ padding: 0 16px;
+ font-size: 14px;
+ text-transform: none;
+}
+
+.autocompleteShadow_bcd8cb,
+.autocompleteHeaderBackground_bcd8cb {
+ display: none;
+}
+
+.row_bcd8cb {
+ padding-left: var(--scrollbar-thin-width);
+}
+.row_bcd8cb.selected_bcd8cb .rowInner_bcd8cb {
+ background-color: var(--menu-item-hover);
+}
+.row_bcd8cb .rowInner_bcd8cb {
+ border-radius: var(--popout-radius);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+
+/*
+ *
+ * CALENDAR
+ *
+ */
+.calendarPicker__47c85 .react-datepicker {
+ padding: 16px;
+ background-color: var(--popout-color) !important;
+ border-radius: var(--popout-radius-big) !important;
+ box-shadow: var(--shadow-3dp) !important;
+}
+.calendarPicker__47c85 .react-datepicker__header {
+ background-color: transparent !important;
+}
+.calendarPicker__47c85 .react-datepicker__current-month {
+ border-bottom-color: var(--separator-color) !important;
+ font-size: 14px;
+ text-transform: none;
+}
+.calendarPicker__47c85 .react-datepicker__navigation.react-datepicker__navigation--next, .calendarPicker__47c85 .react-datepicker__navigation.react-datepicker__navigation--previous {
+ width: 24px;
+ height: 24px;
+ background-color: hsl(var(--button-link-accent-color), 0.1);
+ border-radius: 50%;
+ border: none;
+ color: var(--button-link-accent-text-color);
+}
+.calendarPicker__47c85 .react-datepicker__navigation.react-datepicker__navigation--next:hover, .calendarPicker__47c85 .react-datepicker__navigation.react-datepicker__navigation--previous:hover {
+ background-color: hsl(var(--button-link-accent-color), 0.2);
+}
+.calendarPicker__47c85 .react-datepicker__day-name {
+ color: var(--text-normal) !important;
+}
+.calendarPicker__47c85 .react-datepicker__day--disabled,
+.calendarPicker__47c85 .react-datepicker__day--outside-month {
+ background-color: transparent !important;
+ color: var(--text-disabled) !important;
+}
+.calendarPicker__47c85 .react-datepicker__day {
+ background-color: transparent !important;
+ border-radius: 50% !important;
+ border: 1px solid transparent !important;
+ transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color;
+}
+.calendarPicker__47c85 .react-datepicker__day:hover:not(.react-datepicker__day--today) {
+ background-color: var(--menu-item-hover) !important;
+}
+.calendarPicker__47c85 .react-datepicker__day.react-datepicker__day--selected {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ color: var(--accent-text-color--material-you) !important;
+}
+.calendarPicker__47c85 .react-datepicker__day.react-datepicker__day--selected:after {
+ display: none;
+}
+.calendarPicker__47c85 .react-datepicker__day.react-datepicker__day--selected:hover {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+}
+.calendarPicker__47c85 .react-datepicker__day--today {
+ border-color: hsl(var(--accent-hsl--material-you)) !important;
+ color: hsl(var(--accent-hsl--material-you)) !important;
+}
+.calendarPicker__47c85 .react-datepicker__day--today:hover {
+ background-color: hsl(var(--accent-hsl), 0.2) !important;
+}
+
+.datePicker_b0286e .react-datepicker {
+ padding-bottom: 8px;
+ box-shadow: none !important;
+}
+.datePicker_b0286e .datePickerHint_b0286e {
+ border-top-color: var(--separator-color);
+}
+.datePicker_b0286e .datePickerHint_b0286e .hint_b0286e {
+ color: var(--text-normal);
+}
+.datePicker_b0286e .datePickerHint_b0286e .hintValue_b0286e {
+ margin-left: 2px;
+ padding: 0 6px;
+ background-color: hsl(var(--accent-hsl--material-you));
+ color: var(--accent-text-color--material-you);
+ border-radius: 11px;
+}
+
+/*
+ *
+ * CHANNEL INFO
+ *
+ */
+.container_e88961 {
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+}
+.container_e88961 .users_a5bc92 {
+ background-color: var(--card-color-active);
+}
+.container_e88961 .total_a5bc92 {
+ background-color: var(--card-color-filled);
+}
+.container_e88961 .total_a5bc92:after {
+ border-right-color: var(--card-color-filled);
+}
+
+.headerDivider_e88961 {
+ background-color: var(--popout-header-border);
+}
+
+.popout_d201be {
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+}
+
+/*
+ *
+ * COLOR PICKER
+ *
+ */
+.customColorPicker_bbc020 {
+ background-color: var(--popout-color) !important;
+ border-radius: var(--popout-radius-big) !important;
+ box-shadow: var(--shadow-3dp) !important;
+ border: none !important;
+}
+
+.suggestedColor__713b5 {
+ border-radius: 16px;
+}
+
+.colorPickerRow_d31e23 {
+ overflow: visible;
+}
+
+.colorPickerSwatch__343b4 {
+ border-radius: 10px;
+}
+.colorPickerSwatch__343b4.custom__383ac, .colorPickerSwatch__343b4.default__428e2 {
+ border-radius: var(--card-radius-big);
+}
+
+.swatch_c66781 {
+ border-radius: var(--card-radius-big);
+}
+
+/*
+ *
+ * CONNECTION INFO
+ *
+ */
+.container__13b2a {
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+}
+.container__13b2a .header-2C89wJ,
+.container__13b2a section {
+ background-color: transparent !important;
+}
+.container__13b2a .header-2C89wJ {
+ border-bottom: 1px solid var(--popout-header-border);
+ text-transform: none;
+ justify-content: left;
+}
+
+/*
+ *
+ * CONTEXT MENU
+ *
+ */
+.menu_d90b3d {
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius);
+ box-shadow: var(--shadow-3dp);
+ animation: opacity 100ms ease, open-context-menu 300ms var(--default-animation);
+ transform-origin: top;
+}
+.menu_d90b3d .scrollerBase_eed6a8 {
+ padding: 8px 0;
+}
+.menu_d90b3d .scrollerBase_eed6a8::-webkit-scrollbar {
+ --scrollbar-thin-width: 0;
+}
+.menu_d90b3d .groupLabel_d90b3d {
+ font-size: 14px;
+ text-transform: none;
+}
+.menu_d90b3d .item_d90b3d {
+ min-height: 32px;
+ margin: 0;
+ padding: 9px 12px;
+ line-height: 18px;
+ border-radius: 0;
+ color: var(--menu-item-text-color) !important;
+ transition: var(--default-time) var(--default-animation) background-color;
+ flex-direction: row-reverse;
+}
+.menu_d90b3d .item_d90b3d.focused_d90b3d {
+ background-color: var(--menu-item-hover);
+}
+.menu_d90b3d .item_d90b3d.focused_d90b3d .caret_d90b3d {
+ color: var(--menu-item-text-color);
+}
+.menu_d90b3d .item_d90b3d.focused_d90b3d .caret_d90b3d path {
+ fill: currentColor;
+}
+.menu_d90b3d .item_d90b3d.colorPremiumGradient_d90b3d {
+ transition: var(--default-time) var(--default-animation) background;
+}
+.menu_d90b3d .item_d90b3d.colorPremiumGradient_d90b3d.focused_d90b3d {
+ background: var(--menu-item-hover);
+}
+.menu_d90b3d .item_d90b3d:active:not(.hideInteraction_d90b3d) {
+ background-color: var(--menu-item-select);
+}
+.menu_d90b3d .item_d90b3d.hideInteraction_d90b3d .labelContainer_d90b3d {
+ padding: 0 0 8px;
+}
+.menu_d90b3d .item_d90b3d.hideInteraction_d90b3d .sliderContainer_e13f88 {
+ margin-bottom: -6px;
+ padding: 0;
+}
+.menu_d90b3d .item_d90b3d .labelContainer_d90b3d {
+ min-height: unset;
+ padding: 0;
+}
+.menu_d90b3d .item_d90b3d .iconContainer_d90b3d,
+.menu_d90b3d .item_d90b3d .imageContainer_d90b3d {
+ margin-left: 0;
+ margin-right: 12px;
+}
+.menu_d90b3d .item_d90b3d .iconContainerLeft_d90b3d {
+ margin-left: 12px;
+ margin-right: 0;
+}
+.menu_d90b3d .item_d90b3d .icon_d90b3d path {
+ fill: currentColor;
+}
+.menu_d90b3d .item_d90b3d .userMenuText_e1268c {
+ color: inherit;
+}
+.menu_d90b3d .submenuPaddingContainer_d90b3d {
+ margin-left: -4px;
+ margin-right: -4px;
+ animation: opacity 100ms ease, open-context-menu 300ms var(--default-animation);
+ transform-origin: top;
+}
+.menu_d90b3d .separator_d90b3d {
+ width: 100%;
+ margin: 8px 0;
+ border-color: var(--separator-color);
+}
+
+body:active .menu_d90b3d:not(:active) {
+ opacity: 0;
+ transition: 150ms ease all;
+}
+
+/* CONTEXT MENU -> SERVER OPTIONS */
+#guild-header-popout.menu_d90b3d {
+ animation: top-pop-out 400ms var(--default-animation);
+ overflow: hidden;
+}
+
+/*
+ *
+ * CREATE GROUP DM
+ *
+ */
+.searchBar_e6af9c {
+ margin-top: 16px;
+}
+.searchBar_e6af9c .input_effbe2 {
+ height: var(--input-height) !important;
+}
+
+.searchBarComponent_e6af9c {
+ background-color: var(--input-color);
+ border-radius: 19px !important;
+ border: none;
+}
+.searchBarComponent_e6af9c .inner_effbe2 {
+ min-height: var(--input-height);
+}
+.tag_effbe2 {
+ height: 28px;
+ margin: 4px 4px 0 6px;
+ border-radius: 14px;
+ background-color: transparent;
+ border: 1px solid var(--text-muted);
+ color: var(--text-normal);
+}
+.tag_effbe2 + .input_effbe2 {
+ margin-left: 6px;
+}
+
+.friendWrapper_ebf869 {
+ margin: 0;
+}
+
+.friend_ebf869 {
+ padding: 6px 18px 6px 24px;
+ border-radius: 0;
+}
+.friend_ebf869.friendSelected_ebf869 {
+ background-color: var(--menu-item-hover) !important;
+}
+
+.footer_e6af9c {
+ padding: 16px 24px 24px;
+}
+
+.footerSeparator_e6af9c {
+ display: none;
+}
+
+/*
+ *
+ * EMOJI PICKER
+ *
+ */
+.contentWrapper_af5dbb, .contentWrapper_eab878 {
+ animation: bottom-pop-out 400ms var(--default-animation);
+}
+
+.isBurstReactionPicker_b9ca03 {
+ border-radius: var(--popout-radius-big) !important;
+}
+
+.contentWrapper_af5dbb, .contentWrapper_eab878,
+.emojiPicker_c6ee36 {
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+}
+
+.wrapper_c6ee36 {
+ border-radius: var(--popout-radius-big);
+}
+.wrapper_c6ee36.isBurstReactionUnlimited_ef651a {
+ border-radius: var(--popout-radius-big);
+ box-shadow: 0 0 0 2px hsl(var(--accent-hsl--material-you));
+}
+.wrapper_c6ee36.isBurstReactionUnlimited_ef651a:before {
+ border-radius: inherit;
+ box-shadow: 0 0 100px hsl(var(--accent-hsl--material-you));
+}
+
+/* EMOJI PICKER -> HEADER */
+.navButtonSuperReactActive__01546 {
+ background: var(--menu-item-select);
+}
+
+.header_c6ee36,
+.header_d8cdac,
+.header_b56bbc {
+ padding: 16px;
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big) var(--popout-radius-big) 0 0;
+ border-bottom: 1px solid var(--card-border-color);
+ box-shadow: none !important;
+}
+
+.header_c6ee36 + .emojiPicker_c6ee36 {
+ border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big);
+}
+
+.nav_af5dbb + .wrapper_c6ee36 .header_c6ee36, .nav__2aafa + .wrapper_c6ee36 .header_c6ee36 {
+ padding-top: 0;
+}
+.nav_af5dbb + .wrapper_d8cdac .header_d8cdac, .nav__2aafa + .wrapper_d8cdac .header_d8cdac {
+ padding-top: 0;
+}
+.nav_af5dbb + .container_b56bbc .header_b56bbc, .nav__2aafa + .container_b56bbc .header_b56bbc {
+ padding-top: 0;
+}
+
+.diversitySelectorOptions_cce80d {
+ background-color: var(--popout-color);
+ border-radius: 16px;
+ border: none;
+ box-shadow: var(--shadow-3dp);
+ overflow: hidden;
+}
+.diversitySelectorOptions_cce80d .diversityEmojiItem_cce80d {
+ border-radius: 0;
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.diversitySelectorOptions_cce80d .diversityEmojiItem_cce80d:hover {
+ background-color: var(--menu-item-hover);
+}
+
+.positionContainer_af5dbb:not(.positionContainerOnlyEmoji_af5dbb) .drawerSizingWrapper_af5dbb .contentWrapper_af5dbb {
+ --nav-container-padding: 4px;
+ --nav-button-height: 24px;
+ --nav-button-radius: 12px;
+ grid-template-rows: calc(var(--nav-button-height) + var(--nav-container-padding) * 2) auto;
+ grid-row-gap: 16px;
+}
+
+.drawerSizingWrapper_af5dbb .navList_af5dbb, .drawerSizingWrapper_af5dbb .navList__8438b {
+ position: relative;
+ width: 100%;
+ padding: var(--nav-container-padding);
+ background-color: var(--popout-color-alt);
+ border-radius: calc(var(--nav-button-radius) + var(--nav-container-padding));
+ z-index: 0;
+ box-sizing: border-box;
+}
+.drawerSizingWrapper_af5dbb .navList_af5dbb:after, .drawerSizingWrapper_af5dbb .navList__8438b:after {
+ position: absolute;
+ content: " ";
+ width: calc(33.3333% - var(--nav-container-padding) / 2);
+ height: var(--nav-button-height);
+ top: 0;
+ bottom: 0;
+ margin: auto 0;
+ background: var(--menu-item-select);
+ border-radius: var(--nav-button-radius);
+ z-index: -1;
+ transition: var(--default-time) var(--default-animation) transform;
+}
+.drawerSizingWrapper_af5dbb .navList_af5dbb:has([id=sticker-picker-tab].navButtonActive_af5dbb, [id=sticker-picker-tab].navButtonActive_b003de):after, .drawerSizingWrapper_af5dbb .navList__8438b:has([id=sticker-picker-tab].navButtonActive_af5dbb, [id=sticker-picker-tab].navButtonActive_b003de):after {
+ transform: translateX(100%);
+}
+.drawerSizingWrapper_af5dbb .navList_af5dbb:has([id=emoji-picker-tab].navButtonActive_af5dbb, [id=emoji-picker-tab].navButtonActive_b003de):after, .drawerSizingWrapper_af5dbb .navList__8438b:has([id=emoji-picker-tab].navButtonActive_af5dbb, [id=emoji-picker-tab].navButtonActive_b003de):after {
+ transform: translateX(calc(200% - var(--nav-container-padding) / 2));
+}
+.drawerSizingWrapper_af5dbb .navList_af5dbb .navItem_af5dbb, .drawerSizingWrapper_af5dbb .navList__8438b .navItem_af5dbb {
+ flex-grow: 1;
+ flex-basis: 0;
+ margin: 0;
+ padding: 0;
+ line-height: var(--nav-button-height);
+ background-color: transparent !important;
+ color: var(--text-muted);
+}
+.drawerSizingWrapper_af5dbb .navList_af5dbb .navItem_af5dbb:hover, .drawerSizingWrapper_af5dbb .navList__8438b .navItem_af5dbb:hover, .drawerSizingWrapper_af5dbb .navList_af5dbb .navItem_af5dbb.navButtonActive_af5dbb, .drawerSizingWrapper_af5dbb .navList__8438b .navItem_af5dbb.navButtonActive_af5dbb, .drawerSizingWrapper_af5dbb .navList_af5dbb .navItem_af5dbb.navButtonActive_b003de, .drawerSizingWrapper_af5dbb .navList__8438b .navItem_af5dbb.navButtonActive_b003de {
+ color: var(--text-normal);
+}
+
+body:active .drawerSizingWrapper_af5dbb:not(:active) {
+ opacity: 0;
+ transition: 150ms ease all;
+}
+
+.navButtonActive_af5dbb, .navButtonActive_b003de {
+ background: none;
+}
+
+#gif-picker-tab-panel,
+#sticker-picker-tab-panel,
+#emoji-picker-tab-panel {
+ animation: picker-panel calc(var(--default-time) * 2) var(--default-animation);
+}
+
+@keyframes picker-panel {
+ from {
+ opacity: 0;
+ }
+}
+/* EMOJI PICKER -> HEADER -> SEARCH BAR */
+.container_effbe2, .container_c18ec9 {
+ background-color: var(--input-color);
+ border-radius: 16px;
+}
+.container_effbe2 .inner_effbe2, .container_c18ec9 .inner_effbe2 {
+ padding: 0;
+}
+.container_effbe2 .input_effbe2, .container_c18ec9 .input_effbe2 {
+ height: 32px;
+ margin: 0;
+ padding: 0 12px;
+}
+
+/* EMOJI PICKER -> EMOJIS */
+.wrapper_c43059 {
+ background-color: var(--popout-color);
+}
+.wrapper_c43059 .banner_c43059 {
+ border-radius: var(--card-radius-big);
+}
+
+.wrapper_e06857 {
+ background-color: var(--emoji-category-header);
+}
+.wrapper_e06857 .headerLabel_e06857 {
+ font-size: 14px;
+ text-transform: none;
+}
+
+.emojiItem_fbfedd {
+ border-radius: 8px;
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.emojiItem_fbfedd.emojiItemSelected_fbfedd {
+ background-color: var(--menu-item-select);
+}
+.emojiItem_fbfedd.emojiItemDisabled__843ea {
+ filter: none;
+}
+.emojiItem_fbfedd.emojiItemDisabled__843ea .image_b000dd {
+ filter: brightness(60%) grayscale(100%);
+}
+
+.newlyAddedHighlight_fbfedd {
+ border-radius: 8px 8px 8px 0;
+ border-color: hsl(var(--accent-hsl--material-you)) !important;
+ overflow: hidden;
+}
+.newlyAddedHighlight_fbfedd.oneItem_fbfedd {
+ border-radius: 8px 8px 0 0;
+}
+.newlyAddedHighlight_fbfedd .emojiItem_fbfedd {
+ border-radius: 0;
+}
+
+.newlyAddedBadge_fbfedd {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ border-radius: 0 0 8px 8px;
+ color: var(--accent-text-color--material-you);
+}
+.newlyAddedBadge_fbfedd .newlyAddedBadgeStar_fbfedd {
+ color: inherit;
+}
+.newlyAddedBadge_fbfedd div {
+ color: inherit !important;
+ text-transform: capitalize;
+}
+
+.upsell_b6ac1a {
+ height: auto;
+ margin-bottom: 2px;
+ background-color: var(--card-color-outlined);
+ border: 1px solid var(--card-border-color);
+ padding: 8px;
+ border-radius: var(--card-radius-big);
+}
+
+.inspector_c3120f {
+ background-color: var(--popout-color);
+ border-top: 1px solid var(--card-border-color);
+}
+.inspector_c3120f .guildIcon_bfabc4 {
+ border-radius: 50%;
+}
+
+.badgeLabel_c3120f {
+ border-radius: 13px;
+ text-transform: none;
+}
+.badgeLabel_c3120f.newlyAddedBadge_c3120f {
+ background: hsl(var(--accent-hsl--material-you));
+ color: var(--accent-text-color--material-you);
+}
+.badgeLabel_c3120f.newlyAddedBadge_c3120f .newlyAddedBadgeIcon_c3120f {
+ color: inherit;
+}
+.badgeLabel_c3120f.newlyAddedBadge_c3120f div {
+ color: inherit !important;
+}
+
+/* EMOJI PICKER -> CATEGORIES */
+.categoryList_c6ee36 {
+ top: 64px;
+ border-radius: 0 0 0 var(--popout-radius-big);
+}
+.categoryList_c6ee36 .scroller_dcade6::-webkit-scrollbar {
+ width: 0px !important;
+}
+.categoryList_c6ee36 .unicodeShortcut_dfa278 {
+ height: 47px;
+ background-color: var(--popout-color);
+ border-top: 1px solid var(--card-border-color);
+}
+
+.emojiPickerHasTabWrapper_c6ee36 .wrapper_ba23fe {
+ top: 50px;
+}
+
+.container-3a5mk- .wrapper_ba23fe {
+ top: 66px;
+}
+
+.wrapper_ba23fe {
+ background-color: var(--attachment-color);
+}
+.wrapper_ba23fe .categoryItem_dfa278,
+.wrapper_ba23fe .stickerCategory_a7a485 {
+ border-radius: 50%;
+}
+.wrapper_ba23fe .categoryItem_dfa278:hover,
+.wrapper_ba23fe .stickerCategory_a7a485:hover {
+ background-color: var(--menu-item-hover);
+}
+.wrapper_ba23fe .categoryItem_dfa278.categoryItemRecentEmoji_dfa278 path, .wrapper_ba23fe .categoryItem_dfa278.stickerCategoryGeneric_a7a485 path,
+.wrapper_ba23fe .stickerCategory_a7a485.categoryItemRecentEmoji_dfa278 path,
+.wrapper_ba23fe .stickerCategory_a7a485.stickerCategoryGeneric_a7a485 path {
+ d: path("M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z");
+}
+
+.nav_af5dbb + .wrapper_c6ee36 .wrapper_ba23fe, .nav__2aafa + .wrapper_c6ee36 .wrapper_ba23fe {
+ margin-top: -1px;
+}
+.nav_af5dbb + .wrapper_d8cdac .wrapper_ba23fe, .nav__2aafa + .wrapper_d8cdac .wrapper_ba23fe {
+ margin-top: -1px;
+}
+
+.emojiPicker_c6ee36 + .categoryList_c6ee36 .scroller_dcade6::-webkit-scrollbar {
+ width: 0px !important;
+}
+
+.input_effbe2::-webkit-input-placeholder {
+ font-family: var(--app-font);
+}
+
+/* EMOJI PICKER -> GIFS */
+.container_b56bbc {
+ background-color: transparent !important;
+}
+
+.searchBar_b56bbc {
+ padding: 0 6px 0 0 !important;
+ --input-height: 32px;
+}
+.searchBar_b56bbc .input_c18ec9 {
+ padding: 0 12px !important;
+}
+
+.result_bad108 {
+ border-radius: var(--media-radius);
+}
+.result_bad108:after,
+.result_bad108 .gif_bad108,
+.result_bad108 .categoryFade_af1167,
+.result_bad108 .categoryFadeBlurple_af1167 {
+ border-radius: inherit;
+}
+.result_bad108 .categoryFadeBlurple_af1167 {
+ background-color: hsl(var(--accent-hsl), 0.8) !important;
+}
+.result_bad108:hover {
+ box-shadow: var(--shadow-2dp) !important;
+}
+.result_bad108:hover:after {
+ box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl--material-you)), inset 0 0 1px 3px #2f3136 !important;
+}
+
+.emptyHints_bad108 {
+ margin: 0;
+ gap: 16px;
+}
+
+.emptyHintCard_bad108 {
+ margin: 0;
+ background-color: var(--card-color-filled) !important;
+ border: none !important;
+ padding: 24px;
+ border-radius: var(--card-radius-big) !important;
+}
+
+/* EMOJI PICKER -> STICKERS */
+.categoryList_a7a485 .scroller_dcade6::-webkit-scrollbar {
+ width: 0px !important;
+}
+
+.row_a708c4 {
+ column-gap: 6px !important;
+}
+
+.createSticker_a708c4 {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.createSticker_a708c4.createInspected_a708c4 {
+ background-color: var(--card-color-active);
+}
+
+.iconWrapper_a708c4, .iconWrapper_a66fbc {
+ background-image: none;
+ background-color: hsl(var(--accent-hsl--material-you));
+ color: var(--accent-text-color--material-you);
+}
+
+.stickerInspected_a708c4 .inspectedIndicator_a708c4 {
+ background-color: var(--card-color-active);
+}
+
+/* EMOJI PICKER -> BURST REACTIONS */
+.picker-Jz0w5j {
+ padding: 4px;
+ border-radius: var(--popout-radius-big);
+}
+.picker-Jz0w5j .header-2jK3d7 {
+ height: unset;
+ padding: 8px 16px;
+ background-color: var(--popout-color);
+ border-top-left-radius: calc(var(--popout-radius-big) / 1.25);
+ border-top-right-radius: calc(var(--popout-radius-big) / 1.25);
+ border-bottom: 1px solid var(--card-border-color);
+}
+.picker-Jz0w5j .header-2jK3d7 .divider-1F5TiM {
+ display: none;
+}
+.picker-Jz0w5j .badge-zjd8-t {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ color: var(--accent-text-color--material-you);
+}
+.picker-Jz0w5j .emojiPicker_c6ee36 {
+ border-radius: 0 0 calc(var(--popout-radius-big) / 1.25) calc(var(--popout-radius-big) / 1.25);
+ box-shadow: none;
+}
+
+/* EMOJI PICKER -> SUPER REACT */
+.label_d1ac9b {
+ background-color: var(--card-color-filled);
+ transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color;
+}
+.label_d1ac9b.labelChecked_d1ac9b {
+ background-color: hsl(var(--accent-hsl--material-you));
+ color: var(--accent-text-color--material-you);
+}
+.label_d1ac9b svg path {
+ fill: currentColor;
+}
+
+.wrapper_c43059 {
+ border-radius: var(--popout-radius-big);
+ overflow: hidden;
+}
+.wrapper_c43059 .closeButton_c43059 {
+ display: flex;
+ width: 28px;
+ height: 28px;
+ background-color: var(--card-button-color-hover);
+ border-radius: 50%;
+ align-items: center;
+ justify-content: center;
+}
+.wrapper_c43059 .closeButton_c43059 svg {
+ width: 18px;
+ height: 18px;
+}
+
+.content_c43059 {
+ height: 100%;
+ padding: 24px calc(24px - var(--scrollbar-width)) 24px 24px;
+ overflow-y: scroll;
+ gap: 16px;
+}
+.content_c43059 .contentFill_c43059 {
+ margin: 0;
+ border-radius: var(--card-radius-big);
+}
+.content_c43059 .contentContainer_aac415 {
+ padding: 0;
+}
+.content_c43059 .contentContainer_aac415 .heading-xl\/bold_dc00ef {
+ font-weight: 400;
+}
+.content_c43059 .gradientUpsellWrapper_aac415 {
+ border-radius: var(--card-radius-big);
+}
+
+/*
+ *
+ * EMOJI PICKER ICONS
+ *
+ */
+.categoryList_c6ee36 .unicodeShortcut_dfa278 path {
+ d: path("M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z");
+}
+.categoryList_c6ee36 .categoryItem_dfa278 {
+ /* EMOJI PICKER ICONS -> PEOPLE */
+ /* EMOJI PICKER ICONS -> NATURE */
+ /* EMOJI PICKER ICONS -> FOOD */
+ /* EMOJI PICKER ICONS -> ACTIVITIES */
+ /* EMOJI PICKER ICONS -> TRAVEL */
+ /* EMOJI PICKER ICONS -> OBJECTS */
+ /* EMOJI PICKER ICONS -> SYMBOLS */
+ /* EMOJI PICKER ICONS -> FLAGS */
+}
+.categoryList_c6ee36 .categoryItem_dfa278 path[d="M12 2C6.477 2 2 6.477 2 12C2 17.522 6.477 22 12 22C17.523 22 22 17.522 22 12C22 6.477 17.522 2 12 2ZM16.293 6.293L17.707 7.706L16.414 9L17.707 10.293L16.293 11.706L13.586 9L16.293 6.293ZM6.293 7.707L7.707 6.294L10.414 9L7.707 11.707L6.293 10.294L7.586 9L6.293 7.707ZM12 19C9.609 19 7.412 17.868 6 16.043L7.559 14.486C8.555 15.92 10.196 16.831 12 16.831C13.809 16.831 15.447 15.92 16.443 14.481L18 16.04C16.59 17.867 14.396 19 12 19Z"] {
+ d: path("M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z");
+}
+.categoryList_c6ee36 .categoryItem_dfa278 path[d="M6.814 8.982C4.539 11.674 4.656 15.591 6.931 18.153L4.034 21.579L5.561 22.87L8.463 19.437C9.569 20.127 10.846 20.513 12.161 20.513C14.231 20.513 16.183 19.607 17.516 18.027C20.069 15.01 20.771 6.945 21 3C17.765 3.876 9.032 6.356 6.814 8.982V8.982ZM8.935 17.331C6.826 15.548 6.56 12.382 8.342 10.272C9.592 8.793 14.904 6.845 18.764 5.698L8.935 17.331V17.331Z"] {
+ d: path("M8.66 13.07c.15 0 .29-.01.43-.03C9.56 14.19 10.69 15 12 15s2.44-.81 2.91-1.96c.14.02.29.03.43.03 1.73 0 3.14-1.41 3.14-3.14 0-.71-.25-1.39-.67-1.93.43-.54.67-1.22.67-1.93 0-1.73-1.41-3.14-3.14-3.14-.15 0-.29.01-.43.03C14.44 1.81 13.31 1 12 1s-2.44.81-2.91 1.96c-.14-.02-.29-.03-.43-.03-1.73 0-3.14 1.41-3.14 3.14 0 .71.25 1.39.67 1.93-.43.54-.68 1.22-.68 1.93 0 1.73 1.41 3.14 3.15 3.14zM12 13c-.62 0-1.12-.49-1.14-1.1l.12-1.09c.32.12.66.19 1.02.19s.71-.07 1.03-.19l.11 1.09c-.02.61-.52 1.1-1.14 1.1zm3.34-1.93c-.24 0-.46-.07-.64-.2l-.81-.57c.55-.45.94-1.09 1.06-1.83l.88.42c.4.19.66.59.66 1.03 0 .64-.52 1.15-1.15 1.15zm-.65-5.94c.2-.13.42-.2.65-.2.63 0 1.14.51 1.14 1.14 0 .44-.25.83-.66 1.03l-.88.42c-.12-.74-.51-1.38-1.07-1.83l.82-.56zM12 3c.62 0 1.12.49 1.14 1.1l-.11 1.09C12.71 5.07 12.36 5 12 5s-.7.07-1.02.19l-.12-1.09c.02-.61.52-1.1 1.14-1.1zM8.66 4.93c.24 0 .46.07.64.2l.81.56c-.55.45-.94 1.09-1.06 1.83l-.88-.42c-.4-.2-.66-.59-.66-1.03 0-.63.52-1.14 1.15-1.14zM8.17 8.9l.88-.42c.12.74.51 1.38 1.07 1.83l-.81.55c-.2.13-.42.2-.65.2-.63 0-1.14-.51-1.14-1.14-.01-.43.25-.82.65-1.02zM12 22c4.97 0 9-4.03 9-9-4.97 0-9 4.03-9 9zm2.44-2.44c.71-1.9 2.22-3.42 4.12-4.12-.71 1.9-2.22 3.41-4.12 4.12zM3 13c0 4.97 4.03 9 9 9 0-4.97-4.03-9-9-9zm2.44 2.44c1.9.71 3.42 2.22 4.12 4.12-1.9-.71-3.41-2.22-4.12-4.12z");
+}
+.categoryList_c6ee36 .categoryItem_dfa278 path[d="M11 18H13V22H11V18Z"] {
+ d: path("M12 6c1.11 0 2-.9 2-2 0-.38-.1-.73-.29-1.03L12 0l-1.71 2.97c-.19.3-.29.65-.29 1.03 0 1.1.9 2 2 2zm6 3h-5V7h-2v2H6c-1.66 0-3 1.34-3 3v9c0 .55.45 1 1 1h16c.55 0 1-.45 1-1v-9c0-1.66-1.34-3-3-3zm1 11H5v-3c.9-.01 1.76-.37 2.4-1.01l1.09-1.07 1.07 1.07c1.31 1.31 3.59 1.3 4.89 0l1.08-1.07 1.07 1.07c.64.64 1.5 1 2.4 1.01v3zm0-4.5c-.51-.01-.99-.2-1.35-.57l-2.13-2.13-2.14 2.13c-.74.74-2.03.74-2.77 0L8.48 12.8l-2.14 2.13c-.35.36-.83.56-1.34.57V12c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v3.5z");
+}
+.categoryList_c6ee36 .categoryItem_dfa278 path[d="M11 18H13V22H11V18Z"] ~ path {
+ display: none;
+}
+.categoryList_c6ee36 .categoryItem_dfa278 path[d="M5.66487 5H18.3351C19.9078 5 21.2136 6.21463 21.3272 7.78329L21.9931 16.9774C22.0684 18.0165 21.287 18.9198 20.248 18.9951C20.2026 18.9984 20.1572 19 20.1117 19C18.919 19 17.8785 18.1904 17.5855 17.0342L17.0698 15H6.93015L6.41449 17.0342C6.12142 18.1904 5.08094 19 3.88826 19C2.84645 19 2.00189 18.1554 2.00189 17.1136C2.00189 17.0682 2.00354 17.0227 2.00682 16.9774L2.67271 7.78329C2.78632 6.21463 4.0921 5 5.66487 5ZM14.5 10C15.3284 10 16 9.32843 16 8.5C16 7.67157 15.3284 7 14.5 7C13.6716 7 13 7.67157 13 8.5C13 9.32843 13.6716 10 14.5 10ZM18.5 13C19.3284 13 20 12.3284 20 11.5C20 10.6716 19.3284 10 18.5 10C17.6716 10 17 10.6716 17 11.5C17 12.3284 17.6716 13 18.5 13ZM6.00001 9H4.00001V11H6.00001V13H8.00001V11H10V9H8.00001V7H6.00001V9Z"] {
+ d: path("M21 6H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-10 7H8v3H6v-3H3v-2h3V8h2v3h3v2zm4.5 2c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm4-3c-.83 0-1.5-.67-1.5-1.5S18.67 9 19.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z");
+}
+.categoryList_c6ee36 .categoryItem_dfa278 path[d="M22 17H19.725C19.892 16.529 20 16.029 20 15.5C20 13.015 17.985 11 15.5 11H13.5L12.276 8.553C12.107 8.214 11.761 8 11.382 8H7C6.448 8 6 8.447 6 9V11.051C3.753 11.302 2 13.186 2 15.5C2 17.986 4.015 20 6.5 20H15.5C16.563 20 17.527 19.616 18.297 19H22V17ZM6.5 16.75C5.81 16.75 5.25 16.19 5.25 15.5C5.25 14.81 5.81 14.25 6.5 14.25C7.19 14.25 7.75 14.81 7.75 15.5C7.75 16.19 7.19 16.75 6.5 16.75ZM11.5 16.75C10.81 16.75 10.25 16.19 10.25 15.5C10.25 14.81 10.81 14.25 11.5 14.25C12.19 14.25 12.75 14.81 12.75 15.5C12.75 16.19 12.19 16.75 11.5 16.75ZM16.5 16.75C15.81 16.75 15.25 16.19 15.25 15.5C15.25 14.81 15.81 14.25 16.5 14.25C17.19 14.25 17.75 14.81 17.75 15.5C17.75 16.19 17.19 16.75 16.5 16.75Z"] {
+ d: path("M12 4H5C3.34 4 2 5.34 2 7v8c0 1.66 1.34 3 3 3l-1 1v1h1l2-2h2v-5H4V6h9v2h2V7c0-1.66-1.34-3-3-3zM5 14c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm15.57-4.34c-.14-.4-.52-.66-.97-.66h-7.19c-.46 0-.83.26-.98.66l-1.42 4.11v5.51c0 .38.31.72.69.72h.62c.38 0 .68-.38.68-.76V18h8v1.24c0 .38.31.76.69.76h.61c.38 0 .69-.34.69-.72l.01-1.37v-4.14l-1.43-4.11zm-8.16.34h7.19l1.03 3h-9.25l1.03-3zM12 16c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm8 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z");
+}
+.categoryList_c6ee36 .categoryItem_dfa278 path[d="M18 5.999H17V4.999C17 4.448 16.553 3.999 16 3.999H4C3.447 3.999 3 4.448 3 4.999V12.999C3 14.488 3.47 15.865 4.265 16.999H15.722C16.335 16.122 16.761 15.105 16.92 13.999H18C20.205 13.999 22 12.205 22 9.999C22 7.794 20.205 5.999 18 5.999V5.999ZM18 12H17V8H18C19.104 8 20 8.897 20 10C20 11.102 19.104 12 18 12Z"] {
+ d: path("M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5v6z");
+}
+.categoryList_c6ee36 .categoryItem_dfa278 path[d="M18 5.999H17V4.999C17 4.448 16.553 3.999 16 3.999H4C3.447 3.999 3 4.448 3 4.999V12.999C3 14.488 3.47 15.865 4.265 16.999H15.722C16.335 16.122 16.761 15.105 16.92 13.999H18C20.205 13.999 22 12.205 22 9.999C22 7.794 20.205 5.999 18 5.999V5.999ZM18 12H17V8H18C19.104 8 20 8.897 20 10C20 11.102 19.104 12 18 12Z"] ~ path {
+ display: none;
+}
+.categoryList_c6ee36 .categoryItem_dfa278 path[d="M16 4.001C14.406 4.001 12.93 4.838 12 6.081C11.07 4.838 9.594 4.001 8 4.001C5.243 4.001 3 6.244 3 9.001C3 14.492 11.124 19.633 11.471 19.849C11.633 19.95 11.817 20.001 12 20.001C12.183 20.001 12.367 19.95 12.529 19.849C12.876 19.633 21 14.492 21 9.001C21 6.244 18.757 4.001 16 4.001V4.001Z"] {
+ d: path("M12.1,18.55L12,18.65L11.89,18.55C7.14,14.24 4,11.39 4,8.5C4,6.5 5.5,5 7.5,5C9.04,5 10.54,6 11.07,7.36H12.93C13.46,6 14.96,5 16.5,5C18.5,5 20,6.5 20,8.5C20,11.39 16.86,14.24 12.1,18.55M16.5,3C14.76,3 13.09,3.81 12,5.08C10.91,3.81 9.24,3 7.5,3C4.42,3 2,5.41 2,8.5C2,12.27 5.4,15.36 10.55,20.03L12,21.35L13.45,20.03C18.6,15.36 22,12.27 22,8.5C22,5.41 19.58,3 16.5,3Z");
+}
+.categoryList_c6ee36 .categoryItem_dfa278 path[d="M20 6.002H14V3.002C14 2.45 13.553 2.002 13 2.002H4C3.447 2.002 3 2.45 3 3.002V22.002H5V14.002H10.586L8.293 16.295C8.007 16.581 7.922 17.011 8.076 17.385C8.23 17.759 8.596 18.002 9 18.002H20C20.553 18.002 21 17.554 21 17.002V7.002C21 6.45 20.553 6.002 20 6.002Z"] {
+ d: path("M14 6l-1-2H5v17h2v-7h5l1 2h7V6h-6zm4 8h-4l-1-2H7V6h5l1 2h5v6z");
+}
+
+/*
+ *
+ * GUILD POPOUT
+ *
+ */
+.guildPopout-G6M0fK {
+ background-color: var(--popout-color) !important;
+ border-radius: var(--popout-radius-big) !important;
+ box-shadow: var(--shadow-3dp) !important;
+}
+.guildPopout-G6M0fK .iconWithSplash-1V9gXL foreignObject {
+ mask: none !important;
+}
+.guildPopout-G6M0fK .iconMask-1lJhcS {
+ background-color: var(--popout-color);
+}
+.guildPopout-G6M0fK .iconMask-1lJhcS,
+.guildPopout-G6M0fK .avatar-2slV0S {
+ border-radius: var(--avatar-radius);
+}
+
+.footer-3YL3ds {
+ background-color: transparent;
+ border-top: 1px solid var(--popout-header-border);
+}
+.footer-3YL3ds .emojiHeader-19AA-h {
+ font-size: 14px;
+ text-transform: none;
+}
+.footer-3YL3ds .emojiCounter-tx3ftR {
+ background-color: var(--popout-color-alt);
+}
+
+.container_a9480d {
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+}
+
+/* GUILD CHAT POPOUT - PROBABLY A DIFFERENT THING, I DUNNO YET */
+.container_c22357 {
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+}
+.container_c22357 .text-xs\/normal_dc00ef {
+ color: var(--text-normal) !important;
+}
+
+.bannerImage_e0fe28 {
+ border-radius: var(--popout-radius-big);
+}
+
+.cardContainer_c22357 {
+ background: transparent !important;
+}
+
+.clanTagChiplet_e0fe28 {
+ height: 24px;
+ padding: 0px 8px;
+ background-color: var(--popout-color-alt);
+ border-radius: 12px;
+ border: none;
+}
+
+.clanIconInner_e0fe28 {
+ background-color: var(--popout-color);
+}
+
+.trait_c18810 {
+ border-color: var(--popout-header-border);
+}
+
+.gameImageContainer_fda254 {
+ border-radius: 50%;
+ border-color: var(--popout-header-border);
+}
+
+#svg-mask-clan-icon rect {
+ rx: 1;
+ ry: 1;
+}
+
+/*
+ *
+ * INCOMING CALL
+ *
+ */
+.root_cbf230 {
+ background-color: var(--popout-color) !important;
+ border-radius: var(--popout-radius-big) !important;
+ box-shadow: var(--shadow-3dp) !important;
+}
+.root_cbf230 .colorable_ef18ee {
+ border-radius: 50% !important;
+}
+.root_cbf230 .colorable_ef18ee.red_ef18ee {
+ --button-background: hsl(var(--alert-hsl));
+ --button-text-color: var(--alert-text-color);
+}
+.root_cbf230 .colorable_ef18ee.green_ef18ee {
+ --button-background: hsl(var(--button-link-accent-color),0.15);
+ --button-text-color: var(--button-link-accent-text-color);
+}
+.root_cbf230 .colorable_ef18ee.green_ef18ee .centerIcon_ef18ee path {
+ d: path("M20 15.45c-1.25 0-2.45-.2-3.57-.57-.1-.03-.21-.05-.31-.05-.26 0-.51.1-.71.29l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1C8.7 6.4 8.5 5.2 8.5 3.95c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1zM5.03 4.95h1.5c.07.88.22 1.75.45 2.58l-1.2 1.21c-.4-1.21-.66-2.47-.75-3.79zM19 18.92c-1.32-.09-2.6-.35-3.8-.76l1.2-1.2c.85.24 1.72.39 2.6.45v1.51zM18 5.95v-3h-2v3h-3v2h3v3h2v-3h3v-2z");
+}
+
+/*
+ *
+ * LIST POPOUT
+ *
+ */
+.container_ac201b {
+ padding: 0;
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius);
+ border: none;
+ box-shadow: var(--shadow-3dp);
+ animation: top-pop-out 400ms var(--default-animation);
+}
+.container_ac201b .container__33507 {
+ margin: 12px 8px;
+}
+.container_ac201b .list_eef3ef {
+ margin-top: 0;
+ border-top: 1px solid var(--card-border-color);
+}
+.container_ac201b .list_eef3ef .content-2a4AW9 {
+ height: auto !important;
+}
+.container_ac201b .list_eef3ef .item_eef3ef {
+ margin-bottom: 0;
+ border-radius: 0;
+ color: var(--menu-item-text-color);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.container_ac201b .list_eef3ef .item_eef3ef:hover {
+ background-color: var(--menu-item-hover);
+}
+.container_ac201b .list_eef3ef .item_eef3ef.selected-22ukbQ, .container_ac201b .list_eef3ef .item_eef3ef.selectedBrand_eef3ef {
+ background-color: var(--menu-item-select);
+}
+
+body:active .container_ac201b:not(:active) {
+ opacity: 0;
+ transition: 150ms ease all;
+}
+
+/*
+ *
+ * LISTENING ALONG CHANNEL POPOUT
+ *
+ */
+.container__56cd1 {
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+}
+.container__56cd1 .headerText_d5089b {
+ font-size: 14px;
+ text-transform: none;
+ font-weight: 500;
+}
+.container__56cd1 .container_c23582 {
+ background-color: var(--card-button-color);
+}
+.container__56cd1 .assetsLargeImage_f866f2 {
+ border-radius: 50%;
+}
+
+/*
+ *
+ * MESSAGES POPOUT
+ *
+ */
+.messagesPopoutWrap_ac90a2,
+.recentMentionsPopout_ddb5b4 {
+ max-height: 80vh !important;
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+ animation: top-pop-out 400ms var(--default-animation);
+}
+.messagesPopoutWrap_ac90a2 .wrapper_f9f2ca.cozy_f9f2ca,
+.recentMentionsPopout_ddb5b4 .wrapper_f9f2ca.cozy_f9f2ca {
+ overflow: visible;
+}
+.messagesPopoutWrap_ac90a2 .wrapper_f9f2ca.cozy_f9f2ca:before, .messagesPopoutWrap_ac90a2 .wrapper_f9f2ca.cozy_f9f2ca:after,
+.recentMentionsPopout_ddb5b4 .wrapper_f9f2ca.cozy_f9f2ca:before,
+.recentMentionsPopout_ddb5b4 .wrapper_f9f2ca.cozy_f9f2ca:after {
+ display: none;
+}
+.messagesPopoutWrap_ac90a2 .wrapper_f9f2ca.cozy_f9f2ca .avatar_f9f2ca,
+.recentMentionsPopout_ddb5b4 .wrapper_f9f2ca.cozy_f9f2ca .avatar_f9f2ca {
+ left: -50px;
+}
+.messagesPopoutWrap_ac90a2 .wrapper_f9f2ca.cozy_f9f2ca .container_b558d0,
+.recentMentionsPopout_ddb5b4 .wrapper_f9f2ca.cozy_f9f2ca .container_b558d0 {
+ overflow: hidden;
+}
+
+body:active .messagesPopoutWrap_ac90a2:not(:active),
+body:active .recentMentionsPopout_ddb5b4:not(:active) {
+ opacity: 0;
+ transition: 150ms ease all;
+}
+
+.header_ac90a2 {
+ height: auto;
+ min-height: unset;
+ padding: 24px 24px 0;
+ background-color: transparent;
+ box-shadow: none;
+}
+.header_ac90a2 .heading-md\/medium_dc00ef,
+.header_ac90a2 .text-lg\/semibold_dc00ef {
+ line-height: 24px;
+ font-size: 20px;
+ font-weight: 400;
+ color: var(--header-primary);
+}
+.header_ac90a2 .heading-md\/medium_dc00ef {
+ margin-bottom: 16px;
+}
+.header_ac90a2 .expandedInboxHeader_f0cd33 {
+ padding-bottom: 0;
+}
+.header_ac90a2 .expandedTabSection_f0cd33 {
+ height: 48px;
+}
+.header_ac90a2 .topPill_a0 {
+ height: 48px;
+}
+.header_ac90a2 .friendRequestsButton_c0c071,
+.header_ac90a2 .button__292b6:not(.disabled__4d064) {
+ background-color: var(--card-button-color);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.header_ac90a2 .friendRequestsButton_c0c071:hover,
+.header_ac90a2 .button__292b6:not(.disabled__4d064):hover {
+ background-color: var(--card-button-color-hover);
+}
+
+.container_fe1358 {
+ background-color: transparent;
+}
+
+.row_fd8ff1 {
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.row_fd8ff1:hover {
+ background-color: var(--menu-item-hover);
+}
+
+/* MESSAGES POPOUT -> FRIEND REQUEST ROW */
+.friendRequestContainer_fd8ff1 .button_dd4f85 {
+ padding: var(--button-padding);
+}
+.friendRequestContainer_fd8ff1 .button_dd4f85 .text-sm\/medium_dc00ef {
+ line-height: var(--button-height);
+}
+.friendRequestContainer_fd8ff1 .colorGreen_dd4f85 {
+ margin-right: 8px;
+}
+.friendRequestContainer_fd8ff1 .colorGreen_dd4f85 .text-sm\/medium_dc00ef {
+ color: var(--button-text-color) !important;
+}
+.friendRequestContainer_fd8ff1 .colorPrimary_dd4f85 {
+ --button-padding: 0 12px;
+ --button-background: transparent !important;
+ --button-text-color: var(--button-link-accent-text-color) !important;
+ --accent-button-action-hover: 0.14;
+ --accent-button-action-active: 0.21;
+}
+.friendRequestContainer_fd8ff1 .colorPrimary_dd4f85:after {
+ background-color: hsl(var(--button-link-accent-color));
+}
+.friendRequestContainer_fd8ff1 .colorPrimary_dd4f85 .text-sm\/medium_dc00ef {
+ font-size: 1em;
+ color: var(--button-text-color) !important;
+}
+
+/* MESSAGES POPOUT -> INNER */
+.messagesPopout_ac90a2 {
+ padding: 0 calc(24px - var(--scrollbar-thin-width)) 24px 24px !important;
+}
+.messagesPopout_ac90a2 .messageGroupWrapper_ac90a2 {
+ margin: 0 0 16px;
+ background-color: transparent;
+ border: none;
+ overflow: visible;
+}
+.messagesPopout_ac90a2 .messageGroupWrapper_ac90a2:last-of-type {
+ margin-bottom: 0;
+}
+.messagesPopout_ac90a2 .messageGroupWrapper_ac90a2 .wrapper_f9f2ca {
+ margin: 0 0 0 50px;
+ padding: var(--message-padding-top) var(--message-padding-side) !important;
+ background-color: var(--message-color-alt) !important;
+ border-radius: var(--message-radius);
+}
+.messagesPopout_ac90a2 .messageGroupWrapper_ac90a2 .actionButtons_ac90a2 {
+ top: 22px;
+ right: 12px;
+}
+.messagesPopout_ac90a2 .messageGroupWrapper_ac90a2 .actionButtons_ac90a2 .jumpButton_ac90a2 {
+ border-radius: 9px;
+}
+
+.footer_ac90a2 {
+ background-color: transparent;
+ border-top: 1px solid var(--popout-header-border);
+}
+
+.channelHeader_f3978e {
+ padding: 12px 16px;
+ background-color: var(--message-color-alt);
+ border-radius: var(--message-radius) var(--message-radius) 0 0;
+ border-bottom: 1px solid var(--card-border-color);
+}
+.channelHeader_f3978e .button__292b6 {
+ background-color: var(--menu-item-hover);
+}
+.channelHeader_f3978e .button__292b6:hover {
+ background-color: var(--menu-item-select);
+}
+
+/* MESSAGES POPOUT -> RECENT MENTIONS */
+.container_ddb5b4 {
+ padding-left: 0;
+ padding-right: 0;
+}
+.container_ddb5b4:first-child {
+ margin-top: 16px;
+}
+.container_ddb5b4 .messageContainer_ddb5b4 {
+ margin-left: 0;
+ background-color: var(--message-color-alt);
+ border-radius: 0 0 var(--message-radius) var(--message-radius);
+}
+.container_ddb5b4 .messageContainer_ddb5b4 .wrapper_f9f2ca {
+ --message-color: var(--message-color-hover);
+}
+.container_ddb5b4 .messageContainer_ddb5b4 .wrapper_f9f2ca.cozy_f9f2ca {
+ margin: 0 0 0 66px;
+ border-radius: var(--message-radius);
+ overflow: visible;
+}
+
+.header_f0cd33 {
+ border-bottom: 1px solid var(--popout-header-border);
+}
+
+.jumpButton_aab0bc {
+ top: 22px;
+ right: 22px;
+ padding: 4px 6px;
+ border-radius: 12px;
+}
+
+/* MESSAGES POPOUT -> UNREADS */
+.tutorial_f1c3d9 {
+ background-color: var(--card-color-outlined);
+ border: 1px solid var(--card-border-color);
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+
+.channel_d09ffd .channelHeader_f3978e {
+ padding: 12px 16px 12px 42px;
+}
+.channel_d09ffd .channelHeader_f3978e:only-child {
+ border-radius: var(--message-radius);
+ border-bottom: none;
+}
+.channel_d09ffd .channelHeader_f3978e .collapseButton_d09ffd {
+ left: 12px;
+ cursor: pointer;
+}
+
+.messages_c06487 {
+ padding: 16px;
+ background-color: var(--message-color-alt);
+ border-radius: 0 0 var(--message-radius) var(--message-radius);
+}
+.messages_c06487 .wrapper_f9f2ca.cozy_f9f2ca {
+ overflow: visible;
+}
+.messages_c06487 .wrapper_f9f2ca.cozy_f9f2ca.groupStart_d5deea {
+ margin: 16px 0 0 48px;
+}
+.messages_c06487 .wrapper_f9f2ca.cozy_f9f2ca:not(.groupStart_d5deea) {
+ margin: -8px 0 0 48px;
+}
+
+/*
+ *
+ * NITRO UPSELLS
+ *
+ */
+/* NITRO UPSELLS -> PROFILE THEMES */
+.content-1rmYE- {
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+}
+.content-1rmYE- .button_dd4f85 {
+ --button-padding: 0 12px;
+}
+
+/*
+ *
+ * NOISE SUPPRESSION
+ *
+ */
+.noiseCancellationPopout_adcaac {
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+}
+.noiseCancellationPopout_adcaac .micTestButton_adcaac {
+ width: auto;
+}
+
+/*
+ *
+ * PARTY MODE POPOUT
+ *
+ */
+.content_aa99af {
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+}
+.content_aa99af .pointer_aa99af {
+ border-top-color: var(--popout-color);
+}
+
+/*
+ *
+ * PICTURE IN PICTURE
+ *
+ */
+.pictureInPictureVideo_cadaa5 {
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+}
+
+/*
+ *
+ * REGION SELECT POPOUT
+ *
+ */
+.regionSelectPopout_ccb5ca {
+ padding: 8px 0;
+ background-color: var(--popout-color) !important;
+ border-radius: var(--popout-radius);
+ box-shadow: var(--shadow-3dp);
+}
+.regionSelectPopout_ccb5ca .quickSelectPopoutOption_b852b1 {
+ position: relative;
+ padding: 9px 12px;
+ transition: var(--default-time) ease background-color;
+}
+.regionSelectPopout_ccb5ca .quickSelectPopoutOption_b852b1:hover {
+ background-color: var(--menu-item-hover) !important;
+}
+.regionSelectPopout_ccb5ca .quickSelectPopoutOption_b852b1 .regionSelectName_ccb5ca {
+ margin: 0;
+ font-size: 14px;
+ text-align: left;
+ color: var(--menu-item-text-color) !important;
+}
+
+/*
+ *
+ * ROLE PREVIEW POPOUT
+ *
+ */
+.container-3ssFyj {
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+}
+
+/*
+ *
+ * SEARCH POPOUT
+ *
+ */
+.container_eedf95 {
+ max-height: 80vh;
+ background-color: var(--popout-color) !important;
+ border-radius: var(--popout-radius-big) !important;
+ box-shadow: var(--shadow-3dp) !important;
+ overflow-y: auto;
+ transform: translate(0, -4px);
+ animation: top-pop-out 400ms var(--default-animation);
+}
+.container_eedf95 .resultsGroup_b0286e:before {
+ display: none;
+}
+.container_eedf95 .resultsGroup_b0286e .searchLearnMore_b0286e a,
+.container_eedf95 .resultsGroup_b0286e .searchClearHistory_b0286e {
+ color: var(--text-normal);
+}
+.container_eedf95 .header_b0286e {
+ color: var(--text-normal);
+ font-size: 14px;
+ text-transform: none;
+}
+.container_eedf95 .option_b0286e {
+ margin: 0;
+ padding: 0 16px;
+ border-radius: 0;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+.container_eedf95 .option_b0286e:after {
+ background: linear-gradient(90deg, transparent, var(--popout-color) 80%);
+}
+.container_eedf95 .option_b0286e:hover:after {
+ background: linear-gradient(90deg, transparent, var(--menu-item-hover) 50%);
+}
+.container_eedf95 [aria-selected=true].option_b0286e {
+ background: var(--menu-item-select) !important;
+}
+.container_eedf95 [aria-selected=true].option_b0286e:after {
+ width: 70px;
+ background: linear-gradient(90deg, transparent, var(--menu-item-select) 50%);
+}
+.container_eedf95 .option_b0286e .filter_b0286e {
+ color: var(--text-normal);
+}
+.container_eedf95 .option_b0286e .answer_b0286e {
+ color: var(--text-muted);
+}
+.container_eedf95 .queryContainer_eedf95 {
+ border-bottom-color: var(--popout-header-border) !important;
+}
+.container_eedf95 .queryContainer_eedf95.focused_eedf95 {
+ background-color: transparent !important;
+}
+.container_eedf95 .queryContainer_eedf95 .queryText_eedf95 {
+ font-size: 14px;
+ text-transform: none;
+}
+
+.keybindShortcut-3zF1P9 {
+ height: 24px;
+}
+.keybindShortcut-3zF1P9 .key_c90023 {
+ background-color: var(--menu-item-hover) !important;
+ color: var(--text-normal);
+}
+.keybindShortcut-3zF1P9 .key_c90023 {
+ height: 100%;
+ padding: 0 6px;
+ line-height: 24px;
+ border-radius: 12px;
+ box-shadow: none !important;
+ border: none !important;
+}
+
+body:active .container_eedf95:not(:active) {
+ opacity: 0;
+ transition: 150ms ease all;
+}
+
+/*
+ *
+ * SOUNDBOARD PICKER
+ *
+ */
+.picker_cd703d {
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+}
+
+.premiumPromo_ca9b56 {
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+}
+
+.header_d0dc1d {
+ border-bottom: 1px solid var(--separator-color);
+ box-shadow: none;
+}
+
+.categoryList_ceda83 {
+ top: 57px;
+}
+.categoryList_ceda83 .scrollerBase_eed6a8 {
+ --scrollbar-width: 0;
+}
+
+.soundButton_f40049 {
+ background-color: var(--card-button-color);
+ border-radius: 20px;
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.soundButton_f40049.hoverActiveBackground_f40049:hover {
+ background-color: var(--card-button-color-hover);
+}
+.soundButton_f40049 .buttonOverlayBackground_f40049 {
+ background-color: var(--card-button-color);
+}
+.soundButton_f40049.soundAddButton__896b6:hover {
+ background-color: var(--card-button-color-hover);
+}
+
+.keybindHint_c66e5e {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+}
+
+/*
+ *
+ * STATUS PICKER
+ *
+ */
+[style*="bottom: 68px; left: 88px"].layer_cd0de5 {
+ left: 80px !important;
+}
+
+.menu_ad5fac {
+ --popout-color: transparent;
+ box-shadow: none;
+ animation: none;
+}
+.menu_ad5fac .scrollerBase_eed6a8 {
+ padding-right: 0 !important;
+}
+.menu_ad5fac .scrollerBase_eed6a8::-webkit-scrollbar {
+ --scrollbar-width: 0;
+}
+.menu_ad5fac .separator_d90b3d {
+ width: calc(100% - 24px);
+ margin: 8px 12px !important;
+ border-color: var(--separator-color) !important;
+}
+.menu_ad5fac .submenu_d90b3d .separator_d90b3d {
+ width: 100%;
+ margin: 8px 0 !important;
+}
+
+body:active .menu_ad5fac:not(:active) {
+ opacity: 1;
+}
+
+.scroller_d90b3d {
+ padding: 8px 0 !important;
+}
+.scroller_d90b3d::-webkit-scrollbar {
+ width: 0 !important;
+}
+
+.profileGroup-1yKk23 {
+ margin: -8px 0 0;
+}
+.profileGroup-1yKk23 .item_d90b3d {
+ padding: 0;
+}
+.profileGroup-1yKk23 .userInfoTitle-39qq0Y {
+ font-size: 14px;
+ text-transform: none;
+}
+
+.statusItem_ad5fac {
+ padding: 0;
+}
+
+/* STATUS PICKER -> NEW */
+/*
+ *
+ * STREAM PREVIEW
+ *
+ */
+.streamPreview_adbea6 {
+ background-color: var(--popout-color) !important;
+ border-radius: var(--popout-radius-big) !important;
+ box-shadow: var(--shadow-3dp) !important;
+}
+.streamPreview_adbea6 .previewContainer_adbea6 {
+ background-color: var(--popout-color-alt) !important;
+ border-radius: var(--popout-radius-big);
+ overflow: hidden;
+}
+.streamPreview_adbea6 .iconButton_a2aefc {
+ --button-padding: 0;
+}
+
+/*
+ *
+ * SUMMARIES POPOUT
+ *
+ */
+.topicsDropdownBase_cf58b5 {
+ top: calc(var(--button-height) + 16px);
+ left: 0;
+ right: 0;
+ margin: 0 auto;
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+ border: none;
+ pointer-events: all;
+ overflow: hidden;
+ animation: top-pop-out 400ms var(--default-animation);
+}
+.topicsDropdownBase_cf58b5 .scrollerBase_eed6a8 {
+ padding-top: 0;
+ padding-right: calc(8px - var(--scrollbar-thin-width)) !important;
+ background-color: transparent;
+}
+
+.topicsDropdownHeading_cf58b5 {
+ padding: 24px 24px 16px;
+ background-color: transparent;
+}
+.topicsDropdownHeading_cf58b5 .topicsDropdownHeadingText_cf58b5 {
+ padding-top: 0;
+}
+.topicsDropdownHeading_cf58b5 .heading-md\/bold_dc00ef {
+ line-height: 24px;
+ font-size: 20px;
+ font-weight: 400;
+}
+
+.topicsScroller_cf58b5 {
+ --scrollbar-width: 8px;
+ padding: 0 0 8px 0 !important;
+ background: transparent;
+}
+
+.summariesBetaTag_cf58b5 {
+ margin-left: 8px;
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ color: var(--accent-text-color--material-you);
+}
+
+.container_b1a27b {
+ margin-top: 0;
+ padding-left: 16px;
+ padding-right: 12px;
+ border-radius: calc(var(--card-radius-big) / 1.4);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.container_b1a27b:hover {
+ background-color: var(--card-color-active);
+}
+
+.feedbackContainer_b1a27b {
+ padding-left: 24px;
+ background-image: linear-gradient(90deg, transparent, var(--card-color-active) 40%);
+ border-radius: 0 var(--card-radius-big) var(--card-radius-big) 0;
+ animation: feedback-open var(--default-time) var(--default-animation);
+}
+.feedbackContainer_b1a27b .thumbIcon_b1a27b {
+ background-color: var(--card-color-hover);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.feedbackContainer_b1a27b .thumbIcon_b1a27b:hover {
+ background-color: var(--card-color-filled);
+}
+
+@keyframes feedback-open {
+ from {
+ opacity: 0;
+ }
+}
+/*
+ *
+ * THREADS POPOUT
+ *
+ */
+.container_e664f3 {
+ min-height: 200px;
+ max-height: 80vh;
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+ animation: top-pop-out 400ms var(--default-animation);
+}
+.container_e664f3 .header_e664f3 {
+ min-height: unset;
+ height: auto;
+ padding: 24px 24px 16px;
+ background-color: transparent;
+}
+.container_e664f3 .header_e664f3 .divider_e664f3 {
+ display: none;
+}
+.container_e664f3 .header_e664f3 .tabBar_e25e30 {
+ height: 100%;
+}
+.container_e664f3 .header_e664f3 .searchBox_e664f3 {
+ --input-height: 32px;
+}
+.container_e664f3 .header_e664f3 .createButton_e664f3 {
+ --button-height: 32px;
+ --button-padding: 0 12px;
+ min-width: 84px;
+}
+.container_e664f3 .controls-SB-N9h {
+ height: 52px;
+}
+.container_e664f3 .tabBar-3N44FC {
+ height: 100%;
+}
+.container_e664f3 .tabBar-3N44FC .item_a0 {
+ height: 24px;
+ border-radius: 12px;
+}
+.container_e664f3 .tabBar-3N44FC .item_a0:after {
+ display: none;
+}
+.container_e664f3 .tabBar-3N44FC .item_a0:hover {
+ background-color: var(--menu-item-hover) !important;
+}
+.container_e664f3 .tabBar-3N44FC .item_a0.selected_a0 {
+ background-color: var(--menu-item-select) !important;
+}
+.container_e664f3 .container_ebd74a {
+ min-height: 200px;
+ padding: 16px;
+}
+.container_e664f3 .sectionHeader_c6aa12 {
+ margin-top: 0;
+ font-size: 14px;
+ text-transform: none;
+}
+.container_e664f3 .list_c6aa12 {
+ padding: 0 24px;
+}
+.container_e664f3 .activeThreadsList-c8qlqZ {
+ padding-bottom: 16px;
+}
+.container_e664f3 .content-28mbXd {
+ height: auto !important;
+}
+.container_e664f3 .container_acb8b3 {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.container_e664f3 .container_acb8b3:hover {
+ background-color: var(--card-color-hover);
+}
+.container_e664f3 .container_acb8b3:last-of-type {
+ margin-bottom: 0;
+}
+
+body:active .container_e664f3:not(:active) {
+ opacity: 0;
+ transition: 150ms ease all;
+}
+
+/*
+ *
+ * THREADS CHANNEL POPOUT
+ *
+ */
+.popout_c5b389 {
+ padding: 0;
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+}
+.popout_c5b389 .title_c5b389 {
+ margin: 0 0 8px 0;
+ padding: 12px;
+ font-size: 14px;
+ text-transform: none;
+ border-bottom: 1px solid var(--popout-header-border);
+}
+.popout_c5b389 .row_c5b389 {
+ margin: 0;
+ border-radius: 0;
+ color: var(--menu-item-text-color);
+ transition: var(--default-time) var(--default-animation);
+}
+.popout_c5b389 .row_c5b389:hover {
+ background-color: var(--menu-item-hover);
+ color: var(--menu-item-text-color);
+}
+.popout_c5b389 .row_c5b389 .timestamp_c5b389 {
+ color: var(--text-muted) !important;
+}
+.popout_c5b389 .more_c5b389 {
+ padding: 8px 12px;
+ border-top-color: var(--popout-header-border);
+ color: hsl(var(--accent-hsl--material-you));
+}
+.popout_c5b389 .more_c5b389 .size14_fb468f {
+ margin-left: auto;
+}
+
+/*
+ *
+ * USER POPOUT
+ *
+ */
+.userProfileOuterUnthemed_c69a7b {
+ --profile-gradient-primary-color: var(--popout-color) !important;
+ --profile-gradient-secondary-color: var(--popout-color) !important;
+ --profile-avatar-border-color: var(--popout-color) !important;
+ --profile-body-background-color: var(--popout-color-alt) !important;
+ --profile-gradient-button-color: hsl(var(--accent-hsl--material-you)) !important;
+ --profile-gradient-button-text-color: var(--accent-text-color--material-you) !important;
+ --bg-surface-overlay: var(--profile-gradient-primary-color) !important;
+ --bg-mod-faint: var(--profile-body-background-color) !important;
+ --input-color: var(--input-color-alt) !important;
+}
+
+.custom-theme-background .menu_d90b3d {
+ border: none;
+}
+
+.userProfileOuterThemed_c69a7b {
+ --popout-color-alt: var(--profile-gradient-secondary-color) !important;
+ --card-color-filled: var(--profile-body-background-color) !important;
+ --menu-item-hover: var(--profile-gradient-secondary-color) !important;
+}
+.userProfileOuterThemed_c69a7b .inner_dc0b43 {
+ --input-color: rgb(var(--bg-overlay-color)/0.3);
+}
+.userProfileOuterThemed_c69a7b .statusText_d0a252 {
+ color: var(--white-500);
+}
+.userProfileOuterThemed_c69a7b .fontSize16Padding_d0696b {
+ color: var(--text-normal) !important;
+}
+.userProfileOuterThemed_c69a7b .spriteGreyscale_af14ca {
+ background-color: var(--text-normal);
+}
+.userProfileOuterThemed_c69a7b .banner_c3e427 {
+ border-radius: calc(var(--popout-radius-big) - 4px);
+}
+.userProfileOuterThemed_c69a7b .lookFilled_dd4f85 {
+ --button-background: var(--profile-gradient-button-color);
+ --button-text-color: var(--white-500);
+ --accent-button-action: var(--white-500);
+}
+.userProfileOuterThemed_c69a7b .connectedAccounts_f3eb60 .connectedAccountContainer_f3eb60 {
+ --card-color-filled: var(--profile-body-background-color);
+}
+.userProfileOuterThemed_c69a7b .spoilerContent_a3d0f7 {
+ --attachment-color: var(--profile-role-pill-background-color);
+}
+.userProfileOuterThemed_c69a7b .spoilerContent_a3d0f7.hidden_a3d0f7 {
+ --attachment-color: var(--profile-gradient-secondary-color);
+}
+.userProfileOuterThemed_c69a7b .textarea_dde0a8,
+.userProfileOuterThemed_c69a7b .inputWrapper_f8bc55 .input_f8bc55 {
+ --input-color: var(--profile-body-background-color) !important;
+}
+.userProfileOuterThemed_c69a7b .listRow_e4be58 {
+ --menu-item-hover: var(--profile-body-background-hover);
+}
+.userProfileOuterThemed_c69a7b .markup_f8f345 a {
+ color: var(--profile-gradient-secondary-color);
+}
+.userProfileOuterThemed_c69a7b .flowerStar_ff7d90 path {
+ fill: var(--profile-gradient-button-color);
+}
+.userProfileOuterThemed_c69a7b .childContainer_ff7d90 path {
+ fill: var(--white-500);
+}
+
+.biteSizeOuter_c69a7b {
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+}
+
+.banner_c3e427 {
+ border-radius: var(--card-radius-big);
+}
+
+.biteSizeInnerThemed_c69a7b {
+ padding-bottom: 0;
+ background-color: var(--popout-color);
+}
+.biteSizeInnerThemed_c69a7b:before {
+ border-radius: calc(var(--popout-radius-big) / 1.25);
+}
+
+.inner_f867f9 {
+ border-radius: var(--popout-radius-big);
+}
+
+.userProfileInner_c69a7b:before {
+ border-radius: calc(var(--popout-radius-big) / 1.25);
+}
+
+.usernameRow_c32acf .icon_f1cdcc .contents_dd4f85 {
+ --button-height: 16px;
+}
+
+/* USER POPOUT -> BANNER BUTTONS */
+.wrapper_cb78f1 .button_dd4f85 {
+ padding: 0;
+}
+.wrapper_cb78f1 .button_dd4f85 .contents_dd4f85 {
+ min-width: var(--button-height);
+ min-height: var(--button-height);
+}
+
+/* USER POPOUT -> STATUS BUBBLE */
+.statusBubbleOuter_d0a252 {
+ background-color: var(--popout-color-alt) !important;
+ border-radius: var(--popout-radius-big);
+ border: none !important;
+ box-shadow: none;
+}
+.statusBubbleOuter_d0a252:before, .statusBubbleOuter_d0a252:after {
+ background-color: inherit !important;
+ border: none !important;
+ box-shadow: none;
+}
+
+.statusBubble_d0a252 {
+ background-color: transparent !important;
+}
+
+.statusText_d0a252 {
+ color: var(--text-normal);
+}
+
+/* USER POPOUT -> BADGE LIST */
+.container_e5a42d {
+ height: 24px;
+ padding: 0 2px;
+ background-color: var(--card-color-filled) !important;
+ border-radius: 12px;
+ border: none;
+}
+
+/* USER POPOUT -> ACTIVITY */
+.activity_cd74cc {
+ background-color: var(--popout-color-alt);
+ border-radius: calc(var(--popout-radius-big) / 1.5);
+ border: none;
+}
+
+/* USER POPOUT -> SPOTIFY */
+.syncButton_deca39 {
+ --button-padding: 0;
+ min-width: var(--button-height);
+}
+.syncButton_deca39 .syncButtonInner_deca39 {
+ min-width: var(--button-height);
+ max-width: var(--button-height);
+ min-height: var(--button-height);
+ max-height: var(--button-height);
+}
+
+.assetsLargeImageSpotify_d5089b {
+ border-radius: 50%;
+}
+
+/* USER POPOUT -> ROLES */
+.role_f9575e, .role_c6b11b {
+ min-width: 28px;
+ height: 28px;
+ gap: 6px;
+ padding: 0 12px 0 6px;
+ background-color: transparent;
+ border-radius: 8px;
+ border: 1px solid var(--card-border-color);
+}
+.role_f9575e > :first-child, .role_c6b11b > :first-child {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+.roleCircle_a26d7b {
+ width: 16px;
+ height: 16px;
+}
+
+.showMoreButton_c83b44 {
+ height: 28px;
+ padding: 0 6px;
+ background-color: transparent;
+ border-radius: 8px;
+ border: 1px solid var(--card-border-color);
+ box-sizing: border-box;
+}
+.showMoreButton_c83b44 .text-xs\/medium_dc00ef {
+ line-height: 26px;
+}
+
+.button_edead5, .addButton_e4010c {
+ width: 28px;
+ height: 28px;
+ padding: 0;
+}
+.button_edead5 .contents_dd4f85, .addButton_e4010c .contents_dd4f85 {
+ --button-height: 28px;
+ min-width: 28px;
+ max-height: 28px;
+ min-height: 28px;
+ max-height: 28px;
+}
+
+/* USER POPOUT -> MESSAGE */
+.inner_dc0b43 {
+ background-color: var(--input-color) !important;
+ border-radius: var(--input-radius);
+}
+.inner_dc0b43 .textArea_d0696b {
+ min-height: var(--input-height);
+ height: var(--input-height);
+}
+.inner_dc0b43 .fontSize16Padding_d0696b {
+ padding-top: calc((var(--input-height) - 1.57em) / 2);
+ padding-bottom: calc((var(--input-height) - 1.57em) / 2);
+}
+.inner_dc0b43 .buttons_d0696b {
+ height: var(--input-height);
+}
+
+/* USER POPOUT -> SELF PROFILE */
+.menus_ad5fac > .menu_d90b3d {
+ background-color: var(--popout-color-alt);
+ border-radius: calc(var(--popout-radius-big) / 1.5);
+ border: none;
+ box-shadow: none;
+}
+
+/* USER POPOUT -> QUEST AVAILABLE POPOUT */
+.wrapper_ac01d6 {
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big) !important;
+ box-shadow: var(--shadow-3dp);
+}
+
+.container_ac01d6 {
+ background-color: unset;
+}
+
+/*
+ *
+ * SERVER FOLDERS
+ *
+ */
+.expandedFolderBackground_bc7085 {
+ --background-secondary: var(--server-folder-color) !important;
+ border-radius: var(--avatar-radius);
+}
+
+.folder_bc7085 {
+ --background-secondary: transparent !important;
+}
+.folder_bc7085.hover_bc7085 {
+ --background-primary: var(--server-folder-color) !important;
+}
+
+[style*="background-color: rgba(88, 101, 242, 0.4)"].folderIconWrapper_bc7085 {
+ background-color: hsl(var(--accent-hsl), 0.4) !important;
+}
+
+.expandedFolderIconWrapper_bc7085 svg[style*="color: rgb(88, 101, 242);"] {
+ color: hsl(var(--accent-hsl--material-you)) !important;
+}
+
+/*
+ *
+ * SERVER LIST
+ *
+ */
+.wrapper_fea3ef {
+ background-color: var(--server-color) !important;
+}
+.wrapper_fea3ef .scroller_fea3ef {
+ background-color: transparent;
+}
+.wrapper_fea3ef .tree_fea3ef:focus {
+ outline: none;
+}
+
+.wrapper_f90abb {
+ border-radius: var(--avatar-radius);
+ overflow: hidden;
+}
+.wrapper_f90abb .childWrapper_f90abb {
+ background-color: hsl(var(--accent-hsl--material-you));
+ border-radius: var(--avatar-radius);
+ color: var(--accent-text-color--material-you);
+}
+.wrapper_f90abb.selected_f90abb .childWrapper_f90abb {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ color: var(--accent-text-color--material-you) !important;
+}
+.wrapper_f90abb:hover .childWrapper_f90abb {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ color: var(--accent-text-color--material-you) !important;
+}
+
+.svg_c5f96a defs > path {
+ d: path("M7.981 40.019h32.038V7.981H7.981v32.038z");
+ transform: scale(1.49825) translate(-8px, -8px);
+}
+
+.favoriteIcon__91c06 path {
+ d: path("M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z");
+}
+
+.circleIconButton_db6521 {
+ border-radius: var(--avatar-radius) !important;
+ background-color: hsl(var(--accent-hsl--material-you));
+ color: var(--accent-text-color--material-you);
+}
+.circleIconButton_db6521.selected_db6521 {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ color: var(--accent-text-color--material-you);
+}
+
+.childWrapper_f90abb rect {
+ rx: var(--avatar-radius);
+}
+
+.mention_c10249 {
+ background-color: hsl(var(--alert-hsl));
+ color: var(--alert-text-color);
+}
+
+/* SERVER LIST -> SERVER */
+.listItem_c96c45 .wrapper_c5f96a {
+ border-radius: var(--avatar-radius);
+}
+.listItem_c96c45 .wrapper_c5f96a .icon__11cf1 {
+ border-radius: var(--avatar-radius);
+}
+.listItem_c96c45 .wrapper_c5f96a .lowerBadge_c5f96a {
+ width: auto;
+ height: auto;
+}
+.listItem_c96c45 .wrapper_c5f96a .unread-badge.lowerBadge_c5f96a {
+ right: unset;
+ left: -2px;
+}
+.listItem_c96c45 .wrapper_c5f96a .unread-badge.lowerBadge_c5f96a .numberBadge_df8943 {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ color: var(--accent-text-color--material-you) !important;
+}
+.listItem_c96c45 .wrapper_c5f96a .upperBadge_c5f96a .iconBadge_c96c45 {
+ background-color: hsl(var(--accent-hsl--material-you));
+ color: var(--accent-text-color--material-you);
+ border-radius: 50%;
+}
+.listItem_c96c45 .wrapper_c5f96a .upperBadge_c5f96a .iconBadge_c96c45.participating__64cf0 {
+ background-color: hsl(var(--accent-hsl--material-you));
+ color: var(--accent-text-color--material-you);
+}
+.listItem_c96c45.frame_oXWS21 .childWrapper_f90abb {
+ padding: 0 6px;
+ border-radius: 12px;
+ text-transform: capitalize;
+ font-weight: 500;
+}
+
+.numberBadge_df8943 {
+ background-color: hsl(var(--alert-hsl)) !important;
+ color: var(--alert-text-color) !important;
+}
+
+.unavailableBadge_c96c45 {
+ background-color: hsl(var(--warning-hsl)) !important;
+ color: var(--warning-text-color) !important;
+}
+
+.dragInner__66313 {
+ border-radius: var(--avatar-radius);
+}
+
+.folder_bc7085,
+.folderIconWrapper_bc7085 {
+ border-radius: var(--avatar-radius) !important;
+}
+
+.target_b7c66a.dragOver_b7c66a:before,
+.centerTarget_b7c66a.dragOver_b7c66a:before {
+ background-color: hsl(var(--accent-hsl--material-you));
+ box-shadow: var(--shadow-1dp);
+}
+
+/*
+ *
+ * SERVER AUDIT LOG
+ *
+ */
+.auditLog_eebd33 {
+ position: relative;
+ margin: 0;
+ background-color: var(--card-color-filled);
+ border-radius: 0;
+ border: none;
+}
+.auditLog_eebd33:first-of-type {
+ border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
+}
+.auditLog_eebd33:last-of-type {
+ border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
+}
+.auditLog_eebd33:last-of-type .header_eebd33 {
+ margin: 8px;
+}
+.auditLog_eebd33:last-of-type .header_eebd33:after {
+ height: calc(100% - 16px);
+}
+.auditLog_eebd33:last-of-type .header_eebd33.headerExpanded_eebd33 {
+ margin: 8px 8px 0;
+}
+.auditLog_eebd33:last-of-type .changeDetails_eebd33 {
+ margin-bottom: 8px;
+}
+.auditLog_eebd33:hover .header_eebd33:after {
+ background-color: var(--card-color-hover);
+}
+
+.header_eebd33 {
+ width: calc(100% - 16px);
+ margin: 8px 8px 0;
+ border-radius: calc(var(--card-radius-big) / 1.65);
+ background-color: transparent !important;
+ z-index: 2;
+}
+.header_eebd33:after {
+ position: absolute;
+ content: " ";
+ width: calc(100% - 16px);
+ height: calc(100% - 8px);
+ top: 8px;
+ left: 8px;
+ border-radius: calc(var(--card-radius-big) / 1.65);
+ transition: var(--default-time) var(--default-animation) background-color;
+ z-index: -1;
+ pointer-events: none;
+}
+.header_eebd33.headerExpanded_eebd33:after {
+ background-color: var(--card-color-active) !important;
+}
+
+.divider_eebd33 {
+ display: none;
+}
+
+.changeDetails_eebd33 {
+ width: calc(100% - 16px);
+ margin: 0 8px;
+ background-color: transparent !important;
+ z-index: 2;
+}
+.changeDetails_eebd33 .detail_eebd33:first-of-type {
+ margin-top: 0;
+}
+
+.icon_eebd33:after {
+ width: 9px;
+ height: 9px;
+ top: unset;
+ left: unset;
+ right: 2px;
+ bottom: 2px;
+ border-radius: 50%;
+}
+.icon_eebd33.typeCreate_eebd33:after {
+ background: #389c59;
+}
+.icon_eebd33.typeUpdate_eebd33:after {
+ background: #ec9d1a;
+}
+.icon_eebd33.typeDelete_eebd33:after {
+ background: #9d3235;
+}
+
+/*
+ *
+ * SERVER SETTINGS CONTENT MODERATION
+ *
+ */
+.simpleItemWrapper_e1b877 {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+
+.editCard_cd99d3 {
+ background-color: var(--card-color-filled) !important;
+ border: none !important;
+ padding: 0;
+ border-radius: var(--card-radius-big) !important;
+}
+.editCard_cd99d3:before {
+ display: none;
+}
+
+.ruleIconContainer_ea28e2,
+.stepCountIcon_df95ff {
+ background-color: var(--card-button-color);
+}
+
+.triggerMainContainer_df95ff {
+ padding: 0;
+ border: none;
+}
+.triggerMainContainer_df95ff .triggerSettingsContainer_df95ff {
+ --card-color-filled: var(--card-color-alt);
+ margin: 8px 0;
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 0;
+ border-radius: var(--card-radius-big);
+}
+.triggerMainContainer_df95ff .triggerSettingsContainer_df95ff .paddingTop_bdc518,
+.triggerMainContainer_df95ff .triggerSettingsContainer_df95ff .exemptionHint_e1ddee {
+ margin-top: 0;
+ padding: 0px 16px 8px;
+}
+
+.collapseable_a3cc4a {
+ margin-top: 0;
+ padding: 16px;
+ background-color: transparent;
+ border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
+ border-top: 1px solid var(--card-border-color);
+}
+.collapseable_a3cc4a:not(:last-child) {
+ margin-bottom: 0;
+}
+.collapseable_a3cc4a:active {
+ background-color: transparent !important;
+}
+.collapseable_a3cc4a:before {
+ display: none;
+}
+
+.mentionLimitContainer_fa2661 {
+ background-color: transparent;
+}
+
+.searchContainer-3slruV {
+ padding: 16px 16px 8px;
+}
+.searchContainer-3slruV .container_effbe2 {
+ height: var(--input-height);
+ max-height: var(--input-height);
+ padding: var(--input-padding);
+ background-color: var(--input-color);
+ border-radius: calc(var(--input-height) / 2);
+ border: none;
+}
+.searchContainer-3slruV .container_effbe2 .inner_effbe2 {
+ padding: 0;
+}
+.searchContainer-3slruV .container_effbe2 .input_effbe2 {
+ height: var(--input-height);
+ margin: 0;
+ padding: 0;
+}
+.searchContainer-3slruV .richTag_effbe2 {
+ margin: 6px 6px 6px 0;
+}
+
+.keywordsTextArea_bdc518,
+.textArea_bd9c39 {
+ padding: 12px;
+ background-color: var(--input-color);
+ border-radius: 19px;
+ border: none;
+}
+.keywordsTextArea_bdc518::-webkit-input-placeholder,
+.textArea_bd9c39::-webkit-input-placeholder {
+ font-family: var(--app-font);
+ color: var(--input-placeholder-color);
+}
+
+.keywordsTextArea_bdc518 {
+ width: calc(100% - 32px);
+ margin: 16px 16px 8px;
+}
+
+.textArea_bd9c39 .innerScroller_bd9c39 {
+ padding: 0;
+}
+.textArea_bd9c39 .chipletContainer_ef69fb {
+ background-color: var(--card-button-color);
+ border-radius: 6px;
+}
+
+.keywordsCounter_bdc518 {
+ right: 24px;
+ bottom: 24px;
+}
+
+.keywordListContainer_f9f552,
+.actionContainer_b6e944 {
+ padding: 12px 16px;
+ background-color: transparent;
+ position: relative;
+ border-bottom: none;
+}
+.keywordListContainer_f9f552:after,
+.actionContainer_b6e944:after {
+ position: absolute;
+ content: " ";
+ width: calc(100% - 16px * 2);
+ height: 1px;
+ right: 0;
+ bottom: 0;
+ margin: 0 16px;
+ background-color: var(--card-border-color);
+}
+.keywordListContainer_f9f552:last-of-type:after,
+.actionContainer_b6e944:last-of-type:after {
+ display: none;
+}
+.keywordListContainer_f9f552:not(:last-child),
+.actionContainer_b6e944:not(:last-child) {
+ margin-bottom: 0;
+}
+.keywordListContainer_f9f552 .checkboxWrapper_f6cde8,
+.actionContainer_b6e944 .checkboxWrapper_f6cde8 {
+ padding: 0;
+}
+
+.actionContainer_b6e944 .actionContainer_b6e944 {
+ padding: 0;
+}
+.actionContainer_b6e944 .actionIconContainer_b6e944 {
+ margin-right: 16px;
+}
+.actionContainer_b6e944 .editChannel_b6e944 {
+ color: hsl(var(--accent-hsl--material-you));
+}
+
+.actionContainer_cec7a5 {
+ background-color: transparent;
+ border-radius: 8px;
+ border: 1px solid var(--card-border-color);
+}
+
+.dividierIcon_f9f9ba {
+ color: var(--text-muted);
+}
+
+.resultsList-2Bp-2_ {
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+ border: none;
+}
+.resultsList-2Bp-2_ .channelRowLabel-2yYGtY,
+.resultsList-2Bp-2_ .roleLabel-38YTUn {
+ background-color: transparent;
+ border-radius: 6px;
+ border: 1px solid var(--card-border-color);
+}
+
+.stepperContainer_fa2661 {
+ padding: 0;
+ background-color: var(--card-color-outlined);
+ border-radius: calc(var(--input-height) / 2);
+ border: 1px solid var(--card-border-color);
+ --input-height: 36px;
+}
+.stepperContainer_fa2661 .stepper_fa2661 {
+ border-radius: inherit;
+}
+.stepperContainer_fa2661 .iconWrapper__0d13e {
+ background-color: transparent !important;
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.stepperContainer_fa2661 .iconWrapper__0d13e:first-of-type {
+ border-right: 1px solid var(--card-border-color);
+}
+.stepperContainer_fa2661 .iconWrapper__0d13e:last-of-type {
+ border-left: 1px solid var(--card-border-color);
+}
+.stepperContainer_fa2661 .iconWrapper__0d13e:hover {
+ background-color: var(--card-color-hover) !important;
+}
+.stepperContainer_fa2661 .iconWrapper__0d13e .icon_bb7288 {
+ height: var(--input-height);
+}
+.stepperContainer_fa2661 .iconWrapper__0d13e .icon_bb7288:hover {
+ background-color: transparent;
+}
+.stepperContainer_fa2661 .inputWrapper_f8bc55 {
+ border-bottom: none !important;
+}
+.stepperContainer_fa2661 .inputWrapper_f8bc55:before, .stepperContainer_fa2661 .inputWrapper_f8bc55:after {
+ bottom: 0;
+}
+
+/*
+ *
+ * SERVER SETTINGS BANNED USERS
+ *
+ */
+.container_c90ddb {
+ min-width: 350px;
+ max-width: 1400px;
+ width: auto;
+ padding: 60px 97px 60px 60px;
+}
+.container_c90ddb + .toolsContainer_c25c6d {
+ position: absolute;
+ right: 0;
+ margin-right: 21px;
+}
+
+.scrollerContainer_c90ddb {
+ padding: 0;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+ box-shadow: none;
+ overflow: hidden;
+}
+
+.bannedUser_c90ddb {
+ margin: 0;
+ background-color: transparent;
+ border-radius: calc(var(--card-radius-big) / 1.65);
+ box-shadow: none !important;
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.bannedUser_c90ddb:hover {
+ background-color: var(--card-color-hover);
+}
+.bannedUser_c90ddb .username_c90ddb {
+ color: var(--text-normal) !important;
+}
+.bannedUser_c90ddb .username_c90ddb .discrim_c90ddb {
+ padding-left: 6px;
+ color: var(--primary-400) !important;
+}
+
+/*
+ *
+ * SERVER COMMUNITY DISCOVERY
+ *
+ */
+.checklist_d6d7a8, .checklistContainer-12xGp5 {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 0;
+ border-radius: var(--card-radius-big);
+}
+.checklist_d6d7a8 .header_bd2368, .checklistContainer-12xGp5 .header_bd2368, .checklist_d6d7a8 .checklistHeader-3liG7E, .checklistContainer-12xGp5 .checklistHeader-3liG7E {
+ margin-bottom: 0;
+ padding: 16px;
+ background-color: transparent;
+ font-size: 1.25em;
+ line-height: normal;
+ color: var(--card-header-text-color);
+ font-weight: 400;
+ opacity: 1;
+}
+.checklist_d6d7a8 .checklistItem_bd2368, .checklistContainer-12xGp5 .checklistItem_bd2368 {
+ position: relative;
+ border-bottom: none;
+}
+.checklist_d6d7a8 .checklistItem_bd2368:after, .checklistContainer-12xGp5 .checklistItem_bd2368:after {
+ position: absolute;
+ content: " ";
+ width: calc(100% - 16px * 2);
+ height: 1px;
+ right: 0;
+ bottom: 0;
+ margin: 0 16px;
+ background-color: var(--card-border-color);
+}
+.checklist_d6d7a8 .checklistItem_bd2368:last-of-type:after, .checklistContainer-12xGp5 .checklistItem_bd2368:last-of-type:after {
+ display: none;
+}
+.checklist_d6d7a8 .checklistItem_bd2368 + .separator_bd2368, .checklistContainer-12xGp5 .checklistItem_bd2368 + .separator_bd2368, .checklist_d6d7a8 .checklistItem_bd2368 + .separator-2qVfIV, .checklistContainer-12xGp5 .checklistItem_bd2368 + .separator-2qVfIV {
+ display: none;
+}
+
+.card_b3f648 {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+ box-shadow: none !important;
+}
+
+.iconMask_b3f648 {
+ background-color: var(--card-color-filled) !important;
+}
+
+.banner_b1a8d5 {
+ overflow: hidden;
+}
+
+/*
+ *
+ * SERVER EMOJI
+ *
+ */
+.content_dc1809 {
+ padding: 8px;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+}
+
+.emojiTable_dc1809 {
+ margin-bottom: 0;
+ padding: 8px 12px;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
+}
+.emojiTable_dc1809 .formText_b89ec7 {
+ font-size: 14px;
+ text-transform: none;
+}
+
+.emojiRow_dc1809 {
+ position: relative;
+ padding: 0 16px;
+ box-shadow: none !important;
+}
+.emojiRow_dc1809:nth-child(3) {
+ padding-top: 16px !important;
+}
+.emojiRow_dc1809:nth-child(3):before {
+ height: 100% !important;
+ top: 0 !important;
+}
+.emojiRow_dc1809:last-of-type {
+ margin-bottom: 0 !important;
+}
+.emojiRow_dc1809:last-of-type:before {
+ height: 100% !important;
+}
+.emojiRow_dc1809:before {
+ width: 100% !important;
+ left: 0 !important;
+ background-color: var(--card-color-hover) !important;
+ border-radius: calc(var(--card-radius-big) / 1.6);
+ border: none;
+}
+.emojiRow_dc1809 .emojiAliasInput_dc1809 {
+ margin-top: 0;
+ border-bottom: none !important;
+}
+.emojiRow_dc1809 .emojiAliasInput_dc1809:before, .emojiRow_dc1809 .emojiAliasInput_dc1809:after {
+ display: none;
+}
+.emojiRow_dc1809 .emojiAliasInput_dc1809:focus-within + .emojiAliasPlaceholder_dc1809 {
+ opacity: 0;
+}
+.emojiRow_dc1809 .emojiAliasInput_dc1809 .emojiInput_dc1809, .emojiRow_dc1809 .emojiAliasInput_dc1809 .emojiInput-28Uqhi {
+ padding: 0 8px;
+ font-size: 16px;
+ background-color: var(--input-color-alt);
+ transition: var(--default-time) var(--default-animation) box-shadow, var(--default-time) var(--default-animation) opacity;
+}
+.emojiRow_dc1809 .emojiAliasPlaceholder_dc1809 {
+ height: auto;
+ margin-left: 8px;
+ padding: 0;
+ line-height: var(--input-height);
+ color: var(--text-normal);
+ transition: var(--default-time) var(--default-animation);
+ overflow: visible;
+}
+.emojiRow_dc1809 .emojiRemove_dc1809 {
+ top: 0;
+ right: 12px;
+ bottom: 0;
+ margin: auto 0;
+ background-color: var(--card-button-color);
+ box-shadow: none !important;
+ transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) opacity;
+}
+.emojiRow_dc1809 .emojiRemove_dc1809:hover {
+ background-color: var(--card-button-color-hover);
+}
+
+/*
+ *
+ * SERVER INTEGRATIONS
+ *
+ */
+.footerImage_fab929 {
+ position: static;
+ margin-top: 80px;
+ margin-bottom: -288px;
+}
+
+/*
+ *
+ * SERVER COMMUNITY ONBOARDING
+ *
+ */
+.channelRow_fdea3f {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 12px 16px;
+ border-radius: var(--card-radius-big);
+}
+
+.container_a90bed {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+
+.channelCoverage_df2e1e {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 0;
+ border-radius: var(--card-radius-big);
+}
+.channelCoverage_df2e1e .channelCoverageDetails_df2e1e {
+ background-color: transparent;
+}
+
+.channelPill_df2e1e {
+ height: 20px;
+ background-color: var(--card-color-active);
+ border-radius: 10px;
+}
+
+.notice_addbba {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+
+.review_addbba {
+ padding: 16px;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
+}
+
+.onboardingStepContainer_a85c10 {
+ position: relative;
+ background-color: var(--card-color-filled);
+}
+.onboardingStepContainer_a85c10:after {
+ position: absolute;
+ content: " ";
+ width: calc(100% - 32px);
+ height: 1px;
+ bottom: 0;
+ left: 16px;
+ background-color: var(--card-border-color);
+}
+.onboardingStepContainer_a85c10:last-of-type {
+ border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
+}
+.onboardingStepContainer_a85c10:last-of-type:after {
+ display: none;
+}
+.onboardingStepContainer_a85c10 .iconContainer_a85c10 {
+ background-color: var(--card-color-active);
+}
+.onboardingStepContainer_a85c10 .lookOutlined_dd4f85.colorPrimary_dd4f85 {
+ border: var(--button-outline) !important;
+}
+
+.divider_addbba {
+ display: none;
+}
+
+/* SERVER COMMUNITY ONBOARDING -> DEFAULT CHANNELS */
+.categoryRow_a33fd3 .categoryText_a33fd3 {
+ font-size: 14px;
+ text-transform: none;
+}
+
+.channelRow_a33fd3 {
+ background-color: var(--card-color-filled);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.channelRow_a33fd3.firstChannel_a33fd3 {
+ border-top-left-radius: var(--card-radius-big);
+ border-top-right-radius: var(--card-radius-big);
+}
+.channelRow_a33fd3.lastChannel_a33fd3 {
+ border-bottom-left-radius: var(--card-radius-big);
+ border-bottom-right-radius: var(--card-radius-big);
+}
+.channelRow_a33fd3:hover:not(.disabled_a33fd3) {
+ background-color: var(--card-color-hover);
+}
+.channelRow_a33fd3 .lockedPill_a33fd3 {
+ --button-padding: 0 24px 0 16px;
+}
+
+.separator_a33fd3 {
+ background-color: var(--card-border-color);
+}
+
+.container_fe51c5 {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 0;
+ border-radius: var(--card-radius-big);
+}
+.container_fe51c5 .header_fe51c5,
+.container_fe51c5 .container_eff583,
+.container_fe51c5 .channelList_fe51c5 {
+ background-color: transparent;
+}
+
+/* SERVER COMMUNITY ONBOARDING -> NAVIGATION BANNER */
+.container_b5926e {
+ background-color: var(--popout-color) !important;
+ border-radius: 4px;
+ box-shadow: var(--shadow-2dp);
+}
+.container_b5926e .button_dd4f85.lookOutlined_dd4f85 {
+ --button-padding: 0 24px 0 16px;
+}
+.container_b5926e .button_dd4f85.lookFilled_dd4f85 {
+ --button-padding: 0 16px 0 24px;
+}
+.container_b5926e .button_dd4f85.lookFilled_dd4f85 .button_b5926e {
+ color: var(--accent-text-color--material-you) !important;
+}
+
+.educationUpsell_b5926e {
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+}
+.educationUpsell_b5926e .educationUpsellArrow_b5926e {
+ border-bottom-color: var(--popout-color);
+}
+
+/* SERVER COMMUNITY ONBOARDING -> PREVIEW */
+.testimonialHeroContainer_d3081b {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 32px;
+ border-radius: var(--card-radius-big);
+}
+.testimonialHeroContainer_d3081b .quotes_d3081b {
+ top: 40px;
+ color: var(--card-header-text-color);
+}
+.testimonialHeroContainer_d3081b .testimonialsControls_d3081b {
+ margin: 0;
+}
+.testimonialHeroContainer_d3081b .button_dd4f85 {
+ --button-padding: 0 10px;
+}
+
+.upsellPreview_aa7c25 {
+ gap: 16px;
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+.upsellPreview_aa7c25.spacingLarge_aa7c25 {
+ gap: 2px;
+}
+.upsellPreview_aa7c25.spacingLarge_aa7c25 .heading-md\/semibold_dc00ef {
+ padding-bottom: 14px;
+}
+.upsellPreview_aa7c25.spacingLarge_aa7c25 .welcomeMessageContainer_a1289e {
+ margin-bottom: 14px;
+}
+.upsellPreview_aa7c25 .heading-md\/semibold_dc00ef {
+ line-height: normal;
+ font-size: 1.25em;
+ color: var(--card-header-text-color);
+ font-weight: 400;
+}
+.upsellPreview_aa7c25 .spacingSmall_aa7c25 {
+ gap: 2px;
+}
+.upsellPreview_aa7c25 .previewListItem_aa7c25 {
+ padding: 12px;
+}
+.upsellPreview_aa7c25 .previewListItem_aa7c25.selected_aa7c25 {
+ background-color: var(--card-color-alt-hover);
+}
+.upsellPreview_aa7c25 .previewListItem_aa7c25,
+.upsellPreview_aa7c25 .action_e3f878 {
+ background-color: var(--card-color-alt);
+ border-radius: 4px;
+}
+.upsellPreview_aa7c25 .previewListItem_aa7c25:first-of-type,
+.upsellPreview_aa7c25 .action_e3f878:first-of-type {
+ border-top-left-radius: var(--card-radius-big);
+ border-top-right-radius: var(--card-radius-big);
+}
+.upsellPreview_aa7c25 .previewListItem_aa7c25:last-of-type,
+.upsellPreview_aa7c25 .action_e3f878:last-of-type {
+ border-bottom-left-radius: var(--card-radius-big);
+ border-bottom-right-radius: var(--card-radius-big);
+}
+
+/*
+ *
+ * SERVER SETTINGS OVERVIEW
+ *
+ */
+.imageUploaderIcon_de76e4 {
+ left: calc(50% + 32px);
+ right: unset;
+}
+
+/*
+ *
+ * SERVER SETTINGS PERMISSIONS
+ *
+ */
+.settingCard_dd864e {
+ margin-bottom: 16px;
+ background-color: var(--card-color-outlined) !important;
+ border: 1px solid var(--card-border-color) !important;
+ padding: 0;
+ border-radius: var(--card-radius-big) !important;
+}
+.settingCard_dd864e.active_dd864e,
+.settingCard_dd864e .cardFolder_dd864e {
+ background-color: transparent;
+}
+.settingCard_dd864e .folderHeader_dd864e {
+ position: relative;
+ border-bottom: none;
+}
+.settingCard_dd864e .folderHeader_dd864e:after {
+ position: absolute;
+ content: " ";
+ width: 100%;
+ height: 1px;
+ bottom: 0;
+ left: 0;
+ background-color: var(--card-border-color);
+}
+.settingCard_dd864e + .divider_dd864e {
+ display: none;
+}
+.settingCard_dd864e + .divider_dd864e + .button_dd4f85 {
+ --button-padding: 0;
+}
+
+.roleMemberList_dd864e {
+ padding: 16px;
+}
+.roleMemberList_dd864e .content_eed6a8 {
+ height: auto !important;
+}
+.roleMemberList_dd864e .content_eed6a8 .memberRow_dd864e {
+ padding: 0 4px;
+ margin-bottom: 16px;
+}
+.roleMemberList_dd864e .content_eed6a8 .memberRow_dd864e:last-child {
+ margin-bottom: 0;
+}
+.roleMemberList_dd864e .content_eed6a8 .divider_dd864e {
+ display: none;
+}
+
+.sidebarScrollable_e9196a .sidebarHeaderDefault-1BHqHQ {
+ font-size: 14px;
+ text-transform: none;
+}
+.sidebarScrollable_e9196a .role_f778a8 {
+ border-radius: 16px;
+}
+.sidebarScrollable_e9196a .role_f778a8 .background-3X6N7I {
+ padding: 0;
+ background-color: transparent;
+}
+
+.scroller_e9196a {
+ background-color: transparent;
+}
+
+.staticToolbar_de3e42 {
+ margin-bottom: 8px;
+ background-color: var(--card-color-filled) !important;
+ border: none !important;
+ padding: 0;
+ border-radius: var(--card-radius-big) !important;
+ overflow: hidden;
+}
+.staticToolbar_de3e42 .button_dd4f85 {
+ --button-height: 32px;
+ --button-background: transparent;
+ --button-radius: 0;
+}
+
+.forumGuidelines_bc05bb {
+ --input-padding: 0 12px;
+ height: 200px;
+ max-height: 250px;
+ padding: var(--input-padding);
+ background-color: var(--input-color);
+ border-radius: calc(200px / 2);
+ border: none;
+ background: var(--input-color) !important;
+ border-radius: 19px;
+}
+.forumGuidelines_bc05bb .slateTextArea_e52116 {
+ right: 0;
+ padding: 12px 0;
+}
+
+/*
+ *
+ * SERVER ROLES
+ *
+ */
+.tabBar-3pstF7 {
+ border-bottom: 1px solid var(--card-border-color);
+}
+.tabBar-3pstF7 .item_a0 {
+ margin-bottom: 0;
+ border: none;
+}
+.tabBar-3pstF7 .item_a0.selected-g-kMVV {
+ position: relative;
+ background-color: transparent !important;
+ border: none;
+}
+.tabBar-3pstF7 .item_a0.selected-g-kMVV:after {
+ position: absolute;
+ content: " ";
+ width: 100%;
+ height: 3px;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ margin: 0 auto;
+ background: var(--tab-border-color);
+ border-radius: 3px 3px 0 0;
+ transition: var(--default-time) ease all;
+}
+
+.container_cc7b67 {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.container_cc7b67:hover {
+ background-color: var(--card-color-hover);
+}
+.container_cc7b67 .icon_cc7b67 {
+ background-color: var(--card-button-color);
+}
+
+.container__33507 {
+ height: var(--input-height);
+ max-height: var(--input-height);
+ padding: var(--input-padding);
+ background-color: var(--input-color);
+ border-radius: calc(var(--input-height) / 2);
+ border: none;
+}
+.container__33507 .inner_c18ec9 {
+ padding: 0;
+}
+.container__33507 .inner_c18ec9 .input_c18ec9 {
+ height: var(--input-height);
+ margin: 0;
+ padding: 0 4px;
+}
+.container__33507 .inner_c18ec9 .input_c18ec9::-webkit-input-placeholder {
+ font-family: var(--app-font);
+}
+.container__33507 .inner_c18ec9 .iconLayout_c18ec9 {
+ width: var(--input-height);
+ height: var(--input-height);
+}
+
+.rolesTable_e72811 {
+ padding: 16px;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
+}
+.rolesTable_e72811 .tableHeader_e72811 {
+ margin-left: 0;
+ margin-bottom: 0;
+}
+.rolesTable_e72811 .tableHeader_e72811 .dragSpacing_e72811 {
+ display: none;
+}
+.rolesTable_e72811 .tableTitle_e72811 {
+ font-size: 1em;
+ color: var(--card-header-text-color);
+ font-weight: 500;
+ text-transform: none;
+}
+.rolesTable_e72811 .tableTitle_e72811.memberSpacing-1RRW7k {
+ margin-left: 64px;
+}
+
+.roleRow_a930f1 {
+ height: auto;
+ margin: 0;
+ padding: 12px 16px;
+ background-color: var(--card-color-filled);
+ border-radius: 0;
+}
+.roleRow_a930f1:last-of-type {
+ padding-bottom: 20px;
+ border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
+}
+.roleRow_a930f1:last-of-type:before {
+ height: calc(100% - 8px);
+}
+.roleRow_a930f1:last-of-type:after {
+ display: none;
+}
+.roleRow_a930f1:hover:not(.roleRowDisableHover_a930f1) {
+ background-color: var(--card-color-filled);
+}
+.roleRow_a930f1:hover:not(.roleRowDisableHover_a930f1):before {
+ background-color: var(--card-color-hover);
+}
+.roleRow_a930f1:hover:not(.roleRowDisableHover_a930f1) .dragIcon_a930f1 {
+ opacity: 1;
+}
+.roleRow_a930f1:hover:not(.roleRowDisableHover_a930f1) .circleButton_a930f1 {
+ background-color: var(--card-button-color-hover);
+}
+.roleRow_a930f1:hover:not(.roleRowDisableHover_a930f1) .circleButton_a930f1.editButton_a930f1 {
+ opacity: 1;
+}
+.roleRow_a930f1:before {
+ width: calc(100% - 16px);
+ height: 100%;
+ left: 8px;
+ right: 0;
+ background-color: transparent;
+ border-radius: calc(var(--card-radius-big) / 1.5);
+ transition: var(--default-time) var(--default-animation) background-color;
+ pointer-events: none;
+}
+.roleRow_a930f1 > * {
+ z-index: 2;
+}
+
+.dragIcon_a930f1 {
+ position: absolute;
+ left: 8px;
+ padding: 12px;
+ background-color: var(--card-color-hover);
+ z-index: 3;
+ opacity: 0;
+ visibility: visible;
+ transition: var(--default-time) var(--default-animation) opacity;
+ vertical-align: middle;
+ line-height: 10px;
+}
+
+.circleButton_a930f1 {
+ background-color: var(--card-button-color);
+}
+.circleButton_a930f1.editButton_a930f1 {
+ opacity: 0;
+ visibility: visible;
+ transition: var(--default-time) var(--default-animation) opacity;
+}
+
+/* SERVER ROLES -> EDIT/NEW */
+.page_e8251c {
+ width: 100%;
+ min-width: 100%;
+}
+.page_e8251c .sidebar_e87574,
+.page_e8251c .contentContainer_e8251c {
+ position: relative;
+}
+.page_e8251c .sidebar_e87574 {
+ margin-left: 40px;
+ border-right-color: var(--card-border-color);
+}
+.page_e8251c .sidebar_e87574 .list_e87574 {
+ padding: 0 16px 96px 16px;
+ background-color: transparent;
+ border: none;
+}
+.page_e8251c .sidebar_e87574 .titleContainer_e87574 {
+ margin: 0;
+ padding: 0 8px 16px;
+ background-color: var(--main-color);
+}
+.page_e8251c .sidebar_e87574 .titleContainer_e87574.titleElevated_e87574 {
+ border-bottom: 1px solid var(--card-border-color);
+ box-shadow: none;
+}
+.page_e8251c .sidebar_e87574 .titleContainer_e87574 .titleText_e87574 {
+ font-size: 16px;
+ text-transform: none;
+}
+.page_e8251c .sidebar_e87574 .item_a0 {
+ width: auto;
+ padding: 0 12px;
+ border-radius: 16px;
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.page_e8251c .sidebar_e87574 .item_a0:before {
+ display: none;
+}
+.page_e8251c .sidebar_e87574 .item_a0:hover {
+ background-color: var(--menu-item-hover) !important;
+}
+.page_e8251c .sidebar_e87574 .item_a0.selected_a0 {
+ background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity)) !important;
+}
+.page_e8251c .sidebar_e87574 .roleDot-2a4Pv7 {
+ border: none;
+}
+.page_e8251c .contentContainer_e8251c {
+ left: 0;
+ flex: 1;
+}
+.page_e8251c .contentWidth_bd05f1 {
+ width: auto;
+ min-width: auto;
+ max-width: none;
+ padding-right: 82px;
+}
+.page_e8251c .contentWidth_bd05f1 .sizeTiny_dd4f85 {
+ --button-height: 24px;
+ --button-padding: 0 8px;
+}
+.page_e8251c .header_bd05f1 {
+ margin-left: 0;
+ margin-right: 0;
+ padding: 0;
+ background-color: var(--main-color);
+ transition: var(--default-time) var(--default-animation) border-bottom-color;
+}
+.page_e8251c .header_bd05f1.stickyHeaderElevated_bd05f1 {
+ box-shadow: none;
+}
+.page_e8251c .header_bd05f1 .titleText-35PD5k {
+ font-size: 16px;
+ text-transform: none;
+}
+.page_e8251c .header_bd05f1 + div + .divider-5Xhahz {
+ display: none;
+}
+.page_e8251c .tabBar_c69589 {
+ margin-left: 0;
+ border-bottom: 1px solid var(--card-border-color);
+}
+.page_e8251c .searchContainer_a73849 {
+ margin-top: 16px;
+ padding-bottom: 16px;
+ border-bottom: 1px solid var(--card-border-color);
+}
+.page_e8251c .previewContainer_bdfce3 {
+ border-radius: var(--card-radius-big);
+}
+.page_e8251c .previewContainer_da1bd9 {
+ background-color: transparent;
+ border-radius: var(--card-radius-big);
+ border: none;
+}
+.page_e8251c .previewContainer_da1bd9 .messageContainer_da1bd9 {
+ padding: 16px 16px 16px 66px;
+ background-color: var(--chat-color);
+}
+.page_e8251c .container-1zDvAE {
+ margin-bottom: 20px;
+}
+.page_e8251c + .toolsContainer_c25c6d {
+ position: absolute;
+ top: 0;
+ right: 0;
+ z-index: 2;
+}
+
+/* SERVER ROLES -> ADD MEMBER */
+.searchBox_a0cc0d {
+ padding: 16px;
+}
+.searchBox_a0cc0d.scrollSeparator_a0cc0d {
+ box-shadow: none !important;
+}
+.searchBox_a0cc0d .searchBar_ac8310 {
+ margin-bottom: 0;
+ border: none;
+}
+
+/*
+ *
+ * SERVER RULES SCREENING
+ *
+ */
+.mainColumnContainer-3y3ZF4 {
+ max-width: calc(100% - 220px);
+}
+
+.backgroundContainer_ceff93 {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+.backgroundContainer_ceff93 .containerPadding_ceff93 {
+ padding: 0;
+}
+.backgroundContainer_ceff93 .inputWrapper_f8bc55 {
+ height: auto;
+ max-height: unset;
+}
+
+.containerTitle_ceff93 {
+ font-size: 1.25em;
+ color: var(--card-header-text-color);
+ font-weight: 500;
+}
+.containerTitle_ceff93 .verificationLevelHook_ceff93 {
+ font-size: 1em;
+}
+
+.containerFooter_ceff93 {
+ padding: 0;
+ background-color: transparent;
+}
+
+.fieldBackground_ceff93:not(textarea) {
+ --card-color-filled: var(--card-color-alt);
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+.fieldBackground_ceff93.withFooter_ceff93 {
+ border-bottom: none;
+}
+
+.fieldFooterContainer_ceff93 {
+ background-color: var(--card-color-alt);
+ border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
+ border-top: 1px solid var(--card-border-color);
+}
+
+.sidebarFixedContainer-2fX672 {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+
+/* SERVER RULES SCREENING -> EDIT RULES */
+.rulesTextAreaInput-2S9Tgi {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 0 0 0 16px;
+ border-radius: var(--card-radius-big);
+}
+
+.exampleRule-KGGZmT {
+ height: var(--button-height);
+ padding: 0 12px;
+ background-color: var(--card-button-color);
+ border-radius: 10px;
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.exampleRule-KGGZmT:hover {
+ background-color: var(--card-button-color-hover);
+}
+.exampleRule-KGGZmT > div {
+ line-height: var(--button-height);
+}
+
+/*
+ *
+ * SERVER SETTINGS SAFETY SETUP
+ *
+ */
+.changelog_abe1fa {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+
+.safetyChecklist_abe1fa {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 0;
+ border-radius: var(--card-radius-big);
+}
+.safetyChecklist_abe1fa .lookOutlined_dd4f85 {
+ border: var(--button-outline) !important;
+}
+.safetyChecklist_abe1fa .divider_abe1fa {
+ background-color: var(--card-border-color);
+}
+
+.back_e1b877 {
+ --button-padding: 0;
+ margin-bottom: 16px;
+}
+.back_e1b877 .backButton_e1b877 {
+ background-image: none;
+ text-transform: none;
+ text-decoration: none;
+}
+
+/*
+ *
+ * SERVER SETTINGS SERVER INSIGHTS
+ *
+ */
+.error_dd4615 {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+
+.developerPortalCtaWrapper_cfaf72 {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+}
+
+/*
+ *
+ * SERVER SETTINGS SERVER PRODUCTS
+ *
+ */
+.container_b981c5 {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+
+.coverImageUploader_fea47d .imageUploaderInner_de76e4 {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 0;
+ border-radius: var(--card-radius-big);
+}
+.coverImageUploader_fea47d .imageUploaderIcon_de76e4 {
+ left: unset;
+ right: 0;
+}
+
+.metricCard_bf27f7,
+.tableContainer_d2aca9 {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+}
+.metricCard_bf27f7 .text-xs\/medium_dc00ef,
+.tableContainer_d2aca9 .text-xs\/medium_dc00ef {
+ font-size: 14px;
+ text-transform: none;
+}
+
+/*SERVER SETTINGS SERVER PRODUCTS -> CREATE PRODUCT */
+.textArea_cc484a {
+ background-color: var(--input-color);
+ border-radius: 19px;
+}
+
+.clickableItem_f07970 {
+ border-radius: var(--card-radius-big);
+}
+.clickableItem_f07970 .radioOptionImage_f07970 {
+ border-radius: calc(var(--card-radius-big) - 2px) !important;
+}
+
+.container_c298ed {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+}
+.container_c298ed .text-sm\/medium_dc00ef {
+ color: var(--accent-text-color--material-you) !important;
+}
+
+.attachedRoleContainer_f624e3 {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+ border: none;
+}
+
+.benefitToggleContainer_d636bf {
+ padding: 8px 2px 8px 12px;
+ background-color: var(--card-color-filled);
+ border-radius: 20px;
+}
+
+.publishable_f77b50 {
+ background-color: hsl(var(--accent-hsl--material-you), 0.15);
+ border-radius: var(--card-radius-big);
+ border-color: hsl(var(--accent-hsl--material-you));
+ box-shadow: none;
+}
+
+.wasEverPublished_f77b50 {
+ background-color: hsl(var(--alert-hsl), 0.15);
+ border-radius: var(--card-radius-big);
+ border: 1px solid hsl(var(--alert-hsl));
+}
+
+.productPreview_d636bf .text-xs\/bold_dc00ef {
+ font-size: 14px;
+ text-transform: none;
+}
+
+/*SERVER SETTINGS SERVER PRODUCTS -> PRODUCT CARD */
+.productCard_f26f9b {
+ background-color: var(--card-color-filled) !important;
+ border: none !important;
+ padding: 0;
+ border-radius: var(--card-radius-big) !important;
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.productCard_f26f9b:hover {
+ background-color: var(--card-color-hover) !important;
+}
+.productCard_f26f9b .productThumbnail_f26f9b {
+ border-radius: var(--card-radius-big);
+}
+
+.badge_a24a11 {
+ background-color: var(--card-color-active) !important;
+ border-radius: 13px;
+}
+
+.roleTag_b463ca {
+ min-width: 28px;
+ height: 28px;
+ gap: 6px;
+ padding: 0 12px 0 6px;
+ background-color: transparent;
+ border-radius: 8px;
+ border: 1px solid var(--card-border-color);
+}
+.roleTag_b463ca .roleColor_b463ca {
+ width: 16px;
+ height: 16px;
+ margin: 0;
+ border-radius: 8px;
+}
+.roleTag_b463ca .roleColor_b463ca + span {
+ display: none !important;
+}
+
+/*
+ *
+ * SERVER SETTINGS SERVER SUBSCRIPTIONS
+ *
+ */
+.card_ea91d1 {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 0;
+ border-radius: var(--card-radius-big);
+}
+
+.heroBanner_f6ab4c {
+ border-radius: var(--card-radius-big);
+}
+
+/* SERVER SETTINGS SERVER SUBSCRIPTIONS -> HOW IT WORKS */
+.howItWorksContainer_aa72d6 {
+ padding: 0;
+ background-color: transparent;
+}
+
+.howItWorksImageContainer_aa72d6,
+.howItWorksDescription_aa72d6 {
+ background-color: transparent;
+}
+
+/* SERVER SETTINGS SERVER SUBSCRIPTIONS -> CREATOR BENEFITS */
+.creatorBenefitCard__1f0b1 {
+ padding: 16px;
+}
+
+.earningsPreviewContainer_da92c3,
+.avatarCard_da92c3 {
+ --card-color-filled: var(--card-color-alt);
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+
+/* SERVER SETTINGS SERVER SUBSCRIPTIONS -> LEARN FROM OTHER CREATORS */
+.guildCard__81370 {
+ padding: 16px;
+}
+
+.guildCardHeaderAvatar_adff39 {
+ border-radius: 50%;
+}
+
+.guildSubscriberCount_adff39 {
+ height: var(--button-height);
+ padding: var(--button-padding);
+ background-color: var(--card-button-color);
+ border-radius: var(--button-radius);
+}
+.guildSubscriberCount_adff39 .text-md\/normal_dc00ef {
+ color: var(--text-normal) !important;
+ font-weight: 500;
+}
+
+.subscriberCountValue_adff39,
+.subscriberCountText_adff39 {
+ padding: 0;
+ background-color: transparent;
+}
+
+.subscriberCountText_adff39 {
+ padding-left: 12px;
+}
+
+.emojisContainer_adff39 {
+ margin-right: 8px;
+ padding: var(--button-padding);
+ background-color: var(--card-button-color);
+ border-radius: var(--button-radius);
+}
+
+/* */
+.tabBar_da7453 {
+ border-bottom-width: 1px;
+}
+
+.container_dce733 {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+
+/*
+ *
+ * SERVER SETTINGS SOUNDBOARD
+ *
+ */
+.tableTitle_b10b92 {
+ margin-bottom: 16px;
+}
+
+.soundTable_b10b92 {
+ grid-template-columns: unset;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+}
+
+.tableHeaders_b10b92 {
+ padding: 16px 16px 0;
+}
+.tableHeaders_b10b92 .tableHeader_b10b92 {
+ font-weight: 500;
+ text-transform: none;
+}
+
+.row_b10b92 {
+ padding: 4px 16px;
+ position: relative;
+ border-bottom: none;
+}
+.row_b10b92:after {
+ position: absolute;
+ content: " ";
+ width: calc(100% - 16px * 2);
+ height: 1px;
+ right: 0;
+ bottom: 0;
+ margin: 0 16px;
+ background-color: var(--card-border-color);
+}
+.row_b10b92:last-of-type:after {
+ display: none;
+}
+
+/*
+ *
+ * SERVER STICKERS
+ *
+ */
+.upsellContainer_bb33d5 {
+ border-radius: var(--card-radius-big);
+}
+
+.tierHeader_da77bd {
+ border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
+}
+.tierHeader_da77bd.tierHeaderUnlocked_da77bd, .tierHeader_da77bd.tierHeaderLocked_da77bd {
+ background-color: var(--card-color-filled) !important;
+}
+.tierHeader_da77bd.tierHeaderWithoutCardBody_da77bd {
+ border-radius: var(--card-radius-big);
+}
+
+.tierBody_da77bd {
+ background-color: var(--card-color-filled) !important;
+ border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
+ border-top: none !important;
+}
+
+.tierLock_da77bd {
+ color: var(--interactive-normal);
+}
+
+.wrapper_d864ab {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 0;
+ border-radius: var(--card-radius-big);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.wrapper_d864ab:hover {
+ background-color: var(--card-color-hover);
+}
+
+.placeholderCard_f8c5e7 {
+ background-color: var(--card-color-outlined);
+ border: 1px solid var(--card-border-color);
+ padding: 0;
+ border-radius: var(--card-radius-big);
+}
+
+.background_a4fd01 {
+ color: var(--main-alt) !important;
+}
+
+/*
+ *
+ * ACCEPT RULES
+ *
+ */
+.enableContainer_a1879c {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
+}
+
+.previewContainer_dcd39d {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+ border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
+ border-top: none;
+}
+.previewContainer_dcd39d .descriptionWrapper_dcd39d .inputWrapper_f8bc55 {
+ --input-height: 64px;
+}
+.previewContainer_dcd39d .descriptionInput_dcd39d {
+ line-height: 32px;
+}
+.previewContainer_dcd39d [placeholder].descriptionInput_dcd39d {
+ text-align: left;
+}
+.previewContainer_dcd39d .welcomeChannel_dcd39d {
+ --card-color-filled: var(--card-color-alt);
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 12px;
+ border-radius: var(--card-radius-big);
+}
+
+.iconActiveLarger_f11207 {
+ border-radius: var(--avatar-radius);
+}
+
+.options_e3f8c2 {
+ margin-bottom: 8px;
+ background-color: var(--card-color-outlined);
+ border: 1px solid var(--card-border-color);
+ padding: 0;
+ border-radius: var(--card-radius-big);
+}
+.options_e3f8c2 .optionContainer_e3f8c2 {
+ margin-top: 0;
+ border-radius: 0;
+ background-color: transparent;
+ position: relative;
+ border-bottom: none;
+}
+.options_e3f8c2 .optionContainer_e3f8c2:after {
+ position: absolute;
+ content: " ";
+ width: calc(100% - 16px * 2);
+ height: 1px;
+ right: 0;
+ bottom: 0;
+ margin: 0 16px;
+ background-color: var(--card-border-color);
+}
+.options_e3f8c2 .optionContainer_e3f8c2:last-of-type:after {
+ display: none;
+}
+
+/*
+ *
+ * USER SETTINGS ACCESSIBILITY
+ *
+ */
+.preview_c31d36 {
+ background-color: var(--card-color-outlined) !important;
+ border: 1px solid var(--card-border-color) !important;
+ padding: 16px;
+ border-radius: var(--card-radius-big) !important;
+}
+
+.previewMessage_c31d36 {
+ padding: 0;
+ background-color: var(--chat-color);
+ border-radius: calc(var(--card-radius-big) / 1.25);
+}
+.previewMessage_c31d36 .message_d5deea {
+ margin-top: 0 !important;
+ margin-left: 52px;
+ margin-right: 0;
+ border-radius: var(--message-radius);
+}
+.previewMessage_c31d36 .message_d5deea:before, .previewMessage_c31d36 .message_d5deea:after {
+ display: none;
+}
+.previewMessage_c31d36 .message_d5deea .avatar_f9f2ca {
+ left: -50px;
+}
+
+/*
+ *
+ * USER SETTINGS APPEARANCE
+ *
+ */
+.preview_a614a7 {
+ --card-color-filled: transparent;
+}
+.preview_a614a7.outline_a298b8 {
+ border: 1px solid var(--card-border-color) !important;
+}
+.preview_a614a7 .wrapper_f9f2ca {
+ margin-left: 48px;
+}
+
+/* USER SETTINGS APPEARANCE -> THEME */
+.h5_c46f6a.eyebrow_c46f6a + div:not([class]) div[role=radiogroup] {
+ padding: 16px;
+ background-color: var(--card-color-filled);
+ border: none;
+}
+
+.basicThemeSelectors_ + .premiumFeatureBorder_c6d722 {
+ margin: 0 -8px -8px;
+ background: linear-gradient(var(--card-color-filled), var(--card-color-filled)) padding-box, linear-gradient(45deg, hsl(269, calc(var(--saturation-factor, 1) * 52.7%), 52.7%), hsl(325, calc(var(--saturation-factor, 1) * 31.7%), 51.8%)) border-box;
+ border-radius: calc(var(--card-radius-big) - 4px);
+}
+
+.presets_f45ea6 {
+ gap: 16px;
+}
+
+.basicThemeSelectors_ .themeSelectionContainer_cb7c27 {
+ width: unset;
+ height: unset;
+ padding: 12px;
+ background-color: var(--main-color);
+ border-radius: var(--card-radius-big);
+}
+
+.defaultThemeSelection_cb7c27 {
+ width: 60px;
+ height: 60px;
+ box-shadow: none;
+}
+.defaultThemeSelection_cb7c27.selected_cb7c27 {
+ position: relative;
+ background: hsl(var(--accent-hsl--material-you));
+}
+.defaultThemeSelection_cb7c27.selected_cb7c27:before, .defaultThemeSelection_cb7c27.selected_cb7c27:after {
+ position: absolute;
+ content: " ";
+ width: 50%;
+ height: 50%;
+ bottom: 0;
+ pointer-events: none;
+}
+.defaultThemeSelection_cb7c27.selected_cb7c27:before {
+ left: 0;
+ background-color: var(--card-color-filled);
+ border-bottom-left-radius: 30px;
+}
+.defaultThemeSelection_cb7c27.selected_cb7c27:after {
+ right: 0;
+ background-color: var(--accent-text-color--material-you);
+ border-bottom-right-radius: 30px;
+}
+
+.selectionCircle_cb7c27 {
+ box-shadow: none;
+}
+.selectionCircle_cb7c27:before {
+ position: absolute;
+ content: " ";
+ width: 32px;
+ height: 32px;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ margin: auto;
+ background-color: var(--main-color);
+ border-radius: 50%;
+}
+.selectionCircle_cb7c27 .checkmark_cb7c27 {
+ color: var(--main-color);
+}
+.selectionCircle_cb7c27 .checkmarkCircle_cb7c27 {
+ top: 0;
+ left: 0;
+ bottom: 0;
+ margin: auto;
+}
+.selectionCircle_cb7c27 .checkmarkCircle_cb7c27 circle {
+ fill: var(--text-normal);
+}
+
+/* USER SETTINGS APPEARANCE -> APP ICON */
+.header_df4d02 {
+ padding: 8px 8px 0;
+}
+
+.presets_df4d02 {
+ padding: 0 8px 8px;
+}
+
+.appIconSelection_e2863f.disabled_e2863f:not(.selected_e2863f) {
+ opacity: 0.5;
+}
+
+/*
+ *
+ * USER SETTINGS APP ICON EDITOR
+ *
+ */
+.editor_bcfa1e {
+ margin-left: 8px;
+ padding: 0;
+ background-color: var(--chat-color);
+ border-radius: var(--card-radius-big);
+ border-left: none;
+}
+.editor_bcfa1e .heading-lg\/extrabold_dc00ef {
+ font-size: 1.25em;
+ line-height: normal;
+ color: var(--card-header-text-color);
+ font-weight: 400;
+}
+.editor_bcfa1e div[role=radiogroup] {
+ background-color: transparent;
+}
+
+.editorHeader_bcfa1e {
+ width: auto;
+ padding: 16px;
+}
+
+.selectionGroup_bcfa1e {
+ margin-top: 0;
+}
+.selectionGroup_bcfa1e .header_df4d02 {
+ padding: 0;
+}
+.selectionGroup_bcfa1e .presets_df4d02 {
+ padding: 0;
+ gap: 16px;
+}
+
+.editorFooter_bcfa1e {
+ margin-top: 16px;
+ padding: 0 16px 16px;
+}
+
+/*
+ *
+ * USER SETTINGS AUTHORIZED APPS
+ *
+ */
+.formNotice_aae945 {
+ margin-bottom: 32px;
+ padding: 0;
+}
+.formNotice_aae945 .formNoticeTitle_aae945 {
+ margin-bottom: 0;
+ padding: 16px;
+ background-color: transparent;
+ font-size: 1.25em;
+ line-height: normal;
+ color: var(--card-header-text-color);
+ font-weight: 400;
+ opacity: 1;
+}
+.formNotice_aae945 .formNoticeTitle_aae945 + .formNoticeBody_aae945 {
+ padding: 0 16px 16px;
+}
+.formNotice_aae945.card_a298b8 {
+ margin-top: 16px;
+}
+
+.formNoticeBody_aae945 {
+ padding: 16px;
+}
+
+.authedApp_f0135d {
+ margin-bottom: 16px;
+ padding: 16px;
+}
+.authedApp_f0135d .marginBottom20_f7730b .text-sm\/semibold_dc00ef {
+ font-size: 1.25em;
+ line-height: normal;
+ color: var(--card-header-text-color);
+ font-weight: 400;
+}
+.authedApp_f0135d .button_dd4f85 {
+ font-size: 0.75em;
+}
+
+/*
+ *
+ * USER SETTINGS BILLING
+ *
+ */
+.paymentSourceRow_edf4d6 {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+
+.paymentPane_f66684 {
+ background-color: var(--card-color-filled) !important;
+ border: none !important;
+ padding: 0;
+ border-radius: var(--card-radius-big) !important;
+}
+.paymentPane_f66684 .paymentRowHeader_f66684 {
+ padding: 16px;
+}
+.paymentPane_f66684 .bottomDivider_f66684 {
+ border: none;
+}
+.paymentPane_f66684 .pageActions_cb56ee {
+ padding: 16px 0;
+}
+
+.paymentRow_f66684:not(.payment_a28a08) {
+ border-bottom: none;
+}
+
+.payment_a28a08 {
+ background-color: var(--card-color-filled) !important;
+}
+.payment_a28a08:not(.hoverablePayment_a28a08) {
+ padding-bottom: 1px;
+}
+
+.paginator_f66684 {
+ background-color: transparent !important;
+}
+.paginator_f66684 .descriptionIcon_a28a08 {
+ border-radius: 50%;
+}
+.paginator_f66684 .expandedInfo_a28a08 {
+ --card-color-filled: var(--card-color-alt);
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+.paginator_f66684 .expandedInfo_a28a08 .paymentHeader_a28a08 {
+ border-color: var(--card-border-color);
+}
+
+.pageButtonPrev_cb56ee,
+.pageButtonNext_cb56ee {
+ width: var(--button-height);
+ height: var(--button-height);
+ padding: 0;
+ line-height: var(--button-height);
+ border-color: var(--card-border-color);
+ text-align: center;
+}
+.pageButtonPrev_cb56ee.disabled_cb56ee,
+.pageButtonNext_cb56ee.disabled_cb56ee {
+ border-color: var(--card-border-color);
+}
+
+.pageButtonPrev_cb56ee {
+ border-radius: var(--button-radius) 0 0 var(--button-radius);
+}
+
+.pageButtonNext_cb56ee {
+ border-radius: 0 var(--button-radius) var(--button-radius) 0;
+}
+
+.pageIndicator_cb56ee {
+ height: var(--button-height);
+ border-color: var(--card-border-color);
+}
+
+.codeRedemptionRedirect_cb70f4 {
+ background-color: var(--card-color-outlined) !important;
+ border: 1px solid var(--card-border-color) !important;
+ padding: 16px;
+ border-radius: var(--card-radius-big) !important;
+}
+
+/*
+ *
+ * USER SETTINGS CONNECTIONS
+ *
+ */
+.connectContainer_e2a436 {
+ margin: 0 0 32px 0;
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 0;
+ border-radius: var(--card-radius-big);
+}
+.connectContainer_e2a436 .connectHeader_e2a436 {
+ margin-bottom: 0;
+ padding: 16px;
+ background-color: transparent;
+ font-size: 1.25em;
+ line-height: normal;
+ color: var(--card-header-text-color);
+ font-weight: 400;
+ opacity: 1;
+}
+.connectContainer_e2a436 .text-xs\/normal_dc00ef {
+ padding: 0 16px;
+}
+.connectContainer_e2a436 .connectionsContainer_e2a436 {
+ padding: 0 16px 16px;
+}
+.connectContainer_e2a436 .wrapper_c36ce4 {
+ margin-bottom: 0;
+}
+.connectContainer_e2a436 .accountButtonInner_e2a436 {
+ background-color: var(--card-button-color);
+ border-radius: 50%;
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.connectContainer_e2a436 .accountButtonInner_e2a436:hover {
+ background-color: var(--card-button-color-hover);
+}
+
+/* CONNECTIONS -> ADD CONNECTION */
+.accountBtnInner_ec99f9 {
+ background-color: var(--card-button-color);
+ border-radius: 50%;
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.accountBtnInner_ec99f9:hover {
+ background-color: var(--card-button-color-hover);
+}
+
+/* CONNECTIONS -> CONNECTED ACCOUNTS */
+.connectionList_e2a436 {
+ grid-gap: 16px;
+}
+
+.header_ec99f9 {
+ margin-top: 0;
+}
+.header_ec99f9 .heading-md\/bold_dc00ef {
+ font-size: 22px;
+ font-weight: 400;
+}
+
+.connectionsContainer_e2a436 {
+ margin-bottom: 0;
+}
+
+.connection_e2a436 {
+ margin-bottom: 0;
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 0;
+ border-radius: var(--card-radius-big);
+}
+.connection_e2a436 .connectionHeader_e2a436 {
+ margin-bottom: 0;
+ padding: 16px;
+ background-color: transparent;
+ font-size: 1.25em;
+ line-height: normal;
+ color: var(--card-header-text-color);
+ font-weight: 400;
+ opacity: 1;
+}
+.connection_e2a436 .connectionOptionsWrapper_e2a436 {
+ padding: 0 16px 16px;
+}
+.connection_e2a436 .connectionOptionsWrapper_e2a436 .connectionOptionSwitch_e2a436 {
+ padding-left: 0;
+ padding-right: 0;
+}
+.connection_e2a436 .connectionOptionsWrapper_e2a436 .connectionOptionSwitch_e2a436:last-of-type {
+ margin-bottom: 0;
+}
+.connection_e2a436 .divider_ae36e5 {
+ margin: 0 16px;
+ border-top-color: var(--card-border-color);
+}
+.connection_e2a436 .metadataContainer_e2a436, .connection_e2a436 .container_f7e03d {
+ --card-color-filled: var(--card-color-alt);
+ margin: 0 16px 16px;
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 12px;
+ border-radius: var(--card-radius-big);
+}
+.connection_e2a436 .upsellWrapper_e2a436 {
+ padding: 0;
+}
+.connection_e2a436 .container_f7e03d .button_dd4f85 {
+ min-width: 130px;
+}
+
+.integrationsWrapper_e2a436 {
+ padding: 0;
+}
+.integrationsWrapper_e2a436 .h5_c46f6a {
+ margin: 0;
+ padding: 16px 16px 8px;
+}
+.integrationsWrapper_e2a436 .integration_e2a436 {
+ --card-color-filled: var(--card-color-alt);
+ margin: 0 16px 2px;
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+ border-radius: 4px;
+}
+.integrationsWrapper_e2a436 .integration_e2a436:first-of-type {
+ border-radius: var(--card-radius-big) var(--card-radius-big) 4px 4px;
+}
+.integrationsWrapper_e2a436 .integration_e2a436:last-of-type {
+ margin-bottom: 16px;
+ border-radius: 4px 4px var(--card-radius-big) var(--card-radius-big);
+}
+.integrationsWrapper_e2a436 .integration_e2a436:only-child {
+ border-radius: var(--card-radius-big);
+}
+.integrationsWrapper_e2a436 .integration_e2a436 .button_dd4f85 {
+ background-color: hsl(var(--accent-hsl), 0.1);
+ color: hsl(var(--accent-hsl--material-you));
+}
+
+/**/
+.connectionsChecksGroup-_ALevE {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+.connectionsChecksGroup-_ALevE.connectionsChecksGroupPassed-16h0PT {
+ background-color: var(--card-color-active);
+}
+
+.roleGranted-QK31f8 {
+ margin-top: 0;
+ padding: 16px;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
+}
+.channelsGranted-1nZk5r {
+ margin-bottom: 0;
+ padding: 0 16px 16px;
+ background-color: var(--card-color-filled);
+ border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
+}
+.channelsGranted-1nZk5r .heading-lg\/semibold_dc00ef {
+ font-size: 1.1em;
+ font-weight: 400;
+}
+
+/*
+ *
+ * USER SETTINGS DEVICES
+ *
+ */
+.sessions_c7a2c0 > div:not([class]) {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 0;
+ border-radius: var(--card-radius-big);
+}
+
+.otherSessions_c7a2c0 {
+ margin-top: 32px;
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 0;
+ border-radius: var(--card-radius-big);
+}
+
+.sessions_c7a2c0 .sectionTitle_a6ae9b,
+.otherSessions_c7a2c0 .sectionTitle_a6ae9b {
+ margin-bottom: 0;
+ padding: 16px;
+ background-color: transparent;
+ font-size: 1.25em;
+ line-height: normal;
+ color: var(--card-header-text-color);
+ font-weight: 400;
+ opacity: 1;
+}
+.sessions_c7a2c0 .sectionTitle_a6ae9b .eyebrow_c46f6a,
+.otherSessions_c7a2c0 .sectionTitle_a6ae9b .eyebrow_c46f6a {
+ margin-bottom: -8px;
+ line-height: normal;
+ font-size: inherit;
+ color: var(--card-header-text-color);
+ font-weight: 400;
+}
+
+.session_c7a2c0 {
+ position: relative;
+ padding: 16px;
+ gap: 16px;
+ border-bottom: none;
+}
+.session_c7a2c0:before {
+ position: absolute;
+ content: " ";
+ width: calc(100% - 16px);
+ height: 100%;
+ top: 0;
+ left: 8px;
+ background-color: var(--card-color-hover);
+ border-radius: calc(var(--card-radius-big) / 1.65);
+ opacity: 0;
+ transition: var(--default-time) var(--default-animation) opacity;
+}
+.session_c7a2c0:last-of-type {
+ padding-bottom: 24px;
+}
+.session_c7a2c0:last-of-type:before {
+ height: calc(100% - 8px);
+}
+.session_c7a2c0:hover:before {
+ opacity: 1;
+}
+.session_c7a2c0 > * {
+ z-index: 2;
+}
+.session_c7a2c0 .sessionIcon_c7a2c0 {
+ background-color: hsl(var(--accent-hsl--material-you));
+ color: var(--accent-text-color--material-you);
+}
+.session_c7a2c0 .sessionInfoRow_c7a2c0:not(.eyebrow_e5a66c) {
+ color: var(--text-muted);
+}
+.session_c7a2c0 .eyebrow_e5a66c {
+ font-size: 14px;
+ text-transform: none;
+}
+
+/*
+ *
+ * USER SETTINGS DISCORD EXPERIMENTS
+ *
+ */
+.group_d8d11a {
+ margin-top: 16px;
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+.group_d8d11a .title_d8d11a {
+ margin-bottom: 0;
+}
+.group_d8d11a .eyebrow_c46f6a {
+ margin-top: 16px;
+}
+.group_d8d11a .experimentDate_d8d11a {
+ line-height: 42px;
+}
+.group_d8d11a .description_d8d11a {
+ margin: 8px 0;
+}
+.group_d8d11a .button_dd4f85 {
+ --button-height: 18px;
+ --button-padding: 0;
+ font-size: 0.875em !important;
+ font-weight: 400;
+}
+.group_d8d11a .divider_d8d11a {
+ display: none;
+}
+
+/*
+ *
+ * USER SETTINGS FAMILY CENTER
+ *
+ */
+.container_d576e9 {
+ background-color: var(--chat-color) !important;
+}
+.container_d576e9 .sideNavContent_d576e9 {
+ flex: 1 1 auto;
+ min-width: 350px;
+ max-width: 1400px;
+ left: 0;
+ right: 0;
+ margin: 0 auto;
+ padding: 24px;
+}
+
+.container_d00e26,
+.container_f70f48 {
+ max-width: 1400px;
+ align-items: center;
+ gap: 16px;
+}
+
+.max-width_d00e26, .max-width_a2e886 {
+ max-width: unset;
+}
+
+.banner_d00e26,
+.container_a2e886 {
+ width: 100%;
+}
+
+.banner_d00e26 .heading-xl\/medium_dc00ef {
+ font-weight: 400;
+}
+
+.container_b01337,
+.container_d00e26,
+.container_a2e886,
+.box_f70f48,
+.enableCard_c55991 {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+ box-shadow: none;
+}
+
+.container_b01337,
+.container_a2e886 {
+ padding: 24px;
+}
+
+.featureCards_d00e26 {
+ margin-top: 0;
+ gap: 16px;
+}
+
+.container_d00e26 .heading-md\/bold_dc00ef,
+.container_a2e886 .heading-md\/bold_dc00ef {
+ font-size: 20px;
+ font-weight: 400;
+}
+
+.circle_d7c696 {
+ background-color: var(--card-button-color);
+}
+.circle_d7c696 .icon_d7c696 {
+ color: var(--text-muted);
+}
+
+.container_a2e886 {
+ margin-top: 0;
+}
+.container_a2e886 .text-xxs\/bold_dc00ef {
+ font-size: 12px;
+ font-weight: 500;
+}
+.container_a2e886 .row_e677b7 {
+ background-color: var(--card-color-alt);
+ border-radius: var(--card-radius-big);
+}
+.container_a2e886 .iconContainer_e677b7 {
+ background-color: var(--card-button-color);
+}
+
+.box_f70f48 {
+ padding: 24px;
+}
+.box_f70f48 .heading-xl\/medium_dc00ef {
+ font-weight: 400;
+}
+
+.stepNumber_f70f48 {
+ background-color: var(--card-button-color);
+}
+.stepNumber_f70f48 .heading-md\/semibold_dc00ef {
+ color: var(--text-muted) !important;
+}
+
+/*
+ *
+ * USER SETTINGS GAME OVERLAY
+ *
+ */
+.wrapper_d2da9c {
+ border-radius: var(--card-radius-big);
+ border-color: hsl(var(--accent-hsl--material-you));
+}
+.wrapper_d2da9c .option_d2da9c {
+ border-radius: var(--card-radius-big);
+}
+.wrapper_d2da9c .option_d2da9c:hover {
+ background-color: hsl(var(--accent-hsl--material-you));
+ opacity: 0.6;
+}
+.wrapper_d2da9c .option_d2da9c.selected_d2da9c {
+ background-color: hsl(var(--accent-hsl--material-you));
+ border-color: hsl(var(--accent-hsl--material-you));
+ box-shadow: var(--shadow-1dp);
+}
+
+/*
+ *
+ * USER SETTINGS KEYBINDS
+ *
+ */
+.warning_f20685 {
+ background-color: hsl(var(--warning-hsl), 0.3);
+ border-radius: var(--card-radius-big);
+ border: none;
+}
+.warning_f20685 .icon_f20685 {
+ color: hsl(var(--warning-hsl));
+}
+
+.children_a6ae9b .marginBottom20_f7730b + .divider_ae36e5 {
+ display: none;
+}
+
+.row_f916fc {
+ --input-color: var(--input-color-alt);
+ padding: 16px;
+ background-color: var(--card-color-filled);
+ border-bottom: 1px solid var(--card-border-color);
+ box-shadow: none !important;
+}
+.row_f916fc:first-child {
+ border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
+}
+.row_f916fc:last-child {
+ margin-bottom: 40px;
+ border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
+ border-bottom: none;
+}
+.row_f916fc:only-child {
+ border-radius: var(--card-radius-big);
+ border-bottom: none;
+}
+.row_f916fc .keybindGroup_f916fc {
+ margin: 0;
+ padding: 0;
+ border-left: none;
+ border-right: none;
+}
+.row_f916fc .keybindGroup_f916fc:last-of-type {
+ border-radius: 0;
+ border-bottom: none;
+}
+.row_f916fc .keybindGroup_f916fc:before {
+ display: none;
+}
+.row_f916fc .removeKeybind-2YVgVG {
+ right: -12px;
+}
+.row_f916fc .container_c67e31 .button_dd4f85 {
+ width: auto;
+}
+
+.key_c90023 {
+ height: 24px;
+ padding: 0 8px;
+ background-color: var(--card-color-active);
+ border-radius: 12px;
+ border: none !important;
+ box-shadow: none !important;
+ line-height: 24px;
+ color: var(--text-normal);
+}
+.key_c90023 g {
+ fill: var(--text-normal);
+}
+
+/* KEYBINDS -> DEFAULT */
+.defaultKeybindGroup_f916fc {
+ margin: 24px 0 0;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+}
+.defaultKeybindGroup_f916fc .defaultKeybind_f916fc + .divider_b03b7f {
+ display: block;
+}
+.defaultKeybindGroup_f916fc .divider_b03b7f {
+ width: calc(100% - 32px);
+ margin: 0 16px;
+ border-top-color: var(--card-border-color);
+}
+.defaultKeybindGroup_f916fc .divider_b03b7f:last-of-type {
+ display: none;
+}
+
+.defaultKeybind_f916fc {
+ padding: 0 16px;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+}
+.defaultKeybind_f916fc + .divider_b03b7f {
+ display: none;
+}
+
+.defaultKeybindGroupHeader_f916fc {
+ margin-bottom: 0;
+ padding: 16px 16px 0;
+ font-size: 18px;
+ text-transform: none;
+ font-weight: 500;
+}
+.defaultKeybindGroupHeader_f916fc + .divider_b03b7f {
+ display: none;
+}
+
+.defaultKeybindGroupDescription_f916fc {
+ margin-bottom: 0;
+ padding: 16px 16px 0;
+}
+.defaultKeybindGroupDescription_f916fc + .divider_b03b7f {
+ display: none;
+}
+
+/*
+ *
+ * USER SETTINGS MY ACCOUNT
+ *
+ */
+.accountProfileCard_b69b77 {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+}
+.accountProfileCard_b69b77 .userInfo_b69b77 {
+ position: relative;
+ height: 88px;
+ padding: 16px 16px 16px 130px;
+}
+.accountProfileCard_b69b77 .userInfo_b69b77 .wrapper_c51b4e {
+ background-color: var(--card-color-filled);
+ border: 8px solid var(--card-color-filled);
+}
+.accountProfileCard_b69b77 .userInfo_b69b77 .wrapper_c51b4e {
+ top: unset;
+ bottom: 21px;
+}
+.accountProfileCard_b69b77 .bannerSVGWrapper_b32cc2 circle {
+ display: none;
+}
+.accountProfileCard_b69b77 .background_b69b77 {
+ position: relative;
+ margin: 0;
+ padding: 0;
+ background-color: transparent;
+ border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
+}
+.accountProfileCard_b69b77 .background_b69b77:before {
+ position: absolute;
+ content: " ";
+ width: calc(100% - 32px);
+ height: 1px;
+ top: 0;
+ left: 16px;
+ background-color: var(--card-border-color);
+}
+.accountProfileCard_b69b77 .background_b69b77 .fieldList_b69b77 {
+ margin-top: 0;
+ padding: 16px;
+}
+.accountProfileCard_b69b77 .background_b69b77 .fieldList_b69b77 .constrainedRow_b69b77 .button_dd4f85 {
+ margin-left: 8px;
+}
+.accountProfileCard_b69b77 .background_b69b77 .fieldList_b69b77 .button_dd4f85:not(:last-child) {
+ margin-right: 16px;
+}
+.accountProfileCard_b69b77 .badgeList_b69b77 {
+ height: 32px;
+ padding: 0 8px;
+ background-color: var(--card-color-hover);
+ border-radius: 16px;
+}
+
+.settingsBanner_c3e427 {
+ position: relative;
+ border-radius: calc(var(--card-radius-big) / 1.5);
+}
+
+.fieldList_b69b77 {
+ padding: 0;
+ background-color: transparent;
+ border-radius: 0;
+}
+
+.credentialList_eaef52 {
+ margin-bottom: 16px;
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 8px;
+ border-radius: var(--card-radius-big);
+}
+
+.credentialItem_eaef52 {
+ border-radius: calc(var(--card-radius-big) / 1.65);
+ border-top: none;
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.credentialItem_eaef52:not(:last-child) {
+ margin-bottom: 0;
+}
+.credentialItem_eaef52:hover {
+ background-color: var(--card-color-hover);
+}
+
+/*
+ *
+ * USER SETTINGS NITRO
+ *
+ */
+.container-3D-8Ly {
+ border-radius: var(--card-radius-big);
+}
+
+.ctaWrapper-4Js5Q6 {
+ border-radius: var(--card-radius-big);
+}
+.ctaWrapper-4Js5Q6 .ctaButtonInner-2VRelf {
+ color: var(--button-text-color);
+}
+
+.innerWrapper_c511e4 {
+ background-color: var(--popout-color);
+ box-shadow: var(--shadow-3dp);
+}
+
+.tierCard_cf74b3 {
+ border-radius: var(--card-radius-big);
+}
+
+.giftCard_cf74b3 {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+}
+
+/* USER SETTINGS -> NITRO -> SERVER BOOST */
+.gradient_e74e54 {
+ border-radius: var(--card-radius-big);
+}
+
+.wave_e74e54 {
+ fill: var(--card-color-filled);
+}
+
+.wrapper_d73dcb {
+ margin-top: 30px;
+}
+
+.guildContainer_e0d799,
+.wrapper_d4ec61 {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+}
+
+.wrapper_d1fdce {
+ border-radius: var(--card-radius-big);
+}
+.wrapper_d1fdce .card_d1fdce {
+ border-radius: var(--card-radius-big);
+}
+
+/*
+ *
+ * USER SETTINGS PARTY MODE
+ *
+ */
+.achievementContainer_a26362 {
+ background-color: var(--card-color-outlined);
+ border: 1px solid var(--card-border-color);
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+
+.container_c46051 {
+ background-color: var(--card-color-outlined);
+ border: 1px solid var(--card-border-color);
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+.container_c46051:hover {
+ background-color: var(--card-color-outlined);
+}
+.container_c46051 .container_d3e49b {
+ background-color: var(--menu-item-hover);
+}
+
+.container_e48555 {
+ padding: var(--tooltip-padding);
+ background-color: var(--tooltip-color);
+ box-shadow: var(--tooltip-shadow);
+ border-radius: 28px;
+}
+.container_e48555 .container_d3e49b {
+ background-color: rgba(0, 0, 0, 0.35);
+}
+.container_e48555 .text-md-semibold-3xVVGu,
+.container_e48555 .text-xs-medium-2LRpEj {
+ color: var(--tooltip-text-color) !important;
+}
+
+.comboNameplate_f21b25 {
+ background-color: var(--popout-color);
+ box-shadow: var(--shadow-3dp);
+ border-radius: 18px;
+}
+.comboNameplate_f21b25 .comboMultiplier_f21b25 {
+ color: hsl(var(--accent-hsl--material-you)) !important;
+}
+
+.progressBar-1T6LYX {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+}
+
+/*
+ *
+ * USER SETTINGS PRIVACY AND SAFETY
+ *
+ */
+.profile_f7ea1b {
+ margin-left: 0;
+}
+
+.avatarBackground_bb882a {
+ background-color: var(--card-color-filled);
+}
+
+.status_f7ea1b [style*="color: var(--status-positive)"] {
+ color: var(--success-color) !important;
+}
+
+.line_f7ea1b {
+ background-color: var(--card-color-active);
+}
+
+.marker_f7ea1b {
+ margin: 0 !important;
+ background-color: var(--card-color-active);
+}
+.marker_f7ea1b path {
+ fill: var(--success-color);
+ transform: translate(-1px, -1px) scale(1.091);
+}
+.marker_f7ea1b .empty_f7ea1b {
+ background-color: var(--card-color-filled);
+}
+
+/*
+ *
+ * USER SETTINGS PROFILES
+ *
+ */
+.tabBar_bff66b .tabBarItem_bff66b {
+ border-bottom: none;
+}
+.tabBar_bff66b .tabBarItem_bff66b.selected-g-kMVV {
+ position: relative;
+ background-color: transparent !important;
+ border: none;
+}
+.tabBar_bff66b .tabBarItem_bff66b.selected-g-kMVV:after {
+ position: absolute;
+ content: " ";
+ width: 90%;
+ height: 3px;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ margin: 0 auto;
+ background: var(--tab-border-color);
+ border-radius: 3px 3px 0 0;
+ transition: var(--default-time) ease all;
+}
+
+.baseLayout_bad983 {
+ gap: 16px;
+}
+
+.notice-1Qe0b_ {
+ background-color: var(--card-color-outlined);
+ border: 1px solid var(--card-border-color);
+ padding: 8px;
+ border-radius: var(--card-radius-big);
+}
+
+.upsellOverlayContainer_eb49af,
+.upsellTextContainer_eb49af {
+ border-radius: var(--card-radius-big);
+}
+
+.upsellOverlayContainer_eb49af {
+ overflow: hidden;
+}
+
+.container-5BK5-N, .container_da1432 {
+ border-radius: var(--card-radius-big);
+}
+
+.customizationSection_b3a5c2 {
+ --input-color: var(--input-color-alt);
+ margin-bottom: 16px;
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+.customizationSection_b3a5c2:last-child:not(.withDivider_b3a5c2) {
+ padding-bottom: 16px;
+}
+.customizationSection_b3a5c2.hideDivider_b3a5c2 {
+ padding-bottom: 16px;
+}
+.customizationSection_b3a5c2.preview_bad983 {
+ max-width: unset;
+}
+.customizationSection_b3a5c2.profileThemeSectionPremiumBorder-pH_ioT {
+ margin: 0 0 16px;
+ background: linear-gradient(var(--main-color), var(--main-color)) padding-box, linear-gradient(45deg, hsl(269, calc(var(--saturation-factor, 1) * 52.7%), 52.7%), hsl(325, calc(var(--saturation-factor, 1) * 31.7%), 51.8%)) border-box;
+ border-width: 2px;
+}
+.customizationSection_b3a5c2.profileThemeSectionPremiumBorder-pH_ioT + .divider-2bhE_v {
+ display: none;
+}
+.customizationSection_b3a5c2.profileThemeSectionPremiumBorder-pH_ioT .inlineUpsell-3zPTgw {
+ background-color: var(--card-color-outlined);
+ border: 1px solid var(--card-border-color);
+ padding: 16px;
+ border-radius: var(--card-radius-big);
+}
+.customizationSection_b3a5c2.preview-Z55SA3 .title_b3a5c2 {
+ display: none;
+}
+.customizationSection_b3a5c2 .title_b3a5c2 {
+ margin: -16px -16px 0;
+ margin-bottom: 0;
+ padding: 16px;
+ background-color: transparent;
+ font-size: 1.25em;
+ line-height: normal;
+ color: var(--card-header-text-color);
+ font-weight: 400;
+ opacity: 1;
+}
+.customizationSection_b3a5c2 .title_b3a5c2 .titleText-1IEWzs {
+ line-height: normal;
+ font-size: inherit;
+ color: var(--card-header-text-color);
+ font-weight: 400;
+}
+.customizationSection_b3a5c2 .removeButton_a611c9 {
+ margin-left: 16px;
+}
+
+.customizationSectionBorder_b3a5c2 {
+ margin: -16px;
+ background: linear-gradient(var(--card-color-filled), var(--card-color-filled)) padding-box, linear-gradient(45deg, hsl(269, calc(var(--saturation-factor, 1) * 52.7%), 52.7%), hsl(325, calc(var(--saturation-factor, 1) * 31.7%), 51.8%)) border-box;
+ border-radius: var(--card-radius-big);
+}
+.customizationSectionBorder_b3a5c2 .background_c6d722 {
+ padding: 16px;
+}
+.customizationSectionBorder_b3a5c2 .nitroWheel_abc655 {
+ height: 22px;
+}
+
+.bioTextArea_ccf27d {
+ --input-padding: 0 12px;
+ height: 136px !important;
+ max-height: 136px !important;
+ padding: var(--input-padding) !important;
+ background-color: var(--input-color) !important;
+ border-radius: calc(136px / 2) !important;
+ border: none;
+ border-radius: 19px !important;
+}
+.bioTextArea_ccf27d .textAreaWithoutAttachmentButton_d0696b {
+ padding: 12px 0;
+}
+
+.profileBannerPreview-3mLIdO {
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+}
+.profileBannerPreview-3mLIdO .avatarUploaderInner_ab876d {
+ background-color: transparent;
+ border: none;
+ box-shadow: var(--shadow-3dp);
+}
+.profileBannerPreview-3mLIdO .avatarUploaderInner_ab876d:focus-within .avatarUploaderHint-2ZdBlc, .profileBannerPreview-3mLIdO .avatarUploaderInner_ab876d:hover .avatarUploaderHint-2ZdBlc {
+ background-color: rgba(0, 0, 0, 0.5);
+ border-radius: 50%;
+}
+.decorationGridItem_b35b54, .effectGridItem_c80296 {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 0;
+ border-radius: var(--card-radius-big);
+ transition: var(--default-time) var(--default-animation) background-color;
+ transition: var(--default-time) var(--default-animation) box-shadow;
+}
+.decorationGridItem_b35b54:hover, .effectGridItem_c80296:hover {
+ background-color: var(--card-color-hover);
+}
+.decorationGridItem_b35b54.selected_c80296, .effectGridItem_c80296.selected_c80296 {
+ box-shadow: 0 0 0 2px hsl(var(--accent-hsl--material-you));
+}
+
+.decorationPreview_aba31b {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 0;
+ border-radius: var(--card-radius-big);
+}
+
+.smallDecorationPreviewsContainer_aba31b {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 8px;
+ border-radius: var(--card-radius-big);
+}
+
+.effectDescriptionBorderWithGradient_a9d381 {
+ border-radius: var(--card-radius-big);
+}
+.effectDescriptionBorderWithGradient_a9d381 .effectDescriptionContainer_a9d381 {
+ background-color: var(--card-color-filled);
+ border-radius: calc(var(--card-radius-big) - 2px);
+}
+
+.shopPreviewContainer_aba31b {
+ background: linear-gradient(var(--card-color-filled), var(--card-color-filled)) padding-box, var(--custom-premium-colors-premium-gradient-tier-2-diagonal) border-box;
+ border-radius: var(--card-radius-big);
+}
+.shopPreviewContainer_aba31b .shopPreviewBanner_aba31b {
+ background-color: var(--card-color-active);
+ border-radius: calc(var(--card-radius-big) - 2px);
+}
+
+/* USER SETTINGS PROFILES -> TRY OUT NITRO SECTION */
+.tryItOutSection_eb2d2c {
+ position: relative;
+ margin: 16px 0 0;
+ padding: 0;
+ border-radius: var(--card-radius-big);
+ border: none;
+}
+.tryItOutSection_eb2d2c:before {
+ position: absolute;
+ content: " ";
+ width: calc(100% - 4px);
+ height: calc(100% - 4px);
+ top: 0;
+ left: 0;
+ background: linear-gradient(var(--main-alt), var(--main-alt)) padding-box, linear-gradient(45deg, hsl(269, calc(var(--saturation-factor, 1) * 52.7%), 52.7%), hsl(325, calc(var(--saturation-factor, 1) * 31.7%), 51.8%)) border-box;
+ border-radius: inherit;
+ border: 2px solid transparent;
+}
+.tryItOutSection_eb2d2c .premiumBackground_c6d722 {
+ padding: 16px;
+ background: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+}
+
+/*
+ *
+ * QUESTS
+ *
+ */
+.questsCard_c366aa {
+ max-width: unset;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+}
+
+.outerContainer_af8856 {
+ border-radius: var(--card-radius-big);
+}
+.outerContainer_af8856 .questSplash_af8856 {
+ max-width: unset;
+ border-radius: var(--card-radius-big);
+}
+.outerContainer_af8856 .partnerBrandingGameTile_fc6f68 {
+ border-radius: 50% !important;
+}
+.outerContainer_af8856 .promotedTagBackground_a4a2b0 {
+ border-radius: 9px;
+}
+
+.outerContainer_d7df05 {
+ background-color: transparent !important;
+}
+.outerContainer_d7df05 .gridProgressBar_d7df05 {
+ color: hsl(var(--accent-hsl--material-you)) !important;
+}
+
+.questReward__47d57 {
+ border-radius: calc(var(--card-radius-big) / 1.75);
+}
+
+/*
+ *
+ * USER SETTINGS REGISTERED GAMES
+ *
+ */
+.notDetected_fd966d {
+ background-color: var(--card-color-filled) !important;
+ border: none !important;
+ padding: 16px;
+ border-radius: var(--card-radius-big) !important;
+}
+.notDetected_fd966d .gameName_fd966d {
+ color: var(--text-normal) !important;
+}
+.notDetected_fd966d .lastPlayed_fd966d {
+ color: var(--text-muted) !important;
+}
+
+.nowPlaying_fd966d {
+ border-radius: var(--card-radius-big);
+ border: none;
+}
+.nowPlaying_fd966d .flowerStar_ff7d90 path {
+ fill: #fff;
+}
+.nowPlaying_fd966d .childContainer_ff7d90 path {
+ fill: #000;
+}
+
+.nowPlayingAdd_fd966d {
+ margin: 16px 0;
+ color: var(--text-normal) !important;
+}
+.nowPlayingAdd_fd966d .lookLink_dd4f85 {
+ margin-left: 8px;
+}
+.nowPlayingAdd_fd966d + .marginTop40_f7730b {
+ margin-top: 0;
+}
+.nowPlayingAdd_fd966d + .marginTop40_f7730b .eyebrow_c46f6a {
+ margin-bottom: 0;
+ padding: 16px;
+ background-color: transparent;
+ font-size: 1.25em;
+ line-height: normal;
+ color: var(--card-header-text-color);
+ font-weight: 400;
+ opacity: 1;
+ padding: 16px 16px 8px;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
+}
+.nowPlayingAdd_fd966d + .marginTop40_f7730b .description_b89ec7 {
+ padding: 0 16px;
+ background-color: var(--card-color-filled);
+}
+
+.game_fd966d {
+ padding: 16px;
+ background-color: var(--card-color-filled);
+ border-radius: 0 !important;
+ border: none;
+}
+.game_fd966d:last-of-type {
+ padding-bottom: 24px;
+ border-radius: 0 0 var(--card-radius-big) var(--card-radius-big) !important;
+ box-shadow: none !important;
+}
+.game_fd966d:last-of-type:before {
+ height: calc(100% - 8px);
+ bottom: 8px;
+}
+.game_fd966d:before {
+ width: calc(100% - 16px);
+ height: 100%;
+ left: 8px;
+ right: 4px;
+ bottom: unset;
+ background-color: var(--card-color-hover);
+ border-radius: calc(var(--card-radius-big) / 1.5);
+ border: none;
+ pointer-events: none;
+ transition: var(--default-time) var(--default-animation) opacity;
+}
+.game_fd966d .gameName_fd966d {
+ font-weight: 500;
+}
+.game_fd966d:hover .gameNameInput_fd966d {
+ background-color: var(--input-color-alt);
+}
+.game_fd966d .gameNameInput_fd966d {
+ margin-left: -4px;
+ padding: 0 4px;
+ border: none;
+ border-radius: 12px;
+ line-height: 24px;
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+.game_fd966d .gameNameInput_fd966d:hover, .game_fd966d .gameNameInput_fd966d:focus {
+ background-color: var(--input-color-alt);
+}
+.game_fd966d .overlayStatusText__668e1 {
+ color: var(--text-muted) !important;
+}
+.game_fd966d .button_a467ac {
+ right: -12px;
+}
+
+/*
+ *
+ * USER SETTINGS SERVER BOOST
+ *
+ */
+.cardWrapper_bc8d2a {
+ background-color: var(--card-color-outlined);
+ border: 1px solid var(--card-border-color);
+ padding: 0;
+ border-radius: var(--card-radius-big);
+}
+.cardWrapper_bc8d2a .card__11580 {
+ border-radius: var(--card-radius-big);
+}
+
+.wrapper_adaea0 {
+ border-radius: var(--card-radius-big);
+}
+
+.header_c258fa {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+}
+
+.border__8d6b3 {
+ display: none;
+}
+
+.guild__74638 {
+ background-color: var(--card-color-outlined);
+ border: 1px solid var(--card-border-color);
+ padding: 0;
+ border-radius: var(--card-radius-big);
+}
+.guild__74638 .guildHeader__30707 {
+ background-color: transparent;
+ border-bottom: 1px solid var(--card-border-color);
+}
+
+.guildSubscriptionSlots__5823d {
+ padding: 0;
+ background-color: transparent;
+}
+.guildSubscriptionSlots__5823d .guildSubscriptionSlot_b76fc6 {
+ padding: 16px;
+ position: relative;
+ border-bottom: none;
+}
+.guildSubscriptionSlots__5823d .guildSubscriptionSlot_b76fc6:after {
+ position: absolute;
+ content: " ";
+ width: calc(100% - 16px * 2);
+ height: 1px;
+ right: 0;
+ bottom: 0;
+ margin: 0 16px;
+ background-color: var(--card-border-color);
+}
+.guildSubscriptionSlots__5823d .guildSubscriptionSlot_b76fc6:last-of-type:after {
+ display: none;
+}
+
+.wrapper_e55051 {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 24px 24px 8px;
+ border-radius: var(--card-radius-big);
+}
+.wrapper_e55051 .heading_e55051 {
+ font-weight: 400;
+}
+.wrapper_e55051 .list_e55051 {
+ border-top: none;
+}
+.wrapper_e55051 .listItem_e55051 {
+ border-bottom-color: var(--card-border-color);
+}
+.wrapper_e55051 .listItem_e55051:last-child {
+ border-bottom: none;
+}
+
+/*
+ *
+ * USER SETTINGS THEME EDITOR
+ *
+ */
+.themeEditor_c9dda6 {
+ margin-left: 8px;
+ padding: 0;
+ background-color: var(--chat-color);
+ border-radius: var(--card-radius-big) var(--card-radius-big) 0 var(--card-radius-big);
+ border-left: none;
+}
+.themeEditor_c9dda6:before, .themeEditor_c9dda6:after {
+ position: absolute;
+ content: " ";
+ width: var(--card-radius-big);
+ height: var(--card-radius-big);
+ left: calc((var(--card-radius-big) + 8px) * -1);
+ bottom: 0;
+ pointer-events: none;
+}
+.themeEditor_c9dda6:before {
+ background-color: var(--main-alt);
+}
+.themeEditor_c9dda6:after {
+ background-color: var(--chat-color);
+ border-bottom-right-radius: var(--card-radius-big);
+}
+.themeEditor_c9dda6 .editorHeader_c9dda6 {
+ padding: 16px;
+}
+.themeEditor_c9dda6 .editorFooter_c9dda6 {
+ padding: 0 16px 16px;
+}
+.themeEditor_c9dda6 .heading-lg\/extrabold_dc00ef {
+ font-size: 1.25em;
+ line-height: normal;
+ color: var(--card-header-text-color);
+ font-weight: 400;
+}
+.themeEditor_c9dda6 .selectionGroup_c9dda6 {
+ margin-top: 0;
+}
+.themeEditor_c9dda6 div[role=radiogroup] {
+ margin-bottom: 24px;
+ background-color: transparent;
+ border: none;
+}
+
+/*
+ *
+ * USER SETTINGS VOICE AND VIDEO
+ *
+ */
+.soundButtonSettingContainer_c801bb {
+ background-color: var(--card-color-hover);
+ border-radius: calc(var(--card-radius-big) / 1.65);
+}
+
+.deviceOptionCertified_dfcd87 {
+ width: 24px;
+ height: 24px;
+ background-color: hsl(var(--accent-hsl--material-you));
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/verified_check.svg);
+ -webkit-mask-repeat: no-repeat;
+ object-position: -99999px 99999px;
+}
+
+.micTestButton_ca3055 {
+ width: auto;
+}
+
+.wrapper_e5cdf3 {
+ height: 4px;
+ border-radius: 2px;
+ overflow: hidden;
+}
+.wrapper_e5cdf3 .container_e5cdf3 {
+ width: 100% !important;
+}
+.wrapper_e5cdf3 [style*="background: linear-gradient(to right, var(--yellow-260), var(--green-360))"].container_e5cdf3 {
+ background: var(--success-color) !important;
+}
+.wrapper_e5cdf3 .progress_e5cdf3 {
+ background-color: var(--card-color-hover);
+}
+.wrapper_e5cdf3 .notches_e5cdf3 {
+ display: none;
+}
+
+.micTestCaption_e75a73 {
+ top: 22px;
+ left: 148px;
+}
+
+.inputSensitivityBar_b6e3f3 .fill_b6e3f3 {
+ height: 4px !important;
+ background-color: var(--accent-text-color--material-you) !important;
+ border-radius: 2px;
+ transition: var(--default-time) var(--default-animation) width !important;
+}
+
+.cameraWrapper_ff1ac9 {
+ background-color: var(--card-color-filled);
+ border: none;
+ padding: 0;
+ border-radius: var(--card-radius-big);
+}
+.cameraWrapper_ff1ac9 video {
+ border-radius: var(--card-radius-big);
+}
+
+.backgroundOption_ad7d79 {
+ border-radius: var(--card-radius-big);
+}
+
+.backgroundOptionRing_ad7d79 {
+ border-radius: var(--card-radius-big);
+ border-color: hsl(var(--accent-hsl--material-you));
+}
+
+.backgroundOptionInner_ad7d79 {
+ background-color: var(--card-color-filled);
+ border-radius: calc(var(--card-radius-big) - 4px);
+}
+.backgroundOptionInner_ad7d79 .backgroundOptionContent_ad7d79 {
+ color: var(--text-normal);
+}
+/*
+ *
+ * SETTINGS CONTENT AREA
+ *
+ */
+.contentRegion_c25c6d {
+ background-color: var(--main-content-color);
+ overflow: hidden;
+}
+.contentRegion_c25c6d .h1_c46f6a,
+.contentRegion_c25c6d .heading-lg\/semibold_dc00ef,
+.contentRegion_c25c6d .bd-settings-title {
+ font-size: 22px;
+ font-weight: 400;
+}
+.contentRegion_c25c6d .bd-settings-group-title {
+ font-size: 14px;
+ text-transform: none;
+ font-weight: 500;
+}
+
+.eyebrow_c46f6a {
+ font-weight: 500;
+}
+
+/*
+ *
+ * SIDEBAR
+ *
+ */
+.sidebarRegionScroller_c25c6d {
+ background-color: var(--main-alt);
+}
+
+.sidebarRegion_c25c6d {
+ flex: 0;
+}
+
+.sidebar_c25c6d {
+ --sidebar-width: 240px;
+ width: var(--sidebar-width);
+ margin: 0;
+ padding: 60px 0 40px;
+}
+.sidebar_c25c6d .side_a0 {
+ width: inherit;
+}
+
+.sidebar_c25c6d .item_a0 {
+ width: calc(var(--sidebar-width) - 18px);
+ height: 32px;
+ margin-left: 12px;
+ padding: 0 16px;
+ line-height: 32px;
+ border-radius: var(--channel-radius);
+ transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color;
+ box-sizing: border-box;
+}
+.sidebar_c25c6d .item_a0.selected_a0 {
+ background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity)) !important;
+}
+.sidebar_c25c6d .item_a0.selected_a0:before {
+ opacity: 1;
+}
+.sidebar_c25c6d .item_a0.selected_a0 .premiumLabel_ae3c77 {
+ color: var(--interactive-active) !important;
+}
+.sidebar_c25c6d .item_a0 svg {
+ display: none;
+}
+.sidebar_c25c6d .item_a0 .selectedBackground_ae3c77 {
+ display: none;
+}
+.sidebar_c25c6d .item_a0 .textBadge_f05120 {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ color: var(--accent-text-color--material-you);
+}
+.sidebar_c25c6d .header_a0,
+.sidebar_c25c6d .bd-sidebar-header {
+ margin: 10px 28px 12px;
+ padding: 0;
+ color: var(--text-muted) !important;
+}
+.sidebar_c25c6d .eyebrow_dc00ef,
+.sidebar_c25c6d .bd-sidebar-header-label {
+ font-size: 0.8em;
+ text-transform: none;
+}
+.sidebar_c25c6d .bd-sidebar-header-label {
+ padding: 0;
+ line-height: 16px;
+ color: inherit;
+}
+.sidebar_c25c6d .separator_a0 {
+ position: relative;
+ height: 1px;
+ margin: 10px 22px 10px 28px;
+ background: transparent;
+}
+.sidebar_c25c6d .separator_a0:before {
+ position: absolute;
+ content: " ";
+ width: 100%;
+ height: 1px;
+ background: rgba(114, 118, 125, 0.3);
+}
+
+[style="background-color: var(--brand-500);"].textBadge_f05120 {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ color: var(--accent-text-color--material-you);
+}
+
+.contentColumnDefault_c25c6d,
+.contentColumnMinimal_c25c6d,
+.contentColumnWide_c25c6d,
+.customColumn_c25c6d,
+.customScroller_c25c6d > div {
+ flex: 1 1 auto;
+ min-width: 350px;
+ max-width: 1400px;
+ left: 0;
+ right: 0;
+ margin: 0 auto;
+}
+
+.contentColumnDefault_c25c6d,
+.contentColumnWide_c25c6d {
+ padding: 60px;
+}
+
+.customHeader-f9DEJ_ {
+ padding-top: 0;
+}
+
+.customContainer_c25c6d {
+ width: auto;
+}
+.customContainer_c25c6d .auto-2K3UW5 {
+ background-color: var(--main-color) !important;
+ border-top-left-radius: var(--card-radius-big);
+}
+.customContainer_c25c6d .customScroller_c25c6d {
+ padding-right: 0 !important;
+}
+.customContainer_c25c6d .customScroller_c25c6d .content-28mbXd div:not([class])[style="height: 60px;"] {
+ height: 0 !important;
+}
+.customContainer_c25c6d .customScroller_c25c6d > div {
+ position: relative;
+ min-width: 350px;
+ max-width: 1400px;
+ margin: 0 auto 60px;
+ padding: 60px 97px 60px 60px !important;
+}
+.customContainer_c25c6d .customScroller_c25c6d > .customHeader_cfe282 {
+ padding: 0;
+}
+.customContainer_c25c6d .customScroller_c25c6d .customHeader_cfe282 {
+ padding-top: 0;
+}
+
+.card-2ART2V:before {
+ margin: 0 60px;
+}
+
+.customColumn_c25c6d + .toolsContainer_c25c6d,
+.contentRegion_c25c6d div[role=tabpanel] + .toolsContainer_c25c6d {
+ position: absolute;
+ width: 60px;
+ height: 60px;
+ right: 0;
+}
+.customColumn_c25c6d + .toolsContainer_c25c6d .tools_c25c6d,
+.contentRegion_c25c6d div[role=tabpanel] + .toolsContainer_c25c6d .tools_c25c6d {
+ position: absolute;
+ width: 36px;
+ right: 0;
+}
+
+.contentColumnMinimal_c25c6d {
+ padding: 60px 80px 80px;
+}
+
+.sidebarScrollable_e9196a .flexChild-3PzYmX[style*="padding: 60px 15px 80px 20px;"] {
+ padding: 60px 8px 40px 0 !important;
+}
+
+.sidebarScrollable_e9196a + .content-2ssVKB[style*="padding: 60px 0px 80px 20px;"] {
+ padding: 0 0 0 20px !important;
+}
+
+.sidebarScrollable_e9196a + .content-2ssVKB {
+ position: relative;
+ width: calc(100% - 232px);
+ left: 232px;
+ right: 0;
+ margin-left: 0;
+ padding: 0 !important;
+}
+.sidebarScrollable_e9196a .side_a0 .header_a0:first-child {
+ margin: 0 0 8px 0;
+ padding: 0 0 0 10px !important;
+}
+
+.socialLinks_c44e94,
+.info_c5a741 {
+ padding: 8px 12px 8px 26px;
+}
+
+/* SIDEBAR -> LIGHT THEME WITH DARK SIDEBAR */
+.sidebarRegion_c25c6d.theme-dark:after {
+ position: absolute;
+ content: " ";
+ width: calc(100vw - 246px);
+ height: 100%;
+ top: 0;
+ right: 0;
+ background-color: var(--main-alt);
+ pointer-events: none;
+ z-index: -1;
+}
+
+.contentRegion_c25c6d {
+ z-index: 2;
+}
+
+/*
+ *
+ * USER SETTINGS
+ *
+ */
+.layer_d4b6c5,
+.standardSidebarView_c25c6d {
+ background-color: var(--main-alt);
+}
+
+.contentRegion_c25c6d {
+ background-color: var(--main-color);
+ border-radius: var(--card-radius-big) var(--card-radius-big) 0 var(--card-radius-big);
+}
+.contentRegion_c25c6d .contentRegionScroller_c25c6d {
+ background-color: transparent;
+}
+
+.closeButton_df5532 {
+ position: relative;
+ border: none;
+}
+.closeButton_df5532:after {
+ content: " ";
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ background-color: hsl(var(--md-ripple-color), 0.1);
+ border-radius: 50%;
+ opacity: 0;
+ pointer-events: none;
+ transform: scale(1.2);
+ transition: 300ms ease;
+ z-index: 4;
+}
+.closeButton_df5532:hover:after {
+ opacity: 1;
+ transform: scale(1.2);
+ animation: scale 150ms var(--default-animation), opacity 150ms ease;
+}
+.closeButton_df5532:active:after {
+ background-color: hsl(var(--md-ripple-color), 0.2);
+}
+.closeButton_df5532:hover {
+ background-color: transparent !important;
+}
+.closeButton_df5532:active {
+ transform: translateX(0px);
+}
+
+.noticeRegion_c25c6d,
+.saveNoticeContainer_d5bf6c {
+ left: 0;
+ right: 0;
+ margin: 0 auto;
+}
+
+.saveNoticeContainer_d5bf6c {
+ left: 252px;
+}
+
+.container_b6cd66 {
+ padding: 8px 8px 8px 16px;
+ background-color: var(--popout-color) !important;
+ border-radius: 4px;
+ box-shadow: var(--shadow-2dp) !important;
+}
+.container_b6cd66 .actions_b6cd66 {
+ flex-direction: row-reverse;
+}
+.container_b6cd66 .lookFilled_dd4f85 {
+ --button-padding: 0 12px;
+ --button-background: transparent;
+ --button-text-color: hsl(var(--accent-hsl--material-you));
+ --accent-button-action-hover: 0.14;
+ --accent-button-action-active: 0.21;
+}
+.container_b6cd66 .lookFilled_dd4f85:after {
+ --accent-button-action: hsl(var(--button-link-accent-color));
+}
+.container_b6cd66 .resetButton_b6cd66 {
+ --button-padding: 0;
+ min-width: var(--button-height);
+ margin-left: 0;
+ font-size: 0;
+}
+.container_b6cd66 .resetButton_b6cd66:before {
+ display: flex;
+ position: absolute;
+ content: " ";
+ width: 18px;
+ height: 18px;
+ background-color: var(--text-normal);
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/close.svg);
+ -webkit-mask-repeat: no-repeat;
+ transform: scale(1.333333);
+}
+.container_b6cd66 .resetButton_b6cd66 .contents_dd4f85 {
+ display: none;
+}
+
+.keybind-13vtq8 {
+ color: var(--text-muted) !important;
+}
+
+/*
+ *
+ * ANIMATIONS
+ *
+ */
+@keyframes top-pop-out {
+ from {
+ transform: translate(0, -20px);
+ opacity: 0;
+ }
+}
+@keyframes bottom-pop-out {
+ from {
+ transform: translate(0, 20px);
+ opacity: 0;
+ }
+}
+@keyframes show-user-status-right {
+ from {
+ transform: translateX(-3%) translateY(0%) translateZ(0px);
+ opacity: 0;
+ }
+}
+@keyframes show-user-status-left {
+ from {
+ transform: translateX(3%) translateY(0%) translateZ(0px);
+ opacity: 0;
+ }
+}
+@keyframes show-status {
+ from {
+ transform: translateY(15%) translateX(0%) translateZ(0px);
+ }
+}
+@keyframes status {
+ from {
+ transform: scale(0);
+ opacity: 0;
+ }
+}
+@keyframes opacity {
+ from {
+ opacity: 0;
+ }
+}
+@keyframes open-context-menu {
+ from {
+ transform: scale(1, 0.5);
+ }
+}
+@keyframes scale {
+ from {
+ transform: scale(0);
+ }
+}
+@keyframes shadowPulse_b16790 {
+ 0% {
+ box-shadow: 0 0 6px hsl(var(--accent-hsl--material-you), 0.3);
+ }
+ 50% {
+ box-shadow: 0 0 10px hsl(var(--accent-hsl--material-you), 0.6);
+ }
+ to {
+ box-shadow: 0 0 6px hsl(var(--accent-hsl--material-you), 0.3);
+ }
+}
+@keyframes rotate-panel-icon {
+ 25% {
+ transform: rotate(-8deg);
+ }
+ 50% {
+ transform: rotate(4deg);
+ }
+ 75% {
+ transform: rotate(-4deg);
+ }
+ 100% {
+ transform: rotate(-2deg);
+ }
+}
+
+/*# sourceMappingURL=main.css.map */
diff --git a/other/themes/Material-Discord/files/fonts/GoogleSans-Bold-cyrillic.woff2 b/other/themes/Material-Discord/files/fonts/GoogleSans-Bold-cyrillic.woff2
new file mode 100644
index 0000000..5364e80
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/GoogleSans-Bold-cyrillic.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/GoogleSans-Bold-greek.woff2 b/other/themes/Material-Discord/files/fonts/GoogleSans-Bold-greek.woff2
new file mode 100644
index 0000000..a55e03e
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/GoogleSans-Bold-greek.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/GoogleSans-Bold-latin.woff2 b/other/themes/Material-Discord/files/fonts/GoogleSans-Bold-latin.woff2
new file mode 100644
index 0000000..2961d15
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/GoogleSans-Bold-latin.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/GoogleSans-Bold-latinext.woff2 b/other/themes/Material-Discord/files/fonts/GoogleSans-Bold-latinext.woff2
new file mode 100644
index 0000000..cf814fc
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/GoogleSans-Bold-latinext.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/GoogleSans-BoldItalic-cyrillic.woff2 b/other/themes/Material-Discord/files/fonts/GoogleSans-BoldItalic-cyrillic.woff2
new file mode 100644
index 0000000..3533452
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/GoogleSans-BoldItalic-cyrillic.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/GoogleSans-BoldItalic-greek.woff2 b/other/themes/Material-Discord/files/fonts/GoogleSans-BoldItalic-greek.woff2
new file mode 100644
index 0000000..cd77538
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/GoogleSans-BoldItalic-greek.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/GoogleSans-BoldItalic-latin.woff2 b/other/themes/Material-Discord/files/fonts/GoogleSans-BoldItalic-latin.woff2
new file mode 100644
index 0000000..f668a11
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/GoogleSans-BoldItalic-latin.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/GoogleSans-BoldItalic-latinext.woff2 b/other/themes/Material-Discord/files/fonts/GoogleSans-BoldItalic-latinext.woff2
new file mode 100644
index 0000000..1d6107a
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/GoogleSans-BoldItalic-latinext.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/GoogleSans-Medium-cyrillic.woff2 b/other/themes/Material-Discord/files/fonts/GoogleSans-Medium-cyrillic.woff2
new file mode 100644
index 0000000..9836954
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/GoogleSans-Medium-cyrillic.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/GoogleSans-Medium-greek.woff2 b/other/themes/Material-Discord/files/fonts/GoogleSans-Medium-greek.woff2
new file mode 100644
index 0000000..f035ee2
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/GoogleSans-Medium-greek.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/GoogleSans-Medium-latin.woff2 b/other/themes/Material-Discord/files/fonts/GoogleSans-Medium-latin.woff2
new file mode 100644
index 0000000..b774161
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/GoogleSans-Medium-latin.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/GoogleSans-Medium-latinext.woff2 b/other/themes/Material-Discord/files/fonts/GoogleSans-Medium-latinext.woff2
new file mode 100644
index 0000000..44db4c2
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/GoogleSans-Medium-latinext.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/GoogleSans-MediumItalic-cyrillic.woff2 b/other/themes/Material-Discord/files/fonts/GoogleSans-MediumItalic-cyrillic.woff2
new file mode 100644
index 0000000..de410d5
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/GoogleSans-MediumItalic-cyrillic.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/GoogleSans-MediumItalic-greek.woff2 b/other/themes/Material-Discord/files/fonts/GoogleSans-MediumItalic-greek.woff2
new file mode 100644
index 0000000..48fe630
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/GoogleSans-MediumItalic-greek.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/GoogleSans-MediumItalic-latin.woff2 b/other/themes/Material-Discord/files/fonts/GoogleSans-MediumItalic-latin.woff2
new file mode 100644
index 0000000..75568d5
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/GoogleSans-MediumItalic-latin.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/GoogleSans-MediumItalic-latinext.woff2 b/other/themes/Material-Discord/files/fonts/GoogleSans-MediumItalic-latinext.woff2
new file mode 100644
index 0000000..251fd2c
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/GoogleSans-MediumItalic-latinext.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/GoogleSans-Regular-cyrillic.woff2 b/other/themes/Material-Discord/files/fonts/GoogleSans-Regular-cyrillic.woff2
new file mode 100644
index 0000000..f5cc8de
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/GoogleSans-Regular-cyrillic.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/GoogleSans-Regular-greek.woff2 b/other/themes/Material-Discord/files/fonts/GoogleSans-Regular-greek.woff2
new file mode 100644
index 0000000..be48e4c
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/GoogleSans-Regular-greek.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/GoogleSans-Regular-latin.woff2 b/other/themes/Material-Discord/files/fonts/GoogleSans-Regular-latin.woff2
new file mode 100644
index 0000000..3ce8b9d
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/GoogleSans-Regular-latin.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/GoogleSans-Regular-latinext.woff2 b/other/themes/Material-Discord/files/fonts/GoogleSans-Regular-latinext.woff2
new file mode 100644
index 0000000..67200b8
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/GoogleSans-Regular-latinext.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/GoogleSans-RegularItalic-cyrillic.woff2 b/other/themes/Material-Discord/files/fonts/GoogleSans-RegularItalic-cyrillic.woff2
new file mode 100644
index 0000000..9dd1d5e
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/GoogleSans-RegularItalic-cyrillic.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/GoogleSans-RegularItalic-greek.woff2 b/other/themes/Material-Discord/files/fonts/GoogleSans-RegularItalic-greek.woff2
new file mode 100644
index 0000000..59c5346
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/GoogleSans-RegularItalic-greek.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/GoogleSans-RegularItalic-latin.woff2 b/other/themes/Material-Discord/files/fonts/GoogleSans-RegularItalic-latin.woff2
new file mode 100644
index 0000000..e829a14
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/GoogleSans-RegularItalic-latin.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/GoogleSans-RegularItalic-latinext.woff2 b/other/themes/Material-Discord/files/fonts/GoogleSans-RegularItalic-latinext.woff2
new file mode 100644
index 0000000..ebc98a9
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/GoogleSans-RegularItalic-latinext.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/ProductSans-Bold-cyrillic.woff2 b/other/themes/Material-Discord/files/fonts/ProductSans-Bold-cyrillic.woff2
new file mode 100644
index 0000000..06bf5e3
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/ProductSans-Bold-cyrillic.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/ProductSans-Bold-greek.woff2 b/other/themes/Material-Discord/files/fonts/ProductSans-Bold-greek.woff2
new file mode 100644
index 0000000..a55e03e
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/ProductSans-Bold-greek.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/ProductSans-Bold-latin.woff2 b/other/themes/Material-Discord/files/fonts/ProductSans-Bold-latin.woff2
new file mode 100644
index 0000000..10d1a4e
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/ProductSans-Bold-latin.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/ProductSans-Bold-latinext.woff2 b/other/themes/Material-Discord/files/fonts/ProductSans-Bold-latinext.woff2
new file mode 100644
index 0000000..cf814fc
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/ProductSans-Bold-latinext.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/ProductSans-BoldItalic-cyrillic.woff2 b/other/themes/Material-Discord/files/fonts/ProductSans-BoldItalic-cyrillic.woff2
new file mode 100644
index 0000000..88977a5
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/ProductSans-BoldItalic-cyrillic.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/ProductSans-BoldItalic-greek.woff2 b/other/themes/Material-Discord/files/fonts/ProductSans-BoldItalic-greek.woff2
new file mode 100644
index 0000000..cd77538
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/ProductSans-BoldItalic-greek.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/ProductSans-BoldItalic-latin.woff2 b/other/themes/Material-Discord/files/fonts/ProductSans-BoldItalic-latin.woff2
new file mode 100644
index 0000000..5846390
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/ProductSans-BoldItalic-latin.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/ProductSans-BoldItalic-latinext.woff2 b/other/themes/Material-Discord/files/fonts/ProductSans-BoldItalic-latinext.woff2
new file mode 100644
index 0000000..1d6107a
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/ProductSans-BoldItalic-latinext.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/ProductSans-Medium-cyrillic.woff2 b/other/themes/Material-Discord/files/fonts/ProductSans-Medium-cyrillic.woff2
new file mode 100644
index 0000000..72ee85e
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/ProductSans-Medium-cyrillic.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/ProductSans-Medium-greek.woff2 b/other/themes/Material-Discord/files/fonts/ProductSans-Medium-greek.woff2
new file mode 100644
index 0000000..f035ee2
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/ProductSans-Medium-greek.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/ProductSans-Medium-latin.woff2 b/other/themes/Material-Discord/files/fonts/ProductSans-Medium-latin.woff2
new file mode 100644
index 0000000..5264603
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/ProductSans-Medium-latin.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/ProductSans-Medium-latinext.woff2 b/other/themes/Material-Discord/files/fonts/ProductSans-Medium-latinext.woff2
new file mode 100644
index 0000000..44db4c2
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/ProductSans-Medium-latinext.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/ProductSans-MediumItalic-cyrilic.woff2 b/other/themes/Material-Discord/files/fonts/ProductSans-MediumItalic-cyrilic.woff2
new file mode 100644
index 0000000..922ab6e
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/ProductSans-MediumItalic-cyrilic.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/ProductSans-MediumItalic-greek.woff2 b/other/themes/Material-Discord/files/fonts/ProductSans-MediumItalic-greek.woff2
new file mode 100644
index 0000000..48fe630
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/ProductSans-MediumItalic-greek.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/ProductSans-MediumItalic-latin.woff2 b/other/themes/Material-Discord/files/fonts/ProductSans-MediumItalic-latin.woff2
new file mode 100644
index 0000000..93a630d
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/ProductSans-MediumItalic-latin.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/ProductSans-MediumItalic-latinext.woff2 b/other/themes/Material-Discord/files/fonts/ProductSans-MediumItalic-latinext.woff2
new file mode 100644
index 0000000..251fd2c
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/ProductSans-MediumItalic-latinext.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/ProductSans-Regular-cyrillic.woff2 b/other/themes/Material-Discord/files/fonts/ProductSans-Regular-cyrillic.woff2
new file mode 100644
index 0000000..e61a546
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/ProductSans-Regular-cyrillic.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/ProductSans-Regular-greek.woff2 b/other/themes/Material-Discord/files/fonts/ProductSans-Regular-greek.woff2
new file mode 100644
index 0000000..be48e4c
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/ProductSans-Regular-greek.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/ProductSans-Regular-latin.woff2 b/other/themes/Material-Discord/files/fonts/ProductSans-Regular-latin.woff2
new file mode 100644
index 0000000..e45bfd2
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/ProductSans-Regular-latin.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/ProductSans-Regular-latinext.woff2 b/other/themes/Material-Discord/files/fonts/ProductSans-Regular-latinext.woff2
new file mode 100644
index 0000000..67200b8
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/ProductSans-Regular-latinext.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/ProductSans-RegularItalic-cyrillic.woff2 b/other/themes/Material-Discord/files/fonts/ProductSans-RegularItalic-cyrillic.woff2
new file mode 100644
index 0000000..9dd1d5e
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/ProductSans-RegularItalic-cyrillic.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/ProductSans-RegularItalic-greek.woff2 b/other/themes/Material-Discord/files/fonts/ProductSans-RegularItalic-greek.woff2
new file mode 100644
index 0000000..59c5346
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/ProductSans-RegularItalic-greek.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/ProductSans-RegularItalic-latin.woff2 b/other/themes/Material-Discord/files/fonts/ProductSans-RegularItalic-latin.woff2
new file mode 100644
index 0000000..e829a14
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/ProductSans-RegularItalic-latin.woff2 differ
diff --git a/other/themes/Material-Discord/files/fonts/ProductSans-RegularItalic-latinext.woff2 b/other/themes/Material-Discord/files/fonts/ProductSans-RegularItalic-latinext.woff2
new file mode 100644
index 0000000..ebc98a9
Binary files /dev/null and b/other/themes/Material-Discord/files/fonts/ProductSans-RegularItalic-latinext.woff2 differ
diff --git a/other/themes/Material-Discord/files/icons/outline/accessibility.svg b/other/themes/Material-Discord/files/icons/outline/accessibility.svg
new file mode 100644
index 0000000..012eaeb
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/accessibility.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/account-multiple-outline.svg b/other/themes/Material-Discord/files/icons/outline/account-multiple-outline.svg
new file mode 100644
index 0000000..5e715bf
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/account-multiple-outline.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/add_circle.svg b/other/themes/Material-Discord/files/icons/outline/add_circle.svg
new file mode 100644
index 0000000..22d9d97
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/add_circle.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/alarm.svg b/other/themes/Material-Discord/files/icons/outline/alarm.svg
new file mode 100644
index 0000000..fa1b7c6
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/alarm.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/alarm_dark.svg b/other/themes/Material-Discord/files/icons/outline/alarm_dark.svg
new file mode 100644
index 0000000..85ea371
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/alarm_dark.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/alert.svg b/other/themes/Material-Discord/files/icons/outline/alert.svg
new file mode 100644
index 0000000..e98c075
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/alert.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/analytics.svg b/other/themes/Material-Discord/files/icons/outline/analytics.svg
new file mode 100644
index 0000000..2884e42
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/analytics.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/apps.svg b/other/themes/Material-Discord/files/icons/outline/apps.svg
new file mode 100644
index 0000000..0554bf6
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/apps.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/archive.svg b/other/themes/Material-Discord/files/icons/outline/archive.svg
new file mode 100644
index 0000000..600fc65
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/archive.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/attachment.svg b/other/themes/Material-Discord/files/icons/outline/attachment.svg
new file mode 100644
index 0000000..e0461ad
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/attachment.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/audit_log.svg b/other/themes/Material-Discord/files/icons/outline/audit_log.svg
new file mode 100644
index 0000000..77fca2a
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/audit_log.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/award_star.svg b/other/themes/Material-Discord/files/icons/outline/award_star.svg
new file mode 100644
index 0000000..9891275
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/award_star.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/badge.svg b/other/themes/Material-Discord/files/icons/outline/badge.svg
new file mode 100644
index 0000000..6337d24
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/badge.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/block.svg b/other/themes/Material-Discord/files/icons/outline/block.svg
new file mode 100644
index 0000000..5d53df2
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/block.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/burst_reaction.svg b/other/themes/Material-Discord/files/icons/outline/burst_reaction.svg
new file mode 100644
index 0000000..f13116b
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/burst_reaction.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/call.svg b/other/themes/Material-Discord/files/icons/outline/call.svg
new file mode 100644
index 0000000..326bbd7
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/call.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/call_end.svg b/other/themes/Material-Discord/files/icons/outline/call_end.svg
new file mode 100644
index 0000000..670485b
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/call_end.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/cancel.svg b/other/themes/Material-Discord/files/icons/outline/cancel.svg
new file mode 100644
index 0000000..a028222
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/cancel.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/center_focus.svg b/other/themes/Material-Discord/files/icons/outline/center_focus.svg
new file mode 100644
index 0000000..75d8f58
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/center_focus.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/chat.svg b/other/themes/Material-Discord/files/icons/outline/chat.svg
new file mode 100644
index 0000000..84e9af1
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/chat.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/chat_bubble.svg b/other/themes/Material-Discord/files/icons/outline/chat_bubble.svg
new file mode 100644
index 0000000..8d6a561
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/chat_bubble.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/chat_bubbles.svg b/other/themes/Material-Discord/files/icons/outline/chat_bubbles.svg
new file mode 100644
index 0000000..ad653e3
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/chat_bubbles.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/check.svg b/other/themes/Material-Discord/files/icons/outline/check.svg
new file mode 100644
index 0000000..0341274
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/check.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/check_box.svg b/other/themes/Material-Discord/files/icons/outline/check_box.svg
new file mode 100644
index 0000000..afcf67c
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/check_box.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/check_box_outline.svg b/other/themes/Material-Discord/files/icons/outline/check_box_outline.svg
new file mode 100644
index 0000000..66580d7
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/check_box_outline.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/check_dark.svg b/other/themes/Material-Discord/files/icons/outline/check_dark.svg
new file mode 100644
index 0000000..caf8078
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/check_dark.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/chevron_left.svg b/other/themes/Material-Discord/files/icons/outline/chevron_left.svg
new file mode 100644
index 0000000..222f7eb
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/chevron_left.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/chevron_right.svg b/other/themes/Material-Discord/files/icons/outline/chevron_right.svg
new file mode 100644
index 0000000..ffad2e1
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/chevron_right.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/close.svg b/other/themes/Material-Discord/files/icons/outline/close.svg
new file mode 100644
index 0000000..0aac8e7
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/close.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/cloud.svg b/other/themes/Material-Discord/files/icons/outline/cloud.svg
new file mode 100644
index 0000000..b14bf46
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/cloud.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/cloud_refresh.svg b/other/themes/Material-Discord/files/icons/outline/cloud_refresh.svg
new file mode 100644
index 0000000..e889827
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/cloud_refresh.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/code.svg b/other/themes/Material-Discord/files/icons/outline/code.svg
new file mode 100644
index 0000000..02f0d05
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/code.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/collapse.svg b/other/themes/Material-Discord/files/icons/outline/collapse.svg
new file mode 100644
index 0000000..292940b
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/collapse.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/content_copy.svg b/other/themes/Material-Discord/files/icons/outline/content_copy.svg
new file mode 100644
index 0000000..47ac9ce
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/content_copy.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/content_cut.svg b/other/themes/Material-Discord/files/icons/outline/content_cut.svg
new file mode 100644
index 0000000..9e59b2a
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/content_cut.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/crown.svg b/other/themes/Material-Discord/files/icons/outline/crown.svg
new file mode 100644
index 0000000..28b8350
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/crown.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/dashboard.svg b/other/themes/Material-Discord/files/icons/outline/dashboard.svg
new file mode 100644
index 0000000..dc0c832
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/dashboard.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/delete.svg b/other/themes/Material-Discord/files/icons/outline/delete.svg
new file mode 100644
index 0000000..f59ecd8
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/delete.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/delete_red.svg b/other/themes/Material-Discord/files/icons/outline/delete_red.svg
new file mode 100644
index 0000000..b9e1edb
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/delete_red.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/devices.svg b/other/themes/Material-Discord/files/icons/outline/devices.svg
new file mode 100644
index 0000000..b4b4882
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/devices.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/discord_home.svg b/other/themes/Material-Discord/files/icons/outline/discord_home.svg
new file mode 100644
index 0000000..2962353
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/discord_home.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/discovery.svg b/other/themes/Material-Discord/files/icons/outline/discovery.svg
new file mode 100644
index 0000000..cef54ae
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/discovery.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/edit.svg b/other/themes/Material-Discord/files/icons/outline/edit.svg
new file mode 100644
index 0000000..9069b75
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/edit.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/emoji.svg b/other/themes/Material-Discord/files/icons/outline/emoji.svg
new file mode 100644
index 0000000..66579d8
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/emoji.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/emoji_shimmer.svg b/other/themes/Material-Discord/files/icons/outline/emoji_shimmer.svg
new file mode 100644
index 0000000..0b14b9b
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/emoji_shimmer.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/event.svg b/other/themes/Material-Discord/files/icons/outline/event.svg
new file mode 100644
index 0000000..ab86c13
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/event.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/exit_to_app.svg b/other/themes/Material-Discord/files/icons/outline/exit_to_app.svg
new file mode 100644
index 0000000..43d3001
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/exit_to_app.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/exit_to_app_red.svg b/other/themes/Material-Discord/files/icons/outline/exit_to_app_red.svg
new file mode 100644
index 0000000..6958645
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/exit_to_app_red.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/favorite.svg b/other/themes/Material-Discord/files/icons/outline/favorite.svg
new file mode 100644
index 0000000..c9b2834
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/favorite.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/feature.svg b/other/themes/Material-Discord/files/icons/outline/feature.svg
new file mode 100644
index 0000000..6f50fdc
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/feature.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/filter.svg b/other/themes/Material-Discord/files/icons/outline/filter.svg
new file mode 100644
index 0000000..fe619b3
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/filter.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/flag.svg b/other/themes/Material-Discord/files/icons/outline/flag.svg
new file mode 100644
index 0000000..7a070e4
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/flag.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/folder.svg b/other/themes/Material-Discord/files/icons/outline/folder.svg
new file mode 100644
index 0000000..ad26f20
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/folder.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/game.svg b/other/themes/Material-Discord/files/icons/outline/game.svg
new file mode 100644
index 0000000..2e88b96
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/game.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/gamepad.svg b/other/themes/Material-Discord/files/icons/outline/gamepad.svg
new file mode 100644
index 0000000..1b7ab68
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/gamepad.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/gift.svg b/other/themes/Material-Discord/files/icons/outline/gift.svg
new file mode 100644
index 0000000..1086b7a
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/gift.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/hammer.svg b/other/themes/Material-Discord/files/icons/outline/hammer.svg
new file mode 100644
index 0000000..3fb1fbc
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/hammer.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/help.svg b/other/themes/Material-Discord/files/icons/outline/help.svg
new file mode 100644
index 0000000..abcc473
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/help.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/hub.svg b/other/themes/Material-Discord/files/icons/outline/hub.svg
new file mode 100644
index 0000000..12e9388
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/hub.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/hypesquad.svg b/other/themes/Material-Discord/files/icons/outline/hypesquad.svg
new file mode 100644
index 0000000..3496586
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/hypesquad.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/image_copy.svg b/other/themes/Material-Discord/files/icons/outline/image_copy.svg
new file mode 100644
index 0000000..6484646
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/image_copy.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/image_view.svg b/other/themes/Material-Discord/files/icons/outline/image_view.svg
new file mode 100644
index 0000000..dabe05f
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/image_view.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/inbox.svg b/other/themes/Material-Discord/files/icons/outline/inbox.svg
new file mode 100644
index 0000000..5f87446
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/inbox.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/integrations.svg b/other/themes/Material-Discord/files/icons/outline/integrations.svg
new file mode 100644
index 0000000..3164f1a
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/integrations.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/keyboard.svg b/other/themes/Material-Discord/files/icons/outline/keyboard.svg
new file mode 100644
index 0000000..8188153
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/keyboard.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/launch.svg b/other/themes/Material-Discord/files/icons/outline/launch.svg
new file mode 100644
index 0000000..b8138b8
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/launch.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/library_add.svg b/other/themes/Material-Discord/files/icons/outline/library_add.svg
new file mode 100644
index 0000000..2643e0f
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/library_add.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/lightbulb.svg b/other/themes/Material-Discord/files/icons/outline/lightbulb.svg
new file mode 100644
index 0000000..7a2ffba
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/lightbulb.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/link.svg b/other/themes/Material-Discord/files/icons/outline/link.svg
new file mode 100644
index 0000000..5b75bdf
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/link.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/linux.svg b/other/themes/Material-Discord/files/icons/outline/linux.svg
new file mode 100644
index 0000000..bea84ec
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/linux.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/list.svg b/other/themes/Material-Discord/files/icons/outline/list.svg
new file mode 100644
index 0000000..d48b637
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/list.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/list_add.svg b/other/themes/Material-Discord/files/icons/outline/list_add.svg
new file mode 100644
index 0000000..bced40d
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/list_add.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/listen_along.svg b/other/themes/Material-Discord/files/icons/outline/listen_along.svg
new file mode 100644
index 0000000..0ac7206
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/listen_along.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/live_tv.svg b/other/themes/Material-Discord/files/icons/outline/live_tv.svg
new file mode 100644
index 0000000..5f3e058
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/live_tv.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/lock.svg b/other/themes/Material-Discord/files/icons/outline/lock.svg
new file mode 100644
index 0000000..de44d77
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/lock.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/lock_open.svg b/other/themes/Material-Discord/files/icons/outline/lock_open.svg
new file mode 100644
index 0000000..94383d9
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/lock_open.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/logout.svg b/other/themes/Material-Discord/files/icons/outline/logout.svg
new file mode 100644
index 0000000..7ecdf86
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/logout.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/mention.svg b/other/themes/Material-Discord/files/icons/outline/mention.svg
new file mode 100644
index 0000000..7aaa1bf
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/mention.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/message-check.svg b/other/themes/Material-Discord/files/icons/outline/message-check.svg
new file mode 100644
index 0000000..cc304be
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/message-check.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/message-minus.svg b/other/themes/Material-Discord/files/icons/outline/message-minus.svg
new file mode 100644
index 0000000..9d2e2d1
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/message-minus.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/mic.svg b/other/themes/Material-Discord/files/icons/outline/mic.svg
new file mode 100644
index 0000000..c8559cf
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/mic.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/mic_off.svg b/other/themes/Material-Discord/files/icons/outline/mic_off.svg
new file mode 100644
index 0000000..f18499e
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/mic_off.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/moderation.svg b/other/themes/Material-Discord/files/icons/outline/moderation.svg
new file mode 100644
index 0000000..46c630e
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/moderation.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/monetization_on.svg b/other/themes/Material-Discord/files/icons/outline/monetization_on.svg
new file mode 100644
index 0000000..6557143
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/monetization_on.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/move.svg b/other/themes/Material-Discord/files/icons/outline/move.svg
new file mode 100644
index 0000000..22d3c10
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/move.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/nitro.svg b/other/themes/Material-Discord/files/icons/outline/nitro.svg
new file mode 100644
index 0000000..83b5208
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/nitro.svg
@@ -0,0 +1,3 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/notifications.svg b/other/themes/Material-Discord/files/icons/outline/notifications.svg
new file mode 100644
index 0000000..bcbbabe
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/notifications.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/notifications_active.svg b/other/themes/Material-Discord/files/icons/outline/notifications_active.svg
new file mode 100644
index 0000000..5e6994e
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/notifications_active.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/notifications_off.svg b/other/themes/Material-Discord/files/icons/outline/notifications_off.svg
new file mode 100644
index 0000000..5d3950c
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/notifications_off.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/open_in_new.svg b/other/themes/Material-Discord/files/icons/outline/open_in_new.svg
new file mode 100644
index 0000000..212e05a
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/open_in_new.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/partner_program.svg b/other/themes/Material-Discord/files/icons/outline/partner_program.svg
new file mode 100644
index 0000000..691c372
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/partner_program.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/paste.svg b/other/themes/Material-Discord/files/icons/outline/paste.svg
new file mode 100644
index 0000000..749f953
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/paste.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/payment.svg b/other/themes/Material-Discord/files/icons/outline/payment.svg
new file mode 100644
index 0000000..bc18536
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/payment.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/people.svg b/other/themes/Material-Discord/files/icons/outline/people.svg
new file mode 100644
index 0000000..02de128
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/people.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/person.svg b/other/themes/Material-Discord/files/icons/outline/person.svg
new file mode 100644
index 0000000..08804bb
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/person.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/person_add.svg b/other/themes/Material-Discord/files/icons/outline/person_add.svg
new file mode 100644
index 0000000..f32847c
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/person_add.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/person_remove.svg b/other/themes/Material-Discord/files/icons/outline/person_remove.svg
new file mode 100644
index 0000000..f715a8c
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/person_remove.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/phone_called.svg b/other/themes/Material-Discord/files/icons/outline/phone_called.svg
new file mode 100644
index 0000000..f315fe2
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/phone_called.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/phone_missed.svg b/other/themes/Material-Discord/files/icons/outline/phone_missed.svg
new file mode 100644
index 0000000..db64d8f
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/phone_missed.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/picture_in_picture.svg b/other/themes/Material-Discord/files/icons/outline/picture_in_picture.svg
new file mode 100644
index 0000000..85053f6
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/picture_in_picture.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/pin.svg b/other/themes/Material-Discord/files/icons/outline/pin.svg
new file mode 100644
index 0000000..b97f1a5
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/pin.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/play.svg b/other/themes/Material-Discord/files/icons/outline/play.svg
new file mode 100644
index 0000000..32d8990
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/play.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/playlist_add.svg b/other/themes/Material-Discord/files/icons/outline/playlist_add.svg
new file mode 100644
index 0000000..89b9ed8
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/playlist_add.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/plugins.svg b/other/themes/Material-Discord/files/icons/outline/plugins.svg
new file mode 100644
index 0000000..293876e
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/plugins.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/poggers.svg b/other/themes/Material-Discord/files/icons/outline/poggers.svg
new file mode 100644
index 0000000..718f9dd
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/poggers.svg
@@ -0,0 +1,18 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/power_off.svg b/other/themes/Material-Discord/files/icons/outline/power_off.svg
new file mode 100644
index 0000000..e6c01b5
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/power_off.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/push_pin.svg b/other/themes/Material-Discord/files/icons/outline/push_pin.svg
new file mode 100644
index 0000000..d7979a8
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/push_pin.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/remove.svg b/other/themes/Material-Discord/files/icons/outline/remove.svg
new file mode 100644
index 0000000..28dcb64
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/remove.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/remove_circle.svg b/other/themes/Material-Discord/files/icons/outline/remove_circle.svg
new file mode 100644
index 0000000..1d66ab8
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/remove_circle.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/remove_dark.svg b/other/themes/Material-Discord/files/icons/outline/remove_dark.svg
new file mode 100644
index 0000000..efbc76a
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/remove_dark.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/save.svg b/other/themes/Material-Discord/files/icons/outline/save.svg
new file mode 100644
index 0000000..c72c872
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/save.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/search.svg b/other/themes/Material-Discord/files/icons/outline/search.svg
new file mode 100644
index 0000000..f58c2f4
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/search.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/security.svg b/other/themes/Material-Discord/files/icons/outline/security.svg
new file mode 100644
index 0000000..9598ae6
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/security.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/send.svg b/other/themes/Material-Discord/files/icons/outline/send.svg
new file mode 100644
index 0000000..ed37078
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/send.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/server_boost.svg b/other/themes/Material-Discord/files/icons/outline/server_boost.svg
new file mode 100644
index 0000000..312ef6d
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/server_boost.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/settings.svg b/other/themes/Material-Discord/files/icons/outline/settings.svg
new file mode 100644
index 0000000..b2717a9
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/settings.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/shield_account.svg b/other/themes/Material-Discord/files/icons/outline/shield_account.svg
new file mode 100644
index 0000000..49eb998
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/shield_account.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/shield_lock_open.svg b/other/themes/Material-Discord/files/icons/outline/shield_lock_open.svg
new file mode 100644
index 0000000..6d3b8cd
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/shield_lock_open.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/space_bar.svg b/other/themes/Material-Discord/files/icons/outline/space_bar.svg
new file mode 100644
index 0000000..89d9dd9
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/space_bar.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/spotify.svg b/other/themes/Material-Discord/files/icons/outline/spotify.svg
new file mode 100644
index 0000000..eee685f
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/spotify.svg
@@ -0,0 +1,2 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/sticker-emoji.svg b/other/themes/Material-Discord/files/icons/outline/sticker-emoji.svg
new file mode 100644
index 0000000..dea83ed
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/sticker-emoji.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/sticker.svg b/other/themes/Material-Discord/files/icons/outline/sticker.svg
new file mode 100644
index 0000000..59b0ffa
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/sticker.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/storefront.svg b/other/themes/Material-Discord/files/icons/outline/storefront.svg
new file mode 100644
index 0000000..25cd9d4
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/storefront.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/subscription.svg b/other/themes/Material-Discord/files/icons/outline/subscription.svg
new file mode 100644
index 0000000..6557143
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/subscription.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/template.svg b/other/themes/Material-Discord/files/icons/outline/template.svg
new file mode 100644
index 0000000..7d8074e
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/template.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/themes.svg b/other/themes/Material-Discord/files/icons/outline/themes.svg
new file mode 100644
index 0000000..2cdc99a
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/themes.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/timer.svg b/other/themes/Material-Discord/files/icons/outline/timer.svg
new file mode 100644
index 0000000..b570dec
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/timer.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/timer_off.svg b/other/themes/Material-Discord/files/icons/outline/timer_off.svg
new file mode 100644
index 0000000..3c6cade
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/timer_off.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/transfer.svg b/other/themes/Material-Discord/files/icons/outline/transfer.svg
new file mode 100644
index 0000000..a401f9c
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/transfer.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/translate.svg b/other/themes/Material-Discord/files/icons/outline/translate.svg
new file mode 100644
index 0000000..95311c6
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/translate.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/unarchive.svg b/other/themes/Material-Discord/files/icons/outline/unarchive.svg
new file mode 100644
index 0000000..a9f3830
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/unarchive.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/unfavorite.svg b/other/themes/Material-Discord/files/icons/outline/unfavorite.svg
new file mode 100644
index 0000000..c52e758
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/unfavorite.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/update.svg b/other/themes/Material-Discord/files/icons/outline/update.svg
new file mode 100644
index 0000000..47c5c28
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/update.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/verified_check.svg b/other/themes/Material-Discord/files/icons/outline/verified_check.svg
new file mode 100644
index 0000000..e7ef24b
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/verified_check.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/verified_user.svg b/other/themes/Material-Discord/files/icons/outline/verified_user.svg
new file mode 100644
index 0000000..0ff1d6d
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/verified_user.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/videocam.svg b/other/themes/Material-Discord/files/icons/outline/videocam.svg
new file mode 100644
index 0000000..707b2f2
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/videocam.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/videocam_off.svg b/other/themes/Material-Discord/files/icons/outline/videocam_off.svg
new file mode 100644
index 0000000..041c633
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/videocam_off.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/visibility.svg b/other/themes/Material-Discord/files/icons/outline/visibility.svg
new file mode 100644
index 0000000..08f98eb
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/visibility.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/visibility_off.svg b/other/themes/Material-Discord/files/icons/outline/visibility_off.svg
new file mode 100644
index 0000000..3b27754
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/visibility_off.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/visibility_off_dark.svg b/other/themes/Material-Discord/files/icons/outline/visibility_off_dark.svg
new file mode 100644
index 0000000..4c96fc1
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/visibility_off_dark.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/volume_off.svg b/other/themes/Material-Discord/files/icons/outline/volume_off.svg
new file mode 100644
index 0000000..5d59503
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/volume_off.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/volume_up.svg b/other/themes/Material-Discord/files/icons/outline/volume_up.svg
new file mode 100644
index 0000000..2680291
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/volume_up.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/widgets.svg b/other/themes/Material-Discord/files/icons/outline/widgets.svg
new file mode 100644
index 0000000..15b5c18
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/widgets.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/width.svg b/other/themes/Material-Discord/files/icons/outline/width.svg
new file mode 100644
index 0000000..2980088
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/width.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/outline/window_close.svg b/other/themes/Material-Discord/files/icons/outline/window_close.svg
new file mode 100644
index 0000000..646a3bc
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/window_close.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/window_maximize.svg b/other/themes/Material-Discord/files/icons/outline/window_maximize.svg
new file mode 100644
index 0000000..5c32e18
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/window_maximize.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/window_minimize.svg b/other/themes/Material-Discord/files/icons/outline/window_minimize.svg
new file mode 100644
index 0000000..ff3959b
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/window_minimize.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/outline/windows.svg b/other/themes/Material-Discord/files/icons/outline/windows.svg
new file mode 100644
index 0000000..7bc5782
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/outline/windows.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/accessibility.svg b/other/themes/Material-Discord/files/icons/solid/accessibility.svg
new file mode 100644
index 0000000..170a7ab
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/accessibility.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/add_circle.svg b/other/themes/Material-Discord/files/icons/solid/add_circle.svg
new file mode 100644
index 0000000..a0dc1fb
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/add_circle.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/alert.svg b/other/themes/Material-Discord/files/icons/solid/alert.svg
new file mode 100644
index 0000000..0fdb90b
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/alert.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/analytics.svg b/other/themes/Material-Discord/files/icons/solid/analytics.svg
new file mode 100644
index 0000000..3d2d673
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/analytics.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/apps.svg b/other/themes/Material-Discord/files/icons/solid/apps.svg
new file mode 100644
index 0000000..c164125
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/apps.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/archive.svg b/other/themes/Material-Discord/files/icons/solid/archive.svg
new file mode 100644
index 0000000..9b58e8d
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/archive.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/audit_log.svg b/other/themes/Material-Discord/files/icons/solid/audit_log.svg
new file mode 100644
index 0000000..7a1e4ef
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/audit_log.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/award_star.svg b/other/themes/Material-Discord/files/icons/solid/award_star.svg
new file mode 100644
index 0000000..04451f6
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/award_star.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/badge.svg b/other/themes/Material-Discord/files/icons/solid/badge.svg
new file mode 100644
index 0000000..67edfd9
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/badge.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/block.svg b/other/themes/Material-Discord/files/icons/solid/block.svg
new file mode 100644
index 0000000..5d53df2
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/block.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/burst_reaction.svg b/other/themes/Material-Discord/files/icons/solid/burst_reaction.svg
new file mode 100644
index 0000000..6813845
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/burst_reaction.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/call.svg b/other/themes/Material-Discord/files/icons/solid/call.svg
new file mode 100644
index 0000000..8809d75
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/call.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/cancel.svg b/other/themes/Material-Discord/files/icons/solid/cancel.svg
new file mode 100644
index 0000000..314fc47
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/cancel.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/center_focus.svg b/other/themes/Material-Discord/files/icons/solid/center_focus.svg
new file mode 100644
index 0000000..75d8f58
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/center_focus.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/chat.svg b/other/themes/Material-Discord/files/icons/solid/chat.svg
new file mode 100644
index 0000000..b17718e
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/chat.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/chat_bubble.svg b/other/themes/Material-Discord/files/icons/solid/chat_bubble.svg
new file mode 100644
index 0000000..8c61fd3
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/chat_bubble.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/chat_bubbles.svg b/other/themes/Material-Discord/files/icons/solid/chat_bubbles.svg
new file mode 100644
index 0000000..fd55623
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/chat_bubbles.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/close.svg b/other/themes/Material-Discord/files/icons/solid/close.svg
new file mode 100644
index 0000000..0aac8e7
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/close.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/cloud.svg b/other/themes/Material-Discord/files/icons/solid/cloud.svg
new file mode 100644
index 0000000..6697fa2
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/cloud.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/cloud_refresh.svg b/other/themes/Material-Discord/files/icons/solid/cloud_refresh.svg
new file mode 100644
index 0000000..514a33f
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/cloud_refresh.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/code.svg b/other/themes/Material-Discord/files/icons/solid/code.svg
new file mode 100644
index 0000000..3285e85
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/code.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/collapse.svg b/other/themes/Material-Discord/files/icons/solid/collapse.svg
new file mode 100644
index 0000000..292940b
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/collapse.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/content_copy.svg b/other/themes/Material-Discord/files/icons/solid/content_copy.svg
new file mode 100644
index 0000000..47ac9ce
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/content_copy.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/content_cut.svg b/other/themes/Material-Discord/files/icons/solid/content_cut.svg
new file mode 100644
index 0000000..9e59b2a
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/content_cut.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/crown.svg b/other/themes/Material-Discord/files/icons/solid/crown.svg
new file mode 100644
index 0000000..2bc026f
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/crown.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/dashboard.svg b/other/themes/Material-Discord/files/icons/solid/dashboard.svg
new file mode 100644
index 0000000..192d228
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/dashboard.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/delete.svg b/other/themes/Material-Discord/files/icons/solid/delete.svg
new file mode 100644
index 0000000..51ae760
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/delete.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/developer.svg b/other/themes/Material-Discord/files/icons/solid/developer.svg
new file mode 100644
index 0000000..7265b4b
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/developer.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/devices.svg b/other/themes/Material-Discord/files/icons/solid/devices.svg
new file mode 100644
index 0000000..2da4d5e
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/devices.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/discovery.svg b/other/themes/Material-Discord/files/icons/solid/discovery.svg
new file mode 100644
index 0000000..377abbd
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/discovery.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/edit.svg b/other/themes/Material-Discord/files/icons/solid/edit.svg
new file mode 100644
index 0000000..b3af2d6
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/edit.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/emoji.svg b/other/themes/Material-Discord/files/icons/solid/emoji.svg
new file mode 100644
index 0000000..b75b31a
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/emoji.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/emoji_shimmer.svg b/other/themes/Material-Discord/files/icons/solid/emoji_shimmer.svg
new file mode 100644
index 0000000..5f4558b
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/emoji_shimmer.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/event.svg b/other/themes/Material-Discord/files/icons/solid/event.svg
new file mode 100644
index 0000000..cc4b105
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/event.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/exit_to_app.svg b/other/themes/Material-Discord/files/icons/solid/exit_to_app.svg
new file mode 100644
index 0000000..43d3001
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/exit_to_app.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/expand.svg b/other/themes/Material-Discord/files/icons/solid/expand.svg
new file mode 100644
index 0000000..e064be7
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/expand.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/favorite.svg b/other/themes/Material-Discord/files/icons/solid/favorite.svg
new file mode 100644
index 0000000..c9b2834
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/favorite.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/feature.svg b/other/themes/Material-Discord/files/icons/solid/feature.svg
new file mode 100644
index 0000000..d4a31c2
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/feature.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/filter.svg b/other/themes/Material-Discord/files/icons/solid/filter.svg
new file mode 100644
index 0000000..101fc25
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/filter.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/flag.svg b/other/themes/Material-Discord/files/icons/solid/flag.svg
new file mode 100644
index 0000000..46c6bc5
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/flag.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/folder.svg b/other/themes/Material-Discord/files/icons/solid/folder.svg
new file mode 100644
index 0000000..1bf5c70
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/folder.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/game.svg b/other/themes/Material-Discord/files/icons/solid/game.svg
new file mode 100644
index 0000000..2d70eae
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/game.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/gamepad.svg b/other/themes/Material-Discord/files/icons/solid/gamepad.svg
new file mode 100644
index 0000000..1500531
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/gamepad.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/gift.svg b/other/themes/Material-Discord/files/icons/solid/gift.svg
new file mode 100644
index 0000000..07495b9
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/gift.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/hammer.svg b/other/themes/Material-Discord/files/icons/solid/hammer.svg
new file mode 100644
index 0000000..3fb1fbc
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/hammer.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/hub.svg b/other/themes/Material-Discord/files/icons/solid/hub.svg
new file mode 100644
index 0000000..65f7541
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/hub.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/hypesquad.svg b/other/themes/Material-Discord/files/icons/solid/hypesquad.svg
new file mode 100644
index 0000000..3496586
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/hypesquad.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/image_copy.svg b/other/themes/Material-Discord/files/icons/solid/image_copy.svg
new file mode 100644
index 0000000..463e68e
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/image_copy.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/image_view.svg b/other/themes/Material-Discord/files/icons/solid/image_view.svg
new file mode 100644
index 0000000..65392a8
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/image_view.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/integrations.svg b/other/themes/Material-Discord/files/icons/solid/integrations.svg
new file mode 100644
index 0000000..7662d4d
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/integrations.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/keyboard.svg b/other/themes/Material-Discord/files/icons/solid/keyboard.svg
new file mode 100644
index 0000000..7b8a1af
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/keyboard.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/library_add.svg b/other/themes/Material-Discord/files/icons/solid/library_add.svg
new file mode 100644
index 0000000..f072ed9
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/library_add.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/lightbulb.svg b/other/themes/Material-Discord/files/icons/solid/lightbulb.svg
new file mode 100644
index 0000000..a5bc7e0
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/lightbulb.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/link.svg b/other/themes/Material-Discord/files/icons/solid/link.svg
new file mode 100644
index 0000000..7872c24
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/link.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/linux.svg b/other/themes/Material-Discord/files/icons/solid/linux.svg
new file mode 100644
index 0000000..bea84ec
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/linux.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/list.svg b/other/themes/Material-Discord/files/icons/solid/list.svg
new file mode 100644
index 0000000..d48b637
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/list.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/list_add.svg b/other/themes/Material-Discord/files/icons/solid/list_add.svg
new file mode 100644
index 0000000..bced40d
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/list_add.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/listen_along.svg b/other/themes/Material-Discord/files/icons/solid/listen_along.svg
new file mode 100644
index 0000000..0ac7206
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/listen_along.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/live_tv.svg b/other/themes/Material-Discord/files/icons/solid/live_tv.svg
new file mode 100644
index 0000000..0b966f2
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/live_tv.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/lock.svg b/other/themes/Material-Discord/files/icons/solid/lock.svg
new file mode 100644
index 0000000..ae5d3bf
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/lock.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/lock_open.svg b/other/themes/Material-Discord/files/icons/solid/lock_open.svg
new file mode 100644
index 0000000..98b6b86
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/lock_open.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/logout.svg b/other/themes/Material-Discord/files/icons/solid/logout.svg
new file mode 100644
index 0000000..7ecdf86
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/logout.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/mention.svg b/other/themes/Material-Discord/files/icons/solid/mention.svg
new file mode 100644
index 0000000..7aaa1bf
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/mention.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/message-check.svg b/other/themes/Material-Discord/files/icons/solid/message-check.svg
new file mode 100644
index 0000000..44c172f
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/message-check.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/message-minus.svg b/other/themes/Material-Discord/files/icons/solid/message-minus.svg
new file mode 100644
index 0000000..6f679fe
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/message-minus.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/mic.svg b/other/themes/Material-Discord/files/icons/solid/mic.svg
new file mode 100644
index 0000000..69ab3b5
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/mic.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/moderation.svg b/other/themes/Material-Discord/files/icons/solid/moderation.svg
new file mode 100644
index 0000000..cbe269a
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/moderation.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/monetization_on.svg b/other/themes/Material-Discord/files/icons/solid/monetization_on.svg
new file mode 100644
index 0000000..2d02217
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/monetization_on.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/move.svg b/other/themes/Material-Discord/files/icons/solid/move.svg
new file mode 100644
index 0000000..b5fcaa2
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/move.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/nitro.svg b/other/themes/Material-Discord/files/icons/solid/nitro.svg
new file mode 100644
index 0000000..83b5208
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/nitro.svg
@@ -0,0 +1,3 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/notifications.svg b/other/themes/Material-Discord/files/icons/solid/notifications.svg
new file mode 100644
index 0000000..5786ff3
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/notifications.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/notifications_active.svg b/other/themes/Material-Discord/files/icons/solid/notifications_active.svg
new file mode 100644
index 0000000..1a45b2d
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/notifications_active.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/open_in_new.svg b/other/themes/Material-Discord/files/icons/solid/open_in_new.svg
new file mode 100644
index 0000000..212e05a
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/open_in_new.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/partner_program.svg b/other/themes/Material-Discord/files/icons/solid/partner_program.svg
new file mode 100644
index 0000000..02bb814
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/partner_program.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/paste.svg b/other/themes/Material-Discord/files/icons/solid/paste.svg
new file mode 100644
index 0000000..749f953
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/paste.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/payment.svg b/other/themes/Material-Discord/files/icons/solid/payment.svg
new file mode 100644
index 0000000..068227c
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/payment.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/people.svg b/other/themes/Material-Discord/files/icons/solid/people.svg
new file mode 100644
index 0000000..dc1e983
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/people.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/person.svg b/other/themes/Material-Discord/files/icons/solid/person.svg
new file mode 100644
index 0000000..ee3571f
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/person.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/person_add.svg b/other/themes/Material-Discord/files/icons/solid/person_add.svg
new file mode 100644
index 0000000..03efdc4
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/person_add.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/person_remove.svg b/other/themes/Material-Discord/files/icons/solid/person_remove.svg
new file mode 100644
index 0000000..8273283
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/person_remove.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/picture_in_picture.svg b/other/themes/Material-Discord/files/icons/solid/picture_in_picture.svg
new file mode 100644
index 0000000..10bffc3
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/picture_in_picture.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/pin.svg b/other/themes/Material-Discord/files/icons/solid/pin.svg
new file mode 100644
index 0000000..13d7ecd
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/pin.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/play.svg b/other/themes/Material-Discord/files/icons/solid/play.svg
new file mode 100644
index 0000000..359a55b
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/play.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/plugins.svg b/other/themes/Material-Discord/files/icons/solid/plugins.svg
new file mode 100644
index 0000000..5a6de4d
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/plugins.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/poggers.svg b/other/themes/Material-Discord/files/icons/solid/poggers.svg
new file mode 100644
index 0000000..718f9dd
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/poggers.svg
@@ -0,0 +1,18 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/power_off.svg b/other/themes/Material-Discord/files/icons/solid/power_off.svg
new file mode 100644
index 0000000..827e0f5
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/power_off.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/remove_circle.svg b/other/themes/Material-Discord/files/icons/solid/remove_circle.svg
new file mode 100644
index 0000000..3fa0676
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/remove_circle.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/save.svg b/other/themes/Material-Discord/files/icons/solid/save.svg
new file mode 100644
index 0000000..dca4b55
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/save.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/search.svg b/other/themes/Material-Discord/files/icons/solid/search.svg
new file mode 100644
index 0000000..f58c2f4
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/search.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/security.svg b/other/themes/Material-Discord/files/icons/solid/security.svg
new file mode 100644
index 0000000..ad4f94b
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/security.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/server_boost.svg b/other/themes/Material-Discord/files/icons/solid/server_boost.svg
new file mode 100644
index 0000000..312ef6d
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/server_boost.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/settings.svg b/other/themes/Material-Discord/files/icons/solid/settings.svg
new file mode 100644
index 0000000..a1a26f5
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/settings.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/shield_account.svg b/other/themes/Material-Discord/files/icons/solid/shield_account.svg
new file mode 100644
index 0000000..9aca33f
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/shield_account.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/shield_lock_open.svg b/other/themes/Material-Discord/files/icons/solid/shield_lock_open.svg
new file mode 100644
index 0000000..7130756
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/shield_lock_open.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/space_bar.svg b/other/themes/Material-Discord/files/icons/solid/space_bar.svg
new file mode 100644
index 0000000..b4e7f4b
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/space_bar.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/spotify.svg b/other/themes/Material-Discord/files/icons/solid/spotify.svg
new file mode 100644
index 0000000..eee685f
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/spotify.svg
@@ -0,0 +1,2 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/sticker-emoji.svg b/other/themes/Material-Discord/files/icons/solid/sticker-emoji.svg
new file mode 100644
index 0000000..dea83ed
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/sticker-emoji.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/sticker.svg b/other/themes/Material-Discord/files/icons/solid/sticker.svg
new file mode 100644
index 0000000..59b0ffa
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/sticker.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/storefront.svg b/other/themes/Material-Discord/files/icons/solid/storefront.svg
new file mode 100644
index 0000000..fea7564
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/storefront.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/subscription.svg b/other/themes/Material-Discord/files/icons/solid/subscription.svg
new file mode 100644
index 0000000..2d02217
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/subscription.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/supporter.svg b/other/themes/Material-Discord/files/icons/solid/supporter.svg
new file mode 100644
index 0000000..06add36
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/supporter.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/themes.svg b/other/themes/Material-Discord/files/icons/solid/themes.svg
new file mode 100644
index 0000000..9b9c0c4
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/themes.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/timer.svg b/other/themes/Material-Discord/files/icons/solid/timer.svg
new file mode 100644
index 0000000..1c1d8ed
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/timer.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/timer_off.svg b/other/themes/Material-Discord/files/icons/solid/timer_off.svg
new file mode 100644
index 0000000..ac31613
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/timer_off.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/transfer.svg b/other/themes/Material-Discord/files/icons/solid/transfer.svg
new file mode 100644
index 0000000..a401f9c
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/transfer.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/translate.svg b/other/themes/Material-Discord/files/icons/solid/translate.svg
new file mode 100644
index 0000000..375097d
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/translate.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/unarchive.svg b/other/themes/Material-Discord/files/icons/solid/unarchive.svg
new file mode 100644
index 0000000..884d2a6
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/unarchive.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/unfavorite.svg b/other/themes/Material-Discord/files/icons/solid/unfavorite.svg
new file mode 100644
index 0000000..c52e758
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/unfavorite.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/update.svg b/other/themes/Material-Discord/files/icons/solid/update.svg
new file mode 100644
index 0000000..47c5c28
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/update.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/verified_check.svg b/other/themes/Material-Discord/files/icons/solid/verified_check.svg
new file mode 100644
index 0000000..cd2f72a
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/verified_check.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/verified_user.svg b/other/themes/Material-Discord/files/icons/solid/verified_user.svg
new file mode 100644
index 0000000..b50c730
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/verified_user.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/videocam.svg b/other/themes/Material-Discord/files/icons/solid/videocam.svg
new file mode 100644
index 0000000..63944db
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/videocam.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/videocam_off.svg b/other/themes/Material-Discord/files/icons/solid/videocam_off.svg
new file mode 100644
index 0000000..c4ef4f0
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/videocam_off.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/visibility.svg b/other/themes/Material-Discord/files/icons/solid/visibility.svg
new file mode 100644
index 0000000..9fd957a
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/visibility.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/volume_off.svg b/other/themes/Material-Discord/files/icons/solid/volume_off.svg
new file mode 100644
index 0000000..8e02aaa
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/volume_off.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/volume_up.svg b/other/themes/Material-Discord/files/icons/solid/volume_up.svg
new file mode 100644
index 0000000..18bc106
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/volume_up.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/widgets.svg b/other/themes/Material-Discord/files/icons/solid/widgets.svg
new file mode 100644
index 0000000..3ddc37b
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/widgets.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/files/icons/solid/width.svg b/other/themes/Material-Discord/files/icons/solid/width.svg
new file mode 100644
index 0000000..2980088
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/width.svg
@@ -0,0 +1 @@
+
diff --git a/other/themes/Material-Discord/files/icons/solid/windows.svg b/other/themes/Material-Discord/files/icons/solid/windows.svg
new file mode 100644
index 0000000..7bc5782
--- /dev/null
+++ b/other/themes/Material-Discord/files/icons/solid/windows.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/other/themes/Material-Discord/icons.scss b/other/themes/Material-Discord/icons.scss
new file mode 100644
index 0000000..13cbd61
--- /dev/null
+++ b/other/themes/Material-Discord/icons.scss
@@ -0,0 +1,3 @@
+@use 'src/icons';
+
+@import 'src/selectorPlaceholders';
diff --git a/other/themes/Material-Discord/main.scss b/other/themes/Material-Discord/main.scss
new file mode 100644
index 0000000..aff9f53
--- /dev/null
+++ b/other/themes/Material-Discord/main.scss
@@ -0,0 +1,18 @@
+@use 'src/variables';
+
+@use 'src/app';
+@use 'src/channels';
+@use 'src/chat';
+@use 'src/clients';
+@use 'src/forum';
+@use 'src/general';
+@use 'src/home';
+@use 'src/messages';
+@use 'src/modals';
+@use 'src/pages';
+@use 'src/popouts';
+@use 'src/servers';
+@use 'src/settings';
+@use 'src/animations';
+
+@import 'src/selectorPlaceholders';
diff --git a/other/themes/Material-Discord/manifest.json b/other/themes/Material-Discord/manifest.json
new file mode 100644
index 0000000..2a2b1e0
--- /dev/null
+++ b/other/themes/Material-Discord/manifest.json
@@ -0,0 +1,8 @@
+{
+ "name": "Material-Discord",
+ "description": "A theme based on Google's Material Design",
+ "version": "3.0.3",
+ "author": "CapnKitten",
+ "theme": "Material-Discord.theme.css",
+ "license": "MIT"
+}
diff --git a/other/themes/Material-Discord/src/_animations.scss b/other/themes/Material-Discord/src/_animations.scss
new file mode 100644
index 0000000..6e39e94
--- /dev/null
+++ b/other/themes/Material-Discord/src/_animations.scss
@@ -0,0 +1,54 @@
+/*
+ *
+ * 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); }
+}
diff --git a/other/themes/Material-Discord/src/_mixins.scss b/other/themes/Material-Discord/src/_mixins.scss
new file mode 100644
index 0000000..8dbdb8d
--- /dev/null
+++ b/other/themes/Material-Discord/src/_mixins.scss
@@ -0,0 +1,229 @@
+@function important($important) {
+ @return #{if($important, '!important', '')};
+}
+
+@mixin popout-format($important: false) {
+ background-color: var(--popout-color) important($important);
+ border-radius: var(--popout-radius-big) important($important);
+ box-shadow: var(--shadow-3dp) important($important);
+}
+
+@mixin card-format($important: false, $padding: 0, $filled: false, $hover: false) {
+ @if $filled {
+ background-color: var(--card-color-filled) important($important);
+ border: none important($important);
+ } @else {
+ background-color: var(--card-color-outlined) important($important);
+ border: 1px solid var(--card-border-color) important($important);
+ }
+
+ padding: $padding;
+ border-radius: var(--card-radius-big) important($important);
+
+ @if $hover {
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &:hover {
+ background-color: var(--card-color-hover) important($important);
+ }
+ }
+}
+
+@mixin card-format--header($important: false, $filled: false) {
+ margin-bottom: 0;
+ padding: 16px important($important);
+ background-color: transparent important($important);
+ font-size: 1.25em;
+ line-height: normal;
+ color: var(--card-header-text-color);
+ font-weight: 400;
+ opacity: 1;
+
+ @if $filled == false {
+ border-bottom: 1px solid var(--card-border-color);
+ }
+}
+
+@mixin card-format--header-fix {
+ line-height: normal;
+ font-size: inherit;
+ color: var(--card-header-text-color);
+ font-weight: 400;
+}
+
+@mixin card-format--body($filled: false) {
+ @if $filled {
+ padding: 0 16px 16px;
+ } @else {
+ padding: 16px;
+ }
+}
+
+@mixin card-format--footer($padding: 8px) {
+ padding: $padding;
+ background-color: transparent;
+ border-top: 1px solid var(--card-border-color);
+}
+
+@mixin card-format--list($margin: 16px) {
+ position: relative;
+ border-bottom: none;
+
+ &:after {
+ position: absolute;
+ content: " ";
+ width: calc(100% - (#{$margin} * 2));
+ height: 1px;
+ right: 0;
+ bottom: 0;
+ margin: 0 $margin;
+ background-color: var(--card-border-color);
+ }
+
+ &:last-of-type {
+ &:after {
+ display: none;
+ }
+ }
+}
+
+@mixin new-input-format($important: false, $height: var(--input-height), $max-height: var(--input-height)) {
+ height: $height important($important);
+ max-height: $max-height important($important);
+ padding: var(--input-padding) important($important);
+ background-color: var(--input-color) important($important);
+ border-radius: calc(#{$height} / 2) important($important);
+ border: none;
+}
+
+@mixin input-format($height: var(--input-height), $max-height: var(--input-height)) {
+ position: relative;
+ height: $height;
+ max-height: $max-height;
+ padding: 0;
+ background-color: transparent;
+ border-radius: 0;
+ border: none;
+ border-bottom: 1px solid var(--input-border-color) !important;
+
+ &:before,
+ &:after {
+ position: absolute;
+ content: " ";
+ height: 2px;
+ width: 0;
+ bottom: -1px;
+ background: hsl(var(--accent-hsl--material-you));
+ transition: 300ms ease all;
+ z-index: 2;
+ }
+
+ &:before {
+ left: 50%;
+ }
+
+ &:after {
+ right: 50%;
+ }
+
+ &:focus-within {
+ &:before,
+ &:after {
+ width: 50%;
+ }
+ }
+}
+
+@mixin tab-border($width) {
+ position: relative;
+ background-color: transparent !important;
+ border: none;
+
+ &:after {
+ position: absolute;
+ content: " ";
+ width: #{$width};
+ 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;
+ }
+}
+
+@mixin md-ripple($type, $pseudo, $scale, $colored: false) {
+ @if $colored == true {
+ --md-ripple-color: var(--accent-hsl);
+ }
+
+ position: relative;
+
+ &:#{$pseudo} {
+ 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;
+ }
+
+ @if $type == hover {
+ &:hover {
+ &:#{$pseudo} {
+ opacity: 1;
+ transform: scale(#{$scale});
+ animation: scale 150ms var(--default-animation), opacity 150ms ease;
+ }
+ }
+
+ &:active {
+ &:#{$pseudo} {
+ background-color: hsl(var(--md-ripple-color),0.2);
+ }
+ }
+ } @else if $type == click {
+ &:active {
+ &:#{$pseudo} {
+ opacity: 1;
+ transform: scale(#{$scale});
+ animation: scale 150ms var(--default-animation), opacity 150ms ease;
+ }
+ }
+ } @else if $type == hover_click {
+ &:hover,
+ &:active {
+ &:#{$pseudo} {
+ opacity: 1;
+ transform: scale(#{$scale});
+ animation: scale 150ms var(--default-animation), opacity 150ms ease;
+ }
+ }
+
+ &:active {
+ &:#{$pseudo} {
+ background-color: hsl(var(--md-ripple-color),0.2);
+ }
+ }
+ }
+}
+
+@mixin add-icon($color, $icon, $type: 'outline') {
+ background-color: #{$color};
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/#{$type}/#{$icon}.svg);
+ -webkit-mask-repeat: no-repeat;
+}
+
+@mixin remove-caps($font-size, $important: false) {
+ font-size: #{$font-size} important($important);
+ text-transform: none important($important);
+}
diff --git a/other/themes/Material-Discord/src/_selectorPlaceholders.scss b/other/themes/Material-Discord/src/_selectorPlaceholders.scss
new file mode 100644
index 0000000..c85166e
--- /dev/null
+++ b/other/themes/Material-Discord/src/_selectorPlaceholders.scss
@@ -0,0 +1,10572 @@
+.appMount_ea7e65 {
+ @extend %appMount !optional;
+}
+.platform-win {
+ @extend %platformWin !optional;
+}
+.platform-osx {
+ @extend %platformOSX !optional;
+}
+.platform-linux {
+ @extend %platformLinux !optional;
+}
+.platform-web {
+ @extend %platformWeb !optional;
+}
+.theme-dark {
+ @extend %themeDark !optional;
+}
+.theme-light {
+ @extend %themeLight !optional;
+}
+.fakeLink_cdb578 {
+ @extend %fakeLink !optional;
+}
+.app_bd26cc {
+ @extend %app !optional;
+}
+.app-focused {
+ @extend %appFocused !optional;
+}
+.custom-theme-background {
+ @extend %customThemeBackground !optional;
+}
+.app_a01fb1 {
+ @extend %shakeable !optional;
+}
+.bg_d4b6c5 {
+ @extend %bg !optional;
+}
+.layers_a01fb1 {
+ @extend %layers !optional;
+}
+.layer_d4b6c5 {
+ @extend %layer !optional;
+}
+.animating_d4b6c5 {
+ @extend %layerAnimating !optional;
+}
+.stop-animations {
+ @extend %layerStopAnimations !optional;
+}
+.container_a4d4d9 {
+ @extend %containerMain !optional;
+}
+.base_a4d4d9 {
+ @extend %base !optional;
+}
+.content_a4d4d9 {
+ @extend %contentMain !optional;
+}
+.backdrop_e4f2ae {
+ @extend %backdrop !optional;
+}
+.notice__5fd4c {
+ @extend %notice !optional;
+}
+.notice_dd5a33 {
+ @extend %noticePreviewMode !optional;
+}
+.notice-2olXi7 {
+ @extend %noticeBrand !optional;
+}
+.colorDefault__438d3 {
+ @extend %noticeColorDefault !optional;
+}
+.colorWarning__01125 {
+ @extend %noticeColorWarning !optional;
+}
+.colorNeutral__51272 {
+ @extend %noticeColorNeutral !optional;
+}
+.button-YGmtzG {
+ @extend %noticeBrandButton !optional;
+}
+.colorInfo__680aa {
+ @extend %noticeColorInfo !optional;
+}
+#bd-notices {
+ @extend %bdNotices !optional;
+}
+.bd-notice {
+ @extend %bdNotice !optional;
+}
+.bd-notice-close {
+ @extend %bdNoticeClose !optional;
+}
+.bd-notice-button {
+ @extend %bdNoticeButton !optional;
+}
+#pluginNotice {
+ @extend %pluginNotice !optional;
+}
+#outdatedPlugins {
+ @extend %outdatedPlugins !optional;
+}
+.header_dd5a33 {
+ @extend %noticeHeader !optional;
+}
+.noticeDefault-362Ko2 {
+ @extend %noticeDefault !optional;
+}
+.repoNotice-TV3RFr {
+ @extend %noticeThemeRepo !optional;
+}
+.repoNotice-P5ss6R {
+ @extend %noticePluginRepo !optional;
+}
+.outdatedNotice-9Q9gJv {
+ @extend %noticeOutdated !optional;
+}
+.newEntriesNotice-abF6e1 {
+ @extend %noticeNewEntries !optional;
+}
+.notice_a50047 {
+ @extend %noticeComplete !optional;
+}
+.noticePremium-12Zvj9 {
+ @extend %noticePremium !optional;
+}
+.noticeInfo-3_iTE1 {
+ @extend %noticeInfo !optional;
+}
+.noticeSuccess-3Y62ob {
+ @extend %noticeSuccess !optional;
+}
+.colorDanger__5d2e7 {
+ @extend %noticeDanger !optional;
+}
+.colorStreamerMode_cb7f84 {
+ @extend %noticeStreamerMode !optional;
+}
+.noticeFacebook-3equ5g {
+ @extend %noticeFacebook !optional;
+}
+.noticeSpotify-27dhr0 {
+ @extend %noticeSpotify !optional;
+}
+.colorBrand1-2u_MN9 {
+ @extend %noticeBrand !optional;
+}
+.noticeContents-1dYEwP {
+ @extend %noticeContents !optional;
+}
+.textLink_d572b7 {
+ @extend %noticeTextLink !optional;
+}
+.noticeSurvey-1XW9Ln {
+ @extend %noticeSurvey !optional;
+}
+.closeButton__90904 {
+ @extend %noticeClose !optional;
+}
+.closeIcon__967e7 {
+ @extend %noticeCloseIcon !optional;
+}
+.button__33db6 {
+ @extend %noticeButton !optional;
+}
+.icon_d572b7 {
+ @extend %noticeIcon !optional;
+}
+.iconWindows_d572b7 {
+ @extend %noticeIconWindows !optional;
+}
+.iconApple_d572b7 {
+ @extend %noticeIconApple !optional;
+}
+.iconAndroid_d572b7 {
+ @extend %noticeIconAndroid !optional;
+}
+.platformIcon_d572b7 {
+ @extend %noticePlatformIcon !optional;
+}
+.titleBar_a934d8 {
+ @extend %titlebar !optional;
+}
+.unfocused_a934d8 {
+ @extend %titlebarUnfocused !optional;
+}
+.typeWindows_a934d8 {
+ @extend %titlebarWin !optional;
+}
+.withFrame_a934d8 {
+ @extend %titlebarWithFrame !optional;
+}
+.withBackgroundOverride_a934d8 {
+ @extend %titlebarWithBackgroundOverride !optional;
+}
+.wordmark_a934d8 {
+ @extend %titlebarWordmark !optional;
+}
+.wordmarkWindows_a934d8 {
+ @extend %titlebarWordmarkWindows !optional;
+}
+.winButton_a934d8 {
+ @extend %titlebarWinButton !optional;
+}
+.winButtonMinMax_a934d8 {
+ @extend %titlebarWinButtonMinMax !optional;
+}
+.winButtonClose_a934d8 {
+ @extend %titlebarWinButtonClose !optional;
+}
+.typeMacOS_a934d8 {
+ @extend %titlebarMac !optional;
+}
+.typeMacOSWithFrame_a934d8 {
+ @extend %titlebarMacWithFrame !optional;
+}
+.wordmarkMacOS_a934d8 {
+ @extend %titlebarWordmarkMac !optional;
+}
+.macButtons_a934d8 {
+ @extend %titlebarMacButtons !optional;
+}
+.macButton_a934d8 {
+ @extend %titlebarMacButton !optional;
+}
+.macButtonClose_a934d8 {
+ @extend %titlebarMacButtonClose !optional;
+}
+.macButtonMaximize_a934d8 {
+ @extend %titlebarMacButtonMaximize !optional;
+}
+.macButtonMinimize_a934d8 {
+ @extend %titlebarMacButtonMinimize !optional;
+}
+.appAsidePanelWrapper_bd26cc {
+ @extend %appAsidePanelWrapper !optional;
+}
+#bda-qem {
+ @extend %bdEmoteMenu !optional;
+}
+#bda-qem-twitch {
+ @extend %bdEmoteMenuTwitch !optional;
+}
+#bda-qem-favourite {
+ @extend %bdEmoteMenuFavourite !optional;
+}
+#bda-qem-emojis {
+ @extend %bdEmoteMenuEmojis !optional;
+}
+#bda-qem-twitch.active, #bda-qem-favourite.active, #bda-qem-emojis.active {
+ @extend %bdEmoteMenuActive !optional;
+}
+#bda-qem-twitch-container {
+ @extend %bdEmoteMenuTwitchContainer !optional;
+}
+#bda-qem-favourite-container {
+ @extend %bdEmoteMenuFavouriteContainer !optional;
+}
+.emote-menu-inner {
+ @extend %bdEmoteMenuInner !optional;
+}
+.bd-emote-header {
+ @extend %bdEmoteMenuHeader !optional;
+}
+.bd-emote-item {
+ @extend %bdEmoteItem !optional;
+}
+.emote-container {
+ @extend %bdEmoteContainer !optional;
+}
+.emote-icon {
+ @extend %bdEmoteIcon !optional;
+}
+#themes-tab {
+ @extend %bdThemesTab !optional;
+}
+#plugins-tab {
+ @extend %bdPluginsTab !optional;
+}
+.bd-sidebar-header {
+ @extend %bdSidebarHeader !optional;
+}
+.bd-sidebar-header-label {
+ @extend %bdSidebarHeaderLabel !optional;
+}
+.bd-settings-title {
+ @extend %bdSettingsTitle !optional;
+}
+.bd-settings-group-title {
+ @extend %bdSettingsGroupTitle !optional;
+}
+.bd-label {
+ @extend %bdSelectLabel !optional;
+}
+.bd-select {
+ @extend %bdSelect !optional;
+}
+.bd-select-transparent {
+ @extend %bdSelectTransparent !optional;
+}
+.bd-select-value {
+ @extend %bdSelectValue !optional;
+}
+.bd-select-arrow {
+ @extend %bdSelectArrow !optional;
+}
+.bd-select-options {
+ @extend %bdSelectOptions !optional;
+}
+.bd-select-option {
+ @extend %bdSelectOption !optional;
+}
+.selected {
+ @extend %bdSelectOptionSelected !optional;
+}
+.bd-addon-controls {
+ @extend %bdAddonControls !optional;
+}
+.bd-empty-image-container {
+ @extend %bdEmptyImageContainer !optional;
+}
+.bd-addon-list {
+ @extend %bdAddonList !optional;
+}
+.bd-grid-view {
+ @extend %bdAddonListGridView !optional;
+}
+.bd-addon-card {
+ @extend %bdAddonCard !optional;
+}
+.bd-addon-header {
+ @extend %bdAddonCardHeader !optional;
+}
+.bd-name {
+ @extend %bdAddonCardHeaderName !optional;
+}
+.bd-meta {
+ @extend %bdAddonCardHeaderMeta !optional;
+}
+.bd-link {
+ @extend %bdAddonCardLink !optional;
+}
+.bd-description-wrap {
+ @extend %bdAddonCardDescriptionWrap !optional;
+}
+.bd-description {
+ @extend %bdAddonCardDescription !optional;
+}
+.banner {
+ @extend %bdAddonBanner !optional;
+}
+.banner-danger {
+ @extend %bdAddonBannerDanger !optional;
+}
+.bd-icon {
+ @extend %bdAddonBannerIcon !optional;
+}
+.bd-footer {
+ @extend %bdAddonCardFooter !optional;
+}
+.bd-controls {
+ @extend %bdAddonCardControls !optional;
+}
+.bd-button {
+ @extend %bdButton !optional;
+}
+.bd-button-filled {
+ @extend %bdButtonFilled !optional;
+}
+.bd-button-link {
+ @extend %bdButtonLink !optional;
+}
+.bd-button-color-brand {
+ @extend %bdButtonColorBrand !optional;
+}
+.bd-button-color-primary {
+ @extend %bdButtonColorPrimary !optional;
+}
+.bd-button-danger {
+ @extend %bdButtonDanger !optional;
+}
+.bd-button-tiny {
+ @extend %bdButtonTiny !optional;
+}
+.bd-button-medium {
+ @extend %bdButtonMedium !optional;
+}
+.bd-button-large {
+ @extend %bdButtonLarge !optional;
+}
+.bd-button-title {
+ @extend %bdButtonTitle !optional;
+}
+.bd-button-content {
+ @extend %bdButtonContent !optional;
+}
+.bd-search-wrapper {
+ @extend %bdAddonSearchBar !optional;
+}
+.bd-search {
+ @extend %bdAddonSearchInput !optional;
+}
+.bd-addon-views {
+ @extend %bdAddonViews !optional;
+}
+.bd-view-button {
+ @extend %bdAddonViewsButton !optional;
+}
+.selected {
+ @extend %bdAddonViewsButtonSelected !optional;
+}
+#bd-settings-sidebar {
+ @extend %bdSettingsSidebar !optional;
+}
+.ui-tab-bar-header {
+ @extend %bdSettingsSidebarHeader !optional;
+}
+.ui-tab-bar-item {
+ @extend %bdSettingsSidebarItem !optional;
+}
+.ui-tab-bar-item.selected {
+ @extend %bdSettingsSidebarItemSelected !optional;
+}
+.ui-tab-bar-separator {
+ @extend %bdSettingsSidebarSeparator !optional;
+}
+.bd-addon-modal {
+ @extend %bdAddonModal !optional;
+}
+.bd-addon-modal-header {
+ @extend %bdAddonModalHeader !optional;
+}
+.bd-modal-root {
+ @extend %bdModalRoot !optional;
+}
+.bd-modal-header {
+ @extend %bdModalHeader !optional;
+}
+.bd-header-primary {
+ @extend %bdModalHeaderPrimary !optional;
+}
+.bd-modal-content {
+ @extend %bdModalContent !optional;
+}
+.paragraph_d7f12d {
+ @extend %bdModalParagraph !optional;
+}
+.bd-modal-footer {
+ @extend %bdModalFooter !optional;
+}
+.bd-error-modal-header {
+ @extend %bdErrorsModalHeader !optional;
+}
+.bd-tab-bar {
+ @extend %bdTabBar !optional;
+}
+.bd-tab-item {
+ @extend %bdTabItem !optional;
+}
+.selected {
+ @extend %bdTabItemSelected !optional;
+}
+.bd-error-modal-content {
+ @extend %bdErrorsModalContent !optional;
+}
+.bd-addon-errors {
+ @extend %bdErrorsContainer !optional;
+}
+.bd-addon-error {
+ @extend %bdErrorCard !optional;
+}
+.expanded {
+ @extend %bdErrorCardExpanded !optional;
+}
+.bd-addon-error-header {
+ @extend %bdErrorCardHeader !optional;
+}
+.bd-addon-error-icon {
+ @extend %bdErrorCardIcon !optional;
+}
+.bd-addon-error-body {
+ @extend %bdErrorCardBody !optional;
+}
+.bd-addon-error-stack {
+ @extend %bdErrorCodeErrorStack !optional;
+}
+.bd-divider {
+ @extend %bdErrorCardDivider !optional;
+}
+.containerDefault_a08117 {
+ @extend %categoryContainerDefault !optional;
+}
+.containerUserOver__91b97 {
+ @extend %categoryContainerUserOver !optional;
+}
+.containerDragBefore_a08117 {
+ @extend %categoryContainerDragBefore !optional;
+}
+.containerDragAfter_a08117 {
+ @extend %categoryContainerDragAfter !optional;
+}
+.containerDragAfter_a08117, .containerDragBefore_a08117 {
+ @extend %categoryContainerDrag !optional;
+}
+.containerDefault_a08117, .containerDragAfter_a08117, .containerDragBefore_a08117, .containerUserOver__91b97 {
+ @extend %categoryContainer !optional;
+}
+.wrapper_a08117 {
+ @extend %categoryWrapper !optional;
+}
+.clickable_a08117 {
+ @extend %categoryWrapperClickable !optional;
+}
+.collapsed_a08117 {
+ @extend %categoryWrapperCollapsed !optional;
+}
+.muted_a08117 {
+ @extend %categoryWrapperMuted !optional;
+}
+.mainContent_a08117 {
+ @extend %categoryMain !optional;
+}
+.icon_a08117 {
+ @extend %categoryIcon !optional;
+}
+.name_a08117 {
+ @extend %categoryName !optional;
+}
+.children_a08117 {
+ @extend %categoryButtons !optional;
+}
+.addButton_a08117 {
+ @extend %categoryAddButton !optional;
+}
+.addButtonIcon_a08117 {
+ @extend %categoryAddIcon !optional;
+}
+.container-3ygkZ6 {
+ @extend %channelActionContainer !optional;
+}
+.actionButton-2ae9DJ {
+ @extend %channelActionButton !optional;
+}
+.actionButtonSelected-2a5GGr {
+ @extend %channelActionButtonSelected !optional;
+}
+.actionButtonIcon-2kvKdL {
+ @extend %channelActionButtonIcon !optional;
+}
+.containerDefault_f6f816 {
+ @extend %channelContainerDefault !optional;
+}
+.statusDiv_e66732 {
+ @extend %channelStatusDiv !optional;
+}
+.overflow_c74e70 {
+ @extend %channelActivityOverflow !optional;
+}
+.textArea_ab60f4 {
+ @extend %channelStatusTextArea !optional;
+}
+.list_a478e5 {
+ @extend %channelVoiceList !optional;
+}
+.iconVisibility_f6f816 {
+ @extend %channelIconVisibility !optional;
+}
+.selected_f6f816 {
+ @extend %channelContainerSelected !optional;
+}
+.containerDragBefore_f6f816 {
+ @extend %channelContainerDragBefore !optional;
+}
+.containerDragAfter_f6f816 {
+ @extend %channelContainerDragAfter !optional;
+}
+.containerUserOver_f6f816 {
+ @extend %channelContainerUserOver !optional;
+}
+.containerDragAfter_f6f816, .containerDragBefore_f6f816 {
+ @extend %channelContainerDrag !optional;
+}
+.containerDefault_f6f816, .containerDragAfter_f6f816, .containerDragBefore_f6f816, .containerUserOver_f6f816 {
+ @extend %channelContainer !optional;
+}
+.wrapper_d8bfb3 {
+ @extend %channelWrapper !optional;
+}
+.typeThread_d8bfb3 {
+ @extend %channelThread !optional;
+}
+.modeUnreadImportant_d8bfb3 {
+ @extend %channelWrapperUnread !optional;
+}
+.modeSelected_d8bfb3 {
+ @extend %channelWrapperSelected !optional;
+}
+.modeConnected_d8bfb3 {
+ @extend %channelWrapperConnected !optional;
+}
+.notInteractive_d8bfb3 {
+ @extend %channelWrapperNotInteractive !optional;
+}
+.modeMuted_d8bfb3 {
+ @extend %channelWrapperMuted !optional;
+}
+.content_cc29d1 {
+ @extend %channelContent !optional;
+}
+.mainContent-20q_Hp {
+ @extend %channelMain !optional;
+}
+.link_d8bfb3 {
+ @extend %channelLink !optional;
+}
+.linkTop_d8bfb3 {
+ @extend %channelLinkTop !optional;
+}
+.children_d8bfb3 {
+ @extend %channelIcons !optional;
+}
+.icon_d8bfb3 {
+ @extend %channelIcon !optional;
+}
+.live_e17fae {
+ @extend %channelIconLive !optional;
+}
+.iconContainer_d8bfb3 {
+ @extend %channelIconContainer !optional;
+}
+.name_d8bfb3 {
+ @extend %channelName !optional;
+}
+.subtitle_d8bfb3 {
+ @extend %channelSubtitle !optional;
+}
+.children_d8bfb3 {
+ @extend %channelButtons !optional;
+}
+.iconItem_f6f816 {
+ @extend %channelButton !optional;
+}
+.previewChannelRow_c5d9bc {
+ @extend %previewChannelRow !optional;
+}
+.selected_c5d9bc {
+ @extend %previewChannelRowSelected !optional;
+}
+.previewChannelRowContent_c5d9bc {
+ @extend %previewChannelRowContent !optional;
+}
+.shopIcon_c5d9bc {
+ @extend %channelShopIcon !optional;
+}
+.channelLabel__86693 {
+ @extend %channelLabel !optional;
+}
+.voiceChannelsButton_a08117 {
+ @extend %voiceChannelsButton !optional;
+}
+.popout_d201be {
+ @extend %channelActivityPopout !optional;
+}
+.newChannel_ecb303 {
+ @extend %channelNewChannel !optional;
+}
+.newPostCount_c9d7dd {
+ @extend %channelNewPostCount !optional;
+}
+.actionIcon_f6f816 {
+ @extend %channelActionIcon !optional;
+}
+.channelInfo_f6f816 {
+ @extend %channelVoiceInfo !optional;
+}
+.container_eba0ba {
+ @extend %channelMentionsContainer !optional;
+}
+.top_eba0ba {
+ @extend %channelMentionsContainerTop !optional;
+}
+.bottom_eba0ba {
+ @extend %channelMentionsContainerBottom !optional;
+}
+.bar_eba0ba {
+ @extend %channelBar !optional;
+}
+.mentionsBar_eba0ba {
+ @extend %channelMentionsBar !optional;
+}
+.barText_eba0ba {
+ @extend %channelMentionsBarText !optional;
+}
+.unread_d8bfb3 {
+ @extend %channelUnreadPill !optional;
+}
+.unreadBottom__6be9f {
+ @extend %channelUnreadPillBottom !optional;
+}
+.mentionsBadge-2ckrKL {
+ @extend %channelBadge !optional;
+}
+.userLimit-VbEkeM {
+ @extend %channelUserLimit !optional;
+}
+.wrapper_a5bc92 {
+ @extend %channelUserLimitWrapper !optional;
+}
+.users_a5bc92 {
+ @extend %channelUserLimitUsers !optional;
+}
+.total_a5bc92 {
+ @extend %channelUserLimitTotal !optional;
+}
+.container_e88961 {
+ @extend %channelInfoPopoutContainer !optional;
+}
+.headerDivider_e88961 {
+ @extend %channelInfoPopoutHeaderDivider !optional;
+}
+.listDefault_cdc675 {
+ @extend %voiceUserList !optional;
+}
+.draggable_ac3629 {
+ @extend %voiceUserDraggable !optional;
+}
+.voiceUser_cdc675 {
+ @extend %voiceUser !optional;
+}
+.overlap_cdc675 {
+ @extend %voiceUserOverlap !optional;
+}
+.clickable_cdc675 {
+ @extend %voiceUserClickable !optional;
+}
+.selected_cdc675 {
+ @extend %voiceUserSelected !optional;
+}
+.content_cdc675 {
+ @extend %voiceUserContent !optional;
+}
+.userAvatar_ac3629 {
+ @extend %voiceUserAvatar !optional;
+}
+.avatar_cdc675 {
+ @extend %voiceUserAvatarImage !optional;
+}
+.avatarSpeaking_cdc675 {
+ @extend %voiceUserAvatarSpeaking !optional;
+}
+.username_cdc675 {
+ @extend %voiceUserName !optional;
+}
+.usernameSpeaking_cdc675 {
+ @extend %voiceUserNameSpeaking !optional;
+}
+.icons_cdc675 {
+ @extend %voiceUserIcons !optional;
+}
+.iconSpacing-3LzVxF {
+ @extend %voiceUserIconSpacing !optional;
+}
+.icon_cdc675 {
+ @extend %voiceUserIcon !optional;
+}
+.iconSpacing_cdc675 {
+ @extend %voiceUserCustomActivityIconSpacing !optional;
+}
+.selfHangStatus__0c876 {
+ @extend %voiceUserSelfHangStatus !optional;
+}
+.popout_a9414b {
+ @extend %voiceUserActivityPopout !optional;
+}
+.iconWidget_a9414b {
+ @extend %voiceUserActivityIconWidget !optional;
+}
+.selectedWidget_a9414b {
+ @extend %voiceUserActivitySelectedWidget !optional;
+}
+.divider_a9414b {
+ @extend %voiceUserActivityDivider !optional;
+}
+.iconsContainer_a9414b {
+ @extend %voiceUserActivityIconContainer !optional;
+}
+.setCustomButton_a9414b {
+ @extend %voiceUserActivitySetCutomButton !optional;
+}
+.editIconColor_a9414b {
+ @extend %voiceUserActivityEditIconColor !optional;
+}
+.audienceVoiceUserIconContainer-1aQGLF {
+ @extend %audienceVoiceUserIconContainer !optional;
+}
+.container_c47562 {
+ @extend %userSummaryContainer !optional;
+}
+.icon_c47562 {
+ @extend %userSummaryIcon !optional;
+}
+.avatarContainer_c47562 {
+ @extend %userSummaryAvatarContainer !optional;
+}
+.avatarContainerMasked_c47562 {
+ @extend %userSummaryAvatarContainerMasked !optional;
+}
+.avatar_c47562 {
+ @extend %userSummaryAvatar !optional;
+}
+.clickableAvatar_c47562 {
+ @extend %userSummaryAvatarClickable !optional;
+}
+.emptyUser_c47562 {
+ @extend %userSummaryEmptyUser !optional;
+}
+.moreUsers_c47562 {
+ @extend %userSummaryMoreUsers !optional;
+}
+.quickswitcher_f4e139 {
+ @extend %quickswitcher !optional;
+}
+.input_f4e139 {
+ @extend %quickswitcherInput !optional;
+}
+.scroller_f4e139 {
+ @extend %quickswitcherScroller !optional;
+}
+.header_f14193 {
+ @extend %quickswitcherHeader !optional;
+}
+.result_f14193 {
+ @extend %quickswitcherResult !optional;
+}
+.content_f14193 {
+ @extend %quickswitcherContent !optional;
+}
+.note_f14193 {
+ @extend %quickswitcherResultNote !optional;
+}
+.protip_f4e139 {
+ @extend %quickswitcherProtip !optional;
+}
+.hasContent_f4e139 {
+ @extend %quickswitcherHasContent !optional;
+}
+.channelNotices-41mJbj {
+ @extend %channelNotices !optional;
+}
+.channelNotice-tO6Tus {
+ @extend %channelNotice !optional;
+}
+.invite-OjTXrW {
+ @extend %channelNoticeInvite !optional;
+}
+.guildMFAWarning-3GEzs8 {
+ @extend %channelNoticeGuildMFAWarning !optional;
+}
+.close-2ISPTL {
+ @extend %channelNoticeClose !optional;
+}
+.message-3KLVy1 {
+ @extend %channelNoticeMessage !optional;
+}
+.btn-38SvSS {
+ @extend %channelNoticeMessageButton !optional;
+}
+.sidebar_a4d4d9 {
+ @extend %channelsSidebar !optional;
+}
+.hidden_a4d4d9 {
+ @extend %channelSidebarHidden !optional;
+}
+.content_eed6a8 {
+ @extend %channelsList !optional;
+}
+.hasNotice_a4d4d9 {
+ @extend %channelSidebarHasNotice !optional;
+}
+.container_ee69e0 {
+ @extend %channelsContainer !optional;
+}
+.container_fd6364 {
+ @extend %channelsHeaderContainer !optional;
+}
+.hasBanner_fd6364 {
+ @extend %channelHasBanner !optional;
+}
+.header_fd6364 {
+ @extend %channelsHeader !optional;
+}
+.primaryInfo_fd6364 {
+ @extend %channelsHeaderPrimaryInfo !optional;
+}
+.name_fd6364 {
+ @extend %channelsHeaderName !optional;
+}
+.headerButton_fd6364 {
+ @extend %channelsHeaderButton !optional;
+}
+.guildIconContainer_ed9816 {
+ @extend %channelsHeaderGuildBadge !optional;
+}
+.partnered_db1980 {
+ @extend %guildPartnered !optional;
+}
+.verified_db1980 {
+ @extend %guildVerified !optional;
+}
+.iconTierOne-s_oiRb {
+ @extend %guildBoostedIconTier1 !optional;
+}
+.iconTierTwo-1JOWNK {
+ @extend %guildBoostedIconTier2 !optional;
+}
+.iconTierThree-3EAOB7 {
+ @extend %guildBoostedIconTier3 !optional;
+}
+.communityInfoPill_fd6364 {
+ @extend %guildCommunityInfoPill !optional;
+}
+.animatedContainer_fd6364 {
+ @extend %bannerAnimatedContainer !optional;
+}
+.bannerImage_fd6364 {
+ @extend %bannerImage !optional;
+}
+.bannerVisible_fd6364 {
+ @extend %bannerVisible !optional;
+}
+.communityInfoPill_fd6364 {
+ @extend %bannerCommunityInfoPill !optional;
+}
+.container_ff2ab3 {
+ @extend %guildLiveEvent !optional;
+}
+.unread_c10249 {
+ @extend %channelsUnreadIndicator !optional;
+}
+.mention_c10249 {
+ @extend %channelsMentionIndicator !optional;
+}
+.panels_a4d4d9 {
+ @extend %panels !optional;
+}
+.button_f67531 {
+ @extend %panelButton !optional;
+}
+.enabled_f67531 {
+ @extend %panelButtonEnabled !optional;
+}
+.disabled_f67531 {
+ @extend %panelButtonDisabled !optional;
+}
+.lottieIcon_f73ef7 {
+ @extend %panelButtonLottieIcon !optional;
+}
+.button_adcaac {
+ @extend %panelActionButton !optional;
+}
+.buttonColor_adcaac {
+ @extend %panelActionButtonColor !optional;
+}
+.buttonActive_adcaac {
+ @extend %panelActionButtonActive !optional;
+}
+.container_b2ca13 {
+ @extend %accountPanel !optional;
+}
+.gameActivityToggleAdded-Yd-YxC {
+ @extend %accountPanelGameActivityToggleAdded !optional;
+}
+.flex_bba380 {
+ @extend %accountPanelFlex !optional;
+}
+.avatarWrapper_b2ca13 {
+ @extend %accountPanelAvatarWrapper !optional;
+}
+.withTagAsButton_b2ca13 {
+ @extend %accountPanelWithTagAsButton !optional;
+}
+.withTagless_b2ca13 {
+ @extend %accountPanelWithTagless !optional;
+}
+.avatar_b2ca13 {
+ @extend %accountPanelAvatar !optional;
+}
+.nameTag_b2ca13 {
+ @extend %accountPanelNameTag !optional;
+}
+.panelTitleContainer_b2ca13 {
+ @extend %accountPanelUsernameContainer !optional;
+}
+.title_d1da5f {
+ @extend %accountPanelUsername !optional;
+}
+.subtext_e06aad {
+ @extend %accountPanelDiscriminator !optional;
+}
+.container_6sXIoE {
+ @extend %spotifyPanel !optional;
+}
+.withTimeline_824fT_ {
+ @extend %spotifyPanelWithTimeline !optional;
+}
+.inner_WRV6k5 {
+ @extend %spotifyPanelInner !optional;
+}
+.timeline_UWmgAx {
+ @extend %spotifyPanelTimeline !optional;
+}
+.bar_g2ZMIm {
+ @extend %spotifyPanelTimelineBar !optional;
+}
+.barText_lmqc5O {
+ @extend %spotifyPanelTimelineBarText !optional;
+}
+.maximized_vv2Wr0 {
+ @extend %spotifyPanelMaximized !optional;
+}
+.coverWrapper_YAplwJ {
+ @extend %spotifyPanelCoverWrapper !optional;
+}
+.details_ntX2k5 {
+ @extend %spotifyPanelDetails !optional;
+}
+#vc-spotify-player {
+ @extend %vencordSpotifyPlayer !optional;
+}
+#vc-spotify-album-expanded-wrapper {
+ @extend %vencordSpotifyAlbumExpandedWrapper !optional;
+}
+#vc-spotify-album-image {
+ @extend %vencordSpotifyAlbumImage !optional;
+}
+#vc-spotify-titles {
+ @extend %vencordSpotifyTitles !optional;
+}
+#vc-spotify-progress-bar {
+ @extend %vencordSpotifyProgressBar !optional;
+}
+#vc-spotify-info-wrapper {
+ @extend %vencordSpotifyInfoWrapper !optional;
+}
+.vc-spotify-ellipoverflow {
+ @extend %vencordSpotifyEllipoverflow !optional;
+}
+.vc-spotify-progress-time {
+ @extend %vencordSpotifyProgressTime !optional;
+}
+.vc-spotify-button-row {
+ @extend %vencordSpotifyButtonRow !optional;
+}
+.vc-spotify-button {
+ @extend %vencordSpotifyButton !optional;
+}
+.vc-spotify-play {
+ @extend %vencordSpotifyPlay !optional;
+}
+.vc-spotify-pause {
+ @extend %vencordSpotifyPause !optional;
+}
+.listeningAlong_cfdc9f {
+ @extend %listeningAlongPanel !optional;
+}
+.container__56cd1 {
+ @extend %listeningAlongPopout !optional;
+}
+.headerText_d5089b {
+ @extend %listeningAlongPopoutHeaderText !optional;
+}
+.container_c23582 {
+ @extend %listeningAlongCountContainer !optional;
+}
+.assetsLargeImage_f866f2 {
+ @extend %listeningAlongPopoutActivity !optional;
+}
+.wrapper_adcaac {
+ @extend %connectionPanelWrapper !optional;
+}
+.container_adcaac {
+ @extend %connectionPanel !optional;
+}
+.inner_adcaac {
+ @extend %connectionPanelInner !optional;
+}
+.actionButtons_adcaac {
+ @extend %connectionPanelActionButtons !optional;
+}
+.maskSecondary_ccd671 {
+ @extend %connectionPanelMaskSecondary !optional;
+}
+.container_bd9e38 {
+ @extend %activitiesPanel !optional;
+}
+.content_bd9e38{
+ @extend %activitiesPanelContent !optional;
+}
+.video_bd9e38 {
+ @extend %activitiesPanelVideo !optional;
+}
+.wrapper_c721cc {
+ @extend %questPanelWrapper !optional;
+}
+.contentWrapper_c721cc {
+ @extend %questPanelContentWrapper !optional;
+}
+.contentWrapperExpanded_c721cc {
+ @extend %questPanelContentWrapperExpanded !optional;
+}
+.wrapper_efa999 {
+ @extend %questPanelInnerWrapper !optional;
+}
+.content_fb2cb3 {
+ @extend %questPanelContent !optional;
+}
+.backgroundWrapper_efa999 {
+ @extend %questPanelBackgroundWrapper !optional;
+}
+.wrapper_efa999 {
+ @extend %questPanelHeaderWrapper !optional;
+}
+.heroAssetWrapper_e23249 {
+ @extend %heroAssetWrapper !optional;
+}
+.heroAssetDarken_e23249 {
+ @extend %heroAssetDarken !optional;
+}
+.heroAssetTint_e23249 {
+ @extend %heroAssetTint !optional;
+}
+.legibilityGradient_e23249 {
+ @extend %questLegibilityGradient !optional;
+}
+.contentCollapsedAccepted_c3427e {
+ @extend %questPanelContentCollapsedAccepted !optional;
+}
+.postEnrollmentBackground_c3427e {
+ @extend %questPanelPostEnrollmentBackground !optional;
+}
+.wrapper_f21e08 {
+ @extend %questPanelStepsWrapper !optional;
+}
+.stepIconWrapper_f21e08 {
+ @extend %questPanelStepIconWrapper !optional;
+}
+.stepWrapperComplete_f21e08 {
+ @extend %questPanelStepWrapperComplete !optional;
+}
+.stepIcon_f21e08 {
+ @extend %questPanelStepIcon !optional;
+}
+.stepConnector_f21e08 {
+ @extend %questPanelStepConnector !optional;
+}
+.rtcConnectionStatus_c0cb95 {
+ @extend %rtcConnectionStatus !optional;
+}
+.rtcConnectionStatusConnected_c0cb95 {
+ @extend %rtcConnectionStatusConnected !optional;
+}
+.rtcConnectionStatusConnecting_c0cb95 {
+ @extend %rtcConnectionStatusConnecting !optional;
+}
+.rtcConnectionStatusError_c0cb95 {
+ @extend %rtcConnectionStatusError !optional;
+}
+.rtcConnectionQualityFine_c0cb95 {
+ @extend %rtcConnectionQualityFine !optional;
+}
+.rtcConnectionQualityAverage_c0cb95 {
+ @extend %rtcConnectionQualityAverage !optional;
+}
+.rtcConnectionQualityBad_c0cb95 {
+ @extend %rtcConnectionQualityBad !optional;
+}
+.ping_c0cb95 {
+ @extend %rtcConnectionPing !optional;
+}
+.contents_dd4f85 {
+ @extend %connectionPanelDescription !optional;
+}
+.channel_adcaac {
+ @extend %connectionPanelChannel !optional;
+}
+.activityPanel_a4d4d9 {
+ @extend %activityPanel !optional;
+}
+.body_bf1a22 {
+ @extend %activityPanelBody !optional;
+}
+.gameWrapper_bf1a22 {
+ @extend %activityPanelGameWrapper !optional;
+}
+.gameIcon_bf1a22 {
+ @extend %activityPanelGameIcon !optional;
+}
+.title_d1da5f {
+ @extend %activityPanelTitle !optional;
+}
+.actions_bf1a22 {
+ @extend %activityPanelActions !optional;
+}
+.liveBadge_bf1a22 {
+ @extend %panelLiveBadge !optional;
+}
+.noiseCancellationPopout_adcaac {
+ @extend %noiseCancellationPopout !optional;
+}
+.micTestButton_adcaac {
+ @extend %noiseCancellationMicTestButtion !optional;
+}
+.privateChannels_f0963d {
+ @extend %privateChannels !optional;
+}
+.scroller_c47fa9 {
+ @extend %privateChannelsScroller !optional;
+}
+.channel_c91bad {
+ @extend %privateChannel !optional;
+}
+.interactive_c91bad {
+ @extend %privateChannelInner !optional;
+}
+.selected_f5eb4b {
+ @extend %privateChannelSelected !optional;
+}
+.interactive_f5eb4b {
+ @extend %privateChannelInteractive !optional;
+}
+.layout_f9647d {
+ @extend %privateChannelLayout !optional;
+}
+.favoriteIcon_c91bad {
+ @extend %privateChannelFavoriteIcon !optional;
+}
+.linkButtonIcon_c91bad {
+ @extend %privateChannelIcon !optional;
+}
+.privateChannelsHeaderContainer_c47fa9 {
+ @extend %privateChannelsHeader !optional;
+}
+.headerText_c47fa9 {
+ @extend %privateChannelsHeaderText !optional;
+}
+.privateChannelRecipientsInviteButtonIcon_c47fa9 {
+ @extend %privateChannelsInviteButton !optional;
+}
+.searchBar_f0963d {
+ @extend %privateChannelsSearchBar !optional;
+}
+.searchBarComponent_f0963d {
+ @extend %privateChannelsSearchBarComponent !optional;
+}
+.newMessagesPillContainer__0afdc {
+ @extend %newMessagesPillContainer !optional;
+}
+.newMessagesPill__26926 {
+ @extend %newMessagesPill !optional;
+}
+.newMessagesClear__308be {
+ @extend %newMessagesClear !optional;
+}
+.newMessagesClearIcon__0ab21 {
+ @extend %newMessagesClearIcon !optional;
+}
+.newMessagesBar_cf58b5 {
+ @extend %newMessagesBar !optional;
+}
+.barButtonBase_cf58b5 {
+ @extend %newMessagesBarButtonBase !optional;
+}
+.barButtonMain_cf58b5 {
+ @extend %newMessagesBarButtonMain !optional;
+}
+.barButtonAlt_cf58b5 {
+ @extend %newMessagesBarButtonAlt !optional;
+}
+.barButtonIcon_cf58b5 {
+ @extend %newMessagesBarButtonIcon !optional;
+}
+.container__45e29 {
+ @extend %highlightContainer !optional;
+}
+.navigator__2971c {
+ @extend %highlightNavigator !optional;
+}
+.button__78cb5 {
+ @extend %highlightNavigatorButton !optional;
+}
+.icon_e00668 {
+ @extend %highlightNavigatorIcon !optional;
+}
+.jumpToPresentBar_cf58b5 {
+ @extend %jumpToPresentBar !optional;
+}
+.barButtonBase_cf58b5 {
+ @extend %jumpToPresentBarButtonBase !optional;
+}
+.barButtonMain_cf58b5 {
+ @extend %jumpToPresentBarButtonMain !optional;
+}
+.barButtonAlt_cf58b5 {
+ @extend %jumpToPresentBarButtonAlt !optional;
+}
+.messagesErrorBar_cf58b5 {
+ @extend %messagesErrorBar !optional;
+}
+.divider_d5deea {
+ @extend %newMessagesDivider !optional;
+}
+.beforeGroup_d5deea {
+ @extend %newMessagesDividerBeforeGroup !optional;
+}
+.hasMore-3e72_v {
+ @extend %hasMore !optional;
+}
+.wrapper_d880dc {
+ @extend %callWrapper !optional;
+}
+.noChat_d880dc {
+ @extend %callWrapperNoChat !optional;
+}
+.video_d880dc {
+ @extend %callWrapperVideo !optional;
+}
+.fullScreen_d880dc {
+ @extend %callWrapperFullScreen !optional;
+}
+.chatSidebarOpen_d880dc {
+ @extend %callChatSidebarOpen !optional;
+}
+.callContainer_d880dc {
+ @extend %callContainer !optional;
+}
+.root_dd069c {
+ @extend %callRoot !optional;
+}
+.idle_dd069c {
+ @extend %callIdle !optional;
+}
+.minimum_d880dc {
+ @extend %callMinimum !optional;
+}
+.normal-2GSW0u {
+ @extend %callNormal !optional;
+}
+.noChat_a7d72e {
+ @extend %callNoChat !optional;
+}
+.video_c8484a {
+ @extend %callVideo !optional;
+}
+.controlSection_dd069c {
+ @extend %callControlSection !optional;
+}
+.topControls_dd069c {
+ @extend %callTopControls !optional;
+}
+.bottomControls_dd069c {
+ @extend %callBottomControls !optional;
+}
+.controlButton_b6e2f9 {
+ @extend %callControlButton !optional;
+}
+.centerButton_ef18ee {
+ @extend %callCenterButton !optional;
+}
+.centerIcon_ef18ee {
+ @extend %callCenterIcon !optional;
+}
+.actionBarButton_c2e612 {
+ @extend %callActionBarButton !optional;
+}
+.slash_c0ba36 {
+ @extend %micSlash !optional;
+}
+.colorable_ef18ee {
+ @extend %callButtonColorable !optional;
+}
+.primaryDark_ef18ee {
+ @extend %callButtonPrimaryDark !optional;
+}
+.white_ef18ee {
+ @extend %callButtonWhite !optional;
+}
+.red_ef18ee {
+ @extend %callButtonRed !optional;
+}
+.green_ef18ee {
+ @extend %callButtonGreen !optional;
+}
+.primaryLight_ef18ee {
+ @extend %callButtonLight !optional;
+}
+.activeLight_ef18ee {
+ @extend %callButtonLightActive !optional;
+}
+.active_ef18ee {
+ @extend %callButtonActive !optional;
+}
+.participantsButton_b83b18 {
+ @extend %callParticipantsButton !optional;
+}
+.root_a5ea57 {
+ @extend %callTileRoot !optional;
+}
+.tile_dc5fc4 {
+ @extend %callTile !optional;
+}
+.wrapper_eb1d8c {
+ @extend %callTileVideoWrapper !optional;
+}
+.overlayTitle_ba4b17 {
+ @extend %callTitleOverlayTitle !optional;
+}
+.button_e5cc00 {
+ @extend %callInviteButton !optional;
+}
+.tile_ba4b17 {
+ @extend %callUserTile !optional;
+}
+.border_ba4b17 {
+ @extend %callTileBorder !optional;
+}
+.speaking_ba4b17 {
+ @extend %callTileSpeaking !optional;
+}
+.quickSelect__540d0 {
+ @extend %callQuickSelect !optional;
+}
+.container-3a5mk- {
+ @extend %callReactionContainer !optional;
+}
+.regionSelectPopout_ccb5ca {
+ @extend %regionSelectPopout !optional;
+}
+.quickSelectPopoutOption_b852b1 {
+ @extend %regionSelectPopoutOption !optional;
+}
+.regionSelectName_ccb5ca {
+ @extend %regionSelectName !optional;
+}
+.scroller_bc9592 {
+ @extend %spectatorMenuScroller !optional;
+}
+.memberListHeader_bc9592 {
+ @extend %spectatorMenuHeader !optional;
+}
+.memberListItem_db70f7 {
+ @extend %spectatorMenuItem !optional;
+}
+.memberListItemText_bc9592 {
+ @extend %spectatorMenuItemText !optional;
+}
+.popoutDisabled_db70f7 {
+ @extend %popoutDisabled !optional;
+}
+.threadSidebar-1o3BTy {
+ @extend %threadSidebar !optional;
+}
+.threadSidebarOpen_a7d72e {
+ @extend %threadSidebarOpen !optional;
+}
+.threadSidebarFloating_a7d72e {
+ @extend %threadSidebarFloating !optional;
+}
+.chat_a7d72e {
+ @extend %chat !optional;
+}
+.pageBody_c2efea {
+ @extend %pageBody !optional;
+}
+.content_a7d72e {
+ @extend %chatContentWrapper !optional;
+}
+.chatContent_a7d72e {
+ @extend %chatContent !optional;
+}
+.base-34jWEe {
+ @extend %chatBase !optional;
+}
+.gatedContent_b9693a {
+ @extend %chatGatedContent !optional;
+}
+.image_b9693a {
+ @extend %chatGatedImage !optional;
+}
+.title_b9693a {
+ @extend %chatGatedTitle !optional;
+}
+.description_b9693a {
+ @extend %chatGatedDescription !optional;
+}
+.separator_d76876 {
+ @extend %chatGatedSeparator !optional;
+}
+.action_b9693a {
+ @extend %chatGatedAction !optional;
+}
+.actionRed-gYn8D3 {
+ @extend %chatGatedActionRed !optional;
+}
+.chatHeaderBar_efb691 {
+ @extend %chatHeaderBar !optional;
+}
+.noChannel_e1ef5f {
+ @extend %noChannel !optional;
+}
+.image__08515 {
+ @extend %noChannelImage !optional;
+}
+.title__496be {
+ @extend %noChannelTitle !optional;
+}
+.text__0e310 {
+ @extend %noChannelText !optional;
+}
+.wrapper_cdfd51 {
+ @extend %chatLoadingWrapper !optional;
+}
+.wrapper_b75bb9 {
+ @extend %chatLoadingMessageWrapper !optional;
+}
+.attachment_b75bb9 {
+ @extend %chatLoadingAttachment !optional;
+}
+.avatar_b75bb9 {
+ @extend %chatLoadingAvatar !optional;
+}
+.blob_b75bb9 {
+ @extend %chatLoadingBlob !optional;
+}
+.button_ccfa44 {
+ @extend %chatOptionButton !optional;
+}
+.role_deddac {
+ @extend %chatRole !optional;
+}
+.inner_f9902b {
+ @extend %chatWelcomeOptionsInner !optional;
+}
+.cardWrapper_f9902b {
+ @extend %chatWelcomeOptionsCardWrapper !optional;
+}
+.card_f9902b {
+ @extend %chatWelcomeOptionsCard !optional;
+}
+.uploadModal_f82cc7 {
+ @extend %uploadModal !optional;
+}
+.footer_f82cc7 {
+ @extend %uploadModalFooter !optional;
+}
+.uploadModalIn_f82cc7 {
+ @extend %uploadModalIn !optional;
+}
+.uploadDropModal_f82cc7 {
+ @extend %uploadDropModal !optional;
+}
+.bgScale_f82cc7 {
+ @extend %uploadDropModalBgScale !optional;
+}
+.inner_f82cc7 {
+ @extend %uploadDropModalInner !optional;
+}
+.title_f82cc7 {
+ @extend %uploadDropModalTitle !optional;
+}
+.instructions_f82cc7 {
+ @extend %uploadDropModalInstructions !optional;
+}
+.error_f82cc7 {
+ @extend %uploadDropModalError !optional;
+}
+.section-3xOOsh {
+ @extend %uploadSoundboardSection !optional;
+}
+.fakeInput-1_6lq6 {
+ @extend %uploadSoundboardFakeInput !optional;
+}
+.playButton-2wVGEn {
+ @extend %uploadSoundboardFakeInputPlayButton !optional;
+}
+.handleFrame-1Fjy30 {
+ @extend %uploadSoundboardHandleFrame !optional;
+}
+.multiInput-wONk3i {
+ @extend %uploadSoundboardMultiInput !optional;
+}
+.divider_c2654d {
+ @extend %divider !optional;
+}
+.isUnread_c2654d {
+ @extend %dividerUnread !optional;
+}
+.unreadPill_c2654d {
+ @extend %unreadPill !optional;
+}
+.unreadPillCap_c2654d {
+ @extend %unreadPillCap !optional;
+}
+.unreadPillCapStroke_c2654d {
+ @extend %unreadPillCapStroke !optional;
+}
+.hasContent_d5deea {
+ @extend %hasContent !optional;
+}
+.content_c2654d {
+ @extend %dividerDate !optional;
+}
+.container-23gRWx {
+ @extend %gifPicker !optional;
+}
+.header-JHwfVI {
+ @extend %gifPickerHeader !optional;
+}
+.searchBar_b56bbc {
+ @extend %gifPickerSearchBar !optional;
+}
+.inner_c18ec9 {
+ @extend %gifPickerSearchBarInner !optional;
+}
+.input_c18ec9 {
+ @extend %gifPickerSearchInput !optional;
+}
+.iconLayout_c18ec9 {
+ @extend %gifPickerSearchIconLayout !optional;
+}
+.iconContainer_c18ec9 {
+ @extend %gifPickerSearchIconContainer !optional;
+}
+.icon_c18ec9 {
+ @extend %gifPickerSearchIcon !optional;
+}
+.visible_c18ec9 {
+ @extend %gifPickerSearchIconVisible !optional;
+}
+.clear_c18ec9 {
+ @extend %gifPickerSearchIconClear !optional;
+}
+.backButton_b56bbc {
+ @extend %gifPickerSearchBackButton !optional;
+}
+.searchHeader-3w5h-0 {
+ @extend %gifPickerSearchHeader !optional;
+}
+.content_b56bbc {
+ @extend %gifPickerContent !optional;
+}
+.container_af1167 {
+ @extend %gifPickerContainer !optional;
+}
+.categoryFade_af1167 {
+ @extend %gifPickerCategoryFade !optional;
+}
+.categoryFadeBlurple_af1167 {
+ @extend %gifPickerCategoryFadeBlurple !optional;
+}
+.categoryText_af1167 {
+ @extend %gifPickerCategoryText !optional;
+}
+.categoryIcon_af1167 {
+ @extend %gifPickerCategoryIcon !optional;
+}
+.categoryName_af1167 {
+ @extend %gifPickerCategoryName !optional;
+}
+.results_bad108 {
+ @extend %gifPickerResults !optional;
+}
+.result_bad108 {
+ @extend %gifPickerResult !optional;
+}
+.focused-q9B2e4 {
+ @extend %gifPickerResultFocused !optional;
+}
+.favButton_bad108 {
+ @extend %gifPickerFavButton !optional;
+}
+.icon_c5e128 {
+ @extend %gifPickerFavButtonIcon !optional;
+}
+.gif_bad108 {
+ @extend %gifPickerGif !optional;
+}
+.emptyHints_bad108 {
+ @extend %gifPickerEmptyHints !optional;
+}
+.placeholder_bad108 {
+ @extend %gifPickerPlaceholder !optional;
+}
+.emptyHintCard_bad108 {
+ @extend %gifPickerEmptyHintCard !optional;
+}
+.emptyHintFavorite_bad108 {
+ @extend %gifPickerEmptyHintFavorite !optional;
+}
+.emptyHintText_bad108 {
+ @extend %gifPickerEmptyHintText !optional;
+}
+.endContainer_bad108 {
+ @extend %gifPickerEndContainer !optional;
+}
+.categoryList_a7a485 {
+ @extend %stickerCategoryList !optional;
+}
+.stickerCategory_a7a485 {
+ @extend %stickerCategoryItem !optional;
+}
+.stickerCategoryGeneric_a7a485 {
+ @extend %stickerCategoryGeneric !optional;
+}
+.row_a708c4 {
+ @extend %stickerPickerRow !optional;
+}
+.stickerInspected_a708c4 {
+ @extend %stickerInspected !optional;
+}
+.inspectedIndicator_a708c4 {
+ @extend %stickerInspectedIndicator !optional;
+}
+.createSticker_a708c4 {
+ @extend %createSticker !optional;
+}
+.createInspected_a708c4 {
+ @extend %createStickerInspected !optional;
+}
+.iconWrapper_a708c4, .iconWrapper_a66fbc {
+ @extend %createStickerIconWrapper !optional;
+}
+.form_a7d72e {
+ @extend %chatForm !optional;
+}
+.banner_d29eee {
+ @extend %chatIntroductionBanner !optional;
+}
+.applicationCommandEducation-1stoia {
+ @extend %applicationCommandEducation !optional;
+}
+.applicationCommandEducationArrow-2xKDmq {
+ @extend %applicationCommandEducationArrow !optional;
+}
+.applicationCommandEducationPrompt-23S3d- {
+ @extend %applicationCommandEducationPrompt !optional;
+}
+.charCounterAdded-zz9O4t {
+ @extend %charCounterAdded !optional;
+}
+.counter-uAzbKp {
+ @extend %charCounter !optional;
+}
+.chatCounter-XOMPsh {
+ @extend %charChatCounter !optional;
+}
+.channelTextArea_d0696b {
+ @extend %channelTextArea !optional;
+}
+.channelTextAreaDisabled_d0696b {
+ @extend %channelTextAreaDisabled !optional;
+}
+.scrollableContainer_d0696b {
+ @extend %channelTextAreaScrollable !optional;
+}
+.hasConnectedBar_d0696b {
+ @extend %channelTextAreaReplyBarConnected !optional;
+}
+.inner_d0696b {
+ @extend %channelTextAreaInner !optional;
+}
+.attachWrapper_f298d4 {
+ @extend %channelTextAreaAttachWrapper !optional;
+}
+.attachButton_f298d4 {
+ @extend %channelTextAreaAttachButton !optional;
+}
+.attachButtonInner_f298d4 {
+ @extend %channelTextAreaAttachButtonInner !optional;
+}
+.attachButtonPlus_f298d4 {
+ @extend %channelTextAreaAttachButtonPlus !optional;
+}
+.inlineCode_cdb578 {
+ @extend %channelTextAreaInlineCode !optional;
+}
+.before_inlineCode_cdb578 {
+ @extend %channelTextAreaInlineCodeBefore !optional;
+}
+.after_inlineCode_cdb578 {
+ @extend %channelTextAreaInlineCodeAfter !optional;
+}
+.toolbar_de3e42 {
+ @extend %formatToolbar !optional;
+}
+.buttons_de3e42 {
+ @extend %formatToolbarButtons !optional;
+}
+.icon_de3e42 {
+ @extend %formatToolbarIcon !optional;
+}
+.divider_de3e42 {
+ @extend %formatToolbarDivider !optional;
+}
+.bf-toolbar {
+ @extend %bfToolbar !optional;
+}
+.format {
+ @extend %bfToolbarFormat !optional;
+}
+.staticToolbar_de3e42 {
+ @extend %staticToolbar !optional;
+}
+.staticButtons_de3e42 {
+ @extend %staticToolbarButtons !optional;
+}
+.textArea_d0696b {
+ @extend %textArea !optional;
+}
+.textAreaDisabled_d0696b {
+ @extend %textAreaDisabled !optional;
+}
+.placeholder_a552a6 {
+ @extend %textAreaPlaceholder !optional;
+}
+.editor_a552a6 {
+ @extend %textAreaEditor !optional;
+}
+.slateTextArea_e52116 {
+ @extend %slateTextArea !optional;
+}
+.fontSize16Padding_d0696b {
+ @extend %channelTextAreaFontPadding !optional;
+}
+.buttons_d0696b {
+ @extend %channelTextAreaButtonsContainer !optional;
+}
+.button_cecf00 {
+ @extend %channelTextAreaButton !optional;
+}
+.emojiButton_af14ca {
+ @extend %channelTextAreaEmojiButton !optional;
+}
+.buttonContainer_a06035 {
+ @extend %channelTextAreaSendButton !optional;
+}
+.activeButtonChild_a06035 {
+ @extend %channelTextAreaSendButtonActive !optional;
+}
+.sendIcon_a06035 {
+ @extend %channelTextAreaSendButtonIcon !optional;
+}
+.textAreaWithoutAttachmentButton_d0696b {
+ @extend %channelTextAreaWithoutAttachment !optional;
+}
+.typing_d7ebeb {
+ @extend %channelTextAreaTyping !optional;
+}
+.text_d7ebeb {
+ @extend %channelTextAreaTypingText !optional;
+}
+.slowModeIcon_d7ebeb {
+ @extend %channelTextAreaSlowModeIcon !optional;
+}
+.attachedBars_d0696b {
+ @extend %channelTextAreaAttachedBar !optional;
+}
+.clipContainer_b11c5e {
+ @extend %channelTextAreaClipContainer !optional;
+}
+.stackedAttachedBar_d0696b {
+ @extend %channelTextAreaStackedAttachedBar !optional;
+}
+.upload_df1eaf {
+ @extend %channelTextAreaUpload !optional;
+}
+.image-1091CL {
+ @extend %channelTextAreaUploadImage !optional;
+}
+.altTag_f847a3 {
+ @extend %channelTextAreaUploadAltTag !optional;
+}
+.spoiler_f847a3 {
+ @extend %channelTextAreaUploadSpoiler !optional;
+}
+.operations_ed9386 {
+ @extend %operations !optional;
+}
+.wrapper_faf5ab {
+ @extend %channelInfo !optional;
+}
+.content_faf5ab {
+ @extend %channelInfoContent !optional;
+}
+.image_faf5ab {
+ @extend %channelInfoImage !optional;
+}
+.buttonContainer_faf5ab {
+ @extend %channelInfoButtonContainer !optional;
+}
+.autocomplete_f23da8 {
+ @extend %autocomplete !optional;
+}
+.autocompleteInner_f23da8 {
+ @extend %autocompleteInner !optional;
+}
+.contentTitle_f23da8 {
+ @extend %autocompleteTitle !optional;
+}
+.content-Qb0rXO {
+ @extend %autocompleteContent !optional;
+}
+.autocompleteRow_f23da8 {
+ @extend %autocompleteRow !optional;
+}
+.base_f23da8 {
+ @extend %autocompleteBase !optional;
+}
+.selected-3H3-RC {
+ @extend %autocompleteBaseSelected !optional;
+}
+.selectable-1MM9tu {
+ @extend %autocompleteBaseSelectable !optional;
+}
+.divider_f23da8 {
+ @extend %autocompleteDivider !optional;
+}
+.icon_f23da8 {
+ @extend %autocompleteIcon !optional;
+}
+.iconForeground_f23da8 {
+ @extend %autocompleteIconForeground !optional;
+}
+.autocompleteRowSubheading_f23da8 {
+ @extend %autocompleteRowSubheading !optional;
+}
+.autocompleteRowContentSecondary_f23da8 {
+ @extend %autocompleteContentSecondary !optional;
+}
+.descriptionDiscriminator_f23da8 {
+ @extend%autocompleteDescriptionDiscriminator !optional;
+}
+.selector-2IcQBU {
+ @extend %autocompleteSelector !optional;
+}
+.selected-3H3-RC {
+ @extend %autocompleteSelectorSelected !optional;
+}
+.categoryHeader_fe2299 {
+ @extend %autocompleteCategoryHeader !optional;
+}
+.wrapper_efd8e6 {
+ @extend %autocompleteListWrapper !optional;
+}
+.list_efd8e6 {
+ @extend %autocompleteList !optional;
+}
+.listItems_dcade6 {
+ @extend %autocompleteListItems !optional;
+}
+.selected_c9d951 {
+ @extend %autocompleteListItemSelected !optional;
+}
+.option_bea3ee {
+ @extend %autocompleteOption !optional;
+}
+.active_bea3ee {
+ @extend %autocompleteOptionActive !optional;
+}
+.error_bea3ee {
+ @extend %autocompleteOptionError !optional;
+}
+.pill-1HLSrc {
+ @extend %autocompletePill !optional;
+}
+.tabButton-1hJ4oW {
+ @extend %autocompletetabButton !optional;
+}
+.mobileContainer_dc0b54 {
+ @extend %mobileContainer !optional;
+}
+.mobileButtons_dc0b54 {
+ @extend %mobileButtons !optional;
+}
+.mobileMutualGuilds_dc0b54 {
+ @extend %mobileMutualGuilds !optional;
+}
+.spamBanner_c1da2c {
+ @extend %timeoutBar !optional;
+}
+.bannerTextContainer_c1da2c {
+ @extend %timeoutBarTextContainer !optional;
+}
+.actionButtons_c1da2c {
+ @extend %timeoutBarActionButtons !optional;
+}
+.container_c06a56 {
+ @extend %timeoutPopup !optional;
+}
+.iconContainer_c06a56 {
+ @extend %timeoutIcon !optional;
+}
+.content__4d677 {
+ @extend %welcomeModalLargeContent !optional;
+}
+.welcomeMessage-3_Mcht {
+ @extend %welcomeMessage !optional;
+}
+.h1-1IDj26 {
+ @extend %welcomeMessageH1 !optional;
+}
+.itemContainer-WiE19S {
+ @extend %welcomeMessageItemContainer !optional;
+}
+.icon-2shpbb {
+ @extend %welcomeMessageIcon !optional;
+}
+.exclamation-1mi7Vi {
+ @extend %welcomeMessageIconExclamation !optional;
+}
+.share-1EA-d2 {
+ @extend %welcomeMessageIconShare !optional;
+}
+.mobile-3_KEmF {
+ @extend %welcomeMessageIconMobile !optional;
+}
+.twitter-1TN3uJ {
+ @extend %welcomeMessageIconTwitter !optional;
+}
+.base-34jWEe {
+ @extend %welcomeMessageBase !optional;
+}
+.wrapper-22ayhK {
+ @extend %badge !optional;
+}
+.numberBadge_df8943 {
+ @extend %numberBadge !optional;
+}
+.textBadge_f05120 {
+ @extend %textBadge !optional;
+}
+.button_dd4f85 {
+ @extend %button !optional;
+}
+.hasHover-3X1-zV {
+ @extend %buttonHasHover !optional;
+}
+.lookFilled_dd4f85 {
+ @extend %buttonFilled !optional;
+}
+.lookOutlined_dd4f85 {
+ @extend %buttonOutlined !optional;
+}
+.lookInverted_a299dc {
+ @extend %buttonInverted !optional;
+}
+.lookLink_dd4f85 {
+ @extend %buttonLink !optional;
+}
+.lookBlank_dd4f85 {
+ @extend %buttonBlank !optional;
+}
+.colorBrand_dd4f85 {
+ @extend %buttonBrand !optional;
+}
+.colorBrandNew__8872c {
+ @extend %buttonBrandNew !optional;
+}
+.colorPrimary_dd4f85 {
+ @extend %buttonPrimary !optional;
+}
+.colorWhite_dd4f85 {
+ @extend %buttonWhite !optional;
+}
+.colorGreen_dd4f85 {
+ @extend %buttonGreen !optional;
+}
+.colorRed_dd4f85 {
+ @extend %buttonRed !optional;
+}
+.colorGrey-2DXtkV {
+ @extend %buttonGrey !optional;
+}
+.colorLink_dd4f85, .colorLink_fbc755 {
+ @extend %colorLink !optional;
+}
+.buttonColor_adcaac {
+ @extend %buttonColor !optional;
+}
+.sizeTiny_dd4f85 {
+ @extend %buttonSizeTiny !optional;
+}
+.sizeMin_dd4f85 {
+ @extend %buttonSizeMin !optional;
+}
+.sizeSmall_dd4f85 {
+ @extend %buttonSizeSmall !optional;
+}
+.sizeMedium_dd4f85 {
+ @extend %buttonSizeMedium !optional;
+}
+.sizeLarge_dd4f85 {
+ @extend %buttonSizeLarge !optional;
+}
+.sizeXlarge__6885c {
+ @extend %buttonSizeXlarge !optional;
+}
+.sizeMax_dd4f85 {
+ @extend %buttonSizeMax !optional;
+}
+.sizeIcon_dd4f85 {
+ @extend %buttonSizeIcon !optional;
+}
+.grow_dd4f85 {
+ @extend %buttonSizeGrow !optional;
+}
+.buttonSize_c6eb7b {
+ @extend %buttonSize !optional;
+}
+.buttonSize_b9fe76 {
+ @extend %buttonSizeAlt !optional;
+}
+.iconButtonSize__14733 {
+ @extend %buttonIconSize !optional;
+}
+.loading_acadc1 {
+ @extend %buttonLoading !optional;
+}
+.questionMark-3V9mGJ {
+ @extend %buttonQuestionMark !optional;
+}
+.icon-3JHfo7 {
+ @extend %buttongQuestionMarkIcon !optional;
+}
+.disabledButtonWrapper_dd4f85 {
+ @extend %disabledButtonWrapper !optional;
+}
+.contents_dd4f85 {
+ @extend %buttonContents !optional;
+}
+.content_acadc1 {
+ @extend %buttonContentsInner !optional;
+}
+.lookFilled_dd4f85.colorBrand_dd4f85 {
+ @extend %buttonFilledBrand !optional;
+}
+.lookFilled_dd4f85.colorBrandNew__8872c {
+ @extend %buttonFilledBrandNew !optional;
+}
+.lookFilled_dd4f85.colorBrandNew-2-gGsS {
+ @extend %buttonFilledBrandNew2 !optional;
+}
+.lookFilled_dd4f85.colorPrimary_dd4f85 {
+ @extend %buttonFilledPrimary !optional;
+}
+.lookFilled_dd4f85.colorWhite_dd4f85 {
+ @extend %buttonFilledWhite !optional;
+}
+.lookFilled_dd4f85.colorGreen_dd4f85 {
+ @extend %buttonFilledGreen !optional;
+}
+.lookFilled_dd4f85.colorRed_dd4f85 {
+ @extend %buttonFilledRed !optional;
+}
+.lookFilled_dd4f85.colorGrey-2iAG-B {
+ @extend %buttonFilledGrey !optional;
+}
+.lookOutlined_dd4f85.colorBrand_dd4f85 {
+ @extend %buttonOutlinedBrand !optional;
+}
+.lookOutlined_dd4f85.colorPrimary_dd4f85 {
+ @extend %buttonOutlinedPrimary !optional;
+}
+.lookOutlined_dd4f85.colorWhite_dd4f85{
+ @extend %buttonOutlinedWhite !optional;
+}
+.lookOutlined_dd4f85.colorGreen_dd4f85 {
+ @extend %buttonOutlinedGreen !optional;
+}
+.lookOutlined_dd4f85.colorRed_dd4f85 {
+ @extend %buttonOutlinedRed !optional;
+}
+.lookOutlined_dd4f85.colorGrey-2DXtkV {
+ @extend %buttonOutlinedGrey !optional;
+}
+.lookInverted_a299dc.colorBrand_dd4f85 {
+ @extend %buttonInvertedBrand !optional;
+}
+.lookInverted_a299dc.colorPrimary_dd4f85 {
+ @extend %buttonInvertedPrimary !optional;
+}
+.lookInverted_a299dc.colorWhite_dd4f85{
+ @extend %buttonInvertedWhite !optional;
+}
+.lookInverted_a299dc.colorGreen_dd4f85 {
+ @extend %buttonInvertedGreen !optional;
+}
+.lookInverted_a299dccolorRed_dd4f85 {
+ @extend %buttonInvertedRed !optional;
+}
+.lookInverted_a299dc.colorGrey-2DXtkV {
+ @extend %buttonInvertedGrey !optional;
+}
+.lookLink_dd4f85.colorBrand_dd4f85 {
+ @extend %buttonLinkBrand !optional;
+}
+.lookLink_dd4f85.colorPrimary_dd4f85 {
+ @extend %buttonLinkPrimary !optional;
+}
+.lookLink_dd4f85.colorWhite_dd4f85{
+ @extend %buttonLinkWhite !optional;
+}
+.lookLink_dd4f85.colorGreen_dd4f85 {
+ @extend %buttonLinkGreen !optional;
+}
+.lookLink_dd4f85colorRed_dd4f85 {
+ @extend %buttonLinkRed !optional;
+}
+.lookLink_dd4f85.colorGrey-2DXtkV {
+ @extend %buttonLinkGrey !optional;
+}
+.lookBlank_dd4f85.colorBrand_dd4f85 {
+ @extend %buttonBlankBrand !optional;
+}
+.button__292b6 {
+ @extend %buttonCircle !optional;
+}
+.disabled__4d064 {
+ @extend %buttonCircleDisabled !optional;
+}
+.iconButton__11faf {
+ @extend %iconButton !optional;
+}
+.iconCircle_d29eee {
+ @extend %iconCircle !optional;
+}
+.nextIcon_d29eee {
+ @extend %nextIcon !optional;
+}
+.giftIcon-2kmx1K {
+ @extend %buttonGiftIcon !optional;
+}
+.group_d76384 {
+ @extend %segmentedButtonGroup !optional;
+}
+.selectorButton_a78967 {
+ @extend %segmentedButton !optional;
+}
+.selectorButtonSelected_a78967 {
+ @extend %segmentedButtonSelected !optional;
+}
+.selectorButtonPremiumRequired__9df5b {
+ @extend %segmentedButtonPremiumRequired !optional;
+}
+.checkbox_f6cde8 {
+ @extend %checkbox !optional;
+}
+.checked_f6cde8 {
+ @extend %checkboxChecked !optional;
+}
+.checkboxWrapper_f6cde8 {
+ @extend %checkboxWrapper !optional;
+}
+.checkboxWrapperDisabled-2lYviP {
+ @extend %checkboxWrapperDisabled !optional;
+}
+.flex_ec1a20 {
+ @extend %flex !optional;
+}
+.alignStart_ec1a20 {
+ @extend %flexAlignStart !optional;
+}
+.alignEnd_ec1a20 {
+ @extend %flexAlignEnd !optional;
+}
+.alignCenter_ec1a20 {
+ @extend %flexAlignCenter !optional;
+}
+.alignStretch_ec1a20 {
+ @extend %flexAlignStretch !optional;
+}
+.alignBaseline_ec1a20 {
+ @extend %flexAlignBaseline !optional;
+}
+.justifyStart_ec1a20 {
+ @extend %flexJustifyStart !optional;
+}
+.justifyEnd_ec1a20 {
+ @extend %flexJustifyEnd !optional;
+}
+.justifyCenter_ec1a20 {
+ @extend %flexJustifyCenter !optional;
+}
+.justifyAround_ec1a20 {
+ @extend %flexJustifyAround !optional;
+}
+.justifyBetween_ec1a20 {
+ @extend %flexJustifyBetween !optional;
+}
+.noWrap_ec1a20 {
+ @extend %flexNoWrap !optional;
+}
+.wrap_ec1a20 {
+ @extend %flexWrap !optional;
+}
+.wrapReverse_ec1a20 {
+ @extend %flexWrapReverse !optional;
+}
+.directionRow__65900 {
+ @extend %flexDirectionRow !optional;
+}
+.directionRowReverse_f644aa {
+ @extend %flexDirectionRowReverse !optional;
+}
+.directionColumn__959e9 {
+ @extend %flexDirectionColumn !optional;
+}
+.spacer__03448 {
+ @extend %spacer !optional;
+}
+.directionUp_f48d4e {
+ @extend %directionUp !optional;
+}
+.directionRight_f48d4e {
+ @extend %directionRight !optional;
+}
+.directionDown_f48d4e {
+ @extend %directionDown !optional;
+}
+.directionLeft_f48d4e {
+ @extend %directionLeft !optional;
+}
+.flowerStarContainer_ff7d90 {
+ @extend %flowerStarContainer !optional;
+}
+.flowerStar_ff7d90 {
+ @extend %flowerStar !optional;
+}
+.childContainer_ff7d90 {
+ @extend %flowerStarChild !optional;
+}
+.icon_db1980 {
+ @extend %flowerStarIcon !optional;
+}
+.gameVerifiedIcon_fd966d {
+ @extend %gameVerifiedIcon !optional;
+}
+.indicator_ede133 {
+ @extend %indicator !optional;
+}
+.animationContainer-1fE4lX {
+ @extend %indicatorContainer !optional;
+}
+.animating-1VBoFQ {
+ @extend %indicatorAnimating !optional;
+}
+.notAnimating-2LOPSO {
+ @extend %indicatorNotAnimating !optional;
+}
+.innerCircle-2zWLZe {
+ @extend %indicatorCircleInner !optional;
+}
+.outerCircle-2Uqqis {
+ @extend %indicatorCircleOuter !optional;
+}
+.innerCircle-2zWLZe, .outerCircle-2Uqqis {
+ @extend %indicatorCircle !optional;
+}
+.top-1orLYG {
+ @extend %indicatorExclamationTop !optional;
+}
+.bottom-3Mou5l {
+ @extend %indicatorExclamationBottom !optional;
+}
+.top-1orLYG, .bottom-3Mou5l {
+ @extend %indicatorExclamation !optional;
+}
+.container_e9f61e {
+ @extend %listItem !optional;
+}
+.selected_e9f61e {
+ @extend %listItemSelected !optional;
+}
+.layout_e9f61e {
+ @extend %listItemLayout !optional;
+}
+.avatar_e9f61e {
+ @extend %listItemAvatar !optional;
+}
+.content_e9f61e {
+ @extend %listItemContent !optional;
+}
+.nameAndDecorators_e9f61e {
+ @extend %listItemNameAndDecorators !optional;
+}
+.name_e9f61e {
+ @extend %listItemName !optional;
+}
+.roleColor-nA7BqX {
+ @extend %listItemRoleColor !optional;
+}
+.children_e9f61e {
+ @extend %listItemSubtext !optional;
+}
+.subText_e9f61e {
+ @extend %listItemActivityText !optional;
+}
+.activity_a31c43 {
+ @extend %listItemActivity !optional;
+}
+.activityText_a31c43 {
+ @extend %listItemActivityText !optional;
+}
+.activityEmoji_a31c43 {
+ @extend %listItemActivityEmoji !optional;
+}
+.icon_ad923e {
+ @extend %listItemActivityIcon !optional;
+}
+.closeButton_c91bad {
+ @extend %listItemClose !optional;
+}
+.container_ac201b {
+ @extend %listPopoutContainer !optional;
+}
+.container__33507 {
+ @extend %listPopoutSearchBar !optional;
+}
+.inner_c18ec9 {
+ @extend %listPopoutSearchBarInner !optional;
+}
+.input_c18ec9 {
+ @extend %listPopoutSearchInput !optional;
+}
+.list_eef3ef {
+ @extend %listPopoutScroller !optional;
+}
+.content-2a4AW9 {
+ @extend %listPopoutScrollerContainer !optional;
+}
+.item_eef3ef {
+ @extend %listPopoutItem !optional;
+}
+.selected-22ukbQ {
+ @extend %listPopoutItemSelected !optional;
+}
+.selectedBrand_eef3ef {
+ @extend %listPopoutItemSelectedBrand !optional;
+}
+.scrollerWrap-2lJEkd {
+ @extend %scrollerWrap !optional;
+}
+.scrollerBase_eed6a8 {
+ @extend %scroller !optional;
+}
+.slider_c7a159 {
+ @extend %slider !optional;
+}
+.slider_e13f88 {
+ @extend %sliderMenuPopout !optional;
+}
+.mini_c7a159 {
+ @extend %sliderMini !optional;
+}
+.input-1hjJtk {
+ @extend %sliderInput !optional;
+}
+.track_c7a159 {
+ @extend %sliderTrack !optional;
+}
+.bar_c7a159 {
+ @extend %sliderBar !optional;
+}
+.barFill_c7a159 {
+ @extend %sliderBarFill !optional;
+}
+.grabber_c7a159 {
+ @extend %sliderGrabber !optional;
+}
+.inputSensitivityBar_b6e3f3 {
+ @extend %sliderInputSensitivityBar !optional;
+}
+.fill_b6e3f3 {
+ @extend %sliderInputSensitivityFill !optional;
+}
+.bd-slider-label {
+ @extend %bdSliderLabel !optional;
+}
+.bd-slider-input {
+ @extend %bdSliderInput !optional;
+}
+.container_e40c16 {
+ @extend %loadingScreen !optional;
+}
+.content_e40c16 {
+ @extend %loadingScreenContent !optional;
+}
+.links_e40c16 {
+ @extend %loadingLinks !optional;
+}
+.loadingPopout_a8c724 {
+ @extend %spinnerPopout !optional;
+}
+.spinner_b6db20 {
+ @extend %spinner !optional;
+}
+.inner_b6db20 {
+ @extend %spinnerInner !optional;
+}
+.path_b6db20 {
+ @extend %spinnerPath !optional;
+}
+.path2_b6db20 {
+ @extend %spinnerPath2 !optional;
+}
+.path3_b6db20 {
+ @extend %spinnerPath3 !optional;
+}
+.spinnerItem-2HfQC8 {
+ @extend %spinnerItem !optional;
+}
+.wanderingCubesItem-3Us-UG {
+ @extend %spinnerWanderingCubesItem !optional;
+}
+.wanderingCubes_b6db20 {
+ @extend %wanderingCubes !optional;
+}
+.item_b6db20 {
+ @extend %wanderingCubesItem !optional;
+}
+.loadingMore-sPqUXZ {
+ @extend %loadingMore !optional;
+}
+.pulsingEllipsis-10G8Z6 {
+ @extend %spinnerPulsingEllipsis !optional;
+}
+.pulsingEllipsisItem-3pNmEc {
+ @extend %spinnerPulsingEllipsisItem !optional;
+}
+.control_ed1d57 {
+ @extend %switch !optional;
+}
+.icon-1ykL9s {
+ @extend %switchIcon !optional;
+}
+.container_cebd1c {
+ @extend %switchContainer !optional;
+}
+.checked_cebd1c {
+ @extend %switchContainerChecked !optional;
+}
+.slider_cebd1c {
+ @extend %switchSlider !optional;
+}
+.input_cebd1c {
+ @extend %switchCheckbox !optional;
+}
+.bd-switch {
+ @extend %bdSwitchContainer !optional;
+}
+.bd-switch-disabled {
+ @extend %bdSwitchDisabled !optional;
+}
+.bd-switch-body {
+ @extend %bdSwitchBody !optional;
+}
+.bd-switch-slider {
+ @extend %bdSwitchSlider !optional;
+}
+.bd-switch-handle {
+ @extend %bdSwitchHandle !optional;
+}
+.bd-switch-symbol {
+ @extend %bdSwitchSymbol !optional;
+}
+.tabBar_c2739c, .tabBar_bff66b, .tabBar_c69589, .topPill_a0, .settingsTabBar_f62afd, .settingsTabBar_d576e9 {
+ @extend %tabBar !optional;
+}
+.item_a0 {
+ @extend %tabBarItem !optional;
+}
+.addFriend_c2739c {
+ @extend %tabBarItemAddFriend !optional;
+}
+.selected_a0 {
+ @extend %tabBarItemSelected !optional;
+}
+.primary-3j8BhM {
+ @extend %tabBarItemPrimary !optional;
+}
+.primarySelected-3uHKZn {
+ @extend %tabBarItemPrimarySelected !optional;
+}
+.disabled-1nofHP {
+ @extend %tabBarItemDisabled !optional;
+}
+.header-2Kx1US {
+ @extend %tabBarHeader !optional;
+}
+.separator_a0 {
+ @extend %tabBarSeparator !optional;
+}
+.tabBar-1E2ExX {
+ @extend %headerBarTabBar !optional;
+}
+.premiumLabel_ae3c77 {
+ @extend %premiumLabel !optional;
+}
+.background_ae3c77 {
+ @extend %premiumBackground !optional;
+}
+.selectedBackground_ae3c77 {
+ @extend %premiumSelectedBackground !optional;
+}
+.icon_f7189e {
+ @extend %serverBoostIcon !optional;
+}
+.tooltip_b6c360 {
+ @extend %tooltip !optional;
+}
+.tooltipPointer_b6c360 {
+ @extend %tooltipPointer !optional;
+}
+.tooltipTop_b6c360 {
+ @extend %tooltipTop !optional;
+}
+.tooltipBottom_b6c360 {
+ @extend %tooltipBottom !optional;
+}
+.tooltipLeft_b6c360 {
+ @extend %tooltipLeft !optional;
+}
+.tooltipRight_b6c360 {
+ @extend %tooltipRight !optional;
+}
+.tooltipContent_b6c360 {
+ @extend %tooltipContent !optional;
+}
+.tooltipText_a0ae43 {
+ @extend %tooltipText !optional;
+}
+.clickCTA_cf58b5 {
+ @extend %tooltipClickCTA !optional;
+}
+.tooltipPrimary_b6c360 {
+ @extend %tooltipPrimary !optional;
+}
+.tooltipBrand_b6c360 {
+ @extend %tooltipBrand !optional;
+}
+.tooltipRed_b6c360 {
+ @extend %tooltipRed !optional;
+}
+.tooltipGreen_b6c360 {
+ @extend %tooltipGreen !optional;
+}
+.tooltipYellow_b6c360 {
+ @extend %tooltipYellow !optional;
+}
+.guildNameText_a6ae3c {
+ @extend %tooltipGuildNameText !optional;
+}
+.activityIcon_a6ae3c {
+ @extend %tooltipActivityIcon !optional;
+}
+.tooltipPremiumFooterContainer_eeaea3 {
+ @extend %tooltipPremiumFooterContainer !optional;
+}
+.muteText_a6ae3c {
+ @extend %tooltipMuteText !optional;
+}
+.tooltip_f4c8b7 {
+ @extend %commandTooltip !optional;
+}
+.tooltipPointer_f4c8b7 {
+ @extend %commandTooltipPointer !optional;
+}
+.wrapper_fea3ef {
+ @extend %guildsWrapper !optional;
+}
+.hidden_fea3ef {
+ @extend %guildsWrapperHidden !optional;
+}
+.tree_fea3ef {
+ @extend %guildsTree !optional;
+}
+.scroller_fea3ef {
+ @extend %guilds !optional;
+}
+.tutorialContainer_f9623d {
+ @extend %guildsHomeContainer !optional;
+}
+.tutorialContainer_c96c45 {
+ @extend %guildsAddServerContainer !optional;
+}
+.listItem_c96c45 {
+ @extend %guild !optional;
+}
+.frame_oXWS21 {
+ @extend %guildFrame !optional;
+}
+.wrapper_c5f96a {
+ @extend %guildWrapper !optional;
+}
+.guildSeparator_d0c57e {
+ @extend %guildSeparator !optional;
+}
+.homeIcon__560eb {
+ @extend %homeIcon !optional;
+}
+.pill_f9623d {
+ @extend %homePill !optional;
+}
+.favoriteIcon__91c06 {
+ @extend %favoriteIcon !optional;
+}
+.blobContainer_a5ad63 {
+ @extend %guildContainer !optional;
+}
+.pill_a5ad63 {
+ @extend %guildPill !optional;
+}
+.item_fd07a3 {
+ @extend %guildPillItem !optional;
+}
+.svg_c5f96a {
+ @extend %guildSVG !optional;
+}
+.wrapper_f90abb {
+ @extend %guildLink !optional;
+}
+.selected_f90abb {
+ @extend %guildLinkSelected !optional;
+}
+.icon__11cf1 {
+ @extend %guildIcon !optional;
+}
+.childWrapper_f90abb {
+ @extend %guildChildWrapper !optional;
+}
+.acronym_f90abb {
+ @extend %guildAcronym !optional;
+}
+.upperBadge_c5f96a {
+ @extend %guildBadgeUpper !optional;
+}
+.lowerBadge_c5f96a {
+ @extend %guildBadgeLower !optional;
+}
+.unavailableBadge_c96c45 {
+ @extend %guildUnavailableBadge !optional;
+}
+.iconBadge_c96c45 {
+ @extend %guildBadge !optional;
+}
+.icon__62c73 {
+ @extend %guildBadgeIcon !optional;
+}
+.participating__64cf0 {
+ @extend %guildBadgeParticipating !optional;
+}
+.placeholderMask__6629f {
+ @extend %guildPlaceholderMask !optional;
+}
+.dragInner__66313 {
+ @extend %guildDragInner !optional;
+}
+.wrapper_bc7085 {
+ @extend %guildFolderWrapper !optional;
+}
+.expandedFolderBackground_bc7085 {
+ @extend %guildExpandedFolderBackground !optional;
+}
+.collapsed_bc7085 {
+ @extend %guildFolderCollapsed !optional;
+}
+.folder_bc7085 {
+ @extend %guildFolder !optional;
+}
+.hover_bc7085 {
+ @extend %guildFolderHover !optional;
+}
+.folderIconWrapper_bc7085 {
+ @extend %guildFolderIconWrapper !optional;
+}
+.closedFolderIconWrapper_bc7085 {
+ @extend %guildFolderClosedIconWrapper !optional;
+}
+.expandedFolderIconWrapper_bc7085 {
+ @extend %guildFolderExpandedIconWrapper !optional;
+}
+.icon_f11207 {
+ @extend %guildFolderIcon !optional;
+}
+.iconSizeSmol_f11207 {
+ @extend %guildFolderIconSizeSmol !optional;
+}
+.guildIcon_bc7085 {
+ @extend %guildFolderGuildIcon !optional;
+}
+.centerTarget_b7c66a {
+ @extend %guildCenterTarget !optional;
+}
+.target_b7c66a {
+ @extend %guildTarget !optional;
+}
+.dragOver_b7c66a {
+ @extend %guildDragOver !optional;
+}
+.circleIconButton_db6521 {
+ @extend %circleIconButton !optional;
+}
+.selected_db6521 {
+ @extend %circleIconButtonSelected !optional;
+}
+.guildsError__32e67 {
+ @extend %guildsError !optional;
+}
+.paymentNote_cc6017 {
+ @extend %paymentNote !optional;
+}
+.headerBackground_af10a6 {
+ @extend %nitroPlanHeaderBackground !optional;
+}
+.panningAnimation_e147f3 {
+ @extend %nitroPlanPanningAnimation !optional;
+}
+.headerContainer_bab8b6 {
+ @extend %nitroPurchaseHeaderContainer !optional;
+}
+.headerImage_bab8b6 {
+ @extend %nitroPurchaseHeaderImage !optional;
+}
+.wrapper_bfc2c6 {
+ @extend %breadcrumbsWrapper !optional;
+}
+.spinner_b0f29a {
+ @extend %nitroPlanSpinner !optional;
+}
+.sliderBody_bf926b {
+ @extend %nitroPlanSliderBody !optional;
+}
+.paymentModalContent {
+ @extend %nitroPaymentModalContent !optional;
+}
+.planSelectSeparator_d439ef {
+ @extend %nitroPlanSelectSeparator !optional;
+}
+.planSelectSeparatorLower_d9d258 {
+ @extend %nitroPlanSelectSeparatorLower !optional;
+}
+.planOptionClickableContainer_bd3462 {
+ @extend %nitroPlanOptionClickableContainer !optional;
+}
+.planOption_bd3462 {
+ @extend %nitroPlanOption !optional;
+}
+.selectPlanDivider_d439ef {
+ @extend %nitroPlanSelectDivider !optional;
+}
+.warnBlock_cb8a97 {
+ @extend %nitroPlanWarnBlock !optional;
+}
+.paymentSourceWarning_aa60eb {
+ @extend %nitroPlanPaymentSourceWarning !optional;
+}
+.table_df16c1 {
+ @extend %nitroTable !optional;
+}
+.divider_df16c1 {
+ @extend %nitroTableDivider !optional;
+}
+.modalInner_a0e502 {
+ @extend %purchaseModalInner !optional;
+}
+.bannerContainer_a0e502 {
+ @extend %purchaseBannerContainer !optional;
+}
+.container_e44302 {
+ @extend %headerBar !optional;
+}
+.transparent_e44302 {
+ @extend %headerBarTransparent !optional;
+}
+.themed_e44302 {
+ @extend %headerBarThemed !optional;
+}
+.children_e44302 {
+ @extend %headerBarChildren !optional;
+}
+.anchor_af404b {
+ @extend %headerBarAnchor !optional;
+}
+.followButton_a7d72e {
+ @extend %headerBarFollowButton !optional;
+}
+.returnButton_f1fd9c, .returnButton_d20375 {
+ @extend %headerBarReturnButton !optional;
+}
+.returnButtonText_f1fd9c, .returnButtonText_d20375 {
+ @extend %headerBarReturnButtonText !optional;
+}
+.toolbar_e44302 {
+ @extend %toolbar !optional;
+}
+.base-21yXnu {
+ @extend %headerBarTitle !optional;
+}
+.muted-eZM05q {
+ @extend %headerBarTitleMuted !optional;
+}
+.topic_bf3bbb {
+ @extend %headerBarTopic !optional;
+}
+.akaBadge__27cd4 {
+ @extend %headerBarAkaBadge !optional;
+}
+.nicknames__12efb {
+ @extend %headerBarNicknames !optional;
+}
+.iconWrapper_e44302 {
+ @extend %headerBarIconWrapper !optional;
+}
+.icon_e44302 {
+ @extend %headerBarIcon !optional;
+}
+.clickable_e44302 {
+ @extend %headerBarIconClickable !optional;
+}
+.selected_e44302 {
+ @extend %headerBarIconSelected !optional;
+}
+.icon_e44302.popout-open {
+ @extend %headerBarIconPopoutOpen !optional;
+}
+.cloud_ff5f90 {
+ @extend %headerBarIconUpdateCloud !optional;
+}
+.downloadArrow_ff5f90 {
+ @extend %headerBarIconUpdateDownloadArrow !optional;
+}
+.iconBadge_e44302 {
+ @extend %headerBarIconBadge !optional;
+}
+.divider_e44302 {
+ @extend %headerBarDivider !optional;
+}
+.updateAvailable_e3584a {
+ @extend %headerBarIconUpdateAvailable !optional;
+}
+.iconForeground-3y9f0B {
+ @extend %headerBarIconForeground !optional;
+}
+.updateIconForeground_ff5f90 {
+ @extend %headerBarIconUpdateForeground !optional;
+}
+.link-2T7oYD {
+ @extend %headerBarLinkButton !optional;
+}
+.linkIcon-PzfbqY {
+ @extend %headerBarLinkIcon !optional;
+}
+.headerBarListing-3DL3sL {
+ @extend %headerBarListing !optional;
+}
+.headerSection-VnaiAo {
+ @extend %headerBarListingSection !optional;
+}
+.headerPurchase-2z_nch {
+ @extend %headerBarPurchase !optional;
+}
+.active-MpmWDn {
+ @extend %headerBarPurchaseActive !optional;
+}
+.input_f8b740 {
+ @extend %headerBarInput !optional;
+}
+.mask-2Me5HY {
+ @extend %headerBarStatusMask !optional;
+}
+.search_ff5f90 {
+ @extend %searchContainer !optional;
+}
+.search_a46bef {
+ @extend %chatSearch !optional;
+}
+.open_a46bef {
+ @extend %chatSearchOpen !optional;
+}
+.focused_a46bef {
+ @extend %chatSearchFocused !optional;
+}
+.searchBar_a46bef {
+ @extend %chatSearchBar !optional;
+}
+.DraftEditor-root {
+ @extend %chatSearchRoot !optional;
+}
+.public-DraftEditorPlaceholder-root {
+ @extend %chatSearchPlaceholder !optional;
+}
+.public-DraftEditor-content {
+ @extend %chatSearchContent !optional;
+}
+.DraftEditor-editorContainer {
+ @extend %chatSearchContainer !optional;
+}
+.searchFilter_b0fa94 {
+ @extend %chatSearchFilter !optional;
+}
+.searchAnswer_b0fa94 {
+ @extend %chatSearchAnswer !optional;
+}
+.iconContainer_effbe2 {
+ @extend %chatSearchIconContainer !optional;
+}
+.icon_a46bef {
+ @extend %chatSearchIconWrapper !optional;
+}
+.icon_effbe2 {
+ @extend %chatSearchIcon !optional;
+}
+.visible_effbe2 {
+ @extend %chatSearchIconVisible !optional;
+}
+.libraryFilter_e0264e {
+ @extend %librarySearch !optional;
+}
+.focused_e0264e {
+ @extend %librarySearchFocused !optional;
+}
+.container__33507 {
+ @extend %librarySearchBar !optional;
+}
+.inner_c18ec9 {
+ @extend %librarySearchBarInner !optional;
+}
+.input_c18ec9 {
+ @extend %librarySearchInput !optional;
+}
+.iconLayout_c18ec9 {
+ @extend %librarySearchIconLayout !optional;
+}
+.icon_c18ec9 {
+ @extend %librarySearchIcon !optional;
+}
+.clear_c18ec9 {
+ @extend %librarySearchIconClear !optional;
+}
+.browseSearch-e9jF-f {
+ @extend %storeSearch !optional;
+}
+.focused-20l6Zp {
+ @extend %storeSearchFocused !optional;
+}
+.container__33507 {
+ @extend %storeSearchBar !optional;
+}
+.inner_c18ec9 {
+ @extend %storeSearchBarInner !optional;
+}
+.input_c18ec9 {
+ @extend %storeSearchInput !optional;
+}
+.iconLayout_c18ec9 {
+ @extend %storeSearchIconLayout !optional;
+}
+.iconContainer_c18ec9 {
+ @extend %storeSearchIconContainer !optional;
+}
+.icon_c18ec9 {
+ @extend %storeSearchIcon !optional;
+}
+.visible_c18ec9 {
+ @extend %storeSearchIconVisible !optional;
+}
+.clear_c18ec9 {
+ @extend %storeSearchIconClear !optional;
+}
+.applicationStore_cecc86 {
+ @extend %nitroHomePage !optional;
+}
+.scroller__244e5 {
+ @extend %nitroHomePageScroller !optional;
+}
+.premiumContainer__11813 {
+ @extend %nitroPremiumContainer !optional;
+}
+.settingsContainer-36qZZ9 {
+ @extend %nitroSettingsContainer !optional;
+}
+.innerWrapper_c511e4 {
+ @extend %nitroSettingsFloatingInnerWrapper !optional;
+}
+.premiumTierCardsContainerSettings-3_Raf8 {
+ @extend %nitroPremiumTierCardsContainerSettings !optional;
+}
+.settingsHero-2Me_mE {
+ @extend %nitroHomeSettingsHeroCard !optional;
+}
+.card_c87d73 {
+ @extend %nitroHomeTierCard !optional;
+}
+.perkCard_d611db {
+ @extend %nitroHomePerkCard !optional;
+}
+.bigPerkCard-1uwmWV {
+ @extend %nitroHomeBigPerkCard !optional;
+}
+.smallPerkCard-2sX_-- {
+ @extend %nitroHomeSmallPerkCard !optional;
+}
+.topPill_a0 {
+ @extend %topPill !optional;
+}
+.item_a0 {
+ @extend %topPillItem !optional;
+}
+.selected-g-kMVV {
+ @extend %topPillItemSelected !optional;
+}
+.themed-2-lozF {
+ @extend %topPillItemThemed !optional;
+}
+.activityFeed-1C0EmJ {
+ @extend %activityFeed !optional;
+}
+.layout-1cQCv2 {
+ @extend %activityFeedLayout !optional;
+}
+.h5-2RwDNl {
+ @extend %activityFeedH5 !optional;
+}
+.column-E5Tpw7 {
+ @extend %activityFeedColumn !optional;
+}
+.card-GqTca8 {
+ @extend %activityFeedCard !optional;
+}
+.outer-2IVh5n {
+ @extend %activityFeedOuter !optional;
+}
+.interactive-1BeKSi {
+ @extend %activityFeedOuterInteractive !optional;
+}
+.wrapper-Qvfyci {
+ @extend %activityFeedMediaWrapper !optional;
+}
+.image-3g0L65 {
+ @extend %activityFeedImage !optional;
+}
+.video-TNzRgt {
+ @extend %activityFeedVideo !optional;
+}
+.coloredBackground-37Z6Gv {
+ @extend %activityFeedColoredBackground !optional;
+}
+.title-3mg8_z {
+ @extend %activityFeedCardTitle !optional;
+}
+.coloredText-1kAd0O {
+ @extend %activityFeedColoredText !optional;
+}
+.ctaButtons-3Aw3iT {
+ @extend %activityFeedCtaButtons !optional;
+}
+.wrapper-9ppXpy {
+ @extend %activityFeedCardFooter !optional;
+}
+.iconWrapper-3-slmh {
+ @extend %activityFeedCardIconWrapper !optional;
+}
+.interactive-1FxC7B {
+ @extend %activityFeedCardIconWrapperInteractive !optional;
+}
+.colorStandard-21JIj7 {
+ @extend %activityFeedColorStandard !optional;
+}
+.colorMuted-20987_ {
+ @extend %activityFeedColorMuted !optional;
+}
+.shareButton-3w0M74 {
+ @extend %activityFeedShareButton !optional;
+}
+.grid-1rkoVH {
+ @extend %activityFeedQuickLauncher !optional;
+}
+.wrapped-15rg6t {
+ @extend %activityFeedQuickLauncherWrapped !optional;
+}
+.unwrapped-37iUtM {
+ @extend %activityFeedQuickLauncherUnwrapped !optional;
+}
+.clickable-nnkAZy {
+ @extend %activityFeedQuickLauncherClickable !optional;
+}
+.empty-hejAOj {
+ @extend %activityFeedQuickLauncherEmpty !optional;
+}
+.icon-2hm0JA {
+ @extend %activityFeedQuickLauncherIcon !optional;
+}
+.wrapper-2ULRsd {
+ @extend %activityFeedNowPlayingContainer !optional;
+}
+.recentlyPlayedContainer-2F3MqS {
+ @extend %activityFeedRecentlyPlayedContainer !optional;
+}
+.popoutContainer-3WC9HR {
+ @extend %activityFeedPopoutContainer !optional;
+}
+.headerIcon-2AzihC {
+ @extend %activityFeedContainerHeaderIcon !optional;
+}
+.multipleIconWrapper-1PjkRO {
+ @extend %activityFeedContainerMultipleIconWrapper !optional;
+}
+.body-1BpgWG {
+ @extend %activityFeedPopoutContainerBody !optional;
+}
+.section-2VKIPC {
+ @extend %activityFeedPopoutContainerSection !optional;
+}
+.popout-3G62UL {
+ @extend %activityFeedPopout !optional;
+}
+.enabled-5QKLzu {
+ @extend %activityFeedPopoutEnabled !optional;
+}
+.memberListContainer-1AKCDy {
+ @extend %activityFeedPopoutMemberListContainer !optional;
+}
+.memberListItem_db70f7 {
+ @extend %activityFeedPopoutMemberListItem !optional;
+}
+.avatar_db70f7 {
+ @extend %activityFeedPopoutAvatar !optional;
+}
+.avatarMask-2Mo_pM {
+ @extend %activityFeedPopoutAvatarMask !optional;
+}
+.separator-2c4hi3 {
+ @extend %activityFeedSeparator !optional;
+}
+.placeholderWrapper-3FaLtZ {
+ @extend %activityFeedPlaceholderWrapper !optional;
+}
+.wrapper-3UweLa {
+ @extend %activityFeedNoticeWrapper !optional;
+}
+.gdprWrapper-33M2Mg {
+ @extend %activityFeedGdprWrapper !optional;
+}
+.image-2prtMm {
+ @extend %activityFeedNoticeImage !optional;
+}
+.header-3uLGFv {
+ @extend %activityFeedNoticeHeader !optional;
+}
+.body-2d4vNQ {
+ @extend %activityFeedNoticeBody !optional;
+}
+.buttons-1T0m8S {
+ @extend %activityFeedNoticeButtons !optional;
+}
+.close-C7sU74 {
+ @extend %activityFeedNoticeClose !optional;
+}
+.container_c2739c {
+ @extend %friends !optional;
+}
+.tabBody_c2739c {
+ @extend %friendsTabBody !optional;
+}
+.peopleColumn_c2739c {
+ @extend %friendsColumn !optional;
+}
+.peopleList_e0840f {
+ @extend %friendsList !optional;
+}
+.searchBar_e0840f {
+ @extend %friendsSearchBar !optional;
+}
+.inner_c18ec9 {
+ @extend %friendsSearchBarInner !optional;
+}
+.input_c18ec9 {
+ @extend %friendsSearchBarInput !optional;
+}
+.iconLayout_c18ec9 {
+ @extend %friendsSearchIconLayout !optional;
+}
+.container-q97qHp {
+ @extend %friendsOnlineTitle !optional;
+}
+.peopleListItem_d51464 {
+ @extend %friendsItem !optional;
+}
+.active_d51464 {
+ @extend %friendsItemActive !optional;
+}
+.activity_f7ebfd {
+ @extend %friendActivity !optional;
+}
+.actionButton_e01b91 {
+ @extend %friendActionButton !optional;
+}
+.icon_e01b91 {
+ @extend %friendActionButtonIcon !optional;
+}
+.highlight_e01b91 {
+ @extend %friendActionButtonHighlight !optional;
+}
+.actionAccept_e01b91 {
+ @extend %friendActionAcceptButton !optional;
+}
+.actionDeny_e01b91 {
+ @extend %friendActionDenyButton !optional;
+}
+.header_c96274 {
+ @extend %friendsAddFriendHeader !optional;
+}
+.addFriendInputWrapper_de812f {
+ @extend %friendsAddFriendInputWrapper !optional;
+}
+.addFriendInput_de812f {
+ @extend %friendsAddFriendInput !optional;
+}
+.addFriendHint_de812f {
+ @extend %friendsAddFriendHint !optional;
+}
+.header_aef5fd {
+ @extend %friendsOtherPlacesHeader !optional;
+}
+.grid_aef5fd {
+ @extend %friendsPublicServersGrid !optional;
+}
+.container_aef5fd {
+ @extend %friendsPublicServersContainer !optional;
+}
+.container_d1c246 {
+ @extend %dmContainer !optional;
+}
+.chat_fe669e {
+ @extend %dmChat !optional;
+}
+.chat_d6c7e0 {
+ @extend %dmSpamChat !optional;
+}
+.hamBanner_d1cafc {
+ @extend %dmHamBanner !optional;
+}
+.profilePanel_b433b4 {
+ @extend %dmProfilePanel !optional;
+}
+.container_ecc60d {
+ @extend %dmProfileContainer !optional;
+}
+.userPanelOuter_c69a7b {
+ @extend %dmUserPanelOuter !optional;
+}
+.userPanelInner_c69a7b {
+ @extend %dmUserPanelInner !optional;
+}
+.userProfileOuterUnthemed_c69a7b {
+ @extend %dmProfileOuterUnthemed !optional;
+}
+.userProfileInner-3F03PX {
+ @extend %dmUserProfileInner !optional;
+}
+.scrollerBase_c49869 {
+ @extend %dmProfileScroller !optional;
+}
+.badgeList_ab525a {
+ @extend %dmUserProfileBadgeList !optional;
+}
+.overlay_f9da1d {
+ @extend %dmProfilePanelConnections !optional;
+}
+.mutualFriendsDivider_b433b4 {
+ @extend %dmMutualFriendsDivider !optional;
+}
+.connectionList_ce1058 {
+ @extend %dmConnectionList !optional;
+}
+.container_a94980 {
+ @extend %libraryContainer !optional;
+}
+.root-1BQpZw {
+ @extend %libraryRoot !optional;
+}
+.libraryHeader_cb9493 {
+ @extend %libraryHeader !optional;
+}
+.libraryFilter_e0264e {
+ @extend %libraryFilter !optional;
+}
+.focused_e0264e {
+ @extend %libraryFilterFocused !optional;
+}
+.libraryFilterInput-3JzqZD {
+ @extend %libraryFilterInput !optional;
+}
+.scroller_ad8f79 {
+ @extend %libraryScroller !optional;
+}
+.table_f1629a {
+ @extend %libraryTable !optional;
+}
+.header_f1629a {
+ @extend %libraryTableHeader !optional;
+}
+.stickyHeader_f1629a {
+ @extend %libraryTableStickyHeader !optional;
+}
+.headerCell_f1629a {
+ @extend %libraryTableHeaderCell !optional;
+}
+.headerCellSorted_f1629a {
+ @extend %libraryTableHeaderCellSorted !optional;
+}
+.headerCellContent_b4bea4 {
+ @extend %libraryTableHeaderCellContent !optional;
+}
+.rowWrapper_f1629a {
+ @extend %libraryTableRowWrapper !optional;
+}
+.rowWrapperActive_f1629a {
+ @extend %libraryTableRowWrapperActive !optional;
+}
+.rowWrapperDim_f1629a {
+ @extend %libraryTableRowWrapperDim !optional;
+}
+.rowBackground__3fe13 {
+ @extend %libraryTableRowBackground !optional;
+}
+.row_f1629a {
+ @extend %libraryTableRow !optional;
+}
+.bodyCell_f1629a {
+ @extend %libraryTableBodyCell !optional;
+}
+.nameBodyCell_f1629a {
+ @extend %libraryTableNameCell !optional;
+}
+.gameIcon_f1629a {
+ @extend %libraryTableGameIcon !optional;
+}
+.nameCellInfo_f1629a {
+ @extend %libraryTableNameCellInfo !optional;
+}
+.nameCellText_f1629a {
+ @extend %libraryTableNameCellText !optional;
+}
+.textCell_f1629a {
+ @extend %libraryTableTextCell !optional;
+}
+.lastPlayedCellNew_f1629a {
+ @extend %libraryTableLastPlayedCellNew !optional;
+}
+.actionsCell_f1629a {
+ @extend %libraryTableActionsCell !optional;
+}
+.settingIcons_f1629a {
+ @extend %libraryTableSettingsIcons !optional;
+}
+.settingIcon_f1629a {
+ @extend %libraryTableSettingIcon !optional;
+}
+.hidden_f1629a {
+ @extend %libraryTableSettingIconHidden !optional;
+}
+.scroller_c100ff {
+ @extend %librarySettingsScroller !optional;
+}
+.body_c100ff {
+ @extend %librarySettingsBody !optional;
+}
+.installationPath_d037ef {
+ @extend %libraryInstallationPath !optional;
+}
+.background_cd2edd {
+ @extend %libraryUsageBackground !optional;
+}
+.foreground_cd2edd {
+ @extend %libraryUsageForeground !optional;
+}
+.defaultIndicator_d037ef {
+ @extend %libraryDefaultIndicator !optional;
+}
+.playButton_db7222 {
+ @extend %libraryPlayButton !optional;
+}
+.playButtonContents_db7222 {
+ @extend %libraryPlayButtonContents !optional;
+}
+.buttonShine_fb742e {
+ @extend %libraryPlayButtonShine !optional;
+}
+.list_f3abf4 {
+ @extend %messageRequestContainer !optional;
+}
+.content-2a4AW9 {
+ @extend %messageRequestsContent !optional;
+}
+.sectionTitle_f3abf4 {
+ @extend %messageRequestsSectionTitle !optional;
+}
+.container_f3abf4 {
+ @extend %messageRequestPage !optional;
+}
+.messageRequestItem_a5de62 {
+ @extend %messageRequestItem !optional;
+}
+.firstItem_a5de62 {
+ @extend %messageRequestFirstItem !optional;
+}
+.active_a5de62 {
+ @extend %messageRequestItemActive !optional;
+}
+.selected_f3abf4, .selected_cc7518 {
+ @extend %messageRequestItemSelected !optional;
+}
+.actionButton-3GQIiT {
+ @extend %messageRequestItemActionButton !optional;
+}
+.container_cbd271 {
+ @extend %membersContainer !optional;
+}
+.membersWrap_cbd271 {
+ @extend %membersWrap !optional;
+}
+.hasCounter {
+ @extend %membersWrapHasCounter !optional;
+}
+.members_cbd271 {
+ @extend %members !optional;
+}
+.membersGroup_cbd271 {
+ @extend %membersGroup !optional;
+}
+.member_a31c43 {
+ @extend %member !optional;
+}
+.offline_a31c43 {
+ @extend %memberOffline !optional;
+}
+.ownerIcon_a31c43 {
+ @extend %memberOwnerIcon !optional;
+}
+.memberGroupsPlaceholder_cbd271 {
+ @extend %memberGroupPlaceholder !optional;
+}
+.placeholder_fb03e5 {
+ @extend %memberPlaceholder !optional;
+}
+.multiplePlaceholder_fb03e5 {
+ @extend %memberPlaceholderMultiple !optional;
+}
+.placeholderAvatar_fb03e5 {
+ @extend %memberPlaceholderAvatar !optional;
+}
+.placeholderUsername_fb03e5 {
+ @extend %memberPlaceholderUsername !optional;
+}
+.mulitplePlaceholderUsername_fb03e5 {
+ @extend %memberPlaceholderUsernameMultiple !optional;
+}
+.invite_cdcad9 {
+ @extend %activityInvite !optional;
+}
+.coverImageWrapper_cdcad9 {
+ @extend %activityInviteCoverImageWrapper !optional;
+}
+.coverImage_cdcad9 {
+ @extend %activityInviteCoverImage !optional;
+}
+.coverImageActionable_cdcad9 {
+ @extend %activityInviteCoverImageActionable !optional;
+}
+.coverImageNotActionable_cdcad9 {
+ @extend %activityInviteCoverImageNotActionable !optional;
+}
+.blurred_cdcad9 {
+ @extend %activityInviteCoverImageBlurred !optional;
+}
+.artwork_cdcad9 {
+ @extend %activityInviteArtwork !optional;
+}
+.artworkActionable_cdcad9 {
+ @extend %activityInviteArtworkActionable !optional;
+}
+.artworkNotActionable_cdcad9 {
+ @extend %activityInviteArtworkNotActionable !optional;
+}
+.artworkSpotifySessionEnded_cdcad9 {
+ @extend %activityInviteArtworkSessionEnded !optional;
+}
+.header_cdcad9 {
+ @extend %activityInviteHeader !optional;
+}
+.partyStatus_cdcad9 {
+ @extend %activityInvitePartyStatus !optional;
+}
+.actionAndParty_cdcad9 {
+ @extend %activityInviteActionAndParty !optional;
+}
+.actionButton_cdcad9 {
+ @extend %activityInviteActionButton !optional;
+}
+.name_cdcad9 {
+ @extend %activityInviteName !optional;
+}
+.partyMembers_cdcad9 {
+ @extend %activityInvitePartyMembers !optional;
+}
+.partyMember_cdcad9 {
+ @extend %activityInvitePartyMember !optional;
+}
+.partyMemberKnown_cdcad9 {
+ @extend %activityInvitePartyMemberKnown !optional;
+}
+.inFront_cdcad9 {
+ @extend %activityInvitePartyAvatar !optional;
+}
+.partyMemberEmpty_cdcad9 {
+ @extend %activityInvitePartyMemberEmpty !optional;
+}
+.moreUsers_cdcad9 {
+ @extend %activityInviteMoreUsers !optional;
+}
+.helpIcon_cdcad9 {
+ @extend %activityInviteHelpIcon !optional;
+}
+.details_cdcad9 {
+ @extend %activityInviteDetails !optional;
+}
+.state_cdcad9 {
+ @extend %activityInviteState !optional;
+}
+.textLink_cdcad9 {
+ @extend %activityInviteTextLink !optional;
+}
+.inviteBannerUpsell-1t_LYM {
+ @extend %inviteBannerUpsell !optional;
+}
+.premiumIcon-3qxLdX {
+ @extend %inviteBannerUpsellPremiumIcon !optional;
+}
+.nonMediaAttachmentsContainer__912df {
+ @extend %nonMediaAttachmentsContainer !optional;
+}
+.attachment_a4623d {
+ @extend %attachment !optional;
+}
+.newMosaicStyle_ad9cbd {
+ @extend %attachmentNewMosaicStyle !optional;
+}
+.nonMediaAttachment_ef83c1 {
+ @extend %attachmentNonMediaAttachment !optional;
+}
+.hoverButtonGroup_ab8b23 {
+ @extend %attachmentHoverButtonGroup !optional;
+}
+.hoverButton_ab8b23 {
+ @extend %attachmentHoverButton !optional;
+}
+.downloadHoverButtonIcon__90d38 {
+ @extend %attachmentDownloadButtonIcon !optional;
+}
+.video_f72aac {
+ @extend %attachmentVideo !optional;
+}
+.icon_a4623d {
+ @extend %attachmentIcon !optional;
+}
+.attachmentInner_a4623d {
+ @extend %attachmentInner !optional;
+}
+.container_c15230 {
+ @extend %attachmentThreadContainer !optional;
+}
+.filenameLinkWrapper_a4623d {
+ @extend %fileNameLinkWrapper !optional;
+}
+.fileNameLink_a4623d {
+ @extend %fileNameLink !optional;
+}
+.metadata_a4623d {
+ @extend %fileMetadata !optional;
+}
+.downloadButton__3fb6d {
+ @extend %attachmentDownloadButton !optional;
+}
+.filenameWrapper_a4623d {
+ @extend %fileNameWrapper !optional;
+}
+.filename_a4623d {
+ @extend %fileName !optional;
+}
+.size_a4623d {
+ @extend %fileSize !optional;
+}
+.progress_a4623d {
+ @extend %fileProgress !optional;
+}
+.progressBar-1T6LYX {
+ @extend %fileProgressBar !optional;
+}
+.cancelButton_a4623d {
+ @extend %attachmentCancelButton !optional;
+}
+.downloadButton__3fb6d, .cancelButton_a4623d {
+ @extend %attachmentButton !optional;
+}
+.inline {
+ @extend %codeInline !optional;
+}
+pre {
+ @extend %codePre !optional;
+}
+.hljs {
+ @extend %codeHLJS !optional;
+}
+.bumpBox_ca33de {
+ @extend %bumpBox !optional;
+}
+.container_b558d0 {
+ @extend %embedContainer !optional;
+}
+.children_f08cd0 {
+ @extend %embedChildren !optional;
+}
+.component_d53fb7 {
+ @extend %embedComponent !optional;
+}
+.emoji {
+ @extend %embedEmoji !optional;
+}
+.embed_ad0b71 {
+ @extend %embed !optional;
+}
+.embedFull_ad0b71 {
+ @extend %embedFull !optional;
+}
+.embedCard_c6cefd {
+ @extend %embedCard !optional;
+}
+.selected_bf4197 {
+ @extend %embedCardSelected !optional;
+}
+.withFooter_c6cefd {
+ @extend %embedCardWithFooter !optional;
+}
+.footerContainer_bf4197 {
+ @extend %embedCardFooterContainer !optional;
+}
+.footerIcon_bf4197 {
+ @extend %embedCardFooterIcon !optional;
+}
+.grid_ad0b71 {
+ @extend %embedGrid !optional;
+}
+.embedMargin_ad0b71 {
+ @extend %embedMargin !optional;
+}
+.embedLink_ad0b71 {
+ @extend %embedLink !optional;
+}
+.embedProvider_ad0b71 {
+ @extend %embedProvider !optional;
+}
+.embedAuthor_ad0b71 {
+ @extend %embedAuthor !optional;
+}
+.embedAuthorName_ad0b71 {
+ @extend %embedAuthorname !optional;
+}
+.embedAuthorNameLink_ad0b71 {
+ @extend %embedAuthorNameLink !optional;
+}
+.embedAuthorIcon_ad0b71 {
+ @extend %embedAuthorIcon !optional;
+}
+.embedTitle_ad0b71 {
+ @extend %embedTitle !optional;
+}
+.embedTitleLink_ad0b71 {
+ @extend %embedTitleLink !optional;
+}
+.embedDescription_ad0b71 {
+ @extend %embedDescription !optional;
+}
+.embedFields_ad0b71 {
+ @extend %embedFields !optional;
+}
+.embedField_ad0b71 {
+ @extend %embedField !optional;
+}
+.embedFieldName_ad0b71 {
+ @extend %embedFieldName !optional;
+}
+.embedFieldValue_ad0b71 {
+ @extend %embedFieldValue !optional;
+}
+.wrapper_ce1c1d {
+ @extend %buildOverrideWrapper !optional;
+}
+.embedImage_ad0b71 {
+ @extend %embedImagea !optional;
+}
+.guildShopEmbed_a70c73 {
+ @extend %embedGuildShop !optional;
+}
+.mediaAttachmentsContainer__242e2 {
+ @extend %mediaAttachmentsContainer !optional;
+}
+.visualMediaItemContainer_df7417 {
+ @extend %visualMediaItemContainer !optional;
+}
+.oneByOneGridSingle_df7417 {
+ @extend %oneByOneGridSingle !optional;
+}
+.oneByTwoGrid_df7417 {
+ @extend %oneByTwoGrid !optional;
+}
+.oneByTwoLayoutThreeGrid_df7417 {
+ @extend %oneByTwoLayoutThreeGrid !optional;
+}
+.oneByTwoGridItem_df7417 {
+ @extend %oneByTwoGridItem !optional;
+}
+.twoByTwoGrid_df7417 {
+ @extend %twoByTwoGrid !optional;
+}
+.messageAttachmentMediaMosaic__67262 {
+ @extend %messageAttachmentMediaMosaic !optional;
+}
+.imageWrapper_d4597d {
+ @extend %imageWrapper !optional;
+}
+.image_aee8c6 {
+ @extend %imageWrapperModal !optional;
+}
+.removeAttachmentButton__692b5 {
+ @extend %removeAttachmentButton !optional;
+}
+.imageWrapperBackground__03a80 {
+ @extend %imageWrapperBackground !optional;
+}
+.imageWrapperInner-3X03J4 {
+ @extend %imageWrapperInner !optional;
+}
+.imageError__3af5f {
+ @extend %imageError !optional;
+}
+.embedThumbnail_ad0b71 {
+ @extend %embedThumbnail !optional;
+}
+.embedVideo_ad0b71 {
+ @extend %embedVideo !optional;
+}
+.embedIframe_ad0b71 {
+ @extend %embedIframe !optional;
+}
+.gifTag_b30195 {
+ @extend %embedGIFTag !optional;
+}
+.embedVideoActions_ad0b71 {
+ @extend %embedVideoActions !optional;
+}
+.embedVideoAction_add135 {
+ @extend %embedVideoAction !optional;
+}
+.wrapper_c8da25 {
+ @extend %embedVideoActionsButtonWrapper !optional;
+}
+.embedFooter_ad0b71 {
+ @extend %embedFooter !optional;
+}
+.embedFooterText_ad0b71 {
+ @extend %embedFooterText !optional;
+}
+.embedFooterSeparator_ad0b71 {
+ @extend %embedFooterSeparator !optional;
+}
+.embedFooterIcon_ad0b71 {
+ @extend %embedFooterIcon !optional;
+}
+.wrapper_b9fe76 {
+ @extend %inviteWrapper !optional;
+}
+.inviteSplash_b9fe76 {
+ @extend %inviteSplash !optional;
+}
+.banner_a75489 {
+ @extend %inviteBanner !optional;
+}
+.content-17zlU6 {
+ @extend %inviteContent !optional;
+}
+.scroller-1xACMA {
+ @extend %inviteScroller !optional;
+}
+.inviteRow-2Vjla6 {
+ @extend %inviteRow !optional;
+}
+.h5-2RwDNl {
+ @extend %inviteTitle !optional;
+}
+.footer-Ql9fbL {
+ @extend %inviteFooter !optional;
+}
+.guildIcon_b9fe76 {
+ @extend %inviteGuildIcon !optional;
+}
+.guildIconExpired_b9fe76 {
+ @extend %inviteGuildIconExpired !optional;
+}
+.guildInfo_b9fe76 {
+ @extend %inviteGuildInfo !optional;
+}
+.guildName_b9fe76 {
+ @extend %inviteGuildName !optional;
+}
+.guildNameJoined-H7D9uF {
+ @extend %inviteGuildNameJoined !optional;
+}
+.guildNameExpired-2Hp80V {
+ @extend %inviteGuildNameExpired !optional;
+}
+.guildDetail_b9fe76 {
+ @extend %inviteGuildDetail !optional;
+}
+.status_b9fe76 {
+ @extend %inviteStatus !optional;
+}
+.statusOnline_b9fe76 {
+ @extend %inviteStatusOnline !optional;
+}
+.statusOffline_b9fe76 {
+ @extend %inviteStatusOffline !optional;
+}
+.onlineCount-w6_WmG {
+ @extend %inviteOnlineCount !optional;
+}
+.button_b9fe76 {
+ @extend %inviteButton !optional;
+}
+.lookFilled_dd4f85.colorGreen_dd4f85 {
+ @extend %inviteButtonJoin !optional;
+}
+.lookFilled_dd4f85.colorBrand_dd4f85 {
+ @extend %inviteButtonExpired !optional;
+}
+.wrapper_f72aac {
+ @extend %player !optional;
+}
+.wrapperAudio_f72aac {
+ @extend %playerAudio !optional;
+}
+.newMosaicStyle_f72aac {
+ @extend %playerAudioNewMosaicStyle !optional;
+}
+.wrapperControlsHidden_f72aac {
+ @extend %playerControlsHidden !optional;
+}
+.wrapperPaused_f72aac {
+ @extend %playerPaused !optional;
+}
+.wrapperPlaying_f72aac {
+ @extend %playerPlaying !optional;
+}
+.metadata__7bef0 {
+ @extend %playerMetadata !optional;
+}
+.audioMetadata_f72aac {
+ @extend %playerAudioMetadata !optional;
+}
+.metadataContent_f72aac {
+ @extend %playerMetadataContent !optional;
+}
+.metadataName__87840 {
+ @extend %playerMetadataName !optional;
+}
+.metadataSize_f72aac {
+ @extend %playerMetadataSize !optional;
+}
+.metadataDownload_f72aac {
+ @extend %playerMetadataDownload !optional;
+}
+.metadataIcon_f72aac {
+ @extend %playerMetadataIcon !optional;
+}
+.audioControls_f72aac {
+ @extend %playerAudioControls !optional;
+}
+.videoControls_f72aac {
+ @extend %playerVideoControls !optional;
+}
+.controlIcon_f72aac {
+ @extend %playerControlIcon !optional;
+}
+.durationTimeWrapper_f72aac {
+ @extend %playerDurationTimeWrapper !optional;
+}
+.durationTimeDisplay_f72aac {
+ @extend %playerDurationTimeDisplay !optional;
+}
+.durationTimeSeparator_f72aac {
+ @extend %playerDurationTimeSeparator !optional;
+}
+.mediaBarInteraction_f7877e {
+ @extend %playerMediaBarInteraction !optional;
+}
+.mediaBarInteractionDragging_f7877e {
+ @extend %playerMediaBarInteractionDragging !optional;
+}
+.mediaBarWrapper_f7877e {
+ @extend %playerMediaBarWrapper !optional;
+}
+.fakeEdges_f7877e {
+ @extend %playerMediaBarWrapperFakeEdges !optional;
+}
+.buffer_f7877e {
+ @extend %playerMediaBarBuffer !optional;
+}
+.mediaBarPreview_f7877e {
+ @extend %playerMediaBarPreview !optional;
+}
+.mediaBarGrabber_f7877e {
+ @extend %playerMediaBarGrabber !optional;
+}
+.mediaBarProgress_f7877e {
+ @extend %playerMediaBarProgress !optional;
+}
+.bubble_f7877e {
+ @extend %playerMediaBarBubble !optional;
+}
+.container_d6cb89 {
+ @extend %voiceMessageContainer !optional;
+}
+.playing_d6cb89 {
+ @extend %voiceMessagePlaying !optional;
+}
+.ripple_d6cb89 {
+ @extend %voiceMessageContainerRipple !optional;
+}
+.playButtonContainer_d6cb89 {
+ @extend %voiceMessagePlayButtonContainer !optional;
+}
+.playIcon_d6cb89 {
+ @extend %voiceMessagePlayIcon !optional;
+}
+.mouse-mode.full-motion {
+ @extend %mouseModeFullMotion !optional;
+}
+.messagesWrapper_e2e187 {
+ @extend %messages !optional;
+}
+.group-spacing-0 {
+ @extend %messagesGroupSpacing0 !optional;
+}
+.group-spacing-4 {
+ @extend %messagesGroupSpacing4 !optional;
+}
+.group-spacing-8 {
+ @extend %messagesGroupSpacing8 !optional;
+}
+.group-spacing-16 {
+ @extend %messagesGroupSpacing16 !optional;
+}
+.group-spacing-24 {
+ @extend %messagesGroupSpacing24 !optional;
+}
+.scroller_e2e187 {
+ @extend %messagesScroller !optional;
+}
+.scrollerContent_e2e187 {
+ @extend %messagesSCrollerContent !optional;
+}
+.scrollerSpacer_e2e187 {
+ @extend %messagesScrollerSpacer !optional;
+}
+.emptyChannelIcon_c2668b {
+ @extend %emptyChannelIcon !optional;
+}
+.messageListItem_d5deea {
+ @extend %messageListItem !optional;
+}
+.quotedChatMessage_d5deea {
+ @extend %messageQuoted !optional;
+}
+.backgroundFlash_d5deea {
+ @extend %messageBackgroundFlash !optional;
+}
+.message_d5deea {
+ @extend %message !optional;
+}
+.message_ddcc45 {
+ @extend %messageAlt !optional;
+}
+.wrapper_f9f2ca {
+ @extend %messagesWrapper !optional;
+}
+.selected_d5deea {
+ @extend %messageSelected !optional;
+}
+.groupStart_d5deea {
+ @extend %messageGroupStart !optional;
+}
+.cozy_f9f2ca {
+ @extend %messageCozy !optional;
+}
+.compact_f9f2ca {
+ @extend %messageCompact !optional;
+}
+.automodMessage_d5deea {
+ @extend %automodMessage !optional;
+}
+.contents_f9f2ca {
+ @extend %messageContent !optional;
+}
+.messageContent_f9f2ca {
+ @extend %messageContentInner !optional;
+}
+.buttonContainer_f9f2ca {
+ @extend %messageButtonContainer !optional;
+}
+.dot_bf4197 {
+ @extend %messageButtonDot !optional;
+}
+.footerAction_bf4197 {
+ @extend %messageButtonFooterAction !optional;
+}
+.footerIcon_bf4197 {
+ @extend %messageButtonFooterIcon !optional;
+}
+.localBotMessage-1cGMdw {
+ @extend %messageGroupLocalBotMessage !optional;
+}
+.messageGroupBlocked_e72673 {
+ @extend %messageGroupBlocked !optional;
+}
+.revealed__7eb62 {
+ @extend %messageGroupBlockedRevealed !optional;
+}
+.messageGroupBlockedBtn__60e77 {
+ @extend %messageGroupBlockedButton !optional;
+}
+.header_f9f2ca {
+ @extend %messageHeader !optional;
+}
+.headerText_f9f2ca {
+ @extend %messageHeaderText !optional;
+}
+.iconContainer_bf4197 {
+ @extend %messageIconContainer !optional;
+}
+.username_f9f2ca {
+ @extend %messageUsername !optional;
+}
+.badge_e17ac7 {
+ @extend %messageUserBadge !optional;
+}
+.popout_e17ac7 {
+ @extend %messageQuickConnectionsPopout !optional;
+}
+.popoutHeaderContainer_e17ac7 {
+ @extend %messageQuickConnectionsPopoutHeaderContainer !optional;
+}
+.timestamp_f9f2ca {
+ @extend %messageTimestamp !optional;
+}
+.alt_f9f2ca {
+ @extend %messageTimestampAlt !optional;
+}
+.container_e62b38 {
+ @extend %messageSystemContainer !optional;
+}
+.userJoinSystemMessageIcon_f9f2ca {
+ @extend %messageUserJoinSystemMessageIcon !optional;
+}
+.repliedMessage_f9f2ca {
+ @extend %messageReplied !optional;
+}
+.replyAvatar_f9f2ca {
+ @extend %messageRepliedAvatar !optional;
+}
+.replyBadge_f9f2ca {
+ @extend %messageRepliedBadge !optional;
+}
+.repliedTextPreview_f9f2ca {
+ @extend %messageRepliedTextPreview !optional;
+}
+.executedCommandAvatar_f9f2ca {
+ @extend %executedCommandAvatar !optional;
+}
+.clickable_f9f2ca {
+ @extend %messageRepliedTextPreviewClickable !optional;
+}
+.repliedTextContent_f9f2ca {
+ @extend %messageRepliedTextContent !optional;
+}
+.repliedTextContentIcon_da8b30 {
+ @extend %messageRepliedTextContentIcon !optional;
+}
+.repliedTextPlaceholder_f9f2ca {
+ @extend %messageRepliedTextPlaceholder !optional;
+}
+.executedCommand_f9f2ca {
+ @extend %messageRepliedExecutedCommand !optional;
+}
+.commandName_f9f2ca {
+ @extend %messageRepliedCommandName !optional;
+}
+.popoutContainer_cf58b5 {
+ @extend %messageEmojiPopout !optional;
+}
+.emojiSection_e58351 {
+ @extend %messageEmojiPopoutEmojiSection !optional;
+}
+.guildSection_e58351 {
+ @extend %messageEmojiPopoutGuildSection !optional;
+}
+.guildTitle_e58351 {
+ @extend %messageEmojiPopoutGuildTitle !optional;
+}
+.mentioned_d5deea {
+ @extend %mentioned !optional;
+}
+.interactive {
+ @extend %mentionedInteractive !optional;
+}
+.markup_f8f345 {
+ @extend %markup !optional;
+}
+.codeBlockText_cdb578 {
+ @extend %codeBlockText !optional;
+}
+.codeBlockLang_cdb578 {
+ @extend %codeBlockLang !optional;
+}
+.codeBlockSyntax_cdb578 {
+ @extend %codeBlockSyntax !optional;
+}
+.codeLine_cdb578 {
+ @extend %codeLine !optional;
+}
+.codeView_ad9cbd {
+ @extend %codeView !optional;
+}
+.syntaxBefore_cdb578 {
+ @extend %syntaxBefore !optional;
+}
+.syntaxAfter_cdb578 {
+ @extend %syntaxAfter !optional;
+}
+.icon_e62b38 {
+ @extend %messageSystemIcon !optional;
+}
+.wrapper_bf1b19 {
+ @extend %mentionWrapper !optional;
+}
+.mention {
+ @extend %mention !optional;
+}
+.iconMention-3WxjBe {
+ @extend %mentionIcon !optional;
+}
+.highlight {
+ @extend %highlight !optional;
+}
+.anchor-1MIwyf {
+ @extend %anchor !optional;
+}
+.icon_e40c16 {
+ @extend %anchorIcon !optional;
+}
+.anchorUnderlineOnHover-2qPutX {
+ @extend %anchorUnderlineOnHover !optional;
+}
+.colorBrand-21Le_q, .colorBrand_fbc755 {
+ @extend %textColorBrand !optional;
+}
+.buttonContainer_f9f2ca {
+ @extend %messageButtonContainer !optional;
+}
+.buttons_d5deea {
+ @extend %messageButtons !optional;
+}
+.wrapper_ef319f {
+ @extend %messageButtonWrapper !optional;
+}
+.button_ef319f {
+ @extend %messageButton !optional;
+}
+.selected_ef319f {
+ @extend %messageButtonSelected !optional;
+}
+.blockquoteContainer_f8f345 {
+ @extend %blockquoteContainer !optional;
+}
+.blockquoteDivider_f8f345 {
+ @extend %blockquoteDivider !optional;
+}
+.reactions_ec6b19 {
+ @extend %reactions !optional;
+}
+.reaction_f61c73, .reaction_ec6b19 {
+ @extend %reaction !optional;
+}
+.burstGlow_f61c73 {
+ @extend %reactionGlow !optional;
+}
+.reactionMe_f61c73, .reactionMe_ec6b19 {
+ @extend %reactionMe !optional;
+}
+.reactionInner_f61c73, .reactionInner_ec6b19 {
+ @extend %reactionInner !optional;
+}
+.reactionCount_f61c73, .reactionCount_ec6b19 {
+ @extend %reactionCount !optional;
+}
+.reactionBtn_ec6b19 {
+ @extend %reactionBtn !optional;
+}
+.container_f2bfbb {
+ @extend %reactionContainer !optional;
+}
+.reactors_f2bfbb {
+ @extend %reactors !optional;
+}
+.reactor_f2bfbb {
+ @extend %reactor !optional;
+}
+.scroller_f2bfbb {
+ @extend %reactionList !optional;
+}
+.reactionDefault_f2bfbb {
+ @extend %reactionDefault !optional;
+}
+.reactionSelected_f2bfbb {
+ @extend %reactionSelected !optional;
+}
+.reactionTooltip_fba897 {
+ @extend %reactionTooltip !optional;
+}
+.reactionTooltipText_fba897 {
+ @extend %reactionTooltipText !optional;
+}
+.burstReactionTooltipMessage_fba897 {
+ @extend %burstReactionTooltipMessage !optional;
+}
+.burstReactionTooltipPrompt_fba897 {
+ @extend %burstReactionTooltipPrompt !optional;
+}
+.spoilerContent_a3d0f7 {
+ @extend %spoilerContent !optional;
+}
+.hidden_a3d0f7 {
+ @extend %spoilerHidden !optional;
+}
+.inlineContent-2YnoDy {
+ @extend %spoilerInlineContent !optional;
+}
+.spoilerContainer_a3d0f7 {
+ @extend %spoilerContainer !optional;
+}
+.spoilerWarning_a3d0f7 {
+ @extend %spoilerWarning !optional;
+}
+.spoiler-3aUoEX {
+ @extend %spoilerImage !optional;
+}
+.spoilerMarkdownContent_a3d0f7 {
+ @extend %spoilerMarkdownContent !optional;
+}
+.hiddenSpoilers-19m4Pg {
+ @extend %spoilerImageHidden !optional;
+}
+.spoilerEmbed_ad0b71 {
+ @extend %spoilerEmbed !optional;
+}
+.hiddenSpoiler-3pPzRF {
+ @extend %spoilerEmbedHidden !optional;
+}
+.keyboardShortcutsModal_ad95dc {
+ @extend %keyboardShortcutsModal !optional;
+}
+.keyComboContainer_f51af4, .keyComboContainer_c11c02 {
+ @extend %keybindKeyComboContainer !optional;
+}
+.keybindShortcut-3zF1P9 {
+ @extend %keybindShortcut !optional;
+}
+.key_c90023 {
+ @extend %keybindShortcutKey !optional;
+}
+.inputWrapper_f8bc55 {
+ @extend %inputWrapper !optional;
+}
+.container_a0cb3d {
+ @extend %inputPrefixContainer !optional;
+}
+.separator_a0cb3d {
+ @extend %inputPrefixContainerSeparator !optional;
+}
+.input_f8bc55 {
+ @extend %input !optional;
+}
+.input-2yCVqe {
+ @extend %inputWithInnerInput !optional;
+}
+.textArea_a2b402 {
+ @extend %inputTextArea !optional;
+}
+.hiddenDiv_c04e45 {
+ @extend %inputHidden !optional;
+}
+.error_f8bc55 {
+ @extend %inputError !optional;
+}
+.colorStatusRed_fbc755 {
+ @extend %inputColorStatusRed !optional;
+}
+.noBorder-2p63tM {
+ @extend %inputNoBorder !optional;
+}
+.emojiButtonContainer_d5bea8 {
+ @extend %inputEmojiContainer !optional;
+}
+.emojiButton-2pmTD2, .emojiButton-2Z3krv {
+ @extend %inputEmojiButton !optional;
+}
+.emojiText-R_5fDP, .emojiText-1HLXh8 {
+ @extend %inputEmojiButtonText !optional;
+}
+.inputPrefix_b545d5 {
+ @extend %inputPrefix !optional;
+}
+.label_c46f6a {
+ @extend %inputLabel !optional;
+}
+.multiInput-1VARjC {
+ @extend %multiInput !optional;
+}
+.focused-1AtTHC {
+ @extend %multiInputFocused !optional;
+}
+.multiInputFirst-3-OxIz {
+ @extend %multiInputFirst !optional;
+}
+.multiInputLast-35zVz0 {
+ @extend %multiInputLast !optional;
+}
+.multiInputField-1zyopx {
+ @extend %multiInputField !optional;
+}
+.copyInput_d7e343 {
+ @extend %copyInput !optional;
+}
+.input__9fba8 {
+ @extend %copyInputInner !optional;
+}
+.hasValue_ebcd80 {
+ @extend %copyInputHasValue !optional;
+}
+.disabled__97701 {
+ @extend %copyInputDisabled !optional;
+}
+.fileUpload-3JzU7g {
+ @extend %fileUploadContainer !optional;
+}
+.fileUploadInput-3Y6j6T {
+ @extend %fileUploadInput !optional;
+}
+.fileUploadButton-2zOQcO {
+ @extend %fileUploadButton !optional;
+}
+.container_c67e31 {
+ @extend %keybindInput !optional;
+}
+.input__72d38 {
+ @extend %keybindInputInner !optional;
+}
+.editIcon_ebcd80 {
+ @extend %keybindEditIcon !optional;
+}
+.modal__4f3da {
+ @extend %modal !optional;
+}
+.small_f9a4c9 {
+ @extend %modalSmall !optional;
+}
+.medium_f9a4c9 {
+ @extend %modalMedium !optional;
+}
+.large_f9a4c9 {
+ @extend %modalLarge !optional;
+}
+.root_f9a4c9 {
+ @extend %modalRoot !optional;
+}
+.carouselModal_d2b9a1 {
+ @extend %carouselModal !optional;
+}
+.modal_aee8c6 {
+ @extend %modalRootTransparent !optional;
+}
+.container_f4e139 {
+ @extend %modalRootNoBg !optional;
+}
+.header_f9a4c9 {
+ @extend %modalHeader !optional;
+}
+.modalHeader_a27f2f {
+ @extend %modalHeaderAlt !optional;
+}
+.headerAnimation_a27f2f {
+ @extend %modalHeaderAnimation !optional;
+}
+.confirmStartHeader_fcd6d9 {
+ @extend %modalConfirmStartHeader !optional;
+}
+.title-3JPglK {
+ @extend %modalHeaderTitle !optional;
+}
+.modalTitle_ad95dc {
+ @extend %modalTitle !optional;
+}
+.close_f9a4c9 {
+ @extend %modalCloseButton !optional;
+}
+.iconButton-2rHy7x {
+ @extend %modalHeaderButton !optional;
+}
+.icon-3DnmvF {
+ @extend %modalHeaderButtonIcon !optional;
+}
+.modalBody_b5918e {
+ @extend %modalBody !optional;
+}
+.content_f9a4c9, .content-3BqJRb {
+ @extend %modalContent !optional;
+}
+.content_bf3bbb {
+ @extend %modalContentInner !optional;
+}
+.modalContent-33IoUE {
+ @extend %modalContentAlt !optional;
+}
+.paragraph_d7f12d {
+ @extend %modalContentParagraph !optional;
+}
+.image-ZPv20Y {
+ @extend %modalImageHeader !optional;
+}
+.footer_f9a4c9, .modalFooter_b5918e {
+ @extend %modalFooter !optional;
+}
+.footerRight-2SZFa- {
+ @extend %modalFooterRight !optional;
+}
+.title_acae5d, .title_dd48c5 {
+ @extend %modalOpenLinkTitle !optional;
+}
+.body_acae5d {
+ @extend %modalOpenLinkBody !optional;
+}
+.warningText_dd48c5 {
+ @extend %modalOpenLinkWarningText !optional;
+}
+.linkCalloutContainer_dd48c5 {
+ @extend %modalOpenLinkCalloutContainer !optional;
+}
+.checkbox_dd48c5 {
+ @extend %modalOpenLinkCheckbox !optional;
+}
+.primaryButton_acae5d {
+ @extend %modalOpenLinkPrimaryButton !optional;
+}
+.secondaryButton_acae5d {
+ @extend %modalOpenLinkSecondaryButton !optional;
+}
+.minorContainer_acae5d {
+ @extend %modelOpenLinkMinorContainer !optional;
+}
+.secondaryAction_acae5d {
+ @extend %modelOpenLinkSecondaryAction !optional;
+}
+.buttons-1TBWBN {
+ @extend %modalFooterButtonsContainer !optional;
+}
+.container_ed1d57 {
+ @extend %modalSettingsContainer !optional;
+}
+.divider-hdfTuW {
+ @extend %modalPrivacySettingsDivider !optional;
+}
+.userProfileModalInner_c69a7b {
+ @extend %userProfileModalInner !optional;
+}
+.fullSizeBanner_c3e427 {
+ @extend %userProfileFullSizeBanner !optional;
+}
+.badgeList_ec3b75 {
+ @extend %userProfileModalBadgeList !optional;
+}
+.tabBar_c1519f {
+ @extend %userProfileModalTabBar !optional;
+}
+.container_afed89 {
+ @extend %userProfileModalHeaderContainer !optional;
+}
+.divider_b9fccc {
+ @extend %userProfileModalHeaderDivider !optional;
+}
+.infoScroller_a24910 {
+ @extend %userProfileModalInfoScroller !optional;
+}
+.nameTag_afed89 {
+ @extend %userProfileModalNameTag !optional;
+}
+.note_c2dcc6 {
+ @extend %userProfileModalNote !optional;
+}
+.connectedAccounts_f3eb60 {
+ @extend %userProfileModalConnectedAccounts !optional;
+}
+.connectedAccountContainer_f3eb60 {
+ @extend %userProfileModalConnectedAccount !optional;
+}
+.connectedAccountIcon_f3eb60 {
+ @extend %userProfileModalConnectedAccountIcon !optional;
+}
+.connectedAccountName_f3eb60 {
+ @extend %userProfileModalConnectedAccountName !optional;
+}
+.connectedAccountVerifiedIcon_f3eb60 {
+ @extend %userProfileModalConnectedAccountVerifiedIcon !optional;
+}
+.connectedAccountOpenIcon_f3eb60 {
+ @extend %userProfileModalConnectedAccountOpenIcon !optional;
+}
+.inner_f867f9 {
+ @extend %userProfileEffectsInner !optional;
+}
+.containerWrapper_e18107 {
+ @extend %userProfileAvatarDecorationUpsellWrapper !optional;
+}
+.container_e18107 {
+ @extend %userProfileAvatarDecorationUpsellWrapperInner !optional;
+}
+.listScroller_e4be58 {
+ @extend %listScroller !optional;
+}
+.listRow_e4be58 {
+ @extend %listRow !optional;
+}
+.iconActiveMedium_f11207 {
+ @extend %listRowIconActiveMedium !optional;
+}
+.container_a4d79f {
+ @extend %addServerContainer !optional;
+}
+.header_fc9dae {
+ @extend %addServerHeader !optional;
+}
+.title-1_TkpU {
+ @extend %addServerHeaderTitle !optional;
+}
+.templatesList_fc9dae {
+ @extend %addServerTemplatesList !optional;
+}
+.optionsList_f5507e {
+ @extend %addServerOptionsList !optional;
+}
+.container_a47d49 {
+ @extend %addServerCard !optional;
+}
+.text_a47d49 {
+ @extend %addServerCardTitle !optional;
+}
+.arrow_a47d49 {
+ @extend %addServerCardArrow !optional;
+}
+.optionHeader_fc9dae {
+ @extend %addServerOptionHeader !optional;
+}
+.skip_f5507e {
+ @extend %addServerSkip !optional;
+}
+.rowContainer-3t7486 {
+ @extend %addServerRowContainer !optional;
+}
+.footer_fc9dae {
+ @extend %addServerFooter !optional;
+}
+.footerTitle_fc9dae {
+ @extend %addServerFooterTitle !optional;
+}
+.input-m1-Y7Q {
+ @extend %addServerInput !optional;
+}
+.pageWrapper_a3a4ce {
+ @extend %pageWrapper !optional;
+}
+.pageHeader-3615mp {
+ @extend %pageHeader !optional;
+}
+.body-2lagau {
+ @extend %pageBody !optional;
+}
+.headerImage-2D5D-v, .headerImage_a39aa3 {
+ @extend %discoverHeaderImage !optional;
+}
+.searchPage-3tt6dh {
+ @extend %searchPage !optional;
+}
+.search-25t1e9 {
+ @extend %discoverSearch !optional;
+}
+.searchBox__56feb {
+ @extend %discoverSearchBox !optional;
+}
+.searchBoxInput__56498 {
+ @extend %discoverSearchBoxInput !optional;
+}
+.searchIcon_d1a3c1 {
+ @extend %discoverSearchBoxIconSearch !optional;
+}
+.clearIcon__21453 {
+ @extend %discoverSearchBoxClearIcon !optional;
+}
+.closeIcon-BMGxx0 {
+ @extend %discoverSearchBoxCloseIcon !optional;
+}
+.categoryItem_c72b37 {
+ @extend %discoverCategoryItem !optional;
+}
+.selectedCategoryItem_c72b37 {
+ @extend %discoverCategoryItemSelected !optional;
+}
+.itemInner_c72b37 {
+ @extend %discoverCategoryItemInner !optional;
+}
+.guildList_c8c448 {
+ @extend %discoverGuildList !optional;
+}
+.loading_eb1ca6 {
+ @extend %discoverGuildCardLoading !optional;
+}
+.loaded_eb1ca6 {
+ @extend %discoverGuildCardLoaded !optional;
+}
+.card_eb1ca6 {
+ @extend %discoverGuildCard !optional;
+}
+.iconMask_eb1ca6 {
+ @extend %discoverGuildCardIcon !optional;
+}
+.splash_eb1ca6 {
+ @extend %discoverCardSplash !optional;
+}
+.splashImage_eb1ca6 {
+ @extend %discoverCardSplashImage !optional;
+}
+.fade-rdt5qH {
+ @extend %discoverCardFade !optional;
+}
+.cardHeader_eb1ca6 {
+ @extend %discoverGuildCardHeader !optional;
+}
+.guildInfo_eb1ca6 {
+ @extend %discoverGuildInfo !optional;
+}
+.guildIcon_eb1ca6 {
+ @extend %discoverGuildIcon !optional;
+}
+.avatar_eb1ca6 {
+ @extend %discoverGuildAvatar !optional;
+}
+.title_eb1ca6 {
+ @extend %discoverGuildTitle !optional;
+}
+.memberInfo_eb1ca6 {
+ @extend %discoverGuildMemberInfo !optional;
+}
+.dotOnline_eb1ca6 {
+ @extend %discoverGuildStatusOnline !optional;
+}
+.dotOffline_eb1ca6 {
+ @extend %discoverGuildStatusOffline !optional;
+}
+.viewButton-3jDZqV {
+ @extend %discoverViewButton !optional;
+}
+.viewButtonVisible-2AtUPc {
+ @extend %discoverViewButtonVisible !optional;
+}
+.languageSelector-1hjSyO {
+ @extend %discoverLanguageSelector !optional;
+}
+.css-12hk9yc-control {
+ @extend %discoverLanguageSelectorControl !optional;
+}
+.separator-2xbLUz {
+ @extend %discoverSectionSeparator !optional;
+}
+.emptyContainer_e37a20 {
+ @extend %discoverEmptyResults !optional;
+}
+.emptyImage_e37a20 {
+ @extend %discoverEmptyImage !optional;
+}
+.emptyHeader_e37a20 {
+ @extend %discoverEmptyTitle !optional;
+}
+.categoryPill-1zjNrr {
+ @extend %discoverCategoryPill !optional;
+}
+.selected-bLcqYK {
+ @extend %discoverCategoryPillSelected !optional;
+}
+.categoryLabel-2m4AT- {
+ @extend %discoverCategoryLabel !optional;
+}
+.searchPage-3tt6dh {
+ @extend %discoverSearchPage !optional;
+}
+.search-25t1e9 {
+ @extend %discoverSearchPageBar !optional;
+}
+.categories-2LoSbA {
+ @extend %discoverSearchCategories !optional;
+}
+.results_e37a20 {
+ @extend %discoverSearchResults !optional;
+}
+.guildList-QjZKeK {
+ @extend %discoverSearchGuildList !optional;
+}
+.card_e825f6 {
+ @extend %discoverSearchCard !optional;
+}
+.container_e825f6 {
+ @extend %discoverSearchCardContainer !optional;
+}
+.splashContainer_e825f6 {
+ @extend %discoverSearchSplashContainer !optional;
+}
+.content_e825f6 {
+ @extend %discoverSearchCardContent !optional;
+}
+.description_e825f6 {
+ @extend %discoverSearchCardDescription !optional;
+}
+.memberInfo_e825f6 {
+ @extend %discoverSearchCardMemberInfo !optional;
+}
+.separator_e825f6 {
+ @extend %discoverSearchSeparator !optional;
+}
+.emptyContainer_e37a20 {
+ @extend %discoverSearchEmptyContainer !optional;
+}
+.scroller_a39aa3 {
+ @extend %studentHubsPage !optional;
+}
+.container_f11cbf {
+ @extend %joinHubContainer !optional;
+}
+.sidebarContainer_e5b5f9 {
+ @extend %studentHubsSidebarContainer !optional;
+}
+.iconContainer_f38045 {
+ @extend %studentHubsIcon !optional;
+}
+.container_bcd8cb {
+ @extend %autocompletePopout !optional;
+}
+.positionTop_bcd8cb {
+ @extend %autocompletePopoutTop !optional;
+}
+.positionBottom_bcd8cb {
+ @extend %autocompletePopoutBottom !optional;
+}
+.autocompleteShadow_bcd8cb {
+ @extend %autocompletePopoutShadow !optional;
+}
+.autocompleteArrowWrapper_bcd8cb {
+ @extend %autocompletePopoutArrowWrapper !optional;
+}
+.autocompleteArrow-2CRgr2 {
+ @extend %autocompletePopoutArrow !optional;
+}
+.header_bcd8cb {
+ @extend %autocompletePopoutHeader !optional;
+}
+.autocompleteHeaderBackground_bcd8cb {
+ @extend %autocompletePopoutHeaderBackground !optional;
+}
+.headerText_bcd8cb {
+ @extend %autocompletePopoutHeaderText !optional;
+}
+.input_bcd8cb {
+ @extend %autocompletePopoutInput !optional;
+}
+.sectionTag_bcd8cb {
+ @extend %autocompletePopoutSectionTag !optional;
+}
+.autocompleteScroller_bcd8cb {
+ @extend %autocompletePopoutScroller !optional;
+}
+.section_bcd8cb {
+ @extend %autocompletePopoutSection !optional;
+}
+.row_bcd8cb {
+ @extend %autocompletePopoutRow !optional;
+}
+.rowInner_bcd8cb {
+ @extend %autocompletePopoutRowInner !optional;
+}
+.selected_bcd8cb {
+ @extend %autocompletePopoutSelected !optional;
+}
+.container__13b2a {
+ @extend %connectionInfo !optional;
+}
+.header-2C89wJ {
+ @extend %connectionInfoHeader !optional;
+}
+.sparkline-3A-8OK {
+ @extend %connectionInfoSparkline !optional;
+}
+.popoutBottom__4228a {
+ @extend %connectionInfoBottom !optional;
+}
+.secured_d13ee6 {
+ @extend %connectionInfoSecured !optional;
+}
+.contextMenu-HLZMGh {
+ @extend %contextMenu !optional;
+}
+.subMenuContext-2n_9YM {
+ @extend %subContextMenu !optional;
+}
+.itemGroup-1tL0uz {
+ @extend %contextMenuItemGroup !optional;
+}
+.item-1Yvehc {
+ @extend %contextMenuItem !optional;
+}
+.danger-2dXSTE {
+ @extend %contextMenuItemDanger !optional;
+}
+.brand-3igrJY {
+ @extend %contextMenuItemBrand !optional;
+}
+.itemSubMenu-1vN_Yn {
+ @extend %contextMenuItemSubMenu !optional;
+}
+.submenu_d90b3d {
+ @extend %contextMenuItemSubMenuAlt !optional;
+}
+.button_a24e84 {
+ @extend %contextMenuQuickReaction !optional;
+}
+.positionContainer_af5dbb {
+ @extend %positionContainer !optional;
+}
+.positionContainerOnlyEmoji_af5dbb {
+ @extend %positionContainerOnlyEmoji !optional;
+}
+.drawerSizingWrapper_af5dbb {
+ @extend %drawerSizingWrapper !optional;
+}
+.contentWrapper_af5dbb, .contentWrapper_eab878 {
+ @extend %emojiWrapper !optional;
+}
+.contentWrapper_af5dbb {
+ @extend %emojiContentWrapper !optional;
+}
+.isBurstReactionPicker_b9ca03 {
+ @extend %emojiWrapperIsBurstReactionPicker !optional;
+}
+.wrapper_c6ee36 {
+ @extend %emojiWrapperChat !optional;
+}
+.isBurstReactionUnlimited_ef651a {
+ @extend %emojiWrapperIsBurstReactionUnlimited !optional;
+}
+.emojiPickerHasTabWrapper_c6ee36 {
+ @extend %emojiPickerHasTabWrapper !optional;
+}
+.emojiPickerInExpressionPicker-2nOwH8 {
+ @extend %emojiPickerInExpressionPicker !optional;
+}
+.container_b56bbc {
+ @extend %emojiGifContainer !optional;
+}
+.wrapper_d8cdac {
+ @extend %emojiStickerContainer !optional;
+}
+.label_d1ac9b {
+ @extend %emojiPickerLabel !optional;
+}
+.labelChecked_d1ac9b {
+ @extend %emojiPickerLabelChecked !optional;
+}
+.wrapper_c43059 {
+ @extend %emojiSuperReactContainer !optional;
+}
+.banner_c43059 {
+ @extend %emojiSuperReactBanner !optional;
+}
+.closeButton_c43059 {
+ @extend %emojiSuperReactCloseButton !optional;
+}
+.content_c43059 {
+ @extend %emojiSuperReactContent !optional;
+}
+.contentFill_c43059 {
+ @extend %emojiSuperReactContentFill !optional;
+}
+.contentContainer_aac415 {
+ @extend %emojiSuperReactContentContainer !optional;
+}
+.gradientUpsellWrapper_aac415 {
+ @extend %emojiSuperReactGradientUpsellWrapper !optional;
+}
+.emojiPicker_c6ee36 {
+ @extend %emojiPicker !optional;
+}
+.nav_af5dbb, .nav__2aafa {
+ @extend %emojiPickerNav !optional;
+}
+.navList_af5dbb, .navList__8438b {
+ @extend %emojiPickerNavList !optional;
+}
+.navItem_af5dbb {
+ @extend %emojiPickerNavItem !optional;
+}
+.navButton_af5dbb, .navButton__0565e {
+ @extend %emojiPickerNavButton !optional;
+}
+.navButtonActive_af5dbb, .navButtonActive_b003de {
+ @extend %emojiPickerNavButtonActive !optional;
+}
+.navButtonSuperReactActive__01546 {
+ @extend %emojiPickerNavButtonSuperReactActive !optional;
+}
+.header_c6ee36 {
+ @extend %emojiPickerNavEmoji !optional;
+}
+.header_d8cdac {
+ @extend %emojiPickerNavSticker !optional;
+}
+.header_b56bbc {
+ @extend %emojiPickerNavGif !optional;
+}
+.container_effbe2, .container_c18ec9 {
+ @extend %emojiPickerSearchBar !optional;
+}
+.inner_effbe2 {
+ @extend %emojiPickerSearchInner !optional;
+}
+.input_effbe2 {
+ @extend %emojiPickerSearchInput !optional;
+}
+.iconLayout_effbe2 {
+ @extend %emojiPickerSearchIconLayout !optional;
+}
+.diversitySelectorOptions_cce80d {
+ @extend %emojiPickerDiversitySelectorPopout !optional;
+}
+.diversityEmojiItem_cce80d {
+ @extend %emojiPickerDiversityItem !optional;
+}
+.categorySection_a3bc57 {
+ @extend %emojiPickerCategorySection !optional;
+}
+.wrapper_e06857 {
+ @extend %emojiPickerCategoryHeaderWrapper !optional;
+}
+.headerLabel_e06857 {
+ @extend %emojiPickerCategoryHeaderLabel !optional;
+}
+.header_e06857 {
+ @extend %emojiPickerCategoryHeader !optional;
+}
+.upsell_b6ac1a {
+ @extend %emojiPickerUpsell !optional;
+}
+.newlyAddedHighlight_fbfedd {
+ @extend %emojiPickerHighlightNewlyAdded !optional;
+}
+.oneItem_fbfedd {
+ @extend %emojiPickerHighlightOneItem !optional;
+}
+.newlyAddedBadge_fbfedd {
+ @extend %emojiPickerHighlightNewlyAddedBadge !optional;
+}
+.newlyAddedBadgeStar_fbfedd {
+ @extend %emojiPickerHighlightNewlyAddedBadgeStar !optional;
+}
+.emojiItem_fbfedd {
+ @extend %emojiPickerItem !optional;
+}
+.emojiItemSelected_fbfedd {
+ @extend %emojiPickerItemSelected !optional;
+}
+.emojiItemDisabled__843ea {
+ @extend %emojiPickerItemDisabled !optional;
+}
+.image_b000dd {
+ @extend %emojiPickerItemImage !optional;
+}
+.imageLoading_b000dd {
+ @extend %emojiPickerItemLoading !optional;
+}
+.inspector_c3120f {
+ @extend %emojiPickerInspector !optional;
+}
+.badgeLabel_c3120f {
+ @extend %emojiPickerBadgeLabel !optional;
+}
+.newlyAddedBadge_c3120f {
+ @extend %emojiPickerNewlyAddedBadge !optional;
+}
+.newlyAddedBadgeIcon_c3120f {
+ @extend %emojiPickerNewlyAddedBadgeIcon !optional;
+}
+.wrapper_ba23fe {
+ @extend %emojiCategoryWrapper !optional;
+}
+.categoryList_c6ee36 {
+ @extend %emojiCategoryList !optional;
+}
+.scroller_dcade6 {
+ @extend %emojiCategoryScroller !optional;
+}
+.categoryItem_dfa278 {
+ @extend %emojiCategoryItem !optional;
+}
+.categoryIcon_dfa278 {
+ @extend %emojiCategoryItemIcon !optional;
+}
+.categoryItemDefaultCategorySelected_dfa278 {
+ @extend %emojiCategoryItemSelected !optional;
+}
+.categoryItemRecentEmoji_dfa278 {
+ @extend %emojiCategoryItemRecent !optional;
+}
+.categoryItemGuildCategory_dfa278 {
+ @extend %emojiCategoryGuildItem !optional;
+}
+.guildIcon_bfabc4 {
+ @extend %emojiCategoryGuildIcon !optional;
+}
+.unicodeShortcut_dfa278 {
+ @extend %emojiCategoryUnicodeShortcut !optional;
+}
+.picker-Jz0w5j {
+ @extend %emojiPickerBurst !optional;
+}
+.header-2jK3d7 {
+ @extend %emojiPickerBurstHeader !optional;
+}
+.divider-1F5TiM {
+ @extend %emojiPickerBurstHeaderDivider !optional;
+}
+.badge-zjd8-t {
+ @extend %emojiPickerBurstBadge !optional;
+}
+.emojiPicker_c6ee36 {
+ @extend %emojiPickerBurstPicker !optional;
+}
+.popout_e6af9c {
+ @extend %groupInvitePopout !optional;
+}
+.header-1zd7se {
+ @extend %groupInvitePopoutHeader !optional;
+}
+.title-3hptVQ {
+ @extend %groupInvitePopoutTitle !optional;
+}
+.subtitle_e6af9c {
+ @extend %groupInvitePopoutSubtitle !optional;
+}
+.searchBar_e6af9c {
+ @extend %groupInvitePopoutSearchBar !optional;
+}
+.searchBarComponent_e6af9c {
+ @extend %groupInvitePopoutSearchContainer !optional;
+}
+.inner_effbe2 {
+ @extend %groupInvitePopoutSearchBarInner !optional;
+}
+.input_effbe2 {
+ @extend %popoutSearchInput !optional;
+}
+.tag_effbe2 {
+ @extend %popoutSearchTag !optional;
+}
+.richTag_effbe2 {
+ @extend %popoutSearchRichTag !optional;
+}
+.close_effbe2 {
+ @extend %popoutSearchTagClose !optional;
+}
+.friendWrapper_ebf869 {
+ @extend %groupInvitePopoutFriendWrapper !optional;
+}
+.friend_ebf869 {
+ @extend %groupInvitePopoutFriend !optional;
+}
+.friendSelected_ebf869 {
+ @extend %groupInvitePopoutFriendSelected !optional;
+}
+.nickname_ebf869 {
+ @extend %groupInvitePopoutNickname !optional;
+}
+.discordTag_ebf869 {
+ @extend %groupInvitePopoutDiscordTag !optional;
+}
+.input_effbe2 {
+ @extend %groupInvitePopoutInput !optional;
+}
+.inputDefault-2F39XG {
+ @extend %groupInvitePopoutInputDefault !optional;
+}
+.inputDisabled-sYasHz {
+ @extend %groupInvitePopoutInputDisabled !optional;
+}
+.footer_e6af9c {
+ @extend %groupInvitePopoutFooter !optional;
+}
+.footerSeparator_e6af9c {
+ @extend %groupInvitePopoutFooterSeparator !optional;
+}
+.menu_d90b3d {
+ @extend %menuPopout !optional;
+}
+.colorDefault_d90b3d {
+ @extend %menuPopoutColorDefault !optional;
+}
+.colorDanger_d90b3d {
+ @extend %menuPopoutColorDanger !optional;
+}
+.hideInteraction_d90b3d {
+ @extend %menuPopoutHideInteraction !optional;
+}
+.groupLabel_d90b3d {
+ @extend %menuPopoutGroupLabel !optional;
+}
+.item_d90b3d {
+ @extend %menuPopoutItem !optional;
+}
+.focused_d90b3d {
+ @extend %menuPopoutItemHover !optional;
+}
+.colorPremiumGradient_d90b3d {
+ @extend %menuPopoutItemPremium !optional;
+}
+.divider-1tWBgZ {
+ @extend %menuPopoutDivider !optional;
+}
+#user-context-user-volume {
+ @extend %menuPopoutUserVolume !optional;
+}
+.colorBrand-3cPPsm {
+ @extend %menuPopoutItemInvite !optional;
+}
+.colorDanger_d90b3d {
+ @extend %menuPopoutItemLeave !optional;
+}
+.separator_d90b3d {
+ @extend %menuPopoutSeparator !optional;
+}
+.caret_d90b3d {
+ @extend %menuPopoutCaret !optional;
+}
+.iconContainer_d90b3d {
+ @extend %menuPopoutIconContainer !optional;
+}
+.iconContainerLeft_d90b3d {
+ @extend %menuPopoutIconContainerLeft !optional;
+}
+.icon_d90b3d {
+ @extend %menuPopoutIcon !optional;
+}
+.activeIcon_e1268c {
+ @extend %menuPopoutActiveIcon !optional;
+}
+.hintContainer_d90b3d {
+ @extend %menuPopoutHintContainer !optional;
+}
+.imageContainer_d90b3d {
+ @extend %menuPopoutImageContainer !optional;
+}
+.labelContainer_d90b3d {
+ @extend %menuPopoutLabelContainer !optional;
+}
+.label_d90b3d {
+ @extend %menuPopoutLabel !optional;
+}
+.checkbox_d90b3d {
+ @extend %menuPopoutCheckbox !optional;
+}
+.radioSelection_d90b3d {
+ @extend %menuPopoutRadio !optional;
+}
+.check_d90b3d {
+ @extend %menuPopoutCheck !optional;
+}
+.sliderContainer_e13f88 {
+ @extend %menuPopoutSliderContainer !optional;
+}
+.submenuContainer-3EVTeH {
+ @extend %submenuContainer !optional;
+}
+.submenuPaddingContainer_d90b3d {
+ @extend %submenuPaddingContainer !optional;
+}
+.container-3cGP6G {
+ @extend %messageOptions !optional;
+}
+.item-2J1YMK {
+ @extend %popoutItem !optional;
+}
+.popouts-2bnG9Z {
+ @extend %popouts !optional;
+}
+.popout-2iWAc- {
+ @extend %popout !optional;
+}
+.themedPopout-1TrfdI {
+ @extend %themedPopout !optional;
+}
+.popoutTop-3WSJtH {
+ @extend %popoutTop !optional;
+}
+.popoutTopRight-1lc8Mq {
+ @extend %popoutTopRight !optional;
+}
+.popoutTopLeft-3B0mFf {
+ @extend %popoutTopLeft !optional;
+}
+.popoutRight-1veHKi {
+ @extend %popoutRight !optional;
+}
+.popoutLeft-3aViER {
+ @extend %popoutLeft !optional;
+}
+.popoutBottom-2GAFPg {
+ @extend %popoutBottom !optional;
+}
+.popoutBottomRight-2Rno5S {
+ @extend %popoutBottomRight !optional;
+}
+.popoutBottomLeft-1pG8B4 {
+ @extend %popoutBottomLeft !optional;
+}
+.noArrow-2foL9g {
+ @extend %popoutNoArrow !optional;
+}
+.noShadow-3pu20z {
+ @extend %popoutNoShadow !optional;
+}
+.layerContainer_cd0de5 {
+ @extend %layerContainer !optional;
+}
+.layer_c9e2da {
+ @extend %popoutLayerAlt !optional;
+}
+.layer_cd0de5 {
+ @extend %popoutLayer !optional;
+}
+.translate_f88ae3 {
+ @extend %popoutTranslate !optional;
+}
+.animatorTop-3ltI52 {
+ @extend %popoutAnimatorTop !optional;
+}
+.animatorBottom-L63-7D {
+ @extend %popoutAnimatorBottom !optional;
+}
+.animatorLeft-3yvG13 {
+ @extend %popoutAnimatorLeft !optional;
+}
+.animatorRight-xAUgTY {
+ @extend %popoutAnimatorRight !optional;
+}
+.didRender-2SiRlm {
+ @extend %popoutAnimatorDidRender !optional;
+}
+.container_eedf95 {
+ @extend %searchPopout !optional;
+}
+.resultsGroup_b0286e {
+ @extend %searchPopoutResultsGroup !optional;
+}
+.header_b0286e {
+ @extend %searchPopoutHeader !optional;
+}
+.option_b0286e {
+ @extend %searchPopoutOption !optional;
+}
+.selected-rZcOL- {
+ @extend %searchPopoutOptionSelected !optional;
+}
+.searchOption-351dTI {
+ @extend %searchPopoutSearchOption !optional;
+}
+.filter_b0286e {
+ @extend %searchPopoutFilter !optional;
+}
+.answer_b0286e {
+ @extend %searchPopoutAnswer !optional;
+}
+.nonText-3_4gtu {
+ @extend %searchPopoutNonText !optional;
+}
+.plusIcon-2V7coV {
+ @extend %searchPopoutPlusIcon !optional;
+}
+.searchLearnMore_b0286e {
+ @extend %searchPopoutLearnMore !optional;
+}
+.searchClearHistory_b0286e {
+ @extend %searchPopoutClearHistory !optional;
+}
+.queryContainer_eedf95 {
+ @extend %searchPopoutQueryContainer !optional;
+}
+.focused_eedf95 {
+ @extend %searchPopoutQueryContainerFocused !optional;
+}
+.queryText_eedf95 {
+ @extend %searchPopoutQueryText !optional;
+}
+.queryShortcut_eedf95 {
+ @extend %searchPopoutQueryShortcut !optional;
+}
+.keybindShortcutSearchPopout-pt_bn5 {
+ @extend %searchPopoutKeybindShortcut !optional;
+}
+.user-23VtPS {
+ @extend %searchPopoutOptionUser !optional;
+}
+.displayedNick-2dDbfG {
+ @extend %searchPopoutDisplayedNick !optional;
+}
+.displayUsername-14aOpK {
+ @extend %searchPopoutDisplayUsername !optional;
+}
+.resultChannel-1ZxSuE {
+ @extend %searchPopoutChannel !optional;
+}
+.searchResultChannelIcon-1Il1Qo {
+ @extend %searchPopoutChannelIcon !optional;
+}
+.searchResultChannelIconBackground-1Jf02D {
+ @extend %searchResultChannelIconBackground !optional;
+}
+.searchResultChannelCategory-3cL8uG {
+ @extend %searchPopoutChannelCategory !optional;
+}
+.datePicker_b0286e {
+ @extend %searchPopoutDatePicker !optional;
+}
+.calendarPicker__47c85 {
+ @extend %searchPopoutCalendarPicker !optional;
+}
+.datePickerHint_b0286e {
+ @extend %searchPopoutDatePickerHint !optional;
+}
+.hint_b0286e {
+ @extend %searchPopoutHint !optional;
+}
+.hintValue_b0286e {
+ @extend %searchPopoutHintValue !optional;
+}
+.react-datepicker {
+ @extend %datepicker !optional;
+}
+.react-datepicker__navigation {
+ @extend %datepickerNavigation !optional;
+}
+.react-datepicker__navigation--next {
+ @extend %datepickerNavigationNext !optional;
+}
+.react-datepicker__navigation--previous {
+ @extend %datepickerNavigationPrevious !optional;
+}
+.react-datepicker__month-container {
+ @extend %datepickerMonthContainer !optional;
+}
+.react-datepicker__header {
+ @extend %datepickerHeader !optional;
+}
+.react-datepicker__current-month {
+ @extend %datepickerCurrentMonth !optional;
+}
+.react-datepicker__day-names {
+ @extend %datepickerDayNames !optional;
+}
+.react-datepicker__day-name {
+ @extend %datepickerDayName !optional;
+}
+.react-datepicker__month {
+ @extend %datepickerMonth !optional;
+}
+.react-datepicker__week {
+ @extend %datepickerWeek !optional;
+}
+.react-datepicker__day {
+ @extend %datepickerDay !optional;
+}
+.react-datepicker__day--selected {
+ @extend %datepickerDaySelected !optional;
+}
+.react-datepicker__day--disabled {
+ @extend %datepickerDayDisabled !optional;
+}
+.react-datepicker__day--today {
+ @extend %datepickerDayToday !optional;
+}
+.react-datepicker__day--outside-month {
+ @extend %datepickerDayOutsideMonth !optional;
+}
+.react-datepicker__day--weekend {
+ @extend %datepickerDayWeekend !optional;
+}
+.react-datepicker__day--mon {
+ @extend %datepickerDayMon !optional;
+}
+.react-datepicker__day--tue {
+ @extend %datepickerDayTue !optional;
+}
+.react-datepicker__day--wed {
+ @extend %datepickerDayWed !optional;
+}
+.react-datepicker__day--thu {
+ @extend %datepickerDayThu !optional;
+}
+.react-datepicker__day--fri {
+ @extend %datepickerDayFri !optional;
+}
+.react-datepicker__day--sat {
+ @extend %datepickerDaySat !optional;
+}
+.react-datepicker__day--sun {
+ @extend %datepickerDaySun !optional;
+}
+.popout-2sKjHu {
+ @extend %selectPopout !optional;
+}
+.filterBrowsingSelectPopout-2kjxuc {
+ @extend %selectPopoutFilterBrowsing !optional;
+}
+.option-1mJRMP {
+ @extend %selectPopoutOption !optional;
+}
+.optionActive-KkAdqq {
+ @extend %selectPopoutOptionActive !optional;
+}
+.optionFocused-8MflSE {
+ @extend %selectPopoutOptionFocused !optional;
+}
+.optionNormal-12VR9V {
+ @extend %selectPopoutOptionNormal !optional;
+}
+.menu_ad5fac {
+ @extend %statusMenu !optional;
+}
+.profileGroup-1yKk23 {
+ @extend %statusMenuProfileGroup !optional;
+}
+.userInfoTitle-39qq0Y {
+ @extend %statusMenuUserInfoTitle !optional;
+}
+.scroller_d90b3d {
+ @extend %statusPickerScroller !optional;
+}
+.statusItem_ad5fac {
+ @extend %statusPickerItem !optional;
+}
+.icon_ad5fac {
+ @extend %statusPickerIcon !optional;
+}
+.status_ad5fac {
+ @extend %statusPickerText !optional;
+}
+.description_ad5fac {
+ @extend %statusPickerDescription !optional;
+}
+.status-2DiCMd {
+ @extend %statusPickerStatusIcon !optional;
+}
+.switchAccountsItem_e0f739 {
+ @extend %statusPickerSwitchAccountsIcon !optional;
+}
+.customStatusItem_e0f739 {
+ @extend %customStatusItem !optional;
+}
+.customEmoji_e0f739 {
+ @extend %customStatusEmoji !optional;
+}
+.clearStatusButton_e0f739 {
+ @extend %customStatusClearButton !optional;
+}
+.clearStatusIcon_e0f739 {
+ @extend %customStatusClearIcon !optional;
+}
+.list_f20a46 {
+ @extend %accountSwitcherList !optional;
+}
+.accountCard_f20a46 {
+ @extend %accountSwitcherCard !optional;
+}
+.userActionMenu_f20a46 {
+ @extend %accountSwitcherUserActionMenu !optional;
+}
+.userMenuText_e1268c {
+ @extend %accountSwitcherUserMenuText !optional;
+}
+.userMenuDiscriminator_e1268c {
+ @extend %accountSwitcherUserMenuDiscriminator !optional;
+}
+.separator_f20a46 {
+ @extend %accountSwitcherSeparator !optional;
+}
+.actions_f31a4d {
+ @extend %accountSwitcherActions !optional;
+}
+.container-5N5x2A {
+ @extend %accountSwitcherTooltipWrapper !optional;
+}
+.pointer-1bsD64 {
+ @extend %accountSwitcherTooltipPointer !optional;
+}
+.title-2_oicu {
+ @extend %accountSwitcherTooltipTitle !optional;
+}
+.subTitle-2vwe12 {
+ @extend %accountSwitcherTooltipSubTitle !optional;
+}
+.betaTag-3pnIxA {
+ @extend %betaTag !optional;
+}
+.wrapper_ac01d6 {
+ @extend %userProfileQuestWrapper !optional;
+}
+.container_ac01d6 {
+ @extend %userProfileQuestContainer !optional;
+}
+.userProfileOuterThemed_c69a7b {
+ @extend %userProfileOuterThemed !optional;
+}
+.userProfileOuter_c69a7b {
+ @extend %userProfileOuter !optional;
+}
+.userProfileOuterUnthemed_c69a7b {
+ @extend %userProfileOuterUnthemed !optional;
+}
+.userProfileInner_c69a7b {
+ @extend %userProfileInner !optional;
+}
+.userProfileInnerThemedNonPremium_c69a7b {
+ @extend %userProfileInnerThemedNonPremium !optional;
+}
+.profileColors_ac6ab4 {
+ @extend %userProfileColors !optional;
+}
+.header_c6e596 {
+ @extend %userProfileHeader !optional;
+}
+.wrapper-C1y4Sz {
+ @extend %userProfileNitroUpsellWrapper !optional;
+}
+.banner_c3e427 {
+ @extend %userProfileBanner !optional;
+}
+.bannerNitroUpsell_ab876d {
+ @extend %userProfileBannerNitroUpsell !optional;
+}
+.profileBadges_f89da9 {
+ @extend %userProfileBadges !optional;
+}
+.overlayBackground_c69a7b {
+ @extend %userProfileOverlayBackground !optional;
+}
+.usernameSection_d2b491 {
+ @extend %userProfileUsernameSection !optional;
+}
+.customStatusSection_d2b491 {
+ @extend %userProfileCustomStatusSection !optional;
+}
+.scroller_d2b491 {
+ @extend %userProfileScroller !optional;
+}
+.section_d7a21f {
+ @extend %userProfileSection !optional;
+}
+.lastSection_d7a21f {
+ @extend %userProfileLastSection !optional;
+}
+.divider_d2b491 {
+ @extend %userProfileDivider !optional;
+}
+.userTagNoNickname_c9ccf6 {
+ @extend %userProfileUserTagNoNickname !optional;
+}
+.userTagWithNickname_c9ccf6 {
+ @extend %userProfileUserTagWithNickname !optional;
+}
+.username_be84f0 {
+ @extend %userProfileUsername !optional;
+}
+.discriminator-hnHkyt {
+ @extend %userProfileDiscriminator !optional;
+}
+.discrimBase_c9ccf6 {
+ @extend %userProfileDiscrimBase !optional;
+}
+.connectionsContainer__67854 {
+ @extend %userProfileConnectionsContainer !optional;
+}
+.connections_ed453f {
+ @extend %userProfileConnections !optional;
+}
+.nickname_c9ccf6 {
+ @extend %userProfileNickname !optional;
+}
+.menus_ad5fac {
+ @extend %userProfileMenus !optional;
+}
+.note_c90ad7 {
+ @extend %userProfileNote !optional;
+}
+.textarea_dde0a8 {
+ @extend %userProfileNoteTextArea !optional;
+}
+.messageInputContainer_f2c0a8 {
+ @extend %userProfileMessageInputContainer !optional;
+}
+.eyebrow_dc00ef {
+ @extend %userProfileEyebrow !optional;
+}
+.gameIcon_f394e5 {
+ @extend %userProfileGameIcon !optional;
+}
+.assetsLargeImage_d5089b {
+ @extend %userProfileAssetsLargeImage !optional;
+}
+.assetsLargeImageSpotify_d5089b {
+ @extend %userProfileAssetsLargeImageSpotify !optional;
+}
+.accountProfilePopoutWrapper_b2ca13 {
+ @extend %accountProfilePopoutWrapper !optional;
+}
+.menu-KSaHL1 {
+ @extend %userProfileStatusMenu !optional;
+}
+.custom-theme-background {
+ @extend %profileCustomThemeBackground !optional;
+}
+.fullSizeOverlayBackground_c69a7b {
+ @extend %fullSizeOverlayBackground !optional;
+}
+.biteSizeOuter_c69a7b {
+ @extend %biteSizeOuter !optional;
+}
+.biteSizeInnerThemed_c69a7b {
+ @extend %biteSizeInnerThemed !optional;
+}
+.wrapper_cb78f1 {
+ @extend %biteSizeBannerButtonsWrapper !optional;
+}
+.icon_f1cdcc {
+ @extend %biteSizeIconButton !optional;
+}
+.statusBubbleOuter_d0a252 {
+ @extend %statusBubbleOuter !optional;
+}
+.statusBubble_d0a252 {
+ @extend %statusBubble !optional;
+}
+.statusText_d0a252 {
+ @extend %statusBubbleText !optional;
+}
+.usernameRow_c32acf {
+ @extend %userProfileUsernameRow !optional;
+}
+.container_e5a42d {
+ @extend %badgeListContainer !optional;
+}
+.activity_cd74cc {
+ @extend %biteSizeActivity !optional;
+}
+.syncButton_deca39 {
+ @extend %userProfileSyncButton !optional;
+}
+.syncButtonInner_deca39 {
+ @extend %userProfileSyncButtonInner !optional;
+}
+.inner_dc0b43 {
+ @extend %userProfileMessageInner !optional;
+}
+.spriteGreyscale_af14ca {
+ @extend %spriteGreyscale !optional;
+}
+.errorPage_dd2aa2 {
+ @extend %errorPage !optional;
+}
+.image_b06619 {
+ @extend %errorPageImage !optional;
+}
+.text_b06619 {
+ @extend %errorPageText !optional;
+}
+.note_b06619 {
+ @extend %errorPageNote !optional;
+}
+.children_a6ae9b {
+ @extend %paymentinfo !optional;
+}
+.searchResultsWrap_c2b47d {
+ @extend %searchResultsWrap !optional;
+}
+.searchHeader_b7c924 {
+ @extend %searchHeader !optional;
+}
+.searchHeaderTabList_b7c924 {
+ @extend %searchHeaderTabList !optional;
+}
+.totalResults_b7c924 {
+ @extend %searchTotalResults !optional;
+}
+.resultsWrapper-hoiXCY {
+ @extend %searchResultsWrapper !optional;
+}
+.searchResults-2J8dju {
+ @extend %searchResults !optional;
+}
+.scroller_c2b47d {
+ @extend %searchScroller !optional;
+}
+.channelName-3w2Y3c {
+ @extend %searchChannelName !optional;
+}
+.searchResult_ddc613 {
+ @extend %searchResult !optional;
+}
+.expanded-v2Szsz {
+ @extend %searchResultExpanded !optional;
+}
+.searchResultMessage-2VxO12 {
+ @extend %searchResultMessage !optional;
+}
+.hit-NLlWXA {
+ @extend %searchResultMessageHit !optional;
+}
+.sibling-3tUBeh {
+ @extend %searchResultMessageSibling !optional;
+}
+.before-1x1q5S {
+ @extend %searchResultMessageBefore !optional;
+}
+.after-2g0jjc {
+ @extend %searchResultMessageAfter !optional;
+}
+.actionButtons-14P9IC {
+ @extend %searchResultActionButtons !optional;
+}
+.buttonsContainer_ddc613 {
+ @extend %searchResultsButtonsContainer !optional;
+}
+.button_ddc613 {
+ @extend %searchResultJumpButton !optional;
+}
+.highlight {
+ @extend %searchResultHighlight !optional;
+}
+.contentRegion_c25c6d {
+ @extend %settingsContentRegion !optional;
+}
+.contentRegionScroller_c25c6d {
+ @extend %settingsContentScroller !optional;
+}
+.contentColumnDefault_c25c6d {
+ @extend %settingsContentColumnDefault !optional;
+}
+.contentColumnMinimal_c25c6d {
+ @extend %settingsContentColumnMinimal !optional;
+}
+.contentColumnWide_c25c6d {
+ @extend %settingsContentColumnWide !optional;
+}
+.contentColumn_c25c6d {
+ @extend %settingsContentColumn !optional;
+}
+.h1_c46f6a {
+ @extend %settingsContentH1 !optional;
+}
+.sectionTitle_a6ae9b {
+ @extend %settingsContentSectionTitle !optional;
+}
+.title_c46f6a {
+ @extend %settingsContentHeader !optional;
+}
+.customColumn_c25c6d {
+ @extend %settingsCustomColumn !optional;
+}
+.customContainer_c25c6d {
+ @extend %settingsCustomContainer !optional;
+}
+.customScroller_c25c6d {
+ @extend %settingsCustomScroller !optional;
+}
+.customHeader_cfe282 {
+ @extend %settingsCustomHeader !optional;
+}
+.sidebarScrollable_e9196a {
+ @extend %settingsContentSidebarScrollable !optional;
+}
+.scroller_e9196a {
+ @extend %settingsContentSidebarScroller !optional;
+}
+.sidebarHeaderDefault-1BHqHQ {
+ @extend %settingsContentSidebarHeaderDefault !optional;
+}
+.toolsContainer_c25c6d {
+ @extend %settingsToolsContainer !optional;
+}
+.tools_c25c6d {
+ @extend %settingsTools !optional;
+}
+.container_df5532 {
+ @extend %settingsCloseButtonContainer !optional;
+}
+.closeButton_df5532 {
+ @extend %settingsCloseButton !optional;
+}
+.keybind_df5532 {
+ @extend %settingsCloseButtonKeybind !optional;
+}
+.imageUploaderInner_de76e4 {
+ @extend %settingsImageUploaderInner !optional;
+}
+.imageUploaderIcon_de76e4 {
+ @extend %settingsImageUploaderIcon !optional;
+}
+.cardHeader_dedfd1 {
+ @extend %applicationPermissionsCardHeader !optional;
+}
+.inModal_dedfd1 {
+ @extend %applicationPermissionsCardHeaderInModal !optional;
+}
+.noItemsSelected_ec6bf1 {
+ @extend %applicationPermissionsCardNoItemsSelected !optional;
+}
+.group_b05c08 {
+ @extend %applicationPermissionsButtonGroup !optional;
+}
+.requiredPermissionsBanner_f575ef {
+ @extend %requiredPermissionsBanner !optional;
+}
+.message_f575ef {
+ @extend %requiredPermissionsBannerMessage !optional;
+}
+.card_a298b8 {
+ @extend %settingsCard !optional;
+}
+.cardPrimary_a298b8 {
+ @extend %settingsCardPrimary !optional;
+}
+.outline_a298b8 {
+ @extend %settingsCardPrimaryOutline !optional;
+}
+.backgroundAccent_dd4615 {
+ @extend %settingsCardBackgroundAccent !optional;
+}
+.card_ffe375 {
+ @extend %settingsLongCard !optional;
+}
+.icon_aae945 {
+ @extend %settingsCardLargeIcon !optional;
+}
+.preview_a614a7 {
+ @extend %settingsPreviewCard !optional;
+}
+.member-2cj2PI {
+ @extend %settingsMemberCard !optional;
+}
+.cardWrapper_bc8d2a {
+ @extend %settingsCardWrapper !optional;
+}
+.card__11580 {
+ @extend %settingsCardWrapperInner !optional;
+}
+.descriptionBox_c38f8d {
+ @extend %settingsCardDescriptionBox !optional;
+}
+.wrapper_adaea0 {
+ @extend %settingsCardNitro !optional;
+}
+.icon-1fWS75 {
+ @extend %settingsCardIcon !optional;
+}
+.flexChild_bba380 {
+ @extend %settingsCardIconDescriptor !optional;
+}
+.detailsBlock_a206c7 {
+ @extend %settingsDetailBlock !optional;
+}
+.dropsHelpText_e8af36 {
+ @extend %dropsHelpText !optional;
+}
+.promotionCard_e8af36 {
+ @extend %promotionCard !optional;
+}
+.feature-2IUcBI {
+ @extend %featureCard !optional;
+}
+.info_f20685, .infoText-1-X8oU, .info_dc0d6d {
+ @extend %settingsCardInfo !optional;
+}
+.icon_f20685 {
+ @extend %settingsCardInfoIcon !optional;
+}
+.button_a467ac {
+ @extend %settingsLongCardButton !optional;
+}
+.deviceOptionCertified_dfcd87 {
+ @extend %deviceOptionCertified !optional;
+}
+.micTestButton_ca3055 {
+ @extend %settingsMicTestButton !optional;
+}
+.micTestCaption_e75a73 {
+ @extend %settingsMicTestCaption !optional;
+}
+.accountProfileCard_b69b77 {
+ @extend %settingsAccountProfileCard !optional;
+}
+.bannerSVGWrapper_b32cc2 {
+ @extend %settingsUserBannerSVGWrapper !optional;
+}
+.settingsBanner_c3e427 {
+ @extend %settingsUserBanner !optional;
+}
+.userInfo_b69b77 {
+ @extend %settingsUserInfo !optional;
+}
+.background_b69b77 {
+ @extend %settingsUserBackground !optional;
+}
+.badgeList_b69b77 {
+ @extend %settingsBadgeList !optional;
+}
+.fieldList_b69b77 {
+ @extend %fieldList !optional;
+}
+.field_b69b77 {
+ @extend %field !optional;
+}
+.credentialList_eaef52 {
+ @extend %settingsCredentialList !optional;
+}
+.credentialItem_eaef52 {
+ @extend %settingsCredentialItem !optional;
+}
+.constrainedRow_b69b77 {
+ @extend %constrainedRow !optional;
+}
+.customColorPicker_bbc020 {
+ @extend %colorPickerCustom !optional;
+}
+.suggestedColor__713b5 {
+ @extend %colorPickerSuggestedColor !optional;
+}
+.colorPickerRow_d31e23 {
+ @extend %colorPickerRow !optional;
+}
+.colorPickerSwatch__343b4 {
+ @extend %colorPickerSwatch !optional;
+}
+.custom__383ac {
+ @extend %colorPickerSwatchCustom !optional;
+}
+.default__428e2 {
+ @extend %colorPickerSwatchDefault !optional;
+}
+.swatch_c66781 {
+ @extend %colorSwatch !optional;
+}
+.noticeRegion_c25c6d {
+ @extend %settingsNoticeRegion !optional;
+}
+.saveNoticeContainer_d5bf6c {
+ @extend %settingsSaveNoticeContainer !optional;
+}
+.container_b6cd66 {
+ @extend %settingsNoticeContainer !optional;
+}
+.actions_b6cd66 {
+ @extend %settingsNoticeActions !optional;
+}
+.resetButton_b6cd66 {
+ @extend %settingsNoticeResetButton !optional;
+}
+.standardSidebarView_c25c6d {
+ @extend %standardSidebarView !optional;
+}
+.sidebarRegion_c25c6d {
+ @extend %settingsSidebarRegion !optional;
+}
+.sidebarRegionScroller_c25c6d {
+ @extend %settingsSidebarScroller !optional;
+}
+.sidebar_c25c6d {
+ @extend %settingsSidebar !optional;
+}
+.side_a0 {
+ @extend %settingsSide !optional;
+}
+.header_a0 {
+ @extend %settingsSideHeader !optional;
+}
+.eyebrow_dc00ef {
+ @extend %settingsSideHeaderEyebrow !optional;
+}
+.item_a0 {
+ @extend %settingsSideItem !optional;
+}
+.selected_a0 {
+ @extend %settingsSideItemSelected !optional;
+}
+.tabBarItemContainer_e7c031 {
+ @extend %settingsTabBarItemContainer !optional;
+}
+.socialLinks_c44e94 {
+ @extend %settingsSocialLinks !optional;
+}
+.info_c5a741 {
+ @extend %settingsDiscordInfo !optional;
+}
+.link-39xJu3 {
+ @extend %settingsSocialLink !optional;
+}
+.eyebrow_c46f6a {
+ @extend %settingsHeaderTitle !optional;
+}
+.tabBar_bff66b {
+ @extend %settingsProfilesTabBar !optional;
+}
+.baseLayout_bad983 {
+ @extend %settingsProfilesBaseLayout !optional;
+}
+.baseLayoutProfileThemes-1Jj-oN {
+ @extend %settingsProfilesBaseLayoutProfileThemes !optional;
+}
+.container-5BK5-N, .container_da1432 {
+ @extend %settingsProfileShopCard !optional;
+}
+.customizationSection_b3a5c2 {
+ @extend %settingsProfileCard !optional;
+}
+.withDivider_b3a5c2 {
+ @extend %settingsProfileCardWithDivider !optional;
+}
+.hideDivider_b3a5c2 {
+ @extend %settingsProfileCardHideDivider !optional;
+}
+.preview_bad983 {
+ @extend %settingsPreviewProfileThemes !optional;
+}
+.upsellOverlayContainer_eb49af {
+ @extend %settingsUpsellOverlayContainer !optional;
+}
+.profileThemeSectionPremiumBorder-pH_ioT {
+ @extend %settingsProfileThemeSectionPremiumBorder !optional;
+}
+.divider-2bhE_v {
+ @extend %settingsProfileCardDivider !optional;
+}
+.tryItOutSection_eb2d2c {
+ @extend %settingsProfileTryItOutSection !optional;
+}
+.premiumBackground_c6d722 {
+ @extend %settingsProfilePremiumBackground !optional;
+}
+.customizationSectionBorder_b3a5c2 {
+ @extend %settingsProfileCustomizationSectionBorder !optional;
+}
+.background_c6d722 {
+ @extend %settingsProfileCustomizationBackground !optional;
+}
+.nitroWheel_abc655 {
+ @extend %settingsProfileNitroWheel !optional;
+}
+.upsellOverlay_eb49af {
+ @extend %settingsUpsellOverlay !optional;
+}
+.upsellTextContainer_eb49af {
+ @extend %settingsUpsellTextContainer !optional;
+}
+.tabBar_bff66b {
+ @extend %settingsProfileTabBar !optional;
+}
+.tabBarItem_bff66b {
+ @extend %settingsProfileTabBarItem !optional;
+}
+.selected-g-kMVV {
+ @extend %settingsProfileTabBarItemSelected !optional;
+}
+.notice-1Qe0b_ {
+ @extend %settingsProfileNotice !optional;
+}
+.title_b3a5c2 {
+ @extend %settingsProfileHeader !optional;
+}
+.titleText-1IEWzs {
+ @extend %settingsProfileHeaderText !optional;
+}
+.buttonsContainer_a611c9 {
+ @extend %settingsProfileButtonsContainer !optional;
+}
+.swatch-35F5kl {
+ @extend %settingsProfileSwatch !optional;
+}
+.removeButton_a611c9 {
+ @extend %settingsProfileRemoveButton !optional;
+}
+.bioTextArea_ccf27d {
+ @extend %settingsProfileBioTextArea !optional;
+}
+.preview-Z55SA3 {
+ @extend %settingsProfilePreview !optional;
+}
+.profileBannerPreview-3mLIdO {
+ @extend %settingsProfileBannerPreview !optional;
+}
+.fakeActivityWrapper-2i1oU- {
+ @extend %settingsProfileFakeActivityWrapper !optional;
+}
+.optionBox_f2f431 {
+ @extend %settingsProfileOptionBox !optional;
+}
+.contentCircle_f2f431 {
+ @extend %settingsProfileContentCircle !optional;
+}
+.uploadIcon_f2f431 {
+ @extend %settingsProfileUploadIcon !optional;
+}
+.imageSpecifications_f2f431 {
+ @extend %settingsProfileImageSpecifications !optional;
+}
+.decorationGridItem_b35b54, .effectGridItem_c80296 {
+ @extend %settingsProfileDecorationGridItem !optional;
+}
+.selected_c80296 {
+ @extend %settingsProfileDecorationGridItemSelected !optional;
+}
+.decorationPreview_aba31b {
+ @extend %settingsProfileDecorationPreview !optional;
+}
+.smallDecorationPreviewsContainer_aba31b {
+ @extend %settingsProfileSmallDecorationPreviewsContainer !optional;
+}
+.effectDescriptionBorderWithGradient_a9d381 {
+ @extend %settingsProfileEffectDescriptionBorderWithGradient !optional;
+}
+.effectDescriptionContainer_a9d381 {
+ @extend %settingsProfileEffectDescriptionContainer !optional;
+}
+.shopPreviewContainer_aba31b {
+ @extend %settingsShopPreviewContainer !optional;
+}
+.shopPreviewBanner_aba31b {
+ @extend %settingsShopPreviewBanner !optional;
+}
+.settingsHeader_a9f4e8 {
+ @extend %settingsHeader !optional;
+}
+.membersHeader-6GlAlu {
+ @extend %settingsMemberHeader !optional;
+}
+.children_a6ae9b {
+ @extend %settingsHeaderChildren !optional;
+}
+.divider_ae36e5 {
+ @extend %settingsHeaderDivider !optional;
+}
+.inviteSettingsInviteRow_edb39d {
+ @extend %settingsInviteCard !optional;
+}
+.horizontal_bba380 {
+ @extend %settingsInviteHeader !optional;
+}
+.headerSection_edb39d {
+ @extend %settingsInviteHeaderSection !optional;
+}
+.headerDivider_edb39d {
+ @extend %settingsInviteHeaderDivider !optional;
+}
+.divider_b8ab18 {
+ @extend %settingsInviteDivider !optional;
+}
+.text_edb39d {
+ @extend %settingsInviteText !optional;
+}
+.user_edb39d {
+ @extend %settingsInviteUser !optional;
+}
+.avatar_edb39d {
+ @extend %settingsInviteAvatar !optional;
+}
+.colorHeaderSecondary-g5teka {
+ @extend %settingsInviteChannel !optional;
+}
+.username_edb39d {
+ @extend %settingsInviteUsername !optional;
+}
+.revokeInvite_edb39d {
+ @extend %settingsInviteRevokeInvite !optional;
+}
+.bannedUser_c90ddb {
+ @extend %bannedUser !optional;
+}
+.username_c90ddb {
+ @extend %bannedUsername !optional;
+}
+.discrim_c90ddb {
+ @extend %bannedDiscrim !optional;
+}
+.container_c90ddb {
+ @extend %bannedUsersContainer !optional;
+}
+.scrollerContainer_c90ddb {
+ @extend %bannedUsersScrollerContainer !optional;
+}
+.bannedUserModal_a9f4e8 {
+ @extend %bannedUserModal !optional;
+}
+.content-2hZxGK {
+ @extend %bannedUserModalContent !optional;
+}
+.reasonHeader_a9f4e8 {
+ @extend %bannedUserModalReasonHeader !optional;
+}
+.container-3D-8Ly {
+ @extend %settingsNitroIncomingContainer !optional;
+}
+.ctaWrapper-4Js5Q6 {
+ @extend %settingsNitroCtaWrapper !optional;
+}
+.ctaButtonInner-2VRelf {
+ @extend %settingsNitroCtaButtonInner !optional;
+}
+.tierCard_cf74b3 {
+ @extend %settingsNitroTierCard !optional;
+}
+.giftCard_cf74b3 {
+ @extend %settingsNitroGiftCard !optional;
+}
+.gradient_e74e54 {
+ @extend %settingsServerBoostBannerGradient !optional;
+}
+.wave_e74e54 {
+ @extend %settingsServerBoostBannerWave !optional;
+}
+.wrapper_d73dcb {
+ @extend %settingsServerBoostBannerSubtextWrapper !optional;
+}
+.guildContainer_e0d799 {
+ @extend %settingsServerBoostGuildContainer !optional;
+}
+.wrapper_d4ec61 {
+ @extend %settingsServerBoostGuildNotSeenWrapper !optional;
+}
+.wrapper_d1fdce {
+ @extend %settingsServerBoostPerksWrapper !optional;
+}
+.card_d1fdce {
+ @extend %settingsServerBoostPerksCard !optional;
+}
+.wrapper_e55051 {
+ @extend %settingsServerBoostFAQCard !optional;
+}
+.heading_e55051 {
+ @extend %settingsServerBoostFAQHeading !optional;
+}
+.list_e55051 {
+ @extend %settingsServerBoostFAQList !optional;
+}
+.listItem_e55051 {
+ @extend %settingsServerBoostFAQListItem !optional;
+}
+.header_c258fa {
+ @extend %settingsServerBoostHeader !optional;
+}
+.border__8d6b3 {
+ @extend %settingsServerBoostHeaderBorder !optional;
+}
+.warning_f20685 {
+ @extend %keybindWarningCard !optional;
+}
+.icon_f20685 {
+ @extend %keybindWarningCardIcon !optional;
+}
+.row_f916fc {
+ @extend %keybindRow !optional;
+}
+.keybindGroup_f916fc {
+ @extend %keybindGroup !optional;
+}
+.defaultKeybindGroup_f916fc {
+ @extend %keybindDefaultGroup !optional;
+}
+.defaultKeybindGroupHeader_f916fc {
+ @extend %keybindDefaultGroupHeader !optional;
+}
+.defaultKeybindGroupWithDescription_f916fc {
+ @extend %keybindDefaultGroupWithDescription !optional;
+}
+.defaultKeybindGroupDescription_f916fc {
+ @extend %keybindDefaultGroupDescription !optional;
+}
+.divider_b03b7f {
+ @extend %keybindDivider !optional;
+}
+.defaultKeybind_f916fc {
+ @extend %keybindDefault !optional;
+}
+.removeKeybind-2YVgVG {
+ @extend %removeKeybind !optional;
+}
+.notDetected_fd966d {
+ @extend %settingsGameNotDetectedCard !optional;
+}
+.nowPlaying_fd966d {
+ @extend %settingsGameNowPlayingCard !optional;
+}
+.nowPlayingAdd_fd966d {
+ @extend %settingsGameNowPlayingAdd !optional;
+}
+.gameName_fd966d {
+ @extend %settingsGameName !optional;
+}
+.lastPlayed_fd966d {
+ @extend %settingsGameLastPlayed !optional;
+}
+.addGamePopout_fd966d {
+ @extend %addGamePopout !optional;
+}
+.actions_fd966d {
+ @extend %addGamePopoutActions !optional;
+}
+.title-3hptVQ {
+ @extend %settingsGameListTitle !optional;
+}
+.description_b89ec7 {
+ @extend %settingsGameDescription !optional;
+}
+.game_fd966d {
+ @extend %settingsGameContainer !optional;
+}
+.gameNameInput_fd966d {
+ @extend %settingsGameNameInput !optional;
+}
+.overlayStatusText__668e1 {
+ @extend %settingsGameOverlayStatusText !optional;
+}
+.wrapper_d2da9c {
+ @extend %settingsGameOverlayCard !optional;
+}
+.option_d2da9c {
+ @extend %settingsGameOverlayCardOption !optional;
+}
+.selected_d2da9c {
+ @extend %settingsGameOverlayCardOptionSelected !optional;
+}
+.defaultColor__77578, .defaultColor_e9e35f, .defaultColor_a595eb {
+ @extend %defaultColor !optional;
+}
+.h1_c46f6a {
+ @extend %titleH1 !optional;
+}
+.h2_c46f6a {
+ @extend %titleH2 !optional;
+}
+.h4-1_f8j1 {
+ @extend %titleH4 !optional;
+}
+.h5_c46f6a {
+ @extend %titleH5 !optional;
+}
+.size14_fb468f {
+ @extend %size14 !optional;
+}
+.size16_fb468f {
+ @extend %size16 !optional;
+}
+.text-xxs\/normal_dc00ef {
+ @extend %textXssNormal !optional;
+}
+.text-xxs\/medium_dc00ef {
+ @extend %textXssMedium !optional;
+}
+.text-xxs\/semibold_dc00ef {
+ @extend %textXssSemibold !optional;
+}
+.text-xxs\/bold_dc00ef {
+ @extend %textXssBold !optional;
+}
+.text-xs\/normal_dc00ef {
+ @extend %textXsNormal !optional;
+}
+.text-xs\/medium_dc00ef {
+ @extend %textXsMedium !optional;
+}
+.text-xs\/semibold_dc00ef {
+ @extend %textXsSemibold !optional;
+}
+.text-xs\/bold_dc00ef {
+ @extend %textXsBold !optional;
+}
+.text-sm\/normal_dc00ef {
+ @extend %textSmNormal !optional;
+}
+.text-sm\/medium_dc00ef {
+ @extend %textSmMedium !optional;
+}
+.text-sm\/semibold_dc00ef {
+ @extend %textSmSemibold !optional;
+}
+.text-sm\/bold_dc00ef {
+ @extend %textSmBold !optional;
+}
+.text-md\/normal_dc00ef {
+ @extend %textMdNormal !optional;
+}
+.text-md\/medium_dc00ef {
+ @extend %textMdMedium !optional;
+}
+.text-md\/semibold_dc00ef {
+ @extend %textMdSemibold !optional;
+}
+.text-md\/bold_dc00ef {
+ @extend %textMdBold !optional;
+}
+.text-lg\/normal_dc00ef {
+ @extend %textLgNormal !optional;
+}
+.text-lg\/medium_dc00ef {
+ @extend %textLgMedium !optional;
+}
+.text-lg\/semibold_dc00ef {
+ @extend %textLgSemibold !optional;
+}
+.text-lg\/bold_dc00ef {
+ @extend %textLgBold !optional;
+}
+.heading-sm\/normal_dc00ef {
+ @extend %headingSmNormal !optional;
+}
+.heading-sm\/medium_dc00ef {
+ @extend %headingSmMedium !optional;
+}
+.heading-sm\/semibold_dc00ef {
+ @extend %headingSmSemibold !optional;
+}
+.heading-sm\/bold_dc00ef {
+ @extend %headingSmBold !optional;
+}
+.heading-md\/normal_dc00ef {
+ @extend %headingMdNormal !optional;
+}
+.heading-md\/medium_dc00ef {
+ @extend %headingMdMedium !optional;
+}
+.heading-md\/semibold_dc00ef {
+ @extend %headingMdSemibold !optional;
+}
+.heading-md\/bold_dc00ef {
+ @extend %headingMdBold !optional;
+}
+.heading-md\/extrabold_dc00ef {
+ @extend %headingMdExtrabold !optional;
+}
+.heading-lg\/semibold_dc00ef {
+ @extend %headingLgSemibold !optional;
+}
+.heading-lg\/extrabold_dc00ef {
+ @extend %headingLgExtrabold !optional;
+}
+.heading-xl\/medium_dc00ef {
+ @extend %headlingXlMedium !optional;
+}
+.heading-xl\/semibold_dc00ef {
+ @extend %headlingXlSemibold !optional;
+}
+.heading-xl\/bold_dc00ef {
+ @extend %headlingXlBold !optional;
+}
+.heading-xl\/extrabold_dc00ef {
+ @extend %headlingXlExtrabold !optional;
+}
+.lineClamp1__92431 {
+ @extend %lineClamp1 !optional;
+}
+.paddingTop_bdc518 {
+ @extend %paddingTop !optional;
+}
+.uppercase-2unHJn {
+ @extend %uppercase !optional;
+}
+.eyebrow_c46f6a {
+ @extend %eyebrow !optional;
+}
+.error_c46f6a {
+ @extend %eyebrowError !optional;
+}
+.formNotice_aae945 {
+ @extend %formNotice !optional;
+}
+.formNoticeTitle_aae945 {
+ @extend %formNoticeTitle !optional;
+}
+.formNoticeBody_aae945 {
+ @extend %formNoticeBody !optional;
+}
+.formText_b89ec7 {
+ @extend %formText !optional;
+}
+.formFieldWrapper-2LV3S6 {
+ @extend %formFieldWrapper !optional;
+}
+.authedApp_f0135d {
+ @extend %authedApp !optional;
+}
+.twoWayWarning_f0135d {
+ @extend %authedAppTwoWayWarning !optional;
+}
+.tosPrivacy_f0135d {
+ @extend %authedAppTosPrivacy !optional;
+}
+.connectContainer_e2a436 {
+ @extend %accountList !optional;
+}
+.connectHeader_e2a436 {
+ @extend %accountListHeader !optional;
+}
+.connectionsContainer_e2a436 {
+ @extend %connectionsContainer !optional;
+}
+.wrapper_c36ce4 {
+ @extend %connectionsAccountButton !optional;
+}
+.accountButtonInner_e2a436 {
+ @extend %connectionsAccountsButtonInner !optional;
+}
+.header_ec99f9 {
+ @extend %connectionsModalHeader !optional;
+}
+.connectionsContainer_e2a436 {
+ @extend %connectionsModalConnectionsContainer !optional;
+}
+.accountBtn_ec99f9 {
+ @extend %connectionsModalAccountButton !optional;
+}
+.accountBtnInner_ec99f9 {
+ @extend %connectionsModalAccountButtonInner !optional;
+}
+.connectionList_e2a436 {
+ @extend %connectionList !optional;
+}
+.connection_e2a436 {
+ @extend %connectionCard !optional;
+}
+.connectionHeader_e2a436 {
+ @extend %connectionCardHeader !optional;
+}
+.connectionAccountValue_e2a436 {
+ @extend %connectionCardAccountValue !optional;
+}
+.connectionOptionsWrapper_e2a436 {
+ @extend %connectionCardWrapper !optional;
+}
+.connectionOptionSwitch_e2a436 {
+ @extend %connectionCardSwitch !optional;
+}
+.metadataContainer_e2a436 {
+ @extend %connectionCardMetadataContainer !optional;
+}
+.upsellWrapper_e2a436 {
+ @extend %connectionsCardUpsellWrapper !optional;
+}
+.container_f7e03d {
+ @extend %connectionCardUpsellContainer !optional;
+}
+.connectionsChecksGroup-_ALevE {
+ @extend %connectionsChecksGroup !optional;
+}
+.connectionsChecksGroupPassed-16h0PT {
+ @extend %connectionsChecksGroupPassed !optional;
+}
+.roleGranted-QK31f8 {
+ @extend %connectionsRoleGranted !optional;
+}
+.channelsGranted-1nZk5r {
+ @extend %connectionsChannelsGranted !optional;
+}
+.integrationsWrapper_e2a436 {
+ @extend %integrationWrapper !optional;
+}
+.integration_e2a436 {
+ @extend %integrationCard !optional;
+}
+.marginReset_f7730b {
+ @extend %marginReset !optional;
+}
+.marginTop4_f7730b {
+ @extend %marginTop4 !optional;
+}
+.marginBottom4_f7730b {
+ @extend %marginBottom4 !optional;
+}
+.marginTop8_f7730b {
+ @extend %marginTop8 !optional;
+}
+.marginBottom8_f7730b {
+ @extend %marginBottom8 !optional;
+}
+.marginTop20_f7730b {
+ @extend %marginTop20 !optional;
+}
+.marginBottom20_f7730b {
+ @extend %marginBottom20 !optional;
+}
+.marginTop40_f7730b {
+ @extend %marginTop40 !optional;
+}
+.marginBottom40_f7730b {
+ @extend %marginBottom40 !optional;
+}
+.marginTop60_f7730b {
+ @extend %marginTop60 !optional;
+}
+.marginBottom60_f7730b {
+ @extend %marginBottom60 !optional;
+}
+.guildFeatureAvailabilityIndicator_f0a9ff {
+ @extend %guildFeatureAvailabilityIndicator !optional;
+}
+.tabBar-3pstF7 {
+ @extend %guildSettingsRolesTabBar !optional;
+}
+.item_a0 {
+ @extend %guildSettingsRolesTabBarItem !optional;
+}
+.selected-g-kMVV {
+ @extend %guildSettingsRolesTabBarItemSelected !optional;
+}
+.container__33507 {
+ @extend %guildSettingsRoleSearchBar !optional;
+}
+.inner_c18ec9 {
+ @extend %guildSettingsRoleSearchBarInner !optional;
+}
+.input_c18ec9 {
+ @extend %guildSettingsRoleSearchInput !optional;
+}
+.iconLayout_c18ec9 {
+ @extend %guildSettingsRoleSearchIconLayout !optional;
+}
+.rolesTable_e72811 {
+ @extend %guildSettingsRolesTable !optional;
+}
+.tableHeader_e72811 {
+ @extend %guildSettingsRolesTableHeader !optional;
+}
+.tableTitle_e72811 {
+ @extend %guildSettingsRolesTableTitle !optional;
+}
+.roleRow_a930f1 {
+ @extend %guildSettingsRoleRow !optional;
+}
+.roleRowDisableHover_a930f1 {
+ @extend %guildSettingsRoleRowDisabledHover !optional;
+}
+.editButton_a930f1 {
+ @extend %guildSettingsRoleEditButtion !optional;
+}
+.dragIcon_a930f1 {
+ @extend %guildSettingsRoleDragIcon !optional;
+}
+.circleButton_a930f1 {
+ @extend %guildSettingsRoleCircleButton !optional;
+}
+.editButton_a930f1 {
+ @extend %guildSettingsRoleEditButton !optional;
+}
+.searchBox_a0cc0d {
+ @extend %guildSettingsRoleAddMemberSearchBox !optional;
+}
+.scrollSeparator_a0cc0d {
+ @extend %guildSettingsRoleAddMemberScrollSeparator !optional;
+}
+.searchBar_ac8310 {
+ @extend %guildSettingsRoleAddMemberSearchBar !optional;
+}
+.dragSpacing_e72811 {
+ @extend %dragSpacing !optional;
+}
+.memberSpacing-1RRW7k {
+ @extend %memberSpacing !optional;
+}
+.container_cc7b67 {
+ @extend %guildSettingsRoleDefaultPermissions !optional;
+}
+.icon_cc7b67 {
+ @extend %guildSettingsRoleDefaultPermissionsIcon !optional;
+}
+.titleContainer_e87574 {
+ @extend %guildSettingsRoleBackContainer !optional;
+}
+.header_bd05f1 {
+ @extend %guildSettingsRoleHeader !optional;
+}
+.stickyHeaderElevated_bd05f1 {
+ @extend %guildSettingsRoleStickyHeader !optional;
+}
+.top-K_jibn {
+ @extend %guildSettingsRoleHeaderTabTop !optional;
+}
+.brand-3g5E0C {
+ @extend %guildSettingsRoleHeaderTabBrand !optional;
+}
+.page_e8251c {
+ @extend %guildSettingsRolePage !optional;
+}
+.sidebar_e87574 {
+ @extend %guildSettingsRoleSidebar !optional;
+}
+.titleContainer_e87574 {
+ @extend %guildSettingsRoleSidebarTitleContainer !optional;
+}
+.titleElevated_e87574 {
+ @extend %guildSettingsRoleSidebarTitleElevated !optional;
+}
+.titleText_e87574 {
+ @extend %guildSettingsRoleSidebarTitleText !optional;
+}
+.list_e87574 {
+ @extend %guildSettingsRoleSidebarList !optional;
+}
+.contentContainer_e8251c {
+ @extend %guildSettingsRoleContentContainer !optional;
+}
+.headerContainer_fe3229 {
+ @extend %guildSettingsRoleHeaderContainer !optional;
+}
+.contentWidth_bd05f1 {
+ @extend %guildSettingsRoleContentWidth !optional;
+}
+.roleDot-2a4Pv7 {
+ @extend %guildSettingsRoleDot !optional;
+}
+.tabBar_c69589 {
+ @extend %guildSettingsRoleTabBar !optional;
+}
+.searchContainer_a73849 {
+ @extend %guildSettingsRoleSearchContainer !optional;
+}
+.previewContainer_bdfce3 {
+ @extend %guildSettingsRoleIconPreviewContainer !optional;
+}
+.previewContainer_da1bd9 {
+ @extend %guildSettingsRolePreviewContainer !optional;
+}
+.messageContainer_da1bd9 {
+ @extend %guildSettingsRoleMessageContainer !optional;
+}
+.permissionsForm_a73849 {
+ @extend %guildSettingsRolePermissionsForm !optional;
+}
+.container-1zDvAE {
+ @extend %guildSettingsRolePermissionsContainer !optional;
+}
+.content_dc1809 {
+ @extend %emojiContent !optional;
+}
+.emojiTable_dc1809 {
+ @extend %emojiTable !optional;
+}
+.emojiRow_dc1809 {
+ @extend %emojiRow !optional;
+}
+.emojiImage_dc1809 {
+ @extend %emojiImage !optional;
+}
+.emojiInput_dc1809, .emojiInput-28Uqhi {
+ @extend %emojiInput !optional;
+}
+.emojiAliasInput_dc1809 {
+ @extend %emojiAliasInput !optional;
+}
+.emojiAliasPlaceholder_dc1809 {
+ @extend %emojiAliasPlaceholder !optional;
+}
+.emojiRemove_dc1809 {
+ @extend %emojiRemove !optional;
+}
+.auditLog_eebd33 {
+ @extend %auditLog !optional;
+}
+.header_eebd33 {
+ @extend %auditLogHeader !optional;
+}
+.headerExpanded_eebd33 {
+ @extend %auditLogHeaderExpanded !optional;
+}
+.icon_eebd33 {
+ @extend %auditLogIcon !optional;
+}
+.typeCreate_eebd33 {
+ @extend %auditLogTypeCreate !optional;
+}
+.typeUpdate_eebd33 {
+ @extend %auditLogTypeUpdate !optional;
+}
+.typeDelete_eebd33 {
+ @extend %auditLogTypeDelete !optional;
+}
+.divider_eebd33 {
+ @extend %auditLogDivider !optional;
+}
+.changeDetails_eebd33 {
+ @extend %auditLogChangeDetails !optional;
+}
+.detail_eebd33 {
+ @extend %auditLogDetail !optional;
+}
+.footerImage_fab929 {
+ @extend %footerImage !optional;
+}
+.activityUserPopout_d5089b, .activityProfile_d5089b {
+ @extend %activity !optional;
+}
+.headerText_d5089b {
+ @extend %activityHeaderText !optional;
+}
+.nameNormal_d5089b {
+ @extend %activityNameNormal !optional;
+}
+.activityName_d5089b {
+ @extend %activityName !optional;
+}
+.textHover-3f_j3D {
+ @extend %activityNameTextHover !optional;
+}
+.bodyLink_d5089b {
+ @extend %activityBodyLink !optional;
+}
+.timestamp_d5089b {
+ @extend %activityTimestamp !optional;
+}
+.wrapper_c51b4e {
+ @extend %avatarWrapper !optional;
+}
+.avatar_c51b4e {
+ @extend %avatarImage !optional;
+}
+.pointerEvents_c51b4e {
+ @extend %avatarStatusRect !optional;
+}
+.mask-1FEkla {
+ @extend %avatarMask !optional;
+}
+.avatar-b5OQ1N {
+ @extend %avatarImage !optional;
+}
+.avatar_f9f2ca {
+ @extend %avatarLarge !optional;
+}
+.avatarDecoration_f9f2ca {
+ @extend %avatarDecoration !optional;
+}
+.avatarOffline-3GF27z {
+ @extend %avatarOffline !optional;
+}
+.avatarUploaderInner_ab876d {
+ @extend %avatarUploaderInner !optional;
+}
+.avatarUploaderHint-2ZdBlc {
+ @extend %avatarUploaderHint !optional;
+}
+.botTag_a02df3 {
+ @extend %botTag !optional;
+}
+.botTagRegular_a02df3 {
+ @extend %botTagRegular !optional;
+}
+.botTagVerified_a02df3 {
+ @extend %botTagVerified !optional;
+}
+.role_f9575e, .role_c6b11b {
+ @extend %role !optional;
+}
+.roleCircle_a26d7b {
+ @extend %roleCircle !optional;
+}
+.showMoreButton_c83b44 {
+ @extend %roleShowMoreButton !optional;
+}
+.button_edead5 {
+ @extend %roleAddButton !optional;
+}
+.roleFlowerStar_e4010c {
+ @extend %roleFlowerStar !optional;
+}
+.linkIcon_b5435a {
+ @extend %roleLinkIcon !optional;
+}
+.perm-circle {
+ @extend %permCircle !optional;
+}
+.roleRemoveIcon_e4010c {
+ @extend %roleRemoveIcon !optional;
+}
+.roleName_e4010c {
+ @extend %roleName !optional;
+}
+.roleIcon_e4010c {
+ @extend %roleIcon !optional;
+}
+.addButton_e4010c {
+ @extend %roleAddButton !optional;
+}
+.addButtonIcon_e4010c {
+ @extend %roleAddButtonIcon !optional;
+}
+.roleWrapper-2IhvNd {
+ @extend %roleWrapper !optional;
+}
+.overflowButton-19oxmH {
+ @extend %roleOverflowButton !optional;
+}
+.overflowIcon-863s2Z {
+ @extend %roleOverflowIcon !optional;
+}
+.container-3ssFyj {
+ @extend %rolePreviewPopout !optional;
+}
+.item-1BCeuB {
+ @extend %rolePreviewItem !optional;
+}
+.role_deddac {
+ @extend %channelroles !optional
+}
+.pointerEvents-9SZWKj {
+ @extend %statusPointerEvents !optional;
+}
+.cursorDefault--wfhy5 {
+ @extend %statusCursorDefault !optional;
+}
+.loading_cea94f {
+ @extend %loading !optional;
+}
+.container_b11c5e {
+ @extend %replyContainer !optional;
+}
+.replyBar_b11c5e {
+ @extend %replyBar !optional;
+}
+.threadSuggestionBar_b11c5e {
+ @extend %replySuggestion !optional;
+}
+.createThreadButton_b11c5e {
+ @extend %replySuggestionCreateThreadButton !optional;
+}
+.mentionButton_b11c5e {
+ @extend %replyMentionButton !optional;
+}
+.closeButton_b11c5e {
+ @extend %replyCancelButton !optional;
+}
+.separator_b11c5e {
+ @extend %replySeperator !optional;
+}
+.hasReply_f9f2ca {
+ @extend %hasReply !optional;
+}
+.replying_d5deea {
+ @extend %replyingToIndicator !optional;
+}
+.ephemeral_d5deea {
+ @extend %ephemeral !optional;
+}
+.item_eb92a8 {
+ @extend %radioItem !optional;
+}
+.tooltipWrapper_eb92a8 {
+ @extend %radioItemDisabledTooltip !optional;
+}
+.disabled_eb92a8 {
+ @extend %radioItemDisabled !optional;
+}
+.group_e3c4bb {
+ @extend %radioPillGroup !optional;
+}
+.item_e3c4bb {
+ @extend %radioPillItem !optional;
+}
+.selected_e3c4bb {
+ @extend %radioPillItemSelected !optional;
+}
+.deny_e3c4bb {
+ @extend %radioPillItemDeny !optional;
+}
+.passthrough_e3c4bb {
+ @extend %radioPillItemPassthrough !optional;
+}
+.allow_e3c4bb {
+ @extend %radioPillItemAllow !optional;
+}
+.radioBar_eb92a8 {
+ @extend %radioBar !optional;
+}
+.radioBar-3_FqUK {
+ @extend %radioBarAlt !optional;
+}
+.radioBarIcon-EiCq-C {
+ @extend %radioBarIcon !optional;
+}
+.radioIconForeground_eb92a8 {
+ @extend %radioIconChecked !optional;
+}
+.radioText-3Mv1MY {
+ @extend %radioText !optional;
+}
+.info_eb92a8 {
+ @extend %radioInfo !optional;
+}
+.userSettingsVoice-1_dzjw {
+ @extend %userSettingsVoice !optional;
+}
+.wrapper_e5cdf3 {
+ @extend %micTestWrapper !optional;
+}
+.container_e5cdf3 {
+ @extend %micTestContainer !optional;
+}
+.progress_e5cdf3 {
+ @extend %micTestProgress !optional;
+}
+.notches_e5cdf3 {
+ @extend %micTestNotches !optional;
+}
+.sliderBar-2T41Pw {
+ @extend %inputSensitivitySliderBar !optional;
+}
+.speaking-NGQNT9 {
+ @extend %inputSensitivitySpeaking !optional;
+}
+.soundButtonSettingContainer_c801bb {
+ @extend %soundButtonSettingContainer !optional;
+}
+.cameraWrapper_ff1ac9 {
+ @extend %cameraWrapper !optional;
+}
+.backgroundOption_ad7d79 {
+ @extend %cameraBackgroundOption !optional;
+}
+.backgroundOptionRing_ad7d79 {
+ @extend %cameraBackgroundOptionRing !optional;
+}
+.backgroundOptionInner_ad7d79 {
+ @extend %cameraBackgroundOptionInner !optional;
+}
+.backgroundOptionContent_ad7d79 {
+ @extend %cameraBackgroundOptionContent !optional;
+}
+.backgroundOptionText_ad7d79 {
+ @extend %cameraBackgroundOptionText !optional;
+}
+.media-engine-video {
+ @extend %mediaEngineVideo !optional;
+}
+.backgroundOption_ad7d79 {
+ @extend %videoBgOption !optional;
+}
+.backgroundOptionRing_ad7d79 {
+ @extend %videoBgOptionRing !optional;
+}
+.backgroundOptionInner_ad7d79 {
+ @extend %videoBgOptionInner !optional;
+}
+.none_c49869 {
+ @extend %scrollbarNone !optional;
+}
+.thin_eed6a8 {
+ @extend %scrollbarThin !optional;
+}
+.modalContent-2y3sGW {
+ @extend %screenshareModalContent !optional;
+}
+.divider_bcb954 {
+ @extend %screenshareSegmentDivider !optional;
+}
+.segmentControl_d7ec26 {
+ @extend %screenshareSegmentControl !optional;
+}
+.tabItem_a18ec1 {
+ @extend %screenshareSegmentControlTabItem !optional;
+}
+.tabItemSelected_a18ec1 {
+ @extend %screenshareSegmentControlSelected !optional;
+}
+.tile_d7ec26 {
+ @extend %screenshareTile !optional;
+}
+.sourceThumbnail_d7ec26 {
+ @extend %screenshareSourceThumbnail !optional;
+}
+.selected_d7ec26 {
+ @extend %screenshareSourceSelected !optional;
+}
+.card_f30ffe {
+ @extend %screenshareCard !optional;
+}
+.voiceUserList_c32699 {
+ @extend %screenshareVoiceUserList !optional;
+}
+.qualitySettingsContainer_a78967 {
+ @extend %screenshareSettingsQualitySettingsContainer !optional;
+}
+.upsellBanner_f59576 {
+ @extend %screenshareSettingsUpsellBanner !optional;
+}
+.container_fe5744 {
+ @extend %screenshareSettingsClipsContainer !optional;
+}
+.pictureInPicture_d0596b {
+ @extend %pictureInPicture !optional;
+}
+.pictureInPictureVideo_cadaa5 {
+ @extend %pictureInPictureVideo !optional;
+}
+.wrapper_cbf230 {
+ @extend %incomingCallWrapper !optional;
+}
+.root_cbf230 {
+ @extend %incomingCallPopout !optional;
+}
+.textContainer_ad9cbd {
+ @extend %textContainer !optional;
+}
+.footer_ad9cbd {
+ @extend %textContainerFooter !optional;
+}
+.languageSelector_ad9cbd {
+ @extend %languageSelector !optional;
+}
+.item-1BCeuB {
+ @extend %languageSelectorItem !optional;
+}
+.selected-22ukbQ {
+ @extend %languageSelectorSelected !optional;
+}
+.modalTextContainer_ad9cbd {
+ @extend %textContainerModal !optional;
+}
+.attachmentName_ad9cbd {
+ @extend %attachmentName !optional;
+}
+.formattedSize_ad9cbd {
+ @extend %attachmentSize !optional;
+}
+.container_ed4410 {
+ @extend %stageContainer !optional;
+}
+.callContainer_ed4410 {
+ @extend %stageCallContainer !optional;
+}
+.scroller_bb12d2 {
+ @extend %stageScroller !optional;
+}
+.gradientContainer_dd069c {
+ @extend %stageGradientContainer !optional;
+}
+.container-2t1JyW {
+ @extend %stageHeaderContainer !optional;
+}
+.rowContainer_f3a5b1 {
+ @extend %stageSpeakers !optional;
+}
+.participants_a07d72 {
+ @extend %stageParticipants !optional;
+}
+.tileContainer_e1522e {
+ @extend %stageParticipant !optional;
+}
+.container-36u7Lw {
+ @extend %stageModIconContainer !optional;
+}
+.container_f7ece4 {
+ @extend %stageRequestContainer !optional;
+}
+.background_b42a48 {
+ @extend %stageIconBigBackground !optional;
+}
+.foreground_b42a48 {
+ @extend %stageIconBigForeground !optional;
+}
+.stageIconBackground-5uF4K9 {
+ @extend %stageIconBackground !optional;
+}
+.textInput-2xgsSa {
+ @extend %stagePopoutTextInput !optional;
+}
+.container_dc3fc4 {
+ @extend %stageStartActionContainer !optional;
+}
+.iconContainer_df0aed {
+ @extend %stageJoinIconContainer !optional;
+}
+.container_e12b21 {
+ @extend %stageBottomButtonsContainer !optional;
+}
+.categoryPill-1zjNrr{
+ @extend %categoryPill !optional;
+}
+.selected-bLcqYK {
+ @extend %categoryPillSelected !optional;
+}
+.pageControlContainer_b48941 {
+ @extend %pageControlContainer !optional;
+}
+.pageControl_b48941 {
+ @extend %pageControl !optional;
+}
+.pageButton_b48941 {
+ @extend %pageButton !optional;
+}
+.activeButton_b48941 {
+ @extend %pageButtonActive !optional;
+}
+.endButton_b48941 {
+ @extend %pageEndButton !optional;
+}
+.iconCaret_b48941 {
+ @extend %pageEndButtonIconCaret !optional;
+}
+.pageIndicator_cb56ee {
+ @extend %pageIndicator !optional;
+}
+.consentCard_ea523e {
+ @extend %consentCard !optional;
+}
+.nowPlayingColumn_c2739c {
+ @extend %nowPlayingColumn !optional;
+}
+.container_bf550a {
+ @extend %nowPlayingColumnContainer !optional;
+}
+.scroller_bf550a {
+ @extend %nowPlayingColumnScroller !optional;
+}
+.header_bf550a {
+ @extend %nowPlayingColumnHeader !optional;
+}
+.memberItem_b09fe8 {
+ @extend %nowPlayingColumnMemberItem !optional;
+}
+.card_ae5e0b {
+ @extend %activeNowPrivacyCard !optional;
+}
+.header_ae5e0b {
+ @extend %activeNowPrivacyCardHeader !optional;
+}
+.buttonContainer_ae5e0b {
+ @extend %activeNowPrivacyCardButtonContainer !optional;
+}
+.outer_c0f6a6 {
+ @extend %activeNowOuterCard !optional;
+}
+.interactive_c0f6a6 {
+ @extend %activeNowCardInteractive !optional;
+}
+.active_c0f6a6 {
+ @extend %activeNowCardActive !optional;
+}
+.inset_c0f6a6 {
+ @extend %activeNowCardInset !optional;
+}
+.section_cd82a7 {
+ @extend %activeNowCardSection !optional;
+}
+.separator_cd82a7 {
+ @extend %activeNowCardSeparator !optional;
+}
+.headerIcon_cd82a7 {
+ @extend %activeNowCardHeaderIcon !optional;
+}
+.applicationStreamingPreviewWrapper_cd82a7 {
+ @extend %activeNowStreamingPreviewWrapper !optional;
+}
+.image_ed81cc {
+ @extend %activeNowCardStreamImage !optional;
+}
+.borderRadius0_cd82a7 {
+ @extend %activeNowCardImageBorderRadius0 !optional;
+}
+.emptyCard_f02fcf {
+ @extend %emptyActiveNowCard !optional;
+}
+.emptyHeader_f02fcf {
+ @extend %emptyActiveNowHeader !optional;
+}
+.emptyText_f02fcf {
+ @extend %emptyActiveNowText !optional;
+}
+.focused_a24e84 {
+ @extend %quickReactButtonFocused !optional;
+}
+.subscribeTooltipWrapper-3ipXtC {
+ @extend %subscribeTooltipWrapper !optional;
+}
+.subscribeTooltipHeader-15pGbG {
+ @extend %subscribeTooltipHeader !optional;
+}
+.subscribeTooltipText-2A8MMi-1JoUuw {
+ @extend %subscribeTooltipText !optional;
+}
+.containerBackground_ccd3df {
+ @extend %stickersPopoutBackground !optional;
+}
+.upsellContainer_bb33d5 {
+ @extend %stickersUpsellContainer !optional;
+}
+.upsellTooltipWrapper_dafa63 {
+ @extend %upsellTooltipWrapper !optional;
+}
+.caretTopCenter_dafa63 {
+ @extend %upsellTooltipCaretTopCenter !optional;
+}
+.caretLeftTop_dafa63 {
+ @extend %upsellTooltipCaretLefTop !optional;
+}
+.caretLeftCenter_dafa63 {
+ @extend %upsellTooltipCaretLeftCenter !optional;
+}
+.upsellTooltipHeader_dafa63 {
+ @extend %upsellTooltipHeader !optional;
+}
+.upsellTooltipText_dafa63, .content_dafa63 {
+ @extend %upsellTooltipText !optional;
+}
+.tier_da77bd {
+ @extend %stickersTier !optional;
+}
+.tierHeader_da77bd {
+ @extend %stickersTierHeader !optional;
+}
+.tierHeaderLocked_da77bd {
+ @extend %stickersTierHeaderLocked !optional;
+}
+.tierHeaderUnlocked_da77bd {
+ @extend %stickersTierHeaderUnlocked !optional;
+}
+.tierHeaderWithoutCardBody_da77bd {
+ @extend %stickersTierHeaderWithoutCardBody !optional;
+}
+.tierHeaderContent_da77bd {
+ @extend %stickersTierHeaderContent !optional;
+}
+.tierHeaderContent_da77bd {
+ @extend %stickersTierHeaderContent !optional;
+}
+.tierLock_da77bd {
+ @extend %stickersTierLock !optional;
+}
+.tierBody_da77bd {
+ @extend %stickersTeirBody !optional;
+}
+.grid_f8c5e7 {
+ @extend %stickersGrid !optional;
+}
+.wrapper_d864ab {
+ @extend %stickersUploadCard !optional;
+}
+.placeholderCard_f8c5e7 {
+ @extend %stickersPlaceholderCard !optional;
+}
+.action_d864ab {
+ @extend %stickersCardButtons !optional;
+}
+.form-QIWuKf {
+ @extend %stickersUploadForm !optional;
+}
+.formItem-1Vab1c {
+ @extend %stickersUploadFormItem !optional;
+}
+.sectionTitle-3j2YI1 {
+ @extend %stickersUploadSectionTitle !optional;
+}
+.background_a4fd01 {
+ @extend %stickersProgressBackground !optional;
+}
+.foreground__44f58 {
+ @extend %stickersProgressForground !optional;
+}
+.tierAccomplished__77998 {
+ @extend %stickersTierAccomplished !optional;
+}
+.tierCurrent_fc87b4 {
+ @extend %stickersTierCurrent !optional;
+}
+.tierFirst__327f4{
+ @extend %stickersTierFirst !optional;
+}
+.tierInProgress_a4fd01 {
+ @extend %stickersTierInProgress !optional;
+}
+.preview-x-26h- {
+ @extend %themePreview !optional;
+}
+.previewDark-3Xp3UB {
+ @extend %themePreviewDark !optional;
+}
+.previewLight-IOzFhi {
+ @extend %themePreviewLight !optional;
+}
+.upsellContainer_d0de76 {
+ @extend %communityUpsellContainer !optional;
+}
+.upsellContent_d0de76 {
+ @extend %communityUpsellContent !optional;
+}
+.upsellFooter_d0de76 {
+ @extend %communityUpsellFooter !optional;
+}
+.memberInsightsContainer_cfaf72 {
+ @extend %insightsContainer !optional;
+}
+.insightsHeader_cfaf72 {
+ @extend %insightsHeader !optional;
+}
+.divider_cfaf72 {
+ @extend %insightsDivider !optional;
+}
+.tips_cfaf72 {
+ @extend %insightsTips !optional;
+}
+.insightsActions_cfaf72 {
+ @extend %insightsActions !optional;
+}
+.card_b3f648 {
+ @extend %communityDiscoveryCard !optional;
+}
+.iconMask_b3f648 {
+ @extend %communityDiscoveryIconMask !optional;
+}
+.banner_b1a8d5 {
+ @extend %enableCommunityBanner !optional;
+}
+.checklistContainer-12xGp5 {
+ @extend %checklistContainer !optional;
+}
+.checklistHeader-3liG7E {
+ @extend %checklistContainerHeader !optional;
+}
+.featureCard_b1a8d5 {
+ @extend %featureCard !optional;
+}
+.featureIcon_b1a8d5 {
+ @extend %featureIcon !optional;
+}
+.checklist_d6d7a8, .checklistContainer-12xGp5 {
+ @extend %checklist !optional;
+}
+.header_bd2368, .checklistHeader-3liG7E {
+ @extend %checklistHeader !optional;
+}
+.checklistItem_bd2368 {
+ @extend %checklistItem !optional;
+}
+.separator_bd2368, .separator-2qVfIV {
+ @extend %checklistSeparator !optional;
+}
+.enableContainer-1J91Aq {
+ @extend %membershipEnableContainer !optional;
+}
+.previewContainer-1L7bG- {
+ @extend %membershipPreviewContainer !optional;
+}
+.editableFieldsContainer-1p_q_4 {
+ @extend %membershipEditableFieldsContainer !optional;
+}
+.settingsFormItem-25zW3t {
+ @extend %membershipSettingsFormItem !optional;
+}
+.settingsFormFieldWrapper-U99c9i {
+ @extend %membershipSettingsFormFieldWrapper !optional;
+}
+.settingsLink-2BmKpa {
+ @extend %membershipSettingsLink !optional;
+}
+.termsRow-dZXIM3 {
+ @extend %membershipTermsRow !optional;
+}
+.termsRowContent-2Qx-E5 {
+ @extend %membershipTermsRowContent !optional;
+}
+.flex_bba380 {
+ @extend %membershipFlex !optional;
+}
+.mainColumnContainer-3y3ZF4 {
+ @extend %ruleScreeningMainColumnContainer !optional;
+}
+.sidebarContainer-3Lxtaw {
+ @extend %ruleScreeningSidebarContainer !optional;
+}
+.backgroundContainer_ceff93 {
+ @extend %rulesScreeningBackgroundContainer !optional;
+}
+.containerTitle_ceff93 {
+ @extend %rulesScreeningContainerTitle !optional;
+}
+.verificationLevelHook_ceff93 {
+ @extend %rulesScreeningContainerVerificationLevel !optional;
+}
+.containerFooter_ceff93 {
+ @extend %rulesScreeningContainerFooter !optional;
+}
+.containerPadding_ceff93 {
+ @extend %rulesScreeningContainerPadding !optional;
+}
+.fieldBackground_ceff93 {
+ @extend %rulesScreeningFieldBackground !optional;
+}
+.withFooter_ceff93 {
+ @extend %rulesScreeningWithFooter !optional;
+}
+.fieldFooterContainer_ceff93 {
+ @extend %rulesScreeningFieldFooterContainer !optional;
+}
+.sidebarFixedContainer-2fX672 {
+ @extend %rulesScreeningSidebarFixedContainer !optional;
+}
+.content_a74b6f {
+ @extend %rulesInnerContent !optional;
+}
+.guildSidebar_a74b6f {
+ @extend %rulesGuildSidebar !optional;
+}
+.emojisContainer_a74b6f {
+ @extend %rulesEmojiContainer !optional;
+}
+.emoji_a74b6f {
+ @extend %rulesEmoji !optional;
+}
+.modal_a74b6f {
+ @extend %rulesModal !optional;
+}
+.divider_a74b6f {
+ @extend %rulesDivider !optional;
+}
+.requirementContainer_b007eb {
+ @extend %rulesRequirementContainer !optional;
+}
+.fieldBackground_bd5b94 {
+ @extend %rulesFieldBackground !optional;
+}
+.termsFieldBody_cd377c {
+ @extend %rulesTermsFieldBody !optional;
+}
+.termsRow_bd5b94 {
+ @extend %rulesTermsRow !optional;
+}
+.overlay_cd377c {
+ @extend %rulesOverlay !optional;
+}
+.rulesTextAreaInput-2S9Tgi {
+ @extend %rulesTextAreaInput !optional;
+}
+.exampleRule-KGGZmT {
+ @extend %rulesExampleRule !optional;
+}
+.enableContainer_a1879c {
+ @extend %welcomeEnableContainer !optional;
+}
+.previewContainer_dcd39d {
+ @extend %welcomePreviewContainer !optional;
+}
+.descriptionWrapper_dcd39d {
+ @extend %welcomeDescriptionWrapper !optional;
+}
+.descriptionInput_dcd39d {
+ @extend %welcomeDescriptionInput !optional;
+}
+.welcomeChannel_dcd39d {
+ @extend %welcomeChannel !optional;
+}
+.channelIcon_dcd39d {
+ @extend %welcomeChannelIcon !optional;
+}
+.iconActiveLarger_f11207 {
+ @extend %welcomeIconActiveLarger !optional;
+}
+.options_e3f8c2 {
+ @extend %welcomeOptions !optional;
+}
+.optionContainer_e3f8c2 {
+ @extend %welcomeOptionContainer !optional;
+}
+.messagesPopoutWrap_ac90a2 {
+ @extend %messagesPopoutWrap !optional;
+}
+.header_ac90a2 {
+ @extend %messagesPopoutHeader !optional;
+}
+.expanded_f0cd33 {
+ @extend %messagesPopoutHeaderExpanded !optional;
+}
+.friendRequestsButton_c0c071 {
+ @extend %messagesPopoutHeaderFriendRequestButton !optional;
+}
+.button__292b6 {
+ @extend %messagesPopoutHeaderButton !optional;
+}
+.disabled__4d064 {
+ @extend %messagesPopoutHeaderButtonDisabled !optional;
+}
+.expandedInboxHeader_f0cd33 {
+ @extend %messagesPopoutExpandedInboxHeader !optional;
+}
+.expandedTabSection_f0cd33 {
+ @extend %messagesPopoutExpandedTabSection !optional;
+}
+.container_fe1358 {
+ @extend %messagesPopoutContentContainer !optional;
+}
+.row_fd8ff1 {
+ @extend %messagesPopoutRow !optional;
+}
+.friendRequestContainer_fd8ff1 {
+ @extend %messagesPopoutFriendRequestContainer !optional;
+}
+.messagesPopout_ac90a2 {
+ @extend %messagesPopoutInner !optional;
+}
+.footer_ac90a2 {
+ @extend %messagesPopoutFooter !optional;
+}
+.tabBar_f0cd33 {
+ @extend %messagesPopoutTabBar !optional;
+}
+.tab_f0cd33 {
+ @extend %messagesPopoutTab !optional;
+}
+.active_f0cd33 {
+ @extend %messagesPopoutTabActive !optional;
+}
+.channelHeader_f3978e {
+ @extend %messagesPopoutChannelHeader !optional;
+}
+.button__292b6 {
+ @extend %messagesPopoutChannelHeaderButton !optional;
+}
+.messageGroupWrapper_ac90a2 {
+ @extend %pinnedMessageGroupWrapper !optional;
+}
+.actionButtons_ac90a2 {
+ @extend %pinnedActionButtons !optional;
+}
+.jumpButton_ac90a2 {
+ @extend %pinnedJumpButton !optional;
+}
+.recentMentionsPopout_ddb5b4 {
+ @extend %recentMentionsPopout !optional;
+}
+.container_ddb5b4 {
+ @extend %recentMentionsContainer !optional;
+}
+.header_f0cd33 {
+ @extend %recentMentionsHeader !optional;
+}
+.messageContainer_ddb5b4 {
+ @extend %recentMentionsMessagesContainer !optional;
+}
+.jumpButton_aab0bc {
+ @extend %recentMentionsJumpButton !optional;
+}
+.text_ac3dc2 {
+ @extend %recentMentionsJumpButtonText !optional;
+}
+.icon_b0914a {
+ @extend %recentMentionsIcon !optional;
+}
+.tutorial_f1c3d9 {
+ @extend %unreadTutorial !optional;
+}
+.tutorialIcon_f1c3d9{
+ @extend %unreadTutorialIcon !optional;
+}
+.channel_d09ffd {
+ @extend %unreadChannel !optional;
+}
+.messages_c06487 {
+ @extend %unreadMessages !optional;
+}
+.collapseButton_d09ffd {
+ @extend %unreadCollapseButton !optional;
+}
+.chatTarget_d1c246 {
+ @extend %chatTarget !optional;
+}
+.floating_d1c246 {
+ @extend %chatTargetFloating !optional;
+}
+.resizeHandle_d1c246 {
+ @extend %threadResizeHandle !optional;
+}
+.container_d1c246 {
+ @extend %threadContainer !optional;
+}
+.floating_d1c246 {
+ @extend %threadContainerFloating !optional;
+}
+.scrollerInner_fb4810 {
+ @extend %threadScrollerInner !optional;
+}
+.channelTextArea_fb4810 {
+ @extend %threadChannelTextArea !optional;
+}
+.channelTextAreaInner_fb4810 {
+ @extend %threadChannelTextAreaInner !optional;
+}
+.list_c6aa12 {
+ @extend %threadsPopoutList !optional;
+}
+.container_e664f3 {
+ @extend %threadsPopoutContainer !optional;
+}
+.container_ebd74a {
+ @extend %threadsPopoutInnerContainer !optional;
+}
+.header_e664f3 {
+ @extend %threadsPopoutHeader !optional;
+}
+.divider_e664f3 {
+ @extend %threadsPopoutHeaderDivider !optional;
+}
+.spacer_e664f3 {
+ @extend %threadsPopoutHeaderSpacer !optional;
+}
+.searchBox_e664f3 {
+ @extend %threadsPopoutSearchBar !optional;
+}
+.inner_c18ec9 {
+ @extend %threadsPopoutSearchInner !optional;
+}
+.input_c18ec9 {
+ @extend %threadsPopoutSearchInput !optional;
+}
+.iconLayout_c18ec9 {
+ @extend %threadsPopoutSearchIconLayout !optional;
+}
+.createButton_e664f3 {
+ @extend %threadsPopoutCreateButton !optional;
+}
+.tabBar_e25e30 {
+ @extend %threadsPopoutTabBar !optional;
+}
+.tab_e864e6 {
+ @extend %threadsPopoutTab !optional;
+}
+.sectionHeader_c6aa12 {
+ @extend %threadsPopoutSectionHeader !optional;
+}
+.active__90acf {
+ @extend %threadsPopoutTabActive !optional;
+}
+.icon_ebd74a {
+ @extend %threadsPopoutIcon !optional;
+}
+.controls-SB-N9h {
+ @extend %threadsPopoutControls !optional;
+}
+.container-3GP6AV {
+ @extend %activeThreadsModal !optional;
+}
+.header-3cSJjT {
+ @extend %activeThreadsModalHeader !optional;
+}
+.icon_da3997 {
+ @extend %threadChatIcon !optional;
+}
+.jump_d5deea {
+ @extend %threadJumpButton !optional;
+}
+.container_c15230 {
+ @extend %threadEmbed !optional;
+}
+.cta_c15230 {
+ @extend %threadCTA !optional;
+}
+.spine_e1e976 {
+ @extend %threadChannelConnector !optional;
+}
+.chatHeaderBar_e2f46e {
+ @extend %threadHeaderBar !optional;
+}
+.popout_c5b389 {
+ @extend %channelThreadPopout !optional;
+}
+.title_c5b389 {
+ @extend %channelThreadPopoutTitle !optional;
+}
+.row_c5b389 {
+ @extend %channelThreadPopoutRow !optional;
+}
+.timestamp_c5b389 {
+ @extend %channelThreadPopoutTimestamp !optional;
+}
+.more_c5b389 {
+ @extend %channelThreadPopoutMore !optional;
+}
+.container_acb8b3 {
+ @extend %threadPreview !optional;
+}
+.modal-ZdazA8 {
+ @extend %threadModal !optional;
+}
+.list-1uSVgu {
+ @extend %threadModalList !optional;
+}
+.tabBar-3N44FC {
+ @extend %threadModalTabBar !optional;
+}
+.tab-1tp4jL {
+ @extend %threadModalTab !optional;
+}
+.active-3WMEyE {
+ @extend %threadModalTabActive !optional;
+}
+.preview_c31d36 {
+ @extend %accessibilityPreview !optional;
+}
+.previewMessage_c31d36 {
+ @extend %accessibilityMessagePreview !optional;
+}
+.hasThread_f9f2ca {
+ @extend %messageHasThread !optional;
+}
+.cozy_f9f2ca {
+ @extend %cozy !optional;
+}
+.emptyStateHeader_b767ed {
+ @extend %threadMembersEmptyHeader !optional;
+}
+.emptyStateIcon_b767ed {
+ @extend %threadMembersEmptyIcon !optional;
+}
+.banner_b12c98 {
+ @extend %settingsSubscriptionBanner !optional;
+}
+.guild__74638 {
+ @extend %guildSubscriptions !optional;
+}
+.guildHeader__30707 {
+ @extend %guildSubscriptionsHeader !optional;
+}
+.guildSubscriptionSlots__5823d {
+ @extend %guildSubscriptionSlots !optional;
+}
+.guildSubscriptionSlot_b76fc6 {
+ @extend %guildSubscriptionSlot !optional;
+}
+.compactButton_fcbce6 {
+ @extend %waveButton !optional;
+}
+.compactButtonDisabled_fcbce6 {
+ @extend %waveButtonDisabled !optional;
+}
+.option_ee4ca6 {
+ @extend %serverDeleteReasonOption !optional;
+}
+.checkbox-1ycfTw {
+ @extend %deleteServerCheckbox !optional;
+}
+.checkboxInner-1aRh1d {
+ @extend %deleteServerCheckboxInner !optional;
+}
+.checkboxElement-uwAa9F {
+ @extend %deleteServerCheckboxElement !optional;
+}
+.streamPreviewWrapper_adbea6 {
+ @extend %streamPopoutPreviewWrapper !optional;
+}
+.streamPreview_adbea6 {
+ @extend %streamPopoutPreview !optional;
+}
+.previewContainer_adbea6 {
+ @extend %streamPopoutPreviewContainer !optional;
+}
+.watchButton_adbea6 {
+ @extend %streamPopoutWatchButton !optional;
+}
+.iconButton_a2aefc {
+ @extend %streamPopoutIconButton !optional;
+}
+.container_f2ceaa {
+ @extend %eventCreateProgressBarContainer !optional;
+}
+.progressBar-18rmp1 {
+ @extend %eventCreateProgressBar !optional;
+}
+.selectedProgressBar_f2ceaa {
+ @extend %eventCreateSelectedProgressBar !optional;
+}
+.inline_a5724d {
+ @extend %eventCreateFooterInline !optional;
+}
+.container_a31cc1 {
+ @extend %eventModalHeader !optional;
+}
+.closeButton_a31cc1 {
+ @extend %eventModalCloseButton !optional;
+}
+.closeIcon_a31cc1 {
+ @extend %eventModalCloseButtonIcon !optional;
+}
+.content-Lj791F {
+ @extend %eventCreationContent !optional;
+}
+.container-3zZkKh {
+ @extend %eventUpsellContainer !optional;
+}
+.content-1w6XhH {
+ @extend %eventUpsellContainerContent !optional;
+}
+.footer-1J3e3Q {
+ @extend %eventUpsellContainerFooter !optional;
+}
+.formItem-3mtwAA {
+ @extend %eventFormItem !optional;
+}
+.content-GYGe57 {
+ @extend %eventPreviewContent !optional;
+}
+.content-2gE8yW {
+ @extend %eventStartContent !optional;
+}
+.container-3eB5yh {
+ @extend %eventInformationContent !optional;
+}
+.textInput-3g8y92 {
+ @extend %eventsTextInput !optional;
+}
+.container_f4830e {
+ @extend %eventStartDateContainer !optional;
+}
+.content_f4830e {
+ @extend %eventStartDateContent !optional;
+}
+.avatarUploaderInnerSquare_e9b3be {
+ @extend %eventUploadInnerSquare !optional;
+}
+.card_cc2c09 {
+ @extend %eventCard !optional;
+}
+.padding_cc2c09 {
+ @extend %eventCardPadding !optional;
+}
+.container_a4ec62 {
+ @extend %eventCardContent !optional;
+}
+.footer_cc2c09 {
+ @extend %eventCardFooter !optional;
+}
+.rsvpCount_a4ec62 {
+ @extend %eventCardRsvpCount !optional;
+}
+.thumbnail_a4ec62 {
+ @extend %eventCardThumbnail !optional;
+}
+.divider_cc2c09 {
+ @extend %eventCardDivider !optional;
+}
+.previewCard_f9a98f {
+ @extend %eventPreviewCard !optional;
+}
+.container_f87f77 {
+ @extend %eventPreviewCardCoverContainer !optional;
+}
+.eventStatusBrand__08773 {
+ @extend %eventStatusBrand !optional;
+}
+.eventStatusLabel_d6a475 {
+ @extend %eventStatusLabel !optional;
+}
+.iconBackground-3gHYPJ {
+ @extend %eventIconBackground !optional;
+}
+.iconContainer-36kI2p {
+ @extend %eventIconContainer !optional;
+}
+.calendarPicker__47c85 {
+ @extend %eventCalendarPicker !optional;
+}
+.select-1Ia3hD {
+ @extend %eventTimeSelect !optional;
+}
+.banner_b747e2 {
+ @extend %eventBanner !optional;
+}
+.contentContainer_b747e2 {
+ @extend %eventContentContainer !optional;
+}
+.tabBar_a31cc1 {
+ @extend %eventTabBar !optional;
+}
+.header_ecbdaf {
+ @extend %eventInfoHeader !optional;
+}
+.body_ecbdaf {
+ @extend %eventInfoBody !optional;
+}
+.listScroller_b5365d {
+ @extend %eventInterestedScroller !optional;
+}
+.errorTitle_b5365d {
+ @extend %eventErrorTitle !optional;
+}
+.settingCard_dd864e {
+ @extend %permissionsSettingCard !optional;
+}
+.active_dd864e {
+ @extend %permissionsSettingCardActive !optional;
+}
+.cardContent_eaaaea {
+ @extend %permissionsCardContent !optional;
+}
+.cardFolder_dd864e {
+ @extend %permissionsCardFolder !optional;
+}
+.folderHeader_dd864e {
+ @extend %permissionsCardFolderHeader !optional;
+}
+.roleMemberList_dd864e {
+ @extend %permissionsRoleMemberList !optional;
+}
+.content_eed6a8 {
+ @extend %permissionsRoleMemberContent !optional;
+}
+.memberRow_dd864e {
+ @extend %permissionsMemberRow !optional;
+}
+.divider_dd864e {
+ @extend %permissionsDivider !optional;
+}
+.role_f778a8 {
+ @extend %permissionsSidebarRoleItem !optional;
+}
+.roleDot-1Rh5WS {
+ @extend %permissionsSidebarRoleDot !optional;
+}
+.background-3X6N7I {
+ @extend %permissionsSidebarRoleDotBackground !optional;
+}
+.scroller_a50853 {
+ @extend %serverBoostScroller !optional;
+}
+.heading_a50853 {
+ @extend %serverBoostHeading !optional;
+}
+.header_a50853 {
+ @extend %serverBoostHeader !optional;
+}
+.headerWave_a586c4 {
+ @extend %serverBoostHeaderWave !optional;
+}
+.guildName_cbe7a3 {
+ @extend %serverBoostGuildName !optional;
+}
+.guildBoostCountWrapper_cbe7a3 {
+ @extend %serverBoostGuildBoostCountWrapper !optional;
+}
+.guildStatusCopy_cbe7a3 {
+ @extend %serverBoostBuildStatusCopy !optional;
+}
+.bodyWave_a586c4 {
+ @extend %serverBoostBodyWave !optional;
+}
+.guildBoostCtas_cbe7a3 {
+ @extend %serverBoostGuildBoostCtas !optional;
+}
+.guildBoostCta_cbe7a3 {
+ @extend %serverBoostGuildBoostCta !optional;
+}
+.guildBoostCtaBoost_cbe7a3 {
+ @extend %serverBoostGuildBoostCtaBoost !optional;
+}
+.guildBoostCtaBoostContent_cbe7a3 {
+ @extend %serverBoostGuildBoostCtaBoostContent !optional;
+}
+.guildBoostCtaSecondary_cbe7a3 {
+ @extend %serverBoostGuildBoostCtaSecondary !optional;
+}
+.progressBarFill_e00a24 {
+ @extend %serverBoostProgressBarFill !optional;
+}
+.progressBarTrack_e00a24 {
+ @extend %serverBoostProgressBarTrack !optional;
+}
+.progressBarMarker_c29408 {
+ @extend %serverBoostProgressBarMarker !optional;
+}
+.boostedTierIconBackground_c29408 {
+ @extend %serverBoostBoostedTierIconBackground !optional;
+}
+.progressBarMarkerLabel_c29408 {
+ @extend %serverBoostProgressBarMarkerLabel !optional;
+}
+.progressBarMarkerLocked_c29408 {
+ @extend %serverBoostProgressBarMarkerLocked !optional;
+}
+.tierCard_e3ebb9 {
+ @extend %serverBoostTierCard !optional;
+}
+.topPerksCard_adc107 {
+ @extend %serverBoostTopPerksCard !optional;
+}
+.perkPreviewImage_ebd3d3 {
+ @extend %serverBoostPerkPreviewImage !optional;
+}
+.wrapper_d1fdce {
+ @extend %serverBoostCommunityRecognitionWrapper !optional;
+}
+.backgroundImages_d1fdce {
+ @extend %serverBoostCommunityRecognitionBackgroundImages !optional;
+}
+.card_d1fdce {
+ @extend %serverBoostCommunityRecognitionCard !optional;
+}
+.innerWrapper_aecbd6 {
+ @extend %serverBoostFloatingPillInnerWrapper !optional;
+}
+.subscription_cf84f3 {
+ @extend %serverBoostSubscriptionCard !optional;
+}
+.tierPill_cf84f3 {
+ @extend %serverBoostSubscriptionTierPill !optional;
+}
+.pendingCancellation_c25a31 {
+ @extend %pendingCancellationCard !optional;
+}
+.pendingCancellationIcon_c25a31 {
+ @extend %pendingCancellationIcon !optional;
+}
+.pendingCancellationMessage_c25a31 {
+ @extend %pendingCancellationMessage !optional;
+}
+.modal-2LBig1 {
+ @extend %termsOfServiceModal !optional;
+}
+.title-1ysNt8 {
+ @extend %termsOfServiceTitle !optional;
+}
+.description-ecPh_Q {
+ @extend %termsOfServiceContentDescription !optional;
+}
+.container_bb2fbe {
+ @extend %termsOfServiceContainer !optional;
+}
+.buttonContainer-28osRq {
+ @extend %termsOfServiceButtonContainer !optional;
+}
+.divider-_0um2u {
+ @extend %termsOfServiceDivider !optional;
+}
+.authBox_dc6abe {
+ @extend %authBox !optional;
+}
+.authBoxExpanded_dc6abe {
+ @extend %authBoxExpanded !optional;
+}
+.navRow_be9398 {
+ @extend %authBoxNavRow !optional;
+}
+.chooseAccountAuthBox_b4df52 {
+ @extend %chooseAccountAuthBox !optional;
+}
+.mainLoginContainer_d58f04 {
+ @extend %mainLoginContainer !optional;
+}
+.qrLogin_c6cd4b {
+ @extend %qrLogin !optional;
+}
+.needAccount_d58f04 {
+ @extend %needAccount !optional;
+}
+.verticalSeparator_c6cd4b {
+ @extend %verticalSeparator !optional;
+}
+.toast {
+ @extend %toast !optional;
+}
+.bd-toast {
+ @extend %bdToast !optional;
+}
+.toast-custom {
+ @extend %toastCustom !optional;
+}
+.toast_g4bfgI {
+ @extend %notificationToast !optional;
+}
+.toast_f42767 {
+ @extend %newToast !optional;
+}
+.bg-8df5St {
+ @extend %notificationToastBg !optional;
+}
+.qwert-toasts {
+ @extend %qwertToasts !optional;
+}
+.qwert-toast {
+ @extend %qwertToast !optional;
+}
+.qwert-toast-close {
+ @extend %qwertToastClose !optional;
+}
+.qwert-toast-author {
+ @extend %qwertToastAuthor !optional;
+}
+.qwert-toast-icon-container {
+ @extend %qwertToastIconContainer !optional;
+}
+.qwert-toast-text {
+ @extend %qwertToastText !optional;
+}
+.container_fca846 {
+ @extend %premiumMembershipContainer !optional;
+}
+.content_fca846 {
+ @extend %premiumMembershipContent !optional;
+}
+.scroller_fca846 {
+ @extend %premiumMembershipScroller !optional;
+}
+.scrollerContent_fca846 {
+ @extend %premiumMembershipScrollerContent !optional;
+}
+.coverImageContainer_d575b2 {
+ @extend %premiumMembershipCoverImageContainer !optional;
+}
+.coverImage_d575b2 {
+ @extend %premiumMembershipCoverImage !optional;
+}
+.guildIconContainer_d575b2 {
+ @extend %premiumMembershipGuildIconContainer !optional;
+}
+.tierPreviewsContainer_c19193 {
+ @extend %tierPreviewsContainer !optional;
+}
+.cardContainerWithoutTopIndicator_ecba8f {
+ @extend %cardContainerWithoutTopIndicator !optional;
+}
+.tierInfoContainer_ecba8f {
+ @extend %tierInfoContainer !optional;
+}
+.tierPeriod-3U60RB {
+ @extend %tierPeriod !optional;
+}
+.shine-3xxflf {
+ @extend %tierSubscribeShine !optional;
+}
+.subscriptionPerks_ecba8f {
+ @extend %subscriptionPerks !optional;
+}
+.sectionHeader_ecba8f {
+ @extend %subscriptionSectionHeader !optional;
+}
+.roleMessagePreview_ecba8f {
+ @extend %roleMessagePreview !optional;
+}
+.oauth2Wrapper_c2b22e {
+ @extend %oauth2Wrapper !optional;
+}
+.authorize_c5a065 {
+ @extend %authorizeWrapper !optional;
+}
+.scrollContent-_1I-44 {
+ @extend %authorizeScrollContent !optional;
+}
+.header_ac2a99 {
+ @extend %authorizeHeader !optional;
+}
+.discordConsentBody-3Jlf8_ {
+ @extend %authorizeDiscordConsentBody !optional;
+}
+.content_c5a065 {
+ @extend %authorizeContent !optional;
+}
+.botPermissions_a06cfc {
+ @extend %authorizeBotPermissions !optional;
+}
+.permissionsList_a06cfc {
+ @extend %authorizePermissionsList !optional;
+}
+.permission_a06cfc {
+ @extend %authorizePermission !optional;
+}
+.scopes_cf14a8 {
+ @extend %authorizeScopes !optional;
+}
+.scope_cf14a8 {
+ @extend %authorizeScope !optional;
+}
+.sectionGroup__5e13c {
+ @extend %authorizeSectionGroup !optional;
+}
+.selectorGroup__6407f {
+ @extend %authorizeSelectorGroup !optional;
+}
+.applicationDetails_d6f023 {
+ @extend %authorizeApplicationDetails !optional;
+}
+.entry_d6f023 {
+ @extend %authorizeApplicationEntry !optional;
+}
+.base-21yXnu {
+ @extend %authorizeGroupLabel !optional;
+}
+.captcha__51560 {
+ @extend %authorizeCaptcha !optional;
+}
+.footer_c5a065 {
+ @extend %authorizeFooter !optional;
+}
+.wrapper_e1a4cf {
+ @extend %authorizeSuccessWrapper !optional;
+}
+.wrapper_f6639d {
+ @extend %selectMenuWrapper !optional;
+}
+.select_f6639d {
+ @extend %selectMenu !optional;
+}
+.searchable_f6639d {
+ @extend %selectMenuSearchable !optional;
+}
+.open_f6639d {
+ @extend %selectMenuOpen !optional;
+}
+.searchInput_f6639d {
+ @extend %selectMenuSearchInput !optional;
+}
+.multi_f6639d {
+ @extend %selectMenuMulti !optional;
+}
+.lookFilled_f6639d {
+ @extend %selectMenuFilled !optional;
+}
+.iconsContainer_f6639d {
+ @extend %selectMenuIconsContainer !optional;
+}
+.subtitle_e9c087 {
+ @extend %selectMenuSubtitle !optional;
+}
+.popout_f6639d {
+ @extend %selectMenuPopout !optional;
+}
+.popoutPositionTop-1GenHR {
+ @extend %selectMenuPopoutPositionTop !optional;
+}
+.option_f6639d {
+ @extend %selectMenuOption !optional;
+}
+.deviceOption_dfcd87 {
+ @extend %selectMenuDeviceOption !optional;
+}
+.deviceOptionLabel_dfcd87 {
+ @extend %selectMenuDeviceOptionLabel !optional;
+}
+.selectedIcon_f6639d {
+ @extend %selectMenuOptionSelectedIcon !optional;
+}
+.content_aa99af {
+ @extend %partyModePopout !optional;
+}
+.pointer_aa99af {
+ @extend %partyModePopoutPointer !optional;
+}
+.container_e48555 {
+ @extend %achievement !optional;
+}
+.container_d3e49b {
+ @extend %achievementIcon !optional;
+}
+.achievementContainer_a26362 {
+ @extend %achievementContainer !optional;
+}
+.container_c46051 {
+ @extend %achievmentCardContainer !optional;
+}
+.container_d3e49b {
+ @extend %achievementCardIcon !optional;
+}
+.poggermodeIcon_c10c74 {
+ @extend %poggermodeIcon !optional;
+}
+.comboNameplate_f21b25 {
+ @extend %comboNameplate !optional;
+}
+.comboMultiplier_f21b25 {
+ @extend %comboMultiplier !optional;
+}
+.optionPillContainer_f6639d {
+ @extend %optionPillContainer !optional;
+}
+.optionPillItem_f6639d {
+ @extend %optionPillItem !optional;
+}
+.optionPillBtn_f6639d {
+ @extend %optionPillButton !optional;
+}
+.optionPill_d4df8b {
+ @extend %optionPill !optional;
+}
+.selectedPill_d4df8b {
+ @extend %optionPillSelected !optional;
+}
+.erroredPill_d4df8b {
+ @extend %optionPillErrored !optional;
+}
+.optionPillKey_d4df8b {
+ @extend %optionPillKey !optional;
+}
+.optionPillValue_d4df8b {
+ @extend %optionPillValue !optional;
+}
+.container_a6d69a {
+ @extend %forumContainer !optional;
+}
+.tagsContainer_a6d69a {
+ @extend %forumTagsContainer !optional;
+}
+.sortDropdown_a6d69a {
+ @extend %forumSortDropdown !optional;
+}
+.sortDropdownText_a6d69a {
+ @extend %forumSortDropdownText !optional;
+}
+.container_d0f4b1 {
+ @extend %forumSortContainer !optional;
+}
+.tagsButton_a6d69a {
+ @extend %forumTagsButton !optional;
+}
+.tagsButtonWithCount_a6d69a {
+ @extend %forumTagsButtonWithCount !optional;
+}
+.tagsButtonInner_a6d69a {
+ @extend %forumTagsButtonInner !optional;
+}
+.countContainer_a6d69a {
+ @extend %forumTagsCountContainer !optional;
+}
+.countText_a6d69a {
+ @extend %forumTagsCountText !optional;
+}
+.tagList_a6d69a {
+ @extend %forumTagList !optional;
+}
+.container_ae4f46 {
+ @extend %forumFilterContainer !optional;
+}
+.header_ae4f46 {
+ @extend %forumFilterHeader !optional;
+}
+.countContainer_ae4f46 {
+ @extend %forumFilterCountContainer !optional;
+}
+.countText_ae4f46 {
+ @extend %forumFilterCountText !optional;
+}
+.container_a039eb {
+ @extend %forumGetStartedContainer !optional;
+}
+.stepContainer_a039eb {
+ @extend %forumGetStartedStepContainer !optional;
+}
+.card_a6d69a {
+ @extend %forumCard !optional;
+}
+.pill_c993da {
+ @extend %postPill !optional;
+}
+.small_c993da {
+ @extend %postPillSmall !optional;
+}
+.clickable_c993da {
+ @extend %postPillClickable !optional;
+}
+.disabled_c993da {
+ @extend %postPillDisabled !optional;
+}
+.selected_c993da {
+ @extend %postPillSelected !optional;
+}
+.emoji_b22487 {
+ @extend %postPillEmoji !optional;
+}
+.lineClamp1__92431 {
+ @extend %postPillText !optional;
+}
+.headerRow_a6d69a {
+ @extend %forumHeaderRow !optional;
+}
+.header_a6d69a {
+ @extend %forumHeader !optional;
+}
+.headerWithMatchingPosts_a6d69a {
+ @extend %forumHeaderWithMatchingPosts !optional;
+}
+.matchingPostsRow_a6d69a {
+ @extend %forumHeaderMatchingPostsRow !optional;
+}
+.container_c1668f {
+ @extend %newPostContainer !optional;
+}
+.collapsed_c1668f {
+ @extend %newPostContainerCollapsed !optional;
+}
+.formContainer_c1668f {
+ @extend %newPostFormContainer !optional;
+}
+.form_c1668f {
+ @extend %newPostForm !optional;
+}
+.titleContainer_c1668f {
+ @extend %newPostTitleContainer !optional;
+}
+.bodyContainer_c1668f {
+ @extend %newPostBodyContainer !optional;
+}
+.prefixElement_c1668f {
+ @extend %newPostPrefixElement !optional;
+}
+.contentContainer_c1668f {
+ @extend %newPostContentContainer !optional;
+}
+.container_a15d29 {
+ @extend %newPostAttachmentPopoutContainer !optional;
+}
+.uploadInput_a15d29 {
+ @extend %newPostAttachmentUploadInput !optional;
+}
+.imageSmall_f847a3 {
+ @extend %newPostAttachmentImageSmall !optional;
+}
+.badge_a15d29 {
+ @extend %newPostAttachmentBadge !optional;
+}
+.forumPostFormButton_c1668f {
+ @extend %newPostGuidelinesButton !optional;
+}
+.tagsDivider_c1668f {
+ @extend %newPostTagsDivider !optional;
+}
+.thumbnailContainer_dbcd8f {
+ @extend %mediaPostThumbnailContainer !optional;
+}
+.uploadFileInputContainer_dbcd8f {
+ @extend %mediaPostUploadFileInputContainer !optional;
+}
+.changeThumbnailLabelContainer_dbcd8f {
+ @extend %mediaPostChangeThumbnailLabelContainer !optional;
+}
+.thumbnail_dbcd8f {
+ @extend %mediaPostThumbnail !optional;
+}
+.container_b6cc23 {
+ @extend %mediaPostAttachmentContainer !optional;
+}
+.forumGuidelines_bc05bb {
+ @extend %forumGuidelines !optional;
+}
+.container_ddbb27 {
+ @extend %forumGuidelinesContainer !optional;
+}
+.descriptionContainer_ddbb27 {
+ @extend %forumGuidelinesDescriptionContainer !optional;
+}
+.container_a57509, .container_d331f1 {
+ @extend %postContainer !optional;
+}
+.isOpen_a57509, .isOpen_d331f1 {
+ @extend %postContainerIsOpen !optional;
+}
+.pinIcon_f451cd {
+ @extend %postPinIcon !optional;
+}
+.postTitleText_d331f1, .title_a57509 {
+ @extend %postTitleText !optional;
+}
+.contentPreview_a57509 {
+ @extend %postContentPreview !optional;
+}
+.textContentFooter_a57509 {
+ @extend %postTextContentFooter !optional;
+}
+.container_b385c8 {
+ @extend %postThreadButtonContainer !optional;
+}
+.reactButtons_b385c8 {
+ @extend %postThreadAddReactButtons !optional;
+}
+.addReactButton_b385c8 {
+ @extend %postThreadAddReactButton !optional;
+}
+.active_f61c73 {
+ @extend %postThreadAddReactButtonActive !optional;
+}
+.box_af45f8 {
+ @extend %postThreadStartConversationBox !optional;
+}
+.divider_af45f8 {
+ @extend %postThreadDivider !optional;
+}
+.paymentSourceRow_edf4d6 {
+ @extend %paymentSourceRow !optional;
+}
+.paymentPane_f66684 {
+ @extend %paymentPane !optional;
+}
+.paymentRow_f66684 {
+ @extend %paymentRow !optional;
+}
+.paymentRowHeader_f66684 {
+ @extend %paymentRowHeader !optional;
+}
+.descriptionIcon_a28a08 {
+ @extend %paymentDescriptionIcon !optional;
+}
+.paginator_f66684 {
+ @extend %paymentPaginator !optional;
+}
+.payment_a28a08 {
+ @extend %payment !optional;
+}
+.hoverablePayment_a28a08 {
+ @extend %paymentHoverable !optional;
+}
+.expandedInfo_a28a08 {
+ @extend %paymentExpandedInfo !optional;
+}
+.paymentHeader_a28a08 {
+ @extend %paymentHeader !optional;
+}
+.bottomDivider_f66684 {
+ @extend %paymentBottomDivider !optional;
+}
+.pageActions_cb56ee {
+ @extend %paymentPageActions !optional;
+}
+.pageButtonPrev_cb56ee {
+ @extend %paymentPageButtonPrev !optional;
+}
+.pageButtonNext_cb56ee {
+ @extend %paymentPageButtonNext !optional;
+}
+.pageIndicator_cb56ee {
+ @extend %paymentPageIndicator !optional;
+}
+.disabled_cb56ee {
+ @extend %paymentPageButtonDisabled !optional;
+}
+.modalTitle_c22d1f {
+ @extend %paymentModalTitle !optional;
+}
+.content_cc6017 {
+ @extend %paymentModalContent !optional;
+}
+.body_bb2fc6 {
+ @extend %paymentModalBody !optional;
+}
+.button_b78763 {
+ @extend %paymentTypeButton !optional;
+}
+.cardInput_c04e45 {
+ @extend %paymentCardInput !optional;
+}
+.cardNumberInput_c04e45 {
+ @extend %paymentCardNumberInput !optional;
+}
+.cardIcon_c04e45 {
+ @extend %paymentCardIcon !optional;
+}
+.paypalIcon_c40e61 {
+ @extend %paymentPaypalIcon !optional;
+}
+.codeRedemptionRedirect_cb70f4 {
+ @extend %codeRedemptionRedirect !optional;
+}
+.simpleItemWrapper_e1b877 {
+ @extend %automodSimpleCard !optional;
+}
+.editCard_cd99d3 {
+ @extend %automodEditCard !optional;
+}
+.active_ef2ec5 {
+ @extend %automodEditCardActive !optional;
+}
+.toggled_cd99d3 {
+ @extend %automodEditCardToggled !optional;
+}
+.mainContainer_ea28e2 {
+ @extend %automodEditCardContainer !optional;
+}
+.ruleIconContainer_ea28e2 {
+ @extend %automodRuleIconContainer !optional;
+}
+.actionContainer_ea28e2 {
+ @extend %automodEditActionContainer !optional;
+}
+.stepCountIcon_df95ff {
+ @extend %automodStepCountIcon !optional;
+}
+.triggerMainContainer_df95ff {
+ @extend %triggerMainContainer !optional;
+}
+.triggerSettingsContainer_df95ff {
+ @extend %triggerSettingsContainer !optional;
+}
+.searchContainer-3slruV {
+ @extend %triggerSettingsSearchContainer !optional;
+}
+.container_effbe2 {
+ @extend %triggerSettingsSearchBox !optional;
+}
+.inner_effbe2 {
+ @extend %triggerSettingsSearchBoxInner !optional;
+}
+.input_effbe2 {
+ @extend %triggerSettingsSearchInput !optional;
+}
+.exemptionHint_e1ddee {
+ @extend %triggerSettingsExemptionHint !optional;
+}
+.checkboxWrapper_f6cde8 {
+ @extend %triggerSettingsCheckboxWrapper !optional;
+}
+.collapseable_a3cc4a {
+ @extend %triggerCollapseable !optional;
+}
+.toggled-3yp8ip {
+ @extend %triggerCollapseableToggled !optional;
+}
+.mentionLimitContainer_fa2661 {
+ @extend %mentionLimitContainer !optional;
+}
+.keywordsTextArea_bdc518 {
+ @extend %keywordsTextArea !optional;
+}
+.keywordsCounter_bdc518 {
+ @extend %keywordsCounter !optional;
+}
+.keywordListContainer_f9f552 {
+ @extend %keywordListContainer !optional;
+}
+.textArea_bd9c39 {
+ @extend %regexTextArea !optional;
+}
+.innerScroller_bd9c39 {
+ @extend %regexTextAreaInnerScroller !optional;
+}
+.chipletContainer_ef69fb {
+ @extend %regexChipletContainer !optional;
+}
+.actionContainer_b6e944 {
+ @extend %actionContainer !optional;
+}
+.editChannel_b6e944 {
+ @extend %actionEditChannel !optional;
+}
+.actionIconContainer_b6e944 {
+ @extend %actionIconContainer !optional;
+}
+.actionRuleListContainer_ea28e2 {
+ @extend %actionRuleListContainer !optional;
+}
+.actionContainer_cec7a5 {
+ @extend %actionRuleContainer !optional;
+}
+.dividerContainer_f9f9ba {
+ @extend %dividerContainer !optional;
+}
+.dividierIcon_f9f9ba {
+ @extend %dividerIcon !optional;
+}
+.resultsListParent-2zd8Fq {
+ @extend %resultsListParent !optional;
+}
+.resultsList-2Bp-2_ {
+ @extend %resultsList !optional;
+}
+.channelRowLabel-2yYGtY {
+ @extend %resultsChannelRowLabel !optional;
+}
+.roleLabel-38YTUn {
+ @extend %resultsRoleLabel !optional;
+}
+.guildPopout-G6M0fK {
+ @extend %guildPopout !optional;
+}
+.body-2VgEvc {
+ @extend %guildPopoutBody !optional;
+}
+.hasSplash-eb2gvm {
+ @extend %guildPopoutBodyHasSplash !optional;
+}
+.footer-3YL3ds {
+ @extend %guildPopoutFooter !optional;
+}
+.iconWithSplash-1V9gXL {
+ @extend %guildPopoutIconWithSplash !optional;
+}
+.iconMask-1lJhcS {
+ @extend %guildPopoutIconMask !optional;
+}
+.avatar-2slV0S {
+ @extend %guildPopoutAvatar !optional;
+}
+.emojiHeader-19AA-h {
+ @extend %guildPopoutEmojiHeader !optional;
+}
+.emojiCounter-tx3ftR {
+ @extend %guildPopoutEmojiCounter !optional;
+}
+.container_a9480d {
+ @extend %guildPopoutJoined !optional;
+}
+.overflowRolesPopout_e4010c {
+ @extend %overflowRolesPopout !optional;
+}
+.overflowRolesPopoutArrow_e4010c {
+ @extend %overflowRolesPopoutArrow !optional;
+}
+.overflowRolesPopoutHeader_e4010c {
+ @extend %overflowRolesPopoutHeader !optional;
+}
+.overflowRolesPopoutHeaderIcon_e4010c {
+ @extend %overflowRolesPopoutHeaderIcon !optional;
+}
+.overflowRolesPopoutHeaderText_e4010c {
+ @extend %overflowRolesPopoutHeaderText !optional;
+}
+.sessions_c7a2c0 {
+ @extend %deviceSessions !optional;
+}
+.otherSessions_c7a2c0 {
+ @extend %deviceOtherSessions !optional;
+}
+.sectionTitle_a6ae9b {
+ @extend %deviceSectionTitle !optional;
+}
+.session_c7a2c0 {
+ @extend %deviceSession !optional;
+}
+.sessionIcon_c7a2c0 {
+ @extend %deviceSessionIcon !optional;
+}
+.sessionInfo_c7a2c0 {
+ @extend %deviceSessionInfo !optional;
+}
+.sessionInfoRow_c7a2c0 {
+ @extend %deviceSessionInfoRow !optional;
+}
+.eyebrow_e5a66c {
+ @extend %deviceSessionInfoEyebrow !optional;
+}
+.sessionMoreButton_c7a2c0 {
+ @extend %deviceSessionMoreButton !optional;
+}
+.stepperContainer_fa2661 {
+ @extend %stepperContainer !optional;
+}
+.stepper_fa2661 {
+ @extend %stepper !optional;
+}
+.iconWrapper__0d13e {
+ @extend %stepperIconWrapper !optional;
+}
+.icon_bb7288 {
+ @extend %stepperIcon !optional;
+}
+.inputWrapper-1YNMmM {
+ @extend %stepperInputWrapper !optional;
+}
+.container__463ec {
+ @extend %homeBrandCard !optional;
+}
+.textContainer__39032 {
+ @extend %homeBrandCardTextContainer !optional;
+}
+.container_c68a2c {
+ @extend %homeIntroCard !optional;
+}
+.icon_ac2d0d {
+ @extend %homeIntroCardIcon !optional;
+}
+.container__29699 {
+ @extend %homeActiveNowContainer !optional;
+}
+.header__18dc9 {
+ @extend %homeActiveNowContainerHeader !optional;
+}
+.emptyStateContainer__08276 {
+ @extend %homeActiveNowEmptyContainer !optional;
+}
+.channelList_b7e3ac {
+ @extend %homeActiveNowChannelList !optional;
+}
+.container__55cc1 {
+ @extend %homeActiveNowChannelContainer !optional;
+}
+.iconContainer__1b9f0 {
+ @extend %homeActiveNowChannelIconContainer !optional;
+}
+.moreUsers_c47562 {
+ @extend %homeActiveNowChannelMoreUsers !optional;
+}
+.containerCard__95c7a {
+ @extend %homeActiveNowSmallCard !optional;
+}
+.fillerCard_eafecc {
+ @extend %homeActiveNowSmallCardFiller !optional;
+}
+.typingIndicator__0b368 {
+ @extend %homeActiveNowTypingIndicator !optional;
+}
+.scrollIcon__0a383 {
+ @extend %homeActiveNowSmallScrollIcon !optional;
+}
+.container__60371 {
+ @extend %homeUpcomingContainer !optional;
+}
+.header_be4997 {
+ @extend %homeUpcomingHeader !optional;
+}
+.container__55cc1 {
+ @extend %homeUpcomingEventContainer !optional;
+}
+.topMessagesHeader__1978f {
+ @extend %homeTopMessagesHeader !optional;
+}
+.container__3c265 {
+ @extend %homeHighlightsCard !optional;
+}
+.background__4cf17 {
+ @extend %homeHighlightsCardBackground !optional;
+}
+.interactiveCard_d92364 {
+ @extend %homeHighlightsInteractiveCard !optional;
+}
+.selected__142a3 {
+ @extend %homeHighlightsInteractiveCardSelected !optional;
+}
+.feedItemHeader_ec3bdb {
+ @extend %homeHighlightsFeedItemHeader !optional;
+}
+.browser_c2efea {
+ @extend %browseChannels !optional;
+}
+.header_c2efea {
+ @extend %browseChannelsHeader !optional;
+}
+.scrollerInner_f04d06 {
+ @extend %browseChannelsScrollerInner !optional;
+}
+.container_b55df8 {
+ @extend %browseChannelsChooseContainer !optional;
+}
+.categoryText_f04d06 {
+ @extend %browseChannelsCategoryText !optional;
+}
+.channelRow_f04d06 {
+ @extend %browseChannelsChannelRow !optional;
+}
+.disabled_f04d06 {
+ @extend %browseChannelsChannelDisabled !optional;
+}
+.firstChannel_f04d06 {
+ @extend %browseChannelsFirstChannel !optional;
+}
+.lastChannel_f04d06 {
+ @extend %browseChannelsLastChannel !optional;
+}
+.channelInfo_f04d06 {
+ @extend %browseChannelsChannelInfo !optional;
+}
+.channelActions_f04d06 {
+ @extend %browseChannelsChannelActions !optional;
+}
+.separator_f04d06 {
+ @extend %browseChannelsChannelSeparator !optional;
+}
+.viewChannelButton_f04d06 {
+ @extend %browseChannelsViewChannelButton !optional;
+}
+.channelName_f04d06 {
+ @extend %browseChannelsChannelName !optional;
+}
+.scroller_d20375 {
+ @extend %membersPageScroller !optional;
+}
+.container_d20375 {
+ @extend %membersPageContainer !optional;
+}
+.mainTableContainer_e23072 {
+ @extend %membersPageMainTableContainer !optional;
+}
+.searchHeaderContainer_b0740c {
+ @extend %membersPageSearchHeaderContainer !optional;
+}
+.table_aabef9 {
+ @extend %membersPageTable !optional;
+}
+.tableHeaderRow_e6d0a5 {
+ @extend %membersPageTableHeaderRow !optional;
+}
+.tableHeaderCellContainer_e6d0a5 {
+ @extend %membersPageTableHeaderCellContainer !optional;
+}
+.memberRowContainer_a39fe9 {
+ @extend %membersPageMemberRowContainer !optional;
+}
+.newMembersNotice_dfba43 {
+ @extend %membersPageMemberNewMembersNotice !optional;
+}
+.otherRoles_a39fe9 {
+ @extend %membersPageMemberOtherRoles !optional;
+}
+.addRoleIcon_a39fe9 {
+ @extend %membersPageMemberAddRoleIcon !optional;
+}
+.button_a39fe9 {
+ @extend %membersPageMemberButton !optional;
+}
+.paginationContainer_cb152b {
+ @extend %membersPagePaginationContainer !optional;
+}
+.featureModalMessage__57f8c {
+ @extend %featureModalMessage !optional;
+}
+.modalDivider_cd3d24 {
+ @extend %activityModalDivider !optional;
+}
+.slideContentOuterContainerTall-1G4gq9 {
+ @extend %slideContentOuterContainerTall !optional;
+}
+.scrollTierBackground_f09e45 {
+ @extend %activtyScrollTierBackground !optional;
+}
+.scroller_f09e45 {
+ @extend %activityScroller !optional;
+}
+.scrollSection_f09e45 {
+ @extend %activityScrollSection !optional;
+}
+.shelf_f09e45 {
+ @extend %activityShelf !optional;
+}
+.tierCtaContainer__81542 {
+ @extend %activityTierCtaContainer !optional;
+}
+.activityItem_d46b95 {
+ @extend %activityItem !optional;
+}
+.activityImageContainer_d46b95 {
+ @extend %activityImageContainer !optional;
+}
+.activityTag_d46b95 {
+ @extend %activityTag !optional;
+}
+.container_b572de {
+ @extend %suggestedActivitiesContainer !optional;
+}
+.activityItem_ec77c5 {
+ @extend %suggestedActivitiesItem !optional;
+}
+.wumpusRocketInnerContainer_b572de {
+ @extend %wumpusRocketInnerContainer !optional;
+}
+.root_f906dd {
+ @extend %appDirectoryRoot !optional;
+}
+.enterDone_f906dd {
+ @extend %enterDone !optional;
+}
+.directoryContainer_da3f59 {
+ @extend %appDirectoryContainer !optional;
+}
+.search_aabd24 {
+ @extend %appDirectorySearch !optional;
+}
+.searchBoxInput__56498 {
+ @extend %appDirectorySearchBoxInput !optional;
+}
+.category_d7acc7, .category_d169f5 {
+ @extend %appDirectoryCategory !optional;
+}
+.category_fa8ebf {
+ @extend %appDirectorySidebarCategory !optional;
+}
+.activeCategory_fa8ebf {
+ @extend %appDirectorySidebarActiveCategory !optional;
+}
+.listing_c0b10b {
+ @extend %appDirectorySearchResultsListing !optional;
+}
+.listingDetails_c0b10b {
+ @extend %appDirectorySearchResultsListingDetails !optional;
+}
+.scrollerContainer_b503b8 {
+ @extend %appDirectoryCardScollerContainer !optional;
+}
+.card_e90143, .container_d9c848 {
+ @extend %appDirectoryCard !optional;
+}
+.animatesOnHoverContainer_d9c848 {
+ @extend %appDirectoryAnimatesOnHoverContainer !optional;
+}
+.image_e90143, .image_d9c848 {
+ @extend %appDirectoryCardImage !optional;
+}
+.linkCard_b4a57c, .container_f9d8eb {
+ @extend %appDirectoryLearnMoreCard !optional;
+}
+.cardHeader_b4a57c {
+ @extend %appDirectoryLearnMoreCardHeader !optional;
+}
+.linkDescription_b4a57c {
+ @extend %appDirectoryLearnMoreDescription !optional;
+}
+.headerBanner_a1eac2 {
+ @extend %botInfoHeaderBanner !optional;
+}
+.headerIcon_a1eac2 {
+ @extend %botInfoHeaderIcon !optional;
+}
+.card_b5d566 {
+ @extend %botInfoSupportServerCard !optional;
+}
+.splashImage_b5d566 {
+ @extend %botInfoSupportServerSplashImage !optional;
+}
+.iconMask_b5d566 {
+ @extend %botInfoSupportServerIconMask !optional;
+}
+.container__26dff {
+ @extend %botInfoPremiumContainer !optional;
+}
+.cardHeader__62148 {
+ @extend %botInfoPremiumCardHeader !optional;
+}
+.priceAndButtonContainer__78548 {
+ @extend %botInfoPremiumPriceAndButtonContainer !optional;
+}
+.benefitsContainer_f75168 {
+ @extend %botInfoPremiumBenefitsContainer !optional;
+}
+.commandList_a1eac2 {
+ @extend %botInfoCommandList !optional;
+}
+.commandName_e0307d {
+ @extend %botInfoCommandName !optional;
+}
+.permissionHeader_a06168 {
+ @extend %botInfoPermissionHeader !optional;
+}
+.main_d8215a {
+ @extend %promptMain !optional;
+}
+.gradient_d8215a {
+ @extend %promptGradient !optional;
+}
+.prompt_cd377c {
+ @extend %prompt !optional;
+}
+.promptOptions_cd377c {
+ @extend %promptOptions !optional;
+}
+.optionButtonWrapper_bd5e1f {
+ @extend %promptOptionButtonWrapper !optional;
+}
+.selected_bd5e1f {
+ @extend %promptOptionButtonWrapperSelected !optional;
+}
+.optionButton_bd5e1f {
+ @extend %promptOptionButton !optional;
+}
+.checkIcon_bd5e1f {
+ @extend %promptOptionCheckIcon !optional;
+}
+.memberCount_bd5e1f {
+ @extend %promptOptionMemberCount !optional;
+}
+.navButtons_cd377c {
+ @extend %promptNavButtons !optional;
+}
+.container_f1fd9c {
+ @extend %channelsAndRolesContainer !optional;
+}
+.tabBar_f1fd9c {
+ @extend %channelsAndRolesTabBar !optional;
+}
+.pageBody_c6b11b {
+ @extend %channelsAndRolesPageBody !optional;
+}
+.prompt_c6b11b {
+ @extend %channelsAndRolesPrompt !optional;
+}
+.promptTitle_c6b11b {
+ @extend %channelsAndRolesPromptTitle !optional;
+}
+.profileCard_c6b11b {
+ @extend %channelsAndRolesProfileCard !optional;
+}
+.card_ea91d1 {
+ @extend %serverSubscriptionCard !optional;
+}
+.heroBanner_f6ab4c {
+ @extend %serverSubscriptionHeroBanner !optional;
+}
+.howItWorksContainer_aa72d6 {
+ @extend %howItWorksContainer !optional;
+}
+.howItWorksCard__6ff71 {
+ @extend %howItWorksCard !optional;
+}
+.howItWorksImageContainer_aa72d6 {
+ @extend %howItWorksImageContainer !optional;
+}
+.howItWorksDescription_aa72d6 {
+ @extend %howItWorksDescription !optional;
+}
+.creatorBenefitCard__1f0b1 {
+ @extend %creatorBenefitCard !optional;
+}
+.earningsPreviewContainer_da92c3 {
+ @extend %creatorBenefitEarningsPreviewCard !optional;
+}
+.avatarCard_da92c3 {
+ @extend %creatorBenefitAvatarCard !optional;
+}
+.guildCard__81370 {
+ @extend %guildCard !optional;
+}
+.guildCardHeaderAvatar_adff39 {
+ @extend %guildCardHeaderAvatar !optional;
+}
+.guildSubscriberCount_adff39 {
+ @extend %guildSubscriberCount !optional;
+}
+.subscriberCountValue_adff39 {
+ @extend %guildSubscriberCountValue !optional;
+}
+.subscriberCountText_adff39 {
+ @extend %guildSubscriberCountText !optional;
+}
+.emojisContainer_adff39 {
+ @extend %guildCardEmojisContainer !optional;
+}
+.tabBar_da7453 {
+ @extend %serverSubscriptionsTabBar !optional;
+}
+.container_dce733 {
+ @extend %serverSubscriptionsSetupContainer !optional;
+}
+.imageUploaderIcon_de76e4 {
+ @extend %imageUploaderIcon !optional;
+}
+.changelog_abe1fa {
+ @extend %safetySetupChangelog !optional;
+}
+.safetyChecklist_abe1fa {
+ @extend %safetySetupChecklist !optional;
+}
+.divider_abe1fa {
+ @extend %safetySetupChecklistDivider !optional;
+}
+.back_e1b877 {
+ @extend %safetySetupBackButton !optional;
+}
+.backButton_e1b877 {
+ @extend %safetySetupBackButtonText !optional;
+}
+.error_dd4615 {
+ @extend %insightsError !optional;
+}
+.developerPortalCtaWrapper_cfaf72 {
+ @extend %insightsDeveloperPortalCtaWrapper !optional;
+}
+.valuePropContainer-WkXrIU {
+ @extend %valuePropContainer !optional;
+}
+.bulletedValueProp-3pv7g2 {
+ @extend %bulletedValueProp !optional;
+}
+.valuePropIconContainer-1WLjVd {
+ @extend %valuePropIconContainer !optional;
+}
+.problemInfo_b58b14 {
+ @extend %problemInfo !optional;
+}
+.root_ee4ca6 {
+ @extend %problemInfoRoot !optional;
+}
+.option_ee4ca6 {
+ @extend %problemInfoOption !optional;
+}
+.header-eqLiHQ {
+ @extend %favoritesCreateCategoryHeader !optional;
+}
+.closeButton-2JycqK {
+ @extend %favoritesCreateCategoryCloseButton !optional;
+}
+.name-33lnjT {
+ @extend %favoritesCreateCategoryName !optional;
+}
+.basicThemeSelectors_ {
+ @extend %basicThemeSelectors !optional;
+}
+.premiumFeatureBorder_c6d722 {
+ @extend %premiumFeatureBorder !optional;
+}
+.themeEditor_c9dda6 {
+ @extend %themeEditor !optional;
+}
+.editorHeader_c9dda6 {
+ @extend %themeEditorHeader !optional;
+}
+.editorFooter_c9dda6 {
+ @extend %themeEditorFooter !optional;
+}
+.selectionGroup_c9dda6 {
+ @extend %themeEditorSelectionGroup !optional;
+}
+.presets_f45ea6 {
+ @extend %themeEditorPresets !optional;
+}
+.defaultThemeSelection_cb7c27 {
+ @extend %themeEditorDefaultThemeSelection !optional;
+}
+.themeSelectionContainer_cb7c27 {
+ @extend %themeEditorThemeSelectionContainer !optional;
+}
+.selected_cb7c27 {
+ @extend %themeEditorThemeSelected !optional;
+}
+.selectionCircle_cb7c27 {
+ @extend %themeEditorSelectionCircle !optional;
+}
+.checkmarkCircle_cb7c27 {
+ @extend %themeEditorCheckmarkCircle !optional;
+}
+.checkmark_cb7c27 {
+ @extend %themeEditorCheckmark !optional;
+}
+.header_df4d02 {
+ @extend %appIconCardHeader !optional;
+}
+.presets_df4d02 {
+ @extend %appIconCardPresets !optional;
+}
+.appIconSelection_e2863f {
+ @extend %appIconSelection !optional;
+}
+.selected_e2863f {
+ @extend %appIconSelectionSelected !optional;
+}
+.disabled_e2863f {
+ @extend %appIconSelectionDisabled !optional;
+}
+.editor_bcfa1e {
+ @extend %appIconEditor !optional;
+}
+.editorHeader_bcfa1e {
+ @extend %appIconEditorHeader !optional;
+}
+.editorBody_bcfa1e {
+ @extend %appIconEditorBody !optional;
+}
+.editorFooter_bcfa1e {
+ @extend %appIconEditorFooter !optional;
+}
+.selectionGroup_bcfa1e {
+ @extend %appIconEditorSelectionGroup !optional;
+}
+.header_df4d02 {
+ @extend %appIconEditorSelectionGroupHeader !optional;
+}
+.presets_df4d02 {
+ @extend %appIconEditorPresets !optional;
+}
+.vc-settings-tab-bar {
+ @extend %vencordSettingsTabBar !optional;
+}
+.vc-settings-card {
+ @extend %vencordSettingsCard !optional;
+}
+.vc-error-card {
+ @extend %vencordErrorCard !optional;
+}
+.vc-settings-donate {
+ @extend %vencordSettingsDonateCard !optional;
+}
+.vc-plugins-info-card {
+ @extend %vencordPluginsInfoCard !optional;
+}
+.vc-plugins-filter-controls {
+ @extend %vencordPluginsFilterControls !optional;
+}
+.vc-addon-card {
+ @extend %vencordAddonCard !optional;
+}
+.vc-addon-header {
+ @extend %vencordAddonHeader !optional;
+}
+.vc-addon-name-author {
+ @extend %vencordAddonNameAuthor !optional;
+}
+.vc-addon-name {
+ @extend %vencordAddonName !optional;
+}
+.vc-addon-note {
+ @extend %vencordAddonNote !optional;
+}
+.vc-settings-theme-links {
+ @extend %vencordThemeLinks !optional;
+}
+.vc-backup-restore-card {
+ @extend %vencordBackupRestoreCard !optional;
+}
+.vc-notification-root {
+ @extend %vencordNotificationRoot !optional;
+}
+.vc-notification-title {
+ @extend %vencordNotificationTitle !optional;
+}
+.testimonialHeroContainer_d3081b {
+ @extend %onboardingTestimonialHeroContainer !optional;
+}
+.testimonialsControls_d3081b {
+ @extend %onboardingTestimonialsControls !optional;
+}
+.quotes_d3081b {
+ @extend %onboardingQuotes !optional;
+}
+.upsellPreview_aa7c25 {
+ @extend %onboardingUpsellPreview !optional;
+}
+.welcomeMessageContainer_a1289e {
+ @extend %onboardingWelcomeMessageContainer !optional;
+}
+.spacingSmall_aa7c25 {
+ @extend %onboardingSpacingSmall !optional;
+}
+.spacingLarge_aa7c25 {
+ @extend %onboardingSpacingLarge !optional;
+}
+.previewListItem_aa7c25 {
+ @extend %onboardingPreviewListItem !optional;
+}
+.selected_aa7c25 {
+ @extend %onboardingPreviewListItemSelected !optional;
+}
+.action_e3f878 {
+ @extend %onboardingPreviewAction !optional;
+}
+.categoryRow_a33fd3 {
+ @extend %onboardingCategoryRow !optional;
+}
+.categoryText_a33fd3 {
+ @extend %onboardingCategoryText !optional;
+}
+.channelRow_fdea3f {
+ @extend %onboardingChannelRowRecommended !optional;
+}
+.channelRow_a33fd3 {
+ @extend %onboardingChannelRow !optional;
+}
+.firstChannel_a33fd3 {
+ @extend %onboardingChannelRowFirst !optional;
+}
+.lastChannel_a33fd3 {
+ @extend %onboardingChannelRowLast !optional;
+}
+.disabled_a33fd3 {
+ @extend %onboardingChannelRowDisabled !optional;
+}
+.lockedPill_a33fd3 {
+ @extend %onboardingChannelLockedPill !optional;
+}
+.separator_a33fd3 {
+ @extend %onboardingChannelSeparator !optional;
+}
+.container_fe51c5 {
+ @extend %onboardingChannelSelectionContainer !optional;
+}
+.header_fe51c5 {
+ @extend %onboardingChannelSelectionHeader !optional;
+}
+.container_eff583 {
+ @extend %onboardingChannelSelectionHeaderContainer !optional;
+}
+.channelList_fe51c5 {
+ @extend %onboardingChannelSelectionList !optional;
+}
+.container_b5926e {
+ @extend %onboardingNavigationBarContainer !optional;
+}
+.button_b5926e {
+ @extend %onboardingNavigationBarInnerButton !optional;
+}
+.educationUpsell_b5926e {
+ @extend %onboardingNavigationEducationUpsell !optional;
+}
+.educationUpsellArrow_b5926e {
+ @extend %onboardingNavigationEducationUpsellArrow !optional;
+}
+.channelCoverage_df2e1e {
+ @extend %onboardingChannelCoverage !optional;
+}
+.channelCoverageDetails_df2e1e {
+ @extend %onboardingChannelCoverageDetails !optional;
+}
+.channelPill_df2e1e {
+ @extend %onboardingChannelPill !optional;
+}
+.container_a90bed {
+ @extend %onboardingQuestionContainer !optional;
+}
+.notice_addbba {
+ @extend %onboardingNotice !optional;
+}
+.review_addbba {
+ @extend %onboardingReview !optional;
+}
+.onboardingStepContainer_a85c10 {
+ @extend %onboardingStepContainer !optional;
+}
+.iconContainer_a85c10 {
+ @extend %onboardingStepIconContainer !optional;
+}
+.divider_addbba {
+ @extend %onboardingStepDivider !optional;
+}
+.container_ed5743 {
+ @extend %inviteModal !optional;
+}
+.contentWrapper_ed5743 {
+ @extend %inviteModalContentWrapper !optional;
+}
+.inviteContent_ed5743 {
+ @extend %inviteModalContent !optional;
+}
+.inviteSplash_ed5743 {
+ @extend %inviteModalSplash !optional;
+}
+.temporaryMembershipContainerBackground-13Hf5U {
+ @extend %inviteTemporaryMembershipContainerBackground !optional;
+}
+.tableTitle_b10b92 {
+ @extend %soundboardSettingsTableTitle !optional;
+}
+.soundTable_b10b92 {
+ @extend %soundboardSettingsTable !optional;
+}
+.tableHeaders_b10b92 {
+ @extend %soundboardSettingsTableHeaders !optional;
+}
+.tableHeader_b10b92 {
+ @extend %soundboardSettingsTableHeader !optional;
+}
+.row_b10b92 {
+ @extend %soundboardSettingsTableRow !optional;
+}
+.picker_cd703d {
+ @extend %soundboardPicker !optional;
+}
+.premiumPromo_ca9b56 {
+ @extend %soundboardPickerPremiumPromo !optional;
+}
+.header_d0dc1d {
+ @extend %soundboardPickerHeader !optional;
+}
+.categoryList_ceda83 {
+ @extend %soundboardPickerCategoryList !optional;
+}
+.soundButton_f40049 {
+ @extend %soundboardPickerButton !optional;
+}
+.hoverActiveBackground_f40049 {
+ @extend %soundboardPickerButtonHoverActiveBackground !optional;
+}
+.buttonOverlayBackground_f40049 {
+ @extend %soundboardPickerButtonOverlayBackground !optional;
+}
+.soundAddButton__896b6 {
+ @extend %soundboardPickerSoundAddButton !optional;
+}
+.keybindHint_c66e5e {
+ @extend %soundboardPickerKeybindHint !optional;
+}
+.vc-rdb-view {
+ @extend %reviewDBView !optional;
+}
+.vc-rdb-review-comment {
+ @extend %reviewDBReviewComment !optional;
+}
+.vc-rdb-input {
+ @extend %reviewDBInput !optional;
+}
+.messagePreviewContainer_b06e1c {
+ @extend %reportMessagePreviewContainer !optional;
+}
+.childButton_f45bfc {
+ @extend %reportMessageChildButton !optional;
+}
+.wrapper {
+ @extend %showAllActivitiesWrapper !optional;
+}
+.controls {
+ @extend %showAllActivitiesControls !optional;
+}
+.caret {
+ @extend %showAllActivitiesCaret !optional;
+}
+.disabled {
+ @extend %showAllActivitiesCaretDisabled !optional;
+}
+.SAA-caret {
+ @extend %showAllActivitiesCaretIcon !optional;
+}
+.carosell {
+ @extend %showAllActivitiesCarosell !optional;
+}
+.dot {
+ @extend %showAllActivitiesDot !optional;
+}
+.selected {
+ @extend %showAllActivitiesDotSelected !optional;
+}
+.PCL--layout-bg {
+ @extend %PclLayoutBg !optional;
+}
+.PCL--icon {
+ @extend %PclIcon !optional;
+}
+.PCL--title {
+ @extend %PclTitle !optional;
+}
+.PCL--dot {
+ @extend %PclDot !optional;
+}
+.PCL--divider {
+ @extend %PclDivider !optional;
+}
+.PCL--buttons {
+ @extend %PclButtons !optional;
+}
+.PCL--btn {
+ @extend %PclBtn !optional;
+}
+.PCL--btn-number {
+ @extend %PclBtnNumber !optional;
+}
+.PCL--btn-dec {
+ @extend %PclBtnDec !optional;
+}
+#PCLBtn-Escape {
+ @extend %PclBtnEscape !optional;
+}
+#PCLBtn-Backspace {
+ @extend %PclBtnBackspace !optional;
+}
+.banReasonOtherClickable-8EKPlQ {
+ @extend %banReasonOtherClickable !optional;
+}
+.header_d32e26 {
+ @extend %serverGuideHeader !optional;
+}
+.headerArtWrapper_d32e26 {
+ @extend %serverGuideHeaderArtWrapper !optional;
+}
+.headerIcon_d32e26 {
+ @extend %serverGuideHeaderIcon !optional;
+}
+.welcomeMessageProfileContainer_a1289e {
+ @extend %serverGuideWelcomeMessageProfileContainer !optional;
+}
+.userCardInner_c69a7b {
+ @extend %serverGuideUserCardInner !optional;
+}
+.action_e3f878 {
+ @extend %serverGuideAction !optional;
+}
+.row_b53f4f {
+ @extend %serverGuideRow !optional;
+}
+.sidebarCardWrapper_e85cee {
+ @extend %serverGuideSidebarCardWrapper !optional;
+}
+.newTopicsBarContainer_cf58b5 {
+ @extend %summaryNewTopicsBarContainer !optional;
+}
+.newTopicsBarTopicSection_cf58b5 {
+ @extend %summaryNewTopicsBarTopicSection !optional;
+}
+.newTopicsBarIcon_cf58b5 {
+ @extend %summaryNewTopicsBarIcon !optional;
+}
+.newTopicsBarText_cf58b5 {
+ @extend %summaryNewTopicsBarText !optional;
+}
+.newTopicsBarTextSelected_cf58b5 {
+ @extend %summaryNewTopicsTextSelected !optional;
+}
+.newTopicsBarCaret_cf58b5 {
+ @extend %summaryNewTopicsBarCaret !optional;
+}
+.topicsPillContainer_cf58b5 {
+ @extend %summaryTopicsPillContainer !optional;
+}
+.topicsPill_cf58b5 {
+ @extend %summaryTopicsPill !optional;
+}
+.topicsPillText_cf58b5 {
+ @extend %summaryTopicsPillText !optional;
+}
+.topicsPillTextSelected_cf58b5 {
+ @extend %summaryTopicsPillTextSelected !optional;
+}
+.topicsPillTextTitle_cf58b5 {
+ @extend %summaryTopicsPillTextTitle !optional;
+}
+.topicsPillCarets_cf58b5 {
+ @extend %summaryTopicsPillCarets !optional;
+}
+.topicsPillDropdownCaret_cf58b5 {
+ @extend %summaryTopicsPillDropdownCaret !optional;
+}
+.topicsPillSummaryIcon_cf58b5 {
+ @extend %summaryTopicsPillSummaryIcon !optional;
+}
+.topicsPillCaret_cf58b5 {
+ @extend %summaryTopicsPillCaret !optional;
+}
+.topicsPillCaretDisabled_cf58b5 {
+ @extend %summaryTopicsPillCaretDisabled !optional;
+}
+.topicsDropdownBase_cf58b5 {
+ @extend %topicsDropdownBase !optional;
+}
+.topicsDropdownHeading_cf58b5 {
+ @extend %topicsDropdownHeading !optional;
+}
+.topicsDropdownHeadingText_cf58b5 {
+ @extend %topicsDropdownHeadingText !optional;
+}
+.topicsScroller_cf58b5 {
+ @extend %topicsScroller !optional;
+}
+.summariesBetaTag_cf58b5 {
+ @extend %topicsDropdownHeadingBetaTag !optional;
+}
+.container_b1a27b {
+ @extend %topicsDropdownTopicContainer !optional;
+}
+.feedbackContainer_b1a27b {
+ @extend %topicsDropdownFeedbackContainer !optional;
+}
+.thumbIcon_b1a27b {
+ @extend %topicsDropdownThumbIcon !optional;
+}
+.summaryStartContent_cabeb6 {
+ @extend %summaryStartContent !optional;
+}
+.summaryStartIcon_cabeb6 {
+ @extend %summaryStartIcon !optional;
+}
+.summaryEndContent_cabeb6 {
+ @extend %summaryEndContent !optional;
+}
+.summaryEndIcon_cabeb6 {
+ @extend %summaryEndIcon !optional;
+}
+.summaryDividerEnd_cabeb6 {
+ @extend %summaryDividerEnd !optional;
+}
+.summaryFeedbackWrapper_cabeb6 {
+ @extend %summaryFeedbackWrapper !optional;
+}
+.thumbIcon_cabeb6 {
+ @extend %summaryThumbIcon !optional;
+}
+.guestBody-1S2A2E {
+ @extend %guestBody !optional;
+}
+#channelTabs-container {
+ @extend %channelTabsContainer !optional;
+}
+.channelTabs-tabContainer {
+ @extend %channelTabsTabContainer !optional;
+}
+.channelTabs-tabNav {
+ @extend %channelTabsTabNav !optional;
+}
+.channelTabs-tab {
+ @extend %channelTabsTab !optional;
+}
+.channelTabs-selected {
+ @extend %channelTabsTabSelected !optional;
+}
+.channelTabs-tabName {
+ @extend %channelTabsTabName !optional;
+}
+.channelTabs-gridContainer {
+ @extend %channelTabsGridContainer !optional;
+}
+.channelTabs-unreadBadge {
+ @extend %channelTabsUnreadBadge !optional;
+}
+.channelTabs-mentionBadge {
+ @extend %channelTabsMentionBadge !optional;
+}
+.channelTabs-closeTab {
+ @extend %channelTabsCloseTab !optional;
+}
+.channelTabs-newTab {
+ @extend %channelTabsNewTab !optional;
+}
+.channelTabs-favContainer {
+ @extend %channelTabsFavContainer !optional;
+}
+.channelTabs-fav {
+ @extend %channelTabsFav !optional;
+}
+.headerContainer-3uHkGl {
+ @extend %securityActionsHeaderContainer !optional;
+}
+.mainContainer-1VGrrU {
+ @extend %securityActionsMainContainer !optional;
+}
+.pauseContainer-36E8UF {
+ @extend %securityActionsPauseContainer !optional;
+}
+.container_d576e9 {
+ @extend %familyCenterContent !optional;
+}
+.sideNavContent_d576e9 {
+ @extend %familyCenterSideNavContent !optional;
+}
+.container_d00e26 {
+ @extend %familyCenterContainer !optional;
+}
+.max-width_d00e26, .max-width_a2e886 {
+ @extend %familyCenterMaxWidth !optional;
+}
+.banner_d00e26 {
+ @extend %familyCenterBanner !optional;
+}
+.container_b01337 {
+ @extend %familyCenterGetStartedContainer !optional;
+}
+.featureCards_d00e26 {
+ @extend %familyCenterFeatureCards !optional;
+}
+.container_d00e26 {
+ @extend %familyCenterFeatureCard !optional;
+}
+.circle_d7c696 {
+ @extend %familyCenterFeatureCardCircle !optional;
+}
+.icon_d7c696 {
+ @extend %familyCenterFeatureCardCircleIcon !optional;
+}
+.container_a2e886 {
+ @extend %familyCenterSeeContainer !optional;
+}
+.row_e677b7 {
+ @extend %familyCenterSeeRow !optional;
+}
+.iconContainer_e677b7 {
+ @extend %familyCenterSeeRowIconContainer !optional;
+}
+.container_f70f48 {
+ @extend %familyCenterMyFamilyContainer !optional;
+}
+.box_f70f48 {
+ @extend %familyCenterBox !optional;
+}
+.stepNumber_f70f48 {
+ @extend %familyCenterBoxStepNumber !optional;
+}
+.enableCard_c55991 {
+ @extend %familyCenterEnableCard !optional;
+}
+.shop_e77fa3 {
+ @extend %shopContainer !optional;
+}
+.shopScroll_e77fa3 {
+ @extend %shopScroll !optional;
+}
+.shopScrollBackgroundPrimary__28f1d {
+ @extend %shopScrollBackgroundPrimary !optional;
+}
+.pageWrapperBackgroundPrimary__36469 {
+ @extend %shopPageWrapperBackgroundPrimary !optional;
+}
+.pageWrapper_e77fa3 {
+ @extend %shopPageWrapper !optional;
+}
+.page_e77fa3 {
+ @extend %shopPage !optional;
+}
+.countDownWrapper_cd5584 {
+ @extend %shopCountDownWrapper !optional;
+}
+.shyBanner__78fa4 {
+ @extend %shopShyBanner !optional;
+}
+.heroBanner_e16ab1 {
+ @extend %shopHeroBanner !optional;
+}
+.bannerBackground_ad3aa1 {
+ @extend %shopBannerBackground !optional;
+}
+.bannerCard_b27f26 {
+ @extend %shopBannerCard !optional;
+}
+.shopBanner_be5025 {
+ @extend %shopBanner !optional;
+}
+.itemTypeTitle_e77fa3 {
+ @extend %shopItemTypeTitle !optional;
+}
+.shopCard_c23530 {
+ @extend %shopCard !optional;
+}
+.avatarContainer_c23530 {
+ @extend %shopCardAvatarContainer !optional;
+}
+.cardText_c23530 {
+ @extend %shopCardText !optional;
+}
+.cardTextBlur_c23530 {
+ @extend %shopCardTextBlur !optional;
+}
+.cardBackground_c23530 {
+ @extend %shopCardBackground !optional;
+}
+.description__8d6d2 {
+ @extend %shopCardDescription !optional;
+}
+.priceTag__6412e {
+ @extend %shopCardPriceTag !optional;
+}
+.premiumIcon__7552e {
+ @extend %shopCardPremiumIcon !optional;
+}
+.cardTextProfileEffect__27c03 {
+ @extend %shopCardTextProfileEffect !optional;
+}
+.giftButton_e70ca4 {
+ @extend %shopGiftButton !optional;
+}
+.giftButtonInner_e70ca4 {
+ @extend %shopGiftButtonInner !optional;
+}
+.previewButtonInner_bfc6e5 {
+ @extend %shopPreviewButtonInner !optional;
+}
+.modalContent_c5828f {
+ @extend %shopPreviewModalContent !optional;
+}
+.chatPreview_c5828f {
+ @extend %shopChatPreview !optional;
+}
+.mockInput_c5828f {
+ @extend %shopMockInput !optional;
+}
+.collectibleInfoContainer_c5828f {
+ @extend %shopCollectibleInfoContainer !optional;
+}
+.categoryBanner_c5828f {
+ @extend %shopCollectibleCategoryBanner !optional;
+}
+.content_cac32e {
+ @extend %serverShopContent !optional;
+}
+.contentContainer_cac32e {
+ @extend %serverShopContentContainer !optional;
+}
+.container_e1e1a4 {
+ @extend %serverShopHeroCard !optional;
+}
+.infoContainer_e1e1a4 {
+ @extend %serverShopHeroInfoContainer !optional;
+}
+.coverImage_e1e1a4 {
+ @extend %serverShopHeroCoverImage !optional;
+}
+.filters_ff1414 {
+ @extend %serverShopFilters !optional;
+}
+.header_ff1414 {
+ @extend %serverShopHeader !optional;
+}
+.tab_ff1414 {
+ @extend %serverShopTab !optional;
+}
+.selected_ff1414 {
+ @extend %serverShopTabSelected !optional;
+}
+.iconContainer_ff1414 {
+ @extend %serverShopTabIconContainer !optional;
+}
+.sortDropdown_c26ebf {
+ @extend %serverShopSortDropdown !optional;
+}
+.sortDropdownInner_c26ebf {
+ @extend %serverShopSortDropdownInner !optional;
+}
+.productCard_eb6c38 {
+ @extend %serverShopProductCard !optional;
+}
+.productThumbnail_eb6c38 {
+ @extend %serverShopProductThumbnail !optional;
+}
+.card_c5b7ad {
+ @extend %serverShopCard !optional;
+}
+.cardContent_c5b7ad {
+ @extend %serverShopCardContent !optional;
+}
+.container_dc71f0 {
+ @extend %serverShopProductModalHeaderImage !optional;
+}
+.body_b3373b {
+ @extend %serverShopProductModalBody !optional;
+}
+.container_b981c5 {
+ @extend %serverProductsBasicInfoContainer !optional;
+}
+.coverImageUploader_fea47d {
+ @extend %serverProductsCoverImageUploader !optional;
+}
+.metricCard_bf27f7 {
+ @extend %serverProductsMetricCard !optional;
+}
+.tableContainer_d2aca9 {
+ @extend %serverProductsTableContainer !optional;
+}
+.productCard_f26f9b {
+ @extend %serverProductCard !optional;
+}
+.productThumbnail_f26f9b {
+ @extend %serverProductCardThumbnail !optional;
+}
+.badge_a24a11 {
+ @extend %serverProductBadge !optional;
+}
+.roleTag_b463ca {
+ @extend %serverProductRoleTag !optional;
+}
+.roleColor_b463ca {
+ @extend %serverProductRoleColor !optional;
+}
+.textArea_cc484a {
+ @extend %serverProductTextArea !optional;
+}
+.clickableItem_f07970 {
+ @extend %serverProductThumbnail !optional;
+}
+.radioOptionImage_f07970 {
+ @extend %serverProductThumbnailRadioOptionImage !optional;
+}
+.container_c298ed {
+ @extend %serverProductUploadDownloadableContainer !optional;
+}
+.attachedRoleContainer_f624e3 {
+ @extend %serverProductAttachedRoleContainer !optional;
+}
+.benefitToggleContainer_d636bf {
+ @extend %serverProductBenefitToggleContainer !optional;
+}
+.productPreview_d636bf {
+ @extend %serverProductPreview !optional;
+}
+.publishable_f77b50 {
+ @extend %serverProductPublishableCard !optional;
+}
+.wasEverPublished_f77b50 {
+ @extend %serverProductWasEverPublishedCard !optional;
+}
+.phoneField_d4eb58 {
+ @extend %phoneField !optional;
+}
+.inputField_d4eb58 {
+ @extend %phoneInputField !optional;
+}
+.phoneFieldExpand_d4eb58 {
+ @extend %phoneFieldExpand !optional;
+}
+.countryButton_d4eb58 {
+ @extend %phoneCountryButton !optional;
+}
+.countryCode_d4eb58 {
+ @extend %phoneCountryCode !optional;
+}
+.plusSign_d4eb58 {
+ @extend %phonePlusSign !optional;
+}
+.phoneFieldPopout_ff761b {
+ @extend %phoneFieldPopout !optional;
+}
+.group_d8d11a {
+ @extend %experimentGroup !optional;
+}
+.title_d8d11a {
+ @extend %experimentGroupTitle !optional;
+}
+.experimentDate_d8d11a {
+ @extend %experimentGroupDate !optional;
+}
+.description_d8d11a {
+ @extend %experimentGroupDescription !optional;
+}
+.divider_d8d11a {
+ @extend %experimentGroupDivider !optional;
+}
+.repoHeader_2KfNvH {
+ @extend %repoHeader !optional;
+}
+.repoScroller_9JnAPs {
+ @extend %repoScroller !optional;
+}
+.tabContent_nZ-1U5 {
+ @extend %repoTabContent !optional;
+}
+.card_x5zW6z {
+ @extend %repoCard !optional;
+}
+.coverWrapper_J-mDGJ {
+ @extend %repoCoverWrapper !optional;
+}
+.cover_qyY86I {
+ @extend %repoCover !optional;
+}
+.coverBadge_I41ZIY {
+ @extend %repoCoverBadge !optional;
+}
+.iconWrapper_eK7GO6 {
+ @extend %repoIconWrapper !optional;
+}
+.info_xw-o76 {
+ @extend %repoInfo !optional;
+}
+.title_SSzExd {
+ @extend %repoTitle !optional;
+}
+.button_SxdSzE {
+ @extend %repoTitleButton !optional;
+}
+.favbutton_8Fzu45 {
+ @extend %repoFavButton !optional;
+}
+.tag_PbPfwP {
+ @extend %repoTag !optional;
+}
+.button_coQXfM {
+ @extend %repoButton !optional;
+}
+.statIcon_o40EX1 {
+ @extend %repoStatIcon !optional;
+}
+.recentClipsPopout_bd6a37 {
+ @extend %recentClipsPopout !optional;
+}
+.thumbnail_a71e15 {
+ @extend %recentClipsThumbnail !optional;
+}
+.settingsButton_b0623a {
+ @extend %clipsSettingsButton !optional;
+}
+.clipItem_fcf712 {
+ @extend %clipItem !optional;
+}
+.clipThumb_fcf712 {
+ @extend %clipThumb !optional;
+}
+.clipBadge_fcf712 {
+ @extend %clipBadge !optional;
+}
+.buttonContainer_fcf712 {
+ @extend %clipItemButtonContainer !optional;
+}
+.centeringWrapper_bb2184 {
+ @extend %timelineCenterWrapper !optional;
+}
+.timePillBackground_bb2184 {
+ @extend %timePillBackground !optional;
+}
+.timePillText_bb2184 {
+ @extend %timePillText !optional;
+}
+.playPauseButtonWrapper_bb2184 {
+ @extend %playPauseButtonWrapper !optional;
+}
+.timelineBackground_bb2184 {
+ @extend %playerTimelineBackground !optional;
+}
+.playhead_bb2184 {
+ @extend %playhead !optional;
+}
+.dragBox_bb2184 {
+ @extend %playerDragBox !optional;
+}
+.dragHandle_bb2184 {
+ @extend %playerDragHandle !optional;
+}
+.dragHandleLeft_bb2184 {
+ @extend %playerDragHandleLeft !optional;
+}
+.dragHandleRight_bb2184 {
+ @extend %playerDragHandleRight !optional;
+}
+.cropLeftArrow_bb2184 {
+ @extend %playerCropLeftArrow !optional;
+}
+.cropRightArrow_bb2184 {
+ @extend %playerCropRightArrow !optional;
+}
+.clipForm_b00e1b {
+ @extend %clipForm !optional;
+}
+.root_a1f5c2 {
+ @extend %clipFormRoot !optional;
+}
+.nameSection_a1f5c2 {
+ @extend %clipFormNameSection !optional;
+}
+.timeContainer_a1f5c2 {
+ @extend %clipFormTimeContainer !optional;
+}
+.userList_b00e1b {
+ @extend %clipFormUserList !optional;
+}
+.userCountPill_e48bd3 {
+ @extend %clipFormUserCountPill !optional;
+}
+.profile_f7ea1b {
+ @extend %accountStandingProfile !optional;
+}
+.avatarBackground_bb882a {
+ @extend %accountStandingAvatarBackground !optional;
+}
+.status_f7ea1b {
+ @extend %accountStandingStatus !optional;
+}
+.line_f7ea1b {
+ @extend %accountStandingLine !optional;
+}
+.marker_f7ea1b {
+ @extend %accountStandingMarker !optional;
+}
+.empty_f7ea1b {
+ @extend %accountStandingMarkerEmpty !optional;
+}
+.listItemContainer_c03fd3 {
+ @extend %authenticationListItemContainer !optional;
+}
+.questsCard_c366aa {
+ @extend %questCard !optional;
+}
+.outerContainer_af8856 {
+ @extend %questCardBannerContainer !optional;
+}
+.outerContainer_d7df05 {
+ @extend %questCardLowerContainer !optional;
+}
+.questSplash_af8856 {
+ @extend %questCardSplash !optional;
+}
+.partnerBrandingGameTile_fc6f68 {
+ @extend %questCardPartnerBrandingGameTile !optional;
+}
+.promotedTagBackground_a4a2b0 {
+ @extend %questCardPromotedTagBackground !optional;
+}
+.gridProgressBar_d7df05 {
+ @extend %questCardGridProgressBar !optional;
+}
+.questReward__47d57 {
+ @extend %questCardReward !optional;
+}
+.profileThemedContainer_d2194f {
+ @extend %modViewProfileThemedContainer !optional;
+}
+.container_d936aa {
+ @extend %modViewTopUserInfoContainer !optional;
+}
+.topRow_d936aa {
+ @extend %modViewTopRow !optional;
+}
+.bottomRow_d936aa {
+ @extend %modViewBottomRow !optional;
+}
+.bottomRowAction_d936aa {
+ @extend %modViewBottomRowAction !optional;
+}
+.innerBottomRowAction_d936aa {
+ @extend %modViewInnerBottomRowAction !optional;
+}
+.container_f51af4 {
+ @extend %modViewBottomUserInfoContainer !optional;
+}
+.header_f51af4 {
+ @extend %modViewBottomUserInfoHeader !optional;
+}
+.modInfoItemContainer_ce9fb9 {
+ @extend %modViewModInfoItemContainer !optional;
+}
+.modInfoItem_ce9fb9 {
+ @extend %modViewModInfoItem !optional;
+}
+.modInfoAction_ce9fb9 {
+ @extend %modViewModInfoAction !optional;
+}
+.legend_c46f6a {
+ @extend %pollCreateLegend !optional;
+}
+.answerRow_d274ca {
+ @extend %pollCreateAnswerRow !optional;
+}
+.expressionPickerButtonDefault_d274ca {
+ @extend %pollCreateExpressionPickerButton !optional;
+}
+.expressionPickerIconDefault_d274ca {
+ @extend %pollCreateExpressionPickerIcon !optional;
+}
+.removeAnswerButtonDefault_d274ca {
+ @extend %pollCreateRemoveAnswerButton !optional;
+}
+.defaultTextInputWrapper_d274ca {
+ @extend %pollCreateDefaultTextInputWrapper !optional;
+}
+.defaultTextInput_d274ca {
+ @extend %pollCreateDefaultTextInput !optional;
+}
+.characterCount_d274ca {
+ @extend %pollCreateCharacterCount !optional;
+}
+.addAnswerButtonDefault_f24a96 {
+ @extend %pollCreateAddAnswerButton !optional;
+}
+.addAnswerIconDefault_f24a96 {
+ @extend %pollCreateAddAnswerIcon !optional;
+}
+.addAnswerButtonLabel_f24a96 {
+ @extend %pollCreateAddAnswerButtonLabel !optional;
+}
+.canRemoveMoreAnswers_f24a96 {
+ @extend %pollCreateCanRemoveMoreAnswers !optional;
+}
+.pollContainer_b558d0 {
+ @extend %pollContainer !optional;
+}
+.answersContainer_cf2c85 {
+ @extend %pollAnswersContainer !optional;
+}
+.radioBackground_b97e9a {
+ @extend %pollRadioBackground !optional;
+}
+.answer_cf2c85 {
+ @extend %pollAnswer !optional;
+}
+.votedStyles_b5cb3c {
+ @extend %pollAnswerVotedStyles !optional;
+}
+.answerInner_cf2c85 {
+ @extend %pollAnswerInner !optional;
+}
+.currentlyVoting_cf2c85 {
+ @extend %pollCurrentlyVoting !optional;
+}
+.selected_cf2c85 {
+ @extend %pollAnswerSelected !optional;
+}
+.votePercentageBar_cf2c85 {
+ @extend %pollVotePercentageBar !optional;
+}
+.answerSelectionIcon_cf2c85 {
+ @extend %pollAnswerSelectionIcon !optional;
+}
+.overridePlaceholder_cacc4c {
+ @extend %notificationOverridePlaceholder !optional;
+}
+.overrideList_cacc4c {
+ @extend %notificationOverrideList !optional;
+}
+.header_cacc4c {
+ @extend %notificationOverrideHeader !optional;
+}
+.override_cacc4c {
+ @extend %notificationOverride !optional;
+}
+.checkboxGroup_cacc4c {
+ @extend %notificationCheckboxGroup !optional;
+}
+.checkboxContainer_cacc4c {
+ @extend %notificationCheckboxContainer !optional;
+}
+.checkboxMute_cacc4c {
+ @extend %notificationCheckboxMute !optional;
+}
+.container_c22357 {
+ @extend %guildChatPopoutContainer !optional;
+}
+.bannerImage_e0fe28 {
+ @extend %guildChatPopoutBannerImage !optional;
+}
+.cardContainer_c22357 {
+ @extend %guildChatPopoutCardContainer !optional;
+}
+.clanTagChiplet_e0fe28 {
+ @extend %guildChatPopoutClanTagChiplet !optional;
+}
+.clanIconInner_e0fe28 {
+ @extend %guildChatPopoutClanIconInner !optional;
+}
+.trait_c18810 {
+ @extend %guildChatPopoutTrait !optional;
+}
+.gameImageContainer_fda254 {
+ @extend %guildChatPopoutGameImageContainer !optional;
+}
+.vc-membercount-widget {
+ @extend %vencordMembercountWidget !optional;
+}
+.vc-membercount-online-dot {
+ @extend %vencordMembercountOnlineDot !optional;
+}
+.vc-membercount-total-dot {
+ @extend %vencordMembercountTotalDot !optional;
+}
diff --git a/other/themes/Material-Discord/src/_variables.scss b/other/themes/Material-Discord/src/_variables.scss
new file mode 100644
index 0000000..2410be8
--- /dev/null
+++ b/other/themes/Material-Discord/src/_variables.scss
@@ -0,0 +1,261 @@
+: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;
+}
+
+%themeDark {
+ --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));
+}
+
+%themeLight {
+ --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));
+}
diff --git a/other/themes/Material-Discord/src/app/_app.scss b/other/themes/Material-Discord/src/app/_app.scss
new file mode 100644
index 0000000..51e338c
--- /dev/null
+++ b/other/themes/Material-Discord/src/app/_app.scss
@@ -0,0 +1,252 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * APP ELEMENTS
+ *
+ */
+
+* {
+ font-family: var(--app-font), sans-serif !important;
+}
+
+::selection {
+ background: hsl(var(--accent-hsl),0.35);
+ text-shadow: none;
+}
+
+body,
+%app,
+%appMount {
+ background-color: transparent;
+}
+
+%appMount {
+ background: var(--app-bg);
+}
+
+%bg,
+%loadingScreen {
+ background: var(--app-bg);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: cover;
+}
+
+%bg {
+ &%themeDark {
+ background-color: var(--main-alt);
+ }
+}
+
+%platformWin {
+ %bg {
+ top: calc((var(--window-title-bar) + 4px) * -1);
+ }
+}
+
+%layers {
+ z-index: 1000;
+}
+
+%anchor,
+%anchorIcon,
+.low-saturation %anchor,
+%textColorBrand {
+ color: hsl(var(--accent-hsl));
+}
+
+/* APP ELEMENTS -> LIGHT THEME WITH DARK SIDEBAR */
+
+%bg%themeDark {
+ &:after {
+ position: absolute;
+ content: " ";
+ width: var(--card-radius-big);
+ height: calc(100vh - 22px);
+ top: 26px;
+ left: calc(72px + 240px);
+ background-color: var(--chat-color);
+ pointer-events: none;
+ }
+}
+
+%channelsSidebar {
+ &%themeDark {
+ + %chat,
+ + %friends,
+ + %libraryContainer,
+ + %nitroHomePage,
+ + %shopContainer,
+ + %familyCenterContent {
+ border-radius: var(--card-radius-big);
+ border-bottom-right-radius: 0;
+ }
+ }
+}
+
+/* APP ELEMENTS -> LOADING ICONS */
+
+%spinnerPath,
+%spinnerPath2,
+%spinnerPath3 {
+ stroke: hsl(var(--accent-hsl--material-you)) !important;
+}
+
+%spinnerPath2 {
+ opacity: 0.6;
+}
+
+%spinnerPath3 {
+ opacity: 0.2;
+}
+
+%wanderingCubes {
+ %wanderingCubesItem {
+ background-color: hsl(var(--accent-hsl--material-you));
+ }
+}
+
+/* APP ELEMENTS -> TITLEBAR */
+
+%titlebarWordmark {
+ &%titlebarWordmarkWindows {
+ 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);
+
+ &:before,
+ &:after {
+ position: relative;
+ width: auto;
+ height: 22px;
+ }
+
+ &:before {
+ content: "Material";
+ font-weight: 700;
+ }
+
+ &:after {
+ content: "Discord";
+ }
+
+ svg {
+ display: none;
+ }
+ }
+}
+
+%titlebarWin {
+ &%titlebarWithFrame {
+ height: var(--window-title-bar);
+ margin-top: 0;
+ }
+
+ %titlebarWinButton {
+ height: var(--window-title-bar);
+ top: 0;
+
+ &: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;
+ }
+
+ &:hover {
+ &:before {
+ opacity: 1;
+ }
+ }
+
+ &: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;
+ }
+
+ &:active:after {
+ opacity: 0.65;
+ }
+
+ &%titlebarWinButtonMinMax {
+ &:nth-last-of-type(2) {
+ &:hover {
+ &:after {
+ background-color: var(--window-button-max);
+ }
+ }
+
+ &:before {
+ @include add-icon(var(--window-button-max), window_maximize);
+ }
+ }
+
+ &:nth-last-of-type(1) {
+ &:hover {
+ &:after {
+ background-color: var(--window-button-min);
+ }
+ }
+
+ &:before {
+ @include add-icon(var(--window-button-min), window_minimize);
+ }
+ }
+ }
+
+ &%titlebarWinButtonClose {
+ &:hover {
+ &:after {
+ background-color: var(--window-button-close);
+ }
+ }
+
+ &:before {
+ @include add-icon(var(--window-button-close), window_close);
+ }
+ }
+
+ &:hover,
+ &:active {
+ background-color: transparent;
+ }
+
+ svg {
+ display: none;
+ }
+ }
+}
+
+html:not(%appFocused) {
+ %titlebarWin {
+ %titlebarWinButton {
+ &:after {
+ background-color: var(--window-button-inactive);
+ }
+
+ &%titlebarWinButtonMinMax {
+ &:after {
+ background-color: var(--window-button-inactive);
+ }
+ }
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/app/_index.scss b/other/themes/Material-Discord/src/app/_index.scss
new file mode 100644
index 0000000..74b6581
--- /dev/null
+++ b/other/themes/Material-Discord/src/app/_index.scss
@@ -0,0 +1,2 @@
+@forward './app';
+@forward './loginScreen';
diff --git a/other/themes/Material-Discord/src/app/_loginScreen.scss b/other/themes/Material-Discord/src/app/_loginScreen.scss
new file mode 100644
index 0000000..decaff4
--- /dev/null
+++ b/other/themes/Material-Discord/src/app/_loginScreen.scss
@@ -0,0 +1,83 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * LOGIN SCREEN
+ *
+ */
+
+%authBox {
+ padding: 24px 24px 0;
+ @include popout-format(true);
+
+ &:last-child {
+ padding-bottom: 24px;
+ }
+
+ %mainLoginContainer {
+ margin-right: 24px;
+ padding-right: 24px;
+ border-right: 1px solid var(--card-border-color);
+ }
+
+ %headlingXlSemibold {
+ margin-bottom: 16px;
+ font-weight: 400;
+ }
+
+ %verticalSeparator {
+ display: none;
+ }
+
+ %qrLogin {
+ height: 320px;
+ }
+
+ %needAccount {
+ line-height: 24px;
+ }
+
+ %buttonLink {
+ %size14 {
+ line-height: var(--button-height);
+ }
+ }
+
+ &:not(%chooseAccountAuthBox) {
+ %buttonLink {
+ --button-height: 17px;
+ --button-padding: 0;
+ --button-radius: 0;
+
+ font-size: var(--button-font-size) !important;
+ font-weight: 400 !important;
+
+ &:after {
+ display: none;
+ }
+
+ &:hover {
+ text-decoration: underline !important;
+ }
+ }
+ }
+
+ %needAccount + %buttonLink {
+ position: relative;
+ top: -3px;
+ }
+}
+
+%authBoxNavRow {
+ height: auto;
+ padding: 24px;
+ background-color: transparent !important;
+
+ %button {
+ margin: 0;
+ }
+
+ .button-1cRKG6 {
+ margin: 0;
+ }
+}
diff --git a/other/themes/Material-Discord/src/app/_materialYou.scss b/other/themes/Material-Discord/src/app/_materialYou.scss
new file mode 100644
index 0000000..7b5b3d2
--- /dev/null
+++ b/other/themes/Material-Discord/src/app/_materialYou.scss
@@ -0,0 +1,787 @@
+/*
+ *
+ * MATERIAL YOU
+ *
+ */
+
+%themeDark {
+ --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)
+ );
+
+ %popoutLayer,
+ %modalRoot {
+ --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)
+ );
+
+ %input {
+ --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)
+ );
+ }
+ }
+
+ %triggerMainContainer {
+ --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)
+ );
+ }
+}
+
+%themeLight {
+ --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)
+ );
+
+ %buttonOutlined {
+ &%buttonBrand,
+ &%buttonPrimary {
+ --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)
+ );
+
+ &: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)
+ );
+ }
+ }
+ }
+
+ %buttonLink {
+ &%buttonBrand,
+ &%buttonPrimary,
+ &%colorLink {
+ --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;
+ }
+ }
+
+ %slider {
+ %sliderBar %sliderBarFill,
+ %sliderTrack %sliderGrabber {
+ 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;
+ }
+ }
+
+ %radioItem {
+ &[aria-checked=true] {
+ %radioBar 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)
+ );
+ }
+ }
+ }
+
+ %menuPopoutItem {
+ &[role=menuitemradio][aria-checked=true] {
+ %menuPopoutIcon {
+ 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)
+ );
+ }
+ }
+ }
+
+ %menuPopoutColorDefault {
+ %menuPopoutCheckbox {
+ 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)
+ );
+ }
+
+ %menuPopoutCheck {
+ color: hsl(var(--accent-hsl--material-you));
+ }
+ }
+
+ %input: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);
+ }
+
+ &%popoutLayer,
+ &.layer-fP3xEz {
+ %input,
+ %reviewDBInput {
+ --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)
+ );
+ }
+ }
+
+ %modalRoot {
+ %modalContent {
+ 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)
+ );
+ }
+ }
+
+ %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)
+ );
+ }
+ }
+
+ %browseChannelsHeader {
+ %listPopoutSearchBar {
+ --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)
+ );
+ }
+ }
+
+ %triggerMainContainer {
+ --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)
+ );
+ }
+
+ %jumpToPresentBar {
+ --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)
+ );
+ }
+
+ %headerBarIconBadge {
+ --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);
+ }
+
+ %postThreadButtonContainer {
+ --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);
+ }
+}
diff --git a/other/themes/Material-Discord/src/beta/_customThemes.scss b/other/themes/Material-Discord/src/beta/_customThemes.scss
new file mode 100644
index 0000000..38ab116
--- /dev/null
+++ b/other/themes/Material-Discord/src/beta/_customThemes.scss
@@ -0,0 +1,339 @@
+/*
+ *
+ * CUSTOM THEMES
+ *
+ */
+
+%themeDark,
+%themeLight {
+ --app-bg: var(--bg-overlay-4,var(--background-tertiary)) !important;
+ --accent-text-color--material-you: var(--interactive-active);
+
+ %titlebarWithBackgroundOverride {
+ background: transparent;
+ }
+
+ %base {
+ background: var(--bg-overlay-2, var(--background-secondary));
+ border-radius: var(--card-radius-big);
+ }
+
+ %headerBarThemed {
+ background: var(--bg-overlay-2, var(--background-secondary)) !important;
+ }
+
+ %standardSidebarView {
+ background: var(--app-bg);
+ }
+
+ %settingsSidebarScroller {
+ background-color: transparent;
+ }
+
+ %settingsContentRegion {
+ background: var(--bg-overlay-2, var(--background-secondary));
+ }
+
+ %settingsCardPrimary,
+ %settingsAccountProfileCard,
+ %settingsProfileCard,
+ %deviceSessions > div:not([class]),
+ %deviceOtherSessions,
+ %accountList,
+ %connectionCard,
+ %titleH5%eyebrow + div:not([class]) div[role=radiogroup],
+ div[role=radiogroup] {
+ background: var(--bg-overlay-3, var(--background-secondary));
+ }
+
+ %radioItem {
+ &:hover {
+ background: var(--bg-overlay-4, var(--background-secondary));
+ }
+
+ &:active,
+ &[aria-checked=true] {
+ background: var(--bg-overlay-5, var(--background-secondary));
+ }
+ }
+
+ %settingsSidebar {
+ %settingsSideItem {
+ &:hover {
+ background: var(--bg-overlay-hover, var(--background-primary));
+ }
+
+ &%settingsSideItemSelected {
+ background: var(--bg-overlay-selected, var(--background-primary));
+ }
+ }
+ }
+
+ %settingsProfileCustomizationSectionBorder {
+ background: var(--bg-overlay-3, var(--background-secondary)) 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;
+ }
+
+ %connectionCardMetadataContainer,
+ %integrationCard {
+ background: var(--bg-overlay-4, var(--background-secondary));
+ }
+
+ %buttonFilled {
+ --button-background: var(--bg-overlay-selected,var(--background-modifier-selected));
+ --button-text-color: var(--interactive-active);
+
+ &%buttonBrand {
+ --button-background: var(--bg-overlay-selected,var(--background-modifier-selected));
+ --button-text-color: var(--interactive-active);
+ }
+ }
+
+ %connectionCardUpsellContainer {
+ background: var(--bg-overlay-4, var(--background-secondary));
+ }
+
+ %guildsWrapper {
+ background: transparent;
+
+ %scroller {
+ background: transparent;
+ }
+ }
+
+ %guilds {
+ background: transparent;
+ }
+
+ %guildLink {
+ %guildChildWrapper {
+ background: var(--bg-overlay-1, var(--background-primary));
+ color: var(--interactive-active);
+ }
+
+ &%guildLinkSelected {
+ %guildChildWrapper {
+ background: var(--bg-overlay-6, var(--background-primary));
+ color: var(--interactive-active);
+ }
+ }
+ }
+
+ %circleIconButtonMask,
+ %circleIconButton {
+ background: var(--bg-overlay-1, var(--background-primary));
+ color: var(--interactive-active);
+
+ &%circleIconButtonSelected {
+ background: var(--bg-overlay-6, var(--background-primary));
+ color: var(--interactive-active);
+ }
+ }
+
+ %privateChannels {
+ background: transparent;
+
+ %scroller {
+ background: inherit;
+ }
+ }
+
+ %channelWrapper {
+ &,
+ &:hover {
+ %channelLink {
+ background: transparent;
+ }
+ }
+
+ &:hover {
+ background: var(--bg-overlay-hover, var(--background-primary));
+ }
+
+ &%channelWrapperSelected {
+ background: var(--bg-overlay-selected, var(--background-primary));
+ }
+ }
+
+ %nowPlayingColumn {
+ background: transparent;
+
+ %nowPlayingColumnContainer {
+ background: inherit;
+ }
+ }
+
+ %activeNowCardInteractive {
+ background: var(--bg-overlay-2, var(--background-primary));
+
+ &:hover,
+ &%activeNowCardActive {
+ background: var(--bg-overlay-3, var(--background-primary));
+ }
+
+ %activeNowCardSection {
+ background: var(--bg-overlay-4, var(--background-primary));
+ }
+ }
+
+ %channelsSidebar {
+ background: transparent;
+
+ %channelsHeaderContainer {
+ &:not(%channelHasBanner) %channelsHeader {
+ background-color: transparent;
+ }
+ }
+ }
+
+ %channelsContainer {
+ background: transparent !important;
+
+ &:after {
+ --main-color: transparent;
+ }
+ }
+
+ %connectionPanel,
+ %activityPanel,
+ %listeningAlongPanel,
+ %spotifyPanel,
+ %vencordSpotifyPlayer {
+ background: var(--bg-overlay-3, var(--background-tertiary)) !important;
+ }
+
+ %accountPanel {
+ background: var(--bg-overlay-4, var(--background-tertiary)) !important;
+ }
+
+ %chat,
+ %chatContent {
+ background: transparent !important;
+ }
+
+ %chatForm {
+ background-color: transparent;
+ }
+
+ %channelTextAreaTyping {
+ background: var(--bg-overlay-2, var(--background-secondary));
+ }
+
+ %messagesWrapper {
+ background: var(--bg-overlay-3, var(--background-secondary));
+
+ &:not(%messageGroupStart) {
+ &:before,
+ &:after {
+ width: calc(var(--message-radius) / 3);
+ height: calc(var(--message-radius) / 2);
+ top: calc(var(--message-radius) / 2 * -1);
+ background: var(--bg-overlay-3, var(--background-secondary));
+ border: none;
+ }
+ }
+
+ &:hover {
+ background: var(--bg-overlay-4, var(--background-secondary)) !important;
+ }
+ }
+
+ %messageListItem {
+ &:hover {
+ + %messageListItem {
+ %messagesWrapper {
+ &:not(%messageGroupStart) {
+ &:before,
+ &:after {
+ background: var(--bg-overlay-4, var(--background-secondary));
+ border: none;
+ }
+ }
+ }
+ }
+ }
+ }
+
+ %mentioned {
+ %messageContentInner {
+ background: var(--bg-overlay-5, var(--background-primary));
+ }
+ }
+
+ %mentionWrapper {
+ color: var(--text-normal);
+ }
+
+ %markup {
+ a {
+ span {
+ -webkit-background-clip: text !important;
+ -webkit-text-fill-color: transparent;
+ background: var(--bg-overlay-6, var(--background-primary));
+ }
+ }
+ }
+
+ %embed {
+ &%embedFull {
+ background: var(--bg-overlay-2, var(--background-secondary));
+ }
+ }
+
+ %inviteWrapper {
+ background: var(--bg-overlay-2, var(--background-secondary));
+ }
+
+ %messageButtonWrapper {
+ background: var(--bg-overlay-5, var(--background-secondary));
+
+ %messageButton {
+ color: var(--interactive-active);
+ }
+ }
+
+ %members {
+ &,
+ & > div {
+ background: transparent;
+ }
+
+ %member {
+ background: inherit;
+ }
+ }
+
+ %channelTextAreaUpload {
+ background: var(--bg-overlay-5, var(--background-secondary));
+ }
+
+ %searchResultsWrap {
+ background: var(--bg-overlay-3, var(--background-secondary));
+ }
+
+ %themeEditor {
+ background: var(--bg-overlay-2, var(--background-secondary));
+
+ &:before {
+ background: var(--app-bg);
+ }
+
+ &:after {
+ background: var(--bg-overlay-2, var(--background-secondary));
+ }
+ }
+}
+
+%buttonFilled,
+%buttonOutlined,
+%buttonLink,
+%buttonInverted {
+ background: var(--button-background);
+}
+
+%customThemeBackground {
+ %titlebarWin {
+ &%titlebarWithBackgroundOverride {
+ padding-top: 0;
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/beta/_index.scss b/other/themes/Material-Discord/src/beta/_index.scss
new file mode 100644
index 0000000..5596ed9
--- /dev/null
+++ b/other/themes/Material-Discord/src/beta/_index.scss
@@ -0,0 +1,2 @@
+@forward './customThemes';
+@forward './newSliders';
diff --git a/other/themes/Material-Discord/src/beta/_newSliders.scss b/other/themes/Material-Discord/src/beta/_newSliders.scss
new file mode 100644
index 0000000..ca968b5
--- /dev/null
+++ b/other/themes/Material-Discord/src/beta/_newSliders.scss
@@ -0,0 +1,86 @@
+/*
+ *
+ * NEW SLIDERS
+ *
+ */
+
+:root {
+ --slider-height: 32px;
+ --slider-radius: calc(var(--slider-height) / 2);
+}
+
+%slider {
+ height: var(--slider-height);
+
+ &:active {
+ %sliderBar {
+ %sliderBarFill {
+ border-radius: var(--slider-radius) calc(var(--slider-radius) / 3) calc(var(--slider-radius) / 3) var(--slider-radius);
+ }
+ }
+ }
+
+ %sliderBar {
+ height: var(--slider-height);
+ top: 0;
+ background-color: hsl(from hsl(var(--accent-hsl--material-you)) h calc(s * 0.47) calc(l * 0.425)) !important;
+ border-radius: var(--slider-radius);
+
+ %sliderBarFill {
+ background-color: hsl(var(--accent-hsl--material-you));
+ border-radius: inherit;
+ transition: var(--default-time) var(--default-animation) border-radius;
+
+ &[style*="background: var(--yellow-300)"] {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ }
+ }
+ }
+}
+
+%sliderGrabber {
+ width: var(--slider-height);
+ height: var(--slider-height);
+ top: 0;
+ margin-top: 0;
+ margin-left: calc((var(--slider-height) / 2) * -1);
+ border: none;
+ opacity: 0;
+}
+
+%sliderInputSensitivityBar {
+ height: var(--slider-height);
+ top: 0 !important;
+ border-radius: var(--slider-radius);
+
+ %sliderInputSensitivityFill {
+ height: inherit !important;
+ background-color: hsl(from hsl(var(--accent-hsl--material-you)) h calc(s * 0.8) calc(l * 0.8)) !important;
+ border-radius: var(--slider-radius);
+ }
+}
+
+%menuPopoutSliderContainer {
+ --slider-height: 24px;
+
+ height: var(--slider-height);
+ margin-bottom: 0 !important;
+}
+
+%sliderMenuPopout {
+ top: 0;
+}
+
+%sliderMini {
+ %sliderBar {
+ height: var(--slider-height);
+ top: 0;
+ }
+
+ %sliderGrabber {
+ width: var(--slider-height);
+ height: var(--slider-height);
+ margin-top: 0;
+ margin-left: calc((var(--slider-height) / 2) * -1);
+ }
+}
diff --git a/other/themes/Material-Discord/src/channels/_channels.scss b/other/themes/Material-Discord/src/channels/_channels.scss
new file mode 100644
index 0000000..7983380
--- /dev/null
+++ b/other/themes/Material-Discord/src/channels/_channels.scss
@@ -0,0 +1,428 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * CHANNELS LIST
+ *
+ */
+
+%channelsSidebar {
+ background-color: var(--main-color);
+ border-radius: var(--card-radius-big) 0 0 var(--card-radius-big) !important;
+ overflow: hidden;
+
+ &%channelSidebarHasNotice {
+ border-radius: 0 !important;
+ }
+
+ %channelsContainer {
+ background-color: transparent;
+ }
+
+ %channelsList {
+ margin-bottom: 11px;
+ }
+
+ %categoryName {
+ @include remove-caps(14px);
+ }
+
+ %channelsHeaderContainer {
+ &:not(%channelHasBanner) {
+ %channelsHeader {
+ &,
+ &:hover {
+ background-color: var(--main-color);
+ }
+ }
+ }
+ }
+
+ %channelsUnreadIndicator {
+ @include remove-caps(14px);
+
+ background-color: var(--popout-color);
+ box-shadow: var(--shadow-2dp);
+ color: var(--text-normal);
+ }
+}
+
+%channelLink {
+ margin: 0 8px;
+ padding: 0 !important;
+ background-color: transparent !important;
+ overflow: visible;
+
+ %channelLinkTop,
+ %channelContent {
+ min-height: 32px;
+ gap: 8px;
+ align-items: center;
+ }
+}
+
+%voiceChannelsButton {
+ 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;
+
+ &:hover {
+ background-color: hsl(var(--button-link-accent-color),0.2);
+ }
+}
+
+%bannerAnimatedContainer {
+ box-shadow: none;
+}
+
+%bannerAnimatedContainer,
+%bannerImage {
+ border-radius: var(--card-radius-big);
+}
+
+%bannerCommunityInfoPill {
+ background-color: var(--card-color-filled);
+ color: var(--text-normal);
+}
+
+%guildLiveEvent {
+ margin: 8px;
+ @include card-format(false, 12px, true);
+ box-shadow: none;
+}
+
+%channelMentionsContainer {
+ &%channelMentionsContainerTop {
+ padding-top: 4px;
+ }
+
+ &%channelMentionsContainerBottom {
+ bottom: 12px;
+ padding-bottom: 4px;
+ }
+}
+
+%channelBar {
+ background-color: var(--popout-color);
+ box-shadow: var(--shadow-3dp);
+}
+
+%channelMentionsBar {
+ background-color: hsl(var(--alert-hsl));
+
+ %channelMentionsBarText {
+ color: var(--alert-text-color) !important;
+ }
+}
+
+%channelMentionsBarText {
+ @include remove-caps(14px);
+ font-weight: 500;
+}
+
+%bdNotices {
+ + %contentMain {
+ %channelsSidebar {
+ border-radius: 0 !important;
+ }
+ }
+}
+
+/* CHANNELS LIST -> SERVER SHOP */
+
+%previewChannelRow {
+ 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;
+
+ &:hover {
+ background-color: var(--menu-item-hover);
+ color: var(--interactive-hover);
+ }
+
+ &%previewChannelRowSelected {
+ background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity));
+ color: var(--interactive-active);
+ }
+}
+
+%previewChannelRowContent {
+ background-color: transparent !important;
+}
+
+%channelShopIcon,
+%channelLabel {
+ color: inherit !important;
+ transition: var(--default-time) var(--default-animation) color;
+}
+
+/* CHANNELS LIST -> ACTION BUTTONS */
+
+%channelActionContainer {
+ margin-left: 8px;
+ margin-right: 2px;
+}
+
+%channelActionButton {
+ background-color: transparent;
+ border-radius: 17px;
+ border: 1px solid var(--card-border-color);
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &:hover {
+ background-color: var(--menu-item-hover);
+ }
+
+ &%channelActionButtonSelected {
+ background-color: hsl(var(--accent-hsl),var(--menu-item-select-accent-opacity));
+ border-color: transparent;
+ }
+}
+
+%channelActionButtonIcon {
+ 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');
+ }
+
+ &[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);
+ }
+
+ &[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');
+
+ ~ rect {
+ display: none;
+ }
+ }
+ }
+}
+
+/* CHANNELS LIST -> CHANNEL */
+
+%channelWrapper {
+ margin: 2px 2px 0 8px;
+ padding: 0 !important;
+ border-radius: var(--channel-radius);
+ transition: var(--default-time) var(--default-animation) background-color !important;
+
+ &:hover {
+ background-color: var(--menu-item-hover);
+ }
+
+ &%channelWrapperSelected {
+ background-color: hsl(var(--accent-hsl),var(--menu-item-select-accent-opacity));
+
+ %channelIcon,
+ &:hover %channelIcon {
+ color: var(--interactive-hover);
+ }
+ }
+
+ %channelContent {
+ margin-left: 0;
+ background-color: transparent !important;
+ border-radius: var(--channel-radius);
+ }
+
+ %channelSubtitle {
+ color: hsl(var(--accent-hsl--material-you)) !important;
+ }
+}
+
+%channelIcon,
+%channelName {
+ transition: var(--default-time) var(--default-animation) color;
+}
+
+%channelNewChannel {
+ color: hsl(var(--accent-hsl--material-you));
+
+ &[style="background-color: var(--brand-260);"] {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ color: var(--accent-text-color--material-you);
+ }
+}
+
+%channelThread {
+ %channelMain {
+ margin-left: 28px;
+ }
+}
+
+%channelUnreadPill {
+ left: -8px;
+}
+
+%categoryContainerDefault {
+ %categoryAddButton {
+ background-color: transparent !important;
+
+ @include md-ripple(hover, after, 1.5);
+ }
+}
+
+%channelContainerDragBefore:before,
+%channelContainerDragAfter:after {
+ left: 0;
+ background-color: hsl(var(--accent-hsl--material-you));
+}
+
+%channelContainerUserOver {
+ &: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);
+ }
+}
+
+%channelUserLimitUsers {
+ background-color: var(--status-picker-color);
+}
+
+%channelUserLimitTotal {
+ background-color: var(--sidebar-panel-color);
+
+ &:after {
+ border-right-color: var(--sidebar-panel-color);
+ }
+}
+
+%channelStatusDiv,
+%channelSubtitle %channelActivityOverflow {
+ margin-bottom: 4px;
+}
+
+%channelStatusTextArea {
+ background-color: var(--input-color);
+ border-radius: 22px;
+
+ %textAreaPlaceholder {
+ color: var(--input-placeholder-color);
+ }
+}
+
+/* CHANNELS -> VOICE USERS */
+
+%channelVoiceList {
+ padding: 0 2px 8px 36px;
+}
+
+%voiceUserList {
+ %voiceUserContent {
+ min-height: 30px;
+ margin: 2px 0 0;
+ padding: 0 3px;
+ gap: 8px;
+
+ %voiceUserAvatar {
+ margin: 0;
+ }
+
+ %voiceUserIcons {
+ margin-right: 0;
+ }
+ }
+
+ %voiceUserClickable {
+ &:hover {
+ %voiceUserContent {
+ background-color: var(--menu-item-hover);
+ }
+ }
+
+ &%voiceUserSelected {
+ %voiceUserContent {
+ background-color: hsl(var(--accent-hsl),var(--menu-item-select-accent-opacity));
+ }
+ }
+ }
+}
+
+%voiceUserName {
+ transition: var(--default-time) var(--default-animation) color;
+}
+
+%voiceUserAvatarImage {
+ border-radius: var(--avatar-radius);
+}
+
+%voiceUserOverlap {
+ %voiceUserAvatarImage {
+ border-color: var(--main-color);
+ }
+}
+
+/* CHANNELS -> VOICE USERS -> CUSTOM VC ACTIVITY */
+
+%voiceUserCustomActivityIconSpacing {
+ margin-left: 0;
+}
+
+%voiceUserSelfHangStatus {
+ margin-right: 0;
+ background-color: var(--card-button-color);
+ border-radius: 13px;
+ border: none;
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+
+%voiceUserActivityPopout {
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+
+ %voiceUserActivityIconWidget {
+ background-color: var(--card-button-color) !important;
+ border-radius: 50%;
+ border: none;
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &:hover {
+ background-color: var(--card-button-color-hover) !important;
+ }
+
+ &%voiceUserActivitySelectedWidget {
+ background-color: var(--card-color-filled) !important;
+ }
+ }
+
+ %voiceUserActivityDivider {
+ margin: 16px 0;
+ background-color: var(--popout-header-border);
+ }
+
+ %voiceUserActivityIconContainer {
+ padding: 0;
+ }
+
+ %voiceUserActivitySetCutomButton {
+ 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;
+
+ svg {
+ display: none;
+ }
+
+ %voiceUserActivityEditIconColor {
+ color: inherit;
+ }
+
+ %textXsMedium {
+ color: inherit !important;
+ font-size: var(--button-font-size);
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/channels/_channelsIcons.scss b/other/themes/Material-Discord/src/channels/_channelsIcons.scss
new file mode 100644
index 0000000..7fc1383
--- /dev/null
+++ b/other/themes/Material-Discord/src/channels/_channelsIcons.scss
@@ -0,0 +1,45 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * CHANNELS LIST ICONS
+ *
+ */
+
+%channelIconContainer {
+ margin-right: 0 !important;
+}
+
+%channelIcons {
+ &:not(:empty) {
+ height: 32px;
+ gap: 8px;
+ align-items: center;
+ }
+}
+
+%channelButton {
+ position: relative;
+ margin: 0;
+ padding: 2px;
+ @include md-ripple(hover, after, 1.4);
+
+ &[role] {
+ %channelActionIcon {
+ &:active {
+ transform: translateY(0);
+ }
+ }
+ }
+}
+
+/* VOICE */
+
+%voiceUserContent {
+ border-radius: 15px;
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ %memberOwnerIcon {
+ margin-right: 8px;
+ }
+}
diff --git a/other/themes/Material-Discord/src/channels/_index.scss b/other/themes/Material-Discord/src/channels/_index.scss
new file mode 100644
index 0000000..bbcd552
--- /dev/null
+++ b/other/themes/Material-Discord/src/channels/_index.scss
@@ -0,0 +1,4 @@
+@forward './channels';
+@forward './channelsIcons';
+@forward './panels';
+@forward './privateChannels';
diff --git a/other/themes/Material-Discord/src/channels/_panels.scss b/other/themes/Material-Discord/src/channels/_panels.scss
new file mode 100644
index 0000000..e358f26
--- /dev/null
+++ b/other/themes/Material-Discord/src/channels/_panels.scss
@@ -0,0 +1,292 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * CHANNELS LIST PANELS
+ *
+ */
+
+ %channelsContainer {
+ &: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 {
+ position: relative;
+ margin: -12px 8px 12px 12px;
+ background-color: transparent !important;
+
+ > div:not(:empty) {
+ &:first-of-type {
+ border-top-left-radius: var(--sidebar-panel-radius-big);
+ border-top-right-radius: var(--sidebar-panel-radius-big);
+
+ %questPanelContentWrapper {
+ --sidebar-panel-radius-big: var(--popout-radius-big) !important;
+ }
+
+ %connectionPanel {
+ border-top-left-radius: inherit;
+ border-top-right-radius: inherit;
+ }
+ }
+
+ &:last-of-type {
+ border-bottom-left-radius: var(--sidebar-panel-radius-big);
+ border-bottom-right-radius: var(--sidebar-panel-radius-big);
+ }
+ }
+
+ > div:empty {
+ &:first-of-type {
+ + %accountPanel {
+ border-top-left-radius: var(--sidebar-panel-radius-big);
+ border-top-right-radius: var(--sidebar-panel-radius-big);
+ }
+ }
+ }
+
+ %panelButton {
+ &:hover {
+ background-color: transparent !important;
+ }
+
+ &%panelButtonEnabled {
+ @include md-ripple(hover, after, 1.0);
+ }
+ }
+}
+
+%spotifyPanel,
+%connectionPanel,
+%activityPanel,
+%listeningAlongPanel {
+ margin-bottom: 2px;
+ background: var(--sidebar-panel-color);
+ border-radius: var(--sidebar-panel-radius-small);
+ border-bottom: none !important;
+}
+
+%activityPanel {
+ background: var(--sidebar-panel-color) !important;
+
+ %activityPanelGameIcon {
+ border-radius: 50%;
+ }
+}
+
+%connectionPanel {
+ %connectionPanelActionButtons {
+ %button {
+ --button-padding: 0 12px;
+ }
+ }
+
+ %connectionPanelMaskSecondary {
+ border-color: var(--sidebar-panel-color);
+ }
+}
+
+%connectionPanelActionButtons {
+ %button {
+ path {
+ &[fill] {
+ fill: currentColor !important;
+ }
+
+ &[stroke] {
+ stroke: currentColor !important;
+ }
+ }
+ }
+}
+
+%accountPanel {
+ 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;
+
+ %accountPanelAvatarWrapper {
+ min-width: 0 !important;
+ margin-left: 0;
+ padding-left: 0;
+ flex-grow: 1;
+ margin-right: 0;
+
+ &:hover {
+ background-color: transparent;
+ border-radius: 0;
+ }
+ }
+
+ %accountPanelNameTag {
+ margin-right: 2px;
+ }
+
+ %accountPanelDiscriminator {
+ line-height: 14px;
+ }
+
+ %panelButton {
+ color: var(--interactive-normal) !important;
+
+ &:hover {
+ color: var(--interactive-hover) !important;
+ }
+ }
+}
+
+%channelUnreadPillBottom {
+ bottom: 12px;
+}
+
+%activitiesPanel {
+ width: calc(100% - 16px);
+ margin: 0 8px 20px;
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+
+ %activitiesPanelContent {
+ padding: 8px 0;
+
+ %textSmBold {
+ color: var(--header-primary) !important;
+ }
+
+ %textXsNormal {
+ color: var(--text-normal) !important;
+ }
+
+ %button {
+ --button-padding: 0 12px;
+ }
+
+ %buttonInverted {
+ --button-background: hsl(var(--button-link-accent-color-color),0.15);
+ --button-text-color: var(--button-link-accent-text-color);
+ }
+ }
+
+ %activitiesPanelVideo {
+ margin-top: -8px;
+ border-radius: var(--popout-radius-big);
+ }
+}
+
+/* CHANNELS LIST PANELS -> QUEST */
+
+%questPanelWrapper {
+ 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);
+}
+
+%questPanelContentWrapper {
+ --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;
+
+ &:after {
+ box-shadow: none !important;
+ }
+
+ &%questPanelContentWrapperExpanded {
+ background-image: none !important;
+ border-top-left-radius: var(--popout-radius-big);
+ border-top-right-radius: var(--popout-radius-big);
+
+ %questPanelInnerWrapper {
+ padding: 4px 8px !important;
+ }
+
+ %questPanelHeaderWrapper {
+ border-radius: calc(var(--popout-radius-big) / 1.5) !important;
+ }
+ }
+}
+
+%questPanelInnerWrapper {
+ padding: 8px !important;
+}
+
+%questPanelBackgroundWrapper {
+ display: none;
+}
+
+%questPanelHeaderWrapper,
+%heroAssetWrapper {
+ border-radius: var(--sidebar-panel-radius-big) var(--sidebar-panel-radius-big) var(--sidebar-panel-radius-small) var(--sidebar-panel-radius-small) !important;
+}
+
+%heroAssetWrapper {
+ filter: none !important;
+}
+
+%questLegibilityGradient {
+ 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,
+%heroAssetTint {
+ 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 */
+
+%questPanelContentCollapsedAccepted {
+ padding: 12px 8px;
+}
+
+%questPanelPostEnrollmentBackground {
+ background-image: none !important;
+ background-color: var(--sidebar-panel-color);
+ border-radius: 0;
+ border-top: none;
+}
+
+%questPanelStepsWrapper {
+ margin-bottom: 0;
+ background-color: var(--card-color-alt);
+ border-radius: var(--card-radius-big);
+ border: none;
+}
+
+%questPanelStepWrapperComplete {
+ %questPanelStepIconWrapper {
+ background-color: hsl(var(--accent-hsl--material-you));
+ border-color: hsl(var(--accent-hsl--material-you));
+ }
+
+ %questPanelStepConnector {
+ &:before {
+ background-color: hsl(var(--accent-hsl--material-you));
+ box-shadow: 0 0 6px hsl(var(--accent-hsl--material-you));
+ }
+ }
+}
+
+%questPanelStepIconWrapper {
+ border-color: var(--card-border-color);
+
+ %questPanelStepIcon path {
+ fill: var(--accent-text-color--material-you);
+ }
+}
diff --git a/other/themes/Material-Discord/src/channels/_privateChannels.scss b/other/themes/Material-Discord/src/channels/_privateChannels.scss
new file mode 100644
index 0000000..46ff685
--- /dev/null
+++ b/other/themes/Material-Discord/src/channels/_privateChannels.scss
@@ -0,0 +1,60 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * PRIVATE CHANNELS LIST
+ *
+ */
+
+%privateChannels {
+ background-color: var(--main-color);
+
+ %privateChannelsScroller {
+ background-color: transparent;
+ }
+
+ %listPopoutScrollerContainer {
+ margin-bottom: 20px;
+ }
+
+ %privateChannelFavoriteIcon {
+ 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");
+ }
+ }
+}
+
+%privateChannelsSearchBar {
+ %privateChannelsSearchBarComponent {
+ height: 32px;
+ padding: 0 10px;
+ background-color: var(--input-color);
+ border-radius: 16px;
+ }
+}
+
+%privateChannel {
+ margin-left: 8px;
+ border-radius: var(--channel-radius);
+
+ &:first-of-type {
+ margin-top: 8px;
+ }
+
+ %privateChannelInteractive {
+ transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color;
+
+ &:hover {
+ background-color: var(--menu-item-hover);
+ }
+
+ &%privateChannelSelected {
+ background-color: hsl(var(--accent-hsl),var(--menu-item-select-accent-opacity));
+ }
+ }
+}
+
+%privateChannelsHeader {
+ padding: 18px 16px 4px;
+ @include remove-caps(14px);
+}
diff --git a/other/themes/Material-Discord/src/chat/_chat.scss b/other/themes/Material-Discord/src/chat/_chat.scss
new file mode 100644
index 0000000..6921edf
--- /dev/null
+++ b/other/themes/Material-Discord/src/chat/_chat.scss
@@ -0,0 +1,293 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * CHAT AREA
+ *
+ */
+
+%chat,
+%threadSidebar {
+ background-color: var(--chat-color) !important;
+}
+
+%chat {
+ border-top-right-radius: var(--card-radius-big);
+
+ &%threadSidebarOpen {
+ border-radius: 0 var(--card-radius-big) var(--card-radius-big) 0;
+ }
+}
+
+%noChannel {
+ background-color: var(--chat-color);
+ border-top-right-radius: var(--card-radius-big);
+}
+
+%notice,
+%bdNotices {
+ + %contentMain {
+ %chat {
+ border-top-right-radius: 0;
+ }
+ }
+}
+
+%chatContent {
+ background: transparent !important;
+}
+
+%chatHeaderBar {
+ background-color: var(--chat-color);
+
+ &:after {
+ display: none
+ }
+}
+
+%threadSidebar {
+ border-radius: var(--card-radius-big) 0 0 var(--card-radius-big);
+}
+
+%chatOptionButton {
+ --button-padding: 0 12px;
+
+ color: var(--button-link-text-color);
+}
+
+%channelroles {
+ background-color: var(--message-color);
+ border-radius: 12px;
+}
+
+/* CHAT AREA -> WELCOME SERVER OPTIONS */
+
+%chatWelcomeOptionsInner {
+ gap: 2px;
+}
+
+%chatWelcomeOptionsCardWrapper {
+ &:nth-of-type(2) {
+ %chatWelcomeOptionsCard {
+ border-radius: var(--card-radius-big) var(--card-radius-big) 4px 4px;
+ }
+ }
+
+ &:last-of-type {
+ %chatWelcomeOptionsCard {
+ border-radius: 4px 4px var(--card-radius-big) var(--card-radius-big);
+ }
+ }
+}
+
+%chatWelcomeOptionsCard {
+ margin-top: 0;
+ background-color: var(--card-color-filled);
+ border-radius: 4px;
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &:hover {
+ background-color: var(--card-color-hover);
+ }
+}
+
+/* CHAT AREA -> PLACEHOLDER */
+
+%chatLoadingWrapper {
+ background: var(--chat-color) !important;
+}
+
+%chatLoadingMessageWrapper {
+ background: transparent !important;
+}
+
+%chatLoadingAttachment,
+%chatLoadingAvatar,
+%chatLoadingBlob {
+ background: hsl(0,0%,100%) !important;
+}
+
+/* CHAT AREA -> NEW MESSAGES PILL */
+
+%newMessagesPill,
+%newMessagesClear {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ box-shadow: var(--shadow-3dp);
+}
+
+%newMessagesPill {
+ position: relative;
+ padding: 9px 16px;
+ border-radius: 18px;
+
+ &:after {
+ position: absolute;
+ content: " ";
+ width: 40px;
+ height: 36px;
+ top: 0;
+ right: -24px;
+ z-index: -1;
+ }
+
+ %defaultColor {
+ color: var(--accent-text-color--material-you);
+ }
+}
+
+%newMessagesClear {
+ margin-left: 8px;
+ padding: 10px;
+ border-radius: 18px;
+ border-left: none;
+
+ %newMessagesClearIcon {
+ color: var(--accent-text-color--material-you);
+ }
+}
+
+/* CHAT AREA -> NEW MESSAGES BAR */
+
+%newMessagesBar {
+ 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;
+}
+
+%newMessagesBarButtonBase {
+ 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;
+}
+
+%newMessagesBarButtonMain {
+ flex: 0 1 auto;
+ padding: 9px 16px;
+ border-radius: 18px;
+}
+
+%newMessagesBarButtonAlt {
+ position: relative;
+ margin-left: 8px;
+ padding: 9px 10px;
+ border-radius: 18px;
+ font-size: 0;
+
+ &:before {
+ position: absolute;
+ content: " ";
+ width: calc( calc(var(--button-radius) * 2) + 8px );
+ height: var(--button-height);
+ top: 0;
+ left: calc( calc(var(--button-radius) + 8px) * -1 );
+ background-color: transparent;
+ z-index: -1;
+ }
+
+ %newMessagesBarButtonIcon {
+ top: 0;
+ margin: 0;
+
+ 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 */
+
+%highlightContainer {
+ right: 20px;
+ justify-content: flex-end;
+}
+
+%highlightNavigator {
+ background: hsl(var(--accent-hsl--material-you)) !important;
+ border-radius: 30%;
+ box-shadow: var(--shadow-3dp);
+
+ %highlightNavigatorButton {
+ width: 48px;
+ height: 48px;
+ padding: 0;
+ border-radius: inherit;
+ background: transparent !important;
+ color: var(--accent-text-color--material-you) !important;
+ }
+
+ %highlightNavigatorIcon {
+ width: 100%;
+ height: 100%;
+ }
+}
+
+/* CHAT AREA -> JUMP TO PRESENT / NAVIGATOR */
+
+%jumpToPresentBar {
+ 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);
+
+ &:active {
+ margin: 0 !important;
+ }
+
+ &:after {
+ content: " ";
+ position: absolute;
+ width: 24px;
+ height: 24px;
+ bottom: 0;
+ right: 0;
+ @include add-icon(var(--accent-text-color--material-you), expand, solid);
+ -webkit-mask-position: center;
+ mask-position: center;
+ -webkit-mask-origin: content-box;
+ transform: scale(2) translate(-6px, -6px);
+ }
+
+ %jumpToPresentBarButtonBase {
+ width: inherit;
+ height: inherit;
+ padding: inherit;
+
+ &%jumpToPresentBarButtonMain {
+ opacity: 0;
+ z-index: 2;
+ }
+
+ &%jumpToPresentBarButtonAlt {
+ display: none;
+ }
+ }
+
+ %spinner {
+ position: absolute;
+ width: inherit;
+ height: inherit;
+ padding: inherit;
+ background-color: hsl(var(--accent-hsl--material-you));
+ border-radius: 50%;
+ z-index: 3;
+
+ %spinnerPulsingEllipsis {
+ vertical-align: middle;
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/chat/_directMessages.scss b/other/themes/Material-Discord/src/chat/_directMessages.scss
new file mode 100644
index 0000000..9e0a169
--- /dev/null
+++ b/other/themes/Material-Discord/src/chat/_directMessages.scss
@@ -0,0 +1,204 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * DIRECT MESSAGES
+ *
+ */
+
+%callWrapper {
+ background-color: var(--main-color);
+ box-shadow: var(--shadow-3dp);
+
+ &%callMinimum {
+ background-color: var(--chat-color);
+ }
+
+ %callContainer {
+ border-radius: var(--card-radius-big) 0 0 var(--card-radius-big);
+ }
+
+ &%callChatSidebarOpen {
+ %callContainer {
+ border-radius: var(--card-radius-big);
+ }
+ }
+}
+
+%chatContentWrapper {
+ &:before {
+ display: none !important;
+ }
+}
+
+%callTileBorder {
+ border-radius: var(--card-radius-big);
+ transition: var(--default-time) var(--default-animation) box-shadow;
+}
+
+%callQuickSelect {
+ margin-top: 12px;
+}
+
+%spectatorMenuScroller {
+ padding: 8px 0;
+ padding-right: 0 !important;
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius);
+
+ %spectatorMenuHeader {
+ margin: 8px 0;
+ padding: 0 12px;
+ color: var(--menu-item-text-color);
+ text-transform: none;
+ }
+
+ %spectatorMenuItem {
+ margin: 0;
+ padding: 6px 12px;
+ border-radius: 0;
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &:not(%popoutDisabled):hover {
+ background-color: var(--menu-item-hover) !important;
+ }
+
+ %spectatorMenuItemText {
+ color: var(--menu-item-text-color);
+ }
+ }
+
+ &::-webkit-scrollbar {
+ width: 0 !important;
+ }
+}
+
+%callTileRoot {
+ background-color: var(--card-color-filled);
+}
+
+%callTile {
+ border-radius: var(--card-radius-big);
+
+ %button {
+ %size16 {
+ line-height: var(--button-height);
+ }
+ }
+}
+
+%callTitleOverlayTitle {
+ border-radius: 16px;
+}
+
+%callParticipantsButton {
+ background-color: #2f3136 !important;
+ border-radius: 16px !important;
+
+ &:hover {
+ background-color: #202225 !important;
+ }
+}
+
+%waveButton {
+ background-color: hsl(var(--button-link-accent-color),0.075);
+
+ &:hover {
+ background-color: hsl(var(--button-link-accent-color),0.1);
+ }
+}
+
+/* DIRECT MESSAGES -> VIDEO CALL REACTIONS */
+
+%callReactionContainer {
+ @include popout-format;
+}
+
+/* DIRECT MESSAGES -> SIDEBAR PROFILE */
+
+%dmProfilePanel {
+ width: calc(340px + 24px);
+}
+
+%dmUserPanelOuter {
+ height: calc(100% - 24px);
+ margin: 12px;
+ border-radius: var(--popout-radius-big);
+ overflow: hidden;
+}
+
+%dmUserPanelInner {
+ border-radius: inherit;
+
+ %dmProfileScroller {
+ &::-webkit-scrollbar {
+ width: 0 !important;
+ }
+ }
+
+ %userProfileOverlayBackground {
+ border-radius: var(--card-radius-big);
+ }
+}
+
+%dmUserProfileBadgeList {
+ height: var(--button-height);
+ border-radius: var(--button-radius);
+
+ &:not(:empty) {
+ padding: 0 7px;
+ }
+}
+
+%dmProfilePanelConnections {
+ %dmMutualFriendsDivider {
+ position: relative;
+ border-top: none;
+
+ &:before {
+ position: absolute;
+ content: " ";
+ width: auto;
+ height: 1px;
+ top: 0;
+ left: 12px;
+ right: 12px;
+ background-color: var(--card-border-color);
+ box-sizing: border-box;
+ }
+ }
+
+ %button {
+ --button-height: 42px;
+ --button-padding: 0 12px;
+ --button-background: transparent !important;
+ --button-radius: 0;
+ --button-text-color: var(--header-primary) !important;
+
+ &:after {
+ display: none;
+ }
+ }
+}
+
+%dmConnectionList {
+ --popout-radius: calc(var(--card-radius-big) / 1.55);
+
+ margin-bottom: 8px;
+}
+
+/* DIRECT MESSAGES -> SPAM FILTER */
+
+%dmHamBanner {
+ margin: 8px;
+ padding: 12px;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+ box-shadow: none;
+}
+
+%dmSpamChat {
+ &:before {
+ display: none;
+ }
+}
diff --git a/other/themes/Material-Discord/src/chat/_directMessagesIcons.scss b/other/themes/Material-Discord/src/chat/_directMessagesIcons.scss
new file mode 100644
index 0000000..f1fe1dc
--- /dev/null
+++ b/other/themes/Material-Discord/src/chat/_directMessagesIcons.scss
@@ -0,0 +1,42 @@
+/*
+ *
+ * DIRECT MESSAGES ICONS
+ *
+ */
+
+%callRoot {
+ %playerVideoControls {
+ %button {
+ path {
+ /* DIRECT MESSAGES ICONS -> JOIN CALL */
+ &[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");
+ }
+
+ /* DIRECT MESSAGES ICONS -> STOP SCREEN SHARE */
+ &[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');
+ }
+
+ /* DIRECT MESSAGES ICONS -> SCREEN SHARE */
+ &[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');
+ }
+
+ /* DIRECT MESSAGES ICONS -> STOP WATCHING */
+ &[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');
+
+ ~ path {
+ display: none;
+ }
+ }
+
+ /* DIRECT MESSAGES ICONS -> LEAVE CALL */
+ &[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');
+ }
+ }
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/chat/_formatToolbar.scss b/other/themes/Material-Discord/src/chat/_formatToolbar.scss
new file mode 100644
index 0000000..b9d5351
--- /dev/null
+++ b/other/themes/Material-Discord/src/chat/_formatToolbar.scss
@@ -0,0 +1,55 @@
+/*
+ *
+ * FORMAT TOOLBAR
+ *
+ */
+
+%formatToolbar {
+ background-color: var(--popout-color);
+ border-radius: 16px;
+ box-shadow: var(--shadow-3dp);
+ overflow: hidden;
+
+ %button {
+ --button-height: 32px;
+ --button-background: transparent;
+ --button-radius: 0;
+
+ box-shadow: none !important;
+ transition: var(--default-time) var(--default-animation) background-color !important;
+
+ &:hover {
+ --button-background: var(--menu-item-hover);
+ }
+
+ %formatToolbarIcon {
+ color: var(--menu-item-text-color);
+ }
+ }
+
+ %formatToolbarDivider {
+ border-left-color: var(--card-border-color);
+ }
+}
+
+/* FORMAT TOOLBAR -> BF TOOLBAR */
+
+%bfToolbar {
+ min-height: 36px;
+ padding: 4px 30px 10px 0 !important;
+
+ &:before {
+ background-color: var(--popout-color) !important;
+ border-radius: 19px !important;
+ box-shadow: var(--shadow-3dp);
+ }
+
+ %bfToolbarFormat {
+ max-height: 36px !important;
+ border-radius: 0 !important;
+
+ &:nth-of-type(2) {
+ border-radius: 19px 0 0 19px !important;
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/chat/_index.scss b/other/themes/Material-Discord/src/chat/_index.scss
new file mode 100644
index 0000000..fa26103
--- /dev/null
+++ b/other/themes/Material-Discord/src/chat/_index.scss
@@ -0,0 +1,10 @@
+@forward './chat';
+@forward './directMessages';
+@forward './directMessagesIcons';
+@forward './formatToolbar';
+@forward './members';
+@forward './searchResults';
+@forward './stage';
+@forward './summaries';
+@forward './textarea';
+@forward './thread';
diff --git a/other/themes/Material-Discord/src/chat/_members.scss b/other/themes/Material-Discord/src/chat/_members.scss
new file mode 100644
index 0000000..cab9cbb
--- /dev/null
+++ b/other/themes/Material-Discord/src/chat/_members.scss
@@ -0,0 +1,68 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * MEMBERS LIST
+ *
+ */
+
+%membersContainer {
+ background-color: transparent;
+}
+
+%members {
+ &,
+ & > div {
+ background: transparent;
+ }
+
+ %listItem {
+ width: 100%;
+ height: 42px;
+ margin-left: 0;
+ margin-bottom: 2px;
+
+ &,
+ %listItemLayout {
+ border-radius: var(--channel-radius);
+ }
+
+ %listItemLayout {
+ width: calc(100% - 18px);
+ margin-left: 8px;
+ padding: 0 8px 0 8px;
+ transition: 200ms ease all;
+ }
+
+ &:hover %listItemLayout {
+ background-color: var(--menu-item-hover);
+ }
+
+ &%listItemSelected %listItemLayout {
+ background-color: hsl(var(--accent-hsl),var(--menu-item-select-accent-opacity));
+ }
+ }
+}
+
+%member {
+ background: transparent !important;
+}
+
+%membersGroup {
+ @include remove-caps(14px, true);
+}
+
+%botTag {
+ border-radius: 8px !important;
+
+ &%botTagRegular {
+ background-color: hsl(var(--accent-hsl--material-you));
+ color: var(--accent-text-color--material-you);
+ }
+
+ %botTagVerified {
+ path {
+ fill: var(--accent-text-color--material-you);
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/chat/_searchResults.scss b/other/themes/Material-Discord/src/chat/_searchResults.scss
new file mode 100644
index 0000000..bd94a3c
--- /dev/null
+++ b/other/themes/Material-Discord/src/chat/_searchResults.scss
@@ -0,0 +1,133 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * SEARCH RESULTS
+ *
+ */
+
+%searchResultsWrap {
+ margin: 12px 12px 12px 10px;
+ background-color: var(--main-alt);
+ border-radius: var(--popout-radius-big);
+}
+
+/* SEARCH RESULTS -> HEADER */
+
+%searchHeader {
+ padding: 0 16px;
+ background-color: transparent;
+ border-bottom: 1px solid var(--separator-color);
+}
+
+%searchHeaderTabList {
+ height: 100%;
+
+ %tabBarItem {
+ height: 100%;
+ margin: 0 0 0 8px;
+ padding: 0 8px;
+ line-height: 55px;
+ border-radius: 0;
+
+ &:hover:not(%tabBarItemDisabled),
+ &%tabBarItemSelected {
+ background-color: transparent;
+ }
+
+ &%tabBarItemSelected {
+ @include tab-border(80%);
+ }
+ }
+}
+
+/* SEARCH RESULTS -> MESSAGES */
+
+%searchScroller {
+ padding: 8px;
+}
+
+%searchChannelName {
+ padding: 8px 8px 8px 12px;
+ background-color: transparent;
+ color: var(--card-header-text-color);
+}
+
+%searchResult {
+ background-color: transparent;
+ border-radius: 0;
+
+ %messagesWrapper {
+ margin: 0 8px 0 60px !important;
+ padding: 12px !important;
+ border-radius: var(--message-radius);
+
+ &:before,
+ &:after {
+ display: none;
+ }
+
+ %avatarLarge {
+ top: 0 !important;
+ left: -50px !important;
+ }
+
+ &%hasReply {
+ %avatarLarge {
+ top: 28px !important;
+ }
+ }
+ }
+}
+
+%searchResultsButtonsContainer {
+ top: 16px;
+ right: 18px;
+
+ %searchResultJumpButton {
+ padding: 4px 8px;
+ border-radius: 12px;
+ }
+}
+
+%pageButton {
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &:hover {
+ background-color: var(--card-button-color-hover);
+ }
+
+ &:disabled {
+ &:hover {
+ background-color: transparent;
+ }
+ }
+}
+
+%pageButtonActive {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ color: var(--accent-text-color--material-you) !important;
+}
+
+%pageEndButton {
+ &:first-child,
+ &:last-child {
+ padding: var(--button-padding);
+ }
+
+ &:first-child {
+ --button-padding: 0 16px 0 12px;
+
+ %pageEndButtonIconCaret {
+ margin-right: 8px;
+ }
+ }
+
+ &:last-child {
+ --button-padding: 0 12px 0 16px;
+
+ %pageEndButtonIconCaret {
+ margin-left: 8px;
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/chat/_stage.scss b/other/themes/Material-Discord/src/chat/_stage.scss
new file mode 100644
index 0000000..24ed7ad
--- /dev/null
+++ b/other/themes/Material-Discord/src/chat/_stage.scss
@@ -0,0 +1,36 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * STAGE
+ *
+ */
+
+%stageCallContainer {
+ border-radius: var(--card-radius-big);
+}
+
+%stageStartActionContainer {
+ @include card-format(false, 16px, true, true);
+}
+
+%stageJoinIconContainer {
+ background-color: var(--card-color-active);
+}
+
+%stageParticipant {
+ border-radius: var(--card-radius-big);
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &:hover {
+ background-color: var(--card-color-filled);
+ }
+}
+
+%stageBottomButtonsContainer {
+ %button {
+ --button-height: 56px;
+ --button-padding: 0 24px 0 16px;
+ --button-radius: calc(var(--button-height) / 2);
+ }
+}
diff --git a/other/themes/Material-Discord/src/chat/_summaries.scss b/other/themes/Material-Discord/src/chat/_summaries.scss
new file mode 100644
index 0000000..cf461e3
--- /dev/null
+++ b/other/themes/Material-Discord/src/chat/_summaries.scss
@@ -0,0 +1,125 @@
+/*
+ *
+ * SUMMARIES
+ *
+ */
+
+%summaryNewTopicsBarContainer {
+ 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;
+
+ %newMessagesBarButtonBase {
+ margin-left: 8px;
+ }
+
+ %newMessagesBarButtonMain {
+ > div {
+ position: unset !important;
+ }
+ }
+}
+
+%summaryNewTopicsBarTopicSection {
+ 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;
+
+ %summaryNewTopicsBarIcon {
+ margin-left: 0;
+ }
+
+ %summaryNewTopicsBarText {
+ color: var(--accent-text-color--material-you);
+ }
+
+ %summaryNewTopicsBarCaret {
+ margin-right: 0;
+ }
+}
+
+%summaryNewTopicsTextSelected {
+ height: auto;
+ background-color: transparent;
+}
+
+/* SUMMARIES -> NO NEW MESSAGES */
+
+%summaryTopicsPillContainer {
+ height: var(--button-height);
+ top: 16px;
+ background-color: transparent;
+ box-shadow: none;
+ pointer-events: none;
+}
+
+%summaryTopicsPill {
+ align-items: center;
+ justify-content: center;
+}
+
+%summaryTopicsPillText,
+%summaryTopicsPillCarets {
+ 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;
+}
+
+%summaryTopicsPillText {
+ flex: 0 1 auto;
+ padding: 9px 16px;
+
+ &:hover {
+ %summaryTopicsPillDropdownCaret {
+ color: var(--accent-text-color--material-you);
+ }
+ }
+
+ %summaryTopicsPillTextSelected {
+ height: 18px;
+ background-color: transparent;
+ }
+
+ %summaryTopicsPillSummaryIcon {
+ margin-right: 8px;
+ }
+
+ %summaryTopicsPillTextTitle,
+ %summaryTopicsPillDropdownCaret {
+ color: var(--accent-text-color--material-you);
+ }
+
+ %summaryTopicsPillDropdownCaret {
+ margin-right: 0;
+ }
+}
+
+%summaryTopicsPillCarets {
+ height: var(--button-height);
+ margin-left: 8px;
+ padding-right: 0;
+ background-color: var(--chat-color);
+}
+
+%summaryTopicsPillCaret {
+ width: var(--button-height);
+ background-color: hsl(var(--accent-hsl--material-you));
+ color: var(--accent-text-color--material-you) !important;
+ border: none;
+
+ &%summaryTopicsPillCaretDisabled {
+ opacity: 0.4;
+ }
+}
diff --git a/other/themes/Material-Discord/src/chat/_textarea.scss b/other/themes/Material-Discord/src/chat/_textarea.scss
new file mode 100644
index 0000000..785389f
--- /dev/null
+++ b/other/themes/Material-Discord/src/chat/_textarea.scss
@@ -0,0 +1,248 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * MAIN TEXTAREA
+ *
+ */
+
+%chatForm {
+ margin-top: 0 !important;
+
+ &:before,
+ &:after {
+ display: none;
+ }
+
+ %channelTextArea {
+ margin: 12px 0;
+ background-color: transparent;
+ border-radius: var(--main-textarea-radius);
+
+ &%channelTextAreaDisabled {
+ opacity: 0.8;
+ }
+ }
+
+ %channelTextAreaScrollable {
+ background-color: var(--main-textarea-color);
+ border-radius: var(--main-textarea-radius);
+ opacity: 1;
+
+ &%channelTextAreaReplyBarConnected {
+ border-radius: 0 0 var(--main-textarea-radius) var(--main-textarea-radius);
+ }
+ }
+
+ %textAreaDisabled {
+ %textAreaPlaceholder {
+ padding-left: 16px;
+ }
+ }
+
+ %channelTextAreaInner {
+ padding-right: 10px;
+ }
+
+ %textAreaPlaceholder {
+ color: var(--text-muted);
+ }
+
+ %textAreaEditor {
+ color: var(--text-normal);
+ }
+
+ %channelTextAreaAttachedBar {
+ position: relative;
+ background-color: var(--main-textarea-color);
+ border-radius: var(--main-textarea-radius) var(--main-textarea-radius) 0 0;
+ border-bottom: none;
+
+ &:after {
+ position: absolute;
+ content: " ";
+ width: calc(100% - 24px);
+ height: 1px;
+ left: 0;
+ bottom: 0;
+ margin: 0 12px;
+ background-color: var(--main-textarea-border);
+ }
+
+ %replyBar {
+ background-color: transparent;
+ border-radius: 0;
+ }
+
+ %replySeperator {
+ background-color: var(--main-textarea-border);
+ }
+
+ %colorLink {
+ color: hsl(var(--accent-hsl));
+ }
+
+ + %channelTextAreaScrollable {
+ border-radius: 0 0 var(--main-textarea-radius) var(--main-textarea-radius);
+ }
+ }
+
+ %channelTextAreaAttachButtonPlus {
+ 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');
+ }
+
+ %channelTextAreaTyping {
+ 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;
+
+ %channelTextAreaSlowModeIcon {
+ margin-right: 8px;
+ }
+ }
+}
+
+%replyMentionButton {
+ --text-link: hsl(var(--warning-hsl));
+}
+
+%replySuggestion {
+ position: relative;
+ background-color: transparent;
+ border: none;
+
+ &:before {
+ position: absolute;
+ content: " ";
+ width: calc(100% - 24px);
+ height: 1px;
+ top: 0;
+ left: 0;
+ margin: 0 12px;
+ background-color: var(--main-textarea-border);
+ }
+
+ %replySuggestionCreateThreadButton {
+ color: hsl(var(--accent-hsl)) !important;
+ }
+}
+
+%channelTextAreaSendButton {
+ %buttonContents {
+ margin-left: 8px;
+ }
+
+ %channelTextAreaSendButtonActive {
+ color: hsl(var(--accent-hsl)) !important;
+ }
+
+ %channelTextAreaSendButtonIcon {
+ padding-top: 0;
+
+ 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 {
+ top: -12px;
+ bottom: unset;
+ background-color: var(--typing-color);
+
+ %applicationCommandEducationArrow {
+ transform: rotate(180deg) scaleX(-100%);
+ }
+}
+
+%channelInfo {
+ height: 44px;
+ margin: 12px 0;
+ padding: 0;
+ background-color: var(--main-textarea-color);
+ border-radius: var(--main-textarea-radius);
+
+ %channelInfoButtonContainer {
+ margin-right: 4px;
+ }
+}
+
+%fakeLink {
+ color: hsl(var(--accent-hsl));
+}
+
+%channelTextAreaUpload {
+ @include card-format(false, 8px, true);
+
+ %channelTextAreaUploadImage {
+ border-radius: var(--card-radius-big);
+ }
+
+ %messageButtonWrapper {
+ &:hover {
+ box-shadow: var(--shadow-3dp);
+ }
+ }
+
+ %channelTextAreaUploadAltTag {
+ border-radius: 10px;
+ }
+}
+
+%channelTextAreaUploadSpoiler {
+ filter: blur(22px);
+}
+
+/* MAIN TEXTAREA -> SPAM FILTER */
+
+%timeoutBar {
+ 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;
+
+ %timeoutBarTextContainer {
+ margin: 0 8px 0 0;
+ }
+
+ %timeoutBarActionButtons {
+ width: auto;
+ margin: 0;
+ }
+}
+
+/* MAIN TEXTAREA -> INTRODUCTION */
+
+%chatIntroductionBanner {
+ margin-top: 12px;
+ padding: 12px 16px;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+
+ %textMdSemibold {
+ font-weight: 500;
+ }
+
+ %iconCircle {
+ width: var(--button-height);
+ height: var(--button-height);
+ background-color: hsl(var(--accent-hsl--material-you));
+ border-radius: var(--button-radius);
+
+ %nextIcon {
+ width: 20px;
+ height: 20px;
+
+ polygon {
+ fill: var(--accent-text-color--material-you);
+ }
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/chat/_thread.scss b/other/themes/Material-Discord/src/chat/_thread.scss
new file mode 100644
index 0000000..1acc40e
--- /dev/null
+++ b/other/themes/Material-Discord/src/chat/_thread.scss
@@ -0,0 +1,60 @@
+/*
+ *
+ * THREAD
+ *
+ */
+
+%threadResizeHandle {
+ background: var(--main-alt);
+}
+
+%threadContainer {
+ background-color: var(--chat-color);
+ border-radius: var(--card-radius-big) var(--card-radius-big) 0;
+
+ &%threadContainerFloating {
+ filter: drop-shadow(-8px 0 10px hsl(var(--black-500-hsl) / 0.125));
+ }
+}
+
+%threadHeaderBar {
+ background-color: var(--chat-color);
+ border-bottom: 1px solid var(--card-border-color);
+}
+
+%threadScrollerInner {
+ margin-bottom: 16px;
+
+ %messagesWrapper {
+ &%messageCozy {
+ &:not(%message) {
+ %avatarLarge {
+ left: -52px;
+ }
+ }
+ }
+ }
+}
+
+%threadChannelTextArea {
+ margin: 0 16px 12px;
+ background-color: transparent;
+
+ %textAreaPlaceholder {
+ color: var(--input-placeholder-color);
+ }
+}
+
+%threadChannelTextAreaInner {
+ max-height: 200px;
+ background-color: var(--main-textarea-color);
+ border-radius: var(--main-textarea-radius);
+
+ %channelTextAreaInner {
+ padding-left: 16px;
+ }
+
+ %channelTextAreaButtonsContainer {
+ margin-right: 0;
+ }
+}
diff --git a/other/themes/Material-Discord/src/clients/_index.scss b/other/themes/Material-Discord/src/clients/_index.scss
new file mode 100644
index 0000000..f7ee0b0
--- /dev/null
+++ b/other/themes/Material-Discord/src/clients/_index.scss
@@ -0,0 +1,2 @@
+@forward './betterdiscord/';
+@forward './vencord/';
diff --git a/other/themes/Material-Discord/src/clients/betterdiscord/_editor.scss b/other/themes/Material-Discord/src/clients/betterdiscord/_editor.scss
new file mode 100644
index 0000000..77a3fc2
--- /dev/null
+++ b/other/themes/Material-Discord/src/clients/betterdiscord/_editor.scss
@@ -0,0 +1,62 @@
+/*
+ *
+ * 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 {
+ &,
+ &-background,
+ .inputarea.ime-input,
+ .margin {
+ background-color: inherit !important;
+ }
+
+ .overflow-guard {
+ border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
+ border-top: none;
+ }
+
+ .minimap {
+ right: 7px;
+ background-color: inherit !important;
+
+ &-shadow-visible {
+ box-shadow: none !important;
+ }
+
+ canvas {
+
+ }
+ }
+
+ .scroll-decoration {
+ box-shadow: none !important;
+ }
+}
+
+.monaco-editor,
+.ace_editor,
+.line-numbers {
+ * {
+ --app-font: var(--code-font);
+ }
+
+ .codicon[class*=codicon-] {
+ font-family: codicon !important;
+ }
+}
diff --git a/other/themes/Material-Discord/src/clients/betterdiscord/_index.scss b/other/themes/Material-Discord/src/clients/betterdiscord/_index.scss
new file mode 100644
index 0000000..a540d4e
--- /dev/null
+++ b/other/themes/Material-Discord/src/clients/betterdiscord/_index.scss
@@ -0,0 +1,4 @@
+@forward './plugins/';
+
+@forward './settings';
+@forward './editor';
diff --git a/other/themes/Material-Discord/src/clients/betterdiscord/_settings.scss b/other/themes/Material-Discord/src/clients/betterdiscord/_settings.scss
new file mode 100644
index 0000000..3ae0d65
--- /dev/null
+++ b/other/themes/Material-Discord/src/clients/betterdiscord/_settings.scss
@@ -0,0 +1,329 @@
+@use '../../mixins' as *;
+
+/*
+ *
+ * BETTERDISCORD ADDONS
+ *
+ */
+
+%bdSettingsTitle {
+ color: var(--header-primary);
+}
+
+%bdModalRoot {
+ @include popout-format;
+
+ %bdModalParagraph {
+ color: var(--text-normal);
+ }
+
+ %bdModalFooter {
+ background-color: transparent;
+ box-shadow: none;
+ gap: 8px;
+ }
+}
+
+%bdButton {
+ --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;
+
+ &:hover {
+ --button-shadow: none;
+ }
+
+ &:active {
+ --button-shadow: none;
+ }
+
+ &: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;
+ }
+
+ &:hover {
+ &:after {
+ opacity: var(--button-action-hover);
+ }
+ }
+
+ &:active {
+ &:after {
+ opacity: var(--button-action-active);
+ }
+ }
+
+ &:disabled {
+ opacity: 0.5 !important;
+
+ &:after {
+ display: none;
+ }
+ }
+
+ %bdButtonContent {
+ background-image: none !important;
+ }
+
+ %bdButtonContent {
+ svg:not([fill]) {
+ .fill {
+ fill: currentColor;
+ }
+ }
+
+ svg[fill] {
+ fill: currentColor;
+ }
+ }
+}
+
+%bdButtonFilled {
+ &%bdButtonDanger {
+ --button-background: hsl(var(--alert-hsl));
+ --button-text-color: var(--alert-text-color);
+ }
+}
+
+%bdButtonLink {
+ --button-padding: 0 12px;
+ --button-background: transparent;
+ --button-shadow: none !important;
+
+ &:after {
+ --button-action-color: hsl(var(--accent-hsl--material-you));
+ }
+
+ &%bdButtonColorBrand,
+ &%bdButtonColorPrimary {
+ --button-text-color: hsl(var(--accent-hsl--material-you));
+ }
+}
+
+%bdAddonSearchBar {
+ padding: 0 8px;
+ background-color: var(--input-color);
+ border-radius: 13px;
+
+ %bdAddonSearchInput {
+ padding: 0;
+ line-height: 26px;
+ color: var(--text-normal);
+
+ &::-webkit-input-placeholder {
+ font-family: var(--app-font);
+ }
+ }
+}
+
+%bdSelectLabel {
+ line-height: 26px;
+}
+
+%bdSelect {
+ line-height: 26px;
+
+ &%bdSelectTransparent {
+ gap: 4px;
+ }
+
+ %bdSelectValue {
+ padding-left: 0;
+ }
+
+ %bdSelectArrow {
+ height: 26px !important;
+ margin-left: 0;
+ }
+
+ %bdSelectOptions {
+ 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;
+ }
+
+ %bdSelectOption {
+ 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;
+
+ &:hover {
+ background-color: var(--menu-item-hover);
+ }
+
+ &%bdSelectOptionSelected {
+ background-color: var(--menu-item-select);
+ }
+ }
+}
+
+%bdAddonViews {
+ %bdAddonViewsButton {
+ background-color: transparent !important;
+
+ &:not(%bdAddonViewsButtonSelected) {
+ svg[fill] {
+ fill: var(--interactive-normal);
+ }
+ }
+
+ &%bdAddonViewsButtonSelected {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+
+ svg {
+ fill: var(--accent-text-color--material-you);
+ }
+ }
+ }
+}
+
+%bdAddonControls {
+ + %bdAddonList {
+ margin-top: 16px;
+ }
+}
+
+%bdThemesTab {
+ %bdAddonControls {
+ &: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;
+ @include card-format(false, 16px, true);
+ color: var(--text-normal);
+ box-sizing: border-box;
+ white-space: pre;
+ word-wrap: break-word;
+ line-height: 18px;
+ }
+ }
+}
+
+%bdEmptyImageContainer {
+ margin-top: 24px;
+ max-width: unset;
+}
+
+%bdAddonList {
+ &%bdAddonListGridView {
+ column-gap: 16px;
+ row-gap: 16px;
+ }
+
+ %bdAddonCard {
+ margin-bottom: 16px;
+ }
+}
+
+%bdAddonCard {
+ @include card-format(true, 0, true);
+
+ %bdAddonCardHeader {
+ @include card-format--header(false, true);
+
+ %bdAddonCardLink {
+ color: hsl(var(--accent-hsl));
+ }
+
+ %bdAddonCardHeaderMeta {
+ display: block;
+ font-size: 12px;
+ }
+ }
+
+ %bdAddonCardDescriptionWrap {
+ padding: 0 16px;
+ }
+
+ %bdAddonCardDescription {
+ padding: 0;
+ }
+
+ %bdAddonCardFooter {
+ background-color: transparent;
+ }
+
+ %bdAddonCardControls {
+ background-color: transparent;
+ border-radius: 14px;
+ overflow: hidden;
+
+ %bdButton {
+ padding: 3px 8px;
+ background-color: var(--card-button-color) !important;
+ color: var(--text-normal);
+
+ &:not([disabled]) {
+ &:hover {
+ background-color: var(--card-button-color-hover) !important;
+ }
+ }
+
+ svg {
+ fill: var(--text-normal);
+ }
+ }
+ }
+}
+
+%bdAddonCardDescriptionWrap %bdAddonBanner {
+ margin-bottom: 16px;
+ padding: 8px;
+ border-radius: calc(var(--card-radius-big) / 1.5);
+ border: none;
+ color: var(--text-normal);
+}
+
+%bdAddonBanner {
+ &%bdAddonBannerDanger {
+ background-color: hsl(var(--alert-hsl),0.3);
+
+ %bdAddonBannerIcon {
+ fill: hsl(var(--alert-hsl));
+ }
+ }
+}
+
+/* BETTERDISCORD ADDONS -> BD ADDON MODAL */
+
+%bdAddonModal {
+ %bdAddonModalHeader {
+ h1 {
+ font-size: 22px;
+ font-weight: 400;
+ }
+ }
+
+ %bdSelect {
+ @include new-input-format;
+ font-size: 1em;
+ }
+}
diff --git a/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_betterFormattingRedux.scss b/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_betterFormattingRedux.scss
new file mode 100644
index 0000000..d4f2ca4
--- /dev/null
+++ b/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_betterFormattingRedux.scss
@@ -0,0 +1,13 @@
+/*
+ *
+ * BETTERDISCORD PLUGIN -> BetterFormattingRedux
+ *
+ */
+
+.bf-toolbar {
+ z-index: 2;
+
+ .bf-arrow {
+ transform: translate(14px, -18px);
+ }
+}
diff --git a/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_channelDms.scss b/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_channelDms.scss
new file mode 100644
index 0000000..4683f10
--- /dev/null
+++ b/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_channelDms.scss
@@ -0,0 +1,67 @@
+@use '../../../mixins' as *;
+
+/*
+ *
+ * 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;
+
+ %tabBarItem {
+ height: 46px;
+ padding: 0 8px;
+ line-height: 46px;
+ }
+ }
+
+ %privateChannels {
+ width: 240px;
+ }
+
+ %privateChannelsHeader {
+ padding: 18px 8px 4px 16px;
+ }
+
+ %privateChannel {
+ margin-left: 8px;
+ margin-right: 0;
+ border-radius: 21px 0 0 21px;
+
+ %privateChannelInteractive {
+ 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-removeButton {
+ z-index: 3;
+ }
+
+ .ChannelDms-channelpopout-content {
+ margin-bottom: -4px;
+ border-radius: var(--popout-radius-big) !important;
+ }
+
+ .ChannelDms-channelpopout-collapseButton {
+ background-color: var(--popout-color) !important;
+ box-shadow: var(--shadow-3dp);
+ }
+
+ .ChannelDms-channelpopout-header {
+ position: relative;
+ padding: 8px !important;
+ background-color: var(--main-color) !important;
+ z-index: 2;
+ }
+}
diff --git a/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_channelTabs.scss b/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_channelTabs.scss
new file mode 100644
index 0000000..2c9b0e4
--- /dev/null
+++ b/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_channelTabs.scss
@@ -0,0 +1,131 @@
+/*
+ *
+ * BETTERDISCORD PLUGIN -> ChannelTabs
+ *
+ */
+
+%channelTabsContainer {
+ padding: 4px 8px 0 8px !important;
+}
+
+%channelTabsTabContainer {
+ gap: 4px;
+
+ %channelTabsTabNav {
+ gap: 4px;
+ margin: 0 4px 0 0 !important;
+
+ > 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;
+
+ &:hover {
+ background-color: var(--menu-item-hover) !important;
+ }
+ }
+ }
+}
+
+%channelTabsTab {
+ --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;
+
+ &:hover {
+ background-color: var(--menu-item-hover) !important;
+
+ &:before,
+ &:after {
+ box-shadow: 0 calc((var(--inverted-curve-size) / 2) * -1) 0 0 var(--menu-item-hover);
+ }
+ }
+
+ &%channelTabsTabSelected {
+ background: var(--main-color) !important;
+ z-index: 2;
+
+ &:before,
+ &:after {
+ box-shadow: 0 calc((var(--inverted-curve-size) / 2) * -1) 0 0 var(--main-color);
+ }
+ }
+
+ &:before,
+ &: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;
+ }
+
+ &:before {
+ left: calc((var(--inverted-curve-size) / 2) * -1);
+ border-top-left-radius: calc(var(--inverted-curve-size) / 2);
+ }
+
+ &:after {
+ right: calc((var(--inverted-curve-size) / 2) * -1);
+ border-top-right-radius: calc(var(--inverted-curve-size) / 2);
+ }
+
+ %channelTabsTabName {
+ margin-right: 0 !important;
+ font-weight: 500;
+ transition: var(--default-time) var(--default-animation) color;
+ }
+
+ %channelTabsGridContainer {
+ gap: 6px;
+ margin-right: 0;
+ }
+}
+
+%channelTabsUnreadBadge {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ color: var(--accent-text-color--material-you) !important;
+}
+
+%channelTabsMentionBadge {
+ background-color: hsl(var(--alert-hsl)) !important;
+ color: var(--alert-text-color) !important;
+}
+
+%channelTabsCloseTab {
+ border-radius: 8px !important;
+ transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color;
+}
+
+%channelTabsNewTab {
+ width: 28px !important;
+ height: 28px !important;
+ margin: 0 0 0 4px !important;
+ border-radius: 14px !important;
+}
+
+%channelTabsFavContainer {
+ position: relative;
+ background-color: var(--main-alt);
+ z-index: 3;
+
+ %channelTabsFav {
+ border-radius: 14px;
+ transition: var(--default-time) var(--default-animation) background-color;
+ cursor: pointer;
+
+ &:hover {
+ background-color: var(--menu-item-hover);
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_charCounter.scss b/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_charCounter.scss
new file mode 100644
index 0000000..829a7ea
--- /dev/null
+++ b/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_charCounter.scss
@@ -0,0 +1,48 @@
+/*
+ *
+ * BETTERDISCORD PLUGIN -> CharCounter
+ *
+ */
+
+%chatContent {
+ %charCounterAdded {
+ %channelTextArea {
+ margin-bottom: 0 !important;
+
+ %channelTextAreaScrollable {
+ border-radius: var(--main-textarea-radius) var(--main-textarea-radius) 0 0;
+
+ &%channelTextAreaReplyBarConnected {
+ border-radius: 0;
+ }
+ }
+ }
+ }
+
+ %charCounter {
+ 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;
+
+ &:before {
+ position: absolute;
+ content: " ";
+ width: calc(100% - 24px);
+ height: 1px;
+ top: 0;
+ left: 12px;
+ background-color: var(--main-textarea-border);
+ }
+
+ &%charChatCounter {
+ position: relative;
+ bottom: auto;
+ margin-bottom: 12px;
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_hideChannels.scss b/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_hideChannels.scss
new file mode 100644
index 0000000..98adb37
--- /dev/null
+++ b/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_hideChannels.scss
@@ -0,0 +1,24 @@
+/*
+ *
+ * BETTERDISCORD PLUGIN -> HideChannels
+ *
+ */
+
+%channelsSidebar {
+ &.hideElement {
+ %accountPanel {
+ height: 52px !important;
+ margin-bottom: 0 !important;
+ background-color: var(--chat-color) !important;
+ }
+
+ + %chat {
+ border-top-left-radius: var(--card-radius-big);
+
+ %channelTextAreaTyping {
+ width: calc(100% + 240px);
+ left: -240px;
+ }
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_imageUtilities.scss b/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_imageUtilities.scss
new file mode 100644
index 0000000..08f133a
--- /dev/null
+++ b/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_imageUtilities.scss
@@ -0,0 +1,45 @@
+@use '../../../mixins' as *;
+
+/*
+ *
+ * BETTERDISCORD PLUGIN -> ImageUtilities
+ *
+ */
+
+%menuPopout {
+ %menuPopoutItem {
+ $icons: (
+ 'message-imageutilities-copy-link': 'content_copy',
+ 'message-imageutilities-copy-media-link': 'content_copy',
+ 'message-imageutilities-open-link': 'open_in_new',
+ 'message-imageutilities-copy-file': 'image_copy',
+ 'message-imageutilities-view-file': 'image_view'
+ );
+
+ @each $option, $icon in $icons {
+ &##{$option} {
+ &:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/#{$icon}.svg);
+ }
+ }
+ }
+
+ /* SUBMENU WITH ARROW */
+
+ $icons: (
+ 'message-imageutilities-download-file-as': 'save',
+ 'message-imageutilities-submenu-search': 'search',
+ 'message-imageutilities-main-subitem': 'image_view',
+
+ 'user-context-imageutilities-main-subitem': 'image_view'
+ );
+
+ @each $option, $icon in $icons {
+ &##{$option} {
+ &:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/#{$icon}.svg);
+ }
+ }
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_index.scss b/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_index.scss
new file mode 100644
index 0000000..934da6b
--- /dev/null
+++ b/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_index.scss
@@ -0,0 +1,15 @@
+@forward './betterFormattingRedux';
+@forward './channelDms';
+@forward './channelTabs';
+@forward './charCounter';
+@forward './hideChannels';
+@forward './imageUtilities';
+@forward './memberCounter';
+@forward './passcodeLock';
+@forward './permissionsViewer';
+@forward './personalPins';
+@forward './pluginRepo';
+@forward './showAllActivities';
+@forward './spotifyControls';
+@forward './statusEverywhere';
+@forward './userDetails';
diff --git a/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_memberCounter.scss b/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_memberCounter.scss
new file mode 100644
index 0000000..a7d0753
--- /dev/null
+++ b/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_memberCounter.scss
@@ -0,0 +1,27 @@
+/*
+ *
+ * BETTERDISCORD PLUGIN -> CharCounter
+ *
+ */
+
+#MemberCount {
+ margin-top: 0 !important;
+ background-color: var(--main-color) !important;
+
+ %membersGroup {
+ padding: 16px;
+ line-height: 14px;
+ }
+}
+
+%membersWrap {
+ &%membersWrapHasCounter {
+ %members {
+ margin-top: 47px !important;
+ }
+ }
+}
+
+#vc-membercount {
+ margin-bottom: 0 !important;
+}
diff --git a/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_passcodeLock.scss b/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_passcodeLock.scss
new file mode 100644
index 0000000..0e305ce
--- /dev/null
+++ b/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_passcodeLock.scss
@@ -0,0 +1,78 @@
+/*
+ *
+ * BETTERDISCORD PLUGIN -> PasscodeLock
+ *
+ */
+
+%PclLayoutBg {
+ background-color: var(--main-alt) !important;
+ backdrop-filter: none !important;
+}
+
+%PclIcon {
+ padding: 16px;
+ background-color: var(--card-color-hover);
+ border-radius: 50%;
+}
+
+%themeLight {
+ %PclIcon {
+ background-color: var(--switch-knob-color);
+ }
+}
+
+%PclTitle {
+ color: var(--header-primary);
+}
+
+%PclDot {
+ &:before {
+ background: var(--text-normal) !important;
+ }
+}
+
+%PclDivider {
+ display: none;
+}
+
+%PclButtons {
+ grid-template-columns: repeat(3, 80px) !important;
+ grid-auto-rows: 80px !important;
+ gap: 16px !important;
+ padding: 16px 20px 40px !important;
+}
+
+%PclBtn {
+ 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;
+
+ &:hover {
+ background-color: var(--card-color-active) !important;
+ }
+
+ &:active {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ border-radius: 20px !important;
+ color: var(--accent-text-color--material-you);
+
+ %PclBtnDec {
+ color: var(--accent-text-color--material-you);
+ }
+ }
+
+ &%PclBtnEscape,
+ &%PclBtnBackspace {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ color: var(--accent-text-color--material-you);
+ }
+
+ %PclBtnNumber {
+ font-weight: 400;
+ }
+
+ %PclBtnDec {
+ color: var(--text-muted);
+ transition: var(--default-time) var(--default-animation) color !important;
+ }
+}
diff --git a/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_permissionsViewer.scss b/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_permissionsViewer.scss
new file mode 100644
index 0000000..1143a2d
--- /dev/null
+++ b/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_permissionsViewer.scss
@@ -0,0 +1,65 @@
+@use '../../../mixins' as *;
+
+/*
+ *
+ * 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;
+ }
+
+ .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;
+ }
+
+ .modal-body {
+ background-color: var(--popout-color) !important;
+ }
+
+ .role-side {
+ padding: 16px 0 16px 16px !important;
+ background-color: transparent !important;
+ border-right: 1px solid var(--popout-header-border);
+ }
+
+ .role-scroller {
+ padding-top: 0;
+ }
+
+ .perm-side {
+ padding: 0 0 16px 16px !important;
+ background-color: transparent !important;
+ }
+
+ .role-item {
+ margin-bottom: 2px !important;
+ padding: 6px 12px !important;
+ border-radius: 14px !important;
+
+ &:hover {
+ background-color: var(--menu-item-hover) !important;
+ }
+
+ &.selected {
+ background-color: var(--menu-item-select) !important;
+ }
+ }
+
+ .perm-item {
+ @include card-format--list(0px);
+ box-shadow: none !important;
+ }
+}
diff --git a/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_personalPins.scss b/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_personalPins.scss
new file mode 100644
index 0000000..63e8cea
--- /dev/null
+++ b/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_personalPins.scss
@@ -0,0 +1,46 @@
+/*
+ *
+ * BETTERDISCORD PLUGIN -> PersonalPins
+ *
+ */
+
+%themedPopout {
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+
+ .header-145e10 {
+ padding-bottom: 0 !important;
+ }
+
+ .title-3OGHA5 {
+ margin-top: 16px;
+ line-height: 36px;
+ font-weight: 500;
+ font-size: 16px;
+ }
+
+ %listPopoutSearchBar {
+ margin-top: 16px;
+ }
+
+ %messagesPopoutTab {
+ height: 32px;
+ margin-right: 16px;
+ padding: 0;
+
+ &:first-child {
+ margin-right: 16px;
+ }
+ }
+
+ %messagesPopoutTabBar {
+ %tabBarItem {
+ height: 32px;
+ }
+ }
+
+ .quickSelectWrapper-UCfTKz {
+ margin-right: 16px;
+ font-weight: 500;
+ }
+}
diff --git a/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_pluginRepo.scss b/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_pluginRepo.scss
new file mode 100644
index 0000000..feadd33
--- /dev/null
+++ b/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_pluginRepo.scss
@@ -0,0 +1,132 @@
+/*
+ *
+ * BETTERDISCORD PLUGIN -> PluginRepo
+ *
+ */
+
+%repoHeader {
+ margin: 0 32px 0 0 !important;
+ padding-bottom: 0 !important;
+}
+
+%repoScroller {
+ margin: 0 !important;
+ padding-top: 16px !important;
+ padding-right: 82px !important;
+
+ %repoTabContent {
+ margin-top: 0;
+ }
+}
+
+%repoCard {
+ height: 400px;
+ background-color: var(--card-color-filled) !important;
+ border-radius: var(--card-radius-big);
+ border: none;
+ box-shadow: none;
+
+ &:hover {
+ box-shadow: none;
+ transform: none;
+
+ %repoCoverWrapper {
+ transform: none;
+ }
+ }
+
+ %repoCoverWrapper,
+ %repoCover {
+ border-radius: var(--card-radius-big);
+ }
+
+ %repoCoverBadge {
+ background-color: hsl(var(--alert-hsl)) !important;
+ color: var(--alert-text-color);
+ border-radius: 8px !important;
+ text-transform: capitalize !important;
+ font-size: 14px;
+ }
+
+ %repoIconWrapper {
+ background-color: var(--card-color-active) !important;
+ border-radius: 50%;
+ border: 4px solid var(--card-color-filled);
+ }
+
+ %repoInfo {
+ overflow: visible;
+ }
+
+ %repoTitle {
+ position: relative;
+ line-height: normal;
+ font-size: 1.4em;
+ font-weight: 400;
+ color: var(--card-header-text-color);
+
+ &:before {
+ position: absolute;
+ content: " ";
+ width: 62px;
+ height: 32px;
+ top: -2px;
+ right: -2px;
+ background-color: var(--card-button-color);
+ border-radius: 16px;
+ pointer-events: none;
+ }
+ }
+}
+
+%repoTitleButton {
+ position: relative;
+ width: 28px !important;
+ height: 28px !important;
+ border-radius: 50%;
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &:hover {
+ background-color: var(--card-button-color-hover);
+ }
+
+ &%repoFavButton {
+ margin-left: 2px;
+ }
+}
+
+%repoTag {
+ height: 24px;
+ padding: 0 8px;
+ background-color: var(--card-button-color) !important;
+ line-height: 24px;
+ border-radius: 6px;
+ text-transform: capitalize;
+}
+
+%repoButton {
+ --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);"] {
+ background-color: rgba(255,255,255,0.15) !important;
+ color: #fff;
+ }
+
+ &[style="background-color: var(--status-danger);"] {
+ background-color: hsl(var(--alert-hsl)) !important;
+ color: var(--alert-text-color);
+ }
+
+ %repoStatIcon {
+ margin-right: 0;
+ }
+}
diff --git a/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_showAllActivities.scss b/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_showAllActivities.scss
new file mode 100644
index 0000000..3155ae3
--- /dev/null
+++ b/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_showAllActivities.scss
@@ -0,0 +1,44 @@
+/*
+ *
+ * BETTERDISCORD PLUGIN -> ShowAllActivities
+ *
+ */
+
+%userProfileOuterThemed {
+ %showAllActivitiesWrapper {
+ %showAllActivitiesControls {
+ --popout-color: var(--profile-body-background-color);
+
+ %showAllActivitiesCarosell {
+ --carosell-dot-selected: var(--profile-gradient-secondary-color);
+ }
+ }
+ }
+}
+
+%showAllActivitiesWrapper {
+ %showAllActivitiesControls {
+ background-color: var(--popout-color) !important;
+ border-radius: 17px !important;
+
+ %showAllActivitiesCaret {
+ border-radius: 50% !important;
+
+ &:not(%showAllActivitiesCaretDisabled) {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+
+ %showAllActivitiesCaretIcon {
+ color: var(--accent-text-color--material-you);
+ }
+ }
+ }
+
+ %showAllActivitiesCarosell {
+ %showAllActivitiesDot {
+ &%showAllActivitiesDotSelected {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ }
+ }
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_spotifyControls.scss b/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_spotifyControls.scss
new file mode 100644
index 0000000..6bb09f4
--- /dev/null
+++ b/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_spotifyControls.scss
@@ -0,0 +1,125 @@
+/*
+ *
+ * BETTERDISCORD PLUGIN -> SpotifyControls
+ *
+ */
+
+%spotifyPanelCoverWrapper {
+ border-radius: 50%;
+}
+
+%spotifyPanel {
+ margin-bottom: 2px;
+ background-color: var(--sidebar-panel-color);
+ border-radius: 4px;
+ border-bottom: none;
+
+ &%spotifyPanelMaximized {
+ %spotifyPanelCoverWrapper {
+ border-radius: var(--card-radius-big);
+ }
+ }
+}
+
+%spotifyPanelBar {
+ background-color: var(--slider-color);
+}
+
+%spotifyPanelBarText {
+ padding: 0 4px;
+}
+
+/* BETTERDISCORD PLUGIN -> SpotifyControls -> VENCORD*/
+
+%vencordSpotifyPlayer {
+ margin-bottom: 2px;
+ padding: 12px !important;
+ background-color: var(--sidebar-panel-color) !important;
+ border-radius: 4px;
+ border-bottom: none !important;
+
+ %vencordSpotifyAlbumImage {
+ border-radius: 50%;
+ }
+
+ %sliderTrack {
+ top: 12px;
+ }
+
+ %sliderGrabber {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ }
+
+ %vencordSpotifyButtonRow {
+ gap: 8px !important;
+ }
+
+ %vencordSpotifyButton {
+ color: var(--text-normal) !important;
+ transition: var(--default-time) var(--default-animation) background-color;
+ }
+
+ %vencordSpotifyPlay,
+ %vencordSpotifyPause {
+ 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;
+ }
+
+ %vencordSpotifyPlay {
+ border-radius: 16px;
+ animation: vc-spotify-play-button var(--default-time) var(--default-animation);
+ }
+
+ %vencordSpotifyPause {
+ border-radius: 10px;
+ animation: vc-spotify-pause-button var(--default-time) var(--default-animation);
+ }
+}
+
+%vencordSpotifyAlbumExpandedWrapper {
+ margin: -12px -12px 0;
+
+ img {
+ border-radius: var(--card-radius-big) !important;
+ }
+}
+
+%activityPanel + %connectionPanelWrapper:empty,
+%connectionPanelWrapper:not(:empty) {
+ + %vencordSpotifyPlayer {
+ %vencordSpotifyAlbumExpandedWrapper {
+ img {
+ border-radius: 4px !important;
+ }
+ }
+ }
+}
+
+%vencordSpotifyProgressBar {
+ margin: 8px 0 !important;
+}
+
+$icons: (
+ 'vc-spotify-shuffle': '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': 'M8,5.14V19.14L19,12.14L8,5.14Z',
+ 'vc-spotify-pause': 'M14,19H18V5H14M6,19H10V5H6V19Z',
+ 'vc-spotify-previous': 'M6,18V6H8V18H6M9.5,12L18,6V18L9.5,12Z',
+ 'vc-spotify-next': 'M16,18H18V6H16M6,18L14.5,12L6,6V18Z',
+ 'vc-spotify-repeat': 'M17,17H7V14L3,18L7,22V19H19V13H17M7,7H17V10L21,6L17,2V5H5V11H7V7Z',
+);
+
+@each $option, $icon in $icons {
+ .#{$option} path {
+ d: path($icon);
+ }
+}
+
+@keyframes vc-spotify-play-button {
+ from { border-radius: 10px; }
+}
+
+@keyframes vc-spotify-pause-button {
+ from { border-radius: 16px; }
+}
diff --git a/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_statusEverywhere.scss b/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_statusEverywhere.scss
new file mode 100644
index 0000000..114e8f8
--- /dev/null
+++ b/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_statusEverywhere.scss
@@ -0,0 +1,26 @@
+/*
+ *
+ * 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;
+
+ + %userPopoutAvatarHint {
+ border-radius: var(--avatar-radius);
+
+ foreignObject {
+ border-radius: var(--avatar-radius) !important;
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_userDetails.scss b/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_userDetails.scss
new file mode 100644
index 0000000..7a99054
--- /dev/null
+++ b/other/themes/Material-Discord/src/clients/betterdiscord/plugins/_userDetails.scss
@@ -0,0 +1,11 @@
+/*
+ *
+ * BETTERDISCORD PLUGIN -> UserDetails
+ *
+ */
+
+.UserDetails-activity-container {
+ img {
+ border-radius: 50%;
+ }
+}
diff --git a/other/themes/Material-Discord/src/clients/vencord/_index.scss b/other/themes/Material-Discord/src/clients/vencord/_index.scss
new file mode 100644
index 0000000..7ca73aa
--- /dev/null
+++ b/other/themes/Material-Discord/src/clients/vencord/_index.scss
@@ -0,0 +1,3 @@
+@forward './plugins/';
+
+@forward './settings';
diff --git a/other/themes/Material-Discord/src/clients/vencord/_settings.scss b/other/themes/Material-Discord/src/clients/vencord/_settings.scss
new file mode 100644
index 0000000..1e52a20
--- /dev/null
+++ b/other/themes/Material-Discord/src/clients/vencord/_settings.scss
@@ -0,0 +1,200 @@
+@use '../../mixins' as *;
+
+/*
+ *
+ * VENCORD SETTINGS
+ *
+ */
+
+%vencordSettingsTabBar {
+ height: 48px;
+ border-bottom-width: 1px !important;
+
+ %tabBarItem {
+ height: inherit;
+ line-height: 48px;
+ margin: 0 24px 0 0;
+ padding: 0 8px;
+ border-radius: 0;
+ border: none !important;
+ color: var(--interactive-normal) !important;
+
+ &%tabBarItemSelected {
+ @include tab-border(80%);
+ }
+ }
+
+ + %settingsHeaderDivider {
+ display: none;
+ }
+}
+
+%vencordSettingsCard,
+%vencordPluginsInfoCard {
+ %titleH5 {
+ margin-bottom: 0;
+ padding-bottom: 16px;
+ line-height: normal;
+ font-size: 1.25em;
+ font-weight: 400;
+ color: var(--card-header-text-color);
+ }
+
+ %settingsHeaderDivider {
+ margin: 16px 0;
+ }
+}
+
+%vencordSettingsDonateCard {
+ %button {
+ position: absolute;
+ bottom: 16px;
+ transform: none !important;
+
+ %buttonContents {
+ display: flex;
+ }
+
+ svg {
+ transform: none !important;
+
+ path {
+ fill: currentColor;
+ }
+ }
+ }
+
+ img {
+ margin: 16px;
+ }
+}
+
+%vencordErrorCard {
+ 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 */
+
+%vencordPluginsInfoCard {
+ height: auto !important;
+}
+
+%vencordPluginsFilterControls {
+ %inputWrapper {
+ &:last-of-type {
+ background-color: transparent !important;
+ border: none !important;
+ box-shadow: none !important;
+ }
+ }
+
+ %selectMenu {
+ box-shadow: none !important;
+ }
+}
+
+%vencordAddonCard {
+ @include card-format(true, 16px, true);
+
+ &:hover {
+ box-shadow: none !important;
+ transform: none !important;
+ }
+
+ %switchContainer {
+ %switchSlider {
+ transform: translate(-2px, -50%) !important;
+ transition: var(--default-time) var(--default-animation) all;
+ }
+
+ &%switchContainerChecked {
+ %switchSlider {
+ transform: translate(calc(100% - 7px), -50%) !important;
+ }
+ }
+ }
+}
+
+%vencordAddonHeader {
+ height: auto !important;
+ margin-bottom: 12px !important;
+ justify-content: flex-start !important;
+
+ %vencordAddonNameAuthor {
+ overflow: hidden;
+ font-size: 1.1em !important;
+ font-weight: 400;
+
+ %vencordAddonName {
+ font-size: inherit !important;
+ font-weight: inherit !important;
+ }
+ }
+}
+
+%vencordAddonNote {
+ &:not(:last-child) {
+ margin-bottom: 0.875em !important;
+ }
+
+ + div:not([class]) {
+ font-size: 14px;
+ }
+}
+
+/* VENCORD SETTINGS -> THEMES */
+
+%vencordThemeLinks {
+ 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;
+
+ &:focus {
+ box-shadow: inset 0 -2px 0 0 hsl(var(--accent-hsl--material-you));
+ }
+}
+
+%settingsCardPrimary {
+ &[style*="padding: 0.5em"] {
+ padding: 16px !important;
+ }
+}
+
+/* VENCORD SETTINGS -> BACKUP AND RESTORE */
+
+%vencordBackupRestoreCard {
+ > div {
+ gap: 0 !important;
+ }
+
+ strong {
+ padding-bottom: 16px;
+ line-height: normal;
+ font-size: 1.25em;
+ font-weight: 400;
+ color: var(--card-header-text-color) !important;
+ }
+}
+
+/* VENCORD SETTINGS -> NOTIFICATION */
+
+%vencordNotificationRoot {
+ background-color: var(--popout-color) !important;
+ border-radius: var(--popout-radius-big) !important;
+ box-shadow: var(--shadow-3dp) !important;
+
+ %vencordNotificationTitle {
+ font-size: 22px !important;
+ font-weight: 400 !important;
+ text-transform: none !important;
+ }
+}
diff --git a/other/themes/Material-Discord/src/clients/vencord/plugins/_index.scss b/other/themes/Material-Discord/src/clients/vencord/plugins/_index.scss
new file mode 100644
index 0000000..de627ff
--- /dev/null
+++ b/other/themes/Material-Discord/src/clients/vencord/plugins/_index.scss
@@ -0,0 +1,3 @@
+@forward './memberCount';
+@forward './readAllNotification';
+@forward './reviewDB';
diff --git a/other/themes/Material-Discord/src/clients/vencord/plugins/_memberCount.scss b/other/themes/Material-Discord/src/clients/vencord/plugins/_memberCount.scss
new file mode 100644
index 0000000..53d503f
--- /dev/null
+++ b/other/themes/Material-Discord/src/clients/vencord/plugins/_memberCount.scss
@@ -0,0 +1,25 @@
+/*
+ *
+ * VENCORD PLUGIN - MemberCount
+ *
+ */
+
+%vencordMembercountWidget {
+ --color-online: var(--success-color) !important;
+ --color-total: var(--primary-300) !important;
+
+ display: flex;
+ gap: 16px;
+ margin-left: 0;
+
+ > div {
+ display: flex;
+ gap: 6px;
+ align-items: center;
+ }
+}
+
+%vencordMembercountOnlineDot,
+%vencordMembercountTotalDot {
+ margin: 0;
+}
diff --git a/other/themes/Material-Discord/src/clients/vencord/plugins/_readAllNotification.scss b/other/themes/Material-Discord/src/clients/vencord/plugins/_readAllNotification.scss
new file mode 100644
index 0000000..7154d31
--- /dev/null
+++ b/other/themes/Material-Discord/src/clients/vencord/plugins/_readAllNotification.scss
@@ -0,0 +1,19 @@
+/*
+ *
+ * VENCORD PLUGIN - ReadAllNotification
+ *
+ */
+
+%guildsWrapper {
+ %guilds {
+ text-align: center;
+ }
+
+ %button {
+ --button-height: 22px;
+ --button-padding: 0 4px;
+
+ width: auto;
+ font-size: 12px !important;
+ }
+}
diff --git a/other/themes/Material-Discord/src/clients/vencord/plugins/_reviewDB.scss b/other/themes/Material-Discord/src/clients/vencord/plugins/_reviewDB.scss
new file mode 100644
index 0000000..562113d
--- /dev/null
+++ b/other/themes/Material-Discord/src/clients/vencord/plugins/_reviewDB.scss
@@ -0,0 +1,59 @@
+/*
+ *
+ * VENCORD PLUGIN - ReviewDB
+ *
+ */
+
+%userProfileOuterThemed {
+ %reviewDBView {
+ %messagesWrapper {
+ --message-color: var(--profile-body-background-hover);
+ --message-color-hover: var(--profile-body-background-hover);
+ }
+
+ %formText {
+ background-color: var(--profile-body-background-hover);
+ }
+
+ %input {
+ --input-color: var(--profile-body-background-color) !important;
+ }
+ }
+}
+
+%reviewDBView {
+ %messagesWrapper {
+ --message-color: var(--popout-color);
+ --message-color-hover: var(--popout-color);
+
+ margin-left: 52px !important;
+ }
+
+ %avatarLarge {
+ left: -52px !important;
+ }
+}
+
+%reviewDBReviewComment {
+ margin-bottom: 0;
+}
+
+%reviewDBInput {
+ margin-top: 12px !important;
+ background-color: var(--input-color) !important;
+ border-radius: 22px !important;
+ border: none !important;
+ box-shadow: none !important;
+
+ %textAreaPlaceholder {
+ color: var(--input-placeholder-color);
+ }
+
+ %textAreaEditor {
+ color: var(--input-text-color);
+ }
+
+ %channelTextAreaButtonsContainer {
+ margin-right: 0 !important;
+ }
+}
diff --git a/other/themes/Material-Discord/src/forum/_forum.scss b/other/themes/Material-Discord/src/forum/_forum.scss
new file mode 100644
index 0000000..387b36f
--- /dev/null
+++ b/other/themes/Material-Discord/src/forum/_forum.scss
@@ -0,0 +1,171 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * FORUM
+ *
+ */
+
+%forumContainer {
+ background: var(--chat-color);
+}
+
+%forumTagsContainer {
+ padding: 16px 0 0;
+}
+
+%forumTagList {
+ height: var(--button-height);
+}
+
+%forumSortDropdown {
+ %buttonContents {
+ color: var(--accent-text-color--material-you);
+ }
+}
+
+%forumSortDropdownText {
+ color: inherit !important;
+}
+
+%forumSortContainer {
+ padding: 0;
+ background-color: transparent;
+ border-radius: 0;
+ box-shadow: none;
+
+ %menuPopout {
+ min-width: unset;
+
+ %scroller {
+ &::-webkit-scrollbar {
+ --scrollbar-width: 0;
+ }
+ }
+
+ %menuPopoutGroupLabel {
+ padding-top: 0;
+ }
+ }
+}
+
+%forumTagsButton {
+ --button-padding: 0 8px 0 12px;
+
+ &%forumTagsButtonWithCount {
+ --button-padding: 0 8px;
+ }
+
+ %forumTagsButtonInner {
+ color: inherit;
+ }
+
+ svg {
+ color: var(--accent-text-color--material-you);
+ }
+}
+
+%forumTagsCountContainer {
+ background-color: var(--accent-text-color--material-you);
+
+ %forumTagsCountText {
+ color: hsl(var(--accent-hsl--material-you));
+ }
+}
+
+%forumFilterContainer {
+ padding: 16px 16px 8px;
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+
+ %forumFilterHeader {
+ padding: 0;
+
+ %textXsBold {
+ @include remove-caps(14px);
+ }
+ }
+
+ %forumFilterCountContainer {
+ background-color: hsl(var(--accent-hsl--material-you));
+
+ %forumFilterCountText {
+ color: var(--accent-text-color--material-you);
+ }
+ }
+}
+
+%forumGetStartedContainer {
+ margin-top: 16px;
+ @include card-format(false, 0, true);
+}
+
+%forumGetStartedStepContainer {
+ --card-color-filled: var(--card-color-alt);
+ --card-color-hover: var(--card-color-active);
+
+ @include card-format(true, 12px 16px, true, true);
+}
+
+%forumCard {
+ padding-bottom: 16px;
+
+ &[style*="height: 558px"] {
+ padding-bottom: 0;
+ }
+}
+
+%forumGuidelinesContainer {
+ margin-bottom: 0;
+ @include card-format(false, 16px, true);
+}
+
+%forumGuidelinesDescriptionContainer {
+ --card-color-filled: var(--card-color-hover);
+
+ @include card-format(false, 16px, true);
+}
+
+/* FORUM -> PILL */
+
+%postPill {
+ 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;
+
+ &%postPillClickable {
+ &:hover {
+ background-color: var(--card-button-color-hover) !important;
+ }
+ }
+
+ &%postPillSmall {
+ border-radius: 6px;
+ }
+
+ &%postPillSelected {
+ background-color: hsl(var(--accent-hsl),0.3) !important;
+ border-color: transparent !important;
+
+ &:hover {
+ background-color: hsl(var(--accent-hsl),0.35) !important;
+ }
+
+ %defaultColor {
+ color: hsl(var(--accent-hsl--material-you));
+ }
+ }
+
+ %postPillEmoji {
+ margin-right: 0;
+ }
+
+ %postPillText {
+ padding: 0;
+ }
+}
diff --git a/other/themes/Material-Discord/src/forum/_index.scss b/other/themes/Material-Discord/src/forum/_index.scss
new file mode 100644
index 0000000..6315b0e
--- /dev/null
+++ b/other/themes/Material-Discord/src/forum/_index.scss
@@ -0,0 +1,4 @@
+@forward './forum';
+@forward './media';
+@forward './newPost';
+@forward './posts';
diff --git a/other/themes/Material-Discord/src/forum/_media.scss b/other/themes/Material-Discord/src/forum/_media.scss
new file mode 100644
index 0000000..c1172cd
--- /dev/null
+++ b/other/themes/Material-Discord/src/forum/_media.scss
@@ -0,0 +1,71 @@
+/*
+ *
+ * FORUM MEDIA POSTS
+ *
+ */
+
+%forumHeaderRow:not([data-list-item-id*="forum-channel-list"]) {
+ %newPostContainer {
+ %newPostBodyContainer {
+ margin-right: 0;
+ }
+ }
+}
+
+%mediaPostThumbnailContainer {
+ margin-left: 16px;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+
+ %buttonFilled {
+ --button-background: transparent;
+
+ &:after {
+ display: none;
+ }
+ }
+
+ %mediaPostUploadFileInputContainer {
+ --button-height: 100%;
+
+ &:hover {
+ %mediaPostChangeThumbnailLabelContainer {
+ background-color: var(--card-color-filled);
+ }
+ }
+ }
+
+ %mediaPostChangeThumbnailLabelContainer,
+ %mediaPostThumbnail {
+ border-radius: var(--card-radius-big);
+ }
+
+ %mediaPostChangeThumbnailLabelContainer {
+ transition: var(--default-time) var(--default-animation) all;
+ }
+
+ %channelTextAreaUpload {
+ padding: 0;
+ }
+}
+
+%mediaPostAttachmentContainer {
+ margin: 16px 0;
+ padding: 16px !important;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+
+ %newPostAttachmentUploadInput {
+ background-color: var(--card-color-alt);
+ }
+
+ %channelTextAreaUpload {
+ padding: 0;
+ }
+
+ %newPostAttachmentUploadInput,
+ %spoilerContainer,
+ %newPostAttachmentImageSmall {
+ border-radius: var(--card-radius-big);
+ }
+}
diff --git a/other/themes/Material-Discord/src/forum/_newPost.scss b/other/themes/Material-Discord/src/forum/_newPost.scss
new file mode 100644
index 0000000..97c67eb
--- /dev/null
+++ b/other/themes/Material-Discord/src/forum/_newPost.scss
@@ -0,0 +1,177 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * FORUM NEW POST
+ *
+ */
+
+%forumHeader {
+ position: relative;
+ min-height: 52px;
+ background-color: var(--input-color);
+ border-radius: 26px;
+ border: none;
+
+ &%forumHeaderWithMatchingPosts {
+ box-shadow: var(--shadow-3dp);
+ }
+
+ %buttonFilled {
+ --button-padding: 0 24px 0 16px;
+ }
+}
+
+%forumHeaderMatchingPostsRow {
+ margin-top: -24px;
+ padding-top: 24px;
+ background-color: var(--input-color);
+ border-radius: 0 0 24px 24px;
+}
+
+%newPostForm {
+ margin-right: 0;
+}
+
+%newPostContainer {
+ padding: 16px;
+
+ &%newPostContainerCollapsed {
+ padding: 0;
+
+ %newPostFormContainer {
+ padding: 0 8px 0 16px;
+ gap: 12px;
+ }
+
+ %newPostTitleContainer {
+ gap: 12px;
+ }
+
+ %newPostPrefixElement {
+ position: relative;
+ right: unset;
+
+ svg {
+ padding: 0;
+ }
+ }
+
+ %input%inputTextArea {
+ --input-color: transparent;
+ --input-padding: 0;
+
+ border-radius: 0;
+ }
+
+ %newPostGuidelinesButton {
+ height: var(--button-height);
+ margin: 0;
+ }
+ }
+
+ %newPostPrefixElement {
+ position: absolute;
+ width: auto;
+ height: var(--button-height);
+ right: 16px;
+ margin: 0;
+ z-index: 2;
+
+ div[role="button"],
+ svg {
+ height: inherit;
+ }
+
+ svg {
+ padding: 0 8px;
+ }
+ }
+
+ %newPostFormContainer {
+ padding: 0;
+
+ + %newPostForm > div {
+ padding: 0;
+ }
+ }
+
+ %newPostTitleContainer {
+ position: relative;
+ }
+
+ %newPostBodyContainer {
+ margin-right: 94px !important;
+ }
+
+ %input%inputTextArea {
+ --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;
+
+ &::-webkit-input-placeholder {
+ font-weight: inherit;
+ }
+ }
+
+ %buttonFilled:disabled {
+ opacity: 0.5 !important;
+ }
+}
+
+%newPostTagsDivider {
+ width: 100%;
+ left: 0;
+}
+
+%newPostContentContainer {
+ padding-left: 0;
+
+ %channelTextArea {
+ min-height: 68px;
+ margin-top: 16px;
+ }
+
+ %channelTextAreaScrollable {
+ min-height: 68px;
+ padding: 6px 12px;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+ color: var(--input-text-color);
+
+ &::-webkit-input-placeholder {
+ color: var(--input-placeholder-color);
+ }
+ }
+}
+
+%newPostAttachmentPopoutContainer {
+ position: absolute;
+ top: calc(var(--button-height) + (16px * 2));
+ right: 16px;
+ z-index: 3;
+
+ %newPostAttachmentUploadInput {
+ background-color: transparent;
+ border: 1px solid var(--card-border-color);
+ }
+
+ %newPostAttachmentUploadInput,
+ %spoilerContainer,
+ %newPostAttachmentImageSmall {
+ border-radius: var(--card-radius-big);
+ }
+
+ %newPostAttachmentBadge {
+ background-color: hsl(var(--accent-hsl--material-you));
+ color: var(--accent-text-color--material-you);
+ border-color: var(--input-color);
+ }
+}
diff --git a/other/themes/Material-Discord/src/forum/_posts.scss b/other/themes/Material-Discord/src/forum/_posts.scss
new file mode 100644
index 0000000..aaee0f4
--- /dev/null
+++ b/other/themes/Material-Discord/src/forum/_posts.scss
@@ -0,0 +1,155 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * FORUM POSTS
+ *
+ */
+
+%postContainer {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+ border: none !important;
+
+ &:hover {
+ background-color: var(--card-color-hover);
+ box-shadow: none;
+ transform: none;
+ }
+
+ &%postContainerIsOpen {
+ background-color: var(--card-color-active) !important;
+ }
+
+ %postPinIcon {
+ background-color: hsl(var(--accent-hsl--material-you));
+ color: var(--accent-text-color--material-you);
+
+ path {
+ fill: currentColor;
+ }
+ }
+
+ %postTitleText {
+ line-height: 24px;
+ font-size: 1.325rem;
+ font-weight: 400;
+ }
+}
+
+%postContentPreview,
+%postTextContentFooter {
+ background-color: var(--card-color-hover);
+ transition: var(--default-time) var(--default-animation) background-color;
+}
+
+%postContentPreview {
+ border-radius: var(--card-radius-big);
+ border: none;
+}
+
+%postTextContentFooter {
+ background: var(--card-color-hover) !important;
+}
+
+%postContainer {
+ &:not(%postContainerIsOpen) {
+ &:hover {
+ %postContentPreview {
+ background-color: var(--card-color-filled);
+ }
+
+ %postTextContentFooter {
+ background: var(--card-color-filled) !important;
+ }
+ }
+ }
+}
+
+%highlight {
+ background: hsl(var(--accent-hsl),0.4);
+}
+
+/* FORUM POSTS -> THREAD REACTIONS BAR */
+
+%postThreadButtonContainer {
+ --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;
+
+ %button,
+ %postThreadAddReactButton {
+ --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;
+
+ &:hover {
+ background-color: hsl(var(--button-link-accent-color),0.14);
+ }
+
+ &%postThreadAddReactButtonActive {
+ background-color: hsl(var(--button-link-accent-color),0.21);
+ }
+ }
+
+ %button {
+ %buttonContents {
+ padding: 0;
+ background-color: transparent;
+ border: none;
+ color: var(--button-text-color);
+ }
+ }
+}
+
+%postThreadAddReactButtons {
+ gap: 4px;
+
+ div:first-child {
+ %postThreadAddReactButton {
+ 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");
+
+ ~ path {
+ display: none;
+ }
+ }
+ }
+ }
+}
+
+%postThreadAddReactButton {
+ min-width: unset;
+ margin: 0;
+
+ svg {
+ color: inherit !important;
+ }
+}
+
+%postThreadStartConversationBox {
+ margin: 16px 10px 0 16px;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+
+ &:after {
+ left: 50px;
+ }
+}
+
+%postThreadDivider {
+ display: none;
+}
diff --git a/other/themes/Material-Discord/src/general/_avatars.scss b/other/themes/Material-Discord/src/general/_avatars.scss
new file mode 100644
index 0000000..7ecc181
--- /dev/null
+++ b/other/themes/Material-Discord/src/general/_avatars.scss
@@ -0,0 +1,85 @@
+/*
+ *
+ * AVATARS
+ *
+ */
+
+%avatarWrapper {
+ border-radius: var(--avatar-radius);
+
+ mask {
+ circle[fill="white"] {
+ r: 32;
+ }
+ }
+
+ %avatarImage {
+ border-radius: var(--avatar-radius);
+ }
+}
+
+#svg-mask-avatar-default,
+#svg-mask-avatar-status-round-32,
+#svg-mask-avatar-status-round-80,
+#svg-mask-avatar-status-round-120 {
+ circle[fill="white"] {
+ r: 1;
+ }
+}
+
+%settingsUserInfo,
+%userProfileHeader,
+%userProfileModalInner {
+ %avatarWrapper,
+ %avatarImage {
+ border-radius: var(--avatar-radius-large);
+ }
+
+ %avatarWrapper {
+ --avatar-radius-large: calc((var(--avatar-radius) * 3.33333) / 1.6);
+
+ background-color: var(--popout-color);
+ border: 8px solid var(--popout-color);
+ }
+
+ %avatarImage {
+ --avatar-radius-large: calc((var(--avatar-radius) * 3.33333) / 2);
+ }
+}
+
+%settingsUserInfo {
+ %avatarWrapper {
+ background-color: var(--card-color-filled);
+ border-color: var(--card-color-filled);
+ }
+}
+
+%userProfileModalInner {
+ %avatarWrapper {
+ --avatar-radius-large: calc((var(--avatar-radius) * 3.33333) / 1.15);
+ }
+
+ %avatarImage {
+ --avatar-radius-large: calc((var(--avatar-radius) * 5) / 2);
+ }
+}
+
+%settingsUserBannerSVGWrapper {
+ mask {
+ circle[fill="black"] {
+ display: none;
+ }
+ }
+}
+
+%userProfileHeader,
+%userProfileInner {
+ %avatarWrapper {
+ transform: translate(-6px, -6px);
+ }
+}
+
+
+%userProfileOuterThemed {
+ --popout-color: var(--profile-gradient-primary-color);
+}
diff --git a/other/themes/Material-Discord/src/general/_badges.scss b/other/themes/Material-Discord/src/general/_badges.scss
new file mode 100644
index 0000000..b9bfbef
--- /dev/null
+++ b/other/themes/Material-Discord/src/general/_badges.scss
@@ -0,0 +1,17 @@
+/*
+ *
+ * BADGES
+ *
+ */
+
+%flowerStar {
+ path {
+ fill: hsl(var(--accent-hsl--material-you));
+ }
+}
+
+%flowerStarChild {
+ path {
+ fill: var(--accent-text-color--material-you);
+ }
+}
diff --git a/other/themes/Material-Discord/src/general/_buttons.scss b/other/themes/Material-Discord/src/general/_buttons.scss
new file mode 100644
index 0000000..e384584
--- /dev/null
+++ b/other/themes/Material-Discord/src/general/_buttons.scss
@@ -0,0 +1,399 @@
+/*
+ *
+ * BUTTONS
+ *
+ */
+
+%button {
+ font-size: var(--button-font-size) !important;
+
+ %textSmMedium,
+ %textSmSemibold,
+ %textSmBold,
+ %textMdSemibold {
+ height: var(--button-height);
+ line-height: var(--button-height);
+ font-size: unset;
+ font-weight: 500;
+ }
+}
+
+%buttonFilled,
+%buttonOutlined,
+%buttonLink,
+%buttonInverted {
+ --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;
+
+ &:hover,
+ &:active {
+ opacity: 1;
+ }
+
+ &:hover {
+ --button-shadow: none;
+ }
+
+ &:active {
+ --button-shadow: none;
+ }
+
+ &: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;
+ }
+
+ &:hover {
+ &:after {
+ opacity: var(--button-action-hover);
+ }
+ }
+
+ &:active {
+ &:after {
+ opacity: var(--button-action-active);
+ }
+ }
+
+ &:disabled {
+ opacity: 1 !important;
+
+ &:after {
+ display: none;
+ }
+ }
+
+ %buttonContents {
+ height: var(--button-height);
+ padding: 0;
+ line-height: var(--button-height);
+ overflow: visible;
+
+ svg {
+ height: var(--button-height);
+ }
+ }
+
+ %defaultColor {
+ color: inherit;
+ }
+
+ %buttonLoading {
+ height: var(--button-height);
+ line-height: var(--button-height);
+
+ svg {
+ height: auto;
+ }
+ }
+
+ %buttonContentsInner,
+ %size16,
+ %size14 {
+ height: var(--button-height);
+ line-height: var(--button-height);
+ font-weight: 500;
+ }
+}
+
+/* BUTTONS -> FILLED */
+
+%buttonFilled {
+ &:disabled {
+ --button-background: hsl(var(--button-link-color),0.15);
+ --button-text-color: var(--button-link-text-color);
+ --button-shadow: none;
+ }
+
+ &%buttonBrand {
+ --button-background: hsl(var(--accent-hsl--material-you));
+ --button-text-color: var(--accent-text-color--material-you);
+ }
+
+ &%buttonRed {
+ --button-background: hsl(var(--alert-hsl));
+ --button-text-color: var(--alert-text-color);
+ }
+
+ &%buttonWhite {
+ --button-background: rgba(255,255,255,0.15);
+ --button-text-color: #fff;
+ box-shadow: none !important;
+
+ .upsellButton-36YQ7c {
+ color: var(--button-text-color);
+ }
+ }
+}
+
+/* BUTTONS -> OUTLINED */
+
+%buttonOutlined {
+ --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));
+
+ &:after {
+ --button-action-color: hsl(var(--accent-hsl--material-you));
+ }
+
+ &:disabled {
+ --button-background: transparent;
+ --button-text-color: var(--button-link-text-color);
+ --button-outline: 1px solid hsl(var(--button-link-color),0.15);
+ }
+
+ &%buttonRed {
+ --button-text-color: hsl(var(--alert-hsl));
+ --button-outline: 1px solid hsl(var(--alert-hsl));
+
+ &:after {
+ --button-action-color: hsl(var(--alert-hsl));
+ --button-action-hover: 0.1;
+ --button-action-active: 0.2;
+ }
+ }
+
+ &%buttonWhite {
+ --button-background: transparent;
+ --button-text-color: #fff;
+ --button-outline: 1px solid #fff;
+ box-shadow: none !important;
+
+ &:after {
+ --button-action-color: #fff;
+ }
+ }
+}
+
+/* BUTTONS -> LINKS */
+
+%buttonLink {
+ --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;
+
+ &:after {
+ --button-action-color: hsl(var(--button-link-accent-color));
+ }
+
+ &:hover {
+ text-decoration: none !important;
+
+ %buttonContents {
+ background-image: none !important;
+ }
+ }
+
+ &:disabled {
+ --button-background: transparent;
+ --button-text-color: var(--button-link-text-color);
+ }
+
+ %buttonContents {
+ > div {
+ line-height: var(--button-height);
+ color: var(--button-text-color) !important;
+ font-size: 1em;
+ font-weight: 500;
+ }
+ }
+}
+
+/* BUTTONS -> INVERTED */
+
+%buttonInverted {
+ &%buttonBrand {
+ --button-background: hsl(0,0%,100%,0.15);
+ --button-text-color: #fff;
+ --button-shadow: none !important;
+ }
+}
+
+/* BUTTONS -> SIZES */
+
+%buttonSizeTiny,
+%buttonSizeMin,
+%buttonSizeSmall,
+%buttonSizeMedium,
+%buttonSizeLarge,
+%buttonSizeXlarge,
+%buttonSizeMax,
+%buttonSize,
+%buttonSizeAlt,
+%noticeButton,
+%buttonSizeIcon {
+ //min-width: var(--button-height);
+ 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;
+}
+
+%buttonSizeMedium,
+%buttonSizeLarge,
+%buttonSizeXlarge,
+%buttonSizeMax {
+ min-width: var(--button-height) !important;
+}
+
+%buttonSizeAlt {
+ height: var(--button-height) !important;
+}
+
+%buttonSizeIcon {
+ --button-padding: 0 10px;
+}
+
+%inviteButton%buttongSizeAlt {
+ height: var(--button-height);
+}
+
+%disabledButtonWrapper {
+ --button-padding: 0;
+
+ background-color: transparent !important;
+
+ %buttonFilled {
+ --button-padding: 0 20px;
+ }
+
+ %buttonOutlined {
+ --button-padding: 0 24px;
+
+ opacity: 0.5 !important;
+ }
+
+
+ %iconButton {
+ --button-padding: 0;
+ }
+}
+
+%buttonIconSize {
+ min-width: var(--button-height);
+ max-width: var(--button-height);
+}
+
+%iconButton {
+ --button-padding: 0;
+}
+
+/* BUTTONS -> CALL BUTTONS */
+
+%callButtonColorable {
+ --button-background: var(--menu-item-hover);
+ --button-text-color: #fff;
+
+ background-color: var(--button-background) !important;
+ color: var(--button-text-color) !important;
+
+ &: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;
+ }
+
+ &:hover {
+ &:after {
+ opacity: var(--button-action-hover);
+ }
+ }
+
+ &:active {
+ &:after {
+ opacity: var(--button-action-active);
+ }
+ }
+
+ &%callButtonRed {
+ --button-background: hsl(var(--alert-hsl));
+ --button-text-color: var(--alert-text-color);
+ }
+
+ &%callButtonWhite {
+ --button-background: #fff;
+ --button-text-color: #060607;
+ }
+
+ &%callButtonLight {
+ --button-text-color: #060607;
+ }
+
+ &%callButtonLightActive {
+ --button-background: var(--menu-item-select);
+ --button-text-color: #060607;
+ }
+
+ %callCenterIcon {
+ color: var(--button-text-color) !important;
+ }
+}
+
+%buttonQuestionMark {
+ background-color: hsl(var(--accent-hsl--material-you));
+ border-radius: 50%;
+
+ %buttongQuestionMarkIcon {
+ color: var(--accent-text-color--material-you);
+ }
+}
+
+/* BUTTONS -> SEGMENTED BUTTONS */
+
+%segmentedButton {
+ padding: 11px 0;
+ background-color: transparent;
+ border-color: var(--separator-color) !important;
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &:first-child {
+ border-radius: 20px 0 0 20px;
+ }
+
+ &:last-child {
+ border-radius: 0 20px 20px 0;
+ }
+
+ &:not(%segmentedButtonPremiumRequired) {
+ &:hover {
+ background-color: var(--menu-item-hover) !important;
+ }
+
+ &%segmentedButtonSelected {
+ background-color: var(--menu-item-select) !important;
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/general/_cards.scss b/other/themes/Material-Discord/src/general/_cards.scss
new file mode 100644
index 0000000..fb0848c
--- /dev/null
+++ b/other/themes/Material-Discord/src/general/_cards.scss
@@ -0,0 +1,82 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * CARDS
+ *
+ */
+
+%settingsCard {
+ @include card-format(false, 16px, true);
+
+ &[style*="padding"] {
+ padding: 16px !important;
+ }
+
+ a {
+ color: hsl(var(--accent-hsl--material-you));
+ }
+
+ %settingsCardIcon {
+ margin: 16px !important;
+
+ + %settingsCardIconDescriptor {
+ margin-left: 0;
+ }
+ }
+}
+
+%settingsCardPrimary {
+ @include card-format(true, 16px, true);
+
+ %settingsCardLargeIcon {
+ padding: 8px;
+ }
+}
+
+%promotionCard,
+%settingsDetailBlock,
+%settingsCardDescriptionBox,
+%dropsHelpText {
+ @include card-format(false, 16px, true);
+}
+
+%dropsHelpText {
+ p {
+ margin: 0 0 8px;
+
+ &:last-of-type {
+ margin: 0;
+ }
+ }
+}
+
+%settingsSubscriptionBanner {
+ max-width: none;
+ border-radius: var(--card-radius-big);
+
+ %button {
+ --button-padding: 0 20px;
+
+ margin-left: 8px;
+ }
+}
+
+%settingsCardInfo {
+ background-color: hsl(var(--accent-hsl),0.1);
+ border-radius: var(--card-radius-big);
+ border-color: hsl(var(--accent-hsl--material-you));
+
+ %settingsCardInfoIcon {
+ color: hsl(var(--accent-hsl--material-you));
+ }
+}
+
+%communityUpsellContainer {
+ @include card-format(false, 0, true);
+
+ %communityUpsellFooter {
+ padding: 0 16px 16px;
+ background-color: transparent;
+ }
+}
diff --git a/other/themes/Material-Discord/src/general/_checkboxes.scss b/other/themes/Material-Discord/src/general/_checkboxes.scss
new file mode 100644
index 0000000..0c3a0a0
--- /dev/null
+++ b/other/themes/Material-Discord/src/general/_checkboxes.scss
@@ -0,0 +1,47 @@
+/*
+ *
+ * CHECKBOXES
+ *
+ */
+
+%checkbox {
+ border-width: 2px;
+ border-radius: 4px;
+ transition: var(--default-time) var(--default-animation) border-color, var(--default-time) var(--default-animation) background-color;
+
+ &:not(%checkboxChecked) {
+ path {
+ transition: var(--default-time) var(--default-animation) fill;
+ }
+ }
+
+ &%checkboxChecked {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ border-color: hsl(var(--accent-hsl--material-you)) !important;
+
+ path {
+ fill: var(--accent-text-color--material-you);
+ transition: var(--default-time) var(--default-animation) fill;
+ }
+ }
+}
+
+%menuPopoutColorDefault {
+ %menuPopoutCheckbox {
+ fill: hsl(var(--accent-hsl--material-you));
+ }
+
+ %menuPopoutCheck {
+ fill: var(--accent-text-color--material-you);
+ }
+
+ &%menuPopoutItemHover {
+ %menuPopoutCheckbox {
+ fill: hsl(var(--accent-hsl--material-you));
+ }
+
+ %menuPopoutCheck {
+ fill: var(--accent-text-color--material-you);
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/general/_index.scss b/other/themes/Material-Discord/src/general/_index.scss
new file mode 100644
index 0000000..ab62037
--- /dev/null
+++ b/other/themes/Material-Discord/src/general/_index.scss
@@ -0,0 +1,19 @@
+@forward './header/';
+
+//@forward './avatars';
+@forward './badges';
+@forward './buttons';
+@forward './cards';
+@forward './checkboxes';
+@forward './inputs';
+@forward './notices';
+@forward './radioButtons';
+@forward './scrollbar';
+@forward './selectMenus';
+@forward './sliders';
+@forward './spinner';
+@forward './switches';
+@forward './tabBar';
+@forward './titles';
+@forward './toast';
+@forward './tooltip';
diff --git a/other/themes/Material-Discord/src/general/_inputs.scss b/other/themes/Material-Discord/src/general/_inputs.scss
new file mode 100644
index 0000000..4192e93
--- /dev/null
+++ b/other/themes/Material-Discord/src/general/_inputs.scss
@@ -0,0 +1,200 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * INPUTS
+ *
+ */
+
+%input {
+ 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;
+
+ &:focus {
+ box-shadow: inset 0 -2px 0 0 hsl(var(--accent-hsl--material-you));
+ }
+
+ &%multiInput,
+ &%inputWithInnerInput {
+ padding: 0;
+ }
+
+ &:not(%multiInput) {
+ %input {
+ width: calc(100% + 24px);
+ margin-left: -12px;
+ }
+ }
+
+ &::-webkit-input-placeholder {
+ font-family: var(--app-font);
+ color: var(--input-placeholder-color);
+ }
+
+ &%inputTextArea {
+ --input-height: auto;
+
+ padding: 8px 12px;
+ }
+
+ &%inputHidden {
+ --input-height: 0;
+ }
+}
+
+%inputPrefixContainer {
+ margin-right: 6px;
+
+ %inputPrefixContainerSeparator {
+ background-color: var(--input-border-color);
+ }
+}
+
+%multiInputLast {
+ &:before {
+ display: none;
+ }
+}
+
+%eyebrowError {
+ + %inputWrapper {
+ %input {
+ box-shadow: inset 0 -1px 0 0 hsl(var(--alert-hsl));
+
+ &:focus {
+ box-shadow: inset 0 -2px 0 0 hsl(var(--alert-hsl));
+ }
+ }
+ }
+}
+
+%inputLabel {
+ @include remove-caps(14px);
+}
+
+%inputWrapper {
+ %inputPrefix {
+ + %input {
+ padding-left: 32px;
+ }
+ }
+}
+
+%inputEmojiContainer {
+ height: var(--input-height);
+ line-height: var(--input-height);
+ margin: 0 4px;
+ padding: 0;
+ z-index: 2;
+
+ + %inputWrapper {
+ %input {
+ padding: 0 36px;
+ }
+ }
+}
+
+%inputEmojiButton {
+ margin: 0 12px;
+}
+
+%input {
+ &%inputEmojiButtonText {
+ padding-left: 44px !important;
+ }
+}
+
+%copyInput,
+%keybindInput {
+ @include new-input-format(true);
+
+ &:hover {
+ %button {
+ width: auto !important;
+ }
+ }
+
+ %button {
+ --button-height: 30px;
+ margin: 3px;
+ }
+}
+
+%copyInput {
+ %copyInputInner {
+ padding: 8px 8px 8px 12px;
+ }
+
+ %button {
+ padding: var(--button-padding) !important;
+ }
+}
+
+%keybindInput {
+ %keybindInputInner {
+ padding: 8px 8px 8px 12px;
+
+ &::-webkit-input-placeholder {
+ font-family: var(--app-font);
+ }
+ }
+
+ %keybindEditIcon {
+ background-image: none;
+ @include add-icon(currentColor, keyboard);
+ transform: scale(1.335) translate(3px, 3px) translateZ(0) !important;
+ }
+}
+
+%fileUploadContainer {
+ --input-padding: 0;
+
+ %fileUploadInput {
+ padding: 0 0 0 12px;
+
+ &::-webkit-input-placeholder {
+ font-weight: 500;
+ }
+ }
+}
+
+/* INPUTS -> OPTION PILL */
+
+%optionPill {
+ background-color: transparent !important;
+ border-radius: 13px;
+ border-color: var(--main-textarea-border) !important;
+
+ &%optionPillSelected {
+ border-color: hsl(var(--accent-hsl--material-you)) !important;
+ }
+
+ &%optionPillErrored {
+ border-color: hsl(var(--alert-hsl)) !important;
+ }
+
+ %optionPillKey {
+ background-color: var(--input-pill-color) !important;
+ border-top-left-radius: inherit;
+ border-bottom-left-radius: inherit;
+ }
+}
+
+%input {
+ &%inputError {
+ border-radius: 4px;
+
+ + %inputColorStatusRed {
+ position: absolute;
+ width: 100%;
+ margin-top: -24px;
+ text-align: right;
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/general/_notices.scss b/other/themes/Material-Discord/src/general/_notices.scss
new file mode 100644
index 0000000..9d9c623
--- /dev/null
+++ b/other/themes/Material-Discord/src/general/_notices.scss
@@ -0,0 +1,116 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * NOTICES
+ *
+ */
+
+%notice {
+ border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
+ box-shadow: none;
+
+ %buttonOutlined {
+ --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)
+ }
+}
+
+%bdNotices {
+ + %notice {
+ border-radius: 0;
+ }
+}
+
+%bdNotice {
+ background-color: hsl(var(--accent-hsl--material-you));
+ color: var(--accent-text-color--material-you);
+
+ &:first-child {
+ border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
+ }
+
+ span {
+ color: var(--accent-text-color--material-you) !important;
+ }
+}
+
+%noticeButton,
+%bdNoticeButton {
+ background-color: hsl(var(--button-link-color),0.15) !important;
+ border: none;
+ color: var(--button-link-text-color) !important;
+
+ &:hover {
+ background-color: hsl(var(--button-link-color),0.275) !important;
+ }
+}
+
+%noticeButton {
+ --button-height: 24px;
+ --button-padding: 0 12px;
+}
+
+%bdNoticeButton {
+ height: 24px;
+ padding: 0 12px;
+ border-radius: 12px;
+ font-weight: 500;
+}
+
+%bdNoticeClose {
+ right: 8px;
+ @include add-icon(var(--accent-text-color--material-you), close);
+ background-image: none;
+ -webkit-mask-position: center;
+ mask-position: center;
+ opacity: 0.75;
+}
+
+%noticeColorDefault {
+ %noticeButton {
+ --button-link-color: 0,0%,100%;
+ color: var(--status-positive-text) !important;
+ }
+}
+
+%noticeColorWarning {
+ --button-link-color: 0,0%,0%;
+ --button-link-text-color: hsl(0,0%,0%);
+}
+
+%noticeColorNeutral {
+ --button-link-color: 0,0%,100%;
+ --button-link-text-color: hsl(0,0%,100%);
+}
+
+%noticeColorInfo {
+ --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);
+
+ %noticeCloseIcon path {
+ fill: currentColor;
+ }
+}
+
+%noticePreviewMode {
+ --button-link-color: 0,0%,100%;
+ --button-link-text-color: hsl(0,0%,100%);
+}
+
+%noticeStreamerMode {
+ --button-link-color: 0,0%,100%;
+ --button-link-text-color: hsl(0,0%,100%);
+}
+
+%bdNotice {
+ --button-link-text-color: var(--accent-text-color--material-you);
+}
diff --git a/other/themes/Material-Discord/src/general/_radioButtons.scss b/other/themes/Material-Discord/src/general/_radioButtons.scss
new file mode 100644
index 0000000..5a12ac8
--- /dev/null
+++ b/other/themes/Material-Discord/src/general/_radioButtons.scss
@@ -0,0 +1,186 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * RADIO BUTTONS
+ *
+ */
+
+div[role="radiogroup"] {
+ @include card-format(false, 8px, true);
+}
+
+%radioItem {
+ 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;
+
+ &:hover {
+ background-color: var(--card-color-hover) !important;
+ }
+
+ &[aria-checked=true],
+ &:active {
+ background-color: var(--card-color-active) !important;
+ }
+
+ %radioBar {
+ grid-gap: 12px;
+ margin-bottom: 0;
+ padding: 12px 0 !important;
+ border-left: none;
+
+ @include md-ripple(hover, after, 1.15);
+
+ &:after {
+ width: 32px;
+ height: 32px;
+ top: -3px;
+ left: -4px;
+ bottom: 0;
+ margin: auto 0;
+ }
+
+ &%radioBarAlt {
+ &:after {
+ top: 0;
+ left: unset;
+ right: -4px;
+ }
+ }
+ }
+
+ &[aria-checked=true] {
+ %radioBar {
+ &:after {
+ --md-ripple-color: var(--accent-hsl--material-you);
+ }
+
+ svg {
+ color: hsl(var(--accent-hsl--material-you));
+ }
+
+ path {
+ fill: currentColor !important;
+ }
+ }
+
+ %radioIconChecked {
+ color: currentColor !important;
+ }
+ }
+
+ &%radioItemDisabled {
+ opacity: 1;
+
+ %radioBar {
+ opacity: 0.3;
+
+ &:after {
+ display: none;
+ }
+ }
+ }
+}
+
+%radioItemDisabledTooltip {
+ margin: 0;
+ @include card-format--list;
+
+ &:last-child {
+ border-bottom: none;
+ }
+}
+
+.group-LWHoGI {
+ overflow: hidden;
+}
+
+/* RADIO BUTTONS -> PILL */
+
+div[role="radiogroup"] {
+ &%radioPillGroup {
+ height: 30px;
+ @include card-format(false, 0, false);
+ }
+}
+
+%radioPillItem {
+ height: 28px;
+ background-color: transparent;
+ cursor: pointer;
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ border-right: 1px solid var(--card-border-color);
+
+ &:last-of-type {
+ border-right: none;
+ }
+
+ &:hover {
+ background-color: var(--menu-item-hover);
+ }
+
+ &%radioPillItemSelected {
+ background-color: var(--menu-item-select);
+ color: var(--menu-item-text-color);
+ }
+
+ &%radioPillItemDeny {
+ border-radius: var(--card-radius-big) 0 0 var(--card-radius-big);
+
+ &%radioPillItemSelected {
+ background-color: hsl(var(--alert-hsl));
+ color: var(--alert-text-color);
+ }
+ }
+
+ &%radioPillItemPassthrough {
+ &%radioPillItemSelected {
+ background-color: var(--menu-item-select);
+ }
+ }
+
+ &%radioPillItemAllow {
+ border-radius: 0 var(--card-radius-big) var(--card-radius-big) 0;
+
+ &%radioPillItemSelected {
+ background-color: var(--success-color);
+ color: #fff;
+ }
+ }
+}
+
+/* RADIO BUTTONS -> CONTEXT MENU */
+
+%menuPopoutItem {
+ &[role="menuitemradio"][aria-checked="true"] {
+ %menuPopoutIcon {
+ color: hsl(var(--accent-hsl--material-you));
+
+ path {
+ fill: currentColor
+ }
+ }
+ }
+
+ &[id*="account-switch"] {
+ %menuPopoutActiveIcon {
+ circle {
+ fill: var(--accent-text-color--material-you);
+ }
+
+ path {
+ fill: hsl(var(--accent-hsl--material-you));
+ }
+ }
+ }
+}
+
+%menuPopoutIcon {
+ %menuPopoutRadio {
+ color: currentColor !important;
+ }
+}
diff --git a/other/themes/Material-Discord/src/general/_scrollbar.scss b/other/themes/Material-Discord/src/general/_scrollbar.scss
new file mode 100644
index 0000000..4e620d1
--- /dev/null
+++ b/other/themes/Material-Discord/src/general/_scrollbar.scss
@@ -0,0 +1,58 @@
+/*
+ *
+ * SCROLLBARS
+ *
+ */
+
+::-webkit-scrollbar {
+ width: var(--scrollbar-width) !important;
+ height: var(--scrollbar-width) !important;
+
+ &-track {
+ margin: 0 !important;
+ background: transparent !important;
+ border-radius: calc(var(--scrollbar-width) / 2) !important;
+
+ &-piece {
+ border: 0 solid transparent !important;
+ background-color: transparent !important;
+ margin: 0;
+ }
+ }
+
+ &-thumb {
+ background-color: rgba(var(--scrollbar-color),0.15) !important;
+ border: 0 solid transparent !important;
+ border-radius: calc(var(--scrollbar-width) / 2) !important;
+
+ &:hover {
+ background-color: rgba(var(--scrollbar-color),0.25) !important;
+ }
+
+ &:active {
+ background-color: rgba(var(--scrollbar-color),0.30) !important;
+ }
+ }
+}
+
+%scrollbarThin {
+ &::-webkit-scrollbar {
+ width: var(--scrollbar-thin-width) !important;
+ height: var(--scrollbar-thin-width) !important;
+ }
+}
+
+%guildsWrapper {
+ [class*="scroller"] {
+ &::-webkit-scrollbar {
+ width: 0px !important;
+ }
+ }
+}
+
+%channelTextAreaScrollable {
+ &::-webkit-scrollbar {
+ width: var(--scrollbar-thin-width) !important;
+ height: var(--scrollbar-thin-width) !important;
+ }
+}
diff --git a/other/themes/Material-Discord/src/general/_selectMenus.scss b/other/themes/Material-Discord/src/general/_selectMenus.scss
new file mode 100644
index 0000000..1a5af55
--- /dev/null
+++ b/other/themes/Material-Discord/src/general/_selectMenus.scss
@@ -0,0 +1,113 @@
+/*
+ *
+ * SELECT MENUS
+ *
+ */
+
+%selectMenuWrapper {
+ %selectMenu {
+ padding-right: calc(var(--icons-width) + 12px);
+
+ &%selectMenuMulti {
+ padding-bottom: 0;
+ }
+ }
+}
+
+%selectMenu {
+ height: var(--input-height);
+ padding: var(--input-padding);
+ border-radius: var(--input-radius) !important;
+ border: none;
+
+ &%selectMenuMulti {
+ min-height: var(--input-height);
+ height: auto;
+
+ > %selectMenuMulti {
+ min-height: inherit;
+ }
+ }
+
+ &%selectMenuFilled {
+ background-color: var(--input-color);
+ }
+
+ %selectMenuSearchInput {
+ &::-webkit-input-placeholder {
+ font-family: var(--app-font);
+ color: var(--input-placeholder-color);
+ }
+
+ &%selectMenuMulti {
+ height: 28px;
+ margin-top: 2px;
+ }
+ }
+}
+
+%selectMenuIconsContainer {
+ height: var(--input-height);
+
+ > div {
+ height: var(--icons-width);
+ }
+}
+
+%selectMenuPopout {
+ margin: 4px 0;
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius) !important;
+ border: none;
+ box-shadow: var(--shadow-3dp);
+
+ %selectMenuOption {
+ gap: 8px;
+ color: var(--menu-item-text-color);
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &:hover {
+ background-color: var(--menu-item-hover) !important;
+ }
+
+ &[aria-selected=true] {
+ background-color: var(--menu-item-select) !important;
+
+ %selectMenuOptionSelectedIcon {
+ color: hsl(var(--accent-hsl--material-you));
+
+ circle {
+ fill: var(--accent-text-color--material-you);;
+ }
+ }
+ }
+
+ %selectMenuDeviceOption {
+ gap: 8px;
+ }
+
+ %selectMenuDeviceOptionLabel {
+ margin-right: 0;
+ }
+ }
+}
+
+/* SELECT MENUS -> PILLS */
+
+%optionPillButton {
+ --button-height: 28px;
+ --button-padding: 0 8px;
+
+ &%buttonFilled {
+ --button-background: transparent;
+ --button-outline: 1px solid var(--text-muted);
+ }
+
+ &:after {
+ display: none;
+ }
+
+ %optionPill {
+ background-color: transparent;
+ }
+}
diff --git a/other/themes/Material-Discord/src/general/_sliders.scss b/other/themes/Material-Discord/src/general/_sliders.scss
new file mode 100644
index 0000000..4825d31
--- /dev/null
+++ b/other/themes/Material-Discord/src/general/_sliders.scss
@@ -0,0 +1,81 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * SLIDERS
+ *
+ */
+
+%slider {
+ %sliderBar {
+ height: 4px;
+ background-color: hsl(var(--accent-hsl),0.3) !important;
+ border-radius: 2px;
+
+ %sliderBarFill {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ border-radius: 2px;
+ }
+ }
+
+ %sliderTrack {
+ %sliderGrabber {
+ 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;
+
+ @include md-ripple(hover_click, after, 2.5, true);
+
+ &:hover {
+ box-shadow: var(--shadow-2dp);
+ }
+
+ &:active {
+ box-shadow: var(--shadow-3dp);
+ }
+ }
+ }
+
+ &%sliderMenuPopout {
+ %sliderTrack {
+ %sliderGrabber {
+ top: calc(50% - 5px);
+ }
+ }
+ }
+}
+
+.markValue_e7a6e4 {
+ color: var(--text-muted) !important;
+}
+
+/* SLIDERS -> BD SLIDER */
+
+%bdSliderLabel {
+ width: 42px;
+ background-color: hsl(var(--accent-hsl--material-you));
+ color: var(--accent-text-color--material-you);
+ border-radius: 13px;
+ text-align: center;
+}
+
+%bdSliderInput {
+ 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;
+
+ &::-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);
+ }
+}
diff --git a/other/themes/Material-Discord/src/general/_spinner.scss b/other/themes/Material-Discord/src/general/_spinner.scss
new file mode 100644
index 0000000..3d6aa56
--- /dev/null
+++ b/other/themes/Material-Discord/src/general/_spinner.scss
@@ -0,0 +1,15 @@
+/*
+ *
+ * SPINNER
+ *
+ */
+
+%spinnerPopout {
+ background-color: var(--popout-color);
+ box-shadow: var(--shadow-3dp);
+ border-radius: 24px;
+
+ %loadingPath {
+ stroke: hsl(var(--accent-hsl--material-you)) !important;
+ }
+}
diff --git a/other/themes/Material-Discord/src/general/_switches.scss b/other/themes/Material-Discord/src/general/_switches.scss
new file mode 100644
index 0000000..7932d7d
--- /dev/null
+++ b/other/themes/Material-Discord/src/general/_switches.scss
@@ -0,0 +1,185 @@
+/*
+ *
+ * SWITCHES
+ *
+ */
+
+%switchContainer {
+ width: 39px;
+ height: 24px;
+ background-color: transparent !important;
+ overflow: visible;
+
+ &: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;
+ }
+
+ path {
+ fill: var(--switch-slider-color);
+ transform: scale(1.4) translate(-3px, -3px);
+ }
+
+ &%switchContainerChecked {
+ &:before {
+ background-color: var(--switch-color-checked);
+ border-color: transparent;
+ }
+
+ %switchSlider {
+ 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%);
+ }
+
+ path {
+ fill: hsl(var(--accent-hsl));
+ filter: brightness(40%);
+ }
+ }
+
+ %switchSlider {
+ 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;
+
+ rect {
+ display: none;
+ }
+ }
+}
+
+%switchIcon {
+ opacity: 1;
+}
+
+%themeLight {
+ %switchContainer {
+ &%switchContainerChecked {
+ path {
+ fill: var(--switch-color-checked);
+ filter: unset;
+ }
+ }
+ }
+}
+
+%modalRoot {
+ %switchContainer {
+ &:before {
+ background-color: var(--switch-slider-color-modal);
+ }
+
+ &%switchContainerChecked {
+ &:before {
+ background-color: var(--switch-color-checked);
+ }
+ }
+ }
+}
+
+%bdSwitchContainer {
+ width: 39px;
+ height: 24px;
+ overflow: visible;
+
+ &%bdSwitchDisabled {
+ opacity: 0.35;
+ }
+
+ %bdSwitchBody {
+ --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;
+
+ %bdSwitchSlider {
+ width: 14px;
+ height: 14px;
+ top: 50%;
+ left: 3px;
+ margin: 0;
+ transform: translate(0, -50%);
+ overflow: visible;
+ transition: var(--switch-animation);
+
+ %bdSwitchHandle {
+ width: 28px;
+ height: 28px;
+ x: 0;
+ y: -4px;
+ rx: 14px;
+ fill: var(--switch-knob-color);
+ transition: var(--switch-animation);
+ }
+
+ %bdSwitchSymbol {
+ display: none;
+ }
+ }
+ }
+
+ input {
+ &:active {
+ + %bdSwitchBody {
+ --switch-color: var(--switch-slider-color);
+
+ %bdSwitchHandle {
+ width: 28px;
+ height: 28px;
+ x: 4px;
+ y: -4px;
+ }
+ }
+ }
+
+ &:checked {
+ + %bdSwitchBody {
+ --switch-color: var(--switch-color-checked);
+
+ border-color: transparent;
+
+ %bdSwitchSlider {
+ width: 18px;
+ height: 18px;
+ left: 0;
+ transform: translate(16px, -50%);
+
+ %bdSwitchHandle {
+ fill: hsl(var(--accent-hue),calc(var(--accent-saturation) * var(--saturation-factor)),calc(var(--accent-lightness) * var(--switch-color-modifier)));
+ }
+ }
+ }
+
+ &:active {
+ + %bdSwitchBody {
+ --switch-color: var(--switch-color-checked);
+
+ %bdSwitchHandle {
+ x: -12.5px;
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/general/_tabBar.scss b/other/themes/Material-Discord/src/general/_tabBar.scss
new file mode 100644
index 0000000..c956506
--- /dev/null
+++ b/other/themes/Material-Discord/src/general/_tabBar.scss
@@ -0,0 +1,79 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * TAB BAR
+ *
+ */
+
+%tabBar {
+ height: 48px;
+ gap: 24px;
+
+ %tabBarItem {
+ height: inherit;
+ line-height: 48px;
+ margin: 0;
+ padding: 0 8px;
+ border-radius: 0;
+ border: none !important;
+ color: var(--interactive-normal) !important;
+
+ &,
+ &:hover,
+ &%tabBarItemSelected {
+ background-color: transparent !important;
+ }
+
+ &:not(%tabBarItemDisabled) {
+ &:hover {
+ color: var(--interactive-hover) !important;
+ }
+ }
+
+ &%tabBarItemSelected {
+ color: var(--interactive-normal) !important;
+ }
+
+ &%tabBarItemSelected,
+ &[aria-selected="true"] {
+ @include tab-border(80%);
+ }
+
+ &:last-of-type {
+ margin-right: 0;
+ }
+
+ &%tabBarItemDisabled {
+ opacity: 0.5;
+ }
+ }
+}
+
+%settingsProfilesTabBar {
+ padding-top: 0;
+
+ %tabBarItem {
+ height: 47px;
+ }
+}
+
+%eventTabBar {
+ height: 56px;
+ margin-bottom: 0;
+ padding-top: 0;
+
+ %tabBarItem {
+ padding: 0 8px;
+ line-height: 56px;
+ }
+}
+
+%serverSubscriptionsTabBar {
+ border-bottom-width: 1px;
+
+ %tabBarItem {
+ margin-right: 24px !important;
+ margin-bottom: 0;
+ }
+}
diff --git a/other/themes/Material-Discord/src/general/_titles.scss b/other/themes/Material-Discord/src/general/_titles.scss
new file mode 100644
index 0000000..983fda6
--- /dev/null
+++ b/other/themes/Material-Discord/src/general/_titles.scss
@@ -0,0 +1,12 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * TITLES
+ *
+ */
+
+%titleH4,
+%titleH5 {
+ @include remove-caps(14px);
+}
diff --git a/other/themes/Material-Discord/src/general/_toast.scss b/other/themes/Material-Discord/src/general/_toast.scss
new file mode 100644
index 0000000..5cfa4af
--- /dev/null
+++ b/other/themes/Material-Discord/src/general/_toast.scss
@@ -0,0 +1,83 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * TOASTS
+ *
+ */
+
+%toast,
+%bdToast {
+ 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;
+}
+
+%newToast {
+ background-color: var(--popout-color);
+}
+
+%notificationToast,
+%qwertToast {
+ margin-top: 30px !important;
+ padding: 16px !important;
+ border-radius: 4px;
+ color: var(--text-normal) !important;
+
+ &:first-child {
+ border-radius: var(--popout-radius-big) var(--popout-radius-big) 4px 4px;
+ }
+
+ &:last-child {
+ border-radius: 4px 4px var(--popout-radius-big) var(--popout-radius-big);
+ }
+
+ &:only-child {
+ border-radius: var(--popout-radius-big);
+ }
+}
+
+%notificationToast {
+ @include popout-format(true);
+
+ + %notificationToast {
+ margin-top: 2px !important;
+ }
+}
+
+%qwertToast {
+ width: 30vw;
+ max-width: 30vw;
+ background-color: var(--popout-color) !important;
+ backdrop-filter: none;
+
+ + %qwertToast {
+ margin-top: 2px !important;
+ }
+
+ %qwertToastIconContainer {
+ margin-top: 0;
+ margin-right: 8px;
+ padding: 0;
+ }
+
+ %qwertToastAuthor {
+ display: flex;
+ width: calc(30vw - 72px);
+ max-width: calc(30vw - 72px);
+ overflow: hidden;
+ }
+
+ %qwertToastText {
+ width: calc(30vw - 60px);
+ max-width: calc(30vw - 60px);
+ }
+}
+
+%notificationToastBg {
+ background-color: transparent !important;
+}
diff --git a/other/themes/Material-Discord/src/general/_tooltip.scss b/other/themes/Material-Discord/src/general/_tooltip.scss
new file mode 100644
index 0000000..fb25050
--- /dev/null
+++ b/other/themes/Material-Discord/src/general/_tooltip.scss
@@ -0,0 +1,191 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * TOOLTIP
+ *
+ */
+
+%tooltip {
+ 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;
+
+ %tooltipPointer {
+ display: none;
+ }
+
+ %tooltipContent,
+ %tooltipGuildNameText {
+ padding: 0;
+ font-size: var(--tooltip-font-size);
+ color: var(--tooltip-text-color);
+ }
+
+ %tooltipText {
+ font-size: var(--tooltip-font-size);
+ color: var(--tooltip-text-color) !important;
+ }
+
+ %tooltipActivityIcon {
+ color: var(--tooltip-text-color);
+ }
+
+ %tooltipClickCTA {
+ color: var(--tooltip-text-color) !important;
+ }
+
+ %userPopoutBodyInnerWrapper {
+ background-color: transparent;
+ }
+}
+
+%subscribeTooltipWrapper,
+%upsellTooltipWrapper,
+%accountSwitcherTooltipWrapper {
+ @include popout-format;
+
+ &%upsellTooltipCaretTopCenter {
+ &:after {
+ border-bottom-color: var(--popout-color);
+ }
+ }
+
+ &%upsellTooltipCaretLeftCenter {
+ &:after {
+ border-right-color: var(--popout-color);
+ }
+ }
+}
+
+%subscribeTooltipWrapper {
+ %subscribeTooltipHeader {
+ color: var(--header-primary);
+ }
+
+ %subscribeTooltipText {
+ color: var(--header-secondary);
+ }
+}
+
+%upsellTooltipWrapper {
+ &%upsellTooltipCaretTopCenter {
+ &:after {
+ border-bottom-color: var(--popout-color);
+ }
+ }
+
+ &%upsellTooltipCaretLefTop {
+ &:after {
+ top: var(--popout-radius-big);
+ border-right-color: var(--popout-color);
+ }
+ }
+
+ %upsellTooltipHeader {
+ color: var(--header-primary);
+ }
+
+ %upsellTooltipText {
+ color: var(--header-secondary) !important;
+ }
+
+ %buttonInverted {
+ &%buttonBrand {
+ --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;
+
+ &:after {
+ background-color: hsl(var(--accent-hsl--material-you));
+ }
+ }
+ }
+}
+
+%accountSwitcherTooltipWrapper {
+ %accountSwitcherTooltipTitle {
+ color: var(--header-primary);
+ }
+
+ %accountSwitcherTooltipSubTitle {
+ color: var(--header-secondary);
+ }
+
+ %accountSwitcherTooltipPointer {
+ border-top-color: var(--popout-color);
+ }
+}
+
+%tooltipPremiumFooterContainer {
+ border-radius: 14px;
+}
+
+%reactionTooltip {
+ 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);
+
+ %reactionTooltipText {
+ color: inherit;
+ }
+}
+
+%burstReactionTooltipMessage {
+ border-bottom-color: var(--text-disabled);
+}
+
+%burstReactionTooltipPrompt {
+ margin: 8px 0 0;
+
+ %reactionTooltipText {
+ margin-left: 0;
+ }
+}
+
+/* TOOLTIP -> EMOJI INFO */
+
+%messageEmojiPopout {
+ background-color: var(--tooltip-color) !important;
+ border-radius: var(--tooltip-radius);
+ box-shadow: var(--tooltip-shadow) !important;
+
+ %defaultColor {
+ color: var(--tooltip-text-color);
+ }
+}
+
+%messageEmojiPopoutEmojiSection {
+ padding: 16px 16px 8px;
+}
+
+%messageEmojiPopoutGuildSection {
+ position: relative;
+ padding: 8px 16px 16px;
+ background-color: transparent;
+
+ &:before {
+ position: absolute;
+ content: " ";
+ width: calc(100% - 32px);
+ height: 1px;
+ top: 0;
+ left: 16px;
+ background-color: var(--tooltip-border-color);
+ }
+
+ %messageEmojiPopoutGuildTitle,
+ %textXsNormal {
+ color: var(--tooltip-text-color) !important;
+ }
+}
diff --git a/other/themes/Material-Discord/src/general/header/_bar.scss b/other/themes/Material-Discord/src/general/header/_bar.scss
new file mode 100644
index 0000000..543e314
--- /dev/null
+++ b/other/themes/Material-Discord/src/general/header/_bar.scss
@@ -0,0 +1,85 @@
+@use '../../mixins' as *;
+
+/*
+ *
+ * HEADER BAR
+ *
+ */
+
+%headerBar {
+ padding: 0 8px;
+ border-top-right-radius: var(--card-radius-big);
+ box-shadow: var(--elevation-low);
+
+ &%headerBarTransparent {
+ box-shadow: none;
+ }
+
+ &%headerBarThemed {
+ background: var(--main-color);
+ }
+
+ %headerBarFollowButton {
+ --button-height: 32px;
+ --button-padding: 0 16px;
+ }
+}
+
+%headerBarChildren {
+ //overflow: visible;
+
+ &:after {
+ background: linear-gradient(90deg, transparent 0, var(--main-color)) !important;
+ }
+
+ %topPill {
+ height: 100%;
+ }
+
+ %topPillItem {
+ height: 48px;
+ line-height: 48px;
+ }
+}
+
+%headerBarIconWrapper {
+ &%headerBarIconClickable {
+ @include md-ripple(hover, after, 1.5);
+ }
+
+ foreignObject {
+ mask: none !important;
+ }
+}
+
+%headerBarTopic a {
+ color: hsl(var(--accent-hsl--material-you));
+}
+
+%headerBarReturnButton {
+ --button-height: 32px;
+
+ max-width: 250px;
+ margin-right: 8px;
+}
+
+%headerBarReturnButtonText {
+ font-size: 1em;
+
+ &,
+ * {
+ line-height: var(--button-height);
+ color: hsl(var(--accent-hsl--material-you)) !important;
+ }
+
+ %textXsMedium {
+ font-size: 1em;
+ }
+}
+
+%headerBarIconBadge {
+ top: 0;
+ right: 0;
+ background-color: hsl(var(--accent-hsl--material-you));
+ box-shadow: 0 0 0 4px var(--main-color);
+}
diff --git a/other/themes/Material-Discord/src/general/header/_index.scss b/other/themes/Material-Discord/src/general/header/_index.scss
new file mode 100644
index 0000000..b0d1e21
--- /dev/null
+++ b/other/themes/Material-Discord/src/general/header/_index.scss
@@ -0,0 +1,2 @@
+@forward './bar';
+@forward './search';
diff --git a/other/themes/Material-Discord/src/general/header/_search.scss b/other/themes/Material-Discord/src/general/header/_search.scss
new file mode 100644
index 0000000..6a2dc31
--- /dev/null
+++ b/other/themes/Material-Discord/src/general/header/_search.scss
@@ -0,0 +1,75 @@
+/*
+ *
+ * HEADER BAR SEARCH
+ *
+ */
+
+%chatSearch {
+ width: 160px;
+ transition: 300ms ease width;
+
+ %chatSearchBar {
+ width: 100%;
+ height: 32px;
+ background-color: var(--input-color);
+ border-radius: 16px;
+
+ %chatSearchRoot {
+ padding: 6px 0;
+ padding-left: 8px;
+
+ %chatSearchPlaceholder {
+ padding-left: 2px;
+ color: var(--input-placeholder-color);
+ }
+
+ %chatSearchContent {
+ color: var(--input-text-color);
+ }
+ }
+
+ %chatSearchContainer {
+
+ %chatSearchFilter,
+ %chatSearchFilter + span[data-offset-key],
+ %chatSearchAnswer span[data-offset-key] {
+ background-color: var(--input-pill-color);
+ color: var(--input-text-color);
+ }
+
+ %chatSearchFilter {
+ margin-right: 2px;
+ padding: 0 4px 0 8px;
+ border-radius: 10px 0 0 10px;
+
+ &:only-child {
+ padding: 0 8px;
+ border-radius: 11px;
+ }
+ }
+
+ %chatSearchAnswer {
+ background-color: transparent;
+ }
+
+ %chatSearchFilter + span[data-offset-key],
+ %chatSearchAnswer 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);
+ }
+ }
+
+ %chatSearchIconWrapper {
+ width: 32px;
+ height: 32px;
+ }
+ }
+
+ &%chatSearchOpen {
+ width: 240px;
+ }
+}
diff --git a/other/themes/Material-Discord/src/home/_activityList.scss b/other/themes/Material-Discord/src/home/_activityList.scss
new file mode 100644
index 0000000..9c74bc9
--- /dev/null
+++ b/other/themes/Material-Discord/src/home/_activityList.scss
@@ -0,0 +1,150 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * ACTIVITY LIST
+ *
+ */
+
+%nowPlayingColumn {
+ background-color: var(--main-color);
+
+ %nowPlayingColumnContainer {
+ background-color: transparent;
+
+ %nowPlayingColumnScroller {
+ margin-left: 0;
+ padding: 16px 16px 12px;
+ border-left: none;
+ }
+ }
+}
+
+%nowPlayingColumnMemberItem {
+ padding: 0;
+}
+
+%activeNowPrivacyCard {
+ margin-bottom: 16px;
+ @include card-format;
+
+ %activeNowPrivacyCardHeader {
+ @include card-format--header;
+ text-align: left;
+ }
+
+ %size14 {
+ padding: 16px 16px 0;
+ }
+
+ %activeNowPrivacyCardButtonContainer {
+ padding: 0 16px 16px;
+ }
+}
+
+%emptyActiveNowCard {
+ padding: 0;
+ background-color: var(--activity-card-color);
+ border-radius: var(--card-radius-big);
+
+ %emptyActiveNowHeader {
+ width: 100%;
+ @include card-format--header(false, true);
+ box-sizing: border-box;
+ text-align: left;
+ }
+
+ %emptyActiveNowText {
+ padding: 0 16px 16px;
+ text-align: left;
+ }
+}
+
+%activeNowCardInteractive {
+ margin: 0 0 2px;
+ background-color: var(--activity-card-color);
+ border-radius: 4px;
+ border: none;
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &:hover {
+ background-color: var(--activity-card-color--hover) !important;
+ }
+
+ &%activeNowCardActive {
+ background-color: var(--activity-card-color--active) !important;
+ }
+
+ &:not(:only-of-type) {
+ &:first-of-type {
+ border-radius: var(--card-radius-big) var(--card-radius-big) 4px 4px;
+ }
+
+ &:nth-last-child(2) {
+ border-radius: 4px 4px var(--card-radius-big) var(--card-radius-big);
+
+ &:after {
+ display: none;
+ }
+ }
+ }
+
+ %activeNowCardInset {
+ margin-left: 44px;
+ background-color: transparent;
+ }
+
+ %activeNowCardSection {
+ margin-bottom: 2px;
+ background-color: var(--activity-card-color--inset);
+ border-radius: 4px;
+
+ &:first-of-type {
+ border-radius: var(--card-radius-big) var(--card-radius-big) 4px 4px;
+ }
+
+ &:last-of-type {
+ margin-bottom: 0;
+ border-radius: 4px 4px var(--card-radius-big) var(--card-radius-big);
+ }
+
+ &:only-child {
+ border-radius: var(--card-radius-big);
+ }
+ }
+
+ %activeNowCardSeparator {
+ display: none;
+ }
+
+ %activeNowCardHeaderIcon {
+ border-radius: 50%;
+ }
+
+ %activeNowStreamingPreviewWrapper {
+ background-color: var(--card-color-alt);
+ border-radius: calc(var(--card-radius-big) / 1.25);
+ overflow: hidden;
+ }
+
+ %activeNowCardStreamImage {
+ border-radius: calc(var(--card-radius-big) / 1.25);
+ }
+
+ %activeNowCardImageBorderRadius0 {
+ border-radius: 50%;
+ }
+}
+
+%nowPlayingColumn {
+ %nowPlayingColumnHeader {
+ margin-top: 0;
+ font-weight: 400;
+
+ + %activeNowCardInteractive {
+ &:nth-last-child(2) {
+ border-radius: var(--card-radius-big);
+ }
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/home/_addFriend.scss b/other/themes/Material-Discord/src/home/_addFriend.scss
new file mode 100644
index 0000000..0441cca
--- /dev/null
+++ b/other/themes/Material-Discord/src/home/_addFriend.scss
@@ -0,0 +1,58 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * ADD FRIEND
+ *
+ */
+
+%friendsAddFriendHeader {
+ margin: 16px 16px 0;
+ padding: 0 0 16px;
+}
+
+%friendsAddFriendInputWrapper {
+ 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;
+
+ %friendsAddFriendInput,
+ %friendsAddFriendHint {
+ padding: 0;
+ line-height: var(--input-height);
+ font-weight: 400;
+
+ &::-webkit-input-placeholder {
+ color: var(--text-muted);
+ font-weight: 500;
+ }
+ }
+
+ %friendsAddFriendInput {
+ border-bottom: none !important;
+
+ %input {
+ padding: 0;
+ box-shadow: none !important;
+ }
+ }
+
+ %friendsAddFriendHint {
+ top: 6px;
+ }
+}
+
+%friendsOtherPlacesHeader {
+ padding: 16px;
+}
+
+%friendsPublicServersGrid {
+ padding: 0 16px;
+}
+
+%friendsPublicServersContainer {
+ @include card-format(false, 0, true, true);
+}
diff --git a/other/themes/Material-Discord/src/home/_friendsList.scss b/other/themes/Material-Discord/src/home/_friendsList.scss
new file mode 100644
index 0000000..7596c5d
--- /dev/null
+++ b/other/themes/Material-Discord/src/home/_friendsList.scss
@@ -0,0 +1,91 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * FRIENDS LIST
+ *
+ */
+
+%friends {
+ background-color: var(--chat-color) !important;
+ border-top-right-radius: var(--card-radius-big);
+}
+
+%friendsTabBody {
+ &:before {
+ display: none;
+ }
+}
+
+%friendsList {
+ padding-bottom: 12px;
+}
+
+%friendsColumn {
+ %friendsSearchBar {
+ margin: 16px 16px 8px 16px;
+ @include new-input-format;
+ padding: 0;
+
+ %friendsSearchBarInner {
+ %friendsSearchBarInput {
+ height: var(--input-height);
+ margin: 0;
+ padding: 0 4px 0 12px;
+ line-height: var(--input-height);
+
+ &::-webkit-input-placeholder {
+ font-family: var(--app-font);
+ }
+ }
+
+ %friendsSearchIconLayout {
+ width: var(--input-height);
+ height: var(--input-height);
+ }
+ }
+ }
+
+ %scroller {
+ margin-top: 0;
+ }
+
+ %friendsOnlineTitle {
+ height: 40px;
+ margin: 0;
+ padding: 0 16px;
+ line-height: 40px;
+ @include remove-caps(14px);
+ }
+}
+
+%friendsItem {
+ 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;
+
+ &:hover {
+ background-color: var(--menu-item-hover);
+ }
+
+ &%friendsItemActive {
+ background-color: var(--menu-item-select);
+ }
+
+ %friendActionButton {
+ background-color: transparent;
+ @include md-ripple(hover, after, 1.0);
+
+ %friendActionButtonIcon {
+ transform: scale(1.2);
+
+ 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');
+ }
+ }
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/home/_index.scss b/other/themes/Material-Discord/src/home/_index.scss
new file mode 100644
index 0000000..1ad1a24
--- /dev/null
+++ b/other/themes/Material-Discord/src/home/_index.scss
@@ -0,0 +1,6 @@
+@forward './activityList';
+@forward './addFriend';
+@forward './friendsList';
+@forward './library';
+@forward './messageRequests';
+@forward './nitro';
diff --git a/other/themes/Material-Discord/src/home/_library.scss b/other/themes/Material-Discord/src/home/_library.scss
new file mode 100644
index 0000000..76f2f3d
--- /dev/null
+++ b/other/themes/Material-Discord/src/home/_library.scss
@@ -0,0 +1,112 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * LIBRARY
+ *
+ */
+
+%libraryHeader {
+ --input-height: 32px;
+ --input-padding: 0 2px 0 6px;
+
+ %librarySearchBarInner %librarySearchInput {
+ padding: 0;
+
+ &,
+ &::-webkit-input-placeholder {
+ font-weight: 500;
+ }
+ }
+}
+
+%libraryFilter {
+ width: 160px;
+ transition: 300ms ease width;
+
+ &%libraryFilterFocused {
+ width: 240px;
+ }
+}
+
+%libraryScroller,
+%librarySettingsScroller {
+ background-color: var(--chat-color);
+}
+
+%libraryTable {
+ padding-bottom: 8px;
+
+ %libraryTableHeader {
+ height: 42px;
+ padding: 0 16px;
+ line-height: 42px;
+ background-color: var(--chat-color);
+ border-bottom: 1px solid var(--card-border-color);
+
+ &%libraryTableStickyHeader {
+ width: 100%;
+ }
+
+ %libraryTableHeaderCell {
+ border: none;
+ @include remove-caps(14px);
+
+ &%libraryTableHeaderCellSorted {
+ %libraryTableHeaderCellContent {
+ @include tab-border(100%);
+
+ &:after {
+ width: calc(100% - 22px);
+ left: 0;
+ right: auto;
+ }
+ }
+ }
+ }
+ }
+}
+
+%libraryTableRowWrapper {
+ margin: 0 8px;
+ padding: 0;
+ border-radius: var(--card-radius-big);
+ border: none;
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &%libraryTableRowWrapperActive {
+ background-color: var(--menu-item-hover);
+ }
+
+ %libraryTableRow {
+ margin: 0;
+ padding: 0 16px;
+ border-top: none !important;
+ }
+
+ %libraryTableNameCell,
+ %libraryTableSettingIcon,
+ %libraryTableTextCell {
+ transition: var(--default-time) var(--default-animation) opacity;
+ }
+
+ %libraryTableNameCell {
+ padding-left: 0;
+ }
+}
+
+%librarySettingsBody {
+ min-width: 350px;
+ max-width: 1200px;
+ padding: 60px 40px 80px;
+}
+
+.wrapper-QQNZRu {
+ .foreground-2JnqVD {
+ stroke: var(--slider-color) !important;
+ }
+
+ .foreground-2JnqVD {
+ stroke: hsl(var(--accent-hsl--material-you)) !important;
+ }
+}
diff --git a/other/themes/Material-Discord/src/home/_messageRequests.scss b/other/themes/Material-Discord/src/home/_messageRequests.scss
new file mode 100644
index 0000000..0af1f9e
--- /dev/null
+++ b/other/themes/Material-Discord/src/home/_messageRequests.scss
@@ -0,0 +1,91 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * MESSAGE REQUESTS
+ *
+ */
+
+%messageRequestContainer {
+ padding: 0 8px;
+
+ %messageRequestsContent {
+ height: auto !important;
+ margin-top: 24px;
+ @include card-format(false, 0, true);
+ overflow: hidden;
+
+ > div[style="height: 24px;"] {
+ display: none;
+ }
+ }
+
+ %messageRequestsSectionTitle {
+ margin: 0;
+ padding: 0 16px 16px;
+ line-height: normal;
+ color: var(--card-header-text-color);
+ font-weight: 400;
+ @include remove-caps(1.25em);
+ }
+}
+
+%messageRequestItem {
+ padding: 16px;
+ @include card-format--list;
+ border-radius: var(--card-radius-big);
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &:not(%messageRequestFirstItem) {
+ border-top: none;
+ }
+
+ &:hover,
+ &%messageRequestItemActive,
+ &%messageRequestItemSelected {
+ border-radius: var(--card-radius-big);
+
+ %messageRequestItemActionButton {
+ background-color: var(--card-color-alt);
+ }
+ }
+
+ &:hover,
+ &%messageRequestItemActive {
+ background-color: var(--card-color-hover);
+ }
+
+ &%messageRequestItemSelected {
+ background-color: var(--card-color-active);
+ }
+
+ &:after {
+ display: none;
+ }
+
+ %messageRequestItemActionButton {
+ background-color: var(--card-color-hover);
+ }
+
+ %button {
+ &%buttonPrimary {
+ --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;
+
+ &:after {
+ background-color: hsl(var(--button-link-accent-color));
+ }
+ }
+ }
+}
+
+/* MESSAGE REQUESTS -> PREVIEW */
+
+%dmChat {
+ &:before {
+ display: none;
+ }
+}
diff --git a/other/themes/Material-Discord/src/home/_nitro.scss b/other/themes/Material-Discord/src/home/_nitro.scss
new file mode 100644
index 0000000..4311e52
--- /dev/null
+++ b/other/themes/Material-Discord/src/home/_nitro.scss
@@ -0,0 +1,35 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * NITRO
+ *
+ */
+
+%nitroHomePage {
+ background-color: var(--chat-color);
+ border-top-right-radius: var(--card-radius-big);
+
+ %nitroHomePageScroller {
+ background-color: transparent;
+ }
+}
+
+%nitroSettingsContainer {
+ width: 100%;
+ border-radius: var(--card-radius-big);
+}
+
+%nitroPremiumTierCardsContainerSettings {
+ max-width: unset;
+}
+
+%nitroHomeTierCard {
+ border-radius: var(--card-radius-big);
+}
+
+%nitroHomePerkCard,
+%nitroHomeBigPerkCard,
+%nitroHomeSmallPerkCard {
+ @include card-format(false, 16px, true);
+}
diff --git a/other/themes/Material-Discord/src/icons/_channels.scss b/other/themes/Material-Discord/src/icons/_channels.scss
new file mode 100644
index 0000000..290a737
--- /dev/null
+++ b/other/themes/Material-Discord/src/icons/_channels.scss
@@ -0,0 +1,161 @@
+/*
+ *
+ * CHANNEL ICONS
+ *
+ */
+
+/* CHANNEL ICONS -> FRIENDS */
+path[d="M13 10a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z"] {
+ d: path("M13.07 10.41A5 5 0 0 0 13.07 4.59A3.39 3.39 0 0 1 15 4A3.5 3.5 0 0 1 15 11A3.39 3.39 0 0 1 13.07 10.41M5.5 7.5A3.5 3.5 0 1 1 9 11A3.5 3.5 0 0 1 5.5 7.5M7.5 7.5A1.5 1.5 0 1 0 9 6A1.5 1.5 0 0 0 7.5 7.5M16 17V19H2V17S2 13 9 13 16 17 16 17M14 17C13.86 16.22 12.67 15 9 15S4.07 16.31 4 17M15.95 13A5.32 5.32 0 0 1 18 17V19H22V17S22 13.37 15.94 13Z");
+
+ ~ path {
+ display: none;
+ }
+}
+
+/* CHANNEL ICONS -> LIBRARY */
+path[d="M6.69 2A3 3 0 0 0 3.7 4.67l-.33 3A3 3 0 0 0 6.35 11H7V9a1 1 0 1 1 2 0v2h6V9a1 1 0 1 1 2 0v2h.65a3.05 3.05 0 0 0 .9-.14 3 3 0 0 0 2.08-3.2l-.33-3A3 3 0 0 0 17.32 2H6.69Z"] {
+ d: path("M21,6H3A2,2 0 0,0 1,8V16A2,2 0 0,0 3,18H21A2,2 0 0,0 23,16V8A2,2 0 0,0 21,6M21,16H3V8H21M6,15H8V13H10V11H8V9H6V11H4V13H6M14.5,12A1.5,1.5 0 0,1 16,13.5A1.5,1.5 0 0,1 14.5,15A1.5,1.5 0 0,1 13,13.5A1.5,1.5 0 0,1 14.5,12M18.5,9A1.5,1.5 0 0,1 20,10.5A1.5,1.5 0 0,1 18.5,12A1.5,1.5 0 0,1 17,10.5A1.5,1.5 0 0,1 18.5,9Z");
+
+ ~ path {
+ display: none;
+ }
+}
+
+/* CHANNEL ICONS -> MESSAGE REQUESTS */
+path[d="M1.16 5.02c-.1.28.04.58.29.74l10.27 6.85a.5.5 0 0 0 .56 0l10.27-6.85c.25-.16.38-.46.29-.74A3 3 0 0 0 20 3H4a3 3 0 0 0-2.84 2.02Z"] {
+ d: path("M22 6C22 4.9 21.1 4 20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6M20 6L12 11L4 6H20M20 18H4V8L12 13L20 8V18Z");
+
+ ~ path {
+ display: none;
+ }
+}
+
+/* CHANNEL ICONS -> SHOP */
+path[d="M2.63 4.19A3 3 0 0 1 5.53 2H7a1 1 0 0 1 1 1v3.98a3.07 3.07 0 0 1-.3 1.35A2.97 2.97 0 0 1 4.98 10c-2 0-3.44-1.9-2.9-3.83l.55-1.98ZM10 2a1 1 0 0 0-1 1v4a3 3 0 0 0 3 3 3 3 0 0 0 3-2.97V3a1 1 0 0 0-1-1h-4ZM17 2a1 1 0 0 0-1 1v3.98a3.65 3.65 0 0 0 0 .05A2.95 2.95 0 0 0 19.02 10c2 0 3.44-1.9 2.9-3.83l-.55-1.98A3 3 0 0 0 18.47 2H17Z"] {
+ d: path("M19 6H17C17 3.2 14.8 1 12 1S7 3.2 7 6H5C3.9 6 3 6.9 3 8V20C3 21.1 3.9 22 5 22H19C20.1 22 21 21.1 21 20V8C21 6.9 20.1 6 19 6M12 3C13.7 3 15 4.3 15 6H9C9 4.3 10.3 3 12 3M19 20H5V8H19V20M12 12C10.3 12 9 10.7 9 9H7C7 11.8 9.2 14 12 14S17 11.8 17 9H15C15 10.7 13.7 12 12 12Z");
+
+ ~ path {
+ display: none;
+ }
+}
+
+/* CHANNEL ICONS -> EVENTS */
+path[d="M7 1a1 1 0 0 1 1 1v.75c0 .14.11.25.25.25h7.5c.14 0 .25-.11.25-.25V2a1 1 0 1 1 2 0v.75c0 .14.11.25.25.25H19a3 3 0 0 1 3 3 1 1 0 0 1-1 1H3a1 1 0 0 1-1-1 3 3 0 0 1 3-3h.75c.14 0 .25-.11.25-.25V2a1 1 0 0 1 1-1Z"] {
+ 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");
+
+ ~ path {
+ display: none;
+ }
+}
+
+/* CHANNEL ICONS -> SERVER SHOP */
+path[d="M13.6698 8.91016C14.5646 10.1567 16.3407 10.3342 17.4866 9.44283C17.4957 9.46624 17.5008 9.49191 17.5008 9.51916V15.8337C17.5008 17.2144 16.3815 18.3337 15.0008 18.3337H12.7092C12.5941 18.3337 12.5008 18.2404 12.5008 18.1253V13.3337C12.5008 12.4132 11.7547 11.667 10.8342 11.667H9.16748C8.24699 11.667 7.5008 12.4132 7.5008 13.3337V18.1253C7.5008 18.2404 7.40753 18.3337 7.29247 18.3337H5.0008C3.62009 18.3337 2.5008 17.2144 2.5008 15.8337V9.51916C2.5008 9.36341 2.66628 9.26158 2.81091 9.31949C3.23542 9.48933 3.70172 9.58366 4.19593 9.58366C5.27336 9.58366 6.24385 9.12583 6.92345 8.39408C7.0135 8.29708 7.17004 8.29679 7.26039 8.39349C7.94479 9.12583 8.91932 9.58366 10.0008 9.58366C11.0823 9.58366 12.0568 9.12583 12.7412 8.39349C12.8316 8.29679 12.9882 8.29708 13.0782 8.39408C13.2565 8.58599 13.4548 8.75916 13.6698 8.91016ZM11.7497 6.67891C9.42957 5.8204 9.4179 2.5511 11.7147 1.6683C11.699 1.66743 11.6833 1.66699 11.6675 1.66699H8.33415C7.87391 1.66699 7.50082 2.04009 7.50082 2.50033V5.83366C7.50082 5.87681 7.50191 5.9197 7.50407 5.96231C7.52181 6.31232 7.61153 6.64333 7.75873 6.94085C7.77282 6.96931 7.78743 6.99747 7.80255 7.02531C8.2259 7.80462 9.05157 8.33366 10.0008 8.33366C10.984 8.33366 11.8346 7.76614 12.2429 6.94084L12.2543 6.91751C12.2613 6.90286 12.2682 6.88812 12.2751 6.87331L11.7497 6.67891ZM15.8231 8.3336C15.4338 8.32949 15.0467 8.10931 14.8853 7.67305L14.4606 6.52524C14.2917 6.06904 13.9321 5.70936 13.4759 5.54055L13.3342 5.4881V2.84588L13.4759 2.79343C13.9321 2.62463 14.2917 2.26494 14.4606 1.80874L14.5131 1.66699H15.2462C16.3397 1.66699 17.3062 2.37762 17.6324 3.42131L18.1647 5.12491C18.2057 5.25598 18.2352 5.38724 18.254 5.51775L18.1924 5.54055C17.7361 5.70936 17.3765 6.06904 17.2077 6.52524L16.783 7.67305C16.627 8.09458 16.2603 8.31438 15.8847 8.33245C15.8642 8.33308 15.8437 8.33346 15.8231 8.3336ZM12.5008 3.15424V5.17974L12.3281 5.11583C11.4472 4.78989 11.4472 3.54409 12.3281 3.21816L12.5008 3.15424ZM4.75546 1.66699C3.662 1.66699 2.69541 2.37762 2.36926 3.4213L1.83688 5.12491C1.52876 6.11092 1.8679 7.1068 2.56708 7.72187C2.99643 8.09957 3.56156 8.33366 4.19593 8.33366C5.13437 8.33366 5.95065 7.81064 6.36917 7.04019C6.38619 7.00888 6.40255 6.97714 6.41823 6.94502C6.57788 6.618 6.66748 6.25052 6.66748 5.86211V2.50033C6.66748 2.04009 6.29438 1.66699 5.83415 1.66699H4.75546Z"] {
+ d: path("M19 6H17C17 3.2 14.8 1 12 1S7 3.2 7 6H5C3.9 6 3 6.9 3 8V20C3 21.1 3.9 22 5 22H19C20.1 22 21 21.1 21 20V8C21 6.9 20.1 6 19 6M12 3C13.7 3 15 4.3 15 6H9C9 4.3 10.3 3 12 3M19 20H5V8H19V20M12 12C10.3 12 9 10.7 9 9H7C7 11.8 9.2 14 12 14S17 11.8 17 9H15C15 10.7 13.7 12 12 12Z");
+ transform: scale(0.825);
+
+ ~ path {
+ display: none;
+ }
+}
+
+/* CHANNEL ICONS -> ACTIVE THREADS */
+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("M4 4h16v12H5.17L4 17.17V4m0-2c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2H4zm2 10h8v2H6v-2zm0-3h12v2H6V9zm0-3h12v2H6V6z");
+}
+
+/* CHANNEL ICONS -> FORUM */
+path[d="M18.91 12.98a5.45 5.45 0 0 1 2.18 6.2c-.1.33-.09.68.1.96l.83 1.32a1 1 0 0 1-.84 1.54h-5.5A5.6 5.6 0 0 1 10 17.5a5.6 5.6 0 0 1 5.68-5.5c1.2 0 2.32.36 3.23.98Z"] {
+ d: path("M15,4V11H5.17L4,12.17V4H15M16,2H3A1,1 0 0,0 2,3V17L6,13H16A1,1 0 0,0 17,12V3A1,1 0 0,0 16,2M21,6H19V15H6V17A1,1 0 0,0 7,18H18L22,22V7A1,1 0 0,0 21,6Z");
+
+ ~ path {
+ display: none;
+ }
+}
+
+/* CHANNEL ICONS -> FORUM LOCKED */
+path[d="M13.58 3.23c.24-.33.16-.86-.24-.96C12.59 2.1 11.8 2 11 2c-4.97 0-9 3.58-9 8 0 1.5.47 2.91 1.28 4.11.14.21.12.49-.06.67l-1.51 1.51A1 1 0 0 0 2.4 18h5.1a.5.5 0 0 0 .49-.5c0-3.17 2-5.82 4.77-6.94.29-.11.43-.45.34-.75A3 3 0 0 1 13 9V5c0-.66.22-1.28.58-1.77ZM18.91 12.98a5.45 5.45 0 0 1 2.18 6.2c-.1.33-.09.68.1.96l.83 1.32a1 1 0 0 1-.84 1.54h-5.5A5.6 5.6 0 0 1 10 17.5a5.6 5.6 0 0 1 5.68-5.5c1.2 0 2.32.36 3.23.98Z"] {
+ d: path("m15,9.48v.52c0,.55-.45,1-1,1H4L0,15V1C0,.45.45,0,1,0h10.27v2H2v8.17l1.17-1.17h8.1v.42s1.72.05,3.73.05Zm2,0v3.52H4v2c0,.55.45,1,1,1h11l4,4v-10.54c-.79,0-1.87.01-3,.02Z");
+ transform: translate(2px, 2px);
+
+ ~ path {
+ display: none;
+ }
+}
+
+/* CHANNEL ICONS -> FORUM NSFW */
+path[d="M14.8 3.34a.48.48 0 0 0-.24-.69A9.94 9.94 0 0 0 11 2c-4.97 0-9 3.58-9 8 0 1.5.47 2.91 1.28 4.11.14.21.12.49-.06.67l-1.51 1.51A1 1 0 0 0 2.4 18h5.1a.5.5 0 0 0 .49-.5c0-2.86 1.62-5.3 3.97-6.56.28-.15.38-.51.25-.8a2.87 2.87 0 0 1 .18-2.61l2.4-4.19ZM18.91 12.98a5.45 5.45 0 0 1 2.18 6.2c-.1.33-.09.68.1.96l.83 1.32a1 1 0 0 1-.84 1.54h-5.5A5.6 5.6 0 0 1 10 17.5a5.6 5.6 0 0 1 5.68-5.5c1.2 0 2.32.36 3.23.98Z"] {
+ d: path("m15,9.48v.52c0,.55-.45,1-1,1H4L0,15V1C0,.45.45,0,1,0h10.27v2H2v8.17l1.17-1.17h8.1v.42s1.72.05,3.73.05Zm2,0v3.52H4v2c0,.55.45,1,1,1h11l4,4v-10.54c-.79,0-1.87.01-3,.02Z");
+ transform: translate(2px, 2px);
+}
+
+/* CHANNEL ICONS -> VOICE CHANNEL */
+path[d="M12 3a1 1 0 0 0-1-1h-.06a1 1 0 0 0-.74.32L5.92 7H3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h2.92l4.28 4.68a1 1 0 0 0 .74.32H11a1 1 0 0 0 1-1V3ZM15.1 20.75c-.58.14-1.1-.33-1.1-.92v-.03c0-.5.37-.92.85-1.05a7 7 0 0 0 0-13.5A1.11 1.11 0 0 1 14 4.2v-.03c0-.6.52-1.06 1.1-.92a9 9 0 0 1 0 17.5Z"], {
+ d: path("M3 9v6h4l5 5V4L7 9H3zm7-.17v6.34L7.83 13H5v-2h2.83L10 8.83zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77z");
+
+ ~ path {
+ display: none;
+ }
+}
+
+/* CHANNEL ICONS -> VOICE CHANNEL LOCKED */
+path[d="M11 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1h-.06a1 1 0 0 1-.74-.32L5.92 17H3a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h2.92l4.28-4.68a1 1 0 0 1 .74-.32H11ZM20.5 12c-.28 0-.5.22-.52.5a7 7 0 0 1-5.13 6.25c-.48.13-.85.55-.85 1.05v.03c0 .6.52 1.06 1.1.92a9 9 0 0 0 6.89-8.25.48.48 0 0 0-.49-.5h-1ZM16.5 12c-.28 0-.5.23-.54.5a3 3 0 0 1-1.33 2.02c-.35.23-.63.6-.63 1.02v.14c0 .63.59 1.1 1.16.83a5 5 0 0 0 2.82-4.01c.02-.28-.2-.5-.48-.5h-1Z"] {
+ d: path("m11,7.85c.58.01,1.48.02,2.49.02,0,.04,0,.09,0,.13,0,1.77-1.02,3.29-2.5,4.02v-4.17Zm-7-2.85L9,0v16l-5-5H0v-6h4Zm.83,2h-2.83v2h2.83l2.17,2.17v-6.34l-2.17,2.17Zm11.16.87s.01.09.01.13c0,3.17-2.11,5.85-5,6.71v2.06c4.01-.91,7-4.49,7-8.77,0-.05,0-.09,0-.14-.61,0-1.3,0-2,0Z");
+ transform: translate(3px, 4px);
+
+ ~ path {
+ display: none;
+ }
+}
+
+/* CHANNEL ICONS -> MEDIA CHANNEL */
+path[d="M2 5a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V5Zm13.35 8.13 3.5 4.67c.37.5.02 1.2-.6 1.2H5.81a.75.75 0 0 1-.59-1.22l1.86-2.32a1.5 1.5 0 0 1 2.34 0l.5.64 2.23-2.97a2 2 0 0 1 3.2 0ZM10.2 5.98c.23-.91-.88-1.55-1.55-.9a.93.93 0 0 1-1.3 0c-.67-.65-1.78-.01-1.55.9a.93.93 0 0 1-.65 1.12c-.9.26-.9 1.54 0 1.8.48.14.77.63.65 1.12-.23.91.88 1.55 1.55.9a.93.93 0 0 1 1.3 0c.67.65 1.78.01 1.55-.9a.93.93 0 0 1 .65-1.12c.9-.26.9-1.54 0-1.8a.93.93 0 0 1-.65-1.12Z"] {
+ d: path("M19,19H5V5H19M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M13.96,12.29L11.21,15.83L9.25,13.47L6.5,17H17.5L13.96,12.29Z");
+}
+
+/* CHANNEL ICONS -> MEDIA CHANNEL LOCKED */
+path[d="M2 5a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v9.15a4.48 4.48 0 0 0-5.93-.06l-.72-.96a2 2 0 0 0-3.2 0L9.93 16.1l-.5-.64a1.5 1.5 0 0 0-2.35 0l-1.86 2.32A.75.75 0 0 0 5.81 19H13v3H5a3 3 0 0 1-3-3V5Zm8.2.98c.23-.91-.88-1.55-1.55-.9a.93.93 0 0 1-1.3 0c-.67-.65-1.78-.01-1.55.9a.93.93 0 0 1-.65 1.12c-.9.26-.9 1.54 0 1.8.48.14.77.63.65 1.12-.23.91.88 1.55 1.55.9a.93.93 0 0 1 1.3 0c.67.65 1.78.01 1.55-.9a.93.93 0 0 1 .65-1.12c.9-.26.9-1.54 0-1.8a.93.93 0 0 1-.65-1.12Z"] {
+ d: path("m9.33,18H2c-1.1,0-2-.9-2-2V2C0,.9.9,0,2,0h14c1.1,0,2,.9,2,2v6.71c-.58,0-1.27,0-2-.01V2H2v14h7.33v2Zm-3.08-7.53l-2.75,3.53h5.83v-2.61l-1.12,1.44-1.96-2.36Z");
+ transform: translate(3px, 3px);
+}
+
+/* CHANNEL ICONS -> ANNOUNCEMENTS */
+path[d="M19.56 2a3 3 0 0 0-2.46 1.28 3.85 3.85 0 0 1-1.86 1.42l-8.9 3.18a.5.5 0 0 0-.34.47v10.09a3 3 0 0 0 2.27 2.9l.62.16c1.57.4 3.15-.56 3.55-2.12a.92.92 0 0 1 1.23-.63l2.36.94c.42.27.79.62 1.07 1.03A3 3 0 0 0 19.56 22h.94c.83 0 1.5-.67 1.5-1.5v-17c0-.83-.67-1.5-1.5-1.5h-.94Zm-8.53 15.8L8 16.7v1.73a1 1 0 0 0 .76.97l.62.15c.5.13 1-.17 1.12-.67.1-.41.29-.78.53-1.1Z"] {
+ d: path("M12,8H4A2,2 0 0,0 2,10V14A2,2 0 0,0 4,16H5V20A1,1 0 0,0 6,21H8A1,1 0 0,0 9,20V16H12L17,20V4L12,8M15,15.6L13,14H4V10H13L15,8.4V15.6M21.5,12C21.5,13.71 20.54,15.26 19,16V8C20.53,8.75 21.5,10.3 21.5,12Z");
+
+ ~ path {
+ display: none;
+ }
+}
+
+path[d="M12.33 5.74a.5.5 0 0 1 .67.47V9a3 3 0 0 0 3 3h5.5c.28 0 .5.22.5.5v8c0 .83-.67 1.5-1.5 1.5h-.94a3 3 0 0 1-2.46-1.28 3.86 3.86 0 0 0-1.07-1.03l-2.36-.94a.92.92 0 0 0-1.23.63 2.92 2.92 0 0 1-3.55 2.12l-.62-.15A3 3 0 0 1 6 18.44V8.35c0-.2.13-.4.33-.47l6-2.14Zm-1.3 12.06L8 16.7v1.73a1 1 0 0 0 .76.97l.62.15c.5.13 1-.17 1.12-.67.1-.41.29-.78.53-1.1Z"] {
+ d: path("m15,4.03v7.97l-5-4h-3v4c0,.55-.45,1-1,1h-2c-.55,0-1-.45-1-1v-4h-1c-1.1,0-2-.9-2-2V2C0,.9.9,0,2,0h7.97v2H2v4h9l2,1.6v-3.57c.63,0,1.32,0,2,0Zm2,0v3.97c1.54-.74,2.5-2.29,2.5-4-.52.01-1.44.02-2.5.03Z");
+ transform: translate(3px, 8px);
+
+ ~ path {
+ display: none;
+ }
+}
+
+/* CHANNEL ICONS -> RULES */
+path[d="M15 2a3 3 0 0 1 3 3v12H5.5a1.5 1.5 0 0 0 0 3h14a.5.5 0 0 0 .5-.5V5h1a1 1 0 0 1 1 1v15a1 1 0 0 1-1 1H5a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h10Zm-.3 5.7a1 1 0 0 0-1.4-1.4L9 10.58l-2.3-2.3a1 1 0 0 0-1.4 1.42l3 3a1 1 0 0 0 1.4 0l5-5Z"] {
+ d: path("M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M7,7H17V5H19V19H5V5H7V7M7.5,13.5L9,12L11,14L15.5,9.5L17,11L11,17L7.5,13.5Z");
+}
+
+/* CHANNEL ICONS -> BIG LOCK */
+path[d="M6 9h1V6a5 5 0 0 1 10 0v3h1a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3v-8a3 3 0 0 1 3-3Zm9-3v3H9V6a3 3 0 1 1 6 0Zm-1 8a2 2 0 0 1-1 1.73V18a1 1 0 1 1-2 0v-2.27A2 2 0 1 1 14 14Z"] {
+ d: path("M12,17C10.89,17 10,16.1 10,15C10,13.89 10.89,13 12,13A2,2 0 0,1 14,15A2,2 0 0,1 12,17M18,20V10H6V20H18M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V10C4,8.89 4.89,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z");
+
+}
+
+/* CHANNEL ICONS -> SMALL LOCK */
+path[d="M16 4h.5v-.5a2.5 2.5 0 0 1 5 0V4h.5a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1Zm4-.5V4h-2v-.5a1 1 0 1 1 2 0Z"],
+path[d="M16.5 18H16a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-.5v-.5a2.5 2.5 0 0 0-5 0v.5Zm3.5 0v-.5a1 1 0 1 0-2 0v.5h2Z"],
+path[d="M16 18h.5v-.5a2.5 2.5 0 0 1 5 0v.5h.5a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1Zm4-.5v.5h-2v-.5a1 1 0 1 1 2 0Z"] {
+ fill: var(--interactive-hover);
+}
+
+/* CHANNEL ICONS -> NSFW */
+path[d="M18.09 1.63c.4-.7 1.43-.7 1.82 0l3.96 6.9c.38.66-.12 1.47-.91 1.47h-7.92c-.79 0-1.3-.81-.91-1.48l3.96-6.9Zm.46 1.87h.9c.3 0 .52.26.5.55l-.22 2.02c-.01.16-.17.26-.33.23a1.92 1.92 0 0 0-.8 0c-.16.03-.32-.07-.33-.23l-.21-2.02a.5.5 0 0 1 .5-.55ZM19 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"] {
+ fill: var(--interactive-hover);
+}
diff --git a/other/themes/Material-Discord/src/icons/_contextMenu.scss b/other/themes/Material-Discord/src/icons/_contextMenu.scss
new file mode 100644
index 0000000..12da368
--- /dev/null
+++ b/other/themes/Material-Discord/src/icons/_contextMenu.scss
@@ -0,0 +1,578 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * CONTEXT MENU ICONS
+ *
+ */
+
+%menuPopout {
+ %menuPopoutItem {
+ /* CONTEXT MENU ICONS -> MESSAGE OPTIONS */
+
+ $icons: (
+ 'message-edit':
+ 'M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM5.92 19H5v-.92l9.06-9.06.92.92L5.92 19zM20.71 5.63l-2.34-2.34c-.2-.2-.45-.29-.71-.29s-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41z',
+ 'message-pin':
+ 'M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12M8.8,14L10,12.8V4H14V12.8L15.2,14H8.8Z',
+ 'message-reply':
+ 'M8,9.8V10.7L9.7,11C12.3,11.4 14.2,12.4 15.6,13.7C13.9,13.2 12.1,12.9 10,12.9H8V14.2L5.8,12L8,9.8M10,5L3,12L10,19V14.9C15,14.9 18.5,16.5 21,20C20,15 17,10 10,9',
+ 'message-thread':
+ 'M5.41,21L6.12,17H2.12L2.47,15H6.47L7.53,9H3.53L3.88,7H7.88L8.59,3H10.59L9.88,7H15.88L16.59,3H18.59L17.88,7H21.88L21.53,9H17.53L16.47,15H20.47L20.12,17H16.12L15.41,21H13.41L14.12,17H8.12L7.41,21H5.41M9.53,9L8.47,15H14.47L15.53,9H9.53Z',
+ 'message-copy-text':
+ 'M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z',
+ 'message-mark-unread':
+ 'M2,5.27L3.28,4L20,20.72L18.73,22L15.65,18.92C14.5,19.3 13.28,19.5 12,19.5C7,19.5 2.73,16.39 1,12C1.69,10.24 2.79,8.69 4.19,7.46L2,5.27M12,9A3,3 0 0,1 15,12C15,12.35 14.94,12.69 14.83,13L11,9.17C11.31,9.06 11.65,9 12,9M12,4.5C17,4.5 21.27,7.61 23,12C22.18,14.08 20.79,15.88 19,17.19L17.58,15.76C18.94,14.82 20.06,13.54 20.82,12C19.17,8.64 15.76,6.5 12,6.5C10.91,6.5 9.84,6.68 8.84,7L7.3,5.47C8.74,4.85 10.33,4.5 12,4.5M3.18,12C4.83,15.36 8.24,17.5 12,17.5C12.69,17.5 13.37,17.43 14,17.29L11.72,15C10.29,14.85 9.15,13.71 9,12.28L5.6,8.87C4.61,9.72 3.78,10.78 3.18,12Z',
+ 'message-reactions':
+ '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',
+ 'message-copy-link':
+ 'M17 7h-4v2h4c1.65 0 3 1.35 3 3s-1.35 3-3 3h-4v2h4c2.76 0 5-2.24 5-5s-2.24-5-5-5zm-6 8H7c-1.65 0-3-1.35-3-3s1.35-3 3-3h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-2zm-3-4h8v2H8z',
+ 'message-tts':
+ 'M9 13c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm0 8c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4zm-6 4c.22-.72 3.31-2 6-2 2.7 0 5.8 1.29 6 2H3zM15.08 7.05c.84 1.18.84 2.71 0 3.89l1.68 1.69c2.02-2.02 2.02-5.07 0-7.27l-1.68 1.69zM20.07 2l-1.63 1.63c2.77 3.02 2.77 7.56 0 10.74L20.07 16c3.9-3.89 3.91-9.95 0-14z',
+ 'message-delete':
+ 'M16 9v10H8V9h8m-1.5-6h-5l-1 1H5v2h14V4h-3.5l-1-1zM18 7H6v12c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7z',
+ 'message-report':
+ 'M12.36,6L12.76,8H18V14H14.64L14.24,12H7V6H12.36M14,4H5V21H7V14H12.6L13,16H20V6H14.4',
+ 'message-actions-add-reaction-0--other-reactions':
+ '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'
+ );
+
+ @each $option, $icon in $icons {
+ &##{$option} {
+ %menuPopoutIcon path {
+ d: path($icon);
+ }
+ }
+ }
+
+ /* CONTEXT MENU ICONS -> ADD ICONS */
+
+ &[id*="user-context-"][role="menuitem"],
+ &[id*="guild-context-"],
+ &[id*="channel-context-"],
+ &[id*="gdm-context-"],
+ &[id*="-image"],
+ &[id*="-native-link"],
+ &[id*="thread-context-"],
+ &[id*="text-context-"],
+ &[id*="user-settings-cog-"],
+ &[id*="user-profile-actions-"],
+ &#manage-streams-report-stream-problem,
+ &#clips-context-clips-settings,
+ &#message-favorite,
+ &#message-unfavorite,
+ &#message-search-google,
+ &#message-remove-reactions,
+ &#message-remove-emoji-reactions,
+ &#message-actions-remove-reactions,
+ &#textarea-context-add-to-dictionary,
+ &#textarea-context-languages {
+ display: flex;
+
+ &:after {
+ position: relative;
+ content: " ";
+ width: 18px;
+ height: 18px;
+ margin-right: 12px;
+ background-color: currentColor;
+ -webkit-mask-repeat: no-repeat;
+ }
+ }
+
+ &#user-settings-cog-Accessibility--input,
+ &#user-settings-cog-Voice___Video--input,
+ &#user-settings-cog-Voice___Video--output,
+ &#user-settings-cog-Experiments--experiments-search {
+ display: block;
+ }
+
+ &[aria-haspopup="true"],
+ &[role="menuitemcheckbox"],
+ &[id*="devmode-copy-id"],
+ &[id*="channel-context-transfer-xbox"],
+ &[id*="channel-context-transfer-playstation"],
+ &[id="channel-context-0"],
+ &[id="channel-context-1"],
+ &[id="channel-context-2"],
+ &[id="channel-context-3"],
+ &#user-context-user-volume,
+ &#user-context-report-event,
+ &#user-context-vc-copy-user-url,
+ &#guild-context-hide-muted-channels,
+ &#thread-context-search,
+ &#thread-context-pins {
+ &:after {
+ display: none;
+ }
+ }
+
+ &#user-context-user-volume {
+ display: block;
+ }
+
+ &#account-edit-custom-status {
+ flex-direction: row;
+
+ %menuPopoutIconContainerLeft {
+ margin-left: 0;
+ margin-right: 12px;
+ }
+ }
+
+ &#gdm-context-change-icon {
+ min-height: 36px;
+
+ %menuPopoutLabelContainer,
+ &:after {
+ position: absolute;
+ }
+
+ %menuPopoutLabelContainer {
+ left: 42px;
+ }
+
+ &:after {
+ left: 12px;
+ }
+ }
+
+ $icons: (
+ 'user-context-mark-channel-read': 'visibility',
+ 'user-context-user-profile': 'person',
+ 'user-context-mention': 'mention',
+ 'user-context-message-user': 'chat_bubble',
+ 'user-context-call': 'call',
+ 'user-context-ring': 'notifications_active',
+ 'user-context-stop-ringing': 'notifications_off',
+ 'user-context-note': 'edit',
+ 'user-context-Permissions': 'lock_open',
+ 'user-context-add-friend-nickname': 'add_circle',
+ 'user-context-edit-friend-nickname': 'edit',
+ 'user-context-remove': 'remove_circle',
+ 'user-context-make-dm-owner': 'crown',
+ 'user-context-join': 'add_circle',
+ 'user-context-add-friend': 'person_add',
+ 'user-context-remove-friend': 'person_remove',
+ 'user-context-manage-integration': 'settings',
+ 'user-context-block': 'block',
+ 'user-context-unmute-channel': 'volume_up',
+ 'user-context-change-video-background': 'videocam',
+ 'user-context-focus-video': 'center_focus',
+ 'user-context-change-nickname': 'edit',
+ 'user-context-timeout': 'timer',
+ 'user-context-removetimeout': 'timer_off',
+ 'user-context-kick': 'remove_circle',
+ 'user-context-ban': 'hammer',
+ 'user-context-close-dm': 'cancel',
+ 'user-context-voice-disconnect': 'power_off',
+ 'user-context-transfer-ownership': 'transfer',
+ 'user-context-pin-dm': 'pin',
+
+ 'gdm-context-instant-invites': 'person_add',
+ 'gdm-context-mark-channel-read': 'visibility',
+ 'gdm-context-favorite-channel': 'favorite',
+ 'gdm-context-set-channel-nickname': 'edit',
+ 'gdm-context-change-icon': 'edit',
+ 'gdm-context-remove-icon': 'remove_circle',
+ 'gdm-context-unmute-channel': 'volume_up',
+ 'gdm-context-leave-channel': 'logout',
+
+ 'message-favorite': 'favorite',
+ 'message-unfavorite': 'unfavorite',
+ 'message-search-google': 'search',
+ 'message-remove-reactions': 'remove_circle',
+ 'message-copy-image': 'content_copy',
+ 'message-save-image': 'save',
+ 'message-copy-native-link': 'content_copy',
+ 'message-open-native-link': 'open_in_new',
+ 'message-actions-remove-reactions': 'remove_circle',
+
+ 'text-context-search-google': 'search',
+ 'text-context-copy': 'content_copy',
+
+ 'thread-context-mark-channel-read': 'visibility',
+ 'thread-context-channel-copy-link': 'content_copy',
+ 'thread-context-unarchive-thread': 'unarchive',
+ 'thread-context-delete-channel': 'delete',
+ 'thread-context-leave-thread': 'message-minus',
+ 'thread-context-edit-thread': 'edit',
+ 'thread-context-pin-thread': 'pin',
+ 'thread-context-unpin-thread': 'pin',
+ 'thread-context-archive-thread': 'archive',
+ 'thread-context-archive-lock-thread': 'lock',
+ 'thread-context-lock-thread': 'lock',
+ 'thread-context-join-thread': 'message-check',
+ 'thread-context-open': 'open_in_new',
+ 'thread-context-mute-disabled': 'volume_up',
+ 'thread-context-notifications-disabled': 'notifications',
+
+ 'image-context-copy-image': 'content_copy',
+ 'image-context-save-image': 'save',
+ 'image-context-copy-native-link': 'content_copy',
+ 'image-context-open-native-link': 'open_in_new',
+ 'image-context-imageutilities-copy-link': 'content_copy',
+ 'image-context-imageutilities-open-link': 'open_in_new',
+ 'image-context-imageutilities-copy-file': 'image_copy',
+
+ 'textarea-context-add-to-dictionary': 'library_add',
+ 'textarea-context-languages': 'translate',
+
+ 'guild-context-mark-guild-read': 'visibility',
+ 'guild-context-Permissions': 'lock_open',
+ 'guild-context-guild-profile': 'badge',
+ 'guild-context-invite-people': 'person_add',
+ 'guild-context-unmute-guild': 'volume_off',
+ 'guild-context-privacy': 'security',
+ 'guild-context-change-nickname': 'edit',
+ 'guild-context-leave-guild': 'logout',
+ 'guild-context-create-channel': 'add_circle',
+ 'guild-context-create-category': 'list_add',
+ 'guild-context-create-event': 'event',
+ 'guild-context-mark-folder-read': 'visibility',
+ 'guild-context-folder-settings': 'settings',
+ 'guild-context-folder-collapse': 'cancel',
+ 'guild-context-join': 'person_add',
+ 'guild-context-create': 'add_circle',
+ 'guild-context-server-lockdown': 'shield_lock_open',
+
+ 'channel-context-mark-channel-read': 'visibility',
+ 'channel-context-Permissions': 'lock_open',
+ 'channel-context-unmute-channel': 'volume_off',
+ 'channel-context-open-chat': 'open_in_new',
+ 'channel-context-edit-channel': 'edit',
+ 'channel-context-collapse-all-categories': 'collapse',
+ 'channel-context-invite-people': 'person_add',
+ 'channel-context-opt-in-favorite-channel': 'favorite',
+ 'channel-context-opt-into-channel': 'remove_circle',
+ 'channel-context-opt-out-category': 'message-minus',
+ 'channel-context-clone-channel': 'content_copy',
+ 'channel-context-create-text-channel': 'add_circle',
+ 'channel-context-create-voice-channel': 'add_circle',
+ 'channel-context-channel-copy-link': 'content_copy',
+ 'channel-context-copy-channel-topic': 'content_copy',
+ 'channel-context-delete-channel': 'delete',
+ 'channel-context-favorite-channel': 'favorite',
+ 'channel-context-go-to-original-guild': 'open_in_new',
+ 'channel-context-set-channel-nickname': 'edit',
+
+ 'user-profile-actions-user-remove': 'person_remove',
+ 'user-profile-actions-user-block': 'block',
+ 'user-profile-actions-user-message': 'chat_bubble',
+
+ 'manage-streams-report-stream-problem': 'alert',
+ 'clips-context-clips-settings': 'settings',
+
+ 'user-settings-cog-My_Account': 'settings',
+ 'user-settings-cog-Profile_Customization': 'edit',
+ 'user-settings-cog-Privacy___Safety': 'security',
+ 'user-settings-cog-Family_Center': 'shield_account',
+ 'user-settings-cog-Authorized_Apps': 'apps',
+ 'user-settings-cog-Sessions': 'devices',
+ 'user-settings-cog-Passport': 'link',
+ 'user-settings-cog-Connections': 'link',
+ 'user-settings-cog-Friend_Requests': 'person_add',
+ 'user-settings-cog-Discord_Nitro': 'nitro',
+ 'user-settings-cog-Nitro_Server_Boost': 'server_boost',
+ 'user-settings-cog-Subscriptions': 'subscription',
+ 'user-settings-cog-Library_Inventory': 'gift',
+ 'user-settings-cog-Billing': 'payment',
+ 'user-settings-cog-Text___Images': 'keyboard',
+ 'user-settings-cog-Notifications': 'notifications',
+ 'user-settings-cog-Keybinds': 'space_bar',
+ 'user-settings-cog-Language': 'translate',
+ 'user-settings-cog-Windows': 'windows',
+ 'user-settings-cog-Linux': 'linux',
+ 'user-settings-cog-Advanced': 'integrations',
+ 'user-settings-cog-Activity_Privacy': 'verified_user',
+ 'user-settings-cog-Game_Activity': 'gamepad',
+ 'user-settings-cog-Overlay': 'picture_in_picture',
+ 'user-settings-cog-changelog': 'list',
+ 'user-settings-cog-merchandise': 'storefront',
+ 'user-settings-cog-Hypesquad_Online': 'hypesquad',
+ 'user-settings-cog-Developer_Options': 'settings',
+ 'user-settings-cog-Hotspot_Options': 'settings',
+ 'user-settings-cog-Dismissible_Content_Options': 'settings',
+ 'user-settings-cog-Payment_Flow_Modals': 'settings',
+
+ 'user-settings-cog-VencordPlugins': 'plugins',
+ 'user-settings-cog-VencordThemes': 'themes',
+ 'user-settings-cog-VencordUpdater': 'update',
+ 'user-settings-cog-VencordCloud': 'cloud',
+ 'user-settings-cog-VencordSettingsSync': 'cloud_refresh'
+ );
+
+ &[id] {
+ &:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/settings.svg);
+ }
+ }
+
+ @each $option, $icon in $icons {
+ &##{$option} {
+ &:after {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/#{$icon}.svg);
+ }
+ }
+ }
+
+ /* CONTEXT MENU ICONS -> DISCORD IS DUMB */
+
+ $icons: (
+ 'user-context-Start Event': 'play',
+ 'user-context-Edit Event': 'edit',
+ 'user-context-Cancel Event': 'remove_circle',
+ 'user-context-Copy Event Link': 'content_copy'
+ );
+
+ @each $option, $icon in $icons {
+ &[id="#{$option}"] {
+ &:after {
+ @include add-icon(currentColor, $icon);
+ }
+ }
+ }
+
+ $spotifyIcons: (
+ 'spotify-play': 'spotify',
+ 'spotify-sync': 'listen_along',
+ );
+
+ @each $option, $icon in $spotifyIcons {
+ &[id*="user-context-#{$option}"] {
+ &:after {
+ @include add-icon(currentColor, $icon);
+ }
+ }
+ }
+
+ /* CONTEXT MENU ICONS -> REPLACE HINTS WITH ICONS */
+
+ &#message-copy,
+ &[id*="textarea-context-"] {
+ %menuPopoutHintContainer {
+ width: 18px;
+ height: 18px;
+ margin-left: 0;
+ margin-right: 12px;
+ font-size: 0;
+ }
+ }
+
+ $icons: (
+ 'message-copy': 'content_copy',
+ 'textarea-context-copy': 'content_copy',
+ 'textarea-context-cut': 'content_cut',
+ 'textarea-context-paste': 'paste'
+ );
+
+ @each $option, $icon in $icons {
+ &##{$option} {
+ %menuPopoutHintContainer {
+ @include add-icon(currentColor, $icon);
+ }
+ }
+ }
+ }
+
+ /* CONTEXT MENU ICONS -> SUBMENU WITH ARROW */
+
+ %menuPopoutItem[aria-haspopup="true"] {
+ flex-direction: row;
+
+ &:before {
+ display: block;
+ position: relative;
+ content: " ";
+ width: 18px;
+ height: 18px;
+ margin-right: 12px;
+ background-color: currentColor;
+ -webkit-mask-repeat: no-repeat;
+ }
+
+ &#status-picker-switch-account,
+ &#account-status-picker,
+ &#account-switch-account,
+ &#status-status-picker {
+ &:before {
+ display: none;
+ }
+ }
+
+ $icons: (
+ 'user-context-apps': 'apps',
+ 'user-context-favorite-channel': 'favorite',
+ 'user-context-invite-to-server': 'add_circle',
+ 'user-context-roles': 'person',
+ 'user-context-voice-move': 'move',
+ 'user-context-mute-channel': 'volume_off',
+
+ 'gdm-context-favorite-channel': 'favorite',
+ 'gdm-context-mute-channel': 'volume_up',
+
+ 'message-add-reaction': 'emoji',
+ 'message-add-reaction-0': 'emoji',
+ 'message-add-reaction-1': 'burst_reaction',
+ 'message-apps': 'apps',
+ 'message-actions-apps': 'apps',
+ 'message-guild-feed-feature': 'feature',
+ 'message-guild-automod-add-selection': 'filter',
+ 'message-copy-message': 'content_copy',
+ 'message-actions-remove-emoji-reactions': 'remove_circle',
+ 'message-remove-emoji-reactions': 'remove_circle',
+
+ 'message-actions-add-reaction-0': 'emoji',
+ 'message-actions-add-reaction-1': 'burst_reaction',
+ 'message-actions-guild-feed-feature': 'feature',
+
+ 'image-context-imageutilities-download-file-as': 'save',
+ 'image-context-imageutilities-submenu-search': 'search',
+
+ 'thread-context-mute-channel': 'volume_up',
+ 'thread-context-thread-notifications': 'notifications',
+ 'thread-context-edit-tags': 'edit',
+ 'thread-context-auto-archive-thread': 'archive',
+ 'thread-context-guild-feed-feature': 'feature',
+
+ 'textarea-context-suggestions': 'lightbulb',
+
+ 'guild-context-mute-guild': 'volume_up',
+ 'guild-context-guild-notifications': 'notifications',
+ 'guild-context-guild-settings': 'settings',
+ 'guild-context-ChannelTabs': 'folder',
+
+ 'channel-context-mute-channel': 'volume_up',
+ 'channel-context-channel-notifications': 'notifications',
+ 'channel-context-favorite-channel': 'favorite',
+
+ 'user-settings-cog-Appearance': 'chat',
+ 'user-settings-cog-Accessibility': 'accessibility',
+ 'user-settings-cog-Voice___Video': 'mic',
+ 'user-settings-cog-Text___Images': 'keyboard',
+ 'user-settings-cog-Streamer_Mode': 'live_tv',
+ 'user-settings-cog-Experiments': 'settings',
+
+ 'manage-streams-stream-settings': 'settings',
+ 'clips-context-clips-duration': 'width'
+ );
+
+ &[id] {
+ &:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/settings.svg);
+ }
+ }
+
+ @each $option, $icon in $icons {
+ &##{$option} {
+ &:before {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/#{$icon}.svg);
+ }
+ }
+ }
+
+ $icons: (
+ 'user-context-Add to Calendar': 'add_circle'
+ );
+
+ @each $option, $icon in $icons {
+ &[id="#{$option}"] {
+ &:before {
+ @include add-icon(currentColor, $icon);
+ }
+ }
+ }
+
+ %menuPopoutIconContainer,
+ %menuPopoutImageContainer {
+ margin-right: 0;
+ margin-left: 12px;
+ }
+ }
+
+ %autocompleteListItems {
+ %menuPopoutIconContainer {
+ margin-right: 12px;
+ margin-left: 0;
+ }
+ }
+
+ #account-status-picker,
+ #account-switch-account,
+ #status-status-picker {
+ %menuPopoutIconContainerLeft {
+ margin-right: 12px;
+ margin-left: 0;
+ }
+ }
+
+ #status-edit-custom-status {
+ %menuPopoutHintContainer {
+ margin-left: 0;
+ margin-right: 12px;
+ }
+ }
+
+ %contextMenuItemSubMenuAlt {
+ %menuPopoutItem {
+ &:before {
+ display: none;
+ }
+ }
+ }
+
+ %contextMenuItemSubMenuAlt %menuPopoutItem {
+ &:after {
+ display: none;
+ }
+ }
+}
+
+/* CONTEXT MENU ICONS -> SERVER OPTIONS */
+
+%menuPopout#guild-header-popout {
+ %menuPopoutItem {
+ $icons: (
+ guild-profile:
+ (icon: 'M8,9A2,2 0 0,1 10,11A2,2 0 0,1 8,13A2,2 0 0,1 6,11A2,2 0 0,1 8,9M12,17H4V16C4,14.67 6.67,14 8,14C9.33,14 12,14.67 12,16V17M20,8H14V10H20V8M20,12H14V14H20V12M20,16H14V18H20V16M22,4H14V6H22V20H2V6H10V4H2A2,2 0 0,0 0,6V20A2,2 0 0,0 2,22H22A2,2 0 0,0 24,20V6A2,2 0 0,0 22,4M13,6H11V2H13V6Z', remove: false),
+ invite-people:
+ (icon: 'M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm0 8c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4zm-6 4c.22-.72 3.31-2 6-2 2.7 0 5.8 1.29 6 2H9zm-3-3v-3h3v-2H6V7H4v3H1v2h3v3z', remove: false),
+ settings:
+ (icon: 'M19.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.09-.16-.26-.25-.44-.25-.06 0-.12.01-.17.03l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.06-.02-.12-.03-.18-.03-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.09.16.26.25.44.25.06 0 .12-.01.17-.03l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73 0 .21-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z', remove: false),
+ insights:
+ (icon: 'M16,11.78L20.24,4.45L21.97,5.45L16.74,14.5L10.23,10.75L5.46,19H22V21H2V3H4V17.54L9.5,8L16,11.78Z', remove: false),
+ create-channel:
+ (icon: 'M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z', remove: false),
+ create-category:
+ (icon: 'M14 10H2v2h12v-2zm0-4H2v2h12V6zm4 8v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zM2 16h8v-2H2v2z', remove: false),
+ create-event:
+ (icon: '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', remove: true),
+ active-threads:
+ (icon: 'M5.41,21L6.12,17H2.12L2.47,15H6.47L7.53,9H3.53L3.88,7H7.88L8.59,3H10.59L9.88,7H15.88L16.59,3H18.59L17.88,7H21.88L21.53,9H17.53L16.47,15H20.47L20.12,17H16.12L15.41,21H13.41L14.12,17H8.12L7.41,21H5.41M9.53,9L8.47,15H14.47L15.53,9H9.53Z', remove: false),
+ notifications:
+ (icon: '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', remove: false),
+ privacy:
+ (icon: 'M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm7 10c0 4.52-2.98 8.69-7 9.93-4.02-1.24-7-5.41-7-9.93V6.3l7-3.11 7 3.11V11zm-11.59.59L6 13l4 4 8-8-1.41-1.42L10 14.17z', remove: false),
+ change-nickname:
+ (icon: 'M14.06 9.02l.92.92L5.92 19H5v-.92l9.06-9.06M17.66 3c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29zm-3.6 3.19L3 17.25V21h3.75L17.81 9.94l-3.75-3.75z', remove: false),
+ server-lockdown:
+ (icon: 'M12,17C10.89,17 10,16.1 10,15C10,13.89 10.89,13 12,13A2,2 0 0,1 14,15A2,2 0 0,1 12,17M18,20V10H6V20H18M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V10C4,8.89 4.89,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z', remove: false),
+ report-raid:
+ (icon: 'M12,12H19C18.47,16.11 15.72,19.78 12,20.92V12H5V6.3L12,3.19M12,1L3,5V11C3,16.55 6.84,21.73 12,23C17.16,21.73 21,16.55 21,11V5L12,1Z', remove: false),
+ leave:
+ (icon: 'M10.09 15.59L11.5 17l5-5-5-5-1.41 1.41L12.67 11H3v2h9.67l-2.58 2.59zM19 3H5c-1.11 0-2 .9-2 2v4h2V5h14v14H5v-4H3v4c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z', remove: false)
+ );
+
+ @each $key, $value in $icons {
+ &#guild-header-popout-#{$key} path {
+ d: path(map-get($value, icon));
+
+ @if map-get($value, remove) == true {
+ ~ path {
+ display: none;
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/icons/_global.scss b/other/themes/Material-Discord/src/icons/_global.scss
new file mode 100644
index 0000000..59aef57
--- /dev/null
+++ b/other/themes/Material-Discord/src/icons/_global.scss
@@ -0,0 +1,196 @@
+/*
+ *
+ * GLOBAL ICONS
+ *
+ */
+
+/* GLOBAL ICONS -> SETTINGS COG */
+path[d="M10.56 1.1c-.46.05-.7.53-.64.98.18 1.16-.19 2.2-.98 2.53-.8.33-1.79-.15-2.49-1.1-.27-.36-.78-.52-1.14-.24-.77.59-1.45 1.27-2.04 2.04-.28.36-.12.87.24 1.14.96.7 1.43 1.7 1.1 2.49-.33.8-1.37 1.16-2.53.98-.45-.07-.93.18-.99.64a11.1 11.1 0 0 0 0 2.88c.06.46.54.7.99.64 1.16-.18 2.2.19 2.53.98.33.8-.14 1.79-1.1 2.49-.36.27-.52.78-.24 1.14.59.77 1.27 1.45 2.04 2.04.36.28.87.12 1.14-.24.7-.95 1.7-1.43 2.49-1.1.8.33 1.16 1.37.98 2.53-.07.45.18.93.64.99a11.1 11.1 0 0 0 2.88 0c.46-.06.7-.54.64-.99-.18-1.16.19-2.2.98-2.53.8-.33 1.79.14 2.49 1.1.27.36.78.52 1.14.24.77-.59 1.45-1.27 2.04-2.04.28-.36.12-.87-.24-1.14-.96-.7-1.43-1.7-1.1-2.49.33-.8 1.37-1.16 2.53-.98.45.07.93-.18.99-.64a11.1 11.1 0 0 0 0-2.88c-.06-.46-.54-.7-.99-.64-1.16.18-2.2-.19-2.53-.98-.33-.8.14-1.79 1.1-2.49.36-.27.52-.78.24-1.14a11.07 11.07 0 0 0-2.04-2.04c-.36-.28-.87-.12-1.14.24-.7.96-1.7 1.43-2.49 1.1-.8-.33-1.16-1.37-.98-2.53.07-.45-.18-.93-.64-.99a11.1 11.1 0 0 0-2.88 0ZM16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"] {
+ d: path("M19.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.09-.16-.26-.25-.44-.25-.06 0-.12.01-.17.03l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.06-.02-.12-.03-.18-.03-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.09.16.26.25.44.25.06 0 .12-.01.17-.03l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73 0 .21-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z");
+}
+
+/* GLOBAL ICONS -> THREAD */
+path[d="M12 2.81a1 1 0 0 1 0-1.41l.36-.36a1 1 0 0 1 1.41 0l9.2 9.2a1 1 0 0 1 0 1.4l-.7.7a1 1 0 0 1-1.3.13l-9.54-6.72a1 1 0 0 1-.08-1.58l1-1L12 2.8ZM12 21.2a1 1 0 0 1 0 1.41l-.35.35a1 1 0 0 1-1.41 0l-9.2-9.19a1 1 0 0 1 0-1.41l.7-.7a1 1 0 0 1 1.3-.12l9.54 6.72a1 1 0 0 1 .07 1.58l-1 1 .35.36ZM15.66 16.8a1 1 0 0 1-1.38.28l-8.49-5.66A1 1 0 1 1 6.9 9.76l8.49 5.65a1 1 0 0 1 .27 1.39ZM17.1 14.25a1 1 0 1 0 1.11-1.66L9.73 6.93a1 1 0 0 0-1.11 1.66l8.49 5.66Z"] {
+ d: path("M5.43309 21C5.35842 21 5.30189 20.9325 5.31494 20.859L5.99991 17H2.14274C2.06819 17 2.01168 16.9327 2.02453 16.8593L2.33253 15.0993C2.34258 15.0419 2.39244 15 2.45074 15H6.34991L7.40991 9H3.55274C3.47819 9 3.42168 8.93274 3.43453 8.85931L3.74253 7.09931C3.75258 7.04189 3.80244 7 3.86074 7H7.75991L8.45234 3.09903C8.46251 3.04174 8.51231 3 8.57049 3H10.3267C10.4014 3 10.4579 3.06746 10.4449 3.14097L9.75991 7H15.7599L16.4523 3.09903C16.4625 3.04174 16.5123 3 16.5705 3H18.3267C18.4014 3 18.4579 3.06746 18.4449 3.14097L17.7599 7H21.6171C21.6916 7 21.7481 7.06725 21.7353 7.14069L21.4273 8.90069C21.4172 8.95811 21.3674 9 21.3091 9H17.4099L17.0495 11.04H15.05L15.4104 9H9.41035L8.35035 15H10.5599V17H7.99991L7.30749 20.901C7.29732 20.9583 7.24752 21 7.18934 21H5.43309Z M13.4399 12.96C12.9097 12.96 12.4799 13.3898 12.4799 13.92V20.2213C12.4799 20.7515 12.9097 21.1813 13.4399 21.1813H14.3999C14.5325 21.1813 14.6399 21.2887 14.6399 21.4213V23.4597C14.6399 23.6677 14.8865 23.7773 15.0408 23.6378L17.4858 21.4289C17.6622 21.2695 17.8916 21.1813 18.1294 21.1813H22.5599C23.0901 21.1813 23.5199 20.7515 23.5199 20.2213V13.92C23.5199 13.3898 23.0901 12.96 22.5599 12.96H13.4399Z");
+}
+
+/* GLOBAL ICONS -> EMOJI */
+path[d="M12 23a11 11 0 1 0 0-22 11 11 0 0 0 0 22ZM6.5 13a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm11 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm-9.8 1.17a1 1 0 0 1 1.39.27 3.5 3.5 0 0 0 5.82 0 1 1 0 0 1 1.66 1.12 5.5 5.5 0 0 1-9.14 0 1 1 0 0 1 .27-1.4Z"] {
+ 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");
+}
+
+/* GLOBAL ICONS -> CHAT */
+path[d="M12 22a10 10 0 1 0-8.45-4.64c.13.19.11.44-.04.61l-2.06 2.37A1 1 0 0 0 2.2 22H12Z"] {
+ d: path("M20 2H4C2.9 2 2 2.9 2 4V22L6 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2M20 16H5.2L4 17.2V4H20V16Z");
+}
+
+/* GLOBAL ICONS -> WEBCAM */
+path[d="M21.526 8.149C21.231 7.966 20.862 7.951 20.553 8.105L18 9.382V7C18 5.897 17.103 5 16 5H4C2.897 5 2 5.897 2 7V17C2 18.104 2.897 19 4 19H16C17.103 19 18 18.104 18 17V14.618L20.553 15.894C20.694 15.965 20.847 16 21 16C21.183 16 21.365 15.949 21.526 15.851C21.82 15.668 22 15.347 22 15V9C22 8.653 21.82 8.332 21.526 8.149Z"] {
+ d: path("M15 8v8H5V8h10m1-2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4V7c0-.55-.45-1-1-1z");
+}
+
+/* GLOBAL ICONS -> WEBCAM OFF */
+path[d="M22.7 2.7a1 1 0 0 0-1.4-1.4l-20 20a1 1 0 1 0 1.4 1.4l20-20ZM9.2 20a.5.5 0 0 1-.35-.85l12.1-12.1a.5.5 0 0 1 .12-.09l.48-.24a1 1 0 0 1 1.45.9v8.76a1 1 0 0 1-1.45.9l-3-1.5a1 1 0 0 1-.55-.9V17a3 3 0 0 1-3 3H9.2ZM15.28 4.72c.27-.27.15-.71-.23-.72H4a3 3 0 0 0-3 3v10a3 3 0 0 0 .17.99c.1.3.49.35.72.12l13.4-13.4Z"] {
+ d: path("M3.41,1.86L2,3.27L4.73,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16C16.21,18 16.39,17.92 16.55,17.82L19.73,21L21.14,19.59L12.28,10.73L3.41,1.86M5,16V8H6.73L14.73,16H5M15,8V10.61L21,16.61V6.5L17,10.5V7A1,1 0 0,0 16,6H10.39L12.39,8H15Z");
+}
+
+/* GLOBAL ICONS -> PHONE ANSWER */
+path[d="M2 7.4A5.4 5.4 0 0 1 7.4 2c.36 0 .7.22.83.55l1.93 4.64a1 1 0 0 1-.43 1.25L7 10a8.52 8.52 0 0 0 7 7l1.12-2.24a1 1 0 0 1 1.19-.51l5.06 1.56c.38.11.63.46.63.85C22 19.6 19.6 22 16.66 22h-.37C8.39 22 2 15.6 2 7.71V7.4ZM13 3a1 1 0 0 1 1-1 8 8 0 0 1 8 8 1 1 0 1 1-2 0 6 6 0 0 0-6-6 1 1 0 0 1-1-1Z"] {
+ d: path("M6.54 5c.06.89.21 1.76.45 2.59l-1.2 1.2c-.41-1.2-.67-2.47-.76-3.79h1.51m9.86 12.02c.85.24 1.72.39 2.6.45v1.49c-1.32-.09-2.59-.35-3.8-.75l1.2-1.19M7.5 3H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.49c0-.55-.45-1-1-1-1.24 0-2.45-.2-3.57-.57-.1-.04-.21-.05-.31-.05-.26 0-.51.1-.71.29l-2.2 2.2c-2.83-1.45-5.15-3.76-6.59-6.59l2.2-2.2c.28-.28.36-.67.25-1.02C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1z");
+
+ ~ path {
+ display: none;
+ }
+}
+
+/* GLOBAL ICONS -> PHONE HANGUP */
+path[d=" M9.335000038146973,-1.8179999589920044 C4.184999942779541,-6.9670000076293945 -4.164000034332275,-6.9670000076293945 -9.312999725341797,-1.8179999589920044 C-11.690999984741211,0.5609999895095825 -11.35099983215332,3.6040000915527344 -9.555999755859375,5.39900016784668 C-9.300999641418457,5.6539998054504395 -8.909000396728516,5.7129998207092285 -8.59000015258789,5.544000148773193 C-8.59000015258789,5.544000148773193 -4.269999980926514,3.256999969482422 -4.269999980926514,3.256999969482422 C-3.871000051498413,3.0460000038146973 -3.683000087738037,2.5769999027252197 -3.8259999752044678,2.1489999294281006 C-3.8259999752044678,2.1489999294281006 -4.558000087738037,-0.04600000008940697 -4.558000087738037,-0.04600000008940697 C-1.8250000476837158,-1.9980000257492065 1.8459999561309814,-1.9980000257492065 4.578999996185303,-0.04600000008940697 C4.578999996185303,-0.04600000008940697 3.815000057220459,2.757999897003174 3.815000057220459,2.757999897003174 C3.693000078201294,3.2070000171661377 3.9240000247955322,3.677000045776367 4.354000091552734,3.8540000915527344 C4.354000091552734,3.8540000915527344 8.63599967956543,5.617000102996826 8.63599967956543,5.617000102996826 C8.946000099182129,5.744999885559082 9.303000450134277,5.672999858856201 9.539999961853027,5.435999870300293 C11.331999778747559,3.6440000534057617 11.708999633789062,0.5559999942779541 9.335000038146973,-1.8179999589920044z"] {
+ d: path("M23.71 11.67A17 17 0 0 0 .29 11.67A1 1 0 0 0 0 12.38A1 1 0 0 0 .29 13.08L2.77 15.56A1 1 0 0 0 3.5 15.85A1 1 0 0 0 4.18 15.57A11.5 11.5 0 0 1 6.84 13.72A1 1 0 0 0 7.4 12.82V9.72A14.91 14.91 0 0 1 12 9A14.5 14.5 0 0 1 16.59 9.73V12.83A1 1 0 0 0 17.15 13.73A11.27 11.27 0 0 1 19.82 15.58A1 1 0 0 0 20.5 15.86A1 1 0 0 0 21.23 15.57L23.71 13.09A1 1 0 0 0 23.71 11.67M5.4 12.22A13.68 13.68 0 0 0 3.53 13.5L2.46 12.42A15.54 15.54 0 0 1 5.4 10.5M20.5 13.5A13.75 13.75 0 0 0 18.6 12.23V10.53A14.26 14.26 0 0 1 21.55 12.43Z");
+ transform: translate(-12px, -12px);
+}
+
+/* GLOBAL ICONS -> SCREENSHARE */
+path[d="M2 5a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V5Zm16 3a1 1 0 0 0-.3-.7l-3-3a1 1 0 1 0-1.4 1.4L14.58 7H13a6 6 0 0 0-6 6 1 1 0 1 0 2 0 4 4 0 0 1 4-4h1.59l-1.3 1.3a1 1 0 0 0 1.42 1.4l3-3A1 1 0 0 0 18 8Z"] {
+ 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");
+
+ ~ path {
+ display: none;
+ }
+}
+
+/* GLOBAL ICONS -> STOP SCREENSHARE */
+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");
+}
+
+/* GLOBAL ICONS -> ACTIVITY */
+path[d="M4.92871 13.4149L10.5857 19.0709L18.3639 11.2927C19.7781 9.87859 22.6066 6.48376 21.1923 2.80748C17.5153 1.3932 14.1213 4.22173 12.7074 5.63625L4.92871 13.4149ZM16.064 9.93309C17.1686 9.93309 18.064 9.03766 18.064 7.93309C18.064 6.82852 17.1686 5.93309 16.064 5.93309C14.9594 5.93309 14.064 6.82852 14.064 7.93309C14.064 9.03766 14.9594 9.93309 16.064 9.93309Z"] {
+ d: path("M6,15c-0.83,0-1.58,0.34-2.12,0.88C2.7,17.06,2,22,2,22s4.94-0.7,6.12-1.88C8.66,19.58,9,18.83,9,18C9,16.34,7.66,15,6,15 z M6.71,18.71c-0.28,0.28-2.17,0.76-2.17,0.76s0.47-1.88,0.76-2.17C5.47,17.11,5.72,17,6,17c0.55,0,1,0.45,1,1 C7,18.28,6.89,18.53,6.71,18.71z M17.42,13.65L17.42,13.65c6.36-6.36,4.24-11.31,4.24-11.31s-4.95-2.12-11.31,4.24l-2.49-0.5 C7.21,5.95,6.53,6.16,6.05,6.63L2,10.69l5,2.14L11.17,17l2.14,5l4.05-4.05c0.47-0.47,0.68-1.15,0.55-1.81L17.42,13.65z M7.41,10.83L5.5,10.01l1.97-1.97l1.44,0.29C8.34,9.16,7.83,10.03,7.41,10.83z M13.99,18.5l-0.82-1.91 c0.8-0.42,1.67-0.93,2.49-1.5l0.29,1.44L13.99,18.5z M16,12.24c-1.32,1.32-3.38,2.4-4.04,2.73l-2.93-2.93 c0.32-0.65,1.4-2.71,2.73-4.04c4.68-4.68,8.23-3.99,8.23-3.99S20.68,7.56,16,12.24z M15,11c1.1,0,2-0.9,2-2s-0.9-2-2-2s-2,0.9-2,2 S13.9,11,15,11z");
+
+ ~ path {
+ display: none;
+ }
+}
+
+/* GLOBAL ICONS -> DESKTOP DISPLAY */
+path[d="M5 2a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3H5ZM13.5 20a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v2a.5.5 0 0 1-.5.5H9a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2h-1.5Z"] {
+ d: path("M21,16H3V4H21M21,2H3C1.89,2 1,2.89 1,4V16A2,2 0 0,0 3,18H10V20H8V22H16V20H14V18H21A2,2 0 0,0 23,16V4C23,2.89 22.1,2 21,2Z");
+}
+
+/* GLOBAL ICONS -> DESKTOP DISPLAY OFF */
+path[d="M2 5a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V5Zm6.3.3a1 1 0 0 1 1.4 0L12 7.58l2.3-2.3a1 1 0 1 1 1.4 1.42L13.42 9l2.3 2.3a1 1 0 0 1-1.42 1.4L12 10.42l-2.3 2.3a1 1 0 0 1-1.4-1.42L10.58 9l-2.3-2.3a1 1 0 0 1 0-1.4Z"],
+path[d="m2.7 22.7 20-20a1 1 0 0 0-1.4-1.4l-20 20a1 1 0 1 0 1.4 1.4ZM13.2 16a.5.5 0 0 1-.35-.85l8.3-8.3a.5.5 0 0 1 .85.36V13a3 3 0 0 1-3 3h-5.8ZM17.15 2.85a.5.5 0 0 0-.36-.85H5a3 3 0 0 0-3 3v8a3 3 0 0 0 1.85 2.77c.17.07.36.02.49-.11l12.8-12.8ZM13.5 20a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v2a.5.5 0 0 1-.5.5H9a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2h-1.5Z"] {
+ d: path("M14,18V20H16V22H8V20H10V18H3A2,2 0 0,1 1,16V4L0,3L1.41,1.58L22.16,22.34L20.75,23.75L15,18H14M3,16H13L3,6V16M21,2A2,2 0 0,1 23,4V16A2,2 0 0,1 21,18H20.66L18.66,16H21V4H6.66L4.66,2H21Z");
+
+ ~ path {
+ display: none;
+ }
+}
+
+/* GLOBAL ICONS -> MUTE */
+path[d="M12 2a4 4 0 0 0-4 4v4a4 4 0 0 0 8 0V6a4 4 0 0 0-4-4Z"] {
+ d: path("M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm-1-9c0-.55.45-1 1-1s1 .45 1 1v6c0 .55-.45 1-1 1s-1-.45-1-1V5zm6 6c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z");
+
+ ~ path {
+ display: none;
+ }
+}
+
+/* GLOBAL ICONS -> MUTED */
+path[d="m2.7 22.7 20-20a1 1 0 0 0-1.4-1.4l-20 20a1 1 0 1 0 1.4 1.4ZM10.8 17.32c-.21.21-.1.58.2.62V20H9a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2h-2v-2.06A8 8 0 0 0 20 10a1 1 0 0 0-2 0c0 1.45-.52 2.79-1.38 3.83l-.02.02A5.99 5.99 0 0 1 12.32 16a.52.52 0 0 0-.34.15l-1.18 1.18ZM15.36 4.52c.15-.15.19-.38.08-.56A4 4 0 0 0 8 6v4c0 .3.03.58.1.86.07.34.49.43.74.18l6.52-6.52ZM5.06 13.98c.16.28.53.31.75.09l.75-.75c.16-.16.19-.4.08-.61A5.97 5.97 0 0 1 6 10a1 1 0 0 0-2 0c0 1.45.39 2.81 1.06 3.98Z"] {
+ d: path("M10.8 4.9c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2l-.01 3.91L15 10.6V5c0-1.66-1.34-3-3-3-1.54 0-2.79 1.16-2.96 2.65l1.76 1.76V4.9zM19 11h-1.7c0 .58-.1 1.13-.27 1.64l1.27 1.27c.44-.88.7-1.87.7-2.91zM4.41 2.86L3 4.27l6 6V11c0 1.66 1.34 3 3 3 .23 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c.91-.13 1.77-.45 2.55-.9l4.2 4.2 1.41-1.41L4.41 2.86z");
+}
+
+/* GLOBAL ICONS -> SPEAKER */
+path[d="M12 3a9 9 0 0 0-8.95 10h1.87a5 5 0 0 1 4.1 2.13l1.37 1.97a3.1 3.1 0 0 1-.17 3.78 2.85 2.85 0 0 1-3.55.74 11 11 0 1 1 10.66 0c-1.27.71-2.73.23-3.55-.74a3.1 3.1 0 0 1-.17-3.78l1.38-1.97a5 5 0 0 1 4.1-2.13h1.86A9 9 0 0 0 12 3Z"] {
+ d: path("M3 9v6h4l5 5V4L7 9H3zm7-.17v6.34L7.83 13H5v-2h2.83L10 8.83zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77z");
+}
+
+/* GLOBAL ICONS -> SPEAKER LOW */
+path[d="M10.293 3.29604C10.579 3.01004 11.009 2.92504 11.383 3.07904C11.757 3.23204 12 3.59904 12 4.00204V20.002C12 20.407 11.757 20.772 11.383 20.927C11.009 21.082 10.579 20.996 10.293 20.71L6 16.002H3C2.45 16.002 2 15.552 2 15.002V9.00204C2 8.45304 2.45 8.00204 3 8.00204H6L10.293 3.29604ZM14 9.00195C15.654 9.00195 17 10.349 17 12.002C17 13.657 15.654 15.002 14 15.002V13.002C14.551 13.002 15 12.553 15 12.002C15 11.451 14.551 11.002 14 11.002V9.00195Z"] {
+ d: path("M16 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02 0-1.77-1.02-3.29-2.5-4.03zM5 9v6h4l5 5V4L9 9H5zm7-.17v6.34L9.83 13H7v-2h2.83L12 8.83z");
+}
+
+/* GLOBAL ICONS -> SPEAKER MUTED */
+path[d="M22.7 2.7a1 1 0 0 0-1.4-1.4l-20 20a1 1 0 1 0 1.4 1.4l20-20ZM17.06 2.94a.48.48 0 0 0-.11-.77A11 11 0 0 0 2.18 16.94c.14.3.53.35.76.12l3.2-3.2c.25-.25.15-.68-.2-.76a5 5 0 0 0-1.02-.1H3.05a9 9 0 0 1 12.66-9.2c.2.09.44.05.59-.1l.76-.76ZM20.2 8.28a.52.52 0 0 1 .1-.58l.76-.76a.48.48 0 0 1 .77.11 11 11 0 0 1-4.5 14.57c-1.27.71-2.73.23-3.55-.74a3.1 3.1 0 0 1-.17-3.78l1.38-1.97a5 5 0 0 1 4.1-2.13h1.86a9.1 9.1 0 0 0-.75-4.72ZM10.1 17.9c.25-.25.65-.18.74.14a3.1 3.1 0 0 1-.62 2.84 2.85 2.85 0 0 1-3.55.74.16.16 0 0 1-.04-.25l3.48-3.48Z"] {
+ d: path("M4.34 2.93L2.93 4.34 7.29 8.7 7 9H3v6h4l5 5v-6.59l4.18 4.18c-.65.49-1.38.88-2.18 1.11v2.06c1.34-.3 2.57-.92 3.61-1.75l2.05 2.05 1.41-1.41L4.34 2.93zM10 15.17L7.83 13H5v-2h2.83l.88-.88L10 11.41v3.76zM19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zm-7-8l-1.88 1.88L12 7.76zm4.5 8c0-1.77-1.02-3.29-2.5-4.03v1.79l2.48 2.48c.01-.08.02-.16.02-.24z");
+
+ ~ path {
+ display: none;
+ }
+}
+
+/* GLOBAL ICONS -> OPEN EXTERNALLY */
+path[d="M15 2a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V4.41l-4.3 4.3a1 1 0 1 1-1.4-1.42L19.58 3H16a1 1 0 0 1-1-1Z"] {
+ d: path("M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z");
+
+ ~ path {
+ display: none;
+ }
+}
+
+/* GLOBAL ICONS -> FULLSCREEN */
+path[d="M4 6c0-1.1.9-2 2-2h3a1 1 0 0 0 0-2H6a4 4 0 0 0-4 4v3a1 1 0 0 0 2 0V6ZM4 18c0 1.1.9 2 2 2h3a1 1 0 1 1 0 2H6a4 4 0 0 1-4-4v-3a1 1 0 1 1 2 0v3ZM18 4a2 2 0 0 1 2 2v3a1 1 0 1 0 2 0V6a4 4 0 0 0-4-4h-3a1 1 0 1 0 0 2h3ZM20 18a2 2 0 0 1-2 2h-3a1 1 0 1 0 0 2h3a4 4 0 0 0 4-4v-3a1 1 0 1 0-2 0v3Z"] {
+ d: path("M5,5H10V7H7V10H5V5M14,5H19V10H17V7H14V5M17,14H19V19H14V17H17V14M10,17V19H5V14H7V17H10Z");
+}
+
+/* GLOBAL ICONS -> EXIT FULLSCREEN */
+path[d="M8 6a2 2 0 0 1-2 2H3a1 1 0 0 0 0 2h3a4 4 0 0 0 4-4V3a1 1 0 0 0-2 0v3ZM8 18a2 2 0 0 0-2-2H3a1 1 0 1 1 0-2h3a4 4 0 0 1 4 4v3a1 1 0 1 1-2 0v-3ZM18 8a2 2 0 0 1-2-2V3a1 1 0 1 0-2 0v3a4 4 0 0 0 4 4h3a1 1 0 1 0 0-2h-3ZM16 18c0-1.1.9-2 2-2h3a1 1 0 1 0 0-2h-3a4 4 0 0 0-4 4v3a1 1 0 1 0 2 0v-3Z"] {
+ d: path("M14,14H19V16H16V19H14V14M5,14H10V19H8V16H5V14M8,5H10V10H5V8H8V5M19,8V10H14V5H16V8H19Z");
+}
+
+/* GLOBAL ICONS -> RETRY / REFRESH */
+path[d="M12 2C6.485 2 2 6.485 2 12H5.33333C5.33333 8.32333 8.32333 5.33333 12 5.33333C15.6767 5.33333 18.6667 8.32333 18.6667 12C18.6667 15.6767 15.6767 18.6667 12 18.6667C10.2033 18.6667 8.55833 17.9333 7.315 16.6867L10.3333 13.6667H2V22L4.935 19.065C6.79833 20.94 9.30167 22 12 22C17.515 22 22 17.515 22 12C22 6.48667 17.515 2 12 2Z"] {
+ d: path("M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z");
+}
+
+/* GLOBAL ICONS -> UPLOAD */
+path[d="M13 16V5.41l3.3 3.3a1 1 0 1 0 1.4-1.42l-5-5a1 1 0 0 0-1.4 0l-5 5a1 1 0 0 0 1.4 1.42L11 5.4V16a1 1 0 1 0 2 0ZM3 20a1 1 0 1 0 0 2h18a1 1 0 1 0 0-2H3Z"] {
+ d: path("M9,10V16H15V10H19L12,3L5,10H9M12,5.8L14.2,8H13V14H11V8H9.8L12,5.8M19,18H5V20H19V18Z");
+}
+
+/* GLOBAL ICONS -> DISABLE GAME ACTIVITY */
+path[d="M 5.7066445,4.9022473 H 18.293275 c 1.595895,0 2.92046,1.2333283 3.034163,2.8251676 l 0.667683,9.3475611 c 0.0743,1.040197 -0.708715,1.943677 -1.748914,2.017977 -0.04477,0.0032 -0.08964,0.0048 -0.134531,0.0048 -1.191828,0 -2.230714,-0.811138 -2.519775,-1.96738 l -0.522119,-2.08848 H 6.930137 l -0.5221194,2.088478 c -0.2890608,1.156242 -1.3279463,1.96738 -2.5197742,1.96738 -1.0428481,0 -1.8882436,-0.845396 -1.8882436,-1.888243 0,-0.04488 0.0016,-0.08976 0.0048,-0.134532 L 2.6724812,7.7274149 C 2.7861841,6.1355756 4.1107494,4.9022473 5.7066445,4.9022473 Z m 8.8282265,5.0698223 c 0.839995,0 1.520947,-0.680951 1.520947,-1.5209465 0,-0.8399957 -0.680952,-1.5209468 -1.520947,-1.5209468 -0.839996,0 -1.520947,0.6809511 -1.520947,1.5209468 0,0.8399955 0.680951,1.5209465 1.520947,1.5209465 z m 4.055858,3.0418944 c 0.839996,0 1.520947,-0.680952 1.520947,-1.520947 0,-0.839995 -0.680951,-1.5209474 -1.520947,-1.5209474 -0.839996,0 -1.520947,0.6809524 -1.520947,1.5209474 0,0.839995 0.680951,1.520947 1.520947,1.520947 z M 5.9161725,8.9581056 H 3.8882434 v 2.0279294 h 2.0279291 v 2.027929 H 7.9441016 V 10.986035 H 9.9720304 V 8.9581056 H 7.9441016 V 6.9301763 H 5.9161725 Z"] {
+ d: path("M7.97,16L5,19C4.67,19.3 4.23,19.5 3.75,19.5A1.75,1.75 0 0,1 2,17.75V17.5L3,10.12C3.21,7.81 5.14,6 7.5,6H16.5C18.86,6 20.79,7.81 21,10.12L22,17.5V17.75A1.75,1.75 0 0,1 20.25,19.5C19.77,19.5 19.33,19.3 19,19L16.03,16H7.97M7,8V10H5V11H7V13H8V11H10V10H8V8H7M16.5,8A0.75,0.75 0 0,0 15.75,8.75A0.75,0.75 0 0,0 16.5,9.5A0.75,0.75 0 0,0 17.25,8.75A0.75,0.75 0 0,0 16.5,8M14.75,9.75A0.75,0.75 0 0,0 14,10.5A0.75,0.75 0 0,0 14.75,11.25A0.75,0.75 0 0,0 15.5,10.5A0.75,0.75 0 0,0 14.75,9.75M18.25,9.75A0.75,0.75 0 0,0 17.5,10.5A0.75,0.75 0 0,0 18.25,11.25A0.75,0.75 0 0,0 19,10.5A0.75,0.75 0 0,0 18.25,9.75M16.5,11.5A0.75,0.75 0 0,0 15.75,12.25A0.75,0.75 0 0,0 16.5,13A0.75,0.75 0 0,0 17.25,12.25A0.75,0.75 0 0,0 16.5,11.5Z");
+}
+
+/* GLOBAL ICONS -> ENABLE GAME ACTIVITY */
+path[d="m 5.707493,4.903746 c -1.5957556,0 -2.921198,1.232272 -3.0348909,2.823972 l -0.6679103,9.346058 c -0.0032,0.04477 -0.00469,0.09105 -0.00469,0.135925 0,0.286145 0.068875,0.553783 0.1827966,0.796805 L 7.1745522,13.014755 H 5.9160685 v -2.02951 H 3.8889021 V 8.958078 H 5.9160685 V 6.930913 H 7.943235 v 2.027165 h 2.0295102 v 1.258484 L 15.285561,4.903746 Z m 15.366625,1.832652 -4.813642,4.813642 -3.491882,3.491882 h 4.300405 l 0.522611,2.088099 c 0.289036,1.156141 1.327587,1.966233 2.519311,1.966233 0.04489,0 0.08882,-0.0014 0.133582,-0.0047 1.040108,-0.0743 1.824922,-0.977685 1.750628,-2.01779 l -0.66791,-9.346079 c -0.02519,-0.352659 -0.11926,-0.683371 -0.253103,-0.99132 z m -2.484157,3.236436 c 0.839921,0 1.52096,0.681039 1.52096,1.52096 0,0.839923 -0.681039,1.520961 -1.52096,1.520961 -0.839923,0 -1.520962,-0.681038 -1.520962,-1.520961 0,-0.839921 0.681039,-1.52096 1.520962,-1.52096 z M 7.943235,10.985245 v 1.260827 l 1.2608277,-1.260827 z"] {
+ d: path("M2,5.27L3.28,4L20,20.72L18.73,22L12.73,16H7.97L5,19C4.67,19.3 4.23,19.5 3.75,19.5A1.75,1.75 0 0,1 2,17.75V17.5L3,10.12C3.1,9.09 3.53,8.17 4.19,7.46L2,5.27M5,10V11H7V13H8V11.27L6.73,10H5M16.5,6C18.86,6 20.79,7.81 21,10.12L22,17.5V17.75C22,18.41 21.64,19 21.1,19.28L7.82,6H16.5M16.5,8A0.75,0.75 0 0,0 15.75,8.75A0.75,0.75 0 0,0 16.5,9.5A0.75,0.75 0 0,0 17.25,8.75A0.75,0.75 0 0,0 16.5,8M14.75,9.75A0.75,0.75 0 0,0 14,10.5A0.75,0.75 0 0,0 14.75,11.25A0.75,0.75 0 0,0 15.5,10.5A0.75,0.75 0 0,0 14.75,9.75M18.25,9.75A0.75,0.75 0 0,0 17.5,10.5A0.75,0.75 0 0,0 18.25,11.25A0.75,0.75 0 0,0 19,10.5A0.75,0.75 0 0,0 18.25,9.75M16.5,11.5A0.75,0.75 0 0,0 15.75,12.25A0.75,0.75 0 0,0 16.5,13A0.75,0.75 0 0,0 17.25,12.25A0.75,0.75 0 0,0 16.5,11.5Z");
+}
+
+/* GLOBAL ICONS -> ENABLE GAME DETECTION */
+path[d="M15.56 11.77c.2-.1.44.02.44.23a4 4 0 1 1-4-4c.21 0 .33.25.23.44a2.5 2.5 0 0 0 3.32 3.32Z"] {
+ d: path("M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9M12,4.5C17,4.5 21.27,7.61 23,12C21.27,16.39 17,19.5 12,19.5C7,19.5 2.73,16.39 1,12C2.73,7.61 7,4.5 12,4.5M3.18,12C4.83,15.36 8.24,17.5 12,17.5C15.76,17.5 19.17,15.36 20.82,12C19.17,8.64 15.76,6.5 12,6.5C8.24,6.5 4.83,8.64 3.18,12Z");
+
+ ~ path {
+ display: none;
+ }
+}
+
+/* GLOBAL ICONS -> DISABLE GAME DETECTION */
+path[d="M1.3 21.3a1 1 0 1 0 1.4 1.4l20-20a1 1 0 0 0-1.4-1.4l-20 20ZM3.16 16.05c.18.24.53.26.74.05l.72-.72c.18-.18.2-.45.05-.66a15.7 15.7 0 0 1-1.43-2.52.48.48 0 0 1 0-.4c.4-.9 1.18-2.37 2.37-3.72C7.13 6.38 9.2 5 12 5c.82 0 1.58.12 2.28.33.18.05.38 0 .52-.13l.8-.8c.25-.25.18-.67-.15-.79A9.79 9.79 0 0 0 12 3C4.89 3 1.73 10.11 1.11 11.7a.83.83 0 0 0 0 .6c.25.64.9 2.15 2.05 3.75Z"] {
+ d: path("M2,5.27L3.28,4L20,20.72L18.73,22L15.65,18.92C14.5,19.3 13.28,19.5 12,19.5C7,19.5 2.73,16.39 1,12C1.69,10.24 2.79,8.69 4.19,7.46L2,5.27M12,9A3,3 0 0,1 15,12C15,12.35 14.94,12.69 14.83,13L11,9.17C11.31,9.06 11.65,9 12,9M12,4.5C17,4.5 21.27,7.61 23,12C22.18,14.08 20.79,15.88 19,17.19L17.58,15.76C18.94,14.82 20.06,13.54 20.82,12C19.17,8.64 15.76,6.5 12,6.5C10.91,6.5 9.84,6.68 8.84,7L7.3,5.47C8.74,4.85 10.33,4.5 12,4.5M3.18,12C4.83,15.36 8.24,17.5 12,17.5C12.69,17.5 13.37,17.43 14,17.29L11.72,15C10.29,14.85 9.15,13.71 9,12.28L5.6,8.87C4.61,9.72 3.78,10.78 3.18,12Z");
+
+ ~ path {
+ display: none;
+ }
+}
+
+/* GLOBAL ICONS -> SHARE CLIP */
+path[d="M13 16V5.41l3.3 3.3a1 1 0 1 0 1.4-1.42l-5-5a1 1 0 0 0-1.4 0l-5 5a1 1 0 0 0 1.4 1.42L11 5.4V16a1 1 0 1 0 2 0Z"] {
+ d: path("M12,1L8,5H11V14H13V5H16M18,23H6C4.89,23 4,22.1 4,21V9A2,2 0 0,1 6,7H9V9H6V21H18V9H15V7H18A2,2 0 0,1 20,9V21A2,2 0 0,1 18,23Z");
+
+ ~ path {
+ display: none;
+ }
+}
+
+/* GLOBAL ICONS -> LEAVE ACTIVITY */
+path[d="M9 12a1 1 0 0 1 1 1v2a1 1 0 1 1-2 0v-2a1 1 0 0 1 1-1Z"] {
+ d: path("M19,3H5C3.89,3 3,3.89 3,5V9H5V5H19V19H5V15H3V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M10.08,15.58L11.5,17L16.5,12L11.5,7L10.08,8.41L12.67,11H3V13H12.67L10.08,15.58Z");
+
+ ~ path {
+ display: none;
+ }
+}
diff --git a/other/themes/Material-Discord/src/icons/_headerBar.scss b/other/themes/Material-Discord/src/icons/_headerBar.scss
new file mode 100644
index 0000000..f0d0929
--- /dev/null
+++ b/other/themes/Material-Discord/src/icons/_headerBar.scss
@@ -0,0 +1,105 @@
+/*
+ *
+ * HEADER BAR ICONS
+ *
+ */
+
+/* HEADER BAR ICONS -> INFO */
+path[d="M23 12a11 11 0 1 1-22 0 11 11 0 0 1 22 0Zm-9.5-4.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Zm-.77 3.96a1 1 0 1 0-1.96-.42l-1.04 4.86a2.77 2.77 0 0 0 4.31 2.83l.24-.17a1 1 0 1 0-1.16-1.62l-.24.17a.77.77 0 0 1-1.2-.79l1.05-4.86Z"] {
+ d: path("M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z");
+}
+
+/* HEADER BAR ICONS -> NOTIFICATION ON */
+path[d="M9.7 2.89c.18-.07.32-.24.37-.43a2 2 0 0 1 3.86 0c.05.2.19.36.38.43A7 7 0 0 1 19 9.5v2.09c0 .12.05.24.13.33l1.1 1.22a3 3 0 0 1 .77 2.01v.28c0 .67-.34 1.29-.95 1.56-1.31.6-4 1.51-8.05 1.51-4.05 0-6.74-.91-8.05-1.5-.61-.28-.95-.9-.95-1.57v-.28a3 3 0 0 1 .77-2l1.1-1.23a.5.5 0 0 0 .13-.33V9.5a7 7 0 0 1 4.7-6.61ZM9.18 19.84A.16.16 0 0 0 9 20a3 3 0 1 0 6 0c0-.1-.09-.17-.18-.16a24.86 24.86 0 0 1-5.64 0Z"] {
+ d: path("M10 21H14C14 22.1 13.1 23 12 23S10 22.1 10 21M21 19V20H3V19L5 17V11C5 7.9 7 5.2 10 4.3V4C10 2.9 10.9 2 12 2S14 2.9 14 4V4.3C17 5.2 19 7.9 19 11V17L21 19M17 11C17 8.2 14.8 6 12 6S7 8.2 7 11V18H17V11Z");
+}
+
+/* HEADER BAR ICONS -> NOTIFICATION OFF */
+path[d="M1.3 21.3a1 1 0 1 0 1.4 1.4l20-20a1 1 0 0 0-1.4-1.4l-20 20ZM3.13 16.13c.11.27.46.28.66.08L15.73 4.27a.47.47 0 0 0-.07-.74 6.97 6.97 0 0 0-1.35-.64.62.62 0 0 1-.38-.43 2 2 0 0 0-3.86 0 .62.62 0 0 1-.38.43A7 7 0 0 0 5 9.5v2.09a.5.5 0 0 1-.13.33l-1.1 1.22A3 3 0 0 0 3 15.15v.28c0 .24.04.48.13.7ZM18.64 9.36c.13-.13.36-.05.36.14v2.09c0 .12.05.24.13.33l1.1 1.22a3 3 0 0 1 .77 2.01v.28c0 .67-.34 1.29-.95 1.56-1.31.6-4 1.51-8.05 1.51-.46 0-.9-.01-1.33-.03a.48.48 0 0 1-.3-.83l8.27-8.28ZM9.18 19.84A.16.16 0 0 0 9 20a3 3 0 1 0 6 0c0-.1-.09-.17-.18-.16a24.84 24.84 0 0 1-5.64 0Z"] {
+ d: path("M22.11,21.46L2.39,1.73L1.11,3L5.83,7.72C5.29,8.73 5,9.86 5,11V17L3,19V20H18.11L20.84,22.73L22.11,21.46M7,18V11C7,10.39 7.11,9.79 7.34,9.23L16.11,18H7M10,21H14A2,2 0 0,1 12,23A2,2 0 0,1 10,21M8.29,5.09C8.82,4.75 9.4,4.5 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V15.8L17,13.8V11A5,5 0 0,0 12,6C11.22,6 10.45,6.2 9.76,6.56L8.29,5.09Z");
+}
+
+/* HEADER BAR ICONS -> PIN */
+path[d="M19.38 11.38a3 3 0 0 0 4.24 0l.03-.03a.5.5 0 0 0 0-.7L13.35.35a.5.5 0 0 0-.7 0l-.03.03a3 3 0 0 0 0 4.24L13 5l-2.92 2.92-3.65-.34a2 2 0 0 0-1.6.58l-.62.63a1 1 0 0 0 0 1.42l9.58 9.58a1 1 0 0 0 1.42 0l.63-.63a2 2 0 0 0 .58-1.6l-.34-3.64L19 11l.38.38ZM9.07 17.07a.5.5 0 0 1-.08.77l-5.15 3.43a.5.5 0 0 1-.63-.06l-.42-.42a.5.5 0 0 1-.06-.63L6.16 15a.5.5 0 0 1 .77-.08l2.14 2.14Z"] {
+ d: path("M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12M8.8,14L10,12.8V4H14V12.8L15.2,14H8.8Z");
+}
+
+/* HEADER BAR ICONS -> MEMBERS LIST */
+path[d="M14.5 8a3 3 0 1 0-2.7-4.3c-.2.4.06.86.44 1.12a5 5 0 0 1 2.14 3.08c.01.06.06.1.12.1ZM18.44 17.27c.15.43.54.73 1 .73h1.06c.83 0 1.5-.67 1.5-1.5a7.5 7.5 0 0 0-6.5-7.43c-.55-.08-.99.38-1.1.92-.06.3-.15.6-.26.87-.23.58-.05 1.3.47 1.63a9.53 9.53 0 0 1 3.83 4.78ZM12.5 9a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM2 20.5a7.5 7.5 0 0 1 15 0c0 .83-.67 1.5-1.5 1.5a.2.2 0 0 1-.2-.16c-.2-.96-.56-1.87-.88-2.54-.1-.23-.42-.15-.42.1v2.1a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-2.1c0-.25-.31-.33-.42-.1-.32.67-.67 1.58-.88 2.54a.2.2 0 0 1-.2.16A1.5 1.5 0 0 1 2 20.5Z"] {
+ d: path("M16.5,6.5A2,2 0 0,1 18.5,8.5A2,2 0 0,1 16.5,10.5A2,2 0 0,1 14.5,8.5A2,2 0 0,1 16.5,6.5M16.5,12A3.5,3.5 0 0,0 20,8.5A3.5,3.5 0 0,0 16.5,5A3.5,3.5 0 0,0 13,8.5A3.5,3.5 0 0,0 16.5,12M7.5,6.5A2,2 0 0,1 9.5,8.5A2,2 0 0,1 7.5,10.5A2,2 0 0,1 5.5,8.5A2,2 0 0,1 7.5,6.5M7.5,12A3.5,3.5 0 0,0 11,8.5A3.5,3.5 0 0,0 7.5,5A3.5,3.5 0 0,0 4,8.5A3.5,3.5 0 0,0 7.5,12M21.5,17.5H14V16.25C14,15.79 13.8,15.39 13.5,15.03C14.36,14.73 15.44,14.5 16.5,14.5C18.94,14.5 21.5,15.71 21.5,16.25M12.5,17.5H2.5V16.25C2.5,15.71 5.06,14.5 7.5,14.5C9.94,14.5 12.5,15.71 12.5,16.25M16.5,13C15.3,13 13.43,13.34 12,14C10.57,13.33 8.7,13 7.5,13C5.33,13 1,14.08 1,16.25V19H23V16.25C23,14.08 18.67,13 16.5,13Z");
+
+ ~ path {
+ display: none;
+ }
+}
+
+/* HEADER BAR ICONS -> USER PROFILE */
+path[d="M23 12.38c-.02.38-.45.58-.78.4a6.97 6.97 0 0 0-6.27-.08.54.54 0 0 1-.44 0 8.97 8.97 0 0 0-11.16 3.55c-.1.15-.1.35 0 .5.37.58.8 1.13 1.28 1.61.24.24.64.15.8-.15.19-.38.39-.73.58-1.02.14-.21.43-.1.4.15l-.19 1.96c-.02.19.07.37.23.47A8.96 8.96 0 0 0 12 21a.4.4 0 0 1 .38.27c.1.33.25.65.4.95.18.34-.02.76-.4.77L12 23a11 11 0 1 1 11-10.62ZM15.5 7.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z"] {
+ d: path("M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M7.07,18.28C7.5,17.38 10.12,16.5 12,16.5C13.88,16.5 16.5,17.38 16.93,18.28C15.57,19.36 13.86,20 12,20C10.14,20 8.43,19.36 7.07,18.28M18.36,16.83C16.93,15.09 13.46,14.5 12,14.5C10.54,14.5 7.07,15.09 5.64,16.83C4.62,15.5 4,13.82 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,13.82 19.38,15.5 18.36,16.83M12,6C10.06,6 8.5,7.56 8.5,9.5C8.5,11.44 10.06,13 12,13C13.94,13 15.5,11.44 15.5,9.5C15.5,7.56 13.94,6 12,6M12,11A1.5,1.5 0 0,1 10.5,9.5A1.5,1.5 0 0,1 12,8A1.5,1.5 0 0,1 13.5,9.5A1.5,1.5 0 0,1 12,11Z");
+
+ ~ path {
+ display: none;
+ }
+}
+
+/* HEADER BAR ICONS -> VIDEO CALL */
+path[d="M4 4a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h11a3 3 0 0 0 3-3v-2.12a1 1 0 0 0 .55.9l3 1.5a1 1 0 0 0 1.45-.9V7.62a1 1 0 0 0-1.45-.9l-3 1.5a1 1 0 0 0-.55.9V7a3 3 0 0 0-3-3H4Z"] {
+ d: path("M15,8V16H5V8H15M16,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16A1,1 0 0,0 17,17V13.5L21,17.5V6.5L17,10.5V7A1,1 0 0,0 16,6Z");
+}
+
+/* HEADER BAR ICONS -> ADD FRIENDS TO DM */
+path[d="M14.5 8a3 3 0 1 0-2.7-4.3c-.2.4.06.86.44 1.12a5 5 0 0 1 2.14 3.08c.01.06.06.1.12.1ZM16.62 13.17c-.22.29-.65.37-.92.14-.34-.3-.7-.57-1.09-.82-.52-.33-.7-1.05-.47-1.63.11-.27.2-.57.26-.87.11-.54.55-1 1.1-.92 1.6.2 3.04.92 4.15 1.98.3.27-.25.95-.65.95a3 3 0 0 0-2.38 1.17ZM15.19 15.61c.13.16.02.39-.19.39a3 3 0 0 0-1.52 5.59c.2.12.26.41.02.41h-8a.5.5 0 0 1-.5-.5v-2.1c0-.25-.31-.33-.42-.1-.32.67-.67 1.58-.88 2.54a.2.2 0 0 1-.2.16A1.5 1.5 0 0 1 2 20.5a7.5 7.5 0 0 1 13.19-4.89ZM9.5 12a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM15.5 22Z"] {
+ d: path("M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm0 8c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4zm-6 4c.22-.72 3.31-2 6-2 2.7 0 5.8 1.29 6 2H9zm-3-3v-3h3v-2H6V7H4v3H1v2h3v3z");
+
+ ~ path {
+ display: none;
+ }
+}
+
+/* HEADER BAR ICONS -> NEW GROUP DM */
+path[d="M19 14a1 1 0 0 1 1 1v3h3a1 1 0 1 1 0 2h-3v3a1 1 0 1 1-2 0v-3h-3a1 1 0 1 1 0-2h3v-3a1 1 0 0 1 1-1Z"] {
+ d: path("M21 6H19V12.1C20.2 12.3 21.2 12.8 22 13.5V7C22 6.5 21.5 6 21 6M6 17C6 17.5 6.5 18 7 18H12C12 16.9 12.3 15.9 12.8 15H6V17M16 2H3C2.5 2 2 2.5 2 3V17L6 13H14.7C15.4 12.5 16.2 12.2 17 12.1V3C17 2.5 16.5 2 16 2M15 11H5.2L4 12.2V4H15V11M17 14H19V17H22V19H19V22H17V19H14V17H17V14Z");
+
+ ~ path {
+ display: none;
+ }
+}
+
+/* HEADER BAR ICONS -> UPDATE */
+path[d="M12 2a1 1 0 0 1 1 1v10.59l3.3-3.3a1 1 0 1 1 1.4 1.42l-5 5a1 1 0 0 1-1.4 0l-5-5a1 1 0 1 1 1.4-1.42l3.3 3.3V3a1 1 0 0 1 1-1ZM3 20a1 1 0 1 0 0 2h18a1 1 0 1 0 0-2H3Z"] {
+ d: path("M19 9h-4V3H9v6H5l7 7 7-7zm-8 2V5h2v6h1.17L12 13.17 9.83 11H11zm-6 7h14v2H5z");
+}
+
+/* HEADER BAR ICONS -> FOCUS VIEW */
+path[d="M2 4c0-1.1.9-2 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4ZM2 15c0-1.1.9-2 2-2h5a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-5ZM15 13a2 2 0 0 0-2 2v5c0 1.1.9 2 2 2h5a2 2 0 0 0 2-2v-5a2 2 0 0 0-2-2h-5Z"] {
+ d: path("M19,5V7H15V5H19M9,5V11H5V5H9M19,13V19H15V13H19M9,17V19H5V17H9M21,3H13V9H21V3M11,3H3V13H11V3M21,11H13V21H21V11M11,15H3V21H11V15Z");
+}
+
+/* HEADER BAR ICONS -> GRID VIEW */
+path[d="M15 11a2 2 0 0 1-2-2V4c0-1.1.9-2 2-2h5a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-5ZM2 20c0 1.1.9 2 2 2h5a2 2 0 0 0 2-2v-5a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v5ZM13 20c0 1.1.9 2 2 2h5a2 2 0 0 0 2-2v-5a2 2 0 0 0-2-2h-5a2 2 0 0 0-2 2v5ZM2 9c0 1.1.9 2 2 2h5a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v5Z"] {
+ d: path("M3 11H11V3H3M5 5H9V9H5M13 21H21V13H13M15 15H19V19H15M3 21H11V13H3M5 15H9V19H5M13 3V11H21V3M19 9H15V5H19Z");
+}
+
+/* HEADER BAR ICONS -> CLIPS */
+path[d="M15.74 5.74a.5.5 0 0 0 .54.7l5.01-.88a.5.5 0 0 0 .4-.58l-.26-1.47a3 3 0 0 0-3.2-2.47.46.46 0 0 0-.37.26l-2.12 4.44ZM15.13 2.37a.5.5 0 0 0-.53-.7l-4.25.74a.5.5 0 0 0-.37.28L7.87 7.13a.5.5 0 0 0 .53.7l4.25-.74a.5.5 0 0 0 .37-.28l2.11-4.44ZM6.72 3.05l-2.55.45a3 3 0 0 0-2.43 3.48L2 8.46c.05.27.3.45.58.4l2.2-.39a.5.5 0 0 0 .36-.27l2.12-4.44a.5.5 0 0 0-.54-.7Z"] {
+ d: path("M20.84 2.18L16.91 2.96L19.65 6.5L21.62 6.1L20.84 2.18M13.97 3.54L12 3.93L14.75 7.46L16.71 7.07L13.97 3.54M9.07 4.5L7.1 4.91L9.85 8.44L11.81 8.05L9.07 4.5M4.16 5.5L3.18 5.69C2.1 5.9 1.39 6.96 1.61 8.04L2 10L6.9 9.03L4.16 5.5M20 12V20H4V12H20M22 10H2V20C2 21.11 2.9 22 4 22H20C21.11 22 22 21.11 22 20V10Z");
+
+ ~ path {
+ display: none;
+ }
+}
+
+/* HEADER BAR ICONS -> INBOX */
+path[d="M5 2a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3H5ZM4 5.5C4 4.67 4.67 4 5.5 4h13c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5h-2.65c-.5 0-.85.5-.85 1a3 3 0 1 1-6 0c0-.5-.35-1-.85-1H5.5A1.5 1.5 0 0 1 4 11.5v-6Z"] {
+ d: path("M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5v-3h3.56c.69 1.19 1.97 2 3.45 2s2.75-.81 3.45-2H19v3zm0-5h-4.99c0 1.1-.9 2-2 2s-2-.9-2-2H5V5h14v9z");
+}
+
+/* HEADER BAR ICONS -> HELP */
+path[d="M12 23a11 11 0 1 0 0-22 11 11 0 0 0 0 22Zm-.28-16c-.98 0-1.81.47-2.27 1.14A1 1 0 1 1 7.8 7.01 4.73 4.73 0 0 1 11.72 5c2.5 0 4.65 1.88 4.65 4.38 0 2.1-1.54 3.77-3.52 4.24l.14 1a1 1 0 0 1-1.98.27l-.28-2a1 1 0 0 1 .99-1.14c1.54 0 2.65-1.14 2.65-2.38 0-1.23-1.1-2.37-2.65-2.37ZM13 17.88a1.13 1.13 0 1 1-2.25 0 1.13 1.13 0 0 1 2.25 0Z"] {
+ d: path("M11,18H13V16H11V18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,6A4,4 0 0,0 8,10H10A2,2 0 0,1 12,8A2,2 0 0,1 14,10C14,12 11,11.75 11,15H13C13,12.75 16,12.5 16,10A4,4 0 0,0 12,6Z");
+}
+
+/* HEADER BAR ICONS -> BUG */
+path[d="M9.54 3.28a3 3 0 0 0-.37.74c-.19.52.28.98.83.98h4c.55 0 1.02-.46.83-.98a2.96 2.96 0 0 0-.37-.74c.23-.16.56-.28.99-.28a1 1 0 1 0 0-2c-1 0-2.01.4-2.68 1.1a3 3 0 0 0-1.54 0A3.76 3.76 0 0 0 8.55 1a1 1 0 0 0 0 2c.43 0 .76.12 1 .28ZM18.01 18.85c-.04.1-.03.22.05.3l1.51 1.5a1 1 0 0 1-1.41 1.42l-1.18-1.18a.26.26 0 0 0-.37 0 6.7 6.7 0 0 1-2.8 1.82c-.42.14-.83-.2-.86-.64l-.42-8.57a.53.53 0 0 0-1.05 0l-.43 8.57c-.03.45-.44.78-.87.64A6.7 6.7 0 0 1 7.4 20.9a.26.26 0 0 0-.37-.01l-1.18 1.18a1 1 0 0 1-1.41-1.41l1.51-1.51c.08-.08.1-.2.05-.3-.47-.94-.78-2-.92-3.12a.25.25 0 0 0-.25-.23H3a1 1 0 1 1 0-2h1.82c.13 0 .24-.1.25-.23.14-1.13.45-2.18.92-3.12a.25.25 0 0 0-.05-.3l-1.51-1.5a1 1 0 1 1 1.41-1.42L7.02 8.1c.1.1.27.1.37 0a6.66 6.66 0 0 1 2.95-1.87c.38-.11.75.14.85.52l.57 2.27c.06.25.42.25.48 0l.57-2.27c.1-.38.47-.63.85-.52 1.1.33 2.11.98 2.95 1.86.1.1.26.11.37.01l1.18-1.18a1 1 0 1 1 1.41 1.41l-1.51 1.51c-.08.08-.1.2-.05.3.47.94.78 2 .92 3.12.01.13.12.23.25.23H21a1 1 0 1 1 0 2h-1.82c-.13 0-.24.1-.25.23a9.68 9.68 0 0 1-.92 3.12Z"] {
+ d: path("M20,8H17.19C16.74,7.2 16.12,6.5 15.37,6L17,4.41L15.59,3L13.42,5.17C12.96,5.06 12.5,5 12,5C11.5,5 11.05,5.06 10.59,5.17L8.41,3L7,4.41L8.62,6C7.87,6.5 7.26,7.21 6.81,8H4V10H6.09C6.03,10.33 6,10.66 6,11V12H4V14H6V15C6,15.34 6.03,15.67 6.09,16H4V18H6.81C8.47,20.87 12.14,21.84 15,20.18C15.91,19.66 16.67,18.9 17.19,18H20V16H17.91C17.97,15.67 18,15.34 18,15V14H20V12H18V11C18,10.66 17.97,10.33 17.91,10H20V8M16,15A4,4 0 0,1 12,19A4,4 0 0,1 8,15V11A4,4 0 0,1 12,7A4,4 0 0,1 16,11V15M14,10V12H10V10H14M10,14H14V16H10V14Z");
+}
diff --git a/other/themes/Material-Discord/src/icons/_index.scss b/other/themes/Material-Discord/src/icons/_index.scss
new file mode 100644
index 0000000..87d1225
--- /dev/null
+++ b/other/themes/Material-Discord/src/icons/_index.scss
@@ -0,0 +1,6 @@
+@forward './channels';
+@forward './contextMenu';
+@forward './global';
+@forward './headerBar';
+@forward './messageActions';
+@forward './panels';
diff --git a/other/themes/Material-Discord/src/icons/_messageActions.scss b/other/themes/Material-Discord/src/icons/_messageActions.scss
new file mode 100644
index 0000000..e39c39d
--- /dev/null
+++ b/other/themes/Material-Discord/src/icons/_messageActions.scss
@@ -0,0 +1,61 @@
+/*
+ *
+ * MESSAGE ACTION ICONS
+ *
+ */
+
+/* MESSAGE ACTION ICONS -> EDIT MESSAGE */
+path[d="m13.96 5.46 4.58 4.58a1 1 0 0 0 1.42 0l1.38-1.38a2 2 0 0 0 0-2.82l-3.18-3.18a2 2 0 0 0-2.82 0l-1.38 1.38a1 1 0 0 0 0 1.42ZM2.11 20.16l.73-4.22a3 3 0 0 1 .83-1.61l7.87-7.87a1 1 0 0 1 1.42 0l4.58 4.58a1 1 0 0 1 0 1.42l-7.87 7.87a3 3 0 0 1-1.6.83l-4.23.73a1.5 1.5 0 0 1-1.73-1.73Z"] {
+ d: path("M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM5.92 19H5v-.92l9.06-9.06.92.92L5.92 19zM20.71 5.63l-2.34-2.34c-.2-.2-.45-.29-.71-.29s-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41z");
+}
+
+/* MESSAGE ACTION ICONS -> REPLY */
+path[d="M2.3 7.3a1 1 0 0 0 0 1.4l5 5a1 1 0 0 0 1.4-1.4L5.42 9H11a7 7 0 0 1 7 7v4a1 1 0 1 0 2 0v-4a9 9 0 0 0-9-9H5.41l3.3-3.3a1 1 0 0 0-1.42-1.4l-5 5Z"] {
+ d: path("M8,9.8V10.7L9.7,11C12.3,11.4 14.2,12.4 15.6,13.7C13.9,13.2 12.1,12.9 10,12.9H8V14.2L5.8,12L8,9.8M10,5L3,12L10,19V14.9C15,14.9 18.5,16.5 21,20C20,15 17,10 10,9");
+}
+
+/* MESSAGE ACTION ICONS -> COPY TEXT */
+path[d="M3 16a1 1 0 0 1-1-1v-5a8 8 0 0 1 8-8h5a1 1 0 0 1 1 1v.5a.5.5 0 0 1-.5.5H10a6 6 0 0 0-6 6v5.5a.5.5 0 0 1-.5.5H3Z"] {
+ d: path("M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z");
+
+ ~ path {
+ display: none;
+ }
+}
+
+/* MESSAGE ACTION ICONS -> MARK UNREAD */
+path[d="M12.93 21.96c.25-.03.43-.23.47-.47a3 3 0 0 1 .08-.35.66.66 0 0 0-.24-.71A3 3 0 0 1 12 18v-3a3 3 0 0 1 4.35-2.68c.14.07.3.09.44.04a7 7 0 0 1 4.58.05c.3.1.63-.1.63-.41a10 10 0 1 0-18.45 5.36c.13.19.11.44-.04.61l-2.06 2.37A1 1 0 0 0 2.2 22H12c.32 0 .63-.01.93-.04Z"] {
+ d: path("M2,5.27L3.28,4L20,20.72L18.73,22L15.65,18.92C14.5,19.3 13.28,19.5 12,19.5C7,19.5 2.73,16.39 1,12C1.69,10.24 2.79,8.69 4.19,7.46L2,5.27M12,9A3,3 0 0,1 15,12C15,12.35 14.94,12.69 14.83,13L11,9.17C11.31,9.06 11.65,9 12,9M12,4.5C17,4.5 21.27,7.61 23,12C22.18,14.08 20.79,15.88 19,17.19L17.58,15.76C18.94,14.82 20.06,13.54 20.82,12C19.17,8.64 15.76,6.5 12,6.5C10.91,6.5 9.84,6.68 8.84,7L7.3,5.47C8.74,4.85 10.33,4.5 12,4.5M3.18,12C4.83,15.36 8.24,17.5 12,17.5C12.69,17.5 13.37,17.43 14,17.29L11.72,15C10.29,14.85 9.15,13.71 9,12.28L5.6,8.87C4.61,9.72 3.78,10.78 3.18,12Z");
+
+ ~ path {
+ display: none;
+ }
+}
+
+/* MESSAGE ACTION ICONS -> COPY MESSAGE LINK */
+path[d="M16.3 14.7a1 1 0 0 1 0-1.4l2.5-2.5a3.95 3.95 0 1 0-5.6-5.6l-2.5 2.5a1 1 0 1 1-1.4-1.4l2.5-2.5a5.95 5.95 0 1 1 8.4 8.4l-2.5 2.5a1 1 0 0 1-1.4 0ZM7.7 9.3a1 1 0 0 1 0 1.4l-2.5 2.5a3.95 3.95 0 0 0 5.6 5.6l2.5-2.5a1 1 0 1 1 1.4 1.4l-2.5 2.5a5.95 5.95 0 0 1-8.4-8.4l2.5-2.5a1 1 0 0 1 1.4 0Z"] {
+ d: path("M17 7h-4v2h4c1.65 0 3 1.35 3 3s-1.35 3-3 3h-4v2h4c2.76 0 5-2.24 5-5s-2.24-5-5-5zm-6 8H7c-1.65 0-3-1.35-3-3s1.35-3 3-3h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-2zm-3-4h8v2H8z");
+
+ ~ path {
+ display: none;
+ }
+}
+
+/* MESSAGE ACTION ICONS -> SPEAK MESSAGE */
+path[d="M12 22a10 10 0 1 0-8.45-4.64c.13.19.11.44-.04.61l-2.06 2.37A1 1 0 0 0 2.2 22H12Zm2-5.26c0 .61.56 1.09 1.14.87a6 6 0 0 0 0-11.22c-.58-.22-1.14.26-1.14.87v.1c0 .45.32.83.73 1.03a4 4 0 0 1 0 7.22c-.41.2-.73.58-.73 1.04v.09Zm0-3.32c0 .69.7 1.15 1.18.65a2.99 2.99 0 0 0 0-4.14c-.48-.5-1.18-.04-1.18.65v2.84ZM12 7a1 1 0 0 0-1-1h-.05a1 1 0 0 0-.75.34L7.87 9H6a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h1.87l2.33 2.66a1 1 0 0 0 .75.34H11a1 1 0 0 0 1-1V7Z"] {
+ d: path("M9 13c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm0 8c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4zm-6 4c.22-.72 3.31-2 6-2 2.7 0 5.8 1.29 6 2H3zM15.08 7.05c.84 1.18.84 2.71 0 3.89l1.68 1.69c2.02-2.02 2.02-5.07 0-7.27l-1.68 1.69zM20.07 2l-1.63 1.63c2.77 3.02 2.77 7.56 0 10.74L20.07 16c3.9-3.89 3.91-9.95 0-14z");
+}
+
+/* MESSAGE ACTION ICONS -> DELETE MESSAGE */
+path[d="M14.25 1c.41 0 .75.34.75.75V3h5.25c.41 0 .75.34.75.75v.5c0 .41-.34.75-.75.75H3.75A.75.75 0 0 1 3 4.25v-.5c0-.41.34-.75.75-.75H9V1.75c0-.41.34-.75.75-.75h4.5Z"] {
+ d: path("M16 9v10H8V9h8m-1.5-6h-5l-1 1H5v2h14V4h-3.5l-1-1zM18 7H6v12c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7z");
+
+ ~ path {
+ display: none;
+ }
+}
+
+/* MESSAGE ACTION ICONS -> REPORT MESSAGE */
+path[d="M3 1a1 1 0 0 1 1 1v.82l8.67-1.45A2 2 0 0 1 15 3.35v1.47l5.67-.95A2 2 0 0 1 23 5.85v7.3a2 2 0 0 1-1.67 1.98l-9 1.5a2 2 0 0 1-1.78-.6c-.2-.21-.08-.54.18-.68a5.01 5.01 0 0 0 1.94-1.94c.18-.32-.1-.66-.46-.6L4 14.18V21a1 1 0 1 1-2 0V2a1 1 0 0 1 1-1Z"] {
+ d: path("M12.36,6L12.76,8H18V14H14.64L14.24,12H7V6H12.36M14,4H5V21H7V14H12.6L13,16H20V6H14.4");
+}
diff --git a/other/themes/Material-Discord/src/icons/_panels.scss b/other/themes/Material-Discord/src/icons/_panels.scss
new file mode 100644
index 0000000..8b24ede
--- /dev/null
+++ b/other/themes/Material-Discord/src/icons/_panels.scss
@@ -0,0 +1,51 @@
+/*
+ *
+ * PANEL ICONS
+ *
+ */
+
+%accountPanel {
+ %panelButton {
+ g {
+ /* PANEL ICONS -> MUTE MIC */
+ &[transform="matrix(1,0,0,1,-200,-200)"] {
+ g g g {
+ path {
+ d: path("M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm-1-9c0-.55.45-1 1-1s1 .45 1 1v6c0 .55-.45 1-1 1s-1-.45-1-1V5zm6 6c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z");
+ transform: translate(-12px, -8px);
+ }
+
+ ~ g {
+ display: none;
+ }
+ }
+ }
+
+ /* PANEL ICONS -> DEAFEN */
+ &[transform="matrix(1.0399999618530273,0,0,1.0399999618530273,-220,-220)"] {
+ g g g g {
+ path {
+ d: path("M3 9v6h4l5 5V4L7 9H3zm7-.17v6.34L7.83 13H5v-2h2.83L10 8.83zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77z") !important;
+ transform: translate(-12px, -12px);
+ }
+ }
+ }
+ }
+
+ /* PANEL ICONS -> SETTINGS COG */
+ &:not([role="switch"]) {
+ g[transform="matrix(0.03999999910593033,0,0,0.03999999910593033,0,0)"] {
+ g g path {
+ d: path("M19.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.09-.16-.26-.25-.44-.25-.06 0-.12.01-.17.03l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.06-.02-.12-.03-.18-.03-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.09.16.26.25.44.25.06 0 .12-.01.17-.03l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73 0 .21-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z");
+ transform: translate(-12px, -12px);
+ }
+ }
+ }
+ }
+}
+
+%panelButtonLottieIcon {
+ &:hover {
+ animation: rotate-panel-icon 800ms ease;
+ }
+}
diff --git a/other/themes/Material-Discord/src/messages/_actions.scss b/other/themes/Material-Discord/src/messages/_actions.scss
new file mode 100644
index 0000000..ad9b49f
--- /dev/null
+++ b/other/themes/Material-Discord/src/messages/_actions.scss
@@ -0,0 +1,70 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * MESSAGE ACTIONS
+ *
+ */
+
+%message {
+ %messageButtons {
+ 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 %messageButtons,
+ &:hover %messageButtons {
+ max-width: 380px;
+ opacity: 1;
+ pointer-events: all;
+ }
+}
+
+%messageButtonWrapper {
+ background-color: var(--main-textarea-color);
+ border-radius: 16px;
+ box-shadow: var(--shadow-2dp);
+ border: none;
+ overflow: hidden;
+ z-index: 2;
+
+ &:hover {
+ box-shadow: var(--shadow-3dp);
+ }
+
+ %messageButton {
+ transition: var(--default-time) ease all;
+
+ &:hover {
+ background-color: var(--menu-item-hover);
+ }
+
+ &:active {
+ padding: 4px;
+ }
+
+ %messageButtonSelected {
+ background-color: var(--menu-item-select);
+ }
+ }
+}
+
+/* MESSAGES -> ACTIONS -> DELETE MESSAGE */
+
+%messageAlt {
+ padding: 0;
+ background-color: transparent !important;
+ box-shadow: none !important;
+
+ %messagesWrapper {
+ margin: 0 0 0 52px !important;
+ background-color: var(--message-color-alt) !important;
+
+ %avatarLarge {
+ left: -52px !important;
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/messages/_attachment.scss b/other/themes/Material-Discord/src/messages/_attachment.scss
new file mode 100644
index 0000000..bd707d5
--- /dev/null
+++ b/other/themes/Material-Discord/src/messages/_attachment.scss
@@ -0,0 +1,331 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * ATTACHMENTS
+ *
+ */
+
+%nonMediaAttachmentsContainer {
+ margin-top: 0;
+}
+
+%attachment {
+ background-color: var(--attachment-color);
+ border-radius: var(--media-radius);
+ border: none;
+
+ &%attachmentNewMosaicStyle {
+ border-radius: var(--media-radius);
+ }
+
+ %attachmentDownloadButton {
+ margin-left: 0;
+
+ path {
+ d: path('M13 5v6h1.17L12 13.17 9.83 11H11V5h2m2-2H9v6H5l7 7 7-7h-4V3zm4 15H5v2h14v-2z') !important;
+ }
+ }
+}
+
+%attachmentHoverButtonGroup {
+ background-color: var(--card-button-color);
+ border-radius: 16px;
+ transition: var(--default-time) var(--default-animation) opacity;
+
+ %attachmentHoverButton {
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &:hover {
+ background-color: var(--card-button-color-hover);
+ }
+ }
+
+ %attachmentDownloadButtonIcon {
+ 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");
+ }
+ }
+}
+
+%attachmentNonMediaAttachment {
+ width: 32px;
+ height: 32px;
+ top: 0;
+ right: 12px;
+ bottom: 0;
+ margin: auto 0;
+ outline: none;
+
+ &%attachmentHoverButtonGroup {
+ background-color: transparent;
+ opacity: 1;
+ }
+}
+
+%attachmentVideo {
+ border-radius: var(--media-radius);
+}
+
+%attachmentThreadContainer {
+ background-color: var(--attachment-color);
+ border-radius: var(--media-radius);
+}
+
+%fileProgress {
+ background-color: hsl(var(--accent-hsl),0.3) !important;
+
+ %fileProgressBar {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ }
+}
+
+%bumpBox {
+ background-color: var(--attachment-color);
+ border-radius: var(--media-radius);
+}
+
+%embed {
+ border-radius: var(--media-radius);
+
+ &%embedFull {
+ background-color: var(--attachment-color);
+ }
+}
+
+%embedCard {
+ background-color: var(--attachment-color);
+ border-radius: var(--message-radius);
+
+ &%embedCardSelected {
+ background-color: var(--attachment-color);
+ }
+
+ %messagesWrapper {
+ margin: 0 0 0 48px !important;
+
+ %avatarLarge {
+ left: -48px !important;
+ margin-top: 0;
+ }
+ }
+}
+
+%embedCardWithFooter {
+ padding-bottom: 0;
+ border-radius: var(--media-radius) var(--media-radius) 0 0;
+}
+
+%embedCardFooterContainer {
+ padding: 8px 16px 8px;
+ background-color: var(--attachment-color);
+ border-radius: 0 0 var(--media-radius) var(--media-radius);
+
+ %button {
+ --button-height: 30px;
+
+ %buttonContents {
+ > div {
+ height: var(--button-height);
+ }
+ }
+
+ %textXsNormal {
+ color: hsl(var(--accent-text-color--material-you)) !important;
+ font-weight: 500;
+ }
+ }
+}
+
+%embedChildren {
+ margin-top: 4px;
+ gap: 8px;
+
+ %button {
+ margin: 0;
+ }
+}
+
+%embedGuildShop {
+ background-color: var(--attachment-color) !important;
+ border-radius: var(--media-radius);
+
+ %buttonFilled {
+ &%buttonBrand {
+ %textSmMedium {
+ color: inherit !important;
+ }
+ }
+ }
+}
+
+%buildOverrideWrapper {
+ background-color: var(--attachment-color);
+ border-radius: var(--media-radius)
+}
+
+%inviteWrapper {
+ background-color: var(--attachment-color) !important;
+ border-radius: var(--media-radius);
+
+ %inviteSplash,
+ %inviteBanner {
+ border-radius: var(--media-radius);
+ }
+
+ %inviteContent {
+ gap: 12px;
+ }
+
+ %inviteTitle {
+ @include remove-caps(14px);
+ }
+
+ %inviteGuildIcon {
+ border-radius: 50%;
+ }
+}
+
+%activityInvite {
+ background-color: var(--attachment-color) !important;
+ border-radius: var(--media-radius);
+ border: none !important;
+}
+
+/* ATTACHMENTS -> AUDIO FILE */
+
+%playerAudio {
+ padding: 0;
+ background-color: var(--attachment-color) !important;
+ border-radius: var(--media-radius);
+ border: none;
+
+ &%playerAudioNewMosaicStyle {
+ padding: 0;
+ border-radius: var(--media-radius);
+ }
+
+ %playerAudioMetadata {
+ padding: 12px 12px 4px;
+
+ %playerMetadataIcon {
+ 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');
+ }
+ }
+ }
+ }
+
+ + %attachmentNonMediaAttachment {
+ top: 12px;
+ bottom: unset;
+ margin: 0;
+ }
+
+ %playerAudioControls {
+ margin-top: 0;
+ background-color: transparent;
+ border-radius: 0;
+ border-top: 1px solid var(--card-border-color);
+ color: var(--text-normal);
+
+ %playerControlIcon {
+ padding: 8px;
+ }
+ }
+}
+
+%voiceMessageContainer {
+ background-color: var(--attachment-color);
+ border-radius: var(--media-radius);
+
+ &%voiceMessagePlaying {
+ %voiceMessagePlayButtonContainer {
+ border-radius: 10px;
+ }
+ }
+}
+
+%voiceMessageContainerRipple {
+ display: none;
+}
+
+%voiceMessagePlayButtonContainer {
+ background: hsl(var(--accent-hsl--material-you)) !important;
+ transition: var(--default-time) var(--default-animation) border-radius;
+
+ &:active {
+ transform: none;
+ }
+
+ %voiceMessagePlayIcon {
+ color: var(--accent-text-color--material-you) !important;
+ }
+}
+
+/* ATTACHMENTS -> VIDEO PLAYER */
+
+%player {
+ border-radius: 0;
+}
+
+%playerMediaBarInteraction {
+ &:hover {
+ %playerMediaBarGrabber {
+ background-color: hsl(var(--accent-hsl--material-you));
+ box-shadow: var(--shadow-2dp);
+ }
+ }
+}
+
+%playerMediaBarInteractionDragging {
+ %playerMediaBarGrabber {
+ background-color: hsl(var(--accent-hsl--material-you));
+ box-shadow: var(--shadow-3dp);
+ }
+}
+
+%playerMediaBarGrabber,
+%playerMediaBarProgress {
+ &,
+ &:before,
+ &:after {
+ background-color: hsl(var(--accent-hsl--material-you));
+ }
+}
+
+/* ATTACHMENTS -> IMAGES */
+
+%mediaAttachmentsContainer,
+%messageAttachmentMediaMosaic {
+ border-radius: 0;
+}
+
+%visualMediaItemContainer,
+%oneByOneGridSingle {
+ border-radius: var(--media-radius);
+}
+
+%imageWrapper {
+ border-radius: 4px;
+
+ &%attachmentEmbedWrapper {
+ border-radius: var(--media-radius);
+ }
+
+ &%imageWrapperModal {
+ --media-radius: 0;
+ }
+}
+
+%oneByOneGridSingle {
+ %imageWrapper {
+ border-radius: var(--media-radius);
+ }
+}
+
+%spoilerContainer {
+ border-radius: var(--media-radius);
+ box-shadow: none !important;
+}
diff --git a/other/themes/Material-Discord/src/messages/_index.scss b/other/themes/Material-Discord/src/messages/_index.scss
new file mode 100644
index 0000000..7280ebe
--- /dev/null
+++ b/other/themes/Material-Discord/src/messages/_index.scss
@@ -0,0 +1,8 @@
+@forward './actions';
+@forward './attachment';
+@forward './markup';
+@forward './messages';
+@forward './polls';
+@forward './reaction';
+@forward './spoiler';
+@forward './summaryContent';
diff --git a/other/themes/Material-Discord/src/messages/_markup.scss b/other/themes/Material-Discord/src/messages/_markup.scss
new file mode 100644
index 0000000..d41f5f0
--- /dev/null
+++ b/other/themes/Material-Discord/src/messages/_markup.scss
@@ -0,0 +1,115 @@
+/*
+ *
+ * MARKUP
+ *
+ */
+
+%markup {
+ a {
+ color: hsl(var(--accent-hsl));
+ }
+
+ pre, pre *, pre code, pre code *, code.inline, %codeBlockText, %codeBlockText *, %codeLine, %codeLine *, %codeBlockLang, %codeBlockLang *, %codeBlockSyntax, %codeBlockSyntax *, %syntaxAfter, %syntaxAfter *, %syntaxBefore, %syntaxBefore * {
+ --app-font: var(--code-font);
+ }
+
+ pre,
+ pre code,
+ code.inline {
+ background-color: var(--attachment-color);
+ border-radius: var(--media-radius);
+ border: none;
+
+ code {
+ background-color: transparent;
+ }
+ }
+
+ pre,
+ code.inline {
+ margin: 4px 0;
+ }
+}
+
+%channelTextAreaInlineCode,
+%channelTextAreaInlineCodeBefore,
+%channelTextAreaInlineCodeAfter {
+ --app-font: var(--code-font);
+
+ background-color: var(--attachment-color);
+}
+
+%channelTextAreaInlineCodeBefore {
+ border-radius: var(--media-radius) 0 0 var(--media-radius);
+}
+
+%channelTextAreaInlineCodeAfter {
+ border-radius: 0 var(--media-radius) var(--media-radius) 0;
+}
+
+%mentionWrapper {
+ 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;
+
+ &:hover {
+ background-color: hsl(var(--accent-hsl),0.3);
+ color: hsl(var(--accent-hsl));
+ }
+}
+
+%themeDark {
+ %mentionWrapper {
+ background-color: hsl(var(--accent-hsl),0.15);
+ color: hsl(var(--accent-hsl));
+
+ &:hover {
+ background-color: hsl(var(--accent-hsl),0.3);
+ }
+ }
+}
+
+%textContainer,
+%textContainerFooter {
+ background-color: var(--attachment-color);
+ border: none;
+}
+
+%textContainer {
+ %codeHLJS {
+ background-color: transparent;
+ }
+}
+
+%attachmentNewMosaicStyle {
+ %textContainer {
+ border-radius: var(--media-radius) var(--media-radius) 0 0;
+ }
+
+ %textContainerFooter {
+ border-radius: 0 0 var(--media-radius) var(--media-radius);
+ border-top: 1px solid var(--separator-color);
+ }
+}
+
+%codeView {
+ &,
+ & * {
+ --app-font: var(--code-font);
+ }
+}
+
+%embed {
+ border-radius: var(--media-radius);
+
+ &%embedFull {
+ background-color: var(--attachment-color);
+ }
+
+ pre,
+ pre code,
+ code.inline {
+ --attachment-color: var(--message-color);
+ }
+}
diff --git a/other/themes/Material-Discord/src/messages/_messages.scss b/other/themes/Material-Discord/src/messages/_messages.scss
new file mode 100644
index 0000000..3d016b7
--- /dev/null
+++ b/other/themes/Material-Discord/src/messages/_messages.scss
@@ -0,0 +1,655 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * MESSAGES
+ *
+ */
+
+%messageBackgroundFlash {
+ border-radius: var(--message-radius);
+
+ &[style] {
+ position: relative;
+ background-color: transparent !important;
+
+ &: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;
+ }
+ }
+
+ &:not([style$="0);"]) {
+ &:before {
+ background-color: hsl(var(--accent-hsl),0.2);
+ }
+ }
+
+ &[style="background-color: rgba(148, 156, 247, 0);"] {
+ &:before {
+ background-color: hsl(var(--accent-hsl),0);
+ }
+ }
+}
+
+%messages {
+ &%messagesGroupSpacing0 {
+ %messageGroupStart {
+ --group-spacing: 0.125rem;
+ }
+
+ %newMessagesDivider {
+ &%newMessagesDividerBeforeGroup {
+ top: 1px;
+ }
+ }
+ }
+
+ &%messagesGroupSpacing4 {
+ %messageGroupStart {
+ --group-spacing: 0.3125rem;
+ }
+
+ %newMessagesDivider {
+ &%newMessagesDividerBeforeGroup {
+ top: 2px;
+ }
+ }
+ }
+
+ &%messagesGroupSpacing8 {
+ %messageGroupStart {
+ --group-spacing: 0.5625rem;
+ }
+
+ %newMessagesDivider {
+ &%newMessagesDividerBeforeGroup {
+ top: 4px;
+ }
+ }
+ }
+
+ &%messagesGroupSpacing16 {
+ %messageGroupStart {
+ --group-spacing: 1.0625rem;
+ }
+
+ %newMessagesDivider {
+ &%newMessagesDividerBeforeGroup {
+ top: 8px;
+ }
+ }
+ }
+
+ &%messagesGroupSpacing24 {
+ %messageGroupStart {
+ --group-spacing: 1.5625rem;
+ }
+
+ %newMessagesDivider {
+ &%newMessagesDividerBeforeGroup {
+ top: 12px;
+ }
+ }
+ }
+
+ &[class*="group-spacing"] {
+ %messageGroupStart {
+ margin-top: var(--group-spacing) !important;
+ }
+
+ %newMessagesDivider {
+ &:not(%newMessagesDividerBeforeGroup) {
+ top: -4px;
+ }
+ }
+ }
+
+ %divider {
+ border-top-color: var(--message-color-hover);
+ }
+
+ %dividerDate {
+ padding: 4px 12px;
+ border-radius: 11px;
+ }
+}
+
+%messagesWrapper {
+ position: relative;
+ background-color: var(--message-color) !important;
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &:hover {
+ background-color: var(--message-color-hover) !important;
+
+ %messageReplied {
+ &:before {
+ border-color: var(--message-color-hover) !important;
+ }
+ }
+ }
+
+ &%automodMessage {
+ &:before {
+ display: none;
+ }
+ }
+
+ &%messageHasThread {
+ &:after {
+ display: none;
+ }
+
+ %markup {
+ overflow: visible;
+ }
+ }
+
+ &%messageGroupStart {
+ position: relative;
+ border-radius: var(--message-radius);
+
+ %avatarLarge {
+ width: 40px;
+ height: 40px;
+ top: 0;
+ left: -50px;
+ border-radius: var(--avatar-radius);
+ }
+
+ %avatarDecoration {
+ top: 0;
+ left: -54px;
+ }
+
+ &%replyingToIndicator {
+ &:before {
+ display: none;
+ }
+ }
+ }
+
+ &:not(%messageGroupStart) {
+ border-radius: 0 0 var(--message-radius) var(--message-radius);
+
+ &:before,
+ &: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;
+ }
+
+ &:before {
+ left: 0;
+ border-left-color: var(--message-color);
+ }
+
+ &:after {
+ right: 0;
+ border-right-color: var(--message-color);
+ }
+ }
+
+ &%ephemeral,
+ &%replyingToIndicator {
+ a {
+ color: hsl(var(--accent-hsl));
+ }
+ }
+
+ &%ephemeral {
+ &:before {
+ display: none;
+ }
+ }
+
+ %slateTextArea {
+ padding-left: 12px !important;
+ }
+
+ %messageContentInner {
+ overflow: visible;
+
+ %messageIconContainer {
+ width: 40px;
+ top: -8px;
+ left: calc((50px + var(--message-padding-side)) * -1);
+ }
+ }
+
+ %messageButtonContainer {
+ margin-top: 8px;
+ margin-left: 0;
+ z-index: 3;
+
+ %button {
+ --button-height: 24px;
+ --button-padding: 0 6px;
+
+ %textXsNormal {
+ color: hsl(var(--accent-hsl--material-you)) !important;
+ }
+ }
+
+ %messageButtonFooterAction {
+ height: var(--button-height);
+
+ %messageButtonFooterIcon {
+ color: hsl(var(--accent-hsl--material-you));
+
+ path {
+ fill: currentColor;
+ }
+ }
+ }
+ }
+
+ %messageButtonDot {
+ margin: 0 4px;
+ }
+
+ %channelTextArea {
+ %channelTextAreaScrollable {
+ background-color: var(--input-color-alt);
+ border-radius: var(--main-textarea-radius);
+ }
+ }
+}
+
+%replyingToIndicator {
+ z-index: 2;
+
+ %messageContent {
+ &: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,
+%messageBackgroundFlash {
+ &:hover {
+ + %messageListItem,
+ + %messageBackgroundFlash,
+ + %newMessagesDivider + %messageListItem {
+ %messagesWrapper {
+ &:not(%messageGroupStart) {
+ &:before,
+ &:after {
+ border-bottom-color: var(--message-color-hover);
+ }
+
+ &:before {
+ border-left-color: var(--message-color-hover);
+ }
+
+ &:after {
+ border-right-color: var(--message-color-hover);
+ }
+ }
+ }
+ }
+ }
+}
+
+%messageCozy {
+ &%messageGroupStart {
+ margin-bottom: 0;
+
+ &%mentioned {
+ &:before {
+ display: none;
+ }
+ }
+
+ &%hasReply {
+ %avatarLarge,
+ %avatarDecoration {
+ top: 28px;
+ }
+ }
+ }
+
+ &%messageGroupStart {
+ padding: var(--message-padding-top) var(--message-padding-side) !important;
+ }
+
+ &:not(%messageGroupStart) {
+ 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;
+
+ & + %newMessagesDivider {
+ &:not(%newMessagesDividerBeforeGroup) {
+ top: -4px;
+ }
+ }
+ }
+
+ %messageHeader {
+ margin-bottom: 4px;
+ }
+
+ %markup {
+ margin-left: 0;
+ padding-left: 0;
+ }
+
+ &:hover {
+ %messageTimestamp {
+ &%messageTimestampAlt {
+ opacity: 1;
+ transition: var(--default-time) ease opacity 750ms;
+ }
+ }
+ }
+
+ %messageTimestamp {
+ &%messageTimestampAlt {
+ opacity: 0;
+ left: -64px;
+ color: var(--text-muted);
+ font-weight: 600;
+ transition: var(--default-time) ease opacity 0ms;
+ }
+ }
+
+ %removeAttachmentButton {
+ right: -4px;
+ }
+
+ &:not(%message) {
+ margin: 16px 10px 0 68px;
+ padding: var(--message-padding-top) var(--message-padding-side) !important;
+ border-radius: var(--message-radius);
+
+ &:before,
+ &:after {
+ display: none;
+ }
+
+ %avatarLarge {
+ top: 0;
+ left: -63px;
+ }
+ }
+
+ %messageReplied {
+ &: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;
+ }
+ }
+}
+
+%messageCompact {
+ margin-bottom: 0;
+ padding-right: 8px !important;
+
+ %avatarLarge {
+ width: 16px !important;
+ height: 16px !important;
+ top: 3px !important;
+ left: 0 !important;
+ margin: 0 0.5em 0 0.25em !important;
+ padding: 0 !important;
+ }
+
+ &%messageGroupStart {
+ padding: 8px;
+
+ %avatarLarge {
+ }
+
+ &%mentioned {
+ &:before {
+ display: none;
+ }
+ }
+
+ & + %newMessagesDivider {
+ margin-bottom: -1px;
+ }
+ }
+
+ &:not(%messageGroupStart) {
+ margin-top: -8px;
+ padding: 0 8px 8px 8px;
+ }
+
+ %messageContent {
+ margin-left: -4.25rem;
+ padding-left: 4.25rem;
+ text-indent: -3.75rem;
+ }
+
+ &%messageHasThread {
+ %messageContent:before {
+ display: none;
+ }
+ }
+
+ %messageHeader {
+ position: relative;
+ left: -8px;
+ }
+
+ %messageTimestamp {
+ width: 52px;
+ margin-right: 16px;
+ color: var(--text-muted);
+ }
+
+ & + %newMessagesDivider {
+ margin-left: 80px;
+
+ &:not(%newMessagesDividerBeforeGroup) {
+ top: -11px;
+ }
+ }
+
+ %messageReplied {
+ margin-left: calc(var(--timestamp-width) + 3.1rem + var(--text-indent));
+ }
+
+ & + &:not(%message) {
+ margin: 16px 20px 0 70px;
+ }
+}
+
+%mentioned {
+ %messageContentInner {
+ 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;
+
+ &:hover {
+ background-color: hsl(var(--accent-hsl),0.375);
+ }
+
+ a {
+ color: hsl(var(--accent-hsl));
+ }
+
+ %mentionWrapper {
+ background-color: transparent;
+
+ &:before {
+ display: none;
+ }
+ }
+ }
+
+ %messageContent {
+ %messageContentInner {
+ margin: 0 -4px;
+ padding: 0 4px;
+ }
+ }
+
+ %messageReplied {
+ %messageContentInner {
+ padding: 0 1px 0 4px;
+ }
+ }
+}
+
+%avatarDecoration {
+ top: 0;
+ left: -54px;
+}
+
+%messageListItem,
+%messageQuoted {
+ margin-left: 68px;
+ margin-right: 10px;
+}
+
+%operations {
+ > a {
+ color: hsl(var(--accent-hsl));
+ }
+}
+
+%messagesScrollerSpacer {
+ height: 20px !important;
+}
+
+%mention {
+ &::selection {
+ background: hsl(var(--accent-hsl),0.5);
+ color: var(--accent-text-color--material-you);
+ }
+}
+
+/* MESSAGES -> BADGES */
+
+%messageUserBadge {
+ background-color: var(--attachment-color);
+}
+
+%messageQuickConnectionsPopout {
+ @include popout-format;
+
+ %messageQuickConnectionsPopoutHeaderContainer {
+ padding: 12px;
+ background-color: transparent;
+ border-bottom: 1px solid var(--popout-header-border);
+ }
+}
+
+/* MESSAGES -> NEW MESSAGES DIVIDER */
+
+%newMessagesDivider {
+ %dividerDate {
+ background-color: var(--message-color-hover);
+ }
+
+ &%dividerUnread {
+ margin: 0 .875rem 0 80px;
+ border-color: hsl(var(--accent-hsl--material-you));
+
+ %unreadPill {
+ 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);
+
+ %unreadPillCap {
+ display: none;
+ }
+ }
+
+ &%hasContent {
+ %dividerDate {
+ background-color: hsl(var(--accent-hsl--material-you));
+ color: var(--accent-text-color--material-you);
+ }
+ }
+ }
+
+ &%hasContent {
+ margin-left: 1rem;
+ }
+}
+
+/* MESSAGES -> ERROR BAR */
+
+%messagesErrorBar {
+ 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;
+
+ &:hover {
+ box-shadow: var(--shadow-3dp);
+ }
+
+ %jumpToPresentBarButtonBase {
+ background-color: transparent;
+ color: var(--alert-text-color);
+ box-shadow: none;
+ }
+
+ %jumpToPresentBarButtonMain {
+ min-width: 36px;
+ padding: 0 12px 0 12px;
+ flex: 0 1 auto;
+ border-radius: 0;
+
+ &:after {
+ position: absolute;
+ content: " ";
+ width: 0.5px;
+ height: 100%;
+ top: 0;
+ right: 0;
+ background-color: var(--alert-text-color);
+ }
+ }
+
+ %jumpToPresentBarButtonAlt {
+ margin-left: 0;
+ font-size: 14px;
+ font-weight: 500;
+ }
+}
diff --git a/other/themes/Material-Discord/src/messages/_polls.scss b/other/themes/Material-Discord/src/messages/_polls.scss
new file mode 100644
index 0000000..52beb58
--- /dev/null
+++ b/other/themes/Material-Discord/src/messages/_polls.scss
@@ -0,0 +1,72 @@
+/*
+ *
+ * MESSAGE POLLS
+ *
+ */
+
+%pollContainer {
+ background-color: var(--attachment-color);
+ border-radius: var(--media-radius);
+
+ %pollAnswersContainer {
+ padding: 0;
+ background-color: transparent;
+ }
+
+ %pollRadioBackground {
+
+ fill: hsl(var(--accent-hsl--material-you));
+ }
+}
+
+%pollAnswer {
+ &%pollAnswerVotedStyles {
+ %pollAnswerInner {
+ outline-color: hsl(var(--accent-hsl--material-you));
+ }
+ }
+
+ &:not(%pollAnswerVotedStyles) {
+ %pollAnswerInner {
+ outline-color: transparent !important;
+ }
+ }
+}
+
+%pollAnswerInner {
+ background-color: var(--card-color-filled);
+ border-radius: calc(var(--media-radius) / 1.65);
+
+ &%pollCurrentlyVoting {
+ &:hover {
+ background-color: var(--card-color-hover);
+ }
+
+ &%pollAnswerSelected {
+ background-color: var(--card-color-active);
+
+ circle,
+ path {
+ fill: hsl(var(--accent-hsl--material-you));
+ }
+ }
+
+ path {
+ fill: var(--text-normal);
+ }
+ }
+}
+
+%pollVotePercentageBar {
+ background-color: hsl(from hsl(var(--accent-hsl--material-you)) h calc(s * 1.5) l / 0.25);
+}
+
+%pollAnswerSelectionIcon {
+ circle {
+ fill: var(--accent-text-color--material-you);
+ }
+
+ path {
+ fill: hsl(var(--accent-hsl--material-you));
+ }
+}
diff --git a/other/themes/Material-Discord/src/messages/_reaction.scss b/other/themes/Material-Discord/src/messages/_reaction.scss
new file mode 100644
index 0000000..80b10e1
--- /dev/null
+++ b/other/themes/Material-Discord/src/messages/_reaction.scss
@@ -0,0 +1,80 @@
+/*
+ *
+ * MESSAGE REACTIONS
+ *
+ */
+
+%reactions {
+ margin: 8px 0 0 0;
+ padding-bottom: 0;
+ gap: 4px;
+
+ > div:empty {
+ margin-left: -4px;
+ }
+
+ %reactionBtn {
+ 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");
+
+ ~ path {
+ display: none;
+ }
+ }
+ }
+}
+
+%reaction {
+ margin: 0;
+ background-color: transparent;
+ border-radius: 8px;
+ border-color: var(--separator-color);
+
+ &:hover {
+ background-color: var(--menu-item-hover);
+ }
+
+ &%reactionMe {
+ background-color: hsl(var(--accent-hsl--material-you),0.2);
+ border-color: hsl(var(--accent-hsl--material-you));
+
+ %reactionCount {
+ color: hsl(var(--accent-hsl--material-you));
+ }
+ }
+}
+
+/* MESSAGE REACTIONS -> REVERT BUTTONS TO REACTION STYLE */
+
+%embedComponent {
+ &%buttonFilled {
+ --button-height: 28px;
+ --button-padding: 0 8px;
+ --button-background: var(--input-color-alt);
+ --button-text-color: var(--input-text-color);
+
+ %embedEmoji {
+ width: calc(var(--button-height) - 8px);
+ height: calc(var(--button-height) - 8px);
+ }
+
+ &%buttonBrand {
+ --button-background: hsl(var(--accent-hsl--material-you));
+ --button-text-color: var(--accent-text-color--material-you);
+ }
+ }
+}
+
+/*
+ *
+ * CONTEXT MENU QUICK REACTIONS
+ *
+ */
+
+%contextMenuQuickReaction {
+ background-color: var(--menu-item-hover);
+
+ &:hover {
+ background-color: var(--menu-item-select);
+ }
+}
diff --git a/other/themes/Material-Discord/src/messages/_spoiler.scss b/other/themes/Material-Discord/src/messages/_spoiler.scss
new file mode 100644
index 0000000..94e4648
--- /dev/null
+++ b/other/themes/Material-Discord/src/messages/_spoiler.scss
@@ -0,0 +1,12 @@
+/*
+ *
+ * SPOILERS
+ *
+ */
+
+%spoilerContent {
+ &,
+ &%spoilerHidden {
+ background-color: var(--attachment-color) !important;
+ }
+}
diff --git a/other/themes/Material-Discord/src/messages/_summaryContent.scss b/other/themes/Material-Discord/src/messages/_summaryContent.scss
new file mode 100644
index 0000000..0024919
--- /dev/null
+++ b/other/themes/Material-Discord/src/messages/_summaryContent.scss
@@ -0,0 +1,52 @@
+/*
+ *
+ * SUMMARY CONTENT
+ *
+ */
+
+%summaryStartContent {
+ margin-left: 0;
+ background-color: hsl(var(--accent-hsl--material-you));
+ border-radius: 13px !important;
+ color: var(--accent-text-color--material-you);
+
+ %summaryStartIcon {
+ color: inherit;
+ }
+}
+
+%summaryEndContent {
+ height: auto;
+ padding: 0 !important;
+}
+
+%summaryEndIcon {
+ position: relative;
+ top: -4px;
+ padding-left: 16px;
+ background-color: var(--chat-color);
+ color: hsl(var(--accent-hsl--material-you));
+}
+
+%summaryDividerEnd {
+ top: 0 !important;
+ margin-top: 1.5em !important;
+}
+
+%summaryFeedbackWrapper {
+ margin-left: 0;
+ padding: 4px 12px;
+ background-color: hsl(var(--accent-hsl--material-you));
+ border-radius: 13px;
+
+ %textXsMedium {
+ font-size: 14px;
+ color: var(--accent-text-color--material-you) !important;
+ }
+
+ %summaryThumbIcon {
+ padding: 3px;
+ background-color: var(--accent-text-color--material-you);
+ color: hsl(var(--accent-hsl--material-you));
+ }
+}
diff --git a/other/themes/Material-Discord/src/modals/_acceptRules.scss b/other/themes/Material-Discord/src/modals/_acceptRules.scss
new file mode 100644
index 0000000..f4c6429
--- /dev/null
+++ b/other/themes/Material-Discord/src/modals/_acceptRules.scss
@@ -0,0 +1,85 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * ACCEPT RULES
+ *
+ */
+
+ %rulesGuildSidebar {
+ padding: 0;
+ background-color: transparent;
+ border-right: 1px solid var(--card-border-color);
+
+ > div:not([class]) {
+ &:first-child {
+ padding: 24px;
+ }
+
+ &:last-child {
+ display: flex;
+ position: relative;
+ padding: 0 24px 24px;
+
+ %membershipFlex {
+ height: 36px;
+ margin-right: 8px;
+ margin-bottom: 0;
+ }
+ }
+ }
+
+ .iconSizeLarge-_r2zCK {
+ border-radius: 50%;
+ }
+
+ %rulesDivider {
+ border-bottom-color: var(--card-border-color);
+ }
+ }
+
+%rulesModal {
+ background-color: transparent;
+
+ %rulesInnerContent {
+ padding-bottom: 0;
+ }
+
+ %rulesDivider {
+ border-bottom-color: var(--card-border-color);
+ }
+
+ %rulesRequirementContainer {
+ @include card-format(false, 16px, true);
+ }
+
+ %rulesFieldBackground {
+ &,
+ &:hover:not(:focus) {
+ @extend %rulesRequirementContainer;
+ padding: 0;
+ }
+ }
+
+ %rulesTermsRow {
+ padding: 16px;
+ @include card-format--list;
+ }
+
+ %modalFooter {
+ %button {
+ %buttonContents {
+ width: 70px;
+ }
+ }
+ }
+}
+
+%rulesTermsFieldBody {
+ background-color: var(--card-color-hover);
+ border-radius: var(--card-radius-big);
+}
+
+%rulesOverlay {
+ display: none;
+}
diff --git a/other/themes/Material-Discord/src/modals/_accountSwitcher.scss b/other/themes/Material-Discord/src/modals/_accountSwitcher.scss
new file mode 100644
index 0000000..0512994
--- /dev/null
+++ b/other/themes/Material-Discord/src/modals/_accountSwitcher.scss
@@ -0,0 +1,54 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * ACCOUNT SWITCHER
+ *
+ */
+
+%accountSwitcherList {
+ @include card-format(false, 0, true);
+
+ %accountSwitcherCard {
+ padding: 16px;
+ background-color: transparent;
+ border-radius: var(--card-radius-big);
+ @include card-format--list;
+ }
+
+ %buttonSizeIcon {
+ --button-height: 32px;
+ --button-padding: 0;
+
+ width: var(--button-height);
+ @include md-ripple(hover, after, 1.2);
+
+ %buttonContents {
+ height: 24px;
+ transform: rotate(90deg);
+ }
+ }
+
+ %accountSwitcherSeparator {
+ display: none;
+ }
+}
+
+%accountSwitcherActions {
+ margin: 16px 0 0;
+}
+
+/* ACCOUNT SWITCHER -> ADD ACCOUNT */
+
+%modalRoot {
+ %authBoxExpanded {
+ background-color: transparent !important;
+ box-shadow: none !important;
+ }
+}
+
+%authBoxExpanded {
+ %settingsCardInfo {
+ border-radius: var(--card-radius-big);
+ }
+}
diff --git a/other/themes/Material-Discord/src/modals/_activeThreads.scss b/other/themes/Material-Discord/src/modals/_activeThreads.scss
new file mode 100644
index 0000000..97d26b2
--- /dev/null
+++ b/other/themes/Material-Discord/src/modals/_activeThreads.scss
@@ -0,0 +1,33 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * ACTIVE THREADS
+ *
+ */
+
+%activeThreadsModal {
+ background-color: transparent;
+
+ %activeThreadsModalHeader {
+ padding: 4px 16px;
+ background-color: transparent;
+ border-bottom: 1px solid var(--popout-header-border);
+ }
+}
+
+%threadPreview {
+ @include card-format(false, 16px, true, true);
+}
+
+%modalRoot {
+ %threadsPopoutContainer {
+ background-color: transparent;
+ border-radius: 0;
+ box-shadow: none;
+ }
+}
+
+body:active %modalRoot %threadsPopoutContainer:not(:active) {
+ opacity: 1;
+}
diff --git a/other/themes/Material-Discord/src/modals/_activities.scss b/other/themes/Material-Discord/src/modals/_activities.scss
new file mode 100644
index 0000000..9906770
--- /dev/null
+++ b/other/themes/Material-Discord/src/modals/_activities.scss
@@ -0,0 +1,64 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * ACTIVITES MODAL
+ *
+ */
+
+%activityModalDivider {
+ display: none;
+}
+
+%activtyScrollTierBackground {
+ background-color: transparent;
+
+ &%activtyScrollTierBackgroundUpsell {
+ background-color: transparent;
+ }
+}
+
+%activityScrollSection {
+ padding: 0 calc(16px - var(--scrollbar-thin-width)) 0 16px;
+}
+
+%activityTierCtaContainer {
+ padding-top: 0;
+}
+
+%activityShelf {
+ grid-gap: 16px 12px;
+}
+
+%activityItem {
+ --card-color-hover: var(--card-color-active);
+
+ @include card-format(false, 0, true, true);
+ box-shadow: none;
+}
+
+%activityTag {
+ background-color: transparent;
+ border-radius: 6px;
+ border: 1px solid var(--card-border-color);
+}
+
+%activityImageContainer {
+ border-radius: var(--card-radius-big);
+}
+
+/* ACTIVITES MODAL -> SUGGESTED ACTIVITES */
+
+%suggestedActivitiesContainer {
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+}
+
+%suggestedActivitiesItem {
+ border-radius: calc(var(--popout-radius-big) / 1.5);
+}
+
+%wumpusRocketInnerContainer {
+ background: linear-gradient(270deg, var(--popout-color), var(--popout-color) 90%, transparent);
+}
diff --git a/other/themes/Material-Discord/src/modals/_addPayment.scss b/other/themes/Material-Discord/src/modals/_addPayment.scss
new file mode 100644
index 0000000..2df0ec7
--- /dev/null
+++ b/other/themes/Material-Discord/src/modals/_addPayment.scss
@@ -0,0 +1,81 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * ADD PAYMENT METHOD MODAL
+ *
+ */
+
+%paymentModalTitle {
+ padding: 24px 24px 16px;
+
+ %settingsContentHeader {
+ line-height: 24px;
+ font-size: 22px;
+ font-weight: 400;
+ color: var(--header-primary);
+ text-transform: none;
+ }
+
+ %modalCloseButton {
+ position: absolute;
+ width: 32px;
+ height: 32px;
+ top: 22px;
+ right: 22px;
+ margin: 0;
+ padding: 0;
+ }
+}
+
+%paymentModalContent {
+ background-color: transparent;
+
+ %scroller {
+ padding: 0 calc(24px - var(--scrollbar-thin-width)) 0 24px !important;
+ }
+
+ %paymentModalBody {
+ padding: 0;
+ }
+
+ .wrap_e504b7:not(:empty) {
+ display: grid;
+ grid-gap: 8px;
+ grid-template-columns: 1fr 1fr;
+ grid-template-rows: minmax(auto, 1fr);
+ padding-bottom: 24px;
+ }
+
+ %paymentTypeButton {
+ width: auto;
+ margin: 0;
+ }
+}
+
+/* ADD PAYMENT METHOD MODAL -> INPUTS */
+
+%paymentCardInput {
+ padding: 8.41px 12px;
+ background-color: var(--input-color);
+ border-radius: var(--input-radius);
+ line-height: var(--input-height);
+
+ &%paymentCardNumberInput {
+ padding-left: 55px;
+ }
+}
+
+%paymentCardIcon {
+ top: 6px;
+}
+
+%paymentPaypalIcon {
+ @extend %paymentCardIcon;
+
+ + %inputWrapper {
+ %input {
+ padding-left: 48px;
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/modals/_addServer.scss b/other/themes/Material-Discord/src/modals/_addServer.scss
new file mode 100644
index 0000000..d250623
--- /dev/null
+++ b/other/themes/Material-Discord/src/modals/_addServer.scss
@@ -0,0 +1,76 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * CREATE/JOIN SERVER
+ *
+ */
+
+%addServerTemplatesList,
+%addServerOptionsList {
+ margin-top: 0;
+}
+
+%addServerCard {
+ position: relative;
+ margin-top: 8px;
+ margin-bottom: 0;
+ @include card-format(false, 0, true, true);
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &:first-child {
+ margin-top: 0;
+ }
+
+ &:after {
+ position: absolute;
+ content: " ";
+ width: 24px;
+ height: 24px;
+ top: 0;
+ right: 16px;
+ bottom: 0;
+ margin: auto 0;
+ @include add-icon(var(--text-muted), chevron_right);
+ -webkit-mask-size: 100%;
+ mask-size: 100%;
+ }
+
+ %addServerCardTitle {
+ color: var(--text-normal);
+ }
+
+ %addServerCardArrow {
+ display: none;
+ }
+}
+
+%addServerRowContainer {
+ margin-bottom: 0;
+ @include card-format(false, 16px, true, true);
+
+ &:hover {
+ background-color: var(--card-color-hover);
+ }
+}
+
+%addServerFooter {
+ gap: 8px !important;
+
+ %addServerFooterTitle {
+ margin-bottom: 0;
+ }
+}
+
+%addServerOptionHeader {
+ @include remove-caps(14px);
+}
+
+%addServerInput {
+ background-color: var(--popout-color);
+}
+
+%addServerSkip {
+ margin-top: 16px;
+ margin-bottom: 0;
+}
diff --git a/other/themes/Material-Discord/src/modals/_authentication.scss b/other/themes/Material-Discord/src/modals/_authentication.scss
new file mode 100644
index 0000000..392b593
--- /dev/null
+++ b/other/themes/Material-Discord/src/modals/_authentication.scss
@@ -0,0 +1,25 @@
+/*
+ *
+ * AUTHENTICATION
+ *
+ */
+
+%authenticationListItemContainer {
+ margin-bottom: 4px;
+ background-color: var(--card-color-filled);
+ border: none;
+ transition: var(--default-time) var(--default-animation) background-color;
+ border-radius: 4px;
+
+ &:first-of-type {
+ border-radius: var(--card-radius-big) var(--card-radius-big) 4px 4px;
+ }
+
+ &:nth-of-type(4) {
+ border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
+ }
+
+ &:hover {
+ background-color: var(--card-color-hover);
+ }
+}
diff --git a/other/themes/Material-Discord/src/modals/_authorizeApp.scss b/other/themes/Material-Discord/src/modals/_authorizeApp.scss
new file mode 100644
index 0000000..b6228f5
--- /dev/null
+++ b/other/themes/Material-Discord/src/modals/_authorizeApp.scss
@@ -0,0 +1,145 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * AUTHORIZE APP
+ *
+ */
+
+%oauth2Wrapper {
+ min-height: 100px;
+ @include popout-format;
+ overflow: hidden;
+
+ %authorizeWrapper {
+ background-color: transparent;
+
+ %authorizeHeader {
+ padding: 24px 24px 16px;
+ border-radius: 0;
+ border-bottom: none;
+ }
+
+ %authorizeScrollContent {
+ padding: 0 !important;
+
+ div:last-child {
+ padding-bottom: 0;
+ }
+
+ %authorizeScopes {
+ border-bottom: 1px solid var(--popout-header-border);
+ }
+
+ %authorizeScopes,
+ %authorizeSelectorGroup,
+ %authorizeApplicationDetails {
+ padding: 16px 24px;
+ }
+
+ %authorizeApplicationEntry {
+ margin-top: 0;
+ margin-bottom: 8px;
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+
+ %authorizeGroupLabel {
+ @include remove-caps(14px);
+ }
+ }
+ }
+
+ %authorizeCaptcha {
+ padding: 0 24px 24px !important;
+ }
+
+ %authorizeSuccessWrapper {
+ padding: 24px;
+ }
+}
+
+%authorizeContent {
+ padding: 0 24px;
+}
+
+%authorizeDiscordConsentBody {
+ margin: 0;
+ padding: 0 calc(24px - var(--scrollbar-thin-width)) 0 24px;
+}
+
+%authorizeScopes,
+%authorizeApplicationDetails {
+ padding: 16px 0;
+}
+
+%authorizeApplicationDetails {
+ &:last-child {
+ padding-bottom: 0;
+ }
+}
+
+%authorizeScopes {
+ padding-bottom: 0;
+ border-bottom: none;
+}
+
+%authorizeScopes,
+%authorizeSelectorGroup {
+ %defaultColor {
+ @include remove-caps(14px);
+ }
+}
+
+%authorizeScope {
+ margin: 0;
+ padding: 8px 16px;
+ background-color: var(--card-color-filled);
+
+ &:first-of-type {
+ padding-top: 16px;
+ border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
+ }
+
+ &:last-of-type {
+ padding-bottom: 16px;
+ border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
+ }
+}
+
+%authorizeSectionGroup {
+ padding-left: 24px;
+ padding-right: 24px;
+
+ &:first-of-type {
+ padding-top: 0;
+ }
+}
+
+%authorizeBotPermissions {
+ padding: 0;
+ border-bottom: none;
+}
+
+%authorizePermissionsList {
+ max-height: 25vh;
+ margin-top: 16px;
+ padding: 16px;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+ overflow-y: scroll;
+
+ %authorizePermission {
+ &:first-of-type {
+ margin-top: 0;
+ }
+ }
+}
+
+%authorizeFooter {
+ margin-top: 0;
+ padding: 24px;
+ background-color: transparent;
+}
diff --git a/other/themes/Material-Discord/src/modals/_banUser.scss b/other/themes/Material-Discord/src/modals/_banUser.scss
new file mode 100644
index 0000000..34c9d9e
--- /dev/null
+++ b/other/themes/Material-Discord/src/modals/_banUser.scss
@@ -0,0 +1,14 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * BAN USER MODAL
+ *
+ */
+
+%banReasonOtherClickable {
+ --card-color-hover: var(--card-color-active);
+
+ margin-top: 16px;
+ @include card-format(false, 12px, true, true);
+}
diff --git a/other/themes/Material-Discord/src/modals/_bdErrors.scss b/other/themes/Material-Discord/src/modals/_bdErrors.scss
new file mode 100644
index 0000000..b66142d
--- /dev/null
+++ b/other/themes/Material-Discord/src/modals/_bdErrors.scss
@@ -0,0 +1,93 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * BETTERDISCORD ERRORS
+ *
+ */
+
+%bdErrorsModalHeader {
+ padding: 24px 24px 0 !important;
+ border-bottom: 1px solid var(--popout-header-border);
+
+ %size14 {
+ @include remove-caps(22px);
+ font-weight: 400;
+ }
+}
+
+%bdErrorsModalContent {
+ padding-top: 16px !important;
+}
+
+%bdTabBar {
+ height: 40px;
+ margin-left: -8px;
+
+ %bdTabItem {
+ height: inherit;
+ margin-right: 8px;
+ padding: 0 8px;
+ border-radius: 0;
+ color: var(--interactive-normal);
+
+ &,
+ &:hover,
+ &%bdTabItemSelected {
+ background-color: transparent;
+ }
+
+ &:hover {
+ color: var(--interactive-hover);
+ }
+
+ &%bdTabItemSelected {
+ @include tab-border(75%);
+ color: var(--interactive-normal);
+ }
+
+ &:last-of-type {
+ margin-right: 0;
+ }
+ }
+}
+
+%bdErrorsModalContent {
+ padding-bottom: 0;
+}
+
+%bdErrorsContainer {
+ margin-top: 0;
+}
+
+%bdErrorCard {
+ @include card-format(true, 0, true);
+
+ &:last-of-type {
+ margin-bottom: 0;
+ }
+
+ %bdErrorCardHeader {
+ padding: 16px;
+ }
+
+ %bdErrorCardIcon {
+ background-color: var(--attachment-color)
+ }
+
+ %bdErrorCardBody {
+ padding: 0 16px 16px;
+ }
+
+ %bdErrorCardDivider {
+ display: none;
+ }
+
+ %bdErrorCodeErrorStack {
+ code {
+ background-color: var(--attachment-color);
+ border-radius: var(--card-radius);
+ border: none;
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/modals/_bdModals.scss b/other/themes/Material-Discord/src/modals/_bdModals.scss
new file mode 100644
index 0000000..dc28462
--- /dev/null
+++ b/other/themes/Material-Discord/src/modals/_bdModals.scss
@@ -0,0 +1,32 @@
+/*
+ *
+ * BETTERDISCORD MODALS
+ *
+ */
+
+%bdModalHeader {
+ padding: 24px 24px 16px;
+
+ %bdModalHeaderPrimary {
+ font-size: 22px;
+ font-weight: 400;
+ color: var(--header-primary);
+ }
+}
+
+%bdModalContent {
+ padding: 0 24px;
+ color: var(--text-normal);
+}
+
+%bdModalFooter {
+ padding: 24px;
+ background-color: transparent;
+
+ %bdButton {
+ min-height: var(--button-height);
+ height: var(--button-height);
+ padding: var(--button-padding);
+ font-size: 14px;
+ }
+}
diff --git a/other/themes/Material-Discord/src/modals/_changeAvatar.scss b/other/themes/Material-Discord/src/modals/_changeAvatar.scss
new file mode 100644
index 0000000..86ae8e7
--- /dev/null
+++ b/other/themes/Material-Discord/src/modals/_changeAvatar.scss
@@ -0,0 +1,30 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * CHANGE AVATAR
+ *
+ */
+
+%settingsProfileOptionBox {
+ @include card-format(false, 16px, true, true);
+
+ &:hover {
+ border-color: hsl(var(--accent-hsl--material-you));
+ }
+}
+
+%settingsProfileContentCircle {
+ background-color: hsl(var(--accent-hsl--material-you));
+
+ %settingsProfileUploadIcon {
+ color: var(--accent-text-color--material-you);
+ }
+}
+
+%settingsProfileImageSpecifications {
+ &:empty {
+ margin-top: 0;
+ padding: 0;
+ }
+}
diff --git a/other/themes/Material-Discord/src/modals/_clips.scss b/other/themes/Material-Discord/src/modals/_clips.scss
new file mode 100644
index 0000000..60471e1
--- /dev/null
+++ b/other/themes/Material-Discord/src/modals/_clips.scss
@@ -0,0 +1,178 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * CLIPS MODALS
+ *
+ */
+
+%clipsSettingsButton {
+ width: var(--button-height);
+ height: var(--button-height);
+ margin-right: 32px;
+
+ + %modalCloseButton {
+ top: 28px !important;
+ }
+}
+
+%clipItem {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+ filter: none;
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &:hover {
+ background-color: var(--card-color-active);
+ filter: none;
+ }
+
+ &:focus-within {
+ background-color: var(--card-color-active);
+ }
+
+ %input {
+ --input-color: var(--card-color-hover) !important;
+ }
+}
+
+%clipThumb {
+ background-color: var(--card-color-alt);
+ border-radius: calc(var(--card-radius-big) / 1.8);
+}
+
+%clipBadge {
+ background-color: var(--card-button-color);
+ border-radius: calc(var(--card-radius-big) / 3);
+}
+
+%clipItemButtonContainer {
+ display: flex;
+
+ %button {
+ width: var(--button-height);
+ height: var(--button-height);
+ padding: 0;
+
+ &:first-child {
+ --button-background: hsl(var(--alert-hsl));
+ --button-text-color: var(--alert-text-color);
+ }
+ }
+}
+
+/* CLIPS MODALS -> EDIT CLIP */
+
+%timelineCenterWrapper {
+ transform: translateY(6px);
+}
+
+%timePillBackground {
+ background-color: hsl(var(--accent-hsl--material-you));
+
+ %timePillText {
+ font-weight: 500;
+ color: var(--accent-text-color--material-you) !important;
+ }
+}
+
+%playPauseButtonWrapper {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big) 0 0 var(--card-radius-big);
+}
+
+%playerTimelineBackground {
+ border-radius: 0 var(--card-radius-big) var(--card-radius-big) 0;
+}
+
+%playerDragBox {
+ border-color: hsl(var(--accent-hsl--material-you));
+}
+
+%playerDragHandle {
+ background-color: hsl(var(--accent-hsl--material-you));
+
+ &%playerDragHandleLeft {
+ border-radius: var(--card-radius-big) 0 0 var(--card-radius-big);
+ }
+
+ &%playerDragHandleRight {
+ border-radius: 0 var(--card-radius-big) var(--card-radius-big) 0;
+ }
+
+ %playerCropLeftArrow,
+ %playerCropRightArrow {
+ width: 20px;
+ height: 20px;
+ background-image: none;
+ background-color: var(--accent-text-color--material-you);
+ -webkit-mask-repeat: no-repeat;
+ }
+
+ %playerCropLeftArrow {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/chevron_left.svg);
+ }
+
+ %playerCropRightArrow {
+ -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/chevron_right.svg);
+ }
+}
+
+%playhead {
+ background-color: hsl(var(--accent-hsl--material-you));
+ box-shadow: var(--shadow-2dp);
+}
+
+%clipForm {
+ @include card-format(false, 0, true);
+
+ %modalSettingsContainer {
+ margin-bottom: 16px !important;
+ }
+
+ %clipFormRoot,
+ %clipFormUserList {
+ background-color: var(--card-color-active);
+ border-radius: var(--card-radius-big);
+ }
+
+ %clipFormNameSection {
+ border-bottom: none;
+ }
+
+ %clipFormTimeContainer {
+ padding: 0 8px 8px;
+ gap: 8px;
+
+ > 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;
+
+ &:first-child {
+ border-right: none;
+ }
+ }
+ }
+
+ %clipFormUserCountPill {
+ background-color: var(--card-color-filled);
+ }
+}
+
+/* CLIPS MODAL -> RECENT CLIPS POPOUT */
+
+%recentClipsPopout {
+ @include popout-format;
+
+ &:after {
+ border-top-color: var(--popout-color);
+ }
+
+ %recentClipsThumbnail {
+ border-radius: var(--card-radius);
+ }
+}
diff --git a/other/themes/Material-Discord/src/modals/_createInvite.scss b/other/themes/Material-Discord/src/modals/_createInvite.scss
new file mode 100644
index 0000000..ebcf94d
--- /dev/null
+++ b/other/themes/Material-Discord/src/modals/_createInvite.scss
@@ -0,0 +1,90 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * CREATE INVITE
+ *
+ */
+
+%inviteScroller {
+ padding-top: 0;
+}
+
+%inviteRow {
+ --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;
+
+ &:hover {
+ background-color: var(--menu-item-hover) !important;
+ }
+
+ %button {
+ 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;
+ }
+}
+
+%inviteContent {
+ &:before {
+ display: none;
+ }
+}
+
+%inviteFooter {
+ %input {
+ --button-height: 28px;
+
+ padding: 0 6px 0 12px;
+ border-radius: var(--input-height);
+ box-shadow: none;
+
+ %input {
+ padding: 0;
+ box-shadow: none;
+ }
+ }
+}
+
+%modalRoot {
+ %modalFooter {
+ %input {
+ %button {
+ width: auto;
+ margin-left: 8px;
+ }
+ }
+ }
+}
+
+%inviteBannerUpsell {
+ @include card-format(true, 16px 0, true);
+
+ %inviteBannerUpsellPremiumIcon {
+ margin-left: 16px;
+ }
+}
+
+%input {
+ %copyInput {
+ padding: var(--input-padding);
+ }
+
+ %copyButton {
+ margin-right: 4px !important;
+ }
+}
+
+%inviteTemporaryMembershipContainerBackground {
+ margin-top: 8px;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+
+ &:before {
+ display: none;
+ }
+}
diff --git a/other/themes/Material-Discord/src/modals/_createPoll.scss b/other/themes/Material-Discord/src/modals/_createPoll.scss
new file mode 100644
index 0000000..a2fa53f
--- /dev/null
+++ b/other/themes/Material-Discord/src/modals/_createPoll.scss
@@ -0,0 +1,89 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * CREATE POLL
+ *
+ */
+
+%pollCreateLegend {
+ @include remove-caps(14px);
+}
+
+%pollCreateAnswerRow {
+ display: flex;
+ padding: 16px 8px;
+ gap: 8px;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+
+ %pollCreateExpressionPickerButton {
+ width: var(--button-height);
+ min-width: var(--button-height);
+ height: var(--button-height);
+ }
+
+ %pollCreateExpressionPickerIcon {
+ margin-left: 0;
+ }
+
+ %pollCreateRemoveAnswerButton {
+ display: flex;
+ padding: 0;
+ align-items: center;
+ justify-content: center;
+ }
+}
+
+%pollCreateDefaultTextInputWrapper {
+ width: 100%;
+ gap: 8px;
+ background-color: transparent;
+ border: none;
+
+ > %pollCreateDefaultTextInput {
+ padding: 0;
+ }
+
+ %input {
+ border-radius: var(--input-radius);
+ box-shadow: none;
+ }
+
+ %pollCreateCharacterCount {
+ height: var(--input-height);
+ line-height: var(--input-height);
+ padding: 0;
+ }
+}
+
+%pollCreateAddAnswerButton {
+ 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;
+
+ &:hover {
+ background-color: transparent;
+ }
+
+ %pollCreateAddAnswerIcon,
+ %pollCreateAddAnswerButtonLabel {
+ color: hsl(var(--accent-hsl--material-you)) !important;
+ }
+
+ %pollCreateAddAnswerIcon {
+ height: var(--button-height);
+ }
+
+ %pollCreateAddAnswerButtonLabel {
+ padding: 0;
+ line-height: var(--button-height);
+ }
+
+ &%pollCreateCanRemoveMoreAnswers {
+ margin-right: 0;
+ }
+}
diff --git a/other/themes/Material-Discord/src/modals/_events.scss b/other/themes/Material-Discord/src/modals/_events.scss
new file mode 100644
index 0000000..02dd8c8
--- /dev/null
+++ b/other/themes/Material-Discord/src/modals/_events.scss
@@ -0,0 +1,126 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * EVENTS
+ *
+ */
+
+%eventCard {
+ @include card-format(false, 16px, true, true);
+
+ %eventCardRsvpCount {
+ background-color: var(--menu-item-hover);
+ }
+
+ %eventCardThumbnail {
+ width: 200px;
+ }
+
+ %eventCardDivider {
+ background-color: var(--card-border-color);
+ }
+
+ %eventCardFooter {
+ overflow: visible;
+ }
+}
+
+%eventCardPadding {
+ padding: 0;
+}
+
+/* EVENTS -> EVENTS MODAL */
+
+%eventBanner {
+ border-radius: var(--popout-radius-big);
+}
+
+%eventModalHeader {
+ padding: 0 16px;
+ border-bottom-color: var(--popout-header-border);
+}
+
+%eventModalCloseButton {
+ width: 32px;
+ height: 32px;
+ right: 16px;
+
+ @include md-ripple(hover, after, 1.2);
+ position: absolute;
+
+ %eventModalCloseButtonIcon {
+ margin-right: 0;
+ background-color: transparent !important;
+ }
+}
+
+%eventInfoHeader,
+%eventInfoBody {
+ padding: 16px 16px 0;
+}
+
+%eventInformationContent {
+ %modalContent {
+ width: auto !important;
+
+ > div:not([class]):first-child {
+ margin-top: -16px;
+ margin-left: -16px;
+ }
+ }
+}
+
+%eventErrorTitle {
+ padding: 32px 0;
+}
+
+/* EVENTS -> CREATE EVENT */
+
+%eventCreateSelectedProgressBar {
+ background-color: hsl(var(--accent-hsl--material-you));
+}
+
+%eventCreateFooterInline {
+ gap: 16px;
+}
+
+%eventUpsellContainer {
+ margin-top: 16px;
+ @include card-format(false, 0, true);
+}
+
+%eventFormItem {
+ margin-top: 16px;
+
+ %inputWrapper {
+ --input-height: auto;
+ }
+}
+
+%eventStartDateContainer {
+ @include new-input-format;
+ box-shadow: none !important;
+
+ %eventStartDateContent {
+ height: var(--input-height);
+ }
+}
+
+%eventUploadInnerSquare {
+ border-radius: var(--card-radius-big);
+}
+
+%eventPreviewCard {
+ @include card-format(true, 16px, true);
+
+ %eventPreviewCardCoverContainer {
+ margin: -16px -16px 16px;
+ border-radius: var(--card-radius-big);
+ }
+}
+
+%eventStatusBrand,
+%eventStatusLabel {
+ color: hsl(var(--accent-hsl--material-you)) !important;
+}
diff --git a/other/themes/Material-Discord/src/modals/_favorites.scss b/other/themes/Material-Discord/src/modals/_favorites.scss
new file mode 100644
index 0000000..e278098
--- /dev/null
+++ b/other/themes/Material-Discord/src/modals/_favorites.scss
@@ -0,0 +1,23 @@
+/*
+ *
+ * FAVORITES MODAL
+ *
+ */
+
+%favoritesCreateCategoryHeader {
+ margin-top: 0;
+ margin-bottom: 16px;
+ text-align: left;
+ font-weight: 400;
+ font-size: 22px;
+}
+
+%favoritesCreateCategoryCloseButton {
+ top: 26px;
+ right: 12px;
+ padding: 0;
+}
+
+%favoritesCreateCategoryName {
+ margin: 0;
+}
diff --git a/other/themes/Material-Discord/src/modals/_featureMessage.scss b/other/themes/Material-Discord/src/modals/_featureMessage.scss
new file mode 100644
index 0000000..d676e61
--- /dev/null
+++ b/other/themes/Material-Discord/src/modals/_featureMessage.scss
@@ -0,0 +1,24 @@
+/*
+ *
+ * FEATURE MESSAGE
+ *
+ */
+
+%featureModalMessage {
+ background-color: transparent !important;
+ box-shadow: none !important;
+
+ %messagesWrapper {
+ --message-color: var(--message-color-alt);
+
+ margin: 0 0 0 52px !important;
+
+ &:hover {
+ --message-color-hover: var(--message-color-alt);
+ }
+
+ %avatarLarge {
+ left: -52px !important;
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/modals/_index.scss b/other/themes/Material-Discord/src/modals/_index.scss
new file mode 100644
index 0000000..7056808
--- /dev/null
+++ b/other/themes/Material-Discord/src/modals/_index.scss
@@ -0,0 +1,35 @@
+@forward './acceptRules';
+@forward './accountSwitcher';
+@forward './activeThreads';
+@forward './activities';
+@forward './addPayment';
+@forward './addServer';
+@forward './authentication';
+@forward './authorizeApp';
+@forward './banUser';
+@forward './bdErrors';
+@forward './bdModals';
+@forward './changeAvatar';
+@forward './clips';
+@forward './createInvite';
+@forward './createPoll';
+@forward './events';
+@forward './favorites';
+@forward './featureMessage';
+@forward './modals';
+@forward './nitroPurchase';
+@forward './notifications';
+@forward './openLink';
+@forward './phoneModal';
+@forward './problemInfo';
+@forward './quickswitcher';
+@forward './reactions';
+@forward './reportMessage';
+@forward './screenshareSelection';
+@forward './securityActions';
+@forward './serverInvite';
+@forward './serverQuestions';
+@forward './stickerUpload';
+@forward './termsOfService';
+@forward './upload';
+@forward './userProfile';
diff --git a/other/themes/Material-Discord/src/modals/_modals.scss b/other/themes/Material-Discord/src/modals/_modals.scss
new file mode 100644
index 0000000..e1abe45
--- /dev/null
+++ b/other/themes/Material-Discord/src/modals/_modals.scss
@@ -0,0 +1,245 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * MODALS
+ *
+ */
+
+%modalRoot {
+ @include popout-format(true);
+
+ &%modalRootNoBg,
+ &%modalRootTransparent,
+ &%carouselModal {
+ background-color: transparent !important;
+ box-shadow: none !important;
+ }
+
+ &%modalSmall {
+ min-height: 75px;
+ }
+
+ &%modal {
+ %modalContentAlt {
+ max-height: 580px;
+ }
+ }
+
+ %modalHeader {
+ 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;
+
+ %headingLgSemibold,
+ %headlingXlSemibold,
+ %headlingXlExtrabold,
+ %titleH1,
+ %titleH2 {
+ font-size: 22px;
+ font-weight: 400;
+ }
+
+ %modalTitle {
+ margin-bottom: 0;
+ }
+
+ %modalHeaderTitle {
+ font-weight: 400;
+ }
+
+ %modalCloseButton,
+ %modalHeaderButton {
+ --button-height: 32px;
+
+ width: var(--button-height);
+ height: var(--button-height);
+ top: 20px;
+ right: 20px;
+ margin: 0;
+ padding: 0;
+ background-color: transparent !important;
+ @include md-ripple(hover, after, 1.1);
+ position: absolute;
+ }
+
+ %modalCloseButton {
+ %buttonContents {
+ height: 24px;
+ }
+
+ svg {
+ height: 24px !important;
+ transform: scale(0.85);
+ }
+ }
+
+ %modalHeaderButton {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+
+ %modalHeaderButtonIcon {
+ height: 24px;
+ transform: scale(0.85);
+ }
+ }
+ }
+
+ %modalConfirmStartHeader {
+ padding: 75px 16px 16px;
+ }
+
+ %modalContent {
+ padding: 0 24px;
+ background-color: transparent;
+ border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big);
+
+ &:first-child {
+ padding-top: 24px;
+
+ %headingMdSemibold {
+ line-height: 24px;
+ font-size: 20px;
+ font-weight: 400;
+ }
+ }
+
+ &:last-child {
+ padding-bottom: 24px;
+ }
+
+ %modalContentInner {
+ padding-bottom: 0;
+ }
+
+ %modalContentParagraph {
+ &:last-child {
+ margin-bottom: 2px;
+ }
+ }
+
+ a {
+ color: hsl(var(--accent-hsl--material-you));
+ }
+
+ img,
+ video {
+ border-radius: var(--card-radius-big);
+ }
+ }
+
+ %modalImageHeader {
+ border-radius: var(--card-radius-big);
+ }
+
+ %modalFooter {
+ padding: 24px;
+ gap: 16px;
+ background-color: transparent !important;
+ border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big);
+ box-shadow: none !important;
+
+ > %flexDirectionRow {
+ gap: 16px;
+ }
+
+ span:not([class])[style*="display: block"]:empty {
+ display: none !important;
+ }
+
+ %button {
+ margin: 0;
+
+ &%buttonPrimary {
+ --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;
+ }
+ }
+
+ %buttonBlank {
+ background-color: transparent !important;
+ color: var(--button-link-accent-text-color) !important;
+ }
+
+ %modelFooterMinorContainer {
+ margin: 8px 0 0;
+ }
+ }
+
+ %modalFooterButtonsContainer {
+ margin-top: 0;
+ }
+
+ %textContainerModal,
+ %textContainerFooter {
+ background-color: transparent;
+ }
+
+ %textContainerModal {
+ border: none;
+ }
+
+ > div:not([class]) {
+ > div:not([class]) {
+ max-height: 720px;
+
+ .content-1OG56Q {
+ max-height: 548px;
+ }
+ }
+ }
+
+ %modalSettingsContainer {
+ //margin-bottom: 0;
+ }
+
+ %settingsHeaderDivider {
+ margin: 16px 0;
+ padding-bottom: 0;
+ border-top-color: var(--popout-header-border);
+ }
+
+ %input {
+ &%flex {
+ --button-height: 28px;
+
+ padding: 0;
+ border-radius: var(--input-radius);
+ box-shadow: none;
+
+ %input {
+ border-radius: var(--input-radius);
+ box-shadow: none;
+ }
+ }
+ }
+
+ %guestBody {
+ padding: 0;
+ }
+}
+
+%valuePropContainer {
+ @include card-format(false, 16px, true);
+
+ %bulletedValueProp {
+ padding: 0;
+ }
+
+ %valuePropIconContainer {
+ background-color: var(--card-button-color);
+ color: var(--text-normal);
+ }
+}
+
+%welcomeModalLargeContent {
+ @include popout-format;
+}
diff --git a/other/themes/Material-Discord/src/modals/_nitroPurchase.scss b/other/themes/Material-Discord/src/modals/_nitroPurchase.scss
new file mode 100644
index 0000000..6b92297
--- /dev/null
+++ b/other/themes/Material-Discord/src/modals/_nitroPurchase.scss
@@ -0,0 +1,128 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * NITRO PURCHASE
+ *
+ */
+
+%premiumSkuSelect {
+ @include popout-format(true);
+
+ %titleH4 {
+ font-size: 20px;
+ line-height: 24px;
+ }
+
+ %premiumSkuButtons {
+ padding-top: 16px;
+ }
+}
+
+/* NITRO PURCHASE -> SELECTION AND REVIEW */
+
+%modalRoot {
+ %modalHeader {
+ &%modalHeaderAlt {
+ margin-bottom: 0;
+ padding-bottom: 0;
+ background-image: linear-gradient(var(--popout-color), var(--popout-color));
+ border-bottom: none;
+
+ %modalCloseButton {
+ top: -4px;
+ right: -4px;
+ }
+ }
+ }
+}
+
+%nitroPlanHeaderBackground {
+ width: calc(100% + 8px);
+ top: -24px;
+ left: -24px;
+ right: -24px;
+}
+
+%nitroPlanHeaderBackground,
+%nitroPlanPanningAnimation,
+%nitroPurchaseHeaderImage {
+ border-radius: var(--popout-radius-big);
+}
+
+%breadcrumbsWrapper {
+ padding: 0 24px 16px;
+ background-color: transparent;
+
+ &:after {
+ display: none;
+ }
+}
+
+%nitroPurchaseHeaderContainer {
+ + %breadcrumbsWrapper {
+ padding: 16px 24px 8px;
+ }
+}
+
+%nitroPlanSpinner {
+ background-color: transparent;
+}
+
+%nitroPlanSliderBody {
+ width: 392px;
+ padding-bottom: 0;
+}
+
+%nitroPlanSelectSeparator,
+%nitroPlanSelectSeparatorLower {
+ display: none;
+}
+
+%nitroPlanSelectSeparatorLower + %textXsNormal {
+ margin-top: 12px;
+}
+
+%nitroPlanOptionClickableContainer {
+ 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;
+
+ &:hover {
+ background-color: var(--card-color-hover) !important;
+ }
+}
+
+%nitroPlanSelectDivider {
+ display: none;
+}
+
+%nitroPlanWarnBlock {
+ margin-top: 16px;
+ @include card-format(false, 16px, true);
+}
+
+%nitroTable {
+ @include card-format(false, 16px, true);
+
+ %nitroTableDivider {
+ background-color: var(--card-border-color);
+ }
+}
+
+%nitroPlanPaymentSourceWarning {
+ margin-top: 8px;
+ @include card-format(false, 8px, true);
+}
+
+/* NITRO PURCHASE -> PURCHASED INFO */
+
+%purchaseModalInner {
+ width: auto;
+ background-color: transparent;
+}
+
+%purchaseBannerContainer {
+ border-radius: calc(var(--popout-radius-big) / 1.5);
+}
diff --git a/other/themes/Material-Discord/src/modals/_notifications.scss b/other/themes/Material-Discord/src/modals/_notifications.scss
new file mode 100644
index 0000000..3337ea9
--- /dev/null
+++ b/other/themes/Material-Discord/src/modals/_notifications.scss
@@ -0,0 +1,50 @@
+/*
+ *
+ * NOTIFICATION SETTINGS
+ *
+ */
+
+%notificationOverridePlaceholder {
+ height: 66px;
+ border-radius: var(--card-radius-big);
+ border: 1px dashed var(--card-border-color) !important;
+}
+
+%notificationOverrideList {
+ display: flex;
+ flex-direction: column;
+ gap: 8px;
+ padding-bottom: 0;
+}
+
+%notificationOverrideHeader,
+%notificationOverride {
+ margin-bottom: 0;
+}
+
+%notificationOverride {
+ padding: 16px 6px 16px 12px;
+}
+
+%notificationCheckboxGroup {
+ width: 290px;
+}
+
+%notificationCheckboxContainer {
+ &:before {
+ background-color: var(--card-border-color) !important;
+ }
+
+ &:first-of-type {
+ &:before {
+ display: none;
+ }
+ }
+}
+
+%notificationCheckboxMute {
+ &:before {
+ background-color: var(--card-color-hover);
+ border-radius: calc(var(--card-radius-big) / 1.4);
+ }
+}
diff --git a/other/themes/Material-Discord/src/modals/_openLink.scss b/other/themes/Material-Discord/src/modals/_openLink.scss
new file mode 100644
index 0000000..cee98ef
--- /dev/null
+++ b/other/themes/Material-Discord/src/modals/_openLink.scss
@@ -0,0 +1,61 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * OPEN LINK MODAL
+ *
+ */
+
+%modalRoot {
+ %modalOpenLinkTitle {
+ margin: 0 0 16px;
+ font-size: 22px;
+ font-weight: 400;
+ text-align: left;
+ text-transform: none;
+ }
+
+ %modalOpenLinkBody {
+ text-align: left;
+ }
+
+ %modalOpenLinkPrimaryButton,
+ %modalOpenLinkSecondaryButton {
+ flex: 0 1 auto;
+ }
+
+ %modalOpenLinkSecondaryButton {
+ &%buttonPrimary {
+ --button-text-color: hsl(var(--accent-hsl--material-you)) !important;
+ --button-action-color: hsl(var(--accent-hsl--material-you));
+ }
+ }
+
+ %modelOpenLinkMinorContainer {
+ flex: 1 1 auto;
+ width: auto;
+ margin: 0;
+
+ %modelOpenLinkSecondaryAction {
+ line-height: var(--button-height);
+ text-align: left;
+ color: var(--button-link-accent-text-color);
+ font-size: 1em;
+ font-weight: 500;
+ opacity: 1;
+ }
+ }
+}
+
+%modalOpenLinkWarningText {
+ text-align: left;
+}
+
+%modalOpenLinkCalloutContainer {
+ margin-bottom: 16px;
+ @include card-format(false, 16px, true);
+}
+
+%modalOpenLinkCheckbox {
+ margin-bottom: 0;
+}
diff --git a/other/themes/Material-Discord/src/modals/_phoneModal.scss b/other/themes/Material-Discord/src/modals/_phoneModal.scss
new file mode 100644
index 0000000..598c79b
--- /dev/null
+++ b/other/themes/Material-Discord/src/modals/_phoneModal.scss
@@ -0,0 +1,47 @@
+/*
+ *
+ * PHONE MODAL
+ *
+ */
+
+%phoneField {
+ padding: 2px 4px;
+ background-color: var(--input-color);
+ border-radius: 22px;
+ border: none;
+ box-shadow: none;
+
+ %phoneInputField {
+ background-color: transparent;
+ color: var(--input-text-color);
+
+ &::-webkit-input-placeholder {
+ color: var(--input-placeholder-color);
+ }
+ }
+
+ %phoneCountryButton {
+ margin: 0;
+ background-color: var(--button-background) !important;
+ border-radius: var(--button-radius);
+
+ %phonePlusSign,
+ %phoneCountryCode {
+ color: inherit;
+ }
+
+ %phoneFieldExpand {
+ stroke: var(--button-text-color);
+ }
+ }
+
+ %button {
+ margin: 0;
+ }
+}
+
+%phoneFieldPopout {
+ background-color: var(--popout-color) !important;
+ border-radius: var(--popout-radius);
+ box-shadow: var(--shadow-3dp);
+}
diff --git a/other/themes/Material-Discord/src/modals/_problemInfo.scss b/other/themes/Material-Discord/src/modals/_problemInfo.scss
new file mode 100644
index 0000000..d3423cb
--- /dev/null
+++ b/other/themes/Material-Discord/src/modals/_problemInfo.scss
@@ -0,0 +1,25 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * PROBLEM INFO
+ *
+ */
+
+%problemInfo {
+ margin-bottom: 0;
+}
+
+%problemInfoRoot {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+}
+
+%problemInfoOption {
+ @include card-format--list;
+ transition: var(--default-time) var(--default-animation);
+
+ &:hover {
+ background-color: var(--menu-item-hover);
+ }
+}
diff --git a/other/themes/Material-Discord/src/modals/_quickswitcher.scss b/other/themes/Material-Discord/src/modals/_quickswitcher.scss
new file mode 100644
index 0000000..cb7986a
--- /dev/null
+++ b/other/themes/Material-Discord/src/modals/_quickswitcher.scss
@@ -0,0 +1,66 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * QUICK SWITCHER
+ *
+ */
+
+%quickswitcher {
+ padding: 0;
+ @include popout-format;
+
+ %quickswitcherInput {
+ 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;
+
+ &::-webkit-input-placeholder {
+ font-family: var(--app-font);
+ }
+ }
+
+ %quickswitcherScroller {
+ margin-top: 0;
+ margin-right: 0;
+ background-color: transparent;
+
+ &::-webkit-scrollbar-track {
+ background: transparent !important;
+ }
+ }
+
+ %quickswitcherHeader {
+ @include remove-caps(14px);
+ }
+
+ %quickswitcherResult {
+ border-radius: 0;
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &[aria-selected="true"] {
+ background-color: var(--menu-item-hover);
+ }
+
+ %quickswitcherResultNote {
+ @include remove-caps(11px);
+ }
+ }
+
+ %quickswitcherContent {
+ padding: 0 14px 0 24px;
+ }
+
+ %quickswitcherProtip {
+ padding: 16px 24px 24px;
+
+ &%quickswitcherHasContent {
+ border-top: none;
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/modals/_reactions.scss b/other/themes/Material-Discord/src/modals/_reactions.scss
new file mode 100644
index 0000000..95178b3
--- /dev/null
+++ b/other/themes/Material-Discord/src/modals/_reactions.scss
@@ -0,0 +1,36 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * REACTIONS
+ *
+ */
+
+%reactors {
+ background-color: transparent !important;
+
+ %reactor {
+ box-shadow: none;
+
+ @include card-format--list;
+ }
+}
+
+%reactionList {
+ background-color: var(--attachment-color) !important;
+
+ %reactionDefault,
+ %reactionSelected {
+ border-radius: 14px;
+ }
+
+ %reactionDefault {
+ &:hover {
+ background-color: var(--menu-item-hover);
+ }
+ }
+
+ %reactionSelected {
+ background-color: var(--menu-item-select);
+ }
+}
diff --git a/other/themes/Material-Discord/src/modals/_reportMessage.scss b/other/themes/Material-Discord/src/modals/_reportMessage.scss
new file mode 100644
index 0000000..842d0b1
--- /dev/null
+++ b/other/themes/Material-Discord/src/modals/_reportMessage.scss
@@ -0,0 +1,25 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * REPORT MESSAGE MODAL
+ *
+ */
+
+%reportMessagePreviewContainer {
+ @include card-format(false, 16px 0, false);
+
+ %messagesWrapper {
+ --message-color-hover: var(--message-color);
+
+ margin: 0 0 0 72px !important;
+
+ %avatarLarge {
+ left: -56px !important;
+ }
+ }
+}
+
+%reportMessageChildButton {
+ @include card-format(false, 0, true, true);
+}
diff --git a/other/themes/Material-Discord/src/modals/_screenshareSelection.scss b/other/themes/Material-Discord/src/modals/_screenshareSelection.scss
new file mode 100644
index 0000000..4c8b8dd
--- /dev/null
+++ b/other/themes/Material-Discord/src/modals/_screenshareSelection.scss
@@ -0,0 +1,93 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * SCREEN SHARE SELECTION
+ *
+ */
+
+%screenshareModalContent {
+ padding: 0 24px;
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+}
+
+%screenshareSegmentDivider {
+ background-color: var(--popout-header-border);
+ box-shadow: none !important;
+ opacity: 1;
+}
+
+%screenshareSegmentControl {
+ height: 48px;
+ padding: 0 24px;
+}
+
+%screenshareSegmentControlTabItem {
+ height: inherit;
+ margin: 0 24px 0 0;
+ padding: 0 8px;
+ border: none !important;
+ color: var(--interactive-normal) !important;
+
+ &%screenshareSegmentControlSelected {
+ color: var(--interactive-normal) !important;
+ @include tab-border(90%);
+ }
+
+ %textSmMedium {
+ line-height: 48px;
+ }
+
+ &:last-of-type {
+ margin-right: 0;
+ }
+}
+
+%screenshareCard {
+ @include new-input-format;
+
+ %buttonSizeSmall {
+ --button-height: 30px;
+ }
+}
+
+%screenshareSettingsQualitySettingsContainer {
+ @include card-format(false, 16px, true);
+
+ %selectMenu {
+ margin-top: 0;
+ }
+
+ %eventTimeSelect {
+ margin-top: 0;
+ }
+}
+
+%screenshareSettingsUpsellBanner {
+ padding: 8px 12px;
+ border-radius: 20px;
+}
+
+%screenshareSettingsClipsContainer {
+ @include card-format(false, 16px, true);
+}
+
+%screenshareTile {
+ &:hover {
+ %screenshareSourceThumbnail {
+ box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl--material-you));
+ }
+ }
+}
+
+%screenshareSourceThumbnail {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+
+ &%screenshareSourceSelected {
+ box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl--material-you));
+ }
+}
diff --git a/other/themes/Material-Discord/src/modals/_securityActions.scss b/other/themes/Material-Discord/src/modals/_securityActions.scss
new file mode 100644
index 0000000..5baa244
--- /dev/null
+++ b/other/themes/Material-Discord/src/modals/_securityActions.scss
@@ -0,0 +1,24 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * SECURITY ACTIONS MODAL
+ *
+ */
+
+%securityActionsHeaderContainer {
+ %headingMdSemibold {
+ line-height: 24px;
+ font-size: 22px;
+ font-weight: 400;
+ }
+}
+
+%securityActionsMainContainer {
+ margin: 0;
+ gap: 16px;
+}
+
+%securityActionsPauseContainer {
+ @include card-format(false, 16px, true);
+}
diff --git a/other/themes/Material-Discord/src/modals/_serverInvite.scss b/other/themes/Material-Discord/src/modals/_serverInvite.scss
new file mode 100644
index 0000000..0e81028
--- /dev/null
+++ b/other/themes/Material-Discord/src/modals/_serverInvite.scss
@@ -0,0 +1,31 @@
+/*
+ *
+ * INVITED TO SERVER
+ *
+ */
+
+%inviteModal {
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+}
+
+%inviteModalContentWrapper {
+ background-color: var(--popout-color) !important;
+ border-radius: var(--popout-radius-big) 0 0 var(--popout-radius-big);
+
+ &:only-child {
+ border-radius: var(--popout-radius-big);
+ }
+
+ %headlingXlSemibold {
+ font-weight: 400;
+ }
+}
+
+%inviteModalContent {
+ min-height: unset;
+}
+
+%inviteModalSplash {
+ border-radius: var(--popout-radius-big);
+}
diff --git a/other/themes/Material-Discord/src/modals/_serverQuestions.scss b/other/themes/Material-Discord/src/modals/_serverQuestions.scss
new file mode 100644
index 0000000..511c9b5
--- /dev/null
+++ b/other/themes/Material-Discord/src/modals/_serverQuestions.scss
@@ -0,0 +1,60 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * SERVER QUESTIONS
+ *
+ */
+
+%promptGradient {
+ background: linear-gradient(180deg, var(--main-color) 0%, var(--main-alt) 100%) !important;
+ opacity: 0.725;
+}
+
+%promptMain {
+ border-radius: var(--card-radius-big) 0 0 var(--card-radius-big);
+}
+
+%prompt {
+ @include popout-format;
+
+ %scroller {
+ padding: 80px 100px;
+ }
+
+ %promptNavButtons {
+ padding: 8px;
+ background-color: transparent;
+ border-top: 1px solid var(--separator-color);
+ }
+}
+
+%promptOptions {
+ margin-bottom: 0;
+}
+
+%promptOptionButtonWrapper {
+ --card-color-filled: var(--card-color-alt);
+
+ @include card-format(false, 0, true, true);
+
+ &%promptOptionButtonWrapperSelected {
+ background-color: var(--card-color-active);
+ }
+}
+
+%promptOptionCheckIcon {
+ background-color: hsl(var(--accent-hsl--material-you));
+
+ path {
+ fill: var(--accent-text-color--material-you);
+ }
+}
+
+%promptOptionMemberCount {
+ @extend %promptOptionCheckIcon;
+
+ %textXsNormal {
+ color: var(--accent-text-color--material-you) !important;
+ }
+}
diff --git a/other/themes/Material-Discord/src/modals/_stickerUpload.scss b/other/themes/Material-Discord/src/modals/_stickerUpload.scss
new file mode 100644
index 0000000..f4b622e
--- /dev/null
+++ b/other/themes/Material-Discord/src/modals/_stickerUpload.scss
@@ -0,0 +1,36 @@
+/*
+ *
+ * STICKER UPLOAD
+ *
+ */
+
+%stickersUploadForm {
+ %modalContent {
+ padding: 0 !important;
+ }
+
+ %stickersUploadSectionTitle {
+ margin: 8px 0;
+
+ %titleH5 {
+ margin-bottom: 0;
+ }
+ }
+
+ %stickersUploadFormItem {
+ padding: 0 16px;
+ }
+
+ %themePreview {
+ border-radius: var(--card-radius-big);
+ border: none;
+ }
+
+ %fileUploadContainer {
+ --input-padding: 0;
+
+ %fileUploadButton {
+ width: 140px;
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/modals/_termsOfService.scss b/other/themes/Material-Discord/src/modals/_termsOfService.scss
new file mode 100644
index 0000000..e198d96
--- /dev/null
+++ b/other/themes/Material-Discord/src/modals/_termsOfService.scss
@@ -0,0 +1,40 @@
+/*
+ *
+ * TERMS OF SERVICE
+ *
+ */
+
+%termsOfServiceModal {
+ %termsOfServiceTitle {
+ margin: 0;
+ padding: 16px;
+ font-weight: 600;
+ font-size: 16px;
+ text-transform: none;
+ color: var(--header-primary);
+ }
+
+ %termsOfServiceContentDescription {
+ margin: 16px 16px 0;
+ }
+
+ %termsOfServiceContainer {
+ margin: 16px;
+ }
+
+ %termsOfServiceButtonContainer {
+ padding: 8px;
+
+ %button {
+ margin: 0;
+ }
+ }
+
+ %anchor {
+ color: hsl(var(--accent-hsl--material-you)) !important;
+ }
+
+ %termsOfServiceDivider {
+ border-color: var(--popout-header-border);
+ }
+}
diff --git a/other/themes/Material-Discord/src/modals/_upload.scss b/other/themes/Material-Discord/src/modals/_upload.scss
new file mode 100644
index 0000000..71befba
--- /dev/null
+++ b/other/themes/Material-Discord/src/modals/_upload.scss
@@ -0,0 +1,91 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * UPLOAD
+ *
+ */
+
+%uploadModalIn {
+ %uploadDropModal {
+ %uploadDropModalBgScale {
+ @include popout-format;
+ }
+
+ %uploadDropModalInner {
+ border: none;
+ }
+
+ %uploadDropModalTitle {
+ &,
+ strong {
+ color: var(--text-normal) !important;
+ }
+ }
+
+ %uploadDropModalInstructions {
+ color: var(--text-normal) !important;
+ }
+
+ &%uploadDropModalError {
+ %uploadDropModalTitle {
+ &,
+ strong {
+ color: #eee !important;
+ }
+ }
+
+ %uploadDropModalInstructions {
+ color: #eee !important;
+ }
+ }
+ }
+}
+
+%uploadModal {
+ %uploadModalFooter {
+ 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;
+
+ %button%buttonLink {
+ margin-right: 8px;
+ }
+ }
+}
+
+.colorDefault-CDqZdO .subtext-2GlkbE {
+ color: var(--text-muted) !important;
+}
+
+/* UPLOAD -> SOUNDBOARD */
+
+%uploadSoundboardMultiInput + %uploadSoundboardSection {
+ &:nth-last-of-type(2) {
+ margin-bottom: 0;
+ }
+}
+
+%uploadSoundboardFakeInput {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+ border: none;
+
+ %uploadSoundboardFakeInputPlayButton {
+ background-color: var(--card-button-color);
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &:hover {
+ background-color: var(--card-button-color-hover);
+ }
+ }
+}
+
+%uploadSoundboardHandleFrame {
+ &:before,
+ &:after {
+ background-color: var(--card-color-filled);
+ }
+}
diff --git a/other/themes/Material-Discord/src/modals/_userProfile.scss b/other/themes/Material-Discord/src/modals/_userProfile.scss
new file mode 100644
index 0000000..2068a6e
--- /dev/null
+++ b/other/themes/Material-Discord/src/modals/_userProfile.scss
@@ -0,0 +1,87 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * USER PROFILE
+ *
+ */
+
+%biteSizeIconButton {
+ padding: 0;
+
+ %buttonContents {
+ min-height: var(--button-height);
+ min-width: var(--button-height);
+ }
+}
+
+%userProfileModalTabBar {
+ height: 48px;
+ margin: 0;
+ padding: 0 16px;
+ gap: 24px;
+
+ %tabBarItem {
+ height: inherit;
+ border-bottom: none;
+
+ &%tabBarItemSelected {
+ @include tab-border(90%);
+ }
+
+ %textSmNormal {
+ line-height: 48px;
+ }
+ }
+}
+
+%fullSizeOverlayBackground {
+ border-radius: calc(var(--popout-radius-big) / 1.75);
+ border: none;
+}
+
+/* USER PROFILE -> CONNECTED ACCOUNTS */
+
+%userProfileModalConnectedAccounts {
+ margin-top: -16px;
+ border-top: none !important;
+
+ %userProfileModalConnectedAccount {
+ --card-color-filled: var(--card-color-hover);
+ --card-radius-big: var(--card-radius);
+
+ margin-top: 16px;
+ @include card-format(false, 12px 8px, true);
+ }
+}
+
+/* USER PROFILE -> NOTE */
+
+%userProfileModalNote {
+ margin: 0;
+
+ textarea {
+ padding: 6px 12px;
+ border-radius: var(--input-radius);
+ box-shadow: none !important;
+
+ &:focus {
+ background-color: var(--input-color);
+ }
+ }
+}
+
+/* USER PROFILE -> LISTS */
+
+%listRow {
+ border-radius: var(--popout-radius);
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &:hover {
+ background-color: var(--menu-item-hover);
+ }
+}
+
+%listRowIconActiveMedium {
+ border-radius: 50%;
+}
diff --git a/other/themes/Material-Discord/src/pages/_appDirectory.scss b/other/themes/Material-Discord/src/pages/_appDirectory.scss
new file mode 100644
index 0000000..261073e
--- /dev/null
+++ b/other/themes/Material-Discord/src/pages/_appDirectory.scss
@@ -0,0 +1,180 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * APP DIRECTORY
+ *
+ */
+
+%appDirectoryRoot {
+ animation: page-open 300ms var(--default-animation);
+}
+
+@keyframes page-open {
+ from { transform: scale(1.1); opacity: 0; }
+}
+
+%appDirectoryContainer {
+ background-color: var(--main-color) !important;
+}
+
+/* APP DIRECTORY -> SEARCH BAR */
+
+%appDirectorySearch {
+ --input-height: 48px;
+
+ @include new-input-format(true);
+ box-shadow: none !important;
+
+ %inputWrapper {
+ &:before,
+ &:after {
+ display: none;
+ }
+ }
+
+ %appDirectorySearchBoxInput {
+ height: var(--input-height);
+ padding: 0;
+ }
+}
+
+/* APP DIRECTORY -> SEARCH RESULTS */
+
+%appDirectorySidebarCategory {
+ border-radius: 24px;
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &:hover {
+ background-color: var(--menu-item-hover);
+ }
+
+ &%appDirectorySidebarActiveCategory {
+ background-color: hsl(var(--accent-hsl),var(--menu-item-select-accent-opacity));
+ }
+}
+
+%appDirectorySearchResultsListing {
+ border-radius: var(--card-radius-big);
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &:hover {
+ background-color: var(--card-color-hover);
+ }
+
+ %appDirectorySearchResultsListingDetails {
+ transition: var(--default-time) var(--default-animation) border-color;
+ }
+}
+
+/* APP DIRECTORY -> CATEGORIES */
+
+%appDirectoryCategory {
+ height: 36px;
+ padding: 0 12px;
+ background-color: var(--card-button-color);
+ border-radius: 10px;
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &:hover {
+ background-color: var(--card-button-color-hover);
+ }
+}
+
+/* APP DIRECTORY -> CARDS */
+
+%appDirectoryCardScollerContainer {
+ %scroller {
+ --scrollbar-width: 4px;
+ }
+}
+
+%appDirectoryCard {
+ @include card-format(true, 0, true, true);
+}
+
+%appDirectoryAnimatesOnHoverContainer {
+ &:hover {
+ box-shadow: none;
+ transform: none;
+
+ %appDirectoryCardImage {
+ transform: none;
+ }
+ }
+}
+
+%appDirectoryCardImage {
+ border-radius: var(--card-radius-big);
+}
+
+%appDirectoryLearnMoreCard {
+ @include card-format(true, 0, false, false);
+}
+
+%appDirectoryLearnMoreCardHeader {
+ color: var(--header-primary);
+}
+
+%appDirectoryLearnMoreDescription {
+ color: var(--text-normal);
+}
+
+/* APP DIRECTORY -> BOT INFO */
+
+%botInfoHeaderBanner {
+ border-radius: var(--card-radius-big);
+}
+
+%botInfoHeaderIcon {
+ background-color: var(--main-color);
+ border-color: var(--main-color);
+}
+
+%botInfoSupportServerCard {
+ @include card-format(false, 0, true, true);
+
+ &:hover {
+ %botInfoSupportServerIconMask {
+ background-color: var(--card-color-hover);
+ }
+ }
+
+ %botInfoSupportServerSplashImage {
+ border-radius: var(--card-radius-big);
+ }
+
+ %botInfoSupportServerIconMask {
+ background-color: var(--card-color-filled);
+ transition: var(--default-time) var(--default-animation) background-color;
+ }
+}
+
+%botInfoPremiumContainer {
+ @include card-format;
+
+ %botInfoPremiumCardHeader {
+ @include card-format--header;
+ }
+
+ %botInfoPremiumPriceAndButtonContainer {
+ background-color: transparent;
+ }
+
+ %botInfoPremiumBenefitsContainer {
+ @include card-format--body;
+ background-color: transparent;
+ }
+}
+
+%botInfoCommandList {
+ @include card-format(false, 16px);
+
+ %botInfoCommandName {
+ @include card-format(false, 10px 12px, true);
+ }
+}
+
+%botInfoPermissionHeader {
+ margin-top: 0;
+}
diff --git a/other/themes/Material-Discord/src/pages/_browseChannels.scss b/other/themes/Material-Discord/src/pages/_browseChannels.scss
new file mode 100644
index 0000000..b2257f8
--- /dev/null
+++ b/other/themes/Material-Discord/src/pages/_browseChannels.scss
@@ -0,0 +1,115 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * BROWSE CHANNELS
+ *
+ */
+
+%browseChannelsHeader {
+ margin: 0 46px 0 16px;
+ padding: 16px 0;
+}
+
+%browseChannelsScrollerInner {
+ padding: 0 36px 32px 16px;
+}
+
+%browseChannelsChooseContainer {
+ background-color: hsl(var(--accent-hsl--material-you));
+ border-radius: var(--card-radius-big);
+
+ .defaultColor-HXu-5n,
+ .body-2A992B {
+ color: var(--accent-text-color--material-you) !important;
+ }
+}
+
+/* BROWSE CHANNELS -> CHANNELS */
+
+%browseChannelsCategoryText {
+ @include remove-caps(14px);
+}
+
+%browseChannelsChannelRow {
+ --button-height: 34px;
+
+ position: relative;
+ padding: 12px 16px;
+ background-color: var(--card-color-filled);
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &: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;
+ }
+
+ &%browseChannelsFirstChannel {
+ padding-top: 20px;
+ border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
+
+ &:before {
+ height: calc(100% - 8px);
+ top: 8px;
+ }
+
+ &%browseChannelsLastChannel {
+ border-radius: var(--card-radius-big);
+ }
+ }
+ &%browseChannelsLastChannel {
+ padding-bottom: 20px;
+ border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
+
+ &:before {
+ height: calc(100% - 8px);
+ }
+ }
+
+ &:not(%browseChannelsChannelDisabled) {
+ &:hover {
+ background-color: var(--card-color-filled);
+
+ &:before {
+ opacity: 1;
+ }
+ }
+ }
+
+ &:hover {
+ %browseChannelsViewChannelButton {
+ opacity: 1;
+ visibility: visible;
+ transition: var(--default-time) var(--default-animation) opacity;
+ }
+ }
+
+ %browseChannelsViewChannelButton {
+ display: block;
+ opacity: 0;
+ visibility: hidden;
+ transition: var(--default-time) var(--default-animation) opacity;
+ }
+
+ %browseChannelsChannelName {
+ gap: 8px;
+ }
+}
+
+%browseChannelsChannelInfo {
+ z-index: 2;
+}
+
+%browseChannelsChannelSeparator {
+ display: none;
+ //background-color: var(--card-border-color);
+}
diff --git a/other/themes/Material-Discord/src/pages/_channelsAndRoles.scss b/other/themes/Material-Discord/src/pages/_channelsAndRoles.scss
new file mode 100644
index 0000000..a7597a2
--- /dev/null
+++ b/other/themes/Material-Discord/src/pages/_channelsAndRoles.scss
@@ -0,0 +1,41 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * CHANNELS AND ROLES
+ *
+ */
+
+%channelsAndRolesContainer {
+ background-color: var(--chat-color) !important;
+
+ %channelsAndRolesTabBar {
+ margin: 32px 46px 0 32px;
+ border-bottom: 1px solid var(--separator-color);
+
+ + %chat {
+ %pageBody {
+ padding-top: 0;
+ }
+ }
+ }
+}
+
+%channelsAndRolesPrompt {
+ @include card-format(false, 16px, true);
+
+ %channelsAndRolesPromptTitle {
+ line-height: normal;
+ font-size: 1.25em;
+ color: var(--card-header-text-color) !important;
+ font-weight: 500;
+ }
+
+ %promptOptionButton {
+ --card-color-filled: var(--card-color-alt);
+ }
+}
+
+%channelsAndRolesProfileCard {
+ @include card-format(false, 16px, true);
+}
diff --git a/other/themes/Material-Discord/src/pages/_home.scss b/other/themes/Material-Discord/src/pages/_home.scss
new file mode 100644
index 0000000..05bcdc6
--- /dev/null
+++ b/other/themes/Material-Discord/src/pages/_home.scss
@@ -0,0 +1,154 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * HOME TAB
+ *
+ */
+
+%homeIntroCard {
+ @include card-format(false, 16px, true);
+
+ %homeIntroCardIcon {
+ border: 6px solid var(--card-color-filled);
+ }
+}
+
+/* HOME TAB -> ACTIVE NOW */
+
+%homeActiveNowContainer {
+ @include card-format(false, 0, true);
+
+ %homeActiveNowContainerHeader {
+ @include card-format--header(false, true);
+
+ %headingMdSemibold {
+ @include card-format--header-fix;
+ }
+ }
+
+ %homeActiveNowEmptyContainer {
+ margin-top: 0;
+ background-color: transparent;
+ }
+}
+
+%homeActiveNowChannelList {
+ padding: 12px 12px 0;
+}
+
+%homeActiveNowChannelContainer {
+ border-radius: var(--card-radius-big);
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &:hover {
+ background-color: var(--card-color-hover);
+ }
+
+ %homeActiveNowChannelIconContainer,
+ %homeActiveNowChannelMoreUsers {
+ background-color: var(--card-color-hover);
+ }
+}
+
+%homeActiveNowSmallCard {
+ @include card-format(false, 8px);
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &:hover {
+ background-color: var(--card-color-hover);
+ }
+
+ &%homeActiveNowSmallCardFiller {
+ padding: 0;
+ overflow: hidden;
+ }
+
+ %homeActiveNowTypingIndicator {
+ background-color: var(--card-color-hover);
+ }
+}
+
+@media (max-width: 1300px) {
+ %homeActiveNowSmallScrollIcon {
+ background-color: var(--chat-color);
+ border: 1px solid var(--card-border-color);
+ }
+}
+
+/* HOME TAB -> UPCOMING */
+
+%homeUpcomingContainer {
+ @include card-format(false, 0, true);
+
+ %homeUpcomingHeader {
+ @include card-format--header(false, true);
+
+ %headingMdSemibold {
+ @include card-format--header-fix;
+ }
+ }
+}
+
+%homeUpcomingEventContainer {
+ margin: 0 16px;
+
+ &:last-of-type,
+ &:only-child {
+ margin-bottom: 16px;
+ }
+}
+
+/* HOME TAB -> YOUR HIGHLIGHTS */
+
+%homeBrandCard {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+
+ %homeBrandCardTextContainer {
+ margin: 16px 0 16px 16px;
+ }
+}
+
+%homeHighlightsCard {
+ &%homeHighlightsCardBackground {
+ @include card-format(false, 16px, true);
+ }
+}
+
+%homeHighlightsInteractiveCard {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+ border: none !important;
+
+ &:hover {
+ box-shadow: none;
+ }
+
+ %messagesWrapper {
+ %messageContentInner {
+ overflow: hidden;
+ }
+
+ &%messageCozy {
+ --message-color: var(--message-color-hover);
+
+ &:not(%message) {
+ margin: 16px 16px 0 79px;
+ }
+ }
+ }
+
+ %avatarDecoration {
+ left: -65px;
+ }
+}
+
+%homeHighlightsFeedItemHeader {
+ padding: 16px;
+ border-bottom: none;
+
+ %headingSmSemibold {
+ font-size: 1.25em;
+ }
+}
diff --git a/other/themes/Material-Discord/src/pages/_index.scss b/other/themes/Material-Discord/src/pages/_index.scss
new file mode 100644
index 0000000..8581fc9
--- /dev/null
+++ b/other/themes/Material-Discord/src/pages/_index.scss
@@ -0,0 +1,12 @@
+@forward './appDirectory';
+@forward './browseChannels';
+@forward './channelsAndRoles';
+@forward './home';
+@forward './members';
+@forward './modView';
+@forward './premiumMembership';
+@forward './serverBoost';
+@forward './serverDiscovery';
+@forward './serverGuide';
+@forward './serverShop';
+@forward './shop';
diff --git a/other/themes/Material-Discord/src/pages/_members.scss b/other/themes/Material-Discord/src/pages/_members.scss
new file mode 100644
index 0000000..fa5f73a
--- /dev/null
+++ b/other/themes/Material-Discord/src/pages/_members.scss
@@ -0,0 +1,142 @@
+/*
+ *
+ * RECENT MEMBERS
+ *
+ */
+
+%membersPageContainer {
+ padding: 32px;
+ background-color: var(--chat-color) !important;
+}
+
+%membersPageMainTableContainer {
+ background-color: transparent;
+ box-shadow: none;
+}
+
+%membersPageSearchHeaderContainer {
+ margin-bottom: 16px;
+ padding: 0;
+
+ %headingMdMedium {
+ font-weight: 400;
+ font-size: 1.25em;
+ }
+
+ %listPopoutSearchBar {
+ --input-padding: 0 4px 0 12px;
+ }
+
+ %listPopoutSearchInput {
+ font-size: 1em;
+ }
+}
+
+%membersPageTable {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+ border-top: none;
+
+ tbody {
+ &:before {
+ content: " ";
+ display: block;
+ height: 8px;
+ }
+ }
+}
+
+%membersPageTableHeaderRow {
+ &:first-child {
+ &:after {
+ bottom: 0;
+ box-shadow: 0 1px 0 0 var(--card-border-color);
+ }
+ }
+}
+
+%membersPageTableHeaderCellContainer {
+ padding: 12px 8px;
+}
+
+%membersPageMemberRowContainer {
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &:hover {
+ background-color: var(--card-color-alt-hover) !important;
+
+ %membersPageMemberRowButton {
+ background-color: var(--card-button-color-hover);
+ }
+ }
+
+ td {
+ padding: 12px 8px;
+ background-color: transparent !important;
+
+ &:after {
+ display: none;
+ }
+
+ &:first-child {
+ border-radius: calc(var(--card-radius-big) / 1.5) 0 0 calc(var(--card-radius-big) / 1.5);
+ }
+
+ &:last-child {
+ border-radius: 0 calc(var(--card-radius-big) / 1.5) calc(var(--card-radius-big) / 1.5) 0;
+ }
+ }
+}
+
+%membersPageMemberNewMembersNotice {
+ top: 0;
+ background-color: hsl(var(--accent-hsl--material-you));
+
+ &:hover {
+ background-color: hsl(var(--accent-hsl--material-you));
+ }
+
+ td {
+ &:first-child {
+ border-radius: 18px 0 0 18px;
+ }
+
+ &:last-child {
+ border-radius: 0 18px 18px 0;
+ }
+ }
+
+ %textSmNormal {
+ color: var(--accent-text-color--material-you) !important;
+ font-weight: 500;
+ }
+
+ %button {
+ --button-text-color: var(--accent-text-color--material-you);
+ }
+}
+
+%membersPageMemberOtherRoles {
+ background-color: var(--card-color-filled);
+ border-radius: 50%;
+ transition: var(--default-time) var(--default-animation) opacity;
+
+ %membersPageMemberAddRoleIcon {
+ color: var(--text-normal);
+ }
+}
+
+%membersPageMemberButton {
+ background-color: var(--card-button-color);
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &:hover {
+ background-color: var(--card-button-color-hover);
+ }
+}
+
+%membersPagePaginationContainer {
+ margin-top: 8px;
+ padding: 0;
+ border-top: none;
+}
diff --git a/other/themes/Material-Discord/src/pages/_modView.scss b/other/themes/Material-Discord/src/pages/_modView.scss
new file mode 100644
index 0000000..59c18bb
--- /dev/null
+++ b/other/themes/Material-Discord/src/pages/_modView.scss
@@ -0,0 +1,109 @@
+/*
+ *
+ * MOD VIEW
+ *
+ */
+
+%modViewProfileThemedContainer {
+ border-radius: var(--card-radius-big) !important;
+
+ %keybindKeyComboContainer {
+ background-color: transparent;
+ }
+
+ %keybindShortcutKey {
+ background-color: var(--profile-gradient-primary-color);
+ color: var(--text-normal) !important;
+ }
+
+ %searchResult {
+ background-color: transparent !important;
+ box-shadow: none;
+
+ %messagesWrapper {
+ --message-color: var(--profile-gradient-overlay-color);
+ --message-color-hover: var(--profile-gradient-overlay-color);
+
+ margin: 0 0 0 50px !important;
+ }
+ }
+
+ %searchResultsButtonsContainer {
+ background-color: transparent !important;
+ box-shadow: none;
+
+ %searchResultJumpButton {
+ background-color: var(--profile-gradient-button-color);
+ color: var(--white-500);
+ }
+ }
+}
+
+%modViewTopUserInfoContainer {
+ background-color: var(--profile-gradient-overlay-color);
+ border-radius: calc(var(--card-radius-big) / 1.75);
+ box-shadow: none;
+
+ + div:not([class]) {
+ border-radius: calc(var(--card-radius-big) / 1.75);
+ }
+
+ %modViewTopRow,
+ %modViewBottomRowAction {
+ background-color: transparent !important;
+ }
+
+ %modViewBottomRow {
+ margin: 8px;
+ }
+
+ %modViewInnerBottomRowAction {
+ 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;
+
+ &:hover {
+ background-color: var(--profile-gradient-overlay-color);
+ }
+ }
+}
+
+%modViewBottomUserInfoContainer {
+ background-color: var(--profile-gradient-overlay-color) !important;
+ border-radius: calc(var(--card-radius-big) / 1.75);
+
+ %modViewBottomUserInfoHeader {
+ background-color: transparent !important;
+ box-shadow: none;
+ }
+}
+
+%modViewModInfoItemContainer {
+ box-shadow: none;
+
+ %modViewModInfoItem {
+ margin-bottom: 2px;
+ background-color: var(--profile-gradient-overlay-color);
+ border-radius: 4px;
+ box-shadow: none;
+
+ &:first-child {
+ border-radius: var(--card-radius-big) var(--card-radius-big) 4px 4px;
+ }
+
+ &:last-child {
+ margin-bottom: 0;
+ border-radius: 4px 4px var(--card-radius-big) var(--card-radius-big);
+ }
+
+ &:only-child {
+ margin-bottom: 0;
+ border-radius: var(--card-radius-big);
+ }
+ }
+
+ %modViewModInfoAction {
+ &:hover {
+ background-color: var(--profile-gradient-primary-color);
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/pages/_premiumMembership.scss b/other/themes/Material-Discord/src/pages/_premiumMembership.scss
new file mode 100644
index 0000000..796b73a
--- /dev/null
+++ b/other/themes/Material-Discord/src/pages/_premiumMembership.scss
@@ -0,0 +1,64 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * PREMIUM MEMBERSHIP
+ *
+ */
+
+%premiumMembershipScroller {
+ background-color: var(--chat-color);
+
+ %premiumMembershipScrollerContent {
+ max-width: 100%;
+ }
+}
+
+%premiumMembershipCoverImageContainer {
+ width: calc(100% - 64px);
+ margin: 32px;
+
+ %premiumMembershipCoverImage {
+ border-radius: var(--card-radius-big);
+ }
+}
+
+%premiumMembershipGuildIconContainer {
+ background-color: var(--chat-color);
+}
+
+%cardContainerWithoutTopIndicator {
+ --message-color: var(--card-color-alt);
+
+ @include card-format(false, 0, true);
+}
+
+%tierInfoContainer,
+%subscriptionPerks {
+ background-color: transparent;
+}
+
+%tierInfoContainer {
+ border-bottom: 1px solid var(--card-border-color);
+
+ %button {
+ background: none;
+
+ %tierSubscribeShine {
+ display: none;
+ }
+ }
+}
+
+%subscriptionPerks {
+ %subscriptionSectionHeader {
+ @include remove-caps(14px);
+ }
+}
+
+%roleMessagePreview {
+ margin-left: 50px;
+ padding: 0;
+ background-color: transparent;
+ border: none;
+}
diff --git a/other/themes/Material-Discord/src/pages/_serverBoost.scss b/other/themes/Material-Discord/src/pages/_serverBoost.scss
new file mode 100644
index 0000000..aa74952
--- /dev/null
+++ b/other/themes/Material-Discord/src/pages/_serverBoost.scss
@@ -0,0 +1,176 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * SERVER BOOST
+ *
+ */
+
+%serverBoostScroller {
+ background-color: var(--main-color);
+
+ %serverBoostHeading {
+ color: var(--header-primary) !important;
+ }
+
+ %serverBoostHeading,
+ .heading-xl-bold-38fuFv,
+ .heading-xxl-semibold-2jeRzp,
+ .heading-xxl-bold-nfv1ir,
+ .heading-xxl-extrabold-2-MUEs {
+ font-weight: 400;
+ }
+}
+
+%serverBoostHeader {
+ background: none !important;
+
+ %serverBoostHeaderWave {
+ display: none;
+ }
+
+ %serverBoostGuildName {
+ color: var(--header-primary) !important;
+ }
+
+ %serverBoostGuildBoostCountWrapper {
+ color: var(--header-secondary);
+
+ %serverBoostGuildStatusCopy {
+ opacity: 1;
+ }
+ }
+}
+
+%serverBoostBodyWave {
+ display: none;
+}
+
+%serverBoostFloatingPillInnerWrapper {
+ padding: 12px 24px 12px 12px;
+ background-color: var(--popout-color);
+ box-shadow: var(--shadow-3dp);
+
+ &:before,
+ &:after {
+ display: none;
+ }
+}
+
+/* SERVER BOOST -> BOOST BUTTONS */
+
+%serverBoostGuildBoostCtas {
+ max-width: unset;
+ justify-content: center;
+
+ %serverBoostGuildBoostCta {
+ flex: 0 1 auto;
+
+ &:hover {
+ transform: none;
+ }
+ }
+}
+
+%serverBoostGuildBoostCtaBoost {
+ --button-background: hsl(var(--accent-hsl--material-you)) !important;
+ --button-text-color: var(--accent-text-color--material-you) !important;
+
+ width: auto;
+
+ %serverBoostGuildBoostCtaBoostContent {
+ margin: 0;
+ color: var(--button-text-color);
+ }
+}
+
+%serverBoostGuildBoostCtaSecondary {
+ --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 */
+
+%serverBoostProgressBarFill {
+ background-image: none;
+ background-color: var(--guild-boosting-pink);
+}
+
+%serverBoostProgressBarTrack {
+ background-color: var(--card-color-filled);
+}
+
+%serverBoostProgressBarMarker {
+ background-color: var(--main-color);
+
+ %serverBoostBoostedTierIconBackground {
+ background-color: var(--card-color-filled);
+ opacity: 1;
+ }
+
+ %serverBoostProgressBarMarkerLabel {
+ font-weight: 500;
+ color: var(--text-normal);
+ opacity: 1;
+ }
+
+ &%serverBoostProgressBarMarkerLocked {
+ %serverBoostProgressBarMarkerLabel {
+ color: var(--text-muted);
+ }
+ }
+}
+
+/* SERVER BOOST -> TIER CARDS */
+
+%serverBoostTierCard {
+ border-radius: var(--card-radius-big);
+ box-shadow: none;
+}
+
+/* SERVER BOOST -> TOP PERKS */
+
+%serverBoostTopPerksCard {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+}
+
+%serverBoostPerkPreviewImage {
+ @include popout-format;
+}
+
+/* SERVER BOOST -> COMMUNITY RECOGNITION */
+
+%serverBoostCommunityRecognitionWrapper {
+ margin-bottom: 64px;
+ border-radius: var(--card-radius-big);
+
+ %serverBoostCommunityRecognitionBackgroundImages {
+ border-radius: var(--card-radius-big);
+ }
+}
+
+%serverBoostCommunityRecognitionCard {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+}
+
+/* SERVER BOOST -> BOOST MODAL */
+
+%serverBoostSubscriptionCard {
+ @include card-format(false, 16px, true);
+
+ %serverBoostSubscriptionTierPill {
+ background-color: var(--card-color-active) !important;
+ }
+}
+
+%pendingCancellationCard {
+ background-color: hsl(var(--warning-hsl),0.3);
+ border-radius: var(--card-radius-big);
+ border: none;
+
+ %pendingCancellationIcon {
+ color: hsl(var(--warning-hsl));
+ }
+}
diff --git a/other/themes/Material-Discord/src/pages/_serverDiscovery.scss b/other/themes/Material-Discord/src/pages/_serverDiscovery.scss
new file mode 100644
index 0000000..ff05992
--- /dev/null
+++ b/other/themes/Material-Discord/src/pages/_serverDiscovery.scss
@@ -0,0 +1,203 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * SERVER DISCOVERY
+ *
+ */
+
+%pageWrapper {
+ background-color: var(--chat-color) !important;
+}
+
+%discoverHeaderImage {
+ border-radius: var(--card-radius-big);
+}
+
+%discoverSearchBox {
+ padding-right: 8px;
+ border-radius: var(--input-radius);
+ border: none;
+ box-shadow: none;
+
+ %discoverSearchBoxInput {
+ height: var(--input-height);
+ padding: 0 16px !important;
+ box-shadow: none !important;
+ }
+}
+
+/* SERVER DISCOVERY -> SIDEBAR */
+
+%channelsSidebar {
+ %listItem {
+ margin: 0 4px 0 10px;
+ border-radius: 21px;
+
+ %listItemLayout {
+ border-radius: 21px;
+ transition: var(--default-time) var(--default-animation) background-color;
+ }
+
+ &:hover {
+ %listItemLayout {
+ background-color: var(--menu-item-hover);
+ }
+ }
+
+ &%listItemSelected {
+ color: var(--menu-item-text-color);
+
+ %listItemLayout {
+ background-color: hsl(var(--accent-hsl),var(--menu-item-select-accent-opacity));
+ color: var(--interactive-active);
+ }
+ }
+ }
+}
+
+/* SERVER DISCOVERY -> CARDS */
+
+%discoverGuildCard {
+ @include card-format(true, 0, true, true);
+ box-shadow: none !important;
+
+ %discoverGuildCardIcon {
+ background-color: var(--card-color-filled) !important;
+ border-radius: 50%;
+
+ %discoverGuildAvatar {
+ border-radius: 50%;
+ }
+ }
+
+ &:hover {
+ transform: none;
+
+ %discoverGuildCardIcon {
+ background-color: var(--card-color-hover) !important;
+ }
+ }
+
+ %discoverGuildCardHeader {
+ margin-bottom: 0;
+ }
+
+ %discoverCardSplashImage {
+ border-radius: var(--card-radius-big);
+ }
+
+ %discoverGuildInfo {
+ padding-top: 32px;
+ border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
+ transition: var(--default-time) var(--default-animation) border-color;
+ }
+
+ %discoverGuildIcon {
+ foreignObject {
+ mask: none !important;
+ }
+ }
+}
+
+%discoverSearchEmptyContainer {
+ @include card-format(false, 80px 0, true);
+}
+
+/* SERVER DISCOVERY -> SEARCH RESULTS */
+
+%discoverSearchPage,
+%discoverSearchCategories,
+%discoverSearchResults {
+ margin-right: 24px;
+}
+
+%discoverSearchPage,
+%discoverSearchCategories,
+%discoverSearchResults,
+%discoverSearchGuildList {
+ max-width: 1200px;
+}
+
+%discoverSearchPage {
+ %discoverSearchPageBar {
+ max-width: unset;
+ }
+
+ %discoverSearchBox {
+ padding-right: 8px;
+ background-color: var(--input-color);
+ box-shadow: none !important;
+ }
+}
+
+%discoverCategoryPill {
+ border-radius: 8px;
+ background-color: var(--card-button-color);
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &:hover {
+ &:not(%discoverCategoryPillSelected) {
+ background-color: var(--card-button-color-hover);
+ }
+ }
+
+ %discoverCategoryLabel {
+ color: var(--text-normal);
+ transition: var(--default-time) var(--default-animation) color;
+ }
+
+ &%discoverCategoryPillSelected {
+ background-color: hsl(var(--accent-hsl),0.3);
+
+ %discoverCategoryLabel {
+ color: hsl(var(--accent-hsl--material-you));
+ }
+ }
+}
+
+%discoverSearchCard {
+ height: 160px;
+ @include card-format(false, 0, true, true);
+
+ %discoverSearchCardContainer {
+ height: 100%;
+ }
+
+ %discoverSearchCardContent {
+ height: 100%;
+ padding: 16px 16px 16px 0;
+ box-sizing: border-box;
+ }
+
+ %discoverSearchCardMemberInfo {
+ margin-top: 8px;
+ }
+
+ %textXsNormal {
+ font-weight: 500;
+ }
+}
+
+%discoverSearchSplashContainer {
+ height: 100%;
+ border-radius: var(--card-radius-big);
+}
+
+%discoverSearchSeparator {
+ display: none;
+}
+
+/* SERVER DISCOVERY -> SCHOOL HUB */
+
+%studentHubsPage {
+ background-color: var(--chat-color);
+}
+
+%joinHubContainer {
+ @include card-format(false, 16px, true);
+}
+
+%studentHubsSidebarContainer {
+ background-color: transparent;
+}
diff --git a/other/themes/Material-Discord/src/pages/_serverGuide.scss b/other/themes/Material-Discord/src/pages/_serverGuide.scss
new file mode 100644
index 0000000..2843ab2
--- /dev/null
+++ b/other/themes/Material-Discord/src/pages/_serverGuide.scss
@@ -0,0 +1,39 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * SERVER GUIDE
+ *
+ */
+
+%serverGuideHeader {
+ margin-top: -16px;
+}
+
+%serverGuideHeaderArtWrapper {
+ width: calc(100% + 32px);
+ margin-right: -16px;
+}
+
+%serverGuideHeaderIcon {
+ background-color: var(--chat-color);
+ border-radius: 50%;
+ border-color: var(--chat-color);
+}
+
+%serverGuideUserCardInner {
+ @include card-format(false, 0, true);
+}
+
+%serverGuideAction {
+ @include card-format(true, 16px, true, true);
+ cursor: pointer;
+}
+
+%serverGuideRow {
+ @include card-format(false, 16px, true, true);
+}
+
+%serverGuideSidebarCardWrapper {
+ @include card-format(false, 16px, true);
+}
diff --git a/other/themes/Material-Discord/src/pages/_serverShop.scss b/other/themes/Material-Discord/src/pages/_serverShop.scss
new file mode 100644
index 0000000..7ece4d3
--- /dev/null
+++ b/other/themes/Material-Discord/src/pages/_serverShop.scss
@@ -0,0 +1,89 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * SERVER SHOP
+ *
+ */
+
+%serverShopContent {
+ background-color: var(--chat-color);
+
+ %serverShopContentContainer {
+ width: 100%;
+ }
+}
+
+%serverShopHeroCard,
+%serverShopFilters {
+ max-width: unset;
+}
+
+%serverShopHeroCard {
+ @include card-format(false, 0, true);
+ box-shadow: none;
+
+ %serverShopHeroInfoContainer {
+ padding: 0 16px 16px;
+ }
+
+ %serverShopHeroCoverImage {
+ border-radius: var(--card-radius-big);
+ }
+}
+
+%serverShopFilters {
+ %buttonFilled {
+ %buttonContents {
+ color: var(--accent-text-color--material-you);
+ }
+
+ %textSmMedium {
+ color: inherit !important;
+ }
+ }
+}
+
+%serverShopHeader {
+ @include remove-caps(14px);
+}
+
+%serverShopTab {
+ border-radius: var(--card-radius-big);
+
+ &%serverShopTabSelected {
+ background-color: hsl(var(--accent-hsl--material-you),0.3);
+ border-color: hsl(var(--accent-hsl--material-you));
+ box-shadow: none;
+ }
+}
+
+%serverShopProductCard {
+ @include card-format(true, 0, true, true);
+
+ %serverShopProductThumbnail {
+ border-radius: var(--card-radius-big);
+ }
+}
+
+%serverShopCard {
+ &:hover {
+ %serverShopCardContent {
+ box-shadow: none;
+ outline: none;
+ transform: none;
+ }
+ }
+}
+
+/* SERVER SHOP -> PRODUCT MODAL */
+
+%serverShopProductModalHeaderImage {
+ width: calc(100% + 48px);
+ margin: -24px -24px -16px;
+ border-radius: var(--card-radius-big);
+}
+
+%serverShopProductModalBody {
+ background-color: transparent;
+}
diff --git a/other/themes/Material-Discord/src/pages/_shop.scss b/other/themes/Material-Discord/src/pages/_shop.scss
new file mode 100644
index 0000000..956a9b3
--- /dev/null
+++ b/other/themes/Material-Discord/src/pages/_shop.scss
@@ -0,0 +1,161 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * DISCORD SHOP
+ *
+ */
+
+%shopScroll,
+%shopPageWrapper,
+%shopContainer {
+ background-color: var(--main-alt);
+}
+
+%shopHomeContainer {
+ background-color: var(--main-color);
+ overflow: hidden;
+
+ %headerBar%headerBarThemed {
+ background-color: var(--main-color) !important;
+ }
+}
+
+%shopScrollBackgroundPrimary,
+%shopPageWrapperBackgroundPrimary {
+ background-color: var(--main-color);
+}
+
+%shopCountDownWrapper {
+ box-shadow: var(--shadow-3dp) !important;
+}
+
+%shopShyBanner {
+ border-radius: var(--card-radius-big);
+ box-shadow: none;
+}
+
+%shopHeroBanner,
+%shopBannerBackground,
+%shopBannerCard {
+ border-radius: var(--card-radius-big);
+}
+
+%shopHeroBanner {
+ margin-top: 0;
+}
+
+%shopBanner {
+ border-radius: var(--card-radius-big);
+ outline: none;
+}
+
+%shopItemTypeTitle {
+ @include remove-caps(16px);
+ font-weight: 500;
+}
+
+%shopCard {
+ 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;
+
+ &:hover {
+ background: var(--card-color-active) !important;
+ top: unset;
+ }
+
+ %textLgBold {
+ font-weight: 400;
+ font-size: 24px;
+ color: var(--header-primary) !important;
+ }
+
+ %shopCardBackground {
+ background-color: transparent !important;
+ }
+
+ %shopCardDescription,
+ %shopCardPriceTag {
+ color: var(--text-normal) !important;
+ }
+
+ %shopCardPremiumIcon {
+ path {
+ fill: currentColor;
+ }
+ }
+
+ %buttonFilled%buttonBrand {
+ background: var(--button-background) !important;
+ }
+
+ %shopGiftButtonInner,
+ %shopPreviewButtonInner {
+ max-width: none;
+ max-height: none;
+ }
+}
+
+%shopCardTextProfileEffect {
+ &:before {
+ background: linear-gradient(180deg, transparent, transparent, var(--card-color-filled)) !important;
+ }
+}
+
+%shopPreviewModalContent {
+ padding: 0 !important;
+ border-radius: var(--popout-radius-big) !important;
+
+ &::-webkit-scrollbar {
+ --scrollbar-width: 0;
+ --scrollbar-thin-width: 0;
+ }
+
+ %shopCollectibleInfoContainer {
+ border-radius: var(--popout-radius-big);
+
+ %buttonFilled {
+ background: var(--button-background) !important;
+
+ %buttonContents {
+ svg {
+ height: 24px;
+ }
+ }
+ }
+ }
+
+ %shopCollectibleCategoryBanner {
+ width: calc(100% + var(--popout-radius-big));
+ left: calc(var(--popout-radius-big) * -1);
+ }
+}
+
+%shopChatPreview {
+ background-color: var(--popout-color) !important;
+ box-shadow: var(--shadow-3dp);
+
+ %messagesWrapper {
+ margin-top: 0;
+ margin-left: 46px;
+ border-radius: var(--message-radius);
+
+ &:before,
+ &:after {
+ display: none;
+ }
+
+ %avatarLarge {
+ margin-top: -2px;
+ margin-left: -66px;
+ }
+ }
+
+ %shopMockInput {
+ background-color: var(--input-color);
+ border-radius: 20px;
+ }
+}
diff --git a/other/themes/Material-Discord/src/popouts/_addGame.scss b/other/themes/Material-Discord/src/popouts/_addGame.scss
new file mode 100644
index 0000000..b785a44
--- /dev/null
+++ b/other/themes/Material-Discord/src/popouts/_addGame.scss
@@ -0,0 +1,15 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * USER SETTINGS ADD GAME POPOUT
+ *
+ */
+
+%addGamePopout {
+ @include popout-format(true);
+
+ %buttonLink {
+ margin-right: 8px;
+ }
+}
diff --git a/other/themes/Material-Discord/src/popouts/_autocomplete.scss b/other/themes/Material-Discord/src/popouts/_autocomplete.scss
new file mode 100644
index 0000000..461ebf6
--- /dev/null
+++ b/other/themes/Material-Discord/src/popouts/_autocomplete.scss
@@ -0,0 +1,170 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * AUTOCOMPLETE
+ *
+ */
+
+%autocomplete {
+ @include popout-format(true);
+
+ %autocompleteCategoryHeader {
+ background-color: var(--emoji-category-header);
+ }
+
+ %autocompleteRow {
+ padding: 0;
+
+ &[aria-disabled="false"] {
+ %autocompleteBase {
+ &:hover {
+ background-color: var(--menu-item-hover);
+ }
+ }
+ }
+
+ &[aria-selected="true"] {
+ %autocompleteBase {
+ background-color: var(--menu-item-select);
+ }
+ }
+
+ %autocompleteBase {
+ padding: 8px 12px;
+ border-radius: 0;
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &%autocompleteBaseSelected {
+ background-color: var(--menu-item-hover) !important;
+ }
+ }
+ }
+
+ %autocompleteTitle {
+ @include remove-caps(14px);
+ }
+
+ %autocompleteDivider {
+ padding: 8px 0;
+ &:after {
+ background-color: var(--card-border-color);
+ }
+ }
+
+ %autocompleteListWrapper {
+ position: relative;
+ background-color: var(--attachment-color);
+
+ %emojiCategoryWrapper {
+ width: 100%;
+
+ %scroller {
+ --scrollbar-width: 0;
+ }
+ }
+
+ %emojiCategoryWrapper {
+ width: 100%;
+ background-color: transparent;
+
+ %scroller {
+ --scrollbar-width: 0;
+ }
+
+ %autocompleteListItems {
+ left: 12px !important;
+ right: 12px !important;
+ }
+
+ %autocompleteAvatarWrapper {
+ border-radius: var(--avatar-radius);
+ }
+ }
+ }
+
+ %autocompleteListItems {
+ left: 0 !important;
+ right: 0 !important;
+ }
+}
+
+/* AUTOCOMPLETE -> ROLES POPOUT */
+
+%autocompletePopout {
+ @include popout-format;
+
+ %autocompletePopoutArrow {
+ background-color: var(--popout-color);
+ }
+
+ %autocompletePopoutHeader {
+ background-color: transparent;
+ border-bottom: 1px solid var(--card-border-color);
+ }
+
+ %autocompletePopoutHeaderText {
+ margin-right: 0;
+ }
+
+ %autocompletePopoutInput {
+ width: 100%;
+ margin-bottom: 0;
+ }
+
+ %autocompletePopoutSectionTag {
+ background-color: transparent !important;
+ }
+
+ %autocompletePopoutSection {
+ line-height: 36px;
+ padding: 0 16px;
+ @include remove-caps(14px);
+ }
+
+ %autocompletePopoutShadow {
+ display: none;
+ }
+
+ %autocompletePopoutArrow {
+ background-color: var(--popout-color);
+ }
+
+ %autocompletePopoutHeader {
+ padding: 0 16px;
+ gap: 8px;
+ justify-content: flex-start;
+ background-color: transparent;
+ border-bottom: 1px solid var(--card-border-color);
+ }
+
+ %autocompletePopoutSectionTag {
+ background-color: transparent !important;
+ }
+
+ %autocompletePopoutSection {
+ line-height: 36px;
+ padding: 0 16px;
+ @include remove-caps(14px);
+ }
+}
+
+%autocompletePopoutShadow,
+%autocompletePopoutHeaderBackground {
+ display: none;
+}
+
+%autocompletePopoutRow {
+ padding-left: var(--scrollbar-thin-width);
+
+ &%autocompletePopoutSelected {
+ %autocompletePopoutRowInner {
+ background-color: var(--menu-item-hover);
+ }
+ }
+
+ %autocompletePopoutRowInner {
+ border-radius: var(--popout-radius);
+ transition: var(--default-time) var(--default-animation) background-color;
+ }
+}
diff --git a/other/themes/Material-Discord/src/popouts/_calendar.scss b/other/themes/Material-Discord/src/popouts/_calendar.scss
new file mode 100644
index 0000000..c0aaeaa
--- /dev/null
+++ b/other/themes/Material-Discord/src/popouts/_calendar.scss
@@ -0,0 +1,107 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * CALENDAR
+ *
+ */
+
+%searchPopoutCalendarPicker {
+ %datepicker {
+ padding: 16px;
+ @include popout-format(true);
+ }
+
+ %datepickerHeader {
+ background-color: transparent !important;
+ }
+
+ %datepickerCurrentMonth {
+ border-bottom-color: var(--separator-color) !important;
+ @include remove-caps(14px);
+ }
+
+ %datepickerNavigation {
+ &%datepickerNavigationNext,
+ &%datepickerNavigationPrevious {
+ 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);
+
+ &:hover {
+ background-color: hsl(var(--button-link-accent-color),0.2);
+ }
+ }
+ }
+
+ %datepickerDayName {
+ color: var(--text-normal) !important;
+ }
+
+ %datepickerDayDisabled,
+ %datepickerDayOutsideMonth {
+ background-color: transparent !important;
+ color: var(--text-disabled) !important;
+ }
+
+ %datepickerDay {
+ 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;
+
+ &:hover {
+ &:not(%datepickerDayToday) {
+ background-color: var(--menu-item-hover) !important;
+ }
+ }
+
+ &%datepickerDaySelected {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ color: var(--accent-text-color--material-you) !important;
+
+ &:after {
+ display: none;
+ }
+
+ &:hover {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ }
+ }
+ }
+
+ %datepickerDayToday {
+ border-color: hsl(var(--accent-hsl--material-you)) !important;
+ color: hsl(var(--accent-hsl--material-you)) !important;
+
+ &:hover {
+ background-color: hsl(var(--accent-hsl),0.2) !important;
+ }
+ }
+}
+
+%searchPopoutDatePicker {
+ %datepicker {
+ padding-bottom: 8px;
+ box-shadow: none !important;
+ }
+
+ %searchPopoutDatePickerHint {
+ border-top-color: var(--separator-color);
+
+ %searchPopoutHint {
+ color: var(--text-normal);
+ }
+
+ %searchPopoutHintValue {
+ margin-left: 2px;
+ padding: 0 6px;
+ background-color: hsl(var(--accent-hsl--material-you));
+ color: var(--accent-text-color--material-you);
+ border-radius: 11px;
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/popouts/_channelInfo.scss b/other/themes/Material-Discord/src/popouts/_channelInfo.scss
new file mode 100644
index 0000000..ec25453
--- /dev/null
+++ b/other/themes/Material-Discord/src/popouts/_channelInfo.scss
@@ -0,0 +1,31 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * CHANNEL INFO
+ *
+ */
+
+%channelInfoPopoutContainer {
+ @include popout-format;
+
+ %channelUserLimitUsers {
+ background-color: var(--card-color-active);
+ }
+
+ %channelUserLimitTotal {
+ background-color: var(--card-color-filled);
+
+ &:after {
+ border-right-color: var(--card-color-filled);
+ }
+ }
+}
+
+%channelInfoPopoutHeaderDivider {
+ background-color: var(--popout-header-border);
+}
+
+%channelActivityPopout {
+ @include popout-format;
+}
diff --git a/other/themes/Material-Discord/src/popouts/_colorPicker.scss b/other/themes/Material-Discord/src/popouts/_colorPicker.scss
new file mode 100644
index 0000000..07db76e
--- /dev/null
+++ b/other/themes/Material-Discord/src/popouts/_colorPicker.scss
@@ -0,0 +1,38 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * COLOR PICKER
+ *
+ */
+
+%colorPickerCustom {
+ @include popout-format(true);
+ border: none !important;
+}
+
+%colorPickerSuggestedColor {
+ border-radius: 16px;
+}
+
+%colorPickerRow {
+ overflow: visible;
+}
+
+%colorPickerSwatch {
+ border-radius: 10px;
+
+ &%colorPickerSwatchCustom,
+ &%colorPickerSwatchDefault {
+ border-radius: var(--card-radius-big);
+ }
+}
+
+%colorPickerDefaultContainer,
+%colorPickerCustomContainer {
+ border-radius: var(--card-radius-big);
+}
+
+%colorSwatch {
+ border-radius: var(--card-radius-big);
+}
diff --git a/other/themes/Material-Discord/src/popouts/_connectionInfo.scss b/other/themes/Material-Discord/src/popouts/_connectionInfo.scss
new file mode 100644
index 0000000..f797ce5
--- /dev/null
+++ b/other/themes/Material-Discord/src/popouts/_connectionInfo.scss
@@ -0,0 +1,22 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * CONNECTION INFO
+ *
+ */
+
+%connectionInfo {
+ @include popout-format;
+
+ %connectionInfoHeader,
+ section {
+ background-color: transparent !important;
+ }
+
+ %connectionInfoHeader {
+ border-bottom: 1px solid var(--popout-header-border);
+ text-transform: none;
+ justify-content: left;
+ }
+}
diff --git a/other/themes/Material-Discord/src/popouts/_contextMenu.scss b/other/themes/Material-Discord/src/popouts/_contextMenu.scss
new file mode 100644
index 0000000..7fb1cf7
--- /dev/null
+++ b/other/themes/Material-Discord/src/popouts/_contextMenu.scss
@@ -0,0 +1,124 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * CONTEXT MENU
+ *
+ */
+
+%menuPopout {
+ 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;
+
+ %scroller {
+ padding: 8px 0;
+
+ &::-webkit-scrollbar {
+ --scrollbar-thin-width: 0;
+ }
+ }
+
+ %menuPopoutGroupLabel {
+ @include remove-caps(14px);
+ }
+
+ %menuPopoutItem {
+ 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;
+
+ &%menuPopoutItemHover {
+ background-color: var(--menu-item-hover);
+
+ %menuPopoutCaret {
+ color: var(--menu-item-text-color);
+
+ path {
+ fill: currentColor;
+ }
+ }
+ }
+
+ &%menuPopoutItemPremium {
+ transition: var(--default-time) var(--default-animation) background;
+
+ &%menuPopoutItemHover {
+ background: var(--menu-item-hover);
+ }
+ }
+
+ &:active:not(%menuPopoutHideInteraction) {
+ background-color: var(--menu-item-select);
+ }
+
+ &%menuPopoutHideInteraction {
+ %menuPopoutLabelContainer {
+ padding: 0 0 8px;
+ }
+
+ %menuPopoutSliderContainer {
+ margin-bottom: -6px;
+ padding: 0;
+ }
+ }
+
+ %menuPopoutLabelContainer {
+ min-height: unset;
+ padding: 0;
+ }
+
+ %menuPopoutIconContainer,
+ %menuPopoutImageContainer {
+ margin-left: 0;
+ margin-right: 12px;
+ }
+
+ %menuPopoutIconContainerLeft {
+ margin-left: 12px;
+ margin-right: 0;
+ }
+
+ %menuPopoutIcon {
+ path {
+ fill: currentColor;
+ }
+ }
+
+ %accountSwitcherUserMenuText {
+ color: inherit;
+ }
+ }
+
+ %submenuPaddingContainer {
+ margin-left: -4px;
+ margin-right: -4px;
+ animation: opacity 100ms ease, open-context-menu 300ms var(--default-animation);
+ transform-origin: top;
+ }
+
+ %menuPopoutSeparator {
+ width: 100%;
+ margin: 8px 0;
+ border-color: var(--separator-color);
+ }
+}
+
+body:active %menuPopout:not(:active) {
+ opacity: 0;
+ transition: 150ms ease all;
+}
+
+/* CONTEXT MENU -> SERVER OPTIONS */
+
+%menuPopout#guild-header-popout {
+ animation: top-pop-out 400ms var(--default-animation);
+ overflow: hidden;
+}
diff --git a/other/themes/Material-Discord/src/popouts/_createGroupDm.scss b/other/themes/Material-Discord/src/popouts/_createGroupDm.scss
new file mode 100644
index 0000000..f1dcc77
--- /dev/null
+++ b/other/themes/Material-Discord/src/popouts/_createGroupDm.scss
@@ -0,0 +1,69 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * CREATE GROUP DM
+ *
+ */
+
+%groupInvitePopoutSearchBar {
+ margin-top: 16px;
+
+ %groupInvitePopoutInput {
+ height: var(--input-height) !important;
+ }
+}
+
+%groupInvitePopoutSearchContainer {
+ background-color: var(--input-color);
+ border-radius: 19px !important;
+ border: none;
+
+ %groupInvitePopoutSearchBarInner {
+ min-height: var(--input-height);
+ }
+
+ %groupInvitePopoutSearchInput {
+ height: var(--input-height);
+ margin: 0;
+ padding: 0;
+
+ &::-webkit-input-placeholder {
+ color: var(--input-text-color);
+ }
+ }
+}
+
+%popoutSearchTag {
+ height: 28px;
+ margin: 4px 4px 0 6px;
+ border-radius: 14px;
+ background-color: transparent;
+ border: 1px solid var(--text-muted);
+ color: var(--text-normal);
+
+ + %popoutSearchInput {
+ margin-left: 6px;
+ }
+}
+
+%groupInvitePopoutFriendWrapper {
+ margin: 0;
+}
+
+%groupInvitePopoutFriend {
+ padding: 6px 18px 6px 24px;
+ border-radius: 0;
+
+ &%groupInvitePopoutFriendSelected {
+ background-color: var(--menu-item-hover) !important;
+ }
+}
+
+%groupInvitePopoutFooter {
+ padding: 16px 24px 24px;
+}
+
+%groupInvitePopoutFooterSeparator {
+ display: none;
+}
diff --git a/other/themes/Material-Discord/src/popouts/_emojiPicker.scss b/other/themes/Material-Discord/src/popouts/_emojiPicker.scss
new file mode 100644
index 0000000..dbf91dd
--- /dev/null
+++ b/other/themes/Material-Discord/src/popouts/_emojiPicker.scss
@@ -0,0 +1,547 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * EMOJI PICKER
+ *
+ */
+
+%emojiWrapper {
+ animation: bottom-pop-out 400ms var(--default-animation);
+}
+
+%emojiWrapperIsBurstReactionPicker {
+ border-radius: var(--popout-radius-big) !important;
+}
+
+%emojiWrapper,
+%emojiPicker {
+ @include popout-format;
+}
+
+%emojiWrapperChat {
+ border-radius: var(--popout-radius-big);
+
+ &%emojiWrapperIsBurstReactionUnlimited {
+ border-radius: var(--popout-radius-big);
+ box-shadow: 0 0 0 2px hsl(var(--accent-hsl--material-you));
+
+ &:before {
+ border-radius: inherit;
+ box-shadow: 0 0 100px hsl(var(--accent-hsl--material-you));
+ }
+ }
+}
+
+/* EMOJI PICKER -> HEADER */
+
+%emojiPickerNavButtonSuperReactActive {
+ background: var(--menu-item-select);
+}
+
+%emojiPickerNavEmoji,
+%emojiPickerNavSticker,
+%emojiPickerNavGif {
+ 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;
+}
+
+%emojiPickerNavEmoji {
+ + %emojiPicker {
+ border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big);
+ }
+}
+
+%emojiPickerNav {
+ + %emojiWrapperChat {
+ %emojiPickerNavEmoji {
+ padding-top: 0;
+ }
+ }
+
+ + %emojiStickerContainer {
+ %emojiPickerNavSticker {
+ padding-top: 0;
+ }
+ }
+
+ + %emojiGifContainer {
+ %emojiPickerNavGif {
+ padding-top: 0;
+ }
+ }
+}
+
+%emojiPickerDiversitySelectorPopout {
+ background-color: var(--popout-color);
+ border-radius: 16px;
+ border: none;
+ box-shadow: var(--shadow-3dp);
+ overflow: hidden;
+
+ %emojiPickerDiversityItem {
+ border-radius: 0;
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &:hover {
+ background-color: var(--menu-item-hover);
+ }
+ }
+}
+
+%positionContainer {
+ &:not(%positionContainerOnlyEmoji) {
+ %drawerSizingWrapper {
+ %emojiContentWrapper {
+ --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 {
+ %emojiPickerNavList {
+ 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;
+
+ &: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;
+ }
+
+ &:has(%emojiPickerNavButtonActive[id="sticker-picker-tab"]):after {
+ transform: translateX(calc(100%));
+ }
+
+ &:has(%emojiPickerNavButtonActive[id="emoji-picker-tab"]):after {
+ transform: translateX(calc(200% - (var(--nav-container-padding) / 2)));
+ }
+
+ %emojiPickerNavItem {
+ flex-grow: 1;
+ flex-basis: 0;
+ margin: 0;
+ padding: 0;
+ line-height: var(--nav-button-height);
+ background-color: transparent !important;
+ color: var(--text-muted);
+
+ &:hover,
+ &%emojiPickerNavButtonActive {
+ color: var(--text-normal);
+ }
+ }
+ }
+}
+
+body:active %drawerSizingWrapper:not(:active) {
+ opacity: 0;
+ transition: 150ms ease all;
+}
+
+%emojiPickerNavButtonActive {
+ 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 */
+
+%emojiPickerSearchBar {
+ background-color: var(--input-color);
+ border-radius: 16px;
+
+ %emojiPickerSearchInner {
+ padding: 0;
+ }
+
+ %emojiPickerSearchInput {
+ height: 32px;
+ margin: 0;
+ padding: 0 12px;
+ }
+}
+
+
+/* EMOJI PICKER -> EMOJIS */
+
+%emojiSuperReactContainer {
+ background-color: var(--popout-color);
+
+ %emojiSuperReactBanner {
+ border-radius: var(--card-radius-big);
+ }
+}
+
+%emojiPickerCategoryHeaderWrapper {
+ background-color: var(--emoji-category-header);
+
+ %emojiPickerCategoryHeaderLabel {
+ @include remove-caps(14px);
+ }
+}
+
+%emojiPickerItem {
+ border-radius: 8px;
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &%emojiPickerItemSelected {
+ background-color: var(--menu-item-select);
+ }
+
+ &%emojiPickerItemDisabled {
+ filter: none;
+
+ %emojiPickerItemImage {
+ filter: brightness(60%) grayscale(100%);
+ }
+ }
+}
+
+%emojiPickerHighlightNewlyAdded {
+ border-radius: 8px 8px 8px 0;
+ border-color: hsl(var(--accent-hsl--material-you)) !important;
+ overflow: hidden;
+
+ &%emojiPickerHighlightOneItem {
+ border-radius: 8px 8px 0 0
+ }
+
+ %emojiPickerItem {
+ border-radius: 0;
+ }
+}
+
+%emojiPickerHighlightNewlyAddedBadge {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ border-radius: 0 0 8px 8px;
+ color: var(--accent-text-color--material-you);
+
+ %emojiPickerHighlightNewlyAddedBadgeStar {
+ color: inherit;
+ }
+
+ div {
+ color: inherit !important;
+ text-transform: capitalize;
+ }
+}
+
+%emojiPickerUpsell {
+ height: auto;
+ margin-bottom: 2px;
+ @include card-format(false, 8px);
+}
+
+%emojiPickerInspector {
+ background-color: var(--popout-color);
+ border-top: 1px solid var(--card-border-color);
+
+ %emojiCategoryGuildIcon {
+ border-radius: 50%;
+ }
+}
+
+%emojiPickerBadgeLabel {
+ border-radius: 13px;
+ text-transform: none;
+
+ &%emojiPickerNewlyAddedBadge {
+ background: hsl(var(--accent-hsl--material-you));
+ color: var(--accent-text-color--material-you);
+
+ %emojiPickerNewlyAddedBadgeIcon {
+ color: inherit;
+ }
+
+ div {
+ color: inherit !important;
+ }
+ }
+}
+
+/* EMOJI PICKER -> CATEGORIES */
+
+%emojiCategoryList {
+ top: 64px;
+ border-radius: 0 0 0 var(--popout-radius-big);
+
+ %emojiCategoryScroller {
+ &::-webkit-scrollbar {
+ width: 0px !important;
+ }
+ }
+
+ %emojiCategoryUnicodeShortcut {
+ height: 47px;
+ background-color: var(--popout-color);
+ border-top: 1px solid var(--card-border-color);
+ }
+}
+
+%emojiPickerHasTabWrapper {
+ %emojiCategoryWrapper {
+ top: 50px;
+ }
+}
+
+%callReactionContainer {
+ %emojiCategoryWrapper {
+ top: 66px;
+ }
+}
+
+%emojiCategoryWrapper {
+ background-color: var(--attachment-color);
+
+ %emojiCategoryItem,
+ %stickerCategoryItem {
+ border-radius: 50%;
+
+ &:hover {
+ background-color: var(--menu-item-hover);
+ }
+
+ &%emojiCategoryItemRecent path,
+ &%stickerCategoryGeneric 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');
+ }
+ }
+}
+
+%emojiPickerNav {
+ + %emojiWrapperChat {
+ %emojiCategoryWrapper {
+ margin-top: -1px;
+ }
+ }
+
+ + %emojiStickerContainer {
+ %emojiCategoryWrapper {
+ margin-top: -1px;
+ }
+ }
+}
+
+%emojiPicker {
+ + %emojiCategoryList {
+ %emojiCategoryScroller {
+ &::-webkit-scrollbar {
+ width: 0px !important;
+ }
+ }
+ }
+}
+
+%emojiPickerSearchInput {
+ &::-webkit-input-placeholder {
+ font-family: var(--app-font);
+ }
+}
+
+/* EMOJI PICKER -> GIFS */
+
+%emojiGifContainer {
+ background-color: transparent !important;
+}
+
+%gifPickerSearchBar {
+ padding: 0 6px 0 0 !important;
+
+ --input-height: 32px;
+
+ %gifPickerSearchInput {
+ padding: 0 12px !important;
+ }
+}
+
+%gifPickerResult {
+ border-radius: var(--media-radius);
+
+ &:after,
+ %gifPickerGif,
+ %gifPickerCategoryFade,
+ %gifPickerCategoryFadeBlurple {
+ border-radius: inherit;
+ }
+
+ %gifPickerCategoryFadeBlurple {
+ background-color: hsl(var(--accent-hsl),0.8) !important;
+ }
+
+ &:hover {
+ box-shadow: var(--shadow-2dp) !important;
+
+ &:after {
+ box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl--material-you)), inset 0 0 1px 3px #2f3136 !important;
+ }
+ }
+}
+
+%gifPickerEmptyHints {
+ margin: 0;
+ gap: 16px;
+}
+
+%gifPickerEmptyHintCard {
+ margin: 0;
+ @include card-format(true, 24px, true);
+}
+
+/* EMOJI PICKER -> STICKERS */
+
+%stickerCategoryList {
+ %emojiCategoryScroller {
+ &::-webkit-scrollbar {
+ width: 0px !important;
+ }
+ }
+}
+
+%stickerPickerRow {
+ column-gap: 6px !important;
+}
+
+%createSticker {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &%createStickerInspected {
+ background-color: var(--card-color-active);
+ }
+}
+
+%createStickerIconWrapper {
+ background-image: none;
+ background-color: hsl(var(--accent-hsl--material-you));
+ color: var(--accent-text-color--material-you);
+}
+
+%stickerInspected {
+ %stickerInspectedIndicator {
+ background-color: var(--card-color-active);
+ }
+}
+
+/* EMOJI PICKER -> BURST REACTIONS */
+
+%emojiPickerBurst {
+ padding: 4px;
+ border-radius: var(--popout-radius-big);
+
+ %emojiPickerBurstHeader {
+ 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);
+
+ %emojiPickerBurstHeaderDivider {
+ display: none;
+ }
+ }
+
+ %emojiPickerBurstBadge {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ color: var(--accent-text-color--material-you);
+ }
+
+ %emojiPickerBurstPicker {
+ 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 */
+
+%emojiPickerLabel {
+ background-color: var(--card-color-filled);
+ transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color;
+
+ &%emojiPickerLabelChecked {
+ background-color: hsl(var(--accent-hsl--material-you));
+ color: var(--accent-text-color--material-you);
+ }
+
+ svg path {
+ fill: currentColor;
+ }
+}
+
+%emojiSuperReactContainer {
+ border-radius: var(--popout-radius-big);
+ overflow: hidden;
+
+ %emojiSuperReactCloseButton {
+ display: flex;
+ width: 28px;
+ height: 28px;
+ background-color: var(--card-button-color-hover);
+ border-radius: 50%;
+ align-items: center;
+ justify-content: center;
+
+ svg {
+ width: 18px;
+ height: 18px;
+ }
+ }
+}
+
+%emojiSuperReactContent {
+ height: 100%;
+ padding: 24px calc(24px - var(--scrollbar-width)) 24px 24px;
+ overflow-y: scroll;
+ gap: 16px;
+
+ %emojiSuperReactContentFill {
+ margin: 0;
+ border-radius: var(--card-radius-big);
+ }
+
+ %emojiSuperReactContentContainer {
+ padding: 0;
+
+ %headlingXlBold {
+ font-weight: 400;
+ }
+ }
+
+ %emojiSuperReactGradientUpsellWrapper {
+ border-radius: var(--card-radius-big);
+ }
+}
diff --git a/other/themes/Material-Discord/src/popouts/_emojiPickerIcons.scss b/other/themes/Material-Discord/src/popouts/_emojiPickerIcons.scss
new file mode 100644
index 0000000..95da7a8
--- /dev/null
+++ b/other/themes/Material-Discord/src/popouts/_emojiPickerIcons.scss
@@ -0,0 +1,63 @@
+/*
+ *
+ * EMOJI PICKER ICONS
+ *
+ */
+
+%emojiCategoryList {
+ %emojiCategoryUnicodeShortcut {
+ 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');
+ }
+ }
+
+ %emojiCategoryItem {
+ /* EMOJI PICKER ICONS -> PEOPLE */
+ 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');
+ }
+
+ /* EMOJI PICKER ICONS -> NATURE */
+ 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');
+ }
+
+ /* EMOJI PICKER ICONS -> FOOD */
+ 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');
+
+ ~ path {
+ display: none
+ }
+ }
+
+ /* EMOJI PICKER ICONS -> ACTIVITIES */
+ 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');
+ }
+
+ /* EMOJI PICKER ICONS -> TRAVEL */
+ 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');
+ }
+
+ /* EMOJI PICKER ICONS -> OBJECTS */
+ 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');
+
+ ~ path {
+ display: none;
+ }
+ }
+
+ /* EMOJI PICKER ICONS -> SYMBOLS */
+ 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');
+ }
+
+ /* EMOJI PICKER ICONS -> FLAGS */
+ 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');
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/popouts/_guild.scss b/other/themes/Material-Discord/src/popouts/_guild.scss
new file mode 100644
index 0000000..9ca6552
--- /dev/null
+++ b/other/themes/Material-Discord/src/popouts/_guild.scss
@@ -0,0 +1,89 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * GUILD POPOUT
+ *
+ */
+
+%guildPopout {
+ @include popout-format(true);
+
+ %guildPopoutIconWithSplash {
+ foreignObject {
+ mask: none !important;
+ }
+ }
+
+ %guildPopoutIconMask {
+ background-color: var(--popout-color);
+ }
+
+ %guildPopoutIconMask,
+ %guildPopoutAvatar {
+ border-radius: var(--avatar-radius);
+ }
+}
+
+%guildPopoutFooter {
+ background-color: transparent;
+ border-top: 1px solid var(--popout-header-border);
+
+ %guildPopoutEmojiHeader {
+ @include remove-caps(14px);
+ }
+
+ %guildPopoutEmojiCounter {
+ background-color: var(--popout-color-alt);
+ }
+}
+
+%guildPopoutJoined {
+ @include popout-format;
+}
+
+/* GUILD CHAT POPOUT - PROBABLY A DIFFERENT THING, I DUNNO YET */
+
+%guildChatPopoutContainer {
+ @include popout-format;
+
+ %textXsNormal {
+ color: var(--text-normal) !important;
+ }
+}
+
+%guildChatPopoutBannerImage {
+ border-radius: var(--popout-radius-big);
+}
+
+%guildChatPopoutCardContainer {
+ background: transparent !important;
+}
+
+%guildChatPopoutClanTagChiplet {
+ height: 24px;
+ padding: 0px 8px;
+ background-color: var(--popout-color-alt);
+ border-radius: 12px;
+ border: none;
+}
+
+%guildChatPopoutClanIconInner {
+ background-color: var(--popout-color);
+}
+
+%guildChatPopoutTrait {
+ border-color: var(--popout-header-border);
+}
+
+%guildChatPopoutGameImageContainer {
+ border-radius: 50%;
+ border-color: var(--popout-header-border);
+}
+
+#svg-mask-clan-icon {
+ rect {
+ rx: 1;
+ ry: 1;
+ }
+}
diff --git a/other/themes/Material-Discord/src/popouts/_incomingCall.scss b/other/themes/Material-Discord/src/popouts/_incomingCall.scss
new file mode 100644
index 0000000..ac8d372
--- /dev/null
+++ b/other/themes/Material-Discord/src/popouts/_incomingCall.scss
@@ -0,0 +1,31 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * INCOMING CALL
+ *
+ */
+
+%incomingCallPopout {
+ @include popout-format(true);
+
+ %callButtonColorable {
+ border-radius: 50% !important;
+
+ &%callButtonRed {
+ --button-background: hsl(var(--alert-hsl));
+ --button-text-color: var(--alert-text-color);
+ }
+
+ &%callButtonGreen {
+ --button-background: hsl(var(--button-link-accent-color),0.15);
+ --button-text-color: var(--button-link-accent-text-color);
+
+ %callCenterIcon {
+ 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');
+ }
+ }
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/popouts/_index.scss b/other/themes/Material-Discord/src/popouts/_index.scss
new file mode 100644
index 0000000..8f4a2b2
--- /dev/null
+++ b/other/themes/Material-Discord/src/popouts/_index.scss
@@ -0,0 +1,28 @@
+@forward './addGame';
+@forward './autocomplete';
+@forward './calendar';
+@forward './channelInfo';
+@forward './colorPicker';
+@forward './connectionInfo';
+@forward './contextMenu';
+@forward './createGroupDm';
+@forward './emojiPicker';
+@forward './emojiPickerIcons';
+@forward './guild';
+@forward './incomingCall';
+@forward './list';
+@forward './listeningAlong';
+@forward './messages';
+@forward './nitroUpsells';
+@forward './noiseSuppression';
+@forward './partyMode';
+@forward './pictureInPicture';
+@forward './regionSelect';
+@forward './rolePreview';
+@forward './search';
+@forward './soundboardPicker';
+@forward './statusPicker';
+@forward './streamPreview';
+@forward './summaries';
+@forward './threads';
+@forward './userPopout';
diff --git a/other/themes/Material-Discord/src/popouts/_list.scss b/other/themes/Material-Discord/src/popouts/_list.scss
new file mode 100644
index 0000000..e56e260
--- /dev/null
+++ b/other/themes/Material-Discord/src/popouts/_list.scss
@@ -0,0 +1,50 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * LIST POPOUT
+ *
+ */
+
+%listPopoutContainer {
+ 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);
+
+ %listPopoutSearchBar {
+ margin: 12px 8px;
+ }
+
+ %listPopoutScroller {
+ margin-top: 0;
+ border-top: 1px solid var(--card-border-color);
+
+ %listPopoutScrollerContainer {
+ height: auto !important;
+ }
+
+ %listPopoutItem {
+ margin-bottom: 0;
+ border-radius: 0;
+ color: var(--menu-item-text-color);
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &:hover {
+ background-color: var(--menu-item-hover);
+ }
+
+ &%listPopoutItemSelected,
+ &%listPopoutItemSelectedBrand {
+ background-color: var(--menu-item-select);
+ }
+ }
+ }
+}
+
+body:active %listPopoutContainer:not(:active) {
+ opacity: 0;
+ transition: 150ms ease all;
+}
diff --git a/other/themes/Material-Discord/src/popouts/_listeningAlong.scss b/other/themes/Material-Discord/src/popouts/_listeningAlong.scss
new file mode 100644
index 0000000..cfbc256
--- /dev/null
+++ b/other/themes/Material-Discord/src/popouts/_listeningAlong.scss
@@ -0,0 +1,24 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * LISTENING ALONG CHANNEL POPOUT
+ *
+ */
+
+%listeningAlongPopout {
+ @include popout-format;
+
+ %activityHeaderText {
+ @include remove-caps(14px);
+ font-weight: 500;
+ }
+
+ %listeningAlongCountContainer {
+ background-color: var(--card-button-color);
+ }
+
+ %listeningAlongPopoutActivity {
+ border-radius: 50%;
+ }
+}
diff --git a/other/themes/Material-Discord/src/popouts/_messages.scss b/other/themes/Material-Discord/src/popouts/_messages.scss
new file mode 100644
index 0000000..d4f9439
--- /dev/null
+++ b/other/themes/Material-Discord/src/popouts/_messages.scss
@@ -0,0 +1,268 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * MESSAGES POPOUT
+ *
+ */
+
+%messagesPopoutWrap,
+%recentMentionsPopout {
+ max-height: 80vh !important;
+ @include popout-format;
+ animation: top-pop-out 400ms var(--default-animation);
+
+ %messagesWrapper {
+ &%messageCozy {
+ overflow: visible;
+
+ &:before,
+ &:after {
+ display: none;
+ }
+
+ %avatarLarge {
+ left: -50px;
+ }
+
+ %embedContainer {
+ overflow: hidden;
+ }
+ }
+ }
+}
+
+body:active {
+ %messagesPopoutWrap,
+ %recentMentionsPopout {
+ &:not(:active) {
+ opacity: 0;
+ transition: 150ms ease all;
+ }
+ }
+}
+
+%messagesPopoutHeader {
+ height: auto;
+ min-height: unset;
+ padding: 24px 24px 0;
+ background-color: transparent;
+ box-shadow: none;
+
+ %headingMdMedium,
+ %textLgSemibold {
+ line-height: 24px;
+ font-size: 20px;
+ font-weight: 400;
+ color: var(--header-primary);
+ }
+
+ %headingMdMedium {
+ margin-bottom: 16px;
+ }
+
+ %messagesPopoutExpandedInboxHeader {
+ padding-bottom: 0;
+ }
+
+ %messagesPopoutExpandedTabSection {
+ height: 48px;
+ }
+
+ %topPill {
+ height: 48px;
+ }
+
+ %messagesPopoutHeaderFriendRequestButton,
+ %messagesPopoutHeaderButton:not(%messagesPopoutHeaderButtonDisabled) {
+ background-color: var(--card-button-color);
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &:hover {
+ background-color: var(--card-button-color-hover);
+ }
+ }
+}
+
+%messagesPopoutContentContainer {
+ background-color: transparent;
+}
+
+%messagesPopoutRow {
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &:hover {
+ background-color: var(--menu-item-hover);
+ }
+}
+
+/* MESSAGES POPOUT -> FRIEND REQUEST ROW */
+
+%messagesPopoutFriendRequestContainer {
+ %button {
+ padding: var(--button-padding);
+
+ %textSmMedium {
+ line-height: var(--button-height);
+ }
+ }
+
+ %buttonGreen {
+ margin-right: 8px;
+
+ %textSmMedium {
+ color: var(--button-text-color) !important;
+ }
+ }
+
+ %buttonPrimary {
+ --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;
+
+ &:after {
+ background-color: hsl(var(--button-link-accent-color));
+ }
+
+ %textSmMedium {
+ font-size: 1em;
+ color: var(--button-text-color) !important;
+ }
+ }
+}
+
+/* MESSAGES POPOUT -> INNER */
+
+%messagesPopoutInner {
+ padding: 0 calc(24px - var(--scrollbar-thin-width)) 24px 24px !important;
+
+ %pinnedMessageGroupWrapper {
+ margin: 0 0 16px;
+ background-color: transparent;
+ border: none;
+ overflow: visible;
+
+ &:last-of-type {
+ margin-bottom: 0;
+ }
+
+ %messagesWrapper {
+ 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);
+ }
+
+ %pinnedActionButtons {
+ top: 22px;
+ right: 12px;
+
+ %pinnedJumpButton {
+ border-radius: 9px;
+ }
+ }
+ }
+}
+
+%messagesPopoutFooter {
+ background-color: transparent;
+ border-top: 1px solid var(--popout-header-border);
+}
+
+%messagesPopoutChannelHeader {
+ 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);
+
+ %messagesPopoutChannelHeaderButton {
+ background-color: var(--menu-item-hover);
+
+ &:hover {
+ background-color: var(--menu-item-select);
+ }
+ }
+}
+
+/* MESSAGES POPOUT -> RECENT MENTIONS */
+
+%recentMentionsContainer {
+ padding-left: 0;
+ padding-right: 0;
+
+ &:first-child {
+ margin-top: 16px;
+ }
+
+ %recentMentionsMessagesContainer {
+ margin-left: 0;
+ background-color: var(--message-color-alt);
+ border-radius: 0 0 var(--message-radius) var(--message-radius);
+
+ %messagesWrapper {
+ --message-color: var(--message-color-hover);
+
+ &%messageCozy {
+ margin: 0 0 0 66px;
+ border-radius: var(--message-radius);
+ overflow: visible;
+ }
+ }
+ }
+}
+
+%recentMentionsHeader {
+ border-bottom: 1px solid var(--popout-header-border);
+}
+
+%recentMentionsJumpButton {
+ top: 22px;
+ right: 22px;
+ padding: 4px 6px;
+ border-radius: 12px;
+}
+
+/* MESSAGES POPOUT -> UNREADS */
+
+%unreadTutorial {
+ @include card-format(false, 16px);
+}
+
+%unreadChannel {
+ %messagesPopoutChannelHeader {
+ padding: 12px 16px 12px 42px;
+
+ &:only-child {
+ border-radius: var(--message-radius);
+ border-bottom: none;
+ }
+
+ %unreadCollapseButton {
+ left: 12px;
+ cursor: pointer;
+ }
+ }
+}
+
+%unreadMessages {
+ padding: 16px;
+ background-color: var(--message-color-alt);
+ border-radius: 0 0 var(--message-radius) var(--message-radius);
+
+ %messagesWrapper {
+ &%messageCozy {
+ overflow: visible;
+
+ &%messageGroupStart {
+ margin: 16px 0 0 48px;
+ }
+
+ &:not(%messageGroupStart) {
+ margin: -8px 0 0 48px;
+ }
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/popouts/_nitroUpsells.scss b/other/themes/Material-Discord/src/popouts/_nitroUpsells.scss
new file mode 100644
index 0000000..d1d201a
--- /dev/null
+++ b/other/themes/Material-Discord/src/popouts/_nitroUpsells.scss
@@ -0,0 +1,16 @@
+/*
+ *
+ * NITRO UPSELLS
+ *
+ */
+
+/* NITRO UPSELLS -> PROFILE THEMES */
+
+.content-1rmYE- {
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+
+ %button {
+ --button-padding: 0 12px;
+ }
+}
diff --git a/other/themes/Material-Discord/src/popouts/_noiseSuppression.scss b/other/themes/Material-Discord/src/popouts/_noiseSuppression.scss
new file mode 100644
index 0000000..c250792
--- /dev/null
+++ b/other/themes/Material-Discord/src/popouts/_noiseSuppression.scss
@@ -0,0 +1,15 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * NOISE SUPPRESSION
+ *
+ */
+
+%noiseCancellationPopout {
+ @include popout-format;
+
+ %noiseCancellationMicTestButtion {
+ width: auto;
+ }
+}
diff --git a/other/themes/Material-Discord/src/popouts/_partyMode.scss b/other/themes/Material-Discord/src/popouts/_partyMode.scss
new file mode 100644
index 0000000..4a2a03e
--- /dev/null
+++ b/other/themes/Material-Discord/src/popouts/_partyMode.scss
@@ -0,0 +1,15 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * PARTY MODE POPOUT
+ *
+ */
+
+%partyModePopout {
+ @include popout-format;
+
+ %partyModePopoutPointer {
+ border-top-color: var(--popout-color);
+ }
+}
diff --git a/other/themes/Material-Discord/src/popouts/_pictureInPicture.scss b/other/themes/Material-Discord/src/popouts/_pictureInPicture.scss
new file mode 100644
index 0000000..bf17920
--- /dev/null
+++ b/other/themes/Material-Discord/src/popouts/_pictureInPicture.scss
@@ -0,0 +1,11 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * PICTURE IN PICTURE
+ *
+ */
+
+%pictureInPictureVideo {
+ @include popout-format;
+}
diff --git a/other/themes/Material-Discord/src/popouts/_regionSelect.scss b/other/themes/Material-Discord/src/popouts/_regionSelect.scss
new file mode 100644
index 0000000..81e2806
--- /dev/null
+++ b/other/themes/Material-Discord/src/popouts/_regionSelect.scss
@@ -0,0 +1,29 @@
+/*
+ *
+ * REGION SELECT POPOUT
+ *
+ */
+
+%regionSelectPopout {
+ padding: 8px 0;
+ background-color: var(--popout-color) !important;
+ border-radius: var(--popout-radius);
+ box-shadow: var(--shadow-3dp);
+
+ %regionSelectPopoutOption {
+ position: relative;
+ padding: 9px 12px;
+ transition: var(--default-time) ease background-color;
+
+ &:hover {
+ background-color: var(--menu-item-hover) !important;
+ }
+
+ %regionSelectName {
+ margin: 0;
+ font-size: 14px;
+ text-align: left;
+ color: var(--menu-item-text-color) !important;
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/popouts/_rolePreview.scss b/other/themes/Material-Discord/src/popouts/_rolePreview.scss
new file mode 100644
index 0000000..6ca45ee
--- /dev/null
+++ b/other/themes/Material-Discord/src/popouts/_rolePreview.scss
@@ -0,0 +1,11 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * ROLE PREVIEW POPOUT
+ *
+ */
+
+%rolePreviewPopout {
+ @include popout-format;
+}
diff --git a/other/themes/Material-Discord/src/popouts/_search.scss b/other/themes/Material-Discord/src/popouts/_search.scss
new file mode 100644
index 0000000..f592996
--- /dev/null
+++ b/other/themes/Material-Discord/src/popouts/_search.scss
@@ -0,0 +1,102 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * SEARCH POPOUT
+ *
+ */
+
+%searchPopout {
+ max-height: 80vh;
+ @include popout-format(true);
+ overflow-y: auto;
+ transform: translate(0, -4px);
+ animation: top-pop-out 400ms var(--default-animation);
+
+ %searchPopoutResultsGroup {
+ &:before {
+ display: none;
+ }
+
+ %searchPopoutLearnMore a,
+ %searchPopoutClearHistory {
+ color: var(--text-normal);
+ }
+ }
+
+ %searchPopoutHeader {
+ color: var(--text-normal);
+ @include remove-caps(14px);
+ }
+
+ %searchPopoutOption {
+ margin: 0;
+ padding: 0 16px;
+ border-radius: 0;
+ text-overflow: ellipsis;
+ overflow: hidden;
+
+ &:after {
+ background: linear-gradient(90deg, transparent, var(--popout-color) 80%);
+ }
+
+ &:hover {
+ &:after {
+ background: linear-gradient(90deg, transparent, var(--menu-item-hover) 50%);
+ }
+ }
+
+ &[aria-selected="true"] {
+ background: var(--menu-item-select) !important;
+
+ &:after {
+ width: 70px;
+ background: linear-gradient(90deg, transparent, var(--menu-item-select) 50%);
+ }
+ }
+
+ %searchPopoutFilter {
+ color: var(--text-normal);
+ }
+
+ %searchPopoutAnswer {
+ color: var(--text-muted);
+ }
+ }
+
+ %searchPopoutQueryContainer {
+ border-bottom-color: var(--popout-header-border) !important;
+
+ &%searchPopoutQueryContainerFocused {
+ background-color: transparent !important;
+ }
+
+ %searchPopoutQueryText {
+ @include remove-caps(14px);
+ }
+ }
+}
+
+%keybindShortcut {
+ height: 24px;
+
+ %keybindShortcutKey {
+ background-color: var(--menu-item-hover) !important;
+ color: var(--text-normal);
+
+ &,
+ &:active {
+ height: 100%;
+ padding: 0 6px;
+ line-height: 24px;
+ border-radius: 12px;
+ box-shadow: none !important;
+ border: none !important;
+ }
+ }
+}
+
+body:active %searchPopout:not(:active) {
+ opacity: 0;
+ transition: 150ms ease all;
+}
diff --git a/other/themes/Material-Discord/src/popouts/_soundboardPicker.scss b/other/themes/Material-Discord/src/popouts/_soundboardPicker.scss
new file mode 100644
index 0000000..652f874
--- /dev/null
+++ b/other/themes/Material-Discord/src/popouts/_soundboardPicker.scss
@@ -0,0 +1,56 @@
+/*
+ *
+ * SOUNDBOARD PICKER
+ *
+ */
+
+%soundboardPicker {
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+}
+
+%soundboardPickerPremiumPromo {
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+}
+
+%soundboardPickerHeader {
+ border-bottom: 1px solid var(--separator-color);
+ box-shadow: none;
+}
+
+%soundboardPickerCategoryList {
+ top: 57px;
+
+ %scroller {
+ --scrollbar-width: 0;
+ }
+}
+
+%soundboardPickerButton {
+ background-color: var(--card-button-color);
+ border-radius: 20px;
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &:hover {
+ &%soundboardPickerButtonHoverActiveBackground {
+ background-color: var(--card-button-color-hover);
+ }
+ }
+
+ %soundboardPickerButtonOverlayBackground {
+ background-color: var(--card-button-color);
+ }
+
+ &%soundboardPickerSoundAddButton {
+ &:hover {
+ background-color: var(--card-button-color-hover);
+ }
+ }
+}
+
+%soundboardPickerKeybindHint {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+}
diff --git a/other/themes/Material-Discord/src/popouts/_statusPicker.scss b/other/themes/Material-Discord/src/popouts/_statusPicker.scss
new file mode 100644
index 0000000..cc88d99
--- /dev/null
+++ b/other/themes/Material-Discord/src/popouts/_statusPicker.scss
@@ -0,0 +1,104 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * STATUS PICKER
+ *
+ */
+
+%popoutLayer {
+ &[style*="bottom: 68px; left: 88px"] {
+ left: 80px !important;
+ }
+}
+
+%statusMenu {
+ --popout-color: transparent;
+
+ box-shadow: none;
+ animation: none;
+
+ %scroller {
+ padding-right: 0 !important;
+
+ &::-webkit-scrollbar {
+ --scrollbar-width: 0;
+ }
+ }
+
+ %menuPopoutSeparator {
+ width: calc(100% - 24px);
+ margin: 8px 12px !important;
+ border-color: var(--separator-color) !important;
+ }
+
+ %contextMenuItemSubMenuAlt {
+ %menuPopoutSeparator {
+ width: 100%;
+ margin: 8px 0 !important;
+ }
+ }
+}
+
+body:active %statusMenu:not(:active) {
+ opacity: 1;
+}
+
+%statusPickerScroller {
+ padding: 8px 0 !important;
+
+ &::-webkit-scrollbar {
+ width: 0 !important;
+ }
+}
+
+%statusMenuProfileGroup {
+ margin: -8px 0 0;
+
+ %menuPopoutItem {
+ padding: 0;
+ }
+
+ %userPopoutBodyInnerWrapper {
+ margin-top: 12px;
+ background-color: transparent;
+
+ %userPopoutDivider {
+ display: none;
+ }
+
+ %userPopoutInfoSection {
+ margin-bottom: 12px;
+ }
+ }
+
+ %statusMenuUserInfoTitle {
+ @include remove-caps(14px);
+ }
+}
+
+%statusPickerItem {
+ padding: 0;
+}
+
+/* STATUS PICKER -> NEW */
+
+%userPopoutInner {
+ %menuPopout#account {
+ background-color: transparent;
+ box-shadow: none;
+ animation: unset;
+ transform-origin: unset;
+
+ %menuPopoutItem {
+ &[id*="account-divider-"] {
+ min-height: unset;
+ padding: 0;
+ }
+
+ %menuPopoutDivider {
+ margin: 8px 12px;
+ }
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/popouts/_streamPreview.scss b/other/themes/Material-Discord/src/popouts/_streamPreview.scss
new file mode 100644
index 0000000..60b5b59
--- /dev/null
+++ b/other/themes/Material-Discord/src/popouts/_streamPreview.scss
@@ -0,0 +1,21 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * STREAM PREVIEW
+ *
+ */
+
+%streamPopoutPreview {
+ @include popout-format(true);
+
+ %streamPopoutPreviewContainer {
+ background-color: var(--popout-color-alt) !important;
+ border-radius: var(--popout-radius-big);
+ overflow: hidden;
+ }
+
+ %streamPopoutIconButton {
+ --button-padding: 0;
+ }
+}
diff --git a/other/themes/Material-Discord/src/popouts/_summaries.scss b/other/themes/Material-Discord/src/popouts/_summaries.scss
new file mode 100644
index 0000000..f380c2f
--- /dev/null
+++ b/other/themes/Material-Discord/src/popouts/_summaries.scss
@@ -0,0 +1,85 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * SUMMARIES POPOUT
+ *
+ */
+
+%topicsDropdownBase {
+ top: calc(var(--button-height) + 16px);
+ left: 0;
+ right: 0;
+ margin: 0 auto;
+ @include popout-format;
+ border: none;
+ pointer-events: all;
+ overflow: hidden;
+ animation: top-pop-out 400ms var(--default-animation);
+
+ %scroller {
+ padding-top: 0;
+ padding-right: calc(8px - var(--scrollbar-thin-width)) !important;
+ background-color: transparent;
+ }
+}
+
+%topicsDropdownHeading {
+ padding: 24px 24px 16px;
+ background-color: transparent;
+
+ %topicsDropdownHeadingText {
+ padding-top: 0;
+ }
+
+ %headingMdBold {
+ line-height: 24px;
+ font-size: 20px;
+ font-weight: 400;
+ }
+}
+
+%topicsScroller {
+ --scrollbar-width: 8px;
+
+ padding: 0 0 8px 0 !important;
+ background: transparent;
+}
+
+%topicsDropdownHeadingBetaTag {
+ margin-left: 8px;
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ color: var(--accent-text-color--material-you);
+}
+
+%topicsDropdownTopicContainer {
+ 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;
+
+ &:hover {
+ background-color: var(--card-color-active);
+ }
+}
+
+%topicsDropdownFeedbackContainer {
+ 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);
+
+ %topicsDropdownThumbIcon {
+ background-color: var(--card-color-hover);
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &:hover {
+ background-color: var(--card-color-filled);
+ }
+ }
+}
+
+@keyframes feedback-open {
+ from { opacity: 0; }
+}
diff --git a/other/themes/Material-Discord/src/popouts/_threads.scss b/other/themes/Material-Discord/src/popouts/_threads.scss
new file mode 100644
index 0000000..fd5f703
--- /dev/null
+++ b/other/themes/Material-Discord/src/popouts/_threads.scss
@@ -0,0 +1,144 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * THREADS POPOUT
+ *
+ */
+
+%threadsPopoutContainer {
+ min-height: 200px;
+ max-height: 80vh;
+ @include popout-format;
+ animation: top-pop-out 400ms var(--default-animation);
+
+ %threadsPopoutHeader {
+ min-height: unset;
+ height: auto;
+ padding: 24px 24px 16px;
+ background-color: transparent;
+
+ %threadsPopoutHeaderDivider {
+ display: none;
+ }
+
+ %threadsPopoutTabBar {
+ height: 100%;
+ }
+
+ %threadsPopoutSearchBar {
+ --input-height: 32px;
+ }
+
+ %threadsPopoutCreateButton {
+ --button-height: 32px;
+ --button-padding: 0 12px;
+
+ min-width: 84px;
+ }
+ }
+
+ %threadsPopoutControls {
+ height: 52px;
+ }
+
+ %threadModalTabBar {
+ height: 100%;
+
+ %tabBarItem {
+ height: 24px;
+ border-radius: 12px;
+
+ &:after {
+ display: none;
+ }
+
+ &:hover {
+ background-color: var(--menu-item-hover) !important;
+ }
+
+ &%tabBarItemSelected {
+ background-color: var(--menu-item-select) !important;
+ }
+ }
+ }
+
+ %threadsPopoutInnerContainer {
+ min-height: 200px;
+ padding: 16px;
+ }
+
+ %threadsPopoutSectionHeader {
+ margin-top: 0;
+ @include remove-caps(14px);
+ }
+
+ %threadsPopoutList {
+ padding: 0 24px;
+ }
+
+ .activeThreadsList-c8qlqZ {
+ padding-bottom: 16px;
+ }
+
+ .content-28mbXd {
+ height: auto !important;
+ }
+
+ %threadPreview {
+ @include card-format(false, 16px, true, true);
+
+ &:last-of-type {
+ margin-bottom: 0;
+ }
+ }
+}
+
+body:active %threadsPopoutContainer:not(:active) {
+ opacity: 0;
+ transition: 150ms ease all;
+}
+
+/*
+ *
+ * THREADS CHANNEL POPOUT
+ *
+ */
+
+ %channelThreadPopout {
+ padding: 0;
+ @include popout-format;
+
+ %channelThreadPopoutTitle {
+ margin: 0 0 8px 0;
+ padding: 12px;
+ @include remove-caps(14px);
+ border-bottom: 1px solid var(--popout-header-border);
+ }
+
+ %channelThreadPopoutRow {
+ margin: 0;
+ border-radius: 0;
+ color: var(--menu-item-text-color);
+ transition: var(--default-time) var(--default-animation);
+
+ &:hover {
+ background-color: var(--menu-item-hover);
+ color: var(--menu-item-text-color);
+ }
+
+ %channelThreadPopoutTimestamp {
+ color: var(--text-muted) !important;
+ }
+ }
+
+ %channelThreadPopoutMore {
+ padding: 8px 12px;
+ border-top-color: var(--popout-header-border);
+ color: hsl(var(--accent-hsl--material-you));
+
+ %size14 {
+ margin-left: auto;
+ }
+ }
+ }
diff --git a/other/themes/Material-Discord/src/popouts/_userPopout.scss b/other/themes/Material-Discord/src/popouts/_userPopout.scss
new file mode 100644
index 0000000..ad5a5ab
--- /dev/null
+++ b/other/themes/Material-Discord/src/popouts/_userPopout.scss
@@ -0,0 +1,302 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * USER POPOUT
+ *
+ */
+
+%userProfileOuterUnthemed {
+ --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;
+}
+
+%profileCustomThemeBackground {
+ %menuPopout {
+ border: none;
+ }
+}
+
+%userProfileOuterThemed {
+ --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;
+
+ %userProfileMessageInner {
+ --input-color: rgb(var(--bg-overlay-color)/0.3);
+ }
+
+ %statusBubbleText {
+ color: var(--white-500);
+ }
+
+ %channelTextAreaFontPadding {
+ color: var(--text-normal) !important;
+ }
+
+ %spriteGreyscale {
+ background-color: var(--text-normal);
+ }
+
+ %userProfileBanner {
+ border-radius: calc(var(--popout-radius-big) - 4px);
+ }
+
+ %buttonFilled {
+ --button-background: var(--profile-gradient-button-color);
+ --button-text-color: var(--white-500);
+ --accent-button-action: var(--white-500);
+ }
+
+ %userProfileModalConnectedAccounts {
+ %userProfileModalConnectedAccount {
+ --card-color-filled: var(--profile-body-background-color);
+ }
+ }
+
+ %spoilerContent {
+ --attachment-color: var(--profile-role-pill-background-color);
+
+ &%spoilerHidden {
+ --attachment-color: var(--profile-gradient-secondary-color);
+ }
+ }
+
+ %userProfileNoteTextArea,
+ %inputWrapper %input {
+ --input-color: var(--profile-body-background-color) !important;
+ }
+
+ %listRow {
+ --menu-item-hover: var(--profile-body-background-hover);
+ }
+
+ %markup a {
+ color: var(--profile-gradient-secondary-color);
+ }
+
+ %flowerStar {
+ path {
+ fill: var(--profile-gradient-button-color);
+ }
+ }
+
+ %flowerStarChild {
+ path {
+ fill: var(--white-500);
+ }
+ }
+}
+
+%biteSizeOuter {
+ border-radius: var(--popout-radius-big);
+ box-shadow: var(--shadow-3dp);
+}
+
+%userProfileBanner {
+ border-radius: var(--card-radius-big);
+}
+
+%biteSizeInnerThemed {
+ padding-bottom: 0;
+ background-color: var(--popout-color);
+
+ &:before {
+ border-radius: calc(var(--popout-radius-big) / 1.25);
+ }
+}
+
+%userProfileEffectsInner {
+ border-radius: var(--popout-radius-big);
+}
+
+%userProfileInner {
+ &:before {
+ border-radius: calc(var(--popout-radius-big) / 1.25);
+ }
+}
+
+%userProfileUsernameRow {
+ %biteSizeIconButton {
+ %buttonContents {
+ --button-height: 16px;
+ }
+ }
+}
+
+/* USER POPOUT -> BANNER BUTTONS */
+
+%biteSizeBannerButtonsWrapper {
+ %button {
+ padding: 0;
+
+ %buttonContents {
+ min-width: var(--button-height);
+ min-height: var(--button-height);
+ }
+ }
+}
+
+/* USER POPOUT -> STATUS BUBBLE */
+
+%statusBubbleOuter {
+ background-color: var(--popout-color-alt) !important;
+ border-radius: var(--popout-radius-big);
+ border: none !important;
+ box-shadow: none;
+
+ &:before,
+ &:after {
+ background-color: inherit !important;
+ border: none !important;
+ box-shadow: none;
+ }
+}
+
+%statusBubble {
+ background-color: transparent !important;
+}
+
+%statusBubbleText {
+ color: var(--text-normal);
+}
+
+/* USER POPOUT -> BADGE LIST */
+
+%badgeListContainer {
+ height: 24px;
+ padding: 0 2px;
+ background-color: var(--card-color-filled) !important;
+ border-radius: 12px;
+ border: none;
+}
+
+/* USER POPOUT -> ACTIVITY */
+
+%biteSizeActivity {
+ background-color: var(--popout-color-alt);
+ border-radius: calc(var(--popout-radius-big) / 1.5);
+ border: none;
+}
+
+/* USER POPOUT -> SPOTIFY */
+
+%userProfileSyncButton {
+ --button-padding: 0;
+
+ min-width: var(--button-height);
+
+ %userProfileSyncButtonInner {
+ min-width: var(--button-height);
+ max-width: var(--button-height);
+ min-height: var(--button-height);
+ max-height: var(--button-height);
+ }
+}
+
+%userProfileAssetsLargeImageSpotify {
+ border-radius: 50%;
+}
+
+/* USER POPOUT -> ROLES */
+
+%role {
+ 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);
+
+ > :first-child {
+ margin-left: 0;
+ margin-right: 0;
+ }
+}
+
+%roleCircle {
+ width: 16px;
+ height: 16px;
+}
+
+%roleShowMoreButton {
+ height: 28px;
+ padding: 0 6px;
+ background-color: transparent;
+ border-radius: 8px;
+ border: 1px solid var(--card-border-color);
+ box-sizing: border-box;
+
+ %textXsMedium {
+ line-height: 26px;
+ }
+}
+
+%roleAddButton {
+ width: 28px;
+ height: 28px;
+ padding: 0;
+
+ %buttonContents {
+ --button-height: 28px;
+
+ min-width: 28px;
+ max-height: 28px;
+ min-height: 28px;
+ max-height: 28px;
+ }
+}
+
+/* USER POPOUT -> MESSAGE */
+
+%userProfileMessageInner {
+ background-color: var(--input-color) !important;
+ border-radius: var(--input-radius);
+
+ %textArea {
+ min-height: var(--input-height);
+ height: var(--input-height);
+ }
+
+ %channelTextAreaFontPadding {
+ padding-top: calc((var(--input-height) - 1.57em) / 2);
+ padding-bottom: calc((var(--input-height) - 1.57em) / 2);
+ }
+
+ %channelTextAreaButtonsContainer {
+ height: var(--input-height);
+ }
+}
+
+/* USER POPOUT -> SELF PROFILE */
+
+%userProfileMenus {
+ > %menuPopout {
+ 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 */
+
+%userProfileQuestWrapper {
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big) !important;
+ box-shadow: var(--shadow-3dp);
+}
+
+%userProfileQuestContainer {
+ background-color: unset;
+}
diff --git a/other/themes/Material-Discord/src/servers/_folders.scss b/other/themes/Material-Discord/src/servers/_folders.scss
new file mode 100644
index 0000000..28dd118
--- /dev/null
+++ b/other/themes/Material-Discord/src/servers/_folders.scss
@@ -0,0 +1,31 @@
+/*
+ *
+ * SERVER FOLDERS
+ *
+ */
+
+%guildExpandedFolderBackground {
+ --background-secondary: var(--server-folder-color) !important;
+
+ border-radius: var(--avatar-radius);
+}
+
+%guildFolder {
+ --background-secondary: transparent !important;
+
+ &%guildFolderHover {
+ --background-primary: var(--server-folder-color) !important;
+ }
+}
+
+%guildFolderIconWrapper {
+ &[style*="background-color: rgba(88, 101, 242, 0.4)"] {
+ background-color: hsl(var(--accent-hsl),0.4) !important;
+ }
+}
+
+%guildFolderExpandedIconWrapper {
+ svg[style*="color: rgb(88, 101, 242);"] {
+ color: hsl(var(--accent-hsl--material-you)) !important;
+ }
+}
diff --git a/other/themes/Material-Discord/src/servers/_index.scss b/other/themes/Material-Discord/src/servers/_index.scss
new file mode 100644
index 0000000..258f7c4
--- /dev/null
+++ b/other/themes/Material-Discord/src/servers/_index.scss
@@ -0,0 +1,2 @@
+@forward './folders';
+@forward './servers';
diff --git a/other/themes/Material-Discord/src/servers/_servers.scss b/other/themes/Material-Discord/src/servers/_servers.scss
new file mode 100644
index 0000000..7735ec9
--- /dev/null
+++ b/other/themes/Material-Discord/src/servers/_servers.scss
@@ -0,0 +1,177 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * SERVER LIST
+ *
+ */
+
+%guildsWrapper {
+ background-color: var(--server-color) !important;
+
+ %guilds {
+ background-color: transparent;
+ }
+
+ %guildsTree {
+ &:focus {
+ outline: none;
+ }
+ }
+}
+
+%guildLink {
+ border-radius: var(--avatar-radius);
+ overflow: hidden;
+
+ %guildChildWrapper {
+ background-color: hsl(var(--accent-hsl--material-you));
+ border-radius: var(--avatar-radius);
+ color: var(--accent-text-color--material-you);
+ }
+
+ &%guildLinkSelected {
+ %guildChildWrapper {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ color: var(--accent-text-color--material-you) !important;
+ }
+ }
+
+ &:hover %guildChildWrapper {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ color: var(--accent-text-color--material-you) !important;
+ }
+}
+
+%guildSVG {
+ defs {
+ > path {
+ d: path("M7.981 40.019h32.038V7.981H7.981v32.038z");
+ transform: scale(1.49825) translate(-8px, -8px);
+ }
+ }
+}
+
+%favoriteIcon {
+ 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");
+ }
+}
+
+%circleIconButtonMask,
+%circleIconButton {
+ border-radius: var(--avatar-radius) !important;
+ background-color: hsl(var(--accent-hsl--material-you));
+ color: var(--accent-text-color--material-you);
+
+ &%circleIconButtonSelected {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ color: var(--accent-text-color--material-you);
+ }
+}
+
+%guildChildWrapper {
+ rect {
+ rx: var(--avatar-radius);
+ }
+}
+
+%circleIconButtonMask {
+ background-color: var(--menu-item-select) !important;
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ path {
+ transition: var(--default-time) var(--default-animation) fill;
+ }
+
+ &:hover {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+
+ path {
+ fill: var(--accent-text-color--material-you);
+ }
+ }
+}
+
+%channelsMentionIndicator {
+ background-color: hsl(var(--alert-hsl));
+ color: var(--alert-text-color);
+}
+
+/* SERVER LIST -> SERVER */
+
+%guild {
+ %guildWrapper {
+ border-radius: var(--avatar-radius);
+
+ %guildIcon {
+ border-radius: var(--avatar-radius);
+ }
+
+ %guildBadgeLower {
+ width: auto;
+ height: auto;
+
+ &.unread-badge {
+ right: unset;
+ left: -2px;
+
+ %numberBadge {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ color: var(--accent-text-color--material-you) !important;
+ }
+ }
+ }
+
+ %guildBadgeUpper {
+ %guildBadge {
+ background-color: hsl(var(--accent-hsl--material-you));
+ color: var(--accent-text-color--material-you);
+ border-radius: 50%;
+
+ &%guildBadgeParticipating {
+ background-color: hsl(var(--accent-hsl--material-you));
+ color: var(--accent-text-color--material-you);
+ }
+ }
+ }
+ }
+
+ &%guildFrame {
+ %guildChildWrapper {
+ padding: 0 6px;
+ border-radius: 12px;
+ text-transform: capitalize;
+ font-weight: 500;
+ }
+ }
+}
+
+%numberBadge {
+ background-color: hsl(var(--alert-hsl)) !important;
+ color: var(--alert-text-color) !important;
+}
+
+%guildUnavailableBadge {
+ background-color: hsl(var(--warning-hsl)) !important;
+ color: var(--warning-text-color) !important;
+}
+
+%guildDragInner {
+ border-radius: var(--avatar-radius);
+}
+
+%guildFolder,
+%guildFolderIconWrapper {
+ border-radius: var(--avatar-radius) !important;
+}
+
+%guildTarget,
+%guildCenterTarget {
+ &%guildDragOver {
+ &:before {
+ background-color: hsl(var(--accent-hsl--material-you));
+ box-shadow: var(--shadow-1dp);
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/settings/_content.scss b/other/themes/Material-Discord/src/settings/_content.scss
new file mode 100644
index 0000000..9ab2ec4
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/_content.scss
@@ -0,0 +1,28 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * SETTINGS CONTENT AREA
+ *
+ */
+
+%settingsContentRegion {
+ background-color: var(--main-content-color);
+ overflow: hidden;
+
+ %settingsContentH1,
+ %headingLgSemibold,
+ %bdSettingsTitle {
+ font-size: 22px;
+ font-weight: 400;
+ }
+
+ %bdSettingsGroupTitle {
+ @include remove-caps(14px);
+ font-weight: 500;
+ }
+}
+
+%eyebrow {
+ font-weight: 500;
+}
diff --git a/other/themes/Material-Discord/src/settings/_index.scss b/other/themes/Material-Discord/src/settings/_index.scss
new file mode 100644
index 0000000..9f260bd
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/_index.scss
@@ -0,0 +1,6 @@
+@forward './server/';
+@forward './user/';
+
+@forward './content';
+@forward './sidebar';
+@forward './settings';
diff --git a/other/themes/Material-Discord/src/settings/_settings.scss b/other/themes/Material-Discord/src/settings/_settings.scss
new file mode 100644
index 0000000..39b7d04
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/_settings.scss
@@ -0,0 +1,95 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * USER SETTINGS
+ *
+ */
+
+%layer,
+%standardSidebarView {
+ background-color: var(--main-alt);
+}
+
+%settingsContentRegion {
+ background-color: var(--main-color);
+ border-radius: var(--card-radius-big) var(--card-radius-big) 0 var(--card-radius-big);
+
+ %settingsContentScroller {
+ background-color: transparent;
+ }
+}
+
+%settingsCloseButton {
+ @include md-ripple(hover, after, 1.2);
+ border: none;
+
+ &:hover {
+ background-color: transparent !important;
+ }
+
+ &:active {
+ transform: translateX(0px);
+ }
+}
+
+%settingsNoticeRegion,
+%settingsSaveNoticeContainer {
+ left: 0;
+ right: 0;
+ margin: 0 auto;
+}
+
+%settingsSaveNoticeContainer {
+ left: 252px;
+}
+
+%settingsNoticeContainer {
+ padding: 8px 8px 8px 16px;
+ background-color: var(--popout-color) !important;
+ border-radius: 4px;
+ box-shadow: var(--shadow-2dp) !important;
+
+ %settingsNoticeActions {
+ flex-direction: row-reverse;
+ }
+
+ %buttonFilled {
+ --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;
+
+ &:after {
+ --accent-button-action: hsl(var(--button-link-accent-color));
+ }
+ }
+
+ %settingsNoticeResetButton {
+ --button-padding: 0;
+
+ min-width: var(--button-height);
+ margin-left: 0;
+ font-size: 0;
+
+ &:before {
+ display: flex;
+ position: absolute;
+ content: " ";
+ width: 18px;
+ height: 18px;
+ @include add-icon(var(--text-normal), close);
+ transform: scale(1.333333);
+ }
+
+ %buttonContents {
+ display: none;
+ }
+ }
+}
+
+.keybind-13vtq8 {
+ color: var(--text-muted) !important;
+}
diff --git a/other/themes/Material-Discord/src/settings/_sidebar.scss b/other/themes/Material-Discord/src/settings/_sidebar.scss
new file mode 100644
index 0000000..1aeb5a2
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/_sidebar.scss
@@ -0,0 +1,237 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * SIDEBAR
+ *
+ */
+
+%settingsSidebarScroller {
+ background-color: var(--main-alt);
+}
+
+%settingsSidebarRegion {
+ flex: 0;
+}
+
+%settingsSidebar {
+ --sidebar-width: 240px;
+
+ width: var(--sidebar-width);
+ margin: 0;
+ padding: 60px 0 40px;
+
+ %settingsSide {
+ width: inherit;
+ }
+}
+
+%settingsSidebar {
+ %tabBarItem {
+ 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;
+
+ &%tabBarItemSelected {
+ background-color: hsl(var(--accent-hsl),var(--menu-item-select-accent-opacity)) !important;
+
+ &:before {
+ opacity: 1;
+ }
+
+ %premiumLabel {
+ color: var(--interactive-active) !important;
+ }
+ }
+
+ svg {
+ display: none;
+ }
+
+ %premiumSelectedBackground {
+ display: none;
+ }
+
+ %textBadge {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ color: var(--accent-text-color--material-you);
+ }
+ }
+
+ %settingsSideHeader,
+ %bdSidebarHeader {
+ margin: 10px 28px 12px;
+ padding: 0;
+ color: var(--text-muted) !important;
+ }
+
+ %settingsSideHeaderEyebrow,
+ %bdSidebarHeaderLabel {
+ @include remove-caps(0.8em);
+ }
+
+ %bdSidebarHeaderLabel {
+ padding: 0;
+ line-height: 16px;
+ color: inherit;
+ }
+
+ %tabBarSeparator {
+ position: relative;
+ height: 1px;
+ margin: 10px 22px 10px 28px;
+ background: transparent;
+
+ &:before {
+ position: absolute;
+ content: " ";
+ width: 100%;
+ height: 1px;
+ background: rgba(114,118,125,0.3);
+ }
+ }
+}
+
+%textBadge {
+ &[style="background-color: var(--brand-500);"] {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+ color: var(--accent-text-color--material-you);
+ }
+}
+
+%settingsContentColumnDefault,
+%settingsContentColumnMinimal,
+%settingsContentColumnWide,
+%settingsCustomColumn,
+%settingsCustomScroller > div {
+ flex: 1 1 auto;
+ min-width: 350px;
+ max-width: 1400px;
+ left: 0;
+ right: 0;
+ margin: 0 auto;
+}
+
+%settingsContentColumnDefault,
+%settingsContentColumnWide {
+ padding: 60px;
+}
+
+.customHeader-f9DEJ_ {
+ padding-top: 0;
+}
+
+%settingsCustomContainer {
+ width: auto;
+
+ .auto-2K3UW5 {
+ background-color: var(--main-color) !important;
+ border-top-left-radius: var(--card-radius-big);
+ }
+
+ %settingsCustomScroller {
+ padding-right: 0 !important;
+
+ .content-28mbXd div:not([class])[style="height: 60px;"] {
+ height: 0 !important;
+ }
+
+ > div {
+ position: relative;
+ min-width: 350px;
+ max-width: 1400px;
+ margin: 0 auto 60px;
+ padding: 60px 97px 60px 60px !important;
+
+ > div:not([class]):first-child {
+ //display: none;
+ }
+ }
+
+ > %settingsCustomHeader {
+ padding: 0;
+ }
+
+ %settingsCustomHeader {
+ padding-top: 0;
+ }
+ }
+}
+
+.card-2ART2V:before {
+ margin: 0 60px;
+}
+
+%settingsCustomColumn,
+%settingsContentRegion div[role="tabpanel"] {
+ + %settingsToolsContainer {
+ position: absolute;
+ width: 60px;
+ height: 60px;
+ right: 0;
+
+ %settingsTools {
+ position: absolute;
+ width: 36px;
+ right: 0;
+ }
+ }
+}
+
+%settingsContentColumnMinimal {
+ padding: 60px 80px 80px;
+}
+
+%settingsContentSidebarScrollable .flexChild-3PzYmX[style*='padding: 60px 15px 80px 20px;'] {
+ padding: 60px 8px 40px 0 !important;
+}
+
+%settingsContentSidebarScrollable + .content-2ssVKB[style*='padding: 60px 0px 80px 20px;'] {
+ padding: 0 0 0 20px !important;
+}
+
+%settingsContentSidebarScrollable {
+ + .content-2ssVKB {
+ position: relative;
+ width: calc(100% - 232px);
+ left: 232px;
+ right: 0;
+ margin-left: 0;
+ padding: 0 !important;
+ }
+
+ %settingsSide %settingsSideHeader:first-child {
+ margin: 0 0 8px 0;
+ padding: 0 0 0 10px !important;
+ }
+}
+
+%settingsSocialLinks,
+%settingsDiscordInfo {
+ padding: 8px 12px 8px 26px
+}
+
+/* SIDEBAR -> LIGHT THEME WITH DARK SIDEBAR */
+
+%settingsSidebarRegion%themeDark {
+ &: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;
+ }
+}
+
+%settingsContentRegion {
+ z-index: 2;
+}
diff --git a/other/themes/Material-Discord/src/settings/_sidebarIcons.scss b/other/themes/Material-Discord/src/settings/_sidebarIcons.scss
new file mode 100644
index 0000000..d7e887c
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/_sidebarIcons.scss
@@ -0,0 +1,137 @@
+@use '../mixins' as *;
+
+/*
+ *
+ * SIDEBAR ICONS
+ *
+ */
+
+/*%settingsSidebar {
+ %tabBarItem {
+ display: flex;
+ gap: 8px;
+ padding-left: 12px;
+
+ &:before {
+ position: relative;
+ content: " ";
+ width: 20px;
+ height: 20px;
+ top: 0;
+ bottom: 0;
+ margin: auto 0;
+ background-repeat: no-repeat;
+ background-position: center;
+ opacity: 0.8;
+ }
+
+ img {
+ display: none;
+ }
+ }
+}
+
+%settingsTabBarItemContainer {
+ width: 100%;
+}*/
+
+%settingsSidebar {
+ %tabBarItem {
+ $icons: (
+ // USER SETTINGS
+
+ 'My Account': 'person',
+ 'Profiles': 'edit',
+ 'privacy-&-safety': 'security',
+ 'authorized-apps': 'apps',
+ 'Devices': 'devices',
+ 'Connections': 'link',
+ 'Passport': 'link',
+ 'friend-requests': 'person_add',
+
+ 'Nitro': 'nitro',
+ 'nitro-server-boost': 'server_boost',
+ 'Subscriptions': 'subscription',
+ 'Gift Inventory': 'gift',
+ 'billing': 'payment',
+
+ 'appearance': 'chat',
+ 'accessibility': 'accessibility',
+ 'voice-&-video': 'mic',
+ 'powermode-settings': 'poggers',
+ 'text-&-images': 'keyboard',
+ 'notifications': 'notifications',
+ 'keybinds': 'space_bar',
+ 'language': 'translate',
+ 'windows': 'windows',
+ 'linux': 'linux',
+ 'streamer-mode': 'live_tv',
+ 'advanced': 'integrations',
+
+ 'activity-privacy': 'verified_user',
+ 'game-activity': 'gamepad',
+ 'overlay': 'picture_in_picture',
+
+ 'settings': 'settings',
+ 'emotes': 'emoji',
+ 'customcss': 'code',
+ 'plugins': 'plugins',
+ 'themes': 'themes',
+ 'pluginrepo': 'plugins',
+ 'themerepo': 'themes',
+
+ 'changelog': 'list',
+ 'hypesquad-online': 'hypesquad',
+ 'experiments': 'settings',
+ 'developer-options': 'code',
+ 'hotspot-options': 'settings',
+ 'dismissible-content-options': 'settings',
+ 'payment-flow-modals': 'settings',
+
+ 'pc-general': 'settings',
+ 'pc-modulemanager-plugins': 'plugins',
+ 'pc-modulemanager-themes': 'themes',
+ 'pc-updater': 'update',
+ 'logout': 'exit_to_app',
+
+ // SERVER SETTINGS
+
+ 'overview': 'dashboard',
+ 'permissions': 'lock_open',
+ 'Manage Roles': 'person',
+ 'emoji': 'emoji',
+ 'Stickers': 'sticker-emoji',
+ 'Integrations': 'integrations',
+ 'widget': 'widgets',
+ 'Server Template': 'template',
+ 'vanity_url': 'link',
+
+ 'moderation': 'security',
+ 'AutoMod': 'moderation',
+ 'audit_log': 'audit_log',
+ 'bans': 'hammer',
+
+ 'Overview': 'dashboard',
+ 'Server Insights': 'analytics',
+ 'Partner Program': 'partner_program',
+ 'Enable Discovery': 'discovery',
+ 'member_verification': 'verified_user',
+ 'Welcome Screen': 'partner_program',
+ 'Default Channels': 'hub',
+ 'Starter Questions': 'help',
+ 'Premium Membership': 'monetization_on',
+
+ 'Server Boost Status': 'server_boost',
+
+ 'members': 'people',
+ 'instant_invites': 'person_add',
+ 'Delete Server': 'delete'
+ );
+
+ @each $tab, $icon in $icons {
+ &[aria-label="#{$tab}"]:before {
+ //@include add-icon(var(--text-normal), #{$icon});
+ }
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/settings/server/_auditLog.scss b/other/themes/Material-Discord/src/settings/server/_auditLog.scss
new file mode 100644
index 0000000..ffb8aca
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/server/_auditLog.scss
@@ -0,0 +1,121 @@
+@use '../../mixins' as *;
+
+/*
+ *
+ * SERVER AUDIT LOG
+ *
+ */
+
+%auditLog {
+ position: relative;
+ margin: 0;
+ background-color: var(--card-color-filled);
+ border-radius: 0;
+ border: none;
+
+ &:first-of-type {
+ border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
+ }
+
+ &:last-of-type {
+ border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
+
+ %auditLogHeader {
+ margin: 8px;
+
+ &:after {
+ height: calc(100% - 16px);
+ }
+
+ &%auditLogHeaderExpanded {
+ margin: 8px 8px 0;
+ }
+ }
+
+ %auditLogChangeDetails {
+ margin-bottom: 8px;
+ }
+ }
+
+ &:hover {
+ %auditLogHeader {
+ &:after {
+ background-color: var(--card-color-hover);
+ }
+ }
+ }
+}
+
+%auditLogHeader {
+ width: calc(100% - 16px);
+ margin: 8px 8px 0;
+ border-radius: calc(var(--card-radius-big) / 1.65);
+ background-color: transparent !important;
+ z-index: 2;
+
+ &: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;
+ }
+
+ &%auditLogHeaderExpanded {
+ &:after {
+ background-color: var(--card-color-active) !important;
+ }
+ }
+}
+
+%auditLogDivider {
+ display: none;
+}
+
+%auditLogChangeDetails {
+ width: calc(100% - 16px);
+ margin: 0 8px;
+ background-color: transparent !important;
+ z-index: 2;
+
+ %auditLogDetail {
+ &:first-of-type {
+ margin-top: 0;
+ }
+ }
+}
+
+%auditLogIcon {
+ &:after {
+ width: 9px;
+ height: 9px;
+ top: unset;
+ left: unset;
+ right: 2px;
+ bottom: 2px;
+ border-radius: 50%;
+ }
+
+ &%auditLogTypeCreate {
+ &:after {
+ background: #389c59;
+ }
+ }
+
+ &%auditLogTypeUpdate {
+ &:after {
+ background: #ec9d1a;
+ }
+ }
+
+ &%auditLogTypeDelete {
+ &:after {
+ background: #9d3235;
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/settings/server/_autoMod.scss b/other/themes/Material-Discord/src/settings/server/_autoMod.scss
new file mode 100644
index 0000000..ae2f530
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/server/_autoMod.scss
@@ -0,0 +1,221 @@
+@use '../../mixins' as *;
+
+/*
+ *
+ * SERVER SETTINGS CONTENT MODERATION
+ *
+ */
+
+%automodSimpleCard {
+ @include card-format(false, 16px, true);
+}
+
+%automodEditCard {
+ @include card-format(true, 0, true);
+
+ &:before {
+ display: none;
+ }
+}
+
+%automodRuleIconContainer,
+%automodStepCountIcon {
+ background-color: var(--card-button-color);
+}
+
+%triggerMainContainer {
+ padding: 0;
+ border: none;
+
+ %triggerSettingsContainer {
+ --card-color-filled: var(--card-color-alt);
+
+ margin: 8px 0;
+ @include card-format(false, 0, true);
+
+ %paddingTop,
+ %triggerSettingsExemptionHint {
+ margin-top: 0;
+ padding: 0px 16px 8px;
+ }
+ }
+}
+
+%triggerCollapseable {
+ 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);
+
+ &:not(:last-child) {
+ margin-bottom: 0;
+ }
+
+ &:active {
+ background-color: transparent !important;
+ }
+
+ &:before {
+ display: none;
+ }
+}
+
+%mentionLimitContainer {
+ background-color: transparent;
+}
+
+%triggerSettingsSearchContainer {
+ padding: 16px 16px 8px;
+
+ %triggerSettingsSearchBox {
+ @include new-input-format;
+
+ %triggerSettingsSearchBoxInner {
+ padding: 0;
+ }
+
+ %triggerSettingsSearchInput {
+ height: var(--input-height);
+ margin: 0;
+ padding: 0;
+ }
+ }
+
+ %popoutSearchRichTag {
+ margin: 6px 6px 6px 0;
+ }
+}
+
+%keywordsTextArea,
+%regexTextArea {
+ padding: 12px;
+ background-color: var(--input-color);
+ border-radius: 19px;
+ border: none;
+
+ &::-webkit-input-placeholder {
+ font-family: var(--app-font);
+ color: var(--input-placeholder-color);
+ }
+}
+
+%keywordsTextArea {
+ width: calc(100% - 32px);
+ margin: 16px 16px 8px;
+}
+
+%regexTextArea {
+ %regexTextAreaInnerScroller {
+ padding: 0;
+ }
+
+ %regexChipletContainer {
+ background-color: var(--card-button-color);
+ border-radius: 6px;
+ }
+}
+
+%keywordsCounter {
+ right: 24px;
+ bottom: 24px;
+}
+
+%keywordListContainer,
+%actionContainer {
+ padding: 12px 16px;
+ background-color: transparent;
+ @include card-format--list;
+
+ &:not(:last-child) {
+ margin-bottom: 0;
+ }
+
+ %triggerSettingsCheckboxWrapper {
+ padding: 0;
+ }
+}
+
+%actionContainer {
+ %actionContainer {
+ padding: 0;
+ }
+
+ %actionIconContainer {
+ margin-right: 16px;
+ }
+
+ %actionEditChannel {
+ color: hsl(var(--accent-hsl--material-you));
+ }
+}
+
+%actionRuleContainer {
+ background-color: transparent;
+ border-radius: 8px;
+ border: 1px solid var(--card-border-color);
+}
+
+%dividerIcon {
+ color: var(--text-muted);
+}
+
+%resultsList {
+ @include popout-format;
+ border: none;
+
+ %resultsChannelRowLabel,
+ %resultsRoleLabel {
+ background-color: transparent;
+ border-radius: 6px;
+ border: 1px solid var(--card-border-color);
+ }
+}
+
+
+%stepperContainer {
+ 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;
+
+ %stepper {
+ border-radius: inherit;
+ }
+
+ %stepperIconWrapper {
+ background-color: transparent !important;
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &:first-of-type {
+ border-right: 1px solid var(--card-border-color);
+ }
+
+ &:last-of-type {
+ border-left: 1px solid var(--card-border-color);
+ }
+
+ &:hover {
+ background-color: var(--card-color-hover) !important;
+ }
+
+ %stepperIcon {
+ height: var(--input-height);
+
+ &:hover {
+ background-color: transparent;
+ }
+ }
+ }
+
+ %inputWrapper {
+ border-bottom: none !important;
+
+ &:before,
+ &:after {
+ bottom: 0;
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/settings/server/_bannedUsers.scss b/other/themes/Material-Discord/src/settings/server/_bannedUsers.scss
new file mode 100644
index 0000000..350b130
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/server/_bannedUsers.scss
@@ -0,0 +1,47 @@
+/*
+ *
+ * SERVER SETTINGS BANNED USERS
+ *
+ */
+
+%bannedUsersContainer {
+ min-width: 350px;
+ max-width: 1400px;
+ width: auto;
+ padding: 60px 97px 60px 60px;
+
+ + %settingsToolsContainer {
+ position: absolute;
+ right: 0;
+ margin-right: 21px;
+ }
+}
+
+%bannedUsersScrollerContainer {
+ padding: 0;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+ box-shadow: none;
+ overflow: hidden;
+}
+
+%bannedUser {
+ 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;
+
+ &:hover {
+ background-color: var(--card-color-hover);
+ }
+
+ %bannedUsername {
+ color: var(--text-normal) !important;
+
+ %bannedDiscrim {
+ padding-left: 6px;
+ color: var(--primary-400) !important;
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/settings/server/_discovery.scss b/other/themes/Material-Discord/src/settings/server/_discovery.scss
new file mode 100644
index 0000000..68000a1
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/server/_discovery.scss
@@ -0,0 +1,37 @@
+@use '../../mixins' as *;
+
+/*
+ *
+ * SERVER COMMUNITY DISCOVERY
+ *
+ */
+
+%checklist {
+ @include card-format(false, 0, true);
+
+ %checklistHeader {
+ @include card-format--header(false, true);
+ }
+
+ %checklistItem {
+ @include card-format--list;
+
+ + %checklistSeparator {
+ display: none;
+ }
+ }
+}
+
+%communityDiscoveryCard {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+ box-shadow: none !important;
+}
+
+%communityDiscoveryIconMask {
+ background-color: var(--card-color-filled) !important;
+}
+
+%enableCommunityBanner {
+ overflow: hidden;
+}
diff --git a/other/themes/Material-Discord/src/settings/server/_emojis.scss b/other/themes/Material-Discord/src/settings/server/_emojis.scss
new file mode 100644
index 0000000..0432165
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/server/_emojis.scss
@@ -0,0 +1,102 @@
+@use '../../mixins' as *;
+
+/*
+ *
+ * SERVER EMOJI
+ *
+ */
+
+%emojiContent {
+ padding: 8px;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+}
+
+%emojiTable {
+ margin-bottom: 0;
+ padding: 8px 12px;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
+
+ %formText {
+ @include remove-caps(14px);
+ }
+}
+
+%emojiRow {
+ position: relative;
+ padding: 0 16px;
+ box-shadow: none !important;
+
+ &:nth-child(3) {
+ padding-top: 16px !important;
+
+ &:before {
+ height: 100% !important;
+ top: 0 !important;
+ }
+ }
+
+ &:last-of-type {
+ margin-bottom: 0 !important;
+
+ &:before {
+ height: 100% !important;
+ }
+ }
+
+ &: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;
+ }
+
+ %emojiAliasInput {
+ margin-top: 0;
+ border-bottom: none !important;
+
+ &:before,
+ &:after {
+ display: none;
+ }
+
+ &:focus-within {
+ + %emojiAliasPlaceholder {
+ opacity: 0;
+ }
+ }
+
+ %emojiInput {
+ 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;
+ }
+ }
+
+ %emojiAliasPlaceholder {
+ 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;
+ }
+
+ %emojiRemove {
+ 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;
+
+ &:hover {
+ background-color: var(--card-button-color-hover);
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/settings/server/_index.scss b/other/themes/Material-Discord/src/settings/server/_index.scss
new file mode 100644
index 0000000..21a9550
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/server/_index.scss
@@ -0,0 +1,18 @@
+@forward './auditLog';
+@forward './autoMod';
+@forward './bannedUsers';
+@forward './discovery';
+@forward './emojis';
+@forward './integrations';
+@forward './onboarding';
+@forward './overview';
+@forward './permissions';
+@forward './roles';
+@forward './rulesScreening';
+@forward './safetySetup';
+@forward './serverInsights';
+@forward './serverProducts';
+@forward './serverSubscriptions';
+@forward './soundboard';
+@forward './stickers';
+@forward './welcomeScreen';
diff --git a/other/themes/Material-Discord/src/settings/server/_integrations.scss b/other/themes/Material-Discord/src/settings/server/_integrations.scss
new file mode 100644
index 0000000..3844af5
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/server/_integrations.scss
@@ -0,0 +1,11 @@
+/*
+ *
+ * SERVER INTEGRATIONS
+ *
+ */
+
+%footerImage {
+ position: static;
+ margin-top: 80px;
+ margin-bottom: -288px;
+}
diff --git a/other/themes/Material-Discord/src/settings/server/_onboarding.scss b/other/themes/Material-Discord/src/settings/server/_onboarding.scss
new file mode 100644
index 0000000..af8e022
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/server/_onboarding.scss
@@ -0,0 +1,225 @@
+@use '../../mixins' as *;
+
+/*
+ *
+ * SERVER COMMUNITY ONBOARDING
+ *
+ */
+
+%onboardingChannelRowRecommended {
+ @include card-format(false, 12px 16px, true);
+}
+
+%onboardingQuestionContainer {
+ @include card-format(false, 16px, true);
+}
+
+%onboardingChannelCoverage {
+ @include card-format(false, 0, true);
+
+ %onboardingChannelCoverageDetails {
+ background-color: transparent;
+ }
+}
+
+%onboardingChannelPill {
+ height: 20px;
+ background-color: var(--card-color-active);
+ border-radius: 10px;
+}
+
+%onboardingNotice {
+ @include card-format(false, 16px, true);
+}
+
+%onboardingReview {
+ padding: 16px;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
+}
+
+%onboardingStepContainer {
+ position: relative;
+ background-color: var(--card-color-filled);
+
+ &:after {
+ position: absolute;
+ content: " ";
+ width: calc(100% - 32px);
+ height: 1px;
+ bottom: 0;
+ left: 16px;
+ background-color: var(--card-border-color);
+ }
+
+ &:last-of-type {
+ border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
+
+ &:after {
+ display: none;
+ }
+ }
+
+ %onboardingStepIconContainer {
+ background-color: var(--card-color-active);
+ }
+
+ %buttonOutlined {
+ &%buttonPrimary {
+ border: var(--button-outline) !important;
+ }
+ }
+}
+
+%onboardingStepDivider {
+ display: none;
+}
+
+/* SERVER COMMUNITY ONBOARDING -> DEFAULT CHANNELS */
+
+%onboardingCategoryRow {
+ %onboardingCategoryText {
+ @include remove-caps(14px);
+ }
+}
+
+%onboardingChannelRow {
+ background-color: var(--card-color-filled);
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &%onboardingChannelRowFirst {
+ border-top-left-radius: var(--card-radius-big);
+ border-top-right-radius: var(--card-radius-big);
+ }
+
+ &%onboardingChannelRowLast {
+ border-bottom-left-radius: var(--card-radius-big);
+ border-bottom-right-radius: var(--card-radius-big);
+ }
+
+ &:hover {
+ &:not(%onboardingChannelRowDisabled) {
+ background-color: var(--card-color-hover);
+ }
+ }
+
+ %onboardingChannelLockedPill {
+ --button-padding: 0 24px 0 16px;
+ }
+}
+
+%onboardingChannelSeparator {
+ background-color: var(--card-border-color);
+}
+
+%onboardingChannelSelectionContainer {
+ @include card-format(false, 0, true);
+
+ %onboardingChannelSelectionHeader,
+ %onboardingChannelSelectionHeaderContainer,
+ %onboardingChannelSelectionList {
+ background-color: transparent;
+ }
+}
+
+/* SERVER COMMUNITY ONBOARDING -> NAVIGATION BANNER */
+
+%onboardingNavigationBarContainer {
+ background-color: var(--popout-color) !important;
+ border-radius: 4px;
+ box-shadow: var(--shadow-2dp);
+
+ %button {
+ &%buttonOutlined {
+ --button-padding: 0 24px 0 16px;
+ }
+
+ &%buttonFilled {
+ --button-padding: 0 16px 0 24px;
+
+ %onboardingNavigationBarInnerButton {
+ color: var(--accent-text-color--material-you) !important;
+ }
+ }
+ }
+}
+
+%onboardingNavigationEducationUpsell {
+ background-color: var(--popout-color);
+ border-radius: var(--popout-radius-big);
+
+ %onboardingNavigationEducationUpsellArrow {
+ border-bottom-color: var(--popout-color);
+ }
+}
+
+/* SERVER COMMUNITY ONBOARDING -> PREVIEW */
+
+%onboardingTestimonialHeroContainer {
+ @include card-format(false, 32px, true);
+
+ %onboardingQuotes {
+ top: 40px;
+ color: var(--card-header-text-color);
+ }
+
+ %onboardingTestimonialsControls {
+ margin: 0;
+ }
+
+ %button {
+ --button-padding: 0 10px;
+ }
+}
+
+%onboardingUpsellPreview {
+ gap: 16px;
+ @include card-format(false, 16px, true);
+
+ &%onboardingSpacingLarge {
+ gap: 2px;
+
+ %headingMdSemibold {
+ padding-bottom: 14px;
+ }
+
+ %onboardingWelcomeMessageContainer {
+ margin-bottom: 14px;
+ }
+ }
+
+ %headingMdSemibold {
+ line-height: normal;
+ font-size: 1.25em;
+ color: var(--card-header-text-color);
+ font-weight: 400;
+ }
+
+ %onboardingSpacingSmall {
+ gap: 2px;
+ }
+
+ %onboardingPreviewListItem {
+ padding: 12px;
+
+ &%onboardingPreviewListItemSelected {
+ background-color: var(--card-color-alt-hover);
+ }
+ }
+
+ %onboardingPreviewListItem,
+ %onboardingPreviewAction {
+ background-color: var(--card-color-alt);
+ border-radius: 4px;
+
+ &:first-of-type {
+ border-top-left-radius: var(--card-radius-big);
+ border-top-right-radius: var(--card-radius-big);
+ }
+
+ &:last-of-type {
+ border-bottom-left-radius: var(--card-radius-big);
+ border-bottom-right-radius: var(--card-radius-big);
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/settings/server/_overview.scss b/other/themes/Material-Discord/src/settings/server/_overview.scss
new file mode 100644
index 0000000..56a7794
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/server/_overview.scss
@@ -0,0 +1,10 @@
+/*
+ *
+ * SERVER SETTINGS OVERVIEW
+ *
+ */
+
+%imageUploaderIcon {
+ left: calc(50% + 32px);
+ right: unset;
+}
diff --git a/other/themes/Material-Discord/src/settings/server/_permissions.scss b/other/themes/Material-Discord/src/settings/server/_permissions.scss
new file mode 100644
index 0000000..19dd5b8
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/server/_permissions.scss
@@ -0,0 +1,117 @@
+@use '../../mixins' as *;
+
+/*
+ *
+ * SERVER SETTINGS PERMISSIONS
+ *
+ */
+
+%permissionsSettingCard {
+ margin-bottom: 16px;
+ @include card-format(16px);
+
+ &%permissionsSettingCardActive,
+ %permissionsCardFolder {
+ background-color: transparent;
+ }
+
+ %permissionsCardFolderHeader {
+ position: relative;
+ border-bottom: none;
+
+ &:after {
+ position: absolute;
+ content: " ";
+ width: 100%;
+ height: 1px;
+ bottom: 0;
+ left: 0;
+ background-color: var(--card-border-color);
+ }
+ }
+
+ + %permissionsDivider {
+ display: none;
+
+ + %button {
+ --button-padding: 0;
+ }
+ }
+}
+
+%permissionsRoleMemberList {
+ padding: 16px;
+
+ %permissionsRoleMemberContent {
+ height: auto !important;
+
+ %permissionsMemberRow {
+ padding: 0 4px;
+ margin-bottom: 16px;
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+
+ %permissionsDivider {
+ display: none;
+ }
+ }
+}
+
+%settingsContentSidebarScrollable {
+ %settingsContentSidebarHeaderDefault {
+ @include remove-caps(14px);
+ }
+
+ %permissionsSidebarRoleItem {
+ border-radius: 16px;
+
+ %permissionsSidebarRoleDotBackground {
+ padding: 0;
+ background-color: transparent;
+ }
+ }
+}
+
+%settingsContentSidebarScroller {
+ background-color: transparent;
+}
+
+%staticToolbar {
+ margin-bottom: 8px;
+ @include card-format(true, 0, true);
+ overflow: hidden;
+
+ %button {
+ --button-height: 32px;
+ --button-background: transparent;
+ --button-radius: 0;
+ }
+}
+
+%forumGuidelines {
+ --input-padding: 0 12px;
+
+ @include new-input-format(false, 200px, 250px);
+ background: var(--input-color) !important;
+ border-radius: 19px;
+
+ %slateTextArea {
+ right: 0;
+ padding: 12px 0;
+ }
+}
+
+%forumGuidelinesAddTags {
+ background-color: hsl(var(--accent-hsl--material-you));
+
+ &:not(%forumGuidelinesAddTagsDisabled):hover {
+ background-color: hsl(var(--accent-hsl--material-you));
+ }
+
+ path {
+ fill: var(--accent-text-color--material-you);
+ }
+}
diff --git a/other/themes/Material-Discord/src/settings/server/_roles.scss b/other/themes/Material-Discord/src/settings/server/_roles.scss
new file mode 100644
index 0000000..7a2f34e
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/server/_roles.scss
@@ -0,0 +1,308 @@
+@use '../../mixins' as *;
+
+/*
+ *
+ * SERVER ROLES
+ *
+ */
+
+%guildSettingsRolesTabBar {
+ border-bottom: 1px solid var(--card-border-color);
+
+ %guildSettingsRolesTabBarItem {
+ margin-bottom: 0;
+ border: none;
+
+ &%guildSettingsRolesTabBarItemSelected {
+ @include tab-border(100%);
+ }
+ }
+}
+
+%guildSettingsRoleDefaultPermissions {
+ @include card-format(false, 16px, true, true);
+
+ %guildSettingsRoleDefaultPermissionsIcon {
+ background-color: var(--card-button-color);
+ }
+}
+
+%guildSettingsRoleSearchBar {
+ @include new-input-format;
+
+ %guildSettingsRoleSearchBarInner {
+ padding: 0;
+
+ %guildSettingsRoleSearchInput {
+ height: var(--input-height);
+ margin: 0;
+ padding: 0 4px;
+
+ &::-webkit-input-placeholder {
+ font-family: var(--app-font);
+ }
+ }
+
+ %guildSettingsRoleSearchIconLayout {
+ width: var(--input-height);
+ height: var(--input-height);
+ }
+ }
+}
+
+%guildSettingsRolesTable {
+ padding: 16px;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
+
+ %guildSettingsRolesTableHeader {
+ margin-left: 0;
+ margin-bottom: 0;
+
+ %dragSpacing {
+ display: none;
+ }
+ }
+
+ %guildSettingsRolesTableTitle {
+ font-size: 1em;
+ color: var(--card-header-text-color);
+ font-weight: 500;
+ text-transform: none;
+
+ &%memberSpacing {
+ margin-left: 64px;
+ }
+ }
+}
+
+%guildSettingsRoleRow {
+ height: auto;
+ margin: 0;
+ padding: 12px 16px;
+ background-color: var(--card-color-filled);
+ border-radius: 0;
+
+ &:last-of-type {
+ padding-bottom: 20px;
+ border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
+
+ &:before {
+ height: calc(100% - 8px);
+ }
+
+ &:after {
+ display: none;
+ }
+ }
+
+ &:hover {
+ &:not(%guildSettingsRoleRowDisabledHover) {
+ background-color: var(--card-color-filled);
+
+ &:before {
+ background-color: var(--card-color-hover);
+ }
+
+ %guildSettingsRoleDragIcon {
+ opacity: 1;
+ }
+
+ %guildSettingsRoleCircleButton {
+ background-color: var(--card-button-color-hover);
+
+ &%guildSettingsRoleEditButton {
+ opacity: 1;
+ }
+ }
+ }
+ }
+
+ &: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;
+ }
+
+ > * {
+ z-index: 2;
+ }
+}
+
+%guildSettingsRoleDragIcon {
+ 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;
+}
+
+%guildSettingsRoleCircleButton {
+ background-color: var(--card-button-color);
+
+ &%guildSettingsRoleEditButton {
+ opacity: 0;
+ visibility: visible;
+ transition: var(--default-time) var(--default-animation) opacity;
+ }
+}
+
+/* SERVER ROLES -> EDIT/NEW */
+
+%guildSettingsRolePage {
+ width: 100%;
+ min-width: 100%;
+
+ %guildSettingsRoleSidebar,
+ %guildSettingsRoleContentContainer {
+ position: relative;
+ }
+
+ %guildSettingsRoleSidebar {
+ margin-left: 40px;
+ border-right-color: var(--card-border-color);
+
+ %guildSettingsRoleSidebarList {
+ padding: 0 16px 96px 16px;
+ background-color: transparent;
+ border: none;
+ }
+
+ %guildSettingsRoleSidebarTitleContainer {
+ margin: 0;
+ padding: 0 8px 16px;
+ background-color: var(--main-color);
+
+ &%guildSettingsRoleSidebarTitleElevated {
+ border-bottom: 1px solid var(--card-border-color);
+ box-shadow: none;
+ }
+
+ %guildSettingsRoleSidebarTitleText {
+ @include remove-caps(16px);
+ }
+ }
+
+ %tabBarItem {
+ width: auto;
+ padding: 0 12px;
+ border-radius: 16px;
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &:before {
+ display: none;
+ }
+
+ &:hover {
+ background-color: var(--menu-item-hover) !important;
+ }
+
+ &%tabBarItemSelected {
+ background-color: hsl(var(--accent-hsl),var(--menu-item-select-accent-opacity)) !important;
+ }
+ }
+
+ %guildSettingsRoleDot {
+ border: none;
+ }
+ }
+
+ %guildSettingsRoleContentContainer {
+ left: 0;
+ flex: 1;
+ }
+
+ %guildSettingsRoleContentWidth {
+ width: auto;
+ min-width: auto;
+ max-width: none;
+ padding-right: 82px;
+
+ %buttonSizeTiny {
+ --button-height: 24px;
+ --button-padding: 0 8px;
+ }
+ }
+
+ %guildSettingsRoleHeader {
+ margin-left: 0;
+ margin-right: 0;
+ padding: 0;
+ background-color: var(--main-color);
+ transition: var(--default-time) var(--default-animation) border-bottom-color;
+
+ &%guildSettingsRoleStickyHeader {
+ box-shadow: none;
+ }
+
+ .titleText-35PD5k {
+ @include remove-caps(16px);
+ }
+
+ + div + .divider-5Xhahz {
+ display: none;
+ }
+ }
+
+ %guildSettingsRoleTabBar {
+ margin-left: 0;
+ border-bottom: 1px solid var(--card-border-color);
+ }
+
+ %guildSettingsRoleSearchContainer {
+ margin-top: 16px;
+ padding-bottom: 16px;
+ border-bottom: 1px solid var(--card-border-color);
+ }
+
+ %guildSettingsRoleIconPreviewContainer {
+ border-radius: var(--card-radius-big);
+ }
+
+ %guildSettingsRolePreviewContainer {
+ background-color: transparent;
+ border-radius: var(--card-radius-big);
+ border: none;
+
+ %guildSettingsRoleMessageContainer {
+ padding: 16px 16px 16px 66px;
+ background-color: var(--chat-color);
+ }
+ }
+
+ .container-1zDvAE {
+ margin-bottom: 20px;
+ }
+
+ + %settingsToolsContainer {
+ position: absolute;
+ top: 0;
+ right: 0;
+ z-index: 2;
+ }
+}
+
+/* SERVER ROLES -> ADD MEMBER */
+
+%guildSettingsRoleAddMemberSearchBox {
+ padding: 16px;
+
+ &%guildSettingsRoleAddMemberScrollSeparator {
+ box-shadow: none !important;
+ }
+
+ %guildSettingsRoleAddMemberSearchBar {
+ margin-bottom: 0;
+ border: none;
+ }
+}
diff --git a/other/themes/Material-Discord/src/settings/server/_rulesScreening.scss b/other/themes/Material-Discord/src/settings/server/_rulesScreening.scss
new file mode 100644
index 0000000..6701f94
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/server/_rulesScreening.scss
@@ -0,0 +1,83 @@
+@use '../../mixins' as *;
+
+/*
+ *
+ * SERVER RULES SCREENING
+ *
+ */
+
+%ruleScreeningMainColumnContainer {
+ max-width: calc( 100% - calc(188px + 32px) );
+}
+
+%rulesScreeningBackgroundContainer {
+ @include card-format(false, 16px, true);
+
+ %rulesScreeningContainerPadding {
+ padding: 0;
+ }
+
+ %inputWrapper {
+ height: auto;
+ max-height: unset;
+ }
+}
+
+%rulesScreeningContainerTitle {
+ font-size: 1.25em;
+ color: var(--card-header-text-color);
+ font-weight: 500;
+
+ %rulesScreeningContainerVerificationLevel {
+ font-size: 1em;
+ }
+}
+
+%rulesScreeningContainerFooter {
+ padding: 0;
+ background-color: transparent;
+}
+
+%rulesScreeningFieldBackground {
+ &:not(textarea) {
+ --card-color-filled: var(--card-color-alt);
+
+ @include card-format(false, 16px, true);
+ }
+
+ &%rulesScreeningWithFooter {
+ border-bottom: none;
+ }
+}
+
+%rulesScreeningFieldFooterContainer {
+ 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);
+}
+
+%rulesScreeningSidebarFixedContainer {
+ @include card-format(false, 16px, true);
+}
+
+/* SERVER RULES SCREENING -> EDIT RULES */
+
+%rulesTextAreaInput {
+ @include card-format(false, 0 0 0 16px, true);
+}
+
+%rulesExampleRule {
+ 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;
+
+ &:hover {
+ background-color: var(--card-button-color-hover);
+ }
+
+ > div {
+ line-height: var(--button-height);
+ }
+}
diff --git a/other/themes/Material-Discord/src/settings/server/_safetySetup.scss b/other/themes/Material-Discord/src/settings/server/_safetySetup.scss
new file mode 100644
index 0000000..5a397c3
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/server/_safetySetup.scss
@@ -0,0 +1,35 @@
+@use '../../mixins' as *;
+
+/*
+ *
+ * SERVER SETTINGS SAFETY SETUP
+ *
+ */
+
+%safetySetupChangelog {
+ @include card-format(false, 16px, true);
+}
+
+%safetySetupChecklist {
+ @include card-format(false, 0, true);
+
+ %buttonOutlined {
+ border: var(--button-outline) !important;
+ }
+
+ %safetySetupChecklistDivider {
+ background-color: var(--card-border-color);
+ }
+}
+
+%safetySetupBackButton {
+ --button-padding: 0;
+
+ margin-bottom: 16px;
+
+ %safetySetupBackButtonText {
+ background-image: none;
+ text-transform: none;
+ text-decoration: none;
+ }
+}
diff --git a/other/themes/Material-Discord/src/settings/server/_serverInsights.scss b/other/themes/Material-Discord/src/settings/server/_serverInsights.scss
new file mode 100644
index 0000000..e0a5f73
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/server/_serverInsights.scss
@@ -0,0 +1,16 @@
+@use '../../mixins' as *;
+
+/*
+ *
+ * SERVER SETTINGS SERVER INSIGHTS
+ *
+ */
+
+%insightsError {
+ @include card-format(false, 16px, true);
+}
+
+%insightsDeveloperPortalCtaWrapper {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+}
diff --git a/other/themes/Material-Discord/src/settings/server/_serverLists.scss b/other/themes/Material-Discord/src/settings/server/_serverLists.scss
new file mode 100644
index 0000000..cfa11ef
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/server/_serverLists.scss
@@ -0,0 +1,142 @@
+@use '../../mixins' as *;
+
+/*
+ *
+ * SERVER LISTS
+ *
+ */
+
+%settingsLongCard {
+ padding: 16px;
+ background-color: var(--card-color-filled);
+
+ &:nth-child(3) {
+ padding-top: 24px;
+ border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
+
+ &:last-of-type {
+ border-radius: var(--card-radius-big);
+ }
+
+ &:before {
+ height: calc(100% - 8px);
+ top: 8px;
+ }
+ }
+
+ &:last-of-type {
+ margin-bottom: 32px;
+ padding-bottom: 24px;
+ border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
+
+ &:before {
+ height: calc(100% - 8px);
+ }
+ }
+
+ &:before {
+ width: calc(100% - 16px);
+ left: 8px;
+ right: 0;
+ bottom: 0;
+ margin: 0;
+ background-color: var(--card-color-hover) !important;
+ border: none;
+ border-radius: calc(var(--card-radius-big) / 1.65);
+ transition: var(--default-time) var(--default-animation) opacity;
+ pointer-events: none;
+ }
+}
+
+%settingsHeader,
+%settingsMemberHeader {
+ + %settingsHeaderDivider {
+ display: none;
+ }
+}
+
+/* SERVER LISTS -> MEMBERS LIST */
+
+%settingsMemberCard {
+ &:nth-child(3) {
+ margin-top: 24px;
+ }
+
+ %roleOverflowButton {
+ width: 36px;
+
+ %button {
+ --button-padding: 0;
+
+ min-width: var(--button-height);
+ }
+
+ %roleOverflowIcon {
+ vertical-align: middle;
+ }
+ }
+}
+
+/* SERVER LISTS -> INVITE LIST */
+
+%settingsInviteHeaderSection {
+ padding-bottom: 0;
+
+ %settingsInviteHeaderDivider,
+ %settingsInviteDivider {
+ display: none;
+ }
+
+ %settingsInviteHeader {
+ margin-top: 24px;
+ padding: 16px 16px 4px;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
+ }
+}
+
+%settingsInviteCard {
+ height: 72px;
+
+ &:nth-child(3) {
+ border-radius: 0;
+ }
+
+ %settingsInviteAvatar {
+ width: 24px !important;
+ height: 24px !important;
+ }
+
+ %settingsInviteRevokeInvite {
+ top: -12px;
+ right: -8px;
+ }
+}
+
+/* SERVER LISTS -> BAN LIST */
+
+%bannedUserModal {
+ %bannedUserModalContent {
+ padding: 0 !important;
+
+ &::-webkit-scrollbar {
+ width: 0px !important;
+ }
+
+ %settingsInviteHeader {
+ padding: 16px;
+ justify-content: left;
+ border-bottom: 1px solid var(--card-border-color);
+ }
+
+ %bannedUserModalReasonHeader {
+ margin-top: 0;
+ padding: 16px;
+ @include remove-caps(14px);
+
+ + %textSmNormal {
+ padding: 0 16px 16px;
+ }
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/settings/server/_serverProducts.scss b/other/themes/Material-Discord/src/settings/server/_serverProducts.scss
new file mode 100644
index 0000000..10845bd
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/server/_serverProducts.scss
@@ -0,0 +1,123 @@
+@use '../../mixins' as *;
+
+/*
+ *
+ * SERVER SETTINGS SERVER PRODUCTS
+ *
+ */
+
+%serverProductsBasicInfoContainer {
+ @include card-format(false, 16px, true);
+}
+
+%serverProductsCoverImageUploader {
+ %settingsImageUploaderInner {
+ @include card-format(false, 0, true);
+ }
+
+ %settingsImageUploaderIcon {
+ left: unset;
+ right: 0;
+ }
+}
+
+%serverProductsMetricCard,
+%serverProductsTableContainer {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+
+ %textXsMedium {
+ @include remove-caps(14px);
+ }
+}
+
+/*SERVER SETTINGS SERVER PRODUCTS -> CREATE PRODUCT */
+
+%serverProductTextArea {
+ background-color: var(--input-color);
+ border-radius: 19px;
+}
+
+%serverProductThumbnail {
+ border-radius: var(--card-radius-big);
+
+ %serverProductThumbnailRadioOptionImage {
+ border-radius: calc(var(--card-radius-big) - 2px) !important;
+ }
+}
+
+%serverProductUploadDownloadableContainer {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+
+ %textSmMedium {
+ color: var(--accent-text-color--material-you) !important;
+ }
+}
+
+%serverProductAttachedRoleContainer {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+ border: none;
+}
+
+%serverProductBenefitToggleContainer {
+ padding: 8px 2px 8px 12px;
+ background-color: var(--card-color-filled);
+ border-radius: 20px;
+}
+
+%serverProductPublishableCard {
+ 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;
+}
+
+%serverProductWasEverPublishedCard {
+ background-color: hsl(var(--alert-hsl),0.15);
+ border-radius: var(--card-radius-big);
+ border: 1px solid hsl(var(--alert-hsl));
+}
+
+%serverProductPreview {
+ %textXsBold {
+ @include remove-caps(14px);
+ }
+}
+
+/*SERVER SETTINGS SERVER PRODUCTS -> PRODUCT CARD */
+
+%serverProductCard {
+ @include card-format(true, 0, true, true);
+
+ %serverProductCardThumbnail {
+ border-radius: var(--card-radius-big);
+ }
+}
+
+%serverProductBadge {
+ background-color: var(--card-color-active) !important;
+ border-radius: 13px;
+}
+
+%serverProductRoleTag {
+ 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);
+
+ %serverProductRoleColor {
+ width: 16px;
+ height: 16px;
+ margin: 0;
+ border-radius: 8px;
+
+ + span {
+ display: none !important;
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/settings/server/_serverSubscriptions.scss b/other/themes/Material-Discord/src/settings/server/_serverSubscriptions.scss
new file mode 100644
index 0000000..19be4a7
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/server/_serverSubscriptions.scss
@@ -0,0 +1,89 @@
+@use '../../mixins' as *;
+
+/*
+ *
+ * SERVER SETTINGS SERVER SUBSCRIPTIONS
+ *
+ */
+
+%serverSubscriptionCard {
+ @include card-format(false, 0, true);
+}
+
+%serverSubscriptionHeroBanner {
+ border-radius: var(--card-radius-big);
+}
+
+/* SERVER SETTINGS SERVER SUBSCRIPTIONS -> HOW IT WORKS */
+
+%howItWorksContainer {
+ padding: 0;
+ background-color: transparent;
+}
+
+%howItWorksImageContainer,
+%howItWorksDescription {
+ background-color: transparent;
+}
+
+/* SERVER SETTINGS SERVER SUBSCRIPTIONS -> CREATOR BENEFITS */
+
+%creatorBenefitCard {
+ padding: 16px;
+}
+
+%creatorBenefitEarningsPreviewCard,
+%creatorBenefitAvatarCard {
+ --card-color-filled: var(--card-color-alt);
+
+ @include card-format(false, 16px, true);
+}
+
+/* SERVER SETTINGS SERVER SUBSCRIPTIONS -> LEARN FROM OTHER CREATORS */
+
+%guildCard {
+ padding: 16px;
+}
+
+%guildCardHeaderAvatar {
+ border-radius: 50%;
+}
+
+%guildSubscriberCount {
+ height: var(--button-height);
+ padding: var(--button-padding);
+ background-color: var(--card-button-color);
+ border-radius: var(--button-radius);
+
+ %textMdNormal {
+ color: var(--text-normal) !important;
+ font-weight: 500;
+ }
+}
+
+%guildSubscriberCountValue,
+%guildSubscriberCountText {
+ padding: 0;
+ background-color: transparent;
+}
+
+%guildSubscriberCountText {
+ padding-left: 12px;
+}
+
+%guildCardEmojisContainer {
+ margin-right: 8px;
+ padding: var(--button-padding);
+ background-color: var(--card-button-color);
+ border-radius: var(--button-radius);
+}
+
+/* */
+
+%serverSubscriptionsTabBar {
+ border-bottom-width: 1px;
+}
+
+%serverSubscriptionsSetupContainer {
+ @include card-format(false, 16px, true);
+}
diff --git a/other/themes/Material-Discord/src/settings/server/_soundboard.scss b/other/themes/Material-Discord/src/settings/server/_soundboard.scss
new file mode 100644
index 0000000..6ebe177
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/server/_soundboard.scss
@@ -0,0 +1,32 @@
+@use '../../mixins' as *;
+
+/*
+ *
+ * SERVER SETTINGS SOUNDBOARD
+ *
+ */
+
+%soundboardSettingsTableTitle {
+ margin-bottom: 16px;
+}
+
+%soundboardSettingsTable {
+ grid-template-columns: unset;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+}
+
+%soundboardSettingsTableHeaders {
+ padding: 16px 16px 0;
+
+ %soundboardSettingsTableHeader {
+ font-weight: 500;
+ text-transform: none;
+ }
+}
+
+%soundboardSettingsTableRow {
+ padding: 4px 16px;
+
+ @include card-format--list;
+}
diff --git a/other/themes/Material-Discord/src/settings/server/_stickers.scss b/other/themes/Material-Discord/src/settings/server/_stickers.scss
new file mode 100644
index 0000000..9c57721
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/server/_stickers.scss
@@ -0,0 +1,46 @@
+@use '../../mixins' as *;
+
+/*
+ *
+ * SERVER STICKERS
+ *
+ */
+
+%stickersUpsellContainer {
+ border-radius: var(--card-radius-big);
+}
+
+%stickersTierHeader {
+ border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
+
+ &%stickersTierHeaderUnlocked,
+ &%stickersTierHeaderLocked {
+ background-color: var(--card-color-filled) !important;
+ }
+
+ &%stickersTierHeaderWithoutCardBody {
+ border-radius: var(--card-radius-big);
+ }
+}
+
+%stickersTeirBody {
+ background-color: var(--card-color-filled) !important;
+ border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
+ border-top: none !important;
+}
+
+%stickersTierLock {
+ color: var(--interactive-normal);
+}
+
+%stickersUploadCard {
+ @include card-format(false, 0, true, true);
+}
+
+%stickersPlaceholderCard {
+ @include card-format;
+}
+
+%stickersProgressBackground {
+ color: var(--main-alt) !important;
+}
diff --git a/other/themes/Material-Discord/src/settings/server/_welcomeScreen.scss b/other/themes/Material-Discord/src/settings/server/_welcomeScreen.scss
new file mode 100644
index 0000000..76b94c1
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/server/_welcomeScreen.scss
@@ -0,0 +1,54 @@
+@use '../../mixins' as *;
+
+/*
+ *
+ * ACCEPT RULES
+ *
+ */
+
+%welcomeEnableContainer {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
+}
+
+%welcomePreviewContainer {
+ @include card-format(false, 16px, true);
+ border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
+ border-top: none;
+
+ %welcomeDescriptionWrapper {
+ %inputWrapper {
+ --input-height: 64px;
+ }
+ }
+
+ %welcomeDescriptionInput {
+ line-height: 32px;
+
+ &[placeholder] {
+ text-align: left;
+ }
+ }
+
+ %welcomeChannel {
+ --card-color-filled: var(--card-color-alt);
+
+ @include card-format(false, 12px, true);
+ }
+}
+
+%welcomeIconActiveLarger {
+ border-radius: var(--avatar-radius);
+}
+
+%welcomeOptions {
+ margin-bottom: 8px;
+ @include card-format;
+
+ %welcomeOptionContainer {
+ margin-top: 0;
+ border-radius: 0;
+ background-color: transparent;
+ @include card-format--list;
+ }
+}
diff --git a/other/themes/Material-Discord/src/settings/user/_accessibility.scss b/other/themes/Material-Discord/src/settings/user/_accessibility.scss
new file mode 100644
index 0000000..466708b
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/user/_accessibility.scss
@@ -0,0 +1,33 @@
+@use '../../mixins' as *;
+
+/*
+ *
+ * USER SETTINGS ACCESSIBILITY
+ *
+ */
+
+%accessibilityPreview {
+ @include card-format(true, 16px);
+}
+
+%accessibilityMessagePreview {
+ padding: 0;
+ background-color: var(--chat-color);
+ border-radius: calc(var(--card-radius-big) / 1.25);
+
+ %message {
+ margin-top: 0 !important;
+ margin-left: 52px;
+ margin-right: 0;
+ border-radius: var(--message-radius);
+
+ &:before,
+ &:after {
+ display: none;
+ }
+
+ %avatarLarge {
+ left: -50px;
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/settings/user/_appIconEditor.scss b/other/themes/Material-Discord/src/settings/user/_appIconEditor.scss
new file mode 100644
index 0000000..67b4488
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/user/_appIconEditor.scss
@@ -0,0 +1,47 @@
+/*
+ *
+ * USER SETTINGS APP ICON EDITOR
+ *
+ */
+
+%appIconEditor {
+ margin-left: 8px;
+ padding: 0;
+ background-color: var(--chat-color);
+ border-radius: var(--card-radius-big);
+ border-left: none;
+
+ %headingLgExtrabold {
+ font-size: 1.25em;
+ line-height: normal;
+ color: var(--card-header-text-color);
+ font-weight: 400;
+ }
+
+ div[role=radiogroup] {
+ background-color: transparent;
+ }
+}
+
+%appIconEditorHeader {
+ width: auto;
+ padding: 16px;
+}
+
+%appIconEditorSelectionGroup {
+ margin-top: 0;
+
+ %appIconEditorSelectionGroupHeader {
+ padding: 0;
+ }
+
+ %appIconEditorPresets {
+ padding: 0;
+ gap: 16px;
+ }
+}
+
+%appIconEditorFooter {
+ margin-top: 16px;
+ padding: 0 16px 16px;
+}
diff --git a/other/themes/Material-Discord/src/settings/user/_appearance.scss b/other/themes/Material-Discord/src/settings/user/_appearance.scss
new file mode 100644
index 0000000..a360b51
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/user/_appearance.scss
@@ -0,0 +1,138 @@
+/*
+ *
+ * USER SETTINGS APPEARANCE
+ *
+ */
+
+%settingsPreviewCard {
+ --card-color-filled: transparent;
+
+ &%settingsCardPrimaryOutline {
+ border: 1px solid var(--card-border-color) !important;
+ }
+
+ %messagesWrapper {
+ margin-left: 48px;
+ }
+}
+
+/* USER SETTINGS APPEARANCE -> THEME */
+
+%titleH5 {
+ &%settingsHeaderTitle {
+ + div:not([class]) {
+ div[role=radiogroup] {
+ padding: 16px;
+ background-color: var(--card-color-filled);
+ border: none;
+ }
+ }
+ }
+}
+
+%basicThemeSelectors {
+ + %premiumFeatureBorder {
+ 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);
+ }
+}
+
+%themeEditorPresets {
+ gap: 16px;
+}
+
+%basicThemeSelectors {
+ %themeEditorThemeSelectionContainer {
+ width: unset;
+ height: unset;
+ padding: 12px;
+ background-color: var(--main-color);
+ border-radius: var(--card-radius-big);
+ }
+}
+
+%themeEditorDefaultThemeSelection {
+ width: 60px;
+ height: 60px;
+ box-shadow: none;
+
+ &%themeEditorThemeSelected {
+ position: relative;
+ background: hsl(var(--accent-hsl--material-you));
+
+ &:before,
+ &:after {
+ position: absolute;
+ content: " ";
+ width: 50%;
+ height: 50%;
+ bottom: 0;
+ pointer-events: none;
+
+ }
+
+ &:before {
+ left: 0;
+ background-color: var(--card-color-filled);
+ border-bottom-left-radius: 30px;
+ }
+
+ &:after {
+ right: 0;
+ background-color: var(--accent-text-color--material-you);
+ border-bottom-right-radius: 30px;
+ }
+ }
+}
+
+%themeEditorSelectionCircle {
+ box-shadow: none;
+
+ &: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%;
+ }
+
+ %themeEditorCheckmark {
+ color: var(--main-color);
+ }
+
+ %themeEditorCheckmarkCircle {
+ top: 0;
+ left: 0;
+ bottom: 0;
+ margin: auto;
+
+ circle {
+ fill: var(--text-normal);
+ }
+ }
+}
+
+/* USER SETTINGS APPEARANCE -> APP ICON */
+
+%appIconCardHeader {
+ padding: 8px 8px 0;
+}
+
+%appIconCardPresets {
+ padding: 0 8px 8px;
+}
+
+%appIconSelection {
+ &:not(%appIconSelectionSelected) {
+ &%appIconSelectionDisabled {
+ opacity: 0.5;
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/settings/user/_authorizedApps.scss b/other/themes/Material-Discord/src/settings/user/_authorizedApps.scss
new file mode 100644
index 0000000..f37b0e5
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/user/_authorizedApps.scss
@@ -0,0 +1,46 @@
+@use '../../mixins' as *;
+
+/*
+ *
+ * USER SETTINGS AUTHORIZED APPS
+ *
+ */
+
+%formNotice {
+ margin-bottom: 32px;
+ padding: 0;
+
+ %formNoticeTitle {
+ @include card-format--header(false, true);
+
+ + %formNoticeBody {
+ @include card-format--body(true);
+ }
+ }
+
+ &%settingsCard {
+ margin-top: 16px;
+ }
+}
+
+%formNoticeBody {
+ padding: 16px;
+}
+
+%authedApp {
+ margin-bottom: 16px;
+ padding: 16px;
+
+ %marginBottom20 {
+ %textSmSemibold {
+ font-size: 1.25em;
+ line-height: normal;
+ color: var(--card-header-text-color);
+ font-weight: 400;
+ }
+ }
+
+ %button {
+ font-size: 0.75em;
+ }
+}
diff --git a/other/themes/Material-Discord/src/settings/user/_billing.scss b/other/themes/Material-Discord/src/settings/user/_billing.scss
new file mode 100644
index 0000000..914e43a
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/user/_billing.scss
@@ -0,0 +1,89 @@
+@use '../../mixins' as *;
+
+/*
+ *
+ * USER SETTINGS BILLING
+ *
+ */
+
+%paymentSourceRow {
+ @include card-format(false, 16px, true);
+}
+
+%paymentPane {
+ @include card-format(true, 0, true);
+
+ %paymentRowHeader {
+ padding: 16px;
+ }
+
+ %paymentBottomDivider {
+ border: none;
+ }
+
+ %paymentPageActions {
+ padding: 16px 0;
+ }
+}
+
+%paymentRow {
+ &:not(%payment) {
+ border-bottom: none;
+ }
+}
+
+%payment {
+ background-color: var(--card-color-filled) !important;
+
+ &:not(%paymentHoverable) {
+ padding-bottom: 1px;
+ }
+}
+
+%paymentPaginator {
+ background-color: transparent !important;
+
+ %paymentDescriptionIcon {
+ border-radius: 50%;
+ }
+
+ %paymentExpandedInfo {
+ --card-color-filled: var(--card-color-alt);
+ @include card-format(false, 16px, true);
+
+ %paymentHeader {
+ border-color: var(--card-border-color);
+ }
+ }
+}
+
+%paymentPageButtonPrev,
+%paymentPageButtonNext {
+ width: var(--button-height);
+ height: var(--button-height);
+ padding: 0;
+ line-height: var(--button-height);
+ border-color: var(--card-border-color);
+ text-align: center;
+
+ &%paymentPageButtonDisabled {
+ border-color: var(--card-border-color);
+ }
+}
+
+%paymentPageButtonPrev {
+ border-radius: var(--button-radius) 0 0 var(--button-radius);
+}
+
+%paymentPageButtonNext {
+ border-radius: 0 var(--button-radius) var(--button-radius) 0;
+}
+
+%paymentPageIndicator {
+ height: var(--button-height);
+ border-color: var(--card-border-color);
+}
+
+%codeRedemptionRedirect {
+ @include card-format(true, 16px);
+}
diff --git a/other/themes/Material-Discord/src/settings/user/_connections.scss b/other/themes/Material-Discord/src/settings/user/_connections.scss
new file mode 100644
index 0000000..5511b75
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/user/_connections.scss
@@ -0,0 +1,184 @@
+@use '../../mixins' as *;
+
+/*
+ *
+ * USER SETTINGS CONNECTIONS
+ *
+ */
+
+%accountList {
+ margin: 0 0 32px 0;
+ @include card-format(false, 0, true);
+
+ %accountListHeader {
+ @include card-format--header(false, true);
+ }
+
+ %textXsNormal {
+ padding: 0 16px;
+ }
+
+ %connectionsContainer {
+ padding: 0 16px 16px;
+ }
+
+ %connectionsAccountButton {
+ margin-bottom: 0;
+ }
+
+ %connectionsAccountsButtonInner {
+ background-color: var(--card-button-color);
+ border-radius: 50%;
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &:hover {
+ background-color: var(--card-button-color-hover);
+ }
+ }
+}
+
+/* CONNECTIONS -> ADD CONNECTION */
+
+%connectionsModalAccountButtonInner {
+ background-color: var(--card-button-color);
+ border-radius: 50%;
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &:hover {
+ background-color: var(--card-button-color-hover);
+ }
+}
+
+/* CONNECTIONS -> CONNECTED ACCOUNTS */
+
+%connectionList {
+ grid-gap: 16px;
+}
+
+%connectionsModalHeader {
+ margin-top: 0;
+
+ %headingMdBold {
+ font-size: 22px;
+ font-weight: 400;
+ }
+}
+
+%connectionsModalConnectionsContainer {
+ margin-bottom: 0;
+}
+
+%connectionCard {
+ margin-bottom: 0;
+ @include card-format(false, 0, true);
+
+ %connectionCardHeader {
+ @include card-format--header(false, true);
+ }
+
+ %connectionCardWrapper {
+ padding: 0 16px 16px;
+
+ %connectionCardSwitch {
+ padding-left: 0;
+ padding-right: 0;
+
+ &:last-of-type {
+ margin-bottom: 0;
+ }
+ }
+ }
+
+ %settingsHeaderDivider {
+ margin: 0 16px;
+ border-top-color: var(--card-border-color);
+ }
+
+ %connectionCardMetadataContainer {
+ --card-color-filled: var(--card-color-alt);
+
+ margin: 0 16px 16px;
+ @include card-format(false, 12px, true);
+ }
+
+ %connectionsCardUpsellWrapper {
+ padding: 0;
+ }
+
+ %connectionCardUpsellContainer {
+ @extend %connectionCardMetadataContainer;
+
+ %button {
+ min-width: 130px;
+ }
+ }
+}
+
+%integrationWrapper {
+ padding: 0;
+
+ %titleH5 {
+ margin: 0;
+ padding: 16px 16px 8px;
+ }
+
+ %integrationCard {
+ --card-color-filled: var(--card-color-alt);
+
+ margin: 0 16px 2px;
+ @include card-format(false, 16px, true);
+ border-radius: 4px;
+
+ &:first-of-type {
+ border-radius: var(--card-radius-big) var(--card-radius-big) 4px 4px;
+ }
+
+ &:last-of-type {
+ margin-bottom: 16px;
+ border-radius: 4px 4px var(--card-radius-big) var(--card-radius-big);
+ }
+
+ &:only-child {
+ border-radius: var(--card-radius-big);
+ }
+
+ %button {
+ background-color: hsl(var(--accent-hsl),0.1);
+ color: hsl(var(--accent-hsl--material-you));
+ }
+ }
+}
+
+/**/
+
+%connectionsChecksGroup {
+ @include card-format(false, 16px, true);
+
+ &%connectionsChecksGroupPassed {
+ background-color: var(--card-color-active);
+ }
+}
+
+%connectionsRoleGranted {
+ margin-top: 0;
+ padding: 16px;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
+
+ %textLGSemibold {
+ font-size: 1.25em;
+ font-weight: 400;
+ }
+}
+
+%connectionsChannelsGranted {
+ 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);
+
+ %headingLgSemibold {
+ font-size: 1.1em;
+ font-weight: 400;
+ }
+}
diff --git a/other/themes/Material-Discord/src/settings/user/_devices.scss b/other/themes/Material-Discord/src/settings/user/_devices.scss
new file mode 100644
index 0000000..55ef746
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/user/_devices.scss
@@ -0,0 +1,83 @@
+@use '../../mixins' as *;
+
+/*
+ *
+ * USER SETTINGS DEVICES
+ *
+ */
+
+%deviceSessions {
+ > div:not([class]) {
+ @include card-format(false, 0, true);
+ }
+}
+
+%deviceOtherSessions {
+ margin-top: 32px;
+ @include card-format(false, 0, true);
+}
+
+%deviceSessions,
+%deviceOtherSessions {
+ %deviceSectionTitle {
+ @include card-format--header(false, true);
+
+ %settingsHeaderTitle {
+ margin-bottom: -8px;
+ @include card-format--header-fix;
+ }
+ }
+}
+
+%deviceSession {
+ position: relative;
+ padding: 16px;
+ gap: 16px;
+ border-bottom: none;
+
+ &: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;
+ }
+
+ &:last-of-type {
+ padding-bottom: 24px;
+
+ &:before {
+ height: calc(100% - 8px);
+ }
+ }
+
+ &:hover {
+ &:before {
+ opacity: 1;
+ }
+ }
+
+ > * {
+ z-index: 2;
+ }
+
+ %deviceSessionIcon {
+ background-color: hsl(var(--accent-hsl--material-you));
+ color: var(--accent-text-color--material-you);
+ }
+
+ %deviceSessionInfoRow {
+ &:not(%deviceSessionInfoEyebrow) {
+ color: var(--text-muted);
+ }
+ }
+
+ %deviceSessionInfoEyebrow {
+ @include remove-caps(14px);
+ }
+}
diff --git a/other/themes/Material-Discord/src/settings/user/_experiments.scss b/other/themes/Material-Discord/src/settings/user/_experiments.scss
new file mode 100644
index 0000000..b96c37c
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/user/_experiments.scss
@@ -0,0 +1,40 @@
+@use '../../mixins' as *;
+
+/*
+ *
+ * USER SETTINGS DISCORD EXPERIMENTS
+ *
+ */
+
+%experimentGroup {
+ margin-top: 16px;
+ @include card-format(false, 16px, true);
+
+ %experimentGroupTitle {
+ margin-bottom: 0;
+ }
+
+ %eyebrow {
+ margin-top: 16px;
+ }
+
+ %experimentGroupDate {
+ line-height: 42px;
+ }
+
+ %experimentGroupDescription {
+ margin: 8px 0;
+ }
+
+ %button {
+ --button-height: 18px;
+ --button-padding: 0;
+
+ font-size: 0.875em !important;
+ font-weight: 400;
+ }
+
+ %experimentGroupDivider {
+ display: none;
+ }
+}
diff --git a/other/themes/Material-Discord/src/settings/user/_familyCenter.scss b/other/themes/Material-Discord/src/settings/user/_familyCenter.scss
new file mode 100644
index 0000000..eb072c6
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/user/_familyCenter.scss
@@ -0,0 +1,111 @@
+/*
+ *
+ * USER SETTINGS FAMILY CENTER
+ *
+ */
+
+%familyCenterContent {
+ background-color: var(--chat-color) !important;
+
+ %familyCenterSideNavContent {
+ flex: 1 1 auto;
+ min-width: 350px;
+ max-width: 1400px;
+ left: 0;
+ right: 0;
+ margin: 0 auto;
+ padding: 24px;
+ }
+}
+
+%familyCenterContainer,
+%familyCenterMyFamilyContainer {
+ max-width: 1400px;
+ align-items: center;
+ gap: 16px;
+}
+
+%familyCenterMaxWidth {
+ max-width: unset;
+}
+
+%familyCenterBanner,
+%familyCenterSeeContainer {
+ width: 100%;
+}
+
+%familyCenterBanner {
+ %headlingXlMedium {
+ font-weight: 400;
+ }
+}
+
+%familyCenterGetStartedContainer,
+%familyCenterFeatureCard,
+%familyCenterSeeContainer,
+%familyCenterBox,
+%familyCenterEnableCard {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+ box-shadow: none;
+}
+
+%familyCenterGetStartedContainer,
+%familyCenterSeeContainer {
+ padding: 24px;
+}
+
+%familyCenterFeatureCards {
+ margin-top: 0;
+ gap: 16px;
+}
+
+%familyCenterFeatureCard,
+%familyCenterSeeContainer {
+ %headingMdBold {
+ font-size: 20px;
+ font-weight: 400;
+ }
+}
+
+%familyCenterFeatureCardCircle {
+ background-color: var(--card-button-color);
+
+ %familyCenterFeatureCardCircleIcon {
+ color: var(--text-muted);
+ }
+}
+
+%familyCenterSeeContainer {
+ margin-top: 0;
+
+ %textXssBold {
+ font-size: 12px;
+ font-weight: 500;
+ }
+
+ %familyCenterSeeRow {
+ background-color: var(--card-color-alt);
+ border-radius: var(--card-radius-big);
+ }
+
+ %familyCenterSeeRowIconContainer {
+ background-color: var(--card-button-color);
+ }
+}
+
+%familyCenterBox {
+ padding: 24px;
+
+ %headlingXlMedium {
+ font-weight: 400;
+ }
+}
+
+%familyCenterBoxStepNumber {
+ background-color: var(--card-button-color);
+
+ %headingMdSemibold {
+ color: var(--text-muted) !important;
+ }
+}
diff --git a/other/themes/Material-Discord/src/settings/user/_gameOverlay.scss b/other/themes/Material-Discord/src/settings/user/_gameOverlay.scss
new file mode 100644
index 0000000..72c3e06
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/user/_gameOverlay.scss
@@ -0,0 +1,27 @@
+@use '../../mixins' as *;
+
+/*
+ *
+ * USER SETTINGS GAME OVERLAY
+ *
+ */
+
+%settingsGameOverlayCard {
+ border-radius: var(--card-radius-big);
+ border-color: hsl(var(--accent-hsl--material-you));
+
+ %settingsGameOverlayCardOption {
+ border-radius: var(--card-radius-big);
+
+ &:hover {
+ background-color: hsl(var(--accent-hsl--material-you));
+ opacity: 0.6;
+ }
+
+ &%settingsGameOverlayCardOptionSelected {
+ background-color: hsl(var(--accent-hsl--material-you));
+ border-color: hsl(var(--accent-hsl--material-you));
+ box-shadow: var(--shadow-1dp);
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/settings/user/_index.scss b/other/themes/Material-Discord/src/settings/user/_index.scss
new file mode 100644
index 0000000..5863eac
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/user/_index.scss
@@ -0,0 +1,21 @@
+@forward './accessibility';
+@forward './appearance';
+@forward './appIconEditor';
+@forward './authorizedApps';
+@forward './billing';
+@forward './connections';
+@forward './devices';
+@forward './experiments';
+@forward './familyCenter';
+@forward './gameOverlay';
+@forward './keybinds';
+@forward './myAccount';
+@forward './nitro';
+@forward './partyMode';
+@forward './privacyAndSafety';
+@forward './profiles';
+@forward './quests';
+@forward './registeredGames';
+@forward './serverBoost';
+@forward './themeEditor';
+@forward './voiceAndVideo';
diff --git a/other/themes/Material-Discord/src/settings/user/_keybinds.scss b/other/themes/Material-Discord/src/settings/user/_keybinds.scss
new file mode 100644
index 0000000..2685fd9
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/user/_keybinds.scss
@@ -0,0 +1,144 @@
+@use '../../mixins' as *;
+
+/*
+ *
+ * USER SETTINGS KEYBINDS
+ *
+ */
+
+%keybindWarningCard {
+ background-color: hsl(var(--warning-hsl),0.3);
+ border-radius: var(--card-radius-big);
+ border: none;
+
+ %keybindWarningCardIcon {
+ color: hsl(var(--warning-hsl));
+ }
+}
+
+%settingsHeaderChildren {
+ %marginBottom20 {
+ + %settingsHeaderDivider {
+ display: none;
+ }
+ }
+}
+
+%keybindRow {
+ --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;
+
+ &:first-child {
+ border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
+ }
+
+ &:last-child {
+ margin-bottom: 40px;
+ border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
+ border-bottom: none;
+ }
+
+ &:only-child {
+ border-radius: var(--card-radius-big);
+ border-bottom: none;
+ }
+
+ %keybindGroup {
+ margin: 0;
+ padding: 0;
+ border-left: none;
+ border-right: none;
+
+ &:last-of-type {
+ border-radius: 0;
+ border-bottom: none;
+ }
+
+ &:before {
+ display: none;
+ }
+ }
+
+ %removeKeybind {
+ right: -12px
+ }
+
+ %keybindInput {
+ %button {
+ width: auto;
+ }
+ }
+}
+
+%keybindShortcutKey {
+ 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);
+
+ g {
+ fill: var(--text-normal);
+ }
+}
+
+/* KEYBINDS -> DEFAULT */
+
+%keybindDefaultGroup {
+ margin: 24px 0 0;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+
+ %keybindDefault {
+ + %keybindDivider {
+ display: block;
+ }
+ }
+
+ %keybindDivider {
+ width: calc(100% - 32px);
+ margin: 0 16px;
+ border-top-color: var(--card-border-color);
+
+ &:last-of-type {
+ display: none;
+ }
+ }
+}
+
+%keybindDefault {
+ padding: 0 16px;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+
+ + %keybindDivider {
+ display: none;
+ }
+}
+
+%keybindDefaultGroupHeader {
+ margin-bottom: 0;
+ padding: 16px 16px 0;
+ @include remove-caps(18px);
+ font-weight: 500;
+
+ + %keybindDivider {
+ display: none;
+ }
+}
+
+%keybindDefaultGroupDescription {
+ margin-bottom: 0;
+ padding: 16px 16px 0;
+
+ + %keybindDivider {
+ display: none;
+ }
+}
diff --git a/other/themes/Material-Discord/src/settings/user/_myAccount.scss b/other/themes/Material-Discord/src/settings/user/_myAccount.scss
new file mode 100644
index 0000000..0f21068
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/user/_myAccount.scss
@@ -0,0 +1,106 @@
+@use '../../mixins' as *;
+
+/*
+ *
+ * USER SETTINGS MY ACCOUNT
+ *
+ */
+
+%settingsAccountProfileCard {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+
+ %settingsUserInfo {
+ position: relative;
+ height: 88px;
+ padding: 16px 16px 16px 130px;
+
+ %avatarWrapper {
+ background-color: var(--card-color-filled);
+ border: 8px solid var(--card-color-filled);
+ }
+
+ %avatarWrapper {
+ top: unset;
+ bottom: 21px;
+ }
+ }
+
+ %settingsUserBannerSVGWrapper {
+ circle {
+ display: none;
+ }
+ }
+
+ %settingsUserBackground {
+ position: relative;
+ margin: 0;
+ padding: 0;
+ background-color: transparent;
+ border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
+
+ &:before {
+ position: absolute;
+ content: " ";
+ width: calc(100% - 32px);
+ height: 1px;
+ top: 0;
+ left: 16px;
+ background-color: var(--card-border-color);
+ }
+
+ %fieldList {
+ margin-top: 0;
+ padding: 16px;
+
+ %constrainedRow {
+ %button {
+ margin-left: 8px;
+ }
+ }
+
+ %button {
+ &:not(:last-child) {
+ margin-right: 16px;
+ }
+ }
+ }
+ }
+
+ %settingsBadgeList {
+ height: 32px;
+ padding: 0 8px;
+ background-color: var(--card-color-hover);
+ border-radius: 16px;
+ }
+}
+
+%settingsUserBanner {
+ position: relative;
+ border-radius: calc(var(--card-radius-big) / 1.5);
+}
+
+%fieldList {
+ padding: 0;
+ background-color: transparent;
+ border-radius: 0;
+}
+
+%settingsCredentialList {
+ margin-bottom: 16px;
+ @include card-format(false, 8px, true);
+}
+
+%settingsCredentialItem {
+ border-radius: calc(var(--card-radius-big) / 1.65);
+ border-top: none;
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &:not(:last-child) {
+ margin-bottom: 0;
+ }
+
+ &:hover {
+ background-color: var(--card-color-hover);
+ }
+}
diff --git a/other/themes/Material-Discord/src/settings/user/_nitro.scss b/other/themes/Material-Discord/src/settings/user/_nitro.scss
new file mode 100644
index 0000000..29e8e1c
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/user/_nitro.scss
@@ -0,0 +1,59 @@
+/*
+ *
+ * USER SETTINGS NITRO
+ *
+ */
+
+%settingsNitroIncomingContainer {
+ border-radius: var(--card-radius-big);
+}
+
+%settingsNitroCtaWrapper {
+ border-radius: var(--card-radius-big);
+
+ %settingsNitroCtaButtonInner {
+ color: var(--button-text-color);
+ }
+}
+
+%nitroSettingsFloatingInnerWrapper {
+ background-color: var(--popout-color);
+ box-shadow: var(--shadow-3dp);
+}
+
+%settingsNitroTierCard {
+ border-radius: var(--card-radius-big);
+}
+
+%settingsNitroGiftCard {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+}
+
+/* USER SETTINGS -> NITRO -> SERVER BOOST */
+
+%settingsServerBoostBannerGradient {
+ border-radius: var(--card-radius-big);
+}
+
+%settingsServerBoostBannerWave {
+ fill: var(--card-color-filled);
+}
+
+%settingsServerBoostBannerSubtextWrapper {
+ margin-top: 30px;
+}
+
+%settingsServerBoostGuildContainer,
+%settingsServerBoostGuildNotSeenWrapper {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+}
+
+%settingsServerBoostPerksWrapper {
+ border-radius: var(--card-radius-big);
+
+ %settingsServerBoostPerksCard {
+ border-radius: var(--card-radius-big);
+ }
+}
diff --git a/other/themes/Material-Discord/src/settings/user/_partyMode.scss b/other/themes/Material-Discord/src/settings/user/_partyMode.scss
new file mode 100644
index 0000000..920ef31
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/user/_partyMode.scss
@@ -0,0 +1,53 @@
+@use '../../mixins' as *;
+
+/*
+ *
+ * USER SETTINGS PARTY MODE
+ *
+ */
+
+%achievementContainer {
+ @include card-format(false, 16px);
+}
+
+%achievmentCardContainer {
+ @include card-format(false, 16px);
+
+ &:hover {
+ background-color: var(--card-color-outlined);
+ }
+
+ %achievementCardIcon {
+ background-color: var(--menu-item-hover);
+ }
+}
+
+%achievement {
+ padding: var(--tooltip-padding);
+ background-color: var(--tooltip-color);
+ box-shadow: var(--tooltip-shadow);
+ border-radius: 28px;
+
+ %achievementIcon {
+ background-color: rgba(0,0,0,0.35);
+ }
+
+ .text-md-semibold-3xVVGu,
+ .text-xs-medium-2LRpEj {
+ color: var(--tooltip-text-color) !important;
+ }
+}
+
+%comboNameplate {
+ background-color: var(--popout-color);
+ box-shadow: var(--shadow-3dp);
+ border-radius: 18px;
+
+ %comboMultiplier {
+ color: hsl(var(--accent-hsl--material-you)) !important;
+ }
+}
+
+%fileProgressBar {
+ background-color: hsl(var(--accent-hsl--material-you)) !important;
+}
diff --git a/other/themes/Material-Discord/src/settings/user/_privacyAndSafety.scss b/other/themes/Material-Discord/src/settings/user/_privacyAndSafety.scss
new file mode 100644
index 0000000..4257ed0
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/user/_privacyAndSafety.scss
@@ -0,0 +1,37 @@
+/*
+ *
+ * USER SETTINGS PRIVACY AND SAFETY
+ *
+ */
+
+%accountStandingProfile {
+ margin-left: 0;
+}
+
+%accountStandingAvatarBackground {
+ background-color: var(--card-color-filled);
+}
+
+%accountStandingStatus {
+ [style*="color: var(--status-positive)"] {
+ color: var(--success-color) !important;
+ }
+}
+
+%accountStandingLine {
+ background-color: var(--card-color-active);
+}
+
+%accountStandingMarker {
+ margin: 0 !important;
+ background-color: var(--card-color-active);
+
+ path {
+ fill: var(--success-color);
+ transform: translate(-1px, -1px) scale(1.091);
+ }
+
+ %accountStandingMarkerEmpty {
+ background-color: var(--card-color-filled);
+ }
+}
diff --git a/other/themes/Material-Discord/src/settings/user/_profiles.scss b/other/themes/Material-Discord/src/settings/user/_profiles.scss
new file mode 100644
index 0000000..ce02e72
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/user/_profiles.scss
@@ -0,0 +1,227 @@
+@use '../../mixins' as *;
+
+/*
+ *
+ * USER SETTINGS PROFILES
+ *
+ */
+
+%settingsProfileTabBar {
+ %settingsProfileTabBarItem {
+ border-bottom: none;
+
+ &%settingsProfileTabBarItemSelected {
+ @include tab-border(90%);
+ }
+ }
+}
+
+%settingsProfilesBaseLayout {
+ gap: 16px;
+}
+
+%settingsProfileNotice {
+ @include card-format(false, 8px);
+}
+
+%nitroUpsellButtonInner {
+ display: grid;
+ grid-template-columns: 30px 1fr;
+}
+
+%settingsUpsellOverlayContainer,
+%settingsUpsellTextContainer {
+ border-radius: var(--card-radius-big);
+}
+
+%settingsUpsellOverlayContainer {
+ overflow: hidden;
+}
+
+%settingsProfileShopCard {
+ border-radius: var(--card-radius-big);
+}
+
+%settingsProfileCard {
+ --input-color: var(--input-color-alt);
+
+ margin-bottom: 16px;
+ @include card-format(false, 16px, true);
+
+ &:last-child {
+ &:not(%settingsProfileCardWithDivider) {
+ padding-bottom: 16px;
+ }
+ }
+
+ &%settingsProfileCardHideDivider {
+ padding-bottom: 16px;
+ }
+
+ &%settingsPreviewProfileThemes {
+ max-width: unset;
+ }
+
+ &%settingsProfileThemeSectionPremiumBorder {
+ 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;
+
+ + %settingsProfileCardDivider {
+ display: none;
+ }
+
+ .inlineUpsell-3zPTgw {
+ @include card-format(false, 16px);
+ }
+ }
+
+ &%settingsProfilePreview {
+ %settingsProfileHeader {
+ display: none;
+ }
+ }
+
+ %settingsProfileHeader {
+ margin: -16px -16px 0;
+ @include card-format--header(false, true);
+
+ %settingsProfileHeaderText {
+ @include card-format--header-fix;
+ }
+ }
+
+ %settingsProfileRemoveButton {
+ margin-left: 16px;
+ }
+}
+
+%settingsProfileCustomizationSectionBorder {
+ 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);
+
+ %settingsProfileCustomizationBackground {
+ padding: 16px;
+ }
+
+ %settingsProfileNitroWheel {
+ height: 22px;
+ }
+}
+
+%settingsProfileBioTextArea {
+ --input-padding: 0 12px;
+
+ @include new-input-format(true, 136px, 136px);
+ border-radius: 19px !important;
+
+ %channelTextAreaWithoutAttachment {
+ padding: 12px 0;
+ }
+}
+
+%settingsProfileBannerPreview {
+ @include popout-format;
+
+ %avatarUploaderInner {
+ background-color: transparent;
+ border: none;
+ box-shadow: var(--shadow-3dp);
+
+ &:focus-within,
+ &:hover {
+ %avatarUploaderHint {
+ background-color: rgba(0,0,0,0.5);
+ border-radius: 50%;
+ }
+ }
+ }
+
+ %userPopoutHeaderTop {
+ padding: 64px 12px 12px;
+ border-bottom: 1px solid var(--card-border-color);
+ }
+
+ %userPopoutInfo {
+ padding: 12px;
+ }
+
+ %userPopoutDivider {
+ display: none;
+ }
+
+ %userPopoutAboutMeTitle,
+ %userPopoutAboutMeFakeTitle {
+ @include remove-caps(14px);
+ }
+
+ %userPopoutFakeActivityIcon {
+ background-color: hsl(var(--accent-hsl--material-you));
+ border-radius: 50%;
+ }
+}
+
+%settingsProfileDecorationGridItem {
+ @include card-format(false, 0, true, true);
+ transition: var(--default-time) var(--default-animation) box-shadow;
+
+ &%settingsProfileDecorationGridItemSelected {
+ box-shadow: 0 0 0 2px hsl(var(--accent-hsl--material-you));
+ }
+}
+
+%settingsProfileDecorationPreview {
+ @include card-format(false, 0, true);
+}
+
+%settingsProfileSmallDecorationPreviewsContainer {
+ @include card-format(false, 8px, true);
+}
+
+%settingsProfileEffectDescriptionBorderWithGradient {
+ border-radius: var(--card-radius-big);
+
+ %settingsProfileEffectDescriptionContainer {
+ background-color: var(--card-color-filled);
+ border-radius: calc(var(--card-radius-big) - 2px);
+ }
+}
+
+%settingsShopPreviewContainer {
+ 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);
+
+ %settingsShopPreviewBanner {
+ background-color: var(--card-color-active);
+ border-radius: calc(var(--card-radius-big) - 2px);
+ }
+}
+
+/* USER SETTINGS PROFILES -> TRY OUT NITRO SECTION */
+
+%settingsProfileTryItOutSection {
+ position: relative;
+ margin: 16px 0 0;
+ padding: 0;
+ border-radius: var(--card-radius-big);
+ border: none;
+
+ &: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;
+ }
+
+ %settingsProfilePremiumBackground {
+ padding: 16px;
+ background: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+ }
+}
diff --git a/other/themes/Material-Discord/src/settings/user/_quests.scss b/other/themes/Material-Discord/src/settings/user/_quests.scss
new file mode 100644
index 0000000..db4adf1
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/user/_quests.scss
@@ -0,0 +1,40 @@
+/*
+ *
+ * QUESTS
+ *
+ */
+
+%questCard {
+ max-width: unset;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+}
+
+%questCardBannerContainer {
+ border-radius: var(--card-radius-big);
+
+ %questCardSplash {
+ max-width: unset;
+ border-radius: var(--card-radius-big);
+ }
+
+ %questCardPartnerBrandingGameTile {
+ border-radius: 50% !important;
+ }
+
+ %questCardPromotedTagBackground {
+ border-radius: 9px;
+ }
+}
+
+%questCardLowerContainer {
+ background-color: transparent !important;
+
+ %questCardGridProgressBar {
+ color: hsl(var(--accent-hsl--material-you)) !important;
+ }
+}
+
+%questCardReward {
+ border-radius: calc(var(--card-radius-big) / 1.75);
+}
diff --git a/other/themes/Material-Discord/src/settings/user/_registeredGames.scss b/other/themes/Material-Discord/src/settings/user/_registeredGames.scss
new file mode 100644
index 0000000..5d36ff0
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/user/_registeredGames.scss
@@ -0,0 +1,124 @@
+@use '../../mixins' as *;
+
+/*
+ *
+ * USER SETTINGS REGISTERED GAMES
+ *
+ */
+
+%settingsGameNotDetectedCard {
+ @include card-format(true, 16px, true);
+
+ %settingsGameName {
+ color: var(--text-normal) !important;
+ }
+
+ %settingsGameLastPlayed {
+ color: var(--text-muted) !important;
+ }
+}
+
+%settingsGameNowPlayingCard {
+ border-radius: var(--card-radius-big);
+ border: none;
+
+ %flowerStar {
+ path {
+ fill: #fff;
+ }
+ }
+
+ %flowerStarChild {
+ path {
+ fill: #000;
+ }
+ }
+}
+
+%settingsGameNowPlayingAdd {
+ margin: 16px 0;
+ color: var(--text-normal) !important;
+
+ %buttonLink {
+ margin-left: 8px;
+ }
+
+ + %marginTop40 {
+ margin-top: 0;
+
+ %settingsHeaderTitle {
+ @include card-format--header(false, true);
+ padding: 16px 16px 8px;
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
+ }
+
+ %settingsGameDescription {
+ padding: 0 16px;
+ background-color: var(--card-color-filled);
+ }
+ }
+}
+
+%settingsGameContainer {
+ padding: 16px;
+ background-color: var(--card-color-filled);
+ border-radius: 0 !important;
+ border: none;
+
+ &:last-of-type {
+ padding-bottom: 24px;
+ border-radius: 0 0 var(--card-radius-big) var(--card-radius-big) !important;
+ box-shadow: none !important;
+
+ &:before {
+ height: calc(100% - 8px);
+ bottom: 8px;
+ }
+ }
+
+ &: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;
+ }
+
+ %settingsGameName {
+ font-weight: 500;
+ }
+
+ &:hover {
+ %settingsGameNameInput {
+ background-color: var(--input-color-alt);
+ }
+ }
+
+ %settingsGameNameInput {
+ margin-left: -4px;
+ padding: 0 4px;
+ border: none;
+ border-radius: 12px;
+ line-height: 24px;
+ transition: var(--default-time) var(--default-animation) background-color;
+
+ &:hover,
+ &:focus {
+ background-color: var(--input-color-alt);
+ }
+ }
+
+ %settingsGameOverlayStatusText {
+ color: var(--text-muted) !important;
+ }
+
+ %settingsLongCardButton {
+ right: -12px;
+ }
+}
diff --git a/other/themes/Material-Discord/src/settings/user/_serverBoost.scss b/other/themes/Material-Discord/src/settings/user/_serverBoost.scss
new file mode 100644
index 0000000..417e38d
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/user/_serverBoost.scss
@@ -0,0 +1,67 @@
+@use '../../mixins' as *;
+
+/*
+ *
+ * USER SETTINGS SERVER BOOST
+ *
+ */
+
+%settingsCardWrapper {
+ @include card-format;
+
+ %settingsCardWrapperInner {
+ border-radius: var(--card-radius-big);
+ }
+}
+
+%settingsCardNitro {
+ border-radius: var(--card-radius-big);
+}
+
+%settingsServerBoostHeader {
+ background-color: var(--card-color-filled);
+ border-radius: var(--card-radius-big);
+}
+
+%settingsServerBoostHeaderBorder {
+ display: none;
+}
+
+%guildSubscriptions {
+ @include card-format;
+
+ %guildSubscriptionsHeader {
+ background-color: transparent;
+ border-bottom: 1px solid var(--card-border-color);
+ }
+}
+
+%guildSubscriptionSlots {
+ padding: 0;
+ background-color: transparent;
+
+ %guildSubscriptionSlot {
+ padding: 16px;
+ @include card-format--list;
+ }
+}
+
+%settingsServerBoostFAQCard {
+ @include card-format(false, 24px 24px 8px, true);
+
+ %settingsServerBoostFAQHeading {
+ font-weight: 400;
+ }
+
+ %settingsServerBoostFAQList {
+ border-top: none;
+ }
+
+ %settingsServerBoostFAQListItem {
+ border-bottom-color: var(--card-border-color);
+
+ &:last-child {
+ border-bottom: none;
+ }
+ }
+}
diff --git a/other/themes/Material-Discord/src/settings/user/_themeEditor.scss b/other/themes/Material-Discord/src/settings/user/_themeEditor.scss
new file mode 100644
index 0000000..0d4da84
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/user/_themeEditor.scss
@@ -0,0 +1,58 @@
+/*
+ *
+ * USER SETTINGS THEME EDITOR
+ *
+ */
+
+%themeEditor {
+ 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;
+
+ &:before,
+ &:after {
+ position: absolute;
+ content: " ";
+ width: var(--card-radius-big);
+ height: var(--card-radius-big);
+ left: calc( calc(var(--card-radius-big) + 8px) * -1);
+ bottom: 0;
+ pointer-events: none;
+ }
+
+ &:before {
+ background-color: var(--main-alt);
+ }
+
+ &:after {
+ background-color: var(--chat-color);
+ border-bottom-right-radius: var(--card-radius-big);
+ }
+
+ %themeEditorHeader {
+ padding: 16px;
+ }
+
+ %themeEditorFooter {
+ padding: 0 16px 16px;
+ }
+
+ %headingLgExtrabold {
+ font-size: 1.25em;
+ line-height: normal;
+ color: var(--card-header-text-color);
+ font-weight: 400;
+ }
+
+ %themeEditorSelectionGroup {
+ margin-top: 0;
+ }
+
+ div[role=radiogroup] {
+ margin-bottom: 24px;
+ background-color: transparent;
+ border: none;
+ }
+}
diff --git a/other/themes/Material-Discord/src/settings/user/_voiceAndVideo.scss b/other/themes/Material-Discord/src/settings/user/_voiceAndVideo.scss
new file mode 100644
index 0000000..1755baf
--- /dev/null
+++ b/other/themes/Material-Discord/src/settings/user/_voiceAndVideo.scss
@@ -0,0 +1,87 @@
+@use '../../mixins' as *;
+
+/*
+ *
+ * USER SETTINGS VOICE AND VIDEO
+ *
+ */
+
+%soundButtonSettingContainer {
+ background-color: var(--card-color-hover);
+ border-radius: calc(var(--card-radius-big) / 1.65);
+}
+
+%deviceOptionCertified {
+ width: 24px;
+ height: 24px;
+ @include add-icon(hsl(var(--accent-hsl--material-you)), verified_check);
+ object-position: -99999px 99999px;
+}
+
+%settingsMicTestButton {
+ width: auto;
+}
+
+%micTestWrapper {
+ height: 4px;
+ border-radius: 2px;
+ overflow: hidden;
+
+ %micTestContainer {
+ width: 100% !important;
+
+ &[style*="background: linear-gradient(to right, var(--yellow-260), var(--green-360))"] {
+ background: var(--success-color) !important;
+ }
+ }
+
+ %micTestProgress {
+ background-color: var(--card-color-hover);
+ }
+
+ %micTestNotches {
+ display: none;
+ }
+}
+
+%settingsMicTestCaption {
+ top: 22px;
+ left: 148px;
+}
+
+%sliderInputSensitivityBar %sliderInputSensitivityFill {
+ 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 {
+ @include card-format(false, 0, true);
+
+ video {
+ border-radius: var(--card-radius-big);
+ }
+}
+
+%cameraBackgroundOption {
+ border-radius: var(--card-radius-big);
+}
+
+%cameraBackgroundOptionRing {
+ border-radius: var(--card-radius-big);
+ border-color: hsl(var(--accent-hsl--material-you));
+}
+
+%cameraBackgroundOptionInner {
+ background-color: var(--card-color-filled);
+ border-radius: calc(var(--card-radius-big) - 4px);
+
+ %cameraBackgroundOptionContent {
+ color: var(--text-normal);
+
+ %cameraBackgroundOptionRingText {
+ font-weight: 500;
+ }
+ }
+}