diff --git a/.config/mako/config b/.config/mako/config new file mode 120000 index 0000000..e4f64e0 --- /dev/null +++ b/.config/mako/config @@ -0,0 +1 @@ +/home/secondbeam/.cache/wal/mako-config \ No newline at end of file diff --git a/.config/pywal-discord-themes/pywal-discord-material.css b/.config/pywal-discord-themes/pywal-discord-material.css new file mode 100644 index 0000000..ff8e088 --- /dev/null +++ b/.config/pywal-discord-themes/pywal-discord-material.css @@ -0,0 +1,22660 @@ +@import url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/css/fonts/google-sans.css"); +@import url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/css/fonts/google-sans-code.css"); +@import url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/css/icons.css"); +:root { + --app-font: "Google Sans"; + --app-bg: var(--main-alt); + --app-watermark-one: "Material"; + --app-watermark-two: "Discord"; + --app-title-bar-height: 22px; + --app-button-min: hsl(39,100%,63%); + --app-button-max: hsl(143,100%,40%); + --app-button-close: hsl(1,100%,68%); + --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: 44; + --warning-saturation: 71%; + --warning-lightness: 61%; + --warning-hsl: var(--warning-hue), calc(var(--warning-saturation) * var(--saturation-factor)), var(--warning-lightness); + --warning-text-color: hsl(0,0%,100%); + --reply-hue: var(--warning-hue); + --reply-saturation: var(--warning-saturation); + --reply-lightness: var(--warning-lightness); + --reply-hsl: var(--reply-hue), calc(var(--reply-saturation) * var(--saturation-factor)), var(--reply-lightness); + --reply-opacity: 0.3; + --reply-text-color: var(--warning-text-color); + --success-hue: 153; + --success-saturation: 46%; + --success-lightness: 49%; + --success-hsl: var(--success-hue), calc(var(--success-saturation) * var(--saturation-factor)), var(--success-lightness); + --success-text-color: hsl(0,0%,100%); + --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-border: var(--input-border-color); + --main-textarea-height: 54px; + --main-textarea-radius: calc(var(--main-textarea-height) / 2); + --main-textarea-inner-padding: 6px; + --media-radius: calc(var(--message-radius) / 1.75); + --card-radius: 8px; + --card-radius-big: 18px; + --button-height: 40px; + --button-radius: calc(var(--button-height) / 2); + --button-padding: 0 16px; + --button-padding-icon-left: 0 16px 0 12px; + --button-padding-icon-right: 0 12px 0 16px; + --button-padding-icon-both: 0 12px; + --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: 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; + --slider-width: 16px; + --slider-height: 16px; + --slider-radius: 8px; + --slider-grabber-height: 44px; + --slider-grabber-background: var(--main-color); + --slider-grabber-pill: hsl(var(--accent-hsl--material-you)); + --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); + --shadow-soft: hsl(0,0%,0%,0.12) 0px 8px 22px; + --shadow-medium: hsl(0,0%,0%,0.28) 0px 8px 24px; + --shadow-hard: hsl(0,0%,0%,0.44) 0px 8px 24px; + --default-animation: cubic-bezier(0.4,0,0.2,1); + --default-time: 250ms; + --scrollbar-width: 10px; + --scrollbar-thin-width: 6px; + --code-font: "Google Sans Code"; + --text-normal: var(--interactive-text-default); + --custom-channel-header-height: calc(var(--guildbar-avatar-size) + var(--space-8)); +} + +.theme-dark { + --app-button-active: hsl(0,0%,100%,0.1); + --app-button-inactive: hsl(0,0%,100%,0.05); + //--main-color: hsl(225,8%,9%); + --main-color: var(--color0); + --main-alt: var(--color0); + //--main-alt: hsl(220,9%,6%); + --accent-hsl--material-you: var(--accent-hsl); + --accent-text-color--material-you: var(--accent-text-color); + --accent-secondary-color: hsl(from hsl(var(--accent-hsl)) h calc(s * 0.2) calc(l * 0.5)); + --accent-secondary-text-color: 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: var(--color0); + //--message-color-hover: hsl(216,7%,18%); + --message-color-hover: var(--color1); + --message-color-alt: hsl(216,7%,13%); + --attachment-color: hsl(216,7%,9%); + //--main-textarea-color: hsl(240,4%,18%); + --main-textarea-color: var(--color11); + //--main-textarea-inner-color: hsl(240,4%,11%); + --main-textarea-inner-color: var(--color3); + --main-textarea-button-color: hsl(240,4%,72%); + --popout-color: var(--color3); + //--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: var(--color3); + --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); + //--input-pill-color: var(--color1); + --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: var(--color14); + --card-color-outlined: transparent; + --card-color-filled: var(--color11); + //--card-color-filled: hsl(225,6%,13%); + --card-color-hover: var(--color14); + //--card-color-hover: hsl(225,6%,16%); + //--card-color-active: var(--color14); + //--card-color-active: hsl(225,6%,25%); + //--card-color-alt: var(--color14); + --card-color-alt: hsl(225,6%,18%); + --card-color-alt-hover: hsl(225,6%,21%); + //--card-border-color: var(--color14); + --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: var(--color14); + --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: hsl(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-knob-checked: var(--accent-text-color); + --switch-slider-color: hsl(240,1%,20%); + --switch-slider-color-modal: var(--switch-slider-color); + --switch-slider-checked: hsl(var(--accent-hsl)); + --switch-color-modifier: 1.3; + --slider-bar-background: hsl(from hsl(var(--accent-hsl--material-you)) h calc(s * 0.36) calc(l * 0.32)); + --slider-mark-color: hsl(from hsl(var(--accent-hsl--material-you)) h calc(s * 0.33) calc(l * 0.5)); + --md-ripple-color: 0,100%,100%; + --scrollbar-color: hsl(0,0%,82%); + --text-brand: hsl(var(--accent-hsl)); + --text-link: hsl(var(--accent-hsl)); +} + +.theme-light { + --app-button-active: hsl(0,0%,0%,0.2); + --app-button-inactive: hsl(0,0%,0%,0.1); + --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); + --accent-secondary-color: hsl(from hsl(var(--accent-hsl)) h calc(s * 0.6) calc(l * 1.425)); + --accent-secondary-text-color: hsl(from hsl(var(--accent-hsl)) h calc(s * 0.7) calc(l * 0.4)); + --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: hsl(0,0%,85%); + --main-textarea-inner-color: hsl(0,0%,97%); + --main-textarea-button-color: hsl(0,0%,36%); + --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: hsl(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-knob-color-modal: hsl(0,0%,56%); + --switch-knob-checked: var(--accent-text-color); + --switch-slider-color: hsl(0,0%,81%); + --switch-slider-color-modal: var(--switch-slider-color); + --switch-slider-checked: hsl(var(--accent-hsl)); + --slider-bar-background: hsl(from hsl(var(--accent-hsl--material-you)) h calc(s * 0.36) calc(l * 2)); + --slider-mark-color: hsl(from hsl(var(--accent-hsl--material-you)) h calc(s * 0.54) calc(l * 1.5)); + --md-ripple-color: 0,0%,0%; + --scrollbar-color: hsl(0,0%,10%); + --text-brand: hsl(var(--accent-hsl)); + --text-link: hsl(var(--accent-hsl)); + --shadow-soft: hsl(0,0%,0%,0.12) 0px 8px 22px; + --shadow-medium: hsl(0,0%,0%,0.28) 0px 8px 24px; + --shadow-hard: hsl(0,0%,0%,0.44) 0px 8px 24px; +} + +/* + * + * APP ELEMENTS + * + */ +* { + font-family: var(--app-font), sans-serif !important; +} + +::selection { + background: hsl(var(--accent-hsl), 0.35); + text-shadow: none; +} + +body, +.a3002d7de5be5280-app { + background-color: transparent; +} + +._960e4207cea8323e-bg, +._51fd70792ee2e563-appMount, +.a2f5142ba8328dfd-container { + background: var(--app-bg); + background-repeat: no-repeat; + background-position: center; + background-size: cover; +} + +._960e4207cea8323e-bg { + background-color: var(--main-alt); +} +._960e4207cea8323e-bg.theme-dark { + background-color: var(--main-alt); +} + +._51fd70792ee2e563-appMount { + --custom-channel-textarea-text-area-height: calc(var(--main-textarea-height) - (var(--main-textarea-inner-padding) * 2)); +} + +._160d8e55254637e5-app { + background-color: transparent; +} + +.platform-win ._960e4207cea8323e-bg { + top: calc((var(--app-title-bar-height) + 4px) * -1); +} + +.anchor-1MIwyf, +.a2f5142ba8328dfd-icon, +.low-saturation .anchor-1MIwyf, +.colorBrand-21Le_q, .colorBrand_c9946a { + color: hsl(var(--accent-hsl)); +} + +/* APP ELEMENTS -> LIGHT THEME WITH DARK SIDEBAR */ +._5e434347c823b592-sidebar.theme-dark + .f75fb00fb7356cbe-chat, +._5e434347c823b592-sidebar.theme-dark + ._133bf5eea8e33a34-container, +._5e434347c823b592-sidebar.theme-dark + ._8a529c8f8d8148a5-container, +._5e434347c823b592-sidebar.theme-dark + .f07d62e29a48ceee-applicationStore, +._5e434347c823b592-sidebar.theme-dark + ._084152b107f71237-shop, +._5e434347c823b592-sidebar.theme-dark + .dc2e0e7839a6713a-container { + border-radius: var(--card-radius-big); + border-bottom-right-radius: 0; +} + +/* + * + * LOGIN SCREEN + * + */ +._921c50dc4baa4b4f-authBox { + padding: 24px 24px 0; + background-color: var(--popout-color) !important; + border-radius: var(--popout-radius-big) !important; + border: none !important; + box-shadow: var(--shadow-medium) !important; +} +._921c50dc4baa4b4f-authBox:last-child { + padding-bottom: 24px; +} +._921c50dc4baa4b4f-authBox ._1d5fc857269ab40d-mainLoginContainer { + margin-right: 24px; + padding-right: 24px; + border-right: 1px solid var(--card-border-color); +} +._921c50dc4baa4b4f-authBox .cf48127484dbde85-heading-xl\/semibold { + margin-bottom: 16px; + font-weight: 400; +} +._921c50dc4baa4b4f-authBox .e16417fd9812ee39-verticalSeparator { + display: none; +} +._921c50dc4baa4b4f-authBox .e16417fd9812ee39-qrLogin { + height: 320px; +} +._921c50dc4baa4b4f-authBox ._1d5fc857269ab40d-needAccount { + line-height: 24px; +} +._921c50dc4baa4b4f-authBox ._201d5e8a3c09670a-lookLink .size14_a4e6b9 { + line-height: var(--button-height); +} +._921c50dc4baa4b4f-authBox:not(.df9c062482b71af1-chooseAccountAuthBox) ._201d5e8a3c09670a-lookLink { + --button-height: 17px; + --button-padding: 0; + --button-radius: 0; + font-size: var(--button-font-size) !important; + font-weight: 400 !important; +} +._921c50dc4baa4b4f-authBox:not(.df9c062482b71af1-chooseAccountAuthBox) ._201d5e8a3c09670a-lookLink:after { + display: none; +} +._921c50dc4baa4b4f-authBox:not(.df9c062482b71af1-chooseAccountAuthBox) ._201d5e8a3c09670a-lookLink:hover { + text-decoration: underline !important; +} +._921c50dc4baa4b4f-authBox ._1d5fc857269ab40d-needAccount + ._201d5e8a3c09670a-lookLink { + position: relative; + top: -3px; +} + +.navRow__86e92 { + height: auto; + padding: 24px; + background-color: transparent !important; +} +.navRow__86e92 ._201d5e8a3c09670a-button { + margin: 0; +} +.navRow__86e92 .button-1cRKG6 { + margin: 0; +} + +/* + * + * LOADING ICONS + * + */ +._46696d17714f10ab-path, +._46696d17714f10ab-path2, +._46696d17714f10ab-path3 { + stroke: hsl(var(--accent-hsl--material-you)) !important; +} + +._46696d17714f10ab-path2 { + opacity: 0.6; +} + +._46696d17714f10ab-path3 { + opacity: 0.2; +} + +._46696d17714f10ab-wanderingCubes ._46696d17714f10ab-item { + background-color: hsl(var(--accent-hsl--material-you)); +} + +/* + * + * APP TITLEBAR + * + */ +.c38106a3f0c3ca76-bar { + padding-left: 0; + padding-right: var(--space-4); +} +.c38106a3f0c3ca76-bar .c38106a3f0c3ca76-leading { + padding-left: var(--space-8); +} +.c38106a3f0c3ca76-bar .edbb22df99c39831-title { + line-height: var(--custom-app-top-bar-height); + padding: 0 10px; + gap: 0; +} +.c38106a3f0c3ca76-bar .edbb22df99c39831-title:before, .c38106a3f0c3ca76-bar .edbb22df99c39831-title:after { + font-size: 0.925em; + color: var(--interactive-text-default); +} +.c38106a3f0c3ca76-bar .edbb22df99c39831-title:before { + content: var(--app-watermark-one); + font-weight: 700; +} +.c38106a3f0c3ca76-bar .edbb22df99c39831-title:after { + content: var(--app-watermark-two); +} +.c38106a3f0c3ca76-bar .edbb22df99c39831-title .edbb22df99c39831-guildIcon, +.c38106a3f0c3ca76-bar .edbb22df99c39831-title .cf48127484dbde85-text-sm\/medium, +.c38106a3f0c3ca76-bar .edbb22df99c39831-title svg { + display: none; +} +.c38106a3f0c3ca76-bar ._9293f6b2fc12398a-iconBadge { + box-shadow: 0 0 0 4px var(--main-alt); +} + +/* APP TITLE BAR -> BUTTONS */ +._421edea01cb52e16-typeWindows._421edea01cb52e16-withFrame { + height: var(--app-title-bar-height); + margin-top: 0; +} + +.c38106a3f0c3ca76-winButtons { + padding-right: var(--space-xxs); +} + +.c38106a3f0c3ca76-winButton { + --app-title-bar-height: var(--custom-app-top-bar-height); + width: calc(var(--app-title-bar-height) / 1.325); + top: 0; +} +.c38106a3f0c3ca76-winButton: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; +} +.c38106a3f0c3ca76-winButton:hover:before { + opacity: 1; +} +.c38106a3f0c3ca76-winButton:after { + position: absolute; + content: " "; + width: 16px; + height: 16px; + border-radius: 50%; + background-color: var(--app-button-active); + transition: var(--default-time) var(--default-animation); + pointer-events: none; +} +.c38106a3f0c3ca76-winButton:active:after { + opacity: 0.65; +} +.c38106a3f0c3ca76-winButton.c38106a3f0c3ca76-winButtonMinMax:nth-of-type(1):hover:after { + background-color: var(--app-button-min); +} +.c38106a3f0c3ca76-winButton.c38106a3f0c3ca76-winButtonMinMax:nth-of-type(1):before { + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/window_minimize.svg); + -webkit-mask-repeat: no-repeat; + background-color: var(--app-button-min); +} +.c38106a3f0c3ca76-winButton.c38106a3f0c3ca76-winButtonMinMax:nth-of-type(2):hover:after { + background-color: var(--app-button-max); +} +.c38106a3f0c3ca76-winButton.c38106a3f0c3ca76-winButtonMinMax:nth-of-type(2):before { + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/window_maximize.svg); + -webkit-mask-repeat: no-repeat; + background-color: var(--app-button-max); +} +.c38106a3f0c3ca76-winButton.c38106a3f0c3ca76-winButtonClose:hover:after { + background-color: var(--app-button-close); +} +.c38106a3f0c3ca76-winButton.c38106a3f0c3ca76-winButtonClose:before { + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/window_close.svg); + -webkit-mask-repeat: no-repeat; + background-color: var(--app-button-close); +} +.c38106a3f0c3ca76-winButton:hover, .c38106a3f0c3ca76-winButton:active { + background-color: transparent; +} +.c38106a3f0c3ca76-winButton svg { + display: none; +} + +html:not(.app-focused) .c38106a3f0c3ca76-winButton:after { + background-color: var(--app-button-inactive); +} +html:not(.app-focused) .c38106a3f0c3ca76-winButton.c38106a3f0c3ca76-winButtonMinMax:after { + background-color: var(--app-button-inactive); +} + +/* + * + * APP WATERMARK + * + */ +._421edea01cb52e16-wordmark._421edea01cb52e16-wordmarkWindows { + width: auto; + height: var(--app-title-bar-height); + padding: 0 0 0 4px; + line-height: var(--app-title-bar-height); + font-size: 0.9em; + color: var(--interactive-text-default); +} +._421edea01cb52e16-wordmark._421edea01cb52e16-wordmarkWindows:before, ._421edea01cb52e16-wordmark._421edea01cb52e16-wordmarkWindows:after { + position: relative; + width: auto; + height: var(--app-title-bar-height); +} +._421edea01cb52e16-wordmark._421edea01cb52e16-wordmarkWindows:before { + content: var(--app-watermark-one); + font-weight: 700; +} +._421edea01cb52e16-wordmark._421edea01cb52e16-wordmarkWindows:after { + content: var(--app-watermark-two); +} +._421edea01cb52e16-wordmark._421edea01cb52e16-wordmarkWindows svg { + display: none; +} + +/* + * + * CHANNELS LIST ACCOUNT PANEL + * + */ +.content__37e49 { + min-height: 100%; + height: inherit; + padding: 0 8px; + background-color: transparent !important; +} + +._37e49614b9f110a9-container { + width: 100%; + min-height: unset; + height: var(--main-textarea-height); + margin-bottom: 0; + margin-left: 0; + padding: 0 var(--space-xs) 0 6px; + gap: var(--space-8); + background-color: var(--status-picker-color); + border-radius: var(--sidebar-panel-radius-small); + box-sizing: border-box; +} +._37e49614b9f110a9-container ._37e49614b9f110a9-nameTag { + margin-right: 2px; +} +._37e49614b9f110a9-container ._339d0fce6b76910a-subtext { + line-height: 14px; +} +._37e49614b9f110a9-container ._67645e1530f1195d-button { + color: var(--interactive-text-default) !important; + transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) border-radius; +} +._37e49614b9f110a9-container ._67645e1530f1195d-button:hover { + color: var(--interactive-text-hover) !important; +} +._37e49614b9f110a9-container:has(._37e49614b9f110a9-plated) ._67645e1530f1195d-button { + transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) border-radius, var(--default-time) var(--default-animation) backdrop-filter; +} +._37e49614b9f110a9-container:has(._37e49614b9f110a9-plated) ._67645e1530f1195d-button:hover, ._37e49614b9f110a9-container:has(._37e49614b9f110a9-plated) ._67645e1530f1195d-button._37e49614b9f110a9-popoutOpen { + backdrop-filter: blur(3px); +} + +._37e49614b9f110a9-buttons { + gap: var(--space-4); +} + +._37e49614b9f110a9-micButtonParent { + gap: 1px; +} + +._67645e1530f1195d-button { + --background-mod-invisible: transparent; + background-color: var(--background-mod-invisible) !important; +} +._67645e1530f1195d-button:hover { + background-color: var(--background-mod-subtle) !important; +} +._67645e1530f1195d-button._37e49614b9f110a9-micButtonWithMenu { + border-radius: var(--button-radius) 4px 4px var(--button-radius); +} +._67645e1530f1195d-button._37e49614b9f110a9-buttonChevron { + width: 24px; + margin-left: 0; + border-radius: 4px var(--button-radius) var(--button-radius) 4px; +} +._67645e1530f1195d-button._37e49614b9f110a9-buttonChevron._37e49614b9f110a9-popoutOpen { + background-color: var(--background-mod-normal) !important; + border-radius: var(--button-radius); +} + +._67645e1530f1195d-redGlow { + --background-mod-invisible: hsl(from hsl(var(--alert-hsl)) h s l / 0.1); + --background-mod-subtle: hsl(from hsl(var(--alert-hsl)) h s l / 0.2); + --background-mod-normal: hsl(from hsl(var(--alert-hsl)) h s l / 0.25); +} +._67645e1530f1195d-redGlow svg { + color: hsl(var(--alert-hsl)); +} +._67645e1530f1195d-redGlow ._5eb9b3cc7c2b1ce8-lottieIcon path[fill="rgb(88,101,242)"] { + fill: currentColor; +} +._67645e1530f1195d-redGlow ._5eb9b3cc7c2b1ce8-lottieIcon path[stroke="rgb(88,101,242)"] { + stroke: currentColor; +} + +._37e49614b9f110a9-buttonChevronIcon path { + fill: currentColor; +} + +._4bbc6dc06e75ad52-fitInAccount { + width: 100%; + height: 100%; + top: 0; +} + +._37e49614b9f110a9-avatarWrapper { + flex-grow: 1; + min-width: 0 !important; + margin-left: 0; + margin-right: 0; + padding: 5px calc(var(--custom-guild-list-padding) - var(--custom-panels-spacing) - 6px); + border-radius: calc(var(--sidebar-panel-radius-big) / 1.4); +} + +._37e49614b9f110a9-plated { + background-color: transparent; +} +._37e49614b9f110a9-plated:hover { + background-color: var(--background-mod-subtle); +} +._37e49614b9f110a9-plated[aria-expanded=true] { + background-color: var(--background-mod-normal) !important; +} + +/* + * + * CHANNELS LIST ACTIVITIES PANEL + * + */ +._5e434347c823b592-activityPanel { + margin-bottom: 2px; + padding: 0 8px; + background: var(--sidebar-panel-color) !important; + border-radius: var(--sidebar-panel-radius-small); + border-bottom: none !important; +} +._5e434347c823b592-activityPanel ._5dec784a68542d60-body { + height: 100%; +} +._5e434347c823b592-activityPanel ._8c6c22ea0d0f0ea2-gameIcon { + border-radius: 50%; +} + +.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-medium); +} +.container_bd9e38 .content_bd9e38 { + padding: 8px 0; +} +.container_bd9e38 .content_bd9e38 .cf48127484dbde85-text-sm\/bold { + color: var(--header-primary) !important; +} +.container_bd9e38 .content_bd9e38 .cf48127484dbde85-\/normal { + color: var(--interactive-text-default) !important; +} +.container_bd9e38 .content_bd9e38 ._201d5e8a3c09670a-button { + --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 CONNECTION PANEL + * + */ +.e131a99484292a19-container { + margin: 0 0 2px; + padding: 8px; + background-color: var(--sidebar-panel-color); + border-radius: var(--sidebar-panel-radius-small); + border-bottom: none !important; +} +.e131a99484292a19-container .e131a99484292a19-actionButtons ._201d5e8a3c09670a-button { + --button-padding: 0 12px; +} +.e131a99484292a19-container ._148e9a27d24c3ed3-maskSecondary { + border-color: var(--sidebar-panel-color); +} +.e131a99484292a19-container ._06d6249a1f2584ac-rtcConnectionStatus ._201d5e8a3c09670a-button { + --button-height: 24px; +} + +.e131a99484292a19-actionButtons ._201d5e8a3c09670a-button path[fill] { + fill: currentColor !important; +} +.e131a99484292a19-actionButtons ._201d5e8a3c09670a-button path[stroke] { + stroke: currentColor !important; +} + +._06d6249a1f2584ac-ping._06d6249a1f2584ac-largePing { + border-radius: calc(var(--sidebar-panel-radius-big) - 8px); + box-shadow: none; +} + +.align-chat-input ._06d6249a1f2584ac-rtcConnectionQualityFine ._06d6249a1f2584ac-largePing { + background-color: hsl(from var(--background-feedback-positive) h s l/0.2); +} +.align-chat-input ._06d6249a1f2584ac-rtcConnectionQualityAverage ._06d6249a1f2584ac-largePing { + background-color: hsl(from var(--background-feedback-warning) h s l/0.18); +} +.align-chat-input ._06d6249a1f2584ac-rtcConnectionQualityBad ._06d6249a1f2584ac-largePing { + background-color: hsl(from var(--background-feedback-critical) h s l/0.19); +} + +._55bab3f0b2555838-userAvatar[style*="box-shadow: 0 0 0 0px var(--status-speaking), inset 0 0 0 2px var(--status-speaking), inset 0 0 0 3px var(--background-base-lower)"] { + box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl)), inset 0 0 0 3px var(--background-base-lower) !important; +} + +/* + * + * CHANNELS LIST PANELS + * + */ +._5e434347c823b592-panels { + width: calc(100% - 20px); + left: var(--space-12); + bottom: var(--space-12); + margin: 0; + background-color: transparent !important; + border-radius: var(--sidebar-panel-radius-big); + border: none; + box-shadow: none; + transition: var(--default-time) var(--default-animation) left; +} +._5e434347c823b592-panels > div:not(:empty):first-of-type { + border-top-left-radius: var(--sidebar-panel-radius-big); + border-top-right-radius: var(--sidebar-panel-radius-big); +} +._5e434347c823b592-panels > div:not(:empty):first-of-type .e131a99484292a19-container { + border-top-left-radius: inherit; + border-top-right-radius: inherit; +} +._5e434347c823b592-panels > div:not(:empty):last-of-type { + border-bottom-left-radius: var(--sidebar-panel-radius-big); + border-bottom-right-radius: var(--sidebar-panel-radius-big); +} +._5e434347c823b592-panels > div:empty:first-of-type + ._37e49614b9f110a9-container { + border-top-left-radius: var(--sidebar-panel-radius-big); + border-top-right-radius: var(--sidebar-panel-radius-big); +} + +button._67645e1530f1195d-button, span._67645e1530f1195d-button { + border-radius: var(--button-radius); +} + +.e0cf275d59896c00-listeningAlong { + margin-bottom: 2px; + background: var(--sidebar-panel-color); + border-radius: var(--sidebar-panel-radius-small); + border-top: none; + border-bottom: none !important; +} + +._629e4c86564a4ee7-unreadBottom { + bottom: 12px; +} + +/* CHANNELS LIST PANELS -> ENABLE CLIPS */ +.container__81977 { + margin: -12px 12px 20px 12px; + padding: 16px 8px 8px; + background-color: var(--sidebar-panel-color); + border-radius: var(--sidebar-panel-radius-big); + z-index: 2; +} + +/* + * + * CHANNELS LIST QUEST PANEL + * + */ +._0d6162a4e6a4b802-wrapper { + margin-bottom: 2px; + background-color: var(--sidebar-panel-color) !important; + border-radius: var(--sidebar-panel-radius-small); + overflow: hidden; +} +._0d6162a4e6a4b802-wrapper:has(._0d6162a4e6a4b802-contentWrapperExpanded) { + overflow: visible; +} +._0d6162a4e6a4b802-wrapper:has(._0d6162a4e6a4b802-contentWrapperExpanded) ._24e2c2ebe64fd7d3-heroAsset { + opacity: 1; +} + +._0d6162a4e6a4b802-mask:first-child ._0d6162a4e6a4b802-wrapper { + border-top-left-radius: var(--sidebar-panel-radius-big); + border-top-right-radius: var(--sidebar-panel-radius-big); +} + +._0d6162a4e6a4b802-contentWrapper { + 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; +} +._0d6162a4e6a4b802-contentWrapper:after { + box-shadow: none !important; +} +._0d6162a4e6a4b802-contentWrapper._0d6162a4e6a4b802-contentWrapperExpanded { + background-image: none !important; + border-top-left-radius: var(--popout-radius-big); + border-top-right-radius: var(--popout-radius-big); +} +._0d6162a4e6a4b802-contentWrapper._0d6162a4e6a4b802-contentWrapperExpanded ._8c0340445cac64f9-wrapper { + padding: 4px 8px !important; + border-radius: calc(var(--popout-radius-big) / 1.5) !important; +} + +._8c0340445cac64f9-wrapper { + padding: 8px !important; +} + +._8c0340445cac64f9-wrapper, +._24e2c2ebe64fd7d3-heroAssetWrapper { + border-radius: var(--sidebar-panel-radius-big) var(--sidebar-panel-radius-big) var(--sidebar-panel-radius-small) var(--sidebar-panel-radius-small) !important; +} + +._24e2c2ebe64fd7d3-heroAsset { + z-index: 2; + opacity: 0; + transition: 150ms var(--default-animation) opacity; +} + +._281417ebc313bb72-questRewardTile { + border-radius: calc(var(--sidebar-panel-radius-big) / 1.5) !important; +} + +._24e2c2ebe64fd7d3-title, +._24e2c2ebe64fd7d3-description { + padding: 8px; + border-radius: calc(var(--sidebar-panel-radius-big) / 1.5); + backdrop-filter: blur(10px) brightness(0.75); +} + +._24e2c2ebe64fd7d3-title { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} + +._24e2c2ebe64fd7d3-description { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} + +.backgroundWrapper_efa999 { + display: none; +} + +._8c0340445cac64f9-opaqueExpandedBackground { + border-radius: calc(var(--sidebar-panel-radius-big) / 1.5); +} + +._24e2c2ebe64fd7d3-heroAssetWrapper { + filter: none !important; +} + +._24e2c2ebe64fd7d3-legibilityGradient { + 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__24e2c, +.heroAssetTint__24e2c { + 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 QUEST PANEL -> QUEST ACCEPTED */ +._24e2c2ebe64fd7d3-postEnrollmentBackground { + background-color: var(--app-foreground); + border-top: none; +} + +._7004ff4665879b8e-contentCollapsedAccepted { + padding: 12px 8px; +} + +._24e2c2ebe64fd7d3-postEnrollmentBackground { + background-image: none !important; + background-color: var(--sidebar-panel-color); + border-radius: var(--sidebar-panel-radius-small); + border-top: none; +} +._24e2c2ebe64fd7d3-postEnrollmentBackground._24e2c2ebe64fd7d3-postEnrollmentBackgroundExpanded { + border-radius: var(--sidebar-panel-radius-big) var(--sidebar-panel-radius-big) var(--sidebar-panel-radius-small) var(--sidebar-panel-radius-small); +} + +.wrapper_de2d78 { + margin-bottom: 0; + background-color: var(--card-color-alt); + border-radius: var(--card-radius-big); + border: none; +} + +.stepWrapperComplete_de2d78 .stepIconWrapper_de2d78 { + background-color: hsl(var(--accent-hsl--material-you)); + border-color: hsl(var(--accent-hsl--material-you)); +} +.stepWrapperComplete_de2d78 .stepConnector_de2d78:before { + background-color: hsl(var(--accent-hsl--material-you)); + box-shadow: 0 0 6px hsl(var(--accent-hsl--material-you)); +} + +.stepIconWrapper_de2d78 { + border-color: var(--card-border-color); +} +.stepIconWrapper_de2d78 .stepIcon_de2d78 path { + fill: var(--accent-text-color--material-you); +} + +/* + * + * CHANNELS LIST + * + */ +._5e434347c823b592-sidebar { + background-color: transparent; + overflow: hidden; +} +._5e434347c823b592-sidebar:after { + display: none; +} +._5e434347c823b592-sidebar.hasNotice__5e434 { + border-radius: 0 !important; +} +._5e434347c823b592-sidebar ._29444ba32c7fbeab-name { + font-size: 14px; + text-transform: none; +} +._5e434347c823b592-sidebar ._3b95d7d910416e54-unread { + font-size: 14px; + text-transform: none; + background-color: var(--popout-color); + box-shadow: var(--shadow-2dp); + color: var(--interactive-text-default); +} + +._2637a2609f343032-container { + padding-bottom: calc(var(--custom-app-panels-height, 0) + 12px - var(--sidebar-panel-radius-big)); + background-color: var(--main-color); +} +._2637a2609f343032-container .d125d22cdfd32cfe-scrollerBase { + margin-bottom: 0; + padding-bottom: 0; +} + +._5e434347c823b592-sidebarList { + border-top-left-radius: var(--card-radius-big); + border-bottom-left-radius: var(--card-radius-big); + border-top: none; + border-left: none; + border: none; +} + +._5e434347c823b592-sidebarResizeHandle { + margin: var(--space-4) 0; + border-radius: 2px; +} +._5e434347c823b592-sidebarResizeHandle:hover, ._5e434347c823b592-sidebarResizeHandle:active { + background-color: hsl(from var(--scrollbar-color) h s l/0.5); +} + +._0d0f9ddd12a3ace3-progressContainer { + background-color: var(--card-color-hover); +} + +.c69b6db0641110f6-channelInfo .cf48127484dbde85-text-xs\/semibold { + color: hsl(var(--accent-hsl--material-you)) !important; +} + +.voiceChannelsButton__29444 { + background-color: hsl(var(--button-link-accent-color), 0.15); + border-radius: 16px; + border: none; + color: var(--interactive-text-default); + transition: var(--default-time) var(--default-animation) background-color; +} +.voiceChannelsButton__29444:hover { + background-color: hsl(var(--button-link-accent-color), 0.2); +} + +.e88f3fec6ea23bee-container { + margin: 8px; + background-color: var(--card-color-filled); + border: none; + padding: 12px; + border-radius: var(--card-radius-big); + box-shadow: none; + box-shadow: none; +} + +._7aaec78b97ff00f7-container._7aaec78b97ff00f7-top { + padding-top: 4px; +} +._7aaec78b97ff00f7-container._7aaec78b97ff00f7-bottom { + bottom: 12px; + padding-bottom: 4px; +} + +._7aaec78b97ff00f7-bar { + padding: 6px 10px; + background-color: var(--popout-color); + border: none; + box-shadow: var(--shadow-medium); +} +._7aaec78b97ff00f7-bar._7aaec78b97ff00f7-mentionsBar { + background-color: hsl(var(--alert-hsl)); +} + +._7aaec78b97ff00f7-mentionsBar { + background-color: hsl(var(--alert-hsl)); +} +._7aaec78b97ff00f7-mentionsBar ._7aaec78b97ff00f7-barText { + color: var(--alert-text-color) !important; +} + +._7aaec78b97ff00f7-barText { + font-size: 14px; + text-transform: none; + font-weight: 500; +} + +#bd-notices + ._5e434347c823b592-content ._5e434347c823b592-sidebar { + border-radius: 0 !important; +} + +/* CHANNELS LIST -> SERVER SHOP */ +.d5919918c1ff74a9-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; +} +.d5919918c1ff74a9-previewChannelRow:hover { + background-color: var(--menu-item-hover); + color: var(--interactive-text-hover); +} +.d5919918c1ff74a9-previewChannelRow.d5919918c1ff74a9-selected { + background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity)); + color: var(--interactive-active); +} + +.d5919918c1ff74a9-previewChannelRowContent { + background-color: transparent !important; +} + +.d5919918c1ff74a9-shopIcon, +.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 */ +._2ea32c412048f708-wrapper { + border-radius: var(--channel-radius); + transition: var(--default-time) var(--default-animation) background-color !important; +} +._2ea32c412048f708-wrapper:hover ._2ea32c412048f708-link { + background-color: var(--menu-item-hover); +} +._2ea32c412048f708-wrapper._2ea32c412048f708-modeSelected ._2ea32c412048f708-link { + background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity)); +} +._2ea32c412048f708-wrapper._2ea32c412048f708-modeSelected ._2ea32c412048f708-icon, ._2ea32c412048f708-wrapper._2ea32c412048f708-modeSelected:hover ._2ea32c412048f708-icon { + color: var(--interactive-text-hover); +} +._2ea32c412048f708-wrapper ._658442d9ffa4221c-content { + margin-left: 0; + background-color: transparent !important; + border-radius: var(--channel-radius); +} +._2ea32c412048f708-wrapper ._2ea32c412048f708-subtitle { + color: hsl(var(--accent-hsl--material-you)) !important; +} + +._2ea32c412048f708-link { + margin-right: calc(8px - var(--scrollbar-thin-width)); + padding: 0 8px; + border-radius: var(--channel-radius); + overflow: visible; + transition: var(--default-time) var(--default-animation) background-color !important; +} +._2ea32c412048f708-link ._2ea32c412048f708-linkTop, +._2ea32c412048f708-link ._658442d9ffa4221c-content { + min-height: inherit; + gap: 8px; + align-items: center; +} + +._2ea32c412048f708-icon, +._2ea32c412048f708-name { + transition: var(--default-time) var(--default-animation) color; +} + +._599fa27f4d2464c6-newChannel { + color: hsl(var(--accent-hsl--material-you)); + text-transform: capitalize; +} +._599fa27f4d2464c6-newChannel[style="background-color: var(--badge-brand-bg);"] { + background-color: hsl(var(--accent-hsl--material-you)) !important; + color: var(--accent-text-color--material-you); +} + +._2ea32c412048f708-typeThread .mainContent-20q_Hp { + margin-left: 28px; +} +._2ea32c412048f708-typeThread ._2ea32c412048f708-link { + padding: 0 12px !important; +} + +._629e4c86564a4ee7-unreadBottom { + bottom: calc(var(--custom-app-panels-height, 0) + var(--space-12)); + padding: 8px 12px; +} + +._3b95d7d910416e54-bar { + font-size: 0.815em; + text-transform: none; + font-weight: 500; + text-transform: capitalize; +} +._3b95d7d910416e54-bar._3b95d7d910416e54-unread { + background-color: var(--status-picker-color); + transition: var(--default-time) var(--default-animation) opacity; +} +._3b95d7d910416e54-bar._3b95d7d910416e54-mention { + background-color: hsl(var(--alert-hsl)); + color: var(--alert-text-color); +} + +._29444ba32c7fbeab-containerDefault:not(:only-child):last-child, +.c69b6db0641110f6-containerDefault:not([role=listitem]):not(:only-child):last-child { + padding-bottom: calc(var(--sidebar-panel-radius-big) + var(--space-16)); +} + +._29444ba32c7fbeab-containerDefault ._29444ba32c7fbeab-addButton { + background-color: transparent !important; + position: relative; +} +._29444ba32c7fbeab-containerDefault ._29444ba32c7fbeab-addButton: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; +} +._29444ba32c7fbeab-containerDefault ._29444ba32c7fbeab-addButton:hover:after { + opacity: 1; + transform: scale(1.5); + animation: scale 150ms var(--default-animation), opacity 150ms ease; +} +._29444ba32c7fbeab-containerDefault ._29444ba32c7fbeab-addButton:active:after { + background-color: hsl(var(--md-ripple-color), 0.2); +} + +._29444ba32c7fbeab-refreshVoiceChannelsButton { + padding-bottom: calc(var(--sidebar-panel-radius-big) + var(--space-16)); +} + +.c69b6db0641110f6-containerDragBefore:before, +.c69b6db0641110f6-containerDragAfter:after { + left: 0; + background-color: hsl(var(--accent-hsl--material-you)); +} + +.c69b6db0641110f6-containerUserOver: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); +} + +._260e1982cd52c5c3-wrapper { + border: none; +} +._260e1982cd52c5c3-wrapper ._260e1982cd52c5c3-users { + padding: 0 6px; + background-color: var(--status-picker-color); +} +._260e1982cd52c5c3-wrapper ._260e1982cd52c5c3-total { + width: auto; + padding: 0 6px; + background-color: var(--sidebar-panel-color); +} +._260e1982cd52c5c3-wrapper ._260e1982cd52c5c3-total:after { + display: none; +} + +._5cda953df16118b0-statusDiv, +._2ea32c412048f708-subtitle .b0dfc2ed9c57037d-overflow { + margin-bottom: 4px; +} + +._08bd2625f2f5ff33-textArea { + background-color: var(--input-color); + border-radius: 22px; +} +._08bd2625f2f5ff33-textArea ._1b31f471f0bb10ab-placeholder { + color: var(--input-placeholder-color); +} + +/* + * + * CHANNELS LIST ICONS + * + */ +._2ea32c412048f708-iconContainer { + margin-right: 0 !important; +} + +._2ea32c412048f708-children:not(:empty) { + height: 32px; + gap: 8px; + align-items: center; +} + +.c69b6db0641110f6-iconItem { + position: relative; + margin: 0; + padding: 2px; + position: relative; +} +.c69b6db0641110f6-iconItem: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; +} +.c69b6db0641110f6-iconItem:hover:after { + opacity: 1; + transform: scale(1.4); + animation: scale 150ms var(--default-animation), opacity 150ms ease; +} +.c69b6db0641110f6-iconItem:active:after { + background-color: hsl(var(--md-ripple-color), 0.2); +} +.c69b6db0641110f6-iconItem[role] .c69b6db0641110f6-actionIcon:active { + transform: translateY(0); +} + +/* VOICE */ +._07f9193042954787-content { + border-radius: 15px; + transition: var(--default-time) var(--default-animation) background-color; +} +._07f9193042954787-content ._5d473ecff348c314-ownerIcon { + margin-right: 8px; +} + +/* + * + * CHANNELS LIST HEADER + * + */ +.f37cb1984c371ee5-container { + background-color: var(--chat-color); +} +.f37cb1984c371ee5-container:not(.f37cb1984c371ee5-hasBanner) .f37cb1984c371ee5-header, .f37cb1984c371ee5-container:not(.f37cb1984c371ee5-hasBanner) .f37cb1984c371ee5-header:hover { + background-color: var(--main-color); +} + +.f37cb1984c371ee5-header { + padding: 0 var(--space-md); + border-bottom: none; + box-shadow: var(--shadow-ledge); +} + +.f37cb1984c371ee5-hasBanner .f37cb1984c371ee5-header { + background-color: var(--chat-color); + border-bottom: none; +} +.f37cb1984c371ee5-hasBanner.f37cb1984c371ee5-bannerVisible .f37cb1984c371ee5-header { + background-color: transparent; + box-shadow: none; +} +.f37cb1984c371ee5-hasBanner.f37cb1984c371ee5-bannerVisible .f37cb1984c371ee5-headerGlass { + border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; + border-bottom: none; +} + +.f37cb1984c371ee5-headerEllipseForeground { + position: absolute; + height: var(--custom-channel-header-height); + top: 0; + left: 0; + right: 0; + border-radius: var(--card-radius-big); +} + +.f37cb1984c371ee5-headerContent { + justify-content: flex-start; + gap: var(--space-8); +} + +.f37cb1984c371ee5-name { + width: 100%; + margin: 0; +} + +._85d1663d6a9fc7f6-guildIconContainer, +._85d1663d6a9fc7f6-guildIconV2Container { + margin-right: 0; +} + +.invitesRefresh_f37cb1 .f37cb1984c371ee5-inviteButton, +.invitesRefresh_f37cb1 .f37cb1984c371ee5-guildDropdown { + border-radius: calc(var(--card-radius-big) / 1.8); + transition: var(--default-time) var(--default-animation) background-color; +} +.invitesRefresh_f37cb1 .f37cb1984c371ee5-inviteButton:hover, +.invitesRefresh_f37cb1 .f37cb1984c371ee5-guildDropdown:hover { + background-color: var(--menu-item-hover); +} +.invitesRefresh_f37cb1 .f37cb1984c371ee5-inviteButton[aria-expanded=true], +.invitesRefresh_f37cb1 .f37cb1984c371ee5-guildDropdown[aria-expanded=true] { + background-color: var(--menu-item-select); +} +.invitesRefresh_f37cb1 .f37cb1984c371ee5-guildDropdown { + padding: 0 var(--space-8) 0 var(--space-12); + gap: var(--space-xs); +} + +.f37cb1984c371ee5-headerChildren { + height: 16px; +} + +.f37cb1984c371ee5-animatedContainer { + background-color: var(--chat-color); + border-bottom: none; + box-shadow: none; +} + +.f37cb1984c371ee5-animatedContainer, +.f37cb1984c371ee5-bannerImage { + border-radius: var(--card-radius-big); +} + +.f37cb1984c371ee5-bannerImage { + overflow: hidden; +} + +.f37cb1984c371ee5-communityInfoPill { + background-color: var(--card-color-filled); + color: var(--interactive-text-default); +} + +/* + * + * PRIVATE CHANNELS LIST + * + */ +.e6b7699ce8339e1c-privateChannels { + background-color: var(--main-color); +} +.e6b7699ce8339e1c-privateChannels ._99e7cad8d4c55236-scroller { + background-color: transparent; +} + +.e6b7699ce8339e1c-searchBar { + border-bottom: none !important; + box-shadow: var(--shadow-ledge); +} +.e6b7699ce8339e1c-searchBar .searchBarComponent_e6b769 { + height: 32px; + padding: 0 10px; + background-color: var(--input-color); + border-radius: 16px; +} +.e6b7699ce8339e1c-searchBar .a22cb0c66246f5d3-button { + --button-height: 32px; + --button-background: var(--input-color); + --button-text-color: var(--input-text-color); +} +.e6b7699ce8339e1c-searchBar .a22cb0c66246f5d3-button .cf48127484dbde85-text-sm\/medium { + margin: 0; + overflow: hidden; +} + +.e6b7699ce8339e1c-friendsButtonContainer { + margin-top: 8px; +} + +._972a0d22c8afa7f0-channel { + margin: 2px 0 0 8px; + padding: 0; + border-radius: var(--channel-radius); +} +._972a0d22c8afa7f0-channel .bf202d63ad53e289-interactive { + transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color; +} +._972a0d22c8afa7f0-channel .bf202d63ad53e289-interactive:hover { + background-color: var(--menu-item-hover); +} +._972a0d22c8afa7f0-channel .bf202d63ad53e289-interactive.bf202d63ad53e289-selected { + background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity)); +} +._972a0d22c8afa7f0-channel:not(._972a0d22c8afa7f0-dm) ._972a0d22c8afa7f0-link { + padding: 0 var(--space-16); +} + +._99e7cad8d4c55236-privateChannelsHeaderContainer { + height: auto; + padding: var(--space-8) calc(var(--space-xs) + var(--space-8)) var(--space-4); + font-size: 14px; + text-transform: none; +} + +.e6b7699ce8339e1c-sectionDivider { + width: calc(100% - (var(--space-xs) + var(--space-8)) * 2); + margin: var(--space-12) calc(var(--space-xs) + var(--space-8)); +} + +/* + * + * CHANNELS LIST VOICE + * + */ +.c3cd7d38925bcd00-list { + padding: 0 2px 8px 36px; +} + +._07f9193042954787-listDefault ._07f9193042954787-content { + min-height: 30px; + margin: 2px 0 0; + padding: 0 3px; + gap: 8px; +} +._07f9193042954787-listDefault ._07f9193042954787-content ._55bab3f0b2555838-userAvatar { + margin: 0; +} +._07f9193042954787-listDefault ._07f9193042954787-content ._07f9193042954787-icons { + margin-right: 0; +} +._07f9193042954787-listDefault ._07f9193042954787-clickable:hover ._07f9193042954787-content { + background-color: var(--menu-item-hover); +} +._07f9193042954787-listDefault ._07f9193042954787-clickable._07f9193042954787-selected ._07f9193042954787-content { + background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity)); +} + +._07f9193042954787-username { + transition: var(--default-time) var(--default-animation) color; +} + +._07f9193042954787-avatar { + border-radius: var(--avatar-radius); +} + +._07f9193042954787-overlap ._07f9193042954787-avatar { + border-color: var(--main-color); +} + +.optionsButton__07f91 { + border-radius: 50%; +} +.optionsButton__07f91:hover { + background-color: var(--card-button-color-hover); +} + +/* CHANNEL LIST VOICE -> CUSTOM VC ACTIVITY */ +.iconSpacing__07f91 { + 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__669b5 { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + box-shadow: var(--shadow-medium); +} +.popout__669b5 .iconWidget__669b5 { + background-color: var(--card-button-color) !important; + border-radius: 50%; + border: none; + transition: var(--default-time) var(--default-animation) background-color; +} +.popout__669b5 .iconWidget__669b5:hover { + background-color: var(--card-button-color-hover) !important; +} +.popout__669b5 .iconWidget__669b5.selectedWidget__669b5 { + background-color: var(--card-color-filled) !important; +} +.popout__669b5 .divider__669b5 { + margin: 16px 0; + background-color: var(--popout-header-border); +} +.popout__669b5 .iconsContainer__669b5 { + padding: 0; +} +.popout__669b5 .setCustomButton__669b5 { + 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__669b5 .setCustomButton__669b5 svg { + display: none; +} +.popout__669b5 .setCustomButton__669b5 .editIconColor__669b5 { + color: inherit; +} +.popout__669b5 .setCustomButton__669b5 .cf48127484dbde85-text-xs\/medium { + color: inherit !important; + font-size: var(--button-font-size); +} + +/* + * + * VOICE & VIDEO CALL + * + */ +._1405b3b8e8eb5fd0-wrapper { + --button-height: 48px; + --button-radius: calc(var(--button-height) / 2); + --button-small-radius: 4px; +} + +._1405b3b8e8eb5fd0-buttonSection { + background-color: hsl(from var(--popout-color) h s l/0.75); + border-radius: calc(var(--button-height) + 4px); + border: none; +} + +.f1ceaca61b18918e-attachedCaretButtonContainer { + gap: 2px; +} +.f1ceaca61b18918e-attachedCaretButtonContainer .f1ceaca61b18918e-colorable { + position: relative; + width: var(--button-height); + height: var(--button-height); + padding: 0; + border-radius: var(--button-radius); +} +.f1ceaca61b18918e-attachedCaretButtonContainer .f1ceaca61b18918e-colorable.f1ceaca61b18918e-attachedButton { + border-radius: var(--button-radius) var(--button-small-radius) var(--button-small-radius) var(--button-radius); +} +.f1ceaca61b18918e-attachedCaretButtonContainer .f1ceaca61b18918e-colorable.f1ceaca61b18918e-contextMenuNub { + width: var(--button-height); + margin-left: 0; + border-radius: var(--button-small-radius) var(--button-radius) var(--button-radius) var(--button-small-radius); + transition: calc(var(--default-time) / 1.5) var(--default-animation) border-radius; +} +.f1ceaca61b18918e-attachedCaretButtonContainer .f1ceaca61b18918e-colorable.f1ceaca61b18918e-contextMenuNub.f1ceaca61b18918e-active { + border-radius: var(--button-radius); +} +.f1ceaca61b18918e-attachedCaretButtonContainer .f1ceaca61b18918e-colorable.f1ceaca61b18918e-contextMenuNub:before { + position: absolute; + content: " "; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: var(--button-text-color); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/chevron_down.svg); + -webkit-mask-repeat: no-repeat; + -webkit-mask-size: 50%; + -webkit-mask-position: center; + transition: calc(var(--default-time) / 1.5) var(--default-animation) transform; +} +.f1ceaca61b18918e-attachedCaretButtonContainer .f1ceaca61b18918e-colorable.f1ceaca61b18918e-contextMenuNub.f1ceaca61b18918e-active:before { + transform: rotate(180deg); +} +.f1ceaca61b18918e-attachedCaretButtonContainer .f1ceaca61b18918e-colorable.f1ceaca61b18918e-contextMenuNub .f1ceaca61b18918e-contextMenuCaret { + display: none; +} +.f1ceaca61b18918e-attachedCaretButtonContainer .f1ceaca61b18918e-colorable:after { + border-radius: inherit; +} +.f1ceaca61b18918e-attachedCaretButtonContainer.f1ceaca61b18918e-disconnect { + background-color: hsl(from var(--popout-color) h s l/0.75); + border-radius: calc(var(--button-radius) + 4px); + border: none; +} +.f1ceaca61b18918e-attachedCaretButtonContainer.f1ceaca61b18918e-disconnect .f1ceaca61b18918e-centerButton { + border-radius: var(--button-radius) var(--button-small-radius) var(--button-small-radius) var(--button-radius); +} +.f1ceaca61b18918e-attachedCaretButtonContainer.f1ceaca61b18918e-disconnect .f1ceaca61b18918e-disconnect { + background-color: hsl(var(--alert-hsl)) !important; +} +.f1ceaca61b18918e-attachedCaretButtonContainer.f1ceaca61b18918e-disconnect .f1ceaca61b18918e-disconnect .f1ceaca61b18918e-centerIcon { + color: var(--alert-text-color) !important; +} +.f1ceaca61b18918e-attachedCaretButtonContainer.f1ceaca61b18918e-disconnect .f1ceaca61b18918e-disconnect:before { + background-color: var(--alert-text-color) !important; +} + +.f1ceaca61b18918e-attachedCaretButtonContainer .f1ceaca61b18918e-fullRegionButton.f1ceaca61b18918e-disconnect { + --button-background: hsl(var(--alert-hsl)); + --button-text-color: var(--alert-text-color); + --button-leave-height: calc(var(--button-height) + 4px); + --button-radius: calc(var(--button-leave-height) / 2); + width: var(--button-leave-height); + height: var(--button-leave-height); +} + +.avSpacing__1405b { + display: none; +} + +/* VOICE & VIDEO CALL -> ANSWER CALL POPOUT */ +.f1ceaca61b18918e-centerButton { + width: 56px; + height: 56px; + padding: 0; +} +.f1ceaca61b18918e-centerButton:after { + display: none; +} + +.f1ceaca61b18918e-centerIcon { + padding: 0; +} + +/* + * + * CHAT AREA + * + */ +.f75fb00fb7356cbe-chat, +.threadSidebar-1o3BTy { + background-color: var(--chat-color) !important; +} + +.f75fb00fb7356cbe-chat { + border-top-right-radius: var(--card-radius-big); + border-top: none; +} +.f75fb00fb7356cbe-chat.f75fb00fb7356cbe-threadSidebarOpen { + border-radius: 0 var(--card-radius-big) var(--card-radius-big) 0; + border-right: none; +} +.f75fb00fb7356cbe-chat:has(.cb9592ad77576717-sidebarOpen) { + background-color: transparent !important; +} +.f75fb00fb7356cbe-chat[data-has-border=true] { + border-top: none; +} + +.cb9592ad77576717-channelChatWrapper { + background: transparent; +} + +._01d5c7193c9f2ff4-noChannel { + background-color: var(--chat-color); + border-top-right-radius: var(--card-radius-big); +} + +.f35c3c1aaf31dfd5-scroller { + background-color: transparent; +} + +.f75fb00fb7356cbe-chatContent { + background: transparent !important; +} + +.dc83f5490ab160ad-chatHeaderBar { + background-color: var(--chat-color); + border-bottom: none; +} +.dc83f5490ab160ad-chatHeaderBar:after { + display: none; +} + +._36d072eab2b2e737-chatGradientBase { + transition: var(--default-time) var(--default-animation) height, var(--default-time) var(--default-animation) background; +} + +._36d072eab2b2e737-chatGradient { + background: linear-gradient(to bottom, transparent, var(--chat-color)); +} + +._36d072eab2b2e737-chatTypingGradientAtBottom { + height: var(--space-16); + background: linear-gradient(to bottom, transparent, var(--chat-color) var(--space-8), var(--chat-color) 100%); +} + +._36d072eab2b2e737-chatTypingGradientNotAtBottom { + height: var(--space-32); + background: linear-gradient(to bottom, transparent, var(--chat-color) var(--space-16), var(--chat-color) 100%); +} + +.threadSidebar-1o3BTy { + border-radius: var(--card-radius-big) 0 0 var(--card-radius-big); +} + +.fc817765600a960a-button { + --button-padding: 0 12px; + color: var(--button-link-text-color); +} + +.b4b2c318c99fc487-role { + background-color: var(--message-color); + border-radius: 12px; +} + +._7e6bb757ba16c548-iconWrapper { + background-color: var(--card-color-filled); +} + +.b4b2c318c99fc487-role { + background-color: var(--card-button-color); + border-radius: 12px; + transition: var(--default-time) var(--default-animation) background-color; +} +.b4b2c318c99fc487-role:hover { + background-color: var(--card-button-color-hover); +} + +/* CHAT AREA -> WELCOME SERVER OPTIONS */ +.aae01227de06a74c-inner { + gap: 2px; +} + +.aae01227de06a74c-cardWrapper:nth-of-type(2) .aae01227de06a74c-card { + border-radius: var(--card-radius-big) var(--card-radius-big) 4px 4px; +} +.aae01227de06a74c-cardWrapper:last-of-type .aae01227de06a74c-card { + border-radius: 4px 4px var(--card-radius-big) var(--card-radius-big); +} + +.aae01227de06a74c-card { + margin-top: 0; + background-color: var(--card-color-filled); + border-radius: 4px; + transition: var(--default-time) var(--default-animation) background-color; +} +.aae01227de06a74c-card:hover { + background-color: var(--card-color-hover); +} + +/* CHAT AREA -> PLACEHOLDER */ +.d852db00c0588eb9-wrapper { + background: var(--chat-color) !important; +} + +.fc817765600a960a-wrapper { + background: transparent !important; +} + +.fc817765600a960a-attachment, +.fc817765600a960a-avatar, +.fc817765600a960a-blob { + 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-medium); +} + +.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 ._4bd5201c86a2042b-defaultColor { + 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 */ +._0f481cbbd7530492-barBase:not(._0f481cbbd7530492-jumpToPresentBar, ._0f481cbbd7530492-messagesErrorBar) { + height: auto; + top: var(--space-16); + left: 50%; + right: unset; + gap: var(--space-8); + padding: var(--space-8); + background-color: var(--popout-color); + border-radius: calc(var(--button-radius) + var(--space-8)); + box-shadow: none; + border: none; + cursor: default; + opacity: 1; + z-index: 4; + transform: translateX(-50%); + transition: var(--default-time) var(--default-animation) box-shadow; +} +._0f481cbbd7530492-barBase:not(._0f481cbbd7530492-jumpToPresentBar, ._0f481cbbd7530492-messagesErrorBar):hover { + box-shadow: var(--shadow-soft); +} +._0f481cbbd7530492-barBase:not(._0f481cbbd7530492-jumpToPresentBar, ._0f481cbbd7530492-messagesErrorBar):active { + padding-top: var(--space-8); +} + +._0f481cbbd7530492-barButtonBase { + min-width: var(--button-height); + height: var(--button-height); + line-height: 18px; + background-color: hsl(var(--accent-hsl--material-you)); + border-radius: var(--button-radius); + color: var(--accent-text-color--material-you); + pointer-events: all; + cursor: pointer; +} +._0f481cbbd7530492-barButtonBase._0f481cbbd7530492-barButtonMain { + flex: 0 1 auto; + padding: 0 16px; + background-color: var(--accent-secondary-color); + color: var(--accent-secondary-text-color); +} +._0f481cbbd7530492-barButtonBase._0f481cbbd7530492-barButtonAlt { + position: relative; + padding: 0; + background-color: hsl(var(--accent-hsl--material-you)); + color: var(--accent-text-color--material-you); + font-size: 0; + justify-content: center; +} +._0f481cbbd7530492-barButtonBase._0f481cbbd7530492-barButtonAlt ._0f481cbbd7530492-barButtonIcon { + top: 0; + margin: 0; +} +._0f481cbbd7530492-barButtonBase._0f481cbbd7530492-barButtonAlt ._0f481cbbd7530492-barButtonIcon 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-medium); +} +.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 */ +._0f481cbbd7530492-jumpToPresentBar { + --button-height: 56px; + --button-padding: 0 16px; + --button-radius: 20px; + --button-font-size: 16px; + width: auto; + height: var(--button-height); + min-width: var(--button-height); + gap: var(--space-8); + left: unset; + right: var(--space-16); + bottom: var(--space-16); + margin: 0; + padding: var(--button-padding); + background: hsl(var(--accent-hsl--material-you)) !important; + border-radius: var(--button-radius); + border: none; + box-shadow: var(--shadow-soft); + transition: var(--default-time) var(--default-animation) box-shadow; + opacity: 1; + z-index: 3; +} +._0f481cbbd7530492-jumpToPresentBar:hover { + box-shadow: var(--shadow-medium); +} +._0f481cbbd7530492-jumpToPresentBar:hover:after { + opacity: var(--button-action-hover); +} +._0f481cbbd7530492-jumpToPresentBar:active { + margin: 0 auto !important; +} +._0f481cbbd7530492-jumpToPresentBar:active:after { + opacity: var(--button-action-active); +} +._0f481cbbd7530492-jumpToPresentBar:before { + content: " "; + position: relative; + width: 24px; + height: 24px; + left: unset; + bottom: 0; + right: 0; + box-sizing: border-box; + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/expand.svg); + -webkit-mask-repeat: no-repeat; + background-color: var(--accent-text-color--material-you); + -webkit-mask-position: center; + mask-position: center; + -webkit-mask-origin: content-box; + mask-size: 150%; + transform: none; +} +._0f481cbbd7530492-jumpToPresentBar: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; +} +._0f481cbbd7530492-jumpToPresentBar ._0f481cbbd7530492-barButtonBase { + display: none; +} +._0f481cbbd7530492-jumpToPresentBar ._201d5e8a3c09670a-button { + --button-height: 24px; + padding: 0; + font-weight: 400; +} +._0f481cbbd7530492-jumpToPresentBar ._201d5e8a3c09670a-button:after { + display: none; +} +._0f481cbbd7530492-jumpToPresentBar .a22cb0c66246f5d3-button { + --button-padding: 0; +} +._0f481cbbd7530492-jumpToPresentBar ._46696d17714f10ab-spinner { + position: absolute; + width: 100%; + left: 0; + right: 0; + margin: 0 auto; + padding: 0; + background-color: hsl(var(--accent-hsl--material-you)); + border-radius: 50%; + z-index: 3; +} +._0f481cbbd7530492-jumpToPresentBar ._46696d17714f10ab-spinner .pulsingEllipsis-10G8Z6 { + vertical-align: middle; +} + +/* + * + * DIRECT MESSAGES + * + */ +.cb9592ad77576717-wrapper { + background-color: var(--chat-color); + box-shadow: var(--shadow-medium); +} +.cb9592ad77576717-wrapper.cb9592ad77576717-minimum { + background-color: var(--chat-color); +} +.cb9592ad77576717-wrapper .cb9592ad77576717-callContainer { + border-radius: var(--card-radius-big) 0 0 var(--card-radius-big); +} +.cb9592ad77576717-wrapper.cb9592ad77576717-sidebarOpen .cb9592ad77576717-callContainer { + border-radius: var(--card-radius-big); +} +.cb9592ad77576717-wrapper.cb9592ad77576717-sidebarOpen { + background-color: transparent !important; +} +.cb9592ad77576717-wrapper.cb9592ad77576717-sidebarOpen .cb9592ad77576717-callContainer { + border-radius: 0 var(--card-radius-big) var(--card-radius-big) 0; +} + +.f75fb00fb7356cbe-content { + background-color: transparent !important; +} +.f75fb00fb7356cbe-content:before { + display: none !important; +} + +._5aa3a91081387567-container { + border-radius: calc(var(--card-radius-big) / 1.5); +} + +._2f4f7eb58b61c328-border { + border-radius: var(--card-radius-big); + transition: var(--default-time) var(--default-animation) box-shadow; +} + +.quickSelect__540d0 { + margin-top: 12px; +} + +.d6b206a637c8e59a-scroller { + padding: 8px 0; + padding-right: 0 !important; + background-color: var(--popout-color); + border-radius: var(--popout-radius); +} +.d6b206a637c8e59a-scroller .d6b206a637c8e59a-memberListHeader { + margin: 8px 0; + padding: 0 12px; + color: var(--menu-item-text-color); + text-transform: none; +} +.d6b206a637c8e59a-scroller .memberListItem_ec58fe { + margin: 0; + padding: 6px 12px; + border-radius: 0; + transition: var(--default-time) var(--default-animation) background-color; +} +.d6b206a637c8e59a-scroller .memberListItem_ec58fe:not(.ec58feb9e769a16d-popoutDisabled):hover { + background-color: var(--menu-item-hover) !important; +} +.d6b206a637c8e59a-scroller .memberListItem_ec58fe .d6b206a637c8e59a-memberListItemText { + color: var(--menu-item-text-color); +} +.d6b206a637c8e59a-scroller::-webkit-scrollbar { + width: 0 !important; +} + +._4ad815b9a8eb0838-root { + background-color: var(--card-color-filled); +} + +._90dc5e06d05dc634-tile { + border-radius: var(--card-radius-big); +} +._90dc5e06d05dc634-tile ._201d5e8a3c09670a-button .size16_a4e6b9 { + line-height: var(--button-height); +} + +._2f4f7eb58b61c328-overlayTitle { + border-radius: 16px; +} + +._211d1cc3f7e37d69-participantsButton { + background-color: #2f3136 !important; + border-radius: 16px !important; +} +._211d1cc3f7e37d69-participantsButton:hover { + background-color: #202225 !important; +} + +._7ff28e889ad47649-compactButton { + background-color: hsl(var(--button-link-accent-color), 0.075); +} +._7ff28e889ad47649-compactButton:hover { + background-color: hsl(var(--button-link-accent-color), 0.1); +} + +/* DIRECT MESSAGES -> SIDEBAR PROFILE */ +.user-profile-sidebar[style] { + height: calc(100% - 24px); + margin: 12px; + border-radius: var(--popout-radius-big); + box-shadow: none; +} +.user-profile-sidebar[style]:not(.custom-user-profile-theme) { + background-color: var(--popout-color); +} +.user-profile-sidebar[style] .c0bea05627c5dc35-inner { + border-radius: inherit; +} +.user-profile-sidebar[style] .c0bea05627c5dc35-inner .d125d22cdfd32cfe-scrollerBase::-webkit-scrollbar { + width: 0 !important; +} +.user-profile-sidebar[style] .c0bea05627c5dc35-inner .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; +} + +._3b2602e558ef3de0-overlay .mutualFriendsDivider_b433b4 { + position: relative; + border-top: none; +} +._3b2602e558ef3de0-overlay .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; +} +._3b2602e558ef3de0-overlay ._201d5e8a3c09670a-button { + --button-height: 42px; + --button-padding: 0 12px; + --button-background: transparent !important; + --button-radius: 0; + --button-text-color: var(--header-primary) !important; +} +._3b2602e558ef3de0-overlay ._201d5e8a3c09670a-button:after { + display: none; +} + +.connectionList_a4a127 { + --popout-radius: calc(var(--card-radius-big) / 1.55); + margin-bottom: 8px; +} + +._3b2602e558ef3de0-list { + margin-left: 0; +} +._3b2602e558ef3de0-list ._0a95c8863b3b3f73-row { + border-radius: calc(var(--popout-radius-big) / 2.5) !important; +} + +._89036700569ec527-row { + margin: 0; + padding: var(--space-8); + border-radius: calc(var(--popout-radius-big) / 2.5); + transition: var(--default-time) var(--default-animation) background-color; +} +._89036700569ec527-row:hover { + background-color: var(--card-color-hover); +} +._89036700569ec527-row:hover ._44b0c28be7879b7b-mask circle { + fill: var(--card-color-hover); +} +._89036700569ec527-row ._44b0c28be7879b7b-mask circle { + fill: var(--card-color-filled); + transition: var(--default-time) var(--default-animation) fill; +} + +/* DIRECT MESSAGES -> SPAM FILTER */ +._6a41ee0bd29b83e9-hamBanner { + margin: 8px; + padding: 12px; + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); + box-shadow: none; +} + +.a44415a3320e67de-chat:before { + display: none; +} + +/* DIRECT MESSAGES -> TURN OFF FROM SERVER MODAL */ +.c9e6eb7fbf35f1b8-guildContainer { + background-color: var(--card-color-filled); + border: none; + padding: 16px; + border-radius: var(--card-radius-big); + box-shadow: none; +} + +/* + * + * DIRECT MESSAGES ICONS + * + */ +.bfe55a0aaaf62375-root .cf09d85aafe7e124-videoControls ._201d5e8a3c09670a-button 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 */ +} +.bfe55a0aaaf62375-root .cf09d85aafe7e124-videoControls ._201d5e8a3c09670a-button 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"); +} +.bfe55a0aaaf62375-root .cf09d85aafe7e124-videoControls ._201d5e8a3c09670a-button 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"); +} +.bfe55a0aaaf62375-root .cf09d85aafe7e124-videoControls ._201d5e8a3c09670a-button 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"); +} +.bfe55a0aaaf62375-root .cf09d85aafe7e124-videoControls ._201d5e8a3c09670a-button 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"); +} +.bfe55a0aaaf62375-root .cf09d85aafe7e124-videoControls ._201d5e8a3c09670a-button 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; +} +.bfe55a0aaaf62375-root .cf09d85aafe7e124-videoControls ._201d5e8a3c09670a-button 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 + * + */ +.bba88350df28dff1-toolbar { + background-color: var(--popout-color); + border-radius: 22px; + box-shadow: var(--shadow-medium); + overflow: hidden; +} + +.bba88350df28dff1-buttons { + height: auto; + padding: 6px; + gap: 4px; + box-sizing: border-box; +} + +.bba88350df28dff1-button { + width: 32px; + height: 32px; + border-radius: 16px; + color: var(--menu-item-text-color); + transition: var(--default-time) var(--default-animation) background-color !important; +} +.bba88350df28dff1-button:hover { + background-color: var(--menu-item-hover); + color: var(--menu-item-text-color); +} +.bba88350df28dff1-button:hover .bba88350df28dff1-icon { + transform: scale(1); +} +.bba88350df28dff1-button .bba88350df28dff1-icon { + transition: var(--default-time) var(--default-animation) transform; +} + +.bba88350df28dff1-divider { + display: none; +} + +/* 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-medium); +} +.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 + * + */ +.c8ffbb79449f399c-membersWrap, +.c8ffbb79449f399c-container { + background-color: transparent; + border-left: none; +} + +.c8ffbb79449f399c-members, .c8ffbb79449f399c-members > div { + background: transparent; +} +.c8ffbb79449f399c-members ._91a9d7f7e5248a56-childContainer { + height: 100%; + padding: 0; + background-color: transparent !important; +} +.c8ffbb79449f399c-members ._91a9d7f7e5248a56-container { + width: 100%; + height: 42px; + margin: 0 0 2px 0; + padding: 0; +} +.c8ffbb79449f399c-members ._91a9d7f7e5248a56-container, +.c8ffbb79449f399c-members ._91a9d7f7e5248a56-container ._91a9d7f7e5248a56-layout { + border-radius: var(--channel-radius); +} +.c8ffbb79449f399c-members ._91a9d7f7e5248a56-container ._91a9d7f7e5248a56-layout { + width: calc(100% - (var(--scrollbar-width) + 2px)); + margin-left: 8px; + padding: 0 8px 0 8px; + transition: 200ms ease all; +} +.c8ffbb79449f399c-members ._91a9d7f7e5248a56-container:hover ._91a9d7f7e5248a56-layout { + background-color: var(--menu-item-hover); +} +.c8ffbb79449f399c-members ._91a9d7f7e5248a56-container._91a9d7f7e5248a56-selected ._91a9d7f7e5248a56-layout { + background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity)); +} + +._5d473ecff348c314-member { + max-width: 100%; + background: transparent !important; +} +._5d473ecff348c314-member:hover ._91a9d7f7e5248a56-childContainer { + background-color: transparent; +} + +._5d473ecff348c314-memberInner { + height: 100%; +} + +.c8ffbb79449f399c-membersGroup { + font-size: 14px !important; + text-transform: none !important; +} + +._82f0793afa59e5dc-botTag { + border-radius: 8px !important; +} +._82f0793afa59e5dc-botTag._82f0793afa59e5dc-botTagRegular { + background-color: hsl(var(--accent-hsl--material-you)); + color: var(--accent-text-color--material-you); +} +._82f0793afa59e5dc-botTag ._82f0793afa59e5dc-botTagVerified path { + fill: var(--accent-text-color--material-you); +} + +/* MEMBERS LIST -> ACTIVITIES */ +._0f2e83213c878a13-container { + padding: 8px 8px 8px 12px; + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); + border: none; + transition: var(--default-time) var(--default-animation) background-color; +} +._0f2e83213c878a13-container:hover { + background-color: var(--card-color-hover); +} +._0f2e83213c878a13-container ._0f2e83213c878a13-thumbnail { + border-radius: calc(var(--card-radius-big) / 1.6); +} + +/* + * + * SEARCH RESULTS + * + */ +.a9e7064fdee8e9b0-searchResultsWrap { + margin: 12px 12px 12px 8px; + background-color: var(--main-alt); + border-radius: var(--popout-radius-big); + border: none; +} + +/* SEARCH RESULTS -> HEADER */ +.f3b986a284a18c78-searchHeader { + --search-header-padding: 16px; + height: var(--search-header-height); + margin: 8px 8px -8px; + padding: 0 calc(var(--search-header-padding) / 2) 0 var(--search-header-padding); + background-color: var(--card-color-filled); + border-radius: calc(var(--popout-radius-big) - 8px); + border-bottom: none; + box-shadow: var(--shadow-soft); +} + +.f3b986a284a18c78-searchHeaderTabList { + height: 100%; + --nav-button-height: calc(var(--search-header-height) - var(--search-header-padding)); + --nav-button-big-radius: calc(var(--nav-button-height) / 2); + --nav-button-small-radius: calc(var(--nav-button-height) / 5); + padding: 0; + background-color: transparent; + border-radius: 0; + gap: 2px; +} +.f3b986a284a18c78-searchHeaderTabList .aa8da23faa27393c-item { + display: flex; + min-width: calc(var(--button-height) + var(--space-8)); + height: var(--nav-button-height); + padding-top: 0; + padding-bottom: 0; + background-color: var(--accent-secondary-color) !important; + border-radius: var(--nav-button-small-radius); + color: var(--accent-secondary-text-color); + justify-content: center; + transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color, var(--default-time) var(--default-animation) border-radius; +} +.f3b986a284a18c78-searchHeaderTabList .aa8da23faa27393c-item:first-of-type { + border-radius: var(--nav-button-big-radius) var(--nav-button-small-radius) var(--nav-button-small-radius) var(--nav-button-big-radius); +} +.f3b986a284a18c78-searchHeaderTabList .aa8da23faa27393c-item:last-of-type { + border-radius: var(--nav-button-small-radius) var(--nav-button-big-radius) var(--nav-button-big-radius) var(--nav-button-small-radius); +} +.f3b986a284a18c78-searchHeaderTabList .aa8da23faa27393c-item:hover { + background-color: var(--card-button-color-hover) !important; +} +.f3b986a284a18c78-searchHeaderTabList .aa8da23faa27393c-item.aa8da23faa27393c-selected { + background-color: hsl(var(--accent-hsl--material-you)) !important; + border-radius: var(--nav-button-big-radius); + border: none; + color: var(--accent-text-color--material-you); +} +.f3b986a284a18c78-searchHeaderTabList .aa8da23faa27393c-item { + display: flex; + height: calc(var(--search-header-height) - var(--search-header-padding)); + padding: 0 12px; + align-items: center; +} +.f3b986a284a18c78-searchHeaderTabList .aa8da23faa27393c-item.aa8da23faa27393c-selected:after { + display: none; +} + +/* SEARCH RESULTS -> MESSAGES */ +.a9e7064fdee8e9b0-scroller { + padding: 16px 8px 8px; +} + +.channelName-3w2Y3c { + padding: 8px 8px 8px 12px; + background-color: transparent; + color: var(--card-header-text-color); +} + +._02a39cb2980ceaaf-searchResult { + background-color: transparent; + border-radius: 0; + border: none; +} +._02a39cb2980ceaaf-searchResult .c19a557985eb7793-wrapper { + margin: 0 8px 0 60px !important; + padding: 12px !important; + border-radius: var(--message-radius); +} +._02a39cb2980ceaaf-searchResult .c19a557985eb7793-wrapper:before, ._02a39cb2980ceaaf-searchResult .c19a557985eb7793-wrapper:after { + display: none; +} +._02a39cb2980ceaaf-searchResult .c19a557985eb7793-wrapper .c19a557985eb7793-avatar { + top: 0 !important; + left: -50px !important; +} +._02a39cb2980ceaaf-searchResult .c19a557985eb7793-wrapper.c19a557985eb7793-hasReply .c19a557985eb7793-avatar { + top: 28px !important; +} +._02a39cb2980ceaaf-searchResult .c19a557985eb7793-wrapper.c19a557985eb7793-hasReply .c19a557985eb7793-avatarDecoration { + top: 28px; +} +._02a39cb2980ceaaf-searchResult .c19a557985eb7793-wrapper .c19a557985eb7793-repliedMessage:before { + left: calc((var(--chat-avatar-size) / 2 + var(--message-padding-side) + var(--gutter) / 2) * -1); + border-color: var(--message-color); +} + +._02a39cb2980ceaaf-buttonsContainer { + top: 16px; + right: 18px; +} +._02a39cb2980ceaaf-buttonsContainer ._02a39cb2980ceaaf-button { + padding: 4px 8px; + border-radius: 12px; +} + +.c1521037ef09de7e-pageButton { + transition: var(--default-time) var(--default-animation) background-color; +} +.c1521037ef09de7e-pageButton:hover { + background-color: var(--card-button-color-hover); +} +.c1521037ef09de7e-pageButton:disabled:hover { + background-color: transparent; +} + +.c1521037ef09de7e-activeButton { + background-color: hsl(var(--accent-hsl--material-you)) !important; + color: var(--accent-text-color--material-you) !important; +} + +.c1521037ef09de7e-endButton:first-child, .c1521037ef09de7e-endButton:last-child { + padding: var(--button-padding); +} +.c1521037ef09de7e-endButton:first-child { + --button-padding: 0 16px 0 12px; +} +.c1521037ef09de7e-endButton:first-child .c1521037ef09de7e-iconCaret { + margin-right: 8px; +} +.c1521037ef09de7e-endButton:last-child { + --button-padding: 0 12px 0 16px; +} +.c1521037ef09de7e-endButton:last-child .c1521037ef09de7e-iconCaret { + margin-left: 8px; +} + +/* + * + * STAGE + * + */ +._722ffae0e1be2672-callContainer { + border-radius: var(--card-radius-big); +} + +._6b38f2a3ad7aaedf-container { + 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; +} +._6b38f2a3ad7aaedf-container:hover { + background-color: var(--card-color-hover); +} + +._03273357e0502afa-iconContainer { + background-color: var(--card-color-active); +} + +._71eb2d6ae9535ae3-tileContainer { + border-radius: var(--card-radius-big); + transition: var(--default-time) var(--default-animation) background-color; +} +._71eb2d6ae9535ae3-tileContainer:hover { + background-color: var(--card-color-filled); +} + +.fcb27c03fa39c46e-container ._201d5e8a3c09670a-button { + --button-height: 56px; + --button-padding: 0 24px 0 16px; + --button-radius: calc(var(--button-height) / 2); +} + +.d3c698b246182285-messageContentWrapper { + background-color: var(--message-color); + color: var(--interactive-text-default); +} + +/* + * + * SUMMARIES + * + */ +._0f481cbbd7530492-newTopicsBarTopicSection, +._0f481cbbd7530492-newTopicsBarInitial { + height: var(--button-height); + margin: 0; + padding: var(--button-padding-icon-both); + background-color: var(--accent-secondary-color); + color: var(--accent-secondary-text-color); + border-radius: var(--button-radius); + pointer-events: all; +} + +._0f481cbbd7530492-newTopicsBarTopicSection { + max-width: none; +} + +._0f481cbbd7530492-newTopicsBarInitial { + cursor: pointer; +} + +._0f481cbbd7530492-newTopicsBarTextClickable { + height: inherit; + cursor: pointer; +} +._0f481cbbd7530492-newTopicsBarTextClickable > div { + height: inherit; + background-color: transparent; + gap: 8px; +} + +._0f481cbbd7530492-newTopicsBarIcon, +._0f481cbbd7530492-newTopicsBarCaret { + margin: 0; +} + +._0f481cbbd7530492-newTopicsBarText { + color: inherit; +} + +._0f481cbbd7530492-newTopicsBarCaret { + padding: 0; +} + +/* SUMMARIES -> NO NEW MESSAGES */ +._0f481cbbd7530492-topicsPillContainer { + height: var(--button-height); + top: var(--space-16); + background-color: transparent; + box-shadow: none; + pointer-events: none; +} + +._0f481cbbd7530492-topicsPill { + align-items: center; + justify-content: center; + gap: var(--space-8); +} + +._0f481cbbd7530492-topicsPillText, +._0f481cbbd7530492-topicsPillCarets { + height: var(--button-height); + border-radius: var(--button-radius); + pointer-events: all; +} + +._0f481cbbd7530492-topicsPillText { + flex: 0 1 auto; + padding: var(--button-padding-icon-both); + background-color: var(--accent-secondary-color); + align-items: center; +} +._0f481cbbd7530492-topicsPillText > div { + padding-left: 0; + gap: 8px; +} +._0f481cbbd7530492-topicsPillText:hover ._0f481cbbd7530492-topicsPillDropdownCaret { + color: var(--accent-secondary-text-color); +} +._0f481cbbd7530492-topicsPillText ._0f481cbbd7530492-topicsPillTextSelected { + height: 18px; + background-color: transparent; +} +._0f481cbbd7530492-topicsPillText ._0f481cbbd7530492-topicsPillSummaryIcon { + margin-right: 0; +} +._0f481cbbd7530492-topicsPillText ._0f481cbbd7530492-topicsPillTextTitle, +._0f481cbbd7530492-topicsPillText ._0f481cbbd7530492-topicsPillDropdownCaret { + color: var(--accent-secondary-text-color); +} +._0f481cbbd7530492-topicsPillText ._0f481cbbd7530492-topicsPillDropdownCaret { + margin-right: 0; + padding-left: 0; +} + +._0f481cbbd7530492-topicsPillCarets { + height: var(--button-height); + padding-right: 0; + gap: 2px; +} + +._0f481cbbd7530492-topicsCaretLeft { + border-radius: var(--button-radius) 4px 4px var(--button-radius); +} + +._0f481cbbd7530492-topicsCaretRight { + border-radius: 4px var(--button-radius) var(--button-radius) 4px; +} + +._0f481cbbd7530492-topicsPillCaret { + background-color: hsl(var(--accent-hsl--material-you)); + color: var(--accent-text-color--material-you) !important; + border: none; +} +._0f481cbbd7530492-topicsPillCaret._0f481cbbd7530492-topicsPillCaretDisabled { + opacity: 0.3; +} +._0f481cbbd7530492-topicsPillCaret:hover { + background-color: hsl(var(--accent-hsl--material-you)); +} + +/* + * + * MAIN TEXTAREA + * + */ +.f75fb00fb7356cbe-form { + margin-top: 0 !important; + padding: 0; +} +.f75fb00fb7356cbe-form:before, .f75fb00fb7356cbe-form:after { + display: none; +} +.f75fb00fb7356cbe-form ._740174f3d6a2c8fe-channelTextArea { + margin: 12px 0; + background-color: var(--main-textarea-color); + border-radius: var(--main-textarea-radius); + border: none; + box-shadow: none; +} +.f75fb00fb7356cbe-form ._740174f3d6a2c8fe-channelTextArea._740174f3d6a2c8fe-channelTextAreaDisabled { + opacity: 0.8; +} +.f75fb00fb7356cbe-form ._740174f3d6a2c8fe-channelTextArea._740174f3d6a2c8fe-channelTextAreaDisabled ._740174f3d6a2c8fe-scrollableContainer { + margin-right: var(--main-textarea-inner-padding); + scrollbar-width: none; +} +.f75fb00fb7356cbe-form ._740174f3d6a2c8fe-channelTextArea._740174f3d6a2c8fe-channelTextAreaDisabled ._740174f3d6a2c8fe-inner { + padding-left: 0; + padding-right: 0; +} +.f75fb00fb7356cbe-form ._740174f3d6a2c8fe-channelTextArea._740174f3d6a2c8fe-channelTextAreaDisabled .ec4baf0360ff3578-slateTextArea { + margin-left: var(--space-16); +} +.f75fb00fb7356cbe-form ._740174f3d6a2c8fe-channelTextArea._740174f3d6a2c8fe-channelTextAreaDisabled ._740174f3d6a2c8fe-textAreaSlate { + width: calc(100% + var(--scrollbar-width)); + height: var(--custom-channel-textarea-text-area-height) !important; + margin-right: 0; +} +.f75fb00fb7356cbe-form ._740174f3d6a2c8fe-channelTextArea._740174f3d6a2c8fe-channelTextAreaDisabled ._1b31f471f0bb10ab-placeholder { + line-height: var(--custom-channel-textarea-text-area-height); + padding: 0; +} +.f75fb00fb7356cbe-form ._740174f3d6a2c8fe-scrollableContainer { + min-height: calc(var(--main-textarea-height) - var(--main-textarea-inner-padding) * 2); + margin: var(--main-textarea-inner-padding) 0 var(--main-textarea-inner-padding) var(--main-textarea-inner-padding); + background-color: var(--main-textarea-color); + border-radius: calc(var(--main-textarea-radius) - var(--main-textarea-inner-padding)); + opacity: 1; +} +.f75fb00fb7356cbe-form ._740174f3d6a2c8fe-scrollableContainer._740174f3d6a2c8fe-hasStackedBar { + border-radius: 0 0 var(--main-textarea-radius) calc(var(--main-textarea-radius) / 2); +} +.f75fb00fb7356cbe-form ._740174f3d6a2c8fe-textAreaSlate { + min-height: calc(var(--main-textarea-height) - var(--main-textarea-inner-padding) * 2); + margin-left: calc(var(--main-textarea-inner-padding) * 2); + margin-right: var(--main-textarea-inner-padding); + background-color: var(--main-textarea-inner-color); + border-radius: calc(var(--main-textarea-radius) - var(--main-textarea-inner-padding)); +} +.f75fb00fb7356cbe-form .ec4baf0360ff3578-slateTextArea { + min-height: calc(var(--main-textarea-height) - var(--main-textarea-inner-padding) * 2); + margin-left: var(--main-textarea-height); + padding: calc((var(--main-textarea-height) - var(--main-textarea-inner-padding) * 2 - var(--chat-markup-line-height)) / 2) var(--space-16) calc((var(--main-textarea-height) - var(--main-textarea-inner-padding) * 2 - var(--chat-markup-line-height)) / 2) 0; +} +.f75fb00fb7356cbe-form ._740174f3d6a2c8fe-textAreaDisabled ._1b31f471f0bb10ab-placeholder { + padding-left: 16px; +} +.f75fb00fb7356cbe-form ._740174f3d6a2c8fe-inner { + padding-left: var(--main-textarea-inner-padding); + padding-right: calc(var(--main-textarea-inner-padding)); + overflow: hidden; +} +.f75fb00fb7356cbe-form ._1b31f471f0bb10ab-editor { + color: var(--interactive-text-default); +} +.f75fb00fb7356cbe-form .attachedBars_bdf0de { + position: relative; + background-color: var(--main-textarea-color); + border-radius: var(--main-textarea-radius) var(--main-textarea-radius) 0 0; + border-bottom: none; +} +.f75fb00fb7356cbe-form .attachedBars_bdf0de:after { + position: absolute; + content: " "; + width: calc(100% - 24px); + height: 1px; + left: 0; + bottom: 0; + margin: 0 12px; + background-color: var(--main-textarea-border); +} +.f75fb00fb7356cbe-form .attachedBars_bdf0de ._841c8f861f7b2704-replyBar { + background-color: transparent; + border-radius: 0; +} +.f75fb00fb7356cbe-form .attachedBars_bdf0de ._841c8f861f7b2704-separator { + background-color: var(--main-textarea-border); +} +.f75fb00fb7356cbe-form .attachedBars_bdf0de ._201d5e8a3c09670a-colorLink, .f75fb00fb7356cbe-form .attachedBars_bdf0de .colorLink_c9946a { + color: hsl(var(--accent-hsl)); +} +.f75fb00fb7356cbe-form .attachedBars_bdf0de + ._740174f3d6a2c8fe-scrollableContainer { + border-radius: 0 0 var(--main-textarea-radius) var(--main-textarea-radius); +} +.f75fb00fb7356cbe-form ._0923f156a0410684-attachWrapper { + width: calc(var(--main-textarea-height) - var(--main-textarea-inner-padding) * 2); + height: calc(var(--main-textarea-height) - var(--main-textarea-inner-padding) * 2); + margin-right: calc((var(--main-textarea-height) + var(--main-textarea-inner-padding)) * -1); + padding: 0; + z-index: 2; +} +.f75fb00fb7356cbe-form ._0923f156a0410684-attachButton { + width: inherit; + height: inherit; + margin: 0; + padding: 0; +} +.f75fb00fb7356cbe-form ._0923f156a0410684-attachButtonInner { + display: flex; + width: inherit; + height: inherit; + align-items: center; + justify-content: center; + box-sizing: border-box; +} +.f75fb00fb7356cbe-form ._0923f156a0410684-attachButtonPlus { + d: path("M440-280h80v-160h160v-80H520v-160h-80v160H280v80h160v160Zm40 200q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"); + transform: translate(-12px, 12px) scale(0.025); +} +.f75fb00fb7356cbe-form ._4d3a93bb8f6e0dd9-wrapper { + margin-left: 0; + margin-right: calc((32px + var(--main-textarea-inner-padding)) * -1); + z-index: 2; +} +.f75fb00fb7356cbe-form ._4d3a93bb8f6e0dd9-icon { + display: flex; + width: 32px; + height: var(--custom-channel-textarea-text-area-height); + padding: 0; + align-items: center; + justify-content: center; +} +.f75fb00fb7356cbe-form .b8880176888cc928-typing { + position: absolute; + width: calc(100% - (var(--scrollbar-width) + var(--space-32))); + top: -16px; + left: 0; + margin-top: 0; + padding: 0 var(--space-16); + background-color: var(--typing-color); + transition: 200ms ease-in-out; +} +.f75fb00fb7356cbe-form .b8880176888cc928-typing .b216994de061a9e2-slowModeIcon { + margin-right: 8px; +} + +._1b31f471f0bb10ab-placeholder { + color: var(--text-muted); +} + +._740174f3d6a2c8fe-floatingBars:empty + ._740174f3d6a2c8fe-stackedBars:nth-child(2) { + border-top-left-radius: var(--main-textarea-radius); + border-top-right-radius: var(--main-textarea-radius); +} + +._740174f3d6a2c8fe-stackedBars { + position: relative; + background-color: var(--main-textarea-color); + border-radius: var(--main-textarea-radius) var(--main-textarea-radius) 0 0; +} +._740174f3d6a2c8fe-stackedBars:after { + position: absolute; + content: " "; + width: calc(100% - 24px); + height: 1px; + left: 0; + bottom: 0; + margin: 0 12px; + background-color: var(--separator-color); +} +._740174f3d6a2c8fe-stackedBars:first-child { + border-radius: var(--main-textarea-radius) var(--main-textarea-radius) 0 0; +} +._740174f3d6a2c8fe-stackedBars:not(:last-child) { + border-bottom: none; +} +._740174f3d6a2c8fe-stackedBars ._841c8f861f7b2704-replyBar { + background: transparent; +} + +.accessoryBar__74017 { + margin: 0 12px; + padding: 0 4px; + border-color: var(--separator-color); +} + +.b77158512e0ab116-channelAttachmentArea { + padding: 12px; + background-color: transparent; +} + +._841c8f861f7b2704-mentionButton { + --text-link: hsl(var(--reply-hsl)); +} + +._841c8f861f7b2704-threadSuggestionBar { + position: relative; + background-color: transparent; + border: none; +} +._841c8f861f7b2704-threadSuggestionBar:before { + position: absolute; + content: " "; + width: calc(100% - 24px); + height: 1px; + top: 0; + left: 0; + margin: 0 12px; + background-color: var(--main-textarea-border); +} +._841c8f861f7b2704-threadSuggestionBar ._841c8f861f7b2704-createThreadButton { + color: hsl(var(--accent-hsl)) !important; +} + +.aa63abf63dbd9cce-buttonContainer .aa63abf63dbd9cce-activeButtonChild { + color: hsl(var(--accent-hsl--material-you)) !important; +} +.aa63abf63dbd9cce-buttonContainer .aa63abf63dbd9cce-sendIcon { + padding-top: 0; +} +.aa63abf63dbd9cce-buttonContainer .aa63abf63dbd9cce-sendIcon 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%); +} + +._44df51b030bd5ece-wrapper { + height: var(--main-textarea-height); + margin: 12px 16px; + padding: 0; + background-color: var(--main-textarea-color); + border-radius: var(--main-textarea-radius); + border: none; +} +._44df51b030bd5ece-wrapper ._44df51b030bd5ece-buttonContainer { + margin-right: 4px; +} + +.ada32f6ad5a36c58-fakeLink { + color: hsl(var(--accent-hsl)); +} + +.aa605f19898fe32e-upload { + background-color: var(--card-color-filled); + border: none; + padding: 8px; + border-radius: var(--card-radius-big); + box-shadow: none; + box-shadow: none; +} +.aa605f19898fe32e-upload .image-1091CL { + border-radius: var(--card-radius-big); +} +.aa605f19898fe32e-upload .f7ecaca5c80dbf3a-wrapper { + background-color: var(--popout-color); + box-shadow: var(--shadow-medium) !important; +} +.aa605f19898fe32e-upload .f7ecaca5c80dbf3a-wrapper:hover { + box-shadow: var(--shadow-medium); +} +.aa605f19898fe32e-upload ._41ea06378162693a-altTag { + border-radius: 10px; +} + +._41ea06378162693a-spoiler { + filter: blur(22px); +} + +.f75fb00fb7356cbe-channelBottomBarArea { + margin: 0; + padding: 0 var(--space-16); + gap: 12px; +} +.f75fb00fb7356cbe-channelBottomBarArea + span + .b8880176888cc928-typing, +.f75fb00fb7356cbe-channelBottomBarArea + .b8880176888cc928-typing { + position: absolute; + width: calc(100% - (var(--scrollbar-width) + var(--space-16) * 3)); + left: unset; + right: var(--space-16); + background-color: var(--typing-color); +} + +._0f481cbbd7530492-messagesErrorBar { + background-color: hsl(var(--alert-hsl)); + border-radius: 22px; + border: none; + color: var(--alert-text-color); + box-shadow: var(--shadow-medium); +} + +/* MAIN TEXTAREA -> APPS AND COMMANDS BUTTON */ +.channelAppLauncher_e6e74f { + width: var(--space-32); + height: auto; + margin: 0; + padding: 0; +} +.channelAppLauncher_e6e74f .e6e74fd4d1221f53-button { + background-color: transparent; + border-radius: 50%; + transition: var(--default-time) var(--default-animation) background; +} +.channelAppLauncher_e6e74f .e6e74fd4d1221f53-button:hover { + background-color: transparent; +} + +/* MAIN TEXTAREA -> BOT COMMANDS */ +.entryPointButtonContainer_f75fb0 { + margin: auto; +} + +.entryPointAppCommandButtonContainer_a83188 { + --button-height: var(--main-textarea-height); + --button-padding: 0; + --button-radius: calc(var(--button-height) / 2); + margin-left: 0; +} + +/* MAIN TEXTAREA -> INVITE TO GAME */ +.b8880176888cc928-activityInviteEducation { + top: -14px; + padding-left: calc(22px + var(--main-textarea-inner-padding)); + overflow: visible; +} +.b8880176888cc928-activityInviteEducation .b8880176888cc928-activityInviteEducationArrow { + transform: rotateX(180deg) translateY(-2px); +} +.b8880176888cc928-activityInviteEducation span { + padding: 2px 8px; + background-color: var(--popout-color); + border-radius: 12px; + box-shadow: var(--shadow-medium); +} + +/* MAIN TEXTAREA -> SPAM FILTER */ +.a2eac324d62a31c3-spamBanner { + 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; +} +.a2eac324d62a31c3-spamBanner .a2eac324d62a31c3-bannerTextContainer { + margin: 0 8px 0 0; +} +.a2eac324d62a31c3-spamBanner .a2eac324d62a31c3-actionButtons { + width: auto; + margin: 0; +} + +/* MAIN TEXTAREA -> INTRODUCTION */ +._183e81c0d76dd7cd-banner { + margin-top: 12px; + padding: 12px 16px; + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); +} +._183e81c0d76dd7cd-banner .cf48127484dbde85-text-md\/semibold { + font-weight: 500; +} +._183e81c0d76dd7cd-banner ._183e81c0d76dd7cd-iconCircle { + width: var(--button-height); + height: var(--button-height); + background-color: hsl(var(--accent-hsl--material-you)); + border-radius: var(--button-radius); +} +._183e81c0d76dd7cd-banner ._183e81c0d76dd7cd-iconCircle ._183e81c0d76dd7cd-nextIcon { + width: 20px; + height: 20px; +} +._183e81c0d76dd7cd-banner ._183e81c0d76dd7cd-iconCircle ._183e81c0d76dd7cd-nextIcon polygon { + fill: var(--accent-text-color--material-you); +} + +/* MAIN TEXTAREA -> BUTTONS */ +._740174f3d6a2c8fe-button, +.e6e74fd4d1221f53-button, +._04eede68d145ae81-spriteGreyscale { + --interactive-text-default: var(--main-textarea-button-color); + --interactive-hover: var(--main-textarea-button-color); + --interactive-active: var(--main-textarea-button-color); +} + +._740174f3d6a2c8fe-button, +.e6e74fd4d1221f53-button { + display: flex; + min-height: calc(var(--custom-channel-textarea-text-area-height) - 6px); + justify-content: center; + align-items: center; +} + +/* MAIN TEXTAREA -> BUTTON RIPPLE */ +._24af7f4d0326ba4f-button, +._04eede68d145ae81-emojiButton, +.channelAppLauncher_e6e74f { + position: relative; +} +._24af7f4d0326ba4f-button:before, +._04eede68d145ae81-emojiButton:before, +.channelAppLauncher_e6e74f:before { + 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; +} +._24af7f4d0326ba4f-button:hover:before, +._04eede68d145ae81-emojiButton:hover:before, +.channelAppLauncher_e6e74f:hover:before { + opacity: 1; + transform: scale(1); + animation: scale 150ms var(--default-animation), opacity 150ms ease; +} +._24af7f4d0326ba4f-button:active:before, +._04eede68d145ae81-emojiButton:active:before, +.channelAppLauncher_e6e74f:active:before { + background-color: hsl(var(--md-ripple-color), 0.2); +} + +._24af7f4d0326ba4f-button._0923f156a0410684-attachButton:hover:before { + transform: scale(0.8); +} + +._24af7f4d0326ba4f-button:not(._24af7f4d0326ba4f-noHover):hover, +._0923f156a0410684-attachButtonInner:hover, +._04eede68d145ae81-emojiButton:hover, +.e6e74fd4d1221f53-buttonContainer:hover { + background-color: transparent; +} + +._740174f3d6a2c8fe-buttons { + gap: var(--space-4); + align-items: center; + justify-content: center; +} +._740174f3d6a2c8fe-buttons ._24af7f4d0326ba4f-button, +._740174f3d6a2c8fe-buttons ._04eede68d145ae81-emojiButton, +._740174f3d6a2c8fe-buttons .channelAppLauncher_e6e74f { + height: calc(var(--custom-channel-textarea-text-area-height) - 6px); + min-width: calc(var(--custom-channel-textarea-text-area-height) - 6px); +} + +/* + * + * THREAD + * + */ +._01ae244280823725-resizeHandle { + background: var(--main-alt); +} + +._01ae244280823725-container { + background-color: var(--chat-color); + border-radius: var(--card-radius-big) var(--card-radius-big) 0; + border: none; +} +._01ae244280823725-container._01ae244280823725-floating { + filter: drop-shadow(-8px 0 10px hsl(var(--black-500-hsl)/0.125)); +} + +.fb64c9a451c49797-container { + background: var(--chat-color); +} + +.a5700d36f7c29ded-chatHeaderBar { + background-color: var(--chat-color); + border-bottom: 1px solid var(--card-border-color); +} + +.fb64c9a451c49797-scrollerInner { + margin-bottom: 16px; +} +.fb64c9a451c49797-scrollerInner .c19a557985eb7793-wrapper.c19a557985eb7793-cozy:not(._5126c0cd07f243a0-message) .c19a557985eb7793-avatar { + left: -52px; +} + +.fb64c9a451c49797-channelTextArea { + margin: 0 16px 12px; + background-color: transparent; +} +.fb64c9a451c49797-channelTextArea ._1b31f471f0bb10ab-placeholder { + color: var(--input-placeholder-color); +} + +.fb64c9a451c49797-channelTextAreaInner { + max-height: 200px; + background-color: var(--main-textarea-color); + border-radius: var(--main-textarea-radius); +} +.fb64c9a451c49797-channelTextAreaInner ._740174f3d6a2c8fe-inner { + padding-left: 16px; +} +.fb64c9a451c49797-channelTextAreaInner ._740174f3d6a2c8fe-buttons { + margin-right: 0; +} + +._9271d23503a01b50-container { + background-color: var(--attachment-color); + border: none; +} + +/* + * + * BETTERDISCORD PLUGIN -> BetterAnimations + * + */ +[class*=BA__module] .c19a557985eb7793-wrapper:not(._5126c0cd07f243a0-groupStart) { + border-radius: var(--message-radius); +} +[class*=BA__module] .c19a557985eb7793-wrapper:before, [class*=BA__module] .c19a557985eb7793-wrapper:after { + display: none; +} +[class*=BA__module] .c19a557985eb7793-cozy:not(._5126c0cd07f243a0-groupStart) { + margin-top: 2px; + padding: var(--message-padding-top) var(--message-padding-side) !important; +} + +/* + * + * 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 .aa8da23faa27393c-item { + height: 46px; + padding: 0 8px; + line-height: 46px; +} +.ChannelDms-channelmembers-wrap .e6b7699ce8339e1c-privateChannels { + width: 240px; +} +.ChannelDms-channelmembers-wrap ._99e7cad8d4c55236-privateChannelsHeaderContainer { + padding: 18px 8px 4px 16px; +} +.ChannelDms-channelmembers-wrap ._972a0d22c8afa7f0-channel { + margin-left: 8px; + margin-right: 0; + border-radius: 21px 0 0 21px; +} +.ChannelDms-channelmembers-wrap ._972a0d22c8afa7f0-channel .bf202d63ad53e289-interactive { + 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-medium) !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-medium); +} +.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 + * + */ +.f75fb00fb7356cbe-chatContent .charCounterAdded-zz9O4t ._740174f3d6a2c8fe-channelTextArea { + margin-bottom: 0 !important; +} +.f75fb00fb7356cbe-chatContent .charCounterAdded-zz9O4t ._740174f3d6a2c8fe-channelTextArea ._740174f3d6a2c8fe-scrollableContainer { + border-radius: var(--main-textarea-radius) var(--main-textarea-radius) 0 0; +} +.f75fb00fb7356cbe-chatContent .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; +} +.f75fb00fb7356cbe-chatContent .counter-uAzbKp:before { + position: absolute; + content: " "; + width: calc(100% - 24px); + height: 1px; + top: 0; + left: 12px; + background-color: var(--main-textarea-border); +} +.f75fb00fb7356cbe-chatContent .counter-uAzbKp.chatCounter-XOMPsh { + position: relative; + bottom: auto; + margin-bottom: 12px; +} + +/* + * + * BETTERDISCORD PLUGIN -> HideChannels + * + */ +._5e434347c823b592-sidebar.hideElement ._37e49614b9f110a9-container { + height: 52px !important; + margin-bottom: 0 !important; + background-color: var(--chat-color) !important; +} +._5e434347c823b592-sidebar.hideElement + .f75fb00fb7356cbe-chat { + border-top-left-radius: var(--card-radius-big); +} +._5e434347c823b592-sidebar.hideElement + .f75fb00fb7356cbe-chat .b8880176888cc928-typing { + width: calc(100% + 240px); + left: -240px; +} + +/* + * + * BETTERDISCORD PLUGIN -> ImageUtilities + * + */ +.c1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-item { + /* SUBMENU WITH ARROW */ +} +.c1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-item#message-imageutilities-copy-link:after { + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/content_copy.svg); +} +.c1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-item#message-imageutilities-copy-media-link:after { + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/content_copy.svg); +} +.c1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-item#message-imageutilities-open-link:after { + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/open_in_new.svg); +} +.c1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-item#message-imageutilities-copy-file:after { + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/image_copy.svg); +} +.c1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-item#message-imageutilities-view-file:after { + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/image_view.svg); +} +.c1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-item#message-imageutilities-download-file-as:before { + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/save.svg); +} +.c1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-item#message-imageutilities-submenu-search:before { + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/search.svg); +} +.c1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-item#message-imageutilities-main-subitem:before { + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/image_view.svg); +} +.c1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-item#user-context-imageutilities-main-subitem: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 .c8ffbb79449f399c-membersGroup { + padding: 16px; + line-height: 14px; +} + +.c8ffbb79449f399c-membersWrap.hasCounter .c8ffbb79449f399c-members { + 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(--interactive-text-default) !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(--interactive-text-default); + 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-medium) !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-medium); +} +.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 .ab66419eae73260f-tab { + height: 32px; + margin-right: 16px; + padding: 0; +} +.themedPopout-1TrfdI .ab66419eae73260f-tab:first-child { + margin-right: 16px; +} +.themedPopout-1TrfdI .ab66419eae73260f-tabBar .aa8da23faa27393c-item { + 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; +} +.button_coQXfM[style="background-color: var(--status-positive);"] { + background-color: rgba(255, 255, 255, 0.15) !important; + color: #fff; +} +.button_coQXfM[style="background-color: var(--status-danger);"] { + background-color: hsl(var(--alert-hsl)) !important; + color: var(--alert-text-color); +} +.button_coQXfM .statIcon_o40EX1 { + margin-right: 0; +} + +/* + * + * BETTERDISCORD PLUGIN -> ShowAllActivities + * + */ +.custom-user-profile-theme .wrapper .controls { + --popout-color: var(--profile-body-background-color); +} +.custom-user-profile-theme .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_791eb8 { + border-radius: calc(var(--sidebar-panel-radius-big) / 1.6); + transform: translateY(0) !important; +} + +.container_791eb8 { + margin-bottom: 2px; + background-color: var(--sidebar-panel-color); + border-radius: var(--sidebar-panel-radius-small); + border-bottom: none !important; +} +.container_791eb8.maximized_791eb8 .coverWrapper_791eb8 { + top: -2px; + border-radius: var(--card-radius-big); +} +.container_791eb8 .cf48127484dbde85-text-sm\/normal { + color: var(--text-subtle); +} + +.timeline_791eb8 { + margin: 16px 0 8px; +} +.timeline_791eb8:hover .barFill_791eb8 { + background-color: hsl(var(--accent-hsl--material-you)); +} +.timeline_791eb8:hover .grabber_791eb8 { + display: flex; +} +.timeline_791eb8:hover .grabber_791eb8:before { + background-color: hsl(var(--accent-hsl--material-you)); +} + +.barFill_791eb8 { + transition: var(--default-time) ease width, var(--default-time) var(--default-animation) background-color; +} + +.grabber_791eb8 { + --slider-grabber-height: 20px; + --slider-grabber-background: var(--sidebar-panel-color); + display: flex; + width: var(--slider-width); + height: var(--slider-grabber-height); + top: calc((var(--slider-grabber-height) / 2 - 2px) * -1); + margin-top: 0; + background-color: var(--slider-grabber-background); + border-radius: 0; + border: none; + transform: translateX(0); + justify-content: center; + box-shadow: none !important; + z-index: 3; + transition: var(--default-time) ease left; +} +.grabber_791eb8:before { + position: absolute; + content: " "; + width: calc(var(--slider-width) / 4); + height: 100%; + top: 0; + background-color: var(--text-secondary); + border-radius: calc(var(--slider-width) / 8); + transition: var(--default-time) var(--default-animation) background-color; +} + +.bar_791eb8 { + margin-bottom: 16px; +} + +/* 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 .vc-spotify-button-row { + gap: 8px !important; +} +#vc-spotify-player .vc-spotify-button { + color: var(--interactive-text-default) !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-player ._5a8382cf5c9d77df-container { + background-color: transparent; +} + +#vc-spotify-progress-bar { + --slider-height: 6px; + --slider-grabber-height: 32px; + --slider-grabber-background: var(--sidebar-panel-color); +} +#vc-spotify-progress-bar ._5a8382cf5c9d77df-control { + position: relative; + width: calc(100% - 84px); + left: 42px; +} + +.vc-spotify-progress-time { + top: 0; +} + +.e131a99484292a19-wrapper:empty + #vc-spotify-player { + border-top-left-radius: var(--card-radius-big); + border-top-right-radius: var(--card-radius-big); +} + +#vc-spotify-album-expanded-wrapper { + margin: -12px -12px 0; +} +#vc-spotify-album-expanded-wrapper img { + border-radius: var(--card-radius-big) !important; +} + +._5e434347c823b592-activityPanel + .e131a99484292a19-wrapper:empty + #vc-spotify-player #vc-spotify-album-expanded-wrapper img, +.e131a99484292a19-wrapper:not(:empty) + #vc-spotify-player #vc-spotify-album-expanded-wrapper img { + border-radius: 4px !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-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(--interactive-text-default); +} +.bd-search-wrapper .bd-search::-webkit-input-placeholder { + font-family: var(--app-font); +} + +.bd-addon-title > span { + border-radius: 8px; +} +.bd-addon-title[data-showing-store=true] > span:first-child { + transition: var(--default-time) var(--default-animation) background-color; +} +.bd-addon-title[data-showing-store=true] > span:first-child:hover { + background-color: var(--menu-item-hover); +} + +.bd-addon-views .bd-view-button { + background-color: transparent !important; +} +.bd-addon-views .bd-view-button:not(.selected) svg[fill] { + fill: var(--interactive-text-default); +} +.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); + box-shadow: none; + color: var(--interactive-text-default); + 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 { + margin: 16px 0 32px 0; + grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); + gap: 16px clamp(8px, 2vw, 16px); + justify-content: center; +} +.bd-addon-list .bd-addon-card { + margin-bottom: 16px; +} + +.bd-addon-card { + background-color: var(--card-color-filled) !important; + border: none !important; + padding: 0 !important; + border-radius: var(--card-radius-big) !important; + box-shadow: none !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; + border-bottom: none; + gap: 8px; +} +.bd-addon-card .bd-addon-header .bd-icon { + margin-right: 0; +} +.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(--interactive-text-default); +} +.bd-addon-card .bd-controls .bd-button:not([disabled]):hover { + background-color: var(--card-button-color-hover) !important; +} +.bd-addon-card path[d="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"] { + d: path("M13.545 2.907a13.2 13.2 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.2 12.2 0 0 0-3.658 0 8 8 0 0 0-.412-.833.05.05 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.04.04 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032q.003.022.021.037a13.3 13.3 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019q.463-.63.818-1.329a.05.05 0 0 0-.01-.059l-.018-.011a9 9 0 0 1-1.248-.595.05.05 0 0 1-.02-.066l.015-.019q.127-.095.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.05.05 0 0 1 .053.007q.121.1.248.195a.05.05 0 0 1-.004.085 8 8 0 0 1-1.249.594.05.05 0 0 0-.03.03.05.05 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.2 13.2 0 0 0 4.001-2.02.05.05 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.03.03 0 0 0-.02-.019m-8.198 7.307c-.789 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612m5.316 0c-.788 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612"); + transform: scale(1.25) translate(2px, 2px); +} + +.bd-links { + gap: 10px; +} +.bd-links .bd-addon-button + .bd-addon-button { + margin: 0; +} + +.bd-description-wrap .banner { + margin-bottom: 16px; + padding: 8px; + border-radius: calc(var(--card-radius-big) / 1.5); + border: none; + color: var(--interactive-text-default); +} + +.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: 0 var(--input-padding); + background-color: var(--input-color); + border-radius: calc(var(--input-height) / 2); + border: none; + box-shadow: none; + font-size: 1em; +} +.bd-addon-modal .bd-select:focus-within { + box-shadow: none; +} + +/* + * + * BETTERDISCORD BUTTONS + * + */ +.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-filled.bd-button-color-red, .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-button-blank { + --button-background: transparent; + --button-shadow: none !important; + --button-text-color: var(--interactive-text-default); +} + +.bd-button-medium, +.bd-button-large { + min-width: var(--button-height); + height: var(--button-height); + min-height: var(--button-height); +} + +/* + * + * BETTERDISCORD SETTINGS + * + */ +.bd-settings-title { + color: var(--header-primary); +} + +.bd-settings-group.collapsible { + margin-bottom: var(--space-8); + padding: var(--space-16); + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); +} +.bd-settings-group.collapsible.expanded .bd-settings-container { + margin-top: var(--space-24); +} +.bd-settings-group.collapsible .bd-settings-group-title { + margin-bottom: 0; + font-size: 18px; + font-weight: 400; + cursor: pointer; +} +.bd-settings-group.collapsible .bd-settings-group-title:before { + display: none; +} +.bd-settings-group.collapsible .bd-settings-container { + transition: var(--default-time) var(--default-animation) height, var(--default-time) var(--default-animation) margin-top; +} +.bd-settings-group.collapsible .bd-setting-item:last-of-type { + margin-bottom: 0; +} +.bd-settings-group.collapsible .bd-setting-item:last-of-type .bd-divider { + display: none; +} +.bd-settings-group ~ .bd-settings-group .bd-settings-title { + margin-top: 0; +} + +.bd-settings-title.bd-settings-group-title { + text-transform: none; +} + +.bd-divider { + border-top: thin solid var(--card-border-color); +} + +/* + * + * 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 { + outline: none; +} +.monaco-editor, +.monaco-editor .monaco-editor-background, +.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; +} +.monaco-editor .minimap.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), monospace; + font-optical-sizing: auto; + font-weight: 300; + font-style: normal; +} +.monaco-editor .codicon[class*=codicon-], +.ace_editor .codicon[class*=codicon-], +.line-numbers .codicon[class*=codicon-] { + font-family: codicon !important; +} + +/* + * + * BETTERDISCORD ERRORS + * + */ +.bd-error-modal-header { + padding: 24px 24px 0 !important; + border-bottom: 1px solid var(--popout-header-border); +} +.bd-error-modal-header .size14_a4e6b9 { + 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-text-default); +} +.bd-tab-bar .bd-tab-item, .bd-tab-bar .bd-tab-item:hover, .bd-tab-bar .bd-tab-item.selected { + background-color: transparent; +} +.bd-tab-bar .bd-tab-item:hover { + color: var(--interactive-text-hover); +} +.bd-tab-bar .bd-tab-item.selected { + position: relative; + background-color: transparent !important; + border: none; + color: var(--interactive-text-default); +} +.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; + 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 !important; + border-radius: var(--card-radius-big) !important; + box-shadow: none !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-root { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + border: none; + box-shadow: var(--shadow-medium); +} +.bd-modal-root .d285a61ed580c689-paragraph { + color: var(--interactive-text-default); +} +.bd-modal-root .bd-modal-footer { + background-color: transparent; + box-shadow: none; + gap: 8px; +} +.bd-modal-root .bd-settings-group { + --slider-grabber-background: var(--card-color-filled); +} + +.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(--interactive-text-default); +} +.bd-modal-content.bd-scroller-thin { + padding: 0 16px 0 24px; +} + +.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; +} + +/* + * + * BETTERDISCORD NOTICES + * + */ +#bd-notices { + position: absolute; + top: var(--space-8); + right: var(--space-8); + z-index: 1001; +} +#bd-notices:has(.bd-notice) { + width: auto; + left: unset; +} + +._5e434347c823b592-base:has(#bd-notices .bd-notice) { + margin-top: 0; +} + +.bd-notice { + display: flex; + max-width: 25vw; + height: auto; + line-height: normal; + flex-direction: column; + padding: 16px; + gap: 16px; + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + box-shadow: var(--shadow-medium); +} +.bd-notice:first-child { + border-radius: var(--popout-radius-big); +} +.bd-notice:not(:only-child):last-child { + margin-top: 8px; +} +.bd-notice .bd-notice-close { + width: 18px; + height: 18px; + top: 16px; + right: 16px; + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/close.svg); + -webkit-mask-repeat: no-repeat; + background-color: var(--header-secondary); + background-image: none; + -webkit-mask-position: center; + mask-position: center; + opacity: 0.75; +} +.bd-notice .bd-notice-content { + margin-right: 30px; + font-size: 1.25em; + font-weight: 400; + color: var(--header-primary) !important; + text-align: left; +} +.bd-notice .bd-notice-button { + display: flex; + height: var(--button-height); + line-height: var(--button-height); + top: 0; + margin: 0; + justify-content: center; + background-color: hsl(var(--accent-hsl--material-you)) !important; + border-radius: var(--button-radius); + border: none; + color: var(--accent-text-color--material-you); + font-size: 1em; + font-weight: 500; +} + +#bd-notifications-root { + padding: 0; +} + +.bd-notification-top-right { + top: calc(var(--custom-app-top-bar-height) + var(--space-16)); + right: var(--space-16); +} + +.bd-notification { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + border: none; + box-shadow: var(--shadow-medium); + overflow: hidden; +} + +.bd-notification-close { + top: var(--space-16); + right: var(--space-16); +} + +.bd-notification-content { + padding: var(--space-24) var(--space-24) 0; +} + +.bd-notification-footer { + padding: var(--space-16) var(--space-24) calc(var(--space-24) - var(--space-4)); + background-color: transparent; +} + +.bd-notification-progress { + height: var(--space-4); + margin-top: 0; +} +.bd-notification-progress[style*="background-color: var(--bd-brand)"] { + background-color: hsl(var(--accent-hsl)) !important; +} + +/* + * + * BETTERDISCORD SELECT MENU + * + */ +.bd-select, +.bd-label { + 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-medium); + 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); +} + +/* + * + * BETTERDISCORD ADDON STORE + * + */ +.bd-store-card { + margin: 16px 0; + gap: 12px; + 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; +} +.bd-store-card:hover { + background-color: var(--card-color-hover); +} +.bd-store-card .bd-store-card-icon { + background-color: var(--card-button-color); +} +.bd-store-card .bd-store-card-body { + margin-left: 0; +} + +.bd-addon-store { + margin: 16px 0 32px 0; + grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); + gap: 16px clamp(8px, 2vw, 16px); + justify-content: center; +} + +.bd-addon-store-card { + max-width: none; + background-color: var(--card-color-filled) !important; + border: none !important; + padding: 0 !important; + border-radius: var(--card-radius-big) !important; + transition: var(--default-time) var(--default-animation) background-color !important; +} +.bd-addon-store-card:hover { + background-color: var(--card-color-hover) !important; +} +.bd-addon-store-card:hover { + transform: none !important; + box-shadow: var(--shadow-medium) !important; +} +.bd-addon-store-card:hover .bd-addon-store-card-author-mask { + background-color: var(--card-color-hover) !important; +} +.bd-addon-store-card:hover .bd-addon-store-card-author-mask foreignObject { + mask: none; +} +.bd-addon-store-card .bd-addon-store-card-preview-img { + border-radius: var(--card-radius-big); +} +.bd-addon-store-card .bd-addon-store-card-badge { + font-size: 0.8em; + text-transform: none; + background-color: hsl(var(--alert-hsl)); + color: var(--alert-text-color); +} +.bd-addon-store-card .bd-addon-store-card-author-svg foreignObject { + mask: none; +} +.bd-addon-store-card .bd-addon-store-card-author-mask { + background-color: var(--card-color-filled); + border-radius: calc(var(--avatar-radius) + 1.6666666667px); +} +.bd-addon-store-card .bd-addon-store-card-author-mask .bd-addon-store-card-author-img { + border-radius: calc(var(--avatar-radius) / 1.2); +} +.bd-addon-store-card .bd-addon-store-card-tag { + height: 28px; + padding: 0 12px; + line-height: 28px; + background-color: transparent; + border-color: var(--card-border-color); + font-size: 0.9em; + transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color; +} +.bd-addon-store-card .bd-addon-store-card-tag:hover { + background-color: var(--card-color-active); +} + +/* BETTERDISCORD ADDON STORE -> PAGINATION */ +.bd-flower-star { + color: hsl(var(--success-hsl)); +} + +.bd-flower-star-checkmark { + color: var(--success-text-color); +} + +.bd-paginator .bd-button { + margin: 0 !important; +} + +.bd-paginator-bubbles { + gap: 8px; +} + +.bd-paginator-bubble { + margin: 0; + transition: var(--default-time) var(--default-animation) background-color; +} +.bd-paginator-bubble:hover { + background-color: var(--card-button-color-hover); + color: var(--interactive-text-default); +} +.bd-paginator-bubble[data-selected=true] { + background-color: hsl(var(--accent-hsl--material-you)); + color: var(--accent-text-color--material-you); +} + +/* BETTERDISCORD ADDON STORE -> MESSAGE EMBED */ +._5126c0cd07f243a0-message .bd-addon-store-card { + --card-color-filled: var(--attachment-color); + --card-color-hover: var(--attachment-color); + --card-radius-big: var(--media-radius); +} +._5126c0cd07f243a0-message .bd-addon-store-card:hover { + box-shadow: none !important; +} + +/* BETTERDISCORD ADDON STORE -> INSTALL MODAL */ +.bd-install-modal-preview-img { + border-radius: var(--card-radius-big); +} + +.bd-install-modal-author-mask { + background-color: var(--popout-color); +} + +.bd-install-modal-items { + padding: 16px; + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); +} +.bd-install-modal-items .bd-install-modal-item { + padding: 12px 0; +} +.bd-install-modal-items .bd-install-modal-item:not(:last-child) { + border-bottom-color: var(--card-border-color); +} + +/* + * + * BETTERDISCORD TOAST + * + */ +.bd-toast { + display: flex; + height: 40px; + padding: 0 16px; + border-radius: 20px; + background-color: var(--tooltip-color); + justify-content: center; + align-items: center; + box-shadow: none; + font-size: 1em; + font-weight: 400; + color: var(--tooltip-text-color); +} +.bd-toast.toast-success, .bd-toast.toast-error, .bd-toast.toast-info { + gap: var(--space-8); + background-color: var(--tooltip-color); + color: var(--tooltip-text-color); +} +.bd-toast.toast-success:before, .bd-toast.toast-error:before, .bd-toast.toast-info:before { + display: flex; + position: relative; + content: " "; + width: 18px; + height: 18px; + -webkit-mask-repeat: no-repeat; + mask-size: 100%; + background-color: var(--tooltip-text-color); +} +.bd-toast svg { + display: none; +} +.bd-toast span { + line-height: 40px; + padding: 0; +} +.bd-toast.toast-success { + --tooltip-color: hsl(var(--success-hsl)); + --tooltip-text-color: var(--success-text-color); +} +.bd-toast.toast-success:before { + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/check_circle.svg); +} +.bd-toast.toast-error { + --tooltip-color: hsl(var(--alert-hsl)); + --tooltip-text-color: var(--alert-text-color); +} +.bd-toast.toast-error:before { + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/cancel.svg); +} +.bd-toast.toast-info { + --tooltip-color: hsl(var(--accent-hsl--material-you)); + --tooltip-text-color: var(--accent-text-color--material-you); +} +.bd-toast.toast-info:before { + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/info.svg); +} + +/* + * + * VENCORD PLUGIN - MemberCount + * + */ +.vc-membercount-widget { + --color-online: hsl(var(--success-hsl)) !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 - Oneko + * + */ +#oneko { + z-index: 1001; +} + +/* + * + * VENCORD PLUGIN - PermissionViewer + * + */ +.vc-permviewer-role-button { + --button-height: 28px; +} + +/*.faf9c0f0be1b8685-translate { + > ._3dde27fb71170aa9-container { + padding: 16px; + border-radius: var(--popout-radius-big); + } +}*/ +/* + * + * VENCORD PLUGIN - PlainFolderIcon + * + */ +.vc-plainFolderIcon-plain { + background-color: transparent; +} +.vc-plainFolderIcon-plain ._48112cbe77dc5022-folderPreviewWrapper { + background-color: color-mix(in oklab, var(--custom-folder-color, var(--bg-brand)) 40%, transparent); +} + +/* + * + * VENCORD PLUGIN - ReadAllNotification + * + */ +.ef3116c2da186559-wrapper ._201d5e8a3c09670a-button { + --button-height: 22px; + --button-padding: 0 4px; + width: auto; + margin: 0 10px; + font-size: 12px !important; +} + +/* + * + * VENCORD PLUGIN - ReviewDB + * + */ +.vc-rdb-modal-footer > div { + margin: 0; +} +.vc-rdb-modal-footer .vc-rdb-review { + margin-top: 0; +} + +.vc-rdb-review { + --message-color: var(--message-color-alt); + --message-color-hover: var(--message-color-alt); + margin-top: 8px; + margin-left: 52px !important; +} +.vc-rdb-review:hover { + background-color: var(--message-color-hover) !important; +} +.vc-rdb-review .c19a557985eb7793-avatar { + 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 ._1b31f471f0bb10ab-placeholder { + color: var(--input-placeholder-color); +} +.vc-rdb-input ._1b31f471f0bb10ab-editor { + color: var(--input-text-color); +} +.vc-rdb-input ._740174f3d6a2c8fe-buttons { + margin-right: 0 !important; +} + +/* + * + * VENCORD BUTTONS + * + */ +.vc-btn-base { + --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: var(--button-outline) !important; + box-shadow: var(--button-shadow); + color: var(--button-text-color) !important; + font-size: var(--button-font-size) !important; + font-weight: 500; +} +.vc-btn-base: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; +} +.vc-btn-base:hover { + background-color: var(--button-background) !important; +} +.vc-btn-base:hover:after { + opacity: var(--button-action-hover); +} +.vc-btn-base:active:after { + opacity: var(--button-action-active); +} +.vc-btn-base:disabled { + opacity: 0.5 !important; +} +.vc-btn-base:disabled:after { + display: none; +} + +/* VENCORD BUTTONS -> COLORS */ +.vc-btn-primary { + --button-background: hsl(var(--accent-hsl--material-you)); + --button-text-color: var(--accent-text-color--material-you); +} + +.vc-btn-secondary { + --button-background: var(--accent-secondary-color); + --button-text-color: var(--accent-secondary-text-color); +} + +.vc-btn-dangerPrimary { + --button-background: hsl(var(--alert-hsl)); + --button-text-color: var(--alert-text-color); +} + +.vc-btn-dangerSecondary, +.vc-plugins-disable-warning { + --button-background: hsl(from hsl(var(--alert-hsl)) h s l / 0.25); + --button-text-color: hsl(from hsl(var(--alert-hsl)) h s calc(l * 0.96)); + --button-action-color: hsl(var(--alert-hsl)); +} + +/* VENCORD BUTTONS -> SIZES */ +.vc-btn-min, +.vc-btn-small, +.vc-btn-medium { + min-width: var(--button-height) !important; + 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; +} + +/* + * + * VENCORD BUTTONS + * + */ +.vc-card-base { + background-color: var(--card-color-filled); + border: none; + padding: var(--space-16); + border-radius: var(--card-radius-big); + box-shadow: none; +} + +/* + * + * VENCORD SETTINGS + * + */ +.vc-settings-tab-bar { + height: 48px; + border-bottom-width: 1px !important; +} +.vc-settings-tab-bar .aa8da23faa27393c-item { + height: inherit; + line-height: 48px; + margin: 0; + padding: 0 8px; + border-radius: 0; + border: none !important; + color: var(--interactive-text-default) !important; +} +.vc-settings-tab-bar .aa8da23faa27393c-item.aa8da23faa27393c-selected { + position: relative; + background-color: transparent !important; + border: none; +} +.vc-settings-tab-bar .aa8da23faa27393c-item.aa8da23faa27393c-selected: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; + transition: var(--default-time) ease all; +} +.vc-settings-tab-bar + .divider_ae36e5 { + display: none; +} + +.vc-settings-card .b717a15017b82443-h5, +.vc-plugins-info-card .b717a15017b82443-h5 { + 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-plugin-stats { + padding: 16px; +} + +.vc-plugin-stats-card-divider { + border-left-color: var(--card-button-color); +} + +.vc-special-card { + background-image: none !important; +} +.vc-special-card .vc-special-title { + font-size: 18px; + color: var(--header-primary); +} +.vc-special-card .vc-special-text { + color: var(--interactive-text-default); +} +.vc-special-card .abf7060e6f2beabe-justifyStart { + gap: 8px; +} +.vc-special-card img { + margin: 16px; +} + +.vc-settings-quickActions-card { + display: flex; + justify-content: start; +} + +.vc-settings-quickActions-pill { + height: var(--button-height); + padding: var(--button-padding-icon-left); + background-color: hsl(var(--accent-hsl--material-you)) !important; + border-radius: var(--button-radius); + font-size: var(--button-font-size); + font-weight: 500; + color: var(--accent-text-color--material-you); +} +.vc-settings-quickActions-pill:hover { + background-color: hsl(var(--accent-hsl--material-you)); + box-shadow: none; + transform: none; +} +.vc-settings-quickActions-pill .vc-settings-quickActions-img { + width: 18px; + height: 18px; +} + +.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 ._72c3859781ebce8f-wrapper:last-of-type { + background-color: transparent !important; + border: none !important; + box-shadow: none !important; +} +.vc-plugins-filter-controls .a16aea1526925c2c-select { + box-shadow: none !important; +} + +.vc-addon-card { + background-color: var(--card-color-filled) !important; + border: none !important; + padding: 16px !important; + border-radius: var(--card-radius-big) !important; + box-shadow: none !important; +} +.vc-addon-card:hover { + box-shadow: none !important; + transform: none !important; +} +.vc-addon-card ._3f21e80f8677ec40-container ._3f21e80f8677ec40-slider { + transform: translate(4px, -50%) !important; + transition: var(--default-time) var(--default-animation) all; +} +.vc-addon-card ._3f21e80f8677ec40-container._3f21e80f8677ec40-checked ._3f21e80f8677ec40-slider { + transform: translate(calc(100% - 1px), -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 { + background-color: var(--input-color); + box-shadow: inset 0 -2px 0 0 hsl(var(--accent-hsl--material-you)); +} + +._730694f5672c9601-cardPrimary[style*="padding: 0.5em"] { + 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 { + top: calc(var(--custom-app-top-bar-height) + var(--space-8)); + right: var(--space-8) !important; + bottom: unset !important; + background-color: var(--popout-color) !important; + border-radius: var(--popout-radius-big) !important; + box-shadow: var(--shadow-medium) !important; +} +.vc-notification-root .vc-notification-title { + font-size: 22px !important; + font-weight: 400 !important; + text-transform: none !important; +} + +/* VENCORD SETTINGS -> VISUAL REFRESH */ +.visual-refresh .vc-plugins-info-card, +.visual-refresh .vc-plugin-stats { + background-color: var(--card-color-filled) !important; + border: none !important; + border-radius: var(--card-radius-big) !important; +} +.visual-refresh .vc-plugins-info-card:hover, +.visual-refresh .vc-plugin-stats:hover { + background-color: var(--card-color-filled) !important; + box-shadow: none !important; + transform: none !important; +} + +/* + * + * VENCORD SWITCHES + * + */ +.vc-switch-container { + width: 38px; + height: 22px; + background-color: var(--switch-slider-color); + border: 2px solid var(--switch-knob-color); + transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) border; +} +.vc-switch-container.vc-switch-checked { + background-color: hsl(var(--accent-hsl--material-you)); + border-color: hsl(var(--accent-hsl--material-you)); +} +.vc-switch-container.vc-switch-checked .vc-switch-slider { + width: 18px; + height: 18px; + transform: translateX(16px) !important; +} +.vc-switch-container.vc-switch-checked .vc-switch-slider rect { + fill: var(--accent-text-color--material-you); +} +.vc-switch-container.vc-switch-checked .vc-switch-slider path { + fill: hsl(var(--accent-hsl--material-you)); +} + +.vc-switch-slider { + width: 14px; + height: 14px; + top: 0; + bottom: 0; + margin: auto 0; + transform: translateX(3px) !important; + transition: var(--default-time) var(--default-animation) width, var(--default-time) var(--default-animation) height, var(--default-time) var(--default-animation) transform; +} +.vc-switch-slider rect { + fill: var(--switch-knob-color); +} +.vc-switch-slider path { + fill: var(--switch-slider-color); +} +.vc-switch-slider path, +.vc-switch-slider rect { + transform: scale(1.4) translate(-4px, -3px); +} + +/* + * + * DISCOVER APPS + * + */ +._84e3e626b96552ad-card { + background-color: var(--card-color-filled) !important; + border: none !important; + padding: 0 !important; + border-radius: var(--card-radius-big) !important; + box-shadow: none !important; + transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) box-shadow !important; +} +._84e3e626b96552ad-card:hover { + background-color: var(--card-color-hover) !important; + box-shadow: var(--shadow-soft) !important; +} +._84e3e626b96552ad-card:hover .f215b9f268869c67-avatar { + background-color: var(--card-color-hover) !important; + border-color: var(--card-color-hover) !important; +} +._84e3e626b96552ad-card .f215b9f268869c67-avatar { + background-color: var(--card-color-filled) !important; + border-radius: calc(var(--avatar-radius) * 1.166667); + border-color: var(--card-color-filled) !important; +} +._84e3e626b96552ad-card .b76d5785c2ba8b28-bannerImage, ._84e3e626b96552ad-card ._4cb8ad5be329b603-bannerImage, +._84e3e626b96552ad-card .b76d5785c2ba8b28-bannerContent { + border-radius: var(--card-radius-big); +} + +/* + * + * DISCOVER + * + */ +._23746ba3de9452d8-scroller { + background-color: var(--chat-color); +} + +.a592e1970a0ce22c-container { + border-top: none; +} + +/* DISCOVER -> SIDEBAR */ +._551b0894962ff66f-container { + background-color: var(--chat-color); +} + +._551b0894962ff66f-header { + height: 48px; + padding: 0 16px; + border-bottom: none; + box-shadow: var(--shadow-ledge); +} + +._551b0894962ff66f-nav { + padding: 16px 8px; +} + +._551b0894962ff66f-navItem { + padding: var(--space-sm); + border-radius: 24px; + transition: var(--default-time) var(--default-animation) background; +} +._551b0894962ff66f-navItem:hover { + background: var(--menu-item-hover); +} +._551b0894962ff66f-navItem._551b0894962ff66f-selected { + background: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity)); +} + +/* DISCOVER -> HEADER BAR */ +._8a7fc664acf53af6-headerBar { + --input-height: 32px; + position: relative; + height: 48px; + box-shadow: var(--shadow-ledge); +} +._8a7fc664acf53af6-headerBar:after { + display: none; +} +._8a7fc664acf53af6-headerBar._8a7fc664acf53af6-relative { + background-color: var(--chat-color); +} +._8a7fc664acf53af6-headerBar ._8a7fc664acf53af6-iconButton { + background-color: var(--card-button-color); + border-radius: 16px; + transition: var(--default-time) var(--default-animation) background-color; +} +._8a7fc664acf53af6-headerBar ._8a7fc664acf53af6-iconButton:hover { + background-color: var(--card-button-color-hover); +} +._8a7fc664acf53af6-headerBar ._72c3859781ebce8f-container { + border-radius: calc(var(--input-height) / 2) !important; + border: none !important; + box-shadow: none !important; +} +._8a7fc664acf53af6-headerBar ._72c3859781ebce8f-container:focus-within { + box-shadow: none !important; +} + +.aa8da23faa27393c-top { + height: 48px; + gap: 24px; +} +.aa8da23faa27393c-top .aa8da23faa27393c-item { + height: 48px; + padding: 0 8px; + border-bottom: none; +} +.aa8da23faa27393c-top .aa8da23faa27393c-item + .aa8da23faa27393c-item { + margin-left: 0; +} +.aa8da23faa27393c-top .aa8da23faa27393c-item.aa8da23faa27393c-brand { + --selected-tab-item-color: var(--interactive-active); +} +.aa8da23faa27393c-top .aa8da23faa27393c-item:hover:not(.aa8da23faa27393c-selected):after { + display: none; +} +.aa8da23faa27393c-top .aa8da23faa27393c-item.aa8da23faa27393c-selected { + position: relative; + background-color: transparent !important; + border: none; +} +.aa8da23faa27393c-top .aa8da23faa27393c-item.aa8da23faa27393c-selected: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; + transition: var(--default-time) ease all; +} +.aa8da23faa27393c-top .aa8da23faa27393c-item.aa8da23faa27393c-selected:after { + top: unset; +} + +._65d410cfafd026bc-container { + height: inherit; +} +._65d410cfafd026bc-container ._65d410cfafd026bc-tabs { + height: inherit; + border-bottom: none; +} + +.a592e1970a0ce22c-dragRegion, ._955a392354a35c6e-dragRegion { + height: 48px; +} + +/* DISCOVER -> BANNER */ +.e9ef783a74d3f83a-container { + margin: 16px 32px 0; + padding-top: 0; + border-radius: var(--card-radius-big); +} +.e9ef783a74d3f83a-container .e9ef783a74d3f83a-title { + text-transform: unset; +} + +.e9ef783a74d3f83a-content { + margin-top: 0; +} + +.e9ef783a74d3f83a-gradient { + border-radius: var(--card-radius-big); +} + +/* DISCOVER -> CARDS */ +.b6bcee13c278a88d-content { + max-width: unset; +} + +._4cb8ad5be329b603-card { + background-color: var(--card-color-filled) !important; + border: none !important; + padding: 0 !important; + border-radius: var(--card-radius-big) !important; + box-shadow: none !important; + transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) box-shadow !important; + box-shadow: none !important; +} +._4cb8ad5be329b603-card:hover { + background-color: var(--card-color-hover) !important; + box-shadow: var(--shadow-soft) !important; +} +._4cb8ad5be329b603-card:hover { + transform: none !important; +} +._4cb8ad5be329b603-card:hover ._4cb8ad5be329b603-iconMask { + background-color: var(--card-color-hover) !important; +} +._4cb8ad5be329b603-card ._4cb8ad5be329b603-icon foreignObject { + mask: none !important; +} +._4cb8ad5be329b603-card ._4cb8ad5be329b603-iconMask { + background-color: var(--card-color-filled) !important; + border-radius: calc(var(--avatar-radius) * 1.2); +} +._4cb8ad5be329b603-card ._4cb8ad5be329b603-avatar { + border-radius: var(--avatar-radius); +} + +/* DISCOVER -> SEARCH RESULTS */ +.search_eed148 { + padding: 12px 16px; + background: var(--chat-color); +} + +.cbd375bef7ac11dc-container { + background: var(--chat-color); +} + +.cbd375bef7ac11dc-masonryList { + margin-top: 0; +} +.cbd375bef7ac11dc-masonryList ._99f8cc7ad4790ce9-content > div > div[style*="top: 32px"] { + top: 16px !important; +} + +.cbd375bef7ac11dc-sidebarLanguageSelect { + height: 34px; +} + +._97499d091cc91f18-category { + border-radius: 17px; + transition: var(--default-time) var(--default-animation) background-color; +} +._97499d091cc91f18-category:hover { + background-color: var(--menu-item-hover); +} +._97499d091cc91f18-category._97499d091cc91f18-selected { + --text-muted: hsl(var(--accent-hsl--material-you)); + background: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity)); +} + +/* DISCOVER -> SCHOOL HUBS */ +.a7656153eb3db678-container { + background-color: var(--card-color-filled); + border: none; + padding: 16px; + border-radius: var(--card-radius-big); + box-shadow: none; +} + +/* + * + * FORUM + * + */ +.f369dba7416c67f0-container { + background-color: var(--chat-color); +} + +.f369dba7416c67f0-tagsContainer { + padding: 16px 0 0; +} + +.f369dba7416c67f0-tagList { + height: var(--button-height); +} + +.f369dba7416c67f0-sortDropdown ._201d5e8a3c09670a-contents { + color: var(--accent-text-color--material-you); +} + +.f369dba7416c67f0-sortDropdownText { + color: inherit !important; +} + +.f8b2d28182186b83-container { + padding: 0; + background-color: transparent; + border-radius: 0; + box-shadow: none; +} +.f8b2d28182186b83-container .c1e9c47c23f12ca3-menu { + min-width: unset; +} +.f8b2d28182186b83-container .c1e9c47c23f12ca3-menu .d125d22cdfd32cfe-scrollerBase::-webkit-scrollbar { + --scrollbar-width: 0; +} +.f8b2d28182186b83-container .c1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-groupLabel { + padding-top: 0; +} + +.f369dba7416c67f0-tagsButton { + --button-padding: 0 8px 0 12px; +} +.f369dba7416c67f0-tagsButton.f369dba7416c67f0-tagsButtonWithCount { + --button-padding: 0 8px; +} +.f369dba7416c67f0-tagsButton .f369dba7416c67f0-tagsButtonInner { + color: inherit; +} +.f369dba7416c67f0-tagsButton svg { + color: var(--accent-text-color--material-you); +} + +.f369dba7416c67f0-countContainer { + background-color: var(--accent-text-color--material-you); +} +.f369dba7416c67f0-countContainer .f369dba7416c67f0-countText { + color: hsl(var(--accent-hsl--material-you)); +} + +._5808f3d86030cee1-container { + padding: 16px 16px 8px; + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + box-shadow: var(--shadow-medium); +} +._5808f3d86030cee1-container ._5808f3d86030cee1-header { + padding: 0; +} +._5808f3d86030cee1-container ._5808f3d86030cee1-header .cf48127484dbde85-text-xs\/bold { + font-size: 14px; + text-transform: none; +} +._5808f3d86030cee1-container ._5808f3d86030cee1-countContainer { + background-color: hsl(var(--accent-hsl--material-you)); +} +._5808f3d86030cee1-container ._5808f3d86030cee1-countContainer ._5808f3d86030cee1-countText { + color: var(--accent-text-color--material-you); +} + +.a685436e98c0d8fa-container { + margin-top: 16px; + background-color: var(--card-color-filled); + border: none; + padding: 0; + border-radius: var(--card-radius-big); + box-shadow: none; +} + +.a685436e98c0d8fa-stepContainer { + --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 !important; + border-radius: var(--card-radius-big) !important; + transition: var(--default-time) var(--default-animation) background-color !important; +} +.a685436e98c0d8fa-stepContainer:hover { + background-color: var(--card-color-hover) !important; +} + +._5a2c624eb18affaa-container { + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); +} +._5a2c624eb18affaa-container .icon__93db4 { + height: 62px; + background-color: var(--card-button-color); + box-sizing: border-box; +} + +.f369dba7416c67f0-card { + padding-bottom: 16px; +} +.f369dba7416c67f0-card[style*="height: 558px"] { + padding-bottom: 0; +} + +.ca49a1898ddc29e3-container { + margin-bottom: 0; + background-color: var(--card-color-filled); + border: none; + padding: 16px; + border-radius: var(--card-radius-big); + box-shadow: none; +} + +.ca49a1898ddc29e3-descriptionContainer { + --card-color-filled: var(--card-color-hover); + background-color: var(--card-color-filled); + border: none; + padding: 16px; + border-radius: var(--card-radius-big); + box-shadow: none; + border-radius: calc(var(--card-radius-big) / 1.4); +} + +/* FORUM -> PILL */ +.a2c9e80f6531ccc2-pill { + 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; +} +.a2c9e80f6531ccc2-pill.a2c9e80f6531ccc2-clickable:hover { + background-color: var(--card-button-color-hover) !important; +} +.a2c9e80f6531ccc2-pill.a2c9e80f6531ccc2-small { + border-radius: 6px; +} +.a2c9e80f6531ccc2-pill.a2c9e80f6531ccc2-selected { + background-color: hsl(var(--accent-hsl), 0.3) !important; + border-color: transparent !important; +} +.a2c9e80f6531ccc2-pill.a2c9e80f6531ccc2-selected:hover { + background-color: hsl(var(--accent-hsl), 0.35) !important; +} +.a2c9e80f6531ccc2-pill.a2c9e80f6531ccc2-selected .defaultColor__77578, .a2c9e80f6531ccc2-pill.a2c9e80f6531ccc2-selected .defaultColor_e9e35f, .a2c9e80f6531ccc2-pill.a2c9e80f6531ccc2-selected ._4bd5201c86a2042b-defaultColor { + color: hsl(var(--accent-hsl--material-you)); +} +.a2c9e80f6531ccc2-pill ._1c94881cf24b3a25-emoji { + margin-right: 0; +} +.a2c9e80f6531ccc2-pill .lineClamp1__92431 { + padding: 0; +} + +/* + * + * FORUM MEDIA POSTS + * + */ +.f369dba7416c67f0-headerRow:not([data-list-item-id*=forum-channel-list]) .d9be463a3c35b91e-container .d9be463a3c35b91e-bodyContainer { + margin-right: 0; +} + +._8bb30d6117b46cf5-thumbnailContainer { + margin-left: 16px; + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); +} +._8bb30d6117b46cf5-thumbnailContainer ._201d5e8a3c09670a-lookFilled { + --button-background: transparent; +} +._8bb30d6117b46cf5-thumbnailContainer ._201d5e8a3c09670a-lookFilled:after { + display: none; +} +._8bb30d6117b46cf5-thumbnailContainer ._8bb30d6117b46cf5-uploadFileInputContainer { + --button-height: 100%; +} +._8bb30d6117b46cf5-thumbnailContainer ._8bb30d6117b46cf5-uploadFileInputContainer:hover ._8bb30d6117b46cf5-changeThumbnailLabelContainer { + background-color: var(--card-color-filled); +} +._8bb30d6117b46cf5-thumbnailContainer ._8bb30d6117b46cf5-changeThumbnailLabelContainer, +._8bb30d6117b46cf5-thumbnailContainer ._8bb30d6117b46cf5-thumbnail { + border-radius: var(--card-radius-big); +} +._8bb30d6117b46cf5-thumbnailContainer ._8bb30d6117b46cf5-changeThumbnailLabelContainer { + transition: var(--default-time) var(--default-animation) all; +} +._8bb30d6117b46cf5-thumbnailContainer .aa605f19898fe32e-upload { + padding: 0; +} + +._16689f86228025f6-container { + margin: 16px 0; + padding: 16px !important; + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); +} +._16689f86228025f6-container ._9443936bd3681b09-uploadInput { + background-color: var(--card-color-alt); +} +._16689f86228025f6-container .aa605f19898fe32e-upload { + padding: 0; +} +._16689f86228025f6-container ._9443936bd3681b09-uploadInput, +._16689f86228025f6-container ._299eb87491f4b6d1-spoilerContainer, +._16689f86228025f6-container ._41ea06378162693a-imageSmall { + border-radius: var(--card-radius-big); +} + +/* + * + * FORUM NEW POST + * + */ +.f369dba7416c67f0-header { + position: relative; + min-height: 52px; + background-color: var(--input-color); + border-radius: 26px; + border: none; +} +.f369dba7416c67f0-header.f369dba7416c67f0-headerWithMatchingPosts { + box-shadow: var(--shadow-medium); +} +.f369dba7416c67f0-header ._201d5e8a3c09670a-lookFilled { + --button-padding: 0 24px 0 16px; +} + +.f369dba7416c67f0-matchingPostsRow { + margin-top: -24px; + padding-top: 24px; + background-color: var(--input-color); + border-radius: 0 0 24px 24px; + border: none; +} + +.d9be463a3c35b91e-form { + margin-right: 0; +} + +.d9be463a3c35b91e-container { + padding: 16px; +} +.d9be463a3c35b91e-container.d9be463a3c35b91e-collapsed { + padding: 0; +} +.d9be463a3c35b91e-container.d9be463a3c35b91e-collapsed .d9be463a3c35b91e-formContainer { + padding: 0 8px 0 16px; + gap: 12px; +} +.d9be463a3c35b91e-container.d9be463a3c35b91e-collapsed .d9be463a3c35b91e-titleContainer { + gap: 12px; +} +.d9be463a3c35b91e-container.d9be463a3c35b91e-collapsed .d9be463a3c35b91e-prefixElement { + position: relative; + right: unset; +} +.d9be463a3c35b91e-container.d9be463a3c35b91e-collapsed .d9be463a3c35b91e-prefixElement svg { + padding: 0; +} +.d9be463a3c35b91e-container.d9be463a3c35b91e-collapsed ._0f0849b61557225e-input._89a343a153c6f2ec-textArea { + --input-color: transparent; + --input-padding: 0; + border-radius: 0; +} +.d9be463a3c35b91e-container.d9be463a3c35b91e-collapsed .forumPostFormButton_d9be46 { + height: var(--button-height); + margin: 0; +} +.d9be463a3c35b91e-container .d9be463a3c35b91e-prefixElement { + position: absolute; + width: auto; + height: var(--button-height); + right: 16px; + margin: 0; + z-index: 2; +} +.d9be463a3c35b91e-container .d9be463a3c35b91e-prefixElement div[role=button], +.d9be463a3c35b91e-container .d9be463a3c35b91e-prefixElement svg { + height: inherit; +} +.d9be463a3c35b91e-container .d9be463a3c35b91e-prefixElement svg { + padding: 0 8px; +} +.d9be463a3c35b91e-container .d9be463a3c35b91e-formContainer { + padding: 0; +} +.d9be463a3c35b91e-container .d9be463a3c35b91e-formContainer + .d9be463a3c35b91e-form > div { + padding: 0; +} +.d9be463a3c35b91e-container .d9be463a3c35b91e-titleContainer { + position: relative; +} +.d9be463a3c35b91e-container .d9be463a3c35b91e-titleContainer .d9be463a3c35b91e-title { + padding: 8px 0; + font-weight: 400; +} +.d9be463a3c35b91e-container .d9be463a3c35b91e-titleContainer .d9be463a3c35b91e-title::-webkit-input-placeholder { + color: var(--input-placeholder-color); + font-weight: 400; +} +.d9be463a3c35b91e-container .d9be463a3c35b91e-bodyContainer { + margin-right: 94px !important; +} +.d9be463a3c35b91e-container ._0f0849b61557225e-input._89a343a153c6f2ec-textArea { + --input-color: var(--card-color-filled); + height: var(--button-height); + margin: 0; + padding: 0 var(--input-padding); + border-radius: 20px; + box-shadow: none; + font-weight: 400; + line-height: var(--button-height); + cursor: text; +} +.d9be463a3c35b91e-container ._0f0849b61557225e-input._89a343a153c6f2ec-textArea::-webkit-input-placeholder { + font-weight: inherit; +} +.d9be463a3c35b91e-container ._201d5e8a3c09670a-lookFilled:disabled { + opacity: 0.5 !important; +} + +.d9be463a3c35b91e-previewForm { + margin-right: 94px; + background-color: var(--card-color-active); + border-radius: calc(var(--card-radius-big) / 1.6); + border: none; +} + +.d9be463a3c35b91e-tagsDivider { + width: 100%; + left: 0; +} + +.d9be463a3c35b91e-contentContainer { + padding-left: 0; +} +.d9be463a3c35b91e-contentContainer ._740174f3d6a2c8fe-channelTextArea { + min-height: 68px; + margin-top: 16px; +} +.d9be463a3c35b91e-contentContainer ._740174f3d6a2c8fe-scrollableContainer { + min-height: 68px; + padding: 6px 12px; + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); + color: var(--input-text-color); +} +.d9be463a3c35b91e-contentContainer ._740174f3d6a2c8fe-scrollableContainer::-webkit-input-placeholder { + color: var(--input-placeholder-color); +} + +._9443936bd3681b09-container { + position: absolute; + top: calc(var(--button-height) + 32px); + right: 16px; + z-index: 3; +} +._9443936bd3681b09-container ._9443936bd3681b09-uploadInput { + background-color: transparent; + border: 1px solid var(--card-border-color); +} +._9443936bd3681b09-container ._9443936bd3681b09-uploadInput, +._9443936bd3681b09-container ._299eb87491f4b6d1-spoilerContainer, +._9443936bd3681b09-container ._41ea06378162693a-imageSmall { + border-radius: var(--card-radius-big); +} +._9443936bd3681b09-container ._9443936bd3681b09-badge { + background-color: hsl(var(--accent-hsl--material-you)); + color: var(--accent-text-color--material-you); + border-color: var(--input-color); +} + +/* + * + * FORUM POSTS + * + */ +._9a337c84ff86a914-container, .faa96b2163f6a142-container { + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); + border: none !important; +} +._9a337c84ff86a914-container:hover, .faa96b2163f6a142-container:hover { + background-color: var(--card-color-hover); + box-shadow: none; + transform: none; +} +._9a337c84ff86a914-container._9a337c84ff86a914-isOpen, ._9a337c84ff86a914-container .faa96b2163f6a142-isOpen, .faa96b2163f6a142-container._9a337c84ff86a914-isOpen, .faa96b2163f6a142-container .faa96b2163f6a142-isOpen { + background-color: var(--card-color-active) !important; +} +._9a337c84ff86a914-container ._08166c4389c22135-pinIcon, .faa96b2163f6a142-container ._08166c4389c22135-pinIcon { + background-color: hsl(var(--accent-hsl--material-you)); + color: var(--accent-text-color--material-you); +} +._9a337c84ff86a914-container ._08166c4389c22135-pinIcon path, .faa96b2163f6a142-container ._08166c4389c22135-pinIcon path { + fill: currentColor; +} +._9a337c84ff86a914-container .faa96b2163f6a142-postTitleText, ._9a337c84ff86a914-container ._9a337c84ff86a914-title, .faa96b2163f6a142-container .faa96b2163f6a142-postTitleText, .faa96b2163f6a142-container ._9a337c84ff86a914-title { + line-height: 24px; + font-size: 1.325rem; + font-weight: 400; +} + +._9a337c84ff86a914-contentPreview, +._9a337c84ff86a914-textContentFooter { + background-color: var(--card-color-hover); + transition: var(--default-time) var(--default-animation) background-color; +} + +._9a337c84ff86a914-contentPreview { + border-radius: var(--card-radius-big); + border: none; +} + +._9a337c84ff86a914-textContentFooter { + background: var(--card-color-hover) !important; +} + +._9a337c84ff86a914-container:not(._9a337c84ff86a914-isOpen, .faa96b2163f6a142-isOpen):hover ._9a337c84ff86a914-contentPreview, .faa96b2163f6a142-container:not(._9a337c84ff86a914-isOpen, .faa96b2163f6a142-isOpen):hover ._9a337c84ff86a914-contentPreview { + background-color: var(--card-color-filled); +} +._9a337c84ff86a914-container:not(._9a337c84ff86a914-isOpen, .faa96b2163f6a142-isOpen):hover ._9a337c84ff86a914-textContentFooter, .faa96b2163f6a142-container:not(._9a337c84ff86a914-isOpen, .faa96b2163f6a142-isOpen):hover ._9a337c84ff86a914-textContentFooter { + background: var(--card-color-filled) !important; +} + +.highlight { + background: hsl(var(--accent-hsl), 0.4); +} + +/* FORUM POSTS -> THREAD REACTIONS BAR */ +._34c2c51cfce1632e-container { + --button-height: 26px; + --button-padding: 0 10px; + margin: 16px 10px 0 16px; + padding: 8px; + background-color: var(--card-color-filled); + border-radius: 21px; + border-top: none; + box-shadow: none; +} +._34c2c51cfce1632e-container._34c2c51cfce1632e-header { + top: 8px; + box-shadow: var(--shadow-medium); +} +._34c2c51cfce1632e-container ._201d5e8a3c09670a-button, +._34c2c51cfce1632e-container ._34c2c51cfce1632e-addReactButton { + --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; +} +._34c2c51cfce1632e-container ._201d5e8a3c09670a-button:hover, +._34c2c51cfce1632e-container ._34c2c51cfce1632e-addReactButton:hover { + background-color: hsl(var(--button-link-accent-color), 0.14); +} +._34c2c51cfce1632e-container ._201d5e8a3c09670a-button.f8896c4f6be18f59-active, +._34c2c51cfce1632e-container ._34c2c51cfce1632e-addReactButton.f8896c4f6be18f59-active { + background-color: hsl(var(--button-link-accent-color), 0.21); +} +._34c2c51cfce1632e-container ._201d5e8a3c09670a-button ._201d5e8a3c09670a-contents { + padding: 0; + background-color: transparent; + border: none; + color: var(--button-text-color); +} + +._34c2c51cfce1632e-reactButtons { + gap: 4px; +} +._34c2c51cfce1632e-reactButtons div:first-child ._34c2c51cfce1632e-addReactButton 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"); +} +._34c2c51cfce1632e-reactButtons div:first-child ._34c2c51cfce1632e-addReactButton path ~ path { + display: none; +} + +._34c2c51cfce1632e-addReactButton { + min-width: unset; + margin: 0; +} +._34c2c51cfce1632e-addReactButton svg { + color: inherit !important; +} + +.ee23ac2acd215184-box { + margin: 16px 10px 0 16px; + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); +} +.ee23ac2acd215184-box:after { + left: 50px; + border-top-color: var(--card-color-filled); +} + +.ee23ac2acd215184-divider { + display: none; +} + +/* + * + * HEADER BAR + * + */ +._9293f6b2fc12398a-container { + padding: 0 9px 0 16px; + border-top-right-radius: var(--card-radius-big); + border-bottom: none; + box-shadow: var(--shadow-ledge); +} +._9293f6b2fc12398a-container._9293f6b2fc12398a-transparent { + box-shadow: none; +} +._9293f6b2fc12398a-container._9293f6b2fc12398a-themed { + background: var(--main-color); +} +._9293f6b2fc12398a-container._8067953d83f4b8a8-headerBar { + background: var(--main-color) !important; +} +._9293f6b2fc12398a-container._8067953d83f4b8a8-headerBar.fullscreenHeaderBar__80679 { + background: var(--main-alt) !important; + box-shadow: none; +} +._9293f6b2fc12398a-container._8067953d83f4b8a8-headerBar.fullscreenHeaderBar__80679 ._9293f6b2fc12398a-children:after { + background: linear-gradient(90deg, transparent 0, var(--main-alt)) !important; +} +._9293f6b2fc12398a-container .f75fb00fb7356cbe-followButton { + --button-height: 32px; + --button-padding: 0 16px; +} +._9293f6b2fc12398a-container ._133bf5eea8e33a34-tabBar, ._9293f6b2fc12398a-container .f8303a11ec48bef3-tabBar, ._9293f6b2fc12398a-container .d6f9e90c3456ac40-tabBar, ._9293f6b2fc12398a-container ._81b3e843d09e285a-tabBar, ._9293f6b2fc12398a-container .d1d9f3257b6b604c-tabBar { + border-bottom: none; +} + +.fullscreenHeaderBar__80679 { + background-color: transparent !important; +} + +._9293f6b2fc12398a-children:after { + background: linear-gradient(90deg, transparent 0, var(--main-color)) !important; +} + +._9293f6b2fc12398a-iconWrapper._9293f6b2fc12398a-clickable { + position: relative; +} +._9293f6b2fc12398a-iconWrapper._9293f6b2fc12398a-clickable: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; +} +._9293f6b2fc12398a-iconWrapper._9293f6b2fc12398a-clickable:hover:after { + opacity: 1; + transform: scale(1.5); + animation: scale 150ms var(--default-animation), opacity 150ms ease; +} +._9293f6b2fc12398a-iconWrapper._9293f6b2fc12398a-clickable:active:after { + background-color: hsl(var(--md-ripple-color), 0.2); +} +._9293f6b2fc12398a-iconWrapper foreignObject { + mask: none !important; +} + +._6ec1a06139ec3b27-topic a { + color: hsl(var(--accent-hsl--material-you)); +} + +.returnButton__0b563, .returnButton_c791b2 { + --button-height: 32px; + max-width: 250px; + margin-right: 8px; +} + +.returnButtonText__0b563, .returnButtonText_c791b2 { + font-size: 1em; +} +.returnButtonText__0b563, +.returnButtonText__0b563 *, .returnButtonText_c791b2, +.returnButtonText_c791b2 * { + line-height: var(--button-height); + color: hsl(var(--accent-hsl--material-you)) !important; +} +.returnButtonText__0b563 .cf48127484dbde85-text-xs\/medium, .returnButtonText_c791b2 .cf48127484dbde85-text-xs\/medium { + font-size: 1em; +} + +._9293f6b2fc12398a-iconBadge { + top: 0; + right: 0; + background-color: hsl(var(--accent-hsl--material-you)); + box-shadow: 0 0 0 4px var(--main-color); +} + +/* + * + * HEADER BAR SEARCH + * + */ +._496769951eb140fe-search { + margin-right: 0; +} + +._974928fe84ca9647-search { + --input-height: 32px; + width: 160px; + transition: 300ms ease width; +} +._974928fe84ca9647-search ._974928fe84ca9647-searchBar { + width: 100%; + height: var(--input-height); + background-color: var(--input-color); + padding: 0; + border-radius: 16px; + border: none; +} +._974928fe84ca9647-search .DraftEditor-root { + padding: 0 0 0 8px; + padding-left: 8px; +} +._974928fe84ca9647-search .public-DraftEditorPlaceholder-root { + height: var(--input-height); + line-height: var(--input-height); + padding-left: 2px; + padding-bottom: 0; +} +._974928fe84ca9647-search .public-DraftEditorPlaceholder-inner { + color: var(--input-placeholder-color); +} +._974928fe84ca9647-search .public-DraftEditor-content { + --scrollbar-width: 0; + padding-bottom: 0; + line-height: var(--input-height); + color: var(--input-text-color); +} +._974928fe84ca9647-search .DraftEditor-editorContainer { + height: var(--input-height); +} +._974928fe84ca9647-search .bd818628221af7aa-searchFilter, +._974928fe84ca9647-search .bd818628221af7aa-searchFilter + span[data-offset-key], +._974928fe84ca9647-search .bd818628221af7aa-searchAnswer { + margin: 0; + background-color: var(--input-pill-color); + color: var(--input-text-color); +} +._974928fe84ca9647-search .bd818628221af7aa-searchFilter + span[data-offset-key], +._974928fe84ca9647-search .bd818628221af7aa-searchAnswer span[data-offset-key] { + height: 22px; + line-height: 22px; +} +._974928fe84ca9647-search .bd818628221af7aa-searchFilter { + line-height: 22px; + padding: 0 4px 0 8px; + border-radius: 11px 0 0 11px; +} +._974928fe84ca9647-search .bd818628221af7aa-searchFilter:only-child { + padding: 0 8px; + border-radius: 11px; +} +._974928fe84ca9647-search .bd818628221af7aa-searchFilter + span[data-offset-key] { + display: inline-block; + padding: 0px 8px 0px 0; + border-radius: 0 11px 11px 0; +} +._974928fe84ca9647-search .bd818628221af7aa-searchAnswer { + padding: 0px 8px 0px 0; + border-radius: 0 11px 11px 0; +} +._974928fe84ca9647-search .bd818628221af7aa-searchAnswer span[data-offset-key] { + margin: 0; + background-color: transparent; +} +._974928fe84ca9647-search .bd818628221af7aa-searchAnswer, +._974928fe84ca9647-search .bd818628221af7aa-searchFilter { + border: none; +} +._974928fe84ca9647-search ._974928fe84ca9647-icon { + width: 32px; + height: 32px; +} +._974928fe84ca9647-search._974928fe84ca9647-open { + width: 300px; +} + +/* + * + * BADGES + * + */ +._3e3b0b1c0f688f9e-flowerStar path { + fill: hsl(var(--accent-hsl--material-you)); +} + +._3e3b0b1c0f688f9e-childContainer path { + fill: var(--accent-text-color--material-you); +} + +._2b1f52e43a8f1c02-base { + line-height: 18px; +} + +._2b1f52e43a8f1c02-textBadge { + font-size: 0.75em; + text-transform: capitalize; +} +._2b1f52e43a8f1c02-textBadge[style="background-color: var(--bg-brand);"] { + background-color: hsl(var(--accent-hsl--material-you)) !important; + color: var(--accent-text-color--material-you); +} +._2b1f52e43a8f1c02-textBadge[style="background-color: var(--status-danger);"] { + background-color: hsl(var(--alert-hsl)) !important; + color: var(--alert-text-color); +} +._2b1f52e43a8f1c02-textBadge._270d7a28db32b312-newBadge { + background-color: hsl(var(--accent-hsl--material-you)) !important; + color: var(--accent-text-color--material-you); +} + +/* + * + * BUTTONS + * + */ +._201d5e8a3c09670a-button { + font-size: var(--button-font-size) !important; +} +._201d5e8a3c09670a-button .cf48127484dbde85-text-sm\/medium, +._201d5e8a3c09670a-button .cf48127484dbde85-text-sm\/semibold, +._201d5e8a3c09670a-button .cf48127484dbde85-text-sm\/bold, +._201d5e8a3c09670a-button .cf48127484dbde85-text-md\/medium, +._201d5e8a3c09670a-button .cf48127484dbde85-text-md\/semibold, +._201d5e8a3c09670a-button .cf48127484dbde85-text-md\/bold { + height: var(--button-height); + line-height: var(--button-height); + font-size: unset; + font-weight: 500; + color: inherit !important; +} + +._201d5e8a3c09670a-lookFilled, +._201d5e8a3c09670a-lookOutlined, +._201d5e8a3c09670a-lookLink, +.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; +} +._201d5e8a3c09670a-lookFilled:hover:not(:disabled), ._201d5e8a3c09670a-lookFilled:active:not(:disabled), +._201d5e8a3c09670a-lookOutlined:hover:not(:disabled), +._201d5e8a3c09670a-lookOutlined:active:not(:disabled), +._201d5e8a3c09670a-lookLink:hover:not(:disabled), +._201d5e8a3c09670a-lookLink:active:not(:disabled), +.lookInverted_a299dc:hover:not(:disabled), +.lookInverted_a299dc:active:not(:disabled) { + opacity: 1; +} +._201d5e8a3c09670a-lookFilled:hover, +._201d5e8a3c09670a-lookOutlined:hover, +._201d5e8a3c09670a-lookLink:hover, +.lookInverted_a299dc:hover { + --button-shadow: none; +} +._201d5e8a3c09670a-lookFilled:active, +._201d5e8a3c09670a-lookOutlined:active, +._201d5e8a3c09670a-lookLink:active, +.lookInverted_a299dc:active { + --button-shadow: none; +} +._201d5e8a3c09670a-lookFilled:after, +._201d5e8a3c09670a-lookOutlined:after, +._201d5e8a3c09670a-lookLink: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; +} +._201d5e8a3c09670a-lookFilled:hover:after, +._201d5e8a3c09670a-lookOutlined:hover:after, +._201d5e8a3c09670a-lookLink:hover:after, +.lookInverted_a299dc:hover:after { + opacity: var(--button-action-hover); +} +._201d5e8a3c09670a-lookFilled:active:after, +._201d5e8a3c09670a-lookOutlined:active:after, +._201d5e8a3c09670a-lookLink:active:after, +.lookInverted_a299dc:active:after { + opacity: var(--button-action-active); +} +._201d5e8a3c09670a-lookFilled:disabled:after, +._201d5e8a3c09670a-lookOutlined:disabled:after, +._201d5e8a3c09670a-lookLink:disabled:after, +.lookInverted_a299dc:disabled:after { + display: none; +} +._201d5e8a3c09670a-lookFilled.syncButton__2024e, +._201d5e8a3c09670a-lookOutlined.syncButton__2024e, +._201d5e8a3c09670a-lookLink.syncButton__2024e, +.lookInverted_a299dc.syncButton__2024e { + --button-padding: 0 !important; +} +._201d5e8a3c09670a-lookFilled ._201d5e8a3c09670a-contents, +._201d5e8a3c09670a-lookOutlined ._201d5e8a3c09670a-contents, +._201d5e8a3c09670a-lookLink ._201d5e8a3c09670a-contents, +.lookInverted_a299dc ._201d5e8a3c09670a-contents { + height: var(--button-height); + padding: 0; + line-height: var(--button-height); + color: inherit; + overflow: visible; +} +._201d5e8a3c09670a-lookFilled ._201d5e8a3c09670a-contents svg, +._201d5e8a3c09670a-lookOutlined ._201d5e8a3c09670a-contents svg, +._201d5e8a3c09670a-lookLink ._201d5e8a3c09670a-contents svg, +.lookInverted_a299dc ._201d5e8a3c09670a-contents svg { + height: var(--button-height); +} +._201d5e8a3c09670a-lookFilled .defaultColor__77578, ._201d5e8a3c09670a-lookFilled .defaultColor_e9e35f, ._201d5e8a3c09670a-lookFilled ._4bd5201c86a2042b-defaultColor, +._201d5e8a3c09670a-lookOutlined .defaultColor__77578, +._201d5e8a3c09670a-lookOutlined .defaultColor_e9e35f, +._201d5e8a3c09670a-lookOutlined ._4bd5201c86a2042b-defaultColor, +._201d5e8a3c09670a-lookLink .defaultColor__77578, +._201d5e8a3c09670a-lookLink .defaultColor_e9e35f, +._201d5e8a3c09670a-lookLink ._4bd5201c86a2042b-defaultColor, +.lookInverted_a299dc .defaultColor__77578, +.lookInverted_a299dc .defaultColor_e9e35f, +.lookInverted_a299dc ._4bd5201c86a2042b-defaultColor { + color: inherit; +} +._201d5e8a3c09670a-lookFilled ._57f777e233da01ff-loading, +._201d5e8a3c09670a-lookOutlined ._57f777e233da01ff-loading, +._201d5e8a3c09670a-lookLink ._57f777e233da01ff-loading, +.lookInverted_a299dc ._57f777e233da01ff-loading { + height: var(--button-height); + line-height: var(--button-height); +} +._201d5e8a3c09670a-lookFilled ._57f777e233da01ff-loading svg, +._201d5e8a3c09670a-lookOutlined ._57f777e233da01ff-loading svg, +._201d5e8a3c09670a-lookLink ._57f777e233da01ff-loading svg, +.lookInverted_a299dc ._57f777e233da01ff-loading svg { + height: auto; +} +._201d5e8a3c09670a-lookFilled ._57f777e233da01ff-content, +._201d5e8a3c09670a-lookFilled .size16_a4e6b9, +._201d5e8a3c09670a-lookFilled .size14_a4e6b9, +._201d5e8a3c09670a-lookOutlined ._57f777e233da01ff-content, +._201d5e8a3c09670a-lookOutlined .size16_a4e6b9, +._201d5e8a3c09670a-lookOutlined .size14_a4e6b9, +._201d5e8a3c09670a-lookLink ._57f777e233da01ff-content, +._201d5e8a3c09670a-lookLink .size16_a4e6b9, +._201d5e8a3c09670a-lookLink .size14_a4e6b9, +.lookInverted_a299dc ._57f777e233da01ff-content, +.lookInverted_a299dc .size16_a4e6b9, +.lookInverted_a299dc .size14_a4e6b9 { + height: var(--button-height); + line-height: var(--button-height); + font-weight: 500; +} + +/* BUTTONS -> FILLED */ +._201d5e8a3c09670a-lookFilled._201d5e8a3c09670a-colorPrimary { + --button-background: var(--accent-secondary-color); + --button-text-color: var(--accent-secondary-text-color); +} +._201d5e8a3c09670a-lookFilled._201d5e8a3c09670a-colorBrand { + --button-background: hsl(var(--accent-hsl--material-you)); + --button-text-color: var(--accent-text-color--material-you); +} +._201d5e8a3c09670a-lookFilled._201d5e8a3c09670a-colorBrandInverted { + --button-background: var(--button-filled-white-background); + --button-text-color: hsl(var(--accent-hsl--material-you)); +} +._201d5e8a3c09670a-lookFilled._201d5e8a3c09670a-colorGreen { + --button-background: hsl(var(--success-hsl)); + --button-text-color: var(--success-text-color); +} +._201d5e8a3c09670a-lookFilled._201d5e8a3c09670a-colorRed { + --button-background: hsl(var(--alert-hsl)); + --button-text-color: var(--alert-text-color); +} +._201d5e8a3c09670a-lookFilled._201d5e8a3c09670a-colorWhite { + --button-background: var(--button-filled-white-background); + --button-text-color: var(--button-filled-white-text); + box-shadow: none !important; +} +._201d5e8a3c09670a-lookFilled._4a7f08b7f81c8b8d-upsellButton { + --button-text-color: hsl(0,0%,100%); +} + +/* BUTTONS -> OUTLINED */ +._201d5e8a3c09670a-lookOutlined { + --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)); +} +._201d5e8a3c09670a-lookOutlined:after { + --button-action-color: hsl(var(--accent-hsl--material-you)); +} +._201d5e8a3c09670a-lookOutlined._201d5e8a3c09670a-colorPrimary { + --button-outline: 1px solid var(--accent-secondary-color); + --button-text-color: var(--accent-secondary-color); +} +._201d5e8a3c09670a-lookOutlined._201d5e8a3c09670a-colorGreen { + --button-outline: 1px solid hsl(var(--success-hsl)); + --button-text-color: hsl(var(--success-hsl)); +} +._201d5e8a3c09670a-lookOutlined._201d5e8a3c09670a-colorGreen:after { + --button-action-color: hsl(var(--success-hsl)); + --button-action-hover: 0.1; + --button-action-active: 0.2; +} +._201d5e8a3c09670a-lookOutlined._201d5e8a3c09670a-colorRed { + --button-text-color: hsl(var(--alert-hsl)); + --button-outline: 1px solid hsl(var(--alert-hsl)); +} +._201d5e8a3c09670a-lookOutlined._201d5e8a3c09670a-colorRed:after { + --button-action-color: hsl(var(--alert-hsl)); + --button-action-hover: 0.1; + --button-action-active: 0.2; +} +._201d5e8a3c09670a-lookOutlined._201d5e8a3c09670a-colorWhite { + --button-background: transparent; + --button-text-color: hsl(0,0%,100%); + --button-outline: 1px solid hsl(0,0%,100%); + box-shadow: none !important; +} +._201d5e8a3c09670a-lookOutlined._201d5e8a3c09670a-colorWhite:after { + --button-action-color: hsl(0,0%,100%); +} + +/* BUTTONS -> LINKS */ +._201d5e8a3c09670a-lookLink { + --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; +} +._201d5e8a3c09670a-lookLink:after { + --button-action-color: hsl(var(--button-link-accent-color)); +} +._201d5e8a3c09670a-lookLink:hover { + text-decoration: none !important; +} +._201d5e8a3c09670a-lookLink:hover ._201d5e8a3c09670a-contents { + background-image: none !important; +} +._201d5e8a3c09670a-lookLink ._201d5e8a3c09670a-contents > div { + line-height: var(--button-height); + color: var(--button-text-color) !important; + font-size: 1em; + font-weight: 500; +} +._201d5e8a3c09670a-lookLink._201d5e8a3c09670a-colorGreen { + --button-text-color: hsl(var(--success-hsl)); +} +._201d5e8a3c09670a-lookLink._201d5e8a3c09670a-colorGreen:after { + --button-action-color: hsl(var(--success-hsl)); + --button-action-hover: 0.1; + --button-action-active: 0.2; +} +._201d5e8a3c09670a-lookLink._201d5e8a3c09670a-colorGreen:after { + --button-action-color: hsl(var(--success-hsl)); + --button-action-hover: 0.1; + --button-action-active: 0.2; +} +._201d5e8a3c09670a-lookLink._201d5e8a3c09670a-colorRed { + --button-text-color: hsl(var(--alert-hsl)); +} +._201d5e8a3c09670a-lookLink._201d5e8a3c09670a-colorRed:after { + --button-action-color: hsl(var(--alert-hsl)); + --button-action-hover: 0.1; + --button-action-active: 0.2; +} + +/* BUTTONS -> INVERTED */ +.lookInverted_a299dc._201d5e8a3c09670a-colorBrand { + --button-background: hsl(0,0%,100%,0.15); + --button-text-color: hsl(0,0%,100%); + --button-shadow: none !important; +} + +/* BUTTONS -> SIZES */ +._201d5e8a3c09670a-sizeTiny, +._201d5e8a3c09670a-sizeMin, +._201d5e8a3c09670a-sizeSmall, +._201d5e8a3c09670a-sizeMedium, +._201d5e8a3c09670a-sizeLarge, +.sizeXlarge__6885c, +._201d5e8a3c09670a-sizeMax, +.buttonSize__7d567, +.buttonSize_d5f3cd, +.button__33db6, ._6e2b9359c6f84cfd-button, +._201d5e8a3c09670a-sizeIcon { + 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; +} + +._201d5e8a3c09670a-sizeMedium, +._201d5e8a3c09670a-sizeLarge, +.sizeXlarge__6885c, +._201d5e8a3c09670a-sizeMax { + min-width: var(--button-height) !important; +} + +.buttonSize_d5f3cd { + height: var(--button-height) !important; +} + +._201d5e8a3c09670a-sizeIcon { + --button-padding: 0; + min-width: var(--button-height); +} + +._201d5e8a3c09670a-disabledButtonWrapper { + --button-padding: 0; + background-color: transparent !important; +} +._201d5e8a3c09670a-disabledButtonWrapper ._201d5e8a3c09670a-lookFilled { + --button-padding: 0 20px; +} +._201d5e8a3c09670a-disabledButtonWrapper ._201d5e8a3c09670a-lookOutlined { + --button-padding: 0 24px; + opacity: 0.5 !important; +} +._201d5e8a3c09670a-disabledButtonWrapper .iconButton__11faf { + --button-padding: 0; +} + +.iconButtonSize__14733 { + min-width: var(--button-height); + max-width: var(--button-height); +} + +.iconButton__11faf { + --button-padding: 0; +} + +/* BUTTONS -> BUTTON V2 */ +.a22cb0c66246f5d3-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; + transition: var(--default-time) var(--default-animation) box-shadow; +} +.a22cb0c66246f5d3-button:hover:not(:disabled), .a22cb0c66246f5d3-button:active:not(:disabled) { + opacity: 1; +} +.a22cb0c66246f5d3-button:hover { + --button-shadow: none; +} +.a22cb0c66246f5d3-button:active { + --button-shadow: none; +} +.a22cb0c66246f5d3-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; +} +.a22cb0c66246f5d3-button:hover:after { + opacity: var(--button-action-hover); +} +.a22cb0c66246f5d3-button:active:after { + opacity: var(--button-action-active); +} +.a22cb0c66246f5d3-button:disabled:after { + display: none; +} +.a22cb0c66246f5d3-button .a22cb0c66246f5d3-buttonChildrenWrapper { + min-width: 0 !important; + height: var(--button-height); + padding: 0 !important; + line-height: var(--button-height); + color: inherit; + overflow: visible; +} +.a22cb0c66246f5d3-button .a22cb0c66246f5d3-buttonChildrenWrapper svg { + height: var(--button-height); + margin: 0; +} +.a22cb0c66246f5d3-button .a22cb0c66246f5d3-buttonChildrenWrapper img { + vertical-align: middle; +} +.a22cb0c66246f5d3-button .cf48127484dbde85-text-sm\/medium, +.a22cb0c66246f5d3-button .cf48127484dbde85-text-md\/medium, +.a22cb0c66246f5d3-button .cf48127484dbde85-text-lg\/medium { + height: var(--button-height); + line-height: var(--button-height); + font-size: var(--button-font-size); +} + +.a22cb0c66246f5d3-expressive .a22cb0c66246f5d3-expressiveFill { + border-radius: var(--button-radius); +} + +/* BUTTONS -> BUTTON V2 -> COLORS */ +.a22cb0c66246f5d3-primary { + --button-background: hsl(var(--accent-hsl--material-you)); + --button-text-color: var(--accent-text-color--material-you); +} + +.a22cb0c66246f5d3-secondary { + --button-background: var(--accent-secondary-color); + --button-text-color: var(--accent-secondary-text-color); +} + +.a22cb0c66246f5d3-critical-primary { + --button-background: hsl(var(--alert-hsl)); + --button-text-color: var(--alert-text-color); +} + +.a22cb0c66246f5d3-critical-secondary { + --button-background: hsl(from hsl(var(--alert-hsl)) h s l / 0.25); + --button-text-color: hsl(from hsl(var(--alert-hsl)) h s calc(l * 0.96)); + --button-action-color: hsl(var(--alert-hsl)); +} + +.a22cb0c66246f5d3-icon-only { + --button-background: transparent; + --button-text-color: var(--text-primary); +} + +/* BUTTONS -> BUTTON V2 -> SIZES */ +.a22cb0c66246f5d3-sm, +.a22cb0c66246f5d3-md, +.lg_a22cb0 { + min-width: var(--button-height) !important; + 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; +} + +/* BUTTONS -> CALL BUTTONS */ +.f1ceaca61b18918e-colorable { + --button-background: var(--menu-item-hover); + --button-text-color: hsl(0,0%,100%); + background-color: var(--button-background) !important; + color: var(--button-text-color) !important; +} +.f1ceaca61b18918e-colorable:after { + position: absolute; + content: " "; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: hsl(0, 0%, 100%); + border-radius: 50%; + opacity: 0; + pointer-events: none; + transition: var(--default-time) var(--default-animation) opacity; +} +.f1ceaca61b18918e-colorable:hover:after { + opacity: var(--button-action-hover); +} +.f1ceaca61b18918e-colorable:active:after { + opacity: var(--button-action-active); +} +.f1ceaca61b18918e-colorable.f1ceaca61b18918e-red { + --button-background: hsl(var(--alert-hsl)); + --button-text-color: var(--alert-text-color); +} +.f1ceaca61b18918e-colorable.f1ceaca61b18918e-white { + --button-background: hsl(0,0%,100%); + --button-text-color: hsl(240,8%,3%); +} +.f1ceaca61b18918e-colorable.primaryLight_f1ceac { + --button-text-color: hsl(240,8%,3%); +} +.f1ceaca61b18918e-colorable.f1ceaca61b18918e-activeLight { + --button-background: var(--menu-item-select); + --button-text-color: hsl(240,8%,3%); +} +.f1ceaca61b18918e-colorable .f1ceaca61b18918e-centerIcon { + 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 */ +.c6d3dc100d5624e2-selectorButton { + padding: 11px 0; + background-color: transparent; + border-color: var(--separator-color) !important; + transition: var(--default-time) var(--default-animation) background-color; +} +.c6d3dc100d5624e2-selectorButton:first-child { + border-radius: 20px 0 0 20px; +} +.c6d3dc100d5624e2-selectorButton:last-child { + border-radius: 0 20px 20px 0; +} +.c6d3dc100d5624e2-selectorButton:not(.selectorButtonPremiumRequired__9df5b):hover { + background-color: var(--menu-item-hover) !important; +} +.c6d3dc100d5624e2-selectorButton:not(.selectorButtonPremiumRequired__9df5b).c6d3dc100d5624e2-selectorButtonSelected { + background-color: var(--menu-item-select) !important; +} + +/* + * + * CARDS + * + */ +._730694f5672c9601-card { + background-color: var(--card-color-filled); + border: none; + padding: 16px; + border-radius: var(--card-radius-big); + box-shadow: none; +} +._730694f5672c9601-card[style*=padding] { + padding: 16px !important; +} +._730694f5672c9601-card a { + color: hsl(var(--accent-hsl--material-you)); +} +._730694f5672c9601-card .icon-1fWS75 { + margin: 16px !important; +} +._730694f5672c9601-card .icon-1fWS75 + ._7c0bae9243151ddd-flexChild { + margin-left: 0; +} + +._730694f5672c9601-cardPrimary { + background-color: var(--card-color-filled) !important; + border: none !important; + padding: 16px !important; + border-radius: var(--card-radius-big) !important; + box-shadow: none !important; +} +._730694f5672c9601-cardPrimary .f43ba5b23c68a68f-icon { + padding: 8px; +} + +.d4883c8125f433a3-promotionCard, +.e335a78803b4d1df-detailsBlock, +._981f723644a1a061-descriptionBox, +.dropsHelpText_e8af36 { + background-color: var(--card-color-filled); + border: none; + padding: 16px; + border-radius: var(--card-radius-big); + box-shadow: none; +} + +.dropsHelpText_e8af36 p { + margin: 0 0 8px; +} +.dropsHelpText_e8af36 p:last-of-type { + margin: 0; +} + +._8499568628647f7b-banner { + max-width: none; + border-radius: var(--card-radius-big); +} +._8499568628647f7b-banner ._201d5e8a3c09670a-button { + --button-padding: 0 20px; + margin-left: 8px; +} + +.info__6436f, .infoText-1-X8oU, .e3f97f0d3cd70794-info { + background-color: hsl(var(--accent-hsl), 0.1); + border-radius: var(--card-radius-big); + border-color: hsl(var(--accent-hsl--material-you)); +} +.info__6436f .icon__6436f, .infoText-1-X8oU .icon__6436f, .e3f97f0d3cd70794-info .icon__6436f { + color: hsl(var(--accent-hsl--material-you)); +} + +._73000d97b1b29da5-upsellContainer { + background-color: var(--card-color-filled); + border: none; + padding: 0; + border-radius: var(--card-radius-big); + box-shadow: none; +} +._73000d97b1b29da5-upsellContainer ._73000d97b1b29da5-upsellFooter { + padding: 0 16px 16px; + background-color: transparent; +} + +/* CARDS -> SETTINGS V2 */ +/*._5a8382cf5c9d77df-container { + @include card-format(false, 0, true); + + &[data-layout="horizontal"] { + ._5a8382cf5c9d77df-control { + &:not(:only-child) { + padding-top: var(--space-16); + } + } + } + + ._5a8382cf5c9d77df-labelContainer { + @include card-format--header(false, true); + + .cf48127484dbde85-text-md\/medium { + margin-bottom: var(--space-8); + } + } + + ._5a8382cf5c9d77df-control { + &:not(:only-child) { + padding: 0 var(--space-16) var(--space-16); + } + } +}*/ +/* CARDS -> TRIGGER CARDS */ +._217b73c8e5e3ff6d-collapseable { + padding: 8px; + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); + border: none; +} +._217b73c8e5e3ff6d-collapseable:active { + background-color: var(--card-color-filled) !important; +} +._217b73c8e5e3ff6d-collapseable._217b73c8e5e3ff6d-toggled { + padding-bottom: 16px; +} + +/* CARDS -> HELP MESSAGES */ +._358591fa30baeebc-container { + border-radius: var(--card-radius-big); + background-color: hsl(from var(--help-message-color) h s l/0.3); + border: none; +} +._358591fa30baeebc-container ._358591fa30baeebc-icon { + color: var(--help-message-color); +} +._358591fa30baeebc-container ._358591fa30baeebc-icon path { + fill: currentColor; +} +._358591fa30baeebc-container .cf48127484dbde85-text-sm\/medium { + color: var(--help-message-color) !important; +} + +._358591fa30baeebc-warning { + --help-message-color: hsl(var(--warning-hsl)); +} + +._358591fa30baeebc-info { + --help-message-color: hsl(var(--accent-hsl)); +} + +._358591fa30baeebc-error { + --help-message-color: hsl(var(--alert-hsl)); +} + +._358591fa30baeebc-positive { + --help-message-color: var(--info-positive-foreground); +} + +/* + * + * CHECKBOXES + * + */ +._09aca73e6d4b214b-checkbox { + border-width: 2px; + border-radius: 4px; + transition: var(--default-time) var(--default-animation) border-color, var(--default-time) var(--default-animation) background-color; +} +._09aca73e6d4b214b-checkbox:not(._09aca73e6d4b214b-checked) path { + transition: var(--default-time) var(--default-animation) fill; +} +._09aca73e6d4b214b-checkbox._09aca73e6d4b214b-checked { + background-color: hsl(var(--accent-hsl--material-you)) !important; + border-color: hsl(var(--accent-hsl--material-you)) !important; +} +._09aca73e6d4b214b-checkbox._09aca73e6d4b214b-checked path { + fill: var(--accent-text-color--material-you); + transition: var(--default-time) var(--default-animation) fill; +} + +/* CHECKBOXES -> CONTEXT MENU */ +.c1e9c47c23f12ca3-colorDefault .c1e9c47c23f12ca3-checkbox { + color: hsl(var(--accent-hsl--material-you)); +} +.c1e9c47c23f12ca3-colorDefault .c1e9c47c23f12ca3-check { + color: var(--accent-text-color--material-you); +} +.c1e9c47c23f12ca3-colorDefault.c1e9c47c23f12ca3-focused .c1e9c47c23f12ca3-checkbox { + color: hsl(var(--accent-hsl--material-you)); + fill: currentColor; +} +.c1e9c47c23f12ca3-colorDefault.c1e9c47c23f12ca3-focused .c1e9c47c23f12ca3-check { + color: var(--accent-text-color--material-you); + fill: currentColor; +} + +/* + * + * INPUTS + * + */ +._0f0849b61557225e-input { + height: var(--input-height); + min-height: var(--input-height); + padding: 0 var(--input-padding); + 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; + box-sizing: border-box; +} +._0f0849b61557225e-input:hover { + border: none; +} +._0f0849b61557225e-input:focus { + box-shadow: inset 0 -2px 0 0 hsl(var(--accent-hsl--material-you)); +} +._0f0849b61557225e-input.multiInput-1VARjC { + padding: 0; +} +._0f0849b61557225e-input::-webkit-input-placeholder { + font-family: var(--app-font); + color: var(--input-placeholder-color); +} +._0f0849b61557225e-input._8b579725ff08eeaa-hiddenDiv { + --input-height: 0; +} +._0f0849b61557225e-input._89a343a153c6f2ec-textArea { + height: auto; + min-height: var(--input-height); + max-height: calc(var(--input-height) * 10); + padding: calc((var(--input-height) - 22px) / 2) 12px !important; +} + +._72c3859781ebce8f-container:not(.a16aea1526925c2c-container) { + height: var(--input-height); + min-height: var(--input-height); + padding: 0 var(--input-padding); + 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; + box-sizing: border-box; +} +._72c3859781ebce8f-container:not(.a16aea1526925c2c-container):hover { + border: none; +} +._72c3859781ebce8f-container:not(.a16aea1526925c2c-container):focus-within { + box-shadow: inset 0 -2px 0 0 hsl(var(--accent-hsl--material-you)); +} +._72c3859781ebce8f-container:not(.a16aea1526925c2c-container) ._72c3859781ebce8f-wrapper { + background-color: transparent; + border: none; +} +._72c3859781ebce8f-container:not(.a16aea1526925c2c-container) ._0f0849b61557225e-hasLeading { + margin-left: calc(var(--input-padding) / -2); + padding-left: 0; +} +._72c3859781ebce8f-container:not(.a16aea1526925c2c-container) ._0f0849b61557225e-hasLeading ._0f0849b61557225e-icon { + width: calc(var(--input-height) / 1.5); + height: calc(var(--input-height) / 1.5); + border: none; +} +._72c3859781ebce8f-container:not(.a16aea1526925c2c-container) ._0f0849b61557225e-hasLeading ._0f0849b61557225e-icon svg { + width: 60%; + height: 60%; +} + +._59d0d7075b521375-clickTrapContainer ._72c3859781ebce8f-container { + --input-color: var(--input-color-alt); +} + +._72c3859781ebce8f-wrapper.leading__0f084, +.nameInput_ac72c6.leading__0f084 { + padding: 0 12px 0 8px; +} +._72c3859781ebce8f-wrapper ._0f0849b61557225e-input, +.nameInput_ac72c6 ._0f0849b61557225e-input { + padding: 0; + background-color: transparent; + box-shadow: none; +} +._72c3859781ebce8f-wrapper .emojiButton__82d84, ._72c3859781ebce8f-wrapper ._6214151b92f27d4b-emojiButton, +.nameInput_ac72c6 .emojiButton__82d84, +.nameInput_ac72c6 ._6214151b92f27d4b-emojiButton { + margin: 0; + padding: 0 0 0 var(--space-8); + background-color: transparent; +} + +._72c3859781ebce8f-wrapper:has(input:focus, textarea:focus) { + outline: none !important; +} + +._310be458107b6a17-container { + margin-right: 6px; +} +._310be458107b6a17-container .aa8da23faa27393c-separatorcb3d { + background-color: var(--input-border-color); +} + +.wrapper_d14335:not(._72c3859781ebce8f-wrapper) { + background-color: var(--input-color); + border-radius: var(--input-radius); + border: none; +} +.wrapper_d14335:not(._72c3859781ebce8f-wrapper) ._5a09253b3ed8bee2-textArea { + color: var(--input-text-color); +} +.wrapper_d14335:not(._72c3859781ebce8f-wrapper) ._5a09253b3ed8bee2-textArea::-webkit-input-placeholder { + color: var(--input-placeholder-color); +} + +.multiInputLast-35zVz0:before { + display: none; +} + +.b717a15017b82443-error + ._72c3859781ebce8f-wrapper ._0f0849b61557225e-input { + box-shadow: inset 0 -1px 0 0 hsl(var(--alert-hsl)); +} +.b717a15017b82443-error + ._72c3859781ebce8f-wrapper ._0f0849b61557225e-input:focus { + box-shadow: inset 0 -2px 0 0 hsl(var(--alert-hsl)); +} + +.b717a15017b82443-defaultMarginlabel { + font-size: 14px; + text-transform: none; +} + +.inputPrefix_ac72c6 { + top: 0; + left: 0; + bottom: 0; + margin: auto 0; +} +.inputPrefix_ac72c6 + ._0f0849b61557225e-input { + padding-left: 28px; +} + +.emojiButtonContainer__9b8f6, .dbc4b71075801209-emojiButtonContainer { + height: var(--input-height); + line-height: var(--input-height); + margin: 0 12px; + padding: 0; + z-index: 2; +} +.emojiButtonContainer__9b8f6 + ._72c3859781ebce8f-wrapper ._0f0849b61557225e-input, .dbc4b71075801209-emojiButtonContainer + ._72c3859781ebce8f-wrapper ._0f0849b61557225e-input { + padding-left: 42px !important; +} + +.emojiButton__82d84, ._6214151b92f27d4b-emojiButton { + margin: 0 12px; +} + +._0f0849b61557225e-input.emojiText__82d84 { + padding-left: 44px !important; +} + +.fffc15720e237bf1-copyInput { + height: var(--input-height) !important; + max-height: var(--input-height) !important; + padding: 0 var(--input-padding) !important; + background-color: var(--input-color) !important; + border-radius: calc(var(--input-height) / 2) !important; + border: none; + box-shadow: none; +} +.fffc15720e237bf1-copyInput:focus-within { + box-shadow: none; +} +.fffc15720e237bf1-copyInput:hover ._201d5e8a3c09670a-button { + width: auto !important; +} +.fffc15720e237bf1-copyInput ._201d5e8a3c09670a-button { + --button-height: calc(var(--input-height) / 1.2); + margin: calc((var(--input-height) - var(--button-height)) / 2) !important; +} + +.fffc15720e237bf1-copyInput .input__9fba8 { + padding: 8px 8px 8px 12px; +} +.fffc15720e237bf1-copyInput ._201d5e8a3c09670a-button { + padding: var(--button-padding) !important; +} + +._8b2030ef191c879d-fileUpload { + --input-padding: 0; +} +._8b2030ef191c879d-fileUpload .fileUploadInput__8b203 { + padding: 0 0 0 12px; +} +._8b2030ef191c879d-fileUpload .fileUploadInput__8b203::-webkit-input-placeholder { + font-weight: 500; +} + +._66efce6539c53c06-fakeInput { + background-color: var(--card-color-filled); + border-radius: var(--input-radius); + border: none; +} + +/* INPUTS -> SEARCH BAR */ +._72c3859781ebce8f-container { + /*--input-padding: 0 6px 0 12px; + + height: var(--input-height); + background-color: var(--input-color); + border-radius: var(--input-radius); + border: none; + + .inner__72c38 { + padding: 0 var(--input-padding); + } + + .input__72c38 { + height: var(--input-height); + margin: 0; + padding: 0; + + &::-webkit-input-placeholder { + font-family: var(--app-font); + color: var(--input-placeholder-color); + } + }*/ +} + +/* INPUTS -> UNIVERSAL SEARCH */ +/*._72c3859781ebce8f-container { + ._72c3859781ebce8f-wrapper { + @include input-format(false, true, true); + } +}*/ +/* INPUTS -> OPTION PILL */ +.a16aea1526925c2c-optionPill { + background-color: transparent !important; + border-radius: 13px; + border-color: var(--main-textarea-border) !important; +} +.a16aea1526925c2c-optionPill.selectedPill__3f413 { + border-color: hsl(var(--accent-hsl--material-you)) !important; +} +.a16aea1526925c2c-optionPill.erroredPill__3f413 { + border-color: hsl(var(--alert-hsl)) !important; +} +.a16aea1526925c2c-optionPill .optionPillKey__3f413 { + background-color: var(--input-pill-color) !important; + border-top-left-radius: inherit; + border-bottom-left-radius: inherit; +} + +._0f0849b61557225e-input._0ed4fc708cdbac0d-error { + border-radius: 4px; +} +._0f0849b61557225e-input._0ed4fc708cdbac0d-error + .colorStatusRed_c9946a { + position: absolute; + width: 100%; + margin-top: -24px; + text-align: right; +} + +/* + * + * NOTICES + * + */ +.notice__5fd4c, ._6e2b9359c6f84cfd-notice { + margin-right: var(--space-8); + margin-bottom: var(--space-8); + border-radius: var(--card-radius-big); + box-shadow: none; + border: none; +} +.notice__5fd4c ._201d5e8a3c09670a-lookOutlined, ._6e2b9359c6f84cfd-notice ._201d5e8a3c09670a-lookOutlined { + --button-height: 24px; + --button-padding: 0 12px; + --button-background: hsl(from var(--button-link-color) h s l / 0.15); + --button-text-color: var(--button-link-text-color); + --button-outline: none; + padding: var(--button-padding); +} + +.button__33db6, ._6e2b9359c6f84cfd-button { + background-color: hsl(from var(--button-link-color) h s l/0.15) !important; + border: none; + color: var(--button-link-text-color) !important; +} +.button__33db6:hover, ._6e2b9359c6f84cfd-button:hover { + background-color: hsl(from var(--button-link-color) h s l/0.275) !important; +} + +.button__33db6, ._6e2b9359c6f84cfd-button { + --button-height: 24px; + --button-padding: 0 12px; +} + +.colorDefault__438d3 .button__33db6, .colorDefault__438d3 ._6e2b9359c6f84cfd-button { + --button-link-color: hsl(0,0%,100%); + color: var(--status-positive-text) !important; +} + +.colorWarning__01125 { + --button-link-color: hsl(0,0%,0%); + --button-link-text-color: hsl(0,0%,0%); +} + +._6e2b9359c6f84cfd-colorDanger { + --button-link-color: var(--alert-text-color); + --button-link-text-color: var(--alert-text-color); + background-color: hsl(var(--alert-hsl)); + color: var(--alert-text-color); +} + +.colorNeutral__51272 { + --button-link-color: hsl(0,0%,100%); + --button-link-text-color: hsl(0,0%,100%); +} + +.colorInfo__680aa { + --button-link-color: hsl(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; +} + +._6e2b9359c6f84cfd-colorBrand { + --button-link-color: var(--accent-text-color--material-you); + --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); +} + +._6e2b9359c6f84cfd-colorPremium { + --button-link-color: hsl(0,0%,100%); + --button-link-text-color: hsl(0,0%,100%); +} + +.c5cd6ac154c385c9-notice { + --button-link-color: hsl(0,0%,100%); + --button-link-text-color: hsl(0,0%,100%); +} + +._6e2b9359c6f84cfd-colorStreamerMode { + --button-link-color: hsl(0,0%,100%); + --button-link-text-color: hsl(0,0%,100%); +} + +.outdatedNotice_9Q9gJv, +.updateNotice_2DjjHs { + --button-link-color: hsl(0,0%,100%); + --button-link-text-color: hsl(0,0%,100%); +} + +/* + * + * PILL BAR HEADER + * + */ +._9e06aaa5aecd6e3e-pillContainer { + --nav-button-height: 42px; + --nav-button-big-radius: calc(var(--nav-button-height) / 2); + --nav-button-small-radius: calc(var(--nav-button-height) / 5); + padding: 0; + background-color: transparent; + border-radius: 0; + gap: 2px; +} +._9e06aaa5aecd6e3e-pillContainer ._9e06aaa5aecd6e3e-pillItem { + display: flex; + min-width: calc(var(--button-height) + var(--space-8)); + height: var(--nav-button-height); + padding-top: 0; + padding-bottom: 0; + background-color: var(--accent-secondary-color); + border-radius: var(--nav-button-small-radius); + color: var(--accent-secondary-text-color); + justify-content: center; + transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color, var(--default-time) var(--default-animation) border-radius; +} +._9e06aaa5aecd6e3e-pillContainer ._9e06aaa5aecd6e3e-pillItem:first-of-type { + border-radius: var(--nav-button-big-radius) var(--nav-button-small-radius) var(--nav-button-small-radius) var(--nav-button-big-radius); +} +._9e06aaa5aecd6e3e-pillContainer ._9e06aaa5aecd6e3e-pillItem:last-of-type { + border-radius: var(--nav-button-small-radius) var(--nav-button-big-radius) var(--nav-button-big-radius) var(--nav-button-small-radius); +} +._9e06aaa5aecd6e3e-pillContainer ._9e06aaa5aecd6e3e-pillItem._9e06aaa5aecd6e3e-pillItemSelected { + background-color: hsl(var(--accent-hsl--material-you)); + border-radius: var(--nav-button-big-radius); + border: none; + color: var(--accent-text-color--material-you); +} + +._9e06aaa5aecd6e3e-pillItem:not(._9e06aaa5aecd6e3e-pillItemSelected):hover { + background-color: var(--card-color-active); +} +._9e06aaa5aecd6e3e-pillItem ._9e06aaa5aecd6e3e-icon path { + fill: currentColor; +} + +/* + * + * RADIO BUTTONS + * + */ +div[role=radiogroup] { + background-color: var(--card-color-filled); + border: none; + padding: 8px; + border-radius: var(--card-radius-big); + box-shadow: none; + display: flex; + flex-direction: column; + gap: 8px; +} +div[role=radiogroup][aria-orientation=horizontal] { + display: grid; + gap: 0; +} + +._88a69141dd70013a-item { + margin: 0; + padding: 0 12px; + background-color: transparent; + border-radius: calc(var(--card-radius-big) / 1.65) !important; + transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color; +} +._88a69141dd70013a-item:hover { + background-color: var(--card-color-hover) !important; +} +._88a69141dd70013a-item[aria-checked=true], ._88a69141dd70013a-item:active { + background-color: var(--card-color-active) !important; +} +._88a69141dd70013a-item ._88a69141dd70013a-radioBar { + grid-gap: 12px; + margin-bottom: 0; + padding: 12px 0 !important; + border-left: none; + position: relative; +} +._88a69141dd70013a-item ._88a69141dd70013a-radioBar: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; +} +._88a69141dd70013a-item ._88a69141dd70013a-radioBar:hover:after { + opacity: 1; + transform: scale(1.15); + animation: scale 150ms var(--default-animation), opacity 150ms ease; +} +._88a69141dd70013a-item ._88a69141dd70013a-radioBar:active:after { + background-color: hsl(var(--md-ripple-color), 0.2); +} +._88a69141dd70013a-item ._88a69141dd70013a-radioBar:after { + width: 32px; + height: 32px; + top: 0; + left: -4px; + bottom: 0; + margin: auto 0; +} +._88a69141dd70013a-item[aria-checked=true] ._88a69141dd70013a-radioBar:after { + --md-ripple-color: var(--accent-hsl--material-you); +} +._88a69141dd70013a-item[aria-checked=true] ._88a69141dd70013a-radioBar svg { + color: hsl(var(--accent-hsl--material-you)); +} +._88a69141dd70013a-item[aria-checked=true] ._88a69141dd70013a-radioBar path { + fill: currentColor !important; +} +._88a69141dd70013a-item[aria-checked=true] .radioIconForeground__88a69 { + color: currentColor !important; +} +._88a69141dd70013a-item._88a69141dd70013a-disabled { + opacity: 1; +} +._88a69141dd70013a-item._88a69141dd70013a-disabled ._88a69141dd70013a-radioBar { + opacity: 0.3; +} +._88a69141dd70013a-item._88a69141dd70013a-disabled ._88a69141dd70013a-radioBar:after { + display: none; +} + +._88a69141dd70013a-radioIndicatorGroup { + width: 24px; + height: 24px; + background-repeat: no-repeat; + background-position: center; + -webkit-mask-repeat: no-repeat; + mask-size: 100%; +} +._88a69141dd70013a-radioIndicatorGroup ._88a69141dd70013a-radioIndicator { + display: none; +} + +._88a69141dd70013a-item[aria-checked=false] ._88a69141dd70013a-radioIndicatorGroup, +.c1e9c47c23f12ca3-item[role=menuitemradio][aria-checked=false] ._88a69141dd70013a-radioIndicatorGroup { + background-color: var(--interactive-text-default); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/radio_button_unchecked.svg); +} +._88a69141dd70013a-item[aria-checked=true] ._88a69141dd70013a-radioIndicatorGroup, +.c1e9c47c23f12ca3-item[role=menuitemradio][aria-checked=true] ._88a69141dd70013a-radioIndicatorGroup { + background-color: hsl(var(--accent-hsl--material-you)); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/radio_button_checked.svg); +} + +.tooltipWrapper__88a69 { + margin: 0; + position: relative; + border-bottom: none; +} +.tooltipWrapper__88a69: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__88a69:last-of-type:after { + display: none; +} +.tooltipWrapper__88a69:last-child { + border-bottom: none; +} + +/* RADIO BUTTONS -> PILL */ +div[role=radiogroup]._344e69670924b1be-group { + height: 30px; + background-color: var(--card-color-outlined); + border: 1px solid var(--card-border-color); + padding: 0; + border-radius: var(--card-radius-big); + box-shadow: none; +} + +._344e69670924b1be-item { + height: 28px; + background-color: transparent; + cursor: pointer; + transition: var(--default-time) var(--default-animation) background-color; + border-right: 1px solid var(--card-border-color); +} +._344e69670924b1be-item:last-of-type { + border-right: none; +} +._344e69670924b1be-item:hover { + background-color: var(--menu-item-hover); +} +._344e69670924b1be-item._344e69670924b1be-selected { + background-color: var(--menu-item-select); + color: var(--menu-item-text-color); +} +._344e69670924b1be-item._344e69670924b1be-deny { + border-radius: var(--card-radius-big) 0 0 var(--card-radius-big); +} +._344e69670924b1be-item._344e69670924b1be-deny._344e69670924b1be-selected { + background-color: hsl(var(--alert-hsl)); + color: var(--alert-text-color); +} +._344e69670924b1be-item._344e69670924b1be-passthrough._344e69670924b1be-selected { + background-color: var(--menu-item-select); +} +._344e69670924b1be-item._344e69670924b1be-allow { + border-radius: 0 var(--card-radius-big) var(--card-radius-big) 0; +} +._344e69670924b1be-item._344e69670924b1be-allow._344e69670924b1be-selected { + background-color: hsl(var(--success-hsl)); + color: #fff; +} + +/* RADIO BUTTONS -> CONTEXT MENU */ +.c1e9c47c23f12ca3-item[role=menuitemradio] ._88a69141dd70013a-radioIndicatorGroup { + width: 20px; + height: 20px; +} +.c1e9c47c23f12ca3-item[role=menuitemradio][aria-checked=true] .c1e9c47c23f12ca3-icon { + color: hsl(var(--accent-hsl--material-you)); +} +.c1e9c47c23f12ca3-item[role=menuitemradio][aria-checked=true] .c1e9c47c23f12ca3-icon path { + fill: currentColor; +} +.c1e9c47c23f12ca3-item[id*=account-switch] .d40c56f847687e8d-activeIcon circle { + fill: var(--accent-text-color--material-you); +} +.c1e9c47c23f12ca3-item[id*=account-switch] .d40c56f847687e8d-activeIcon path { + fill: hsl(var(--accent-hsl--material-you)); +} + +.c1e9c47c23f12ca3-icon .c1e9c47c23f12ca3-radioSelection { + color: currentColor !important; +} + +/* + * + * SCROLLBARS + * + */ +.d125d22cdfd32cfe-thin::-webkit-scrollbar, +.d125d22cdfd32cfe-auto::-webkit-scrollbar, +._740174f3d6a2c8fe-scrollableContainer::-webkit-scrollbar { + width: var(--scrollbar-width); + height: var(--scrollbar-width); +} +.d125d22cdfd32cfe-thin::-webkit-scrollbar-track, .d125d22cdfd32cfe-thin::-webkit-scrollbar-thumb, +.d125d22cdfd32cfe-auto::-webkit-scrollbar-track, +.d125d22cdfd32cfe-auto::-webkit-scrollbar-thumb, +._740174f3d6a2c8fe-scrollableContainer::-webkit-scrollbar-track, +._740174f3d6a2c8fe-scrollableContainer::-webkit-scrollbar-thumb { + border: none; +} +.d125d22cdfd32cfe-thin::-webkit-scrollbar-thumb, +.d125d22cdfd32cfe-auto::-webkit-scrollbar-thumb, +._740174f3d6a2c8fe-scrollableContainer::-webkit-scrollbar-thumb { + background-color: hsl(from var(--scrollbar-color) h s l/0.325); + border-radius: calc(var(--scrollbar-width) / 2); +} + +.d125d22cdfd32cfe-thin, +._740174f3d6a2c8fe-scrollableContainer { + --scrollbar-width: var(--scrollbar-thin-width); +} + +.d125d22cdfd32cfe-none { + --scrollbar-width: 0; +} + +/* + * + * SELECT MENUS + * + */ +.a16aea1526925c2c-wrapper._72c3859781ebce8f-wrapper { + min-height: var(--input-height); + height: var(--input-height); + padding: 0 var(--input-padding); + background-color: var(--input-color); + border-radius: var(--input-radius); + border: none; +} +.a16aea1526925c2c-wrapper._72c3859781ebce8f-wrapper .a16aea1526925c2c-select { + padding: 0; +} +.a16aea1526925c2c-wrapper._72c3859781ebce8f-wrapper .a16aea1526925c2c-iconsContainer { + margin-inline-end: 0; +} +.a16aea1526925c2c-wrapper .a16aea1526925c2c-select { + padding-right: calc(var(--icons-width) + 12px); +} +.a16aea1526925c2c-wrapper .a16aea1526925c2c-select.a16aea1526925c2c-multi { + padding-bottom: 0; +} + +.a16aea1526925c2c-select { + min-height: var(--input-height); + height: var(--input-height); + padding: 0 var(--input-padding); + background-color: var(--input-color); + border-radius: var(--input-radius) !important; + border: none; +} +.a16aea1526925c2c-select.a16aea1526925c2c-multi { + min-height: var(--input-height); + height: auto; +} +.a16aea1526925c2c-select.a16aea1526925c2c-multi > .a16aea1526925c2c-multi { + min-height: inherit; +} +.a16aea1526925c2c-select .a16aea1526925c2c-searchInput::-webkit-input-placeholder { + font-family: var(--app-font); + color: var(--input-placeholder-color); +} +.a16aea1526925c2c-select .a16aea1526925c2c-searchInput.a16aea1526925c2c-multi { + height: 28px; + margin-top: 2px; +} + +.a16aea1526925c2c-iconsContainer { + height: var(--input-height); +} +.a16aea1526925c2c-iconsContainer > div { + height: var(--icons-width); +} + +.a16aea1526925c2c-popout { + margin: 4px 0; + background-color: var(--popout-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--shadow-soft); +} +.a16aea1526925c2c-popout.a16aea1526925c2c-popoutPositionTop { + background-color: var(--popout-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--shadow-soft); +} +.a16aea1526925c2c-popout .a16aea1526925c2c-option { + gap: 8px; + color: var(--menu-item-text-color); + transition: var(--default-time) var(--default-animation) background-color; +} +.a16aea1526925c2c-popout .a16aea1526925c2c-option:hover { + background-color: var(--menu-item-hover) !important; +} +.a16aea1526925c2c-popout .a16aea1526925c2c-option[aria-selected=true] { + background-color: var(--menu-item-select) !important; +} +.a16aea1526925c2c-popout .a16aea1526925c2c-option[aria-selected=true] .a16aea1526925c2c-selectedIcon { + color: hsl(var(--accent-hsl--material-you)); +} +.a16aea1526925c2c-popout .a16aea1526925c2c-option[aria-selected=true] .a16aea1526925c2c-selectedIcon circle { + fill: var(--accent-text-color--material-you); +} +.a16aea1526925c2c-popout .a16aea1526925c2c-option .deviceOption_fe5040 { + gap: 8px; +} +.a16aea1526925c2c-popout .a16aea1526925c2c-option .deviceOptionLabel_fe5040 { + margin-right: 0; +} + +/* SELECT MENUS -> PILLS */ +.a16aea1526925c2c-optionPillBtn { + --button-height: 28px; + --button-padding: 0 8px; +} +.a16aea1526925c2c-optionPillBtn._201d5e8a3c09670a-lookFilled { + --button-background: transparent; + --button-outline: 1px solid var(--text-muted); +} +.a16aea1526925c2c-optionPillBtn:after { + display: none; +} +.a16aea1526925c2c-optionPillBtn .a16aea1526925c2c-optionPill { + background-color: transparent; +} + +/* + * + * SLIDERS + * + */ +.a562c840daab72a7-slider { + --bar-size: 4px !important; + --grabber-size: 16px !important; + height: calc(var(--slider-grabber-height) + var(--bar-offset)); +} +.a562c840daab72a7-slider.a562c840daab72a7-hasMarks .a562c840daab72a7-track { + left: 8px; + right: 8px; +} +.a562c840daab72a7-slider.a562c840daab72a7-hasMarks .a562c840daab72a7-bar { + top: calc(100% - (var(--slider-height) / 2 + var(--slider-grabber-height) / 2 + 4px)); +} +.a562c840daab72a7-slider.a562c840daab72a7-hasMarks .a562c840daab72a7-track .a562c840daab72a7-grabber { + top: calc(100% - (var(--slider-grabber-height) + 4px)); +} +.a562c840daab72a7-slider .a562c840daab72a7-bar { + height: var(--slider-height); + top: calc(100% - (var(--slider-height) / 2 + var(--slider-grabber-height) / 2)); + background-color: var(--slider-bar-background) !important; + border-radius: var(--slider-radius); +} +.a562c840daab72a7-slider .a562c840daab72a7-bar .a562c840daab72a7-barFill { + background-color: hsl(var(--accent-hsl--material-you)); + border-radius: inherit; + border: none; + transition: var(--default-time) var(--default-animation) border-radius; +} +.a562c840daab72a7-slider .a562c840daab72a7-bar .a562c840daab72a7-barFill[style*="background: var(--yellow-300)"] { + background-color: hsl(var(--accent-hsl--material-you)) !important; +} +.a562c840daab72a7-slider .a562c840daab72a7-track .a562c840daab72a7-grabber { + display: flex; + width: var(--slider-width); + height: var(--slider-grabber-height); + top: 0; + margin-top: 0; + background-color: var(--slider-grabber-background); + border-radius: 0; + border: none; + transform: translateX(0); + justify-content: center; + box-shadow: none !important; + z-index: 3; +} +.a562c840daab72a7-slider .a562c840daab72a7-track .a562c840daab72a7-grabber:before { + position: absolute; + content: " "; + width: calc(var(--slider-width) / 4); + height: 100%; + top: 0; + background-color: var(--slider-grabber-pill); + border-radius: calc(var(--slider-width) / 8); + transition: calc(var(--default-time) / 1.5) var(--default-animation) background-color, calc(var(--default-time) / 1.5) var(--default-animation) transform; +} +.a562c840daab72a7-slider .a562c840daab72a7-track .a562c840daab72a7-grabber:after { + display: none; +} +.a562c840daab72a7-slider .a562c840daab72a7-track .a562c840daab72a7-grabber:hover:before { + background-color: hsl(from var(--slider-grabber-pill) h calc(s * 0.6) l); +} +.a562c840daab72a7-slider .a562c840daab72a7-track .a562c840daab72a7-grabber:active:before { + background-color: hsl(from var(--slider-grabber-pill) h calc(s * 0.6) l); + transform: scaleX(50%); +} + +.a562c840daab72a7-mark { + height: 100% !important; + z-index: 2; + pointer-events: none; +} +.a562c840daab72a7-mark .a562c840daab72a7-markValue { + margin-bottom: 0; +} +.a562c840daab72a7-mark .a562c840daab72a7-markDash { + position: absolute; + width: 6px; + height: 6px; + bottom: calc(var(--slider-grabber-height) / 2 - 3px + 4px); + background-color: var(--slider-mark-color); + border-radius: 3px; +} + +.ac7648c9bd968881-inputSensitivityBar .ac7648c9bd968881-fill { + height: var(--slider-height) !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); +} + +.a562c840daab72a7-mini .a562c840daab72a7-bar { + height: var(--slider-height); + top: calc(var(--slider-grabber-height) / 2 - var(--slider-height) / 2); +} +.a562c840daab72a7-mini .a562c840daab72a7-barFill { + border: none; +} +.a562c840daab72a7-mini .a562c840daab72a7-grabber { + width: var(--slider-height); + height: var(--slider-height); +} + +/* SLIDERS -> THEME SPECIFIC CHANGES */ +.theme-dark ._59d0d7075b521375-layerContainer, +.theme-dark ._650391965b2d6ee2-sliderContainer { + --slider-bar-background: hsl(from hsl(var(--accent-hsl--material-you)) h calc(s * 0.36) calc(l * 0.44)); + --slider-mark-color: hsl(from hsl(var(--accent-hsl--material-you)) h calc(s * 0.43) calc(l * 0.34)); +} +.theme-dark .bd-settings-group.collapsible { + --slider-bar-background: hsl(from hsl(var(--accent-hsl--material-you)) h calc(s * 0.36) calc(l * 0.32)); +} + +.theme-light ._59d0d7075b521375-layerContainer, +.theme-light ._650391965b2d6ee2-sliderContainer { + --slider-bar-background: hsl(from hsl(var(--accent-hsl--material-you)) h calc(s * 0.36) calc(l * 1.92)); + --slider-mark-color: hsl(from hsl(var(--accent-hsl--material-you)) h calc(s * 0.87) calc(l * 1.7)); +} +.theme-light .a562c840daab72a7-slider .a562c840daab72a7-bar .a562c840daab72a7-barFill { + background-color: hsl(var(--accent-hsl--material-you)) !important; +} +.theme-light .a562c840daab72a7-slider .a562c840daab72a7-track .a562c840daab72a7-grabber { + background-color: var(--slider-grabber-background) !important; +} + +/* SLIDERS -> ALT LOCATIONS */ +._650391965b2d6ee2-sliderContainer { + --slider-height: 8px; + --slider-radius: calc(var(--slider-height) / 3); + --slider-grabber-height: 28px; + --slider-grabber-background: var(--popout-color); + height: var(--slider-grabber-height); + margin-bottom: 0 !important; +} + +._59d0d7075b521375-layerContainer { + --slider-grabber-background: var(--popout-color); +} +._59d0d7075b521375-layerContainer .bd-settings-group.collapsible { + --slider-grabber-background: var(--card-color-filled); +} + +._650391965b2d6ee2-slider { + top: 0; +} + +/* 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-soft); +} + +/* + * + * SPINNER + * + */ +._58f1c3000c2c5b3e-loadingPopout { + background-color: var(--popout-color); + box-shadow: var(--shadow-medium); + border-radius: 24px; +} + +/* + * + * SWITCHES + * + */ +._3f21e80f8677ec40-container { + width: 39px; + height: 24px; + background-color: transparent !important; + overflow: visible; +} +._3f21e80f8677ec40-container:before { + position: absolute; + content: " "; + width: 100%; + height: 100%; + top: 0; + left: 0; + 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; +} +._3f21e80f8677ec40-container path { + fill: var(--switch-slider-color); + transform: scale(1.4) translate(-3px, -3px); +} +._3f21e80f8677ec40-container._3f21e80f8677ec40-checked:before { + background-color: var(--switch-slider-checked); + border-color: transparent; +} +._3f21e80f8677ec40-container._3f21e80f8677ec40-checked ._3f21e80f8677ec40-slider { + background-color: var(--switch-knob-checked); + width: 18px; + height: 18px; + transform: translate(5px, -50%); +} +._3f21e80f8677ec40-container._3f21e80f8677ec40-checked path { + fill: var(--switch-slider-checked); +} +._3f21e80f8677ec40-container ._3f21e80f8677ec40-slider { + width: 14px; + height: 14px; + top: 50%; + margin: 0; + background-color: var(--switch-knob-color); + border-radius: 50%; + transform: translate(8px, -50%); + transition: 250ms cubic-bezier(0, 0.3, 0.7, 1) background-color; +} +._3f21e80f8677ec40-container ._3f21e80f8677ec40-slider rect { + display: none; +} +._3f21e80f8677ec40-container ._3f21e80f8677ec40-slider.vc-switch-slider { + transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) transform; +} +._3f21e80f8677ec40-container ._3f21e80f8677ec40-slider.vc-switch-slider[style="transform: translateX(-3px);"] { + transform: translate(4px, -50%) !important; +} +._3f21e80f8677ec40-container ._3f21e80f8677ec40-slider.vc-switch-slider[style="transform: translateX(12px);"] { + transform: translate(16px, -50%) !important; +} + +.theme-light ._3f21e80f8677ec40-container._3f21e80f8677ec40-checked path { + fill: var(--switch-slider-checked); + filter: unset; +} + +._49fc18ba07c5025f-root ._3f21e80f8677ec40-container:before { + background-color: var(--switch-slider-color-modal); +} +._49fc18ba07c5025f-root ._3f21e80f8677ec40-container._3f21e80f8677ec40-checked:before { + background-color: var(--switch-slider-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-slider-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: var(--switch-knob-checked); +} +.bd-switch input:checked:active + .bd-switch-body { + --switch-color: var(--switch-slider-checked); +} +.bd-switch input:checked:active + .bd-switch-body .bd-switch-handle { + x: -12.5px; +} + +/* + * + * TAB BAR + * + */ +._133bf5eea8e33a34-tabBar, .f8303a11ec48bef3-tabBar, .d6f9e90c3456ac40-tabBar, ._81b3e843d09e285a-tabBar, .d1d9f3257b6b604c-tabBar { + height: 48px; + gap: 24px; + border-bottom: 1px solid var(--card-border-color); +} +._133bf5eea8e33a34-tabBar .aa8da23faa27393c-item, .f8303a11ec48bef3-tabBar .aa8da23faa27393c-item, .d6f9e90c3456ac40-tabBar .aa8da23faa27393c-item, ._81b3e843d09e285a-tabBar .aa8da23faa27393c-item, .d1d9f3257b6b604c-tabBar .aa8da23faa27393c-item { + height: inherit; + line-height: 48px; + margin: 0; + padding: 0 8px; + border-radius: 0; + border: none !important; + color: var(--interactive-text-default) !important; +} +._133bf5eea8e33a34-tabBar .aa8da23faa27393c-item, ._133bf5eea8e33a34-tabBar .aa8da23faa27393c-item:hover, ._133bf5eea8e33a34-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-selected, .f8303a11ec48bef3-tabBar .aa8da23faa27393c-item, .f8303a11ec48bef3-tabBar .aa8da23faa27393c-item:hover, .f8303a11ec48bef3-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-selected, .d6f9e90c3456ac40-tabBar .aa8da23faa27393c-item, .d6f9e90c3456ac40-tabBar .aa8da23faa27393c-item:hover, .d6f9e90c3456ac40-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-selected, ._81b3e843d09e285a-tabBar .aa8da23faa27393c-item, ._81b3e843d09e285a-tabBar .aa8da23faa27393c-item:hover, ._81b3e843d09e285a-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-selected, .d1d9f3257b6b604c-tabBar .aa8da23faa27393c-item, .d1d9f3257b6b604c-tabBar .aa8da23faa27393c-item:hover, .d1d9f3257b6b604c-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-selected { + background-color: transparent !important; +} +._133bf5eea8e33a34-tabBar .aa8da23faa27393c-item:after, .f8303a11ec48bef3-tabBar .aa8da23faa27393c-item:after, .d6f9e90c3456ac40-tabBar .aa8da23faa27393c-item:after, ._81b3e843d09e285a-tabBar .aa8da23faa27393c-item:after, .d1d9f3257b6b604c-tabBar .aa8da23faa27393c-item:after { + display: none; +} +._133bf5eea8e33a34-tabBar .aa8da23faa27393c-item:not(.aa8da23faa27393c-disabled):hover, .f8303a11ec48bef3-tabBar .aa8da23faa27393c-item:not(.aa8da23faa27393c-disabled):hover, .d6f9e90c3456ac40-tabBar .aa8da23faa27393c-item:not(.aa8da23faa27393c-disabled):hover, ._81b3e843d09e285a-tabBar .aa8da23faa27393c-item:not(.aa8da23faa27393c-disabled):hover, .d1d9f3257b6b604c-tabBar .aa8da23faa27393c-item:not(.aa8da23faa27393c-disabled):hover { + color: var(--interactive-text-hover) !important; +} +._133bf5eea8e33a34-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-selected, .f8303a11ec48bef3-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-selected, .d6f9e90c3456ac40-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-selected, ._81b3e843d09e285a-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-selected, .d1d9f3257b6b604c-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-selected { + color: var(--interactive-text-default) !important; +} +._133bf5eea8e33a34-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-selected:after, .f8303a11ec48bef3-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-selected:after, .d6f9e90c3456ac40-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-selected:after, ._81b3e843d09e285a-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-selected:after, .d1d9f3257b6b604c-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-selected:after { + display: block; + top: unset; +} +._133bf5eea8e33a34-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-selected, ._133bf5eea8e33a34-tabBar .aa8da23faa27393c-item[aria-selected=true], .f8303a11ec48bef3-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-selected, .f8303a11ec48bef3-tabBar .aa8da23faa27393c-item[aria-selected=true], .d6f9e90c3456ac40-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-selected, .d6f9e90c3456ac40-tabBar .aa8da23faa27393c-item[aria-selected=true], ._81b3e843d09e285a-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-selected, ._81b3e843d09e285a-tabBar .aa8da23faa27393c-item[aria-selected=true], .d1d9f3257b6b604c-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-selected, .d1d9f3257b6b604c-tabBar .aa8da23faa27393c-item[aria-selected=true] { + position: relative; + background-color: transparent !important; + border: none; +} +._133bf5eea8e33a34-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-selected:after, ._133bf5eea8e33a34-tabBar .aa8da23faa27393c-item[aria-selected=true]:after, .f8303a11ec48bef3-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-selected:after, .f8303a11ec48bef3-tabBar .aa8da23faa27393c-item[aria-selected=true]:after, .d6f9e90c3456ac40-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-selected:after, .d6f9e90c3456ac40-tabBar .aa8da23faa27393c-item[aria-selected=true]:after, ._81b3e843d09e285a-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-selected:after, ._81b3e843d09e285a-tabBar .aa8da23faa27393c-item[aria-selected=true]:after, .d1d9f3257b6b604c-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-selected:after, .d1d9f3257b6b604c-tabBar .aa8da23faa27393c-item[aria-selected=true]: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; + transition: var(--default-time) ease all; +} +._133bf5eea8e33a34-tabBar .aa8da23faa27393c-item:last-of-type, .f8303a11ec48bef3-tabBar .aa8da23faa27393c-item:last-of-type, .d6f9e90c3456ac40-tabBar .aa8da23faa27393c-item:last-of-type, ._81b3e843d09e285a-tabBar .aa8da23faa27393c-item:last-of-type, .d1d9f3257b6b604c-tabBar .aa8da23faa27393c-item:last-of-type { + margin-right: 0; +} +._133bf5eea8e33a34-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-disabled, .f8303a11ec48bef3-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-disabled, .d6f9e90c3456ac40-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-disabled, ._81b3e843d09e285a-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-disabled, .d1d9f3257b6b604c-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-disabled { + cursor: not-allowed; + opacity: 0.5; +} +._133bf5eea8e33a34-tabBar .aa8da23faa27393c-item .cf48127484dbde85-text-sm\/normal, .f8303a11ec48bef3-tabBar .aa8da23faa27393c-item .cf48127484dbde85-text-sm\/normal, .d6f9e90c3456ac40-tabBar .aa8da23faa27393c-item .cf48127484dbde85-text-sm\/normal, ._81b3e843d09e285a-tabBar .aa8da23faa27393c-item .cf48127484dbde85-text-sm\/normal, .d1d9f3257b6b604c-tabBar .aa8da23faa27393c-item .cf48127484dbde85-text-sm\/normal { + line-height: inherit; +} + +.f8303a11ec48bef3-vertical { + height: unset; +} +.f8303a11ec48bef3-vertical .aa8da23faa27393c-item { + transition: var(--default-time) var(--default-animation) background-color; +} +.f8303a11ec48bef3-vertical .aa8da23faa27393c-item.aa8da23faa27393c-selected { + background-color: hsl(var(--accent-hsl), 0.3) !important; + border-radius: 12px; +} +.f8303a11ec48bef3-vertical .aa8da23faa27393c-item.aa8da23faa27393c-selected:after { + display: none; +} + +.d1d9f3257b6b604c-tabBar { + margin: 0 16px 0; +} + +.d6f9e90c3456ac40-tabBar { + padding-top: 0; +} +.d6f9e90c3456ac40-tabBar .aa8da23faa27393c-item { + height: 47px; +} + +._4efb4560fd616a25-tabBar { + height: 56px; + margin-bottom: 0; + padding-top: 0; +} +._4efb4560fd616a25-tabBar .aa8da23faa27393c-item { + padding: 0 8px; + line-height: 56px; +} + +._2950670e9886816a-tabBar { + border-bottom-width: 1px; +} +._2950670e9886816a-tabBar .aa8da23faa27393c-item { + margin-right: 24px !important; + margin-bottom: 0; +} + +/* + * + * TITLES + * + */ +.b717a15017b82443-h4, +.b717a15017b82443-h5 { + font-size: 14px; + text-transform: none; +} + +/* + * + * TOASTS + * + */ +.toast, +._3fde7e375925af75-toast { + height: 40px; + padding: 0 16px; + background-color: var(--tooltip-color); + border-radius: 20px; + border: none; + box-shadow: none; + font-size: 1em; + font-weight: 400; + color: var(--tooltip-text-color); +} + +.toast_g4bfgI, +.qwert-toast { + margin-top: 30px !important; + padding: 16px !important; + border-radius: 4px; + color: var(--interactive-text-default) !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; + border: none !important; + box-shadow: var(--shadow-medium) !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 + * + */ +.c36707910f687430-tooltip, ._4e35b986167c457d-tooltip { + padding: var(--tooltip-padding); + background-color: var(--tooltip-color) !important; + border-radius: var(--popout-radius); + box-shadow: var(--tooltip-shadow) !important; + border: none; + font-size: var(--tooltip-font-size); + font-weight: 500; + z-index: 99999999999999; + animation: opacity var(--default-time) ease; +} +.c36707910f687430-tooltip .c36707910f687430-tooltipPointer, ._4e35b986167c457d-tooltip .c36707910f687430-tooltipPointer, .c36707910f687430-tooltip .c36707910f687430-tooltipPointer { + display: none; +} +.c36707910f687430-tooltip .c36707910f687430-tooltipContent, ._4e35b986167c457d-tooltip .c36707910f687430-tooltipContent, +.c36707910f687430-tooltip .b1f768426adf64d9-guildNameText, +._4e35b986167c457d-tooltip .b1f768426adf64d9-guildNameText, +.c36707910f687430-tooltip .b1f768426adf64d9-guildNameText { + padding: 0; + font-size: var(--tooltip-font-size); + color: var(--tooltip-text-color); +} +.c36707910f687430-tooltip .tooltipText__0ca35, ._4e35b986167c457d-tooltip .tooltipText__0ca35, .c36707910f687430-tooltip ._040f07d21e1fb0d6-emojiTooltipText, ._4e35b986167c457d-tooltip ._040f07d21e1fb0d6-emojiTooltipText, +.c36707910f687430-tooltip .cf48127484dbde85-text-sm\/medium, +._4e35b986167c457d-tooltip .cf48127484dbde85-text-sm\/medium, .c36707910f687430-tooltip .tooltipText__0ca35, .c36707910f687430-tooltip ._040f07d21e1fb0d6-emojiTooltipText, +.c36707910f687430-tooltip .cf48127484dbde85-text-sm\/medium { + font-size: var(--tooltip-font-size); + color: var(--tooltip-text-color) !important; +} +.c36707910f687430-tooltip .cf48127484dbde85-\/normal, ._4e35b986167c457d-tooltip .cf48127484dbde85-\/normal, .c36707910f687430-tooltip .cf48127484dbde85-\/normal { + color: var(--tooltip-text-color) !important; +} +.c36707910f687430-tooltip .b1f768426adf64d9-activityIcon, ._4e35b986167c457d-tooltip .b1f768426adf64d9-activityIcon, .c36707910f687430-tooltip .b1f768426adf64d9-activityIcon { + color: var(--tooltip-text-color); +} +.c36707910f687430-tooltip ._0f481cbbd7530492-clickCTA, ._4e35b986167c457d-tooltip ._0f481cbbd7530492-clickCTA, .c36707910f687430-tooltip ._0f481cbbd7530492-clickCTA { + color: var(--tooltip-text-color) !important; +} + +._4e35b986167c457d-caretIcon { + display: none; +} + +.upsellTooltipWrapper__675aa { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + border: none; + box-shadow: var(--shadow-medium); +} +.upsellTooltipWrapper__675aa.caretTopCenter__675aa:after { + border-bottom-color: var(--popout-color); +} +.upsellTooltipWrapper__675aa.caretLeftCenter__675aa:after { + border-right-color: var(--popout-color); +} + +.upsellTooltipWrapper__675aa.caretTopCenter__675aa:after { + border-bottom-color: var(--popout-color); +} +.upsellTooltipWrapper__675aa.caretLeftTop__675aa:after { + top: var(--popout-radius-big); + border-right-color: var(--popout-color); +} +.upsellTooltipWrapper__675aa .upsellTooltipHeader__675aa { + color: var(--header-primary); +} +.upsellTooltipWrapper__675aa .upsellTooltipText__675aa, .upsellTooltipWrapper__675aa .content__675aa { + color: var(--header-secondary) !important; +} +.upsellTooltipWrapper__675aa .lookInverted_a299dc._201d5e8a3c09670a-colorBrand { + --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__675aa .lookInverted_a299dc._201d5e8a3c09670a-colorBrand:after { + background-color: hsl(var(--accent-hsl--material-you)); +} + +._7d7feb6bbfde0545-tooltipPremiumFooterContainer { + border-radius: 14px; +} + +.b49891f8a231dbff-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); +} +.b49891f8a231dbff-reactionTooltip .b49891f8a231dbff-reactionTooltipText { + color: inherit; +} + +.b49891f8a231dbff-burstReactionTooltipMessage { + border-bottom-color: var(--text-disabled); +} + +.b49891f8a231dbff-burstReactionTooltipPrompt { + margin: 8px 0 0; +} +.b49891f8a231dbff-burstReactionTooltipPrompt .b49891f8a231dbff-reactionTooltipText { + margin-left: 0; +} + +/* TOOLTIP -> EMOJI INFO */ +._0f481cbbd7530492-popoutContainer { + background-color: var(--tooltip-color) !important; + border-radius: var(--tooltip-radius); + box-shadow: var(--tooltip-shadow) !important; +} +._0f481cbbd7530492-popoutContainer .defaultColor__77578, ._0f481cbbd7530492-popoutContainer .defaultColor_e9e35f, ._0f481cbbd7530492-popoutContainer ._4bd5201c86a2042b-defaultColor { + color: var(--tooltip-text-color); +} + +.d5cd2da5733d0b6e-emojiSection { + padding: 16px 16px 8px; +} + +.d5cd2da5733d0b6e-guildSection { + position: relative; + padding: 8px 16px 16px; + background-color: transparent; +} +.d5cd2da5733d0b6e-guildSection:before { + position: absolute; + content: " "; + width: calc(100% - 32px); + height: 1px; + top: 0; + left: 16px; + background-color: var(--tooltip-border-color); +} +.d5cd2da5733d0b6e-guildSection .d5cd2da5733d0b6e-guildTitle, +.d5cd2da5733d0b6e-guildSection .cf48127484dbde85-\/normal { + color: var(--tooltip-text-color) !important; +} + +/* + * + * ACTIVITY LIST + * + */ +._133bf5eea8e33a34-nowPlayingColumn { + background-color: var(--main-color); +} +._133bf5eea8e33a34-nowPlayingColumn ._7d20cf18f8a2784c-container { + background-color: transparent; +} +._133bf5eea8e33a34-nowPlayingColumn ._7d20cf18f8a2784c-container ._7d20cf18f8a2784c-scroller { + margin-left: 0; + padding: 16px 16px 12px; + border-left: none; +} + +._5017b12e7aa6c216-memberItem { + padding: 0; +} + +.card_bf550a { + margin-bottom: 16px; + background-color: var(--card-color-outlined); + border: 1px solid var(--card-border-color); + padding: 0; + border-radius: var(--card-radius-big); + box-shadow: none; +} +.card_bf550a ._7d20cf18f8a2784c-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; + border-bottom: 1px solid var(--card-border-color); + text-align: left; +} +.card_bf550a .size14_a4e6b9 { + padding: 16px 16px 0; +} +.card_bf550a .buttonContainer_bf550a { + padding: 0 16px 16px; +} + +._7e549558f336cddb-emptyCard { + padding: 0; + background-color: var(--activity-card-color); + border-radius: var(--card-radius-big); +} +._7e549558f336cddb-emptyCard ._7e549558f336cddb-emptyHeader { + 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; + border-bottom: none; + box-sizing: border-box; + text-align: left; +} +._7e549558f336cddb-emptyCard ._7e549558f336cddb-emptyText { + padding: 0 16px 16px; + text-align: left; +} + +.bf1984a18b3ec6f0-interactive { + margin: 0 0 2px; + background-color: var(--activity-card-color); + border-radius: 4px; + border: none; + transition: var(--default-time) var(--default-animation) background-color; +} +.bf1984a18b3ec6f0-interactive:first-of-type { + border-radius: var(--card-radius-big) var(--card-radius-big) 4px 4px; +} +.bf1984a18b3ec6f0-interactive:nth-last-child(1) { + border-radius: 4px 4px var(--card-radius-big) var(--card-radius-big); +} +.bf1984a18b3ec6f0-interactive:hover { + background-color: var(--activity-card-color--hover) !important; +} +.bf1984a18b3ec6f0-interactive .bf1984a18b3ec6f0-inset { + margin-left: 44px; + background-color: transparent; +} +.bf1984a18b3ec6f0-interactive .bf1984a18b3ec6f0-outer { + background-color: var(--activity-card-color); +} +.bf1984a18b3ec6f0-interactive ._00943886e1cf89d1-section { + margin-bottom: 2px; + background-color: var(--activity-card-color--inset); + border-radius: 4px; + border: none; +} +.bf1984a18b3ec6f0-interactive ._00943886e1cf89d1-section:first-of-type { + border-radius: var(--card-radius-big) var(--card-radius-big) 4px 4px; +} +.bf1984a18b3ec6f0-interactive ._00943886e1cf89d1-section:not(:first-of-type):last-of-type { + margin-bottom: 0; + border-radius: 4px 4px var(--card-radius-big) var(--card-radius-big); +} +.bf1984a18b3ec6f0-interactive ._00943886e1cf89d1-section:only-child { + border-radius: var(--card-radius-big); +} +.bf1984a18b3ec6f0-interactive ._00943886e1cf89d1-separator { + display: none; +} +.bf1984a18b3ec6f0-interactive ._00943886e1cf89d1-headerIcon { + border-radius: 50%; +} +.bf1984a18b3ec6f0-interactive ._00943886e1cf89d1-applicationStreamingPreviewWrapper { + background-color: var(--card-color-alt); + border-radius: calc(var(--card-radius-big) / 1.25); + overflow: hidden; +} +.bf1984a18b3ec6f0-interactive ._0466635b0fbd5ad3-image { + border-radius: calc(var(--card-radius-big) / 1.25); +} +.bf1984a18b3ec6f0-interactive ._00943886e1cf89d1-borderRadius0 { + border-radius: 50%; +} + +._11054c9baccea7a2-wrapper { + background-color: var(--activity-card-color--inset); + border-radius: 4px; +} +._11054c9baccea7a2-wrapper:only-child { + border-radius: var(--card-radius-big); +} +._11054c9baccea7a2-wrapper ._1d8687673afa90a1-promotedTag { + padding: 3px 6px 2px; +} +._11054c9baccea7a2-wrapper ._1d8687673afa90a1-promotedTagBackground { + background-color: var(--card-color-filled) !important; + border-radius: 9px; +} + +._11054c9baccea7a2-rewardTileWithInstructions { + margin-inline: 0; + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); +} + +._00943886e1cf89d1-separator + ._11054c9baccea7a2-wrapper { + border-radius: 4px 4px var(--card-radius-big) var(--card-radius-big); +} + +._133bf5eea8e33a34-nowPlayingColumn ._7d20cf18f8a2784c-header { + margin-top: 0; + font-weight: 400; +} +._133bf5eea8e33a34-nowPlayingColumn ._7d20cf18f8a2784c-header + .bf1984a18b3ec6f0-interactive:nth-last-child(2) { + border-radius: var(--card-radius-big); +} + +/* + * + * ADD FRIEND + * + */ +._94b083577c5dbbb3-header { + margin: 16px 16px 0; + padding: 0 0 16px; +} + +._72ba79a5dfa2ce86-addFriendInputWrapper { + 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; +} +._72ba79a5dfa2ce86-addFriendInputWrapper ._72ba79a5dfa2ce86-addFriendInput, +._72ba79a5dfa2ce86-addFriendInputWrapper ._72ba79a5dfa2ce86-addFriendHint { + padding: 0; + line-height: var(--input-height); + font-weight: 400; +} +._72ba79a5dfa2ce86-addFriendInputWrapper ._72ba79a5dfa2ce86-addFriendInput::-webkit-input-placeholder, +._72ba79a5dfa2ce86-addFriendInputWrapper ._72ba79a5dfa2ce86-addFriendHint::-webkit-input-placeholder { + color: var(--text-muted); + font-weight: 500; +} +._72ba79a5dfa2ce86-addFriendInputWrapper ._72ba79a5dfa2ce86-addFriendInput { + border-bottom: none !important; +} +._72ba79a5dfa2ce86-addFriendInputWrapper ._72ba79a5dfa2ce86-addFriendInput ._0f0849b61557225e-input { + padding: 0; + box-shadow: none !important; +} +._72ba79a5dfa2ce86-addFriendInputWrapper ._72ba79a5dfa2ce86-addFriendHint { + top: 6px; +} + +.a145951f2e72a285-header { + padding: 16px; +} + +.a145951f2e72a285-grid { + padding: 0 16px; +} + +.a145951f2e72a285-container { + 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; +} +.a145951f2e72a285-container:hover { + background-color: var(--card-color-hover); +} + +/* + * + * FRIENDS LIST + * + */ +._133bf5eea8e33a34-container { + background-color: var(--chat-color) !important; + border-top-right-radius: var(--card-radius-big); + border-top: none; +} + +._133bf5eea8e33a34-tabBody { + background-color: transparent; +} +._133bf5eea8e33a34-tabBody:before { + display: none; +} + +._6811a89c5c687a9a-blockedIgnoredSettingsNotice { + margin: 16px 16px 4px 16px; + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); +} + +._1472a8142d02ea23-title { + font-size: 12px; + text-transform: none; +} + +._5ec2fb8b5de26b21-peopleList { + padding-bottom: 12px; +} + +._133bf5eea8e33a34-peopleColumn .d125d22cdfd32cfe-scrollerBase { + margin-top: 0; +} +._133bf5eea8e33a34-peopleColumn .container-q97qHp { + height: 40px; + margin: 0; + padding: 0 16px; + line-height: 40px; + font-size: 14px; + text-transform: none; +} + +._5ec2fb8b5de26b21-searchBar { + margin: 16px 16px 8px 16px; + height: var(--input-height); + max-height: var(--input-height); + padding: 0 var(--input-padding); + background-color: var(--input-color); + border-radius: calc(var(--input-height) / 2); + border: none; + box-shadow: none; + padding: 0; +} +._5ec2fb8b5de26b21-searchBar:focus-within { + box-shadow: none; +} +._5ec2fb8b5de26b21-searchBar ._72c3859781ebce8f-container:not(.a16aea1526925c2c-container) { + border-radius: calc(var(--input-height) / 2); + border: none; + box-shadow: none; +} +._5ec2fb8b5de26b21-searchBar ._72c3859781ebce8f-container:not(.a16aea1526925c2c-container):focus-within { + box-shadow: none; +} + +.cc61794aab086a2e-peopleListItem { + 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; +} +.cc61794aab086a2e-peopleListItem:hover { + background-color: var(--menu-item-hover); +} +.cc61794aab086a2e-peopleListItem.cc61794aab086a2e-active { + background-color: var(--menu-item-select); +} +.cc61794aab086a2e-peopleListItem .f8fa068db52f043f-actionButton { + background-color: transparent; + position: relative; +} +.cc61794aab086a2e-peopleListItem .f8fa068db52f043f-actionButton: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; +} +.cc61794aab086a2e-peopleListItem .f8fa068db52f043f-actionButton:hover:after { + opacity: 1; + transform: scale(1); + animation: scale 150ms var(--default-animation), opacity 150ms ease; +} +.cc61794aab086a2e-peopleListItem .f8fa068db52f043f-actionButton:active:after { + background-color: hsl(var(--md-ripple-color), 0.2); +} +.cc61794aab086a2e-peopleListItem .f8fa068db52f043f-actionButton .f8fa068db52f043f-icon { + transform: scale(1.2); +} +.cc61794aab086a2e-peopleListItem .f8fa068db52f043f-actionButton .f8fa068db52f043f-icon 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"); +} + +._0a06ed6ea040aa1b-discriminator { + opacity: 0; + transition: var(--default-time) var(--default-animation) opacity; +} + +._0a06ed6ea040aa1b-userInfo._0a06ed6ea040aa1b-hovered ._0a06ed6ea040aa1b-discriminator { + opacity: 1; +} + +/* FRIENDS LIST -> SPAM REQUESTS */ +._2bb833b4269d94a6-spamRequest:not(:nth-last-of-type(2)) { + border-bottom: none; +} +._2bb833b4269d94a6-spamRequest .cc61794aab086a2e-peopleListItem { + margin: 0 !important; +} + +/* + * + * LIBRARY + * + */ +._5a8959fbcedb42ba-libraryHeader { + --input-height: 32px; + --input-padding: 0 2px 0 6px; +} +._5a8959fbcedb42ba-libraryHeader .inner__72c38 .input__72c38 { + padding: 0; +} +._5a8959fbcedb42ba-libraryHeader .inner__72c38 .input__72c38, ._5a8959fbcedb42ba-libraryHeader .inner__72c38 .input__72c38::-webkit-input-placeholder { + font-weight: 500; +} + +._3fb48a36faa8fdf6-libraryFilter { + width: 160px; + transition: 300ms ease width; +} +._3fb48a36faa8fdf6-libraryFilter._3fb48a36faa8fdf6-focused { + width: 240px; +} + +._4a84a2c88d373bef-scroller, +.fb04e18e9304920d-scroller { + background-color: var(--chat-color); +} + +.adb41f8099151bc8-table { + padding-bottom: 8px; +} +.adb41f8099151bc8-table .adb41f8099151bc8-header { + height: 42px; + padding: 0 16px; + line-height: 42px; + background-color: var(--chat-color); + border-bottom: 1px solid var(--card-border-color); +} +.adb41f8099151bc8-table .adb41f8099151bc8-header.adb41f8099151bc8-stickyHeader { + width: 100%; +} +.adb41f8099151bc8-table .adb41f8099151bc8-header .adb41f8099151bc8-headerCell { + border: none; + font-size: 14px; + text-transform: none; +} +.adb41f8099151bc8-table .adb41f8099151bc8-header .adb41f8099151bc8-headerCell.adb41f8099151bc8-headerCellSorted ._5fe04e0e6576a4fb-headerCellContent { + position: relative; + background-color: transparent !important; + border: none; +} +.adb41f8099151bc8-table .adb41f8099151bc8-header .adb41f8099151bc8-headerCell.adb41f8099151bc8-headerCellSorted ._5fe04e0e6576a4fb-headerCellContent: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; + transition: var(--default-time) ease all; +} +.adb41f8099151bc8-table .adb41f8099151bc8-header .adb41f8099151bc8-headerCell.adb41f8099151bc8-headerCellSorted ._5fe04e0e6576a4fb-headerCellContent:after { + width: calc(100% - 22px); + left: 0; + right: auto; +} + +.adb41f8099151bc8-rowWrapper { + margin: 0 8px; + padding: 0; + border-radius: var(--card-radius-big); + border: none; + transition: var(--default-time) var(--default-animation) background-color; +} +.adb41f8099151bc8-rowWrapper.adb41f8099151bc8-rowWrapperActive { + background-color: var(--menu-item-hover); +} +.adb41f8099151bc8-rowWrapper .adb41f8099151bc8-row { + margin: 0; + padding: 0 16px; + border-top: none !important; +} +.adb41f8099151bc8-rowWrapper .adb41f8099151bc8-nameBodyCell, +.adb41f8099151bc8-rowWrapper .adb41f8099151bc8-settingIcon, +.adb41f8099151bc8-rowWrapper .adb41f8099151bc8-textCell { + transition: var(--default-time) var(--default-animation) opacity; +} +.adb41f8099151bc8-rowWrapper .adb41f8099151bc8-nameBodyCell { + padding-left: 0; +} + +.fb04e18e9304920d-body { + 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 + * + */ +.f391e3680aff100a-list { + padding: 0 8px; +} +.f391e3680aff100a-list .content-2a4AW9 { + height: auto !important; + margin-top: 24px; + background-color: var(--card-color-filled); + border: none; + padding: 0; + border-radius: var(--card-radius-big); + box-shadow: none; + overflow: hidden; +} +.f391e3680aff100a-list .content-2a4AW9 > div[style="height: 24px;"] { + display: none; +} +.f391e3680aff100a-list .f391e3680aff100a-sectionTitle { + 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; +} + +.abb9ad4c358e5829-messageRequestItem { + padding: 16px; + position: relative; + border-bottom: none; + border-radius: var(--card-radius-big); + transition: var(--default-time) var(--default-animation) background-color; +} +.abb9ad4c358e5829-messageRequestItem:after { + position: absolute; + content: " "; + width: calc(100% - 16px * 2); + height: 1px; + right: 0; + bottom: 0; + margin: 0 16px; + background-color: var(--card-border-color); +} +.abb9ad4c358e5829-messageRequestItem:last-of-type:after { + display: none; +} +.abb9ad4c358e5829-messageRequestItem:not(.abb9ad4c358e5829-firstItem) { + border-top: none; +} +.abb9ad4c358e5829-messageRequestItem:hover, .abb9ad4c358e5829-messageRequestItem.abb9ad4c358e5829-active, .abb9ad4c358e5829-messageRequestItem.f391e3680aff100a-selected, .abb9ad4c358e5829-messageRequestItem .dcc822f5d1a23123-selected { + border-radius: var(--card-radius-big); +} +.abb9ad4c358e5829-messageRequestItem:hover .actionButton-3GQIiT, .abb9ad4c358e5829-messageRequestItem.abb9ad4c358e5829-active .actionButton-3GQIiT, .abb9ad4c358e5829-messageRequestItem.f391e3680aff100a-selected .actionButton-3GQIiT, .abb9ad4c358e5829-messageRequestItem .dcc822f5d1a23123-selected .actionButton-3GQIiT { + background-color: var(--card-color-alt); +} +.abb9ad4c358e5829-messageRequestItem:hover, .abb9ad4c358e5829-messageRequestItem.abb9ad4c358e5829-active { + background-color: var(--card-color-hover); +} +.abb9ad4c358e5829-messageRequestItem.f391e3680aff100a-selected, .abb9ad4c358e5829-messageRequestItem .dcc822f5d1a23123-selected { + background-color: var(--card-color-active); +} +.abb9ad4c358e5829-messageRequestItem:after { + display: none; +} +.abb9ad4c358e5829-messageRequestItem .actionButton-3GQIiT { + background-color: var(--card-color-hover); +} +.abb9ad4c358e5829-messageRequestItem ._201d5e8a3c09670a-button._201d5e8a3c09670a-colorPrimary { + --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; +} +.abb9ad4c358e5829-messageRequestItem ._201d5e8a3c09670a-button._201d5e8a3c09670a-colorPrimary:after { + background-color: hsl(var(--button-link-accent-color)); +} + +/* MESSAGE REQUESTS -> PREVIEW */ +.a44415a3320e67de-chat:before { + display: none; +} + +/* + * + * NITRO + * + */ +.f07d62e29a48ceee-applicationStore { + background-color: var(--chat-color); + border-top-right-radius: var(--card-radius-big); +} +.f07d62e29a48ceee-applicationStore .scroller__244e5 { + background-color: transparent; +} + +.settingsContainer-36qZZ9 { + width: 100%; + border-radius: var(--card-radius-big); +} + +.ac86f68ab746d5ff-card { + border-radius: var(--card-radius-big); +} + +.b62c4e4ee0e62730-perkCard { + background-color: var(--card-color-filled); + border: none; + padding: 16px; + border-radius: var(--card-radius-big); + box-shadow: none; +} + +.client-theme-color-picker .ca1a02dcad190ff8-mainPageScroller { + background-color: transparent; +} + +._0920e02cc8fc7b7b-homeWrapper { + background-color: transparent; + border-top: none; +} + +.b5493bb5330ab072-card { + background-color: var(--card-color-filled) !important; + border: none !important; + padding: 16px !important; + border-radius: var(--card-radius-big) !important; + box-shadow: none !important; + transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) box-shadow !important; +} +.b5493bb5330ab072-card:hover { + background-color: var(--card-color-hover) !important; + box-shadow: var(--shadow-soft) !important; +} + +.b5493bb5330ab072-hoverWrapper:hover .b5493bb5330ab072-noFlipCardContainer { + transform: none; +} +.b5493bb5330ab072-hoverWrapper:hover .b5493bb5330ab072-cardImage { + width: 100%; + margin: 0 0 -2px; + border-radius: calc(var(--card-radius-big) / 1.5); +} + +.b5493bb5330ab072-cardImage { + margin-bottom: -2px; + border-radius: calc(var(--card-radius-big) / 1.5); +} +.b5493bb5330ab072-cardImage img { + height: 100%; +} + +._1f0692e2665d8dcd-cardDescription { + display: none; +} + +.da4aee5b24d1a407-container { + background-color: var(--card-color-filled); + border: none; + padding: 0; + border-radius: var(--card-radius-big); + box-shadow: none; +} +.da4aee5b24d1a407-container .da4aee5b24d1a407-textContainer { + background-image: linear-gradient(to right, var(--card-color-filled), hsl(var(--card-color-filled)/40%) 90%, transparent); +} + +/* + * + * DISCOVER QUESTS + * + */ +._955a392354a35c6e-container { + border-top-right-radius: var(--card-radius-big); + border-top: none; + overflow: hidden; +} + +._8a7fc664acf53af6-backdrop { + background-color: var(--chat-color); + border-top-right-radius: var(--card-radius-big); + opacity: 1 !important; +} + +.a3e8dbaff932c162-clickable { + height: 32px; +} + +.a3e8dbaff932c162-container { + height: inherit; + background-color: var(--card-color-filled); + border-radius: 18px; + border: none; + transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) border-radius; +} +.a3e8dbaff932c162-container.a3e8dbaff932c162-highlighted { + background-color: var(--card-color-hover); +} +.a3e8dbaff932c162-container.a3e8dbaff932c162-selected { + background-color: var(--card-color-active); + border-radius: 10px; +} + +.b4f99ff7fb9ad184-container { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + border: none; + box-shadow: var(--shadow-hard); +} + +/* QUESTS -> BANNER */ +._955a392354a35c6e-bannerContainer { + position: relative; + width: calc(100% - 40px); + height: 260px; + min-height: 260px; + max-height: 260px; + box-sizing: border-box; + overflow: hidden; +} +._955a392354a35c6e-bannerContainer ._201d5e8a3c09670a-button { + --button-padding: var(--button-padding-icon-right); + height: var(--button-height); + padding: var(--button-padding); +} +._955a392354a35c6e-bannerContainer ._201d5e8a3c09670a-button svg path { + fill: currentColor; +} + +.e9ef783a74d3f83a-content { + max-width: unset; +} + +.bannerImage__955a3 { + height: 100%; + border-radius: inherit; +} +.bannerImage__955a3 ._955a392354a35c6e-bannerGradient { + display: none; +} + +/* QUESTS -> CONTENT AREA */ +.container_a56260 { + background-color: var(--chat-color) !important; +} + +.contentContainer_a56260 { + background: none !important; + backdrop-filter: none !important; +} + +._57454517c20909ea-headingWrapper { + padding: var(--space-24) var(--space-32) 0; +} + +._9047f97c69c86d14-popout { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + border: none; + box-shadow: var(--shadow-medium); +} + +.filterOptionGroup__61c5c > :nth-child(2) { + margin-top: var(--space-8); +} + +._0a16d68e8ea54ba6-group { + gap: var(--space-8); +} + +._57454517c20909ea-filterSortOption:hover { + background-color: transparent; +} + +/* QUESTS -> CARDS */ +._60f82152ef4c5e63-container { + padding: var(--space-24) var(--space-32); +} + +._60f82152ef4c5e63-questTile { + background-color: var(--card-color-filled); + border: none; + padding: 0; + border-radius: var(--card-radius-big); + box-shadow: none; + transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) box-shadow; +} +._60f82152ef4c5e63-questTile:hover { + background-color: var(--card-color-hover); + box-shadow: var(--shadow-soft); +} + +.b5b7aaa6ce54422c-heroAssetCont, +.b5b7aaa6ce54422c-overlay { + aspect-ratio: 1280/400; +} + +.b5b7aaa6ce54422c-container { + background-color: transparent !important; + border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; +} +.b5b7aaa6ce54422c-container .b5b7aaa6ce54422c-heroAssetWrapper { + border-radius: var(--card-radius-big); +} +.b5b7aaa6ce54422c-container .b5b7aaa6ce54422c-overlay { + display: none; +} +.b5b7aaa6ce54422c-container .b5b7aaa6ce54422c-bottomRow .cf48127484dbde85-text-sm\/medium { + padding: 0 8px; + background-color: var(--card-button-color); + border-radius: 9px; + color: var(--interactive-text-default) !important; +} + +.submenuWrapper_f2bc91 { + background-color: var(--card-button-color) !important; +} + +._956c67492d3b967a-rewardDescriptionContainer { + background-color: var(--card-color-filled); +} +._956c67492d3b967a-rewardDescriptionContainer ._956c67492d3b967a-questRewardTileAsset { + border-radius: 50%; +} + +._956c67492d3b967a-container { + background-color: transparent; +} +._956c67492d3b967a-container ._956c67492d3b967a-rewardDescriptionContainer { + background-color: transparent; +} +._956c67492d3b967a-container ._960ef1e55e284ad3-container { + border-top: none; +} + +._956c67492d3b967a-textOverflowBlur { + background: linear-gradient(transparent 50%, var(--card-color-filled) 100%); +} + +/* + * + * MESSAGE ACTIONS + * + */ +._5126c0cd07f243a0-buttons { + max-width: 32px; + top: -36px; + opacity: 0; + visibility: visible; + pointer-events: none; + transition: var(--default-time) var(--default-animation) opacity, var(--default-time) var(--default-animation) max-width; +} + +._5126c0cd07f243a0-message:hover ._5126c0cd07f243a0-buttons { + max-width: 380px; + opacity: 1; + pointer-events: all; +} + +.f7ecaca5c80dbf3a-wrapper { + padding: 4px; + background-color: var(--main-textarea-color); + border-radius: 19px; + box-shadow: var(--shadow-medium) !important; + border: none; + overflow: hidden; + z-index: 2; +} +.f7ecaca5c80dbf3a-wrapper:hover { + border: none; +} + +.f7ecaca5c80dbf3a-button { + width: 30px; + height: 30px; + border-radius: 15px; + box-sizing: border-box; + transition: var(--default-time) var(--default-animation) background-color; +} +.f7ecaca5c80dbf3a-button:hover { + background-color: var(--menu-item-hover); +} +.f7ecaca5c80dbf3a-button .f7ecaca5c80dbf3a-selected { + background-color: var(--menu-item-select); +} + +.full-motion .f7ecaca5c80dbf3a-wrapper:hover { + box-shadow: var(--shadow-2dp); +} + +.popoverReactionHoverBar_f84418:hover { + border: none; +} +.popoverReactionHoverBar_f84418 .f84418acfdbdfe54-hoverBarButton { + border-radius: 28px; +} + +/* MESSAGES -> ACTIONS -> DELETE MESSAGE */ +.fd14e024a43b9049-message { + padding: 0; + background-color: transparent !important; + box-shadow: none !important; +} +.fd14e024a43b9049-message .c19a557985eb7793-wrapper { + margin: 0 0 0 52px !important; + background-color: var(--message-color-alt) !important; +} +.fd14e024a43b9049-message .c19a557985eb7793-wrapper .c19a557985eb7793-avatar { + left: -52px !important; +} + +/* + * + * ATTACHMENTS + * + */ +.nonMediaAttachmentsContainer__912df { + margin-top: 0; +} + +._0ccaee68b77c7469-fileWrapper { + background-color: var(--attachment-color); + border-radius: var(--media-radius); + border: none; +} +._0ccaee68b77c7469-fileWrapper._4d95d73152192cf9-newMosaicStyle { + border-radius: var(--media-radius); +} +._0ccaee68b77c7469-fileWrapper .downloadButton__3fb6d { + margin-left: 0; +} +._0ccaee68b77c7469-fileWrapper .downloadButton__3fb6d path { + d: path("M13 5v6h1.17L12 13.17 9.83 11H11V5h2m2-2H9v6H5l7 7 7-7h-4V3zm4 15H5v2h14v-2z") !important; +} + +._06ab41fd2ef7af3f-hoverButtonGroup { + background-color: var(--card-button-color); + border-radius: 16px; + transition: var(--default-time) var(--default-animation) opacity; +} +._06ab41fd2ef7af3f-hoverButtonGroup ._06ab41fd2ef7af3f-hoverButton { + transition: var(--default-time) var(--default-animation) background-color; +} +._06ab41fd2ef7af3f-hoverButtonGroup ._06ab41fd2ef7af3f-hoverButton:hover { + background-color: var(--card-button-color-hover); +} +._06ab41fd2ef7af3f-hoverButtonGroup .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._06ab41fd2ef7af3f-hoverButtonGroup { + background-color: transparent; + opacity: 1; +} + +.cf09d85aafe7e124-video { + border-radius: var(--media-radius); +} + +._9271d23503a01b50-container { + background-color: var(--attachment-color); + border-radius: var(--media-radius); +} + +._0ccaee68b77c7469-progress { + background-color: hsl(var(--accent-hsl), 0.3) !important; +} +._0ccaee68b77c7469-progress .progressBar-1T6LYX { + background-color: hsl(var(--accent-hsl--material-you)) !important; +} + +.tile__076c1 { + border-radius: var(--media-radius); + background-color: var(--attachment-color) !important; +} + +._076c1e9e7f8f918a-referral { + border-radius: var(--media-radius); +} + +.cacd02fa13551840-bumpBox { + background-color: var(--attachment-color); + border-radius: var(--media-radius); +} + +._623de82e76ad7f82-embed { + border-radius: var(--media-radius); +} +._623de82e76ad7f82-embed._623de82e76ad7f82-embedFull { + background-color: var(--attachment-color); +} +._623de82e76ad7f82-embed pre, +._623de82e76ad7f82-embed pre code, +._623de82e76ad7f82-embed code.inline, +._623de82e76ad7f82-embed ._299eb87491f4b6d1-spoilerContent { + --attachment-color: var(--message-color); +} + +._44c9ad8d149f0821-embedCard { + background-color: var(--attachment-color); + border-radius: var(--message-radius); +} +._44c9ad8d149f0821-embedCard._444920e965051ae6-selected { + background-color: var(--attachment-color); +} +._44c9ad8d149f0821-embedCard .c19a557985eb7793-wrapper { + margin: 0 0 0 48px !important; +} +._44c9ad8d149f0821-embedCard .c19a557985eb7793-wrapper .c19a557985eb7793-avatar { + left: -48px !important; + margin-top: 0; +} + +._44c9ad8d149f0821-withFooter { + padding-bottom: 0; + border-radius: var(--media-radius) var(--media-radius) 0 0; +} + +._444920e965051ae6-footerContainer { + padding: 8px 16px 8px; + background-color: var(--attachment-color); + border-radius: 0 0 var(--media-radius) var(--media-radius); +} +._444920e965051ae6-footerContainer ._201d5e8a3c09670a-button { + --button-height: 30px; +} +._444920e965051ae6-footerContainer ._201d5e8a3c09670a-button ._201d5e8a3c09670a-contents > div { + height: var(--button-height); +} +._444920e965051ae6-footerContainer ._201d5e8a3c09670a-button .cf48127484dbde85-\/normal { + color: hsl(var(--accent-text-color--material-you)) !important; + font-weight: 500; +} + +._1647d698ce7feb4d-children { + margin-top: 4px; + gap: 8px; +} +._1647d698ce7feb4d-children ._201d5e8a3c09670a-button { + margin: 0; +} + +._86fa62aafa304c71-guildShopEmbed { + background-color: var(--attachment-color) !important; + border-radius: var(--media-radius); +} +._86fa62aafa304c71-guildShopEmbed ._201d5e8a3c09670a-lookFilled._201d5e8a3c09670a-colorBrand .cf48127484dbde85-text-sm\/medium { + color: inherit !important; +} + +._124c842e1d810007-wrapper { + background-color: var(--attachment-color); + border-radius: var(--media-radius); +} + +.d5f3cd116f175f35-wrapper { + background-color: var(--attachment-color) !important; + border-radius: var(--media-radius); + border: none; +} +.d5f3cd116f175f35-wrapper .d5f3cd116f175f35-inviteSplash, +.d5f3cd116f175f35-wrapper .da5e8d057abd4424-banner { + border-radius: var(--media-radius); +} +.d5f3cd116f175f35-wrapper ._99f8cc7ad4790ce9-content { + gap: 12px; +} +.d5f3cd116f175f35-wrapper .d5f3cd116f175f35-guildIcon { + border-radius: 50%; +} + +.invite__4d3fa { + background-color: var(--attachment-color) !important; + border-radius: var(--media-radius); + border: none !important; +} + +/* ATTACHMENTS -> AUDIO FILE */ +.cf09d85aafe7e124-wrapperAudio { + padding: 0; + background-color: var(--attachment-color) !important; + border-radius: var(--media-radius); + border: none; +} +.cf09d85aafe7e124-wrapperAudio.cf09d85aafe7e124-newMosaicStyle { + padding: 0; + border-radius: var(--media-radius); +} +.cf09d85aafe7e124-wrapperAudio .cf09d85aafe7e124-audioMetadata { + padding: 12px 12px 4px; +} +.cf09d85aafe7e124-wrapperAudio .cf09d85aafe7e124-audioMetadata .cf09d85aafe7e124-metadataIcon 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"); +} +.cf09d85aafe7e124-wrapperAudio + .nonMediaAttachment_ef83c1 { + top: 12px; + bottom: unset; + margin: 0; +} +.cf09d85aafe7e124-wrapperAudio .cf09d85aafe7e124-audioControls { + margin-top: 0; + background-color: transparent; + border-radius: 0; + border-top: 1px solid var(--card-border-color); + color: var(--interactive-text-default); +} +.cf09d85aafe7e124-wrapperAudio .cf09d85aafe7e124-audioControls .cf09d85aafe7e124-controlIcon { + padding: 8px; +} + +.a8e786485f0c32f8-container { + background-color: var(--attachment-color); + border-radius: var(--media-radius); + border-color: var(--attachment-color); +} +.a8e786485f0c32f8-container.a8e786485f0c32f8-playing { + border-color: hsl(var(--accent-hsl--material-you)); +} +.a8e786485f0c32f8-container.a8e786485f0c32f8-playing .a8e786485f0c32f8-playButtonContainer { + border-radius: 10px; +} + +.a8e786485f0c32f8-rippleContainer { + display: none; +} + +.a8e786485f0c32f8-playButtonContainer { + background: hsl(var(--accent-hsl--material-you)) !important; + transition: var(--default-time) var(--default-animation) border-radius; +} +.a8e786485f0c32f8-playButtonContainer:active { + transform: none; +} +.a8e786485f0c32f8-playButtonContainer .a8e786485f0c32f8-playIcon { + color: var(--accent-text-color--material-you) !important; +} + +/* ATTACHMENTS -> VIDEO PLAYER */ +.cf09d85aafe7e124-wrapper { + border-radius: 0; +} + +.b26b790fd1005393-mediaBarInteraction:hover .b26b790fd1005393-mediaBarGrabber { + background-color: hsl(var(--accent-hsl--material-you)); + box-shadow: var(--shadow-2dp); +} + +.b26b790fd1005393-mediaBarInteractionDragging .b26b790fd1005393-mediaBarGrabber { + background-color: hsl(var(--accent-hsl--material-you)); + box-shadow: var(--shadow-medium); +} + +.b26b790fd1005393-mediaBarGrabber, .b26b790fd1005393-mediaBarGrabber:before, .b26b790fd1005393-mediaBarGrabber:after, +.b26b790fd1005393-mediaBarProgress, +.b26b790fd1005393-mediaBarProgress:before, +.b26b790fd1005393-mediaBarProgress:after { + background-color: hsl(var(--accent-hsl--material-you)); +} + +/* ATTACHMENTS -> IMAGES */ +.f4758a8d6346d18b-visualMediaItemContainer { + border-radius: var(--media-radius); +} + +.f4758a8d6346d18b-oneByOneGrid, +.f4758a8d6346d18b-oneByTwoGrid { + border-radius: var(--media-radius); + overflow: hidden; +} + +.f4758a8d6346d18b-visualMediaItemContainer .f4758a8d6346d18b-oneByOneGrid:not(:only-child), +.f4758a8d6346d18b-visualMediaItemContainer .f4758a8d6346d18b-oneByTwoGrid:not(:only-child) { + border-radius: calc(var(--media-radius) / 4); +} + +.f4758a8d6346d18b-oneByTwoGridItem, +.f4758a8d6346d18b-oneByTwoSoloItem, +.f4758a8d6346d18b-twoByOneGridItem { + border-radius: calc(var(--media-radius) / 4); +} + +._6c706db0523bd9a7-mosaicItemMediaMosaic, +.f4758a8d6346d18b-itemContentContainer, +._0f481cbbd7530492-imageContainer, +.af017ab847f75d02-imageWrapper { + border-radius: inherit; +} + +._623de82e76ad7f82-embedVideo .af017ab847f75d02-imageWrapper { + border-radius: var(--media-radius); +} + +._299eb87491f4b6d1-spoilerContainer { + border-radius: var(--media-radius); + box-shadow: none !important; +} + +._752971923a1e6683-timestamp { + background-color: var(--attachment-color); +} + +/* ATTACHMENTS -> FILES */ +._0ccaee68b77c7469-file { + background-color: var(--attachment-color); + border-radius: var(--media-radius); + border: none; + box-shadow: none; +} +._0ccaee68b77c7469-file + ._06ab41fd2ef7af3f-hoverButtonGroup { + background-color: var(--card-color-active); + box-shadow: var(--shadow-2dp); + outline: none; +} + +/* ATTACHMENTS -> SERVER INVITES */ +._083ae98ea5145b08-guildInviteContainer { + background-color: var(--attachment-color); + border-radius: var(--media-radius); + border: none; +} +._083ae98ea5145b08-guildInviteContainer .dca174a2baed7ac1-banner { + border-radius: var(--media-radius); +} +._083ae98ea5145b08-guildInviteContainer .dca174a2baed7ac1-avatarWrapper { + background-color: var(--attachment-color); +} + +._083ae98ea5145b08-footerContent { + background-color: transparent; +} + +/* ATTACHMENTS -> QUEST CARD */ +._12e165c2871a3e75-questsCard { + background-color: var(--attachment-color); + border-radius: var(--media-radius); + box-shadow: none; +} + +._74dc650bf8854a18-outerContainer { + border-radius: var(--media-radius); +} + +.fbc6f7283f697ba7-root { + background-color: transparent; +} +.fbc6f7283f697ba7-root ._281417ebc313bb72-questRewardTile { + border-radius: 50% !important; + box-shadow: var(--shadow-soft); +} + +._281417ebc313bb72-rewardHighlight:after { + display: none; +} + +/* + * + * MARKUP + * + */ +._752971923a1e6683-markup a { + color: hsl(var(--accent-hsl)); +} +._752971923a1e6683-markup pre, ._752971923a1e6683-markup pre *, ._752971923a1e6683-markup pre code, ._752971923a1e6683-markup pre code *, ._752971923a1e6683-markup code.inline, ._752971923a1e6683-markup .ada32f6ad5a36c58-codeBlockText, ._752971923a1e6683-markup .ada32f6ad5a36c58-codeBlockText *, ._752971923a1e6683-markup .ada32f6ad5a36c58-codeLine, ._752971923a1e6683-markup .ada32f6ad5a36c58-codeLine *, ._752971923a1e6683-markup .ada32f6ad5a36c58-codeBlockLang, ._752971923a1e6683-markup .ada32f6ad5a36c58-codeBlockLang *, ._752971923a1e6683-markup .ada32f6ad5a36c58-codeBlockSyntax, ._752971923a1e6683-markup .ada32f6ad5a36c58-codeBlockSyntax *, ._752971923a1e6683-markup .ada32f6ad5a36c58-syntaxAfter, ._752971923a1e6683-markup .ada32f6ad5a36c58-syntaxAfter *, ._752971923a1e6683-markup .ada32f6ad5a36c58-syntaxBefore, ._752971923a1e6683-markup .ada32f6ad5a36c58-syntaxBefore * { + --app-font: var(--code-font), monospace; + font-optical-sizing: auto; + font-weight: 300; + font-style: normal; +} +._752971923a1e6683-markup pre, +._752971923a1e6683-markup pre code, +._752971923a1e6683-markup code.inline { + background-color: var(--attachment-color); + border-radius: var(--media-radius); + border: none; +} +._752971923a1e6683-markup pre code, +._752971923a1e6683-markup pre code code, +._752971923a1e6683-markup code.inline code { + background-color: transparent; +} +._752971923a1e6683-markup pre, +._752971923a1e6683-markup code.inline { + margin: 4px 0; +} +._752971923a1e6683-markup ._752971923a1e6683-codeContainer { + max-width: none; +} + +.ada32f6ad5a36c58-before_inlineCode, +.ada32f6ad5a36c58-before_inlineCode, +.ada32f6ad5a36c58-after_inlineCode { + --app-font: var(--code-font), monospace; + background-color: var(--attachment-color); + border: none; + font-optical-sizing: auto; + font-weight: 300; + font-style: normal; +} + +.ada32f6ad5a36c58-before_inlineCode { + border-radius: var(--media-radius) 0 0 var(--media-radius); +} + +.ada32f6ad5a36c58-after_inlineCode { + border-radius: 0 var(--media-radius) var(--media-radius) 0; +} + +.f61d60ed65f9a128-wrapper { + 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; +} +.f61d60ed65f9a128-wrapper:hover { + background-color: hsl(var(--accent-hsl), 0.3); + color: hsl(var(--accent-hsl)); +} + +.theme-dark .f61d60ed65f9a128-wrapper { + background-color: hsl(var(--accent-hsl), 0.15); + color: hsl(var(--accent-hsl)); +} +.theme-dark .f61d60ed65f9a128-wrapper:hover { + background-color: hsl(var(--accent-hsl), 0.3); +} + +._4d95d73152192cf9-textContainer, +._4d95d73152192cf9-footer { + background-color: var(--attachment-color); + border: none; +} + +._4d95d73152192cf9-textContainer .hljs { + background-color: transparent; +} + +._4d95d73152192cf9-newMosaicStyle ._4d95d73152192cf9-textContainer { + border-radius: var(--media-radius) var(--media-radius) 0 0; +} +._4d95d73152192cf9-newMosaicStyle ._4d95d73152192cf9-footer { + border-radius: 0 0 var(--media-radius) var(--media-radius); + border-top: 1px solid var(--separator-color); +} + +._4d95d73152192cf9-codeView, ._4d95d73152192cf9-codeView * { + --app-font: var(--code-font), monospace; + font-optical-sizing: auto; + font-weight: 300; + font-style: normal; +} + +/* + * + * MESSAGES + * + */ +._5126c0cd07f243a0-message ._740174f3d6a2c8fe-channelTextArea { + margin-block-end: 4px; + background-color: var(--input-color-alt); + border-radius: var(--main-textarea-radius); + border: none; + box-shadow: none; +} +._5126c0cd07f243a0-message ._740174f3d6a2c8fe-channelTextArea ._740174f3d6a2c8fe-inner { + padding-inline-start: 0; +} + +._5126c0cd07f243a0-backgroundFlash { + border-radius: var(--message-radius); +} +._5126c0cd07f243a0-backgroundFlash[style] { + position: relative; + background-color: transparent !important; +} +._5126c0cd07f243a0-backgroundFlash[style]: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; +} +._5126c0cd07f243a0-backgroundFlash:not([style$="0);"]):before { + background-color: hsl(var(--accent-hsl), 0.2); +} +._5126c0cd07f243a0-backgroundFlash[style="background-color: rgba(148, 156, 247, 0);"]:before { + background-color: hsl(var(--accent-hsl), 0); +} + +._36d072eab2b2e737-messagesWrapper.group-spacing-0 ._5126c0cd07f243a0-groupStart { + --group-spacing: 0.125rem; +} +._36d072eab2b2e737-messagesWrapper.group-spacing-0 ._5126c0cd07f243a0-divider._5126c0cd07f243a0-beforeGroup { + top: 1px; +} +._36d072eab2b2e737-messagesWrapper.group-spacing-4 ._5126c0cd07f243a0-groupStart { + --group-spacing: 0.3125rem; +} +._36d072eab2b2e737-messagesWrapper.group-spacing-4 ._5126c0cd07f243a0-divider._5126c0cd07f243a0-beforeGroup { + top: 2px; +} +._36d072eab2b2e737-messagesWrapper.group-spacing-8 ._5126c0cd07f243a0-groupStart { + --group-spacing: 0.5625rem; +} +._36d072eab2b2e737-messagesWrapper.group-spacing-8 ._5126c0cd07f243a0-divider._5126c0cd07f243a0-beforeGroup { + top: 4px; +} +._36d072eab2b2e737-messagesWrapper.group-spacing-16 ._5126c0cd07f243a0-groupStart { + --group-spacing: 1.0625rem; +} +._36d072eab2b2e737-messagesWrapper.group-spacing-16 ._5126c0cd07f243a0-divider._5126c0cd07f243a0-beforeGroup { + top: 8px; +} +._36d072eab2b2e737-messagesWrapper.group-spacing-24 ._5126c0cd07f243a0-groupStart { + --group-spacing: 1.5625rem; +} +._36d072eab2b2e737-messagesWrapper.group-spacing-24 ._5126c0cd07f243a0-divider._5126c0cd07f243a0-beforeGroup { + top: 12px; +} +._36d072eab2b2e737-messagesWrapper[class*=group-spacing] ._5126c0cd07f243a0-groupStart { + margin-block-start: var(--group-spacing); +} +._36d072eab2b2e737-messagesWrapper[class*=group-spacing] ._5126c0cd07f243a0-divider:not(._5126c0cd07f243a0-beforeGroup) { + top: -4px; +} +._36d072eab2b2e737-messagesWrapper ._908e20001ad67812-divider { + border-top-color: var(--message-color-hover); +} +._36d072eab2b2e737-messagesWrapper ._908e20001ad67812-content { + padding: 4px 12px; + border-radius: 11px; +} + +.c19a557985eb7793-wrapper { + position: relative; + background-color: var(--message-color) !important; + transition: var(--default-time) var(--default-animation) background-color; +} +.c19a557985eb7793-wrapper:hover { + background-color: var(--message-color-hover) !important; +} +.c19a557985eb7793-wrapper:hover .c19a557985eb7793-repliedMessageClickableSpine { + border-color: var(--message-color-hover) !important; +} +.c19a557985eb7793-wrapper._5126c0cd07f243a0-automodMessage:before { + display: none; +} +.c19a557985eb7793-wrapper.c19a557985eb7793-hasThread:after { + display: none; +} +.c19a557985eb7793-wrapper.c19a557985eb7793-hasThread ._752971923a1e6683-markup { + overflow: visible; +} +.c19a557985eb7793-wrapper._5126c0cd07f243a0-groupStart { + position: relative; + border-radius: var(--message-radius); +} +.c19a557985eb7793-wrapper._5126c0cd07f243a0-groupStart .c19a557985eb7793-avatar { + width: 40px; + height: 40px; + top: 0; + left: -50px; + border-radius: var(--avatar-radius); +} +.c19a557985eb7793-wrapper._5126c0cd07f243a0-groupStart .c19a557985eb7793-avatarDecoration { + top: 0; + left: -54px; +} +.c19a557985eb7793-wrapper._5126c0cd07f243a0-groupStart._5126c0cd07f243a0-replying:before { + display: none; +} +.c19a557985eb7793-wrapper:not(._5126c0cd07f243a0-groupStart) { + border-radius: 0 0 var(--message-radius) var(--message-radius); +} +.c19a557985eb7793-wrapper:not(._5126c0cd07f243a0-groupStart):before, .c19a557985eb7793-wrapper:not(._5126c0cd07f243a0-groupStart):after { + content: " "; + position: absolute; + width: 0; + height: 0; + top: calc(var(--message-radius) / 2.2 * -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; +} +.c19a557985eb7793-wrapper:not(._5126c0cd07f243a0-groupStart):before { + left: 0; + border-left-color: var(--message-color); +} +.c19a557985eb7793-wrapper:not(._5126c0cd07f243a0-groupStart):after { + right: 0; + border-right-color: var(--message-color); +} +.c19a557985eb7793-wrapper._5126c0cd07f243a0-ephemeral a, .c19a557985eb7793-wrapper._5126c0cd07f243a0-replying a { + color: hsl(var(--accent-hsl)); +} +.c19a557985eb7793-wrapper._5126c0cd07f243a0-ephemeral:before { + display: none; +} +.c19a557985eb7793-wrapper .ec4baf0360ff3578-slateTextArea { + padding-inline-start: 12px !important; +} +.c19a557985eb7793-wrapper .c19a557985eb7793-messageContent { + overflow: visible; +} +.c19a557985eb7793-wrapper .c19a557985eb7793-messageContent ._444920e965051ae6-iconContainer { + width: 40px !important; + top: -8px; + left: calc((50px + var(--message-padding-side)) * -1); +} +.c19a557985eb7793-wrapper .c19a557985eb7793-buttonContainer { + margin-block-start: 8px; + margin-inline-start: 0; + z-index: 3; +} +.c19a557985eb7793-wrapper .c19a557985eb7793-buttonContainer ._201d5e8a3c09670a-button { + --button-height: 24px; + --button-padding: 0 6px; +} +.c19a557985eb7793-wrapper .c19a557985eb7793-buttonContainer ._201d5e8a3c09670a-button .cf48127484dbde85-\/normal { + color: hsl(var(--accent-hsl--material-you)) !important; +} +.c19a557985eb7793-wrapper .c19a557985eb7793-buttonContainer ._444920e965051ae6-footerAction { + height: var(--button-height); +} +.c19a557985eb7793-wrapper .c19a557985eb7793-buttonContainer ._444920e965051ae6-footerAction ._444920e965051ae6-footerIcon { + color: hsl(var(--accent-hsl--material-you)); +} +.c19a557985eb7793-wrapper .c19a557985eb7793-buttonContainer ._444920e965051ae6-footerAction ._444920e965051ae6-footerIcon path { + fill: currentColor; +} +.c19a557985eb7793-wrapper ._444920e965051ae6-dot { + margin: 0 4px; +} +.c19a557985eb7793-wrapper ._740174f3d6a2c8fe-channelTextArea ._740174f3d6a2c8fe-scrollableContainer { + background-color: var(--input-color-alt); + border-radius: var(--main-textarea-radius); +} + +.c19a557985eb7793-repliedMessageClickableSpine { + left: calc((var(--chat-avatar-size) / 2 + var(--message-padding-side) + var(--gutter) / 2) * -1); + margin-inline-end: var(--message-padding-side); + border-color: var(--message-color); + transition: var(--default-time) var(--default-animation) border-color; +} + +._5126c0cd07f243a0-replying { + z-index: 2; +} +._5126c0cd07f243a0-replying .c19a557985eb7793-contents:before { + position: absolute; + content: " "; + width: calc(100% - 8px); + height: calc(100% - 8px); + top: 4px; + left: 4px; + background-color: hsl(var(--reply-hsl), var(--reply-opacity)); + border-radius: calc(var(--message-radius) / 1.25); + pointer-events: none; + animation: var(--default-time) var(--default-animation) opacity; +} + +.c19a557985eb7793-executedCommand .c19a557985eb7793-appLauncherOnboardingCommandName { + border-radius: 9px; +} + +._5126c0cd07f243a0-messageListItem:hover + ._5126c0cd07f243a0-messageListItem .c19a557985eb7793-wrapper:not(._5126c0cd07f243a0-groupStart):before, ._5126c0cd07f243a0-messageListItem:hover + ._5126c0cd07f243a0-messageListItem .c19a557985eb7793-wrapper:not(._5126c0cd07f243a0-groupStart):after, +._5126c0cd07f243a0-messageListItem:hover + ._5126c0cd07f243a0-backgroundFlash .c19a557985eb7793-wrapper:not(._5126c0cd07f243a0-groupStart):before, +._5126c0cd07f243a0-messageListItem:hover + ._5126c0cd07f243a0-backgroundFlash .c19a557985eb7793-wrapper:not(._5126c0cd07f243a0-groupStart):after, +._5126c0cd07f243a0-messageListItem:hover + ._5126c0cd07f243a0-divider + ._5126c0cd07f243a0-messageListItem .c19a557985eb7793-wrapper:not(._5126c0cd07f243a0-groupStart):before, +._5126c0cd07f243a0-messageListItem:hover + ._5126c0cd07f243a0-divider + ._5126c0cd07f243a0-messageListItem .c19a557985eb7793-wrapper:not(._5126c0cd07f243a0-groupStart):after, +._5126c0cd07f243a0-backgroundFlash:hover + ._5126c0cd07f243a0-messageListItem .c19a557985eb7793-wrapper:not(._5126c0cd07f243a0-groupStart):before, +._5126c0cd07f243a0-backgroundFlash:hover + ._5126c0cd07f243a0-messageListItem .c19a557985eb7793-wrapper:not(._5126c0cd07f243a0-groupStart):after, +._5126c0cd07f243a0-backgroundFlash:hover + ._5126c0cd07f243a0-backgroundFlash .c19a557985eb7793-wrapper:not(._5126c0cd07f243a0-groupStart):before, +._5126c0cd07f243a0-backgroundFlash:hover + ._5126c0cd07f243a0-backgroundFlash .c19a557985eb7793-wrapper:not(._5126c0cd07f243a0-groupStart):after, +._5126c0cd07f243a0-backgroundFlash:hover + ._5126c0cd07f243a0-divider + ._5126c0cd07f243a0-messageListItem .c19a557985eb7793-wrapper:not(._5126c0cd07f243a0-groupStart):before, +._5126c0cd07f243a0-backgroundFlash:hover + ._5126c0cd07f243a0-divider + ._5126c0cd07f243a0-messageListItem .c19a557985eb7793-wrapper:not(._5126c0cd07f243a0-groupStart):after { + border-bottom-color: var(--message-color-hover); +} +._5126c0cd07f243a0-messageListItem:hover + ._5126c0cd07f243a0-messageListItem .c19a557985eb7793-wrapper:not(._5126c0cd07f243a0-groupStart):before, +._5126c0cd07f243a0-messageListItem:hover + ._5126c0cd07f243a0-backgroundFlash .c19a557985eb7793-wrapper:not(._5126c0cd07f243a0-groupStart):before, +._5126c0cd07f243a0-messageListItem:hover + ._5126c0cd07f243a0-divider + ._5126c0cd07f243a0-messageListItem .c19a557985eb7793-wrapper:not(._5126c0cd07f243a0-groupStart):before, +._5126c0cd07f243a0-backgroundFlash:hover + ._5126c0cd07f243a0-messageListItem .c19a557985eb7793-wrapper:not(._5126c0cd07f243a0-groupStart):before, +._5126c0cd07f243a0-backgroundFlash:hover + ._5126c0cd07f243a0-backgroundFlash .c19a557985eb7793-wrapper:not(._5126c0cd07f243a0-groupStart):before, +._5126c0cd07f243a0-backgroundFlash:hover + ._5126c0cd07f243a0-divider + ._5126c0cd07f243a0-messageListItem .c19a557985eb7793-wrapper:not(._5126c0cd07f243a0-groupStart):before { + border-left-color: var(--message-color-hover); +} +._5126c0cd07f243a0-messageListItem:hover + ._5126c0cd07f243a0-messageListItem .c19a557985eb7793-wrapper:not(._5126c0cd07f243a0-groupStart):after, +._5126c0cd07f243a0-messageListItem:hover + ._5126c0cd07f243a0-backgroundFlash .c19a557985eb7793-wrapper:not(._5126c0cd07f243a0-groupStart):after, +._5126c0cd07f243a0-messageListItem:hover + ._5126c0cd07f243a0-divider + ._5126c0cd07f243a0-messageListItem .c19a557985eb7793-wrapper:not(._5126c0cd07f243a0-groupStart):after, +._5126c0cd07f243a0-backgroundFlash:hover + ._5126c0cd07f243a0-messageListItem .c19a557985eb7793-wrapper:not(._5126c0cd07f243a0-groupStart):after, +._5126c0cd07f243a0-backgroundFlash:hover + ._5126c0cd07f243a0-backgroundFlash .c19a557985eb7793-wrapper:not(._5126c0cd07f243a0-groupStart):after, +._5126c0cd07f243a0-backgroundFlash:hover + ._5126c0cd07f243a0-divider + ._5126c0cd07f243a0-messageListItem .c19a557985eb7793-wrapper:not(._5126c0cd07f243a0-groupStart):after { + border-right-color: var(--message-color-hover); +} + +.c19a557985eb7793-cozy._5126c0cd07f243a0-groupStart { + margin-block-end: 0; +} +.c19a557985eb7793-cozy._5126c0cd07f243a0-groupStart._5126c0cd07f243a0-mentioned:before { + display: none; +} +.c19a557985eb7793-cozy._5126c0cd07f243a0-groupStart { + padding-block: var(--message-padding-top); + padding-inline: var(--message-padding-side); +} +.c19a557985eb7793-cozy:not(._5126c0cd07f243a0-groupStart) { + margin-block-start: calc(var(--message-padding-top) * -1); + padding-block: calc(var(--message-padding-top) / 2) var(--message-padding-top); + padding-inline: var(--message-padding-side); +} +.c19a557985eb7793-cozy:not(._5126c0cd07f243a0-groupStart) + ._5126c0cd07f243a0-divider:not(._5126c0cd07f243a0-beforeGroup) { + top: -4px; +} +.c19a557985eb7793-cozy .c19a557985eb7793-header { + margin-block-end: 4px; +} +.c19a557985eb7793-cozy ._752971923a1e6683-markup { + margin-inline-start: 0; + padding-inline-start: 0; +} +.c19a557985eb7793-cozy:hover .c19a557985eb7793-timestamp.c19a557985eb7793-alt { + opacity: 1; + transition: var(--default-time) ease opacity 750ms; +} +.c19a557985eb7793-cozy .c19a557985eb7793-timestamp.c19a557985eb7793-alt { + opacity: 0; + left: -64px; + color: var(--text-muted); + font-weight: 600; + transition: var(--default-time) ease opacity 0ms; +} +.c19a557985eb7793-cozy .removeAttachmentButton__692b5 { + right: -4px; +} +.c19a557985eb7793-cozy:not(._5126c0cd07f243a0-message) { + margin-block: 16px 0; + margin-inline: 68px 10px; + padding-block: var(--message-padding-top); + padding-inline: var(--message-padding-side); + border-radius: var(--message-radius); +} +.c19a557985eb7793-cozy:not(._5126c0cd07f243a0-message):before, .c19a557985eb7793-cozy:not(._5126c0cd07f243a0-message):after { + display: none; +} +.c19a557985eb7793-cozy .c19a557985eb7793-avatar { + top: 0; + left: -50px; +} +.c19a557985eb7793-cozy .c19a557985eb7793-avatarDecoration { + left: -54px; +} +.c19a557985eb7793-cozy.c19a557985eb7793-hasReply .c19a557985eb7793-avatar, +.c19a557985eb7793-cozy.c19a557985eb7793-hasReply .c19a557985eb7793-avatarDecoration { + top: 28px; +} + +.c19a557985eb7793-compact { + margin-block-end: 0; + padding-inline-end: 8px; +} +.c19a557985eb7793-compact .c19a557985eb7793-avatar { + width: 16px !important; + height: 16px !important; + top: 3px !important; + left: 0 !important; + margin: 0 0.5em 0 0.25em !important; + padding: 0 !important; +} +.c19a557985eb7793-compact._5126c0cd07f243a0-groupStart { + padding: 8px; +} +.c19a557985eb7793-compact._5126c0cd07f243a0-groupStart._5126c0cd07f243a0-mentioned:before { + display: none; +} +.c19a557985eb7793-compact._5126c0cd07f243a0-groupStart + ._5126c0cd07f243a0-divider { + margin-block-end: -1px; +} +.c19a557985eb7793-compact:not(._5126c0cd07f243a0-groupStart) { + margin-block-start: -8px; + padding-block: 0 8px; + padding-inline: 8px; +} +.c19a557985eb7793-compact .c19a557985eb7793-contents { + margin-inline-start: -4.25rem; + padding-inline-start: 4.25rem; + text-indent: -3.75rem; +} +.c19a557985eb7793-compact.c19a557985eb7793-hasThread .c19a557985eb7793-contents:before { + display: none; +} +.c19a557985eb7793-compact .c19a557985eb7793-header { + position: relative; + left: -8px; +} +.c19a557985eb7793-compact .c19a557985eb7793-timestamp { + width: 52px; + margin-inline-end: 16px; + color: var(--text-muted); +} +.c19a557985eb7793-compact .c19a557985eb7793-repliedMessage { + margin-inline-start: 0; +} +.c19a557985eb7793-compact { + /*+ &:not(._5126c0cd07f243a0-message) { + margin-block: 16px 0; + margin-inline: 70px 20px; + }*/ +} +.c19a557985eb7793-compact + ._5126c0cd07f243a0-divider { + margin-inline-start: 80px; + /*&:not(._5126c0cd07f243a0-beforeGroup) { + top: -11px; + }*/ +} + +._5126c0cd07f243a0-mentioned .c19a557985eb7793-messageContent { + 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; +} +._5126c0cd07f243a0-mentioned .c19a557985eb7793-messageContent:hover { + background-color: hsl(var(--accent-hsl), 0.375); +} +._5126c0cd07f243a0-mentioned .c19a557985eb7793-messageContent a { + color: hsl(var(--accent-hsl)); +} +._5126c0cd07f243a0-mentioned .c19a557985eb7793-messageContent .f61d60ed65f9a128-wrapper { + background-color: transparent; +} +._5126c0cd07f243a0-mentioned .c19a557985eb7793-messageContent .f61d60ed65f9a128-wrapper:before { + display: none; +} +._5126c0cd07f243a0-mentioned .c19a557985eb7793-contents .c19a557985eb7793-messageContent { + margin-inline: -4px; + padding-inline: 4px; +} +._5126c0cd07f243a0-mentioned .c19a557985eb7793-repliedMessage .c19a557985eb7793-messageContent { + padding-block: 0; + padding-inline: 4px 1px; +} + +.c19a557985eb7793-avatarDecoration { + top: 0; + left: -54px; +} + +._5126c0cd07f243a0-messageListItem, +._5126c0cd07f243a0-quotedChatMessage { + margin-inline: 68px 10px; +} + +.bab7519355c8eed6-operations > a { + color: hsl(var(--accent-hsl)); +} + +._36d072eab2b2e737-scrollerSpacer { + height: 20px !important; +} + +.mention::selection { + background: hsl(var(--accent-hsl), 0.5); + color: var(--accent-text-color--material-you); +} + +/* MESSAGES -> BADGES */ +._86331cbd99f88226-badge { + background-color: var(--attachment-color); +} + +._86331cbd99f88226-popout { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + border: none; + box-shadow: var(--shadow-medium); +} +._86331cbd99f88226-popout ._86331cbd99f88226-popoutHeaderContainer { + padding: 12px; + background-color: transparent; + border-bottom: 1px solid var(--popout-header-border); +} + +/* MESSAGES -> NEW MESSAGES DIVIDER */ +._5126c0cd07f243a0-divider ._908e20001ad67812-content { + background-color: var(--message-color-hover); +} +._5126c0cd07f243a0-divider._908e20001ad67812-isUnread { + margin-block: 0; + margin-inline: 5rem 0.875rem; + border-color: hsl(var(--accent-hsl--material-you)); +} +._5126c0cd07f243a0-divider._908e20001ad67812-isUnread ._908e20001ad67812-unreadPill { + height: 28px; + top: -15px; + padding-block: 0; + padding-inline: var(--space-16); + background-color: hsl(var(--accent-hsl--material-you)); + border-radius: 14px; + box-shadow: var(--shadow-medium); + font-size: 14px; + font-weight: 500; + text-transform: capitalize; + color: var(--accent-text-color--material-you); +} +._5126c0cd07f243a0-divider._908e20001ad67812-isUnread ._908e20001ad67812-unreadPill ._908e20001ad67812-unreadPillCap { + display: none; +} +._5126c0cd07f243a0-divider._908e20001ad67812-isUnread._5126c0cd07f243a0-hasContent ._908e20001ad67812-content { + background-color: hsl(var(--accent-hsl--material-you)); + color: var(--accent-text-color--material-you); +} +._5126c0cd07f243a0-divider._5126c0cd07f243a0-hasContent { + margin-inline-start: 1rem; +} + +/* MESSAGES -> ERROR BAR */ +._0f481cbbd7530492-messagesErrorBar { + min-width: 180px; + min-height: var(--button-height); + height: var(--button-height); + padding: 0; + border-radius: var(--button-radius); + box-shadow: var(--shadow-2dp); + transition: var(--default-time) var(--default-animation) box-shadow; +} +._0f481cbbd7530492-messagesErrorBar:hover { + box-shadow: var(--shadow-medium); +} +._0f481cbbd7530492-messagesErrorBar ._0f481cbbd7530492-barButtonBase { + background-color: transparent; + color: var(--alert-text-color); + box-shadow: none; +} +._0f481cbbd7530492-messagesErrorBar ._0f481cbbd7530492-barButtonMain { + display: flex; + flex: 0 1 auto; + border-radius: 0; + justify-content: center; +} +._0f481cbbd7530492-messagesErrorBar ._0f481cbbd7530492-barButtonMain:after { + position: absolute; + content: " "; + width: 1px; + height: 50%; + top: 0; + right: 0; + bottom: 0; + margin: auto 0; + background-color: var(--alert-text-color); +} +._0f481cbbd7530492-messagesErrorBar ._0f481cbbd7530492-barButtonAlt { + margin-inline-start: 0; + font-size: 14px; + font-weight: 500; +} +._0f481cbbd7530492-messagesErrorBar ._0f481cbbd7530492-barButtonMain, +._0f481cbbd7530492-messagesErrorBar ._0f481cbbd7530492-barButtonAlt { + min-width: var(--button-height); + padding: var(--button-padding); +} + +/* + * + * MESSAGE POLLS + * + */ +.b7e1cb0370c2dd0e-pollContainer { + background-color: var(--attachment-color); + border-radius: var(--media-radius); + border: none; +} +.b7e1cb0370c2dd0e-pollContainer ._4c5209741d147f1b-answersContainer { + padding: 0; + background-color: transparent; +} +.b7e1cb0370c2dd0e-pollContainer .f4f0eb773c27d83f-radioBackground { + fill: hsl(var(--accent-hsl--material-you)); +} +.b7e1cb0370c2dd0e-pollContainer ._201d5e8a3c09670a-lookBlank._201d5e8a3c09670a-colorBrand { + color: hsl(var(--accent-hsl--material-you)); +} + +._4c5209741d147f1b-answer.a1443c28bb4b5d23-votedStyles ._4c5209741d147f1b-answerInner { + outline-color: hsl(var(--accent-hsl--material-you)); +} +._4c5209741d147f1b-answer:not(.a1443c28bb4b5d23-votedStyles) ._4c5209741d147f1b-answerInner { + outline-color: transparent !important; +} + +._4c5209741d147f1b-answerInner { + background-color: var(--card-color-filled); + border-radius: calc(var(--media-radius) / 1.65); +} +._4c5209741d147f1b-answerInner._4c5209741d147f1b-currentlyVoting:hover { + background-color: var(--card-color-hover); +} +._4c5209741d147f1b-answerInner._4c5209741d147f1b-currentlyVoting._4c5209741d147f1b-selected { + background-color: var(--card-color-active); +} +._4c5209741d147f1b-answerInner._4c5209741d147f1b-currentlyVoting._4c5209741d147f1b-selected circle, +._4c5209741d147f1b-answerInner._4c5209741d147f1b-currentlyVoting._4c5209741d147f1b-selected path { + fill: hsl(var(--accent-hsl--material-you)); +} +._4c5209741d147f1b-answerInner._4c5209741d147f1b-currentlyVoting path { + fill: var(--interactive-text-default); +} + +._4c5209741d147f1b-votePercentageBar { + background-color: hsl(from hsl(var(--accent-hsl--material-you)) h calc(s * 1.5) l/0.25); +} + +._4c5209741d147f1b-answerSelectionIcon circle { + fill: var(--accent-text-color--material-you); +} +._4c5209741d147f1b-answerSelectionIcon path { + fill: hsl(var(--accent-hsl--material-you)); +} + +.f69538e19b6eaacd-container { + background-color: var(--attachment-color); + border-radius: var(--media-radius); + border: none; +} +.f69538e19b6eaacd-container .f69538e19b6eaacd-imageContainer { + background-color: var(--card-color-active); + border-radius: calc(var(--media-radius) - 4px); +} + +/* POLLS -> VOTES */ +.question__01c8c { + margin-right: 36px; +} +.question__01c8c + .cf48127484dbde85-text-md\/medium { + color: hsl(var(--accent-hsl--material-you)) !important; +} + +.content__01c8c ._01c8cef726c85956-scroller { + flex: 0 1 auto; + width: 200px; + padding: 0 8px 24px 24px; +} +.content__01c8c ._01c8cef726c85956-voters { + flex: 0 1 auto; + width: 400px; +} +.content__01c8c ._01c8cef726c85956-scroller, +.content__01c8c ._01c8cef726c85956-voters { + background-color: transparent; +} +.content__01c8c ._01c8cef726c85956-voter { + margin-right: calc(24px - var(--scrollbar-thin-width)); +} +.content__01c8c .aa8da23faa27393c-side .aa8da23faa27393c-item { + padding: 6px 10px; + border-radius: 22px; +} +.content__01c8c .aa8da23faa27393c-side .aa8da23faa27393c-item:hover { + background-color: var(--menu-item-hover); + transition: var(--default-time) var(--default-animation) background-color; +} +.content__01c8c .aa8da23faa27393c-side .aa8da23faa27393c-item.aa8da23faa27393c-selected { + background-color: var(--menu-item-select); +} + +/* + * + * MESSAGE REACTIONS + * + */ +._23977d5b7cef7361-reactions { + margin: 8px 0 0 0; + padding-bottom: 0; + gap: 4px; +} +._23977d5b7cef7361-reactions > div:empty { + margin-left: -4px; +} +._23977d5b7cef7361-reactions ._23977d5b7cef7361-reactionBtn { + margin-bottom: 0; + background-color: transparent; + border: none; +} +._23977d5b7cef7361-reactions ._23977d5b7cef7361-reactionBtn:hover { + background-color: transparent; +} + +._23977d5b7cef7361-reaction { + margin: 0; + background-color: transparent; + border-radius: 8px; + border-color: var(--separator-color); +} +._23977d5b7cef7361-reaction:hover { + background-color: var(--menu-item-hover); + border-color: transparent; +} +._23977d5b7cef7361-reaction._23977d5b7cef7361-reactionMe { + background-color: hsl(var(--accent-hsl--material-you), 0.2); + border-color: hsl(var(--accent-hsl--material-you)); +} +._23977d5b7cef7361-reaction._23977d5b7cef7361-reactionMe ._23977d5b7cef7361-reactionCount { + color: hsl(var(--accent-hsl--material-you)); +} + +/* MESSAGE REACTIONS -> REVERT BUTTONS TO REACTION STYLE */ +.component_d53fb7._201d5e8a3c09670a-lookFilled { + --button-height: 28px; + --button-padding: 0 8px; + --button-background: var(--input-color-alt); + --button-text-color: var(--input-text-color); +} +.component_d53fb7._201d5e8a3c09670a-lookFilled .emoji { + width: calc(var(--button-height) - 8px); + height: calc(var(--button-height) - 8px); +} +.component_d53fb7._201d5e8a3c09670a-lookFilled._201d5e8a3c09670a-colorBrand { + --button-background: hsl(var(--accent-hsl--material-you)); + --button-text-color: var(--accent-text-color--material-you); +} + +/* + * + * CONTEXT MENU QUICK REACTIONS + * + */ +.f563df886a7377be-button { + background-color: var(--menu-item-hover); +} +.f563df886a7377be-button:hover { + background-color: var(--menu-item-select); +} + +/* + * + * SPOILERS + * + */ +._299eb87491f4b6d1-spoilerContent, ._299eb87491f4b6d1-spoilerContent._299eb87491f4b6d1-hidden { + background-color: var(--attachment-color) !important; +} +._299eb87491f4b6d1-spoilerContent._299eb87491f4b6d1-attachmentContainer { + border-radius: calc(var(--card-radius-big) / 1.75); +} + +/* + * + * SUMMARY CONTENT + * + */ +._3aab5db0df002679-summaryStartContent { + margin-left: 0; + background-color: hsl(var(--accent-hsl--material-you)); + border-radius: 13px !important; + color: var(--accent-text-color--material-you); +} +._3aab5db0df002679-summaryStartContent ._3aab5db0df002679-summaryStartIcon { + color: inherit; +} + +._3aab5db0df002679-summaryEndContent { + height: auto; + padding: 0 !important; +} + +._3aab5db0df002679-summaryEndIcon { + position: relative; + top: -4px; + padding-left: 16px; + background-color: var(--chat-color); + color: hsl(var(--accent-hsl--material-you)); +} + +._3aab5db0df002679-summaryDividerEnd { + top: 0 !important; + margin-top: 1.5em !important; +} + +._3aab5db0df002679-summaryFeedbackWrapper { + margin-left: 0; + padding: 4px 12px; + background-color: hsl(var(--accent-hsl--material-you)); + border-radius: 13px; +} +._3aab5db0df002679-summaryFeedbackWrapper .cf48127484dbde85-text-xs\/medium { + font-size: 14px; + color: var(--accent-text-color--material-you) !important; +} +._3aab5db0df002679-summaryFeedbackWrapper ._3aab5db0df002679-thumbIcon { + padding: 3px; + background-color: var(--accent-text-color--material-you); + color: hsl(var(--accent-hsl--material-you)); +} + +/* + * + * VIDEO PLAYER + * + */ +.cf09d85aafe7e124-videoControls { + --progress-bar-height: 3px; + --progress-bar-hover-height: 8px; + --progress-grabber-size: calc(var(--progress-bar-hover-height) * 2); + height: 46px; + background-color: transparent; + background: linear-gradient(0deg, hsla(0, 0%, 0%, 0.65) 0%, transparent 100%); +} +.cf09d85aafe7e124-videoControls .cf09d85aafe7e124-videoButton { + margin-left: 12px; +} +.cf09d85aafe7e124-videoControls .cf09d85aafe7e124-durationTimeWrapper { + margin-left: 48px; +} +.cf09d85aafe7e124-videoControls .b26b790fd1005393-horizontal { + position: absolute; + top: -8px; +} +.cf09d85aafe7e124-videoControls .b26b790fd1005393-horizontal .b26b790fd1005393-mediaBarInteraction, +.cf09d85aafe7e124-videoControls .b26b790fd1005393-horizontal .b26b790fd1005393-mediaBarInteractionDragging { + height: var(--progress-bar-height); + margin: 0 12px; + padding: calc(var(--progress-bar-height) * 2) 0; +} +.cf09d85aafe7e124-videoControls .b26b790fd1005393-horizontal .b26b790fd1005393-mediaBarInteraction:hover .b26b790fd1005393-mediaBarWrapper { + height: var(--progress-bar-hover-height); +} +.cf09d85aafe7e124-videoControls .b26b790fd1005393-horizontal .b26b790fd1005393-mediaBarInteractionDragging .b26b790fd1005393-mediaBarWrapper { + height: var(--progress-bar-hover-height); +} +.cf09d85aafe7e124-videoControls .b26b790fd1005393-horizontal .b26b790fd1005393-mediaBarWrapper { + height: var(--progress-bar-height); + transition: var(--default-time) var(--default-animation) height; + box-shadow: none; +} +.cf09d85aafe7e124-videoControls .b26b790fd1005393-horizontal .b26b790fd1005393-fakeEdges:before, .cf09d85aafe7e124-videoControls .b26b790fd1005393-horizontal .b26b790fd1005393-fakeEdges:after { + border-radius: 0; +} +.cf09d85aafe7e124-videoControls .b26b790fd1005393-horizontal .b26b790fd1005393-mediaBarProgress { + background-color: hsl(var(--accent-hsl)); +} +.cf09d85aafe7e124-videoControls .b26b790fd1005393-horizontal .b26b790fd1005393-mediaBarProgress:before, .cf09d85aafe7e124-videoControls .b26b790fd1005393-horizontal .b26b790fd1005393-mediaBarProgress:after { + background-color: inherit; + border-radius: 0; +} +.cf09d85aafe7e124-videoControls .b26b790fd1005393-horizontal .b26b790fd1005393-mediaBarGrabber { + width: var(--progress-grabber-size); + height: var(--progress-grabber-size); + margin: calc(var(--progress-grabber-size) / 2 * -1) calc(var(--progress-grabber-size) / 2 * -1) 0 0; + border-radius: calc(var(--progress-grabber-size) / 2); + background-color: hsl(var(--accent-hsl)); +} +.cf09d85aafe7e124-videoControls .abf7060e6f2beabe-flex { + position: absolute; + left: 48px; +} +.cf09d85aafe7e124-videoControls .abf7060e6f2beabe-flex .cf09d85aafe7e124-volumeSliderWrapper { + z-index: 3; +} +.cf09d85aafe7e124-videoControls > div:not([class]) { + position: absolute; + right: 12px; +} +.cf09d85aafe7e124-videoControls .b26b790fd1005393-buffer { + opacity: 0.2; +} + +.b26b790fd1005393-mediaBarInteractionVolume .b26b790fd1005393-mediaBarProgress { + background-color: hsl(var(--accent-hsl)); +} +.b26b790fd1005393-mediaBarInteractionVolume .b26b790fd1005393-mediaBarProgress:before, .b26b790fd1005393-mediaBarInteractionVolume .b26b790fd1005393-mediaBarProgress:after { + background-color: inherit; +} +.b26b790fd1005393-mediaBarInteractionVolume .b26b790fd1005393-mediaBarGrabber { + background-color: hsl(var(--accent-hsl)); +} + +.cf09d85aafe7e124-videoButton { + margin-right: 0; +} + +/* + * + * ACCEPT RULES + * + */ +.b962dc319e969a3f-guildSidebar { + padding: 0; + background-color: transparent; + border-right: 1px solid var(--card-border-color); +} +.b962dc319e969a3f-guildSidebar > div:not([class]):first-child { + padding: 24px; +} +.b962dc319e969a3f-guildSidebar > div:not([class]):last-child { + display: flex; + position: relative; + padding: 0 24px 24px; +} +.b962dc319e969a3f-guildSidebar > div:not([class]):last-child ._7c0bae9243151ddd-flex { + height: 36px; + margin-right: 8px; + margin-bottom: 0; +} +.b962dc319e969a3f-guildSidebar .iconSizeLarge-_r2zCK { + border-radius: 50%; +} +.b962dc319e969a3f-guildSidebar .b962dc319e969a3f-divider { + border-bottom-color: var(--card-border-color); +} + +.b962dc319e969a3f-modal { + background-color: transparent; +} +.b962dc319e969a3f-modal .b962dc319e969a3f-content { + padding-bottom: 0; +} +.b962dc319e969a3f-modal .b962dc319e969a3f-divider { + border-bottom-color: var(--card-border-color); +} +.b962dc319e969a3f-modal ._0a749b746753a420-requirementContainer, .b962dc319e969a3f-modal .fieldBackground_d48a51, .b962dc319e969a3f-modal .fieldBackground_d48a51:hover:not(:focus) { + background-color: var(--card-color-filled); + border: none; + padding: 16px; + border-radius: var(--card-radius-big); + box-shadow: none; +} +.b962dc319e969a3f-modal .fieldBackground_d48a51, .b962dc319e969a3f-modal .fieldBackground_d48a51:hover:not(:focus) { + padding: 0; +} +.b962dc319e969a3f-modal .d48a5175a09205b7-termsRow { + padding: 16px; + position: relative; + border-bottom: none; +} +.b962dc319e969a3f-modal .d48a5175a09205b7-termsRow:after { + position: absolute; + content: " "; + width: calc(100% - 16px * 2); + height: 1px; + right: 0; + bottom: 0; + margin: 0 16px; + background-color: var(--card-border-color); +} +.b962dc319e969a3f-modal .d48a5175a09205b7-termsRow:last-of-type:after { + display: none; +} +.b962dc319e969a3f-modal ._49fc18ba07c5025f-footer ._201d5e8a3c09670a-button ._201d5e8a3c09670a-contents, .b962dc319e969a3f-modal .modalFooter_ababa2 ._201d5e8a3c09670a-button ._201d5e8a3c09670a-contents, .b962dc319e969a3f-modal .modalFooter__2bb83 ._201d5e8a3c09670a-button ._201d5e8a3c09670a-contents { + width: 70px; +} + +.fe70ca6739eeb5f0-termsFieldBody { + background-color: var(--card-color-hover); + border-radius: var(--card-radius-big); +} + +.fe70ca6739eeb5f0-overlay { + display: none; +} + +/* + * + * ACCOUNT SWITCHER + * + */ +._920b86c5b761e645-list { + background-color: var(--card-color-filled); + border: none; + padding: 0; + border-radius: var(--card-radius-big); + box-shadow: none; +} +._920b86c5b761e645-list ._920b86c5b761e645-accountCard { + padding: 16px; + background-color: transparent; + border-radius: var(--card-radius-big); + position: relative; + border-bottom: none; +} +._920b86c5b761e645-list ._920b86c5b761e645-accountCard:after { + position: absolute; + content: " "; + width: calc(100% - 16px * 2); + height: 1px; + right: 0; + bottom: 0; + margin: 0 16px; + background-color: var(--card-border-color); +} +._920b86c5b761e645-list ._920b86c5b761e645-accountCard:last-of-type:after { + display: none; +} +._920b86c5b761e645-list ._201d5e8a3c09670a-sizeIcon { + --button-height: 32px; + --button-padding: 0; + width: var(--button-height); + position: relative; +} +._920b86c5b761e645-list ._201d5e8a3c09670a-sizeIcon: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; +} +._920b86c5b761e645-list ._201d5e8a3c09670a-sizeIcon:hover:after { + opacity: 1; + transform: scale(1.2); + animation: scale 150ms var(--default-animation), opacity 150ms ease; +} +._920b86c5b761e645-list ._201d5e8a3c09670a-sizeIcon:active:after { + background-color: hsl(var(--md-ripple-color), 0.2); +} +._920b86c5b761e645-list ._201d5e8a3c09670a-sizeIcon ._201d5e8a3c09670a-contents { + height: 24px; + transform: rotate(90deg); +} +._920b86c5b761e645-list ._920b86c5b761e645-separator { + display: none; +} + +.actions__56d1c { + margin: 16px 0 0; +} + +/* ACCOUNT SWITCHER -> ADD ACCOUNT */ +._49fc18ba07c5025f-root ._921c50dc4baa4b4f-authBoxExpanded { + background-color: transparent !important; + box-shadow: none !important; +} + +._921c50dc4baa4b4f-authBoxExpanded .info__6436f, ._921c50dc4baa4b4f-authBoxExpanded .infoText-1-X8oU, ._921c50dc4baa4b4f-authBoxExpanded .e3f97f0d3cd70794-info { + 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); +} + +._6764bd76e0340219-container { + 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; +} +._6764bd76e0340219-container:hover { + background-color: var(--card-color-hover); +} + +._49fc18ba07c5025f-root .d9c8822889d1d4a1-container { + background-color: transparent; + border-radius: 0; + box-shadow: none; +} + +body:active ._49fc18ba07c5025f-root .d9c8822889d1d4a1-container:not(:active) { + opacity: 1; +} + +/* + * + * ACTIVITES MODAL + * + */ +.modalDivider__52f07 { + display: none; +} + +.scrollTierBackground__35455 { + background-color: transparent; +} + +.scrollSection__35455 { + padding: 0 calc(16px - var(--scrollbar-thin-width)) 0 16px; +} + +.tierCtaContainer__81542 { + padding-top: 0; +} + +.shelf__35455 { + grid-gap: 16px 12px; +} + +.activityItem__18da2 { + --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__18da2:hover { + background-color: var(--card-color-hover); +} + +.activityTag__18da2 { + background-color: transparent; + border-radius: 6px; + border: 1px solid var(--card-border-color); +} + +.activityImageContainer__18da2 { + border-radius: var(--card-radius-big); +} + +/* ACTIVITES MODAL -> SUGGESTED ACTIVITES */ +._9fa5a5a4a4e10fc7-container { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + box-shadow: var(--shadow-medium); +} + +._8a940a8491f33a2d-activityItem { + border-radius: calc(var(--popout-radius-big) / 1.5); +} + +.wumpusRocketInnerContainer__9fa5a { + background: linear-gradient(270deg, var(--popout-color), var(--popout-color) 90%, transparent); +} + +/* + * + * ACTIVITY INVITE MODAL + * + */ +.subHeader_a42405 { + font-size: 14px; + text-transform: none; + color: var(--text-muted); +} + +.textArea_a42405 { + background-color: var(--input-color); + border-radius: var(--main-textarea-radius); +} + +/* + * + * ADD PAYMENT METHOD MODAL + * + */ +.modalTitle_a327d2 { + padding: 24px 24px 16px; +} +.modalTitle_a327d2 .b717a15017b82443-title { + line-height: 24px; + font-size: 22px; + font-weight: 400; + color: var(--header-primary); + text-transform: none; +} +.modalTitle_a327d2 ._49fc18ba07c5025f-close { + position: absolute; + width: 32px; + height: 32px; + top: 22px; + right: 22px; + margin: 0; + padding: 0; +} + +.a8c622117370c730-content { + background-color: transparent; +} +.a8c622117370c730-content .d125d22cdfd32cfe-scrollerBase { + padding: 0 calc(24px - var(--scrollbar-thin-width)) 0 24px !important; +} +.a8c622117370c730-content .b25217434b773efe-body { + padding: 0; +} +.a8c622117370c730-content .wrap_e504b7:not(:empty) { + display: grid; + grid-gap: 8px; + grid-template-columns: 1fr 1fr; + grid-template-rows: minmax(auto, 1fr); + padding-bottom: 24px; +} +.a8c622117370c730-content .button__92b20 { + width: auto; + margin: 0; +} + +/* ADD PAYMENT METHOD MODAL -> INPUTS */ +._8b579725ff08eeaa-cardInput { + height: var(--input-height); + min-height: var(--input-height); + padding: 0 var(--input-padding); + 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; + box-sizing: border-box; + padding: calc((var(--input-height) - 19.19px) / 2) 12px; + box-sizing: border-box; +} +._8b579725ff08eeaa-cardInput:hover { + border: none; +} +._8b579725ff08eeaa-cardInput:focus-within { + box-shadow: inset 0 -2px 0 0 hsl(var(--accent-hsl--material-you)); +} +._8b579725ff08eeaa-cardInput._8b579725ff08eeaa-cardNumberInput { + padding-left: 56px; +} + +._8b579725ff08eeaa-cardIcon, .paypalIcon_a76d33 { + top: 0; + bottom: 0; + margin: auto 0; + transform: translateY(-1px); +} + +.paypalIcon_a76d33 + ._72c3859781ebce8f-wrapper ._0f0849b61557225e-input { + padding-left: 48px; +} + +/* + * + * CREATE/JOIN SERVER + * + */ +.c04f357ea00ccf57-templatesList, +._78f6989168778e7c-optionsList { + margin-top: 0; +} + +.eb2cd27996d667df-container { + 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; +} +.eb2cd27996d667df-container:hover { + background-color: var(--card-color-hover); +} +.eb2cd27996d667df-container:first-child { + margin-top: 0; +} +.eb2cd27996d667df-container:after { + position: absolute; + content: " "; + width: 24px; + height: 24px; + top: 0; + right: 16px; + bottom: 0; + margin: auto 0; + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/chevron_right.svg); + -webkit-mask-repeat: no-repeat; + background-color: var(--text-muted); + -webkit-mask-size: 100%; + mask-size: 100%; +} +.eb2cd27996d667df-container .eb2cd27996d667df-text { + color: var(--interactive-text-default); +} +.eb2cd27996d667df-container .eb2cd27996d667df-arrow { + 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); +} + +.c04f357ea00ccf57-footer { + gap: 8px !important; +} +.c04f357ea00ccf57-footer .c04f357ea00ccf57-footerTitle { + margin-bottom: 0; +} + +.c04f357ea00ccf57-optionHeader { + font-size: 14px; + text-transform: none; +} + +.input-m1-Y7Q { + background-color: var(--popout-color); +} + +._78f6989168778e7c-skip { + margin-top: 16px; + margin-bottom: 0; +} + +/* + * + * AUTHENTICATION + * + */ +._7c9014d93f58a515-listItemContainer { + margin-bottom: 4px; + background-color: var(--card-color-filled); + border: none; + transition: var(--default-time) var(--default-animation) background-color; + border-radius: 4px; +} +._7c9014d93f58a515-listItemContainer:first-of-type { + border-radius: var(--card-radius-big) var(--card-radius-big) 4px 4px; +} +._7c9014d93f58a515-listItemContainer:nth-of-type(4) { + border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); +} +._7c9014d93f58a515-listItemContainer:hover { + background-color: var(--card-color-hover); +} + +/* + * + * AUTHORIZE APP + * + */ +._3d3b08df7e9aa942-authorize { + background-color: transparent; +} +._3d3b08df7e9aa942-authorize ._036308083b4ebd1a-header { + padding: 24px 24px 16px; + border-radius: 0; + border-bottom: none; +} +._3d3b08df7e9aa942-authorize .scrollContent-_1I-44 { + padding: 0 !important; +} +._3d3b08df7e9aa942-authorize .scrollContent-_1I-44 div:last-child { + padding-bottom: 0; +} +._3d3b08df7e9aa942-authorize .scrollContent-_1I-44 ._29337a0286b843ab-scopes { + border-bottom: 1px solid var(--popout-header-border); +} +._3d3b08df7e9aa942-authorize .scrollContent-_1I-44 ._29337a0286b843ab-scopes, +._3d3b08df7e9aa942-authorize .scrollContent-_1I-44 .selectorGroup__6407f, +._3d3b08df7e9aa942-authorize .scrollContent-_1I-44 ._94ab20c3000a29ab-applicationDetails { + padding: 16px 24px; +} +._3d3b08df7e9aa942-authorize .scrollContent-_1I-44 ._94ab20c3000a29ab-entry { + margin-top: 0; + margin-bottom: 8px; +} +._3d3b08df7e9aa942-authorize .scrollContent-_1I-44 ._94ab20c3000a29ab-entry:last-child { + margin-bottom: 0; +} +._3d3b08df7e9aa942-authorize .scrollContent-_1I-44 .base-21yXnu { + font-size: 14px; + text-transform: none; +} + +.captcha__51560 { + padding: 0 24px 24px !important; +} + +.b766146650f2018a-wrapper { + padding: 24px; +} + +._49fc18ba07c5025f-root ._3d3b08df7e9aa942-authorize { + background-color: transparent; +} +._49fc18ba07c5025f-root ._3d3b08df7e9aa942-authorize ._3d3b08df7e9aa942-content { + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); +} +._49fc18ba07c5025f-root ._3d3b08df7e9aa942-authorize ._29337a0286b843ab-scope { + background-color: var(--card-color-hover); +} + +._3d3b08df7e9aa942-content { + padding: 0 24px; +} + +.discordConsentBody-3Jlf8_ { + margin: 0; + padding: 0 calc(24px - var(--scrollbar-thin-width)) 0 24px; +} + +._29337a0286b843ab-scopes, +._94ab20c3000a29ab-applicationDetails { + padding: 16px 0; +} + +._94ab20c3000a29ab-applicationDetails:last-child { + padding-bottom: 0; +} + +._29337a0286b843ab-scopes { + padding-bottom: 0; + border-bottom: none; +} + +._29337a0286b843ab-scopes .defaultColor__77578, ._29337a0286b843ab-scopes .defaultColor_e9e35f, ._29337a0286b843ab-scopes ._4bd5201c86a2042b-defaultColor, +.selectorGroup__6407f .defaultColor__77578, +.selectorGroup__6407f .defaultColor_e9e35f, +.selectorGroup__6407f ._4bd5201c86a2042b-defaultColor { + font-size: 14px; + text-transform: none; +} + +._29337a0286b843ab-scope { + margin: 0; + padding: 8px 16px; + background-color: var(--card-color-filled); +} +._29337a0286b843ab-scope:first-of-type { + padding-top: 16px; + border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; +} +._29337a0286b843ab-scope: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; +} + +._41924a9691a7ac81-botPermissions { + padding: 0; + border-bottom: none; +} + +._41924a9691a7ac81-permissionsList { + max-height: 25vh; + margin-top: 16px; + padding: 16px; + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); + overflow-y: scroll; +} +._41924a9691a7ac81-permissionsList ._41924a9691a7ac81-permission:first-of-type { + margin-top: 0; +} + +.footer__3d3b0 { + 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); +} + +/* + * + * CHANGE AVATAR + * + */ +.optionBox_edf440 { + 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_edf440:hover { + background-color: var(--card-color-hover); +} +.optionBox_edf440:hover { + border-color: hsl(var(--accent-hsl--material-you)); +} + +.contentCircle_edf440 { + background-color: hsl(var(--accent-hsl--material-you)); +} +.contentCircle_edf440 .uploadIcon_edf440 { + color: var(--accent-text-color--material-you); +} + +.edf4408c2c04bc10-imageSpecifications:empty { + margin-top: 0; + padding: 0; +} + +.edf4408c2c04bc10-option { + background-color: var(--card-color-filled); + border-radius: calc(var(--popout-radius-big) / 1.5); +} + +._7ffbcaedd43e358e-placeholderFill { + fill: var(--card-button-color-hover); +} + +/* + * + * CLIPS MODALS + * + */ +.settingsButton_f4dc96 { + width: var(--button-height); + height: var(--button-height); + margin-right: 32px; +} +.settingsButton_f4dc96 + ._49fc18ba07c5025f-close { + top: 28px !important; +} + +._1d12e4292536ed76-clipItem { + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); + filter: none; + transition: var(--default-time) var(--default-animation) background-color; +} +._1d12e4292536ed76-clipItem:hover { + background-color: var(--card-color-active); + filter: none; +} +._1d12e4292536ed76-clipItem:focus-within { + background-color: var(--card-color-active); +} +._1d12e4292536ed76-clipItem ._0f0849b61557225e-input { + --input-color: var(--card-color-hover) !important; +} + +._1d12e4292536ed76-clipThumb { + background-color: var(--card-color-alt); + border-radius: calc(var(--card-radius-big) / 1.8); +} + +._1d12e4292536ed76-clipBadge { + background-color: var(--card-button-color); + border-radius: calc(var(--card-radius-big) / 3); +} + +.buttonContainer__1d12e { + display: flex; +} +.buttonContainer__1d12e ._201d5e8a3c09670a-button { + width: var(--button-height); + height: var(--button-height); + padding: 0; +} +.buttonContainer__1d12e ._201d5e8a3c09670a-button:first-child { + --button-background: hsl(var(--alert-hsl)); + --button-text-color: var(--alert-text-color); +} + +/* CLIPS MODALS -> EDIT CLIP */ +._108416a1e2b69fee-centeringWrapper { + transform: translateY(6px); +} + +._108416a1e2b69fee-timePillBackground { + background-color: hsl(var(--accent-hsl--material-you)); +} +._108416a1e2b69fee-timePillBackground ._108416a1e2b69fee-timePillText { + font-weight: 500; + color: var(--accent-text-color--material-you) !important; +} + +._108416a1e2b69fee-playPauseButtonWrapper { + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big) 0 0 var(--card-radius-big); +} + +._108416a1e2b69fee-timelineBackground { + border-radius: 0 var(--card-radius-big) var(--card-radius-big) 0; +} + +._108416a1e2b69fee-dragBox { + border-color: hsl(var(--accent-hsl--material-you)); +} + +._108416a1e2b69fee-dragHandle { + background-color: hsl(var(--accent-hsl--material-you)); +} +._108416a1e2b69fee-dragHandle._108416a1e2b69fee-dragHandleLeft { + border-radius: var(--card-radius-big) 0 0 var(--card-radius-big); +} +._108416a1e2b69fee-dragHandle._108416a1e2b69fee-dragHandleRight { + border-radius: 0 var(--card-radius-big) var(--card-radius-big) 0; +} +._108416a1e2b69fee-dragHandle ._108416a1e2b69fee-cropLeftArrow, +._108416a1e2b69fee-dragHandle ._108416a1e2b69fee-cropRightArrow { + width: 20px; + height: 20px; + background-image: none; + background-color: var(--accent-text-color--material-you); + -webkit-mask-repeat: no-repeat; +} +._108416a1e2b69fee-dragHandle ._108416a1e2b69fee-cropLeftArrow { + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/chevron_left.svg); +} +._108416a1e2b69fee-dragHandle ._108416a1e2b69fee-cropRightArrow { + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/chevron_right.svg); +} + +._108416a1e2b69fee-playhead { + background-color: hsl(var(--accent-hsl--material-you)); + box-shadow: var(--shadow-2dp); +} + +._549780297144799a-clipForm { + background-color: var(--card-color-filled); + border: none; + padding: 0; + border-radius: var(--card-radius-big); + box-shadow: none; +} +._549780297144799a-clipForm .container__0d850 { + margin-bottom: 16px !important; +} +._549780297144799a-clipForm .root_a77292, +._549780297144799a-clipForm .userList__54978 { + background-color: var(--card-color-active); + border-radius: var(--card-radius-big); +} +._549780297144799a-clipForm .nameSection_a77292 { + border-bottom: none; +} +._549780297144799a-clipForm .timeContainer_a77292 { + padding: 0 8px 8px; + gap: 8px; +} +._549780297144799a-clipForm .timeContainer_a77292 > 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; +} +._549780297144799a-clipForm .timeContainer_a77292 > div:first-child { + border-right: none; +} +._549780297144799a-clipForm .userCountPill_f90ef0 { + background-color: var(--card-color-filled); +} + +/* CLIPS MODAL -> RECENT CLIPS POPOUT */ +._20c9227d08ac9eca-recentClipsPopout { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + border: none; + box-shadow: var(--shadow-medium); +} +._20c9227d08ac9eca-recentClipsPopout:after { + border-top-color: var(--popout-color); +} +._20c9227d08ac9eca-recentClipsPopout ._15798116477317ac-thumbnail { + border-radius: var(--card-radius); +} + +/* + * + * CREATE INVITE + * + */ +._67dba15a1ae9a3e9-inviteRow { + --button-height: 32px; + margin-right: 6px; + padding: 7px 8px; + border-radius: var(--card-radius); + transition: var(--default-time) var(--default-animation) background-color; +} +._67dba15a1ae9a3e9-inviteRow:hover { + background-color: var(--menu-item-hover); +} +._67dba15a1ae9a3e9-inviteRow ._201d5e8a3c09670a-colorGreen._201d5e8a3c09670a-lookFilled { + --button-background: hsl(var(--accent-hsl--material-you)) !important; + --button-text-color: var(--accent-text-color--material-you) !important; +} +._67dba15a1ae9a3e9-inviteRow ._201d5e8a3c09670a-colorGreen._201d5e8a3c09670a-lookOutlined { + --button-outline: 1px solid hsl(var(--accent-hsl--material-you)) !important; + --button-text-color: hsl(var(--accent-hsl--material-you)) !important; +} + +/* + * + * CREATE POLL + * + */ +._89a343a153c6f2ec-maxLength { + bottom: calc(var(--input-height) / 2 - 2px); +} + +.b717a15017b82443-legend { + font-size: 14px; + text-transform: none; +} + +.answerInputsContainer_d97f89 { + row-gap: 2px; +} + +.answerRow__7b848 { + display: flex; + padding: 16px; + gap: 8px; + background-color: var(--card-color-filled); + border-radius: 4px; +} +.answerRow__7b848:first-of-type { + border-top-left-radius: var(--card-radius-big); + border-top-right-radius: var(--card-radius-big); +} +.answerRow__7b848:nth-last-child(2) { + border-bottom-left-radius: var(--card-radius-big); + border-bottom-right-radius: var(--card-radius-big); +} +.answerRow__7b848 ._7b84894a962b7eda-expressionPickerButtonDefault { + width: var(--button-height); + min-width: var(--button-height); + height: var(--button-height); +} +.answerRow__7b848 ._7b84894a962b7eda-expressionPickerIconDefault { + margin-left: 0; +} +.answerRow__7b848 .removeAnswerButtonDefault__7b848 { + display: flex; + width: var(--button-height); + height: var(--button-height); + padding: 0; + align-items: center; + justify-content: center; +} + +.questionInput_d97f89 { + min-height: var(--input-height); + max-height: calc(var(--input-height) * 5); + line-height: var(--input-height); + padding: 0 var(--input-padding) !important; + border: none; +} + +.defaultTextInputWrapper__7b848 { + width: 100%; + gap: 8px; + background-color: transparent; + border: none !important; +} +.defaultTextInputWrapper__7b848:focus-within .characterCount__7b848 { + transform: translateX(0); + opacity: 1; +} +.defaultTextInputWrapper__7b848 > .defaultTextInput__7b848 { + padding: 0; +} +.defaultTextInputWrapper__7b848 ._72c3859781ebce8f-wrapper { + margin-right: -50px; +} +.defaultTextInputWrapper__7b848 ._0f0849b61557225e-input { + padding-right: 50px; + border-radius: var(--input-radius); + box-shadow: none; +} +.defaultTextInputWrapper__7b848 .characterCount__7b848 { + display: flex; + height: var(--input-height); + line-height: var(--input-height); + padding: 0 12px 0 0; + transform: translateX(12px); + opacity: 0; + transition: var(--default-time) var(--default-animation) opacity, var(--default-time) var(--default-animation) transform; +} + +.addAnswerButtonDefault_d97f89 { + height: var(--button-height); + line-height: var(--button-height); + margin-top: 14px; + background-color: var(--button-background); + border-radius: var(--button-radius); + border: 1px solid hsl(var(--accent-hsl--material-you)); + align-self: start; +} +.addAnswerButtonDefault_d97f89:hover { + background-color: var(--button-background); +} +.addAnswerButtonDefault_d97f89 .addAnswerIconDefault_d97f89, +.addAnswerButtonDefault_d97f89 .addAnswerButtonLabel_d97f89 { + color: hsl(var(--accent-hsl--material-you)) !important; +} +.addAnswerButtonDefault_d97f89 .addAnswerIconDefault_d97f89 { + height: var(--button-height); +} +.addAnswerButtonDefault_d97f89 .addAnswerButtonLabel_d97f89 { + padding: 0; + line-height: var(--button-height); +} +.addAnswerButtonDefault_d97f89.canRemoveMoreAnswers_d97f89 { + margin-right: 0; +} + +/* + * + * CUSTOM STATUS + * + */ +.customStatusLabelSelectorItem__1adf1 { + padding: 5px; + background-color: var(--card-button-color-hover); + border: none; +} +.customStatusLabelSelectorItem__1adf1:hover { + background-color: var(--card-button-color); +} + +/* + * + * EVENTS + * + */ +._8826425bb0684b12-card { + 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; +} +._8826425bb0684b12-card:hover { + background-color: var(--card-color-hover); +} +._8826425bb0684b12-card .b5010be6beaa8120-rsvpCount { + background-color: var(--menu-item-hover); +} +._8826425bb0684b12-card .b5010be6beaa8120-thumbnail { + width: 200px; +} +._8826425bb0684b12-card ._8826425bb0684b12-divider { + background-color: var(--card-border-color); +} +._8826425bb0684b12-card ._8826425bb0684b12-footer { + overflow: visible; +} + +._8826425bb0684b12-padding { + padding: 0; +} + +/* EVENTS -> EVENTS MODAL */ +._4325e98657f9a511-banner { + border-radius: var(--popout-radius-big); +} + +._4efb4560fd616a25-container { + padding: 0 16px; + border-bottom-color: var(--popout-header-border); +} + +.closeButton__4efb4 { + width: 32px; + height: 32px; + right: 16px; + position: relative; + position: absolute; +} +.closeButton__4efb4: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__4efb4:hover:after { + opacity: 1; + transform: scale(1.2); + animation: scale 150ms var(--default-animation), opacity 150ms ease; +} +.closeButton__4efb4:active:after { + background-color: hsl(var(--md-ripple-color), 0.2); +} +.closeButton__4efb4 .closeIcon__4efb4 { + margin-right: 0; + background-color: transparent !important; +} + +._4591d8bfef72d059-header, +._4591d8bfef72d059-body { + padding: 16px 16px 0; +} + +.container-3eB5yh ._49fc18ba07c5025f-content { + width: auto !important; +} +.container-3eB5yh ._49fc18ba07c5025f-content > div:not([class]):first-child { + margin-top: -16px; + margin-left: -16px; +} + +._60626ba1466ad24a-errorTitle { + padding: 32px 0; +} + +/* EVENTS -> CREATE EVENT */ +._5537c0a1a5ad4c18-selectedProgressBar { + background-color: hsl(var(--accent-hsl--material-you)); +} + +._99afd9d3b11848cb-inline { + gap: 16px; +} + +.container-3zZkKh { + margin-top: 16px; + background-color: var(--card-color-filled); + border: none; + padding: 0; + border-radius: var(--card-radius-big); + box-shadow: none; +} + +.formItem-3mtwAA { + margin-top: 16px; +} +.formItem-3mtwAA ._72c3859781ebce8f-wrapper { + --input-height: auto; +} + +._9bb02e82f9a1c59d-container { + height: var(--input-height); + max-height: var(--input-height); + padding: 0 var(--input-padding); + background-color: var(--input-color); + border-radius: calc(var(--input-height) / 2); + border: none; + box-shadow: none; + box-shadow: none !important; +} +._9bb02e82f9a1c59d-container:focus-within { + box-shadow: none; +} +._9bb02e82f9a1c59d-container .content__9bb02 { + height: var(--input-height); +} + +.e0450273efe6a4b3-avatarUploaderInnerSquare { + border-radius: var(--card-radius-big); +} + +.f7034805b8d6babc-previewCard { + background-color: var(--card-color-filled) !important; + border: none !important; + padding: 16px !important; + border-radius: var(--card-radius-big) !important; + box-shadow: none !important; +} +.f7034805b8d6babc-previewCard .container__23ba6 { + margin: -16px -16px 16px; + border-radius: var(--card-radius-big); +} + +.eventStatusBrand__08773, +._290218226e53085c-eventStatusLabel { + 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 .c19a557985eb7793-wrapper { + --message-color: var(--message-color-alt); + margin: 0 0 0 52px !important; +} +.featureModalMessage__57f8c .c19a557985eb7793-wrapper:hover { + --message-color-hover: var(--message-color-alt); +} +.featureModalMessage__57f8c .c19a557985eb7793-wrapper .c19a557985eb7793-avatar { + left: -52px !important; +} + +/* + * + * FORWARD MESSAGE + * + */ +._622804cc784b0571-destinationRow { + margin-left: 24px; + margin-right: calc(24px - var(--scrollbar-thin-width)); + border-radius: var(--card-radius); + transition: var(--default-time) var(--default-animation) background-color; +} +._622804cc784b0571-destinationRow:not(._622804cc784b0571-disabled):hover { + background-color: var(--menu-item-hover); +} + +._2894cba534d7d8a0-channelGuildIcon { + border-radius: calc(var(--avatar-radius) * 0.5); +} + +._2894cba534d7d8a0-iconWithGuildIcon { + background: var(--card-color-filled); +} + +._49fc18ba07c5025f-footer, .modalFooter_ababa2, .modalFooter__2bb83.footerWithMessage__62280 { + padding: 12px 24px 24px; +} + +.forwardPreviewWrapper__62280 { + padding: 16px; + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); +} + +.footerWarningWrapper__62280 { + margin: 0; +} +.footerWarningWrapper__62280 ._740174f3d6a2c8fe-scrollableContainer { + background: var(--input-color-alt); + border-radius: var(--main-textarea-radius); +} +.footerWarningWrapper__62280 ._1b31f471f0bb10ab-placeholder { + color: var(--input-placeholder-color); +} +.footerWarningWrapper__62280 ._740174f3d6a2c8fe-buttons { + margin-right: 0; +} + +._740174f3d6a2c8fe-inlineContainer { + border-radius: calc(var(--button-height) / 2); + border: none; +} +._740174f3d6a2c8fe-inlineContainer ._740174f3d6a2c8fe-scrollableContainer { + --custom-channel-textarea-text-area-height: var(--button-height); +} + +/* + * + * GAME PROFILE + * + */ +._8e830531d896108a-logoWrapper { + padding: 0; + background-color: transparent; + border-radius: var(--card-radius-big); + box-shadow: var(--shadow-medium); +} +._8e830531d896108a-logoWrapper ._8e830531d896108a-logo { + border-radius: inherit; +} + +.b37a7512dc73c48c-friends { + background-color: transparent; + border-radius: 0; +} + +._655fa0dac0bbc1ad-profileEntryCard { + background-color: var(--card-color-filled); + border-radius: 4px; + border-bottom: 0; + transition: var(--default-time) var(--default-animation) background-color; +} +._655fa0dac0bbc1ad-profileEntryCard:hover { + background-color: var(--card-color-hover); +} +._655fa0dac0bbc1ad-profileEntryCard:first-of-type { + border-top-left-radius: var(--card-radius-big); + border-top-right-radius: var(--card-radius-big); +} +._655fa0dac0bbc1ad-profileEntryCard:last-of-type { + border-bottom-left-radius: var(--card-radius-big); + border-bottom-right-radius: var(--card-radius-big); +} +._655fa0dac0bbc1ad-profileEntryCard:only-child { + border-radius: var(--card-radius-big); +} +._655fa0dac0bbc1ad-profileEntryCard:not(:last-of-type) { + margin-bottom: 2px; +} + +.a1cc7232acce85ff-gameProfileMediaSmall .a1cc7232acce85ff-imageScroller { + height: auto; +} + +.a1cc7232acce85ff-imageScroller { + border-radius: var(--card-radius-big); +} +.a1cc7232acce85ff-imageScroller .a1cc7232acce85ff-gameArtwork { + border-radius: var(--card-radius-big); +} + +.a1cc7232acce85ff-gradientLeft { + background: linear-gradient(90deg, var(--popout-color) 0%, transparent 100%); +} + +.a1cc7232acce85ff-gradientRight { + background: linear-gradient(270deg, var(--popout-color) 0%, transparent 100%); +} + +/* + * + * IMAGE VIEWER + * + */ +.cc1819cb49c2d109-actionButtons { + background-color: var(--popout-color); + border-radius: calc(var(--button-height) + 4px); + box-shadow: var(--shadow-medium); + border: none; +} +.cc1819cb49c2d109-actionButtons .actionButton_cc1819 { + width: var(--button-height); + transition: var(--default-time) var(--default-animation) background-color; +} +.cc1819cb49c2d109-actionButtons .actionButton_cc1819:hover { + background-color: var(--card-button-color-hover); +} + +._6088c3df6d10c76d-closeButton { + width: var(--button-height); + height: var(--button-height); + padding: 3px; + background-color: var(--popout-color); + border-radius: calc(var(--button-height) + 4px); + box-shadow: var(--shadow-medium); +} +._6088c3df6d10c76d-closeButton .aec7abc73c126bc0-buttonInner { + width: inherit; + height: inherit; + border: none; +} +._6088c3df6d10c76d-closeButton .aec7abc73c126bc0-buttonInner:hover { + background-color: var(--card-button-color-hover); +} + +.b2eddf192f54b058-nav { + background-color: var(--popout-color); + border-radius: 20px; +} +.b2eddf192f54b058-nav .aec7abc73c126bc0-buttonInner { + border: none; +} + +.d75751de2a8ac456-gallery { + gap: var(--space-8); +} + +.d75751de2a8ac456-galleryItem { + width: 50px; + margin: 0; + border-radius: 10px; + transition: var(--default-time) var(--default-animation) width; +} +.d75751de2a8ac456-galleryItem.d75751de2a8ac456-inactive { + width: 20px; +} +.d75751de2a8ac456-galleryItem.d75751de2a8ac456-inactive:after { + opacity: 0.65; +} +.d75751de2a8ac456-galleryItem.d75751de2a8ac456-first, .d75751de2a8ac456-galleryItem.d75751de2a8ac456-last { + margin: 0; + border-radius: 10px; +} +.d75751de2a8ac456-galleryItem .af017ab847f75d02-imageWrapper { + border-radius: inherit; +} +.d75751de2a8ac456-galleryItem ~ div:not([class]):empty { + display: none; +} + +/* + * + * INVITE ACCEPT + * + */ +.editProfileContainer__7bf69 { + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); + border: none; +} +.editProfileContainer__7bf69 .headerIconWrapper__7bf69 { + background-color: var(--card-button-color); +} + +.acceptAs__9b0f4 svg { + width: 16px; + height: 16px !important; +} + +/* + * + * MODALS + * + */ +._49fc18ba07c5025f-root { + background-color: var(--popout-color) !important; + border-radius: var(--popout-radius-big) !important; + border: none !important; + box-shadow: var(--shadow-medium) !important; + border: none; +} +._49fc18ba07c5025f-root.container_ac6cb0, ._49fc18ba07c5025f-root.forcedTransparency__8a837, ._49fc18ba07c5025f-root.d3a6f0de39ff36e9-carouselModal { + background-color: transparent !important; + box-shadow: none !important; +} +._49fc18ba07c5025f-root._49fc18ba07c5025f-small { + min-height: 75px; + max-height: 800px; +} +._49fc18ba07c5025f-root ._4577670752bdbe9c-modalBg { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); +} +._49fc18ba07c5025f-root .confirmStartHeader_fcd6d9 { + padding: 75px 16px 16px; +} +._49fc18ba07c5025f-root ._4d95d73152192cf9-modalTextContainer, +._49fc18ba07c5025f-root ._4d95d73152192cf9-footer { + background-color: transparent; +} +._49fc18ba07c5025f-root ._4d95d73152192cf9-modalTextContainer { + border: none; +} +._49fc18ba07c5025f-root > div:not([class]) > div:not([class]) { + max-height: 720px; +} +._49fc18ba07c5025f-root > div:not([class]) > div:not([class]) .content-1OG56Q { + max-height: 548px; +} +._49fc18ba07c5025f-root .divider_ae36e5 { + margin: 16px 0; + padding-bottom: 0; + border-top-color: var(--popout-header-border); +} +._49fc18ba07c5025f-root ._0f0849b61557225e-input.abf7060e6f2beabe-flex { + --button-height: 28px; + padding: 0; + border-radius: var(--input-radius); + box-shadow: none; +} +._49fc18ba07c5025f-root ._0f0849b61557225e-input.abf7060e6f2beabe-flex ._0f0849b61557225e-input { + border-radius: var(--input-radius); + box-shadow: none; +} +._49fc18ba07c5025f-root .guestBody-1S2A2E { + padding: 0; +} + +._49fc18ba07c5025f-header { + min-height: 24px; + 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; +} +._49fc18ba07c5025f-header.header_ad198f { + padding-top: 76px; +} +._49fc18ba07c5025f-header .cf48127484dbde85-heading-lg\/semibold, +._49fc18ba07c5025f-header .cf48127484dbde85-heading-lg\/bold, +._49fc18ba07c5025f-header .cf48127484dbde85-heading-xl\/semibold, +._49fc18ba07c5025f-header .cf48127484dbde85-heading-xl\/extrabold, +._49fc18ba07c5025f-header .cf48127484dbde85-text-md\/semibold, +._49fc18ba07c5025f-header .b717a15017b82443-h1, +._49fc18ba07c5025f-header .b717a15017b82443-h2 { + font-size: 22px; + font-weight: 400; +} +._49fc18ba07c5025f-header .cf48127484dbde85-heading-lg\/bold { + padding-top: 0; +} +._49fc18ba07c5025f-header .f061f614def5a8d6-modalTitle { + margin-bottom: 0; +} +._49fc18ba07c5025f-header .title-3JPglK { + font-weight: 400; +} +._49fc18ba07c5025f-header ._49fc18ba07c5025f-close, +._49fc18ba07c5025f-header .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; +} +._49fc18ba07c5025f-header ._49fc18ba07c5025f-close:after, +._49fc18ba07c5025f-header .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; +} +._49fc18ba07c5025f-header ._49fc18ba07c5025f-close:hover:after, +._49fc18ba07c5025f-header .iconButton-2rHy7x:hover:after { + opacity: 1; + transform: scale(1.1); + animation: scale 150ms var(--default-animation), opacity 150ms ease; +} +._49fc18ba07c5025f-header ._49fc18ba07c5025f-close:active:after, +._49fc18ba07c5025f-header .iconButton-2rHy7x:active:after { + background-color: hsl(var(--md-ripple-color), 0.2); +} +._49fc18ba07c5025f-header ._49fc18ba07c5025f-close ._201d5e8a3c09670a-contents { + height: 24px; +} +._49fc18ba07c5025f-header ._49fc18ba07c5025f-close svg { + height: 24px !important; + transform: scale(0.85); +} +._49fc18ba07c5025f-header .iconButton-2rHy7x { + display: flex; + justify-content: center; + align-items: center; +} +._49fc18ba07c5025f-header .iconButton-2rHy7x .icon-3DnmvF { + height: 24px; + transform: scale(0.85); +} + +._49fc18ba07c5025f-content { + padding: 0 24px; + background-color: transparent !important; + border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big); +} +._49fc18ba07c5025f-content:first-child { + padding-top: 24px; +} +._49fc18ba07c5025f-content:first-child .cf48127484dbde85-heading-md\/semibold { + line-height: 24px; + font-size: 20px; + font-weight: 400; +} +._49fc18ba07c5025f-content:last-child { + padding-bottom: 24px; +} +._49fc18ba07c5025f-content .content_bf3bbb { + padding-bottom: 0; +} +._49fc18ba07c5025f-content .d285a61ed580c689-paragraph:last-child { + margin-bottom: 2px; +} +._49fc18ba07c5025f-content a { + color: hsl(var(--accent-hsl--material-you)); +} + +._49fc18ba07c5025f-footer, .modalFooter_ababa2, .modalFooter__2bb83 { + padding: 24px; + gap: 16px; + background-color: transparent !important; + border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big); + box-shadow: none !important; +} +._49fc18ba07c5025f-footer .footer__3d3b0, .modalFooter_ababa2 .footer__3d3b0, .modalFooter__2bb83 .footer__3d3b0 { + padding: 0; +} +._49fc18ba07c5025f-footer > .directionRow__65900, .modalFooter_ababa2 > .directionRow__65900, .modalFooter__2bb83 > .directionRow__65900 { + gap: 16px; +} +._49fc18ba07c5025f-footer span:not([class])[style*="display: block"]:empty, .modalFooter_ababa2 span:not([class])[style*="display: block"]:empty, .modalFooter__2bb83 span:not([class])[style*="display: block"]:empty { + display: none !important; +} +._49fc18ba07c5025f-footer ._201d5e8a3c09670a-button, .modalFooter_ababa2 ._201d5e8a3c09670a-button, .modalFooter__2bb83 ._201d5e8a3c09670a-button { + margin: 0; +} +._49fc18ba07c5025f-footer ._201d5e8a3c09670a-button._201d5e8a3c09670a-colorPrimary, .modalFooter_ababa2 ._201d5e8a3c09670a-button._201d5e8a3c09670a-colorPrimary, .modalFooter__2bb83 ._201d5e8a3c09670a-button._201d5e8a3c09670a-colorPrimary { + --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; +} +._49fc18ba07c5025f-footer ._201d5e8a3c09670a-lookBlank, .modalFooter_ababa2 ._201d5e8a3c09670a-lookBlank, .modalFooter__2bb83 ._201d5e8a3c09670a-lookBlank { + background-color: transparent !important; + color: var(--button-link-accent-text-color) !important; +} + +.valuePropContainer-WkXrIU { + background-color: var(--card-color-filled); + border: none; + padding: 16px; + border-radius: var(--card-radius-big); + box-shadow: none; +} +.valuePropContainer-WkXrIU .bulletedValueProp-3pv7g2 { + padding: 0; +} +.valuePropContainer-WkXrIU .valuePropIconContainer-1WLjVd { + background-color: var(--card-button-color); + color: var(--interactive-text-default); +} + +.content__4d677 { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + border: none; + box-shadow: var(--shadow-medium); +} + +/* MODALS -> V2 MODALS */ +._8a031a135bfcb9ba-container { + --input-color: var(--input-color-alt); + --slider-bar-background: var(--popout-color-alt); + --slider-grabber-background: var(--popout-color); + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + border: none; + box-shadow: var(--shadow-medium); +} +._8a031a135bfcb9ba-container._8a031a135bfcb9ba-padding-size-sm { + padding-top: 0; + padding-bottom: 0; +} +._8a031a135bfcb9ba-container ._49fc18ba07c5025f-footer, ._8a031a135bfcb9ba-container .modalFooter_ababa2, ._8a031a135bfcb9ba-container .modalFooter__2bb83 { + background-color: transparent; +} + +._8a031a135bfcb9ba-header { + padding: 24px 24px 16px; +} + +._8a031a135bfcb9ba-body { + padding: 0 24px 24px; +} +._8a031a135bfcb9ba-body.d125d22cdfd32cfe-scrollerBase { + padding-right: calc(24px - var(--scrollbar-width)) !important; +} + +._8a031a135bfcb9ba-bodyInner { + padding-left: 0; +} + +._8a031a135bfcb9ba-actionBar { + padding: 24px; +} + +._8a031a135bfcb9ba-bodySpacerTop, +._8a031a135bfcb9ba-bodySpacerBottom { + display: none; +} + +.has-webkit-scrollbar ._8a031a135bfcb9ba-bodyInner { + padding-right: 0; +} + +/* + * + * NITRO PURCHASE + * + */ +._49fc18ba07c5025f-root ._49fc18ba07c5025f-header.modalHeader_a27f2f { + margin-bottom: 0; + padding-bottom: 0; + background-image: linear-gradient(var(--popout-color), var(--popout-color)); + border-bottom: none; +} +._49fc18ba07c5025f-root ._49fc18ba07c5025f-header.modalHeader_a27f2f ._49fc18ba07c5025f-close { + top: -4px; + right: -4px; +} + +.b66356d2eff474d5-headerBackground { + margin-bottom: 16px; +} +.b66356d2eff474d5-headerBackground .b54a5b2f01b57ad8-headerAnimation { + border-top-left-radius: var(--popout-radius-big); + border-top-right-radius: var(--popout-radius-big); +} + +.b66356d2eff474d5-headerBackground, +._387d4c8530610e7f-panningAnimation, +._9abb90559827002a-headerImage { + border-radius: var(--popout-radius-big); +} + +._0d1eff984b8fd277-wrapper { + padding: 0 24px 16px; + background-color: transparent; +} +._0d1eff984b8fd277-wrapper:after { + display: none; +} + +._9abb90559827002a-headerContainer + ._0d1eff984b8fd277-wrapper { + padding: 16px 24px 8px; +} + +._1d6c784c86e2687a-spinner { + background-color: transparent; +} + +.d947e68f3c652858-planSelectSeparator, +._7ec3aaf3e0a0f179-planSelectSeparatorLower { + display: none; +} + +._7ec3aaf3e0a0f179-planSelectSeparatorLower + .cf48127484dbde85-\/normal { + margin-top: 12px; +} + +.b130855d8984d74e-planOptionClickableContainer { + 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; +} +.b130855d8984d74e-planOptionClickableContainer:hover { + background-color: var(--card-color-hover) !important; +} +.b130855d8984d74e-planOptionClickableContainer.b130855d8984d74e-selectionBox { + margin-bottom: 8px; + outline: none; +} +.b130855d8984d74e-planOptionClickableContainer.b130855d8984d74e-selectionBox:last-of-type { + margin-bottom: 0; +} +.b130855d8984d74e-planOptionClickableContainer.b130855d8984d74e-selectedPlan { + background-color: var(--card-color-active) !important; +} + +.d947e68f3c652858-selectPlanDivider { + display: none; +} + +.warnBlock_cb8a97 { + margin-top: 16px; +} + +.warnBlock_cb8a97, +.fda3e4c2d6b02208-table, +.e4d8037328efe0da-invoice { + background-color: var(--card-color-filled); + border: none; + padding: 16px; + border-radius: var(--card-radius-big); + box-shadow: none; +} + +.fda3e4c2d6b02208-divider, .fda3e4c2d6b02208-divider { + background-color: var(--card-border-color); +} + +.f38e431d211897d6-paymentSourceWarning { + margin-top: 8px; + background-color: var(--card-color-filled); + border: none; + padding: 8px; + border-radius: var(--card-radius-big); + box-shadow: none; +} + +/* NITRO PURCHASE -> PURCHASED INFO */ +.modalInner__78e61 { + width: auto; + background-color: transparent; +} + +.bannerContainer__78e61 { + border-radius: calc(var(--popout-radius-big) / 1.5); +} + +/* NITRO PUCHASE -> GIFT NITRO */ +.b54a5b2f01b57ad8-modalHeaderCustomGift { + background-image: none; + border-bottom: none; +} +.b54a5b2f01b57ad8-modalHeaderCustomGift .giftNitroInfo_a27f2f { + margin-bottom: 0; +} + +.d54fab654f8d3dd6-giftBoxOptionContainer { + max-width: 90%; + padding: 0 !important; + background-color: transparent !important; +} +.d54fab654f8d3dd6-giftBoxOptionContainer > div[role=button] { + display: flex; +} +.d54fab654f8d3dd6-giftBoxOptionContainer .d50aac0b42bc0bbc-customGiftBox, +.d54fab654f8d3dd6-giftBoxOptionContainer .d50aac0b42bc0bbc-customGiftBoxHighlighted { + border-radius: var(--card-radius-big) !important; +} +.d54fab654f8d3dd6-giftBoxOptionContainer .d50aac0b42bc0bbc-customGiftBoxHighlighted { + border-color: hsl(var(--accent-hsl--material-you)); +} + +/* + * + * NOTIFICATION SETTINGS + * + */ +.overridePlaceholder_db81c6 { + height: 66px; + border-radius: var(--card-radius-big); + border: 1px dashed var(--card-border-color) !important; +} + +.overrideList_db81c6 { + display: flex; + flex-direction: column; + gap: 8px; + padding-bottom: 0; +} + +.header_db81c6, +.override_db81c6 { + margin-bottom: 0; +} + +.override_db81c6 { + padding: 16px 6px 16px 12px; +} + +.checkboxGroup_db81c6 { + width: 290px; +} + +.checkboxContainer_db81c6:before { + background-color: var(--card-border-color) !important; +} +.checkboxContainer_db81c6:first-of-type:before { + display: none; +} + +.checkboxMute_db81c6:before { + background-color: var(--card-color-hover); + border-radius: calc(var(--card-radius-big) / 1.4); +} + +/* + * + * OPEN LINK MODAL + * + */ +._49fc18ba07c5025f-root ._918e53296f179828-title, ._49fc18ba07c5025f-root .title_ad9c52 { + margin: 0 0 16px; + font-size: 22px; + font-weight: 400; + text-align: left; + text-transform: none; +} +._49fc18ba07c5025f-root ._918e53296f179828-body { + text-align: left; +} +._49fc18ba07c5025f-root ._918e53296f179828-primaryButton, +._49fc18ba07c5025f-root ._918e53296f179828-secondaryButton { + flex: 0 1 auto; +} +._49fc18ba07c5025f-root ._918e53296f179828-secondaryButton._201d5e8a3c09670a-colorPrimary { + --button-text-color: hsl(var(--accent-hsl--material-you)) !important; + --button-action-color: hsl(var(--accent-hsl--material-you)); +} +._49fc18ba07c5025f-root .minorContainer__468a6 { + flex: 1 1 auto; + width: auto; + margin: 0; +} +._49fc18ba07c5025f-root .minorContainer__468a6 .secondaryAction__468a6 { + line-height: var(--button-height); + text-align: left; + color: var(--button-link-accent-text-color); + font-size: 1em; + font-weight: 500; + opacity: 1; +} + +.warningText_ad9c52 { + text-align: left; +} + +.ad9c52156e93e7fa-linkCalloutContainer { + margin-bottom: 16px; + background-color: var(--card-color-filled); + border: none; + padding: 16px; + border-radius: var(--card-radius-big); + box-shadow: none; +} + +.checkbox_ad9c52 { + margin-bottom: 0; +} + +/* + * + * PHONE MODAL + * + */ +.a0c54f499c2e5848-phoneField { + padding: 2px 4px; + background-color: var(--input-color); + border-radius: 22px; + border: none; + box-shadow: none; +} +.a0c54f499c2e5848-phoneField .inputField_a0c54f { + background-color: transparent; + color: var(--input-text-color); +} +.a0c54f499c2e5848-phoneField .inputField_a0c54f::-webkit-input-placeholder { + color: var(--input-placeholder-color); +} +.a0c54f499c2e5848-phoneField .countryButton_a0c54f { + margin: 0; + background-color: var(--button-background) !important; + border-radius: var(--button-radius); +} +.a0c54f499c2e5848-phoneField .countryButton_a0c54f .plusSign_a0c54f, +.a0c54f499c2e5848-phoneField .countryButton_a0c54f .countryCode_a0c54f { + color: inherit; +} +.a0c54f499c2e5848-phoneField .countryButton_a0c54f .phoneFieldExpand_a0c54f { + stroke: var(--button-text-color); +} +.a0c54f499c2e5848-phoneField ._201d5e8a3c09670a-button { + margin: 0; +} + +._61a011270c9135f1-phoneFieldPopout { + background-color: var(--popout-color) !important; + border-radius: var(--popout-radius); + box-shadow: var(--shadow-medium); +} + +/* + * + * PROBLEM INFO + * + */ +._6c12c295172334d8-problemInfo { + margin-bottom: 0; +} + +._66e7e7f9b4da60b0-root { + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); +} + +._66e7e7f9b4da60b0-option { + position: relative; + border-bottom: none; + transition: var(--default-time) var(--default-animation); +} +._66e7e7f9b4da60b0-option:after { + position: absolute; + content: " "; + width: calc(100% - 16px * 2); + height: 1px; + right: 0; + bottom: 0; + margin: 0 16px; + background-color: var(--card-border-color); +} +._66e7e7f9b4da60b0-option:last-of-type:after { + display: none; +} +._66e7e7f9b4da60b0-option:hover { + background-color: var(--menu-item-hover); +} + +/* + * + * PURCHASE ITEM MODAL + * + */ +.e5f3a99c23b47bde-premiumBrandRefreshBackground { + background-color: var(--popout-color) !important; +} + +.fda3e4c2d6b02208-table, +._8373460925eae9cd-paymentSourceItem { + background-color: var(--card-color-filled); + border: none; + padding: 16px; + border-radius: var(--card-radius-big); + box-shadow: none; +} + +/* + * + * QUEST MODAL + * + */ +._4577670752bdbe9c-modalContent { + background-color: var(--popout-color) !important; +} +._4577670752bdbe9c-modalContent .footerBtn__45776, ._4577670752bdbe9c-modalContent .footerBtn__45776:hover { + background-color: var(--button-background) !important; +} + +/* QUEST MODAL -> CLAIMED REWARD */ +.claimedRootContainer_fdbc9e { + background-image: linear-gradient(90deg, var(--guild-boosting-blue), var(--guild-boosting-purple)), linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)); + background-blend-mode: overlay; + border-radius: var(--popout-radius-big); +} + +.headerBackground_fdbc9e { + border-radius: var(--popout-radius-big); +} + +.gradient__5ce63 { + background-image: none; +} + +/* QUEST MODAL -> VIDEO AD */ +._4577670752bdbe9c-videoCont { + background-color: var(--popout-color); + padding: var(--space-24) var(--space-24) 0; + box-sizing: border-box; +} +._4577670752bdbe9c-videoCont ._4577670752bdbe9c-videoFooterContGradient { + border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big); +} +._4577670752bdbe9c-videoCont .a562c840daab72a7-slider { + --slider-height: 6px; + --slider-bar-background: hsl(0,0%,100%,0.2); + --slider-grabber-height: 24px; + --slider-grabber-background: transparent; + --slider-grabber-pill: hsl(0,0%,100%); +} +._4577670752bdbe9c-videoCont .a562c840daab72a7-slider .a562c840daab72a7-track .a562c840daab72a7-grabber:before { + box-shadow: var(--shadow-hard); +} + +._4577670752bdbe9c-videoContInnerRelative { + border-radius: var(--popout-radius-big); + overflow: hidden; +} + +._4577670752bdbe9c-videoInner, +._4577670752bdbe9c-videoContOverlay, +._4577670752bdbe9c-stillFrameImageCard { + border-radius: var(--popout-radius-big); +} + +._4577670752bdbe9c-contentHeader { + background-image: none; +} + +._944ec68c9aed12d4-qrCodeWrapper { + padding: var(--space-16) var(--space-16) var(--space-24); +} + +/* + * + * QUICK SWITCHER + * + */ +.ac6cb02cd15b4b3b-quickswitcher { + padding: 0; +} +.ac6cb02cd15b4b3b-quickswitcher .ac6cb02cd15b4b3b-input { + height: 42px; + line-height: 42px; + margin: calc(24px - var(--custom-modal-padding-top)) 24px 16px; + padding: 0 16px; + background-color: var(--input-color-alt); + border-radius: 21px; + box-shadow: none; + border: none; + font-size: 18px; +} +.ac6cb02cd15b4b3b-quickswitcher .ac6cb02cd15b4b3b-input::-webkit-input-placeholder { + font-family: var(--app-font); + color: var(--input-placeholder-color); +} +.ac6cb02cd15b4b3b-quickswitcher .ac6cb02cd15b4b3b-scroller { + margin-top: 0; + margin-right: 0; + background-color: transparent; +} +.ac6cb02cd15b4b3b-quickswitcher .ac6cb02cd15b4b3b-scroller::-webkit-scrollbar-track { + background: transparent !important; +} +.ac6cb02cd15b4b3b-quickswitcher ._71961da99d37ac57-header { + font-size: 14px; + text-transform: none; +} +.ac6cb02cd15b4b3b-quickswitcher ._71961da99d37ac57-result { + margin: 0 calc(16px - var(--scrollbar-width)) 0 16px; + border-radius: var(--card-radius); + transition: var(--default-time) var(--default-animation) background-color; +} +.ac6cb02cd15b4b3b-quickswitcher ._71961da99d37ac57-result[aria-selected=true] { + background-color: var(--menu-item-hover); +} +.ac6cb02cd15b4b3b-quickswitcher ._71961da99d37ac57-result ._71961da99d37ac57-content { + padding: 0 8px; +} +.ac6cb02cd15b4b3b-quickswitcher ._71961da99d37ac57-result ._71961da99d37ac57-note { + font-size: 11px; + text-transform: none; +} +.ac6cb02cd15b4b3b-quickswitcher ._71961da99d37ac57-content { + padding: 0 24px; +} +.ac6cb02cd15b4b3b-quickswitcher .ac6cb02cd15b4b3b-protip { + margin: 16px 24px calc(24px - var(--custom-modal-padding-md)); + padding: 16px; + background-color: var(--card-color-filled); + border-radius: calc(var(--popout-radius-big) / 1.7); +} +.ac6cb02cd15b4b3b-quickswitcher .ac6cb02cd15b4b3b-protip.ac6cb02cd15b4b3b-hasContent { + border-top: none; +} + +/* + * + * REACTIONS + * + */ +.b7f4b43fe1b6e285-reactors { + background-color: transparent !important; +} +.b7f4b43fe1b6e285-reactors .b7f4b43fe1b6e285-reactor { + box-shadow: none; + position: relative; + border-bottom: none; +} +.b7f4b43fe1b6e285-reactors .b7f4b43fe1b6e285-reactor:after { + position: absolute; + content: " "; + width: calc(100% - 16px * 2); + height: 1px; + right: 0; + bottom: 0; + margin: 0 16px; + background-color: var(--card-border-color); +} +.b7f4b43fe1b6e285-reactors .b7f4b43fe1b6e285-reactor:last-of-type:after { + display: none; +} + +.b7f4b43fe1b6e285-scroller { + background-color: var(--attachment-color) !important; +} +.b7f4b43fe1b6e285-scroller .b7f4b43fe1b6e285-reactionDefault, +.b7f4b43fe1b6e285-scroller .b7f4b43fe1b6e285-reactionSelected { + border-radius: 14px; +} +.b7f4b43fe1b6e285-scroller .b7f4b43fe1b6e285-reactionDefault:hover { + background-color: var(--menu-item-hover); +} +.b7f4b43fe1b6e285-scroller .b7f4b43fe1b6e285-reactionSelected { + background-color: var(--menu-item-select); +} + +/* + * + * REPORT MESSAGE MODAL + * + */ +.f96002f2f004b44d-messagePreviewContainer { + background-color: var(--card-color-outlined); + border: 1px solid var(--card-border-color); + padding: 16px 0; + border-radius: var(--card-radius-big); + box-shadow: none; +} +.f96002f2f004b44d-messagePreviewContainer .c19a557985eb7793-wrapper { + --message-color-hover: var(--message-color); + margin: 0 0 0 72px !important; +} +.f96002f2f004b44d-messagePreviewContainer .c19a557985eb7793-wrapper .c19a557985eb7793-avatar { + left: -56px !important; +} + +._3ed08791a7f98bd7-childButton { + 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; +} +._3ed08791a7f98bd7-childButton:hover { + background-color: var(--card-color-hover); +} + +/* + * + * SCREEN SHARE SELECTION + * + */ +.febe194135dcdd22-root { + gap: 16px; + grid-template-columns: 368px 368px; +} + +.febe194135dcdd22-source { + padding: 16px; + gap: 12px; + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); + transition: var(--default-time) var(--default-animation) background-color; +} +.febe194135dcdd22-source:hover { + background-color: var(--card-color-active); +} + +.febe194135dcdd22-sourcePreviewContainer:before { + display: none; +} + +.febe194135dcdd22-sourcePreview { + width: auto; + height: 190px; + border-radius: calc(var(--card-radius-big) / 1.75); +} +.febe194135dcdd22-sourcePreview .febe194135dcdd22-sourcePreviewImage { + border-radius: inherit; +} + +.febe194135dcdd22-sourceNameContainer { + margin-top: 0; +} + +._7f7273e3e762eb9d-footerContent { + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); +} + +._175e2a45f20d98e9-root { + border-radius: var(--card-radius-big); +} + +/* + * + * SECURITY ACTIONS MODAL + * + */ +.headerContainer-3uHkGl .cf48127484dbde85-heading-md\/semibold { + 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); + box-shadow: none; +} + +/* + * + * INVITED TO SERVER + * + */ +.container__9b0f4 { + border-radius: var(--popout-radius-big); + box-shadow: var(--shadow-medium); +} + +._9b0f44488203477c-contentWrapper { + background-color: var(--popout-color) !important; + border-radius: var(--popout-radius-big) 0 0 var(--popout-radius-big); +} +._9b0f44488203477c-contentWrapper:only-child { + border-radius: var(--popout-radius-big); +} +._9b0f44488203477c-contentWrapper .cf48127484dbde85-heading-xl\/semibold { + font-weight: 400; +} + +._9b0f44488203477c-inviteContent { + min-height: unset; +} + +.editProfileContainer__7bf69 { + background-color: var(--card-color-filled) !important; + border: none !important; + padding: var(--space-16) !important; + border-radius: var(--card-radius-big) !important; + transition: var(--default-time) var(--default-animation) background-color !important; +} +.editProfileContainer__7bf69:hover { + background-color: var(--card-color-hover) !important; +} + +.headerIconWrapper__7bf69 { + background-color: var(--card-button-color); +} + +._9b0f44488203477c-inviteSplash { + border-radius: var(--popout-radius-big); +} + +/* + * + * SERVER QUESTIONS + * + */ +.c08b38911b1dcc2f-gradient { + background: linear-gradient(180deg, var(--main-color) 0%, var(--main-alt) 100%) !important; + opacity: 0.725; +} + +.c08b38911b1dcc2f-main { + border-radius: var(--card-radius-big) 0 0 var(--card-radius-big); +} + +.fe70ca6739eeb5f0-prompt { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + border: none; + box-shadow: var(--shadow-medium); +} +.fe70ca6739eeb5f0-prompt .d125d22cdfd32cfe-scrollerBase { + padding: 80px 100px; +} +.fe70ca6739eeb5f0-prompt .fe70ca6739eeb5f0-navButtons { + padding: 8px; + background-color: transparent; + border-top: 1px solid var(--separator-color); +} + +.fe70ca6739eeb5f0-promptOptions { + margin-bottom: 0; +} + +._270d7a28db32b312-optionButtonWrapper { + --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; +} +._270d7a28db32b312-optionButtonWrapper:hover { + background-color: var(--card-color-hover); +} +._270d7a28db32b312-optionButtonWrapper._270d7a28db32b312-selected { + background-color: var(--card-color-active); +} + +._270d7a28db32b312-checkIcon, ._270d7a28db32b312-memberCount { + background-color: hsl(var(--accent-hsl--material-you)); +} +._270d7a28db32b312-checkIcon path, ._270d7a28db32b312-memberCount path { + fill: var(--accent-text-color--material-you); +} + +._270d7a28db32b312-memberCount .cf48127484dbde85-\/normal { + color: var(--accent-text-color--material-you) !important; +} + +/* + * + * 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 ._577c3ef9d226e2dc-container { + margin: 16px; +} +.modal-2LBig1 .buttonContainer-28osRq { + padding: 8px; +} +.modal-2LBig1 .buttonContainer-28osRq ._201d5e8a3c09670a-button { + 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 + * + */ +.b7854763c4a57c63-uploadModalIn .b7854763c4a57c63-uploadDropModal .b7854763c4a57c63-bgScale { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + border: none; + box-shadow: var(--shadow-medium); +} +.b7854763c4a57c63-uploadModalIn .b7854763c4a57c63-uploadDropModal .b7854763c4a57c63-inner { + border: none; +} +.b7854763c4a57c63-uploadModalIn .b7854763c4a57c63-uploadDropModal .b7854763c4a57c63-title, +.b7854763c4a57c63-uploadModalIn .b7854763c4a57c63-uploadDropModal .b7854763c4a57c63-title strong { + color: var(--interactive-text-default) !important; +} +.b7854763c4a57c63-uploadModalIn .b7854763c4a57c63-uploadDropModal .b7854763c4a57c63-instructions { + color: var(--interactive-text-default) !important; +} +.b7854763c4a57c63-uploadModalIn .b7854763c4a57c63-uploadDropModal.error_b78547 .b7854763c4a57c63-title, +.b7854763c4a57c63-uploadModalIn .b7854763c4a57c63-uploadDropModal.error_b78547 .b7854763c4a57c63-title strong { + color: #eee !important; +} +.b7854763c4a57c63-uploadModalIn .b7854763c4a57c63-uploadDropModal.error_b78547 .b7854763c4a57c63-instructions { + color: #eee !important; +} + +.uploadModal_b78547 .footer_b78547 { + 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_b78547 .footer_b78547 ._201d5e8a3c09670a-button._201d5e8a3c09670a-lookLink { + 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_fb7f94 { + padding: 0; +} +.icon_fb7f94 ._201d5e8a3c09670a-contents { + min-height: var(--button-height); + min-width: var(--button-height); + max-height: var(--button-height); + max-width: var(--button-height); +} +.icon_fb7f94 ._201d5e8a3c09670a-contents svg { + margin: auto; +} + +.d1d9f3257b6b604c-tabBar { + height: 48px; + margin: 0; + padding: 0 16px; + gap: 24px; +} +.d1d9f3257b6b604c-tabBar .aa8da23faa27393c-item { + height: inherit; + border-bottom: none; +} +.d1d9f3257b6b604c-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-selected { + position: relative; + background-color: transparent !important; + border: none; +} +.d1d9f3257b6b604c-tabBar .aa8da23faa27393c-item.aa8da23faa27393c-selected: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; + transition: var(--default-time) ease all; +} +.d1d9f3257b6b604c-tabBar .aa8da23faa27393c-item .cf48127484dbde85-text-sm\/normal { + line-height: 48px; +} + +.fullSizeOverlayBackground_c69a7b { + border-radius: calc(var(--popout-radius-big) / 1.75); + border: none; +} + +/* USER PROFILE -> CONNECTED ACCOUNTS */ +.e6abe833ac70fcae-connectedAccounts { + margin-top: -16px; + border-top: none !important; +} +.e6abe833ac70fcae-connectedAccounts .e6abe833ac70fcae-connectedAccountContainer { + --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); + box-shadow: none; +} + +/* USER PROFILE -> NOTE */ +.fcb62805acc5d0cc-note { + margin: 0; +} +.fcb62805acc5d0cc-note textarea { + padding: 6px 12px; + border-radius: var(--input-radius); + box-shadow: none !important; +} +.fcb62805acc5d0cc-note textarea:focus { + background-color: var(--input-color); +} + +/* USER PROFILE -> LISTS */ +.listRow__9d78f { + border-radius: var(--popout-radius); + transition: var(--default-time) var(--default-animation) background-color; +} +.listRow__9d78f:hover { + background-color: var(--menu-item-hover); +} + +.f34534e8a5d3ca64-iconActiveMedium { + border-radius: 50%; +} + +/* USER PROFILE -> ACTIVITIES */ +.bf424dc3dc4c8775-section { + gap: 2px; +} +.bf424dc3dc4c8775-section .bf424dc3dc4c8775-headings { + margin-bottom: 6px; +} +.bf424dc3dc4c8775-section .overlayBackground_c69a7b { + background-color: var(--card-color-alt); + border-radius: 4px; +} +.bf424dc3dc4c8775-section .overlayBackground_c69a7b:only-child { + border-radius: calc(var(--card-radius-big) / 2.5); +} +.bf424dc3dc4c8775-section .overlayBackground_c69a7b:not(:only-child):nth-of-type(2) { + border-top-left-radius: calc(var(--card-radius-big) / 2.5); + border-top-right-radius: calc(var(--card-radius-big) / 2.5); +} +.bf424dc3dc4c8775-section .overlayBackground_c69a7b:not(:only-child):last-of-type { + border-bottom-left-radius: calc(var(--card-radius-big) / 2.5); + border-bottom-right-radius: calc(var(--card-radius-big) / 2.5); +} + +.ef9ae7987ec7715e-imageContainer { + border-radius: calc(var(--avatar-radius) * 1.25); +} + +/* + * + * APP DIRECTORY + * + */ +._5c9fcec194debbe7-root { + 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 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 .d125d22cdfd32cfe-scrollerBase { + --scrollbar-width: 4px; +} + +.card_e90143, .container_d9c848 { + background-color: var(--card-color-filled) !important; + border: none !important; + padding: 0 !important; + border-radius: var(--card-radius-big) !important; + transition: var(--default-time) var(--default-animation) background-color !important; +} +.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 !important; + border-radius: var(--card-radius-big) !important; + box-shadow: none !important; +} + +.cardHeader_b4a57c { + color: var(--header-primary); +} + +.linkDescription_b4a57c { + color: var(--interactive-text-default); +} + +/* APP DIRECTORY -> BOT INFO */ +.headerBanner_a1eac2 { + border-radius: var(--card-radius-big); +} + +.headerIcon_a1eac2 { + background-color: var(--main-color); + border-color: var(--main-color); +} + +.c590712dbcf16100-card { + 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; +} +.c590712dbcf16100-card:hover { + background-color: var(--card-color-hover); +} +.c590712dbcf16100-card:hover .c590712dbcf16100-iconMask { + background-color: var(--card-color-hover); +} +.c590712dbcf16100-card .c590712dbcf16100-splashImage { + border-radius: var(--card-radius-big); +} +.c590712dbcf16100-card .c590712dbcf16100-iconMask { + 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); + box-shadow: none; +} +.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); + box-shadow: none; +} +.commandList_a1eac2 .commandName_e0307d { + background-color: var(--card-color-filled); + border: none; + padding: 10px 12px; + border-radius: var(--card-radius-big); + box-shadow: none; +} + +.permissionHeader_a06168 { + margin-top: 0; +} + +/* + * + * BROWSE CHANNELS + * + */ +._41ed70e52483df6d-header { + margin: 0 46px 0 16px; + padding: 16px 0; +} + +.e4503acec53c64dd-scrollerInner { + padding: 0 36px 32px 16px; +} + +.bc0d3515e6cb489a-container { + background-color: hsl(var(--accent-hsl--material-you)); + border-radius: var(--card-radius-big); +} +.bc0d3515e6cb489a-container .defaultColor-HXu-5n, +.bc0d3515e6cb489a-container .body-2A992B { + color: var(--accent-text-color--material-you) !important; +} + +._41ed70e52483df6d-pageBody { + padding: 0; + background: transparent; +} + +._0b56311ebc6682e2-header { + background-color: transparent !important; +} + +/* BROWSE CHANNELS -> CHANNELS */ +.e4503acec53c64dd-categoryText { + font-size: 14px; + text-transform: none; +} + +.e4503acec53c64dd-channelRow { + --button-height: 34px; + position: relative; + padding: 12px 16px; + background-color: var(--card-color-filled); + border: none; + transition: var(--default-time) var(--default-animation) background-color; +} +.e4503acec53c64dd-channelRow: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; +} +.e4503acec53c64dd-channelRow.e4503acec53c64dd-firstChannel { + padding-top: 20px; + border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; +} +.e4503acec53c64dd-channelRow.e4503acec53c64dd-firstChannel:before { + height: calc(100% - 8px); + top: 8px; +} +.e4503acec53c64dd-channelRow.e4503acec53c64dd-firstChannel.e4503acec53c64dd-lastChannel { + border-radius: var(--card-radius-big); +} +.e4503acec53c64dd-channelRow.e4503acec53c64dd-lastChannel { + padding-bottom: 20px; + border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); +} +.e4503acec53c64dd-channelRow.e4503acec53c64dd-lastChannel:before { + height: calc(100% - 8px); +} +.e4503acec53c64dd-channelRow:not(.e4503acec53c64dd-disabled):hover { + background-color: var(--card-color-filled); +} +.e4503acec53c64dd-channelRow:not(.e4503acec53c64dd-disabled):hover:before { + opacity: 1; +} +.e4503acec53c64dd-channelRow:hover:not(.e4503acec53c64dd-disabled) { + background-color: var(--card-color-filled); +} +.e4503acec53c64dd-channelRow:hover .viewChannelButton_e4503a { + opacity: 1; + visibility: visible; + transition: var(--default-time) var(--default-animation) opacity; +} +.e4503acec53c64dd-channelRow .viewChannelButton_e4503a { + display: block; + opacity: 0; + visibility: hidden; + transition: var(--default-time) var(--default-animation) opacity; +} +.e4503acec53c64dd-channelRow .e4503acec53c64dd-channelName { + gap: 8px; +} + +.e4503acec53c64dd-channelInfo, +.e4503acec53c64dd-channelActions { + z-index: 2; +} + +.e4503acec53c64dd-separator { + display: none; +} + +/* + * + * CHANNELS AND ROLES + * + */ +._0b56311ebc6682e2-container { + background-color: var(--chat-color) !important; +} +._0b56311ebc6682e2-container ._0b56311ebc6682e2-tabBar { + margin: 32px 46px 0 16px; + border-bottom: 1px solid var(--separator-color); +} +._0b56311ebc6682e2-container ._0b56311ebc6682e2-tabBar + .f75fb00fb7356cbe-chat ._41ed70e52483df6d-pageBody { + padding-top: 0; +} +._0b56311ebc6682e2-container ._5d7c9a81ac5dd074-scroller { + padding-left: 16px; +} + +._5d7c9a81ac5dd074-prompt { + background-color: var(--card-color-filled); + border: none; + padding: 16px; + border-radius: var(--card-radius-big); + box-shadow: none; +} +._5d7c9a81ac5dd074-prompt ._5d7c9a81ac5dd074-promptTitle { + line-height: normal; + font-size: 1.25em; + color: var(--card-header-text-color) !important; + font-weight: 500; +} +._5d7c9a81ac5dd074-prompt ._270d7a28db32b312-optionButton { + --card-color-filled: var(--card-color-alt); +} + +._5d7c9a81ac5dd074-profileCard { + background-color: var(--card-color-filled); + border: none; + padding: 16px; + border-radius: var(--card-radius-big); + box-shadow: none; +} + +/* + * + * HOME TAB + * + */ +.container_c68a2c { + background-color: var(--card-color-filled); + border: none; + padding: 16px; + border-radius: var(--card-radius-big); + box-shadow: none; +} +.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); + box-shadow: none; +} +.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; + border-bottom: none; +} +.container__29699 .header__18dc9 .cf48127484dbde85-heading-md\/semibold { + 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 ._183c2cc3c55377b0-moreUsers { + 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); + box-shadow: none; + 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); + box-shadow: none; +} +.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; + border-bottom: none; +} +.container__60371 .header_be4997 .cf48127484dbde85-heading-md\/semibold { + 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); + box-shadow: none; +} + +.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 .c19a557985eb7793-wrapper .c19a557985eb7793-messageContent { + overflow: hidden; +} +.interactiveCard_d92364 .c19a557985eb7793-wrapper.c19a557985eb7793-cozy { + --message-color: var(--message-color-hover); +} +.interactiveCard_d92364 .c19a557985eb7793-wrapper.c19a557985eb7793-cozy:not(._5126c0cd07f243a0-message) { + margin: 16px 16px 0 79px; +} +.interactiveCard_d92364 .c19a557985eb7793-avatarDecoration { + left: -65px; +} + +.feedItemHeader_ec3bdb { + padding: 16px; + border-bottom: none; +} +.feedItemHeader_ec3bdb .cf48127484dbde85-heading-sm\/semibold { + font-size: 1.25em; +} + +/* + * + * RECENT MEMBERS + * + */ +.c791b281f2fedc32-container { + padding: 32px; + background-color: var(--chat-color) !important; +} + +._09a38002c6c2466d-mainTableContainer { + background-color: transparent; + border: none; + box-shadow: none; +} + +._98d1ce21de5c55ca-searchHeaderContainer { + margin-bottom: 16px; + padding: 0; +} +._98d1ce21de5c55ca-searchHeaderContainer .cf48127484dbde85-heading-md\/medium { + font-weight: 400; + font-size: 1.25em; +} +._98d1ce21de5c55ca-searchHeaderContainer ._72c3859781ebce8f-container { + border-radius: calc(var(--input-height) / 2); + border: none; + box-shadow: none; +} +._98d1ce21de5c55ca-searchHeaderContainer ._72c3859781ebce8f-container:focus-within { + box-shadow: none; +} +._98d1ce21de5c55ca-searchHeaderContainer ._0f0849b61557225e-input { + font-size: 1.1em; +} + +.b4ec0b0549a3448a-table { + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); + border-top: none; +} +.b4ec0b0549a3448a-table tbody:before { + content: " "; + display: block; + height: 8px; +} + +._9dd6b3d6691beb26-tableHeaderRow:first-child:after { + bottom: 0; + box-shadow: 0 1px 0 0 var(--card-border-color); +} + +._9dd6b3d6691beb26-tableHeaderCellContainer { + padding: 12px 8px; +} + +._71c22426f1aad6f4-memberRowContainer { + transition: var(--default-time) var(--default-animation) background-color; +} +._71c22426f1aad6f4-memberRowContainer:hover { + background-color: var(--card-color-alt-hover) !important; +} +._71c22426f1aad6f4-memberRowContainer td { + padding: 12px 8px; + background-color: transparent !important; +} +._71c22426f1aad6f4-memberRowContainer td:after { + display: none; +} +._71c22426f1aad6f4-memberRowContainer td:first-child { + border-radius: calc(var(--card-radius-big) / 1.5) 0 0 calc(var(--card-radius-big) / 1.5); +} +._71c22426f1aad6f4-memberRowContainer td:last-child { + border-radius: 0 calc(var(--card-radius-big) / 1.5) calc(var(--card-radius-big) / 1.5) 0; +} + +.acdcc0f00bb2135b-newMembersNotice { + top: 0; + background-color: hsl(var(--accent-hsl--material-you)); +} +.acdcc0f00bb2135b-newMembersNotice:hover { + background-color: hsl(var(--accent-hsl--material-you)); +} +.acdcc0f00bb2135b-newMembersNotice td:first-child { + border-radius: 18px 0 0 18px; +} +.acdcc0f00bb2135b-newMembersNotice td:last-child { + border-radius: 0 18px 18px 0; +} +.acdcc0f00bb2135b-newMembersNotice .cf48127484dbde85-text-sm\/normal { + color: var(--accent-text-color--material-you) !important; + font-weight: 500; +} +.acdcc0f00bb2135b-newMembersNotice ._201d5e8a3c09670a-button { + --button-text-color: var(--accent-text-color--material-you); +} + +._71c22426f1aad6f4-otherRoles { + background-color: var(--card-color-filled); + border-radius: 50%; + transition: var(--default-time) var(--default-animation) opacity; +} +._71c22426f1aad6f4-otherRoles ._71c22426f1aad6f4-addRoleIcon { + color: var(--interactive-text-default); +} + +._71c22426f1aad6f4-button { + background-color: var(--card-button-color); + transition: var(--default-time) var(--default-animation) background-color; +} +._71c22426f1aad6f4-button:hover { + background-color: var(--card-button-color-hover); +} + +.e8f197ff80df8bf4-paginationContainer { + margin-top: 8px; + padding: 0; + border-top: none; +} + +/* + * + * MOD VIEW + * + */ +._656be05658eed04d-profileThemedContainer { + border-radius: var(--card-radius-big) !important; +} +._656be05658eed04d-profileThemedContainer ._3a5a1cbdfaf1e8ec-keyComboContainer, ._656be05658eed04d-profileThemedContainer ._15c82d9246f1b8cc-keyComboContainer { + background-color: transparent; +} +._656be05658eed04d-profileThemedContainer ._61c9355cca12ab4b-key { + background-color: var(--profile-gradient-primary-color); + color: var(--interactive-text-default) !important; +} +._656be05658eed04d-profileThemedContainer ._02a39cb2980ceaaf-searchResult { + background-color: transparent !important; + box-shadow: none; +} +._656be05658eed04d-profileThemedContainer ._02a39cb2980ceaaf-searchResult .c19a557985eb7793-wrapper { + --message-color: var(--profile-gradient-overlay-color); + --message-color-hover: var(--profile-gradient-overlay-color); + margin: 0 0 0 50px !important; +} +._656be05658eed04d-profileThemedContainer ._02a39cb2980ceaaf-buttonsContainer { + background-color: transparent !important; + box-shadow: none; +} +._656be05658eed04d-profileThemedContainer ._02a39cb2980ceaaf-buttonsContainer ._02a39cb2980ceaaf-button { + background-color: var(--profile-gradient-button-color); + color: var(--white-500); +} + +._34940b51cd19b69f-container { + background-color: var(--profile-gradient-overlay-color); + border-radius: calc(var(--card-radius-big) / 1.75); + box-shadow: none; +} +._34940b51cd19b69f-container + div:not([class]) { + border-radius: calc(var(--card-radius-big) / 1.75); +} +._34940b51cd19b69f-container ._34940b51cd19b69f-topRow, +._34940b51cd19b69f-container ._34940b51cd19b69f-bottomRowAction { + background-color: transparent !important; +} +._34940b51cd19b69f-container ._34940b51cd19b69f-bottomRow { + margin: 8px; +} +._34940b51cd19b69f-container ._34940b51cd19b69f-innerBottomRowAction { + 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; +} +._34940b51cd19b69f-container ._34940b51cd19b69f-innerBottomRowAction:hover { + background-color: var(--profile-gradient-overlay-color); +} + +._3a5a1cbdfaf1e8ec-container { + background-color: var(--profile-gradient-overlay-color) !important; + border-radius: calc(var(--card-radius-big) / 1.75); +} +._3a5a1cbdfaf1e8ec-container ._3a5a1cbdfaf1e8ec-header { + background-color: transparent !important; + box-shadow: none; +} + +._96c0ba03d1498fba-modInfoItemContainer { + box-shadow: none; +} +._96c0ba03d1498fba-modInfoItemContainer ._96c0ba03d1498fba-modInfoItem { + margin-bottom: 2px; + background-color: var(--profile-gradient-overlay-color); + border-radius: 4px; + box-shadow: none; +} +._96c0ba03d1498fba-modInfoItemContainer ._96c0ba03d1498fba-modInfoItem:first-child { + border-radius: var(--card-radius-big) var(--card-radius-big) 4px 4px; +} +._96c0ba03d1498fba-modInfoItemContainer ._96c0ba03d1498fba-modInfoItem:last-child { + margin-bottom: 0; + border-radius: 4px 4px var(--card-radius-big) var(--card-radius-big); +} +._96c0ba03d1498fba-modInfoItemContainer ._96c0ba03d1498fba-modInfoItem:only-child { + margin-bottom: 0; + border-radius: var(--card-radius-big); +} +._96c0ba03d1498fba-modInfoItemContainer ._96c0ba03d1498fba-modInfoAction:hover { + background-color: var(--profile-gradient-primary-color); +} + +/* + * + * PREMIUM MEMBERSHIP + * + */ +._808a172f562ea104-scroller { + background-color: var(--chat-color); +} +._808a172f562ea104-scroller ._808a172f562ea104-scrollerContent { + max-width: 100%; +} + +._7e4865b22e3aca12-coverImageContainer { + width: calc(100% - 64px); + margin: 32px; +} +._7e4865b22e3aca12-coverImageContainer ._7e4865b22e3aca12-coverImage { + border-radius: var(--card-radius-big); +} + +._7e4865b22e3aca12-guildIconContainer { + background-color: var(--chat-color); +} + +._3efc4041416bf6dc-cardContainerWithoutTopIndicator { + --message-color: var(--card-color-alt); + background-color: var(--card-color-filled); + border: none; + padding: 0; + border-radius: var(--card-radius-big); + box-shadow: none; +} + +._3efc4041416bf6dc-tierInfoContainer, +._3efc4041416bf6dc-subscriptionPerks { + background-color: transparent; +} + +._3efc4041416bf6dc-tierInfoContainer { + border-bottom: 1px solid var(--card-border-color); +} +._3efc4041416bf6dc-tierInfoContainer ._201d5e8a3c09670a-button { + background: none; +} +._3efc4041416bf6dc-tierInfoContainer ._201d5e8a3c09670a-button .shine-3xxflf { + display: none; +} + +._3efc4041416bf6dc-subscriptionPerks ._3efc4041416bf6dc-sectionHeader { + font-size: 14px; + text-transform: none; +} + +._3efc4041416bf6dc-roleMessagePreview { + margin-left: 50px; + padding: 0; + background-color: transparent; + border: none; +} + +/* + * + * SERVER BOOST + * + */ +._8946359d8adb1488-container { + background-color: transparent; +} + +._8946359d8adb1488-contentContainer { + background-color: var(--main-color); +} + +.d970dab3554a9582-subscription { + background-color: var(--card-color-filled); + border: none; + padding: 16px; + border-radius: var(--card-radius-big); + box-shadow: none; +} + +.d970dab3554a9582-tierPill { + background-color: var(--card-button-color); +} + +/* SERVER BOOST -> SIDEBAR */ +._8946359d8adb1488-toolbar { + height: var(--custom-channel-header-height); +} + +._8946359d8adb1488-sidebarContainer { + flex: 0 1 auto; + margin: var(--space-12) var(--space-12) var(--space-12) var(--space-8); + padding: var(--space-16) calc(var(--space-16) - var(--scrollbar-thin-width)) var(--space-16) var(--space-16); + background-color: var(--main-alt); + border-radius: var(--popout-radius-big); + border-left: none; + overflow-y: scroll; + box-sizing: border-box; +} +._8946359d8adb1488-sidebarContainer::-webkit-scrollbar { + --scrollbar-width: var(--scrollbar-thin-width); +} + +._58c46286a2061172-container { + padding: 0; +} + +._2281b3e0ebb5c565-header { + padding: var(--space-24) 0 var(--space-8); +} + +._3f864baf56c092ae-container { + background-color: var(--card-color-filled); + border: none; + padding: var(--space-16); + border-radius: var(--card-radius-big); + box-shadow: none; +} + +._879ae80a7347cb3b-container { + border-radius: var(--card-radius-big); +} + +._2281b3e0ebb5c565-container { + flex: 0 1 auto; + padding: 0 !important; + gap: 2px; + overflow: unset !important; +} + +.df65b55032867ebf-systemMessageContainer { + padding: var(--space-12) var(--space-8); + background-color: var(--card-color-filled); + border-radius: 4px; + box-sizing: border-box; +} +.df65b55032867ebf-systemMessageContainer:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} +.df65b55032867ebf-systemMessageContainer:nth-last-child(2) { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +/* SERVER BOOST -> CARDS */ +._5573a546299c96e8-parentContainer:hover ._5573a546299c96e8-container { + transform: none; +} + +._5573a546299c96e8-container { + background-color: var(--card-color-filled) !important; + border: none !important; + padding: 0 !important; + border-radius: var(--card-radius-big) !important; + box-shadow: none !important; + transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) box-shadow !important; +} +._5573a546299c96e8-container:hover { + background-color: var(--card-color-hover) !important; + box-shadow: var(--shadow-soft) !important; +} +._5573a546299c96e8-container._5573a546299c96e8-active { + --card-color-filled: var(--card-color-active); + --card-color-hover: var(--card-color-active); +} +._5573a546299c96e8-container ._823e17af53f649ad-boostContainer { + border-color: var(--card-color-filled); +} + +._6343b53932c3e9b2-background { + border-radius: var(--card-radius-big); +} + +/* + * + * SERVER GUIDE + * + */ +._553a560af5c280e6-header { + margin-top: -16px; +} + +._553a560af5c280e6-headerArtWrapper { + width: calc(100% + 32px); + margin-right: -16px; +} + +._553a560af5c280e6-headerIcon { + 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); + box-shadow: none; +} + +.c66e86abde46dbb3-action { + background-color: var(--card-color-filled) !important; + border: none !important; + padding: 16px !important; + border-radius: var(--card-radius-big) !important; + transition: var(--default-time) var(--default-animation) background-color !important; + cursor: pointer; +} +.c66e86abde46dbb3-action:hover { + background-color: var(--card-color-hover) !important; +} + +.d13feb942bc5e7c6-row { + 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; +} +.d13feb942bc5e7c6-row:hover { + background-color: var(--card-color-hover); +} + +._7449fa59699cedd9-sidebarCardWrapper { + background-color: var(--card-color-filled); + border: none; + padding: 16px; + border-radius: var(--card-radius-big); + box-shadow: none; +} + +/* + * + * SERVER SHOP + * + */ +._496688f04cb26d28-content { + background-color: var(--chat-color); +} +._496688f04cb26d28-content ._496688f04cb26d28-contentContainer { + width: 100%; +} + +.adb50a654b4cd212-container, +.d804ff2e60e07385-filters { + max-width: unset; +} + +.adb50a654b4cd212-container { + background-color: var(--card-color-filled); + border: none; + padding: 0; + border-radius: var(--card-radius-big); + box-shadow: none; + box-shadow: none; +} +.adb50a654b4cd212-container .adb50a654b4cd212-infoContainer { + padding: 0 16px 16px; +} +.adb50a654b4cd212-container .adb50a654b4cd212-coverImage { + border-radius: var(--card-radius-big); +} + +.d804ff2e60e07385-filters ._201d5e8a3c09670a-lookFilled ._201d5e8a3c09670a-contents { + color: var(--accent-text-color--material-you); +} +.d804ff2e60e07385-filters ._201d5e8a3c09670a-lookFilled .cf48127484dbde85-text-sm\/medium { + color: inherit !important; +} + +.d804ff2e60e07385-header { + font-size: 14px; + text-transform: none; +} + +.d804ff2e60e07385-tab { + border-radius: var(--card-radius-big); +} +.d804ff2e60e07385-tab.d804ff2e60e07385-selected { + background-color: hsl(var(--accent-hsl--material-you), 0.3); + border-color: hsl(var(--accent-hsl--material-you)); + box-shadow: none; +} + +._79d38fa75120d990-productCard { + background-color: var(--card-color-filled) !important; + border: none !important; + padding: 0 !important; + border-radius: var(--card-radius-big) !important; + transition: var(--default-time) var(--default-animation) background-color !important; +} +._79d38fa75120d990-productCard:hover { + background-color: var(--card-color-hover) !important; +} +._79d38fa75120d990-productCard ._79d38fa75120d990-productThumbnail { + border-radius: var(--card-radius-big); +} + +._8833c76cfb7aa93d-card:hover ._8833c76cfb7aa93d-cardContent { + box-shadow: none; + outline: none; + transform: none; +} + +/* SERVER SHOP -> PRODUCT MODAL */ +._06f116858aaf7661-container { + width: calc(100% + 48px); + margin: -24px -24px -16px; + border-radius: var(--card-radius-big); +} + +._6fa2e1d9d0f82713-body { + background-color: transparent; +} + +/* + * + * USER SETTINGS ADD GAME POPOUT + * + */ +.cc46f0f859f26200-addGamePopout { + background-color: var(--popout-color) !important; + border-radius: var(--popout-radius-big) !important; + border: none !important; + box-shadow: var(--shadow-medium) !important; +} +.cc46f0f859f26200-addGamePopout ._201d5e8a3c09670a-lookLink { + margin-right: 8px; +} + +/* + * + * APPS AND COMMANDS + * + */ +._9c62c6ed231468c4-contentWrapper { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + box-shadow: var(--shadow-medium); +} +._9c62c6ed231468c4-contentWrapper ._72c3859781ebce8f-container { + height: var(--input-height); + max-height: var(--input-height); + padding: 0 var(--input-padding); + background-color: var(--input-color); + border-radius: calc(var(--input-height) / 2); + border: none; + box-shadow: none; +} +._9c62c6ed231468c4-contentWrapper ._72c3859781ebce8f-container:focus-within { + box-shadow: none; +} + +._927fca0ac7164d54-sectionRowsContentContainer { + padding: 8px; + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); +} +._927fca0ac7164d54-sectionRowsContentContainer .cb32c78a53f54371-rowContainer { + background-color: transparent; + border-radius: calc(var(--card-radius-big) / 1.5); +} +._927fca0ac7164d54-sectionRowsContentContainer .cb32c78a53f54371-rowContainer:hover { + background-color: var(--card-color-hover); +} +._927fca0ac7164d54-sectionRowsContentContainer .cb32c78a53f54371-rowDivider { + display: none; +} + +.cb32c78a53f54371-containerBorderRadius { + border-radius: 24px; +} + +.bd6d20648de85ba8-icon { + border-radius: 50%; +} + +._927fca0ac7164d54-sectionTwoColumnContentContainer .cb32c78a53f54371-container { + border-radius: var(--card-radius-big); +} + +.cb32c78a53f54371-container { + background-color: var(--card-color-filled); + transition: var(--default-time) var(--default-animation) background-color; +} +.cb32c78a53f54371-container:hover { + background-color: var(--card-color-active); +} + +.cb32c78a53f54371-bannerImageContainer { + border-radius: var(--card-radius-big); +} + +._19cf24ad0aef5ead-container { + background-color: var(--card-color-filled); + border: none; + padding: 16px; + border-radius: var(--card-radius-big); + box-shadow: none; +} + +/* APPS AND COMMANDS - > APP */ +._7bdb06a4e863b838-container { + --scrollbar-width: 0; + background-color: var(--popout-color); +} +._7bdb06a4e863b838-container ._57d3f24138c76890-bannerBackground, +._7bdb06a4e863b838-container ._57d3f24138c76890-stickyBanner { + border-radius: var(--popout-radius-big); +} + +._7bdb06a4e863b838-appIcon { + background-color: var(--popout-color); + border-color: var(--popout-color); +} + +.profileAndVideoContainer_e80fe9 { + margin-bottom: 0; + border-radius: var(--card-radius-big); + border: none; +} +.profileAndVideoContainer_e80fe9 ._958562d63bb1e99d-overviewContainerNoVideo { + background-color: var(--card-color-filled); + border-radius: inherit; +} + +._958562d63bb1e99d-videoCover { + border-radius: var(--card-radius-big); +} + +._958562d63bb1e99d-overviewContainerWithVideo { + margin-top: calc(var(--card-radius-big) * -1); + padding-top: calc(12px + var(--card-radius-big)); + background-color: var(--card-color-filled); + border-bottom-left-radius: var(--card-radius-big); + border-bottom-right-radius: var(--card-radius-big); +} +._958562d63bb1e99d-overviewContainerWithVideo ._958562d63bb1e99d-tagContainer { + border-radius: 11px; + background-color: var(--card-color-active); +} + +._958562d63bb1e99d-overviewContainerNoVideo { + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); +} + +.c94584907f9d5a22-commandListHeader ._201d5e8a3c09670a-button { + --button-height: 32px; + --button-padding: 0 12px; +} + +.c94584907f9d5a22-commandContainer { + background-color: var(--card-color-filled); + border: none; + padding: 8px; + border-radius: var(--card-radius-big); + box-shadow: none; +} + +.c94584907f9d5a22-command { + background-color: transparent; + border-radius: calc(var(--popout-radius-big) / 1.9) !important; + border-bottom: none !important; + transition: var(--default-time) var(--default-animation) background-color; +} +.c94584907f9d5a22-command:hover { + background-color: var(--card-color-hover); +} +.c94584907f9d5a22-command ._201d5e8a3c09670a-button { + --button-padding: 0 16px; +} + +/* + * + * AUTOCOMPLETE + * + */ +._13533e3c5791980f-autocomplete { + background-color: var(--popout-color) !important; + border-radius: var(--popout-radius-big) !important; + border: none !important; + box-shadow: var(--shadow-medium) !important; +} +._13533e3c5791980f-autocomplete .d1405bf11dcfb07a-categoryHeader { + background-color: var(--emoji-category-header); +} +._13533e3c5791980f-autocomplete ._13533e3c5791980f-autocompleteRow { + padding: 0; +} +._13533e3c5791980f-autocomplete ._13533e3c5791980f-autocompleteRow[aria-disabled=false] ._13533e3c5791980f-base:hover { + background-color: var(--menu-item-hover); +} +._13533e3c5791980f-autocomplete ._13533e3c5791980f-autocompleteRow[aria-selected=true] ._13533e3c5791980f-base { + background-color: var(--menu-item-select); +} +._13533e3c5791980f-autocomplete ._13533e3c5791980f-autocompleteRow ._13533e3c5791980f-base { + padding: 8px 12px; + border-radius: 0; + transition: var(--default-time) var(--default-animation) background-color; +} +._13533e3c5791980f-autocomplete ._13533e3c5791980f-autocompleteRow ._13533e3c5791980f-base.selected-3H3-RC { + background-color: var(--menu-item-hover) !important; +} +._13533e3c5791980f-autocomplete ._13533e3c5791980f-contentTitle { + font-size: 14px; + text-transform: none; +} +._13533e3c5791980f-autocomplete ._13533e3c5791980f-divider { + padding: 8px 0; +} +._13533e3c5791980f-autocomplete ._13533e3c5791980f-divider:after { + background-color: var(--card-border-color); +} +._13533e3c5791980f-autocomplete .b1e4f3fb96801b99-wrapper { + position: relative; + background-color: var(--attachment-color); +} +._13533e3c5791980f-autocomplete .b1e4f3fb96801b99-wrapper ._4106ae7c1472c1de-wrapper { + width: 100%; +} +._13533e3c5791980f-autocomplete .b1e4f3fb96801b99-wrapper ._4106ae7c1472c1de-wrapper .d125d22cdfd32cfe-scrollerBase { + --scrollbar-width: 0; +} +._13533e3c5791980f-autocomplete .b1e4f3fb96801b99-wrapper ._4106ae7c1472c1de-wrapper { + width: 100%; + background-color: transparent; +} +._13533e3c5791980f-autocomplete .b1e4f3fb96801b99-wrapper ._4106ae7c1472c1de-wrapper .d125d22cdfd32cfe-scrollerBase { + --scrollbar-width: 0; +} +._13533e3c5791980f-autocomplete .b1e4f3fb96801b99-wrapper ._4106ae7c1472c1de-wrapper .affa7e120767dd82-listItems { + left: 12px !important; + right: 12px !important; +} +._13533e3c5791980f-autocomplete .affa7e120767dd82-listItems { + left: 0 !important; + right: 0 !important; +} + +/* AUTOCOMPLETE -> ROLES POPOUT */ +.container_d5ae15 { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + border: none; + box-shadow: var(--shadow-medium); +} +.container_d5ae15 .autocompleteArrow-2CRgr2 { + background-color: var(--popout-color); +} +.container_d5ae15 .header_d5ae15 { + background-color: transparent; + border-bottom: 1px solid var(--card-border-color); +} +.container_d5ae15 .headerText_d5ae15 { + margin-right: 0; +} +.container_d5ae15 .input_d5ae15 { + width: 100%; + margin-bottom: 0; +} +.container_d5ae15 .sectionTag_d5ae15 { + background-color: transparent !important; +} +.container_d5ae15 .section_d5ae15 { + line-height: 36px; + padding: 0 16px; + font-size: 14px; + text-transform: none; +} +.container_d5ae15 .autocompleteShadow_d5ae15 { + display: none; +} +.container_d5ae15 .autocompleteArrow-2CRgr2 { + background-color: var(--popout-color); +} +.container_d5ae15 .header_d5ae15 { + padding: 0 16px; + gap: 8px; + justify-content: flex-start; + background-color: transparent; + border-bottom: 1px solid var(--card-border-color); +} +.container_d5ae15 .sectionTag_d5ae15 { + background-color: transparent !important; +} +.container_d5ae15 .section_d5ae15 { + line-height: 36px; + padding: 0 16px; + font-size: 14px; + text-transform: none; +} + +.autocompleteShadow_d5ae15, +.autocompleteHeaderBackground_d5ae15 { + display: none; +} + +.row_d5ae15 { + padding-left: var(--scrollbar-thin-width); +} +.row_d5ae15.selected_d5ae15 .rowInner_d5ae15 { + background-color: var(--menu-item-hover); +} +.row_d5ae15 .rowInner_d5ae15 { + border-radius: var(--popout-radius); + transition: var(--default-time) var(--default-animation) background-color; +} + +/* + * + * CALENDAR + * + */ +.d27f17593b8064c5-calendarPicker .react-datepicker { + padding: 16px; + background-color: var(--popout-color) !important; + border-radius: var(--popout-radius-big) !important; + border: none !important; + box-shadow: var(--shadow-medium) !important; +} +.d27f17593b8064c5-calendarPicker .react-datepicker__header { + background-color: transparent !important; +} +.d27f17593b8064c5-calendarPicker .react-datepicker__current-month { + border-bottom-color: var(--separator-color) !important; + font-size: 14px; + text-transform: none; +} +.d27f17593b8064c5-calendarPicker .react-datepicker__navigation.react-datepicker__navigation--next, .d27f17593b8064c5-calendarPicker .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); +} +.d27f17593b8064c5-calendarPicker .react-datepicker__navigation.react-datepicker__navigation--next:hover, .d27f17593b8064c5-calendarPicker .react-datepicker__navigation.react-datepicker__navigation--previous:hover { + background-color: hsl(var(--button-link-accent-color), 0.2); +} +.d27f17593b8064c5-calendarPicker .react-datepicker__day-name { + color: var(--interactive-text-default) !important; +} +.d27f17593b8064c5-calendarPicker .react-datepicker__day--disabled, +.d27f17593b8064c5-calendarPicker .react-datepicker__day--outside-month { + background-color: transparent !important; + color: var(--text-disabled) !important; +} +.d27f17593b8064c5-calendarPicker .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; +} +.d27f17593b8064c5-calendarPicker .react-datepicker__day:hover:not(.react-datepicker__day--today) { + background-color: var(--menu-item-hover) !important; +} +.d27f17593b8064c5-calendarPicker .react-datepicker__day.react-datepicker__day--selected { + background-color: hsl(var(--accent-hsl--material-you)) !important; + color: var(--accent-text-color--material-you) !important; +} +.d27f17593b8064c5-calendarPicker .react-datepicker__day.react-datepicker__day--selected:after { + display: none; +} +.d27f17593b8064c5-calendarPicker .react-datepicker__day.react-datepicker__day--selected:hover { + background-color: hsl(var(--accent-hsl--material-you)) !important; +} +.d27f17593b8064c5-calendarPicker .react-datepicker__day--today { + border-color: hsl(var(--accent-hsl--material-you)) !important; + color: hsl(var(--accent-hsl--material-you)) !important; +} +.d27f17593b8064c5-calendarPicker .react-datepicker__day--today:hover { + background-color: hsl(var(--accent-hsl), 0.2) !important; +} + +._56fec8e8b8048fe0-datePicker .react-datepicker { + padding-bottom: 8px; + box-shadow: none !important; +} +._56fec8e8b8048fe0-datePicker ._56fec8e8b8048fe0-datePickerHint { + border-top-color: var(--separator-color); +} +._56fec8e8b8048fe0-datePicker ._56fec8e8b8048fe0-datePickerHint ._56fec8e8b8048fe0-hint { + color: var(--interactive-text-default); +} +._56fec8e8b8048fe0-datePicker ._56fec8e8b8048fe0-datePickerHint ._56fec8e8b8048fe0-hintValue { + 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 + * + */ +._4e30a003110eaaf1-container { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + border: none; + box-shadow: var(--shadow-medium); +} +._4e30a003110eaaf1-container ._260e1982cd52c5c3-users { + background-color: var(--card-color-active); +} +._4e30a003110eaaf1-container ._260e1982cd52c5c3-total { + background-color: var(--card-color-filled); +} +._4e30a003110eaaf1-container ._260e1982cd52c5c3-total:after { + border-right-color: var(--card-color-filled); +} + +._4e30a003110eaaf1-headerDivider { + background-color: var(--popout-header-border); +} + +.popout__7fe3a { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + border: none; + box-shadow: var(--shadow-medium); +} + +/* + * + * COLOR PICKER + * + */ +._459fb7bcd881f8d6-customColorPicker { + background-color: var(--popout-color) !important; + border-radius: var(--popout-radius-big) !important; + border: none !important; + box-shadow: var(--shadow-medium) !important; + border: none !important; +} + +.suggestedColor__713b5 { + border-radius: 16px; +} + +.colorPickerRow_d31e23 { + overflow: visible; +} + +._459fb7bcd881f8d6-colorPickerSwatch { + border-radius: 10px; +} +._459fb7bcd881f8d6-colorPickerSwatch._459fb7bcd881f8d6-custom, ._459fb7bcd881f8d6-colorPickerSwatch._459fb7bcd881f8d6-default { + border-radius: var(--card-radius-big); +} + +._2d060d615a1103be-swatch { + border-radius: var(--card-radius-big); +} + +._488d92fd78822438-gradientSwatch { + border-radius: var(--card-radius-big); +} + +._459fb7bcd881f8d6-gradientPreset { + border-radius: 8px; +} + +/* + * + * CONNECTION INFO + * + */ +._50387b5c048bc9e1-container { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + border: none; + box-shadow: var(--shadow-medium); +} +._50387b5c048bc9e1-container .cf48127484dbde85-heading-lg\/bold { + margin-bottom: 4px; +} +._50387b5c048bc9e1-container ._50387b5c048bc9e1-tabs { + height: 40px; +} +._50387b5c048bc9e1-container ._50387b5c048bc9e1-tabs .aa8da23faa27393c-item { + line-height: 40px; +} + +.effb26435c5c2207-graphContainer { + background-color: var(--popout-color); +} + +._9351a632b84f4263-container { + gap: 12px; +} + +._9351a632b84f4263-tag { + margin-bottom: 0; + padding: 4px 8px; + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); +} + +._9351a632b84f4263-header { + margin: 0; +} + +._1a1f50e495247ecf-code { + background-color: var(--card-color-filled); + border: none; + padding: 12px; + border-radius: var(--card-radius-big); + box-shadow: none; +} + +.d4320211765954c6-header { + padding: 12px 16px; + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; + border-bottom: 1px solid var(--card-border-color); +} +.d4320211765954c6-header + ._1a1f50e495247ecf-code { + border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); +} + +.shieldIcon_d43202 { + background-color: var(--popout-color-alt); +} + +/* CONNECTION INFO -> CODE VERIFICATION MODAL */ +._49fc18ba07c5025f-content.content_d43202 { + padding-top: 68px; +} + +/* + * + * CONTEXT MENU + * + */ +.c1e9c47c23f12ca3-menu { + background-color: var(--popout-color); + border-radius: var(--popout-radius); + box-shadow: var(--shadow-medium); + border: none; + animation: opacity 100ms ease, open-context-menu 300ms var(--default-animation); + transform-origin: top; +} +.c1e9c47c23f12ca3-menu .d125d22cdfd32cfe-scrollerBase { + padding: 8px 0; +} +.c1e9c47c23f12ca3-menu .d125d22cdfd32cfe-scrollerBase::-webkit-scrollbar { + --scrollbar-thin-width: 0; +} +.c1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-groupLabel { + font-size: 14px; + text-transform: none; +} +.c1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-item { + min-height: 32px; + margin: 0; + padding: 9px 12px; + line-height: 18px; + gap: 12px; + border-radius: 0; + color: var(--menu-item-text-color) !important; + transition: var(--default-time) var(--default-animation) background-color; + flex-direction: row-reverse; +} +.c1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-item.c1e9c47c23f12ca3-colorDanger { + --menu-item-text-color: hsl(var(--alert-hsl)); +} +.c1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-item.c1e9c47c23f12ca3-focused { + background-color: var(--menu-item-hover); +} +.c1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-item.c1e9c47c23f12ca3-focused .c1e9c47c23f12ca3-caret { + color: var(--menu-item-text-color); +} +.c1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-item.c1e9c47c23f12ca3-focused .c1e9c47c23f12ca3-caret path { + fill: currentColor; +} +.c1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-item.c1e9c47c23f12ca3-colorPremiumGradient { + transition: var(--default-time) var(--default-animation) background; +} +.c1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-item.c1e9c47c23f12ca3-colorPremiumGradient.c1e9c47c23f12ca3-focused { + background: var(--menu-item-hover); +} +.c1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-item:active:not(.c1e9c47c23f12ca3-hideInteraction) { + background-color: var(--menu-item-select); +} +.c1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-item.c1e9c47c23f12ca3-hideInteraction .c1e9c47c23f12ca3-labelContainer { + padding: 0 0 8px; +} +.c1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-item.c1e9c47c23f12ca3-hideInteraction ._650391965b2d6ee2-sliderContainer { + margin-bottom: -6px; + padding: 0; +} +.c1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-item .c1e9c47c23f12ca3-labelContainer { + min-height: unset; + padding: 0; +} +.c1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-item .c1e9c47c23f12ca3-iconContainer, +.c1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-item .imageContainer_d90b3d { + margin: 0; +} +.c1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-item .c1e9c47c23f12ca3-icon path { + fill: currentColor; +} +.c1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-item .d40c56f847687e8d-userMenuText { + color: inherit; +} +.c1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-label { + color: inherit; +} +.c1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-customItem .cf48127484dbde85-text-md\/bold { + padding: 12px; + font-weight: 500; +} +.c1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-submenuPaddingContainer { + margin-left: -4px; + margin-right: -4px; + animation: opacity 100ms ease, open-context-menu 300ms var(--default-animation); + transform-origin: top; +} +.c1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-separator { + width: 100%; + margin: 8px 0; + border-color: var(--separator-color); +} +.c1e9c47c23f12ca3-menu ._202d80cea47aca3c-label { + gap: 8px; +} + +.f563df886a7377be-button { + border-radius: 50%; +} + +body:active .c1e9c47c23f12ca3-menu:not(:active) { + opacity: 0; + transition: 150ms ease all; +} + +/* CONTEXT MENU -> SERVER OPTIONS */ +.c1e9c47c23f12ca3-menu#guild-header-popout { + animation: top-pop-out 400ms var(--default-animation); + overflow: hidden; +} + +/* + * + * CREATE GROUP DM + * + */ +.cba5926a3ea0ad97-searchBar { + margin-top: 16px; +} +.cba5926a3ea0ad97-searchBar .input_fea832 { + height: var(--input-height) !important; +} + +.searchBarComponent_cba592 { + background-color: var(--input-color); + border-radius: 19px !important; + border: none; +} +.searchBarComponent_cba592 .inner_fea832 { + min-height: var(--input-height); +} + +.tag_fea832 { + height: 28px; + margin: 4px 4px 0 6px; + border-radius: 14px; + background-color: transparent; + border: 1px solid var(--text-muted); + color: var(--interactive-text-default); +} +.tag_fea832 + .input_fea832 { + margin-left: 6px; +} + +.bbd19242e12654ad-friendWrapper { + margin: 0; +} + +.bbd19242e12654ad-friend { + padding: 6px 18px 6px 24px; + border-radius: 0; +} +.bbd19242e12654ad-friend.bbd19242e12654ad-friendSelected { + background-color: var(--menu-item-hover) !important; +} + +.cba5926a3ea0ad97-footer { + padding: 16px 24px 24px; +} + +.footerSeparator_e6af9c { + display: none; +} + +/* + * + * EMOJI PICKER + * + */ +._084343c4f11eaaab-contentWrapper, .contentWrapper_eab878 { + animation: bottom-pop-out 400ms var(--default-animation); +} + +.c0e32c5cffed3d9f-isBurstReactionPicker { + border-radius: var(--popout-radius-big) !important; +} + +._084343c4f11eaaab-contentWrapper, .contentWrapper_eab878, +.c0e32c5cffed3d9f-emojiPicker { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + border: none; + box-shadow: var(--shadow-medium); +} + +.c0e32c5cffed3d9f-emojiPicker { + background-color: var(--popout-color); + border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big); +} + +.c0e32c5cffed3d9f-wrapper { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); +} +.c0e32c5cffed3d9f-wrapper.isBurstReactionUnlimited_ef651a { + border-radius: var(--popout-radius-big); + box-shadow: 0 0 0 2px hsl(var(--accent-hsl--material-you)); +} +.c0e32c5cffed3d9f-wrapper.isBurstReactionUnlimited_ef651a:before { + border-radius: inherit; + box-shadow: 0 0 100px hsl(var(--accent-hsl--material-you)); +} +.c0e32c5cffed3d9f-wrapper.c0e32c5cffed3d9f-emojiPickerHasTabWrapper ._4106ae7c1472c1de-wrapper { + top: 55px; +} +.c0e32c5cffed3d9f-wrapper ._4106ae7c1472c1de-wrapper { + top: 73px; +} +.c0e32c5cffed3d9f-wrapper ._72c3859781ebce8f-container { + --input-color: var(--input-color-alt); +} + +/* EMOJI PICKER -> HEADER */ +.navButtonSuperReactActive__01546 { + background: var(--menu-item-select); +} + +.c0e32c5cffed3d9f-header, +._8ef02eea17068b73-header, +.fed6d32841cc2da2-header { + 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; +} +.c0e32c5cffed3d9f-header ._72c3859781ebce8f-container, +._8ef02eea17068b73-header ._72c3859781ebce8f-container, +.fed6d32841cc2da2-header ._72c3859781ebce8f-container { + border-radius: calc(var(--input-height) / 2); + border: none; + box-shadow: none; + --input-color: var(--input-color-alt); +} +.c0e32c5cffed3d9f-header ._72c3859781ebce8f-container:focus-within, +._8ef02eea17068b73-header ._72c3859781ebce8f-container:focus-within, +.fed6d32841cc2da2-header ._72c3859781ebce8f-container:focus-within { + box-shadow: none; +} +.c0e32c5cffed3d9f-header .iconLayout__72c38, +._8ef02eea17068b73-header .iconLayout__72c38, +.fed6d32841cc2da2-header .iconLayout__72c38 { + width: 32px; + height: 32px; +} + +._084343c4f11eaaab-contentWrapper { + --nav-button-height: 36px; + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + border: none; + box-shadow: var(--shadow-medium); + grid-template-rows: var(--nav-button-height) auto; +} +._084343c4f11eaaab-contentWrapper ._72c3859781ebce8f-wrapper { + --input-color: var(--input-color-alt); +} + +.c0e32c5cffed3d9f-header + .c0e32c5cffed3d9f-emojiPicker { + border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big); +} + +._084343c4f11eaaab-nav + .c0e32c5cffed3d9f-wrapper .c0e32c5cffed3d9f-header, .nav__2aafa + .c0e32c5cffed3d9f-wrapper .c0e32c5cffed3d9f-header { + padding-top: 0; +} +._084343c4f11eaaab-nav + ._8ef02eea17068b73-wrapper ._8ef02eea17068b73-header, .nav__2aafa + ._8ef02eea17068b73-wrapper ._8ef02eea17068b73-header { + padding-top: 0; +} +._084343c4f11eaaab-nav + .fed6d32841cc2da2-container .fed6d32841cc2da2-header, .nav__2aafa + .fed6d32841cc2da2-container .fed6d32841cc2da2-header { + padding-top: 0; +} + +.a45a2a5d0f4caddc-diversitySelectorOptions { + background-color: var(--popout-color); + border-radius: 16px; + border: none; + box-shadow: var(--shadow-medium); + overflow: hidden; +} +.a45a2a5d0f4caddc-diversitySelectorOptions .a45a2a5d0f4caddc-diversityEmojiItem { + border-radius: 0; + transition: var(--default-time) var(--default-animation) background-color; +} +.a45a2a5d0f4caddc-diversitySelectorOptions .a45a2a5d0f4caddc-diversityEmojiItem:hover { + background-color: var(--menu-item-hover); +} + +._084343c4f11eaaab-navList, .navList__8438b { + --nav-button-height: 36px; + --nav-button-big-radius: calc(var(--nav-button-height) / 2); + --nav-button-small-radius: calc(var(--nav-button-height) / 5); + padding: 0; + background-color: transparent; + border-radius: 0; + gap: 2px; + width: 100%; +} +._084343c4f11eaaab-navList ._084343c4f11eaaab-navItem, .navList__8438b ._084343c4f11eaaab-navItem { + display: flex; + min-width: calc(var(--button-height) + var(--space-8)); + height: var(--nav-button-height); + padding-top: 0; + padding-bottom: 0; + background-color: var(--accent-secondary-color) !important; + border-radius: var(--nav-button-small-radius); + color: var(--accent-secondary-text-color); + justify-content: center; + transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color, var(--default-time) var(--default-animation) border-radius; +} +._084343c4f11eaaab-navList ._084343c4f11eaaab-navItem:first-of-type, .navList__8438b ._084343c4f11eaaab-navItem:first-of-type { + border-radius: var(--nav-button-big-radius) var(--nav-button-small-radius) var(--nav-button-small-radius) var(--nav-button-big-radius); +} +._084343c4f11eaaab-navList ._084343c4f11eaaab-navItem:last-of-type, .navList__8438b ._084343c4f11eaaab-navItem:last-of-type { + border-radius: var(--nav-button-small-radius) var(--nav-button-big-radius) var(--nav-button-big-radius) var(--nav-button-small-radius); +} +._084343c4f11eaaab-navList ._084343c4f11eaaab-navItem._084343c4f11eaaab-navButtonActive, ._084343c4f11eaaab-navList ._084343c4f11eaaab-navItem .navButtonActive_b003de, .navList__8438b ._084343c4f11eaaab-navItem._084343c4f11eaaab-navButtonActive, .navList__8438b ._084343c4f11eaaab-navItem .navButtonActive_b003de { + background-color: hsl(var(--accent-hsl--material-you)) !important; + border-radius: var(--nav-button-big-radius); + border: none; + color: var(--accent-text-color--material-you); +} + +._084343c4f11eaaab-navItem { + flex-grow: 1; + flex-basis: 0; + margin: 0 !important; + padding: 0; + line-height: var(--nav-button-height); + text-align: center; +} +._084343c4f11eaaab-navItem:hover { + background-color: var(--card-color-active) !important; +} + +._084343c4f11eaaab-stickersNavItem { + justify-content: center; +} + +body:active ._084343c4f11eaaab-drawerSizingWrapper:not(:active) { + opacity: 0; + transition: 150ms ease all; +} + +#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_fea832 { + --input-height: 32px; + --input-padding: 0 6px 0 12px; + background-color: var(--input-color); + border-radius: var(--input-radius); +} +.container_fea832 .inner_fea832 { + padding: 0 var(--input-padding) !important; +} +.container_fea832 .inner_fea832::-webkit-scrollbar { + width: 0px !important; +} +.container_fea832 .input_fea832 { + height: var(--input-height); + margin: 0; + padding: 0; +} + +/* EMOJI PICKER -> EMOJIS */ +._97f37b35f073229d-wrapper { + background-color: var(--popout-color); +} +._97f37b35f073229d-wrapper ._97f37b35f073229d-banner { + border-radius: var(--card-radius-big); +} + +._14245bb948377a25-wrapper { + background-color: var(--emoji-category-header); +} +._14245bb948377a25-wrapper ._14245bb948377a25-headerLabel { + font-size: 14px; + text-transform: none; +} + +.c656aca9a3db31a9-categorySectionNitroLocked { + --emoji-category-header: hsl(from hsl(var(--premium-tier-2-purple-hsl)) h calc(s / 1.9) calc(l / 1.4) / 0.95); +} + +.fc7141859aaa98b7-emojiItem { + border-radius: 8px; + transition: var(--default-time) var(--default-animation) background-color; +} +.fc7141859aaa98b7-emojiItem.fc7141859aaa98b7-emojiItemSelected { + background-color: var(--menu-item-select); +} +.fc7141859aaa98b7-emojiItem.emojiItemDisabled__843ea { + filter: none; +} +.fc7141859aaa98b7-emojiItem.emojiItemDisabled__843ea ._1859b636cb709618-image { + filter: brightness(60%) grayscale(100%); +} + +.fc7141859aaa98b7-newlyAddedHighlight { + border-radius: 8px 8px 8px 0; + border-color: hsl(var(--accent-hsl--material-you)) !important; + overflow: hidden; +} +.fc7141859aaa98b7-newlyAddedHighlight.fc7141859aaa98b7-oneItem { + border-radius: 8px 8px 0 0; +} +.fc7141859aaa98b7-newlyAddedHighlight .fc7141859aaa98b7-emojiItem { + border-radius: 0; +} + +.fc7141859aaa98b7-newlyAddedBadge { + background-color: hsl(var(--accent-hsl--material-you)) !important; + border-radius: 0 0 8px 8px; + color: var(--accent-text-color--material-you); +} +.fc7141859aaa98b7-newlyAddedBadge .fc7141859aaa98b7-newlyAddedBadgeStar { + color: inherit; +} +.fc7141859aaa98b7-newlyAddedBadge div { + color: inherit !important; + text-transform: capitalize; +} + +.aeaaeb2a573807f0-inspector { + background-color: var(--popout-color); + border-bottom-right-radius: var(--popout-radius-big); + border-top: 1px solid var(--card-border-color); +} +.aeaaeb2a573807f0-inspector ._0fa6dbf59d1126b0-guildIcon { + border-radius: 50%; +} + +.aeaaeb2a573807f0-badgeLabel { + border-radius: 13px; + text-transform: none; +} +.aeaaeb2a573807f0-badgeLabel.aeaaeb2a573807f0-newlyAddedBadge { + background: hsl(var(--accent-hsl--material-you)); + color: var(--accent-text-color--material-you); +} +.aeaaeb2a573807f0-badgeLabel.aeaaeb2a573807f0-newlyAddedBadge .aeaaeb2a573807f0-newlyAddedBadgeIcon { + color: inherit; +} +.aeaaeb2a573807f0-badgeLabel.aeaaeb2a573807f0-newlyAddedBadge div { + color: inherit !important; +} + +/* EMOJI PICKER -> CATEGORIES */ +.c0e32c5cffed3d9f-categoryList { + top: 64px; + background-color: var(--attachment-color); + border-radius: 0 0 0 var(--popout-radius-big); +} +.c0e32c5cffed3d9f-categoryList .affa7e120767dd82-scroller::-webkit-scrollbar { + width: 0px !important; +} +.c0e32c5cffed3d9f-categoryList .b9ee0c229bc0b6bb-unicodeShortcut { + height: 48px; + background-color: var(--popout-color); + border-top: 1px solid var(--card-border-color); +} + +._4106ae7c1472c1de-wrapper { + top: 57px; + background-color: var(--attachment-color); + border-bottom-left-radius: var(--popout-radius-big); +} +._4106ae7c1472c1de-wrapper .affa7e120767dd82-scroller { + --scrollbar-width: 0; +} +._4106ae7c1472c1de-wrapper .b9ee0c229bc0b6bb-categoryItem, +._4106ae7c1472c1de-wrapper ._3ad28b0867fa3fad-stickerCategory { + border-radius: 50%; +} +._4106ae7c1472c1de-wrapper .b9ee0c229bc0b6bb-categoryItem:hover, +._4106ae7c1472c1de-wrapper ._3ad28b0867fa3fad-stickerCategory:hover { + background-color: var(--menu-item-hover); +} +._4106ae7c1472c1de-wrapper .b9ee0c229bc0b6bb-categoryItem.b9ee0c229bc0b6bb-categoryItemRecentEmoji path, ._4106ae7c1472c1de-wrapper .b9ee0c229bc0b6bb-categoryItem._3ad28b0867fa3fad-stickerCategoryGeneric path, +._4106ae7c1472c1de-wrapper ._3ad28b0867fa3fad-stickerCategory.b9ee0c229bc0b6bb-categoryItemRecentEmoji path, +._4106ae7c1472c1de-wrapper ._3ad28b0867fa3fad-stickerCategory._3ad28b0867fa3fad-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"); +} + +.c0e32c5cffed3d9f-emojiPickerHasTabWrapper ._4106ae7c1472c1de-wrapper { + top: 50px; +} + +._084343c4f11eaaab-nav + .c0e32c5cffed3d9f-wrapper ._4106ae7c1472c1de-wrapper, .nav__2aafa + .c0e32c5cffed3d9f-wrapper ._4106ae7c1472c1de-wrapper { + margin-top: -1px; +} +._084343c4f11eaaab-nav + ._8ef02eea17068b73-wrapper ._4106ae7c1472c1de-wrapper, .nav__2aafa + ._8ef02eea17068b73-wrapper ._4106ae7c1472c1de-wrapper { + margin-top: -1px; +} + +.c0e32c5cffed3d9f-emojiPicker + .c0e32c5cffed3d9f-categoryList .affa7e120767dd82-scroller::-webkit-scrollbar { + width: 0px !important; +} + +/* EMOJI PICKER -> GIFS */ +.fed6d32841cc2da2-container { + background-color: transparent !important; +} + +.searchBar_fed6d3 { + --input-height: 32px; +} + +._2dc39186a9b98da4-result { + border-radius: var(--media-radius); +} +._2dc39186a9b98da4-result:after, +._2dc39186a9b98da4-result ._2dc39186a9b98da4-gif, +._2dc39186a9b98da4-result .d02962a38047ac3c-categoryFade, +._2dc39186a9b98da4-result .d02962a38047ac3c-categoryFadeBlurple { + border-radius: inherit; +} +._2dc39186a9b98da4-result .d02962a38047ac3c-categoryFadeBlurple { + background-color: hsl(var(--accent-hsl), 0.8) !important; +} +._2dc39186a9b98da4-result:hover { + box-shadow: var(--shadow-2dp) !important; +} +._2dc39186a9b98da4-result:hover:after { + box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl--material-you)), inset 0 0 1px 3px #2f3136 !important; +} + +._2dc39186a9b98da4-emptyHints { + margin: 0; + gap: 16px; +} + +._2dc39186a9b98da4-emptyHintCard { + margin: 0; + background-color: var(--card-color-filled) !important; + border: none !important; + padding: 24px !important; + border-radius: var(--card-radius-big) !important; + box-shadow: none !important; +} + +/* EMOJI PICKER -> STICKERS */ +._3ad28b0867fa3fad-categoryList .affa7e120767dd82-scroller::-webkit-scrollbar { + width: 0px !important; +} + +.c6367b0f171ba6d7-createSticker { + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); + transition: var(--default-time) var(--default-animation) background-color; +} +.c6367b0f171ba6d7-createSticker.c6367b0f171ba6d7-createInspected { + background-color: var(--card-color-active); +} + +.c6367b0f171ba6d7-iconWrapper, .d13236c21c5f3b9a-iconWrapper { + background-image: none; + background-color: hsl(var(--accent-hsl--material-you)); + color: var(--accent-text-color--material-you); +} + +.c6367b0f171ba6d7-stickerInspected .c6367b0f171ba6d7-inspectedIndicator { + background-color: var(--card-color-active); +} + +._3ad28b0867fa3fad-standardStickerShortcut { + background-color: var(--popout-color); +} + +/* 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 .c0e32c5cffed3d9f-emojiPicker { + 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 */ +._0d242e583d6053f6-label { + background-color: var(--card-color-filled); + transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color; +} +._0d242e583d6053f6-label._0d242e583d6053f6-labelChecked { + background-color: hsl(var(--accent-hsl--material-you)); + color: var(--accent-text-color--material-you); +} +._0d242e583d6053f6-label svg path { + fill: currentColor; +} + +._97f37b35f073229d-wrapper { + border-radius: var(--popout-radius-big); + overflow: hidden; +} +._97f37b35f073229d-wrapper ._97f37b35f073229d-closeButton { + display: flex; + width: 28px; + height: 28px; + background-color: var(--card-button-color-hover); + border-radius: 50%; + align-items: center; + justify-content: center; +} +._97f37b35f073229d-wrapper ._97f37b35f073229d-closeButton svg { + width: 18px; + height: 18px; +} + +._97f37b35f073229d-content { + height: 100%; + padding: 24px calc(24px - var(--scrollbar-width)) 24px 24px; + overflow-y: scroll; + gap: 16px; +} +._97f37b35f073229d-content ._97f37b35f073229d-contentFill { + margin: 0; + border-radius: var(--card-radius-big); +} +._97f37b35f073229d-content .e62f9dddab9857a0-contentContainer { + padding: 0; +} +._97f37b35f073229d-content .e62f9dddab9857a0-contentContainer .cf48127484dbde85-heading-xl\/bold { + font-weight: 400; +} +._97f37b35f073229d-content .e62f9dddab9857a0-gradientUpsellWrapper { + border-radius: var(--card-radius-big); +} + +/* EMOJI PICKER -> VOICE CHAT */ +._0800c264c81ffaff-container { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + box-shadow: var(--shadow-medium); +} + +/* + * + * EMOJI PICKER ICONS + * + */ +.c0e32c5cffed3d9f-categoryList .b9ee0c229bc0b6bb-categoryItem { + /* 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 */ +} +.c0e32c5cffed3d9f-categoryList .b9ee0c229bc0b6bb-categoryItem 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"); +} +.c0e32c5cffed3d9f-categoryList .b9ee0c229bc0b6bb-categoryItem path[d="M9.8 14.6c-.45.31-.9.6-1.37.89l-.02.01-1.15.73c-.85.57-1.68 1.2-2.4 2.1a7.75 7.75 0 0 0-.7 1.03c-.39.69-.7 1.48-.94 2.42a1 1 0 0 0 1.94.49c.12-.49.26-.9.42-1.28 1.98.08 9.05-.04 12.73-5.34 3.5-5.02 2.89-10.16 2.01-13.89-.19-.81-1.26-1-1.85-.42-1.8 1.8-3.69 2.32-5.67 2.86-2.34.63-4.8 1.3-7.35 4.15a9.13 9.13 0 0 0-2.13 8.7c.9-1.11 1.92-1.88 2.84-2.48.4-.28.8-.53 1.18-.76a13.7 13.7 0 0 0 3.55-2.83 1 1 0 1 1 1.52 1.3A13.44 13.44 0 0 1 9.8 14.6Z"] { + 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"); +} +.c0e32c5cffed3d9f-categoryList .b9ee0c229bc0b6bb-categoryItem path[d="M7 1a1 1 0 0 0-1 1v.2c0 .79-.4 1.53-1.05 1.97A4.37 4.37 0 0 0 3 7.8V8a1 1 0 0 0 2 0v-.2c0-.79.4-1.53 1.05-1.97A4.37 4.37 0 0 0 8 2.2V2a1 1 0 0 0-1-1ZM10 3a1 1 0 1 1 2 0v.42a3.2 3.2 0 0 1-2.18 3.03A1.2 1.2 0 0 0 9 7.58V8a1 1 0 0 1-2 0v-.42c0-1.37.88-2.6 2.18-3.03.5-.16.82-.62.82-1.13V3ZM2 11a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1 10 10 0 0 1-4.7 8.49.6.6 0 0 0-.3.51 2 2 0 0 1-2 2H9a2 2 0 0 1-2-2 .6.6 0 0 0-.3-.51A10 10 0 0 1 2 11ZM20.85 8.02c.16.52-.3.98-.85.98h-8c-.55 0-1.01-.46-.85-.98a4.07 4.07 0 0 1 1.31-1.84 5.23 5.23 0 0 1 1.63-.88 6.1 6.1 0 0 1 3.82 0c.61.2 1.16.5 1.63.87a4.07 4.07 0 0 1 1.3 1.85Z"] { + 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"); +} +.c0e32c5cffed3d9f-categoryList .b9ee0c229bc0b6bb-categoryItem path[d="M20.97 4.06c0 .18.08.35.24.43.55.28.9.82 1.04 1.42.3 1.24.75 3.7.75 7.09v4.91a3.09 3.09 0 0 1-5.85 1.38l-1.76-3.51a1.09 1.09 0 0 0-1.23-.55c-.57.13-1.36.27-2.16.27s-1.6-.14-2.16-.27c-.49-.11-1 .1-1.23.55l-1.76 3.51A3.09 3.09 0 0 1 1 17.91V13c0-3.38.46-5.85.75-7.1.15-.6.49-1.13 1.04-1.4a.47.47 0 0 0 .24-.44c0-.7.48-1.32 1.2-1.47l2.93-.62c.5-.1 1 .06 1.36.4.35.34.78.71 1.28.68a42.4 42.4 0 0 1 4.4 0c.5.03.93-.34 1.28-.69.35-.33.86-.5 1.36-.39l2.94.62c.7.15 1.19.78 1.19 1.47ZM20 7.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM15.5 12a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM5 7a1 1 0 0 1 2 0v1h1a1 1 0 0 1 0 2H7v1a1 1 0 1 1-2 0v-1H4a1 1 0 1 1 0-2h1V7Z"] { + 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"); +} +.c0e32c5cffed3d9f-categoryList .b9ee0c229bc0b6bb-categoryItem path[d="M15 4a1 1 0 0 0-.95 1.32l.9 2.68h-4.6l-.92-2.36A1 1 0 0 0 8.5 5H5a1 1 0 0 0 0 2h2.82l.5 1.27a1 1 0 0 0-.2.26L6.7 11.16a4.5 4.5 0 1 0 1.76.95l.78-1.45 1.83 4.7a1 1 0 1 0 1.86-.72L11.13 10h4.48l.55 1.65a4.5 4.5 0 1 0 1.9-.63L16.4 6h1.86c.41 0 .75.34.75.75V7a1 1 0 1 0 2 0v-.25A2.75 2.75 0 0 0 18.25 4H15Zm-9.3 9-1.08 2.03a1 1 0 0 0 1.76.94l1.09-2.01A2.5 2.5 0 1 1 5.7 13Zm11.13.64.72 2.18a1 1 0 0 0 1.9-.64l-.73-2.17a2.5 2.5 0 1 1-1.9.63Z"] { + 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"); +} +.c0e32c5cffed3d9f-categoryList .b9ee0c229bc0b6bb-categoryItem path[d="M10.41 3.59 11.6 2.4a2 2 0 0 1 2.82 0l1.3 1.3a1 1 0 0 0 .7.29h4.18a1.41 1.41 0 0 1 1 2.41L14.4 13.6a1.41 1.41 0 0 1-2.41-1V8.4l-3.11 3.12a2 2 0 0 0-.53 1.87L9.9 20H15a1 1 0 1 1 0 2H3a1 1 0 1 1 0-2h4.86L6.4 13.86a4 4 0 0 1 1.06-3.75L10.8 6.8l-.38-.38a2 2 0 0 1 0-2.82Z"] { + 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"); +} +.c0e32c5cffed3d9f-categoryList .b9ee0c229bc0b6bb-categoryItem path[d="M12.47 21.73a.92.92 0 0 1-.94 0C9.43 20.48 1 15.09 1 8.75A5.75 5.75 0 0 1 6.75 3c2.34 0 3.88.9 5.25 2.26A6.98 6.98 0 0 1 17.25 3 5.75 5.75 0 0 1 23 8.75c0 6.34-8.42 11.73-10.53 12.98Z"] { + 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"); +} +.c0e32c5cffed3d9f-categoryList .b9ee0c229bc0b6bb-categoryItem 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 + * + */ +/* GUILD CHAT POPOUT - PROBABLY A DIFFERENT THING, I DUNNO YET */ +.dca174a2baed7ac1-container { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + border: none; + box-shadow: var(--shadow-medium); + border: none; +} +.dca174a2baed7ac1-container .cf48127484dbde85-\/normal { + color: var(--interactive-text-default) !important; +} + +.dca174a2baed7ac1-banner, +.bannerImage_e0fe28 { + border-radius: var(--popout-radius-big); +} + +.cardContainer__88e24 { + background: transparent !important; +} + +._10651c5cfe637db6-chipletContainerInner { + height: 20px; + padding: 0px 6px; + background-color: var(--card-button-color); + border-radius: 8px; + border: none; +} +._10651c5cfe637db6-chipletContainerInner._10651c5cfe637db6-chipletContainerInline { + height: 16px; + padding: 0 4px; + border-radius: 6px; +} +._10651c5cfe637db6-chipletContainerInner:hover { + background-color: var(--card-button-color-hover); +} +._10651c5cfe637db6-chipletContainerInner .cf48127484dbde85-text-xs\/semibold { + line-height: 20px !important; +} + +.dca174a2baed7ac1-avatarWrapper, +.clanIconInner_e0fe28 { + background-color: var(--popout-color); +} + +.a2b4d37c64e101d9-trait { + border-radius: 10px; + border-color: var(--popout-header-border); +} + +.gameImageContainer_fda254 { + border-radius: 50%; + border-color: var(--popout-header-border); +} + +.container_cdb3b1 { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + border: none; + box-shadow: var(--shadow-medium); +} +.container_cdb3b1:after { + border-top-color: var(--popout-color); +} + +.cdb3b1e3fc70eebf-tag { + background-color: var(--card-button-color); + border-radius: 16px; + border: none; +} + +#svg-mask-clan-icon rect { + rx: 1; + ry: 1; +} + +/* + * + * INCOMING CALL + * + */ +._2dbe1dc734ff26a5-root { + background-color: var(--popout-color) !important; + border-radius: var(--popout-radius-big) !important; + border: none !important; + box-shadow: var(--shadow-medium) !important; +} +._2dbe1dc734ff26a5-root .f1ceaca61b18918e-colorable { + border-radius: 50% !important; +} +._2dbe1dc734ff26a5-root .f1ceaca61b18918e-colorable.f1ceaca61b18918e-red { + --button-background: hsl(var(--alert-hsl)); + --button-text-color: var(--alert-text-color); +} +._2dbe1dc734ff26a5-root .f1ceaca61b18918e-colorable.f1ceaca61b18918e-green { + --button-background: hsl(var(--button-link-accent-color),0.15); + --button-text-color: var(--button-link-accent-text-color); +} +._2dbe1dc734ff26a5-root .f1ceaca61b18918e-colorable.f1ceaca61b18918e-green .f1ceaca61b18918e-centerIcon 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 + * + */ +._3dde27fb71170aa9-container { + padding: 0; + background-color: var(--popout-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--shadow-medium); + animation: top-pop-out 400ms var(--default-animation); +} +._3dde27fb71170aa9-container .container__33507 { + margin: 12px 8px; +} + +._97e869e420e80b14-combobox { + padding: 0; +} + +._97e869e420e80b14-header { + padding: 16px; +} +._97e869e420e80b14-header ._72c3859781ebce8f-container { + border-radius: calc(var(--input-height) / 2); + border: none; + box-shadow: none; +} +._97e869e420e80b14-header ._72c3859781ebce8f-container:focus-within { + box-shadow: none; +} +._97e869e420e80b14-header ._0f0849b61557225e-input { + font-size: 16px; +} +._97e869e420e80b14-header ._0f0849b61557225e-icon { + width: calc(var(--input-height) / 2.5); + height: calc(var(--input-height) / 2.5); + border: none; +} +._97e869e420e80b14-header ._0f0849b61557225e-icon svg { + width: 100%; + height: 100%; +} + +._97e869e420e80b14-list { + padding-top: 0; +} +._97e869e420e80b14-list._97e869e420e80b14-scroller { + margin: 0; +} + +._97e869e420e80b14-item { + margin-bottom: 0; + padding: 10px 16px; + border-radius: 0; + color: var(--menu-item-text-color); + transition: var(--default-time) var(--default-animation) background-color; +} +._97e869e420e80b14-item:hover { + background-color: var(--menu-item-hover); +} +._97e869e420e80b14-item._97e869e420e80b14-selectedBrand { + background-color: var(--menu-item-select); +} + +body:active ._3dde27fb71170aa9-container: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); + border: none; + box-shadow: var(--shadow-medium); +} +.container__56cd1 ._2ef4989efde1f4e4-headerText { + font-size: 14px; + text-transform: none; + font-weight: 500; +} +.container__56cd1 .b1bfd4bdd69b9a6d-container { + background-color: var(--card-button-color); +} +.container__56cd1 ._16b66d7b4c923028-assetsLargeImage { + border-radius: 50%; +} + +/* + * + * MEMBERS LIST ACTIVITY POPOUT + * + */ +.af3b89684c536957-popout { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + box-shadow: var(--shadow-medium); + filter: none; +} +.af3b89684c536957-popout ._201d5e8a3c09670a-lookFilled path { + fill: currentColor !important; + color: currentColor !important; +} + +.af3b89684c536957-popoutContentWrapper, +.af3b89684c536957-interactionsContainer { + background-color: transparent; +} + +.af3b89684c536957-hero { + border-radius: var(--card-radius-big); +} +.af3b89684c536957-hero .ef9ae7987ec7715e-imageContainer { + border-radius: calc(var(--card-radius-big) / 1.55); +} + +.interactionsContainerHeader_af3b89 { + background-color: var(--popout-header-border); + border-color: var(--popout-header-border); +} + +._5ba62711a5a2d457-replyInput { + background-color: var(--input-color); + border-radius: var(--main-textarea-radius); +} +._5ba62711a5a2d457-replyInput ._1b31f471f0bb10ab-placeholder { + color: var(--input-placeholder-color); +} + +.af3b89684c536957-shareToChannelButton { + padding-right: 0; + border-right: none; +} + +/* + * + * MESSAGES POPOUT + * + */ +.e8b59c4b335dd2fc-messagesPopoutWrap, +._957962c2bd49881b-recentMentionsPopout { + max-height: 80vh !important; + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + border: none; + box-shadow: var(--shadow-medium); + animation: top-pop-out 400ms var(--default-animation); +} +.e8b59c4b335dd2fc-messagesPopoutWrap .c19a557985eb7793-wrapper.c19a557985eb7793-cozy, +._957962c2bd49881b-recentMentionsPopout .c19a557985eb7793-wrapper.c19a557985eb7793-cozy { + overflow: visible; +} +.e8b59c4b335dd2fc-messagesPopoutWrap .c19a557985eb7793-wrapper.c19a557985eb7793-cozy:before, .e8b59c4b335dd2fc-messagesPopoutWrap .c19a557985eb7793-wrapper.c19a557985eb7793-cozy:after, +._957962c2bd49881b-recentMentionsPopout .c19a557985eb7793-wrapper.c19a557985eb7793-cozy:before, +._957962c2bd49881b-recentMentionsPopout .c19a557985eb7793-wrapper.c19a557985eb7793-cozy:after { + display: none; +} +.e8b59c4b335dd2fc-messagesPopoutWrap .c19a557985eb7793-wrapper.c19a557985eb7793-cozy .c19a557985eb7793-avatar, +._957962c2bd49881b-recentMentionsPopout .c19a557985eb7793-wrapper.c19a557985eb7793-cozy .c19a557985eb7793-avatar { + left: -50px; +} +.e8b59c4b335dd2fc-messagesPopoutWrap .c19a557985eb7793-wrapper.c19a557985eb7793-cozy .b7e1cb0370c2dd0e-container, +._957962c2bd49881b-recentMentionsPopout .c19a557985eb7793-wrapper.c19a557985eb7793-cozy .b7e1cb0370c2dd0e-container { + overflow: hidden; +} + +body:active .e8b59c4b335dd2fc-messagesPopoutWrap:not(:active), +body:active ._957962c2bd49881b-recentMentionsPopout:not(:active) { + opacity: 0; + transition: 150ms ease all; +} + +.e8b59c4b335dd2fc-header { + height: auto; + min-height: unset; + padding: 24px 24px 16px; + background-color: transparent; + border-bottom: none; +} +.e8b59c4b335dd2fc-header.ab66419eae73260f-header { + padding-bottom: 0; +} +.e8b59c4b335dd2fc-header .cf48127484dbde85-heading-md\/medium, +.e8b59c4b335dd2fc-header .cf48127484dbde85-text-lg\/semibold { + line-height: 24px; + font-size: 20px; + font-weight: 400; + color: var(--header-primary); +} +.e8b59c4b335dd2fc-header .cf48127484dbde85-heading-md\/medium { + margin-bottom: 16px; +} +.e8b59c4b335dd2fc-header .expandedInboxHeader_f0cd33 { + padding-bottom: 0; +} +.e8b59c4b335dd2fc-header .expandedTabSection_f0cd33 { + height: 48px; +} +.e8b59c4b335dd2fc-header .controlButton_ab6641, +.e8b59c4b335dd2fc-header ._523aa09e59621644-friendRequestsButton, +.e8b59c4b335dd2fc-header .button__292b6:not(.disabled__4d064) { + background-color: hsl(from hsl(var(--button-link-color)) h s l/0.125); + border-radius: 16px; + transition: var(--default-time) var(--default-animation) background-color; +} +.e8b59c4b335dd2fc-header .controlButton_ab6641:hover, +.e8b59c4b335dd2fc-header ._523aa09e59621644-friendRequestsButton:hover, +.e8b59c4b335dd2fc-header .button__292b6:not(.disabled__4d064):hover { + background-color: hsl(from hsl(var(--button-link-color)) h s l/0.2); +} + +._0f7115b4703f7b3a-container { + padding: 16px calc(16px - var(--scrollbar-width)) 16px 16px !important; + background-color: transparent; +} + +._6fddf2ee3574a18a-row { + border-radius: calc(var(--popout-radius-big) / 1.4); + transition: var(--default-time) var(--default-animation) background-color; +} +._6fddf2ee3574a18a-row:hover { + background-color: var(--menu-item-hover); +} + +._2692d04af6567ec8-scroller > :first-child ._427f0273a157ab7a-channel { + margin-top: 16px; +} + +.ab66419eae73260f-headerTabs { + margin: 0 -24px; +} +.ab66419eae73260f-headerTabs .ab66419eae73260f-tabBar { + padding: 0 16px; +} + +/* MESSAGES POPOUT -> FRIEND REQUEST ROW */ +._6fddf2ee3574a18a-friendRequestContainer ._201d5e8a3c09670a-button { + padding: var(--button-padding); +} +._6fddf2ee3574a18a-friendRequestContainer ._201d5e8a3c09670a-button .cf48127484dbde85-text-sm\/medium { + line-height: var(--button-height); +} +._6fddf2ee3574a18a-friendRequestContainer ._201d5e8a3c09670a-colorGreen { + margin-right: 8px; +} +._6fddf2ee3574a18a-friendRequestContainer ._201d5e8a3c09670a-colorGreen .cf48127484dbde85-text-sm\/medium { + color: var(--button-text-color) !important; +} +._6fddf2ee3574a18a-friendRequestContainer ._201d5e8a3c09670a-colorPrimary { + --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; +} +._6fddf2ee3574a18a-friendRequestContainer ._201d5e8a3c09670a-colorPrimary:after { + background-color: hsl(var(--button-link-accent-color)); +} +._6fddf2ee3574a18a-friendRequestContainer ._201d5e8a3c09670a-colorPrimary .cf48127484dbde85-text-sm\/medium { + font-size: 1em; + color: var(--button-text-color) !important; +} + +/* MESSAGES POPOUT -> INNER */ +.e8b59c4b335dd2fc-messagesPopout { + padding: 0 calc(24px - var(--scrollbar-thin-width)) 24px 24px !important; +} +.e8b59c4b335dd2fc-messagesPopout .e8b59c4b335dd2fc-messageGroupWrapper { + margin: 0 0 16px; + background-color: transparent; + border: none; + overflow: visible; +} +.e8b59c4b335dd2fc-messagesPopout .e8b59c4b335dd2fc-messageGroupWrapper:last-of-type { + margin-bottom: 0; +} +.e8b59c4b335dd2fc-messagesPopout .e8b59c4b335dd2fc-messageGroupWrapper .c19a557985eb7793-wrapper { + 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); +} +.e8b59c4b335dd2fc-messagesPopout .e8b59c4b335dd2fc-messageGroupWrapper .e8b59c4b335dd2fc-actionButtons { + top: 22px; + right: 12px; +} +.e8b59c4b335dd2fc-messagesPopout .e8b59c4b335dd2fc-messageGroupWrapper .e8b59c4b335dd2fc-actionButtons .jumpButton_e8b59c { + border-radius: 9px; +} + +.e8b59c4b335dd2fc-footer { + background-color: transparent; + border-top: 1px solid var(--popout-header-border); +} + +._35a7ecf3aba351b2-channelHeader { + padding: 12px 16px; + background-color: var(--message-color-alt); + border-radius: var(--message-radius) var(--message-radius) 0 0; + border-bottom: none; +} +._35a7ecf3aba351b2-channelHeader:only-child { + border-radius: var(--message-radius); +} +._35a7ecf3aba351b2-channelHeader .button__06eda { + background-color: var(--menu-item-hover); +} +._35a7ecf3aba351b2-channelHeader .button__06eda:hover { + background-color: var(--menu-item-select); +} + +/* MESSAGES POPOUT -> RECENT MENTIONS */ +._957962c2bd49881b-container { + padding-left: 0; + padding-right: 0; + background-color: var(--message-color-alt); + border-radius: var(--message-radius); +} +._957962c2bd49881b-container:first-child { + margin-top: 16px; +} +._957962c2bd49881b-container ._957962c2bd49881b-messageContainer { + margin-left: 0; + background-color: var(--message-color-alt); + border-radius: 0 0 var(--message-radius) var(--message-radius); + border: none; +} +._957962c2bd49881b-container ._957962c2bd49881b-messageContainer .c19a557985eb7793-wrapper { + --message-color: var(--message-color-hover); +} +._957962c2bd49881b-container ._957962c2bd49881b-messageContainer .c19a557985eb7793-wrapper.c19a557985eb7793-cozy { + margin: 0 0 0 66px; + border-radius: var(--message-radius); + overflow: visible; +} + +.ab66419eae73260f-header { + border-bottom: 1px solid var(--popout-header-border); +} + +.jumpButton_aab0bc { + top: 22px; + right: 22px; + padding: 4px 6px; + border-radius: 12px; +} + +/* MESSAGES POPOUT -> UNREADS */ +._2692d04af6567ec8-tutorial { + background-color: var(--card-color-outlined); + border: 1px solid var(--card-border-color); + padding: 16px; + border-radius: var(--card-radius-big); + box-shadow: none; +} + +._427f0273a157ab7a-channel ._35a7ecf3aba351b2-channelHeader { + padding: 12px 16px 12px 42px; +} +._427f0273a157ab7a-channel ._35a7ecf3aba351b2-channelHeader:only-child { + border-radius: var(--message-radius); + border-bottom: none; +} +._427f0273a157ab7a-channel ._35a7ecf3aba351b2-channelHeader .collapseButton__427f0 { + left: 12px; + cursor: pointer; +} + +._1ccd1ba5cb2270c2-messages { + padding: 16px; + background-color: var(--message-color-alt); + border-radius: 0 0 var(--message-radius) var(--message-radius); + border: none; +} +._1ccd1ba5cb2270c2-messages .c19a557985eb7793-wrapper.c19a557985eb7793-cozy { + overflow: visible; +} +._1ccd1ba5cb2270c2-messages .c19a557985eb7793-wrapper.c19a557985eb7793-cozy._5126c0cd07f243a0-groupStart { + margin: 16px 0 0 48px; +} +._1ccd1ba5cb2270c2-messages .c19a557985eb7793-wrapper.c19a557985eb7793-cozy:not(._5126c0cd07f243a0-groupStart) { + margin: -8px 0 0 48px; +} + +/* + * + * NITRO UPSELLS + * + */ +/* NITRO UPSELLS -> PROFILE THEMES */ +.content-1rmYE- { + border-radius: var(--popout-radius-big); + box-shadow: var(--shadow-medium); +} +.content-1rmYE- ._201d5e8a3c09670a-button { + --button-padding: 0 12px; +} + +/* + * + * NOISE SUPPRESSION + * + */ +.e131a99484292a19-noiseCancellationPopout { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + border: none; + box-shadow: var(--shadow-medium); +} +.e131a99484292a19-noiseCancellationPopout .micTestButton_e131a9 { + width: auto; +} + +/* + * + * PARTY MODE POPOUT + * + */ +.b00844daa4443599-content { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + border: none; + box-shadow: var(--shadow-medium); +} +.b00844daa4443599-content .b00844daa4443599-pointer { + border-top-color: var(--popout-color); +} + +/* + * + * PICTURE IN PICTURE + * + */ +.e4cb9af80253a521-pictureInPictureVideo { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + border: none; + box-shadow: var(--shadow-medium); +} + +/* + * + * REGION SELECT POPOUT + * + */ +.regionSelectPopout__8de63 { + padding: 8px 0; + background-color: var(--popout-color) !important; + border-radius: var(--popout-radius); + box-shadow: var(--shadow-medium); +} +.regionSelectPopout__8de63 .quickSelectPopoutOption_b852b1 { + position: relative; + padding: 9px 12px; + transition: var(--default-time) ease background-color; +} +.regionSelectPopout__8de63 .quickSelectPopoutOption_b852b1:hover { + background-color: var(--menu-item-hover) !important; +} +.regionSelectPopout__8de63 .quickSelectPopoutOption_b852b1 .regionSelectName__8de63 { + margin: 0; + font-size: 14px; + text-align: left; + color: var(--menu-item-text-color) !important; +} + +/* + * + * SEARCH POPOUT + * + */ +.f1c5c9823fbd3ef8-container { + max-height: 85vh; + background-color: var(--popout-color) !important; + border-radius: var(--popout-radius-big) !important; + border: none !important; + box-shadow: var(--shadow-medium) !important; + padding: var(--space-8); + border: none; + overflow-y: auto; + transform: translate(0, -4px); + animation: top-pop-out 400ms var(--default-animation); +} +.f1c5c9823fbd3ef8-container ._56fec8e8b8048fe0-header { + margin: -40px 0 8px; + padding: 8px 0; + color: var(--interactive-text-default); + font-weight: 500; + font-size: 16px; + text-transform: none; +} + +._56fec8e8b8048fe0-resultsGroup { + margin: 40px 8px 8px; + padding: 8px; + background-color: var(--message-color-alt); + border-radius: calc(var(--popout-radius-big) / 1.5); +} +._56fec8e8b8048fe0-resultsGroup:before { + display: none; +} +._56fec8e8b8048fe0-resultsGroup ._56fec8e8b8048fe0-searchLearnMore, +._56fec8e8b8048fe0-resultsGroup ._56fec8e8b8048fe0-searchClearHistory { + width: 32px; + height: 32px; + top: 8px; + right: 4px; + margin-top: -40px; +} +._56fec8e8b8048fe0-resultsGroup ._56fec8e8b8048fe0-searchLearnMore a, +._56fec8e8b8048fe0-resultsGroup ._56fec8e8b8048fe0-searchClearHistory { + display: flex; + align-items: center; + justify-content: center; + color: var(--interactive-text-default); +} + +._1bb324526a52affb-itemContainer { + margin: 0; + padding: 0 8px; + border-radius: calc(var(--popout-radius-big) / 2.5); + text-overflow: ellipsis; + overflow: hidden; + transition: var(--default-time) var(--default-animation) background-color; +} +._1bb324526a52affb-itemContainer strong, +._1bb324526a52affb-itemContainer ._56fec8e8b8048fe0-searchResultChannelIcon, +._1bb324526a52affb-itemContainer ._56fec8e8b8048fe0-searchResultChannelCategory { + color: var(--menu-item-text-color); + transition: var(--default-time) var(--default-animation) color; +} +._1bb324526a52affb-itemContainer:hover { + background: var(--menu-item-select); +} +._1bb324526a52affb-itemContainer:hover strong, +._1bb324526a52affb-itemContainer:hover ._56fec8e8b8048fe0-searchResultChannelIcon, +._1bb324526a52affb-itemContainer:hover ._56fec8e8b8048fe0-searchResultChannelCategory { + color: var(--interactive-text-default); +} +._1bb324526a52affb-itemContainer:hover ._1bb324526a52affb-filterPill, +._1bb324526a52affb-itemContainer:hover ._1bb324526a52affb-answerPill { + background-color: hsl(from var(--input-pill-color) h s calc(l * 1.65)); +} +._1bb324526a52affb-itemContainer:after { + display: none; +} +._1bb324526a52affb-itemContainer[aria-selected=true] { + background-color: var(--menu-item-select); + box-shadow: none; +} +._1bb324526a52affb-itemContainer ._56fec8e8b8048fe0-filter, +._1bb324526a52affb-itemContainer ._56fec8e8b8048fe0-nonText { + color: var(--interactive-text-default); +} +._1bb324526a52affb-itemContainer ._56fec8e8b8048fe0-filter { + margin-left: 0; +} +._1bb324526a52affb-itemContainer ._56fec8e8b8048fe0-answer { + color: var(--text-muted); +} + +._1bb324526a52affb-item { + padding: var(--space-4) 0; +} + +._1bb324526a52affb-groupWrapper { + padding: 8px; + background-color: var(--message-color-alt); + border-radius: calc(var(--popout-radius-big) / 1.5); +} + +._1bb324526a52affb-groupHeader .cf48127484dbde85-text-xs\/semibold { + font-size: 14px; +} + +._1bb324526a52affb-divider { + margin: var(--space-4) 0; + background-color: transparent; +} + +._1bb324526a52affb-filterPill, +._1bb324526a52affb-answerPill { + background-color: hsl(from var(--input-pill-color) h s calc(l * 1.3)); + color: var(--input-text-color); + transition: var(--default-time) var(--default-animation) background-color; +} + +._1bb324526a52affb-filterPill { + border-radius: 12px 0 0 12px; +} + +._1bb324526a52affb-answerPill { + border-radius: 0 12px 12px 0; +} + +._55c999adcf6db265-queryContainer { + margin: 8px 8px 0; + height: var(--input-height); + line-height: var(--input-height); + padding: 0 8px 0 12px; + background-color: var(--input-color); + border-radius: var(--input-radius); + border-bottom: none; + align-items: center; +} +._55c999adcf6db265-queryContainer:only-child { + margin: 8px; +} +._55c999adcf6db265-queryContainer._55c999adcf6db265-focused { + background-color: var(--input-color) !important; +} +._55c999adcf6db265-queryContainer ._55c999adcf6db265-queryText { + font-size: 14px; + text-transform: none; +} +._55c999adcf6db265-queryContainer ._61c9355cca12ab4b-key { + background-color: var(--input-pill-color); +} + +.keybindShortcut-3zF1P9 { + height: 24px; +} +.keybindShortcut-3zF1P9 ._61c9355cca12ab4b-key { + background-color: var(--menu-item-hover) !important; + color: var(--interactive-text-default); +} +.keybindShortcut-3zF1P9 ._61c9355cca12ab4b-key, .keybindShortcut-3zF1P9 ._61c9355cca12ab4b-key:active { + height: 100%; + padding: 0 6px; + line-height: 24px; + border-radius: 12px; + box-shadow: none !important; + border: none !important; +} + +body:active .f1c5c9823fbd3ef8-container:not(:active) { + opacity: 0; + transition: 150ms ease all; +} + +/* + * + * SOUNDBOARD PICKER + * + */ +._09f65b4b8a3f8d26-picker { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + box-shadow: var(--shadow-medium); +} + +.premiumPromo__3a1b6 { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); +} + +._0856d03b83e324b0-header, ._084343c4f11eaaab-soundboardHeader { + border-bottom: 1px solid var(--separator-color); + box-shadow: none; +} + +.a1e0e01524490cf9-categoryList { + top: 57px; +} +.a1e0e01524490cf9-categoryList .d125d22cdfd32cfe-scrollerBase { + --scrollbar-width: 0; +} + +._9be63f0b86033228-soundButton { + background-color: var(--card-button-color); + border-radius: 20px; + transition: var(--default-time) var(--default-animation) background-color; +} +._9be63f0b86033228-soundButton:hover._9be63f0b86033228-hoverActiveBackground { + background-color: var(--card-button-color-hover); +} +._9be63f0b86033228-soundButton ._9be63f0b86033228-buttonOverlayBackground { + background-color: var(--card-button-color); +} +._9be63f0b86033228-soundButton.soundAddButton__896b6:hover { + background-color: var(--card-button-color-hover); +} + +._46002dafa54b8395-keybindHint { + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); +} + +/* + * + * STATUS PICKER + * + */ +._59d0d7075b521375-layer[style*="bottom: 68px; left: 88px"] { + left: 80px !important; +} + +.menu_ad5fac { + --popout-color: transparent; + box-shadow: none; + animation: none; +} +.menu_ad5fac .d125d22cdfd32cfe-scrollerBase { + padding-right: 0 !important; +} +.menu_ad5fac .d125d22cdfd32cfe-scrollerBase::-webkit-scrollbar { + --scrollbar-width: 0; +} +.menu_ad5fac .c1e9c47c23f12ca3-separator { + width: calc(100% - 24px); + margin: 8px 12px !important; + border-color: var(--separator-color) !important; +} +.menu_ad5fac .subc1e9c47c23f12ca3-menu .c1e9c47c23f12ca3-separator { + width: 100%; + margin: 8px 0 !important; +} + +body:active .menu_ad5fac:not(:active) { + opacity: 1; +} + +.c1e9c47c23f12ca3-scroller { + padding: 8px 0 !important; +} +.c1e9c47c23f12ca3-scroller::-webkit-scrollbar { + width: 0 !important; +} + +.ce832809562bf737-statusItem { + padding: 0; +} + +/* + * + * STREAM PREVIEW + * + */ +._6da2d8abf659f945-streamPreview { + background-color: var(--popout-color) !important; + border-radius: var(--popout-radius-big) !important; + border: none !important; + box-shadow: var(--shadow-medium) !important; +} +._6da2d8abf659f945-streamPreview ._6da2d8abf659f945-previewContainer { + background-color: var(--popout-color-alt) !important; + border-radius: var(--popout-radius-big); + overflow: hidden; +} +._6da2d8abf659f945-streamPreview .iconButton__43481 { + --button-padding: 0; +} + +/* + * + * SUMMARIES POPOUT + * + */ +._0f481cbbd7530492-topicsDropdownBase { + top: calc(var(--button-height) + 16px); + left: 0; + right: 0; + margin: 0 auto; + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + border: none; + box-shadow: var(--shadow-medium); + border: none; + pointer-events: all; + overflow: hidden; + animation: top-pop-out 400ms var(--default-animation); +} +._0f481cbbd7530492-topicsDropdownBase .d125d22cdfd32cfe-scrollerBase { + padding-top: 0; + padding-right: calc(8px - var(--scrollbar-thin-width)) !important; + background-color: transparent; +} + +._0f481cbbd7530492-topicsDropdownHeading { + padding: 24px 24px 16px; + background-color: transparent; +} +._0f481cbbd7530492-topicsDropdownHeading ._0f481cbbd7530492-topicsDropdownHeadingText { + padding-top: 0; +} +._0f481cbbd7530492-topicsDropdownHeading .cf48127484dbde85-heading-md\/bold { + line-height: 24px; + font-size: 20px; + font-weight: 400; +} + +._0f481cbbd7530492-topicsScroller { + --scrollbar-width: 8px; + padding: 0 0 8px 0 !important; + background: transparent; +} + +._0f481cbbd7530492-summariesBetaTag { + margin-left: 8px; + background-color: hsl(var(--accent-hsl--material-you)) !important; + color: var(--accent-text-color--material-you); +} + +.e97453749c8b22b3-container { + 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; +} +.e97453749c8b22b3-container:hover { + background-color: var(--card-color-active); +} + +.e97453749c8b22b3-feedbackContainer { + 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); +} +.e97453749c8b22b3-feedbackContainer .e97453749c8b22b3-thumbIcon { + background-color: var(--card-color-hover); + transition: var(--default-time) var(--default-animation) background-color; +} +.e97453749c8b22b3-feedbackContainer .e97453749c8b22b3-thumbIcon:hover { + background-color: var(--card-color-filled); +} + +@keyframes feedback-open { + from { + opacity: 0; + } +} +/* + * + * THREADS POPOUT + * + */ +.d9c8822889d1d4a1-container { + min-height: 200px; + max-height: 80vh; + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + border: none; + box-shadow: var(--shadow-medium); + animation: top-pop-out 400ms var(--default-animation); +} +.d9c8822889d1d4a1-container .controls-SB-N9h { + height: 52px; +} +.d9c8822889d1d4a1-container .tabBar-3N44FC { + height: 100%; +} +.d9c8822889d1d4a1-container .tabBar-3N44FC .aa8da23faa27393c-item { + height: 24px; + border-radius: 12px; +} +.d9c8822889d1d4a1-container .tabBar-3N44FC .aa8da23faa27393c-item:after { + display: none; +} +.d9c8822889d1d4a1-container .tabBar-3N44FC .aa8da23faa27393c-item:hover { + background-color: var(--menu-item-hover) !important; +} +.d9c8822889d1d4a1-container .tabBar-3N44FC .aa8da23faa27393c-item.aa8da23faa27393c-selected { + background-color: var(--menu-item-select) !important; +} +.d9c8822889d1d4a1-container ._1b24f0fdfb13e41c-container { + min-height: 200px; + padding: 16px; +} +.d9c8822889d1d4a1-container .c441f0072c3e8827-sectionHeader { + margin-top: 0; + font-size: 14px; + text-transform: none; +} +.d9c8822889d1d4a1-container .c441f0072c3e8827-list { + padding: 0 24px 16px; +} +.d9c8822889d1d4a1-container .activeThreadsList-c8qlqZ { + padding-bottom: 16px; +} +.d9c8822889d1d4a1-container .content-28mbXd { + height: auto !important; +} +.d9c8822889d1d4a1-container ._6764bd76e0340219-container { + 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; +} +.d9c8822889d1d4a1-container ._6764bd76e0340219-container:hover { + background-color: var(--card-color-hover); +} +.d9c8822889d1d4a1-container ._6764bd76e0340219-container:last-of-type { + margin-bottom: 0; +} + +.d9c8822889d1d4a1-header { + min-height: unset; + height: auto; + padding: 24px 24px 16px; + background-color: transparent; + border-bottom: none; +} +.d9c8822889d1d4a1-header .d9c8822889d1d4a1-divider { + display: none; +} +.d9c8822889d1d4a1-header .tabBar_e25e30 { + height: 100%; +} +.d9c8822889d1d4a1-header ._72c3859781ebce8f-container { + --input-height: 32px; +} +.d9c8822889d1d4a1-header .d9c8822889d1d4a1-createButton { + --button-height: 32px; + --button-padding: 0 12px; + min-width: 84px; +} + +body:active .d9c8822889d1d4a1-container:not(:active) { + opacity: 0; + transition: 150ms ease all; +} + +/* + * + * THREADS CHANNEL POPOUT + * + */ +._76f047ded9fef6d4-popout { + padding: 0; + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + border: none; + box-shadow: var(--shadow-medium); +} +._76f047ded9fef6d4-popout ._76f047ded9fef6d4-title { + margin: 0 0 8px 0; + padding: 12px; + font-size: 14px; + text-transform: none; + border-bottom: 1px solid var(--popout-header-border); +} +._76f047ded9fef6d4-popout ._76f047ded9fef6d4-row { + margin: 0; + border-radius: 0; + color: var(--menu-item-text-color); + transition: var(--default-time) var(--default-animation); +} +._76f047ded9fef6d4-popout ._76f047ded9fef6d4-row:hover { + background-color: var(--menu-item-hover); + color: var(--menu-item-text-color); +} +._76f047ded9fef6d4-popout ._76f047ded9fef6d4-row ._76f047ded9fef6d4-timestamp { + color: var(--text-muted) !important; +} +._76f047ded9fef6d4-popout ._76f047ded9fef6d4-more { + padding: 8px 12px; + border-top-color: var(--popout-header-border); + color: hsl(var(--accent-hsl--material-you)); +} +._76f047ded9fef6d4-popout ._76f047ded9fef6d4-more .size14_a4e6b9 { + margin-left: auto; +} + +/* + * + * TIMEOUT POPOUT + * + */ +._65338bf35f9ad6c1-container { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + border: none; + box-shadow: var(--shadow-medium); +} +._65338bf35f9ad6c1-container ._65338bf35f9ad6c1-iconContainer { + background-color: var(--popout-color-alt); + border-radius: 50%; +} + +/* + * + * USER POPOUT + * + */ +.c0bea05627c5dc35-outer:not(.custom-user-profile-theme) { + --background-surface-high: var(--popout-color) !important; + --user-profile-overlay-background: var(--card-color-filled) !important; + --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-user-profile-theme { + --popout-color-alt: var(--profile-gradient-secondary-color) !important; + --card-color-filled: var(--user-profile-background-hover) !important; + --card-color-hover: var(--user-profile-background-hover) !important; + --card-border-color: var(--user-profile-border) !important; + --menu-item-hover: var(--user-profile-background-hover) !important; + --user-profile-overlay-background: var(--profile-body-background-color) !important; + --input-color: rgb(var(--bg-overlay-color-inverse)/.1) !important; + --input-placeholder-color: var(--profile-gradient-primary-color); +} +.custom-user-profile-theme .fontSize16Padding__74017 { + color: var(--interactive-text-default) !important; +} +.custom-user-profile-theme ._04eede68d145ae81-spriteGreyscale { + background-color: var(--interactive-text-default); +} +.custom-user-profile-theme ._68edb95846a37624-banner { + border-radius: calc(var(--popout-radius-big) - 4px); +} +.custom-user-profile-theme .ab86098b36386ff7-inner { + --text-default: var(--profile-gradient-primary-color); +} +.custom-user-profile-theme ._201d5e8a3c09670a-lookFilled { + --button-background: var(--profile-gradient-button-color) !important; + --button-text-color: var(--white-500) !important; + --accent-button-action: var(--white-500) !important; +} +.custom-user-profile-theme .a22cb0c66246f5d3-primary { + --button-background: var(--control-primary-background-default); + --button-text-color: var(--control-primary-text-default); +} +.custom-user-profile-theme .a22cb0c66246f5d3-secondary { + --button-background: var(--control-secondary-background-default); + --button-text-color: var(--control-secondary-text-default); +} +.custom-user-profile-theme .e6abe833ac70fcae-connectedAccounts .e6abe833ac70fcae-connectedAccountContainer { + --card-color-filled: var(--profile-body-background-color); +} +.custom-user-profile-theme ._299eb87491f4b6d1-spoilerContent { + --attachment-color: var(--profile-role-pill-background-color); +} +.custom-user-profile-theme ._299eb87491f4b6d1-spoilerContent._299eb87491f4b6d1-hidden { + --attachment-color: var(--profile-gradient-secondary-color); +} +.custom-user-profile-theme .textarea_dde0a8, +.custom-user-profile-theme ._72c3859781ebce8f-wrapper ._0f0849b61557225e-input { + --input-color: var(--profile-body-background-color) !important; +} +.custom-user-profile-theme ._0f0849b61557225e-input { + --input-color: var(--opacity-white-12) !important; +} +.custom-user-profile-theme .listRow__9d78f { + --menu-item-hover: var(--profile-body-background-hover); +} +.custom-user-profile-theme ._752971923a1e6683-markup a { + color: var(--profile-gradient-secondary-color); +} +.custom-user-profile-theme ._3e3b0b1c0f688f9e-flowerStar path { + fill: var(--profile-gradient-button-color); +} +.custom-user-profile-theme ._3e3b0b1c0f688f9e-childContainer path { + fill: var(--white-500); +} + +.custom-theme-background .c1e9c47c23f12ca3-menu { + border: none; +} + +.c0bea05627c5dc35-outer, +.biteSizeOuter_c69a7b { + border-radius: var(--popout-radius-big); + box-shadow: var(--shadow-medium); +} +.c0bea05627c5dc35-outer ._740174f3d6a2c8fe-channelTextArea, +.biteSizeOuter_c69a7b ._740174f3d6a2c8fe-channelTextArea { + border-radius: var(--main-textarea-radius); + border: none; +} + +._68edb95846a37624-banner { + border-radius: var(--popout-radius-big); +} + +.de800837163648e8-bannerButton { + border: none; +} + +.biteSizeInnerThemed_c69a7b { + padding-bottom: 0; + background-color: var(--popout-color); +} +.biteSizeInnerThemed_c69a7b:before { + border-radius: calc(var(--popout-radius-big) / 1.25); +} + +._0137000bc80ab6ea-inner { + border-radius: var(--popout-radius-big); +} + +.c0bea05627c5dc35-inner { + border-radius: calc(var(--popout-radius-big) / 1.25); +} + +.icon_fb7f94 { + --button-background: var(--redesign-button-overlay-alpha-background); + --button-text-color: var(--white); +} +.icon_fb7f94 ._201d5e8a3c09670a-contents { + --button-height: var(--custom-button-button-sm-height); +} + +._5be3ef42f92174b2-body { + --scrollbar-width: var(--scrollbar-thin-width); + max-height: 60vh; + padding-right: calc(16px - var(--scrollbar-width)) !important; +} + +._5997d01a3565bdaa-upsellContainer, +._5997d01a3565bdaa-upsellContainer > div { + border-radius: calc(var(--popout-radius-big) / 1.5); +} + +._63ed30c16c7151f2-usernameRow .icon_fb7f94 ._201d5e8a3c09670a-contents { + --button-height: 16px; +} + +._39ec2e3dfb4fd2f2-card { + border-radius: calc(var(--popout-radius-big) / 1.6); + transition: var(--default-time) var(--default-animation) background-color; +} + +.c0bea05627c5dc35-overlay { + background-color: var(--card-color-filled); + border-radius: calc(var(--popout-radius-big) / 1.5); +} + +.ce832809562bf737-menuOverlay { + padding: 8px 0; +} +.ce832809562bf737-menuOverlay ._201d5e8a3c09670a-button { + padding: 9px 12px; + border-radius: 0; + transition: var(--default-time) var(--default-animation) background-color; +} +.ce832809562bf737-menuOverlay ._201d5e8a3c09670a-button:hover { + background-color: var(--menu-item-hover); +} +.ce832809562bf737-menuOverlay ._201d5e8a3c09670a-button ._201d5e8a3c09670a-contents { + padding: 0; +} + +.overlayBackground_c69a7b { + border-radius: calc(var(--popout-radius-big) / 1.5); + border: none; +} + +.b1f01d03ecc7d736-container { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + border: none; + box-shadow: var(--shadow-medium); +} +.b1f01d03ecc7d736-container ._740174f3d6a2c8fe-scrollableContainer { + background-color: var(--input-color); + border-radius: calc(var(--popout-radius-big) / 1.5); +} + +/* USER POPOUT -> BANNER BUTTONS */ +._0c74f6fd004aa317-wrapper ._201d5e8a3c09670a-button { + padding: 0; +} +._0c74f6fd004aa317-wrapper ._201d5e8a3c09670a-button ._201d5e8a3c09670a-contents { + min-width: var(--button-height); + min-height: var(--button-height); +} +._0c74f6fd004aa317-wrapper ._201d5e8a3c09670a-button ._201d5e8a3c09670a-contents svg { + margin: 0 auto; +} + +/* USER POPOUT -> STATUS BUBBLE */ +.statusBubbleOuter_a82ccc, .statusBubbleOuter_af9888, .ab86098b36386ff7-outer { + background-color: var(--popout-color-alt); + border-radius: var(--popout-radius-big); + border: none !important; + box-shadow: none; +} +.statusBubbleOuter_a82ccc:before, .statusBubbleOuter_a82ccc:after, .statusBubbleOuter_af9888:before, .statusBubbleOuter_af9888:after, .ab86098b36386ff7-outer:before, .ab86098b36386ff7-outer:after { + background-color: inherit !important; + border: none !important; + box-shadow: none; +} +.statusBubbleOuter_a82ccc:hover .ab86098b36386ff7-inner, .statusBubbleOuter_af9888:hover .ab86098b36386ff7-inner, .ab86098b36386ff7-outer:hover .ab86098b36386ff7-inner { + color: var(--white-500); +} +.statusBubbleOuter_a82ccc .ab86098b36386ff7-inner, .statusBubbleOuter_af9888 .ab86098b36386ff7-inner, .ab86098b36386ff7-outer .ab86098b36386ff7-inner { + background-color: inherit; + color: var(--white-500); +} +.statusBubbleOuter_a82ccc .ab86098b36386ff7-inner .ab86098b36386ff7-content, +.statusBubbleOuter_a82ccc .ab86098b36386ff7-inner .ab86098b36386ff7-statusText, .statusBubbleOuter_af9888 .ab86098b36386ff7-inner .ab86098b36386ff7-content, +.statusBubbleOuter_af9888 .ab86098b36386ff7-inner .ab86098b36386ff7-statusText, .ab86098b36386ff7-outer .ab86098b36386ff7-inner .ab86098b36386ff7-content, +.ab86098b36386ff7-outer .ab86098b36386ff7-inner .ab86098b36386ff7-statusText { + color: inherit; +} + +.ab86098b36386ff7-addStatusIcon { + fill: currentColor; +} +.ab86098b36386ff7-addStatusIcon path { + fill: inherit !important; +} + +.ab86098b36386ff7-addStatusPrompt { + color: inherit !important; +} + +/* USER POPOUT -> BADGE LIST */ +._8061a5f9dbf6d829-container { + height: 24px; + margin: 0; + padding: 0 6px !important; + background-color: var(--card-color-filled) !important; + border-radius: 12px; + border: none; +} + +/* USER POPOUT -> ACTIVITY */ +.activity__5be3e { + padding: 12px; + background-color: var(--popout-color-alt); + border-radius: calc(var(--popout-radius-big) / 1.5); + border: none; +} + +/* USER POPOUT -> SPOTIFY */ +.syncButton__2024e { + --button-padding: 0; + min-width: var(--button-height); +} +.syncButton__2024e .syncButtonInner__2024e { + min-width: var(--button-height); + max-width: var(--button-height); + min-height: var(--button-height); + max-height: var(--button-height); +} + +._2ef4989efde1f4e4-assetsLargeImageSpotify { + border-radius: 50%; +} + +/* USER POPOUT -> ROLES */ +.dfa8b6b94cddb191-role, ._5d7c9a81ac5dd074-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); +} +.dfa8b6b94cddb191-role > :first-child, ._5d7c9a81ac5dd074-role > :first-child { + margin-left: 0; + margin-right: 0; +} + +._4f569b8941af22d1-roleCircle { + width: 16px; + height: 16px; +} + +.fccfdf3cfff21921-pill { + height: 28px; + padding: 0 6px; + background-color: var(--card-color-filled); + border-radius: 8px; + border: none; + box-sizing: border-box; + transition: var(--default-time) var(--default-animation) background-color; +} +.fccfdf3cfff21921-pill:hover { + background-color: var(--card-color-hover); +} +.fccfdf3cfff21921-pill .cf48127484dbde85-text-xs\/medium { + line-height: 28px; +} + +.fccfdf3cfff21921-root > div:only-child ._48c1c0768f2a2421-addButton { + padding: 0 8px 0 4px; +} + +._48c1c0768f2a2421-addButton { + height: 28px; + padding: 0; +} +._48c1c0768f2a2421-addButton ._201d5e8a3c09670a-contents { + --button-height: 28px; + min-width: 28px; + max-height: 28px; + min-height: 28px; + max-height: 28px; +} +._48c1c0768f2a2421-addButton svg { + margin: 0 auto; +} + +.fccfdf3cfff21921-pill { + min-width: 28px; + height: 28px; + padding: 0 6px; + border-radius: 14px; + box-sizing: border-box; +} +.fccfdf3cfff21921-pill .cf48127484dbde85-text-xs\/medium { + line-height: 28px; +} + +/* USER POPOUT -> MESSAGE */ +.inner_a99829 { + background-color: var(--input-color) !important; + border-radius: var(--input-radius) !important; +} +.inner_a99829 ._740174f3d6a2c8fe-textArea { + min-height: var(--input-height); + height: var(--input-height); +} +.inner_a99829 .fontSize16Padding__74017 { + padding-top: calc((var(--input-height) - 1.57em) / 2); + padding-bottom: calc((var(--input-height) - 1.57em) / 2); +} +.inner_a99829 ._740174f3d6a2c8fe-buttons { + height: var(--input-height); +} + +._5be3ef42f92174b2-footer ._1b31f471f0bb10ab-placeholder { + color: var(--input-placeholder-color); + font-weight: 500; +} +._5be3ef42f92174b2-footer ._740174f3d6a2c8fe-inlineContainer { + background-color: var(--input-color); +} + +/* USER POPOUT -> SELF PROFILE */ +.ce832809562bf737-menus > .c1e9c47c23f12ca3-menu { + 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 */ +.f528aab0defe5a41-wrapper { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big) !important; + box-shadow: var(--shadow-medium); +} + +.f528aab0defe5a41-container { + background-color: unset; +} + +/* USER POPOUT -> V2 PROFILE */ +.user-profile-modal-v2 { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + border: none; + box-shadow: var(--shadow-hard); + /* recent activity */ +} +.user-profile-modal-v2:not(.custom-user-profile-theme) ._9c3bea41fd465666-profile { + --background-surface-high: var(--popout-color-alt); + outline: none; +} +.user-profile-modal-v2 .c0bea05627c5dc35-inner { + padding: var(--space-32); + gap: var(--space-32); +} +.user-profile-modal-v2 ._9c3bea41fd465666-profile { + border-radius: calc(var(--popout-radius-big) / 1.3); + border: none; + box-shadow: var(--shadow-soft); +} +.user-profile-modal-v2 ._68edb95846a37624-banner { + border-radius: calc(var(--popout-radius-big) / 1.3); +} +.user-profile-modal-v2 ._0137000bc80ab6ea-inner { + border-radius: var(--popout-radius-big); +} +.user-profile-modal-v2 ._9c3bea41fd465666-profileBody { + padding: 4px 24px 24px; + padding-right: calc(24px - var(--scrollbar-width)) !important; +} +.user-profile-modal-v2 .c0bea05627c5dc35-overlay { + background-color: var(--card-color-hover); + border-radius: calc(var(--popout-radius-big) / 1.4); +} +.user-profile-modal-v2 ._764cdd81a2bebd88-scroller { + padding-bottom: 0; + border-radius: var(--card-radius-big); +} +.user-profile-modal-v2 ._764cdd81a2bebd88-cards { + gap: 2px; +} +.user-profile-modal-v2 ._764cdd81a2bebd88-cards > li { + border-radius: 4px; + overflow: hidden; +} +.user-profile-modal-v2 ._764cdd81a2bebd88-cards > li:first-child { + border-top-left-radius: var(--card-radius-big); + border-top-right-radius: var(--card-radius-big); +} +.user-profile-modal-v2 ._764cdd81a2bebd88-cards > li:last-child { + border-bottom-left-radius: var(--card-radius-big); + border-bottom-right-radius: var(--card-radius-big); +} +.user-profile-modal-v2 ._764cdd81a2bebd88-cards .f7ecaca5c80dbf3a-wrapper { + height: 28px; + top: 0 !important; + bottom: 0; + margin: auto 0; + background-color: hsl(from var(--user-profile-toolbar-background) h s l/0.23); + box-shadow: var(--shadow-soft) !important; +} +.user-profile-modal-v2 ._39ec2e3dfb4fd2f2-card { + border-radius: 0; +} +.user-profile-modal-v2 .ef9ae7987ec7715e-imageContainer { + border-radius: 50%; +} +.user-profile-modal-v2 ._37bfcf3d457db7a9-container { + --custom-gutter-left: 0; + height: 100%; + gap: var(--space-16); + margin: 0; + padding: 0; +} +.user-profile-modal-v2 ._37bfcf3d457db7a9-container ._37bfcf3d457db7a9-tabListScroller { + margin: 0; + padding: 0; +} +.user-profile-modal-v2 ._37bfcf3d457db7a9-container .aa8da23faa27393c-top .aa8da23faa27393c-item { + line-height: 48px; +} +.user-profile-modal-v2 .bf424dc3dc4c8775-headings { + padding-top: 0; +} +.user-profile-modal-v2 .bf424dc3dc4c8775-headings .cf48127484dbde85-text-xs\/medium { + font-size: 14px; +} + +.a582673ee150fcb4-content { + padding: var(--space-8) var(--space-8) var(--space-8) var(--space-16); + background-color: var(--popout-color); + border-radius: 6px; + border: none; + box-shadow: var(--shadow-soft); +} + +._37bfcf3d457db7a9-tabPanelScroller { + padding-top: 0; + padding-left: var(--space-12); + gap: 2px; +} +._37bfcf3d457db7a9-tabPanelScroller section:first-of-type ._62dd31d5e86f2841-container { + border-top-left-radius: var(--card-radius-big); + border-top-right-radius: var(--card-radius-big); +} +._37bfcf3d457db7a9-tabPanelScroller section:nth-last-of-type(1) ._62dd31d5e86f2841-container { + border-bottom-left-radius: var(--card-radius-big); + border-bottom-right-radius: var(--card-radius-big); +} + +._0a95c8863b3b3f73-row { + margin: 0; + padding: var(--space-8); + background-color: var(--card-color-filled); + border-radius: 4px; + transition: var(--default-time) var(--default-animation) background-color; +} +._0a95c8863b3b3f73-row:hover { + background-color: var(--card-color-hover); +} +._0a95c8863b3b3f73-row:first-child { + border-top-left-radius: var(--card-radius-big); + border-top-right-radius: var(--card-radius-big); +} +._0a95c8863b3b3f73-row:nth-last-child(-n+2) { + border-bottom-left-radius: var(--card-radius-big); + border-bottom-right-radius: var(--card-radius-big); +} + +._37bfcf3d457db7a9-tabListScroller { + margin: 0; + padding: 0; +} + +._37bfcf3d457db7a9-tabBarPanel { + padding-left: 0; +} +._37bfcf3d457db7a9-tabBarPanel ._3b92361cacc65834-scroller { + margin-left: -16px; + padding-left: 28px; +} + +._62dd31d5e86f2841-dragHandleButton { + left: 8px; +} + +._62dd31d5e86f2841-container { + padding: var(--space-16); + background-color: var(--card-color-hover); + border-radius: 4px; + border: none; +} + +._4a011b53548617a6-addButtonContainer { + background-color: var(--card-color-hover); + border-radius: calc(var(--popout-radius-big) / 1.75); +} +._4a011b53548617a6-addButtonContainer:has(._4a011b53548617a6-addButtonContent:hover) { + background-color: var(--card-color-active); +} + +.e1364f9f8fc00ea0-card:has(.e1364f9f8fc00ea0-removeGameButton):before { + inset: 0; + border-radius: calc(var(--card-radius-big) / 1.6); +} +.e1364f9f8fc00ea0-card:has(.e1364f9f8fc00ea0-removeGameButton):hover:before { + background-color: var(--card-color-hover); +} +.e1364f9f8fc00ea0-card ._1a3d6a7f11680141-gameCover { + border-radius: calc(var(--card-radius-big) / 1.6); +} + +._1a3d6a7f11680141-coverContainer { + box-shadow: var(--shadow-soft); +} + +._1a3d6a7f11680141-gameCover { + border-radius: calc(var(--card-radius-big) / 2.5); +} + +/* + * + * SERVER FOLDERS + * + */ +._48112cbe77dc5022-folderGroupBackground { + border: none; + border-radius: var(--avatar-radius); +} + +._48112cbe77dc5022-folderButton { + overflow: visible; +} + +._48112cbe77dc5022-folderHeader { + border-radius: var(--avatar-radius); +} + +._48112cbe77dc5022-folderPreviewWrapper { + border-radius: var(--avatar-radius); +} + +._48112cbe77dc5022-folderPreviewGuildIcon { + --non-outside-radius: 4px; +} +._48112cbe77dc5022-folderPreviewGuildIcon:nth-child(1) { + border-radius: calc(var(--avatar-radius) * 1.5) var(--non-outside-radius) var(--non-outside-radius); +} +._48112cbe77dc5022-folderPreviewGuildIcon:nth-child(2) { + border-radius: var(--non-outside-radius) calc(var(--avatar-radius) * 1.5) var(--non-outside-radius) var(--non-outside-radius); +} +._48112cbe77dc5022-folderPreviewGuildIcon:nth-child(3) { + border-radius: var(--non-outside-radius) var(--non-outside-radius) var(--non-outside-radius) calc(var(--avatar-radius) * 1.5); +} +._48112cbe77dc5022-folderPreviewGuildIcon:nth-child(4) { + border-radius: var(--non-outside-radius) var(--non-outside-radius) calc(var(--avatar-radius) * 1.5); +} + +/* + * + * SERVER LIST + * + */ +.ef3116c2da186559-wrapper { + background-color: var(--server-color) !important; +} +.ef3116c2da186559-wrapper .ef3116c2da186559-scroller { + background-color: transparent; +} +.ef3116c2da186559-wrapper .ef3116c2da186559-tree:focus { + outline: none; +} + +._6e9f8dce4cc18de3-wrapper { + border-radius: var(--avatar-radius); + overflow: hidden; +} +._6e9f8dce4cc18de3-wrapper ._6e9f8dce4cc18de3-childWrapper { + background-color: hsl(var(--accent-hsl--material-you)); + border-radius: var(--avatar-radius); + color: var(--accent-text-color--material-you); +} +._6e9f8dce4cc18de3-wrapper._6e9f8dce4cc18de3-selected ._6e9f8dce4cc18de3-childWrapper { + background-color: hsl(var(--accent-hsl--material-you)) !important; + color: var(--accent-text-color--material-you) !important; +} +._6e9f8dce4cc18de3-wrapper:hover ._6e9f8dce4cc18de3-childWrapper { + background-color: hsl(var(--accent-hsl--material-you)) !important; + color: var(--accent-text-color--material-you) !important; +} + +.cc5dd25190031396-svg 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"); +} + +._6e9f8dce4cc18de3-childWrapper rect { + rx: var(--avatar-radius); +} + +._3b95d7d910416e54-mention { + background-color: hsl(var(--alert-hsl)); + color: var(--alert-text-color); +} + +/* SERVER LIST -> SERVER */ +._650eb104245d257b-listItem .cc5dd25190031396-wrapper { + border-radius: var(--avatar-radius); +} +._650eb104245d257b-listItem .cc5dd25190031396-wrapper .icon__11cf1 { + border-radius: var(--avatar-radius); +} +._650eb104245d257b-listItem .cc5dd25190031396-wrapper .cc5dd25190031396-lowerBadge { + width: auto; + height: auto; +} +._650eb104245d257b-listItem .cc5dd25190031396-wrapper .cc5dd25190031396-lowerBadge.unread-badge { + right: unset; + left: -2px; +} +._650eb104245d257b-listItem .cc5dd25190031396-wrapper .cc5dd25190031396-lowerBadge.unread-badge ._2b1f52e43a8f1c02-numberBadge { + background-color: hsl(var(--accent-hsl--material-you)) !important; + color: var(--accent-text-color--material-you) !important; +} +._650eb104245d257b-listItem .cc5dd25190031396-wrapper .cc5dd25190031396-upperBadge ._650eb104245d257b-iconBadge { + background-color: hsl(var(--accent-hsl--material-you)); + color: var(--accent-text-color--material-you); + border-radius: 50%; +} +._650eb104245d257b-listItem .cc5dd25190031396-wrapper .cc5dd25190031396-upperBadge ._650eb104245d257b-iconBadge.participating__64cf0 { + background-color: hsl(var(--accent-hsl--material-you)); + color: var(--accent-text-color--material-you); +} +._650eb104245d257b-listItem.frame_oXWS21 ._6e9f8dce4cc18de3-childWrapper { + padding: 0 6px; + border-radius: 12px; + text-transform: capitalize; + font-weight: 500; +} + +._2b1f52e43a8f1c02-numberBadge { + background-color: hsl(var(--alert-hsl)) !important; + color: var(--alert-text-color) !important; +} + +._650eb104245d257b-unavailableBadge { + background-color: hsl(var(--warning-hsl)) !important; + color: var(--warning-text-color) !important; +} + +.dragInner__66313 { + border-radius: var(--avatar-radius); +} + +.b18fe29d6fe8dd82-hiddenVisually, +._48112cbe77dc5022-folderPreviewWrapper { + border-radius: var(--avatar-radius) !important; +} + +.d144f8d4075c78d6-target.d144f8d4075c78d6-dragOver:before, +.d144f8d4075c78d6-centerTarget.d144f8d4075c78d6-dragOver:before { + background-color: hsl(var(--accent-hsl--material-you)); + box-shadow: var(--shadow-soft); +} + +.footer__214dc { + width: calc(100% - 1px); + background-color: var(--main-alt); +} + +/* + * + * SERVER ACCESS + * + */ +._959cbfbb20fb39e8-joinOptions { + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); + border: none; +} +._959cbfbb20fb39e8-joinOptions ._959cbfbb20fb39e8-joinOptionContent { + border-radius: calc(var(--card-radius-big) / 1.4); + border: none; + transition: var(--default-time) var(--default-animation) background-color; +} +._959cbfbb20fb39e8-joinOptions ._959cbfbb20fb39e8-joinOptionContent:hover { + background-color: var(--card-color-hover); +} +._959cbfbb20fb39e8-joinOptions ._959cbfbb20fb39e8-joinOptionContent._959cbfbb20fb39e8-uninteractive { + background-color: var(--card-color-active); +} +._959cbfbb20fb39e8-joinOptions 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("M240-80q-33 0-56.5-23.5T160-160v-400q0-33 23.5-56.5T240-640h40v-80q0-83 58.5-141.5T480-920q83 0 141.5 58.5T680-720v80h40q33 0 56.5 23.5T800-560v400q0 33-23.5 56.5T720-80H240Zm0-80h480v-400H240v400Zm240-120q33 0 56.5-23.5T560-360q0-33-23.5-56.5T480-440q-33 0-56.5 23.5T400-360q0 33 23.5 56.5T480-280ZM360-640h240v-80q0-50-35-85t-85-35q-50 0-85 35t-35 85v80ZM240-160v-400 400Z"); + transform: translate(0, 24px) scale(0.025); +} +._959cbfbb20fb39e8-joinOptions 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("M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm320-280L160-640v400h640v-400L480-440Zm0-80 320-200H160l320 200ZM160-640v-80 480-400Z"); + transform: translate(0, 24px) scale(0.025); +} +._959cbfbb20fb39e8-joinOptions 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; +} +._959cbfbb20fb39e8-joinOptions path[d="M23 12a11 11 0 1 1-22 0 11 11 0 0 1 22 0Zm-4.16 5.85A9 9 0 0 0 15 3.52V4a3 3 0 0 1-3 3h-.77c-.13 0-.23.1-.23.23A2.77 2.77 0 0 1 8.23 10c-.13 0-.23.1-.23.23v1.52c0 .14.11.25.25.25H13a3 3 0 0 1 3 3v.77c0 .13.1.23.23.23 1.2 0 2.23.77 2.61 1.85ZM3.18 10.18A9 9 0 0 0 11 20.94v-2.7c0-.14-.1-.24-.23-.24h-.65A2.12 2.12 0 0 1 8 15.88c0-.56-.22-1.1-.62-1.5l-4.2-4.2Z"] { + d: path("M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm-40-82v-78q-33 0-56.5-23.5T360-320v-40L168-552q-3 18-5.5 36t-2.5 36q0 121 79.5 212T440-162Zm276-102q41-45 62.5-100.5T800-480q0-98-54.5-179T600-776v16q0 33-23.5 56.5T520-680h-80v80q0 17-11.5 28.5T400-560h-80v80h240q17 0 28.5 11.5T600-440v120h40q26 0 47 15.5t29 40.5Z"); + transform: translate(0, 24px) scale(0.025); +} + +._959cbfbb20fb39e8-joinOptionTab:hover { + background-color: transparent !important; +} + +._926775445e7c239a-rules { + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); +} + +.f7c056e91c6f825a-rulesContainer { + gap: 4px; +} +.f7c056e91c6f825a-rulesContainer .f7c056e91c6f825a-draggableInputContainer:first-of-type .f7c056e91c6f825a-rulesTextAreaInput { + border-radius: calc(var(--card-radius-big) / 1.8) calc(var(--card-radius-big) / 1.8) 4px 4px; +} +.f7c056e91c6f825a-rulesContainer .f7c056e91c6f825a-draggableInputContainer:last-of-type .f7c056e91c6f825a-rulesTextAreaInput { + border-radius: 4px 4px calc(var(--card-radius-big) / 1.8) calc(var(--card-radius-big) / 1.8); +} +.f7c056e91c6f825a-rulesContainer .f7c056e91c6f825a-rulesTextAreaInput { + background-color: var(--card-color-hover); + border-radius: 4px; + transition: var(--default-time) var(--default-animation) background-color; +} +.f7c056e91c6f825a-rulesContainer .f7c056e91c6f825a-rulesTextAreaInput:focus-within { + background-color: var(--card-color-active); +} +.f7c056e91c6f825a-rulesContainer ._740174f3d6a2c8fe-channelTextArea { + background-color: transparent; + border: none; + box-shadow: none; +} + +.container__912a0 { + border-radius: calc(var(--card-radius-big) / 1.8); +} + +.f7c056e91c6f825a-pill { + background-color: var(--card-color-hover); + transition: var(--default-time) var(--default-animation) background-color; +} +.f7c056e91c6f825a-pill:hover { + background-color: var(--card-color-active); +} + +/* + * + * SERVER AUDIT LOG + * + */ +._5906b5e639ffa713-list { + gap: 0; +} + +._43dab84f7529cb48-auditLog { + position: relative; + margin: 0; + background-color: var(--card-color-filled); + border-radius: 0; + border: none; +} +._43dab84f7529cb48-auditLog:first-of-type { + border-top-left-radius: var(--card-radius-big); + border-top-right-radius: var(--card-radius-big); +} +._43dab84f7529cb48-auditLog:last-of-type { + border-bottom-left-radius: var(--card-radius-big); + border-bottom-right-radius: var(--card-radius-big); +} +._43dab84f7529cb48-auditLog:last-of-type ._43dab84f7529cb48-header { + margin: 8px; +} +._43dab84f7529cb48-auditLog:last-of-type ._43dab84f7529cb48-header:after { + height: calc(100% - 16px); +} +._43dab84f7529cb48-auditLog:last-of-type ._43dab84f7529cb48-header._43dab84f7529cb48-headerExpanded { + margin: 8px 8px 0; +} +._43dab84f7529cb48-auditLog:last-of-type ._43dab84f7529cb48-changeDetails { + margin-bottom: 8px; +} +._43dab84f7529cb48-auditLog:hover ._43dab84f7529cb48-header:after { + background-color: var(--card-color-hover); +} + +._43dab84f7529cb48-header { + width: calc(100% - 16px); + margin: 8px 8px 0; + border-radius: calc(var(--card-radius-big) / 1.5); + background-color: transparent !important; + z-index: 2; +} +._43dab84f7529cb48-header:after { + position: absolute; + content: " "; + width: calc(100% - 16px); + height: calc(100% - 8px); + top: 8px; + left: 8px; + border-radius: calc(var(--card-radius-big) / 1.5); + transition: var(--default-time) var(--default-animation) background-color; + z-index: -1; + pointer-events: none; +} +._43dab84f7529cb48-header._43dab84f7529cb48-headerExpanded:after { + background-color: var(--card-color-active) !important; +} + +._43dab84f7529cb48-divider { + display: none; +} + +._43dab84f7529cb48-changeDetails { + width: calc(100% - 16px); + margin: 0 8px; + background-color: transparent !important; + z-index: 2; +} +._43dab84f7529cb48-changeDetails ._43dab84f7529cb48-detail:first-of-type { + margin-top: 0; +} + +._43dab84f7529cb48-icon:after { + width: 9px; + height: 9px; + top: unset; + left: unset; + right: 2px; + bottom: 2px; + border-radius: 50%; +} +._43dab84f7529cb48-icon._43dab84f7529cb48-typeCreate:after { + background: #389c59; +} +._43dab84f7529cb48-icon._43dab84f7529cb48-typeUpdate:after { + background: #ec9d1a; +} +._43dab84f7529cb48-icon._43dab84f7529cb48-typeDelete:after { + background: #9d3235; +} + +/* + * + * SERVER SETTINGS CONTENT MODERATION + * + */ +._5dac89b770bde66c-simpleItemWrapper { + background-color: var(--card-color-filled); + border: none; + padding: 16px; + border-radius: var(--card-radius-big); + box-shadow: none; +} + +.a25a68d7be1be409-editCard { + background-color: var(--card-color-filled) !important; + border: none !important; + padding: 0 !important; + border-radius: var(--card-radius-big) !important; + box-shadow: none !important; +} +.a25a68d7be1be409-editCard:before { + display: none; +} + +.c5e6a11cf27336f8-ruleIconContainer, +.b6c6eb5e65b969d2-stepCountIcon { + background-color: var(--card-button-color); +} + +.b6c6eb5e65b969d2-triggerMainContainer { + padding: 0; + border: none; +} +.b6c6eb5e65b969d2-triggerMainContainer .b6c6eb5e65b969d2-triggerSettingsContainer { + --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); + box-shadow: none; +} +.b6c6eb5e65b969d2-triggerMainContainer .b6c6eb5e65b969d2-triggerSettingsContainer ._6a63119adb6c6ba0-paddingTop, +.b6c6eb5e65b969d2-triggerMainContainer .b6c6eb5e65b969d2-triggerSettingsContainer ._54558ee81b3f196d-exemptionHint { + margin-top: 0; + padding: 0px 16px 8px; +} + +._217b73c8e5e3ff6d-collapseable { + 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); +} +._217b73c8e5e3ff6d-collapseable:not(:last-child) { + margin-bottom: 0; +} +._217b73c8e5e3ff6d-collapseable:active { + background-color: transparent !important; +} +._217b73c8e5e3ff6d-collapseable:before { + display: none; +} + +.ed9c90c31c2038a5-mentionLimitContainer { + background-color: transparent; +} + +._6a63119adb6c6ba0-keywordsTextArea, +.c615b70a52ed6dcb-textArea { + padding: 12px; + background-color: var(--input-color); + border-radius: 19px; + border: none; +} +._6a63119adb6c6ba0-keywordsTextArea::-webkit-input-placeholder, +.c615b70a52ed6dcb-textArea::-webkit-input-placeholder { + font-family: var(--app-font); + color: var(--input-placeholder-color); +} + +._6a63119adb6c6ba0-keywordsTextArea { + width: calc(100% - 32px); + margin: 16px 16px 8px; +} + +.c615b70a52ed6dcb-textArea .c615b70a52ed6dcb-innerScroller { + padding: 0; +} +.c615b70a52ed6dcb-textArea ._3b3ff93eefe4a07a-chipletContainer { + background-color: var(--card-button-color); + border-radius: 6px; +} + +._6a63119adb6c6ba0-keywordsCounter { + right: 24px; + bottom: 24px; +} + +.keywordListContainer__09e76, +._6446fb2bd9a3c2e5-actionContainer { + padding: 12px 16px; + background-color: transparent; + position: relative; + border-bottom: none; +} +.keywordListContainer__09e76:after, +._6446fb2bd9a3c2e5-actionContainer: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__09e76:last-of-type:after, +._6446fb2bd9a3c2e5-actionContainer:last-of-type:after { + display: none; +} +.keywordListContainer__09e76:not(:last-child), +._6446fb2bd9a3c2e5-actionContainer:not(:last-child) { + margin-bottom: 0; +} +.keywordListContainer__09e76 ._09aca73e6d4b214b-checkboxWrapper, +._6446fb2bd9a3c2e5-actionContainer ._09aca73e6d4b214b-checkboxWrapper { + padding: 0; +} + +._6446fb2bd9a3c2e5-actionContainer ._6446fb2bd9a3c2e5-actionContainer { + padding: 0; +} +._6446fb2bd9a3c2e5-actionContainer ._6446fb2bd9a3c2e5-actionIconContainer { + margin-right: 16px; +} +._6446fb2bd9a3c2e5-actionContainer ._6446fb2bd9a3c2e5-editChannel { + color: hsl(var(--accent-hsl--material-you)); +} + +.bc45130a46a61b36-actionContainer { + background-color: transparent; + border-radius: 8px; + border: 1px solid var(--card-border-color); +} + +._1abf5dc345ecb493-dividierIcon { + color: var(--text-muted); +} + +.ed9c90c31c2038a5-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; +} +.ed9c90c31c2038a5-stepperContainer .ed9c90c31c2038a5-stepper { + border-radius: inherit; +} +.ed9c90c31c2038a5-stepperContainer .iconWrapper__0d13e { + background-color: transparent !important; + transition: var(--default-time) var(--default-animation) background-color; +} +.ed9c90c31c2038a5-stepperContainer .iconWrapper__0d13e:first-of-type { + border-right: 1px solid var(--card-border-color); +} +.ed9c90c31c2038a5-stepperContainer .iconWrapper__0d13e:last-of-type { + border-left: 1px solid var(--card-border-color); +} +.ed9c90c31c2038a5-stepperContainer .iconWrapper__0d13e:hover { + background-color: var(--card-color-hover) !important; +} +.ed9c90c31c2038a5-stepperContainer .iconWrapper__0d13e .icon_bb7288 { + height: var(--input-height); +} +.ed9c90c31c2038a5-stepperContainer .iconWrapper__0d13e .icon_bb7288:hover { + background-color: transparent; +} +.ed9c90c31c2038a5-stepperContainer ._72c3859781ebce8f-wrapper { + border-bottom: none !important; +} +.ed9c90c31c2038a5-stepperContainer ._72c3859781ebce8f-wrapper:before, .ed9c90c31c2038a5-stepperContainer ._72c3859781ebce8f-wrapper:after { + bottom: 0; +} + +/* SERVER SETTINGS CONTENT MODERATION -> CARD EXPANSION LIST */ +.d96a9cdaeeba104e-clickableContainer, +.d96a9cdaeeba104e-container { + background-color: transparent; +} + +.d96a9cdaeeba104e-backgroundModifierContainer { + background-color: var(--card-color-hover); + border-radius: calc(var(--card-radius-big) / 1.6); + border-top: none; + border-bottom: none; + border-right: none; +} +.d96a9cdaeeba104e-backgroundModifierContainer:hover:not(.d96a9cdaeeba104e-disabled):not(.d96a9cdaeeba104e-noAction) { + background-color: var(--card-color-active); +} +.d96a9cdaeeba104e-backgroundModifierContainer.d96a9cdaeeba104e-disabled { + border-left: 3px solid var(--card-color-hover); +} +.d96a9cdaeeba104e-backgroundModifierContainer.d96a9cdaeeba104e-selected { + background-color: var(--card-color-active); +} + +/* + * + * SERVER SETTINGS BANNED USERS + * + */ +._4b8d892e5bcb9bd7-container { + min-width: 350px; + max-width: 1400px; + width: auto; + padding: 60px 97px 60px 60px; +} +._4b8d892e5bcb9bd7-container + ._23e6b439306f125a-toolsContainer { + position: absolute; + right: 0; + margin-right: 21px; +} + +._4b8d892e5bcb9bd7-scrollerContainer { + padding: 0; + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); + box-shadow: none; + overflow: hidden; +} + +._4b8d892e5bcb9bd7-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; +} +._4b8d892e5bcb9bd7-bannedUser:hover { + background-color: var(--card-color-hover); +} +._4b8d892e5bcb9bd7-bannedUser ._4b8d892e5bcb9bd7-username { + color: var(--interactive-text-default) !important; +} +._4b8d892e5bcb9bd7-bannedUser ._4b8d892e5bcb9bd7-username .discrim_cdb2b0 { + padding-left: 6px; + color: var(--primary-400) !important; +} + +/* + * + * SERVER COMMUNITY DISCOVERY + * + */ +.checklist__5afba, .checklistContainer-12xGp5 { + background-color: var(--card-color-filled); + border: none; + padding: 0; + border-radius: var(--card-radius-big); + box-shadow: none; +} +.checklist__5afba ._99871ef1d8f8adaa-header, .checklist__5afba .checklistHeader-3liG7E, .checklistContainer-12xGp5 ._99871ef1d8f8adaa-header, .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; + border-bottom: none; +} +.checklist__5afba ._99871ef1d8f8adaa-checklistItem, .checklistContainer-12xGp5 ._99871ef1d8f8adaa-checklistItem { + position: relative; + border-bottom: none; +} +.checklist__5afba ._99871ef1d8f8adaa-checklistItem:after, .checklistContainer-12xGp5 ._99871ef1d8f8adaa-checklistItem: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__5afba ._99871ef1d8f8adaa-checklistItem:last-of-type:after, .checklistContainer-12xGp5 ._99871ef1d8f8adaa-checklistItem:last-of-type:after { + display: none; +} +.checklist__5afba ._99871ef1d8f8adaa-checklistItem + ._99871ef1d8f8adaa-separator, .checklist__5afba ._99871ef1d8f8adaa-checklistItem .separator-2qVfIV, .checklistContainer-12xGp5 ._99871ef1d8f8adaa-checklistItem + ._99871ef1d8f8adaa-separator, .checklistContainer-12xGp5 ._99871ef1d8f8adaa-checklistItem .separator-2qVfIV { + display: none; +} + +.f4439740948b73c2-card { + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); + box-shadow: none !important; +} + +.f4439740948b73c2-iconMask { + background-color: var(--card-color-filled) !important; +} + +._7dd5e5d187db8f31-banner { + overflow: hidden; +} + +/* + * + * SERVER EMOJI + * + */ +.content_e7d73e { + padding: 8px; + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); +} + +.emojiTable_e7d73e { + 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_e7d73e .ddd1814f7cd3e6fd-formText { + font-size: 14px; + text-transform: none; +} + +.e7d73e5106887df1-emojiRow { + position: relative; + padding: 0 16px; + box-shadow: none !important; +} +.e7d73e5106887df1-emojiRow:nth-child(3) { + padding-top: 16px !important; +} +.e7d73e5106887df1-emojiRow:nth-child(3):before { + height: 100% !important; + top: 0 !important; +} +.e7d73e5106887df1-emojiRow:last-of-type { + margin-bottom: 0 !important; +} +.e7d73e5106887df1-emojiRow:last-of-type:before { + height: 100% !important; +} +.e7d73e5106887df1-emojiRow: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; +} +.e7d73e5106887df1-emojiRow .emojiAliasInput_e7d73e { + margin-top: 0; + border-bottom: none !important; +} +.e7d73e5106887df1-emojiRow .emojiAliasInput_e7d73e:before, .e7d73e5106887df1-emojiRow .emojiAliasInput_e7d73e:after { + display: none; +} +.e7d73e5106887df1-emojiRow .emojiAliasInput_e7d73e:focus-within + .emojiAliasPlaceholder_e7d73e { + opacity: 0; +} +.e7d73e5106887df1-emojiRow .emojiAliasInput_e7d73e .emojiInput_e7d73e, .e7d73e5106887df1-emojiRow .emojiAliasInput_e7d73e .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; +} +.e7d73e5106887df1-emojiRow .emojiAliasPlaceholder_e7d73e { + height: auto; + margin-left: 8px; + padding: 0; + line-height: var(--input-height); + color: var(--interactive-text-default); + transition: var(--default-time) var(--default-animation); + overflow: visible; +} +.e7d73e5106887df1-emojiRow .emojiRemove_e7d73e { + 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; +} +.e7d73e5106887df1-emojiRow .emojiRemove_e7d73e:hover { + background-color: var(--card-button-color-hover); +} + +/* + * + * SERVER INTEGRATIONS + * + */ +._98b952271168897c-footerImage { + position: static; + margin-top: 80px; + margin-bottom: -288px; +} + +/* + * + * SERVER INVITES + * + */ +._7202590bbc582d8b-actions + .abf7060e6f2beabe-justifyStart { + padding: 0 var(--space-16); +} + +._1de147913cbd4329-inviteSettingsInviteRow { + height: 72px; + padding: 0 16px; + background-color: var(--card-color-filled); +} +._1de147913cbd4329-inviteSettingsInviteRow:nth-of-type(4) { + height: calc(72px + var(--space-8)); + padding-top: var(--space-8); + border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; +} +._1de147913cbd4329-inviteSettingsInviteRow:nth-of-type(4):before { + top: 8px; +} +._1de147913cbd4329-inviteSettingsInviteRow:last-of-type { + height: calc(72px + var(--space-8)); + padding-bottom: var(--space-8); + border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); +} +._1de147913cbd4329-inviteSettingsInviteRow:last-of-type:before { + bottom: var(--space-8); +} +._1de147913cbd4329-inviteSettingsInviteRow:before { + left: var(--space-8); + right: var(--space-8); + background-color: var(--card-color-hover); + border-radius: calc(var(--card-radius-big) / 1.6); + border: none; +} + +._1de147913cbd4329-revokeInvite { + top: calc(var(--space-12) * -1); + right: calc(var(--space-8) * -1); + background-color: var(--card-color-active); + box-shadow: var(--shadow-soft); + transition: opacity 0.1s, var(--default-time) var(--default-animation) box-shadow; +} +._1de147913cbd4329-revokeInvite:hover { + background-color: var(--card-color-active); + box-shadow: var(--shadow-medium); +} + +/* + * + * SERVER COMMUNITY ONBOARDING + * + */ +._514d88095548b794-channelRow { + background-color: var(--card-color-filled); + border: none; + padding: 12px 16px; + border-radius: var(--card-radius-big); + box-shadow: none; +} + +._5d75644e264790f5-container { + background-color: var(--card-color-filled); + border: none; + padding: 16px; + border-radius: var(--card-radius-big); + box-shadow: none; +} + +.e348504a04b3195e-channelCoverage { + background-color: var(--card-color-filled); + border: none; + padding: 0; + border-radius: var(--card-radius-big); + box-shadow: none; +} +.e348504a04b3195e-channelCoverage .e348504a04b3195e-channelCoverageDetails { + background-color: transparent; +} + +.e348504a04b3195e-channelPill { + height: 20px; + background-color: var(--card-color-active); + border-radius: 10px; +} + +.a9b45282395ecdfc-notice { + background-color: var(--card-color-filled); + border: none; + padding: 16px; + border-radius: var(--card-radius-big); + box-shadow: none; +} + +.a9b45282395ecdfc-review { + padding: 16px; + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; +} + +._28e57b0268546d72-onboardingStepContainer { + position: relative; + background-color: var(--card-color-filled); +} +._28e57b0268546d72-onboardingStepContainer:after { + position: absolute; + content: " "; + width: calc(100% - 32px); + height: 1px; + bottom: 0; + left: 16px; + background-color: var(--card-border-color); +} +._28e57b0268546d72-onboardingStepContainer:last-of-type { + border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); +} +._28e57b0268546d72-onboardingStepContainer:last-of-type:after { + display: none; +} +._28e57b0268546d72-onboardingStepContainer ._28e57b0268546d72-iconContainer { + background-color: var(--card-color-active); +} +._28e57b0268546d72-onboardingStepContainer ._201d5e8a3c09670a-lookOutlined._201d5e8a3c09670a-colorPrimary { + border: var(--button-outline) !important; +} + +.a9b45282395ecdfc-divider { + display: none; +} + +/* SERVER COMMUNITY ONBOARDING -> DEFAULT CHANNELS */ +._1ea09a3f3c699f46-categoryRow ._1ea09a3f3c699f46-categoryText { + font-size: 14px; + text-transform: none; +} + +._1ea09a3f3c699f46-channelRow { + background-color: var(--card-color-filled); + transition: var(--default-time) var(--default-animation) background-color; +} +._1ea09a3f3c699f46-channelRow._1ea09a3f3c699f46-firstChannel { + border-top-left-radius: var(--card-radius-big); + border-top-right-radius: var(--card-radius-big); +} +._1ea09a3f3c699f46-channelRow._1ea09a3f3c699f46-lastChannel { + border-bottom-left-radius: var(--card-radius-big); + border-bottom-right-radius: var(--card-radius-big); +} +._1ea09a3f3c699f46-channelRow:hover:not(._1ea09a3f3c699f46-disabled) { + background-color: var(--card-color-hover); +} +._1ea09a3f3c699f46-channelRow .lockedPill__1ea09 { + --button-padding: 0 24px 0 16px; +} + +._1ea09a3f3c699f46-separator { + background-color: var(--card-border-color); +} + +._75906fa3c8ec0869-container { + background-color: var(--card-color-filled); + border: none; + padding: 0; + border-radius: var(--card-radius-big); + box-shadow: none; +} +._75906fa3c8ec0869-container ._75906fa3c8ec0869-header, +._75906fa3c8ec0869-container .e9b3cb124c21889c-container, +._75906fa3c8ec0869-container ._75906fa3c8ec0869-channelList { + background-color: transparent; +} + +/* SERVER COMMUNITY ONBOARDING -> NAVIGATION BANNER */ +._4a4f2371cb1cf3ad-container { + background-color: var(--popout-color) !important; + border-radius: 4px; + box-shadow: var(--shadow-2dp); +} +._4a4f2371cb1cf3ad-container ._201d5e8a3c09670a-button._201d5e8a3c09670a-lookOutlined { + --button-padding: 0 24px 0 16px; +} +._4a4f2371cb1cf3ad-container ._201d5e8a3c09670a-button._201d5e8a3c09670a-lookFilled { + --button-padding: 0 16px 0 24px; +} +._4a4f2371cb1cf3ad-container ._201d5e8a3c09670a-button._201d5e8a3c09670a-lookFilled .button__4a4f2 { + color: var(--accent-text-color--material-you) !important; +} + +._4a4f2371cb1cf3ad-educationUpsell { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); +} +._4a4f2371cb1cf3ad-educationUpsell ._4a4f2371cb1cf3ad-educationUpsellArrow { + border-bottom-color: var(--popout-color); +} + +/* SERVER COMMUNITY ONBOARDING -> PREVIEW */ +._3e7e2b8d60dda075-testimonialHeroContainer { + background-color: var(--card-color-filled); + border: none; + padding: 32px; + border-radius: var(--card-radius-big); + box-shadow: none; +} +._3e7e2b8d60dda075-testimonialHeroContainer ._3e7e2b8d60dda075-quotes { + top: 40px; + color: var(--card-header-text-color); +} +._3e7e2b8d60dda075-testimonialHeroContainer ._3e7e2b8d60dda075-testimonialsControls { + margin: 0; +} +._3e7e2b8d60dda075-testimonialHeroContainer ._201d5e8a3c09670a-button { + --button-padding: 0 10px; +} + +.d9161fe9b78d5bb9-upsellPreview { + gap: 16px; + background-color: var(--card-color-filled); + border: none; + padding: 16px; + border-radius: var(--card-radius-big); + box-shadow: none; +} +.d9161fe9b78d5bb9-upsellPreview.d9161fe9b78d5bb9-spacingLarge { + gap: 2px; +} +.d9161fe9b78d5bb9-upsellPreview.d9161fe9b78d5bb9-spacingLarge .cf48127484dbde85-heading-md\/semibold { + padding-bottom: 14px; +} +.d9161fe9b78d5bb9-upsellPreview.d9161fe9b78d5bb9-spacingLarge ._6f212546bf0e2f19-welcomeMessageContainer { + margin-bottom: 14px; +} +.d9161fe9b78d5bb9-upsellPreview .cf48127484dbde85-heading-md\/semibold { + line-height: normal; + font-size: 1.25em; + color: var(--card-header-text-color); + font-weight: 400; +} +.d9161fe9b78d5bb9-upsellPreview .d9161fe9b78d5bb9-spacingSmall { + gap: 2px; +} +.d9161fe9b78d5bb9-upsellPreview .d9161fe9b78d5bb9-previewListItem { + padding: 12px; +} +.d9161fe9b78d5bb9-upsellPreview .d9161fe9b78d5bb9-previewListItem.d9161fe9b78d5bb9-selected { + background-color: var(--card-color-alt-hover); +} +.d9161fe9b78d5bb9-upsellPreview .d9161fe9b78d5bb9-previewListItem, +.d9161fe9b78d5bb9-upsellPreview .c66e86abde46dbb3-action { + background-color: var(--card-color-alt); + border-radius: 4px; +} +.d9161fe9b78d5bb9-upsellPreview .d9161fe9b78d5bb9-previewListItem:first-of-type, +.d9161fe9b78d5bb9-upsellPreview .c66e86abde46dbb3-action:first-of-type { + border-top-left-radius: var(--card-radius-big); + border-top-right-radius: var(--card-radius-big); +} +.d9161fe9b78d5bb9-upsellPreview .d9161fe9b78d5bb9-previewListItem:last-of-type, +.d9161fe9b78d5bb9-upsellPreview .c66e86abde46dbb3-action:last-of-type { + border-bottom-left-radius: var(--card-radius-big); + border-bottom-right-radius: var(--card-radius-big); +} + +/* + * + * SERVER SETTINGS OVERVIEW + * + */ +.e4d0bf303c296a8e-imageUploaderIcon { + left: calc(50% + 32px); + right: unset; +} + +/* + * + * SERVER SETTINGS PERMISSIONS + * + */ +._1a4ef2934d882343-settingCard { + margin-bottom: 16px; + background-color: var(--card-color-filled); + border: none; + padding: 0 0 1px; + border-radius: var(--card-radius-big); + box-shadow: none; +} +._1a4ef2934d882343-settingCard.active_dd864e { + background-color: var(--card-color-filled); +} +._1a4ef2934d882343-settingCard.active_dd864e .f62fcea76cf9e158-cardContent { + padding: 16px 16px 0; +} +._1a4ef2934d882343-settingCard .folderHeader_dd864e { + padding: 16px 16px 0; + border-bottom: none; +} +._1a4ef2934d882343-settingCard .cardFolder_dd864e { + margin: 16px; + background-color: var(--card-color-hover); + border-radius: calc(var(--card-radius-big) / 1.6); +} +._1a4ef2934d882343-settingCard + .divider_dd864e { + display: none; +} +._1a4ef2934d882343-settingCard + .divider_dd864e + ._201d5e8a3c09670a-button { + --button-padding: 0; +} + +.roleMemberList_dd864e { + padding: 16px; +} +.roleMemberList_dd864e ._99f8cc7ad4790ce9-content { + height: auto !important; +} +.roleMemberList_dd864e ._99f8cc7ad4790ce9-content .memberRow_dd864e { + padding: 0 4px; + margin-bottom: 16px; +} +.roleMemberList_dd864e ._99f8cc7ad4790ce9-content .memberRow_dd864e:last-child { + margin-bottom: 0; +} +.roleMemberList_dd864e ._99f8cc7ad4790ce9-content .divider_dd864e { + display: none; +} + +._535437b3d3b11fd1-sidebarScrollable ._0ab2c03be0b88164-sidebarHeaderDefault { + font-size: 14px; + text-transform: none; +} +._535437b3d3b11fd1-sidebarScrollable .f07e3ee3c49e0985-role { + border-radius: 16px; + transition: var(--default-time) var(--default-animation) background-color; +} +._535437b3d3b11fd1-sidebarScrollable .f07e3ee3c49e0985-role.aa8da23faa27393c-themed:not(.aa8da23faa27393c-disabled):hover { + background-color: var(--menu-item-hover); +} +._535437b3d3b11fd1-sidebarScrollable .f07e3ee3c49e0985-role.aa8da23faa27393c-themed:not(.aa8da23faa27393c-disabled).aa8da23faa27393c-selected { + background-color: var(--menu-item-select); +} +._535437b3d3b11fd1-sidebarScrollable .f07e3ee3c49e0985-role .background-3X6N7I { + padding: 0; + background-color: transparent; +} + +._535437b3d3b11fd1-scroller { + background-color: transparent; +} + +.bba88350df28dff1-staticToolbar { + margin-bottom: 8px; + background-color: var(--card-color-filled) !important; + border: none !important; + padding: 0 !important; + border-radius: var(--card-radius-big) !important; + box-shadow: none !important; + overflow: hidden; +} +.bba88350df28dff1-staticToolbar ._201d5e8a3c09670a-button { + --button-height: 32px; + --button-background: transparent; + --button-radius: 0; +} + +._0511a39e97dd4674-topic { + --input-padding: 0 12px; + height: 200px; + max-height: 250px; + padding: 0 var(--input-padding); + background-color: var(--input-color); + border-radius: calc(200px / 2); + border: none; + box-shadow: none; + background: var(--input-color) !important; + border-radius: 19px; +} +._0511a39e97dd4674-topic:focus-within { + box-shadow: none; +} +._0511a39e97dd4674-topic .ec4baf0360ff3578-slateTextArea { + right: 0; + padding: 12px 0; +} + +/* + * + * SERVER SETTINGS PROFILE + * + */ +.ec9088ea8b115e41-itemContainer { + border-radius: 32px; + border: none; + transition: var(--default-time) var(--default-animation) border-radius, var(--default-time) var(--default-animation) box-shadow; +} +.ec9088ea8b115e41-itemContainer:has(.ec9088ea8b115e41-itemSelected) { + border-radius: var(--card-radius-big); + box-shadow: 0 0 0 2px hsl(var(--accent-hsl--material-you)), inset 0 0 0 2px var(--main-color); +} + +.ec9088ea8b115e41-itemSelected { + display: none; +} + +.traitContainer__4cbea { + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); + border: none; + transition: var(--default-time) var(--default-animation) background-color; +} + +/* + * + * SERVER ROLES + * + */ +.d8f25bf4f76423e6-container { + 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; +} +.d8f25bf4f76423e6-container:hover { + background-color: var(--card-color-hover); +} +.d8f25bf4f76423e6-container .d8f25bf4f76423e6-icon { + background-color: var(--card-button-color); +} + +.db0ee924aca779e4-rolesTable { + padding: 16px; + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; +} +.db0ee924aca779e4-rolesTable .db0ee924aca779e4-tableHeader { + margin-left: 0; + margin-bottom: 0; +} +.db0ee924aca779e4-rolesTable .db0ee924aca779e4-tableHeader .db0ee924aca779e4-dragSpacing { + display: none; +} +.db0ee924aca779e4-rolesTable .db0ee924aca779e4-tableTitle { + font-size: 1em; + color: var(--card-header-text-color); + font-weight: 500; + text-transform: none; +} +.db0ee924aca779e4-rolesTable .db0ee924aca779e4-tableTitle.memberSpacing-1RRW7k { + margin-left: 64px; +} + +._5f97b45169dc1b9d-roleRow { + height: auto; + margin: 0; + padding: 12px 16px; + background-color: var(--card-color-filled); + border-radius: 0; +} +._5f97b45169dc1b9d-roleRow:last-of-type { + padding-bottom: 20px; + border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); +} +._5f97b45169dc1b9d-roleRow:last-of-type:before { + height: calc(100% - 8px); +} +._5f97b45169dc1b9d-roleRow:last-of-type:after { + display: none; +} +._5f97b45169dc1b9d-roleRow:hover:not(._5f97b45169dc1b9d-roleRowDisableHover) { + background-color: var(--card-color-filled); +} +._5f97b45169dc1b9d-roleRow:hover:not(._5f97b45169dc1b9d-roleRowDisableHover):before { + background-color: var(--card-color-hover); +} +._5f97b45169dc1b9d-roleRow:hover:not(._5f97b45169dc1b9d-roleRowDisableHover) ._5f97b45169dc1b9d-dragIcon { + opacity: 1; +} +._5f97b45169dc1b9d-roleRow:hover:not(._5f97b45169dc1b9d-roleRowDisableHover) .circleButton__5f97b { + background-color: var(--card-button-color-hover); +} +._5f97b45169dc1b9d-roleRow:hover:not(._5f97b45169dc1b9d-roleRowDisableHover) .circleButton__5f97b.editButton__5f97b { + opacity: 1; +} +._5f97b45169dc1b9d-roleRow: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; +} +._5f97b45169dc1b9d-roleRow > * { + z-index: 2; +} + +._5f97b45169dc1b9d-dragIcon { + 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__5f97b { + background-color: var(--card-button-color); +} +.circleButton__5f97b.editButton__5f97b { + opacity: 0; + visibility: visible; + transition: var(--default-time) var(--default-animation) opacity; +} + +/* SERVER ROLES -> EDIT/NEW */ +._91dc3971e82843c1-page { + width: 100%; + min-width: 100%; +} +._91dc3971e82843c1-page .e29cd7b93c4f1266-sidebar, +._91dc3971e82843c1-page ._91dc3971e82843c1-contentContainer { + position: relative; +} +._91dc3971e82843c1-page .e29cd7b93c4f1266-sidebar { + margin-left: 40px; + border-right-color: var(--card-border-color); +} +._91dc3971e82843c1-page .e29cd7b93c4f1266-sidebar .e29cd7b93c4f1266-list { + padding: 0 16px 96px 16px; + background-color: transparent; + border: none; +} +._91dc3971e82843c1-page .e29cd7b93c4f1266-sidebar .e29cd7b93c4f1266-titleContainer { + margin: 0; + padding: 0 8px 16px; + background-color: var(--main-color); +} +._91dc3971e82843c1-page .e29cd7b93c4f1266-sidebar .e29cd7b93c4f1266-titleContainer.e29cd7b93c4f1266-titleElevated { + border-bottom: 1px solid var(--card-border-color); + box-shadow: none; +} +._91dc3971e82843c1-page .e29cd7b93c4f1266-sidebar .e29cd7b93c4f1266-titleContainer .e29cd7b93c4f1266-titleText { + font-size: 16px; + text-transform: none; +} +._91dc3971e82843c1-page .e29cd7b93c4f1266-sidebar .aa8da23faa27393c-item { + width: auto; + padding: 0 12px; + border-radius: 16px; + transition: var(--default-time) var(--default-animation) background-color; +} +._91dc3971e82843c1-page .e29cd7b93c4f1266-sidebar .aa8da23faa27393c-item:before { + display: none; +} +._91dc3971e82843c1-page .e29cd7b93c4f1266-sidebar .aa8da23faa27393c-item:hover { + background-color: var(--menu-item-hover) !important; +} +._91dc3971e82843c1-page .e29cd7b93c4f1266-sidebar .aa8da23faa27393c-item.aa8da23faa27393c-selected { + background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity)) !important; +} +._91dc3971e82843c1-page .e29cd7b93c4f1266-sidebar .roleDot-2a4Pv7 { + border: none; +} +._91dc3971e82843c1-page ._91dc3971e82843c1-contentContainer { + left: 0; + flex: 1; +} +._91dc3971e82843c1-page .c6bf1b7af480dfda-contentWidth { + width: auto; + min-width: auto; + max-width: none; + padding-right: 82px; +} +._91dc3971e82843c1-page .c6bf1b7af480dfda-contentWidth ._201d5e8a3c09670a-sizeTiny { + --button-height: 24px; + --button-padding: 0 8px; +} +._91dc3971e82843c1-page .c6bf1b7af480dfda-header { + margin-left: 0; + margin-right: 0; + padding: 0; + background-color: var(--main-color); + transition: var(--default-time) var(--default-animation) border-bottom-color; +} +._91dc3971e82843c1-page .c6bf1b7af480dfda-header.c6bf1b7af480dfda-stickyHeaderElevated { + box-shadow: none; +} +._91dc3971e82843c1-page .c6bf1b7af480dfda-header .titleText-35PD5k { + font-size: 16px; + text-transform: none; +} +._91dc3971e82843c1-page .c6bf1b7af480dfda-header + div + .divider-5Xhahz { + display: none; +} +._91dc3971e82843c1-page ._166631599d7f960b-searchContainer { + margin-top: 16px; + padding-bottom: 16px; + border-bottom: 1px solid var(--card-border-color); +} +._91dc3971e82843c1-page ._05e8e45c587ac6b8-previewContainer { + border-radius: var(--card-radius-big); +} +._91dc3971e82843c1-page ._981c8ddc53ff5825-previewContainer { + background-color: transparent; + border-radius: var(--card-radius-big); + border: none; +} +._91dc3971e82843c1-page ._981c8ddc53ff5825-previewContainer ._981c8ddc53ff5825-messageContainer { + padding: 16px 16px 16px 66px; + background-color: var(--chat-color); +} +._91dc3971e82843c1-page .container-1zDvAE { + margin-bottom: 20px; +} +._91dc3971e82843c1-page + ._23e6b439306f125a-toolsContainer { + position: absolute; + top: 0; + right: 0; + z-index: 2; +} + +._981c8ddc53ff5825-roleStylePreviewContainer { + background-color: var(--card-color-filled); + border: none; + padding: var(--space-8) var(--space-4); + border-radius: var(--card-radius-big); + box-shadow: none; + transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) box-shadow; +} +._981c8ddc53ff5825-roleStylePreviewContainer:hover { + background-color: var(--card-color-hover); + box-shadow: var(--shadow-soft); +} +._981c8ddc53ff5825-roleStylePreviewContainer:hover ._981c8ddc53ff5825-roleStyleMessageContainer:after { + background: linear-gradient(to right, transparent, var(--card-color-hover)); +} +._981c8ddc53ff5825-roleStylePreviewContainer._981c8ddc53ff5825-selected { + background-color: var(--card-color-active); + border-color: hsl(var(--accent-hsl--material-you)); +} +._981c8ddc53ff5825-roleStylePreviewContainer._981c8ddc53ff5825-selected ._981c8ddc53ff5825-roleStyleLabel { + background-color: transparent; +} +._981c8ddc53ff5825-roleStylePreviewContainer._981c8ddc53ff5825-selected ._981c8ddc53ff5825-roleStyleMessageContainer:after { + background: linear-gradient(to right, transparent, var(--card-color-active)); +} +._981c8ddc53ff5825-roleStylePreviewContainer .c19a557985eb7793-header, +._981c8ddc53ff5825-roleStylePreviewContainer ._752971923a1e6683-markup { + margin-left: -84px; +} + +._981c8ddc53ff5825-roleStyleMessageContainer:after { + background: linear-gradient(to right, transparent, var(--card-color-filled)); +} + +._981c8ddc53ff5825-roleStyleMessageContainer, +._981c8ddc53ff5825-roleStyleLabel { + background-color: transparent; +} + +/* SERVER ROLES -> ADD MEMBER */ +.searchBox__01dab { + padding: 16px; +} +.searchBox__01dab.scrollSeparator__01dab { + box-shadow: none !important; +} +.searchBox__01dab .searchBar__3e00d { + margin-bottom: 0; + border: none; +} + +/* + * + * SERVER RULES SCREENING + * + */ +.mainColumnContainer-3y3ZF4 { + max-width: calc(100% - 220px); +} + +.eaaeee8cdde53fd1-backgroundContainer { + background-color: var(--card-color-filled); + border: none; + padding: 16px; + border-radius: var(--card-radius-big); + box-shadow: none; +} +.eaaeee8cdde53fd1-backgroundContainer .eaaeee8cdde53fd1-containerPadding { + padding: 0; +} +.eaaeee8cdde53fd1-backgroundContainer ._72c3859781ebce8f-wrapper { + height: auto; + max-height: unset; +} + +.eaaeee8cdde53fd1-containerTitle { + font-size: 1.25em; + color: var(--card-header-text-color); + font-weight: 500; +} +.eaaeee8cdde53fd1-containerTitle .verificationLevelHook_eaaeee { + font-size: 1em; +} + +.containerFooter_eaaeee { + padding: 0; + background-color: transparent; +} + +.fieldBackground_eaaeee: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); + box-shadow: none; +} +.fieldBackground_eaaeee.withFooter_eaaeee { + border-bottom: none; +} + +.eaaeee8cdde53fd1-fieldFooterContainer { + 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); + box-shadow: none; +} + +/* 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); + box-shadow: none; +} + +.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); + box-shadow: none; +} + +.eae0ef2ab2653087-safetyChecklist { + background-color: var(--card-color-filled); + border: none; + padding: 0; + border-radius: var(--card-radius-big); + box-shadow: none; +} +.eae0ef2ab2653087-safetyChecklist ._201d5e8a3c09670a-lookOutlined { + border: var(--button-outline) !important; +} +.eae0ef2ab2653087-safetyChecklist .eae0ef2ab2653087-divider { + background-color: var(--card-border-color); +} + +._5dac89b770bde66c-back { + --button-padding: 0; + margin-bottom: 16px; +} +._5dac89b770bde66c-back ._5dac89b770bde66c-backButton { + background-image: none; + text-transform: none; + text-decoration: none; +} + +/* + * + * SERVER SETTINGS SERVER INSIGHTS + * + */ +.error__4cd16 { + background-color: var(--card-color-filled); + border: none; + padding: 16px; + border-radius: var(--card-radius-big); + box-shadow: none; +} + +._540ed2de1cc1ed38-developerPortalCtaWrapper { + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); +} + +/* + * + * SERVER SETTINGS SERVER PRODUCTS + * + */ +.a548c7d2b2b8363c-container { + background-color: var(--card-color-filled); + border: none; + padding: 16px; + border-radius: var(--card-radius-big); + box-shadow: none; +} + +._2869fd3a9298e5b9-coverImageUploader .e4d0bf303c296a8e-imageUploaderInner { + background-color: var(--card-color-filled); + border: none; + padding: 0; + border-radius: var(--card-radius-big); + box-shadow: none; +} +._2869fd3a9298e5b9-coverImageUploader .e4d0bf303c296a8e-imageUploaderIcon { + left: unset; + right: 0; +} + +.c0544c2989f7e802-metricCard, +.c3fe2596aebefa6b-tableContainer { + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); +} +.c0544c2989f7e802-metricCard .cf48127484dbde85-text-xs\/medium, +.c3fe2596aebefa6b-tableContainer .cf48127484dbde85-text-xs\/medium { + font-size: 14px; + text-transform: none; +} + +/*SERVER SETTINGS SERVER PRODUCTS -> CREATE PRODUCT */ +.d19bc947507f99e2-textArea { + background-color: var(--input-color); + border-radius: 19px; +} + +.da21bda68073da1a-clickableItem { + border-radius: var(--card-radius-big); +} +.da21bda68073da1a-clickableItem .da21bda68073da1a-radioOptionImage { + border-radius: calc(var(--card-radius-big) - 2px) !important; +} + +.f8a8fa4e2113df58-container { + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); +} +.f8a8fa4e2113df58-container .cf48127484dbde85-text-sm\/medium { + color: var(--accent-text-color--material-you) !important; +} + +.e3f977e35353e891-attachedRoleContainer { + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); + border: none; +} + +._7fffd6da4ccc81f8-benefitToggleContainer { + padding: 8px 2px 8px 12px; + background-color: var(--card-color-filled); + border-radius: 20px; +} + +.b6a3c432f6640689-publishable { + 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; +} + +.b6a3c432f6640689-wasEverPublished { + background-color: hsl(var(--alert-hsl), 0.15); + border-radius: var(--card-radius-big); + border: 1px solid hsl(var(--alert-hsl)); +} + +._7fffd6da4ccc81f8-productPreview .cf48127484dbde85-text-xs\/bold { + font-size: 14px; + text-transform: none; +} + +/*SERVER SETTINGS SERVER PRODUCTS -> PRODUCT CARD */ +._8d9f6a3c3c9a11ef-productCard { + background-color: var(--card-color-filled) !important; + border: none !important; + padding: 0 !important; + border-radius: var(--card-radius-big) !important; + transition: var(--default-time) var(--default-animation) background-color !important; +} +._8d9f6a3c3c9a11ef-productCard:hover { + background-color: var(--card-color-hover) !important; +} +._8d9f6a3c3c9a11ef-productCard ._8d9f6a3c3c9a11ef-productThumbnail { + border-radius: var(--card-radius-big); +} + +._436c970b7c14b8ee-badge { + background-color: var(--card-color-active) !important; + border-radius: 13px; +} + +._9cd44893360e390c-roleTag { + 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); +} +._9cd44893360e390c-roleTag ._9cd44893360e390c-roleColor { + width: 16px; + height: 16px; + margin: 0; + border-radius: 8px; +} +._9cd44893360e390c-roleTag ._9cd44893360e390c-roleColor + 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); + box-shadow: none; +} + +.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); + box-shadow: none; +} + +/* 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 .cf48127484dbde85-text-md\/normal { + color: var(--interactive-text-default) !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); +} + +/* */ +._2950670e9886816a-tabBar { + border-bottom-width: 1px; +} + +._42e04da91d8bdede-container { + background-color: var(--card-color-filled); + border: none; + padding: 16px; + border-radius: var(--card-radius-big); + box-shadow: none; +} + +/* + * + * SERVER SETTINGS SOUNDBOARD + * + */ +._93d4a35793380f79-tableTitle { + margin-bottom: 16px; +} + +._93d4a35793380f79-soundTable { + grid-template-columns: unset; + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); +} + +._93d4a35793380f79-tableHeaders { + padding: 16px 16px 0; +} +._93d4a35793380f79-tableHeaders ._93d4a35793380f79-tableHeader { + font-weight: 500; + text-transform: none; +} + +._93d4a35793380f79-row { + padding: 4px 16px; + position: relative; + border-bottom: none; +} +._93d4a35793380f79-row:after { + position: absolute; + content: " "; + width: calc(100% - 16px * 2); + height: 1px; + right: 0; + bottom: 0; + margin: 0 16px; + background-color: var(--card-border-color); +} +._93d4a35793380f79-row:last-of-type:after { + display: none; +} + +._760849e3468a6a07-playButton { + min-width: 32px; + min-height: 32px; + background-color: var(--card-button-color); + cursor: pointer; + transition: var(--default-time) var(--default-animation) background-color; +} +._760849e3468a6a07-playButton:hover { + background-color: var(--card-color-hover); +} + +/* + * + * SERVER STICKERS + * + */ +.a36dee84341ac9f5-tier { + border-radius: var(--card-radius-big); + background-color: var(--card-color-filled); + border: none; + box-shadow: none; +} + +._17daa163c83740ad-upsellContainer { + border-radius: var(--card-radius-big); +} + +.a36dee84341ac9f5-tierHeader { + border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; +} +.a36dee84341ac9f5-tierHeader.a36dee84341ac9f5-tierHeaderUnlocked, .a36dee84341ac9f5-tierHeader.a36dee84341ac9f5-tierHeaderLocked { + background-color: var(--card-color-filled) !important; +} +.a36dee84341ac9f5-tierHeader.a36dee84341ac9f5-tierHeaderWithoutCardBody { + border-radius: var(--card-radius-big); +} + +.a36dee84341ac9f5-tierIconLocked { + color: var(--interactive-muted); +} + +.a36dee84341ac9f5-tierBody { + background-color: var(--card-color-filled) !important; + border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); + border: none !important; +} + +.c44edb7a6ac077d8-tierInProgress { + background-color: var(--main-alt); +} + +.a36dee84341ac9f5-tierLock { + color: var(--interactive-text-default); +} + +._83b1d7042b9be375-wrapper { + 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; +} +._83b1d7042b9be375-wrapper:hover { + background-color: var(--card-color-hover); +} + +.d87d306172919de5-placeholderCard { + background-color: var(--card-color-outlined); + border: 1px solid var(--card-border-color); + padding: 0; + border-radius: var(--card-radius-big); + box-shadow: none; +} + +.c44edb7a6ac077d8-background { + color: var(--main-alt) !important; +} + +/* + * + * ACCEPT RULES + * + */ +._5ea8ce30885a2f21-enableContainer { + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; +} + +._74a6a7a80cfedda2-previewContainer { + background-color: var(--card-color-filled); + border: none; + padding: 16px; + border-radius: var(--card-radius-big); + box-shadow: none; + border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); + border-top: none; +} +._74a6a7a80cfedda2-previewContainer ._74a6a7a80cfedda2-descriptionWrapper ._72c3859781ebce8f-wrapper { + --input-height: 64px; +} +._74a6a7a80cfedda2-previewContainer .descriptionInput__5579e { + line-height: 32px; +} +._74a6a7a80cfedda2-previewContainer .descriptionInput__5579e[placeholder] { + text-align: left; +} +._74a6a7a80cfedda2-previewContainer ._74a6a7a80cfedda2-welcomeChannel { + --card-color-filled: var(--card-color-alt); + background-color: var(--card-color-filled); + border: none; + padding: 12px; + border-radius: var(--card-radius-big); + box-shadow: none; +} + +.f34534e8a5d3ca64-iconActiveLarger { + border-radius: var(--avatar-radius); +} + +._949ab4d1e52789e8-options { + margin-bottom: 8px; + background-color: var(--card-color-outlined); + border: 1px solid var(--card-border-color); + padding: 0; + border-radius: var(--card-radius-big); + box-shadow: none; +} +._949ab4d1e52789e8-options ._949ab4d1e52789e8-optionContainer { + margin-top: 0; + border-radius: 0; + background-color: transparent; + position: relative; + border-bottom: none; +} +._949ab4d1e52789e8-options ._949ab4d1e52789e8-optionContainer:after { + position: absolute; + content: " "; + width: calc(100% - 16px * 2); + height: 1px; + right: 0; + bottom: 0; + margin: 0 16px; + background-color: var(--card-border-color); +} +._949ab4d1e52789e8-options ._949ab4d1e52789e8-optionContainer:last-of-type:after { + display: none; +} + +/* + * + * USER SETTINGS ACCESSIBILITY + * + */ +._5d148ffac19e7fb1-preview { + background-color: var(--card-color-outlined) !important; + border: 1px solid var(--card-border-color) !important; + padding: 16px !important; + border-radius: var(--card-radius-big) !important; + box-shadow: none !important; +} + +._5d148ffac19e7fb1-previewMessage { + padding: 0; + background-color: var(--chat-color); + border-radius: calc(var(--card-radius-big) / 1.25); +} +._5d148ffac19e7fb1-previewMessage ._5126c0cd07f243a0-message { + margin-top: 0 !important; + margin-left: 52px; + margin-right: 0; + border-radius: var(--message-radius); +} +._5d148ffac19e7fb1-previewMessage ._5126c0cd07f243a0-message:before, ._5d148ffac19e7fb1-previewMessage ._5126c0cd07f243a0-message:after { + display: none; +} +._5d148ffac19e7fb1-previewMessage ._5126c0cd07f243a0-message .c19a557985eb7793-avatar { + left: -50px; +} + +/* + * + * USER SETTINGS ACTIVITY PRIVACY + * + */ +._7db089e5a4993141-wrapper { + margin-top: var(--space-8); + background-color: var(--card-color-filled); + border: none; + padding: var(--space-8) var(--space-16) var(--space-16); + border-radius: var(--card-radius-big); + box-shadow: none; +} + +._7db089e5a4993141-headerContainer { + width: calc(100% + var(--space-16)); + margin: 0 calc(var(--space-8) * -1); + padding: var(--space-8) var(--space-8) 0; + background-color: var(--card-color-filled); + border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); +} +._7db089e5a4993141-headerContainer ._72c3859781ebce8f-container { + border-radius: calc(var(--input-height) / 2); + border: none; + box-shadow: none; +} +._7db089e5a4993141-headerContainer ._72c3859781ebce8f-container:focus-within { + box-shadow: none; +} + +._7db089e5a4993141-guildsList .dbd2630aec71879b-stack { + position: relative; +} +._7db089e5a4993141-guildsList .dbd2630aec71879b-stack:hover:before { + opacity: 1; +} +._7db089e5a4993141-guildsList .dbd2630aec71879b-stack:before { + position: absolute; + content: " "; + width: calc(100% + var(--space-16)); + height: calc(100% + var(--space-16)); + top: calc(var(--space-8) * -1); + left: calc(var(--space-8) * -1); + background-color: var(--card-color-hover); + border-radius: calc(var(--card-radius-big) / 1.65); + opacity: 0; + pointer-events: none; + transition: var(--default-time) var(--default-animation) opacity; +} +._7db089e5a4993141-guildsList ._5a8382cf5c9d77df-labelContainer { + margin-bottom: 0; + z-index: 2; +} +._7db089e5a4993141-guildsList ._5a8382cf5c9d77df-control { + justify-content: center; +} + +/* + * + * USER SETTINGS APPEARANCE + * + */ +._3e443c6b2569044a-preview { + --card-color-filled: transparent; +} +._3e443c6b2569044a-preview._730694f5672c9601-outline { + border: 1px solid var(--card-border-color) !important; +} +._3e443c6b2569044a-preview .c19a557985eb7793-wrapper { + margin-left: 48px; +} + +/* USER SETTINGS APPEARANCE -> THEME */ +.b717a15017b82443-h5.b717a15017b82443-eyebrow + div:not([class]) div[role=radiogroup] { + padding: 16px; + background-color: var(--card-color-filled); + border: none; +} + +.presets__67a11 { + gap: 8px; +} + +.fbfab602fa801e7a-basicThemeSelectorsfbfab6 { + margin-bottom: 16px; +} +.fbfab602fa801e7a-basicThemeSelectorsfbfab6 ._36dee59b8fa89219-themeSelectionContainer { + width: 84px; + height: 84px; + padding: 12px; + background-color: var(--main-color); + border-radius: var(--card-radius-big); +} +.fbfab602fa801e7a-basicThemeSelectorsfbfab6 + ._65c15724a894a2e0-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); +} + +._36dee59b8fa89219-selectionCircle { + width: 100%; + height: 100%; + top: 0; + left: 0; + border-radius: var(--card-radius-big); + box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl--material-you)), inset 0 0 0 5px var(--card-color-filled); +} +._36dee59b8fa89219-selectionCircle ._36dee59b8fa89219-checkmarkCircle { + display: none; +} + +._36dee59b8fa89219-defaultThemeSelection { + width: 60px; + height: 60px; + box-shadow: none; +} +._36dee59b8fa89219-defaultThemeSelection._36dee59b8fa89219-selected { + position: relative; + background: hsl(var(--accent-hsl--material-you)); +} +._36dee59b8fa89219-defaultThemeSelection._36dee59b8fa89219-selected:before, ._36dee59b8fa89219-defaultThemeSelection._36dee59b8fa89219-selected:after { + position: absolute; + content: " "; + width: 50%; + height: 50%; + bottom: 0; + pointer-events: none; +} +._36dee59b8fa89219-defaultThemeSelection._36dee59b8fa89219-selected:before { + left: 0; + background-color: var(--card-color-filled); + border-bottom-left-radius: 30px; +} +._36dee59b8fa89219-defaultThemeSelection._36dee59b8fa89219-selected:after { + right: 0; + background-color: var(--accent-text-color--material-you); + border-bottom-right-radius: 30px; +} + +._36dee59b8fa89219-themeSelection, +._8fea485116292f13-borderOverlay { + border-radius: 50%; +} + +/* USER SETTINGS APPEARANCE -> APP ICON */ +.aa8da23faa27393c-header0e6e { + padding: 8px 8px 0; +} + +.presets_a00e6e { + margin-top: 0; + padding: 0 8px 8px; +} + +._8a3d71a4c4dc2512-appIconSelection:not(._8a3d71a4c4dc2512-selected)._8a3d71a4c4dc2512-disabled { + opacity: 0.5; +} + +/* + * + * USER SETTINGS APP ICON EDITOR + * + */ +._2a8914fa6869f3ad-editor { + margin-left: 8px; + padding: 0; + background-color: var(--chat-color); + border-radius: var(--card-radius-big); + border-left: none; +} +._2a8914fa6869f3ad-editor .cf48127484dbde85-heading-lg\/extrabold { + font-size: 1.25em; + line-height: normal; + color: var(--card-header-text-color); + font-weight: 400; +} +._2a8914fa6869f3ad-editor div[role=radiogroup] { + background-color: transparent; +} + +._2a8914fa6869f3ad-editorHeader { + width: auto; + padding: 16px; +} + +._2a8914fa6869f3ad-selectionGroup { + margin-top: 0; +} +._2a8914fa6869f3ad-selectionGroup .aa8da23faa27393c-header0e6e { + padding: 0; +} +._2a8914fa6869f3ad-selectionGroup .presets_a00e6e { + padding: 0; + gap: 16px; +} + +._2a8914fa6869f3ad-editorFooter { + margin-top: 16px; + padding: 0 16px 16px; +} + +/* + * + * USER SETTINGS AUTHORIZED APPS + * + */ +._50a5493e9d9cc496-authedAppV2 { + margin-bottom: 16px; + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); +} + +._50a5493e9d9cc496-headerV2 { + background-color: transparent; +} + +.d84e0fd1f07926c7-actionMenuButton { + background-color: transparent; + border-radius: 50%; + transition: var(--default-time) var(--default-animation) background-color; +} +.d84e0fd1f07926c7-actionMenuButton:hover { + background-color: var(--card-button-color); +} +.d84e0fd1f07926c7-actionMenuButton[aria-expanded=true] { + background-color: var(--card-button-color-hover); +} + +._50a5493e9d9cc496-appDetailsContainer ._50a5493e9d9cc496-appDetailsSection { + border-top: none; + border-bottom: none; +} +._50a5493e9d9cc496-appDetailsContainer ._217b73c8e5e3ff6d-collapseable { + margin-bottom: 8px; + padding: 16px; + background-color: var(--card-color-hover); + border-radius: var(--card-radius-big); + border-top: none; +} +._50a5493e9d9cc496-appDetailsContainer ._217b73c8e5e3ff6d-collapseable:active { + background-color: var(--card-color-hover) !important; +} + +._50a5493e9d9cc496-footer { + margin-top: 16px; +} + +/* + * + * USER SETTINGS BILLING + * + */ +._0eeeeda0f47c3f1e-paymentSourceRow { + background-color: var(--card-color-filled); + border: none; + padding: 16px; + border-radius: var(--card-radius-big); + box-shadow: none; +} + +._01014d2e38bd7c76-paymentPane { + background-color: var(--card-color-filled) !important; + border: none !important; + padding: 0 !important; + border-radius: var(--card-radius-big) !important; + box-shadow: none !important; +} +._01014d2e38bd7c76-paymentPane ._01014d2e38bd7c76-paymentRowHeader { + padding: 16px; +} +._01014d2e38bd7c76-paymentPane ._01014d2e38bd7c76-bottomDivider { + border: none; +} +._01014d2e38bd7c76-paymentPane ._2d0216932913e005-pageActions { + padding: 16px 0; +} + +._01014d2e38bd7c76-paymentRow:not(.e9cb00d6250845ad-payment) { + border-bottom: none; +} + +.e9cb00d6250845ad-payment { + background-color: var(--card-color-filled) !important; +} +.e9cb00d6250845ad-payment:not(.hoverablePayment_e9cb00) { + padding-bottom: 1px; +} + +.paginator__01014 { + background-color: transparent !important; +} +.paginator__01014 .e9cb00d6250845ad-descriptionIcon { + border-radius: 50%; +} +.paginator__01014 .e9cb00d6250845ad-expandedInfo { + --card-color-filled: var(--card-color-alt); + background-color: var(--card-color-filled); + border: none; + padding: 16px; + border-radius: var(--card-radius-big); + box-shadow: none; +} +.paginator__01014 .e9cb00d6250845ad-expandedInfo .e9cb00d6250845ad-paymentHeader { + border-color: var(--card-border-color); +} + +.pageButtonPrev__2d021, +.pageButtonNext__2d021 { + 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__2d021.disabled__2d021, +.pageButtonNext__2d021.disabled__2d021 { + border-color: var(--card-border-color); +} + +.pageButtonPrev__2d021 { + border-radius: var(--button-radius) 0 0 var(--button-radius); +} + +.pageButtonNext__2d021 { + border-radius: 0 var(--button-radius) var(--button-radius) 0; +} + +.pageIndicator__2d021 { + height: var(--button-height); + border-color: var(--card-border-color); +} + +.a706ba33cbeb179a-codeRedemptionRedirect { + background-color: var(--card-color-outlined) !important; + border: 1px solid var(--card-border-color) !important; + padding: 16px !important; + border-radius: var(--card-radius-big) !important; + box-shadow: none !important; +} + +/* + * + * USER SETTINGS CONNECTIONS + * + */ +._02fc893000d95af1-wrapper { + margin-bottom: 0; +} + +.c7f964e7e0fc8b47-accountButtonInner { + background-color: var(--card-button-color); + border-radius: 50%; + transition: var(--default-time) var(--default-animation) background-color; +} +.c7f964e7e0fc8b47-accountButtonInner:hover { + background-color: var(--card-button-color-hover); +} + +/* CONNECTIONS -> ADD CONNECTION */ +._750deea9823265e4-accountBtnInner { + background-color: var(--card-button-color); + border-radius: 50%; + transition: var(--default-time) var(--default-animation) background-color; +} +._750deea9823265e4-accountBtnInner:hover { + background-color: var(--card-button-color-hover); +} + +/* CONNECTIONS -> CONNECTED ACCOUNTS */ +.c7f964e7e0fc8b47-connectionList > div { + display: flex; + flex-direction: column; + gap: var(--space-8); +} + +.header__750de { + margin-top: 0; +} +.header__750de .cf48127484dbde85-heading-md\/bold { + font-size: 22px; + font-weight: 400; +} + +.c7f964e7e0fc8b47-connectionsContainer { + margin-bottom: 0; +} + +.c7f964e7e0fc8b47-connection { + margin-bottom: 0; + background-color: var(--card-color-filled); + border: none; + padding: 0; + border-radius: var(--card-radius-big); + box-shadow: none; +} +.c7f964e7e0fc8b47-connection .c7f964e7e0fc8b47-connectionHeader { + 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: none; +} +.c7f964e7e0fc8b47-connection .c7f964e7e0fc8b47-connectionOptions { + padding: 0 16px 16px; +} +.c7f964e7e0fc8b47-connection .c7f964e7e0fc8b47-connectionOptions .connectionOptionSwitch_c7f964 { + padding-left: 0; + padding-right: 0; +} +.c7f964e7e0fc8b47-connection .c7f964e7e0fc8b47-connectionOptions .connectionOptionSwitch_c7f964:last-of-type { + margin-bottom: 0; +} +.c7f964e7e0fc8b47-connection .divider_ae36e5 { + margin: 0 16px; + border-top-color: var(--card-border-color); +} +.c7f964e7e0fc8b47-connection .c7f964e7e0fc8b47-metadataContainer, .c7f964e7e0fc8b47-connection ._0d7935199308d4a9-container { + --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); + box-shadow: none; +} +.c7f964e7e0fc8b47-connection .upsellWrapper_c7f964 { + padding: 0; +} +.c7f964e7e0fc8b47-connection ._0d7935199308d4a9-container ._201d5e8a3c09670a-button { + min-width: 130px; +} + +.c7f964e7e0fc8b47-integrationWrapper { + padding: 0; + background-color: transparent; +} +.c7f964e7e0fc8b47-integrationWrapper .c7f964e7e0fc8b47-integration { + --card-color-filled: var(--card-color-alt); + background-color: var(--card-color-filled); + border: none; + padding: 16px; + border-radius: var(--card-radius-big); + box-shadow: none; + border-radius: 4px; +} +.c7f964e7e0fc8b47-integrationWrapper .c7f964e7e0fc8b47-integration:first-of-type { + border-radius: var(--card-radius-big) var(--card-radius-big) 4px 4px; +} +.c7f964e7e0fc8b47-integrationWrapper .c7f964e7e0fc8b47-integration:last-of-type { + border-radius: 4px 4px var(--card-radius-big) var(--card-radius-big); +} +.c7f964e7e0fc8b47-integrationWrapper .c7f964e7e0fc8b47-integration:only-child { + border-radius: calc(var(--card-radius-big) / 1.6); +} +.c7f964e7e0fc8b47-integrationWrapper .c7f964e7e0fc8b47-integration ._201d5e8a3c09670a-button { + 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); + box-shadow: none; +} +.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; +} +.roleGranted-QK31f8 .cf48127484dbde85-text-lg\/semibold { + font-size: 1.25em; + font-weight: 400; +} + +.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 .cf48127484dbde85-heading-lg\/semibold { + font-size: 1.1em; + font-weight: 400; +} + +/* + * + * USER SETTINGS CONTENT & SOCIAL + * + */ +._5cea9da4c2ca012f-card { + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); + box-shadow: none; +} + +._5cea9da4c2ca012f-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; + border-bottom: none; +} +._5cea9da4c2ca012f-header .cf48127484dbde85-text-md\/semibold { + font-size: 1em; + font-weight: 400; +} + +._5cea9da4c2ca012f-usersList { + padding: 0 8px 8px; +} +._5cea9da4c2ca012f-usersList ._5cea9da4c2ca012f-row { + padding: 12px 8px; + border-radius: calc(var(--card-radius-big) / 1.65); + border-bottom: none; + transition: var(--default-time) var(--default-animation) background-color; +} +._5cea9da4c2ca012f-usersList ._5cea9da4c2ca012f-row:hover { + background-color: var(--card-color-hover); +} + +._5cea9da4c2ca012f-loadMoreContainer { + padding: 4px 16px 16px; +} + +._5cea9da4c2ca012f-loadMoreButton { + width: auto; + padding: 4px 12px; + background-color: var(--card-button-color); + border-radius: 14px; + transition: var(--default-time) var(--default-animation) background-color; +} +._5cea9da4c2ca012f-loadMoreButton:hover { + background-color: var(--card-button-color-hover); +} +._5cea9da4c2ca012f-loadMoreButton .cf48127484dbde85-text-sm\/semibold { + font-weight: 400; +} + +/* USER SETTINGS CONTENT & SOCIAL -> CONNECTED GAMES */ +.de806995aea91de8-header { + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); +} +.de806995aea91de8-header .de806995aea91de8-gameNamesHeader { + padding: var(--space-16); +} +.de806995aea91de8-header .de806995aea91de8-gameIcons { + padding: var(--space-8) var(--space-16) var(--space-16); +} +.de806995aea91de8-header .de806995aea91de8-divider { + display: none; +} + +/* + * + * USER SETTINGS DEVICES + * + */ +._803f2f55621144fb-sessions ._7fb92eabdaf538f9-fieldset .dbd2630aec71879b-stack { + background-color: var(--card-color-filled) !important; + border: none !important; + padding: 8px 0 0 !important; + border-radius: var(--card-radius-big) !important; + box-shadow: none !important; + gap: var(--space-8) !important; +} + +._803f2f55621144fb-session { + position: relative; + padding: 16px; + gap: 16px; + border-bottom: none; +} +._803f2f55621144fb-session: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; +} +._803f2f55621144fb-session:last-of-type { + padding-bottom: 24px; +} +._803f2f55621144fb-session:last-of-type:before { + height: calc(100% - 8px); +} +._803f2f55621144fb-session:hover:before { + opacity: 1; +} +._803f2f55621144fb-session ._803f2f55621144fb-sessionIcon, +._803f2f55621144fb-session ._803f2f55621144fb-sessionInfo, +._803f2f55621144fb-session ._803f2f55621144fb-sessionMoreButton { + z-index: 2; +} +._803f2f55621144fb-session ._803f2f55621144fb-sessionIcon { + background-color: hsl(var(--accent-hsl--material-you)); + color: var(--accent-text-color--material-you); +} +._803f2f55621144fb-session ._803f2f55621144fb-sessionInfoRow:not(.eyebrow_e5a66c) { + color: var(--text-muted); +} +._803f2f55621144fb-session ._803f2f55621144fb-sessionInfoRow ._201d5e8a3c09670a-lookLink { + --button-height: 20px; + padding: 0 4px; +} +._803f2f55621144fb-session .eyebrow_e5a66c { + font-size: 14px; + text-transform: none; +} + +/* + * + * USER SETTINGS DISCORD EXPERIMENTS + * + */ +.bc4a3e90e1b1b5ca-group { + margin-top: 16px; + background-color: var(--card-color-filled); + border: none; + padding: 16px; + border-radius: var(--card-radius-big); + box-shadow: none; +} +.bc4a3e90e1b1b5ca-group .bc4a3e90e1b1b5ca-title { + margin-bottom: 0; +} +.bc4a3e90e1b1b5ca-group .b717a15017b82443-eyebrow, .bc4a3e90e1b1b5ca-group .cf48127484dbde85-eyebrow { + margin-top: 16px; +} +.bc4a3e90e1b1b5ca-group .bc4a3e90e1b1b5ca-experimentDate { + line-height: 42px; +} +.bc4a3e90e1b1b5ca-group .bc4a3e90e1b1b5ca-description { + margin: 8px 0; +} +.bc4a3e90e1b1b5ca-group ._201d5e8a3c09670a-button { + --button-height: 18px; + --button-padding: 0; + font-size: 0.875em !important; + font-weight: 400; +} +.bc4a3e90e1b1b5ca-group .bc4a3e90e1b1b5ca-divider { + display: none; +} + +/* + * + * USER SETTINGS FAMILY CENTER + * + */ +.dc2e0e7839a6713a-container { + background-color: var(--chat-color) !important; +} +.dc2e0e7839a6713a-container .dc2e0e7839a6713a-sideNavContent { + flex: 1 1 auto; + min-width: 350px; + max-width: 1400px; + left: 0; + right: 0; + margin: 0 auto; + padding: 24px; +} + +._8e680ffe35110238-container, +.d9914bd9cd9c033f-container { + max-width: 1400px; + align-items: center; + gap: 16px; +} + +._8e680ffe35110238-max-width, ._5b32177e89c63961-max-width { + max-width: unset; +} + +._8e680ffe35110238-banner, +._5b32177e89c63961-container { + width: 100%; +} + +._8e680ffe35110238-banner .cf48127484dbde85-heading-xl\/medium { + font-weight: 400; +} + +._5dbf818b58a61b59-container, +._8cc9a9c411c88ba2-container, +._5b32177e89c63961-container, +.f8c98cc3d7c1bc42-box, .d9914bd9cd9c033f-box, +._74f9030597917893-enableCard { + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); + box-shadow: none; +} + +._5dbf818b58a61b59-container, +._5b32177e89c63961-container { + padding: 24px; +} + +._8e680ffe35110238-featureCards { + margin-top: 0; + gap: 16px; +} + +._8cc9a9c411c88ba2-container .cf48127484dbde85-heading-md\/bold, +._5b32177e89c63961-container .cf48127484dbde85-heading-md\/bold { + font-size: 20px; + font-weight: 400; +} + +._8cc9a9c411c88ba2-circle { + background-color: var(--card-button-color); + border: none; +} +._8cc9a9c411c88ba2-circle ._8cc9a9c411c88ba2-icon { + color: var(--text-muted); +} + +._5b32177e89c63961-container { + margin-top: 0; +} +._5b32177e89c63961-container .cf48127484dbde85-text-xxs\/bold { + font-size: 12px; + font-weight: 500; +} +._5b32177e89c63961-container ._0624fc41b766635c-row { + background-color: var(--card-color-alt); + border-radius: var(--card-radius-big); + border: none; +} +._5b32177e89c63961-container ._0624fc41b766635c-iconContainer { + background-color: var(--card-button-color); + border: none; +} + +.f8c98cc3d7c1bc42-box, .d9914bd9cd9c033f-box { + padding: 24px; + background-color: var(--card-color-filled); + border: none; +} +.f8c98cc3d7c1bc42-box .cf48127484dbde85-heading-xl\/medium, .d9914bd9cd9c033f-box .cf48127484dbde85-heading-xl\/medium { + font-weight: 400; +} + +.d9914bd9cd9c033f-stepNumber { + background-color: var(--card-button-color); + border: none; +} +.d9914bd9cd9c033f-stepNumber .cf48127484dbde85-heading-md\/semibold { + color: var(--text-muted) !important; +} + +/* + * + * USER SETTINGS GAME OVERLAY + * + */ +.e03935f4f4b2af0c-wrapper { + border-radius: var(--card-radius-big); + border-color: hsl(var(--accent-hsl--material-you)); +} +.e03935f4f4b2af0c-wrapper .e03935f4f4b2af0c-option { + border-radius: var(--card-radius-big); +} +.e03935f4f4b2af0c-wrapper .e03935f4f4b2af0c-option:hover { + background-color: hsl(var(--accent-hsl--material-you)); + opacity: 0.6; +} +.e03935f4f4b2af0c-wrapper .e03935f4f4b2af0c-option.e03935f4f4b2af0c-selected { + background-color: hsl(var(--accent-hsl--material-you)); + border-color: hsl(var(--accent-hsl--material-you)); + box-shadow: var(--shadow-soft); +} + +._9d98d3a9398a6f7d-groupContainer { + background-color: var(--card-color-hover); + border-radius: calc(var(--card-radius-big) / 1.6); +} + +._9d98d3a9398a6f7d-groupCollapsedContainer { + margin-top: 8px; + margin-bottom: 8px; + background-color: var(--card-color-hover); + border-radius: calc(var(--card-radius-big) / 1.6); + overflow: hidden; +} + +/* + * + * USER SETTINGS GIFT INVENTORY + * + */ +.c501831bd1d46894-container { + width: 100%; + height: auto; + border-radius: var(--card-radius-big); +} +.c501831bd1d46894-container .cf48127484dbde85-heading-lg\/bold { + color: var(--header-primary) !important; +} +.c501831bd1d46894-container ._201d5e8a3c09670a-lookFilled._201d5e8a3c09670a-colorWhite { + --button-text-color: hsl(var(--accent-hsl--material-you)); +} +.c501831bd1d46894-container ._201d5e8a3c09670a-lookFilled .cf48127484dbde85-text-md\/medium { + line-height: var(--button-height); + color: inherit !important; +} + +._65c15724a894a2e0-premiumFeatureBorder { + background: linear-gradient(var(--main-color), var(--main-color)) padding-box, var(--custom-premium-colors-premium-gradient-tier-2-diagonal) border-box; + border-radius: var(--card-radius-big); +} +._65c15724a894a2e0-premiumFeatureBorder ._65c15724a894a2e0-premiumBackground { + border-radius: var(--card-radius-big); +} + +/* + * + * USER SETTINGS KEYBINDS + * + */ +._740f25428e5fa983-keybindGroup:before { + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); + border: none; +} + +._740f25428e5fa983-removeKeybindFloating { + top: 8px; + right: -12px; +} + +.f89b2c40b824acaf-container { + min-height: var(--button-height); +} + +._2636e15ac7a66a8d-buttonContainer { + max-width: 150px; + padding: 0; +} + +._61c9355cca12ab4b-key { + 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(--interactive-text-default); +} +._61c9355cca12ab4b-key g { + fill: var(--interactive-text-default); +} + +._2636e15ac7a66a8d-recorderContainer { + background-color: transparent; + border-radius: var(--button-radius); + border: none; +} +._2636e15ac7a66a8d-recorderContainer._2636e15ac7a66a8d-recording { + box-shadow: none; + animation: none; +} +._2636e15ac7a66a8d-recorderContainer._2636e15ac7a66a8d-recording ._2636e15ac7a66a8d-keybindInput { + --input-color: hsl(from hsl(var(--alert-hsl)) h s l / 0.1); + animation: keybind-edit 1200ms ease-in-out; + animation-iteration-count: infinite; +} +._2636e15ac7a66a8d-recorderContainer ._2636e15ac7a66a8d-keybindInput { + height: var(--input-height) !important; + max-height: var(--input-height) !important; + padding: 0 var(--input-padding) !important; + background-color: var(--input-color) !important; + border-radius: calc(var(--input-height) / 2) !important; + border: none; + box-shadow: none; + padding: 8px 8px 8px 12px; + transition: var(--default-time) var(--default-animation) background-color; +} +._2636e15ac7a66a8d-recorderContainer ._2636e15ac7a66a8d-keybindInput:focus-within { + box-shadow: none; +} +._2636e15ac7a66a8d-recorderContainer ._2636e15ac7a66a8d-keybindInput::-webkit-input-placeholder { + font-family: var(--app-font); +} +._2636e15ac7a66a8d-recorderContainer .editIcon__2636e { + background-image: none; + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/keyboard.svg); + -webkit-mask-repeat: no-repeat; + background-color: currentColor; +} + +._2636e15ac7a66a8d-recorderLayout { + gap: 8px; +} + +.addKeybindButton__2636e { + margin: 0; + transition: var(--default-time) var(--default-animation) width; +} + +/* KEYBINDS -> DEFAULT */ +._740f25428e5fa983-defaultKeybindGroup { + margin: 24px 0 0; + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); + border: none; +} +._740f25428e5fa983-defaultKeybindGroup ._740f25428e5fa983-defaultKeybind + ._44f7f7e71cbca2e4-divider { + display: block; +} +._740f25428e5fa983-defaultKeybindGroup ._44f7f7e71cbca2e4-divider { + width: calc(100% - 32px); + margin: 0 16px; + border-top-color: var(--card-border-color); +} +._740f25428e5fa983-defaultKeybindGroup ._44f7f7e71cbca2e4-divider:last-of-type { + display: none; +} + +._740f25428e5fa983-defaultKeybind { + padding: 0 16px; + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); +} +._740f25428e5fa983-defaultKeybind + ._44f7f7e71cbca2e4-divider { + display: none; +} + +.defaultKeybindGroupHeader__740f2 { + margin-bottom: 0; + padding: 16px 16px 0; + font-size: 18px; + text-transform: none; + font-weight: 500; +} +.defaultKeybindGroupHeader__740f2 + ._44f7f7e71cbca2e4-divider { + display: none; +} + +.defaultKeybindGroupDescription__740f2 { + margin-bottom: 0; + padding: 16px 16px 0; +} +.defaultKeybindGroupDescription__740f2 + ._44f7f7e71cbca2e4-divider { + display: none; +} + +/* + * + * USER SETTINGS MY ACCOUNT + * + */ +._1fed1dd06c7aabf7-accountProfileCard { + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); +} +._1fed1dd06c7aabf7-accountProfileCard ._68edb95846a37624-banner { + border-radius: var(--card-radius-big); +} +._1fed1dd06c7aabf7-accountProfileCard ._1fed1dd06c7aabf7-userInfo { + position: relative; + height: 88px; + padding: 16px 16px 16px 130px; +} +._1fed1dd06c7aabf7-accountProfileCard ._1fed1dd06c7aabf7-userInfo ._44b0c28be7879b7b-wrapper { + width: 92px !important; + height: 92px !important; + top: unset; + bottom: 30px; + background-color: var(--card-color-filled); + border: 8px solid var(--card-color-filled); + box-sizing: border-box; +} +._1fed1dd06c7aabf7-accountProfileCard ._1fed1dd06c7aabf7-userInfo ._44b0c28be7879b7b-wrapper ._44b0c28be7879b7b-mask { + position: relative; + width: 90px; + height: 90px; +} +._1fed1dd06c7aabf7-accountProfileCard ._1fed1dd06c7aabf7-userInfo ._44b0c28be7879b7b-wrapper ._44b0c28be7879b7b-avatarDecoration { + transform: translate(-2px); +} +._1fed1dd06c7aabf7-accountProfileCard ._68edb95846a37624-mask circle { + display: none; +} +._1fed1dd06c7aabf7-accountProfileCard ._1fed1dd06c7aabf7-background { + position: relative; + margin: 0; + padding: 0; + background-color: transparent; + border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); +} +._1fed1dd06c7aabf7-accountProfileCard ._1fed1dd06c7aabf7-background:before { + position: absolute; + content: " "; + width: calc(100% - 32px); + height: 1px; + top: 0; + left: 16px; + background-color: var(--card-border-color); +} +._1fed1dd06c7aabf7-accountProfileCard ._1fed1dd06c7aabf7-background ._1fed1dd06c7aabf7-fieldList { + margin-top: 0; + padding: 16px; +} +._1fed1dd06c7aabf7-accountProfileCard ._1fed1dd06c7aabf7-background ._1fed1dd06c7aabf7-fieldList ._1fed1dd06c7aabf7-constrainedRow ._201d5e8a3c09670a-button { + margin-left: 8px; +} +._1fed1dd06c7aabf7-accountProfileCard ._1fed1dd06c7aabf7-background ._1fed1dd06c7aabf7-fieldList ._201d5e8a3c09670a-button:not(:last-child) { + margin-right: 16px; +} +._1fed1dd06c7aabf7-accountProfileCard ._1fed1dd06c7aabf7-badgeList { + height: 32px; + padding: 0 8px; + background-color: var(--card-color-hover) !important; + border-radius: 16px; +} + +._68edb95846a37624-banner:before { + display: none; +} + +.settingsBanner_d5fdb1 { + position: relative; + border-radius: calc(var(--card-radius-big) / 1.5); +} + +._1fed1dd06c7aabf7-fieldList { + padding: 0; + background-color: transparent; + border-radius: 0; +} + +._6c75d92c128c46b0-credentialList { + margin-bottom: 16px; + background-color: var(--card-color-filled); + border: none; + padding: 8px; + border-radius: var(--card-radius-big); + box-shadow: none; +} + +._6c75d92c128c46b0-credentialItem { + border-radius: calc(var(--card-radius-big) / 1.65); + border-top: none; + transition: var(--default-time) var(--default-animation) background-color; +} +._6c75d92c128c46b0-credentialItem:not(:last-child) { + margin-bottom: 0; +} +._6c75d92c128c46b0-credentialItem: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); +} + +._70f7f6541f6f031e-innerWrapper { + background-color: var(--popout-color); + border-radius: 34px; + box-shadow: var(--shadow-medium); +} + +.a45ed3bc8a11b547-tierCard { + border-radius: var(--card-radius-big); +} + +.a45ed3bc8a11b547-giftCard { + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); +} + +._0b69f200eb3bf411-upsellContainer { + background: var(--popout-color); + border-radius: 30px; +} + +.ac65bb98973892fa-upsell { + 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); + box-shadow: none; +} + +/* USER SETTINGS -> NITRO -> SERVER BOOST */ +._8e08ce7f1f1b7f5a-gradient { + border-radius: var(--card-radius-big); +} + +._8e08ce7f1f1b7f5a-wave { + fill: var(--card-color-filled); +} + +._686cef7a0274c88d-wrapper { + margin-top: 30px; +} + +._5dba5003598d9c70-guildContainer, +._37ae554d51e1c7d1-wrapper { + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); +} + +._4d7bb356d058f441-wrapper { + border-radius: var(--card-radius-big); +} +._4d7bb356d058f441-wrapper ._4d7bb356d058f441-card { + border-radius: var(--card-radius-big); +} + +/* + * + * USER SETTINGS PARTY MODE + * + */ +.f8824b9540b055b4-achievementContainer { + background-color: var(--card-color-outlined); + border: 1px solid var(--card-border-color); + padding: 16px; + border-radius: var(--card-radius-big); + box-shadow: none; +} + +._8e75f9d969241b38-container { + background-color: var(--card-color-outlined); + border: 1px solid var(--card-border-color); + padding: 16px; + border-radius: var(--card-radius-big); + box-shadow: none; +} +._8e75f9d969241b38-container:hover { + background-color: var(--card-color-outlined); +} +._8e75f9d969241b38-container .e6b06524a3befa54-container { + 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 .e6b06524a3befa54-container { + 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; +} + +._257afd0547709ecc-comboNameplate { + background-color: var(--popout-color); + box-shadow: var(--shadow-medium); + border-radius: 18px; +} +._257afd0547709ecc-comboNameplate ._257afd0547709ecc-comboMultiplier { + color: hsl(var(--accent-hsl--material-you)) !important; +} + +.progressBar-1T6LYX { + background-color: hsl(var(--accent-hsl--material-you)) !important; +} + +/* + * + * USER SETTINGS PRIVACY AND SAFETY + * + */ +.d878e741f1c1999b-profile { + margin-left: 0; +} + +.eb2508e5fd9f2b15-avatarBackground { + background-color: var(--card-color-filled); +} + +.d878e741f1c1999b-status [style*="color: var(--status-positive)"] { + color: hsl(var(--success-hsl)) !important; +} + +.d878e741f1c1999b-line { + background-color: var(--card-color-active); +} + +.d878e741f1c1999b-marker { + margin: 0 !important; + background-color: var(--card-color-active); +} +.d878e741f1c1999b-marker path { + fill: hsl(var(--success-hsl)); + transform: translate(-1px, -1px) scale(1.091); +} +.d878e741f1c1999b-marker .d878e741f1c1999b-empty { + background-color: var(--card-color-filled); +} + +/* USER SETTINGS PRIVACY AND SAFETY -> ENCRYPTION */ +.item_aade6b { + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); +} +.item_aade6b ._89d8032fe92992ee-section { + background-color: transparent; +} +.item_aade6b ._89d8032fe92992ee-row { + margin: 0 8px 8px; + background-color: var(--card-color-hover); + border-radius: calc(var(--card-radius-big) / 1.5); +} +.item_aade6b ._89d8032fe92992ee-icon { + transition: var(--default-time) var(--default-animation) background-color; +} +.item_aade6b ._89d8032fe92992ee-icon:hover { + background-color: var(--card-button-color); +} +.item_aade6b ._89d8032fe92992ee-icon._89d8032fe92992ee-sectionIconContainer { + background-color: var(--card-button-color); +} +.item_aade6b ._89d8032fe92992ee-icon._89d8032fe92992ee-sectionIconContainer:hover { + background-color: var(--card-button-color-hover); +} + +/* + * + * USER SETTINGS PROFILES + * + */ +.d6f9e90c3456ac40-tabBar .d6f9e90c3456ac40-tabBarItem { + border-bottom: none; +} +.d6f9e90c3456ac40-tabBar .d6f9e90c3456ac40-tabBarItem.selected-g-kMVV { + position: relative; + background-color: transparent !important; + border: none; +} +.d6f9e90c3456ac40-tabBar .d6f9e90c3456ac40-tabBarItem.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; + transition: var(--default-time) ease all; +} + +._44061dfca5514945-baseLayout { + 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); + box-shadow: none; +} + +._0f7dce48ad846f17-upsellOverlayContainer, +._0f7dce48ad846f17-upsellTextContainer { + border-radius: var(--card-radius-big); +} + +._0f7dce48ad846f17-upsellOverlayContainer { + overflow: hidden; +} + +.container-5BK5-N, ._8279f38edc620354-container { + border-radius: var(--card-radius-big); +} + +.ace4f5a2d9b7fc28-customizationSection { + --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); + box-shadow: none; +} +.ace4f5a2d9b7fc28-customizationSection:last-child:not(.ace4f5a2d9b7fc28-withDivider) { + padding-bottom: 16px; +} +.ace4f5a2d9b7fc28-customizationSection.ace4f5a2d9b7fc28-hideDivider { + padding-bottom: 16px; +} +.ace4f5a2d9b7fc28-customizationSection.preview__44061 { + max-width: unset; +} +.ace4f5a2d9b7fc28-customizationSection.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; +} +.ace4f5a2d9b7fc28-customizationSection.profileThemeSectionPremiumBorder-pH_ioT + .divider-2bhE_v { + display: none; +} +.ace4f5a2d9b7fc28-customizationSection.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); + box-shadow: none; +} +.ace4f5a2d9b7fc28-customizationSection.preview-Z55SA3 .ace4f5a2d9b7fc28-title { + display: none; +} +.ace4f5a2d9b7fc28-customizationSection .ace4f5a2d9b7fc28-customizationSection { + padding: 0; +} +.ace4f5a2d9b7fc28-customizationSection .ace4f5a2d9b7fc28-title { + 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; + border-bottom: none; +} +.ace4f5a2d9b7fc28-customizationSection .ace4f5a2d9b7fc28-title .titleText-1IEWzs { + line-height: normal; + font-size: inherit; + color: var(--card-header-text-color); + font-weight: 400; +} + +._4962e7dd7cd2297c-buttonsContainer, ._28d5e0a2d38ee49c-buttonsContainer, ._89253581b3e6feb0-buttonsContainer, ._28d5e0a2d38ee49c-buttonsContainer, ._28d5e0a2d38ee49c-buttonsContainer, .be87fdd576f7cb38-section { + gap: 16px; +} + +._28d5e0a2d38ee49c-removeButton, ._89253581b3e6feb0-removeButton, ._28d5e0a2d38ee49c-removeButton, ._28d5e0a2d38ee49c-removeButton { + margin-left: 0; +} + +.ace4f5a2d9b7fc28-customizationSectionBorder { + 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); +} +.ace4f5a2d9b7fc28-customizationSectionBorder ._65c15724a894a2e0-background { + padding: 16px; +} +.ace4f5a2d9b7fc28-customizationSectionBorder .c5f0dc7c7418c331-nitroWheel { + height: 22px; +} + +._6a919231d4bdfd4f-bioTextArea { + --input-padding: 0 12px; + height: 136px; + max-height: 136px; + padding: 0 var(--input-padding); + background-color: var(--input-color); + border-radius: calc(136px / 2); + border: none; + box-shadow: none; + border-radius: 19px !important; +} +._6a919231d4bdfd4f-bioTextArea:focus-within { + box-shadow: none; +} +._6a919231d4bdfd4f-bioTextArea .textAreaWithoutAttachmentButton__74017 { + padding: 12px 0; +} + +.profileBannerPreview-3mLIdO { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + border: none; + box-shadow: var(--shadow-medium); +} +.profileBannerPreview-3mLIdO .avatarUploaderInner_ab876d { + background-color: transparent; + border: none; + box-shadow: var(--shadow-medium); +} + +.dfa67d97f51bb0c5-decorationGridItem { + background-color: var(--card-color-filled); + border-radius: 40px; + border: none; + transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) box-shadow, var(--default-time) var(--default-animation) border-radius; +} +.dfa67d97f51bb0c5-decorationGridItem.dfa67d97f51bb0c5-selected { + background-color: hsl(var(--accent-hsl--material-you)); + border-radius: var(--card-radius-big); + border: none; + box-shadow: none; +} +.dfa67d97f51bb0c5-decorationGridItem.dfa67d97f51bb0c5-selected .cf48127484dbde85-\/normal { + color: var(--accent-text-color--material-you) !important; +} +.dfa67d97f51bb0c5-decorationGridItem .cf48127484dbde85-\/normal, .dfa67d97f51bb0c5-decorationGridItem svg { + transition: var(--default-time) var(--default-animation) color; +} + +.b4019af268c3fab7-effectGridItem { + background-color: var(--card-color-filled); + border-radius: 34px; + border: none; + transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) box-shadow, var(--default-time) var(--default-animation) border-radius; +} +.b4019af268c3fab7-effectGridItem.b4019af268c3fab7-selected { + background-color: hsl(var(--accent-hsl--material-you)); + border-radius: var(--card-radius-big); + border: none; + box-shadow: 0 0 0 2px hsl(var(--accent-hsl--material-you)), inset 0 0 0 2px var(--popout-color); +} +.b4019af268c3fab7-effectGridItem svg { + transition: var(--default-time) var(--default-animation) color; +} + +.b4019af268c3fab7-presetEffectBackground, +.b4019af268c3fab7-presetEffectImg { + border-radius: inherit; +} + +._51743c06a2d65fd0-decorationPreview { + background-color: var(--card-color-filled); + border: none; + padding: 0; + border-radius: var(--card-radius-big); + box-shadow: none; +} + +._51743c06a2d65fd0-smallDecorationPreviewsContainer { + background-color: var(--card-color-filled); + border: none; + padding: 8px; + border-radius: var(--card-radius-big); + box-shadow: none; +} + +._92e520562ba50998-effectDescriptionBorderWithGradient { + border-radius: var(--card-radius-big); +} +._92e520562ba50998-effectDescriptionBorderWithGradient ._92e520562ba50998-effectDescriptionContainer { + background-color: var(--card-color-filled); + border-radius: calc(var(--card-radius-big) - 2px); +} + +._92e520562ba50998-effectDescriptionNoGradient { + background-color: transparent; + border: none; +} +._92e520562ba50998-effectDescriptionNoGradient ._92e520562ba50998-effectDescriptionContainer { + background-color: var(--card-color-filled); + border: none; + padding: 8px; + border-radius: var(--card-radius-big); + box-shadow: none; +} + +._51743c06a2d65fd0-shopPreviewContainer { + 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); +} +._51743c06a2d65fd0-shopPreviewContainer ._51743c06a2d65fd0-shopPreviewBanner { + background-color: var(--card-color-active); + border-radius: calc(var(--card-radius-big) - 2px); +} + +/* USER SETTINGS PROFILES -> TRY OUT NITRO SECTION */ +._9d295a6cf67970b4-tryItOutSection { + position: relative; + margin: 16px 0 0; + padding: 0; + border-radius: var(--card-radius-big); + border: none; +} +._9d295a6cf67970b4-tryItOutSection: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; +} +._9d295a6cf67970b4-tryItOutSection ._65c15724a894a2e0-premiumBackground { + padding: 16px; + background: var(--card-color-filled); + border-radius: var(--card-radius-big); +} + +/* USER SETTINGS PROFILES -> NAMEPLATES */ +._6980e70e22009ed7-inventoryControlsButton { + background-color: var(--card-color-filled); + border-radius: 40px; + border: none; + transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) box-shadow, var(--default-time) var(--default-animation) border-radius; +} +._6980e70e22009ed7-inventoryControlsButton._6980e70e22009ed7-selected { + background-color: hsl(var(--accent-hsl--material-you)); + border-radius: var(--card-radius-big); + border: none; + box-shadow: none; +} +._6980e70e22009ed7-inventoryControlsButton._6980e70e22009ed7-selected .cf48127484dbde85-\/normal { + color: var(--accent-text-color--material-you) !important; +} +._6980e70e22009ed7-inventoryControlsButton .cf48127484dbde85-\/normal, ._6980e70e22009ed7-inventoryControlsButton svg { + transition: var(--default-time) var(--default-animation) color; +} + +._6980e70e22009ed7-inventory { + padding-left: 3px; +} + +._6980e70e22009ed7-nameplateItem { + border-radius: 24px; + transition: var(--default-time) var(--default-animation) box-shadow, var(--default-time) var(--default-animation) border-radius; +} +._6980e70e22009ed7-nameplateItem:has(._6980e70e22009ed7-selected) { + border-radius: var(--card-radius-big); +} +._6980e70e22009ed7-nameplateItem .e144e058a84f76ff-nameplatePreview, +._6980e70e22009ed7-nameplateItem > div[role=img] { + border-radius: inherit; +} + +._6980e70e22009ed7-nameplateItemOverlay { + border-radius: 0; + border-radius: inherit; +} +._6980e70e22009ed7-nameplateItemOverlay._6980e70e22009ed7-selected { + box-shadow: 0 0 0 2px hsl(var(--accent-hsl--material-you)), inset 0 0 0 2px var(--popout-color); +} + +._0399167be87f87ca-iconBadge { + width: var(--space-32); + height: var(--space-32); + top: 0; + right: 0; + bottom: 0; + margin: auto var(--space-8); + background-color: var(--card-button-color) !important; +} + +._36852d62378f0835-previewBorder { + border-radius: var(--card-radius-big); +} +._36852d62378f0835-previewBorder:before { + background-color: var(--card-color-filled); + border-radius: calc(var(--card-radius-big) + 2px); +} + +._36852d62378f0835-previewBox { + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); +} + +/* USER SETTINGS PROFILES -> DISPLAY NAME STYLE */ +._89a318b9387eda06-zillaSlab { + --app-font: "Zilla Slab"; +} + +._89a318b9387eda06-cherryBomb { + --app-font: "Cherry Bomb One"; +} + +._89a318b9387eda06-chicle { + --app-font: "Chicle"; +} + +._89a318b9387eda06-museoModerno { + --app-font: "Museo Moderno"; +} + +._89a318b9387eda06-neoCastel { + --app-font: "Neo Castel"; +} + +._89a318b9387eda06-pixelify { + --app-font: "Pixelify Sans"; +} + +._89a318b9387eda06-sinistre { + --app-font: "Sinistre"; +} + +.fc7677f98f23281c-fontButton { + background-color: var(--card-color-filled); + border-radius: 34px; + border: none; + transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) box-shadow, var(--default-time) var(--default-animation) border-radius; +} +.fc7677f98f23281c-fontButton.fc7677f98f23281c-selected { + background-color: hsl(var(--accent-hsl--material-you)); + border-radius: var(--card-radius-big); + border: none; + box-shadow: none; +} +.fc7677f98f23281c-fontButton.fc7677f98f23281c-selected .cf48127484dbde85-text-lg\/semibold { + color: var(--accent-text-color--material-you) !important; +} +.fc7677f98f23281c-fontButton .cf48127484dbde85-text-lg\/semibold, .fc7677f98f23281c-fontButton svg { + transition: var(--default-time) var(--default-animation) color; +} + +.caa50c0e8e84d066-effectContainer { + background-color: var(--card-color-filled); + border-radius: 34px; + border: none; + transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) box-shadow, var(--default-time) var(--default-animation) border-radius; +} +.caa50c0e8e84d066-effectContainer.caa50c0e8e84d066-selected { + background-color: hsl(var(--accent-hsl--material-you)); + border-radius: var(--card-radius-big); + border: none; + box-shadow: none; +} +.caa50c0e8e84d066-effectContainer svg { + transition: var(--default-time) var(--default-animation) color; +} + +.caa50c0e8e84d066-effectContainer.caa50c0e8e84d066-selected .dfb989b3f435152a-container.dfb989b3f435152a-showEffect .dfb989b3f435152a-pop { + color: var(--accent-text-color--material-you); +} +.caa50c0e8e84d066-effectContainer.caa50c0e8e84d066-selected .dfb989b3f435152a-container .dfb989b3f435152a-solid { + color: var(--accent-text-color--material-you); +} +.caa50c0e8e84d066-effectContainer.caa50c0e8e84d066-selected .dfb989b3f435152a-container .dfb989b3f435152a-gradient { + background: linear-gradient(to bottom right, var(--accent-text-color--material-you) 10%, hsl(from var(--accent-text-color--material-you) calc(h - 180) s l) 90%); + background-clip: text; +} +.caa50c0e8e84d066-effectContainer .dfb989b3f435152a-container .dfb989b3f435152a-gradient { + background: linear-gradient(to bottom right, hsl(var(--accent-hsl--material-you)) 10%, hsl(from var(--accent-text-color--material-you) calc(h - 180) s l) 90%); + background-clip: text; + transition: var(--default-time) var(--default-animation) background; +} + +._3981368466c83a53-selectionSection ._3981368466c83a53-sectionHeader { + padding: 0; + border-radius: 0; +} + +._4671cd44d4645a16-previewSection { + border-radius: var(--popout-radius-big); +} + +._4671cd44d4645a16-previewCards ._4671cd44d4645a16-chatMessage { + background-color: var(--message-color) !important; + border: none; +} +._4671cd44d4645a16-previewCards .e144e058a84f76ff-nameplatePreview { + margin-top: var(--space-4); + background-color: var(--chat-color); + border: none; +} + +._57c717dfa01a0bc4-subscriberButtonContainer { + width: auto; +} + +/* + * + * USER SETTINGS REGISTERED GAMES + * + */ +.cc46f0f859f26200-notDetected { + background-color: var(--card-color-filled) !important; + border: none !important; + padding: 16px !important; + border-radius: var(--card-radius-big) !important; + box-shadow: none !important; +} +.cc46f0f859f26200-notDetected .cc46f0f859f26200-gameName { + color: var(--interactive-text-default) !important; +} +.cc46f0f859f26200-notDetected .cc46f0f859f26200-lastPlayed { + color: var(--text-muted) !important; +} + +.cc46f0f859f26200-nowPlaying { + border-radius: var(--card-radius-big); + border: none; +} +.cc46f0f859f26200-nowPlaying ._3e3b0b1c0f688f9e-flowerStar path { + fill: #fff; +} +.cc46f0f859f26200-nowPlaying ._3e3b0b1c0f688f9e-childContainer path { + fill: #000; +} + +.cc46f0f859f26200-nowPlayingAdd { + margin: 16px 0; + color: var(--interactive-text-default) !important; +} +.cc46f0f859f26200-nowPlayingAdd ._201d5e8a3c09670a-lookLink { + margin-left: 8px; +} +.cc46f0f859f26200-nowPlayingAdd + .fd297e0eff2da25e-marginTop40 { + margin-top: 0; +} + +.addedGamesTitle_cc46f0 { + 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: none; + padding: 16px 16px 8px; + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; + font-size: 1.25em !important; +} + +.addedGamesDescription_cc46f0 { + margin-bottom: 0; + padding: 0 16px; + background-color: var(--card-color-filled); +} + +.cc46f0f859f26200-game { + margin-bottom: 0; + padding: 16px; + background-color: var(--card-color-filled); + border-radius: 0 !important; + border: none; +} +.cc46f0f859f26200-game.hoverCardNoMargin_cc46f0:before { + left: var(--space-8); + right: var(--space-4); +} +.cc46f0f859f26200-game:last-of-type { + padding-bottom: 24px; + border-radius: 0 0 var(--card-radius-big) var(--card-radius-big) !important; + box-shadow: none !important; +} +.cc46f0f859f26200-game:last-of-type:before { + height: calc(100% - 8px); + bottom: 8px; +} +.cc46f0f859f26200-game: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; +} +.cc46f0f859f26200-game .cc46f0f859f26200-gameName { + font-weight: 500; +} +.cc46f0f859f26200-game:hover .cc46f0f859f26200-gameNameInput { + background-color: var(--input-color-alt); +} +.cc46f0f859f26200-game .cc46f0f859f26200-gameNameInput { + margin-left: -4px; + padding: 0 4px; + border: none; + border-radius: 12px; + line-height: 24px; + transition: var(--default-time) var(--default-animation) background-color; +} +.cc46f0f859f26200-game .cc46f0f859f26200-gameNameInput:hover, .cc46f0f859f26200-game .cc46f0f859f26200-gameNameInput:focus { + background-color: var(--input-color-alt); +} +.cc46f0f859f26200-game .overlayStatusText__668e1 { + color: var(--text-muted) !important; +} +.cc46f0f859f26200-game ._9a4069fa4e39ed8d-button { + right: -12px; +} + +/* + * + * USER SETTINGS SERVER BOOST + * + */ +.aae01227de06a74c-cardWrapper { + background-color: var(--card-color-outlined); + border: 1px solid var(--card-border-color); + padding: 0; + border-radius: var(--card-radius-big); + box-shadow: none; +} +.aae01227de06a74c-cardWrapper .card__11580 { + border-radius: var(--card-radius-big); +} + +.wrapper_adaea0 { + border-radius: var(--card-radius-big); +} + +.ceb06aa49ba836f9-appliedBoostContainer { + padding-bottom: 16px; + background-color: var(--card-color-filled); + border-radius: var(--card-radius-big); +} + +.ceb06aa49ba836f9-boostContainer { + margin-left: var(--space-16); + margin-right: var(--space-16); + padding: var(--space-8) var(--space-16); + background-color: var(--card-color-hover); +} +.ceb06aa49ba836f9-boostContainer:nth-of-type(2) { + border-top-left-radius: calc(var(--card-radius-big) / 1.75); + border-top-right-radius: calc(var(--card-radius-big) / 1.75); +} +.ceb06aa49ba836f9-boostContainer:last-of-type { + border-bottom-left-radius: calc(var(--card-radius-big) / 1.75); + border-bottom-right-radius: calc(var(--card-radius-big) / 1.75); +} + +.ceb06aa49ba836f9-boostContainerSeparator { + display: none; +} + +._9902028ffbba1d6c-header { + 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); + box-shadow: none; +} +.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; +} + +._5b98ee5ec86ed598-wrapper { + background-color: var(--card-color-filled); + border: none; + padding: 24px 24px 8px; + border-radius: var(--card-radius-big); + box-shadow: none; +} +._5b98ee5ec86ed598-wrapper ._5b98ee5ec86ed598-heading { + font-weight: 400; +} +._5b98ee5ec86ed598-wrapper ._5b98ee5ec86ed598-list { + border-top: none; +} +._5b98ee5ec86ed598-wrapper ._5b98ee5ec86ed598-listItem { + border-bottom-color: var(--card-border-color); +} +._5b98ee5ec86ed598-wrapper ._5b98ee5ec86ed598-listItem:last-child { + border-bottom: none; +} + +/* + * + * USER SETTINGS THEME EDITOR + * + */ +.cf6da1923918f7e3-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; +} +.cf6da1923918f7e3-themeEditor:before, .cf6da1923918f7e3-themeEditor: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; +} +.cf6da1923918f7e3-themeEditor:before { + background-color: var(--main-alt); +} +.cf6da1923918f7e3-themeEditor:after { + background-color: var(--chat-color); + border-bottom-right-radius: var(--card-radius-big); +} +.cf6da1923918f7e3-themeEditor .cf6da1923918f7e3-editorHeader { + padding: 16px; +} +.cf6da1923918f7e3-themeEditor .cf6da1923918f7e3-editorFooter { + padding: 0 16px 16px; +} +.cf6da1923918f7e3-themeEditor .cf48127484dbde85-heading-lg\/extrabold { + font-size: 1.25em; + line-height: normal; + color: var(--card-header-text-color); + font-weight: 400; +} +.cf6da1923918f7e3-themeEditor .cf6da1923918f7e3-selectionGroup { + margin-top: 0; +} +.cf6da1923918f7e3-themeEditor div[role=radiogroup] { + margin-bottom: 24px; + background-color: transparent; + border: none; +} + +/* + * + * USER SETTINGS VOICE AND VIDEO + * + */ +._84bad078060c37c1-soundButtonSettingContainer { + background-color: var(--card-color-hover); + border-radius: calc(var(--card-radius-big) / 1.65); +} + +.deviceOptionCertified_fe5040 { + width: 18px; + height: 18px; + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/verified_check.svg); + -webkit-mask-repeat: no-repeat; + background-color: hsl(var(--accent-hsl--material-you)); + object-position: -99999px 99999px; +} + +.micTestButton__169b3 { + width: auto; +} + +._062838a9530acec0-wrapper { + height: 4px; + border-radius: 2px; + overflow: hidden; +} +._062838a9530acec0-wrapper ._062838a9530acec0-container { + width: 100% !important; +} +._062838a9530acec0-wrapper ._062838a9530acec0-container[style*="background: linear-gradient(to right, var(--yellow-260), var(--green-360))"] { + background: hsl(var(--success-hsl)) !important; +} +._062838a9530acec0-wrapper ._062838a9530acec0-progress { + background-color: var(--card-color-hover); +} +._062838a9530acec0-wrapper ._062838a9530acec0-notches { + display: none; +} + +._011b76fc5d782f8f-micTestCaption { + top: 22px; + left: 148px; +} + +.ac7648c9bd968881-inputSensitivityBar .ac7648c9bd968881-fill { + 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_d41d5f { + background-color: var(--card-color-filled); + border: none; + padding: 0; + border-radius: var(--card-radius-big); + box-shadow: none; +} +.cameraWrapper_d41d5f video { + border-radius: var(--card-radius-big); +} + +._53965a42989baf13-backgroundOption:hover { + box-shadow: none !important; + transform: none !important; +} + +._53965a42989baf13-backgroundOptionRing { + border-radius: var(--card-radius-big); + border-color: hsl(var(--accent-hsl--material-you)); + animation: var(--default-time) var(--default-animation) show-ring; +} + +._53965a42989baf13-backgroundOptionSelected ._53965a42989baf13-backgroundOptionInner { + border-radius: calc(var(--card-radius-big) - 4px); +} + +._53965a42989baf13-backgroundOptionInner { + background-color: var(--card-color-filled); + border-radius: 45px; + transition: var(--default-time) var(--default-animation) border-radius; +} + +/* + * + * SETTINGS CONTENT AREA + * + */ +._23e6b439306f125a-contentRegion { + background-color: var(--main-content-color); + overflow: hidden; +} +._23e6b439306f125a-contentRegion .b717a15017b82443-h1, +._23e6b439306f125a-contentRegion .cf48127484dbde85-heading-lg\/semibold, +._23e6b439306f125a-contentRegion .bd-settings-title { + font-size: 22px; + font-weight: 400; +} +._23e6b439306f125a-contentRegion .bd-settings-group-title { + font-size: 14px; + text-transform: none; + font-weight: 500; +} + +.b717a15017b82443-eyebrow, .cf48127484dbde85-eyebrow { + font-size: 14px; + text-transform: none; + font-weight: 500; +} + +/* SETTINGS CONTENT AREA -> RESIZE CONTENT AREA */ +._23e6b439306f125a-contentColumnDefault, +._23e6b439306f125a-contentColumnMinimal, +._23e6b439306f125a-contentColumnWide, +._23e6b439306f125a-customColumn, +._23e6b439306f125a-customScroller > div, +.dbba9320d9989b05-content { + flex: 1 1 auto; + min-width: 350px; + max-width: 1400px; + left: 0; + right: 0; + margin: 0 auto; +} + +.dbba9320d9989b05-content { + display: flex; + padding: 60px; +} + +._23e6b439306f125a-contentColumnDefault, +._23e6b439306f125a-contentColumnWide { + padding: 60px; +} + +._23e6b439306f125a-customContainer { + width: auto; +} +._23e6b439306f125a-customContainer ._23e6b439306f125a-customScroller { + padding-right: 0 !important; +} +._23e6b439306f125a-customContainer ._23e6b439306f125a-customScroller > div { + position: relative; + min-width: 350px; + max-width: 1400px; + margin: 0 auto 60px; + padding: 60px 97px 60px 60px !important; +} +._23e6b439306f125a-customContainer ._23e6b439306f125a-customScroller > ._5906b5e639ffa713-customHeader { + padding: 0; +} +._23e6b439306f125a-customContainer ._23e6b439306f125a-customScroller ._5906b5e639ffa713-customHeader { + padding-top: 0; +} + +._23e6b439306f125a-customColumn + ._23e6b439306f125a-toolsContainer, +._23e6b439306f125a-contentRegion div[role=tabpanel] + ._23e6b439306f125a-toolsContainer { + position: absolute; + width: 60px; + height: 60px; + right: 0; +} +._23e6b439306f125a-customColumn + ._23e6b439306f125a-toolsContainer ._23e6b439306f125a-tools, +._23e6b439306f125a-contentRegion div[role=tabpanel] + ._23e6b439306f125a-toolsContainer ._23e6b439306f125a-tools { + position: absolute; + width: 36px; + right: 0; +} + +._23e6b439306f125a-contentColumnMinimal { + padding: 60px 80px 80px; +} + +._535437b3d3b11fd1-sidebarScrollable .aa8da23faa27393c-side .aa8da23faa27393c-header:first-child { + margin: 0 0 8px 0; + padding: 0 0 0 10px !important; +} + +.a84c500639eaa22d-leftContent, +.dbba9320d9989b05-leftColumn { + max-width: none; +} + +/* SETTINGS CONTENT AREA V2 */ +.e9e3ed8b8badfe05-content { + background-color: var(--main-color); + border-radius: var(--popout-radius-big); +} + +.e9e3ed8b8badfe05-contentHeader { + background-color: var(--main-color); + border-bottom: none; +} +.e9e3ed8b8badfe05-contentHeader .cf48127484dbde85-heading-md\/medium { + color: var(--header-primary) !important; +} + +._6131ab3dbe0affed-panel { + max-width: 920px; +} + +/* + * + * USER SETTINGS + * + */ +._960e4207cea8323e-layer, +._23e6b439306f125a-standardSidebarView, +._23e6b439306f125a-contentRegion { + background-color: var(--main-alt); +} + +._23e6b439306f125a-contentRegion { + border-radius: var(--card-radius-big) var(--card-radius-big) 0 var(--card-radius-big); +} + +._23e6b439306f125a-contentRegionScroller { + background-color: var(--main-color); + border-radius: var(--card-radius-big) var(--card-radius-big) 0 var(--card-radius-big); +} + +.c2b141c0f80863fb-closeButton { + position: relative; + border: none; +} +.c2b141c0f80863fb-closeButton: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; +} +.c2b141c0f80863fb-closeButton:hover:after { + opacity: 1; + transform: scale(1.2); + animation: scale 150ms var(--default-animation), opacity 150ms ease; +} +.c2b141c0f80863fb-closeButton:active:after { + background-color: hsl(var(--md-ripple-color), 0.2); +} +.c2b141c0f80863fb-closeButton:hover { + background-color: transparent !important; +} +.c2b141c0f80863fb-closeButton:active { + transform: translateX(0px); +} + +._23e6b439306f125a-noticeRegion, +._51673ec516935b49-saveNoticeContainer { + left: 0; + right: 0; + margin: 0 auto; +} + +._51673ec516935b49-saveNoticeContainer { + left: 252px; +} + +._9a9f981d3524e20f-container { + padding: var(--space-8) var(--space-8) var(--space-8) var(--space-16); + background-color: var(--popout-color); + border-radius: 6px; + box-shadow: var(--shadow-soft); + border: none; +} +._9a9f981d3524e20f-container ._201d5e8a3c09670a-lookFilled { + --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; +} +._9a9f981d3524e20f-container ._201d5e8a3c09670a-lookFilled:after { + --accent-button-action: hsl(var(--button-link-accent-color)); +} + +._9a9f981d3524e20f-message { + color: var(--interactive-text-default) !important; +} + +._9a9f981d3524e20f-actions { + flex-direction: row-reverse; +} + +._9a9f981d3524e20f-resetButton { + --button-padding: 0; + min-width: var(--button-height); + margin-left: 0; + font-size: 0; +} +._9a9f981d3524e20f-resetButton:before { + display: flex; + position: absolute; + content: " "; + width: 18px; + height: 18px; + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/close.svg); + -webkit-mask-repeat: no-repeat; + background-color: var(--interactive-text-default); + transform: scale(1.333333); +} +._9a9f981d3524e20f-resetButton ._201d5e8a3c09670a-contents { + display: none; +} + +/* USER SETTINGS V2 */ +.e4491282b6a5364a-modalContent { + background-color: var(--main-alt); +} +.e4491282b6a5364a-modalContent .a562c840daab72a7-slider .a562c840daab72a7-track .a562c840daab72a7-grabber { + --slider-grabber-background: var(--main-color); +} + +._8a529c8f8d8148a5-container { + background-color: var(--main-alt); +} + +._9a9f981d3524e20f-container { + background-color: var(--popout-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--shadow-soft); +} + +/* + * + * SIDEBAR + * + */ +._23e6b439306f125a-sidebarRegionScroller { + --scrollbar-width: var(--scrollbar-thin-width); + background-color: var(--main-alt); +} + +._23e6b439306f125a-sidebarRegion { + flex: 0; +} + +._23e6b439306f125a-sidebar { + --sidebar-width: 240px; + width: var(--sidebar-width); + margin: 0; + padding: 60px 0 40px; +} +._23e6b439306f125a-sidebar .aa8da23faa27393c-side { + width: inherit; +} +._23e6b439306f125a-sidebar .aa8da23faa27393c-side > div:not([class])[style="margin-bottom: 8px;"] { + display: flex; + position: fixed; + align-items: flex-end; + width: var(--sidebar-width); + height: calc(60px + var(--input-height)); + top: 0; + margin-bottom: 0 !important; + background-color: var(--main-alt); + z-index: 4; +} +._23e6b439306f125a-sidebar .aa8da23faa27393c-side > div:not([class])[style="margin-bottom: 8px;"] + .aa8da23faa27393c-header { + margin-top: 56px; +} +._23e6b439306f125a-sidebar ._72c3859781ebce8f-container { + flex: 0 1 auto; + width: calc(var(--sidebar-width) - 18px); + margin-left: 12px; +} +._23e6b439306f125a-sidebar ._72c3859781ebce8f-container { + border-radius: calc(var(--input-height) / 2); + border: none; + box-shadow: none; +} +._23e6b439306f125a-sidebar ._72c3859781ebce8f-container:focus-within { + box-shadow: none; +} +._23e6b439306f125a-sidebar .aa8da23faa27393c-item { + 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; +} +._23e6b439306f125a-sidebar .aa8da23faa27393c-item.aa8da23faa27393c-themed:hover:not(.aa8da23faa27393c-disabled) { + background-color: var(--menu-item-hover); +} +._23e6b439306f125a-sidebar .aa8da23faa27393c-item.aa8da23faa27393c-selected { + background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity)) !important; +} +._23e6b439306f125a-sidebar .aa8da23faa27393c-item.aa8da23faa27393c-selected:before { + opacity: 1; +} +._23e6b439306f125a-sidebar .aa8da23faa27393c-item.aa8da23faa27393c-selected .e681d139d22f277b-premiumLabel { + color: var(--interactive-active) !important; +} +._23e6b439306f125a-sidebar .aa8da23faa27393c-item svg { + display: none; +} +._23e6b439306f125a-sidebar .aa8da23faa27393c-item .e681d139d22f277b-selectedBackground { + display: none; +} +._23e6b439306f125a-sidebar .aa8da23faa27393c-item .e681d139d22f277b-premiumLabel { + flex-grow: 1; + gap: 8px; +} +._23e6b439306f125a-sidebar .aa8da23faa27393c-item ._2b1f52e43a8f1c02-textBadge { + background-color: hsl(var(--accent-hsl--material-you)) !important; + color: var(--accent-text-color--material-you); +} +._23e6b439306f125a-sidebar .aa8da23faa27393c-header, +._23e6b439306f125a-sidebar .bd-sidebar-header { + margin: 10px 28px 12px; + padding: 0; + color: var(--text-muted) !important; +} +._23e6b439306f125a-sidebar .cf48127484dbde85-eyebrow, +._23e6b439306f125a-sidebar .bd-sidebar-header-label { + font-size: 0.8em; + text-transform: none; +} +._23e6b439306f125a-sidebar .bd-sidebar-header-label { + padding: 0; + line-height: 16px; + color: inherit; +} +._23e6b439306f125a-sidebar .aa8da23faa27393c-separator { + position: relative; + height: 1px; + margin: 10px 22px 10px 28px; + background: transparent; +} +._23e6b439306f125a-sidebar .aa8da23faa27393c-separator:before { + position: absolute; + content: " "; + width: 100%; + height: 1px; + background: rgba(114, 118, 125, 0.3); +} + +._2b1f52e43a8f1c02-textBadge[style="background-color: var(--brand-500);"] { + background-color: hsl(var(--accent-hsl--material-you)) !important; + color: var(--accent-text-color--material-you); +} + +._7df54e658bdcad78-socialLinks, +._2debea61131de3de-info { + padding: 8px 12px 8px 26px; +} + +/* SIDEBAR -> LIGHT THEME WITH DARK SIDEBAR */ +._23e6b439306f125a-sidebarRegion.theme-dark:after { + position: absolute; + content: " "; + width: calc(100vw - 245px); + height: 100%; + top: 0; + right: 0; + background-color: var(--main-alt); + pointer-events: none; + z-index: -1; +} + +._23e6b439306f125a-contentRegion { + z-index: 2; +} + +/* SIDEBAR V2 */ +._409aa1aeee28d5f7-sidebar { + padding-top: var(--space-24); + border-right: none; +} + +._409aa1aeee28d5f7-fixedContent { + margin-inline-end: var(--space-12); + margin-bottom: calc(var(--input-radius) * -1); + padding-inline: 0; + border-radius: var(--input-radius); + z-index: 2; +} +._409aa1aeee28d5f7-fixedContent:after { + height: calc(var(--input-radius) + var(--space-12)); + top: unset; + bottom: calc((var(--input-radius) - var(--space-12) / 2) * -1); + background: linear-gradient(to bottom, var(--main-alt), transparent); + inset-inline: 0; + z-index: -1; + pointer-events: none; +} +._409aa1aeee28d5f7-fixedContent .caf372efc4d47562-item { + height: 60px; +} + +.searchBarContainer_cf016e { + margin-top: var(--space-16); +} +.searchBarContainer_cf016e ._72c3859781ebce8f-container { + border-radius: calc(var(--input-height) / 2); + border: none; + box-shadow: none; +} +.searchBarContainer_cf016e ._72c3859781ebce8f-container:focus-within { + box-shadow: none; +} +.searchBarContainer_cf016e ._5a8382cf5c9d77df-container { + background-color: transparent; + border-radius: 0; +} + +._409aa1aeee28d5f7-navScroller { + margin-inline-end: 0; + padding-top: calc(var(--input-radius) + var(--space-12)); + padding-inline: 0 calc(var(--space-12) - var(--scrollbar-thin-width)); + padding-right: calc(var(--space-12) - var(--scrollbar-thin-width)) !important; +} + +._409aa1aeee28d5f7-nav ._409aa1aeee28d5f7-section { + gap: 2px; + border-bottom: none; +} +._409aa1aeee28d5f7-nav ._409aa1aeee28d5f7-section:after { + position: relative; + content: " "; + width: calc(100% - var(--space-16) * 2); + height: 1px; + top: calc(var(--space-8) - 1px); + left: var(--space-16); + background-color: var(--card-border-color); +} + +._409aa1aeee28d5f7-label { + margin: var(--space-8) var(--space-16) var(--space-4); + color: var(--text-muted) !important; +} + +.caf372efc4d47562-item { + height: 40px; + line-height: 40px; + padding: 0 var(--space-16); + border-radius: 20px; + color: var(--text-secondary); + transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color; +} +.caf372efc4d47562-item:hover { + background-color: var(--menu-item-hover); +} +.caf372efc4d47562-item.caf372efc4d47562-active { + background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity)); + color: var(--interactive-active); +} + +/* + * + * DISCORD SHOP CONTENT + * + */ +.shopScroll__6db1d, ._1feb0fca744244ab-shopScroll, +._084152b107f71237-shop { + background-color: transparent; +} + +._1feb0fca744244ab-page { + background-color: var(--chat-color); +} + +._1187745e085c713e-filterBar { + background-color: transparent; +} + +._824d3e523b2b8c14-searchBar { + --input-height: 32px; +} + +._6db1d32c47b6ad72-shop { + background-color: var(--chat-color); +} + +.shopFullscreen__08415 { + margin-top: 0; + background: var(--main-alt); +} + +._5e434347c823b592-page ._6db1d32c47b6ad72-shop, +._5e434347c823b592-page .pageWrapper__6db1d { + background-color: transparent; + border-top: none; +} +._5e434347c823b592-page ._084152b107f71237-shop { + background-color: var(--chat-color); +} + +/* DISCORD SHOP CONTENT -> BANNERS */ +.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__7f856 { + border-radius: var(--card-radius-big); + outline: none; +} + +.shopAll__08415 { + background-color: hsl(var(--accent-hsl--material-you)) !important; + border-radius: 22px; +} +.shopAll__08415 svg path { + fill: var(--accent-text-color--material-you); +} +.shopAll__08415 .cf48127484dbde85-text-sm\/medium { + color: var(--accent-text-color--material-you); +} + +.itemTypeTitle__6db1d { + font-size: 16px; + text-transform: none; + font-weight: 500; +} + +/* DISCORD SHOP CONTENT -> CARDS */ +.fcbddd55b8b335a1-productCardContainer { + background-color: var(--card-color-filled) !important; + border: none !important; + padding: 0 !important; + border-radius: var(--card-radius-big) !important; + box-shadow: none !important; + transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) box-shadow !important; +} +.fcbddd55b8b335a1-productCardContainer:hover { + background-color: var(--card-color-hover) !important; + box-shadow: var(--shadow-soft) !important; +} +.fcbddd55b8b335a1-productCardContainer:hover { + --card-color-filled: var(--card-color-hover); +} +.fcbddd55b8b335a1-productCardContainer .cf48127484dbde85-text-lg\/bold { + font-weight: 400; + font-size: 24px; + color: var(--header-primary) !important; +} +.fcbddd55b8b335a1-productCardContainer .cardBackground_c23530, +.fcbddd55b8b335a1-productCardContainer .darkCardBackground_c3d04b { + background-color: var(--card-color-filled); + transition: var(--default-time) var(--default-animation) background-color; +} +.fcbddd55b8b335a1-productCardContainer .description__8d6d2, +.fcbddd55b8b335a1-productCardContainer .priceTag__6412e { + color: var(--interactive-text-default) !important; +} +.fcbddd55b8b335a1-productCardContainer .premiumIcon__7552e path { + fill: currentColor; +} +.fcbddd55b8b335a1-productCardContainer ._201d5e8a3c09670a-lookFilled._201d5e8a3c09670a-colorBrand { + background: var(--button-background) !important; +} +.fcbddd55b8b335a1-productCardContainer .giftButtonInner_f3c9fa, +.fcbddd55b8b335a1-productCardContainer .previewButtonInner_bfc6e5 { + max-width: none; + max-height: none; +} + +._979b184ce6e2670e-wishlistButton { + border-radius: calc(var(--card-radius-big) / 1.5); +} + +.fcbddd55b8b335a1-footerGradient { + background: linear-gradient(to top, var(--card-color-filled), color-mix(in oklab, var(--card-color-filled) 80%, transparent) 30%, color-mix(in oklab, var(--card-color-filled) 0%, transparent) 100%) !important; +} + +.cardTextProfileEffect__27c03:before { + background: linear-gradient(180deg, transparent, transparent, var(--card-color-filled)) !important; +} + +/* DISCORD SHOP CONTENT -> MODAL */ +.c50f6267327b9a8c-modalContent { + padding: 0 !important; + border-radius: var(--popout-radius-big) !important; +} +.c50f6267327b9a8c-modalContent::-webkit-scrollbar { + --scrollbar-width: 0; + --scrollbar-thin-width: 0; +} +.c50f6267327b9a8c-modalContent .c50f6267327b9a8c-collectibleInfoContainer { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); +} +.c50f6267327b9a8c-modalContent .c50f6267327b9a8c-collectibleInfoContainer ._201d5e8a3c09670a-lookFilled { + background: var(--button-background) !important; +} +.c50f6267327b9a8c-modalContent .c50f6267327b9a8c-collectibleInfoContainer ._201d5e8a3c09670a-lookFilled ._201d5e8a3c09670a-contents svg { + height: 24px; +} +.c50f6267327b9a8c-modalContent .categoryBanner_c50f62 { + width: calc(100% + var(--popout-radius-big)); + left: calc(var(--popout-radius-big) * -1); +} + +/* + * + * DISCORD SHOP HOME VIEW + * + */ +._8067953d83f4b8a8-tabs ._8067953d83f4b8a8-tab { + margin-bottom: 0; +} +._8067953d83f4b8a8-tabs ._8067953d83f4b8a8-tab:hover:not(._8067953d83f4b8a8-selected) { + border: none; +} +._8067953d83f4b8a8-tabs ._8067953d83f4b8a8-tab._8067953d83f4b8a8-selected { + position: relative; + background-color: transparent !important; + border: none; +} +._8067953d83f4b8a8-tabs ._8067953d83f4b8a8-tab._8067953d83f4b8a8-selected: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; + transition: var(--default-time) ease all; +} + +.shopScroll__6db1d, ._1feb0fca744244ab-shopScroll { + height: 100%; +} + +.shopFullscreen__08415, +.pageWrapper__6db1d { + height: calc(100vh - (124px + var(--space-32))); + padding-bottom: var(--space-32); + overflow-y: scroll; +} + +/*._6db1d32c47b6ad72-shopViewWrapper { + ._8067953d83f4b8a8-headerBar { + &:not(.fullscreenHeaderBar__80679) { + border-top-right-radius: var(--card-radius-big); + } + } +}*/ +._5e434347c823b592-page ._084152b107f71237-shop, +._5e434347c823b592-page .pageWrapper__6db1d { + height: calc(100vh - (var(--custom-channel-header-height) + var(--custom-app-top-bar-height))); + padding-bottom: 0; + overflow-y: scroll; +} + +/* + * + * DISCORD SHOP SETTINGS VIEW + * + */ +._6db1d32c47b6ad72-shopViewWrapper ._8067953d83f4b8a8-headerBar.fullscreenHeaderBar__80679 { + height: calc(84px + var(--custom-app-top-bar-height)); + padding: var(--custom-app-top-bar-height) var(--space-16) 0; + background-color: var(--chat-color) !important; +} +._6db1d32c47b6ad72-shopViewWrapper ._8067953d83f4b8a8-headerBar.fullscreenHeaderBar__80679 ._9293f6b2fc12398a-children { + overflow: visible; +} +._6db1d32c47b6ad72-shopViewWrapper ._8067953d83f4b8a8-headerBar.fullscreenHeaderBar__80679 ._9293f6b2fc12398a-children:after { + background: linear-gradient(90deg, transparent 0, var(--main-color)) !important; +} + +._084152b107f71237-shop.shopFullscreen__08415 { + background: var(--main-alt); +} + +.pageWrapper__6db1d { + background-color: transparent; +} + +/* + * + * 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 rotate-panel-icon { + 25% { + transform: rotate(-8deg); + } + 50% { + transform: rotate(4deg); + } + 75% { + transform: rotate(-4deg); + } + 100% { + transform: rotate(-2deg); + } +} +@keyframes keybind-edit { + 0% { + box-shadow: 0 0 0 hsl(from hsl(var(--alert-hsl)) h s l/0); + } + 50% { + box-shadow: 0 0 16px hsl(from hsl(var(--alert-hsl)) h s l/0.6); + } + 100% { + box-shadow: 0 0 0 hsl(from hsl(var(--alert-hsl)) h s l/0); + } +} +@keyframes show-ring { + from { + border-radius: 49.5px; + opacity: 0; + } + to { + border-radius: var(--card-radius-big); + opacity: 1; + } +} +/* + * + * BETA - VISUAL REFRESH + * + */ +.theme-dark.theme-darker { + --text-lightness-modifier: 1.75; + --ui-darkness-modifier: 0.55; +} +.theme-dark.theme-midnight { + --text-lightness-modifier: 9.8; + --ui-darkness-modifier: 0.10; +} + +.visual-refresh.refresh-fast-follow-guild-bg ._960e4207cea8323e-bg { + background: transparent; +} +.visual-refresh.refresh-fast-follow-guild-bg .ef3116c2da186559-wrapper { + background: transparent; +} +.visual-refresh.theme-dark { + --text-brand: hsl(var(--accent-hsl--material-you)); +} +.visual-refresh .ef3116c2da186559-wrapper { + /* CODE FOR MOVING STATUS AREA TO ORIGINAL SPOT */ + /*margin-bottom: 0;*/ +} +.visual-refresh ._2637a2609f343032-container { + /* CODE FOR MOVING STATUS AREA TO ORIGINAL SPOT */ + /*padding-bottom: calc(var(--custom-app-panels-height,0) + 12px);*/ +} +.visual-refresh ._5e434347c823b592-panels { + /* CODE FOR MOVING STATUS AREA TO ORIGINAL SPOT */ + /*width: calc(100% - 94px); + left: 92px; + bottom: 12px;*/ +} +.visual-refresh.density-default { + --main-textarea-height: 48px; +} +.visual-refresh.density-default .ef3116c2da186559-wrapper ._201d5e8a3c09670a-button { + margin: 0 8px; +} +.visual-refresh.density-default ._972a0d22c8afa7f0-channel:not(._972a0d22c8afa7f0-dm) ._972a0d22c8afa7f0-link { + height: 42px; +} +.visual-refresh.density-default .e6b7699ce8339e1c-privateChannels { + --channel-radius: 22px; +} +.visual-refresh.density-default ._2ea32c412048f708-link { + min-height: 34px; +} +.visual-refresh.density-default .timeline_791eb8 { + margin-bottom: 8px; +} +.visual-refresh.density-default ._5e434347c823b592-activityPanel { + height: 46px; +} +.visual-refresh.density-default ._44df51b030bd5ece-wrapper ._44df51b030bd5ece-buttonContainer { + margin-right: 6px; +} +.visual-refresh.density-default .e6b7699ce8339e1c-privateChannels, +.visual-refresh.density-default .c8ffbb79449f399c-members { + --channel-radius: 21px; +} +.visual-refresh.density-default .c8ffbb79449f399c-members ._91a9d7f7e5248a56-container { + height: 42px; +} +.visual-refresh.density-default ._23e6b439306f125a-sidebar .aa8da23faa27393c-item { + height: 32px; +} +.visual-refresh.density-default .f3b986a284a18c78-searchHeader { + --search-header-height: 48px; +} +.visual-refresh.density-default ._551b0894962ff66f-navItem { + border-radius: 24px; +} +.visual-refresh.density-cozy { + --main-textarea-height: 54px; +} +.visual-refresh.density-cozy ._972a0d22c8afa7f0-channel:not(._972a0d22c8afa7f0-dm) ._972a0d22c8afa7f0-link { + height: 48px; +} +.visual-refresh.density-cozy ._2ea32c412048f708-link { + min-height: 38px; +} +.visual-refresh.density-cozy .container_791eb8.withTimeline_791eb8.maximized_791eb8 { + padding-top: 0; +} +.visual-refresh.density-cozy .timeline_791eb8 { + margin-bottom: 8px; +} +.visual-refresh.density-cozy #vc-spotify-player { + margin-bottom: 2px; +} +.visual-refresh.density-cozy ._5e434347c823b592-activityPanel { + height: 54px; +} +.visual-refresh.density-cozy ._44df51b030bd5ece-wrapper ._44df51b030bd5ece-buttonContainer { + margin-right: 10px; +} +.visual-refresh.density-cozy .e6b7699ce8339e1c-privateChannels, +.visual-refresh.density-cozy .c8ffbb79449f399c-members { + --channel-radius: 24px; +} +.visual-refresh.density-cozy .c8ffbb79449f399c-members ._91a9d7f7e5248a56-container { + height: 48px; +} +.visual-refresh.density-cozy ._23e6b439306f125a-sidebar .aa8da23faa27393c-item { + height: 40px; + line-height: 40px; +} +.visual-refresh.density-cozy .f3b986a284a18c78-searchHeader { + --search-header-height: 56px; +} +.visual-refresh.density-cozy ._551b0894962ff66f-navItem { + border-radius: 28px; +} +.visual-refresh.density-compact { + --main-textarea-height: 42px; +} +.visual-refresh.density-compact .ef3116c2da186559-wrapper ._201d5e8a3c09670a-button { + margin: 0 4px; +} +.visual-refresh.density-compact ._972a0d22c8afa7f0-channel:not(._972a0d22c8afa7f0-dm) ._972a0d22c8afa7f0-link { + height: 38px; +} +.visual-refresh.density-compact .e6b7699ce8339e1c-privateChannels { + --channel-radius: 19px; +} +.visual-refresh.density-compact ._2ea32c412048f708-link { + min-height: 30px; +} +.visual-refresh.density-compact .container_791eb8 { + padding: 6px 6px 0; +} +.visual-refresh.density-compact .bar_791eb8 { + margin-bottom: 12px; +} +.visual-refresh.density-compact .timeline_791eb8 { + margin-top: 12px; + margin-bottom: 4px; +} +.visual-refresh.density-compact .grabber_791eb8 { + --slider-grabber-height: 16px; +} +.visual-refresh.density-compact ._5e434347c823b592-activityPanel { + height: 42px; +} +.visual-refresh.density-compact ._44df51b030bd5ece-wrapper ._44df51b030bd5ece-buttonContainer { + margin-right: 6px; +} +.visual-refresh.density-compact .e6b7699ce8339e1c-privateChannels, +.visual-refresh.density-compact .c8ffbb79449f399c-members { + --channel-radius: 20px; +} +.visual-refresh.density-compact .c8ffbb79449f399c-members ._91a9d7f7e5248a56-container { + height: 40px; +} +.visual-refresh.density-compact ._23e6b439306f125a-sidebar .aa8da23faa27393c-item { + height: 28px; + line-height: 28px; +} +.visual-refresh.density-compact .f3b986a284a18c78-searchHeader { + --search-header-height: 42px; +} +.visual-refresh.density-compact ._551b0894962ff66f-navItem { + border-radius: 22px; +} + +.align-chat-input ._5e434347c823b592-sidebarList { + background-color: var(--chat-color); +} +.align-chat-input ._2637a2609f343032-container { + margin-bottom: calc(var(--custom-app-panels-height, 0) + var(--space-4)); + padding-bottom: 0; +} +.align-chat-input ._44df51b030bd5ece-wrapper { + padding: 0; +} +.align-chat-input .b8880176888cc928-inTextChannel.b8880176888cc928-base { + top: -16px; + padding: 0 var(--space-16); + background: var(--typing-color); +} +.align-chat-input .b216994de061a9e2-cooldownWrapper { + padding: 0; +} +.align-chat-input ._0923f156a0410684-attachButtonInner:hover, +.align-chat-input ._04eede68d145ae81-emojiButton:hover, +.align-chat-input .e6e74fd4d1221f53-buttonContainer:hover { + background-color: transparent; +} +.align-chat-input ._24af7f4d0326ba4f-button:not(._24af7f4d0326ba4f-noHover):hover { + background-color: transparent; +} +.align-chat-input ._37e49614b9f110a9-container { + border-radius: var(--sidebar-panel-radius-small); +} + +/* + * + * GOOGLE SANS FONT + * + */ +/* 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; +} +/* 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; +} +/* 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; +} +/* 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; +} +/* 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; +} +/* 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; +} +/* + * + * GOOGLE SANS CODE FONT + * + */ +@font-face { + font-family: "Google Sans Code"; + font-style: normal; + font-weight: 300 800; + font-display: swap; + src: url(https://fonts.gstatic.com/s/googlesanscode/v11/pxifyogzv91QhV44Z_GQBHsGf5PuWDJkr0SsrvNniEmo.woff2) format("woff2"); + unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF; +} +@font-face { + font-family: "Google Sans Code"; + font-style: normal; + font-weight: 300 800; + font-display: swap; + src: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSansCode-symbols.woff2) format("woff2"); + unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF; +} +@font-face { + font-family: "Google Sans Code"; + font-style: normal; + font-weight: 300 800; + font-display: swap; + src: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSansCode-symbols2.woff2) format("woff2"); + unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F; +} +@font-face { + font-family: "Google Sans Code"; + font-style: normal; + font-weight: 300 800; + font-display: swap; + src: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSansCode-syriac.woff2) format("woff2"); + unicode-range: U+0303-0304, U+0307-0308, U+030A, U+0320, U+0323-0325, U+032D-032E, U+0330-0331, U+060C, U+061B-061C, U+061F, U+0621, U+0640, U+064B-0655, U+0660-066C, U+0670, U+0700-074F, U+0860-086A, U+1DF8, U+1DFA, U+200C-200F, U+25CC, U+2670-2671; +} +@font-face { + font-family: "Google Sans Code"; + font-style: normal; + font-weight: 300 800; + font-display: swap; + src: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSansCode-vietnamese.woff2) format("woff2"); + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; +} +@font-face { + font-family: "Google Sans Code"; + font-style: normal; + font-weight: 300 800; + font-display: swap; + src: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSansCode-latinext.woff2) format("woff2"); + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +@font-face { + font-family: "Google Sans Code"; + font-style: normal; + font-weight: 300 800; + font-display: swap; + src: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSansCode-latin.woff2) format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* GOOGLE SANS CODE FONT -> ITALIC */ +@font-face { + font-family: "Google Sans Code"; + font-style: italic; + font-weight: 300 800; + font-display: swap; + src: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSansCode-Italic-math.woff2) format("woff2"); + unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF; +} +@font-face { + font-family: "Google Sans Code"; + font-style: italic; + font-weight: 300 800; + font-display: swap; + src: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSansCode-Italic-symbols.woff2) format("woff2"); + unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF; +} +@font-face { + font-family: "Google Sans Code"; + font-style: italic; + font-weight: 300 800; + font-display: swap; + src: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSansCode-Italic-symbols2.woff2) format("woff2"); + unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F; +} +@font-face { + font-family: "Google Sans Code"; + font-style: italic; + font-weight: 300 800; + font-display: swap; + src: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSansCode-Italic-syriac.woff2) format("woff2"); + unicode-range: U+0303-0304, U+0307-0308, U+030A, U+0320, U+0323-0325, U+032D-032E, U+0330-0331, U+060C, U+061B-061C, U+061F, U+0621, U+0640, U+064B-0655, U+0660-066C, U+0670, U+0700-074F, U+0860-086A, U+1DF8, U+1DFA, U+200C-200F, U+25CC, U+2670-2671; +} +@font-face { + font-family: "Google Sans Code"; + font-style: italic; + font-weight: 300 800; + font-display: swap; + src: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSansCode-Italic-vietnamese.woff2) format("woff2"); + unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; +} +@font-face { + font-family: "Google Sans Code"; + font-style: italic; + font-weight: 300 800; + font-display: swap; + src: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSansCode-Italic-latinext.woff2) format("woff2"); + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; +} +@font-face { + font-family: "Google Sans Code"; + font-style: italic; + font-weight: 300 800; + font-display: swap; + src: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSansCode-Italic-latin.woff2) format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +/*# sourceMappingURL=main.css.map */ diff --git a/.config/sway/config b/.config/sway/config index 56a06cc..3109d85 100644 --- a/.config/sway/config +++ b/.config/sway/config @@ -57,6 +57,10 @@ input type:keyboard { xkb_options grp:alt_shift_toggle } +input type:tablet_tool { + map_to_output eDP-1 +} + ### Key bindings # # Basics: diff --git a/.config/wal/mako-config b/.config/wal/mako-config new file mode 100644 index 0000000..d398537 --- /dev/null +++ b/.config/wal/mako-config @@ -0,0 +1,8 @@ +font=FantasqueSansM Nerd Font Normal Regular 12 +background-color={color6} +border-size=2 +border-color={color14} +icon-location=right +text-alignment=right +default-timeout=2000 + diff --git a/.config/wofi/config b/.config/wofi/config new file mode 100644 index 0000000..e8c1ba2 --- /dev/null +++ b/.config/wofi/config @@ -0,0 +1,6 @@ +width=100% +height=8% +location=top +insensitive=true +matching=fuzzy +prompt=Search diff --git a/.config/wofi/style.css b/.config/wofi/style.css new file mode 100644 index 0000000..12f5762 --- /dev/null +++ b/.config/wofi/style.css @@ -0,0 +1,23 @@ +#expander-box, #window, #input { + background-color: --wofi-color4; + border-radius: 0; + color: white; + font-family: FantasqueSansM Nerd Font; + font-size: 16px; +} + +#window, #input { + border: 2px solid --wofi-color12; +} + +#expander-box { + padding-left: 2px; + padding-right: 2px; +} + +#entry:selected { + background-color: --wofi-color6; + border-top: 2px solid --wofi-color14; + border-bottom: 2px solid --wofi-color14; + border-radius: 0; +} diff --git a/thornythorny_in.png b/thornythorny_in.png new file mode 100644 index 0000000..441df0f Binary files /dev/null and b/thornythorny_in.png differ diff --git a/utils/wal.sh b/utils/wal.sh index 587f025..1e69ed7 100755 --- a/utils/wal.sh +++ b/utils/wal.sh @@ -2,3 +2,10 @@ wal --cols16 -i $1 walogram pywalfox update +magick thornythorny_in.png -channel RGB +level-colors "$(cat ~/.cache/wal/colors | sed -n 3p)" -background none -gravity NorthEast -extent 960x540 -gravity Center -extent 1920x1080 ~/Pictures/thornythorny.png +makoctl reload +pywal-discord -t material + +for pid in $(pidof /usr/bin/kitty); do + kill -SIGUSR1 $pid +done