Skip to content

Instantly share code, notes, and snippets.

@AhmedMohamedAbdelaty

AhmedMohamedAbdelaty/discord_font.css

Last active April 6, 2024 03:00
Show Gist options
  • Save AhmedMohamedAbdelaty/3476517a525a016793362d2d18e28f75 to your computer and use it in GitHub Desktop.
Save AhmedMohamedAbdelaty/3476517a525a016793362d2d18e28f75 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
discord_font.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/icons.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@396&display=swap')
:root {
--app-font: "Google Sans", "Noto Kufi Arabic", sans-serif;
--app-bg: var(--main-alt);
--accent-hue: 224;
--accent-saturation: 71%;
--accent-lightness: 61%;
--accent-hsl: var(--accent-hue),calc(var(--accent-saturation) * var(--saturation-factor)),var(--accent-lightness);
--accent-text-color: hsl(0,0%,100%);
--alert-hue: 0;
--alert-saturation: 85%;
--alert-lightness: 61%;
--alert-hsl: var(--alert-hue), calc(var(--alert-saturation) * var(--saturation-factor)), var(--alert-lightness);
--alert-text-color: hsl(0,0%,100%);
--warning-hue: 40;
--warning-saturation: 86.4%;
--warning-lightness: 56.9%;
--warning-hsl: var(--warning-hue), calc(var(--warning-saturation) * var(--saturation-factor)), var(--warning-lightness);
--warning-text-color: hsl(0,0%,100%);
--success-color: hsl(153,46%,49%);
--message-radius: 19px;
--message-padding-top: 8px;
--message-padding-side: 12px;
--main-textarea-color: var(--input-color);
--main-textarea-border: var(--input-border-color);
--main-textarea-radius: 24px;
--media-radius: calc(var(--message-radius) / 1.65);
--card-radius: 8px;
--card-radius-big: 18px;
--button-height: 36px;
--button-radius: calc(var(--button-height) / 2);
--button-padding: 0 24px;
--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: var(--button-radius);
--input-padding: 0 12px;
--popout-radius: var(--card-radius);
--popout-radius-big: var(--card-radius-big);
--avatar-radius: 50%;
--channel-radius: 21px;
--spotify-color: #1db954;
--stream-color: #593695;
--stream-flash: 89,54,149;
--xbox-color: #107c10;
--tooltip-color: hsl(0,0%,38%,0.9);
--tooltip-text-color: hsl(0,0%,87%);
--tooltip-font-size: 12px;
--tooltip-padding: 8px;
--tooltip-radius: 8px;
--tooltip-shadow: 0px 5px 15px hsl(0,0%,0%,0.2);
--shadow-1dp: 0 2px 2px 0 hsl(0,0%,0%,0.14), 0 3px 1px -2px hsl(0,0%,0%,0.2), 0 1px 5px 0 hsl(0,0%,0%,0.12);
--shadow-2dp: 0 4px 5px 0 hsl(0,0%,0%,0.14), 0 1px 10px 0 hsl(0,0%,0%,0.12), 0 2px 4px -1px hsl(0,0%,0%,0.2);
--shadow-3dp: 0 8px 10px 1px hsl(0,0%,0%,0.14), 0 3px 14px 2px hsl(0,0%,0%,0.12), 0 5px 5px -3px hsl(0,0%,0%,0.2);
--default-animation: cubic-bezier(0.4,0,0.2,1);
--default-time: 250ms;
--scrollbar-width: 10px;
--scrollbar-thin-width: 6px;
--window-title-bar: 22px;
--window-button-min: #ffbd44;
--window-button-max: #00ca4e;
--window-button-close: #ff605c;
--code-font: Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace;
}
.theme-dark {
--main-color: #16171a;
--main-alt: #0f1012;
--accent-hsl--material-you: var(--accent-hsl);
--accent-text-color--material-you: var(--accent-text-color);
--server-color: transparent;
--server-folder-color: hsl(0,0%,100%,0.085);
--status-picker-color: #2c2d31;
--sidebar-panel-color: #212226;
--chat-color: var(--main-color);
--message-color: hsl(216,7%,14%);
--message-color-hover: hsl(216,7%,18%);
--message-color-alt: hsl(216,7%,13%);
--attachment-color: hsl(216,7%,9%);
--typing-color: hsl(225,8.3%,9.4%,0.9);
--popout-color: #2c2f33;
--popout-color-alt: #202225;
--popout-header-border: hsl(0,0%,100%,0.125);
--separator-color: hsl(0,0%,100%,0.125);
--header-secondary: #eaeaea;
--profile-body-background-color: #222326;
--input-color: hsl(240,4%,16%);
--input-color-alt: hsl(240,2%,22%);
--input-border-color: hsl(0,0%,29%);
--input-text-color: hsl(0,0%,85%);
--input-placeholder-color: hsl(0,0%,59%);
--input-pill-color: hsl(0,0%,100%,0.125);
--tab-border-color: #fff;
--interactive-muted: #676767;
--text-disabled: #666;
--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: #aaa;
--card-color-outlined: transparent;
--card-color-filled: hsl(225,6%,13%);
--card-color-hover: hsl(225,6%,16%);
--card-color-active: hsl(225,6%,25%);
--card-color-alt: hsl(225,6%,18%);
--card-color-alt-hover: hsl(225,6%,21%);
--card-border-color: hsl(220,3%,26%);
--card-header-text-color: #eee;
--card-button-color: hsl(0,0%,100%,0.09);
--card-button-color-hover: hsl(0,0%,100%,0.135);
--activity-card-color: hsl(0,0%,100%,0.0475);
--activity-card-color--hover: hsl(0,0%,100%,0.06);
--activity-card-color--active: hsl(0,0%,100%,0.07);
--activity-card-color--inset: hsl(0,0%,100%,0.05);
--button-link-color: 0,0%,100%;
--button-link-text-color: #fff;
--button-border-color: #444;
--switch-knob-color: hsl(0,0%,47%);
--switch-knob-color-modal: hsl(0,0%,56%);
--switch-slider-color: hsl(240,1%,20%);
--switch-slider-color-modal: var(--switch-slider-color);
--switch-color-modifier: 1.3;
--switch-color-checked: hsl(var(--accent-hsl),0.3);
--md-ripple-color: 0,100%,100%;
--emoji-category-header: hsl(214,7.4%,18.6%,0.95);
--scrollbar-color: 255,255,255;
--window-button: hsl(0,0%,100%,0.1);
--window-button-inactive: hsl(0,0%,100%,0.05);
--text-brand: hsl(var(--accent-hsl));
--text-link: hsl(var(--accent-hsl));
}
.theme-light {
--main-color: #f9f9f9;
--main-alt: #e8e8e8;
--accent-hsl--material-you: var(--accent-hsl);
--accent-text-color--material-you: var(--accent-text-color);
--server-color: transparent;
--server-folder-color: hsl(0,0%,0%,0.1);
--status-picker-color: #dee0e0;
--sidebar-panel-color: #ebeced;
--chat-color: var(--main-color);
--message-color: hsl(210,4%,90%);
--message-color-hover: hsl(210,4%,86%);
--message-color-alt: hsl(210,4%,84%);
--attachment-color: hsl(210,4%,79%);
--main-textarea-color-alt: hsl(0,0%,98%);
--typing-color: hsl(0,0%,97.6%,0.9);
--popout-color: #fff;
--popout-color-alt: #e5e5e5;
--popout-header-border: #ccc;
--separator-color: hsl(0,0%,0%,0.195);
--header-secondary: #444;
--profile-body-background-color: #ededed;
--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: #777;
--interactive-muted: #999;
--text-disabled: #bebebe;
--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: #333;
--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: #333;
--card-button-color: hsl(0,0%,100%,1);
--card-button-color-hover: hsl(0,0%,0%,0.1);
--activity-card-color: hsl(0,0%,0%,0.0785);
--activity-card-color--hover: hsl(0,0%,0%,0.1);
--activity-card-color--active: hsl(0,0%,0%,0.125);
--activity-card-color--inset: hsl(0,0%,100%,0.685);
--button-link-color: 0,0%,0%;
--button-link-text-color: #333;
--button-border-color: #ccc;
--switch-knob-color: hsl(0,0%,49%);
--switch-slider-color: hsl(0,0%,81%);
--switch-slider-color-modal: var(--switch-slider-color);
--switch-color-modifier: 1.8;
--switch-color-checked: hsl(var(--accent-hsl),0.8);
--md-ripple-color: 0,0%,0%;
--emoji-category-header: hsl(0,0%,100%,0.9);
--scrollbar-color: 0,0,0;
--window-button: hsl(0,0%,0%,0.2);
--window-button-inactive: hsl(0,0%,0%,0.1);
--text-brand: hsl(var(--accent-hsl));
--text-link: hsl(var(--accent-hsl));
}
/*
*
* APP ELEMENTS
*
*/
* {
font-family: var(--app-font), sans-serif !important;
}
::selection {
background: hsl(var(--accent-hsl), 0.35);
text-shadow: none;
}
body,
.app_b1f720,
.appMount_c99875 {
background-color: transparent;
}
.appMount_c99875 {
background: var(--app-bg);
}
.bg__12180,
.container__827e6 {
background: var(--app-bg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.bg__12180.theme-dark {
background-color: var(--main-alt);
}
.platform-win .bg__12180 {
top: calc((var(--window-title-bar) + 4px) * -1);
}
.anchor-1MIwyf,
.icon__7bff0,
.colorBrand-21Le_q,
.colorBrand__65cd6 {
color: hsl(var(--accent-hsl));
}
/* APP ELEMENTS -> LIGHT THEME WITH DARK SIDEBAR */
.bg__12180.theme-dark:after {
position: absolute;
content: " ";
width: var(--card-radius-big);
height: calc(100vh - 22px);
top: 26px;
left: 312px;
background-color: var(--chat-color);
pointer-events: none;
}
.sidebar_e031be.theme-dark + .chat__52833,
.sidebar_e031be.theme-dark + .container_bd15da,
.sidebar_e031be.theme-dark + .container__82f88,
.sidebar_e031be.theme-dark + .applicationStore__444b9,
.sidebar_e031be.theme-dark + .shop_b31ed2,
.sidebar_e031be.theme-dark + .container_ec90d4 {
border-radius: var(--card-radius-big);
border-bottom-right-radius: 0;
}
/* APP ELEMENTS -> LOADING ICONS */
.path__67bca,
.path2__7fbdb,
.path3__29e43 {
stroke: hsl(var(--accent-hsl--material-you)) !important;
}
.path2__7fbdb {
opacity: 0.6;
}
.path3__29e43 {
opacity: 0.2;
}
.wanderingCubes__921f8 .item__0e5d6 {
background-color: hsl(var(--accent-hsl--material-you));
}
/* APP ELEMENTS -> TITLEBAR */
.wordmark__5b8c9.wordmarkWindows_ffbc5e {
width: auto;
height: var(--window-title-bar);
padding: 0 0 0 4px;
line-height: var(--window-title-bar);
font-size: 0.9em;
color: var(--text-normal);
}
.wordmark__5b8c9.wordmarkWindows_ffbc5e:before, .wordmark__5b8c9.wordmarkWindows_ffbc5e:after {
position: relative;
width: auto;
height: 22px;
}
.wordmark__5b8c9.wordmarkWindows_ffbc5e:before {
content: "Material";
font-weight: 700;
}
.wordmark__5b8c9.wordmarkWindows_ffbc5e:after {
content: "Discord";
}
.wordmark__5b8c9.wordmarkWindows_ffbc5e svg {
display: none;
}
.typeWindows_e41dab.withFrame__5e49e {
height: var(--window-title-bar);
margin-top: 0;
}
.typeWindows_e41dab .winButton_f17fb6 {
height: var(--window-title-bar);
top: 0;
}
.typeWindows_e41dab .winButton_f17fb6:before {
position: absolute;
content: " ";
width: 12px;
height: 12px;
background-position: center;
-webkit-mask-size: contain;
mask-size: contain;
filter: brightness(40%);
z-index: 2;
opacity: 0;
transition: var(--default-time) var(--default-animation) opacity;
pointer-events: none;
}
.typeWindows_e41dab .winButton_f17fb6:hover:before {
opacity: 1;
}
.typeWindows_e41dab .winButton_f17fb6:after {
position: absolute;
content: " ";
width: 16px;
height: 16px;
border-radius: 50%;
background-color: var(--window-button);
transition: var(--default-time) var(--default-animation);
pointer-events: none;
}
.typeWindows_e41dab .winButton_f17fb6:active:after {
opacity: 0.65;
}
.typeWindows_e41dab .winButton_f17fb6.winButtonMinMax_caf9c8:nth-last-of-type(2):hover:after {
background-color: var(--window-button-max);
}
.typeWindows_e41dab .winButton_f17fb6.winButtonMinMax_caf9c8:nth-last-of-type(2):before {
background-color: var(--window-button-max);
-webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/window_maximize.svg);
-webkit-mask-repeat: no-repeat;
}
.typeWindows_e41dab .winButton_f17fb6.winButtonMinMax_caf9c8:nth-last-of-type(1):hover:after {
background-color: var(--window-button-min);
}
.typeWindows_e41dab .winButton_f17fb6.winButtonMinMax_caf9c8:nth-last-of-type(1):before {
background-color: var(--window-button-min);
-webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/window_minimize.svg);
-webkit-mask-repeat: no-repeat;
}
.typeWindows_e41dab .winButton_f17fb6.winButtonClose__6396d:hover:after {
background-color: var(--window-button-close);
}
.typeWindows_e41dab .winButton_f17fb6.winButtonClose__6396d:before {
background-color: var(--window-button-close);
-webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/window_close.svg);
-webkit-mask-repeat: no-repeat;
}
.typeWindows_e41dab .winButton_f17fb6:hover, .typeWindows_e41dab .winButton_f17fb6:active {
background-color: transparent;
}
.typeWindows_e41dab .winButton_f17fb6 svg {
display: none;
}
html:not(.app-focused) .typeWindows_e41dab .winButton_f17fb6:after {
background-color: var(--window-button-inactive);
}
html:not(.app-focused) .typeWindows_e41dab .winButton_f17fb6.winButtonMinMax_caf9c8:after {
background-color: var(--window-button-inactive);
}
/*
*
* LOGIN SCREEN
*
*/
.authBox__6f336 {
padding: 24px 24px 0;
background-color: var(--popout-color) !important;
border-radius: var(--popout-radius-big) !important;
box-shadow: var(--shadow-3dp) !important;
}
.authBox__6f336:last-child {
padding-bottom: 24px;
}
.authBox__6f336 .mainLoginContainer_f58870 {
margin-right: 24px;
padding-right: 24px;
border-right: 1px solid var(--card-border-color);
}
.authBox__6f336 .heading-xl-semibold__5e2e4 {
margin-bottom: 16px;
font-weight: 400;
}
.authBox__6f336 .verticalSeparator__0074c {
display: none;
}
.authBox__6f336 .qrLogin_e6e814 {
height: 320px;
}
.authBox__6f336 .needAccount_c00b19 {
line-height: 24px;
}
.authBox__6f336 .lookLink_a2da25 .size14_b2af01 {
line-height: var(--button-height);
}
.authBox__6f336:not(.chooseAccountAuthBox__469ac) .lookLink_a2da25 {
--button-height: 17px;
--button-padding: 0;
--button-radius: 0;
font-size: 14px !important;
font-weight: 400 !important;
}
.authBox__6f336:not(.chooseAccountAuthBox__469ac) .lookLink_a2da25:after {
display: none;
}
.authBox__6f336:not(.chooseAccountAuthBox__469ac) .lookLink_a2da25:hover {
text-decoration: underline !important;
}
.authBox__6f336 .needAccount_c00b19 + .lookLink_a2da25 {
position: relative;
top: -3px;
}
.navRow_bb8efc {
height: auto;
padding: 24px;
background-color: transparent !important;
}
.navRow_bb8efc .button__581d0 {
margin: 0;
}
.navRow_bb8efc .button-1cRKG6 {
margin: 0;
}
/*
*
* CHANNELS LIST
*
*/
.sidebar_e031be {
border-radius: var(--card-radius-big) 0 0 var(--card-radius-big) !important;
overflow: hidden;
}
.sidebar_e031be.hasNotice_cc284c {
border-radius: 0 !important;
}
.sidebar_e031be,
.sidebar_e031be .container__7e23c {
background-color: var(--main-color);
}
.sidebar_e031be .content__690c5 {
margin-bottom: 11px;
}
.sidebar_e031be .name__27f04 {
font-size: 14px;
text-transform: none;
}
.sidebar_e031be .container_f41675:not(.hasBanner__04337) .header__77c95 {
background-color: var(--main-color);
}
.sidebar_e031be .unread__75c9f {
font-size: 14px;
text-transform: none;
background-color: var(--popout-color);
box-shadow: var(--shadow-2dp);
color: var(--text-normal);
}
.link_ddbb36 {
margin: 0 8px;
padding: 0 !important;
background-color: transparent !important;
overflow: visible;
}
.link_ddbb36 .linkTop_c8969d,
.link_ddbb36 .content__6bf34 {
min-height: 32px;
gap: 8px;
align-items: center;
}
.voiceChannelsButton_fd0b98 {
background-color: hsl(var(--button-link-accent-color), 0.15);
border-radius: 16px;
border: none;
color: var(--text-normal);
transition: var(--default-time) var(--default-animation) background-color;
}
.voiceChannelsButton_fd0b98:hover {
background-color: hsl(var(--button-link-accent-color), 0.2);
}
.animatedContainer__0e828 {
box-shadow: none;
}
.animatedContainer__0e828,
.bannerImage_c73a57 {
border-radius: var(--card-radius-big);
}
.communityInfoPill__1efab {
background-color: var(--card-color-filled);
color: var(--text-normal);
}
.container__7abe8 {
margin: 8px;
background-color: var(--card-color-filled);
border: none;
padding: 12px;
border-radius: var(--card-radius-big);
box-shadow: none;
}
.container_d106ab.top__81fa6 {
padding-top: 4px;
}
.container_d106ab.bottom__53f5a {
bottom: 12px;
padding-bottom: 4px;
}
.bar__004d9 {
background-color: var(--popout-color);
box-shadow: var(--shadow-3dp);
}
.mentionsBar__7d867 {
background-color: hsl(var(--alert-hsl));
}
.mentionsBar__7d867 .barText__32a63 {
color: var(--alert-text-color) !important;
}
.barText__32a63 {
font-size: 14px;
text-transform: none;
font-weight: 500;
}
#bd-notices + .content__76dcf .sidebar_e031be {
border-radius: 0 !important;
}
/* CHANNELS LIST -> SERVER SHOP */
.previewChannelRow__81d90 {
margin: 2px 2px 0 8px;
padding: 0;
border-radius: var(--channel-radius);
color: var(--channels-default);
transition: var(--default-time) var(--default-animation) background-color !important;
}
.previewChannelRow__81d90:hover {
background-color: var(--menu-item-hover);
color: var(--interactive-hover);
}
.previewChannelRow__81d90.selected__19d7f {
background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity));
color: var(--interactive-active);
}
.previewChannelRowContent__9054b {
background-color: transparent !important;
}
.shopIcon__512fc,
.channelLabel__86693 {
color: inherit !important;
transition: var(--default-time) var(--default-animation) color;
}
/* CHANNELS LIST -> ACTION BUTTONS */
.container-3ygkZ6 {
margin-left: 8px;
margin-right: 2px;
}
.actionButton-2ae9DJ {
background-color: transparent;
border-radius: 17px;
border: 1px solid var(--card-border-color);
transition: var(--default-time) var(--default-animation) background-color;
}
.actionButton-2ae9DJ:hover {
background-color: var(--menu-item-hover);
}
.actionButton-2ae9DJ.actionButtonSelected-2a5GGr {
background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity));
border-color: transparent;
}
.actionButtonIcon-2kvKdL path[d="M12.3345 2.71469L21.0315 10.542C21.3721 10.8486 21.1553 11.4137 20.697 11.4137H19V18.4137C19 18.9659 18.5523 19.4137 18 19.4137H15C14.4477 19.4137 14 18.9659 14 18.4137V13.4137H10V18.4137C10 18.9659 9.55228 19.4137 9 19.4137H6C5.44771 19.4137 5 18.9659 5 18.4137V11.4137H3.30298C2.84473 11.4137 2.62789 10.8486 2.96849 10.542L11.6655 2.71469C11.8557 2.54356 12.1443 2.54356 12.3345 2.71469Z"] {
d: path("M12 5.69l5 4.5V18h-2v-6H9v6H7v-7.81l5-4.5M12 3L2 12h3v8h6v-6h2v6h6v-8h3L12 3z");
}
.actionButtonIcon-2kvKdL path[d="M21.487 5.126L12.487 0.126C12.184 -0.042 11.818 -0.042 11.515 0.126L2.51498 5.126C2.19798 5.302 2.00098 5.636 2.00098 5.999C2.00098 6.693 2.11498 22.999 12.001 22.999C21.887 22.999 22.001 6.693 22.001 5.999C22.001 5.636 21.804 5.302 21.487 5.126ZM12.001 5.999C13.382 5.999 14.501 7.118 14.501 8.499C14.501 9.88 13.382 10.999 12.001 10.999C10.62 10.999 9.50098 9.88 9.50098 8.499C9.50098 7.118 10.62 5.999 12.001 5.999ZM8.25098 16C8.25098 13.699 9.69998 12.25 12.001 12.25C14.302 12.25 15.751 13.699 15.751 16H8.25098Z"] {
d: path("M12,5A3.5,3.5 0 0,0 8.5,8.5A3.5,3.5 0 0,0 12,12A3.5,3.5 0 0,0 15.5,8.5A3.5,3.5 0 0,0 12,5M12,7A1.5,1.5 0 0,1 13.5,8.5A1.5,1.5 0 0,1 12,10A1.5,1.5 0 0,1 10.5,8.5A1.5,1.5 0 0,1 12,7M5.5,8A2.5,2.5 0 0,0 3,10.5C3,11.44 3.53,12.25 4.29,12.68C4.65,12.88 5.06,13 5.5,13C5.94,13 6.35,12.88 6.71,12.68C7.08,12.47 7.39,12.17 7.62,11.81C6.89,10.86 6.5,9.7 6.5,8.5C6.5,8.41 6.5,8.31 6.5,8.22C6.2,8.08 5.86,8 5.5,8M18.5,8C18.14,8 17.8,8.08 17.5,8.22C17.5,8.31 17.5,8.41 17.5,8.5C17.5,9.7 17.11,10.86 16.38,11.81C16.5,12 16.63,12.15 16.78,12.3C16.94,12.45 17.1,12.58 17.29,12.68C17.65,12.88 18.06,13 18.5,13C18.94,13 19.35,12.88 19.71,12.68C20.47,12.25 21,11.44 21,10.5A2.5,2.5 0 0,0 18.5,8M12,14C9.66,14 5,15.17 5,17.5V19H19V17.5C19,15.17 14.34,14 12,14M4.71,14.55C2.78,14.78 0,15.76 0,17.5V19H3V17.07C3,16.06 3.69,15.22 4.71,14.55M19.29,14.55C20.31,15.22 21,16.06 21,17.07V19H24V17.5C24,15.76 21.22,14.78 19.29,14.55M12,16C13.53,16 15.24,16.5 16.23,17H7.77C8.76,16.5 10.47,16 12,16");
transform: scale(1.025);
}
.actionButtonIcon-2kvKdL path[d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7v-5z"] {
d: path("M12 12H17V17H12V12M19 3H18V1H16V3H8V1H6V3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M19 5V7H5V5H19M5 19V9H19V19H5Z");
}
.actionButtonIcon-2kvKdL path[d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7v-5z"] ~ rect {
display: none;
}
/* CHANNELS LIST -> CHANNEL */
.wrapper__612a5 {
margin: 2px 2px 0 8px;
padding: 0 !important;
border-radius: var(--channel-radius);
transition: var(--default-time) var(--default-animation) background-color !important;
}
.wrapper__612a5:hover {
background-color: var(--menu-item-hover);
}
.wrapper__612a5.modeSelected__473f1 {
background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity));
}
.wrapper__612a5.modeSelected__473f1 .icon__67ab4 {
color: var(--interactive-hover);
}
.wrapper__612a5 .content__6bf34 {
margin-left: 0;
background-color: transparent !important;
border-radius: var(--channel-radius);
}
.wrapper__612a5 .subtitle_eb6026 {
color: hsl(var(--accent-hsl--material-you)) !important;
}
.icon__67ab4,
.name__4eb92 {
transition: var(--default-time) var(--default-animation) color;
}
.newChannel__1bbcf {
color: hsl(var(--accent-hsl--material-you));
}
[style="background-color: var(--brand-260);"].newChannel__1bbcf {
background-color: hsl(var(--accent-hsl--material-you)) !important;
color: var(--accent-text-color--material-you);
}
.typeThread__5fb37 .mainContent-20q_Hp {
margin-left: 28px;
}
.unread__48cf4 {
left: -8px;
}
.containerDefault_e3b32b .addButton__184db {
background-color: transparent !important;
position: relative;
}
.containerDefault_e3b32b .addButton__184db:after {
content: " ";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: hsl(var(--md-ripple-color), 0.1);
border-radius: 50%;
opacity: 0;
pointer-events: none;
transform: scale(1.2);
transition: 300ms ease;
z-index: 4;
}
.containerDefault_e3b32b .addButton__184db:hover:after {
opacity: 1;
transform: scale(1.5);
animation: scale 150ms var(--default-animation), opacity 150ms ease;
}
.containerDefault_e3b32b .addButton__184db:active:after {
background-color: hsl(var(--md-ripple-color), 0.2);
}
.containerDragBefore__257b9:before,
.containerDragAfter_fec62e:after {
left: 0;
background-color: hsl(var(--accent-hsl--material-you));
}
.containerUserOver__2f65b:after {
right: 4px;
background-color: hsl(var(--accent-hsl), 0.1);
border-radius: var(--card-radius-big);
border-color: hsl(var(--accent-hsl), 0.5);
}
.users__65981 {
background-color: var(--status-picker-color);
}
.total_c01838 {
background-color: var(--sidebar-panel-color);
}
.total_c01838:after {
border-right-color: var(--sidebar-panel-color);
}
.statusDiv__1f955,
.subtitle_eb6026 .overflow__993fa {
margin-bottom: 4px;
}
.textArea__451f1 {
background-color: var(--input-color);
border-radius: 22px;
}
.textArea__451f1 .placeholder_dec8c7 {
color: var(--input-placeholder-color);
}
/* CHANNELS -> VOICE USERS */
.list__02208 {
padding: 0 2px 8px 36px;
}
.listDefault__4e3fa .content__3b07e {
min-height: 30px;
margin: 2px 0 0;
padding: 0 3px;
gap: 8px;
}
.listDefault__4e3fa .content__3b07e .userAvatar_f45224 {
margin: 0;
}
.listDefault__4e3fa .content__3b07e .icons__10dd7 {
margin-right: 0;
}
.listDefault__4e3fa .clickable_a2c5ad:hover .content__3b07e {
background-color: var(--menu-item-hover);
}
.listDefault__4e3fa .clickable_a2c5ad.selected__80fc0 .content__3b07e {
background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity));
}
.username_a42504 {
transition: var(--default-time) var(--default-animation) color;
}
.userAvatar_f45224 {
margin-left: 3px;
}
.userAvatar_f45224 .avatar__991e2 {
border-radius: var(--avatar-radius);
}
.overlap__6969e .avatar__991e2 {
border-color: var(--main-color);
}
/* CHANNELS -> VOICE USERS -> CUSTOM VC ACTIVITY */
.iconSpacing_f4f39e {
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__4c91f {
background-color: var(--popout-color);
border-radius: var(--popout-radius-big);
box-shadow: var(--shadow-3dp);
}
.popout__4c91f .iconWidget__22dfa {
background-color: var(--card-button-color) !important;
border-radius: 50%;
border: none;
transition: var(--default-time) var(--default-animation) background-color;
}
.popout__4c91f .iconWidget__22dfa:hover {
background-color: var(--card-button-color-hover) !important;
}
.popout__4c91f .iconWidget__22dfa.selectedWidget__9aa0c {
background-color: var(--card-color-filled) !important;
}
.popout__4c91f .divider__5e86b {
margin: 16px 0;
background-color: var(--popout-header-border);
}
.popout__4c91f .iconsContainer_ff44ba {
padding: 0;
}
.popout__4c91f .setCustomButton__09dbf {
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__4c91f .setCustomButton__09dbf svg {
display: none;
}
.popout__4c91f .setCustomButton__09dbf .editIconColor__55a42 {
color: inherit;
}
.popout__4c91f .setCustomButton__09dbf .text-xs-medium__220aa, .popout__4c91f .setCustomButton__09dbf .text-xs-medium_d3e0f1 {
color: inherit !important;
font-size: 16px;
}
/*
*
* CHANNELS LIST ICONS
*
*/
.iconContainer__6a580 {
margin-right: 0 !important;
}
.children__563f2:not(:empty) {
height: 32px;
gap: 8px;
align-items: center;
}
.iconItem__56989 {
position: relative;
margin: 0;
padding: 2px;
position: relative;
}
.iconItem__56989:after {
content: " ";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: hsl(var(--md-ripple-color), 0.1);
border-radius: 50%;
opacity: 0;
pointer-events: none;
transform: scale(1.2);
transition: 300ms ease;
z-index: 4;
}
.iconItem__56989:hover:after {
opacity: 1;
transform: scale(1.4);
animation: scale 150ms var(--default-animation), opacity 150ms ease;
}
.iconItem__56989:active:after {
background-color: hsl(var(--md-ripple-color), 0.2);
}
[role].iconItem__56989 .actionIcon_b149a2:active {
transform: translateY(0);
}
/* VOICE */
.content__3b07e {
border-radius: 15px;
transition: var(--default-time) var(--default-animation) background-color;
}
.content__3b07e .ownerIcon_bd8e7d {
margin-right: 8px;
}
/*
*
* CHANNELS LIST PANELS
*
*/
.container__7e23c:after {
position: absolute;
content: " ";
width: calc(100% + 16px);
height: 40px;
left: -8px;
bottom: 0;
background: linear-gradient(0deg, var(--main-color) 0%, transparent 50%);
pointer-events: none;
z-index: 1;
}
.panels__58331 {
position: relative;
margin: -12px 8px 12px 12px;
background-color: transparent !important;
border-radius: var(--popout-radius-big);
overflow: hidden;
}
.panels__58331 .button_ae40a4:hover {
background-color: transparent !important;
}
.panels__58331 .button_ae40a4.enabled__214db {
position: relative;
}
.panels__58331 .button_ae40a4.enabled__214db:after {
content: " ";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: hsl(var(--md-ripple-color), 0.1);
border-radius: 50%;
opacity: 0;
pointer-events: none;
transform: scale(1.2);
transition: 300ms ease;
z-index: 4;
}
.panels__58331 .button_ae40a4.enabled__214db:hover:after {
opacity: 1;
transform: scale(1);
animation: scale 150ms var(--default-animation), opacity 150ms ease;
}
.panels__58331 .button_ae40a4.enabled__214db:active:after {
background-color: hsl(var(--md-ripple-color), 0.2);
}
.container_6sXIoE,
.container_e1958d,
.activityPanel_b73e7a,
.listeningAlong_a3b241 {
margin-bottom: 2px;
background: var(--sidebar-panel-color);
border-radius: 4px;
border-bottom: none !important;
}
.activityPanel_b73e7a {
background: var(--sidebar-panel-color) !important;
}
.activityPanel_b73e7a .gameIcon__5f62a {
border-radius: 50%;
}
.container_e1958d .actionButtons__85e3c .button__581d0 {
--button-padding: 0 12px;
}
.container_e1958d .maskSecondary_d8f93c {
border-color: var(--sidebar-panel-color);
}
.actionButtons__85e3c .button__581d0 path[fill] {
fill: currentColor !important;
}
.actionButtons__85e3c .button__581d0 path[stroke] {
stroke: currentColor !important;
}
.container_debb33 {
width: 100%;
height: 44px !important;
margin-bottom: 0 !important;
background: var(--status-picker-color) !important;
border-radius: 4px;
box-sizing: border-box;
}
.container_debb33 .avatarWrapper__500a6 {
flex-grow: 1;
margin-right: 0;
}
.container_debb33 .withTagAsButton_e22174,
.container_debb33 .withTagless__058f8 {
min-width: 0 !important;
margin-left: 0;
padding-left: 0;
}
.container_debb33 .withTagAsButton_e22174:hover,
.container_debb33 .withTagless__058f8:hover {
background-color: transparent;
border-radius: 0;
}
.container_debb33 .nameTag__77ab2 {
margin-right: 2px;
}
.container_debb33 .subtext_ce73b4 {
line-height: 14px;
}
.container_debb33 .button_ae40a4 {
color: var(--interactive-normal) !important;
}
.container_debb33 .button_ae40a4:hover {
color: var(--interactive-hover) !important;
}
.unreadBottom__6be9f {
bottom: 12px;
}
.container_bd44c3 {
width: calc(100% - 16px);
margin: 0 8px 20px;
background-color: var(--popout-color);
border-radius: var(--popout-radius-big);
box-shadow: var(--shadow-3dp);
}
.container_bd44c3 .content__79c45 {
padding: 8px 0;
}
.container_bd44c3 .content__79c45 .text-sm-bold-1Dtt0R {
color: var(--header-primary) !important;
}
.container_bd44c3 .content__79c45 .text-xs-normal_ccc5fb, .container_bd44c3 .content__79c45 .text-xs-normal__46d75 {
color: var(--text-normal) !important;
}
.container_bd44c3 .content__79c45 .button__581d0 {
--button-padding: 0 12px;
}
.container_bd44c3 .content__79c45 .lookInverted_a299dc {
--button-background: hsl(var(--button-link-accent-color-color),0.15);
--button-text-color: var(--button-link-accent-text-color);
}
.container_bd44c3 .video__9624f {
margin-top: -8px;
border-radius: var(--popout-radius-big);
}
/*
*
* PRIVATE CHANNELS LIST
*
*/
.privateChannels__9b518 {
background-color: var(--main-color);
}
.privateChannels__9b518 .scroller__89969 {
background-color: transparent;
}
.privateChannels__9b518 .content-2a4AW9 {
margin-bottom: 20px;
}
.privateChannels__9b518 .favoriteIcon__03348 path:last-child {
d: path("M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55l-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z");
}
.searchBar__621ec .searchBarComponent__8f95f {
height: 32px;
padding: 0 10px;
background-color: var(--input-color);
border-radius: 16px;
}
.channel__0aef5 {
margin-left: 8px;
border-radius: var(--channel-radius);
}
.channel__0aef5:first-of-type {
margin-top: 8px;
}
.channel__0aef5 .interactive__0786a {
transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color;
}
.channel__0aef5 .interactive__0786a:hover {
background-color: var(--menu-item-hover);
}
.channel__0aef5 .interactive__0786a.selected__37292 {
background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity));
}
.privateChannelsHeaderContainer_b22dc9 {
padding: 18px 16px 4px;
font-size: 14px;
text-transform: none;
}
/*
*
* CHAT AREA
*
*/
.chat__52833,
.threadSidebar-1o3BTy {
background-color: var(--chat-color) !important;
}
.chat__52833 {
border-top-right-radius: var(--card-radius-big);
}
.chat__52833.threadSidebarOpen__62c31 {
border-radius: 0 var(--card-radius-big) var(--card-radius-big) 0;
}
.noChannel__28db0 {
background-color: var(--chat-color);
border-top-right-radius: var(--card-radius-big);
}
.notice__5fd4c + .content__76dcf .chat__52833,
#bd-notices + .content__76dcf .chat__52833 {
border-top-right-radius: 0;
}
.chatContent_f087cb {
background: transparent !important;
}
.chatHeaderBar_b11c70 {
background-color: var(--chat-color);
}
.chatHeaderBar_b11c70:after {
display: none;
}
.threadSidebar-1o3BTy {
border-radius: var(--card-radius-big) 0 0 var(--card-radius-big);
}
.button_c7b3ea {
--button-padding: 0 12px;
color: var(--button-link-text-color);
}
.role__9690d {
background-color: var(--message-color);
border-radius: 12px;
}
/* CHAT AREA -> WELCOME SERVER OPTIONS */
.inner__4350a {
gap: 2px;
}
.cardWrapper__638bb:nth-of-type(2) .card__3662a {
border-radius: var(--card-radius-big) var(--card-radius-big) 4px 4px;
}
.cardWrapper__638bb:last-of-type .card__3662a {
border-radius: 4px 4px var(--card-radius-big) var(--card-radius-big);
}
.card__3662a {
margin-top: 0;
background-color: var(--card-color-filled);
border-radius: 4px;
transition: var(--default-time) var(--default-animation) background-color;
}
.card__3662a:hover {
background-color: var(--card-color-hover);
}
/* CHAT AREA -> PLACEHOLDER */
.wrapper_c899da, .wrapper__6b7d8 {
background: var(--chat-color) !important;
}
.wrapper_c899da, .wrapper__6b7d8 {
background: transparent !important;
}
.attachment_d24cc3,
.avatar_eb6eba,
.blob__8d5bd {
background: hsl(0, 0%, 100%) !important;
}
/* CHAT AREA -> NEW MESSAGES PILL */
.newMessagesPill__26926,
.newMessagesClear__308be {
background-color: hsl(var(--accent-hsl--material-you)) !important;
box-shadow: var(--shadow-3dp);
}
.newMessagesPill__26926 {
position: relative;
padding: 9px 16px;
border-radius: 18px;
}
.newMessagesPill__26926:after {
position: absolute;
content: " ";
width: 40px;
height: 36px;
top: 0;
right: -24px;
z-index: -1;
}
.newMessagesPill__26926 .defaultColor__77578, .newMessagesPill__26926 .defaultColor__8610e, .newMessagesPill__26926 .defaultColor__30336 {
color: var(--accent-text-color--material-you);
}
.newMessagesClear__308be {
margin-left: 8px;
padding: 10px;
border-radius: 18px;
border-left: none;
}
.newMessagesClear__308be .newMessagesClearIcon__0ab21 {
color: var(--accent-text-color--material-you);
}
/* CHAT AREA -> NEW MESSAGES BAR */
.newMessagesBar__8b272 {
top: 16px;
left: 0;
right: 0;
align-items: center;
justify-content: center;
background-color: transparent;
box-shadow: none;
opacity: 1;
pointer-events: none;
z-index: 4;
}
.barButtonBase__5e4cf {
height: unset;
line-height: 18px;
background-color: hsl(var(--accent-hsl--material-you));
color: var(--accent-text-color--material-you);
box-shadow: var(--shadow-2dp);
pointer-events: all;
}
.barButtonMain__984b4 {
flex: 0 1 auto;
padding: 9px 16px;
border-radius: 18px;
}
.barButtonAlt_e800ef {
position: relative;
margin-left: 8px;
padding: 9px 10px;
border-radius: 18px;
font-size: 0;
}
.barButtonAlt_e800ef:before {
position: absolute;
content: " ";
width: calc(var(--button-radius) * 2 + 8px);
height: var(--button-height);
top: 0;
left: calc((var(--button-radius) + 8px) * -1);
background-color: transparent;
z-index: -1;
}
.barButtonAlt_e800ef .barButtonIcon__8b27d {
top: 0;
margin: 0;
}
.barButtonAlt_e800ef .barButtonIcon__8b27d path {
d: path("M18 7l-1.41-1.41-6.34 6.34 1.41 1.41L18 7zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41zM.41 13.41L6 19l1.41-1.41L1.83 12 .41 13.41z");
}
/* CHAT AREA -> NAVIGATOR */
.container__45e29 {
right: 20px;
justify-content: flex-end;
}
.navigator__2971c {
background: hsl(var(--accent-hsl--material-you)) !important;
border-radius: 30%;
box-shadow: var(--shadow-3dp);
}
.navigator__2971c .button__78cb5 {
width: 48px;
height: 48px;
padding: 0;
border-radius: inherit;
background: transparent !important;
color: var(--accent-text-color--material-you) !important;
}
.navigator__2971c .icon_e00668 {
width: 100%;
height: 100%;
}
/* CHAT AREA -> JUMP TO PRESENT / NAVIGATOR */
.jumpToPresentBar__69174 {
width: 48px;
height: 48px;
border-radius: 30%;
left: auto;
right: 20px;
bottom: 20px;
padding: 0;
background: hsl(var(--accent-hsl--material-you)) !important;
box-shadow: var(--shadow-3dp);
}
.jumpToPresentBar__69174:active {
margin: 0 !important;
}
.jumpToPresentBar__69174:after {
content: " ";
position: absolute;
width: 24px;
height: 24px;
bottom: 0;
right: 0;
background-color: var(--accent-text-color--material-you);
-webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/expand.svg);
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-origin: content-box;
transform: scale(2) translate(-6px, -6px);
}
.jumpToPresentBar__69174 .barButtonBase__5e4cf {
width: inherit;
height: inherit;
padding: inherit;
}
.jumpToPresentBar__69174 .barButtonBase__5e4cf.barButtonMain__984b4 {
opacity: 0;
z-index: 2;
}
.jumpToPresentBar__69174 .barButtonBase__5e4cf.barButtonAlt_e800ef {
display: none;
}
.jumpToPresentBar__69174 .spinner__84b20 {
position: absolute;
width: inherit;
height: inherit;
padding: inherit;
background-color: hsl(var(--accent-hsl--material-you));
border-radius: 50%;
z-index: 3;
}
.jumpToPresentBar__69174 .spinner__84b20 .pulsingEllipsis-10G8Z6 {
vertical-align: middle;
}
/*
*
* DIRECT MESSAGES
*
*/
.wrapper__6bf2d {
background-color: var(--main-color);
box-shadow: var(--shadow-3dp);
}
.wrapper__6bf2d.minimum__7f356 {
background-color: var(--chat-color);
}
.wrapper__6bf2d .callContainer__1477d {
border-radius: var(--card-radius-big) 0 0 var(--card-radius-big);
}
.wrapper__6bf2d.chatSidebarOpen_f2e544 .callContainer__1477d {
border-radius: var(--card-radius-big);
}
.content__01e65:before {
display: none !important;
}
.border_d9a17b {
border-radius: var(--card-radius-big);
transition: var(--default-time) var(--default-animation) box-shadow;
}
.quickSelect__540d0 {
margin-top: 12px;
}
.scroller__13d83 {
padding: 8px 0;
padding-right: 0 !important;
background-color: var(--popout-color);
border-radius: var(--popout-radius);
}
.scroller__13d83 .memberListHeader__1ee3b {
margin: 8px 0;
padding: 0 12px;
color: var(--menu-item-text-color);
text-transform: none;
}
.scroller__13d83 .memberListItem_a082b9 {
margin: 0;
padding: 6px 12px;
border-radius: 0;
transition: var(--default-time) var(--default-animation) background-color;
}
.scroller__13d83 .memberListItem_a082b9:not(.popoutDisabled_a185a8):hover {
background-color: var(--menu-item-hover) !important;
}
.scroller__13d83 .memberListItem_a082b9 .memberListItemText_ba6773 {
color: var(--menu-item-text-color);
}
.scroller__13d83::-webkit-scrollbar {
width: 0 !important;
}
.root__649bb {
background-color: var(--card-color-filled);
}
.tile_a411a4 {
border-radius: var(--card-radius-big);
}
.tile_a411a4 .button__581d0 .size16_e1df74 {
line-height: var(--button-height);
}
.overlayTitle_de9b41 {
border-radius: 16px;
}
.participantsButton__11fa3 {
background-color: #2f3136 !important;
border-radius: 16px !important;
}
.participantsButton__11fa3:hover {
background-color: #202225 !important;
}
.compactButton__00b66 {
background-color: hsl(var(--button-link-accent-color), 0.075);
}
.compactButton__00b66:hover {
background-color: hsl(var(--button-link-accent-color), 0.1);
}
/* DIRECT MESSAGES -> VIDEO CALL REACTIONS */
.container-3a5mk- {
background-color: var(--popout-color);
border-radius: var(--popout-radius-big);
box-shadow: var(--shadow-3dp);
}
/* DIRECT MESSAGES -> SIDEBAR PROFILE */
.profilePanel_e2cafe {
padding: 12px;
}
.profilePanel_e2cafe .scrollerBase_f742b2::-webkit-scrollbar {
width: 0 !important;
}
.profilePanel_e2cafe .userProfileInner__61cc1:before {
width: calc(100% - 24px);
height: calc(100% - 24px);
border-radius: var(--popout-radius-big);
}
.userPanelOuter_eb00b1 {
border-radius: var(--popout-radius-big);
overflow: hidden;
}
.badgeList__76720 {
height: var(--button-height);
border-radius: var(--button-radius);
}
.badgeList__76720:not(:empty) {
padding: 0 7px;
}
.profilePanelConnections__34438 {
margin: 6px 16px 16px;
}
.profilePanelConnections__34438:empty {
margin: 0;
}
.profilePanelConnections__34438 .mutualFriendsDivider__2c616 {
position: relative;
border-top: none;
}
.profilePanelConnections__34438 .mutualFriendsDivider__2c616:before {
position: absolute;
content: " ";
width: auto;
height: 1px;
top: 0;
left: 12px;
right: 12px;
background-color: var(--card-border-color);
box-sizing: border-box;
}
.profilePanelConnections__34438 .button__581d0 {
--button-height: 42px;
--button-padding: 0 12px;
--button-background: transparent !important;
--button-radius: 0;
--button-text-color: var(--header-primary) !important;
}
.profilePanelConnections__34438 .button__581d0:after {
display: none;
}
.connectionList_b1e9da {
margin-bottom: 8px;
}
.connectionList_b1e9da .listRow__50619 {
border-radius: calc(var(--popout-radius-big) - 8px);
}
/* DIRECT MESSAGES -> SPAM FILTER */
.hamBanner__21cc2 {
margin: 8px;
padding: 12px;
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big);
box-shadow: none;
}
.chat__4eed1:before {
display: none;
}
/*
*
* DIRECT MESSAGES ICONS
*
*/
.root__3eef0 .videoControls__7bc92 .button__581d0 path {
/* DIRECT MESSAGES ICONS -> JOIN CALL */
/* DIRECT MESSAGES ICONS -> STOP SCREEN SHARE */
/* DIRECT MESSAGES ICONS -> SCREEN SHARE */
/* DIRECT MESSAGES ICONS -> STOP WATCHING */
/* DIRECT MESSAGES ICONS -> LEAVE CALL */
}
.root__3eef0 .videoControls__7bc92 .button__581d0 path[d="M11 5V3C16.515 3 21 7.486 21 13H19C19 8.589 15.411 5 11 5ZM17 13H15C15 10.795 13.206 9 11 9V7C14.309 7 17 9.691 17 13ZM11 11V13H13C13 11.896 12.105 11 11 11ZM14 16H18C18.553 16 19 16.447 19 17V21C19 21.553 18.553 22 18 22H13C6.925 22 2 17.075 2 11V6C2 5.447 2.448 5 3 5H7C7.553 5 8 5.447 8 6V10C8 10.553 7.553 11 7 11H6C6.063 14.938 9 18 13 18V17C13 16.447 13.447 16 14 16Z"] {
d: path("M20 15.45c-1.25 0-2.45-.2-3.57-.57-.1-.03-.21-.05-.31-.05-.26 0-.51.1-.71.29l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1C8.7 6.4 8.5 5.2 8.5 3.95c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1zM5.03 4.95h1.5c.07.88.22 1.75.45 2.58l-1.2 1.21c-.4-1.21-.66-2.47-.75-3.79zM19 18.92c-1.32-.09-2.6-.35-3.8-.76l1.2-1.2c.85.24 1.72.39 2.6.45v1.51zM18 5.95v-3h-2v3h-3v2h3v3h2v-3h3v-2z");
}
.root__3eef0 .videoControls__7bc92 .button__581d0 path[d="M4 2.5C2.897 2.5 2 3.397 2 4.5V15.5C2 16.604 2.897 17.5 4 17.5H11V19.5H7V21.5H17V19.5H13V17.5H20C21.103 17.5 22 16.604 22 15.5V4.5C22 3.397 21.103 2.5 20 2.5H4ZM14.5483 6L16 7.45174L13.4466 9.99485L16 12.5483L14.5483 14L12.0051 11.4466L9.45174 14L8 12.5483L10.5534 9.99485L8 7.45174L9.45174 6L12.0051 8.55341L14.5483 6Z"] {
d: path("M21.79 18l2 2H24v-2h-2.21zM1.11 2.98l1.55 1.56c-.41.37-.66.89-.66 1.48V16c0 1.1.9 2 2.01 2H0v2h18.13l2.71 2.71 1.41-1.41L2.52 1.57 1.11 2.98zM4 6.02h.13l4.95 4.93C7.94 12.07 7.31 13.52 7 15c.96-1.29 2.13-2.08 3.67-2.46l3.46 3.48H4v-10zm16 0v10.19l1.3 1.3c.42-.37.7-.89.7-1.49v-10c0-1.11-.9-2-2-2H7.8l2 2H20zm-7.07 3.13l2.79 2.78 1.28-1.2L13 7v2.13l-.07.02z");
}
.root__3eef0 .videoControls__7bc92 .button__581d0 path[d="M2 4.5C2 3.397 2.897 2.5 4 2.5H20C21.103 2.5 22 3.397 22 4.5V15.5C22 16.604 21.103 17.5 20 17.5H13V19.5H17V21.5H7V19.5H11V17.5H4C2.897 17.5 2 16.604 2 15.5V4.5ZM13.2 14.3375V11.6C9.864 11.6 7.668 12.6625 6 15C6.672 11.6625 8.532 8.3375 13.2 7.6625V5L18 9.6625L13.2 14.3375Z"] {
d: path("M20 18c1.1 0 1.99-.9 1.99-2L22 6c0-1.11-.9-2-2-2H4c-1.11 0-2 .89-2 2v10c0 1.1.89 2 2 2H0v2h24v-2h-4zM4 16V6h16v10.01L4 16zm9-6.87c-3.89.54-5.44 3.2-6 5.87 1.39-1.87 3.22-2.72 6-2.72v2.19l4-3.74L13 7v2.13z");
}
.root__3eef0 .videoControls__7bc92 .button__581d0 path[d="M20 11V13.5H4V4.5H13V2.5H4C3.46957 2.5 2.96086 2.71071 2.58579 3.08579C2.21071 3.46086 2 3.96957 2 4.5L2 15.5C2 16.0304 2.21071 16.5391 2.58579 16.9142C2.96086 17.2893 3.46957 17.5 4 17.5H11V19.5H7V21.5H17V19.5H13V17.5H20C20.5304 17.5 21.0391 17.2893 21.4142 16.9142C21.7893 16.5391 22 16.0304 22 15.5V11H20Z"] {
d: path("M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H3V5h18v14zM9.41 15.95L12 13.36l2.59 2.59L16 14.54l-2.59-2.59L16 9.36l-1.41-1.41L12 10.54 9.41 7.95 8 9.36l2.59 2.59L8 14.54z");
}
.root__3eef0 .videoControls__7bc92 .button__581d0 path[d="M20 11V13.5H4V4.5H13V2.5H4C3.46957 2.5 2.96086 2.71071 2.58579 3.08579C2.21071 3.46086 2 3.96957 2 4.5L2 15.5C2 16.0304 2.21071 16.5391 2.58579 16.9142C2.96086 17.2893 3.46957 17.5 4 17.5H11V19.5H7V21.5H17V19.5H13V17.5H20C20.5304 17.5 21.0391 17.2893 21.4142 16.9142C21.7893 16.5391 22 16.0304 22 15.5V11H20Z"] ~ path {
display: none;
}
.root__3eef0 .videoControls__7bc92 .button__581d0 path[d="M21.1169 1.11603L22.8839 2.88403L19.7679 6.00003L22.8839 9.11603L21.1169 10.884L17.9999 7.76803L14.8839 10.884L13.1169 9.11603L16.2329 6.00003L13.1169 2.88403L14.8839 1.11603L17.9999 4.23203L21.1169 1.11603ZM18 22H13C6.925 22 2 17.075 2 11V6C2 5.447 2.448 5 3 5H7C7.553 5 8 5.447 8 6V10C8 10.553 7.553 11 7 11H6C6.063 14.938 9 18 13 18V17C13 16.447 13.447 16 14 16H18C18.553 16 19 16.447 19 17V21C19 21.553 18.553 22 18 22Z"] {
d: path("M18.59 10.52c1.05.51 2.04 1.15 2.96 1.91l-1.07 1.07c-.58-.47-1.21-.89-1.88-1.27v-1.71m-13.2 0v1.7c-.65.37-1.28.79-1.87 1.27l-1.07-1.07c.91-.75 1.9-1.38 2.94-1.9M12 7C7.46 7 3.34 8.78.29 11.67c-.18.18-.29.43-.29.71s.11.53.29.7l2.48 2.48c.18.18.43.29.71.29.27 0 .52-.1.7-.28.79-.73 1.68-1.36 2.66-1.85.33-.16.56-.51.56-.9v-3.1C8.85 9.25 10.4 9 12 9s3.15.25 4.59.73v3.1c0 .4.23.74.56.9.98.49 1.88 1.11 2.67 1.85.18.17.43.28.7.28.28 0 .53-.11.71-.29l2.48-2.48c.18-.18.29-.43.29-.71s-.11-.53-.29-.71C20.66 8.78 16.54 7 12 7z");
}
/*
*
* FORMAT TOOLBAR
*
*/
.toolbar__894c6 {
background-color: var(--popout-color);
border-radius: 16px;
box-shadow: var(--shadow-3dp);
overflow: hidden;
}
.toolbar__894c6 .button__581d0 {
--button-height: 32px;
--button-background: transparent;
--button-radius: 0;
box-shadow: none !important;
transition: var(--default-time) var(--default-animation) background-color !important;
}
.toolbar__894c6 .button__581d0:hover {
--button-background: var(--menu-item-hover);
}
.toolbar__894c6 .button__581d0 .icon__2c9bf {
color: var(--menu-item-text-color);
}
.toolbar__894c6 .divider_d6bbe2 {
border-left-color: var(--card-border-color);
}
/* FORMAT TOOLBAR -> BF TOOLBAR */
.bf-toolbar {
min-height: 36px;
padding: 4px 30px 10px 0 !important;
}
.bf-toolbar:before {
background-color: var(--popout-color) !important;
border-radius: 19px !important;
box-shadow: var(--shadow-3dp);
}
.bf-toolbar .format {
max-height: 36px !important;
border-radius: 0 !important;
}
.bf-toolbar .format:nth-of-type(2) {
border-radius: 19px 0 0 19px !important;
}
/*
*
* MEMBERS LIST
*
*/
.container_f79ab4 {
background-color: var(--main-color);
}
.members__573eb, .members__573eb > div {
background: var(--main-color);
}
.members__573eb .container_a48b21 {
width: 100%;
height: 42px;
margin-left: 0;
margin-bottom: 2px;
}
.members__573eb .container_a48b21,
.members__573eb .container_a48b21 .layout_bb8e67 {
border-radius: var(--channel-radius);
}
.members__573eb .container_a48b21 .layout_bb8e67 {
width: calc(100% - 18px);
margin-left: 8px;
padding: 0 8px 0 8px;
transition: 200ms ease all;
}
.members__573eb .container_a48b21:hover .layout_bb8e67 {
background-color: var(--menu-item-hover);
}
.members__573eb .container_a48b21.selected__7f4cb .layout_bb8e67 {
background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity));
}
.member_aa4760 {
background: transparent !important;
}
.membersGroup_cad095 {
font-size: 14px !important;
text-transform: none !important;
}
.botTag__4211a {
border-radius: 8px !important;
}
.botTag__4211a.botTagRegular_c89c9a {
background-color: hsl(var(--accent-hsl--material-you));
color: var(--accent-text-color--material-you);
}
.botTag__4211a.botTagRegular_c89c9a .botTagVerified__3e0e4 {
z-index: 2;
}
/*
*
* SEARCH RESULTS
*
*/
.searchResultsWrap__2e184 {
margin: 12px 12px 12px 10px;
background-color: var(--main-alt);
border-radius: var(--popout-radius-big);
}
/* SEARCH RESULTS -> HEADER */
.searchHeader__4d70e {
padding: 0 16px;
background-color: transparent;
border-bottom: 1px solid var(--separator-color);
}
.searchHeaderTabList__75f6b {
height: 100%;
}
.searchHeaderTabList__75f6b .item__48dda {
height: 100%;
margin: 0 0 0 8px;
padding: 0 8px;
line-height: 55px;
border-radius: 0;
}
.searchHeaderTabList__75f6b .item__48dda:hover:not(.disabled-1nofHP), .searchHeaderTabList__75f6b .item__48dda.selected_a523ff {
background-color: transparent;
}
.searchHeaderTabList__75f6b .item__48dda.selected_a523ff {
position: relative;
background-color: transparent !important;
border: none;
}
.searchHeaderTabList__75f6b .item__48dda.selected_a523ff:after {
position: absolute;
content: " ";
width: 80%;
height: 3px;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
background: var(--tab-border-color);
border-radius: 3px 3px 0 0;
transition: var(--default-time) ease all;
}
/* SEARCH RESULTS -> MESSAGES */
.scroller__5f036 {
padding: 8px;
}
.channelName-3w2Y3c {
padding: 8px 8px 8px 12px;
background-color: transparent;
color: var(--card-header-text-color);
}
.searchResult__00093 {
background-color: transparent;
border-radius: 0;
}
.searchResult__00093 .wrapper_a62503 {
margin: 0 8px 0 60px !important;
padding: 12px !important;
border-radius: var(--message-radius);
}
.searchResult__00093 .wrapper_a62503:before, .searchResult__00093 .wrapper_a62503:after {
display: none;
}
.searchResult__00093 .wrapper_a62503 .avatar__08316 {
top: 0 !important;
left: -50px !important;
}
.buttonsContainer__22558 {
top: 16px;
right: 18px;
}
.buttonsContainer__22558 .button_ef08e7 {
padding: 4px 8px;
border-radius: 12px;
}
.pageButton_bf9853 {
transition: var(--default-time) var(--default-animation) background-color;
}
.pageButton_bf9853:hover {
background-color: var(--card-button-color-hover);
}
.pageButton_bf9853:disabled:hover {
background-color: transparent;
}
.activeButton__70b70 {
background-color: hsl(var(--accent-hsl--material-you)) !important;
color: var(--accent-text-color--material-you) !important;
}
.endButton__45c13:first-child, .endButton__45c13:last-child {
padding: var(--button-padding);
}
.endButton__45c13:first-child {
--button-padding: 0 16px 0 12px;
}
.endButton__45c13:first-child .iconCaret__2b7d1 {
margin-right: 8px;
}
.endButton__45c13:last-child {
--button-padding: 0 12px 0 16px;
}
.endButton__45c13:last-child .iconCaret__2b7d1 {
margin-left: 8px;
}
/*
*
* SUMMARIES
*
*/
.newTopicsBarContainer__8c1e3 {
top: 16px;
left: 0;
right: 0;
align-items: center;
justify-content: center;
background-color: transparent;
box-shadow: none;
opacity: 1;
pointer-events: none;
z-index: 4;
}
.newTopicsBarContainer__8c1e3 .barButtonBase__5e4cf {
margin-left: 8px;
}
.newTopicsBarContainer__8c1e3 .barButtonMain__984b4 > div {
position: unset !important;
}
.newTopicsBarTopicSection_d8658f {
padding: 9px 16px;
background-color: hsl(var(--accent-hsl--material-you));
border-radius: 18px;
color: var(--accent-text-color--material-you);
box-shadow: var(--shadow-2dp);
pointer-events: all;
}
.newTopicsBarTopicSection_d8658f .newTopicsBarIcon__50d2d {
margin-left: 0;
}
.newTopicsBarTopicSection_d8658f .newTopicsBarText__89578 {
color: var(--accent-text-color--material-you);
}
.newTopicsBarTopicSection_d8658f .newTopicsBarCaret__249fc {
margin-right: 0;
}
.newTopicsBarTextSelected__2415a {
height: auto;
background-color: transparent;
}
/* SUMMARIES -> NO NEW MESSAGES */
.topicsPillContainer__2c107 {
height: var(--button-height);
top: 16px;
background-color: transparent;
box-shadow: none;
pointer-events: none;
}
.topicsPill_bf6ef4 {
align-items: center;
justify-content: center;
}
.topicsPillText_e88c56,
.topicsPillCarets_a81b1e {
background-color: hsl(var(--accent-hsl--material-you));
color: var(--accent-text-color--material-you);
border-radius: var(--button-radius);
box-shadow: var(--shadow-2dp);
pointer-events: all;
}
.topicsPillText_e88c56 {
flex: 0 1 auto;
padding: 9px 16px;
}
.topicsPillText_e88c56:hover .topicsPillDropdownCaret__65e7a {
color: var(--accent-text-color--material-you);
}
.topicsPillText_e88c56 .topicsPillTextSelected__717ea {
height: 18px;
background-color: transparent;
}
.topicsPillText_e88c56 .topicsPillSummaryIcon_f8f853 {
margin-right: 8px;
}
.topicsPillText_e88c56 .topicsPillTextTitle__82e50,
.topicsPillText_e88c56 .topicsPillDropdownCaret__65e7a {
color: var(--accent-text-color--material-you);
}
.topicsPillText_e88c56 .topicsPillDropdownCaret__65e7a {
margin-right: 0;
}
.topicsPillCarets_a81b1e {
height: var(--button-height);
margin-left: 8px;
padding-right: 0;
background-color: var(--chat-color);
}
.topicsPillCaret__46c3b {
width: var(--button-height);
background-color: hsl(var(--accent-hsl--material-you));
color: var(--accent-text-color--material-you) !important;
border: none;
}
.topicsPillCaret__46c3b.topicsPillCaretDisabled__42d5c {
opacity: 0.4;
}
/*
*
* MAIN TEXTAREA
*
*/
.form_d8a4a1 {
margin-top: 0 !important;
background-color: var(--chat-color);
}
.form_d8a4a1:before {
display: none;
}
.form_d8a4a1 .channelTextArea__648e5 {
margin: 12px 0;
background-color: transparent;
border-radius: var(--main-textarea-radius);
}
.form_d8a4a1 .channelTextArea__648e5.channelTextAreaDisabled_d0f0e8 {
opacity: 0.8;
}
.form_d8a4a1 .scrollableContainer_ff917f {
background-color: var(--main-textarea-color);
border-radius: var(--main-textarea-radius);
opacity: 1;
}
.form_d8a4a1 .scrollableContainer_ff917f.hasConnectedBar__7d21e {
border-radius: 0 0 var(--main-textarea-radius) var(--main-textarea-radius);
}
.form_d8a4a1 .textAreaDisabled__38376 .placeholder_dec8c7 {
padding-left: 16px;
}
.form_d8a4a1 .inner__9fd0b {
padding-right: 10px;
}
.form_d8a4a1 .placeholder_dec8c7 {
color: var(--input-placeholder-color);
}
.form_d8a4a1 .editor__66464 {
color: var(--input-text-color);
}
.form_d8a4a1 .attachedBars_c1606a {
position: relative;
background-color: var(--main-textarea-color);
border-radius: var(--main-textarea-radius) var(--main-textarea-radius) 0 0;
border-bottom: none;
}
.form_d8a4a1 .attachedBars_c1606a:after {
position: absolute;
content: " ";
width: calc(100% - 24px);
height: 1px;
left: 0;
bottom: 0;
margin: 0 12px;
background-color: var(--main-textarea-border);
}
.form_d8a4a1 .attachedBars_c1606a .replyBar_ed6afc {
background-color: transparent;
border-radius: 0;
}
.form_d8a4a1 .attachedBars_c1606a .separator_cb3c84 {
background-color: var(--main-textarea-border);
}
.form_d8a4a1 .attachedBars_c1606a .colorLink_c0d5a1 {
color: hsl(var(--accent-hsl));
}
.form_d8a4a1 .attachedBars_c1606a + .scrollableContainer_ff917f {
border-radius: 0 0 var(--main-textarea-radius) var(--main-textarea-radius);
}
.form_d8a4a1 .attachButtonPlus_fd0021 {
d: path("M7.5,18A5.5,5.5 0 0,1 2,12.5A5.5,5.5 0 0,1 7.5,7H18A4,4 0 0,1 22,11A4,4 0 0,1 18,15H9.5A2.5,2.5 0 0,1 7,12.5A2.5,2.5 0 0,1 9.5,10H17V11.5H9.5A1,1 0 0,0 8.5,12.5A1,1 0 0,0 9.5,13.5H18A2.5,2.5 0 0,0 20.5,11A2.5,2.5 0 0,0 18,8.5H7.5A4,4 0 0,0 3.5,12.5A4,4 0 0,0 7.5,16.5H17V18H7.5Z");
}
.form_d8a4a1 .typing__6fd1d {
position: absolute;
width: calc(100% - var(--scrollbar-width));
top: -16px;
left: 0;
margin-top: 0;
background-color: var(--typing-color);
transition: 200ms ease-in-out;
}
.form_d8a4a1 .typing__6fd1d .slowModeIcon__2967f {
margin-right: 8px;
}
.mentionButton__73096 {
--text-link: hsl(var(--accent-hsl));
}
.threadSuggestionBar__717a3 {
position: relative;
background-color: transparent;
border: none;
}
.threadSuggestionBar__717a3:before {
position: absolute;
content: " ";
width: calc(100% - 24px);
height: 1px;
top: 0;
left: 0;
margin: 0 12px;
background-color: var(--main-textarea-border);
}
.threadSuggestionBar__717a3 .createThreadButton__0fb19 {
color: hsl(var(--accent-hsl)) !important;
}
.buttonContainer__14dd9 .contents__322f4 {
margin-left: 8px;
}
.buttonContainer__14dd9 .activeButtonChild__58171 {
color: hsl(var(--accent-hsl)) !important;
}
.buttonContainer__14dd9 .sendIcon_f67abd {
padding-top: 0;
}
.buttonContainer__14dd9 .sendIcon_f67abd path {
d: path("M4.01 6.03l7.51 3.22-7.52-1 .01-2.22m7.5 8.72L4 17.97v-2.22l7.51-1M2.01 3L2 10l15 2-15 2 .01 7L23 12 2.01 3z");
}
.applicationCommandEducation-1stoia {
top: -12px;
bottom: unset;
background-color: var(--typing-color);
}
.applicationCommandEducation-1stoia .applicationCommandEducationArrow-2xKDmq {
transform: rotate(180deg) scaleX(-100%);
}
.wrapper__57349 {
height: 44px;
margin: 12px 0;
padding: 0;
background-color: var(--main-textarea-color);
border-radius: var(--main-textarea-radius);
}
.wrapper__57349 .buttonContainer__1b685 {
margin-right: 4px;
}
.fakeLink_e091e1 {
color: hsl(var(--accent-hsl));
}
.upload_c98ecb {
background-color: var(--card-color-filled);
border: none;
padding: 8px;
border-radius: var(--card-radius-big);
}
.upload_c98ecb .image-1091CL {
border-radius: var(--card-radius-big);
}
.upload_c98ecb .wrapper__4e6b6:hover {
box-shadow: var(--shadow-3dp);
}
.upload_c98ecb .altTag__3fced {
border-radius: 10px;
}
.spoiler__994a1 {
filter: blur(22px);
}
/* MAIN TEXTAREA -> SPAM FILTER */
.spamBanner_b5e5bf {
display: grid;
grid-template-columns: 1fr auto;
margin: 12px 16px;
padding: 4px 8px;
background-color: var(--main-textarea-color);
border: 1px solid var(--main-textarea-border);
border-radius: 28px;
}
.spamBanner_b5e5bf .bannerTextContainer__220b6 {
margin: 0 8px 0 0;
}
.spamBanner_b5e5bf .actionButtons__459a9 {
width: auto;
margin: 0;
}
/* MAIN TEXTAREA -> INTRODUCTION */
.banner_f13f1e {
margin-top: 12px;
padding: 12px 16px;
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big);
}
.banner_f13f1e .text-md-semibold__79164, .banner_f13f1e .text-md-semibold__8664f {
font-weight: 500;
}
.banner_f13f1e .iconCircle__43c9b {
width: var(--button-height);
height: var(--button-height);
background-color: hsl(var(--accent-hsl--material-you));
border-radius: var(--button-radius);
}
.banner_f13f1e .iconCircle__43c9b .nextIcon__4a84f {
width: 20px;
height: 20px;
}
.banner_f13f1e .iconCircle__43c9b .nextIcon__4a84f polygon {
fill: var(--accent-text-color--material-you);
}
/*
*
* THREAD
*
*/
.resizeHandle_cc9d34 {
background: var(--main-alt);
}
.container__694a1 {
background-color: var(--chat-color);
border-radius: var(--card-radius-big) var(--card-radius-big) 0;
}
.container__694a1.floating__8f631 {
filter: drop-shadow(-8px 0 10px hsl(var(--black-500-hsl)/0.125));
}
.chatHeaderBar__9e6ac {
background-color: var(--chat-color);
border-bottom: 1px solid var(--card-border-color);
}
.scrollerInner__56abf {
margin-bottom: 16px;
}
.scrollerInner__56abf .wrapper_a62503.cozy_f5c119:not(.message_ccca67) .avatar__08316 {
left: -52px;
}
.channelTextArea_cb604a {
margin: 0 16px 12px;
background-color: transparent;
}
.channelTextArea_cb604a .placeholder_dec8c7 {
color: var(--input-placeholder-color);
}
.channelTextAreaInner_dd3f1a {
max-height: 200px;
background-color: var(--main-textarea-color);
border-radius: var(--main-textarea-radius);
}
.channelTextAreaInner_dd3f1a .inner__9fd0b {
padding-left: 16px;
}
.channelTextAreaInner_dd3f1a .buttons__7ecff {
margin-right: 0;
}
/*
*
* BETTERDISCORD PLUGIN -> BetterFormattingRedux
*
*/
.bf-toolbar {
z-index: 2;
}
.bf-toolbar .bf-arrow {
transform: translate(14px, -18px);
}
/*
*
* BETTERDISCORD PLUGIN -> ChannelDms
*
*/
.ChannelDms-channelmembers-wrap .ChannelDms-channelmembers-header {
padding: 0 !important;
background-color: var(--main-color) !important;
border-bottom-color: var(--popout-header-border) !important;
}
.ChannelDms-channelmembers-wrap .ChannelDms-channelmembers-header .item__48dda {
height: 46px;
padding: 0 8px;
line-height: 46px;
}
.ChannelDms-channelmembers-wrap .privateChannels__9b518 {
width: 240px;
}
.ChannelDms-channelmembers-wrap .privateChannelsHeaderContainer_b22dc9 {
padding: 18px 8px 4px 16px;
}
.ChannelDms-channelmembers-wrap .channel__0aef5 {
margin-left: 8px;
margin-right: 0;
border-radius: 21px 0 0 21px;
}
.ChannelDms-channelmembers-wrap .channel__0aef5 .interactive__0786a {
padding-right: 0;
padding-left: 8px;
}
.ChannelDms-channelpopout-popout {
background-color: var(--chat-color) !important;
border-radius: var(--popout-radius-big);
box-shadow: var(--shadow-3dp) !important;
}
.ChannelDms-channelpopout-popout .ChannelDms-channelpopout-removeButton {
z-index: 3;
}
.ChannelDms-channelpopout-popout .ChannelDms-channelpopout-content {
margin-bottom: -4px;
border-radius: var(--popout-radius-big) !important;
}
.ChannelDms-channelpopout-popout .ChannelDms-channelpopout-collapseButton {
background-color: var(--popout-color) !important;
box-shadow: var(--shadow-3dp);
}
.ChannelDms-channelpopout-popout .ChannelDms-channelpopout-header {
position: relative;
padding: 8px !important;
background-color: var(--main-color) !important;
z-index: 2;
}
/*
*
* BETTERDISCORD PLUGIN -> ChannelTabs
*
*/
#channelTabs-container {
padding: 4px 8px 0 8px !important;
}
.channelTabs-tabContainer {
gap: 4px;
}
.channelTabs-tabContainer .channelTabs-tabNav {
gap: 4px;
margin: 0 4px 0 0 !important;
}
.channelTabs-tabContainer .channelTabs-tabNav > div {
width: 28px;
height: 28px;
margin-right: 0 !important;
border-radius: 16px !important;
transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color;
}
.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;
}
/*
*
* BETTERDISCORD PLUGIN -> CharCounter
*
*/
.chatContent_f087cb .charCounterAdded-zz9O4t .channelTextArea__648e5 {
margin-bottom: 0 !important;
}
.chatContent_f087cb .charCounterAdded-zz9O4t .channelTextArea__648e5 .scrollableContainer_ff917f {
border-radius: var(--main-textarea-radius) var(--main-textarea-radius) 0 0;
}
.chatContent_f087cb .charCounterAdded-zz9O4t .channelTextArea__648e5 .scrollableContainer_ff917f.hasConnectedBar__7d21e {
border-radius: 0;
}
.chatContent_f087cb .counter-uAzbKp {
height: 28px;
line-height: 28px !important;
padding: 0 16px;
line-height: var(--main-textarea-radius);
background-color: var(--main-textarea-color);
border-radius: 0 0 var(--main-textarea-radius) var(--main-textarea-radius);
text-align: right;
font-weight: 500;
}
.chatContent_f087cb .counter-uAzbKp:before {
position: absolute;
content: " ";
width: calc(100% - 24px);
height: 1px;
top: 0;
left: 12px;
background-color: var(--main-textarea-border);
}
.chatContent_f087cb .counter-uAzbKp.chatCounter-XOMPsh {
position: relative;
bottom: auto;
margin-bottom: 12px;
}
/*
*
* BETTERDISCORD PLUGIN -> HideChannels
*
*/
.hideElement.sidebar_e031be .container_debb33 {
height: 52px !important;
margin-bottom: 0 !important;
background-color: var(--chat-color) !important;
}
.hideElement.sidebar_e031be + .chat__52833 {
border-top-left-radius: var(--card-radius-big);
}
.hideElement.sidebar_e031be + .chat__52833 .typing__6fd1d {
width: calc(100% + 240px);
left: -240px;
}
/*
*
* BETTERDISCORD PLUGIN -> ImageUtilities
*
*/
.menu__088f7 .item__183e8 {
/* SUBMENU WITH ARROW */
}
.menu__088f7 #message-imageutilities-copy-link.item__183e8:after {
-webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/content_copy.svg);
}
.menu__088f7 #message-imageutilities-copy-media-link.item__183e8:after {
-webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/content_copy.svg);
}
.menu__088f7 #message-imageutilities-open-link.item__183e8:after {
-webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/open_in_new.svg);
}
.menu__088f7 #message-imageutilities-copy-file.item__183e8:after {
-webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/image_copy.svg);
}
.menu__088f7 #message-imageutilities-view-file.item__183e8:after {
-webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/image_view.svg);
}
.menu__088f7 #message-imageutilities-download-file-as.item__183e8:before {
-webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/save.svg);
}
.menu__088f7 #message-imageutilities-submenu-search.item__183e8:before {
-webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/search.svg);
}
.menu__088f7 #message-imageutilities-main-subitem.item__183e8:before {
-webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/image_view.svg);
}
.menu__088f7 #user-context-imageutilities-main-subitem.item__183e8:before {
-webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/image_view.svg);
}
/*
*
* BETTERDISCORD PLUGIN -> CharCounter
*
*/
#MemberCount {
margin-top: 0 !important;
background-color: var(--main-color) !important;
}
#MemberCount .membersGroup_cad095 {
padding: 16px;
line-height: 14px;
}
.membersWrap__5ca6b.hasCounter .members__573eb {
margin-top: 47px !important;
}
#vc-membercount {
margin-bottom: 0 !important;
}
/*
*
* BETTERDISCORD PLUGIN -> PasscodeLock
*
*/
.PCL--layout-bg {
background-color: var(--main-alt) !important;
backdrop-filter: none !important;
}
.PCL--icon {
padding: 16px;
background-color: var(--card-color-hover);
border-radius: 50%;
}
.theme-light .PCL--icon {
background-color: var(--switch-knob-color);
}
.PCL--title {
color: var(--header-primary);
}
.PCL--dot:before {
background: var(--text-normal) !important;
}
.PCL--divider {
display: none;
}
.PCL--buttons {
grid-template-columns: repeat(3, 80px) !important;
grid-auto-rows: 80px !important;
gap: 16px !important;
padding: 16px 20px 40px !important;
}
.PCL--btn {
background-color: var(--card-color-filled);
color: var(--text-normal);
transition: var(--default-time) var(--default-animation) border-radius, var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color !important;
}
.PCL--btn:hover {
background-color: var(--card-color-active) !important;
}
.PCL--btn:active {
background-color: hsl(var(--accent-hsl--material-you)) !important;
border-radius: 20px !important;
color: var(--accent-text-color--material-you);
}
.PCL--btn:active .PCL--btn-dec {
color: var(--accent-text-color--material-you);
}
.PCL--btn#PCLBtn-Escape, .PCL--btn#PCLBtn-Backspace {
background-color: hsl(var(--accent-hsl--material-you)) !important;
color: var(--accent-text-color--material-you);
}
.PCL--btn .PCL--btn-number {
font-weight: 400;
}
.PCL--btn .PCL--btn-dec {
color: var(--text-muted);
transition: var(--default-time) var(--default-animation) color !important;
}
/*
*
* BETTERDISCORD PLUGIN -> PermissionsViewer
*
*/
#permissions-modal-wrapper #permissions-modal {
max-height: 80vh;
border-radius: var(--popout-radius-big) !important;
box-shadow: var(--shadow-3dp) !important;
border: none !important;
}
#permissions-modal-wrapper .header {
background-color: var(--popout-color) !important;
padding: 16px !important;
box-shadow: none !important;
border-bottom: 1px solid var(--popout-header-border);
line-height: 20px !important;
font-size: 16px !important;
font-weight: 600 !important;
color: var(--header-primary) !important;
}
#permissions-modal-wrapper .modal-body {
background-color: var(--popout-color) !important;
}
#permissions-modal-wrapper .role-side {
padding: 16px 0 16px 16px !important;
background-color: transparent !important;
border-right: 1px solid var(--popout-header-border);
}
#permissions-modal-wrapper .role-scroller {
padding-top: 0;
}
#permissions-modal-wrapper .perm-side {
padding: 0 0 16px 16px !important;
background-color: transparent !important;
}
#permissions-modal-wrapper .role-item {
margin-bottom: 2px !important;
padding: 6px 12px !important;
border-radius: 14px !important;
}
#permissions-modal-wrapper .role-item:hover {
background-color: var(--menu-item-hover) !important;
}
#permissions-modal-wrapper .role-item.selected {
background-color: var(--menu-item-select) !important;
}
#permissions-modal-wrapper .perm-item {
position: relative;
border-bottom: none;
box-shadow: none !important;
}
#permissions-modal-wrapper .perm-item:after {
position: absolute;
content: " ";
width: calc(100% - 0px * 2);
height: 1px;
right: 0;
bottom: 0;
margin: 0 0px;
background-color: var(--card-border-color);
}
#permissions-modal-wrapper .perm-item:last-of-type:after {
display: none;
}
/*
*
* BETTERDISCORD PLUGIN -> PersonalPins
*
*/
.themedPopout-1TrfdI {
border-radius: var(--popout-radius-big);
box-shadow: var(--shadow-3dp);
}
.themedPopout-1TrfdI .header-145e10 {
padding-bottom: 0 !important;
}
.themedPopout-1TrfdI .title-3OGHA5 {
margin-top: 16px;
line-height: 36px;
font-weight: 500;
font-size: 16px;
}
.themedPopout-1TrfdI .container__33507 {
margin-top: 16px;
}
.themedPopout-1TrfdI .tab_a8a066 {
height: 32px;
margin-right: 16px;
padding: 0;
}
.themedPopout-1TrfdI .tab_a8a066:first-child {
margin-right: 16px;
}
.themedPopout-1TrfdI .tabBar__2aa8e .item__48dda {
height: 32px;
}
.themedPopout-1TrfdI .quickSelectWrapper-UCfTKz {
margin-right: 16px;
font-weight: 500;
}
/*
*
* BETTERDISCORD PLUGIN -> PluginRepo
*
*/
.repoHeader_2KfNvH {
margin: 0 32px 0 0 !important;
padding-bottom: 0 !important;
}
.repoScroller_9JnAPs {
margin: 0 !important;
padding-top: 16px !important;
padding-right: 82px !important;
}
.repoScroller_9JnAPs .tabContent_nZ-1U5 {
margin-top: 0;
}
.card_x5zW6z {
height: 400px;
background-color: var(--card-color-filled) !important;
border-radius: var(--card-radius-big);
border: none;
box-shadow: none;
}
.card_x5zW6z:hover {
box-shadow: none;
transform: none;
}
.card_x5zW6z:hover .coverWrapper_J-mDGJ {
transform: none;
}
.card_x5zW6z .coverWrapper_J-mDGJ,
.card_x5zW6z .cover_qyY86I {
border-radius: var(--card-radius-big);
}
.card_x5zW6z .coverBadge_I41ZIY {
background-color: hsl(var(--alert-hsl)) !important;
color: var(--alert-text-color);
border-radius: 8px !important;
text-transform: capitalize !important;
font-size: 14px;
}
.card_x5zW6z .iconWrapper_eK7GO6 {
background-color: var(--card-color-active) !important;
border-radius: 50%;
border: 4px solid var(--card-color-filled);
}
.card_x5zW6z .info_xw-o76 {
overflow: visible;
}
.card_x5zW6z .title_SSzExd {
position: relative;
line-height: normal;
font-size: 1.4em;
font-weight: 400;
color: var(--card-header-text-color);
}
.card_x5zW6z .title_SSzExd:before {
position: absolute;
content: " ";
width: 62px;
height: 32px;
top: -2px;
right: -2px;
background-color: var(--card-button-color);
border-radius: 16px;
pointer-events: none;
}
.button_SxdSzE {
position: relative;
width: 28px !important;
height: 28px !important;
border-radius: 50%;
transition: var(--default-time) var(--default-animation) background-color;
}
.button_SxdSzE:hover {
background-color: var(--card-button-color-hover);
}
.button_SxdSzE.favbutton_8Fzu45 {
margin-left: 2px;
}
.tag_PbPfwP {
height: 24px;
padding: 0 8px;
background-color: var(--card-button-color) !important;
line-height: 24px;
border-radius: 6px;
text-transform: capitalize;
}
.button_coQXfM {
--button-padding: 0 24px 0 16px;
height: var(--button-height);
padding: var(--button-padding);
gap: 8px;
background-color: hsl(var(--accent-hsl--material-you)) !important;
border-radius: var(--button-radius);
font-size: 1em;
color: var(--accent-text-color--material-you);
transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color;
}
[style="background-color: var(--status-positive);"].button_coQXfM {
background-color: rgba(255, 255, 255, 0.15) !important;
color: #fff;
}
[style="background-color: var(--status-danger);"].button_coQXfM {
background-color: hsl(var(--alert-hsl)) !important;
color: var(--alert-text-color);
}
.button_coQXfM .statIcon_o40EX1 {
margin-right: 0;
}
/*
*
* BETTERDISCORD PLUGIN -> ShowAllActivities
*
*/
.userProfileOuterThemed__1fbd7 .wrapper .controls {
--popout-color: var(--profile-body-background-color);
}
.userProfileOuterThemed__1fbd7 .wrapper .controls .carosell {
--carosell-dot-selected: var(--profile-gradient-secondary-color);
}
.wrapper .controls {
background-color: var(--popout-color) !important;
border-radius: 17px !important;
}
.wrapper .controls .caret {
border-radius: 50% !important;
}
.wrapper .controls .caret:not(.disabled) {
background-color: hsl(var(--accent-hsl--material-you)) !important;
}
.wrapper .controls .caret:not(.disabled) .SAA-caret {
color: var(--accent-text-color--material-you);
}
.wrapper .controls .carosell .dot.selected {
background-color: hsl(var(--accent-hsl--material-you)) !important;
}
/*
*
* BETTERDISCORD PLUGIN -> SpotifyControls
*
*/
.coverWrapper_YAplwJ {
border-radius: 50%;
}
.container_6sXIoE {
margin-bottom: 2px;
background-color: var(--sidebar-panel-color);
border-radius: 4px;
border-bottom: none;
}
.container_6sXIoE.maximized_vv2Wr0 .coverWrapper_YAplwJ {
border-radius: var(--card-radius-big);
}
/* BETTERDISCORD PLUGIN -> SpotifyControls -> VENCORD*/
#vc-spotify-player {
margin-bottom: 2px;
padding: 12px !important;
background-color: var(--sidebar-panel-color) !important;
border-radius: 4px;
border-bottom: none !important;
}
#vc-spotify-player #vc-spotify-album-image {
border-radius: 50%;
}
#vc-spotify-player .track_b31f5a {
top: 12px;
}
#vc-spotify-player .grabber_e3daf3 {
background-color: hsl(var(--accent-hsl--material-you)) !important;
}
#vc-spotify-player .vc-spotify-button-row {
gap: 8px !important;
}
#vc-spotify-player .vc-spotify-button {
color: var(--text-normal) !important;
transition: var(--default-time) var(--default-animation) background-color;
}
#vc-spotify-player .vc-spotify-play,
#vc-spotify-player .vc-spotify-pause {
padding: 4px;
background-color: hsl(var(--accent-hsl--material-you));
color: var(--accent-text-color--material-you);
transition: var(--default-time) var(--default-animation) border-radius;
}
#vc-spotify-player .vc-spotify-play {
border-radius: 16px;
animation: vc-spotify-play-button var(--default-time) var(--default-animation);
}
#vc-spotify-player .vc-spotify-pause {
border-radius: 10px;
animation: vc-spotify-pause-button var(--default-time) var(--default-animation);
}
#vc-spotify-album-expanded-wrapper {
margin: -12px -12px 0;
}
#vc-spotify-album-expanded-wrapper img {
border-radius: var(--card-radius-big) !important;
}
.activityPanel_b73e7a + .wrapper_e832ee:empty + #vc-spotify-player #vc-spotify-album-expanded-wrapper img,
.wrapper_e832ee:not(:empty) + #vc-spotify-player #vc-spotify-album-expanded-wrapper img {
border-radius: 4px !important;
}
#vc-spotify-progress-bar {
margin: 8px 0 !important;
}
.vc-spotify-shuffle path {
d: path("M14.83,13.41L13.42,14.82L16.55,17.95L14.5,20H20V14.5L17.96,16.54L14.83,13.41M14.5,4L16.54,6.04L4,18.59L5.41,20L17.96,7.46L20,9.5V4M10.59,9.17L5.41,4L4,5.41L9.17,10.58L10.59,9.17Z");
}
.vc-spotify-play path {
d: path("M8,5.14V19.14L19,12.14L8,5.14Z");
}
.vc-spotify-pause path {
d: path("M14,19H18V5H14M6,19H10V5H6V19Z");
}
.vc-spotify-previous path {
d: path("M6,18V6H8V18H6M9.5,12L18,6V18L9.5,12Z");
}
.vc-spotify-next path {
d: path("M16,18H18V6H16M6,18L14.5,12L6,6V18Z");
}
.vc-spotify-repeat path {
d: path("M17,17H7V14L3,18L7,22V19H19V13H17M7,7H17V10L21,6L17,2V5H5V11H7V7Z");
}
@keyframes vc-spotify-play-button {
from {
border-radius: 10px;
}
}
@keyframes vc-spotify-pause-button {
from {
border-radius: 16px;
}
}
/*
*
* BETTERDISCORD PLUGIN -> StatusEverywhere
*
*/
.StatusEverywhere-avatar-chatAvatar.accountSettingsAvatar {
width: 80px !important;
height: 80px !important;
top: 76px;
}
.StatusEverywhere-avatar-userPopout {
background-color: var(--popout-color) !important;
border: none !important;
}
/*
*
* BETTERDISCORD PLUGIN -> UserDetails
*
*/
.UserDetails-activity-container img {
border-radius: 50%;
}
/*
*
* BETTERDISCORD ADDONS
*
*/
.bd-settings-title {
color: var(--header-primary);
}
.bd-modal-root {
background-color: var(--popout-color);
border-radius: var(--popout-radius-big);
box-shadow: var(--shadow-3dp);
}
.bd-modal-root .bd-modal-footer {
background-color: transparent;
box-shadow: none;
}
.bd-button {
background-color: hsl(var(--accent-hsl--material-you)) !important;
border-radius: var(--button-radius);
color: var(--accent-text-color--material-you) !important;
}
.bd-button.bd-button-danger {
background-color: hsl(var(--alert-hsl)) !important;
color: var(--alert-text-color) !important;
}
.bd-button.bd-button-color-brand .bd-button-content svg:not([fill]) path[fill] {
fill: currentColor;
}
.bd-button.bd-button-color-brand .bd-button-content svg[fill] {
fill: currentColor;
}
.bd-search-wrapper {
padding: 0 8px;
background-color: var(--input-color);
border-radius: 13px;
}
.bd-search-wrapper .bd-search {
padding: 0;
line-height: 26px;
color: var(--text-normal);
}
.bd-search-wrapper .bd-search::-webkit-input-placeholder {
font-family: var(--app-font);
}
.bd-label {
line-height: 26px;
}
.bd-select {
line-height: 26px;
}
.bd-select.bd-select-transparent {
gap: 4px;
}
.bd-select .bd-select-value {
padding-left: 0;
}
.bd-select .bd-select-arrow {
height: 26px !important;
margin-left: 0;
}
.bd-select .bd-select-options {
padding: 8px 0;
background-color: var(--popout-color);
border-radius: var(--popout-radius);
border: none;
box-shadow: var(--shadow-3dp);
animation: opacity 100ms ease, open-context-menu 300ms var(--default-animation);
transform-origin: top;
}
.bd-select .bd-select-option {
min-height: 32px;
padding: 9px 12px;
line-height: 18px;
font-weight: 500;
color: var(--menu-item-text-color);
box-sizing: border-box;
transition: var(--default-time) var(--default-animation) background-color;
}
.bd-select .bd-select-option:hover {
background-color: var(--menu-item-hover);
}
.bd-select .bd-select-option.selected {
background-color: var(--menu-item-select);
}
.bd-addon-views .bd-view-button {
background-color: transparent !important;
}
.bd-addon-views .bd-view-button:not(.selected) svg[fill] {
fill: var(--interactive-normal);
}
.bd-addon-views .bd-view-button.selected {
background-color: hsl(var(--accent-hsl--material-you)) !important;
}
.bd-addon-views .bd-view-button.selected svg {
fill: var(--accent-text-color--material-you);
}
.bd-addon-controls + .bd-addon-list {
margin-top: 16px;
}
#themes-tab .bd-addon-controls:after {
position: relative;
display: flex;
flex-direction: column;
content: "Theme Add-ons\a\aMaterial Discord has a few add-on themes to either enhance or revert\asome features that can be located at bit.ly/MaterialDiscordAddons.\a\a- Solid Icons\a- Old Message Bubbles\a- Material You";
width: 100%;
margin-top: 16px;
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
color: var(--text-normal);
box-sizing: border-box;
white-space: pre;
word-wrap: break-word;
line-height: 18px;
}
.bd-empty-image-container {
margin-top: 24px;
max-width: unset;
}
.bd-addon-list.bd-grid-view {
column-gap: 16px;
row-gap: 16px;
}
.bd-addon-list .bd-addon-card {
margin-bottom: 16px;
}
.bd-addon-card {
background-color: var(--card-color-filled) !important;
border: none !important;
padding: 0;
border-radius: var(--card-radius-big) !important;
}
.bd-addon-card .bd-addon-header {
margin-bottom: 0;
padding: 16px;
background-color: transparent;
font-size: 1.25em;
line-height: normal;
color: var(--card-header-text-color);
font-weight: 400;
opacity: 1;
}
.bd-addon-card .bd-addon-header .bd-link {
color: hsl(var(--accent-hsl));
}
.bd-addon-card .bd-addon-header .bd-meta {
display: block;
font-size: 12px;
}
.bd-addon-card .bd-description-wrap {
padding: 0 16px;
}
.bd-addon-card .bd-description {
padding: 0;
}
.bd-addon-card .bd-footer {
background-color: transparent;
}
.bd-addon-card .bd-controls {
background-color: transparent;
border-radius: 14px;
overflow: hidden;
}
.bd-addon-card .bd-controls .bd-button {
padding: 3px 8px;
background-color: var(--card-button-color) !important;
color: var(--text-normal);
}
.bd-addon-card .bd-controls .bd-button:hover {
background-color: var(--card-button-color-hover) !important;
}
.bd-addon-card .bd-controls .bd-button svg {
fill: var(--text-normal);
}
.bd-description-wrap .banner {
margin-bottom: 16px;
padding: 8px;
border-radius: calc(var(--card-radius-big) / 1.5);
border: none;
color: var(--text-normal);
}
.banner.banner-danger {
background-color: hsl(var(--alert-hsl), 0.3);
}
.banner.banner-danger .bd-icon {
fill: hsl(var(--alert-hsl));
}
/* BETTERDISCORD ADDONS -> BD ADDON MODAL */
.bd-addon-modal .bd-addon-modal-header h1 {
font-size: 22px;
font-weight: 400;
}
.bd-addon-modal .bd-select {
height: var(--input-height);
max-height: var(--input-height);
padding: var(--input-padding);
background-color: var(--input-color);
border-radius: calc(var(--input-height) / 2);
border: none;
font-size: 1em;
}
/*
*
* BETTERDISCORD CSS EDITOR
*
*/
#bd-editor-panel {
border-radius: var(--card-radius-big);
overflow: hidden;
}
#bd-editor-controls {
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
}
#bd-customcss-editor {
background-color: var(--card-color-filled);
}
.monaco-editor, .monaco-editor-background,
.monaco-editor .inputarea.ime-input,
.monaco-editor .margin {
background-color: inherit !important;
}
.monaco-editor .overflow-guard {
border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
border-top: none;
}
.monaco-editor .minimap {
right: 7px;
background-color: inherit !important;
}
.monaco-editor .minimap-shadow-visible {
box-shadow: none !important;
}
.monaco-editor .scroll-decoration {
box-shadow: none !important;
}
.monaco-editor *,
.ace_editor *,
.line-numbers * {
--app-font: var(--code-font);
}
.monaco-editor .codicon[class*=codicon-],
.ace_editor .codicon[class*=codicon-],
.line-numbers .codicon[class*=codicon-] {
font-family: codicon !important;
}
/*
*
* VENCORD PLUGIN - ReadAllNotification
*
*/
.wrapper__216eb .button__581d0 {
--button-height: 22px;
--button-padding: 0 4px;
font-size: 0.8em !important;
}
/*
*
* VENCORD PLUGIN - ReviewDB
*
*/
.userProfileOuterThemed__1fbd7 .vc-rdb-view .wrapper_a62503 {
--message-color: var(--profile-body-background-hover);
--message-color-hover: var(--profile-body-background-hover);
}
.userProfileOuterThemed__1fbd7 .vc-rdb-view .formText__20efd {
background-color: var(--profile-body-background-hover);
}
.userProfileOuterThemed__1fbd7 .vc-rdb-view .input_f27786 {
--input-color: var(--profile-body-background-color) !important;
}
.vc-rdb-view .wrapper_a62503 {
--message-color: var(--popout-color);
--message-color-hover: var(--popout-color);
margin-left: 52px !important;
}
.vc-rdb-view .avatar__08316 {
left: -52px !important;
}
.vc-rdb-review-comment {
margin-bottom: 0;
}
.vc-rdb-input {
margin-top: 12px !important;
background-color: var(--input-color) !important;
border-radius: 22px !important;
border: none !important;
box-shadow: none !important;
}
.vc-rdb-input .placeholder_dec8c7 {
color: var(--input-placeholder-color);
}
.vc-rdb-input .editor__66464 {
color: var(--input-text-color);
}
.vc-rdb-input .buttons__7ecff {
margin-right: 0 !important;
}
/*
*
* VENCORD SETTINGS
*
*/
.vc-settings-tab-bar {
height: 48px;
border-bottom-width: 1px !important;
}
.vc-settings-tab-bar .item__48dda {
height: inherit;
line-height: 48px;
margin: 0 24px 0 0;
padding: 0 8px;
border-radius: 0;
border: none !important;
color: var(--interactive-normal) !important;
}
.vc-settings-tab-bar .item__48dda.selected_a523ff {
position: relative;
background-color: transparent !important;
border: none;
}
.vc-settings-tab-bar .item__48dda.selected_a523ff:after {
position: absolute;
content: " ";
width: 80%;
height: 3px;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
background: var(--tab-border-color);
border-radius: 3px 3px 0 0;
transition: var(--default-time) ease all;
}
.vc-settings-tab-bar + .divider_d6f39c {
display: none;
}
.vc-settings-card .h5__28baa,
.vc-plugins-info-card .h5__28baa {
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_d6f39c,
.vc-plugins-info-card .divider_d6f39c {
margin: 16px 0;
}
.vc-settings-donate .button__581d0 {
position: absolute;
bottom: 16px;
transform: none !important;
}
.vc-settings-donate .button__581d0 .contents__322f4 {
display: flex;
}
.vc-settings-donate .button__581d0 svg {
transform: none !important;
}
.vc-settings-donate .button__581d0 svg path {
fill: currentColor;
}
.vc-settings-donate img {
margin: 16px;
}
.vc-error-card {
padding: 16px;
background-color: hsl(var(--alert-hsl), 0.1);
border-radius: var(--card-radius-big);
border-color: hsl(var(--alert-hsl));
}
/* VENCORD SETTINGS -> PLUGINS */
.vc-plugins-info-card {
height: auto !important;
}
.vc-plugins-filter-controls .inputWrapper_ecb776:last-of-type {
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
}
.vc-plugins-filter-controls .select_fe2671 {
box-shadow: none !important;
}
.vc-addon-card {
background-color: var(--card-color-filled) !important;
border: none !important;
padding: 16px;
border-radius: var(--card-radius-big) !important;
}
.vc-addon-card:hover {
box-shadow: none !important;
transform: none !important;
}
.vc-addon-card .container__2ed72 .slider__41d94 {
transform: translate(-2px, -50%) !important;
transition: var(--default-time) var(--default-animation) all;
}
.vc-addon-card .container__2ed72.checked__36fdc .slider__41d94 {
transform: translate(calc(100% - 7px), -50%) !important;
}
.vc-addon-header {
height: auto !important;
margin-bottom: 12px !important;
justify-content: flex-start !important;
}
.vc-addon-header .vc-addon-name-author {
overflow: hidden;
font-size: 1.1em !important;
font-weight: 400;
}
.vc-addon-header .vc-addon-name-author .vc-addon-name {
font-size: inherit !important;
font-weight: inherit !important;
}
.vc-addon-note:not(:last-child) {
margin-bottom: 0.875em !important;
}
.vc-addon-note + div:not([class]) {
font-size: 14px;
}
/* VENCORD SETTINGS -> THEMES */
.vc-settings-theme-links {
padding: 12px !important;
background-color: var(--input-color);
border-radius: 4px 4px 0 0 !important;
border: none !important;
box-shadow: inset 0 -1px 0 0 var(--input-border-color);
line-height: 1.375rem;
font-size: 1rem;
color: var(--input-text-color) !important;
transition: var(--default-time) var(--default-animation) box-shadow;
}
.vc-settings-theme-links:focus {
box-shadow: inset 0 -2px 0 0 hsl(var(--accent-hsl--material-you));
}
[style*="padding: 0.5em"].cardPrimary__1ee6a {
padding: 16px !important;
}
/* VENCORD SETTINGS -> BACKUP AND RESTORE */
.vc-backup-restore-card > div {
gap: 0 !important;
}
.vc-backup-restore-card strong {
padding-bottom: 16px;
line-height: normal;
font-size: 1.25em;
font-weight: 400;
color: var(--card-header-text-color) !important;
}
/* VENCORD SETTINGS -> NOTIFICATION */
.vc-notification-root {
background-color: var(--popout-color) !important;
border-radius: var(--popout-radius-big) !important;
box-shadow: var(--shadow-3dp) !important;
}
.vc-notification-root .vc-notification-title {
font-size: 22px !important;
font-weight: 400 !important;
text-transform: none !important;
}
/*
*
* FORUM
*
*/
.container_b92032 {
background: var(--chat-color);
}
.tagsContainer__58760 {
padding: 16px 0 0;
}
.tagList_d00c9d {
height: var(--button-height);
}
.sortDropdown__40a16 .contents__322f4 {
color: var(--accent-text-color--material-you);
}
.sortDropdownText__125ae {
color: inherit !important;
}
.container_aa220a {
padding: 0;
background-color: transparent;
border-radius: 0;
box-shadow: none;
}
.container_aa220a .menu__088f7 {
min-width: unset;
}
.container_aa220a .menu__088f7 .scrollerBase_f742b2::-webkit-scrollbar {
--scrollbar-width: 0;
}
.container_aa220a .menu__088f7 .groupLabel_bee392 {
padding-top: 0;
}
.tagsButton__34537 {
--button-padding: 0 8px 0 12px;
}
.tagsButton__34537.tagsButtonWithCount_cbb280 {
--button-padding: 0 8px;
}
.tagsButton__34537 .tagsButtonInner_c1ff90 {
color: inherit;
}
.tagsButton__34537 svg {
color: var(--accent-text-color--material-you);
}
.countContainer_a9a63f {
background-color: var(--accent-text-color--material-you);
}
.countContainer_a9a63f .countText__90ea0 {
color: hsl(var(--accent-hsl--material-you));
}
.container_a0ef70 {
padding: 16px 16px 8px;
background-color: var(--popout-color);
border-radius: var(--popout-radius-big);
box-shadow: var(--shadow-3dp);
}
.container_a0ef70 .header_b4d068 {
padding: 0;
}
.container_a0ef70 .header_b4d068 .text-xs-bold__0d339, .container_a0ef70 .header_b4d068 .text-xs-bold__5467c {
font-size: 14px;
text-transform: none;
}
.container_a0ef70 .countContainer__31f72 {
background-color: hsl(var(--accent-hsl--material-you));
}
.container_a0ef70 .countContainer__31f72 .countText_d1ee8c {
color: var(--accent-text-color--material-you);
}
.container__7afce {
margin-top: 16px;
background-color: var(--card-color-filled);
border: none;
padding: 0;
border-radius: var(--card-radius-big);
}
.stepContainer_f61e92 {
--card-color-filled: var(--card-color-alt);
--card-color-hover: var(--card-color-active);
background-color: var(--card-color-filled) !important;
border: none !important;
padding: 12px 16px;
border-radius: var(--card-radius-big) !important;
transition: var(--default-time) var(--default-animation) background-color;
}
.stepContainer_f61e92:hover {
background-color: var(--card-color-hover) !important;
}
.card__691f2 {
padding-bottom: 16px;
}
[style*="height: 558px"].card__691f2 {
padding-bottom: 0;
}
.container__852f7 {
margin-bottom: 0;
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
}
.descriptionContainer__24e5f {
--card-color-filled: var(--card-color-hover);
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
}
/* FORUM -> PILL */
.pill_f055c3 {
height: var(--button-height);
padding: 0 12px 0 8px;
background-color: var(--card-button-color) !important;
border-radius: 10px;
border: none;
gap: 8px;
transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) border-color;
}
.pill_f055c3.clickable_daf171:hover {
background-color: var(--card-button-color-hover) !important;
}
.pill_f055c3.small_b35a0f {
border-radius: 6px;
}
.pill_f055c3.selected__50db4 {
background-color: hsl(var(--accent-hsl), 0.3) !important;
border-color: transparent !important;
}
.pill_f055c3.selected__50db4:hover {
background-color: hsl(var(--accent-hsl), 0.35) !important;
}
.pill_f055c3.selected__50db4 .defaultColor__77578, .pill_f055c3.selected__50db4 .defaultColor__8610e, .pill_f055c3.selected__50db4 .defaultColor__30336 {
color: hsl(var(--accent-hsl--material-you));
}
.pill_f055c3 .emoji__1d40e {
margin-right: 0;
}
.pill_f055c3 .lineClamp1__92431 {
padding: 0;
}
/*
*
* FORUM MEDIA POSTS
*
*/
.headerRow__86f2e:not([data-list-item-id*=forum-channel-list]) .container_c654d2 .bodyContainer__61b9e {
margin-right: 0;
}
.thumbnailContainer__4fe78 {
margin-left: 16px;
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big);
}
.thumbnailContainer__4fe78 .lookFilled__950dd {
--button-background: transparent;
}
.thumbnailContainer__4fe78 .lookFilled__950dd:after {
display: none;
}
.thumbnailContainer__4fe78 .uploadFileInputContainer_ffc194 {
--button-height: 100%;
}
.thumbnailContainer__4fe78 .uploadFileInputContainer_ffc194:hover .changeThumbnailLabelContainer__69a63 {
background-color: var(--card-color-filled);
}
.thumbnailContainer__4fe78 .changeThumbnailLabelContainer__69a63,
.thumbnailContainer__4fe78 .thumbnail_b1e9e7 {
border-radius: var(--card-radius-big);
}
.thumbnailContainer__4fe78 .changeThumbnailLabelContainer__69a63 {
transition: var(--default-time) var(--default-animation) all;
}
.thumbnailContainer__4fe78 .upload_c98ecb {
padding: 0;
}
.container__2d14b {
margin: 16px 0;
padding: 16px !important;
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big);
}
.container__2d14b .uploadInput_a6cb60 {
background-color: var(--card-color-alt);
}
.container__2d14b .upload_c98ecb {
padding: 0;
}
.container__2d14b .uploadInput_a6cb60,
.container__2d14b .spoilerContainer__89762,
.container__2d14b .imageSmall__16e1d {
border-radius: var(--card-radius-big);
}
/*
*
* FORUM NEW POST
*
*/
.header_b2c494 {
position: relative;
min-height: 52px;
background-color: var(--input-color);
border-radius: 26px;
border: none;
}
.header_b2c494.headerWithMatchingPosts__1d7ac {
box-shadow: var(--shadow-3dp);
}
.header_b2c494 .lookFilled__950dd {
--button-padding: 0 24px 0 16px;
}
.matchingPostsRow__6cdb0 {
margin-top: -24px;
padding-top: 24px;
background-color: var(--input-color);
border-radius: 0 0 24px 24px;
}
.form__97f5c {
margin-right: 0;
}
.container_c654d2 {
padding: 16px;
}
.container_c654d2.collapsed__55a23 {
padding: 0;
}
.container_c654d2.collapsed__55a23 .formContainer__87e79 {
padding: 0 8px 0 16px;
gap: 12px;
}
.container_c654d2.collapsed__55a23 .titleContainer_e517ed {
gap: 12px;
}
.container_c654d2.collapsed__55a23 .prefixElement_d6c5ac {
position: relative;
right: unset;
}
.container_c654d2.collapsed__55a23 .prefixElement_d6c5ac svg {
padding: 0;
}
.container_c654d2.collapsed__55a23 .input_f27786.textArea__6e373 {
--input-color: transparent;
--input-padding: 0;
border-radius: 0;
}
.container_c654d2.collapsed__55a23 .forumPostFormButton_bdd97b {
height: var(--button-height);
margin: 0;
}
.container_c654d2 .prefixElement_d6c5ac {
position: absolute;
width: auto;
height: var(--button-height);
right: 16px;
margin: 0;
z-index: 2;
}
.container_c654d2 .prefixElement_d6c5ac div[role=button],
.container_c654d2 .prefixElement_d6c5ac svg {
height: inherit;
}
.container_c654d2 .prefixElement_d6c5ac svg {
padding: 0 8px;
}
.container_c654d2 .formContainer__87e79 {
padding: 0;
}
.container_c654d2 .formContainer__87e79 + .form__97f5c > div {
padding: 0;
}
.container_c654d2 .titleContainer_e517ed {
position: relative;
}
.container_c654d2 .bodyContainer__61b9e {
margin-right: 94px !important;
}
.container_c654d2 .input_f27786.textArea__6e373 {
--input-color: var(--card-color-filled);
height: var(--button-height);
margin: 0;
padding: var(--input-padding);
border-radius: 20px;
box-shadow: none;
font-weight: 400;
line-height: var(--button-height);
cursor: text;
}
.container_c654d2 .input_f27786.textArea__6e373::-webkit-input-placeholder {
font-weight: inherit;
}
.container_c654d2 .lookFilled__950dd:disabled {
opacity: 0.5 !important;
}
.tagsDivider__0c01e {
width: 100%;
left: 0;
}
.contentContainer_d31802 {
padding-left: 0;
}
.contentContainer_d31802 .channelTextArea__648e5 {
min-height: 68px;
margin-top: 16px;
}
.contentContainer_d31802 .scrollableContainer_ff917f {
min-height: 68px;
padding: 6px 12px;
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big);
color: var(--input-text-color);
}
.contentContainer_d31802 .scrollableContainer_ff917f::-webkit-input-placeholder {
color: var(--input-placeholder-color);
}
.container__9dc79 {
position: absolute;
top: calc(var(--button-height) + 32px);
right: 16px;
z-index: 3;
}
.container__9dc79 .uploadInput_a6cb60 {
background-color: transparent;
border: 1px solid var(--card-border-color);
}
.container__9dc79 .uploadInput_a6cb60,
.container__9dc79 .spoilerContainer__89762,
.container__9dc79 .imageSmall__16e1d {
border-radius: var(--card-radius-big);
}
.container__9dc79 .badge_f7250d {
background-color: hsl(var(--accent-hsl--material-you));
color: var(--accent-text-color--material-you);
border-color: var(--input-color);
}
/*
*
* FORUM POSTS
*
*/
.container__7d004, .container_de2a56 {
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big);
border: none !important;
}
.container__7d004:hover, .container_de2a56:hover {
background-color: var(--card-color-hover);
box-shadow: none;
transform: none;
}
.container__7d004.isOpen_d88bb6, .container_de2a56.isOpen_d88bb6, .container__7d004.isOpen__8593d, .container_de2a56.isOpen__8593d {
background-color: var(--card-color-active) !important;
}
.container__7d004 .pinIcon__054d8, .container_de2a56 .pinIcon__054d8 {
background-color: hsl(var(--accent-hsl--material-you));
color: var(--accent-text-color--material-you);
}
.container__7d004 .pinIcon__054d8 path, .container_de2a56 .pinIcon__054d8 path {
fill: currentColor;
}
.container__7d004 .postTitleText__39597, .container_de2a56 .postTitleText__39597, .container__7d004 .title_f3ce0c, .container_de2a56 .title_f3ce0c {
line-height: 24px;
font-size: 1.325rem;
font-weight: 400;
}
.contentPreview__122fc,
.textContentFooter_e03480 {
background-color: var(--card-color-hover);
transition: var(--default-time) var(--default-animation) background-color;
}
.contentPreview__122fc {
border-radius: var(--card-radius-big);
border: none;
}
.textContentFooter_e03480 {
background: var(--card-color-hover) !important;
}
.container__7d004:not(.isOpen_d88bb6):not(.isOpen__8593d):hover .contentPreview__122fc, .container_de2a56:not(.isOpen_d88bb6):not(.isOpen__8593d):hover .contentPreview__122fc {
background-color: var(--card-color-filled);
}
.container__7d004:not(.isOpen_d88bb6):not(.isOpen__8593d):hover .textContentFooter_e03480, .container_de2a56:not(.isOpen_d88bb6):not(.isOpen__8593d):hover .textContentFooter_e03480 {
background: var(--card-color-filled) !important;
}
.highlight {
background: hsl(var(--accent-hsl), 0.4);
}
/* FORUM POSTS -> THREAD REACTIONS BAR */
.container__68e43 {
--button-height: 26px;
--button-padding: 0 10px;
margin: 16px 10px 0 16px;
padding: 8px;
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big);
border-top: none;
box-shadow: none;
}
.container__68e43 .button__581d0,
.container__68e43 .addReactButton__4342f {
--button-padding: 0 10px;
--button-text-color: hsl(var(--accent-hsl--material-you));
height: var(--button-height);
padding: var(--button-padding);
background-color: transparent;
border-radius: var(--button-radius);
border: none;
color: var(--button-text-color);
transition: var(--default-time) var(--default-animation) background-color;
}
.container__68e43 .button__581d0:hover,
.container__68e43 .addReactButton__4342f:hover {
background-color: hsl(var(--button-link-accent-color), 0.14);
}
.container__68e43 .button__581d0.active_f2e487,
.container__68e43 .addReactButton__4342f.active_f2e487 {
background-color: hsl(var(--button-link-accent-color), 0.21);
}
.container__68e43 .button__581d0 .contents__322f4 {
padding: 0;
background-color: transparent;
border: none;
color: var(--button-text-color);
}
.reactButtons_db41f7 {
gap: 4px;
}
.reactButtons_db41f7 div:first-child .addReactButton__4342f path {
d: path("M12,17.5C14.33,17.5 16.3,16.04 17.11,14H6.89C7.69,16.04 9.67,17.5 12,17.5M8.5,11A1.5,1.5 0 0,0 10,9.5A1.5,1.5 0 0,0 8.5,8A1.5,1.5 0 0,0 7,9.5A1.5,1.5 0 0,0 8.5,11M15.5,11A1.5,1.5 0 0,0 17,9.5A1.5,1.5 0 0,0 15.5,8A1.5,1.5 0 0,0 14,9.5A1.5,1.5 0 0,0 15.5,11M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z");
}
.reactButtons_db41f7 div:first-child .addReactButton__4342f path ~ path {
display: none;
}
.addReactButton__4342f {
min-width: unset;
margin: 0;
}
.addReactButton__4342f svg {
color: inherit !important;
}
.box_dd6d91 {
margin: 16px 10px 0 16px;
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big);
}
.box_dd6d91:after {
left: 50px;
}
.divider__4df9f {
display: none;
}
/*
*
* HEADER BAR
*
*/
.container__26baa {
padding: 0 8px;
border-top-right-radius: var(--card-radius-big);
box-shadow: var(--elevation-low);
}
.container__26baa.transparent__8d0a5 {
box-shadow: none;
}
.container__26baa.themed_b152d4 {
background: var(--main-color);
}
.container__26baa .followButton_eb1ca8 {
--button-height: 32px;
--button-padding: 0 16px;
}
.children_cde9af:after {
background: linear-gradient(90deg, transparent 0, var(--main-color)) !important;
}
.children_cde9af .topPill__63ad4 {
height: 100%;
}
.children_cde9af .item__48dda {
height: 48px;
line-height: 48px;
}
.iconWrapper_de6cd1.clickable_ce0925 {
position: relative;
}
.iconWrapper_de6cd1.clickable_ce0925:after {
content: " ";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: hsl(var(--md-ripple-color), 0.1);
border-radius: 50%;
opacity: 0;
pointer-events: none;
transform: scale(1.2);
transition: 300ms ease;
z-index: 4;
}
.iconWrapper_de6cd1.clickable_ce0925:hover:after {
opacity: 1;
transform: scale(1.5);
animation: scale 150ms var(--default-animation), opacity 150ms ease;
}
.iconWrapper_de6cd1.clickable_ce0925:active:after {
background-color: hsl(var(--md-ripple-color), 0.2);
}
.iconWrapper_de6cd1 foreignObject {
mask: none !important;
}
.topic__16ae3 a {
color: hsl(var(--accent-hsl--material-you));
}
.returnButton__12be7, .returnButton__38238 {
--button-height: 32px;
max-width: 250px;
margin-right: 8px;
}
.returnButtonText__98174, .returnButtonText__13941 {
font-size: 1em;
}
.returnButtonText__98174, .returnButtonText__13941,
.returnButtonText__98174 *,
.returnButtonText__13941 * {
line-height: var(--button-height);
color: hsl(var(--accent-hsl--material-you)) !important;
}
.returnButtonText__98174 .text-xs-medium__220aa, .returnButtonText__13941 .text-xs-medium__220aa, .returnButtonText__98174 .text-xs-medium_d3e0f1, .returnButtonText__13941 .text-xs-medium_d3e0f1 {
font-size: 1em;
}
.iconBadge__20a6b {
top: 0;
right: 0;
background-color: hsl(var(--accent-hsl--material-you));
box-shadow: 0 0 0 4px var(--main-color);
}
/*
*
* HEADER BAR SEARCH
*
*/
.search_ac353c {
width: 160px;
transition: 300ms ease width;
}
.search_ac353c .searchBar__5a20a {
width: 100%;
height: 32px;
background-color: var(--input-color);
border-radius: 16px;
}
.search_ac353c .searchBar__5a20a .DraftEditor-root {
padding: 6px 0;
padding-left: 8px;
}
.search_ac353c .searchBar__5a20a .DraftEditor-root .public-DraftEditorPlaceholder-root {
padding-left: 2px;
color: var(--input-placeholder-color);
}
.search_ac353c .searchBar__5a20a .DraftEditor-root .public-DraftEditor-content {
color: var(--input-text-color);
}
.search_ac353c .searchBar__5a20a .DraftEditor-editorContainer .searchFilter_dbda51,
.search_ac353c .searchBar__5a20a .DraftEditor-editorContainer .searchFilter_dbda51 + span[data-offset-key],
.search_ac353c .searchBar__5a20a .DraftEditor-editorContainer .searchAnswer__2ccaf span[data-offset-key] {
background-color: var(--input-pill-color);
color: var(--input-text-color);
}
.search_ac353c .searchBar__5a20a .DraftEditor-editorContainer .searchFilter_dbda51 {
margin-right: 2px;
padding: 0 4px 0 8px;
border-radius: 10px 0 0 10px;
}
.search_ac353c .searchBar__5a20a .DraftEditor-editorContainer .searchFilter_dbda51:only-child {
padding: 0 8px;
border-radius: 11px;
}
.search_ac353c .searchBar__5a20a .DraftEditor-editorContainer .searchAnswer__2ccaf {
background-color: transparent;
}
.search_ac353c .searchBar__5a20a .DraftEditor-editorContainer .searchFilter_dbda51 + span[data-offset-key],
.search_ac353c .searchBar__5a20a .DraftEditor-editorContainer .searchAnswer__2ccaf span[data-offset-key] {
display: inline-block;
height: 20px;
margin: 0 2px 0 -2px;
padding: 0px 8px 0px 0;
border-radius: 0 11px 11px 0;
color: var(--input-text-color);
}
.search_ac353c .searchBar__5a20a .icon__53a5c {
width: 32px;
height: 32px;
}
.search_ac353c.open_d3ab4e {
width: 240px;
}
/*
*
* BADGES
*
*/
.flowerStar_fa5ad8 path {
fill: hsl(var(--accent-hsl--material-you));
}
.childContainer__3a40c path {
fill: var(--accent-text-color--material-you);
}
/*
*
* BUTTONS
*
*/
.button__581d0 {
font-size: 16px !important;
}
.button__581d0 .text-sm-medium_bc6ffc, .button__581d0 .text-sm-medium__726be,
.button__581d0 .text-sm-semibold-3TWn25,
.button__581d0 .text-sm-semibold_a5824d,
.button__581d0 .text-sm-semibold_d260b0,
.button__581d0 .text-sm-bold-1Dtt0R,
.button__581d0 .text-md-semibold__79164,
.button__581d0 .text-md-semibold__8664f {
height: var(--button-height);
line-height: var(--button-height);
font-size: unset;
font-weight: 500;
}
.lookFilled__950dd,
.lookOutlined__014b5,
.lookLink_a2da25,
.lookInverted_a299dc {
--button-background: hsl(var(--accent-hsl--material-you));
--button-text-color: var(--accent-text-color--material-you);
--button-shadow: none;
--button-outline: none;
background-color: var(--button-background) !important;
border-radius: var(--button-radius);
border: var(--button-outline) !important;
box-shadow: var(--button-shadow);
color: var(--button-text-color) !important;
transition: var(--default-time) var(--default-animation) box-shadow;
}
.lookFilled__950dd:hover, .lookFilled__950dd:active,
.lookOutlined__014b5:hover,
.lookOutlined__014b5:active,
.lookLink_a2da25:hover,
.lookLink_a2da25:active,
.lookInverted_a299dc:hover,
.lookInverted_a299dc:active {
opacity: 1;
}
.lookFilled__950dd:hover,
.lookOutlined__014b5:hover,
.lookLink_a2da25:hover,
.lookInverted_a299dc:hover {
--button-shadow: none;
}
.lookFilled__950dd:active,
.lookOutlined__014b5:active,
.lookLink_a2da25:active,
.lookInverted_a299dc:active {
--button-shadow: none;
}
.lookFilled__950dd:after,
.lookOutlined__014b5:after,
.lookLink_a2da25:after,
.lookInverted_a299dc:after {
position: absolute;
content: " ";
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: var(--button-action-color);
border-radius: var(--button-radius);
opacity: 0;
pointer-events: none;
transition: var(--default-time) var(--default-animation) opacity;
}
.lookFilled__950dd:hover:after,
.lookOutlined__014b5:hover:after,
.lookLink_a2da25:hover:after,
.lookInverted_a299dc:hover:after {
opacity: var(--button-action-hover);
}
.lookFilled__950dd:active:after,
.lookOutlined__014b5:active:after,
.lookLink_a2da25:active:after,
.lookInverted_a299dc:active:after {
opacity: var(--button-action-active);
}
.lookFilled__950dd:disabled,
.lookOutlined__014b5:disabled,
.lookLink_a2da25:disabled,
.lookInverted_a299dc:disabled {
opacity: 1 !important;
}
.lookFilled__950dd:disabled:after,
.lookOutlined__014b5:disabled:after,
.lookLink_a2da25:disabled:after,
.lookInverted_a299dc:disabled:after {
display: none;
}
.lookFilled__950dd .contents__322f4,
.lookOutlined__014b5 .contents__322f4,
.lookLink_a2da25 .contents__322f4,
.lookInverted_a299dc .contents__322f4 {
height: var(--button-height);
padding: 0;
line-height: var(--button-height);
overflow: visible;
}
.lookFilled__950dd .contents__322f4 svg,
.lookOutlined__014b5 .contents__322f4 svg,
.lookLink_a2da25 .contents__322f4 svg,
.lookInverted_a299dc .contents__322f4 svg {
height: var(--button-height);
}
.lookFilled__950dd .defaultColor__77578, .lookFilled__950dd .defaultColor__8610e, .lookFilled__950dd .defaultColor__30336,
.lookOutlined__014b5 .defaultColor__77578,
.lookOutlined__014b5 .defaultColor__8610e,
.lookOutlined__014b5 .defaultColor__30336,
.lookLink_a2da25 .defaultColor__77578,
.lookLink_a2da25 .defaultColor__8610e,
.lookLink_a2da25 .defaultColor__30336,
.lookInverted_a299dc .defaultColor__77578,
.lookInverted_a299dc .defaultColor__8610e,
.lookInverted_a299dc .defaultColor__30336 {
color: inherit;
}
.lookFilled__950dd .loading__41f89,
.lookOutlined__014b5 .loading__41f89,
.lookLink_a2da25 .loading__41f89,
.lookInverted_a299dc .loading__41f89 {
height: var(--button-height);
line-height: var(--button-height);
}
.lookFilled__950dd .loading__41f89 svg,
.lookOutlined__014b5 .loading__41f89 svg,
.lookLink_a2da25 .loading__41f89 svg,
.lookInverted_a299dc .loading__41f89 svg {
height: auto;
}
.lookFilled__950dd .content_da5e31,
.lookFilled__950dd .size16_e1df74,
.lookFilled__950dd .size14_b2af01,
.lookOutlined__014b5 .content_da5e31,
.lookOutlined__014b5 .size16_e1df74,
.lookOutlined__014b5 .size14_b2af01,
.lookLink_a2da25 .content_da5e31,
.lookLink_a2da25 .size16_e1df74,
.lookLink_a2da25 .size14_b2af01,
.lookInverted_a299dc .content_da5e31,
.lookInverted_a299dc .size16_e1df74,
.lookInverted_a299dc .size14_b2af01 {
height: var(--button-height);
line-height: var(--button-height);
font-weight: 500;
}
/* BUTTONS -> FILLED */
.lookFilled__950dd:disabled {
--button-background: hsl(var(--button-link-color),0.15);
--button-text-color: var(--button-link-text-color);
--button-shadow: none;
}
.lookFilled__950dd.colorBrand__27d57 {
--button-background: hsl(var(--accent-hsl--material-you));
--button-text-color: var(--accent-text-color--material-you);
}
.lookFilled__950dd.colorRed__5a617 {
--button-background: hsl(var(--alert-hsl));
--button-text-color: var(--alert-text-color);
}
.lookFilled__950dd.colorWhite__0033e {
--button-background: rgba(255,255,255,0.15);
--button-text-color: #fff;
box-shadow: none !important;
}
.lookFilled__950dd.colorWhite__0033e .upsellButton-36YQ7c {
color: var(--button-text-color);
}
/* BUTTONS -> OUTLINED */
.lookOutlined__014b5 {
--button-background: transparent;
--button-text-color: hsl(var(--accent-hsl--material-you));
--button-shadow: none !important;
--button-outline: 1px solid hsl(var(--accent-hsl--material-you));
}
.lookOutlined__014b5:after {
--button-action-color: hsl(var(--accent-hsl--material-you));
}
.lookOutlined__014b5:disabled {
--button-background: transparent;
--button-text-color: var(--button-link-text-color);
--button-outline: 1px solid hsl(var(--button-link-color),0.15);
}
.lookOutlined__014b5.colorRed__5a617 {
--button-text-color: hsl(var(--alert-hsl));
--button-outline: 1px solid hsl(var(--alert-hsl));
}
.lookOutlined__014b5.colorRed__5a617:after {
--button-action-color: hsl(var(--alert-hsl));
--button-action-hover: 0.1;
--button-action-active: 0.2;
}
.lookOutlined__014b5.colorWhite__0033e {
--button-background: transparent;
--button-text-color: #fff;
--button-outline: 1px solid #fff;
box-shadow: none !important;
}
.lookOutlined__014b5.colorWhite__0033e:after {
--button-action-color: #fff;
}
/* BUTTONS -> LINKS */
.lookLink_a2da25 {
--button-padding: 0 12px;
--button-background: transparent;
--button-text-color: var(--button-link-accent-text-color);
--button-shadow: none !important;
--accent-button-action-hover: 0.14;
--accent-button-action-active: 0.21;
}
.lookLink_a2da25:after {
--button-action-color: hsl(var(--button-link-accent-color));
}
.lookLink_a2da25:hover {
text-decoration: none !important;
}
.lookLink_a2da25:hover .contents__322f4 {
background-image: none !important;
}
.lookLink_a2da25:disabled {
--button-background: transparent;
--button-text-color: var(--button-link-text-color);
}
.lookLink_a2da25 .contents__322f4 > div {
line-height: var(--button-height);
color: var(--button-text-color) !important;
font-size: 1em;
font-weight: 500;
}
/* BUTTONS -> INVERTED */
.lookInverted_a299dc.colorBrand__27d57 {
--button-background: hsl(0,0%,100%,0.15);
--button-text-color: #fff;
--button-shadow: none !important;
}
/* BUTTONS -> SIZES */
.sizeTiny_c03db5,
.sizeMin__508da,
.sizeSmall_da7d10,
.sizeMedium__60c12,
.sizeLarge_b395a7,
.sizeXlarge__6885c,
.sizeMax_f323f4,
.buttonSize__9da96,
.buttonSize_d3cc45,
.button__33db6,
.sizeIcon_aff037 {
height: var(--button-height) !important;
min-height: var(--button-height) !important;
padding: var(--button-padding) !important;
line-height: var(--button-height) !important;
border-radius: var(--button-radius) !important;
}
.sizeMedium__60c12,
.sizeLarge_b395a7,
.sizeXlarge__6885c,
.sizeMax_f323f4 {
min-width: var(--button-height) !important;
}
.buttonSize_d3cc45 {
height: var(--button-height) !important;
}
.sizeIcon_aff037 {
--button-padding: 0 10px;
}
.disabledButtonWrapper_b04230 {
--button-padding: 0;
background-color: transparent !important;
}
.disabledButtonWrapper_b04230 .lookFilled__950dd {
--button-padding: 0 20px;
}
.disabledButtonWrapper_b04230 .lookOutlined__014b5 {
--button-padding: 0 24px;
opacity: 0.5 !important;
}
.disabledButtonWrapper_b04230 .iconButton__11faf {
--button-padding: 0;
}
.iconButtonSize__14733 {
min-width: var(--button-height);
max-width: var(--button-height);
}
.iconButton__11faf {
--button-padding: 0;
}
/* BUTTONS -> CALL BUTTONS */
.colorable__4f530 {
--button-background: var(--menu-item-hover);
--button-text-color: #fff;
background-color: var(--button-background) !important;
color: var(--button-text-color) !important;
}
.colorable__4f530:after {
position: absolute;
content: " ";
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #fff;
border-radius: 50%;
opacity: 0;
pointer-events: none;
transition: var(--default-time) var(--default-animation) opacity;
}
.colorable__4f530:hover:after {
opacity: var(--button-action-hover);
}
.colorable__4f530:active:after {
opacity: var(--button-action-active);
}
.colorable__4f530.red__45e65 {
--button-background: hsl(var(--alert-hsl));
--button-text-color: var(--alert-text-color);
}
.colorable__4f530.white_ce1c7b {
--button-background: #fff;
--button-text-color: #060607;
}
.colorable__4f530.primaryLight_be4e00 {
--button-text-color: #060607;
}
.colorable__4f530.activeLight__4b58a {
--button-background: var(--menu-item-select);
--button-text-color: #060607;
}
.colorable__4f530 .centerIcon_e3df23 {
color: var(--button-text-color) !important;
}
.questionMark-3V9mGJ {
background-color: hsl(var(--accent-hsl--material-you));
border-radius: 50%;
}
.questionMark-3V9mGJ .icon-3JHfo7 {
color: var(--accent-text-color--material-you);
}
/* BUTTONS -> SEGMENTED BUTTONS */
.selectorButton_ea0609 {
padding: 11px 0;
background-color: transparent;
border-color: var(--separator-color) !important;
transition: var(--default-time) var(--default-animation) background-color;
}
.selectorButton_ea0609:first-child {
border-radius: 20px 0 0 20px;
}
.selectorButton_ea0609:last-child {
border-radius: 0 20px 20px 0;
}
.selectorButton_ea0609:not(.selectorButtonPremiumRequired__9df5b):hover {
background-color: var(--menu-item-hover) !important;
}
.selectorButton_ea0609.selectorButtonSelected__707fb:not(.selectorButtonPremiumRequired__9df5b) {
background-color: var(--menu-item-select) !important;
}
/*
*
* CARDS
*
*/
.card__4dc22 {
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
}
.card__4dc22 a {
color: hsl(var(--accent-hsl--material-you));
}
.card__4dc22 .icon-1fWS75 {
margin: 16px !important;
}
.card__4dc22 .icon-1fWS75 + .flexChild__3da10 {
margin-left: 0;
}
.cardPrimary__1ee6a {
background-color: var(--card-color-filled) !important;
border: none !important;
padding: 16px;
border-radius: var(--card-radius-big) !important;
}
.cardPrimary__1ee6a .icon_bf45a6 {
padding: 8px;
}
.promotionCard_f4dd43,
.detailsBlock__319f5,
.descriptionBox_bdb07b,
.dropsHelpText__187b4 {
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
}
.dropsHelpText__187b4 p {
margin: 0 0 8px;
}
.dropsHelpText__187b4 p:last-of-type {
margin: 0;
}
.banner__79cec {
max-width: none;
border-radius: var(--card-radius-big);
}
.banner__79cec .button__581d0 {
--button-padding: 0 20px;
margin-left: 8px;
}
.info__7c80a, .infoText-1-X8oU, .info__111c6 {
background-color: hsl(var(--accent-hsl), 0.1);
border-radius: var(--card-radius-big);
border-color: hsl(var(--accent-hsl--material-you));
}
.info__7c80a .icon_aa840e, .infoText-1-X8oU .icon_aa840e, .info__111c6 .icon_aa840e {
color: hsl(var(--accent-hsl--material-you));
}
.upsellContainer_a5688a {
background-color: var(--card-color-filled);
border: none;
padding: 0;
border-radius: var(--card-radius-big);
}
.upsellContainer_a5688a .upsellFooter__5106a {
padding: 0 16px 16px;
background-color: transparent;
}
/*
*
* CHECKBOXES
*
*/
.checkbox_fcf2ad {
border-width: 2px;
border-radius: 4px;
transition: var(--default-time) var(--default-animation) border-color, var(--default-time) var(--default-animation) background-color;
}
.checkbox_fcf2ad:not(.checked__16f88) path {
transition: var(--default-time) var(--default-animation) fill;
}
.checkbox_fcf2ad.checked__16f88 {
background-color: hsl(var(--accent-hsl--material-you)) !important;
border-color: hsl(var(--accent-hsl--material-you)) !important;
}
.checkbox_fcf2ad.checked__16f88 path {
fill: var(--accent-text-color--material-you);
transition: var(--default-time) var(--default-animation) fill;
}
.colorDefault_e361cf .checkbox__378d3 {
color: hsl(var(--accent-hsl--material-you));
}
.colorDefault_e361cf .check__8d1bd {
color: var(--accent-text-color--material-you);
}
.colorDefault_e361cf.focused_dcafb9 .checkbox__378d3 {
color: hsl(var(--accent-hsl--material-you));
}
.colorDefault_e361cf.focused_dcafb9 .check__8d1bd {
color: var(--accent-text-color--material-you);
}
/*
*
* INPUTS
*
*/
.input_f27786 {
height: var(--input-height);
padding: 0 12px;
background-color: var(--input-color);
border-radius: 4px 4px 0 0;
border: none;
box-shadow: inset 0 -1px 0 0 var(--input-border-color);
color: var(--input-text-color);
transition: var(--default-time) var(--default-animation) box-shadow;
}
.input_f27786:focus {
box-shadow: inset 0 -2px 0 0 hsl(var(--accent-hsl--material-you));
}
.input_f27786.multiInput-1VARjC, .input_f27786.input-2yCVqe {
padding: 0;
}
.input_f27786::-webkit-input-placeholder {
font-family: var(--app-font);
color: var(--input-placeholder-color);
}
.input_f27786.textArea__6e373 {
--input-height: auto;
padding: 8px 12px;
}
.input_f27786.hiddenDiv__5e506 {
--input-height: 0;
}
.multiInputLast-35zVz0:before {
display: none;
}
.error__90447 + .inputWrapper_ecb776 .input_f27786 {
box-shadow: inset 0 -1px 0 0 hsl(var(--alert-hsl));
}
.error__90447 + .inputWrapper_ecb776 .input_f27786:focus {
box-shadow: inset 0 -2px 0 0 hsl(var(--alert-hsl));
}
.label_bf6957 {
font-size: 14px;
text-transform: none;
}
.inputWrapper_ecb776 .inputPrefix_e93062 + .input_f27786 {
padding-left: 32px;
}
.emojiButtonContainer__58b36 {
height: var(--input-height);
line-height: var(--input-height);
margin: 0 4px;
padding: 0;
z-index: 2;
}
.emojiButtonContainer__58b36 + .inputWrapper_ecb776 .input_f27786 {
padding-left: 36px;
}
.emojiButton-2pmTD2, .emojiButton-2Z3krv {
margin: 0 12px;
}
.input_f27786.emojiText-R_5fDP, .input_f27786.emojiText-1HLXh8 {
padding-left: 44px !important;
}
.copyInput_f549fd, .copyInput-3QjTFp,
.container__8267c {
height: var(--input-height) !important;
max-height: var(--input-height) !important;
padding: var(--input-padding) !important;
background-color: var(--input-color) !important;
border-radius: calc(var(--input-height) / 2) !important;
border: none;
}
.copyInput_f549fd:hover .button__581d0, .copyInput-3QjTFp:hover .button__581d0,
.container__8267c:hover .button__581d0 {
width: auto !important;
}
.copyInput_f549fd .button__581d0, .copyInput-3QjTFp .button__581d0,
.container__8267c .button__581d0 {
--button-height: 30px;
margin: 3px;
}
.copyInput_f549fd .input__9fba8, .copyInput-3QjTFp .input__9fba8 {
padding: 8px 8px 8px 12px;
}
.copyInput_f549fd .button__581d0, .copyInput-3QjTFp .button__581d0 {
padding: var(--button-padding) !important;
}
.container__8267c .input__72d38 {
padding: 8px 8px 8px 12px;
}
.container__8267c .input__72d38::-webkit-input-placeholder {
font-family: var(--app-font);
}
.container__8267c .editIcon__570b4 {
background-image: none;
background-color: currentColor;
-webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/keyboard.svg);
-webkit-mask-repeat: no-repeat;
transform: scale(1.335) translate(3px, 3px) translateZ(0) !important;
}
.fileUpload-3JzU7g {
--input-padding: 0;
}
.fileUpload-3JzU7g .fileUploadInput-3Y6j6T {
padding: 0 0 0 12px;
}
.fileUpload-3JzU7g .fileUploadInput-3Y6j6T::-webkit-input-placeholder {
font-weight: 500;
}
/* INPUTS -> OPTION PILL */
.optionPill__618f2 {
background-color: transparent !important;
border-radius: 13px;
border-color: var(--main-textarea-border) !important;
}
.optionPill__618f2.selectedPill_b305ee {
border-color: hsl(var(--accent-hsl--material-you)) !important;
}
.optionPill__618f2.erroredPill_c6591b {
border-color: hsl(var(--alert-hsl)) !important;
}
.optionPill__618f2 .optionPillKey__0d1a4 {
background-color: var(--input-pill-color) !important;
border-top-left-radius: inherit;
border-bottom-left-radius: inherit;
}
.input_f27786.error__18f19 {
border-radius: 4px;
}
.input_f27786.error__18f19 + .colorStatusRed__185e6 {
position: absolute;
width: 100%;
margin-top: -24px;
text-align: right;
}
/*
*
* NOTICES
*
*/
.notice__5fd4c {
border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
box-shadow: none;
}
.notice__5fd4c .lookOutlined__014b5 {
--button-height: 24px;
--button-padding: 0 12px;
--button-background: hsl(var(--button-link-color),0.15);
--button-text-color: var(--button-link-text-color);
--button-outline: none;
padding: var(--button-padding);
}
#bd-notices + .notice__5fd4c {
border-radius: 0;
}
.bd-notice {
background-color: hsl(var(--accent-hsl--material-you));
color: var(--accent-text-color--material-you);
}
.bd-notice:first-child {
border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
}
.bd-notice span {
color: var(--accent-text-color--material-you) !important;
}
.button__33db6,
.bd-notice-button {
background-color: hsl(var(--button-link-color), 0.15) !important;
border: none;
color: var(--button-link-text-color) !important;
}
.button__33db6:hover,
.bd-notice-button:hover {
background-color: hsl(var(--button-link-color), 0.275) !important;
}
.button__33db6 {
--button-height: 24px;
--button-padding: 0 12px;
}
.bd-notice-button {
height: 24px;
padding: 0 12px;
border-radius: 12px;
font-weight: 500;
}
.bd-notice-close {
right: 8px;
background-color: var(--accent-text-color--material-you);
-webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/close.svg);
-webkit-mask-repeat: no-repeat;
background-image: none;
-webkit-mask-position: center;
mask-position: center;
opacity: 0.75;
}
.colorDefault__438d3 .button__33db6 {
--button-link-color: 0,0%,100%;
color: var(--status-positive-text) !important;
}
.colorWarning__01125 {
--button-link-color: 0,0%,0%;
--button-link-text-color: hsl(0,0%,0%);
}
.colorNeutral__51272 {
--button-link-color: 0,0%,100%;
--button-link-text-color: hsl(0,0%,100%);
}
.colorInfo__680aa {
--button-link-color: 0,0%,0%;
--button-link-text-color: var(--accent-text-color--material-you);
background-color: hsl(var(--accent-hsl--material-you));
color: var(--accent-text-color--material-you);
}
.colorInfo__680aa .closeIcon__967e7 path {
fill: currentColor;
}
.notice__99c03 {
--button-link-color: 0,0%,100%;
--button-link-text-color: hsl(0,0%,100%);
}
.colorStreamerMode_cb7f84 {
--button-link-color: 0,0%,100%;
--button-link-text-color: hsl(0,0%,100%);
}
.bd-notice {
--button-link-text-color: var(--accent-text-color--material-you);
}
/*
*
* RADIO BUTTONS
*
*/
div[role=radiogroup] {
background-color: var(--card-color-filled);
border: none;
padding: 8px;
border-radius: var(--card-radius-big);
}
.item_b7fb7e {
margin: 0;
padding: 0 12px;
background-color: transparent;
border-radius: calc(var(--card-radius-big) / 1.65);
transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color;
}
.item_b7fb7e:hover {
background-color: var(--card-color-hover) !important;
}
[aria-checked=true].item_b7fb7e, .item_b7fb7e:active {
background-color: var(--card-color-active) !important;
}
.item_b7fb7e .radioBar__70669 {
grid-gap: 12px;
margin-bottom: 0;
padding: 12px 0 !important;
border-left: none;
position: relative;
}
.item_b7fb7e .radioBar__70669:after {
content: " ";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: hsl(var(--md-ripple-color), 0.1);
border-radius: 50%;
opacity: 0;
pointer-events: none;
transform: scale(1.2);
transition: 300ms ease;
z-index: 4;
}
.item_b7fb7e .radioBar__70669:hover:after {
opacity: 1;
transform: scale(1.15);
animation: scale 150ms var(--default-animation), opacity 150ms ease;
}
.item_b7fb7e .radioBar__70669:active:after {
background-color: hsl(var(--md-ripple-color), 0.2);
}
.item_b7fb7e .radioBar__70669:after {
width: 32px;
height: 32px;
top: -3px;
left: -4px;
bottom: 0;
margin: auto 0;
}
.item_b7fb7e .radioBar__70669.radioBar-3_FqUK:after {
top: 0;
left: unset;
right: -4px;
}
[aria-checked=true].item_b7fb7e .radioBar__70669:after {
--md-ripple-color: var(--accent-hsl--material-you);
}
[aria-checked=true].item_b7fb7e .radioBar__70669 svg {
color: hsl(var(--accent-hsl--material-you));
}
[aria-checked=true].item_b7fb7e .radioBar__70669 path {
fill: currentColor !important;
}
[aria-checked=true].item_b7fb7e .radioIconForeground__9ca1e {
color: currentColor !important;
}
.item_b7fb7e.disabled_e23f76 {
opacity: 1;
}
.item_b7fb7e.disabled_e23f76 .radioBar__70669 {
opacity: 0.3;
}
.item_b7fb7e.disabled_e23f76 .radioBar__70669:after {
display: none;
}
.tooltipWrapper_b2defd {
margin: 0;
position: relative;
border-bottom: none;
}
.tooltipWrapper_b2defd: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_b2defd:last-of-type:after {
display: none;
}
.tooltipWrapper_b2defd:last-child {
border-bottom: none;
}
.group-LWHoGI {
overflow: hidden;
}
/* RADIO BUTTONS -> PILL */
div[role=radiogroup].group__6ae8b {
height: 30px;
background-color: var(--card-color-outlined);
border: 1px solid var(--card-border-color);
padding: 0;
border-radius: var(--card-radius-big);
}
.item_f48d11 {
height: 28px;
background-color: transparent;
cursor: pointer;
transition: var(--default-time) var(--default-animation) background-color;
border-right: 1px solid var(--card-border-color);
}
.item_f48d11:last-of-type {
border-right: none;
}
.item_f48d11:hover {
background-color: var(--menu-item-hover);
}
.item_f48d11.selected__5faae {
background-color: var(--menu-item-select);
color: var(--menu-item-text-color);
}
.item_f48d11.deny__71546 {
border-radius: var(--card-radius-big) 0 0 var(--card-radius-big);
}
.item_f48d11.deny__71546.selected__5faae {
background-color: hsl(var(--alert-hsl));
color: var(--alert-text-color);
}
.item_f48d11.passthrough__91f95.selected__5faae {
background-color: var(--menu-item-select);
}
.item_f48d11.allow_bbc621 {
border-radius: 0 var(--card-radius-big) var(--card-radius-big) 0;
}
.item_f48d11.allow_bbc621.selected__5faae {
background-color: var(--success-color);
color: #fff;
}
/* RADIO BUTTONS -> CONTEXT MENU */
[role=menuitemradio][aria-checked=true].item__183e8 .icon__0bfbf {
color: hsl(var(--accent-hsl--material-you));
}
.icon__0bfbf .radioSelection__41d1e {
color: currentColor !important;
}
/*
*
* SCROLLBARS
*
*/
::-webkit-scrollbar {
width: var(--scrollbar-width) !important;
height: var(--scrollbar-width) !important;
}
::-webkit-scrollbar-track {
margin: 0 !important;
background: transparent !important;
border-radius: calc(var(--scrollbar-width) / 2) !important;
}
::-webkit-scrollbar-track-piece {
border: 0 solid transparent !important;
background-color: transparent !important;
margin: 0;
}
::-webkit-scrollbar-thumb {
background-color: rgba(var(--scrollbar-color), 0.15) !important;
border: 0 solid transparent !important;
border-radius: calc(var(--scrollbar-width) / 2) !important;
}
::-webkit-scrollbar-thumb:hover {
background-color: rgba(var(--scrollbar-color), 0.25) !important;
}
::-webkit-scrollbar-thumb:active {
background-color: rgba(var(--scrollbar-color), 0.3) !important;
}
.thin_b1c063::-webkit-scrollbar {
width: var(--scrollbar-thin-width) !important;
height: var(--scrollbar-thin-width) !important;
}
.wrapper__216eb [class*=scroller]::-webkit-scrollbar {
width: 0px !important;
}
.scrollableContainer_ff917f::-webkit-scrollbar {
width: var(--scrollbar-thin-width) !important;
height: var(--scrollbar-thin-width) !important;
}
/*
*
* SELECT MENUS
*
*/
.wrapper__6b00c .select_fe2671 {
padding-right: calc(var(--icons-width) + 12px);
}
.wrapper__6b00c .select_fe2671.multi__8d15f {
padding-bottom: 0;
}
.select_fe2671 {
height: var(--input-height);
padding: var(--input-padding);
border-radius: var(--input-radius) !important;
border: none;
}
.select_fe2671.multi__8d15f {
min-height: var(--input-height);
height: auto;
}
.select_fe2671.multi__8d15f > .multi__8d15f {
min-height: inherit;
}
.select_fe2671.lookFilled__9c1ef {
background-color: var(--input-color);
}
.select_fe2671 .searchInput_d31046::-webkit-input-placeholder {
font-family: var(--app-font);
color: var(--input-placeholder-color);
}
.select_fe2671 .searchInput_d31046.multi__8d15f {
height: 28px;
margin-top: 2px;
}
.iconsContainer__20ee5 {
height: var(--input-height);
}
.iconsContainer__20ee5 > div {
height: var(--icons-width);
}
.popout_a6e77f {
margin: 4px 0;
background-color: var(--popout-color);
border-radius: var(--popout-radius) !important;
border: none;
box-shadow: var(--shadow-3dp);
}
.popout_a6e77f .option_eb83e4 {
color: var(--menu-item-text-color);
transition: var(--default-time) var(--default-animation) background-color;
}
.popout_a6e77f .option_eb83e4:hover {
background-color: var(--menu-item-hover) !important;
}
.popout_a6e77f [aria-selected=true].option_eb83e4 {
background-color: var(--menu-item-select) !important;
}
.popout_a6e77f [aria-selected=true].option_eb83e4 .selectedIcon_e9ecc2 {
color: hsl(var(--accent-hsl--material-you));
}
.popout_a6e77f [aria-selected=true].option_eb83e4 .selectedIcon_e9ecc2 circle {
fill: var(--accent-text-color--material-you);
}
/* SELECT MENUS -> PILLS */
.optionPillBtn_eb645b {
--button-height: 28px;
--button-padding: 0 8px;
}
.optionPillBtn_eb645b.lookFilled__950dd {
--button-background: transparent;
--button-outline: 1px solid var(--text-muted);
}
.optionPillBtn_eb645b:after {
display: none;
}
.optionPillBtn_eb645b .optionPill__618f2 {
background-color: transparent;
}
/*
*
* SLIDERS
*
*/
.slider__22e99 .markValue_e7a6e4 {
top: -8px;
}
.slider__22e99 .bar_e58961 {
height: 4px;
background-color: hsl(var(--accent-hsl), 0.3) !important;
border-radius: 2px;
}
.slider__22e99 .bar_e58961 .barFill__1f56b {
background-color: hsl(var(--accent-hsl--material-you)) !important;
border-radius: 2px;
}
.slider__22e99 .track_b31f5a .grabber_e3daf3 {
width: 16px;
height: 16px;
background-color: hsl(var(--accent-hsl--material-you));
border-radius: 50%;
border: none;
box-shadow: var(--shadow-1dp);
transform: translate(-3px, calc(50% - 5px));
transition: var(--default-time) var(--default-animation) box-shadow;
--md-ripple-color: var(--accent-hsl);
position: relative;
}
.slider__22e99 .track_b31f5a .grabber_e3daf3:after {
content: " ";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: hsl(var(--md-ripple-color), 0.1);
border-radius: 50%;
opacity: 0;
pointer-events: none;
transform: scale(1.2);
transition: 300ms ease;
z-index: 4;
}
.slider__22e99 .track_b31f5a .grabber_e3daf3:hover:after, .slider__22e99 .track_b31f5a .grabber_e3daf3:active:after {
opacity: 1;
transform: scale(2.5);
animation: scale 150ms var(--default-animation), opacity 150ms ease;
}
.slider__22e99 .track_b31f5a .grabber_e3daf3:active:after {
background-color: hsl(var(--md-ripple-color), 0.2);
}
.slider__22e99 .track_b31f5a .grabber_e3daf3:hover {
box-shadow: var(--shadow-2dp);
}
.slider__22e99 .track_b31f5a .grabber_e3daf3:active {
box-shadow: var(--shadow-3dp);
}
.slider__22e99.slider__28a57 .track_b31f5a .grabber_e3daf3 {
top: calc(50% - 5px);
}
.markValue_e7a6e4 {
color: var(--text-muted) !important;
}
/*%themedPopout {
.volumeSlider-sR5g00 {
margin: 8px;
%sliderTrack {
%sliderGrabber {
top: 1px;
}
}
}
}*/
/* SLIDERS -> BD SLIDER */
.bd-slider-label {
width: 42px;
background-color: hsl(var(--accent-hsl--material-you));
color: var(--accent-text-color--material-you);
border-radius: 13px;
text-align: center;
}
.bd-slider-input {
height: 4px;
background-color: hsl(var(--accent-hsl--material-you), 0.3);
background-image: linear-gradient(hsl(var(--accent-hsl--material-you)), hsl(var(--accent-hsl--material-you)));
border-radius: 2px;
}
.bd-slider-input::-webkit-slider-thumb {
width: 16px;
height: 16px;
background-color: hsl(var(--accent-hsl--material-you));
border-radius: 50%;
border: none;
box-shadow: var(--shadow-1dp);
}
/*
*
* SPINNER
*
*/
.loadingPopout__5e2fa {
background-color: var(--popout-color);
box-shadow: var(--shadow-3dp);
border-radius: 24px;
}
/*
*
* SWITCHES
*
*/
.container__2ed72 {
width: 39px;
height: 24px;
background-color: transparent !important;
overflow: visible;
}
.container__2ed72:before {
position: absolute;
content: " ";
width: 100%;
height: 100%;
top: 0;
left: -7px;
background-color: var(--switch-slider-color);
border-radius: 12px;
border: 2px solid var(--switch-knob-color);
transition: 250ms cubic-bezier(0, 0.3, 0.7, 1) background-color, 250ms cubic-bezier(0, 0.3, 0.7, 1) border-color;
box-sizing: border-box;
}
.container__2ed72 path {
fill: var(--switch-slider-color);
transform: scale(1.4) translate(-3px, -3px);
}
.container__2ed72.checked__36fdc:before {
background-color: var(--switch-color-checked);
border-color: transparent;
}
.container__2ed72.checked__36fdc .slider__41d94 {
background-color: hsl(var(--accent-hue), calc(var(--accent-saturation) * var(--saturation-factor)), calc(var(--accent-lightness) * var(--switch-color-modifier)));
width: 18px;
height: 18px;
transform: translate(-1px, -50%);
}
.container__2ed72.checked__36fdc path {
fill: hsl(var(--accent-hsl));
filter: brightness(40%);
}
.container__2ed72 .slider__41d94 {
width: 14px;
height: 14px;
top: 50%;
margin: 0;
background-color: var(--switch-knob-color);
border-radius: 50%;
transform: translate(1px, -50%);
transition: 250ms cubic-bezier(0, 0.3, 0.7, 1) background-color;
}
.container__2ed72 .slider__41d94 rect {
display: none;
}
.icon-1ykL9s {
opacity: 1;
}
.theme-light .container__2ed72.checked__36fdc path {
fill: var(--switch-color-checked);
filter: unset;
}
.root_a28985 .container__2ed72:before {
background-color: var(--switch-slider-color-modal);
}
.root_a28985 .container__2ed72.checked__36fdc:before {
background-color: var(--switch-color-checked);
}
.bd-switch {
width: 39px;
height: 24px;
overflow: visible;
}
.bd-switch.bd-switch-disabled {
opacity: 0.35;
}
.bd-switch .bd-switch-body {
--switch-color: var(--switch-slider-color);
--switch-animation: 250ms cubic-bezier(0,0.3,0.7,1) all;
width: 100%;
height: 100%;
transition: var(--switch-animation);
border: 2px solid var(--switch-knob-color);
box-sizing: border-box;
overflow: visible;
}
.bd-switch .bd-switch-body .bd-switch-slider {
width: 14px;
height: 14px;
top: 50%;
left: 3px;
margin: 0;
transform: translate(0, -50%);
overflow: visible;
transition: var(--switch-animation);
}
.bd-switch .bd-switch-body .bd-switch-slider .bd-switch-handle {
width: 28px;
height: 28px;
x: 0;
y: -4px;
rx: 14px;
fill: var(--switch-knob-color);
transition: var(--switch-animation);
}
.bd-switch .bd-switch-body .bd-switch-slider .bd-switch-symbol {
display: none;
}
.bd-switch input:active + .bd-switch-body {
--switch-color: var(--switch-slider-color);
}
.bd-switch input:active + .bd-switch-body .bd-switch-handle {
width: 28px;
height: 28px;
x: 4px;
y: -4px;
}
.bd-switch input:checked + .bd-switch-body {
--switch-color: var(--switch-color-checked);
border-color: transparent;
}
.bd-switch input:checked + .bd-switch-body .bd-switch-slider {
width: 18px;
height: 18px;
left: 0;
transform: translate(16px, -50%);
}
.bd-switch input:checked + .bd-switch-body .bd-switch-slider .bd-switch-handle {
fill: hsl(var(--accent-hue), calc(var(--accent-saturation) * var(--saturation-factor)), calc(var(--accent-lightness) * var(--switch-color-modifier)));
}
.bd-switch input:checked:active + .bd-switch-body {
--switch-color: var(--switch-color-checked);
}
.bd-switch input:checked:active + .bd-switch-body .bd-switch-handle {
x: -12.5px;
}
/*
*
* TAB BAR
*
*/
.tabBar__73938, .tabBar__22a9a, .tabBar_a013ee, .topPill__63ad4, .settingsTabBar_c54406, .settingsTabBar_feac86 {
height: 48px;
}
.tabBar__73938 .item__48dda, .tabBar__22a9a .item__48dda, .tabBar_a013ee .item__48dda, .topPill__63ad4 .item__48dda, .settingsTabBar_c54406 .item__48dda, .settingsTabBar_feac86 .item__48dda {
height: inherit;
line-height: 48px;
margin: 0 24px 0 0;
padding: 0 8px;
border-radius: 0;
border: none !important;
color: var(--interactive-normal) !important;
}
.tabBar__73938 .item__48dda, .tabBar__22a9a .item__48dda, .tabBar_a013ee .item__48dda, .topPill__63ad4 .item__48dda, .settingsTabBar_c54406 .item__48dda, .settingsTabBar_feac86 .item__48dda {
background-color: transparent !important;
}
.tabBar__73938 .item__48dda:not(.disabled-1nofHP):hover, .tabBar__22a9a .item__48dda:not(.disabled-1nofHP):hover, .tabBar_a013ee .item__48dda:not(.disabled-1nofHP):hover, .topPill__63ad4 .item__48dda:not(.disabled-1nofHP):hover, .settingsTabBar_c54406 .item__48dda:not(.disabled-1nofHP):hover, .settingsTabBar_feac86 .item__48dda:not(.disabled-1nofHP):hover {
color: var(--interactive-hover) !important;
}
.tabBar__73938 .item__48dda.selected_a523ff, .tabBar__22a9a .item__48dda.selected_a523ff, .tabBar_a013ee .item__48dda.selected_a523ff, .topPill__63ad4 .item__48dda.selected_a523ff, .settingsTabBar_c54406 .item__48dda.selected_a523ff, .settingsTabBar_feac86 .item__48dda.selected_a523ff {
color: var(--interactive-normal) !important;
}
.tabBar__73938 .item__48dda.selected_a523ff, .tabBar__22a9a .item__48dda.selected_a523ff, .tabBar_a013ee .item__48dda.selected_a523ff, .topPill__63ad4 .item__48dda.selected_a523ff, .settingsTabBar_c54406 .item__48dda.selected_a523ff, .settingsTabBar_feac86 .item__48dda.selected_a523ff, .tabBar__73938 [aria-selected=true].item__48dda, .tabBar__22a9a [aria-selected=true].item__48dda, .tabBar_a013ee [aria-selected=true].item__48dda, .topPill__63ad4 [aria-selected=true].item__48dda, .settingsTabBar_c54406 [aria-selected=true].item__48dda, .settingsTabBar_feac86 [aria-selected=true].item__48dda {
position: relative;
background-color: transparent !important;
border: none;
}
.tabBar__73938 .item__48dda.selected_a523ff:after, .tabBar__22a9a .item__48dda.selected_a523ff:after, .tabBar_a013ee .item__48dda.selected_a523ff:after, .topPill__63ad4 .item__48dda.selected_a523ff:after, .settingsTabBar_c54406 .item__48dda.selected_a523ff:after, .settingsTabBar_feac86 .item__48dda.selected_a523ff:after, .tabBar__73938 [aria-selected=true].item__48dda:after, .tabBar__22a9a [aria-selected=true].item__48dda:after, .tabBar_a013ee [aria-selected=true].item__48dda:after, .topPill__63ad4 [aria-selected=true].item__48dda:after, .settingsTabBar_c54406 [aria-selected=true].item__48dda:after, .settingsTabBar_feac86 [aria-selected=true].item__48dda:after {
position: absolute;
content: " ";
width: 80%;
height: 3px;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
background: var(--tab-border-color);
border-radius: 3px 3px 0 0;
transition: var(--default-time) ease all;
}
.tabBar__73938 .item__48dda:last-of-type, .tabBar__22a9a .item__48dda:last-of-type, .tabBar_a013ee .item__48dda:last-of-type, .topPill__63ad4 .item__48dda:last-of-type, .settingsTabBar_c54406 .item__48dda:last-of-type, .settingsTabBar_feac86 .item__48dda:last-of-type {
margin-right: 0;
}
.tabBar__73938 .item__48dda.disabled-1nofHP, .tabBar__22a9a .item__48dda.disabled-1nofHP, .tabBar_a013ee .item__48dda.disabled-1nofHP, .topPill__63ad4 .item__48dda.disabled-1nofHP, .settingsTabBar_c54406 .item__48dda.disabled-1nofHP, .settingsTabBar_feac86 .item__48dda.disabled-1nofHP {
opacity: 0.5;
}
.tabBar__22a9a {
padding-top: 0;
}
.tabBar__22a9a .item__48dda {
height: 47px;
}
.tabBar_a685ae {
height: 56px;
margin-bottom: 0;
padding-top: 0;
}
.tabBar_a685ae .item__48dda {
padding: 0 8px;
line-height: 56px;
}
.tabBar__7fedd {
border-bottom-width: 1px;
}
.tabBar__7fedd .item__48dda {
margin-right: 24px !important;
margin-bottom: 0;
}
/*
*
* TITLES
*
*/
.h4-1_f8j1,
.h5__28baa {
font-size: 14px;
text-transform: none;
}
/*
*
* TOASTS
*
*/
.toast,
.bd-toast {
padding: 12px 16px;
background-color: rgba(70, 70, 70, 0.8);
border-radius: 20px;
box-shadow: none;
font-size: 1em;
font-weight: 400;
color: #fff;
}
.toast_f06316 {
background-color: var(--popout-color);
}
.toast_g4bfgI,
.qwert-toast {
margin-top: 30px !important;
padding: 16px !important;
border-radius: 4px;
color: var(--text-normal) !important;
}
.toast_g4bfgI:first-child,
.qwert-toast:first-child {
border-radius: var(--popout-radius-big) var(--popout-radius-big) 4px 4px;
}
.toast_g4bfgI:last-child,
.qwert-toast:last-child {
border-radius: 4px 4px var(--popout-radius-big) var(--popout-radius-big);
}
.toast_g4bfgI:only-child,
.qwert-toast:only-child {
border-radius: var(--popout-radius-big);
}
.toast_g4bfgI {
background-color: var(--popout-color) !important;
border-radius: var(--popout-radius-big) !important;
box-shadow: var(--shadow-3dp) !important;
}
.toast_g4bfgI + .toast_g4bfgI {
margin-top: 2px !important;
}
.qwert-toast {
width: 30vw;
max-width: 30vw;
background-color: var(--popout-color) !important;
backdrop-filter: none;
}
.qwert-toast + .qwert-toast {
margin-top: 2px !important;
}
.qwert-toast .qwert-toast-icon-container {
margin-top: 0;
margin-right: 8px;
padding: 0;
}
.qwert-toast .qwert-toast-author {
display: flex;
width: calc(30vw - 72px);
max-width: calc(30vw - 72px);
overflow: hidden;
}
.qwert-toast .qwert-toast-text {
width: calc(30vw - 60px);
max-width: calc(30vw - 60px);
}
.bg-8df5St {
background-color: transparent !important;
}
/*
*
* TOOLTIP
*
*/
.tooltip__7b090 {
padding: var(--tooltip-padding);
background-color: var(--tooltip-color) !important;
border-radius: var(--popout-radius);
box-shadow: var(--tooltip-shadow) !important;
font-size: var(--tooltip-font-size);
font-weight: 500;
z-index: 99999999999999;
animation: opacity var(--default-time) ease;
}
.tooltip__7b090 .tooltipPointer_f7411c {
display: none;
}
.tooltip__7b090 .tooltipContent_adb6d5,
.tooltip__7b090 .guildNameText__2c549 {
padding: 0;
font-size: var(--tooltip-font-size);
color: var(--tooltip-text-color);
}
.tooltip__7b090 .tooltipText__8aa99 {
font-size: var(--tooltip-font-size);
color: var(--tooltip-text-color) !important;
}
.tooltip__7b090 .activityIcon_c97a7c {
color: var(--tooltip-text-color);
}
.tooltip__7b090 .clickCTA__86888 {
color: var(--tooltip-text-color) !important;
}
.subscribeTooltipWrapper-3ipXtC,
.upsellTooltipWrapper__11dad,
.container-5N5x2A {
background-color: var(--popout-color);
border-radius: var(--popout-radius-big);
box-shadow: var(--shadow-3dp);
}
.subscribeTooltipWrapper-3ipXtC.caretTopCenter__99bb0:after,
.upsellTooltipWrapper__11dad.caretTopCenter__99bb0:after,
.container-5N5x2A.caretTopCenter__99bb0:after {
border-bottom-color: var(--popout-color);
}
.subscribeTooltipWrapper-3ipXtC.caretLeftCenter__82bf0:after,
.upsellTooltipWrapper__11dad.caretLeftCenter__82bf0:after,
.container-5N5x2A.caretLeftCenter__82bf0:after {
border-right-color: var(--popout-color);
}
.subscribeTooltipWrapper-3ipXtC .subscribeTooltipHeader-15pGbG {
color: var(--header-primary);
}
.subscribeTooltipWrapper-3ipXtC .subscribeTooltipText-2A8MMi-1JoUuw {
color: var(--header-secondary);
}
.upsellTooltipWrapper__11dad.caretTopCenter__99bb0:after {
border-bottom-color: var(--popout-color);
}
.upsellTooltipWrapper__11dad.caretLeftTop_b5cd94:after {
top: var(--popout-radius-big);
border-right-color: var(--popout-color);
}
.upsellTooltipWrapper__11dad .upsellTooltipHeader__85849 {
color: var(--header-primary);
}
.upsellTooltipWrapper__11dad .upsellTooltipText_e9359d, .upsellTooltipWrapper__11dad .content_f59247 {
color: var(--header-secondary) !important;
}
.upsellTooltipWrapper__11dad .lookInverted_a299dc.colorBrand__27d57 {
--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__11dad .lookInverted_a299dc.colorBrand__27d57:after {
background-color: hsl(var(--accent-hsl--material-you));
}
.container-5N5x2A .title-2_oicu {
color: var(--header-primary);
}
.container-5N5x2A .subTitle-2vwe12 {
color: var(--header-secondary);
}
.container-5N5x2A .pointer-1bsD64 {
border-top-color: var(--popout-color);
}
.tooltipPremiumFooterContainer__0816a {
border-radius: 14px;
}
.reactionTooltip__20d0b {
padding: 8px;
background-color: var(--tooltip-color);
border-radius: var(--tooltip-radius);
box-shadow: var(--tooltip-shadow);
font-size: var(--tooltip-font-size);
color: var(--tooltip-text-color);
}
.reactionTooltip__20d0b .reactionTooltipText__19974 {
color: inherit;
}
.burstReactionTooltipMessage__30010 {
border-bottom-color: var(--text-disabled);
}
.burstReactionTooltipPrompt__1296d {
margin: 8px 0 0;
}
.burstReactionTooltipPrompt__1296d .reactionTooltipText__19974 {
margin-left: 0;
}
/* TOOLTIP -> EMOJI INFO */
.popoutContainer__66068 {
background-color: var(--tooltip-color) !important;
border-radius: var(--tooltip-radius);
box-shadow: var(--tooltip-shadow) !important;
}
.popoutContainer__66068 .defaultColor__77578, .popoutContainer__66068 .defaultColor__8610e, .popoutContainer__66068 .defaultColor__30336 {
color: var(--tooltip-text-color);
}
/*
*
* ACTIVITY LIST
*
*/
.nowPlayingColumn_b025fe {
background-color: var(--main-color);
}
.nowPlayingColumn_b025fe .container__3673d {
background-color: transparent;
}
.nowPlayingColumn_b025fe .container__3673d .scroller__7c25e {
margin-left: 0;
padding: 16px 16px 12px;
border-left: none;
}
.memberItem_e792da {
padding: 0;
}
.card_f887fe {
margin-bottom: 16px;
background-color: var(--card-color-outlined);
border: 1px solid var(--card-border-color);
padding: 0;
border-radius: var(--card-radius-big);
}
.card_f887fe .header_f3c380 {
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_f887fe .size14_b2af01 {
padding: 16px 16px 0;
}
.card_f887fe .buttonContainer__9d0bc {
padding: 0 16px 16px;
}
.emptyCard__204d9 {
padding: 0;
background-color: var(--activity-card-color);
border-radius: var(--card-radius-big);
}
.emptyCard__204d9 .emptyHeader__2717e {
width: 100%;
margin-bottom: 0;
padding: 16px;
background-color: transparent;
font-size: 1.25em;
line-height: normal;
color: var(--card-header-text-color);
font-weight: 400;
opacity: 1;
box-sizing: border-box;
text-align: left;
}
.emptyCard__204d9 .emptyText__18c2a {
padding: 0 16px 16px;
text-align: left;
}
.interactive__46c44 {
margin: 0 0 2px;
background-color: var(--activity-card-color);
border-radius: 4px;
border: none;
transition: var(--default-time) var(--default-animation) background-color;
}
.interactive__46c44:hover {
background-color: var(--activity-card-color--hover) !important;
}
.interactive__46c44.active__76f42 {
background-color: var(--activity-card-color--active) !important;
}
.interactive__46c44:not(:only-of-type):first-of-type {
border-radius: var(--card-radius-big) var(--card-radius-big) 4px 4px;
}
.interactive__46c44:not(:only-of-type):nth-last-child(2) {
border-radius: 4px 4px var(--card-radius-big) var(--card-radius-big);
}
.interactive__46c44:not(:only-of-type):nth-last-child(2):after {
display: none;
}
.interactive__46c44 .inset__61d5b {
margin-left: 44px;
background-color: transparent;
}
.interactive__46c44 .section__253ec {
margin-bottom: 2px;
background-color: var(--activity-card-color--inset);
border-radius: 4px;
}
.interactive__46c44 .section__253ec:first-of-type {
border-radius: var(--card-radius-big) var(--card-radius-big) 4px 4px;
}
.interactive__46c44 .section__253ec:last-of-type {
margin-bottom: 0;
border-radius: 4px 4px var(--card-radius-big) var(--card-radius-big);
}
.interactive__46c44 .section__253ec:only-child {
border-radius: var(--card-radius-big);
}
.interactive__46c44 .separator_fc3370 {
display: none;
}
.interactive__46c44 .headerIcon__8b290 {
border-radius: 50%;
}
.interactive__46c44 .applicationStreamingPreviewWrapper_cdc31a {
background-color: var(--card-color-alt);
border-radius: calc(var(--card-radius-big) / 1.25);
overflow: hidden;
}
.interactive__46c44 .image__8afe6 {
border-radius: calc(var(--card-radius-big) / 1.25);
}
.interactive__46c44 .borderRadius0__0697d {
border-radius: 50%;
}
.nowPlayingColumn_b025fe .header_c56a27 {
margin-top: 0;
font-weight: 400;
}
.nowPlayingColumn_b025fe .header_c56a27 + .interactive__46c44:nth-last-child(2) {
border-radius: var(--card-radius-big);
}
/*
*
* ADD FRIEND
*
*/
.header__6ddae {
margin: 16px 16px 0;
padding: 0 0 16px;
}
.addFriendInputWrapper__2b30b {
height: calc(var(--input-height) * 1.316);
margin: 12px 0 0 0;
padding: 0 8px 0 16px;
background-color: var(--input-color);
border-radius: calc(var(--input-radius) * 1.316);
border: none;
}
.addFriendInputWrapper__2b30b .addFriendInput__12af4,
.addFriendInputWrapper__2b30b .addFriendHint__6eee6 {
padding: 0;
line-height: var(--input-height);
font-weight: 400;
}
.addFriendInputWrapper__2b30b .addFriendInput__12af4::-webkit-input-placeholder,
.addFriendInputWrapper__2b30b .addFriendHint__6eee6::-webkit-input-placeholder {
color: var(--text-muted);
font-weight: 500;
}
.addFriendInputWrapper__2b30b .addFriendInput__12af4 {
border-bottom: none !important;
}
.addFriendInputWrapper__2b30b .addFriendInput__12af4 .input_f27786 {
padding: 0;
box-shadow: none !important;
}
.addFriendInputWrapper__2b30b .addFriendHint__6eee6 {
top: 6px;
}
.header__7cf1d {
padding: 16px;
}
.grid__8fc4b {
padding: 0 16px;
}
.container__048f4 {
background-color: var(--card-color-filled);
border: none;
padding: 0;
border-radius: var(--card-radius-big);
transition: var(--default-time) var(--default-animation) background-color;
}
.container__048f4:hover {
background-color: var(--card-color-hover);
}
/*
*
* FRIENDS LIST
*
*/
.container_bd15da {
background-color: var(--chat-color) !important;
border-top-right-radius: var(--card-radius-big);
}
.tabBody_a90ea8:before {
display: none;
}
.peopleList_d2f527 {
padding-bottom: 12px;
}
.peopleColumn__0c784 .searchBar__310d8 {
margin: 16px 16px 8px 16px;
height: var(--input-height);
max-height: var(--input-height);
padding: var(--input-padding);
background-color: var(--input-color);
border-radius: calc(var(--input-height) / 2);
border: none;
padding: 0;
}
.peopleColumn__0c784 .searchBar__310d8 .inner__999f6 .input__48d49 {
height: var(--input-height);
margin: 0;
padding: 0 4px 0 12px;
line-height: var(--input-height);
}
.peopleColumn__0c784 .searchBar__310d8 .inner__999f6 .input__48d49::-webkit-input-placeholder {
font-family: var(--app-font);
}
.peopleColumn__0c784 .searchBar__310d8 .inner__999f6 .iconLayout__67261 {
width: var(--input-height);
height: var(--input-height);
}
.peopleColumn__0c784 .scrollerBase_f742b2 {
margin-top: 0;
}
.peopleColumn__0c784 .container-q97qHp {
height: 40px;
margin: 0;
padding: 0 16px;
line-height: 40px;
font-size: 14px;
text-transform: none;
}
.peopleListItem_dab480 {
margin: 0 8px !important;
padding: 0 16px !important;
border-radius: var(--card-radius-big) !important;
border: none;
transition: var(--default-time) var(--default-animation) background-color;
}
.peopleListItem_dab480:hover {
background-color: var(--menu-item-hover);
}
.peopleListItem_dab480.active__6b8ff {
background-color: var(--menu-item-select);
}
.peopleListItem_dab480 .actionButton__2b4bb {
background-color: transparent;
position: relative;
}
.peopleListItem_dab480 .actionButton__2b4bb:after {
content: " ";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: hsl(var(--md-ripple-color), 0.1);
border-radius: 50%;
opacity: 0;
pointer-events: none;
transform: scale(1.2);
transition: 300ms ease;
z-index: 4;
}
.peopleListItem_dab480 .actionButton__2b4bb:hover:after {
opacity: 1;
transform: scale(1);
animation: scale 150ms var(--default-animation), opacity 150ms ease;
}
.peopleListItem_dab480 .actionButton__2b4bb:active:after {
background-color: hsl(var(--md-ripple-color), 0.2);
}
.peopleListItem_dab480 .actionButton__2b4bb .icon__4ee3f {
transform: scale(1.2);
}
.peopleListItem_dab480 .actionButton__2b4bb .icon__4ee3f path[d="M4.79805 3C3.80445 3 2.99805 3.8055 2.99805 4.8V15.6C2.99805 16.5936 3.80445 17.4 4.79805 17.4H7.49805V21L11.098 17.4H19.198C20.1925 17.4 20.998 16.5936 20.998 15.6V4.8C20.998 3.8055 20.1925 3 19.198 3H4.79805Z"] {
d: path("M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z");
}
/*
*
* LIBRARY
*
*/
.libraryHeader__19be0 {
--input-height: 32px;
--input-padding: 0 2px 0 6px;
}
.libraryHeader__19be0 .inner__999f6 .input__48d49 {
padding: 0;
}
.libraryHeader__19be0 .inner__999f6 .input__48d49, .libraryHeader__19be0 .inner__999f6 .input__48d49::-webkit-input-placeholder {
font-weight: 500;
}
.libraryFilter__4f521 {
width: 160px;
transition: 300ms ease width;
}
.libraryFilter__4f521.focused__80ea9 {
width: 240px;
}
.scroller_a9a4b4,
.scroller_ddc925 {
background-color: var(--chat-color);
}
.table_c4e11f {
padding-bottom: 8px;
}
.table_c4e11f .header__119bc {
height: 42px;
padding: 0 16px;
line-height: 42px;
background-color: var(--chat-color);
border-bottom: 1px solid var(--card-border-color);
}
.table_c4e11f .header__119bc.stickyHeader_bba39c {
width: 100%;
}
.table_c4e11f .header__119bc .headerCell__1746e {
border: none;
font-size: 14px;
text-transform: none;
}
.table_c4e11f .header__119bc .headerCell__1746e.headerCellSorted__39cbd .headerCellContent__8e785 {
position: relative;
background-color: transparent !important;
border: none;
}
.table_c4e11f .header__119bc .headerCell__1746e.headerCellSorted__39cbd .headerCellContent__8e785:after {
position: absolute;
content: " ";
width: 100%;
height: 3px;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
background: var(--tab-border-color);
border-radius: 3px 3px 0 0;
transition: var(--default-time) ease all;
}
.table_c4e11f .header__119bc .headerCell__1746e.headerCellSorted__39cbd .headerCellContent__8e785:after {
width: calc(100% - 22px);
left: 0;
right: auto;
}
.rowWrapper__801a0 {
margin: 0 8px;
padding: 0;
border-radius: var(--card-radius-big);
border: none;
transition: var(--default-time) var(--default-animation) background-color;
}
.rowWrapper__801a0.rowWrapperActive__789cb {
background-color: var(--menu-item-hover);
}
.rowWrapper__801a0 .row__8780b {
margin: 0;
padding: 0 16px;
border-top: none !important;
}
.rowWrapper__801a0 .nameBodyCell_da1f49,
.rowWrapper__801a0 .settingIcon_e426c9,
.rowWrapper__801a0 .textCell_f73533 {
transition: var(--default-time) var(--default-animation) opacity;
}
.rowWrapper__801a0 .nameBodyCell_da1f49 {
padding-left: 0;
}
.body_b52499 {
min-width: 350px;
max-width: 1200px;
padding: 60px 40px 80px;
}
.wrapper-QQNZRu .foreground-2JnqVD {
stroke: var(--slider-color) !important;
}
.wrapper-QQNZRu .foreground-2JnqVD {
stroke: hsl(var(--accent-hsl--material-you)) !important;
}
/*
*
* MESSAGE REQUESTS
*
*/
.list__325e7 {
padding: 0 8px;
}
.list__325e7 .content-2a4AW9 {
height: auto !important;
margin-top: 24px;
background-color: var(--card-color-filled);
border: none;
padding: 0;
border-radius: var(--card-radius-big);
overflow: hidden;
}
.list__325e7 .content-2a4AW9 > div[style="height: 24px;"] {
display: none;
}
.list__325e7 .sectionTitle__714a0 {
margin: 0;
padding: 0 16px 16px;
line-height: normal;
color: var(--card-header-text-color);
font-weight: 400;
font-size: 1.25em;
text-transform: none;
}
.messageRequestItem__9f70d {
padding: 16px;
position: relative;
border-bottom: none;
border-radius: var(--card-radius-big);
transition: var(--default-time) var(--default-animation) background-color;
}
.messageRequestItem__9f70d:after {
position: absolute;
content: " ";
width: calc(100% - 16px * 2);
height: 1px;
right: 0;
bottom: 0;
margin: 0 16px;
background-color: var(--card-border-color);
}
.messageRequestItem__9f70d:last-of-type:after {
display: none;
}
.messageRequestItem__9f70d:not(.firstItem__6f4d0) {
border-top: none;
}
.messageRequestItem__9f70d:hover, .messageRequestItem__9f70d.active_a36bbb, .messageRequestItem__9f70d.selected__8eaa8, .messageRequestItem__9f70d.selected_febc70 {
border-radius: var(--card-radius-big);
}
.messageRequestItem__9f70d:hover .actionButton-3GQIiT, .messageRequestItem__9f70d.active_a36bbb .actionButton-3GQIiT, .messageRequestItem__9f70d.selected__8eaa8 .actionButton-3GQIiT, .messageRequestItem__9f70d.selected_febc70 .actionButton-3GQIiT {
background-color: var(--card-color-alt);
}
.messageRequestItem__9f70d:hover, .messageRequestItem__9f70d.active_a36bbb {
background-color: var(--card-color-hover);
}
.messageRequestItem__9f70d.selected__8eaa8, .messageRequestItem__9f70d.selected_febc70 {
background-color: var(--card-color-active);
}
.messageRequestItem__9f70d:after {
display: none;
}
.messageRequestItem__9f70d .actionButton-3GQIiT {
background-color: var(--card-color-hover);
}
.messageRequestItem__9f70d .button__581d0.colorPrimary_ebe632 {
--button-padding: 0 12px;
--button-background: transparent;
--button-text-color: hsl(var(--accent-hsl--material-you));
--accent-button-action-hover: 0.14;
--accent-button-action-active: 0.21;
}
.messageRequestItem__9f70d .button__581d0.colorPrimary_ebe632:after {
background-color: hsl(var(--button-link-accent-color));
}
/* MESSAGE REQUESTS -> PREVIEW */
.chat_f8f70f:before {
display: none;
}
/*
*
* NITRO
*
*/
.applicationStore__444b9 {
background-color: var(--chat-color);
border-top-right-radius: var(--card-radius-big);
}
.applicationStore__444b9 .scroller__244e5 {
background-color: transparent;
}
.settingsContainer-36qZZ9 {
width: 100%;
border-radius: var(--card-radius-big);
}
.premiumTierCardsContainerSettings-3_Raf8 {
max-width: unset;
}
.card__48184 {
border-radius: var(--card-radius-big);
}
.perkCard__412af,
.bigPerkCard-1uwmWV,
.smallPerkCard-2sX_-- {
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
}
/*
*
* MESSAGE ACTIONS
*
*/
.message_ccca67 .buttons__36852 {
max-width: 32px;
opacity: 0;
visibility: visible;
pointer-events: none;
transition: opacity var(--default-time) var(--default-animation), max-width var(--default-time) var(--default-animation) var(--default-time);
}
.selected-2LX7Jy.message_ccca67 .buttons__36852, .message_ccca67:hover .buttons__36852 {
max-width: 380px;
opacity: 1;
pointer-events: all;
}
.wrapper__4e6b6 {
background-color: var(--main-textarea-color);
border-radius: 16px;
box-shadow: var(--shadow-2dp);
border: none;
overflow: hidden;
z-index: 2;
}
.wrapper__4e6b6:hover {
box-shadow: var(--shadow-3dp);
}
.wrapper__4e6b6 .button_d4bf9b {
transition: var(--default-time) ease all;
}
.wrapper__4e6b6 .button_d4bf9b:hover {
background-color: var(--menu-item-hover);
}
.wrapper__4e6b6 .button_d4bf9b:active {
padding: 4px;
}
.wrapper__4e6b6 .button_d4bf9b .selected__74fee {
background-color: var(--menu-item-select);
}
/* MESSAGES -> ACTIONS -> DELETE MESSAGE */
.message_ff43e6 {
padding: 0;
background-color: transparent !important;
box-shadow: none !important;
}
.message_ff43e6 .wrapper_a62503 {
margin: 0 0 0 52px !important;
background-color: var(--message-color-alt) !important;
}
.message_ff43e6 .wrapper_a62503 .avatar__08316 {
left: -52px !important;
}
/*
*
* ATTACHMENTS
*
*/
.nonMediaAttachmentsContainer__912df {
margin-top: 0;
}
.attachment__06ca3 {
background-color: var(--attachment-color);
border-radius: var(--media-radius);
border: none;
}
.attachment__06ca3.newMosaicStyle_ed53d8 {
border-radius: var(--media-radius);
}
.attachment__06ca3 .downloadButton__3fb6d {
margin-left: 0;
}
.attachment__06ca3 .downloadButton__3fb6d path {
d: path("M13 5v6h1.17L12 13.17 9.83 11H11V5h2m2-2H9v6H5l7 7 7-7h-4V3zm4 15H5v2h14v-2z") !important;
}
.hoverButtonGroup__304b2 {
background-color: var(--card-button-color);
border-radius: 16px;
transition: var(--default-time) var(--default-animation) opacity;
}
.hoverButtonGroup__304b2 .hoverButton_be4802 {
transition: var(--default-time) var(--default-animation) background-color;
}
.hoverButtonGroup__304b2 .hoverButton_be4802:hover {
background-color: var(--card-button-color-hover);
}
.hoverButtonGroup__304b2 .downloadHoverButtonIcon__90d38 path {
d: path("M18,15v3H6v-3H4v3c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2v-3H18z M17,11l-1.41-1.41L13,12.17V4h-2v8.17L8.41,9.59L7,11l5,5 L17,11z");
}
.nonMediaAttachment_ef83c1 {
width: 32px;
height: 32px;
top: 0;
right: 12px;
bottom: 0;
margin: auto 0;
outline: none;
}
.nonMediaAttachment_ef83c1.hoverButtonGroup__304b2 {
background-color: transparent;
opacity: 1;
}
.video__83189 {
border-radius: var(--media-radius);
}
.container__17159 {
background-color: var(--attachment-color);
border-radius: var(--media-radius);
}
.progress__4d3b3 {
background-color: hsl(var(--accent-hsl), 0.3) !important;
}
.progress__4d3b3 .progressBar-1T6LYX {
background-color: hsl(var(--accent-hsl--material-you)) !important;
}
.embed_cc6dae {
border-radius: var(--media-radius);
}
.embed_cc6dae.embedFull__14919 {
background-color: var(--attachment-color);
}
.embedCard__2a3c7 {
background-color: var(--attachment-color);
border-radius: var(--message-radius);
}
.embedCard__2a3c7.selected__197e7 {
background-color: var(--attachment-color);
}
.embedCard__2a3c7 .wrapper_a62503 {
margin: 0 0 0 48px !important;
}
.embedCard__2a3c7 .wrapper_a62503 .avatar__08316 {
left: -48px !important;
margin-top: 0;
}
.withFooter__04ba2 {
padding-bottom: 0;
border-radius: var(--media-radius) var(--media-radius) 0 0;
}
.footerContainer_b2e9f6 {
padding: 8px 16px 8px;
background-color: var(--attachment-color);
border-radius: 0 0 var(--media-radius) var(--media-radius);
}
.footerContainer_b2e9f6 .button__581d0 {
--button-height: 30px;
}
.footerContainer_b2e9f6 .button__581d0 .contents__322f4 > div {
height: var(--button-height);
}
.footerContainer_b2e9f6 .button__581d0 .text-xs-normal_ccc5fb, .footerContainer_b2e9f6 .button__581d0 .text-xs-normal__46d75 {
color: hsl(var(--accent-text-color--material-you)) !important;
font-weight: 500;
}
.children_f15443 {
margin-top: 4px;
gap: 8px;
}
.children_f15443 .button__581d0 {
margin: 0;
}
.wrapper_ff72bd {
background-color: var(--attachment-color);
border-radius: var(--media-radius);
}
.wrapper__8a5dd {
background-color: var(--attachment-color) !important;
border-radius: var(--media-radius);
}
.wrapper__8a5dd .inviteSplash__0f1df,
.wrapper__8a5dd .banner_dee758 {
border-radius: var(--media-radius);
}
.wrapper__8a5dd .content-17zlU6 {
gap: 12px;
}
.wrapper__8a5dd .h5-2RwDNl {
font-size: 14px;
text-transform: none;
}
.wrapper__8a5dd .guildIcon__85266 {
border-radius: 50%;
}
.invite__2a93b {
background-color: var(--attachment-color) !important;
border-radius: var(--media-radius);
border: none !important;
}
/* ATTACHMENTS -> AUDIO FILE */
.wrapperAudio__178e9 {
padding: 0;
background-color: var(--attachment-color) !important;
border-radius: var(--media-radius);
border: none;
}
.wrapperAudio__178e9.newMosaicStyle__78072 {
padding: 0;
border-radius: var(--media-radius);
}
.wrapperAudio__178e9 .audioMetadata__84e00 {
padding: 12px 12px 4px;
}
.wrapperAudio__178e9 .audioMetadata__84e00 .metadataIcon__2b10c path[d="M16.293 9.293L17.707 10.707L12 16.414L6.29297 10.707L7.70697 9.293L11 12.586V2H13V12.586L16.293 9.293ZM18 20V18H20V20C20 21.102 19.104 22 18 22H6C4.896 22 4 21.102 4 20V18H6V20H18Z"] {
d: path("M13 5v6h1.17L12 13.17 9.83 11H11V5h2m2-2H9v6H5l7 7 7-7h-4V3zm4 15H5v2h14v-2z");
}
.wrapperAudio__178e9 + .nonMediaAttachment_ef83c1 {
top: 12px;
bottom: unset;
margin: 0;
}
.wrapperAudio__178e9 .audioControls_da7066 {
margin-top: 0;
background-color: transparent;
border-radius: 0;
border-top: 1px solid var(--card-border-color);
color: var(--text-normal);
}
.wrapperAudio__178e9 .audioControls_da7066 .controlIcon_d1bbd7 {
padding: 8px;
}
.container_ce813c {
background-color: var(--attachment-color);
border-radius: var(--media-radius);
}
.container_ce813c.playing__0754e .playButtonContainer_bf2199 {
border-radius: 10px;
}
.ripple__74f0d {
display: none;
}
.playButtonContainer_bf2199 {
background: hsl(var(--accent-hsl--material-you)) !important;
transition: var(--default-time) var(--default-animation) border-radius;
}
.playButtonContainer_bf2199:active {
transform: none;
}
.playButtonContainer_bf2199 .playIcon__25e6e {
color: var(--accent-text-color--material-you) !important;
}
/* ATTACHMENTS -> VIDEO PLAYER */
.wrapper_f09ac7 {
border-radius: 0;
}
.mediaBarInteraction_e21234:hover .mediaBarGrabber__1d527 {
background-color: hsl(var(--accent-hsl--material-you));
box-shadow: var(--shadow-2dp);
}
.mediaBarInteractionDragging__55800 .mediaBarGrabber__1d527 {
background-color: hsl(var(--accent-hsl--material-you));
box-shadow: var(--shadow-3dp);
}
.mediaBarGrabber__1d527, .mediaBarGrabber__1d527:before, .mediaBarGrabber__1d527:after,
.mediaBarProgress_a3b7f1,
.mediaBarProgress_a3b7f1:before,
.mediaBarProgress_a3b7f1:after {
background-color: hsl(var(--accent-hsl--material-you));
}
/* ATTACHMENTS -> EMOJI SELLUP */
.popoutContainer-2wbmiM {
background-color: var(--popout-color) !important;
border-radius: var(--popout-radius-big) !important;
box-shadow: var(--shadow-3dp) !important;
}
.popoutContainer-2wbmiM .emojiSection-3QtaWO,
.popoutContainer-2wbmiM .guildSection-2Zyzy8 {
background-color: transparent;
}
.popoutContainer-2wbmiM .guildSection-2Zyzy8 {
border-top: 1px solid var(--card-border-color);
}
.container-1ZA19X {
z-index: 2;
}
.container-1ZA19X .stickerResults-cD_yeI {
padding: 16px 16px 8px;
}
.container-1ZA19X .bottomInformationTextContainer-3xmddX {
padding: 8px 16px 8px;
border-top: 1px solid var(--card-border-color);
}
.container-1ZA19X .bottomInformationTextContainer-3xmddX .textDivider-34kVsR {
display: none;
}
.container-1ZA19X .containerBackground-Ang24O {
background-color: var(--popout-color);
border-radius: var(--popout-radius-big);
box-shadow: var(--shadow-3dp);
border: none;
}
.container-1ZA19X .containerBackground-Ang24O:after {
border-top-color: var(--popout-color);
}
/* ATTACHMENTS -> IMAGES */
.mediaAttachmentsContainer__242e2,
.oneByOneGridSingle__8c6ef,
.messageAttachmentMediaMosaic__67262 {
border-radius: 0;
}
.imageWrapper__178ee {
border-radius: var(--media-radius);
}
.imageWrapper__178ee.image__1dc70 {
--media-radius: 0;
}
.embedMedia-1mdWSP {
border-radius: var(--media-radius);
}
.spoilerContainer__89762 {
border-radius: var(--media-radius);
box-shadow: none !important;
}
/*
*
* MARKUP
*
*/
.markup_a7e664 a {
color: hsl(var(--accent-hsl));
}
.markup_a7e664 pre, .markup_a7e664 pre *, .markup_a7e664 code.inline, .markup_a7e664 .codeBlockText_bcfd01, .markup_a7e664 .codeBlockText_bcfd01 *, .markup_a7e664 .codeLine__10acb, .markup_a7e664 .codeLine__10acb *, .markup_a7e664 .codeBlockLang__61f8b, .markup_a7e664 .codeBlockLang__61f8b *, .markup_a7e664 .codeBlockSyntax__4104a, .markup_a7e664 .codeBlockSyntax__4104a *, .markup_a7e664 .syntaxAfter__23aff, .markup_a7e664 .syntaxAfter__23aff *, .markup_a7e664 .syntaxBefore_bd3975, .markup_a7e664 .syntaxBefore_bd3975 * {
--app-font: var(--code-font);
}
.markup_a7e664 pre,
.markup_a7e664 pre code,
.markup_a7e664 code.inline {
background-color: var(--attachment-color);
border-radius: var(--media-radius);
border: none;
}
.markup_a7e664 pre code,
.markup_a7e664 code.inline code {
background-color: transparent;
}
.markup_a7e664 pre,
.markup_a7e664 code.inline {
margin: 4px 0;
}
.inlineCode__0cacf,
.before_inlineCode__48f7c,
.after_inlineCode__59586 {
--app-font: var(--code-font);
background-color: var(--attachment-color);
}
.before_inlineCode__48f7c {
border-radius: var(--media-radius) 0 0 var(--media-radius);
}
.after_inlineCode__59586 {
border-radius: 0 var(--media-radius) var(--media-radius) 0;
}
.wrapper__53064 {
background-color: hsl(var(--accent-hsl), 0.15);
border-radius: var(--media-radius);
color: hsl(var(--accent-hsl));
transition: var(--default-time) var(--default-animation) background-color;
}
.wrapper__53064:hover {
background-color: hsl(var(--accent-hsl), 0.3);
color: hsl(var(--accent-hsl));
}
.theme-dark .wrapper__53064 {
background-color: hsl(var(--accent-hsl), 0.15);
color: hsl(var(--accent-hsl));
}
.theme-dark .wrapper__53064:hover {
background-color: hsl(var(--accent-hsl), 0.3);
}
.textContainer__65f57,
.footer__90194 {
background-color: var(--attachment-color);
border: none;
}
.textContainer__65f57 {
border-radius: var(--media-radius) var(--media-radius) 0 0;
}
.textContainer__65f57 .hljs {
background-color: transparent;
}
.footer__90194 {
border-radius: 0 0 var(--media-radius) var(--media-radius);
border-top: 1px solid var(--separator-color);
}
.codeView_e4dd18, .codeView_e4dd18 * {
--app-font: var(--code-font);
}
.embed_cc6dae {
border-radius: var(--media-radius);
}
.embed_cc6dae.embedFull__14919 {
background-color: var(--attachment-color);
}
.embed_cc6dae pre,
.embed_cc6dae pre code,
.embed_cc6dae code.inline {
--attachment-color: var(--message-color);
}
/*
*
* MESSAGES
*
*/
.backgroundFlash__28f42 {
border-radius: var(--message-radius);
}
[style].backgroundFlash__28f42 {
position: relative;
background-color: transparent !important;
}
[style].backgroundFlash__28f42:before {
position: absolute;
content: " ";
width: calc(100% - 78px);
height: 100%;
top: 0;
left: 68px;
border-radius: var(--message-radius);
pointer-events: none;
z-index: 2;
transition: 200ms ease-out background-color;
}
.backgroundFlash__28f42:not([style$="0);"]):before {
background-color: hsl(var(--accent-hsl), 0.2);
}
[style="background-color: rgba(148, 156, 247, 0);"].backgroundFlash__28f42:before {
background-color: hsl(var(--accent-hsl), 0);
}
.messagesWrapper_add28b.group-spacing-0 .groupStart__7b93c {
--group-spacing: 0.125rem;
}
.messagesWrapper_add28b.group-spacing-0 .divider__01aed.beforeGroup__6532c {
top: 1px;
}
.messagesWrapper_add28b.group-spacing-4 .groupStart__7b93c {
--group-spacing: 0.3125rem;
}
.messagesWrapper_add28b.group-spacing-4 .divider__01aed.beforeGroup__6532c {
top: 2px;
}
.messagesWrapper_add28b.group-spacing-8 .groupStart__7b93c {
--group-spacing: 0.5625rem;
}
.messagesWrapper_add28b.group-spacing-8 .divider__01aed.beforeGroup__6532c {
top: 4px;
}
.messagesWrapper_add28b.group-spacing-16 .groupStart__7b93c {
--group-spacing: 1.0625rem;
}
.messagesWrapper_add28b.group-spacing-16 .divider__01aed.beforeGroup__6532c {
top: 8px;
}
.messagesWrapper_add28b.group-spacing-24 .groupStart__7b93c {
--group-spacing: 1.5625rem;
}
.messagesWrapper_add28b.group-spacing-24 .divider__01aed.beforeGroup__6532c {
top: 12px;
}
[class*=group-spacing].messagesWrapper_add28b .groupStart__7b93c {
margin-top: var(--group-spacing) !important;
}
[class*=group-spacing].messagesWrapper_add28b .divider__01aed:not(.beforeGroup__6532c) {
top: -4px;
}
.messagesWrapper_add28b .divider__855e3 {
border-top-color: var(--message-color-hover);
}
.messagesWrapper_add28b .content__7191e {
padding: 4px 12px;
border-radius: 11px;
}
.wrapper_a62503 {
position: relative;
background-color: var(--message-color) !important;
transition: var(--default-time) var(--default-animation) background-color;
}
.wrapper_a62503:hover {
background-color: var(--message-color-hover) !important;
}
.wrapper_a62503.automodMessage__43f24:before {
display: none;
}
.wrapper_a62503.hasThread__44ae4:after {
display: none;
}
.wrapper_a62503.hasThread__44ae4 .markup_a7e664 {
overflow: visible;
}
.wrapper_a62503.hasThread__44ae4 .container-x059i8 {
padding: 0;
}
.wrapper_a62503.hasThread__44ae4 .iconContainer-2rPbqG {
position: absolute;
width: 40px !important;
height: 40px;
top: -8px;
left: -62px;
margin-right: 0;
padding-top: 0;
background-color: var(--message-color-hover);
border-radius: var(--avatar-radius);
}
.wrapper_a62503.hasThread__44ae4 .container-3i3IzO {
width: 100%;
padding: 12px;
background-color: var(--attachment-color);
border-radius: var(--media-radius);
box-sizing: border-box;
}
.wrapper_a62503.hasThread__44ae4 .cta-1XhfrG {
color: hsl(var(--accent-hsl));
}
.wrapper_a62503.groupStart__7b93c {
position: relative;
border-radius: var(--message-radius);
}
.wrapper_a62503.groupStart__7b93c .avatar__08316 {
width: 40px;
height: 40px;
top: 0;
left: -50px;
border-radius: var(--avatar-radius);
}
.wrapper_a62503.groupStart__7b93c .avatarDecoration__8a0c2 {
top: 0;
left: -54px;
}
.wrapper_a62503.groupStart__7b93c.replying__38514:before {
display: none;
}
.wrapper_a62503:not(.groupStart__7b93c) {
border-radius: 0 0 var(--message-radius) var(--message-radius);
}
.wrapper_a62503:not(.groupStart__7b93c):before, .wrapper_a62503:not(.groupStart__7b93c):after {
content: " ";
position: absolute;
width: 0;
height: 0;
top: calc(var(--message-radius) / 2.5 * -1);
background-color: transparent;
border: calc(var(--message-radius) / 5) solid transparent;
border-bottom-color: var(--message-color);
pointer-events: none;
transition: var(--default-time) var(--default-animation) border-color;
}
.wrapper_a62503:not(.groupStart__7b93c):before {
left: 0;
border-left-color: var(--message-color);
}
.wrapper_a62503:not(.groupStart__7b93c):after {
right: 0;
border-right-color: var(--message-color);
}
.wrapper_a62503.ephemeral_eb5d84 a, .wrapper_a62503.replying__38514 a {
color: hsl(var(--accent-hsl));
}
.wrapper_a62503.ephemeral_eb5d84:before {
display: none;
}
.wrapper_a62503 .slateTextArea_b19976 {
padding-left: 12px !important;
}
.wrapper_a62503 .messageContent_abea64 {
overflow: visible;
}
.wrapper_a62503 .messageContent_abea64 .iconContainer__6910b {
width: 40px;
top: -8px;
left: calc((50px + var(--message-padding-side)) * -1);
}
.wrapper_a62503 .buttonContainer__6de7e {
margin-top: 8px;
margin-left: 0;
}
.wrapper_a62503 .buttonContainer__6de7e .button__581d0 {
--button-height: 24px;
--button-padding: 0 6px;
}
.wrapper_a62503 .buttonContainer__6de7e .button__581d0 .text-xs-normal_ccc5fb, .wrapper_a62503 .buttonContainer__6de7e .button__581d0 .text-xs-normal__46d75 {
color: hsl(var(--accent-hsl--material-you)) !important;
}
.wrapper_a62503 .buttonContainer__6de7e .footerAction_f322dc {
height: var(--button-height);
}
.wrapper_a62503 .buttonContainer__6de7e .footerAction_f322dc .footerIcon__98652 {
color: hsl(var(--accent-hsl--material-you));
}
.wrapper_a62503 .buttonContainer__6de7e .footerAction_f322dc .footerIcon__98652 path {
fill: currentColor;
}
.wrapper_a62503 .dot_e3691c {
margin: 0 4px;
}
.wrapper_a62503 .channelTextArea__648e5 .scrollableContainer_ff917f {
background-color: var(--input-color-alt);
border-radius: var(--main-textarea-radius);
}
.messageListItem__050f9:hover + .messageListItem__050f9 .wrapper_a62503:not(.groupStart__7b93c):before, .messageListItem__050f9:hover + .messageListItem__050f9 .wrapper_a62503:not(.groupStart__7b93c):after,
.messageListItem__050f9:hover + .backgroundFlash__28f42 .wrapper_a62503:not(.groupStart__7b93c):before,
.messageListItem__050f9:hover + .backgroundFlash__28f42 .wrapper_a62503:not(.groupStart__7b93c):after,
.messageListItem__050f9:hover + .divider__01aed + .messageListItem__050f9 .wrapper_a62503:not(.groupStart__7b93c):before,
.messageListItem__050f9:hover + .divider__01aed + .messageListItem__050f9 .wrapper_a62503:not(.groupStart__7b93c):after,
.backgroundFlash__28f42:hover + .messageListItem__050f9 .wrapper_a62503:not(.groupStart__7b93c):before,
.backgroundFlash__28f42:hover + .messageListItem__050f9 .wrapper_a62503:not(.groupStart__7b93c):after,
.backgroundFlash__28f42:hover + .backgroundFlash__28f42 .wrapper_a62503:not(.groupStart__7b93c):before,
.backgroundFlash__28f42:hover + .backgroundFlash__28f42 .wrapper_a62503:not(.groupStart__7b93c):after,
.backgroundFlash__28f42:hover + .divider__01aed + .messageListItem__050f9 .wrapper_a62503:not(.groupStart__7b93c):before,
.backgroundFlash__28f42:hover + .divider__01aed + .messageListItem__050f9 .wrapper_a62503:not(.groupStart__7b93c):after {
border-bottom-color: var(--message-color-hover);
}
.messageListItem__050f9:hover + .messageListItem__050f9 .wrapper_a62503:not(.groupStart__7b93c):before,
.messageListItem__050f9:hover + .backgroundFlash__28f42 .wrapper_a62503:not(.groupStart__7b93c):before,
.messageListItem__050f9:hover + .divider__01aed + .messageListItem__050f9 .wrapper_a62503:not(.groupStart__7b93c):before,
.backgroundFlash__28f42:hover + .messageListItem__050f9 .wrapper_a62503:not(.groupStart__7b93c):before,
.backgroundFlash__28f42:hover + .backgroundFlash__28f42 .wrapper_a62503:not(.groupStart__7b93c):before,
.backgroundFlash__28f42:hover + .divider__01aed + .messageListItem__050f9 .wrapper_a62503:not(.groupStart__7b93c):before {
border-left-color: var(--message-color-hover);
}
.messageListItem__050f9:hover + .messageListItem__050f9 .wrapper_a62503:not(.groupStart__7b93c):after,
.messageListItem__050f9:hover + .backgroundFlash__28f42 .wrapper_a62503:not(.groupStart__7b93c):after,
.messageListItem__050f9:hover + .divider__01aed + .messageListItem__050f9 .wrapper_a62503:not(.groupStart__7b93c):after,
.backgroundFlash__28f42:hover + .messageListItem__050f9 .wrapper_a62503:not(.groupStart__7b93c):after,
.backgroundFlash__28f42:hover + .backgroundFlash__28f42 .wrapper_a62503:not(.groupStart__7b93c):after,
.backgroundFlash__28f42:hover + .divider__01aed + .messageListItem__050f9 .wrapper_a62503:not(.groupStart__7b93c):after {
border-right-color: var(--message-color-hover);
}
.cozy_f5c119.groupStart__7b93c {
margin-bottom: 0;
}
.cozy_f5c119.groupStart__7b93c.mentioned_fa6fd2:before {
display: none;
}
.cozy_f5c119.groupStart__7b93c {
padding: var(--message-padding-top) var(--message-padding-side) !important;
}
.cozy_f5c119:not(.groupStart__7b93c) {
margin-top: calc(var(--message-padding-top) * -1);
padding: calc(var(--message-padding-top) / 2) var(--message-padding-side) var(--message-padding-top) var(--message-padding-side) !important;
}
.cozy_f5c119:not(.groupStart__7b93c) + .divider__01aed:not(.beforeGroup__6532c) {
top: -4px;
}
.cozy_f5c119 .header__6a14d {
margin-bottom: 4px;
}
.cozy_f5c119 .markup_a7e664 {
margin-left: 0;
padding-left: 0;
}
.cozy_f5c119:hover .timestamp_c79dd2.alt__6c563 {
opacity: 1;
transition: var(--default-time) ease opacity 750ms;
}
.cozy_f5c119 .timestamp_c79dd2.alt__6c563 {
opacity: 0;
left: -64px;
color: var(--text-muted);
font-weight: 600;
transition: var(--default-time) ease opacity 0ms;
}
.cozy_f5c119 .removeAttachmentButton__692b5 {
right: -4px;
}
.cozy_f5c119:not(.message_ccca67) {
margin: 16px 26px 0 68px;
padding: var(--message-padding-top) var(--message-padding-side) !important;
border-radius: var(--message-radius);
}
.cozy_f5c119:not(.message_ccca67):before, .cozy_f5c119:not(.message_ccca67):after {
display: none;
}
.cozy_f5c119:not(.message_ccca67) .avatar__08316 {
top: 0;
left: -63px;
}
.cozy_f5c119 .repliedMessage__636d2:before {
transform: translateX(42px);
}
.cozy_f5c119 .repliedMessage__636d2 .replyAvatar__4ba85,
.cozy_f5c119 .repliedMessage__636d2 .replyBadge__37a84,
.cozy_f5c119 .repliedMessage__636d2 .executedCommandAvatar_cfc856,
.cozy_f5c119 .repliedMessage__636d2 .userJoinSystemMessageIcon_ccc769 {
margin-left: 42px;
}
.compact_eda3c8 {
margin-bottom: 0;
padding-right: 8px !important;
}
.compact_eda3c8 .avatar__08316 {
width: 16px !important;
height: 16px !important;
top: 3px !important;
left: 0 !important;
margin: 0 0.5em 0 0.25em !important;
padding: 0 !important;
}
.compact_eda3c8.groupStart__7b93c {
padding: 8px;
}
.compact_eda3c8.groupStart__7b93c.mentioned_fa6fd2:before {
display: none;
}
.compact_eda3c8.groupStart__7b93c + .divider__01aed {
margin-bottom: -1px;
}
.compact_eda3c8:not(.groupStart__7b93c) {
margin-top: -8px;
padding: 0 8px 8px 8px;
}
.compact_eda3c8 .contents_d3ae0d {
margin-left: -4.25rem;
padding-left: 4.25rem;
text-indent: -3.75rem;
}
.compact_eda3c8.hasThread__44ae4 .contents_d3ae0d:before {
display: none;
}
.compact_eda3c8 .header__6a14d {
position: relative;
left: -8px;
}
.compact_eda3c8 .timestamp_c79dd2 {
width: 52px;
margin-right: 16px;
color: var(--text-muted);
}
.compact_eda3c8 + .divider__01aed {
margin-left: 80px;
}
.compact_eda3c8 + .divider__01aed:not(.beforeGroup__6532c) {
top: -11px;
}
.compact_eda3c8 .repliedMessage__636d2 {
margin-left: calc(var(--timestamp-width) + 3.1rem + var(--text-indent));
}
.compact_eda3c8 + .compact_eda3c8:not(.message_ccca67) {
margin: 16px 20px 0 70px;
}
.mentioned_fa6fd2 .messageContent_abea64 {
position: relative;
background-color: hsl(var(--accent-hsl), 0.3);
border-radius: calc(var(--message-radius) / 1.4);
transition: var(--default-time) var(--default-animation) background-color;
}
.mentioned_fa6fd2 .messageContent_abea64:hover {
background-color: hsl(var(--accent-hsl), 0.375);
}
.mentioned_fa6fd2 .messageContent_abea64 a {
color: hsl(var(--accent-hsl));
}
.mentioned_fa6fd2 .messageContent_abea64 .wrapper__53064 {
background-color: transparent;
}
.mentioned_fa6fd2 .messageContent_abea64 .wrapper__53064:before {
display: none;
}
.mentioned_fa6fd2 .contents_d3ae0d .messageContent_abea64 {
margin: 0 -4px;
padding: 0 4px;
}
.mentioned_fa6fd2 .repliedMessage__636d2 .messageContent_abea64 {
padding: 0 1px 0 4px;
}
.avatarDecoration__8a0c2 {
top: 0;
left: -54px;
}
.messageListItem__050f9,
.quotedChatMessage_d0497b {
margin-left: 68px;
margin-right: 10px;
}
.operations__62559 > a {
color: hsl(var(--accent-hsl));
}
.scrollerSpacer__6b1b6 {
height: 20px !important;
}
.mention::selection {
background: hsl(var(--accent-hsl), 0.5);
color: var(--accent-text-color--material-you);
}
/* MESSAGES -> BADGES */
.badge__9aec2 {
background-color: var(--attachment-color);
}
.popout__83ef0 {
background-color: var(--popout-color);
border-radius: var(--popout-radius-big);
box-shadow: var(--shadow-3dp);
}
.popout__83ef0 .popoutHeaderContainer__864fb {
padding: 12px;
background-color: transparent;
border-bottom: 1px solid var(--popout-header-border);
}
/* MESSAGES -> NEW MESSAGES DIVIDER */
.divider__01aed .content__7191e {
background-color: var(--message-color-hover);
}
.divider__01aed.isUnread_de09f5 {
margin: 0 0.875rem 0 80px;
border-color: hsl(var(--accent-hsl--material-you));
}
.divider__01aed.isUnread_de09f5 .unreadPill__1b4fa {
height: 28px;
top: -15px;
padding: 0 16px;
background-color: hsl(var(--accent-hsl--material-you));
border-radius: 14px;
box-shadow: var(--shadow-3dp);
font-size: 14px;
font-weight: 500;
text-transform: capitalize;
color: var(--accent-text-color--material-you);
}
.divider__01aed.isUnread_de09f5 .unreadPill__1b4fa .unreadPillCap__44e20 {
display: none;
}
.divider__01aed.isUnread_de09f5.hasContent__1fe13 .content__7191e {
background-color: hsl(var(--accent-hsl--material-you));
color: var(--accent-text-color--material-you);
}
.divider__01aed.hasContent__1fe13 {
margin-left: 1rem;
}
/* MESSAGES -> ERROR BAR */
.messagesErrorBar__82c21 {
width: auto;
height: 36px;
left: auto;
right: 16px;
bottom: 24px;
padding: 0;
border-radius: 18px;
box-shadow: var(--shadow-2dp);
transition: var(--default-time) var(--default-animation) box-shadow;
}
.messagesErrorBar__82c21:hover {
box-shadow: var(--shadow-3dp);
}
.messagesErrorBar__82c21 .barButtonMain__984b4 {
min-width: 36px;
padding: 0 18px 0 12px;
flex: 0 1 auto;
}
.messagesErrorBar__82c21 .barButtonMain__984b4:after {
position: absolute;
content: "|";
width: 4px;
height: 100%;
top: 0;
right: 0;
}
/*
*
* MESSAGE REACTIONS
*
*/
.reactions_da5b2a {
margin: 8px 0 0 0;
padding-bottom: 0;
gap: 4px;
}
.reactions_da5b2a > div:empty {
margin-left: -4px;
}
.reactions_da5b2a .reactionBtn__3cb2a path {
d: path("M12,17.5C14.33,17.5 16.3,16.04 17.11,14H6.89C7.69,16.04 9.67,17.5 12,17.5M8.5,11A1.5,1.5 0 0,0 10,9.5A1.5,1.5 0 0,0 8.5,8A1.5,1.5 0 0,0 7,9.5A1.5,1.5 0 0,0 8.5,11M15.5,11A1.5,1.5 0 0,0 17,9.5A1.5,1.5 0 0,0 15.5,8A1.5,1.5 0 0,0 14,9.5A1.5,1.5 0 0,0 15.5,11M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z");
}
.reactions_da5b2a .reactionBtn__3cb2a path ~ path {
display: none;
}
.reaction_ef7e09, .reaction__4a43f {
margin: 0;
background-color: transparent;
border-radius: 8px;
border-color: var(--separator-color);
}
.reaction_ef7e09:hover, .reaction__4a43f:hover {
background-color: var(--menu-item-hover);
}
.reaction_ef7e09.reactionMe__9fc5c, .reaction__4a43f.reactionMe__9fc5c, .reaction_ef7e09.reactionMe__0fffc, .reaction__4a43f.reactionMe__0fffc {
background-color: hsl(var(--accent-hsl--material-you), 0.2);
border-color: hsl(var(--accent-hsl--material-you));
}
.reaction_ef7e09.reactionMe__9fc5c .reactionCount_b780c8, .reaction__4a43f.reactionMe__9fc5c .reactionCount_b780c8, .reaction_ef7e09.reactionMe__0fffc .reactionCount_b780c8, .reaction__4a43f.reactionMe__0fffc .reactionCount_b780c8, .reaction_ef7e09.reactionMe__9fc5c .reactionCount__2c34d, .reaction__4a43f.reactionMe__9fc5c .reactionCount__2c34d, .reaction_ef7e09.reactionMe__0fffc .reactionCount__2c34d, .reaction__4a43f.reactionMe__0fffc .reactionCount__2c34d {
color: hsl(var(--accent-hsl--material-you));
}
/* MESSAGE REACTIONS -> REVERT BUTTONS TO REACTION STYLE */
.component_d53fb7.lookFilled__950dd {
--button-height: 28px;
--button-padding: 0 8px;
--button-background: var(--input-color-alt);
--button-text-color: var(--input-text-color);
}
.component_d53fb7.lookFilled__950dd .emoji {
width: calc(var(--button-height) - 8px);
height: calc(var(--button-height) - 8px);
}
.component_d53fb7.lookFilled__950dd.colorBrand__27d57 {
--button-background: hsl(var(--accent-hsl--material-you));
--button-text-color: var(--accent-text-color--material-you);
}
/*
*
* CONTEXT MENU QUICK REACTIONS
*
*/
.button_bfb8e1 {
background-color: var(--menu-item-hover);
}
.button_bfb8e1:hover {
background-color: var(--menu-item-select);
}
/*
*
* SPOILERS
*
*/
.spoilerContent__383f3 {
background-color: var(--attachment-color) !important;
}
/*
*
* SUMMARY CONTENT
*
*/
.summaryStartContent__1131c {
margin-left: 0;
background-color: hsl(var(--accent-hsl--material-you));
border-radius: 13px !important;
color: var(--accent-text-color--material-you);
}
.summaryStartContent__1131c .summaryStartIcon_f4a16a {
color: inherit;
}
.summaryEndContent__9840a {
height: auto;
padding: 0 !important;
}
.summaryEndIcon__71ddc {
position: relative;
top: -4px;
padding-left: 16px;
background-color: var(--chat-color);
color: hsl(var(--accent-hsl--material-you));
}
.summaryDividerEnd__4b9b2 {
top: 0 !important;
margin-top: 1.5em !important;
}
.summaryFeedbackWrapper_a4b82f {
margin-left: 0;
padding: 4px 12px;
background-color: hsl(var(--accent-hsl--material-you));
border-radius: 13px;
}
.summaryFeedbackWrapper_a4b82f .text-xs-medium__220aa, .summaryFeedbackWrapper_a4b82f .text-xs-medium_d3e0f1 {
font-size: 14px;
color: var(--accent-text-color--material-you) !important;
}
.summaryFeedbackWrapper_a4b82f .thumbIcon_f31f15 {
padding: 3px;
background-color: var(--accent-text-color--material-you);
color: hsl(var(--accent-hsl--material-you));
}
/*
*
* ACCEPT RULES
*
*/
.guildSidebar__74787 {
padding: 0;
background-color: transparent;
border-right: 1px solid var(--card-border-color);
}
.guildSidebar__74787 > div:not([class]):first-child {
padding: 24px;
}
.guildSidebar__74787 > div:not([class]):last-child {
display: flex;
position: relative;
padding: 0 24px 24px;
}
.guildSidebar__74787 > div:not([class]):last-child .flex_f18b02 {
height: 36px;
margin-right: 8px;
margin-bottom: 0;
}
.guildSidebar__74787 .iconSizeLarge-_r2zCK {
border-radius: 50%;
}
.guildSidebar__74787 .divider_e4bcab {
border-bottom-color: var(--card-border-color);
}
.modal_b38209 {
background-color: transparent;
}
.modal_b38209 .content__9b52d {
padding-bottom: 0;
}
.modal_b38209 .divider_e4bcab {
border-bottom-color: var(--card-border-color);
}
.modal_b38209 .requirementContainer__84d8e, .modal_b38209 .fieldBackground__4007e, .modal_b38209 .fieldBackground__4007e:hover:not(:focus) {
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
}
.modal_b38209 .fieldBackground__4007e, .modal_b38209 .fieldBackground__4007e:hover:not(:focus) {
padding: 0;
}
.modal_b38209 .termsRow__8e6aa {
padding: 16px;
position: relative;
border-bottom: none;
}
.modal_b38209 .termsRow__8e6aa:after {
position: absolute;
content: " ";
width: calc(100% - 16px * 2);
height: 1px;
right: 0;
bottom: 0;
margin: 0 16px;
background-color: var(--card-border-color);
}
.modal_b38209 .termsRow__8e6aa:last-of-type:after {
display: none;
}
.modal_b38209 .footer_e0b400 .button__581d0 .contents__322f4, .modal_b38209 .modalFooter_d0eb83 .button__581d0 .contents__322f4 {
width: 70px;
}
.termsFieldBody_c56d5f {
background-color: var(--card-color-hover);
border-radius: var(--card-radius-big);
}
.overlay_a15774 {
display: none;
}
/*
*
* ACCOUNT SWITCHER
*
*/
.list__4e6aa {
background-color: var(--card-color-filled);
border: none;
padding: 0;
border-radius: var(--card-radius-big);
}
.list__4e6aa .accountCard__21066 {
padding: 16px;
background-color: transparent;
border-radius: var(--card-radius-big);
position: relative;
border-bottom: none;
}
.list__4e6aa .accountCard__21066:after {
position: absolute;
content: " ";
width: calc(100% - 16px * 2);
height: 1px;
right: 0;
bottom: 0;
margin: 0 16px;
background-color: var(--card-border-color);
}
.list__4e6aa .accountCard__21066:last-of-type:after {
display: none;
}
.list__4e6aa .sizeIcon_aff037 {
--button-height: 32px;
--button-padding: 0;
width: var(--button-height);
position: relative;
}
.list__4e6aa .sizeIcon_aff037:after {
content: " ";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: hsl(var(--md-ripple-color), 0.1);
border-radius: 50%;
opacity: 0;
pointer-events: none;
transform: scale(1.2);
transition: 300ms ease;
z-index: 4;
}
.list__4e6aa .sizeIcon_aff037:hover:after {
opacity: 1;
transform: scale(1.2);
animation: scale 150ms var(--default-animation), opacity 150ms ease;
}
.list__4e6aa .sizeIcon_aff037:active:after {
background-color: hsl(var(--md-ripple-color), 0.2);
}
.list__4e6aa .sizeIcon_aff037 .contents__322f4 {
height: 24px;
transform: rotate(90deg);
}
.list__4e6aa .separator_f691a8 {
display: none;
}
.actions_a5a50a {
margin: 16px 0 0;
}
/* ACCOUNT SWITCHER -> ADD ACCOUNT */
.root_a28985 .authBoxExpanded__1da99 {
background-color: transparent !important;
box-shadow: none !important;
}
.authBoxExpanded__1da99 .info__7c80a, .authBoxExpanded__1da99 .infoText-1-X8oU, .authBoxExpanded__1da99 .info__111c6 {
border-radius: var(--card-radius-big);
}
/*
*
* ACTIVE THREADS
*
*/
.container-3GP6AV {
background-color: transparent;
}
.container-3GP6AV .header-3cSJjT {
padding: 4px 16px;
background-color: transparent;
border-bottom: 1px solid var(--popout-header-border);
}
.container__9922f {
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
transition: var(--default-time) var(--default-animation) background-color;
}
.container__9922f:hover {
background-color: var(--card-color-hover);
}
.root_a28985 .container_f93da8 {
background-color: transparent;
border-radius: 0;
box-shadow: none;
}
body:active .root_a28985 .container_f93da8:not(:active) {
opacity: 1;
}
/*
*
* ACTIVITES MODAL
*
*/
.modalDivider__58e25 {
display: none;
}
.scrollTierBackground__89f3e {
background-color: transparent;
}
.scrollSection_e2e4f3 {
padding: 0 calc(16px - var(--scrollbar-thin-width)) 0 16px;
}
.tierCtaContainer__81542 {
padding-top: 0;
}
.shelf__32747 {
grid-gap: 16px 12px;
}
.activityItem__2bb92 {
--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__2bb92:hover {
background-color: var(--card-color-hover);
}
.activityTag__1f89a {
background-color: transparent;
border-radius: 6px;
border: 1px solid var(--card-border-color);
}
.activityImageContainer__70d51 {
border-radius: var(--card-radius-big);
}
/* ACTIVITES MODAL -> SUGGESTED ACTIVITES */
.container__79284 {
background-color: var(--popout-color);
border-radius: var(--popout-radius-big);
box-shadow: var(--shadow-3dp);
}
.activityItem_da8d98 {
border-radius: calc(var(--popout-radius-big) / 1.5);
}
.wumpusRocketInnerContainer__4024f {
background: linear-gradient(270deg, var(--popout-color), var(--popout-color) 90%, transparent);
}
/*
*
* ADD PAYMENT METHOD MODAL
*
*/
.modalTitle__72c32 {
padding: 24px 24px 16px;
}
.modalTitle__72c32 .title__1b7e8 {
line-height: 24px;
font-size: 22px;
font-weight: 400;
color: var(--header-primary);
text-transform: none;
}
.modalTitle__72c32 .close__1080c {
position: absolute;
width: 32px;
height: 32px;
top: 22px;
right: 22px;
margin: 0;
padding: 0;
}
.content__3ea16 {
background-color: transparent;
}
.content__3ea16 .scrollerBase_f742b2 {
padding: 0 calc(24px - var(--scrollbar-thin-width)) 0 24px !important;
}
.content__3ea16 .body_ecff96 {
padding: 0;
}
.content__3ea16 .wrap_e504b7:not(:empty) {
display: grid;
grid-gap: 8px;
grid-template-columns: 1fr 1fr;
grid-template-rows: minmax(auto, 1fr);
padding-bottom: 24px;
}
.content__3ea16 .button_f2d551 {
width: auto;
margin: 0;
}
/* ADD PAYMENT METHOD MODAL -> INPUTS */
.cardInput_b6ba23 {
padding: 8.41px 12px;
background-color: var(--input-color);
border-radius: var(--input-radius);
line-height: var(--input-height);
}
.cardInput_b6ba23.cardNumberInput__80008 {
padding-left: 55px;
}
.cardIcon__67cae, .paypalIcon_ce9161 {
top: 6px;
}
.paypalIcon_ce9161 + .inputWrapper_ecb776 .input_f27786 {
padding-left: 48px;
}
/*
*
* CREATE/JOIN SERVER
*
*/
.templatesList__7837c,
.optionsList__257cf {
margin-top: 0;
}
.container__9dd63 {
position: relative;
margin-top: 8px;
margin-bottom: 0;
background-color: var(--card-color-filled);
border: none;
padding: 0;
border-radius: var(--card-radius-big);
transition: var(--default-time) var(--default-animation) background-color;
transition: var(--default-time) var(--default-animation) background-color;
}
.container__9dd63:hover {
background-color: var(--card-color-hover);
}
.container__9dd63:first-child {
margin-top: 0;
}
.container__9dd63:after {
position: absolute;
content: " ";
width: 24px;
height: 24px;
top: 0;
right: 16px;
bottom: 0;
margin: auto 0;
background-color: var(--text-muted);
-webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/chevron_right.svg);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 100%;
mask-size: 100%;
}
.container__9dd63 .text__67f81 {
color: var(--text-normal);
}
.container__9dd63 .arrow__5e540 {
display: none;
}
.rowContainer-3t7486 {
margin-bottom: 0;
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
transition: var(--default-time) var(--default-animation) background-color;
}
.rowContainer-3t7486:hover {
background-color: var(--card-color-hover);
}
.rowContainer-3t7486:hover {
background-color: var(--card-color-hover);
}
.footer__2e356 {
gap: 8px !important;
}
.footer__2e356 .footerTitle__261e5 {
margin-bottom: 0;
}
.optionHeader_e0be1e {
font-size: 14px;
text-transform: none;
}
.input-m1-Y7Q {
background-color: var(--popout-color);
}
.skip_f687eb {
margin-top: 16px;
margin-bottom: 0;
}
/*
*
* AUTHENTICATION
*
*/
.listItemContainer__9c883 {
margin-bottom: 4px;
background-color: var(--card-color-filled);
border: none;
transition: var(--default-time) var(--default-animation) background-color;
border-radius: 4px;
}
.listItemContainer__9c883:first-of-type {
border-radius: var(--card-radius-big) var(--card-radius-big) 4px 4px;
}
.listItemContainer__9c883:nth-of-type(4) {
border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
}
.listItemContainer__9c883:hover {
background-color: var(--card-color-hover);
}
/*
*
* AUTHORIZE APP
*
*/
.oauth2Wrapper__5c685 {
min-height: 100px;
background-color: var(--popout-color);
border-radius: var(--popout-radius-big);
box-shadow: var(--shadow-3dp);
overflow: hidden;
}
.oauth2Wrapper__5c685 .authorize__9e6f3 {
background-color: transparent;
}
.oauth2Wrapper__5c685 .authorize__9e6f3 .header__3d8c6 {
padding: 24px 24px 16px;
border-radius: 0;
border-bottom: none;
}
.oauth2Wrapper__5c685 .authorize__9e6f3 .scrollContent-_1I-44 {
padding: 0 !important;
}
.oauth2Wrapper__5c685 .authorize__9e6f3 .scrollContent-_1I-44 div:last-child {
padding-bottom: 0;
}
.oauth2Wrapper__5c685 .authorize__9e6f3 .scrollContent-_1I-44 .scopes__1f403 {
border-bottom: 1px solid var(--popout-header-border);
}
.oauth2Wrapper__5c685 .authorize__9e6f3 .scrollContent-_1I-44 .scopes__1f403,
.oauth2Wrapper__5c685 .authorize__9e6f3 .scrollContent-_1I-44 .selectorGroup__6407f,
.oauth2Wrapper__5c685 .authorize__9e6f3 .scrollContent-_1I-44 .applicationDetails__86999 {
padding: 16px 24px;
}
.oauth2Wrapper__5c685 .authorize__9e6f3 .scrollContent-_1I-44 .entry__52722 {
margin-top: 0;
margin-bottom: 8px;
}
.oauth2Wrapper__5c685 .authorize__9e6f3 .scrollContent-_1I-44 .entry__52722:last-child {
margin-bottom: 0;
}
.oauth2Wrapper__5c685 .authorize__9e6f3 .scrollContent-_1I-44 .base-21yXnu {
font-size: 14px;
text-transform: none;
}
.oauth2Wrapper__5c685 .captcha__51560 {
padding: 0 24px 24px !important;
}
.oauth2Wrapper__5c685 .wrapper_f547fc {
padding: 24px;
}
.content_d4823c {
padding: 0 24px;
}
.discordConsentBody-3Jlf8_ {
margin: 0;
padding: 0 calc(24px - var(--scrollbar-thin-width)) 0 24px;
}
.scopes__1f403,
.applicationDetails__86999 {
padding: 16px 0;
}
.applicationDetails__86999:last-child {
padding-bottom: 0;
}
.scopes__1f403 {
padding-bottom: 0;
border-bottom: none;
}
.scopes__1f403 .defaultColor__77578, .scopes__1f403 .defaultColor__8610e, .scopes__1f403 .defaultColor__30336,
.selectorGroup__6407f .defaultColor__77578,
.selectorGroup__6407f .defaultColor__8610e,
.selectorGroup__6407f .defaultColor__30336 {
font-size: 14px;
text-transform: none;
}
.scope_f6fc76 {
margin: 0;
padding: 8px 16px;
background-color: var(--card-color-filled);
}
.scope_f6fc76:first-of-type {
padding-top: 16px;
border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
}
.scope_f6fc76:last-of-type {
padding-bottom: 16px;
border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
}
.sectionGroup__5e13c {
padding-left: 24px;
padding-right: 24px;
}
.sectionGroup__5e13c:first-of-type {
padding-top: 0;
}
.botPermissions__44d98 {
padding: 0;
border-bottom: none;
}
.permissionsList_a8f614 {
max-height: 25vh;
margin-top: 16px;
padding: 16px;
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big);
overflow-y: scroll;
}
.permissionsList_a8f614 .permission__98433:first-of-type {
margin-top: 0;
}
.footer_b96583 {
margin-top: 0;
padding: 24px;
background-color: transparent;
}
/*
*
* BAN USER MODAL
*
*/
.banReasonOtherClickable-8EKPlQ {
--card-color-hover: var(--card-color-active);
margin-top: 16px;
background-color: var(--card-color-filled);
border: none;
padding: 12px;
border-radius: var(--card-radius-big);
transition: var(--default-time) var(--default-animation) background-color;
}
.banReasonOtherClickable-8EKPlQ:hover {
background-color: var(--card-color-hover);
}
/*
*
* BETTERDISCORD ERRORS
*
*/
.bd-error-modal-header {
padding: 24px 24px 0 !important;
border-bottom: 1px solid var(--popout-header-border);
}
.bd-error-modal-header .size14_b2af01 {
font-size: 22px;
text-transform: none;
font-weight: 400;
}
.bd-error-modal-content {
padding-top: 16px !important;
}
.bd-tab-bar {
height: 40px;
margin-left: -8px;
}
.bd-tab-bar .bd-tab-item {
height: inherit;
margin-right: 8px;
padding: 0 8px;
border-radius: 0;
color: var(--interactive-normal);
}
.bd-tab-bar .bd-tab-item {
background-color: transparent;
}
.bd-tab-bar .bd-tab-item:hover {
color: var(--interactive-hover);
}
.bd-tab-bar .bd-tab-item.selected {
position: relative;
background-color: transparent !important;
border: none;
color: var(--interactive-normal);
}
.bd-tab-bar .bd-tab-item.selected:after {
position: absolute;
content: " ";
width: 75%;
height: 3px;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
background: var(--tab-border-color);
border-radius: 3px 3px 0 0;
transition: var(--default-time) ease all;
}
.bd-tab-bar .bd-tab-item:last-of-type {
margin-right: 0;
}
.bd-error-modal-content {
padding-bottom: 0;
}
.bd-addon-errors {
margin-top: 0;
}
.bd-addon-error {
background-color: var(--card-color-filled) !important;
border: none !important;
padding: 0;
border-radius: var(--card-radius-big) !important;
}
.bd-addon-error:last-of-type {
margin-bottom: 0;
}
.bd-addon-error .bd-addon-error-header {
padding: 16px;
}
.bd-addon-error .bd-addon-error-icon {
background-color: var(--attachment-color);
}
.bd-addon-error .bd-addon-error-body {
padding: 0 16px 16px;
}
.bd-addon-error .bd-divider {
display: none;
}
.bd-addon-error .bd-addon-error-stack code {
background-color: var(--attachment-color);
border-radius: var(--card-radius);
border: none;
}
/*
*
* BETTERDISCORD MODALS
*
*/
/*
*
* CHANGE AVATAR
*
*/
.optionBox_d9023e {
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_d9023e:hover {
background-color: var(--card-color-hover);
}
.optionBox_d9023e:hover {
border-color: hsl(var(--accent-hsl--material-you));
}
.contentCircle_ed1cb1 {
background-color: hsl(var(--accent-hsl--material-you));
}
.contentCircle_ed1cb1 .uploadIcon_d35ec2 {
color: var(--accent-text-color--material-you);
}
.imageSpecifications_bb09b0:empty {
margin-top: 0;
padding: 0;
}
/*
*
* CLIPS MODALS
*
*/
.settingsButton_a67a5e {
width: var(--button-height);
height: var(--button-height);
margin-right: 32px;
}
.settingsButton_a67a5e + .close__1080c {
top: 28px !important;
}
.clipItem__2a29e {
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big);
filter: none;
transition: var(--default-time) var(--default-animation) background-color;
}
.clipItem__2a29e:hover {
background-color: var(--card-color-active);
filter: none;
}
.clipItem__2a29e:focus-within {
background-color: var(--card-color-active);
}
.clipItem__2a29e .input_f27786 {
--input-color: var(--card-color-hover) !important;
}
.clipThumb__525f7 {
background-color: var(--card-color-alt);
border-radius: calc(var(--card-radius-big) / 1.8);
}
.clipBadge__495b5 {
background-color: var(--card-button-color);
border-radius: calc(var(--card-radius-big) / 3);
}
.buttonContainer__3882d {
display: flex;
}
.buttonContainer__3882d .button__581d0 {
width: var(--button-height);
height: var(--button-height);
padding: 0;
}
.buttonContainer__3882d .button__581d0:first-child {
--button-background: hsl(var(--alert-hsl));
--button-text-color: var(--alert-text-color);
}
/* CLIPS MODALS -> EDIT CLIP */
.centeringWrapper_cacb57 {
transform: translateY(6px);
}
.timePillBackground_bccedc {
background-color: hsl(var(--accent-hsl--material-you));
}
.timePillBackground_bccedc .timePillText__3a22f {
font-weight: 500;
color: var(--accent-text-color--material-you) !important;
}
.playPauseButtonWrapper_c0143c {
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big) 0 0 var(--card-radius-big);
}
.timelineBackground_b2d8b9 {
border-radius: 0 var(--card-radius-big) var(--card-radius-big) 0;
}
.dragBox__3b2ad {
border-color: hsl(var(--accent-hsl--material-you));
}
.dragHandle__7b38b {
background-color: hsl(var(--accent-hsl--material-you));
}
.dragHandle__7b38b.dragHandleLeft_f65db4 {
border-radius: var(--card-radius-big) 0 0 var(--card-radius-big);
}
.dragHandle__7b38b.dragHandleRight_f03fa8 {
border-radius: 0 var(--card-radius-big) var(--card-radius-big) 0;
}
.dragHandle__7b38b .cropLeftArrow_f07b4b,
.dragHandle__7b38b .cropRightArrow__24e32 {
width: 20px;
height: 20px;
background-image: none;
background-color: var(--accent-text-color--material-you);
-webkit-mask-repeat: no-repeat;
}
.dragHandle__7b38b .cropLeftArrow_f07b4b {
-webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/chevron_left.svg);
}
.dragHandle__7b38b .cropRightArrow__24e32 {
-webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/chevron_right.svg);
}
.playhead__24df5 {
background-color: hsl(var(--accent-hsl--material-you));
box-shadow: var(--shadow-2dp);
}
.clipForm_f207e0 {
background-color: var(--card-color-filled);
border: none;
padding: 0;
border-radius: var(--card-radius-big);
}
.clipForm_f207e0 .container__7ad1e {
margin-bottom: 16px !important;
}
.clipForm_f207e0 .root__5ebb6,
.clipForm_f207e0 .userList__1db6a {
background-color: var(--card-color-active);
border-radius: var(--card-radius-big);
}
.clipForm_f207e0 .nameSection_f97fc3 {
border-bottom: none;
}
.clipForm_f207e0 .timeContainer_b259bf {
padding: 0 8px 8px;
gap: 8px;
}
.clipForm_f207e0 .timeContainer_b259bf > div {
position: relative;
height: auto;
padding: 12px;
background-color: var(--card-color-filled);
border-radius: calc(var(--card-radius-big) / 1.8);
text-align: center;
}
.clipForm_f207e0 .timeContainer_b259bf > div:first-child {
border-right: none;
}
.clipForm_f207e0 .userCountPill_f05558 {
background-color: var(--card-color-filled);
}
/* CLIPS MODAL -> RECENT CLIPS POPOUT */
.recentClipsPopout__663e8 {
background-color: var(--popout-color);
border-radius: var(--popout-radius-big);
box-shadow: var(--shadow-3dp);
}
.recentClipsPopout__663e8:after {
border-top-color: var(--popout-color);
}
.recentClipsPopout__663e8 .thumbnail__1fc02 {
border-radius: var(--card-radius);
}
/*
*
* CREATE INVITE
*
*/
.scroller-1xACMA {
padding-top: 0;
}
.inviteRow-2Vjla6 {
--button-height: 32px;
--button-outline: 1px solid hsl(var(--accent-hsl--material-you));
margin-right: calc(var(--scrollbar-thin-width));
padding: 12px;
border-radius: var(--card-radius);
transition: var(--default-time) var(--default-animation) background-color;
}
.inviteRow-2Vjla6:hover {
background-color: var(--menu-item-hover) !important;
}
.inviteRow-2Vjla6 .button__581d0 {
width: auto;
transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) border, var(--default-time) var(--default-animation) color;
}
.content-17zlU6:before {
display: none;
}
.footer-Ql9fbL .input_f27786 {
--button-height: 28px;
padding: 0 6px 0 12px;
border-radius: var(--input-height);
box-shadow: none;
}
.footer-Ql9fbL .input_f27786 .input_f27786 {
padding: 0;
box-shadow: none;
}
.root_a28985 .footer_e0b400 .input_f27786 .button__581d0, .root_a28985 .modalFooter_d0eb83 .input_f27786 .button__581d0 {
width: auto;
margin-left: 8px;
}
.inviteBannerUpsell-1t_LYM {
background-color: var(--card-color-filled) !important;
border: none !important;
padding: 16px 0;
border-radius: var(--card-radius-big) !important;
}
.inviteBannerUpsell-1t_LYM .premiumIcon-3qxLdX {
margin-left: 16px;
}
.input_f27786 .copyInput_f549fd, .input_f27786 .copyInput-3QjTFp {
padding: var(--input-padding);
}
.input_f27786 .copyButton-1iZgH4 {
margin-right: 4px !important;
}
.temporaryMembershipContainerBackground-13Hf5U {
margin-top: 8px;
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big);
}
.temporaryMembershipContainerBackground-13Hf5U:before {
display: none;
}
/*
*
* EVENTS
*
*/
.card__7865b {
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
transition: var(--default-time) var(--default-animation) background-color;
}
.card__7865b:hover {
background-color: var(--card-color-hover);
}
.card__7865b .rsvpCount_f38818 {
background-color: var(--menu-item-hover);
}
.card__7865b .thumbnail__24348 {
width: 200px;
}
.card__7865b .divider_ad3577 {
background-color: var(--card-border-color);
}
.card__7865b .footer__02288 {
overflow: visible;
}
.padding_f33431 {
padding: 0;
}
/* EVENTS -> EVENTS MODAL */
.banner_f9fe96 {
border-radius: var(--popout-radius-big);
}
.container__56345 {
padding: 0 16px;
border-bottom-color: var(--popout-header-border);
}
.closeButton_f1b4b2 {
width: 32px;
height: 32px;
right: 16px;
position: relative;
position: absolute;
}
.closeButton_f1b4b2: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_f1b4b2:hover:after {
opacity: 1;
transform: scale(1.2);
animation: scale 150ms var(--default-animation), opacity 150ms ease;
}
.closeButton_f1b4b2:active:after {
background-color: hsl(var(--md-ripple-color), 0.2);
}
.closeButton_f1b4b2 .closeIcon_fe3bf1 {
margin-right: 0;
background-color: transparent !important;
}
.header_f0674c,
.body__25296 {
padding: 16px 16px 0;
}
.container-3eB5yh .content_b28aab, .container-3eB5yh .content-3BqJRb {
width: auto !important;
}
.container-3eB5yh .content_b28aab > div:not([class]):first-child, .container-3eB5yh .content-3BqJRb > div:not([class]):first-child {
margin-top: -16px;
margin-left: -16px;
}
.errorTitle__4959e {
padding: 32px 0;
}
/* EVENTS -> CREATE EVENT */
.selectedProgressBar__26b4d {
background-color: hsl(var(--accent-hsl--material-you));
}
.inline_bb93d6 {
gap: 16px;
}
.container-3zZkKh {
margin-top: 16px;
background-color: var(--card-color-filled);
border: none;
padding: 0;
border-radius: var(--card-radius-big);
}
.formItem-3mtwAA {
margin-top: 16px;
}
.formItem-3mtwAA .inputWrapper_ecb776 {
--input-height: auto;
}
.container__24d64 {
height: var(--input-height);
max-height: var(--input-height);
padding: var(--input-padding);
background-color: var(--input-color);
border-radius: calc(var(--input-height) / 2);
border: none;
box-shadow: none !important;
}
.container__24d64 .content__34424 {
height: var(--input-height);
}
.avatarUploaderInnerSquare__317f2 {
border-radius: var(--card-radius-big);
}
.previewCard__980d0 {
background-color: var(--card-color-filled) !important;
border: none !important;
padding: 16px;
border-radius: var(--card-radius-big) !important;
}
.previewCard__980d0 .container__9b8b9 {
margin: -16px -16px 16px;
border-radius: var(--card-radius-big);
}
.eventStatusBrand__08773,
.eventStatusLabel_b9a979 {
color: hsl(var(--accent-hsl--material-you)) !important;
}
/*
*
* FAVORITES MODAL
*
*/
.header-eqLiHQ {
margin-top: 0;
margin-bottom: 16px;
text-align: left;
font-weight: 400;
font-size: 22px;
}
.closeButton-2JycqK {
top: 26px;
right: 12px;
padding: 0;
}
.name-33lnjT {
margin: 0;
}
/*
*
* FEATURE MESSAGE
*
*/
.featureModalMessage__57f8c {
background-color: transparent !important;
box-shadow: none !important;
}
.featureModalMessage__57f8c .wrapper_a62503 {
--message-color: var(--message-color-alt);
margin: 0 0 0 52px !important;
}
.featureModalMessage__57f8c .wrapper_a62503:hover {
--message-color-hover: var(--message-color-alt);
}
.featureModalMessage__57f8c .wrapper_a62503 .avatar__08316 {
left: -52px !important;
}
/*
*
* MODALS
*
*/
.root_a28985 {
background-color: var(--popout-color) !important;
border-radius: var(--popout-radius-big) !important;
box-shadow: var(--shadow-3dp) !important;
}
.root_a28985.container_a35729, .root_a28985.modal_d2e7a7, .root_a28985.carouselModal__7e22f {
background-color: transparent !important;
box-shadow: none !important;
}
.root_a28985.small_f8e677 {
min-height: 75px;
}
.root_a28985.modal__4f3da .modalContent-33IoUE {
max-height: 580px;
}
.root_a28985 .header__5e5a6 {
margin: 0;
padding: 24px 24px 16px;
background-color: transparent;
border-radius: var(--popout-radius-big) var(--popout-radius-big) 0 0;
box-shadow: none !important;
}
.root_a28985 .header__5e5a6 .heading-lg-semibold__85c17, .root_a28985 .header__5e5a6 .heading-lg-semibold__58a54,
.root_a28985 .header__5e5a6 .heading-xl-semibold__5e2e4,
.root_a28985 .header__5e5a6 .heading-xl-extrabold_ce2b9c,
.root_a28985 .header__5e5a6 .h1_dc86b3,
.root_a28985 .header__5e5a6 .h2_da4766 {
font-size: 22px;
font-weight: 400;
}
.root_a28985 .header__5e5a6 .modalTitle__3df11 {
margin-bottom: 0;
}
.root_a28985 .header__5e5a6 .title-3JPglK {
font-weight: 400;
}
.root_a28985 .header__5e5a6 .close__1080c,
.root_a28985 .header__5e5a6 .iconButton-2rHy7x {
--button-height: 32px;
width: var(--button-height);
height: var(--button-height);
top: 20px;
right: 20px;
margin: 0;
padding: 0;
background-color: transparent !important;
position: relative;
position: absolute;
}
.root_a28985 .header__5e5a6 .close__1080c:after,
.root_a28985 .header__5e5a6 .iconButton-2rHy7x:after {
content: " ";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: hsl(var(--md-ripple-color), 0.1);
border-radius: 50%;
opacity: 0;
pointer-events: none;
transform: scale(1.2);
transition: 300ms ease;
z-index: 4;
}
.root_a28985 .header__5e5a6 .close__1080c:hover:after,
.root_a28985 .header__5e5a6 .iconButton-2rHy7x:hover:after {
opacity: 1;
transform: scale(1.1);
animation: scale 150ms var(--default-animation), opacity 150ms ease;
}
.root_a28985 .header__5e5a6 .close__1080c:active:after,
.root_a28985 .header__5e5a6 .iconButton-2rHy7x:active:after {
background-color: hsl(var(--md-ripple-color), 0.2);
}
.root_a28985 .header__5e5a6 .close__1080c .contents__322f4 {
height: 24px;
}
.root_a28985 .header__5e5a6 .close__1080c svg {
height: 24px !important;
transform: scale(0.85);
}
.root_a28985 .header__5e5a6 .iconButton-2rHy7x {
display: flex;
justify-content: center;
align-items: center;
}
.root_a28985 .header__5e5a6 .iconButton-2rHy7x .icon-3DnmvF {
height: 24px;
transform: scale(0.85);
}
.root_a28985 .confirmStartHeader_fcd6d9 {
padding: 75px 16px 16px;
}
.root_a28985 .content_b28aab, .root_a28985 .content-3BqJRb {
padding: 0 24px;
background-color: transparent;
border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big);
}
.root_a28985 .content_b28aab:first-child, .root_a28985 .content-3BqJRb:first-child {
padding-top: 24px;
}
.root_a28985 .content_b28aab:last-child, .root_a28985 .content-3BqJRb:last-child {
padding-bottom: 24px;
}
.root_a28985 .content_b28aab .content_f03632, .root_a28985 .content-3BqJRb .content_f03632 {
padding-bottom: 0;
}
.root_a28985 .content_b28aab .paragraph_fc4da9:last-child, .root_a28985 .content-3BqJRb .paragraph_fc4da9:last-child {
margin-bottom: 2px;
}
.root_a28985 .content_b28aab a, .root_a28985 .content-3BqJRb a {
color: hsl(var(--accent-hsl--material-you));
}
.root_a28985 .content_b28aab img, .root_a28985 .content-3BqJRb img,
.root_a28985 .content_b28aab video,
.root_a28985 .content-3BqJRb video {
border-radius: var(--card-radius-big);
}
.root_a28985 .image-ZPv20Y {
border-radius: var(--card-radius-big);
}
.root_a28985 .footer_e0b400, .root_a28985 .modalFooter_d0eb83 {
padding: 24px;
gap: 16px;
background-color: transparent !important;
border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big);
box-shadow: none !important;
}
.root_a28985 .footer_e0b400 > .directionRow__65900, .root_a28985 .modalFooter_d0eb83 > .directionRow__65900 {
gap: 16px;
}
.root_a28985 .footer_e0b400 span:not([class])[style*="display: block"]:empty, .root_a28985 .modalFooter_d0eb83 span:not([class])[style*="display: block"]:empty {
display: none !important;
}
.root_a28985 .footer_e0b400 .button__581d0, .root_a28985 .modalFooter_d0eb83 .button__581d0 {
margin: 0;
}
.root_a28985 .footer_e0b400 .button__581d0.colorPrimary_ebe632, .root_a28985 .modalFooter_d0eb83 .button__581d0.colorPrimary_ebe632 {
--button-padding: 0 12px;
--button-background: transparent;
--button-text-color: var(--button-link-accent-text-color);
--accent-button-action: hsl(var(--accent-hsl--material-you));
--accent-button-action-hover: 0.14;
--accent-button-action-active: 0.21;
}
.root_a28985 .footer_e0b400 .lookBlank_a5b4ca, .root_a28985 .modalFooter_d0eb83 .lookBlank_a5b4ca {
background-color: transparent !important;
color: var(--button-link-accent-text-color) !important;
}
.root_a28985 .buttons-1TBWBN {
margin-top: 0;
}
.root_a28985 .modalTextContainer_ce11a8,
.root_a28985 .footer__90194 {
background-color: transparent;
}
.root_a28985 .modalTextContainer_ce11a8 {
border: none;
}
.root_a28985 > div:not([class]) > div:not([class]) {
max-height: 720px;
}
.root_a28985 > div:not([class]) > div:not([class]) .content-1OG56Q {
max-height: 548px;
}
.root_a28985 .container__7ad1e {
margin-bottom: 0;
}
.root_a28985 .divider_d6f39c {
margin: 16px 0;
padding-bottom: 0;
border-top-color: var(--popout-header-border);
}
.root_a28985 .input_f27786.flex__9487d {
--button-height: 28px;
padding: 0;
border-radius: var(--input-radius);
box-shadow: none;
}
.root_a28985 .input_f27786.flex__9487d .input_f27786 {
border-radius: var(--input-radius);
box-shadow: none;
}
.root_a28985 .guestBody-1S2A2E {
padding: 0;
}
.valuePropContainer-WkXrIU {
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
}
.valuePropContainer-WkXrIU .bulletedValueProp-3pv7g2 {
padding: 0;
}
.valuePropContainer-WkXrIU .valuePropIconContainer-1WLjVd {
background-color: var(--card-button-color);
color: var(--text-normal);
}
.content__4d677 {
background-color: var(--popout-color);
border-radius: var(--popout-radius-big);
box-shadow: var(--shadow-3dp);
}
/*
*
* NITRO PURCHASE
*
*/
.premiumSkuSelect-2K_31N {
background-color: var(--popout-color) !important;
border-radius: var(--popout-radius-big) !important;
box-shadow: var(--shadow-3dp) !important;
}
.premiumSkuSelect-2K_31N .h4-1_f8j1 {
font-size: 20px;
line-height: 24px;
}
.premiumSkuSelect-2K_31N .skuButtons-1fwkxf {
padding-top: 16px;
}
/* NITRO PURCHASE -> SELECTION AND REVIEW */
.root_a28985 .header__5e5a6.modalHeader_d630dd {
margin-bottom: 0;
padding-bottom: 0;
background-image: linear-gradient(var(--popout-color), var(--popout-color));
border-bottom: none;
}
.root_a28985 .header__5e5a6.modalHeader_d630dd .close__1080c {
top: -4px;
right: -4px;
}
.headerBackground__70d36 {
width: calc(100% + 8px);
top: -24px;
left: -24px;
right: -24px;
}
.headerBackground__70d36,
.panningAnimation_e4e5f3 {
border-radius: var(--popout-radius-big);
}
.wrapper_ba4346 {
padding: 0 24px 16px;
background-color: transparent;
}
.wrapper_ba4346:after {
display: none;
}
.spinner_caac0a {
background-color: transparent;
}
.sliderBody__94955 {
width: 392px;
padding-bottom: 0;
}
.planSelectSeparator__6a5e3,
.planSelectSeparatorLower_ce5441 {
display: none;
}
.planSelectSeparatorLower_ce5441 + .text-xs-normal_ccc5fb, .planSelectSeparatorLower_ce5441 + .text-xs-normal__46d75 {
margin-top: 12px;
}
.planOptionClickableContainer_b7a0fd {
padding: 0 12px;
background-color: transparent;
border-radius: calc(var(--card-radius-big) / 1.65);
transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color;
}
.planOptionClickableContainer_b7a0fd:hover {
background-color: var(--card-color-hover) !important;
}
.selectPlanDivider_d482e7 {
display: none;
}
.warnBlock_cb8a97 {
margin-top: 16px;
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
}
.table__7058d {
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
}
.table__7058d .divider__9ba6d {
background-color: var(--card-border-color);
}
.paymentSourceWarning__565da {
margin-top: 8px;
background-color: var(--card-color-filled);
border: none;
padding: 8px;
border-radius: var(--card-radius-big);
}
/*
*
* OPEN LINK MODAL
*
*/
.root_a28985 .title__95ece, .root_a28985 .title_b5c056 {
margin: 0 0 16px;
font-size: 22px;
font-weight: 400;
text-align: left;
text-transform: none;
}
.root_a28985 .body__95a69 {
text-align: left;
}
.root_a28985 .primaryButton__349a0,
.root_a28985 .secondaryButton__11400 {
flex: 0 1 auto;
}
.root_a28985 .minorContainer_eee88c {
flex: 1 1 auto;
width: auto;
margin: 0;
}
.root_a28985 .minorContainer_eee88c .secondaryAction__8f18b {
line-height: var(--button-height);
text-align: left;
color: var(--button-link-accent-text-color);
font-size: 1em;
font-weight: 500;
opacity: 1;
}
.warningText__6a6a3 {
text-align: left;
}
.linkCalloutContainer__630a9 {
margin-bottom: 16px;
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
}
.checkbox_b92ddb {
margin-bottom: 0;
}
/*
*
* PHONE MODAL
*
*/
.phoneField__47dd1 {
padding: 2px 4px;
background-color: var(--input-color);
border-radius: 22px;
border: none;
box-shadow: none;
}
.phoneField__47dd1 .inputField_c0d34f {
background-color: transparent;
color: var(--input-text-color);
}
.phoneField__47dd1 .inputField_c0d34f::-webkit-input-placeholder {
color: var(--input-placeholder-color);
}
.phoneField__47dd1 .countryButton_e94731 {
margin: 0;
background-color: var(--button-background) !important;
border-radius: var(--button-radius);
}
.phoneField__47dd1 .countryButton_e94731 .plusSign_ed3829,
.phoneField__47dd1 .countryButton_e94731 .countryCode__4b71e {
color: inherit;
}
.phoneField__47dd1 .countryButton_e94731 .phoneFieldExpand_b79228 {
stroke: var(--button-text-color);
}
.phoneField__47dd1 .button__581d0 {
margin: 0;
}
.phoneFieldPopout_a20b2f {
background-color: var(--popout-color) !important;
border-radius: var(--popout-radius);
box-shadow: var(--shadow-3dp);
}
/*
*
* PROBLEM INFO
*
*/
.problemInfo__04a54 {
margin-bottom: 0;
}
.root_b4f834 {
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big);
}
.option__571e3 {
position: relative;
border-bottom: none;
transition: var(--default-time) var(--default-animation);
}
.option__571e3:after {
position: absolute;
content: " ";
width: calc(100% - 16px * 2);
height: 1px;
right: 0;
bottom: 0;
margin: 0 16px;
background-color: var(--card-border-color);
}
.option__571e3:last-of-type:after {
display: none;
}
.option__571e3:hover {
background-color: var(--menu-item-hover);
}
/*
*
* QUICK SWITCHER
*
*/
.quickswitcher_b5bb0a {
padding: 0;
background-color: var(--popout-color);
border-radius: var(--popout-radius-big);
box-shadow: var(--shadow-3dp);
}
.quickswitcher_b5bb0a .input__2a648 {
height: 42px;
line-height: 42px;
margin: 24px 24px 16px;
padding: 0 16px;
background-color: var(--input-color);
border-radius: 21px;
box-shadow: none;
font-size: 18px;
}
.quickswitcher_b5bb0a .input__2a648::-webkit-input-placeholder {
font-family: var(--app-font);
}
.quickswitcher_b5bb0a .scroller_d4b86c {
margin-top: 0;
margin-right: 0;
background-color: transparent;
}
.quickswitcher_b5bb0a .scroller_d4b86c::-webkit-scrollbar-track {
background: transparent !important;
}
.quickswitcher_b5bb0a .header__794a7 {
font-size: 14px;
text-transform: none;
}
.quickswitcher_b5bb0a .result__25f11 {
border-radius: 0;
transition: var(--default-time) var(--default-animation) background-color;
}
.quickswitcher_b5bb0a [aria-selected=true].result__25f11 {
background-color: var(--menu-item-hover);
}
.quickswitcher_b5bb0a .result__25f11 .note__181ba {
font-size: 11px;
text-transform: none;
}
.quickswitcher_b5bb0a .content_fdd09a {
padding: 0 14px 0 24px;
}
.quickswitcher_b5bb0a .protip__84833 {
padding: 16px 24px 24px;
}
.quickswitcher_b5bb0a .protip__84833.hasContent__5b51c {
border-top: none;
}
/*
*
* REACTIONS
*
*/
.reactors__0f305 {
background-color: transparent !important;
}
.reactors__0f305 .reactor_cc0078 {
box-shadow: none;
position: relative;
border-bottom: none;
}
.reactors__0f305 .reactor_cc0078:after {
position: absolute;
content: " ";
width: calc(100% - 16px * 2);
height: 1px;
right: 0;
bottom: 0;
margin: 0 16px;
background-color: var(--card-border-color);
}
.reactors__0f305 .reactor_cc0078:last-of-type:after {
display: none;
}
.scroller__9a4f3 {
background-color: var(--attachment-color) !important;
}
.scroller__9a4f3 .reactionDefault_de3361,
.scroller__9a4f3 .reactionSelected__16345 {
border-radius: 14px;
}
.scroller__9a4f3 .reactionDefault_de3361:hover {
background-color: var(--menu-item-hover);
}
.scroller__9a4f3 .reactionSelected__16345 {
background-color: var(--menu-item-select);
}
/*
*
* REPORT MESSAGE MODAL
*
*/
.messagePreviewContainer__030ad {
background-color: var(--card-color-outlined);
border: 1px solid var(--card-border-color);
padding: 16px 0;
border-radius: var(--card-radius-big);
}
.messagePreviewContainer__030ad .wrapper_a62503 {
--message-color-hover: var(--message-color);
margin: 0 0 0 72px !important;
}
.messagePreviewContainer__030ad .wrapper_a62503 .avatar__08316 {
left: -56px !important;
}
.childButton__58a87 {
background-color: var(--card-color-filled);
border: none;
padding: 0;
border-radius: var(--card-radius-big);
transition: var(--default-time) var(--default-animation) background-color;
}
.childButton__58a87:hover {
background-color: var(--card-color-hover);
}
/*
*
* SCREEN SHARE SELECTION
*
*/
.modalContent-2y3sGW {
padding: 0 24px;
}
.modalContent-2y3sGW:last-child {
margin-bottom: 0;
}
.divider__4595d {
background-color: var(--popout-header-border);
box-shadow: none !important;
opacity: 1;
}
.segmentControl__876c0 {
height: 48px;
padding: 0 24px;
}
.tabItem_fda22a {
height: inherit;
margin: 0 24px 0 0;
padding: 0 8px;
border: none !important;
color: var(--interactive-normal) !important;
}
.tabItem_fda22a.tabItemSelected_f4cf64 {
color: var(--interactive-normal) !important;
position: relative;
background-color: transparent !important;
border: none;
}
.tabItem_fda22a.tabItemSelected_f4cf64:after {
position: absolute;
content: " ";
width: 90%;
height: 3px;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
background: var(--tab-border-color);
border-radius: 3px 3px 0 0;
transition: var(--default-time) ease all;
}
.tabItem_fda22a .text-sm-medium_bc6ffc, .tabItem_fda22a .text-sm-medium__726be {
line-height: 48px;
}
.tabItem_fda22a:last-of-type {
margin-right: 0;
}
.card__7756d {
height: var(--input-height);
max-height: var(--input-height);
padding: var(--input-padding);
background-color: var(--input-color);
border-radius: calc(var(--input-height) / 2);
border: none;
}
.card__7756d .sizeSmall_da7d10 {
--button-height: 30px;
}
.qualitySettingsContainer__8f353 {
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
}
.qualitySettingsContainer__8f353 .select_fe2671 {
margin-top: 0;
}
.qualitySettingsContainer__8f353 .select-1Ia3hD {
margin-top: 0;
}
.upsellBanner__673bb {
padding: 8px 12px;
border-radius: 20px;
}
.container__21972 {
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
}
.tile__46960:hover .sourceThumbnail_f4fa1d {
box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl--material-you));
}
.sourceThumbnail_f4fa1d {
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big);
}
.sourceThumbnail_f4fa1d.selected__1e95d {
box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl--material-you));
}
/*
*
* SECURITY ACTIONS MODAL
*
*/
.headerContainer-3uHkGl .heading-md-semibold-3sznX7, .headerContainer-3uHkGl .heading-md-semibold__7cb23 {
line-height: 24px;
font-size: 22px;
font-weight: 400;
}
.mainContainer-1VGrrU {
margin: 0;
gap: 16px;
}
.pauseContainer-36E8UF {
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
}
/*
*
* INVITED TO SERVER
*
*/
.container__734b5 {
border-radius: var(--popout-radius-big);
box-shadow: var(--shadow-3dp);
}
.contentWrapper_f9bc93 {
background-color: var(--popout-color) !important;
border-radius: var(--popout-radius-big) 0 0 var(--popout-radius-big);
}
.contentWrapper_f9bc93 .heading-xl-semibold__5e2e4 {
font-weight: 400;
}
.inviteContent_f51af6 {
min-height: unset;
}
.inviteSplash__0cd5c {
border-radius: var(--popout-radius-big);
}
/*
*
* SERVER QUESTIONS
*
*/
.gradient_fd12e1 {
background: linear-gradient(180deg, var(--main-color) 0%, var(--main-alt) 100%) !important;
opacity: 0.725;
}
.main_e0b3ac {
border-radius: var(--card-radius-big) 0 0 var(--card-radius-big);
}
.prompt__671aa {
background-color: var(--popout-color);
border-radius: var(--popout-radius-big);
box-shadow: var(--shadow-3dp);
}
.prompt__671aa .scrollerBase_f742b2 {
padding: 80px 100px;
}
.prompt__671aa .navButtons__60fcf {
padding: 8px;
background-color: transparent;
border-top: 1px solid var(--separator-color);
}
.promptOptions_db6367 {
margin-bottom: 0;
}
.optionButtonWrapper_c86844 {
--card-color-filled: var(--card-color-alt);
background-color: var(--card-color-filled);
border: none;
padding: 0;
border-radius: var(--card-radius-big);
transition: var(--default-time) var(--default-animation) background-color;
}
.optionButtonWrapper_c86844:hover {
background-color: var(--card-color-hover);
}
.optionButtonWrapper_c86844.selected__31118 {
background-color: var(--card-color-active);
}
.checkIcon__3c055, .memberCount__2f2df {
background-color: hsl(var(--accent-hsl--material-you));
}
.checkIcon__3c055 path, .memberCount__2f2df path {
fill: var(--accent-text-color--material-you);
}
.memberCount__2f2df .text-xs-normal_ccc5fb, .memberCount__2f2df .text-xs-normal__46d75 {
color: var(--accent-text-color--material-you) !important;
}
/*
*
* STICKER UPLOAD
*
*/
.form-QIWuKf .content_b28aab, .form-QIWuKf .content-3BqJRb {
padding: 0 !important;
}
.form-QIWuKf .sectionTitle-3j2YI1 {
margin: 8px 0;
}
.form-QIWuKf .sectionTitle-3j2YI1 .h5__28baa {
margin-bottom: 0;
}
.form-QIWuKf .formItem-1Vab1c {
padding: 0 16px;
}
.form-QIWuKf .preview-x-26h- {
border-radius: var(--card-radius-big);
border: none;
}
.form-QIWuKf .fileUpload-3JzU7g {
--input-padding: 0;
}
.form-QIWuKf .fileUpload-3JzU7g .fileUploadButton-2zOQcO {
width: 140px;
}
/*
*
* TERMS OF SERVICE
*
*/
.modal-2LBig1 .title-1ysNt8 {
margin: 0;
padding: 16px;
font-weight: 600;
font-size: 16px;
text-transform: none;
color: var(--header-primary);
}
.modal-2LBig1 .description-ecPh_Q {
margin: 16px 16px 0;
}
.modal-2LBig1 .container_efe6bc {
margin: 16px;
}
.modal-2LBig1 .buttonContainer-28osRq {
padding: 8px;
}
.modal-2LBig1 .buttonContainer-28osRq .button__581d0 {
margin: 0;
}
.modal-2LBig1 .anchor-1MIwyf {
color: hsl(var(--accent-hsl--material-you)) !important;
}
.modal-2LBig1 .divider-_0um2u {
border-color: var(--popout-header-border);
}
/*
*
* UPLOAD
*
*/
.uploadModalIn_c0e1db .uploadDropModal_cfadae .bgScale_f4bff5 {
background-color: var(--popout-color);
border-radius: var(--popout-radius-big);
box-shadow: var(--shadow-3dp);
}
.uploadModalIn_c0e1db .uploadDropModal_cfadae .inner__7afe9 {
border: none;
}
.uploadModalIn_c0e1db .uploadDropModal_cfadae .title__76592,
.uploadModalIn_c0e1db .uploadDropModal_cfadae .title__76592 strong {
color: var(--text-normal) !important;
}
.uploadModalIn_c0e1db .uploadDropModal_cfadae .instructions_e266ce {
color: var(--text-normal) !important;
}
.uploadModalIn_c0e1db .uploadDropModal_cfadae.error_d2567f .title__76592,
.uploadModalIn_c0e1db .uploadDropModal_cfadae.error_d2567f .title__76592 strong {
color: #eee !important;
}
.uploadModalIn_c0e1db .uploadDropModal_cfadae.error_d2567f .instructions_e266ce {
color: #eee !important;
}
.uploadModal__6eb75 .footer_f06dbb {
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__6eb75 .footer_f06dbb .button__581d0.lookLink_a2da25 {
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
*
*/
.userProfileModalInner__99b1e .username__7d629 {
font-size: 22px;
font-weight: 400;
}
.badgeList__126b0 {
height: var(--button-height);
padding: 0 6px;
background-color: var(--profile-body-background-color);
border-radius: var(--button-radius);
}
.tabBarContainer_b283be {
margin: 16px 0 0;
padding: 0 12px;
background-color: transparent !important;
border-bottom: 1px solid var(--background-modifier-accent) !important;
box-shadow: none !important;
}
.tabBarContainer_b283be .tabBar__35f81 {
gap: 24px;
}
.tabBarContainer_b283be .item__48dda {
height: 36px;
border-bottom: none;
}
.tabBarContainer_b283be .item__48dda.selected_a523ff {
position: relative;
background-color: transparent !important;
border: none;
}
.tabBarContainer_b283be .item__48dda.selected_a523ff:after {
position: absolute;
content: " ";
width: 90%;
height: 3px;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
background: var(--tab-border-color);
border-radius: 3px 3px 0 0;
transition: var(--default-time) ease all;
}
.container__9f51c {
padding: 16px 16px 0;
}
.divider__7116f {
margin: 16px 16px 0;
}
.infoScroller__0920a {
padding: 0 calc(16px - var(--scrollbar-thin-width)) 0 16px !important;
}
.headerText_c0138d {
font-size: 14px;
text-transform: none;
}
.connectedAccounts__7a8e6 {
margin-top: -16px;
border-top: none !important;
}
.connectedAccounts__7a8e6 .connectedAccountContainer__5972d {
--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);
}
.note__7a4f4 {
margin: 0;
}
.note__7a4f4 textarea {
padding: 6px 12px;
border-radius: var(--input-radius);
}
.note__7a4f4 textarea:focus {
background-color: transparent;
}
/* USER PROFILE -> LISTS */
.listRow__50619 {
border-radius: var(--popout-radius);
transition: var(--default-time) var(--default-animation) background-color;
}
.listRow__50619:hover {
background-color: var(--menu-item-hover);
}
.iconActiveMedium__24185 {
border-radius: 50%;
}
/*
*
* APP DIRECTORY
*
*/
.root__6d24f {
animation: page-open 300ms var(--default-animation);
}
@keyframes page-open {
from {
transform: scale(1.1);
opacity: 0;
}
}
.directoryContainer__36395 {
background-color: var(--main-color) !important;
}
/* APP DIRECTORY -> SEARCH BAR */
.search__24107 {
--input-height: 48px;
height: var(--input-height) !important;
max-height: var(--input-height) !important;
padding: var(--input-padding) !important;
background-color: var(--input-color) !important;
border-radius: calc(var(--input-height) / 2) !important;
border: none;
box-shadow: none !important;
}
.search__24107 .inputWrapper_ecb776:before, .search__24107 .inputWrapper_ecb776:after {
display: none;
}
.search__24107 .searchBoxInput__56498 {
height: var(--input-height);
padding: 0;
}
/* APP DIRECTORY -> SEARCH RESULTS */
.category_a343a6 {
border-radius: 24px;
transition: var(--default-time) var(--default-animation) background-color;
}
.category_a343a6:hover {
background-color: var(--menu-item-hover);
}
.category_a343a6.activeCategory__585b4 {
background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity));
}
.listing__21b9f {
border-radius: var(--card-radius-big);
transition: var(--default-time) var(--default-animation) background-color;
}
.listing__21b9f:hover {
background-color: var(--card-color-hover);
}
.listing__21b9f .listingDetails_fda518 {
transition: var(--default-time) var(--default-animation) border-color;
}
/* APP DIRECTORY -> CATEGORIES */
.category_c3da1d, .category__1ebd5 {
height: 36px;
padding: 0 12px;
background-color: var(--card-button-color);
border-radius: 10px;
transition: var(--default-time) var(--default-animation) background-color;
}
.category_c3da1d:hover, .category__1ebd5:hover {
background-color: var(--card-button-color-hover);
}
/* APP DIRECTORY -> CARDS */
.scrollerContainer__8ab2e .scrollerBase_f742b2 {
--scrollbar-width: 4px;
}
.card__834d4, .container_bdd168 {
background-color: var(--card-color-filled) !important;
border: none !important;
padding: 0;
border-radius: var(--card-radius-big) !important;
transition: var(--default-time) var(--default-animation) background-color;
}
.card__834d4:hover, .container_bdd168:hover {
background-color: var(--card-color-hover) !important;
}
.animatesOnHoverContainer_f1fedf:hover {
box-shadow: none;
transform: none;
}
.animatesOnHoverContainer_f1fedf:hover .image__81b8c, .animatesOnHoverContainer_f1fedf:hover .image__766a5 {
transform: none;
}
.image__81b8c, .image__766a5 {
border-radius: var(--card-radius-big);
}
.linkCard__6ed49, .container__11a0b {
background-color: var(--card-color-outlined) !important;
border: 1px solid var(--card-border-color) !important;
padding: 0;
border-radius: var(--card-radius-big) !important;
}
.cardHeader__74ccd {
color: var(--header-primary);
}
.linkDescription__616a5 {
color: var(--text-normal);
}
/* APP DIRECTORY -> BOT INFO */
.headerBanner__7b8a3 {
border-radius: var(--card-radius-big);
}
.headerIcon_f11f09 {
background-color: var(--main-color);
border-color: var(--main-color);
}
.card__2ebbc {
background-color: var(--card-color-filled);
border: none;
padding: 0;
border-radius: var(--card-radius-big);
transition: var(--default-time) var(--default-animation) background-color;
}
.card__2ebbc:hover {
background-color: var(--card-color-hover);
}
.card__2ebbc:hover .iconMask__56335 {
background-color: var(--card-color-hover);
}
.card__2ebbc .splashImage__1b6d7 {
border-radius: var(--card-radius-big);
}
.card__2ebbc .iconMask__56335 {
background-color: var(--card-color-filled);
transition: var(--default-time) var(--default-animation) background-color;
}
.container__26dff {
background-color: var(--card-color-outlined);
border: 1px solid var(--card-border-color);
padding: 0;
border-radius: var(--card-radius-big);
}
.container__26dff .cardHeader__62148 {
margin-bottom: 0;
padding: 16px;
background-color: transparent;
font-size: 1.25em;
line-height: normal;
color: var(--card-header-text-color);
font-weight: 400;
opacity: 1;
border-bottom: 1px solid var(--card-border-color);
}
.container__26dff .priceAndButtonContainer__78548 {
background-color: transparent;
}
.container__26dff .benefitsContainer_f75168 {
padding: 16px;
background-color: transparent;
}
.commandList__7be7e {
background-color: var(--card-color-outlined);
border: 1px solid var(--card-border-color);
padding: 16px;
border-radius: var(--card-radius-big);
}
.commandList__7be7e .commandName__7c054 {
background-color: var(--card-color-filled);
border: none;
padding: 10px 12px;
border-radius: var(--card-radius-big);
}
.permissionHeader_c04a69 {
margin-top: 0;
}
/*
*
* BROWSE CHANNELS
*
*/
.header__20544 {
margin: 0 46px 0 16px;
padding: 16px 0;
}
.scrollerInner__6de5c {
padding: 0 36px 32px 16px;
}
.container__8a0a9 {
background-color: hsl(var(--accent-hsl--material-you));
border-radius: var(--card-radius-big);
}
.container__8a0a9 .defaultColor-HXu-5n,
.container__8a0a9 .body-2A992B {
color: var(--accent-text-color--material-you) !important;
}
/* BROWSE CHANNELS -> CHANNELS */
.categoryText_b2688c {
font-size: 14px;
text-transform: none;
}
.channelRow__538ef {
--button-height: 34px;
position: relative;
padding: 12px 16px;
background-color: var(--card-color-filled);
transition: var(--default-time) var(--default-animation) background-color;
}
.channelRow__538ef:before {
position: absolute;
content: " ";
width: calc(100% - 16px);
height: 100%;
top: 0;
left: 8px;
background-color: var(--card-color-alt-hover);
border-radius: calc(var(--card-radius-big) / 1.5);
pointer-events: none;
opacity: 0;
transition: var(--default-time) var(--default-animation) opacity;
}
.channelRow__538ef.firstChannel_c06b53 {
padding-top: 20px;
border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
}
.channelRow__538ef.firstChannel_c06b53:before {
height: calc(100% - 8px);
top: 8px;
}
.channelRow__538ef.firstChannel_c06b53.lastChannel__0a967 {
border-radius: var(--card-radius-big);
}
.channelRow__538ef.lastChannel__0a967 {
padding-bottom: 20px;
border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
}
.channelRow__538ef.lastChannel__0a967:before {
height: calc(100% - 8px);
}
.channelRow__538ef:not(.disabled__556e5):hover {
background-color: var(--card-color-filled);
}
.channelRow__538ef:not(.disabled__556e5):hover:before {
opacity: 1;
}
.channelRow__538ef:hover .viewChannelButton_d2fdbe {
opacity: 1;
visibility: visible;
transition: var(--default-time) var(--default-animation) opacity;
}
.channelRow__538ef .viewChannelButton_d2fdbe {
display: block;
opacity: 0;
visibility: hidden;
transition: var(--default-time) var(--default-animation) opacity;
}
.channelRow__538ef .channelName__3b23f {
gap: 8px;
}
.channelInfo__95a22 {
z-index: 2;
}
.separator__68570 {
display: none;
}
/*
*
* CHANNELS AND ROLES
*
*/
.container__03ec9 {
background-color: var(--chat-color) !important;
}
.container__03ec9 .tabBar_d4764b {
margin: 32px 46px 0 32px;
border-bottom: 1px solid var(--separator-color);
}
.container__03ec9 .tabBar_d4764b + .chat__52833 .pageBody_c0e5dd, .container__03ec9 .tabBar_d4764b + .chat__52833 .body-2lagau {
padding-top: 0;
}
.prompt__1b100 {
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
}
.prompt__1b100 .promptTitle_b85158 {
line-height: normal;
font-size: 1.25em;
color: var(--card-header-text-color) !important;
font-weight: 500;
}
.prompt__1b100 .optionButton__8fd3f {
--card-color-filled: var(--card-color-alt);
}
.profileCard__1d74b {
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
}
/*
*
* HOME TAB
*
*/
.container_c68a2c {
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
}
.container_c68a2c .icon_ac2d0d {
border: 6px solid var(--card-color-filled);
}
/* HOME TAB -> ACTIVE NOW */
.container__29699 {
background-color: var(--card-color-filled);
border: none;
padding: 0;
border-radius: var(--card-radius-big);
}
.container__29699 .header__18dc9 {
margin-bottom: 0;
padding: 16px;
background-color: transparent;
font-size: 1.25em;
line-height: normal;
color: var(--card-header-text-color);
font-weight: 400;
opacity: 1;
}
.container__29699 .emptyStateContainer__08276 {
margin-top: 0;
background-color: transparent;
}
.channelList_b7e3ac {
padding: 12px 12px 0;
}
.container__55cc1 {
border-radius: var(--card-radius-big);
transition: var(--default-time) var(--default-animation) background-color;
}
.container__55cc1:hover {
background-color: var(--card-color-hover);
}
.container__55cc1 .iconContainer__1b9f0,
.container__55cc1 .moreUsers__61edd {
background-color: var(--card-color-hover);
}
.containerCard__95c7a {
background-color: var(--card-color-outlined);
border: 1px solid var(--card-border-color);
padding: 8px;
border-radius: var(--card-radius-big);
transition: var(--default-time) var(--default-animation) background-color;
}
.containerCard__95c7a:hover {
background-color: var(--card-color-hover);
}
.containerCard__95c7a.fillerCard_eafecc {
padding: 0;
overflow: hidden;
}
.containerCard__95c7a .typingIndicator__0b368 {
background-color: var(--card-color-hover);
}
@media (max-width: 1300px) {
.scrollIcon__0a383 {
background-color: var(--chat-color);
border: 1px solid var(--card-border-color);
}
}
/* HOME TAB -> UPCOMING */
.container__60371 {
background-color: var(--card-color-filled);
border: none;
padding: 0;
border-radius: var(--card-radius-big);
}
.container__60371 .header_be4997 {
margin-bottom: 0;
padding: 16px;
background-color: transparent;
font-size: 1.25em;
line-height: normal;
color: var(--card-header-text-color);
font-weight: 400;
opacity: 1;
}
.container__55cc1 {
margin: 0 16px;
}
.container__55cc1:last-of-type, .container__55cc1:only-child {
margin-bottom: 16px;
}
/* HOME TAB -> YOUR HIGHLIGHTS */
.container__463ec {
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big);
}
.container__463ec .textContainer__39032 {
margin: 16px 0 16px 16px;
}
.container__3c265.background__4cf17 {
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
}
.interactiveCard_d92364 {
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big);
border: none !important;
}
.interactiveCard_d92364:hover {
box-shadow: none;
}
.interactiveCard_d92364 .wrapper_a62503 .messageContent_abea64 {
overflow: hidden;
}
.interactiveCard_d92364 .wrapper_a62503.cozy_f5c119 {
--message-color: var(--message-color-hover);
}
.interactiveCard_d92364 .wrapper_a62503.cozy_f5c119:not(.message_ccca67) {
margin: 16px 16px 0 79px;
}
.interactiveCard_d92364 .avatarDecoration__8a0c2 {
left: -65px;
}
.feedItemHeader_ec3bdb {
padding: 16px;
border-bottom: none;
}
.feedItemHeader_ec3bdb .heading-sm-semibold-3XiVex {
font-size: 1.25em;
}
/*
*
* RECENT MEMBERS
*
*/
.container__3a30a {
padding: 32px;
background-color: var(--chat-color) !important;
}
.mainTableContainer__37b54 {
background-color: transparent;
box-shadow: none;
}
.searchHeaderContainer_a29f84 {
margin-bottom: 16px;
padding: 0;
}
.searchHeaderContainer_a29f84 .heading-md-medium__2dff4 {
font-weight: 400;
font-size: 1.25em;
}
.searchHeaderContainer_a29f84 .container__33507 {
--input-padding: 0 4px 0 12px;
}
.searchHeaderContainer_a29f84 .input__48d49 {
font-size: 1em;
}
.table_c0e94f {
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big);
border-top: none;
}
.table_c0e94f tbody:before {
content: " ";
display: block;
height: 8px;
}
.tableHeaderRow_a546e2:first-child:after {
bottom: 0;
box-shadow: 0 1px 0 0 var(--card-border-color);
}
.tableHeaderCellContainer__8ebae {
padding: 12px 8px;
}
.memberRowContainer__8a95f {
transition: var(--default-time) var(--default-animation) background-color;
}
.memberRowContainer__8a95f:hover {
background-color: var(--card-color-alt-hover) !important;
}
.memberRowContainer__8a95f td {
padding: 12px 8px;
background-color: transparent !important;
}
.memberRowContainer__8a95f td:after {
display: none;
}
.memberRowContainer__8a95f td:first-child {
border-radius: calc(var(--card-radius-big) / 1.5) 0 0 calc(var(--card-radius-big) / 1.5);
}
.memberRowContainer__8a95f td:last-child {
border-radius: 0 calc(var(--card-radius-big) / 1.5) calc(var(--card-radius-big) / 1.5) 0;
}
.newMembersNotice__54ea4 {
top: 0;
background-color: hsl(var(--accent-hsl--material-you));
}
.newMembersNotice__54ea4:hover {
background-color: hsl(var(--accent-hsl--material-you));
}
.newMembersNotice__54ea4 td:first-child {
border-radius: 18px 0 0 18px;
}
.newMembersNotice__54ea4 td:last-child {
border-radius: 0 18px 18px 0;
}
.newMembersNotice__54ea4 .text-sm-normal-3Zj3Iv, .newMembersNotice__54ea4 .text-sm-normal_d9d853 {
color: var(--accent-text-color--material-you) !important;
font-weight: 500;
}
.newMembersNotice__54ea4 .button__581d0 {
--button-text-color: var(--accent-text-color--material-you);
}
.otherRoles_e625c8 {
background-color: var(--card-color-filled);
border-radius: 50%;
transition: var(--default-time) var(--default-animation) opacity;
}
.otherRoles_e625c8 .addRoleIcon__1028d {
color: var(--text-normal);
}
.button__440c9 {
background-color: var(--card-button-color);
transition: var(--default-time) var(--default-animation) background-color;
}
.button__440c9:hover {
background-color: var(--card-button-color-hover);
}
.paginationContainer_b8c933 {
margin-top: 8px;
padding: 0;
border-top: none;
}
/*
*
* PREMIUM MEMBERSHIP
*
*/
.scroller__12676 {
background-color: var(--chat-color);
}
.scroller__12676 .scrollerContent_a0a668 {
max-width: 100%;
}
.coverImageContainer__29476 {
width: calc(100% - 64px);
margin: 32px;
}
.coverImageContainer__29476 .coverImage_a812b4 {
border-radius: var(--card-radius-big);
}
.guildIconContainer__5fbec {
background-color: var(--chat-color);
}
.cardContainerWithoutTopIndicator_a60d34 {
--message-color: var(--card-color-alt);
background-color: var(--card-color-filled);
border: none;
padding: 0;
border-radius: var(--card-radius-big);
}
.tierInfoContainer_dd1f1c,
.subscriptionPerks__47df3 {
background-color: transparent;
}
.tierInfoContainer_dd1f1c {
border-bottom: 1px solid var(--card-border-color);
}
.tierInfoContainer_dd1f1c .button__581d0 {
background: none;
}
.tierInfoContainer_dd1f1c .button__581d0 .shine-3xxflf {
display: none;
}
.subscriptionPerks__47df3 .sectionHeader__2f60a {
font-size: 14px;
text-transform: none;
}
.roleMessagePreview__242dc {
margin-left: 50px;
padding: 0;
background-color: transparent;
border: none;
}
/*
*
* SERVER BOOST
*
*/
.scroller__7d61e {
background-color: var(--main-color);
}
.scroller__7d61e .heading__388a7 {
color: var(--header-primary) !important;
}
.scroller__7d61e .heading__388a7,
.scroller__7d61e .heading-xl-bold-38fuFv,
.scroller__7d61e .heading-xxl-semibold-2jeRzp,
.scroller__7d61e .heading-xxl-bold-nfv1ir,
.scroller__7d61e .heading-xxl-extrabold-2-MUEs {
font-weight: 400;
}
.header_b9d0dd {
background: none !important;
}
.header_b9d0dd .headerWave_dda892 {
display: none;
}
.header_b9d0dd .guildName__488eb {
color: var(--header-primary) !important;
}
.header_b9d0dd .guildBoostCountWrapper__98177 {
color: var(--header-secondary);
}
.bodyWave__4a827 {
display: none;
}
.innerWrapper_cfb768 {
padding: 12px 24px 12px 12px;
background-color: var(--popout-color);
box-shadow: var(--shadow-3dp);
}
.innerWrapper_cfb768:before, .innerWrapper_cfb768:after {
display: none;
}
/* SERVER BOOST -> BOOST BUTTONS */
.guildBoostCtas__51760 {
max-width: unset;
justify-content: center;
}
.guildBoostCtas__51760 .guildBoostCta__129de {
flex: 0 1 auto;
}
.guildBoostCtas__51760 .guildBoostCta__129de:hover {
transform: none;
}
.guildBoostCtaBoost_ac9bf0 {
--button-background: hsl(var(--accent-hsl--material-you)) !important;
--button-text-color: var(--accent-text-color--material-you) !important;
width: auto;
}
.guildBoostCtaBoost_ac9bf0 .guildBoostCtaBoostContent__2b1fb {
margin: 0;
color: var(--button-text-color);
}
.guildBoostCtaSecondary_b56ac7 {
--button-text-color: hsl(var(--accent-hsl--material-you)) !important;
--button-outline: 1px solid hsl(var(--accent-hsl--material-you)) !important;
}
/* SERVER BOOST -> BOOST PROGRESS BAR */
.progressBarFill__455be {
background-image: none;
background-color: var(--guild-boosting-pink);
}
.progressBarTrack__669df {
background-color: var(--card-color-filled);
}
.progressBarMarker__28bea {
background-color: var(--main-color);
}
.progressBarMarker__28bea .boostedTierIconBackground__16aae {
background-color: var(--card-color-filled);
opacity: 1;
}
.progressBarMarker__28bea .progressBarMarkerLabel_db9994 {
font-weight: 500;
color: var(--text-normal);
opacity: 1;
}
.progressBarMarker__28bea.progressBarMarkerLocked__86576 .progressBarMarkerLabel_db9994 {
color: var(--text-muted);
}
/* SERVER BOOST -> TIER CARDS */
.tierCard__292e9 {
border-radius: var(--card-radius-big);
box-shadow: none;
}
/* SERVER BOOST -> TOP PERKS */
.topPerksCard__0e34b {
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big);
}
.perkPreviewImage__34031 {
background-color: var(--popout-color);
border-radius: var(--popout-radius-big);
box-shadow: var(--shadow-3dp);
}
/* SERVER BOOST -> COMMUNITY RECOGNITION */
.wrapper_d3adb0 {
margin-bottom: 64px;
border-radius: var(--card-radius-big);
}
.wrapper_d3adb0 .backgroundImages__3c5e4 {
border-radius: var(--card-radius-big);
}
.card__67edb {
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big);
}
/* SERVER BOOST -> BOOST MODAL */
.subscription_a0f596 {
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
}
.subscription_a0f596 .tierPill__6d5cb {
background-color: var(--card-color-active) !important;
}
.pendingCancellation__94d02 {
background-color: hsl(var(--warning-hsl), 0.3);
border-radius: var(--card-radius-big);
border: none;
}
.pendingCancellation__94d02 .pendingCancellationIcon__56dce {
color: hsl(var(--warning-hsl));
}
/*
*
* SERVER DISCOVERY
*
*/
.pageWrapper_c182d3 {
background-color: var(--chat-color) !important;
}
.headerImage-2D5D-v, .headerImage__9a34a {
border-radius: var(--card-radius-big);
}
.searchBox__56feb {
padding-right: 8px;
border-radius: var(--input-radius);
border: none;
box-shadow: none;
}
.searchBox__56feb .searchBoxInput__56498 {
height: var(--input-height);
padding: 0 16px !important;
box-shadow: none !important;
}
/* SERVER DISCOVERY -> SIDEBAR */
.sidebar_e031be .container_a48b21 {
margin: 0 4px 0 10px;
border-radius: 21px;
}
.sidebar_e031be .container_a48b21 .layout_bb8e67 {
border-radius: 21px;
transition: var(--default-time) var(--default-animation) background-color;
}
.sidebar_e031be .container_a48b21:hover .layout_bb8e67 {
background-color: var(--menu-item-hover);
}
.sidebar_e031be .container_a48b21.selected__7f4cb {
color: var(--menu-item-text-color);
}
.sidebar_e031be .container_a48b21.selected__7f4cb .layout_bb8e67 {
background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity));
color: var(--interactive-active);
}
/* SERVER DISCOVERY -> CARDS */
.card__86773 {
background-color: var(--card-color-filled) !important;
border: none !important;
padding: 0;
border-radius: var(--card-radius-big) !important;
transition: var(--default-time) var(--default-animation) background-color;
box-shadow: none !important;
}
.card__86773:hover {
background-color: var(--card-color-hover) !important;
}
.card__86773 .iconMask__4092e {
background-color: var(--card-color-filled) !important;
border-radius: 50%;
}
.card__86773 .iconMask__4092e .avatar_be9803 {
border-radius: 50%;
}
.card__86773:hover {
transform: none;
}
.card__86773:hover .iconMask__4092e {
background-color: var(--card-color-hover) !important;
}
.card__86773 .cardHeader__0c218 {
margin-bottom: 0;
}
.card__86773 .splashImage__9b574 {
border-radius: var(--card-radius-big);
}
.card__86773 .guildInfo__4779b {
padding-top: 32px;
border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
transition: var(--default-time) var(--default-animation) border-color;
}
.card__86773 .guildIcon__66641 foreignObject {
mask: none !important;
}
.emptyContainer__00d9a {
background-color: var(--card-color-filled);
border: none;
padding: 80px 0;
border-radius: var(--card-radius-big);
}
/* SERVER DISCOVERY -> SEARCH RESULTS */
.searchPage-3tt6dh,
.categories-2LoSbA,
.results__7a0d3 {
margin-right: 24px;
}
.searchPage-3tt6dh,
.categories-2LoSbA,
.results__7a0d3,
.guildList-QjZKeK {
max-width: 1200px;
}
.searchPage-3tt6dh .search-25t1e9 {
max-width: unset;
}
.searchPage-3tt6dh .searchBox__56feb {
padding-right: 8px;
background-color: var(--input-color);
box-shadow: none !important;
}
.categoryPill-1zjNrr {
border-radius: 8px;
background-color: var(--card-button-color);
transition: var(--default-time) var(--default-animation) background-color;
}
.categoryPill-1zjNrr:hover:not(.selected-bLcqYK) {
background-color: var(--card-button-color-hover);
}
.categoryPill-1zjNrr .categoryLabel-2m4AT- {
color: var(--text-normal);
transition: var(--default-time) var(--default-animation) color;
}
.categoryPill-1zjNrr.selected-bLcqYK {
background-color: hsl(var(--accent-hsl), 0.3);
}
.categoryPill-1zjNrr.selected-bLcqYK .categoryLabel-2m4AT- {
color: hsl(var(--accent-hsl--material-you));
}
.card__33bd0 {
height: 160px;
background-color: var(--card-color-filled);
border: none;
padding: 0;
border-radius: var(--card-radius-big);
transition: var(--default-time) var(--default-animation) background-color;
}
.card__33bd0:hover {
background-color: var(--card-color-hover);
}
.card__33bd0 .container__92d5c {
height: 100%;
}
.card__33bd0 .content_d876f9 {
height: 100%;
padding: 16px 16px 16px 0;
box-sizing: border-box;
}
.card__33bd0 .memberInfo_ddb9fc {
margin-top: 8px;
}
.card__33bd0 .text-xs-normal_ccc5fb, .card__33bd0 .text-xs-normal__46d75 {
font-weight: 500;
}
.splashContainer_c07592 {
height: 100%;
border-radius: var(--card-radius-big);
}
.separator__16faf {
display: none;
}
/* SERVER DISCOVERY -> SCHOOL HUB */
.scroller__32e73 {
background-color: var(--chat-color);
}
.container_c83a4f {
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
}
.sidebarContainer__6f8e5 {
background-color: transparent;
}
/*
*
* SERVER GUIDE
*
*/
.header__09049 {
margin-top: -16px;
}
.headerArtWrapper__31b51 {
width: calc(100% + 32px);
margin-right: -16px;
}
.headerIcon_f56272 {
background-color: var(--chat-color);
border-radius: 50%;
border-color: var(--chat-color);
}
.userCardInner__4fd8f {
background-color: var(--card-color-filled);
border: none;
padding: 0;
border-radius: var(--card-radius-big);
}
.action__94060 {
background-color: var(--card-color-filled) !important;
border: none !important;
padding: 16px;
border-radius: var(--card-radius-big) !important;
transition: var(--default-time) var(--default-animation) background-color;
cursor: pointer;
}
.action__94060:hover {
background-color: var(--card-color-hover) !important;
}
.row__4f559 {
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
transition: var(--default-time) var(--default-animation) background-color;
}
.row__4f559:hover {
background-color: var(--card-color-hover);
}
/*
*
* SERVER SHOP
*
*/
.content__3c252 {
background-color: var(--chat-color);
}
.content__3c252 .contentContainer_b281f2 {
width: 100%;
}
.container__0018d,
.filters__85255 {
max-width: unset;
}
.container__0018d {
background-color: var(--card-color-filled);
border: none;
padding: 0;
border-radius: var(--card-radius-big);
box-shadow: none;
}
.container__0018d .infoContainer__95e82 {
padding: 0 16px 16px;
}
.container__0018d .coverImage__2c85d {
border-radius: var(--card-radius-big);
}
.filters__85255 .lookFilled__950dd .contents__322f4 {
color: var(--accent-text-color--material-you);
}
.filters__85255 .lookFilled__950dd .text-sm-medium_bc6ffc, .filters__85255 .lookFilled__950dd .text-sm-medium__726be {
color: inherit !important;
}
.header__3fa74 {
font-size: 14px;
text-transform: none;
}
.tab_cc2f20 {
border-radius: var(--card-radius-big);
}
.tab_cc2f20.selected__26619 {
background-color: hsl(var(--accent-hsl--material-you), 0.3);
border-color: hsl(var(--accent-hsl--material-you));
box-shadow: none;
}
.productCard_ecfe85 {
background-color: var(--card-color-filled) !important;
border: none !important;
padding: 0;
border-radius: var(--card-radius-big) !important;
transition: var(--default-time) var(--default-animation) background-color;
}
.productCard_ecfe85:hover {
background-color: var(--card-color-hover) !important;
}
.productCard_ecfe85 .productThumbnail__7a83c {
border-radius: var(--card-radius-big);
}
.card_eafe46:hover .cardContent__34d85 {
box-shadow: none;
outline: none;
transform: none;
}
/* SERVER SHOP -> PRODUCT MODAL */
.container_a5df25 {
width: calc(100% + 48px);
margin: -24px -24px -16px;
border-radius: var(--card-radius-big);
}
.body_af7d3b {
background-color: transparent;
}
/*
*
* DISCORD SHOP
*
*/
.shop_b31ed2 {
background-color: var(--main-alt);
}
.shopScrollBackgroundPrimary__28f1d,
.pageWrapperBackgroundPrimary__36469 {
background-color: var(--main-color);
}
.countDownWrapper__60b05 {
box-shadow: var(--shadow-3dp) !important;
}
.shyBanner__78fa4 {
border-radius: var(--card-radius-big);
box-shadow: none;
}
.heroBanner_e16ab1,
.bannerBackground_ad3aa1,
.bannerCard_b27f26 {
border-radius: var(--card-radius-big);
}
.heroBanner_e16ab1 {
margin-top: 0;
}
.shopBanner_e2f915 {
border-radius: var(--card-radius-big);
outline: none;
}
.itemTypeTitle__243d9 {
font-size: 16px;
text-transform: none;
font-weight: 500;
}
.shopCard__3d319 {
background: var(--card-color-filled) !important;
border-radius: var(--card-radius-big);
border: none;
box-shadow: none !important;
transition: var(--default-time) var(--default-animation) background;
}
.shopCard__3d319:hover {
background: var(--card-color-active) !important;
top: unset;
}
.shopCard__3d319 .text-lg-bold__43fc5 {
font-weight: 400;
font-size: 24px;
color: var(--header-primary) !important;
}
.shopCard__3d319 .cardBackground_d86c0e {
background-color: transparent !important;
}
.shopCard__3d319 .description__8d6d2,
.shopCard__3d319 .priceTag__6412e {
color: var(--text-normal) !important;
}
.shopCard__3d319 .premiumIcon__7552e path {
fill: currentColor;
}
.shopCard__3d319 .lookFilled__950dd.colorBrand__27d57 {
background: var(--button-background) !important;
}
.shopCard__3d319 .giftButtonInner_c9f8fd,
.shopCard__3d319 .previewButtonInner_bfc6e5 {
max-width: none;
max-height: none;
}
.cardTextProfileEffect__27c03:before {
background: linear-gradient(180deg, transparent, transparent, var(--card-color-filled)) !important;
}
.modalContent__4d9c6 {
padding: 0 !important;
border-radius: var(--popout-radius-big) !important;
}
.modalContent__4d9c6::-webkit-scrollbar {
--scrollbar-width: 0;
--scrollbar-thin-width: 0;
}
.modalContent__4d9c6 .collectibleInfoContainer_a9bb77 {
border-radius: var(--popout-radius-big);
}
.modalContent__4d9c6 .collectibleInfoContainer_a9bb77 .lookFilled__950dd {
background: var(--button-background) !important;
}
.modalContent__4d9c6 .collectibleInfoContainer_a9bb77 .lookFilled__950dd .contents__322f4 svg {
height: 24px;
}
.modalContent__4d9c6 .categoryBanner__1b5f1 {
width: calc(100% + var(--popout-radius-big));
left: calc(var(--popout-radius-big) * -1);
}
.chatPreview__8e939 {
background-color: var(--popout-color) !important;
box-shadow: var(--shadow-3dp);
}
.chatPreview__8e939 .wrapper_a62503 {
margin-top: 0;
margin-left: 46px;
border-radius: var(--message-radius);
}
.chatPreview__8e939 .wrapper_a62503:before, .chatPreview__8e939 .wrapper_a62503:after {
display: none;
}
.chatPreview__8e939 .wrapper_a62503 .avatar__08316 {
margin-top: -2px;
margin-left: -66px;
}
.chatPreview__8e939 .mockInput_d3257e {
background-color: var(--input-color);
border-radius: 20px;
}
/*
*
* USER SETTINGS ADD GAME POPOUT
*
*/
.addGamePopout__61649 {
background-color: var(--popout-color) !important;
border-radius: var(--popout-radius-big) !important;
box-shadow: var(--shadow-3dp) !important;
}
.addGamePopout__61649 .lookLink_a2da25 {
margin-right: 8px;
}
/*
*
* AUTOCOMPLETE
*
*/
.autocomplete__743a5 {
background-color: var(--popout-color) !important;
border-radius: var(--popout-radius-big) !important;
box-shadow: var(--shadow-3dp) !important;
}
.autocomplete__743a5 .categoryHeader__70c8e {
background-color: var(--emoji-category-header);
}
.autocomplete__743a5 .autocompleteRow__2a1b9 {
padding: 0;
}
.autocomplete__743a5 .autocompleteRow__2a1b9 .base__87e58 {
padding: 8px 12px;
border-radius: 0;
transition: var(--default-time) var(--default-animation) background-color;
}
.autocomplete__743a5 .autocompleteRow__2a1b9 .base__87e58.selected-3H3-RC {
background-color: var(--menu-item-hover) !important;
}
.autocomplete__743a5 .contentTitle_b6c2bb {
font-size: 14px;
text-transform: none;
}
.autocomplete__743a5 .divider__20bfc {
padding: 8px 0;
}
.autocomplete__743a5 .divider__20bfc:after {
background-color: var(--card-border-color);
}
.autocomplete__743a5 .wrapper__35c78 {
position: relative;
background-color: var(--attachment-color);
}
.autocomplete__743a5 .wrapper__35c78 .wrapper__45980 {
width: 100%;
}
.autocomplete__743a5 .wrapper__35c78 .wrapper__45980 .scrollerBase_f742b2 {
--scrollbar-width: 0;
}
.autocomplete__743a5 .wrapper__35c78 .wrapper__45980 {
width: 100%;
background-color: transparent;
}
.autocomplete__743a5 .wrapper__35c78 .wrapper__45980 .scrollerBase_f742b2 {
--scrollbar-width: 0;
}
.autocomplete__743a5 .wrapper__35c78 .wrapper__45980 .listItems__49027 {
left: 12px !important;
right: 12px !important;
}
.autocomplete__743a5 .listItems__49027 {
left: 0 !important;
right: 0 !important;
}
/* AUTOCOMPLETE -> ROLES POPOUT */
.container-1YVRxo {
background-color: var(--popout-color);
border-radius: var(--popout-radius-big);
box-shadow: var(--shadow-3dp);
}
.container-1YVRxo .autocompleteArrow-2CRgr2 {
background-color: var(--popout-color);
}
.container-1YVRxo .header-PfVfAO {
background-color: transparent;
border-bottom: 1px solid var(--card-border-color);
}
.container-1YVRxo .headerText-3k--Lk {
margin-right: 0;
}
.container-1YVRxo .input-2Zg2X0 {
width: 100%;
margin-bottom: 0;
}
.container-1YVRxo .sectionTag-euh3ZW {
background-color: transparent !important;
}
.container-1YVRxo .section-1rUn9F {
line-height: 36px;
padding: 0 16px;
font-size: 14px;
text-transform: none;
}
.container-1YVRxo .autocompleteShadow-1aXK3x {
display: none;
}
.container-1YVRxo .autocompleteArrow-2CRgr2 {
background-color: var(--popout-color);
}
.container-1YVRxo .header-PfVfAO {
padding: 0 16px;
gap: 8px;
justify-content: flex-start;
background-color: transparent;
border-bottom: 1px solid var(--card-border-color);
}
.container-1YVRxo .sectionTag-euh3ZW {
background-color: transparent !important;
}
.container-1YVRxo .section-1rUn9F {
line-height: 36px;
padding: 0 16px;
font-size: 14px;
text-transform: none;
}
.autocompleteShadow-1aXK3x,
.autocompleteHeaderBackground-4jKxaW {
display: none;
}
.row-3UUG_l {
padding-left: var(--scrollbar-thin-width);
}
.row-3UUG_l.selected-3LIQAc .rowInner-1mo-C8 {
background-color: var(--menu-item-hover);
}
.row-3UUG_l .rowInner-1mo-C8 {
border-radius: var(--popout-radius);
transition: var(--default-time) var(--default-animation) background-color;
}
/*
*
* CALENDAR
*
*/
.calendarPicker__47c85 .react-datepicker {
padding: 16px;
background-color: var(--popout-color) !important;
border-radius: var(--popout-radius-big) !important;
box-shadow: var(--shadow-3dp) !important;
}
.calendarPicker__47c85 .react-datepicker__header {
background-color: transparent !important;
}
.calendarPicker__47c85 .react-datepicker__current-month {
border-bottom-color: var(--separator-color) !important;
font-size: 14px;
text-transform: none;
}
.calendarPicker__47c85 .react-datepicker__navigation.react-datepicker__navigation--next, .calendarPicker__47c85 .react-datepicker__navigation.react-datepicker__navigation--previous {
width: 24px;
height: 24px;
background-color: hsl(var(--button-link-accent-color), 0.1);
border-radius: 50%;
border: none;
color: var(--button-link-accent-text-color);
}
.calendarPicker__47c85 .react-datepicker__navigation.react-datepicker__navigation--next:hover, .calendarPicker__47c85 .react-datepicker__navigation.react-datepicker__navigation--previous:hover {
background-color: hsl(var(--button-link-accent-color), 0.2);
}
.calendarPicker__47c85 .react-datepicker__day-name {
color: var(--text-normal) !important;
}
.calendarPicker__47c85 .react-datepicker__day--disabled,
.calendarPicker__47c85 .react-datepicker__day--outside-month {
background-color: transparent !important;
color: var(--text-disabled) !important;
}
.calendarPicker__47c85 .react-datepicker__day {
background-color: transparent !important;
border-radius: 50% !important;
border: 1px solid transparent !important;
transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color;
}
.calendarPicker__47c85 .react-datepicker__day:hover:not(.react-datepicker__day--today) {
background-color: var(--menu-item-hover) !important;
}
.calendarPicker__47c85 .react-datepicker__day.react-datepicker__day--selected {
background-color: hsl(var(--accent-hsl--material-you)) !important;
color: var(--accent-text-color--material-you) !important;
}
.calendarPicker__47c85 .react-datepicker__day.react-datepicker__day--selected:after {
display: none;
}
.calendarPicker__47c85 .react-datepicker__day.react-datepicker__day--selected:hover {
background-color: hsl(var(--accent-hsl--material-you)) !important;
}
.calendarPicker__47c85 .react-datepicker__day--today {
border-color: hsl(var(--accent-hsl--material-you)) !important;
color: hsl(var(--accent-hsl--material-you)) !important;
}
.calendarPicker__47c85 .react-datepicker__day--today:hover {
background-color: hsl(var(--accent-hsl), 0.2) !important;
}
.datePicker_df63a7 .react-datepicker {
padding-bottom: 8px;
box-shadow: none !important;
}
.datePicker_df63a7 .datePickerHint_d023b6 {
border-top-color: var(--separator-color);
}
.datePicker_df63a7 .datePickerHint_d023b6 .hint__460f1 {
color: var(--text-normal);
}
.datePicker_df63a7 .datePickerHint_d023b6 .hintValue__0c960 {
margin-left: 2px;
padding: 0 6px;
background-color: hsl(var(--accent-hsl--material-you));
color: var(--accent-text-color--material-you);
border-radius: 11px;
}
/*
*
* CHANNEL INFO
*
*/
.container__628c8 {
background-color: var(--popout-color);
border-radius: var(--popout-radius-big);
box-shadow: var(--shadow-3dp);
}
.container__628c8 .users__65981 {
background-color: var(--card-color-active);
}
.container__628c8 .total_c01838 {
background-color: var(--card-color-filled);
}
.container__628c8 .total_c01838:after {
border-right-color: var(--card-color-filled);
}
.headerDivider__07db6 {
background-color: var(--popout-header-border);
}
/*
*
* COLOR PICKER
*
*/
.customColorPicker_bbc020 {
background-color: var(--popout-color) !important;
border-radius: var(--popout-radius-big) !important;
box-shadow: var(--shadow-3dp) !important;
border: none !important;
}
.suggestedColor__713b5 {
border-radius: 16px;
}
.colorPickerRow_d31e23 {
overflow: visible;
}
.colorPickerSwatch__343b4 {
border-radius: 10px;
}
.colorPickerSwatch__343b4.custom__383ac, .colorPickerSwatch__343b4.default__428e2 {
border-radius: var(--card-radius-big);
}
.swatch__96672 {
border-radius: var(--card-radius-big);
}
/*
*
* CONNECTION INFO
*
*/
.container__13b2a {
background-color: var(--popout-color);
border-radius: var(--popout-radius-big);
box-shadow: var(--shadow-3dp);
}
.container__13b2a .header-2C89wJ,
.container__13b2a section {
background-color: transparent !important;
}
.container__13b2a .header-2C89wJ {
border-bottom: 1px solid var(--popout-header-border);
text-transform: none;
justify-content: left;
}
/*
*
* CONTEXT MENU
*
*/
.menu__088f7 {
background-color: var(--popout-color);
border-radius: var(--popout-radius);
box-shadow: var(--shadow-3dp);
animation: opacity 100ms ease, open-context-menu 300ms var(--default-animation);
transform-origin: top;
}
.menu__088f7 .scrollerBase_f742b2 {
padding: 8px 0;
}
.menu__088f7 .scrollerBase_f742b2::-webkit-scrollbar {
--scrollbar-thin-width: 0;
}
.menu__088f7 .groupLabel_bee392 {
font-size: 14px;
text-transform: none;
}
.menu__088f7 .item__183e8 {
min-height: 32px;
margin: 0;
padding: 9px 12px;
line-height: 18px;
border-radius: 0;
color: var(--menu-item-text-color) !important;
transition: var(--default-time) var(--default-animation) background-color;
flex-direction: row-reverse;
}
.menu__088f7 .item__183e8.focused_dcafb9 {
background-color: var(--menu-item-hover);
}
.menu__088f7 .item__183e8.focused_dcafb9 .caret_ce50ce {
color: var(--menu-item-text-color);
}
.menu__088f7 .item__183e8.colorPremiumGradient__92279 {
transition: var(--default-time) var(--default-animation) background;
}
.menu__088f7 .item__183e8.colorPremiumGradient__92279.focused_dcafb9 {
background: var(--menu-item-hover);
}
.menu__088f7 .item__183e8:active:not(.hideInteraction__0b569) {
background-color: var(--menu-item-select);
}
.menu__088f7 .item__183e8.hideInteraction__0b569 .labelContainer__4f869 {
padding: 0 0 8px;
}
.menu__088f7 .item__183e8.hideInteraction__0b569 .sliderContainer__1d624 {
margin-bottom: -6px;
padding: 0;
}
.menu__088f7 .item__183e8 .labelContainer__4f869 {
min-height: unset;
padding: 0;
}
.menu__088f7 .item__183e8 .iconContainer__5d61c,
.menu__088f7 .item__183e8 .imageContainer__074ff {
margin-left: 0;
margin-right: 12px;
}
.menu__088f7 .item__183e8 .iconContainerLeft__80d26 {
margin-left: 12px;
margin-right: 0;
}
.menu__088f7 .submenuPaddingContainer__5a97c {
margin-left: -4px;
margin-right: -4px;
animation: opacity 100ms ease, open-context-menu 300ms var(--default-animation);
transform-origin: top;
}
.menu__088f7 .separator__174fc {
width: 100%;
margin: 8px 0;
border-color: var(--separator-color);
}
body:active .menu__088f7:not(:active) {
opacity: 0;
transition: 150ms ease all;
}
/* CONTEXT MENU -> SERVER OPTIONS */
#guild-header-popout.menu__088f7 {
animation: top-pop-out 400ms var(--default-animation);
overflow: hidden;
}
/*
*
* CREATE GROUP DM
*
*/
.searchBar__6ad3f {
margin-top: 16px;
}
.searchBar__6ad3f .input__745d4 {
height: var(--input-height) !important;
}
.searchBarComponent__53adf {
background-color: var(--input-color);
border-radius: 19px !important;
border: none;
}
.searchBarComponent__53adf .inner__178b2 {
min-height: var(--input-height);
}
.tag__69d9d {
height: 28px;
margin: 4px 4px 0 6px;
border-radius: 14px;
background-color: transparent;
border: 1px solid var(--text-muted);
color: var(--text-normal);
}
.tag__69d9d + .input__745d4 {
margin-left: 6px;
}
.friendWrapper_f9b51d {
margin: 0;
}
.friend__05c43 {
padding: 6px 18px 6px 24px;
border-radius: 0;
}
.friend__05c43.friendSelected__98d91 {
background-color: var(--menu-item-hover) !important;
}
.footer__062a1 {
padding: 16px 24px 24px;
}
.footerSeparator__41b43 {
display: none;
}
/*
*
* EMOJI PICKER
*
*/
.contentWrapper_e0bb2c, .contentWrapper_eab878 {
animation: bottom-pop-out 400ms var(--default-animation);
}
.isBurstReactionPicker_b9ca03 {
border-radius: var(--popout-radius-big) !important;
}
.contentWrapper_e0bb2c, .contentWrapper_eab878,
.emojiPicker__5e2e2 {
background-color: var(--popout-color);
border-radius: var(--popout-radius-big);
box-shadow: var(--shadow-3dp);
}
.wrapper__0757b {
border-radius: var(--popout-radius-big);
}
.wrapper__0757b.isBurstReactionUnlimited_ef651a {
border-radius: var(--popout-radius-big);
box-shadow: 0 0 0 2px hsl(var(--accent-hsl--material-you));
}
.wrapper__0757b.isBurstReactionUnlimited_ef651a:before {
border-radius: inherit;
box-shadow: 0 0 100px hsl(var(--accent-hsl--material-you));
}
/* EMOJI PICKER -> HEADER */
.navButtonSuperReactActive__01546 {
background: var(--menu-item-select);
}
.header_e5d8b2,
.header__643ce,
.header_aac16f {
padding: 16px;
background-color: var(--popout-color);
border-radius: var(--popout-radius-big) var(--popout-radius-big) 0 0;
border-bottom: 1px solid var(--card-border-color);
box-shadow: none !important;
}
.header_e5d8b2 + .emojiPicker__5e2e2 {
border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big);
}
.nav_b56420 + .wrapper__0757b .header_e5d8b2, .nav__2aafa + .wrapper__0757b .header_e5d8b2 {
padding-top: 0;
}
.nav_b56420 + .wrapper_c76288 .header__643ce, .nav__2aafa + .wrapper_c76288 .header__643ce {
padding-top: 0;
}
.nav_b56420 + .container__1e477 .header_aac16f, .nav__2aafa + .container__1e477 .header_aac16f {
padding-top: 0;
}
.diversitySelectorOptions_daea2d {
background-color: var(--popout-color);
border-radius: 16px;
border: none;
box-shadow: var(--shadow-3dp);
overflow: hidden;
}
.diversitySelectorOptions_daea2d .diversityEmojiItem__48e39 {
border-radius: 0;
transition: var(--default-time) var(--default-animation) background-color;
}
.diversitySelectorOptions_daea2d .diversityEmojiItem__48e39:hover {
background-color: var(--menu-item-hover);
}
.positionContainer_f54115:not(.positionContainerOnlyEmoji_ec41a2) .drawerSizingWrapper_e20f1f .contentWrapper_e0bb2c {
--nav-container-padding: 4px;
--nav-button-height: 24px;
--nav-button-radius: 12px;
grid-template-rows: calc(var(--nav-button-height) + var(--nav-container-padding) * 2) auto;
grid-row-gap: 16px;
}
.drawerSizingWrapper_e20f1f .navList__5c9f4, .drawerSizingWrapper_e20f1f .navList__8438b {
position: relative;
width: 100%;
padding: var(--nav-container-padding);
background-color: var(--popout-color-alt);
border-radius: calc(var(--nav-button-radius) + var(--nav-container-padding));
z-index: 0;
box-sizing: border-box;
}
.drawerSizingWrapper_e20f1f .navList__5c9f4:after, .drawerSizingWrapper_e20f1f .navList__8438b:after {
position: absolute;
content: " ";
width: calc(33.3333% - var(--nav-container-padding) / 2);
height: var(--nav-button-height);
top: 0;
bottom: 0;
margin: auto 0;
background: var(--menu-item-select);
border-radius: var(--nav-button-radius);
z-index: -1;
transition: var(--default-time) var(--default-animation) transform;
}
.drawerSizingWrapper_e20f1f .navList__5c9f4:has([id=sticker-picker-tab].navButtonActive__0c878, [id=sticker-picker-tab].navButtonActive_b003de):after, .drawerSizingWrapper_e20f1f .navList__8438b:has([id=sticker-picker-tab].navButtonActive__0c878, [id=sticker-picker-tab].navButtonActive_b003de):after {
transform: translateX(100%);
}
.drawerSizingWrapper_e20f1f .navList__5c9f4:has([id=emoji-picker-tab].navButtonActive__0c878, [id=emoji-picker-tab].navButtonActive_b003de):after, .drawerSizingWrapper_e20f1f .navList__8438b:has([id=emoji-picker-tab].navButtonActive__0c878, [id=emoji-picker-tab].navButtonActive_b003de):after {
transform: translateX(calc(200% - var(--nav-container-padding) / 2));
}
.drawerSizingWrapper_e20f1f .navList__5c9f4 .navItem__38e35, .drawerSizingWrapper_e20f1f .navList__8438b .navItem__38e35 {
flex-grow: 1;
flex-basis: 0;
margin: 0;
padding: 0;
line-height: var(--nav-button-height);
background-color: transparent !important;
color: var(--text-muted);
}
.drawerSizingWrapper_e20f1f .navList__5c9f4 .navItem__38e35:hover, .drawerSizingWrapper_e20f1f .navList__8438b .navItem__38e35:hover, .drawerSizingWrapper_e20f1f .navList__5c9f4 .navItem__38e35.navButtonActive__0c878, .drawerSizingWrapper_e20f1f .navList__8438b .navItem__38e35.navButtonActive__0c878, .drawerSizingWrapper_e20f1f .navList__5c9f4 .navItem__38e35.navButtonActive_b003de, .drawerSizingWrapper_e20f1f .navList__8438b .navItem__38e35.navButtonActive_b003de {
color: var(--text-normal);
}
body:active .drawerSizingWrapper_e20f1f:not(:active) {
opacity: 0;
transition: 150ms ease all;
}
.navButtonActive__0c878, .navButtonActive_b003de {
background: none;
}
#gif-picker-tab-panel,
#sticker-picker-tab-panel,
#emoji-picker-tab-panel {
animation: picker-panel calc(var(--default-time) * 2) var(--default-animation);
}
@keyframes picker-panel {
from {
opacity: 0;
}
}
/* EMOJI PICKER -> HEADER -> SEARCH BAR */
.container_ec5ce2 {
background-color: var(--input-color);
border-radius: 16px;
}
.container_ec5ce2 .inner__178b2 {
padding: 0;
}
.container_ec5ce2 .input__745d4 {
height: 32px;
margin: 0;
padding: 0 12px;
}
/* EMOJI PICKER -> EMOJIS */
.wrapper__81567 {
background-color: var(--popout-color);
}
.wrapper__81567 .banner_f818f0 {
border-radius: var(--card-radius-big);
}
.wrapper__91b2c {
background-color: var(--emoji-category-header);
}
.wrapper__91b2c .headerLabel_febbb2 {
font-size: 14px;
text-transform: none;
}
.emojiItem_de65fd {
border-radius: 8px;
transition: var(--default-time) var(--default-animation) background-color;
}
.emojiItem_de65fd.emojiItemSelected__023be {
background-color: var(--menu-item-select);
}
.emojiItem_de65fd.emojiItemDisabled__843ea {
filter: none;
}
.emojiItem_de65fd.emojiItemDisabled__843ea .image__43623 {
filter: brightness(60%) grayscale(100%);
}
.newlyAddedHighlight__42344 {
border-radius: 8px 8px 8px 0;
border-color: hsl(var(--accent-hsl--material-you)) !important;
overflow: hidden;
}
.newlyAddedHighlight__42344.oneItem_a99cf3 {
border-radius: 8px 8px 0 0;
}
.newlyAddedHighlight__42344 .emojiItem_de65fd {
border-radius: 0;
}
.newlyAddedBadge__25dcf {
background-color: hsl(var(--accent-hsl--material-you)) !important;
border-radius: 0 0 8px 8px;
color: var(--accent-text-color--material-you);
}
.newlyAddedBadge__25dcf .newlyAddedBadgeStar__02934 {
color: inherit;
}
.newlyAddedBadge__25dcf div {
color: inherit !important;
text-transform: capitalize;
}
.upsell__780f6 {
height: auto;
margin-bottom: 2px;
background-color: var(--card-color-outlined);
border: 1px solid var(--card-border-color);
padding: 8px;
border-radius: var(--card-radius-big);
}
.inspector__80c84 {
background-color: var(--popout-color);
border-top: 1px solid var(--card-border-color);
}
.inspector__80c84 .guildIcon_ed1ab4 {
border-radius: 50%;
}
.badgeLabel__9518c {
border-radius: 13px;
text-transform: none;
}
.badgeLabel__9518c.newlyAddedBadge__8c824 {
background: hsl(var(--accent-hsl--material-you));
color: var(--accent-text-color--material-you);
}
.badgeLabel__9518c.newlyAddedBadge__8c824 .newlyAddedBadgeIcon__10f49 {
color: inherit;
}
.badgeLabel__9518c.newlyAddedBadge__8c824 div {
color: inherit !important;
}
/* EMOJI PICKER -> CATEGORIES */
.categoryList_eac4ac {
top: 64px;
border-radius: 0 0 0 var(--popout-radius-big);
}
.categoryList_eac4ac .scroller_ac6d1c::-webkit-scrollbar {
width: 0px !important;
}
.categoryList_eac4ac .unicodeShortcut__01a83 {
height: 47px;
background-color: var(--popout-color);
border-top: 1px solid var(--card-border-color);
}
.emojiPickerHasTabWrapper__63198 .wrapper__45980 {
top: 50px;
}
.container-3a5mk- .wrapper__45980 {
top: 66px;
}
.wrapper__45980 {
background-color: var(--attachment-color);
}
.wrapper__45980 .categoryItem__4a642,
.wrapper__45980 .stickerCategory__12120 {
border-radius: 50%;
}
.wrapper__45980 .categoryItem__4a642:hover,
.wrapper__45980 .stickerCategory__12120:hover {
background-color: var(--menu-item-hover);
}
.wrapper__45980 .categoryItem__4a642.categoryItemRecentEmoji__9a354 path, .wrapper__45980 .categoryItem__4a642.stickerCategoryGeneric_ac28b6 path,
.wrapper__45980 .stickerCategory__12120.categoryItemRecentEmoji__9a354 path,
.wrapper__45980 .stickerCategory__12120.stickerCategoryGeneric_ac28b6 path {
d: path("M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z");
}
.nav_b56420 + .wrapper__0757b .wrapper__45980, .nav__2aafa + .wrapper__0757b .wrapper__45980 {
margin-top: -1px;
}
.nav_b56420 + .wrapper_c76288 .wrapper__45980, .nav__2aafa + .wrapper_c76288 .wrapper__45980 {
margin-top: -1px;
}
.emojiPicker__5e2e2 + .categoryList_eac4ac .scroller_ac6d1c::-webkit-scrollbar {
width: 0px !important;
}
.input__745d4::-webkit-input-placeholder {
font-family: var(--app-font);
}
/* EMOJI PICKER -> GIFS */
.container__1e477 {
background-color: transparent !important;
}
.searchBar_ca009d {
padding: 0 6px 0 0 !important;
--input-height: 32px;
}
.searchBar_ca009d .input__48d49 {
padding: 0 12px !important;
}
.result_e1fc74 {
border-radius: var(--media-radius);
}
.result_e1fc74:after,
.result_e1fc74 .gif__2aa16,
.result_e1fc74 .categoryFade_ed9ec1,
.result_e1fc74 .categoryFadeBlurple_ffb0c5 {
border-radius: inherit;
}
.result_e1fc74 .categoryFadeBlurple_ffb0c5 {
background-color: hsl(var(--accent-hsl), 0.8) !important;
}
.result_e1fc74:hover {
box-shadow: var(--shadow-2dp) !important;
}
.result_e1fc74:hover:after {
box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl--material-you)), inset 0 0 1px 3px #2f3136 !important;
}
.emptyHints__23a59 {
margin: 0;
gap: 16px;
}
.emptyHintCard_cac1d9 {
margin: 0;
background-color: var(--card-color-filled) !important;
border: none !important;
padding: 24px;
border-radius: var(--card-radius-big) !important;
}
/* EMOJI PICKER -> STICKERS */
.categoryList_a35b58 .scroller_ac6d1c::-webkit-scrollbar {
width: 0px !important;
}
.row_b3c4f2 {
column-gap: 6px !important;
}
.createSticker__59b5f {
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big);
transition: var(--default-time) var(--default-animation) background-color;
}
.createSticker__59b5f.createInspected_e93230 {
background-color: var(--card-color-active);
}
.iconWrapper_b4aa1f, .iconWrapper_a7baec {
background-image: none;
background-color: hsl(var(--accent-hsl--material-you));
color: var(--accent-text-color--material-you);
}
.stickerInspected__29120 .inspectedIndicator__0c5e3 {
background-color: var(--card-color-active);
}
/* EMOJI PICKER -> BURST REACTIONS */
.picker-Jz0w5j {
padding: 4px;
border-radius: var(--popout-radius-big);
}
.picker-Jz0w5j .header-2jK3d7 {
height: unset;
padding: 8px 16px;
background-color: var(--popout-color);
border-top-left-radius: calc(var(--popout-radius-big) / 1.25);
border-top-right-radius: calc(var(--popout-radius-big) / 1.25);
border-bottom: 1px solid var(--card-border-color);
}
.picker-Jz0w5j .header-2jK3d7 .divider-1F5TiM {
display: none;
}
.picker-Jz0w5j .badge-zjd8-t {
background-color: hsl(var(--accent-hsl--material-you)) !important;
color: var(--accent-text-color--material-you);
}
.picker-Jz0w5j .emojiPicker__5e2e2 {
border-radius: 0 0 calc(var(--popout-radius-big) / 1.25) calc(var(--popout-radius-big) / 1.25);
box-shadow: none;
}
/* EMOJI PICKER -> SUPER REACT */
.label__8e100 {
background-color: var(--card-color-filled);
transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color;
}
.label__8e100.labelChecked__70313 {
background-color: hsl(var(--accent-hsl--material-you));
color: var(--accent-text-color--material-you);
}
.label__8e100 svg path {
fill: currentColor;
}
.wrapper__81567 {
border-radius: var(--popout-radius-big);
overflow: hidden;
}
.wrapper__81567 .closeButton_a66be3 {
display: flex;
width: 28px;
height: 28px;
background-color: var(--card-button-color-hover);
border-radius: 50%;
align-items: center;
justify-content: center;
}
.wrapper__81567 .closeButton_a66be3 svg {
width: 18px;
height: 18px;
}
.content__4a158 {
height: 100%;
padding: 24px calc(24px - var(--scrollbar-width)) 24px 24px;
overflow-y: scroll;
gap: 16px;
}
.content__4a158 .contentFill_bb9f67 {
margin: 0;
border-radius: var(--card-radius-big);
}
.content__4a158 .contentContainer__17dd7 {
padding: 0;
}
.content__4a158 .contentContainer__17dd7 .heading-xl-bold__21f22 {
font-weight: 400;
}
.content__4a158 .gradientUpsellWrapper_fee8d5 {
border-radius: var(--card-radius-big);
}
/*
*
* EMOJI PICKER ICONS
*
*/
.categoryList_eac4ac .unicodeShortcut__01a83 path {
d: path("M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z");
}
.categoryList_eac4ac .categoryItem__4a642 {
/* EMOJI PICKER ICONS -> PEOPLE */
/* EMOJI PICKER ICONS -> NATURE */
/* EMOJI PICKER ICONS -> FOOD */
/* EMOJI PICKER ICONS -> ACTIVITIES */
/* EMOJI PICKER ICONS -> TRAVEL */
/* EMOJI PICKER ICONS -> OBJECTS */
/* EMOJI PICKER ICONS -> SYMBOLS */
/* EMOJI PICKER ICONS -> FLAGS */
}
.categoryList_eac4ac .categoryItem__4a642 path[d="M12 2C6.477 2 2 6.477 2 12C2 17.522 6.477 22 12 22C17.523 22 22 17.522 22 12C22 6.477 17.522 2 12 2ZM16.293 6.293L17.707 7.706L16.414 9L17.707 10.293L16.293 11.706L13.586 9L16.293 6.293ZM6.293 7.707L7.707 6.294L10.414 9L7.707 11.707L6.293 10.294L7.586 9L6.293 7.707ZM12 19C9.609 19 7.412 17.868 6 16.043L7.559 14.486C8.555 15.92 10.196 16.831 12 16.831C13.809 16.831 15.447 15.92 16.443 14.481L18 16.04C16.59 17.867 14.396 19 12 19Z"] {
d: path("M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z");
}
.categoryList_eac4ac .categoryItem__4a642 path[d="M6.814 8.982C4.539 11.674 4.656 15.591 6.931 18.153L4.034 21.579L5.561 22.87L8.463 19.437C9.569 20.127 10.846 20.513 12.161 20.513C14.231 20.513 16.183 19.607 17.516 18.027C20.069 15.01 20.771 6.945 21 3C17.765 3.876 9.032 6.356 6.814 8.982V8.982ZM8.935 17.331C6.826 15.548 6.56 12.382 8.342 10.272C9.592 8.793 14.904 6.845 18.764 5.698L8.935 17.331V17.331Z"] {
d: path("M8.66 13.07c.15 0 .29-.01.43-.03C9.56 14.19 10.69 15 12 15s2.44-.81 2.91-1.96c.14.02.29.03.43.03 1.73 0 3.14-1.41 3.14-3.14 0-.71-.25-1.39-.67-1.93.43-.54.67-1.22.67-1.93 0-1.73-1.41-3.14-3.14-3.14-.15 0-.29.01-.43.03C14.44 1.81 13.31 1 12 1s-2.44.81-2.91 1.96c-.14-.02-.29-.03-.43-.03-1.73 0-3.14 1.41-3.14 3.14 0 .71.25 1.39.67 1.93-.43.54-.68 1.22-.68 1.93 0 1.73 1.41 3.14 3.15 3.14zM12 13c-.62 0-1.12-.49-1.14-1.1l.12-1.09c.32.12.66.19 1.02.19s.71-.07 1.03-.19l.11 1.09c-.02.61-.52 1.1-1.14 1.1zm3.34-1.93c-.24 0-.46-.07-.64-.2l-.81-.57c.55-.45.94-1.09 1.06-1.83l.88.42c.4.19.66.59.66 1.03 0 .64-.52 1.15-1.15 1.15zm-.65-5.94c.2-.13.42-.2.65-.2.63 0 1.14.51 1.14 1.14 0 .44-.25.83-.66 1.03l-.88.42c-.12-.74-.51-1.38-1.07-1.83l.82-.56zM12 3c.62 0 1.12.49 1.14 1.1l-.11 1.09C12.71 5.07 12.36 5 12 5s-.7.07-1.02.19l-.12-1.09c.02-.61.52-1.1 1.14-1.1zM8.66 4.93c.24 0 .46.07.64.2l.81.56c-.55.45-.94 1.09-1.06 1.83l-.88-.42c-.4-.2-.66-.59-.66-1.03 0-.63.52-1.14 1.15-1.14zM8.17 8.9l.88-.42c.12.74.51 1.38 1.07 1.83l-.81.55c-.2.13-.42.2-.65.2-.63 0-1.14-.51-1.14-1.14-.01-.43.25-.82.65-1.02zM12 22c4.97 0 9-4.03 9-9-4.97 0-9 4.03-9 9zm2.44-2.44c.71-1.9 2.22-3.42 4.12-4.12-.71 1.9-2.22 3.41-4.12 4.12zM3 13c0 4.97 4.03 9 9 9 0-4.97-4.03-9-9-9zm2.44 2.44c1.9.71 3.42 2.22 4.12 4.12-1.9-.71-3.41-2.22-4.12-4.12z");
}
.categoryList_eac4ac .categoryItem__4a642 path[d="M11 18H13V22H11V18Z"] {
d: path("M12 6c1.11 0 2-.9 2-2 0-.38-.1-.73-.29-1.03L12 0l-1.71 2.97c-.19.3-.29.65-.29 1.03 0 1.1.9 2 2 2zm6 3h-5V7h-2v2H6c-1.66 0-3 1.34-3 3v9c0 .55.45 1 1 1h16c.55 0 1-.45 1-1v-9c0-1.66-1.34-3-3-3zm1 11H5v-3c.9-.01 1.76-.37 2.4-1.01l1.09-1.07 1.07 1.07c1.31 1.31 3.59 1.3 4.89 0l1.08-1.07 1.07 1.07c.64.64 1.5 1 2.4 1.01v3zm0-4.5c-.51-.01-.99-.2-1.35-.57l-2.13-2.13-2.14 2.13c-.74.74-2.03.74-2.77 0L8.48 12.8l-2.14 2.13c-.35.36-.83.56-1.34.57V12c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v3.5z");
}
.categoryList_eac4ac .categoryItem__4a642 path[d="M11 18H13V22H11V18Z"] ~ path {
display: none;
}
.categoryList_eac4ac .categoryItem__4a642 path[d="M5.66487 5H18.3351C19.9078 5 21.2136 6.21463 21.3272 7.78329L21.9931 16.9774C22.0684 18.0165 21.287 18.9198 20.248 18.9951C20.2026 18.9984 20.1572 19 20.1117 19C18.919 19 17.8785 18.1904 17.5855 17.0342L17.0698 15H6.93015L6.41449 17.0342C6.12142 18.1904 5.08094 19 3.88826 19C2.84645 19 2.00189 18.1554 2.00189 17.1136C2.00189 17.0682 2.00354 17.0227 2.00682 16.9774L2.67271 7.78329C2.78632 6.21463 4.0921 5 5.66487 5ZM14.5 10C15.3284 10 16 9.32843 16 8.5C16 7.67157 15.3284 7 14.5 7C13.6716 7 13 7.67157 13 8.5C13 9.32843 13.6716 10 14.5 10ZM18.5 13C19.3284 13 20 12.3284 20 11.5C20 10.6716 19.3284 10 18.5 10C17.6716 10 17 10.6716 17 11.5C17 12.3284 17.6716 13 18.5 13ZM6.00001 9H4.00001V11H6.00001V13H8.00001V11H10V9H8.00001V7H6.00001V9Z"] {
d: path("M21 6H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-10 7H8v3H6v-3H3v-2h3V8h2v3h3v2zm4.5 2c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm4-3c-.83 0-1.5-.67-1.5-1.5S18.67 9 19.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z");
}
.categoryList_eac4ac .categoryItem__4a642 path[d="M22 17H19.725C19.892 16.529 20 16.029 20 15.5C20 13.015 17.985 11 15.5 11H13.5L12.276 8.553C12.107 8.214 11.761 8 11.382 8H7C6.448 8 6 8.447 6 9V11.051C3.753 11.302 2 13.186 2 15.5C2 17.986 4.015 20 6.5 20H15.5C16.563 20 17.527 19.616 18.297 19H22V17ZM6.5 16.75C5.81 16.75 5.25 16.19 5.25 15.5C5.25 14.81 5.81 14.25 6.5 14.25C7.19 14.25 7.75 14.81 7.75 15.5C7.75 16.19 7.19 16.75 6.5 16.75ZM11.5 16.75C10.81 16.75 10.25 16.19 10.25 15.5C10.25 14.81 10.81 14.25 11.5 14.25C12.19 14.25 12.75 14.81 12.75 15.5C12.75 16.19 12.19 16.75 11.5 16.75ZM16.5 16.75C15.81 16.75 15.25 16.19 15.25 15.5C15.25 14.81 15.81 14.25 16.5 14.25C17.19 14.25 17.75 14.81 17.75 15.5C17.75 16.19 17.19 16.75 16.5 16.75Z"] {
d: path("M12 4H5C3.34 4 2 5.34 2 7v8c0 1.66 1.34 3 3 3l-1 1v1h1l2-2h2v-5H4V6h9v2h2V7c0-1.66-1.34-3-3-3zM5 14c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm15.57-4.34c-.14-.4-.52-.66-.97-.66h-7.19c-.46 0-.83.26-.98.66l-1.42 4.11v5.51c0 .38.31.72.69.72h.62c.38 0 .68-.38.68-.76V18h8v1.24c0 .38.31.76.69.76h.61c.38 0 .69-.34.69-.72l.01-1.37v-4.14l-1.43-4.11zm-8.16.34h7.19l1.03 3h-9.25l1.03-3zM12 16c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm8 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z");
}
.categoryList_eac4ac .categoryItem__4a642 path[d="M18 5.999H17V4.999C17 4.448 16.553 3.999 16 3.999H4C3.447 3.999 3 4.448 3 4.999V12.999C3 14.488 3.47 15.865 4.265 16.999H15.722C16.335 16.122 16.761 15.105 16.92 13.999H18C20.205 13.999 22 12.205 22 9.999C22 7.794 20.205 5.999 18 5.999V5.999ZM18 12H17V8H18C19.104 8 20 8.897 20 10C20 11.102 19.104 12 18 12Z"] {
d: path("M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5v6z");
}
.categoryList_eac4ac .categoryItem__4a642 path[d="M18 5.999H17V4.999C17 4.448 16.553 3.999 16 3.999H4C3.447 3.999 3 4.448 3 4.999V12.999C3 14.488 3.47 15.865 4.265 16.999H15.722C16.335 16.122 16.761 15.105 16.92 13.999H18C20.205 13.999 22 12.205 22 9.999C22 7.794 20.205 5.999 18 5.999V5.999ZM18 12H17V8H18C19.104 8 20 8.897 20 10C20 11.102 19.104 12 18 12Z"] ~ path {
display: none;
}
.categoryList_eac4ac .categoryItem__4a642 path[d="M16 4.001C14.406 4.001 12.93 4.838 12 6.081C11.07 4.838 9.594 4.001 8 4.001C5.243 4.001 3 6.244 3 9.001C3 14.492 11.124 19.633 11.471 19.849C11.633 19.95 11.817 20.001 12 20.001C12.183 20.001 12.367 19.95 12.529 19.849C12.876 19.633 21 14.492 21 9.001C21 6.244 18.757 4.001 16 4.001V4.001Z"] {
d: path("M12.1,18.55L12,18.65L11.89,18.55C7.14,14.24 4,11.39 4,8.5C4,6.5 5.5,5 7.5,5C9.04,5 10.54,6 11.07,7.36H12.93C13.46,6 14.96,5 16.5,5C18.5,5 20,6.5 20,8.5C20,11.39 16.86,14.24 12.1,18.55M16.5,3C14.76,3 13.09,3.81 12,5.08C10.91,3.81 9.24,3 7.5,3C4.42,3 2,5.41 2,8.5C2,12.27 5.4,15.36 10.55,20.03L12,21.35L13.45,20.03C18.6,15.36 22,12.27 22,8.5C22,5.41 19.58,3 16.5,3Z");
}
.categoryList_eac4ac .categoryItem__4a642 path[d="M20 6.002H14V3.002C14 2.45 13.553 2.002 13 2.002H4C3.447 2.002 3 2.45 3 3.002V22.002H5V14.002H10.586L8.293 16.295C8.007 16.581 7.922 17.011 8.076 17.385C8.23 17.759 8.596 18.002 9 18.002H20C20.553 18.002 21 17.554 21 17.002V7.002C21 6.45 20.553 6.002 20 6.002Z"] {
d: path("M14 6l-1-2H5v17h2v-7h5l1 2h7V6h-6zm4 8h-4l-1-2H7V6h5l1 2h5v6z");
}
/*
*
* GUILD POPOUT
*
*/
.guildPopout-G6M0fK {
background-color: var(--popout-color) !important;
border-radius: var(--popout-radius-big) !important;
box-shadow: var(--shadow-3dp) !important;
}
.guildPopout-G6M0fK .iconWithSplash-1V9gXL foreignObject {
mask: none !important;
}
.guildPopout-G6M0fK .iconMask-1lJhcS {
background-color: var(--popout-color);
}
.guildPopout-G6M0fK .iconMask-1lJhcS,
.guildPopout-G6M0fK .avatar-2slV0S {
border-radius: var(--avatar-radius);
}
.footer-3YL3ds {
background-color: transparent;
border-top: 1px solid var(--popout-header-border);
}
.footer-3YL3ds .emojiHeader-19AA-h {
font-size: 14px;
text-transform: none;
}
.footer-3YL3ds .emojiCounter-tx3ftR {
background-color: var(--popout-color-alt);
}
.container__6a8f8 {
background-color: var(--popout-color);
border-radius: var(--popout-radius-big);
box-shadow: var(--shadow-3dp);
}
/*
*
* INCOMING CALL
*
*/
.root__46d4f {
background-color: var(--popout-color) !important;
border-radius: var(--popout-radius-big) !important;
box-shadow: var(--shadow-3dp) !important;
}
.root__46d4f .colorable__4f530 {
border-radius: 50% !important;
}
.root__46d4f .colorable__4f530.red__45e65 {
--button-background: hsl(var(--alert-hsl));
--button-text-color: var(--alert-text-color);
}
.root__46d4f .colorable__4f530.green_a14a3a {
--button-background: hsl(var(--button-link-accent-color),0.15);
--button-text-color: var(--button-link-accent-text-color);
}
.root__46d4f .colorable__4f530.green_a14a3a .centerIcon_e3df23 path {
d: path("M20 15.45c-1.25 0-2.45-.2-3.57-.57-.1-.03-.21-.05-.31-.05-.26 0-.51.1-.71.29l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1C8.7 6.4 8.5 5.2 8.5 3.95c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1zM5.03 4.95h1.5c.07.88.22 1.75.45 2.58l-1.2 1.21c-.4-1.21-.66-2.47-.75-3.79zM19 18.92c-1.32-.09-2.6-.35-3.8-.76l1.2-1.2c.85.24 1.72.39 2.6.45v1.51zM18 5.95v-3h-2v3h-3v2h3v3h2v-3h3v-2z");
}
/*
*
* LIST POPOUT
*
*/
.container_cff83e {
padding: 0;
background-color: var(--popout-color);
border-radius: var(--popout-radius);
border: none;
box-shadow: var(--shadow-3dp);
animation: top-pop-out 400ms var(--default-animation);
}
.container_cff83e .container__33507 {
margin: 12px 8px;
}
.container_cff83e .list__9970c {
margin-top: 0;
border-top: 1px solid var(--card-border-color);
}
.container_cff83e .list__9970c .content-2a4AW9 {
height: auto !important;
}
.container_cff83e .list__9970c .item__287de {
margin-bottom: 0;
border-radius: 0;
color: var(--menu-item-text-color);
transition: var(--default-time) var(--default-animation) background-color;
}
.container_cff83e .list__9970c .item__287de:hover {
background-color: var(--menu-item-hover);
}
.container_cff83e .list__9970c .item__287de.selected-22ukbQ, .container_cff83e .list__9970c .item__287de.selectedBrand_a3ae47 {
background-color: var(--menu-item-select);
}
body:active .container_cff83e:not(:active) {
opacity: 0;
transition: 150ms ease all;
}
/*
*
* LISTENING ALONG CHANNEL POPOUT
*
*/
.container__56cd1 {
background-color: var(--popout-color);
border-radius: var(--popout-radius-big);
box-shadow: var(--shadow-3dp);
}
.container__56cd1 .headerText_c0138d {
font-size: 14px;
text-transform: none;
font-weight: 500;
}
.container__56cd1 .container__03b79 {
background-color: var(--card-button-color);
}
.container__56cd1 .assetsLargeImage__17233 {
border-radius: 50%;
}
/*
*
* MESSAGES POPOUT
*
*/
.messagesPopoutWrap__10dd1,
.recentMentionsPopout__40c54 {
max-height: 80vh !important;
background-color: var(--popout-color);
border-radius: var(--popout-radius-big);
box-shadow: var(--shadow-3dp);
animation: top-pop-out 400ms var(--default-animation);
}
.messagesPopoutWrap__10dd1 .wrapper_a62503.cozy_f5c119,
.recentMentionsPopout__40c54 .wrapper_a62503.cozy_f5c119 {
overflow: visible;
}
.messagesPopoutWrap__10dd1 .wrapper_a62503.cozy_f5c119:before, .messagesPopoutWrap__10dd1 .wrapper_a62503.cozy_f5c119:after,
.recentMentionsPopout__40c54 .wrapper_a62503.cozy_f5c119:before,
.recentMentionsPopout__40c54 .wrapper_a62503.cozy_f5c119:after {
display: none;
}
.messagesPopoutWrap__10dd1 .wrapper_a62503.cozy_f5c119 .avatar__08316,
.recentMentionsPopout__40c54 .wrapper_a62503.cozy_f5c119 .avatar__08316 {
left: -50px;
}
.messagesPopoutWrap__10dd1 .wrapper_a62503.cozy_f5c119 .container__62863,
.recentMentionsPopout__40c54 .wrapper_a62503.cozy_f5c119 .container__62863 {
overflow: hidden;
}
body:active .messagesPopoutWrap__10dd1:not(:active),
body:active .recentMentionsPopout__40c54:not(:active) {
opacity: 0;
transition: 150ms ease all;
}
.header__21b33 {
height: auto;
min-height: unset;
padding: 24px 24px 0;
background-color: transparent;
box-shadow: none;
}
.header__21b33 .heading-md-medium__2dff4,
.header__21b33 .text-lg-semibold__84aef {
line-height: 24px;
font-size: 20px;
font-weight: 400;
color: var(--header-primary);
}
.header__21b33 .heading-md-medium__2dff4 {
margin-bottom: 16px;
}
.header__21b33 .expandedInboxHeader_b02d0c {
padding-bottom: 0;
}
.header__21b33 .expandedTabSection__0f8b1 {
height: 48px;
}
.header__21b33 .topPill__63ad4 {
height: 48px;
}
.header__21b33 .friendRequestsButton__77e10,
.header__21b33 .button__292b6:not(.disabled__4d064) {
background-color: var(--card-button-color);
transition: var(--default-time) var(--default-animation) background-color;
}
.header__21b33 .friendRequestsButton__77e10:hover,
.header__21b33 .button__292b6:not(.disabled__4d064):hover {
background-color: var(--card-button-color-hover);
}
.container_cdf5a8 {
background-color: transparent;
}
.row_e9c6f6 {
transition: var(--default-time) var(--default-animation) background-color;
}
.row_e9c6f6:hover {
background-color: var(--menu-item-hover);
}
/* MESSAGES POPOUT -> FRIEND REQUEST ROW */
.friendRequestContainer__6e213 .button__581d0 {
padding: var(--button-padding);
}
.friendRequestContainer__6e213 .button__581d0 .text-sm-medium_bc6ffc, .friendRequestContainer__6e213 .button__581d0 .text-sm-medium__726be {
line-height: var(--button-height);
}
.friendRequestContainer__6e213 .colorGreen__75c93 {
margin-right: 8px;
}
.friendRequestContainer__6e213 .colorGreen__75c93 .text-sm-medium_bc6ffc, .friendRequestContainer__6e213 .colorGreen__75c93 .text-sm-medium__726be {
color: var(--button-text-color) !important;
}
.friendRequestContainer__6e213 .colorPrimary_ebe632 {
--button-padding: 0 12px;
--button-background: transparent !important;
--button-text-color: var(--button-link-accent-text-color) !important;
--accent-button-action-hover: 0.14;
--accent-button-action-active: 0.21;
}
.friendRequestContainer__6e213 .colorPrimary_ebe632:after {
background-color: hsl(var(--button-link-accent-color));
}
.friendRequestContainer__6e213 .colorPrimary_ebe632 .text-sm-medium_bc6ffc, .friendRequestContainer__6e213 .colorPrimary_ebe632 .text-sm-medium__726be {
font-size: 1em;
color: var(--button-text-color) !important;
}
/* MESSAGES POPOUT -> INNER */
.messagesPopout__28784 {
padding: 0 calc(24px - var(--scrollbar-thin-width)) 24px 24px !important;
}
.messagesPopout__28784 .messageGroupWrapper__1fce2 {
margin: 0 0 16px;
background-color: transparent;
border: none;
}
.messagesPopout__28784 .messageGroupWrapper__1fce2:last-of-type {
margin-bottom: 0;
}
.messagesPopout__28784 .messageGroupWrapper__1fce2 .wrapper_a62503 {
margin: 0 0 0 50px;
padding: var(--message-padding-top) var(--message-padding-side) !important;
background-color: var(--message-color-alt) !important;
border-radius: var(--message-radius);
}
.messagesPopout__28784 .messageGroupWrapper__1fce2 .actionButtons_eb040c {
top: 22px;
right: 12px;
}
.messagesPopout__28784 .messageGroupWrapper__1fce2 .actionButtons_eb040c .jumpButton__309d6 {
border-radius: 9px;
}
.footer__6b9ef {
background-color: transparent;
border-top: 1px solid var(--popout-header-border);
}
.channelHeader_ea0f89 {
padding: 12px 16px;
background-color: var(--message-color-alt);
border-radius: var(--message-radius) var(--message-radius) 0 0;
border-bottom: 1px solid var(--card-border-color);
}
.channelHeader_ea0f89 .button__292b6 {
background-color: var(--menu-item-hover);
}
.channelHeader_ea0f89 .button__292b6:hover {
background-color: var(--menu-item-select);
}
/* MESSAGES POPOUT -> RECENT MENTIONS */
.container__7c2c1 {
padding-left: 0;
padding-right: 0;
}
.container__7c2c1:first-child {
margin-top: 16px;
}
.container__7c2c1 .messageContainer_cb3d47 {
margin-left: 0;
background-color: var(--message-color-alt);
border-radius: 0 0 var(--message-radius) var(--message-radius);
}
.container__7c2c1 .messageContainer_cb3d47 .wrapper_a62503 {
--message-color: var(--message-color-hover);
}
.container__7c2c1 .messageContainer_cb3d47 .wrapper_a62503.cozy_f5c119 {
margin: 0 0 0 66px;
border-radius: var(--message-radius);
overflow: visible;
}
.header__58a85 {
border-bottom: 1px solid var(--popout-header-border);
}
.jumpButton_aab0bc {
top: 22px;
right: 22px;
padding: 4px 6px;
border-radius: 12px;
}
/* MESSAGES POPOUT -> UNREADS */
.tutorial__5bb77 {
background-color: var(--card-color-outlined);
border: 1px solid var(--card-border-color);
padding: 16px;
border-radius: var(--card-radius-big);
}
.channel__36a7e .channelHeader_ea0f89 {
padding: 12px 16px 12px 42px;
}
.channel__36a7e .channelHeader_ea0f89:only-child {
border-radius: var(--message-radius);
border-bottom: none;
}
.channel__36a7e .channelHeader_ea0f89 .collapseButton_f8165c {
left: 12px;
cursor: pointer;
}
.messages__1aaa1 {
padding: 16px;
background-color: var(--message-color-alt);
border-radius: 0 0 var(--message-radius) var(--message-radius);
}
.messages__1aaa1 .wrapper_a62503.cozy_f5c119 {
overflow: visible;
}
.messages__1aaa1 .wrapper_a62503.cozy_f5c119.groupStart__7b93c {
margin: 16px 0 0 48px;
}
.messages__1aaa1 .wrapper_a62503.cozy_f5c119:not(.groupStart__7b93c) {
margin: -8px 0 0 48px;
}
/*
*
* NITRO UPSELLS
*
*/
/* NITRO UPSELLS -> PROFILE THEMES */
.content-1rmYE- {
border-radius: var(--popout-radius-big);
box-shadow: var(--shadow-3dp);
}
.content-1rmYE- .button__581d0 {
--button-padding: 0 12px;
}
/*
*
* NOISE SUPPRESSION
*
*/
.noiseCancellationPopout__023ec {
background-color: var(--popout-color);
border-radius: var(--popout-radius-big);
box-shadow: var(--shadow-3dp);
}
.noiseCancellationPopout__023ec .micTestButton__4784d {
width: auto;
}
/*
*
* PARTY MODE POPOUT
*
*/
.content_fa040e {
background-color: var(--popout-color);
border-radius: var(--popout-radius-big);
box-shadow: var(--shadow-3dp);
}
.content_fa040e .pointer_c1f6ac {
border-top-color: var(--popout-color);
}
/*
*
* PICTURE IN PICTURE
*
*/
.pictureInPictureVideo__31ff0 {
background-color: var(--popout-color);
border-radius: var(--popout-radius-big);
box-shadow: var(--shadow-3dp);
}
/*
*
* REGION SELECT POPOUT
*
*/
.regionSelectPopout_a270cb {
padding: 8px 0;
background-color: var(--popout-color) !important;
border-radius: var(--popout-radius);
box-shadow: var(--shadow-3dp);
}
.regionSelectPopout_a270cb .quickSelectPopoutOption_b852b1 {
position: relative;
padding: 9px 12px;
transition: var(--default-time) ease background-color;
}
.regionSelectPopout_a270cb .quickSelectPopoutOption_b852b1:hover {
background-color: var(--menu-item-hover) !important;
}
.regionSelectPopout_a270cb .quickSelectPopoutOption_b852b1 .regionSelectName_e97b48 {
margin: 0;
font-size: 14px;
text-align: left;
color: var(--menu-item-text-color) !important;
}
/*
*
* ROLE PREVIEW POPOUT
*
*/
.container-3ssFyj {
background-color: var(--popout-color);
border-radius: var(--popout-radius-big);
box-shadow: var(--shadow-3dp);
}
/*
*
* SEARCH POPOUT
*
*/
.container__84c26 {
max-height: 80vh;
background-color: var(--popout-color) !important;
border-radius: var(--popout-radius-big) !important;
box-shadow: var(--shadow-3dp) !important;
overflow-y: auto;
transform: translate(0, -4px);
animation: top-pop-out 400ms var(--default-animation);
}
.container__84c26 .resultsGroup_b221b0:before {
display: none;
}
.container__84c26 .resultsGroup_b221b0 .searchLearnMore__17e18 a,
.container__84c26 .resultsGroup_b221b0 .searchClearHistory__7fe75 {
color: var(--text-normal);
}
.container__84c26 .header__00739 {
color: var(--text-normal);
font-size: 14px;
text-transform: none;
}
.container__84c26 .option__91497 {
margin: 0;
padding: 0 16px;
border-radius: 0;
text-overflow: ellipsis;
overflow: hidden;
}
.container__84c26 .option__91497:after {
background: linear-gradient(90deg, transparent, var(--popout-color) 80%);
}
.container__84c26 .option__91497:hover:after {
background: linear-gradient(90deg, transparent, var(--menu-item-hover) 50%);
}
.container__84c26 [aria-selected=true].option__91497 {
background: var(--menu-item-select) !important;
}
.container__84c26 [aria-selected=true].option__91497:after {
width: 70px;
background: linear-gradient(90deg, transparent, var(--menu-item-select) 50%);
}
.container__84c26 .option__91497 .filter__851fb {
color: var(--text-normal);
}
.container__84c26 .option__91497 .answer__9ff92 {
color: var(--text-muted);
}
.container__84c26 .queryContainer_c1cb2f {
border-bottom-color: var(--popout-header-border) !important;
}
.container__84c26 .queryContainer_c1cb2f.focused__68b93 {
background-color: transparent !important;
}
.container__84c26 .queryContainer_c1cb2f .queryText__92bb8 {
font-size: 14px;
text-transform: none;
}
.keybindShortcut-3zF1P9 {
height: 24px;
}
.keybindShortcut-3zF1P9 .key__6a8d9 {
background-color: var(--menu-item-hover) !important;
color: var(--text-normal);
}
.keybindShortcut-3zF1P9 .key__6a8d9 {
height: 100%;
padding: 0 6px;
line-height: 24px;
border-radius: 12px;
box-shadow: none !important;
border: none !important;
}
body:active .container__84c26:not(:active) {
opacity: 0;
transition: 150ms ease all;
}
/*
*
* SOUNDBOARD PICKER
*
*/
.picker__6dca7 {
background-color: var(--popout-color);
border-radius: var(--popout-radius-big);
box-shadow: var(--shadow-3dp);
}
.premiumPromo__9e1ca {
background-color: var(--popout-color);
border-radius: var(--popout-radius-big);
}
.header__93ab0 {
border-bottom: 1px solid var(--separator-color);
box-shadow: none;
}
.categoryList__2f64f {
top: 57px;
}
.categoryList__2f64f .scrollerBase_f742b2 {
--scrollbar-width: 0;
}
.soundButton__845c7 {
background-color: var(--card-button-color);
border-radius: 20px;
transition: var(--default-time) var(--default-animation) background-color;
}
.soundButton__845c7.hoverActiveBackground_b12fe7:hover {
background-color: var(--card-button-color-hover);
}
.soundButton__845c7 .buttonOverlayBackground__9265a {
background-color: var(--card-button-color);
}
.soundButton__845c7.soundAddButton__896b6:hover {
background-color: var(--card-button-color-hover);
}
.keybindHint__28b43 {
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big);
}
/*
*
* STATUS PICKER
*
*/
[style*="bottom: 68px; left: 88px"].layer__6b5c3 {
left: 80px !important;
}
.menu__13d0c {
--popout-color: transparent;
box-shadow: none;
animation: none;
}
.menu__13d0c .scrollerBase_f742b2 {
padding-right: 0 !important;
}
.menu__13d0c .scrollerBase_f742b2::-webkit-scrollbar {
--scrollbar-width: 0;
}
.menu__13d0c .separator__174fc {
width: calc(100% - 24px);
margin: 8px 12px !important;
border-color: var(--separator-color) !important;
}
.menu__13d0c .submenu_aed9ee .separator__174fc {
width: 100%;
margin: 8px 0 !important;
}
body:active .menu__13d0c:not(:active) {
opacity: 1;
}
.scroller__8f066 {
padding: 8px 0 !important;
}
.scroller__8f066::-webkit-scrollbar {
width: 0 !important;
}
.profileGroup-1yKk23 {
margin: -8px 0 0;
}
.profileGroup-1yKk23 .item__183e8 {
padding: 0;
}
.profileGroup-1yKk23 .userInfoTitle-39qq0Y {
font-size: 14px;
text-transform: none;
}
.statusItem__24445 {
padding: 0;
}
/* STATUS PICKER -> NEW */
/*
*
* STREAM PREVIEW
*
*/
.streamPreview__965fa {
background-color: var(--popout-color) !important;
border-radius: var(--popout-radius-big) !important;
box-shadow: var(--shadow-3dp) !important;
}
.streamPreview__965fa .previewContainer__1e0bb {
background-color: var(--popout-color-alt) !important;
border-radius: var(--popout-radius-big);
overflow: hidden;
}
.streamPreview__965fa .iconButton__46c6f {
--button-padding: 0;
}
/*
*
* SUMMARIES POPOUT
*
*/
.topicsDropdownBase_d24a28 {
top: calc(var(--button-height) + 16px);
left: 0;
right: 0;
margin: 0 auto;
background-color: var(--popout-color);
border-radius: var(--popout-radius-big);
box-shadow: var(--shadow-3dp);
border: none;
pointer-events: all;
overflow: hidden;
animation: top-pop-out 400ms var(--default-animation);
}
.topicsDropdownBase_d24a28 .scrollerBase_f742b2 {
padding-top: 0;
padding-right: calc(8px - var(--scrollbar-thin-width)) !important;
background-color: transparent;
}
.topicsDropdownHeading__6fa9b {
padding: 24px 24px 16px;
background-color: transparent;
}
.topicsDropdownHeading__6fa9b .topicsDropdownHeadingText_c7d4e8 {
padding-top: 0;
}
.topicsDropdownHeading__6fa9b .heading-md-bold__17daa {
line-height: 24px;
font-size: 20px;
font-weight: 400;
}
.summariesBetaTag_a5b15a {
margin-left: 8px;
background-color: hsl(var(--accent-hsl--material-you)) !important;
color: var(--accent-text-color--material-you);
}
.container_df5675 {
margin-top: 0;
padding-left: 16px;
padding-right: 12px;
border-radius: var(--card-radius-big);
transition: var(--default-time) var(--default-animation) background-color;
}
.container_df5675:hover {
background-color: var(--card-color-active);
}
.feedbackContainer__3c4a8 {
padding-left: 24px;
background-image: linear-gradient(90deg, transparent, var(--card-color-active) 40%);
border-radius: 0 var(--card-radius-big) var(--card-radius-big) 0;
animation: feedback-open var(--default-time) var(--default-animation);
}
.feedbackContainer__3c4a8 .thumbIcon__954fb {
background-color: var(--card-color-hover);
transition: var(--default-time) var(--default-animation) background-color;
}
.feedbackContainer__3c4a8 .thumbIcon__954fb:hover {
background-color: var(--card-color-filled);
}
@keyframes feedback-open {
from {
opacity: 0;
}
}
/*
*
* THREADS POPOUT
*
*/
.container_f93da8 {
min-height: 200px;
max-height: 80vh;
background-color: var(--popout-color);
border-radius: var(--popout-radius-big);
box-shadow: var(--shadow-3dp);
animation: top-pop-out 400ms var(--default-animation);
}
.container_f93da8 .header__6d44a {
min-height: unset;
height: auto;
padding: 24px 24px 16px;
background-color: transparent;
}
.container_f93da8 .header__6d44a .divider__622af {
display: none;
}
.container_f93da8 .header__6d44a .tabBar_e25e30 {
height: 100%;
}
.container_f93da8 .header__6d44a .searchBox__9423b {
--input-height: 32px;
}
.container_f93da8 .header__6d44a .createButton_f595af {
--button-height: 32px;
--button-padding: 0 12px;
min-width: 84px;
}
.container_f93da8 .controls-SB-N9h {
height: 52px;
}
.container_f93da8 .tabBar-3N44FC {
height: 100%;
}
.container_f93da8 .tabBar-3N44FC .item__48dda {
height: 24px;
border-radius: 12px;
}
.container_f93da8 .tabBar-3N44FC .item__48dda:after {
display: none;
}
.container_f93da8 .tabBar-3N44FC .item__48dda:hover {
background-color: var(--menu-item-hover) !important;
}
.container_f93da8 .tabBar-3N44FC .item__48dda.selected_a523ff {
background-color: var(--menu-item-select) !important;
}
.container_f93da8 .container__8f86b {
min-height: 200px;
padding: 16px;
}
.container_f93da8 .sectionHeader__0f7c3 {
margin-top: 0;
font-size: 14px;
text-transform: none;
}
.container_f93da8 .list__19127 {
padding: 0 24px;
}
.container_f93da8 .activeThreadsList-c8qlqZ {
padding-bottom: 16px;
}
.container_f93da8 .content-28mbXd {
height: auto !important;
}
.container_f93da8 .container__9922f {
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
transition: var(--default-time) var(--default-animation) background-color;
}
.container_f93da8 .container__9922f:hover {
background-color: var(--card-color-hover);
}
.container_f93da8 .container__9922f:last-of-type {
margin-bottom: 0;
}
body:active .container_f93da8:not(:active) {
opacity: 0;
transition: 150ms ease all;
}
/*
*
* THREADS CHANNEL POPOUT
*
*/
.popout__24e32 {
padding: 0;
background-color: var(--popout-color);
border-radius: var(--popout-radius-big);
box-shadow: var(--shadow-3dp);
}
.popout__24e32 .title_d9421c {
margin: 0 0 8px 0;
padding: 12px;
font-size: 14px;
text-transform: none;
border-bottom: 1px solid var(--popout-header-border);
}
.popout__24e32 .row__9e25f {
margin: 0;
border-radius: 0;
color: var(--menu-item-text-color);
transition: var(--default-time) var(--default-animation);
}
.popout__24e32 .row__9e25f:hover {
background-color: var(--menu-item-hover);
color: var(--menu-item-text-color);
}
.popout__24e32 .row__9e25f .timestamp__8f948 {
color: var(--text-muted) !important;
}
.popout__24e32 .more__14345 {
padding: 8px 12px;
border-top-color: var(--popout-header-border);
color: hsl(var(--accent-hsl--material-you));
}
.popout__24e32 .more__14345 .size14_b2af01 {
margin-left: auto;
}
/*
*
* USER POPOUT
*
*/
.profileColors_ac6ab4 {
--profile-gradient-primary-color: var(--popout-color);
--profile-gradient-secondary-color: var(--popout-color);
--profile-avatar-border-color: var(--popout-color);
--profile-body-background-color: var(--popout-color-alt);
--profile-gradient-button-color: hsl(var(--accent-hsl--material-you));
--profile-gradient-button-text-color: var(--accent-text-color--material-you);
}
.userProfileOuterThemed__1fbd7 {
--profile-gradient-button-color: hsl(var(--accent-hsl--material-you));
--profile-gradient-button-text-color: hsl(0,calc(var(--saturation-factor, 1)*0%),100%);
}
.userProfileOuterThemed__1fbd7 .banner__6d414, .userProfileOuterThemed__1fbd7 .banner_b7f1fb {
border-radius: calc(var(--popout-radius-big) - 4px);
}
.userProfileOuterThemed__1fbd7 .textarea__0461c,
.userProfileOuterThemed__1fbd7 .inputWrapper_ecb776 .input_f27786 {
--input-color: var(--profile-body-background-color) !important;
}
.userProfileOuterThemed__1fbd7 .lookFilled__950dd {
--button-background: var(--profile-gradient-button-color);
--button-text-color: var(--white-500);
--accent-button-action: var(--white-500);
}
.userProfileOuterThemed__1fbd7 .connectedAccounts__7a8e6 .connectedAccountContainer__5972d {
--card-color-filled: var(--profile-body-background-color);
}
.userProfileOuterThemed__1fbd7 .listRow__50619 {
--menu-item-hover: var(--profile-body-background-hover);
}
.userProfileOuterThemed__1fbd7 .markup_a7e664 a {
color: var(--profile-gradient-button-color);
}
.userProfileOuterThemed__1fbd7 .flowerStar_fa5ad8 path {
fill: var(--profile-gradient-button-color);
}
.userProfileOuterThemed__1fbd7 .childContainer__3a40c path {
fill: var(--white-500);
}
.userProfileOuter__4ac83 {
border-radius: var(--popout-radius-big);
}
.userProfileInner__61cc1 {
--input-color: var(--input-color-alt);
border-radius: calc(var(--popout-radius-big) - 4px);
}
.userProfileInner__61cc1:before {
border-radius: inherit;
}
.userProfileInner__61cc1 .wrapper__3ed10 circle {
fill: var(--profile-avatar-border-color);
}
.userProfileInner__61cc1 .inputWrapper_ecb776 {
border-bottom: none !important;
}
.userProfileInner__61cc1 .quickMessage-3jDbBs.inputWrapper_ecb776 {
margin-top: 0;
}
.userProfileInner__61cc1 .inputWrapper_ecb776:before, .userProfileInner__61cc1 .inputWrapper_ecb776:after {
display: none;
}
.userProfileInner__61cc1 .inputWrapper_ecb776 .input_f27786 {
padding: 0 12px;
background-color: var(--input-color);
border-radius: var(--input-radius);
}
.userProfileInner__61cc1 .inputWrapper_ecb776 .input_f27786::-webkit-input-placeholder {
font-family: var(--app-font);
color: var(--input-placeholder-color);
}
.userProfileInner__61cc1 .listScroller__18a19 {
padding: 8px 0;
}
.userProfileInner__61cc1 .listRow__50619 + div:empty {
height: 8px !important;
}
.scroller_f9a667 {
--scrollbar-width: 0;
padding-right: 12px !important;
}
.scroller_f9a667:hover {
--scrollbar-width: 6px;
padding-right: calc(12px - var(--scrollbar-width)) !important;
}
.scroller_f9a667 .section__62b44:first-of-type {
padding-top: 0;
}
.wrapper-C1y4Sz,
.bannerNitroUpsell__27b64,
.overlayBackground__2666e {
border-radius: calc(var(--popout-radius-big) - 4px);
}
.nameTag_fdddf8 .username__7d629,
.nameTag_fdddf8 .discriminator-hnHkyt {
font-size: 18px;
font-weight: 400;
}
.banner__6d414, .banner_b7f1fb {
border-radius: var(--popout-radius-big);
}
.profileBadges__1f2ab {
border-radius: 15px;
}
.userTagNoNickname__304eb span,
.nickname_db3773 {
font-size: 22px;
font-weight: 400;
}
.eyebrow_b3f8ba {
font-size: 14px;
text-transform: none;
}
.gameIcon_fc710a {
border-radius: 50%;
}
.assetsLargeImage__57902 {
border-radius: var(--card-radius-big);
}
.assetsLargeImage__57902.assetsLargeImageSpotify__3df69 {
border-radius: 50%;
}
.buttonColor__7bad9 {
--button-background: var(--profile-gradient-button-color);
--button-text-color: var(--profile-gradient-button-text-color);
}
.section__62b44 {
padding-top: 16px;
}
.usernameSection_dd6196 {
padding: 12px 12px 16px;
}
.customStatusSection_c9f9ba {
padding-top: 0;
padding-bottom: 16px;
}
.divider__126d2 {
display: none;
}
.inner__39f40 {
border-radius: var(--popout-radius-big);
}
.containerWrapper_b1818f {
padding: 4px;
border-radius: var(--popout-radius-big);
}
.container__233f0 {
background-color: var(--popout-color);
border-radius: calc(var(--popout-radius-big) - 4px);
}
/* USER POPOUT -> STATUS AREA */
.accountProfilePopoutWrapper_d4887f {
animation: bottom-pop-out 400ms var(--default-animation);
}
body:active .accountProfilePopoutWrapper_d4887f:not(:active) {
opacity: 0;
transition: 150ms ease all;
}
.menu-KSaHL1 {
background-color: transparent;
box-shadow: none;
animation: none;
}
.menu-KSaHL1 .scrollerBase_f742b2 {
padding-right: 0 !important;
}
.menu-KSaHL1 .scrollerBase_f742b2::-webkit-scrollbar {
--scrollbar-width: 0;
}
.menu-KSaHL1 .scrollerBase_f742b2 .separator__174fc {
width: calc(100% - 24px);
margin: 8px 12px;
}
.menu-KSaHL1 [id*=account-divider-].item__183e8 {
min-height: unset;
padding: 0;
}
.menu-KSaHL1 [id*=account-divider-].item__183e8 .divider-1tWBgZ {
margin: 8px 12px;
}
.menu-KSaHL1 .separator__174fc {
width: calc(100% - 24px);
margin: 8px 12px;
background-color: var(--separator-color);
}
.menu-KSaHL1 .submenu_aed9ee .separator__174fc {
width: 100%;
margin: 8px 0;
}
.connectionsContainer__67854 {
background-color: var(--popout-color);
border-radius: calc(var(--popout-radius-big) - 4px);
border: none;
}
.connectionsContainer__67854 .connections_ed453f {
transition: var(--default-time) var(--default-animation) background-color;
}
.connectionsContainer__67854 .connections_ed453f:hover {
background-color: var(--menu-item-hover);
}
body:active .menu-KSaHL1:not(:active) {
opacity: 1;
}
/* USER POPOUT -> ROLES */
.role_d81130, .role__110aa {
position: relative;
min-width: 28px;
height: 28px;
gap: 6px;
padding: 0 12px 0 6px;
background-color: transparent;
border-radius: 8px;
border: 1px solid var(--card-border-color);
}
.role_d81130 .roleCircle-1EgnFN, .role__110aa .roleCircle-1EgnFN, .role_d81130 .roleCircle__61ad8, .role__110aa .roleCircle__61ad8,
.role_d81130 .perm-circle,
.role__110aa .perm-circle {
width: 16px;
height: 16px;
margin: 0;
border-radius: 8px;
}
.role_d81130 .perm-circle, .role__110aa .perm-circle {
margin-right: 0 !important;
}
.role_d81130 .roleRemoveIcon_c3913a, .role__110aa .roleRemoveIcon_c3913a {
display: block;
width: 16px;
height: 16px;
top: 0;
left: 0;
margin: auto;
transition: var(--default-time) var(--default-animation) opacity, var(--default-time) var(--default-animation) transform;
opacity: 0;
cursor: pointer;
}
.role_d81130:hover .roleRemoveIcon_c3913a, .role__110aa:hover .roleRemoveIcon_c3913a {
opacity: 1;
}
.role_d81130 .roleName__851c9, .role__110aa .roleName__851c9,
.role_d81130 .roleIcon_aa2eb3,
.role__110aa .roleIcon_aa2eb3 {
margin-right: 0;
}
.role_d81130.addButton__6f12b, .role__110aa.addButton__6f12b {
padding: 0 6px;
background-color: transparent !important;
}
.role_d81130.addButton__6f12b .addButtonIcon__8ad56, .role__110aa.addButton__6f12b .addButtonIcon__8ad56 {
width: 18px;
height: 18px;
}
.roleFlowerStar_b2d3a1 {
display: flex;
width: 16px !important;
height: 16px !important;
margin: 0;
justify-content: center;
align-items: center;
}
.roleFlowerStar_b2d3a1 .linkIcon__8c0b3 {
margin: 0 !important;
}
/* USER POPOUT -> NOTE */
.note_ba0c31 {
margin: 0;
}
.userProfileInner__61cc1 .textarea__0461c {
padding: 6px 12px;
border-radius: var(--input-radius);
box-shadow: none !important;
font-size: 14px;
}
.userProfileInner__61cc1 .textarea__0461c:focus {
background-color: var(--input-color) !important;
}
.messageInputContainer_a93946 {
border: none;
}
.messageInputContainer_a93946 .input_f27786 {
box-shadow: none !important;
}
/*
*
* SERVER FOLDERS
*
*/
.expandedFolderBackground_b1385f {
--background-secondary: var(--server-folder-color) !important;
}
.folder__17546 {
--background-secondary: transparent !important;
}
.folder__17546.hover__043de {
--background-primary: var(--server-folder-color) !important;
}
[style*="background-color: rgba(88, 101, 242, 0.4)"].folderIconWrapper__11165 {
background-color: hsl(var(--accent-hsl), 0.4) !important;
}
.expandedFolderIconWrapper__324c1 svg[style*="color: rgb(88, 101, 242);"] {
color: hsl(var(--accent-hsl--material-you)) !important;
}
/*
*
* SERVER LIST
*
*/
.wrapper__216eb {
background-color: var(--server-color) !important;
}
.wrapper__216eb .scroller_de945b {
background-color: transparent;
}
.wrapper__216eb .tree__7a511:focus {
outline: none;
}
.wrapper__8436d .childWrapper_a6ce15 {
background-color: hsl(var(--accent-hsl--material-you));
border-radius: var(--avatar-radius);
color: var(--accent-text-color--material-you);
}
.wrapper__8436d.selected_ae80f7 .childWrapper_a6ce15 {
background-color: hsl(var(--accent-hsl--material-you)) !important;
color: var(--accent-text-color--material-you) !important;
}
.wrapper__8436d:hover .childWrapper_a6ce15 {
background-color: hsl(var(--accent-hsl--material-you)) !important;
color: var(--accent-text-color--material-you) !important;
}
.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");
}
.circleButtonMask-1_597P,
.circleIconButton__05cf2 {
border-radius: var(--avatar-radius) !important;
background-color: hsl(var(--accent-hsl--material-you));
color: var(--accent-text-color--material-you);
}
.circleButtonMask-1_597P.selected_aded59,
.circleIconButton__05cf2.selected_aded59 {
background-color: hsl(var(--accent-hsl--material-you)) !important;
color: var(--accent-text-color--material-you);
}
.childWrapper_a6ce15 rect {
rx: var(--avatar-radius);
}
.circleButtonMask-1_597P {
background-color: var(--menu-item-select) !important;
transition: var(--default-time) var(--default-animation) background-color;
}
.circleButtonMask-1_597P path {
transition: var(--default-time) var(--default-animation) fill;
}
.circleButtonMask-1_597P:hover {
background-color: hsl(var(--accent-hsl--material-you)) !important;
}
.circleButtonMask-1_597P:hover path {
fill: var(--accent-text-color--material-you);
}
.mention_dd733a {
background-color: hsl(var(--alert-hsl));
color: var(--alert-text-color);
}
/* SERVER LIST -> SERVER */
.listItem__48528 .wrapper__9916c {
border-radius: var(--avatar-radius);
}
.listItem__48528 .wrapper__9916c .icon__11cf1 {
border-radius: var(--avatar-radius);
}
.listItem__48528 .wrapper__9916c .lowerBadge_e89e22 {
width: auto;
height: auto;
}
.listItem__48528 .wrapper__9916c .unread-badge.lowerBadge_e89e22 {
right: unset;
left: -2px;
}
.listItem__48528 .wrapper__9916c .unread-badge.lowerBadge_e89e22 .numberBadge__40d6f {
background-color: hsl(var(--accent-hsl--material-you)) !important;
color: var(--accent-text-color--material-you) !important;
}
.listItem__48528 .wrapper__9916c .upperBadge__00ad0 .iconBadge__19638 {
background-color: hsl(var(--accent-hsl--material-you));
color: var(--accent-text-color--material-you);
border-radius: 50%;
}
.listItem__48528 .wrapper__9916c .upperBadge__00ad0 .iconBadge__19638.participating__64cf0 {
background-color: hsl(var(--accent-hsl--material-you));
color: var(--accent-text-color--material-you);
}
.listItem__48528.frame_oXWS21 .childWrapper_a6ce15 {
padding: 0 6px;
border-radius: 12px;
text-transform: capitalize;
font-weight: 500;
}
.numberBadge__40d6f {
background-color: hsl(var(--alert-hsl)) !important;
color: var(--alert-text-color) !important;
}
.unavailableBadge__5b346 {
background-color: hsl(var(--warning-hsl)) !important;
color: var(--warning-text-color) !important;
}
.dragInner__66313 {
border-radius: var(--avatar-radius);
}
.folder__17546,
.folderIconWrapper__11165 {
border-radius: var(--avatar-radius) !important;
}
.target__2c5c2.dragOver_efabec:before,
.centerTarget_ec3a01.dragOver_efabec:before {
background-color: hsl(var(--accent-hsl--material-you));
box-shadow: var(--shadow-1dp);
}
/*
*
* SERVER AUDIT LOG
*
*/
.auditLog__9228d {
position: relative;
margin: 0;
background-color: var(--card-color-filled);
border-radius: 0;
border: none;
}
.auditLog__9228d:first-of-type {
border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
}
.auditLog__9228d:last-of-type {
border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
}
.auditLog__9228d:last-of-type .header__8cacc {
margin: 8px;
}
.auditLog__9228d:last-of-type .header__8cacc:after {
height: calc(100% - 16px);
}
.auditLog__9228d:last-of-type .header__8cacc.headerExpanded__05a35 {
margin: 8px 8px 0;
}
.auditLog__9228d:last-of-type .changeDetails_c0aa16 {
margin-bottom: 8px;
}
.auditLog__9228d:hover .header__8cacc:after {
background-color: var(--card-color-hover);
}
.header__8cacc {
width: calc(100% - 16px);
margin: 8px 8px 0;
border-radius: calc(var(--card-radius-big) / 1.65);
background-color: transparent !important;
z-index: 2;
}
.header__8cacc:after {
position: absolute;
content: " ";
width: calc(100% - 16px);
height: calc(100% - 8px);
top: 8px;
left: 8px;
border-radius: calc(var(--card-radius-big) / 1.65);
transition: var(--default-time) var(--default-animation) background-color;
z-index: -1;
pointer-events: none;
}
.header__8cacc.headerExpanded__05a35:after {
background-color: var(--card-color-active) !important;
}
.divider__1ee1f {
display: none;
}
.changeDetails_c0aa16 {
width: calc(100% - 16px);
margin: 0 8px;
background-color: transparent !important;
z-index: 2;
}
.changeDetails_c0aa16 .detail__8b8e8:first-of-type {
margin-top: 0;
}
.icon__2cbfe:after {
width: 9px;
height: 9px;
top: unset;
left: unset;
right: 2px;
bottom: 2px;
border-radius: 50%;
}
.icon__2cbfe.typeCreate__01e59:after {
background: #389c59;
}
.icon__2cbfe.typeUpdate__4b21b:after {
background: #ec9d1a;
}
.icon__2cbfe.typeDelete__5f7ca:after {
background: #9d3235;
}
/*
*
* SERVER SETTINGS CONTENT MODERATION
*
*/
.simpleItemWrapper_c23fd0 {
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
}
.editCard__7d03f {
background-color: var(--card-color-filled) !important;
border: none !important;
padding: 0;
border-radius: var(--card-radius-big) !important;
}
.editCard__7d03f:before {
display: none;
}
.ruleIconContainer_c3faae,
.stepCountIcon__0dbc7 {
background-color: var(--card-button-color);
}
.triggerMainContainer_ca82f6 {
padding: 0;
border: none;
}
.triggerMainContainer_ca82f6 .triggerSettingsContainer__44964 {
--card-color-filled: var(--card-color-alt);
margin: 8px 0;
background-color: var(--card-color-filled);
border: none;
padding: 0;
border-radius: var(--card-radius-big);
}
.triggerMainContainer_ca82f6 .triggerSettingsContainer__44964 .paddingTop_be32d4,
.triggerMainContainer_ca82f6 .triggerSettingsContainer__44964 .exemptionHint_e0c087 {
margin-top: 0;
padding: 0px 16px 8px;
}
.collapseable_a59844 {
margin-top: 0;
padding: 16px;
background-color: transparent;
border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
border-top: 1px solid var(--card-border-color);
}
.collapseable_a59844:not(:last-child) {
margin-bottom: 0;
}
.collapseable_a59844:active {
background-color: transparent !important;
}
.collapseable_a59844:before {
display: none;
}
.mentionLimitContainer_bb7659 {
background-color: transparent;
}
.searchContainer-3slruV {
padding: 16px 16px 8px;
}
.searchContainer-3slruV .container_ec5ce2 {
height: var(--input-height);
max-height: var(--input-height);
padding: var(--input-padding);
background-color: var(--input-color);
border-radius: calc(var(--input-height) / 2);
border: none;
}
.searchContainer-3slruV .container_ec5ce2 .inner__178b2 {
padding: 0;
}
.searchContainer-3slruV .container_ec5ce2 .input__745d4 {
height: var(--input-height);
margin: 0;
padding: 0;
}
.searchContainer-3slruV .richTag_d46ff6 {
margin: 6px 6px 6px 0;
}
.keywordsTextArea_ae5cf2,
.textArea_f2223c {
padding: 12px;
background-color: var(--input-color);
border-radius: 19px;
border: none;
}
.keywordsTextArea_ae5cf2::-webkit-input-placeholder,
.textArea_f2223c::-webkit-input-placeholder {
font-family: var(--app-font);
color: var(--input-placeholder-color);
}
.keywordsTextArea_ae5cf2 {
width: calc(100% - 32px);
margin: 16px 16px 8px;
}
.textArea_f2223c .innerScroller__3e6d8 {
padding: 0;
}
.textArea_f2223c .chipletContainer_dc81e2 {
background-color: var(--card-button-color);
border-radius: 6px;
}
.keywordsCounter__8f60b {
right: 24px;
bottom: 24px;
}
.keywordListContainer__0f5a8,
.actionContainer_e638f2 {
padding: 12px 16px;
background-color: transparent;
position: relative;
border-bottom: none;
}
.keywordListContainer__0f5a8:after,
.actionContainer_e638f2: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__0f5a8:last-of-type:after,
.actionContainer_e638f2:last-of-type:after {
display: none;
}
.keywordListContainer__0f5a8:not(:last-child),
.actionContainer_e638f2:not(:last-child) {
margin-bottom: 0;
}
.keywordListContainer__0f5a8 .checkboxWrapper_a2bcc8,
.actionContainer_e638f2 .checkboxWrapper_a2bcc8 {
padding: 0;
}
.actionContainer_e638f2 .actionContainer_e638f2 {
padding: 0;
}
.actionContainer_e638f2 .actionIconContainer__2a2b1 {
margin-right: 16px;
}
.actionContainer_e638f2 .editChannel__1ea3b {
color: hsl(var(--accent-hsl--material-you));
}
.actionContainer__4263f {
background-color: transparent;
border-radius: 8px;
border: 1px solid var(--card-border-color);
}
.dividierIcon__5e16a {
color: var(--text-muted);
}
.resultsList-2Bp-2_ {
background-color: var(--popout-color);
border-radius: var(--popout-radius-big);
box-shadow: var(--shadow-3dp);
border: none;
}
.resultsList-2Bp-2_ .channelRowLabel-2yYGtY,
.resultsList-2Bp-2_ .roleLabel-38YTUn {
background-color: transparent;
border-radius: 6px;
border: 1px solid var(--card-border-color);
}
.stepperContainer_b891a2 {
padding: 0;
background-color: var(--card-color-outlined);
border-radius: calc(var(--input-height) / 2);
border: 1px solid var(--card-border-color);
--input-height: 36px;
}
.stepperContainer_b891a2 .stepper__9f1d6 {
border-radius: inherit;
}
.stepperContainer_b891a2 .iconWrapper__0d13e {
background-color: transparent !important;
transition: var(--default-time) var(--default-animation) background-color;
}
.stepperContainer_b891a2 .iconWrapper__0d13e:first-of-type {
border-right: 1px solid var(--card-border-color);
}
.stepperContainer_b891a2 .iconWrapper__0d13e:last-of-type {
border-left: 1px solid var(--card-border-color);
}
.stepperContainer_b891a2 .iconWrapper__0d13e:hover {
background-color: var(--card-color-hover) !important;
}
.stepperContainer_b891a2 .iconWrapper__0d13e .icon_bb7288 {
height: var(--input-height);
}
.stepperContainer_b891a2 .iconWrapper__0d13e .icon_bb7288:hover {
background-color: transparent;
}
.stepperContainer_b891a2 .inputWrapper_ecb776 {
border-bottom: none !important;
}
.stepperContainer_b891a2 .inputWrapper_ecb776:before, .stepperContainer_b891a2 .inputWrapper_ecb776:after {
bottom: 0;
}
/*
*
* SERVER SETTINGS BANNED USERS
*
*/
.container__84447 {
min-width: 350px;
max-width: 1400px;
width: auto;
padding: 60px 97px 60px 60px;
}
.container__84447 + .toolsContainer__4e6ad {
position: absolute;
right: 0;
margin-right: 21px;
}
.scrollerContainer__35215 {
padding: 0;
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big);
box-shadow: none;
overflow: hidden;
}
.bannedUser_f75842 {
margin: 0;
background-color: transparent;
border-radius: calc(var(--card-radius-big) / 1.65);
box-shadow: none !important;
transition: var(--default-time) var(--default-animation) background-color;
}
.bannedUser_f75842:hover {
background-color: var(--card-color-hover);
}
.bannedUser_f75842 .username_df97c3 {
color: var(--text-normal) !important;
}
.bannedUser_f75842 .username_df97c3 .discrim_be4d72 {
padding-left: 6px;
color: var(--primary-400) !important;
}
/*
*
* SERVER COMMUNITY DISCOVERY
*
*/
.checklist__0a7d3, .checklistContainer-12xGp5 {
background-color: var(--card-color-filled);
border: none;
padding: 0;
border-radius: var(--card-radius-big);
}
.checklist__0a7d3 .header__17969, .checklistContainer-12xGp5 .header__17969, .checklist__0a7d3 .checklistHeader-3liG7E, .checklistContainer-12xGp5 .checklistHeader-3liG7E {
margin-bottom: 0;
padding: 16px;
background-color: transparent;
font-size: 1.25em;
line-height: normal;
color: var(--card-header-text-color);
font-weight: 400;
opacity: 1;
}
.checklist__0a7d3 .checklistItem__84da3, .checklistContainer-12xGp5 .checklistItem__84da3 {
position: relative;
border-bottom: none;
}
.checklist__0a7d3 .checklistItem__84da3:after, .checklistContainer-12xGp5 .checklistItem__84da3: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__0a7d3 .checklistItem__84da3:last-of-type:after, .checklistContainer-12xGp5 .checklistItem__84da3:last-of-type:after {
display: none;
}
.checklist__0a7d3 .checklistItem__84da3 + .separator__31144, .checklistContainer-12xGp5 .checklistItem__84da3 + .separator__31144, .checklist__0a7d3 .checklistItem__84da3 + .separator-2qVfIV, .checklistContainer-12xGp5 .checklistItem__84da3 + .separator-2qVfIV {
display: none;
}
.card__81c50 {
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big);
box-shadow: none !important;
}
.iconMask__4618d {
background-color: var(--card-color-filled) !important;
}
.banner__4866b {
overflow: hidden;
}
/*
*
* SERVER EMOJI
*
*/
.content__90c48 {
padding: 8px;
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big);
}
.emojiTable__6262c {
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__6262c .formText__20efd {
font-size: 14px;
text-transform: none;
}
.emojiRow_db53d4 {
position: relative;
padding: 0 16px;
box-shadow: none !important;
}
.emojiRow_db53d4:nth-child(3) {
padding-top: 16px !important;
}
.emojiRow_db53d4:nth-child(3):before {
height: 100% !important;
top: 0 !important;
}
.emojiRow_db53d4:last-of-type {
margin-bottom: 0 !important;
}
.emojiRow_db53d4:last-of-type:before {
height: 100% !important;
}
.emojiRow_db53d4:before {
width: 100% !important;
left: 0 !important;
}
.emojiRow_db53d4 .emojiAliasInput_e70e7c {
margin-top: 0;
border-bottom: none !important;
}
.emojiRow_db53d4 .emojiAliasInput_e70e7c:before, .emojiRow_db53d4 .emojiAliasInput_e70e7c:after {
display: none;
}
.emojiRow_db53d4 .emojiAliasInput_e70e7c:focus-within + .emojiAliasPlaceholder_ecea45 {
opacity: 0;
}
.emojiRow_db53d4 .emojiAliasInput_e70e7c .emojiInput__3270d, .emojiRow_db53d4 .emojiAliasInput_e70e7c .emojiInput-28Uqhi {
padding: 0 8px;
font-size: 16px;
background-color: var(--input-color-alt);
transition: var(--default-time) var(--default-animation) box-shadow, var(--default-time) var(--default-animation) opacity;
}
.emojiRow_db53d4 .emojiAliasPlaceholder_ecea45 {
height: auto;
margin-left: 8px;
padding: 0;
line-height: var(--input-height);
color: var(--text-normal);
transition: var(--default-time) var(--default-animation);
overflow: visible;
}
.emojiRow_db53d4 .emojiRemove__744eb {
top: 0;
right: 12px;
bottom: 0;
margin: auto 0;
background-color: var(--card-button-color);
box-shadow: none !important;
transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) opacity;
}
.emojiRow_db53d4 .emojiRemove__744eb:hover {
background-color: var(--card-button-color-hover);
}
/*
*
* SERVER INTEGRATIONS
*
*/
.footerImage_fb15e2 {
position: static;
margin-top: 80px;
margin-bottom: -288px;
}
/*
*
* SERVER COMMUNITY ONBOARDING
*
*/
.progressBarContainer-3nSoms .progressBarCurrent-ea4YDg {
background-color: hsl(var(--accent-hsl--material-you));
}
.progressBarContainer-3nSoms .text-xs-medium-311pdh[style="color: var(--text-brand);"] {
color: hsl(var(--accent-hsl--material-you)) !important;
}
/* SERVER COMMUNITY ONBOARDING -> DEFAULT CHANNELS */
.categoryRow_b920fb .categoryText__4e543 {
font-size: 14px;
text-transform: none;
}
.channelRow__013aa {
background-color: var(--card-color-filled);
transition: var(--default-time) var(--default-animation) background-color;
}
.channelRow__013aa.firstChannel__337d2 {
border-top-left-radius: var(--card-radius-big);
border-top-right-radius: var(--card-radius-big);
}
.channelRow__013aa.lastChannel__1b79e {
border-bottom-left-radius: var(--card-radius-big);
border-bottom-right-radius: var(--card-radius-big);
}
.channelRow__013aa:hover:not(.disabled__569c5) {
background-color: var(--card-color-hover);
}
.channelRow__013aa .lockedPill__57644 {
--button-padding: 0 24px 0 16px;
}
.separator_f5f9d9 {
background-color: var(--card-border-color);
}
.container_eecf7e {
background-color: var(--card-color-filled);
border: none;
padding: 0;
border-radius: var(--card-radius-big);
}
.container_eecf7e .header_c118ee,
.container_eecf7e .container_bc2742,
.container_eecf7e .channelList_fcef42 {
background-color: transparent;
}
/* SERVER COMMUNITY ONBOARDING -> NAVIGATION BANNER */
.container_f0cc0d {
background-color: var(--popout-color) !important;
border-radius: 4px;
box-shadow: var(--shadow-2dp);
}
.container_f0cc0d .button__581d0.lookOutlined__014b5 {
--button-padding: 0 24px 0 16px;
}
.container_f0cc0d .button__581d0.lookFilled__950dd {
--button-padding: 0 16px 0 24px;
}
.container_f0cc0d .button__581d0.lookFilled__950dd .button__3e450 {
color: var(--accent-text-color--material-you) !important;
}
.educationUpsell__11611 {
background-color: var(--popout-color);
border-radius: var(--popout-radius-big);
}
.educationUpsell__11611 .educationUpsellArrow__45ba7 {
border-bottom-color: var(--popout-color);
}
/* SERVER COMMUNITY ONBOARDING -> PREVIEW */
.testimonialHeroContainer_a66dec {
background-color: var(--card-color-filled);
border: none;
padding: 32px;
border-radius: var(--card-radius-big);
}
.testimonialHeroContainer_a66dec .quotes__35cf8 {
top: 40px;
color: var(--card-header-text-color);
}
.testimonialHeroContainer_a66dec .testimonialsControls_f118b7 {
margin: 0;
}
.testimonialHeroContainer_a66dec .button__581d0 {
--button-padding: 0 10px;
}
.upsellPreview_a2ec8a {
gap: 16px;
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
}
.upsellPreview_a2ec8a.spacingLarge__97a24 {
gap: 2px;
}
.upsellPreview_a2ec8a.spacingLarge__97a24 .welcomeMessageContainer__3f43b {
margin-bottom: 14px;
}
.upsellPreview_a2ec8a .spacingSmall_b0a4f4 {
gap: 2px;
}
.upsellPreview_a2ec8a .previewListItem__6ce7d {
padding: 12px;
}
.upsellPreview_a2ec8a .previewListItem__6ce7d.selected__5e5aa {
background-color: var(--card-color-alt-hover);
}
.upsellPreview_a2ec8a .previewListItem__6ce7d,
.upsellPreview_a2ec8a .action__94060 {
background-color: var(--card-color-alt);
border-radius: 4px;
}
.upsellPreview_a2ec8a .previewListItem__6ce7d:first-of-type,
.upsellPreview_a2ec8a .action__94060:first-of-type {
border-top-left-radius: var(--card-radius-big);
border-top-right-radius: var(--card-radius-big);
}
.upsellPreview_a2ec8a .previewListItem__6ce7d:last-of-type,
.upsellPreview_a2ec8a .action__94060:last-of-type {
border-bottom-left-radius: var(--card-radius-big);
border-bottom-right-radius: var(--card-radius-big);
}
/*
*
* SERVER SETTINGS OVERVIEW
*
*/
.imageUploaderIcon__4b7d2 {
left: calc(50% + 32px);
right: unset;
}
/*
*
* SERVER SETTINGS PERMISSIONS
*
*/
.settingCard__9b0ad {
margin-bottom: 16px;
background-color: var(--card-color-outlined) !important;
border: 1px solid var(--card-border-color) !important;
padding: 0;
border-radius: var(--card-radius-big) !important;
}
.settingCard__9b0ad.active__898cd,
.settingCard__9b0ad .cardFolder__40dc5 {
background-color: transparent;
}
.settingCard__9b0ad .folderHeader__28488 {
position: relative;
border-bottom: none;
}
.settingCard__9b0ad .folderHeader__28488:after {
position: absolute;
content: " ";
width: 100%;
height: 1px;
bottom: 0;
left: 0;
background-color: var(--card-border-color);
}
.settingCard__9b0ad + .divider__45ef5 {
display: none;
}
.settingCard__9b0ad + .divider__45ef5 + .button__581d0 {
--button-padding: 0;
}
.roleMemberList__96123 {
padding: 16px;
}
.roleMemberList__96123 .content__690c5 {
height: auto !important;
}
.roleMemberList__96123 .content__690c5 .memberRow__1edab {
padding: 0 4px;
margin-bottom: 16px;
}
.roleMemberList__96123 .content__690c5 .memberRow__1edab:last-child {
margin-bottom: 0;
}
.roleMemberList__96123 .content__690c5 .divider__45ef5 {
display: none;
}
.sidebarScrollable_d64933 .sidebarHeaderDefault-1BHqHQ {
font-size: 14px;
text-transform: none;
}
.sidebarScrollable_d64933 .role__9f030 {
border-radius: 16px;
}
.sidebarScrollable_d64933 .role__9f030 .background-3X6N7I {
padding: 0;
background-color: transparent;
}
.scroller_c92337 {
background-color: transparent;
}
.staticToolbar_d19051 {
margin-bottom: 8px;
background-color: var(--card-color-filled) !important;
border: none !important;
padding: 0;
border-radius: var(--card-radius-big) !important;
overflow: hidden;
}
.staticToolbar_d19051 .button__581d0 {
--button-height: 32px;
--button-background: transparent;
--button-radius: 0;
}
.forumGuidelines_f71efe {
--input-padding: 0 12px;
height: 200px;
max-height: 250px;
padding: var(--input-padding);
background-color: var(--input-color);
border-radius: calc(200px / 2);
border: none;
background: var(--input-color) !important;
border-radius: 19px;
}
.forumGuidelines_f71efe .slateTextArea_b19976 {
right: 0;
padding: 12px 0;
}
/*
*
* SERVER ROLES
*
*/
.tabBar-3pstF7 {
border-bottom: 1px solid var(--card-border-color);
}
.tabBar-3pstF7 .item__48dda {
margin-bottom: 0;
border: none;
}
.tabBar-3pstF7 .item__48dda.selected-g-kMVV {
position: relative;
background-color: transparent !important;
border: none;
}
.tabBar-3pstF7 .item__48dda.selected-g-kMVV:after {
position: absolute;
content: " ";
width: 100%;
height: 3px;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
background: var(--tab-border-color);
border-radius: 3px 3px 0 0;
transition: var(--default-time) ease all;
}
.container__9c57c {
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
transition: var(--default-time) var(--default-animation) background-color;
}
.container__9c57c:hover {
background-color: var(--card-color-hover);
}
.container__9c57c .icon_add68a {
background-color: var(--card-button-color);
}
.container__33507 {
height: var(--input-height);
max-height: var(--input-height);
padding: var(--input-padding);
background-color: var(--input-color);
border-radius: calc(var(--input-height) / 2);
border: none;
}
.container__33507 .inner__999f6 {
padding: 0;
}
.container__33507 .inner__999f6 .input__48d49 {
height: var(--input-height);
margin: 0;
padding: 0 4px;
}
.container__33507 .inner__999f6 .input__48d49::-webkit-input-placeholder {
font-family: var(--app-font);
}
.container__33507 .inner__999f6 .iconLayout__67261 {
width: var(--input-height);
height: var(--input-height);
}
.rolesTable_a04f49 {
padding: 16px;
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
}
.rolesTable_a04f49 .tableHeader_f2fd5d {
margin-left: 0;
margin-bottom: 0;
}
.rolesTable_a04f49 .tableHeader_f2fd5d .dragSpacing_afd634 {
display: none;
}
.rolesTable_a04f49 .tableTitle_c49df4 {
font-size: 1em;
color: var(--card-header-text-color);
font-weight: 500;
text-transform: none;
}
.rolesTable_a04f49 .tableTitle_c49df4.memberSpacing-1RRW7k {
margin-left: 64px;
}
.roleRow_dc2631 {
height: auto;
margin: 0;
padding: 12px 16px;
background-color: var(--card-color-filled);
border-radius: 0;
}
.roleRow_dc2631:last-of-type {
padding-bottom: 20px;
border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
}
.roleRow_dc2631:last-of-type:before {
height: calc(100% - 8px);
}
.roleRow_dc2631:last-of-type:after {
display: none;
}
.roleRow_dc2631:hover:not(.roleRowDisableHover_c9454c) {
background-color: var(--card-color-filled);
}
.roleRow_dc2631:hover:not(.roleRowDisableHover_c9454c):before {
background-color: var(--card-color-hover);
}
.roleRow_dc2631:hover:not(.roleRowDisableHover_c9454c) .dragIcon_c316eb {
opacity: 1;
}
.roleRow_dc2631:hover:not(.roleRowDisableHover_c9454c) .circleButton_c3a5df {
background-color: var(--card-button-color-hover);
}
.roleRow_dc2631:hover:not(.roleRowDisableHover_c9454c) .circleButton_c3a5df.editButton__2db5f {
opacity: 1;
}
.roleRow_dc2631:before {
width: calc(100% - 16px);
height: 100%;
left: 8px;
right: 0;
background-color: transparent;
border-radius: calc(var(--card-radius-big) / 1.5);
transition: var(--default-time) var(--default-animation) background-color;
pointer-events: none;
}
.roleRow_dc2631 > * {
z-index: 2;
}
.dragIcon_c316eb {
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_c3a5df {
background-color: var(--card-button-color);
}
.circleButton_c3a5df.editButton__2db5f {
opacity: 0;
visibility: visible;
transition: var(--default-time) var(--default-animation) opacity;
}
/* SERVER ROLES -> EDIT/NEW */
.page_c3ed26 {
width: 100%;
min-width: 100%;
}
.page_c3ed26 .sidebar__37984,
.page_c3ed26 .contentContainer__50662 {
position: relative;
}
.page_c3ed26 .sidebar__37984 {
margin-left: 40px;
border-right-color: var(--card-border-color);
}
.page_c3ed26 .sidebar__37984 .list__41249 {
padding: 0 16px 96px 16px;
background-color: transparent;
border: none;
}
.page_c3ed26 .sidebar__37984 .titleContainer_d09261 {
margin: 0;
padding: 0 8px 16px;
background-color: var(--main-color);
}
.page_c3ed26 .sidebar__37984 .titleContainer_d09261.titleElevated__2941d {
border-bottom: 1px solid var(--card-border-color);
box-shadow: none;
}
.page_c3ed26 .sidebar__37984 .titleContainer_d09261 .titleText__971fb {
font-size: 16px;
text-transform: none;
}
.page_c3ed26 .sidebar__37984 .item__48dda {
width: auto;
padding: 0 12px;
border-radius: 16px;
transition: var(--default-time) var(--default-animation) background-color;
}
.page_c3ed26 .sidebar__37984 .item__48dda:before {
display: none;
}
.page_c3ed26 .sidebar__37984 .item__48dda:hover {
background-color: var(--menu-item-hover) !important;
}
.page_c3ed26 .sidebar__37984 .item__48dda.selected_a523ff {
background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity)) !important;
}
.page_c3ed26 .sidebar__37984 .roleDot-2a4Pv7 {
border: none;
}
.page_c3ed26 .contentContainer__50662 {
left: 0;
flex: 1;
}
.page_c3ed26 .contentWidth_f1e6d4 {
width: auto;
min-width: auto;
max-width: none;
padding-right: 82px;
}
.page_c3ed26 .contentWidth_f1e6d4 .sizeTiny_c03db5 {
--button-height: 24px;
--button-padding: 0 8px;
}
.page_c3ed26 .header_ee0bd9 {
margin-left: 0;
margin-right: 0;
padding: 0;
background-color: var(--main-color);
transition: var(--default-time) var(--default-animation) border-bottom-color;
}
.page_c3ed26 .header_ee0bd9.stickyHeaderElevated_a05798 {
box-shadow: none;
}
.page_c3ed26 .header_ee0bd9 .titleText-35PD5k {
font-size: 16px;
text-transform: none;
}
.page_c3ed26 .header_ee0bd9 + div + .divider-5Xhahz {
display: none;
}
.page_c3ed26 .tabBar_a013ee {
margin-left: 0;
border-bottom: 1px solid var(--card-border-color);
}
.page_c3ed26 .searchContainer_eee0ea {
margin-top: 16px;
padding-bottom: 16px;
border-bottom: 1px solid var(--card-border-color);
}
.page_c3ed26 .previewContainer__8cd30 {
border-radius: var(--card-radius-big);
}
.page_c3ed26 .previewContainer__30793 {
background-color: transparent;
border-radius: var(--card-radius-big);
border: none;
}
.page_c3ed26 .previewContainer__30793 .messageContainer__0add1 {
padding: 16px 16px 16px 66px;
background-color: var(--chat-color);
}
.page_c3ed26 .container-1zDvAE {
margin-bottom: 20px;
}
.page_c3ed26 + .toolsContainer__4e6ad {
position: absolute;
top: 0;
right: 0;
z-index: 2;
}
/* SERVER ROLES -> ADD MEMBER */
.searchBox__25f54 {
padding: 16px;
}
.searchBox__25f54.scrollSeparator__00122 {
box-shadow: none !important;
}
.searchBox__25f54 .searchBar__6c84d {
margin-bottom: 0;
border: none;
}
/*
*
* SERVER RULES SCREENING
*
*/
.mainColumnContainer-3y3ZF4 {
max-width: calc(100% - 220px);
}
.backgroundContainer__8f24a {
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
}
.backgroundContainer__8f24a .containerPadding__28475 {
padding: 0;
}
.backgroundContainer__8f24a .inputWrapper_ecb776 {
height: auto;
max-height: unset;
}
.containerTitle_b271f9 {
font-size: 1.25em;
color: var(--card-header-text-color);
font-weight: 500;
}
.containerTitle_b271f9 .verificationLevelHook_f4458b {
font-size: 1em;
}
.containerFooter__2f30f {
padding: 0;
background-color: transparent;
}
.fieldBackground__65920:not(textarea) {
--card-color-filled: var(--card-color-alt);
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
}
.fieldBackground__65920.withFooter_a9ff02 {
border-bottom: none;
}
.fieldFooterContainer__937dd {
background-color: var(--card-color-alt);
border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
border-top: 1px solid var(--card-border-color);
}
.sidebarFixedContainer-2fX672 {
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
}
/* SERVER RULES SCREENING -> EDIT RULES */
.rulesTextAreaInput-2S9Tgi {
background-color: var(--card-color-filled);
border: none;
padding: 0 0 0 16px;
border-radius: var(--card-radius-big);
}
.exampleRule-KGGZmT {
height: var(--button-height);
padding: 0 12px;
background-color: var(--card-button-color);
border-radius: 10px;
transition: var(--default-time) var(--default-animation) background-color;
}
.exampleRule-KGGZmT:hover {
background-color: var(--card-button-color-hover);
}
.exampleRule-KGGZmT > div {
line-height: var(--button-height);
}
/*
*
* SERVER SETTINGS SAFETY SETUP
*
*/
.changelog__55624 {
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
}
.safetyChecklist__4c74b {
background-color: var(--card-color-filled);
border: none;
padding: 0;
border-radius: var(--card-radius-big);
}
.safetyChecklist__4c74b .lookOutlined__014b5 {
border: var(--button-outline) !important;
}
.safetyChecklist__4c74b .divider__1e60f {
background-color: var(--card-border-color);
}
.back__04432 {
--button-padding: 0;
margin-bottom: 16px;
}
.back__04432 .backButton__63187 {
background-image: none;
text-transform: none;
text-decoration: none;
}
/*
*
* SERVER SETTINGS SERVER INSIGHTS
*
*/
.error_f5f3e1 {
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
}
.developerPortalCtaWrapper_a92100 {
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big);
}
/*
*
* SERVER SETTINGS SERVER PRODUCTS
*
*/
.container__5d38b {
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
}
.coverImageUploader_a06a1a .imageUploaderInner_ecfc97 {
background-color: var(--card-color-filled);
border: none;
padding: 0;
border-radius: var(--card-radius-big);
}
.coverImageUploader_a06a1a .imageUploaderIcon__4b7d2 {
left: unset;
right: 0;
}
.metricCard__94ca7,
.tableContainer__707d5 {
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big);
}
.metricCard__94ca7 .text-xs-medium__220aa, .metricCard__94ca7 .text-xs-medium_d3e0f1,
.tableContainer__707d5 .text-xs-medium__220aa,
.tableContainer__707d5 .text-xs-medium_d3e0f1 {
font-size: 14px;
text-transform: none;
}
/*SERVER SETTINGS SERVER PRODUCTS -> CREATE PRODUCT */
.textArea_d4942c {
background-color: var(--input-color);
border-radius: 19px;
}
.clickableItem__71568 {
border-radius: var(--card-radius-big);
}
.clickableItem__71568 .radioOptionImage_c16107 {
border-radius: calc(var(--card-radius-big) - 2px) !important;
}
.container_e77a6c {
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big);
}
.container_e77a6c .text-sm-medium_bc6ffc, .container_e77a6c .text-sm-medium__726be {
color: var(--accent-text-color--material-you) !important;
}
.attachedRoleContainer__382b2 {
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big);
border: none;
}
.benefitToggleContainer_c9f8a8 {
padding: 8px 2px 8px 12px;
background-color: var(--card-color-filled);
border-radius: 20px;
}
.publishable__003df {
background-color: hsl(var(--accent-hsl--material-you), 0.15);
border-radius: var(--card-radius-big);
border-color: hsl(var(--accent-hsl--material-you));
box-shadow: none;
}
.wasEverPublished__58420 {
background-color: hsl(var(--alert-hsl), 0.15);
border-radius: var(--card-radius-big);
border: 1px solid hsl(var(--alert-hsl));
}
.productPreview_faf915 .text-xs-bold__0d339, .productPreview_faf915 .text-xs-bold__5467c {
font-size: 14px;
text-transform: none;
}
/*SERVER SETTINGS SERVER PRODUCTS -> PRODUCT CARD */
.productCard__811df {
background-color: var(--card-color-filled) !important;
border: none !important;
padding: 0;
border-radius: var(--card-radius-big) !important;
transition: var(--default-time) var(--default-animation) background-color;
}
.productCard__811df:hover {
background-color: var(--card-color-hover) !important;
}
.productCard__811df .productThumbnail__548d0 {
border-radius: var(--card-radius-big);
}
.badge__12323 {
background-color: var(--card-color-active) !important;
border-radius: 13px;
}
.roleTag_d5379a {
min-width: 28px;
height: 28px;
gap: 6px;
padding: 0 12px 0 6px;
background-color: transparent;
border-radius: 8px;
border: 1px solid var(--card-border-color);
}
.roleTag_d5379a .roleColor__8fb52 {
width: 16px;
height: 16px;
margin: 0;
border-radius: 8px;
}
.roleTag_d5379a .roleColor__8fb52 + span {
display: none !important;
}
/*
*
* SERVER SETTINGS SERVER SUBSCRIPTIONS
*
*/
.card_bc6ee2 {
background-color: var(--card-color-filled);
border: none;
padding: 0;
border-radius: var(--card-radius-big);
}
.heroBanner_ef5822 {
border-radius: var(--card-radius-big);
}
/* SERVER SETTINGS SERVER SUBSCRIPTIONS -> HOW IT WORKS */
.howItWorksContainer__025eb {
padding: 0;
background-color: transparent;
}
.howItWorksImageContainer__33219,
.howItWorksDescription__07c9e {
background-color: transparent;
}
/* SERVER SETTINGS SERVER SUBSCRIPTIONS -> CREATOR BENEFITS */
.creatorBenefitCard__1f0b1 {
padding: 16px;
}
.earningsPreviewContainer__2b25a,
.avatarCard__8d1e3 {
--card-color-filled: var(--card-color-alt);
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
}
/* SERVER SETTINGS SERVER SUBSCRIPTIONS -> LEARN FROM OTHER CREATORS */
.guildCard__81370 {
padding: 16px;
}
.guildCardHeaderAvatar_c2e74d {
border-radius: 50%;
}
.guildSubscriberCount_a81224 {
height: var(--button-height);
padding: var(--button-padding);
background-color: var(--card-button-color);
border-radius: var(--button-radius);
}
.guildSubscriberCount_a81224 .text-md-normal-304U3g {
color: var(--text-normal) !important;
font-weight: 500;
}
.subscriberCountValue_f16cf3,
.subscriberCountText__53bbe {
padding: 0;
background-color: transparent;
}
.subscriberCountText__53bbe {
padding-left: 12px;
}
.emojisContainer__8e659 {
margin-right: 8px;
padding: var(--button-padding);
background-color: var(--card-button-color);
border-radius: var(--button-radius);
}
/* */
.tabBar__7fedd {
border-bottom-width: 1px;
}
.container__50204 {
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
}
/*
*
* SERVER SETTINGS SOUNDBOARD
*
*/
.tableTitle__157a7 {
margin-bottom: 16px;
}
.soundTable_b05951 {
grid-template-columns: unset;
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big);
}
.tableHeaders_b5c7b9 {
padding: 16px 16px 0;
}
.tableHeaders_b5c7b9 .tableHeader__217d8 {
font-weight: 500;
text-transform: none;
}
.row__807ed {
padding: 4px 16px;
position: relative;
border-bottom: none;
}
.row__807ed:after {
position: absolute;
content: " ";
width: calc(100% - 16px * 2);
height: 1px;
right: 0;
bottom: 0;
margin: 0 16px;
background-color: var(--card-border-color);
}
.row__807ed:last-of-type:after {
display: none;
}
/*
*
* SERVER STICKERS
*
*/
.upsellContainer_df4d69 {
border-radius: var(--card-radius-big);
}
.tierHeader_a0ef30 {
border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
}
.tierHeader_a0ef30.tierHeaderUnlocked__960f7, .tierHeader_a0ef30.tierHeaderLocked__0ca2e {
background-color: var(--card-color-filled) !important;
}
.tierHeader_a0ef30.tierHeaderWithoutCardBody_cf6d0f {
border-radius: var(--card-radius-big);
}
.tierBody_fd5f94 {
background-color: var(--card-color-filled) !important;
border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
border-top: none !important;
}
.tierLock__2d9cb {
color: var(--interactive-normal);
}
.wrapper_d9a30a {
background-color: var(--card-color-filled);
border: none;
padding: 0;
border-radius: var(--card-radius-big);
transition: var(--default-time) var(--default-animation) background-color;
}
.wrapper_d9a30a:hover {
background-color: var(--card-color-hover);
}
.placeholderCard__393a9 {
background-color: var(--card-color-outlined);
border: 1px solid var(--card-border-color);
padding: 0;
border-radius: var(--card-radius-big);
}
/*
*
* ACCEPT RULES
*
*/
.enableContainer__8015f {
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
}
.previewContainer__0eaea {
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
border-top: none;
}
.previewContainer__0eaea .descriptionWrapper_e91a61 .inputWrapper_ecb776 {
--input-height: 64px;
}
.previewContainer__0eaea .descriptionInput__05918 {
line-height: 32px;
}
.previewContainer__0eaea [placeholder].descriptionInput__05918 {
text-align: left;
}
.previewContainer__0eaea .welcomeChannel__64805 {
--card-color-filled: var(--card-color-alt);
background-color: var(--card-color-filled);
border: none;
padding: 12px;
border-radius: var(--card-radius-big);
}
.iconActiveLarger__1e0da {
border-radius: var(--avatar-radius);
}
.options__340d5 {
margin-bottom: 8px;
background-color: var(--card-color-outlined);
border: 1px solid var(--card-border-color);
padding: 0;
border-radius: var(--card-radius-big);
}
.options__340d5 .optionContainer__0233f {
margin-top: 0;
border-radius: 0;
background-color: transparent;
position: relative;
border-bottom: none;
}
.options__340d5 .optionContainer__0233f:after {
position: absolute;
content: " ";
width: calc(100% - 16px * 2);
height: 1px;
right: 0;
bottom: 0;
margin: 0 16px;
background-color: var(--card-border-color);
}
.options__340d5 .optionContainer__0233f:last-of-type:after {
display: none;
}
/*
*
* USER SETTINGS ACCESSIBILITY
*
*/
.preview__22e05 {
background-color: var(--card-color-outlined) !important;
border: 1px solid var(--card-border-color) !important;
padding: 16px;
border-radius: var(--card-radius-big) !important;
}
.previewMessage__4d747 {
padding: 0;
background-color: var(--chat-color);
border-radius: calc(var(--card-radius-big) / 1.25);
}
.previewMessage__4d747 .message_ccca67 {
margin-top: 0 !important;
margin-left: 52px;
margin-right: 0;
border-radius: var(--message-radius);
}
.previewMessage__4d747 .message_ccca67:before, .previewMessage__4d747 .message_ccca67:after {
display: none;
}
.previewMessage__4d747 .message_ccca67 .avatar__08316 {
left: -50px;
}
/*
*
* USER SETTINGS APPEARANCE
*
*/
.preview__30ef4 {
--card-color-filled: transparent;
}
.preview__30ef4.outline__16075 {
border: 1px solid var(--card-border-color) !important;
}
.preview__30ef4 .wrapper_a62503 {
margin-left: 48px;
}
/* USER SETTINGS APPEARANCE -> THEME */
.h5__28baa.eyebrow__4e5bb + div:not([class]) div[role=radiogroup] {
padding: 16px;
background-color: var(--card-color-filled);
border: none;
}
.basicThemeSelectors__5ca8c + .premiumFeatureBorder__6ac04 {
margin: 0 -8px -8px;
background: linear-gradient(var(--card-color-filled), var(--card-color-filled)) padding-box, linear-gradient(45deg, hsl(269, calc(var(--saturation-factor, 1) * 52.7%), 52.7%), hsl(325, calc(var(--saturation-factor, 1) * 31.7%), 51.8%)) border-box;
border-radius: calc(var(--card-radius-big) - 4px);
}
.presets__4073b {
gap: 16px;
}
.basicThemeSelectors__5ca8c .themeSelectionContainer__26fcc {
width: unset;
height: unset;
padding: 12px;
background-color: var(--main-color);
border-radius: var(--card-radius-big);
}
.defaultThemeSelection_f6b081 {
width: 60px;
height: 60px;
box-shadow: none;
}
.defaultThemeSelection_f6b081.selected_de3345 {
position: relative;
background: hsl(var(--accent-hsl--material-you));
}
.defaultThemeSelection_f6b081.selected_de3345:before, .defaultThemeSelection_f6b081.selected_de3345:after {
position: absolute;
content: " ";
width: 50%;
height: 50%;
bottom: 0;
pointer-events: none;
}
.defaultThemeSelection_f6b081.selected_de3345:before {
left: 0;
background-color: var(--card-color-filled);
border-bottom-left-radius: 30px;
}
.defaultThemeSelection_f6b081.selected_de3345:after {
right: 0;
background-color: var(--accent-text-color--material-you);
border-bottom-right-radius: 30px;
}
.selectionCircle_aa3fcd {
box-shadow: none;
}
.selectionCircle_aa3fcd:before {
position: absolute;
content: " ";
width: 32px;
height: 32px;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background-color: var(--main-color);
border-radius: 50%;
}
.selectionCircle_aa3fcd .checkmark__5b7ba {
color: var(--main-color);
}
.selectionCircle_aa3fcd .checkmarkCircle_b1b1cc {
top: 0;
left: 0;
bottom: 0;
margin: auto;
}
.selectionCircle_aa3fcd .checkmarkCircle_b1b1cc circle {
fill: var(--text-normal);
}
/* USER SETTINGS APPEARANCE -> APP ICON */
.header_af3ebf {
padding: 8px 8px 0;
}
.presets__230dd {
padding: 0 8px 8px;
}
.appIconSelection__88ace.disabled__52159:not(.selected__45e7f) {
opacity: 0.5;
}
/*
*
* USER SETTINGS APP ICON EDITOR
*
*/
.editor_e77931 {
margin-left: 8px;
padding: 0;
background-color: var(--chat-color);
border-radius: var(--card-radius-big);
border-left: none;
}
.editor_e77931 .heading-lg-extrabold__9db67 {
font-size: 1.25em;
line-height: normal;
color: var(--card-header-text-color);
font-weight: 400;
}
.editor_e77931 div[role=radiogroup] {
background-color: transparent;
}
.editorHeader__57418 {
width: auto;
padding: 16px;
}
.selectionGroup__0ec12 {
margin-top: 0;
}
.selectionGroup__0ec12 .header_af3ebf {
padding: 0;
}
.selectionGroup__0ec12 .presets__230dd {
padding: 0;
gap: 16px;
}
.editorFooter_e90aa9 {
margin-top: 16px;
padding: 0 16px 16px;
}
/*
*
* USER SETTINGS AUTHORIZED APPS
*
*/
.formNotice__0a16b {
margin-bottom: 32px;
padding: 0;
}
.formNotice__0a16b .formNoticeTitle__70474 {
margin-bottom: 0;
padding: 16px;
background-color: transparent;
font-size: 1.25em;
line-height: normal;
color: var(--card-header-text-color);
font-weight: 400;
opacity: 1;
}
.formNotice__0a16b .formNoticeTitle__70474 + .formNoticeBody__48eee {
padding: 0 16px 16px;
}
.formNotice__0a16b.card__4dc22 {
margin-top: 16px;
}
.formNoticeBody__48eee {
padding: 16px;
}
.authedApp__71a52 {
margin-bottom: 16px;
padding: 0;
}
.authedApp__71a52 .marginBottom20__9fcf3 {
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;
}
.authedApp__71a52 .marginBottom20__9fcf3 .text-sm-semibold-3TWn25, .authedApp__71a52 .marginBottom20__9fcf3 .text-sm-semibold_a5824d, .authedApp__71a52 .marginBottom20__9fcf3 .text-sm-semibold_d260b0 {
font-size: inherit;
font-weight: inherit;
color: var(--card-header-text-color);
}
.authedApp__71a52 .marginBottom20__9fcf3 + div {
padding-top: 0;
}
.authedApp__71a52 div:not([class]) {
padding: 0 16px;
}
.authedApp__71a52 .marginTop20__7e0ad {
margin-top: 0;
padding: 16px;
}
.authedApp__71a52 .button__581d0 {
font-size: 0.75em;
}
.twoWayWarning__5c3ce {
margin-top: 8px;
padding: 0 16px 16px;
}
/*
*
* USER SETTINGS BILLING
*
*/
.paymentSourceRow__7e5e7 {
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
}
.paymentPane__541d7 {
background-color: var(--card-color-filled) !important;
border: none !important;
padding: 0;
border-radius: var(--card-radius-big) !important;
}
.paymentPane__541d7 .paymentRowHeader__36e9a {
padding: 16px;
}
.paymentPane__541d7 .bottomDivider_c85b47 {
border: none;
}
.paymentPane__541d7 .pageActions_ccda85 {
padding: 16px 0;
}
.paymentRow__7568c:not(.payment_f27ac6) {
border-bottom: none;
}
.payment_f27ac6 {
background-color: var(--card-color-filled) !important;
}
.payment_f27ac6:not(.hoverablePayment__4ff3b) {
padding-bottom: 1px;
}
.paginator__28ba5 {
background-color: transparent !important;
}
.paginator__28ba5 .descriptionIcon_c634d1 {
border-radius: 50%;
}
.paginator__28ba5 .expandedInfo_efc786 {
--card-color-filled: var(--card-color-alt);
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
}
.paginator__28ba5 .expandedInfo_efc786 .paymentHeader__27aff {
border-color: var(--card-border-color);
}
.pageButtonPrev__9c384,
.pageButtonNext__13132 {
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__9c384.disabled__82158,
.pageButtonNext__13132.disabled__82158 {
border-color: var(--card-border-color);
}
.pageButtonPrev__9c384 {
border-radius: var(--button-radius) 0 0 var(--button-radius);
}
.pageButtonNext__13132 {
border-radius: 0 var(--button-radius) var(--button-radius) 0;
}
.pageIndicator__1821d {
height: var(--button-height);
border-color: var(--card-border-color);
}
.codeRedemptionRedirect_b3eca7 {
background-color: var(--card-color-outlined) !important;
border: 1px solid var(--card-border-color) !important;
padding: 16px;
border-radius: var(--card-radius-big) !important;
}
/*
*
* USER SETTINGS CONNECTIONS
*
*/
.connectContainer_e331e3 {
margin: 0 0 32px 0;
background-color: var(--card-color-filled);
border: none;
padding: 0;
border-radius: var(--card-radius-big);
}
.connectContainer_e331e3 .connectHeader__95e44 {
margin-bottom: 0;
padding: 16px;
background-color: transparent;
font-size: 1.25em;
line-height: normal;
color: var(--card-header-text-color);
font-weight: 400;
opacity: 1;
}
.connectContainer_e331e3 .text-xs-normal_ccc5fb, .connectContainer_e331e3 .text-xs-normal__46d75 {
padding: 0 16px;
}
.connectContainer_e331e3 .connectionsContainer__3fe05 {
padding: 0 16px 16px;
}
.connectContainer_e331e3 .accountButton-234qAZ {
margin-bottom: 0;
}
.connectContainer_e331e3 .accountButtonInner__00bdd {
background-color: var(--card-button-color);
border-radius: 50%;
transition: var(--default-time) var(--default-animation) background-color;
}
.connectContainer_e331e3 .accountButtonInner__00bdd:hover {
background-color: var(--card-button-color-hover);
}
/* CONNECTIONS -> ADD CONNECTION */
.accountBtnInner-1DCgBm {
background-color: var(--card-button-color);
border-radius: 50%;
transition: var(--default-time) var(--default-animation) background-color;
}
.accountBtnInner-1DCgBm:hover {
background-color: var(--card-button-color-hover);
}
/* CONNECTIONS -> CONNECTED ACCOUNTS */
.connectionList__5b340 {
grid-gap: 16px;
}
.header-22-Eiw {
margin-top: 0;
}
.header-22-Eiw .heading-md-bold__17daa {
font-size: 22px;
font-weight: 400;
}
.connectionsContainer-crWFPm {
margin-bottom: 0;
}
.connection__6dbd8 {
margin-bottom: 0;
background-color: var(--card-color-filled);
border: none;
padding: 0;
border-radius: var(--card-radius-big);
}
.connection__6dbd8 .connectionHeader__2b82f {
margin-bottom: 0;
padding: 16px;
background-color: transparent;
font-size: 1.25em;
line-height: normal;
color: var(--card-header-text-color);
font-weight: 400;
opacity: 1;
}
.connection__6dbd8 .connectionOptionsWrapper__1b820 {
padding: 0 16px 16px;
}
.connection__6dbd8 .connectionOptionsWrapper__1b820 .connectionOptionSwitch_e439d0 {
padding-left: 0;
padding-right: 0;
}
.connection__6dbd8 .connectionOptionsWrapper__1b820 .connectionOptionSwitch_e439d0:last-of-type {
margin-bottom: 0;
}
.connection__6dbd8 .divider_d6f39c {
margin: 0 16px;
border-top-color: var(--card-border-color);
}
.connection__6dbd8 .metadataContainer__1842c, .connection__6dbd8 .container__42d70 {
--card-color-filled: var(--card-color-alt);
margin: 0 16px 16px;
background-color: var(--card-color-filled);
border: none;
padding: 12px;
border-radius: var(--card-radius-big);
}
.connection__6dbd8 .upsellWrapper_c40434 {
padding: 0;
}
.connection__6dbd8 .container__42d70 .button__581d0 {
min-width: 130px;
}
.integrationsWrapper__57a1b {
padding: 0;
}
.integrationsWrapper__57a1b .h5__28baa {
margin: 0;
padding: 16px 16px 8px;
}
.integrationsWrapper__57a1b .integration_b27c42 {
--card-color-filled: var(--card-color-alt);
margin: 0 16px 2px;
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
border-radius: 4px;
}
.integrationsWrapper__57a1b .integration_b27c42:first-of-type {
border-radius: var(--card-radius-big) var(--card-radius-big) 4px 4px;
}
.integrationsWrapper__57a1b .integration_b27c42:last-of-type {
margin-bottom: 16px;
border-radius: 4px 4px var(--card-radius-big) var(--card-radius-big);
}
.integrationsWrapper__57a1b .integration_b27c42:only-child {
border-radius: var(--card-radius-big);
}
.integrationsWrapper__57a1b .integration_b27c42 .button__581d0 {
background-color: hsl(var(--accent-hsl), 0.1);
color: hsl(var(--accent-hsl--material-you));
}
/**/
.connectionsChecksGroup-_ALevE {
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
}
.connectionsChecksGroup-_ALevE.connectionsChecksGroupPassed-16h0PT {
background-color: var(--card-color-active);
}
.roleGranted-QK31f8 {
margin-top: 0;
padding: 16px;
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
}
.roleGranted-QK31f8 .text-lg-semibold__84aef {
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 .heading-lg-semibold__85c17, .channelsGranted-1nZk5r .heading-lg-semibold__58a54 {
font-size: 1.1em;
font-weight: 400;
}
/*
*
* USER SETTINGS DEVICES
*
*/
.sessions__7b95a > div:not([class]) {
background-color: var(--card-color-filled);
border: none;
padding: 0;
border-radius: var(--card-radius-big);
}
.otherSessions_bb9ad2 {
margin-top: 32px;
background-color: var(--card-color-filled);
border: none;
padding: 0;
border-radius: var(--card-radius-big);
}
.sessions__7b95a .sectionTitle__3e02b,
.otherSessions_bb9ad2 .sectionTitle__3e02b {
margin-bottom: 0;
padding: 16px;
background-color: transparent;
font-size: 1.25em;
line-height: normal;
color: var(--card-header-text-color);
font-weight: 400;
opacity: 1;
}
.sessions__7b95a .sectionTitle__3e02b .eyebrow__4e5bb,
.otherSessions_bb9ad2 .sectionTitle__3e02b .eyebrow__4e5bb {
margin-bottom: -8px;
line-height: normal;
font-size: inherit;
color: var(--card-header-text-color);
font-weight: 400;
}
.session__201cb {
position: relative;
padding: 16px;
gap: 16px;
border-bottom: none;
}
.session__201cb:before {
position: absolute;
content: " ";
width: calc(100% - 16px);
height: 100%;
top: 0;
left: 8px;
background-color: var(--card-color-hover);
border-radius: calc(var(--card-radius-big) / 1.65);
opacity: 0;
transition: var(--default-time) var(--default-animation) opacity;
}
.session__201cb:last-of-type {
padding-bottom: 24px;
}
.session__201cb:last-of-type:before {
height: calc(100% - 8px);
}
.session__201cb:hover:before {
opacity: 1;
}
.session__201cb > * {
z-index: 2;
}
.session__201cb .sessionIcon_df2e9c {
background-color: hsl(var(--accent-hsl--material-you));
color: var(--accent-text-color--material-you);
}
.session__201cb .sessionInfoRow_a9ccc2:not(.eyebrow_e5a66c) {
color: var(--text-muted);
}
.session__201cb .eyebrow_e5a66c {
font-size: 14px;
text-transform: none;
}
/*
*
* USER SETTINGS DISCORD EXPERIMENTS
*
*/
.group_c2a6cb {
margin-top: 16px;
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
}
.group_c2a6cb .title_c1fb85 {
margin-bottom: 0;
}
.group_c2a6cb .eyebrow__4e5bb {
margin-top: 16px;
}
.group_c2a6cb .experimentDate__71d06 {
line-height: 42px;
}
.group_c2a6cb .description__6963e {
margin: 8px 0;
}
.group_c2a6cb .button__581d0 {
--button-height: 18px;
--button-padding: 0;
font-size: 0.875em !important;
font-weight: 400;
}
.group_c2a6cb .divider__8c9f4 {
display: none;
}
/*
*
* USER SETTINGS FAMILY CENTER
*
*/
.container_ec90d4 {
background-color: var(--chat-color) !important;
}
.container_ec90d4 .sideNavContent_b60709 {
padding: 24px;
}
.container_db1b74,
.container_cf8001 {
max-width: 1400px;
align-items: center;
gap: 16px;
}
.max-width_dfc421, .max-width__1da95 {
max-width: unset;
}
.banner_d7a5a9,
.container__5a2c3 {
width: 100%;
}
.banner_d7a5a9 .heading-xl-medium_d9a851 {
font-weight: 400;
}
.container_d5dec4,
.container__7d3e2,
.container__5a2c3,
.box__6431e,
.enableCard_f36203 {
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big);
box-shadow: none;
}
.container_d5dec4,
.container__5a2c3 {
padding: 24px;
}
.featureCards__2c4e7 {
margin-top: 0;
gap: 16px;
}
.container__7d3e2 .heading-md-bold__17daa,
.container__5a2c3 .heading-md-bold__17daa {
font-size: 20px;
font-weight: 400;
}
.circle_cbbd13 {
background-color: var(--card-button-color);
}
.circle_cbbd13 .icon_e9a87f {
color: var(--text-muted);
}
.container__5a2c3 {
margin-top: 0;
}
.container__5a2c3 .text-xxs-bold_c8b7bc {
font-size: 12px;
font-weight: 500;
}
.container__5a2c3 .row__9455d {
background-color: var(--card-color-alt);
border-radius: var(--card-radius-big);
}
.container__5a2c3 .iconContainer_fe08af {
background-color: var(--card-button-color);
}
.box__6431e {
padding: 24px;
}
.box__6431e .heading-xl-medium_d9a851 {
font-weight: 400;
}
.stepNumber__2f0cb {
background-color: var(--card-button-color);
}
.stepNumber__2f0cb .heading-md-semibold-3sznX7, .stepNumber__2f0cb .heading-md-semibold__7cb23 {
color: var(--text-muted) !important;
}
/*
*
* USER SETTINGS GAME OVERLAY
*
*/
.wrapper__4b6b3 {
border-radius: var(--card-radius-big);
border-color: hsl(var(--accent-hsl--material-you));
}
.wrapper__4b6b3 .option__1d8de {
border-radius: var(--card-radius-big);
}
.wrapper__4b6b3 .option__1d8de:hover {
background-color: hsl(var(--accent-hsl--material-you));
opacity: 0.6;
}
.wrapper__4b6b3 .option__1d8de.selected__4e154 {
background-color: hsl(var(--accent-hsl--material-you));
border-color: hsl(var(--accent-hsl--material-you));
box-shadow: var(--shadow-1dp);
}
/*
*
* USER SETTINGS KEYBINDS
*
*/
.warning__4da7a {
background-color: hsl(var(--warning-hsl), 0.3);
border-radius: var(--card-radius-big);
border: none;
}
.warning__4da7a .icon_aa840e {
color: hsl(var(--warning-hsl));
}
.children_aba8cb .marginBottom20__9fcf3 + .divider_d6f39c {
display: none;
}
.row__7007e {
--input-color: var(--input-color-alt);
padding: 16px;
background-color: var(--card-color-filled);
border-bottom: 1px solid var(--card-border-color);
box-shadow: none !important;
}
.row__7007e:first-child {
border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
}
.row__7007e:last-child {
margin-bottom: 40px;
border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
border-bottom: none;
}
.row__7007e:only-child {
border-radius: var(--card-radius-big);
border-bottom: none;
}
.row__7007e .keybindGroup_aa4e13 {
margin: 0;
padding: 0;
border-left: none;
border-right: none;
}
.row__7007e .keybindGroup_aa4e13:last-of-type {
border-radius: 0;
border-bottom: none;
}
.row__7007e .keybindGroup_aa4e13:before {
display: none;
}
.row__7007e .removeKeybind-2YVgVG {
right: -12px;
}
.row__7007e .container__8267c .button__581d0 {
width: auto;
}
.key__6a8d9 {
height: 24px;
padding: 0 8px;
background-color: var(--card-color-active);
border-radius: 12px;
border: none !important;
box-shadow: none !important;
line-height: 24px;
color: var(--text-normal);
}
.key__6a8d9 g {
fill: var(--text-normal);
}
/* KEYBINDS -> DEFAULT */
.defaultKeybindGroup_fe8d85 {
margin: 24px 0 0;
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big);
}
.defaultKeybindGroup_fe8d85 .defaultKeybind__48ba0 + .divider__14bb6 {
display: block;
}
.defaultKeybindGroup_fe8d85 .divider__14bb6 {
width: calc(100% - 32px);
margin: 0 16px;
border-top-color: var(--card-border-color);
}
.defaultKeybindGroup_fe8d85 .divider__14bb6:last-of-type {
display: none;
}
.defaultKeybind__48ba0 {
padding: 0 16px;
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big);
}
.defaultKeybind__48ba0 + .divider__14bb6 {
display: none;
}
.defaultKeybindGroupHeader__3c306 {
margin-bottom: 0;
padding: 16px 16px 0;
font-size: 18px;
text-transform: none;
font-weight: 500;
}
.defaultKeybindGroupHeader__3c306 + .divider__14bb6 {
display: none;
}
.defaultKeybindGroupDescription_e38653 {
margin-bottom: 0;
padding: 16px 16px 0;
}
.defaultKeybindGroupDescription_e38653 + .divider__14bb6 {
display: none;
}
/*
*
* USER SETTINGS MY ACCOUNT
*
*/
.accountProfileCard__744d8 {
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big);
}
.accountProfileCard__744d8 .userInfo_fb7651 {
position: relative;
height: 88px;
padding: 16px 16px 16px 130px;
}
.accountProfileCard__744d8 .userInfo_fb7651 .wrapper__3ed10 {
top: unset;
bottom: 21px;
background-color: var(--card-color-filled);
border: 8px solid var(--card-color-filled);
}
.accountProfileCard__744d8 .bannerSVGWrapper__8a38c circle {
display: none;
}
.accountProfileCard__744d8 .background__4e802 {
position: relative;
margin: 0;
padding: 0;
background-color: transparent;
border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
}
.accountProfileCard__744d8 .background__4e802:before {
position: absolute;
content: " ";
width: calc(100% - 32px);
height: 1px;
top: 0;
left: 16px;
background-color: var(--card-border-color);
}
.accountProfileCard__744d8 .background__4e802 .fieldList__4e6dd {
margin-top: 0;
padding: 16px;
}
.accountProfileCard__744d8 .background__4e802 .fieldList__4e6dd .constrainedRow__72f7a .button__581d0 {
margin-left: 8px;
}
.accountProfileCard__744d8 .background__4e802 .fieldList__4e6dd .button__581d0:not(:last-child) {
margin-right: 16px;
}
.settingsBanner__01382 {
position: relative;
border-radius: calc(var(--card-radius-big) / 1.5);
}
.fieldList__4e6dd {
padding: 0;
background-color: transparent;
border-radius: 0;
}
.credentialList_d804bc {
margin-bottom: 16px;
background-color: var(--card-color-filled);
border: none;
padding: 8px;
border-radius: var(--card-radius-big);
}
.credentialItem__6dd48 {
border-radius: calc(var(--card-radius-big) / 1.65);
border-top: none;
transition: var(--default-time) var(--default-animation) background-color;
}
.credentialItem__6dd48:not(:last-child) {
margin-bottom: 0;
}
.credentialItem__6dd48:hover {
background-color: var(--card-color-hover);
}
/*
*
* USER SETTINGS NITRO
*
*/
.container-3D-8Ly {
border-radius: var(--card-radius-big);
}
.ctaWrapper-4Js5Q6 {
border-radius: var(--card-radius-big);
}
.ctaWrapper-4Js5Q6 .ctaButtonInner-2VRelf {
color: var(--button-text-color);
}
.innerWrapper_fd8553 {
background-color: var(--popout-color);
box-shadow: var(--shadow-3dp);
}
.tierCard__2407b {
border-radius: var(--card-radius-big);
}
.giftCard__4b868 {
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big);
}
/* USER SETTINGS -> NITRO -> SERVER BOOST */
.gradient__79da8 {
border-radius: var(--card-radius-big);
}
.wave_e98f7c {
fill: var(--card-color-filled);
}
.wrapper__70ed0 {
margin-top: 30px;
}
.guildContainer_fef06f,
.wrapper__6b347 {
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big);
}
.wrapper_d3adb0 {
border-radius: var(--card-radius-big);
}
.wrapper_d3adb0 .card__67edb {
border-radius: var(--card-radius-big);
}
/*
*
* USER SETTINGS PARTY MODE
*
*/
.achievementContainer_da3a24 {
background-color: var(--card-color-outlined);
border: 1px solid var(--card-border-color);
padding: 16px;
border-radius: var(--card-radius-big);
}
.container__709be {
background-color: var(--card-color-outlined);
border: 1px solid var(--card-border-color);
padding: 16px;
border-radius: var(--card-radius-big);
}
.container__709be:hover {
background-color: var(--card-color-outlined);
}
.container__709be .container_a4ea19 {
background-color: var(--menu-item-hover);
}
.container_d0ab3a {
padding: var(--tooltip-padding);
background-color: var(--tooltip-color);
box-shadow: var(--tooltip-shadow);
border-radius: 28px;
}
.container_d0ab3a .container_a4ea19 {
background-color: rgba(0, 0, 0, 0.35);
}
.container_d0ab3a .text-md-semibold-3xVVGu,
.container_d0ab3a .text-xs-medium-2LRpEj {
color: var(--tooltip-text-color) !important;
}
.comboNameplate_c61ccc {
background-color: var(--popout-color);
box-shadow: var(--shadow-3dp);
border-radius: 18px;
}
.comboNameplate_c61ccc .comboMultiplier__90409 {
color: hsl(var(--accent-hsl--material-you)) !important;
}
.progressBar-1T6LYX {
background-color: hsl(var(--accent-hsl--material-you)) !important;
}
/*
*
* USER SETTINGS PRIVACY AND SAFETY
*
*/
.profile_db01cf {
margin-left: 0;
}
.avatarBackground__1bc8d {
background-color: var(--card-color-filled);
}
.status__21a48 [style*="color: var(--status-positive)"] {
color: var(--success-color) !important;
}
.line_bfb82b {
background-color: var(--card-color-active);
}
.marker_ec77a6 {
margin: 0 !important;
background-color: var(--card-color-active);
}
.marker_ec77a6 path {
fill: var(--success-color);
transform: translate(-1px, -1px) scale(1.091);
}
.marker_ec77a6 .empty__3837d {
background-color: var(--card-color-filled);
}
/*
*
* USER SETTINGS PROFILES
*
*/
.tabBar__22a9a .tabBarItem_c09345 {
border-bottom: none;
}
.tabBar__22a9a .tabBarItem_c09345.selected-g-kMVV {
position: relative;
background-color: transparent !important;
border: none;
}
.tabBar__22a9a .tabBarItem_c09345.selected-g-kMVV:after {
position: absolute;
content: " ";
width: 90%;
height: 3px;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
background: var(--tab-border-color);
border-radius: 3px 3px 0 0;
transition: var(--default-time) ease all;
}
.baseLayout_a5adfd {
gap: 16px;
}
.notice-1Qe0b_ {
background-color: var(--card-color-outlined);
border: 1px solid var(--card-border-color);
padding: 8px;
border-radius: var(--card-radius-big);
}
.upsellOverlayContainer__9580e,
.upsellTextContainer__3adf2 {
border-radius: var(--card-radius-big);
}
.upsellOverlayContainer__9580e {
overflow: hidden;
}
.container-5BK5-N, .container__686c4 {
border-radius: var(--card-radius-big);
}
.customizationSection__0f57e {
--input-color: var(--input-color-alt);
margin-bottom: 16px;
background-color: var(--card-color-filled);
border: none;
padding: 16px;
border-radius: var(--card-radius-big);
}
.customizationSection__0f57e:last-child:not(.withDivider__600e1) {
padding-bottom: 16px;
}
.customizationSection__0f57e.hideDivider__92728 {
padding-bottom: 16px;
}
.customizationSection__0f57e.preview_de6062 {
max-width: unset;
}
.customizationSection__0f57e.profileThemeSectionPremiumBorder-pH_ioT {
margin: 0 0 16px;
background: linear-gradient(var(--main-color), var(--main-color)) padding-box, linear-gradient(45deg, hsl(269, calc(var(--saturation-factor, 1) * 52.7%), 52.7%), hsl(325, calc(var(--saturation-factor, 1) * 31.7%), 51.8%)) border-box;
border-width: 2px;
}
.customizationSection__0f57e.profileThemeSectionPremiumBorder-pH_ioT + .divider-2bhE_v {
display: none;
}
.customizationSection__0f57e.profileThemeSectionPremiumBorder-pH_ioT .inlineUpsell-3zPTgw {
background-color: var(--card-color-outlined);
border: 1px solid var(--card-border-color);
padding: 16px;
border-radius: var(--card-radius-big);
}
.customizationSection__0f57e.preview-Z55SA3 .title__7a155 {
display: none;
}
.customizationSection__0f57e .title__7a155 {
margin: -16px -16px 0;
margin-bottom: 0;
padding: 16px;
background-color: transparent;
font-size: 1.25em;
line-height: normal;
color: var(--card-header-text-color);
font-weight: 400;
opacity: 1;
}
.customizationSection__0f57e .title__7a155 .titleText-1IEWzs {
line-height: normal;
font-size: inherit;
color: var(--card-header-text-color);
font-weight: 400;
}
.customizationSection__0f57e .removeButton__8fc63 {
margin-left: 16px;
}
.customizationSectionBorder_c632bd {
margin: -16px;
background: linear-gradient(var(--card-color-filled), var(--card-color-filled)) padding-box, linear-gradient(45deg, hsl(269, calc(var(--saturation-factor, 1) * 52.7%), 52.7%), hsl(325, calc(var(--saturation-factor, 1) * 31.7%), 51.8%)) border-box;
border-radius: var(--card-radius-big);
}
.customizationSectionBorder_c632bd .background_cc41fb {
padding: 16px;
}
.customizationSectionBorder_c632bd .nitroWheel__9fc3e {
height: 22px;
}
.bioTextArea_f46f71 {
--input-padding: 0 12px;
height: 136px !important;
max-height: 136px !important;
padding: var(--input-padding) !important;
background-color: var(--input-color) !important;
border-radius: calc(136px / 2) !important;
border: none;
border-radius: 19px !important;
}
.bioTextArea_f46f71 .textAreaWithoutAttachmentButton__8a454 {
padding: 12px 0;
}
.profileBannerPreview-3mLIdO {
background-color: var(--popout-color);
border-radius: var(--popout-radius-big);
box-shadow: var(--shadow-3dp);
}
.profileBannerPreview-3mLIdO .avatarUploaderInner__71578 {
background-color: transparent;
border: none;
box-shadow: var(--shadow-3dp);
}
.profileBannerPreview-3mLIdO .avatarUploaderInner__71578:focus-within .avatarUploaderHint-2ZdBlc, .profileBannerPreview-3mLIdO .avatarUploaderInner__71578:hover .avatarUploaderHint-2ZdBlc {
background-color: rgba(0, 0, 0, 0.5);
border-radius: 50%;
}
.decorationGridItem__4316a, .effectGridItem__485d8 {
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;
}
.decorationGridItem__4316a:hover, .effectGridItem__485d8:hover {
background-color: var(--card-color-hover);
}
.decorationPreview__863a0 {
background-color: var(--card-color-filled);
border: none;
padding: 0;
border-radius: var(--card-radius-big);
}
.smallDecorationPreviewsContainer__968c0 {
background-color: var(--card-color-filled);
border: none;
padding: 8px;
border-radius: var(--card-radius-big);
}
/* USER SETTINGS PROFILES -> TRY OUT NITRO SECTION */
.tryItOutSection_d658ca {
position: relative;
margin: 16px 0 0;
padding: 0;
border-radius: var(--card-radius-big);
border: none;
}
.tryItOutSection_d658ca:before {
position: absolute;
content: " ";
width: calc(100% - 4px);
height: calc(100% - 4px);
top: 0;
left: 0;
background: linear-gradient(var(--main-alt), var(--main-alt)) padding-box, linear-gradient(45deg, hsl(269, calc(var(--saturation-factor, 1) * 52.7%), 52.7%), hsl(325, calc(var(--saturation-factor, 1) * 31.7%), 51.8%)) border-box;
border-radius: inherit;
border: 2px solid transparent;
}
.tryItOutSection_d658ca .premiumBackground__4f769 {
padding: 16px;
background: var(--card-color-filled);
border-radius: var(--card-radius-big);
}
/*
*
* USER SETTINGS REGISTERED GAMES
*
*/
.notDetected__14b92 {
background-color: var(--card-color-filled) !important;
border: none !important;
padding: 16px;
border-radius: var(--card-radius-big) !important;
}
.notDetected__14b92 .gameName_c1c8a6 {
color: var(--text-normal) !important;
}
.notDetected__14b92 .lastPlayed__0b4ef {
color: var(--text-muted) !important;
}
.nowPlaying_a3b60b {
border-radius: var(--card-radius-big);
border: none;
}
.nowPlaying_a3b60b .flowerStar_fa5ad8 path {
fill: #fff;
}
.nowPlaying_a3b60b .childContainer__3a40c path {
fill: #000;
}
.nowPlayingAdd_ab1001 {
margin: 16px 0;
color: var(--text-normal) !important;
}
.nowPlayingAdd_ab1001 .lookLink_a2da25 {
margin-left: 8px;
}
.nowPlayingAdd_ab1001 + .marginTop40_bda863 {
margin-top: 0;
}
.nowPlayingAdd_ab1001 + .marginTop40_bda863 .eyebrow__4e5bb {
margin-bottom: 0;
padding: 16px;
background-color: transparent;
font-size: 1.25em;
line-height: normal;
color: var(--card-header-text-color);
font-weight: 400;
opacity: 1;
padding: 16px 16px 8px;
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
}
.game__19f4b {
padding: 16px;
background-color: var(--card-color-filled);
border-radius: 0 !important;
border: none;
}
.game__19f4b:last-of-type {
border-radius: 0 0 var(--card-radius-big) var(--card-radius-big) !important;
box-shadow: none !important;
}
.game__19f4b .gameName_c1c8a6 {
font-weight: 500;
}
.game__19f4b:hover .gameNameInput__3e1e4 {
background-color: var(--input-color-alt);
}
.game__19f4b .gameNameInput__3e1e4 {
margin-left: -4px;
padding: 0 4px;
border: none;
border-radius: 12px;
line-height: 24px;
transition: var(--default-time) var(--default-animation) background-color;
}
.game__19f4b .gameNameInput__3e1e4:hover, .game__19f4b .gameNameInput__3e1e4:focus {
background-color: var(--input-color-alt);
}
.game__19f4b .overlayStatusText__668e1 {
color: var(--text-muted) !important;
}
.game__19f4b .button_e1ac5c {
right: -12px;
}
/*
*
* USER SETTINGS SERVER BOOST
*
*/
.cardWrapper_bc8d2a {
background-color: var(--card-color-outlined);
border: 1px solid var(--card-border-color);
padding: 0;
border-radius: var(--card-radius-big);
}
.cardWrapper_bc8d2a .card__11580 {
border-radius: var(--card-radius-big);
}
.wrapper_adaea0 {
border-radius: var(--card-radius-big);
}
.header__5c5a9 {
background-color: var(--card-color-filled);
border-radius: var(--card-radius-big);
}
.border__8d6b3 {
display: none;
}
.guild__74638 {
background-color: var(--card-color-outlined);
border: 1px solid var(--card-border-color);
padding: 0;
border-radius: var(--card-radius-big);
}
.guild__74638 .guildHeader__30707 {
background-color: transparent;
border-bottom: 1px solid var(--card-border-color);
}
.guildSubscriptionSlots__5823d {
padding: 0;
background-color: transparent;
}
.guildSubscriptionSlots__5823d .guildSubscriptionSlot_b76fc6 {
padding: 16px;
position: relative;
border-bottom: none;
}
.guildSubscriptionSlots__5823d .guildSubscriptionSlot_b76fc6:after {
position: absolute;
content: " ";
width: calc(100% - 16px * 2);
height: 1px;
right: 0;
bottom: 0;
margin: 0 16px;
background-color: var(--card-border-color);
}
.guildSubscriptionSlots__5823d .guildSubscriptionSlot_b76fc6:last-of-type:after {
display: none;
}
.wrapper__4308f {
background-color: var(--card-color-filled);
border: none;
padding: 24px 24px 8px;
border-radius: var(--card-radius-big);
}
.wrapper__4308f .heading__9e382 {
font-weight: 400;
}
.wrapper__4308f .list__80e1b {
border-top: none;
}
.wrapper__4308f .listItem_b7467d {
border-bottom-color: var(--card-border-color);
}
.wrapper__4308f .listItem_b7467d:last-child {
border-bottom: none;
}
/*
*
* USER SETTINGS THEME EDITOR
*
*/
.themeEditor__8f359 {
margin-left: 8px;
padding: 0;
background-color: var(--chat-color);
border-radius: var(--card-radius-big) var(--card-radius-big) 0 var(--card-radius-big);
border-left: none;
}
.themeEditor__8f359:before, .themeEditor__8f359:after {
position: absolute;
content: " ";
width: var(--card-radius-big);
height: var(--card-radius-big);
left: calc((var(--card-radius-big) + 8px) * -1);
bottom: 0;
pointer-events: none;
}
.themeEditor__8f359:before {
background-color: var(--main-alt);
}
.themeEditor__8f359:after {
background-color: var(--chat-color);
border-bottom-right-radius: var(--card-radius-big);
}
.themeEditor__8f359 .editorHeader_dcb84f {
padding: 16px;
}
.themeEditor__8f359 .editorFooter_fbea75 {
padding: 0 16px 16px;
}
.themeEditor__8f359 .heading-lg-extrabold__9db67 {
font-size: 1.25em;
line-height: normal;
color: var(--card-header-text-color);
font-weight: 400;
}
.themeEditor__8f359 .selectionGroup__08907 {
margin-top: 0;
}
.themeEditor__8f359 div[role=radiogroup] {
margin-bottom: 24px;
background-color: transparent;
border: none;
}
/*
*
* USER SETTINGS VOICE AND VIDEO
*
*/
.soundButtonSettingContainer__3821b {
background-color: var(--card-color-hover);
border-radius: calc(var(--card-radius-big) / 1.65);
}
.micTestButton_b8ff4b {
width: auto;
}
/*%micTest {
align-items: flex-start;
}*/
.wrapper_e5073f {
height: 4px;
border-radius: 2px;
overflow: hidden;
}
.wrapper_e5073f .container_ced194 {
width: 100% !important;
}
.wrapper_e5073f [style*="background: linear-gradient(to right, var(--yellow-260), var(--green-360))"].container_ced194 {
background: var(--success-color) !important;
}
.wrapper_e5073f .progress_bcbb99 {
background-color: var(--card-color-hover);
}
.wrapper_e5073f .notches__5406c {
display: none;
}
.micTestCaption__7ec1b {
top: 22px;
left: 148px;
}
.inputSensitivityBar__70b28 .fill__20131 {
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_d3535e {
background-color: var(--card-color-filled);
border: none;
padding: 0;
border-radius: var(--card-radius-big);
}
.cameraWrapper_d3535e video {
border-radius: var(--card-radius-big);
}
.backgroundOption__5ab0d {
border-radius: var(--card-radius-big);
}
.backgroundOptionRing__45698 {
border-radius: var(--card-radius-big);
border-color: hsl(var(--accent-hsl--material-you));
}
.backgroundOptionInner_a128bb {
background-color: var(--card-color-filled);
border-radius: calc(var(--card-radius-big) - 4px);
}
.backgroundOptionInner_a128bb .backgroundOptionContent_ffff79 {
color: var(--text-normal);
}
/*
*
* SETTINGS CONTENT AREA
*
*/
.contentRegion__08eba {
background-color: var(--main-content-color);
overflow: hidden;
}
.contentRegion__08eba .h1_dc86b3,
.contentRegion__08eba .heading-lg-semibold__85c17,
.contentRegion__08eba .heading-lg-semibold__58a54,
.contentRegion__08eba .bd-settings-title {
font-size: 22px;
font-weight: 400;
}
.contentRegion__08eba .bd-settings-group-title {
font-size: 14px;
text-transform: none;
font-weight: 500;
}
.eyebrow__4e5bb {
font-weight: 500;
}
/*
*
* SIDEBAR
*
*/
.sidebarRegionScroller__8113e {
background-color: var(--main-alt);
}
.sidebarRegion__36437 {
flex: 0;
}
.sidebar__02e8d {
--sidebar-width: 240px;
width: var(--sidebar-width);
margin: 0;
padding: 60px 0 40px;
}
.sidebar__02e8d .side_b4b3f6 {
width: inherit;
}
.sidebar__02e8d .item__48dda {
width: calc(var(--sidebar-width) - 18px);
height: 32px;
margin-left: 12px;
padding: 0 16px;
line-height: 32px;
border-radius: var(--channel-radius);
transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color;
box-sizing: border-box;
}
.sidebar__02e8d .item__48dda.selected_a523ff {
background-color: hsl(var(--accent-hsl), 0.3) !important;
}
.sidebar__02e8d .item__48dda.selected_a523ff:before {
opacity: 1;
}
.sidebar__02e8d .item__48dda.selected_a523ff .premiumLabel__68f78 {
color: var(--interactive-active) !important;
}
.sidebar__02e8d .item__48dda svg {
display: none;
}
.sidebar__02e8d .item__48dda .selectedBackground__4039b {
display: none;
}
.sidebar__02e8d .item__48dda .textBadge_f05120 {
background-color: hsl(var(--accent-hsl--material-you)) !important;
color: var(--accent-text-color--material-you);
}
.sidebar__02e8d .header__71a82,
.sidebar__02e8d .bd-sidebar-header {
margin: 10px 28px 12px;
padding: 0;
color: var(--text-muted) !important;
}
.sidebar__02e8d .eyebrow_b3f8ba,
.sidebar__02e8d .bd-sidebar-header-label {
font-size: 0.8em;
text-transform: none;
}
.sidebar__02e8d .bd-sidebar-header-label {
padding: 0;
line-height: 16px;
color: inherit;
}
.sidebar__02e8d .separator_d14fb1 {
position: relative;
height: 1px;
margin: 10px 22px 10px 28px;
background: transparent;
}
.sidebar__02e8d .separator_d14fb1:before {
position: absolute;
content: " ";
width: 100%;
height: 1px;
background: rgba(114, 118, 125, 0.3);
}
[style="background-color: var(--brand-500);"].textBadge_f05120 {
background-color: hsl(var(--accent-hsl--material-you)) !important;
color: var(--accent-text-color--material-you);
}
.contentColumnDefault__78de3,
.contentColumnMinimal__7b4f5,
.contentColumnWide__146ec,
.customColumn__0b6a6,
.customScroller_b96e1e > div {
flex: 1 1 auto;
min-width: 350px;
max-width: 1400px;
left: 0;
right: 0;
margin: 0 auto;
}
.contentColumnDefault__78de3,
.contentColumnWide__146ec {
padding: 60px;
}
.customHeader-f9DEJ_ {
padding-top: 0;
}
.customContainer__64260 {
width: auto;
}
.customContainer__64260 .auto-2K3UW5 {
background-color: var(--main-color) !important;
border-top-left-radius: var(--card-radius-big);
}
.customContainer__64260 .customScroller_b96e1e {
padding-right: 0 !important;
}
.customContainer__64260 .customScroller_b96e1e .content-28mbXd div:not([class])[style="height: 60px;"] {
height: 0 !important;
}
.customContainer__64260 .customScroller_b96e1e > div {
position: relative;
min-width: 350px;
max-width: 1400px;
margin: 0 auto 60px;
padding: 60px 97px 60px 60px !important;
}
.customContainer__64260 .customScroller_b96e1e > .customHeader_c68a90 {
padding: 0;
}
.customContainer__64260 .customScroller_b96e1e .customHeader_c68a90 {
padding-top: 0;
}
.card-2ART2V:before {
margin: 0 60px;
}
.customColumn__0b6a6 + .toolsContainer__4e6ad,
.contentRegion__08eba div[role=tabpanel] + .toolsContainer__4e6ad {
position: absolute;
width: 60px;
height: 60px;
right: 0;
}
.customColumn__0b6a6 + .toolsContainer__4e6ad .tools_c0ff70,
.contentRegion__08eba div[role=tabpanel] + .toolsContainer__4e6ad .tools_c0ff70 {
position: absolute;
width: 36px;
right: 0;
}
.contentColumnMinimal__7b4f5 {
padding: 60px 80px 80px;
}
.sidebarScrollable_d64933 .flexChild-3PzYmX[style*="padding: 60px 15px 80px 20px;"] {
padding: 60px 8px 40px 0 !important;
}
.sidebarScrollable_d64933 + .content-2ssVKB[style*="padding: 60px 0px 80px 20px;"] {
padding: 0 0 0 20px !important;
}
.sidebarScrollable_d64933 + .content-2ssVKB {
position: relative;
width: calc(100% - 232px);
left: 232px;
right: 0;
margin-left: 0;
padding: 0 !important;
}
.sidebarScrollable_d64933 .side_b4b3f6 .header__71a82:first-child {
margin: 0 0 8px 0;
padding: 0 0 0 10px !important;
}
.socialLinks_dbdd6f,
.info__755e1 {
padding: 8px 12px 8px 26px;
}
/* SIDEBAR -> LIGHT THEME WITH DARK SIDEBAR */
.sidebarRegion__36437.theme-dark:after {
position: absolute;
content: " ";
width: calc(100vw - 246px);
height: 100%;
top: 0;
right: 0;
background-color: var(--main-alt);
pointer-events: none;
z-index: -1;
}
.contentRegion__08eba {
z-index: 2;
}
/*
*
* USER SETTINGS
*
*/
.layer_f7d46a,
.standardSidebarView__12528 {
background-color: var(--main-alt);
}
.contentRegion__08eba {
background-color: var(--main-color);
border-radius: var(--card-radius-big) var(--card-radius-big) 0 var(--card-radius-big);
}
.contentRegion__08eba .contentRegionScroller__9ae20 {
background-color: transparent;
}
.closeButton__8177f {
position: relative;
border: none;
}
.closeButton__8177f: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__8177f:hover:after {
opacity: 1;
transform: scale(1.2);
animation: scale 150ms var(--default-animation), opacity 150ms ease;
}
.closeButton__8177f:active:after {
background-color: hsl(var(--md-ripple-color), 0.2);
}
.closeButton__8177f:hover {
background-color: transparent !important;
}
.closeButton__8177f:active {
transform: translateX(0px);
}
.noticeRegion_b8b9df,
.saveNoticeContainer__67513 {
left: 0;
right: 0;
margin: 0 auto;
}
.saveNoticeContainer__67513 {
left: 252px;
}
.container__353bc {
padding: 8px 8px 8px 16px;
background-color: var(--popout-color) !important;
border-radius: 4px;
box-shadow: var(--shadow-2dp) !important;
}
.container__353bc .actions_cfaf37 {
flex-direction: row-reverse;
}
.container__353bc .lookFilled__950dd {
--button-padding: 0 12px;
--button-background: transparent;
--button-text-color: hsl(var(--accent-hsl--material-you));
--accent-button-action-hover: 0.14;
--accent-button-action-active: 0.21;
}
.container__353bc .lookFilled__950dd:after {
--accent-button-action: hsl(var(--button-link-accent-color));
}
.container__353bc .resetButton_ae2936 {
--button-padding: 0;
min-width: var(--button-height);
margin-left: 0;
font-size: 0;
}
.container__353bc .resetButton_ae2936:before {
display: flex;
position: absolute;
content: " ";
width: 18px;
height: 18px;
background-color: var(--text-normal);
-webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/close.svg);
-webkit-mask-repeat: no-repeat;
transform: scale(1.333333);
}
.container__353bc .resetButton_ae2936 .contents__322f4 {
display: none;
}
.keybind-13vtq8 {
color: var(--text-muted) !important;
}
/*
*
* ANIMATIONS
*
*/
@keyframes top-pop-out {
from {
transform: translate(0, -20px);
opacity: 0;
}
}
@keyframes bottom-pop-out {
from {
transform: translate(0, 20px);
opacity: 0;
}
}
@keyframes show-user-status-right {
from {
transform: translateX(-3%) translateY(0%) translateZ(0px);
opacity: 0;
}
}
@keyframes show-user-status-left {
from {
transform: translateX(3%) translateY(0%) translateZ(0px);
opacity: 0;
}
}
@keyframes show-status {
from {
transform: translateY(15%) translateX(0%) translateZ(0px);
}
}
@keyframes status {
from {
transform: scale(0);
opacity: 0;
}
}
@keyframes opacity {
from {
opacity: 0;
}
}
@keyframes open-context-menu {
from {
transform: scale(1, 0.5);
}
}
@keyframes scale {
from {
transform: scale(0);
}
}
@keyframes shadowPulse_b16790 {
0% {
box-shadow: 0 0 6px hsl(var(--accent-hsl--material-you), 0.3);
}
50% {
box-shadow: 0 0 10px hsl(var(--accent-hsl--material-you), 0.6);
}
to {
box-shadow: 0 0 6px hsl(var(--accent-hsl--material-you), 0.3);
}
}
@keyframes rotate-panel-icon {
25% {
transform: rotate(-8deg);
}
50% {
transform: rotate(4deg);
}
75% {
transform: rotate(-4deg);
}
100% {
transform: rotate(-2deg);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment