@import url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/css/fonts/google-sans-flex.css");
@import url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/css/fonts/google-sans-code.css");
@import url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/css/icons.css");
:root {
  --app-font: "Google Sans Flex";
  --app-font-width: 100;
  --app-font-roundness: 100;
  --app-bg: var(--main-alt);
  --app-watermark-one: "Material";
  --app-watermark-two: "Discord";
  --app-title-bar-height: 22px;
  --app-button-min: hsl(39,100%,63%);
  --app-button-max: hsl(143,100%,40%);
  --app-button-close: hsl(1,100%,68%);
  --accent-hue: 224;
  --accent-saturation: 71%;
  --accent-lightness: 61%;
  --accent-hsl: var(--accent-hue),calc(var(--accent-saturation) * var(--saturation-factor)),var(--accent-lightness);
  --accent-text-color: hsl(0,0%,100%);
  --alert-hue: 0;
  --alert-saturation: 85%;
  --alert-lightness: 61%;
  --alert-hsl: var(--alert-hue), calc(var(--alert-saturation) * var(--saturation-factor)), var(--alert-lightness);
  --alert-text-color: hsl(0,0%,100%);
  --warning-hue: 44;
  --warning-saturation: 71%;
  --warning-lightness: 61%;
  --warning-hsl: var(--warning-hue), calc(var(--warning-saturation) * var(--saturation-factor)), var(--warning-lightness);
  --warning-text-color: hsl(0,0%,100%);
  --reply-hue: var(--warning-hue);
  --reply-saturation: var(--warning-saturation);
  --reply-lightness: var(--warning-lightness);
  --reply-hsl: var(--reply-hue), calc(var(--reply-saturation) * var(--saturation-factor)), var(--reply-lightness);
  --reply-opacity: 0.3;
  --reply-text-color: var(--warning-text-color);
  --success-hue: 153;
  --success-saturation: 46%;
  --success-lightness: 49%;
  --success-hsl: var(--success-hue), calc(var(--success-saturation) * var(--saturation-factor)), var(--success-lightness);
  --success-text-color: hsl(0,0%,100%);
  --sidebar-panel-radius-big: calc(var(--main-textarea-height) / 2);
  --sidebar-panel-radius-small: 4px;
  --message-radius: 18px;
  --message-padding-top: 8px;
  --message-padding-side: 12px;
  --main-textarea-border: var(--input-border-color);
  --main-textarea-height: 54px;
  --main-textarea-radius: calc(var(--main-textarea-height) / 2);
  --main-textarea-inner-padding: 6px;
  --media-radius: calc(var(--message-radius) / 1.75);
  --card-radius: 8px;
  --card-radius-big: 18px;
  --button-height: 40px;
  --button-radius: calc(var(--button-height) / 2);
  --button-padding: 16px;
  --button-padding-start: var(--button-padding);
  --button-padding-end: var(--button-padding);
  --button-padding-has-icon: calc(var(--button-padding) / 1.33333);
  --button-font-size: 14px;
  --button-link-accent-color: var(--accent-hsl--material-you);
  --button-link-accent-text-color: hsl(var(--accent-hsl--material-you));
  --button-action-color: hsl(0,0%,100%);
  --button-action-hover: 0.06;
  --button-action-active: 0.12;
  --input-height: var(--button-height);
  --input-radius: calc(var(--input-height) / 2);
  --input-padding: 12px;
  --typing-color: hsl(from var(--chat-color) h s l / 0.9);
  --emoji-padding: 6px;
  --emoji-radius: calc(var(--popout-radius-big) - var(--emoji-padding));
  --emoji-category-header: hsl(from var(--card-color-filled) h s l / 0.95);
  --popout-radius: var(--card-radius);
  --popout-radius-big: var(--card-radius-big);
  --context-menu-padding: 4px;
  --avatar-radius: 24px;
  --channel-radius: 21px;
  --video-controls-height: 52px;
  --video-controls-fullscreen-scale: 1.0;
  --video-controls-button-size: calc(var(--video-controls-height) - 10px);
  --video-controls-button-padding: 4px;
  --video-controls-button-color: hsl(0,0%,0%, 0.35);
  --video-controls-button-hover-color: hsl(0,0%,100%,0.125);
  --progress-bar-height: 4px;
  --progress-bar-hover-height: 6px;
  --progress-grabber-size: calc(var(--progress-bar-hover-height) * 2);
  --switch-width: 46px;
  --switch-height: calc(var(--switch-width) / 1.625);
  --switch-radius: calc(var(--switch-height) / 2);
  --switch-border-size: 2px;
  --switch-knob-size: calc(var(--switch-height) / 2);
  --switch-knob-checked-size: calc(var(--switch-height) - (var(--switch-border-size) * 2));
  --slider-width: 16px;
  --slider-height: 16px;
  --slider-radius: 8px;
  --slider-grabber-height: 44px;
  --slider-grabber-background: var(--main-color);
  --slider-grabber-pill: hsl(var(--accent-hsl--material-you));
  --tooltip-color: hsl(0,0%,38%,0.9);
  --tooltip-border-color: hsl(0,0%,51%);
  --tooltip-text-color: hsl(0,0%,87%);
  --tooltip-font-size: 12px;
  --tooltip-padding: 8px;
  --tooltip-radius: 8px;
  --tooltip-shadow: 0px 5px 15px hsl(0,0%,0%,0.2);
  --shadow-1dp: 0 2px 2px 0 hsl(0,0%,0%,0.14), 0 3px 1px -2px hsl(0,0%,0%,0.2), 0 1px 5px 0 hsl(0,0%,0%,0.12);
  --shadow-2dp: 0 4px 5px 0 hsl(0,0%,0%,0.14), 0 1px 10px 0 hsl(0,0%,0%,0.12), 0 2px 4px -1px hsl(0,0%,0%,0.2);
  --shadow-3dp: 0 8px 10px 1px hsl(0,0%,0%,0.14), 0 3px 14px 2px hsl(0,0%,0%,0.12), 0 5px 5px -3px hsl(0,0%,0%,0.2);
  --shadow-soft: hsl(0,0%,0%,0.12) 0px 8px 22px;
  --shadow-medium: hsl(0,0%,0%,0.28) 0px 8px 24px;
  --shadow-hard: hsl(0,0%,0%,0.44) 0px 8px 24px;
  --default-animation: cubic-bezier(0.4,0,0.2,1);
  --default-time: 250ms;
  --scrollbar-width: 10px;
  --scrollbar-thin-width: 6px;
  --code-font: "Google Sans Code";
  --text-normal: var(--interactive-text-default);
  --custom-channel-header-height: calc(var(--guildbar-avatar-size) + var(--space-8));
}

.theme-dark {
  --app-button-active: hsl(0,0%,100%,0.1);
  --app-button-inactive: hsl(0,0%,100%,0.05);
  --main-color: hsl(225,8%,9%);
  --main-alt: hsl(220,9%,6%);
  --accent-hsl--material-you: var(--accent-hsl);
  --accent-text-color--material-you: var(--accent-text-color);
  --accent-secondary-color: hsl(from hsl(var(--accent-hsl)) h calc(s * 0.2) calc(l * 0.5));
  --accent-secondary-text-color: var(--accent-text-color);
  --server-color: transparent;
  --server-folder-color: hsl(0,0%,100%,0.085);
  --status-picker-color: hsl(228,5%,18%);
  --sidebar-panel-color: hsl(228,7%,14%);
  --chat-color: var(--main-color);
  --message-color: hsl(216,7%,14%);
  --message-color-hover: hsl(216,7%,18%);
  --message-color-alt: hsl(216,7%,13%);
  --attachment-color: hsl(216,7%,9%);
  --main-textarea-color: hsl(240,4%,18%);
  --main-textarea-inner-color: hsl(240,4%,11%);
  --main-textarea-button-color: hsl(240,4%,72%);
  --popout-color: hsl(214,7%,19%);
  --popout-color-alt: hsl(216,7%,14%);
  --popout-header-border: hsl(0,0%,100%,0.125);
  --separator-color: hsl(0,0%,100%,0.125);
  --header-secondary: hsl(0,0%,92%);
  --profile-body-background-color: hsl(225,6%,14%);
  --input-color: hsl(240,4%,16%);
  --input-color-alt: hsl(240,2%,22%);
  --input-border-color: hsl(0,0%,29%);
  --input-text-color: hsl(0,0%,85%);
  --input-placeholder-color: hsl(0,0%,59%);
  --input-pill-color: hsl(0,0%,100%,0.125);
  --tab-border-color: hsl(0,0%,100%);
  --interactive-muted: hsl(0,0%,41%);
  --text-disabled: hsl(0,0%,40%);
  --menu-item-hover: hsl(0,0%,100%,0.075);
  --menu-item-select: hsl(0,0%,100%,0.1);
  --menu-item-select-accent-opacity: 0.3;
  --menu-item-text-color: hsl(0,0%,76%);
  --card-color-outlined: transparent;
  --card-color-filled: hsl(225,6%,13%);
  --card-color-hover: hsl(225,6%,16%);
  --card-color-active: hsl(225,6%,25%);
  --card-color-alt: hsl(225,6%,18%);
  --card-color-alt-hover: hsl(225,6%,21%);
  --card-border-color: hsl(220,3%,26%);
  --card-header-text-color: hsl(0,0%,93%);
  --card-button-color: hsl(0,0%,100%,0.09);
  --card-button-color-hover: hsl(0,0%,100%,0.135);
  --activity-card-color: hsl(0,0%,100%,0.0475);
  --activity-card-color--hover: hsl(0,0%,100%,0.06);
  --activity-card-color--active: hsl(0,0%,100%,0.07);
  --activity-card-color--inset: hsl(0,0%,100%,0.05);
  --button-link-color: hsl(0,0%,100%);
  --button-link-text-color: hsl(0,0%,100%);
  --button-border-color: hsl(0,0%,27%);
  --switch-knob-color: hsl(0,0%,47%);
  --switch-knob-color-modal: hsl(0,0%,56%);
  --switch-knob-checked: var(--accent-text-color);
  --switch-slider-color: hsl(240,1%,20%);
  --switch-slider-color-modal: var(--switch-slider-color);
  --switch-slider-checked: hsl(var(--accent-hsl));
  --switch-color-modifier: 1.3;
  --slider-bar-background: hsl(from hsl(var(--accent-hsl--material-you)) h calc(s * 0.36) calc(l * 0.32));
  --slider-mark-color: hsl(from hsl(var(--accent-hsl--material-you)) h calc(s * 0.33) calc(l * 0.5));
  --md-ripple-color: 0,100%,100%;
  --scrollbar-color: hsl(0,0%,82%);
  --text-brand: hsl(var(--accent-hsl));
  --text-link: hsl(var(--accent-hsl));
}

.theme-light {
  --app-button-active: hsl(0,0%,0%,0.2);
  --app-button-inactive: hsl(0,0%,0%,0.1);
  --main-color: hsl(0,0%,98%);
  --main-alt: hsl(0,0%,91%);
  --accent-hsl--material-you: var(--accent-hsl);
  --accent-text-color--material-you: var(--accent-text-color);
  --accent-secondary-color: hsl(from hsl(var(--accent-hsl)) h calc(s * 0.6) calc(l * 1.425));
  --accent-secondary-text-color: hsl(from hsl(var(--accent-hsl)) h calc(s * 0.7) calc(l * 0.4));
  --server-color: transparent;
  --server-folder-color: hsl(0,0%,0%,0.1);
  --status-picker-color: hsl(180,3%,87%);
  --sidebar-panel-color: hsl(210,5%,93%);
  --chat-color: var(--main-color);
  --message-color: hsl(210,4%,90%);
  --message-color-hover: hsl(210,4%,86%);
  --message-color-alt: hsl(210,4%,84%);
  --attachment-color: hsl(210,4%,79%);
  --main-textarea-color: hsl(0,0%,85%);
  --main-textarea-inner-color: hsl(0,0%,97%);
  --main-textarea-button-color: hsl(0,0%,36%);
  --main-textarea-color-alt: hsl(0,0%,98%);
  --popout-color: hsl(0,0%,100%);
  --popout-color-alt: hsl(0,0%,90%);
  --popout-header-border: hsl(0,0%,80%);
  --separator-color: hsl(0,0%,0%,0.195);
  --header-secondary: hsl(0,0%,27%);
  --profile-body-background-color: hsl(0,0%,93%);
  --input-color: hsl(0,0%,89%);
  --input-color-alt: hsl(0,0%,100%);
  --input-border-color: hsl(0,0%,66%);
  --input-text-color: hsl(0,0%,17%);
  --input-placeholder-color: hsl(0,0%,39%);
  --input-pill-color: hsl(0,0%,0%,0.135);
  --tab-border-color: hsl(0,0%,47%);
  --interactive-muted: hsl(0,0%,60%);
  --text-disabled: hsl(0,0%,75%);
  --menu-item-hover: hsl(0,0%,0%,0.1);
  --menu-item-select: hsl(0,0%,0%,0.125);
  --menu-item-select-accent-opacity: 0.4;
  --menu-item-text-color: hsl(0,0%,20%);
  --card-color-outlined: transparent;
  --card-color-filled: hsl(0,0%,92%);
  --card-color-hover: hsl(0,0%,85%);
  --card-color-active: hsl(0,0%,80%);
  --card-color-alt: hsl(0,0%,98%);
  --card-color-alt-hover: hsl(0,0%,88%);
  --card-border-color: hsl(0,0%,78%);
  --card-header-text-color: hsl(0,0%,20%);
  --card-button-color: hsl(0,0%,100%,1);
  --card-button-color-hover: hsl(0,0%,0%,0.1);
  --activity-card-color: hsl(0,0%,0%,0.0785);
  --activity-card-color--hover: hsl(0,0%,0%,0.1);
  --activity-card-color--active: hsl(0,0%,0%,0.125);
  --activity-card-color--inset: hsl(0,0%,100%,0.685);
  --button-link-color: hsl(0,0%,0%);
  --button-link-text-color: hsl(0,0%,20%);
  --button-border-color: hsl(0,0%,80%);
  --switch-knob-color: hsl(0,0%,49%);
  --switch-knob-color-modal: hsl(0,0%,56%);
  --switch-knob-checked: var(--accent-text-color);
  --switch-slider-color: hsl(0,0%,81%);
  --switch-slider-color-modal: var(--switch-slider-color);
  --switch-slider-checked: hsl(var(--accent-hsl));
  --slider-bar-background: hsl(from hsl(var(--accent-hsl--material-you)) h calc(s * 0.36) calc(l * 1.85));
  --slider-mark-color: hsl(from hsl(var(--accent-hsl--material-you)) h calc(s * 0.54) calc(l * 1.5));
  --md-ripple-color: 0,0%,0%;
  --scrollbar-color: hsl(0,0%,10%);
  --text-brand: hsl(var(--accent-hsl));
  --text-link: hsl(var(--accent-hsl));
  --shadow-soft: hsl(0,0%,0%,0.12) 0px 8px 22px;
  --shadow-medium: hsl(0,0%,0%,0.28) 0px 8px 24px;
  --shadow-hard: hsl(0,0%,0%,0.44) 0px 8px 24px;
}

/*
 *
 *	APP ELEMENTS
 *
 */
* {
  font-family: var(--app-font), sans-serif !important;
  font-variation-settings: "slnt" 0, "wdth" var(--app-font-width), "GRAD" 0, "ROND" var(--app-font-roundness);
}

::selection {
  background: hsl(var(--accent-hsl), 0.35);
  text-shadow: none;
}

body,
.app_a3002d {
  background-color: transparent;
}

.bg__960e4,
.appMount__51fd7,
.container_a2f514 {
  background: var(--app-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

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

.appMount__51fd7 {
  --custom-channel-textarea-text-area-height: calc(var(--main-textarea-height) - (var(--main-textarea-inner-padding) * 2));
}

.app__160d8 {
  background-color: transparent;
}

.platform-win .bg__960e4 {
  inset-block-start: calc((var(--app-title-bar-height) + 4px) * -1);
}

.anchor_edefb8,
.icon_a2f514,
.low-saturation .anchor_edefb8,
.colorBrand-21Le_q, .colorBrand_c9946a {
  color: hsl(var(--accent-hsl));
}

/* APP ELEMENTS -> LIGHT THEME WITH DARK SIDEBAR */
.sidebar__5e434.theme-dark + .chat_f75fb0,
.sidebar__5e434.theme-dark + .container__133bf,
.sidebar__5e434.theme-dark + .container__8a529,
.sidebar__5e434.theme-dark + .applicationStore_f07d62,
.sidebar__5e434.theme-dark + .shop__08415,
.sidebar__5e434.theme-dark + .container_dc2e0e {
  border-radius: var(--card-radius-big);
  border-end-end-radius: 0;
}

/*
 *
 *  DENSITY SETTINGS
 *
 */
.density-default {
  --main-textarea-height: 48px;
}
.density-default .wrapper_ef3116 .button__201d5 {
  margin: 0 8px;
}
.density-default .channel__972a0:not(.dm__972a0) .link__972a0 {
  height: 42px;
}
.density-default .privateChannels_e6b769 {
  --channel-radius: 22px;
}
.density-default .link__2ea32 {
  min-height: 34px;
}
.density-default .timeline_791eb8 {
  margin-block-end: 8px;
}
.density-default .activityPanel__5e434 {
  height: 46px;
}
.density-default .wrapper__44df5 .buttonContainer__44df5 {
  margin-inline-end: 6px;
}
.density-default .privateChannels_e6b769,
.density-default .members_c8ffbb {
  --channel-radius: 21px;
}
.density-default .members_c8ffbb .container__91a9d {
  height: 42px;
}
.density-default .sidebar__23e6b .item_aa8da2 {
  height: 32px;
}
.density-default .searchHeader_ae7890 {
  --search-header-height: 48px;
}
.density-default .navItem__551b0 {
  border-radius: 24px;
}

.density-cozy {
  --main-textarea-height: 54px;
}
.density-cozy .channel__972a0:not(.dm__972a0) .link__972a0 {
  height: 48px;
}
.density-cozy .link__2ea32 {
  min-height: 38px;
}
.density-cozy .container_791eb8.withTimeline_791eb8.maximized_791eb8 {
  padding-block-start: 0;
}
.density-cozy .timeline_791eb8 {
  margin-block-end: 8px;
}
.density-cozy #vc-spotify-player {
  margin-block-end: 2px;
}
.density-cozy .activityPanel__5e434 {
  height: 54px;
}
.density-cozy .wrapper__44df5 .buttonContainer__44df5 {
  margin-inline-end: 10px;
}
.density-cozy .privateChannels_e6b769,
.density-cozy .members_c8ffbb {
  --channel-radius: 24px;
}
.density-cozy .members_c8ffbb .container__91a9d {
  height: 48px;
}
.density-cozy .sidebar__23e6b .item_aa8da2 {
  height: 40px;
  line-height: 40px;
}
.density-cozy .searchHeader_ae7890 {
  --search-header-height: 56px;
}
.density-cozy .navItem__551b0 {
  border-radius: 28px;
}

.density-compact {
  --main-textarea-height: 42px;
}
.density-compact .wrapper_ef3116 .button__201d5 {
  margin: 0 4px;
}
.density-compact .channel__972a0:not(.dm__972a0) .link__972a0 {
  height: 38px;
}
.density-compact .privateChannels_e6b769 {
  --channel-radius: 19px;
}
.density-compact .link__2ea32 {
  min-height: 30px;
}
.density-compact .container_791eb8 {
  padding: 6px 6px 0;
}
.density-compact .bar_791eb8 {
  margin-block-end: 12px;
}
.density-compact .timeline_791eb8 {
  margin-block-start: 12px;
  margin-block-end: 4px;
}
.density-compact .grabber_791eb8 {
  --slider-grabber-height: 16px;
}
.density-compact .activityPanel__5e434 {
  height: 42px;
}
.density-compact .wrapper__44df5 .buttonContainer__44df5 {
  margin-inline-end: 6px;
}
.density-compact .privateChannels_e6b769,
.density-compact .members_c8ffbb {
  --channel-radius: 20px;
}
.density-compact .members_c8ffbb .container__91a9d {
  height: 40px;
}
.density-compact .sidebar__23e6b .item_aa8da2 {
  height: 28px;
  line-height: 28px;
}
.density-compact .searchHeader_ae7890 {
  --search-header-height: 42px;
}
.density-compact .navItem__551b0 {
  border-radius: 22px;
}

/*
 *
 *	LOGIN SCREEN
 *
 */
.authBox__921c5 {
  padding: 24px 24px 0;
  background-color: var(--popout-color) !important;
  border-radius: var(--popout-radius-big) !important;
  border: none !important;
  box-shadow: var(--shadow-medium) !important;
}
.authBox__921c5:last-child {
  padding-block-end: 24px;
}
.authBox__921c5 .mainLoginContainer__1d5fc {
  margin-inline-end: 24px;
  padding-inline-end: 24px;
  border-inline-end: 1px solid var(--card-border-color);
}
.authBox__921c5 .heading-xl\/semibold_cf4812 {
  margin-block-end: 16px;
  font-weight: 400;
}
.authBox__921c5 .verticalSeparator_e16417 {
  display: none;
}
.authBox__921c5 .qrLogin_e16417 {
  height: 320px;
}
.authBox__921c5 .needAccount__1d5fc {
  line-height: 24px;
}
.authBox__921c5 .lookLink__201d5 .size14_a4e6b9 {
  line-height: var(--button-height);
}
.authBox__921c5:not(.chooseAccountAuthBox_df9c06) .lookLink__201d5 {
  --button-height: 17px;
  --button-padding-start: 0;
  --button-padding-end: 0;
  --button-radius: 0;
  font-size: var(--button-font-size) !important;
  font-weight: 400 !important;
}
.authBox__921c5:not(.chooseAccountAuthBox_df9c06) .lookLink__201d5:after {
  display: none;
}
.authBox__921c5:not(.chooseAccountAuthBox_df9c06) .lookLink__201d5:hover {
  text-decoration: underline !important;
}
.authBox__921c5 .needAccount__1d5fc + .lookLink__201d5 {
  position: relative;
  inset-block-start: -3px;
}

.navRow__86e92 {
  height: auto;
  padding: 24px;
  background-color: transparent !important;
}
.navRow__86e92 .button__201d5 {
  margin: 0;
}
.navRow__86e92 .button-1cRKG6 {
  margin: 0;
}

/*
 *
 *	LOADING ICONS
 *
 */
.path__46696,
.path2__46696,
.path3__46696 {
  stroke: hsl(var(--accent-hsl--material-you)) !important;
}

.path2__46696 {
  opacity: 0.6;
}

.path3__46696 {
  opacity: 0.2;
}

.wanderingCubes__46696 .item__46696 {
  background-color: hsl(var(--accent-hsl--material-you));
}

/*
 *
 *	APP TITLEBAR
 *
 */
.bar_c38106 {
  padding-inline-start: 0;
  padding-inline-end: var(--space-4);
}
.bar_c38106 .leading_c38106 {
  padding-inline-start: var(--space-8);
}
.bar_c38106 .title_edbb22 {
  line-height: var(--custom-app-top-bar-height);
  padding: 0 10px;
  gap: 0;
}
.bar_c38106 .title_edbb22:before, .bar_c38106 .title_edbb22:after {
  font-size: 0.925em;
  color: var(--interactive-text-default);
}
.bar_c38106 .title_edbb22:before {
  content: var(--app-watermark-one);
  font-weight: 700;
}
.bar_c38106 .title_edbb22:after {
  content: var(--app-watermark-two);
}
.bar_c38106 .title_edbb22 .guildIcon_edbb22,
.bar_c38106 .title_edbb22 .text-sm\/medium_cf4812,
.bar_c38106 .title_edbb22 svg {
  display: none;
}
.bar_c38106 .badge__81391 {
  box-shadow: 0 0 0 4px var(--main-alt);
}

.trailing_c38106 {
  gap: var(--space-8);
}

/* APP TITLE BAR -> BUTTONS */
.typeWindows__421ed.withFrame__421ed {
  height: var(--app-title-bar-height);
  margin-block-start: 0;
}

.winButtons_c38106 {
  padding-inline-end: var(--space-xxs);
}

.winButton_c38106 {
  --app-title-bar-height: var(--custom-app-top-bar-height);
  width: calc(var(--app-title-bar-height) / 1.325);
  inset-block-start: 0;
}
.winButton_c38106: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;
}
.winButton_c38106:hover:before {
  opacity: 1;
}
.winButton_c38106:after {
  position: absolute;
  content: " ";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: var(--app-button-active);
  transition: var(--default-time) var(--default-animation);
  pointer-events: none;
}
.winButton_c38106:active:after {
  opacity: 0.65;
}
.winButton_c38106.winButtonMinMax_c38106:nth-of-type(1):hover:after {
  background-color: var(--app-button-min);
}
.winButton_c38106.winButtonMinMax_c38106:nth-of-type(1):before {
  -webkit-mask-image: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/window_minimize.svg");
  -webkit-mask-repeat: no-repeat;
  background-color: var(--app-button-min);
}
.winButton_c38106.winButtonMinMax_c38106:nth-of-type(2):hover:after {
  background-color: var(--app-button-max);
}
.winButton_c38106.winButtonMinMax_c38106:nth-of-type(2):before {
  -webkit-mask-image: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/window_maximize.svg");
  -webkit-mask-repeat: no-repeat;
  background-color: var(--app-button-max);
}
.winButton_c38106.winButtonClose_c38106:hover:after {
  background-color: var(--app-button-close);
}
.winButton_c38106.winButtonClose_c38106:before {
  -webkit-mask-image: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/window_close.svg");
  -webkit-mask-repeat: no-repeat;
  background-color: var(--app-button-close);
}
.winButton_c38106:hover, .winButton_c38106:active {
  background-color: transparent;
}
.winButton_c38106 svg {
  display: none;
}

html:not(.app-focused) .winButton_c38106:after {
  background-color: var(--app-button-inactive);
}
html:not(.app-focused) .winButton_c38106.winButtonMinMax_c38106:after {
  background-color: var(--app-button-inactive);
}

/*
 *
 *	APP WATERMARK
 *
 */
.wordmark__421ed.wordmarkWindows__421ed {
  width: auto;
  height: var(--app-title-bar-height);
  padding: 0 0 0 4px;
  line-height: var(--app-title-bar-height);
  font-size: 0.9em;
  color: var(--interactive-text-default);
}
.wordmark__421ed.wordmarkWindows__421ed:before, .wordmark__421ed.wordmarkWindows__421ed:after {
  position: relative;
  width: auto;
  height: var(--app-title-bar-height);
}
.wordmark__421ed.wordmarkWindows__421ed:before {
  content: var(--app-watermark-one);
  font-weight: 700;
}
.wordmark__421ed.wordmarkWindows__421ed:after {
  content: var(--app-watermark-two);
}
.wordmark__421ed.wordmarkWindows__421ed svg {
  display: none;
}

/*
 *
 *  CHANNELS LIST ACCOUNT PANEL
 *
 */
.content__37e49 {
  min-height: 100%;
  height: inherit;
  padding: 0 8px;
  background-color: transparent !important;
}

.container__37e49 {
  width: 100%;
  min-height: unset;
  height: var(--main-textarea-height);
  margin-block-end: 0;
  margin-inline-start: 0;
  padding: 0 var(--space-xs) 0 6px;
  gap: var(--space-8);
  background-color: var(--status-picker-color);
  border-radius: var(--sidebar-panel-radius-small);
  box-sizing: border-box;
}
.container__37e49 .nameTag__37e49 {
  margin-inline-end: 2px;
}
.container__37e49 .subtext__339d0 {
  line-height: 14px;
}
.container__37e49 .button__67645 {
  color: var(--interactive-text-default) !important;
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) border-radius;
}
.container__37e49 .button__67645:hover {
  color: var(--interactive-text-hover) !important;
}
.container__37e49:has(.plated__37e49) .button__67645 {
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) border-radius, var(--default-time) var(--default-animation) backdrop-filter;
}
.container__37e49:has(.plated__37e49) .button__67645:hover, .container__37e49:has(.plated__37e49) .button__67645.popoutOpen__5e764 {
  backdrop-filter: blur(3px);
}

.buttons__37e49 {
  gap: var(--space-4);
}

.audioButtonParent__5e764 {
  gap: 1px;
}

.button__67645 {
  --background-mod-invisible: transparent;
  background-color: var(--background-mod-invisible) !important;
}
.button__67645:hover {
  background-color: var(--background-mod-subtle) !important;
}
.button__67645.audioButtonWithMenu__5e764 {
  border-radius: var(--button-radius) 4px 4px var(--button-radius);
}
.button__67645.buttonChevron__5e764 {
  width: 24px;
  margin-inline-start: 0;
  border-radius: 4px var(--button-radius) var(--button-radius) 4px;
}
.button__67645.buttonChevron__5e764.popoutOpen__5e764 {
  background-color: var(--background-mod-normal) !important;
  border-radius: var(--button-radius);
}

.redGlow__67645 {
  --background-mod-invisible: hsl(from hsl(var(--alert-hsl)) h s l / 0.1);
  --background-mod-subtle: hsl(from hsl(var(--alert-hsl)) h s l / 0.2);
  --background-mod-normal: hsl(from hsl(var(--alert-hsl)) h s l / 0.25);
}
.redGlow__67645 svg {
  color: hsl(var(--alert-hsl));
}
.redGlow__67645 .lottieIcon__5eb9b path[fill="rgb(88,101,242)"] {
  fill: currentColor;
}
.redGlow__67645 .lottieIcon__5eb9b path[stroke="rgb(88,101,242)"] {
  stroke: currentColor;
}

.buttonChevronIcon__5e764 path {
  fill: currentColor;
}

.fitInAccount__4bbc6 {
  width: 100%;
  height: 100%;
  inset-block-start: 0;
}

.accountPopoutButtonWrapper__37e49 {
  flex-grow: 1;
  min-width: 0 !important;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding: 5px calc(var(--custom-guild-list-padding) - var(--custom-panels-spacing) - 6px);
  border-radius: var(--sidebar-panel-radius-big);
}
.accountPopoutButtonWrapper__37e49:hover {
  background-color: var(--menu-item-hover);
}

.plated__37e49:hover {
  background-color: var(--background-mod-subtle);
}

/*
 *
 *  CHANNELS LIST ACTIVITIES PANEL
 *
 */
.activityPanel__5e434 {
  margin-block-end: 2px;
  padding: 0 8px;
  background: var(--sidebar-panel-color) !important;
  border-radius: var(--sidebar-panel-radius-small);
  border-block-end: none !important;
}
.activityPanel__5e434 .body__5dec7 {
  height: 100%;
}
.activityPanel__5e434 .gameIcon__8c6c2 {
  border-radius: 50%;
}

.container_bd9e38 {
  width: calc(100% - 16px);
  margin: 0 8px 20px;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-medium);
}
.container_bd9e38 .content_bd9e38 {
  padding: 8px 0;
}
.container_bd9e38 .content_bd9e38 .text-sm\/bold_cf4812 {
  color: var(--header-primary) !important;
}
.container_bd9e38 .content_bd9e38 .text-xs\/normal_cf4812 {
  color: var(--interactive-text-default) !important;
}
.container_bd9e38 .content_bd9e38 .button__201d5 {
  --button-padding-start: 12px;
  --button-padding-end: 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-block-start: -8px;
  border-radius: var(--popout-radius-big);
}

/*
 *
 *  CHANNELS LIST CONNECTION PANEL
 *
 */
.container_e131a9 {
  margin: 0 0 2px;
  padding: 8px;
  background-color: var(--sidebar-panel-color);
  border-radius: var(--sidebar-panel-radius-small);
  border-block-end: none !important;
}
.container_e131a9 .actionButtons_e131a9 .button__201d5 {
  --button-padding-start: 12px;
  --button-padding-end: 12px;
}
.container_e131a9 .maskSecondary__148e9 {
  border-color: var(--sidebar-panel-color);
}
.container_e131a9 .rtcConnectionStatus__06d62 .button__201d5 {
  --button-height: 24px;
}

.actionButtons_e131a9 .button__201d5 path[fill] {
  fill: currentColor !important;
}
.actionButtons_e131a9 .button__201d5 path[stroke] {
  stroke: currentColor !important;
}

.ping__06d62.largePing__06d62 {
  border-radius: calc(var(--sidebar-panel-radius-big) - 8px);
  box-shadow: none;
}

.align-chat-input .rtcConnectionQualityFine__06d62 .largePing__06d62 {
  background-color: hsl(from var(--background-feedback-positive) h s l/0.2);
}
.align-chat-input .rtcConnectionQualityAverage__06d62 .largePing__06d62 {
  background-color: hsl(from var(--background-feedback-warning) h s l/0.18);
}
.align-chat-input .rtcConnectionQualityBad__06d62 .largePing__06d62 {
  background-color: hsl(from var(--background-feedback-critical) h s l/0.19);
}

.userAvatar__55bab[style*="box-shadow: 0 0 0 0px var(--status-speaking), inset 0 0 0 2px var(--status-speaking), inset 0 0 0 3px var(--background-base-lower)"] {
  box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl)), inset 0 0 0 3px var(--background-base-lower) !important;
}

/*
 *
 *  CHANNELS LIST PANELS
 *
 */
.panels__5e434 {
  width: calc(100% - 20px);
  inset-inline-start: var(--space-12);
  inset-block-end: var(--space-12);
  margin: 0;
  background-color: transparent !important;
  border-radius: var(--sidebar-panel-radius-big);
  border: none;
  box-shadow: none;
  transition: var(--default-time) var(--default-animation) left;
}
.panels__5e434 > div:not(:empty) + div:empty + div:empty + .container__37e49 {
  border-start-start-radius: var(--sidebar-panel-radius-small);
  border-start-end-radius: var(--sidebar-panel-radius-small);
}
.panels__5e434 > div:not(:empty) + div:empty + div:not(:empty) .container_e131a9 {
  border-start-start-radius: var(--sidebar-panel-radius-small);
  border-start-end-radius: var(--sidebar-panel-radius-small);
}
.panels__5e434 > div:not(:empty):first-of-type {
  border-start-start-radius: var(--sidebar-panel-radius-big);
  border-start-end-radius: var(--sidebar-panel-radius-big);
}
.panels__5e434 > div:not(:empty):first-of-type .container_e131a9 {
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
}
.panels__5e434 > div:not(:empty):last-of-type {
  border-end-start-radius: var(--sidebar-panel-radius-big);
  border-end-end-radius: var(--sidebar-panel-radius-big);
}
.panels__5e434 > div:empty + .wrapper_e131a9 .container_e131a9 {
  border-start-start-radius: var(--sidebar-panel-radius-big);
  border-start-end-radius: var(--sidebar-panel-radius-big);
}
.panels__5e434 > div:empty + div:empty + .container__37e49 {
  border-start-start-radius: var(--sidebar-panel-radius-big);
  border-start-end-radius: var(--sidebar-panel-radius-big);
}
.panels__5e434 > div:empty:first-of-type + .container__37e49 {
  border-start-start-radius: var(--sidebar-panel-radius-big);
  border-start-end-radius: var(--sidebar-panel-radius-big);
}

button.button__67645, span.button__67645 {
  border-radius: var(--button-radius);
}

.listeningAlong_e0cf27 {
  margin-block-end: 2px;
  background: var(--sidebar-panel-color);
  border-radius: var(--sidebar-panel-radius-small);
  border-block-start: none;
  border-block-end: none !important;
}

.unreadBottom__629e4 {
  inset-block-end: 12px;
}

/* CHANNELS LIST PANELS -> ENABLE CLIPS */
.container__81977 {
  margin: -12px 12px 20px 12px;
  padding: 16px 8px 8px;
  background-color: var(--sidebar-panel-color);
  border-radius: var(--sidebar-panel-radius-big);
  z-index: 2;
}

/*
 *
 *  CHANNELS LIST QUEST PANEL
 *
 */
.wrapper__0d616 {
  margin-block-end: 2px;
  background-color: var(--sidebar-panel-color) !important;
  border-radius: var(--sidebar-panel-radius-small);
  overflow: hidden;
}
.wrapper__0d616:has(.contentWrapperExpanded__0d616) {
  overflow: visible;
}
.wrapper__0d616:has(.contentWrapperExpanded__0d616) .heroAsset__24e2c {
  opacity: 1;
}

.mask__0d616:first-child .wrapper__0d616 {
  border-start-start-radius: var(--sidebar-panel-radius-big);
  border-start-end-radius: var(--sidebar-panel-radius-big);
}

.contentWrapper__0d616 {
  background-color: var(--sidebar-panel-color) !important;
  border-radius: var(--sidebar-panel-radius-big) var(--sidebar-panel-radius-big) var(--sidebar-panel-radius-small) var(--sidebar-panel-radius-small);
  overflow: hidden;
  transition: var(--default-time) var(--default-animation) border-radius;
}
.contentWrapper__0d616:after {
  box-shadow: none !important;
}
.contentWrapper__0d616.contentWrapperExpanded__0d616 {
  background-image: none !important;
  border-start-start-radius: var(--popout-radius-big);
  border-start-end-radius: var(--popout-radius-big);
}
.contentWrapper__0d616.contentWrapperExpanded__0d616 .wrapper__8c034 {
  padding: 4px 8px !important;
  border-radius: calc(var(--popout-radius-big) / 1.5) !important;
}

.wrapper__8c034 {
  padding: 8px !important;
}

.wrapper__8c034,
.heroAssetWrapper__24e2c {
  border-radius: var(--sidebar-panel-radius-big) var(--sidebar-panel-radius-big) var(--sidebar-panel-radius-small) var(--sidebar-panel-radius-small) !important;
}

.heroAsset__24e2c {
  z-index: 2;
  opacity: 0;
  transition: 150ms var(--default-animation) opacity;
}

.questRewardTile__28141 {
  border-radius: calc(var(--sidebar-panel-radius-big) / 1.5) !important;
}

.title__24e2c,
.description__24e2c {
  padding: 8px;
  border-radius: calc(var(--sidebar-panel-radius-big) / 1.5);
  backdrop-filter: blur(10px) brightness(0.75);
}

.title__24e2c {
  border-end-start-radius: 4px;
  border-end-end-radius: 4px;
}

.description__24e2c {
  border-start-start-radius: 4px;
  border-start-end-radius: 4px;
}

.backgroundWrapper_efa999 {
  display: none;
}

.opaqueExpandedBackground__8c034 {
  border-radius: calc(var(--sidebar-panel-radius-big) / 1.5);
}

.heroAssetWrapper__24e2c {
  filter: none !important;
}

.legibilityGradient__24e2c {
  background: var(--sidebar-panel-color);
  border-radius: var(--sidebar-panel-radius-big) var(--sidebar-panel-radius-big) var(--sidebar-panel-radius-small) var(--sidebar-panel-radius-small);
}

.heroAssetDarken__24e2c,
.heroAssetTint__24e2c {
  background-color: var(--sidebar-panel-color) !important;
  border-radius: var(--sidebar-panel-radius-big) var(--sidebar-panel-radius-big) var(--sidebar-panel-radius-small) var(--sidebar-panel-radius-small);
}

/* CHANNELS LIST QUEST PANEL -> QUEST ACCEPTED */
.postEnrollmentBackground__24e2c {
  background-color: var(--app-foreground);
  border-block-start: none;
}

.contentCollapsedAccepted__7004f {
  padding: 12px 8px;
}

.postEnrollmentBackground__24e2c {
  background-image: none !important;
  background-color: var(--sidebar-panel-color);
  border-radius: var(--sidebar-panel-radius-small);
  border-block-start: none;
}
.postEnrollmentBackground__24e2c.postEnrollmentBackgroundExpanded__24e2c {
  border-radius: var(--sidebar-panel-radius-big) var(--sidebar-panel-radius-big) var(--sidebar-panel-radius-small) var(--sidebar-panel-radius-small);
}

.wrapper_de2d78 {
  margin-block-end: 0;
  background-color: var(--card-color-alt);
  border-radius: var(--card-radius-big);
  border: none;
}

.stepWrapperComplete_de2d78 .stepIconWrapper_de2d78 {
  background-color: hsl(var(--accent-hsl--material-you));
  border-color: hsl(var(--accent-hsl--material-you));
}
.stepWrapperComplete_de2d78 .stepConnector_de2d78:before {
  background-color: hsl(var(--accent-hsl--material-you));
  box-shadow: 0 0 6px hsl(var(--accent-hsl--material-you));
}

.stepIconWrapper_de2d78 {
  border-color: var(--card-border-color);
}
.stepIconWrapper_de2d78 .stepIcon_de2d78 path {
  fill: var(--accent-text-color--material-you);
}

/*
 *
 *	CHANNELS LIST
 *
 */
.sidebar__5e434 {
  background-color: transparent;
  overflow: hidden;
}
.sidebar__5e434:after {
  display: none;
}
.sidebar__5e434.hasNotice__5e434 {
  border-radius: 0 !important;
}
.sidebar__5e434 .name__29444 {
  font-size: 14px;
  text-transform: none;
}
.sidebar__5e434 .unread__3b95d {
  font-size: 14px;
  text-transform: none;
  background-color: var(--popout-color);
  box-shadow: var(--shadow-2dp);
  color: var(--interactive-text-default);
}

.container__2637a {
  padding-block-end: calc(var(--custom-app-panels-height, 0) + 12px - var(--sidebar-panel-radius-big));
  background-color: var(--main-color);
}
.container__2637a .scrollerBase_d125d2 {
  margin-block-end: 0;
  padding-block-end: 0;
}

.sidebarList__5e434 {
  border-start-start-radius: var(--card-radius-big);
  border-end-start-radius: var(--card-radius-big);
  border-block-start: none;
  border-inline-start: none;
  border: none;
}

.sidebarResizeHandle__5e434 {
  margin: var(--space-4) 0;
  border-radius: 2px;
}
.sidebarResizeHandle__5e434:hover, .sidebarResizeHandle__5e434:active {
  background-color: hsl(from var(--scrollbar-color) h s l/0.5);
}

.progressContainer__0d0f9 {
  background-color: var(--card-color-hover);
}

.channelInfo_c69b6d .text-xs\/semibold_cf4812 {
  color: hsl(var(--accent-hsl--material-you)) !important;
}

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

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

.container__7aaec.top__7aaec {
  padding-block-start: 4px;
}
.container__7aaec.bottom__7aaec {
  inset-block-end: 12px;
  padding-block-end: 4px;
}

.bar__7aaec {
  padding: 6px 10px;
  background-color: var(--popout-color);
  border: none;
  box-shadow: var(--shadow-medium);
}
.bar__7aaec.mentionsBar__7aaec {
  background-color: hsl(var(--alert-hsl));
}

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

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

#bd-notices + .content__5e434 .sidebar__5e434 {
  border-radius: 0 !important;
}

/* CHANNELS LIST -> SERVER SHOP */
.previewChannelRow_d59199 {
  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_d59199:hover {
  background-color: var(--menu-item-hover);
  color: var(--interactive-text-hover);
}
.previewChannelRow_d59199.selected_d59199 {
  background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity));
  color: var(--interactive-active);
}

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

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

/* CHANNELS LIST -> ACTION BUTTONS */
.container-3ygkZ6 {
  margin-inline-start: 8px;
  margin-inline-end: 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__2ea32 {
  border-radius: var(--channel-radius);
  transition: var(--default-time) var(--default-animation) background-color !important;
}
.wrapper__2ea32:hover .link__2ea32 {
  background-color: var(--menu-item-hover);
}
.wrapper__2ea32.modeSelected__2ea32 .link__2ea32 {
  background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity));
}
.wrapper__2ea32.modeSelected__2ea32 .icon__2ea32, .wrapper__2ea32.modeSelected__2ea32:hover .icon__2ea32 {
  color: var(--interactive-text-hover);
}
.wrapper__2ea32 .content__65844 {
  margin-inline-start: 0;
  background-color: transparent !important;
  border-radius: var(--channel-radius);
}
.wrapper__2ea32 .subtitle__2ea32 {
  color: hsl(var(--accent-hsl--material-you)) !important;
}

.link__2ea32 {
  margin-inline-end: calc(8px - var(--scrollbar-thin-width));
  padding: 0 8px;
  border-radius: var(--channel-radius);
  overflow: visible;
  transition: var(--default-time) var(--default-animation) background-color !important;
}
.link__2ea32 .linkTop__2ea32,
.link__2ea32 .content__65844 {
  min-height: inherit;
  gap: 8px;
  align-items: center;
}

.icon__2ea32,
.name__2ea32 {
  transition: var(--default-time) var(--default-animation) color;
}

.newChannel__599fa {
  color: hsl(var(--accent-hsl--material-you));
  text-transform: capitalize;
}
.newChannel__599fa[style="background-color: var(--badge-brand-bg);"] {
  background-color: hsl(var(--accent-hsl--material-you)) !important;
  color: var(--accent-text-color--material-you);
}

.typeThread__2ea32 .mainContent-20q_Hp {
  margin-inline-start: 28px;
}
.typeThread__2ea32 .link__2ea32 {
  padding: 0 12px !important;
}

.unreadBottom__629e4 {
  inset-block-end: calc(var(--custom-app-panels-height, 0) + var(--space-12));
  padding: 8px 12px;
}

.bar__3b95d {
  font-size: 0.815em;
  text-transform: none;
  font-weight: 500;
  text-transform: capitalize;
}
.bar__3b95d.unread__3b95d {
  background-color: var(--status-picker-color);
  transition: var(--default-time) var(--default-animation) opacity;
}
.bar__3b95d.mention__3b95d {
  background-color: hsl(var(--alert-hsl));
  color: var(--alert-text-color);
}

.containerDefault__29444:not(:only-child):last-child,
.containerDefault_c69b6d:not([role=listitem]):not(:only-child):last-child {
  padding-block-end: calc(var(--sidebar-panel-radius-big) + var(--space-16));
}

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

.refreshVoiceChannelsButton__29444 {
  padding-block-end: calc(var(--sidebar-panel-radius-big) + var(--space-16));
}

.containerDragBefore_c69b6d:before,
.containerDragAfter_c69b6d:after {
  inset-inline-start: 0;
  background-color: hsl(var(--accent-hsl--material-you));
}

.containerUserOver_c69b6d:after {
  inset-inline-end: 4px;
  background-color: hsl(var(--accent-hsl), 0.1);
  border-radius: var(--card-radius-big);
  border-color: hsl(var(--accent-hsl), 0.5);
}

.wrapper__260e1 {
  border: none;
}
.wrapper__260e1 .users__260e1 {
  padding: 0 6px;
  background-color: var(--status-picker-color);
}
.wrapper__260e1 .total__260e1 {
  width: auto;
  padding: 0 6px;
  background-color: var(--sidebar-panel-color);
}
.wrapper__260e1 .total__260e1:after {
  display: none;
}

.statusDiv__5cda9,
.subtitle__2ea32 .overflow_b0dfc2 {
  margin-block-end: 4px;
}

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

/*
 *
 *  CHANNELS LIST ICONS
 *
 */
.iconContainer__2ea32 {
  margin-inline-end: 0 !important;
}

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

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

/* VOICE */
.content__07f91 {
  border-radius: 15px;
  transition: var(--default-time) var(--default-animation) background-color;
}
.content__07f91 .ownerIcon__5d473 {
  margin-inline-end: 8px;
}

/*
 *
 *  CHANNELS LIST HEADER
 *
 */
.container_f37cb1 {
  background-color: var(--chat-color);
}
.container_f37cb1:not(.hasBanner_f37cb1) .header_f37cb1, .container_f37cb1:not(.hasBanner_f37cb1) .header_f37cb1:hover {
  background-color: var(--main-color);
}

.header_f37cb1 {
  padding-block: 0;
  padding-inline: var(--space-8) var(--space-md);
  border-block-end: none;
  box-shadow: var(--shadow-ledge);
}

.hasBanner_f37cb1 .header_f37cb1 {
  background-color: var(--chat-color);
  border-block-end: none;
}
.hasBanner_f37cb1.bannerVisible_f37cb1 .header_f37cb1 {
  background-color: transparent;
  box-shadow: none;
}
.hasBanner_f37cb1.bannerVisible_f37cb1 .headerGlass_f37cb1 {
  border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
  border-block-end: none;
}

.headerEllipseForeground_f37cb1 {
  position: absolute;
  height: var(--custom-channel-header-height);
  inset-block-start: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  border-radius: var(--card-radius-big);
}

.headerContent_f37cb1 {
  justify-content: flex-start;
  gap: var(--space-8);
}

.name_f37cb1 {
  width: 100%;
  margin: 0;
}

.guildIconContainer__85d16,
.guildIconV2Container__85d16 {
  margin-inline-end: 0;
}

.inviteButton_f37cb1 {
  border-radius: 10px;
  transition: var(--default-time) var(--default-animation) background-color;
}
.inviteButton_f37cb1:hover {
  background-color: var(--card-color-filled);
}

.guildDropdown_f37cb1 {
  padding-block: 0;
  padding-inline: var(--space-12) var(--space-8);
  gap: var(--space-xs);
  border-radius: 16px;
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) border-radius;
}
.guildDropdown_f37cb1:hover {
  background-color: var(--card-color-filled);
}
.guildDropdown_f37cb1[aria-expanded=true] {
  background-color: var(--card-color-active);
  border-radius: 10px;
}

.headerChildren_f37cb1 {
  height: 16px;
}

.animatedContainer_f37cb1 {
  background-color: var(--chat-color);
  border-block-end: none;
  box-shadow: none;
}

.animatedContainer_f37cb1,
.bannerImage_f37cb1 {
  border-radius: var(--card-radius-big);
}

.bannerImage_f37cb1 {
  overflow: hidden;
}

.communityInfoPill_f37cb1 {
  background-color: var(--card-color-filled);
  color: var(--interactive-text-default);
}

/*
 *
 *	PRIVATE CHANNELS LIST
 *
 */
.privateChannels_e6b769 {
  background-color: var(--main-color);
}
.privateChannels_e6b769 .scroller__99e7c {
  background-color: transparent;
}

.searchBar_e6b769 {
  border-block-end: none !important;
  box-shadow: var(--shadow-ledge);
}
.searchBar_e6b769 .searchBarComponent_e6b769 {
  height: 32px;
  padding: 0 10px;
  background-color: var(--input-color);
  border-radius: 16px;
}
.searchBar_e6b769 .button_a22cb0 {
  --button-height: 32px;
  --button-background: var(--input-color);
  --button-text-color: var(--input-text-color);
}
.searchBar_e6b769 .button_a22cb0 .text-sm\/medium_cf4812 {
  margin: 0;
  overflow: hidden;
}

.theme-light .searchBar_e6b769 .button_a22cb0 {
  --button-background: hsl(from var(--input-color) h s calc(l * 1.075));
}

.friendsButtonContainer_e6b769 {
  margin-block-start: 8px;
}

.channel__972a0 {
  margin: 2px 0 0 8px;
  padding: 0;
  border-radius: var(--channel-radius);
}
.channel__972a0 .interactive_bf202d {
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color;
}
.channel__972a0 .interactive_bf202d:hover {
  background-color: var(--menu-item-hover);
}
.channel__972a0 .interactive_bf202d.selected_bf202d {
  background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity));
}
.channel__972a0:not(.dm__972a0) .link__972a0 {
  padding: 0 var(--space-16);
}

.privateChannelsHeaderContainer__99e7c {
  height: auto;
  padding: var(--space-8) calc(var(--space-xs) + var(--space-8)) var(--space-4);
  font-size: 14px;
  text-transform: none;
}

.sectionDivider_e6b769 {
  width: calc(100% - (var(--space-xs) + var(--space-8)) * 2);
  margin: var(--space-12) calc(var(--space-xs) + var(--space-8));
}

/*
 *
 *  CHANNELS LIST VOICE
 *
 */
.list_c3cd7d {
  padding: 0 2px 8px 36px;
}

.listDefault__07f91 .content__07f91 {
  min-height: 30px;
  margin: 2px 0 0;
  padding: 0 3px;
  gap: 8px;
}
.listDefault__07f91 .content__07f91 .userAvatar__55bab {
  margin: 0;
}
.listDefault__07f91 .content__07f91 .icons__07f91 {
  margin-inline-end: 0;
}
.listDefault__07f91 .clickable__07f91:hover .content__07f91 {
  background-color: var(--menu-item-hover);
}
.listDefault__07f91 .clickable__07f91.selected__07f91 .content__07f91 {
  background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity));
}

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

.avatar__07f91 {
  border-radius: var(--avatar-radius);
}

.overlap__07f91 .avatar__07f91 {
  border-color: var(--main-color);
}

.optionsButton__07f91 {
  border-radius: 50%;
}
.optionsButton__07f91:hover {
  background-color: var(--card-button-color-hover);
}

/* CHANNEL LIST VOICE -> CUSTOM VC ACTIVITY */
.iconSpacing__07f91 {
  margin-inline-start: 0;
}

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

.popout__669b5 {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-medium);
}
.popout__669b5 .iconWidget__669b5 {
  background-color: var(--card-button-color) !important;
  border-radius: 50%;
  border: none;
  transition: var(--default-time) var(--default-animation) background-color;
}
.popout__669b5 .iconWidget__669b5:hover {
  background-color: var(--card-button-color-hover) !important;
}
.popout__669b5 .iconWidget__669b5.selectedWidget__669b5 {
  background-color: var(--card-color-filled) !important;
}
.popout__669b5 .divider__669b5 {
  margin: 16px 0;
  background-color: var(--popout-header-border);
}
.popout__669b5 .iconsContainer__669b5 {
  padding: 0;
}
.popout__669b5 .setCustomButton__669b5 {
  height: var(--button-height);
  padding: 0 20px;
  background-color: hsl(var(--accent-hsl--material-you));
  border-radius: var(--button-radius);
  border: none;
  color: var(--accent-text-color--material-you);
  justify-content: center;
}
.popout__669b5 .setCustomButton__669b5 svg {
  display: none;
}
.popout__669b5 .setCustomButton__669b5 .editIconColor__669b5 {
  color: inherit;
}
.popout__669b5 .setCustomButton__669b5 .text-xs\/medium_cf4812 {
  color: inherit !important;
  font-size: var(--button-font-size);
}

.popover_d6f39b {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  border: none;
  box-shadow: var(--shadow-medium);
}

.inner__1bad5 {
  padding: var(--context-menu-padding);
}

.row__1bad5 {
  border-radius: calc(var(--popout-radius-big) - var(--context-menu-padding));
  transition: var(--default-time) var(--default-animation) background-color;
}
.row__1bad5.clickable__1bad5:hover {
  background-color: var(--menu-item-hover);
}

/*
 *
 *	VOICE & VIDEO CALL
 *
 */
.wrapper__1405b {
  --button-height: 48px;
  --button-radius: calc(var(--button-height) / 2);
  --button-small-radius: 4px;
}

.buttonSection__1405b {
  background-color: hsl(from var(--popout-color) h s l/0.75);
  border-radius: calc(var(--button-height) + 4px);
  border: none;
}

.attachedCaretButtonContainer_f1ceac {
  gap: 2px;
}
.attachedCaretButtonContainer_f1ceac .colorable_f1ceac {
  position: relative;
  width: var(--button-height);
  height: var(--button-height);
  padding: 0;
  border-radius: var(--button-radius);
}
.attachedCaretButtonContainer_f1ceac .colorable_f1ceac.attachedButton_f1ceac {
  border-radius: var(--button-radius) var(--button-small-radius) var(--button-small-radius) var(--button-radius);
}
.attachedCaretButtonContainer_f1ceac .colorable_f1ceac.contextMenuNub_f1ceac {
  width: var(--button-height);
  margin-inline-start: 0;
  border-radius: var(--button-small-radius) var(--button-radius) var(--button-radius) var(--button-small-radius);
  transition: calc(var(--default-time) / 1.5) var(--default-animation) border-radius;
}
.attachedCaretButtonContainer_f1ceac .colorable_f1ceac.contextMenuNub_f1ceac.active_f1ceac {
  border-radius: var(--button-radius);
}
.attachedCaretButtonContainer_f1ceac .colorable_f1ceac.contextMenuNub_f1ceac:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  background-color: var(--button-text-color);
  -webkit-mask-image: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/chevron_down.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 50%;
  -webkit-mask-position: center;
  transition: calc(var(--default-time) / 1.5) var(--default-animation) transform;
}
.attachedCaretButtonContainer_f1ceac .colorable_f1ceac.contextMenuNub_f1ceac.active_f1ceac:before {
  transform: rotate(180deg);
}
.attachedCaretButtonContainer_f1ceac .colorable_f1ceac.contextMenuNub_f1ceac .contextMenuCaret_f1ceac {
  display: none;
}
.attachedCaretButtonContainer_f1ceac .colorable_f1ceac:after {
  border-radius: inherit;
}
.attachedCaretButtonContainer_f1ceac.disconnect_f1ceac {
  background-color: hsl(from var(--popout-color) h s l/0.75);
  border-radius: calc(var(--button-radius) + 4px);
  border: none;
}
.attachedCaretButtonContainer_f1ceac.disconnect_f1ceac .centerButton_f1ceac {
  border-radius: var(--button-radius) var(--button-small-radius) var(--button-small-radius) var(--button-radius);
}
.attachedCaretButtonContainer_f1ceac.disconnect_f1ceac .disconnect_f1ceac {
  background-color: hsl(var(--alert-hsl)) !important;
}
.attachedCaretButtonContainer_f1ceac.disconnect_f1ceac .disconnect_f1ceac .centerIcon_f1ceac {
  color: var(--alert-text-color) !important;
}
.attachedCaretButtonContainer_f1ceac.disconnect_f1ceac .disconnect_f1ceac:before {
  background-color: var(--alert-text-color) !important;
}

.attachedCaretButtonContainer_f1ceac .fullRegionButton_f1ceac.disconnect_f1ceac {
  --button-background: hsl(var(--alert-hsl));
  --button-text-color: var(--alert-text-color);
  --button-leave-height: calc(var(--button-height) + 4px);
  --button-radius: calc(var(--button-leave-height) / 2);
  width: var(--button-leave-height);
  height: var(--button-leave-height);
}

.avSpacing__1405b {
  display: none;
}

/* VOICE & VIDEO CALL -> ANSWER CALL POPOUT */
.centerButton_f1ceac {
  width: 56px;
  height: 56px;
  padding: 0;
  border: none;
}
.centerButton_f1ceac:after {
  display: none;
}

.centerIcon_f1ceac {
  padding: 0;
}

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

.chat_f75fb0 {
  border-start-end-radius: var(--card-radius-big);
  border-block-start: none;
}
.chat_f75fb0.threadSidebarOpen_f75fb0 {
  border-radius: 0 var(--card-radius-big) var(--card-radius-big) 0;
  border-inline-end: none;
}
.chat_f75fb0:has(.sidebarOpen_cb9592) {
  background-color: transparent !important;
}
.chat_f75fb0[data-has-border=true] {
  border-block-start: none;
}

.channelChatWrapper_cb9592 {
  background: transparent;
}

.noChannel__01d5c {
  background-color: var(--chat-color);
  border-start-end-radius: var(--card-radius-big);
}

.scroller_f35c3c {
  background-color: transparent;
}

.chatContent_f75fb0 {
  background: transparent !important;
}

.chatHeaderBar_dc83f5 {
  background-color: var(--chat-color);
  border-block-end: none;
}
.chatHeaderBar_dc83f5:after {
  display: none;
}

.chatGradientBase__36d07 {
  transition: var(--default-time) var(--default-animation) height, var(--default-time) var(--default-animation) background;
}

.chatGradient__36d07 {
  background: linear-gradient(to bottom, transparent, var(--chat-color));
}

.chatTypingGradientAtBottom__36d07 {
  height: var(--space-16);
  background: linear-gradient(to bottom, transparent, var(--chat-color) var(--space-8), var(--chat-color) 100%);
}

.chatTypingGradientNotAtBottom__36d07 {
  height: var(--space-32);
  background: linear-gradient(to bottom, transparent, var(--chat-color) var(--space-16), var(--chat-color) 100%);
}

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

.button_fc8177 {
  --button-padding-start: 12px;
  --button-padding-end: 12px;
  color: var(--button-link-text-color);
}

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

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

.role_b4b2c3 {
  background-color: var(--card-button-color);
  border-radius: 12px;
  transition: var(--default-time) var(--default-animation) background-color;
}
.role_b4b2c3:hover {
  background-color: var(--card-button-color-hover);
}

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

.chat_f75fb0 .cardWrapper_aae012 {
  border: none;
}
.chat_f75fb0 .cardWrapper_aae012 .card__11580, .chat_f75fb0 .cardWrapper_aae012 .card_aae012 {
  margin-block-start: 0;
  gap: var(--space-12);
  background-color: var(--card-color-filled);
  border-radius: 4px;
  border: none;
  transition: var(--default-time) var(--default-animation) background-color;
}
.chat_f75fb0 .cardWrapper_aae012 .card__11580:hover, .chat_f75fb0 .cardWrapper_aae012 .card_aae012:hover {
  background-color: var(--card-color-hover);
}
.chat_f75fb0 .cardWrapper_aae012:nth-of-type(2) .card__11580, .chat_f75fb0 .cardWrapper_aae012:nth-of-type(2) .card_aae012 {
  border-radius: var(--card-radius-big) var(--card-radius-big) 4px 4px;
}
.chat_f75fb0 .cardWrapper_aae012:last-of-type .card__11580, .chat_f75fb0 .cardWrapper_aae012:last-of-type .card_aae012 {
  border-radius: 4px 4px var(--card-radius-big) var(--card-radius-big);
}
.chat_f75fb0 .cardWrapper_aae012 .text-sm\/normal_cf4812 {
  margin-inline: 0;
}

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

.wrapper_fc8177 {
  background: transparent !important;
}

.attachment_fc8177,
.avatar_fc8177,
.blob_fc8177 {
  background: hsl(0, 0%, 100%) !important;
}

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

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

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

/* CHAT AREA -> NEW MESSAGES BAR */
.barBase__0f481:not(.jumpToPresentBar__0f481, .messagesErrorBar__0f481) {
  height: auto;
  inset-block-start: var(--space-16);
  inset-inline-start: 50%;
  inset-inline-end: unset;
  gap: var(--space-8);
  padding: var(--space-8);
  background-color: var(--popout-color);
  border-radius: calc(var(--button-radius) + var(--space-8));
  box-shadow: none;
  border: none;
  cursor: default;
  opacity: 1;
  z-index: 4;
  transform: translateX(-50%);
  transition: var(--default-time) var(--default-animation) box-shadow;
}
.barBase__0f481:not(.jumpToPresentBar__0f481, .messagesErrorBar__0f481):hover {
  box-shadow: var(--shadow-soft);
}
.barBase__0f481:not(.jumpToPresentBar__0f481, .messagesErrorBar__0f481):active {
  padding-block-start: var(--space-8);
}

.barButtonBase__0f481 {
  min-width: var(--button-height);
  height: var(--button-height);
  line-height: 18px;
  background-color: hsl(var(--accent-hsl--material-you));
  border-radius: var(--button-radius);
  color: var(--accent-text-color--material-you);
  pointer-events: all;
  cursor: pointer;
}
.barButtonBase__0f481.barButtonMain__0f481 {
  flex: 0 1 auto;
  padding: 0 16px;
  background-color: var(--accent-secondary-color);
  color: var(--accent-secondary-text-color);
}
.barButtonBase__0f481.barButtonAlt__0f481 {
  position: relative;
  padding: 0;
  background-color: hsl(var(--accent-hsl--material-you));
  color: var(--accent-text-color--material-you);
  font-size: 0;
  justify-content: center;
}
.barButtonBase__0f481.barButtonAlt__0f481 .barButtonIcon__0f481 {
  inset-block-start: 0;
  margin: 0;
}
.barButtonBase__0f481.barButtonAlt__0f481 .barButtonIcon__0f481 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 {
  inset-inline-end: 20px;
  justify-content: flex-end;
}

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

/* CHAT AREA -> JUMP TO PRESENT / NAVIGATOR */
.jumpToPresentBar__0f481 {
  --button-height: 56px;
  --button-padding-start: 16px;
  --button-padding-end: 16px;
  --button-radius: 20px;
  --button-font-size: 16px;
  width: auto;
  height: var(--button-height);
  min-width: var(--button-height);
  gap: var(--space-8);
  inset-block-end: var(--space-16);
  inset-inline-start: unset;
  inset-inline-end: var(--space-16);
  margin: 0;
  padding-inline-start: var(--button-padding-start);
  padding-inline-end: var(--button-padding-end);
  background: hsl(var(--accent-hsl--material-you)) !important;
  border-radius: var(--button-radius);
  border: none;
  box-shadow: var(--shadow-soft);
  transition: var(--default-time) var(--default-animation) box-shadow;
  opacity: 1;
  z-index: 3;
}
.jumpToPresentBar__0f481:hover {
  box-shadow: var(--shadow-medium);
}
.jumpToPresentBar__0f481:hover:after {
  opacity: var(--button-action-hover);
}
.jumpToPresentBar__0f481:active {
  margin-block: 0;
  margin-inline: auto;
}
.jumpToPresentBar__0f481:active:after {
  opacity: var(--button-action-active);
}
.jumpToPresentBar__0f481:before {
  content: " ";
  position: relative;
  width: 24px;
  height: 24px;
  inset-block-end: 0;
  inset-inline-start: unset;
  inset-inline-end: 0;
  box-sizing: border-box;
  -webkit-mask-image: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/chevron_down.svg");
  -webkit-mask-repeat: no-repeat;
  background-color: var(--accent-text-color--material-you);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-origin: content-box;
  mask-size: 150%;
  transform: none;
}
.jumpToPresentBar__0f481:after {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  inset-block-start: 0;
  inset-inline-start: 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;
}
.jumpToPresentBar__0f481 .barButtonBase__0f481 {
  display: none;
}
.jumpToPresentBar__0f481 .button__201d5 {
  --button-height: 24px;
  padding: 0;
  font-weight: 400;
}
.jumpToPresentBar__0f481 .button__201d5:after {
  display: none;
}
.jumpToPresentBar__0f481 .button_a22cb0 {
  --button-padding-start: 0;
  --button-padding-end: 0;
}
.jumpToPresentBar__0f481 .spinner__46696 {
  position: absolute;
  width: 100%;
  inset-inline-start: 0;
  inset-inline-end: 0;
  margin-block: 0;
  margin-inline: auto;
  padding: 0;
  background-color: hsl(var(--accent-hsl--material-you));
  border-radius: 50%;
  z-index: 3;
}

/*
 *
 *	DIRECT MESSAGES
 *
 */
.wrapper_cb9592 {
  background-color: var(--chat-color);
  border-radius: var(--card-radius-big);
  box-shadow: var(--shadow-medium);
}
.wrapper_cb9592.minimum_cb9592 {
  background-color: var(--chat-color);
}
.wrapper_cb9592 .callContainer_cb9592 {
  border-radius: var(--card-radius-big) 0 0 var(--card-radius-big);
}
.wrapper_cb9592.sidebarOpen_cb9592 .callContainer_cb9592 {
  border-radius: var(--card-radius-big);
}
.wrapper_cb9592.sidebarOpen_cb9592 {
  background-color: transparent !important;
}
.wrapper_cb9592.sidebarOpen_cb9592 .callContainer_cb9592 {
  border-radius: 0 var(--card-radius-big) var(--card-radius-big) 0;
}

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

.content_f75fb0 {
  background-color: transparent !important;
}
.content_f75fb0:before {
  display: none !important;
}

.container__5aa3a {
  border-radius: calc(var(--card-radius-big) / 1.5);
}

.border__2f4f7 {
  border-radius: var(--card-radius-big);
  transition: var(--default-time) var(--default-animation) box-shadow;
}
.border__2f4f7[style*="box-shadow: 0 0 0 0px var(--status-speaking), inset 0 0 0 2px var(--status-speaking), inset 0 0 0 3px var(--background-base-lower);"] {
  box-shadow: 0 0 0 0px hsl(var(--accent-hsl)), inset 0 0 0 2px hsl(var(--accent-hsl)), inset 0 0 0 3px var(--background-base-lower) !important;
}

.quickSelect__540d0 {
  margin-block-start: 12px;
}

.scroller_d6b206 {
  padding-block: 8px;
  padding-inline: 0 !important;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
}
.scroller_d6b206 .memberListHeader_d6b206 {
  margin-block: 8px;
  margin-inline: 0;
  padding-block: 0;
  padding-inline: 12px;
  color: var(--menu-item-text-color);
  text-transform: none;
}
.scroller_d6b206 .memberListItem_ec58fe {
  margin: 0;
  padding-block: 6px;
  padding-inline: 12px;
  border-radius: 0;
  transition: var(--default-time) var(--default-animation) background-color;
}
.scroller_d6b206 .memberListItem_ec58fe:not(.popoutDisabled_ec58fe):hover {
  background-color: var(--menu-item-hover) !important;
}
.scroller_d6b206 .memberListItem_ec58fe .memberListItemText_d6b206 {
  color: var(--menu-item-text-color);
}

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

.tile__90dc5 {
  border-radius: var(--card-radius-big);
}
.tile__90dc5 .button__201d5 .size16_a4e6b9 {
  line-height: var(--button-height);
}

.overlayTitle__2f4f7 {
  border-radius: 16px;
}

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

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

/* DIRECT MESSAGES -> SIDEBAR PROFILE */
.user-profile-sidebar[style] {
  height: calc(100% - 24px);
  margin: 12px;
  border-radius: var(--popout-radius-big);
  box-shadow: none;
}
.user-profile-sidebar[style]:not(.custom-user-profile-theme) {
  background-color: var(--popout-color);
}
.user-profile-sidebar[style] .inner_c0bea0 {
  border-radius: inherit;
}
.user-profile-sidebar[style] .inner_c0bea0 .overlayBackground_c69a7b {
  border-radius: var(--card-radius-big);
}

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

.overlay__3b260 .mutualFriendsDivider_b433b4 {
  position: relative;
  border-block-start: none;
}
.overlay__3b260 .mutualFriendsDivider_b433b4:before {
  position: absolute;
  content: " ";
  width: auto;
  height: 1px;
  inset-block-start: 0;
  inset-inline-start: 12px;
  inset-inline-end: 12px;
  background-color: var(--card-border-color);
  box-sizing: border-box;
}
.overlay__3b260 .button__201d5 {
  --button-height: 42px;
  --button-padding-start: 12px;
  --button-padding-end: 12px;
  --button-background: transparent !important;
  --button-radius: 0;
  --button-text-color: var(--header-primary) !important;
}
.overlay__3b260 .button__201d5:after {
  display: none;
}

.connectionList_a4a127 {
  --popout-radius: calc(var(--card-radius-big) / 1.55);
  margin-block-end: 8px;
}

.list__3b260 {
  margin-inline-start: 0;
}
.list__3b260 .row__0a95c {
  border-radius: calc(var(--popout-radius-big) / 2.5) !important;
}

.row__89036 {
  margin: 0;
  padding: var(--space-8);
  border-radius: calc(var(--popout-radius-big) / 2.5);
  transition: var(--default-time) var(--default-animation) background-color;
}
.row__89036:hover {
  background-color: var(--card-color-hover);
}
.row__89036:hover .mask__44b0c circle {
  fill: var(--card-color-hover);
}
.row__89036 .mask__44b0c circle {
  fill: var(--card-color-filled);
  transition: var(--default-time) var(--default-animation) fill;
}

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

.chat_a44415:before {
  display: none;
}

/* DIRECT MESSAGES -> STOLEN ACCOUNT WARNING */
.safetyBanner__51e4d {
  padding: var(--space-16);
  background-color: hsl(var(--alert-hsl));
  border-radius: var(--card-radius-big);
  box-shadow: var(--shadow-soft);
}
.safetyBanner__51e4d .heading-md\/semibold_cf4812,
.safetyBanner__51e4d .text-sm\/normal_cf4812 {
  color: var(--alert-text-color) !important;
}
.safetyBanner__51e4d .primary_a22cb0 {
  --button-background: hsl(from hsl(var(--alert-hsl)) h calc(s * 0.3) calc(l * 0.3));
  --button-text-color: hsl(from hsl(var(--alert-hsl)) h s calc(l * 0.96));
}
.safetyBanner__51e4d .secondary_a22cb0 {
  --button-background: hsl(from hsl(var(--alert-hsl)) h calc(s * 0.5) calc(l * 0.5));
  --button-text-color: hsl(from hsl(var(--alert-hsl)) h calc(s * 0.6) calc(l * 1.19));
}
.safetyBanner__51e4d .closeButton__51e4d {
  color: hsl(from hsl(var(--alert-hsl)) h calc(s * 0.325) calc(l * 0.325));
}

/* DIRECT MESSAGES -> TURN OFF FROM SERVER MODAL */
.guildContainer_c9e6eb {
  background-color: var(--card-color-filled);
  border: none;
  padding: var(--space-16);
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

/*
 *
 *	DIRECT MESSAGES ICONS
 *
 */
.root_bfe55a .videoControls_cf09d8 .button__201d5 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_bfe55a .videoControls_cf09d8 .button__201d5 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_bfe55a .videoControls_cf09d8 .button__201d5 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_bfe55a .videoControls_cf09d8 .button__201d5 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_bfe55a .videoControls_cf09d8 .button__201d5 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_bfe55a .videoControls_cf09d8 .button__201d5 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_bfe55a .videoControls_cf09d8 .button__201d5 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_bba883 {
  background-color: var(--popout-color);
  border-radius: 22px;
  box-shadow: var(--shadow-medium);
  overflow: hidden;
}

.buttons_bba883 {
  height: auto;
  padding: 6px;
  gap: 4px;
  box-sizing: border-box;
}

.button_bba883 {
  width: 32px;
  height: 32px;
  border-radius: 16px;
  color: var(--menu-item-text-color);
  transition: var(--default-time) var(--default-animation) background-color !important;
}
.button_bba883:hover {
  background-color: var(--menu-item-hover);
  color: var(--menu-item-text-color);
}
.button_bba883:hover .icon_bba883 {
  transform: scale(1);
}
.button_bba883 .icon_bba883 {
  transition: var(--default-time) var(--default-animation) transform;
}

.divider_bba883 {
  display: none;
}

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

/*
 *
 *	MEMBERS LIST
 *
 */
.membersWrap_c8ffbb,
.container_c8ffbb {
  background-color: transparent;
  border-inline-start: none;
}

.members_c8ffbb, .members_c8ffbb > div {
  background: transparent;
}
.members_c8ffbb .childContainer__91a9d {
  height: 100%;
  padding: 0;
  background-color: transparent !important;
}
.members_c8ffbb .container__91a9d {
  width: 100%;
  height: 42px;
  margin-block: 0 2px;
  margin-inline: 0;
  padding: 0;
}
.members_c8ffbb .container__91a9d,
.members_c8ffbb .container__91a9d .layout__91a9d {
  border-radius: var(--channel-radius);
}
.members_c8ffbb .container__91a9d .layout__91a9d {
  width: calc(100% - (var(--scrollbar-width) + 2px));
  margin-inline-start: 8px;
  padding-block: 0;
  padding-inline: 8px;
  transition: 200ms ease all;
}
.members_c8ffbb .container__91a9d:hover .layout__91a9d {
  background-color: var(--menu-item-hover);
}
.members_c8ffbb .container__91a9d.selected__91a9d .layout__91a9d {
  background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity));
}

.member__5d473 {
  max-width: 100%;
  background: transparent !important;
}
.member__5d473:hover .childContainer__91a9d {
  background-color: transparent;
}

.memberInner__5d473 {
  height: 100%;
}

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

.botTag__82f07 {
  border-radius: 8px !important;
}
.botTag__82f07.botTagRegular__82f07 {
  background-color: hsl(var(--accent-hsl--material-you));
  color: var(--accent-text-color--material-you);
}
.botTag__82f07 .botTagVerified__82f07 path {
  fill: var(--accent-text-color--material-you);
}

/* MEMBERS LIST -> ACTIVITIES */
.container__0f2e8 {
  padding-block: 8px;
  padding-inline: 12px 8px;
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
  border: none;
  transition: var(--default-time) var(--default-animation) background-color;
}
.container__0f2e8:hover {
  background-color: var(--card-color-hover);
}
.container__0f2e8 .thumbnail__0f2e8 {
  border-radius: calc(var(--card-radius-big) / 1.6);
}

/*
 *
 *  SEARCH RESULTS
 *
 */
.searchResultsWrap_a98f3b {
  margin-block: 12px;
  margin-inline: 8px 12px;
  background-color: var(--main-alt);
  border-radius: var(--popout-radius-big);
  border: none;
}

/* SEARCH RESULTS -> HEADER */
.searchHeader_ae7890 {
  --search-header-padding: 16px;
  height: var(--search-header-height);
  margin-block: 8px -8px;
  margin-inline: 8px;
  padding-block: 0;
  padding-inline: var(--search-header-padding) calc(var(--search-header-padding) / 2);
  background-color: var(--card-color-filled);
  border-radius: calc(var(--popout-radius-big) - 8px);
  border-block-end: none;
  box-shadow: var(--shadow-soft);
}

.searchHeaderTabList_ae7890 {
  height: 100%;
  --nav-button-height: calc(var(--search-header-height) - var(--search-header-padding));
  --nav-button-big-radius: calc(var(--nav-button-height) / 2);
  --nav-button-small-radius: calc(var(--nav-button-height) / 5);
  padding: 0;
  background-color: transparent;
  border-radius: 0;
  gap: 2px;
}
.searchHeaderTabList_ae7890 .item_aa8da2 {
  display: flex;
  min-width: calc(var(--button-height) + var(--space-8));
  height: var(--nav-button-height);
  padding-block-start: 0;
  padding-block-end: 0;
  background-color: var(--accent-secondary-color) !important;
  border-radius: var(--nav-button-small-radius);
  color: var(--accent-secondary-text-color);
  justify-content: center;
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color, var(--default-time) var(--default-animation) border-radius;
}
.searchHeaderTabList_ae7890 .item_aa8da2:first-of-type {
  border-radius: var(--nav-button-big-radius) var(--nav-button-small-radius) var(--nav-button-small-radius) var(--nav-button-big-radius);
}
.searchHeaderTabList_ae7890 .item_aa8da2:last-of-type {
  border-radius: var(--nav-button-small-radius) var(--nav-button-big-radius) var(--nav-button-big-radius) var(--nav-button-small-radius);
}
.searchHeaderTabList_ae7890 .item_aa8da2:hover {
  background-color: var(--card-button-color-hover) !important;
}
.searchHeaderTabList_ae7890 .item_aa8da2.selected_aa8da2 {
  background-color: hsl(var(--accent-hsl--material-you)) !important;
  border-radius: var(--nav-button-big-radius);
  border: none;
  color: var(--accent-text-color--material-you);
}
.searchHeaderTabList_ae7890 .item_aa8da2 {
  display: flex;
  height: calc(var(--search-header-height) - var(--search-header-padding));
  padding-block: 0;
  padding-inline: 12px;
  align-items: center;
}
.searchHeaderTabList_ae7890 .item_aa8da2.selected_aa8da2:after {
  display: none;
}

/* SEARCH RESULTS -> MESSAGES */
#search-results {
  display: flex;
  flex-direction: column;
  gap: var(--space-24);
}

.searchResultGroup_a7e67f {
  display: flex;
  flex-direction: column;
  margin-block-end: 0;
  gap: var(--space-16);
}

.scroller_a98f3b {
  padding-block: 16px 8px;
  padding-inline: 8px;
}

.searchResult__80bf8 {
  margin-block-end: 0;
  background-color: transparent;
  border-radius: 0;
  border: none;
}
.searchResult__80bf8 .wrapper_c19a55 {
  margin-block: 0 !important;
  margin-inline: 60px 8px !important;
  padding: 12px !important;
  border-radius: var(--message-radius);
}
.searchResult__80bf8 .wrapper_c19a55:before, .searchResult__80bf8 .wrapper_c19a55:after {
  display: none;
}
.searchResult__80bf8 .wrapper_c19a55 .avatar_c19a55 {
  inset-block-start: 0 !important;
  inset-inline-start: -50px !important;
}
.searchResult__80bf8 .wrapper_c19a55.hasReply_c19a55 .avatar_c19a55 {
  inset-block-start: 28px !important;
}
.searchResult__80bf8 .wrapper_c19a55.hasReply_c19a55 .avatarDecoration_c19a55 {
  inset-block-start: 28px;
}
.searchResult__80bf8 .wrapper_c19a55 .repliedMessage_c19a55:before {
  inset-inline-start: calc((var(--chat-avatar-size) / 2 + var(--message-padding-side) + var(--gutter) / 2) * -1);
  border-color: var(--message-color);
}

.message__80bf8 {
  padding-block: 0;
}

.buttonsContainer__80bf8 {
  inset-block-start: var(--space-8);
  inset-inline-end: var(--space-16);
}
.buttonsContainer__80bf8 .button__80bf8 {
  --button-height: var(--space-32);
  height: var(--button-height);
  line-height: var(--button-height);
  padding-block: 0;
  padding-inline: var(--space-8);
  background-color: var(--accent-secondary-color);
  border-radius: calc(var(--button-height) / 2);
  border: none;
  backdrop-filter: none;
  box-shadow: var(--shadow-soft);
}
.buttonsContainer__80bf8 .button__80bf8:hover {
  background-color: var(--accent-secondary-color);
}

.pageControl_c15210 {
  gap: var(--space-4);
}

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

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

.endButton_c15210:first-of-type {
  --button-padding-start: var(--button-padding-has-icon);
}
.endButton_c15210:last-of-type {
  --button-padding-end: var(--button-padding-has-icon);
}
.endButton_c15210 .contents__201d5 {
  gap: var(--space-8);
}
.endButton_c15210 .iconCaret_c15210 {
  margin-inline: 0;
}

/*
 *
 *	STAGE
 *
 */
.callContainer__722ff {
  border-radius: var(--card-radius-big);
}

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

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

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

.container_fcb27c .button__201d5 {
  --button-height: 56px;
  --button-padding-start: 16px;
  --button-padding-end: 24px;
  --button-radius: calc(var(--button-height) / 2);
}

.messageContentWrapper_d3c698 {
  background-color: var(--message-color);
  color: var(--interactive-text-default);
}

/*
 *
 *  SUMMARIES
 *
 */
.newTopicsBarTopicSection__0f481,
.newTopicsBarInitial__0f481 {
  height: var(--button-height);
  margin: 0;
  padding-inline: var(--button-padding-has-icon);
  background-color: var(--accent-secondary-color);
  color: var(--accent-secondary-text-color);
  border-radius: var(--button-radius);
  pointer-events: all;
}

.newTopicsBarTopicSection__0f481 {
  max-width: none;
}

.newTopicsBarInitial__0f481 {
  cursor: pointer;
}

.newTopicsBarTextClickable__0f481 {
  height: inherit;
  cursor: pointer;
}
.newTopicsBarTextClickable__0f481 > div {
  height: inherit;
  background-color: transparent;
  gap: 8px;
}

.newTopicsBarIcon__0f481,
.newTopicsBarCaret__0f481 {
  margin: 0;
}

.newTopicsBarText__0f481 {
  color: inherit;
}

.newTopicsBarCaret__0f481 {
  padding: 0;
}

/* SUMMARIES -> NO NEW MESSAGES */
.topicsPillContainer__0f481 {
  height: var(--button-height);
  inset-block-start: var(--space-16);
  background-color: transparent;
  box-shadow: none;
  pointer-events: none;
}

.topicsPill__0f481 {
  align-items: center;
  justify-content: center;
  gap: var(--space-8);
}

.topicsPillText__0f481,
.topicsPillCarets__0f481 {
  height: var(--button-height);
  border-radius: var(--button-radius);
  pointer-events: all;
}

.topicsPillText__0f481 {
  flex: 0 1 auto;
  padding-block: 0;
  padding-inline: var(--button-padding-has-icon);
  background-color: var(--accent-secondary-color);
  align-items: center;
}
.topicsPillText__0f481 > div {
  padding-inline-start: 0;
  gap: 8px;
}
.topicsPillText__0f481:hover .topicsPillDropdownCaret__0f481 {
  color: var(--accent-secondary-text-color);
}
.topicsPillText__0f481 .topicsPillTextSelected__0f481 {
  height: 18px;
  background-color: transparent;
}
.topicsPillText__0f481 .topicsPillSummaryIcon__0f481 {
  margin-inline-end: 0;
}
.topicsPillText__0f481 .topicsPillTextTitle__0f481,
.topicsPillText__0f481 .topicsPillDropdownCaret__0f481 {
  color: var(--accent-secondary-text-color);
}
.topicsPillText__0f481 .topicsPillDropdownCaret__0f481 {
  margin-inline-end: 0;
  padding-inline-start: 0;
}

.topicsPillCarets__0f481 {
  height: var(--button-height);
  padding-inline-end: 0;
  gap: 2px;
}

.topicsCaretLeft__0f481 {
  border-radius: var(--button-radius) 4px 4px var(--button-radius);
}

.topicsCaretRight__0f481 {
  border-radius: 4px var(--button-radius) var(--button-radius) 4px;
}

.topicsPillCaret__0f481 {
  background-color: hsl(var(--accent-hsl--material-you));
  color: var(--accent-text-color--material-you) !important;
  border: none;
}
.topicsPillCaret__0f481.topicsPillCaretDisabled__0f481 {
  opacity: 0.3;
}
.topicsPillCaret__0f481:hover {
  background-color: hsl(var(--accent-hsl--material-you));
}

/*
 *
 *	MAIN TEXTAREA
 *
 */
.form_f75fb0 {
  margin-block-start: 0 !important;
  padding: 0;
  background-color: var(--chat-color);
}
.form_f75fb0:before, .form_f75fb0:after {
  display: none;
}
.form_f75fb0 .channelTextArea__74017 {
  margin-block: 12px;
  margin-inline: 0;
  background-color: var(--main-textarea-color);
  border-radius: var(--main-textarea-radius);
  border: none;
  box-shadow: none;
}
.form_f75fb0 .channelTextArea__74017.channelTextAreaDisabled__74017 {
  opacity: 0.8;
}
.form_f75fb0 .channelTextArea__74017.channelTextAreaDisabled__74017 .scrollableContainer__74017 {
  margin-inline-end: var(--main-textarea-inner-padding);
  scrollbar-width: none;
}
.form_f75fb0 .channelTextArea__74017.channelTextAreaDisabled__74017 .inner__74017 {
  padding-inline: 0;
}
.form_f75fb0 .channelTextArea__74017.channelTextAreaDisabled__74017 .slateTextArea_ec4baf {
  margin-inline-start: var(--space-16);
}
.form_f75fb0 .channelTextArea__74017.channelTextAreaDisabled__74017 .textAreaSlate__74017 {
  width: calc(100% + var(--scrollbar-width));
  height: var(--custom-channel-textarea-text-area-height) !important;
  margin-inline: 0;
}
.form_f75fb0 .channelTextArea__74017.channelTextAreaDisabled__74017 .placeholder__1b31f {
  line-height: var(--custom-channel-textarea-text-area-height);
  padding: 0;
}
.form_f75fb0 .scrollableContainer__74017 {
  min-height: calc(var(--main-textarea-height) - var(--main-textarea-inner-padding) * 2);
  margin-block: var(--main-textarea-inner-padding);
  margin-inline: var(--main-textarea-inner-padding) 0;
  background-color: var(--main-textarea-color);
  border-radius: calc(var(--main-textarea-radius) - var(--main-textarea-inner-padding));
  opacity: 1;
}
.form_f75fb0 .scrollableContainer__74017.hasStackedBar__74017 {
  border-radius: 0 0 var(--main-textarea-radius) calc(var(--main-textarea-radius) / 2);
}
.form_f75fb0 .textAreaSlate__74017 {
  min-height: calc(var(--main-textarea-height) - var(--main-textarea-inner-padding) * 2);
  margin-inline-start: calc(var(--main-textarea-inner-padding) * 2);
  margin-inline-end: var(--main-textarea-inner-padding);
  background-color: var(--main-textarea-inner-color);
  border-radius: calc(var(--main-textarea-radius) - var(--main-textarea-inner-padding));
}
.form_f75fb0 .slateTextArea_ec4baf {
  min-height: calc(var(--main-textarea-height) - var(--main-textarea-inner-padding) * 2);
  margin-inline-start: var(--main-textarea-height);
  padding-block: calc((var(--main-textarea-height) - var(--main-textarea-inner-padding) * 2 - var(--chat-markup-line-height)) / 2);
  padding-inline: 0 var(--space-16);
}
.form_f75fb0 .textAreaDisabled__74017 .placeholder__1b31f {
  padding-inline-start: 16px;
}
.form_f75fb0 .inner__74017 {
  padding-inline-start: var(--main-textarea-inner-padding);
  padding-inline-end: calc(var(--main-textarea-inner-padding));
  overflow: hidden;
}
.form_f75fb0 .editor__1b31f {
  color: var(--interactive-text-default);
}
.form_f75fb0 .attachedBars_bdf0de {
  position: relative;
  background-color: var(--main-textarea-color);
  border-radius: var(--main-textarea-radius) var(--main-textarea-radius) 0 0;
  border-block-end: none;
}
.form_f75fb0 .attachedBars_bdf0de:after {
  position: absolute;
  content: " ";
  width: calc(100% - 24px);
  height: 1px;
  inset-inline-start: 0;
  inset-block-end: 0;
  margin-block: 0;
  margin-inline: 12px;
  background-color: var(--main-textarea-border);
}
.form_f75fb0 .attachedBars_bdf0de .replyBar__841c8 {
  background-color: transparent;
  border-radius: 0;
}
.form_f75fb0 .attachedBars_bdf0de .separator__841c8 {
  background-color: var(--main-textarea-border);
}
.form_f75fb0 .attachedBars_bdf0de .colorLink__201d5, .form_f75fb0 .attachedBars_bdf0de .colorLink_c9946a {
  color: hsl(var(--accent-hsl));
}
.form_f75fb0 .attachedBars_bdf0de + .scrollableContainer__74017 {
  border-radius: 0 0 var(--main-textarea-radius) var(--main-textarea-radius);
}
.form_f75fb0 .attachWrapper__0923f {
  width: calc(var(--main-textarea-height) - var(--main-textarea-inner-padding) * 2);
  height: calc(var(--main-textarea-height) - var(--main-textarea-inner-padding) * 2);
  margin-inline-end: calc((var(--main-textarea-height) + var(--main-textarea-inner-padding)) * -1);
  padding: 0;
  z-index: 2;
}
.form_f75fb0 .attachButton__0923f {
  width: inherit;
  height: inherit;
  margin: 0;
  padding: 0;
}
.form_f75fb0 .attachButtonInner__0923f {
  display: flex;
  width: inherit;
  height: inherit;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.form_f75fb0 .wrapper__4d3a9 {
  margin-inline-start: 0;
  margin-inline-end: calc((32px + var(--main-textarea-inner-padding)) * -1);
  z-index: 2;
}
.form_f75fb0 .icon__4d3a9 {
  display: flex;
  width: 32px;
  height: var(--custom-channel-textarea-text-area-height);
  padding: 0;
  align-items: center;
  justify-content: center;
}
.form_f75fb0 .typing_b88801 {
  position: absolute;
  width: calc(100% - (var(--scrollbar-width) + var(--space-32)));
  inset-block-start: -16px;
  inset-inline-start: 0;
  margin-block-start: 0;
  padding-block: 0;
  padding-inline: var(--space-16);
  background-color: var(--typing-color);
  transition: 200ms ease-in-out;
}
.form_f75fb0 .typing_b88801 .slowModeIcon_b21699 {
  margin-inline-end: 8px;
}

.placeholder__1b31f {
  color: var(--text-muted);
}

.floatingBars__74017:empty + .stackedBars__74017:nth-child(2) {
  border-start-start-radius: var(--main-textarea-radius);
  border-start-end-radius: var(--main-textarea-radius);
}

.stackedBars__74017 {
  position: relative;
  background-color: var(--main-textarea-color);
  border-radius: var(--main-textarea-radius) var(--main-textarea-radius) 0 0;
}
.stackedBars__74017:after {
  position: absolute;
  content: " ";
  width: calc(100% - 24px);
  height: 1px;
  inset-block-end: 0;
  inset-inline-start: 0;
  margin-block: 0;
  margin-inline: 12px;
  background-color: var(--separator-color);
}
.stackedBars__74017:first-child {
  border-radius: var(--main-textarea-radius) var(--main-textarea-radius) 0 0;
}
.stackedBars__74017:not(:last-child) {
  border-block-end: none;
}
.stackedBars__74017 .replyBar__841c8 {
  background: transparent;
}

.accessoryBar__74017 {
  margin-block: 0;
  margin-inline: 12px;
  padding-block: 0;
  padding-inline: 4px;
  padding: 0 4px;
  border-color: var(--separator-color);
}

.channelAttachmentArea_b77158 {
  padding: 12px;
  background-color: transparent;
}

.mentionButton__841c8 {
  --text-link: hsl(var(--reply-hsl));
}

.threadSuggestionBar__841c8 {
  position: relative;
  background-color: transparent;
  border: none;
}
.threadSuggestionBar__841c8:before {
  position: absolute;
  content: " ";
  width: calc(100% - 24px);
  height: 1px;
  inset-block-start: 0;
  inset-inline-start: 0;
  margin-block: 0;
  margin-inline: 12px;
  background-color: var(--main-textarea-border);
}
.threadSuggestionBar__841c8 .createThreadButton__841c8 {
  color: hsl(var(--accent-hsl)) !important;
}

.buttonContainer_aa63ab .activeButtonChild_aa63ab {
  color: hsl(var(--accent-hsl--material-you)) !important;
}
.buttonContainer_aa63ab .sendIcon_aa63ab {
  padding-block-start: 0;
}

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

.wrapper__44df5 {
  height: var(--main-textarea-height);
  margin-block: 12px;
  margin-inline: 16px;
  padding: 0;
  background-color: var(--main-textarea-color);
  border-radius: var(--main-textarea-radius);
  border: none;
}
.wrapper__44df5 .buttonContainer__44df5 {
  margin-inline-end: 4px;
}

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

.upload_aa605f {
  background-color: var(--card-color-filled);
  border: none;
  padding: var(--space-8);
  border-radius: var(--card-radius-big);
  box-shadow: none;
  box-shadow: none;
}
.upload_aa605f .image-1091CL {
  border-radius: var(--card-radius-big);
}
.upload_aa605f .wrapper_f7ecac {
  background-color: var(--popout-color);
  box-shadow: var(--shadow-medium) !important;
}
.upload_aa605f .wrapper_f7ecac:hover {
  box-shadow: var(--shadow-medium);
}
.upload_aa605f .altTag__41ea0 {
  border-radius: 10px;
}

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

.channelBottomBarArea_f75fb0 {
  margin: 0;
  padding-block: 0;
  padding-inline: var(--space-16);
  gap: 12px;
}
.channelBottomBarArea_f75fb0 + span + .typing_b88801,
.channelBottomBarArea_f75fb0 + .typing_b88801 {
  position: absolute;
  width: calc(100% - (var(--scrollbar-width) + var(--space-16) * 3));
  inset-inline-start: unset;
  inset-inline-end: var(--space-16);
  background-color: var(--typing-color);
}

.messagesErrorBar__0f481 {
  background-color: hsl(var(--alert-hsl));
  border-radius: 22px;
  border: none;
  color: var(--alert-text-color);
  box-shadow: var(--shadow-medium);
}

/* MAIN TEXTAREA -> APPS AND COMMANDS BUTTON */
.channelAppLauncher_e6e74f {
  width: var(--space-32);
  height: auto;
  margin: 0;
  padding: 0;
}
.channelAppLauncher_e6e74f .button_e6e74f {
  background-color: transparent;
  border-radius: 50%;
  transition: var(--default-time) var(--default-animation) background;
}
.channelAppLauncher_e6e74f .button_e6e74f:hover {
  background-color: transparent;
}

/* MAIN TEXTAREA -> BOT COMMANDS */
.entryPointButtonContainer_f75fb0 {
  margin: auto;
}

.entryPointAppCommandButtonContainer_a83188 {
  --button-height: var(--main-textarea-height);
  --button-padding-start: 0;
  --button-padding-end: 0;
  --button-radius: calc(var(--button-height) / 2);
  margin-inline-start: 0;
}

/* MAIN TEXTAREA -> INVITE TO GAME */
.activityInviteEducation_b88801 {
  inset-block-start: -14px;
  padding-inline-start: calc(22px + var(--main-textarea-inner-padding));
  overflow: visible;
}
.activityInviteEducation_b88801 .activityInviteEducationArrow_b88801 {
  transform: rotateX(180deg) translateY(-2px);
}
.activityInviteEducation_b88801 span {
  padding-block: 2px;
  padding-inline: 8px;
  background-color: var(--popout-color);
  border-radius: 12px;
  box-shadow: var(--shadow-medium);
}

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

/* MAIN TEXTAREA -> INTRODUCTION */
.banner__183e8 {
  margin-block-start: var(--main-textarea-inner-padding);
  margin-inline: var(--main-textarea-inner-padding);
  padding-block: 12px;
  padding-inline: 16px;
  background-color: var(--card-color-filled);
  border-radius: calc(var(--main-textarea-radius) - var(--main-textarea-inner-padding));
}
.banner__183e8 .text-md\/semibold_cf4812 {
  font-weight: 500;
}
.banner__183e8 .iconCircle__183e8 {
  width: var(--button-height);
  height: var(--button-height);
  background-color: hsl(var(--accent-hsl--material-you));
  border-radius: var(--button-radius);
}
.banner__183e8 .iconCircle__183e8 .nextIcon__183e8 {
  width: 20px;
  height: 20px;
}
.banner__183e8 .iconCircle__183e8 .nextIcon__183e8 polygon {
  fill: var(--accent-text-color--material-you);
}

/* MAIN TEXTAREA -> BUTTONS */
.button__74017,
.button_e6e74f,
.spriteGreyscale__04eed {
  --interactive-text-default: var(--main-textarea-button-color);
  --interactive-hover: var(--main-textarea-button-color);
  --interactive-active: var(--main-textarea-button-color);
}

.button__74017,
.button_e6e74f {
  display: flex;
  min-height: calc(var(--custom-channel-textarea-text-area-height) - 6px);
  justify-content: center;
  align-items: center;
}

/* MAIN TEXTAREA -> BUTTON RIPPLE */
.button__24af7,
.emojiButton__04eed,
.channelAppLauncher_e6e74f {
  position: relative;
}
.button__24af7:before,
.emojiButton__04eed:before,
.channelAppLauncher_e6e74f:before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  background-color: hsl(var(--md-ripple-color), 0.1);
  border-radius: 50%;
  opacity: 0;
  transform: scale(1.2);
  pointer-events: none;
  transition: 300ms ease;
  z-index: 4;
}
.button__24af7:hover:before,
.emojiButton__04eed:hover:before,
.channelAppLauncher_e6e74f:hover:before {
  opacity: 1;
  transform: scale(1);
  animation: md-ripple-scale 150ms var(--default-animation);
  transition: opacity 150ms ease;
}
.button__24af7:active:before,
.emojiButton__04eed:active:before,
.channelAppLauncher_e6e74f:active:before {
  background-color: hsl(var(--md-ripple-color), 0.2);
}

.button__24af7.attachButton__0923f:hover:before {
  transform: scale(0.8);
}

.button__24af7:not(.noHover__24af7):hover,
.attachButtonInner__0923f:hover,
.emojiButton__04eed:hover,
.buttonContainer_e6e74f:hover {
  background-color: transparent;
}

.buttons__74017 {
  gap: var(--space-4);
  align-items: center;
  justify-content: center;
}
.buttons__74017 .button__24af7,
.buttons__74017 .emojiButton__04eed,
.buttons__74017 .channelAppLauncher_e6e74f {
  height: calc(var(--custom-channel-textarea-text-area-height) - 6px);
  min-width: calc(var(--custom-channel-textarea-text-area-height) - 6px);
}

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

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

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

.chatHeaderBar_a5700d {
  background-color: var(--chat-color);
  border-block-end: 1px solid var(--card-border-color);
}

.scrollerInner_fb64c9 {
  margin-block-end: 16px;
}
.scrollerInner_fb64c9 .wrapper_c19a55.cozy_c19a55:not(.message__5126c) .avatar_c19a55 {
  inset-inline-start: -52px;
}

.channelTextArea_fb64c9 {
  margin-block: 0 12px;
  margin-inline: 16px;
  background-color: transparent;
}
.channelTextArea_fb64c9 .placeholder__1b31f {
  color: var(--input-placeholder-color);
}

.channelTextAreaInner_fb64c9 {
  max-height: 200px;
  background-color: var(--main-textarea-color);
  border-radius: var(--main-textarea-radius);
}
.channelTextAreaInner_fb64c9 .inner__74017 {
  padding-inline-start: 16px;
}
.channelTextAreaInner_fb64c9 .buttons__74017 {
  margin-inline-end: 0;
}

.container__9271d {
  background-color: var(--attachment-color);
  border: none;
}

/*
 *
 *  BETTERDISCORD PLUGIN -> BetterAnimations
 *
 */
[class*=BA__module] .wrapper_c19a55:not(.groupStart__5126c) {
  border-radius: var(--message-radius);
}
[class*=BA__module] .wrapper_c19a55:before, [class*=BA__module] .wrapper_c19a55:after {
  display: none;
}
[class*=BA__module] .cozy_c19a55:not(.groupStart__5126c) {
  margin-block-start: 2px;
  padding: var(--message-padding-top) var(--message-padding-side) !important;
}

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

/*
 *
 *  BETTERDISCORD PLUGIN -> ChannelDms
 *
 */
.ChannelDms-channelmembers-wrap .ChannelDms-channelmembers-header {
  padding: 0 !important;
  background-color: var(--main-color) !important;
  border-bottom-color: var(--popout-header-border) !important;
}
.ChannelDms-channelmembers-wrap .ChannelDms-channelmembers-header .item_aa8da2 {
  height: 46px;
  padding: 0 8px;
  line-height: 46px;
}
.ChannelDms-channelmembers-wrap .privateChannels_e6b769 {
  width: 240px;
}
.ChannelDms-channelmembers-wrap .privateChannelsHeaderContainer__99e7c {
  padding: 18px 8px 4px 16px;
}
.ChannelDms-channelmembers-wrap .channel__972a0 {
  margin-inline-start: 8px;
  margin-inline-end: 0;
  border-radius: 21px 0 0 21px;
}
.ChannelDms-channelmembers-wrap .channel__972a0 .interactive_bf202d {
  padding-inline-end: 0;
  padding-inline-start: 8px;
}

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

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

.channelTabs-tabContainer {
  gap: 4px;
}
.channelTabs-tabContainer .channelTabs-tabNav {
  gap: 4px;
  margin: 0 4px 0 0 !important;
}
.channelTabs-tabContainer .channelTabs-tabNav > div {
  width: 28px;
  height: 28px;
  margin-inline-end: 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-block-end: 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);
  inset-block-end: 0;
  background-color: transparent;
  transform: rotate(180deg);
  pointer-events: none;
  transition: var(--default-time) var(--default-animation) box-shadow;
}
.channelTabs-tab:before {
  inset-inline-start: calc(var(--inverted-curve-size) / 2 * -1);
  border-start-start-radius: calc(var(--inverted-curve-size) / 2);
}
.channelTabs-tab:after {
  inset-inline-end: calc(var(--inverted-curve-size) / 2 * -1);
  border-start-end-radius: calc(var(--inverted-curve-size) / 2);
}
.channelTabs-tab .channelTabs-tabName {
  margin-inline-end: 0 !important;
  font-weight: 500;
  transition: var(--default-time) var(--default-animation) color;
}
.channelTabs-tab .channelTabs-gridContainer {
  gap: 6px;
  margin-inline-end: 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_f75fb0 .charCounterAdded-zz9O4t .channelTextArea__74017 {
  margin-block-end: 0 !important;
}
.chatContent_f75fb0 .charCounterAdded-zz9O4t .channelTextArea__74017 .scrollableContainer__74017 {
  border-radius: var(--main-textarea-radius) var(--main-textarea-radius) 0 0;
}
.chatContent_f75fb0 .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_f75fb0 .counter-uAzbKp:before {
  position: absolute;
  content: " ";
  width: calc(100% - 24px);
  height: 1px;
  inset-block-start: 0;
  inset-inline-start: 12px;
  background-color: var(--main-textarea-border);
}
.chatContent_f75fb0 .counter-uAzbKp.chatCounter-XOMPsh {
  position: relative;
  inset-block-end: auto;
  margin-block-end: 12px;
}

/*
 *
 *  BETTERDISCORD PLUGIN -> HideChannels
 *
 */
.sidebar__5e434.hideElement .container__37e49 {
  height: 52px !important;
  margin-block-end: 0 !important;
  background-color: var(--chat-color) !important;
}
.sidebar__5e434.hideElement + .chat_f75fb0 {
  border-start-start-radius: var(--card-radius-big);
}
.sidebar__5e434.hideElement + .chat_f75fb0 .typing_b88801 {
  width: calc(100% + 240px);
  inset-inline-start: -240px;
}

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

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

.membersWrap_c8ffbb.hasCounter .members_c8ffbb {
  margin-block-start: 47px !important;
}

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

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

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

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

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

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

.PCL--divider {
  display: none;
}

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

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

/*
 *
 *  BETTERDISCORD PLUGIN -> PermissionsViewer
 *
 */
#permissions-modal-wrapper #permissions-modal {
  max-height: 80vh;
  border-radius: var(--popout-radius-big) !important;
  box-shadow: var(--shadow-medium) !important;
  border: none !important;
}
#permissions-modal-wrapper .header {
  background-color: var(--popout-color) !important;
  padding: 16px !important;
  box-shadow: none !important;
  border-block-end: 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-inline-end: 1px solid var(--popout-header-border);
}
#permissions-modal-wrapper .role-scroller {
  padding-block-start: 0;
}
#permissions-modal-wrapper .perm-side {
  padding: 0 0 16px 16px !important;
  background-color: transparent !important;
}
#permissions-modal-wrapper .role-item {
  margin-block-end: 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-block-end: none;
  box-shadow: none !important;
}
#permissions-modal-wrapper .perm-item:after {
  position: absolute;
  content: " ";
  width: calc(100% - 0px * 2);
  height: 1px;
  inset-inline-end: 0;
  inset-block-end: 0;
  margin: 0 0px;
  background-color: var(--card-border-color);
}
#permissions-modal-wrapper .perm-item:last-of-type:after {
  display: none;
}

/*
 *
 *  BETTERDISCORD PLUGIN -> PersonalPins
 *
 */
.themedPopout-1TrfdI {
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-medium);
}
.themedPopout-1TrfdI .header-145e10 {
  padding-block-end: 0 !important;
}
.themedPopout-1TrfdI .title-3OGHA5 {
  margin-block-start: 16px;
  line-height: 36px;
  font-weight: 500;
  font-size: 16px;
}
.themedPopout-1TrfdI .container__33507 {
  margin-block-start: 16px;
}
.themedPopout-1TrfdI .tab_ab6641 {
  height: 32px;
  margin-inline-end: 16px;
  padding: 0;
}
.themedPopout-1TrfdI .tab_ab6641:first-child {
  margin-inline-end: 16px;
}
.themedPopout-1TrfdI .tabBar_ab6641 .item_aa8da2 {
  height: 32px;
}
.themedPopout-1TrfdI .quickSelectWrapper-UCfTKz {
  margin-inline-end: 16px;
  font-weight: 500;
}

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

.repoScroller_9JnAPs {
  margin: 0 !important;
  padding-block-start: 16px !important;
  padding-inline-end: 82px !important;
}
.repoScroller_9JnAPs .tabContent_nZ-1U5 {
  margin-block-start: 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;
  inset-block-start: -2px;
  inset-inline-end: -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-inline-start: 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-start: 16px;
  --button-padding-end: 24px;
  height: var(--button-height);
  padding-inline-start: var(--button-padding-start);
  padding-inline-end: var(--button-padding-end);
  gap: 8px;
  background-color: hsl(var(--accent-hsl--material-you)) !important;
  border-radius: var(--button-radius);
  font-size: 1em;
  color: var(--accent-text-color--material-you);
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color;
}
.button_coQXfM[style="background-color: var(--status-positive);"] {
  background-color: rgba(255, 255, 255, 0.15) !important;
  color: #fff;
}
.button_coQXfM[style="background-color: var(--status-danger);"] {
  background-color: hsl(var(--alert-hsl)) !important;
  color: var(--alert-text-color);
}
.button_coQXfM .statIcon_o40EX1 {
  margin-inline-end: 0;
}

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

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

/*
 *
 *  BETTERDISCORD PLUGIN -> SpotifyControls
 *
 */
.coverWrapper_791eb8 {
  border-radius: calc(var(--sidebar-panel-radius-big) / 1.6);
  transform: translateY(0) !important;
}

.container_791eb8 {
  margin-block-end: 2px;
  background-color: var(--sidebar-panel-color);
  border-radius: var(--sidebar-panel-radius-small);
  border-block-end: none !important;
}
.container_791eb8.maximized_791eb8 .coverWrapper_791eb8 {
  inset-block-start: -2px;
  border-radius: var(--sidebar-panel-radius-big);
}
.container_791eb8 .text-sm\/normal_cf4812 {
  color: var(--text-subtle);
}

.timeline_791eb8 {
  margin: 16px 0 8px;
}
.timeline_791eb8 .barFill_791eb8 {
  background-color: hsl(var(--accent-hsl--material-you));
}
.timeline_791eb8 .grabber_791eb8 {
  display: flex;
}
.timeline_791eb8 .grabber_791eb8:before {
  background-color: hsl(var(--accent-hsl--material-you));
}
.timeline_791eb8:hover .barFill_791eb8 {
  background-color: hsl(var(--accent-hsl--material-you));
}
.timeline_791eb8:hover .grabber_791eb8 {
  display: flex;
}
.timeline_791eb8:hover .grabber_791eb8:before {
  background-color: hsl(var(--accent-hsl--material-you));
}

.barFill_791eb8 {
  transition: var(--default-time) ease width, var(--default-time) var(--default-animation) background-color;
}

.grabber_791eb8 {
  --slider-grabber-height: 20px;
  --slider-grabber-background: var(--sidebar-panel-color);
  display: flex;
  width: var(--slider-width);
  height: var(--slider-grabber-height);
  inset-block-start: calc((var(--slider-grabber-height) / 2 - 2px) * -1);
  margin-block-start: 0;
  background-color: var(--slider-grabber-background);
  border-radius: 0;
  border: none;
  transform: translateX(0);
  justify-content: center;
  box-shadow: none !important;
  z-index: 3;
  transition: var(--default-time) ease left;
}
.grabber_791eb8:before {
  position: absolute;
  content: " ";
  width: calc(var(--slider-width) / 4);
  height: 100%;
  inset-block-start: 0;
  background-color: var(--text-secondary);
  border-radius: calc(var(--slider-width) / 8);
  transition: var(--default-time) var(--default-animation) background-color;
}

.bar_791eb8 {
  margin-block-end: 16px;
}

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

#vc-spotify-progress-bar {
  --slider-height: 6px;
  --slider-grabber-height: 32px;
  --slider-grabber-background: var(--sidebar-panel-color);
}
#vc-spotify-progress-bar .control__5a838 {
  position: relative;
  width: calc(100% - 84px);
  inset-inline-start: 42px;
}

.vc-spotify-progress-time {
  inset-block-start: 0;
}

.wrapper_e131a9:empty + #vc-spotify-player {
  border-start-start-radius: var(--card-radius-big);
  border-start-end-radius: var(--card-radius-big);
}

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

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

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

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

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

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

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

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

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

.StatusEverywhere-avatar-userPopout {
  background-color: var(--popout-color) !important;
  border: none !important;
}

/*
 *
 *  BETTERDISCORD PLUGIN -> UserDetails
 *
 */
.UserDetails-activity-container img {
  border-radius: 50%;
}

/*
 *
 *  BETTERDISCORD ADDONS
 *
 */
.bd-search-wrapper {
  padding: 0 8px;
  background-color: var(--input-color);
  border-radius: 13px;
}
.bd-search-wrapper .bd-search {
  padding: 0;
  line-height: 26px;
  color: var(--interactive-text-default);
}
.bd-search-wrapper .bd-search::-webkit-input-placeholder {
  font-family: var(--app-font);
}

.theme-light .bd-search-wrapper {
  background-color: hsl(from var(--input-color) h s calc(l * 1.075));
}

.bd-addon-title > span {
  border-radius: 8px;
}
.bd-addon-title[data-showing-store=true] > span:first-child {
  transition: var(--default-time) var(--default-animation) background-color;
}
.bd-addon-title[data-showing-store=true] > span:first-child:hover {
  background-color: var(--menu-item-hover);
}

.bd-addon-views .bd-view-button {
  background-color: transparent !important;
}
.bd-addon-views .bd-view-button:not(.selected) svg[fill] {
  fill: var(--interactive-text-default);
}
.bd-addon-views .bd-view-button.selected {
  background-color: hsl(var(--accent-hsl--material-you)) !important;
}
.bd-addon-views .bd-view-button.selected svg {
  fill: var(--accent-text-color--material-you);
}

.bd-addon-controls + .bd-addon-list {
  margin-block-start: 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-block-start: 16px;
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
  box-shadow: none;
  color: var(--interactive-text-default);
  box-sizing: border-box;
  white-space: pre;
  word-wrap: break-word;
  line-height: 18px;
}

.bd-empty-image-container {
  margin-block-start: 24px;
  max-width: unset;
}

.bd-addon-list.bd-grid-view {
  margin: 16px 0 32px 0;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 16px clamp(8px, 2vw, 16px);
  justify-content: center;
}
.bd-addon-list .bd-addon-card {
  margin-block-end: 16px;
}

.bd-addon-card {
  background-color: var(--card-color-filled) !important;
  border: none !important;
  padding: 0 !important;
  border-radius: var(--card-radius-big) !important;
  box-shadow: none !important;
}
.bd-addon-card .bd-addon-header {
  margin-block-end: 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-block-end: none;
  gap: 8px;
}
.bd-addon-card .bd-addon-header .bd-icon {
  margin-inline-end: 0;
}
.bd-addon-card .bd-addon-header .bd-link {
  color: hsl(var(--accent-hsl));
}
.bd-addon-card .bd-addon-header .bd-meta {
  display: block;
  font-size: 12px;
}
.bd-addon-card .bd-description-wrap {
  padding: 0 16px;
}
.bd-addon-card .bd-description {
  padding: 0;
}
.bd-addon-card .bd-footer {
  background-color: transparent;
}
.bd-addon-card .bd-controls {
  background-color: transparent;
  border-radius: 14px;
  overflow: hidden;
}
.bd-addon-card .bd-controls .bd-button {
  padding: 3px 8px;
  background-color: var(--card-button-color) !important;
  color: var(--interactive-text-default);
}
.bd-addon-card .bd-controls .bd-button:not([disabled]):hover {
  background-color: var(--card-button-color-hover) !important;
}
.bd-addon-card path[d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"] {
  d: path("M13.545 2.907a13.2 13.2 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.2 12.2 0 0 0-3.658 0 8 8 0 0 0-.412-.833.05.05 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.04.04 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032q.003.022.021.037a13.3 13.3 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019q.463-.63.818-1.329a.05.05 0 0 0-.01-.059l-.018-.011a9 9 0 0 1-1.248-.595.05.05 0 0 1-.02-.066l.015-.019q.127-.095.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.05.05 0 0 1 .053.007q.121.1.248.195a.05.05 0 0 1-.004.085 8 8 0 0 1-1.249.594.05.05 0 0 0-.03.03.05.05 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.2 13.2 0 0 0 4.001-2.02.05.05 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.03.03 0 0 0-.02-.019m-8.198 7.307c-.789 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612m5.316 0c-.788 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612");
  transform: scale(1.25) translate(2px, 2px);
}

.bd-links {
  gap: 10px;
}
.bd-links .bd-addon-button + .bd-addon-button {
  margin: 0;
}

.bd-description-wrap .banner {
  margin-block-end: 16px;
  padding: 8px;
  border-radius: calc(var(--card-radius-big) / 1.5);
  border: none;
  color: var(--interactive-text-default);
}

.banner.banner-danger {
  background-color: hsl(var(--alert-hsl), 0.3);
}
.banner.banner-danger .bd-icon {
  fill: hsl(var(--alert-hsl));
}

/* BETTERDISCORD ADDONS -> BD ADDON MODAL */
.bd-addon-modal .bd-addon-modal-header h1 {
  font-size: 22px;
  font-weight: 400;
}
.bd-addon-modal .bd-select {
  height: var(--input-height);
  padding: 0 var(--input-padding);
  background-color: var(--input-color);
  border: none;
  max-height: var(--input-height);
  border-radius: calc(var(--input-height) / 2);
  box-shadow: none;
  font-size: 1em;
}
.bd-addon-modal .bd-select:focus-within {
  box-shadow: none;
}

/*
 *
 *  BETTERDISCORD BUTTONS
 *
 */
.bd-button {
  --button-background: hsl(var(--accent-hsl--material-you));
  --button-text-color: var(--accent-text-color--material-you);
  --button-shadow: none;
  --button-outline: none;
  background-color: var(--button-background) !important;
  border-radius: var(--button-radius);
  border: var(--button-outline) !important;
  box-shadow: var(--button-shadow);
  color: var(--button-text-color) !important;
}
.bd-button:hover {
  --button-shadow: none;
}
.bd-button:active {
  --button-shadow: none;
}
.bd-button:after {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  background-color: var(--button-action-color);
  border-radius: var(--button-radius);
  opacity: 0;
  pointer-events: none;
  transition: var(--default-time) var(--default-animation) opacity;
}
.bd-button:hover:after {
  opacity: var(--button-action-hover);
}
.bd-button:active:after {
  opacity: var(--button-action-active);
}
.bd-button:disabled {
  opacity: 0.5 !important;
}
.bd-button:disabled:after {
  display: none;
}
.bd-button .bd-button-content {
  background-image: none !important;
}

.bd-button-filled.bd-button-color-red, .bd-button-filled.bd-button-danger {
  --button-background: hsl(var(--alert-hsl));
  --button-text-color: var(--alert-text-color);
}

.bd-button-link {
  --button-padding-start: 12px;
  --button-padding-end: 12px;
  --button-background: transparent;
  --button-shadow: none !important;
}
.bd-button-link:after {
  --button-action-color: hsl(var(--accent-hsl--material-you));
}
.bd-button-link.bd-button-color-brand, .bd-button-link.bd-button-color-primary {
  --button-text-color: hsl(var(--accent-hsl--material-you));
}

.bd-button-blank {
  --button-background: transparent;
  --button-shadow: none !important;
  --button-text-color: var(--interactive-text-default);
}

.bd-button-medium,
.bd-button-large {
  min-width: var(--button-height);
  height: var(--button-height);
  min-height: var(--button-height);
}

/*
 *
 *  BETTERDISCORD CSS EDITOR
 *
 */
#bd-editor-panel {
  border-radius: var(--card-radius-big);
  overflow: hidden;
}

#bd-editor-controls {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
}

#bd-customcss-editor {
  background-color: var(--card-color-filled);
}

.monaco-editor {
  outline: none;
}
.monaco-editor,
.monaco-editor .monaco-editor-background,
.monaco-editor .margin {
  background-color: inherit !important;
}
.monaco-editor .overflow-guard {
  border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
  border-block-start: none;
}
.monaco-editor .minimap {
  inset-inline-end: 7px;
}
.monaco-editor .minimap.minimap-shadow-visible {
  box-shadow: none !important;
}
.monaco-editor .scroll-decoration {
  box-shadow: none !important;
}

.monaco-editor *,
.ace_editor *,
.line-numbers * {
  --app-font: var(--code-font), monospace;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}
.monaco-editor .codicon[class*=codicon-],
.ace_editor .codicon[class*=codicon-],
.line-numbers .codicon[class*=codicon-] {
  font-family: codicon !important;
}

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

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

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

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

.bd-addon-errors {
  margin-block-start: 0;
}

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

/*
 *
 *  BETTERDISCORD MODALS
 *
 */
.bd-modal-root {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  border: none;
  box-shadow: var(--shadow-medium);
}
.bd-modal-root .paragraph_d285a6 {
  color: var(--interactive-text-default);
}
.bd-modal-root .bd-modal-footer {
  background-color: transparent;
  box-shadow: none;
  gap: 8px;
}
.bd-modal-root .bd-settings-group {
  --slider-grabber-background: var(--card-color-filled);
}

.bd-modal-header {
  padding: 24px 24px 16px;
}
.bd-modal-header .bd-header-primary {
  font-size: 22px;
  font-weight: 400;
  color: var(--header-primary);
}

.bd-modal-content {
  padding: 0 24px;
  color: var(--interactive-text-default);
}
.bd-modal-content.bd-scroller-thin {
  padding: 0 16px 0 24px;
}

.bd-modal-footer {
  padding: 24px;
  background-color: transparent;
}
.bd-modal-footer .bd-button {
  min-height: var(--button-height);
  height: var(--button-height);
  padding-inline-start: var(--button-padding-start);
  padding-inline-end: var(--button-padding-end);
  font-size: 14px;
}

/*
 *
 *  BETTERDISCORD NOTICES
 *
 */
#bd-notices {
  position: absolute;
  inset-block-start: var(--space-8);
  inset-inline-end: var(--space-8);
  z-index: 1001;
}
#bd-notices:has(.bd-notice) {
  width: auto;
  inset-inline-start: unset;
}

.base__5e434:has(#bd-notices .bd-notice) {
  margin-block-start: 0;
}

.bd-notice {
  display: flex;
  max-width: 25vw;
  height: auto;
  line-height: normal;
  flex-direction: column;
  padding: 16px;
  gap: 16px;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-medium);
}
.bd-notice:first-child {
  border-radius: var(--popout-radius-big);
}
.bd-notice:not(:only-child):last-child {
  margin-block-start: 8px;
}
.bd-notice .bd-notice-close {
  width: 18px;
  height: 18px;
  inset-block-start: 16px;
  inset-inline-end: 16px;
  -webkit-mask-image: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/close.svg");
  -webkit-mask-repeat: no-repeat;
  background-color: var(--header-secondary);
  background-image: none;
  -webkit-mask-position: center;
  mask-position: center;
  opacity: 0.75;
}
.bd-notice .bd-notice-content {
  margin-inline-end: 30px;
  font-size: 1.25em;
  font-weight: 400;
  color: var(--header-primary) !important;
  text-align: left;
}
.bd-notice .bd-notice-button {
  display: flex;
  height: var(--button-height);
  line-height: var(--button-height);
  inset-block-start: 0;
  margin: 0;
  justify-content: center;
  background-color: hsl(var(--accent-hsl--material-you)) !important;
  border-radius: var(--button-radius);
  border: none;
  color: var(--accent-text-color--material-you);
  font-size: 1em;
  font-weight: 500;
}

#bd-notifications-root {
  padding: 0;
}

.bd-notification-top-right {
  inset-block-start: calc(var(--custom-app-top-bar-height) + var(--space-16));
  inset-inline-end: var(--space-16);
}

.bd-notification {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  border: none;
  box-shadow: var(--shadow-medium);
  overflow: hidden;
}

.bd-notification-close {
  inset-block-start: var(--space-16);
  inset-inline-end: var(--space-16);
}

.bd-notification-content {
  padding: var(--space-24) var(--space-24) 0;
}

.bd-notification-footer {
  padding: var(--space-16) var(--space-24) calc(var(--space-24) - var(--space-4));
  background-color: transparent;
}

.bd-notification-progress {
  height: var(--space-4);
  margin-block-start: 0;
}
.bd-notification-progress[style*="background-color: var(--bd-brand)"] {
  background-color: hsl(var(--accent-hsl)) !important;
}

/*
 *
 *  BETTERDISCORD SELECT MENU
 *
 */
.bd-select,
.bd-label {
  line-height: 26px;
}

.bd-select.bd-select-transparent {
  gap: 4px;
}
.bd-select .bd-select-value {
  padding-inline-start: 0;
}
.bd-select .bd-select-arrow {
  height: 26px !important;
  margin-inline-start: 0;
}
.bd-select .bd-select-options {
  padding: 8px 0;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  border: none;
  box-shadow: var(--shadow-medium);
  animation: opacity 100ms ease, open-context-menu 300ms var(--default-animation);
  transform-origin: top;
}
.bd-select .bd-select-option {
  min-height: 32px;
  padding: 9px 12px;
  line-height: 18px;
  font-weight: 500;
  color: var(--menu-item-text-color);
  box-sizing: border-box;
  transition: var(--default-time) var(--default-animation) background-color;
}
.bd-select .bd-select-option:hover {
  background-color: var(--menu-item-hover);
}
.bd-select .bd-select-option.selected {
  background-color: var(--menu-item-select);
}

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

.bd-settings-group.collapsible {
  margin-block-end: var(--space-8);
  padding: var(--space-16);
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}
.bd-settings-group.collapsible.expanded .bd-settings-container {
  margin-block-start: var(--space-24);
}
.bd-settings-group.collapsible .bd-settings-group-title {
  margin-block-end: 0;
  font-size: 18px;
  font-weight: 400;
  cursor: pointer;
}
.bd-settings-group.collapsible .bd-settings-group-title:before {
  display: none;
}
.bd-settings-group.collapsible .bd-settings-container {
  transition: var(--default-time) var(--default-animation) height, var(--default-time) var(--default-animation) margin-block-start;
}
.bd-settings-group.collapsible .bd-setting-item:last-of-type {
  margin-block-end: 0;
}
.bd-settings-group.collapsible .bd-setting-item:last-of-type .bd-divider {
  display: none;
}
.bd-settings-group ~ .bd-settings-group .bd-settings-title {
  margin-block-start: 0;
}

.bd-settings-title.bd-settings-group-title {
  text-transform: none;
}

.bd-divider {
  border-block-start: thin solid var(--card-border-color);
}

.menu_c1e9c4 .bd-button {
  display: none;
}

/*
 *
 *  BETTERDISCORD ADDON STORE
 *
 */
.bd-store-card {
  margin: 16px 0;
  gap: 12px;
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
  transition: var(--default-time) var(--default-animation) background-color;
}
.bd-store-card:hover {
  background-color: var(--card-color-hover);
}
.bd-store-card .bd-store-card-icon {
  background-color: var(--card-button-color);
}
.bd-store-card .bd-store-card-body {
  margin-inline-start: 0;
}

.bd-addon-store {
  margin: 16px 0 32px 0;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 16px clamp(8px, 2vw, 16px);
  justify-content: center;
}

.bd-addon-store-card {
  max-width: none;
  background-color: var(--card-color-filled) !important;
  border: none !important;
  padding: 0 !important;
  border-radius: var(--card-radius-big) !important;
  transition: var(--default-time) var(--default-animation) background-color !important;
}
.bd-addon-store-card:hover {
  background-color: var(--card-color-hover) !important;
}
.bd-addon-store-card:hover {
  transform: none !important;
  box-shadow: var(--shadow-medium) !important;
}
.bd-addon-store-card:hover .bd-addon-store-card-author-mask {
  background-color: var(--card-color-hover) !important;
}
.bd-addon-store-card:hover .bd-addon-store-card-author-mask foreignObject {
  mask: none;
}
.bd-addon-store-card .bd-addon-store-card-preview-img {
  border-radius: var(--card-radius-big);
}
.bd-addon-store-card .bd-addon-store-card-badge {
  font-size: 0.8em;
  text-transform: none;
  background-color: hsl(var(--alert-hsl));
  color: var(--alert-text-color);
}
.bd-addon-store-card .bd-addon-store-card-author-svg foreignObject {
  mask: none;
}
.bd-addon-store-card .bd-addon-store-card-author-mask {
  background-color: var(--card-color-filled);
  border-radius: calc(var(--avatar-radius) + 1.6666666667px);
}
.bd-addon-store-card .bd-addon-store-card-author-mask .bd-addon-store-card-author-img {
  border-radius: calc(var(--avatar-radius) / 1.2);
}
.bd-addon-store-card .bd-addon-store-card-tag {
  height: 28px;
  padding: 0 12px;
  line-height: 28px;
  background-color: transparent;
  border-color: var(--card-border-color);
  font-size: 0.9em;
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color;
}
.bd-addon-store-card .bd-addon-store-card-tag:hover {
  background-color: var(--card-color-active);
}

/* BETTERDISCORD ADDON STORE -> PAGINATION */
.bd-flower-star {
  color: hsl(var(--success-hsl));
}

.bd-flower-star-checkmark {
  color: var(--success-text-color);
}

.bd-paginator .bd-button {
  margin: 0 !important;
}

.bd-paginator-bubbles {
  gap: 8px;
}

.bd-paginator-bubble {
  margin: 0;
  transition: var(--default-time) var(--default-animation) background-color;
}
.bd-paginator-bubble:hover {
  background-color: var(--card-button-color-hover);
  color: var(--interactive-text-default);
}
.bd-paginator-bubble[data-selected=true] {
  background-color: hsl(var(--accent-hsl--material-you));
  color: var(--accent-text-color--material-you);
}

/* BETTERDISCORD ADDON STORE -> MESSAGE EMBED */
.message__5126c .bd-addon-store-card {
  --card-color-filled: var(--attachment-color);
  --card-color-hover: var(--attachment-color);
  --card-radius-big: var(--media-radius);
}
.message__5126c .bd-addon-store-card:hover {
  box-shadow: none !important;
}

/* BETTERDISCORD ADDON STORE -> INSTALL MODAL */
.bd-install-modal-preview-img {
  border-radius: var(--card-radius-big);
}

.bd-install-modal-author-mask {
  background-color: var(--popout-color);
}

.bd-install-modal-items {
  padding: 16px;
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}
.bd-install-modal-items .bd-install-modal-item {
  padding: 12px 0;
}
.bd-install-modal-items .bd-install-modal-item:not(:last-child) {
  border-bottom-color: var(--card-border-color);
}

/*
 *
 *  BETTERDISCORD SWITCHES
 *
 */
.bd-switch {
  width: var(--switch-width);
  height: var(--switch-height);
  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%;
  border-radius: var(--switch-radius);
  border: var(--switch-border-size) solid var(--switch-knob-color);
  transition: var(--switch-animation);
  box-sizing: border-box;
  overflow: visible;
}
.bd-switch .bd-switch-body .bd-switch-slider {
  width: var(--switch-knob-size);
  height: var(--switch-knob-size);
  inset-block-start: 50%;
  inset-inline-start: 5px;
  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: -3.5px;
  rx: 14px;
  fill: var(--switch-knob-color);
  transition: var(--switch-animation);
}
.bd-switch .bd-switch-body .bd-switch-slider .bd-switch-symbol {
  display: none;
}
.bd-switch input:active + .bd-switch-body {
  --switch-color: var(--switch-slider-color);
}
.bd-switch input:active + .bd-switch-body .bd-switch-handle {
  width: 28px;
  height: 28px;
  x: 4px;
  y: -4px;
}
.bd-switch input:checked + .bd-switch-body {
  --switch-color: var(--switch-slider-checked);
  border-color: transparent;
}
.bd-switch input:checked + .bd-switch-body .bd-switch-slider {
  --switch-knob-x-position: calc((var(--switch-knob-checked-size) / 2) + (var(--switch-border-size) * 2.5));
  width: var(--switch-knob-checked-size);
  height: var(--switch-knob-checked-size);
  inset-inline-start: 0;
  transform: translate(var(--switch-knob-x-position), -50%);
}
.bd-switch input:checked + .bd-switch-body .bd-switch-slider .bd-switch-handle {
  fill: var(--switch-knob-checked);
}
.bd-switch input:checked:active + .bd-switch-body {
  --switch-color: var(--switch-slider-checked);
}
.bd-switch input:checked:active + .bd-switch-body .bd-switch-handle {
  x: -12.5px;
}

/*
 *
 *  BETTERDISCORD TOAST
 *
 */
.bd-toast {
  display: flex;
  height: 40px;
  padding: 0 16px;
  border-radius: 20px;
  background-color: var(--tooltip-color);
  justify-content: center;
  align-items: center;
  box-shadow: none;
  font-size: 1em;
  font-weight: 400;
  color: var(--tooltip-text-color);
}
.bd-toast.toast-success, .bd-toast.toast-error, .bd-toast.toast-info {
  gap: var(--space-8);
  background-color: var(--tooltip-color);
  color: var(--tooltip-text-color);
}
.bd-toast.toast-success:before, .bd-toast.toast-error:before, .bd-toast.toast-info:before {
  display: flex;
  position: relative;
  content: " ";
  width: 18px;
  height: 18px;
  -webkit-mask-repeat: no-repeat;
  mask-size: 100%;
  background-color: var(--tooltip-text-color);
}
.bd-toast svg {
  display: none;
}
.bd-toast span {
  line-height: 40px;
  padding: 0;
}
.bd-toast.toast-success {
  --tooltip-color: hsl(var(--success-hsl));
  --tooltip-text-color: var(--success-text-color);
}
.bd-toast.toast-success:before {
  -webkit-mask-image: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/check_circle.svg");
}
.bd-toast.toast-error {
  --tooltip-color: hsl(var(--alert-hsl));
  --tooltip-text-color: var(--alert-text-color);
}
.bd-toast.toast-error:before {
  -webkit-mask-image: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/cancel.svg");
}
.bd-toast.toast-info {
  --tooltip-color: hsl(var(--accent-hsl--material-you));
  --tooltip-text-color: var(--accent-text-color--material-you);
}
.bd-toast.toast-info:before {
  -webkit-mask-image: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/info.svg");
}

/*
 *
 *  VENCORD PLUGIN - MemberCount
 *
 */
.vc-membercount-widget {
  --color-online: hsl(var(--success-hsl)) !important;
  --color-total: var(--primary-300) !important;
  display: flex;
  gap: 16px;
  margin-inline-start: 0;
}
.vc-membercount-widget > div {
  display: flex;
  gap: 6px;
  align-items: center;
}

.vc-membercount-online-dot,
.vc-membercount-total-dot {
  margin: 0;
}

/*
 *
 *  VENCORD PLUGIN - Oneko
 *
 */
#oneko {
  z-index: 1001;
}

/*
 *
 *  VENCORD PLUGIN - PermissionViewer
 *
 */
.vc-permviewer-role-button {
  --button-height: 28px;
}

/*.translate_faf9c0 {
    > .container__3dde2 {
        padding: 16px;
        border-radius: var(--popout-radius-big);
    }
}*/
/*
 *
 *  VENCORD PLUGIN - PlainFolderIcon
 *
 */
.vc-plainFolderIcon-plain {
  background-color: transparent;
}
.vc-plainFolderIcon-plain .folderPreviewWrapper__48112 {
  background-color: color-mix(in oklab, var(--custom-folder-color, var(--bg-brand)) 40%, transparent);
}

/*
 *
 *  VENCORD PLUGIN - ReadAllNotification
 *
 */
.wrapper_ef3116 .button__201d5 {
  --button-height: 22px;
  --button-padding-start: 4px;
  --button-padding-end: 4px;
  width: auto;
  margin: 0 10px;
  font-size: 12px !important;
}

/*
 *
 *  VENCORD PLUGIN - ReviewDB
 *
 */
.vc-rdb-modal-footer > div {
  margin: 0;
}
.vc-rdb-modal-footer .vc-rdb-review {
  margin-block-start: 0;
}

.vc-rdb-review {
  --message-color: var(--message-color-alt);
  --message-color-hover: var(--message-color-alt);
  margin-block-start: 8px;
  margin-inline-start: 52px !important;
}
.vc-rdb-review:hover {
  background-color: var(--message-color-hover) !important;
}
.vc-rdb-review .avatar_c19a55 {
  inset-inline-start: -52px !important;
}

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

.vc-rdb-input {
  margin-block-start: 12px !important;
  background-color: var(--input-color) !important;
  border-radius: 22px !important;
  border: none !important;
  box-shadow: none !important;
}
.vc-rdb-input .placeholder__1b31f {
  color: var(--input-placeholder-color);
}
.vc-rdb-input .editor__1b31f {
  color: var(--input-text-color);
}
.vc-rdb-input .buttons__74017 {
  margin-inline-end: 0 !important;
}

/*
 *
 *  VENCORD BUTTONS
 *
 */
.vc-btn-base {
  --button-background: hsl(var(--accent-hsl--material-you));
  --button-text-color: var(--accent-text-color--material-you);
  --button-shadow: none;
  --button-outline: none;
  background-color: var(--button-background) !important;
  border: var(--button-outline) !important;
  box-shadow: var(--button-shadow);
  color: var(--button-text-color) !important;
  font-size: var(--button-font-size) !important;
  font-weight: 500;
}
.vc-btn-base:after {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  background-color: var(--button-action-color);
  border-radius: var(--button-radius);
  opacity: 0;
  pointer-events: none;
  transition: var(--default-time) var(--default-animation) opacity;
}
.vc-btn-base:hover {
  background-color: var(--button-background) !important;
}
.vc-btn-base:hover:after {
  opacity: var(--button-action-hover);
}
.vc-btn-base:active:after {
  opacity: var(--button-action-active);
}
.vc-btn-base:disabled {
  opacity: 0.5 !important;
}
.vc-btn-base:disabled:after {
  display: none;
}

/* VENCORD BUTTONS -> COLORS */
.vc-btn-primary {
  --button-background: hsl(var(--accent-hsl--material-you));
  --button-text-color: var(--accent-text-color--material-you);
}

.vc-btn-secondary {
  --button-background: var(--accent-secondary-color);
  --button-text-color: var(--accent-secondary-text-color);
}

.vc-btn-dangerPrimary {
  --button-background: hsl(var(--alert-hsl));
  --button-text-color: var(--alert-text-color);
}

.vc-btn-dangerSecondary,
.vc-plugins-disable-warning {
  --button-background: hsl(from hsl(var(--alert-hsl)) h s l / 0.25);
  --button-text-color: hsl(from hsl(var(--alert-hsl)) h s calc(l * 0.96));
  --button-action-color: hsl(var(--alert-hsl));
}

/* VENCORD BUTTONS -> SIZES */
.vc-btn-min,
.vc-btn-small,
.vc-btn-medium_cf4812 {
  min-width: var(--button-height) !important;
  height: var(--button-height) !important;
  min-height: var(--button-height) !important;
  padding-inline-start: var(--button-padding-start) !important;
  padding-inline-end: var(--button-padding-end) !important;
  line-height: var(--button-height) !important;
  border-radius: var(--button-radius) !important;
}

/*
 *
 *  VENCORD BUTTONS
 *
 */
.vc-card-base {
  background-color: var(--card-color-filled);
  border: none;
  padding: var(--space-16);
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

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

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

.vc-plugin-stats {
  padding: 16px;
}

.vc-plugin-stats-card-divider {
  border-left-color: var(--card-button-color);
}

.vc-special-card {
  background-image: none !important;
}
.vc-special-card .vc-special-title {
  font-size: 18px;
  color: var(--header-primary);
}
.vc-special-card .vc-special-text {
  color: var(--interactive-text-default);
}
.vc-special-card .justifyStart_abf706 {
  gap: 8px;
}
.vc-special-card img {
  margin: 16px;
}

.vc-settings-quickActions-card {
  display: flex;
  justify-content: start;
}

.vc-settings-quickActions-pill {
  height: var(--button-height);
  padding-inline-start: var(--button-padding-has-icon);
  padding-inline-end: var(--button-padding-end);
  background-color: hsl(var(--accent-hsl--material-you)) !important;
  border-radius: var(--button-radius);
  font-size: var(--button-font-size);
  font-weight: 500;
  color: var(--accent-text-color--material-you);
}
.vc-settings-quickActions-pill:hover {
  background-color: hsl(var(--accent-hsl--material-you));
  box-shadow: none;
  transform: none;
}
.vc-settings-quickActions-pill .vc-settings-quickActions-img {
  width: 18px;
  height: 18px;
}

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

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

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

.vc-addon-card {
  background-color: var(--card-color-filled) !important;
  border: none !important;
  padding: 16px !important;
  border-radius: var(--card-radius-big) !important;
  box-shadow: none !important;
}
.vc-addon-card:hover {
  box-shadow: none !important;
  transform: none !important;
}
.vc-addon-card .container__3f21e .slider__3f21e {
  transform: translate(4px, -50%) !important;
  transition: var(--default-time) var(--default-animation) all;
}
.vc-addon-card .container__3f21e.checked__3f21e .slider__3f21e {
  transform: translate(calc(100% - 1px), -50%) !important;
}

.vc-addon-header {
  height: auto !important;
  margin-block-end: 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-block-end: 0.875em !important;
}
.vc-addon-note + div:not([class]) {
  font-size: 14px;
}

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

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

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

/* VENCORD SETTINGS -> NOTIFICATION */
.vc-notification-root {
  inset-block-start: calc(var(--custom-app-top-bar-height) + var(--space-8));
  inset-inline-end: var(--space-8) !important;
  inset-block-end: unset !important;
  background-color: var(--popout-color) !important;
  border-radius: var(--popout-radius-big) !important;
  box-shadow: var(--shadow-medium) !important;
}
.vc-notification-root .vc-notification-title {
  font-size: 22px !important;
  font-weight: 400 !important;
  text-transform: none !important;
}

/* VENCORD SETTINGS -> VISUAL REFRESH */
.visual-refresh .vc-plugins-info-card,
.visual-refresh .vc-plugin-stats {
  background-color: var(--card-color-filled) !important;
  border: none !important;
  border-radius: var(--card-radius-big) !important;
}
.visual-refresh .vc-plugins-info-card:hover,
.visual-refresh .vc-plugin-stats:hover {
  background-color: var(--card-color-filled) !important;
  box-shadow: none !important;
  transform: none !important;
}

/*
 *
 *  VENCORD SWITCHES
 *
 */
.vc-switch-container {
  width: var(--switch-width);
  height: var(--switch-height);
  background-color: var(--switch-slider-color);
  border-radius: var(--switch-radius);
  border: var(--switch-border-size) solid var(--switch-knob-color);
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) border;
}
.vc-switch-container.vc-switch-checked {
  background-color: hsl(var(--accent-hsl--material-you));
  border-color: hsl(var(--accent-hsl--material-you));
}
.vc-switch-container.vc-switch-checked .vc-switch-slider {
  --switch-knob-size: var(--switch-knob-checked-size);
  --switch-knob-x-position: calc(var(--switch-radius) + var(--switch-border-size) * 2);
  transform: translateX(var(--switch-knob-x-position)) !important;
}
.vc-switch-container.vc-switch-checked .vc-switch-slider rect {
  fill: var(--accent-text-color--material-you);
}
.vc-switch-container.vc-switch-checked .vc-switch-slider path {
  fill: hsl(var(--accent-hsl--material-you));
}

.vc-switch-slider {
  width: var(--switch-knob-size);
  height: var(--switch-knob-size);
  inset-block-start: 0;
  inset-block-end: 0;
  margin: auto 0;
  transform: translateX(4px) !important;
  transition: var(--default-time) var(--default-animation) width, var(--default-time) var(--default-animation) height, var(--default-time) var(--default-animation) transform;
}
.vc-switch-slider rect {
  fill: var(--switch-knob-color);
}
.vc-switch-slider path {
  fill: var(--switch-slider-color);
}
.vc-switch-slider path,
.vc-switch-slider rect {
  transform: scale(1.4) translate(-4px, -3px);
}

/*
 *
 *  DISCOVER APPS
 *
 */
.card__84e3e {
  background-color: var(--card-color-filled) !important;
  border: none !important;
  padding: 0 !important;
  border-radius: var(--card-radius-big) !important;
  box-shadow: none !important;
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) box-shadow !important;
}
.card__84e3e:hover {
  background-color: var(--card-color-hover) !important;
  box-shadow: var(--shadow-soft) !important;
}
.card__84e3e:hover .avatar_f215b9 {
  background-color: var(--card-color-hover) !important;
  border-color: var(--card-color-hover) !important;
}
.card__84e3e .avatar_f215b9 {
  background-color: var(--card-color-filled) !important;
  border-radius: calc(var(--avatar-radius) * 1.166667);
  border-color: var(--card-color-filled) !important;
}
.card__84e3e .bannerImage_b76d57, .card__84e3e .bannerImage__4cb8a,
.card__84e3e .bannerContent_b76d57 {
  border-radius: var(--card-radius-big);
}

/*
 *
 *	DISCOVER
 *
 */
.scroller__23746 {
  background-color: var(--chat-color);
}

.container_a592e1 {
  border-block-start: none;
}

/* DISCOVER -> SIDEBAR */
.container__551b0 {
  background-color: var(--chat-color);
}

.header__551b0 {
  height: 48px;
  padding: 0 16px;
  border-block-end: none;
  box-shadow: var(--shadow-ledge);
}

.nav__551b0 {
  padding: 16px 8px;
}

.navItem__551b0 {
  padding: var(--space-sm);
  border-radius: 24px;
  transition: var(--default-time) var(--default-animation) background;
}
.navItem__551b0:hover {
  background: var(--menu-item-hover);
}
.navItem__551b0.selected__551b0 {
  background: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity));
}

/* DISCOVER -> HEADER BAR */
.headerBar__8a7fc {
  --input-height: 32px;
  position: relative;
  height: 48px;
  box-shadow: var(--shadow-ledge);
}
.headerBar__8a7fc:after {
  display: none;
}
.headerBar__8a7fc.relative__8a7fc {
  background-color: var(--chat-color);
}
.headerBar__8a7fc .iconButton__8a7fc {
  background-color: var(--card-button-color);
  border-radius: 16px;
  transition: var(--default-time) var(--default-animation) background-color;
}
.headerBar__8a7fc .iconButton__8a7fc:hover {
  background-color: var(--card-button-color-hover);
}
.headerBar__8a7fc .container__72c38 {
  border-radius: calc(var(--input-height) / 2) !important;
  border: none !important;
  box-shadow: none !important;
}
.headerBar__8a7fc .container__72c38:focus-within {
  box-shadow: none !important;
}

.top_aa8da2 {
  height: 48px;
  gap: 24px;
}
.top_aa8da2 .item_aa8da2 {
  display: flex;
  height: 48px;
  padding: 0 8px;
  border-block-end: none;
  align-items: center;
  font-size: 1rem;
}
.top_aa8da2 .item_aa8da2 + .item_aa8da2 {
  margin-inline-start: 0;
}
.top_aa8da2 .item_aa8da2.brand_aa8da2 {
  --selected-tab-item-color: var(--interactive-active);
}
.top_aa8da2 .item_aa8da2:hover:not(.selected_aa8da2):after {
  display: none;
}
.top_aa8da2 .item_aa8da2.selected_aa8da2 {
  position: relative;
  background-color: transparent !important;
  border: none;
}
.top_aa8da2 .item_aa8da2.selected_aa8da2:after {
  position: absolute;
  content: " ";
  width: 80%;
  height: 3px;
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  margin: 0 auto;
  background: var(--tab-border-color);
  border-radius: 3px;
  transition: var(--default-time) ease all;
}
.top_aa8da2 .item_aa8da2.selected_aa8da2:after {
  inset-block-start: unset;
}

.container__65d41 {
  height: inherit;
}
.container__65d41 .tabs__65d41 {
  height: inherit;
  border-block-end: none;
}

.dragRegion_a592e1, .dragRegion__955a3 {
  height: 48px;
}

/* DISCOVER -> BANNER */
.container_e9ef78 {
  margin: 16px 32px 0;
  padding-block-start: 0;
  border-radius: var(--card-radius-big);
}
.container_e9ef78 .title_e9ef78 {
  text-transform: unset;
}

.content_e9ef78 {
  margin-block-start: 0;
}

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

/* DISCOVER -> CARDS */
.content_b6bcee {
  max-width: unset;
}

.card__4cb8a {
  background-color: var(--card-color-filled) !important;
  border: none !important;
  padding: 0 !important;
  border-radius: var(--card-radius-big) !important;
  box-shadow: none !important;
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) box-shadow !important;
  box-shadow: none !important;
}
.card__4cb8a:hover {
  background-color: var(--card-color-hover) !important;
  box-shadow: var(--shadow-soft) !important;
}
.card__4cb8a:hover {
  transform: none !important;
}
.card__4cb8a:hover .iconMask__4cb8a {
  background-color: var(--card-color-hover) !important;
}
.card__4cb8a .icon__4cb8a foreignObject {
  mask: none !important;
}
.card__4cb8a .iconMask__4cb8a {
  background-color: var(--card-color-filled) !important;
  border-radius: calc(var(--avatar-radius) * 1.2);
}
.card__4cb8a .avatar__4cb8a {
  border-radius: var(--avatar-radius);
}

/* DISCOVER -> SEARCH RESULTS */
.search_eed148 {
  padding: 12px 16px;
  background: var(--chat-color);
}

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

.masonryList_cbd375 {
  margin-block-start: 0;
}
.masonryList_cbd375 .content__99f8c > div > div[style*="top: 32px"] {
  inset-block-start: 16px !important;
}

.sidebarLanguageSelect_cbd375 {
  height: 34px;
}

.category__97499 {
  border-radius: 17px;
  transition: var(--default-time) var(--default-animation) background-color;
}
.category__97499:hover {
  background-color: var(--menu-item-hover);
}
.category__97499.selected__97499 {
  --text-muted: hsl(var(--accent-hsl--material-you));
  background: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity));
}

/* DISCOVER -> SCHOOL HUBS */
.container_a76561 {
  background-color: var(--card-color-filled);
  border: none;
  padding: var(--space-16);
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

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

.tagsContainer_f369db {
  padding: 16px 0 0;
}

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

.sortDropdown_f369db .contents__201d5 {
  color: var(--accent-text-color--material-you);
}

.sortDropdownText_f369db {
  color: inherit !important;
}

.container_f8b2d2 {
  padding: 0;
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
}
.container_f8b2d2 .menu_c1e9c4 {
  min-width: unset;
}
.container_f8b2d2 .menu_c1e9c4 .scrollerBase_d125d2::-webkit-scrollbar {
  --scrollbar-width: 0;
}
.container_f8b2d2 .menu_c1e9c4 .groupLabel_c1e9c4 {
  padding-block-start: 0;
}

.tagsButton_f369db {
  --button-padding-start: 12px;
  --button-padding-end: 8px;
}
.tagsButton_f369db.tagsButtonWithCount_f369db {
  --button-padding-start: 8px;
}
.tagsButton_f369db .tagsButtonInner_f369db {
  color: inherit;
}
.tagsButton_f369db svg {
  color: var(--accent-text-color--material-you);
}

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

.container__5808f {
  padding: 16px 16px 8px;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-medium);
}
.container__5808f .header__5808f {
  padding: 0;
}
.container__5808f .header__5808f .text-xs\/bold_cf4812 {
  font-size: 14px;
  text-transform: none;
}
.container__5808f .countContainer__5808f {
  background-color: hsl(var(--accent-hsl--material-you));
}
.container__5808f .countContainer__5808f .countText__5808f {
  color: var(--accent-text-color--material-you);
}

.container_a68543 {
  margin-block-start: 16px;
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

.stepContainer_a68543 {
  --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: var(--space-12) var(--space-16) !important;
  border-radius: var(--card-radius-big) !important;
  transition: var(--default-time) var(--default-animation) background-color !important;
}
.stepContainer_a68543:hover {
  background-color: var(--card-color-hover) !important;
}

.container__5a2c6 {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}
.container__5a2c6 .icon__93db4 {
  height: 62px;
  background-color: var(--card-button-color);
  box-sizing: border-box;
}

.card_f369db {
  padding-block-end: 16px;
}
.card_f369db[style*="height: 558px"] {
  padding-block-end: 0;
}

.container_ca49a1 {
  margin-block-end: 0;
  background-color: var(--card-color-filled);
  border: none;
  padding: var(--space-16);
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

.descriptionContainer_ca49a1 {
  --card-color-filled: var(--card-color-hover);
  background-color: var(--card-color-filled);
  border: none;
  padding: var(--space-16);
  border-radius: var(--card-radius-big);
  box-shadow: none;
  border-radius: calc(var(--card-radius-big) / 1.4);
}

/* FORUM -> PILL */
.pill_a2c9e8 {
  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_a2c9e8.clickable_a2c9e8:hover {
  background-color: var(--card-button-color-hover) !important;
}
.pill_a2c9e8.small_a2c9e8 {
  border-radius: 6px;
}
.pill_a2c9e8.selected_a2c9e8 {
  background-color: hsl(var(--accent-hsl), 0.3) !important;
  border-color: transparent !important;
}
.pill_a2c9e8.selected_a2c9e8:hover {
  background-color: hsl(var(--accent-hsl), 0.35) !important;
}
.pill_a2c9e8.selected_a2c9e8 .defaultColor__77578, .pill_a2c9e8.selected_a2c9e8 .defaultColor_e9e35f, .pill_a2c9e8.selected_a2c9e8 .defaultColor__4bd52 {
  color: hsl(var(--accent-hsl--material-you));
}
.pill_a2c9e8 .emoji__1c948 {
  margin-inline-end: 0;
}
.pill_a2c9e8 .lineClamp1__92431 {
  padding: 0;
}

/*
 *
 *  FORUM MEDIA POSTS
 *
 */
.headerRow_f369db:not([data-list-item-id*=forum-channel-list]) .container_d9be46 .bodyContainer_d9be46 {
  margin-inline-end: 0;
}

.thumbnailContainer__8bb30 {
  margin-inline-start: 16px;
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}
.thumbnailContainer__8bb30 .lookFilled__201d5 {
  --button-background: transparent;
}
.thumbnailContainer__8bb30 .lookFilled__201d5:after {
  display: none;
}
.thumbnailContainer__8bb30 .uploadFileInputContainer__8bb30 {
  --button-height: 100%;
}
.thumbnailContainer__8bb30 .uploadFileInputContainer__8bb30:hover .changeThumbnailLabelContainer__8bb30 {
  background-color: var(--card-color-filled);
}
.thumbnailContainer__8bb30 .changeThumbnailLabelContainer__8bb30,
.thumbnailContainer__8bb30 .thumbnail__8bb30 {
  border-radius: var(--card-radius-big);
}
.thumbnailContainer__8bb30 .changeThumbnailLabelContainer__8bb30 {
  transition: var(--default-time) var(--default-animation) all;
}
.thumbnailContainer__8bb30 .upload_aa605f {
  padding: 0;
}

.container__16689 {
  margin: 16px 0;
  padding: 16px !important;
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}
.container__16689 .uploadInput__94439 {
  background-color: var(--card-color-alt);
}
.container__16689 .upload_aa605f {
  padding: 0;
}
.container__16689 .uploadInput__94439,
.container__16689 .spoilerContainer__299eb,
.container__16689 .imageSmall__41ea0 {
  border-radius: var(--card-radius-big);
}

/*
 *
 *  FORUM NEW POST
 *
 */
.header_f369db {
  position: relative;
  min-height: 52px;
  background-color: var(--input-color);
  border-radius: 26px;
  border: none;
}
.header_f369db.headerWithMatchingPosts_f369db {
  box-shadow: var(--shadow-medium);
}
.header_f369db .lookFilled__201d5 {
  --button-padding-start: 16px;
  --button-padding-end: 24px;
}

.matchingPostsRow_f369db {
  margin-block-start: -24px;
  padding-block-start: 24px;
  background-color: var(--input-color);
  border-radius: 0 0 24px 24px;
  border: none;
}

.form_d9be46 {
  margin-inline-end: 0;
}

.container_d9be46 {
  padding: 16px;
}
.container_d9be46.collapsed_d9be46 {
  padding: 0;
}
.container_d9be46.collapsed_d9be46 .formContainer_d9be46 {
  padding: 0 8px 0 16px;
  gap: 12px;
}
.container_d9be46.collapsed_d9be46 .titleContainer_d9be46 {
  gap: 12px;
}
.container_d9be46.collapsed_d9be46 .prefixElement_d9be46 {
  position: relative;
  inset-inline-end: unset;
}
.container_d9be46.collapsed_d9be46 .prefixElement_d9be46 svg {
  padding: 0;
}
.container_d9be46.collapsed_d9be46 .input__0f084.textArea__89a34 {
  --input-color: transparent;
  --input-padding: 0;
  border-radius: 0;
}
.container_d9be46.collapsed_d9be46 .forumPostFormButton_d9be46 {
  height: var(--button-height);
  margin: 0;
}
.container_d9be46 .prefixElement_d9be46 {
  position: absolute;
  width: auto;
  height: var(--button-height);
  inset-inline-end: 16px;
  margin: 0;
  z-index: 2;
}
.container_d9be46 .prefixElement_d9be46 div[role=button],
.container_d9be46 .prefixElement_d9be46 svg {
  height: inherit;
}
.container_d9be46 .prefixElement_d9be46 svg {
  padding: 0 8px;
}
.container_d9be46 .formContainer_d9be46 {
  padding: 0;
}
.container_d9be46 .formContainer_d9be46 + .form_d9be46 > div {
  padding: 0;
}
.container_d9be46 .titleContainer_d9be46 {
  position: relative;
}
.container_d9be46 .titleContainer_d9be46 .title_d9be46 {
  padding: 8px 0;
  font-weight: 400;
}
.container_d9be46 .titleContainer_d9be46 .title_d9be46::-webkit-input-placeholder {
  color: var(--input-placeholder-color);
  font-weight: 400;
}
.container_d9be46 .bodyContainer_d9be46 {
  margin-inline-end: 94px !important;
}
.container_d9be46 .input__0f084.textArea__89a34 {
  --input-color: var(--card-color-filled);
  height: var(--button-height);
  margin: 0;
  padding: 0 var(--input-padding);
  border-radius: 20px;
  box-shadow: none;
  font-weight: 400;
  line-height: var(--button-height);
  cursor: text;
}
.container_d9be46 .input__0f084.textArea__89a34::-webkit-input-placeholder {
  font-weight: inherit;
}
.container_d9be46 .lookFilled__201d5:disabled {
  opacity: 0.5 !important;
}

.previewForm_d9be46 {
  margin-inline-end: 94px;
  background-color: var(--card-color-active);
  border-radius: calc(var(--card-radius-big) / 1.6);
  border: none;
}

.tagsDivider_d9be46 {
  width: 100%;
  inset-inline-start: 0;
}

.contentContainer_d9be46 {
  padding-inline-start: 0;
}
.contentContainer_d9be46 .channelTextArea__74017 {
  min-height: 68px;
  margin-block-start: 16px;
}
.contentContainer_d9be46 .scrollableContainer__74017 {
  min-height: 68px;
  padding: 6px 12px;
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
  color: var(--input-text-color);
}
.contentContainer_d9be46 .scrollableContainer__74017::-webkit-input-placeholder {
  color: var(--input-placeholder-color);
}

.container__94439 {
  position: absolute;
  inset-block-start: calc(var(--button-height) + 32px);
  inset-inline-end: 16px;
  z-index: 3;
}
.container__94439 .uploadInput__94439 {
  background-color: transparent;
  border: 1px solid var(--card-border-color);
}
.container__94439 .uploadInput__94439,
.container__94439 .spoilerContainer__299eb,
.container__94439 .imageSmall__41ea0 {
  border-radius: var(--card-radius-big);
}
.container__94439 .badge__94439 {
  background-color: hsl(var(--accent-hsl--material-you));
  color: var(--accent-text-color--material-you);
  border-color: var(--input-color);
}

/*
 *
 *  FORUM POSTS
 *
 */
.container__9a337, .container_faa96b {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
  border: none !important;
}
.container__9a337:hover, .container_faa96b:hover {
  background-color: var(--card-color-hover);
  box-shadow: none;
  transform: none;
}
.container__9a337.isOpen__9a337, .container__9a337 .isOpen_faa96b, .container_faa96b.isOpen__9a337, .container_faa96b .isOpen_faa96b {
  background-color: var(--card-color-active) !important;
}
.container__9a337 .pinIcon__08166, .container_faa96b .pinIcon__08166 {
  background-color: hsl(var(--accent-hsl--material-you));
  color: var(--accent-text-color--material-you);
}
.container__9a337 .pinIcon__08166 path, .container_faa96b .pinIcon__08166 path {
  fill: currentColor;
}
.container__9a337 .postTitleText_faa96b, .container__9a337 .title__9a337, .container_faa96b .postTitleText_faa96b, .container_faa96b .title__9a337 {
  line-height: 24px;
  font-size: 1.325rem;
  font-weight: 400;
}

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

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

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

.container__9a337:not(.isOpen__9a337, .isOpen_faa96b):hover .contentPreview__9a337, .container_faa96b:not(.isOpen__9a337, .isOpen_faa96b):hover .contentPreview__9a337 {
  background-color: var(--card-color-filled);
}
.container__9a337:not(.isOpen__9a337, .isOpen_faa96b):hover .textContentFooter__9a337, .container_faa96b:not(.isOpen__9a337, .isOpen_faa96b):hover .textContentFooter__9a337 {
  background: var(--card-color-filled) !important;
}

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

/* FORUM POSTS -> THREAD REACTIONS BAR */
.container__34c2c {
  --button-height: 26px;
  --button-padding-start: 10px;
  --button-padding-end: 10px;
  margin-block: 16px 0;
  margin-inline: 16px 10px;
  padding: 8px;
  background-color: var(--card-color-filled);
  border-radius: 21px;
  border-block-start: none;
  box-shadow: none;
}
.container__34c2c.header__34c2c {
  box-shadow: var(--shadow-medium);
}
.container__34c2c .button__201d5,
.container__34c2c .addReactButton__34c2c {
  --button-padding-start: 10px;
  --button-padding-end: 10px;
  --button-text-color: hsl(var(--accent-hsl--material-you));
  height: var(--button-height);
  padding-inline-start: var(--button-padding-start);
  padding-inline-end: var(--button-padding-end);
  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__34c2c .button__201d5:hover,
.container__34c2c .addReactButton__34c2c:hover {
  background-color: hsl(var(--button-link-accent-color), 0.14);
}
.container__34c2c .button__201d5.active_f8896c,
.container__34c2c .addReactButton__34c2c.active_f8896c {
  background-color: hsl(var(--button-link-accent-color), 0.21);
}
.container__34c2c .button__201d5 .contents__201d5 {
  padding: 0;
  background-color: transparent;
  border: none;
  color: var(--button-text-color);
}

.reactButtons__34c2c {
  gap: 4px;
}
.reactButtons__34c2c div:first-child .addReactButton__34c2c 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__34c2c div:first-child .addReactButton__34c2c path ~ path {
  display: none;
}

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

.box_ee23ac {
  margin: 16px 10px 0 16px;
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}
.box_ee23ac:after {
  inset-inline-start: 50px;
  border-top-color: var(--card-color-filled);
}

.divider_ee23ac {
  display: none;
}

/*
 *
 *  HEADER BAR
 *
 */
.container__9293f {
  padding-block: 0;
  padding-inline: 16px 9px;
  border-start-end-radius: var(--card-radius-big);
  border-block-end: none;
  box-shadow: var(--shadow-ledge);
}
.container__9293f.transparent__9293f {
  box-shadow: none;
}
.container__9293f.themed__9293f {
  background: var(--main-color);
}
.container__9293f.headerBar__80679 {
  background: var(--main-color) !important;
}
.container__9293f.headerBar__80679.fullscreenHeaderBar__80679 {
  background: var(--main-alt) !important;
  box-shadow: none;
}
.container__9293f.headerBar__80679.fullscreenHeaderBar__80679 .children__9293f:after {
  background: linear-gradient(90deg, transparent 0, var(--main-alt)) !important;
}
.container__9293f .followButton_f75fb0 {
  --button-height: 32px;
  --button-padding-start: 16px;
  --button-padding-end: 16px;
}
.container__9293f .tabBar__133bf, .container__9293f .tabBar_f8303a, .container__9293f .tabBar_d6f9e9, .container__9293f .tabBar__81b3e, .container__9293f .tabBar_d1d9f3 {
  border-block-end: none !important;
}

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

.children__9293f:after {
  background: linear-gradient(90deg, transparent 0, var(--main-color)) !important;
}

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

.clickable__81391 {
  padding-inline: var(--space-4);
  border-radius: 12px;
  transition: var(--default-time) var(--default-animation) background-color;
}
.clickable__81391:not(.disabled__81391):hover {
  background-color: var(--card-button-color);
}
.clickable__81391:not(.disabled__81391).selected__81391 {
  background-color: var(--card-button-color-hover);
}

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

.returnButton__0b563, .returnButton_c791b2 {
  --button-height: 32px;
  max-width: 250px;
  margin-inline-end: 8px;
}

.returnButtonText__0b563, .returnButtonText_c791b2 {
  font-size: 1em;
}
.returnButtonText__0b563,
.returnButtonText__0b563 *, .returnButtonText_c791b2,
.returnButtonText_c791b2 * {
  line-height: var(--button-height);
  color: hsl(var(--accent-hsl--material-you)) !important;
}
.returnButtonText__0b563 .text-xs\/medium_cf4812, .returnButtonText_c791b2 .text-xs\/medium_cf4812 {
  font-size: 1em;
}

.badge__81391 {
  inset-block-start: unset;
  inset-block-end: calc(var(--space-8) * -1);
  inset-inline-end: 0;
  background-color: hsl(var(--accent-hsl--material-you));
  box-shadow: 0 0 0 4px var(--main-color);
}

/*
 *
 *  HEADER BAR SEARCH
 *
 */
.search__49676 {
  min-width: 180px;
  margin-inline-end: 0;
  transition: 300ms ease min-width;
}
.search__49676:has(.open_c322aa) {
  min-width: 300px;
}

.search_c322aa {
  --input-height: 32px;
  width: auto;
  transition: 300ms ease width;
}
.search_c322aa .searchBar_c322aa {
  width: 100%;
  height: var(--input-height);
  background-color: var(--input-color);
  padding: 0;
  border-radius: 16px;
  border: none;
}
.search_c322aa .DraftEditor-root {
  padding: 0 0 0 8px;
  padding-inline-start: 8px;
}
.search_c322aa .public-DraftEditorPlaceholder-root {
  height: var(--input-height);
  line-height: var(--input-height);
  padding-inline-start: 2px;
  padding-block-end: 0;
}
.search_c322aa .public-DraftEditorPlaceholder-inner {
  color: var(--input-placeholder-color);
}
.search_c322aa .public-DraftEditor-content {
  --scrollbar-width: 0;
  padding-block-end: 0;
  line-height: var(--input-height);
  color: var(--input-text-color);
}
.search_c322aa .DraftEditor-editorContainer {
  height: var(--input-height);
}
.search_c322aa .searchFilter_bd8186,
.search_c322aa .searchFilter_bd8186 + span[data-offset-key],
.search_c322aa .searchAnswer_bd8186 {
  margin: 0;
  background-color: var(--input-pill-color);
  color: var(--input-text-color);
}
.search_c322aa .searchFilter_bd8186 + span[data-offset-key],
.search_c322aa .searchAnswer_bd8186 span[data-offset-key] {
  height: 22px;
  line-height: 22px;
}
.search_c322aa .searchFilter_bd8186 {
  line-height: 22px;
  padding: 0 4px 0 8px;
  border-radius: 11px 0 0 11px;
}
.search_c322aa .searchFilter_bd8186:only-child {
  padding: 0 8px;
  border-radius: 11px;
}
.search_c322aa .searchFilter_bd8186 + span[data-offset-key] {
  display: inline-block;
  padding: 0px 8px 0px 0;
  border-radius: 0 11px 11px 0;
}
.search_c322aa .searchAnswer_bd8186 {
  padding: 0px 8px 0px 0;
  border-radius: 0 11px 11px 0;
}
.search_c322aa .searchAnswer_bd8186 span[data-offset-key] {
  margin: 0;
  background-color: transparent;
}
.search_c322aa .searchAnswer_bd8186,
.search_c322aa .searchFilter_bd8186 {
  border: none;
}
.search_c322aa .icon_c322aa {
  width: 32px;
  height: 32px;
}

.theme-light .search_c322aa .searchBar_c322aa {
  background-color: hsl(from var(--input-color) h s calc(l * 1.075));
}

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

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

.base__2b1f5 {
  line-height: 18px;
}

.textBadge__2b1f5 {
  font-size: 0.75em;
  text-transform: capitalize;
}
.textBadge__2b1f5[style="background-color: var(--badge-background-brand);"] {
  background-color: hsl(var(--accent-hsl--material-you)) !important;
  color: var(--accent-text-color--material-you);
}
.textBadge__2b1f5[style="background-color: var(--status-danger);"] {
  background-color: hsl(var(--alert-hsl)) !important;
  color: var(--alert-text-color);
}
.textBadge__2b1f5.newBadge__270d7 {
  background-color: hsl(var(--accent-hsl--material-you)) !important;
  color: var(--accent-text-color--material-you);
}

/*
 *
 *	BUTTONS
 *
 */
.button__201d5 {
  font-size: var(--button-font-size) !important;
}
.button__201d5 .text-sm\/medium_cf4812,
.button__201d5 .text-sm\/semibold_cf4812,
.button__201d5 .text-sm\/bold_cf4812,
.button__201d5 .text-md\/medium_cf4812,
.button__201d5 .text-md\/semibold_cf4812,
.button__201d5 .text-md\/bold_cf4812 {
  height: var(--button-height);
  line-height: var(--button-height);
  font-size: unset;
  font-weight: 500;
  color: inherit !important;
}

.lookFilled__201d5,
.lookOutlined__201d5,
.lookLink__201d5,
.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__201d5:hover:not(:disabled), .lookFilled__201d5:active:not(:disabled),
.lookOutlined__201d5:hover:not(:disabled),
.lookOutlined__201d5:active:not(:disabled),
.lookLink__201d5:hover:not(:disabled),
.lookLink__201d5:active:not(:disabled),
.lookInverted_a299dc:hover:not(:disabled),
.lookInverted_a299dc:active:not(:disabled) {
  opacity: 1;
}
.lookFilled__201d5:hover,
.lookOutlined__201d5:hover,
.lookLink__201d5:hover,
.lookInverted_a299dc:hover {
  --button-shadow: none;
}
.lookFilled__201d5:active,
.lookOutlined__201d5:active,
.lookLink__201d5:active,
.lookInverted_a299dc:active {
  --button-shadow: none;
}
.lookFilled__201d5:after,
.lookOutlined__201d5:after,
.lookLink__201d5:after,
.lookInverted_a299dc:after {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  inset-block-start: 0;
  inset-inline-start: 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__201d5:hover:after,
.lookOutlined__201d5:hover:after,
.lookLink__201d5:hover:after,
.lookInverted_a299dc:hover:after {
  opacity: var(--button-action-hover);
}
.lookFilled__201d5:active:after,
.lookOutlined__201d5:active:after,
.lookLink__201d5:active:after,
.lookInverted_a299dc:active:after {
  opacity: var(--button-action-active);
}
.lookFilled__201d5:disabled:after,
.lookOutlined__201d5:disabled:after,
.lookLink__201d5:disabled:after,
.lookInverted_a299dc:disabled:after {
  display: none;
}
.lookFilled__201d5.syncButton__2024e,
.lookOutlined__201d5.syncButton__2024e,
.lookLink__201d5.syncButton__2024e,
.lookInverted_a299dc.syncButton__2024e {
  --button-padding-start: 0 !important;
  --button-padding-end: 0 !important;
}
.lookFilled__201d5 .contents__201d5,
.lookOutlined__201d5 .contents__201d5,
.lookLink__201d5 .contents__201d5,
.lookInverted_a299dc .contents__201d5 {
  height: var(--button-height);
  padding: 0;
  line-height: var(--button-height);
  color: inherit;
  overflow: visible;
}
.lookFilled__201d5 .contents__201d5 svg,
.lookOutlined__201d5 .contents__201d5 svg,
.lookLink__201d5 .contents__201d5 svg,
.lookInverted_a299dc .contents__201d5 svg {
  height: var(--button-height);
}
.lookFilled__201d5 .defaultColor__77578, .lookFilled__201d5 .defaultColor_e9e35f, .lookFilled__201d5 .defaultColor__4bd52,
.lookOutlined__201d5 .defaultColor__77578,
.lookOutlined__201d5 .defaultColor_e9e35f,
.lookOutlined__201d5 .defaultColor__4bd52,
.lookLink__201d5 .defaultColor__77578,
.lookLink__201d5 .defaultColor_e9e35f,
.lookLink__201d5 .defaultColor__4bd52,
.lookInverted_a299dc .defaultColor__77578,
.lookInverted_a299dc .defaultColor_e9e35f,
.lookInverted_a299dc .defaultColor__4bd52 {
  color: inherit;
}
.lookFilled__201d5 .loading__57f77,
.lookOutlined__201d5 .loading__57f77,
.lookLink__201d5 .loading__57f77,
.lookInverted_a299dc .loading__57f77 {
  height: var(--button-height);
  line-height: var(--button-height);
}
.lookFilled__201d5 .loading__57f77 svg,
.lookOutlined__201d5 .loading__57f77 svg,
.lookLink__201d5 .loading__57f77 svg,
.lookInverted_a299dc .loading__57f77 svg {
  height: auto;
}
.lookFilled__201d5 .content__57f77,
.lookFilled__201d5 .size16_a4e6b9,
.lookFilled__201d5 .size14_a4e6b9,
.lookOutlined__201d5 .content__57f77,
.lookOutlined__201d5 .size16_a4e6b9,
.lookOutlined__201d5 .size14_a4e6b9,
.lookLink__201d5 .content__57f77,
.lookLink__201d5 .size16_a4e6b9,
.lookLink__201d5 .size14_a4e6b9,
.lookInverted_a299dc .content__57f77,
.lookInverted_a299dc .size16_a4e6b9,
.lookInverted_a299dc .size14_a4e6b9 {
  height: var(--button-height);
  line-height: var(--button-height);
  font-weight: 500;
}

/* BUTTONS -> FILLED */
.lookFilled__201d5.colorPrimary__201d5 {
  --button-background: var(--accent-secondary-color);
  --button-text-color: var(--accent-secondary-text-color);
}
.lookFilled__201d5.colorBrand__201d5 {
  --button-background: hsl(var(--accent-hsl--material-you));
  --button-text-color: var(--accent-text-color--material-you);
}
.lookFilled__201d5.colorBrandInverted__201d5 {
  --button-background: var(--button-filled-white-background);
  --button-text-color: hsl(var(--accent-hsl--material-you));
}
.lookFilled__201d5.colorGreen__201d5 {
  --button-background: hsl(var(--success-hsl));
  --button-text-color: var(--success-text-color);
}
.lookFilled__201d5.colorRed__201d5 {
  --button-background: hsl(var(--alert-hsl));
  --button-text-color: var(--alert-text-color);
}
.lookFilled__201d5.colorWhite__201d5 {
  --button-background: var(--button-filled-white-background);
  --button-text-color: var(--button-filled-white-text);
  box-shadow: none !important;
}
.lookFilled__201d5.upsellButton__4a7f0 {
  --button-text-color: hsl(0,0%,100%);
}

/* BUTTONS -> OUTLINED */
.lookOutlined__201d5 {
  --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__201d5:after {
  --button-action-color: hsl(var(--accent-hsl--material-you));
}
.lookOutlined__201d5.colorPrimary__201d5 {
  --button-outline: 1px solid var(--accent-secondary-color);
  --button-text-color: var(--accent-secondary-color);
}
.lookOutlined__201d5.colorGreen__201d5 {
  --button-outline: 1px solid hsl(var(--success-hsl));
  --button-text-color: hsl(var(--success-hsl));
}
.lookOutlined__201d5.colorGreen__201d5:after {
  --button-action-color: hsl(var(--success-hsl));
  --button-action-hover: 0.1;
  --button-action-active: 0.2;
}
.lookOutlined__201d5.colorRed__201d5 {
  --button-text-color: hsl(var(--alert-hsl));
  --button-outline: 1px solid hsl(var(--alert-hsl));
}
.lookOutlined__201d5.colorRed__201d5:after {
  --button-action-color: hsl(var(--alert-hsl));
  --button-action-hover: 0.1;
  --button-action-active: 0.2;
}
.lookOutlined__201d5.colorWhite__201d5 {
  --button-background: transparent;
  --button-text-color: hsl(0,0%,100%);
  --button-outline: 1px solid hsl(0,0%,100%);
  box-shadow: none !important;
}
.lookOutlined__201d5.colorWhite__201d5:after {
  --button-action-color: hsl(0,0%,100%);
}

/* BUTTONS -> LINKS */
.lookLink__201d5 {
  --button-padding-start: 12px;
  --button-padding-end: 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__201d5:after {
  --button-action-color: hsl(var(--button-link-accent-color));
}
.lookLink__201d5:hover {
  text-decoration: none !important;
}
.lookLink__201d5:hover .contents__201d5 {
  background-image: none !important;
}
.lookLink__201d5 .contents__201d5 > div {
  line-height: var(--button-height);
  color: var(--button-text-color) !important;
  font-size: 1em;
  font-weight: 500;
}
.lookLink__201d5.colorGreen__201d5 {
  --button-text-color: hsl(var(--success-hsl));
}
.lookLink__201d5.colorGreen__201d5:after {
  --button-action-color: hsl(var(--success-hsl));
  --button-action-hover: 0.1;
  --button-action-active: 0.2;
}
.lookLink__201d5.colorGreen__201d5:after {
  --button-action-color: hsl(var(--success-hsl));
  --button-action-hover: 0.1;
  --button-action-active: 0.2;
}
.lookLink__201d5.colorRed__201d5 {
  --button-text-color: hsl(var(--alert-hsl));
}
.lookLink__201d5.colorRed__201d5:after {
  --button-action-color: hsl(var(--alert-hsl));
  --button-action-hover: 0.1;
  --button-action-active: 0.2;
}

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

/* BUTTONS -> SIZES */
.sizeTiny__201d5,
.sizeMin__201d5,
.sizeSmall__201d5,
.sizeMedium__201d5,
.sizeLarge__201d5,
.sizeXlarge__6885c,
.sizeMax__201d5,
.buttonSize__7d567,
.buttonSize_d5f3cd,
.button__33db6, .button__6e2b9,
.sizeIcon__201d5 {
  height: var(--button-height) !important;
  min-height: var(--button-height) !important;
  padding-block: 0 !important;
  padding-inline-start: var(--button-padding-start) !important;
  padding-inline-end: var(--button-padding-end) !important;
  line-height: var(--button-height) !important;
  border-radius: var(--button-radius) !important;
}

.sizeMedium__201d5,
.sizeLarge__201d5,
.sizeXlarge__6885c,
.sizeMax__201d5 {
  min-width: var(--button-height) !important;
}

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

.sizeIcon__201d5 {
  --button-padding-start: 0;
  --button-padding-end: 0;
  min-width: var(--button-height);
}

.disabledButtonWrapper__201d5 {
  --button-padding-start: 0;
  --button-padding-end: 0;
  background-color: transparent !important;
}
.disabledButtonWrapper__201d5 .lookFilled__201d5 {
  --button-padding-start: 20px;
  --button-padding-end: 20px;
}
.disabledButtonWrapper__201d5 .lookOutlined__201d5 {
  --button-padding-start: 24px;
  --button-padding-end: 24px;
  opacity: 0.5 !important;
}
.disabledButtonWrapper__201d5 .iconButton__11faf {
  --button-padding-start: 0;
  --button-padding-end: 0;
}

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

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

/* BUTTONS -> BUTTON V2 */
.button_a22cb0 {
  --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;
}
.button_a22cb0:hover:not(:disabled), .button_a22cb0:active:not(:disabled) {
  opacity: 1;
}
.button_a22cb0:hover {
  --button-shadow: none;
}
.button_a22cb0:active {
  --button-shadow: none;
}
.button_a22cb0:after {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  inset-block-start: 0;
  inset-inline-start: 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;
}
.button_a22cb0:hover:after {
  opacity: var(--button-action-hover);
}
.button_a22cb0:active:after {
  opacity: var(--button-action-active);
}
.button_a22cb0:disabled:after {
  display: none;
}
.button_a22cb0 .buttonChildrenWrapper_a22cb0 {
  min-width: 0 !important;
  height: var(--button-height);
  padding: 0 !important;
  line-height: var(--button-height);
  color: inherit;
  overflow: visible;
}
.button_a22cb0 .buttonChildrenWrapper_a22cb0 svg {
  height: var(--button-height);
  margin: 0;
}
.button_a22cb0 .buttonChildrenWrapper_a22cb0 img {
  vertical-align: middle;
}
.button_a22cb0 .text-sm\/medium_cf4812,
.button_a22cb0 .text-md\/medium_cf4812,
.button_a22cb0 .text-lg\/medium_cf4812 {
  height: var(--button-height);
  line-height: var(--button-height);
  font-size: var(--button-font-size);
}

.expressive_a22cb0 .expressiveFill_a22cb0 {
  border-radius: var(--button-radius);
}

/* BUTTONS -> BUTTON V2 -> COLORS */
.primary_a22cb0 {
  --button-background: hsl(var(--accent-hsl--material-you));
  --button-text-color: var(--accent-text-color--material-you);
}

.secondary_a22cb0 {
  --button-background: var(--accent-secondary-color);
  --button-text-color: var(--accent-secondary-text-color);
}

.critical-primary_a22cb0 {
  --button-background: hsl(var(--alert-hsl));
  --button-text-color: var(--alert-text-color);
}

.critical-secondary_a22cb0 {
  --button-background: hsl(from hsl(var(--alert-hsl)) h s l / 0.25);
  --button-text-color: hsl(from hsl(var(--alert-hsl)) h s calc(l * 0.96));
  --button-action-color: hsl(var(--alert-hsl));
}

.icon-only_a22cb0 {
  --button-padding-start: 0;
  --button-padding-end: 0;
  --button-background: transparent;
  --button-text-color: var(--text-primary);
}

/* BUTTONS -> BUTTON V2 -> SIZES */
.sm_a22cb0,
.md_a22cb0,
.lg_a22cb0 {
  min-width: var(--button-height) !important;
  height: var(--button-height) !important;
  min-height: var(--button-height) !important;
  padding-block: 0 !important;
  padding-inline-start: var(--button-padding-start) !important;
  padding-inline-end: var(--button-padding-end) !important;
  line-height: var(--button-height) !important;
  border-radius: var(--button-radius) !important;
}

/* BUTTONS -> CALL BUTTONS */
.colorable_f1ceac {
  --button-background: var(--menu-item-hover);
  --button-text-color: hsl(0,0%,100%);
  background-color: var(--button-background) !important;
  color: var(--button-text-color) !important;
}
.colorable_f1ceac:after {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  background-color: hsl(0, 0%, 100%);
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  transition: var(--default-time) var(--default-animation) opacity;
}
.colorable_f1ceac:hover:after {
  opacity: var(--button-action-hover);
}
.colorable_f1ceac:active:after {
  opacity: var(--button-action-active);
}
.colorable_f1ceac.red_f1ceac {
  --button-background: hsl(var(--alert-hsl));
  --button-text-color: var(--alert-text-color);
}
.colorable_f1ceac.white_f1ceac {
  --button-background: hsl(0,0%,100%);
  --button-text-color: hsl(240,8%,3%);
}
.colorable_f1ceac.primaryLight_f1ceac {
  --button-text-color: hsl(240,8%,3%);
}
.colorable_f1ceac.activeLight_f1ceac {
  --button-background: var(--menu-item-select);
  --button-text-color: hsl(240,8%,3%);
}
.colorable_f1ceac .centerIcon_f1ceac {
  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_c6d3dc {
  padding: 11px 0;
  background-color: transparent;
  border-color: var(--separator-color) !important;
  transition: var(--default-time) var(--default-animation) background-color;
}
.selectorButton_c6d3dc:first-child {
  border-radius: 20px 0 0 20px;
}
.selectorButton_c6d3dc:last-child {
  border-radius: 0 20px 20px 0;
}
.selectorButton_c6d3dc:not(.selectorButtonPremiumRequired__9df5b):hover {
  background-color: var(--menu-item-hover) !important;
}
.selectorButton_c6d3dc:not(.selectorButtonPremiumRequired__9df5b).selectorButtonSelected_c6d3dc {
  background-color: var(--menu-item-select) !important;
}

/*
 *
 *  CARDS
 *
 */
.card__73069 {
  background-color: var(--card-color-filled);
  border: none;
  padding: var(--space-16);
  border-radius: var(--card-radius-big);
  box-shadow: none;
}
.card__73069[style*=padding] {
  padding: 16px !important;
}
.card__73069 a {
  color: hsl(var(--accent-hsl--material-you));
}

.cardPrimary__73069 {
  background-color: var(--card-color-filled) !important;
  border: none !important;
  padding: var(--space-16) !important;
  border-radius: var(--card-radius-big) !important;
  box-shadow: none !important;
}
.cardPrimary__73069 .icon_f43ba5 {
  padding: 8px;
}

.promotionCard_d4883c,
.detailsBlock_e335a7,
.descriptionBox__981f7,
.dropsHelpText_e8af36 {
  background-color: var(--card-color-filled);
  border: none;
  padding: var(--space-16);
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

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

.banner__84995 {
  max-width: none;
  border-radius: var(--card-radius-big);
}
.banner__84995 .button__201d5 {
  --button-padding-start: 20px;
  --button-padding-end: 20px;
  margin-inline-start: 8px;
}

.info__6436f, .info_e3f97f {
  background-color: hsl(var(--accent-hsl), 0.1);
  border-radius: var(--card-radius-big);
  border-color: hsl(var(--accent-hsl--material-you));
}
.info__6436f .icon__6436f, .info_e3f97f .icon__6436f {
  color: hsl(var(--accent-hsl--material-you));
}

.upsellContainer__73000 {
  background-color: var(--card-color-filled);
  border: none;
  padding: var(--space-16);
  border-radius: var(--card-radius-big);
  box-shadow: none;
}
.upsellContainer__73000 .upsellFooter__73000 {
  padding: 0 16px 16px;
  background-color: transparent;
}

/* CARDS -> TRIGGER CARDS */
.collapseable__217b7 {
  padding: 8px;
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
  border: none;
}
.collapseable__217b7:active {
  background-color: var(--card-color-filled) !important;
}
.collapseable__217b7.toggled__217b7 {
  padding-block-end: 16px;
}

/* CARDS -> HELP MESSAGES */
.container__35859 {
  background-color: hsl(from var(--help-message-color) h s l/0.3);
  border-radius: var(--card-radius-big);
  border: none;
}
.container__35859 .icon__35859 {
  color: var(--help-message-color);
}
.container__35859 .icon__35859 path {
  fill: currentColor;
}
.container__35859 .text-sm\/medium_cf4812 {
  color: var(--help-message-color) !important;
}

.warning__35859 {
  --help-message-color: hsl(var(--warning-hsl));
}

.info__35859 {
  --help-message-color: hsl(var(--accent-hsl));
}

.error__35859 {
  --help-message-color: hsl(var(--alert-hsl));
}

.positive__35859 {
  --help-message-color: var(--info-positive-foreground);
}

/*
 *
 *	CHECKBOXES
 *
 */
.checkboxIndicator__714a9 {
  background-color: transparent;
  border-width: 2px;
  border-radius: 4px;
  transition: var(--default-time) var(--default-animation) border-color, var(--default-time) var(--default-animation) background-color;
}

.checkboxOption__714a9[data-selected]:hover:not([data-disabled]) .checkboxIndicator__714a9 {
  background-color: hsl(var(--accent-hsl--material-you));
}
.checkboxOption__714a9[data-selected] .checkboxIndicator__714a9 {
  background-color: hsl(var(--accent-hsl--material-you));
  border-color: hsl(var(--accent-hsl--material-you));
}
.checkboxOption__714a9[data-selected] .checkmark__714a9,
.checkboxOption__714a9[data-selected] .checkStroke__714a9 {
  color: var(--accent-text-color--material-you);
}

/*
 *
 *  INPUTS
 *
 */
.input__0f084 {
  height: var(--input-height);
  padding: 0 var(--input-padding);
  background-color: var(--input-color);
  border: none;
  min-height: var(--input-height);
  border-radius: calc(var(--input-height) / 8);
  box-shadow: inset 0 0 0 1px var(--input-border-color);
  color: var(--input-text-color);
  transition: var(--default-time) var(--default-animation) box-shadow;
  box-sizing: border-box;
}
.input__0f084:focus {
  box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl--material-you));
}
.input__0f084.multiInput-1VARjC {
  padding: 0;
}
.input__0f084::-webkit-input-placeholder {
  font-family: var(--app-font);
  color: var(--input-placeholder-color);
}
.input__0f084.hiddenDiv__8b579 {
  --input-height: 0;
}
.input__0f084.textArea__89a34 {
  height: auto;
  min-height: var(--input-height);
  max-height: calc(var(--input-height) * 10);
  padding: calc((var(--input-height) - 22px) / 2) 12px !important;
}

.container__72c38 {
  background-color: var(--input-color);
}
.container__72c38:not(.container_a16aea) {
  height: var(--input-height);
  padding: 0 var(--input-padding);
  background-color: var(--input-color);
  border: none;
  min-height: var(--input-height);
  border-radius: calc(var(--input-height) / 8);
  box-shadow: inset 0 0 0 1px var(--input-border-color);
  color: var(--input-text-color);
  transition: var(--default-time) var(--default-animation) box-shadow;
  box-sizing: border-box;
}
.container__72c38:not(.container_a16aea):focus-within {
  box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl--material-you));
}
.container__72c38:not(.container_a16aea) .wrapper__72c38 {
  min-height: auto;
  background-color: transparent;
  border: none;
}
.container__72c38:not(.container_a16aea) .hasLeading__0f084 {
  margin-inline-start: calc(var(--input-padding) / -2);
  padding-inline-start: 0;
}
.container__72c38:not(.container_a16aea) .hasLeading__0f084 .icon__0f084 {
  width: calc(var(--input-height) / 1.5);
  height: calc(var(--input-height) / 1.5);
  border: none;
}
.container__72c38:not(.container_a16aea) .hasLeading__0f084 .icon__0f084 svg {
  width: 60%;
  height: 60%;
}
.container__72c38:has(.select_a16aea) {
  padding: 0;
  border-radius: var(--input-radius);
}
.container__72c38:has(.select_a16aea) .select_a16aea {
  background-color: transparent;
}

.clickTrapContainer__59d0d .container__72c38 {
  --input-color: var(--input-color-alt);
}

.wrapper__72c38.leading__0f084,
.nameInput_ac72c6.leading__0f084 {
  padding: 0 12px 0 8px;
}
.wrapper__72c38 .input__0f084,
.nameInput_ac72c6 .input__0f084 {
  padding: 0;
  background-color: transparent;
  box-shadow: none;
}
.wrapper__72c38 .emojiButton__82d84, .wrapper__72c38 .emojiButton__62141,
.nameInput_ac72c6 .emojiButton__82d84,
.nameInput_ac72c6 .emojiButton__62141 {
  margin: 0;
  padding: 0 0 0 var(--space-8);
  background-color: transparent;
}

.wrapper__72c38:has(input:focus, textarea:focus) {
  outline: none !important;
}

.container__310be {
  margin-inline-end: 6px;
}
.container__310be .separatorcb3d_aa8da2 {
  background-color: var(--input-border-color);
}

.wrapper_d14335:not(.wrapper__72c38) {
  background-color: var(--input-color);
  border-radius: var(--input-radius);
  border: none;
}
.wrapper_d14335:not(.wrapper__72c38) .textArea__5a092 {
  color: var(--input-text-color);
}
.wrapper_d14335:not(.wrapper__72c38) .textArea__5a092::-webkit-input-placeholder {
  color: var(--input-placeholder-color);
}

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

.error_b717a1 + .wrapper__72c38 .input__0f084 {
  box-shadow: inset 0 -1px 0 0 hsl(var(--alert-hsl));
}
.error_b717a1 + .wrapper__72c38 .input__0f084:focus {
  box-shadow: inset 0 -2px 0 0 hsl(var(--alert-hsl));
}

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

.inputPrefix_ac72c6 {
  inset-block-start: 0;
  inset-inline-start: 0;
  inset-block-end: 0;
  margin: auto 0;
}
.inputPrefix_ac72c6 + .input__0f084 {
  padding-inline-start: 28px;
}

.emojiButtonContainer__9b8f6, .emojiButtonContainer_dbc4b7 {
  height: var(--input-height);
  line-height: var(--input-height);
  margin: 0 12px;
  padding: 0;
  z-index: 2;
}
.emojiButtonContainer__9b8f6 + .wrapper__72c38 .input__0f084, .emojiButtonContainer_dbc4b7 + .wrapper__72c38 .input__0f084 {
  padding-inline-start: 42px !important;
}

.emojiButton__82d84, .emojiButton__62141 {
  margin: 0 12px;
}

.input__0f084.emojiText__82d84 {
  padding-inline-start: 44px !important;
}

.copyInput_fffc15 {
  height: var(--input-height) !important;
  padding: 0 var(--input-padding) !important;
  background-color: var(--input-color) !important;
  border: none;
  max-height: var(--input-height) !important;
  border-radius: calc(var(--input-height) / 2) !important;
  box-shadow: none;
}
.copyInput_fffc15:focus-within {
  box-shadow: none;
}
.copyInput_fffc15:hover .button__201d5 {
  width: auto !important;
}
.copyInput_fffc15 .button__201d5 {
  --button-height: calc(var(--input-height) / 1.2);
  margin: calc((var(--input-height) - var(--button-height)) / 2) !important;
}

.copyInput_fffc15 .input__9fba8 {
  padding: 8px 8px 8px 12px;
}
.copyInput_fffc15 .button__201d5 {
  padding-inline-start: var(--button-padding-start) !important;
  padding-inline-end: var(--button-padding-end) !important;
}

.fileUpload__8b203 {
  --input-padding: 0;
}
.fileUpload__8b203 .fileUploadInput__8b203 {
  padding: 0 0 0 12px;
}
.fileUpload__8b203 .fileUploadInput__8b203::-webkit-input-placeholder {
  font-weight: 500;
}

.fakeInput__66efc {
  background-color: var(--card-color-filled);
  border-radius: var(--input-radius);
  border: none;
}

/* INPUTS -> SEARCH BAR */
.container__72c38 {
  /*--input-padding: 0 6px 0 12px;

  height: var(--input-height);
  background-color: var(--input-color);
  border-radius: var(--input-radius);
  border: none;

  .inner__72c38 {
      padding: 0 var(--input-padding);
  }

  .input__72c38 {
      height: var(--input-height);
      margin: 0;
      padding: 0;

      &::-webkit-input-placeholder {
          font-family: var(--app-font);
          color: var(--input-placeholder-color);
      }
  }*/
}

/* INPUTS -> UNIVERSAL SEARCH */
/*.container__72c38 {
    .wrapper__72c38 {
        @include input-format($focus-within: true, $rounded: true);
    }
}*/
/* INPUTS -> OPTION PILL */
.optionPill_a16aea {
  background-color: transparent !important;
  border-radius: 13px;
  border-color: var(--main-textarea-border) !important;
}
.optionPill_a16aea.selectedPill__3f413 {
  border-color: hsl(var(--accent-hsl--material-you)) !important;
}
.optionPill_a16aea.erroredPill__3f413 {
  border-color: hsl(var(--alert-hsl)) !important;
}
.optionPill_a16aea .optionPillKey__3f413 {
  background-color: var(--input-pill-color) !important;
  border-start-start-radius: inherit;
  border-end-start-radius: inherit;
}

.input__0f084.error__0ed4f {
  border-radius: 4px;
}
.input__0f084.error__0ed4f + .colorStatusRed_c9946a {
  position: absolute;
  width: 100%;
  margin-block-start: -24px;
  text-align: right;
}

/*
 *
 *	NOTICES
 *
 */
.notice__6e2b9 {
  margin-inline-end: var(--space-8);
  margin-block-end: var(--space-8);
  border-radius: var(--card-radius-big);
  box-shadow: none;
  border: none;
}
.notice__6e2b9 .lookOutlined__201d5 {
  --button-height: 24px;
  --button-padding-start: 12px;
  --button-padding-end: 12px;
  --button-background: hsl(from var(--button-link-color) h s l / 0.15);
  --button-text-color: var(--button-link-text-color);
  --button-outline: none;
  padding-inline-start: var(--button-padding-start);
  padding-inline-end: var(--button-padding-end);
}

.button__33db6, .button__6e2b9 {
  background-color: hsl(from var(--button-link-color) h s l/0.15) !important;
  border: none;
  color: var(--button-link-text-color) !important;
}
.button__33db6:hover, .button__6e2b9:hover {
  background-color: hsl(from var(--button-link-color) h s l/0.275) !important;
}

.button__33db6, .button__6e2b9 {
  --button-height: 24px;
  --button-padding-start: 12px;
  --button-padding-end: 12px;
}

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

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

.colorDanger__6e2b9 {
  --button-link-color: var(--alert-text-color);
  --button-link-text-color: var(--alert-text-color);
  background-color: hsl(var(--alert-hsl));
  color: var(--alert-text-color);
}

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

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

.colorBrand__6e2b9 {
  --button-link-color: var(--accent-text-color--material-you);
  --button-link-text-color: var(--accent-text-color--material-you);
  background-color: hsl(var(--accent-hsl--material-you));
  color: var(--accent-text-color--material-you);
}

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

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

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

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

/*
 *
 *  PILL BAR HEADER
 *
 */
.pillContainer__9e06a {
  --nav-button-height: 42px;
  --nav-button-big-radius: calc(var(--nav-button-height) / 2);
  --nav-button-small-radius: calc(var(--nav-button-height) / 5);
  padding: 0;
  background-color: transparent;
  border-radius: 0;
  gap: 2px;
}
.pillContainer__9e06a .pillItem__9e06a {
  display: flex;
  min-width: calc(var(--button-height) + var(--space-8));
  height: var(--nav-button-height);
  padding-block-start: 0;
  padding-block-end: 0;
  background-color: var(--accent-secondary-color);
  border-radius: var(--nav-button-small-radius);
  color: var(--accent-secondary-text-color);
  justify-content: center;
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color, var(--default-time) var(--default-animation) border-radius;
}
.pillContainer__9e06a .pillItem__9e06a:first-of-type {
  border-radius: var(--nav-button-big-radius) var(--nav-button-small-radius) var(--nav-button-small-radius) var(--nav-button-big-radius);
}
.pillContainer__9e06a .pillItem__9e06a:last-of-type {
  border-radius: var(--nav-button-small-radius) var(--nav-button-big-radius) var(--nav-button-big-radius) var(--nav-button-small-radius);
}
.pillContainer__9e06a .pillItem__9e06a.pillItemSelected__9e06a {
  background-color: hsl(var(--accent-hsl--material-you));
  border-radius: var(--nav-button-big-radius);
  border: none;
  color: var(--accent-text-color--material-you);
}

.pillItem__9e06a:not(.pillItemSelected__9e06a):hover {
  background-color: var(--card-color-active);
}
.pillItem__9e06a .icon__9e06a path {
  fill: currentColor;
}

/*
 *
 *	RADIO BUTTONS
 *
 */
.group__64e61 {
  background-color: var(--card-color-filled);
  border: none;
  padding: var(--space-8);
  border-radius: var(--card-radius-big);
  box-shadow: none;
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}
.group__64e61[aria-orientation=horizontal] {
  display: grid;
  gap: 0;
}

.radioGroupOption__64e61 {
  padding: var(--space-12);
  border-radius: calc(var(--card-radius-big) / 1.65) !important;
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color;
}
.radioGroupOption__64e61:hover {
  background-color: var(--card-color-hover);
}
.radioGroupOption__64e61[data-selected=true] {
  background-color: var(--card-color-active);
}
.radioGroupOption__64e61[data-selected=true] .radioIndicator__64e61 {
  background-color: hsl(var(--accent-hsl--material-you));
  -webkit-mask-image: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/radio_button_checked.svg");
}

.radioIndicator__64e61 {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--interactive-text-default);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/radio_button_unchecked.svg");
  mask-size: 100%;
}
.radioIndicator__64e61 circle {
  display: none;
}

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

.item__344e6 {
  height: 28px;
  background-color: transparent;
  cursor: pointer;
  transition: var(--default-time) var(--default-animation) background-color;
  border-inline-end: 1px solid var(--card-border-color);
}
.item__344e6:last-of-type {
  border-inline-end: none;
}
.item__344e6:hover {
  background-color: var(--menu-item-hover);
}
.item__344e6.selected__344e6 {
  background-color: var(--menu-item-select);
  color: var(--menu-item-text-color);
}
.item__344e6.deny__344e6 {
  border-radius: var(--card-radius-big) 0 0 var(--card-radius-big);
}
.item__344e6.deny__344e6.selected__344e6 {
  background-color: hsl(var(--alert-hsl));
  color: var(--alert-text-color);
}
.item__344e6.passthrough__344e6.selected__344e6 {
  background-color: var(--menu-item-select);
}
.item__344e6.allow__344e6 {
  border-radius: 0 var(--card-radius-big) var(--card-radius-big) 0;
}
.item__344e6.allow__344e6.selected__344e6 {
  background-color: hsl(var(--success-hsl));
  color: #fff;
}

/* RADIO BUTTONS -> CONTEXT MENU */
.item_c1e9c4[role=menuitemradio][aria-checked=true] .radioIndicator__64e61 {
  background-color: hsl(var(--accent-hsl--material-you));
  -webkit-mask-image: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/radio_button_checked.svg");
}
.item_c1e9c4[id*=switch-accounts-submenu] .activeIcon_d40c56 circle {
  fill: var(--accent-text-color--material-you);
}
.item_c1e9c4[id*=switch-accounts-submenu] .activeIcon_d40c56 path {
  fill: hsl(var(--accent-hsl--material-you));
}

/*
 *
 *	SCROLLBARS
 *
 */
.thin_d125d2::-webkit-scrollbar,
.auto_d125d2::-webkit-scrollbar,
.scrollableContainer__74017::-webkit-scrollbar {
  width: var(--scrollbar-width);
  height: var(--scrollbar-width);
}
.thin_d125d2::-webkit-scrollbar-track, .thin_d125d2::-webkit-scrollbar-thumb,
.auto_d125d2::-webkit-scrollbar-track,
.auto_d125d2::-webkit-scrollbar-thumb,
.scrollableContainer__74017::-webkit-scrollbar-track,
.scrollableContainer__74017::-webkit-scrollbar-thumb {
  border: none;
}
.thin_d125d2::-webkit-scrollbar-thumb,
.auto_d125d2::-webkit-scrollbar-thumb,
.scrollableContainer__74017::-webkit-scrollbar-thumb {
  background-color: hsl(from var(--scrollbar-color) h s l/0.325);
  border-radius: calc(var(--scrollbar-width) / 2);
}

.thin_d125d2,
.scrollableContainer__74017 {
  --scrollbar-width: var(--scrollbar-thin-width);
}

.none_d125d2 {
  --scrollbar-width: 0;
}

/*
 *
 *	SELECT MENUS
 *
 */
.wrapper_a16aea.wrapper__72c38 {
  min-height: var(--input-height);
  height: var(--input-height);
  padding: 0 var(--input-padding);
  background-color: var(--input-color);
  border-radius: var(--input-radius);
  border: none;
}
.wrapper_a16aea.wrapper__72c38 .select_a16aea {
  padding: 0;
}
.wrapper_a16aea.wrapper__72c38 .iconsContainer_a16aea {
  margin-inline-end: 0;
}
.wrapper_a16aea .select_a16aea {
  padding-inline-end: calc(var(--icons-width) + 12px);
}
.wrapper_a16aea .select_a16aea.multi_a16aea {
  padding-block-end: 0;
}

.select_a16aea {
  min-height: var(--input-height);
  height: var(--input-height);
  padding: 0 var(--input-padding);
  background-color: var(--input-color);
  border-radius: var(--input-radius) !important;
  border: none;
}
.select_a16aea.multi_a16aea {
  min-height: var(--input-height);
  height: auto;
}
.select_a16aea.multi_a16aea > .multi_a16aea {
  min-height: inherit;
}
.select_a16aea .searchInput_a16aea::-webkit-input-placeholder {
  font-family: var(--app-font);
  color: var(--input-placeholder-color);
}
.select_a16aea .searchInput_a16aea.multi_a16aea {
  height: 28px;
  margin-block-start: 2px;
}

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

.popout_a16aea {
  margin: 4px 0;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  border: none;
  box-shadow: var(--shadow-soft);
}
.popout_a16aea.popoutPositionTop_a16aea {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  border: none;
  box-shadow: var(--shadow-soft);
}
.popout_a16aea .option_a16aea {
  gap: 8px;
  color: var(--menu-item-text-color);
  transition: var(--default-time) var(--default-animation) background-color;
}
.popout_a16aea .option_a16aea:hover {
  background-color: var(--menu-item-hover) !important;
}
.popout_a16aea .option_a16aea[aria-selected=true] {
  background-color: var(--menu-item-select) !important;
}
.popout_a16aea .option_a16aea[aria-selected=true] .selectedIcon_a16aea {
  color: hsl(var(--accent-hsl--material-you));
}
.popout_a16aea .option_a16aea[aria-selected=true] .selectedIcon_a16aea circle {
  fill: var(--accent-text-color--material-you);
}
.popout_a16aea .option_a16aea .deviceOption_fe5040 {
  gap: 8px;
}
.popout_a16aea .option_a16aea .deviceOptionLabel_fe5040 {
  margin-inline-end: 0;
}

.selectField__0edde {
  height: var(--input-height);
}
.selectField__0edde:not(.isInert__0edde).isFocused__0edde, .selectField__0edde:not(.isInert__0edde):focus-within {
  outline: none;
}
.selectField__0edde .selectButton__0edde,
.selectField__0edde .listBoxItemContent__2e223,
.selectField__0edde .chevronButton__0edde {
  padding: 0;
}
.selectField__0edde .chevronButton__0edde {
  margin-inline-end: calc(var(--input-padding) * -1);
}

.selectDropdown__0edde {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  border: none;
  box-shadow: var(--shadow-medium);
}

.listBox__2e223 {
  padding: var(--context-menu-padding);
}

.listBoxItem__2e223 {
  border-radius: calc(var(--popout-radius) - var(--context-menu-padding));
  transition: var(--default-time) var(--default-animation) background-color;
}
.listBoxItem__2e223:hover:not([aria-disabled]) {
  background-color: var(--menu-item-hover) !important;
}
.listBoxItem__2e223[aria-selected=true] {
  background-color: var(--menu-item-select) !important;
}
.listBoxItem__2e223 .listBoxItemContent__2e223 {
  color: var(--menu-item-text-color);
}

/* SELECT MENUS -> PILLS */
.optionPillBtn_a16aea {
  --button-height: 28px;
  --button-padding-start: 8px;
  --button-padding-end: 8px;
}
.optionPillBtn_a16aea.lookFilled__201d5 {
  --button-background: transparent;
  --button-outline: 1px solid var(--text-muted);
}
.optionPillBtn_a16aea:after {
  display: none;
}
.optionPillBtn_a16aea .optionPill_a16aea {
  background-color: transparent;
}

/*
 *
 *	SLIDERS
 *
 */
.slider_a562c8 {
  --bar-size: 4px !important;
  --grabber-size: 16px !important;
  height: calc(var(--slider-grabber-height) + var(--bar-offset));
}
.slider_a562c8.hasMarks_a562c8 .track_a562c8 {
  inset-inline-start: 8px;
  inset-inline-end: 8px;
}
.slider_a562c8.hasMarks_a562c8 .bar_a562c8 {
  inset-block-start: calc(100% - (var(--slider-height) / 2 + var(--slider-grabber-height) / 2 + 4px));
}
.slider_a562c8.hasMarks_a562c8 .track_a562c8 .grabber_a562c8 {
  inset-block-start: calc(100% - (var(--slider-grabber-height) + 4px));
}
.slider_a562c8 .bar_a562c8 {
  height: var(--slider-height);
  inset-block-start: calc(100% - (var(--slider-height) / 2 + var(--slider-grabber-height) / 2));
  background-color: var(--slider-bar-background) !important;
  border-radius: var(--slider-radius);
}
.slider_a562c8 .bar_a562c8 .barFill_a562c8 {
  background-color: hsl(var(--accent-hsl--material-you));
  border-radius: inherit;
  border: none;
  transition: var(--default-time) var(--default-animation) border-radius;
}
.slider_a562c8 .bar_a562c8 .barFill_a562c8[style*="background: var(--background-brand)"], .slider_a562c8 .bar_a562c8 .barFill_a562c8[style*="background: var(--yellow-300)"] {
  background-color: hsl(var(--accent-hsl--material-you)) !important;
}
.slider_a562c8 .track_a562c8 .grabber_a562c8 {
  display: flex;
  width: var(--slider-width);
  height: var(--slider-grabber-height);
  inset-block-start: 0;
  margin-block-start: 0;
  background-color: var(--slider-grabber-background);
  border-radius: 0;
  border: none;
  transform: translateX(0);
  justify-content: center;
  box-shadow: none !important;
  z-index: 3;
}
.slider_a562c8 .track_a562c8 .grabber_a562c8:before {
  position: absolute;
  content: " ";
  width: calc(var(--slider-width) / 4);
  height: 100%;
  inset-block-start: 0;
  background-color: var(--slider-grabber-pill);
  border-radius: calc(var(--slider-width) / 8);
  transition: calc(var(--default-time) / 1.5) var(--default-animation) background-color, calc(var(--default-time) / 1.5) var(--default-animation) transform;
}
.slider_a562c8 .track_a562c8 .grabber_a562c8:after {
  display: none;
}
.slider_a562c8 .track_a562c8 .grabber_a562c8:hover:before {
  background-color: hsl(from var(--slider-grabber-pill) h calc(s * 0.6) l);
}
.slider_a562c8 .track_a562c8 .grabber_a562c8:active:before {
  background-color: hsl(from var(--slider-grabber-pill) h calc(s * 0.6) l);
  transform: scaleX(50%);
}

.mark_a562c8 {
  height: 100% !important;
  z-index: 2;
  pointer-events: none;
}
.mark_a562c8 .markValue_a562c8 {
  margin-block-end: 0;
}
.mark_a562c8 .markDash_a562c8 {
  position: absolute;
  width: 6px;
  height: 6px;
  inset-block-end: calc(var(--slider-grabber-height) / 2 - 3px + 4px);
  background-color: var(--slider-mark-color);
  border-radius: 3px;
}

.inputSensitivityBar_ac7648 .fill_ac7648 {
  height: var(--slider-height) !important;
  background-color: hsl(from hsl(var(--accent-hsl--material-you)) h calc(s * 0.8) calc(l * 0.8)) !important;
  border-radius: var(--slider-radius);
}

.mini_a562c8 .bar_a562c8 {
  height: var(--slider-height);
  inset-block-start: calc(var(--slider-grabber-height) / 2 - var(--slider-height) / 2);
}
.mini_a562c8 .barFill_a562c8 {
  border: none;
}
.mini_a562c8 .grabber_a562c8 {
  width: var(--slider-height);
  height: var(--slider-height);
}

/* SLIDERS -> THEME SPECIFIC CHANGES */
.theme-dark .layerContainer__59d0d,
.theme-dark .sliderContainer__65039 {
  --slider-bar-background: hsl(from hsl(var(--accent-hsl--material-you)) h calc(s * 0.36) calc(l * 0.44));
  --slider-mark-color: hsl(from hsl(var(--accent-hsl--material-you)) h calc(s * 0.43) calc(l * 0.34));
}
.theme-dark .bd-settings-group.collapsible {
  --slider-bar-background: hsl(from hsl(var(--accent-hsl--material-you)) h calc(s * 0.36) calc(l * 0.32));
}

.theme-light .layerContainer__59d0d,
.theme-light .sliderContainer__65039 {
  --slider-bar-background: hsl(from hsl(var(--accent-hsl--material-you)) h calc(s * 0.36) calc(l * 1.92));
  --slider-mark-color: hsl(from hsl(var(--accent-hsl--material-you)) h calc(s * 0.87) calc(l * 1.7));
}
.theme-light .slider_a562c8 .bar_a562c8 .barFill_a562c8 {
  background-color: hsl(var(--accent-hsl--material-you)) !important;
}
.theme-light .slider_a562c8 .track_a562c8 .grabber_a562c8 {
  background-color: var(--slider-grabber-background) !important;
}

/* SLIDERS -> ALT LOCATIONS */
.sliderContainer__65039 {
  --slider-height: 8px;
  --slider-radius: calc(var(--slider-height) / 3);
  --slider-grabber-height: 28px;
  --slider-grabber-background: var(--popout-color);
  height: var(--slider-grabber-height);
  margin-block-end: 0 !important;
}

.layerContainer__59d0d {
  --slider-grabber-background: var(--popout-color);
}
.layerContainer__59d0d .bd-settings-group.collapsible {
  --slider-grabber-background: var(--card-color-filled);
}

.slider__65039 {
  inset-block-start: 0;
}

/* SLIDERS -> BD SLIDER */
.bd-slider-label {
  width: 42px;
  background-color: hsl(var(--accent-hsl--material-you));
  color: var(--accent-text-color--material-you);
  border-radius: 13px;
  text-align: center;
}

.bd-slider-input {
  height: 4px;
  background-color: hsl(var(--accent-hsl--material-you), 0.3);
  background-image: linear-gradient(hsl(var(--accent-hsl--material-you)), hsl(var(--accent-hsl--material-you)));
  border-radius: 2px;
}
.bd-slider-input::-webkit-slider-thumb {
  width: 16px;
  height: 16px;
  background-color: hsl(var(--accent-hsl--material-you));
  border-radius: 50%;
  border: none;
  box-shadow: var(--shadow-soft);
}

/*
 *
 *  SPINNER
 *
 */
.loadingPopout__58f1c {
  background-color: var(--popout-color);
  box-shadow: var(--shadow-medium);
  border-radius: 24px;
}

/*
 *
 *	SWITCHES
 *
 */
.switchIndicator_a28278 {
  width: var(--switch-width);
  height: var(--switch-height);
  background-color: var(--switch-slider-color) !important;
  border-radius: var(--switch-radius);
  border: var(--switch-border-size) solid var(--switch-knob-color) !important;
  transition: 250ms cubic-bezier(0, 0.3, 0.7, 1) background-color, 250ms cubic-bezier(0, 0.3, 0.7, 1) border-color;
  overflow: visible;
}
.switchIndicator_a28278:has(.thumb_a28278[style="left: 24px;"]) {
  --switch-slider-color: var(--switch-slider-checked);
  --switch-knob-color: var(--switch-slider-color);
}
.switchIndicator_a28278:has(.thumb_a28278[style="left: 24px;"]) .thumb_a28278 {
  inset-block-start: -1px;
  inset-inline-start: calc(var(--switch-radius) + var(--switch-border-size)) !important;
}
.switchIndicator_a28278:has(.thumb_a28278[style="left: 24px;"]) .thumb_a28278 rect {
  --switch-knob-color: var(--switch-knob-checked);
  --switch-knob-size: var(--switch-knob-checked-size);
  y: 0 !important;
  x: 0 !important;
}
.switchIndicator_a28278 .thumb_a28278 {
  --scaler: 1.03;
  transform: scale(var(--scaler)) translate(var(--switch-border-size), var(--switch-border-size));
  transition: 250ms cubic-bezier(0, 0.3, 0.7, 1) inset-inline-start;
}
.switchIndicator_a28278 .thumb_a28278 rect {
  width: calc(var(--switch-knob-size) / var(--scaler)) !important;
  height: calc(var(--switch-knob-size) / var(--scaler)) !important;
  fill: var(--switch-knob-color) !important;
  y: 4 !important;
  x: 4 !important;
  rx: calc(var(--switch-knob-size) / var(--scaler) / 2);
}
.switchIndicator_a28278 .thumb_a28278 svg {
  transform: translate(-1px, -1px);
}
.switchIndicator_a28278 .thumb_a28278 svg path {
  fill: var(--switch-slider-color);
}

/*
 *
 *  TAB BAR
 *
 */
.tabBar__133bf, .tabBar_f8303a, .tabBar_d6f9e9, .tabBar__81b3e, .tabBar_d1d9f3 {
  max-width: unset;
  height: 48px;
  gap: 24px;
  border-block-end: 1px solid var(--card-border-color) !important;
}
.tabBar__133bf .item_aa8da2, .tabBar_f8303a .item_aa8da2, .tabBar_d6f9e9 .item_aa8da2, .tabBar__81b3e .item_aa8da2, .tabBar_d1d9f3 .item_aa8da2 {
  height: inherit;
  line-height: 48px;
  margin: 0;
  padding: 0 8px;
  border-radius: 0;
  border: none !important;
  color: var(--interactive-text-default) !important;
}
.tabBar__133bf .item_aa8da2, .tabBar__133bf .item_aa8da2:hover, .tabBar__133bf .item_aa8da2.selected_aa8da2, .tabBar_f8303a .item_aa8da2, .tabBar_f8303a .item_aa8da2:hover, .tabBar_f8303a .item_aa8da2.selected_aa8da2, .tabBar_d6f9e9 .item_aa8da2, .tabBar_d6f9e9 .item_aa8da2:hover, .tabBar_d6f9e9 .item_aa8da2.selected_aa8da2, .tabBar__81b3e .item_aa8da2, .tabBar__81b3e .item_aa8da2:hover, .tabBar__81b3e .item_aa8da2.selected_aa8da2, .tabBar_d1d9f3 .item_aa8da2, .tabBar_d1d9f3 .item_aa8da2:hover, .tabBar_d1d9f3 .item_aa8da2.selected_aa8da2 {
  background-color: transparent !important;
}
.tabBar__133bf .item_aa8da2:after, .tabBar_f8303a .item_aa8da2:after, .tabBar_d6f9e9 .item_aa8da2:after, .tabBar__81b3e .item_aa8da2:after, .tabBar_d1d9f3 .item_aa8da2:after {
  display: none;
}
.tabBar__133bf .item_aa8da2:not(.disabled_aa8da2):hover, .tabBar_f8303a .item_aa8da2:not(.disabled_aa8da2):hover, .tabBar_d6f9e9 .item_aa8da2:not(.disabled_aa8da2):hover, .tabBar__81b3e .item_aa8da2:not(.disabled_aa8da2):hover, .tabBar_d1d9f3 .item_aa8da2:not(.disabled_aa8da2):hover {
  color: var(--interactive-text-hover) !important;
}
.tabBar__133bf .item_aa8da2.selected_aa8da2, .tabBar_f8303a .item_aa8da2.selected_aa8da2, .tabBar_d6f9e9 .item_aa8da2.selected_aa8da2, .tabBar__81b3e .item_aa8da2.selected_aa8da2, .tabBar_d1d9f3 .item_aa8da2.selected_aa8da2 {
  color: var(--interactive-text-default) !important;
}
.tabBar__133bf .item_aa8da2.selected_aa8da2:after, .tabBar_f8303a .item_aa8da2.selected_aa8da2:after, .tabBar_d6f9e9 .item_aa8da2.selected_aa8da2:after, .tabBar__81b3e .item_aa8da2.selected_aa8da2:after, .tabBar_d1d9f3 .item_aa8da2.selected_aa8da2:after {
  display: block;
  inset-block-start: unset;
}
.tabBar__133bf .item_aa8da2.selected_aa8da2, .tabBar__133bf .item_aa8da2[aria-selected=true], .tabBar_f8303a .item_aa8da2.selected_aa8da2, .tabBar_f8303a .item_aa8da2[aria-selected=true], .tabBar_d6f9e9 .item_aa8da2.selected_aa8da2, .tabBar_d6f9e9 .item_aa8da2[aria-selected=true], .tabBar__81b3e .item_aa8da2.selected_aa8da2, .tabBar__81b3e .item_aa8da2[aria-selected=true], .tabBar_d1d9f3 .item_aa8da2.selected_aa8da2, .tabBar_d1d9f3 .item_aa8da2[aria-selected=true] {
  position: relative;
  background-color: transparent !important;
  border: none;
}
.tabBar__133bf .item_aa8da2.selected_aa8da2:after, .tabBar__133bf .item_aa8da2[aria-selected=true]:after, .tabBar_f8303a .item_aa8da2.selected_aa8da2:after, .tabBar_f8303a .item_aa8da2[aria-selected=true]:after, .tabBar_d6f9e9 .item_aa8da2.selected_aa8da2:after, .tabBar_d6f9e9 .item_aa8da2[aria-selected=true]:after, .tabBar__81b3e .item_aa8da2.selected_aa8da2:after, .tabBar__81b3e .item_aa8da2[aria-selected=true]:after, .tabBar_d1d9f3 .item_aa8da2.selected_aa8da2:after, .tabBar_d1d9f3 .item_aa8da2[aria-selected=true]:after {
  position: absolute;
  content: " ";
  width: 80%;
  height: 3px;
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  margin: 0 auto;
  background: var(--tab-border-color);
  border-radius: 3px;
  transition: var(--default-time) ease all;
}
.tabBar__133bf .item_aa8da2:last-of-type, .tabBar_f8303a .item_aa8da2:last-of-type, .tabBar_d6f9e9 .item_aa8da2:last-of-type, .tabBar__81b3e .item_aa8da2:last-of-type, .tabBar_d1d9f3 .item_aa8da2:last-of-type {
  margin-inline-end: 0;
}
.tabBar__133bf .item_aa8da2.disabled_aa8da2, .tabBar_f8303a .item_aa8da2.disabled_aa8da2, .tabBar_d6f9e9 .item_aa8da2.disabled_aa8da2, .tabBar__81b3e .item_aa8da2.disabled_aa8da2, .tabBar_d1d9f3 .item_aa8da2.disabled_aa8da2 {
  cursor: not-allowed;
  opacity: 0.5;
}
.tabBar__133bf .item_aa8da2 .text-sm\/normal_cf4812, .tabBar_f8303a .item_aa8da2 .text-sm\/normal_cf4812, .tabBar_d6f9e9 .item_aa8da2 .text-sm\/normal_cf4812, .tabBar__81b3e .item_aa8da2 .text-sm\/normal_cf4812, .tabBar_d1d9f3 .item_aa8da2 .text-sm\/normal_cf4812 {
  line-height: inherit;
}

.vertical_f8303a {
  height: unset;
}
.vertical_f8303a .item_aa8da2 {
  transition: var(--default-time) var(--default-animation) background-color;
}
.vertical_f8303a .item_aa8da2.selected_aa8da2 {
  background-color: hsl(var(--accent-hsl), 0.3) !important;
  border-radius: 12px;
}
.vertical_f8303a .item_aa8da2.selected_aa8da2:after {
  display: none;
}

.tabBar_d1d9f3 {
  margin: 0 16px 0;
}

.tabBar_d6f9e9 {
  padding-block-start: 0;
}
.tabBar_d6f9e9 .item_aa8da2 {
  height: 47px;
}

.tabBar__4efb4 {
  height: 56px;
  margin-block-end: 0;
  padding-block-start: 0;
}
.tabBar__4efb4 .item_aa8da2 {
  padding: 0 8px;
  line-height: 56px;
}

.tabBar__29506 {
  border-bottom-width: 1px;
}
.tabBar__29506 .item_aa8da2 {
  margin-inline-end: 24px !important;
  margin-block-end: 0;
}

/*
 *
 *  TITLES
 *
 */
.h4_b717a1,
.h5_b717a1 {
  font-size: 14px;
  text-transform: none;
}

/*
 *
 *	TOASTS
 *
 */
.toast,
.toast__3fde7 {
  height: 40px;
  padding: 0 16px;
  background-color: var(--tooltip-color);
  border-radius: 20px;
  border: none;
  box-shadow: none;
  font-size: 1em;
  font-weight: 400;
  color: var(--tooltip-text-color);
}

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

.toast_g4bfgI {
  background-color: var(--popout-color) !important;
  border-radius: var(--popout-radius-big) !important;
  border: none !important;
  box-shadow: var(--shadow-medium) !important;
}
.toast_g4bfgI + .toast_g4bfgI {
  margin-block-start: 2px !important;
}

.qwert-toast {
  width: 30vw;
  max-width: 30vw;
  background-color: var(--popout-color) !important;
  backdrop-filter: none;
}
.qwert-toast + .qwert-toast {
  margin-block-start: 2px !important;
}
.qwert-toast .qwert-toast-icon-container {
  margin-block-start: 0;
  margin-inline-end: 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_c36707, .tooltip__4e35b {
  padding: var(--tooltip-padding);
  background-color: var(--tooltip-color) !important;
  border-radius: var(--popout-radius);
  box-shadow: var(--tooltip-shadow) !important;
  border: none;
  font-size: var(--tooltip-font-size);
  font-weight: 500;
  z-index: 99999999999999;
  animation: opacity var(--default-time) ease;
}
.tooltip_c36707 .tooltipPointer_c36707, .tooltip__4e35b .tooltipPointer_c36707, .tooltip_c36707 .tooltipPointer_c36707 {
  display: none;
}
.tooltip_c36707 .tooltipContent_c36707, .tooltip__4e35b .tooltipContent_c36707,
.tooltip_c36707 .guildNameText_b1f768,
.tooltip__4e35b .guildNameText_b1f768,
.tooltip_c36707 .guildNameText_b1f768 {
  padding: 0;
  font-size: var(--tooltip-font-size);
  color: var(--tooltip-text-color);
}
.tooltip_c36707 .tooltipText__0ca35, .tooltip__4e35b .tooltipText__0ca35, .tooltip_c36707 .emojiTooltipText__040f0, .tooltip__4e35b .emojiTooltipText__040f0,
.tooltip_c36707 .text-sm\/medium_cf4812,
.tooltip__4e35b .text-sm\/medium_cf4812, .tooltip_c36707 .tooltipText__0ca35, .tooltip_c36707 .emojiTooltipText__040f0,
.tooltip_c36707 .text-sm\/medium_cf4812 {
  font-size: var(--tooltip-font-size);
  color: var(--tooltip-text-color) !important;
}
.tooltip_c36707 .text-xs\/normal_cf4812, .tooltip__4e35b .text-xs\/normal_cf4812, .tooltip_c36707 .text-xs\/normal_cf4812 {
  color: var(--tooltip-text-color) !important;
}
.tooltip_c36707 .activityIcon_b1f768, .tooltip__4e35b .activityIcon_b1f768, .tooltip_c36707 .activityIcon_b1f768 {
  color: var(--tooltip-text-color);
}
.tooltip_c36707 .clickCTA__0f481, .tooltip__4e35b .clickCTA__0f481, .tooltip_c36707 .clickCTA__0f481 {
  color: var(--tooltip-text-color) !important;
}

.listItemTooltipContent__91816 {
  font-size: var(--tooltip-font-size);
  font-weight: 500;
}

.caretIcon__4e35b {
  display: none;
}

.upsellTooltipWrapper__675aa {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  border: none;
  box-shadow: var(--shadow-medium);
}
.upsellTooltipWrapper__675aa.caretTopCenter__675aa:after {
  border-bottom-color: var(--popout-color);
}
.upsellTooltipWrapper__675aa.caretLeftCenter__675aa:after {
  border-right-color: var(--popout-color);
}

.upsellTooltipWrapper__675aa.caretTopCenter__675aa:after {
  border-bottom-color: var(--popout-color);
}
.upsellTooltipWrapper__675aa.caretLeftTop__675aa:after {
  inset-block-start: var(--popout-radius-big);
  border-right-color: var(--popout-color);
}
.upsellTooltipWrapper__675aa .upsellTooltipHeader__675aa {
  color: var(--header-primary);
}
.upsellTooltipWrapper__675aa .upsellTooltipText__675aa, .upsellTooltipWrapper__675aa .content__675aa {
  color: var(--header-secondary) !important;
}
.upsellTooltipWrapper__675aa .lookInverted_a299dc.colorBrand__201d5 {
  --button-padding-start: 12px;
  --button-padding-end: 12px;
  --button-background: transparent;
  --button-text-color: hsl(var(--accent-hsl--material-you));
  --accent-button-action-hover: 0.14;
  --accent-button-action-active: 0.21;
}
.upsellTooltipWrapper__675aa .lookInverted_a299dc.colorBrand__201d5:after {
  background-color: hsl(var(--accent-hsl--material-you));
}

.tooltipPremiumFooterContainer__7d7fe {
  border-radius: 14px;
}

.reactionTooltip_b49891 {
  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_b49891 .reactionTooltipText_b49891 {
  color: inherit;
}

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

.burstReactionTooltipPrompt_b49891 {
  margin: 8px 0 0;
}
.burstReactionTooltipPrompt_b49891 .reactionTooltipText_b49891 {
  margin-inline-start: 0;
}

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

.emojiSection_d5cd2d {
  padding: 16px 16px 8px;
}

.guildSection_d5cd2d {
  position: relative;
  padding: 8px 16px 16px;
  background-color: transparent;
}
.guildSection_d5cd2d:before {
  position: absolute;
  content: " ";
  width: calc(100% - 32px);
  height: 1px;
  inset-block-start: 0;
  inset-inline-start: 16px;
  background-color: var(--tooltip-border-color);
}
.guildSection_d5cd2d .guildTitle_d5cd2d,
.guildSection_d5cd2d .text-xs\/normal_cf4812 {
  color: var(--tooltip-text-color) !important;
}

/*
 *
 *	ACTIVITY LIST
 *
 */
.nowPlayingColumn__133bf {
  background-color: var(--main-color);
}
.nowPlayingColumn__133bf .container__7d20c {
  background-color: transparent;
}
.nowPlayingColumn__133bf .container__7d20c .scroller__7d20c {
  margin-inline-start: 0;
  padding-block: var(--space-16) var(--space-12);
  padding-inline: var(--space-16);
  border-inline-start: none;
}

.memberItem__5017b {
  padding: 0;
}

.card_bf550a {
  margin-block-end: 16px;
  background-color: var(--card-color-outlined);
  border: 1px solid var(--card-border-color);
  padding: 0;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}
.card_bf550a .header__7d20c {
  margin-block-end: 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-block-end: 1px solid var(--card-border-color);
  text-align: left;
}
.card_bf550a .size14_a4e6b9 {
  padding-block: var(--space-16) 0;
  padding-inline: var(--space-16);
}
.card_bf550a .buttonContainer_bf550a {
  padding-block: 0 var(--space-16);
  padding-inline: var(--space-16);
}

.emptyCard__7e549 {
  padding: 0;
  background-color: var(--activity-card-color);
  border-radius: var(--card-radius-big);
}
.emptyCard__7e549 .emptyHeader__7e549 {
  width: 100%;
  margin-block-end: 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-block-end: none;
  box-sizing: border-box;
  text-align: left;
}
.emptyCard__7e549 .emptyText__7e549 {
  padding-block: 0 var(--space-16);
  padding-inline: var(--space-16);
  text-align: left;
}

.refresh-active-now {
  --activity-card-padding: var(--space-8);
  --activity-card-radius: calc(var(--card-radius-big) - var(--activity-card-padding));
}
.refresh-active-now .interactive_bf1984 {
  margin-block: 0 2px;
  margin-inline: 0;
  background-color: var(--activity-card-color);
  border-radius: 4px;
  border: none;
  box-shadow: none;
  transition: var(--default-time) var(--default-animation) background-color;
}
.refresh-active-now .interactive_bf1984:first-of-type {
  border-start-start-radius: var(--card-radius-big);
  border-start-end-radius: var(--card-radius-big);
}
.refresh-active-now .interactive_bf1984:first-of-type:nth-last-child(1) {
  border-radius: var(--card-radius-big);
}
.refresh-active-now .interactive_bf1984:nth-last-child(1) {
  border-end-start-radius: var(--card-radius-big);
  border-end-end-radius: var(--card-radius-big);
}
.refresh-active-now .interactive_bf1984:hover {
  background-color: var(--activity-card-color--hover) !important;
}
.refresh-active-now .interactive_bf1984 .inset_bf1984 {
  background-color: transparent;
}
.refresh-active-now .interactive_bf1984 .inset_bf1984:not(:empty) {
  padding-block: 0 var(--activity-card-padding);
  padding-inline: var(--activity-card-padding);
}
.refresh-active-now .interactive_bf1984 .outer_bf1984 {
  background-color: var(--activity-card-color);
}
.refresh-active-now .interactive_bf1984 .section__00943 {
  background-color: var(--activity-card-color--inset);
  border-radius: 4px;
  border: none;
}
.refresh-active-now .interactive_bf1984 .section__00943:first-of-type {
  border-start-start-radius: var(--activity-card-radius);
  border-start-end-radius: var(--activity-card-radius);
}
.refresh-active-now .interactive_bf1984 .section__00943:not(:first-of-type):last-of-type {
  margin-block-end: 0;
  border-end-start-radius: var(--activity-card-radius);
  border-end-end-radius: var(--activity-card-radius);
}
.refresh-active-now .interactive_bf1984 .section__00943:not(:only-child) {
  margin-block-end: 2px;
}
.refresh-active-now .interactive_bf1984 .section__00943:only-child {
  border-radius: var(--activity-card-radius);
}
.refresh-active-now .interactive_bf1984 .separator__00943 {
  display: none;
}
.refresh-active-now .interactive_bf1984 .header__00943 {
  background-color: transparent;
}
.refresh-active-now .interactive_bf1984 .headerIcon__00943 {
  border-radius: 50%;
}
.refresh-active-now .interactive_bf1984 .applicationStreamingPreviewWrapper__00943 {
  background-color: var(--card-color-alt);
  border-radius: calc(var(--card-radius-big) / 1.25);
  overflow: hidden;
}
.refresh-active-now .interactive_bf1984 .image__04666 {
  border-radius: calc(var(--card-radius-big) / 1.25);
}
.refresh-active-now .interactive_bf1984 .borderRadius0__00943 {
  border-radius: 50%;
}

.wrapper__11054 {
  background-color: var(--activity-card-color--inset);
  border-radius: 4px;
}
.wrapper__11054:only-child {
  border-radius: var(--card-radius-big);
}
.wrapper__11054 .promotedTag__1d868 {
  padding-block: 3px 2px;
  padding-inline: 6px;
}
.wrapper__11054 .promotedTagBackground__1d868 {
  background-color: var(--card-color-filled) !important;
  border-radius: 9px;
}

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

.separator__00943 + .wrapper__11054 {
  border-end-start-radius: var(--card-radius-big);
  border-end-end-radius: var(--card-radius-big);
}

.nowPlayingColumn__133bf .header__7d20c {
  margin-block-start: 0;
  font-weight: 400;
}
.nowPlayingColumn__133bf .header__7d20c + .interactive_bf1984:nth-last-child(2) {
  border-radius: var(--card-radius-big);
}

/*
 *
 *	ADD FRIEND
 *
 */
.header__94b08 {
  margin-block: var(--space-16) 0;
  margin-inline: var(--space-16);
  padding-block: 0 var(--space-16);
  padding-inline: 0;
}

.addFriendInputWrapper__72ba7 {
  height: calc(var(--input-height) * 1.316);
  margin-block-start: var(--space-12);
  margin-inline: 0;
  padding-block: 0;
  padding-inline: var(--space-16) var(--space-8);
  background-color: var(--input-color);
  border-radius: calc(var(--input-radius) * 1.316);
  border: none;
}
.addFriendInputWrapper__72ba7 .addFriendUsernameRow__72ba7 {
  height: 100%;
}
.addFriendInputWrapper__72ba7 .addFriendInput__72ba7,
.addFriendInputWrapper__72ba7 .addFriendHint__72ba7 {
  padding: 0;
  line-height: var(--input-height);
  font-weight: 400;
}
.addFriendInputWrapper__72ba7 .inputText__72ba7::-webkit-input-placeholder {
  color: var(--text-muted);
  font-weight: 500;
}
.addFriendInputWrapper__72ba7 .addFriendInput__72ba7 {
  border-block-end: none !important;
}
.addFriendInputWrapper__72ba7 .addFriendInput__72ba7 .input__0f084 {
  padding: 0;
  box-shadow: none !important;
}
.addFriendInputWrapper__72ba7 .addFriendHint__72ba7 {
  inset-block-start: 6px;
}

.theme-light .addFriendInputWrapper__72ba7 {
  background-color: hsl(from var(--input-color) h s calc(l * 1.075));
}

.header_a14595 {
  padding: 16px;
}

.grid_a14595 {
  padding: 0 16px;
}

.container_a14595 {
  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_a14595:hover {
  background-color: var(--card-color-hover);
}

/*
 *
 *	FRIENDS LIST
 *
 */
.container__133bf {
  background-color: var(--chat-color) !important;
  border-start-end-radius: var(--card-radius-big);
  border-block-start: none;
}

.tabBody__133bf {
  background-color: transparent;
}
.tabBody__133bf:before {
  display: none;
}

.blockedIgnoredSettingsNotice__6811a {
  margin-block: var(--space-16) var(--space-4);
  margin-inline: var(--space-16);
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}

.title__1472a {
  font-size: 12px;
  text-transform: none;
}

.peopleList__5ec2f {
  padding-block-end: var(--space-12);
}

.peopleColumn__133bf .scrollerBase_d125d2 {
  margin-block-start: 0;
}
.peopleColumn__133bf .container-q97qHp {
  height: 40px;
  margin: 0;
  padding: 0 16px;
  line-height: 40px;
  font-size: 14px;
  text-transform: none;
}

.searchBar__5ec2f {
  margin-block: var(--space-16) var(--space-8);
  margin-inline: var(--space-16);
  height: var(--input-height);
  padding: 0 var(--input-padding);
  background-color: var(--input-color);
  border: none;
  max-height: var(--input-height);
  border-radius: calc(var(--input-height) / 2);
  box-shadow: none;
  padding: 0;
}
.searchBar__5ec2f:focus-within {
  box-shadow: none;
}
.searchBar__5ec2f .container__72c38:not(.container_a16aea) {
  border-radius: calc(var(--input-height) / 2);
  border: none;
  box-shadow: none;
}
.searchBar__5ec2f .container__72c38:not(.container_a16aea):focus-within {
  box-shadow: none;
}

.theme-light .searchBar__5ec2f .container__72c38:not(.container_a16aea) {
  background-color: hsl(from var(--input-color) h s calc(l * 1.075));
}

.peopleListItem_cc6179 {
  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_cc6179:hover {
  background-color: var(--menu-item-hover);
}
.peopleListItem_cc6179.active_cc6179 {
  background-color: var(--menu-item-select);
}
.peopleListItem_cc6179 .actionButton_f8fa06 {
  background-color: transparent;
  position: relative;
}
.peopleListItem_cc6179 .actionButton_f8fa06:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  background-color: hsl(var(--md-ripple-color), 0.1);
  border-radius: 50%;
  opacity: 0;
  transform: scale(1.2);
  pointer-events: none;
  transition: 300ms ease;
  z-index: 4;
}
.peopleListItem_cc6179 .actionButton_f8fa06:hover:after {
  opacity: 1;
  transform: scale(1);
  animation: md-ripple-scale 150ms var(--default-animation);
  transition: opacity 150ms ease;
}
.peopleListItem_cc6179 .actionButton_f8fa06:active:after {
  background-color: hsl(var(--md-ripple-color), 0.2);
}
.peopleListItem_cc6179 .actionButton_f8fa06 .icon_f8fa06 {
  transform: scale(1.2);
}
.peopleListItem_cc6179 .actionButton_f8fa06 .icon_f8fa06 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");
}

.discriminator__0a06e {
  opacity: 0;
  transition: var(--default-time) var(--default-animation) opacity;
}

.userInfo__0a06e.hovered__0a06e .discriminator__0a06e {
  opacity: 1;
}

/* FRIENDS LIST -> SPAM REQUESTS */
.spamRequest__2bb83:not(:nth-last-of-type(2)) {
  border-block-end: none;
}
.spamRequest__2bb83 .peopleListItem_cc6179 {
  margin: 0 !important;
}

/*
 *
 *	LIBRARY
 *
 */
.libraryHeader__5a895 {
  --input-height: 32px;
  --input-padding: 0 2px 0 6px;
}
.libraryHeader__5a895 .inner__72c38 .input__72c38 {
  padding: 0;
}
.libraryHeader__5a895 .inner__72c38 .input__72c38, .libraryHeader__5a895 .inner__72c38 .input__72c38::-webkit-input-placeholder {
  font-weight: 500;
}

.libraryFilter__3fb48 {
  width: 160px;
  transition: 300ms ease width;
}
.libraryFilter__3fb48.focused__3fb48 {
  width: 240px;
}

.scroller__4a84a,
.scroller_fb04e1 {
  background-color: var(--chat-color);
}

.table_adb41f {
  padding-block-end: 8px;
}
.table_adb41f .header_adb41f {
  height: 42px;
  padding-block: 0;
  padding-inline: var(--space-16);
  line-height: 42px;
  background-color: var(--chat-color);
  border-block-end: 1px solid var(--card-border-color);
}
.table_adb41f .header_adb41f.stickyHeader_adb41f {
  width: 100%;
}
.table_adb41f .header_adb41f .headerCell_adb41f {
  border: none;
  font-size: 14px;
  text-transform: none;
}
.table_adb41f .header_adb41f .headerCell_adb41f.headerCellSorted_adb41f .headerCellContent__5fe04 {
  position: relative;
  background-color: transparent !important;
  border: none;
}
.table_adb41f .header_adb41f .headerCell_adb41f.headerCellSorted_adb41f .headerCellContent__5fe04:after {
  position: absolute;
  content: " ";
  width: 100%;
  height: 3px;
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  margin: 0 auto;
  background: var(--tab-border-color);
  border-radius: 3px;
  transition: var(--default-time) ease all;
}
.table_adb41f .header_adb41f .headerCell_adb41f.headerCellSorted_adb41f .headerCellContent__5fe04:after {
  width: calc(100% - 22px);
  inset-inline-start: 0;
  inset-inline-end: auto;
}

.rowWrapper_adb41f {
  margin-block: 0;
  margin-inline: var(--space-8);
  padding: 0;
  border-radius: var(--card-radius-big);
  border: none;
  transition: var(--default-time) var(--default-animation) background-color;
}
.rowWrapper_adb41f.rowWrapperActive_adb41f {
  background-color: var(--menu-item-hover);
}
.rowWrapper_adb41f .row_adb41f {
  margin: 0;
  padding-block: 0;
  padding-inline: var(--space-16);
  border-block-start: none !important;
}
.rowWrapper_adb41f .nameBodyCell_adb41f,
.rowWrapper_adb41f .settingIcon_adb41f,
.rowWrapper_adb41f .textCell_adb41f {
  transition: var(--default-time) var(--default-animation) opacity;
}
.rowWrapper_adb41f .nameBodyCell_adb41f {
  padding-inline-start: 0;
}

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

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

.messageRequestItem_abb9ad {
  padding: 16px;
  position: relative;
  border-block-end: none;
  border-radius: var(--card-radius-big);
  transition: var(--default-time) var(--default-animation) background-color;
}
.messageRequestItem_abb9ad:after {
  position: absolute;
  content: " ";
  width: calc(100% - 16px * 2);
  height: 1px;
  inset-inline-end: 0;
  inset-block-end: 0;
  margin: 0 16px;
  background-color: var(--card-border-color);
}
.messageRequestItem_abb9ad:last-of-type:after {
  display: none;
}
.messageRequestItem_abb9ad:not(.firstItem_abb9ad) {
  border-block-start: none;
}
.messageRequestItem_abb9ad:hover, .messageRequestItem_abb9ad.active_abb9ad, .messageRequestItem_abb9ad.selected_f391e3, .messageRequestItem_abb9ad .selected_dcc822 {
  border-radius: var(--card-radius-big);
}
.messageRequestItem_abb9ad:hover .actionButton-3GQIiT, .messageRequestItem_abb9ad.active_abb9ad .actionButton-3GQIiT, .messageRequestItem_abb9ad.selected_f391e3 .actionButton-3GQIiT, .messageRequestItem_abb9ad .selected_dcc822 .actionButton-3GQIiT {
  background-color: var(--card-color-alt);
}
.messageRequestItem_abb9ad:hover, .messageRequestItem_abb9ad.active_abb9ad {
  background-color: var(--card-color-hover);
}
.messageRequestItem_abb9ad.selected_f391e3, .messageRequestItem_abb9ad .selected_dcc822 {
  background-color: var(--card-color-active);
}
.messageRequestItem_abb9ad:after {
  display: none;
}
.messageRequestItem_abb9ad .actionButton-3GQIiT {
  background-color: var(--card-color-hover);
}
.messageRequestItem_abb9ad .button__201d5.colorPrimary__201d5 {
  --button-padding-start: 12px;
  --button-padding-end: 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_abb9ad .button__201d5.colorPrimary__201d5:after {
  background-color: hsl(var(--button-link-accent-color));
}

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

/*
 *
 *	NITRO
 *
 */
.applicationStore_f07d62 {
  background-color: var(--chat-color);
  border-start-end-radius: var(--card-radius-big);
}
.applicationStore_f07d62 .scroller__244e5 {
  background-color: transparent;
}

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

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

.perkCard_b62c4e {
  background-color: var(--card-color-filled);
  border: none;
  padding: var(--space-16);
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

.mainPageScroller__80907 {
  background: transparent;
}

.client-theme-color-picker .mainPageScroller__80907 {
  background-color: transparent;
}

.homeWrapper__0920e {
  background-color: transparent;
  border-block-start: none;
}

.card_b5493b {
  background-color: var(--card-color-filled) !important;
  border: none !important;
  padding: var(--space-16) !important;
  border-radius: var(--card-radius-big) !important;
  box-shadow: none !important;
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) box-shadow !important;
}
.card_b5493b:hover {
  background-color: var(--card-color-hover) !important;
  box-shadow: var(--shadow-soft) !important;
}

.hoverWrapper_b5493b:hover .noFlipCardContainer_b5493b {
  transform: none;
}
.hoverWrapper_b5493b:hover .cardImage_b5493b {
  width: 100%;
  margin-block: 0 -2px;
  margin-inline: 0;
  border-radius: calc(var(--card-radius-big) / 1.5);
}

.cardImage_b5493b {
  margin-block-end: -2px;
  border-radius: calc(var(--card-radius-big) / 1.5);
}
.cardImage_b5493b img {
  height: 100%;
}

.cardDescription__1f069 {
  display: none;
}

.container_da4aee {
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}
.container_da4aee .textContainer_da4aee {
  background-image: linear-gradient(to right, var(--card-color-filled), hsl(var(--card-color-filled)/40%) 90%, transparent);
}

/*
 *
 *  DISCOVER QUESTS
 *
 */
.container__955a3 {
  border-start-end-radius: var(--card-radius-big);
  border-block-start: none;
  overflow: hidden;
}

.headerBarContent__1a9ce {
  padding-inline-end: var(--space-8);
}

.backdrop__8a7fc {
  background-color: var(--chat-color);
  border-start-end-radius: var(--card-radius-big);
  opacity: 1 !important;
}

.clickable_a3e8db {
  height: 32px;
}

.container_a3e8db {
  height: inherit;
  background-color: var(--card-color-filled);
  border-radius: 16px;
  border: none;
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) border-radius;
}
.container_a3e8db.highlighted_a3e8db {
  background-color: var(--card-color-hover);
}
.container_a3e8db.selected_a3e8db {
  background-color: var(--card-color-active);
  border-radius: 10px;
}

.container_b4f99f {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  border: none;
  box-shadow: var(--shadow-hard);
}

/* QUESTS -> BANNER */
.bannerContainer__955a3 {
  position: relative;
  width: calc(100% - 40px);
  height: 260px;
  min-height: 260px;
  max-height: 260px;
  box-sizing: border-box;
  overflow: hidden;
}
.bannerContainer__955a3 .button__201d5 {
  --button-padding-end: var(--button-padding-has-icon);
  height: var(--button-height);
  padding-inline-start: var(--button-padding-start);
  padding-inline-end: var(--button-padding-end);
}
.bannerContainer__955a3 .button__201d5 svg path {
  fill: currentColor;
}

.content_e9ef78 {
  max-width: unset;
}

.bannerImage__955a3 {
  height: 100%;
  border-radius: inherit;
}
.bannerImage__955a3 .bannerGradient__955a3 {
  display: none;
}

/* QUESTS -> CONTENT AREA */
.container_a56260 {
  background-color: var(--chat-color) !important;
}

.contentContainer_a56260 {
  background: none !important;
  backdrop-filter: none !important;
}

.headingWrapper__57454 {
  padding-block: var(--space-24) 0;
  padding-inline: var(--space-32);
}

.popout__9047f {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  border: none;
  box-shadow: var(--shadow-medium);
}

.filterOptionGroup__61c5c > :nth-child(2) {
  margin-block-start: var(--space-8);
}

.group__0a16d {
  gap: var(--space-8);
}

.filterSortOption__57454:hover {
  background-color: transparent;
}

/* QUESTS -> CARDS */
.container__60f82 {
  padding-block: var(--space-24);
  padding-inline: var(--space-32);
}

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

.shelfCard_c676ef {
  background-color: var(--card-color-filled);
  border: none;
  padding: var(--space-16);
  border-radius: var(--card-radius-big);
  box-shadow: none;
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) box-shadow;
}
.shelfCard_c676ef:hover {
  background-color: var(--card-color-hover);
  box-shadow: var(--shadow-soft);
}

.shelfCardQuestLogo_c676ef {
  background-color: var(--card-button-color);
  border-radius: 50%;
  border: none;
}

.heroAssetCont_b5b7aa,
.overlay_b5b7aa {
  aspect-ratio: 1280/400;
}

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

.container_b5b7aa {
  background-color: transparent;
  border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
}
.container_b5b7aa .heroAssetWrapper_b5b7aa {
  border-radius: var(--card-radius-big);
}
.container_b5b7aa .overlay_b5b7aa {
  display: none;
}
.container_b5b7aa .bottomRow_b5b7aa .text-sm\/medium_cf4812 {
  padding: 0 8px;
  background-color: var(--card-button-color);
  border-radius: 9px;
  color: var(--interactive-text-default) !important;
}

.submenuWrapper_f2bc91 {
  background-color: var(--card-button-color) !important;
}

.rewardDescriptionContainer__956c6 {
  background-color: var(--card-color-filled);
}
.rewardDescriptionContainer__956c6 .questRewardTileAsset__956c6 {
  border-radius: 50%;
}

.container__956c6 {
  background-color: transparent;
}
.container__956c6 .rewardDescriptionContainer__956c6 {
  background-color: transparent;
}
.container__956c6 .container__960ef {
  border-block-start: none;
}

.textOverflowBlur__956c6 {
  background: linear-gradient(transparent 50%, var(--card-color-filled) 100%);
}

/*
 *
 *	MESSAGE ACTIONS
 *
 */
.buttonContainer_c19a55 {
  margin-block-start: 2px;
  z-index: 3;
}

.buttons__5126c {
  max-width: 32px;
  inset-block-start: -36px;
  opacity: 0;
  visibility: visible;
  pointer-events: none;
  transition: var(--default-time) var(--default-animation) opacity, var(--default-time) var(--default-animation) max-width;
}

.message__5126c:hover .buttons__5126c {
  max-width: 380px;
  opacity: 1;
  pointer-events: all;
}

.popover_f84418.popover_f84418 {
  height: auto;
  padding: 4px;
  background-color: var(--popout-color);
  border-radius: 19px;
  box-shadow: var(--shadow-medium) !important;
  border: none;
  overflow: hidden;
  z-index: 2;
}
.popover_f84418.popover_f84418:hover {
  border: none;
}

.button_f7ecac {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  box-sizing: border-box;
  transition: var(--default-time) var(--default-animation) background-color;
}
.button_f7ecac:hover {
  background-color: var(--menu-item-hover);
}
.button_f7ecac .selected_f7ecac {
  background-color: var(--menu-item-select);
}

.hoverBarButton_f84418.hoverBarButton_f84418 {
  border-radius: 15px;
}

.theme-light .button_f7ecac:hover {
  background-color: hsl(from var(--menu-item-hover) h s calc(l * 0.875));
}
.theme-light .button_f7ecac .selected_f7ecac {
  background-color: hsl(from var(--menu-item-select) h s calc(l * 0.815));
}

.full-motion .wrapper_f7ecac:hover {
  box-shadow: var(--shadow-2dp);
}

.popoverReactionHoverBar_f84418:hover {
  border: none;
}
.popoverReactionHoverBar_f84418 .hoverBarButton_f84418 {
  border-radius: 28px;
}

/* MESSAGES -> ACTIONS -> DELETE MESSAGE */
.message_fd14e0 {
  padding: 0;
  background-color: transparent !important;
  box-shadow: none !important;
}
.message_fd14e0 .wrapper_c19a55 {
  margin: 0 0 0 52px !important;
  background-color: var(--message-color-alt) !important;
}
.message_fd14e0 .wrapper_c19a55 .avatar_c19a55 {
  inset-inline-start: -52px !important;
}

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

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

.hoverButtonGroup__06ab4 {
  background-color: var(--card-button-color);
  border-radius: 16px;
  transition: var(--default-time) var(--default-animation) opacity;
}
.hoverButtonGroup__06ab4 .hoverButton__06ab4 {
  transition: var(--default-time) var(--default-animation) background-color;
}
.hoverButtonGroup__06ab4 .hoverButton__06ab4:hover {
  background-color: var(--card-button-color-hover);
}
.hoverButtonGroup__06ab4 .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;
  inset-block-start: 0;
  inset-inline-end: 12px;
  inset-block-end: 0;
  margin: auto 0;
  outline: none;
}
.nonMediaAttachment_ef83c1.hoverButtonGroup__06ab4 {
  background-color: transparent;
  opacity: 1;
}

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

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

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

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

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

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

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

.embed__623de {
  border-radius: var(--media-radius);
}
.embed__623de.embedFull__623de {
  background-color: var(--attachment-color);
  border: none;
  border-inline-start: 4px solid;
}
.embed__623de pre,
.embed__623de pre code,
.embed__623de code.inline,
.embed__623de .spoilerContent__299eb {
  --attachment-color: var(--message-color);
}

.embedCard__44c9a {
  background-color: var(--attachment-color);
  border-radius: var(--message-radius);
}
.embedCard__44c9a.selected__44492 {
  background-color: var(--attachment-color);
}
.embedCard__44c9a .wrapper_c19a55 {
  margin: 0 0 0 48px !important;
}
.embedCard__44c9a .wrapper_c19a55 .avatar_c19a55 {
  inset-inline-start: -48px !important;
  margin-block-start: 0;
}

.withFooter__44c9a {
  padding-block-end: 0;
  border-radius: var(--media-radius) var(--media-radius) 0 0;
}

.footerContainer__44492 {
  padding: 8px 16px 8px;
  background-color: var(--attachment-color);
  border-radius: 0 0 var(--media-radius) var(--media-radius);
}
.footerContainer__44492 .button__201d5 {
  --button-height: 30px;
}
.footerContainer__44492 .button__201d5 .contents__201d5 > div {
  height: var(--button-height);
}
.footerContainer__44492 .button__201d5 .text-xs\/normal_cf4812 {
  color: hsl(var(--accent-text-color--material-you)) !important;
  font-weight: 500;
}

.children__1647d {
  margin-block-start: 4px;
  gap: 8px;
}
.children__1647d .button__201d5 {
  margin: 0;
}

.guildShopEmbed__86fa6 {
  background-color: var(--attachment-color) !important;
  border-radius: var(--media-radius);
}
.guildShopEmbed__86fa6 .lookFilled__201d5.colorBrand__201d5 .text-sm\/medium_cf4812 {
  color: inherit !important;
}

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

.wrapper_d5f3cd {
  background-color: var(--attachment-color) !important;
  border-radius: var(--media-radius);
  border: none;
}
.wrapper_d5f3cd .inviteSplash_d5f3cd,
.wrapper_d5f3cd .banner_da5e8d {
  border-radius: var(--media-radius);
}
.wrapper_d5f3cd .content__99f8c {
  gap: 12px;
}
.wrapper_d5f3cd .guildIcon_d5f3cd {
  border-radius: 50%;
}

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

/* ATTACHMENTS -> AUDIO FILE */
.wrapperAudio_cf09d8 {
  padding: 0;
  background-color: var(--attachment-color) !important;
  border-radius: var(--media-radius);
  border: none;
}
.wrapperAudio_cf09d8.newMosaicStyle_cf09d8 {
  padding: 0;
  border-radius: var(--media-radius);
}
.wrapperAudio_cf09d8 .audioMetadata_cf09d8 {
  padding: 12px 12px 4px;
}
.wrapperAudio_cf09d8 .audioMetadata_cf09d8 .metadataIcon_cf09d8 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_cf09d8 + .nonMediaAttachment_ef83c1 {
  inset-block-start: 12px;
  inset-block-end: unset;
  margin: 0;
}

.container_a8e786 {
  background-color: var(--attachment-color);
  border-radius: var(--media-radius);
  border-color: var(--attachment-color);
}
.container_a8e786.playing_a8e786 {
  border-color: hsl(var(--accent-hsl--material-you));
}
.container_a8e786.playing_a8e786 .playButtonContainer_a8e786 {
  border-radius: 10px;
}

.rippleContainer_a8e786 {
  display: none;
}

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

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

/* ATTACHMENTS -> IMAGES */
.visualMediaItemContainer_f4758a {
  border-radius: var(--media-radius);
}

.oneByOneGrid_f4758a,
.oneByTwoGrid_f4758a {
  border-radius: var(--media-radius);
  overflow: hidden;
}

.visualMediaItemContainer_f4758a .oneByOneGrid_f4758a:not(:only-child),
.visualMediaItemContainer_f4758a .oneByTwoGrid_f4758a:not(:only-child) {
  border-radius: calc(var(--media-radius) / 4);
}

.oneByTwoGridItem_f4758a,
.oneByTwoSoloItem_f4758a,
.twoByOneGridItem_f4758a {
  border-radius: calc(var(--media-radius) / 4);
}

.mosaicItemMediaMosaic__6c706,
.itemContentContainer_f4758a,
.imageContainer__0f481,
.imageWrapper_af017a {
  border-radius: inherit;
}

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

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

.timestamp__75297 {
  background-color: var(--attachment-color);
}

/* ATTACHMENTS -> FILES */
.file__0ccae {
  background-color: var(--attachment-color);
  border-radius: var(--media-radius);
  border: none;
  box-shadow: none;
}
.file__0ccae + .hoverButtonGroup__06ab4 {
  background-color: var(--card-color-active);
  box-shadow: var(--shadow-2dp);
  outline: none;
}

/* ATTACHMENTS -> SERVER INVITES */
.guildInviteContainer__083ae {
  background-color: var(--attachment-color);
  border-radius: var(--media-radius);
  border: none;
}
.guildInviteContainer__083ae .banner_dca174 {
  border-radius: var(--media-radius);
}
.guildInviteContainer__083ae .avatarWrapper_dca174 {
  background-color: var(--attachment-color);
}

.footerContent__083ae {
  background-color: transparent;
}

/* ATTACHMENTS -> QUEST CARD */
.questsCard__12e16 {
  background-color: var(--attachment-color);
  border-radius: var(--media-radius);
  box-shadow: none;
}

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

.root_fbc6f7 {
  background-color: transparent;
}
.root_fbc6f7 .questRewardTile__28141 {
  border-radius: 50% !important;
  box-shadow: var(--shadow-soft);
}

.rewardHighlight__28141:after {
  display: none;
}

/*
 *
 *	AUDIO PLAYER
 *
 */
.audioControls_cf09d8 {
  width: auto;
  margin-block: 0 var(--space-8);
  margin-inline: var(--space-8);
  padding: var(--space-8);
  gap: var(--space-12);
  border-radius: calc(var(--media-radius) / 1.65);
}
.audioControls_cf09d8 .videoButton_cf09d8 {
  margin-inline-end: 0;
}
.audioControls_cf09d8 .durationTimeWrapper_cf09d8 {
  margin: 0;
}

/*
 *
 *	MARKUP
 *
 */
.markup__75297 a {
  color: hsl(var(--accent-hsl));
}
.markup__75297 pre, .markup__75297 pre *, .markup__75297 pre code, .markup__75297 pre code *, .markup__75297 code.inline, .markup__75297 .codeBlockText_ada32f, .markup__75297 .codeBlockText_ada32f *, .markup__75297 .codeLine_ada32f, .markup__75297 .codeLine_ada32f *, .markup__75297 .codeBlockLang_ada32f, .markup__75297 .codeBlockLang_ada32f *, .markup__75297 .codeBlockSyntax_ada32f, .markup__75297 .codeBlockSyntax_ada32f *, .markup__75297 .syntaxAfter_ada32f, .markup__75297 .syntaxAfter_ada32f *, .markup__75297 .syntaxBefore_ada32f, .markup__75297 .syntaxBefore_ada32f * {
  --app-font: var(--code-font), monospace;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}
.markup__75297 pre,
.markup__75297 pre code,
.markup__75297 code.inline {
  background-color: var(--attachment-color);
  border-radius: var(--media-radius);
  border: none;
}
.markup__75297 pre code,
.markup__75297 pre code code,
.markup__75297 code.inline code {
  background-color: transparent;
}
.markup__75297 pre,
.markup__75297 code.inline {
  margin: 4px 0;
}
.markup__75297 .codeContainer__75297 {
  max-width: none;
}

.before_inlineCode_ada32f,
.before_inlineCode_ada32f,
.after_inlineCode_ada32f {
  --app-font: var(--code-font), monospace;
  background-color: var(--attachment-color);
  border: none;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

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

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

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

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

.textContainer__4d95d,
.footer__4d95d {
  background-color: var(--attachment-color);
  border: none;
}

.textContainer__4d95d .hljs {
  background-color: transparent;
}

.newMosaicStyle__4d95d .textContainer__4d95d {
  border-radius: var(--media-radius) var(--media-radius) 0 0;
}
.newMosaicStyle__4d95d .footer__4d95d {
  border-radius: 0 0 var(--media-radius) var(--media-radius);
  border-block-start: 1px solid var(--separator-color);
}

.codeView__4d95d, .codeView__4d95d * {
  --app-font: var(--code-font), monospace;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

/*
 *
 *	MESSAGES
 *
 */
.message__5126c .channelTextArea__74017 {
  margin-block-end: 4px;
  background-color: var(--input-color-alt);
  border-radius: var(--main-textarea-radius);
  border: none;
  box-shadow: none;
}
.message__5126c .channelTextArea__74017 .inner__74017 {
  padding-inline-start: 0;
}

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

.a11y-font-scaled-down .cozy_c19a55.wrapper_c19a55 {
  padding-inline-start: var(--message-padding-side);
  padding-inline-end: var(--message-padding-side) !important;
}

.messagesWrapper__36d07.group-spacing-0 .groupStart__5126c {
  --group-spacing: 0.125rem;
}
.messagesWrapper__36d07.group-spacing-0 .divider__5126c.beforeGroup__5126c {
  inset-block-start: 1px;
}
.messagesWrapper__36d07.group-spacing-4 .groupStart__5126c {
  --group-spacing: 0.3125rem;
}
.messagesWrapper__36d07.group-spacing-4 .divider__5126c.beforeGroup__5126c {
  inset-block-start: 2px;
}
.messagesWrapper__36d07.group-spacing-8 .groupStart__5126c {
  --group-spacing: 0.5625rem;
}
.messagesWrapper__36d07.group-spacing-8 .divider__5126c.beforeGroup__5126c {
  inset-block-start: 4px;
}
.messagesWrapper__36d07.group-spacing-16 .groupStart__5126c {
  --group-spacing: 1.0625rem;
}
.messagesWrapper__36d07.group-spacing-16 .divider__5126c.beforeGroup__5126c {
  inset-block-start: 8px;
}
.messagesWrapper__36d07.group-spacing-24 .groupStart__5126c {
  --group-spacing: 1.5625rem;
}
.messagesWrapper__36d07.group-spacing-24 .divider__5126c.beforeGroup__5126c {
  inset-block-start: 12px;
}
.messagesWrapper__36d07[class*=group-spacing] .groupStart__5126c {
  margin-block-start: var(--group-spacing);
}
.messagesWrapper__36d07[class*=group-spacing] .divider__5126c:not(.beforeGroup__5126c) {
  inset-block-start: -4px;
}
.messagesWrapper__36d07 .divider__908e2 {
  border-top-color: var(--message-color-hover);
}
.messagesWrapper__36d07 .content__908e2 {
  padding: 4px 12px;
  border-radius: 11px;
}

.wrapper_c19a55 {
  position: relative;
  background-color: var(--message-color) !important;
  border-radius: var(--message-radius);
  transition: var(--default-time) var(--default-animation) background-color;
}
.wrapper_c19a55:hover {
  background-color: var(--message-color-hover) !important;
}
.wrapper_c19a55:hover .repliedMessageClickableSpine_c19a55 {
  border-color: var(--message-color-hover) !important;
}
.wrapper_c19a55.automodMessage__5126c:before {
  display: none;
}
.wrapper_c19a55.hasThread_c19a55:after {
  display: none;
}
.wrapper_c19a55.hasThread_c19a55 .markup__75297 {
  overflow: visible;
}
.wrapper_c19a55.groupStart__5126c {
  position: relative;
}
.wrapper_c19a55.groupStart__5126c .avatar_c19a55 {
  width: 40px;
  height: 40px;
  inset-block-start: 0;
  inset-inline-start: -50px;
  border-radius: var(--avatar-radius);
}
.wrapper_c19a55.groupStart__5126c .avatarDecoration_c19a55 {
  inset-block-start: 0;
  inset-inline-start: -54px;
}
.wrapper_c19a55.groupStart__5126c.replying__5126c:before {
  display: none;
}
.wrapper_c19a55:not(.groupStart__5126c) {
  border-start-start-radius: 0;
  border-start-end-radius: 0;
}
.wrapper_c19a55:not(.groupStart__5126c):before, .wrapper_c19a55:not(.groupStart__5126c):after {
  content: " ";
  position: absolute;
  width: calc(var(--message-radius) / 3.75 * 2);
  height: calc(var(--message-radius) / 3.75 * 2);
  inset-block-start: calc(var(--message-radius) / 2.2 * -1);
  background: var(--message-color);
  pointer-events: none;
  transition: var(--default-time) var(--default-animation) background;
}
.wrapper_c19a55:not(.groupStart__5126c):before {
  inset-inline-start: 0;
  mask-image: linear-gradient(to top right, black 50%, transparent 50%);
}
.wrapper_c19a55:not(.groupStart__5126c):after {
  inset-inline-end: 0;
  mask-image: linear-gradient(to top left, black 50%, transparent 50%);
}
.wrapper_c19a55.ephemeral__5126c a, .wrapper_c19a55.replying__5126c a {
  color: hsl(var(--accent-hsl));
}
.wrapper_c19a55.ephemeral__5126c:before {
  display: none;
}
.wrapper_c19a55 .slateTextArea_ec4baf {
  padding-inline-start: 12px !important;
}
.wrapper_c19a55 .messageContent_c19a55 {
  overflow: visible;
}
.wrapper_c19a55 .messageContent_c19a55 .iconContainer__44492 {
  width: 40px !important;
  inset-block-start: -8px;
  inset-inline-start: calc((50px + var(--message-padding-side)) * -1);
}
.wrapper_c19a55 .dot__44492 {
  margin: 0 4px;
}
.wrapper_c19a55 .channelTextArea__74017 .scrollableContainer__74017 {
  background-color: var(--input-color-alt);
  border-radius: var(--main-textarea-radius);
}

.messageListItem__5126c:hover + .messageListItem__5126c .wrapper_c19a55:not(.groupStart__5126c):before, .messageListItem__5126c:hover + .messageListItem__5126c .wrapper_c19a55:not(.groupStart__5126c):after,
.messageListItem__5126c:hover + .backgroundFlash__5126c .wrapper_c19a55:not(.groupStart__5126c):before,
.messageListItem__5126c:hover + .backgroundFlash__5126c .wrapper_c19a55:not(.groupStart__5126c):after,
.messageListItem__5126c:hover + .divider__5126c + .messageListItem__5126c .wrapper_c19a55:not(.groupStart__5126c):before,
.messageListItem__5126c:hover + .divider__5126c + .messageListItem__5126c .wrapper_c19a55:not(.groupStart__5126c):after,
.backgroundFlash__5126c:hover + .messageListItem__5126c .wrapper_c19a55:not(.groupStart__5126c):before,
.backgroundFlash__5126c:hover + .messageListItem__5126c .wrapper_c19a55:not(.groupStart__5126c):after,
.backgroundFlash__5126c:hover + .backgroundFlash__5126c .wrapper_c19a55:not(.groupStart__5126c):before,
.backgroundFlash__5126c:hover + .backgroundFlash__5126c .wrapper_c19a55:not(.groupStart__5126c):after,
.backgroundFlash__5126c:hover + .divider__5126c + .messageListItem__5126c .wrapper_c19a55:not(.groupStart__5126c):before,
.backgroundFlash__5126c:hover + .divider__5126c + .messageListItem__5126c .wrapper_c19a55:not(.groupStart__5126c):after {
  background: var(--message-color-hover);
}

.repliedMessageClickableSpine_c19a55 {
  inset-inline-start: calc((var(--chat-avatar-size) / 2 + var(--message-padding-side) + var(--gutter) / 2) * -1);
  margin-inline-end: var(--message-padding-side);
  border-color: var(--message-color);
  transition: var(--default-time) var(--default-animation) border-color;
}

.replying__5126c {
  z-index: 2;
}
.replying__5126c .contents_c19a55:before {
  position: absolute;
  content: " ";
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  inset-block-start: 4px;
  inset-inline-start: 4px;
  background-color: hsl(var(--reply-hsl), var(--reply-opacity));
  border-radius: calc(var(--message-radius) / 1.25);
  pointer-events: none;
  animation: var(--default-time) var(--default-animation) opacity;
}
.replying__5126c.compact_c19a55 .contents_c19a55:before {
  width: calc(100% - 2.7rem);
  height: 100%;
  inset-block-start: 0;
  inset-inline-start: 4.15rem;
}

.executedCommand_c19a55 .appLauncherOnboardingCommandName_c19a55 {
  border-radius: 9px;
}

.cozy_c19a55.groupStart__5126c {
  margin-block-end: 0;
}
.cozy_c19a55.groupStart__5126c.mentioned__5126c:before {
  display: none;
}
.cozy_c19a55.groupStart__5126c {
  padding-block: var(--message-padding-top);
  padding-inline: var(--message-padding-side);
}
.cozy_c19a55:not(.groupStart__5126c) {
  margin-block-start: calc(var(--message-padding-top) * -1);
  padding-block: calc(var(--message-padding-top) / 2) var(--message-padding-top);
  padding-inline: var(--message-padding-side);
}
.cozy_c19a55:not(.groupStart__5126c) + .divider__5126c:not(.beforeGroup__5126c) {
  inset-block-start: -4px;
}
.cozy_c19a55 .header_c19a55 {
  margin-block-end: 4px;
}
.cozy_c19a55 .markup__75297 {
  margin-inline-start: 0;
  padding-inline-start: 0;
}
.cozy_c19a55:hover .timestamp_c19a55.alt_c19a55 {
  opacity: 1;
  transition: var(--default-time) ease opacity 750ms;
}
.cozy_c19a55 .timestamp_c19a55.alt_c19a55 {
  opacity: 0;
  inset-inline-start: -64px;
  color: var(--text-muted);
  font-weight: 600;
  transition: var(--default-time) ease opacity 0ms;
}
.cozy_c19a55 .removeAttachmentButton__692b5 {
  inset-inline-end: -4px;
}
.cozy_c19a55:not(.message__5126c) {
  margin-block: 16px 0;
  margin-inline: 68px 10px;
  padding-block: var(--message-padding-top);
  padding-inline: var(--message-padding-side);
  border-radius: var(--message-radius);
}
.cozy_c19a55:not(.message__5126c):before, .cozy_c19a55:not(.message__5126c):after {
  display: none;
}
.cozy_c19a55 .avatar_c19a55 {
  inset-block-start: 0;
  inset-inline-start: -50px;
}
.cozy_c19a55 .avatarDecoration_c19a55 {
  inset-inline-start: -54px;
}
.cozy_c19a55.hasReply_c19a55 .avatar_c19a55,
.cozy_c19a55.hasReply_c19a55 .avatarDecoration_c19a55 {
  inset-block-start: 28px;
}

.compact_c19a55 {
  margin-block-end: 0;
  padding-inline-end: 8px;
}
.compact_c19a55 .avatar_c19a55 {
  width: 16px !important;
  height: 16px !important;
  inset-block-start: 3px !important;
  inset-inline-start: 0 !important;
  margin: 0 0.5em 0 0.25em !important;
  padding: 0 !important;
}
.compact_c19a55.groupStart__5126c {
  padding: 8px;
}
.compact_c19a55.groupStart__5126c.mentioned__5126c:before {
  display: none;
}
.compact_c19a55.groupStart__5126c + .divider__5126c {
  margin-block-end: -1px;
}
.compact_c19a55:not(.groupStart__5126c) {
  margin-block-start: -8px;
  padding-block: 0 8px;
  padding-inline: 8px;
}
.compact_c19a55 .contents_c19a55 {
  margin-inline-start: -4.25rem;
  padding-inline-start: 4.25rem;
  text-indent: -3.75rem;
}
.compact_c19a55.hasThread_c19a55 .contents_c19a55:before {
  display: none;
}
.compact_c19a55 .header_c19a55 {
  position: relative;
  inset-inline-start: -8px;
}
.compact_c19a55 .timestamp_c19a55 {
  width: 52px;
  margin-inline-end: 16px;
  color: var(--text-muted);
}
.compact_c19a55 .repliedMessage_c19a55 {
  margin-inline-start: 0;
}
.compact_c19a55 + .divider__5126c {
  margin-inline-start: 80px;
}

.mentioned__5126c .messageContent_c19a55 {
  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__5126c .messageContent_c19a55:hover {
  background-color: hsl(var(--accent-hsl), 0.375);
}
.mentioned__5126c .messageContent_c19a55 a {
  color: hsl(var(--accent-hsl));
}
.mentioned__5126c .messageContent_c19a55 .wrapper_f61d60 {
  background-color: transparent;
}
.mentioned__5126c .messageContent_c19a55 .wrapper_f61d60:before {
  display: none;
}
.mentioned__5126c .contents_c19a55 .messageContent_c19a55 {
  margin-inline: -4px;
  padding-inline: 4px;
}
.mentioned__5126c .repliedMessage_c19a55 .messageContent_c19a55 {
  padding-block: 0;
  padding-inline: 4px 1px;
}

.avatarDecoration_c19a55 {
  inset-block-start: 0;
  inset-inline-start: -54px;
}

.messageListItem__5126c,
.quotedChatMessage__5126c {
  margin-inline: 68px 10px;
}

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

.scroller__36d07 {
  margin-block-end: -36px;
  padding-block-end: 36px;
}

.scrollerSpacer__36d07 {
  height: 20px !important;
}

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

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

.popout__86331 {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  border: none;
  box-shadow: var(--shadow-medium);
}
.popout__86331 .popoutHeaderContainer__86331 {
  padding: 12px;
  background-color: transparent;
  border-block-end: 1px solid var(--popout-header-border);
}

/* MESSAGES -> NEW MESSAGES DIVIDER */
.divider__5126c.isUnread__908e2 {
  margin-block: 0;
  margin-inline: 5rem 0.875rem;
  border-color: hsl(var(--accent-hsl--material-you));
}
.divider__5126c.isUnread__908e2 .unreadPill__908e2 {
  height: 28px;
  inset-block-start: -15px;
  padding-block: 0;
  padding-inline: var(--space-16);
  background-color: hsl(var(--accent-hsl--material-you));
  border-radius: 14px;
  box-shadow: var(--shadow-medium);
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  color: var(--accent-text-color--material-you);
}
.divider__5126c.isUnread__908e2 .unreadPill__908e2 .unreadPillCap__908e2 {
  display: none;
}
.divider__5126c.isUnread__908e2.hasContent__5126c .content__908e2 {
  background-color: hsl(var(--accent-hsl--material-you));
  color: var(--accent-text-color--material-you);
}
.divider__5126c.hasContent__5126c {
  margin-inline-start: 1rem;
}

.content__908e2 {
  background-color: var(--message-color-hover);
}

/* MESSAGES -> ERROR BAR */
.messagesErrorBar__0f481 {
  min-width: 180px;
  min-height: var(--button-height);
  height: var(--button-height);
  padding: 0;
  border-radius: var(--button-radius);
  box-shadow: var(--shadow-2dp);
  transition: var(--default-time) var(--default-animation) box-shadow;
}
.messagesErrorBar__0f481:hover {
  box-shadow: var(--shadow-medium);
}
.messagesErrorBar__0f481 .barButtonBase__0f481 {
  background-color: transparent;
  color: var(--alert-text-color);
  box-shadow: none;
}
.messagesErrorBar__0f481 .barButtonMain__0f481 {
  display: flex;
  flex: 0 1 auto;
  border-radius: 0;
  justify-content: center;
}
.messagesErrorBar__0f481 .barButtonMain__0f481:after {
  position: absolute;
  content: " ";
  width: 1px;
  height: 50%;
  inset-block-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  margin: auto 0;
  background-color: var(--alert-text-color);
}
.messagesErrorBar__0f481 .barButtonAlt__0f481 {
  margin-inline-start: 0;
  font-size: 14px;
  font-weight: 500;
}
.messagesErrorBar__0f481 .barButtonMain__0f481,
.messagesErrorBar__0f481 .barButtonAlt__0f481 {
  min-width: var(--button-height);
  padding-inline-start: var(--button-padding-start);
  padding-inline-end: var(--button-padding-end);
}

/*
 *
 *	MESSAGE POLLS
 *
 */
.pollContainer_b7e1cb {
  background-color: var(--attachment-color);
  border-radius: var(--media-radius);
  border: none;
}
.pollContainer_b7e1cb .answersContainer__4c520 {
  padding: 0;
  background-color: transparent;
}
.pollContainer_b7e1cb .radioBackground_f4f0eb {
  fill: hsl(var(--accent-hsl--material-you));
}
.pollContainer_b7e1cb .lookBlank__201d5.colorBrand__201d5 {
  color: hsl(var(--accent-hsl--material-you));
}

.answer__4c520.votedStyles_a1443c .answerInner__4c520 {
  outline-color: hsl(var(--accent-hsl--material-you));
}
.answer__4c520:not(.votedStyles_a1443c) .answerInner__4c520 {
  outline-color: transparent !important;
}

.answerInner__4c520 {
  background-color: var(--card-color-filled);
  border-radius: calc(var(--media-radius) / 1.65);
}
.answerInner__4c520.currentlyVoting__4c520:hover {
  background-color: var(--card-color-hover);
}
.answerInner__4c520.currentlyVoting__4c520.selected__4c520 {
  background-color: var(--card-color-active);
}
.answerInner__4c520.currentlyVoting__4c520.selected__4c520 circle,
.answerInner__4c520.currentlyVoting__4c520.selected__4c520 path {
  fill: hsl(var(--accent-hsl--material-you));
}
.answerInner__4c520.currentlyVoting__4c520 path {
  fill: var(--interactive-text-default);
}

.votePercentageBar__4c520 {
  background-color: hsl(from hsl(var(--accent-hsl--material-you)) h calc(s * 1.5) l/0.25);
}

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

.container_f69538 {
  background-color: var(--attachment-color);
  border-radius: var(--media-radius);
  border: none;
}
.container_f69538 .imageContainer_f69538 {
  background-color: var(--card-color-active);
  border-radius: calc(var(--media-radius) - 4px);
}

/* POLLS -> VOTES */
.question__01c8c {
  margin-inline-end: 36px;
}
.question__01c8c + .text-md\/medium_cf4812 {
  color: hsl(var(--accent-hsl--material-you)) !important;
}

.content__01c8c .scroller__01c8c {
  flex: 0 1 auto;
  width: 200px;
  padding: 0 8px 24px 24px;
}
.content__01c8c .voters__01c8c {
  flex: 0 1 auto;
  width: 400px;
}
.content__01c8c .scroller__01c8c,
.content__01c8c .voters__01c8c {
  background-color: transparent;
}
.content__01c8c .voter__01c8c {
  margin-inline-end: calc(24px - var(--scrollbar-thin-width));
}
.content__01c8c .side_aa8da2 .item_aa8da2 {
  padding: 6px 10px;
  border-radius: 22px;
}
.content__01c8c .side_aa8da2 .item_aa8da2:hover {
  background-color: var(--menu-item-hover);
  transition: var(--default-time) var(--default-animation) background-color;
}
.content__01c8c .side_aa8da2 .item_aa8da2.selected_aa8da2 {
  background-color: var(--menu-item-select);
}

/*
 *
 *	MESSAGE REACTIONS
 *
 */
.reactions__23977 {
  margin: 8px 0 0 0;
  padding-block-end: 0;
  gap: 4px;
}
.reactions__23977 > div:empty {
  margin-inline-start: -4px;
}
.reactions__23977 .reactionBtn__23977 {
  margin-block-end: 0;
  background-color: transparent;
  border: none;
}
.reactions__23977 .reactionBtn__23977:hover {
  background-color: transparent;
}

.reaction__23977 {
  margin: 0;
  background-color: transparent;
  border-radius: 8px;
  border-color: var(--separator-color);
}
.reaction__23977:hover {
  background-color: var(--menu-item-hover);
  border-color: transparent;
}
.reaction__23977.reactionMe__23977 {
  background-color: hsl(var(--accent-hsl--material-you), 0.2);
  border-color: hsl(var(--accent-hsl--material-you));
}
.reaction__23977.reactionMe__23977 .reactionCount__23977 {
  color: hsl(var(--accent-hsl--material-you));
}

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

/*
 *
 *	SPOILERS
 *
 */
.spoilerContent__299eb, .spoilerContent__299eb.hidden__299eb {
  background-color: var(--attachment-color) !important;
}
.spoilerContent__299eb.attachmentContainer__299eb {
  border-radius: calc(var(--card-radius-big) / 1.75);
}

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

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

.summaryEndIcon__3aab5 {
  position: relative;
  inset-block-start: -4px;
  padding-inline-start: 16px;
  background-color: var(--chat-color);
  color: hsl(var(--accent-hsl--material-you));
}

.summaryDividerEnd__3aab5 {
  inset-block-start: 0 !important;
  margin-block-start: 1.5em !important;
}

.summaryFeedbackWrapper__3aab5 {
  margin-inline-start: 0;
  padding: 4px 12px;
  background-color: hsl(var(--accent-hsl--material-you));
  border-radius: 13px;
}
.summaryFeedbackWrapper__3aab5 .text-xs\/medium_cf4812 {
  font-size: 14px;
  color: var(--accent-text-color--material-you) !important;
}
.summaryFeedbackWrapper__3aab5 .thumbIcon__3aab5 {
  padding: 3px;
  background-color: var(--accent-text-color--material-you);
  color: hsl(var(--accent-hsl--material-you));
}

.categoryItemDefaultCategory_b9ee0c, .stickerCategoryGeneric__3ad28 {
  border-radius: 50%;
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) border-radius;
}
.categoryItemDefaultCategory_b9ee0c:hover, .stickerCategoryGeneric__3ad28:hover {
  background-color: var(--card-button-color);
}

.categoryItemDefaultCategory_b9ee0c.categoryItemDefaultCategorySelected_b9ee0c, .stickerCategoryGeneric__3ad28.stickerCategoryGenericSelected__3ad28 {
  background-color: var(--card-button-color-hover);
  border-radius: calc(var(--emoji-radius) - 6px);
}

.videoControls_cf09d8 .flex_abf706, .videoControls_cf09d8 .videoButton_cf09d8 {
  position: relative;
  width: calc(var(--video-controls-button-size) * var(--video-controls-fullscreen-scale));
  height: calc(var(--video-controls-button-size) * var(--video-controls-fullscreen-scale));
  padding: var(--video-controls-button-padding);
  background-color: var(--video-controls-button-color);
  border-radius: calc(var(--video-controls-button-size) * var(--video-controls-fullscreen-scale) / 2);
  box-sizing: border-box;
  cursor: pointer;
  /*.controlIcon_cf09d8 {
      width: 100%;
      height: 100%;
      border-radius: 50%;
      transition: var(--default-time) var(--default-animation) background-color;
      box-sizing: border-box;
  }

  &:hover {
      .controlIcon_cf09d8 {
          background-color: var(--video-controls-button-hover-color);
      }
  }*/
}
.videoControls_cf09d8 .flex_abf706:after, .videoControls_cf09d8 .videoButton_cf09d8:after {
  position: absolute;
  content: " ";
  width: calc(100% - var(--video-controls-button-padding) * 2);
  height: calc(100% - var(--video-controls-button-padding) * 2);
  inset-block-start: var(--video-controls-button-padding);
  inset-inline-start: var(--video-controls-button-padding);
  border-radius: 50%;
  transition: var(--default-time) var(--default-animation) background-color;
  pointer-events: none;
}
.videoControls_cf09d8 .flex_abf706:hover:after, .videoControls_cf09d8 .videoButton_cf09d8:hover:after {
  background-color: var(--video-controls-button-hover-color);
}

/*
 *
 *	VIDEO PLAYER
 *
 */
.wrapper_cf09d8[data-fullscreen=true] {
  --video-controls-fullscreen-scale: 1.35;
}

.wrapperControlsHidden_cf09d8 .videoControls_cf09d8 {
  transform: translateY(calc(100% + var(--space-16))) !important;
}

.videoControls_cf09d8 {
  height: calc(var(--video-controls-height) * var(--video-controls-fullscreen-scale));
  inset-block-end: 0;
  padding-block-end: 0;
  padding-inline: var(--space-8);
  background-color: transparent;
  box-sizing: border-box;
  transition: var(--default-time) var(--default-animation) transform;
}
.videoControls_cf09d8 .horizontal_b26b79 {
  position: absolute;
  width: calc(100% - var(--space-8) * 2);
  inset-block-start: -8px;
}
.videoControls_cf09d8 .flex_abf706 {
  position: absolute;
  inset-inline-start: calc(var(--video-controls-button-size) * var(--video-controls-fullscreen-scale) + var(--space-16));
}
.videoControls_cf09d8 > div:not([class]) {
  display: flex;
  margin-inline-start: auto;
}
.videoControls_cf09d8 .container__2d263,
.videoControls_cf09d8 .volumeButton__2d263 {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
}
.videoControls_cf09d8 .videoButton_cf09d8 {
  margin: 0;
}
.videoControls_cf09d8 .durationTimeWrapper_cf09d8 {
  display: flex;
  height: calc(var(--video-controls-button-size) * var(--video-controls-fullscreen-scale));
  margin-block: 0;
  margin-inline: calc(var(--video-controls-button-size) * var(--video-controls-fullscreen-scale) + var(--space-16)) 0;
  padding-inline: calc(var(--video-controls-button-size) * var(--video-controls-fullscreen-scale) / 3);
  background-color: var(--video-controls-button-color);
  border-radius: calc(var(--video-controls-button-size) * var(--video-controls-fullscreen-scale) / 2);
  vertical-align: middle;
}
.videoControls_cf09d8 .durationTimeDisplay_cf09d8,
.videoControls_cf09d8 .durationTimeSeparator_cf09d8 {
  display: flex;
  align-items: center;
}
.videoControls_cf09d8 .volumeSliderWrapper_cf09d8 {
  z-index: 3;
}
.videoControls_cf09d8 .mediaBarInteraction_b26b79,
.videoControls_cf09d8 .mediaBarInteractionDragging_b26b79 {
  height: var(--progress-bar-height);
}
.videoControls_cf09d8 .mediaBarInteraction_b26b79:hover .mediaBarWrapper_b26b79 {
  height: var(--progress-bar-hover-height);
  box-shadow: none;
}
.videoControls_cf09d8 .mediaBarInteraction_b26b79:hover .mediaBarGrabber_b26b79 {
  background-color: hsl(var(--accent-hsl));
  transform: scale(1.75);
  box-shadow: var(--shadow-soft);
}
.videoControls_cf09d8 .mediaBarInteractionDragging_b26b79 .mediaBarWrapper_b26b79 {
  height: var(--progress-bar-hover-height);
}
.videoControls_cf09d8 .mediaBarInteractionDragging_b26b79 .mediaBarGrabber_b26b79 {
  background-color: hsl(var(--accent-hsl));
  transform: scale(1.75);
}
.videoControls_cf09d8 .mediaBarWrapper_b26b79 {
  height: var(--progress-bar-height);
  transition: var(--default-time) var(--default-animation) height;
  box-shadow: none;
}
.videoControls_cf09d8 .mediaBarProgress_b26b79 {
  background-color: hsl(var(--accent-hsl));
}
.videoControls_cf09d8 .mediaBarProgress_b26b79:before, .videoControls_cf09d8 .mediaBarProgress_b26b79:after {
  background-color: inherit;
}
.videoControls_cf09d8 .mediaBarGrabber_b26b79 {
  width: var(--progress-grabber-size);
  height: var(--progress-grabber-size);
  margin: calc(var(--progress-grabber-size) / 2 * -1) calc(var(--progress-grabber-size) / 2 * -1) 0 0;
  border-radius: calc(var(--progress-grabber-size) / 2);
  background-color: hsl(var(--accent-hsl));
  transform: none;
}
.videoControls_cf09d8 .volumeSliderWrapper_cf09d8 {
  width: 30px;
  height: 90px;
  inset-inline: 50% 0;
  inset-block-end: calc(100% + var(--space-8));
  margin-block-end: 0;
  margin-inline-start: 0;
  transform: translate(-50%, 0%);
}
.videoControls_cf09d8 .volumeSliderWrapper_cf09d8 .mediaBar__2d263 {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform-origin: center;
  transform: translate(-50%, -100%) rotate(-90deg);
}

/*
 *
 *	ACCEPT RULES
 *
 */
.guildSidebar_b962dc {
  padding: 0;
  background-color: transparent;
  border-inline-end: 1px solid var(--card-border-color);
}
.guildSidebar_b962dc > div:not([class]):first-child {
  padding: 24px;
}
.guildSidebar_b962dc > div:not([class]):last-child {
  display: flex;
  position: relative;
  padding: 0 24px 24px;
}
.guildSidebar_b962dc > div:not([class]):last-child .flex__7c0ba {
  height: 36px;
  margin-inline-end: 8px;
  margin-block-end: 0;
}
.guildSidebar_b962dc .iconSizeLarge-_r2zCK {
  border-radius: 50%;
}
.guildSidebar_b962dc .divider_b962dc {
  border-bottom-color: var(--card-border-color);
}

.modal_b962dc {
  background-color: transparent;
}
.modal_b962dc .content_b962dc {
  padding-block-end: 0;
}
.modal_b962dc .divider_b962dc {
  border-bottom-color: var(--card-border-color);
}
.modal_b962dc .requirementContainer__0a749, .modal_b962dc .fieldBackground_d48a51, .modal_b962dc .fieldBackground_d48a51:hover:not(:focus) {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}
.modal_b962dc .fieldBackground_d48a51, .modal_b962dc .fieldBackground_d48a51:hover:not(:focus) {
  padding: 0;
}
.modal_b962dc .termsRow_d48a51 {
  padding: 16px;
  position: relative;
  border-block-end: none;
}
.modal_b962dc .termsRow_d48a51:after {
  position: absolute;
  content: " ";
  width: calc(100% - 16px * 2);
  height: 1px;
  inset-inline-end: 0;
  inset-block-end: 0;
  margin: 0 16px;
  background-color: var(--card-border-color);
}
.modal_b962dc .termsRow_d48a51:last-of-type:after {
  display: none;
}
.modal_b962dc .footer__49fc1 .button__201d5 .contents__201d5, .modal_b962dc .modalFooter_ababa2 .button__201d5 .contents__201d5, .modal_b962dc .modalFooter__2bb83 .button__201d5 .contents__201d5 {
  width: 70px;
}

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

.overlay_fe70ca {
  display: none;
}

/*
 *
 *	ACCOUNT SWITCHER
 *
 */
.list__920b8 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}
.list__920b8 .accountCard__920b8 {
  padding: 16px;
  background-color: transparent;
  border-radius: var(--card-radius-big);
  position: relative;
  border-block-end: none;
}
.list__920b8 .accountCard__920b8:after {
  position: absolute;
  content: " ";
  width: calc(100% - 16px * 2);
  height: 1px;
  inset-inline-end: 0;
  inset-block-end: 0;
  margin: 0 16px;
  background-color: var(--card-border-color);
}
.list__920b8 .accountCard__920b8:last-of-type:after {
  display: none;
}
.list__920b8 .sizeIcon__201d5 {
  --button-height: 32px;
  --button-padding-start: 0;
  --button-padding-end: 0;
  width: var(--button-height);
  position: relative;
}
.list__920b8 .sizeIcon__201d5:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  background-color: hsl(var(--md-ripple-color), 0.1);
  border-radius: 50%;
  opacity: 0;
  transform: scale(1.2);
  pointer-events: none;
  transition: 300ms ease;
  z-index: 4;
}
.list__920b8 .sizeIcon__201d5:hover:after {
  opacity: 1;
  transform: scale(1.2);
  animation: md-ripple-scale 150ms var(--default-animation);
  transition: opacity 150ms ease;
}
.list__920b8 .sizeIcon__201d5:active:after {
  background-color: hsl(var(--md-ripple-color), 0.2);
}
.list__920b8 .sizeIcon__201d5 .contents__201d5 {
  height: 24px;
  transform: rotate(90deg);
}
.list__920b8 .separator__920b8 {
  display: none;
}

.actions__56d1c {
  margin: 16px 0 0;
}

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

.authBoxExpanded__921c5 .info__6436f, .authBoxExpanded__921c5 .info_e3f97f {
  border-radius: var(--card-radius-big);
}

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

.container__6764b {
  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__6764b:hover {
  background-color: var(--card-color-hover);
}

.root__49fc1 .container_d9c882 {
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
}

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

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

.scrollTierBackground__35455 {
  background-color: transparent;
}

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

.tierCtaContainer__81542 {
  padding-block-start: 0;
}

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

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

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

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

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

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

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

/*
 *
 *  ACTIVITY INVITE MODAL
 *
 */
.subHeader_a42405 {
  font-size: 14px;
  text-transform: none;
  color: var(--text-muted);
}

.textArea_a42405 {
  background-color: var(--input-color);
  border-radius: var(--main-textarea-radius);
}

/*
 *
 *  ADD PAYMENT METHOD MODAL
 *
 */
.modalTitle_a327d2 {
  padding: 24px 24px 16px;
}
.modalTitle_a327d2 .title_b717a1 {
  line-height: 24px;
  font-size: 22px;
  font-weight: 400;
  color: var(--header-primary);
  text-transform: none;
}
.modalTitle_a327d2 .close__49fc1 {
  position: absolute;
  width: 32px;
  height: 32px;
  inset-block-start: 22px;
  inset-inline-end: 22px;
  margin: 0;
  padding: 0;
}

.content_a8c622 {
  background-color: transparent;
}
.content_a8c622 .scrollerBase_d125d2 {
  padding: 0 calc(24px - var(--scrollbar-thin-width)) 0 24px !important;
}
.content_a8c622 .body_b25217 {
  padding: 0;
}
.content_a8c622 .wrap_e504b7:not(:empty) {
  display: grid;
  grid-gap: 8px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: minmax(auto, 1fr);
  padding-block-end: 24px;
}
.content_a8c622 .button__92b20 {
  width: auto;
  margin: 0;
}

/* ADD PAYMENT METHOD MODAL -> INPUTS */
.cardInput__8b579 {
  height: var(--input-height);
  padding: 0 var(--input-padding);
  background-color: var(--input-color);
  border: none;
  min-height: var(--input-height);
  border-radius: calc(var(--input-height) / 8);
  box-shadow: inset 0 0 0 1px var(--input-border-color);
  color: var(--input-text-color);
  transition: var(--default-time) var(--default-animation) box-shadow;
  box-sizing: border-box;
  padding: calc((var(--input-height) - 19.19px) / 2) 12px;
  box-sizing: border-box;
}
.cardInput__8b579:focus-within {
  box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl--material-you));
}
.cardInput__8b579.cardNumberInput__8b579 {
  padding-inline-start: 56px;
}

.cardIcon__8b579, .paypalIcon_a76d33 {
  inset-block-start: 0;
  inset-block-end: 0;
  margin: auto 0;
  transform: translateY(-1px);
}

.paypalIcon_a76d33 + .wrapper__72c38 .input__0f084 {
  padding-inline-start: 48px;
}

/*
 *
 *	CREATE/JOIN SERVER
 *
 */
.templatesList_c04f35,
.optionsList__78f69 {
  margin-block-start: 0;
}

.container_eb2cd2 {
  position: relative;
  margin-block-start: 8px;
  margin-block-end: 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_eb2cd2:hover {
  background-color: var(--card-color-hover);
}
.container_eb2cd2:first-child {
  margin-block-start: 0;
}
.container_eb2cd2:after {
  position: absolute;
  content: " ";
  width: 24px;
  height: 24px;
  inset-block-start: 0;
  inset-inline-end: 16px;
  inset-block-end: 0;
  margin: auto 0;
  -webkit-mask-image: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/chevron_right.svg");
  -webkit-mask-repeat: no-repeat;
  background-color: var(--text-muted);
  -webkit-mask-size: 100%;
  mask-size: 100%;
}
.container_eb2cd2 .text_eb2cd2 {
  color: var(--interactive-text-default);
}
.container_eb2cd2 .arrow_eb2cd2 {
  display: none;
}

.rowContainer-3t7486 {
  margin-block-end: 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_c04f35 {
  gap: 8px !important;
}
.footer_c04f35 .footerTitle_c04f35 {
  margin-block-end: 0;
}

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

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

.skip__78f69 {
  margin-block-start: 16px;
  margin-block-end: 0;
}

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

/*
 *
 *	AUTHORIZE APP
 *
 */
.authorize__3d3b0 {
  background-color: transparent;
}
.authorize__3d3b0 .header__03630 {
  padding: 24px 24px 16px;
  border-radius: 0;
  border-block-end: none;
}
.authorize__3d3b0 .scrollContent-_1I-44 {
  padding: 0 !important;
}
.authorize__3d3b0 .scrollContent-_1I-44 div:last-child {
  padding-block-end: 0;
}
.authorize__3d3b0 .scrollContent-_1I-44 .scopes__29337 {
  border-block-end: 1px solid var(--popout-header-border);
}
.authorize__3d3b0 .scrollContent-_1I-44 .scopes__29337,
.authorize__3d3b0 .scrollContent-_1I-44 .selectorGroup__6407f,
.authorize__3d3b0 .scrollContent-_1I-44 .applicationDetails__94ab2 {
  padding: 16px 24px;
}
.authorize__3d3b0 .scrollContent-_1I-44 .entry__94ab2 {
  margin-block-start: 0;
  margin-block-end: 8px;
}
.authorize__3d3b0 .scrollContent-_1I-44 .entry__94ab2:last-child {
  margin-block-end: 0;
}
.authorize__3d3b0 .scrollContent-_1I-44 .base-21yXnu {
  font-size: 14px;
  text-transform: none;
}

.captcha__51560 {
  padding: 0 24px 24px !important;
}

.wrapper_b76614 {
  padding: 24px;
}

.root__49fc1 .authorize__3d3b0 {
  background-color: transparent;
}
.root__49fc1 .authorize__3d3b0 .content__3d3b0 {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}
.root__49fc1 .authorize__3d3b0 .scope__29337 {
  background-color: var(--card-color-hover);
}

.content__3d3b0 {
  padding: 0 24px;
}

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

.scopes__29337,
.applicationDetails__94ab2 {
  padding: 16px 0;
}

.applicationDetails__94ab2:last-child {
  padding-block-end: 0;
}

.scopes__29337 {
  padding-block-end: 0;
  border-block-end: none;
}

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

.scope__29337 {
  margin: 0;
  padding: 8px 16px;
  background-color: var(--card-color-filled);
}
.scope__29337:first-of-type {
  padding-block-start: 16px;
  border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
}
.scope__29337:last-of-type {
  padding-block-end: 16px;
  border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
}

.sectionGroup__5e13c {
  padding-inline-start: 24px;
  padding-inline-end: 24px;
}
.sectionGroup__5e13c:first-of-type {
  padding-block-start: 0;
}

.botPermissions__41924 {
  padding: 0;
  border-block-end: none;
}

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

.footer__3d3b0 {
  margin-block-start: 0;
  padding: 24px;
  background-color: transparent;
}

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

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

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

.imageSpecifications_edf440:empty {
  margin-block-start: 0;
  padding: 0;
}

.option_edf440 {
  background-color: var(--card-color-filled);
  border-radius: calc(var(--popout-radius-big) / 1.5);
}

.placeholderFill__7ffbc {
  fill: var(--card-button-color-hover);
}

/*
 *
 *  CLIPS MODALS
 *
 */
.settingsButton_f4dc96 {
  width: var(--button-height);
  height: var(--button-height);
  margin-inline-end: 32px;
}
.settingsButton_f4dc96 + .close__49fc1 {
  inset-block-start: 28px !important;
}

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

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

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

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

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

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

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

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

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

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

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

.clipForm__54978 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}
.clipForm__54978 .container__0d850 {
  margin-block-end: 16px !important;
}
.clipForm__54978 .root_a77292,
.clipForm__54978 .userList__54978 {
  background-color: var(--card-color-active);
  border-radius: var(--card-radius-big);
}
.clipForm__54978 .nameSection_a77292 {
  border-block-end: none;
}
.clipForm__54978 .timeContainer_a77292 {
  padding: 0 8px 8px;
  gap: 8px;
}
.clipForm__54978 .timeContainer_a77292 > div {
  position: relative;
  height: auto;
  padding: 12px;
  background-color: var(--card-color-filled);
  border-radius: calc(var(--card-radius-big) / 1.8);
  text-align: center;
}
.clipForm__54978 .timeContainer_a77292 > div:first-child {
  border-inline-end: none;
}
.clipForm__54978 .userCountPill_f90ef0 {
  background-color: var(--card-color-filled);
}

/* CLIPS MODAL -> RECENT CLIPS POPOUT */
.recentClipsPopout__20c92 {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  border: none;
  box-shadow: var(--shadow-medium);
}
.recentClipsPopout__20c92:after {
  border-top-color: var(--popout-color);
}
.recentClipsPopout__20c92 .thumbnail__15798 {
  border-radius: var(--card-radius);
}

/*
 *
 *  CREATE INVITE
 *
 */
.inviteRow__67dba {
  --button-height: 32px;
  margin-inline-end: 6px;
  padding: 7px 8px;
  border-radius: var(--card-radius);
  transition: var(--default-time) var(--default-animation) background-color;
}
.inviteRow__67dba:hover {
  background-color: var(--menu-item-hover);
}
.inviteRow__67dba .colorGreen__201d5.lookFilled__201d5 {
  --button-background: hsl(var(--accent-hsl--material-you)) !important;
  --button-text-color: var(--accent-text-color--material-you) !important;
}
.inviteRow__67dba .colorGreen__201d5.lookOutlined__201d5 {
  --button-outline: 1px solid hsl(var(--accent-hsl--material-you)) !important;
  --button-text-color: hsl(var(--accent-hsl--material-you)) !important;
}

/*
 *
 *	CREATE POLL
 *
 */
.maxLength__89a34 {
  inset-block-end: calc(var(--input-height) / 2 - 2px);
}

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

.answerInputsContainer_d97f89 {
  row-gap: 2px;
}

.answerRow__7b848 {
  display: flex;
  padding: 16px;
  gap: 8px;
  background-color: var(--card-color-filled);
  border-radius: 4px;
}
.answerRow__7b848:first-of-type {
  border-start-start-radius: var(--card-radius-big);
  border-start-end-radius: var(--card-radius-big);
}
.answerRow__7b848:nth-last-child(2) {
  border-end-start-radius: var(--card-radius-big);
  border-end-end-radius: var(--card-radius-big);
}
.answerRow__7b848 .expressionPickerButtonDefault__7b848 {
  width: var(--button-height);
  min-width: var(--button-height);
  height: var(--button-height);
}
.answerRow__7b848 .expressionPickerIconDefault__7b848 {
  margin-inline-start: 0;
}
.answerRow__7b848 .removeAnswerButtonDefault__7b848 {
  display: flex;
  width: var(--button-height);
  height: var(--button-height);
  padding: 0;
  align-items: center;
  justify-content: center;
}

.questionInput_d97f89 {
  min-height: var(--input-height);
  max-height: calc(var(--input-height) * 5);
  line-height: var(--input-height);
  padding: 0 var(--input-padding) !important;
  border: none;
}

.defaultTextInputWrapper__7b848 {
  width: 100%;
  gap: 8px;
  background-color: transparent;
  border: none !important;
}
.defaultTextInputWrapper__7b848:focus-within .characterCount__7b848 {
  transform: translateX(0);
  opacity: 1;
}
.defaultTextInputWrapper__7b848 > .defaultTextInput__7b848 {
  padding: 0;
}
.defaultTextInputWrapper__7b848 .wrapper__72c38 {
  margin-inline-end: -50px;
}
.defaultTextInputWrapper__7b848 .input__0f084 {
  padding-inline-end: 50px;
  border-radius: var(--input-radius);
  box-shadow: none;
}
.defaultTextInputWrapper__7b848 .characterCount__7b848 {
  display: flex;
  height: var(--input-height);
  line-height: var(--input-height);
  padding: 0 12px 0 0;
  transform: translateX(12px);
  opacity: 0;
  transition: var(--default-time) var(--default-animation) opacity, var(--default-time) var(--default-animation) transform;
}

.addAnswerButtonDefault_d97f89 {
  height: var(--button-height);
  line-height: var(--button-height);
  margin-block-start: 14px;
  background-color: var(--button-background);
  border-radius: var(--button-radius);
  border: 1px solid hsl(var(--accent-hsl--material-you));
  align-self: start;
}
.addAnswerButtonDefault_d97f89:hover {
  background-color: var(--button-background);
}
.addAnswerButtonDefault_d97f89 .addAnswerIconDefault_d97f89,
.addAnswerButtonDefault_d97f89 .addAnswerButtonLabel_d97f89 {
  color: hsl(var(--accent-hsl--material-you)) !important;
}
.addAnswerButtonDefault_d97f89 .addAnswerIconDefault_d97f89 {
  height: var(--button-height);
}
.addAnswerButtonDefault_d97f89 .addAnswerButtonLabel_d97f89 {
  padding: 0;
  line-height: var(--button-height);
}
.addAnswerButtonDefault_d97f89.canRemoveMoreAnswers_d97f89 {
  margin-inline-end: 0;
}

/*
 *
 *	CUSTOM STATUS
 *
 */
.customStatusLabelSelectorItem__1adf1 {
  padding: 5px;
  background-color: var(--card-button-color-hover);
  border: none;
}
.customStatusLabelSelectorItem__1adf1:hover {
  background-color: var(--card-button-color);
}

/*
 *
 *  EVENTS
 *
 */
.card__88264 {
  background-color: var(--card-color-filled);
  border: none;
  padding: var(--space-16);
  border-radius: var(--card-radius-big);
  transition: var(--default-time) var(--default-animation) background-color;
}
.card__88264:hover {
  background-color: var(--card-color-hover);
}
.card__88264 .rsvpCount_b5010b {
  background-color: var(--menu-item-hover);
}
.card__88264 .thumbnail_b5010b {
  border-radius: var(--card-radius-big);
}
.card__88264 .divider__88264 {
  background-color: var(--card-border-color);
}
.card__88264 .footer__88264 {
  overflow: visible;
}

.padding__88264 {
  padding: 0;
}

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

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

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

.header__4591d,
.body__4591d {
  padding: 16px 16px 0;
}

.errorTitle__60626 {
  padding: 32px 0;
}

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

.inline__99afd {
  gap: 16px;
}

.container__9bb02 {
  height: var(--input-height);
  padding: 0 var(--input-padding);
  background-color: var(--input-color);
  border: none;
  max-height: var(--input-height);
  border-radius: calc(var(--input-height) / 2);
  box-shadow: none;
  box-shadow: none !important;
}
.container__9bb02:focus-within {
  box-shadow: none;
}
.container__9bb02 .content__9bb02 {
  height: var(--input-height);
}

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

.previewCard_f70348 {
  background-color: var(--card-color-filled) !important;
  border: none !important;
  padding: 16px !important;
  border-radius: var(--card-radius-big) !important;
  box-shadow: none !important;
}
.previewCard_f70348 .container__23ba6 {
  margin: -16px -16px 16px;
  border-radius: var(--card-radius-big);
}

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

/*
 *
 *  FEATURE MESSAGE
 *
 */
.featureModalMessage__57f8c {
  background-color: transparent !important;
  box-shadow: none !important;
}
.featureModalMessage__57f8c .wrapper_c19a55 {
  --message-color: var(--message-color-alt);
  margin: 0 0 0 52px !important;
}
.featureModalMessage__57f8c .wrapper_c19a55:hover {
  --message-color-hover: var(--message-color-alt);
}
.featureModalMessage__57f8c .wrapper_c19a55 .avatar_c19a55 {
  inset-inline-start: -52px !important;
}

/*
 *
 *	FORWARD MESSAGE
 *
 */
.destinationRow__62280 {
  margin-inline-start: 24px;
  margin-inline-end: calc(24px - var(--scrollbar-thin-width));
  border-radius: var(--card-radius);
  transition: var(--default-time) var(--default-animation) background-color;
}
.destinationRow__62280:not(.disabled__62280):hover {
  background-color: var(--menu-item-hover);
}

.channelGuildIcon__2894c {
  border-radius: calc(var(--avatar-radius) * 0.5);
}

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

.footer__49fc1, .modalFooter_ababa2, .modalFooter__2bb83.footerWithMessage__62280 {
  padding: 12px 24px 24px;
}

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

.footerWarningWrapper__62280 {
  margin: 0;
}
.footerWarningWrapper__62280 .scrollableContainer__74017 {
  background: var(--input-color-alt);
  border-radius: var(--main-textarea-radius);
}
.footerWarningWrapper__62280 .placeholder__1b31f {
  color: var(--input-placeholder-color);
}
.footerWarningWrapper__62280 .buttons__74017 {
  margin-inline-end: 0;
}

.inlineContainer__74017 {
  border-radius: calc(var(--button-height) / 2);
  border: none;
}
.inlineContainer__74017 .scrollableContainer__74017 {
  --custom-channel-textarea-text-area-height: var(--button-height);
}

/*
 *
 *	GAME PROFILE
 *
 */
.logoWrapper__8e830 {
  padding: 0;
  background-color: transparent;
  border-radius: var(--card-radius-big);
  box-shadow: var(--shadow-medium);
}
.logoWrapper__8e830 .logo__8e830 {
  border-radius: inherit;
}

.friends_b37a75 {
  background-color: transparent;
  border-radius: 0;
}

.profileEntryCard__655fa {
  background-color: var(--card-color-filled);
  border-radius: 4px;
  border-block-end: 0;
  transition: var(--default-time) var(--default-animation) background-color;
}
.profileEntryCard__655fa:hover {
  background-color: var(--card-color-hover);
}
.profileEntryCard__655fa:first-of-type {
  border-start-start-radius: var(--card-radius-big);
  border-start-end-radius: var(--card-radius-big);
}
.profileEntryCard__655fa:last-of-type {
  border-end-start-radius: var(--card-radius-big);
  border-end-end-radius: var(--card-radius-big);
}
.profileEntryCard__655fa:only-child {
  border-radius: var(--card-radius-big);
}
.profileEntryCard__655fa:not(:last-of-type) {
  margin-block-end: 2px;
}

.gameProfileMediaSmall_a1cc72 .imageScroller_a1cc72 {
  height: auto;
}

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

.gradientLeft_a1cc72 {
  background: linear-gradient(90deg, var(--popout-color) 0%, transparent 100%);
}

.gradientRight_a1cc72 {
  background: linear-gradient(270deg, var(--popout-color) 0%, transparent 100%);
}

/* GAME PROFILE -> NEW INFO LAYOUT */
.compactBarBorder__81040 {
  display: none;
}

.compactBarBg__8e688 {
  background-color: var(--popout-color);
  box-shadow: var(--shadow-soft);
}

.twoColumnMainContent__81040 {
  background: linear-gradient(to bottom, transparent 0, var(--popout-color) 200px);
}

.mainCard__250d5,
.smallCard__250d5 {
  background-color: var(--card-color-filled);
  border: none;
  padding: var(--space-16);
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

.container_a5da35,
.container_ceab1a,
.container_d9246e {
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

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

.guildIcon_a5da35 {
  border-color: var(--card-color-filled);
  border-radius: 28px;
}

/*
 *
 *	IMAGE VIEWER
 *
 */
.actionButtons_cc1819 {
  background-color: var(--popout-color);
  border-radius: calc(var(--button-height) + 4px);
  box-shadow: var(--shadow-medium);
  border: none;
}
.actionButtons_cc1819 .actionButton_cc1819 {
  width: var(--button-height);
  transition: var(--default-time) var(--default-animation) background-color;
}
.actionButtons_cc1819 .actionButton_cc1819:hover {
  background-color: var(--card-button-color-hover);
}

.closeButton__6088c {
  width: var(--button-height);
  height: var(--button-height);
  padding: 3px;
  background-color: var(--popout-color);
  border-radius: calc(var(--button-height) + 4px);
  box-shadow: var(--shadow-medium);
}
.closeButton__6088c .buttonInner_aec7ab {
  width: inherit;
  height: inherit;
  border: none;
}
.closeButton__6088c .buttonInner_aec7ab:hover {
  background-color: var(--card-button-color-hover);
}

.nav_b2eddf {
  background-color: var(--popout-color);
  border-radius: 20px;
}
.nav_b2eddf .buttonInner_aec7ab {
  border: none;
}

.gallery_d75751 {
  gap: var(--space-8);
}

.galleryItem_d75751 {
  width: 50px;
  margin: 0;
  border-radius: 10px;
  transition: var(--default-time) var(--default-animation) width;
}
.galleryItem_d75751.inactive_d75751 {
  width: 20px;
}
.galleryItem_d75751.inactive_d75751:after {
  opacity: 0.65;
}
.galleryItem_d75751.first_d75751, .galleryItem_d75751.last_d75751 {
  margin: 0;
  border-radius: 10px;
}
.galleryItem_d75751 .imageWrapper_af017a {
  border-radius: inherit;
}
.galleryItem_d75751 ~ div:not([class]):empty {
  display: none;
}

/*
 *
 *	INVITE ACCEPT
 *
 */
.editProfileContainer__7bf69 {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
  border: none;
}
.editProfileContainer__7bf69 .headerIconWrapper__7bf69 {
  background-color: var(--card-button-color);
}

.acceptAs__9b0f4 svg {
  width: 16px;
  height: 16px !important;
}

/*
 *
 *  MODALS
 *
 */
.root__49fc1 {
  background-color: var(--popout-color) !important;
  border-radius: var(--popout-radius-big) !important;
  border: none !important;
  box-shadow: var(--shadow-medium) !important;
  border: none;
}
.root__49fc1.container_ac6cb0, .root__49fc1.forcedTransparency__8a837, .root__49fc1.carouselModal_d3a6f0 {
  background-color: transparent !important;
  box-shadow: none !important;
}
.root__49fc1.small__49fc1 {
  min-height: 75px;
  max-height: 800px;
}
.root__49fc1 .modalBg_b824c5 {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
}
.root__49fc1 .confirmStartHeader_fcd6d9 {
  padding: 75px 16px 16px;
}
.root__49fc1 > div:not([class]) > div:not([class]) {
  max-height: 720px;
}
.root__49fc1 > div:not([class]) > div:not([class]) .content-1OG56Q {
  max-height: 548px;
}
.root__49fc1 .divider_ae36e5 {
  margin: 16px 0;
  padding-block-end: 0;
  border-top-color: var(--popout-header-border);
}
.root__49fc1 .input__0f084.flex_abf706 {
  --button-height: 28px;
  padding: 0;
  border-radius: var(--input-radius);
  box-shadow: none;
}
.root__49fc1 .input__0f084.flex_abf706 .input__0f084 {
  border-radius: var(--input-radius);
  box-shadow: none;
}
.root__49fc1 .guestBody-1S2A2E {
  padding: 0;
}

.header__49fc1 {
  min-height: 24px;
  margin: 0;
  padding: 24px 24px 16px;
  background-color: transparent;
  border-radius: var(--popout-radius-big) var(--popout-radius-big) 0 0;
  box-shadow: none !important;
}
.header__49fc1.header_ad198f {
  padding-block-start: 76px;
}
.header__49fc1 .heading-lg\/semibold_cf4812,
.header__49fc1 .heading-lg\/bold_cf4812,
.header__49fc1 .heading-xl\/semibold_cf4812,
.header__49fc1 .heading-xl\/extrabold_cf4812,
.header__49fc1 .text-md\/semibold_cf4812,
.header__49fc1 .h1_b717a1,
.header__49fc1 .h2_b717a1 {
  font-size: 22px;
  font-weight: 400;
}
.header__49fc1 .heading-lg\/bold_cf4812 {
  padding-block-start: 0;
}
.header__49fc1 .modalTitle_f061f6 {
  margin-block-end: 0;
}
.header__49fc1 .title-3JPglK {
  font-weight: 400;
}
.header__49fc1 .close__49fc1,
.header__49fc1 .iconButton-2rHy7x {
  --button-height: 32px;
  width: var(--button-height);
  height: var(--button-height);
  inset-block-start: 20px;
  inset-inline-end: 20px;
  margin: 0;
  padding: 0;
  background-color: transparent !important;
  position: relative;
  position: absolute;
}
.header__49fc1 .close__49fc1:after,
.header__49fc1 .iconButton-2rHy7x:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  background-color: hsl(var(--md-ripple-color), 0.1);
  border-radius: 50%;
  opacity: 0;
  transform: scale(1.2);
  pointer-events: none;
  transition: 300ms ease;
  z-index: 4;
}
.header__49fc1 .close__49fc1:hover:after,
.header__49fc1 .iconButton-2rHy7x:hover:after {
  opacity: 1;
  transform: scale(1.1);
  animation: md-ripple-scale 150ms var(--default-animation);
  transition: opacity 150ms ease;
}
.header__49fc1 .close__49fc1:active:after,
.header__49fc1 .iconButton-2rHy7x:active:after {
  background-color: hsl(var(--md-ripple-color), 0.2);
}
.header__49fc1 .close__49fc1 .contents__201d5 {
  height: 24px;
}
.header__49fc1 .close__49fc1 svg {
  height: 24px !important;
  transform: scale(0.85);
}
.header__49fc1 .iconButton-2rHy7x {
  display: flex;
  justify-content: center;
  align-items: center;
}
.header__49fc1 .iconButton-2rHy7x .icon-3DnmvF {
  height: 24px;
  transform: scale(0.85);
}

.content__49fc1 {
  padding: 0 24px;
  background-color: transparent !important;
  border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big);
}
.content__49fc1:first-child {
  padding-block-start: 24px;
}
.content__49fc1:first-child .heading-md\/semibold_cf4812 {
  line-height: 24px;
  font-size: 20px;
  font-weight: 400;
}
.content__49fc1:last-child {
  padding-block-end: 24px;
}
.content__49fc1 .content_bf3bbb {
  padding-block-end: 0;
}
.content__49fc1 .paragraph_d285a6:last-child {
  margin-block-end: 2px;
}
.content__49fc1 a {
  color: hsl(var(--accent-hsl--material-you));
}

.footer__49fc1, .modalFooter_ababa2, .modalFooter__2bb83 {
  padding: 24px;
  gap: 16px;
  background-color: transparent !important;
  border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big);
  box-shadow: none !important;
}
.footer__49fc1 .footer__3d3b0, .modalFooter_ababa2 .footer__3d3b0, .modalFooter__2bb83 .footer__3d3b0 {
  padding: 0;
}
.footer__49fc1 > .directionRow__65900, .modalFooter_ababa2 > .directionRow__65900, .modalFooter__2bb83 > .directionRow__65900 {
  gap: 16px;
}
.footer__49fc1 span:not([class])[style*="display: block"]:empty, .modalFooter_ababa2 span:not([class])[style*="display: block"]:empty, .modalFooter__2bb83 span:not([class])[style*="display: block"]:empty {
  display: none !important;
}
.footer__49fc1 .button__201d5, .modalFooter_ababa2 .button__201d5, .modalFooter__2bb83 .button__201d5 {
  margin: 0;
}
.footer__49fc1 .button__201d5.colorPrimary__201d5, .modalFooter_ababa2 .button__201d5.colorPrimary__201d5, .modalFooter__2bb83 .button__201d5.colorPrimary__201d5 {
  --button-padding-start: 12px;
  --button-padding-end: 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;
}
.footer__49fc1 .lookBlank__201d5, .modalFooter_ababa2 .lookBlank__201d5, .modalFooter__2bb83 .lookBlank__201d5 {
  background-color: transparent !important;
  color: var(--button-link-accent-text-color) !important;
}

.modalContent__4d95d .codeView__4d95d {
  background-color: transparent;
}

.modalTextContainer__4d95d {
  background-color: transparent;
}

.modalTextContainer__4d95d {
  border: none;
}

.modalFooter__4d95d {
  padding: 0 var(--space-16);
}

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

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

/* MODALS -> V2 MODALS */
.container__8a031 {
  --input-color: var(--input-color-alt);
  --slider-bar-background: var(--popout-color-alt);
  --slider-grabber-background: var(--popout-color);
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  border: none;
  box-shadow: var(--shadow-medium);
}
.container__8a031.padding-size-sm__8a031 {
  padding-block-start: 0;
  padding-block-end: 0;
}
.container__8a031 .footer__49fc1, .container__8a031 .modalFooter_ababa2, .container__8a031 .modalFooter__2bb83 {
  background-color: transparent;
}

.size-md__8a031 {
  max-height: 80vh;
}

.header__8a031 {
  padding-block: var(--space-24) var(--space-16);
  padding-inline: var(--space-24);
}
.header__8a031 .heading-lg\/semibold_cf4812 {
  font-weight: 400;
}

.headerGradient__8a031:before {
  inset-inline: 0;
  border-start-start-radius: var(--popout-radius-big);
  border-start-end-radius: var(--popout-radius-big);
}

.body__8a031 {
  padding-block: 0 var(--space-24);
  padding-inline: var(--space-24);
}
.body__8a031.scrollerBase_d125d2 {
  padding-inline-end: calc(24px - var(--scrollbar-width)) !important;
}

.bodyInner__8a031 {
  padding-inline-start: 0;
}

.footer__8a031 {
  padding-block: var(--space-16) var(--space-24);
  padding-inline: var(--space-24);
}

.actionBar__8a031 {
  padding: var(--space-24);
}

.bodySpacerTop__8a031,
.bodySpacerBottom__8a031 {
  display: none;
}

.has-webkit-scrollbar .bodyInner__8a031 {
  padding-inline-end: 0;
}

/*
 *
 *  NITRO PURCHASE
 *
 */
.root__49fc1 .header__49fc1.modalHeader_a27f2f {
  margin-block-end: 0;
  padding-block-end: 0;
  background-image: linear-gradient(var(--popout-color), var(--popout-color));
  border-block-end: none;
}
.root__49fc1 .header__49fc1.modalHeader_a27f2f .close__49fc1 {
  inset-block-start: -4px;
  inset-inline-end: -4px;
}

.headerBackground_b66356 {
  margin-block-end: 16px;
}
.headerBackground_b66356 .headerAnimation_b54a5b {
  border-start-start-radius: var(--popout-radius-big);
  border-start-end-radius: var(--popout-radius-big);
}

.headerBackground_b66356,
.panningAnimation__387d4,
.headerImage__9abb9 {
  border-radius: var(--popout-radius-big);
}

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

.headerContainer__9abb9 + .wrapper__0d1ef {
  padding: 16px 24px 8px;
}

.spinner__1d6c7 {
  background-color: transparent;
}

.planSelectSeparator_d947e6,
.planSelectSeparatorLower__7ec3a {
  display: none;
}

.planSelectSeparatorLower__7ec3a + .text-xs\/normal_cf4812 {
  margin-block-start: 12px;
}

.planOptionClickableContainer_b13085 {
  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_b13085:hover {
  background-color: var(--card-color-hover) !important;
}
.planOptionClickableContainer_b13085.selectionBox_b13085 {
  margin-block-end: 8px;
  outline: none;
}
.planOptionClickableContainer_b13085.selectionBox_b13085:last-of-type {
  margin-block-end: 0;
}
.planOptionClickableContainer_b13085.selectedPlan_b13085 {
  background-color: var(--card-color-active) !important;
}

.selectPlanDivider_d947e6 {
  display: none;
}

.warnBlock_cb8a97 {
  margin-block-start: 16px;
}

.warnBlock_cb8a97,
.table_fda3e4,
.invoice_e4d803 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

.divider_fda3e4, .divider_fda3e4 {
  background-color: var(--card-border-color);
}

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

/* NITRO PURCHASE -> PURCHASED INFO */
.modalInner__78e61 {
  width: auto;
  background-color: transparent;
}

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

/* NITRO PUCHASE -> GIFT NITRO */
.modalHeaderCustomGift_b54a5b {
  background-image: none;
  border-block-end: none;
}
.modalHeaderCustomGift_b54a5b .giftNitroInfo_a27f2f {
  margin-block-end: 0;
}

.giftBoxOptionContainer_d54fab {
  max-width: 90%;
  padding: 0 !important;
  background-color: transparent !important;
}
.giftBoxOptionContainer_d54fab > div[role=button] {
  display: flex;
}
.giftBoxOptionContainer_d54fab .customGiftBox_d50aac,
.giftBoxOptionContainer_d54fab .customGiftBoxHighlighted_d50aac {
  border-radius: var(--card-radius-big) !important;
}
.giftBoxOptionContainer_d54fab .customGiftBoxHighlighted_d50aac {
  border-color: hsl(var(--accent-hsl--material-you));
}

/*
 *
 *	NOTIFICATION SETTINGS
 *
 */
.overridePlaceholder_db81c6 {
  height: 66px;
  border-radius: var(--card-radius-big);
  border: 1px dashed var(--card-border-color) !important;
}

.overrideList_db81c6 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-block-end: 0;
}

.header_db81c6,
.override_db81c6 {
  margin-block-end: 0;
}

.override_db81c6 {
  padding: 16px 6px 16px 12px;
}

.checkboxGroup_db81c6 {
  width: 290px;
}

.checkboxContainer_db81c6:before {
  background-color: var(--card-border-color) !important;
}
.checkboxContainer_db81c6:first-of-type:before {
  display: none;
}

.checkboxMute_db81c6:before {
  background-color: var(--card-color-hover);
  border-radius: calc(var(--card-radius-big) / 1.4);
}

/*
 *
 *  OPEN LINK MODAL
 *
 */
.root__49fc1 .title__918e5, .root__49fc1 .title_ad9c52 {
  margin: 0 0 16px;
  font-size: 22px;
  font-weight: 400;
  text-align: left;
  text-transform: none;
}
.root__49fc1 .body__918e5 {
  text-align: left;
}
.root__49fc1 .primaryButton__918e5,
.root__49fc1 .secondaryButton__918e5 {
  flex: 0 1 auto;
}
.root__49fc1 .secondaryButton__918e5.colorPrimary__201d5 {
  --button-text-color: hsl(var(--accent-hsl--material-you)) !important;
  --button-action-color: hsl(var(--accent-hsl--material-you));
}
.root__49fc1 .minorContainer__468a6 {
  flex: 1 1 auto;
  width: auto;
  margin: 0;
}
.root__49fc1 .minorContainer__468a6 .secondaryAction__468a6 {
  line-height: var(--button-height);
  text-align: left;
  color: var(--button-link-accent-text-color);
  font-size: 1em;
  font-weight: 500;
  opacity: 1;
}

.warningText_ad9c52 {
  text-align: left;
}

.linkCalloutContainer_ad9c52 {
  margin-block-end: 16px;
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

.checkbox_ad9c52 {
  margin-block-end: 0;
}

/*
 *
 *  PHONE MODAL
 *
 */
.phoneField_a0c54f {
  padding: 2px 4px;
  background-color: var(--input-color);
  border-radius: 22px;
  border: none;
  box-shadow: none;
}
.phoneField_a0c54f .inputField_a0c54f {
  background-color: transparent;
  color: var(--input-text-color);
}
.phoneField_a0c54f .inputField_a0c54f::-webkit-input-placeholder {
  color: var(--input-placeholder-color);
}
.phoneField_a0c54f .countryButton_a0c54f {
  margin: 0;
  background-color: var(--button-background) !important;
  border-radius: var(--button-radius);
}
.phoneField_a0c54f .countryButton_a0c54f .plusSign_a0c54f,
.phoneField_a0c54f .countryButton_a0c54f .countryCode_a0c54f {
  color: inherit;
}
.phoneField_a0c54f .countryButton_a0c54f .phoneFieldExpand_a0c54f {
  stroke: var(--button-text-color);
}
.phoneField_a0c54f .button__201d5 {
  margin: 0;
}

.phoneFieldPopout__61a01 {
  background-color: var(--popout-color) !important;
  border-radius: var(--popout-radius);
  box-shadow: var(--shadow-medium);
}

/*
 *
 *  PROBLEM INFO
 *
 */
.problemInfo__6c12c {
  margin-block-end: 0;
}

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

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

/*
 *
 *	PURCHASE ITEM MODAL
 *
 */
.premiumBrandRefreshBackground_e5f3a9 {
  background-color: var(--popout-color) !important;
}

.table_fda3e4,
.paymentSourceItem__83734 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

/*
 *
 *	QUEST MODAL
 *
 */
.modalContent_b824c5, .modalContent__8fb25 {
  background-color: var(--popout-color) !important;
}

.footerBtn_b824c5, .footerBtn_b824c5:hover {
  background-color: var(--button-background) !important;
}

/* QUEST MODAL -> CLAIMED REWARD */
.claimedRootContainer_fdbc9e {
  background-image: linear-gradient(90deg, var(--guild-boosting-blue), var(--guild-boosting-purple)), linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
  background-blend-mode: overlay;
  border-radius: var(--popout-radius-big);
}

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

.gradient__5ce63 {
  background-image: none;
}

/* QUEST MODAL -> VIDEO AD */
.videoCont_b824c5 {
  background-color: var(--popout-color);
  padding: var(--space-24) var(--space-24) 0;
  box-sizing: border-box;
}
.videoCont_b824c5 .videoFooterContGradient_b824c5 {
  border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big);
}
.videoCont_b824c5 .slider_a562c8 {
  --slider-height: 6px;
  --slider-bar-background: hsl(0,0%,100%,0.2);
  --slider-grabber-height: 24px;
  --slider-grabber-background: transparent;
  --slider-grabber-pill: hsl(0,0%,100%);
}
.videoCont_b824c5 .slider_a562c8 .track_a562c8 .grabber_a562c8:before {
  box-shadow: var(--shadow-hard);
}

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

.videoInner_b824c5,
.videoContOverlay_b824c5,
.stillFrameImageCard_b824c5 {
  border-radius: var(--popout-radius-big);
}

.contentHeader_b824c5 {
  background-image: none;
}

.qrCodeWrapper__944ec {
  padding: var(--space-16) var(--space-16) var(--space-24);
}

/*
 *
 *	QUICK SWITCHER
 *
 */
.quickswitcher_ac6cb0 {
  padding: 0;
}
.quickswitcher_ac6cb0 .input_ac6cb0 {
  height: 42px;
  line-height: 42px;
  margin: calc(24px - var(--custom-modal-padding-top)) 24px 16px;
  padding: 0 16px;
  background-color: var(--input-color-alt);
  border-radius: 21px;
  box-shadow: none;
  border: none;
  font-size: 18px;
}
.quickswitcher_ac6cb0 .input_ac6cb0::-webkit-input-placeholder {
  font-family: var(--app-font);
  color: var(--input-placeholder-color);
}
.quickswitcher_ac6cb0 .scroller_ac6cb0 {
  margin-block-start: 0;
  margin-inline-end: 0;
  background-color: transparent;
}
.quickswitcher_ac6cb0 .scroller_ac6cb0::-webkit-scrollbar-track {
  background: transparent !important;
}
.quickswitcher_ac6cb0 .header__71961 {
  font-size: 14px;
  text-transform: none;
}
.quickswitcher_ac6cb0 .result__71961 {
  margin: 0 calc(16px - var(--scrollbar-width)) 0 16px;
  border-radius: var(--card-radius);
  transition: var(--default-time) var(--default-animation) background-color;
}
.quickswitcher_ac6cb0 .result__71961[aria-selected=true] {
  background-color: var(--menu-item-hover);
}
.quickswitcher_ac6cb0 .result__71961 .content__71961 {
  padding: 0 8px;
}
.quickswitcher_ac6cb0 .result__71961 .note__71961 {
  font-size: 11px;
  text-transform: none;
}
.quickswitcher_ac6cb0 .content__71961 {
  padding: 0 24px;
}
.quickswitcher_ac6cb0 .protip_ac6cb0 {
  margin: 16px 24px calc(24px - var(--custom-modal-padding-md));
  padding: 16px;
  background-color: var(--card-color-filled);
  border-radius: calc(var(--popout-radius-big) / 1.7);
}
.quickswitcher_ac6cb0 .protip_ac6cb0.hasContent_ac6cb0 {
  border-block-start: none;
}

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

.spacer_b7f4b4 {
  padding-block-start: 0;
}

.container_b7f4b4 {
  padding-inline-start: 0;
}

.scroller_b7f4b4 {
  margin-block: var(--space-8);
  margin-inline: var(--space-8);
  padding-block-start: var(--space-12);
  padding-inline-start: var(--space-12);
  padding-inline-end: calc(var(--space-12) - var(--scrollbar-thin-width)) !important;
  background-color: var(--attachment-color);
  border-radius: calc(var(--popout-radius-big) / 1.5);
}
.scroller_b7f4b4 .reactionDefault_b7f4b4,
.scroller_b7f4b4 .reactionSelected_b7f4b4 {
  border-radius: calc(var(--popout-radius-big) / 2.25);
}
.scroller_b7f4b4 .reactionDefault_b7f4b4 {
  transition: var(--default-time) var(--default-animation) background-color;
}
.scroller_b7f4b4 .reactionDefault_b7f4b4:hover {
  background-color: var(--menu-item-hover);
}
.scroller_b7f4b4 .reactionSelected_b7f4b4 {
  background-color: var(--menu-item-select);
}

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

/*
 *
 *  REPORT MESSAGE MODAL
 *
 */
.messagePreviewContainer_f96002 {
  background-color: var(--card-color-outlined);
  border: 1px solid var(--card-border-color);
  padding: 16px 0;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}
.messagePreviewContainer_f96002 .wrapper_c19a55 {
  --message-color-hover: var(--message-color);
  margin: 0 0 0 72px !important;
}
.messagePreviewContainer_f96002 .wrapper_c19a55 .avatar_c19a55 {
  inset-inline-start: -56px !important;
}

.childButton__3ed08 {
  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__3ed08:hover {
  background-color: var(--card-color-hover);
}

/*
 *
 *  SCREEN SHARE SELECTION
 *
 */
.source_febe19 {
  padding: 16px;
  gap: 12px;
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
  transition: var(--default-time) var(--default-animation) background-color;
}
.source_febe19:hover {
  background-color: var(--card-color-active);
}

.sourcePreviewContainer_febe19:before {
  display: none;
}

.sourcePreview_febe19 {
  width: auto;
  border-radius: calc(var(--card-radius-big) / 1.75);
}
.sourcePreview_febe19 .sourcePreviewImage_febe19 {
  border-radius: inherit;
}

.sourceNameContainer_febe19 {
  margin-block-start: 0;
}

.footer_a55fdc {
  margin: var(--space-8);
  background-color: transparent;
}

.footerContent_a55fdc {
  padding-block: var(--space-16);
  padding-inline: var(--space-24);
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}

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

/*
 *
 *  SECURITY ACTIONS MODAL
 *
 */
.headerContainer-3uHkGl .heading-md\/semibold_cf4812 {
  line-height: 24px;
  font-size: 22px;
  font-weight: 400;
}

.mainContainer-1VGrrU {
  margin: 0;
  gap: 16px;
}

.pauseContainer-36E8UF {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

/*
 *
 *	INVITED TO SERVER
 *
 */
.modalContainer__9b0f4 {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  border: none;
  box-shadow: var(--shadow-medium);
}
.modalContainer__9b0f4 .button_a22cb0 .buttonChildrenWrapper_a22cb0 {
  --button-height: 16px;
}

.contentWrapper__9b0f4 .heading-xl\/semibold_cf4812 {
  --app-font-roundness: 25;
}

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

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

.header__7e354,
.content__7e354 {
  background-color: transparent;
}

.header__7e354 {
  position: relative;
}
.header__7e354:before {
  position: absolute;
  content: " ";
  width: calc(100% - var(--space-4) * 2);
  height: calc(100% - var(--space-4) * 2);
  top: var(--space-4);
  left: var(--space-4);
  background-color: var(--card-color-hover);
  border-radius: calc(var(--card-radius-big) - var(--space-4));
  pointer-events: none;
  opacity: 0;
  transition: var(--default-time) var(--default-animation) opacity;
}
.header__7e354 > div {
  z-index: 2;
}
.header__7e354:hover:before {
  opacity: 1;
}

.headerIconWrapper__7e354 {
  background-color: var(--card-button-color);
  border-radius: 50%;
}

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

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

.prompt_fe70ca {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  border: none;
  box-shadow: var(--shadow-medium);
}
.prompt_fe70ca .scrollerBase_d125d2 {
  padding: 80px 100px;
}
.prompt_fe70ca .navButtons_fe70ca {
  padding: 8px;
  background-color: transparent;
  border-block-start: 1px solid var(--separator-color);
}

.promptOptions_fe70ca {
  margin-block-end: 0;
}

.optionButtonWrapper__270d7 {
  --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__270d7:hover {
  background-color: var(--card-color-hover);
}
.optionButtonWrapper__270d7.selected__270d7 {
  background-color: var(--card-color-active);
}

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

.memberCount__270d7 .text-xs\/normal_cf4812 {
  color: var(--accent-text-color--material-you) !important;
}

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

/*
 *
 *  UPLOAD
 *
 */
.uploadModalIn_b78547 .uploadDropModal_b78547 .bgScale_b78547 {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  border: none;
  box-shadow: var(--shadow-medium);
}
.uploadModalIn_b78547 .uploadDropModal_b78547 .inner_b78547 {
  border: none;
}
.uploadModalIn_b78547 .uploadDropModal_b78547 .title_b78547,
.uploadModalIn_b78547 .uploadDropModal_b78547 .title_b78547 strong {
  color: var(--interactive-text-default) !important;
}
.uploadModalIn_b78547 .uploadDropModal_b78547 .instructions_b78547 {
  color: var(--interactive-text-default) !important;
}
.uploadModalIn_b78547 .uploadDropModal_b78547.error_b78547 .title_b78547,
.uploadModalIn_b78547 .uploadDropModal_b78547.error_b78547 .title_b78547 strong {
  color: #eee !important;
}
.uploadModalIn_b78547 .uploadDropModal_b78547.error_b78547 .instructions_b78547 {
  color: #eee !important;
}

.uploadModal_b78547 .footer_b78547 {
  padding: 8px;
  background-color: transparent !important;
  border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big);
  border-block-start: 1px solid var(--popout-header-border);
  box-shadow: none !important;
}
.uploadModal_b78547 .footer_b78547 .button__201d5.lookLink__201d5 {
  margin-inline-end: 8px;
}

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

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

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

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

/*
 *
 *	USER PROFILE
 *
 */
.icon_fb7f94 {
  padding: 0;
}
.icon_fb7f94 .contents__201d5 {
  min-height: var(--button-height);
  min-width: var(--button-height);
  max-height: var(--button-height);
  max-width: var(--button-height);
}
.icon_fb7f94 .contents__201d5 svg {
  margin: auto;
}

.tabBar_d1d9f3 {
  height: 48px;
  margin: 0;
  padding: 0 16px;
  gap: 24px;
}
.tabBar_d1d9f3 .item_aa8da2 {
  height: inherit;
  border-block-end: none;
}
.tabBar_d1d9f3 .item_aa8da2.selected_aa8da2 {
  position: relative;
  background-color: transparent !important;
  border: none;
}
.tabBar_d1d9f3 .item_aa8da2.selected_aa8da2:after {
  position: absolute;
  content: " ";
  width: 90%;
  height: 3px;
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  margin: 0 auto;
  background: var(--tab-border-color);
  border-radius: 3px;
  transition: var(--default-time) ease all;
}
.tabBar_d1d9f3 .item_aa8da2 .text-sm\/normal_cf4812 {
  line-height: 48px;
}

.fullSizeOverlayBackground_c69a7b {
  border-radius: calc(var(--popout-radius-big) / 1.75);
  border: none;
}

/* USER PROFILE -> CONNECTED ACCOUNTS */
.connectedAccounts_e6abe8 {
  margin-block-start: -16px;
  border-block-start: none !important;
}
.connectedAccounts_e6abe8 .connectedAccountContainer_e6abe8 {
  --card-color-filled: var(--card-color-hover);
  --card-radius-big: var(--card-radius);
  margin-block-start: 16px;
  background-color: var(--card-color-filled);
  border: none;
  padding: 12px 8px;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

/* USER PROFILE -> NOTE */
.note_fcb628 {
  margin: 0;
}
.note_fcb628 textarea {
  padding: 6px 12px;
  border-radius: var(--input-radius);
  box-shadow: none !important;
}
.note_fcb628 textarea:focus {
  background-color: var(--input-color);
}

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

.iconActiveMedium_f34534 {
  border-radius: 50%;
}

/* USER PROFILE -> ACTIVITIES */
.section_bf424d {
  gap: 2px;
}
.section_bf424d .headings_bf424d {
  margin-block-end: 6px;
}
.section_bf424d .overlayBackground_c69a7b {
  background-color: var(--card-color-alt);
  border-radius: 4px;
}
.section_bf424d .overlayBackground_c69a7b:only-child {
  border-radius: calc(var(--card-radius-big) / 2.5);
}
.section_bf424d .overlayBackground_c69a7b:not(:only-child):nth-of-type(2) {
  border-start-start-radius: calc(var(--card-radius-big) / 2.5);
  border-start-end-radius: calc(var(--card-radius-big) / 2.5);
}
.section_bf424d .overlayBackground_c69a7b:not(:only-child):last-of-type {
  border-end-start-radius: calc(var(--card-radius-big) / 2.5);
  border-end-end-radius: calc(var(--card-radius-big) / 2.5);
}

.imageContainer_ef9ae7 {
  border-radius: calc(var(--avatar-radius) * 1.25);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.card_c59071 {
  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_c59071:hover {
  background-color: var(--card-color-hover);
}
.card_c59071:hover .iconMask_c59071 {
  background-color: var(--card-color-hover);
}
.card_c59071 .splashImage_c59071 {
  border-radius: var(--card-radius-big);
}
.card_c59071 .iconMask_c59071 {
  background-color: var(--card-color-filled);
  transition: var(--default-time) var(--default-animation) background-color;
}

.container__26dff {
  background-color: var(--card-color-outlined);
  border: 1px solid var(--card-border-color);
  padding: 0;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}
.container__26dff .cardHeader__62148 {
  margin-block-end: 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-block-end: 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: var(--space-16);
  border-radius: var(--card-radius-big);
  box-shadow: none;
}
.commandList_a1eac2 .commandName_e0307d {
  background-color: var(--card-color-filled);
  border: none;
  padding: 10px 12px;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

.permissionHeader_a06168 {
  margin-block-start: 0;
}

/*
 *
 *  BROWSE CHANNELS
 *
 */
.header__41ed7 {
  margin-block: 0;
  margin-inline: 16px 46px;
  padding: 16px 0;
}

.scrollerInner_e4503a {
  padding-block: 0 32px;
  padding-inline: 16px 36px;
}

.container_bc0d35 {
  background-color: hsl(var(--accent-hsl--material-you));
  border-radius: var(--card-radius-big);
}

.pageBody__41ed7 {
  padding: 0;
  background: transparent;
}

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

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

.channelRow_e4503a {
  --button-height: 34px;
  position: relative;
  padding: 12px 16px;
  background-color: var(--card-color-filled);
  border: none;
  transition: var(--default-time) var(--default-animation) background-color;
}
.channelRow_e4503a:before {
  position: absolute;
  content: " ";
  width: calc(100% - 16px);
  height: 100%;
  inset-block-start: 0;
  inset-inline-start: 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_e4503a.firstChannel_e4503a {
  padding-block-start: 20px;
  border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
}
.channelRow_e4503a.firstChannel_e4503a:before {
  height: calc(100% - 8px);
  inset-block-start: 8px;
}
.channelRow_e4503a.firstChannel_e4503a.lastChannel_e4503a {
  border-radius: var(--card-radius-big);
}
.channelRow_e4503a.lastChannel_e4503a {
  padding-block-end: 20px;
  border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
}
.channelRow_e4503a.lastChannel_e4503a:before {
  height: calc(100% - 8px);
}
.channelRow_e4503a:not(.disabled_e4503a):hover {
  background-color: var(--card-color-filled);
}
.channelRow_e4503a:not(.disabled_e4503a):hover:before {
  opacity: 1;
}
.channelRow_e4503a:hover:not(.disabled_e4503a) {
  background-color: var(--card-color-filled);
}
.channelRow_e4503a:hover .viewChannelButton_e4503a {
  opacity: 1;
  visibility: visible;
  transition: var(--default-time) var(--default-animation) opacity;
}
.channelRow_e4503a .viewChannelButton_e4503a {
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: var(--default-time) var(--default-animation) opacity;
}
.channelRow_e4503a .channelName_e4503a {
  gap: 8px;
}

.channelInfo_e4503a,
.channelActions_e4503a {
  z-index: 2;
}

.separator_e4503a {
  display: none;
}

/*
 *
 *  CHANNELS AND ROLES
 *
 */
.container__0b563 {
  background-color: var(--chat-color) !important;
}
.container__0b563 .tabBar__0b563 {
  margin-block: 32px 0;
  margin-inline: 16px 46px;
  border-block-end: 1px solid var(--separator-color);
}
.container__0b563 .tabBar__0b563 + .chat_f75fb0 .pageBody__41ed7 {
  padding-block-start: 0;
}
.container__0b563 .scroller__5d7c9 {
  padding-inline-start: 16px;
}

.prompt__5d7c9 {
  background-color: var(--card-color-filled);
  border: none;
  padding: var(--space-16);
  border-radius: var(--card-radius-big);
  box-shadow: none;
}
.prompt__5d7c9 .promptTitle__5d7c9 {
  line-height: normal;
  font-size: 1.25em;
  color: var(--card-header-text-color) !important;
  font-weight: 500;
}
.prompt__5d7c9 .optionButton__270d7 {
  --card-color-filled: var(--card-color-alt);
}

.profileCard__5d7c9 {
  background-color: var(--card-color-filled);
  border: none;
  padding: var(--space-16);
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

/*
 *
 *  GAME SHOP
 *
 */
.container_b40158 {
  background-color: var(--chat-color);
  border-top: none;
}
.container_b40158 .notice__6e2b9 {
  margin: var(--space-16);
}

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

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

.cardHighlighted_abfd90,
.cardDarkHighlighted_abfd90 {
  box-shadow: var(--shadow-medium);
}

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

/* HOME TAB -> ACTIVE NOW */
.container__29699 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}
.container__29699 .header__18dc9 {
  margin-block-end: 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-block-end: none;
}
.container__29699 .header__18dc9 .heading-md\/semibold_cf4812 {
  line-height: normal;
  font-size: inherit;
  color: var(--card-header-text-color);
  font-weight: 400;
}
.container__29699 .emptyStateContainer__08276 {
  margin-block-start: 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__183c2 {
  background-color: var(--card-color-hover);
}

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

@media (max-width: 1300px) {
  .scrollIcon__0a383 {
    background-color: var(--chat-color);
    border: 1px solid var(--card-border-color);
  }
}
/* HOME TAB -> UPCOMING */
.container__60371 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}
.container__60371 .header_be4997 {
  margin-block-end: 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-block-end: none;
}
.container__60371 .header_be4997 .heading-md\/semibold_cf4812 {
  line-height: normal;
  font-size: inherit;
  color: var(--card-header-text-color);
  font-weight: 400;
}

.container__55cc1 {
  margin: 0 16px;
}
.container__55cc1:last-of-type, .container__55cc1:only-child {
  margin-block-end: 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: var(--space-16);
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

.interactiveCard_d92364 {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
  border: none !important;
}
.interactiveCard_d92364:hover {
  box-shadow: none;
}
.interactiveCard_d92364 .wrapper_c19a55 .messageContent_c19a55 {
  overflow: hidden;
}
.interactiveCard_d92364 .wrapper_c19a55.cozy_c19a55 {
  --message-color: var(--message-color-hover);
}
.interactiveCard_d92364 .wrapper_c19a55.cozy_c19a55:not(.message__5126c) {
  margin: 16px 16px 0 79px;
}
.interactiveCard_d92364 .avatarDecoration_c19a55 {
  inset-inline-start: -65px;
}

.feedItemHeader_ec3bdb {
  padding: 16px;
  border-block-end: none;
}
.feedItemHeader_ec3bdb .heading-sm\/semibold_cf4812 {
  font-size: 1.25em;
}

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

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

.searchHeaderContainer__98d1c {
  margin-block-end: 16px;
  padding: 0;
}
.searchHeaderContainer__98d1c .heading-md\/medium_cf4812 {
  font-weight: 400;
  font-size: 1.25em;
}
.searchHeaderContainer__98d1c .container__72c38 {
  border-radius: calc(var(--input-height) / 2);
  border: none;
  box-shadow: none;
}
.searchHeaderContainer__98d1c .container__72c38:focus-within {
  box-shadow: none;
}
.searchHeaderContainer__98d1c .input__0f084 {
  font-size: 1.1em;
}

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

.tableHeaderRow__9dd6b:first-child:after {
  inset-block-end: 0;
  box-shadow: 0 1px 0 0 var(--card-border-color);
}

.tableHeaderCellContainer__9dd6b {
  padding: 12px 8px;
}

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

.newMembersNotice_acdcc0 {
  inset-block-start: 0;
  background-color: hsl(var(--accent-hsl--material-you));
}
.newMembersNotice_acdcc0:hover {
  background-color: hsl(var(--accent-hsl--material-you));
}
.newMembersNotice_acdcc0 td:first-child {
  border-radius: 18px 0 0 18px;
}
.newMembersNotice_acdcc0 td:last-child {
  border-radius: 0 18px 18px 0;
}
.newMembersNotice_acdcc0 .text-sm\/normal_cf4812 {
  color: var(--accent-text-color--material-you) !important;
  font-weight: 500;
}
.newMembersNotice_acdcc0 .button__201d5 {
  --button-text-color: var(--accent-text-color--material-you);
}

.otherRoles__71c22 {
  background-color: var(--card-color-filled);
  border-radius: 50%;
  transition: var(--default-time) var(--default-animation) opacity;
}
.otherRoles__71c22 .addRoleIcon__71c22 {
  color: var(--interactive-text-default);
}

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

.paginationContainer_e8f197 {
  margin-block-start: 8px;
  padding: 0;
  border-block-start: none;
}

/*
 *
 *  MOD VIEW
 *
 */
.profileThemedContainer__656be {
  border-radius: var(--card-radius-big) !important;
}
.profileThemedContainer__656be .keyComboContainer__3a5a1, .profileThemedContainer__656be .keyComboContainer__15c82 {
  background-color: transparent;
}
.profileThemedContainer__656be .key__61c93 {
  background-color: var(--profile-gradient-primary-color);
  color: var(--interactive-text-default) !important;
}
.profileThemedContainer__656be .searchResult__80bf8 {
  background-color: transparent !important;
  box-shadow: none;
}
.profileThemedContainer__656be .searchResult__80bf8 .wrapper_c19a55 {
  --message-color: var(--profile-gradient-overlay-color);
  --message-color-hover: var(--profile-gradient-overlay-color);
  margin: 0 0 0 50px !important;
}
.profileThemedContainer__656be .buttonsContainer__80bf8 {
  background-color: transparent !important;
  box-shadow: none;
}
.profileThemedContainer__656be .buttonsContainer__80bf8 .button__80bf8 {
  background-color: var(--profile-gradient-button-color);
  color: var(--white-500);
}

.container__34940 {
  background-color: var(--profile-gradient-overlay-color);
  border-radius: calc(var(--card-radius-big) / 1.75);
  box-shadow: none;
}
.container__34940 + div:not([class]) {
  border-radius: calc(var(--card-radius-big) / 1.75);
}
.container__34940 .topRow__34940,
.container__34940 .bottomRowAction__34940 {
  background-color: transparent !important;
}
.container__34940 .bottomRow__34940 {
  margin: 8px;
}
.container__34940 .innerBottomRowAction__34940 {
  border-radius: calc(var(--card-radius-big) / 1.75 / 1.5);
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color;
}
.container__34940 .innerBottomRowAction__34940:hover {
  background-color: var(--profile-gradient-overlay-color);
}

.container__3a5a1 {
  background-color: var(--profile-gradient-overlay-color) !important;
  border-radius: calc(var(--card-radius-big) / 1.75);
}
.container__3a5a1 .header__3a5a1 {
  background-color: transparent !important;
  box-shadow: none;
}

.modInfoItemContainer__96c0b {
  box-shadow: none;
}
.modInfoItemContainer__96c0b .modInfoItem__96c0b {
  margin-block-end: 2px;
  background-color: var(--profile-gradient-overlay-color);
  border-radius: 4px;
  box-shadow: none;
}
.modInfoItemContainer__96c0b .modInfoItem__96c0b:first-child {
  border-radius: var(--card-radius-big) var(--card-radius-big) 4px 4px;
}
.modInfoItemContainer__96c0b .modInfoItem__96c0b:last-child {
  margin-block-end: 0;
  border-radius: 4px 4px var(--card-radius-big) var(--card-radius-big);
}
.modInfoItemContainer__96c0b .modInfoItem__96c0b:only-child {
  margin-block-end: 0;
  border-radius: var(--card-radius-big);
}
.modInfoItemContainer__96c0b .modInfoAction__96c0b:hover {
  background-color: var(--profile-gradient-primary-color);
}

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

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

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

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

.tierInfoContainer__3efc4,
.subscriptionPerks__3efc4 {
  background-color: transparent;
}

.tierInfoContainer__3efc4 {
  border-block-end: 1px solid var(--card-border-color);
}
.tierInfoContainer__3efc4 .button__201d5 {
  background: none;
}
.tierInfoContainer__3efc4 .button__201d5 .shine-3xxflf {
  display: none;
}

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

.roleMessagePreview__3efc4 {
  margin-inline-start: 50px;
  padding: 0;
  background-color: transparent;
  border: none;
}

/*
 *
 *	SERVER BOOST
 *
 */
.container__89463 {
  background-color: transparent;
}

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

.subscription_d970da {
  background-color: var(--card-color-filled);
  border: none;
  padding: var(--space-16);
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

.tierPill_d970da {
  background-color: var(--card-button-color);
}

/* SERVER BOOST -> SIDEBAR */
.toolbar__89463 {
  height: var(--custom-channel-header-height);
}

.sidebarContainer__89463 {
  flex: 0 1 auto;
  margin-block: var(--space-12);
  margin-inline: var(--space-8) var(--space-12);
  padding-block: var(--space-16);
  padding-inline: var(--space-16) calc(var(--space-16) - var(--scrollbar-thin-width));
  background-color: var(--main-alt);
  border-radius: var(--popout-radius-big);
  border-inline-start: none;
  overflow-y: scroll;
  box-sizing: border-box;
}
.sidebarContainer__89463::-webkit-scrollbar {
  --scrollbar-width: var(--scrollbar-thin-width);
}

.container__58c46 {
  padding: 0;
}

.header__2281b {
  padding: var(--space-24) 0 var(--space-8);
}

.container__3f864 {
  background-color: var(--card-color-filled);
  border: none;
  padding: var(--space-16);
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

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

.container__2281b {
  flex: 0 1 auto;
  padding: 0 !important;
  gap: 2px;
  overflow: unset !important;
}

.systemMessageContainer_df65b5 {
  padding: var(--space-12) var(--space-8);
  background-color: var(--card-color-filled);
  border-radius: 4px;
  box-sizing: border-box;
}
.systemMessageContainer_df65b5:first-child {
  border-start-start-radius: 12px;
  border-start-end-radius: 12px;
}
.systemMessageContainer_df65b5:nth-last-child(2) {
  border-end-start-radius: 12px;
  border-end-end-radius: 12px;
}

/* SERVER BOOST -> CARDS */
.parentContainer__5573a:hover .container__5573a {
  transform: none;
}

.container__5573a {
  background-color: var(--card-color-filled) !important;
  border: none !important;
  padding: 0 !important;
  border-radius: var(--card-radius-big) !important;
  box-shadow: none !important;
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) box-shadow !important;
}
.container__5573a:hover {
  background-color: var(--card-color-hover) !important;
  box-shadow: var(--shadow-soft) !important;
}
.container__5573a.active__5573a {
  --card-color-filled: var(--card-color-active);
  --card-color-hover: var(--card-color-active);
}
.container__5573a .boostContainer__823e1 {
  border-color: var(--card-color-filled);
}

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

/*
 *
 *	SERVER GUIDE
 *
 */
.header__553a5 {
  margin-block-start: -16px;
}

.headerArtWrapper__553a5 {
  width: calc(100% + 32px);
  margin-inline-end: -16px;
}

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

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

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

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

.sidebarCardWrapper__7449f {
  background-color: var(--card-color-filled);
  border: none;
  padding: var(--space-16);
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

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

.container_adb50a,
.filters_d804ff {
  max-width: unset;
}

.container_adb50a {
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
  box-shadow: none;
  box-shadow: none;
}
.container_adb50a .infoContainer_adb50a {
  padding-block: 0 var(--space-16);
  padding-inline: var(--space-16);
}
.container_adb50a .coverImage_adb50a {
  border-radius: var(--card-radius-big);
}

.filters_d804ff .lookFilled__201d5 .contents__201d5 {
  color: var(--accent-text-color--material-you);
}
.filters_d804ff .lookFilled__201d5 .text-sm\/medium_cf4812 {
  color: inherit !important;
}

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

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

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

.card__8833c:hover .cardContent__8833c {
  box-shadow: none;
  outline: none;
  transform: none;
}

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

.body__6fa2e {
  background-color: transparent;
}

/*
 *
 *  USER SETTINGS ADD GAME POPOUT
 *
 */
.addGamePopout_b53c4e {
  background-color: var(--popout-color) !important;
  border-radius: var(--popout-radius-big) !important;
  border: none !important;
  box-shadow: var(--shadow-medium) !important;
}
.addGamePopout_b53c4e .lookLink__201d5 {
  margin-inline-end: 8px;
}

/*
 *
 *  APPS AND COMMANDS
 *
 */
.contentWrapper__9c62c {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-medium);
}
.contentWrapper__9c62c .container__72c38 {
  height: var(--input-height);
  padding: 0 var(--input-padding);
  background-color: var(--input-color);
  border: none;
  max-height: var(--input-height);
  border-radius: calc(var(--input-height) / 2);
  box-shadow: none;
}
.contentWrapper__9c62c .container__72c38:focus-within {
  box-shadow: none;
}

.sectionRowsContentContainer__927fc {
  padding: 8px;
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}
.sectionRowsContentContainer__927fc .rowContainer_cb32c7 {
  background-color: transparent;
  border-radius: calc(var(--card-radius-big) / 1.5);
}
.sectionRowsContentContainer__927fc .rowContainer_cb32c7:hover {
  background-color: var(--card-color-hover);
}
.sectionRowsContentContainer__927fc .rowDivider_cb32c7 {
  display: none;
}

.containerBorderRadius_cb32c7 {
  border-radius: 24px;
}

.icon_bd6d20 {
  border-radius: 50%;
}

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

.container_cb32c7 {
  background-color: var(--card-color-filled);
  transition: var(--default-time) var(--default-animation) background-color;
}
.container_cb32c7:hover {
  background-color: var(--card-color-active);
}

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

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

/* APPS AND COMMANDS - > APP */
.container__7bdb0 {
  --scrollbar-width: 0;
  background-color: var(--popout-color);
}
.container__7bdb0 .bannerBackground__57d3f,
.container__7bdb0 .stickyBanner__57d3f {
  border-radius: var(--popout-radius-big);
}

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

.profileAndVideoContainer_e80fe9 {
  margin-block-end: 0;
  border-radius: var(--card-radius-big);
  border: none;
}
.profileAndVideoContainer_e80fe9 .overviewContainerNoVideo__95856 {
  background-color: var(--card-color-filled);
  border-radius: inherit;
}

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

.overviewContainerWithVideo__95856 {
  margin-block-start: calc(var(--card-radius-big) * -1);
  padding-block-start: calc(12px + var(--card-radius-big));
  background-color: var(--card-color-filled);
  border-end-start-radius: var(--card-radius-big);
  border-end-end-radius: var(--card-radius-big);
}
.overviewContainerWithVideo__95856 .tagContainer__95856 {
  border-radius: 11px;
  background-color: var(--card-color-active);
}

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

.commandListHeader_c94584 .button__201d5 {
  --button-height: 32px;
  --button-padding-start: 12px;
  --button-padding-end: 12px;
}

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

.command_c94584 {
  background-color: transparent;
  border-radius: calc(var(--popout-radius-big) / 1.9) !important;
  border-block-end: none !important;
  transition: var(--default-time) var(--default-animation) background-color;
}
.command_c94584:hover {
  background-color: var(--card-color-hover);
}
.command_c94584 .button__201d5 {
  --button-padding-start: 16px;
  --button-padding-end: 16px;
}

/*
 *
 *  AUTOCOMPLETE
 *
 */
.autocomplete__13533 {
  background-color: var(--popout-color) !important;
  border-radius: var(--popout-radius-big) !important;
  border: none !important;
  box-shadow: var(--shadow-medium) !important;
}
.autocomplete__13533 .categoryHeader_d1405b {
  background-color: var(--emoji-category-header);
}
.autocomplete__13533 .autocompleteRow__13533 {
  padding: 0;
}
.autocomplete__13533 .autocompleteRow__13533[aria-disabled=false] .base__13533:hover {
  background-color: var(--menu-item-hover);
}
.autocomplete__13533 .autocompleteRow__13533[aria-selected=true] .base__13533 {
  background-color: var(--menu-item-select);
}
.autocomplete__13533 .autocompleteRow__13533 .base__13533 {
  padding: 8px 12px;
  border-radius: 0;
  transition: var(--default-time) var(--default-animation) background-color;
}
.autocomplete__13533 .autocompleteRow__13533 .base__13533.selected-3H3-RC {
  background-color: var(--menu-item-hover) !important;
}
.autocomplete__13533 .contentTitle__13533 {
  font-size: 14px;
  text-transform: none;
}
.autocomplete__13533 .divider__13533 {
  padding: 8px 0;
}
.autocomplete__13533 .divider__13533:after {
  background-color: var(--card-border-color);
}
.autocomplete__13533 .wrapper_b1e4f3 {
  position: relative;
  background-color: var(--attachment-color);
}
.autocomplete__13533 .wrapper_b1e4f3 .wrapper__4e6ce {
  width: 100%;
}
.autocomplete__13533 .wrapper_b1e4f3 .wrapper__4e6ce .scrollerBase_d125d2 {
  --scrollbar-width: 0;
}
.autocomplete__13533 .wrapper_b1e4f3 .wrapper__4e6ce {
  width: 100%;
  background-color: transparent;
}
.autocomplete__13533 .wrapper_b1e4f3 .wrapper__4e6ce .scrollerBase_d125d2 {
  --scrollbar-width: 0;
}
.autocomplete__13533 .wrapper_b1e4f3 .wrapper__4e6ce .listItems_affa7e {
  inset-inline-start: 12px !important;
  inset-inline-end: 12px !important;
}
.autocomplete__13533 .listItems_affa7e {
  inset-inline-start: 0 !important;
  inset-inline-end: 0 !important;
}

/* AUTOCOMPLETE -> ROLES POPOUT */
.container_d5ae15 {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  border: none;
  box-shadow: var(--shadow-medium);
}
.container_d5ae15 .autocompleteArrow-2CRgr2 {
  background-color: var(--popout-color);
}
.container_d5ae15 .header_d5ae15 {
  background-color: transparent;
  border-block-end: 1px solid var(--card-border-color);
}
.container_d5ae15 .headerText_d5ae15 {
  margin-inline-end: 0;
}
.container_d5ae15 .input_d5ae15 {
  width: 100%;
  margin-block-end: 0;
}
.container_d5ae15 .sectionTag_d5ae15 {
  background-color: transparent !important;
}
.container_d5ae15 .section_d5ae15 {
  line-height: 36px;
  padding: 0 16px;
  font-size: 14px;
  text-transform: none;
}
.container_d5ae15 .autocompleteShadow_d5ae15 {
  display: none;
}
.container_d5ae15 .autocompleteArrow-2CRgr2 {
  background-color: var(--popout-color);
}
.container_d5ae15 .header_d5ae15 {
  padding: 0 16px;
  gap: 8px;
  justify-content: flex-start;
  background-color: transparent;
  border-block-end: 1px solid var(--card-border-color);
}
.container_d5ae15 .sectionTag_d5ae15 {
  background-color: transparent !important;
}
.container_d5ae15 .section_d5ae15 {
  line-height: 36px;
  padding: 0 16px;
  font-size: 14px;
  text-transform: none;
}

.autocompleteShadow_d5ae15,
.autocompleteHeaderBackground_d5ae15 {
  display: none;
}

.row_d5ae15 {
  padding-inline-start: var(--scrollbar-thin-width);
}
.row_d5ae15.selected_d5ae15 .rowInner_d5ae15 {
  background-color: var(--menu-item-hover);
}
.row_d5ae15 .rowInner_d5ae15 {
  border-radius: var(--popout-radius);
  transition: var(--default-time) var(--default-animation) background-color;
}

/*
 *
 *  CALENDAR
 *
 */
.calendarPicker_d27f17 .react-datepicker {
  padding: 16px;
  background-color: var(--popout-color) !important;
  border-radius: var(--popout-radius-big) !important;
  border: none !important;
  box-shadow: var(--shadow-medium) !important;
}
.calendarPicker_d27f17 .react-datepicker__header {
  background-color: transparent !important;
}
.calendarPicker_d27f17 .react-datepicker__current-month {
  border-bottom-color: var(--separator-color) !important;
  font-size: 14px;
  text-transform: none;
}
.calendarPicker_d27f17 .react-datepicker__navigation.react-datepicker__navigation--next, .calendarPicker_d27f17 .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_d27f17 .react-datepicker__navigation.react-datepicker__navigation--next:hover, .calendarPicker_d27f17 .react-datepicker__navigation.react-datepicker__navigation--previous:hover {
  background-color: hsl(var(--button-link-accent-color), 0.2);
}
.calendarPicker_d27f17 .react-datepicker__day-name {
  color: var(--interactive-text-default) !important;
}
.calendarPicker_d27f17 .react-datepicker__day--disabled,
.calendarPicker_d27f17 .react-datepicker__day--outside-month {
  background-color: transparent !important;
  color: var(--text-disabled) !important;
}
.calendarPicker_d27f17 .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_d27f17 .react-datepicker__day:hover:not(.react-datepicker__day--today) {
  background-color: var(--menu-item-hover) !important;
}
.calendarPicker_d27f17 .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_d27f17 .react-datepicker__day.react-datepicker__day--selected:after {
  display: none;
}
.calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--selected:hover {
  background-color: hsl(var(--accent-hsl--material-you)) !important;
}
.calendarPicker_d27f17 .react-datepicker__day--today {
  border-color: hsl(var(--accent-hsl--material-you)) !important;
  color: hsl(var(--accent-hsl--material-you)) !important;
}
.calendarPicker_d27f17 .react-datepicker__day--today:hover {
  background-color: hsl(var(--accent-hsl), 0.2) !important;
}

.datePicker__56fec .react-datepicker {
  padding-block-end: 8px;
  box-shadow: none !important;
}
.datePicker__56fec .datePickerHint__56fec {
  border-top-color: var(--separator-color);
}
.datePicker__56fec .datePickerHint__56fec .hint__56fec {
  color: var(--interactive-text-default);
}
.datePicker__56fec .datePickerHint__56fec .hintValue__56fec {
  margin-inline-start: 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__4e30a {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  border: none;
  box-shadow: var(--shadow-medium);
}
.container__4e30a .users__260e1 {
  background-color: var(--card-color-active);
}
.container__4e30a .total__260e1 {
  background-color: var(--card-color-filled);
}
.container__4e30a .total__260e1:after {
  border-right-color: var(--card-color-filled);
}

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

.popout__7fe3a {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  border: none;
  box-shadow: var(--shadow-medium);
}

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

.suggestedColor__713b5 {
  border-radius: 16px;
}

.colorPickerRow_d31e23 {
  overflow: visible;
}

.colorPickerSwatch__459fb {
  border-radius: 10px;
}
.colorPickerSwatch__459fb.custom__459fb, .colorPickerSwatch__459fb.default__459fb {
  border-radius: var(--card-radius-big);
}

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

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

.gradientPreset__459fb {
  border-radius: 8px;
}

/*
 *
 *  CONNECTION INFO
 *
 */
.container__50387 {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  border: none;
  box-shadow: var(--shadow-medium);
}
.container__50387 .heading-lg\/bold_cf4812 {
  margin-block-end: 4px;
}
.container__50387 .tabs__50387 {
  height: 40px;
}
.container__50387 .tabs__50387 .item_aa8da2 {
  line-height: 40px;
}

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

.container__9351a {
  gap: 12px;
}

.tag__9351a {
  margin-block-end: 0;
  padding: 4px 8px;
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}

.header__9351a {
  margin: 0;
}

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

.header_d43202 {
  padding: 12px 16px;
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
  border-block-end: 1px solid var(--card-border-color);
}
.header_d43202 + .code__1a1f5 {
  border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
}

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

/* CONNECTION INFO -> CODE VERIFICATION MODAL */
.content__49fc1.content_d43202 {
  padding-block-start: 68px;
}

/*
 *
 *  CONTEXT MENU
 *
 */
.menu_c1e9c4 {
  --context-menu-radius: calc(var(--context-menu-radius-big) / 2.25);
  --context-menu-radius-big: calc(var(--popout-radius-big) / 1.25);
  --context-menu-radius-big-inner: calc(var(--context-menu-radius-big) - var(--context-menu-padding));
  padding: 0;
  background-color: var(--popout-color);
  border-radius: var(--context-menu-radius-big);
  box-shadow: var(--shadow-medium);
  border: none;
  animation: opacity 100ms ease, open-context-menu 300ms var(--default-animation);
  transform-origin: top;
  overflow: hidden;
}
.menu_c1e9c4 .scrollerBase_d125d2 {
  --scrollbar-width: 0;
  padding: var(--context-menu-padding) !important;
  border-radius: var(--context-menu-radius-big-inner);
}
.menu_c1e9c4 .groupLabel_c1e9c4 {
  font-size: 14px;
  text-transform: none;
}
.menu_c1e9c4 .item_c1e9c4 {
  min-height: 32px;
  margin: 0;
  line-height: 18px;
  padding-block: 10px;
  padding-inline: 12px;
  gap: 12px;
  border-radius: var(--context-menu-radius-big-inner);
  color: var(--menu-item-text-color) !important;
  transition: var(--default-time) var(--default-animation) background-color;
  flex-direction: row-reverse;
}
.menu_c1e9c4 .item_c1e9c4.colorDanger_c1e9c4 {
  --menu-item-text-color: hsl(var(--alert-hsl));
}
.menu_c1e9c4 .item_c1e9c4:hover, .menu_c1e9c4 .item_c1e9c4.focused_c1e9c4 {
  background-color: var(--menu-item-hover);
}
.menu_c1e9c4 .item_c1e9c4:hover .caret_c1e9c4, .menu_c1e9c4 .item_c1e9c4.focused_c1e9c4 .caret_c1e9c4 {
  color: var(--menu-item-text-color);
}
.menu_c1e9c4 .item_c1e9c4:hover .caret_c1e9c4 path, .menu_c1e9c4 .item_c1e9c4.focused_c1e9c4 .caret_c1e9c4 path {
  fill: currentColor;
}
.menu_c1e9c4 .item_c1e9c4.colorPremiumGradient_c1e9c4 {
  transition: var(--default-time) var(--default-animation) background;
}
.menu_c1e9c4 .item_c1e9c4.colorPremiumGradient_c1e9c4.focused_c1e9c4 {
  background: var(--menu-item-hover);
}
.menu_c1e9c4 .item_c1e9c4:active:not(.hideInteraction_c1e9c4) {
  background-color: var(--menu-item-select);
}
.menu_c1e9c4 .item_c1e9c4.hideInteraction_c1e9c4 .labelContainer_c1e9c4 {
  padding-block: 0 var(--space-8);
  padding-inline: 0;
}
.menu_c1e9c4 .item_c1e9c4.hideInteraction_c1e9c4 .sliderContainer__65039 {
  margin-block-end: -6px;
  padding: 0;
}
.menu_c1e9c4 .item_c1e9c4 .labelContainer_c1e9c4 {
  min-height: unset;
  padding: 0;
}
.menu_c1e9c4 .item_c1e9c4 .iconContainer_c1e9c4,
.menu_c1e9c4 .item_c1e9c4 .imageContainer_d90b3d {
  margin: 0;
}
.menu_c1e9c4 .item_c1e9c4 .icon_c1e9c4 path {
  fill: currentColor;
}
.menu_c1e9c4 .item_c1e9c4 .userMenuText_d40c56 {
  color: inherit;
}
.menu_c1e9c4 .label_c1e9c4 {
  color: inherit;
}
.menu_c1e9c4 .customItem_c1e9c4 .text-md\/bold_cf4812 {
  padding: 12px;
  font-weight: 500;
}
.menu_c1e9c4 .separator_c1e9c4 {
  margin-block: var(--context-menu-padding);
  margin-inline: calc(var(--context-menu-radius-big-inner) - var(--context-menu-padding));
  border-color: var(--card-border-color);
}
.menu_c1e9c4 .label__202d8 {
  gap: 8px;
}

.theme-light .menu_c1e9c4 .item_c1e9c4:hover, .theme-light .menu_c1e9c4 .item_c1e9c4.focused_c1e9c4 {
  background-color: hsl(from var(--menu-item-hover) h s calc(l * 0.875));
}
.theme-light .button_f563df {
  background-color: hsl(from var(--menu-item-hover) h s calc(l * 0.875));
}
.theme-light .button_f563df:hover {
  background-color: hsl(from var(--menu-item-select) h s calc(l * 0.815));
}

.caret_c1e9c4 path {
  d: path("M400-280v-400l200 200-200 200Z");
  transform: translate(0, 24px) scale(0.025);
}

.wrapper_f563df {
  padding: 0;
  margin-block-end: var(--context-menu-padding);
}

.button_f563df {
  background-color: var(--menu-item-hover);
  border-radius: var(--context-menu-radius-big-inner);
  transition: var(--default-time) var(--default-animation) background-color;
}
.button_f563df:hover {
  background-color: var(--menu-item-select);
}

.submenuPaddingContainer_ce8328 {
  margin-inline: -4px;
  animation: opacity 100ms ease, open-context-menu 300ms var(--default-animation);
  transform-origin: top;
}

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

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

/*
 *
 *  CREATE GROUP DM
 *
 */
.searchBar_cba592 {
  margin-block-start: 16px;
}
.searchBar_cba592 .input_fea832 {
  height: var(--input-height) !important;
}

.searchBarComponent_cba592 {
  background-color: var(--input-color);
  border-radius: 19px !important;
  border: none;
}
.searchBarComponent_cba592 .inner_fea832 {
  min-height: var(--input-height);
}

.tag_fea832 {
  height: 28px;
  margin: 4px 4px 0 6px;
  border-radius: 14px;
  background-color: transparent;
  border: 1px solid var(--text-muted);
  color: var(--interactive-text-default);
}
.tag_fea832 + .input_fea832 {
  margin-inline-start: 6px;
}

.friendWrapper_bbd192 {
  margin: 0;
}

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

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

.footerSeparator_e6af9c {
  display: none;
}

/*
 *
 *	EMOJI PICKER
 *
 */
.contentWrapper__08434 {
  --nav-button-height: 36px;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  border: none;
  box-shadow: var(--shadow-medium);
  grid-template-rows: var(--nav-button-height) auto;
  padding-block: var(--space-16) var(--emoji-padding);
  padding-inline: var(--emoji-padding);
  animation: bottom-pop-out 400ms var(--default-animation);
}

.wrapper_c0e32c:not(.emojiPickerHasTabWrapper_c0e32c) .emojiPicker_c0e32c {
  padding-block-end: var(--emoji-padding);
  padding-inline: var(--emoji-padding);
}
.wrapper_c0e32c:not(.emojiPickerHasTabWrapper_c0e32c) .wrapper__4e6ce {
  inset-block-end: var(--emoji-padding);
  inset-inline-start: var(--emoji-padding);
}

/* EMOJI PICKER -> NAVIGATION */
.nav__08434 {
  padding-inline: calc(var(--space-16) - var(--emoji-padding));
}

.navList__08434 {
  --nav-button-height: 36px;
  --nav-button-big-radius: calc(var(--nav-button-height) / 2);
  --nav-button-small-radius: calc(var(--nav-button-height) / 5);
  padding: 0;
  background-color: transparent;
  border-radius: 0;
  gap: 2px;
  width: 100%;
}
.navList__08434 .navItem__08434 {
  display: flex;
  min-width: calc(var(--button-height) + var(--space-8));
  height: var(--nav-button-height);
  padding-block-start: 0;
  padding-block-end: 0;
  background-color: var(--accent-secondary-color) !important;
  border-radius: var(--nav-button-small-radius);
  color: var(--accent-secondary-text-color);
  justify-content: center;
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color, var(--default-time) var(--default-animation) border-radius;
}
.navList__08434 .navItem__08434:first-of-type {
  border-radius: var(--nav-button-big-radius) var(--nav-button-small-radius) var(--nav-button-small-radius) var(--nav-button-big-radius);
}
.navList__08434 .navItem__08434:last-of-type {
  border-radius: var(--nav-button-small-radius) var(--nav-button-big-radius) var(--nav-button-big-radius) var(--nav-button-small-radius);
}
.navList__08434 .navItem__08434.navButtonActive__08434, .navList__08434 .navItem__08434 .navButtonActive_b003de {
  background-color: hsl(var(--accent-hsl--material-you)) !important;
  border-radius: var(--nav-button-big-radius);
  border: none;
  color: var(--accent-text-color--material-you);
}

.navItem__08434 {
  flex-grow: 1;
  flex-basis: 0;
  margin: 0 !important;
  padding: 0;
  line-height: var(--nav-button-height);
  text-align: center;
}
.navItem__08434:hover {
  background-color: var(--card-color-active) !important;
}

/* EMOJI PICKER -> SEARCH HEADER */
.header_c0e32c,
.header__8ef02,
.header_fed6d3 {
  background-color: transparent;
  padding-inline: calc(var(--space-16) - var(--emoji-padding));
  border-block-end: none;
}
.header_c0e32c .container__72c38,
.header__8ef02 .container__72c38,
.header_fed6d3 .container__72c38 {
  border-radius: calc(var(--input-height) / 2);
  border: none;
  box-shadow: none;
}
.header_c0e32c .container__72c38:focus-within,
.header__8ef02 .container__72c38:focus-within,
.header_fed6d3 .container__72c38:focus-within {
  box-shadow: none;
}

.theme-light .header_c0e32c .container__72c38,
.theme-light .header__8ef02 .container__72c38,
.theme-light .header_fed6d3 .container__72c38 {
  --input-color: var(--popout-color-alt);
}

.header_c0e32c {
  gap: var(--space-8);
  background-color: var(--popout-color);
  border-start-start-radius: var(--popout-radius-big);
  border-start-end-radius: var(--popout-radius-big);
  border-block-end: none;
}

.emojiPickerHasTabWrapper_c0e32c .header_c0e32c {
  padding-block: 0 var(--space-12);
  padding-inline: calc(var(--space-16) - var(--emoji-padding));
}

.diversitySelectorButton_a45a2a,
.diversityEmojiItem_a45a2a,
.label__0d242 {
  display: flex;
  width: var(--input-height);
  height: var(--input-height);
  padding: 0;
  background-color: var(--card-button-color);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
}

.diversitySelectorOptions_a45a2a {
  inset-block-start: 1px;
  inset-inline-start: 0;
  background-color: var(--popout-color);
  border-radius: calc(var(--input-height) / 2);
  border: none;
  box-shadow: var(--shadow-medium);
}

.diversityEmojiItem_a45a2a {
  background-color: transparent;
}

/* EMOJI PICKER -> EMOJIS CONTAINER */
.emojiPicker_c0e32c {
  background-color: var(--popout-color);
  border-end-start-radius: var(--popout-radius-big);
  border-end-end-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-medium);
}

.listWrapper_c656ac,
.listWrapper__8ef02,
.inspector_aeaaeb {
  width: calc(100% - var(--emoji-padding));
  inset-inline-start: var(--emoji-padding);
  background-color: var(--card-color-filled);
  overflow: hidden;
}

.listWrapper_c656ac {
  border-start-start-radius: var(--emoji-radius);
  border-start-end-radius: var(--emoji-radius);
}

.listWrapper__8ef02 {
  border-radius: var(--emoji-radius);
}

.emojiItem_fc7141 {
  border-radius: var(--card-radius);
  transition: var(--default-time) var(--default-animation) background-color;
}
.emojiItem_fc7141.emojiItemSelected_fc7141 {
  background-color: var(--card-color-active);
}

.inspector_aeaaeb {
  position: relative;
  padding-inline: var(--space-12);
  border-end-start-radius: var(--emoji-radius);
  border-end-end-radius: var(--emoji-radius);
  border-block-start: none;
  box-shadow: 0 -2px 18px hsla(0, 0%, 0%, 0.2);
}

.badgeLabel_aeaaeb {
  border-radius: 13px;
}

.wrapper__14245 {
  background-color: var(--emoji-category-header);
}

/* EMOJI PICKER -> CATEGORIES */
.wrapper__4e6ce {
  inset-block-start: 52px;
  background-color: var(--card-color-filled);
  border-radius: var(--emoji-radius);
}

.unicodeShortcut_b9ee0c,
.standardStickerShortcut__3ad28 {
  background-color: var(--card-color-filled);
  border-block-start: none;
  box-shadow: 0 -2px 18px hsla(0, 0%, 0%, 0.2);
}

.wrapper_c0e32c.isBurstReactionPicker_c0e32c {
  border-radius: var(--popout-radius-big);
}
.wrapper_c0e32c.isBurstReactionPicker_c0e32c:before {
  border-radius: inherit;
}
.wrapper_c0e32c.emojiPickerHasTabWrapper_c0e32c .wrapper__4e6ce {
  inset-block-start: 52px;
}
.wrapper_c0e32c:not(.emojiPickerHasTabWrapper_c0e32c) .wrapper__4e6ce {
  inset-block-start: 68px;
}

.categoryItem_b9ee0c foreignObject {
  mask: none !important;
}
.categoryItem_b9ee0c .guildIcon__0fa6d {
  border-radius: 50%;
  transition: var(--default-time) var(--default-animation) border-radius;
}
.categoryItem_b9ee0c:hover .guildIcon__0fa6d, .categoryItem_b9ee0c:has([mask="url(#svg-mask-squircle)"]) .guildIcon__0fa6d {
  border-radius: calc(var(--emoji-radius) - 6px);
}

/* EMOJI PICKER -> GIFS */
.container_fed6d3 {
  background-color: transparent;
}

.content_fed6d3 {
  background-color: var(--card-color-filled);
  border-radius: var(--emoji-radius);
}

/*
 *
 *  GUILD POPOUT
 *
 */
/* GUILD CHAT POPOUT - PROBABLY A DIFFERENT THING, I DUNNO YET */
.container_dca174 {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  border: none;
  box-shadow: var(--shadow-medium);
  border: none;
}
.container_dca174 .text-xs\/normal_cf4812 {
  color: var(--interactive-text-default) !important;
}

.banner_dca174,
.bannerImage_e0fe28 {
  border-radius: var(--popout-radius-big);
}

.cardContainer__88e24 {
  background: transparent !important;
}

.chipletContainerInner__10651 {
  height: 20px;
  padding: 0px 6px;
  background-color: var(--card-button-color);
  border-radius: 8px;
  border: none;
}
.chipletContainerInner__10651.chipletContainerInline__10651 {
  height: 16px;
  padding: 0 4px;
  border-radius: 6px;
}
.chipletContainerInner__10651:hover {
  background-color: var(--card-button-color-hover);
}
.chipletContainerInner__10651 .text-xs\/semibold_cf4812 {
  line-height: 20px !important;
}

.avatarWrapper_dca174,
.clanIconInner_e0fe28 {
  background-color: var(--popout-color);
}

.trait_a2b4d3 {
  border-radius: 10px;
  border-color: var(--popout-header-border);
}

.gameImageContainer_fda254 {
  border-radius: 50%;
  border-color: var(--popout-header-border);
}

.container_cdb3b1 {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  border: none;
  box-shadow: var(--shadow-medium);
}
.container_cdb3b1:after {
  border-top-color: var(--popout-color);
}

.tag_cdb3b1 {
  background-color: var(--card-button-color);
  border-radius: 16px;
  border: none;
}

#svg-mask-clan-icon rect {
  rx: 1;
  ry: 1;
}

/*
 *
 *  INCOMING CALL
 *
 */
.root__2dbe1 {
  background-color: var(--popout-color) !important;
  border-radius: var(--popout-radius-big) !important;
  border: none !important;
  box-shadow: var(--shadow-medium) !important;
}
.root__2dbe1 .button__201d5 {
  width: calc(var(--button-height) * 1.5) !important;
  height: calc(var(--button-height) * 1.5) !important;
  border-radius: 50% !important;
}
.root__2dbe1 .attachedCaretButtonContainer_f1ceac .fullRegionButton_f1ceac.disconnect_f1ceac {
  --button-leave-height: var(--button-height);
}

/*
 *
 *  LIST POPOUT
 *
 */
.container__3dde2 {
  padding: 0;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  border: none;
  box-shadow: var(--shadow-medium);
  animation: top-pop-out 400ms var(--default-animation);
}
.container__3dde2 .container__33507 {
  margin: 12px 8px;
}

.combobox__97e86 {
  padding: 0;
}

.header__97e86 {
  padding: 16px;
}
.header__97e86 .container__72c38 {
  border-radius: calc(var(--input-height) / 2);
  border: none;
  box-shadow: none;
}
.header__97e86 .container__72c38:focus-within {
  box-shadow: none;
}
.header__97e86 .input__0f084 {
  font-size: 16px;
}
.header__97e86 .icon__0f084 {
  width: calc(var(--input-height) / 2.5);
  height: calc(var(--input-height) / 2.5);
  border: none;
}
.header__97e86 .icon__0f084 svg {
  width: 100%;
  height: 100%;
}

.list__97e86 {
  padding-block-start: 0;
}
.list__97e86.scroller__97e86 {
  margin: 0;
}

.item__97e86 {
  margin-block-end: 0;
  padding: 10px 16px;
  border-radius: 0;
  color: var(--menu-item-text-color);
  transition: var(--default-time) var(--default-animation) background-color;
}
.item__97e86:hover {
  background-color: var(--menu-item-hover);
}
.item__97e86.selectedBrand__97e86 {
  background-color: var(--menu-item-select);
}

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

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

/*
 *
 *  MEMBERS LIST ACTIVITY POPOUT
 *
 */
.popout_af3b89 {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-medium);
  filter: none;
}
.popout_af3b89 .lookFilled__201d5 path {
  fill: currentColor !important;
  color: currentColor !important;
}

.popoutContentWrapper_af3b89,
.interactionsContainer_af3b89 {
  background-color: transparent;
}

.hero_af3b89 {
  border-radius: var(--card-radius-big);
}
.hero_af3b89 .imageContainer_ef9ae7 {
  border-radius: calc(var(--card-radius-big) / 1.55);
}

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

.replyInput__5ba62 {
  background-color: var(--input-color);
  border-radius: var(--main-textarea-radius);
}
.replyInput__5ba62 .placeholder__1b31f {
  color: var(--input-placeholder-color);
}

.shareToChannelButton_af3b89 {
  padding-inline-end: 0;
  border-inline-end: none;
}

/*
 *
 *	MESSAGES POPOUT
 *
 */
.messagesPopoutWrap_e8b59c,
.container_fc561d {
  --unread-radius: calc(var(--message-radius) + var(--space-12));
  max-height: 80vh !important;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  border: none;
  box-shadow: var(--shadow-medium);
  animation: top-pop-out 400ms var(--default-animation);
}
.messagesPopoutWrap_e8b59c .wrapper_c19a55.cozy_c19a55,
.container_fc561d .wrapper_c19a55.cozy_c19a55 {
  overflow: visible;
}
.messagesPopoutWrap_e8b59c .wrapper_c19a55.cozy_c19a55:before, .messagesPopoutWrap_e8b59c .wrapper_c19a55.cozy_c19a55:after,
.container_fc561d .wrapper_c19a55.cozy_c19a55:before,
.container_fc561d .wrapper_c19a55.cozy_c19a55:after {
  display: none;
}
.messagesPopoutWrap_e8b59c .wrapper_c19a55.cozy_c19a55 .avatar_c19a55,
.container_fc561d .wrapper_c19a55.cozy_c19a55 .avatar_c19a55 {
  inset-inline-start: -50px;
}
.messagesPopoutWrap_e8b59c .wrapper_c19a55.cozy_c19a55 .container_b7e1cb,
.container_fc561d .wrapper_c19a55.cozy_c19a55 .container_b7e1cb {
  overflow: hidden;
}

.container_fc561d .scrollerBase_d125d2 {
  padding-inline: var(--space-16) calc(var(--space-16) - var(--scrollbar-width)) !important;
}

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

.header_e8b59c {
  height: auto;
  min-height: unset;
  padding-block: var(--space-24) var(--space-16);
  padding-inline: var(--space-24);
  background-color: transparent;
  border-block-end: none;
}
.header_e8b59c.header_ab6641 {
  padding-block-end: 0;
}
.header_e8b59c .heading-md\/medium_cf4812,
.header_e8b59c .text-lg\/semibold_cf4812 {
  line-height: 24px;
  font-size: 20px;
  font-weight: 400;
  color: var(--header-primary);
}
.header_e8b59c .heading-md\/medium_cf4812 {
  margin-block-end: 16px;
}
.header_e8b59c .expandedInboxHeader_f0cd33 {
  padding-block-end: 0;
}
.header_e8b59c .expandedTabSection_f0cd33 {
  height: 48px;
}

.friendRequestsButton__523aa,
.button__292b6:not(.disabled__4d064) {
  height: var(--button-height);
  padding-inline: var(--button-padding-has-icon);
  background-color: hsl(from var(--accent-secondary-color) h s l/0.3);
  border-radius: var(--button-radius);
  border: none;
  transition: var(--default-time) var(--default-animation) background-color;
}
.friendRequestsButton__523aa:hover,
.button__292b6:not(.disabled__4d064):hover {
  background-color: hsl(from var(--accent-secondary-color) h s l/0.45);
}

.container__0f711 {
  padding: 16px calc(16px - var(--scrollbar-width)) 16px 16px !important;
  background-color: transparent;
}

.row__6fddf {
  border-radius: calc(var(--popout-radius-big) / 1.4);
  transition: var(--default-time) var(--default-animation) background-color;
}
.row__6fddf:hover {
  background-color: var(--menu-item-hover);
}

.scroller__2692d > :first-child .channel__427f0 {
  margin-block-start: 16px;
}

.headerTabs_ab6641 {
  margin: 0 -24px;
}
.headerTabs_ab6641 .tabBar_ab6641 {
  padding: 0 16px;
}

/* MESSAGES POPOUT -> FRIEND REQUEST ROW */
.friendRequestContainer__6fddf .button__201d5 {
  padding-inline-start: var(--button-padding-start);
  padding-inline-end: var(--button-padding-end);
}
.friendRequestContainer__6fddf .button__201d5 .text-sm\/medium_cf4812 {
  line-height: var(--button-height);
}
.friendRequestContainer__6fddf .colorGreen__201d5 {
  margin-inline-end: 8px;
}
.friendRequestContainer__6fddf .colorGreen__201d5 .text-sm\/medium_cf4812 {
  color: var(--button-text-color) !important;
}
.friendRequestContainer__6fddf .colorPrimary__201d5 {
  --button-padding-start: 12px;
  --button-padding-end: 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__6fddf .colorPrimary__201d5:after {
  background-color: hsl(var(--button-link-accent-color));
}
.friendRequestContainer__6fddf .colorPrimary__201d5 .text-sm\/medium_cf4812 {
  font-size: 1em;
  color: var(--button-text-color) !important;
}

/* MESSAGES POPOUT -> INNER */
.messagesPopout_e8b59c {
  padding: 0 calc(var(--space-24) - var(--scrollbar-width)) var(--space-24) var(--space-24) !important;
}
.messagesPopout_e8b59c .messageGroupWrapper_e8b59c {
  margin-block: 0 16px;
  margin-inline: 0;
  background-color: transparent;
  border: none;
  overflow: visible;
}
.messagesPopout_e8b59c .messageGroupWrapper_e8b59c:last-of-type {
  margin-block-end: 0;
}
.messagesPopout_e8b59c .messageGroupWrapper_e8b59c:hover .actionButtons_e8b59c {
  opacity: 1;
}
.messagesPopout_e8b59c .messageGroupWrapper_e8b59c .wrapper_c19a55 {
  margin-block: 0;
  margin-inline: 50px 0;
  padding: var(--message-padding-top) var(--message-padding-side) !important;
  background-color: var(--message-color-alt) !important;
  border-radius: var(--message-radius);
}
.messagesPopout_e8b59c .messageGroupWrapper_e8b59c .jumpButton_ed0c8c {
  margin-block-start: var(--space-8);
  margin-inline-end: var(--space-12);
}
.messagesPopout_e8b59c .actionButtons_e8b59c {
  display: flex;
  inset-block-start: var(--space-8);
  inset-inline-end: var(--space-8);
  gap: 2px !important;
  opacity: 0;
  transition: var(--default-time) var(--default-animation) opacity;
}
.messagesPopout_e8b59c .actionButtons_e8b59c .jumpButton_e8b59c {
  border-radius: 9px;
}
.messagesPopout_e8b59c .buttonContainer_e8b59c {
  background: transparent;
}
.messagesPopout_e8b59c .buttonContainer_e8b59c .button_a22cb0 {
  --button-height: var(--space-32);
  --button-padding-start: var(--space-8);
  --button-padding-end: var(--space-8);
}
.messagesPopout_e8b59c .buttonContainer_e8b59c:first-of-type {
  --button-radius: calc(var(--button-height) / 2) 4px 4px calc(var(--button-height) / 2);
}
.messagesPopout_e8b59c .buttonContainer_e8b59c:last-of-type {
  --button-radius: 4px calc(var(--button-height) / 2) calc(var(--button-height) / 2) 4px;
}
.messagesPopout_e8b59c .buttonContainer_e8b59c:only-child {
  --button-radius: calc(var(--button-height) / 2);
}

.footer_e8b59c {
  background-color: transparent;
  border-block-start: 1px solid var(--popout-header-border);
}

.channelHeader__35a7e {
  padding: 12px 16px;
  background-color: var(--message-color-alt);
  border-radius: var(--unread-radius) var(--unread-radius) 0 0;
  border-block-end: none;
}
.channelHeader__35a7e:only-child {
  border-radius: var(--message-radius);
}
.channelHeader__35a7e .button__06eda {
  background-color: var(--menu-item-hover);
}
.channelHeader__35a7e .button__06eda:hover {
  background-color: var(--menu-item-select);
}

/* MESSAGES POPOUT -> RECENT MENTIONS */
.container__95796 {
  padding-inline: 0;
  background-color: var(--message-color-alt);
  border-radius: var(--unread-radius);
}
.container__95796:first-child {
  margin-block-start: 16px;
}
.container__95796 .messageContainer__95796 {
  margin-inline-start: 0;
  background-color: var(--message-color-alt);
  border-radius: 0 0 var(--unread-radius) var(--unread-radius);
  border: none;
}
.container__95796 .messageContainer__95796 .wrapper_c19a55 {
  --message-color: var(--message-color-hover);
}
.container__95796 .messageContainer__95796 .wrapper_c19a55.cozy_c19a55 {
  margin-block: 0;
  margin-inline: 66px 0;
  border-radius: var(--message-radius);
  overflow: visible;
}

.jumpButton_ed0c8c {
  --button-height: var(--space-32);
  height: var(--button-height);
  inset-block-start: unset;
  inset-inline-end: unset;
  inset-block-start: var(--space-8);
  inset-inline-end: var(--space-8);
  padding-block: 0;
  padding-inline: var(--space-8);
  background-color: var(--accent-secondary-color);
  border-radius: calc(var(--button-height) / 2);
  border: none;
  backdrop-filter: none;
  box-shadow: var(--shadow-soft);
}
.jumpButton_ed0c8c:hover {
  background-color: var(--accent-secondary-color);
}
.jumpButton_ed0c8c .text-xs\/medium_cf4812 {
  font-size: var(--button-font-size);
  line-height: var(--button-height);
}

.header_ab6641 {
  border-block-end: 1px solid var(--popout-header-border);
}

.jumpButton_aab0bc {
  inset-block-start: 22px;
  inset-inline-end: 22px;
  padding: 4px 6px;
  border-radius: 12px;
}

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

.channel__427f0 .channelHeader__35a7e {
  gap: var(--space-12);
  padding: var(--space-12) var(--space-16);
}
.channel__427f0 .channelHeader__35a7e:only-child {
  border-radius: calc(var(--message-radius) + var(--space-12));
  border-block-end: none;
}
.channel__427f0 .collapseButton__35a7e {
  display: flex;
  height: var(--button-height);
  min-width: var(--button-height);
  padding: 0;
  background-color: var(--accent-secondary-color);
  border-radius: var(--button-radius);
  justify-content: center;
  align-items: center;
}
.channel__427f0 .guildIcon__35a7e {
  margin-inline-end: 0;
}

.messages__1ccd1 {
  padding: var(--space-16);
  padding-block-start: var(--space-8);
  background-color: var(--message-color-alt);
  border-radius: 0 0 var(--unread-radius) var(--unread-radius);
  border: none;
}
.messages__1ccd1 .wrapper_c19a55 {
  --message-color: var(--message-color-hover);
}
.messages__1ccd1 .wrapper_c19a55.cozy_c19a55 {
  overflow: visible;
}
.messages__1ccd1 .wrapper_c19a55.cozy_c19a55.groupStart__5126c {
  margin-inline-start: 48px;
  margin-inline-end: 0;
}
.messages__1ccd1 .wrapper_c19a55.cozy_c19a55:not(.groupStart__5126c) {
  margin-block: 4px 0;
  margin-inline: 48px 0;
}
.messages__1ccd1 .wrapper_c19a55 .messageSpine_c19a55:before {
  margin-inline: 0 calc(var(--message-padding-side));
  border-color: var(--message-color-hover);
}

.container__7d15e {
  --unread-radius: calc(var(--message-radius) + var(--space-12));
  padding-block-end: var(--space-16);
  padding-inline: var(--space-16);
  background-color: var(--message-color-alt);
  border-radius: 0 0 var(--unread-radius) var(--unread-radius);
}
.container__7d15e .container__9a337, .container__7d15e .container_faa96b {
  background-color: var(--message-color-hover);
}

/*
 *
 *  NOISE SUPPRESSION
 *
 */
.noiseCancellationPopout_e131a9 {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  border: none;
  box-shadow: var(--shadow-medium);
}
.noiseCancellationPopout_e131a9 .micTestButton_e131a9 {
  width: auto;
}

/*
 *
 *  PARTY MODE POPOUT
 *
 */
.content_b00844 {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  border: none;
  box-shadow: var(--shadow-medium);
}
.content_b00844 .pointer_b00844 {
  border-top-color: var(--popout-color);
}

/*
 *
 *  PICTURE IN PICTURE
 *
 */
.pictureInPictureVideo_e4cb9a {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  border: none;
  box-shadow: var(--shadow-medium);
}

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

/*
 *
 *  SEARCH POPOUT
 *
 */
.container__16eb0 {
  max-height: 85vh;
  background-color: var(--popout-color) !important;
  border-radius: var(--popout-radius-big) !important;
  border: none !important;
  box-shadow: var(--shadow-medium) !important;
  padding: var(--space-8);
  border: none;
  overflow-y: auto;
  transform: translate(0, -4px);
  animation: top-pop-out 400ms var(--default-animation);
}
.container__16eb0 .header__56fec {
  margin: -40px 0 8px;
  padding: 8px 0;
  color: var(--interactive-text-default);
  font-weight: 500;
  font-size: 16px;
  text-transform: none;
}

.resultsGroup__56fec {
  margin: 40px 8px 8px;
  padding: var(--space-8);
  background-color: var(--message-color-alt);
  border-radius: calc(var(--popout-radius-big) / 1.5);
}
.resultsGroup__56fec:before {
  display: none;
}
.resultsGroup__56fec .searchLearnMore__56fec,
.resultsGroup__56fec .searchClearHistory__56fec {
  width: 32px;
  height: 32px;
  inset-block-start: 8px;
  inset-inline-end: 4px;
  margin-block-start: -40px;
}
.resultsGroup__56fec .searchLearnMore__56fec a,
.resultsGroup__56fec .searchClearHistory__56fec {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--interactive-text-default);
}

.itemContainer__971b5 {
  margin: 0;
  padding-block: 0;
  padding-inline: var(--space-8);
  border-radius: calc(var(--popout-radius-big) / 2.5);
  text-overflow: ellipsis;
  overflow: hidden;
  transition: var(--default-time) var(--default-animation) background-color;
}
.itemContainer__971b5:not(.groupWrapper__971b5 *) {
  padding-block: var(--space-4);
  border-radius: calc(var(--popout-radius-big) / 1.5);
}
.itemContainer__971b5 strong,
.itemContainer__971b5 .searchResultChannelIcon__56fec,
.itemContainer__971b5 .searchResultChannelCategory__56fec {
  color: var(--menu-item-text-color);
  transition: var(--default-time) var(--default-animation) color;
}
.itemContainer__971b5:hover {
  background: var(--menu-item-select);
}
.itemContainer__971b5:hover strong,
.itemContainer__971b5:hover .searchResultChannelIcon__56fec,
.itemContainer__971b5:hover .searchResultChannelCategory__56fec {
  color: var(--interactive-text-default);
}
.itemContainer__971b5:hover .filterPill__971b5,
.itemContainer__971b5:hover .answerPill__971b5 {
  background-color: hsl(from var(--input-pill-color) h s calc(l * 1.65));
}
.itemContainer__971b5:after {
  display: none;
}
.itemContainer__971b5[aria-selected=true] {
  background-color: var(--menu-item-select);
  box-shadow: none;
}
.itemContainer__971b5 .filter__56fec,
.itemContainer__971b5 .nonText__56fec {
  color: var(--interactive-text-default);
}
.itemContainer__971b5 .filter__56fec {
  margin-inline-start: 0;
}
.itemContainer__971b5 .answer__56fec {
  color: var(--text-muted);
}

.item__971b5 {
  padding: var(--space-8) 0;
}

.groupWrapper__971b5 {
  margin-block-start: calc(32px + var(--space-8));
  padding-block: var(--space-4) var(--space-8);
  padding-inline: var(--space-8);
  background-color: var(--message-color-alt);
  border-radius: calc(var(--popout-radius-big) / 1.5);
}
.groupWrapper__971b5:first-child {
  margin-block-start: 32px;
}

.groupHeader__971b5 {
  height: 32px;
  margin-block-start: calc((var(--space-8) + 32px) * -1);
  padding-inline: 0;
}
.groupHeader__971b5 .text-xs\/semibold_cf4812 {
  font-size: 14px;
}

.divider__971b5 {
  margin: var(--space-4) 0;
  background-color: transparent;
}

.filterPill__971b5,
.answerPill__971b5 {
  background-color: hsl(from var(--input-pill-color) h s calc(l * 1.3));
  color: var(--input-text-color);
  transition: var(--default-time) var(--default-animation) background-color;
}

.filterPill__971b5 {
  border-radius: 12px 0 0 12px;
}

.answerPill__971b5 {
  border-radius: 0 12px 12px 0;
}

.queryContainer__55c99 {
  margin: 8px 8px 0;
  height: var(--input-height);
  line-height: var(--input-height);
  padding: 0 8px 0 12px;
  background-color: var(--input-color);
  border-radius: var(--input-radius);
  border-block-end: none;
  align-items: center;
}
.queryContainer__55c99:only-child {
  margin: 8px;
}
.queryContainer__55c99.focused__55c99 {
  background-color: var(--input-color) !important;
}
.queryContainer__55c99 .queryText__55c99 {
  font-size: 14px;
  text-transform: none;
}
.queryContainer__55c99 .key__61c93 {
  background-color: var(--input-pill-color);
}

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

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

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

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

.header__0856d, .soundboardHeader__08434 {
  border-block-end: 1px solid var(--separator-color);
  box-shadow: none;
}

.categoryList_a1e0e0 {
  inset-block-start: 57px;
}
.categoryList_a1e0e0 .scrollerBase_d125d2 {
  --scrollbar-width: 0;
}

.soundButton__9be63 {
  background-color: var(--card-button-color);
  border-radius: 20px;
  transition: var(--default-time) var(--default-animation) background-color;
}
.soundButton__9be63:hover.hoverActiveBackground__9be63 {
  background-color: var(--card-button-color-hover);
}
.soundButton__9be63 .buttonOverlayBackground__9be63 {
  background-color: var(--card-button-color);
}
.soundButton__9be63.soundAddButton__896b6:hover {
  background-color: var(--card-button-color-hover);
}

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

/*
 *
 *  STATUS PICKER
 *
 */
.statusAccessory_c1e9c4 {
  margin-inline-end: 0;
}

/*
 *
 *	STREAM PREVIEW
 *
 */
.streamPreview__6da2d {
  background-color: var(--popout-color) !important;
  border-radius: var(--popout-radius-big) !important;
  border: none !important;
  box-shadow: var(--shadow-medium) !important;
}
.streamPreview__6da2d .previewContainer__6da2d {
  background-color: var(--popout-color-alt) !important;
  border-radius: var(--popout-radius-big);
  overflow: hidden;
}
.streamPreview__6da2d .iconButton__43481 {
  --button-padding-start: 0;
  --button-padding-end: 0;
}

/*
 *
 *	SUMMARIES POPOUT
 *
 */
.topicsDropdownBase__0f481 {
  inset-block-start: calc(var(--button-height) + 16px);
  inset-inline-start: 0;
  inset-inline-end: 0;
  margin: 0 auto;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  border: none;
  box-shadow: var(--shadow-medium);
  border: none;
  pointer-events: all;
  overflow: hidden;
  animation: top-pop-out 400ms var(--default-animation);
}
.topicsDropdownBase__0f481 .scrollerBase_d125d2 {
  padding-block-start: 0;
  padding-inline-end: calc(8px - var(--scrollbar-thin-width)) !important;
  background-color: transparent;
}

.topicsDropdownHeading__0f481 {
  padding: 24px 24px 16px;
  background-color: transparent;
}
.topicsDropdownHeading__0f481 .topicsDropdownHeadingText__0f481 {
  padding-block-start: 0;
}
.topicsDropdownHeading__0f481 .heading-md\/bold_cf4812 {
  line-height: 24px;
  font-size: 20px;
  font-weight: 400;
}

.topicsScroller__0f481 {
  --scrollbar-width: 8px;
  padding: 0 0 8px 0 !important;
  background: transparent;
}

.summariesBetaTag__0f481 {
  margin-inline-start: 8px;
  background-color: hsl(var(--accent-hsl--material-you)) !important;
  color: var(--accent-text-color--material-you);
}

.container_e97453 {
  margin-block-start: 0;
  padding-inline-start: 16px;
  padding-inline-end: 12px;
  border-radius: calc(var(--card-radius-big) / 1.4);
  transition: var(--default-time) var(--default-animation) background-color;
}
.container_e97453:hover {
  background-color: var(--card-color-active);
}

.feedbackContainer_e97453 {
  padding-inline-start: 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_e97453 .thumbIcon_e97453 {
  background-color: var(--card-color-hover);
  transition: var(--default-time) var(--default-animation) background-color;
}
.feedbackContainer_e97453 .thumbIcon_e97453:hover {
  background-color: var(--card-color-filled);
}

@keyframes feedback-open {
  from {
    opacity: 0;
  }
}
/*
 *
 *  THREADS POPOUT
 *
 */
.container_d9c882 {
  min-height: 200px;
  max-height: 80vh;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  border: none;
  box-shadow: var(--shadow-medium);
  animation: top-pop-out 400ms var(--default-animation);
}
.container_d9c882 .controls-SB-N9h {
  height: 52px;
}
.container_d9c882 .container__1b24f {
  min-height: 200px;
  padding: 16px;
}
.container_d9c882 .sectionHeader_c441f0 {
  margin-block-start: 0;
  font-size: 14px;
  text-transform: none;
}
.container_d9c882 .list_c441f0 {
  padding-block: 0 16px;
  padding-inline: 24px;
}
.container_d9c882 .container__6764b {
  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_d9c882 .container__6764b:hover {
  background-color: var(--card-color-hover);
}
.container_d9c882 .container__6764b:last-of-type {
  margin-block-end: 0;
}

.header_d9c882 {
  min-height: unset;
  height: auto;
  padding-block: 24px 16px;
  padding-inline: 24px;
  background-color: transparent;
  border-block-end: none;
}
.header_d9c882 .divider_d9c882 {
  display: none;
}
.header_d9c882 .tabBar_e25e30 {
  height: 100%;
}
.header_d9c882 .container__72c38 {
  --input-height: 32px;
}
.header_d9c882 .createButton_d9c882 {
  --button-height: 32px;
  --button-padding-start: 12px;
  --button-padding-end: 12px;
  min-width: 84px;
}

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

/*
 *
 *	THREADS CHANNEL POPOUT
 *
 */
.popout__76f04 {
  padding: 0;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  border: none;
  box-shadow: var(--shadow-medium);
}
.popout__76f04 .title__76f04 {
  margin-block-end: 0;
  padding: 12px;
  font-size: 14px;
  text-transform: none;
  border-block-end: 1px solid var(--popout-header-border);
}
.popout__76f04 .row__76f04 {
  margin: var(--context-menu-padding);
  border-radius: calc(var(--popout-radius-big) / 2);
  color: var(--menu-item-text-color);
  transition: var(--default-time) var(--default-animation);
}
.popout__76f04 .row__76f04:hover {
  background-color: var(--menu-item-hover);
  color: var(--menu-item-text-color);
}
.popout__76f04 .row__76f04 .timestamp__76f04 {
  color: var(--text-muted) !important;
}
.popout__76f04 .more__76f04 {
  margin-block-start: 0;
  padding-block: var(--space-8);
  padding-inline: var(--space-12);
  border-top-color: var(--popout-header-border);
  color: hsl(var(--accent-hsl--material-you));
}
.popout__76f04 .more__76f04 .size14_a4e6b9 {
  margin-inline-start: auto;
}

/*
 *
 *  TIMEOUT POPOUT
 *
 */
.container__65338 {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  border: none;
  box-shadow: var(--shadow-medium);
}
.container__65338 .iconContainer__65338 {
  background-color: var(--popout-color-alt);
  border-radius: 50%;
}

/*
 *
 *	USER POPOUT
 *
 */
.outer_c0bea0:not(.custom-user-profile-theme) {
  --background-surface-high: var(--popout-color) !important;
  --user-profile-overlay-background: var(--card-color-filled) !important;
  --profile-gradient-primary-color: var(--popout-color) !important;
  --profile-gradient-secondary-color: var(--popout-color) !important;
  --profile-avatar-border-color: var(--popout-color) !important;
  --profile-body-background-color: var(--popout-color-alt) !important;
  --profile-gradient-button-color: hsl(var(--accent-hsl--material-you)) !important;
  --profile-gradient-button-text-color: var(--accent-text-color--material-you) !important;
  --bg-surface-overlay: var(--profile-gradient-primary-color) !important;
  --bg-mod-faint: var(--profile-body-background-color) !important;
  --input-color: var(--input-color-alt) !important;
}

.custom-user-profile-theme {
  --popout-color-alt: var(--profile-gradient-secondary-color) !important;
  --card-color-filled: var(--user-profile-background-hover) !important;
  --card-color-hover: var(--user-profile-background-hover) !important;
  --card-border-color: var(--user-profile-border) !important;
  --menu-item-hover: var(--user-profile-background-hover) !important;
  --user-profile-overlay-background: var(--profile-body-background-color) !important;
  --input-color: rgb(var(--bg-overlay-color-inverse)/.1) !important;
  --input-placeholder-color: var(--profile-gradient-primary-color);
}
.custom-user-profile-theme .fontSize16Padding__74017 {
  color: var(--interactive-text-default) !important;
}
.custom-user-profile-theme .spriteGreyscale__04eed {
  background-color: var(--interactive-text-default);
}
.custom-user-profile-theme .banner__68edb {
  border-radius: calc(var(--popout-radius-big) - 4px);
}
.custom-user-profile-theme .inner_ab8609 {
  --text-default: var(--profile-gradient-primary-color);
}
.custom-user-profile-theme .lookFilled__201d5 {
  --button-background: var(--profile-gradient-button-color) !important;
  --button-text-color: var(--white-500) !important;
  --accent-button-action: var(--white-500) !important;
}
.custom-user-profile-theme .primary_a22cb0 {
  --button-background: var(--control-primary-background-default);
  --button-text-color: var(--control-primary-text-default);
}
.custom-user-profile-theme .secondary_a22cb0 {
  --button-background: var(--control-secondary-background-default);
  --button-text-color: var(--control-secondary-text-default);
}
.custom-user-profile-theme .connectedAccounts_e6abe8 .connectedAccountContainer_e6abe8 {
  --card-color-filled: var(--profile-body-background-color);
}
.custom-user-profile-theme .spoilerContent__299eb {
  --attachment-color: var(--profile-role-pill-background-color);
}
.custom-user-profile-theme .spoilerContent__299eb.hidden__299eb {
  --attachment-color: var(--profile-gradient-secondary-color);
}
.custom-user-profile-theme .textarea_dde0a8,
.custom-user-profile-theme .wrapper__72c38 .input__0f084 {
  --input-color: var(--profile-body-background-color) !important;
}
.custom-user-profile-theme .input__0f084 {
  --input-color: var(--opacity-white-12) !important;
}
.custom-user-profile-theme .listRow__9d78f {
  --menu-item-hover: var(--profile-body-background-hover);
}
.custom-user-profile-theme .markup__75297 a {
  color: var(--profile-gradient-secondary-color);
}
.custom-user-profile-theme .flowerStar__3e3b0 path {
  fill: var(--profile-gradient-button-color);
}
.custom-user-profile-theme .childContainer__3e3b0 path {
  fill: var(--white-500);
}

.custom-theme-background .menu_c1e9c4 {
  border: none;
}

.outer_c0bea0,
.biteSizeOuter_c69a7b {
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-medium);
}
.outer_c0bea0 .channelTextArea__74017,
.biteSizeOuter_c69a7b .channelTextArea__74017 {
  border-radius: var(--main-textarea-radius);
  border: none;
}

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

.bannerButton_de8008 {
  border: none;
}

.biteSizeInnerThemed_c69a7b {
  padding-block-end: 0;
  background-color: var(--popout-color);
}
.biteSizeInnerThemed_c69a7b:before {
  border-radius: calc(var(--popout-radius-big) / 1.25);
}

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

.inner_c0bea0 {
  border-radius: calc(var(--popout-radius-big) / 1.25);
}

.icon_fb7f94 {
  --button-background: var(--redesign-button-overlay-alpha-background);
  --button-text-color: var(--white);
}
.icon_fb7f94 .contents__201d5 {
  --button-height: var(--custom-button-button-sm-height);
}

.body__5be3e {
  --scrollbar-width: var(--scrollbar-thin-width);
  max-height: 60vh;
  padding-inline-end: calc(16px - var(--scrollbar-width)) !important;
}

.upsellContainer__5997d,
.upsellContainer__5997d > div {
  border-radius: calc(var(--popout-radius-big) / 1.5);
}

.usernameRow__63ed3 .icon_fb7f94 .contents__201d5 {
  --button-height: 16px;
}

.card__39ec2 {
  border-radius: calc(var(--popout-radius-big) / 1.6);
  transition: var(--default-time) var(--default-animation) background-color;
}

.overlay_c0bea0 {
  background-color: var(--card-color-filled);
  border-radius: calc(var(--popout-radius-big) / 1.5);
}

.menuOverlay_ce8328 {
  padding: var(--context-menu-padding);
}
.menuOverlay_ce8328 .menuItemInner_ce8328 {
  min-height: 32px;
  line-height: 18px;
  padding-block: 10px;
  padding-inline: 12px;
  transition: var(--default-time) var(--default-animation) background-color;
}

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

.container_b1f01d {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  border: none;
  box-shadow: var(--shadow-medium);
}
.container_b1f01d .scrollableContainer__74017 {
  background-color: var(--input-color);
  border-radius: calc(var(--popout-radius-big) / 1.5);
}

/* USER POPOUT ->  BANNER BUTTONS */
.wrapper__0c74f .button__201d5 {
  padding: 0;
}
.wrapper__0c74f .button__201d5 .contents__201d5 {
  min-width: var(--button-height);
  min-height: var(--button-height);
}
.wrapper__0c74f .button__201d5 .contents__201d5 svg {
  margin: 0 auto;
}

/* USER POPOUT -> STATUS BUBBLE */
.statusBubbleOuter_a82ccc, .statusBubbleOuter_af9888, .outer_ab8609 {
  background-color: var(--popout-color-alt);
  border-radius: var(--popout-radius-big);
  border: none !important;
  box-shadow: none;
}
.statusBubbleOuter_a82ccc:before, .statusBubbleOuter_a82ccc:after, .statusBubbleOuter_af9888:before, .statusBubbleOuter_af9888:after, .outer_ab8609:before, .outer_ab8609:after {
  background-color: inherit !important;
  border: none !important;
  box-shadow: none;
}
.statusBubbleOuter_a82ccc:hover .inner_ab8609, .statusBubbleOuter_af9888:hover .inner_ab8609, .outer_ab8609:hover .inner_ab8609 {
  color: var(--white-500);
}
.statusBubbleOuter_a82ccc .inner_ab8609, .statusBubbleOuter_af9888 .inner_ab8609, .outer_ab8609 .inner_ab8609 {
  background-color: inherit;
  color: var(--white-500);
}
.statusBubbleOuter_a82ccc .inner_ab8609 .content_ab8609,
.statusBubbleOuter_a82ccc .inner_ab8609 .statusText_ab8609, .statusBubbleOuter_af9888 .inner_ab8609 .content_ab8609,
.statusBubbleOuter_af9888 .inner_ab8609 .statusText_ab8609, .outer_ab8609 .inner_ab8609 .content_ab8609,
.outer_ab8609 .inner_ab8609 .statusText_ab8609 {
  color: inherit;
}

.addStatusIcon_ab8609 {
  fill: currentColor;
}
.addStatusIcon_ab8609 path {
  fill: inherit !important;
}

.addStatusPrompt_ab8609 {
  color: inherit !important;
}

/* USER POPOUT -> BADGE LIST */
.container__8061a {
  height: 24px;
  margin: 0;
  padding: 0 6px !important;
  background-color: var(--card-color-filled) !important;
  border-radius: 12px;
  border: none;
}

/* USER POPOUT -> ACTIVITY */
.activity__5be3e {
  padding: 12px;
  background-color: var(--popout-color-alt);
  border-radius: calc(var(--popout-radius-big) / 1.5);
  border: none;
}

/* USER POPOUT -> SPOTIFY */
.syncButton__2024e {
  --button-padding-start: 0;
  --button-padding-end: 0;
  min-width: var(--button-height);
}
.syncButton__2024e .syncButtonInner__2024e {
  min-width: var(--button-height);
  max-width: var(--button-height);
  min-height: var(--button-height);
  max-height: var(--button-height);
}

.assetsLargeImageSpotify__2ef49 {
  border-radius: 50%;
}

/* USER POPOUT -> ROLES */
.role_dfa8b6, .role__5d7c9 {
  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_dfa8b6 > :first-child, .role__5d7c9 > :first-child {
  margin-inline-start: 0;
  margin-inline-end: 0;
}

.roleCircle__4f569 {
  width: 16px;
  height: 16px;
}

.pill_fccfdf {
  height: 28px;
  padding: 0 6px;
  background-color: var(--card-color-filled);
  border-radius: 8px;
  border: none;
  box-sizing: border-box;
  transition: var(--default-time) var(--default-animation) background-color;
}
.pill_fccfdf:hover {
  background-color: var(--card-color-hover);
}
.pill_fccfdf .text-xs\/medium_cf4812 {
  line-height: 28px;
}

.root_fccfdf > div:only-child .addButton__48c1c {
  padding: 0 8px 0 4px;
}

.addButton__48c1c {
  height: 28px;
  padding: 0;
}
.addButton__48c1c .contents__201d5 {
  --button-height: 28px;
  min-width: 28px;
  max-height: 28px;
  min-height: 28px;
  max-height: 28px;
}
.addButton__48c1c svg {
  margin: 0 auto;
}

.pill_fccfdf {
  min-width: 28px;
  height: 28px;
  padding: 0 6px;
  border-radius: 14px;
  box-sizing: border-box;
}
.pill_fccfdf .text-xs\/medium_cf4812 {
  line-height: 28px;
}

/* USER POPOUT ->  MESSAGE */
.inner_a99829 {
  background-color: var(--input-color) !important;
  border-radius: var(--input-radius) !important;
}
.inner_a99829 .textArea__74017 {
  min-height: var(--input-height);
  height: var(--input-height);
}
.inner_a99829 .fontSize16Padding__74017 {
  padding-block-start: calc((var(--input-height) - 1.57em) / 2);
  padding-block-end: calc((var(--input-height) - 1.57em) / 2);
}
.inner_a99829 .buttons__74017 {
  height: var(--input-height);
}

.footer__5be3e .placeholder__1b31f {
  color: var(--input-placeholder-color);
  font-weight: 500;
}
.footer__5be3e .inlineContainer__74017 {
  background-color: var(--input-color);
}

/* USER POPOUT -> SELF PROFILE */
.menus_ce8328 > .menu_c1e9c4 {
  background-color: var(--popout-color-alt);
  border-radius: calc(var(--popout-radius-big) / 1.5);
  border: none;
  box-shadow: none;
}

/* USER POPOUT -> QUEST AVAILABLE POPOUT */
.wrapper_f528aa {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big) !important;
  box-shadow: var(--shadow-medium);
}

.container_f528aa {
  background-color: unset;
}

/* USER POPOUT -> V2 PROFILE */
.user-profile-modal-v2 {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  border: none;
  box-shadow: var(--shadow-hard);
  /* recent activity */
}
.user-profile-modal-v2:not(.custom-user-profile-theme) .profile__9c3be {
  --background-surface-high: var(--popout-color-alt);
  outline: none;
}
.user-profile-modal-v2 .inner_c0bea0 {
  padding: var(--space-32);
  gap: var(--space-32);
}
.user-profile-modal-v2 .profile__9c3be {
  border-radius: calc(var(--popout-radius-big) / 1.3);
  border: none;
  box-shadow: var(--shadow-soft);
}
.user-profile-modal-v2 .banner__68edb {
  border-radius: calc(var(--popout-radius-big) / 1.3);
}
.user-profile-modal-v2 .inner__01370 {
  border-radius: var(--popout-radius-big);
}
.user-profile-modal-v2 .profileBody__9c3be {
  padding: 4px 24px 24px;
  padding-inline-end: calc(24px - var(--scrollbar-width)) !important;
}
.user-profile-modal-v2 .overlay_c0bea0 {
  background-color: var(--card-color-hover);
  border-radius: calc(var(--popout-radius-big) / 1.4);
}
.user-profile-modal-v2 .scroller__764cd {
  padding-block-end: 0;
  border-radius: var(--card-radius-big);
}
.user-profile-modal-v2 .cards__764cd {
  gap: 2px;
}
.user-profile-modal-v2 .cards__764cd > li {
  border-radius: 4px;
  overflow: hidden;
}
.user-profile-modal-v2 .cards__764cd > li:first-child {
  border-start-start-radius: var(--card-radius-big);
  border-start-end-radius: var(--card-radius-big);
}
.user-profile-modal-v2 .cards__764cd > li:last-child {
  border-end-start-radius: var(--card-radius-big);
  border-end-end-radius: var(--card-radius-big);
}
.user-profile-modal-v2 .cards__764cd .wrapper_f7ecac {
  height: 28px;
  inset-block-start: 0 !important;
  inset-block-end: 0;
  margin: auto 0;
  background-color: hsl(from var(--user-profile-toolbar-background) h s l/0.23);
  box-shadow: var(--shadow-soft) !important;
}
.user-profile-modal-v2 .card__39ec2 {
  border-radius: 0;
}
.user-profile-modal-v2 .imageContainer_ef9ae7 {
  border-radius: 50%;
}
.user-profile-modal-v2 .container__37bfc {
  --custom-gutter-left: 0;
  height: 100%;
  gap: var(--space-16);
  margin: 0;
  padding: 0;
}
.user-profile-modal-v2 .container__37bfc .tabListScroller__37bfc {
  margin: 0;
  padding: 0;
}
.user-profile-modal-v2 .container__37bfc .top_aa8da2 .item_aa8da2 {
  line-height: 48px;
}
.user-profile-modal-v2 .headings_bf424d {
  padding-block-start: 0;
}
.user-profile-modal-v2 .headings_bf424d .text-xs\/medium_cf4812 {
  font-size: 14px;
}

.content_a58267 {
  padding: var(--space-8) var(--space-8) var(--space-8) var(--space-16);
  background-color: var(--popout-color);
  border-radius: 6px;
  border: none;
  box-shadow: var(--shadow-soft);
}

.tabPanelScroller__37bfc {
  padding-block-start: 0;
  padding-inline-start: var(--space-12);
  gap: 2px;
}
.tabPanelScroller__37bfc section:first-of-type .container__62dd3 {
  border-start-start-radius: var(--card-radius-big);
  border-start-end-radius: var(--card-radius-big);
}
.tabPanelScroller__37bfc section:nth-last-of-type(1) .container__62dd3 {
  border-end-start-radius: var(--card-radius-big);
  border-end-end-radius: var(--card-radius-big);
}

.row__0a95c {
  margin: 0;
  padding: var(--space-8);
  background-color: var(--card-color-filled);
  border-radius: 4px;
  transition: var(--default-time) var(--default-animation) background-color;
}
.row__0a95c:hover {
  background-color: var(--card-color-hover);
}
.row__0a95c:first-child {
  border-start-start-radius: var(--card-radius-big);
  border-start-end-radius: var(--card-radius-big);
}
.row__0a95c:nth-last-child(-n+2) {
  border-end-start-radius: var(--card-radius-big);
  border-end-end-radius: var(--card-radius-big);
}

.tabListScroller__37bfc {
  margin: 0;
  padding: 0;
}

.tabBarPanel__37bfc {
  padding-inline-start: 0;
}
.tabBarPanel__37bfc#activity-tab .tabPanelScroller__37bfc {
  gap: var(--space-16);
}
.tabBarPanel__37bfc#activity-tab .tabPanelScroller__37bfc .headings_bf424d {
  margin-block-end: 0;
}
.tabBarPanel__37bfc#activity-tab .section_bf424d {
  gap: var(--space-8);
}
.tabBarPanel__37bfc .scroller__3b923 {
  margin-inline-start: -16px;
  padding-inline-start: 28px;
}

.dragHandleButton__62dd3 {
  inset-inline-start: 8px;
}

.container__62dd3 {
  padding: var(--space-16);
  background-color: var(--card-color-hover);
  border-radius: 4px;
  border: none;
}

.addButtonContainer__4a011 {
  background-color: var(--card-color-hover);
  border-radius: calc(var(--popout-radius-big) / 1.75);
}
.addButtonContainer__4a011:has(.addButtonContent__4a011:hover) {
  background-color: var(--card-color-active);
}

.card_e1364f:has(.removeGameButton_e1364f):before {
  inset: 0;
  border-radius: calc(var(--card-radius-big) / 1.6);
}
.card_e1364f:has(.removeGameButton_e1364f):hover:before {
  background-color: var(--card-color-hover);
}
.card_e1364f .gameCover__1a3d6 {
  border-radius: calc(var(--card-radius-big) / 1.6);
}

.coverContainer__1a3d6 {
  box-shadow: var(--shadow-soft);
}

.gameCover__1a3d6 {
  border-radius: calc(var(--card-radius-big) / 2.5);
}

/*
 *
 *  SERVER FOLDERS
 *
 */
.folderGroupBackground__48112 {
  border: none;
  border-radius: var(--avatar-radius);
}

.folderButton__48112 {
  overflow: visible;
}

.folderHeader__48112 {
  border-radius: var(--avatar-radius);
}

.folderIcon__48112 {
  border-radius: calc(var(--avatar-radius) - var(--custom-folder-padding));
}

.folderPreviewWrapper__48112 {
  border-radius: var(--avatar-radius);
}

.folderPreviewGuildIcon__48112 {
  --non-outside-radius: 4px;
}
.folderPreviewGuildIcon__48112:nth-child(1) {
  border-radius: calc(var(--avatar-radius) * 1.5) var(--non-outside-radius) var(--non-outside-radius);
}
.folderPreviewGuildIcon__48112:nth-child(2) {
  border-radius: var(--non-outside-radius) calc(var(--avatar-radius) * 1.5) var(--non-outside-radius) var(--non-outside-radius);
}
.folderPreviewGuildIcon__48112:nth-child(3) {
  border-radius: var(--non-outside-radius) var(--non-outside-radius) var(--non-outside-radius) calc(var(--avatar-radius) * 1.5);
}
.folderPreviewGuildIcon__48112:nth-child(4) {
  border-radius: var(--non-outside-radius) var(--non-outside-radius) calc(var(--avatar-radius) * 1.5);
}

/*
 *
 *	SERVER LIST
 *
 */
.wrapper_ef3116 {
  background-color: var(--server-color) !important;
}
.wrapper_ef3116 .scroller_ef3116 {
  background-color: transparent;
}
.wrapper_ef3116 .tree_ef3116:focus {
  outline: none;
}

.wrapper__6e9f8 {
  border-radius: var(--avatar-radius);
  overflow: hidden;
}
.wrapper__6e9f8 .childWrapper__6e9f8 {
  background-color: hsl(var(--accent-hsl--material-you));
  border-radius: var(--avatar-radius);
  color: var(--accent-text-color--material-you);
}
.wrapper__6e9f8.selected__6e9f8 .childWrapper__6e9f8 {
  background-color: hsl(var(--accent-hsl--material-you)) !important;
  color: var(--accent-text-color--material-you) !important;
}
.wrapper__6e9f8:hover .childWrapper__6e9f8 {
  background-color: hsl(var(--accent-hsl--material-you)) !important;
  color: var(--accent-text-color--material-you) !important;
}

.svg_cc5dd2 defs > path {
  d: path("M7.981 40.019h32.038V7.981H7.981v32.038z");
  transform: scale(1.49825) translate(-8px, -8px);
}

.favoriteIcon__91c06 path {
  d: path("M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z");
}

.circleIconButton__5bc7e {
  border-radius: var(--avatar-radius) !important;
  background-color: hsl(var(--accent-hsl--material-you));
  color: var(--accent-text-color--material-you);
}
.circleIconButton__5bc7e.selected__5bc7e {
  background-color: hsl(var(--accent-hsl--material-you)) !important;
  color: var(--accent-text-color--material-you);
}

.childWrapper__6e9f8 rect {
  rx: var(--avatar-radius);
}

.mention__3b95d {
  background-color: hsl(var(--alert-hsl));
  color: var(--alert-text-color);
}

/* SERVER LIST -> SERVER */
.listItem__650eb .wrapper_cc5dd2 {
  border-radius: var(--avatar-radius);
}
.listItem__650eb .wrapper_cc5dd2 .icon__11cf1 {
  border-radius: var(--avatar-radius);
}
.listItem__650eb .wrapper_cc5dd2 .lowerBadge_cc5dd2 {
  width: auto;
  height: auto;
}
.listItem__650eb .wrapper_cc5dd2 .lowerBadge_cc5dd2.unread-badge {
  inset-inline-end: unset;
  inset-inline-start: -2px;
}
.listItem__650eb .wrapper_cc5dd2 .lowerBadge_cc5dd2.unread-badge .numberBadge__2b1f5 {
  background-color: hsl(var(--accent-hsl--material-you)) !important;
  color: var(--accent-text-color--material-you) !important;
}
.listItem__650eb .wrapper_cc5dd2 .upperBadge_cc5dd2 .iconBadge__650eb {
  background-color: hsl(var(--accent-hsl--material-you));
  color: var(--accent-text-color--material-you);
  border-radius: 50%;
}
.listItem__650eb .wrapper_cc5dd2 .upperBadge_cc5dd2 .iconBadge__650eb.participating__64cf0 {
  background-color: hsl(var(--accent-hsl--material-you));
  color: var(--accent-text-color--material-you);
}
.listItem__650eb.frame_oXWS21 .childWrapper__6e9f8 {
  padding: 0 6px;
  border-radius: 12px;
  text-transform: capitalize;
  font-weight: 500;
}

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

.unavailableBadge__650eb {
  background-color: hsl(var(--warning-hsl)) !important;
  color: var(--warning-text-color) !important;
}

.dragInner__66313 {
  border-radius: var(--avatar-radius);
}

.hiddenVisually_b18fe2,
.folderPreviewWrapper__48112 {
  border-radius: var(--avatar-radius) !important;
}

.target_d144f8.dragOver_d144f8:before,
.centerTarget_d144f8.dragOver_d144f8:before {
  background-color: hsl(var(--accent-hsl--material-you));
  box-shadow: var(--shadow-soft);
}

.footer__214dc {
  width: calc(100% - 1px);
  background-color: var(--main-alt);
}

/*
 *
 *  SERVER ACCESS
 *
 */
.joinOptions__959cb {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
  border: none;
}
.joinOptions__959cb .joinOptionContent__959cb {
  border-radius: calc(var(--card-radius-big) / 1.4);
  border: none;
  transition: var(--default-time) var(--default-animation) background-color;
}
.joinOptions__959cb .joinOptionContent__959cb:hover {
  background-color: var(--card-color-hover);
}
.joinOptions__959cb .joinOptionContent__959cb.uninteractive__959cb {
  background-color: var(--card-color-active);
}
.joinOptions__959cb path[d="M6 9h1V6a5 5 0 0 1 10 0v3h1a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3v-8a3 3 0 0 1 3-3Zm9-3v3H9V6a3 3 0 1 1 6 0Zm-1 8a2 2 0 0 1-1 1.73V18a1 1 0 1 1-2 0v-2.27A2 2 0 1 1 14 14Z"] {
  d: path("M240-80q-33 0-56.5-23.5T160-160v-400q0-33 23.5-56.5T240-640h40v-80q0-83 58.5-141.5T480-920q83 0 141.5 58.5T680-720v80h40q33 0 56.5 23.5T800-560v400q0 33-23.5 56.5T720-80H240Zm0-80h480v-400H240v400Zm240-120q33 0 56.5-23.5T560-360q0-33-23.5-56.5T480-440q-33 0-56.5 23.5T400-360q0 33 23.5 56.5T480-280ZM360-640h240v-80q0-50-35-85t-85-35q-50 0-85 35t-35 85v80ZM240-160v-400 400Z");
  transform: translate(0, 24px) scale(0.025);
}
.joinOptions__959cb path[d="M1.16 5.02c-.1.28.04.58.29.74l10.27 6.85a.5.5 0 0 0 .56 0l10.27-6.85c.25-.16.38-.46.29-.74A3 3 0 0 0 20 3H4a3 3 0 0 0-2.84 2.02Z"] {
  d: path("M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm320-280L160-640v400h640v-400L480-440Zm0-80 320-200H160l320 200ZM160-640v-80 480-400Z");
  transform: translate(0, 24px) scale(0.025);
}
.joinOptions__959cb path[d="M1.16 5.02c-.1.28.04.58.29.74l10.27 6.85a.5.5 0 0 0 .56 0l10.27-6.85c.25-.16.38-.46.29-.74A3 3 0 0 0 20 3H4a3 3 0 0 0-2.84 2.02Z"] ~ path {
  display: none;
}
.joinOptions__959cb path[d="M23 12a11 11 0 1 1-22 0 11 11 0 0 1 22 0Zm-4.16 5.85A9 9 0 0 0 15 3.52V4a3 3 0 0 1-3 3h-.77c-.13 0-.23.1-.23.23A2.77 2.77 0 0 1 8.23 10c-.13 0-.23.1-.23.23v1.52c0 .14.11.25.25.25H13a3 3 0 0 1 3 3v.77c0 .13.1.23.23.23 1.2 0 2.23.77 2.61 1.85ZM3.18 10.18A9 9 0 0 0 11 20.94v-2.7c0-.14-.1-.24-.23-.24h-.65A2.12 2.12 0 0 1 8 15.88c0-.56-.22-1.1-.62-1.5l-4.2-4.2Z"] {
  d: path("M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm-40-82v-78q-33 0-56.5-23.5T360-320v-40L168-552q-3 18-5.5 36t-2.5 36q0 121 79.5 212T440-162Zm276-102q41-45 62.5-100.5T800-480q0-98-54.5-179T600-776v16q0 33-23.5 56.5T520-680h-80v80q0 17-11.5 28.5T400-560h-80v80h240q17 0 28.5 11.5T600-440v120h40q26 0 47 15.5t29 40.5Z");
  transform: translate(0, 24px) scale(0.025);
}

.joinOptionTab__959cb:hover {
  background-color: transparent !important;
}

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

.rulesContainer_f7c056 {
  gap: 4px;
}
.rulesContainer_f7c056 .draggableInputContainer_f7c056:first-of-type .rulesTextAreaInput_f7c056 {
  border-radius: calc(var(--card-radius-big) / 1.8) calc(var(--card-radius-big) / 1.8) 4px 4px;
}
.rulesContainer_f7c056 .draggableInputContainer_f7c056:last-of-type .rulesTextAreaInput_f7c056 {
  border-radius: 4px 4px calc(var(--card-radius-big) / 1.8) calc(var(--card-radius-big) / 1.8);
}
.rulesContainer_f7c056 .rulesTextAreaInput_f7c056 {
  background-color: var(--card-color-hover);
  border-radius: 4px;
  transition: var(--default-time) var(--default-animation) background-color;
}
.rulesContainer_f7c056 .rulesTextAreaInput_f7c056:focus-within {
  background-color: var(--card-color-active);
}
.rulesContainer_f7c056 .channelTextArea__74017 {
  background-color: transparent;
  border: none;
  box-shadow: none;
}

.container__912a0 {
  border-radius: calc(var(--card-radius-big) / 1.8);
}

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

/*
 *
 *  SERVER AUDIT LOG
 *
 */
.list__5906b {
  gap: 0;
}

.auditLog__43dab {
  position: relative;
  margin: 0;
  background-color: var(--card-color-filled);
  border-radius: 0;
  border: none;
}
.auditLog__43dab:first-of-type {
  border-start-start-radius: var(--card-radius-big);
  border-start-end-radius: var(--card-radius-big);
}
.auditLog__43dab:last-of-type {
  border-end-start-radius: var(--card-radius-big);
  border-end-end-radius: var(--card-radius-big);
}
.auditLog__43dab:last-of-type .header__43dab {
  margin: 8px;
}
.auditLog__43dab:last-of-type .header__43dab:after {
  height: calc(100% - 16px);
}
.auditLog__43dab:last-of-type .header__43dab.headerExpanded__43dab {
  margin: 8px 8px 0;
}
.auditLog__43dab:last-of-type .changeDetails__43dab {
  margin-block-end: 8px;
}
.auditLog__43dab:hover .header__43dab:after {
  background-color: var(--card-color-hover);
}

.header__43dab {
  width: calc(100% - 16px);
  margin: 8px 8px 0;
  border-radius: calc(var(--card-radius-big) / 1.5);
  background-color: transparent !important;
  z-index: 2;
}
.header__43dab:after {
  position: absolute;
  content: " ";
  width: calc(100% - 16px);
  height: calc(100% - 8px);
  inset-block-start: 8px;
  inset-inline-start: 8px;
  border-radius: calc(var(--card-radius-big) / 1.5);
  transition: var(--default-time) var(--default-animation) background-color;
  z-index: -1;
  pointer-events: none;
}
.header__43dab.headerExpanded__43dab:after {
  background-color: var(--card-color-active) !important;
}

.divider__43dab {
  display: none;
}

.changeDetails__43dab {
  width: calc(100% - 16px);
  margin: 0 8px;
  background-color: transparent !important;
  z-index: 2;
}
.changeDetails__43dab .detail__43dab:first-of-type {
  margin-block-start: 0;
}

.icon__43dab:after {
  width: 9px;
  height: 9px;
  inset-block-start: unset;
  inset-inline-start: unset;
  inset-inline-end: 2px;
  inset-block-end: 2px;
  border-radius: 50%;
}
.icon__43dab.typeCreate__43dab:after {
  background: #389c59;
}
.icon__43dab.typeUpdate__43dab:after {
  background: #ec9d1a;
}
.icon__43dab.typeDelete__43dab:after {
  background: #9d3235;
}

/*
 *
 *  SERVER SETTINGS CONTENT MODERATION
 *
 */
.simpleItemWrapper__5dac8 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

.editCard_a25a68 {
  background-color: var(--card-color-filled) !important;
  border: none !important;
  padding: 0 !important;
  border-radius: var(--card-radius-big) !important;
  box-shadow: none !important;
}
.editCard_a25a68:before {
  display: none;
}

.ruleIconContainer_c5e6a1,
.stepCountIcon_b6c6eb {
  background-color: var(--card-button-color);
}

.triggerMainContainer_b6c6eb {
  padding: 0;
  border: none;
}
.triggerMainContainer_b6c6eb .triggerSettingsContainer_b6c6eb {
  --card-color-filled: var(--card-color-alt);
  margin: 8px 0;
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}
.triggerMainContainer_b6c6eb .triggerSettingsContainer_b6c6eb .paddingTop__6a631,
.triggerMainContainer_b6c6eb .triggerSettingsContainer_b6c6eb .exemptionHint__54558 {
  margin-block-start: 0;
  padding: 0px 16px 8px;
}

.collapseable__217b7 {
  margin-block-start: 0;
  padding: 16px;
  background-color: transparent;
  border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
  border-block-start: 1px solid var(--card-border-color);
}
.collapseable__217b7:not(:last-child) {
  margin-block-end: 0;
}
.collapseable__217b7:active {
  background-color: transparent !important;
}
.collapseable__217b7:before {
  display: none;
}

.mentionLimitContainer_ed9c90 {
  background-color: transparent;
}

.keywordsTextArea__6a631,
.textArea_c615b7 {
  padding: 12px;
  background-color: var(--input-color);
  border-radius: 19px;
  border: none;
}
.keywordsTextArea__6a631::-webkit-input-placeholder,
.textArea_c615b7::-webkit-input-placeholder {
  font-family: var(--app-font);
  color: var(--input-placeholder-color);
}

.keywordsTextArea__6a631 {
  width: calc(100% - 32px);
  margin: 16px 16px 8px;
}

.textArea_c615b7 .innerScroller_c615b7 {
  padding: 0;
}
.textArea_c615b7 .chipletContainer__3b3ff {
  background-color: var(--card-button-color);
  border-radius: 6px;
}

.keywordsCounter__6a631 {
  inset-inline-end: 24px;
  inset-block-end: 24px;
}

.keywordListContainer__09e76,
.actionContainer__6446f {
  padding: 12px 16px;
  background-color: transparent;
  position: relative;
  border-block-end: none;
}
.keywordListContainer__09e76:after,
.actionContainer__6446f:after {
  position: absolute;
  content: " ";
  width: calc(100% - 16px * 2);
  height: 1px;
  inset-inline-end: 0;
  inset-block-end: 0;
  margin: 0 16px;
  background-color: var(--card-border-color);
}
.keywordListContainer__09e76:last-of-type:after,
.actionContainer__6446f:last-of-type:after {
  display: none;
}
.keywordListContainer__09e76:not(:last-child),
.actionContainer__6446f:not(:last-child) {
  margin-block-end: 0;
}
.keywordListContainer__09e76 .checkboxWrapper__09aca,
.actionContainer__6446f .checkboxWrapper__09aca {
  padding: 0;
}

.actionContainer__6446f .actionContainer__6446f {
  padding: 0;
}
.actionContainer__6446f .actionIconContainer__6446f {
  margin-inline-end: 16px;
}
.actionContainer__6446f .editChannel__6446f {
  color: hsl(var(--accent-hsl--material-you));
}

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

.dividierIcon__1abf5 {
  color: var(--text-muted);
}

.stepperContainer_ed9c90 {
  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_ed9c90 .stepper_ed9c90 {
  border-radius: inherit;
}
.stepperContainer_ed9c90 .iconWrapper__0d13e {
  background-color: transparent !important;
  transition: var(--default-time) var(--default-animation) background-color;
}
.stepperContainer_ed9c90 .iconWrapper__0d13e:first-of-type {
  border-inline-end: 1px solid var(--card-border-color);
}
.stepperContainer_ed9c90 .iconWrapper__0d13e:last-of-type {
  border-inline-start: 1px solid var(--card-border-color);
}
.stepperContainer_ed9c90 .iconWrapper__0d13e:hover {
  background-color: var(--card-color-hover) !important;
}
.stepperContainer_ed9c90 .iconWrapper__0d13e .icon_bb7288 {
  height: var(--input-height);
}
.stepperContainer_ed9c90 .iconWrapper__0d13e .icon_bb7288:hover {
  background-color: transparent;
}
.stepperContainer_ed9c90 .wrapper__72c38 {
  border-block-end: none !important;
}
.stepperContainer_ed9c90 .wrapper__72c38:before, .stepperContainer_ed9c90 .wrapper__72c38:after {
  inset-block-end: 0;
}

/* SERVER SETTINGS CONTENT MODERATION -> CARD EXPANSION LIST */
.clickableContainer_d96a9c,
.container_d96a9c {
  background-color: transparent;
}

.backgroundModifierContainer_d96a9c {
  background-color: var(--card-color-hover);
  border-radius: calc(var(--card-radius-big) / 1.6);
  border-block-start: none;
  border-block-end: none;
  border-inline-end: none;
}
.backgroundModifierContainer_d96a9c:hover:not(.disabled_d96a9c):not(.noAction_d96a9c) {
  background-color: var(--card-color-active);
}
.backgroundModifierContainer_d96a9c.disabled_d96a9c {
  border-inline-start: 3px solid var(--card-color-hover);
}
.backgroundModifierContainer_d96a9c.selected_d96a9c {
  background-color: var(--card-color-active);
}

/*
 *
 *  SERVER SETTINGS BANNED USERS
 *
 */
.container__4b8d8 {
  min-width: 350px;
  max-width: 1400px;
  width: auto;
  padding: 60px 97px 60px 60px;
}
.container__4b8d8 + .toolsContainer__23e6b {
  position: absolute;
  inset-inline-end: 0;
  margin-inline-end: 21px;
}

.scrollerContainer__4b8d8 {
  padding: 0;
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
  box-shadow: none;
  overflow: hidden;
}

.bannedUser__4b8d8 {
  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__4b8d8:hover {
  background-color: var(--card-color-hover);
}
.bannedUser__4b8d8 .username__4b8d8 {
  color: var(--interactive-text-default) !important;
}
.bannedUser__4b8d8 .username__4b8d8 .discrim_cdb2b0 {
  padding-inline-start: 6px;
  color: var(--primary-400) !important;
}

/*
 *
 *  SERVER COMMUNITY DISCOVERY
 *
 */
.checklist__5afba, .checklistContainer-12xGp5 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}
.checklist__5afba .header__99871, .checklist__5afba .checklistHeader-3liG7E, .checklistContainer-12xGp5 .header__99871, .checklistContainer-12xGp5 .checklistHeader-3liG7E {
  margin-block-end: 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-block-end: none;
}
.checklist__5afba .checklistItem__99871, .checklistContainer-12xGp5 .checklistItem__99871 {
  position: relative;
  border-block-end: none;
}
.checklist__5afba .checklistItem__99871:after, .checklistContainer-12xGp5 .checklistItem__99871:after {
  position: absolute;
  content: " ";
  width: calc(100% - 16px * 2);
  height: 1px;
  inset-inline-end: 0;
  inset-block-end: 0;
  margin: 0 16px;
  background-color: var(--card-border-color);
}
.checklist__5afba .checklistItem__99871:last-of-type:after, .checklistContainer-12xGp5 .checklistItem__99871:last-of-type:after {
  display: none;
}
.checklist__5afba .checklistItem__99871 + .separator__99871, .checklist__5afba .checklistItem__99871 .separator-2qVfIV, .checklistContainer-12xGp5 .checklistItem__99871 + .separator__99871, .checklistContainer-12xGp5 .checklistItem__99871 .separator-2qVfIV {
  display: none;
}

.card_f44397 {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
  box-shadow: none !important;
}

.iconMask_f44397 {
  background-color: var(--card-color-filled) !important;
}

.banner__7dd5e {
  overflow: hidden;
}

/*
 *
 *  SERVER EMOJI
 *
 */
.table_e7d73e {
  background-color: var(--card-color-filled);
  border: none;
  padding: var(--space-8);
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

.tableHeader_e7d73e {
  padding-block: var(--space-8);
  padding-inline: var(--space-12);
  background-color: transparent;
  border-block-end: none;
}

.tableBody_e7d73e {
  padding: 0;
}

.emojiRow_e7d73e {
  position: relative;
  padding: 0 16px;
  border-block-end: none;
}
.emojiRow_e7d73e:before {
  width: 100%;
  inset-inline-start: 0;
  background-color: var(--card-color-hover);
  border-radius: calc(var(--card-radius-big) / 1.6);
  border: none;
}
.emojiRow_e7d73e .outer__4f074:hover:not(:focus-within) .input__4f074 {
  background-color: var(--input-color-alt);
  box-shadow: inset 0 0 0 1px var(--input-border-color);
}
.emojiRow_e7d73e .outer__4f074:focus-within .input__4f074 {
  background-color: var(--input-color-alt);
  box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl--material-you));
}
.emojiRow_e7d73e .input__4f074 {
  padding-inline: var(--space-8);
  outline: none !important;
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) box-shadow;
}

/*
 *
 *  SERVER INTEGRATIONS
 *
 */
.footerImage__98b95 {
  position: static;
  margin-block-start: 80px;
  margin-block-end: -288px;
}

/*
 *
 *  SERVER INVITES
 *
 */
.actions__72025 + .justifyStart_abf706 {
  padding: 0 var(--space-16);
}

.inviteSettingsInviteRow__1de14 {
  height: 72px;
  padding: 0 16px;
  background-color: var(--card-color-filled);
}
.inviteSettingsInviteRow__1de14:nth-of-type(4) {
  height: calc(72px + var(--space-8));
  padding-block-start: var(--space-8);
  border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
}
.inviteSettingsInviteRow__1de14:nth-of-type(4):before {
  inset-block-start: 8px;
}
.inviteSettingsInviteRow__1de14:last-of-type {
  height: calc(72px + var(--space-8));
  padding-block-end: var(--space-8);
  border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
}
.inviteSettingsInviteRow__1de14:last-of-type:before {
  inset-block-end: var(--space-8);
}
.inviteSettingsInviteRow__1de14:before {
  inset-inline-start: var(--space-8);
  inset-inline-end: var(--space-8);
  background-color: var(--card-color-hover);
  border-radius: calc(var(--card-radius-big) / 1.6);
  border: none;
}

.revokeInvite__1de14 {
  inset-block-start: calc(var(--space-12) * -1);
  inset-inline-end: calc(var(--space-8) * -1);
  background-color: var(--card-color-active);
  box-shadow: var(--shadow-soft);
  transition: opacity 0.1s, var(--default-time) var(--default-animation) box-shadow;
}
.revokeInvite__1de14:hover {
  background-color: var(--card-color-active);
  box-shadow: var(--shadow-medium);
}

/*
 *
 *  SERVER COMMUNITY ONBOARDING
 *
 */
.channelRow__514d8 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 12px 16px;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

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

.channelCoverage_e34850 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}
.channelCoverage_e34850 .channelCoverageDetails_e34850 {
  background-color: transparent;
}

.channelPill_e34850 {
  height: 20px;
  background-color: var(--card-color-active);
  border-radius: 10px;
}

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

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

.onboardingStepContainer__28e57 {
  position: relative;
  background-color: var(--card-color-filled);
}
.onboardingStepContainer__28e57:after {
  position: absolute;
  content: " ";
  width: calc(100% - 32px);
  height: 1px;
  inset-block-end: 0;
  inset-inline-start: 16px;
  background-color: var(--card-border-color);
}
.onboardingStepContainer__28e57:last-of-type {
  border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
}
.onboardingStepContainer__28e57:last-of-type:after {
  display: none;
}
.onboardingStepContainer__28e57 .iconContainer__28e57 {
  background-color: var(--card-color-active);
}
.onboardingStepContainer__28e57 .lookOutlined__201d5.colorPrimary__201d5 {
  border: var(--button-outline) !important;
}

.divider_a9b452 {
  display: none;
}

/* SERVER COMMUNITY ONBOARDING -> DEFAULT CHANNELS */
.categoryRow__1ea09 .categoryText__1ea09 {
  font-size: 14px;
  text-transform: none;
}

.channelRow__1ea09 {
  background-color: var(--card-color-filled);
  transition: var(--default-time) var(--default-animation) background-color;
}
.channelRow__1ea09.firstChannel__1ea09 {
  border-start-start-radius: var(--card-radius-big);
  border-start-end-radius: var(--card-radius-big);
}
.channelRow__1ea09.lastChannel__1ea09 {
  border-end-start-radius: var(--card-radius-big);
  border-end-end-radius: var(--card-radius-big);
}
.channelRow__1ea09:hover:not(.disabled__1ea09) {
  background-color: var(--card-color-hover);
}
.channelRow__1ea09 .lockedPill__1ea09 {
  --button-padding-start: 16px;
  --button-padding-end: 24px;
}

.separator__1ea09 {
  background-color: var(--card-border-color);
}

.container__75906 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}
.container__75906 .header__75906,
.container__75906 .container_e9b3cb,
.container__75906 .channelList__75906 {
  background-color: transparent;
}

/* SERVER COMMUNITY ONBOARDING -> NAVIGATION BANNER */
.container__4a4f2 {
  background-color: var(--popout-color) !important;
  border-radius: 4px;
  box-shadow: var(--shadow-2dp);
}
.container__4a4f2 .button__201d5.lookOutlined__201d5 {
  --button-padding-start: 16px;
  --button-padding-end: 24px;
}
.container__4a4f2 .button__201d5.lookFilled__201d5 {
  --button-padding-start: 24px;
  --button-padding-end: 16px;
}
.container__4a4f2 .button__201d5.lookFilled__201d5 .button__4a4f2 {
  color: var(--accent-text-color--material-you) !important;
}

.educationUpsell__4a4f2 {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
}
.educationUpsell__4a4f2 .educationUpsellArrow__4a4f2 {
  border-bottom-color: var(--popout-color);
}

/* SERVER COMMUNITY ONBOARDING -> PREVIEW */
.testimonialHeroContainer__3e7e2 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 32px;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}
.testimonialHeroContainer__3e7e2 .quotes__3e7e2 {
  inset-block-start: 40px;
  color: var(--card-header-text-color);
}
.testimonialHeroContainer__3e7e2 .testimonialsControls__3e7e2 {
  margin: 0;
}
.testimonialHeroContainer__3e7e2 .button__201d5 {
  --button-padding-start: 10px;
  --button-padding-end: 10px;
}

.upsellPreview_d9161f {
  gap: 16px;
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}
.upsellPreview_d9161f.spacingLarge_d9161f {
  gap: 2px;
}
.upsellPreview_d9161f.spacingLarge_d9161f .heading-md\/semibold_cf4812 {
  padding-block-end: 14px;
}
.upsellPreview_d9161f.spacingLarge_d9161f .welcomeMessageContainer__6f212 {
  margin-block-end: 14px;
}
.upsellPreview_d9161f .heading-md\/semibold_cf4812 {
  line-height: normal;
  font-size: 1.25em;
  color: var(--card-header-text-color);
  font-weight: 400;
}
.upsellPreview_d9161f .spacingSmall_d9161f {
  gap: 2px;
}
.upsellPreview_d9161f .previewListItem_d9161f {
  padding: 12px;
}
.upsellPreview_d9161f .previewListItem_d9161f.selected_d9161f {
  background-color: var(--card-color-alt-hover);
}
.upsellPreview_d9161f .previewListItem_d9161f,
.upsellPreview_d9161f .action_c66e86 {
  background-color: var(--card-color-alt);
  border-radius: 4px;
}
.upsellPreview_d9161f .previewListItem_d9161f:first-of-type,
.upsellPreview_d9161f .action_c66e86:first-of-type {
  border-start-start-radius: var(--card-radius-big);
  border-start-end-radius: var(--card-radius-big);
}
.upsellPreview_d9161f .previewListItem_d9161f:last-of-type,
.upsellPreview_d9161f .action_c66e86:last-of-type {
  border-end-start-radius: var(--card-radius-big);
  border-end-end-radius: var(--card-radius-big);
}

/*
 *
 *  SERVER SETTINGS OVERVIEW
 *
 */
.imageUploaderIcon_e4d0bf {
  inset-inline-start: calc(50% + 32px);
  inset-inline-end: unset;
}

/*
 *
 *  SERVER SETTINGS PERMISSIONS
 *
 */
.settingCard__1a4ef {
  margin-block-end: 16px;
  background-color: var(--card-color-filled);
  border: none;
  padding: 0 0 1px;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}
.settingCard__1a4ef.active_dd864e {
  background-color: var(--card-color-filled);
}
.settingCard__1a4ef.active_dd864e .cardContent_f62fce {
  padding: 16px 16px 0;
}
.settingCard__1a4ef .folderHeader_dd864e {
  padding: 16px 16px 0;
  border-block-end: none;
}
.settingCard__1a4ef .cardFolder_dd864e {
  margin: 16px;
  background-color: var(--card-color-hover);
  border-radius: calc(var(--card-radius-big) / 1.6);
}
.settingCard__1a4ef + .divider_dd864e {
  display: none;
}
.settingCard__1a4ef + .divider_dd864e + .button__201d5 {
  --button-padding-start: 0;
  --button-padding-end: 0;
}

.roleMemberList_dd864e {
  padding: 16px;
}
.roleMemberList_dd864e .content__99f8c {
  height: auto !important;
}
.roleMemberList_dd864e .content__99f8c .memberRow_dd864e {
  padding: 0 4px;
  margin-block-end: 16px;
}
.roleMemberList_dd864e .content__99f8c .memberRow_dd864e:last-child {
  margin-block-end: 0;
}
.roleMemberList_dd864e .content__99f8c .divider_dd864e {
  display: none;
}

.sidebarScrollable__53543 .sidebarHeaderDefault__0ab2c {
  font-size: 14px;
  text-transform: none;
}
.sidebarScrollable__53543 .role_f07e3e {
  border-radius: 16px;
  transition: var(--default-time) var(--default-animation) background-color;
}
.sidebarScrollable__53543 .role_f07e3e.themed_aa8da2:not(.disabled_aa8da2):hover {
  background-color: var(--menu-item-hover);
}
.sidebarScrollable__53543 .role_f07e3e.themed_aa8da2:not(.disabled_aa8da2).selected_aa8da2 {
  background-color: var(--menu-item-select);
}
.sidebarScrollable__53543 .role_f07e3e .background-3X6N7I {
  padding: 0;
  background-color: transparent;
}

.scroller__53543 {
  background-color: transparent;
}

.staticToolbar_bba883 {
  margin-block-end: 8px;
  background-color: var(--card-color-filled) !important;
  border: none !important;
  padding: 0 !important;
  border-radius: var(--card-radius-big) !important;
  box-shadow: none !important;
  overflow: hidden;
}
.staticToolbar_bba883 .button__201d5 {
  --button-height: 32px;
  --button-background: transparent;
  --button-radius: 0;
}

.topic__0511a {
  --input-padding: 0 12px;
  height: 200px;
  padding: 0 var(--input-padding);
  background-color: var(--input-color);
  border: none;
  max-height: 250px;
  border-radius: calc(200px / 2);
  box-shadow: none;
  background: var(--input-color) !important;
  border-radius: 19px;
}
.topic__0511a:focus-within {
  box-shadow: none;
}
.topic__0511a .slateTextArea_ec4baf {
  inset-inline-end: 0;
  padding: 12px 0;
}

/*
 *
 *  SERVER SETTINGS PROFILE
 *
 */
.itemContainer_ec9088 {
  border-radius: 32px;
  border: none;
  transition: var(--default-time) var(--default-animation) border-radius, var(--default-time) var(--default-animation) box-shadow;
}
.itemContainer_ec9088:has(.itemSelected_ec9088) {
  border-radius: var(--card-radius-big);
  box-shadow: 0 0 0 2px hsl(var(--accent-hsl--material-you)), inset 0 0 0 2px var(--main-color);
}

.itemSelected_ec9088 {
  display: none;
}

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

/*
 *
 *  SERVER ROLES
 *
 */
.container_d8f25b {
  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_d8f25b:hover {
  background-color: var(--card-color-hover);
}
.container_d8f25b .icon_d8f25b {
  background-color: var(--card-button-color);
}

.rolesTable_db0ee9 {
  padding: 16px;
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
}
.rolesTable_db0ee9 .tableHeader_db0ee9 {
  margin-inline-start: 0;
  margin-block-end: 0;
}
.rolesTable_db0ee9 .tableHeader_db0ee9 .dragSpacing_db0ee9 {
  display: none;
}
.rolesTable_db0ee9 .tableTitle_db0ee9 {
  font-size: 1em;
  color: var(--card-header-text-color);
  font-weight: 500;
  text-transform: none;
}
.rolesTable_db0ee9 .tableTitle_db0ee9.memberSpacing-1RRW7k {
  margin-inline-start: 64px;
}

.roleRow__5f97b {
  height: auto;
  margin: 0;
  padding: 12px 16px;
  background-color: var(--card-color-filled);
  border-radius: 0;
}
.roleRow__5f97b:last-of-type {
  padding-block-end: 20px;
  border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
}
.roleRow__5f97b:last-of-type:before {
  height: calc(100% - 8px);
}
.roleRow__5f97b:last-of-type:after {
  display: none;
}
.roleRow__5f97b:hover:not(.roleRowDisableHover__5f97b) {
  background-color: var(--card-color-filled);
}
.roleRow__5f97b:hover:not(.roleRowDisableHover__5f97b):before {
  background-color: var(--card-color-hover);
}
.roleRow__5f97b:hover:not(.roleRowDisableHover__5f97b) .dragIcon__5f97b {
  opacity: 1;
}
.roleRow__5f97b:hover:not(.roleRowDisableHover__5f97b) .circleButton__5f97b {
  background-color: var(--card-button-color-hover);
}
.roleRow__5f97b:hover:not(.roleRowDisableHover__5f97b) .circleButton__5f97b.editButton__5f97b {
  opacity: 1;
}
.roleRow__5f97b:before {
  width: calc(100% - 16px);
  height: 100%;
  inset-inline-start: 8px;
  inset-inline-end: 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__5f97b > * {
  z-index: 2;
}

.dragIcon__5f97b {
  position: absolute;
  inset-inline-start: 8px;
  padding: 12px;
  background-color: var(--card-color-hover);
  z-index: 3;
  opacity: 0;
  visibility: visible;
  transition: var(--default-time) var(--default-animation) opacity;
  vertical-align: middle;
  line-height: 10px;
}

.circleButton__5f97b {
  background-color: var(--card-button-color);
}
.circleButton__5f97b.editButton__5f97b {
  opacity: 0;
  visibility: visible;
  transition: var(--default-time) var(--default-animation) opacity;
}

/* SERVER ROLES -> EDIT/NEW */
.page__91dc3 {
  width: 100%;
  min-width: 100%;
}
.page__91dc3 .sidebar_e29cd7,
.page__91dc3 .contentContainer__91dc3 {
  position: relative;
}
.page__91dc3 .sidebar_e29cd7 {
  margin-inline-start: 40px;
  border-right-color: var(--card-border-color);
}
.page__91dc3 .sidebar_e29cd7 .list_e29cd7 {
  padding: 0 16px 96px 16px;
  background-color: transparent;
  border: none;
}
.page__91dc3 .sidebar_e29cd7 .titleContainer_e29cd7 {
  margin: 0;
  padding: 0 8px 16px;
  background-color: var(--main-color);
}
.page__91dc3 .sidebar_e29cd7 .titleContainer_e29cd7.titleElevated_e29cd7 {
  border-block-end: 1px solid var(--card-border-color);
  box-shadow: none;
}
.page__91dc3 .sidebar_e29cd7 .titleContainer_e29cd7 .titleText_e29cd7 {
  font-size: 16px;
  text-transform: none;
}
.page__91dc3 .sidebar_e29cd7 .item_aa8da2 {
  width: auto;
  padding: 0 12px;
  border-radius: 16px;
  transition: var(--default-time) var(--default-animation) background-color;
}
.page__91dc3 .sidebar_e29cd7 .item_aa8da2:before {
  display: none;
}
.page__91dc3 .sidebar_e29cd7 .item_aa8da2:hover {
  background-color: var(--menu-item-hover) !important;
}
.page__91dc3 .sidebar_e29cd7 .item_aa8da2.selected_aa8da2 {
  background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity)) !important;
}
.page__91dc3 .sidebar_e29cd7 .roleDot-2a4Pv7 {
  border: none;
}
.page__91dc3 .contentContainer__91dc3 {
  inset-inline-start: 0;
  flex: 1;
}
.page__91dc3 .contentWidth_c6bf1b {
  width: auto;
  min-width: auto;
  max-width: none;
  padding-inline-end: 82px;
}
.page__91dc3 .contentWidth_c6bf1b .sizeTiny__201d5 {
  --button-height: 24px;
  --button-padding-start: 8px;
  --button-padding-end: 8px;
}
.page__91dc3 .header_c6bf1b {
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding: 0;
  background-color: var(--main-color);
  transition: var(--default-time) var(--default-animation) border-bottom-color;
}
.page__91dc3 .header_c6bf1b.stickyHeaderElevated_c6bf1b {
  box-shadow: none;
}
.page__91dc3 .header_c6bf1b .titleText-35PD5k {
  font-size: 16px;
  text-transform: none;
}
.page__91dc3 .header_c6bf1b + div + .divider-5Xhahz {
  display: none;
}
.page__91dc3 .searchContainer__16663 {
  margin-block-start: 16px;
  padding-block-end: 16px;
  border-block-end: 1px solid var(--card-border-color);
}
.page__91dc3 .previewContainer__05e8e {
  border-radius: var(--card-radius-big);
}
.page__91dc3 .previewContainer__981c8 {
  background-color: transparent;
  border-radius: var(--card-radius-big);
  border: none;
}
.page__91dc3 .previewContainer__981c8 .messageContainer__981c8 {
  padding: 16px 16px 16px 66px;
  background-color: var(--chat-color);
}
.page__91dc3 .container-1zDvAE {
  margin-block-end: 20px;
}
.page__91dc3 + .toolsContainer__23e6b {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  z-index: 2;
}

.roleStylePreviewContainer__981c8 {
  background-color: var(--card-color-filled);
  border: none;
  padding: var(--space-8) var(--space-4);
  border-radius: var(--card-radius-big);
  box-shadow: none;
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) box-shadow;
}
.roleStylePreviewContainer__981c8:hover {
  background-color: var(--card-color-hover);
  box-shadow: var(--shadow-soft);
}
.roleStylePreviewContainer__981c8:hover .roleStyleMessageContainer__981c8:after {
  background: linear-gradient(to right, transparent, var(--card-color-hover));
}
.roleStylePreviewContainer__981c8.selected__981c8 {
  background-color: var(--card-color-active);
  border-color: hsl(var(--accent-hsl--material-you));
}
.roleStylePreviewContainer__981c8.selected__981c8 .roleStyleLabel__981c8 {
  background-color: transparent;
}
.roleStylePreviewContainer__981c8.selected__981c8 .roleStyleMessageContainer__981c8:after {
  background: linear-gradient(to right, transparent, var(--card-color-active));
}
.roleStylePreviewContainer__981c8 .header_c19a55,
.roleStylePreviewContainer__981c8 .markup__75297 {
  margin-inline-start: -84px;
}

.roleStyleMessageContainer__981c8:after {
  background: linear-gradient(to right, transparent, var(--card-color-filled));
}

.roleStyleMessageContainer__981c8,
.roleStyleLabel__981c8 {
  background-color: transparent;
}

/* SERVER ROLES -> ADD MEMBER */
.searchBox__01dab {
  padding: 16px;
}
.searchBox__01dab.scrollSeparator__01dab {
  box-shadow: none !important;
}
.searchBox__01dab .searchBar__3e00d {
  margin-block-end: 0;
  border: none;
}

/*
 *
 *  SERVER RULES SCREENING
 *
 */
.mainColumnContainer-3y3ZF4 {
  max-width: calc(100% - 220px);
}

.backgroundContainer_eaaeee {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}
.backgroundContainer_eaaeee .containerPadding_eaaeee {
  padding: 0;
}
.backgroundContainer_eaaeee .wrapper__72c38 {
  height: auto;
  max-height: unset;
}

.containerTitle_eaaeee {
  font-size: 1.25em;
  color: var(--card-header-text-color);
  font-weight: 500;
}
.containerTitle_eaaeee .verificationLevelHook_eaaeee {
  font-size: 1em;
}

.containerFooter_eaaeee {
  padding: 0;
  background-color: transparent;
}

.fieldBackground_eaaeee:not(textarea) {
  --card-color-filled: var(--card-color-alt);
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}
.fieldBackground_eaaeee.withFooter_eaaeee {
  border-block-end: none;
}

.fieldFooterContainer_eaaeee {
  background-color: var(--card-color-alt);
  border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
  border-block-start: 1px solid var(--card-border-color);
}

.sidebarFixedContainer-2fX672 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

/* SERVER RULES SCREENING -> EDIT RULES */
.rulesTextAreaInput-2S9Tgi {
  background-color: var(--card-color-filled);
  border: none;
  padding: 0 0 0 16px;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

.exampleRule-KGGZmT {
  height: var(--button-height);
  padding: 0 12px;
  background-color: var(--card-button-color);
  border-radius: 10px;
  transition: var(--default-time) var(--default-animation) background-color;
}
.exampleRule-KGGZmT:hover {
  background-color: var(--card-button-color-hover);
}
.exampleRule-KGGZmT > div {
  line-height: var(--button-height);
}

/*
 *
 *  SERVER SETTINGS SAFETY SETUP
 *
 */
.changelog_abe1fa {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

.safetyChecklist_eae0ef {
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}
.safetyChecklist_eae0ef .lookOutlined__201d5 {
  border: var(--button-outline) !important;
}
.safetyChecklist_eae0ef .divider_eae0ef {
  background-color: var(--card-border-color);
}

.back__5dac8 {
  --button-padding-start: 0;
  --button-padding-end: 0;
  margin-block-end: 16px;
}
.back__5dac8 .backButton__5dac8 {
  background-image: none;
  text-transform: none;
  text-decoration: none;
}

/*
 *
 *  SERVER SETTINGS SERVER INSIGHTS
 *
 */
.error__4cd16 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

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

/*
 *
 *  SERVER SETTINGS SERVER PRODUCTS
 *
 */
.container_a548c7 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

.coverImageUploader__2869f .imageUploaderInner_e4d0bf {
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}
.coverImageUploader__2869f .imageUploaderIcon_e4d0bf {
  inset-inline-start: unset;
  inset-inline-end: 0;
}

.metricCard_c0544c,
.tableContainer_c3fe25 {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}
.metricCard_c0544c .text-xs\/medium_cf4812,
.tableContainer_c3fe25 .text-xs\/medium_cf4812 {
  font-size: 14px;
  text-transform: none;
}

/*SERVER SETTINGS SERVER PRODUCTS -> CREATE PRODUCT */
.textArea_d19bc9 {
  background-color: var(--input-color);
  border-radius: 19px;
}

.clickableItem_da21bd {
  border-radius: var(--card-radius-big);
}
.clickableItem_da21bd .radioOptionImage_da21bd {
  border-radius: calc(var(--card-radius-big) - 2px) !important;
}

.container_f8a8fa {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}
.container_f8a8fa .text-sm\/medium_cf4812 {
  color: var(--accent-text-color--material-you) !important;
}

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

.benefitToggleContainer__7fffd {
  padding: 8px 2px 8px 12px;
  background-color: var(--card-color-filled);
  border-radius: 20px;
}

.publishable_b6a3c4 {
  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_b6a3c4 {
  background-color: hsl(var(--alert-hsl), 0.15);
  border-radius: var(--card-radius-big);
  border: 1px solid hsl(var(--alert-hsl));
}

.productPreview__7fffd .text-xs\/bold_cf4812 {
  font-size: 14px;
  text-transform: none;
}

/*SERVER SETTINGS SERVER PRODUCTS -> PRODUCT CARD */
.productCard__8d9f6 {
  background-color: var(--card-color-filled) !important;
  border: none !important;
  padding: 0 !important;
  border-radius: var(--card-radius-big) !important;
  transition: var(--default-time) var(--default-animation) background-color !important;
}
.productCard__8d9f6:hover {
  background-color: var(--card-color-hover) !important;
}
.productCard__8d9f6 .productThumbnail__8d9f6 {
  border-radius: var(--card-radius-big);
}

.badge__436c9 {
  background-color: var(--card-color-active) !important;
  border-radius: 13px;
}

.roleTag__9cd44 {
  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__9cd44 .roleColor__9cd44 {
  width: 16px;
  height: 16px;
  margin: 0;
  border-radius: 8px;
}
.roleTag__9cd44 .roleColor__9cd44 + span {
  display: none !important;
}

/*
 *
 *  SERVER SETTINGS SERVER SUBSCRIPTIONS
 *
 */
.card_ea91d1 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

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

/* SERVER SETTINGS SERVER SUBSCRIPTIONS -> HOW IT WORKS */
.howItWorksContainer_aa72d6 {
  padding: 0;
  background-color: transparent;
}

.howItWorksImageContainer_aa72d6,
.howItWorksDescription_aa72d6 {
  background-color: transparent;
}

/* SERVER SETTINGS SERVER SUBSCRIPTIONS -> CREATOR BENEFITS */
.creatorBenefitCard__1f0b1 {
  padding: 16px;
}

.earningsPreviewContainer_da92c3,
.avatarCard_da92c3 {
  --card-color-filled: var(--card-color-alt);
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

/* SERVER SETTINGS SERVER SUBSCRIPTIONS -> LEARN FROM OTHER CREATORS */
.guildCard__81370 {
  padding: 16px;
}

.guildCardHeaderAvatar_adff39 {
  border-radius: 50%;
}

.guildSubscriberCount_adff39 {
  height: var(--button-height);
  padding-inline-start: var(--button-padding-start);
  padding-inline-end: var(--button-padding-end);
  background-color: var(--card-button-color);
  border-radius: var(--button-radius);
}
.guildSubscriberCount_adff39 .text-md\/normal_cf4812 {
  color: var(--interactive-text-default) !important;
  font-weight: 500;
}

.subscriberCountValue_adff39,
.subscriberCountText_adff39 {
  padding: 0;
  background-color: transparent;
}

.subscriberCountText_adff39 {
  padding-inline-start: 12px;
}

.emojisContainer_adff39 {
  margin-inline-end: 8px;
  padding-inline-start: var(--button-padding-start);
  padding-inline-end: var(--button-padding-end);
  background-color: var(--card-button-color);
  border-radius: var(--button-radius);
}

/*  */
.tabBar__29506 {
  border-bottom-width: 1px;
}

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

/*
 *
 *  SERVER SETTINGS SOUNDBOARD
 *
 */
.tableTitle__93d4a {
  margin-block-end: 16px;
}

.soundTable__93d4a {
  grid-template-columns: unset;
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}

.tableHeaders__93d4a {
  padding: 16px 16px 0;
}
.tableHeaders__93d4a .tableHeader__93d4a {
  font-weight: 500;
  text-transform: none;
}

.row__93d4a {
  padding: 4px 16px;
  position: relative;
  border-block-end: none;
}
.row__93d4a:after {
  position: absolute;
  content: " ";
  width: calc(100% - 16px * 2);
  height: 1px;
  inset-inline-end: 0;
  inset-block-end: 0;
  margin: 0 16px;
  background-color: var(--card-border-color);
}
.row__93d4a:last-of-type:after {
  display: none;
}

.playButton__76084 {
  min-width: 32px;
  min-height: 32px;
  background-color: var(--card-button-color);
  cursor: pointer;
  transition: var(--default-time) var(--default-animation) background-color;
}
.playButton__76084:hover {
  background-color: var(--card-color-hover);
}

/*
 *
 *  SERVER STICKERS
 *
 */
.tier_a36dee {
  border-radius: var(--card-radius-big);
  background-color: var(--card-color-filled);
  border: none;
  box-shadow: none;
}

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

.tierHeader_a36dee {
  border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
}
.tierHeader_a36dee.tierHeaderUnlocked_a36dee, .tierHeader_a36dee.tierHeaderLocked_a36dee {
  background-color: var(--card-color-filled) !important;
}
.tierHeader_a36dee.tierHeaderWithoutCardBody_a36dee {
  border-radius: var(--card-radius-big);
}

.tierIconLocked_a36dee {
  color: var(--interactive-muted);
}

.tierBody_a36dee {
  background-color: var(--card-color-filled) !important;
  border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
  border: none !important;
}

.tierInProgress_c44edb {
  background-color: var(--main-alt);
}

.tierLock_a36dee {
  color: var(--interactive-text-default);
}

.wrapper__83b1d {
  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__83b1d:hover {
  background-color: var(--card-color-hover);
}

.placeholderCard_d87d30 {
  background-color: var(--card-color-outlined);
  border: 1px solid var(--card-border-color);
  padding: 0;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

.background_c44edb {
  color: var(--main-alt) !important;
}

/*
 *
 *	ACCEPT RULES
 *
 */
.enableContainer__5ea8c {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
}

.previewContainer__74a6a {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
  box-shadow: none;
  border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
  border-block-start: none;
}
.previewContainer__74a6a .descriptionWrapper__74a6a .wrapper__72c38 {
  --input-height: 64px;
}
.previewContainer__74a6a .descriptionInput__5579e {
  line-height: 32px;
}
.previewContainer__74a6a .descriptionInput__5579e[placeholder] {
  text-align: left;
}
.previewContainer__74a6a .welcomeChannel__74a6a {
  --card-color-filled: var(--card-color-alt);
  background-color: var(--card-color-filled);
  border: none;
  padding: 12px;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

.iconActiveLarger_f34534 {
  border-radius: var(--avatar-radius);
}

.options__949ab {
  margin-block-end: 8px;
  background-color: var(--card-color-outlined);
  border: 1px solid var(--card-border-color);
  padding: 0;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}
.options__949ab .optionContainer__949ab {
  margin-block-start: 0;
  border-radius: 0;
  background-color: transparent;
  position: relative;
  border-block-end: none;
}
.options__949ab .optionContainer__949ab:after {
  position: absolute;
  content: " ";
  width: calc(100% - 16px * 2);
  height: 1px;
  inset-inline-end: 0;
  inset-block-end: 0;
  margin: 0 16px;
  background-color: var(--card-border-color);
}
.options__949ab .optionContainer__949ab:last-of-type:after {
  display: none;
}

/*
 *
 *  USER SETTINGS ACCESSIBILITY
 *
 */
.decorationWrapper__6131a {
  z-index: 4;
}
.decorationWrapper__6131a.sticky__6131a:before {
  background: var(--chat-color);
}

.preview__6b741 {
  background-color: var(--card-color-outlined);
  border: 1px solid var(--card-border-color);
  padding: var(--space-32) var(--space-16) var(--space-16);
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

.messages__6b741 {
  margin-inline-start: 56px;
  gap: 0 !important;
  translate: unset;
}
.messages__6b741 li:first-child .message__5126c {
  border-start-start-radius: var(--message-radius);
  border-start-end-radius: var(--message-radius);
}
.messages__6b741 li:first-child .message__5126c:before, .messages__6b741 li:first-child .message__5126c:after {
  display: none;
}

/*
 *
 *  USER SETTINGS ACTIVITY PRIVACY
 *
 */
.wrapper__7db08 {
  margin-block-start: var(--space-8);
  background-color: var(--card-color-filled);
  border: none;
  padding: var(--space-8) var(--space-16) var(--space-16);
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

.headerContainer__7db08 {
  width: calc(100% + var(--space-16));
  margin: 0 calc(var(--space-8) * -1);
  padding: var(--space-8) var(--space-8) 0;
  background-color: var(--card-color-filled);
  border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
}
.headerContainer__7db08 .container__72c38 {
  border-radius: calc(var(--input-height) / 2);
  border: none;
  box-shadow: none;
}
.headerContainer__7db08 .container__72c38:focus-within {
  box-shadow: none;
}

.guildsList__7db08 .stack_dbd263 {
  position: relative;
}
.guildsList__7db08 .stack_dbd263:hover:before {
  opacity: 1;
}
.guildsList__7db08 .stack_dbd263:before {
  position: absolute;
  content: " ";
  width: calc(100% + var(--space-16));
  height: calc(100% + var(--space-16));
  inset-block-start: calc(var(--space-8) * -1);
  inset-inline-start: calc(var(--space-8) * -1);
  background-color: var(--card-color-hover);
  border-radius: calc(var(--card-radius-big) / 1.65);
  opacity: 0;
  pointer-events: none;
  transition: var(--default-time) var(--default-animation) opacity;
}
.guildsList__7db08 .labelContainer__5a838 {
  margin-block-end: 0;
  z-index: 2;
}
.guildsList__7db08 .control__5a838 {
  justify-content: center;
}

/*
 *
 *  USER SETTINGS APPEARANCE
 *
 */
.preview__3e443 {
  --card-color-filled: transparent;
}
.preview__3e443.outline__73069 {
  border: 1px solid var(--card-border-color) !important;
}
.preview__3e443 .wrapper_c19a55 {
  margin-inline-start: 48px;
}

/* USER SETTINGS APPEARANCE -> THEME */
.themeTitle__3ee45 {
  padding-block: var(--space-16) 0;
  padding-inline: var(--space-16);
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
}

.basicThemeSelectors_c936d7 {
  margin-block-end: 0;
  padding-block: var(--space-8) var(--space-16);
  padding-inline: var(--space-16);
  background-color: var(--card-color-filled);
  border-radius: 0 0 var(--card-radius-big) var(--card-radius-big);
}
.basicThemeSelectors_c936d7 .stack_dbd263 {
  margin-block-start: 0 !important;
}

.themeSelectionContainer__36dee {
  --custom-theme-selection-size: 60px !important;
}

.selectionCircle__36dee {
  width: 100%;
  height: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  border-radius: var(--card-radius-big);
  box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl--material-you)), inset 0 0 0 5px var(--card-color-filled);
}
.selectionCircle__36dee .checkmarkCircle__36dee {
  display: none;
}

.defaultThemeSelection__36dee {
  width: var(--custom-theme-selection-size);
  height: var(--custom-theme-selection-size);
  box-shadow: none;
}
.defaultThemeSelection__36dee.selected__36dee {
  position: relative;
  background: hsl(var(--accent-hsl--material-you));
}
.defaultThemeSelection__36dee.selected__36dee:before, .defaultThemeSelection__36dee.selected__36dee:after {
  position: absolute;
  content: " ";
  width: 50%;
  height: 50%;
  inset-block-end: 0;
  pointer-events: none;
}
.defaultThemeSelection__36dee.selected__36dee:before {
  inset-inline-start: 0;
  background-color: var(--card-color-filled);
  border-end-start-radius: calc(var(--custom-theme-selection-size) / 2);
}
.defaultThemeSelection__36dee.selected__36dee:after {
  inset-inline-end: 0;
  background-color: var(--accent-text-color--material-you);
  border-end-end-radius: calc(var(--custom-theme-selection-size) / 2);
}

.themeSelection__36dee {
  transition: var(--default-time) var(--default-animation) border-radius;
}
.themeSelection__36dee:hover {
  border-radius: var(--card-radius-big);
}

.themeSelection__36dee,
.borderOverlay__8fea4 {
  border-radius: 50%;
}

/* USER SETTINGS APPEARANCE -> APP ICON */
.header0e6e_aa8da2 {
  padding: 8px 8px 0;
}

.presets_a00e6e {
  margin-block-start: 0;
  padding: 0 8px 8px;
}

.appIconSelection__8a3d7:not(.selected__8a3d7).disabled__8a3d7 {
  opacity: 0.5;
}

/*
 *
 *  USER SETTINGS APP ICON EDITOR
 *
 */
.editor__2a891 {
  margin-inline-start: 8px;
  padding: 0;
  background-color: var(--chat-color);
  border-radius: var(--card-radius-big);
  border-inline-start: none;
}
.editor__2a891 .heading-lg\/extrabold_cf4812 {
  font-size: 1.25em;
  line-height: normal;
  color: var(--card-header-text-color);
  font-weight: 400;
}
.editor__2a891 div[role=radiogroup] {
  background-color: transparent;
}

.editorHeader__2a891 {
  width: auto;
  padding: 16px;
}

.selectionGroup__2a891 {
  margin-block-start: 0;
}
.selectionGroup__2a891 .header0e6e_aa8da2 {
  padding: 0;
}
.selectionGroup__2a891 .presets_a00e6e {
  padding: 0;
  gap: 16px;
}

.editorFooter__2a891 {
  margin-block-start: 16px;
  padding: 0 16px 16px;
}

/*
 *
 *  USER SETTINGS AUTHORIZED APPS
 *
 */
.authedAppV2__92059 {
  margin-block-end: 16px;
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}

.headerV2__92059 {
  background-color: transparent;
}

.actionMenuButton__8dc78 {
  background-color: transparent;
  border-radius: 50%;
  transition: var(--default-time) var(--default-animation) background-color;
}
.actionMenuButton__8dc78:hover {
  background-color: var(--card-button-color);
}
.actionMenuButton__8dc78[aria-expanded=true] {
  background-color: var(--card-button-color-hover);
}

.appDetailsContainer__92059 .appDetailsSection__92059 {
  border-block-start: none;
  border-block-end: none;
}
.appDetailsContainer__92059 .collapseable__217b7 {
  margin-block-end: 8px;
  padding: 16px;
  background-color: var(--card-color-hover);
  border-radius: var(--card-radius-big);
  border-block-start: none;
}
.appDetailsContainer__92059 .collapseable__217b7:active {
  background-color: var(--card-color-hover) !important;
}

.footer__92059 {
  margin-block-start: 16px;
}

/*
 *
 *  USER SETTINGS BILLING
 *
 */
.paymentSourceRow__0eeee {
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

.paymentPane__01014 {
  background-color: var(--card-color-filled) !important;
  border: none !important;
  padding: 0 !important;
  border-radius: var(--card-radius-big) !important;
  box-shadow: none !important;
}
.paymentPane__01014 .paymentRowHeader__01014 {
  padding: 16px;
}
.paymentPane__01014 .bottomDivider__01014 {
  border: none;
}
.paymentPane__01014 .pageActions__2d021 {
  padding: 16px 0;
}

.paymentRow__01014:not(.payment_e9cb00) {
  border-block-end: none;
}

.payment_e9cb00 {
  background-color: var(--card-color-filled) !important;
}
.payment_e9cb00:not(.hoverablePayment_e9cb00) {
  padding-block-end: 1px;
}

.paginator__01014 {
  background-color: transparent !important;
}
.paginator__01014 .descriptionIcon_e9cb00 {
  border-radius: 50%;
}
.paginator__01014 .expandedInfo_e9cb00 {
  --card-color-filled: var(--card-color-alt);
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}
.paginator__01014 .expandedInfo_e9cb00 .paymentHeader_e9cb00 {
  border-color: var(--card-border-color);
}

.pageButtonPrev__2d021,
.pageButtonNext__2d021 {
  width: var(--button-height);
  height: var(--button-height);
  padding: 0;
  line-height: var(--button-height);
  border-color: var(--card-border-color);
  text-align: center;
}
.pageButtonPrev__2d021.disabled__2d021,
.pageButtonNext__2d021.disabled__2d021 {
  border-color: var(--card-border-color);
}

.pageButtonPrev__2d021 {
  border-radius: var(--button-radius) 0 0 var(--button-radius);
}

.pageButtonNext__2d021 {
  border-radius: 0 var(--button-radius) var(--button-radius) 0;
}

.pageIndicator__2d021 {
  height: var(--button-height);
  border-color: var(--card-border-color);
}

.codeRedemptionRedirect_a706ba {
  background-color: var(--card-color-outlined) !important;
  border: 1px solid var(--card-border-color) !important;
  padding: 16px !important;
  border-radius: var(--card-radius-big) !important;
  box-shadow: none !important;
}

/*
 *
 *  USER SETTINGS CONNECTIONS
 *
 */
.wrapper__02fc8 {
  margin-block-end: 0;
}

.accountButtonInner__41de9 {
  background-color: var(--card-button-color);
  border-radius: 50%;
  transition: var(--default-time) var(--default-animation) background-color;
}
.accountButtonInner__41de9:hover {
  background-color: var(--card-button-color-hover);
}

/* CONNECTIONS -> ADD CONNECTION */
.accountBtnInner__750de {
  background-color: var(--card-button-color);
  border-radius: 50%;
  transition: var(--default-time) var(--default-animation) background-color;
}
.accountBtnInner__750de:hover {
  background-color: var(--card-button-color-hover);
}

/* CONNECTIONS -> CONNECTED ACCOUNTS */
.connectionList__41de9 > div {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}

.header__750de {
  margin-block-start: 0;
}
.header__750de .heading-md\/bold_cf4812 {
  font-size: 22px;
  font-weight: 400;
}

.connectionsContainer__41de9 {
  margin-block-end: 0;
}

.connection__41de9 {
  margin-block-end: 0;
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}
.connection__41de9 .connectionHeader__41de9 {
  margin-block-end: 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-block-end: none;
}
.connection__41de9 .connectionOptions__41de9 {
  padding-block: 0 var(--space-16);
  padding-inline: var(--space-16);
}
.connection__41de9 .connectionOptions__41de9 .connectionOptionSwitch__41de9 {
  padding-inline-start: 0;
  padding-inline-end: 0;
}
.connection__41de9 .connectionOptions__41de9 .connectionOptionSwitch__41de9:last-of-type {
  margin-block-end: 0;
}
.connection__41de9 .divider_ae36e5 {
  margin: 0 var(--space-16);
  border-top-color: var(--card-border-color);
}
.connection__41de9 .metadataContainer__41de9, .connection__41de9 .container_f652ac {
  --card-color-filled: var(--card-color-alt);
  margin-block: 0 var(--space-16);
  margin-inline: var(--space-16);
  background-color: var(--card-color-filled);
  border: none;
  padding: var(--space-12);
  border-radius: var(--card-radius-big);
  box-shadow: none;
}
.connection__41de9 .upsellWrapper__41de9 {
  padding: 0;
}
.connection__41de9 .container_f652ac .button__201d5 {
  min-width: 130px;
}
.connection__41de9 .container__35859 {
  width: auto;
  margin-block: var(--space-8) var(--space-16);
  margin-inline: var(--space-16);
}

.integrationWrapper__41de9 {
  padding: 0;
  background-color: transparent;
}
.integrationWrapper__41de9 .integration__41de9 {
  --card-color-filled: var(--card-color-alt);
  background-color: var(--card-color-filled);
  border: none;
  padding: var(--space-16);
  border-radius: var(--card-radius-big);
  box-shadow: none;
  border-radius: 4px;
}
.integrationWrapper__41de9 .integration__41de9:first-of-type {
  border-radius: var(--card-radius-big) var(--card-radius-big) 4px 4px;
}
.integrationWrapper__41de9 .integration__41de9:last-of-type {
  border-radius: 4px 4px var(--card-radius-big) var(--card-radius-big);
}
.integrationWrapper__41de9 .integration__41de9:only-child {
  border-radius: calc(var(--card-radius-big) / 1.6);
}
.integrationWrapper__41de9 .integration__41de9 .button__201d5 {
  background-color: hsl(var(--accent-hsl), 0.1);
  color: hsl(var(--accent-hsl--material-you));
}

/*
 *
 *  USER SETTINGS CONTENT & SOCIAL
 *
 */
.card_a72ffc {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

.header_a72ffc {
  margin-block-end: 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-block-end: none;
}
.header_a72ffc .text-md\/semibold_cf4812 {
  font-size: 1em;
  font-weight: 400;
}

.usersList_a72ffc {
  padding: 0 8px 8px;
}
.usersList_a72ffc .row_a72ffc {
  padding: 12px 8px;
  border-radius: calc(var(--card-radius-big) / 1.65);
  border-block-end: none;
  transition: var(--default-time) var(--default-animation) background-color;
}
.usersList_a72ffc .row_a72ffc:hover {
  background-color: var(--card-color-hover);
}

.loadMoreContainer_a72ffc {
  padding: 4px 16px 16px;
}

.loadMoreButton_a72ffc {
  width: auto;
  padding: 4px 12px;
  background-color: var(--card-button-color);
  border-radius: 14px;
  transition: var(--default-time) var(--default-animation) background-color;
}
.loadMoreButton_a72ffc:hover {
  background-color: var(--card-button-color-hover);
}
.loadMoreButton_a72ffc .text-sm\/semibold_cf4812 {
  font-weight: 400;
}

/* USER SETTINGS CONTENT & SOCIAL -> CONNECTED GAMES */
.header_de8069 {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}
.header_de8069 .gameNamesHeader_de8069 {
  padding: var(--space-16);
}
.header_de8069 .gameIcons_de8069 {
  padding: var(--space-8) var(--space-16) var(--space-16);
}
.header_de8069 .divider_de8069 {
  display: none;
}

/*
 *
 *  USER SETTINGS DEVICES
 *
 */
.session__956ff {
  position: relative;
  padding: 16px;
  gap: 16px;
  border-block-end: none;
}
.session__956ff:before {
  position: absolute;
  content: " ";
  width: calc(100% - 16px);
  height: 100%;
  inset-block-start: 0;
  inset-inline-start: 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__956ff:last-of-type {
  padding-block-end: 24px;
}
.session__956ff:last-of-type:before {
  height: calc(100% - 8px);
}
.session__956ff:hover:before {
  opacity: 1;
}
.session__956ff .sessionIcon__956ff,
.session__956ff .sessionInfo__956ff,
.session__956ff .sessionMoreButton__956ff {
  z-index: 2;
}
.session__956ff .sessionIcon__956ff {
  background-color: hsl(var(--accent-hsl--material-you));
  color: var(--accent-text-color--material-you);
}
.session__956ff .sessionInfoRow__956ff:not(.eyebrow_e5a66c) {
  color: var(--text-muted);
}
.session__956ff .sessionInfoRow__956ff .lookLink__201d5 {
  --button-height: 20px;
  padding: 0 4px;
}
.session__956ff .eyebrow_e5a66c {
  font-size: 14px;
  text-transform: none;
}
.session__956ff .sessionSeparator__956ff {
  display: none;
}

/*
 *
 *  USER SETTINGS DISCORD EXPERIMENTS
 *
 */
.group_bc4a3e {
  margin-block-start: 16px;
  background-color: var(--card-color-filled);
  border: none;
  padding: 16px;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}
.group_bc4a3e .title_bc4a3e {
  margin-block-end: 0;
}
.group_bc4a3e .eyebrow_b717a1 {
  margin-block-start: 16px;
}
.group_bc4a3e .experimentDate_bc4a3e {
  line-height: 42px;
}
.group_bc4a3e .description_bc4a3e {
  margin: 8px 0;
}
.group_bc4a3e .button__201d5 {
  --button-height: 18px;
  --button-padding-start: 0;
  --button-padding-end: 0;
  font-size: 0.875em !important;
  font-weight: 400;
}
.group_bc4a3e .divider_bc4a3e {
  display: none;
}

/*
 *
 *  USER SETTINGS FAMILY CENTER
 *
 */
.container_dc2e0e .sideNavContent_dc2e0e {
  flex: 1 1 auto;
  min-width: 350px;
  max-width: 1400px;
  inset-inline-start: 0;
  inset-inline-end: 0;
  margin: 0 auto;
  padding: 24px;
}

.container__8e680,
.container_d9914b {
  max-width: 1400px;
  align-items: center;
  gap: 16px;
}

.max-width__8e680, .max-width__5b321 {
  max-width: unset;
}

.banner__8e680,
.container__5b321 {
  width: 100%;
}

.banner__8e680 .heading-xl\/medium_cf4812 {
  font-weight: 400;
}

.container__5dbf8,
.container__8cc9a,
.container__5b321,
.box_f8c98c, .box_d9914b,
.enableCard__74f90 {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

.container__5dbf8,
.container__5b321 {
  padding: 24px;
}

.featureCards__8e680 {
  margin-block-start: 0;
  gap: 16px;
}

.container__8cc9a .heading-md\/bold_cf4812,
.container__5b321 .heading-md\/bold_cf4812 {
  font-size: 20px;
  font-weight: 400;
}

.circle__8cc9a {
  background-color: var(--card-button-color);
  border: none;
}
.circle__8cc9a .icon__8cc9a {
  color: var(--text-muted);
}

.container__5b321 {
  margin-block-start: 0;
}
.container__5b321 .text-xxs\/bold_cf4812 {
  font-size: 12px;
  font-weight: 500;
}
.container__5b321 .row__0624f {
  background-color: var(--card-color-alt);
  border-radius: var(--card-radius-big);
  border: none;
}
.container__5b321 .iconContainer__0624f {
  background-color: var(--card-button-color);
  border: none;
}

.box_f8c98c, .box_d9914b {
  padding: 24px;
  background-color: var(--card-color-filled);
  border: none;
}
.box_f8c98c .heading-xl\/medium_cf4812, .box_d9914b .heading-xl\/medium_cf4812 {
  font-weight: 400;
}

.stepNumber_d9914b {
  background-color: var(--card-button-color);
  border: none;
}
.stepNumber_d9914b .heading-md\/semibold_cf4812 {
  color: var(--text-muted) !important;
}

/*
 *
 *  USER SETTINGS GAME OVERLAY
 *
 */
.overlayEnabledSettingsContainer_ef8d95 .collapseable__217b7 {
  padding: 0;
  border-block-start: none;
}
.overlayEnabledSettingsContainer_ef8d95 .groupContainer_ef8d95 {
  border-radius: var(--card-radius-big);
}

.wrapper_e03935 {
  border-radius: var(--card-radius-big);
  border-color: hsl(var(--accent-hsl--material-you));
}
.wrapper_e03935 .option_e03935 {
  border-radius: var(--card-radius-big);
}
.wrapper_e03935 .option_e03935:hover {
  background-color: hsl(var(--accent-hsl--material-you));
  opacity: 0.6;
}
.wrapper_e03935 .option_e03935.selected_e03935 {
  background-color: hsl(var(--accent-hsl--material-you));
  border-color: hsl(var(--accent-hsl--material-you));
  box-shadow: var(--shadow-soft);
}

.groupContainer_ef8d95 {
  background-color: var(--card-color-hover);
  border-radius: calc(var(--card-radius-big) / 1.6);
}

.groupCollapsedContainer_ef8d95 {
  margin-block-start: 8px;
  margin-block-end: 8px;
  background-color: var(--card-color-hover);
  border-radius: calc(var(--card-radius-big) / 1.6);
  overflow: hidden;
}

/*
 *
 *  USER SETTINGS GIFT INVENTORY
 *
 */
.container_c50183 {
  width: 100%;
  height: auto;
  border-radius: var(--card-radius-big);
}
.container_c50183 .heading-lg\/bold_cf4812 {
  color: var(--header-primary) !important;
}
.container_c50183 .lookFilled__201d5.colorWhite__201d5 {
  --button-text-color: hsl(var(--accent-hsl--material-you));
}
.container_c50183 .lookFilled__201d5 .text-md\/medium_cf4812 {
  line-height: var(--button-height);
  color: inherit !important;
}

.premiumFeatureBorder__65c15 {
  background: linear-gradient(var(--main-color), var(--main-color)) padding-box, var(--custom-premium-colors-premium-gradient-tier-2-diagonal) border-box;
  border-radius: var(--card-radius-big);
}
.premiumFeatureBorder__65c15 .premiumBackground__65c15 {
  border-radius: var(--card-radius-big);
}

/*
 *
 *  USER SETTINGS KEYBINDS
 *
 */
.container__7700a {
  --accent-secondary-color: hsl(var(--warning-hsl));
  --accent-secondary-text-color: var(--warning-text-color);
  --text-muted: var(--text-normal);
  background-color: hsl(from hsl(var(--warning-hsl)) h s l/0.3);
  border-radius: var(--card-radius-big);
}
.container__7700a .iconContainer__7700a {
  width: auto;
  background-color: transparent;
  color: hsl(var(--warning-hsl));
}
.container__7700a .iconContainer__7700a path {
  fill: currentColor;
}
.container__7700a .anchor_edefb8 {
  color: hsl(var(--warning-hsl));
}

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

.removeKeybindFloating__57111 {
  inset-block-start: 8px;
  inset-inline-end: -12px;
}

.container_f89b2c {
  min-height: var(--button-height);
}

.buttonContainer__2636e {
  max-width: 150px;
  padding: 0;
}

.key__61c93 {
  height: 24px;
  padding: 0 8px;
  background-color: var(--card-color-active);
  border-radius: 12px;
  border: none !important;
  box-shadow: none !important;
  line-height: 24px;
  color: var(--interactive-text-default);
}
.key__61c93 g {
  fill: var(--interactive-text-default);
}

.recorderContainer__2636e {
  background-color: transparent;
  border-radius: var(--button-radius);
  border: none;
}
.recorderContainer__2636e.recording__2636e {
  box-shadow: none;
  animation: none;
}
.recorderContainer__2636e.recording__2636e .keybindInput__2636e {
  --input-color: hsl(from hsl(var(--alert-hsl)) h s l / 0.1);
  animation: keybind-edit 1200ms ease-in-out;
  animation-iteration-count: infinite;
}
.recorderContainer__2636e .keybindInput__2636e {
  height: var(--input-height) !important;
  padding: 0 var(--input-padding) !important;
  background-color: var(--input-color) !important;
  border: none;
  max-height: var(--input-height) !important;
  border-radius: calc(var(--input-height) / 2) !important;
  box-shadow: none;
  padding: 8px 8px 8px 12px;
  transition: var(--default-time) var(--default-animation) background-color;
}
.recorderContainer__2636e .keybindInput__2636e:focus-within {
  box-shadow: none;
}
.recorderContainer__2636e .keybindInput__2636e::-webkit-input-placeholder {
  font-family: var(--app-font);
}
.recorderContainer__2636e .editIcon__2636e {
  background-image: none;
  -webkit-mask-image: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/keyboard.svg");
  -webkit-mask-repeat: no-repeat;
  background-color: currentColor;
}

.recorderLayout__2636e {
  gap: 8px;
}

.addKeybindButton__2636e {
  margin: 0;
  transition: var(--default-time) var(--default-animation) width;
}

/* KEYBINDS -> DEFAULT */
.defaultKeybindGroup__57111 {
  margin: 24px 0 0;
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
  border: none;
}
.defaultKeybindGroup__57111 .defaultKeybind__57111 + .divider__44f7f {
  display: block;
}
.defaultKeybindGroup__57111 .divider__44f7f {
  width: calc(100% - 32px);
  margin: 0 16px;
  border-top-color: var(--card-border-color);
}
.defaultKeybindGroup__57111 .divider__44f7f:last-of-type {
  display: none;
}

.defaultKeybind__57111 {
  padding: 0 16px;
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}
.defaultKeybind__57111 + .divider__44f7f {
  display: none;
}

.defaultKeybindGroupHeader__57111 {
  margin-block-end: 0;
  padding: 16px 16px 0;
  font-size: 18px;
  text-transform: none;
  font-weight: 500;
}
.defaultKeybindGroupHeader__57111 + .divider__44f7f {
  display: none;
}

.defaultKeybindGroupDescription__57111 {
  margin-block-end: 0;
  padding: 16px 16px 0;
}
.defaultKeybindGroupDescription__57111 + .divider__44f7f {
  display: none;
}

/*
 *
 *  USER SETTINGS MY ACCOUNT
 *
 */
.accountProfileCard_a9178b {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}
.accountProfileCard_a9178b .banner__68edb {
  border-radius: var(--card-radius-big);
}
.accountProfileCard_a9178b .userInfo_a9178b {
  position: relative;
  height: 88px;
  padding: 16px 16px 16px 130px;
}
.accountProfileCard_a9178b .userInfo_a9178b .wrapper__44b0c {
  width: 92px !important;
  height: 92px !important;
  inset-block-start: unset;
  inset-block-end: 30px;
  background-color: var(--card-color-filled);
  border: 8px solid var(--card-color-filled);
  box-sizing: border-box;
}
.accountProfileCard_a9178b .userInfo_a9178b .wrapper__44b0c .mask__44b0c {
  position: relative;
  width: 90px;
  height: 90px;
}
.accountProfileCard_a9178b .userInfo_a9178b .wrapper__44b0c .avatarDecoration__44b0c {
  transform: translate(-2px);
}
.accountProfileCard_a9178b .mask__68edb circle {
  display: none;
}
.accountProfileCard_a9178b .background_a9178b {
  padding: var(--space-16);
  background-color: var(--card-color-hover);
  border-radius: calc(var(--popout-radius-big) / 1.6);
}
.accountProfileCard_a9178b .background_a9178b .constrainedRow_a9178b .button__201d5 {
  margin-inline-start: 8px;
}
.accountProfileCard_a9178b .background_a9178b .button__201d5:not(:last-child) {
  margin-inline-end: 16px;
}
.accountProfileCard_a9178b .badgeList_a9178b {
  height: 32px;
  padding: 0 8px;
  background-color: var(--card-color-hover) !important;
  border-radius: 16px;
}

.banner__68edb:before {
  display: none;
}

.settingsBanner_d5fdb1 {
  position: relative;
  border-radius: calc(var(--card-radius-big) / 1.5);
}

.fieldList_a9178b {
  padding: 0;
  background-color: transparent;
  border-radius: 0;
}

.credentialList__6c75d {
  margin-block-end: 16px;
  background-color: var(--card-color-filled);
  border: none;
  padding: 8px;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

.credentialItem__6c75d {
  border-radius: calc(var(--card-radius-big) / 1.65);
  border-block-start: none;
  transition: var(--default-time) var(--default-animation) background-color;
}
.credentialItem__6c75d:not(:last-child) {
  margin-block-end: 0;
}
.credentialItem__6c75d: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__70f7f {
  background-color: var(--popout-color);
  border-radius: 34px;
  box-shadow: var(--shadow-medium);
}

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

.containerWithGlowWithoutBanner_a61c56,
.containerWithoutGlow_a61c56 {
  min-height: 0;
}

.expandedProgressBarContainerSettingsPage_a61c56 {
  min-height: 0;
  margin-block-end: 0;
  background-color: var(--card-color-filled);
  border: none;
  padding: 40px;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}
.expandedProgressBarContainerSettingsPage_a61c56 .referralInfoContent_a61c56 {
  width: 100%;
  gap: var(--space-24);
  padding: 0;
}
.expandedProgressBarContainerSettingsPage_a61c56 .progressCircle__7d30a {
  margin-inline: 0;
}
.expandedProgressBarContainerSettingsPage_a61c56 .expandedProgressBarContent_a61c56 {
  width: 100%;
  margin-inline-start: 0;
}

.giftCard_a45ed3 {
  background-color: var(--card-color-filled);
  border: none;
  padding: 40px;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

.upsellContainer__0b69f {
  background: var(--popout-color);
  border-radius: 30px;
}

.upsell_ac65bb {
  height: auto;
  margin-block-end: 2px;
  background-color: var(--card-color-outlined);
  border: 1px solid var(--card-border-color);
  padding: var(--space-8);
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

/*
 *
 *  USER SETTINGS PARTY MODE
 *
 */
.achievementContainer_f8824b {
  background-color: var(--card-color-outlined);
  border: 1px solid var(--card-border-color);
  padding: 16px;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

.container__8e75f {
  background-color: var(--card-color-outlined);
  border: 1px solid var(--card-border-color);
  padding: 16px;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}
.container__8e75f:hover {
  background-color: var(--card-color-outlined);
}
.container__8e75f .container_e6b065 {
  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_e6b065 {
  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__257af {
  background-color: var(--popout-color);
  box-shadow: var(--shadow-medium);
  border-radius: 18px;
}
.comboNameplate__257af .comboMultiplier__257af {
  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_d878e7 {
  margin-inline-start: 0;
}

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

.status_d878e7 [style*="color: var(--status-positive)"] {
  color: hsl(var(--success-hsl)) !important;
}

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

.marker_d878e7 {
  margin: 0 !important;
  background-color: var(--card-color-active);
}
.marker_d878e7 path {
  fill: hsl(var(--success-hsl));
  transform: translate(-1px, -1px) scale(1.091);
}
.marker_d878e7 .empty_d878e7 {
  background-color: var(--card-color-filled);
}

/* USER SETTINGS PRIVACY AND SAFETY -> ENCRYPTION */
.item_aade6b {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}
.item_aade6b .section__89d80 {
  background-color: transparent;
}
.item_aade6b .row__89d80 {
  margin: 0 8px 8px;
  background-color: var(--card-color-hover);
  border-radius: calc(var(--card-radius-big) / 1.5);
}
.item_aade6b .icon__89d80 {
  transition: var(--default-time) var(--default-animation) background-color;
}
.item_aade6b .icon__89d80:hover {
  background-color: var(--card-button-color);
}
.item_aade6b .icon__89d80.sectionIconContainer__89d80 {
  background-color: var(--card-button-color);
}
.item_aade6b .icon__89d80.sectionIconContainer__89d80:hover {
  background-color: var(--card-button-color-hover);
}

/*
 *
 *  USER SETTINGS PROFILES
 *
 */
.tabBar_d6f9e9 .tabBarItem_d6f9e9 {
  border-block-end: none;
}
.tabBar_d6f9e9 .tabBarItem_d6f9e9.selected-g-kMVV {
  position: relative;
  background-color: transparent !important;
  border: none;
}
.tabBar_d6f9e9 .tabBarItem_d6f9e9.selected-g-kMVV:after {
  position: absolute;
  content: " ";
  width: 90%;
  height: 3px;
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  margin: 0 auto;
  background: var(--tab-border-color);
  border-radius: 3px;
  transition: var(--default-time) ease all;
}

.baseLayout__44061 {
  gap: 16px;
}

.notice-1Qe0b_ {
  background-color: var(--card-color-outlined);
  border: 1px solid var(--card-border-color);
  padding: 8px;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

.upsellOverlayContainer__0f7dc,
.upsellTextContainer__0f7dc {
  border-radius: var(--card-radius-big);
}

@media (min-width: 937px) {
  .sectionsContainer_e396b4 {
    max-width: none;
  }
}
.upsellOverlayContainer__0f7dc {
  overflow: hidden;
}

.container-5BK5-N, .container__8279f {
  border-radius: var(--card-radius-big);
}

.customizationSection_ace4f5 {
  --input-color: var(--input-color-alt);
  margin-block-end: var(--space-16);
  background-color: var(--card-color-filled);
  border: none;
  padding: var(--space-16);
  border-radius: var(--card-radius-big);
  box-shadow: none;
}
.customizationSection_ace4f5:last-child:not(.withDivider_ace4f5) {
  padding-block-end: var(--space-16);
}
.customizationSection_ace4f5.hideDivider_ace4f5 {
  padding-block-end: var(--space-16);
}
.customizationSection_ace4f5.preview__44061 {
  max-width: unset;
}
.customizationSection_ace4f5.profileThemeSectionPremiumBorder-pH_ioT {
  margin-block: 0 var(--space-16);
  margin-inline: 0;
  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_ace4f5.profileThemeSectionPremiumBorder-pH_ioT + .divider-2bhE_v {
  display: none;
}
.customizationSection_ace4f5.profileThemeSectionPremiumBorder-pH_ioT .inlineUpsell-3zPTgw {
  background-color: var(--card-color-outlined);
  border: 1px solid var(--card-border-color);
  padding: 16px;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}
.customizationSection_ace4f5.preview-Z55SA3 .title_ace4f5 {
  display: none;
}
.customizationSection_ace4f5 .customizationSection_ace4f5 {
  padding: 0;
}
.customizationSection_ace4f5 .title_ace4f5 {
  margin-block-start: calc(var(--space-16) * -1);
  margin-inline: calc(var(--space-16) * -1);
  margin-block-end: 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-block-end: none;
}
.customizationSection_ace4f5 .title_ace4f5 .titleText-1IEWzs {
  line-height: normal;
  font-size: inherit;
  color: var(--card-header-text-color);
  font-weight: 400;
}
.customizationSection_ace4f5 [class^=buttonsContainer_],
.customizationSection_ace4f5 .section__25879 {
  gap: var(--space-16);
}
.customizationSection_ace4f5 [class^=removeButton_] {
  margin-inline-start: 0;
}

.removeButton__28d5e, .removeButton__89253, .removeButton__28d5e, .removeButton__28d5e {
  margin-inline-start: 0;
}

.customizationSectionBorder_ace4f5 {
  margin: calc(var(--space-16) * -1);
  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_ace4f5 .background__65c15 {
  padding: var(--space-16);
}
.customizationSectionBorder_ace4f5 .nitroWheel_c5f0dc {
  height: 22px;
}

.bioTextArea__6a919 {
  --input-padding: 0 var(--space-12);
  height: 136px;
  padding: 0 var(--input-padding);
  background-color: var(--input-color);
  border: none;
  max-height: 136px;
  border-radius: calc(136px / 2);
  box-shadow: none;
  border-radius: 19px !important;
}
.bioTextArea__6a919:focus-within {
  box-shadow: none;
}
.bioTextArea__6a919 .textAreaWithoutAttachmentButton__74017 {
  padding-block: var(--space-12);
  padding-inline: 0;
}

.profileBannerPreview-3mLIdO {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
  border: none;
  box-shadow: var(--shadow-medium);
}
.profileBannerPreview-3mLIdO .avatarUploaderInner_ab876d {
  background-color: transparent;
  border: none;
  box-shadow: var(--shadow-medium);
}

.decorationGridItem__828af {
  background-color: var(--card-color-filled);
  border-radius: 40px;
  border: none;
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) box-shadow, var(--default-time) var(--default-animation) border-radius;
}
.decorationGridItem__828af.selected__828af {
  background-color: hsl(var(--accent-hsl--material-you));
  border-radius: var(--card-radius-big);
  border: none;
  box-shadow: none;
}
.decorationGridItem__828af.selected__828af .text-xs\/normal_cf4812 {
  color: var(--accent-text-color--material-you) !important;
}
.decorationGridItem__828af .text-xs\/normal_cf4812, .decorationGridItem__828af svg {
  transition: var(--default-time) var(--default-animation) color;
}

.effectGridItem_f9347f {
  background-color: var(--card-color-filled);
  border-radius: 34px;
  border: none;
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) box-shadow, var(--default-time) var(--default-animation) border-radius;
}
.effectGridItem_f9347f.selected_f9347f {
  background-color: hsl(var(--accent-hsl--material-you));
  border-radius: var(--card-radius-big);
  border: none;
  box-shadow: 0 0 0 2px hsl(var(--accent-hsl--material-you)), inset 0 0 0 2px var(--popout-color);
}
.effectGridItem_f9347f.selected_f9347f .text-xs\/normal_cf4812 {
  color: var(--accent-text-color--material-you) !important;
}
.effectGridItem_f9347f.selected_f9347f svg {
  color: var(--accent-text-color--material-you);
}
.effectGridItem_f9347f .text-xs\/normal_cf4812, .effectGridItem_f9347f svg {
  transition: var(--default-time) var(--default-animation) color;
}

.presetEffectBackground_f9347f,
.presetEffectImg_f9347f {
  border-radius: inherit;
}

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

.smallDecorationPreviewsContainer__00c46 {
  background-color: var(--card-color-filled);
  border: none;
  padding: var(--space-8);
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

.effectDescriptionBorderWithGradient__92e52 {
  border-radius: var(--card-radius-big);
}
.effectDescriptionBorderWithGradient__92e52 .effectDescriptionContainer__92e52 {
  background-color: var(--card-color-filled);
  border-radius: calc(var(--card-radius-big) - 2px);
}

.effectDescriptionNoGradient__92e52 {
  background-color: transparent;
  border: none;
}
.effectDescriptionNoGradient__92e52 .effectDescriptionContainer__92e52 {
  background-color: var(--card-color-filled);
  border: none;
  padding: var(--space-16);
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

.shopPreviewContainer__00c46 {
  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__00c46 .shopPreviewBanner__00c46 {
  background-color: var(--card-color-active);
  border-radius: calc(var(--card-radius-big) - 2px);
}

/* USER SETTINGS PROFILES -> TRY OUT NITRO SECTION */
.tryItOutSection__9d295 {
  position: relative;
  margin: 16px 0 0;
  padding: 0;
  border-radius: var(--card-radius-big);
  border: none;
}
.tryItOutSection__9d295:before {
  position: absolute;
  content: " ";
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  inset-block-start: 0;
  inset-inline-start: 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__9d295 .premiumBackground__65c15 {
  padding: var(--space-16);
  background: var(--card-color-filled);
  border-radius: var(--card-radius-big);
}

/* USER SETTINGS PROFILES -> NAMEPLATES */
.inventoryControlsButton__042c9 {
  background-color: var(--card-color-filled);
  border-radius: 40px;
  border: none;
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) box-shadow, var(--default-time) var(--default-animation) border-radius;
}
.inventoryControlsButton__042c9.selected__042c9 {
  background-color: hsl(var(--accent-hsl--material-you));
  border-radius: var(--card-radius-big);
  border: none;
  box-shadow: none;
}
.inventoryControlsButton__042c9.selected__042c9 .text-xs\/normal_cf4812 {
  color: var(--accent-text-color--material-you) !important;
}
.inventoryControlsButton__042c9.selected__042c9 svg {
  color: var(--accent-text-color--material-you);
}
.inventoryControlsButton__042c9 .text-xs\/normal_cf4812, .inventoryControlsButton__042c9 svg {
  transition: var(--default-time) var(--default-animation) color;
}

.inventory__042c9 {
  padding-inline-start: 3px;
}

.nameplateItem__042c9 {
  border-radius: 24px;
  transition: var(--default-time) var(--default-animation) box-shadow, var(--default-time) var(--default-animation) border-radius;
}
.nameplateItem__042c9:has(.selected__042c9) {
  border-radius: var(--card-radius-big);
}
.nameplateItem__042c9 .nameplatePreview_e144e0,
.nameplateItem__042c9 > div[role=img] {
  border-radius: inherit;
}

.nameplateItemOverlay__042c9 {
  border-radius: 0;
  border-radius: inherit;
}
.nameplateItemOverlay__042c9.selected__042c9 {
  box-shadow: 0 0 0 2px hsl(var(--accent-hsl--material-you)), inset 0 0 0 2px var(--popout-color);
}

.iconBadge__03991 {
  width: var(--space-32);
  height: var(--space-32);
  inset-block-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  margin: auto var(--space-8);
  background-color: var(--card-button-color) !important;
}

.previewBorder__36852 {
  border-radius: var(--card-radius-big);
}
.previewBorder__36852:before {
  background-color: var(--card-color-filled);
  border-radius: calc(var(--card-radius-big) + 2px);
}

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

/* USER SETTINGS PROFILES -> DISPLAY NAME STYLE */
.zillaSlab__89a31 {
  --app-font: "Zilla Slab";
}

.cherryBomb__89a31 {
  --app-font: "Cherry Bomb One";
}

.chicle__89a31 {
  --app-font: "Chicle";
}

.museoModerno__89a31 {
  --app-font: "Museo Moderno";
}

.neoCastel__89a31 {
  --app-font: "Neo Castel";
}

.pixelify__89a31 {
  --app-font: "Pixelify Sans";
}

.sinistre__89a31 {
  --app-font: "Sinistre";
}

.fontButton_fc7677 {
  background-color: var(--card-color-filled);
  border-radius: 34px;
  border: none;
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) box-shadow, var(--default-time) var(--default-animation) border-radius;
}
.fontButton_fc7677.selected_fc7677 {
  background-color: hsl(var(--accent-hsl--material-you));
  border-radius: var(--card-radius-big);
  border: none;
  box-shadow: none;
}
.fontButton_fc7677.selected_fc7677 .text-lg\/semibold_cf4812 {
  color: var(--accent-text-color--material-you) !important;
}
.fontButton_fc7677 .text-lg\/semibold_cf4812, .fontButton_fc7677 svg {
  transition: var(--default-time) var(--default-animation) color;
}

.effectContainer_caa50c {
  background-color: var(--card-color-filled);
  border-radius: 34px;
  border: none;
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) box-shadow, var(--default-time) var(--default-animation) border-radius;
}
.effectContainer_caa50c.selected_caa50c {
  background-color: hsl(var(--accent-hsl--material-you));
  border-radius: var(--card-radius-big);
  border: none;
  box-shadow: none;
}
.effectContainer_caa50c svg {
  transition: var(--default-time) var(--default-animation) color;
}

.effectContainer_caa50c.selected_caa50c .container_dfb989.showEffect_dfb989 .pop_dfb989 {
  color: var(--accent-text-color--material-you);
}
.effectContainer_caa50c.selected_caa50c .container_dfb989 .solid_dfb989 {
  color: var(--accent-text-color--material-you);
}
.effectContainer_caa50c.selected_caa50c .container_dfb989 .gradient_dfb989 {
  background: linear-gradient(to bottom right, var(--accent-text-color--material-you) 10%, hsl(from var(--accent-text-color--material-you) calc(h - 180) s l) 90%);
  background-clip: text;
}
.effectContainer_caa50c .container_dfb989 .gradient_dfb989 {
  background: linear-gradient(to bottom right, hsl(var(--accent-hsl--material-you)) 10%, hsl(from var(--accent-text-color--material-you) calc(h - 180) s l) 90%);
  background-clip: text;
  transition: var(--default-time) var(--default-animation) background;
}

.selectionSection__39813 .sectionHeader__39813 {
  padding: 0;
  border-radius: 0;
}

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

.previewCards__4671c .chatMessage__4671c {
  background-color: var(--message-color) !important;
  border: none;
}
.previewCards__4671c .nameplatePreview_e144e0 {
  margin-block-start: var(--space-4);
  background-color: var(--chat-color);
  border: none;
}

.subscriberButtonContainer__57c71 {
  width: auto;
}

/*
 *
 *  USER SETTINGS REGISTERED GAMES
 *
 */
.notDetected_b53c4e {
  background-color: var(--card-color-filled) !important;
  border: none !important;
  padding: 16px !important;
  border-radius: var(--card-radius-big) !important;
  box-shadow: none !important;
}
.notDetected_b53c4e .gameName_b53c4e {
  color: var(--interactive-text-default) !important;
}
.notDetected_b53c4e .lastPlayed_b53c4e {
  color: var(--text-muted) !important;
}

.nowPlaying_b53c4e {
  border-radius: var(--card-radius-big);
  border: none;
}
.nowPlaying_b53c4e .flowerStar__3e3b0 path {
  fill: #fff;
}
.nowPlaying_b53c4e .childContainer__3e3b0 path {
  fill: #000;
}

.nowPlayingAdd_b53c4e {
  margin-block: var(--space-16);
  margin-inline: 0;
  color: var(--interactive-text-default) !important;
}
.nowPlayingAdd_b53c4e .lookLink__201d5 {
  margin-inline-start: 8px;
}
.nowPlayingAdd_b53c4e + .marginTop40_fd297e {
  margin-block-start: 0;
}

.addedGamesTitle_b53c4e {
  margin-block-end: 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-block-end: none;
  padding-block: var(--space-16) var(--space-8);
  padding-inline: var(--space-16);
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big) var(--card-radius-big) 0 0;
  font-size: 1.25em !important;
}

.addedGamesDescription_b53c4e {
  margin-block-end: 0;
  padding-block: 0;
  padding-inline: var(--space-16);
  background-color: var(--card-color-filled);
}

.game_b53c4e {
  margin-block-end: 0;
  padding: var(--space-16);
  background-color: var(--card-color-filled);
  border-radius: 0;
  border: none;
}
.game_b53c4e.hoverCardNoMargin_b53c4e:before {
  inset-inline-start: var(--space-8);
  inset-inline-end: var(--space-4);
}
.game_b53c4e:first-of-type {
  border-start-start-radius: var(--card-radius-big);
  border-start-end-radius: var(--card-radius-big);
}
.game_b53c4e:last-of-type {
  padding-block-end: var(--space-24);
  border-end-start-radius: var(--card-radius-big);
  border-end-end-radius: var(--card-radius-big);
  box-shadow: none !important;
}
.game_b53c4e:last-of-type:before {
  height: calc(100% - 8px);
  inset-block-end: 8px;
}
.game_b53c4e:before {
  position: absolute;
  content: " ";
  width: calc(100% - 16px);
  height: 100%;
  inset-inline-start: 8px;
  inset-inline-end: 4px;
  inset-block-end: unset;
  background-color: var(--card-color-hover);
  border-radius: calc(var(--card-radius-big) / 1.5);
  border: none;
  pointer-events: none;
  opacity: 0;
  transition: var(--default-time) var(--default-animation) opacity;
}
.game_b53c4e .gameName_b53c4e {
  font-weight: 500;
}
.game_b53c4e:hover .gameNameInput_b53c4e {
  background-color: var(--input-color-alt);
}
.game_b53c4e:hover:before {
  opacity: 1;
}
.game_b53c4e:focus-within:before {
  opacity: 1;
}
.game_b53c4e .gameNameInput_b53c4e {
  margin-inline-start: -4px;
  padding-block: 0;
  padding-inline: var(--space-4);
  border: none;
  border-radius: 12px;
  line-height: 24px;
  transition: var(--default-time) var(--default-animation) background-color;
}
.game_b53c4e .gameNameInput_b53c4e:hover, .game_b53c4e .gameNameInput_b53c4e:focus {
  background-color: var(--input-color-alt);
}
.game_b53c4e .overlayStatusText__668e1 {
  color: var(--text-muted) !important;
}
.game_b53c4e .button__9a406 {
  inset-inline-end: -12px;
}
.game_b53c4e .removeGame_b53c4e {
  inset-block-start: calc(var(--space-8) * -1);
  inset-inline-end: 0;
}

/*
 *
 *  USER SETTINGS SERVER BOOST
 *
 */
.card__1bfce {
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

.cardHeader__1bfce {
  padding: var(--space-16);
  border-block-end: none;
}

.boostRow__1bfce {
  margin-inline: var(--space-8);
  background-color: var(--card-color-hover);
}
.boostRow__1bfce:nth-of-type(2) {
  border-start-start-radius: calc(var(--card-radius-big) - var(--space-8));
  border-start-end-radius: calc(var(--card-radius-big) - var(--space-8));
}
.boostRow__1bfce.boostRowLast__1bfce {
  margin-block-end: var(--space-8);
  border-end-start-radius: calc(var(--card-radius-big) - var(--space-8));
  border-end-end-radius: calc(var(--card-radius-big) - var(--space-8));
}

.card_a12047 {
  background-color: var(--card-color-filled);
  border: none;
  padding: var(--space-16);
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

.card__4b63d {
  background-color: var(--card-color-filled);
  border: none;
  padding: var(--space-16);
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

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

/*
 *
 *  USER SETTINGS THEME EDITOR
 *
 */
.themeEditor_cf6da1,
.container__5a2df {
  height: auto;
  margin: var(--space-16);
  background-color: var(--card-color-filled);
  border-radius: var(--popout-radius-big);
  border-inline-start: none;
  overflow: hidden;
}

.container_cc53de {
  margin-block: var(--space-16);
  padding: var(--space-16);
  background-color: var(--card-color-hover);
  border-radius: var(--card-radius-big);
}

.editorBody__5a2df {
  margin-block-start: 0;
  padding-block: var(--space-16);
  padding-inline: var(--space-16) calc(var(--space-16) - var(--scrollbar-width));
}
.editorBody__5a2df .pillContainer__9e06a {
  height: auto;
  border: none;
}

.hexInputContainer__247cf {
  background-color: var(--card-color-filled);
  border-radius: var(--card-radius-big);
  border: none;
}
.hexInputContainer__247cf .hexColorPreview__247cf {
  border-radius: calc(var(--card-radius-big) / 1.9);
  border: none;
}

.resetButton__5a2df {
  margin-block-start: 0;
}

/*
 *
 *  USER SETTINGS VOICE AND VIDEO
 *
 */
.soundButtonSettingContainer__84bad {
  background-color: var(--card-color-hover);
  border-radius: calc(var(--card-radius-big) / 1.65);
}

.deviceOptionCertified_fe5040 {
  width: 18px;
  height: 18px;
  -webkit-mask-image: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/verified_check.svg");
  -webkit-mask-repeat: no-repeat;
  background-color: hsl(var(--accent-hsl--material-you));
  object-position: -99999px 99999px;
}

.micTestButton__169b3 {
  width: auto;
}

.wrapper__06283 {
  height: 4px;
  border-radius: 2px;
  overflow: hidden;
}
.wrapper__06283 .container__06283 {
  width: 100% !important;
}
.wrapper__06283 .container__06283[style*="background: linear-gradient(to right, var(--yellow-260), var(--green-360))"] {
  background: hsl(var(--success-hsl)) !important;
}
.wrapper__06283 .progress__06283 {
  background-color: var(--card-color-hover);
}
.wrapper__06283 .notches__06283 {
  display: none;
}

.micTestCaption__011b7 {
  inset-block-start: 22px;
  inset-inline-start: 148px;
}

.inputSensitivityBar_ac7648 .fill_ac7648 {
  height: 4px !important;
  background-color: var(--accent-text-color--material-you) !important;
  border-radius: 2px;
  transition: var(--default-time) var(--default-animation) width !important;
}

.cameraWrapper_d41d5f {
  background-color: var(--card-color-filled);
  border: none;
  padding: 0;
  border-radius: var(--card-radius-big);
  box-shadow: none;
}
.cameraWrapper_d41d5f video {
  border-radius: var(--card-radius-big);
}

.backgroundOption__53965:hover {
  box-shadow: none !important;
  transform: none !important;
}

.backgroundOptionRing__53965 {
  border-radius: var(--card-radius-big);
  border-color: hsl(var(--accent-hsl--material-you));
  animation: var(--default-time) var(--default-animation) show-ring;
}

.backgroundOptionSelected__53965 .backgroundOptionInner__53965 {
  border-radius: calc(var(--card-radius-big) - 4px);
}

.backgroundOptionInner__53965 {
  background-color: var(--card-color-filled);
  border-radius: 45px;
  transition: var(--default-time) var(--default-animation) border-radius;
}

/*
 *
 *  SETTINGS CONTENT AREA
 *
 */
.contentRegion__23e6b {
  background-color: var(--main-content-color);
  overflow: hidden;
}
.contentRegion__23e6b .h1_b717a1,
.contentRegion__23e6b .heading-lg\/semibold_cf4812,
.contentRegion__23e6b .bd-settings-title {
  font-size: 22px;
  font-weight: 400;
}
.contentRegion__23e6b .bd-settings-group-title {
  font-size: 14px;
  text-transform: none;
  font-weight: 500;
}

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

/* SETTINGS CONTENT AREA -> RESIZE CONTENT AREA */
.contentColumnDefault__23e6b,
.contentColumnMinimal__23e6b,
.contentColumnWide__23e6b,
.customColumn__23e6b,
.customScroller__23e6b > div,
.content_dbba93 {
  flex: 1 1 auto;
  min-width: 350px;
  max-width: 1400px;
  inset-inline-start: 0;
  inset-inline-end: 0;
  margin: 0 auto;
}

.content_dbba93 {
  display: flex;
  padding: 60px;
}

.contentColumnDefault__23e6b,
.contentColumnWide__23e6b {
  padding: 60px;
}

.customContainer__23e6b {
  width: auto;
}
.customContainer__23e6b .customScroller__23e6b {
  padding-inline-end: 0 !important;
}
.customContainer__23e6b .customScroller__23e6b > div {
  position: relative;
  min-width: 350px;
  max-width: 1400px;
  margin-block: 0 60px;
  margin-inline: auto;
  padding-block: 60px !important;
  padding-inline: 60px 97px !important;
}
.customContainer__23e6b .customScroller__23e6b > .customHeader__5906b {
  padding: 0;
}
.customContainer__23e6b .customScroller__23e6b .customHeader__5906b {
  padding-block-start: 0;
}

.customColumn__23e6b + .toolsContainer__23e6b,
.contentRegion__23e6b div[role=tabpanel] + .toolsContainer__23e6b {
  position: absolute;
  width: 60px;
  height: 60px;
  inset-inline-end: 0;
}
.customColumn__23e6b + .toolsContainer__23e6b .tools__23e6b,
.contentRegion__23e6b div[role=tabpanel] + .toolsContainer__23e6b .tools__23e6b {
  position: absolute;
  width: 36px;
  inset-inline-end: 0;
}

.contentColumnMinimal__23e6b {
  padding-block: 60px 80px;
  padding-inline: 80px;
}

.sidebarScrollable__53543 .side_aa8da2 .header_aa8da2:first-child {
  margin-block: 0 8px;
  margin-inline: 0;
  padding-block: 0px !important;
  padding-inline: 10px 0 !important;
}

.leftContent_a84c50,
.leftColumn_dbba93 {
  max-width: none;
}

/* SETTINGS CONTENT AREA V2 */
.content_e9e3ed {
  background-color: var(--main-color);
  border-radius: var(--popout-radius-big);
}

.contentHeader_e9e3ed {
  background-color: var(--main-color);
  border-block-end: none;
}
.contentHeader_e9e3ed .heading-md\/medium_cf4812 {
  color: var(--header-primary) !important;
}

.panel__6131a {
  max-width: 920px;
}

/*
 *
 *  USER SETTINGS
 *
 */
.layer__960e4,
.standardSidebarView__23e6b,
.contentRegion__23e6b {
  background-color: var(--main-alt);
}

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

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

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

.noticeRegion__23e6b,
.saveNoticeContainer__51673 {
  inset-inline-start: 0;
  inset-inline-end: 0;
  margin: 0 auto;
}

.saveNoticeContainer__51673 {
  inset-inline-start: 252px;
}

.container__9a9f9 {
  padding-block: var(--space-8);
  padding-inline: var(--space-16) var(--space-8);
  background-color: var(--popout-color);
  border-radius: 6px;
  box-shadow: var(--shadow-soft);
  border: none;
}
.container__9a9f9 .lookFilled__201d5 {
  --button-padding-start: 12px;
  --button-padding-end: 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__9a9f9 .lookFilled__201d5:after {
  --accent-button-action: hsl(var(--button-link-accent-color));
}

.message__9a9f9 {
  color: var(--interactive-text-default) !important;
}

.actions__9a9f9 {
  flex-direction: row-reverse;
}

.resetButton__9a9f9 {
  --button-padding-start: 0;
  --button-padding-end: 0;
  min-width: var(--button-height);
  margin-inline-start: 0;
  font-size: 0;
}
.resetButton__9a9f9:before {
  display: flex;
  position: absolute;
  content: " ";
  width: 18px;
  height: 18px;
  -webkit-mask-image: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/close.svg");
  -webkit-mask-repeat: no-repeat;
  background-color: var(--interactive-text-default);
  transform: scale(1.333333);
}
.resetButton__9a9f9 .contents__201d5 {
  display: none;
}

/* USER SETTINGS V2 */
.modalContent_e44912 {
  background-color: var(--main-alt);
}
.modalContent_e44912 .slider_a562c8 .track_a562c8 .grabber_a562c8 {
  --slider-grabber-background: var(--main-color);
}

.container__8a529 {
  background-color: var(--main-alt);
}

.container__9a9f9 {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  border: none;
  box-shadow: var(--shadow-soft);
}

/*
 *
 *  SIDEBAR
 *
 */
.sidebarRegionScroller__23e6b {
  --scrollbar-width: var(--scrollbar-thin-width);
  background-color: var(--main-alt);
}

.sidebarRegion__23e6b {
  flex: 0;
}

.sidebar__23e6b {
  --sidebar-width: 240px;
  width: var(--sidebar-width);
  margin: 0;
  padding-block: 60px 40px;
  padding-inline: 0;
}
.sidebar__23e6b .side_aa8da2 {
  width: inherit;
}
.sidebar__23e6b .side_aa8da2 > div:not([class])[style="margin-bottom: 8px;"] {
  display: flex;
  position: fixed;
  align-items: flex-end;
  width: var(--sidebar-width);
  height: calc(60px + var(--input-height));
  inset-block-start: 0;
  margin-block-end: 0 !important;
  background-color: var(--main-alt);
  z-index: 4;
}
.sidebar__23e6b .side_aa8da2 > div:not([class])[style="margin-bottom: 8px;"] + .header_aa8da2 {
  margin-block-start: 56px;
}
.sidebar__23e6b .container__72c38 {
  flex: 0 1 auto;
  width: calc(var(--sidebar-width) - 18px);
  margin-inline-start: 12px;
}
.sidebar__23e6b .container__72c38 {
  border-radius: calc(var(--input-height) / 2);
  border: none;
  box-shadow: none;
}
.sidebar__23e6b .container__72c38:focus-within {
  box-shadow: none;
}
.sidebar__23e6b .item_aa8da2 {
  width: calc(var(--sidebar-width) - 18px);
  height: 32px;
  margin-inline-start: 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__23e6b .item_aa8da2.themed_aa8da2:hover:not(.disabled_aa8da2) {
  background-color: var(--menu-item-hover);
}
.sidebar__23e6b .item_aa8da2.selected_aa8da2 {
  background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity)) !important;
}
.sidebar__23e6b .item_aa8da2.selected_aa8da2:before {
  opacity: 1;
}
.sidebar__23e6b .item_aa8da2.selected_aa8da2 .premiumLabel_e681d1 {
  color: var(--interactive-active) !important;
}
.sidebar__23e6b .item_aa8da2 svg {
  display: none;
}
.sidebar__23e6b .item_aa8da2 .selectedBackground_e681d1 {
  display: none;
}
.sidebar__23e6b .item_aa8da2 .premiumLabel_e681d1 {
  flex-grow: 1;
  gap: 8px;
}
.sidebar__23e6b .item_aa8da2 .textBadge__2b1f5 {
  background-color: hsl(var(--accent-hsl--material-you)) !important;
  color: var(--accent-text-color--material-you);
}
.sidebar__23e6b .header_aa8da2,
.sidebar__23e6b .bd-sidebar-header {
  margin-block: 10px 12px;
  margin-inline: 28px;
  padding: 0;
  color: var(--text-muted) !important;
}
.sidebar__23e6b .eyebrow,
.sidebar__23e6b .bd-sidebar-header-label {
  font-size: 0.8em;
  text-transform: none;
}
.sidebar__23e6b .bd-sidebar-header-label {
  padding: 0;
  line-height: 16px;
  color: inherit;
}
.sidebar__23e6b .separator_aa8da2 {
  position: relative;
  height: 1px;
  margin-block: 10px;
  margin-inline: 28px 22px;
  background: transparent;
}
.sidebar__23e6b .separator_aa8da2:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 1px;
  background: rgba(114, 118, 125, 0.3);
}

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

.socialLinks__7df54,
.info__2debe {
  padding-block: 8px;
  padding-inline: 26px 12px;
}

/* SIDEBAR -> LIGHT THEME WITH DARK SIDEBAR */
.sidebarRegion__23e6b.theme-dark:after {
  position: absolute;
  content: " ";
  width: calc(100vw - 245px);
  height: 100%;
  inset-block-start: 0;
  inset-inline-end: 0;
  background-color: var(--main-alt);
  pointer-events: none;
  z-index: -1;
}

.contentRegion__23e6b {
  z-index: 2;
}

/* SIDEBAR V2 */
.sidebar__409aa {
  padding-block-start: var(--space-24);
  border-inline-end: none;
}

.fixedContent__409aa {
  margin-inline-end: var(--space-12);
  margin-block-end: calc(var(--input-radius) * -1);
  padding-inline: 0;
  border-radius: var(--input-radius);
  z-index: 2;
}
.fixedContent__409aa:after {
  height: calc(var(--input-radius) + var(--space-12));
  inset-block-start: unset;
  inset-block-end: calc((var(--input-radius) - var(--space-12) / 2) * -1);
  background: linear-gradient(to bottom, var(--main-alt), transparent);
  inset-inline: 0;
  z-index: -1;
  pointer-events: none;
}
.fixedContent__409aa .item_caf372 {
  height: 60px;
}

.searchBarContainer_cf016e {
  margin-block-start: var(--space-16);
}
.searchBarContainer_cf016e .container__72c38 {
  border-radius: calc(var(--input-height) / 2);
  border: none;
  box-shadow: none;
}
.searchBarContainer_cf016e .container__72c38:focus-within {
  box-shadow: none;
}
.searchBarContainer_cf016e .container__5a838 {
  background-color: transparent;
  border-radius: 0;
}

.navScroller__409aa {
  margin-inline-end: 0;
  padding-block-start: calc(var(--input-radius) + var(--space-12));
  padding-inline: 0 calc(var(--space-12) - var(--scrollbar-thin-width));
  padding-inline-end: calc(var(--space-12) - var(--scrollbar-thin-width)) !important;
}

.nav__409aa .section__409aa {
  gap: 2px;
  border-block-end: none;
}
.nav__409aa .section__409aa:after {
  position: relative;
  content: " ";
  width: calc(100% - var(--space-16) * 2);
  height: 1px;
  inset-block-start: calc(var(--space-8) - 1px);
  inset-inline-start: var(--space-16);
  background-color: var(--card-border-color);
}

.label__409aa {
  margin-block: var(--space-8) var(--space-4);
  margin-inline: var(--space-16);
  color: var(--text-muted) !important;
}

.item_caf372 {
  height: 40px;
  line-height: 40px;
  padding: 0 var(--space-16);
  border-radius: 20px;
  color: var(--text-secondary);
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) color;
}
.item_caf372:hover {
  background-color: var(--menu-item-hover);
}
.item_caf372.active_caf372 {
  background-color: hsl(var(--accent-hsl), var(--menu-item-select-accent-opacity));
  color: var(--interactive-active);
}

/*
 *
 *	DISCORD SHOP CONTENT
 *
 */
.shopScroll__6db1d, .shopScroll__1feb0,
.shop__08415 {
  background-color: transparent;
}

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

.filterBar__11877 {
  background-color: transparent;
}

.searchBar__824d3 {
  --input-height: 32px;
}

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

.shopFullscreen__08415 {
  margin-block-start: 0;
  background: var(--main-alt);
}

.page__5e434 .shop__6db1d,
.page__5e434 .pageWrapper__6db1d {
  background-color: transparent;
  border-block-start: none;
}
.page__5e434 .shop__08415 {
  background-color: var(--chat-color);
}

/* DISCORD SHOP CONTENT -> BANNERS */
.shyBanner__78fa4 {
  border-radius: var(--card-radius-big);
  box-shadow: none;
}

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

.heroBanner_e16ab1 {
  margin-block-start: 0;
}

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

.shopAll__08415 {
  background-color: hsl(var(--accent-hsl--material-you)) !important;
  border-radius: 22px;
}
.shopAll__08415 svg path {
  fill: var(--accent-text-color--material-you);
}
.shopAll__08415 .text-sm\/medium_cf4812 {
  color: var(--accent-text-color--material-you);
}

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

/* DISCORD SHOP CONTENT -> CARDS */
.productCardContainer_fcbddd {
  background-color: var(--card-color-filled) !important;
  border: none !important;
  padding: 0 !important;
  border-radius: var(--card-radius-big) !important;
  box-shadow: none !important;
  transition: var(--default-time) var(--default-animation) background-color, var(--default-time) var(--default-animation) box-shadow !important;
}
.productCardContainer_fcbddd:hover {
  background-color: var(--card-color-hover) !important;
  box-shadow: var(--shadow-soft) !important;
}
.productCardContainer_fcbddd:hover {
  --card-color-filled: var(--card-color-hover);
}
.productCardContainer_fcbddd .text-lg\/bold_cf4812 {
  font-weight: 400;
  font-size: 24px;
  color: var(--header-primary) !important;
}
.productCardContainer_fcbddd .cardBackground_c23530,
.productCardContainer_fcbddd .darkCardBackground_c3d04b {
  background-color: var(--card-color-filled);
  transition: var(--default-time) var(--default-animation) background-color;
}
.productCardContainer_fcbddd .description__8d6d2,
.productCardContainer_fcbddd .priceTag__6412e {
  color: var(--interactive-text-default) !important;
}
.productCardContainer_fcbddd .premiumIcon__7552e path {
  fill: currentColor;
}
.productCardContainer_fcbddd .lookFilled__201d5.colorBrand__201d5 {
  background: var(--button-background) !important;
}
.productCardContainer_fcbddd .giftButtonInner_f3c9fa,
.productCardContainer_fcbddd .previewButtonInner_bfc6e5 {
  max-width: none;
  max-height: none;
}

.wishlistButton__979b1 {
  border-radius: calc(var(--card-radius-big) / 1.5);
}

.footerGradient_fcbddd {
  background: linear-gradient(to top, var(--card-color-filled), color-mix(in oklab, var(--card-color-filled) 80%, transparent) 30%, color-mix(in oklab, var(--card-color-filled) 0%, transparent) 100%) !important;
}

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

/*
 *
 *	DISCORD SHOP HOME VIEW
 *
 */
.tabs__80679 .tab__80679 {
  margin-block-end: 0;
}
.tabs__80679 .tab__80679:hover:not(.selected__80679) {
  border: none;
}
.tabs__80679 .tab__80679.selected__80679 {
  position: relative;
  background-color: transparent !important;
  border: none;
}
.tabs__80679 .tab__80679.selected__80679:after {
  position: absolute;
  content: " ";
  width: 80%;
  height: 3px;
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  margin: 0 auto;
  background: var(--tab-border-color);
  border-radius: 3px;
  transition: var(--default-time) ease all;
}

.shopScroll__6db1d, .shopScroll__1feb0 {
  height: 100%;
}

.shopFullscreen__08415,
.pageWrapper__6db1d {
  height: calc(100vh - (124px + var(--space-32)));
  padding-block-end: var(--space-32);
  overflow-y: scroll;
}

.page__5e434 .shop__08415,
.page__5e434 .pageWrapper__6db1d {
  height: calc(100vh - (var(--custom-channel-header-height) + var(--custom-app-top-bar-height)));
  padding-block-end: 0;
  overflow-y: scroll;
}

/*
 *
 *	DISCORD SHOP MODALS
 *
 */
.modalContent_c50f62 {
  padding: 0 !important;
  border-radius: var(--popout-radius-big) !important;
}
.modalContent_c50f62::-webkit-scrollbar {
  --scrollbar-width: 0;
  --scrollbar-thin-width: 0;
}
.modalContent_c50f62 .collectibleInfoContainer_c50f62 {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius-big);
}
.modalContent_c50f62 .collectibleInfoContainer_c50f62 .lookFilled__201d5 {
  background: var(--button-background) !important;
}
.modalContent_c50f62 .collectibleInfoContainer_c50f62 .lookFilled__201d5 .contents__201d5 svg {
  height: 24px;
}
.modalContent_c50f62 .categoryBanner_c50f62 {
  width: calc(100% + var(--popout-radius-big));
  inset-inline-start: calc(var(--popout-radius-big) * -1);
}

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

.nameplateRightPanePreviewContainer_c50f62 {
  background-color: var(--chat-color);
  border-radius: var(--popout-radius-big);
  box-shadow: var(--shadow-soft);
}

.nameplatePreview__62b8c {
  border-radius: 29px;
}

.wishlistButton__979b1 {
  --interactive-icon-default: var(--accent-secondary-text-color);
  width: var(--button-height);
  height: var(--button-height);
  background-color: var(--accent-secondary-color);
  border-radius: var(--button-radius);
  border: none;
}
.wishlistButton__979b1[aria-pressed=true] {
  border-radius: calc(var(--button-radius) / 1.75);
}
.wishlistButton__979b1:not(.disabled__979b1) {
  transition: var(--default-time) var(--default-animation) border-radius !important;
}
.wishlistButton__979b1:not(.disabled__979b1):hover {
  background-color: var(--accent-secondary-color);
}

/*
 *
 *	DISCORD SHOP SETTINGS VIEW
 *
 */
.shopViewWrapper__6db1d .headerBar__80679.fullscreenHeaderBar__80679 {
  height: calc(84px + var(--custom-app-top-bar-height));
  padding: var(--custom-app-top-bar-height) var(--space-16) 0;
  background-color: var(--chat-color) !important;
}
.shopViewWrapper__6db1d .headerBar__80679.fullscreenHeaderBar__80679 .children__9293f {
  overflow: visible;
}
.shopViewWrapper__6db1d .headerBar__80679.fullscreenHeaderBar__80679 .children__9293f:after {
  background: linear-gradient(90deg, transparent 0, var(--main-color)) !important;
}

.shop__08415.shopFullscreen__08415 {
  background: var(--main-alt);
}

.pageWrapper__6db1d {
  background-color: transparent;
}

/*
 *
 *	ANIMATIONS
 *
 */
@keyframes top-pop-out {
  from {
    transform: translate(0, -20px);
    opacity: 0;
  }
}
@keyframes bottom-pop-out {
  from {
    transform: translate(0, 20px);
    opacity: 0;
  }
}
@keyframes show-user-status-right {
  from {
    transform: translateX(-3%) translateY(0%) translateZ(0px);
    opacity: 0;
  }
}
@keyframes show-user-status-left {
  from {
    transform: translateX(3%) translateY(0%) translateZ(0px);
    opacity: 0;
  }
}
@keyframes show-status {
  from {
    transform: translateY(15%) translateX(0%) translateZ(0px);
  }
}
@keyframes status {
  from {
    transform: scale(0);
    opacity: 0;
  }
}
@keyframes opacity {
  from {
    opacity: 0;
  }
}
@keyframes open-context-menu {
  from {
    transform: scale(1, 0.75);
  }
}
@keyframes md-ripple-scale {
  from {
    transform: scale(0);
  }
}
@keyframes rotate-panel-icon {
  25% {
    transform: rotate(-8deg);
  }
  50% {
    transform: rotate(4deg);
  }
  75% {
    transform: rotate(-4deg);
  }
  100% {
    transform: rotate(-2deg);
  }
}
@keyframes keybind-edit {
  0% {
    box-shadow: 0 0 0 hsl(from hsl(var(--alert-hsl)) h s l/0);
  }
  50% {
    box-shadow: 0 0 16px hsl(from hsl(var(--alert-hsl)) h s l/0.6);
  }
  100% {
    box-shadow: 0 0 0 hsl(from hsl(var(--alert-hsl)) h s l/0);
  }
}
@keyframes show-ring {
  from {
    border-radius: 49.5px;
    opacity: 0;
  }
  to {
    border-radius: var(--card-radius-big);
    opacity: 1;
  }
}
/*
 *
 *  BETA - VISUAL REFRESH
 *
 */
.theme-dark.theme-darker {
  --text-lightness-modifier: 1.75;
  --ui-darkness-modifier: 0.55;
}
.theme-dark.theme-midnight {
  --text-lightness-modifier: 9.8;
  --ui-darkness-modifier: 0.10;
}

.visual-refresh {
  /* server list */
  /* channels and private sidebar */
}
.visual-refresh.refresh-fast-follow-guild-bg .bg__960e4 {
  background: transparent;
}
.visual-refresh.refresh-fast-follow-guild-bg .wrapper_ef3116 {
  background: transparent;
}
.visual-refresh.theme-dark {
  --text-brand: hsl(var(--accent-hsl--material-you));
}
.visual-refresh .wrapper_ef3116 {
  /* CODE FOR MOVING STATUS AREA TO ORIGINAL SPOT */
  /*margin-block-end: 0;*/
}
.visual-refresh .container__2637a {
  /* CODE FOR MOVING STATUS AREA TO ORIGINAL SPOT */
  /*padding-block-end: calc(var(--custom-app-panels-height,0) + 12px);*/
}
.visual-refresh .panels__5e434 {
  /* CODE FOR MOVING STATUS AREA TO ORIGINAL SPOT */
  /*width: calc(100% - 94px);
  inset-inline-start: 92px;
  inset-block-end: 12px;*/
}

.align-chat-input .sidebarList__5e434 {
  background-color: var(--chat-color);
}
.align-chat-input .container__2637a {
  margin-block-end: calc(var(--custom-app-panels-height, 0) + var(--space-4));
  padding-block-end: 0;
}
.align-chat-input .wrapper__44df5 {
  padding: 0;
}
.align-chat-input .inTextChannel_b88801.base_b88801 {
  inset-block-start: -16px;
  padding: 0 var(--space-16);
  background: var(--typing-color);
}
.align-chat-input .cooldownWrapper_b21699 {
  padding: 0;
}
.align-chat-input .attachButtonInner__0923f:hover,
.align-chat-input .emojiButton__04eed:hover,
.align-chat-input .buttonContainer_e6e74f:hover {
  background-color: transparent;
}
.align-chat-input .button__24af7:not(.noHover__24af7):hover {
  background-color: transparent;
}
.align-chat-input .container__37e49 {
  border-radius: var(--sidebar-panel-radius-small);
}

/*
 *
 *  GOOGLE SANS CODE FONT
 *
 */
@font-face {
  font-family: "Google Sans Code";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSansCode-math.woff2") format("woff2");
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
@font-face {
  font-family: "Google Sans Code";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSansCode-symbols.woff2") format("woff2");
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
@font-face {
  font-family: "Google Sans Code";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSansCode-symbols2.woff2") format("woff2");
  unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F;
}
@font-face {
  font-family: "Google Sans Code";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSansCode-syriac.woff2") format("woff2");
  unicode-range: U+0303-0304, U+0307-0308, U+030A, U+0320, U+0323-0325, U+032D-032E, U+0330-0331, U+060C, U+061B-061C, U+061F, U+0621, U+0640, U+064B-0655, U+0660-066C, U+0670, U+0700-074F, U+0860-086A, U+1DF8, U+1DFA, U+200C-200F, U+25CC, U+2670-2671;
}
@font-face {
  font-family: "Google Sans Code";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSansCode-vietnamese.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Google Sans Code";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSansCode-latinext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Google Sans Code";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSansCode-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* GOOGLE SANS CODE FONT -> ITALIC */
@font-face {
  font-family: "Google Sans Code";
  font-style: italic;
  font-weight: 300 800;
  font-display: swap;
  src: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSansCode-Italic-math.woff2") format("woff2");
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
@font-face {
  font-family: "Google Sans Code";
  font-style: italic;
  font-weight: 300 800;
  font-display: swap;
  src: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSansCode-Italic-symbols.woff2") format("woff2");
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
@font-face {
  font-family: "Google Sans Code";
  font-style: italic;
  font-weight: 300 800;
  font-display: swap;
  src: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSansCode-Italic-symbols2.woff2") format("woff2");
  unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F;
}
@font-face {
  font-family: "Google Sans Code";
  font-style: italic;
  font-weight: 300 800;
  font-display: swap;
  src: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSansCode-Italic-syriac.woff2") format("woff2");
  unicode-range: U+0303-0304, U+0307-0308, U+030A, U+0320, U+0323-0325, U+032D-032E, U+0330-0331, U+060C, U+061B-061C, U+061F, U+0621, U+0640, U+064B-0655, U+0660-066C, U+0670, U+0700-074F, U+0860-086A, U+1DF8, U+1DFA, U+200C-200F, U+25CC, U+2670-2671;
}
@font-face {
  font-family: "Google Sans Code";
  font-style: italic;
  font-weight: 300 800;
  font-display: swap;
  src: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSansCode-Italic-vietnamese.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Google Sans Code";
  font-style: italic;
  font-weight: 300 800;
  font-display: swap;
  src: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSansCode-Italic-latinext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Google Sans Code";
  font-style: italic;
  font-weight: 300 800;
  font-display: swap;
  src: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSansCode-Italic-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*
 *
 *  GOOGLE SANS FLEX FONT
 *
 */
/* canadian-aboriginal */
@font-face {
  font-family: "Google Sans Flex";
  font-style: normal;
  font-weight: 1 1000;
  font-stretch: 25% 151%;
  font-display: swap;
  src: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSansFlex-canadian-aboriginal.woff2") format("woff2");
  unicode-range: U+02C7, U+02D8-02D9, U+02DB, U+0307, U+1400-167F, U+18B0-18F5, U+25CC, U+11AB0-11ABF;
}
/* cherokee */
@font-face {
  font-family: "Google Sans Flex";
  font-style: normal;
  font-weight: 1 1000;
  font-stretch: 25% 151%;
  font-display: swap;
  src: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSansFlex-cherokee.woff2") format("woff2");
  unicode-range: U+0300-0302, U+0304, U+030B-030C, U+0323-0324, U+0330-0331, U+13A0-13FF, U+AB70-ABBF;
}
/* math */
@font-face {
  font-family: "Google Sans Flex";
  font-style: normal;
  font-weight: 1 1000;
  font-stretch: 25% 151%;
  font-display: swap;
  src: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSansFlex-math.woff2") format("woff2");
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* nushu */
@font-face {
  font-family: "Google Sans Flex";
  font-style: normal;
  font-weight: 1 1000;
  font-stretch: 25% 151%;
  font-display: swap;
  src: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSansFlex-nushu.woff2") format("woff2");
  unicode-range: U+2003, U+3000, U+3002, U+4E00, U+FE12, U+16FE1, U+1B170-1B2FB;
}
/* symbols */
@font-face {
  font-family: "Google Sans Flex";
  font-style: normal;
  font-weight: 1 1000;
  font-stretch: 25% 151%;
  font-display: swap;
  src: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSansFlex-symbols.woff2") format("woff2");
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
/* syriac */
@font-face {
  font-family: "Google Sans Flex";
  font-style: normal;
  font-weight: 1 1000;
  font-stretch: 25% 151%;
  font-display: swap;
  src: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSansFlex-syriac.woff2") format("woff2");
  unicode-range: U+0303-0304, U+0307-0308, U+030A, U+0320, U+0323-0325, U+032D-032E, U+0330-0331, U+060C, U+061B-061C, U+061F, U+0621, U+0640, U+064B-0655, U+0660-066C, U+0670, U+0700-074F, U+0860-086A, U+1DF8, U+1DFA, U+200C-200F, U+25CC, U+2670-2671;
}
/* tifinagh */
@font-face {
  font-family: "Google Sans Flex";
  font-style: normal;
  font-weight: 1 1000;
  font-stretch: 25% 151%;
  font-display: swap;
  src: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSansFlex-tifinagh.woff2") format("woff2");
  unicode-range: U+02C7, U+0301-0302, U+0304, U+0306-0307, U+0309, U+0323, U+0331, U+200C-200D, U+202E, U+25CC, U+2D30-2D7F;
}
/* vietnamese */
@font-face {
  font-family: "Google Sans Flex";
  font-style: normal;
  font-weight: 1 1000;
  font-stretch: 25% 151%;
  font-display: swap;
  src: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSansFlex-vietnamese.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Google Sans Flex";
  font-style: normal;
  font-weight: 1 1000;
  font-stretch: 25% 151%;
  font-display: swap;
  src: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSansFlex-latinext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Google Sans Flex";
  font-style: normal;
  font-weight: 1 1000;
  font-stretch: 25% 151%;
  font-display: swap;
  src: url("https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSansFlex-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*# sourceMappingURL=main.css.map */