@import url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/css/fonts/google-sans.css");
@import url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/css/icons.css");
:root {
  --app-font: "Google Sans";
  --app-bg: var(--main-alt);
  --accent-hue: 224;
  --accent-saturation: 71%;
  --accent-lightness: 61%;
  --accent-hsl: var(--accent-hue),calc(var(--accent-saturation) * var(--saturation-factor)),var(--accent-lightness);
  --accent-text-color: hsl(0,0%,100%);
  --alert-hue: 0;
  --alert-saturation: 85%;
  --alert-lightness: 61%;
  --alert-hsl: var(--alert-hue), calc(var(--alert-saturation) * var(--saturation-factor)), var(--alert-lightness);
  --alert-text-color: hsl(0,0%,100%);
  --warning-hue: 40;
  --warning-saturation: 86.4%;
  --warning-lightness: 56.9%;
  --warning-hsl: var(--warning-hue), calc(var(--warning-saturation) * var(--saturation-factor)), var(--warning-lightness);
  --warning-text-color: hsl(0,0%,100%);
  --success-color: hsl(153,46%,49%);
  --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_bd26cc,
.appMount_ea7e65 {
  background-color: transparent;
}

.appMount_ea7e65 {
  background: var(--app-bg);
}

.bg_d4b6c5,
.container_e40c16 {
  background: var(--app-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.bg_d4b6c5.theme-dark {
  background-color: var(--main-alt);
}

.platform-win .bg_d4b6c5 {
  top: calc((var(--window-title-bar) + 4px) * -1);
}

.layers_a01fb1 {
  z-index: 1000;
}

.anchor-1MIwyf,
.icon_e40c16,
.colorBrand-21Le_q,
.colorBrand_fbc755 {
  color: hsl(var(--accent-hsl));
}

/* APP ELEMENTS -> LIGHT THEME WITH DARK SIDEBAR */
.bg_d4b6c5.theme-dark:after {
  position: absolute;
  content: " ";
  width: var(--card-radius-big);
  height: calc(100vh - 22px);
  top: 26px;
  left: 312px;
  background-color: var(--chat-color);
  pointer-events: none;
}

.sidebar_a4d4d9.theme-dark + .chat_a7d72e,
.sidebar_a4d4d9.theme-dark + .container_c2739c,
.sidebar_a4d4d9.theme-dark + .container_a94980,
.sidebar_a4d4d9.theme-dark + .applicationStore_cecc86,
.sidebar_a4d4d9.theme-dark + .shop_e77fa3,
.sidebar_a4d4d9.theme-dark + .container_d576e9 {
  border-radius: var(--card-radius-big);
  border-bottom-right-radius: 0;
}

/* APP ELEMENTS -> LOADING ICONS */
.path_b6db20,
.path2_b6db20,
.path3_b6db20 {
  stroke: hsl(var(--accent-hsl--material-you)) !important;
}

.path2_b6db20 {
  opacity: 0.6;
}

.path3_b6db20 {
  opacity: 0.2;
}

.wanderingCubes_b6db20 .item_b6db20 {
  background-color: hsl(var(--accent-hsl--material-you));
}

/* APP ELEMENTS -> TITLEBAR */
.wordmark_a934d8.wordmarkWindows_a934d8 {
  width: auto;
  height: var(--window-title-bar);
  padding: 0 0 0 4px;
  line-height: var(--window-title-bar);
  font-size: 0.9em;
  color: var(--text-normal);
}
.wordmark_a934d8.wordmarkWindows_a934d8:before, .wordmark_a934d8.wordmarkWindows_a934d8:after {
  position: relative;
  width: auto;
  height: 22px;
}
.wordmark_a934d8.wordmarkWindows_a934d8:before {
  content: "Material";
  font-weight: 700;
}
.wordmark_a934d8.wordmarkWindows_a934d8:after {
  content: "Discord";
}
.wordmark_a934d8.wordmarkWindows_a934d8 svg {
  display: none;
}

.typeWindows_a934d8.withFrame_a934d8 {
  height: var(--window-title-bar);
  margin-top: 0;
}
.typeWindows_a934d8 .winButton_a934d8 {
  height: var(--window-title-bar);
  top: 0;
}
.typeWindows_a934d8 .winButton_a934d8:before {
  position: absolute;
  content: " ";
  width: 12px;
  height: 12px;
  background-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  filter: brightness(40%);
  z-index: 2;
  opacity: 0;
  transition: var(--default-time) var(--default-animation) opacity;
  pointer-events: none;
}
.typeWindows_a934d8 .winButton_a934d8:hover:before {
  opacity: 1;
}
.typeWindows_a934d8 .winButton_a934d8:after {
  position: absolute;
  content: " ";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: var(--window-button);
  transition: var(--default-time) var(--default-animation);
  pointer-events: none;
}
.typeWindows_a934d8 .winButton_a934d8:active:after {
  opacity: 0.65;
}
.typeWindows_a934d8 .winButton_a934d8.winButtonMinMax_a934d8:nth-last-of-type(2):hover:after {
  background-color: var(--window-button-max);
}
.typeWindows_a934d8 .winButton_a934d8.winButtonMinMax_a934d8:nth-last-of-type(2):before {
  background-color: var(--window-button-max);
  -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/window_maximize.svg);
  -webkit-mask-repeat: no-repeat;
}
.typeWindows_a934d8 .winButton_a934d8.winButtonMinMax_a934d8:nth-last-of-type(1):hover:after {
  background-color: var(--window-button-min);
}
.typeWindows_a934d8 .winButton_a934d8.winButtonMinMax_a934d8:nth-last-of-type(1):before {
  background-color: var(--window-button-min);
  -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/window_minimize.svg);
  -webkit-mask-repeat: no-repeat;
}
.typeWindows_a934d8 .winButton_a934d8.winButtonClose_a934d8:hover:after {
  background-color: var(--window-button-close);
}
.typeWindows_a934d8 .winButton_a934d8.winButtonClose_a934d8:before {
  background-color: var(--window-button-close);
  -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/window_close.svg);
  -webkit-mask-repeat: no-repeat;
}
.typeWindows_a934d8 .winButton_a934d8:hover, .typeWindows_a934d8 .winButton_a934d8:active {
  background-color: transparent;
}
.typeWindows_a934d8 .winButton_a934d8 svg {
  display: none;
}

html:not(.app-focused) .typeWindows_a934d8 .winButton_a934d8:after {
  background-color: var(--window-button-inactive);
}
html:not(.app-focused) .typeWindows_a934d8 .winButton_a934d8.winButtonMinMax_a934d8:after {
  background-color: var(--window-button-inactive);
}

/*
 *
 *	LOGIN SCREEN
 *
 */
.authBox_dc6abe {
  padding: 24px 24px 0;
  background-color: var(--popout-color) !important;
  border-radius: var(--popout-radius-big) !important;
  box-shadow: var(--shadow-3dp) !important;
}
.authBox_dc6abe:last-child {
  padding-bottom: 24px;
}
.authBox_dc6abe .mainLoginContainer_d58f04 {
  margin-right: 24px;
  padding-right: 24px;
  border-right: 1px solid var(--card-border-color);
}
.authBox_dc6abe .heading-xl-semibold__5e2e4 {
  margin-bottom: 16px;
  font-weight: 400;
}
.authBox_dc6abe .verticalSeparator_c6cd4b {
  display: none;
}
.authBox_dc6abe .qrLogin_c6cd4b {
  height: 320px;
}
.authBox_dc6abe .needAccount_d58f04 {
  line-height: 24px;
}
.authBox_dc6abe .lookLink_dd4f85 .size14_fb468f {
  line-height: var(--button-height);
}
.authBox_dc6abe:not(.chooseAccountAuthBox_b4df52) .lookLink_dd4f85 {
  --button-height: 17px;
  --button-padding: 0;
  --button-radius: 0;
  font-size: 14px !important;
  font-weight: 400 !important;
}
.authBox_dc6abe:not(.chooseAccountAuthBox_b4df52) .lookLink_dd4f85:after {
  display: none;
}
.authBox_dc6abe:not(.chooseAccountAuthBox_b4df52) .lookLink_dd4f85:hover {
  text-decoration: underline !important;
}
.authBox_dc6abe .needAccount_d58f04 + .lookLink_dd4f85 {
  position: relative;
  top: -3px;
}

.navRow_be9398 {
  height: auto;
  padding: 24px;
  background-color: transparent !important;
}
.navRow_be9398 .button_dd4f85 {
  margin: 0;
}
.navRow_be9398 .button_dc6abe {
  margin: 0;
}

/*
 *
 *	CHANNELS LIST
 *
 */
.sidebar_a4d4d9 {
  border-radius: var(--card-radius-big) 0 0 var(--card-radius-big) !important;
  overflow: hidden;
}
.sidebar_a4d4d9.hasNotice_a4d4d9 {
  border-radius: 0 !important;
}
.sidebar_a4d4d9,
.sidebar_a4d4d9 .container_ee69e0 {
  background-color: var(--main-color);
}
.sidebar_a4d4d9 .content_eed6a8 {
  margin-bottom: 11px;
}
.sidebar_a4d4d9 .name_a08117 {
  font-size: 14px;
  text-transform: none;
}
.sidebar_a4d4d9 .container_fd6364:not(.hasBanner_fd6364) .header_fd6364 {
  background-color: var(--main-color);
}
.sidebar_a4d4d9 .unread_c10249 {
  font-size: 14px;
  text-transform: none;
  background-color: var(--popout-color);
  box-shadow: var(--shadow-2dp);
  color: var(--text-normal);
}

.link_d8bfb3 {
  margin: 0 8px;
  padding: 0 !important;
  background-color: transparent !important;
  overflow: visible;
}
.link_d8bfb3 .linkTop_d8bfb3,
.link_d8bfb3 .content_cc29d1 {
  min-height: 32px;
  gap: 8px;
  align-items: center;
}

.voiceChannelsButton_a08117 {
  background-color: hsl(var(--button-link-accent-color), 0.15);
  border-radius: 16px;
  border: none;
  color: var(--text-normal);
  transition: var(--default-time) var(--default-animation) background-color;
}
.voiceChannelsButton_a08117:hover {
  background-color: hsl(var(--button-link-accent-color), 0.2);
}

.animatedContainer_fd6364 {
  box-shadow: none;
}

.animatedContainer_fd6364,
.bannerImage_fd6364 {
  border-radius: var(--card-radius-big);
}

.communityInfoPill_fd6364 {
  background-color: var(--card-color-filled);
  color: var(--text-normal);
}

.container_ff2ab3 {
  margin: 8px;
  background-color: var(--card-color-filled);
  border: none;
  padding: 12px;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

.container_eba0ba.top_eba0ba {
  padding-top: 4px;
}
.container_eba0ba.bottom_eba0ba {
  bottom: 12px;
  padding-bottom: 4px;
}

.bar_eba0ba {
  background-color: var(--popout-color);
  box-shadow: var(--shadow-3dp);
}

.mentionsBar_eba0ba {
  background-color: hsl(var(--alert-hsl));
}
.mentionsBar_eba0ba .barText_eba0ba {
  color: var(--alert-text-color) !important;
}

.barText_eba0ba {
  font-size: 14px;
  text-transform: none;
  font-weight: 500;
}

#bd-notices + .content_a4d4d9 .sidebar_a4d4d9 {
  border-radius: 0 !important;
}

/* CHANNELS LIST -> SERVER SHOP */
.previewChannelRow_c5d9bc {
  margin: 2px 2px 0 8px;
  padding: 0;
  border-radius: var(--channel-radius);
  color: var(--channels-default);
  transition: var(--default-time) var(--default-animation) background-color !important;
}
.previewChannelRow_c5d9bc:hover {
  background-color: var(--menu-item-hover);
  color: var(--interactive-hover);
}
.previewChannelRow_c5d9bc.selected_c5d9bc {
  background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity));
  color: var(--interactive-active);
}

.previewChannelRowContent_c5d9bc {
  background-color: transparent !important;
}

.shopIcon_c5d9bc,
.channelLabel__86693 {
  color: inherit !important;
  transition: var(--default-time) var(--default-animation) color;
}

/* CHANNELS LIST -> ACTION BUTTONS */
.container-3ygkZ6 {
  margin-left: 8px;
  margin-right: 2px;
}

.actionButton-2ae9DJ {
  background-color: transparent;
  border-radius: 17px;
  border: 1px solid var(--card-border-color);
  transition: var(--default-time) var(--default-animation) background-color;
}
.actionButton-2ae9DJ:hover {
  background-color: var(--menu-item-hover);
}
.actionButton-2ae9DJ.actionButtonSelected-2a5GGr {
  background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity));
  border-color: transparent;
}

.actionButtonIcon-2kvKdL path[d="M12.3345 2.71469L21.0315 10.542C21.3721 10.8486 21.1553 11.4137 20.697 11.4137H19V18.4137C19 18.9659 18.5523 19.4137 18 19.4137H15C14.4477 19.4137 14 18.9659 14 18.4137V13.4137H10V18.4137C10 18.9659 9.55228 19.4137 9 19.4137H6C5.44771 19.4137 5 18.9659 5 18.4137V11.4137H3.30298C2.84473 11.4137 2.62789 10.8486 2.96849 10.542L11.6655 2.71469C11.8557 2.54356 12.1443 2.54356 12.3345 2.71469Z"] {
  d: path("M12 5.69l5 4.5V18h-2v-6H9v6H7v-7.81l5-4.5M12 3L2 12h3v8h6v-6h2v6h6v-8h3L12 3z");
}
.actionButtonIcon-2kvKdL path[d="M21.487 5.126L12.487 0.126C12.184 -0.042 11.818 -0.042 11.515 0.126L2.51498 5.126C2.19798 5.302 2.00098 5.636 2.00098 5.999C2.00098 6.693 2.11498 22.999 12.001 22.999C21.887 22.999 22.001 6.693 22.001 5.999C22.001 5.636 21.804 5.302 21.487 5.126ZM12.001 5.999C13.382 5.999 14.501 7.118 14.501 8.499C14.501 9.88 13.382 10.999 12.001 10.999C10.62 10.999 9.50098 9.88 9.50098 8.499C9.50098 7.118 10.62 5.999 12.001 5.999ZM8.25098 16C8.25098 13.699 9.69998 12.25 12.001 12.25C14.302 12.25 15.751 13.699 15.751 16H8.25098Z"] {
  d: path("M12,5A3.5,3.5 0 0,0 8.5,8.5A3.5,3.5 0 0,0 12,12A3.5,3.5 0 0,0 15.5,8.5A3.5,3.5 0 0,0 12,5M12,7A1.5,1.5 0 0,1 13.5,8.5A1.5,1.5 0 0,1 12,10A1.5,1.5 0 0,1 10.5,8.5A1.5,1.5 0 0,1 12,7M5.5,8A2.5,2.5 0 0,0 3,10.5C3,11.44 3.53,12.25 4.29,12.68C4.65,12.88 5.06,13 5.5,13C5.94,13 6.35,12.88 6.71,12.68C7.08,12.47 7.39,12.17 7.62,11.81C6.89,10.86 6.5,9.7 6.5,8.5C6.5,8.41 6.5,8.31 6.5,8.22C6.2,8.08 5.86,8 5.5,8M18.5,8C18.14,8 17.8,8.08 17.5,8.22C17.5,8.31 17.5,8.41 17.5,8.5C17.5,9.7 17.11,10.86 16.38,11.81C16.5,12 16.63,12.15 16.78,12.3C16.94,12.45 17.1,12.58 17.29,12.68C17.65,12.88 18.06,13 18.5,13C18.94,13 19.35,12.88 19.71,12.68C20.47,12.25 21,11.44 21,10.5A2.5,2.5 0 0,0 18.5,8M12,14C9.66,14 5,15.17 5,17.5V19H19V17.5C19,15.17 14.34,14 12,14M4.71,14.55C2.78,14.78 0,15.76 0,17.5V19H3V17.07C3,16.06 3.69,15.22 4.71,14.55M19.29,14.55C20.31,15.22 21,16.06 21,17.07V19H24V17.5C24,15.76 21.22,14.78 19.29,14.55M12,16C13.53,16 15.24,16.5 16.23,17H7.77C8.76,16.5 10.47,16 12,16");
  transform: scale(1.025);
}
.actionButtonIcon-2kvKdL path[d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7v-5z"] {
  d: path("M12 12H17V17H12V12M19 3H18V1H16V3H8V1H6V3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M19 5V7H5V5H19M5 19V9H19V19H5Z");
}
.actionButtonIcon-2kvKdL path[d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7v-5z"] ~ rect {
  display: none;
}

/* CHANNELS LIST -> CHANNEL */
.wrapper_d8bfb3 {
  margin: 2px 2px 0 8px;
  padding: 0 !important;
  border-radius: var(--channel-radius);
  transition: var(--default-time) var(--default-animation) background-color !important;
}
.wrapper_d8bfb3:hover {
  background-color: var(--menu-item-hover);
}
.wrapper_d8bfb3.modeSelected_d8bfb3 {
  background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity));
}
.wrapper_d8bfb3.modeSelected_d8bfb3 .icon_d8bfb3 {
  color: var(--interactive-hover);
}
.wrapper_d8bfb3 .content_cc29d1 {
  margin-left: 0;
  background-color: transparent !important;
  border-radius: var(--channel-radius);
}
.wrapper_d8bfb3 .subtitle_d8bfb3 {
  color: hsl(var(--accent-hsl--material-you)) !important;
}

.icon_d8bfb3,
.name_d8bfb3 {
  transition: var(--default-time) var(--default-animation) color;
}

.newChannel_ecb303 {
  color: hsl(var(--accent-hsl--material-you));
}
[style="background-color: var(--brand-260);"].newChannel_ecb303 {
  background-color: hsl(var(--accent-hsl--material-you)) !important;
  color: var(--accent-text-color--material-you);
}

.typeThread_d8bfb3 .mainContent-20q_Hp {
  margin-left: 28px;
}

.unread_d8bfb3 {
  left: -8px;
}

.containerDefault_a08117 .addButton_a08117 {
  background-color: transparent !important;
  position: relative;
}
.containerDefault_a08117 .addButton_a08117:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: hsl(var(--md-ripple-color), 0.1);
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  transform: scale(1.2);
  transition: 300ms ease;
  z-index: 4;
}
.containerDefault_a08117 .addButton_a08117:hover:after {
  opacity: 1;
  transform: scale(1.5);
  animation: scale 150ms var(--default-animation), opacity 150ms ease;
}
.containerDefault_a08117 .addButton_a08117:active:after {
  background-color: hsl(var(--md-ripple-color), 0.2);
}

.containerDragBefore_f6f816:before,
.containerDragAfter_f6f816:after {
  left: 0;
  background-color: hsl(var(--accent-hsl--material-you));
}

.containerUserOver_f6f816:after {
  right: 4px;
  background-color: hsl(var(--accent-hsl), 0.1);
  border-radius: var(--card-radius-big);
  border-color: hsl(var(--accent-hsl), 0.5);
}

.users_a5bc92 {
  background-color: var(--status-picker-color);
}

.total_a5bc92 {
  background-color: var(--sidebar-panel-color);
}
.total_a5bc92:after {
  border-right-color: var(--sidebar-panel-color);
}

.statusDiv_e66732,
.subtitle_d8bfb3 .overflow_c74e70 {
  margin-bottom: 4px;
}

.textArea_ab60f4 {
  background-color: var(--input-color);
  border-radius: 22px;
}
.textArea_ab60f4 .placeholder_a552a6 {
  color: var(--input-placeholder-color);
}

/* CHANNELS -> VOICE USERS */
.list_a478e5 {
  padding: 0 2px 8px 36px;
}

.listDefault_cdc675 .content_cdc675 {
  min-height: 30px;
  margin: 2px 0 0;
  padding: 0 3px;
  gap: 8px;
}
.listDefault_cdc675 .content_cdc675 .userAvatar_ac3629 {
  margin: 0;
}
.listDefault_cdc675 .content_cdc675 .icons_cdc675 {
  margin-right: 0;
}
.listDefault_cdc675 .clickable_cdc675:hover .content_cdc675 {
  background-color: var(--menu-item-hover);
}
.listDefault_cdc675 .clickable_cdc675.selected_cdc675 .content_cdc675 {
  background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity));
}

.username_cdc675 {
  transition: var(--default-time) var(--default-animation) color;
}

.userAvatar_ac3629 {
  margin-left: 3px;
}
.userAvatar_ac3629 .avatar_c51b4e {
  border-radius: var(--avatar-radius);
}

.overlap_cdc675 .avatar_c51b4e {
  border-color: var(--main-color);
}

/* CHANNELS -> VOICE USERS -> CUSTOM VC ACTIVITY */
.iconSpacing_cdc675 {
  margin-left: 0;
}

.selfHangStatus__0c876 {
  margin-right: 0;
  background-color: var(--card-button-color);
  border-radius: 13px;
  border: none;
  transition: var(--default-time) var(--default-animation) background-color;
}

.popout_a9414b {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-3dp);
}
.popout_a9414b .iconWidget_a9414b {
  background-color: var(--card-button-color) !important;
  border-radius: 50%;
  border: none;
  transition: var(--default-time) var(--default-animation) background-color;
}
.popout_a9414b .iconWidget_a9414b:hover {
  background-color: var(--card-button-color-hover) !important;
}
.popout_a9414b .iconWidget_a9414b.selectedWidget_a9414b {
  background-color: var(--card-color-filled) !important;
}
.popout_a9414b .divider_a9414b {
  margin: 16px 0;
  background-color: var(--popout-header-border);
}
.popout_a9414b .iconsContainer_a9414b {
  padding: 0;
}
.popout_a9414b .setCustomButton_a9414b {
  height: var(--button-height);
  padding: 0 20px;
  background-color: hsl(var(--accent-hsl--material-you));
  border-radius: var(--button-radius);
  border: none;
  color: var(--accent-text-color--material-you);
  justify-content: center;
}
.popout_a9414b .setCustomButton_a9414b svg {
  display: none;
}
.popout_a9414b .setCustomButton_a9414b .editIconColor_a9414b {
  color: inherit;
}
.popout_a9414b .setCustomButton_a9414b .text-xs-medium__220aa, .popout_a9414b .setCustomButton_a9414b .text-xs-medium_d3e0f1 {
  color: inherit !important;
  font-size: 16px;
}

/*
 *
 *  CHANNELS LIST ICONS
 *
 */
.iconContainer_d8bfb3 {
  margin-right: 0 !important;
}

.children_d8bfb3:not(:empty) {
  height: 32px;
  gap: 8px;
  align-items: center;
}

.iconItem_f6f816 {
  position: relative;
  margin: 0;
  padding: 2px;
  position: relative;
}
.iconItem_f6f816:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: hsl(var(--md-ripple-color), 0.1);
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  transform: scale(1.2);
  transition: 300ms ease;
  z-index: 4;
}
.iconItem_f6f816:hover:after {
  opacity: 1;
  transform: scale(1.4);
  animation: scale 150ms var(--default-animation), opacity 150ms ease;
}
.iconItem_f6f816:active:after {
  background-color: hsl(var(--md-ripple-color), 0.2);
}
[role].iconItem_f6f816 .actionIcon_f6f816:active {
  transform: translateY(0);
}

/* VOICE */
.content_cdc675 {
  border-radius: 15px;
  transition: var(--default-time) var(--default-animation) background-color;
}
.content_cdc675 .ownerIcon_a31c43 {
  margin-right: 8px;
}

/*
 *
 *  CHANNELS LIST PANELS
 *
 */
.container_ee69e0:after {
  position: absolute;
  content: " ";
  width: calc(100% + 16px);
  height: 40px;
  left: -8px;
  bottom: 0;
  background: linear-gradient(0deg, var(--main-color) 0%, transparent 50%);
  pointer-events: none;
  z-index: 1;
}

.panels_a4d4d9 {
  position: relative;
  margin: -12px 8px 12px 12px;
  background-color: transparent !important;
  border-radius: var(--popout-radius-big);
  overflow: hidden;
}
.panels_a4d4d9 .button_f67531:hover {
  background-color: transparent !important;
}
.panels_a4d4d9 .button_f67531.enabled_f67531 {
  position: relative;
}
.panels_a4d4d9 .button_f67531.enabled_f67531:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: hsl(var(--md-ripple-color), 0.1);
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  transform: scale(1.2);
  transition: 300ms ease;
  z-index: 4;
}
.panels_a4d4d9 .button_f67531.enabled_f67531:hover:after {
  opacity: 1;
  transform: scale(1);
  animation: scale 150ms var(--default-animation), opacity 150ms ease;
}
.panels_a4d4d9 .button_f67531.enabled_f67531:active:after {
  background-color: hsl(var(--md-ripple-color), 0.2);
}

.container_6sXIoE,
.container_adcaac,
.activityPanel_a4d4d9,
.listeningAlong_cfdc9f {
  margin-bottom: 2px;
  background: var(--sidebar-panel-color);
  border-radius: 4px;
  border-bottom: none !important;
}

.activityPanel_a4d4d9 {
  background: var(--sidebar-panel-color) !important;
}
.activityPanel_a4d4d9 .gameIcon_bf1a22 {
  border-radius: 50%;
}

.container_adcaac .actionButtons_adcaac .button_dd4f85 {
  --button-padding: 0 12px;
}
.container_adcaac .maskSecondary_ccd671 {
  border-color: var(--sidebar-panel-color);
}

.actionButtons_adcaac .button_dd4f85 path[fill] {
  fill: currentColor !important;
}
.actionButtons_adcaac .button_dd4f85 path[stroke] {
  stroke: currentColor !important;
}

.container_b2ca13 {
  width: 100%;
  height: 44px !important;
  margin-bottom: 0 !important;
  background: var(--status-picker-color) !important;
  border-radius: 4px;
  box-sizing: border-box;
}
.container_b2ca13 .avatarWrapper_b2ca13 {
  flex-grow: 1;
  margin-right: 0;
}
.container_b2ca13 .withTagAsButton_b2ca13,
.container_b2ca13 .withTagless_b2ca13 {
  min-width: 0 !important;
  margin-left: 0;
  padding-left: 0;
}
.container_b2ca13 .withTagAsButton_b2ca13:hover,
.container_b2ca13 .withTagless_b2ca13:hover {
  background-color: transparent;
  border-radius: 0;
}
.container_b2ca13 .nameTag_b2ca13 {
  margin-right: 2px;
}
.container_b2ca13 .subtext_e06aad {
  line-height: 14px;
}
.container_b2ca13 .button_f67531 {
  color: var(--interactive-normal) !important;
}
.container_b2ca13 .button_f67531:hover {
  color: var(--interactive-hover) !important;
}

.unreadBottom__6be9f {
  bottom: 12px;
}

.container_bd9e38 {
  width: calc(100% - 16px);
  margin: 0 8px 20px;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-3dp);
}
.container_bd9e38 .content_bd9e38 {
  padding: 8px 0;
}
.container_bd9e38 .content_bd9e38 .text-sm-bold-1Dtt0R {
  color: var(--header-primary) !important;
}
.container_bd9e38 .content_bd9e38 .text-xs-normal_ccc5fb, .container_bd9e38 .content_bd9e38 .text-xs-normal__46d75 {
  color: var(--text-normal) !important;
}
.container_bd9e38 .content_bd9e38 .button_dd4f85 {
  --button-padding: 0 12px;
}
.container_bd9e38 .content_bd9e38 .lookInverted_a299dc {
  --button-background: hsl(var(--button-link-accent-color-color),0.15);
  --button-text-color: var(--button-link-accent-text-color);
}
.container_bd9e38 .video_bd9e38 {
  margin-top: -8px;
  border-radius: var(--popout-radius-big);
}

/*
 *
 *	PRIVATE CHANNELS LIST
 *
 */
.privateChannels_f0963d {
  background-color: var(--main-color);
}
.privateChannels_f0963d .scroller_c47fa9 {
  background-color: transparent;
}
.privateChannels_f0963d .content-2a4AW9 {
  margin-bottom: 20px;
}
.privateChannels_f0963d .favoriteIcon_c91bad path:last-child {
  d: path("M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55l-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z");
}

.searchBar_f0963d .searchBarComponent_f0963d {
  height: 32px;
  padding: 0 10px;
  background-color: var(--input-color);
  border-radius: 16px;
}

.channel_c91bad {
  margin-left: 8px;
  border-radius: var(--channel-radius);
}
.channel_c91bad:first-of-type {
  margin-top: 8px;
}
.channel_c91bad .interactive_f5eb4b {
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color;
}
.channel_c91bad .interactive_f5eb4b:hover {
  background-color: var(--menu-item-hover);
}
.channel_c91bad .interactive_f5eb4b.selected_f5eb4b {
  background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity));
}

.privateChannelsHeaderContainer_c47fa9 {
  padding: 18px 16px 4px;
  font-size: 14px;
  text-transform: none;
}

/*
 *
 *	CHAT AREA
 *
 */
.chat_a7d72e,
.threadSidebar-1o3BTy {
  background-color: var(--chat-color) !important;
}

.chat_a7d72e {
  border-top-right-radius: var(--card-radius-big);
}
.chat_a7d72e.threadSidebarOpen_a7d72e {
  border-radius: 0 var(--card-radius-big) var(--card-radius-big) 0;
}

.noChannel_e1ef5f {
  background-color: var(--chat-color);
  border-top-right-radius: var(--card-radius-big);
}

.notice__5fd4c + .content_a4d4d9 .chat_a7d72e,
#bd-notices + .content_a4d4d9 .chat_a7d72e {
  border-top-right-radius: 0;
}

.chatContent_a7d72e {
  background: transparent !important;
}

.chatHeaderBar_efb691 {
  background-color: var(--chat-color);
}
.chatHeaderBar_efb691:after {
  display: none;
}

.threadSidebar-1o3BTy {
  border-radius: var(--card-radius-big) 0 0 var(--card-radius-big);
}

.button_ccfa44 {
  --button-padding: 0 12px;
  color: var(--button-link-text-color);
}

.role_deddac {
  background-color: var(--message-color);
  border-radius: 12px;
}

/* CHAT AREA -> WELCOME SERVER OPTIONS */
.inner_f9902b {
  gap: 2px;
}

.cardWrapper_f9902b:nth-of-type(2) .card_f9902b {
  border-radius: var(--card-radius-big) var(--card-radius-big) 4px 4px;
}
.cardWrapper_f9902b:last-of-type .card_f9902b {
  border-radius: 4px 4px var(--card-radius-big) var(--card-radius-big);
}

.card_f9902b {
  margin-top: 0;
  background-color: var(--card-color-filled);
  border-radius: 4px;
  transition: var(--default-time) var(--default-animation) background-color;
}
.card_f9902b:hover {
  background-color: var(--card-color-hover);
}

/* CHAT AREA -> PLACEHOLDER */
.wrapper_cdfd51, .wrapper_b211c6 {
  background: var(--chat-color) !important;
}

.wrapper_cdfd51, .wrapper_b211c6 {
  background: transparent !important;
}

.attachment_b211c6,
.avatar_b211c6,
.blob_b211c6 {
  background: hsl(0, 0%, 100%) !important;
}

/* CHAT AREA -> NEW MESSAGES PILL */
.newMessagesPill__26926,
.newMessagesClear__308be {
  background-color: hsl(var(--accent-hsl--material-you)) !important;
  box-shadow: var(--shadow-3dp);
}

.newMessagesPill__26926 {
  position: relative;
  padding: 9px 16px;
  border-radius: 18px;
}
.newMessagesPill__26926:after {
  position: absolute;
  content: " ";
  width: 40px;
  height: 36px;
  top: 0;
  right: -24px;
  z-index: -1;
}
.newMessagesPill__26926 .defaultColor__77578, .newMessagesPill__26926 .defaultColor_e9e35f, .newMessagesPill__26926 .defaultColor_a595eb {
  color: var(--accent-text-color--material-you);
}

.newMessagesClear__308be {
  margin-left: 8px;
  padding: 10px;
  border-radius: 18px;
  border-left: none;
}
.newMessagesClear__308be .newMessagesClearIcon__0ab21 {
  color: var(--accent-text-color--material-you);
}

/* CHAT AREA -> NEW MESSAGES BAR */
.newMessagesBar_cf58b5 {
  top: 16px;
  left: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  box-shadow: none;
  opacity: 1;
  pointer-events: none;
  z-index: 4;
}

.barButtonBase_cf58b5 {
  height: unset;
  line-height: 18px;
  background-color: hsl(var(--accent-hsl--material-you));
  color: var(--accent-text-color--material-you);
  box-shadow: var(--shadow-2dp);
  pointer-events: all;
}

.barButtonMain_cf58b5 {
  flex: 0 1 auto;
  padding: 9px 16px;
  border-radius: 18px;
}

.barButtonAlt_cf58b5 {
  position: relative;
  margin-left: 8px;
  padding: 9px 10px;
  border-radius: 18px;
  font-size: 0;
}
.barButtonAlt_cf58b5:before {
  position: absolute;
  content: " ";
  width: calc(var(--button-radius) * 2 + 8px);
  height: var(--button-height);
  top: 0;
  left: calc((var(--button-radius) + 8px) * -1);
  background-color: transparent;
  z-index: -1;
}
.barButtonAlt_cf58b5 .barButtonIcon_cf58b5 {
  top: 0;
  margin: 0;
}
.barButtonAlt_cf58b5 .barButtonIcon_cf58b5 path {
  d: path("M18 7l-1.41-1.41-6.34 6.34 1.41 1.41L18 7zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41zM.41 13.41L6 19l1.41-1.41L1.83 12 .41 13.41z");
}

/* CHAT AREA -> NAVIGATOR */
.container__45e29 {
  right: 20px;
  justify-content: flex-end;
}

.navigator__2971c {
  background: hsl(var(--accent-hsl--material-you)) !important;
  border-radius: 30%;
  box-shadow: var(--shadow-3dp);
}
.navigator__2971c .button__78cb5 {
  width: 48px;
  height: 48px;
  padding: 0;
  border-radius: inherit;
  background: transparent !important;
  color: var(--accent-text-color--material-you) !important;
}
.navigator__2971c .icon_e00668 {
  width: 100%;
  height: 100%;
}

/* CHAT AREA -> JUMP TO PRESENT / NAVIGATOR */
.jumpToPresentBar_cf58b5 {
  width: 48px;
  height: 48px;
  border-radius: 30%;
  left: auto;
  right: 20px;
  bottom: 20px;
  padding: 0;
  background: hsl(var(--accent-hsl--material-you)) !important;
  box-shadow: var(--shadow-3dp);
}
.jumpToPresentBar_cf58b5:active {
  margin: 0 !important;
}
.jumpToPresentBar_cf58b5:after {
  content: " ";
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: 0;
  right: 0;
  background-color: var(--accent-text-color--material-you);
  -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/solid/expand.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-origin: content-box;
  transform: scale(2) translate(-6px, -6px);
}
.jumpToPresentBar_cf58b5 .barButtonBase_cf58b5 {
  width: inherit;
  height: inherit;
  padding: inherit;
}
.jumpToPresentBar_cf58b5 .barButtonBase_cf58b5.barButtonMain_cf58b5 {
  opacity: 0;
  z-index: 2;
}
.jumpToPresentBar_cf58b5 .barButtonBase_cf58b5.barButtonAlt_cf58b5 {
  display: none;
}
.jumpToPresentBar_cf58b5 .spinner_b6db20 {
  position: absolute;
  width: inherit;
  height: inherit;
  padding: inherit;
  background-color: hsl(var(--accent-hsl--material-you));
  border-radius: 50%;
  z-index: 3;
}
.jumpToPresentBar_cf58b5 .spinner_b6db20 .pulsingEllipsis-10G8Z6 {
  vertical-align: middle;
}

/*
 *
 *	DIRECT MESSAGES
 *
 */
.wrapper_d880dc {
  background-color: var(--main-color);
  box-shadow: var(--shadow-3dp);
}
.wrapper_d880dc.minimum_d880dc {
  background-color: var(--chat-color);
}
.wrapper_d880dc .callContainer_d880dc {
  border-radius: var(--card-radius-big) 0 0 var(--card-radius-big);
}
.wrapper_d880dc.chatSidebarOpen_d880dc .callContainer_d880dc {
  border-radius: var(--card-radius-big);
}

.content_a7d72e:before {
  display: none !important;
}

.border_ba4b17 {
  border-radius: var(--card-radius-big);
  transition: var(--default-time) var(--default-animation) box-shadow;
}

.quickSelect__540d0 {
  margin-top: 12px;
}

.scroller_bc9592 {
  padding: 8px 0;
  padding-right: 0 !important;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
}
.scroller_bc9592 .memberListHeader_bc9592 {
  margin: 8px 0;
  padding: 0 12px;
  color: var(--menu-item-text-color);
  text-transform: none;
}
.scroller_bc9592 .memberListItem_db70f7 {
  margin: 0;
  padding: 6px 12px;
  border-radius: 0;
  transition: var(--default-time) var(--default-animation) background-color;
}
.scroller_bc9592 .memberListItem_db70f7:not(.popoutDisabled_db70f7):hover {
  background-color: var(--menu-item-hover) !important;
}
.scroller_bc9592 .memberListItem_db70f7 .memberListItemText_bc9592 {
  color: var(--menu-item-text-color);
}
.scroller_bc9592::-webkit-scrollbar {
  width: 0 !important;
}

.root_a5ea57 {
  background-color: var(--card-color-filled);
}

.tile_dc5fc4 {
  border-radius: var(--card-radius-big);
}
.tile_dc5fc4 .button_dd4f85 .size16_fb468f {
  line-height: var(--button-height);
}

.overlayTitle_ba4b17 {
  border-radius: 16px;
}

.participantsButton_b83b18 {
  background-color: #2f3136 !important;
  border-radius: 16px !important;
}
.participantsButton_b83b18:hover {
  background-color: #202225 !important;
}

.compactButton_fcbce6 {
  background-color: hsl(var(--button-link-accent-color), 0.075);
}
.compactButton_fcbce6:hover {
  background-color: hsl(var(--button-link-accent-color), 0.1);
}

/* DIRECT MESSAGES -> VIDEO CALL REACTIONS */
.container-3a5mk- {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-3dp);
}

/* DIRECT MESSAGES -> SIDEBAR PROFILE */
.profilePanel_b433b4 {
  padding: 12px;
}
.profilePanel_b433b4 .scrollerBase_eed6a8::-webkit-scrollbar {
  width: 0 !important;
}
.profilePanel_b433b4 .userProfileInner_c69a7b:before {
  width: calc(100% - 24px);
  height: calc(100% - 24px);
  border-radius: var(--popout-radius-big);
}

.userPanelOuter_c69a7b {
  border-radius: var(--popout-radius-big);
  overflow: hidden;
}

.badgeList_ab525a {
  height: var(--button-height);
  border-radius: var(--button-radius);
}
.badgeList_ab525a:not(:empty) {
  padding: 0 7px;
}

.profilePanelConnections_b433b4 {
  margin: 6px 16px 16px;
}
.profilePanelConnections_b433b4:empty {
  margin: 0;
}
.profilePanelConnections_b433b4 .mutualFriendsDivider_b433b4 {
  position: relative;
  border-top: none;
}
.profilePanelConnections_b433b4 .mutualFriendsDivider_b433b4:before {
  position: absolute;
  content: " ";
  width: auto;
  height: 1px;
  top: 0;
  left: 12px;
  right: 12px;
  background-color: var(--card-border-color);
  box-sizing: border-box;
}
.profilePanelConnections_b433b4 .button_dd4f85 {
  --button-height: 42px;
  --button-padding: 0 12px;
  --button-background: transparent !important;
  --button-radius: 0;
  --button-text-color: var(--header-primary) !important;
}
.profilePanelConnections_b433b4 .button_dd4f85:after {
  display: none;
}

.connectionList_ce1058 {
  margin-bottom: 8px;
}
.connectionList_ce1058 .listRow_e4be58 {
  border-radius: calc(var(--popout-radius-big) - 8px);
}

/* DIRECT MESSAGES -> SPAM FILTER */
.hamBanner_d1cafc {
  margin: 8px;
  padding: 12px;
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

.chat_d6c7e0:before {
  display: none;
}

/*
 *
 *	DIRECT MESSAGES ICONS
 *
 */
.root_dd069c .videoControls_f316dd .button_dd4f85 path {
  /* DIRECT MESSAGES ICONS -> JOIN CALL */
  /* DIRECT MESSAGES ICONS -> STOP SCREEN SHARE */
  /* DIRECT MESSAGES ICONS -> SCREEN SHARE */
  /* DIRECT MESSAGES ICONS -> STOP WATCHING */
  /* DIRECT MESSAGES ICONS -> LEAVE CALL */
}
.root_dd069c .videoControls_f316dd .button_dd4f85 path[d="M11 5V3C16.515 3 21 7.486 21 13H19C19 8.589 15.411 5 11 5ZM17 13H15C15 10.795 13.206 9 11 9V7C14.309 7 17 9.691 17 13ZM11 11V13H13C13 11.896 12.105 11 11 11ZM14 16H18C18.553 16 19 16.447 19 17V21C19 21.553 18.553 22 18 22H13C6.925 22 2 17.075 2 11V6C2 5.447 2.448 5 3 5H7C7.553 5 8 5.447 8 6V10C8 10.553 7.553 11 7 11H6C6.063 14.938 9 18 13 18V17C13 16.447 13.447 16 14 16Z"] {
  d: path("M20 15.45c-1.25 0-2.45-.2-3.57-.57-.1-.03-.21-.05-.31-.05-.26 0-.51.1-.71.29l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1C8.7 6.4 8.5 5.2 8.5 3.95c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1zM5.03 4.95h1.5c.07.88.22 1.75.45 2.58l-1.2 1.21c-.4-1.21-.66-2.47-.75-3.79zM19 18.92c-1.32-.09-2.6-.35-3.8-.76l1.2-1.2c.85.24 1.72.39 2.6.45v1.51zM18 5.95v-3h-2v3h-3v2h3v3h2v-3h3v-2z");
}
.root_dd069c .videoControls_f316dd .button_dd4f85 path[d="M4 2.5C2.897 2.5 2 3.397 2 4.5V15.5C2 16.604 2.897 17.5 4 17.5H11V19.5H7V21.5H17V19.5H13V17.5H20C21.103 17.5 22 16.604 22 15.5V4.5C22 3.397 21.103 2.5 20 2.5H4ZM14.5483 6L16 7.45174L13.4466 9.99485L16 12.5483L14.5483 14L12.0051 11.4466L9.45174 14L8 12.5483L10.5534 9.99485L8 7.45174L9.45174 6L12.0051 8.55341L14.5483 6Z"] {
  d: path("M21.79 18l2 2H24v-2h-2.21zM1.11 2.98l1.55 1.56c-.41.37-.66.89-.66 1.48V16c0 1.1.9 2 2.01 2H0v2h18.13l2.71 2.71 1.41-1.41L2.52 1.57 1.11 2.98zM4 6.02h.13l4.95 4.93C7.94 12.07 7.31 13.52 7 15c.96-1.29 2.13-2.08 3.67-2.46l3.46 3.48H4v-10zm16 0v10.19l1.3 1.3c.42-.37.7-.89.7-1.49v-10c0-1.11-.9-2-2-2H7.8l2 2H20zm-7.07 3.13l2.79 2.78 1.28-1.2L13 7v2.13l-.07.02z");
}
.root_dd069c .videoControls_f316dd .button_dd4f85 path[d="M2 4.5C2 3.397 2.897 2.5 4 2.5H20C21.103 2.5 22 3.397 22 4.5V15.5C22 16.604 21.103 17.5 20 17.5H13V19.5H17V21.5H7V19.5H11V17.5H4C2.897 17.5 2 16.604 2 15.5V4.5ZM13.2 14.3375V11.6C9.864 11.6 7.668 12.6625 6 15C6.672 11.6625 8.532 8.3375 13.2 7.6625V5L18 9.6625L13.2 14.3375Z"] {
  d: path("M20 18c1.1 0 1.99-.9 1.99-2L22 6c0-1.11-.9-2-2-2H4c-1.11 0-2 .89-2 2v10c0 1.1.89 2 2 2H0v2h24v-2h-4zM4 16V6h16v10.01L4 16zm9-6.87c-3.89.54-5.44 3.2-6 5.87 1.39-1.87 3.22-2.72 6-2.72v2.19l4-3.74L13 7v2.13z");
}
.root_dd069c .videoControls_f316dd .button_dd4f85 path[d="M20 11V13.5H4V4.5H13V2.5H4C3.46957 2.5 2.96086 2.71071 2.58579 3.08579C2.21071 3.46086 2 3.96957 2 4.5L2 15.5C2 16.0304 2.21071 16.5391 2.58579 16.9142C2.96086 17.2893 3.46957 17.5 4 17.5H11V19.5H7V21.5H17V19.5H13V17.5H20C20.5304 17.5 21.0391 17.2893 21.4142 16.9142C21.7893 16.5391 22 16.0304 22 15.5V11H20Z"] {
  d: path("M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H3V5h18v14zM9.41 15.95L12 13.36l2.59 2.59L16 14.54l-2.59-2.59L16 9.36l-1.41-1.41L12 10.54 9.41 7.95 8 9.36l2.59 2.59L8 14.54z");
}
.root_dd069c .videoControls_f316dd .button_dd4f85 path[d="M20 11V13.5H4V4.5H13V2.5H4C3.46957 2.5 2.96086 2.71071 2.58579 3.08579C2.21071 3.46086 2 3.96957 2 4.5L2 15.5C2 16.0304 2.21071 16.5391 2.58579 16.9142C2.96086 17.2893 3.46957 17.5 4 17.5H11V19.5H7V21.5H17V19.5H13V17.5H20C20.5304 17.5 21.0391 17.2893 21.4142 16.9142C21.7893 16.5391 22 16.0304 22 15.5V11H20Z"] ~ path {
  display: none;
}
.root_dd069c .videoControls_f316dd .button_dd4f85 path[d="M21.1169 1.11603L22.8839 2.88403L19.7679 6.00003L22.8839 9.11603L21.1169 10.884L17.9999 7.76803L14.8839 10.884L13.1169 9.11603L16.2329 6.00003L13.1169 2.88403L14.8839 1.11603L17.9999 4.23203L21.1169 1.11603ZM18 22H13C6.925 22 2 17.075 2 11V6C2 5.447 2.448 5 3 5H7C7.553 5 8 5.447 8 6V10C8 10.553 7.553 11 7 11H6C6.063 14.938 9 18 13 18V17C13 16.447 13.447 16 14 16H18C18.553 16 19 16.447 19 17V21C19 21.553 18.553 22 18 22Z"] {
  d: path("M18.59 10.52c1.05.51 2.04 1.15 2.96 1.91l-1.07 1.07c-.58-.47-1.21-.89-1.88-1.27v-1.71m-13.2 0v1.7c-.65.37-1.28.79-1.87 1.27l-1.07-1.07c.91-.75 1.9-1.38 2.94-1.9M12 7C7.46 7 3.34 8.78.29 11.67c-.18.18-.29.43-.29.71s.11.53.29.7l2.48 2.48c.18.18.43.29.71.29.27 0 .52-.1.7-.28.79-.73 1.68-1.36 2.66-1.85.33-.16.56-.51.56-.9v-3.1C8.85 9.25 10.4 9 12 9s3.15.25 4.59.73v3.1c0 .4.23.74.56.9.98.49 1.88 1.11 2.67 1.85.18.17.43.28.7.28.28 0 .53-.11.71-.29l2.48-2.48c.18-.18.29-.43.29-.71s-.11-.53-.29-.71C20.66 8.78 16.54 7 12 7z");
}

/*
 *
 *	FORMAT TOOLBAR
 *
 */
.toolbar_de3e42 {
  background-color: var(--popout-color);
  border-radius: 16px;
  box-shadow: var(--shadow-3dp);
  overflow: hidden;
}
.toolbar_de3e42 .button_dd4f85 {
  --button-height: 32px;
  --button-background: transparent;
  --button-radius: 0;
  box-shadow: none !important;
  transition: var(--default-time) var(--default-animation) background-color !important;
}
.toolbar_de3e42 .button_dd4f85:hover {
  --button-background: var(--menu-item-hover);
}
.toolbar_de3e42 .button_dd4f85 .icon_de3e42 {
  color: var(--menu-item-text-color);
}
.toolbar_de3e42 .divider_de3e42 {
  border-left-color: var(--card-border-color);
}

/* FORMAT TOOLBAR -> BF TOOLBAR */
.bf-toolbar {
  min-height: 36px;
  padding: 4px 30px 10px 0 !important;
}
.bf-toolbar:before {
  background-color: var(--popout-color) !important;
  border-radius: 19px !important;
  box-shadow: var(--shadow-3dp);
}
.bf-toolbar .format {
  max-height: 36px !important;
  border-radius: 0 !important;
}
.bf-toolbar .format:nth-of-type(2) {
  border-radius: 19px 0 0 19px !important;
}

/*
 *
 *	MEMBERS LIST
 *
 */
.container_cbd271 {
  background-color: var(--main-color);
}

.members_cbd271, .members_cbd271 > div {
  background: var(--main-color);
}
.members_cbd271 .container_e9f61e {
  width: 100%;
  height: 42px;
  margin-left: 0;
  margin-bottom: 2px;
}
.members_cbd271 .container_e9f61e,
.members_cbd271 .container_e9f61e .layout_e9f61e {
  border-radius: var(--channel-radius);
}
.members_cbd271 .container_e9f61e .layout_e9f61e {
  width: calc(100% - 18px);
  margin-left: 8px;
  padding: 0 8px 0 8px;
  transition: 200ms ease all;
}
.members_cbd271 .container_e9f61e:hover .layout_e9f61e {
  background-color: var(--menu-item-hover);
}
.members_cbd271 .container_e9f61e.selected_e9f61e .layout_e9f61e {
  background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity));
}

.member_a31c43 {
  background: transparent !important;
}

.membersGroup_cbd271 {
  font-size: 14px !important;
  text-transform: none !important;
}

.botTag_a02df3 {
  border-radius: 8px !important;
}
.botTag_a02df3.botTagRegular_c89c9a {
  background-color: hsl(var(--accent-hsl--material-you));
  color: var(--accent-text-color--material-you);
}
.botTag_a02df3.botTagRegular_c89c9a .botTagVerified_a02df3 {
  z-index: 2;
}

/*
 *
 *  SEARCH RESULTS
 *
 */
.searchResultsWrap_c2b47d {
  margin: 12px 12px 12px 10px;
  background-color: var(--main-alt);
  border-radius: var(--popout-radius-big);
}

/* SEARCH RESULTS -> HEADER */
.searchHeader_b7c924 {
  padding: 0 16px;
  background-color: transparent;
  border-bottom: 1px solid var(--separator-color);
}

.searchHeaderTabList_b7c924 {
  height: 100%;
}
.searchHeaderTabList_b7c924 .item_a0 {
  height: 100%;
  margin: 0 0 0 8px;
  padding: 0 8px;
  line-height: 55px;
  border-radius: 0;
}
.searchHeaderTabList_b7c924 .item_a0:hover:not(.disabled-1nofHP), .searchHeaderTabList_b7c924 .item_a0.selected_a0 {
  background-color: transparent;
}
.searchHeaderTabList_b7c924 .item_a0.selected_a0 {
  position: relative;
  background-color: transparent !important;
  border: none;
}
.searchHeaderTabList_b7c924 .item_a0.selected_a0:after {
  position: absolute;
  content: " ";
  width: 80%;
  height: 3px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  background: var(--tab-border-color);
  border-radius: 3px 3px 0 0;
  transition: var(--default-time) ease all;
}

/* SEARCH RESULTS -> MESSAGES */
.scroller_c2b47d {
  padding: 8px;
}

.channelName-3w2Y3c {
  padding: 8px 8px 8px 12px;
  background-color: transparent;
  color: var(--card-header-text-color);
}

.searchResult_ddc613 {
  background-color: transparent;
  border-radius: 0;
}
.searchResult_ddc613 .wrapper_ec86aa {
  margin: 0 8px 0 60px !important;
  padding: 12px !important;
  border-radius: var(--message-radius);
}
.searchResult_ddc613 .wrapper_ec86aa:before, .searchResult_ddc613 .wrapper_ec86aa:after {
  display: none;
}
.searchResult_ddc613 .wrapper_ec86aa .avatar_ec86aa {
  top: 0 !important;
  left: -50px !important;
}

.buttonsContainer_ddc613 {
  top: 16px;
  right: 18px;
}
.buttonsContainer_ddc613 .button_ddc613 {
  padding: 4px 8px;
  border-radius: 12px;
}

.pageButton_b48941 {
  transition: var(--default-time) var(--default-animation) background-color;
}
.pageButton_b48941:hover {
  background-color: var(--card-button-color-hover);
}
.pageButton_b48941:disabled:hover {
  background-color: transparent;
}

.activeButton_b48941 {
  background-color: hsl(var(--accent-hsl--material-you)) !important;
  color: var(--accent-text-color--material-you) !important;
}

.endButton_b48941:first-child, .endButton_b48941:last-child {
  padding: var(--button-padding);
}
.endButton_b48941:first-child {
  --button-padding: 0 16px 0 12px;
}
.endButton_b48941:first-child .iconCaret_b48941 {
  margin-right: 8px;
}
.endButton_b48941:last-child {
  --button-padding: 0 12px 0 16px;
}
.endButton_b48941:last-child .iconCaret_b48941 {
  margin-left: 8px;
}

/*
 *
 *  SUMMARIES
 *
 */
.newTopicsBarContainer_cf58b5 {
  top: 16px;
  left: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  box-shadow: none;
  opacity: 1;
  pointer-events: none;
  z-index: 4;
}
.newTopicsBarContainer_cf58b5 .barButtonBase_cf58b5 {
  margin-left: 8px;
}
.newTopicsBarContainer_cf58b5 .barButtonMain_cf58b5 > div {
  position: unset !important;
}

.newTopicsBarTopicSection_cf58b5 {
  padding: 9px 16px;
  background-color: hsl(var(--accent-hsl--material-you));
  border-radius: 18px;
  color: var(--accent-text-color--material-you);
  box-shadow: var(--shadow-2dp);
  pointer-events: all;
}
.newTopicsBarTopicSection_cf58b5 .newTopicsBarIcon_cf58b5 {
  margin-left: 0;
}
.newTopicsBarTopicSection_cf58b5 .newTopicsBarText_cf58b5 {
  color: var(--accent-text-color--material-you);
}
.newTopicsBarTopicSection_cf58b5 .newTopicsBarCaret_cf58b5 {
  margin-right: 0;
}

.newTopicsBarTextSelected_cf58b5 {
  height: auto;
  background-color: transparent;
}

/* SUMMARIES -> NO NEW MESSAGES */
.topicsPillContainer_cf58b5 {
  height: var(--button-height);
  top: 16px;
  background-color: transparent;
  box-shadow: none;
  pointer-events: none;
}

.topicsPill_cf58b5 {
  align-items: center;
  justify-content: center;
}

.topicsPillText_cf58b5,
.topicsPillCarets_cf58b5 {
  background-color: hsl(var(--accent-hsl--material-you));
  color: var(--accent-text-color--material-you);
  border-radius: var(--button-radius);
  box-shadow: var(--shadow-2dp);
  pointer-events: all;
}

.topicsPillText_cf58b5 {
  flex: 0 1 auto;
  padding: 9px 16px;
}
.topicsPillText_cf58b5:hover .topicsPillDropdownCaret_cf58b5 {
  color: var(--accent-text-color--material-you);
}
.topicsPillText_cf58b5 .topicsPillTextSelected_cf58b5 {
  height: 18px;
  background-color: transparent;
}
.topicsPillText_cf58b5 .topicsPillSummaryIcon_cf58b5 {
  margin-right: 8px;
}
.topicsPillText_cf58b5 .topicsPillTextTitle_cf58b5,
.topicsPillText_cf58b5 .topicsPillDropdownCaret_cf58b5 {
  color: var(--accent-text-color--material-you);
}
.topicsPillText_cf58b5 .topicsPillDropdownCaret_cf58b5 {
  margin-right: 0;
}

.topicsPillCarets_cf58b5 {
  height: var(--button-height);
  margin-left: 8px;
  padding-right: 0;
  background-color: var(--chat-color);
}

.topicsPillCaret_cf58b5 {
  width: var(--button-height);
  background-color: hsl(var(--accent-hsl--material-you));
  color: var(--accent-text-color--material-you) !important;
  border: none;
}
.topicsPillCaret_cf58b5.topicsPillCaretDisabled_cf58b5 {
  opacity: 0.4;
}

/*
 *
 *	MAIN TEXTAREA
 *
 */
.form_a7d72e {
  margin-top: 0 !important;
  background-color: var(--chat-color);
}
.form_a7d72e:before {
  display: none;
}
.form_a7d72e .channelTextArea_d0696b {
  margin: 12px 0;
  background-color: transparent;
  border-radius: var(--main-textarea-radius);
}
.form_a7d72e .channelTextArea_d0696b.channelTextAreaDisabled_d0696b {
  opacity: 0.8;
}
.form_a7d72e .scrollableContainer_d0696b {
  background-color: var(--main-textarea-color);
  border-radius: var(--main-textarea-radius);
  opacity: 1;
}
.form_a7d72e .scrollableContainer_d0696b.hasConnectedBar_d0696b {
  border-radius: 0 0 var(--main-textarea-radius) var(--main-textarea-radius);
}
.form_a7d72e .textAreaDisabled_d0696b .placeholder_a552a6 {
  padding-left: 16px;
}
.form_a7d72e .inner_d0696b {
  padding-right: 10px;
}
.form_a7d72e .placeholder_a552a6 {
  color: var(--input-placeholder-color);
}
.form_a7d72e .editor_a552a6 {
  color: var(--input-text-color);
}
.form_a7d72e .attachedBars_d0696b {
  position: relative;
  background-color: var(--main-textarea-color);
  border-radius: var(--main-textarea-radius) var(--main-textarea-radius) 0 0;
  border-bottom: none;
}
.form_a7d72e .attachedBars_d0696b:after {
  position: absolute;
  content: " ";
  width: calc(100% - 24px);
  height: 1px;
  left: 0;
  bottom: 0;
  margin: 0 12px;
  background-color: var(--main-textarea-border);
}
.form_a7d72e .attachedBars_d0696b .replyBar_b11c5e {
  background-color: transparent;
  border-radius: 0;
}
.form_a7d72e .attachedBars_d0696b .separator_b11c5e {
  background-color: var(--main-textarea-border);
}
.form_a7d72e .attachedBars_d0696b .colorLink_fbc755 {
  color: hsl(var(--accent-hsl));
}
.form_a7d72e .attachedBars_d0696b + .scrollableContainer_d0696b {
  border-radius: 0 0 var(--main-textarea-radius) var(--main-textarea-radius);
}
.form_a7d72e .attachButtonPlus_f298d4 {
  d: path("M7.5,18A5.5,5.5 0 0,1 2,12.5A5.5,5.5 0 0,1 7.5,7H18A4,4 0 0,1 22,11A4,4 0 0,1 18,15H9.5A2.5,2.5 0 0,1 7,12.5A2.5,2.5 0 0,1 9.5,10H17V11.5H9.5A1,1 0 0,0 8.5,12.5A1,1 0 0,0 9.5,13.5H18A2.5,2.5 0 0,0 20.5,11A2.5,2.5 0 0,0 18,8.5H7.5A4,4 0 0,0 3.5,12.5A4,4 0 0,0 7.5,16.5H17V18H7.5Z");
}
.form_a7d72e .typing_d7ebeb {
  position: absolute;
  width: calc(100% - var(--scrollbar-width));
  top: -16px;
  left: 0;
  margin-top: 0;
  background-color: var(--typing-color);
  transition: 200ms ease-in-out;
}
.form_a7d72e .typing_d7ebeb .slowModeIcon_d7ebeb {
  margin-right: 8px;
}

.mentionButton_b11c5e {
  --text-link: hsl(var(--accent-hsl));
}

.threadSuggestionBar_b11c5e {
  position: relative;
  background-color: transparent;
  border: none;
}
.threadSuggestionBar_b11c5e:before {
  position: absolute;
  content: " ";
  width: calc(100% - 24px);
  height: 1px;
  top: 0;
  left: 0;
  margin: 0 12px;
  background-color: var(--main-textarea-border);
}
.threadSuggestionBar_b11c5e .createThreadButton_b11c5e {
  color: hsl(var(--accent-hsl)) !important;
}

.buttonContainer_a06035 .contents_dd4f85 {
  margin-left: 8px;
}
.buttonContainer_a06035 .activeButtonChild_a06035 {
  color: hsl(var(--accent-hsl)) !important;
}
.buttonContainer_a06035 .sendIcon_a06035 {
  padding-top: 0;
}
.buttonContainer_a06035 .sendIcon_a06035 path {
  d: path("M4.01 6.03l7.51 3.22-7.52-1 .01-2.22m7.5 8.72L4 17.97v-2.22l7.51-1M2.01 3L2 10l15 2-15 2 .01 7L23 12 2.01 3z");
}

.applicationCommandEducation-1stoia {
  top: -12px;
  bottom: unset;
  background-color: var(--typing-color);
}
.applicationCommandEducation-1stoia .applicationCommandEducationArrow-2xKDmq {
  transform: rotate(180deg) scaleX(-100%);
}

.wrapper_faf5ab {
  height: 44px;
  margin: 12px 0;
  padding: 0;
  background-color: var(--main-textarea-color);
  border-radius: var(--main-textarea-radius);
}
.wrapper_faf5ab .buttonContainer_faf5ab {
  margin-right: 4px;
}

.fakeLink_cdb578 {
  color: hsl(var(--accent-hsl));
}

.upload_df1eaf {
  background-color: var(--card-color-filled);
  border: none;
  padding: 8px;
  border-radius: var(--card-radius-big);
}
.upload_df1eaf .image-1091CL {
  border-radius: var(--card-radius-big);
}
.upload_df1eaf .wrapper_ef319f:hover {
  box-shadow: var(--shadow-3dp);
}
.upload_df1eaf .altTag_f847a3 {
  border-radius: 10px;
}

.spoiler_f847a3 {
  filter: blur(22px);
}

/* MAIN TEXTAREA -> SPAM FILTER */
.spamBanner_c1da2c {
  display: grid;
  grid-template-columns: 1fr auto;
  margin: 12px 16px;
  padding: 4px 8px;
  background-color: var(--main-textarea-color);
  border: 1px solid var(--main-textarea-border);
  border-radius: 28px;
}
.spamBanner_c1da2c .bannerTextContainer_c1da2c {
  margin: 0 8px 0 0;
}
.spamBanner_c1da2c .actionButtons_c1da2c {
  width: auto;
  margin: 0;
}

/* MAIN TEXTAREA -> INTRODUCTION */
.banner_d29eee {
  margin-top: 12px;
  padding: 12px 16px;
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}
.banner_d29eee .text-md-semibold__79164, .banner_d29eee .text-md-semibold__8664f {
  font-weight: 500;
}
.banner_d29eee .iconCircle_d29eee {
  width: var(--button-height);
  height: var(--button-height);
  background-color: hsl(var(--accent-hsl--material-you));
  border-radius: var(--button-radius);
}
.banner_d29eee .iconCircle_d29eee .nextIcon_d29eee {
  width: 20px;
  height: 20px;
}
.banner_d29eee .iconCircle_d29eee .nextIcon_d29eee polygon {
  fill: var(--accent-text-color--material-you);
}

/*
 *
 *  THREAD
 *
 */
.resizeHandle_d1c246 {
  background: var(--main-alt);
}

.container_d1c246 {
  background-color: var(--chat-color);
  border-radius: var(--card-radius-big) var(--card-radius-big) 0;
}
.container_d1c246.floating_d1c246 {
  filter: drop-shadow(-8px 0 10px hsl(var(--black-500-hsl)/0.125));
}

.chatHeaderBar_e2f46e {
  background-color: var(--chat-color);
  border-bottom: 1px solid var(--card-border-color);
}

.scrollerInner_fb4810 {
  margin-bottom: 16px;
}
.scrollerInner_fb4810 .wrapper_ec86aa.cozy_ec86aa:not(.message_d5deea) .avatar_ec86aa {
  left: -52px;
}

.channelTextArea_fb4810 {
  margin: 0 16px 12px;
  background-color: transparent;
}
.channelTextArea_fb4810 .placeholder_a552a6 {
  color: var(--input-placeholder-color);
}

.channelTextAreaInner_fb4810 {
  max-height: 200px;
  background-color: var(--main-textarea-color);
  border-radius: var(--main-textarea-radius);
}
.channelTextAreaInner_fb4810 .inner_d0696b {
  padding-left: 16px;
}
.channelTextAreaInner_fb4810 .buttons_d0696b {
  margin-right: 0;
}

/*
 *
 *  BETTERDISCORD PLUGIN -> BetterFormattingRedux
 *
 */
.bf-toolbar {
  z-index: 2;
}
.bf-toolbar .bf-arrow {
  transform: translate(14px, -18px);
}

/*
 *
 *  BETTERDISCORD PLUGIN -> ChannelDms
 *
 */
.ChannelDms-channelmembers-wrap .ChannelDms-channelmembers-header {
  padding: 0 !important;
  background-color: var(--main-color) !important;
  border-bottom-color: var(--popout-header-border) !important;
}
.ChannelDms-channelmembers-wrap .ChannelDms-channelmembers-header .item_a0 {
  height: 46px;
  padding: 0 8px;
  line-height: 46px;
}
.ChannelDms-channelmembers-wrap .privateChannels_f0963d {
  width: 240px;
}
.ChannelDms-channelmembers-wrap .privateChannelsHeaderContainer_c47fa9 {
  padding: 18px 8px 4px 16px;
}
.ChannelDms-channelmembers-wrap .channel_c91bad {
  margin-left: 8px;
  margin-right: 0;
  border-radius: 21px 0 0 21px;
}
.ChannelDms-channelmembers-wrap .channel_c91bad .interactive_f5eb4b {
  padding-right: 0;
  padding-left: 8px;
}

.ChannelDms-channelpopout-popout {
  background-color: var(--chat-color) !important;
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-3dp) !important;
}
.ChannelDms-channelpopout-popout .ChannelDms-channelpopout-removeButton {
  z-index: 3;
}
.ChannelDms-channelpopout-popout .ChannelDms-channelpopout-content {
  margin-bottom: -4px;
  border-radius: var(--popout-radius-big) !important;
}
.ChannelDms-channelpopout-popout .ChannelDms-channelpopout-collapseButton {
  background-color: var(--popout-color) !important;
  box-shadow: var(--shadow-3dp);
}
.ChannelDms-channelpopout-popout .ChannelDms-channelpopout-header {
  position: relative;
  padding: 8px !important;
  background-color: var(--main-color) !important;
  z-index: 2;
}

/*
 *
 *  BETTERDISCORD PLUGIN -> ChannelTabs
 *
 */
#channelTabs-container {
  padding: 4px 8px 0 8px !important;
}

.channelTabs-tabContainer {
  gap: 4px;
}
.channelTabs-tabContainer .channelTabs-tabNav {
  gap: 4px;
  margin: 0 4px 0 0 !important;
}
.channelTabs-tabContainer .channelTabs-tabNav > div {
  width: 28px;
  height: 28px;
  margin-right: 0 !important;
  border-radius: 16px !important;
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color;
  cursor: pointer;
}
.channelTabs-tabContainer .channelTabs-tabNav > div:hover {
  background-color: var(--menu-item-hover) !important;
}

.channelTabs-tab {
  --inverted-curve-size: 16px;
  position: relative;
  margin-bottom: 0 !important;
  border-radius: 12px 12px 0 0 !important;
  transition: var(--default-time) var(--default-animation) background-color;
}
.channelTabs-tab:hover {
  background-color: var(--menu-item-hover) !important;
}
.channelTabs-tab:hover:before, .channelTabs-tab:hover:after {
  box-shadow: 0 calc(var(--inverted-curve-size) / 2 * -1) 0 0 var(--menu-item-hover);
}
.channelTabs-tab.channelTabs-selected {
  background: var(--main-color) !important;
  z-index: 2;
}
.channelTabs-tab.channelTabs-selected:before, .channelTabs-tab.channelTabs-selected:after {
  box-shadow: 0 calc(var(--inverted-curve-size) / 2 * -1) 0 0 var(--main-color);
}
.channelTabs-tab:before, .channelTabs-tab:after {
  position: absolute;
  content: " ";
  width: calc(var(--inverted-curve-size) / 2);
  height: var(--inverted-curve-size);
  bottom: 0;
  background-color: transparent;
  transform: rotate(180deg);
  pointer-events: none;
  transition: var(--default-time) var(--default-animation) box-shadow;
}
.channelTabs-tab:before {
  left: calc(var(--inverted-curve-size) / 2 * -1);
  border-top-left-radius: calc(var(--inverted-curve-size) / 2);
}
.channelTabs-tab:after {
  right: calc(var(--inverted-curve-size) / 2 * -1);
  border-top-right-radius: calc(var(--inverted-curve-size) / 2);
}
.channelTabs-tab .channelTabs-tabName {
  margin-right: 0 !important;
  font-weight: 500;
  transition: var(--default-time) var(--default-animation) color;
}
.channelTabs-tab .channelTabs-gridContainer {
  gap: 6px;
  margin-right: 0;
}

.channelTabs-unreadBadge {
  background-color: hsl(var(--accent-hsl--material-you)) !important;
  color: var(--accent-text-color--material-you) !important;
}

.channelTabs-mentionBadge {
  background-color: hsl(var(--alert-hsl)) !important;
  color: var(--alert-text-color) !important;
}

.channelTabs-closeTab {
  border-radius: 8px !important;
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color;
}

.channelTabs-newTab {
  width: 28px !important;
  height: 28px !important;
  margin: 0 0 0 4px !important;
  border-radius: 14px !important;
}

.channelTabs-favContainer {
  position: relative;
  background-color: var(--main-alt);
  z-index: 3;
}
.channelTabs-favContainer .channelTabs-fav {
  border-radius: 14px;
  transition: var(--default-time) var(--default-animation) background-color;
  cursor: pointer;
}
.channelTabs-favContainer .channelTabs-fav:hover {
  background-color: var(--menu-item-hover);
}

/*
 *
 *  BETTERDISCORD PLUGIN -> CharCounter
 *
 */
.chatContent_a7d72e .charCounterAdded-zz9O4t .channelTextArea_d0696b {
  margin-bottom: 0 !important;
}
.chatContent_a7d72e .charCounterAdded-zz9O4t .channelTextArea_d0696b .scrollableContainer_d0696b {
  border-radius: var(--main-textarea-radius) var(--main-textarea-radius) 0 0;
}
.chatContent_a7d72e .charCounterAdded-zz9O4t .channelTextArea_d0696b .scrollableContainer_d0696b.hasConnectedBar_d0696b {
  border-radius: 0;
}
.chatContent_a7d72e .counter-uAzbKp {
  height: 28px;
  line-height: 28px !important;
  padding: 0 16px;
  line-height: var(--main-textarea-radius);
  background-color: var(--main-textarea-color);
  border-radius: 0 0 var(--main-textarea-radius) var(--main-textarea-radius);
  text-align: right;
  font-weight: 500;
}
.chatContent_a7d72e .counter-uAzbKp:before {
  position: absolute;
  content: " ";
  width: calc(100% - 24px);
  height: 1px;
  top: 0;
  left: 12px;
  background-color: var(--main-textarea-border);
}
.chatContent_a7d72e .counter-uAzbKp.chatCounter-XOMPsh {
  position: relative;
  bottom: auto;
  margin-bottom: 12px;
}

/*
 *
 *  BETTERDISCORD PLUGIN -> HideChannels
 *
 */
.hideElement.sidebar_a4d4d9 .container_b2ca13 {
  height: 52px !important;
  margin-bottom: 0 !important;
  background-color: var(--chat-color) !important;
}
.hideElement.sidebar_a4d4d9 + .chat_a7d72e {
  border-top-left-radius: var(--card-radius-big);
}
.hideElement.sidebar_a4d4d9 + .chat_a7d72e .typing_d7ebeb {
  width: calc(100% + 240px);
  left: -240px;
}

/*
 *
 *  BETTERDISCORD PLUGIN -> ImageUtilities
 *
 */
.menu_d90b3d .item_d90b3d {
  /* SUBMENU WITH ARROW */
}
.menu_d90b3d #message-imageutilities-copy-link.item_d90b3d:after {
  -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/content_copy.svg);
}
.menu_d90b3d #message-imageutilities-copy-media-link.item_d90b3d:after {
  -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/content_copy.svg);
}
.menu_d90b3d #message-imageutilities-open-link.item_d90b3d:after {
  -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/open_in_new.svg);
}
.menu_d90b3d #message-imageutilities-copy-file.item_d90b3d:after {
  -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/image_copy.svg);
}
.menu_d90b3d #message-imageutilities-view-file.item_d90b3d:after {
  -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/image_view.svg);
}
.menu_d90b3d #message-imageutilities-download-file-as.item_d90b3d:before {
  -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/save.svg);
}
.menu_d90b3d #message-imageutilities-submenu-search.item_d90b3d:before {
  -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/search.svg);
}
.menu_d90b3d #message-imageutilities-main-subitem.item_d90b3d:before {
  -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/image_view.svg);
}
.menu_d90b3d #user-context-imageutilities-main-subitem.item_d90b3d:before {
  -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/image_view.svg);
}

/*
 *
 *  BETTERDISCORD PLUGIN -> CharCounter
 *
 */
#MemberCount {
  margin-top: 0 !important;
  background-color: var(--main-color) !important;
}
#MemberCount .membersGroup_cbd271 {
  padding: 16px;
  line-height: 14px;
}

.membersWrap_cbd271.hasCounter .members_cbd271 {
  margin-top: 47px !important;
}

#vc-membercount {
  margin-bottom: 0 !important;
}

/*
 *
 *  BETTERDISCORD PLUGIN -> PasscodeLock
 *
 */
.PCL--layout-bg {
  background-color: var(--main-alt) !important;
  backdrop-filter: none !important;
}

.PCL--icon {
  padding: 16px;
  background-color: var(--card-color-hover);
  border-radius: 50%;
}

.theme-light .PCL--icon {
  background-color: var(--switch-knob-color);
}

.PCL--title {
  color: var(--header-primary);
}

.PCL--dot:before {
  background: var(--text-normal) !important;
}

.PCL--divider {
  display: none;
}

.PCL--buttons {
  grid-template-columns: repeat(3, 80px) !important;
  grid-auto-rows: 80px !important;
  gap: 16px !important;
  padding: 16px 20px 40px !important;
}

.PCL--btn {
  background-color: var(--card-color-filled);
  color: var(--text-normal);
  transition: var(--default-time) var(--default-animation) border-radius, var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color !important;
}
.PCL--btn:hover {
  background-color: var(--card-color-active) !important;
}
.PCL--btn:active {
  background-color: hsl(var(--accent-hsl--material-you)) !important;
  border-radius: 20px !important;
  color: var(--accent-text-color--material-you);
}
.PCL--btn:active .PCL--btn-dec {
  color: var(--accent-text-color--material-you);
}
.PCL--btn#PCLBtn-Escape, .PCL--btn#PCLBtn-Backspace {
  background-color: hsl(var(--accent-hsl--material-you)) !important;
  color: var(--accent-text-color--material-you);
}
.PCL--btn .PCL--btn-number {
  font-weight: 400;
}
.PCL--btn .PCL--btn-dec {
  color: var(--text-muted);
  transition: var(--default-time) var(--default-animation) color !important;
}

/*
 *
 *  BETTERDISCORD PLUGIN -> PermissionsViewer
 *
 */
#permissions-modal-wrapper #permissions-modal {
  max-height: 80vh;
  border-radius: var(--popout-radius-big) !important;
  box-shadow: var(--shadow-3dp) !important;
  border: none !important;
}
#permissions-modal-wrapper .header {
  background-color: var(--popout-color) !important;
  padding: 16px !important;
  box-shadow: none !important;
  border-bottom: 1px solid var(--popout-header-border);
  line-height: 20px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--header-primary) !important;
}
#permissions-modal-wrapper .modal-body {
  background-color: var(--popout-color) !important;
}
#permissions-modal-wrapper .role-side {
  padding: 16px 0 16px 16px !important;
  background-color: transparent !important;
  border-right: 1px solid var(--popout-header-border);
}
#permissions-modal-wrapper .role-scroller {
  padding-top: 0;
}
#permissions-modal-wrapper .perm-side {
  padding: 0 0 16px 16px !important;
  background-color: transparent !important;
}
#permissions-modal-wrapper .role-item {
  margin-bottom: 2px !important;
  padding: 6px 12px !important;
  border-radius: 14px !important;
}
#permissions-modal-wrapper .role-item:hover {
  background-color: var(--menu-item-hover) !important;
}
#permissions-modal-wrapper .role-item.selected {
  background-color: var(--menu-item-select) !important;
}
#permissions-modal-wrapper .perm-item {
  position: relative;
  border-bottom: none;
  box-shadow: none !important;
}
#permissions-modal-wrapper .perm-item:after {
  position: absolute;
  content: " ";
  width: calc(100% - 0px * 2);
  height: 1px;
  right: 0;
  bottom: 0;
  margin: 0 0px;
  background-color: var(--card-border-color);
}
#permissions-modal-wrapper .perm-item:last-of-type:after {
  display: none;
}

/*
 *
 *  BETTERDISCORD PLUGIN -> PersonalPins
 *
 */
.themedPopout-1TrfdI {
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-3dp);
}
.themedPopout-1TrfdI .header_f0cd33 {
  padding-bottom: 0 !important;
}
.themedPopout-1TrfdI .title_ea15ce {
  margin-top: 16px;
  line-height: 36px;
  font-weight: 500;
  font-size: 16px;
}
.themedPopout-1TrfdI .container__33507 {
  margin-top: 16px;
}
.themedPopout-1TrfdI .tab_f0cd33 {
  height: 32px;
  margin-right: 16px;
  padding: 0;
}
.themedPopout-1TrfdI .tab_f0cd33:first-child {
  margin-right: 16px;
}
.themedPopout-1TrfdI .tabBar_f0cd33 .item_a0 {
  height: 32px;
}
.themedPopout-1TrfdI .quickSelectWrapper-UCfTKz {
  margin-right: 16px;
  font-weight: 500;
}

/*
 *
 *  BETTERDISCORD PLUGIN -> PluginRepo
 *
 */
.repoHeader_2KfNvH {
  margin: 0 32px 0 0 !important;
  padding-bottom: 0 !important;
}

.repoScroller_9JnAPs {
  margin: 0 !important;
  padding-top: 16px !important;
  padding-right: 82px !important;
}
.repoScroller_9JnAPs .tabContent_nZ-1U5 {
  margin-top: 0;
}

.card_x5zW6z {
  height: 400px;
  background-color: var(--card-color-filled) !important;
  border-radius: var(--card-radius-big);
  border: none;
  box-shadow: none;
}
.card_x5zW6z:hover {
  box-shadow: none;
  transform: none;
}
.card_x5zW6z:hover .coverWrapper_J-mDGJ {
  transform: none;
}
.card_x5zW6z .coverWrapper_J-mDGJ,
.card_x5zW6z .cover_qyY86I {
  border-radius: var(--card-radius-big);
}
.card_x5zW6z .coverBadge_I41ZIY {
  background-color: hsl(var(--alert-hsl)) !important;
  color: var(--alert-text-color);
  border-radius: 8px !important;
  text-transform: capitalize !important;
  font-size: 14px;
}
.card_x5zW6z .iconWrapper_eK7GO6 {
  background-color: var(--card-color-active) !important;
  border-radius: 50%;
  border: 4px solid var(--card-color-filled);
}
.card_x5zW6z .info_xw-o76 {
  overflow: visible;
}
.card_x5zW6z .title_SSzExd {
  position: relative;
  line-height: normal;
  font-size: 1.4em;
  font-weight: 400;
  color: var(--card-header-text-color);
}
.card_x5zW6z .title_SSzExd:before {
  position: absolute;
  content: " ";
  width: 62px;
  height: 32px;
  top: -2px;
  right: -2px;
  background-color: var(--card-button-color);
  border-radius: 16px;
  pointer-events: none;
}

.button_SxdSzE {
  position: relative;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50%;
  transition: var(--default-time) var(--default-animation) background-color;
}
.button_SxdSzE:hover {
  background-color: var(--card-button-color-hover);
}
.button_SxdSzE.favbutton_8Fzu45 {
  margin-left: 2px;
}

.tag_PbPfwP {
  height: 24px;
  padding: 0 8px;
  background-color: var(--card-button-color) !important;
  line-height: 24px;
  border-radius: 6px;
  text-transform: capitalize;
}

.button_coQXfM {
  --button-padding: 0 24px 0 16px;
  height: var(--button-height);
  padding: var(--button-padding);
  gap: 8px;
  background-color: hsl(var(--accent-hsl--material-you)) !important;
  border-radius: var(--button-radius);
  font-size: 1em;
  color: var(--accent-text-color--material-you);
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color;
}
[style="background-color: var(--status-positive);"].button_coQXfM {
  background-color: rgba(255, 255, 255, 0.15) !important;
  color: #fff;
}
[style="background-color: var(--status-danger);"].button_coQXfM {
  background-color: hsl(var(--alert-hsl)) !important;
  color: var(--alert-text-color);
}
.button_coQXfM .statIcon_o40EX1 {
  margin-right: 0;
}

/*
 *
 *  BETTERDISCORD PLUGIN -> ShowAllActivities
 *
 */
.userProfileOuterThemed_c69a7b .wrapper .controls {
  --popout-color: var(--profile-body-background-color);
}
.userProfileOuterThemed_c69a7b .wrapper .controls .carosell {
  --carosell-dot-selected: var(--profile-gradient-secondary-color);
}

.wrapper .controls {
  background-color: var(--popout-color) !important;
  border-radius: 17px !important;
}
.wrapper .controls .caret {
  border-radius: 50% !important;
}
.wrapper .controls .caret:not(.disabled) {
  background-color: hsl(var(--accent-hsl--material-you)) !important;
}
.wrapper .controls .caret:not(.disabled) .SAA-caret {
  color: var(--accent-text-color--material-you);
}
.wrapper .controls .carosell .dot.selected {
  background-color: hsl(var(--accent-hsl--material-you)) !important;
}

/*
 *
 *  BETTERDISCORD PLUGIN -> SpotifyControls
 *
 */
.coverWrapper_YAplwJ {
  border-radius: 50%;
}

.container_6sXIoE {
  margin-bottom: 2px;
  background-color: var(--sidebar-panel-color);
  border-radius: 4px;
  border-bottom: none;
}
.container_6sXIoE.maximized_vv2Wr0 .coverWrapper_YAplwJ {
  border-radius: var(--card-radius-big);
}

/* BETTERDISCORD PLUGIN -> SpotifyControls -> VENCORD*/
#vc-spotify-player {
  margin-bottom: 2px;
  padding: 12px !important;
  background-color: var(--sidebar-panel-color) !important;
  border-radius: 4px;
  border-bottom: none !important;
}
#vc-spotify-player #vc-spotify-album-image {
  border-radius: 50%;
}
#vc-spotify-player .track_c7a159 {
  top: 12px;
}
#vc-spotify-player .grabber_c7a159 {
  background-color: hsl(var(--accent-hsl--material-you)) !important;
}
#vc-spotify-player .vc-spotify-button-row {
  gap: 8px !important;
}
#vc-spotify-player .vc-spotify-button {
  color: var(--text-normal) !important;
  transition: var(--default-time) var(--default-animation) background-color;
}
#vc-spotify-player .vc-spotify-play,
#vc-spotify-player .vc-spotify-pause {
  padding: 4px;
  background-color: hsl(var(--accent-hsl--material-you));
  color: var(--accent-text-color--material-you);
  transition: var(--default-time) var(--default-animation) border-radius;
}
#vc-spotify-player .vc-spotify-play {
  border-radius: 16px;
  animation: vc-spotify-play-button var(--default-time) var(--default-animation);
}
#vc-spotify-player .vc-spotify-pause {
  border-radius: 10px;
  animation: vc-spotify-pause-button var(--default-time) var(--default-animation);
}

#vc-spotify-album-expanded-wrapper {
  margin: -12px -12px 0;
}
#vc-spotify-album-expanded-wrapper img {
  border-radius: var(--card-radius-big) !important;
}

.activityPanel_a4d4d9 + .wrapper_adcaac:empty + #vc-spotify-player #vc-spotify-album-expanded-wrapper img,
.wrapper_adcaac:not(:empty) + #vc-spotify-player #vc-spotify-album-expanded-wrapper img {
  border-radius: 4px !important;
}

#vc-spotify-progress-bar {
  margin: 8px 0 !important;
}

.vc-spotify-shuffle path {
  d: path("M14.83,13.41L13.42,14.82L16.55,17.95L14.5,20H20V14.5L17.96,16.54L14.83,13.41M14.5,4L16.54,6.04L4,18.59L5.41,20L17.96,7.46L20,9.5V4M10.59,9.17L5.41,4L4,5.41L9.17,10.58L10.59,9.17Z");
}

.vc-spotify-play path {
  d: path("M8,5.14V19.14L19,12.14L8,5.14Z");
}

.vc-spotify-pause path {
  d: path("M14,19H18V5H14M6,19H10V5H6V19Z");
}

.vc-spotify-previous path {
  d: path("M6,18V6H8V18H6M9.5,12L18,6V18L9.5,12Z");
}

.vc-spotify-next path {
  d: path("M16,18H18V6H16M6,18L14.5,12L6,6V18Z");
}

.vc-spotify-repeat path {
  d: path("M17,17H7V14L3,18L7,22V19H19V13H17M7,7H17V10L21,6L17,2V5H5V11H7V7Z");
}

@keyframes vc-spotify-play-button {
  from {
    border-radius: 10px;
  }
}
@keyframes vc-spotify-pause-button {
  from {
    border-radius: 16px;
  }
}
/*
 *
 *  BETTERDISCORD PLUGIN -> StatusEverywhere
 *
 */
.StatusEverywhere-avatar-chatAvatar.accountSettingsAvatar {
  width: 80px !important;
  height: 80px !important;
  top: 76px;
}

.StatusEverywhere-avatar-userPopout {
  background-color: var(--popout-color) !important;
  border: none !important;
}
/*
 *
 *  BETTERDISCORD PLUGIN -> UserDetails
 *
 */
.UserDetails-activity-container img {
  border-radius: 50%;
}

/*
 *
 *  BETTERDISCORD ADDONS
 *
 */
.bd-settings-title {
  color: var(--header-primary);
}

.bd-modal-root {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-3dp);
}
.bd-modal-root .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_fea3ef .button_dd4f85 {
  --button-height: 22px;
  --button-padding: 0 4px;
  font-size: 0.8em !important;
}

/*
 *
 *  VENCORD PLUGIN - ReviewDB
 *
 */
.userProfileOuterThemed_c69a7b .vc-rdb-view .wrapper_ec86aa {
  --message-color: var(--profile-body-background-hover);
  --message-color-hover: var(--profile-body-background-hover);
}
.userProfileOuterThemed_c69a7b .vc-rdb-view .formText_b89ec7 {
  background-color: var(--profile-body-background-hover);
}
.userProfileOuterThemed_c69a7b .vc-rdb-view .input_f8bc55 {
  --input-color: var(--profile-body-background-color) !important;
}

.vc-rdb-view .wrapper_ec86aa {
  --message-color: var(--popout-color);
  --message-color-hover: var(--popout-color);
  margin-left: 52px !important;
}
.vc-rdb-view .avatar_ec86aa {
  left: -52px !important;
}

.vc-rdb-review-comment {
  margin-bottom: 0;
}

.vc-rdb-input {
  margin-top: 12px !important;
  background-color: var(--input-color) !important;
  border-radius: 22px !important;
  border: none !important;
  box-shadow: none !important;
}
.vc-rdb-input .placeholder_a552a6 {
  color: var(--input-placeholder-color);
}
.vc-rdb-input .editor_a552a6 {
  color: var(--input-text-color);
}
.vc-rdb-input .buttons_d0696b {
  margin-right: 0 !important;
}

/*
 *
 *  VENCORD SETTINGS
 *
 */
.vc-settings-tab-bar {
  height: 48px;
  border-bottom-width: 1px !important;
}
.vc-settings-tab-bar .item_a0 {
  height: inherit;
  line-height: 48px;
  margin: 0 24px 0 0;
  padding: 0 8px;
  border-radius: 0;
  border: none !important;
  color: var(--interactive-normal) !important;
}
.vc-settings-tab-bar .item_a0.selected_a0 {
  position: relative;
  background-color: transparent !important;
  border: none;
}
.vc-settings-tab-bar .item_a0.selected_a0:after {
  position: absolute;
  content: " ";
  width: 80%;
  height: 3px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  background: var(--tab-border-color);
  border-radius: 3px 3px 0 0;
  transition: var(--default-time) ease all;
}
.vc-settings-tab-bar + .divider_ae36e5 {
  display: none;
}

.vc-settings-card .h5_c46f6a,
.vc-plugins-info-card .h5_c46f6a {
  margin-bottom: 0;
  padding-bottom: 16px;
  line-height: normal;
  font-size: 1.25em;
  font-weight: 400;
  color: var(--card-header-text-color);
}
.vc-settings-card .divider_ae36e5,
.vc-plugins-info-card .divider_ae36e5 {
  margin: 16px 0;
}

.vc-settings-donate .button_dd4f85 {
  position: absolute;
  bottom: 16px;
  transform: none !important;
}
.vc-settings-donate .button_dd4f85 .contents_dd4f85 {
  display: flex;
}
.vc-settings-donate .button_dd4f85 svg {
  transform: none !important;
}
.vc-settings-donate .button_dd4f85 svg path {
  fill: currentColor;
}
.vc-settings-donate img {
  margin: 16px;
}

.vc-error-card {
  padding: 16px;
  background-color: hsl(var(--alert-hsl), 0.1);
  border-radius: var(--card-radius-big);
  border-color: hsl(var(--alert-hsl));
}

/* VENCORD SETTINGS -> PLUGINS */
.vc-plugins-info-card {
  height: auto !important;
}

.vc-plugins-filter-controls .inputWrapper_f8bc55:last-of-type {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.vc-plugins-filter-controls .select_f6639d {
  box-shadow: none !important;
}

.vc-addon-card {
  background-color: var(--card-color-filled) !important;
  border: none !important;
  padding: 16px;
  border-radius: var(--card-radius-big) !important;
}
.vc-addon-card:hover {
  box-shadow: none !important;
  transform: none !important;
}
.vc-addon-card .container_cebd1c .slider_cebd1c {
  transform: translate(-2px, -50%) !important;
  transition: var(--default-time) var(--default-animation) all;
}
.vc-addon-card .container_cebd1c.checked_cebd1c .slider_cebd1c {
  transform: translate(calc(100% - 7px), -50%) !important;
}

.vc-addon-header {
  height: auto !important;
  margin-bottom: 12px !important;
  justify-content: flex-start !important;
}
.vc-addon-header .vc-addon-name-author {
  overflow: hidden;
  font-size: 1.1em !important;
  font-weight: 400;
}
.vc-addon-header .vc-addon-name-author .vc-addon-name {
  font-size: inherit !important;
  font-weight: inherit !important;
}

.vc-addon-note:not(:last-child) {
  margin-bottom: 0.875em !important;
}
.vc-addon-note + div:not([class]) {
  font-size: 14px;
}

/* VENCORD SETTINGS -> THEMES */
.vc-settings-theme-links {
  padding: 12px !important;
  background-color: var(--input-color);
  border-radius: 4px 4px 0 0 !important;
  border: none !important;
  box-shadow: inset 0 -1px 0 0 var(--input-border-color);
  line-height: 1.375rem;
  font-size: 1rem;
  color: var(--input-text-color) !important;
  transition: var(--default-time) var(--default-animation) box-shadow;
}
.vc-settings-theme-links:focus {
  box-shadow: inset 0 -2px 0 0 hsl(var(--accent-hsl--material-you));
}

[style*="padding: 0.5em"].cardPrimary_a298b8 {
  padding: 16px !important;
}

/* VENCORD SETTINGS -> BACKUP AND RESTORE */
.vc-backup-restore-card > div {
  gap: 0 !important;
}
.vc-backup-restore-card strong {
  padding-bottom: 16px;
  line-height: normal;
  font-size: 1.25em;
  font-weight: 400;
  color: var(--card-header-text-color) !important;
}

/* VENCORD SETTINGS -> NOTIFICATION */
.vc-notification-root {
  background-color: var(--popout-color) !important;
  border-radius: var(--popout-radius-big) !important;
  box-shadow: var(--shadow-3dp) !important;
}
.vc-notification-root .vc-notification-title {
  font-size: 22px !important;
  font-weight: 400 !important;
  text-transform: none !important;
}

/*
 *
 *  FORUM
 *
 */
.container_a6d69a {
  background: var(--chat-color);
}

.tagsContainer_a6d69a {
  padding: 16px 0 0;
}

.tagList_a6d69a {
  height: var(--button-height);
}

.sortDropdown_a6d69a .contents_dd4f85 {
  color: var(--accent-text-color--material-you);
}

.sortDropdownText_a6d69a {
  color: inherit !important;
}

.container_d0f4b1 {
  padding: 0;
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
}
.container_d0f4b1 .menu_d90b3d {
  min-width: unset;
}
.container_d0f4b1 .menu_d90b3d .scrollerBase_eed6a8::-webkit-scrollbar {
  --scrollbar-width: 0;
}
.container_d0f4b1 .menu_d90b3d .groupLabel_d90b3d {
  padding-top: 0;
}

.tagsButton_a6d69a {
  --button-padding: 0 8px 0 12px;
}
.tagsButton_a6d69a.tagsButtonWithCount_a6d69a {
  --button-padding: 0 8px;
}
.tagsButton_a6d69a .tagsButtonInner_a6d69a {
  color: inherit;
}
.tagsButton_a6d69a svg {
  color: var(--accent-text-color--material-you);
}

.countContainer_a6d69a {
  background-color: var(--accent-text-color--material-you);
}
.countContainer_a6d69a .countText_a6d69a {
  color: hsl(var(--accent-hsl--material-you));
}

.container_ae4f46 {
  padding: 16px 16px 8px;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-3dp);
}
.container_ae4f46 .header_ae4f46 {
  padding: 0;
}
.container_ae4f46 .header_ae4f46 .text-xs-bold__0d339, .container_ae4f46 .header_ae4f46 .text-xs-bold__5467c {
  font-size: 14px;
  text-transform: none;
}
.container_ae4f46 .countContainer_ae4f46 {
  background-color: hsl(var(--accent-hsl--material-you));
}
.container_ae4f46 .countContainer_ae4f46 .countText_ae4f46 {
  color: var(--accent-text-color--material-you);
}

.container_a039eb {
  margin-top: 16px;
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
}

.stepContainer_a039eb {
  --card-color-filled: var(--card-color-alt);
  --card-color-hover: var(--card-color-active);
  background-color: var(--card-color-filled) !important;
  border: none !important;
  padding: 12px 16px;
  border-radius: var(--card-radius-big) !important;
  transition: var(--default-time) var(--default-animation) background-color;
}
.stepContainer_a039eb:hover {
  background-color: var(--card-color-hover) !important;
}

.card_a6d69a {
  padding-bottom: 16px;
}
[style*="height: 558px"].card_a6d69a {
  padding-bottom: 0;
}

.container_ddbb27 {
  margin-bottom: 0;
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
}

.descriptionContainer_ddbb27 {
  --card-color-filled: var(--card-color-hover);
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
}

/* FORUM -> PILL */
.pill_c993da {
  height: var(--button-height);
  padding: 0 12px 0 8px;
  background-color: var(--card-button-color) !important;
  border-radius: 10px;
  border: none;
  gap: 8px;
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) border-color;
}
.pill_c993da.clickable_c993da:hover {
  background-color: var(--card-button-color-hover) !important;
}
.pill_c993da.small_c993da {
  border-radius: 6px;
}
.pill_c993da.selected_c993da {
  background-color: hsl(var(--accent-hsl), 0.3) !important;
  border-color: transparent !important;
}
.pill_c993da.selected_c993da:hover {
  background-color: hsl(var(--accent-hsl), 0.35) !important;
}
.pill_c993da.selected_c993da .defaultColor__77578, .pill_c993da.selected_c993da .defaultColor_e9e35f, .pill_c993da.selected_c993da .defaultColor_a595eb {
  color: hsl(var(--accent-hsl--material-you));
}
.pill_c993da .emoji_b22487 {
  margin-right: 0;
}
.pill_c993da .lineClamp1__92431 {
  padding: 0;
}

/*
 *
 *  FORUM MEDIA POSTS
 *
 */
.headerRow_a6d69a:not([data-list-item-id*=forum-channel-list]) .container_c1668f .bodyContainer_c1668f {
  margin-right: 0;
}

.thumbnailContainer_dbcd8f {
  margin-left: 16px;
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}
.thumbnailContainer_dbcd8f .lookFilled_dd4f85 {
  --button-background: transparent;
}
.thumbnailContainer_dbcd8f .lookFilled_dd4f85:after {
  display: none;
}
.thumbnailContainer_dbcd8f .uploadFileInputContainer_dbcd8f {
  --button-height: 100%;
}
.thumbnailContainer_dbcd8f .uploadFileInputContainer_dbcd8f:hover .changeThumbnailLabelContainer_dbcd8f {
  background-color: var(--card-color-filled);
}
.thumbnailContainer_dbcd8f .changeThumbnailLabelContainer_dbcd8f,
.thumbnailContainer_dbcd8f .thumbnail_dbcd8f {
  border-radius: var(--card-radius-big);
}
.thumbnailContainer_dbcd8f .changeThumbnailLabelContainer_dbcd8f {
  transition: var(--default-time) var(--default-animation) all;
}
.thumbnailContainer_dbcd8f .upload_df1eaf {
  padding: 0;
}

.container_b6cc23 {
  margin: 16px 0;
  padding: 16px !important;
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}
.container_b6cc23 .uploadInput_a15d29 {
  background-color: var(--card-color-alt);
}
.container_b6cc23 .upload_df1eaf {
  padding: 0;
}
.container_b6cc23 .uploadInput_a15d29,
.container_b6cc23 .spoilerContainer_a3d0f7,
.container_b6cc23 .imageSmall_f847a3 {
  border-radius: var(--card-radius-big);
}

/*
 *
 *  FORUM NEW POST
 *
 */
.header_a6d69a {
  position: relative;
  min-height: 52px;
  background-color: var(--input-color);
  border-radius: 26px;
  border: none;
}
.header_a6d69a.headerWithMatchingPosts_a6d69a {
  box-shadow: var(--shadow-3dp);
}
.header_a6d69a .lookFilled_dd4f85 {
  --button-padding: 0 24px 0 16px;
}

.matchingPostsRow_a6d69a {
  margin-top: -24px;
  padding-top: 24px;
  background-color: var(--input-color);
  border-radius: 0 0 24px 24px;
}

.form_c1668f {
  margin-right: 0;
}

.container_c1668f {
  padding: 16px;
}
.container_c1668f.collapsed_c1668f {
  padding: 0;
}
.container_c1668f.collapsed_c1668f .formContainer_c1668f {
  padding: 0 8px 0 16px;
  gap: 12px;
}
.container_c1668f.collapsed_c1668f .titleContainer_c1668f {
  gap: 12px;
}
.container_c1668f.collapsed_c1668f .prefixElement_c1668f {
  position: relative;
  right: unset;
}
.container_c1668f.collapsed_c1668f .prefixElement_c1668f svg {
  padding: 0;
}
.container_c1668f.collapsed_c1668f .input_f8bc55.textArea_a2b402 {
  --input-color: transparent;
  --input-padding: 0;
  border-radius: 0;
}
.container_c1668f.collapsed_c1668f .forumPostFormButton_c1668f {
  height: var(--button-height);
  margin: 0;
}
.container_c1668f .prefixElement_c1668f {
  position: absolute;
  width: auto;
  height: var(--button-height);
  right: 16px;
  margin: 0;
  z-index: 2;
}
.container_c1668f .prefixElement_c1668f div[role=button],
.container_c1668f .prefixElement_c1668f svg {
  height: inherit;
}
.container_c1668f .prefixElement_c1668f svg {
  padding: 0 8px;
}
.container_c1668f .formContainer_c1668f {
  padding: 0;
}
.container_c1668f .formContainer_c1668f + .form_c1668f > div {
  padding: 0;
}
.container_c1668f .titleContainer_c1668f {
  position: relative;
}
.container_c1668f .bodyContainer_c1668f {
  margin-right: 94px !important;
}
.container_c1668f .input_f8bc55.textArea_a2b402 {
  --input-color: var(--card-color-filled);
  height: var(--button-height);
  margin: 0;
  padding: var(--input-padding);
  border-radius: 20px;
  box-shadow: none;
  font-weight: 400;
  line-height: var(--button-height);
  cursor: text;
}
.container_c1668f .input_f8bc55.textArea_a2b402::-webkit-input-placeholder {
  font-weight: inherit;
}
.container_c1668f .lookFilled_dd4f85:disabled {
  opacity: 0.5 !important;
}

.tagsDivider_c1668f {
  width: 100%;
  left: 0;
}

.contentContainer_c1668f {
  padding-left: 0;
}
.contentContainer_c1668f .channelTextArea_d0696b {
  min-height: 68px;
  margin-top: 16px;
}
.contentContainer_c1668f .scrollableContainer_d0696b {
  min-height: 68px;
  padding: 6px 12px;
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
  color: var(--input-text-color);
}
.contentContainer_c1668f .scrollableContainer_d0696b::-webkit-input-placeholder {
  color: var(--input-placeholder-color);
}

.container_a15d29 {
  position: absolute;
  top: calc(var(--button-height) + 32px);
  right: 16px;
  z-index: 3;
}
.container_a15d29 .uploadInput_a15d29 {
  background-color: transparent;
  border: 1px solid var(--card-border-color);
}
.container_a15d29 .uploadInput_a15d29,
.container_a15d29 .spoilerContainer_a3d0f7,
.container_a15d29 .imageSmall_f847a3 {
  border-radius: var(--card-radius-big);
}
.container_a15d29 .badge_a15d29 {
  background-color: hsl(var(--accent-hsl--material-you));
  color: var(--accent-text-color--material-you);
  border-color: var(--input-color);
}

/*
 *
 *  FORUM POSTS
 *
 */
.container_a57509, .container_d331f1 {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
  border: none !important;
}
.container_a57509:hover, .container_d331f1:hover {
  background-color: var(--card-color-hover);
  box-shadow: none;
  transform: none;
}
.container_a57509.isOpen_a57509, .container_d331f1.isOpen_a57509, .container_a57509.isOpen_d331f1, .container_d331f1.isOpen_d331f1 {
  background-color: var(--card-color-active) !important;
}
.container_a57509 .pinIcon_f451cd, .container_d331f1 .pinIcon_f451cd {
  background-color: hsl(var(--accent-hsl--material-you));
  color: var(--accent-text-color--material-you);
}
.container_a57509 .pinIcon_f451cd path, .container_d331f1 .pinIcon_f451cd path {
  fill: currentColor;
}
.container_a57509 .postTitleText_d331f1, .container_d331f1 .postTitleText_d331f1, .container_a57509 .title_a57509, .container_d331f1 .title_a57509 {
  line-height: 24px;
  font-size: 1.325rem;
  font-weight: 400;
}

.contentPreview_a57509,
.textContentFooter_a57509 {
  background-color: var(--card-color-hover);
  transition: var(--default-time) var(--default-animation) background-color;
}

.contentPreview_a57509 {
  border-radius: var(--card-radius-big);
  border: none;
}

.textContentFooter_a57509 {
  background: var(--card-color-hover) !important;
}

.container_a57509:not(.isOpen_a57509):not(.isOpen_d331f1):hover .contentPreview_a57509, .container_d331f1:not(.isOpen_a57509):not(.isOpen_d331f1):hover .contentPreview_a57509 {
  background-color: var(--card-color-filled);
}
.container_a57509:not(.isOpen_a57509):not(.isOpen_d331f1):hover .textContentFooter_a57509, .container_d331f1:not(.isOpen_a57509):not(.isOpen_d331f1):hover .textContentFooter_a57509 {
  background: var(--card-color-filled) !important;
}

.highlight {
  background: hsl(var(--accent-hsl), 0.4);
}

/* FORUM POSTS -> THREAD REACTIONS BAR */
.container_b385c8 {
  --button-height: 26px;
  --button-padding: 0 10px;
  margin: 16px 10px 0 16px;
  padding: 8px;
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
  border-top: none;
  box-shadow: none;
}
.container_b385c8 .button_dd4f85,
.container_b385c8 .addReactButton_b385c8 {
  --button-padding: 0 10px;
  --button-text-color: hsl(var(--accent-hsl--material-you));
  height: var(--button-height);
  padding: var(--button-padding);
  background-color: transparent;
  border-radius: var(--button-radius);
  border: none;
  color: var(--button-text-color);
  transition: var(--default-time) var(--default-animation) background-color;
}
.container_b385c8 .button_dd4f85:hover,
.container_b385c8 .addReactButton_b385c8:hover {
  background-color: hsl(var(--button-link-accent-color), 0.14);
}
.container_b385c8 .button_dd4f85.active_f61c73,
.container_b385c8 .addReactButton_b385c8.active_f61c73 {
  background-color: hsl(var(--button-link-accent-color), 0.21);
}
.container_b385c8 .button_dd4f85 .contents_dd4f85 {
  padding: 0;
  background-color: transparent;
  border: none;
  color: var(--button-text-color);
}

.reactButtons_b385c8 {
  gap: 4px;
}
.reactButtons_b385c8 div:first-child .addReactButton_b385c8 path {
  d: path("M12,17.5C14.33,17.5 16.3,16.04 17.11,14H6.89C7.69,16.04 9.67,17.5 12,17.5M8.5,11A1.5,1.5 0 0,0 10,9.5A1.5,1.5 0 0,0 8.5,8A1.5,1.5 0 0,0 7,9.5A1.5,1.5 0 0,0 8.5,11M15.5,11A1.5,1.5 0 0,0 17,9.5A1.5,1.5 0 0,0 15.5,8A1.5,1.5 0 0,0 14,9.5A1.5,1.5 0 0,0 15.5,11M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z");
}
.reactButtons_b385c8 div:first-child .addReactButton_b385c8 path ~ path {
  display: none;
}

.addReactButton_b385c8 {
  min-width: unset;
  margin: 0;
}
.addReactButton_b385c8 svg {
  color: inherit !important;
}

.box_af45f8 {
  margin: 16px 10px 0 16px;
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}
.box_af45f8:after {
  left: 50px;
}

.divider_af45f8 {
  display: none;
}

/*
 *
 *  HEADER BAR
 *
 */
.container_e44302 {
  padding: 0 8px;
  border-top-right-radius: var(--card-radius-big);
  box-shadow: var(--elevation-low);
}
.container_e44302.transparent_e44302 {
  box-shadow: none;
}
.container_e44302.themed_e44302 {
  background: var(--main-color);
}
.container_e44302 .followButton_a7d72e {
  --button-height: 32px;
  --button-padding: 0 16px;
}

.children_e44302:after {
  background: linear-gradient(90deg, transparent 0, var(--main-color)) !important;
}
.children_e44302 .topPill_a0 {
  height: 100%;
}
.children_e44302 .item_a0 {
  height: 48px;
  line-height: 48px;
}

.iconWrapper_e44302.clickable_e44302 {
  position: relative;
}
.iconWrapper_e44302.clickable_e44302:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: hsl(var(--md-ripple-color), 0.1);
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  transform: scale(1.2);
  transition: 300ms ease;
  z-index: 4;
}
.iconWrapper_e44302.clickable_e44302:hover:after {
  opacity: 1;
  transform: scale(1.5);
  animation: scale 150ms var(--default-animation), opacity 150ms ease;
}
.iconWrapper_e44302.clickable_e44302:active:after {
  background-color: hsl(var(--md-ripple-color), 0.2);
}
.iconWrapper_e44302 foreignObject {
  mask: none !important;
}

.topic_bf3bbb a {
  color: hsl(var(--accent-hsl--material-you));
}

.returnButton_f1fd9c, .returnButton_d20375 {
  --button-height: 32px;
  max-width: 250px;
  margin-right: 8px;
}

.returnButtonText_f1fd9c, .returnButtonText_d20375 {
  font-size: 1em;
}
.returnButtonText_f1fd9c, .returnButtonText_d20375,
.returnButtonText_f1fd9c *,
.returnButtonText_d20375 * {
  line-height: var(--button-height);
  color: hsl(var(--accent-hsl--material-you)) !important;
}
.returnButtonText_f1fd9c .text-xs-medium__220aa, .returnButtonText_d20375 .text-xs-medium__220aa, .returnButtonText_f1fd9c .text-xs-medium_d3e0f1, .returnButtonText_d20375 .text-xs-medium_d3e0f1 {
  font-size: 1em;
}

.iconBadge_e44302 {
  top: 0;
  right: 0;
  background-color: hsl(var(--accent-hsl--material-you));
  box-shadow: 0 0 0 4px var(--main-color);
}

/*
 *
 *  HEADER BAR SEARCH
 *
 */
.search_a46bef {
  width: 160px;
  transition: 300ms ease width;
}
.search_a46bef .searchBar_a46bef {
  width: 100%;
  height: 32px;
  background-color: var(--input-color);
  border-radius: 16px;
}
.search_a46bef .searchBar_a46bef .DraftEditor-root {
  padding: 6px 0;
  padding-left: 8px;
}
.search_a46bef .searchBar_a46bef .DraftEditor-root .public-DraftEditorPlaceholder-root {
  padding-left: 2px;
  color: var(--input-placeholder-color);
}
.search_a46bef .searchBar_a46bef .DraftEditor-root .public-DraftEditor-content {
  color: var(--input-text-color);
}
.search_a46bef .searchBar_a46bef .DraftEditor-editorContainer .searchFilter_b0fa94,
.search_a46bef .searchBar_a46bef .DraftEditor-editorContainer .searchFilter_b0fa94 + span[data-offset-key],
.search_a46bef .searchBar_a46bef .DraftEditor-editorContainer .searchAnswer_b0fa94 span[data-offset-key] {
  background-color: var(--input-pill-color);
  color: var(--input-text-color);
}
.search_a46bef .searchBar_a46bef .DraftEditor-editorContainer .searchFilter_b0fa94 {
  margin-right: 2px;
  padding: 0 4px 0 8px;
  border-radius: 10px 0 0 10px;
}
.search_a46bef .searchBar_a46bef .DraftEditor-editorContainer .searchFilter_b0fa94:only-child {
  padding: 0 8px;
  border-radius: 11px;
}
.search_a46bef .searchBar_a46bef .DraftEditor-editorContainer .searchAnswer_b0fa94 {
  background-color: transparent;
}
.search_a46bef .searchBar_a46bef .DraftEditor-editorContainer .searchFilter_b0fa94 + span[data-offset-key],
.search_a46bef .searchBar_a46bef .DraftEditor-editorContainer .searchAnswer_b0fa94 span[data-offset-key] {
  display: inline-block;
  height: 20px;
  margin: 0 2px 0 -2px;
  padding: 0px 8px 0px 0;
  border-radius: 0 11px 11px 0;
  color: var(--input-text-color);
}
.search_a46bef .searchBar_a46bef .icon_a46bef {
  width: 32px;
  height: 32px;
}
.search_a46bef.open_a46bef {
  width: 240px;
}

/*
 *
 *  BADGES
 *
 */
.flowerStar_ff7d90 path {
  fill: hsl(var(--accent-hsl--material-you));
}

.childContainer_ff7d90 path {
  fill: var(--accent-text-color--material-you);
}

/*
 *
 *	BUTTONS
 *
 */
.button_dd4f85 {
  font-size: 16px !important;
}
.button_dd4f85 .text-sm-medium_bc6ffc, .button_dd4f85 .text-sm-medium__726be,
.button_dd4f85 .text-sm-semibold-3TWn25,
.button_dd4f85 .text-sm-semibold_a5824d,
.button_dd4f85 .text-sm-semibold_d260b0,
.button_dd4f85 .text-sm-bold-1Dtt0R,
.button_dd4f85 .text-md-semibold__79164,
.button_dd4f85 .text-md-semibold__8664f {
  height: var(--button-height);
  line-height: var(--button-height);
  font-size: unset;
  font-weight: 500;
}

.lookFilled_dd4f85,
.lookOutlined_dd4f85,
.lookLink_dd4f85,
.lookInverted_a299dc {
  --button-background: hsl(var(--accent-hsl--material-you));
  --button-text-color: var(--accent-text-color--material-you);
  --button-shadow: none;
  --button-outline: none;
  background-color: var(--button-background) !important;
  border-radius: var(--button-radius);
  border: var(--button-outline) !important;
  box-shadow: var(--button-shadow);
  color: var(--button-text-color) !important;
  transition: var(--default-time) var(--default-animation) box-shadow;
}
.lookFilled_dd4f85:hover, .lookFilled_dd4f85:active,
.lookOutlined_dd4f85:hover,
.lookOutlined_dd4f85:active,
.lookLink_dd4f85:hover,
.lookLink_dd4f85:active,
.lookInverted_a299dc:hover,
.lookInverted_a299dc:active {
  opacity: 1;
}
.lookFilled_dd4f85:hover,
.lookOutlined_dd4f85:hover,
.lookLink_dd4f85:hover,
.lookInverted_a299dc:hover {
  --button-shadow: none;
}
.lookFilled_dd4f85:active,
.lookOutlined_dd4f85:active,
.lookLink_dd4f85:active,
.lookInverted_a299dc:active {
  --button-shadow: none;
}
.lookFilled_dd4f85:after,
.lookOutlined_dd4f85:after,
.lookLink_dd4f85:after,
.lookInverted_a299dc:after {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--button-action-color);
  border-radius: var(--button-radius);
  opacity: 0;
  pointer-events: none;
  transition: var(--default-time) var(--default-animation) opacity;
}
.lookFilled_dd4f85:hover:after,
.lookOutlined_dd4f85:hover:after,
.lookLink_dd4f85:hover:after,
.lookInverted_a299dc:hover:after {
  opacity: var(--button-action-hover);
}
.lookFilled_dd4f85:active:after,
.lookOutlined_dd4f85:active:after,
.lookLink_dd4f85:active:after,
.lookInverted_a299dc:active:after {
  opacity: var(--button-action-active);
}
.lookFilled_dd4f85:disabled,
.lookOutlined_dd4f85:disabled,
.lookLink_dd4f85:disabled,
.lookInverted_a299dc:disabled {
  opacity: 1 !important;
}
.lookFilled_dd4f85:disabled:after,
.lookOutlined_dd4f85:disabled:after,
.lookLink_dd4f85:disabled:after,
.lookInverted_a299dc:disabled:after {
  display: none;
}
.lookFilled_dd4f85 .contents_dd4f85,
.lookOutlined_dd4f85 .contents_dd4f85,
.lookLink_dd4f85 .contents_dd4f85,
.lookInverted_a299dc .contents_dd4f85 {
  height: var(--button-height);
  padding: 0;
  line-height: var(--button-height);
  overflow: visible;
}
.lookFilled_dd4f85 .contents_dd4f85 svg,
.lookOutlined_dd4f85 .contents_dd4f85 svg,
.lookLink_dd4f85 .contents_dd4f85 svg,
.lookInverted_a299dc .contents_dd4f85 svg {
  height: var(--button-height);
}
.lookFilled_dd4f85 .defaultColor__77578, .lookFilled_dd4f85 .defaultColor_e9e35f, .lookFilled_dd4f85 .defaultColor_a595eb,
.lookOutlined_dd4f85 .defaultColor__77578,
.lookOutlined_dd4f85 .defaultColor_e9e35f,
.lookOutlined_dd4f85 .defaultColor_a595eb,
.lookLink_dd4f85 .defaultColor__77578,
.lookLink_dd4f85 .defaultColor_e9e35f,
.lookLink_dd4f85 .defaultColor_a595eb,
.lookInverted_a299dc .defaultColor__77578,
.lookInverted_a299dc .defaultColor_e9e35f,
.lookInverted_a299dc .defaultColor_a595eb {
  color: inherit;
}
.lookFilled_dd4f85 .loading_acadc1,
.lookOutlined_dd4f85 .loading_acadc1,
.lookLink_dd4f85 .loading_acadc1,
.lookInverted_a299dc .loading_acadc1 {
  height: var(--button-height);
  line-height: var(--button-height);
}
.lookFilled_dd4f85 .loading_acadc1 svg,
.lookOutlined_dd4f85 .loading_acadc1 svg,
.lookLink_dd4f85 .loading_acadc1 svg,
.lookInverted_a299dc .loading_acadc1 svg {
  height: auto;
}
.lookFilled_dd4f85 .content_acadc1,
.lookFilled_dd4f85 .size16_fb468f,
.lookFilled_dd4f85 .size14_fb468f,
.lookOutlined_dd4f85 .content_acadc1,
.lookOutlined_dd4f85 .size16_fb468f,
.lookOutlined_dd4f85 .size14_fb468f,
.lookLink_dd4f85 .content_acadc1,
.lookLink_dd4f85 .size16_fb468f,
.lookLink_dd4f85 .size14_fb468f,
.lookInverted_a299dc .content_acadc1,
.lookInverted_a299dc .size16_fb468f,
.lookInverted_a299dc .size14_fb468f {
  height: var(--button-height);
  line-height: var(--button-height);
  font-weight: 500;
}

/* BUTTONS -> FILLED */
.lookFilled_dd4f85:disabled {
  --button-background: hsl(var(--button-link-color),0.15);
  --button-text-color: var(--button-link-text-color);
  --button-shadow: none;
}
.lookFilled_dd4f85.colorBrand_dd4f85 {
  --button-background: hsl(var(--accent-hsl--material-you));
  --button-text-color: var(--accent-text-color--material-you);
}
.lookFilled_dd4f85.colorRed_dd4f85 {
  --button-background: hsl(var(--alert-hsl));
  --button-text-color: var(--alert-text-color);
}
.lookFilled_dd4f85.colorWhite_dd4f85 {
  --button-background: rgba(255,255,255,0.15);
  --button-text-color: #fff;
  box-shadow: none !important;
}
.lookFilled_dd4f85.colorWhite_dd4f85 .upsellButton_bb33d5 {
  color: var(--button-text-color);
}

/* BUTTONS -> OUTLINED */
.lookOutlined_dd4f85 {
  --button-background: transparent;
  --button-text-color: hsl(var(--accent-hsl--material-you));
  --button-shadow: none !important;
  --button-outline: 1px solid hsl(var(--accent-hsl--material-you));
}
.lookOutlined_dd4f85:after {
  --button-action-color: hsl(var(--accent-hsl--material-you));
}
.lookOutlined_dd4f85:disabled {
  --button-background: transparent;
  --button-text-color: var(--button-link-text-color);
  --button-outline: 1px solid hsl(var(--button-link-color),0.15);
}
.lookOutlined_dd4f85.colorRed_dd4f85 {
  --button-text-color: hsl(var(--alert-hsl));
  --button-outline: 1px solid hsl(var(--alert-hsl));
}
.lookOutlined_dd4f85.colorRed_dd4f85:after {
  --button-action-color: hsl(var(--alert-hsl));
  --button-action-hover: 0.1;
  --button-action-active: 0.2;
}
.lookOutlined_dd4f85.colorWhite_dd4f85 {
  --button-background: transparent;
  --button-text-color: #fff;
  --button-outline: 1px solid #fff;
  box-shadow: none !important;
}
.lookOutlined_dd4f85.colorWhite_dd4f85:after {
  --button-action-color: #fff;
}

/* BUTTONS -> LINKS */
.lookLink_dd4f85 {
  --button-padding: 0 12px;
  --button-background: transparent;
  --button-text-color: var(--button-link-accent-text-color);
  --button-shadow: none !important;
  --accent-button-action-hover: 0.14;
  --accent-button-action-active: 0.21;
}
.lookLink_dd4f85:after {
  --button-action-color: hsl(var(--button-link-accent-color));
}
.lookLink_dd4f85:hover {
  text-decoration: none !important;
}
.lookLink_dd4f85:hover .contents_dd4f85 {
  background-image: none !important;
}
.lookLink_dd4f85:disabled {
  --button-background: transparent;
  --button-text-color: var(--button-link-text-color);
}
.lookLink_dd4f85 .contents_dd4f85 > div {
  line-height: var(--button-height);
  color: var(--button-text-color) !important;
  font-size: 1em;
  font-weight: 500;
}

/* BUTTONS -> INVERTED */
.lookInverted_a299dc.colorBrand_dd4f85 {
  --button-background: hsl(0,0%,100%,0.15);
  --button-text-color: #fff;
  --button-shadow: none !important;
}

/* BUTTONS -> SIZES */
.sizeTiny_dd4f85,
.sizeMin_dd4f85,
.sizeSmall_dd4f85,
.sizeMedium_dd4f85,
.sizeLarge_dd4f85,
.sizeXlarge__6885c,
.sizeMax_dd4f85,
.buttonSize_c6eb7b,
.buttonSize_b9fe76,
.button__33db6,
.sizeIcon_dd4f85 {
  height: var(--button-height) !important;
  min-height: var(--button-height) !important;
  padding: var(--button-padding) !important;
  line-height: var(--button-height) !important;
  border-radius: var(--button-radius) !important;
}

.sizeMedium_dd4f85,
.sizeLarge_dd4f85,
.sizeXlarge__6885c,
.sizeMax_dd4f85 {
  min-width: var(--button-height) !important;
}

.buttonSize_b9fe76 {
  height: var(--button-height) !important;
}

.sizeIcon_dd4f85 {
  --button-padding: 0 10px;
}

.disabledButtonWrapper_dd4f85 {
  --button-padding: 0;
  background-color: transparent !important;
}
.disabledButtonWrapper_dd4f85 .lookFilled_dd4f85 {
  --button-padding: 0 20px;
}
.disabledButtonWrapper_dd4f85 .lookOutlined_dd4f85 {
  --button-padding: 0 24px;
  opacity: 0.5 !important;
}
.disabledButtonWrapper_dd4f85 .iconButton__11faf {
  --button-padding: 0;
}

.iconButtonSize__14733 {
  min-width: var(--button-height);
  max-width: var(--button-height);
}

.iconButton__11faf {
  --button-padding: 0;
}

/* BUTTONS -> CALL BUTTONS */
.colorable_ef18ee {
  --button-background: var(--menu-item-hover);
  --button-text-color: #fff;
  background-color: var(--button-background) !important;
  color: var(--button-text-color) !important;
}
.colorable_ef18ee:after {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  transition: var(--default-time) var(--default-animation) opacity;
}
.colorable_ef18ee:hover:after {
  opacity: var(--button-action-hover);
}
.colorable_ef18ee:active:after {
  opacity: var(--button-action-active);
}
.colorable_ef18ee.red_ef18ee {
  --button-background: hsl(var(--alert-hsl));
  --button-text-color: var(--alert-text-color);
}
.colorable_ef18ee.white_ef18ee {
  --button-background: #fff;
  --button-text-color: #060607;
}
.colorable_ef18ee.primaryLight_ef18ee {
  --button-text-color: #060607;
}
.colorable_ef18ee.activeLight_ef18ee {
  --button-background: var(--menu-item-select);
  --button-text-color: #060607;
}
.colorable_ef18ee .centerIcon_ef18ee {
  color: var(--button-text-color) !important;
}

.questionMark-3V9mGJ {
  background-color: hsl(var(--accent-hsl--material-you));
  border-radius: 50%;
}
.questionMark-3V9mGJ .icon-3JHfo7 {
  color: var(--accent-text-color--material-you);
}

/* BUTTONS -> SEGMENTED BUTTONS */
.selectorButton_a78967 {
  padding: 11px 0;
  background-color: transparent;
  border-color: var(--separator-color) !important;
  transition: var(--default-time) var(--default-animation) background-color;
}
.selectorButton_a78967:first-child {
  border-radius: 20px 0 0 20px;
}
.selectorButton_a78967:last-child {
  border-radius: 0 20px 20px 0;
}
.selectorButton_a78967:not(.selectorButtonPremiumRequired__9df5b):hover {
  background-color: var(--menu-item-hover) !important;
}
.selectorButton_a78967.selectorButtonSelected_a78967:not(.selectorButtonPremiumRequired__9df5b) {
  background-color: var(--menu-item-select) !important;
}

/*
 *
 *  CARDS
 *
 */
.card_a298b8 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
}
.card_a298b8 a {
  color: hsl(var(--accent-hsl--material-you));
}
.card_a298b8 .icon-1fWS75 {
  margin: 16px !important;
}
.card_a298b8 .icon-1fWS75 + .flexChild_bba380 {
  margin-left: 0;
}

.cardPrimary_a298b8 {
  background-color: var(--card-color-filled) !important;
  border: none !important;
  padding: 16px;
  border-radius: var(--card-radius-big) !important;
}
.cardPrimary_a298b8 .icon_aae945 {
  padding: 8px;
}

.promotionCard_e8af36,
.detailsBlock_a206c7,
.descriptionBox_c38f8d,
.dropsHelpText_e8af36 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
}

.dropsHelpText_e8af36 p {
  margin: 0 0 8px;
}
.dropsHelpText_e8af36 p:last-of-type {
  margin: 0;
}

.banner_b12c98 {
  max-width: none;
  border-radius: var(--card-radius-big);
}
.banner_b12c98 .button_dd4f85 {
  --button-padding: 0 20px;
  margin-left: 8px;
}

.info_f20685, .infoText-1-X8oU, .info_dc0d6d {
  background-color: hsl(var(--accent-hsl), 0.1);
  border-radius: var(--card-radius-big);
  border-color: hsl(var(--accent-hsl--material-you));
}
.info_f20685 .icon_f20685, .infoText-1-X8oU .icon_f20685, .info_dc0d6d .icon_f20685 {
  color: hsl(var(--accent-hsl--material-you));
}

.upsellContainer_d0de76 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
}
.upsellContainer_d0de76 .upsellFooter_d0de76 {
  padding: 0 16px 16px;
  background-color: transparent;
}

/*
 *
 *	CHECKBOXES
 *
 */
.checkbox_f6cde8 {
  border-width: 2px;
  border-radius: 4px;
  transition: var(--default-time) var(--default-animation) border-color, var(--default-time) var(--default-animation) background-color;
}
.checkbox_f6cde8:not(.checked_f6cde8) path {
  transition: var(--default-time) var(--default-animation) fill;
}
.checkbox_f6cde8.checked_f6cde8 {
  background-color: hsl(var(--accent-hsl--material-you)) !important;
  border-color: hsl(var(--accent-hsl--material-you)) !important;
}
.checkbox_f6cde8.checked_f6cde8 path {
  fill: var(--accent-text-color--material-you);
  transition: var(--default-time) var(--default-animation) fill;
}

.colorDefault_d90b3d .checkbox_d90b3d {
  color: hsl(var(--accent-hsl--material-you));
}
.colorDefault_d90b3d .check_d90b3d {
  color: var(--accent-text-color--material-you);
}
.colorDefault_d90b3d.focused_d90b3d .checkbox_d90b3d {
  color: hsl(var(--accent-hsl--material-you));
}
.colorDefault_d90b3d.focused_d90b3d .check_d90b3d {
  color: var(--accent-text-color--material-you);
}

/*
 *
 *  INPUTS
 *
 */
.input_f8bc55 {
  height: var(--input-height);
  padding: 0 12px;
  background-color: var(--input-color);
  border-radius: 4px 4px 0 0;
  border: none;
  box-shadow: inset 0 -1px 0 0 var(--input-border-color);
  color: var(--input-text-color);
  transition: var(--default-time) var(--default-animation) box-shadow;
}
.input_f8bc55:focus {
  box-shadow: inset 0 -2px 0 0 hsl(var(--accent-hsl--material-you));
}
.input_f8bc55.multiInput-1VARjC, .input_f8bc55.input-2yCVqe {
  padding: 0;
}
.input_f8bc55::-webkit-input-placeholder {
  font-family: var(--app-font);
  color: var(--input-placeholder-color);
}
.input_f8bc55.textArea_a2b402 {
  --input-height: auto;
  padding: 8px 12px;
}
.input_f8bc55.hiddenDiv_c04e45 {
  --input-height: 0;
}

.multiInputLast-35zVz0:before {
  display: none;
}

.error_c46f6a + .inputWrapper_f8bc55 .input_f8bc55 {
  box-shadow: inset 0 -1px 0 0 hsl(var(--alert-hsl));
}
.error_c46f6a + .inputWrapper_f8bc55 .input_f8bc55:focus {
  box-shadow: inset 0 -2px 0 0 hsl(var(--alert-hsl));
}

.label_c46f6a {
  font-size: 14px;
  text-transform: none;
}

.inputWrapper_f8bc55 .inputPrefix_b545d5 + .input_f8bc55 {
  padding-left: 32px;
}

.emojiButtonContainer_d5bea8 {
  height: var(--input-height);
  line-height: var(--input-height);
  margin: 0 4px;
  padding: 0;
  z-index: 2;
}
.emojiButtonContainer_d5bea8 + .inputWrapper_f8bc55 .input_f8bc55 {
  padding: 0 36px;
}

.emojiButton-2pmTD2, .emojiButton-2Z3krv {
  margin: 0 12px;
}

.input_f8bc55.emojiText-R_5fDP, .input_f8bc55.emojiText-1HLXh8 {
  padding-left: 44px !important;
}

.copyInput_f549fd, .copyInput-3QjTFp,
.container_c67e31 {
  height: var(--input-height) !important;
  max-height: var(--input-height) !important;
  padding: var(--input-padding) !important;
  background-color: var(--input-color) !important;
  border-radius: calc(var(--input-height) / 2) !important;
  border: none;
}
.copyInput_f549fd:hover .button_dd4f85, .copyInput-3QjTFp:hover .button_dd4f85,
.container_c67e31:hover .button_dd4f85 {
  width: auto !important;
}
.copyInput_f549fd .button_dd4f85, .copyInput-3QjTFp .button_dd4f85,
.container_c67e31 .button_dd4f85 {
  --button-height: 30px;
  margin: 3px;
}

.copyInput_f549fd .input__9fba8, .copyInput-3QjTFp .input__9fba8 {
  padding: 8px 8px 8px 12px;
}
.copyInput_f549fd .button_dd4f85, .copyInput-3QjTFp .button_dd4f85 {
  padding: var(--button-padding) !important;
}

.container_c67e31 .input__72d38 {
  padding: 8px 8px 8px 12px;
}
.container_c67e31 .input__72d38::-webkit-input-placeholder {
  font-family: var(--app-font);
}
.container_c67e31 .editIcon_ebcd80 {
  background-image: none;
  background-color: currentColor;
  -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/keyboard.svg);
  -webkit-mask-repeat: no-repeat;
  transform: scale(1.335) translate(3px, 3px) translateZ(0) !important;
}

.fileUpload-3JzU7g {
  --input-padding: 0;
}
.fileUpload-3JzU7g .fileUploadInput-3Y6j6T {
  padding: 0 0 0 12px;
}
.fileUpload-3JzU7g .fileUploadInput-3Y6j6T::-webkit-input-placeholder {
  font-weight: 500;
}

/* INPUTS -> OPTION PILL */
.optionPill_d4df8b {
  background-color: transparent !important;
  border-radius: 13px;
  border-color: var(--main-textarea-border) !important;
}
.optionPill_d4df8b.selectedPill_d4df8b {
  border-color: hsl(var(--accent-hsl--material-you)) !important;
}
.optionPill_d4df8b.erroredPill_d4df8b {
  border-color: hsl(var(--alert-hsl)) !important;
}
.optionPill_d4df8b .optionPillKey_d4df8b {
  background-color: var(--input-pill-color) !important;
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}

.input_f8bc55.error_f8bc55 {
  border-radius: 4px;
}
.input_f8bc55.error_f8bc55 + .colorStatusRed_fbc755 {
  position: absolute;
  width: 100%;
  margin-top: -24px;
  text-align: right;
}

/*
 *
 *	NOTICES
 *
 */
.notice__5fd4c {
  border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
  box-shadow: none;
}
.notice__5fd4c .lookOutlined_dd4f85 {
  --button-height: 24px;
  --button-padding: 0 12px;
  --button-background: hsl(var(--button-link-color),0.15);
  --button-text-color: var(--button-link-text-color);
  --button-outline: none;
  padding: var(--button-padding);
}

#bd-notices + .notice__5fd4c {
  border-radius: 0;
}

.bd-notice {
  background-color: hsl(var(--accent-hsl--material-you));
  color: var(--accent-text-color--material-you);
}
.bd-notice:first-child {
  border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
}
.bd-notice span {
  color: var(--accent-text-color--material-you) !important;
}

.button__33db6,
.bd-notice-button {
  background-color: hsl(var(--button-link-color), 0.15) !important;
  border: none;
  color: var(--button-link-text-color) !important;
}
.button__33db6:hover,
.bd-notice-button:hover {
  background-color: hsl(var(--button-link-color), 0.275) !important;
}

.button__33db6 {
  --button-height: 24px;
  --button-padding: 0 12px;
}

.bd-notice-button {
  height: 24px;
  padding: 0 12px;
  border-radius: 12px;
  font-weight: 500;
}

.bd-notice-close {
  right: 8px;
  background-color: var(--accent-text-color--material-you);
  -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/close.svg);
  -webkit-mask-repeat: no-repeat;
  background-image: none;
  -webkit-mask-position: center;
  mask-position: center;
  opacity: 0.75;
}

.colorDefault__438d3 .button__33db6 {
  --button-link-color: 0,0%,100%;
  color: var(--status-positive-text) !important;
}

.colorWarning__01125 {
  --button-link-color: 0,0%,0%;
  --button-link-text-color: hsl(0,0%,0%);
}

.colorNeutral__51272 {
  --button-link-color: 0,0%,100%;
  --button-link-text-color: hsl(0,0%,100%);
}

.colorInfo__680aa {
  --button-link-color: 0,0%,0%;
  --button-link-text-color: var(--accent-text-color--material-you);
  background-color: hsl(var(--accent-hsl--material-you));
  color: var(--accent-text-color--material-you);
}
.colorInfo__680aa .closeIcon__967e7 path {
  fill: currentColor;
}

.notice_dd5a33 {
  --button-link-color: 0,0%,100%;
  --button-link-text-color: hsl(0,0%,100%);
}

.colorStreamerMode_cb7f84 {
  --button-link-color: 0,0%,100%;
  --button-link-text-color: hsl(0,0%,100%);
}

.bd-notice {
  --button-link-text-color: var(--accent-text-color--material-you);
}

/*
 *
 *	RADIO BUTTONS
 *
 */
div[role=radiogroup] {
  background-color: var(--card-color-filled);
  border: none;
  padding: 8px;
  border-radius: var(--card-radius-big);
}

.item_eb92a8 {
  margin: 0;
  padding: 0 12px;
  background-color: transparent;
  border-radius: calc(var(--card-radius-big) / 1.65);
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color;
}
.item_eb92a8:hover {
  background-color: var(--card-color-hover) !important;
}
[aria-checked=true].item_eb92a8, .item_eb92a8:active {
  background-color: var(--card-color-active) !important;
}
.item_eb92a8 .radioBar_eb92a8 {
  grid-gap: 12px;
  margin-bottom: 0;
  padding: 12px 0 !important;
  border-left: none;
  position: relative;
}
.item_eb92a8 .radioBar_eb92a8:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: hsl(var(--md-ripple-color), 0.1);
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  transform: scale(1.2);
  transition: 300ms ease;
  z-index: 4;
}
.item_eb92a8 .radioBar_eb92a8:hover:after {
  opacity: 1;
  transform: scale(1.15);
  animation: scale 150ms var(--default-animation), opacity 150ms ease;
}
.item_eb92a8 .radioBar_eb92a8:active:after {
  background-color: hsl(var(--md-ripple-color), 0.2);
}
.item_eb92a8 .radioBar_eb92a8:after {
  width: 32px;
  height: 32px;
  top: -3px;
  left: -4px;
  bottom: 0;
  margin: auto 0;
}
.item_eb92a8 .radioBar_eb92a8.radioBar-3_FqUK:after {
  top: 0;
  left: unset;
  right: -4px;
}
[aria-checked=true].item_eb92a8 .radioBar_eb92a8:after {
  --md-ripple-color: var(--accent-hsl--material-you);
}
[aria-checked=true].item_eb92a8 .radioBar_eb92a8 svg {
  color: hsl(var(--accent-hsl--material-you));
}
[aria-checked=true].item_eb92a8 .radioBar_eb92a8 path {
  fill: currentColor !important;
}
[aria-checked=true].item_eb92a8 .radioIconForeground_eb92a8 {
  color: currentColor !important;
}
.item_eb92a8.disabled_eb92a8 {
  opacity: 1;
}
.item_eb92a8.disabled_eb92a8 .radioBar_eb92a8 {
  opacity: 0.3;
}
.item_eb92a8.disabled_eb92a8 .radioBar_eb92a8:after {
  display: none;
}

.tooltipWrapper_eb92a8 {
  margin: 0;
  position: relative;
  border-bottom: none;
}
.tooltipWrapper_eb92a8:after {
  position: absolute;
  content: " ";
  width: calc(100% - 16px * 2);
  height: 1px;
  right: 0;
  bottom: 0;
  margin: 0 16px;
  background-color: var(--card-border-color);
}
.tooltipWrapper_eb92a8:last-of-type:after {
  display: none;
}
.tooltipWrapper_eb92a8:last-child {
  border-bottom: none;
}

.group_e3c4bb {
  overflow: hidden;
}

/* RADIO BUTTONS -> PILL */
div[role=radiogroup].group_e3c4bb {
  height: 30px;
  background-color: var(--card-color-outlined);
  border: 1px solid var(--card-border-color);
  padding: 0;
  border-radius: var(--card-radius-big);
}

.item_e3c4bb {
  height: 28px;
  background-color: transparent;
  cursor: pointer;
  transition: var(--default-time) var(--default-animation) background-color;
  border-right: 1px solid var(--card-border-color);
}
.item_e3c4bb:last-of-type {
  border-right: none;
}
.item_e3c4bb:hover {
  background-color: var(--menu-item-hover);
}
.item_e3c4bb.selected_e3c4bb {
  background-color: var(--menu-item-select);
  color: var(--menu-item-text-color);
}
.item_e3c4bb.deny_e3c4bb {
  border-radius: var(--card-radius-big) 0 0 var(--card-radius-big);
}
.item_e3c4bb.deny_e3c4bb.selected_e3c4bb {
  background-color: hsl(var(--alert-hsl));
  color: var(--alert-text-color);
}
.item_e3c4bb.passthrough_e3c4bb.selected_e3c4bb {
  background-color: var(--menu-item-select);
}
.item_e3c4bb.allow_e3c4bb {
  border-radius: 0 var(--card-radius-big) var(--card-radius-big) 0;
}
.item_e3c4bb.allow_e3c4bb.selected_e3c4bb {
  background-color: var(--success-color);
  color: #fff;
}

/* RADIO BUTTONS -> CONTEXT MENU */
[role=menuitemradio][aria-checked=true].item_d90b3d .icon_d90b3d {
  color: hsl(var(--accent-hsl--material-you));
}

.icon_d90b3d .radioSelection_d90b3d {
  color: currentColor !important;
}

/*
 *
 *	SCROLLBARS
 *
 */
::-webkit-scrollbar {
  width: var(--scrollbar-width) !important;
  height: var(--scrollbar-width) !important;
}
::-webkit-scrollbar-track {
  margin: 0 !important;
  background: transparent !important;
  border-radius: calc(var(--scrollbar-width) / 2) !important;
}
::-webkit-scrollbar-track-piece {
  border: 0 solid transparent !important;
  background-color: transparent !important;
  margin: 0;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(var(--scrollbar-color), 0.15) !important;
  border: 0 solid transparent !important;
  border-radius: calc(var(--scrollbar-width) / 2) !important;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(var(--scrollbar-color), 0.25) !important;
}
::-webkit-scrollbar-thumb:active {
  background-color: rgba(var(--scrollbar-color), 0.3) !important;
}

.thin_eed6a8::-webkit-scrollbar {
  width: var(--scrollbar-thin-width) !important;
  height: var(--scrollbar-thin-width) !important;
}

.wrapper_fea3ef [class*=scroller]::-webkit-scrollbar {
  width: 0px !important;
}

.scrollableContainer_d0696b::-webkit-scrollbar {
  width: var(--scrollbar-thin-width) !important;
  height: var(--scrollbar-thin-width) !important;
}

/*
 *
 *	SELECT MENUS
 *
 */
.wrapper_f6639d .select_f6639d {
  padding-right: calc(var(--icons-width) + 12px);
}
.wrapper_f6639d .select_f6639d.multi_f6639d {
  padding-bottom: 0;
}

.select_f6639d {
  height: var(--input-height);
  padding: var(--input-padding);
  border-radius: var(--input-radius) !important;
  border: none;
}
.select_f6639d.multi_f6639d {
  min-height: var(--input-height);
  height: auto;
}
.select_f6639d.multi_f6639d > .multi_f6639d {
  min-height: inherit;
}
.select_f6639d.lookFilled_f6639d {
  background-color: var(--input-color);
}
.select_f6639d .searchInput_f6639d::-webkit-input-placeholder {
  font-family: var(--app-font);
  color: var(--input-placeholder-color);
}
.select_f6639d .searchInput_f6639d.multi_f6639d {
  height: 28px;
  margin-top: 2px;
}

.iconsContainer_f6639d {
  height: var(--input-height);
}
.iconsContainer_f6639d > div {
  height: var(--icons-width);
}

.popout_f6639d {
  margin: 4px 0;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius) !important;
  border: none;
  box-shadow: var(--shadow-3dp);
}
.popout_f6639d .option_f6639d {
  color: var(--menu-item-text-color);
  transition: var(--default-time) var(--default-animation) background-color;
}
.popout_f6639d .option_f6639d:hover {
  background-color: var(--menu-item-hover) !important;
}
.popout_f6639d [aria-selected=true].option_f6639d {
  background-color: var(--menu-item-select) !important;
}
.popout_f6639d [aria-selected=true].option_f6639d .selectedIcon_f6639d {
  color: hsl(var(--accent-hsl--material-you));
}
.popout_f6639d [aria-selected=true].option_f6639d .selectedIcon_f6639d circle {
  fill: var(--accent-text-color--material-you);
}

/* SELECT MENUS -> PILLS */
.optionPillBtn_f6639d {
  --button-height: 28px;
  --button-padding: 0 8px;
}
.optionPillBtn_f6639d.lookFilled_dd4f85 {
  --button-background: transparent;
  --button-outline: 1px solid var(--text-muted);
}
.optionPillBtn_f6639d:after {
  display: none;
}
.optionPillBtn_f6639d .optionPill_d4df8b {
  background-color: transparent;
}

/*
 *
 *	SLIDERS
 *
 */
.slider_c7a159 .markValue_c7a159 {
  top: -8px;
}
.slider_c7a159 .bar_c7a159 {
  height: 4px;
  background-color: hsl(var(--accent-hsl), 0.3) !important;
  border-radius: 2px;
}
.slider_c7a159 .bar_c7a159 .barFill_c7a159 {
  background-color: hsl(var(--accent-hsl--material-you)) !important;
  border-radius: 2px;
}
.slider_c7a159 .track_c7a159 .grabber_c7a159 {
  width: 16px;
  height: 16px;
  background-color: hsl(var(--accent-hsl--material-you));
  border-radius: 50%;
  border: none;
  box-shadow: var(--shadow-1dp);
  transform: translate(-3px, calc(50% - 5px));
  transition: var(--default-time) var(--default-animation) box-shadow;
  --md-ripple-color: var(--accent-hsl);
  position: relative;
}
.slider_c7a159 .track_c7a159 .grabber_c7a159:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: hsl(var(--md-ripple-color), 0.1);
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  transform: scale(1.2);
  transition: 300ms ease;
  z-index: 4;
}
.slider_c7a159 .track_c7a159 .grabber_c7a159:hover:after, .slider_c7a159 .track_c7a159 .grabber_c7a159:active:after {
  opacity: 1;
  transform: scale(2.5);
  animation: scale 150ms var(--default-animation), opacity 150ms ease;
}
.slider_c7a159 .track_c7a159 .grabber_c7a159:active:after {
  background-color: hsl(var(--md-ripple-color), 0.2);
}
.slider_c7a159 .track_c7a159 .grabber_c7a159:hover {
  box-shadow: var(--shadow-2dp);
}
.slider_c7a159 .track_c7a159 .grabber_c7a159:active {
  box-shadow: var(--shadow-3dp);
}
.slider_c7a159.slider_e13f88 .track_c7a159 .grabber_c7a159 {
  top: calc(50% - 5px);
}

.markValue_c7a159 {
  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_a8c724 {
  background-color: var(--popout-color);
  box-shadow: var(--shadow-3dp);
  border-radius: 24px;
}
/*
 *
 *	SWITCHES
 *
 */
.container_cebd1c {
  width: 39px;
  height: 24px;
  background-color: transparent !important;
  overflow: visible;
}
.container_cebd1c:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  top: 0;
  left: -7px;
  background-color: var(--switch-slider-color);
  border-radius: 12px;
  border: 2px solid var(--switch-knob-color);
  transition: 250ms cubic-bezier(0, 0.3, 0.7, 1) background-color, 250ms cubic-bezier(0, 0.3, 0.7, 1) border-color;
  box-sizing: border-box;
}
.container_cebd1c path {
  fill: var(--switch-slider-color);
  transform: scale(1.4) translate(-3px, -3px);
}
.container_cebd1c.checked_cebd1c:before {
  background-color: var(--switch-color-checked);
  border-color: transparent;
}
.container_cebd1c.checked_cebd1c .slider_cebd1c {
  background-color: hsl(var(--accent-hue), calc(var(--accent-saturation) * var(--saturation-factor)), calc(var(--accent-lightness) * var(--switch-color-modifier)));
  width: 18px;
  height: 18px;
  transform: translate(-1px, -50%);
}
.container_cebd1c.checked_cebd1c path {
  fill: hsl(var(--accent-hsl));
  filter: brightness(40%);
}
.container_cebd1c .slider_cebd1c {
  width: 14px;
  height: 14px;
  top: 50%;
  margin: 0;
  background-color: var(--switch-knob-color);
  border-radius: 50%;
  transform: translate(1px, -50%);
  transition: 250ms cubic-bezier(0, 0.3, 0.7, 1) background-color;
}
.container_cebd1c .slider_cebd1c rect {
  display: none;
}

.icon-1ykL9s {
  opacity: 1;
}

.theme-light .container_cebd1c.checked_cebd1c path {
  fill: var(--switch-color-checked);
  filter: unset;
}

.root_f9a4c9 .container_cebd1c:before {
  background-color: var(--switch-slider-color-modal);
}
.root_f9a4c9 .container_cebd1c.checked_cebd1c:before {
  background-color: var(--switch-color-checked);
}

.bd-switch {
  width: 39px;
  height: 24px;
  overflow: visible;
}
.bd-switch.bd-switch-disabled {
  opacity: 0.35;
}
.bd-switch .bd-switch-body {
  --switch-color: var(--switch-slider-color);
  --switch-animation: 250ms cubic-bezier(0,0.3,0.7,1) all;
  width: 100%;
  height: 100%;
  transition: var(--switch-animation);
  border: 2px solid var(--switch-knob-color);
  box-sizing: border-box;
  overflow: visible;
}
.bd-switch .bd-switch-body .bd-switch-slider {
  width: 14px;
  height: 14px;
  top: 50%;
  left: 3px;
  margin: 0;
  transform: translate(0, -50%);
  overflow: visible;
  transition: var(--switch-animation);
}
.bd-switch .bd-switch-body .bd-switch-slider .bd-switch-handle {
  width: 28px;
  height: 28px;
  x: 0;
  y: -4px;
  rx: 14px;
  fill: var(--switch-knob-color);
  transition: var(--switch-animation);
}
.bd-switch .bd-switch-body .bd-switch-slider .bd-switch-symbol {
  display: none;
}
.bd-switch input:active + .bd-switch-body {
  --switch-color: var(--switch-slider-color);
}
.bd-switch input:active + .bd-switch-body .bd-switch-handle {
  width: 28px;
  height: 28px;
  x: 4px;
  y: -4px;
}
.bd-switch input:checked + .bd-switch-body {
  --switch-color: var(--switch-color-checked);
  border-color: transparent;
}
.bd-switch input:checked + .bd-switch-body .bd-switch-slider {
  width: 18px;
  height: 18px;
  left: 0;
  transform: translate(16px, -50%);
}
.bd-switch input:checked + .bd-switch-body .bd-switch-slider .bd-switch-handle {
  fill: hsl(var(--accent-hue), calc(var(--accent-saturation) * var(--saturation-factor)), calc(var(--accent-lightness) * var(--switch-color-modifier)));
}
.bd-switch input:checked:active + .bd-switch-body {
  --switch-color: var(--switch-color-checked);
}
.bd-switch input:checked:active + .bd-switch-body .bd-switch-handle {
  x: -12.5px;
}

/*
 *
 *  TAB BAR
 *
 */
.tabBar_c2739c, .tabBar_bff66b, .tabBar_c69589, .topPill_a0, .settingsTabBar_f62afd, .settingsTabBar_d576e9 {
  height: 48px;
}
.tabBar_c2739c .item_a0, .tabBar_bff66b .item_a0, .tabBar_c69589 .item_a0, .topPill_a0 .item_a0, .settingsTabBar_f62afd .item_a0, .settingsTabBar_d576e9 .item_a0 {
  height: inherit;
  line-height: 48px;
  margin: 0 24px 0 0;
  padding: 0 8px;
  border-radius: 0;
  border: none !important;
  color: var(--interactive-normal) !important;
}
.tabBar_c2739c .item_a0, .tabBar_bff66b .item_a0, .tabBar_c69589 .item_a0, .topPill_a0 .item_a0, .settingsTabBar_f62afd .item_a0, .settingsTabBar_d576e9 .item_a0 {
  background-color: transparent !important;
}
.tabBar_c2739c .item_a0:not(.disabled-1nofHP):hover, .tabBar_bff66b .item_a0:not(.disabled-1nofHP):hover, .tabBar_c69589 .item_a0:not(.disabled-1nofHP):hover, .topPill_a0 .item_a0:not(.disabled-1nofHP):hover, .settingsTabBar_f62afd .item_a0:not(.disabled-1nofHP):hover, .settingsTabBar_d576e9 .item_a0:not(.disabled-1nofHP):hover {
  color: var(--interactive-hover) !important;
}
.tabBar_c2739c .item_a0.selected_a0, .tabBar_bff66b .item_a0.selected_a0, .tabBar_c69589 .item_a0.selected_a0, .topPill_a0 .item_a0.selected_a0, .settingsTabBar_f62afd .item_a0.selected_a0, .settingsTabBar_d576e9 .item_a0.selected_a0 {
  color: var(--interactive-normal) !important;
}
.tabBar_c2739c .item_a0.selected_a0, .tabBar_bff66b .item_a0.selected_a0, .tabBar_c69589 .item_a0.selected_a0, .topPill_a0 .item_a0.selected_a0, .settingsTabBar_f62afd .item_a0.selected_a0, .settingsTabBar_d576e9 .item_a0.selected_a0, .tabBar_c2739c [aria-selected=true].item_a0, .tabBar_bff66b [aria-selected=true].item_a0, .tabBar_c69589 [aria-selected=true].item_a0, .topPill_a0 [aria-selected=true].item_a0, .settingsTabBar_f62afd [aria-selected=true].item_a0, .settingsTabBar_d576e9 [aria-selected=true].item_a0 {
  position: relative;
  background-color: transparent !important;
  border: none;
}
.tabBar_c2739c .item_a0.selected_a0:after, .tabBar_bff66b .item_a0.selected_a0:after, .tabBar_c69589 .item_a0.selected_a0:after, .topPill_a0 .item_a0.selected_a0:after, .settingsTabBar_f62afd .item_a0.selected_a0:after, .settingsTabBar_d576e9 .item_a0.selected_a0:after, .tabBar_c2739c [aria-selected=true].item_a0:after, .tabBar_bff66b [aria-selected=true].item_a0:after, .tabBar_c69589 [aria-selected=true].item_a0:after, .topPill_a0 [aria-selected=true].item_a0:after, .settingsTabBar_f62afd [aria-selected=true].item_a0:after, .settingsTabBar_d576e9 [aria-selected=true].item_a0:after {
  position: absolute;
  content: " ";
  width: 80%;
  height: 3px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  background: var(--tab-border-color);
  border-radius: 3px 3px 0 0;
  transition: var(--default-time) ease all;
}
.tabBar_c2739c .item_a0:last-of-type, .tabBar_bff66b .item_a0:last-of-type, .tabBar_c69589 .item_a0:last-of-type, .topPill_a0 .item_a0:last-of-type, .settingsTabBar_f62afd .item_a0:last-of-type, .settingsTabBar_d576e9 .item_a0:last-of-type {
  margin-right: 0;
}
.tabBar_c2739c .item_a0.disabled-1nofHP, .tabBar_bff66b .item_a0.disabled-1nofHP, .tabBar_c69589 .item_a0.disabled-1nofHP, .topPill_a0 .item_a0.disabled-1nofHP, .settingsTabBar_f62afd .item_a0.disabled-1nofHP, .settingsTabBar_d576e9 .item_a0.disabled-1nofHP {
  opacity: 0.5;
}

.tabBar_bff66b {
  padding-top: 0;
}
.tabBar_bff66b .item_a0 {
  height: 47px;
}

.tabBar_a31cc1 {
  height: 56px;
  margin-bottom: 0;
  padding-top: 0;
}
.tabBar_a31cc1 .item_a0 {
  padding: 0 8px;
  line-height: 56px;
}

.tabBar_da7453 {
  border-bottom-width: 1px;
}
.tabBar_da7453 .item_a0 {
  margin-right: 24px !important;
  margin-bottom: 0;
}

/*
 *
 *  TITLES
 *
 */
.h4-1_f8j1,
.h5_c46f6a {
  font-size: 14px;
  text-transform: none;
}

/*
 *
 *	TOASTS
 *
 */
.toast,
.bd-toast {
  padding: 12px 16px;
  background-color: rgba(70, 70, 70, 0.8);
  border-radius: 20px;
  box-shadow: none;
  font-size: 1em;
  font-weight: 400;
  color: #fff;
}

.toast_f42767 {
  background-color: var(--popout-color);
}

.toast_g4bfgI,
.qwert-toast {
  margin-top: 30px !important;
  padding: 16px !important;
  border-radius: 4px;
  color: var(--text-normal) !important;
}
.toast_g4bfgI:first-child,
.qwert-toast:first-child {
  border-radius: var(--popout-radius-big) var(--popout-radius-big) 4px 4px;
}
.toast_g4bfgI:last-child,
.qwert-toast:last-child {
  border-radius: 4px 4px var(--popout-radius-big) var(--popout-radius-big);
}
.toast_g4bfgI:only-child,
.qwert-toast:only-child {
  border-radius: var(--popout-radius-big);
}

.toast_g4bfgI {
  background-color: var(--popout-color) !important;
  border-radius: var(--popout-radius-big) !important;
  box-shadow: var(--shadow-3dp) !important;
}
.toast_g4bfgI + .toast_g4bfgI {
  margin-top: 2px !important;
}

.qwert-toast {
  width: 30vw;
  max-width: 30vw;
  background-color: var(--popout-color) !important;
  backdrop-filter: none;
}
.qwert-toast + .qwert-toast {
  margin-top: 2px !important;
}
.qwert-toast .qwert-toast-icon-container {
  margin-top: 0;
  margin-right: 8px;
  padding: 0;
}
.qwert-toast .qwert-toast-author {
  display: flex;
  width: calc(30vw - 72px);
  max-width: calc(30vw - 72px);
  overflow: hidden;
}
.qwert-toast .qwert-toast-text {
  width: calc(30vw - 60px);
  max-width: calc(30vw - 60px);
}

.bg-8df5St {
  background-color: transparent !important;
}

/*
 *
 *  TOOLTIP
 *
 */
.tooltip_b6c360 {
  padding: var(--tooltip-padding);
  background-color: var(--tooltip-color) !important;
  border-radius: var(--popout-radius);
  box-shadow: var(--tooltip-shadow) !important;
  font-size: var(--tooltip-font-size);
  font-weight: 500;
  z-index: 99999999999999;
  animation: opacity var(--default-time) ease;
}
.tooltip_b6c360 .tooltipPointer_b6c360 {
  display: none;
}
.tooltip_b6c360 .tooltipContent_b6c360,
.tooltip_b6c360 .guildNameText_a6ae3c {
  padding: 0;
  font-size: var(--tooltip-font-size);
  color: var(--tooltip-text-color);
}
.tooltip_b6c360 .tooltipText_a0ae43 {
  font-size: var(--tooltip-font-size);
  color: var(--tooltip-text-color) !important;
}
.tooltip_b6c360 .activityIcon_a6ae3c {
  color: var(--tooltip-text-color);
}
.tooltip_b6c360 .clickCTA_cf58b5 {
  color: var(--tooltip-text-color) !important;
}
.subscribeTooltipWrapper-3ipXtC,
.upsellTooltipWrapper_dafa63,
.container-5N5x2A {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-3dp);
}
.subscribeTooltipWrapper-3ipXtC.caretTopCenter_dafa63:after,
.upsellTooltipWrapper_dafa63.caretTopCenter_dafa63:after,
.container-5N5x2A.caretTopCenter_dafa63:after {
  border-bottom-color: var(--popout-color);
}
.subscribeTooltipWrapper-3ipXtC.caretLeftCenter_dafa63:after,
.upsellTooltipWrapper_dafa63.caretLeftCenter_dafa63:after,
.container-5N5x2A.caretLeftCenter_dafa63:after {
  border-right-color: var(--popout-color);
}

.subscribeTooltipWrapper-3ipXtC .subscribeTooltipHeader-15pGbG {
  color: var(--header-primary);
}
.subscribeTooltipWrapper-3ipXtC .subscribeTooltipText-2A8MMi-1JoUuw {
  color: var(--header-secondary);
}

.upsellTooltipWrapper_dafa63.caretTopCenter_dafa63:after {
  border-bottom-color: var(--popout-color);
}
.upsellTooltipWrapper_dafa63.caretLeftTop_dafa63:after {
  top: var(--popout-radius-big);
  border-right-color: var(--popout-color);
}
.upsellTooltipWrapper_dafa63 .upsellTooltipHeader_dafa63 {
  color: var(--header-primary);
}
.upsellTooltipWrapper_dafa63 .upsellTooltipText_dafa63, .upsellTooltipWrapper_dafa63 .content_dafa63 {
  color: var(--header-secondary) !important;
}
.upsellTooltipWrapper_dafa63 .lookInverted_a299dc.colorBrand_dd4f85 {
  --button-padding: 0 12px;
  --button-background: transparent;
  --button-text-color: hsl(var(--accent-hsl--material-you));
  --accent-button-action-hover: 0.14;
  --accent-button-action-active: 0.21;
}
.upsellTooltipWrapper_dafa63 .lookInverted_a299dc.colorBrand_dd4f85:after {
  background-color: hsl(var(--accent-hsl--material-you));
}

.container-5N5x2A .title-2_oicu {
  color: var(--header-primary);
}
.container-5N5x2A .subTitle-2vwe12 {
  color: var(--header-secondary);
}
.container-5N5x2A .pointer-1bsD64 {
  border-top-color: var(--popout-color);
}

.tooltipPremiumFooterContainer_eeaea3 {
  border-radius: 14px;
}

.reactionTooltip_fba897 {
  padding: 8px;
  background-color: var(--tooltip-color);
  border-radius: var(--tooltip-radius);
  box-shadow: var(--tooltip-shadow);
  font-size: var(--tooltip-font-size);
  color: var(--tooltip-text-color);
}
.reactionTooltip_fba897 .reactionTooltipText_fba897 {
  color: inherit;
}

.burstReactionTooltipMessage_fba897 {
  border-bottom-color: var(--text-disabled);
}

.burstReactionTooltipPrompt_fba897 {
  margin: 8px 0 0;
}
.burstReactionTooltipPrompt_fba897 .reactionTooltipText_fba897 {
  margin-left: 0;
}

/* TOOLTIP -> EMOJI INFO */
.popoutContainer_cf58b5 {
  background-color: var(--tooltip-color) !important;
  border-radius: var(--tooltip-radius);
  box-shadow: var(--tooltip-shadow) !important;
}
.popoutContainer_cf58b5 .defaultColor__77578, .popoutContainer_cf58b5 .defaultColor_e9e35f, .popoutContainer_cf58b5 .defaultColor_a595eb {
  color: var(--tooltip-text-color);
}

/*
 *
 *	ACTIVITY LIST
 *
 */
.nowPlayingColumn_c2739c {
  background-color: var(--main-color);
}
.nowPlayingColumn_c2739c .container_bf550a {
  background-color: transparent;
}
.nowPlayingColumn_c2739c .container_bf550a .scroller_bf550a {
  margin-left: 0;
  padding: 16px 16px 12px;
  border-left: none;
}

.memberItem_b09fe8 {
  padding: 0;
}

.card_ae5e0b {
  margin-bottom: 16px;
  background-color: var(--card-color-outlined);
  border: 1px solid var(--card-border-color);
  padding: 0;
  border-radius: var(--card-radius-big);
}
.card_ae5e0b .header_ae5e0b {
  margin-bottom: 0;
  padding: 16px;
  background-color: transparent;
  font-size: 1.25em;
  line-height: normal;
  color: var(--card-header-text-color);
  font-weight: 400;
  opacity: 1;
  border-bottom: 1px solid var(--card-border-color);
  text-align: left;
}
.card_ae5e0b .size14_fb468f {
  padding: 16px 16px 0;
}
.card_ae5e0b .buttonContainer_ae5e0b {
  padding: 0 16px 16px;
}

.emptyCard_f02fcf {
  padding: 0;
  background-color: var(--activity-card-color);
  border-radius: var(--card-radius-big);
}
.emptyCard_f02fcf .emptyHeader_f02fcf {
  width: 100%;
  margin-bottom: 0;
  padding: 16px;
  background-color: transparent;
  font-size: 1.25em;
  line-height: normal;
  color: var(--card-header-text-color);
  font-weight: 400;
  opacity: 1;
  box-sizing: border-box;
  text-align: left;
}
.emptyCard_f02fcf .emptyText_f02fcf {
  padding: 0 16px 16px;
  text-align: left;
}

.interactive_c0f6a6 {
  margin: 0 0 2px;
  background-color: var(--activity-card-color);
  border-radius: 4px;
  border: none;
  transition: var(--default-time) var(--default-animation) background-color;
}
.interactive_c0f6a6:hover {
  background-color: var(--activity-card-color--hover) !important;
}
.interactive_c0f6a6.active_c0f6a6 {
  background-color: var(--activity-card-color--active) !important;
}
.interactive_c0f6a6:not(:only-of-type):first-of-type {
  border-radius: var(--card-radius-big) var(--card-radius-big) 4px 4px;
}
.interactive_c0f6a6:not(:only-of-type):nth-last-child(2) {
  border-radius: 4px 4px var(--card-radius-big) var(--card-radius-big);
}
.interactive_c0f6a6:not(:only-of-type):nth-last-child(2):after {
  display: none;
}
.interactive_c0f6a6 .inset_c0f6a6 {
  margin-left: 44px;
  background-color: transparent;
}
.interactive_c0f6a6 .section_cd82a7 {
  margin-bottom: 2px;
  background-color: var(--activity-card-color--inset);
  border-radius: 4px;
}
.interactive_c0f6a6 .section_cd82a7:first-of-type {
  border-radius: var(--card-radius-big) var(--card-radius-big) 4px 4px;
}
.interactive_c0f6a6 .section_cd82a7:last-of-type {
  margin-bottom: 0;
  border-radius: 4px 4px var(--card-radius-big) var(--card-radius-big);
}
.interactive_c0f6a6 .section_cd82a7:only-child {
  border-radius: var(--card-radius-big);
}
.interactive_c0f6a6 .separator_cd82a7 {
  display: none;
}
.interactive_c0f6a6 .headerIcon_cd82a7 {
  border-radius: 50%;
}
.interactive_c0f6a6 .applicationStreamingPreviewWrapper_cd82a7 {
  background-color: var(--card-color-alt);
  border-radius: calc(var(--card-radius-big) / 1.25);
  overflow: hidden;
}
.interactive_c0f6a6 .image_ed81cc {
  border-radius: calc(var(--card-radius-big) / 1.25);
}
.interactive_c0f6a6 .borderRadius0_cd82a7 {
  border-radius: 50%;
}

.nowPlayingColumn_c2739c .header_bf550a {
  margin-top: 0;
  font-weight: 400;
}
.nowPlayingColumn_c2739c .header_bf550a + .interactive_c0f6a6:nth-last-child(2) {
  border-radius: var(--card-radius-big);
}

/*
 *
 *	ADD FRIEND
 *
 */
.header_c96274 {
  margin: 16px 16px 0;
  padding: 0 0 16px;
}

.addFriendInputWrapper_de812f {
  height: calc(var(--input-height) * 1.316);
  margin: 12px 0 0 0;
  padding: 0 8px 0 16px;
  background-color: var(--input-color);
  border-radius: calc(var(--input-radius) * 1.316);
  border: none;
}
.addFriendInputWrapper_de812f .addFriendInput_de812f,
.addFriendInputWrapper_de812f .addFriendHint_de812f {
  padding: 0;
  line-height: var(--input-height);
  font-weight: 400;
}
.addFriendInputWrapper_de812f .addFriendInput_de812f::-webkit-input-placeholder,
.addFriendInputWrapper_de812f .addFriendHint_de812f::-webkit-input-placeholder {
  color: var(--text-muted);
  font-weight: 500;
}
.addFriendInputWrapper_de812f .addFriendInput_de812f {
  border-bottom: none !important;
}
.addFriendInputWrapper_de812f .addFriendInput_de812f .input_f8bc55 {
  padding: 0;
  box-shadow: none !important;
}
.addFriendInputWrapper_de812f .addFriendHint_de812f {
  top: 6px;
}

.header_aef5fd {
  padding: 16px;
}

.grid_aef5fd {
  padding: 0 16px;
}

.container_aef5fd {
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
  transition: var(--default-time) var(--default-animation) background-color;
}
.container_aef5fd:hover {
  background-color: var(--card-color-hover);
}

/*
 *
 *	FRIENDS LIST
 *
 */
.container_c2739c {
  background-color: var(--chat-color) !important;
  border-top-right-radius: var(--card-radius-big);
}

.tabBody_c2739c:before {
  display: none;
}

.peopleList_e0840f {
  padding-bottom: 12px;
}

.peopleColumn_c2739c .searchBar_e0840f {
  margin: 16px 16px 8px 16px;
  height: var(--input-height);
  max-height: var(--input-height);
  padding: var(--input-padding);
  background-color: var(--input-color);
  border-radius: calc(var(--input-height) / 2);
  border: none;
  padding: 0;
}
.peopleColumn_c2739c .searchBar_e0840f .inner__999f6 .input__48d49 {
  height: var(--input-height);
  margin: 0;
  padding: 0 4px 0 12px;
  line-height: var(--input-height);
}
.peopleColumn_c2739c .searchBar_e0840f .inner__999f6 .input__48d49::-webkit-input-placeholder {
  font-family: var(--app-font);
}
.peopleColumn_c2739c .searchBar_e0840f .inner__999f6 .iconLayout__67261 {
  width: var(--input-height);
  height: var(--input-height);
}
.peopleColumn_c2739c .scrollerBase_eed6a8 {
  margin-top: 0;
}
.peopleColumn_c2739c .container-q97qHp {
  height: 40px;
  margin: 0;
  padding: 0 16px;
  line-height: 40px;
  font-size: 14px;
  text-transform: none;
}

.peopleListItem_d51464 {
  margin: 0 8px !important;
  padding: 0 16px !important;
  border-radius: var(--card-radius-big) !important;
  border: none;
  transition: var(--default-time) var(--default-animation) background-color;
}
.peopleListItem_d51464:hover {
  background-color: var(--menu-item-hover);
}
.peopleListItem_d51464.active_d51464 {
  background-color: var(--menu-item-select);
}
.peopleListItem_d51464 .actionButton_e01b91 {
  background-color: transparent;
  position: relative;
}
.peopleListItem_d51464 .actionButton_e01b91:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: hsl(var(--md-ripple-color), 0.1);
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  transform: scale(1.2);
  transition: 300ms ease;
  z-index: 4;
}
.peopleListItem_d51464 .actionButton_e01b91:hover:after {
  opacity: 1;
  transform: scale(1);
  animation: scale 150ms var(--default-animation), opacity 150ms ease;
}
.peopleListItem_d51464 .actionButton_e01b91:active:after {
  background-color: hsl(var(--md-ripple-color), 0.2);
}
.peopleListItem_d51464 .actionButton_e01b91 .icon_e01b91 {
  transform: scale(1.2);
}
.peopleListItem_d51464 .actionButton_e01b91 .icon_e01b91 path[d="M4.79805 3C3.80445 3 2.99805 3.8055 2.99805 4.8V15.6C2.99805 16.5936 3.80445 17.4 4.79805 17.4H7.49805V21L11.098 17.4H19.198C20.1925 17.4 20.998 16.5936 20.998 15.6V4.8C20.998 3.8055 20.1925 3 19.198 3H4.79805Z"] {
  d: path("M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z");
}

/*
 *
 *	LIBRARY
 *
 */
.libraryHeader_cb9493 {
  --input-height: 32px;
  --input-padding: 0 2px 0 6px;
}
.libraryHeader_cb9493 .inner__999f6 .input__48d49 {
  padding: 0;
}
.libraryHeader_cb9493 .inner__999f6 .input__48d49, .libraryHeader_cb9493 .inner__999f6 .input__48d49::-webkit-input-placeholder {
  font-weight: 500;
}

.libraryFilter_e0264e {
  width: 160px;
  transition: 300ms ease width;
}
.libraryFilter_e0264e.focused_e0264e {
  width: 240px;
}

.scroller_ad8f79,
.scroller_c100ff {
  background-color: var(--chat-color);
}

.table_f1629a {
  padding-bottom: 8px;
}
.table_f1629a .header_f1629a {
  height: 42px;
  padding: 0 16px;
  line-height: 42px;
  background-color: var(--chat-color);
  border-bottom: 1px solid var(--card-border-color);
}
.table_f1629a .header_f1629a.stickyHeader_f1629a {
  width: 100%;
}
.table_f1629a .header_f1629a .headerCell_f1629a {
  border: none;
  font-size: 14px;
  text-transform: none;
}
.table_f1629a .header_f1629a .headerCell_f1629a.headerCellSorted_f1629a .headerCellContent_b4bea4 {
  position: relative;
  background-color: transparent !important;
  border: none;
}
.table_f1629a .header_f1629a .headerCell_f1629a.headerCellSorted_f1629a .headerCellContent_b4bea4:after {
  position: absolute;
  content: " ";
  width: 100%;
  height: 3px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  background: var(--tab-border-color);
  border-radius: 3px 3px 0 0;
  transition: var(--default-time) ease all;
}
.table_f1629a .header_f1629a .headerCell_f1629a.headerCellSorted_f1629a .headerCellContent_b4bea4:after {
  width: calc(100% - 22px);
  left: 0;
  right: auto;
}

.rowWrapper_f1629a {
  margin: 0 8px;
  padding: 0;
  border-radius: var(--card-radius-big);
  border: none;
  transition: var(--default-time) var(--default-animation) background-color;
}
.rowWrapper_f1629a.rowWrapperActive_f1629a {
  background-color: var(--menu-item-hover);
}
.rowWrapper_f1629a .row_f1629a {
  margin: 0;
  padding: 0 16px;
  border-top: none !important;
}
.rowWrapper_f1629a .nameBodyCell_f1629a,
.rowWrapper_f1629a .settingIcon_f1629a,
.rowWrapper_f1629a .textCell_f1629a {
  transition: var(--default-time) var(--default-animation) opacity;
}
.rowWrapper_f1629a .nameBodyCell_f1629a {
  padding-left: 0;
}

.body_c100ff {
  min-width: 350px;
  max-width: 1200px;
  padding: 60px 40px 80px;
}

.wrapper_cd2edd .foreground_cd2edd {
  stroke: var(--slider-color) !important;
}
.wrapper_cd2edd .foreground_cd2edd {
  stroke: hsl(var(--accent-hsl--material-you)) !important;
}

/*
 *
 *  MESSAGE REQUESTS
 *
 */
.list_f3abf4 {
  padding: 0 8px;
}
.list_f3abf4 .content-2a4AW9 {
  height: auto !important;
  margin-top: 24px;
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
  overflow: hidden;
}
.list_f3abf4 .content-2a4AW9 > div[style="height: 24px;"] {
  display: none;
}
.list_f3abf4 .sectionTitle_f3abf4 {
  margin: 0;
  padding: 0 16px 16px;
  line-height: normal;
  color: var(--card-header-text-color);
  font-weight: 400;
  font-size: 1.25em;
  text-transform: none;
}

.messageRequestItem_a5de62 {
  padding: 16px;
  position: relative;
  border-bottom: none;
  border-radius: var(--card-radius-big);
  transition: var(--default-time) var(--default-animation) background-color;
}
.messageRequestItem_a5de62:after {
  position: absolute;
  content: " ";
  width: calc(100% - 16px * 2);
  height: 1px;
  right: 0;
  bottom: 0;
  margin: 0 16px;
  background-color: var(--card-border-color);
}
.messageRequestItem_a5de62:last-of-type:after {
  display: none;
}
.messageRequestItem_a5de62:not(.firstItem_a5de62) {
  border-top: none;
}
.messageRequestItem_a5de62:hover, .messageRequestItem_a5de62.active_a5de62, .messageRequestItem_a5de62.selected_f3abf4, .messageRequestItem_a5de62.selected_cc7518 {
  border-radius: var(--card-radius-big);
}
.messageRequestItem_a5de62:hover .actionButton-3GQIiT, .messageRequestItem_a5de62.active_a5de62 .actionButton-3GQIiT, .messageRequestItem_a5de62.selected_f3abf4 .actionButton-3GQIiT, .messageRequestItem_a5de62.selected_cc7518 .actionButton-3GQIiT {
  background-color: var(--card-color-alt);
}
.messageRequestItem_a5de62:hover, .messageRequestItem_a5de62.active_a5de62 {
  background-color: var(--card-color-hover);
}
.messageRequestItem_a5de62.selected_f3abf4, .messageRequestItem_a5de62.selected_cc7518 {
  background-color: var(--card-color-active);
}
.messageRequestItem_a5de62:after {
  display: none;
}
.messageRequestItem_a5de62 .actionButton-3GQIiT {
  background-color: var(--card-color-hover);
}
.messageRequestItem_a5de62 .button_dd4f85.colorPrimary_dd4f85 {
  --button-padding: 0 12px;
  --button-background: transparent;
  --button-text-color: hsl(var(--accent-hsl--material-you));
  --accent-button-action-hover: 0.14;
  --accent-button-action-active: 0.21;
}
.messageRequestItem_a5de62 .button_dd4f85.colorPrimary_dd4f85:after {
  background-color: hsl(var(--button-link-accent-color));
}

/* MESSAGE REQUESTS -> PREVIEW */
.chat_fe669e:before {
  display: none;
}

/*
 *
 *	NITRO
 *
 */
.applicationStore_cecc86 {
  background-color: var(--chat-color);
  border-top-right-radius: var(--card-radius-big);
}
.applicationStore_cecc86 .scroller__244e5 {
  background-color: transparent;
}

.settingsContainer-36qZZ9 {
  width: 100%;
  border-radius: var(--card-radius-big);
}

.premiumTierCardsContainerSettings-3_Raf8 {
  max-width: unset;
}

.card_c87d73 {
  border-radius: var(--card-radius-big);
}

.perkCard_d611db,
.bigPerkCard-1uwmWV,
.smallPerkCard-2sX_-- {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
}

/*
 *
 *	MESSAGE ACTIONS
 *
 */
.message_d5deea .buttons_d5deea {
  max-width: 32px;
  opacity: 0;
  visibility: visible;
  pointer-events: none;
  transition: opacity var(--default-time) var(--default-animation), max-width var(--default-time) var(--default-animation) var(--default-time);
}
.selected_d5deea.message_d5deea .buttons_d5deea, .message_d5deea:hover .buttons_d5deea {
  max-width: 380px;
  opacity: 1;
  pointer-events: all;
}

.wrapper_ef319f {
  background-color: var(--main-textarea-color);
  border-radius: 16px;
  box-shadow: var(--shadow-2dp);
  border: none;
  overflow: hidden;
  z-index: 2;
}
.wrapper_ef319f:hover {
  box-shadow: var(--shadow-3dp);
}
.wrapper_ef319f .button_ef319f {
  transition: var(--default-time) ease all;
}
.wrapper_ef319f .button_ef319f:hover {
  background-color: var(--menu-item-hover);
}
.wrapper_ef319f .button_ef319f:active {
  padding: 4px;
}
.wrapper_ef319f .button_ef319f .selected_ef319f {
  background-color: var(--menu-item-select);
}

/* MESSAGES -> ACTIONS -> DELETE MESSAGE */
.message_ddcc45 {
  padding: 0;
  background-color: transparent !important;
  box-shadow: none !important;
}
.message_ddcc45 .wrapper_ec86aa {
  margin: 0 0 0 52px !important;
  background-color: var(--message-color-alt) !important;
}
.message_ddcc45 .wrapper_ec86aa .avatar_ec86aa {
  left: -52px !important;
}

/*
 *
 *	ATTACHMENTS
 *
 */
.nonMediaAttachmentsContainer__912df {
  margin-top: 0;
}

.attachment_a4623d {
  background-color: var(--attachment-color);
  border-radius: var(--media-radius);
  border: none;
}
.attachment_a4623d.newMosaicStyle_ad9cbd {
  border-radius: var(--media-radius);
}
.attachment_a4623d .downloadButton__3fb6d {
  margin-left: 0;
}
.attachment_a4623d .downloadButton__3fb6d path {
  d: path("M13 5v6h1.17L12 13.17 9.83 11H11V5h2m2-2H9v6H5l7 7 7-7h-4V3zm4 15H5v2h14v-2z") !important;
}

.hoverButtonGroup__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_f316dd {
  border-radius: var(--media-radius);
}

.container_c15230 {
  background-color: var(--attachment-color);
  border-radius: var(--media-radius);
}

.progress_a4623d {
  background-color: hsl(var(--accent-hsl), 0.3) !important;
}
.progress_a4623d .progressBar-1T6LYX {
  background-color: hsl(var(--accent-hsl--material-you)) !important;
}

.embed_ad0b71 {
  border-radius: var(--media-radius);
}
.embed_ad0b71.embedFull_ad0b71 {
  background-color: var(--attachment-color);
}

.embedCard_c6cefd {
  background-color: var(--attachment-color);
  border-radius: var(--message-radius);
}
.embedCard_c6cefd.selected_bf4197 {
  background-color: var(--attachment-color);
}
.embedCard_c6cefd .wrapper_ec86aa {
  margin: 0 0 0 48px !important;
}
.embedCard_c6cefd .wrapper_ec86aa .avatar_ec86aa {
  left: -48px !important;
  margin-top: 0;
}

.withFooter_c6cefd {
  padding-bottom: 0;
  border-radius: var(--media-radius) var(--media-radius) 0 0;
}

.footerContainer_bf4197 {
  padding: 8px 16px 8px;
  background-color: var(--attachment-color);
  border-radius: 0 0 var(--media-radius) var(--media-radius);
}
.footerContainer_bf4197 .button_dd4f85 {
  --button-height: 30px;
}
.footerContainer_bf4197 .button_dd4f85 .contents_dd4f85 > div {
  height: var(--button-height);
}
.footerContainer_bf4197 .button_dd4f85 .text-xs-normal_ccc5fb, .footerContainer_bf4197 .button_dd4f85 .text-xs-normal__46d75 {
  color: hsl(var(--accent-text-color--material-you)) !important;
  font-weight: 500;
}

.children_f08cd0 {
  margin-top: 4px;
  gap: 8px;
}
.children_f08cd0 .button_dd4f85 {
  margin: 0;
}

.wrapper_ce1c1d {
  background-color: var(--attachment-color);
  border-radius: var(--media-radius);
}

.wrapper_b9fe76 {
  background-color: var(--attachment-color) !important;
  border-radius: var(--media-radius);
}
.wrapper_b9fe76 .inviteSplash_b9fe76,
.wrapper_b9fe76 .banner_a75489 {
  border-radius: var(--media-radius);
}
.wrapper_b9fe76 .content-17zlU6 {
  gap: 12px;
}
.wrapper_b9fe76 .h5-2RwDNl {
  font-size: 14px;
  text-transform: none;
}
.wrapper_b9fe76 .guildIcon_b9fe76 {
  border-radius: 50%;
}

.invite_cdcad9 {
  background-color: var(--attachment-color) !important;
  border-radius: var(--media-radius);
  border: none !important;
}

/* ATTACHMENTS -> AUDIO FILE */
.wrapperAudio_f316dd {
  padding: 0;
  background-color: var(--attachment-color) !important;
  border-radius: var(--media-radius);
  border: none;
}
.wrapperAudio_f316dd.newMosaicStyle_f316dd {
  padding: 0;
  border-radius: var(--media-radius);
}
.wrapperAudio_f316dd .audioMetadata_f316dd {
  padding: 12px 12px 4px;
}
.wrapperAudio_f316dd .audioMetadata_f316dd .metadataIcon_f316dd 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_f316dd + .nonMediaAttachment_ef83c1 {
  top: 12px;
  bottom: unset;
  margin: 0;
}
.wrapperAudio_f316dd .audioControls_f316dd {
  margin-top: 0;
  background-color: transparent;
  border-radius: 0;
  border-top: 1px solid var(--card-border-color);
  color: var(--text-normal);
}
.wrapperAudio_f316dd .audioControls_f316dd .controlIcon_f316dd {
  padding: 8px;
}

.container_d6cb89 {
  background-color: var(--attachment-color);
  border-radius: var(--media-radius);
}
.container_d6cb89.playing_d6cb89 .playButtonContainer_d6cb89 {
  border-radius: 10px;
}

.ripple_d6cb89 {
  display: none;
}

.playButtonContainer_d6cb89 {
  background: hsl(var(--accent-hsl--material-you)) !important;
  transition: var(--default-time) var(--default-animation) border-radius;
}
.playButtonContainer_d6cb89:active {
  transform: none;
}
.playButtonContainer_d6cb89 .playIcon_d6cb89 {
  color: var(--accent-text-color--material-you) !important;
}

/* ATTACHMENTS -> VIDEO PLAYER */
.wrapper_f316dd {
  border-radius: 0;
}

.mediaBarInteraction_f7877e:hover .mediaBarGrabber_f7877e {
  background-color: hsl(var(--accent-hsl--material-you));
  box-shadow: var(--shadow-2dp);
}

.mediaBarInteractionDragging_f7877e .mediaBarGrabber_f7877e {
  background-color: hsl(var(--accent-hsl--material-you));
  box-shadow: var(--shadow-3dp);
}

.mediaBarGrabber_f7877e, .mediaBarGrabber_f7877e:before, .mediaBarGrabber_f7877e:after,
.mediaBarProgress_f7877e,
.mediaBarProgress_f7877e:before,
.mediaBarProgress_f7877e:after {
  background-color: hsl(var(--accent-hsl--material-you));
}

/* ATTACHMENTS -> EMOJI SELLUP */
.popoutContainer_cf58b5 {
  background-color: var(--popout-color) !important;
  border-radius: var(--popout-radius-big) !important;
  box-shadow: var(--shadow-3dp) !important;
}
.popoutContainer_cf58b5 .emojiSection_e58351,
.popoutContainer_cf58b5 .guildSection_e58351 {
  background-color: transparent;
}
.popoutContainer_cf58b5 .guildSection_e58351 {
  border-top: 1px solid var(--card-border-color);
}

.container_ccd3df {
  z-index: 2;
}
.container_ccd3df .stickerResults_ccd3df {
  padding: 16px 16px 8px;
}
.container_ccd3df .bottomInformationTextContainer_ccd3df {
  padding: 8px 16px 8px;
  border-top: 1px solid var(--card-border-color);
}
.container_ccd3df .bottomInformationTextContainer_ccd3df .textDivider_ccd3df {
  display: none;
}
.container_ccd3df .containerBackground_ccd3df {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-3dp);
  border: none;
}
.container_ccd3df .containerBackground_ccd3df:after {
  border-top-color: var(--popout-color);
}

/* ATTACHMENTS -> IMAGES */
.mediaAttachmentsContainer__242e2,
.oneByOneGridSingle_df7417,
.messageAttachmentMediaMosaic__67262 {
  border-radius: 0;
}

.imageWrapper__178ee {
  border-radius: var(--media-radius);
}
.imageWrapper__178ee.image_aee8c6 {
  --media-radius: 0;
}

.embedMedia_ad0b71 {
  border-radius: var(--media-radius);
}

.spoilerContainer_a3d0f7 {
  border-radius: var(--media-radius);
  box-shadow: none !important;
}

/*
 *
 *	MARKUP
 *
 */
.markup_d6076c a {
  color: hsl(var(--accent-hsl));
}
.markup_d6076c pre, .markup_d6076c pre *, .markup_d6076c code.inline, .markup_d6076c .codeBlockText_cdb578, .markup_d6076c .codeBlockText_cdb578 *, .markup_d6076c .codeLine_cdb578, .markup_d6076c .codeLine_cdb578 *, .markup_d6076c .codeBlockLang_cdb578, .markup_d6076c .codeBlockLang_cdb578 *, .markup_d6076c .codeBlockSyntax_cdb578, .markup_d6076c .codeBlockSyntax_cdb578 *, .markup_d6076c .syntaxAfter_cdb578, .markup_d6076c .syntaxAfter_cdb578 *, .markup_d6076c .syntaxBefore_cdb578, .markup_d6076c .syntaxBefore_cdb578 * {
  --app-font: var(--code-font);
}
.markup_d6076c pre,
.markup_d6076c pre code,
.markup_d6076c code.inline {
  background-color: var(--attachment-color);
  border-radius: var(--media-radius);
  border: none;
}
.markup_d6076c pre code,
.markup_d6076c code.inline code {
  background-color: transparent;
}
.markup_d6076c pre,
.markup_d6076c code.inline {
  margin: 4px 0;
}

.inlineCode_cdb578,
.before_inlineCode_cdb578,
.after_inlineCode_cdb578 {
  --app-font: var(--code-font);
  background-color: var(--attachment-color);
}

.before_inlineCode_cdb578 {
  border-radius: var(--media-radius) 0 0 var(--media-radius);
}

.after_inlineCode_cdb578 {
  border-radius: 0 var(--media-radius) var(--media-radius) 0;
}

.wrapper_a7c28c {
  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_a7c28c:hover {
  background-color: hsl(var(--accent-hsl), 0.3);
  color: hsl(var(--accent-hsl));
}

.theme-dark .wrapper_a7c28c {
  background-color: hsl(var(--accent-hsl), 0.15);
  color: hsl(var(--accent-hsl));
}
.theme-dark .wrapper_a7c28c:hover {
  background-color: hsl(var(--accent-hsl), 0.3);
}

.textContainer_ad9cbd,
.footer_ad9cbd {
  background-color: var(--attachment-color);
  border: none;
}

.textContainer_ad9cbd {
  border-radius: var(--media-radius) var(--media-radius) 0 0;
}
.textContainer_ad9cbd .hljs {
  background-color: transparent;
}

.footer_ad9cbd {
  border-radius: 0 0 var(--media-radius) var(--media-radius);
  border-top: 1px solid var(--separator-color);
}

.codeView_ad9cbd, .codeView_ad9cbd * {
  --app-font: var(--code-font);
}

.embed_ad0b71 {
  border-radius: var(--media-radius);
}
.embed_ad0b71.embedFull_ad0b71 {
  background-color: var(--attachment-color);
}
.embed_ad0b71 pre,
.embed_ad0b71 pre code,
.embed_ad0b71 code.inline {
  --attachment-color: var(--message-color);
}

/*
 *
 *	MESSAGES
 *
 */
.backgroundFlash_d5deea {
  border-radius: var(--message-radius);
}
[style].backgroundFlash_d5deea {
  position: relative;
  background-color: transparent !important;
}
[style].backgroundFlash_d5deea:before {
  position: absolute;
  content: " ";
  width: calc(100% - 78px);
  height: 100%;
  top: 0;
  left: 68px;
  border-radius: var(--message-radius);
  pointer-events: none;
  z-index: 2;
  transition: 200ms ease-out background-color;
}
.backgroundFlash_d5deea:not([style$="0);"]):before {
  background-color: hsl(var(--accent-hsl), 0.2);
}
[style="background-color: rgba(148, 156, 247, 0);"].backgroundFlash_d5deea:before {
  background-color: hsl(var(--accent-hsl), 0);
}

.messagesWrapper_e2e187.group-spacing-0 .groupStart_d5deea {
  --group-spacing: 0.125rem;
}
.messagesWrapper_e2e187.group-spacing-0 .divider_d5deea.beforeGroup_d5deea {
  top: 1px;
}
.messagesWrapper_e2e187.group-spacing-4 .groupStart_d5deea {
  --group-spacing: 0.3125rem;
}
.messagesWrapper_e2e187.group-spacing-4 .divider_d5deea.beforeGroup_d5deea {
  top: 2px;
}
.messagesWrapper_e2e187.group-spacing-8 .groupStart_d5deea {
  --group-spacing: 0.5625rem;
}
.messagesWrapper_e2e187.group-spacing-8 .divider_d5deea.beforeGroup_d5deea {
  top: 4px;
}
.messagesWrapper_e2e187.group-spacing-16 .groupStart_d5deea {
  --group-spacing: 1.0625rem;
}
.messagesWrapper_e2e187.group-spacing-16 .divider_d5deea.beforeGroup_d5deea {
  top: 8px;
}
.messagesWrapper_e2e187.group-spacing-24 .groupStart_d5deea {
  --group-spacing: 1.5625rem;
}
.messagesWrapper_e2e187.group-spacing-24 .divider_d5deea.beforeGroup_d5deea {
  top: 12px;
}
[class*=group-spacing].messagesWrapper_e2e187 .groupStart_d5deea {
  margin-top: var(--group-spacing) !important;
}
[class*=group-spacing].messagesWrapper_e2e187 .divider_d5deea:not(.beforeGroup_d5deea) {
  top: -4px;
}
.messagesWrapper_e2e187 .divider_fc5f50 {
  border-top-color: var(--message-color-hover);
}
.messagesWrapper_e2e187 .content_fc5f50 {
  padding: 4px 12px;
  border-radius: 11px;
}

.wrapper_ec86aa {
  position: relative;
  background-color: var(--message-color) !important;
  transition: var(--default-time) var(--default-animation) background-color;
}
.wrapper_ec86aa:hover {
  background-color: var(--message-color-hover) !important;
}
.wrapper_ec86aa.automodMessage_d5deea:before {
  display: none;
}
.wrapper_ec86aa.hasThread_ec86aa:after {
  display: none;
}
.wrapper_ec86aa.hasThread_ec86aa .markup_d6076c {
  overflow: visible;
}
.wrapper_ec86aa.hasThread_ec86aa .container_e62b38 {
  padding: 0;
}
.wrapper_ec86aa.hasThread_ec86aa .iconContainer_e62b38 {
  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_ec86aa.hasThread_ec86aa .container_c15230 {
  width: 100%;
  padding: 12px;
  background-color: var(--attachment-color);
  border-radius: var(--media-radius);
  box-sizing: border-box;
}
.wrapper_ec86aa.hasThread_ec86aa .cta_c15230 {
  color: hsl(var(--accent-hsl));
}
.wrapper_ec86aa.groupStart_d5deea {
  position: relative;
  border-radius: var(--message-radius);
}
.wrapper_ec86aa.groupStart_d5deea .avatar_ec86aa {
  width: 40px;
  height: 40px;
  top: 0;
  left: -50px;
  border-radius: var(--avatar-radius);
}
.wrapper_ec86aa.groupStart_d5deea .avatarDecoration_ec86aa {
  top: 0;
  left: -54px;
}
.wrapper_ec86aa.groupStart_d5deea.replying_d5deea:before {
  display: none;
}
.wrapper_ec86aa:not(.groupStart_d5deea) {
  border-radius: 0 0 var(--message-radius) var(--message-radius);
}
.wrapper_ec86aa:not(.groupStart_d5deea):before, .wrapper_ec86aa:not(.groupStart_d5deea):after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  top: calc(var(--message-radius) / 1.875 * -1);
  background-color: transparent;
  border: calc(var(--message-radius) / 3.75) solid transparent;
  border-bottom-color: var(--message-color);
  pointer-events: none;
  transition: var(--default-time) var(--default-animation) border-color;
}
.wrapper_ec86aa:not(.groupStart_d5deea):before {
  left: 0;
  border-left-color: var(--message-color);
}
.wrapper_ec86aa:not(.groupStart_d5deea):after {
  right: 0;
  border-right-color: var(--message-color);
}
.wrapper_ec86aa.ephemeral_d5deea a, .wrapper_ec86aa.replying_d5deea a {
  color: hsl(var(--accent-hsl));
}
.wrapper_ec86aa.ephemeral_d5deea:before {
  display: none;
}
.wrapper_ec86aa .slateTextArea_e52116 {
  padding-left: 12px !important;
}
.wrapper_ec86aa .messageContent_ec86aa {
  overflow: visible;
}
.wrapper_ec86aa .messageContent_ec86aa .iconContainer_bf4197 {
  width: 40px;
  top: -8px;
  left: calc((50px + var(--message-padding-side)) * -1);
}
.wrapper_ec86aa .buttonContainer_ec86aa {
  margin-top: 8px;
  margin-left: 0;
}
.wrapper_ec86aa .buttonContainer_ec86aa .button_dd4f85 {
  --button-height: 24px;
  --button-padding: 0 6px;
}
.wrapper_ec86aa .buttonContainer_ec86aa .button_dd4f85 .text-xs-normal_ccc5fb, .wrapper_ec86aa .buttonContainer_ec86aa .button_dd4f85 .text-xs-normal__46d75 {
  color: hsl(var(--accent-hsl--material-you)) !important;
}
.wrapper_ec86aa .buttonContainer_ec86aa .footerAction_bf4197 {
  height: var(--button-height);
}
.wrapper_ec86aa .buttonContainer_ec86aa .footerAction_bf4197 .footerIcon_bf4197 {
  color: hsl(var(--accent-hsl--material-you));
}
.wrapper_ec86aa .buttonContainer_ec86aa .footerAction_bf4197 .footerIcon_bf4197 path {
  fill: currentColor;
}
.wrapper_ec86aa .dot_bf4197 {
  margin: 0 4px;
}
.wrapper_ec86aa .channelTextArea_d0696b .scrollableContainer_d0696b {
  background-color: var(--input-color-alt);
  border-radius: var(--main-textarea-radius);
}

.messageListItem_d5deea:hover + .messageListItem_d5deea .wrapper_ec86aa:not(.groupStart_d5deea):before, .messageListItem_d5deea:hover + .messageListItem_d5deea .wrapper_ec86aa:not(.groupStart_d5deea):after,
.messageListItem_d5deea:hover + .backgroundFlash_d5deea .wrapper_ec86aa:not(.groupStart_d5deea):before,
.messageListItem_d5deea:hover + .backgroundFlash_d5deea .wrapper_ec86aa:not(.groupStart_d5deea):after,
.messageListItem_d5deea:hover + .divider_d5deea + .messageListItem_d5deea .wrapper_ec86aa:not(.groupStart_d5deea):before,
.messageListItem_d5deea:hover + .divider_d5deea + .messageListItem_d5deea .wrapper_ec86aa:not(.groupStart_d5deea):after,
.backgroundFlash_d5deea:hover + .messageListItem_d5deea .wrapper_ec86aa:not(.groupStart_d5deea):before,
.backgroundFlash_d5deea:hover + .messageListItem_d5deea .wrapper_ec86aa:not(.groupStart_d5deea):after,
.backgroundFlash_d5deea:hover + .backgroundFlash_d5deea .wrapper_ec86aa:not(.groupStart_d5deea):before,
.backgroundFlash_d5deea:hover + .backgroundFlash_d5deea .wrapper_ec86aa:not(.groupStart_d5deea):after,
.backgroundFlash_d5deea:hover + .divider_d5deea + .messageListItem_d5deea .wrapper_ec86aa:not(.groupStart_d5deea):before,
.backgroundFlash_d5deea:hover + .divider_d5deea + .messageListItem_d5deea .wrapper_ec86aa:not(.groupStart_d5deea):after {
  border-bottom-color: var(--message-color-hover);
}
.messageListItem_d5deea:hover + .messageListItem_d5deea .wrapper_ec86aa:not(.groupStart_d5deea):before,
.messageListItem_d5deea:hover + .backgroundFlash_d5deea .wrapper_ec86aa:not(.groupStart_d5deea):before,
.messageListItem_d5deea:hover + .divider_d5deea + .messageListItem_d5deea .wrapper_ec86aa:not(.groupStart_d5deea):before,
.backgroundFlash_d5deea:hover + .messageListItem_d5deea .wrapper_ec86aa:not(.groupStart_d5deea):before,
.backgroundFlash_d5deea:hover + .backgroundFlash_d5deea .wrapper_ec86aa:not(.groupStart_d5deea):before,
.backgroundFlash_d5deea:hover + .divider_d5deea + .messageListItem_d5deea .wrapper_ec86aa:not(.groupStart_d5deea):before {
  border-left-color: var(--message-color-hover);
}
.messageListItem_d5deea:hover + .messageListItem_d5deea .wrapper_ec86aa:not(.groupStart_d5deea):after,
.messageListItem_d5deea:hover + .backgroundFlash_d5deea .wrapper_ec86aa:not(.groupStart_d5deea):after,
.messageListItem_d5deea:hover + .divider_d5deea + .messageListItem_d5deea .wrapper_ec86aa:not(.groupStart_d5deea):after,
.backgroundFlash_d5deea:hover + .messageListItem_d5deea .wrapper_ec86aa:not(.groupStart_d5deea):after,
.backgroundFlash_d5deea:hover + .backgroundFlash_d5deea .wrapper_ec86aa:not(.groupStart_d5deea):after,
.backgroundFlash_d5deea:hover + .divider_d5deea + .messageListItem_d5deea .wrapper_ec86aa:not(.groupStart_d5deea):after {
  border-right-color: var(--message-color-hover);
}

.cozy_ec86aa.groupStart_d5deea {
  margin-bottom: 0;
}
.cozy_ec86aa.groupStart_d5deea.mentioned_d5deea:before {
  display: none;
}
.cozy_ec86aa.groupStart_d5deea {
  padding: var(--message-padding-top) var(--message-padding-side) !important;
}
.cozy_ec86aa:not(.groupStart_d5deea) {
  margin-top: calc(var(--message-padding-top) * -1);
  padding: calc(var(--message-padding-top) / 2) var(--message-padding-side) var(--message-padding-top) var(--message-padding-side) !important;
}
.cozy_ec86aa:not(.groupStart_d5deea) + .divider_d5deea:not(.beforeGroup_d5deea) {
  top: -4px;
}
.cozy_ec86aa .header_ec86aa {
  margin-bottom: 4px;
}
.cozy_ec86aa .markup_d6076c {
  margin-left: 0;
  padding-left: 0;
}
.cozy_ec86aa:hover .timestamp_ec86aa.alt_ec86aa {
  opacity: 1;
  transition: var(--default-time) ease opacity 750ms;
}
.cozy_ec86aa .timestamp_ec86aa.alt_ec86aa {
  opacity: 0;
  left: -64px;
  color: var(--text-muted);
  font-weight: 600;
  transition: var(--default-time) ease opacity 0ms;
}
.cozy_ec86aa .removeAttachmentButton__692b5 {
  right: -4px;
}
.cozy_ec86aa:not(.message_d5deea) {
  margin: 16px 26px 0 68px;
  padding: var(--message-padding-top) var(--message-padding-side) !important;
  border-radius: var(--message-radius);
}
.cozy_ec86aa:not(.message_d5deea):before, .cozy_ec86aa:not(.message_d5deea):after {
  display: none;
}
.cozy_ec86aa:not(.message_d5deea) .avatar_ec86aa {
  top: 0;
  left: -63px;
}
.cozy_ec86aa .repliedMessage_ec86aa:before {
  transform: translateX(42px);
}
.cozy_ec86aa .repliedMessage_ec86aa .replyAvatar_ec86aa,
.cozy_ec86aa .repliedMessage_ec86aa .replyBadge_ec86aa,
.cozy_ec86aa .repliedMessage_ec86aa .executedCommandAvatar_ec86aa,
.cozy_ec86aa .repliedMessage_ec86aa .userJoinSystemMessageIcon_ec86aa {
  margin-left: 42px;
}

.compact_ec86aa {
  margin-bottom: 0;
  padding-right: 8px !important;
}
.compact_ec86aa .avatar_ec86aa {
  width: 16px !important;
  height: 16px !important;
  top: 3px !important;
  left: 0 !important;
  margin: 0 0.5em 0 0.25em !important;
  padding: 0 !important;
}
.compact_ec86aa.groupStart_d5deea {
  padding: 8px;
}
.compact_ec86aa.groupStart_d5deea.mentioned_d5deea:before {
  display: none;
}
.compact_ec86aa.groupStart_d5deea + .divider_d5deea {
  margin-bottom: -1px;
}
.compact_ec86aa:not(.groupStart_d5deea) {
  margin-top: -8px;
  padding: 0 8px 8px 8px;
}
.compact_ec86aa .contents_ec86aa {
  margin-left: -4.25rem;
  padding-left: 4.25rem;
  text-indent: -3.75rem;
}
.compact_ec86aa.hasThread_ec86aa .contents_ec86aa:before {
  display: none;
}
.compact_ec86aa .header_ec86aa {
  position: relative;
  left: -8px;
}
.compact_ec86aa .timestamp_ec86aa {
  width: 52px;
  margin-right: 16px;
  color: var(--text-muted);
}
.compact_ec86aa + .divider_d5deea {
  margin-left: 80px;
}
.compact_ec86aa + .divider_d5deea:not(.beforeGroup_d5deea) {
  top: -11px;
}
.compact_ec86aa .repliedMessage_ec86aa {
  margin-left: calc(var(--timestamp-width) + 3.1rem + var(--text-indent));
}
.compact_ec86aa + .compact_ec86aa:not(.message_d5deea) {
  margin: 16px 20px 0 70px;
}

.mentioned_d5deea .messageContent_ec86aa {
  position: relative;
  background-color: hsl(var(--accent-hsl), 0.3);
  border-radius: calc(var(--message-radius) / 1.4);
  transition: var(--default-time) var(--default-animation) background-color;
}
.mentioned_d5deea .messageContent_ec86aa:hover {
  background-color: hsl(var(--accent-hsl), 0.375);
}
.mentioned_d5deea .messageContent_ec86aa a {
  color: hsl(var(--accent-hsl));
}
.mentioned_d5deea .messageContent_ec86aa .wrapper_a7c28c {
  background-color: transparent;
}
.mentioned_d5deea .messageContent_ec86aa .wrapper_a7c28c:before {
  display: none;
}
.mentioned_d5deea .contents_ec86aa .messageContent_ec86aa {
  margin: 0 -4px;
  padding: 0 4px;
}
.mentioned_d5deea .repliedMessage_ec86aa .messageContent_ec86aa {
  padding: 0 1px 0 4px;
}

.avatarDecoration_ec86aa {
  top: 0;
  left: -54px;
}

.messageListItem_d5deea,
.quotedChatMessage_d5deea {
  margin-left: 68px;
  margin-right: 10px;
}

.operations_ed9386 > a {
  color: hsl(var(--accent-hsl));
}

.scrollerSpacer_e2e187 {
  height: 20px !important;
}

.mention::selection {
  background: hsl(var(--accent-hsl), 0.5);
  color: var(--accent-text-color--material-you);
}

/* MESSAGES -> BADGES */
.badge_e17ac7 {
  background-color: var(--attachment-color);
}

.popout_e17ac7 {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-3dp);
}
.popout_e17ac7 .popoutHeaderContainer_e17ac7 {
  padding: 12px;
  background-color: transparent;
  border-bottom: 1px solid var(--popout-header-border);
}

/* MESSAGES -> NEW MESSAGES DIVIDER */
.divider_d5deea .content_fc5f50 {
  background-color: var(--message-color-hover);
}
.divider_d5deea.isUnread_fc5f50 {
  margin: 0 0.875rem 0 80px;
  border-color: hsl(var(--accent-hsl--material-you));
}
.divider_d5deea.isUnread_fc5f50 .unreadPill_fc5f50 {
  height: 28px;
  top: -15px;
  padding: 0 16px;
  background-color: hsl(var(--accent-hsl--material-you));
  border-radius: 14px;
  box-shadow: var(--shadow-3dp);
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  color: var(--accent-text-color--material-you);
}
.divider_d5deea.isUnread_fc5f50 .unreadPill_fc5f50 .unreadPillCap_fc5f50 {
  display: none;
}
.divider_d5deea.isUnread_fc5f50.hasContent_d5deea .content_fc5f50 {
  background-color: hsl(var(--accent-hsl--material-you));
  color: var(--accent-text-color--material-you);
}
.divider_d5deea.hasContent_d5deea {
  margin-left: 1rem;
}

/* MESSAGES -> ERROR BAR */
.messagesErrorBar_cf58b5 {
  width: auto;
  height: 36px;
  left: auto;
  right: 16px;
  bottom: 24px;
  padding: 0;
  border-radius: 18px;
  box-shadow: var(--shadow-2dp);
  transition: var(--default-time) var(--default-animation) box-shadow;
}
.messagesErrorBar_cf58b5:hover {
  box-shadow: var(--shadow-3dp);
}
.messagesErrorBar_cf58b5 .barButtonMain_cf58b5 {
  min-width: 36px;
  padding: 0 18px 0 12px;
  flex: 0 1 auto;
}
.messagesErrorBar_cf58b5 .barButtonMain_cf58b5:after {
  position: absolute;
  content: "|";
  width: 4px;
  height: 100%;
  top: 0;
  right: 0;
}

/*
 *
 *	MESSAGE REACTIONS
 *
 */
.reactions_ec6b19 {
  margin: 8px 0 0 0;
  padding-bottom: 0;
  gap: 4px;
}
.reactions_ec6b19 > div:empty {
  margin-left: -4px;
}
.reactions_ec6b19 .reactionBtn_ec6b19 path {
  d: path("M12,17.5C14.33,17.5 16.3,16.04 17.11,14H6.89C7.69,16.04 9.67,17.5 12,17.5M8.5,11A1.5,1.5 0 0,0 10,9.5A1.5,1.5 0 0,0 8.5,8A1.5,1.5 0 0,0 7,9.5A1.5,1.5 0 0,0 8.5,11M15.5,11A1.5,1.5 0 0,0 17,9.5A1.5,1.5 0 0,0 15.5,8A1.5,1.5 0 0,0 14,9.5A1.5,1.5 0 0,0 15.5,11M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z");
}
.reactions_ec6b19 .reactionBtn_ec6b19 path ~ path {
  display: none;
}

.reaction_f61c73, .reaction_ec6b19 {
  margin: 0;
  background-color: transparent;
  border-radius: 8px;
  border-color: var(--separator-color);
}
.reaction_f61c73:hover, .reaction_ec6b19:hover {
  background-color: var(--menu-item-hover);
}
.reaction_f61c73.reactionMe_f61c73, .reaction_ec6b19.reactionMe_f61c73, .reaction_f61c73.reactionMe_ec6b19, .reaction_ec6b19.reactionMe_ec6b19 {
  background-color: hsl(var(--accent-hsl--material-you), 0.2);
  border-color: hsl(var(--accent-hsl--material-you));
}
.reaction_f61c73.reactionMe_f61c73 .reactionCount_f61c73, .reaction_ec6b19.reactionMe_f61c73 .reactionCount_f61c73, .reaction_f61c73.reactionMe_ec6b19 .reactionCount_f61c73, .reaction_ec6b19.reactionMe_ec6b19 .reactionCount_f61c73, .reaction_f61c73.reactionMe_f61c73 .reactionCount_ec6b19, .reaction_ec6b19.reactionMe_f61c73 .reactionCount_ec6b19, .reaction_f61c73.reactionMe_ec6b19 .reactionCount_ec6b19, .reaction_ec6b19.reactionMe_ec6b19 .reactionCount_ec6b19 {
  color: hsl(var(--accent-hsl--material-you));
}

/* MESSAGE REACTIONS -> REVERT BUTTONS TO REACTION STYLE */
.component_d53fb7.lookFilled_dd4f85 {
  --button-height: 28px;
  --button-padding: 0 8px;
  --button-background: var(--input-color-alt);
  --button-text-color: var(--input-text-color);
}
.component_d53fb7.lookFilled_dd4f85 .emoji {
  width: calc(var(--button-height) - 8px);
  height: calc(var(--button-height) - 8px);
}
.component_d53fb7.lookFilled_dd4f85.colorBrand_dd4f85 {
  --button-background: hsl(var(--accent-hsl--material-you));
  --button-text-color: var(--accent-text-color--material-you);
}

/*
 *
 *	CONTEXT MENU QUICK REACTIONS
 *
 */
.button_a24e84 {
  background-color: var(--menu-item-hover);
}
.button_a24e84:hover {
  background-color: var(--menu-item-select);
}

/*
 *
 *	SPOILERS
 *
 */
.spoilerContent_a3d0f7 {
  background-color: var(--attachment-color) !important;
}

/*
 *
 *	SUMMARY CONTENT
 *
 */
.summaryStartContent_cabeb6 {
  margin-left: 0;
  background-color: hsl(var(--accent-hsl--material-you));
  border-radius: 13px !important;
  color: var(--accent-text-color--material-you);
}
.summaryStartContent_cabeb6 .summaryStartIcon_cabeb6 {
  color: inherit;
}

.summaryEndContent_cabeb6 {
  height: auto;
  padding: 0 !important;
}

.summaryEndIcon_cabeb6 {
  position: relative;
  top: -4px;
  padding-left: 16px;
  background-color: var(--chat-color);
  color: hsl(var(--accent-hsl--material-you));
}

.summaryDividerEnd_cabeb6 {
  top: 0 !important;
  margin-top: 1.5em !important;
}

.summaryFeedbackWrapper_cabeb6 {
  margin-left: 0;
  padding: 4px 12px;
  background-color: hsl(var(--accent-hsl--material-you));
  border-radius: 13px;
}
.summaryFeedbackWrapper_cabeb6 .text-xs-medium__220aa, .summaryFeedbackWrapper_cabeb6 .text-xs-medium_d3e0f1 {
  font-size: 14px;
  color: var(--accent-text-color--material-you) !important;
}
.summaryFeedbackWrapper_cabeb6 .thumbIcon_cabeb6 {
  padding: 3px;
  background-color: var(--accent-text-color--material-you);
  color: hsl(var(--accent-hsl--material-you));
}

/*
 *
 *	ACCEPT RULES
 *
 */
.guildSidebar_a74b6f {
  padding: 0;
  background-color: transparent;
  border-right: 1px solid var(--card-border-color);
}
.guildSidebar_a74b6f > div:not([class]):first-child {
  padding: 24px;
}
.guildSidebar_a74b6f > div:not([class]):last-child {
  display: flex;
  position: relative;
  padding: 0 24px 24px;
}
.guildSidebar_a74b6f > div:not([class]):last-child .flex_bba380 {
  height: 36px;
  margin-right: 8px;
  margin-bottom: 0;
}
.guildSidebar_a74b6f .iconSizeLarge_f11207 {
  border-radius: 50%;
}
.guildSidebar_a74b6f .divider_a74b6f {
  border-bottom-color: var(--card-border-color);
}

.modal_a74b6f {
  background-color: transparent;
}
.modal_a74b6f .content_a74b6f {
  padding-bottom: 0;
}
.modal_a74b6f .divider_a74b6f {
  border-bottom-color: var(--card-border-color);
}
.modal_a74b6f .requirementContainer_b007eb, .modal_a74b6f .fieldBackground_bd5b94, .modal_a74b6f .fieldBackground_bd5b94:hover:not(:focus) {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
}
.modal_a74b6f .fieldBackground_bd5b94, .modal_a74b6f .fieldBackground_bd5b94:hover:not(:focus) {
  padding: 0;
}
.modal_a74b6f .termsRow_bd5b94 {
  padding: 16px;
  position: relative;
  border-bottom: none;
}
.modal_a74b6f .termsRow_bd5b94:after {
  position: absolute;
  content: " ";
  width: calc(100% - 16px * 2);
  height: 1px;
  right: 0;
  bottom: 0;
  margin: 0 16px;
  background-color: var(--card-border-color);
}
.modal_a74b6f .termsRow_bd5b94:last-of-type:after {
  display: none;
}
.modal_a74b6f .footer_f9a4c9 .button_dd4f85 .contents_dd4f85, .modal_a74b6f .modalFooter_b5918e .button_dd4f85 .contents_dd4f85 {
  width: 70px;
}

.termsFieldBody_cd377c {
  background-color: var(--card-color-hover);
  border-radius: var(--card-radius-big);
}

.overlay_cd377c {
  display: none;
}

/*
 *
 *	ACCOUNT SWITCHER
 *
 */
.list_f20a46 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
}
.list_f20a46 .accountCard_f20a46 {
  padding: 16px;
  background-color: transparent;
  border-radius: var(--card-radius-big);
  position: relative;
  border-bottom: none;
}
.list_f20a46 .accountCard_f20a46:after {
  position: absolute;
  content: " ";
  width: calc(100% - 16px * 2);
  height: 1px;
  right: 0;
  bottom: 0;
  margin: 0 16px;
  background-color: var(--card-border-color);
}
.list_f20a46 .accountCard_f20a46:last-of-type:after {
  display: none;
}
.list_f20a46 .sizeIcon_dd4f85 {
  --button-height: 32px;
  --button-padding: 0;
  width: var(--button-height);
  position: relative;
}
.list_f20a46 .sizeIcon_dd4f85:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: hsl(var(--md-ripple-color), 0.1);
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  transform: scale(1.2);
  transition: 300ms ease;
  z-index: 4;
}
.list_f20a46 .sizeIcon_dd4f85:hover:after {
  opacity: 1;
  transform: scale(1.2);
  animation: scale 150ms var(--default-animation), opacity 150ms ease;
}
.list_f20a46 .sizeIcon_dd4f85:active:after {
  background-color: hsl(var(--md-ripple-color), 0.2);
}
.list_f20a46 .sizeIcon_dd4f85 .contents_dd4f85 {
  height: 24px;
  transform: rotate(90deg);
}
.list_f20a46 .separator_f20a46 {
  display: none;
}

.actions_f31a4d {
  margin: 16px 0 0;
}

/* ACCOUNT SWITCHER -> ADD ACCOUNT */
.root_f9a4c9 .authBoxExpanded_dc6abe {
  background-color: transparent !important;
  box-shadow: none !important;
}

.authBoxExpanded_dc6abe .info_f20685, .authBoxExpanded_dc6abe .infoText-1-X8oU, .authBoxExpanded_dc6abe .info_dc0d6d {
  border-radius: var(--card-radius-big);
}

/*
 *
 *  ACTIVE THREADS
 *
 */
.container-3GP6AV {
  background-color: transparent;
}
.container-3GP6AV .header-3cSJjT {
  padding: 4px 16px;
  background-color: transparent;
  border-bottom: 1px solid var(--popout-header-border);
}

.container_acb8b3 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
  transition: var(--default-time) var(--default-animation) background-color;
}
.container_acb8b3:hover {
  background-color: var(--card-color-hover);
}

.root_f9a4c9 .container_e664f3 {
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
}

body:active .root_f9a4c9 .container_e664f3:not(:active) {
  opacity: 1;
}

/*
 *
 *  ACTIVITES MODAL
 *
 */
.modalDivider_cd3d24 {
  display: none;
}

.scrollTierBackground_f09e45 {
  background-color: transparent;
}
.scrollSection_f09e45 {
  padding: 0 calc(16px - var(--scrollbar-thin-width)) 0 16px;
}

.tierCtaContainer__81542 {
  padding-top: 0;
}

.shelf_f09e45 {
  grid-gap: 16px 12px;
}

.activityItem_d46b95 {
  --card-color-hover: var(--card-color-active);
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
  transition: var(--default-time) var(--default-animation) background-color;
  box-shadow: none;
}
.activityItem_d46b95:hover {
  background-color: var(--card-color-hover);
}

.activityTag_d46b95 {
  background-color: transparent;
  border-radius: 6px;
  border: 1px solid var(--card-border-color);
}

.activityImageContainer_d46b95 {
  border-radius: var(--card-radius-big);
}

/* ACTIVITES MODAL -> SUGGESTED ACTIVITES */
.container_b572de {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-3dp);
}

.activityItem_ec77c5 {
  border-radius: calc(var(--popout-radius-big) / 1.5);
}

.wumpusRocketInnerContainer_b572de {
  background: linear-gradient(270deg, var(--popout-color), var(--popout-color) 90%, transparent);
}

/*
 *
 *  ADD PAYMENT METHOD MODAL
 *
 */
.modalTitle_c22d1f {
  padding: 24px 24px 16px;
}
.modalTitle_c22d1f .title_c46f6a {
  line-height: 24px;
  font-size: 22px;
  font-weight: 400;
  color: var(--header-primary);
  text-transform: none;
}
.modalTitle_c22d1f .close_f9a4c9 {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 22px;
  right: 22px;
  margin: 0;
  padding: 0;
}

.content_cc6017 {
  background-color: transparent;
}
.content_cc6017 .scrollerBase_eed6a8 {
  padding: 0 calc(24px - var(--scrollbar-thin-width)) 0 24px !important;
}
.content_cc6017 .body_bb2fc6 {
  padding: 0;
}
.content_cc6017 .wrap_ec1a20:not(:empty) {
  display: grid;
  grid-gap: 8px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: minmax(auto, 1fr);
  padding-bottom: 24px;
}
.content_cc6017 .button_b78763 {
  width: auto;
  margin: 0;
}

/* ADD PAYMENT METHOD MODAL -> INPUTS */
.cardInput_c04e45 {
  padding: 8.41px 12px;
  background-color: var(--input-color);
  border-radius: var(--input-radius);
  line-height: var(--input-height);
}
.cardInput_c04e45.cardNumberInput_c04e45 {
  padding-left: 55px;
}

.cardIcon_c04e45, .paypalIcon_c40e61 {
  top: 6px;
}

.paypalIcon_c40e61 + .inputWrapper_f8bc55 .input_f8bc55 {
  padding-left: 48px;
}

/*
 *
 *	CREATE/JOIN SERVER
 *
 */
.templatesList_fc9dae,
.optionsList_f5507e {
  margin-top: 0;
}

.container_a47d49 {
  position: relative;
  margin-top: 8px;
  margin-bottom: 0;
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
  transition: var(--default-time) var(--default-animation) background-color;
  transition: var(--default-time) var(--default-animation) background-color;
}
.container_a47d49:hover {
  background-color: var(--card-color-hover);
}
.container_a47d49:first-child {
  margin-top: 0;
}
.container_a47d49:after {
  position: absolute;
  content: " ";
  width: 24px;
  height: 24px;
  top: 0;
  right: 16px;
  bottom: 0;
  margin: auto 0;
  background-color: var(--text-muted);
  -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/chevron_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}
.container_a47d49 .text_a47d49 {
  color: var(--text-normal);
}
.container_a47d49 .arrow_a47d49 {
  display: none;
}

.rowContainer-3t7486 {
  margin-bottom: 0;
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
  transition: var(--default-time) var(--default-animation) background-color;
}
.rowContainer-3t7486:hover {
  background-color: var(--card-color-hover);
}
.rowContainer-3t7486:hover {
  background-color: var(--card-color-hover);
}

.footer_fc9dae {
  gap: 8px !important;
}
.footer_fc9dae .footerTitle_fc9dae {
  margin-bottom: 0;
}

.optionHeader_fc9dae {
  font-size: 14px;
  text-transform: none;
}

.input-m1-Y7Q {
  background-color: var(--popout-color);
}

.skip_f5507e {
  margin-top: 16px;
  margin-bottom: 0;
}

/*
 *
 *	AUTHENTICATION
 *
 */
.listItemContainer_c03fd3 {
  margin-bottom: 4px;
  background-color: var(--card-color-filled);
  border: none;
  transition: var(--default-time) var(--default-animation) background-color;
  border-radius: 4px;
}
.listItemContainer_c03fd3:first-of-type {
  border-radius: var(--card-radius-big) var(--card-radius-big) 4px 4px;
}
.listItemContainer_c03fd3:nth-of-type(4) {
  border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
}
.listItemContainer_c03fd3:hover {
  background-color: var(--card-color-hover);
}

/*
 *
 *	AUTHORIZE APP
 *
 */
.oauth2Wrapper_c2b22e {
  min-height: 100px;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-3dp);
  overflow: hidden;
}
.oauth2Wrapper_c2b22e .authorize_c5a065 {
  background-color: transparent;
}
.oauth2Wrapper_c2b22e .authorize_c5a065 .header_ac2a99 {
  padding: 24px 24px 16px;
  border-radius: 0;
  border-bottom: none;
}
.oauth2Wrapper_c2b22e .authorize_c5a065 .scrollContent-_1I-44 {
  padding: 0 !important;
}
.oauth2Wrapper_c2b22e .authorize_c5a065 .scrollContent-_1I-44 div:last-child {
  padding-bottom: 0;
}
.oauth2Wrapper_c2b22e .authorize_c5a065 .scrollContent-_1I-44 .scopes_cf14a8 {
  border-bottom: 1px solid var(--popout-header-border);
}
.oauth2Wrapper_c2b22e .authorize_c5a065 .scrollContent-_1I-44 .scopes_cf14a8,
.oauth2Wrapper_c2b22e .authorize_c5a065 .scrollContent-_1I-44 .selectorGroup__6407f,
.oauth2Wrapper_c2b22e .authorize_c5a065 .scrollContent-_1I-44 .applicationDetails_d6f023 {
  padding: 16px 24px;
}
.oauth2Wrapper_c2b22e .authorize_c5a065 .scrollContent-_1I-44 .entry_d6f023 {
  margin-top: 0;
  margin-bottom: 8px;
}
.oauth2Wrapper_c2b22e .authorize_c5a065 .scrollContent-_1I-44 .entry_d6f023:last-child {
  margin-bottom: 0;
}
.oauth2Wrapper_c2b22e .authorize_c5a065 .scrollContent-_1I-44 .base-21yXnu {
  font-size: 14px;
  text-transform: none;
}
.oauth2Wrapper_c2b22e .captcha__51560 {
  padding: 0 24px 24px !important;
}
.oauth2Wrapper_c2b22e .wrapper_e1a4cf {
  padding: 24px;
}

.content_c5a065 {
  padding: 0 24px;
}

.discordConsentBody-3Jlf8_ {
  margin: 0;
  padding: 0 calc(24px - var(--scrollbar-thin-width)) 0 24px;
}

.scopes_cf14a8,
.applicationDetails_d6f023 {
  padding: 16px 0;
}

.applicationDetails_d6f023:last-child {
  padding-bottom: 0;
}

.scopes_cf14a8 {
  padding-bottom: 0;
  border-bottom: none;
}

.scopes_cf14a8 .defaultColor__77578, .scopes_cf14a8 .defaultColor_e9e35f, .scopes_cf14a8 .defaultColor_a595eb,
.selectorGroup__6407f .defaultColor__77578,
.selectorGroup__6407f .defaultColor_e9e35f,
.selectorGroup__6407f .defaultColor_a595eb {
  font-size: 14px;
  text-transform: none;
}

.scope_cf14a8 {
  margin: 0;
  padding: 8px 16px;
  background-color: var(--card-color-filled);
}
.scope_cf14a8:first-of-type {
  padding-top: 16px;
  border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
}
.scope_cf14a8:last-of-type {
  padding-bottom: 16px;
  border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
}

.sectionGroup__5e13c {
  padding-left: 24px;
  padding-right: 24px;
}
.sectionGroup__5e13c:first-of-type {
  padding-top: 0;
}

.botPermissions_a06cfc {
  padding: 0;
  border-bottom: none;
}

.permissionsList_a06cfc {
  max-height: 25vh;
  margin-top: 16px;
  padding: 16px;
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
  overflow-y: scroll;
}
.permissionsList_a06cfc .permission_a06cfc:first-of-type {
  margin-top: 0;
}

.footer_c5a065 {
  margin-top: 0;
  padding: 24px;
  background-color: transparent;
}

/*
 *
 *	BAN USER MODAL
 *
 */
.banReasonOtherClickable-8EKPlQ {
  --card-color-hover: var(--card-color-active);
  margin-top: 16px;
  background-color: var(--card-color-filled);
  border: none;
  padding: 12px;
  border-radius: var(--card-radius-big);
  transition: var(--default-time) var(--default-animation) background-color;
}
.banReasonOtherClickable-8EKPlQ:hover {
  background-color: var(--card-color-hover);
}

/*
 *
 *  BETTERDISCORD ERRORS
 *
 */
.bd-error-modal-header {
  padding: 24px 24px 0 !important;
  border-bottom: 1px solid var(--popout-header-border);
}
.bd-error-modal-header .size14_fb468f {
  font-size: 22px;
  text-transform: none;
  font-weight: 400;
}

.bd-error-modal-content {
  padding-top: 16px !important;
}

.bd-tab-bar {
  height: 40px;
  margin-left: -8px;
}
.bd-tab-bar .bd-tab-item {
  height: inherit;
  margin-right: 8px;
  padding: 0 8px;
  border-radius: 0;
  color: var(--interactive-normal);
}
.bd-tab-bar .bd-tab-item {
  background-color: transparent;
}
.bd-tab-bar .bd-tab-item:hover {
  color: var(--interactive-hover);
}
.bd-tab-bar .bd-tab-item.selected {
  position: relative;
  background-color: transparent !important;
  border: none;
  color: var(--interactive-normal);
}
.bd-tab-bar .bd-tab-item.selected:after {
  position: absolute;
  content: " ";
  width: 75%;
  height: 3px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  background: var(--tab-border-color);
  border-radius: 3px 3px 0 0;
  transition: var(--default-time) ease all;
}
.bd-tab-bar .bd-tab-item:last-of-type {
  margin-right: 0;
}

.bd-error-modal-content {
  padding-bottom: 0;
}

.bd-addon-errors {
  margin-top: 0;
}

.bd-addon-error {
  background-color: var(--card-color-filled) !important;
  border: none !important;
  padding: 0;
  border-radius: var(--card-radius-big) !important;
}
.bd-addon-error:last-of-type {
  margin-bottom: 0;
}
.bd-addon-error .bd-addon-error-header {
  padding: 16px;
}
.bd-addon-error .bd-addon-error-icon {
  background-color: var(--attachment-color);
}
.bd-addon-error .bd-addon-error-body {
  padding: 0 16px 16px;
}
.bd-addon-error .bd-divider {
  display: none;
}
.bd-addon-error .bd-addon-error-stack code {
  background-color: var(--attachment-color);
  border-radius: var(--card-radius);
  border: none;
}

/*
 *
 *  BETTERDISCORD MODALS
 *
 */
/*
 *
 *  CHANGE AVATAR
 *
 */
.optionBox_f2f431 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
  transition: var(--default-time) var(--default-animation) background-color;
}
.optionBox_f2f431:hover {
  background-color: var(--card-color-hover);
}
.optionBox_f2f431:hover {
  border-color: hsl(var(--accent-hsl--material-you));
}

.contentCircle_f2f431 {
  background-color: hsl(var(--accent-hsl--material-you));
}
.contentCircle_f2f431 .uploadIcon_f2f431 {
  color: var(--accent-text-color--material-you);
}

.imageSpecifications_f2f431:empty {
  margin-top: 0;
  padding: 0;
}

/*
 *
 *  CLIPS MODALS
 *
 */
.settingsButton_b0623a {
  width: var(--button-height);
  height: var(--button-height);
  margin-right: 32px;
}
.settingsButton_b0623a + .close_f9a4c9 {
  top: 28px !important;
}

.clipItem_fcf712 {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
  filter: none;
  transition: var(--default-time) var(--default-animation) background-color;
}
.clipItem_fcf712:hover {
  background-color: var(--card-color-active);
  filter: none;
}
.clipItem_fcf712:focus-within {
  background-color: var(--card-color-active);
}
.clipItem_fcf712 .input_f8bc55 {
  --input-color: var(--card-color-hover) !important;
}

.clipThumb_fcf712 {
  background-color: var(--card-color-alt);
  border-radius: calc(var(--card-radius-big) / 1.8);
}

.clipBadge_fcf712 {
  background-color: var(--card-button-color);
  border-radius: calc(var(--card-radius-big) / 3);
}

.buttonContainer_fcf712 {
  display: flex;
}
.buttonContainer_fcf712 .button_dd4f85 {
  width: var(--button-height);
  height: var(--button-height);
  padding: 0;
}
.buttonContainer_fcf712 .button_dd4f85:first-child {
  --button-background: hsl(var(--alert-hsl));
  --button-text-color: var(--alert-text-color);
}

/* CLIPS MODALS -> EDIT CLIP */
.centeringWrapper_bb2184 {
  transform: translateY(6px);
}

.timePillBackground_bb2184 {
  background-color: hsl(var(--accent-hsl--material-you));
}
.timePillBackground_bb2184 .timePillText_bb2184 {
  font-weight: 500;
  color: var(--accent-text-color--material-you) !important;
}

.playPauseButtonWrapper_bb2184 {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big) 0 0 var(--card-radius-big);
}

.timelineBackground_bb2184 {
  border-radius: 0 var(--card-radius-big) var(--card-radius-big) 0;
}

.dragBox_bb2184 {
  border-color: hsl(var(--accent-hsl--material-you));
}

.dragHandle_bb2184 {
  background-color: hsl(var(--accent-hsl--material-you));
}
.dragHandle_bb2184.dragHandleLeft_bb2184 {
  border-radius: var(--card-radius-big) 0 0 var(--card-radius-big);
}
.dragHandle_bb2184.dragHandleRight_bb2184 {
  border-radius: 0 var(--card-radius-big) var(--card-radius-big) 0;
}
.dragHandle_bb2184 .cropLeftArrow_bb2184,
.dragHandle_bb2184 .cropRightArrow_bb2184 {
  width: 20px;
  height: 20px;
  background-image: none;
  background-color: var(--accent-text-color--material-you);
  -webkit-mask-repeat: no-repeat;
}
.dragHandle_bb2184 .cropLeftArrow_bb2184 {
  -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/chevron_left.svg);
}
.dragHandle_bb2184 .cropRightArrow_bb2184 {
  -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/chevron_right.svg);
}

.playhead_bb2184 {
  background-color: hsl(var(--accent-hsl--material-you));
  box-shadow: var(--shadow-2dp);
}

.clipForm_b00e1b {
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
}
.clipForm_b00e1b .container_ed1d57 {
  margin-bottom: 16px !important;
}
.clipForm_b00e1b .root_a1f5c2,
.clipForm_b00e1b .userList_b00e1b {
  background-color: var(--card-color-active);
  border-radius: var(--card-radius-big);
}
.clipForm_b00e1b .nameSection_a1f5c2 {
  border-bottom: none;
}
.clipForm_b00e1b .timeContainer_a1f5c2 {
  padding: 0 8px 8px;
  gap: 8px;
}
.clipForm_b00e1b .timeContainer_a1f5c2 > div {
  position: relative;
  height: auto;
  padding: 12px;
  background-color: var(--card-color-filled);
  border-radius: calc(var(--card-radius-big) / 1.8);
  text-align: center;
}
.clipForm_b00e1b .timeContainer_a1f5c2 > div:first-child {
  border-right: none;
}
.clipForm_b00e1b .userCountPill_e48bd3 {
  background-color: var(--card-color-filled);
}

/* CLIPS MODAL -> RECENT CLIPS POPOUT */
.recentClipsPopout_bd6a37 {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-3dp);
}
.recentClipsPopout_bd6a37:after {
  border-top-color: var(--popout-color);
}
.recentClipsPopout_bd6a37 .thumbnail_a71e15 {
  border-radius: var(--card-radius);
}

/*
 *
 *  CREATE INVITE
 *
 */
.scroller-1xACMA {
  padding-top: 0;
}

.inviteRow-2Vjla6 {
  --button-height: 32px;
  --button-outline: 1px solid hsl(var(--accent-hsl--material-you));
  margin-right: calc(var(--scrollbar-thin-width));
  padding: 12px;
  border-radius: var(--card-radius);
  transition: var(--default-time) var(--default-animation) background-color;
}
.inviteRow-2Vjla6:hover {
  background-color: var(--menu-item-hover) !important;
}
.inviteRow-2Vjla6 .button_dd4f85 {
  width: auto;
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) border, var(--default-time) var(--default-animation) color;
}

.content-17zlU6:before {
  display: none;
}

.footer-Ql9fbL .input_f8bc55 {
  --button-height: 28px;
  padding: 0 6px 0 12px;
  border-radius: var(--input-height);
  box-shadow: none;
}
.footer-Ql9fbL .input_f8bc55 .input_f8bc55 {
  padding: 0;
  box-shadow: none;
}

.root_f9a4c9 .footer_f9a4c9 .input_f8bc55 .button_dd4f85, .root_f9a4c9 .modalFooter_b5918e .input_f8bc55 .button_dd4f85 {
  width: auto;
  margin-left: 8px;
}

.inviteBannerUpsell-1t_LYM {
  background-color: var(--card-color-filled) !important;
  border: none !important;
  padding: 16px 0;
  border-radius: var(--card-radius-big) !important;
}
.inviteBannerUpsell-1t_LYM .premiumIcon-3qxLdX {
  margin-left: 16px;
}

.input_f8bc55 .copyInput_f549fd, .input_f8bc55 .copyInput-3QjTFp {
  padding: var(--input-padding);
}
.input_f8bc55 .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_cc2c09 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
  transition: var(--default-time) var(--default-animation) background-color;
}
.card_cc2c09:hover {
  background-color: var(--card-color-hover);
}
.card_cc2c09 .rsvpCount_a4ec62 {
  background-color: var(--menu-item-hover);
}
.card_cc2c09 .thumbnail_a4ec62 {
  width: 200px;
}
.card_cc2c09 .divider_cc2c09 {
  background-color: var(--card-border-color);
}
.card_cc2c09 .footer_cc2c09 {
  overflow: visible;
}

.padding_cc2c09 {
  padding: 0;
}

/* EVENTS -> EVENTS MODAL */
.banner_b747e2 {
  border-radius: var(--popout-radius-big);
}

.container_a31cc1 {
  padding: 0 16px;
  border-bottom-color: var(--popout-header-border);
}

.closeButton_a31cc1 {
  width: 32px;
  height: 32px;
  right: 16px;
  position: relative;
  position: absolute;
}
.closeButton_a31cc1:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: hsl(var(--md-ripple-color), 0.1);
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  transform: scale(1.2);
  transition: 300ms ease;
  z-index: 4;
}
.closeButton_a31cc1:hover:after {
  opacity: 1;
  transform: scale(1.2);
  animation: scale 150ms var(--default-animation), opacity 150ms ease;
}
.closeButton_a31cc1:active:after {
  background-color: hsl(var(--md-ripple-color), 0.2);
}
.closeButton_a31cc1 .closeIcon_a31cc1 {
  margin-right: 0;
  background-color: transparent !important;
}

.header_ecbdaf,
.body_ecbdaf {
  padding: 16px 16px 0;
}

.container-3eB5yh .content_f9a4c9, .container-3eB5yh .content-3BqJRb {
  width: auto !important;
}
.container-3eB5yh .content_f9a4c9 > div:not([class]):first-child, .container-3eB5yh .content-3BqJRb > div:not([class]):first-child {
  margin-top: -16px;
  margin-left: -16px;
}

.errorTitle_b5365d {
  padding: 32px 0;
}

/* EVENTS -> CREATE EVENT */
.selectedProgressBar_f2ceaa {
  background-color: hsl(var(--accent-hsl--material-you));
}

.inline_a5724d {
  gap: 16px;
}

.container-3zZkKh {
  margin-top: 16px;
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
}

.formItem-3mtwAA {
  margin-top: 16px;
}
.formItem-3mtwAA .inputWrapper_f8bc55 {
  --input-height: auto;
}

.container_f4830e {
  height: var(--input-height);
  max-height: var(--input-height);
  padding: var(--input-padding);
  background-color: var(--input-color);
  border-radius: calc(var(--input-height) / 2);
  border: none;
  box-shadow: none !important;
}
.container_f4830e .content_f4830e {
  height: var(--input-height);
}

.avatarUploaderInnerSquare_e9b3be {
  border-radius: var(--card-radius-big);
}

.previewCard_f9a98f {
  background-color: var(--card-color-filled) !important;
  border: none !important;
  padding: 16px;
  border-radius: var(--card-radius-big) !important;
}
.previewCard_f9a98f .container_f87f77 {
  margin: -16px -16px 16px;
  border-radius: var(--card-radius-big);
}

.eventStatusBrand__08773,
.eventStatusLabel_d6a475 {
  color: hsl(var(--accent-hsl--material-you)) !important;
}

/*
 *
 *  FAVORITES MODAL
 *
 */
.header-eqLiHQ {
  margin-top: 0;
  margin-bottom: 16px;
  text-align: left;
  font-weight: 400;
  font-size: 22px;
}

.closeButton-2JycqK {
  top: 26px;
  right: 12px;
  padding: 0;
}

.name-33lnjT {
  margin: 0;
}

/*
 *
 *  FEATURE MESSAGE
 *
 */
.featureModalMessage__57f8c {
  background-color: transparent !important;
  box-shadow: none !important;
}
.featureModalMessage__57f8c .wrapper_ec86aa {
  --message-color: var(--message-color-alt);
  margin: 0 0 0 52px !important;
}
.featureModalMessage__57f8c .wrapper_ec86aa:hover {
  --message-color-hover: var(--message-color-alt);
}
.featureModalMessage__57f8c .wrapper_ec86aa .avatar_ec86aa {
  left: -52px !important;
}

/*
 *
 *  MODALS
 *
 */
.root_f9a4c9 {
  background-color: var(--popout-color) !important;
  border-radius: var(--popout-radius-big) !important;
  box-shadow: var(--shadow-3dp) !important;
}
.root_f9a4c9.container_f4e139, .root_f9a4c9.modal_aee8c6, .root_f9a4c9.carouselModal_d2b9a1 {
  background-color: transparent !important;
  box-shadow: none !important;
}
.root_f9a4c9.small_f9a4c9 {
  min-height: 75px;
}
.root_f9a4c9.modal__4f3da .modalContent-33IoUE {
  max-height: 580px;
}
.root_f9a4c9 .header_f9a4c9 {
  margin: 0;
  padding: 24px 24px 16px;
  background-color: transparent;
  border-radius: var(--popout-radius-big) var(--popout-radius-big) 0 0;
  box-shadow: none !important;
}
.root_f9a4c9 .header_f9a4c9 .heading-lg-semibold__85c17, .root_f9a4c9 .header_f9a4c9 .heading-lg-semibold__58a54,
.root_f9a4c9 .header_f9a4c9 .heading-xl-semibold__5e2e4,
.root_f9a4c9 .header_f9a4c9 .heading-xl-extrabold_ce2b9c,
.root_f9a4c9 .header_f9a4c9 .h1_c46f6a,
.root_f9a4c9 .header_f9a4c9 .h2_c46f6a {
  font-size: 22px;
  font-weight: 400;
}
.root_f9a4c9 .header_f9a4c9 .modalTitle_ad95dc {
  margin-bottom: 0;
}
.root_f9a4c9 .header_f9a4c9 .title-3JPglK {
  font-weight: 400;
}
.root_f9a4c9 .header_f9a4c9 .close_f9a4c9,
.root_f9a4c9 .header_f9a4c9 .iconButton-2rHy7x {
  --button-height: 32px;
  width: var(--button-height);
  height: var(--button-height);
  top: 20px;
  right: 20px;
  margin: 0;
  padding: 0;
  background-color: transparent !important;
  position: relative;
  position: absolute;
}
.root_f9a4c9 .header_f9a4c9 .close_f9a4c9:after,
.root_f9a4c9 .header_f9a4c9 .iconButton-2rHy7x:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: hsl(var(--md-ripple-color), 0.1);
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  transform: scale(1.2);
  transition: 300ms ease;
  z-index: 4;
}
.root_f9a4c9 .header_f9a4c9 .close_f9a4c9:hover:after,
.root_f9a4c9 .header_f9a4c9 .iconButton-2rHy7x:hover:after {
  opacity: 1;
  transform: scale(1.1);
  animation: scale 150ms var(--default-animation), opacity 150ms ease;
}
.root_f9a4c9 .header_f9a4c9 .close_f9a4c9:active:after,
.root_f9a4c9 .header_f9a4c9 .iconButton-2rHy7x:active:after {
  background-color: hsl(var(--md-ripple-color), 0.2);
}
.root_f9a4c9 .header_f9a4c9 .close_f9a4c9 .contents_dd4f85 {
  height: 24px;
}
.root_f9a4c9 .header_f9a4c9 .close_f9a4c9 svg {
  height: 24px !important;
  transform: scale(0.85);
}
.root_f9a4c9 .header_f9a4c9 .iconButton-2rHy7x {
  display: flex;
  justify-content: center;
  align-items: center;
}
.root_f9a4c9 .header_f9a4c9 .iconButton-2rHy7x .icon-3DnmvF {
  height: 24px;
  transform: scale(0.85);
}
.root_f9a4c9 .confirmStartHeader_fcd6d9 {
  padding: 75px 16px 16px;
}
.root_f9a4c9 .content_f9a4c9, .root_f9a4c9 .content-3BqJRb {
  padding: 0 24px;
  background-color: transparent;
  border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big);
}
.root_f9a4c9 .content_f9a4c9:first-child, .root_f9a4c9 .content-3BqJRb:first-child {
  padding-top: 24px;
}
.root_f9a4c9 .content_f9a4c9:last-child, .root_f9a4c9 .content-3BqJRb:last-child {
  padding-bottom: 24px;
}
.root_f9a4c9 .content_f9a4c9 .content_bf3bbb, .root_f9a4c9 .content-3BqJRb .content_bf3bbb {
  padding-bottom: 0;
}
.root_f9a4c9 .content_f9a4c9 .paragraph_d7f12d:last-child, .root_f9a4c9 .content-3BqJRb .paragraph_d7f12d:last-child {
  margin-bottom: 2px;
}
.root_f9a4c9 .content_f9a4c9 a, .root_f9a4c9 .content-3BqJRb a {
  color: hsl(var(--accent-hsl--material-you));
}
.root_f9a4c9 .content_f9a4c9 img, .root_f9a4c9 .content-3BqJRb img,
.root_f9a4c9 .content_f9a4c9 video,
.root_f9a4c9 .content-3BqJRb video {
  border-radius: var(--card-radius-big);
}
.root_f9a4c9 .image-ZPv20Y {
  border-radius: var(--card-radius-big);
}
.root_f9a4c9 .footer_f9a4c9, .root_f9a4c9 .modalFooter_b5918e {
  padding: 24px;
  gap: 16px;
  background-color: transparent !important;
  border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big);
  box-shadow: none !important;
}
.root_f9a4c9 .footer_f9a4c9 > .directionRow__65900, .root_f9a4c9 .modalFooter_b5918e > .directionRow__65900 {
  gap: 16px;
}
.root_f9a4c9 .footer_f9a4c9 span:not([class])[style*="display: block"]:empty, .root_f9a4c9 .modalFooter_b5918e span:not([class])[style*="display: block"]:empty {
  display: none !important;
}
.root_f9a4c9 .footer_f9a4c9 .button_dd4f85, .root_f9a4c9 .modalFooter_b5918e .button_dd4f85 {
  margin: 0;
}
.root_f9a4c9 .footer_f9a4c9 .button_dd4f85.colorPrimary_dd4f85, .root_f9a4c9 .modalFooter_b5918e .button_dd4f85.colorPrimary_dd4f85 {
  --button-padding: 0 12px;
  --button-background: transparent;
  --button-text-color: var(--button-link-accent-text-color);
  --accent-button-action: hsl(var(--accent-hsl--material-you));
  --accent-button-action-hover: 0.14;
  --accent-button-action-active: 0.21;
}
.root_f9a4c9 .footer_f9a4c9 .lookBlank_dd4f85, .root_f9a4c9 .modalFooter_b5918e .lookBlank_dd4f85 {
  background-color: transparent !important;
  color: var(--button-link-accent-text-color) !important;
}
.root_f9a4c9 .buttons-1TBWBN {
  margin-top: 0;
}
.root_f9a4c9 .modalTextContainer_ad9cbd,
.root_f9a4c9 .footer_ad9cbd {
  background-color: transparent;
}
.root_f9a4c9 .modalTextContainer_ad9cbd {
  border: none;
}
.root_f9a4c9 > div:not([class]) > div:not([class]) {
  max-height: 720px;
}
.root_f9a4c9 > div:not([class]) > div:not([class]) .content_f9a4c9 {
  max-height: 548px;
}
.root_f9a4c9 .container_ed1d57 {
  margin-bottom: 0;
}
.root_f9a4c9 .divider_ae36e5 {
  margin: 16px 0;
  padding-bottom: 0;
  border-top-color: var(--popout-header-border);
}
.root_f9a4c9 .input_f8bc55.flex_ec1a20 {
  --button-height: 28px;
  padding: 0;
  border-radius: var(--input-radius);
  box-shadow: none;
}
.root_f9a4c9 .input_f8bc55.flex_ec1a20 .input_f8bc55 {
  border-radius: var(--input-radius);
  box-shadow: none;
}
.root_f9a4c9 .guestBody-1S2A2E {
  padding: 0;
}

.valuePropContainer-WkXrIU {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
}
.valuePropContainer-WkXrIU .bulletedValueProp-3pv7g2 {
  padding: 0;
}
.valuePropContainer-WkXrIU .valuePropIconContainer-1WLjVd {
  background-color: var(--card-button-color);
  color: var(--text-normal);
}

.content__4d677 {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-3dp);
}

/*
 *
 *  NITRO PURCHASE
 *
 */
.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_f9a4c9 .header_f9a4c9.modalHeader_a27f2f {
  margin-bottom: 0;
  padding-bottom: 0;
  background-image: linear-gradient(var(--popout-color), var(--popout-color));
  border-bottom: none;
}
.root_f9a4c9 .header_f9a4c9.modalHeader_a27f2f .close_f9a4c9 {
  top: -4px;
  right: -4px;
}

.headerBackground_af10a6 {
  width: calc(100% + 8px);
  top: -24px;
  left: -24px;
  right: -24px;
}

.headerBackground_af10a6,
.panningAnimation_e147f3 {
  border-radius: var(--popout-radius-big);
}

.wrapper_bfc2c6 {
  padding: 0 24px 16px;
  background-color: transparent;
}
.wrapper_bfc2c6:after {
  display: none;
}

.spinner_b0f29a {
  background-color: transparent;
}

.sliderBody_bf926b {
  width: 392px;
  padding-bottom: 0;
}

.planSelectSeparator_d439ef,
.planSelectSeparatorLower_d9d258 {
  display: none;
}

.planSelectSeparatorLower_d9d258 + .text-xs-normal_ccc5fb, .planSelectSeparatorLower_d9d258 + .text-xs-normal__46d75 {
  margin-top: 12px;
}

.planOptionClickableContainer_bd3462 {
  padding: 0 12px;
  background-color: transparent;
  border-radius: calc(var(--card-radius-big) / 1.65);
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color;
}
.planOptionClickableContainer_bd3462:hover {
  background-color: var(--card-color-hover) !important;
}

.selectPlanDivider_d439ef {
  display: none;
}

.warnBlock_cb8a97 {
  margin-top: 16px;
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
}

.table_df16c1 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
}
.table_df16c1 .divider_df16c1 {
  background-color: var(--card-border-color);
}

.paymentSourceWarning_aa60eb {
  margin-top: 8px;
  background-color: var(--card-color-filled);
  border: none;
  padding: 8px;
  border-radius: var(--card-radius-big);
}

/*
 *
 *  OPEN LINK MODAL
 *
 */
.root_f9a4c9 .title_acae5d, .root_f9a4c9 .title_dd48c5 {
  margin: 0 0 16px;
  font-size: 22px;
  font-weight: 400;
  text-align: left;
  text-transform: none;
}
.root_f9a4c9 .body_acae5d {
  text-align: left;
}
.root_f9a4c9 .primaryButton_acae5d,
.root_f9a4c9 .secondaryButton_acae5d {
  flex: 0 1 auto;
}
.root_f9a4c9 .minorContainer_acae5d {
  flex: 1 1 auto;
  width: auto;
  margin: 0;
}
.root_f9a4c9 .minorContainer_acae5d .secondaryAction_acae5d {
  line-height: var(--button-height);
  text-align: left;
  color: var(--button-link-accent-text-color);
  font-size: 1em;
  font-weight: 500;
  opacity: 1;
}

.warningText_dd48c5 {
  text-align: left;
}

.linkCalloutContainer_dd48c5 {
  margin-bottom: 16px;
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
}

.checkbox_dd48c5 {
  margin-bottom: 0;
}

/*
 *
 *  PHONE MODAL
 *
 */
.phoneField_d4eb58 {
  padding: 2px 4px;
  background-color: var(--input-color);
  border-radius: 22px;
  border: none;
  box-shadow: none;
}
.phoneField_d4eb58 .inputField_d4eb58 {
  background-color: transparent;
  color: var(--input-text-color);
}
.phoneField_d4eb58 .inputField_d4eb58::-webkit-input-placeholder {
  color: var(--input-placeholder-color);
}
.phoneField_d4eb58 .countryButton_d4eb58 {
  margin: 0;
  background-color: var(--button-background) !important;
  border-radius: var(--button-radius);
}
.phoneField_d4eb58 .countryButton_d4eb58 .plusSign_d4eb58,
.phoneField_d4eb58 .countryButton_d4eb58 .countryCode_d4eb58 {
  color: inherit;
}
.phoneField_d4eb58 .countryButton_d4eb58 .phoneFieldExpand_d4eb58 {
  stroke: var(--button-text-color);
}
.phoneField_d4eb58 .button_dd4f85 {
  margin: 0;
}

.phoneFieldPopout_ff761b {
  background-color: var(--popout-color) !important;
  border-radius: var(--popout-radius);
  box-shadow: var(--shadow-3dp);
}

/*
 *
 *  PROBLEM INFO
 *
 */
.problemInfo_b58b14 {
  margin-bottom: 0;
}

.root_ee4ca6 {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}

.option_ee4ca6 {
  position: relative;
  border-bottom: none;
  transition: var(--default-time) var(--default-animation);
}
.option_ee4ca6:after {
  position: absolute;
  content: " ";
  width: calc(100% - 16px * 2);
  height: 1px;
  right: 0;
  bottom: 0;
  margin: 0 16px;
  background-color: var(--card-border-color);
}
.option_ee4ca6:last-of-type:after {
  display: none;
}
.option_ee4ca6:hover {
  background-color: var(--menu-item-hover);
}

/*
 *
 *	QUICK SWITCHER
 *
 */
.quickswitcher_f4e139 {
  padding: 0;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-3dp);
}
.quickswitcher_f4e139 .input_f4e139 {
  height: 42px;
  line-height: 42px;
  margin: 24px 24px 16px;
  padding: 0 16px;
  background-color: var(--input-color);
  border-radius: 21px;
  box-shadow: none;
  font-size: 18px;
}
.quickswitcher_f4e139 .input_f4e139::-webkit-input-placeholder {
  font-family: var(--app-font);
}
.quickswitcher_f4e139 .scroller_f4e139 {
  margin-top: 0;
  margin-right: 0;
  background-color: transparent;
}
.quickswitcher_f4e139 .scroller_f4e139::-webkit-scrollbar-track {
  background: transparent !important;
}
.quickswitcher_f4e139 .header_f14193 {
  font-size: 14px;
  text-transform: none;
}
.quickswitcher_f4e139 .result_f14193 {
  border-radius: 0;
  transition: var(--default-time) var(--default-animation) background-color;
}
.quickswitcher_f4e139 [aria-selected=true].result_f14193 {
  background-color: var(--menu-item-hover);
}
.quickswitcher_f4e139 .result_f14193 .note_f14193 {
  font-size: 11px;
  text-transform: none;
}
.quickswitcher_f4e139 .content_f14193 {
  padding: 0 14px 0 24px;
}
.quickswitcher_f4e139 .protip_f4e139 {
  padding: 16px 24px 24px;
}
.quickswitcher_f4e139 .protip_f4e139.hasContent_f4e139 {
  border-top: none;
}

/*
 *
 *  REACTIONS
 *
 */
.reactors_f2bfbb {
  background-color: transparent !important;
}
.reactors_f2bfbb .reactor_f2bfbb {
  box-shadow: none;
  position: relative;
  border-bottom: none;
}
.reactors_f2bfbb .reactor_f2bfbb:after {
  position: absolute;
  content: " ";
  width: calc(100% - 16px * 2);
  height: 1px;
  right: 0;
  bottom: 0;
  margin: 0 16px;
  background-color: var(--card-border-color);
}
.reactors_f2bfbb .reactor_f2bfbb:last-of-type:after {
  display: none;
}

.scroller_f2bfbb {
  background-color: var(--attachment-color) !important;
}
.scroller_f2bfbb .reactionDefault_f2bfbb,
.scroller_f2bfbb .reactionSelected_f2bfbb {
  border-radius: 14px;
}
.scroller_f2bfbb .reactionDefault_f2bfbb:hover {
  background-color: var(--menu-item-hover);
}
.scroller_f2bfbb .reactionSelected_f2bfbb {
  background-color: var(--menu-item-select);
}

/*
 *
 *  REPORT MESSAGE MODAL
 *
 */
.messagePreviewContainer_b06e1c {
  background-color: var(--card-color-outlined);
  border: 1px solid var(--card-border-color);
  padding: 16px 0;
  border-radius: var(--card-radius-big);
}
.messagePreviewContainer_b06e1c .wrapper_ec86aa {
  --message-color-hover: var(--message-color);
  margin: 0 0 0 72px !important;
}
.messagePreviewContainer_b06e1c .wrapper_ec86aa .avatar_ec86aa {
  left: -56px !important;
}

.childButton_f45bfc {
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
  transition: var(--default-time) var(--default-animation) background-color;
}
.childButton_f45bfc:hover {
  background-color: var(--card-color-hover);
}

/*
 *
 *  SCREEN SHARE SELECTION
 *
 */
.modalContent-2y3sGW {
  padding: 0 24px;
}
.modalContent-2y3sGW:last-child {
  margin-bottom: 0;
}

.divider_bcb954 {
  background-color: var(--popout-header-border);
  box-shadow: none !important;
  opacity: 1;
}

.segmentControl_d7ec26 {
  height: 48px;
  padding: 0 24px;
}

.tabItem_a18ec1 {
  height: inherit;
  margin: 0 24px 0 0;
  padding: 0 8px;
  border: none !important;
  color: var(--interactive-normal) !important;
}
.tabItem_a18ec1.tabItemSelected_a18ec1 {
  color: var(--interactive-normal) !important;
  position: relative;
  background-color: transparent !important;
  border: none;
}
.tabItem_a18ec1.tabItemSelected_a18ec1:after {
  position: absolute;
  content: " ";
  width: 90%;
  height: 3px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  background: var(--tab-border-color);
  border-radius: 3px 3px 0 0;
  transition: var(--default-time) ease all;
}
.tabItem_a18ec1 .text-sm-medium_bc6ffc, .tabItem_a18ec1 .text-sm-medium__726be {
  line-height: 48px;
}
.tabItem_a18ec1:last-of-type {
  margin-right: 0;
}

.card_f30ffe {
  height: var(--input-height);
  max-height: var(--input-height);
  padding: var(--input-padding);
  background-color: var(--input-color);
  border-radius: calc(var(--input-height) / 2);
  border: none;
}
.card_f30ffe .sizeSmall_dd4f85 {
  --button-height: 30px;
}

.qualitySettingsContainer_a78967 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
}
.qualitySettingsContainer_a78967 .select_f6639d {
  margin-top: 0;
}
.qualitySettingsContainer_a78967 .select-1Ia3hD {
  margin-top: 0;
}

.upsellBanner_f59576 {
  padding: 8px 12px;
  border-radius: 20px;
}

.container_fe5744 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
}

.tile_d7ec26:hover .sourceThumbnail_d7ec26 {
  box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl--material-you));
}

.sourceThumbnail_d7ec26 {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}
.sourceThumbnail_d7ec26.selected_d7ec26 {
  box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl--material-you));
}

/*
 *
 *  SECURITY ACTIONS MODAL
 *
 */
.headerContainer-3uHkGl .heading-md-semibold-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_ed5743 {
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-3dp);
}

.contentWrapper_ed5743 {
  background-color: var(--popout-color) !important;
  border-radius: var(--popout-radius-big) 0 0 var(--popout-radius-big);
}
.contentWrapper_ed5743 .heading-xl-semibold__5e2e4 {
  font-weight: 400;
}

.inviteContent_ed5743 {
  min-height: unset;
}

.inviteSplash_ed5743 {
  border-radius: var(--popout-radius-big);
}

/*
 *
 *  SERVER QUESTIONS
 *
 */
.gradient_d8215a {
  background: linear-gradient(180deg, var(--main-color) 0%, var(--main-alt) 100%) !important;
  opacity: 0.725;
}

.main_d8215a {
  border-radius: var(--card-radius-big) 0 0 var(--card-radius-big);
}

.prompt_cd377c {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-3dp);
}
.prompt_cd377c .scrollerBase_eed6a8 {
  padding: 80px 100px;
}
.prompt_cd377c .navButtons_cd377c {
  padding: 8px;
  background-color: transparent;
  border-top: 1px solid var(--separator-color);
}

.promptOptions_cd377c {
  margin-bottom: 0;
}

.optionButtonWrapper_bd5e1f {
  --card-color-filled: var(--card-color-alt);
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
  transition: var(--default-time) var(--default-animation) background-color;
}
.optionButtonWrapper_bd5e1f:hover {
  background-color: var(--card-color-hover);
}
.optionButtonWrapper_bd5e1f.selected_bd5e1f {
  background-color: var(--card-color-active);
}

.checkIcon_bd5e1f, .memberCount_bd5e1f {
  background-color: hsl(var(--accent-hsl--material-you));
}
.checkIcon_bd5e1f path, .memberCount_bd5e1f path {
  fill: var(--accent-text-color--material-you);
}

.memberCount_bd5e1f .text-xs-normal_ccc5fb, .memberCount_bd5e1f .text-xs-normal__46d75 {
  color: var(--accent-text-color--material-you) !important;
}

/*
 *
 *  STICKER UPLOAD
 *
 */
.form-QIWuKf .content_f9a4c9, .form-QIWuKf .content-3BqJRb {
  padding: 0 !important;
}
.form-QIWuKf .sectionTitle-3j2YI1 {
  margin: 8px 0;
}
.form-QIWuKf .sectionTitle-3j2YI1 .h5_c46f6a {
  margin-bottom: 0;
}
.form-QIWuKf .formItem-1Vab1c {
  padding: 0 16px;
}
.form-QIWuKf .preview-x-26h- {
  border-radius: var(--card-radius-big);
  border: none;
}
.form-QIWuKf .fileUpload-3JzU7g {
  --input-padding: 0;
}
.form-QIWuKf .fileUpload-3JzU7g .fileUploadButton-2zOQcO {
  width: 140px;
}

/*
 *
 *  TERMS OF SERVICE
 *
 */
.modal-2LBig1 .title-1ysNt8 {
  margin: 0;
  padding: 16px;
  font-weight: 600;
  font-size: 16px;
  text-transform: none;
  color: var(--header-primary);
}
.modal-2LBig1 .description-ecPh_Q {
  margin: 16px 16px 0;
}
.modal-2LBig1 .container_bb2fbe {
  margin: 16px;
}
.modal-2LBig1 .buttonContainer-28osRq {
  padding: 8px;
}
.modal-2LBig1 .buttonContainer-28osRq .button_dd4f85 {
  margin: 0;
}
.modal-2LBig1 .anchor-1MIwyf {
  color: hsl(var(--accent-hsl--material-you)) !important;
}
.modal-2LBig1 .divider-_0um2u {
  border-color: var(--popout-header-border);
}

/*
 *
 *  UPLOAD
 *
 */
.uploadModalIn_f82cc7 .uploadDropModal_f82cc7 .bgScale_f82cc7 {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-3dp);
}
.uploadModalIn_f82cc7 .uploadDropModal_f82cc7 .inner_f82cc7 {
  border: none;
}
.uploadModalIn_f82cc7 .uploadDropModal_f82cc7 .title_f82cc7,
.uploadModalIn_f82cc7 .uploadDropModal_f82cc7 .title_f82cc7 strong {
  color: var(--text-normal) !important;
}
.uploadModalIn_f82cc7 .uploadDropModal_f82cc7 .instructions_f82cc7 {
  color: var(--text-normal) !important;
}
.uploadModalIn_f82cc7 .uploadDropModal_f82cc7.error_f82cc7 .title_f82cc7,
.uploadModalIn_f82cc7 .uploadDropModal_f82cc7.error_f82cc7 .title_f82cc7 strong {
  color: #eee !important;
}
.uploadModalIn_f82cc7 .uploadDropModal_f82cc7.error_f82cc7 .instructions_f82cc7 {
  color: #eee !important;
}

.uploadModal_f82cc7 .footer_f82cc7 {
  padding: 8px;
  background-color: transparent !important;
  border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big);
  border-top: 1px solid var(--popout-header-border);
  box-shadow: none !important;
}
.uploadModal_f82cc7 .footer_f82cc7 .button_dd4f85.lookLink_dd4f85 {
  margin-right: 8px;
}

.colorDefault-CDqZdO .subtext-2GlkbE {
  color: var(--text-muted) !important;
}

/* UPLOAD -> SOUNDBOARD */
.multiInput-wONk3i + .section-3xOOsh:nth-last-of-type(2) {
  margin-bottom: 0;
}

.fakeInput-1_6lq6 {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
  border: none;
}
.fakeInput-1_6lq6 .playButton-2wVGEn {
  background-color: var(--card-button-color);
  transition: var(--default-time) var(--default-animation) background-color;
}
.fakeInput-1_6lq6 .playButton-2wVGEn:hover {
  background-color: var(--card-button-color-hover);
}

.handleFrame-1Fjy30:before, .handleFrame-1Fjy30:after {
  background-color: var(--card-color-filled);
}

/*
 *
 *	USER PROFILE
 *
 */
.userProfileModalInner_c69a7b .username_be84f0 {
  font-size: 22px;
  font-weight: 400;
}

.badgeList_ec3b75 {
  height: var(--button-height);
  padding: 0 6px;
  background-color: var(--profile-body-background-color);
  border-radius: var(--button-radius);
}

.tabBarContainer_b9fccc {
  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_b9fccc .tabBar_b9fccc {
  gap: 24px;
}
.tabBarContainer_b9fccc .item_a0 {
  height: 36px;
  border-bottom: none;
}
.tabBarContainer_b9fccc .item_a0.selected_a0 {
  position: relative;
  background-color: transparent !important;
  border: none;
}
.tabBarContainer_b9fccc .item_a0.selected_a0:after {
  position: absolute;
  content: " ";
  width: 90%;
  height: 3px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  background: var(--tab-border-color);
  border-radius: 3px 3px 0 0;
  transition: var(--default-time) ease all;
}

.container_afed89 {
  padding: 16px 16px 0;
}

.divider_b9fccc {
  margin: 16px 16px 0;
}

.infoScroller_a24910 {
  padding: 0 calc(16px - var(--scrollbar-thin-width)) 0 16px !important;
}

.headerText_d5089b {
  font-size: 14px;
  text-transform: none;
}

.connectedAccounts_f3eb60 {
  margin-top: -16px;
  border-top: none !important;
}
.connectedAccounts_f3eb60 .connectedAccountContainer_f3eb60 {
  --card-color-filled: var(--card-color-hover);
  --card-radius-big: var(--card-radius);
  margin-top: 16px;
  background-color: var(--card-color-filled);
  border: none;
  padding: 12px 8px;
  border-radius: var(--card-radius-big);
}

.note_a24910 {
  margin: 0;
}
.note_a24910 textarea {
  padding: 6px 12px;
  border-radius: var(--input-radius);
}
.note_a24910 textarea:focus {
  background-color: transparent;
}

/* USER PROFILE -> LISTS */
.listRow_e4be58 {
  border-radius: var(--popout-radius);
  transition: var(--default-time) var(--default-animation) background-color;
}
.listRow_e4be58:hover {
  background-color: var(--menu-item-hover);
}

.iconActiveMedium_f11207 {
  border-radius: 50%;
}

/*
 *
 *  APP DIRECTORY
 *
 */
.root_f906dd {
  animation: page-open 300ms var(--default-animation);
}

@keyframes page-open {
  from {
    transform: scale(1.1);
    opacity: 0;
  }
}
.directoryContainer_da3f59 {
  background-color: var(--main-color) !important;
}

/* APP DIRECTORY -> SEARCH BAR */
.search_aabd24 {
  --input-height: 48px;
  height: var(--input-height) !important;
  max-height: var(--input-height) !important;
  padding: var(--input-padding) !important;
  background-color: var(--input-color) !important;
  border-radius: calc(var(--input-height) / 2) !important;
  border: none;
  box-shadow: none !important;
}
.search_aabd24 .inputWrapper_f8bc55:before, .search_aabd24 .inputWrapper_f8bc55:after {
  display: none;
}
.search_aabd24 .searchBoxInput__56498 {
  height: var(--input-height);
  padding: 0;
}

/* APP DIRECTORY -> SEARCH RESULTS */
.category_fa8ebf {
  border-radius: 24px;
  transition: var(--default-time) var(--default-animation) background-color;
}
.category_fa8ebf:hover {
  background-color: var(--menu-item-hover);
}
.category_fa8ebf.activeCategory_fa8ebf {
  background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity));
}

.listing_c0b10b {
  border-radius: var(--card-radius-big);
  transition: var(--default-time) var(--default-animation) background-color;
}
.listing_c0b10b:hover {
  background-color: var(--card-color-hover);
}
.listing_c0b10b .listingDetails_c0b10b {
  transition: var(--default-time) var(--default-animation) border-color;
}

/* APP DIRECTORY -> CATEGORIES */
.category_d7acc7, .category_d169f5 {
  height: 36px;
  padding: 0 12px;
  background-color: var(--card-button-color);
  border-radius: 10px;
  transition: var(--default-time) var(--default-animation) background-color;
}
.category_d7acc7:hover, .category_d169f5:hover {
  background-color: var(--card-button-color-hover);
}

/* APP DIRECTORY -> CARDS */
.scrollerContainer_b503b8 .scrollerBase_eed6a8 {
  --scrollbar-width: 4px;
}

.card_e90143, .container_d9c848 {
  background-color: var(--card-color-filled) !important;
  border: none !important;
  padding: 0;
  border-radius: var(--card-radius-big) !important;
  transition: var(--default-time) var(--default-animation) background-color;
}
.card_e90143:hover, .container_d9c848:hover {
  background-color: var(--card-color-hover) !important;
}

.animatesOnHoverContainer_d9c848:hover {
  box-shadow: none;
  transform: none;
}
.animatesOnHoverContainer_d9c848:hover .image_e90143, .animatesOnHoverContainer_d9c848:hover .image_d9c848 {
  transform: none;
}

.image_e90143, .image_d9c848 {
  border-radius: var(--card-radius-big);
}

.linkCard_b4a57c, .container_f9d8eb {
  background-color: var(--card-color-outlined) !important;
  border: 1px solid var(--card-border-color) !important;
  padding: 0;
  border-radius: var(--card-radius-big) !important;
}

.cardHeader_b4a57c {
  color: var(--header-primary);
}

.linkDescription_b4a57c {
  color: var(--text-normal);
}

/* APP DIRECTORY -> BOT INFO */
.headerBanner_a1eac2 {
  border-radius: var(--card-radius-big);
}

.headerIcon_a1eac2 {
  background-color: var(--main-color);
  border-color: var(--main-color);
}

.card_b5d566 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
  transition: var(--default-time) var(--default-animation) background-color;
}
.card_b5d566:hover {
  background-color: var(--card-color-hover);
}
.card_b5d566:hover .iconMask_b5d566 {
  background-color: var(--card-color-hover);
}
.card_b5d566 .splashImage_b5d566 {
  border-radius: var(--card-radius-big);
}
.card_b5d566 .iconMask_b5d566 {
  background-color: var(--card-color-filled);
  transition: var(--default-time) var(--default-animation) background-color;
}

.container__26dff {
  background-color: var(--card-color-outlined);
  border: 1px solid var(--card-border-color);
  padding: 0;
  border-radius: var(--card-radius-big);
}
.container__26dff .cardHeader__62148 {
  margin-bottom: 0;
  padding: 16px;
  background-color: transparent;
  font-size: 1.25em;
  line-height: normal;
  color: var(--card-header-text-color);
  font-weight: 400;
  opacity: 1;
  border-bottom: 1px solid var(--card-border-color);
}
.container__26dff .priceAndButtonContainer__78548 {
  background-color: transparent;
}
.container__26dff .benefitsContainer_f75168 {
  padding: 16px;
  background-color: transparent;
}

.commandList_a1eac2 {
  background-color: var(--card-color-outlined);
  border: 1px solid var(--card-border-color);
  padding: 16px;
  border-radius: var(--card-radius-big);
}
.commandList_a1eac2 .commandName_e0307d {
  background-color: var(--card-color-filled);
  border: none;
  padding: 10px 12px;
  border-radius: var(--card-radius-big);
}

.permissionHeader_a06168 {
  margin-top: 0;
}

/*
 *
 *  BROWSE CHANNELS
 *
 */
.header_c2efea {
  margin: 0 46px 0 16px;
  padding: 16px 0;
}

.scrollerInner_f04d06 {
  padding: 0 36px 32px 16px;
}

.container_b55df8 {
  background-color: hsl(var(--accent-hsl--material-you));
  border-radius: var(--card-radius-big);
}
.container_b55df8 .defaultColor-HXu-5n,
.container_b55df8 .body-2A992B {
  color: var(--accent-text-color--material-you) !important;
}

/*  BROWSE CHANNELS -> CHANNELS */
.categoryText_f04d06 {
  font-size: 14px;
  text-transform: none;
}

.channelRow_f04d06 {
  --button-height: 34px;
  position: relative;
  padding: 12px 16px;
  background-color: var(--card-color-filled);
  transition: var(--default-time) var(--default-animation) background-color;
}
.channelRow_f04d06:before {
  position: absolute;
  content: " ";
  width: calc(100% - 16px);
  height: 100%;
  top: 0;
  left: 8px;
  background-color: var(--card-color-alt-hover);
  border-radius: calc(var(--card-radius-big) / 1.5);
  pointer-events: none;
  opacity: 0;
  transition: var(--default-time) var(--default-animation) opacity;
}
.channelRow_f04d06.firstChannel_f04d06 {
  padding-top: 20px;
  border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
}
.channelRow_f04d06.firstChannel_f04d06:before {
  height: calc(100% - 8px);
  top: 8px;
}
.channelRow_f04d06.firstChannel_f04d06.lastChannel_f04d06 {
  border-radius: var(--card-radius-big);
}
.channelRow_f04d06.lastChannel_f04d06 {
  padding-bottom: 20px;
  border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
}
.channelRow_f04d06.lastChannel_f04d06:before {
  height: calc(100% - 8px);
}
.channelRow_f04d06:not(.disabled_f04d06):hover {
  background-color: var(--card-color-filled);
}
.channelRow_f04d06:not(.disabled_f04d06):hover:before {
  opacity: 1;
}
.channelRow_f04d06:hover .viewChannelButton_f04d06 {
  opacity: 1;
  visibility: visible;
  transition: var(--default-time) var(--default-animation) opacity;
}
.channelRow_f04d06 .viewChannelButton_f04d06 {
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: var(--default-time) var(--default-animation) opacity;
}
.channelRow_f04d06 .channelName_f04d06 {
  gap: 8px;
}

.channelInfo_f04d06 {
  z-index: 2;
}

.separator_f04d06 {
  display: none;
}

/*
 *
 *  CHANNELS AND ROLES
 *
 */
.container_f1fd9c {
  background-color: var(--chat-color) !important;
}
.container_f1fd9c .tabBar_f1fd9c {
  margin: 32px 46px 0 32px;
  border-bottom: 1px solid var(--separator-color);
}
.container_f1fd9c .tabBar_f1fd9c + .chat_a7d72e .pageBody_c2efea, .container_f1fd9c .tabBar_f1fd9c + .chat_a7d72e .body-2lagau {
  padding-top: 0;
}

.prompt_c6b11b {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
}
.prompt_c6b11b .promptTitle_c6b11b {
  line-height: normal;
  font-size: 1.25em;
  color: var(--card-header-text-color) !important;
  font-weight: 500;
}
.prompt_c6b11b .optionButton_bd5e1f {
  --card-color-filled: var(--card-color-alt);
}

.profileCard_c6b11b {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
}

/*
 *
 *  HOME TAB
 *
 */
.container_c68a2c {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
}
.container_c68a2c .icon_ac2d0d {
  border: 6px solid var(--card-color-filled);
}

/* HOME TAB -> ACTIVE NOW */
.container__29699 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
}
.container__29699 .header__18dc9 {
  margin-bottom: 0;
  padding: 16px;
  background-color: transparent;
  font-size: 1.25em;
  line-height: normal;
  color: var(--card-header-text-color);
  font-weight: 400;
  opacity: 1;
}
.container__29699 .emptyStateContainer__08276 {
  margin-top: 0;
  background-color: transparent;
}

.channelList_b7e3ac {
  padding: 12px 12px 0;
}

.container__55cc1 {
  border-radius: var(--card-radius-big);
  transition: var(--default-time) var(--default-animation) background-color;
}
.container__55cc1:hover {
  background-color: var(--card-color-hover);
}
.container__55cc1 .iconContainer__1b9f0,
.container__55cc1 .moreUsers_c47562 {
  background-color: var(--card-color-hover);
}

.containerCard__95c7a {
  background-color: var(--card-color-outlined);
  border: 1px solid var(--card-border-color);
  padding: 8px;
  border-radius: var(--card-radius-big);
  transition: var(--default-time) var(--default-animation) background-color;
}
.containerCard__95c7a:hover {
  background-color: var(--card-color-hover);
}
.containerCard__95c7a.fillerCard_eafecc {
  padding: 0;
  overflow: hidden;
}
.containerCard__95c7a .typingIndicator__0b368 {
  background-color: var(--card-color-hover);
}

@media (max-width: 1300px) {
  .scrollIcon__0a383 {
    background-color: var(--chat-color);
    border: 1px solid var(--card-border-color);
  }
}
/* HOME TAB -> UPCOMING */
.container__60371 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
}
.container__60371 .header_be4997 {
  margin-bottom: 0;
  padding: 16px;
  background-color: transparent;
  font-size: 1.25em;
  line-height: normal;
  color: var(--card-header-text-color);
  font-weight: 400;
  opacity: 1;
}
.container__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_ec86aa .messageContent_ec86aa {
  overflow: hidden;
}
.interactiveCard_d92364 .wrapper_ec86aa.cozy_ec86aa {
  --message-color: var(--message-color-hover);
}
.interactiveCard_d92364 .wrapper_ec86aa.cozy_ec86aa:not(.message_d5deea) {
  margin: 16px 16px 0 79px;
}
.interactiveCard_d92364 .avatarDecoration_ec86aa {
  left: -65px;
}

.feedItemHeader_ec3bdb {
  padding: 16px;
  border-bottom: none;
}
.feedItemHeader_ec3bdb .heading-sm-semibold-3XiVex {
  font-size: 1.25em;
}

/*
 *
 *  RECENT MEMBERS
 *
 */
.container_d20375 {
  padding: 32px;
  background-color: var(--chat-color) !important;
}

.mainTableContainer_e23072 {
  background-color: transparent;
  box-shadow: none;
}

.searchHeaderContainer_b0740c {
  margin-bottom: 16px;
  padding: 0;
}
.searchHeaderContainer_b0740c .heading-md-medium__2dff4 {
  font-weight: 400;
  font-size: 1.25em;
}
.searchHeaderContainer_b0740c .container__33507 {
  --input-padding: 0 4px 0 12px;
}
.searchHeaderContainer_b0740c .input__48d49 {
  font-size: 1em;
}

.table_aabef9 {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
  border-top: none;
}
.table_aabef9 tbody:before {
  content: " ";
  display: block;
  height: 8px;
}

.tableHeaderRow_e6d0a5:first-child:after {
  bottom: 0;
  box-shadow: 0 1px 0 0 var(--card-border-color);
}

.tableHeaderCellContainer_e6d0a5 {
  padding: 12px 8px;
}

.memberRowContainer_a39fe9 {
  transition: var(--default-time) var(--default-animation) background-color;
}
.memberRowContainer_a39fe9:hover {
  background-color: var(--card-color-alt-hover) !important;
}
.memberRowContainer_a39fe9 td {
  padding: 12px 8px;
  background-color: transparent !important;
}
.memberRowContainer_a39fe9 td:after {
  display: none;
}
.memberRowContainer_a39fe9 td:first-child {
  border-radius: calc(var(--card-radius-big) / 1.5) 0 0 calc(var(--card-radius-big) / 1.5);
}
.memberRowContainer_a39fe9 td:last-child {
  border-radius: 0 calc(var(--card-radius-big) / 1.5) calc(var(--card-radius-big) / 1.5) 0;
}

.newMembersNotice_dfba43 {
  top: 0;
  background-color: hsl(var(--accent-hsl--material-you));
}
.newMembersNotice_dfba43:hover {
  background-color: hsl(var(--accent-hsl--material-you));
}
.newMembersNotice_dfba43 td:first-child {
  border-radius: 18px 0 0 18px;
}
.newMembersNotice_dfba43 td:last-child {
  border-radius: 0 18px 18px 0;
}
.newMembersNotice_dfba43 .text-sm-normal-3Zj3Iv, .newMembersNotice_dfba43 .text-sm-normal__95a78 {
  color: var(--accent-text-color--material-you) !important;
  font-weight: 500;
}
.newMembersNotice_dfba43 .button_dd4f85 {
  --button-text-color: var(--accent-text-color--material-you);
}

.otherRoles_a39fe9 {
  background-color: var(--card-color-filled);
  border-radius: 50%;
  transition: var(--default-time) var(--default-animation) opacity;
}
.otherRoles_a39fe9 .addRoleIcon_a39fe9 {
  color: var(--text-normal);
}

.button_a39fe9 {
  background-color: var(--card-button-color);
  transition: var(--default-time) var(--default-animation) background-color;
}
.button_a39fe9:hover {
  background-color: var(--card-button-color-hover);
}

.paginationContainer_cb152b {
  margin-top: 8px;
  padding: 0;
  border-top: none;
}

/*
 *
 *  PREMIUM MEMBERSHIP
 *
 */
.scroller_fca846 {
  background-color: var(--chat-color);
}
.scroller_fca846 .scrollerContent_fca846 {
  max-width: 100%;
}

.coverImageContainer_d575b2 {
  width: calc(100% - 64px);
  margin: 32px;
}
.coverImageContainer_d575b2 .coverImage_d575b2 {
  border-radius: var(--card-radius-big);
}

.guildIconContainer_d575b2 {
  background-color: var(--chat-color);
}

.cardContainerWithoutTopIndicator_ecba8f {
  --message-color: var(--card-color-alt);
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
}

.tierInfoContainer_ecba8f,
.subscriptionPerks_ecba8f {
  background-color: transparent;
}

.tierInfoContainer_ecba8f {
  border-bottom: 1px solid var(--card-border-color);
}
.tierInfoContainer_ecba8f .button_dd4f85 {
  background: none;
}
.tierInfoContainer_ecba8f .button_dd4f85 .shine-3xxflf {
  display: none;
}

.subscriptionPerks_ecba8f .sectionHeader_ecba8f {
  font-size: 14px;
  text-transform: none;
}

.roleMessagePreview_ecba8f {
  margin-left: 50px;
  padding: 0;
  background-color: transparent;
  border: none;
}

/*
 *
 *	SERVER BOOST
 *
 */
.scroller_a50853 {
  background-color: var(--main-color);
}
.scroller_a50853 .heading_a50853 {
  color: var(--header-primary) !important;
}
.scroller_a50853 .heading_a50853,
.scroller_a50853 .heading-xl-bold__77e0f,
.scroller_a50853 .heading-xxl-semibold__98f88,
.scroller_a50853 .heading-xxl-bold_b9bf3c,
.scroller_a50853 .heading-xxl-extrabold__63651 {
  font-weight: 400;
}

.header_a50853 {
  background: none !important;
}
.header_a50853 .headerWave_a586c4 {
  display: none;
}
.header_a50853 .guildName_cbe7a3 {
  color: var(--header-primary) !important;
}
.header_a50853 .guildBoostCountWrapper_cbe7a3 {
  color: var(--header-secondary);
}
.bodyWave_a586c4 {
  display: none;
}

.innerWrapper_aecbd6 {
  padding: 12px 24px 12px 12px;
  background-color: var(--popout-color);
  box-shadow: var(--shadow-3dp);
}
.innerWrapper_aecbd6:before, .innerWrapper_aecbd6:after {
  display: none;
}

/* SERVER BOOST -> BOOST BUTTONS */
.guildBoostCtas_cbe7a3 {
  max-width: unset;
  justify-content: center;
}
.guildBoostCtas_cbe7a3 .guildBoostCta_cbe7a3 {
  flex: 0 1 auto;
}
.guildBoostCtas_cbe7a3 .guildBoostCta_cbe7a3:hover {
  transform: none;
}

.guildBoostCtaBoost_cbe7a3 {
  --button-background: hsl(var(--accent-hsl--material-you)) !important;
  --button-text-color: var(--accent-text-color--material-you) !important;
  width: auto;
}
.guildBoostCtaBoost_cbe7a3 .guildBoostCtaBoostContent_cbe7a3 {
  margin: 0;
  color: var(--button-text-color);
}

.guildBoostCtaSecondary_cbe7a3 {
  --button-text-color: hsl(var(--accent-hsl--material-you)) !important;
  --button-outline: 1px solid hsl(var(--accent-hsl--material-you)) !important;
}

/* SERVER BOOST -> BOOST PROGRESS BAR */
.progressBarFill_e00a24 {
  background-image: none;
  background-color: var(--guild-boosting-pink);
}

.progressBarTrack_e00a24 {
  background-color: var(--card-color-filled);
}

.progressBarMarker_c29408 {
  background-color: var(--main-color);
}
.progressBarMarker_c29408 .boostedTierIconBackground_c29408 {
  background-color: var(--card-color-filled);
  opacity: 1;
}
.progressBarMarker_c29408 .progressBarMarkerLabel_c29408 {
  font-weight: 500;
  color: var(--text-normal);
  opacity: 1;
}
.progressBarMarker_c29408.progressBarMarkerLocked_c29408 .progressBarMarkerLabel_c29408 {
  color: var(--text-muted);
}

/* SERVER BOOST -> TIER CARDS */
.tierCard_e3ebb9 {
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

/* SERVER BOOST -> TOP PERKS */
.topPerksCard_adc107 {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}

.perkPreviewImage_ebd3d3 {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-3dp);
}

/* SERVER BOOST -> COMMUNITY RECOGNITION */
.wrapper_d1fdce {
  margin-bottom: 64px;
  border-radius: var(--card-radius-big);
}
.wrapper_d1fdce .backgroundImages_d1fdce {
  border-radius: var(--card-radius-big);
}

.card_d1fdce {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}

/* SERVER BOOST -> BOOST MODAL */
.subscription_cf84f3 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
}
.subscription_cf84f3 .tierPill_cf84f3 {
  background-color: var(--card-color-active) !important;
}

.pendingCancellation_c25a31 {
  background-color: hsl(var(--warning-hsl), 0.3);
  border-radius: var(--card-radius-big);
  border: none;
}
.pendingCancellation_c25a31 .pendingCancellationIcon_c25a31 {
  color: hsl(var(--warning-hsl));
}

/*
 *
 *	SERVER DISCOVERY
 *
 */
.pageWrapper_a3a4ce {
  background-color: var(--chat-color) !important;
}

.headerImage-2D5D-v, .headerImage_a39aa3 {
  border-radius: var(--card-radius-big);
}

.searchBox__56feb {
  padding-right: 8px;
  border-radius: var(--input-radius);
  border: none;
  box-shadow: none;
}
.searchBox__56feb .searchBoxInput__56498 {
  height: var(--input-height);
  padding: 0 16px !important;
  box-shadow: none !important;
}

/* SERVER DISCOVERY -> SIDEBAR */
.sidebar_a4d4d9 .container_e9f61e {
  margin: 0 4px 0 10px;
  border-radius: 21px;
}
.sidebar_a4d4d9 .container_e9f61e .layout_e9f61e {
  border-radius: 21px;
  transition: var(--default-time) var(--default-animation) background-color;
}
.sidebar_a4d4d9 .container_e9f61e:hover .layout_e9f61e {
  background-color: var(--menu-item-hover);
}
.sidebar_a4d4d9 .container_e9f61e.selected_e9f61e {
  color: var(--menu-item-text-color);
}
.sidebar_a4d4d9 .container_e9f61e.selected_e9f61e .layout_e9f61e {
  background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity));
  color: var(--interactive-active);
}

/* SERVER DISCOVERY -> CARDS */
.card_eb1ca6 {
  background-color: var(--card-color-filled) !important;
  border: none !important;
  padding: 0;
  border-radius: var(--card-radius-big) !important;
  transition: var(--default-time) var(--default-animation) background-color;
  box-shadow: none !important;
}
.card_eb1ca6:hover {
  background-color: var(--card-color-hover) !important;
}
.card_eb1ca6 .iconMask_eb1ca6 {
  background-color: var(--card-color-filled) !important;
  border-radius: 50%;
}
.card_eb1ca6 .iconMask_eb1ca6 .avatar_eb1ca6 {
  border-radius: 50%;
}
.card_eb1ca6:hover {
  transform: none;
}
.card_eb1ca6:hover .iconMask_eb1ca6 {
  background-color: var(--card-color-hover) !important;
}
.card_eb1ca6 .cardHeader_eb1ca6 {
  margin-bottom: 0;
}
.card_eb1ca6 .splashImage_eb1ca6 {
  border-radius: var(--card-radius-big);
}
.card_eb1ca6 .guildInfo_eb1ca6 {
  padding-top: 32px;
  border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
  transition: var(--default-time) var(--default-animation) border-color;
}
.card_eb1ca6 .guildIcon_eb1ca6 foreignObject {
  mask: none !important;
}

.emptyContainer_e37a20 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 80px 0;
  border-radius: var(--card-radius-big);
}

/* SERVER DISCOVERY -> SEARCH RESULTS */
.searchPage-3tt6dh,
.categories-2LoSbA,
.results_e37a20 {
  margin-right: 24px;
}

.searchPage-3tt6dh,
.categories-2LoSbA,
.results_e37a20,
.guildList-QjZKeK {
  max-width: 1200px;
}

.searchPage-3tt6dh .search-25t1e9 {
  max-width: unset;
}
.searchPage-3tt6dh .searchBox__56feb {
  padding-right: 8px;
  background-color: var(--input-color);
  box-shadow: none !important;
}

.categoryPill-1zjNrr {
  border-radius: 8px;
  background-color: var(--card-button-color);
  transition: var(--default-time) var(--default-animation) background-color;
}
.categoryPill-1zjNrr:hover:not(.selected-bLcqYK) {
  background-color: var(--card-button-color-hover);
}
.categoryPill-1zjNrr .categoryLabel-2m4AT- {
  color: var(--text-normal);
  transition: var(--default-time) var(--default-animation) color;
}
.categoryPill-1zjNrr.selected-bLcqYK {
  background-color: hsl(var(--accent-hsl), 0.3);
}
.categoryPill-1zjNrr.selected-bLcqYK .categoryLabel-2m4AT- {
  color: hsl(var(--accent-hsl--material-you));
}

.card_e825f6 {
  height: 160px;
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
  transition: var(--default-time) var(--default-animation) background-color;
}
.card_e825f6:hover {
  background-color: var(--card-color-hover);
}
.card_e825f6 .container_e825f6 {
  height: 100%;
}
.card_e825f6 .content_e825f6 {
  height: 100%;
  padding: 16px 16px 16px 0;
  box-sizing: border-box;
}
.card_e825f6 .memberInfo_e825f6 {
  margin-top: 8px;
}
.card_e825f6 .text-xs-normal_ccc5fb, .card_e825f6 .text-xs-normal__46d75 {
  font-weight: 500;
}

.splashContainer_e825f6 {
  height: 100%;
  border-radius: var(--card-radius-big);
}

.separator_e825f6 {
  display: none;
}

/* SERVER DISCOVERY -> SCHOOL HUB */
.scroller_a39aa3 {
  background-color: var(--chat-color);
}

.container_f11cbf {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
}

.sidebarContainer_e5b5f9 {
  background-color: transparent;
}

/*
 *
 *	SERVER GUIDE
 *
 */
.header_d32e26 {
  margin-top: -16px;
}

.headerArtWrapper_d32e26 {
  width: calc(100% + 32px);
  margin-right: -16px;
}

.headerIcon_d32e26 {
  background-color: var(--chat-color);
  border-radius: 50%;
  border-color: var(--chat-color);
}

.userCardInner_c69a7b {
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
}

.action_e3f878 {
  background-color: var(--card-color-filled) !important;
  border: none !important;
  padding: 16px;
  border-radius: var(--card-radius-big) !important;
  transition: var(--default-time) var(--default-animation) background-color;
  cursor: pointer;
}
.action_e3f878:hover {
  background-color: var(--card-color-hover) !important;
}

.row_b53f4f {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
  transition: var(--default-time) var(--default-animation) background-color;
}
.row_b53f4f:hover {
  background-color: var(--card-color-hover);
}

/*
 *
 *	SERVER SHOP
 *
 */
.content_cac32e {
  background-color: var(--chat-color);
}
.content_cac32e .contentContainer_cac32e {
  width: 100%;
}

.container_e1e1a4,
.filters_ff1414 {
  max-width: unset;
}

.container_e1e1a4 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}
.container_e1e1a4 .infoContainer_e1e1a4 {
  padding: 0 16px 16px;
}
.container_e1e1a4 .coverImage_e1e1a4 {
  border-radius: var(--card-radius-big);
}

.filters_ff1414 .lookFilled_dd4f85 .contents_dd4f85 {
  color: var(--accent-text-color--material-you);
}
.filters_ff1414 .lookFilled_dd4f85 .text-sm-medium_bc6ffc, .filters_ff1414 .lookFilled_dd4f85 .text-sm-medium__726be {
  color: inherit !important;
}

.header_ff1414 {
  font-size: 14px;
  text-transform: none;
}

.tab_ff1414 {
  border-radius: var(--card-radius-big);
}
.tab_ff1414.selected_ff1414 {
  background-color: hsl(var(--accent-hsl--material-you), 0.3);
  border-color: hsl(var(--accent-hsl--material-you));
  box-shadow: none;
}

.productCard_eb6c38 {
  background-color: var(--card-color-filled) !important;
  border: none !important;
  padding: 0;
  border-radius: var(--card-radius-big) !important;
  transition: var(--default-time) var(--default-animation) background-color;
}
.productCard_eb6c38:hover {
  background-color: var(--card-color-hover) !important;
}
.productCard_eb6c38 .productThumbnail_eb6c38 {
  border-radius: var(--card-radius-big);
}

.card_c5b7ad:hover .cardContent_c5b7ad {
  box-shadow: none;
  outline: none;
  transform: none;
}

/* SERVER SHOP -> PRODUCT MODAL */
.container_dc71f0 {
  width: calc(100% + 48px);
  margin: -24px -24px -16px;
  border-radius: var(--card-radius-big);
}

.body_b3373b {
  background-color: transparent;
}

/*
 *
 *	DISCORD SHOP
 *
 */
.shop_e77fa3 {
  background-color: var(--main-alt);
}

.shopScrollBackgroundPrimary__28f1d,
.pageWrapperBackgroundPrimary__36469 {
  background-color: var(--main-color);
}

.countDownWrapper_cd5584 {
  box-shadow: var(--shadow-3dp) !important;
}

.shyBanner__78fa4 {
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

.heroBanner_e16ab1,
.bannerBackground_ad3aa1,
.bannerCard_b27f26 {
  border-radius: var(--card-radius-big);
}

.heroBanner_e16ab1 {
  margin-top: 0;
}

.shopBanner_be5025 {
  border-radius: var(--card-radius-big);
  outline: none;
}

.itemTypeTitle_e77fa3 {
  font-size: 16px;
  text-transform: none;
  font-weight: 500;
}

.shopCard_c23530 {
  background: var(--card-color-filled) !important;
  border-radius: var(--card-radius-big);
  border: none;
  box-shadow: none !important;
  transition: var(--default-time) var(--default-animation) background;
}
.shopCard_c23530:hover {
  background: var(--card-color-active) !important;
  top: unset;
}
.shopCard_c23530 .text-lg-bold__43fc5 {
  font-weight: 400;
  font-size: 24px;
  color: var(--header-primary) !important;
}
.shopCard_c23530 .cardBackground_c23530 {
  background-color: transparent !important;
}
.shopCard_c23530 .description__8d6d2,
.shopCard_c23530 .priceTag__6412e {
  color: var(--text-normal) !important;
}
.shopCard_c23530 .premiumIcon__7552e path {
  fill: currentColor;
}
.shopCard_c23530 .lookFilled_dd4f85.colorBrand_dd4f85 {
  background: var(--button-background) !important;
}
.shopCard_c23530 .giftButtonInner_e70ca4,
.shopCard_c23530 .previewButtonInner_bfc6e5 {
  max-width: none;
  max-height: none;
}

.cardTextProfileEffect__27c03:before {
  background: linear-gradient(180deg, transparent, transparent, var(--card-color-filled)) !important;
}

.modalContent_c5828f {
  padding: 0 !important;
  border-radius: var(--popout-radius-big) !important;
}
.modalContent_c5828f::-webkit-scrollbar {
  --scrollbar-width: 0;
  --scrollbar-thin-width: 0;
}
.modalContent_c5828f .collectibleInfoContainer_c5828f {
  border-radius: var(--popout-radius-big);
}
.modalContent_c5828f .collectibleInfoContainer_c5828f .lookFilled_dd4f85 {
  background: var(--button-background) !important;
}
.modalContent_c5828f .collectibleInfoContainer_c5828f .lookFilled_dd4f85 .contents_dd4f85 svg {
  height: 24px;
}
.modalContent_c5828f .categoryBanner_c5828f {
  width: calc(100% + var(--popout-radius-big));
  left: calc(var(--popout-radius-big) * -1);
}

.chatPreview_c5828f {
  background-color: var(--popout-color) !important;
  box-shadow: var(--shadow-3dp);
}
.chatPreview_c5828f .wrapper_ec86aa {
  margin-top: 0;
  margin-left: 46px;
  border-radius: var(--message-radius);
}
.chatPreview_c5828f .wrapper_ec86aa:before, .chatPreview_c5828f .wrapper_ec86aa:after {
  display: none;
}
.chatPreview_c5828f .wrapper_ec86aa .avatar_ec86aa {
  margin-top: -2px;
  margin-left: -66px;
}
.chatPreview_c5828f .mockInput_c5828f {
  background-color: var(--input-color);
  border-radius: 20px;
}

/*
 *
 *  USER SETTINGS ADD GAME POPOUT
 *
 */
.addGamePopout_fd966d {
  background-color: var(--popout-color) !important;
  border-radius: var(--popout-radius-big) !important;
  box-shadow: var(--shadow-3dp) !important;
}
.addGamePopout_fd966d .lookLink_dd4f85 {
  margin-right: 8px;
}

/*
 *
 *  AUTOCOMPLETE
 *
 */
.autocomplete_f23da8 {
  background-color: var(--popout-color) !important;
  border-radius: var(--popout-radius-big) !important;
  box-shadow: var(--shadow-3dp) !important;
}
.autocomplete_f23da8 .categoryHeader_fe2299 {
  background-color: var(--emoji-category-header);
}
.autocomplete_f23da8 .autocompleteRow_f23da8 {
  padding: 0;
}
.autocomplete_f23da8 .autocompleteRow_f23da8 .base_f23da8 {
  padding: 8px 12px;
  border-radius: 0;
  transition: var(--default-time) var(--default-animation) background-color;
}
.autocomplete_f23da8 .autocompleteRow_f23da8 .base_f23da8.selected-3H3-RC {
  background-color: var(--menu-item-hover) !important;
}
.autocomplete_f23da8 .contentTitle_f23da8 {
  font-size: 14px;
  text-transform: none;
}
.autocomplete_f23da8 .divider_f23da8 {
  padding: 8px 0;
}
.autocomplete_f23da8 .divider_f23da8:after {
  background-color: var(--card-border-color);
}
.autocomplete_f23da8 .wrapper_efd8e6 {
  position: relative;
  background-color: var(--attachment-color);
}
.autocomplete_f23da8 .wrapper_efd8e6 .wrapper_ba23fe {
  width: 100%;
}
.autocomplete_f23da8 .wrapper_efd8e6 .wrapper_ba23fe .scrollerBase_eed6a8 {
  --scrollbar-width: 0;
}
.autocomplete_f23da8 .wrapper_efd8e6 .wrapper_ba23fe {
  width: 100%;
  background-color: transparent;
}
.autocomplete_f23da8 .wrapper_efd8e6 .wrapper_ba23fe .scrollerBase_eed6a8 {
  --scrollbar-width: 0;
}
.autocomplete_f23da8 .wrapper_efd8e6 .wrapper_ba23fe .listItems_dcade6 {
  left: 12px !important;
  right: 12px !important;
}
.autocomplete_f23da8 .listItems_dcade6 {
  left: 0 !important;
  right: 0 !important;
}

/* AUTOCOMPLETE -> ROLES POPOUT */
.container-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_b0286e .react-datepicker {
  padding-bottom: 8px;
  box-shadow: none !important;
}
.datePicker_b0286e .datePickerHint_b0286e {
  border-top-color: var(--separator-color);
}
.datePicker_b0286e .datePickerHint_b0286e .hint_b0286e {
  color: var(--text-normal);
}
.datePicker_b0286e .datePickerHint_b0286e .hintValue_b0286e {
  margin-left: 2px;
  padding: 0 6px;
  background-color: hsl(var(--accent-hsl--material-you));
  color: var(--accent-text-color--material-you);
  border-radius: 11px;
}

/*
 *
 *  CHANNEL INFO
 *
 */
.container_e88961 {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-3dp);
}
.container_e88961 .users_a5bc92 {
  background-color: var(--card-color-active);
}
.container_e88961 .total_a5bc92 {
  background-color: var(--card-color-filled);
}
.container_e88961 .total_a5bc92:after {
  border-right-color: var(--card-color-filled);
}

.headerDivider_e88961 {
  background-color: var(--popout-header-border);
}

/*
 *
 *  COLOR PICKER
 *
 */
.customColorPicker_bbc020 {
  background-color: var(--popout-color) !important;
  border-radius: var(--popout-radius-big) !important;
  box-shadow: var(--shadow-3dp) !important;
  border: none !important;
}

.suggestedColor__713b5 {
  border-radius: 16px;
}

.colorPickerRow_d31e23 {
  overflow: visible;
}

.colorPickerSwatch__343b4 {
  border-radius: 10px;
}
.colorPickerSwatch__343b4.custom__383ac, .colorPickerSwatch__343b4.default__428e2 {
  border-radius: var(--card-radius-big);
}

.swatch_c66781 {
  border-radius: var(--card-radius-big);
}

/*
 *
 *  CONNECTION INFO
 *
 */
.container__13b2a {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-3dp);
}
.container__13b2a .header-2C89wJ,
.container__13b2a section {
  background-color: transparent !important;
}
.container__13b2a .header-2C89wJ {
  border-bottom: 1px solid var(--popout-header-border);
  text-transform: none;
  justify-content: left;
}

/*
 *
 *  CONTEXT MENU
 *
 */
.menu_d90b3d {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  box-shadow: var(--shadow-3dp);
  animation: opacity 100ms ease, open-context-menu 300ms var(--default-animation);
  transform-origin: top;
}
.menu_d90b3d .scrollerBase_eed6a8 {
  padding: 8px 0;
}
.menu_d90b3d .scrollerBase_eed6a8::-webkit-scrollbar {
  --scrollbar-thin-width: 0;
}
.menu_d90b3d .groupLabel_d90b3d {
  font-size: 14px;
  text-transform: none;
}
.menu_d90b3d .item_d90b3d {
  min-height: 32px;
  margin: 0;
  padding: 9px 12px;
  line-height: 18px;
  border-radius: 0;
  color: var(--menu-item-text-color) !important;
  transition: var(--default-time) var(--default-animation) background-color;
  flex-direction: row-reverse;
}
.menu_d90b3d .item_d90b3d.focused_d90b3d {
  background-color: var(--menu-item-hover);
}
.menu_d90b3d .item_d90b3d.focused_d90b3d .caret_d90b3d {
  color: var(--menu-item-text-color);
}
.menu_d90b3d .item_d90b3d.colorPremiumGradient_d90b3d {
  transition: var(--default-time) var(--default-animation) background;
}
.menu_d90b3d .item_d90b3d.colorPremiumGradient_d90b3d.focused_d90b3d {
  background: var(--menu-item-hover);
}
.menu_d90b3d .item_d90b3d:active:not(.hideInteraction_d90b3d) {
  background-color: var(--menu-item-select);
}
.menu_d90b3d .item_d90b3d.hideInteraction_d90b3d .labelContainer_d90b3d {
  padding: 0 0 8px;
}
.menu_d90b3d .item_d90b3d.hideInteraction_d90b3d .sliderContainer_e13f88 {
  margin-bottom: -6px;
  padding: 0;
}
.menu_d90b3d .item_d90b3d .labelContainer_d90b3d {
  min-height: unset;
  padding: 0;
}
.menu_d90b3d .item_d90b3d .iconContainer_d90b3d,
.menu_d90b3d .item_d90b3d .imageContainer_d90b3d {
  margin-left: 0;
  margin-right: 12px;
}
.menu_d90b3d .item_d90b3d .iconContainerLeft_d90b3d {
  margin-left: 12px;
  margin-right: 0;
}
.menu_d90b3d .submenuPaddingContainer_d90b3d {
  margin-left: -4px;
  margin-right: -4px;
  animation: opacity 100ms ease, open-context-menu 300ms var(--default-animation);
  transform-origin: top;
}
.menu_d90b3d .separator_d90b3d {
  width: 100%;
  margin: 8px 0;
  border-color: var(--separator-color);
}

body:active .menu_d90b3d:not(:active) {
  opacity: 0;
  transition: 150ms ease all;
}

/* CONTEXT MENU -> SERVER OPTIONS */
#guild-header-popout.menu_d90b3d {
  animation: top-pop-out 400ms var(--default-animation);
  overflow: hidden;
}

/*
 *
 *  CREATE GROUP DM
 *
 */
.searchBar_e6af9c {
  margin-top: 16px;
}
.searchBar_e6af9c .input_effbe2 {
  height: var(--input-height) !important;
}

.searchBarComponent_e6af9c {
  background-color: var(--input-color);
  border-radius: 19px !important;
  border: none;
}
.searchBarComponent_e6af9c .inner_effbe2 {
  min-height: var(--input-height);
}
.tag_effbe2 {
  height: 28px;
  margin: 4px 4px 0 6px;
  border-radius: 14px;
  background-color: transparent;
  border: 1px solid var(--text-muted);
  color: var(--text-normal);
}
.tag_effbe2 + .input_effbe2 {
  margin-left: 6px;
}

.friendWrapper_ebf869 {
  margin: 0;
}

.friend_ebf869 {
  padding: 6px 18px 6px 24px;
  border-radius: 0;
}
.friend_ebf869.friendSelected_ebf869 {
  background-color: var(--menu-item-hover) !important;
}

.footer_e6af9c {
  padding: 16px 24px 24px;
}

.footerSeparator_e6af9c {
  display: none;
}

/*
 *
 *	EMOJI PICKER
 *
 */
.contentWrapper_af5dbb, .contentWrapper_eab878 {
  animation: bottom-pop-out 400ms var(--default-animation);
}

.isBurstReactionPicker_b9ca03 {
  border-radius: var(--popout-radius-big) !important;
}

.contentWrapper_af5dbb, .contentWrapper_eab878,
.emojiPicker_c6ee36 {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-3dp);
}

.wrapper_c6ee36 {
  border-radius: var(--popout-radius-big);
}
.wrapper_c6ee36.isBurstReactionUnlimited_ef651a {
  border-radius: var(--popout-radius-big);
  box-shadow: 0 0 0 2px hsl(var(--accent-hsl--material-you));
}
.wrapper_c6ee36.isBurstReactionUnlimited_ef651a:before {
  border-radius: inherit;
  box-shadow: 0 0 100px hsl(var(--accent-hsl--material-you));
}

/* EMOJI PICKER -> HEADER */
.navButtonSuperReactActive__01546 {
  background: var(--menu-item-select);
}

.header_c6ee36,
.header_d8cdac,
.header_b56bbc {
  padding: 16px;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big) var(--popout-radius-big) 0 0;
  border-bottom: 1px solid var(--card-border-color);
  box-shadow: none !important;
}

.header_c6ee36 + .emojiPicker_c6ee36 {
  border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big);
}

.nav_af5dbb + .wrapper_c6ee36 .header_c6ee36, .nav__2aafa + .wrapper_c6ee36 .header_c6ee36 {
  padding-top: 0;
}
.nav_af5dbb + .wrapper_d8cdac .header_d8cdac, .nav__2aafa + .wrapper_d8cdac .header_d8cdac {
  padding-top: 0;
}
.nav_af5dbb + .container_b56bbc .header_b56bbc, .nav__2aafa + .container_b56bbc .header_b56bbc {
  padding-top: 0;
}

.diversitySelectorOptions_cce80d {
  background-color: var(--popout-color);
  border-radius: 16px;
  border: none;
  box-shadow: var(--shadow-3dp);
  overflow: hidden;
}
.diversitySelectorOptions_cce80d .diversityEmojiItem_cce80d {
  border-radius: 0;
  transition: var(--default-time) var(--default-animation) background-color;
}
.diversitySelectorOptions_cce80d .diversityEmojiItem_cce80d:hover {
  background-color: var(--menu-item-hover);
}

.positionContainer_af5dbb:not(.positionContainerOnlyEmoji_af5dbb) .drawerSizingWrapper_af5dbb .contentWrapper_af5dbb {
  --nav-container-padding: 4px;
  --nav-button-height: 24px;
  --nav-button-radius: 12px;
  grid-template-rows: calc(var(--nav-button-height) + var(--nav-container-padding) * 2) auto;
  grid-row-gap: 16px;
}

.drawerSizingWrapper_af5dbb .navList_af5dbb, .drawerSizingWrapper_af5dbb .navList__8438b {
  position: relative;
  width: 100%;
  padding: var(--nav-container-padding);
  background-color: var(--popout-color-alt);
  border-radius: calc(var(--nav-button-radius) + var(--nav-container-padding));
  z-index: 0;
  box-sizing: border-box;
}
.drawerSizingWrapper_af5dbb .navList_af5dbb:after, .drawerSizingWrapper_af5dbb .navList__8438b:after {
  position: absolute;
  content: " ";
  width: calc(33.3333% - var(--nav-container-padding) / 2);
  height: var(--nav-button-height);
  top: 0;
  bottom: 0;
  margin: auto 0;
  background: var(--menu-item-select);
  border-radius: var(--nav-button-radius);
  z-index: -1;
  transition: var(--default-time) var(--default-animation) transform;
}
.drawerSizingWrapper_af5dbb .navList_af5dbb:has([id=sticker-picker-tab].navButtonActive_af5dbb, [id=sticker-picker-tab].navButtonActive_b003de):after, .drawerSizingWrapper_af5dbb .navList__8438b:has([id=sticker-picker-tab].navButtonActive_af5dbb, [id=sticker-picker-tab].navButtonActive_b003de):after {
  transform: translateX(100%);
}
.drawerSizingWrapper_af5dbb .navList_af5dbb:has([id=emoji-picker-tab].navButtonActive_af5dbb, [id=emoji-picker-tab].navButtonActive_b003de):after, .drawerSizingWrapper_af5dbb .navList__8438b:has([id=emoji-picker-tab].navButtonActive_af5dbb, [id=emoji-picker-tab].navButtonActive_b003de):after {
  transform: translateX(calc(200% - var(--nav-container-padding) / 2));
}
.drawerSizingWrapper_af5dbb .navList_af5dbb .navItem_af5dbb, .drawerSizingWrapper_af5dbb .navList__8438b .navItem_af5dbb {
  flex-grow: 1;
  flex-basis: 0;
  margin: 0;
  padding: 0;
  line-height: var(--nav-button-height);
  background-color: transparent !important;
  color: var(--text-muted);
}
.drawerSizingWrapper_af5dbb .navList_af5dbb .navItem_af5dbb:hover, .drawerSizingWrapper_af5dbb .navList__8438b .navItem_af5dbb:hover, .drawerSizingWrapper_af5dbb .navList_af5dbb .navItem_af5dbb.navButtonActive_af5dbb, .drawerSizingWrapper_af5dbb .navList__8438b .navItem_af5dbb.navButtonActive_af5dbb, .drawerSizingWrapper_af5dbb .navList_af5dbb .navItem_af5dbb.navButtonActive_b003de, .drawerSizingWrapper_af5dbb .navList__8438b .navItem_af5dbb.navButtonActive_b003de {
  color: var(--text-normal);
}

body:active .drawerSizingWrapper_af5dbb:not(:active) {
  opacity: 0;
  transition: 150ms ease all;
}

.navButtonActive_af5dbb, .navButtonActive_b003de {
  background: none;
}

#gif-picker-tab-panel,
#sticker-picker-tab-panel,
#emoji-picker-tab-panel {
  animation: picker-panel calc(var(--default-time) * 2) var(--default-animation);
}

@keyframes picker-panel {
  from {
    opacity: 0;
  }
}
/* EMOJI PICKER -> HEADER -> SEARCH BAR */
.container_effbe2 {
  background-color: var(--input-color);
  border-radius: 16px;
}
.container_effbe2 .inner_effbe2 {
  padding: 0;
}
.container_effbe2 .input_effbe2 {
  height: 32px;
  margin: 0;
  padding: 0 12px;
}

/* EMOJI PICKER -> EMOJIS */
.wrapper_c43059 {
  background-color: var(--popout-color);
}
.wrapper_c43059 .banner_c43059 {
  border-radius: var(--card-radius-big);
}

.wrapper_e06857 {
  background-color: var(--emoji-category-header);
}
.wrapper_e06857 .headerLabel_e06857 {
  font-size: 14px;
  text-transform: none;
}

.emojiItem_fbfedd {
  border-radius: 8px;
  transition: var(--default-time) var(--default-animation) background-color;
}
.emojiItem_fbfedd.emojiItemSelected_fbfedd {
  background-color: var(--menu-item-select);
}
.emojiItem_fbfedd.emojiItemDisabled__843ea {
  filter: none;
}
.emojiItem_fbfedd.emojiItemDisabled__843ea .image_b000dd {
  filter: brightness(60%) grayscale(100%);
}

.newlyAddedHighlight_fbfedd {
  border-radius: 8px 8px 8px 0;
  border-color: hsl(var(--accent-hsl--material-you)) !important;
  overflow: hidden;
}
.newlyAddedHighlight_fbfedd.oneItem_fbfedd {
  border-radius: 8px 8px 0 0;
}
.newlyAddedHighlight_fbfedd .emojiItem_fbfedd {
  border-radius: 0;
}

.newlyAddedBadge_fbfedd {
  background-color: hsl(var(--accent-hsl--material-you)) !important;
  border-radius: 0 0 8px 8px;
  color: var(--accent-text-color--material-you);
}
.newlyAddedBadge_fbfedd .newlyAddedBadgeStar_fbfedd {
  color: inherit;
}
.newlyAddedBadge_fbfedd div {
  color: inherit !important;
  text-transform: capitalize;
}

.upsell_b6ac1a {
  height: auto;
  margin-bottom: 2px;
  background-color: var(--card-color-outlined);
  border: 1px solid var(--card-border-color);
  padding: 8px;
  border-radius: var(--card-radius-big);
}

.inspector_c3120f {
  background-color: var(--popout-color);
  border-top: 1px solid var(--card-border-color);
}
.inspector_c3120f .guildIcon_bfabc4 {
  border-radius: 50%;
}

.badgeLabel_c3120f {
  border-radius: 13px;
  text-transform: none;
}
.badgeLabel_c3120f.newlyAddedBadge_c3120f {
  background: hsl(var(--accent-hsl--material-you));
  color: var(--accent-text-color--material-you);
}
.badgeLabel_c3120f.newlyAddedBadge_c3120f .newlyAddedBadgeIcon_c3120f {
  color: inherit;
}
.badgeLabel_c3120f.newlyAddedBadge_c3120f div {
  color: inherit !important;
}

/* EMOJI PICKER -> CATEGORIES */
.categoryList_c6ee36 {
  top: 64px;
  border-radius: 0 0 0 var(--popout-radius-big);
}
.categoryList_c6ee36 .scroller_dcade6::-webkit-scrollbar {
  width: 0px !important;
}
.categoryList_c6ee36 .unicodeShortcut_dfa278 {
  height: 47px;
  background-color: var(--popout-color);
  border-top: 1px solid var(--card-border-color);
}

.emojiPickerHasTabWrapper_c6ee36 .wrapper_ba23fe {
  top: 50px;
}

.container-3a5mk- .wrapper_ba23fe {
  top: 66px;
}

.wrapper_ba23fe {
  background-color: var(--attachment-color);
}
.wrapper_ba23fe .categoryItem_dfa278,
.wrapper_ba23fe .stickerCategory_a7a485 {
  border-radius: 50%;
}
.wrapper_ba23fe .categoryItem_dfa278:hover,
.wrapper_ba23fe .stickerCategory_a7a485:hover {
  background-color: var(--menu-item-hover);
}
.wrapper_ba23fe .categoryItem_dfa278.categoryItemRecentEmoji_dfa278 path, .wrapper_ba23fe .categoryItem_dfa278.stickerCategoryGeneric_a7a485 path,
.wrapper_ba23fe .stickerCategory_a7a485.categoryItemRecentEmoji_dfa278 path,
.wrapper_ba23fe .stickerCategory_a7a485.stickerCategoryGeneric_a7a485 path {
  d: path("M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z");
}

.nav_af5dbb + .wrapper_c6ee36 .wrapper_ba23fe, .nav__2aafa + .wrapper_c6ee36 .wrapper_ba23fe {
  margin-top: -1px;
}
.nav_af5dbb + .wrapper_d8cdac .wrapper_ba23fe, .nav__2aafa + .wrapper_d8cdac .wrapper_ba23fe {
  margin-top: -1px;
}

.emojiPicker_c6ee36 + .categoryList_c6ee36 .scroller_dcade6::-webkit-scrollbar {
  width: 0px !important;
}

.input_effbe2::-webkit-input-placeholder {
  font-family: var(--app-font);
}

/* EMOJI PICKER -> GIFS */
.container_b56bbc {
  background-color: transparent !important;
}

.searchBar_b56bbc {
  padding: 0 6px 0 0 !important;
  --input-height: 32px;
}
.searchBar_b56bbc .input__48d49 {
  padding: 0 12px !important;
}

.result_bad108 {
  border-radius: var(--media-radius);
}
.result_bad108:after,
.result_bad108 .gif_bad108,
.result_bad108 .categoryFade_af1167,
.result_bad108 .categoryFadeBlurple_af1167 {
  border-radius: inherit;
}
.result_bad108 .categoryFadeBlurple_af1167 {
  background-color: hsl(var(--accent-hsl), 0.8) !important;
}
.result_bad108:hover {
  box-shadow: var(--shadow-2dp) !important;
}
.result_bad108:hover:after {
  box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl--material-you)), inset 0 0 1px 3px #2f3136 !important;
}

.emptyHints_bad108 {
  margin: 0;
  gap: 16px;
}

.emptyHintCard_bad108 {
  margin: 0;
  background-color: var(--card-color-filled) !important;
  border: none !important;
  padding: 24px;
  border-radius: var(--card-radius-big) !important;
}

/* EMOJI PICKER -> STICKERS */
.categoryList_a7a485 .scroller_dcade6::-webkit-scrollbar {
  width: 0px !important;
}

.row_a708c4 {
  column-gap: 6px !important;
}

.createSticker_a708c4 {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
  transition: var(--default-time) var(--default-animation) background-color;
}
.createSticker_a708c4.createInspected_a708c4 {
  background-color: var(--card-color-active);
}

.iconWrapper_a708c4, .iconWrapper_a66fbc {
  background-image: none;
  background-color: hsl(var(--accent-hsl--material-you));
  color: var(--accent-text-color--material-you);
}

.stickerInspected_a708c4 .inspectedIndicator_a708c4 {
  background-color: var(--card-color-active);
}

/* EMOJI PICKER -> BURST REACTIONS */
.picker-Jz0w5j {
  padding: 4px;
  border-radius: var(--popout-radius-big);
}
.picker-Jz0w5j .header-2jK3d7 {
  height: unset;
  padding: 8px 16px;
  background-color: var(--popout-color);
  border-top-left-radius: calc(var(--popout-radius-big) / 1.25);
  border-top-right-radius: calc(var(--popout-radius-big) / 1.25);
  border-bottom: 1px solid var(--card-border-color);
}
.picker-Jz0w5j .header-2jK3d7 .divider-1F5TiM {
  display: none;
}
.picker-Jz0w5j .badge-zjd8-t {
  background-color: hsl(var(--accent-hsl--material-you)) !important;
  color: var(--accent-text-color--material-you);
}
.picker-Jz0w5j .emojiPicker_c6ee36 {
  border-radius: 0 0 calc(var(--popout-radius-big) / 1.25) calc(var(--popout-radius-big) / 1.25);
  box-shadow: none;
}

/* EMOJI PICKER -> SUPER REACT */
.label_d1ac9b {
  background-color: var(--card-color-filled);
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color;
}
.label_d1ac9b.labelChecked_d1ac9b {
  background-color: hsl(var(--accent-hsl--material-you));
  color: var(--accent-text-color--material-you);
}
.label_d1ac9b svg path {
  fill: currentColor;
}

.wrapper_c43059 {
  border-radius: var(--popout-radius-big);
  overflow: hidden;
}
.wrapper_c43059 .closeButton_c43059 {
  display: flex;
  width: 28px;
  height: 28px;
  background-color: var(--card-button-color-hover);
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}
.wrapper_c43059 .closeButton_c43059 svg {
  width: 18px;
  height: 18px;
}

.content_c43059 {
  height: 100%;
  padding: 24px calc(24px - var(--scrollbar-width)) 24px 24px;
  overflow-y: scroll;
  gap: 16px;
}
.content_c43059 .contentFill_c43059 {
  margin: 0;
  border-radius: var(--card-radius-big);
}
.content_c43059 .contentContainer_aac415 {
  padding: 0;
}
.content_c43059 .contentContainer_aac415 .heading-xl-bold__21f22 {
  font-weight: 400;
}
.content_c43059 .gradientUpsellWrapper_aac415 {
  border-radius: var(--card-radius-big);
}

/*
 *
 *  EMOJI PICKER ICONS
 *
 */
.categoryList_c6ee36 .unicodeShortcut_dfa278 path {
  d: path("M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z");
}
.categoryList_c6ee36 .categoryItem_dfa278 {
  /* EMOJI PICKER ICONS -> PEOPLE */
  /* EMOJI PICKER ICONS -> NATURE */
  /* EMOJI PICKER ICONS -> FOOD */
  /* EMOJI PICKER ICONS -> ACTIVITIES */
  /* EMOJI PICKER ICONS -> TRAVEL */
  /* EMOJI PICKER ICONS -> OBJECTS */
  /* EMOJI PICKER ICONS -> SYMBOLS */
  /* EMOJI PICKER ICONS -> FLAGS */
}
.categoryList_c6ee36 .categoryItem_dfa278 path[d="M12 2C6.477 2 2 6.477 2 12C2 17.522 6.477 22 12 22C17.523 22 22 17.522 22 12C22 6.477 17.522 2 12 2ZM16.293 6.293L17.707 7.706L16.414 9L17.707 10.293L16.293 11.706L13.586 9L16.293 6.293ZM6.293 7.707L7.707 6.294L10.414 9L7.707 11.707L6.293 10.294L7.586 9L6.293 7.707ZM12 19C9.609 19 7.412 17.868 6 16.043L7.559 14.486C8.555 15.92 10.196 16.831 12 16.831C13.809 16.831 15.447 15.92 16.443 14.481L18 16.04C16.59 17.867 14.396 19 12 19Z"] {
  d: path("M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z");
}
.categoryList_c6ee36 .categoryItem_dfa278 path[d="M6.814 8.982C4.539 11.674 4.656 15.591 6.931 18.153L4.034 21.579L5.561 22.87L8.463 19.437C9.569 20.127 10.846 20.513 12.161 20.513C14.231 20.513 16.183 19.607 17.516 18.027C20.069 15.01 20.771 6.945 21 3C17.765 3.876 9.032 6.356 6.814 8.982V8.982ZM8.935 17.331C6.826 15.548 6.56 12.382 8.342 10.272C9.592 8.793 14.904 6.845 18.764 5.698L8.935 17.331V17.331Z"] {
  d: path("M8.66 13.07c.15 0 .29-.01.43-.03C9.56 14.19 10.69 15 12 15s2.44-.81 2.91-1.96c.14.02.29.03.43.03 1.73 0 3.14-1.41 3.14-3.14 0-.71-.25-1.39-.67-1.93.43-.54.67-1.22.67-1.93 0-1.73-1.41-3.14-3.14-3.14-.15 0-.29.01-.43.03C14.44 1.81 13.31 1 12 1s-2.44.81-2.91 1.96c-.14-.02-.29-.03-.43-.03-1.73 0-3.14 1.41-3.14 3.14 0 .71.25 1.39.67 1.93-.43.54-.68 1.22-.68 1.93 0 1.73 1.41 3.14 3.15 3.14zM12 13c-.62 0-1.12-.49-1.14-1.1l.12-1.09c.32.12.66.19 1.02.19s.71-.07 1.03-.19l.11 1.09c-.02.61-.52 1.1-1.14 1.1zm3.34-1.93c-.24 0-.46-.07-.64-.2l-.81-.57c.55-.45.94-1.09 1.06-1.83l.88.42c.4.19.66.59.66 1.03 0 .64-.52 1.15-1.15 1.15zm-.65-5.94c.2-.13.42-.2.65-.2.63 0 1.14.51 1.14 1.14 0 .44-.25.83-.66 1.03l-.88.42c-.12-.74-.51-1.38-1.07-1.83l.82-.56zM12 3c.62 0 1.12.49 1.14 1.1l-.11 1.09C12.71 5.07 12.36 5 12 5s-.7.07-1.02.19l-.12-1.09c.02-.61.52-1.1 1.14-1.1zM8.66 4.93c.24 0 .46.07.64.2l.81.56c-.55.45-.94 1.09-1.06 1.83l-.88-.42c-.4-.2-.66-.59-.66-1.03 0-.63.52-1.14 1.15-1.14zM8.17 8.9l.88-.42c.12.74.51 1.38 1.07 1.83l-.81.55c-.2.13-.42.2-.65.2-.63 0-1.14-.51-1.14-1.14-.01-.43.25-.82.65-1.02zM12 22c4.97 0 9-4.03 9-9-4.97 0-9 4.03-9 9zm2.44-2.44c.71-1.9 2.22-3.42 4.12-4.12-.71 1.9-2.22 3.41-4.12 4.12zM3 13c0 4.97 4.03 9 9 9 0-4.97-4.03-9-9-9zm2.44 2.44c1.9.71 3.42 2.22 4.12 4.12-1.9-.71-3.41-2.22-4.12-4.12z");
}
.categoryList_c6ee36 .categoryItem_dfa278 path[d="M11 18H13V22H11V18Z"] {
  d: path("M12 6c1.11 0 2-.9 2-2 0-.38-.1-.73-.29-1.03L12 0l-1.71 2.97c-.19.3-.29.65-.29 1.03 0 1.1.9 2 2 2zm6 3h-5V7h-2v2H6c-1.66 0-3 1.34-3 3v9c0 .55.45 1 1 1h16c.55 0 1-.45 1-1v-9c0-1.66-1.34-3-3-3zm1 11H5v-3c.9-.01 1.76-.37 2.4-1.01l1.09-1.07 1.07 1.07c1.31 1.31 3.59 1.3 4.89 0l1.08-1.07 1.07 1.07c.64.64 1.5 1 2.4 1.01v3zm0-4.5c-.51-.01-.99-.2-1.35-.57l-2.13-2.13-2.14 2.13c-.74.74-2.03.74-2.77 0L8.48 12.8l-2.14 2.13c-.35.36-.83.56-1.34.57V12c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v3.5z");
}
.categoryList_c6ee36 .categoryItem_dfa278 path[d="M11 18H13V22H11V18Z"] ~ path {
  display: none;
}
.categoryList_c6ee36 .categoryItem_dfa278 path[d="M5.66487 5H18.3351C19.9078 5 21.2136 6.21463 21.3272 7.78329L21.9931 16.9774C22.0684 18.0165 21.287 18.9198 20.248 18.9951C20.2026 18.9984 20.1572 19 20.1117 19C18.919 19 17.8785 18.1904 17.5855 17.0342L17.0698 15H6.93015L6.41449 17.0342C6.12142 18.1904 5.08094 19 3.88826 19C2.84645 19 2.00189 18.1554 2.00189 17.1136C2.00189 17.0682 2.00354 17.0227 2.00682 16.9774L2.67271 7.78329C2.78632 6.21463 4.0921 5 5.66487 5ZM14.5 10C15.3284 10 16 9.32843 16 8.5C16 7.67157 15.3284 7 14.5 7C13.6716 7 13 7.67157 13 8.5C13 9.32843 13.6716 10 14.5 10ZM18.5 13C19.3284 13 20 12.3284 20 11.5C20 10.6716 19.3284 10 18.5 10C17.6716 10 17 10.6716 17 11.5C17 12.3284 17.6716 13 18.5 13ZM6.00001 9H4.00001V11H6.00001V13H8.00001V11H10V9H8.00001V7H6.00001V9Z"] {
  d: path("M21 6H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-10 7H8v3H6v-3H3v-2h3V8h2v3h3v2zm4.5 2c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm4-3c-.83 0-1.5-.67-1.5-1.5S18.67 9 19.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z");
}
.categoryList_c6ee36 .categoryItem_dfa278 path[d="M22 17H19.725C19.892 16.529 20 16.029 20 15.5C20 13.015 17.985 11 15.5 11H13.5L12.276 8.553C12.107 8.214 11.761 8 11.382 8H7C6.448 8 6 8.447 6 9V11.051C3.753 11.302 2 13.186 2 15.5C2 17.986 4.015 20 6.5 20H15.5C16.563 20 17.527 19.616 18.297 19H22V17ZM6.5 16.75C5.81 16.75 5.25 16.19 5.25 15.5C5.25 14.81 5.81 14.25 6.5 14.25C7.19 14.25 7.75 14.81 7.75 15.5C7.75 16.19 7.19 16.75 6.5 16.75ZM11.5 16.75C10.81 16.75 10.25 16.19 10.25 15.5C10.25 14.81 10.81 14.25 11.5 14.25C12.19 14.25 12.75 14.81 12.75 15.5C12.75 16.19 12.19 16.75 11.5 16.75ZM16.5 16.75C15.81 16.75 15.25 16.19 15.25 15.5C15.25 14.81 15.81 14.25 16.5 14.25C17.19 14.25 17.75 14.81 17.75 15.5C17.75 16.19 17.19 16.75 16.5 16.75Z"] {
  d: path("M12 4H5C3.34 4 2 5.34 2 7v8c0 1.66 1.34 3 3 3l-1 1v1h1l2-2h2v-5H4V6h9v2h2V7c0-1.66-1.34-3-3-3zM5 14c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm15.57-4.34c-.14-.4-.52-.66-.97-.66h-7.19c-.46 0-.83.26-.98.66l-1.42 4.11v5.51c0 .38.31.72.69.72h.62c.38 0 .68-.38.68-.76V18h8v1.24c0 .38.31.76.69.76h.61c.38 0 .69-.34.69-.72l.01-1.37v-4.14l-1.43-4.11zm-8.16.34h7.19l1.03 3h-9.25l1.03-3zM12 16c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm8 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z");
}
.categoryList_c6ee36 .categoryItem_dfa278 path[d="M18 5.999H17V4.999C17 4.448 16.553 3.999 16 3.999H4C3.447 3.999 3 4.448 3 4.999V12.999C3 14.488 3.47 15.865 4.265 16.999H15.722C16.335 16.122 16.761 15.105 16.92 13.999H18C20.205 13.999 22 12.205 22 9.999C22 7.794 20.205 5.999 18 5.999V5.999ZM18 12H17V8H18C19.104 8 20 8.897 20 10C20 11.102 19.104 12 18 12Z"] {
  d: path("M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5v6z");
}
.categoryList_c6ee36 .categoryItem_dfa278 path[d="M18 5.999H17V4.999C17 4.448 16.553 3.999 16 3.999H4C3.447 3.999 3 4.448 3 4.999V12.999C3 14.488 3.47 15.865 4.265 16.999H15.722C16.335 16.122 16.761 15.105 16.92 13.999H18C20.205 13.999 22 12.205 22 9.999C22 7.794 20.205 5.999 18 5.999V5.999ZM18 12H17V8H18C19.104 8 20 8.897 20 10C20 11.102 19.104 12 18 12Z"] ~ path {
  display: none;
}
.categoryList_c6ee36 .categoryItem_dfa278 path[d="M16 4.001C14.406 4.001 12.93 4.838 12 6.081C11.07 4.838 9.594 4.001 8 4.001C5.243 4.001 3 6.244 3 9.001C3 14.492 11.124 19.633 11.471 19.849C11.633 19.95 11.817 20.001 12 20.001C12.183 20.001 12.367 19.95 12.529 19.849C12.876 19.633 21 14.492 21 9.001C21 6.244 18.757 4.001 16 4.001V4.001Z"] {
  d: path("M12.1,18.55L12,18.65L11.89,18.55C7.14,14.24 4,11.39 4,8.5C4,6.5 5.5,5 7.5,5C9.04,5 10.54,6 11.07,7.36H12.93C13.46,6 14.96,5 16.5,5C18.5,5 20,6.5 20,8.5C20,11.39 16.86,14.24 12.1,18.55M16.5,3C14.76,3 13.09,3.81 12,5.08C10.91,3.81 9.24,3 7.5,3C4.42,3 2,5.41 2,8.5C2,12.27 5.4,15.36 10.55,20.03L12,21.35L13.45,20.03C18.6,15.36 22,12.27 22,8.5C22,5.41 19.58,3 16.5,3Z");
}
.categoryList_c6ee36 .categoryItem_dfa278 path[d="M20 6.002H14V3.002C14 2.45 13.553 2.002 13 2.002H4C3.447 2.002 3 2.45 3 3.002V22.002H5V14.002H10.586L8.293 16.295C8.007 16.581 7.922 17.011 8.076 17.385C8.23 17.759 8.596 18.002 9 18.002H20C20.553 18.002 21 17.554 21 17.002V7.002C21 6.45 20.553 6.002 20 6.002Z"] {
  d: path("M14 6l-1-2H5v17h2v-7h5l1 2h7V6h-6zm4 8h-4l-1-2H7V6h5l1 2h5v6z");
}

/*
 *
 *  GUILD POPOUT
 *
 */
.guildPopout-G6M0fK {
  background-color: var(--popout-color) !important;
  border-radius: var(--popout-radius-big) !important;
  box-shadow: var(--shadow-3dp) !important;
}
.guildPopout-G6M0fK .iconWithSplash-1V9gXL foreignObject {
  mask: none !important;
}
.guildPopout-G6M0fK .iconMask-1lJhcS {
  background-color: var(--popout-color);
}
.guildPopout-G6M0fK .iconMask-1lJhcS,
.guildPopout-G6M0fK .avatar-2slV0S {
  border-radius: var(--avatar-radius);
}

.footer-3YL3ds {
  background-color: transparent;
  border-top: 1px solid var(--popout-header-border);
}
.footer-3YL3ds .emojiHeader-19AA-h {
  font-size: 14px;
  text-transform: none;
}
.footer-3YL3ds .emojiCounter-tx3ftR {
  background-color: var(--popout-color-alt);
}

.container_a9480d {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-3dp);
}

/*
 *
 *  INCOMING CALL
 *
 */
.root_cbf230 {
  background-color: var(--popout-color) !important;
  border-radius: var(--popout-radius-big) !important;
  box-shadow: var(--shadow-3dp) !important;
}
.root_cbf230 .colorable_ef18ee {
  border-radius: 50% !important;
}
.root_cbf230 .colorable_ef18ee.red_ef18ee {
  --button-background: hsl(var(--alert-hsl));
  --button-text-color: var(--alert-text-color);
}
.root_cbf230 .colorable_ef18ee.green_ef18ee {
  --button-background: hsl(var(--button-link-accent-color),0.15);
  --button-text-color: var(--button-link-accent-text-color);
}
.root_cbf230 .colorable_ef18ee.green_ef18ee .centerIcon_ef18ee path {
  d: path("M20 15.45c-1.25 0-2.45-.2-3.57-.57-.1-.03-.21-.05-.31-.05-.26 0-.51.1-.71.29l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1C8.7 6.4 8.5 5.2 8.5 3.95c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1zM5.03 4.95h1.5c.07.88.22 1.75.45 2.58l-1.2 1.21c-.4-1.21-.66-2.47-.75-3.79zM19 18.92c-1.32-.09-2.6-.35-3.8-.76l1.2-1.2c.85.24 1.72.39 2.6.45v1.51zM18 5.95v-3h-2v3h-3v2h3v3h2v-3h3v-2z");
}

/*
 *
 *  LIST POPOUT
 *
 */
.container_ac201b {
  padding: 0;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  border: none;
  box-shadow: var(--shadow-3dp);
  animation: top-pop-out 400ms var(--default-animation);
}
.container_ac201b .container__33507 {
  margin: 12px 8px;
}
.container_ac201b .list_eef3ef {
  margin-top: 0;
  border-top: 1px solid var(--card-border-color);
}
.container_ac201b .list_eef3ef .content-2a4AW9 {
  height: auto !important;
}
.container_ac201b .list_eef3ef .item_eef3ef {
  margin-bottom: 0;
  border-radius: 0;
  color: var(--menu-item-text-color);
  transition: var(--default-time) var(--default-animation) background-color;
}
.container_ac201b .list_eef3ef .item_eef3ef:hover {
  background-color: var(--menu-item-hover);
}
.container_ac201b .list_eef3ef .item_eef3ef.selected-22ukbQ, .container_ac201b .list_eef3ef .item_eef3ef.selectedBrand_eef3ef {
  background-color: var(--menu-item-select);
}

body:active .container_ac201b:not(:active) {
  opacity: 0;
  transition: 150ms ease all;
}

/*
 *
 *  LISTENING ALONG CHANNEL POPOUT
 *
 */
.container__56cd1 {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-3dp);
}
.container__56cd1 .headerText_d5089b {
  font-size: 14px;
  text-transform: none;
  font-weight: 500;
}
.container__56cd1 .container_c23582 {
  background-color: var(--card-button-color);
}
.container__56cd1 .assetsLargeImage_f866f2 {
  border-radius: 50%;
}

/*
 *
 *	MESSAGES POPOUT
 *
 */
.messagesPopoutWrap_ac90a2,
.recentMentionsPopout_ddb5b4 {
  max-height: 80vh !important;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-3dp);
  animation: top-pop-out 400ms var(--default-animation);
}
.messagesPopoutWrap_ac90a2 .wrapper_ec86aa.cozy_ec86aa,
.recentMentionsPopout_ddb5b4 .wrapper_ec86aa.cozy_ec86aa {
  overflow: visible;
}
.messagesPopoutWrap_ac90a2 .wrapper_ec86aa.cozy_ec86aa:before, .messagesPopoutWrap_ac90a2 .wrapper_ec86aa.cozy_ec86aa:after,
.recentMentionsPopout_ddb5b4 .wrapper_ec86aa.cozy_ec86aa:before,
.recentMentionsPopout_ddb5b4 .wrapper_ec86aa.cozy_ec86aa:after {
  display: none;
}
.messagesPopoutWrap_ac90a2 .wrapper_ec86aa.cozy_ec86aa .avatar_ec86aa,
.recentMentionsPopout_ddb5b4 .wrapper_ec86aa.cozy_ec86aa .avatar_ec86aa {
  left: -50px;
}
.messagesPopoutWrap_ac90a2 .wrapper_ec86aa.cozy_ec86aa .container_b558d0,
.recentMentionsPopout_ddb5b4 .wrapper_ec86aa.cozy_ec86aa .container_b558d0 {
  overflow: hidden;
}

body:active .messagesPopoutWrap_ac90a2:not(:active),
body:active .recentMentionsPopout_ddb5b4:not(:active) {
  opacity: 0;
  transition: 150ms ease all;
}

.header_ac90a2 {
  height: auto;
  min-height: unset;
  padding: 24px 24px 0;
  background-color: transparent;
  box-shadow: none;
}
.header_ac90a2 .heading-md-medium__2dff4,
.header_ac90a2 .text-lg-semibold__84aef {
  line-height: 24px;
  font-size: 20px;
  font-weight: 400;
  color: var(--header-primary);
}
.header_ac90a2 .heading-md-medium__2dff4 {
  margin-bottom: 16px;
}
.header_ac90a2 .expandedInboxHeader_f0cd33 {
  padding-bottom: 0;
}
.header_ac90a2 .expandedTabSection_f0cd33 {
  height: 48px;
}
.header_ac90a2 .topPill_a0 {
  height: 48px;
}
.header_ac90a2 .friendRequestsButton_c0c071,
.header_ac90a2 .button__292b6:not(.disabled__4d064) {
  background-color: var(--card-button-color);
  transition: var(--default-time) var(--default-animation) background-color;
}
.header_ac90a2 .friendRequestsButton_c0c071:hover,
.header_ac90a2 .button__292b6:not(.disabled__4d064):hover {
  background-color: var(--card-button-color-hover);
}

.container_fe1358 {
  background-color: transparent;
}

.row_fd8ff1 {
  transition: var(--default-time) var(--default-animation) background-color;
}
.row_fd8ff1:hover {
  background-color: var(--menu-item-hover);
}

/* MESSAGES POPOUT -> FRIEND REQUEST ROW */
.friendRequestContainer_fd8ff1 .button_dd4f85 {
  padding: var(--button-padding);
}
.friendRequestContainer_fd8ff1 .button_dd4f85 .text-sm-medium_bc6ffc, .friendRequestContainer_fd8ff1 .button_dd4f85 .text-sm-medium__726be {
  line-height: var(--button-height);
}
.friendRequestContainer_fd8ff1 .colorGreen_dd4f85 {
  margin-right: 8px;
}
.friendRequestContainer_fd8ff1 .colorGreen_dd4f85 .text-sm-medium_bc6ffc, .friendRequestContainer_fd8ff1 .colorGreen_dd4f85 .text-sm-medium__726be {
  color: var(--button-text-color) !important;
}
.friendRequestContainer_fd8ff1 .colorPrimary_dd4f85 {
  --button-padding: 0 12px;
  --button-background: transparent !important;
  --button-text-color: var(--button-link-accent-text-color) !important;
  --accent-button-action-hover: 0.14;
  --accent-button-action-active: 0.21;
}
.friendRequestContainer_fd8ff1 .colorPrimary_dd4f85:after {
  background-color: hsl(var(--button-link-accent-color));
}
.friendRequestContainer_fd8ff1 .colorPrimary_dd4f85 .text-sm-medium_bc6ffc, .friendRequestContainer_fd8ff1 .colorPrimary_dd4f85 .text-sm-medium__726be {
  font-size: 1em;
  color: var(--button-text-color) !important;
}

/* MESSAGES POPOUT -> INNER */
.messagesPopout_ac90a2 {
  padding: 0 calc(24px - var(--scrollbar-thin-width)) 24px 24px !important;
}
.messagesPopout_ac90a2 .messageGroupWrapper_ac90a2 {
  margin: 0 0 16px;
  background-color: transparent;
  border: none;
  overflow: visible;
}
.messagesPopout_ac90a2 .messageGroupWrapper_ac90a2:last-of-type {
  margin-bottom: 0;
}
.messagesPopout_ac90a2 .messageGroupWrapper_ac90a2 .wrapper_ec86aa {
  margin: 0 0 0 50px;
  padding: var(--message-padding-top) var(--message-padding-side) !important;
  background-color: var(--message-color-alt) !important;
  border-radius: var(--message-radius);
}
.messagesPopout_ac90a2 .messageGroupWrapper_ac90a2 .actionButtons_ac90a2 {
  top: 22px;
  right: 12px;
}
.messagesPopout_ac90a2 .messageGroupWrapper_ac90a2 .actionButtons_ac90a2 .jumpButton_ac90a2 {
  border-radius: 9px;
}

.footer_ac90a2 {
  background-color: transparent;
  border-top: 1px solid var(--popout-header-border);
}

.channelHeader_f3978e {
  padding: 12px 16px;
  background-color: var(--message-color-alt);
  border-radius: var(--message-radius) var(--message-radius) 0 0;
  border-bottom: 1px solid var(--card-border-color);
}
.channelHeader_f3978e .button__292b6 {
  background-color: var(--menu-item-hover);
}
.channelHeader_f3978e .button__292b6:hover {
  background-color: var(--menu-item-select);
}

/* MESSAGES POPOUT -> RECENT MENTIONS */
.container_ddb5b4 {
  padding-left: 0;
  padding-right: 0;
}
.container_ddb5b4:first-child {
  margin-top: 16px;
}
.container_ddb5b4 .messageContainer_ddb5b4 {
  margin-left: 0;
  background-color: var(--message-color-alt);
  border-radius: 0 0 var(--message-radius) var(--message-radius);
}
.container_ddb5b4 .messageContainer_ddb5b4 .wrapper_ec86aa {
  --message-color: var(--message-color-hover);
}
.container_ddb5b4 .messageContainer_ddb5b4 .wrapper_ec86aa.cozy_ec86aa {
  margin: 0 0 0 66px;
  border-radius: var(--message-radius);
  overflow: visible;
}

.header_f0cd33 {
  border-bottom: 1px solid var(--popout-header-border);
}

.jumpButton_aab0bc {
  top: 22px;
  right: 22px;
  padding: 4px 6px;
  border-radius: 12px;
}

/* MESSAGES POPOUT -> UNREADS */
.tutorial_f1c3d9 {
  background-color: var(--card-color-outlined);
  border: 1px solid var(--card-border-color);
  padding: 16px;
  border-radius: var(--card-radius-big);
}

.channel_d09ffd .channelHeader_f3978e {
  padding: 12px 16px 12px 42px;
}
.channel_d09ffd .channelHeader_f3978e:only-child {
  border-radius: var(--message-radius);
  border-bottom: none;
}
.channel_d09ffd .channelHeader_f3978e .collapseButton_d09ffd {
  left: 12px;
  cursor: pointer;
}

.messages_c06487 {
  padding: 16px;
  background-color: var(--message-color-alt);
  border-radius: 0 0 var(--message-radius) var(--message-radius);
}
.messages_c06487 .wrapper_ec86aa.cozy_ec86aa {
  overflow: visible;
}
.messages_c06487 .wrapper_ec86aa.cozy_ec86aa.groupStart_d5deea {
  margin: 16px 0 0 48px;
}
.messages_c06487 .wrapper_ec86aa.cozy_ec86aa:not(.groupStart_d5deea) {
  margin: -8px 0 0 48px;
}

/*
 *
 *  NITRO UPSELLS
 *
 */
/* NITRO UPSELLS -> PROFILE THEMES */
.content_aa99af {
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-3dp);
}
.content_aa99af .button_dd4f85 {
  --button-padding: 0 12px;
}

/*
 *
 *  NOISE SUPPRESSION
 *
 */
.noiseCancellationPopout_adcaac {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-3dp);
}
.noiseCancellationPopout_adcaac .micTestButton_adcaac {
  width: auto;
}

/*
 *
 *  PARTY MODE POPOUT
 *
 */
.content_aa99af {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-3dp);
}
.content_aa99af .pointer_aa99af {
  border-top-color: var(--popout-color);
}

/*
 *
 *  PICTURE IN PICTURE
 *
 */
.pictureInPictureVideo_cadaa5 {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-3dp);
}

/*
 *
 *  REGION SELECT POPOUT
 *
 */
.regionSelectPopout_ccb5ca {
  padding: 8px 0;
  background-color: var(--popout-color) !important;
  border-radius: var(--popout-radius);
  box-shadow: var(--shadow-3dp);
}
.regionSelectPopout_ccb5ca .quickSelectPopoutOption_b852b1 {
  position: relative;
  padding: 9px 12px;
  transition: var(--default-time) ease background-color;
}
.regionSelectPopout_ccb5ca .quickSelectPopoutOption_b852b1:hover {
  background-color: var(--menu-item-hover) !important;
}
.regionSelectPopout_ccb5ca .quickSelectPopoutOption_b852b1 .regionSelectName_ccb5ca {
  margin: 0;
  font-size: 14px;
  text-align: left;
  color: var(--menu-item-text-color) !important;
}

/*
 *
 *  ROLE PREVIEW POPOUT
 *
 */
.container-3ssFyj {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-3dp);
}

/*
 *
 *  SEARCH POPOUT
 *
 */
.container_eedf95 {
  max-height: 80vh;
  background-color: var(--popout-color) !important;
  border-radius: var(--popout-radius-big) !important;
  box-shadow: var(--shadow-3dp) !important;
  overflow-y: auto;
  transform: translate(0, -4px);
  animation: top-pop-out 400ms var(--default-animation);
}
.container_eedf95 .resultsGroup_b0286e:before {
  display: none;
}
.container_eedf95 .resultsGroup_b0286e .searchLearnMore_b0286e a,
.container_eedf95 .resultsGroup_b0286e .searchClearHistory_b0286e {
  color: var(--text-normal);
}
.container_eedf95 .header_b0286e {
  color: var(--text-normal);
  font-size: 14px;
  text-transform: none;
}
.container_eedf95 .option_b0286e {
  margin: 0;
  padding: 0 16px;
  border-radius: 0;
  text-overflow: ellipsis;
  overflow: hidden;
}
.container_eedf95 .option_b0286e:after {
  background: linear-gradient(90deg, transparent, var(--popout-color) 80%);
}
.container_eedf95 .option_b0286e:hover:after {
  background: linear-gradient(90deg, transparent, var(--menu-item-hover) 50%);
}
.container_eedf95 [aria-selected=true].option_b0286e {
  background: var(--menu-item-select) !important;
}
.container_eedf95 [aria-selected=true].option_b0286e:after {
  width: 70px;
  background: linear-gradient(90deg, transparent, var(--menu-item-select) 50%);
}
.container_eedf95 .option_b0286e .filter_b0286e {
  color: var(--text-normal);
}
.container_eedf95 .option_b0286e .answer_b0286e {
  color: var(--text-muted);
}
.container_eedf95 .queryContainer_eedf95 {
  border-bottom-color: var(--popout-header-border) !important;
}
.container_eedf95 .queryContainer_eedf95.focused_eedf95 {
  background-color: transparent !important;
}
.container_eedf95 .queryContainer_eedf95 .queryText_eedf95 {
  font-size: 14px;
  text-transform: none;
}

.keybindShortcut-3zF1P9 {
  height: 24px;
}
.keybindShortcut-3zF1P9 .key_c90023 {
  background-color: var(--menu-item-hover) !important;
  color: var(--text-normal);
}
.keybindShortcut-3zF1P9 .key_c90023 {
  height: 100%;
  padding: 0 6px;
  line-height: 24px;
  border-radius: 12px;
  box-shadow: none !important;
  border: none !important;
}

body:active .container_eedf95:not(:active) {
  opacity: 0;
  transition: 150ms ease all;
}

/*
 *
 *  SOUNDBOARD PICKER
 *
 */
.picker_cd703d {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-3dp);
}

.premiumPromo_ca9b56 {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
}

.header_d0dc1d {
  border-bottom: 1px solid var(--separator-color);
  box-shadow: none;
}

.categoryList_ceda83 {
  top: 57px;
}
.categoryList_ceda83 .scrollerBase_eed6a8 {
  --scrollbar-width: 0;
}

.soundButton_f40049 {
  background-color: var(--card-button-color);
  border-radius: 20px;
  transition: var(--default-time) var(--default-animation) background-color;
}
.soundButton_f40049.hoverActiveBackground_f40049:hover {
  background-color: var(--card-button-color-hover);
}
.soundButton_f40049 .buttonOverlayBackground_f40049 {
  background-color: var(--card-button-color);
}
.soundButton_f40049.soundAddButton__896b6:hover {
  background-color: var(--card-button-color-hover);
}

.keybindHint_c66e5e {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}

/*
 *
 *  STATUS PICKER
 *
 */
[style*="bottom: 68px; left: 88px"].layer_cd0de5 {
  left: 80px !important;
}

.menu_ad5fac {
  --popout-color: transparent;
  box-shadow: none;
  animation: none;
}
.menu_ad5fac .scrollerBase_eed6a8 {
  padding-right: 0 !important;
}
.menu_ad5fac .scrollerBase_eed6a8::-webkit-scrollbar {
  --scrollbar-width: 0;
}
.menu_ad5fac .separator_d90b3d {
  width: calc(100% - 24px);
  margin: 8px 12px !important;
  border-color: var(--separator-color) !important;
}
.menu_ad5fac .submenu_d90b3d .separator_d90b3d {
  width: 100%;
  margin: 8px 0 !important;
}

body:active .menu_ad5fac:not(:active) {
  opacity: 1;
}

.scroller_d90b3d {
  padding: 8px 0 !important;
}
.scroller_d90b3d::-webkit-scrollbar {
  width: 0 !important;
}

.profileGroup-1yKk23 {
  margin: -8px 0 0;
}
.profileGroup-1yKk23 .item_d90b3d {
  padding: 0;
}
.profileGroup-1yKk23 .userInfoTitle-39qq0Y {
  font-size: 14px;
  text-transform: none;
}

.statusItem_ad5fac {
  padding: 0;
}

/* STATUS PICKER -> NEW */
/*
 *
 *	STREAM PREVIEW
 *
 */
.streamPreview_adbea6 {
  background-color: var(--popout-color) !important;
  border-radius: var(--popout-radius-big) !important;
  box-shadow: var(--shadow-3dp) !important;
}
.streamPreview_adbea6 .previewContainer_adbea6 {
  background-color: var(--popout-color-alt) !important;
  border-radius: var(--popout-radius-big);
  overflow: hidden;
}
.streamPreview_adbea6 .iconButton_a2aefc {
  --button-padding: 0;
}

/*
 *
 *	SUMMARIES POPOUT
 *
 */
.topicsDropdownBase_cf58b5 {
  top: calc(var(--button-height) + 16px);
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-3dp);
  border: none;
  pointer-events: all;
  overflow: hidden;
  animation: top-pop-out 400ms var(--default-animation);
}
.topicsDropdownBase_cf58b5 .scrollerBase_eed6a8 {
  padding-top: 0;
  padding-right: calc(8px - var(--scrollbar-thin-width)) !important;
  background-color: transparent;
}

.topicsDropdownHeading_cf58b5 {
  padding: 24px 24px 16px;
  background-color: transparent;
}
.topicsDropdownHeading_cf58b5 .topicsDropdownHeadingText_cf58b5 {
  padding-top: 0;
}
.topicsDropdownHeading_cf58b5 .heading-md-bold__17daa {
  line-height: 24px;
  font-size: 20px;
  font-weight: 400;
}

.summariesBetaTag_cf58b5 {
  margin-left: 8px;
  background-color: hsl(var(--accent-hsl--material-you)) !important;
  color: var(--accent-text-color--material-you);
}

.container_b1a27b {
  margin-top: 0;
  padding-left: 16px;
  padding-right: 12px;
  border-radius: var(--card-radius-big);
  transition: var(--default-time) var(--default-animation) background-color;
}
.container_b1a27b:hover {
  background-color: var(--card-color-active);
}

.feedbackContainer_b1a27b {
  padding-left: 24px;
  background-image: linear-gradient(90deg, transparent, var(--card-color-active) 40%);
  border-radius: 0 var(--card-radius-big) var(--card-radius-big) 0;
  animation: feedback-open var(--default-time) var(--default-animation);
}
.feedbackContainer_b1a27b .thumbIcon_b1a27b {
  background-color: var(--card-color-hover);
  transition: var(--default-time) var(--default-animation) background-color;
}
.feedbackContainer_b1a27b .thumbIcon_b1a27b:hover {
  background-color: var(--card-color-filled);
}

@keyframes feedback-open {
  from {
    opacity: 0;
  }
}
/*
 *
 *  THREADS POPOUT
 *
 */
.container_e664f3 {
  min-height: 200px;
  max-height: 80vh;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-3dp);
  animation: top-pop-out 400ms var(--default-animation);
}
.container_e664f3 .header_e664f3 {
  min-height: unset;
  height: auto;
  padding: 24px 24px 16px;
  background-color: transparent;
}
.container_e664f3 .header_e664f3 .divider_e664f3 {
  display: none;
}
.container_e664f3 .header_e664f3 .tabBar_e25e30 {
  height: 100%;
}
.container_e664f3 .header_e664f3 .searchBox_e664f3 {
  --input-height: 32px;
}
.container_e664f3 .header_e664f3 .createButton_e664f3 {
  --button-height: 32px;
  --button-padding: 0 12px;
  min-width: 84px;
}
.container_e664f3 .controls-SB-N9h {
  height: 52px;
}
.container_e664f3 .tabBar-3N44FC {
  height: 100%;
}
.container_e664f3 .tabBar-3N44FC .item_a0 {
  height: 24px;
  border-radius: 12px;
}
.container_e664f3 .tabBar-3N44FC .item_a0:after {
  display: none;
}
.container_e664f3 .tabBar-3N44FC .item_a0:hover {
  background-color: var(--menu-item-hover) !important;
}
.container_e664f3 .tabBar-3N44FC .item_a0.selected_a0 {
  background-color: var(--menu-item-select) !important;
}
.container_e664f3 .container_ebd74a {
  min-height: 200px;
  padding: 16px;
}
.container_e664f3 .sectionHeader_c6aa12 {
  margin-top: 0;
  font-size: 14px;
  text-transform: none;
}
.container_e664f3 .list_c6aa12 {
  padding: 0 24px;
}
.container_e664f3 .activeThreadsList-c8qlqZ {
  padding-bottom: 16px;
}
.container_e664f3 .content_cfe282 {
  height: auto !important;
}
.container_e664f3 .container_acb8b3 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
  transition: var(--default-time) var(--default-animation) background-color;
}
.container_e664f3 .container_acb8b3:hover {
  background-color: var(--card-color-hover);
}
.container_e664f3 .container_acb8b3:last-of-type {
  margin-bottom: 0;
}

body:active .container_e664f3:not(:active) {
  opacity: 0;
  transition: 150ms ease all;
}

/*
 *
 *	THREADS CHANNEL POPOUT
 *
 */
.popout_c5b389 {
  padding: 0;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-3dp);
}
.popout_c5b389 .title_c5b389 {
  margin: 0 0 8px 0;
  padding: 12px;
  font-size: 14px;
  text-transform: none;
  border-bottom: 1px solid var(--popout-header-border);
}
.popout_c5b389 .row_c5b389 {
  margin: 0;
  border-radius: 0;
  color: var(--menu-item-text-color);
  transition: var(--default-time) var(--default-animation);
}
.popout_c5b389 .row_c5b389:hover {
  background-color: var(--menu-item-hover);
  color: var(--menu-item-text-color);
}
.popout_c5b389 .row_c5b389 .timestamp_c5b389 {
  color: var(--text-muted) !important;
}
.popout_c5b389 .more_c5b389 {
  padding: 8px 12px;
  border-top-color: var(--popout-header-border);
  color: hsl(var(--accent-hsl--material-you));
}
.popout_c5b389 .more_c5b389 .size14_fb468f {
  margin-left: auto;
}

/*
 *
 *	USER POPOUT
 *
 */
.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_c69a7b {
  --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_c69a7b .banner_c3e427, .userProfileOuterThemed_c69a7b .banner_ab876d {
  border-radius: calc(var(--popout-radius-big) - 4px);
}
.userProfileOuterThemed_c69a7b .textarea_dde0a8,
.userProfileOuterThemed_c69a7b .inputWrapper_f8bc55 .input_f8bc55 {
  --input-color: var(--profile-body-background-color) !important;
}
.userProfileOuterThemed_c69a7b .lookFilled_dd4f85 {
  --button-background: var(--profile-gradient-button-color);
  --button-text-color: var(--white-500);
  --accent-button-action: var(--white-500);
}
.userProfileOuterThemed_c69a7b .connectedAccounts_f3eb60 .connectedAccountContainer_f3eb60 {
  --card-color-filled: var(--profile-body-background-color);
}
.userProfileOuterThemed_c69a7b .listRow_e4be58 {
  --menu-item-hover: var(--profile-body-background-hover);
}
.userProfileOuterThemed_c69a7b .markup_d6076c a {
  color: var(--profile-gradient-button-color);
}
.userProfileOuterThemed_c69a7b .flowerStar_ff7d90 path {
  fill: var(--profile-gradient-button-color);
}
.userProfileOuterThemed_c69a7b .childContainer_ff7d90 path {
  fill: var(--white-500);
}

.userProfileOuter_c69a7b {
  border-radius: var(--popout-radius-big);
}

.userProfileInner_c69a7b {
  --input-color: var(--input-color-alt);
  border-radius: calc(var(--popout-radius-big) - 4px);
}
.userProfileInner_c69a7b:before {
  border-radius: inherit;
}
.userProfileInner_c69a7b .wrapper_c51b4e circle {
  fill: var(--profile-avatar-border-color);
}
.userProfileInner_c69a7b .inputWrapper_f8bc55 {
  border-bottom: none !important;
}
.userProfileInner_c69a7b .quickMessage-3jDbBs.inputWrapper_f8bc55 {
  margin-top: 0;
}
.userProfileInner_c69a7b .inputWrapper_f8bc55:before, .userProfileInner_c69a7b .inputWrapper_f8bc55:after {
  display: none;
}
.userProfileInner_c69a7b .inputWrapper_f8bc55 .input_f8bc55 {
  padding: 0 12px;
  background-color: var(--input-color);
  border-radius: var(--input-radius);
}
.userProfileInner_c69a7b .inputWrapper_f8bc55 .input_f8bc55::-webkit-input-placeholder {
  font-family: var(--app-font);
  color: var(--input-placeholder-color);
}
.userProfileInner_c69a7b .listScroller_e4be58 {
  padding: 8px 0;
}
.userProfileInner_c69a7b .listRow_e4be58 + div:empty {
  height: 8px !important;
}

.scroller_d2b491 {
  --scrollbar-width: 0;
  padding-right: 12px !important;
}
.scroller_d2b491:hover {
  --scrollbar-width: 6px;
  padding-right: calc(12px - var(--scrollbar-width)) !important;
}
.scroller_d2b491 .section_d7a21f:first-of-type {
  padding-top: 0;
}

.wrapper-C1y4Sz,
.bannerNitroUpsell_ab876d,
.overlayBackground_c69a7b {
  border-radius: calc(var(--popout-radius-big) - 4px);
}

.nameTag_afed89 .username_be84f0,
.nameTag_afed89 .discriminator-hnHkyt {
  font-size: 18px;
  font-weight: 400;
}

.banner_c3e427, .banner_ab876d {
  border-radius: var(--popout-radius-big);
}

.profileBadges_f89da9 {
  border-radius: 15px;
}

.userTagNoNickname_c9ccf6 span,
.nickname_c9ccf6 {
  font-size: 22px;
  font-weight: 400;
}

.eyebrow_dc00ef {
  font-size: 14px;
  text-transform: none;
}

.gameIcon_f394e5 {
  border-radius: 50%;
}

.assetsLargeImage_d5089b {
  border-radius: var(--card-radius-big);
}
.assetsLargeImage_d5089b.assetsLargeImageSpotify_d5089b {
  border-radius: 50%;
}

.buttonColor_adcaac {
  --button-background: var(--profile-gradient-button-color);
  --button-text-color: var(--profile-gradient-button-text-color);
}

.section_d7a21f {
  padding-top: 16px;
}

.usernameSection_d2b491 {
  padding: 12px 12px 16px;
}

.customStatusSection_d2b491 {
  padding-top: 0;
  padding-bottom: 16px;
}

.divider_d2b491 {
  display: none;
}

.inner_f867f9 {
  border-radius: var(--popout-radius-big);
}

.containerWrapper_e18107 {
  padding: 4px;
  border-radius: var(--popout-radius-big);
}

.container_e18107 {
  background-color: var(--popout-color);
  border-radius: calc(var(--popout-radius-big) - 4px);
}

/* USER POPOUT -> STATUS AREA */
.accountProfilePopoutWrapper_b2ca13 {
  animation: bottom-pop-out 400ms var(--default-animation);
}

body:active .accountProfilePopoutWrapper_b2ca13:not(:active) {
  opacity: 0;
  transition: 150ms ease all;
}

.menu-KSaHL1 {
  background-color: transparent;
  box-shadow: none;
  animation: none;
}
.menu-KSaHL1 .scrollerBase_eed6a8 {
  padding-right: 0 !important;
}
.menu-KSaHL1 .scrollerBase_eed6a8::-webkit-scrollbar {
  --scrollbar-width: 0;
}
.menu-KSaHL1 .scrollerBase_eed6a8 .separator_d90b3d {
  width: calc(100% - 24px);
  margin: 8px 12px;
}
.menu-KSaHL1 [id*=account-divider-].item_d90b3d {
  min-height: unset;
  padding: 0;
}
.menu-KSaHL1 [id*=account-divider-].item_d90b3d .divider-1tWBgZ {
  margin: 8px 12px;
}
.menu-KSaHL1 .separator_d90b3d {
  width: calc(100% - 24px);
  margin: 8px 12px;
  background-color: var(--separator-color);
}
.menu-KSaHL1 .submenu_d90b3d .separator_d90b3d {
  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_f9575e, .role_c6b11b {
  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_f9575e .roleCircle-1EgnFN, .role_c6b11b .roleCircle-1EgnFN, .role_f9575e .roleCircle_a26d7b, .role_c6b11b .roleCircle_a26d7b,
.role_f9575e .perm-circle,
.role_c6b11b .perm-circle {
  width: 16px;
  height: 16px;
  margin: 0;
  border-radius: 8px;
}
.role_f9575e .perm-circle, .role_c6b11b .perm-circle {
  margin-right: 0 !important;
}
.role_f9575e .roleRemoveIcon_e4010c, .role_c6b11b .roleRemoveIcon_e4010c {
  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_f9575e:hover .roleRemoveIcon_e4010c, .role_c6b11b:hover .roleRemoveIcon_e4010c {
  opacity: 1;
}
.role_f9575e .roleName_e4010c, .role_c6b11b .roleName_e4010c,
.role_f9575e .roleIcon_e4010c,
.role_c6b11b .roleIcon_e4010c {
  margin-right: 0;
}
.role_f9575e.addButton_e4010c, .role_c6b11b.addButton_e4010c {
  padding: 0 6px;
  background-color: transparent !important;
}
.role_f9575e.addButton_e4010c .addButtonIcon_e4010c, .role_c6b11b.addButton_e4010c .addButtonIcon_e4010c {
  width: 18px;
  height: 18px;
}

.roleFlowerStar_e4010c {
  display: flex;
  width: 16px !important;
  height: 16px !important;
  margin: 0;
  justify-content: center;
  align-items: center;
}
.roleFlowerStar_e4010c .linkIcon_b5435a {
  margin: 0 !important;
}

/* USER POPOUT -> NOTE */
.note_c90ad7 {
  margin: 0;
}

.userProfileInner_c69a7b .textarea_dde0a8 {
  padding: 6px 12px;
  border-radius: var(--input-radius);
  box-shadow: none !important;
  font-size: 14px;
}
.userProfileInner_c69a7b .textarea_dde0a8:focus {
  background-color: var(--input-color) !important;
}

.messageInputContainer_f2c0a8 {
  border: none;
}
.messageInputContainer_f2c0a8 .input_f8bc55 {
  box-shadow: none !important;
}

/*
 *
 *  SERVER FOLDERS
 *
 */
.expandedFolderBackground_bc7085 {
  --background-secondary: var(--server-folder-color) !important;
}

.folder_bc7085 {
  --background-secondary: transparent !important;
}
.folder_bc7085.hover_bc7085 {
  --background-primary: var(--server-folder-color) !important;
}

[style*="background-color: rgba(88, 101, 242, 0.4)"].folderIconWrapper_bc7085 {
  background-color: hsl(var(--accent-hsl), 0.4) !important;
}

.expandedFolderIconWrapper_bc7085 svg[style*="color: rgb(88, 101, 242);"] {
  color: hsl(var(--accent-hsl--material-you)) !important;
}

/*
 *
 *	SERVER LIST
 *
 */
.wrapper_fea3ef {
  background-color: var(--server-color) !important;
}
.wrapper_fea3ef .scroller_fea3ef {
  background-color: transparent;
}
.wrapper_fea3ef .tree_fea3ef:focus {
  outline: none;
}

.wrapper__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_db6521 {
  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_db6521,
.circleIconButton_db6521.selected_db6521 {
  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_c10249 {
  background-color: hsl(var(--alert-hsl));
  color: var(--alert-text-color);
}

/* SERVER LIST -> SERVER */
.listItem_c96c45 .wrapper_c5f96a {
  border-radius: var(--avatar-radius);
}
.listItem_c96c45 .wrapper_c5f96a .icon__11cf1 {
  border-radius: var(--avatar-radius);
}
.listItem_c96c45 .wrapper_c5f96a .lowerBadge_c5f96a {
  width: auto;
  height: auto;
}
.listItem_c96c45 .wrapper_c5f96a .unread-badge.lowerBadge_c5f96a {
  right: unset;
  left: -2px;
}
.listItem_c96c45 .wrapper_c5f96a .unread-badge.lowerBadge_c5f96a .numberBadge__40d6f {
  background-color: hsl(var(--accent-hsl--material-you)) !important;
  color: var(--accent-text-color--material-you) !important;
}
.listItem_c96c45 .wrapper_c5f96a .upperBadge_c5f96a .iconBadge_c96c45 {
  background-color: hsl(var(--accent-hsl--material-you));
  color: var(--accent-text-color--material-you);
  border-radius: 50%;
}
.listItem_c96c45 .wrapper_c5f96a .upperBadge_c5f96a .iconBadge_c96c45.participating__64cf0 {
  background-color: hsl(var(--accent-hsl--material-you));
  color: var(--accent-text-color--material-you);
}
.listItem_c96c45.frame_oXWS21 .childWrapper_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_c96c45 {
  background-color: hsl(var(--warning-hsl)) !important;
  color: var(--warning-text-color) !important;
}

.dragInner__66313 {
  border-radius: var(--avatar-radius);
}

.folder_bc7085,
.folderIconWrapper_bc7085 {
  border-radius: var(--avatar-radius) !important;
}

.target_b7c66a.dragOver_b7c66a:before,
.centerTarget_b7c66a.dragOver_b7c66a:before {
  background-color: hsl(var(--accent-hsl--material-you));
  box-shadow: var(--shadow-1dp);
}

/*
 *
 *  SERVER AUDIT LOG
 *
 */
.auditLog_eebd33 {
  position: relative;
  margin: 0;
  background-color: var(--card-color-filled);
  border-radius: 0;
  border: none;
}
.auditLog_eebd33:first-of-type {
  border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
}
.auditLog_eebd33:last-of-type {
  border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
}
.auditLog_eebd33:last-of-type .header_eebd33 {
  margin: 8px;
}
.auditLog_eebd33:last-of-type .header_eebd33:after {
  height: calc(100% - 16px);
}
.auditLog_eebd33:last-of-type .header_eebd33.headerExpanded_eebd33 {
  margin: 8px 8px 0;
}
.auditLog_eebd33:last-of-type .changeDetails_eebd33 {
  margin-bottom: 8px;
}
.auditLog_eebd33:hover .header_eebd33:after {
  background-color: var(--card-color-hover);
}

.header_eebd33 {
  width: calc(100% - 16px);
  margin: 8px 8px 0;
  border-radius: calc(var(--card-radius-big) / 1.65);
  background-color: transparent !important;
  z-index: 2;
}
.header_eebd33:after {
  position: absolute;
  content: " ";
  width: calc(100% - 16px);
  height: calc(100% - 8px);
  top: 8px;
  left: 8px;
  border-radius: calc(var(--card-radius-big) / 1.65);
  transition: var(--default-time) var(--default-animation) background-color;
  z-index: -1;
  pointer-events: none;
}
.header_eebd33.headerExpanded_eebd33:after {
  background-color: var(--card-color-active) !important;
}

.divider_eebd33 {
  display: none;
}

.changeDetails_eebd33 {
  width: calc(100% - 16px);
  margin: 0 8px;
  background-color: transparent !important;
  z-index: 2;
}
.changeDetails_eebd33 .detail_eebd33:first-of-type {
  margin-top: 0;
}

.icon_eebd33:after {
  width: 9px;
  height: 9px;
  top: unset;
  left: unset;
  right: 2px;
  bottom: 2px;
  border-radius: 50%;
}
.icon_eebd33.typeCreate_eebd33:after {
  background: #389c59;
}
.icon_eebd33.typeUpdate_eebd33:after {
  background: #ec9d1a;
}
.icon_eebd33.typeDelete_eebd33:after {
  background: #9d3235;
}

/*
 *
 *  SERVER SETTINGS CONTENT MODERATION
 *
 */
.simpleItemWrapper_e1b877 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
}

.editCard_cd99d3 {
  background-color: var(--card-color-filled) !important;
  border: none !important;
  padding: 0;
  border-radius: var(--card-radius-big) !important;
}
.editCard_cd99d3:before {
  display: none;
}

.ruleIconContainer_ea28e2,
.stepCountIcon_df95ff {
  background-color: var(--card-button-color);
}

.triggerMainContainer_df95ff {
  padding: 0;
  border: none;
}
.triggerMainContainer_df95ff .triggerSettingsContainer_df95ff {
  --card-color-filled: var(--card-color-alt);
  margin: 8px 0;
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
}
.triggerMainContainer_df95ff .triggerSettingsContainer_df95ff .paddingTop_bdc518,
.triggerMainContainer_df95ff .triggerSettingsContainer_df95ff .exemptionHint_e1ddee {
  margin-top: 0;
  padding: 0px 16px 8px;
}

.collapseable_a3cc4a {
  margin-top: 0;
  padding: 16px;
  background-color: transparent;
  border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
  border-top: 1px solid var(--card-border-color);
}
.collapseable_a3cc4a:not(:last-child) {
  margin-bottom: 0;
}
.collapseable_a3cc4a:active {
  background-color: transparent !important;
}
.collapseable_a3cc4a:before {
  display: none;
}

.mentionLimitContainer_fa2661 {
  background-color: transparent;
}

.searchContainer-3slruV {
  padding: 16px 16px 8px;
}
.searchContainer-3slruV .container_effbe2 {
  height: var(--input-height);
  max-height: var(--input-height);
  padding: var(--input-padding);
  background-color: var(--input-color);
  border-radius: calc(var(--input-height) / 2);
  border: none;
}
.searchContainer-3slruV .container_effbe2 .inner_effbe2 {
  padding: 0;
}
.searchContainer-3slruV .container_effbe2 .input_effbe2 {
  height: var(--input-height);
  margin: 0;
  padding: 0;
}
.searchContainer-3slruV .richTag_effbe2 {
  margin: 6px 6px 6px 0;
}

.keywordsTextArea_bdc518,
.textArea_bd9c39 {
  padding: 12px;
  background-color: var(--input-color);
  border-radius: 19px;
  border: none;
}
.keywordsTextArea_bdc518::-webkit-input-placeholder,
.textArea_bd9c39::-webkit-input-placeholder {
  font-family: var(--app-font);
  color: var(--input-placeholder-color);
}

.keywordsTextArea_bdc518 {
  width: calc(100% - 32px);
  margin: 16px 16px 8px;
}

.textArea_bd9c39 .innerScroller_bd9c39 {
  padding: 0;
}
.textArea_bd9c39 .chipletContainer_ef69fb {
  background-color: var(--card-button-color);
  border-radius: 6px;
}

.keywordsCounter_bdc518 {
  right: 24px;
  bottom: 24px;
}

.keywordListContainer_f9f552,
.actionContainer_b6e944 {
  padding: 12px 16px;
  background-color: transparent;
  position: relative;
  border-bottom: none;
}
.keywordListContainer_f9f552:after,
.actionContainer_b6e944:after {
  position: absolute;
  content: " ";
  width: calc(100% - 16px * 2);
  height: 1px;
  right: 0;
  bottom: 0;
  margin: 0 16px;
  background-color: var(--card-border-color);
}
.keywordListContainer_f9f552:last-of-type:after,
.actionContainer_b6e944:last-of-type:after {
  display: none;
}
.keywordListContainer_f9f552:not(:last-child),
.actionContainer_b6e944:not(:last-child) {
  margin-bottom: 0;
}
.keywordListContainer_f9f552 .checkboxWrapper_f6cde8,
.actionContainer_b6e944 .checkboxWrapper_f6cde8 {
  padding: 0;
}

.actionContainer_b6e944 .actionContainer_b6e944 {
  padding: 0;
}
.actionContainer_b6e944 .actionIconContainer_b6e944 {
  margin-right: 16px;
}
.actionContainer_b6e944 .editChannel_b6e944 {
  color: hsl(var(--accent-hsl--material-you));
}

.actionContainer_cec7a5 {
  background-color: transparent;
  border-radius: 8px;
  border: 1px solid var(--card-border-color);
}

.dividierIcon_f9f9ba {
  color: var(--text-muted);
}

.resultsList-2Bp-2_ {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-3dp);
  border: none;
}
.resultsList-2Bp-2_ .channelRowLabel-2yYGtY,
.resultsList-2Bp-2_ .roleLabel-38YTUn {
  background-color: transparent;
  border-radius: 6px;
  border: 1px solid var(--card-border-color);
}

.stepperContainer_fa2661 {
  padding: 0;
  background-color: var(--card-color-outlined);
  border-radius: calc(var(--input-height) / 2);
  border: 1px solid var(--card-border-color);
  --input-height: 36px;
}
.stepperContainer_fa2661 .stepper_fa2661 {
  border-radius: inherit;
}
.stepperContainer_fa2661 .iconWrapper__0d13e {
  background-color: transparent !important;
  transition: var(--default-time) var(--default-animation) background-color;
}
.stepperContainer_fa2661 .iconWrapper__0d13e:first-of-type {
  border-right: 1px solid var(--card-border-color);
}
.stepperContainer_fa2661 .iconWrapper__0d13e:last-of-type {
  border-left: 1px solid var(--card-border-color);
}
.stepperContainer_fa2661 .iconWrapper__0d13e:hover {
  background-color: var(--card-color-hover) !important;
}
.stepperContainer_fa2661 .iconWrapper__0d13e .icon_bb7288 {
  height: var(--input-height);
}
.stepperContainer_fa2661 .iconWrapper__0d13e .icon_bb7288:hover {
  background-color: transparent;
}
.stepperContainer_fa2661 .inputWrapper_f8bc55 {
  border-bottom: none !important;
}
.stepperContainer_fa2661 .inputWrapper_f8bc55:before, .stepperContainer_fa2661 .inputWrapper_f8bc55:after {
  bottom: 0;
}

/*
 *
 *  SERVER SETTINGS BANNED USERS
 *
 */
.container_c90ddb {
  min-width: 350px;
  max-width: 1400px;
  width: auto;
  padding: 60px 97px 60px 60px;
}
.container_c90ddb + .toolsContainer_c25c6d {
  position: absolute;
  right: 0;
  margin-right: 21px;
}

.scrollerContainer_c90ddb {
  padding: 0;
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
  box-shadow: none;
  overflow: hidden;
}

.bannedUser_c90ddb {
  margin: 0;
  background-color: transparent;
  border-radius: calc(var(--card-radius-big) / 1.65);
  box-shadow: none !important;
  transition: var(--default-time) var(--default-animation) background-color;
}
.bannedUser_c90ddb:hover {
  background-color: var(--card-color-hover);
}
.bannedUser_c90ddb .username_c90ddb {
  color: var(--text-normal) !important;
}
.bannedUser_c90ddb .username_c90ddb .discrim_c90ddb {
  padding-left: 6px;
  color: var(--primary-400) !important;
}

/*
 *
 *  SERVER COMMUNITY DISCOVERY
 *
 */
.checklist_d6d7a8, .checklistContainer-12xGp5 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
}
.checklist_d6d7a8 .header_bd2368, .checklistContainer-12xGp5 .header_bd2368, .checklist_d6d7a8 .checklistHeader-3liG7E, .checklistContainer-12xGp5 .checklistHeader-3liG7E {
  margin-bottom: 0;
  padding: 16px;
  background-color: transparent;
  font-size: 1.25em;
  line-height: normal;
  color: var(--card-header-text-color);
  font-weight: 400;
  opacity: 1;
}
.checklist_d6d7a8 .checklistItem_bd2368, .checklistContainer-12xGp5 .checklistItem_bd2368 {
  position: relative;
  border-bottom: none;
}
.checklist_d6d7a8 .checklistItem_bd2368:after, .checklistContainer-12xGp5 .checklistItem_bd2368:after {
  position: absolute;
  content: " ";
  width: calc(100% - 16px * 2);
  height: 1px;
  right: 0;
  bottom: 0;
  margin: 0 16px;
  background-color: var(--card-border-color);
}
.checklist_d6d7a8 .checklistItem_bd2368:last-of-type:after, .checklistContainer-12xGp5 .checklistItem_bd2368:last-of-type:after {
  display: none;
}
.checklist_d6d7a8 .checklistItem_bd2368 + .separator_bd2368, .checklistContainer-12xGp5 .checklistItem_bd2368 + .separator_bd2368, .checklist_d6d7a8 .checklistItem_bd2368 + .separator-2qVfIV, .checklistContainer-12xGp5 .checklistItem_bd2368 + .separator-2qVfIV {
  display: none;
}

.card_b3f648 {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
  box-shadow: none !important;
}

.iconMask_b3f648 {
  background-color: var(--card-color-filled) !important;
}

.banner_b1a8d5 {
  overflow: hidden;
}

/*
 *
 *  SERVER EMOJI
 *
 */
.content_dc1809 {
  padding: 8px;
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}

.emojiTable_dc1809 {
  margin-bottom: 0;
  padding: 8px 12px;
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
}
.emojiTable_dc1809 .formText_b89ec7 {
  font-size: 14px;
  text-transform: none;
}

.emojiRow_dc1809 {
  position: relative;
  padding: 0 16px;
  box-shadow: none !important;
}
.emojiRow_dc1809:nth-child(3) {
  padding-top: 16px !important;
}
.emojiRow_dc1809:nth-child(3):before {
  height: 100% !important;
  top: 0 !important;
}
.emojiRow_dc1809:last-of-type {
  margin-bottom: 0 !important;
}
.emojiRow_dc1809:last-of-type:before {
  height: 100% !important;
}
.emojiRow_dc1809:before {
  width: 100% !important;
  left: 0 !important;
}
.emojiRow_dc1809 .emojiAliasInput_dc1809 {
  margin-top: 0;
  border-bottom: none !important;
}
.emojiRow_dc1809 .emojiAliasInput_dc1809:before, .emojiRow_dc1809 .emojiAliasInput_dc1809:after {
  display: none;
}
.emojiRow_dc1809 .emojiAliasInput_dc1809:focus-within + .emojiAliasPlaceholder_dc1809 {
  opacity: 0;
}
.emojiRow_dc1809 .emojiAliasInput_dc1809 .emojiInput_dc1809, .emojiRow_dc1809 .emojiAliasInput_dc1809 .emojiInput-28Uqhi {
  padding: 0 8px;
  font-size: 16px;
  background-color: var(--input-color-alt);
  transition: var(--default-time) var(--default-animation) box-shadow, var(--default-time) var(--default-animation) opacity;
}
.emojiRow_dc1809 .emojiAliasPlaceholder_dc1809 {
  height: auto;
  margin-left: 8px;
  padding: 0;
  line-height: var(--input-height);
  color: var(--text-normal);
  transition: var(--default-time) var(--default-animation);
  overflow: visible;
}
.emojiRow_dc1809 .emojiRemove_dc1809 {
  top: 0;
  right: 12px;
  bottom: 0;
  margin: auto 0;
  background-color: var(--card-button-color);
  box-shadow: none !important;
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) opacity;
}
.emojiRow_dc1809 .emojiRemove_dc1809:hover {
  background-color: var(--card-button-color-hover);
}

/*
 *
 *  SERVER INTEGRATIONS
 *
 */
.footerImage_fab929 {
  position: static;
  margin-top: 80px;
  margin-bottom: -288px;
}

/*
 *
 *  SERVER COMMUNITY ONBOARDING
 *
 */
.progressBarContainer_a4e2c3 .progressBarCurrent_a4e2c3 {
  background-color: hsl(var(--accent-hsl--material-you));
}
.progressBarContainer_a4e2c3 .text-xs-medium__220aa[style="color: var(--text-brand);"] {
  color: hsl(var(--accent-hsl--material-you)) !important;
}

/* SERVER COMMUNITY ONBOARDING -> DEFAULT CHANNELS */
.categoryRow_a33fd3 .categoryText_a33fd3 {
  font-size: 14px;
  text-transform: none;
}

.channelRow_a33fd3 {
  background-color: var(--card-color-filled);
  transition: var(--default-time) var(--default-animation) background-color;
}
.channelRow_a33fd3.firstChannel_a33fd3 {
  border-top-left-radius: var(--card-radius-big);
  border-top-right-radius: var(--card-radius-big);
}
.channelRow_a33fd3.lastChannel_a33fd3 {
  border-bottom-left-radius: var(--card-radius-big);
  border-bottom-right-radius: var(--card-radius-big);
}
.channelRow_a33fd3:hover:not(.disabled_a33fd3) {
  background-color: var(--card-color-hover);
}
.channelRow_a33fd3 .lockedPill_a33fd3 {
  --button-padding: 0 24px 0 16px;
}

.separator_a33fd3 {
  background-color: var(--card-border-color);
}

.container_fe51c5 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
}
.container_fe51c5 .header_fe51c5,
.container_fe51c5 .container_eff583,
.container_fe51c5 .channelList_fe51c5 {
  background-color: transparent;
}

/* SERVER COMMUNITY ONBOARDING -> NAVIGATION BANNER */
.container_b5926e {
  background-color: var(--popout-color) !important;
  border-radius: 4px;
  box-shadow: var(--shadow-2dp);
}
.container_b5926e .button_dd4f85.lookOutlined_dd4f85 {
  --button-padding: 0 24px 0 16px;
}
.container_b5926e .button_dd4f85.lookFilled_dd4f85 {
  --button-padding: 0 16px 0 24px;
}
.container_b5926e .button_dd4f85.lookFilled_dd4f85 .button_b5926e {
  color: var(--accent-text-color--material-you) !important;
}

.educationUpsell_b5926e {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
}
.educationUpsell_b5926e .educationUpsellArrow_b5926e {
  border-bottom-color: var(--popout-color);
}

/* SERVER COMMUNITY ONBOARDING -> PREVIEW */
.testimonialHeroContainer_d3081b {
  background-color: var(--card-color-filled);
  border: none;
  padding: 32px;
  border-radius: var(--card-radius-big);
}
.testimonialHeroContainer_d3081b .quotes_d3081b {
  top: 40px;
  color: var(--card-header-text-color);
}
.testimonialHeroContainer_d3081b .testimonialsControls_d3081b {
  margin: 0;
}
.testimonialHeroContainer_d3081b .button_dd4f85 {
  --button-padding: 0 10px;
}

.upsellPreview_aa7c25 {
  gap: 16px;
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
}
.upsellPreview_aa7c25.spacingLarge_aa7c25 {
  gap: 2px;
}
.upsellPreview_aa7c25.spacingLarge_aa7c25 .welcomeMessageContainer_a1289e {
  margin-bottom: 14px;
}
.upsellPreview_aa7c25 .spacingSmall_aa7c25 {
  gap: 2px;
}
.upsellPreview_aa7c25 .previewListItem_aa7c25 {
  padding: 12px;
}
.upsellPreview_aa7c25 .previewListItem_aa7c25.selected_aa7c25 {
  background-color: var(--card-color-alt-hover);
}
.upsellPreview_aa7c25 .previewListItem_aa7c25,
.upsellPreview_aa7c25 .action_e3f878 {
  background-color: var(--card-color-alt);
  border-radius: 4px;
}
.upsellPreview_aa7c25 .previewListItem_aa7c25:first-of-type,
.upsellPreview_aa7c25 .action_e3f878:first-of-type {
  border-top-left-radius: var(--card-radius-big);
  border-top-right-radius: var(--card-radius-big);
}
.upsellPreview_aa7c25 .previewListItem_aa7c25:last-of-type,
.upsellPreview_aa7c25 .action_e3f878:last-of-type {
  border-bottom-left-radius: var(--card-radius-big);
  border-bottom-right-radius: var(--card-radius-big);
}

/*
 *
 *  SERVER SETTINGS OVERVIEW
 *
 */
.imageUploaderIcon_de76e4 {
  left: calc(50% + 32px);
  right: unset;
}

/*
 *
 *  SERVER SETTINGS PERMISSIONS
 *
 */
.settingCard_dd864e {
  margin-bottom: 16px;
  background-color: var(--card-color-outlined) !important;
  border: 1px solid var(--card-border-color) !important;
  padding: 0;
  border-radius: var(--card-radius-big) !important;
}
.settingCard_dd864e.active_dd864e,
.settingCard_dd864e .cardFolder_dd864e {
  background-color: transparent;
}
.settingCard_dd864e .folderHeader_dd864e {
  position: relative;
  border-bottom: none;
}
.settingCard_dd864e .folderHeader_dd864e:after {
  position: absolute;
  content: " ";
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: var(--card-border-color);
}
.settingCard_dd864e + .divider_dd864e {
  display: none;
}
.settingCard_dd864e + .divider_dd864e + .button_dd4f85 {
  --button-padding: 0;
}

.roleMemberList_dd864e {
  padding: 16px;
}
.roleMemberList_dd864e .content_eed6a8 {
  height: auto !important;
}
.roleMemberList_dd864e .content_eed6a8 .memberRow_dd864e {
  padding: 0 4px;
  margin-bottom: 16px;
}
.roleMemberList_dd864e .content_eed6a8 .memberRow_dd864e:last-child {
  margin-bottom: 0;
}
.roleMemberList_dd864e .content_eed6a8 .divider_dd864e {
  display: none;
}

.sidebarScrollable_e9196a .sidebarHeaderDefault-1BHqHQ {
  font-size: 14px;
  text-transform: none;
}
.sidebarScrollable_e9196a .role_f778a8 {
  border-radius: 16px;
}
.sidebarScrollable_e9196a .role_f778a8 .background-3X6N7I {
  padding: 0;
  background-color: transparent;
}

.scroller_e9196a {
  background-color: transparent;
}

.staticToolbar_de3e42 {
  margin-bottom: 8px;
  background-color: var(--card-color-filled) !important;
  border: none !important;
  padding: 0;
  border-radius: var(--card-radius-big) !important;
  overflow: hidden;
}
.staticToolbar_de3e42 .button_dd4f85 {
  --button-height: 32px;
  --button-background: transparent;
  --button-radius: 0;
}

.forumGuidelines_bc05bb {
  --input-padding: 0 12px;
  height: 200px;
  max-height: 250px;
  padding: var(--input-padding);
  background-color: var(--input-color);
  border-radius: calc(200px / 2);
  border: none;
  background: var(--input-color) !important;
  border-radius: 19px;
}
.forumGuidelines_bc05bb .slateTextArea_e52116 {
  right: 0;
  padding: 12px 0;
}

/*
 *
 *  SERVER ROLES
 *
 */
.tabBar-3pstF7 {
  border-bottom: 1px solid var(--card-border-color);
}
.tabBar-3pstF7 .item_a0 {
  margin-bottom: 0;
  border: none;
}
.tabBar-3pstF7 .item_a0.selected-g-kMVV {
  position: relative;
  background-color: transparent !important;
  border: none;
}
.tabBar-3pstF7 .item_a0.selected-g-kMVV:after {
  position: absolute;
  content: " ";
  width: 100%;
  height: 3px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  background: var(--tab-border-color);
  border-radius: 3px 3px 0 0;
  transition: var(--default-time) ease all;
}

.container_cc7b67 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
  transition: var(--default-time) var(--default-animation) background-color;
}
.container_cc7b67:hover {
  background-color: var(--card-color-hover);
}
.container_cc7b67 .icon_cc7b67 {
  background-color: var(--card-button-color);
}

.container__33507 {
  height: var(--input-height);
  max-height: var(--input-height);
  padding: var(--input-padding);
  background-color: var(--input-color);
  border-radius: calc(var(--input-height) / 2);
  border: none;
}
.container__33507 .inner__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_e72811 {
  padding: 16px;
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
}
.rolesTable_e72811 .tableHeader_e72811 {
  margin-left: 0;
  margin-bottom: 0;
}
.rolesTable_e72811 .tableHeader_e72811 .dragSpacing_e72811 {
  display: none;
}
.rolesTable_e72811 .tableTitle_e72811 {
  font-size: 1em;
  color: var(--card-header-text-color);
  font-weight: 500;
  text-transform: none;
}
.rolesTable_e72811 .tableTitle_e72811.memberSpacing-1RRW7k {
  margin-left: 64px;
}

.roleRow_a930f1 {
  height: auto;
  margin: 0;
  padding: 12px 16px;
  background-color: var(--card-color-filled);
  border-radius: 0;
}
.roleRow_a930f1:last-of-type {
  padding-bottom: 20px;
  border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
}
.roleRow_a930f1:last-of-type:before {
  height: calc(100% - 8px);
}
.roleRow_a930f1:last-of-type:after {
  display: none;
}
.roleRow_a930f1:hover:not(.roleRowDisableHover_a930f1) {
  background-color: var(--card-color-filled);
}
.roleRow_a930f1:hover:not(.roleRowDisableHover_a930f1):before {
  background-color: var(--card-color-hover);
}
.roleRow_a930f1:hover:not(.roleRowDisableHover_a930f1) .dragIcon_a930f1 {
  opacity: 1;
}
.roleRow_a930f1:hover:not(.roleRowDisableHover_a930f1) .circleButton_a930f1 {
  background-color: var(--card-button-color-hover);
}
.roleRow_a930f1:hover:not(.roleRowDisableHover_a930f1) .circleButton_a930f1.editButton_a930f1 {
  opacity: 1;
}
.roleRow_a930f1:before {
  width: calc(100% - 16px);
  height: 100%;
  left: 8px;
  right: 0;
  background-color: transparent;
  border-radius: calc(var(--card-radius-big) / 1.5);
  transition: var(--default-time) var(--default-animation) background-color;
  pointer-events: none;
}
.roleRow_a930f1 > * {
  z-index: 2;
}

.dragIcon_a930f1 {
  position: absolute;
  left: 8px;
  padding: 12px;
  background-color: var(--card-color-hover);
  z-index: 3;
  opacity: 0;
  visibility: visible;
  transition: var(--default-time) var(--default-animation) opacity;
  vertical-align: middle;
  line-height: 10px;
}

.circleButton_a930f1 {
  background-color: var(--card-button-color);
}
.circleButton_a930f1.editButton_a930f1 {
  opacity: 0;
  visibility: visible;
  transition: var(--default-time) var(--default-animation) opacity;
}

/* SERVER ROLES -> EDIT/NEW */
.page_e8251c {
  width: 100%;
  min-width: 100%;
}
.page_e8251c .sidebar_e87574,
.page_e8251c .contentContainer_e8251c {
  position: relative;
}
.page_e8251c .sidebar_e87574 {
  margin-left: 40px;
  border-right-color: var(--card-border-color);
}
.page_e8251c .sidebar_e87574 .list_e87574 {
  padding: 0 16px 96px 16px;
  background-color: transparent;
  border: none;
}
.page_e8251c .sidebar_e87574 .titleContainer_e87574 {
  margin: 0;
  padding: 0 8px 16px;
  background-color: var(--main-color);
}
.page_e8251c .sidebar_e87574 .titleContainer_e87574.titleElevated_e87574 {
  border-bottom: 1px solid var(--card-border-color);
  box-shadow: none;
}
.page_e8251c .sidebar_e87574 .titleContainer_e87574 .titleText_e87574 {
  font-size: 16px;
  text-transform: none;
}
.page_e8251c .sidebar_e87574 .item_a0 {
  width: auto;
  padding: 0 12px;
  border-radius: 16px;
  transition: var(--default-time) var(--default-animation) background-color;
}
.page_e8251c .sidebar_e87574 .item_a0:before {
  display: none;
}
.page_e8251c .sidebar_e87574 .item_a0:hover {
  background-color: var(--menu-item-hover) !important;
}
.page_e8251c .sidebar_e87574 .item_a0.selected_a0 {
  background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity)) !important;
}
.page_e8251c .sidebar_e87574 .roleDot-2a4Pv7 {
  border: none;
}
.page_e8251c .contentContainer_e8251c {
  left: 0;
  flex: 1;
}
.page_e8251c .contentWidth_bd05f1 {
  width: auto;
  min-width: auto;
  max-width: none;
  padding-right: 82px;
}
.page_e8251c .contentWidth_bd05f1 .sizeTiny_dd4f85 {
  --button-height: 24px;
  --button-padding: 0 8px;
}
.page_e8251c .header_bd05f1 {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  background-color: var(--main-color);
  transition: var(--default-time) var(--default-animation) border-bottom-color;
}
.page_e8251c .header_bd05f1.stickyHeaderElevated_bd05f1 {
  box-shadow: none;
}
.page_e8251c .header_bd05f1 .titleText_c69589 {
  font-size: 16px;
  text-transform: none;
}
.page_e8251c .header_bd05f1 + div + .divider_da1bd9 {
  display: none;
}
.page_e8251c .tabBar_c69589 {
  margin-left: 0;
  border-bottom: 1px solid var(--card-border-color);
}
.page_e8251c .searchContainer_a73849 {
  margin-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--card-border-color);
}
.page_e8251c .previewContainer_bdfce3 {
  border-radius: var(--card-radius-big);
}
.page_e8251c .previewContainer_da1bd9 {
  background-color: transparent;
  border-radius: var(--card-radius-big);
  border: none;
}
.page_e8251c .previewContainer_da1bd9 .messageContainer_da1bd9 {
  padding: 16px 16px 16px 66px;
  background-color: var(--chat-color);
}
.page_e8251c .container-1zDvAE {
  margin-bottom: 20px;
}
.page_e8251c + .toolsContainer_c25c6d {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}

/* SERVER ROLES -> ADD MEMBER */
.searchBox_a0cc0d {
  padding: 16px;
}
.searchBox_a0cc0d.scrollSeparator_a0cc0d {
  box-shadow: none !important;
}
.searchBox_a0cc0d .searchBar_ac8310 {
  margin-bottom: 0;
  border: none;
}

/*
 *
 *  SERVER RULES SCREENING
 *
 */
.mainColumnContainer-3y3ZF4 {
  max-width: calc(100% - 220px);
}

.backgroundContainer_ceff93 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
}
.backgroundContainer_ceff93 .containerPadding_ceff93 {
  padding: 0;
}
.backgroundContainer_ceff93 .inputWrapper_f8bc55 {
  height: auto;
  max-height: unset;
}

.containerTitle_ceff93 {
  font-size: 1.25em;
  color: var(--card-header-text-color);
  font-weight: 500;
}
.containerTitle_ceff93 .verificationLevelHook_ceff93 {
  font-size: 1em;
}

.containerFooter_ceff93 {
  padding: 0;
  background-color: transparent;
}

.fieldBackground_ceff93:not(textarea) {
  --card-color-filled: var(--card-color-alt);
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
}
.fieldBackground_ceff93.withFooter_ceff93 {
  border-bottom: none;
}

.fieldFooterContainer_ceff93 {
  background-color: var(--card-color-alt);
  border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
  border-top: 1px solid var(--card-border-color);
}

.sidebarFixedContainer-2fX672 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
}

/* SERVER RULES SCREENING -> EDIT RULES */
.rulesTextAreaInput-2S9Tgi {
  background-color: var(--card-color-filled);
  border: none;
  padding: 0 0 0 16px;
  border-radius: var(--card-radius-big);
}

.exampleRule-KGGZmT {
  height: var(--button-height);
  padding: 0 12px;
  background-color: var(--card-button-color);
  border-radius: 10px;
  transition: var(--default-time) var(--default-animation) background-color;
}
.exampleRule-KGGZmT:hover {
  background-color: var(--card-button-color-hover);
}
.exampleRule-KGGZmT > div {
  line-height: var(--button-height);
}

/*
 *
 *  SERVER SETTINGS SAFETY SETUP
 *
 */
.changelog_abe1fa {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
}

.safetyChecklist_abe1fa {
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
}
.safetyChecklist_abe1fa .lookOutlined_dd4f85 {
  border: var(--button-outline) !important;
}
.safetyChecklist_abe1fa .divider_abe1fa {
  background-color: var(--card-border-color);
}

.back_e1b877 {
  --button-padding: 0;
  margin-bottom: 16px;
}
.back_e1b877 .backButton_e1b877 {
  background-image: none;
  text-transform: none;
  text-decoration: none;
}

/*
 *
 *  SERVER SETTINGS SERVER INSIGHTS
 *
 */
.error_dd4615 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
}

.developerPortalCtaWrapper_cfaf72 {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}

/*
 *
 *  SERVER SETTINGS SERVER PRODUCTS
 *
 */
.container_b981c5 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
}

.coverImageUploader_fea47d .imageUploaderInner_de76e4 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
}
.coverImageUploader_fea47d .imageUploaderIcon_de76e4 {
  left: unset;
  right: 0;
}

.metricCard_bf27f7,
.tableContainer_d2aca9 {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}
.metricCard_bf27f7 .text-xs-medium__220aa, .metricCard_bf27f7 .text-xs-medium_d3e0f1,
.tableContainer_d2aca9 .text-xs-medium__220aa,
.tableContainer_d2aca9 .text-xs-medium_d3e0f1 {
  font-size: 14px;
  text-transform: none;
}

/*SERVER SETTINGS SERVER PRODUCTS -> CREATE PRODUCT */
.textArea_cc484a {
  background-color: var(--input-color);
  border-radius: 19px;
}

.clickableItem_f07970 {
  border-radius: var(--card-radius-big);
}
.clickableItem_f07970 .radioOptionImage_f07970 {
  border-radius: calc(var(--card-radius-big) - 2px) !important;
}

.container_c298ed {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}
.container_c298ed .text-sm-medium_bc6ffc, .container_c298ed .text-sm-medium__726be {
  color: var(--accent-text-color--material-you) !important;
}

.attachedRoleContainer_f624e3 {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
  border: none;
}

.benefitToggleContainer_d636bf {
  padding: 8px 2px 8px 12px;
  background-color: var(--card-color-filled);
  border-radius: 20px;
}

.publishable_f77b50 {
  background-color: hsl(var(--accent-hsl--material-you), 0.15);
  border-radius: var(--card-radius-big);
  border-color: hsl(var(--accent-hsl--material-you));
  box-shadow: none;
}

.wasEverPublished_f77b50 {
  background-color: hsl(var(--alert-hsl), 0.15);
  border-radius: var(--card-radius-big);
  border: 1px solid hsl(var(--alert-hsl));
}

.productPreview_d636bf .text-xs-bold__0d339, .productPreview_d636bf .text-xs-bold__5467c {
  font-size: 14px;
  text-transform: none;
}

/*SERVER SETTINGS SERVER PRODUCTS -> PRODUCT CARD */
.productCard_f26f9b {
  background-color: var(--card-color-filled) !important;
  border: none !important;
  padding: 0;
  border-radius: var(--card-radius-big) !important;
  transition: var(--default-time) var(--default-animation) background-color;
}
.productCard_f26f9b:hover {
  background-color: var(--card-color-hover) !important;
}
.productCard_f26f9b .productThumbnail_f26f9b {
  border-radius: var(--card-radius-big);
}

.badge_a24a11 {
  background-color: var(--card-color-active) !important;
  border-radius: 13px;
}

.roleTag_b463ca {
  min-width: 28px;
  height: 28px;
  gap: 6px;
  padding: 0 12px 0 6px;
  background-color: transparent;
  border-radius: 8px;
  border: 1px solid var(--card-border-color);
}
.roleTag_b463ca .roleColor_b463ca {
  width: 16px;
  height: 16px;
  margin: 0;
  border-radius: 8px;
}
.roleTag_b463ca .roleColor_b463ca + span {
  display: none !important;
}

/*
 *
 *  SERVER SETTINGS SERVER SUBSCRIPTIONS
 *
 */
.card_ea91d1 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
}

.heroBanner_f6ab4c {
  border-radius: var(--card-radius-big);
}

/* SERVER SETTINGS SERVER SUBSCRIPTIONS -> HOW IT WORKS */
.howItWorksContainer_aa72d6 {
  padding: 0;
  background-color: transparent;
}

.howItWorksImageContainer_aa72d6,
.howItWorksDescription_aa72d6 {
  background-color: transparent;
}

/* SERVER SETTINGS SERVER SUBSCRIPTIONS -> CREATOR BENEFITS */
.creatorBenefitCard__1f0b1 {
  padding: 16px;
}

.earningsPreviewContainer_da92c3,
.avatarCard_da92c3 {
  --card-color-filled: var(--card-color-alt);
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
}

/* SERVER SETTINGS SERVER SUBSCRIPTIONS -> LEARN FROM OTHER CREATORS */
.guildCard__81370 {
  padding: 16px;
}

.guildCardHeaderAvatar_adff39 {
  border-radius: 50%;
}

.guildSubscriberCount_adff39 {
  height: var(--button-height);
  padding: var(--button-padding);
  background-color: var(--card-button-color);
  border-radius: var(--button-radius);
}
.guildSubscriberCount_adff39 .text-md-normal-304U3g {
  color: var(--text-normal) !important;
  font-weight: 500;
}

.subscriberCountValue_adff39,
.subscriberCountText_adff39 {
  padding: 0;
  background-color: transparent;
}

.subscriberCountText_adff39 {
  padding-left: 12px;
}

.emojisContainer_adff39 {
  margin-right: 8px;
  padding: var(--button-padding);
  background-color: var(--card-button-color);
  border-radius: var(--button-radius);
}

/*  */
.tabBar_da7453 {
  border-bottom-width: 1px;
}

.container_dce733 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
}

/*
 *
 *  SERVER SETTINGS SOUNDBOARD
 *
 */
.tableTitle_b10b92 {
  margin-bottom: 16px;
}

.soundTable_b10b92 {
  grid-template-columns: unset;
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}

.tableHeaders_b10b92 {
  padding: 16px 16px 0;
}
.tableHeaders_b10b92 .tableHeader_b10b92 {
  font-weight: 500;
  text-transform: none;
}

.row_b10b92 {
  padding: 4px 16px;
  position: relative;
  border-bottom: none;
}
.row_b10b92:after {
  position: absolute;
  content: " ";
  width: calc(100% - 16px * 2);
  height: 1px;
  right: 0;
  bottom: 0;
  margin: 0 16px;
  background-color: var(--card-border-color);
}
.row_b10b92:last-of-type:after {
  display: none;
}

/*
 *
 *  SERVER STICKERS
 *
 */
.upsellContainer_bb33d5 {
  border-radius: var(--card-radius-big);
}

.tierHeader_da77bd {
  border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
}
.tierHeader_da77bd.tierHeaderUnlocked_da77bd, .tierHeader_da77bd.tierHeaderLocked_da77bd {
  background-color: var(--card-color-filled) !important;
}
.tierHeader_da77bd.tierHeaderWithoutCardBody_da77bd {
  border-radius: var(--card-radius-big);
}

.tierBody_da77bd {
  background-color: var(--card-color-filled) !important;
  border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
  border-top: none !important;
}

.tierLock_da77bd {
  color: var(--interactive-normal);
}

.wrapper_d864ab {
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
  transition: var(--default-time) var(--default-animation) background-color;
}
.wrapper_d864ab:hover {
  background-color: var(--card-color-hover);
}

.placeholderCard_f8c5e7 {
  background-color: var(--card-color-outlined);
  border: 1px solid var(--card-border-color);
  padding: 0;
  border-radius: var(--card-radius-big);
}

/*
 *
 *	ACCEPT RULES
 *
 */
.enableContainer_a1879c {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
}

.previewContainer_dcd39d {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
  border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
  border-top: none;
}
.previewContainer_dcd39d .descriptionWrapper_dcd39d .inputWrapper_f8bc55 {
  --input-height: 64px;
}
.previewContainer_dcd39d .descriptionInput_dcd39d {
  line-height: 32px;
}
.previewContainer_dcd39d [placeholder].descriptionInput_dcd39d {
  text-align: left;
}
.previewContainer_dcd39d .welcomeChannel_dcd39d {
  --card-color-filled: var(--card-color-alt);
  background-color: var(--card-color-filled);
  border: none;
  padding: 12px;
  border-radius: var(--card-radius-big);
}

.iconActiveLarger_f11207 {
  border-radius: var(--avatar-radius);
}

.options_e3f8c2 {
  margin-bottom: 8px;
  background-color: var(--card-color-outlined);
  border: 1px solid var(--card-border-color);
  padding: 0;
  border-radius: var(--card-radius-big);
}
.options_e3f8c2 .optionContainer_e3f8c2 {
  margin-top: 0;
  border-radius: 0;
  background-color: transparent;
  position: relative;
  border-bottom: none;
}
.options_e3f8c2 .optionContainer_e3f8c2:after {
  position: absolute;
  content: " ";
  width: calc(100% - 16px * 2);
  height: 1px;
  right: 0;
  bottom: 0;
  margin: 0 16px;
  background-color: var(--card-border-color);
}
.options_e3f8c2 .optionContainer_e3f8c2:last-of-type:after {
  display: none;
}

/*
 *
 *  USER SETTINGS ACCESSIBILITY
 *
 */
.preview_c31d36 {
  background-color: var(--card-color-outlined) !important;
  border: 1px solid var(--card-border-color) !important;
  padding: 16px;
  border-radius: var(--card-radius-big) !important;
}

.previewMessage_c31d36 {
  padding: 0;
  background-color: var(--chat-color);
  border-radius: calc(var(--card-radius-big) / 1.25);
}
.previewMessage_c31d36 .message_d5deea {
  margin-top: 0 !important;
  margin-left: 52px;
  margin-right: 0;
  border-radius: var(--message-radius);
}
.previewMessage_c31d36 .message_d5deea:before, .previewMessage_c31d36 .message_d5deea:after {
  display: none;
}
.previewMessage_c31d36 .message_d5deea .avatar_ec86aa {
  left: -50px;
}

/*
 *
 *  USER SETTINGS APPEARANCE
 *
 */
.preview_a614a7 {
  --card-color-filled: transparent;
}
.preview_a614a7.outline_a298b8 {
  border: 1px solid var(--card-border-color) !important;
}
.preview_a614a7 .wrapper_ec86aa {
  margin-left: 48px;
}

/* USER SETTINGS APPEARANCE -> THEME */
.h5_c46f6a.eyebrow_c46f6a + div:not([class]) div[role=radiogroup] {
  padding: 16px;
  background-color: var(--card-color-filled);
  border: none;
}

.basicThemeSelectors_ + .premiumFeatureBorder_c6d722 {
  margin: 0 -8px -8px;
  background: linear-gradient(var(--card-color-filled), var(--card-color-filled)) padding-box, linear-gradient(45deg, hsl(269, calc(var(--saturation-factor, 1) * 52.7%), 52.7%), hsl(325, calc(var(--saturation-factor, 1) * 31.7%), 51.8%)) border-box;
  border-radius: calc(var(--card-radius-big) - 4px);
}

.presets_f45ea6 {
  gap: 16px;
}

.basicThemeSelectors_ .themeSelectionContainer_cb7c27 {
  width: unset;
  height: unset;
  padding: 12px;
  background-color: var(--main-color);
  border-radius: var(--card-radius-big);
}

.defaultThemeSelection_cb7c27 {
  width: 60px;
  height: 60px;
  box-shadow: none;
}
.defaultThemeSelection_cb7c27.selected_cb7c27 {
  position: relative;
  background: hsl(var(--accent-hsl--material-you));
}
.defaultThemeSelection_cb7c27.selected_cb7c27:before, .defaultThemeSelection_cb7c27.selected_cb7c27:after {
  position: absolute;
  content: " ";
  width: 50%;
  height: 50%;
  bottom: 0;
  pointer-events: none;
}
.defaultThemeSelection_cb7c27.selected_cb7c27:before {
  left: 0;
  background-color: var(--card-color-filled);
  border-bottom-left-radius: 30px;
}
.defaultThemeSelection_cb7c27.selected_cb7c27:after {
  right: 0;
  background-color: var(--accent-text-color--material-you);
  border-bottom-right-radius: 30px;
}

.selectionCircle_cb7c27 {
  box-shadow: none;
}
.selectionCircle_cb7c27:before {
  position: absolute;
  content: " ";
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-color: var(--main-color);
  border-radius: 50%;
}
.selectionCircle_cb7c27 .checkmark_cb7c27 {
  color: var(--main-color);
}
.selectionCircle_cb7c27 .checkmarkCircle_cb7c27 {
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
.selectionCircle_cb7c27 .checkmarkCircle_cb7c27 circle {
  fill: var(--text-normal);
}

/* USER SETTINGS APPEARANCE -> APP ICON */
.header_df4d02 {
  padding: 8px 8px 0;
}

.presets_df4d02 {
  padding: 0 8px 8px;
}

.appIconSelection_e2863f.disabled_e2863f:not(.selected_e2863f) {
  opacity: 0.5;
}

/*
 *
 *  USER SETTINGS APP ICON EDITOR
 *
 */
.editor_bcfa1e {
  margin-left: 8px;
  padding: 0;
  background-color: var(--chat-color);
  border-radius: var(--card-radius-big);
  border-left: none;
}
.editor_bcfa1e .heading-lg-extrabold__9db67 {
  font-size: 1.25em;
  line-height: normal;
  color: var(--card-header-text-color);
  font-weight: 400;
}
.editor_bcfa1e div[role=radiogroup] {
  background-color: transparent;
}

.editorHeader_bcfa1e {
  width: auto;
  padding: 16px;
}

.selectionGroup_bcfa1e {
  margin-top: 0;
}
.selectionGroup_bcfa1e .header_df4d02 {
  padding: 0;
}
.selectionGroup_bcfa1e .presets_df4d02 {
  padding: 0;
  gap: 16px;
}

.editorFooter_bcfa1e {
  margin-top: 16px;
  padding: 0 16px 16px;
}

/*
 *
 *  USER SETTINGS AUTHORIZED APPS
 *
 */
.formNotice_aae945 {
  margin-bottom: 32px;
  padding: 0;
}
.formNotice_aae945 .formNoticeTitle_aae945 {
  margin-bottom: 0;
  padding: 16px;
  background-color: transparent;
  font-size: 1.25em;
  line-height: normal;
  color: var(--card-header-text-color);
  font-weight: 400;
  opacity: 1;
}
.formNotice_aae945 .formNoticeTitle_aae945 + .formNoticeBody_aae945 {
  padding: 0 16px 16px;
}
.formNotice_aae945.card_a298b8 {
  margin-top: 16px;
}

.formNoticeBody_aae945 {
  padding: 16px;
}

.authedApp_f0135d {
  margin-bottom: 16px;
  padding: 0;
}
.authedApp_f0135d .marginBottom20_f7730b {
  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_f0135d .marginBottom20_f7730b .text-sm-semibold-3TWn25, .authedApp_f0135d .marginBottom20_f7730b .text-sm-semibold_a5824d, .authedApp_f0135d .marginBottom20_f7730b .text-sm-semibold_d260b0 {
  font-size: inherit;
  font-weight: inherit;
  color: var(--card-header-text-color);
}
.authedApp_f0135d .marginBottom20_f7730b + div {
  padding-top: 0;
}
.authedApp_f0135d div:not([class]) {
  padding: 0 16px;
}
.authedApp_f0135d .marginTop20_f7730b {
  margin-top: 0;
  padding: 16px;
}
.authedApp_f0135d .button_dd4f85 {
  font-size: 0.75em;
}

.twoWayWarning_f0135d {
  margin-top: 8px;
  padding: 0 16px 16px;
}

/*
 *
 *  USER SETTINGS BILLING
 *
 */
.paymentSourceRow_edf4d6 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
}

.paymentPane_f66684 {
  background-color: var(--card-color-filled) !important;
  border: none !important;
  padding: 0;
  border-radius: var(--card-radius-big) !important;
}
.paymentPane_f66684 .paymentRowHeader_f66684 {
  padding: 16px;
}
.paymentPane_f66684 .bottomDivider_f66684 {
  border: none;
}
.paymentPane_f66684 .pageActions_cb56ee {
  padding: 16px 0;
}

.paymentRow_f66684:not(.payment_a28a08) {
  border-bottom: none;
}

.payment_a28a08 {
  background-color: var(--card-color-filled) !important;
}
.payment_a28a08:not(.hoverablePayment_a28a08) {
  padding-bottom: 1px;
}

.paginator_f66684 {
  background-color: transparent !important;
}
.paginator_f66684 .descriptionIcon_a28a08 {
  border-radius: 50%;
}
.paginator_f66684 .expandedInfo_a28a08 {
  --card-color-filled: var(--card-color-alt);
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
}
.paginator_f66684 .expandedInfo_a28a08 .paymentHeader_a28a08 {
  border-color: var(--card-border-color);
}

.pageButtonPrev_cb56ee,
.pageButtonNext_cb56ee {
  width: var(--button-height);
  height: var(--button-height);
  padding: 0;
  line-height: var(--button-height);
  border-color: var(--card-border-color);
  text-align: center;
}
.pageButtonPrev_cb56ee.disabled_cb56ee,
.pageButtonNext_cb56ee.disabled_cb56ee {
  border-color: var(--card-border-color);
}

.pageButtonPrev_cb56ee {
  border-radius: var(--button-radius) 0 0 var(--button-radius);
}

.pageButtonNext_cb56ee {
  border-radius: 0 var(--button-radius) var(--button-radius) 0;
}

.pageIndicator_cb56ee {
  height: var(--button-height);
  border-color: var(--card-border-color);
}

.codeRedemptionRedirect_cb70f4 {
  background-color: var(--card-color-outlined) !important;
  border: 1px solid var(--card-border-color) !important;
  padding: 16px;
  border-radius: var(--card-radius-big) !important;
}

/*
 *
 *  USER SETTINGS CONNECTIONS
 *
 */
.connectContainer_e2a436 {
  margin: 0 0 32px 0;
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
}
.connectContainer_e2a436 .connectHeader_e2a436 {
  margin-bottom: 0;
  padding: 16px;
  background-color: transparent;
  font-size: 1.25em;
  line-height: normal;
  color: var(--card-header-text-color);
  font-weight: 400;
  opacity: 1;
}
.connectContainer_e2a436 .text-xs-normal_ccc5fb, .connectContainer_e2a436 .text-xs-normal__46d75 {
  padding: 0 16px;
}
.connectContainer_e2a436 .connectionsContainer_e2a436 {
  padding: 0 16px 16px;
}
.connectContainer_e2a436 .accountButton-234qAZ {
  margin-bottom: 0;
}
.connectContainer_e2a436 .accountButtonInner_e2a436 {
  background-color: var(--card-button-color);
  border-radius: 50%;
  transition: var(--default-time) var(--default-animation) background-color;
}
.connectContainer_e2a436 .accountButtonInner_e2a436:hover {
  background-color: var(--card-button-color-hover);
}

/* CONNECTIONS -> ADD CONNECTION */
.accountBtnInner-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_e2a436 {
  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_e2a436 {
  margin-bottom: 0;
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
}
.connection_e2a436 .connectionHeader_e2a436 {
  margin-bottom: 0;
  padding: 16px;
  background-color: transparent;
  font-size: 1.25em;
  line-height: normal;
  color: var(--card-header-text-color);
  font-weight: 400;
  opacity: 1;
}
.connection_e2a436 .connectionOptionsWrapper_e2a436 {
  padding: 0 16px 16px;
}
.connection_e2a436 .connectionOptionsWrapper_e2a436 .connectionOptionSwitch_e2a436 {
  padding-left: 0;
  padding-right: 0;
}
.connection_e2a436 .connectionOptionsWrapper_e2a436 .connectionOptionSwitch_e2a436:last-of-type {
  margin-bottom: 0;
}
.connection_e2a436 .divider_ae36e5 {
  margin: 0 16px;
  border-top-color: var(--card-border-color);
}
.connection_e2a436 .metadataContainer_e2a436, .connection_e2a436 .container_f7e03d {
  --card-color-filled: var(--card-color-alt);
  margin: 0 16px 16px;
  background-color: var(--card-color-filled);
  border: none;
  padding: 12px;
  border-radius: var(--card-radius-big);
}
.connection_e2a436 .upsellWrapper_e2a436 {
  padding: 0;
}
.connection_e2a436 .container_f7e03d .button_dd4f85 {
  min-width: 130px;
}

.integrationsWrapper_e2a436 {
  padding: 0;
}
.integrationsWrapper_e2a436 .h5_c46f6a {
  margin: 0;
  padding: 16px 16px 8px;
}
.integrationsWrapper_e2a436 .integration_e2a436 {
  --card-color-filled: var(--card-color-alt);
  margin: 0 16px 2px;
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
  border-radius: 4px;
}
.integrationsWrapper_e2a436 .integration_e2a436:first-of-type {
  border-radius: var(--card-radius-big) var(--card-radius-big) 4px 4px;
}
.integrationsWrapper_e2a436 .integration_e2a436:last-of-type {
  margin-bottom: 16px;
  border-radius: 4px 4px var(--card-radius-big) var(--card-radius-big);
}
.integrationsWrapper_e2a436 .integration_e2a436:only-child {
  border-radius: var(--card-radius-big);
}
.integrationsWrapper_e2a436 .integration_e2a436 .button_dd4f85 {
  background-color: hsl(var(--accent-hsl), 0.1);
  color: hsl(var(--accent-hsl--material-you));
}

/**/
.connectionsChecksGroup-_ALevE {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
}
.connectionsChecksGroup-_ALevE.connectionsChecksGroupPassed-16h0PT {
  background-color: var(--card-color-active);
}

.roleGranted-QK31f8 {
  margin-top: 0;
  padding: 16px;
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
}
.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_c7a2c0 > div:not([class]) {
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
}

.otherSessions_c7a2c0 {
  margin-top: 32px;
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
}

.sessions_c7a2c0 .sectionTitle_a6ae9b,
.otherSessions_c7a2c0 .sectionTitle_a6ae9b {
  margin-bottom: 0;
  padding: 16px;
  background-color: transparent;
  font-size: 1.25em;
  line-height: normal;
  color: var(--card-header-text-color);
  font-weight: 400;
  opacity: 1;
}
.sessions_c7a2c0 .sectionTitle_a6ae9b .eyebrow_c46f6a,
.otherSessions_c7a2c0 .sectionTitle_a6ae9b .eyebrow_c46f6a {
  margin-bottom: -8px;
  line-height: normal;
  font-size: inherit;
  color: var(--card-header-text-color);
  font-weight: 400;
}

.session_c7a2c0 {
  position: relative;
  padding: 16px;
  gap: 16px;
  border-bottom: none;
}
.session_c7a2c0:before {
  position: absolute;
  content: " ";
  width: calc(100% - 16px);
  height: 100%;
  top: 0;
  left: 8px;
  background-color: var(--card-color-hover);
  border-radius: calc(var(--card-radius-big) / 1.65);
  opacity: 0;
  transition: var(--default-time) var(--default-animation) opacity;
}
.session_c7a2c0:last-of-type {
  padding-bottom: 24px;
}
.session_c7a2c0:last-of-type:before {
  height: calc(100% - 8px);
}
.session_c7a2c0:hover:before {
  opacity: 1;
}
.session_c7a2c0 > * {
  z-index: 2;
}
.session_c7a2c0 .sessionIcon_c7a2c0 {
  background-color: hsl(var(--accent-hsl--material-you));
  color: var(--accent-text-color--material-you);
}
.session_c7a2c0 .sessionInfoRow_c7a2c0:not(.eyebrow_e5a66c) {
  color: var(--text-muted);
}
.session_c7a2c0 .eyebrow_e5a66c {
  font-size: 14px;
  text-transform: none;
}

/*
 *
 *  USER SETTINGS DISCORD EXPERIMENTS
 *
 */
.group_d8d11a {
  margin-top: 16px;
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
}
.group_d8d11a .title_d8d11a {
  margin-bottom: 0;
}
.group_d8d11a .eyebrow_c46f6a {
  margin-top: 16px;
}
.group_d8d11a .experimentDate_d8d11a {
  line-height: 42px;
}
.group_d8d11a .description_d8d11a {
  margin: 8px 0;
}
.group_d8d11a .button_dd4f85 {
  --button-height: 18px;
  --button-padding: 0;
  font-size: 0.875em !important;
  font-weight: 400;
}
.group_d8d11a .divider_d8d11a {
  display: none;
}

/*
 *
 *  USER SETTINGS FAMILY CENTER
 *
 */
.container_d576e9 {
  background-color: var(--chat-color) !important;
}
.container_d576e9 .sideNavContent_d576e9 {
  padding: 24px;
}

.container_d00e26,
.container_f70f48 {
  max-width: 1400px;
  align-items: center;
  gap: 16px;
}

.max-width_d00e26, .max-width_a2e886 {
  max-width: unset;
}

.banner_d00e26,
.container_a2e886 {
  width: 100%;
}

.banner_d00e26 .heading-xl-medium_d9a851 {
  font-weight: 400;
}

.container_b01337,
.container_d00e26,
.container_a2e886,
.box_f70f48,
.enableCard_c55991 {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

.container_b01337,
.container_a2e886 {
  padding: 24px;
}

.featureCards_d00e26 {
  margin-top: 0;
  gap: 16px;
}

.container_d00e26 .heading-md-bold__17daa,
.container_a2e886 .heading-md-bold__17daa {
  font-size: 20px;
  font-weight: 400;
}

.circle_d7c696 {
  background-color: var(--card-button-color);
}
.circle_d7c696 .icon_d7c696 {
  color: var(--text-muted);
}

.container_a2e886 {
  margin-top: 0;
}
.container_a2e886 .text-xxs-bold_c8b7bc {
  font-size: 12px;
  font-weight: 500;
}
.container_a2e886 .row_e677b7 {
  background-color: var(--card-color-alt);
  border-radius: var(--card-radius-big);
}
.container_a2e886 .iconContainer_e677b7 {
  background-color: var(--card-button-color);
}

.box_f70f48 {
  padding: 24px;
}
.box_f70f48 .heading-xl-medium_d9a851 {
  font-weight: 400;
}

.stepNumber_f70f48 {
  background-color: var(--card-button-color);
}
.stepNumber_f70f48 .heading-md-semibold-3sznX7, .stepNumber_f70f48 .heading-md-semibold__7cb23 {
  color: var(--text-muted) !important;
}

/*
 *
 *  USER SETTINGS GAME OVERLAY
 *
 */
.wrapper_d2da9c {
  border-radius: var(--card-radius-big);
  border-color: hsl(var(--accent-hsl--material-you));
}
.wrapper_d2da9c .option_d2da9c {
  border-radius: var(--card-radius-big);
}
.wrapper_d2da9c .option_d2da9c:hover {
  background-color: hsl(var(--accent-hsl--material-you));
  opacity: 0.6;
}
.wrapper_d2da9c .option_d2da9c.selected_d2da9c {
  background-color: hsl(var(--accent-hsl--material-you));
  border-color: hsl(var(--accent-hsl--material-you));
  box-shadow: var(--shadow-1dp);
}

/*
 *
 *  USER SETTINGS KEYBINDS
 *
 */
.warning_f20685 {
  background-color: hsl(var(--warning-hsl), 0.3);
  border-radius: var(--card-radius-big);
  border: none;
}
.warning_f20685 .icon_f20685 {
  color: hsl(var(--warning-hsl));
}

.children_a6ae9b .marginBottom20_f7730b + .divider_ae36e5 {
  display: none;
}

.row_f916fc {
  --input-color: var(--input-color-alt);
  padding: 16px;
  background-color: var(--card-color-filled);
  border-bottom: 1px solid var(--card-border-color);
  box-shadow: none !important;
}
.row_f916fc:first-child {
  border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
}
.row_f916fc:last-child {
  margin-bottom: 40px;
  border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
  border-bottom: none;
}
.row_f916fc:only-child {
  border-radius: var(--card-radius-big);
  border-bottom: none;
}
.row_f916fc .keybindGroup_f916fc {
  margin: 0;
  padding: 0;
  border-left: none;
  border-right: none;
}
.row_f916fc .keybindGroup_f916fc:last-of-type {
  border-radius: 0;
  border-bottom: none;
}
.row_f916fc .keybindGroup_f916fc:before {
  display: none;
}
.row_f916fc .removeKeybind-2YVgVG {
  right: -12px;
}
.row_f916fc .container_c67e31 .button_dd4f85 {
  width: auto;
}

.key_c90023 {
  height: 24px;
  padding: 0 8px;
  background-color: var(--card-color-active);
  border-radius: 12px;
  border: none !important;
  box-shadow: none !important;
  line-height: 24px;
  color: var(--text-normal);
}
.key_c90023 g {
  fill: var(--text-normal);
}

/* KEYBINDS -> DEFAULT */
.defaultKeybindGroup_f916fc {
  margin: 24px 0 0;
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}
.defaultKeybindGroup_f916fc .defaultKeybind_f916fc + .divider_b03b7f {
  display: block;
}
.defaultKeybindGroup_f916fc .divider_b03b7f {
  width: calc(100% - 32px);
  margin: 0 16px;
  border-top-color: var(--card-border-color);
}
.defaultKeybindGroup_f916fc .divider_b03b7f:last-of-type {
  display: none;
}

.defaultKeybind_f916fc {
  padding: 0 16px;
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}
.defaultKeybind_f916fc + .divider_b03b7f {
  display: none;
}

.defaultKeybindGroupHeader_f916fc {
  margin-bottom: 0;
  padding: 16px 16px 0;
  font-size: 18px;
  text-transform: none;
  font-weight: 500;
}
.defaultKeybindGroupHeader_f916fc + .divider_b03b7f {
  display: none;
}

.defaultKeybindGroupDescription_f916fc {
  margin-bottom: 0;
  padding: 16px 16px 0;
}
.defaultKeybindGroupDescription_f916fc + .divider_b03b7f {
  display: none;
}

/*
 *
 *  USER SETTINGS MY ACCOUNT
 *
 */
.accountProfileCard_b69b77 {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}
.accountProfileCard_b69b77 .userInfo_b69b77 {
  position: relative;
  height: 88px;
  padding: 16px 16px 16px 130px;
}
.accountProfileCard_b69b77 .userInfo_b69b77 .wrapper_c51b4e {
  top: unset;
  bottom: 21px;
  background-color: var(--card-color-filled);
  border: 8px solid var(--card-color-filled);
}
.accountProfileCard_b69b77 .bannerSVGWrapper_b32cc2 circle {
  display: none;
}
.accountProfileCard_b69b77 .background_b69b77 {
  position: relative;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
}
.accountProfileCard_b69b77 .background_b69b77:before {
  position: absolute;
  content: " ";
  width: calc(100% - 32px);
  height: 1px;
  top: 0;
  left: 16px;
  background-color: var(--card-border-color);
}
.accountProfileCard_b69b77 .background_b69b77 .fieldList_b69b77 {
  margin-top: 0;
  padding: 16px;
}
.accountProfileCard_b69b77 .background_b69b77 .fieldList_b69b77 .constrainedRow_b69b77 .button_dd4f85 {
  margin-left: 8px;
}
.accountProfileCard_b69b77 .background_b69b77 .fieldList_b69b77 .button_dd4f85:not(:last-child) {
  margin-right: 16px;
}

.settingsBanner_c3e427 {
  position: relative;
  border-radius: calc(var(--card-radius-big) / 1.5);
}

.fieldList_b69b77 {
  padding: 0;
  background-color: transparent;
  border-radius: 0;
}

.credentialList_eaef52 {
  margin-bottom: 16px;
  background-color: var(--card-color-filled);
  border: none;
  padding: 8px;
  border-radius: var(--card-radius-big);
}

.credentialItem_eaef52 {
  border-radius: calc(var(--card-radius-big) / 1.65);
  border-top: none;
  transition: var(--default-time) var(--default-animation) background-color;
}
.credentialItem_eaef52:not(:last-child) {
  margin-bottom: 0;
}
.credentialItem_eaef52:hover {
  background-color: var(--card-color-hover);
}

/*
 *
 *  USER SETTINGS NITRO
 *
 */
.container-3D-8Ly {
  border-radius: var(--card-radius-big);
}

.ctaWrapper-4Js5Q6 {
  border-radius: var(--card-radius-big);
}
.ctaWrapper-4Js5Q6 .ctaButtonInner-2VRelf {
  color: var(--button-text-color);
}

.innerWrapper_c511e4 {
  background-color: var(--popout-color);
  box-shadow: var(--shadow-3dp);
}

.tierCard_cf74b3 {
  border-radius: var(--card-radius-big);
}

.giftCard_cf74b3 {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}

/* USER SETTINGS -> NITRO -> SERVER BOOST */
.gradient_e74e54 {
  border-radius: var(--card-radius-big);
}

.wave_e74e54 {
  fill: var(--card-color-filled);
}

.wrapper_d73dcb {
  margin-top: 30px;
}

.guildContainer_e0d799,
.wrapper_d4ec61 {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}

.wrapper_d1fdce {
  border-radius: var(--card-radius-big);
}
.wrapper_d1fdce .card_d1fdce {
  border-radius: var(--card-radius-big);
}

/*
 *
 *  USER SETTINGS PARTY MODE
 *
 */
.achievementContainer_a26362 {
  background-color: var(--card-color-outlined);
  border: 1px solid var(--card-border-color);
  padding: 16px;
  border-radius: var(--card-radius-big);
}

.container_c46051 {
  background-color: var(--card-color-outlined);
  border: 1px solid var(--card-border-color);
  padding: 16px;
  border-radius: var(--card-radius-big);
}
.container_c46051:hover {
  background-color: var(--card-color-outlined);
}
.container_c46051 .container_d3e49b {
  background-color: var(--menu-item-hover);
}

.container_e48555 {
  padding: var(--tooltip-padding);
  background-color: var(--tooltip-color);
  box-shadow: var(--tooltip-shadow);
  border-radius: 28px;
}
.container_e48555 .container_d3e49b {
  background-color: rgba(0, 0, 0, 0.35);
}
.container_e48555 .text-md-semibold-3xVVGu,
.container_e48555 .text-xs-medium-2LRpEj {
  color: var(--tooltip-text-color) !important;
}

.comboNameplate_f21b25 {
  background-color: var(--popout-color);
  box-shadow: var(--shadow-3dp);
  border-radius: 18px;
}
.comboNameplate_f21b25 .comboMultiplier_f21b25 {
  color: hsl(var(--accent-hsl--material-you)) !important;
}

.progressBar-1T6LYX {
  background-color: hsl(var(--accent-hsl--material-you)) !important;
}

/*
 *
 *  USER SETTINGS PRIVACY AND SAFETY
 *
 */
.profile_f7ea1b {
  margin-left: 0;
}

.avatarBackground_bb882a {
  background-color: var(--card-color-filled);
}

.status_f7ea1b [style*="color: var(--status-positive)"] {
  color: var(--success-color) !important;
}

.line_f7ea1b {
  background-color: var(--card-color-active);
}

.marker_f7ea1b {
  margin: 0 !important;
  background-color: var(--card-color-active);
}
.marker_f7ea1b path {
  fill: var(--success-color);
  transform: translate(-1px, -1px) scale(1.091);
}
.marker_f7ea1b .empty_f7ea1b {
  background-color: var(--card-color-filled);
}

/*
 *
 *  USER SETTINGS PROFILES
 *
 */
.tabBar_bff66b .tabBarItem_bff66b {
  border-bottom: none;
}
.tabBar_bff66b .tabBarItem_bff66b.selected-g-kMVV {
  position: relative;
  background-color: transparent !important;
  border: none;
}
.tabBar_bff66b .tabBarItem_bff66b.selected-g-kMVV:after {
  position: absolute;
  content: " ";
  width: 90%;
  height: 3px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  background: var(--tab-border-color);
  border-radius: 3px 3px 0 0;
  transition: var(--default-time) ease all;
}

.baseLayout_bad983 {
  gap: 16px;
}

.notice-1Qe0b_ {
  background-color: var(--card-color-outlined);
  border: 1px solid var(--card-border-color);
  padding: 8px;
  border-radius: var(--card-radius-big);
}

.upsellOverlayContainer_eb49af,
.upsellTextContainer_eb49af {
  border-radius: var(--card-radius-big);
}

.upsellOverlayContainer_eb49af {
  overflow: hidden;
}

.container-5BK5-N, .container_da1432 {
  border-radius: var(--card-radius-big);
}

.customizationSection_b3a5c2 {
  --input-color: var(--input-color-alt);
  margin-bottom: 16px;
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
}
.customizationSection_b3a5c2:last-child:not(.withDivider_b3a5c2) {
  padding-bottom: 16px;
}
.customizationSection_b3a5c2.hideDivider_b3a5c2 {
  padding-bottom: 16px;
}
.customizationSection_b3a5c2.preview_bad983 {
  max-width: unset;
}
.customizationSection_b3a5c2.profileThemeSectionPremiumBorder-pH_ioT {
  margin: 0 0 16px;
  background: linear-gradient(var(--main-color), var(--main-color)) padding-box, linear-gradient(45deg, hsl(269, calc(var(--saturation-factor, 1) * 52.7%), 52.7%), hsl(325, calc(var(--saturation-factor, 1) * 31.7%), 51.8%)) border-box;
  border-width: 2px;
}
.customizationSection_b3a5c2.profileThemeSectionPremiumBorder-pH_ioT + .divider-2bhE_v {
  display: none;
}
.customizationSection_b3a5c2.profileThemeSectionPremiumBorder-pH_ioT .inlineUpsell-3zPTgw {
  background-color: var(--card-color-outlined);
  border: 1px solid var(--card-border-color);
  padding: 16px;
  border-radius: var(--card-radius-big);
}
.customizationSection_b3a5c2.preview-Z55SA3 .title_b3a5c2 {
  display: none;
}
.customizationSection_b3a5c2 .title_b3a5c2 {
  margin: -16px -16px 0;
  margin-bottom: 0;
  padding: 16px;
  background-color: transparent;
  font-size: 1.25em;
  line-height: normal;
  color: var(--card-header-text-color);
  font-weight: 400;
  opacity: 1;
}
.customizationSection_b3a5c2 .title_b3a5c2 .titleText-1IEWzs {
  line-height: normal;
  font-size: inherit;
  color: var(--card-header-text-color);
  font-weight: 400;
}
.customizationSection_b3a5c2 .removeButton_a611c9 {
  margin-left: 16px;
}

.customizationSectionBorder_b3a5c2 {
  margin: -16px;
  background: linear-gradient(var(--card-color-filled), var(--card-color-filled)) padding-box, linear-gradient(45deg, hsl(269, calc(var(--saturation-factor, 1) * 52.7%), 52.7%), hsl(325, calc(var(--saturation-factor, 1) * 31.7%), 51.8%)) border-box;
  border-radius: var(--card-radius-big);
}
.customizationSectionBorder_b3a5c2 .background_c6d722 {
  padding: 16px;
}
.customizationSectionBorder_b3a5c2 .nitroWheel_abc655 {
  height: 22px;
}

.bioTextArea_ccf27d {
  --input-padding: 0 12px;
  height: 136px !important;
  max-height: 136px !important;
  padding: var(--input-padding) !important;
  background-color: var(--input-color) !important;
  border-radius: calc(136px / 2) !important;
  border: none;
  border-radius: 19px !important;
}
.bioTextArea_ccf27d .textAreaWithoutAttachmentButton_d0696b {
  padding: 12px 0;
}

.profileBannerPreview-3mLIdO {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-3dp);
}
.profileBannerPreview-3mLIdO .avatarUploaderInner_ab876d {
  background-color: transparent;
  border: none;
  box-shadow: var(--shadow-3dp);
}
.profileBannerPreview-3mLIdO .avatarUploaderInner_ab876d:focus-within .avatarUploaderHint-2ZdBlc, .profileBannerPreview-3mLIdO .avatarUploaderInner_ab876d:hover .avatarUploaderHint-2ZdBlc {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
}
.decorationGridItem_b35b54, .effectGridItem_c80296 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
  transition: var(--default-time) var(--default-animation) background-color;
}
.decorationGridItem_b35b54:hover, .effectGridItem_c80296:hover {
  background-color: var(--card-color-hover);
}

.decorationPreview_aba31b {
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
}

.smallDecorationPreviewsContainer_aba31b {
  background-color: var(--card-color-filled);
  border: none;
  padding: 8px;
  border-radius: var(--card-radius-big);
}

.shopPreviewContainer_aba31b {
  background: linear-gradient(var(--card-color-filled), var(--card-color-filled)) padding-box, var(--custom-premium-colors-premium-gradient-tier-2-diagonal) border-box;
  border-radius: var(--card-radius-big);
}
.shopPreviewContainer_aba31b .shopPreviewBanner_aba31b {
  border-radius: calc(var(--card-radius-big) - 2px);
}

/* USER SETTINGS PROFILES -> TRY OUT NITRO SECTION */
.tryItOutSection_eb2d2c {
  position: relative;
  margin: 16px 0 0;
  padding: 0;
  border-radius: var(--card-radius-big);
  border: none;
}
.tryItOutSection_eb2d2c:before {
  position: absolute;
  content: " ";
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  top: 0;
  left: 0;
  background: linear-gradient(var(--main-alt), var(--main-alt)) padding-box, linear-gradient(45deg, hsl(269, calc(var(--saturation-factor, 1) * 52.7%), 52.7%), hsl(325, calc(var(--saturation-factor, 1) * 31.7%), 51.8%)) border-box;
  border-radius: inherit;
  border: 2px solid transparent;
}
.tryItOutSection_eb2d2c .premiumBackground_c6d722 {
  padding: 16px;
  background: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}

/*
 *
 *  QUESTS
 *
 */
.questsCard_c366aa {
  max-width: unset;
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}

.outerContainer_af8856 {
  border-radius: var(--card-radius-big);
}
.outerContainer_af8856 .questSplash_af8856 {
  max-width: unset;
  border-radius: var(--card-radius-big);
}
.outerContainer_af8856 .partnerBrandingGameTile_fc6f68 {
  border-radius: 50% !important;
}
.outerContainer_af8856 .promotedTagBackground_a4a2b0 {
  border-radius: 9px;
}

.outerContainer_d7df05 {
  background-color: transparent !important;
}
.outerContainer_d7df05 .gridProgressBar_d7df05 {
  color: hsl(var(--accent-hsl--material-you)) !important;
}

.questReward__47d57 {
  border-radius: calc(var(--card-radius-big) / 1.75);
}

/*
 *
 *  USER SETTINGS REGISTERED GAMES
 *
 */
.notDetected_fd966d {
  background-color: var(--card-color-filled) !important;
  border: none !important;
  padding: 16px;
  border-radius: var(--card-radius-big) !important;
}
.notDetected_fd966d .gameName_fd966d {
  color: var(--text-normal) !important;
}
.notDetected_fd966d .lastPlayed_fd966d {
  color: var(--text-muted) !important;
}

.nowPlaying_fd966d {
  border-radius: var(--card-radius-big);
  border: none;
}
.nowPlaying_fd966d .flowerStar_ff7d90 path {
  fill: #fff;
}
.nowPlaying_fd966d .childContainer_ff7d90 path {
  fill: #000;
}

.nowPlayingAdd_fd966d {
  margin: 16px 0;
  color: var(--text-normal) !important;
}
.nowPlayingAdd_fd966d .lookLink_dd4f85 {
  margin-left: 8px;
}
.nowPlayingAdd_fd966d + .marginTop40_f7730b {
  margin-top: 0;
}
.nowPlayingAdd_fd966d + .marginTop40_f7730b .eyebrow_c46f6a {
  margin-bottom: 0;
  padding: 16px;
  background-color: transparent;
  font-size: 1.25em;
  line-height: normal;
  color: var(--card-header-text-color);
  font-weight: 400;
  opacity: 1;
  padding: 16px 16px 8px;
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
}

.game_fd966d {
  padding: 16px;
  background-color: var(--card-color-filled);
  border-radius: 0 !important;
  border: none;
}
.game_fd966d:last-of-type {
  border-radius: 0 0 var(--card-radius-big) var(--card-radius-big) !important;
  box-shadow: none !important;
}
.game_fd966d .gameName_fd966d {
  font-weight: 500;
}
.game_fd966d:hover .gameNameInput_fd966d {
  background-color: var(--input-color-alt);
}
.game_fd966d .gameNameInput_fd966d {
  margin-left: -4px;
  padding: 0 4px;
  border: none;
  border-radius: 12px;
  line-height: 24px;
  transition: var(--default-time) var(--default-animation) background-color;
}
.game_fd966d .gameNameInput_fd966d:hover, .game_fd966d .gameNameInput_fd966d:focus {
  background-color: var(--input-color-alt);
}
.game_fd966d .overlayStatusText__668e1 {
  color: var(--text-muted) !important;
}
.game_fd966d .button_a467ac {
  right: -12px;
}

/*
 *
 *  USER SETTINGS SERVER BOOST
 *
 */
.cardWrapper_bc8d2a {
  background-color: var(--card-color-outlined);
  border: 1px solid var(--card-border-color);
  padding: 0;
  border-radius: var(--card-radius-big);
}
.cardWrapper_bc8d2a .card__11580 {
  border-radius: var(--card-radius-big);
}

.wrapper_adaea0 {
  border-radius: var(--card-radius-big);
}

.header_c258fa {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}

.border__8d6b3 {
  display: none;
}

.guild__74638 {
  background-color: var(--card-color-outlined);
  border: 1px solid var(--card-border-color);
  padding: 0;
  border-radius: var(--card-radius-big);
}
.guild__74638 .guildHeader__30707 {
  background-color: transparent;
  border-bottom: 1px solid var(--card-border-color);
}

.guildSubscriptionSlots__5823d {
  padding: 0;
  background-color: transparent;
}
.guildSubscriptionSlots__5823d .guildSubscriptionSlot_b76fc6 {
  padding: 16px;
  position: relative;
  border-bottom: none;
}
.guildSubscriptionSlots__5823d .guildSubscriptionSlot_b76fc6:after {
  position: absolute;
  content: " ";
  width: calc(100% - 16px * 2);
  height: 1px;
  right: 0;
  bottom: 0;
  margin: 0 16px;
  background-color: var(--card-border-color);
}
.guildSubscriptionSlots__5823d .guildSubscriptionSlot_b76fc6:last-of-type:after {
  display: none;
}

.wrapper_e55051 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 24px 24px 8px;
  border-radius: var(--card-radius-big);
}
.wrapper_e55051 .heading_e55051 {
  font-weight: 400;
}
.wrapper_e55051 .list_e55051 {
  border-top: none;
}
.wrapper_e55051 .listItem_e55051 {
  border-bottom-color: var(--card-border-color);
}
.wrapper_e55051 .listItem_e55051:last-child {
  border-bottom: none;
}

/*
 *
 *  USER SETTINGS THEME EDITOR
 *
 */
.themeEditor_c9dda6 {
  margin-left: 8px;
  padding: 0;
  background-color: var(--chat-color);
  border-radius: var(--card-radius-big) var(--card-radius-big) 0 var(--card-radius-big);
  border-left: none;
}
.themeEditor_c9dda6:before, .themeEditor_c9dda6:after {
  position: absolute;
  content: " ";
  width: var(--card-radius-big);
  height: var(--card-radius-big);
  left: calc((var(--card-radius-big) + 8px) * -1);
  bottom: 0;
  pointer-events: none;
}
.themeEditor_c9dda6:before {
  background-color: var(--main-alt);
}
.themeEditor_c9dda6:after {
  background-color: var(--chat-color);
  border-bottom-right-radius: var(--card-radius-big);
}
.themeEditor_c9dda6 .editorHeader_c9dda6 {
  padding: 16px;
}
.themeEditor_c9dda6 .editorFooter_c9dda6 {
  padding: 0 16px 16px;
}
.themeEditor_c9dda6 .heading-lg-extrabold__9db67 {
  font-size: 1.25em;
  line-height: normal;
  color: var(--card-header-text-color);
  font-weight: 400;
}
.themeEditor_c9dda6 .selectionGroup_c9dda6 {
  margin-top: 0;
}
.themeEditor_c9dda6 div[role=radiogroup] {
  margin-bottom: 24px;
  background-color: transparent;
  border: none;
}

/*
 *
 *  USER SETTINGS VOICE AND VIDEO
 *
 */
.soundButtonSettingContainer_c801bb {
  background-color: var(--card-color-hover);
  border-radius: calc(var(--card-radius-big) / 1.65);
}

.micTestButton_ca3055 {
  width: auto;
}

/*%micTest {
    align-items: flex-start;
}*/
.wrapper_e5cdf3 {
  height: 4px;
  border-radius: 2px;
  overflow: hidden;
}
.wrapper_e5cdf3 .container_e5cdf3 {
  width: 100% !important;
}
.wrapper_e5cdf3 [style*="background: linear-gradient(to right, var(--yellow-260), var(--green-360))"].container_e5cdf3 {
  background: var(--success-color) !important;
}
.wrapper_e5cdf3 .progress_e5cdf3 {
  background-color: var(--card-color-hover);
}
.wrapper_e5cdf3 .notches_e5cdf3 {
  display: none;
}

.micTestCaption_e75a73 {
  top: 22px;
  left: 148px;
}

.inputSensitivityBar_b6e3f3 .fill_b6e3f3 {
  height: 4px !important;
  background-color: var(--accent-text-color--material-you) !important;
  border-radius: 2px;
  transition: var(--default-time) var(--default-animation) width !important;
}

.cameraWrapper_ff1ac9 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
}
.cameraWrapper_ff1ac9 video {
  border-radius: var(--card-radius-big);
}

.backgroundOption_ad7d79 {
  border-radius: var(--card-radius-big);
}

.backgroundOptionRing_ad7d79 {
  border-radius: var(--card-radius-big);
  border-color: hsl(var(--accent-hsl--material-you));
}

.backgroundOptionInner_ad7d79 {
  background-color: var(--card-color-filled);
  border-radius: calc(var(--card-radius-big) - 4px);
}
.backgroundOptionInner_ad7d79 .backgroundOptionContent_ad7d79 {
  color: var(--text-normal);
}
/*
 *
 *  SETTINGS CONTENT AREA
 *
 */
.contentRegion_c25c6d {
  background-color: var(--main-content-color);
  overflow: hidden;
}
.contentRegion_c25c6d .h1_c46f6a,
.contentRegion_c25c6d .heading-lg-semibold__85c17,
.contentRegion_c25c6d .heading-lg-semibold__58a54,
.contentRegion_c25c6d .bd-settings-title {
  font-size: 22px;
  font-weight: 400;
}
.contentRegion_c25c6d .bd-settings-group-title {
  font-size: 14px;
  text-transform: none;
  font-weight: 500;
}

.eyebrow_c46f6a {
  font-weight: 500;
}

/*
 *
 *  SIDEBAR
 *
 */
.sidebarRegionScroller_c25c6d {
  background-color: var(--main-alt);
}

.sidebarRegion_c25c6d {
  flex: 0;
}

.sidebar_c25c6d {
  --sidebar-width: 240px;
  width: var(--sidebar-width);
  margin: 0;
  padding: 60px 0 40px;
}
.sidebar_c25c6d .side_a0 {
  width: inherit;
}

.sidebar_c25c6d .item_a0 {
  width: calc(var(--sidebar-width) - 18px);
  height: 32px;
  margin-left: 12px;
  padding: 0 16px;
  line-height: 32px;
  border-radius: var(--channel-radius);
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color;
  box-sizing: border-box;
}
.sidebar_c25c6d .item_a0.selected_a0 {
  background-color: hsl(var(--accent-hsl), 0.3) !important;
}
.sidebar_c25c6d .item_a0.selected_a0:before {
  opacity: 1;
}
.sidebar_c25c6d .item_a0.selected_a0 .premiumLabel_ae3c77 {
  color: var(--interactive-active) !important;
}
.sidebar_c25c6d .item_a0 svg {
  display: none;
}
.sidebar_c25c6d .item_a0 .selectedBackground_ae3c77 {
  display: none;
}
.sidebar_c25c6d .item_a0 .textBadge_f05120 {
  background-color: hsl(var(--accent-hsl--material-you)) !important;
  color: var(--accent-text-color--material-you);
}
.sidebar_c25c6d .header_a0,
.sidebar_c25c6d .bd-sidebar-header {
  margin: 10px 28px 12px;
  padding: 0;
  color: var(--text-muted) !important;
}
.sidebar_c25c6d .eyebrow_dc00ef,
.sidebar_c25c6d .bd-sidebar-header-label {
  font-size: 0.8em;
  text-transform: none;
}
.sidebar_c25c6d .bd-sidebar-header-label {
  padding: 0;
  line-height: 16px;
  color: inherit;
}
.sidebar_c25c6d .separator_a0 {
  position: relative;
  height: 1px;
  margin: 10px 22px 10px 28px;
  background: transparent;
}
.sidebar_c25c6d .separator_a0:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 1px;
  background: rgba(114, 118, 125, 0.3);
}

[style="background-color: var(--brand-500);"].textBadge_f05120 {
  background-color: hsl(var(--accent-hsl--material-you)) !important;
  color: var(--accent-text-color--material-you);
}

.contentColumnDefault_c25c6d,
.contentColumnMinimal_c25c6d,
.contentColumnWide_c25c6d,
.customColumn_c25c6d,
.customScroller_c25c6d > div {
  flex: 1 1 auto;
  min-width: 350px;
  max-width: 1400px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.contentColumnDefault_c25c6d,
.contentColumnWide_c25c6d {
  padding: 60px;
}

.customHeader-f9DEJ_ {
  padding-top: 0;
}

.customContainer_c25c6d {
  width: auto;
}
.customContainer_c25c6d .auto-2K3UW5 {
  background-color: var(--main-color) !important;
  border-top-left-radius: var(--card-radius-big);
}
.customContainer_c25c6d .customScroller_c25c6d {
  padding-right: 0 !important;
}
.customContainer_c25c6d .customScroller_c25c6d .content_cfe282 div:not([class])[style="height: 60px;"] {
  height: 0 !important;
}
.customContainer_c25c6d .customScroller_c25c6d > div {
  position: relative;
  min-width: 350px;
  max-width: 1400px;
  margin: 0 auto 60px;
  padding: 60px 97px 60px 60px !important;
}
.customContainer_c25c6d .customScroller_c25c6d > .customHeader_cfe282 {
  padding: 0;
}
.customContainer_c25c6d .customScroller_c25c6d .customHeader_cfe282 {
  padding-top: 0;
}

.card_ffe375:before {
  margin: 0 60px;
}

.customColumn_c25c6d + .toolsContainer_c25c6d,
.contentRegion_c25c6d div[role=tabpanel] + .toolsContainer_c25c6d {
  position: absolute;
  width: 60px;
  height: 60px;
  right: 0;
}
.customColumn_c25c6d + .toolsContainer_c25c6d .tools_c25c6d,
.contentRegion_c25c6d div[role=tabpanel] + .toolsContainer_c25c6d .tools_c25c6d {
  position: absolute;
  width: 36px;
  right: 0;
}

.contentColumnMinimal_c25c6d {
  padding: 60px 80px 80px;
}

.sidebarScrollable_e9196a .flexChild_bba380[style*="padding: 60px 15px 80px 20px;"] {
  padding: 60px 8px 40px 0 !important;
}

.sidebarScrollable_e9196a + .content_e9196a[style*="padding: 60px 0px 80px 20px;"] {
  padding: 0 0 0 20px !important;
}

.sidebarScrollable_e9196a + .content_e9196a {
  position: relative;
  width: calc(100% - 232px);
  left: 232px;
  right: 0;
  margin-left: 0;
  padding: 0 !important;
}
.sidebarScrollable_e9196a .side_a0 .header_a0:first-child {
  margin: 0 0 8px 0;
  padding: 0 0 0 10px !important;
}

.socialLinks_c44e94,
.info_c5a741 {
  padding: 8px 12px 8px 26px;
}

/* SIDEBAR -> LIGHT THEME WITH DARK SIDEBAR */
.sidebarRegion_c25c6d.theme-dark:after {
  position: absolute;
  content: " ";
  width: calc(100vw - 246px);
  height: 100%;
  top: 0;
  right: 0;
  background-color: var(--main-alt);
  pointer-events: none;
  z-index: -1;
}

.contentRegion_c25c6d {
  z-index: 2;
}

/*
 *
 *  USER SETTINGS
 *
 */
.layer_d4b6c5,
.standardSidebarView_c25c6d {
  background-color: var(--main-alt);
}

.contentRegion_c25c6d {
  background-color: var(--main-color);
  border-radius: var(--card-radius-big) var(--card-radius-big) 0 var(--card-radius-big);
}
.contentRegion_c25c6d .contentRegionScroller_c25c6d {
  background-color: transparent;
}

.closeButton_df5532 {
  position: relative;
  border: none;
}
.closeButton_df5532:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: hsl(var(--md-ripple-color), 0.1);
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  transform: scale(1.2);
  transition: 300ms ease;
  z-index: 4;
}
.closeButton_df5532:hover:after {
  opacity: 1;
  transform: scale(1.2);
  animation: scale 150ms var(--default-animation), opacity 150ms ease;
}
.closeButton_df5532:active:after {
  background-color: hsl(var(--md-ripple-color), 0.2);
}
.closeButton_df5532:hover {
  background-color: transparent !important;
}
.closeButton_df5532:active {
  transform: translateX(0px);
}

.noticeRegion_c25c6d,
.saveNoticeContainer_d5bf6c {
  left: 0;
  right: 0;
  margin: 0 auto;
}

.saveNoticeContainer_d5bf6c {
  left: 252px;
}

.container_b6cd66 {
  padding: 8px 8px 8px 16px;
  background-color: var(--popout-color) !important;
  border-radius: 4px;
  box-shadow: var(--shadow-2dp) !important;
}
.container_b6cd66 .actions_b6cd66 {
  flex-direction: row-reverse;
}
.container_b6cd66 .lookFilled_dd4f85 {
  --button-padding: 0 12px;
  --button-background: transparent;
  --button-text-color: hsl(var(--accent-hsl--material-you));
  --accent-button-action-hover: 0.14;
  --accent-button-action-active: 0.21;
}
.container_b6cd66 .lookFilled_dd4f85:after {
  --accent-button-action: hsl(var(--button-link-accent-color));
}
.container_b6cd66 .resetButton_b6cd66 {
  --button-padding: 0;
  min-width: var(--button-height);
  margin-left: 0;
  font-size: 0;
}
.container_b6cd66 .resetButton_b6cd66:before {
  display: flex;
  position: absolute;
  content: " ";
  width: 18px;
  height: 18px;
  background-color: var(--text-normal);
  -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/close.svg);
  -webkit-mask-repeat: no-repeat;
  transform: scale(1.333333);
}
.container_b6cd66 .resetButton_b6cd66 .contents_dd4f85 {
  display: none;
}

.keybind_df5532 {
  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__6c08a {
  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);
  }
}
