22660 lines
655 KiB
CSS
22660 lines
655 KiB
CSS
@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 */
|