Benutzer:Crazybloy2/themes/source.css

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

• Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
• Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
• Internet Explorer/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
• Opera: Strg+F5

:root {
  --app-bg: url(https://static.wikia.nocookie.net/backrooms/images/6/6c/Co997foreground.png/revision/latest?cb=20230831125730&path-prefix=de);
  --app-blur: 6px;
  --app-margin: 24px;
  --app-radius: 10px;
  --main-rgb: 0,0,0;
  --main-content-opacity: 0.2;
  --sidebar-opacity: 0.4;
  --main-content-color: rgba(var(--main-rgb), var(--main-content-opacity));
  --sidebar-color: rgba(var(--main-rgb), var(--sidebar-opacity));
  --accent-hue: 156;
  --accent-saturation: 77.5%;
  --accent-lightness: 47.1%;
  --accent-hsl: var(--accent-hue),calc(var(--accent-saturation) * var(--saturation-factor)),var(--accent-lightness);
  --accent-opacity: 1;
  --accent-text-color: #000;
  --alert-hue: 359;
  --alert-saturation: 66.7%;
  --alert-lightness: 54.1%;
  --alert-hsl: var(--alert-hue),calc(var(--alert-saturation) * var(--saturation-factor)),var(--alert-lightness);
  --alert-opacity: 1;
  --alert-action-color: #fff;
  --alert-text-color: #fff;
  --message-color: rgba(0,0,0,0.4);
  --message-color-hover: rgba(0,0,0,0.55);
  --message-radius: var(--app-radius);
  --message-padding-top: 8px;
  --message-padding-side: 8px;
  --mention-hue: var(--accent-hue);
  --mention-saturation: var(--accent-saturation);
  --mention-lightness: var(--accent-lightness);
  --mention-hsl: var(--mention-hue),calc(var(--mention-saturation) * var(--saturation-factor)),var(--mention-lightness);
  --mention-opacity: 1;
  --reply-hue: 226;
  --reply-saturation: 77.4%;
  --reply-lightness: 61.8%;
  --reply-hsl: var(--reply-hue),calc(var(--reply-saturation) * var(--saturation-factor)),var(--reply-lightness);
  --reply-opacity: 1;
  --notification-color: #fff;
  --list-item-radius: var(--app-radius);
  --textarea-color: 255,255,255;
  --textarea-alpha: 0.1;
  --textarea-alpha-focus: 0.15;
  --textarea-text-color: #fff;
  --textarea-placeholder-color: #aaa;
  --textarea-radius: 22px;
  --textarea-block-color: rgba(0,0,0,0.4);
  --textarea-block-text-color: #ccc;
  --input-height: 36px;
  --input-radius: calc(var(--input-height) / 2);
  --card-color: rgba(0,0,0,0.4);
  --card-color-hover: rgba(0,0,0,0.5);
  --card-color-select: rgba(0,0,0,0.625);
  --card-radius: var(--app-radius);
  --card-header-shadow: 0px 3px 9px 0px rgba(0,0,0,0.25);
  --button-height: 32px;
  --button-padding: 0 16px;
  --button-color: hsla(var(--accent-hsl),var(--accent-opacity));
  --button-action-color: #000;
  --button-text-color: var(--accent-text-color);
  --button-radius: 16px;
  --switch-slider-color: hsla(218,4.6%,46.9%,0.85);
  --switch-knob-color: hsl(0,0%,13%);
  --popout-color: rgba(0,0,0,0.55);
  --popout-blur: 8px;
  --popout-header-opacity: 0.3;
  --popout-header-shadow: 0px 3px 9px 0px rgba(0,0,0,0.25);
  --popout-radius: var(--app-radius);
  --popout-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
  --nowplaying-color: 88,101,242;
  --streaming-color: 89,54,149;
  --spotify-color: 29,185,84;
  --server-folder-color: rgba(255,255,255,0.1);
  --supporter-color: hsla(var(--accent-hsl),var(--accent-opacity));
  --tooltip-color: hsla(var(--accent-hsl),var(--accent-opacity));
  --tooltip-text-color: var(--accent-text-color);
  --tooltip-font-size: 14px;
  --tooltip-padding: 8px 12px;
  --tooltip-radius: var(--app-radius);
  --tooltip-shadow: var(--elevation-high);
  --interactive-normal: #aaa;
  --interactive-hover: #ddd;
  --interactive-active: #fff;
  --interactive-muted: #777;
  --channels-default: #aaa;
  --header-secondary: #dfdfdf;
  --background-primary: transparent;
  --channels-default: var(--interactive-normal);
  --text-muted: var(--interactive-normal);
  --transition-time: 250ms;
  --transition-type: cubic-bezier(0.4,0,0.2,1);
  --scrollbar-color: 255,255,255;
  --scrollbar-color-alt: 0,0,0;
  --scrollbar-opacity: 0.2;
  --scrollbar-opacity-hover: 0.3;
  --scrollbar-width: 10px;
}

.theme-dark,
.theme-light {
  --background-modifier-hover: rgba(255,255,255,0.075);
  --background-modifier-active: rgba(255,255,255,0.1);
  --background-modifier-selected: rgba(255,255,255,0.125);
  --background-modifier-accent: rgba(255,255,255,0.175);
  --text-brand: hsl(var(--accent-hsl));
  --text-link: hsl(var(--accent-hsl));
}

/*
 *
 *  APP ELEMENTS
 *
 */
body {
  background-color: transparent;
}

.appMount-2yBXZl {
  background: var(--app-bg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}
.appMount-2yBXZl * {
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
}
.appMount-2yBXZl svg {
  filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.5));
}

::selection {
  background: hsla(var(--accent-hsl), 0.65);
  color: var(--accent-text-color);
}

.layers-OrUESM {
  margin: calc(var(--app-margin) / 2) var(--app-margin) var(--app-margin) var(--app-margin);
  border-radius: var(--app-radius);
  overflow: hidden;
  z-index: 1;
  backdrop-filter: blur(var(--app-blur));
}

.typeMacOS-3V4xXE + .app-3xd6d0 .layers-OrUESM {
  margin: var(--app-margin);
}

.app-2CXKsg,
.bg-1QIAus {
  background-color: transparent;
}

.anchor-1MIwyf {
  color: hsl(var(--accent-hsl));
}

.colorLink-12GX9V,
.colorBrand-21Le_q,
.colorBrand-3Xb6JG {
  color: hsl(var(--accent-hsl));
}

.container-2RRFHK {
  background: var(--app-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.container-2RRFHK .content-3AIQZv {
  padding: 16px;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  box-shadow: var(--popout-shadow);
  backdrop-filter: blur(var(--popout-blur));
}

/*
 *
 *  TITLE BAR
 *
 */
.titleBar-1it3bQ {
  height: 24px;
}
.titleBar-1it3bQ.typeMacOS-3V4xXE {
  top: var(--app-margin);
  left: var(--app-margin);
}
.titleBar-1it3bQ.typeMacOS-3V4xXE .macButtons-eIdy0e {
  width: 72px;
  border-top-left-radius: var(--app-radius);
}
.titleBar-1it3bQ.typeMacOS-3V4xXE .macButtons-eIdy0e .macButton-2M5W_9 {
  cursor: pointer;
}

.wordmarkWindows-2dq6rw {
  color: #fff;
}

.winButton-3UMjdg {
  height: 100%;
  top: 0;
  color: #fff;
}

.platform-osx .wrapper-1_HaEi {
  margin-top: 0;
  padding-top: 35px;
}
.platform-osx .tree-3agP2X {
  margin-top: 32px;
}

/*
 *
 *  CHANNELS LIST
 *
 */
.platform-win .sidebar-1tnWFu {
  border-radius: 0;
}

.sidebar-1tnWFu {
  background-color: var(--sidebar-color);
}
.sidebar-1tnWFu .container-1NXEtd {
  background-color: transparent;
}
.sidebar-1tnWFu .link-1_kTxV {
  border-radius: var(--list-item-radius);
}
.sidebar-1tnWFu .voiceChannelsButton-SRmgo8:hover {
  background-color: var(--background-modifier-hover);
}

.header-3OsQeK {
  background-color: transparent !important;
  box-shadow: var(--popout-header-shadow);
}
.header-3OsQeK .communityInfoPill-2Mll66 {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
}

.content-1Tgc42 {
  border-radius: var(--list-item-radius);
}

.container-12NG2g {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}

/* CHANNELS LIST -> ACTION BUTTONS */
.actionButton-2ae9DJ {
  background-color: var(--background-modifier-hover);
  border-radius: var(--list-item-radius);
  border: none;
}
.actionButton-2ae9DJ:hover {
  background-color: var(--background-modifier-active);
}
.actionButton-2ae9DJ.actionButtonSelected-2a5GGr {
  background-color: var(--background-modifier-accent);
}

/*
 *
 *  PANELS
 *
 */
.panels-3wFtMD {
  background-color: transparent;
}

.avatarSpeaking-2pCGrZ {
  box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl)), inset 0 0 0 3px var(--background-secondary);
}

.container-JMJRDf {
  width: calc(100% - 16px);
  margin: 0 8px 8px;
  background-color: transparent;
  border-radius: var(--popout-radius);
  box-shadow: none;
  overflow: hidden;
}
.container-JMJRDf:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  box-shadow: var(--popout-shadow);
  backdrop-filter: blur(var(--popout-blur));
  pointer-events: none;
  z-index: -1;
}
.container-JMJRDf .content-PlPs77 {
  padding: 8px 0;
}
.container-JMJRDf .video-31SuuY {
  width: 208px !important;
  height: 117px !important;
  border-radius: var(--popout-radius);
}

.container-1zzFcN,
.container-YkUktl,
.activityPanel-9icbyU {
  background: transparent !important;
}

.withTagAsButton-OsgQ9L,
.withTagless-10ooWt {
  margin-left: -4px;
  padding-left: 4px;
}
.withTagAsButton-OsgQ9L:hover,
.withTagless-10ooWt:hover {
  border-radius: 20px;
}

/*
 *
 *  PRIVATE CHANNELS
 *
 */
.privateChannels-oVe7HL,
.scroller-WSmht3 {
  background-color: transparent !important;
}

.searchBar-3TnChZ {
  box-shadow: var(--popout-header-shadow);
}
.searchBar-3TnChZ .searchBarComponent-3N7dCG {
  background-color: rgba(var(--textarea-color), var(--textarea-alpha));
  border-radius: 14px;
}

.channel-1Shao0 {
  border-radius: var(--list-item-radius);
}

/*
 *
 *  CHAT AREA
 *
 */
.chat-2ZfjoI,
.noChannel-1GDIAZ {
  background-color: var(--main-content-color) !important;
}

.chatContent-3KubbW {
  background-color: transparent;
}

.content-1jQy2l:before {
  display: none;
}

.emptyChannelIcon-1YdEz2 {
  background-color: var(--message-color);
}

.button-1kija8 {
  color: hsl(var(--accent-hsl));
}

.role-23oyrw {
  background-color: var(--message-color);
  border-radius: 12px;
}
.role-23oyrw:hover {
  background-color: var(--message-color-hover);
}

.newMessagesBar-1hF-9G,
.jumpToPresentBar-1cEnH0 {
  background-color: hsla(var(--accent-hsl), var(--accent-opacity));
}

.newMessagesBar-1hF-9G {
  border-radius: 0 0 var(--message-radius) var(--message-radius);
}

.jumpToPresentBar-1cEnH0 {
  padding-bottom: 0;
  border-radius: var(--message-radius);
}
.jumpToPresentBar-1cEnH0 .spinner-2ID8f1 {
  --spinner-size: auto;
}
.jumpToPresentBar-1cEnH0 .spinnerItem-2HfQC8 {
  background-color: var(--accent-text-color);
}

.barButtonBase-Sk2mdB {
  color: var(--accent-text-color);
}

/*
 *
 *  DIRECT MESSAGES
 *
 */
.wrapper-1gVUIN.minimum-fXpVNc, .wrapper-1gVUIN.video-3n15R6 {
  background-color: transparent;
  box-shadow: var(--popout-header-shadow);
}
.wrapper-1gVUIN .callContainer-HtHELf {
  background-color: transparent;
}
.wrapper-1gVUIN .container-ZMc96U {
  box-shadow: none;
}
.wrapper-1gVUIN .tile-2TcwiO {
  border-radius: var(--card-radius);
}

.controlButton-2PMNom svg {
  filter: none;
}

.border-2Vy6FN.speaking-7QZEkv {
  box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl)), inset 0 0 0 3px var(--background-secondary);
}

/* DIRECT MESSAGES -> SIDEBAR PROFILE */
.profilePanel-2VBkh8 .userProfileOuterUnthemed-11rPfA {
  background-color: transparent;
}
.profilePanel-2VBkh8 .userProfileInner-3F03PX {
  border-radius: 0;
}
.profilePanel-2VBkh8 .userProfileInner-3F03PX:before {
  display: none;
}
.profilePanel-2VBkh8 .banner-1YaD3N, .profilePanel-2VBkh8 .banner-3D8GgT {
  border-radius: 0;
}

.profilePanelConnections-1tVK8j .button-ejjZWC {
  --button-height: 36px;
  --button-padding: 0 12px;
  --button-background: transparent;
  --button-text-color: var(--text-normal);
  --button-action-color: transparent;
}

/*
 *
 *  MEMBERS LIST
 *
 */
.container-2o3qEW {
  background-color: transparent;
}

.members-3WRCEx, .members-3WRCEx > div {
  background-color: transparent;
}

.member-2gU6Ar {
  background-color: transparent;
}

.layout-1qmrhw {
  border-radius: var(--list-item-radius);
}

.botTag-7aX5WZ {
  border-radius: 5px !important;
}
.botTag-7aX5WZ.botTagRegular-kpctgU {
  background-color: hsla(var(--accent-hsl), var(--accent-opacity));
  color: var(--accent-text-color);
}
.botTag-7aX5WZ.botTagInvert-1nKcq_ {
  background-color: var(--accent-text-color);
  color: hsl(var(--accent-hsl));
}

/*
 *
 *	FORMAT TOOLBAR
 *
 */
.toolbar-37BrJ5 {
  background-color: var(--popout-color) !important;
  border-radius: var(--popout-radius) !important;
  box-shadow: var(--popout-shadow) !important;
  backdrop-filter: blur(var(--popout-blur));
  overflow: hidden;
}
.toolbar-37BrJ5 .button-ejjZWC {
  --button-radius: 0;
  --button-background: transparent;
}
.toolbar-37BrJ5 .button-ejjZWC:after {
  --button-action-color: #fff;
}

/*
 *
 *  SEARCH RESULTS
 *
 */
.searchResultsWrap-5RVOkx {
  background-color: rgba(var(--main-rgb), calc((var(--sidebar-opacity) - var(--main-content-opacity)) / (1 - var(--main-content-opacity))));
}

/* SEARCH RESULTS -> HEADER */
.searchHeader-1r_ZSh {
  background-color: transparent;
  box-shadow: var(--popout-header-shadow);
}

.channelName-3w2Y3c {
  background-color: transparent;
}

/* SEARCH RESULTS -> MESSAGES */
.searchResult-O9NDji:before, .searchResult-O9NDji:after {
  display: none;
}
.searchResult-O9NDji .wrapper-30-Nkg {
  margin-left: 50px;
  margin-right: 0;
}

.buttonsContainer-Nmgy7x {
  top: 16px;
  right: 8px;
}
.buttonsContainer-Nmgy7x .button-cfOvv- {
  background-color: var(--card-color);
  border-radius: var(--button-radius);
}

/* SEARCH RESULTS -> PAGINATION */
.activeButton-2K2Fwx {
  background-color: hsla(var(--accent-hsl), var(--accent-opacity)) !important;
  color: var(--accent-text-color) !important;
}

/*
 *
 *	MAIN TEXTAREA
 *
 */
.form-3gdLxP {
  margin-top: 0;
}
.form-3gdLxP:before {
  display: none;
}

.channelTextArea-1VQBuV,
.wrapper-2SplAX {
  --textarea-alpha: 0.1;
  margin: 12px 0 12px 0;
  background-color: rgba(var(--textarea-color), var(--textarea-alpha));
  border-radius: var(--textarea-radius);
}
.channelTextArea-1VQBuV .scrollableContainer-15eg7h,
.wrapper-2SplAX .scrollableContainer-15eg7h {
  background-color: transparent;
}
.channelTextArea-1VQBuV .placeholder-1rCBhr,
.wrapper-2SplAX .placeholder-1rCBhr {
  color: var(--textarea-placeholder-color);
}

.channelTextAreaDisabled-1p2fQv .scrollableContainer-15eg7h {
  opacity: 1;
}

.wrapper-2SplAX {
  padding: 12px 0;
}

.upload-vLbqu- {
  background-color: var(--message-color);
  border-radius: var(--message-radius);
}

.typing-2J1mQU {
  position: absolute;
  width: calc(100% - 32px);
  height: 24px;
  top: -12px;
  left: unset;
  right: unset;
  margin-top: 0;
  margin-right: 0 !important;
}
.attachedBars-2BCP3l {
  background-color: transparent;
  border-bottom: 1px solid var(--background-modifier-accent);
}
.attachedBars-2BCP3l .replyBar-1oi75v,
.attachedBars-2BCP3l .threadSuggestionBar-3ExSyc {
  background-color: transparent;
}

.mentionButton-3C5YMI {
  --text-link: hsl(var(--accent-hsl));
}

.colorLink-12GX9V {
  color: hsl(var(--accent-hsl));
}

.fakeLink-1wGafz {
  color: hsl(var(--accent-hsl));
}

.inlineCode-ERyvy_,
.before_inlineCode-1zngJj,
.after_inlineCode-2_JXPm {
  background-color: var(--textarea-block-color);
}

.inlineCode-ERyvy_ {
  color: var(--textarea-block-text-color);
}

/* MAIN TEXTAREA -> SPAM FILTER */
.spamBanner-1auiob {
  --textarea-alpha: 0.1;
  background-color: rgba(var(--textarea-color), var(--textarea-alpha));
  border-radius: var(--textarea-radius);
}

/*
 *
 *  THREAD
 *
 */
.chatTarget-3H6mpC {
  background-color: transparent;
  overflow: hidden;
}
.chatTarget-3H6mpC:before {
  content: " ";
  position: absolute;
  width: calc(100% + var(--app-margin) * 2);
  height: calc(100% + var(--app-margin) * 2 + 24px);
  top: calc((var(--app-margin) + 24px) * -1);
  left: calc(var(--app-margin) * -1);
  background-color: var(--popout-color);
  background-image: var(--app-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  box-shadow: inset 0 0 0 100vmax var(--main-content-color);
  filter: blur(var(--app-blur));
  z-index: -1;
  pointer-events: none;
}

.floating-3M3WeH {
  border-left-color: rgba(255, 255, 255, 0.1);
}

.container-3XgAHv {
  border-radius: var(--app-radius);
}

/*
 *
 *  BETTERDISCORD ADDONS
 *
 */
.bd-search-wrapper {
  height: auto;
  border-radius: var(--input-radius);
  background-color: rgba(var(--textarea-color), var(--textarea-alpha));
  border: none;
  color: var(--textarea-text-color);
  transition: var(--transition-time) var(--transition-type);
}
.bd-search-wrapper:focus {
  background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus));
}
.bd-search-wrapper .bd-search {
  color: var(--input-text-color);
}
.bd-search-wrapper .bd-search::-webkit-input-placeholder {
  color: var(--input-placeholder-color);
}

.bd-button {
  background-color: hsla(var(--accent-hsl), var(--accent-opacity));
  border-radius: var(--button-radius);
  color: var(--accent-text-color);
  text-shadow: none;
}
.bd-button:hover {
  background-color: hsla(var(--accent-hsl), var(--accent-opacity));
}
.selected.bd-button {
  background-color: hsla(var(--accent-hsl), var(--accent-opacity)) !important;
}
.selected.bd-button svg {
  fill: var(--accent-text-color) !important;
  filter: none;
}

.bd-addon-list .bd-addon-card {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}
.bd-addon-list .bd-addon-header {
  background-color: transparent;
  box-shadow: var(--card-header-shadow);
  border: none;
}
.bd-addon-list .bd-controls {
  background-color: var(--card-color);
  border-radius: var(--button-radius);
  overflow: hidden;
}
.bd-addon-list .bd-controls .bd-button {
  background-color: transparent;
}
.bd-addon-list .bd-controls .bd-button:hover {
  background-color: var(--background-modifier-selected);
}

/*
 *
 *  BETTERDISCORD PLUGIN -> ChannelDms
 *
 */
.ChannelDms-channelmembers-wrap {
  width: 240px !important;
}
.ChannelDms-channelmembers-wrap .ChannelDms-channelmembers-header {
  background-color: transparent !important;
}

.ChannelDms-channelpopout-popout {
  background-color: transparent;
  border-radius: var(--popout-radius);
  box-shadow: none;
  overflow: hidden;
}
.ChannelDms-channelpopout-popout:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  box-shadow: var(--popout-shadow);
  backdrop-filter: blur(var(--popout-blur));
  pointer-events: none;
  z-index: -1;
}
.ChannelDms-channelpopout-popout .ChannelDms-channelpopout-collapseButton {
  width: 24px;
  height: 24px;
  top: 6px !important;
  left: 6px !important;
}
.ChannelDms-channelpopout-popout .ChannelDms-channelpopout-removeButton {
  top: 6px !important;
  right: 6px !important;
}
.ChannelDms-channelpopout-popout .ChannelDms-channelpopout-header {
  background-color: transparent !important;
  box-shadow: var(--popout-header-shadow) !important;
}
.ChannelDms-channelpopout-popout .ChannelDms-channelpopout-header .ChannelDms-channelpopout-headerTag {
  margin-left: 24px;
}
.ChannelDms-channelpopout-popout .ChannelDms-channelpopout-header .ChannelDms-channelpopout-buttons {
  margin-right: 30px;
}

/*
 *
 *  BETTERDISCORD PLUGIN -> CharCounter
 *
 */
.charCounter-7fw40k {
  position: relative;
  z-index: 1;
}

.chatCounter-XOMPsh {
  bottom: auto;
}

.charCounterAdded-zz9O4t {
  margin-bottom: 24px;
}

.counter-uAzbKp {
  position: absolute !important;
  width: auto;
  height: 24px;
  margin-top: -12px;
  padding: 0;
  line-height: 24px;
  border-top: none;
  box-sizing: border-box;
  text-align: right;
  font-weight: 500;
  color: var(--text-muted);
}

/*
 *
 *  BETTERDISCORD PLUGIN -> MemberCount
 *
 */
#MemberCount {
  background-color: transparent !important;
}

.hasCounter.membersWrap-3NUR2t .members-3WRCEx {
  margin-top: 41px !important;
}

/*
 *
 *  BETTERDISCORD PLUGIN -> SpotifyControls
 *
 */
#vc-spotify-player {
  background-color: transparent !important;
}

/*
 *
 *  VENCORD SETTINGS
 *
 */
.vc-settings-tab-bar {
  margin-top: 24px;
  margin-bottom: 0 !important;
  padding-top: 10px;
  border-bottom: 1px solid var(--background-modifier-accent) !important;
}
.vc-settings-tab-bar .item-2GWPIy {
  margin: 8px;
  padding: 2px 8px;
  border-radius: var(--button-radius);
  border-bottom: none;
  line-height: 20px;
  font-size: 16px;
  color: var(--interactive-normal) !important;
}
.vc-settings-tab-bar .item-2GWPIy:hover {
  background-color: var(--background-modifier-hover) !important;
  color: var(--interactive-hover) !important;
}
.vc-settings-tab-bar .selected-1sf9UK.item-2GWPIy {
  background-color: var(--background-modifier-selected) !important;
  color: var(--interactive-active) !important;
}
.vc-settings-tab-bar .item-2GWPIy:first-child {
  margin-left: 0;
}
.vc-settings-tab-bar .item-2GWPIy:last-child {
  margin-right: 0;
}
.vc-settings-tab-bar + .divider-3nqZNm {
  display: none;
}

/* VENCORD SETTINGS -> PLUGINS */
.vc-plugins-card {
  background-color: var(--card-color) !important;
  border-radius: var(--card-radius) !important;
}
.vc-plugins-card:hover {
  box-shadow: none !important;
  transform: none !important;
}

/* VENCORD SETTINGS -> NOTIFICATION */
.vc-notification-root {
  background-color: transparent;
  border-radius: var(--popout-radius);
  box-shadow: none;
  overflow: hidden;
}
.vc-notification-root:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  box-shadow: var(--popout-shadow);
  backdrop-filter: blur(var(--popout-blur));
  pointer-events: none;
  z-index: -1;
}

/*
 *
 *  VENCORD PLUGIN - ReviewDB
 *
 */
.userProfileOuterThemed-2BgJCM .vc-rdb-view .wrapper-30-Nkg {
  --message-color: var(--profile-body-background-hover);
  --message-color-hover: var(--profile-body-background-hover);
}
.userProfileOuterThemed-2BgJCM .vc-rdb-view .formText-2UzJT0 {
  background-color: var(--profile-body-background-hover);
}
.userProfileOuterThemed-2BgJCM .vc-rdb-view .input-3O04eu {
  --input-color: var(--profile-body-background-color) !important;
}

.vc-rdb-view .wrapper-30-Nkg {
  --message-color: var(--background-modifier-hover);
  --message-color-hover: var(--background-modifier-hover);
  margin-bottom: 2px !important;
  margin-right: 0;
}
.vc-rdb-view .wrapper-30-Nkg:first-of-type {
  margin-bottom: 8px !important;
}
.vc-rdb-view .wrapper-30-Nkg .contents-2MsGLg {
  padding-left: 52px !important;
}
.vc-rdb-view .wrapper-30-Nkg .avatar-2e8lTP {
  top: 10px !important;
  left: 10px !important;
  margin-top: 0;
}
.vc-rdb-view .formText-2UzJT0 {
  padding: 8px !important;
  background-color: var(--background-modifier-hover);
  border-radius: var(--message-radius);
}
.vc-rdb-view .input-3O04eu {
  margin-top: 12px;
  padding: 7px 12px;
}

/*
 *
 *  FORUM
 *
 */
.container-3wLKDe {
  background-color: transparent !important;
}

.mainCard-3KBsBI {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}
.mainCard-3KBsBI.header-1Uy0p6 {
  border: none !important;
  box-shadow: none !important;
}
.mainCard-3KBsBI.headerWithMatchingPosts-1lTrVT {
  border-radius: var(--card-radius) var(--card-radius) 0 0;
}
.mainCard-3KBsBI .title-1v5ZfI .input-3O04eu {
  padding-left: 42px;
}

.searchIcon-2Nw0OL,
.closeIcon-3xe5xL {
  margin-left: 8px;
}

.matchingPostsRow-2IiEQ1 {
  background-color: var(--card-color);
  border-radius: 0 0 var(--card-radius) var(--card-radius);
}

/* FORUM -> TAGS */
.sortDropdown-hY93nR {
  margin-top: -1px;
  gap: unset;
}
.sortDropdown-hY93nR .sortDropdownInner-1kHAUi {
  color: var(--button-text-color);
}
.sortDropdown-hY93nR .sortDropdownText-3smleu {
  color: var(--button-text-color) !important;
}

.pill-3pRQlO {
  background-color: var(--card-color) !important;
  border: none;
}
.pill-3pRQlO:hover {
  background-color: var(--card-color-hover) !important;
}
.pill-3pRQlO.selected-24z1Ou {
  background-color: hsla(var(--accent-hsl), 0.3) !important;
}
.pill-3pRQlO.selected-24z1Ou:hover {
  background-color: hsla(var(--accent-hsl), 0.4) !important;
}

.container-2d0jMv {
  background-color: transparent;
}
.container-2d0jMv .menu-2TXYjN {
  min-width: unset;
}

.container-3kfp0r {
  background-color: transparent;
  border-radius: var(--popout-radius);
  box-shadow: none;
  overflow: hidden;
}
.container-3kfp0r:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  box-shadow: var(--popout-shadow);
  backdrop-filter: blur(var(--popout-blur));
  pointer-events: none;
  z-index: -1;
}

/* FORUM -> POSTS THREAD */
.chat-25x62K:before {
  display: none;
}

.iconWrapper-3FqQ75 {
  background-color: var(--card-color);
}

.container-3YcgdM {
  padding: 8px 16px;
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}
.container-3YcgdM .button-ejjZWC,
.container-3YcgdM .addReactButton-3bSQb6 {
  height: 32px;
  background-color: var(--card-color);
  border: none;
}
.container-3YcgdM .button-ejjZWC:hover,
.container-3YcgdM .addReactButton-3bSQb6:hover {
  background-color: var(--card-color-hover);
}
.container-3YcgdM .button-ejjZWC .contents-3NembX {
  padding: 0 8px;
  background-color: transparent;
  border: none;
}

.divider-AZrXIA {
  display: none;
}

.box-2iMsQm {
  margin-top: 8px;
  background-color: var(--message-color);
}
.box-2iMsQm:after {
  border-top-color: var(--message-color);
}

/*
 *
 *  FORUM NEW POST
 *
 */
.container-JhuCwn.collapsed-23aTv6 {
  height: auto;
}
.container-JhuCwn.collapsed-23aTv6 .inputWrapper-2K8ds1 {
  margin-right: 8px;
}
.container-JhuCwn .titleContainer-2YK93J {
  min-height: 0;
}
.container-JhuCwn .contentContainer-2xwoXK {
  padding-left: 0;
  padding-right: 94px;
}
.container-JhuCwn .formContainer-1zrOWf {
  position: relative;
  display: block;
}
.container-JhuCwn .container-3Om6RL {
  position: absolute;
  top: 52px;
  right: 0;
}
.container-JhuCwn .container-3Om6RL .uploadInput-3fblkw {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}
.container-JhuCwn .container-3Om6RL .imageSmall-308hjB {
  border-radius: var(--card-radius);
}
.container-JhuCwn .container-3Om6RL .badge-39TqBS {
  background-color: hsl(var(--accent-hsl));
  border-width: 4px;
  color: var(--accent-text-color);
}
.container-JhuCwn .input-3O04eu {
  margin: 0;
  padding: 0 12px;
  height: var(--input-height);
  border-radius: var(--input-radius);
  background-color: rgba(var(--textarea-color), var(--textarea-alpha));
  border: none;
  color: var(--textarea-text-color);
  transition: var(--transition-time) var(--transition-type);
  line-height: var(--input-height);
}
.container-JhuCwn .input-3O04eu:focus {
  background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus));
}
.container-JhuCwn .channelTextArea-1VQBuV {
  background-color: transparent;
}
.container-JhuCwn .channelTextArea-1VQBuV {
  margin: 16px 0 0;
}
.container-JhuCwn .channelTextAreaInner-2_mflx {
  --textarea-alpha: 0.1;
  padding: 8px 16px;
  background-color: rgba(var(--textarea-color), var(--textarea-alpha)) !important;
  border-radius: var(--textarea-radius);
  color: var(--textarea-text-color);
}
.container-JhuCwn .channelTextAreaInner-2_mflx::-webkit-input-placeholder {
  color: var(--textarea-placeholder-color);
}
.container-JhuCwn .mediaButton-3lZSdn {
  background-color: var(--button-color) !important;
  border: none !important;
}

/*
 *
 *  FORUM POSTS
 *
 */
.container-2qVG6q:hover,
.container-q2_DnH:hover {
  background-color: var(--card-color-hover);
  box-shadow: none;
  transform: none;
}

.bodyMedia-3UL0Kl,
.contentPreview-3fWiuC {
  border-radius: var(--message-radius);
}

.contentPreview-3fWiuC {
  background-color: var(--message-color);
  border: none;
}

.textContentFooter-2JnNv8 {
  background: none !important;
}

.reaction-102jx9 {
  background-color: var(--message-color);
  border-radius: var(--message-radius);
  border: none;
}
.reaction-102jx9:hover {
  background-color: var(--message-color);
}
.reaction-102jx9.reactionMe-2zhiyZ {
  background-color: hsla(var(--accent-hsl), 0.3);
  border-color: transparent;
}
.reaction-102jx9.reactionMe-2zhiyZ:hover {
  background-color: hsla(var(--accent-hsl), 0.4);
}
.reaction-102jx9.reactionMe-2zhiyZ .reactionCount-SWXh9W {
  color: hsla(var(--accent-hsl), var(--accent-opacity));
}

.pinIcon-zVODC5 {
  background-color: hsl(var(--accent-hsl));
}
.pinIcon-zVODC5 path {
  fill: var(--accent-text-color);
}

/*
 *
 *  BUTTONS
 *
 */
.button-ejjZWC {
  border-radius: var(--button-radius) !important;
}
.button-ejjZWC * {
  text-shadow: none;
}

.sizeSmall-3R2P2p,
.sizeMedium-2oH5mg,
.sizeLarge-2xP3-w,
.sizeXlarge-2GQ4VO {
  height: var(--button-height);
  min-height: var(--button-height);
  min-width: var(--button-height);
  padding: var(--button-padding);
}

.lookFilled-1H2Jvj,
.lookOutlined-3RTC7c,
.lookLink-13iF2K,
.lookInverted-2GrLaB {
  --button-background: hsla(var(--accent-hsl),var(--accent-opacity));
  --button-text-color: var(--accent-text-color);
  --button-outline: none;
  background-color: var(--button-background) !important;
  border: var(--button-outline) !important;
  color: var(--button-text-color) !important;
  border: var(--button-outline) !important;
  overflow: hidden;
}
.lookFilled-1H2Jvj:after,
.lookOutlined-3RTC7c:after,
.lookLink-13iF2K:after,
.lookInverted-2GrLaB:after {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--button-action-color);
  opacity: 0;
  pointer-events: none;
  transition: var(--default-time) var(--default-animation) opacity;
}
.lookFilled-1H2Jvj:hover:after,
.lookOutlined-3RTC7c:hover:after,
.lookLink-13iF2K:hover:after,
.lookInverted-2GrLaB:hover:after {
  opacity: 0.075;
}
.lookFilled-1H2Jvj:active:after,
.lookOutlined-3RTC7c:active:after,
.lookLink-13iF2K:active:after,
.lookInverted-2GrLaB:active:after {
  opacity: 0.15;
}
.lookFilled-1H2Jvj .contents-3NembX,
.lookOutlined-3RTC7c .contents-3NembX,
.lookLink-13iF2K .contents-3NembX,
.lookInverted-2GrLaB .contents-3NembX {
  color: var(--button-text-color);
}
.lookFilled-1H2Jvj .contents-3NembX svg,
.lookOutlined-3RTC7c .contents-3NembX svg,
.lookLink-13iF2K .contents-3NembX svg,
.lookInverted-2GrLaB .contents-3NembX svg {
  filter: none;
}

.lookLink-13iF2K:hover .contents-3NembX {
  background-image: linear-gradient(0deg, transparent, transparent 1px, hsl(var(--accent-hsl)) 0, hsl(var(--accent-hsl)) 2px, transparent 0) !important;
}

.colorable-3rVGna {
  --button-background: var(--background-modifier-hover);
  --button-text-color: #fff;
  --button-radius: 50%;
  background-color: var(--button-background) !important;
  color: var(--button-text-color) !important;
}
.colorable-3rVGna:after {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--button-action-color);
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  transition: var(--default-time) var(--default-animation) opacity;
}
.colorable-3rVGna:hover:after {
  opacity: 0.075;
}
.colorable-3rVGna:active:after {
  opacity: 0.15;
}
.colorable-3rVGna.primaryDark-2UJt1G {
  --button-background: hsla(var(--accent-hsl),var(--accent-opacity));
  --button-text-color: var(--accent-text-color);
}
.colorable-3rVGna.red-3T8maV {
  --button-background: hsla(var(--alert-hsl),var(--alert-opacity));
  --button-text-color: var(--alert-text-color);
}
.colorable-3rVGna.white-11auuQ {
  --button-background: #fff;
  --button-text-color: #060607;
}
.colorable-3rVGna.primaryLight-1yA273 {
  --button-text-color: #060607;
}
.colorable-3rVGna.activeLight-3Bpdpx {
  --button-background: var(--background-modifier-active);
  --button-text-color: #060607;
}
.colorable-3rVGna .centerIcon-JYpTUi {
  color: var(--button-text-color) !important;
}

.lookLink-13iF2K {
  --button-background: transparent;
  --button-text-color: hsla(var(--accent-hsl),var(--accent-opacity));
  --button-action-color: transparent;
}

.colorRed-2VFhM4 {
  --button-background: hsla(var(--alert-hsl),var(--alert-opacity));
  --button-text-color: var(--alert-text-color);
  --button-action-color: var(--alert-action-color);
}

.questionMark-3V9mGJ {
  background-color: hsla(var(--accent-hsl), var(--accent-opacity));
  border-radius: 50%;
}
.questionMark-3V9mGJ .icon-3JHfo7 {
  color: var(--accent-text-color);
  filter: none;
}

/*
 *
 *  CARDS
 *
 */
.card-16VQ8C,
.cardPrimary-pAe8Ed,
.backgroundAccent-2YeFtZ {
  background-color: var(--card-color) !important;
  border-radius: var(--card-radius) !important;
  border: none !important;
}

.cardPrimary-pAe8Ed {
  border-style: solid !important;
  border-width: 1px !important;
  border-color: transparent !important;
}
.cardPrimary-pAe8Ed .cardHeader-3d6H8N {
  background-color: unset;
  border-bottom: 1px solid var(--card-color);
}
.cardPrimary-pAe8Ed .group-1-kPpw {
  background-color: var(--card-color);
  border-radius: var(--button-radius);
  border: none;
  overflow: hidden;
}

.button-1yVL_7 {
  background-color: var(--card-color) !important;
}
.button-1yVL_7:hover {
  background-color: var(--card-color-hover) !important;
}

.cardWrapper-1bSePP {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}
.cardWrapper-1bSePP:hover {
  background-color: var(--card-color-hover);
  border: none;
}

.card-2xlCYc:hover {
  background-color: transparent;
}

.upsellContainer-2a5eMP {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}
.upsellContainer-2a5eMP .upsellFooter-3M1V33 {
  background-color: transparent;
}

.dropsHelpText-1HyiYF,
.promotionCard-mo7ClH {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}

/*
 *
 *  CHECKBOXES
 *
 */
.checkbox-1LuCGM {
  border-color: hsla(var(--accent-hsl), var(--accent-opacity));
}
.checkbox-1LuCGM.checked-22NTbO {
  background-color: hsla(var(--accent-hsl), var(--accent-opacity)) !important;
  border-color: hsla(var(--accent-hsl), var(--accent-opacity)) !important;
}
.checkbox-1LuCGM.checked-22NTbO path {
  fill: var(--accent-text-color) !important;
}

/*
 *
 *  INPUTS
 *
 */
.input-3O04eu,
.copyInput-3AbKWB {
  height: var(--input-height);
  border-radius: var(--input-radius);
  background-color: rgba(var(--textarea-color), var(--textarea-alpha));
  border: none;
  color: var(--textarea-text-color);
  transition: var(--transition-time) var(--transition-type);
}
.input-3O04eu:focus,
.copyInput-3AbKWB:focus {
  background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus));
}
.input-3O04eu::-webkit-input-placeholder,
.copyInput-3AbKWB::-webkit-input-placeholder {
  color: var(--textarea-placeholder-color);
}
.input-3O04eu.multiInput-1VARjC,
.copyInput-3AbKWB.multiInput-1VARjC {
  background-color: transparent;
}

.multiInput-1VARjC .inputWrapper-2K8ds1 {
  margin-right: 8px;
}

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

.fileUploadInput-3Y6j6T {
  width: auto;
}

.fileUploadButton-2zOQcO {
  padding: 0 12px;
}

/* INPUTS -> OPTION PILLS */
.optionPill-2kmuZR {
  background-color: var(--textarea-block-color) !important;
  border-radius: var(--button-radius);
  border-color: transparent !important;
}
.optionPill-2kmuZR.selectedPill-3cOyS6 {
  border-color: hsl(var(--accent-hsl)) !important;
}
.optionPill-2kmuZR.erroredPill-EdxhQP {
  border-color: hsl(var(--alert-hsl)) !important;
}
.optionPill-2kmuZR .optionPillKey-2JyeoP {
  background-color: var(--textarea-block-color) !important;
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}

/*
 *
 *  NOTICES
 *
 */
.notice-2HEN-u {
  box-shadow: none;
}
.notice-2HEN-u.colorInfo-1kEg3T, .notice-2HEN-u.notice-2olXi7, .notice-2HEN-u.colorBrand1-2u_MN9 {
  background-color: hsla(var(--accent-hsl), var(--accent-opacity));
  color: var(--accent-text-color);
}
.notice-2HEN-u.colorInfo-1kEg3T .closeButton-30b1gR, .notice-2HEN-u.notice-2olXi7 .closeButton-30b1gR, .notice-2HEN-u.colorBrand1-2u_MN9 .closeButton-30b1gR {
  opacity: 0.75;
}
.notice-2HEN-u.colorInfo-1kEg3T .closeButton-30b1gR:hover, .notice-2HEN-u.notice-2olXi7 .closeButton-30b1gR:hover, .notice-2HEN-u.colorBrand1-2u_MN9 .closeButton-30b1gR:hover {
  opacity: 1;
}
.notice-2HEN-u.notice-2olXi7, .notice-2HEN-u.colorBrand1-2u_MN9, .notice-2HEN-u.colorStreamerMode-8uoRWd {
  border-radius: 0;
}
.notice-2HEN-u.notice-2olXi7 .button-YGmtzG:after, .notice-2HEN-u.colorBrand1-2u_MN9 .button-YGmtzG:after {
  opacity: 0.15;
}
#pluginNotice #outdatedPlugins span {
  color: var(--accent-text-color);
}

.bd-notice:first-child {
  border-radius: 0 var(--app-radius) 0 0;
}

/*
 *
 *  RADIO BUTTONS
 *
 */
.item-1TA5qI {
  background-color: var(--card-color) !important;
  border-radius: var(--card-radius) !important;
  border: none !important;
}
.item-1TA5qI:hover {
  background-color: var(--card-color-hover) !important;
  border: none;
}
[aria-checked=true].item-1TA5qI {
  background-color: var(--card-color-select) !important;
}
[aria-checked=true].item-1TA5qI path,
[aria-checked=true].item-1TA5qI .radioIconForeground-3wH3aU {
  fill: hsla(var(--accent-hsl), var(--accent-opacity));
}
.item-1TA5qI .radioBar-1XgZqD {
  border-radius: var(--card-radius);
}

/* RADIO BUTTONS -> CONTEXT MENU */
[role=menuitemradio][aria-checked=true].item-5ApiZt .icon-3XHs8t {
  color: hsl(var(--accent-hsl));
}

.icon-3XHs8t .radioSelection-3PDNAQ {
  color: currentColor !important;
}

/*
 *
 *	SCROLLBARS
 *
 */
::-webkit-scrollbar {
  width: var(--scrollbar-width) !important;
  height: var(--scrollbar-width) !important;
  background: transparent !important;
  border-color: transparent !important;
}
::-webkit-scrollbar-thumb {
  background: rgba(var(--scrollbar-color), var(--scrollbar-opacity)) !important;
  border-radius: calc(var(--scrollbar-width) / 2) !important;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(var(--scrollbar-color), var(--scrollbar-opacity-hover)) !important;
}
::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece {
  background: transparent !important;
  border-color: transparent !important;
}

.thin-RnSY0a::-webkit-scrollbar {
  width: calc(var(--scrollbar-width) / 2) !important;
  height: calc(var(--scrollbar-width) / 2) !important;
}

.none-1rXy4P::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}

/*
 *
 *  SELECT MENUS
 *
 */
.select-Zz0IcO {
  padding: 6px 6px 6px 12px;
}
.select-Zz0IcO.lookFilled-GPyucw {
  height: var(--input-height);
  border-radius: var(--input-radius);
  background-color: rgba(var(--textarea-color), var(--textarea-alpha));
  border: none;
  color: var(--textarea-text-color);
  transition: var(--transition-time) var(--transition-type);
}
.select-Zz0IcO.lookFilled-GPyucw:focus {
  background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus));
}
.select-Zz0IcO .subtitle-2SfoOV {
  color: var(--text-muted);
}

.popout-15UxD6 {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  box-shadow: var(--popout-shadow);
  backdrop-filter: blur(var(--popout-blur));
  border: none;
}
.popout-15UxD6:not(.popoutPositionTop-1GenHR) {
  margin-top: 8px;
}
.popout-15UxD6.popoutPositionTop-1GenHR {
  margin-bottom: 8px;
  border-radius: var(--popout-radius);
}
.popout-15UxD6 .option-Uc12mm:hover {
  background-color: var(--background-modifier-hover);
}
.popout-15UxD6 [aria-selected=true].option-Uc12mm {
  background-color: var(--background-modifier-selected) !important;
}

/*
 *
 *  SLIDERS
 *
 */
.bar-2H7Q9u {
  background-color: var(--background-modifier-selected) !important;
}
.bar-2H7Q9u .barFill-3RgCsY {
  background-color: hsla(var(--accent-hsl), calc(var(--accent-opacity) * 0.8));
}

.grabber-3R-Rx9 {
  background-color: hsla(var(--accent-hsl), var(--accent-opacity));
  border-color: hsla(var(--accent-hsl), var(--accent-opacity));
  box-shadow: var(--popout-shadow);
}

/*
 *
 *  SWITCHES
 *
 */
.container-1QtPKm {
  background-color: var(--switch-slider-color) !important;
}
.container-1QtPKm .slider-HJFN2i rect {
  fill: var(--switch-knob-color) !important;
}
.container-1QtPKm .slider-HJFN2i path {
  fill: var(--switch-slider-color) !important;
}
.container-1QtPKm.checked-16gMAN {
  --switch-slider-color: hsla(var(--accent-hsl),var(--accent-opacity));
  --switch-knob-color: var(--accent-text-color);
}
.container-1QtPKm svg {
  filter: none;
}

/* SWITCHES -> BD SWITCHES */
.bd-switch .bd-switch-body {
  --switch-color: var(--switch-slider-color);
}
.bd-switch .bd-switch-body .bd-switch-handle {
  fill: var(--switch-knob-color);
}
.bd-switch input:active + .bd-switch-body {
  --switch-color: var(--switch-slider-color);
}
.bd-switch input:checked + .bd-switch-body {
  --switch-color: hsla(var(--accent-hsl),var(--accent-opacity));
  --switch-knob-color: var(--accent-text-color);
}
.bd-switch input:checked:active + .bd-switch-body {
  --switch-color: hsla(var(--accent-hsl),var(--accent-opacity));
}

.bd-switch-disabled {
  opacity: 0.3;
  filter: none;
}

/*
 *
 *  TAB BAR
 *
 */
.tabBar-ra-EuL .item-2GWPIy, .tabBar-11FwuO .item-2GWPIy, .tabBar-3DfKkN .item-2GWPIy, .topPill-2vcLsa .item-2GWPIy {
  min-width: 40px;
  margin: 8px;
  padding: 2px 8px;
  background-color: transparent !important;
  border-radius: var(--button-radius);
  border-bottom: none;
  line-height: 20px;
  font-size: 16px;
  color: var(--interactive-normal) !important;
}
.tabBar-ra-EuL .item-2GWPIy:first-child, .tabBar-11FwuO .item-2GWPIy:first-child, .tabBar-3DfKkN .item-2GWPIy:first-child, .topPill-2vcLsa .item-2GWPIy:first-child {
  margin-left: 0;
}
.tabBar-ra-EuL .item-2GWPIy:hover, .tabBar-11FwuO .item-2GWPIy:hover, .tabBar-3DfKkN .item-2GWPIy:hover, .topPill-2vcLsa .item-2GWPIy:hover {
  background-color: var(--background-modifier-hover) !important;
  color: var(--interactive-hover) !important;
}
.tabBar-ra-EuL .item-2GWPIy.selected-1sf9UK, .tabBar-11FwuO .item-2GWPIy.selected-1sf9UK, .tabBar-3DfKkN .item-2GWPIy.selected-1sf9UK, .topPill-2vcLsa .item-2GWPIy.selected-1sf9UK {
  background-color: var(--background-modifier-selected) !important;
  color: var(--interactive-active) !important;
}

/*
 *
 *  TOASTS
 *
 */
.toast,
.bd-toast {
  top: -56px;
  margin-top: 8px;
  padding: 10px !important;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  box-shadow: var(--popout-shadow);
  backdrop-filter: blur(var(--popout-blur));
  border-radius: 16px;
  color: var(--text-normal);
}
.toast:not(.toast-custom),
.bd-toast:not(.toast-custom) {
  background-color: var(--popout-color) !important;
  background-image: none !important;
}
.toast.toast-custom,
.bd-toast.toast-custom {
  border-radius: 23px;
}
.toast.toast-custom:before,
.bd-toast.toast-custom:before {
  display: none !important;
}

.bd-toast:before {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 17px;
}

/*
 *
 *  TOOLTIP
 *
 */
.tooltip-33Jwqe {
  background-color: var(--tooltip-color) !important;
  border-radius: var(--tooltip-radius);
}
.tooltip-33Jwqe .tooltipPointer-sMBQqe {
  border-top-color: var(--tooltip-color) !important;
}
.tooltip-33Jwqe .tooltipContent-38tm3I,
.tooltip-33Jwqe .guildNameText-jBFbNC,
.tooltip-33Jwqe .clickCTA-1bk0UN {
  color: var(--tooltip-text-color);
}
.tooltip-33Jwqe .anchor-1MIwyf {
  color: var(--tooltip-text-color);
  text-decoration: underline;
}
.tooltip-33Jwqe .activityIcon-vfIBet {
  color: var(--tooltip-text-color) !important;
}
/* TOOLTIP -> UPSELLS */
.upsellTooltipWrapper-1wqikQ {
  background-color: transparent;
  border-radius: var(--popout-radius);
  box-shadow: none;
  overflow: hidden;
}
.upsellTooltipWrapper-1wqikQ:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  box-shadow: var(--popout-shadow);
  backdrop-filter: blur(var(--popout-blur));
  pointer-events: none;
  z-index: -1;
}
.upsellTooltipWrapper-1wqikQ.caretTopCenter-1wqGIE:after {
  border-bottom-color: var(--popout-color);
}

/*
 *
 *  HEADER BAR
 *
 */
.container-ZMc96U {
  box-shadow: var(--popout-header-shadow);
}
.container-ZMc96U:before {
  display: none;
}
.container-ZMc96U.themed-Hp1KC_ {
  background-color: transparent;
}

.children-3xh0VB:after {
  display: none;
}

.akaBadge-3i7V3p {
  background-color: var(--card-color);
}

.returnButton-1xn3Ii {
  --button-height: 32px;
}

.returnButtonText-27U_ef {
  font-size: 1em;
}
.returnButtonText-27U_ef,
.returnButtonText-27U_ef * {
  color: var(--accent-text-color) !important;
}

/*
 *
 *  HEADER SEARCH BAR
 *
 */
.searchBar-jGtisZ {
  padding: 0 4px;
  background-color: rgba(var(--textarea-color), var(--textarea-alpha));
  border-radius: 12px;
}
.searchBar-jGtisZ .searchBarComponent-3N7dCG {
  padding: 0 8px;
  border-radius: 14px;
}
.searchBar-jGtisZ .DraftEditor-editorContainer .searchFilter-2UfsDk,
.searchBar-jGtisZ .DraftEditor-editorContainer .searchFilter-2UfsDk + span[data-offset-key],
.searchBar-jGtisZ .DraftEditor-editorContainer .searchAnswer-23w-CH span[data-offset-key] {
  background-color: var(--textarea-block-color) !important;
  color: var(--textarea-block-text-color);
}
.searchBar-jGtisZ .DraftEditor-editorContainer .searchFilter-2UfsDk {
  margin-right: 2px;
  padding: 0 4px 0 8px;
  border-radius: 10px 0 0 10px;
}
.searchBar-jGtisZ .DraftEditor-editorContainer .searchFilter-2UfsDk:only-child {
  padding: 0 8px;
  border-radius: 11px;
}
.searchBar-jGtisZ .DraftEditor-editorContainer .searchAnswer-23w-CH {
  background-color: transparent;
}
.searchBar-jGtisZ .DraftEditor-editorContainer .searchFilter-2UfsDk + span[data-offset-key],
.searchBar-jGtisZ .DraftEditor-editorContainer .searchAnswer-23w-CH span[data-offset-key] {
  display: inline-block;
  height: 20px;
  margin: 0 2px 0 -2px;
  padding: 0px 8px 0px 0;
  border-radius: 0 11px 11px 0;
}

.searchFilter-2UfsDk {
  background-color: var(--attachment-color) !important;
}

/*
 *
 *  ACTIVITY LIST
 *
 */
.nowPlayingColumn-1eCBCN {
  background-color: transparent;
}
.nowPlayingColumn-1eCBCN .scroller-hE2gWq {
  margin-left: 0;
}

.interactive-2zD88a {
  background-color: var(--card-color) !important;
  border-radius: var(--card-radius) !important;
  border: none !important;
}
.interactive-2zD88a:hover {
  background-color: var(--card-color-hover) !important;
  border: none;
}
.interactive-2zD88a.active-1W_Gl9 {
  background-color: var(--card-color-select) !important;
}
.interactive-2zD88a .inset-SbsSFp {
  background-color: transparent;
}
.interactive-2zD88a .section-3G9aLW {
  margin-bottom: 2px;
  background-color: var(--background-modifier-hover);
  border-radius: var(--card-radius);
}
.interactive-2zD88a .section-3G9aLW:last-of-type {
  margin-bottom: 0;
}
.interactive-2zD88a .separator-2OaeRP {
  display: none;
}

/*
 *
 *  ADD FRIEND
 *
 */
.addFriendInputWrapper-kkoSV9 {
  padding: 0;
  background-color: transparent;
  border: none;
}
.addFriendInputWrapper-kkoSV9 .addFriendInput-1Ta-rO {
  padding: 0;
}
.addFriendInputWrapper-kkoSV9 .addFriendInput-1Ta-rO .input-3O04eu {
  padding: 0 12px;
}
.addFriendInputWrapper-kkoSV9 .addFriendInput-1Ta-rO .input-3O04eu::-webkit-input-placeholder {
  color: var(--textarea-placeholder-color);
}
.addFriendInputWrapper-kkoSV9 .addFriendHint-1EVQJY {
  height: var(--input-height);
  line-height: var(--input-height);
  top: 1px;
  padding: 0 12px;
  color: var(--textarea-placeholder-color);
}

/*
 *
 *  FRIENDS LIST
 *
 */
.container-2cd8Mz {
  background-color: var(--main-content-color) !important;
}

.tabBody-2dgbAs:before {
  display: none;
}

.searchBar-2aylmZ {
  background-color: rgba(var(--textarea-color), var(--textarea-alpha));
  border-radius: 17px;
}
.searchBar-2aylmZ .input-2m5SfJ {
  background-color: transparent !important;
}

.peopleListItem-u6dGxF:hover {
  background-color: var(--card-color-hover);
  border-radius: var(--list-item-radius);
}
.peopleListItem-u6dGxF.active-2UF8Zh {
  background-color: var(--card-color-select);
}
.peopleListItem-u6dGxF .actionButton-3-B2x- {
  background-color: var(--background-modifier-active);
}

/*
 *
 *  LIBRARY
 *
 */
.container-36u7Lw {
  background-color: var(--main-content-color);
}
.container-36u7Lw .container-2oNtJn {
  height: auto;
  border-radius: var(--input-radius);
  background-color: rgba(var(--textarea-color), var(--textarea-alpha));
  border: none;
  color: var(--textarea-text-color);
  transition: var(--transition-time) var(--transition-type);
}
.container-36u7Lw .container-2oNtJn:focus {
  background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus));
}
.container-36u7Lw .container-2oNtJn .input-2m5SfJ::-webkit-input-placeholder {
  color: var(--textarea-placeholder-color);
}

/*
 *
 *  MESSAGE REQUESTS
 *
 */
.list-2hhlBX .sectionTitle-1P1u0N {
  color: var(--header-secondary);
}

.messageRequestItem-1_NNAR:hover, .messageRequestItem-1_NNAR.selected-11Gl-y {
  border-radius: var(--card-radius);
}
.messageRequestItem-1_NNAR:hover {
  background-color: var(--card-color-hover);
}
.messageRequestItem-1_NNAR.selected-11Gl-y {
  background-color: var(--card-color-select);
}
.messageRequestItem-1_NNAR .actionButton-3GQIiT {
  background-color: var(--background-modifier-active);
}

/* MESSAGE REQUESTS -> PREVIEW */
.container-3XgAHv {
  background-color: var(--main-content-color);
}

.chat-3t9F_n:before {
  display: none;
}

/*
 *
 *  NITRO
 *
 */
.applicationStore-2nk7Lo {
  background-color: var(--main-content-color);
}

.premiumContainer-3GGa8Q .button-ejjZWC,
.settingsContainer-36qZZ9 .button-ejjZWC,
.card-3ie2dy .button-ejjZWC {
  --button-background: hsla(0,0%,100%,0.15);
  --button-text-color: #fff;
  --button-action-color: #fff;
}

.settingsContainer-36qZZ9,
.card-3ie2dy {
  border-radius: var(--card-radius);
}

.bigPerkCard-1uwmWV,
.smallPerkCard-2sX_-- {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}

/*
 *
 *  MESSAGES ACTIONS
 *
 */
.wrapper-2vIMkT {
  background-color: var(--popout-color) !important;
  border-radius: var(--popout-radius) !important;
  box-shadow: var(--popout-shadow) !important;
  backdrop-filter: blur(var(--popout-blur));
}

.message-G6O-Wv {
  padding: 0;
  background-color: transparent !important;
  box-shadow: none !important;
}
.message-G6O-Wv .wrapper-30-Nkg {
  margin-left: 48px;
  margin-right: 0;
}

/*
 *
 *  ATTACHMENTS
 *
 */
.attachment-1PZZB2,
.embedFull-1HGV2S,
.embedCard-bDyD5S,
.container-3i3IzO {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
}

.withFooter-3i6JUa {
  border-radius: var(--card-radius) var(--card-radius) 0 0;
  box-shadow: var(--card-header-shadow);
}
.withFooter-3i6JUa .wrapper-30-Nkg {
  margin-left: 48px;
  margin-right: 0;
}

.footerContainer-11-cKL {
  background-color: var(--card-color);
  border-radius: 0 0 var(--card-radius) var(--card-radius);
}
.footerContainer-11-cKL .footerIcon-3nJDhW path {
  fill: currentColor;
}

.cta-1XhfrG {
  color: hsl(var(--accent-hsl));
}

.wrapper-1HIH0j,
.invite-3uuHYQ,
.wrapperAudio-1Bzv_Z {
  background-color: var(--card-color) !important;
  border-radius: var(--card-radius);
  border: none;
}

.inviteSplash-2nkLRX {
  border-top-right-radius: var(--card-radius);
  border-top-left-radius: var(--card-radius);
}

.container-3M84ky {
  background-color: var(--card-color);
}

.ripple-FNGiLO {
  display: none;
}

.playButtonContainer-2F2cAR {
  background: hsl(var(--accent-hsl)) !important;
}
.playButtonContainer-2F2cAR:active {
  transform: none;
}
.playButtonContainer-2F2cAR .playIcon-1cttj4 {
  color: var(--accent-text-color) !important;
}

/* ATTACHMENTS -> TEXT CONTAINER */
.textContainer-36wgKK,
.footer-GXWBBp {
  background-color: var(--card-color);
  border: none;
  border-radius: 0 0 var(--card-radius) var(--card-radius);
}

.newMosaicStyle-2jdUaP .textContainer-36wgKK {
  border-radius: var(--card-radius) var(--card-radius) 0 0;
  box-shadow: var(--card-header-shadow);
}
.newMosaicStyle-2jdUaP .textContainer-36wgKK .hljs {
  background-color: transparent;
}
.newMosaicStyle-2jdUaP .footer-GXWBBp {
  border-radius: 0 0 var(--card-radius) var(--card-radius);
}

.modalTextContainer-1FUO2W {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius) var(--popout-radius) 0 0;
  border: none;
  box-shadow: var(--card-header-shadow);
}
.modalTextContainer-1FUO2W .hljs {
  background-color: transparent;
}

/*
 *
 *	MARKUP
 *
 */
.markup-eYLPri a {
  color: hsl(var(--accent-hsl));
}
.markup-eYLPri pre {
  border-radius: var(--card-radius);
}
.markup-eYLPri code {
  background-color: var(--textarea-block-color);
  border-radius: var(--card-radius);
  border: none;
}
.markup-eYLPri .wrapper-1ZcZW- {
  background-color: hsla(var(--mention-hsl), 0.25);
  color: hsl(var(--mention-hsl));
}
.markup-eYLPri .wrapper-1ZcZW-:hover {
  background-color: hsla(var(--mention-hsl), 0.475);
  color: hsl(var(--mention-hsl));
}

.spoilerMarkdownContent-2R1Vwe {
  background-color: var(--textarea-block-color);
}

/*
 *
 *  MESSAGES
 *
 */
.backgroundFlash-1X5jVs:not([style$="0);"]) {
  background-color: hsla(var(--accent-hsl), 0.3) !important;
  transition: 200ms ease-out background-color;
}
[style="background-color: rgba(148, 156, 247, 0);"].backgroundFlash-1X5jVs {
  background-color: hsla(var(--accent-hsl), 0) !important;
  transition: 400ms background-color;
}

.wrapper-30-Nkg {
  margin-left: 68px;
  margin-right: 16px;
  background-color: var(--message-color) !important;
  border-radius: var(--message-radius);
}
.wrapper-30-Nkg:not(.groupStart-3Mlgv1), .wrapper-30-Nkg.compact-2Nkcau {
  margin-top: 2px;
}
.wrapper-30-Nkg.cozy-VmLDNB, .wrapper-30-Nkg.compact-2Nkcau {
  padding: var(--message-padding-top) var(--message-padding-side) !important;
  padding-right: 8px !important;
  border: 2px solid transparent;
}
.wrapper-30-Nkg.cozy-VmLDNB .timestamp-p1Df1m.alt-1dvXnH {
  left: -62px;
}
.wrapper-30-Nkg.compact-2Nkcau {
  padding: 4px;
  padding-left: 6px;
}
.wrapper-30-Nkg.compact-2Nkcau .timestamp-p1Df1m {
  margin-right: 0.75rem;
}
.wrapper-30-Nkg .timestamp-p1Df1m {
  color: var(--text-normal);
}
.wrapper-30-Nkg .timestamp-p1Df1m.alt-1dvXnH {
  color: var(--text-normal);
}
.wrapper-30-Nkg .channelTextArea-1VQBuV {
  margin: 2px 0;
}
.wrapper-30-Nkg.mentioned-Tre-dv {
  border-color: hsla(var(--mention-hsl), var(--mention-opacity));
  box-shadow: inset 0px 0px 10px 3px hsla(var(--mention-hsl), var(--mention-opacity)), 0px 0px 13px 4px hsla(var(--mention-hsl), var(--mention-opacity));
}
.wrapper-30-Nkg.mentioned-Tre-dv:before {
  display: none;
}
.wrapper-30-Nkg.replying-eZ7p5z {
  border-color: hsla(var(--reply-hsl), var(--reply-opacity));
  box-shadow: inset 0px 0px 10px 3px hsla(var(--reply-hsl), var(--reply-opacity)), 0px 0px 13px 4px hsla(var(--reply-hsl), var(--reply-opacity));
}
.wrapper-30-Nkg.replying-eZ7p5z:before {
  display: none;
}

.hasThread-3h-KJV:after {
  display: none;
}

.avatar-2e8lTP {
  width: 40px;
  height: 40px;
  top: 0;
  left: -50px;
  margin-top: 0;
}

.avatarDecoration-34OC0G {
  top: -2px;
  left: -52px;
}

.a11y-font-scaled-down .avatar-2e8lTP:not(.compact-2Nkcau) {
  top: 0;
  left: -50px;
}

.messageListItem-ZZ7v6g + .wrapper-30-Nkg,
.divider-2rZFJK + .wrapper-30-Nkg {
  margin-top: 2px;
}

.divider-2rZFJK.hasContent-1y12-u {
  border-top: none;
}
.divider-2rZFJK.hasContent-1y12-u:before, .divider-2rZFJK.hasContent-1y12-u:after {
  position: absolute;
  content: " ";
  width: calc(50% - 60px);
  height: 1px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  background-color: var(--background-modifier-accent);
}
.divider-2rZFJK.hasContent-1y12-u:before {
  left: 0;
}
.divider-2rZFJK.hasContent-1y12-u:after {
  right: 0;
}

.content-3spvdd {
  width: 120px;
  padding: 2px 0;
  background-color: var(--message-color);
  text-align: center;
}

.isUnread-3Lojb- {
  border-color: hsla(var(--accent-hsl), var(--accent-opacity));
}
.isUnread-3Lojb- .unreadPill-3nEWYM {
  background-color: hsla(var(--accent-hsl), var(--accent-opacity));
  color: var(--accent-text-color);
  text-shadow: none;
}
.isUnread-3Lojb- .unreadPillCapStroke-1nE1Q8 {
  color: hsla(var(--accent-hsl), var(--accent-opacity));
  fill: hsla(var(--accent-hsl), var(--accent-opacity));
}

.repliedMessage-3Z6XBG:before {
  transform: translateX(42px);
}
.repliedMessage-3Z6XBG .replyAvatar-sHd2sU,
.repliedMessage-3Z6XBG .replyBadge-LMm_Ic,
.repliedMessage-3Z6XBG .executedCommandAvatar-3oOnb1 {
  margin-left: 42px;
}

.popoutContainer-2wbmiM {
  background-color: transparent;
  border-radius: var(--popout-radius);
  box-shadow: none;
  overflow: hidden;
}
.popoutContainer-2wbmiM:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  box-shadow: var(--popout-shadow);
  backdrop-filter: blur(var(--popout-blur));
  pointer-events: none;
  z-index: -1;
}

/*
 *
 *  MESSAGE REACTIONS
 *
 */
.reaction-3vwAF2, .reaction-102jx9 {
  background-color: var(--message-color);
  border-radius: var(--message-radius);
  border: none;
}
.reaction-3vwAF2:hover, .reaction-102jx9:hover {
  background-color: var(--message-color);
}
.reaction-3vwAF2.reactionMe-1PwQAc, .reaction-102jx9.reactionMe-1PwQAc, .reaction-3vwAF2.reactionMe-2zhiyZ, .reaction-102jx9.reactionMe-2zhiyZ {
  background-color: hsla(var(--accent-hsl), 0.3);
  border-color: transparent;
}
.reaction-3vwAF2.reactionMe-1PwQAc:hover, .reaction-102jx9.reactionMe-1PwQAc:hover, .reaction-3vwAF2.reactionMe-2zhiyZ:hover, .reaction-102jx9.reactionMe-2zhiyZ:hover {
  background-color: hsla(var(--accent-hsl), 0.4);
}
.reaction-3vwAF2.reactionMe-1PwQAc .reactionCount-26U4As, .reaction-102jx9.reactionMe-1PwQAc .reactionCount-26U4As, .reaction-3vwAF2.reactionMe-2zhiyZ .reactionCount-26U4As, .reaction-102jx9.reactionMe-2zhiyZ .reactionCount-26U4As, .reaction-3vwAF2.reactionMe-1PwQAc .reactionCount-SWXh9W, .reaction-102jx9.reactionMe-1PwQAc .reactionCount-SWXh9W, .reaction-3vwAF2.reactionMe-2zhiyZ .reactionCount-SWXh9W, .reaction-102jx9.reactionMe-2zhiyZ .reactionCount-SWXh9W {
  color: hsla(var(--accent-hsl), var(--accent-opacity));
}

/* MESSAGE REACTIONS -> REVERT BUTTONS TO REACTION STYLE */
.container-2sjPya .children-2XdE_I .lookFilled-1H2Jvj {
  --button-height: 28px;
  --button-padding: 0 8px;
}

/*
 *
 *  ADD SERVER MODAL
 *
 */
.container-1Lk8p7 {
  --header-primary: #ddd;
  --header-secondary: #aaa;
  --text-normal: #aaa;
  --interactive-normal: #aaa;
}
.container-1Lk8p7 .lookBlank-FgPMy6 {
  color: hsl(var(--accent-hsl));
}
.container-1Lk8p7 .inputWrapper-2K8ds1 {
  background-color: transparent;
}

.header-1zd7se {
  padding: 24px 16px 12px;
}

.templatesList-uohY49 {
  margin-top: 0;
}

.container-x8Y1ix {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}
.container-x8Y1ix:hover {
  background-color: var(--card-color-hover);
  border: none;
}

.rowContainer-3t7486 {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}
.rowContainer-3t7486:hover {
  background-color: var(--card-color-hover);
  border: none;
}

/*
 *
 *  CHANGE AVATAR
 *
 */
.optionBox-1UOevl {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}
.optionBox-1UOevl:hover {
  background-color: var(--card-color-hover);
  border: none;
}
.optionBox-1UOevl .contentCircle-15IFyT {
  background-color: hsla(var(--accent-hsl), var(--accent-opacity));
}
.optionBox-1UOevl .contentCircle-15IFyT .uploadIcon-2zMtOT {
  color: var(--accent-text-color);
  filter: none;
}

/*
 *
 *  EVENTS
 *
 */
.container-3EBHNg {
  border: none;
  box-shadow: var(--popout-header-shadow);
}

.eventStatusBrand-3D-ae6 {
  color: hsl(var(--accent-hsl));
}

.card-8UsK4b {
  padding: 0;
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}
.card-8UsK4b:hover {
  background-color: var(--card-color-hover);
  border: none;
}
.card-8UsK4b .container-2mT2pt,
.card-8UsK4b .footer-nBNElu {
  padding: 16px;
}
.card-8UsK4b .container-2mT2pt {
  box-shadow: var(--card-header-shadow);
}
.card-8UsK4b .rsvpCount-iCkObl {
  background-color: var(--background-modifier-selected);
}
.card-8UsK4b .divider-2zyEHJ {
  display: none;
}

/* EVENTS -> CREATE EVENT */
.selectedProgressBar-11z5d9 {
  background-color: hsla(var(--accent-hsl), var(--accent-opacity));
}

.previewCard-E137i2 {
  background-color: var(--card-color) !important;
  border-radius: var(--card-radius) !important;
  border: none !important;
}

/*
 *
 *  MODALS
 *
 */
.root-1CAIjD {
  background-color: var(--popout-color) !important;
  border-radius: var(--popout-radius) !important;
  box-shadow: var(--popout-shadow) !important;
}
.root-1CAIjD.small-2xUY-3 {
  min-height: 75px;
}
.root-1CAIjD.container-qBnZJg, .root-1CAIjD.carouselModal-1eUFoq {
  background-color: transparent !important;
  box-shadow: none !important;
}
.root-1CAIjD.popout-3gby1q {
  backdrop-filter: blur(var(--popout-blur));
}
.root-1CAIjD .header-1ffhsl {
  background-color: transparent;
  box-shadow: var(--popout-header-shadow);
}
.root-1CAIjD .header-1ffhsl .modalTitle-2rlE_E {
  margin-bottom: 0;
}
.root-1CAIjD .header-1ffhsl .close-A4ZfTI,
.root-1CAIjD .header-1ffhsl .iconButton-2rHy7x {
  --button-height: 32px;
  position: absolute;
  width: var(--button-height);
  height: var(--button-height);
  top: 12px;
  right: 12px;
  margin: 0;
  padding: 0;
}
.root-1CAIjD .header-1ffhsl .close-A4ZfTI .contents-3NembX {
  height: 24px;
}
.root-1CAIjD .header-1ffhsl .close-A4ZfTI svg {
  height: 24px !important;
  transform: scale(0.85);
}
.root-1CAIjD .header-1ffhsl .iconButton-2rHy7x {
  display: flex;
  justify-content: center;
  align-items: center;
}
.root-1CAIjD .header-1ffhsl .iconButton-2rHy7x .icon-3DnmvF {
  height: 24px;
  transform: scale(0.85);
}
.root-1CAIjD .content-1OG56Q, .root-1CAIjD .content-3BqJRb {
  padding: 16px;
}
.root-1CAIjD .footer-IubaaS {
  background-color: transparent;
  box-shadow: none;
}

.backdrop-2ByYRN {
  background-color: rgba(0, 0, 0, 0.3) !important;
  backdrop-filter: blur(calc(var(--popout-blur) * 1.4));
  opacity: 1 !important;
}

/*
 *
 *  QUICKSWITCHER
 *
 */
.quickswitcher-pKcM9U {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  box-shadow: var(--popout-shadow);
  backdrop-filter: blur(var(--popout-blur));
}
.quickswitcher-pKcM9U .input-3r5zZY {
  margin-bottom: 16px;
  height: 42px;
  border-radius: 21px;
  background-color: rgba(var(--textarea-color), var(--textarea-alpha));
  border: none;
  color: var(--textarea-text-color);
  transition: var(--transition-time) var(--transition-type);
  font-size: 1.1em;
}
.quickswitcher-pKcM9U .input-3r5zZY:focus {
  background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus));
}
.quickswitcher-pKcM9U .scroller-2qwVWY {
  margin-top: 0;
  background-color: transparent;
}
.quickswitcher-pKcM9U .scroller-2qwVWY::-webkit-scrollbar-track {
  background-color: transparent !important;
}
.quickswitcher-pKcM9U .result-u66Ywh {
  border-radius: var(--list-item-radius);
}

/*
 *
 *  REACTIONS
 *
 */
.scroller-2GkvCq {
  background-color: var(--sidebar-color) !important;
}
.scroller-2GkvCq .reactionDefault-1Sjj1f,
.scroller-2GkvCq .reactionSelected-1aMb2K {
  border-radius: var(--button-radius);
}

.reactors-1VXca7 {
  background-color: transparent !important;
}

/*
 *
 *  SCREENSHARE SETTINGS
 *
 */
.tile-3POX2m:hover .sourceThumbnail-ERDcZE {
  box-shadow: inset 0 0 0 2px hsla(var(--accent-hsl), var(--accent-opacity));
}
.tile-3POX2m .sourceThumbnail-ERDcZE {
  border-radius: var(--card-radius);
}
.tile-3POX2m .sourceThumbnail-ERDcZE.selected-1i-g6T {
  box-shadow: inset 0 0 0 2px hsla(var(--accent-hsl), var(--accent-opacity));
}

.card-m7VgZ8 {
  height: auto;
  border-radius: var(--input-radius);
  background-color: rgba(var(--textarea-color), var(--textarea-alpha));
  border: none;
  color: var(--textarea-text-color);
  transition: var(--transition-time) var(--transition-type);
}
.card-m7VgZ8:focus {
  background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus));
}

.qualitySettingsContainer-2LjkfM {
  padding: 8px;
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}

/*
 *
 *  SERVER QUESTIONS
 *
 */
.gradient-qt4Dwd {
  background: linear-gradient(rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.85) 100%);
}

.prompt-R8SyL4 {
  background-color: var(--popout-color) !important;
  border-radius: var(--popout-radius) !important;
  box-shadow: var(--popout-shadow) !important;
  backdrop-filter: blur(var(--popout-blur));
}
.prompt-R8SyL4 .navButtons-R_NSvX {
  background-color: transparent;
}

.optionButton-1W9f7G {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}
.optionButton-1W9f7G:hover {
  background-color: var(--card-color-hover);
  border: none;
}
.checkIcon-3eAeN_, .memberCount-2G9rxE {
  background-color: hsl(var(--accent-hsl));
}
.checkIcon-3eAeN_ path, .memberCount-2G9rxE path {
  fill: var(--accent-text-color);
}

.memberCount-2G9rxE .text-xs-normal-3O7EaX {
  color: var(--accent-text-color) !important;
}

/*
 *
 *  UPLOAD MODAL
 *
 */
.uploadModal-2ie9O_ {
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75) !important;
  backdrop-filter: blur(calc(var(--popout-blur) * 1.4));
}

.uploadDropModal-13Kd20 .bgScale-1iWuPF {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  box-shadow: var(--popout-shadow);
}
.uploadDropModal-13Kd20 .inner-rBP-MS {
  border: none;
}

.footer-VCsJQY {
  background-color: transparent !important;
}

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

.fakeInput-1_6lq6 {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}

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

/*
 *
 *  USER PROFILE
 *
 */
.userProfileModalInner-3fh3QA.userProfileInnerThemedNonPremium-2AJg-H, .userProfileModalInner-3dx9L9.userProfileInnerThemedNonPremium-2AJg-H {
  background: none;
}

.badgeList-2aoHPw {
  height: var(--button-height);
  padding: 0 4px;
  border-radius: var(--button-radius);
}

.note-3M15gE {
  margin: 0;
}
.note-3M15gE .textarea-_59yqs {
  border-radius: 11px;
}
.note-3M15gE .textarea-_59yqs:focus {
  background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus));
}

.connectedAccountContainer-3aLMHJ {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}
.connectedAccountContainer-3aLMHJ:hover {
  background-color: var(--card-color-hover);
  border: none;
}

/* USER PROFILE -> LISTS */
.listRow-2nO1T6 {
  border-radius: var(--card-radius);
}
.listRow-2nO1T6:hover {
  background-color: var(--card-color);
}

/*
 *
 *  BROWSE CHANNELS
 *
 */
.container-27tlK1 {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}

/* BROWSE CHANNELS -> CHANNELS */
.channelRow-4X_3fi {
  --button-height: 34px;
  background-color: var(--card-color);
  transition: var(--default-time) var(--default-animation) background-color;
}
.channelRow-4X_3fi.firstChannel-3vAGDY {
  border-radius: var(--card-radius) var(--card-radius) 0 0;
  border-top: 1px solid var(--card-border-color);
}
.channelRow-4X_3fi.lastChannel-21yyBC {
  border-radius: 0 0 var(--card-radius) var(--card-radius);
  border-bottom: 1px solid var(--card-border-color);
}
.channelRow-4X_3fi:not(.disabled-3cfocy):hover {
  background-color: var(--card-color-hover);
}

/*
 *
 *  CHANNELS AND ROLES
 *
 */
.container-2IKOsH {
  background-color: transparent !important;
}
.container-2IKOsH .chat-2ZfjoI {
  background-color: transparent !important;
}

/*
 *
 *  HOME TAB
 *
 */
.container-2Hi7Km {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}
.container-2Hi7Km .icon-2IDTxf:before {
  position: absolute;
  content: " ";
  width: calc(100% + 8px);
  height: calc(100% - 24px);
  top: -4px;
  left: -4px;
  background-color: var(--card-color);
  border-radius: 16px 16px 0 0;
  z-index: -1;
  pointer-events: none;
}

/* HOME TAB -> ACTIVE NOW */
.emptyStateContainer-xWOMPJ {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}

/* HOME TAB -> YOUR HIGHLIGHTS */
.container-4HqGB3.background-3X6Uak {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}

/*
 *
 *  PREMIUM MEMBERSHIP
 *
 */
.scrollerContent-2_cMNE {
  max-width: 100%;
}

.container-2_BXG- {
  background-color: var(--main-content-color);
}

.content-23DqaR:before {
  display: none;
}

.cardContainerWithoutTopIndicator-36cvDB {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}
.cardContainerWithoutTopIndicator-36cvDB .tierInfoContainer-3o77tj,
.cardContainerWithoutTopIndicator-36cvDB .subscriptionPerks-17BiNa {
  background-color: transparent;
}

/*
 *
 *  SERVER BOOST
 *
 */
/*
 *
 *  SERVER DISCOVERY
 *
 */
.pageWrapper-2PwDoS {
  background-color: var(--main-content-color) !important;
}

.card-2TuZPZ {
  background-color: var(--card-color) !important;
  border-radius: var(--card-radius) !important;
  border: none !important;
}
.card-2TuZPZ:hover {
  background-color: var(--card-color-hover) !important;
  border: none;
}
.card-2TuZPZ .iconMask-2fMR98 {
  background-color: var(--card-color) !important;
}

/*
 *
 *  ADD GAME POPOUT
 *
 */
.addGamePopout-2SKNIV {
  background-color: transparent !important;
  border-radius: var(--popout-radius) !important;
  box-shadow: none !important;
  overflow: hidden;
}
.addGamePopout-2SKNIV:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  box-shadow: var(--popout-shadow);
  backdrop-filter: blur(var(--popout-blur));
  pointer-events: none;
  z-index: -1;
}

/*
 *
 *  AUTOCOMPLETE
 *
 */
.autocomplete-3NRXG8 {
  background-color: var(--popout-color) !important;
  border-radius: var(--popout-radius) !important;
  box-shadow: var(--popout-shadow) !important;
  backdrop-filter: blur(var(--popout-blur));
}
.autocomplete-3NRXG8 .wrapper-3z7DuG {
  background-color: transparent;
}
.autocomplete-3NRXG8 .base-2v-uc0 {
  border-radius: var(--popout-radius);
}
.autocomplete-3NRXG8 .base-2v-uc0.selected-3H3-RC {
  background-color: var(--background-modifier-hover) !important;
}

.container-1S70rv {
  background-color: transparent;
  border-radius: var(--popout-radius);
  box-shadow: none;
  overflow: hidden;
}
.container-1S70rv:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  box-shadow: var(--popout-shadow);
  backdrop-filter: blur(var(--popout-blur));
  pointer-events: none;
  z-index: -1;
}
.container-1S70rv .autocompleteShadow-2nfsSy {
  box-shadow: none !important;
}
.container-1S70rv .autocompleteArrow-jJE9TQ {
  background-color: var(--popout-color) !important;
  box-shadow: none !important;
}
.container-1S70rv .header-3i_Csh {
  background-color: transparent;
  box-shadow: var(--card-header-shadow);
}
.container-1S70rv .sectionTag-28mLyE {
  background-color: transparent !important;
}
.container-1S70rv .row-1Ib2uD {
  padding-left: 4px;
}
.container-1S70rv .row-1Ib2uD .rowInner-3uonq8 {
  border-radius: var(--popout-radius);
}

/*
 *
 *  CONTEXT MENU
 *
 */
.menu-2TXYjN {
  background-color: transparent;
  border-radius: var(--popout-radius);
  box-shadow: none;
  overflow: hidden;
}
.menu-2TXYjN:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  box-shadow: var(--popout-shadow);
  backdrop-filter: blur(var(--popout-blur));
  pointer-events: none;
  z-index: -1;
}
.menu-2TXYjN .item-5ApiZt {
  border-radius: var(--popout-radius);
}
.menu-2TXYjN .item-5ApiZt.focused-3LIdPu {
  background-color: var(--background-modifier-selected);
}
.menu-2TXYjN .submenu-3ycVEH:before {
  width: calc(100% - 16px);
  left: 8px;
}
.menu-2TXYjN .button-1zW0-r {
  background-color: var(--card-color);
}
.menu-2TXYjN .button-1zW0-r:hover {
  background-color: var(--card-color-hover);
}

/*
 *
 *  EMOJI PICKER
 *
 */
.contentWrapper-3vHNP2, .contentWrapper-2f9yME,
.emojiPicker-6YCk8a {
  background-color: transparent;
}

.contentWrapper-3vHNP2, .contentWrapper-2f9yME {
  background-color: transparent;
  border-radius: var(--popout-radius);
  box-shadow: none;
  overflow: hidden;
}
.contentWrapper-3vHNP2:before, .contentWrapper-2f9yME:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  box-shadow: var(--popout-shadow);
  backdrop-filter: blur(var(--popout-blur));
  pointer-events: none;
  z-index: -1;
}

/* EMOJI PICKER -> HEADER */
.navButton-1XuvI-:hover, .navButton-Z_c6CC:hover {
  background-color: var(--background-modifier-hover);
}
.navButton-1XuvI-.navButtonActive-1EqC5l, .navButton-Z_c6CC.navButtonActive-1EqC5l, .navButton-1XuvI-.navButtonActive-fwiUKp, .navButton-Z_c6CC.navButtonActive-fwiUKp {
  background-color: var(--background-modifier-selected);
}

.header-2TLOnc,
.header-uVCAlo,
.header-11eigE {
  background-color: transparent;
  box-shadow: var(--popout-header-shadow) !important;
}

.diversitySelectorOptions-3DhNYs {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  box-shadow: var(--popout-shadow);
  backdrop-filter: blur(var(--popout-blur));
  border: none;
  overflow: hidden;
}

/* EMOJI PICKER -> HEADER -> SEARCH BAR */
.container-1SX9VC {
  height: var(--input-height);
  border-radius: var(--input-radius);
  background-color: rgba(var(--textarea-color), var(--textarea-alpha));
  border: none;
  color: var(--textarea-text-color);
  transition: var(--transition-time) var(--transition-type);
}
.container-1SX9VC:focus {
  background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus));
}

/* EMOJI PICKER -> EMOJIS */
.wrapper-1NNaWG {
  position: relative;
  background-color: transparent;
}

.inspector-DFKXwB {
  background-color: transparent;
}

.wrapper-22rqw6 {
  top: 60px;
  background-color: var(--sidebar-color);
}
.wrapper-22rqw6 .unicodeShortcut-3N8oDe {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  box-shadow: var(--popout-shadow);
  backdrop-filter: blur(var(--popout-blur));
  border-radius: 0;
}

.emojiPickerHasTabWrapper-LoluYe .wrapper-22rqw6 {
  top: 52px;
}

.emojiItem-277VFM {
  border-radius: var(--card-radius);
}
.emojiItem-277VFM.emojiItemSelected-2Lg50V {
  background-color: var(--background-modifier-hover);
}

/* EMOJI PICKER -> GIFS */
.searchBar-3aIzc- {
  height: var(--input-height);
  border-radius: var(--input-radius);
  background-color: rgba(var(--textarea-color), var(--textarea-alpha));
  border: none;
  color: var(--textarea-text-color);
  transition: var(--transition-time) var(--transition-type);
}
.searchBar-3aIzc-:focus {
  background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus));
}

.result-pzZrwj {
  border-radius: var(--card-radius);
}
.result-pzZrwj:after {
  border-radius: inherit;
}
.result-pzZrwj:hover:after {
  box-shadow: inset 0 0 0 2px hsl(var(--accent-hsl)), inset 0 0 0 3px #2f3136 !important;
}
.result-pzZrwj .gif-2kTiNB {
  border-radius: inherit;
}
.result-pzZrwj .categoryFade-3RRG67,
.result-pzZrwj .categoryFadeBlurple-1l49_Q {
  border-radius: inherit;
}
.result-pzZrwj .categoryFadeBlurple-1l49_Q {
  background-color: hsla(var(--accent-hsl), 0.8) !important;
}

/*
 *
 *  LISTENING ALONG POPOUT
 *
 */
.container-8Futzw {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  box-shadow: var(--popout-shadow);
  backdrop-filter: blur(var(--popout-blur));
}
.container-8Futzw:before {
  position: fixed;
  width: calc(100% - 16px);
  height: 100%;
  margin-left: 16px;
}

/*
 *
 *  INCOMING CALL
 *
 */
.root-1e2tfc {
  background-color: var(--popout-color) !important;
  border-radius: var(--popout-radius) !important;
  box-shadow: var(--popout-shadow) !important;
  backdrop-filter: blur(var(--popout-blur));
}

/*
 *
 *  INVITE POPOUT
 *
 */
.inviteBannerUpsell-1t_LYM {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}

/*
 *
 *  LIST POPOUTS
 *
 */
.container-2kTWmC {
  border: none;
  background-color: transparent;
  border-radius: var(--popout-radius);
  box-shadow: none;
  overflow: hidden;
}
.container-2kTWmC:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  box-shadow: var(--popout-shadow);
  backdrop-filter: blur(var(--popout-blur));
  pointer-events: none;
  z-index: -1;
}
.container-2kTWmC .item-1Mjtru {
  border-radius: var(--popout-radius);
}

.overflowRolesPopout-1Puiuq {
  background-color: transparent !important;
  border-radius: var(--popout-radius) !important;
  box-shadow: none !important;
  overflow: hidden;
}
.overflowRolesPopout-1Puiuq:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  box-shadow: var(--popout-shadow);
  backdrop-filter: blur(var(--popout-blur));
  pointer-events: none;
  z-index: -1;
}
.overflowRolesPopout-1Puiuq .overflowRolesPopoutArrow-2R7g3K {
  background-color: var(--popout-color) !important;
  box-shadow: none !important;
}
.overflowRolesPopout-1Puiuq .overflowRolesPopoutHeaderIcon-2LIuSc path {
  fill: var(--header-secondary);
}
.overflowRolesPopout-1Puiuq .overflowRolesPopoutHeaderText-3HyHGv {
  color: var(--header-secondary);
}
.overflowRolesPopout-1Puiuq .role-2TIOKu, .overflowRolesPopout-1Puiuq .role-3uAPnQ {
  background-color: var(--card-color);
}

/*
 *
 *  MESSAGES POPOUT
 *
 */
.messagesPopoutWrap-3zryHW {
  max-height: 80vh !important;
  background-color: transparent;
  border-radius: var(--popout-radius);
  box-shadow: none;
  overflow: hidden;
}
.messagesPopoutWrap-3zryHW:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  box-shadow: var(--popout-shadow);
  backdrop-filter: blur(var(--popout-blur));
  pointer-events: none;
  z-index: -1;
}

.header-1w9Q93 {
  background-color: transparent;
  box-shadow: var(--popout-header-shadow);
}

.messagesPopout-eVzQcI {
  padding: 16px 0 0 8px;
}

.footer-5ji8u1 {
  background-color: transparent;
}

/* MESSAGES POPOUT -> PINNED MESSAGES */
.messageGroupWrapper-1jf_7C {
  margin-bottom: 16px;
  background-color: transparent;
  border: none;
}
.messageGroupWrapper-1jf_7C .wrapper-30-Nkg {
  margin-left: 56px !important;
  margin-right: 16px !important;
  background-color: var(--message-color);
  border-radius: var(--message-radius);
}
.messageGroupWrapper-1jf_7C .wrapper-30-Nkg .contents-2MsGLg,
.messageGroupWrapper-1jf_7C .wrapper-30-Nkg .container-2sjPya {
  overflow: hidden;
}
.messageGroupWrapper-1jf_7C .actionButtons-2mNSAB {
  right: calc(16px + var(--message-padding-side));
}
.messageGroupWrapper-1jf_7C .jumpButton-1ZwI_j {
  background-color: var(--card-color);
  border-radius: var(--button-radius);
}

/* MESSAGES POPOUT -> FOR YOU */
.friendRequestsButton-77veU7 {
  background-color: var(--background-modifier-hover);
}
.friendRequestsButton-77veU7:hover {
  background-color: var(--background-modifier-active);
}

.container-1A0qQO {
  background-color: transparent;
}

.row-7jGzPR:hover {
  background-color: var(--background-modifier-hover);
}

/* MESSAGES POPOUT -> MENTIONS */
.channelHeader-DFRX8q,
.messageContainer-3VTXBC {
  background-color: transparent;
}

.channelHeader-DFRX8q {
  margin: 4px 0;
  padding: 12px 16px 12px 28px;
  background-color: transparent;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  box-shadow: var(--popout-shadow);
  backdrop-filter: blur(var(--popout-blur));
}
.channelHeader-DFRX8q:before {
  background-color: var(--message-color);
  border-radius: var(--message-radius);
}

.button-1_oXub {
  background-color: var(--background-modifier-hover);
}
.button-1_oXub:hover {
  background-color: var(--background-modifier-selected) !important;
}

.messageContainer-3VTXBC {
  padding: 16px 0;
}
.messageContainer-3VTXBC .wrapper-30-Nkg {
  margin-left: 60px;
  margin-right: 0;
  overflow: visible;
}

/* MESSAGES POPOUT -> UNREADS */
.recentMentionsPopout-2bI1ZN {
  background-color: transparent;
  border-radius: var(--popout-radius);
  box-shadow: none;
  overflow: hidden;
}
.recentMentionsPopout-2bI1ZN:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  box-shadow: var(--popout-shadow);
  backdrop-filter: blur(var(--popout-blur));
  pointer-events: none;
  z-index: -1;
}
.recentMentionsPopout-2bI1ZN .container-2qVG6q {
  background-color: var(--message-color);
  border-radius: var(--message-radius);
}
.recentMentionsPopout-2bI1ZN .container-2qVG6q:hover {
  background-color: var(--message-color-hover);
}
.recentMentionsPopout-2bI1ZN .wrapper-30-Nkg {
  overflow: visible;
}

.tutorial-Nb3Zz5 {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}

.collapseButton-39-IRc {
  left: 4px;
}

.messages-23can0 {
  background-color: transparent;
}

/*
 *
 *  NOISE SUPPRESSION
 *
 */
.noiseCancellationPopout-2-e5Xz {
  background-color: transparent;
  border-radius: var(--popout-radius);
  box-shadow: none;
  overflow: hidden;
}
.noiseCancellationPopout-2-e5Xz:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  box-shadow: var(--popout-shadow);
  backdrop-filter: blur(var(--popout-blur));
  pointer-events: none;
  z-index: -1;
}

/*
 *
 *  PICTURE IN PICTURE
 *
 */
/*
 *
 *  REGION SELECT POPOUT
 *
 */
.regionSelectPopout-3sEzVB {
  padding: 6px;
  background-color: var(--popout-color) !important;
  border-radius: var(--popout-radius) !important;
  box-shadow: var(--popout-shadow) !important;
  backdrop-filter: blur(var(--popout-blur));
}
.regionSelectPopout-3sEzVB .quickSelectPopoutOption-2E2UmS {
  border-radius: var(--popout-radius);
}
.regionSelectPopout-3sEzVB .quickSelectPopoutOption-2E2UmS:hover {
  background-color: var(--background-modifier-hover);
}
.regionSelectPopout-3sEzVB .quickSelectPopoutOption-2E2UmS:focus {
  background-color: var(--background-modifier-selected);
}

/*
 *
 *  ROLE PREVIEW POPOUT
 *
 */
.container-3ssFyj {
  background-color: transparent;
  border-radius: var(--popout-radius);
  box-shadow: none;
  overflow: hidden;
}
.container-3ssFyj:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  box-shadow: var(--popout-shadow);
  backdrop-filter: blur(var(--popout-blur));
  pointer-events: none;
  z-index: -1;
}
.container-3ssFyj .item-1BCeuB {
  border-radius: var(--list-item-radius);
}

/*
 *
 *	SEARCH POPOUT
 *
 */
.container-2McqkF {
  background-color: var(--popout-color) !important;
  border-radius: var(--popout-radius) !important;
  box-shadow: var(--popout-shadow) !important;
  backdrop-filter: blur(var(--popout-blur));
}

.key-N5VmHN {
  height: 20px;
  padding: 0 6px;
  line-height: 20px;
  background-color: var(--card-color) !important;
  border-radius: var(--card-radius);
  border: none;
  box-shadow: none !important;
}
.key-N5VmHN:active {
  height: 20px;
  padding-bottom: 0;
  background-color: var(--card-color-hover) !important;
  border: none !important;
  transform: none;
}

.option-ayUoaq {
  border-radius: var(--popout-radius);
}
.option-ayUoaq:after {
  display: none;
}
[aria-selected=true].option-ayUoaq {
  background-color: var(--background-modifier-hover);
}

.focused-2FU0YH {
  background-color: transparent !important;
}

.queryContainer-ZunrLZ {
  border: none;
  box-shadow: var(--popout-header-shadow);
}

.resultsGroup-cfY57t:before {
  display: none;
}

/*
 *
 *  SOUNDBOARD PICKER
 *
 */
.picker-20lcBA {
  background-color: transparent;
  border-radius: var(--popout-radius);
  box-shadow: none;
  overflow: hidden;
}
.picker-20lcBA:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  box-shadow: var(--popout-shadow);
  backdrop-filter: blur(var(--popout-blur));
  pointer-events: none;
  z-index: -1;
}

.premiumPromo-1eKAIB {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  opacity: 1;
  backdrop-filter: blur(var(--popout-blur));
}

.soundButton-2P2Ua2 {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
}
.soundButton-2P2Ua2 .buttonOverlayBackground-3fyfGX {
  background-color: var(--card-color);
  opacity: 1;
}

.keybindHint-2zIIxQ {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}

/*
 *
 *  SPECTATOR MENU
 *
 */
.scroller-3b1p7z {
  background-color: var(--popout-color) !important;
  border-radius: var(--popout-radius) !important;
  box-shadow: var(--popout-shadow) !important;
  backdrop-filter: blur(var(--popout-blur));
}
.scroller-3b1p7z .memberListItem-3V-x8Q {
  border-radius: var(--popout-radius);
}
.scroller-3b1p7z .memberListItem-3V-x8Q:not(.popoutDisabled-PP2QdB):hover {
  background-color: var(--background-modifier-hover) !important;
}

/*
 *
 *	STATUS PICKER
 *
 */
.menu-2-eHMB:before {
  display: none;
}

/*
 *
 *  STICKERS POPOUT
 *
 */
.containerBackground-Ang24O {
  border: none;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  box-shadow: var(--popout-shadow);
  backdrop-filter: blur(var(--popout-blur));
}
.containerBackground-Ang24O:after {
  border-top-color: var(--popout-color);
}

/*
 *
 *  STREAM PREVIEW POPOUT
 *
 */
.streamPreview-I7itZ6 {
  background-color: transparent !important;
  border-radius: var(--popout-radius) !important;
  box-shadow: none !important;
  overflow: hidden;
}
.streamPreview-I7itZ6:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  box-shadow: var(--popout-shadow);
  backdrop-filter: blur(var(--popout-blur));
  pointer-events: none;
  z-index: -1;
}
.streamPreview-I7itZ6 .previewContainer-35LFgt {
  background-color: transparent !important;
  box-shadow: var(--card-header-shadow);
  border: none !important;
}

/*
 *
 *  THREADS POPOUT
 *
 */
.container-18GwIk {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  box-shadow: var(--popout-shadow);
  backdrop-filter: blur(var(--popout-blur));
}
.container-18GwIk .header-3_zmOb {
  background-color: transparent;
  box-shadow: var(--card-header-shadow);
  border: none;
}
.container-18GwIk .searchBox-3IjAC1 {
  height: auto;
  border-radius: var(--input-radius);
  background-color: rgba(var(--textarea-color), var(--textarea-alpha));
  border: none;
  color: var(--textarea-text-color);
  transition: var(--transition-time) var(--transition-type);
}
.container-18GwIk .searchBox-3IjAC1:focus {
  background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus));
}
.container-18GwIk .container-2rzKKA {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}
.container-18GwIk .container-2rzKKA:hover {
  background-color: var(--card-color-hover);
  border: none;
}

.popout-TdhJ6Z {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  box-shadow: var(--popout-shadow);
  backdrop-filter: blur(var(--popout-blur));
}
.popout-TdhJ6Z .row-1qtctT {
  border-radius: var(--list-item-radius);
}
.popout-TdhJ6Z .row-1qtctT:hover {
  background-color: var(--background-modifier-hover);
}
.popout-TdhJ6Z .more-2c3Z-T {
  color: hsl(var(--accent-hsl));
}

/*
 *
 *  USER POPOUT
 *
 */
.profileColors-2AgAV4 {
  --profile-gradient-primary-color: var(--popout-color);
  --profile-gradient-secondary-color: var(--popout-color);
  --profile-avatar-border-color: var(--popout-color);
  --profile-body-background-color: var(--popout-color);
}
.profileColors-2AgAV4 * {
  text-shadow: none;
}
.profileColors-2AgAV4 svg {
  filter: none;
}
.profileColors-2AgAV4.theme-light {
  --textarea-color: 0,0,0;
  --textarea-text-color: #333;
  --textarea-placeholder-color: #666;
  --background-modifier-selected: rgba(0,0,0,0.125);
}

.userProfileOuter-2tQwNf {
  background-color: transparent;
  border-radius: var(--popout-radius);
  box-shadow: none;
  overflow: hidden;
  border-radius: var(--popout-radius);
}
.userProfileOuter-2tQwNf:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: transparent;
  border-radius: var(--popout-radius);
  box-shadow: var(--popout-shadow);
  backdrop-filter: blur(var(--popout-blur));
  pointer-events: none;
  z-index: -1;
}

.userProfileInner-1ngKnf {
  border-radius: calc(var(--popout-radius) / 1.25);
}
.userProfileInner-1ngKnf:before {
  border-radius: inherit;
}
.userProfileInner-1ngKnf .wrapper-3Un6-K circle {
  fill: var(--profile-avatar-border-color);
}
.userProfileInner-1ngKnf .inputWrapper-2K8ds1 {
  border-radius: 18px;
  border: none;
}
.userProfileInner-1ngKnf .input-3O04eu::-webkit-input-placeholder {
  color: var(--textarea-placeholder-color);
}

.wrapper-C1y4Sz {
  border-radius: calc(var(--popout-radius) / 1.25) calc(var(--popout-radius) / 1.25) 0 0;
}

.banner-1YaD3N, .banner-3D8GgT {
  border-radius: calc(var(--popout-radius) / 1.25) calc(var(--popout-radius) / 1.25) 0 0;
}

.profileBadges-2pItdR {
  border-radius: 15px;
}

.overlayBackground-2aa7wt {
  border-radius: calc(var(--popout-radius) / 1.25);
}

.role-2TIOKu, .role-3uAPnQ {
  background-color: var(--background-modifier-selected);
  border-radius: 11px;
  border: none;
}

.note-1NN2aP {
  margin-left: 0;
  margin-right: 0;
}
.note-1NN2aP .input-3O04eu {
  height: unset;
  font-size: 14px;
  line-height: 16px;
}
.note-1NN2aP .textarea-_59yqs {
  padding: 4px 10px;
  font-size: 14px;
  line-height: 16px;
}
.note-1NN2aP .textarea-_59yqs::-webkit-input-placeholder {
  color: var(--textarea-placeholder-color);
}
.note-1NN2aP .textarea-_59yqs:focus {
  background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus));
}

/* USER POPOUT -> STATUS AREA */
.menu-KSaHL1:before {
  display: none;
}

/*
 *
 *  VOICE CONNECTED
 *
 */
.container-1ILvLB {
  background-color: transparent;
  border-radius: var(--popout-radius);
  box-shadow: none;
  overflow: hidden;
}
.container-1ILvLB:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  box-shadow: var(--popout-shadow);
  backdrop-filter: blur(var(--popout-blur));
  pointer-events: none;
  z-index: -1;
}

/*
 *
 *  SERVER FOLDERS
 *
 */
.expandedFolderBackground-1kSAf6 {
  background-color: var(--server-folder-color);
  border-radius: 16px 16px 24px 24px;
}

.folder-241Joy {
  background-color: transparent;
}
.folder-241Joy.hover-3m7-WT {
  background-color: var(--server-folder-color);
}

[style*="background-color: rgba(88, 101, 242, 0.4)"].folderIconWrapper-1oRIZr {
  background-color: hsla(var(--accent-hsl), 0.4) !important;
}

.expandedFolderIconWrapper-3RwQpD svg[style="color: rgb(88, 101, 242);"] {
  color: hsla(var(--accent-hsl), var(--accent-opacity)) !important;
}

/*
 *
 *  SERVERS LIST
 *
 */
.wrapper-1_HaEi {
  background-color: var(--sidebar-color);
}
.wrapper-1_HaEi .tree-3agP2X:focus {
  outline: none;
}

.scroller-3X7KbA {
  background-color: transparent !important;
}

.listItem-3SmSlK svg {
  filter: none;
}

.childWrapper-1j_1ub,
.circleIconButton-1VxDrg {
  background-color: hsla(var(--accent-hsl), var(--accent-opacity)) !important;
  color: var(--accent-text-color) !important;
}

.mention-3XBnnZ {
  background-color: hsla(var(--accent-hsl), var(--accent-opacity));
  color: var(--accent-text-color);
}

.numberBadge-37OJ3S {
  background-color: hsla(var(--accent-hsl), var(--accent-opacity)) !important;
  color: var(--accent-text-color) !important;
}

.iconBadge-32fMme.participating-2Z81oO {
  background-color: hsla(var(--accent-hsl), var(--accent-opacity));
}
.iconBadge-32fMme.participating-2Z81oO path {
  fill: var(--accent-text-color);
}

.item-2LIpTv {
  background-color: var(--notification-color);
}

/*
 *
 *  SETTINGS CONTENT AREA
 *
 */
.contentRegion-3HkfJJ {
  background-color: var(--main-content-color);
}

.container-20TyK0 {
  background-color: var(--popout-color) !important;
  border-radius: var(--popout-radius) !important;
  box-shadow: var(--popout-shadow) !important;
  backdrop-filter: blur(var(--popout-blur));
}

/*
 *
 *  SETTINGS SIDEBAR
 *
 */
.sidebarRegionScroller-FXiQOh {
  background-color: var(--sidebar-color);
}

.side-1lrxIh .item-2GWPIy {
  border-radius: var(--list-item-radius);
}

.selectedBackground-1t6xXq {
  display: none;
}

/*
 *
 *	SERVER SETTING AUDIT LOG
 *
 */
.auditLog-1NVAY0 {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
  overflow: hidden;
}
.auditLog-1NVAY0 .header-2pgFQm,
.auditLog-1NVAY0 .changeDetails-1kMZqI {
  background-color: transparent;
}
.auditLog-1NVAY0 .headerExpanded-1-zwDr {
  box-shadow: var(--popout-header-shadow);
}
.auditLog-1NVAY0 .divider-M3saWq {
  display: none;
}

/*
 *
 *  SERVER SETTINGS AUTOMOD
 *
 */
.editCard-K9Q9mb {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}
.editCard-K9Q9mb:before {
  display: none;
}
.editCard-K9Q9mb.active-Xi2rnV {
  background-color: var(--card-color) !important;
}
.editCard-K9Q9mb .ruleIconContainer-dXW56- {
  background-color: var(--card-color);
}
.editCard-K9Q9mb .actionContainer-EzNGrb {
  background-color: var(--card-color);
}

.collapseable-1FiLab {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}
.collapseable-1FiLab:active {
  background-color: var(--card-color) !important;
}
.collapseable-1FiLab:before {
  display: none;
}

.actionContainer-1mTfAD {
  margin-top: 28px;
}

.stepCountIcon-1A2Rxd {
  background-color: var(--card-color);
}

.mentionLimitContainer-zBzr5i {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}

.stepperContainer-i-z0pP {
  padding: 0;
  height: var(--input-height);
  border-radius: var(--input-radius);
  background-color: rgba(var(--textarea-color), var(--textarea-alpha));
  border: none;
  color: var(--textarea-text-color);
  transition: var(--transition-time) var(--transition-type);
}
.stepperContainer-i-z0pP:focus {
  background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus));
}
.stepperContainer-i-z0pP .stepper-1gzQ8P {
  border-radius: var(--input-radius);
}
.stepperContainer-i-z0pP .iconWrapper-2_MXbk {
  background-color: transparent;
}
.stepperContainer-i-z0pP .iconWrapper-2_MXbk .icon-2TbMdT {
  width: var(--input-height);
  height: var(--input-height);
}
.stepperContainer-i-z0pP .input-3O04eu {
  background-color: transparent;
}

/*
 *
 *  SERVER SETTINGS CONTENT MODERATION
 *
 */
.triggerMainContainer-274ue5 {
  margin: 8px 0;
  padding: 0;
  border: none;
}

.keywordListContainer-9ux8nU,
.actionContainer-2krsiT {
  padding: 12px 16px;
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}
.keywordListContainer-9ux8nU:hover,
.actionContainer-2krsiT:hover {
  background-color: var(--card-color-hover);
  border: none;
}

.actionContainer-2krsiT .actionContainer-2krsiT {
  padding: 0;
  background-color: transparent;
}

.searchContainer-3slruV .richTag-20_n21 {
  margin: 4px 0 4px 4px;
  background-color: var(--card-color);
  border-radius: 13px;
}

.keywordsTextArea-3QkFoG {
  background-color: rgba(var(--textarea-color), var(--textarea-alpha));
  border-radius: 18px;
  border: none;
  transition: var(--transition-time) var(--transition-type);
}
.keywordsTextArea-3QkFoG:focus {
  background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus));
}
.keywordsTextArea-3QkFoG::-webkit-input-placeholder {
  color: var(--textarea-placeholder-color);
}

.dividerContainer-2nP_QR {
  margin: 6px auto 0;
}
.dividerContainer-2nP_QR .dividierIcon-GVrQQY {
  color: var(--text-muted);
}

.resultsList-2Bp-2_ {
  border: none;
  background-color: var(--popout-color) !important;
  border-radius: var(--popout-radius) !important;
  box-shadow: var(--popout-shadow) !important;
  backdrop-filter: blur(var(--popout-blur));
}
.resultsList-2Bp-2_ .channelRowLabel-2yYGtY,
.resultsList-2Bp-2_ .roleLabel-38YTUn {
  background-color: var(--card-color);
  border-radius: 12px;
}

/*
 *
 *  SERVER SETTINGS DISCOVERY
 *
 */
.checklist-Asy_56, .checklistContainer-12xGp5 {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}

.header-Wl8ec-, .checklistHeader-3liG7E {
  background-color: transparent;
  box-shadow: var(--card-header-shadow);
  border: none;
}

/*
 *
 *  SERVER SETTINGS EMOJI
 *
 */
.emojiRow-1aPaM-:before {
  background-color: var(--background-modifier-hover);
}
.emojiRow-1aPaM- .input-3O04eu {
  padding: 0 12px;
}
.emojiRow-1aPaM- .emojiAliasPlaceholder-3oShSx {
  height: var(--input-height);
  line-height: var(--input-height);
  padding: 1px 12px 0;
}

/*
 *
 *  SERVER SETTINGS SERVER INSIGHTS
 *
 */
.memberInsightsContainer-3TdlTJ {
  padding: 0;
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}
.memberInsightsContainer-3TdlTJ .insightsHeader-3oxvvv {
  background-color: transparent;
  box-shadow: var(--card-header-shadow);
  border: none;
}
.memberInsightsContainer-3TdlTJ .divider-2iP_0m {
  display: none;
}
.memberInsightsContainer-3TdlTJ .tips-dlXnNr {
  margin: 16px;
}
.memberInsightsContainer-3TdlTJ .insightsActions-3cTXpa {
  margin: 0 16px 16px;
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}

.developerPortalCtaWrapper-2PniQs {
  background-color: var(--card-color);
}

.error-2568aZ {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
}

/*
 *
 *  SERVER SETTINGS MEMBERSHIP SCREENING
 *
 */
.enableContainer-1J91Aq {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}

.settingsFormItem-25zW3t {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}
.settingsFormItem-25zW3t .settingsFormFieldWrapper-U99c9i {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}

.backgroundContainer-gUNEZU {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}

.requirementContainer-1YZZty {
  background-color: rgba(var(--textarea-color), var(--textarea-alpha));
  border-radius: var(--input-radius);
}

.fieldBackground-3nYcw0 {
  background-color: rgba(var(--textarea-color), var(--textarea-alpha)) !important;
  border-radius: var(--input-radius) !important;
  border: none !important;
}

.containerFooter-3BSQ3U {
  background-color: transparent;
}

.fieldBackground-2TpuOY {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}
.fieldBackground-2TpuOY.withFooter-1nlfLM {
  box-shadow: var(--card-header-shadow);
}

.fieldFooterContainer-2QTUnl {
  background-color: var(--card-color);
  border-radius: 0 0 var(--card-radius) var(--card-radius);
}

.sidebarFixedContainer-2fX672 {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}

/* SERVER SETTINGS MEMBERSHIP SCREENING -> PREVIEW */
.guildSidebar-UHnQqs {
  background-color: var(--sidebar-color);
}

.modal-2TOYtq .formFieldWrapper-2LV3S6 {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}

/*
 *
 *  SERVER SETTINGS SAFETY SETUP
 *
 */
/*
 *
 *  SERVER SETTINGS PARTNER PROGRAM
 *
 */
.feature-2IUcBI, .featureCard-3XHbjy {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}
.feature-2IUcBI .featureIcon-2sTnDK, .featureCard-3XHbjy .featureIcon-2sTnDK {
  background-color: var(--card-color);
}

.checklistContainer-12xGp5 {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}

.checklistHeader-3liG7E {
  background-color: transparent;
  box-shadow: var(--card-header-shadow);
  border: none;
}

/*
 *
 *  SERVER SETTINGS PERMISSIONS
 *
 */
.settingCard-xZSDjS {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}
.settingCard-xZSDjS.active-3EK-ed {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
  overflow: hidden;
}
.settingCard-xZSDjS.active-3EK-ed .cardContent-1-5hym {
  box-shadow: var(--card-header-shadow);
}

.cardFolder-3H4uH4 {
  background-color: transparent;
}

.group-LWHoGI {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
  overflow: hidden;
}

.item-4m-12I {
  cursor: pointer;
}

.selected-3jieYB.deny-1GO6vI {
  background-color: hsla(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%, 0.65);
  border-radius: var(--card-radius) 0 0 var(--card-radius);
}
.selected-3jieYB.passthrough--fbdFR {
  background-color: hsla(217, 8%, 41%, 0.65);
}
.selected-3jieYB.allow-1h61-Z {
  background-color: hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%, 0.65);
  border-radius: 0 var(--card-radius) var(--card-radius) 0;
}

.background-3X6N7I {
  padding: 0;
  background-color: transparent;
}

.roleDot-1Rh5WS {
  box-shadow: none;
}

/*
 *
 *  SERVER SETTINGS ROLES
 *
 */
.container-3EtAkD {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}
.container-3EtAkD:hover {
  background-color: var(--card-color-hover);
  border: none;
}

.container-2oNtJn {
  height: 34px;
  border-radius: 17px;
  background-color: rgba(var(--textarea-color), var(--textarea-alpha));
  border: none;
  color: var(--textarea-text-color);
  transition: var(--transition-time) var(--transition-type);
}
.container-2oNtJn:focus-within {
  background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus));
}
.container-2oNtJn .input-2m5SfJ::-webkit-input-placeholder {
  color: var(--textarea-placeholder-color);
}

.roleRow-230vCm .button-1_oXub {
  background-color: var(--background-modifier-active);
}
.roleRow-230vCm:hover .button-1_oXub {
  background-color: var(--background-modifier-active) !important;
}
.roleRow-230vCm:hover .button-1_oXub:hover {
  background-color: var(--background-modifier-hover) !important;
}

/* SERVER SETTINGS ROLES -> EDIT ROLE */
.titleContainer-3fPic2 {
  position: sticky;
  overflow: hidden;
}
.titleContainer-3fPic2:before {
  content: " ";
  position: absolute;
  width: calc(100% + var(--app-margin) * 2);
  height: calc(100% + var(--app-margin) * 2 + 24px);
  top: calc((var(--app-margin) + 24px) * -1);
  left: calc(var(--app-margin) * -1);
  background-color: transparent;
  background-image: var(--app-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  box-shadow: inset 0 0 0 100vmax var(--main-content-color);
  filter: blur(var(--app-blur));
  z-index: -1;
  pointer-events: none;
}

.header-JUTO-g {
  padding: 60px 8px 0;
  overflow: hidden;
}
.header-JUTO-g:before {
  content: " ";
  position: absolute;
  width: calc(100% + var(--app-margin) * 2);
  height: calc(100% + var(--app-margin) * 2 + 24px);
  top: calc((var(--app-margin) + 24px) * -1);
  left: calc(var(--app-margin) * -1);
  background-color: transparent;
  background-image: var(--app-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  box-shadow: inset 0 0 0 100vmax var(--main-content-color);
  filter: blur(var(--app-blur));
  z-index: -1;
  pointer-events: none;
}

/*
 *
 *  SERVER LISTS
 *
 */
.container-2oNtJn {
  height: auto;
}

.card-2ART2V:before {
  background-color: var(--card-color-hover);
  border-radius: var(--card-radius);
}
.active.card-2ART2V:before {
  background-color: var(--card-color-hover);
  opacity: 1;
}

/* SERVER LISTS -> MEMBERS LIST */
.member-2cj2PI .role-2TIOKu, .member-2cj2PI .role-3uAPnQ {
  background-color: var(--background-modifier-active);
}

/*
 *
 *	SERVER SETTINGS STICKERS
 *
 */
.tier-3CS7-p {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}
.tier-3CS7-p .grid-5BH14o {
  padding: 0 16px 16px;
}

.tierHeaderLocked-30MLlO,
.tierHeaderUnlocked-1OpOLf {
  background-color: transparent !important;
  box-shadow: var(--popout-header-shadow);
}

.tierBody-1d3UiS {
  background-color: transparent !important;
}

.wrapper-24fR1R {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}
.wrapper-24fR1R:hover {
  background-color: var(--card-color-hover);
  border: none;
}
.background-3xJH_4 {
  color: var(--card-color) !important;
}

.foreground-3_3Pgi {
  color: hsla(var(--accent-hsl), var(--accent-opacity));
}

.theme-dark .tierInProgress-1vFUnw {
  background-color: var(--card-color);
}
.theme-dark .tierAccomplished-1I5NaT,
.theme-dark .tierCurrent-2nowYi,
.theme-dark .tierFirst-1Vn3wS {
  background: hsla(var(--accent-hsl), var(--accent-opacity));
}

/*
 *
 *  SERVER SETTINGS SERVER TEMPLATE
 *
 */
.descriptionBox-SKGNgB {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}

.textArea-3WXAeD {
  height: auto;
}

.enableContainer-H2cRts {
  background-color: var(--card-color);
  border-radius: var(--card-radius) var(--card-radius) 0 0;
  box-shadow: var(--card-header-shadow);
}

.previewContainer-29oeA6 {
  background-color: var(--card-color);
  border-radius: 0 0 var(--card-radius) var(--card-radius);
}
.previewContainer-29oeA6 .welcomeChannel-_Q4qAA {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}
.previewContainer-29oeA6 .welcomeChannel-_Q4qAA .channelIcon-2N5-5h {
  background-color: var(--background-modifier-selected);
  border-radius: 50%;
}

.optionContainer-yOpaLq {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}
.optionContainer-yOpaLq:hover {
  background-color: var(--card-color-hover);
  border: none;
}

/*
 *
 *  USER SETTINGS ACTIVITY STATUS
 *
 */
.notDetected-M3Ghh2 {
  background-color: var(--card-color) !important;
  border-radius: var(--card-radius) !important;
  border: none !important;
}

.game-2f2vPC {
  box-shadow: 0 1px 0 0 var(--background-modifier-accent) !important;
}
.game-2f2vPC .gameNameInput-2wbDJ9 {
  border: none;
}
.game-2f2vPC .gameNameInput-2wbDJ9:hover, .game-2f2vPC .gameNameInput-2wbDJ9:focus {
  height: auto;
  border-radius: var(--input-radius);
  background-color: rgba(var(--textarea-color), var(--textarea-alpha));
  border: none;
  color: var(--textarea-text-color);
  transition: var(--transition-time) var(--transition-type);
}
.game-2f2vPC .gameNameInput-2wbDJ9:focus:focus {
  background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus));
}
.game-2f2vPC .lastPlayed-1jum9A {
  color: var(--text-muted);
}

/*
 *
 *  USER SETTINGS AUTHORIZED APPS
 *
 */
.authedApp-8q3NA9 {
  margin-bottom: 16px;
  padding: 0;
}
.authedApp-8q3NA9 .marginBottom20-315RVT {
  padding: 16px;
  background-color: transparent;
  box-shadow: var(--card-header-shadow);
  border: none;
  border-radius: var(--card-radius) var(--card-radius) 0 0;
}
.authedApp-8q3NA9 div:not([class]) {
  padding: 16px 16px 0;
}
.authedApp-8q3NA9 .marginTop20-2T8ZJx {
  margin-top: 0;
  padding: 16px;
}

/*
 *
 *  USER SETTINGS BILLING
 *
 */
.paymentPane-ut5qKZ {
  background-color: var(--card-color) !important;
  border-radius: var(--card-radius) !important;
  border: none !important;
}
.paymentPane-ut5qKZ > .paymentRow-1HKOLu {
  background-color: transparent;
  box-shadow: var(--card-header-shadow);
  border: none;
}
.paymentPane-ut5qKZ .paginator-1eqD2g {
  background-color: transparent !important;
}
.paymentPane-ut5qKZ .bottomDivider-ZmTm-j.scrollerBase-1Pkza4 {
  border-bottom: none;
}

.payment-2bOh4k {
  background-color: transparent !important;
}
.payment-2bOh4k.bottomDivider-ZmTm-j {
  border-bottom-color: hsla(0, 0%, 100%, 0.1);
}

.expandedInfo-1W31i3 {
  background-color: var(--card-color) !important;
  border-radius: var(--card-radius) !important;
  border: none !important;
}

.pageButtonPrev-3q9rh8,
.pageButtonNext-2_bbdk,
.pageIndicator-cOEPV8 {
  background-color: var(--card-color);
  border: none;
}

.pageButtonPrev-3q9rh8:not(.disabled-29cfPA):hover,
.pageButtonNext-2_bbdk:not(.disabled-29cfPA):hover {
  background-color: var(--card-color-hover);
}

.pageButtonPrev-3q9rh8 {
  border-radius: 21px 0 0 21px;
}

.pageButtonNext-2_bbdk {
  border-radius: 0 21px 21px 0;
}

.connectContainer-1hylYM {
  padding: 0;
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}
.connectContainer-1hylYM .connectHeader-2VkFiv {
  padding: 16px;
  margin-bottom: 0;
  background-color: transparent;
  box-shadow: var(--card-header-shadow);
  border: none;
}
.connectContainer-1hylYM .text-xs-normal-3O7EaX {
  padding: 16px 16px 0;
}
.connectContainer-1hylYM .connectionsContainer-3wRUc6 {
  margin-top: 0;
  padding: 16px;
}
.connectContainer-1hylYM .accountButtonInner-33vCDY {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}
.connectContainer-1hylYM .accountButtonInner-33vCDY:hover {
  background-color: var(--card-color-hover);
  border: none;
}

.connection-YOVI9j {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}
.connection-YOVI9j .connectionHeader-Ixbb1s {
  background-color: transparent;
  box-shadow: var(--card-header-shadow);
  border: none;
}

/*
 *
 *  USER SETTINGS DEVICES
 *
 */
.session-9khLqt {
  padding: 16px;
  background-color: var(--card-color);
}
.session-9khLqt:first-of-type {
  margin-top: 12px;
  border-radius: var(--card-radius) var(--card-radius) 0 0;
}
.session-9khLqt:last-of-type {
  border-radius: 0 0 var(--card-radius) var(--card-radius);
  border-bottom: none;
}
.session-9khLqt:only-child {
  border-radius: var(--card-radius);
}

/*
 *
 *  USER SETTINGS GAME OVERLAY
 *
 */
.wrapper-SdcMKg {
  border-radius: var(--card-radius);
  border-color: hsla(var(--accent-hsl), var(--accent-opacity));
}
.wrapper-SdcMKg .option-1QI4c9 {
  border-radius: var(--card-radius);
}
.wrapper-SdcMKg .option-1QI4c9:hover, .wrapper-SdcMKg .option-1QI4c9.selected-18Wszc {
  background-color: hsla(var(--accent-hsl), var(--accent-opacity));
  border-color: hsla(var(--accent-hsl), var(--accent-opacity));
}

/*
 *
 *  USER SETTINGS KEYBINDS
 *
 */
.warning-RBGtx2 {
  border-radius: var(--card-radius);
}

.container-30qY7E {
  height: var(--input-height);
  border-radius: var(--input-radius);
  background-color: rgba(var(--textarea-color), var(--textarea-alpha)) !important;
  border: none !important;
  color: var(--textarea-text-color);
  transition: var(--transition-time) var(--transition-type);
}
.container-30qY7E:focus {
  background-color: rgba(var(--textarea-color), var(--textarea-alpha-focus));
}

/*
 *
 *  USER SETTINGS MY ACCOUNT
 *
 */
.accountProfileCard-lbN7n- {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}
.accountProfileCard-lbN7n- .wrapper-3Un6-K {
  background-color: transparent;
  border: none;
  box-shadow: var(--popout-shadow);
}
.accountProfileCard-lbN7n- .wrapper-3Un6-K svg {
  filter: none;
}
.accountProfileCard-lbN7n- .background-3d_SjE {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}
.accountProfileCard-lbN7n- .background-3d_SjE .fieldList-in8WkP {
  background-color: transparent;
}

/*
 *
 *  USER SETTINGS PARYT MODE
 *
 */
.achievementContainer-2jBIZt {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}
.achievementContainer-2jBIZt:hover {
  background-color: var(--card-color-hover);
  border: none;
}

.container-3wgZ8J {
  background-color: var(--card-color);
  border-radius: var(--card-radius);
  border: none;
}
.container-3wgZ8J:hover {
  background-color: var(--card-color-hover);
  border: none;
}
.container-3wgZ8J .container-2phiq8 {
  background-color: var(--card-color);
}

.container-2hGpaU {
  background-color: transparent;
  border-radius: var(--popout-radius);
  box-shadow: none;
  overflow: hidden;
}
.container-2hGpaU:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  box-shadow: var(--popout-shadow);
  backdrop-filter: blur(var(--popout-blur));
  pointer-events: none;
  z-index: -1;
}
.container-2hGpaU .container-2phiq8 {
  background-color: rgba(0, 0, 0, 0.35);
}
.container-2hGpaU .text-md-semibold-3xVVGu,
.container-2hGpaU .text-xs-medium-2LRpEj {
  color: var(--text-normal) !important;
}

.comboNameplate-2LHfRI {
  background-color: transparent;
  border-radius: var(--popout-radius);
  box-shadow: none;
  overflow: hidden;
}
.comboNameplate-2LHfRI:before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  box-shadow: var(--popout-shadow);
  backdrop-filter: blur(var(--popout-blur));
  pointer-events: none;
  z-index: -1;
}
.comboNameplate-2LHfRI .comboMultiplier-YkNec8 {
  color: hsl(var(--accent-hsl)) !important;
}

.progressBar-1T6LYX {
  background-color: hsl(var(--accent-hsl)) !important;
}

/*
 *
 *  USER SETTINGS PROFILE
 *
 */
.upsellOverlayContainer-3NMgTS {
  border-radius: var(--card-radius);
  overflow: hidden;
}

.upsellOverlay-3sCO8V {
  border-radius: 0;
}

.swatch-35F5kl {
  border-radius: var(--card-radius);
}

.bioTextArea-dDGOeC {
  background-color: rgba(var(--textarea-color), var(--textarea-alpha));
  border-radius: var(--textarea-radius);
  border: none;
}

.profileBannerPreview-3mLIdO {
  background-color: var(--popout-color);
  border-radius: var(--popout-radius);
  box-shadow: var(--popout-shadow);
  backdrop-filter: blur(var(--popout-blur));
}
.profileBannerPreview-3mLIdO .avatarUploaderInner-p38nm2 {
  border: none;
  box-shadow: var(--popout-shadow);
}
.profileBannerPreview-3mLIdO .avatarUploaderInner-p38nm2:hover {
  box-shadow: var(--popout-shadow), inset 0 0 120px rgba(0, 0, 0, 0.75);
}
.profileBannerPreview-3mLIdO .fakeActivityWrapper-2i1oU- {
  padding: 0 16px 0;
}