/*
 *  Discord+
 *
 *  Table of Contents
 * 1 Imports
 * 2 Default Values
 * 3 Background
 *  3.1 Image
 *    3.1.1 Transparent Mode / Light Mode Specifics
 *  3.2 Margins
 * 4 Fonts
 *  4.1 Display Font
 *  4.2 Text Font
 *  4.3 Names, Titles, and Headers Font
 * 5 Errors
 *  5.1 Loading page (disconnection)
 *  5.2 Crash page
 * 6 Scrollerbars
 * 7 Modals
 *  7.1 General Modal
 *  7.2 Server Create/Join Modal
 *  7.3 Custom Status Modal
 *  7.4 Quick Switcher Modal
 *  7.5 Keyboard Combo Modal
 *  7.6 Upload Modal
 *  7.7 Profile Modal
 * 8 Popouts
 *  8.1 General Popout
 *  8.2 Pins Popout
 *  8.3 Context Menu Popout
 *  8.4 Inbox
 *  8.5 Profile/Server Popout
 * 9 Titlebar
 *  9.1 General Titlebar
 *  9.2 Mac OS Buttons
 * 10 Sidebar (Visual Refresh)
 *  10.1 Guilds
 *  10.2 User Area
 *  10.3 Server/DMs list
 * 12 Main Content
 *  12.1 General Main Content
 *  12.2 Friends List
 *  12.3 Library/Nitro Tab
 *  12.4 Chat
 *    12.4.1 Message Seperation
 *    12.4.2 Pings
 *    12.4.3 Timestamps
 *    12.4.4 Embeds/Attachments
 *    12.4.5 Message Box
 *    12.4.6 Search Function
 *    12.4.7 Calling
 *  12.5 Explore Public Servers
 *  12.6 Members List
 *  12.7 Server Boost
 *  12.8 Threads
 *    12.8.7 Create Post
 *    12.8.7 Search Result Bar
 *    12.8.7 Tags
 *    12.8.7 Thread Tags Sort & Expand Button
 * 13 Avatars
 * 14 Settings
 * 15 Client Mod Specifics
 *		15.1 BetterDiscord
 *
 */

/*--- 1 Imports ---*/
@import url('https://plusinsta.github.io/discord-plus/src/i11n.css');
@import url('https://plusinsta.github.io/discord-plus/src/DiscordPlus-extras.theme.css');
/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&family=Roboto:wght@400;700&family=Righteous&family=Kosugi&family=RocknRoll+One&family=Gothic+A1&family=Black+Han+Sans&family=PT+Sans+Caption&family=Russo+One&family=Palanquin+Dark&family=Raleway:wght@500&family=Commissioner&family=Alegreya+Sans:wght@700&family=Mitr&family=Lalezar&display=swap');

/*--- 2 Default Values ---*/
:root {
	/* Unit: size (e.g. pixels) */
	--dplus-radius-ui: 10px;
	--dplus-radius-avatar: 20%;
	--dplus-radius-server: 20%;

	--dplus-spacing-ui: 10px;
	--dplus-spacing-app: 10px;

	--dplus-icon-avatar-chat: 64px;
	--dplus-icon-avatar-list: 32px;
	--dplus-icon-avatar-profile: 80px;

	--dplus-scrollbar-width: 10px;
	--dplus-members-width: 240px;

	/* Unit: seconds */
	--dplus-anim-short: .2s;
	--dplus-anim-long: .5s;
	--dplus-anim-sticky: .2s;
	--dplus-anim-button: .25s;
	--dplus-anim-button-appear: .25s;

	/* Unit: percent (no symbol) */
	--dplus-blur-scale: 100;
}

.theme-dark {
	--dplus-backdrop: url(https://i.imgur.com/3AiL3yN.png);

	/* accent color is used for things like buttons */
	--dplus-accent-color-hue: 320; /* hue in HSL */
	--dplus-accent-color-saturation: 60%; /* saturation in HSL */
	--dplus-accent-color-lightness: 31%; /* lightness in HSL */

	/* foreground color affects icons, text, and many other things in the UI */
	--dplus-foreground-color-hue-base: 210; /* based on vanilla --text-normal hue */
	--dplus-foreground-color-hue-links: 197;
	--dplus-foreground-color-saturation-amount: 1; /* offset, where 1 is normal strength and 0.5 is -50 percentile, can go above 1 at risk of clipping */
	--dplus-foreground-color-lightness-amount: 1; /* ditto, 1 is normal and 0.5 is -50 percentile, can go above 1 at risk of clipping */

	/* background color affects the squares that darken the backdrop */
	--dplus-background-color-hue: 320;
	--dplus-background-color-saturation-amount: 1;
	--dplus-background-color-lightness-amount: 1;
	--dplus-background-color-alpha: 0.8; /* how opaque the backgrounds should be, where 1 is fully opaque and 0 is fully transparent. not recommended to set to 0 unless background is very dark or black */
	/* see help documentation on what will work with this variable: */
}
.theme-light {
	--dplus-backdrop: url(https://i.imgur.com/3AiL3yN.png);

	/* accent color is used for things like buttons */
	--dplus-accent-color-hue: 320; /* hue in HSL */
	--dplus-accent-color-saturation: 60%; /* saturation in HSL */
	--dplus-accent-color-lightness: 31%; /* lightness in HSL */

	/* foreground color affects icons, text, and many other things in the UI */
	--dplus-foreground-color-hue-base: 210;
	--dplus-foreground-color-hue-links: 197;
	--dplus-foreground-color-saturation-amount: 1; /* offset, where 1 is normal strength and 0.5 is -50 percentile, can go above 1 at risk of clipping */
	--dplus-foreground-color-lightness-amount: 1; /* ditto, 1 is normal and 0.5 is -50 percentile, can go above 1 at risk of clipping */

	--dplus-background-color-hue: 320;
	--dplus-background-color-saturation-amount: 1;
	--dplus-background-color-lightness-amount: 1;
	--dplus-background-color-alpha: 0.8; /* how opaque the backgrounds should be, where 1 is fully opaque and 0 is fully transparent. not recommended to set to 0 unless background is very light or white */
}

/* This marks the end of the default values section. */
/* The variables that follow are shorthands used by the developers. */
/* Please do not change them, as they are meant to be constants. */

.theme-dark {
	--dplus-background-color-lightness-025: 2.5%;
	--dplus-background-color-lightness-050: 5.0%;
	--dplus-background-color-lightness-075: 7.5%;
	--dplus-background-color-lightness-100: 10.0%;
	--dplus-background-color-lightness-125: 12.5%;
	--dplus-background-color-lightness-150: 15.0%;
	--dplus-background-color-lightness-200: 20.0%;
	--dplus-background-color-lightness-250: 25.0%;
	--dplus-background-color-lightness-500: 50.0%;
}

.theme-light {
	--dplus-background-color-lightness-025: 97.5%;
	--dplus-background-color-lightness-050: 95.0%;
	--dplus-background-color-lightness-075: 92.5%;
	--dplus-background-color-lightness-100: 90.0%;
	--dplus-background-color-lightness-125: 87.5%;
	--dplus-background-color-lightness-150: 85.0%;
	--dplus-background-color-lightness-200: 80.0%;
	--dplus-background-color-lightness-250: 75.0%;
	--dplus-background-color-lightness-500: 50.0%;
}
.theme-dark, .theme-light {
	--dplus-accent-ui: hsl(
			var(--dplus-accent-color-hue), var(--dplus-accent-color-saturation-factor), calc(var(--dplus-accent-color-lightness) * 1)
	);
	--dplus-accent-ui-hover: hsl(
			var(--dplus-accent-color-hue), calc(var(--dplus-accent-color-saturation-factor) * 1.1), calc(var(--dplus-accent-color-lightness) / 1.5)
	);

	--dplus-accent-color-saturation-factor: calc(var(--dplus-accent-color-saturation) * var(--saturation-factor, 1));
	--dplus-foreground-color-saturation-factor: calc(var(--dplus-foreground-color-saturation-amount, 1) * var(--saturation-factor, 1));
	--dplus-background-color-saturation-factor: calc(var(--dplus-background-color-saturation-amount, 1) * var(--saturation-factor, 1));

	--dplus-bgc-ui-base: hsla(var(--dplus-background-color-hue), calc(var(--dplus-background-color-saturation-factor) * 50%), calc(var(--dplus-background-color-lightness-amount) * var(--dplus-background-color-lightness-025)), calc(var(--dplus-background-color-alpha) * var(--dplus-bg-ui-base-alpha-modifier, 100%)));
	--dplus-bgc-ui-base-hover: hsla(var(--dplus-background-color-hue), calc(var(--dplus-background-color-saturation-factor) * 60%), calc(var(--dplus-background-color-lightness-amount) * var(--dplus-background-color-lightness-050)), calc(var(--dplus-background-color-alpha) * (var(--dplus-bg-ui-base-alpha-modifier, 100%) + var(--dplus-bg-hover-alpha-modifier, 10%))));

	--dplus-bgc-ui-card: hsla(var(--dplus-background-color-hue), calc(var(--dplus-background-color-saturation-factor) * (60% * 1/2)), calc(var(--dplus-background-color-lightness-amount) * var(--dplus-background-color-lightness-125)), calc(var(--dplus-background-color-alpha) * var(--dplus-bg-ui-card-alpha-modifier, 100%)));
	--dplus-bgc-ui-card-hover: hsla(var(--dplus-background-color-hue), calc(var(--dplus-background-color-saturation-factor) * (75% * 1/2)), calc(var(--dplus-background-color-lightness-amount) * var(--dplus-background-color-lightness-150)), calc(var(--dplus-background-color-alpha) * (var(--dplus-bg-ui-card-alpha-modifier, 100%) + var(--dplus-bg-hover-alpha-modifier, 10%))));

	--dplus-bgc-chatmsg: hsla(var(--dplus-background-color-hue), calc(var(--dplus-background-color-saturation-factor) * 50%), calc(var(--dplus-background-color-lightness-amount) * var(--dplus-background-color-lightness-100)), calc(var(--dplus-background-color-alpha) * var(--dplus-bg-chat-alpha-modifier, 110%)));
	--dplus-bgc-chatmsg-hover: hsla(var(--dplus-background-color-hue), calc(var(--dplus-background-color-saturation-factor) * 60%), calc(var(--dplus-background-color-lightness-amount) * var(--dplus-background-color-lightness-075)), calc(var(--dplus-background-color-alpha) * (var(--dplus-bg-chat-alpha-modifier, 110%) + var(--dplus-bg-hover-alpha-modifier, 10%))));



	--dplus-bgc-popout: hsla(var(--dplus-background-color-hue), calc(var(--dplus-background-color-saturation-factor) * 50%), calc(var(--dplus-background-color-lightness-amount) * var(--dplus-background-color-lightness-025)), calc(var(--dplus-background-color-alpha) * var(--dplus-bg-popout-alpha-modifier, 100%)));
	--dplus-bgc-button: hsla(var(--dplus-background-color-hue), calc(var(--dplus-background-color-saturation-factor) * 40%), calc(var(--dplus-background-color-lightness-amount) * var(--dplus-background-color-lightness-500)), calc(var(--dplus-background-color-alpha) * 115%));
	--dplus-bgc-button-hover: hsla(var(--dplus-background-color-hue), calc(var(--dplus-background-color-saturation-factor) * 40%), calc(var(--dplus-background-color-lightness-amount) * var(--dplus-background-color-lightness-250)), calc(var(--dplus-background-color-alpha) * 115% + var(--dplus-bg-hover-alpha-modifier, 10%)));
	--dplus-bgc-server-button: hsla(var(--dplus-background-color-hue), calc(var(--dplus-background-color-saturation-factor) * 50%), calc(var(--dplus-background-color-lightness-amount) * var(--dplus-background-color-lightness-150)), calc(var(--dplus-background-color-alpha) / 3 * 2));
	--dplus-bgc-server-button-hover: hsla(var(--dplus-background-color-hue), calc(var(--dplus-background-color-saturation-factor) * 50%), calc(var(--dplus-background-color-lightness-amount) * var(--dplus-background-color-lightness-200)), calc(var(--dplus-background-color-alpha) / 5 * 4));

	--dplus-bgc-radiobar-hover: hsla(var(--dplus-background-color-hue), calc(var(--dplus-background-color-saturation-factor) * 50%), calc(var(--dplus-background-color-lightness-amount) * var(--dplus-background-color-lightness-150)), calc(var(--dplus-background-color-alpha) * 100% + var(--dplus-bg-hover-alpha-modifier, 10%)));
	--dplus-bgc-radiobar-selected: hsla(var(--dplus-background-color-hue), calc(var(--dplus-background-color-saturation-factor) * 50%), calc(var(--dplus-background-color-lightness-amount) * var(--dplus-background-color-lightness-200)), calc(var(--dplus-background-color-alpha) * 80%));
}

/* Disable animations for reduce-motion */
:root.reduce-motion {
	--dplus-anim-short: 0s;
	--dplus-anim-long: 0s;
	--dplus-anim-sticky: 0s;
	--dplus-anim-button: 0s;
	--dplus-anim-button-appear: 0s;
}

/* Colors */


.theme-light, .theme-dark, :root {
	/* There ain't no gettin' off this train, Cloud! */
	--theme-base-color-amount: calc( var(--dplus-background-color-saturation-factor) * 100% ) !important;
	--theme-base-color-hsl: var(--dplus-accent-color-hue) var(--dplus-accent-color-saturation) var(--dplus-accent-color-lightness) !important;
	--theme-base-color-dark-hsl: var(--dplus-accent-color-hue) var(--dplus-accent-color-saturation) var(--dplus-accent-color-lightness) !important;
	--theme-base-color-light-hsl: var(--dplus-accent-color-hue) var(--dplus-accent-color-saturation) var(--dplus-accent-color-lightness) !important;
	--theme-base-color: hsl(var(--dplus-accent-color-hue), var(--dplus-accent-color-saturation), var(--dplus-accent-color-lightness)) !important;
	--theme-base-color-dark: hsl(var(--dplus-accent-color-hue), var(--dplus-accent-color-saturation), var(--dplus-accent-color-lightness)) !important;
	--theme-base-color-light: hsl(var(--dplus-accent-color-hue), var(--dplus-accent-color-saturation), var(--dplus-accent-color-lightness)) !important;
}

/* Blur */
:root {
	--dplus-blur-ui: 2px;
	--dplus-blur-popout: 3px;
	--blurcalc-popout: blur(calc(var(--dplus-blur-popout) / 100 * var(--dplus-blur-scale)));
	--blurcalc-ui: blur(calc(var(--dplus-blur-ui) / 100 * var(--dplus-blur-scale)));
}

/* Placeholder text that should never show up */
:root {
	--dplus-i11n-missingno: "⚠️ Missing Internationalization String ⚠️";
}

/* Discord's variables */
.theme-dark, .theme-light {
	--background-surface-highest: var(--dplus-bgc-popout);
	--background-surface-higher: var(--dplus-bgc-ui-base-hover);
	--background-surface-high: var(--dplus-bgc-popout);
	--bg-surface-overlay: var(--background-surface-high);
	--user-profile-overlay-background: var(--dplus-accent-ui);
	--user-profile-overlay-background-hover: var(--dplus-accent-ui-hover);
	--background-base-low: var(--dplus-bgc-ui-base);
	--background-base-lower: var(--dplus-bgc-ui-base);
	--background-base-lowest: var(--dplus-bgc-ui-base);
	--background-floating: var(--dplus-bgc-popout) !important;
	--modal-background: var(--dplus-bgc-popout);
	--user-profile-toolbar-background:var(--dplus-accent-ui);
	--radio-group-dot-foreground: white;
	--bg-brand: var(--dplus-accent-ui);
	--background-brand: var(--dplus-accent-ui);
	--button-filled-brand-background: var(--dplus-accent-ui);
	--button-filled-brand-background-hover: var(--dplus-accent-ui-hover);
	--control-background-primary-default: var(--dplus-accent-ui);
	--control-primary-background-default: var(--dplus-accent-ui);
	--control-primary-background-hover: var(--dplus-accent-ui-hover);
	--bd-brand:var(--dplus-accent-ui);
	--background-accent: var(--dplus-accent-ui);
}

/*--- 3 Background ---*/
/* Quick and dirty fix for create a new server in dark mode */
.theme-dark .layer-1Ixpg3 .theme-light { /* the ones i actually need */
	--header-primary: #060607;
	--header-secondary: #4f5660;
	--text-normal: #2e3338;
	--interactive-normal: #4f5660;
}
/*-- 3.1 Image --*/
#app-mount {
	background: var(--dplus-backdrop);
	background-size: cover;
	background-position: center;
}
body { background-color: var(--dplus-accent-ui); }
.appMount__51fd7, .app__160d8, #app-mount .bg__960e4 {background-color: transparent;}
/*- 3.1.1 Transparent Mode / Light Mode Specifics -*/
.bd-transparency, .bd-transparency #app-mount {background: transparent;}
.theme-light .emoji, .theme-light .emoji.jumboable {
	filter: drop-shadow(0 0 1px #00000055);
}
.bd-pfbtn,
.bda-settings-button,
.wrapper-22ayhK,
.rtc-connection-status {
	padding-bottom: 2px;
}

/*-- 3.2 Margins --*/
.layers__160d8 {margin: var(--dplus-spacing-app);}
.content__5e434 {margin-top: var(--dplus-spacing-app);}

/*--- 4 Fonts ---*/

/*-- 4.1 Display Font --*/
:root {
	--dplus-font-ui: 'Poppins';
	--dplus-font-ui-ja: 'Kosugi';
	--dplus-font-ui-ko: 'Gothic A1';
	--dplus-font-ui-ru: 'PT Sans Caption';
	--dplus-font-ui-vi: 'Raleway';
	--dplus-font-ui-el: 'Commissioner';
	--dplus-font-body: 'Roboto';
	--dplus-font-header: 'Righteous';
	--dplus-font-header-ja: 'RocknRoll One';
	--dplus-font-header-ko: 'Black Han Sans';
	--dplus-font-header-ru: 'Russo One';
	--dplus-font-header-hi: 'Palanquin Dark';
	--dplus-font-header-th: 'Mitr';
	--dplus-font-header-el: 'Alegreya Sans';

	--font-display: var(--dplus-font-ui), 'Poppins', var(--dplus-font-ui-ru), 'Comfortaa', var(--dplus-font-ui-vi), 'Raleway', var(--dplus-font-ui-ja), 'Kosugi',  var(--dplus-font-ui-ko), 'Gothic A1', var(--dplus-font-ui-el), 'Commissioner', '-apple-system', 'Helvetica Neue', 'system-ui', 'Tahoma', 'Segoe UI', 'Helvetica', 'Whitney', sans-serif !important;
	--font-primary: var(--font-display);
	--font-japanese: var(--font-display);
	--font-korean: var(--font-display);
	--font-chinese-simplified: var(--font-display);
	--font-chinese-traditional: var(--font-display);
}
body, button {
	font-family: var(--font-display);
}

/*-- 4.2 Text Font --*/
::placeholder, ::-webkit-input-placeholder, p, bodyarea, input, select, textarea,
.message__5126c, .markup__75297, /*chat messages*/
.form_f75fb0, /* message bar */
.search_c322aa, /* search */
.subText__91a9d, /*member list body*/
.customStatusText-_4TbWr, /*user's custom status*/
.modeDefault-2fEh7a, /*settings small body*/
.emojiAliasPlaceholder_e7d73e, /*emoji name placeholder*/
.topic__6ec1a, /*channel topic in chat header*/
.content_bf3bbb, /*channel topic popup body*/
.bd-description /*BD: plugin/theme desc*/ {
	font-family: var(--dplus-font-body), 'Roboto', '-apple-system', 'Helvetica Neue', 'system-ui', 'Arial', 'Helvetica', 'Whitney', sans-serif !important;
}
/*-- 4.3 Names, Titles, and Headers Font --*/
header, h1,
.nameAndDecorators__91a9d, /*name in member list*/
.username_c19a55, /*username in chat*/
.nameTag__37e49, /*your username in the bottom-left*/
.detailsInner_de8f28, /*settings: your username in My Account*/
.activityName__2ef49, /*user's activity name, includes song and author titles*/
.emojiUploader-1f0pVx, /*server settings: emoji's uploader*/
.userHook-3AdCBF, /*server settings: username in audit log*/
.secondaryHeader-2oeRPO, /*server settings: integrations row headers such as bot names*/
.roleName__48c1c, /*role name in profile*/
.membersGroup_c8ffbb, /*role name in member list*/
.roleMention__75297, /*role name mention in chat*/
.wrapper_d4fa29, /*username or channel name mention in chat*/
[data-slate-object="inline"] .mention, /*mention in message box*/
.name__29444, /*category name in sidebar*/
.name__2ea32, /*channel name in sidebar*/
.title__9293f, /*channel name in chat header*/
.bd-author, .bd-meta .bd-link, /*BD: plugin/theme author*/
.timestamp_c19a55 /*chat message hover timestamp (counts as a header)*/ {
	font-family: var(--dplus-font-header), 'Righteous', var(--dplus-font-header-ja), 'RocknRoll One', var(--dplus-font-header-ko), 'Black Han Sans', var(--dplus-font-header-ru), 'Russo One', var(--dplus-font-header-hi), 'Palanquin Dark', var(--dplus-font-header-th), 'Mitr', var(--dplus-font-header-el), 'Alegreya Sans', 'Lalezar', 'Century Gothic', 'Franklin Gothic Medium', 'Britannic', 'Helvetica Neue', 'Helvetica', 'Whitney', sans-serif !important;
}

/*--- 5 Errors ---*/

/*-- 5.1 Loading page (disconnection) --*/
.container_a2f514 { background-color: hsla(0, 0%, 0%, 0.68) }
.quote-3aooyW {
	font-size: 20px !important;
	margin-bottom: 0px !important;
}
.status-1JTY3j, .problemsText_a2f514 {
	color: white;
	text-transform: none;
	font-size: 16px !important;
}
.attribution-aTC3hS, .links_a2f514 {font-size: 0px !important;}
.twitterLink_dae605:before,
.statusLink__7b889:before {
	background-size: 24px 24px;
	height: 24px;
	width: 24px;
}

/*-- 5.2 Crash page --*/
.errorPage__01b8d {
	width: calc(100% - var(--dplus-spacing-app) * 2)
}
.wrapper__61a6b {
	min-height: calc(100vh - var(--dplus-spacing-app) * 2)
}
.theme-dark .wrapper__61a6b,
.theme-light .wrapper__61a6b {
	background: var(--dplus-bgc-ui-base);
	margin: var(--dplus-spacing-app) calc(var(--dplus-spacing-app) * 2) var(--dplus-spacing-app) var(--dplus-spacing-app);
	border-radius: var(--dplus-radius-ui);
}

/*--- 6 Scrollerbars ---*/
.theme-dark ::-webkit-scrollbar-track-piece,
.theme-dark .theme-light ::-webkit-scrollbar-track-piece,
.theme-light .theme-dark ::-webkit-scrollbar-track-piece {
	background:  hsla(0,0%,0%,0.3)!important;
	border-radius: 0 0 var(--dplus-radius-ui) var(--dplus-radius-ui);
}
.theme-light ::-webkit-scrollbar-track-piece {
	background:  hsla(0,0%,100%,0.3)!important;
	border: none!important;
}
::-webkit-scrollbar-thumb {
	background: var(--dplus-accent-ui)!important;
	border: none!important;
	border-radius: var(--dplus-radius-ui);
}
::-webkit-scrollbar {
	width: var(--dplus-scrollbar-width) !important;
}
::-webkit-scrollbar-track {
	background: transparent!important;
	border: none!important;
}
.scroller_ef3116::-webkit-scrollbar {width: 0!important;}
/*--- 7 Modals ---*/

/*-- 7.1 General Modal --*/
.layer_bc663c, .root__49fc1 {
	--modal-footer-background: transparent;
}
/*-- 7.2 Server Create/Join Modal --*/

/*-- 7.3 Custom Status Modal --*/

/*-- 7.4 Quick Switcher Modal --*/

/*-- 7.5 Keyboard Combo Modal --*/

/*-- 7.6 Upload Modal --*/

/*-- 7.7 Profile Modal --*/
.user-profile-modal-v2 .inner_c0bea0 {
	padding: var(--dplus-spacing-ui);
}
/*--- 8 Popouts ---*/

/*-- 8.1 General Popout --*/

/*-- 8.2 Pins Popout --*/

/*-- 8.3 Context Menu Popout --*/

/*-- 8.4 Inbox --*/ /* Fix */

/*-- 8.5 AutoComplete --*/
.autocomplete__13533 {
	background-color: var(--dplus-bgc-popout);
	inset-inline: 0;
}
.clickable__13533[aria-disabled=false]>.base__13533:hover, .clickable__13533[aria-selected=true]>.base__13533 {background-color: var(--dplus-accent-ui-hover);}
/*-- 8.6 Stickers/Emoji/Gif Tab --*/

/*-- 8.7 Profile/Server Popout --*/
.mask__68edb circle {
	display: none;
}
/*--- 9 Titlebar ---*/

/*-- 9.1 General Titlebar --*/
/* settings bg, offset to go behind titlebar */
.layer__960e4:has(.standardSidebarView__23e6b) {margin-top: calc(32px + var(--dplus-spacing-app));}
.systemBar_c38106 {
	margin: var(--dplus-spacing-app);
}
.bar_c38106 {
	background-color: var(--dplus-bgc-ui-base);
	border-radius: var(--dplus-radius-ui);
}

/*-- 9.2 MacOS Buttons --*/
.typeMacOS__421ed {
	background: var(--dplus-bgc-ui-base);
	border-radius: 0 0 var(--dplus-radius-ui) 0;
}
.platform-osx .guilds__5e434 {
	padding-top: 8px;
	margin-top:calc(20px + var(--dplus-spacing-app));
}

/*--- 10 Sidebar (Visual Refresh) ---*/
/*-- 10.1 Guilds --*/
.guilds__5e434 {
	margin: 0 var(--dplus-spacing-ui) calc(var(--custom-app-panels-height, 0) + var(--dplus-spacing-ui) ) 0;
	padding-top: var(--dplus-spacing-app);
	border-radius: var(--dplus-radius-ui);
	mask: none
}
.guildSeparator__252b6 {display: none}
.guilds__5e434 foreignObject {mask: none; overflow: visible;}
.guilds__5e434 .listItem__650eb :not(span) {border-radius: var(--dplus-radius-server);}
.circleIconButton__5bc7e {
	background-color: var(--dplus-bgc-server-button);
	color: var(--dplus-accent-ui);
	&:hover, &.selected__5bc7e {background-color: var(--dplus-bgc-server-button-hover);}
}
/*-- 10.2 User Area --*/
.panels__5e434 {
	width: calc(100% - var(--dplus-spacing-ui));
	left: 0; bottom: 0;
}
/*-- 10.3 Server/DM Sidebar --*/
.sidebarList__5e434 {
	margin-right: var(--dplus-spacing-app);
	margin-bottom: calc(var(--custom-app-panels-height, 0) + var(--dplus-spacing-ui) );
	border-radius: var(--dplus-radius-ui);
}
.scroller__99e7c {
	background: transparent;
	margin-bottom: 0;
}
.channel__972a0 {
	margin: 0 var(--dplus-spacing-ui);
	border-radius: var(--dplus-radius-ui);
}
.wrapper__2ea32 {
	margin: 0 var(--dplus-spacing-ui);
	padding: 0 calc(var(--dplus-spacing-ui) / 2);
	border-radius: var(--dplus-radius-ui);
}
.container__2637a {padding-bottom: 0;}
.sidebar__5e434:after {display: none;}
.iconVisibility_c69b6d .children__2ea32 {margin-right: calc(0px - var(--dplus-spacing-ui));}
.bottom__7aaec {bottom: var(--dplus-spacing-ui);}
.iconsContainer__972a0 {padding: 0;}
#app-mount .closeButton__972a0, .iconItem_c69b6d {
	display: block;
	opacity: 0;
	margin-right: calc(var(--dplus-spacing-ui) - var(--dplus-spacing-ui) * 1.5);
	transition: var(--dplus-anim-button-appear);
	:is(.channel__972a0:hover, .iconVisibility_c69b6d:hover, .selected_c69b6d) & {
		opacity: 0.6;
		margin-right: var(--dplus-spacing-ui);
	}
}
/*--- 12 Main Content ---*/

/*-- 12.1 General Main Content --*/
.sidebar__5e434 + main, .sidebar__5e434 + div {
	border-radius: var(--dplus-radius-ui);
	overflow: hidden;
}

/*-- 12.2 Friends List --*/
.tabBody__133bf, .nowPlayingColumn__133bf, .container__133bf .container__9293f.themed__9293f, .container__7d20c {background: transparent;}

#app-mount .actionButton_f8fa06, #app-mount .inset_bf1984 {
	background-color: var(--dplus-accent-ui);
	border-radius: var(--dplus-radius-ui);
}

/*-- 12.3 Library/Nitro/Shop Tab --*/

/*-- 12.4 Chat --*/
#app-mount .chat_f75fb0, .chatContent_f75fb0, .replying__5126c:before, .chatGradient__36d07, .chatGradientBase__36d07  {
	background: transparent;
}

.wrapper_fc8177, #app-mount .children__9293f:after {display: none;}
.group-spacing-0 { --group-spacing: 0px; }
.group-spacing-4 { --group-spacing: 4px; }
.group-spacing-8 { --group-spacing: 8px; }
.group-spacing-16 { --group-spacing: 16px; }
.group-spacing-24 { --group-spacing: var(--dplus-spacing-ui); }
:is(.messageListItem__5126c, .quotedChatMessage__5126c) .message__5126c {
	background: var(--dplus-bgc-chatmsg);
}

.messageListItem__5126c .groupStart__5126c, .flash__03436.groupStart__5126c, .quotedChatMessage__5126c .groupStart__5126c {
	border-radius: var(--dplus-radius-ui) var(--dplus-radius-ui) 0 0;
	margin-top: 0;
}
:not(.divider__5126c) + .messageListItem__5126c:has(.groupStart__5126c), .messageListItem__5126c + .flash__03436:has(.avatar_c19a55) {
	margin-top: var(--group-spacing);
}
.wrapper_c19a55:hover, .wrapper_c19a55.selected__5126c {
	background: var(--dplus-bgc-chatmsg-hover) !important;
}
.scrollerSpacer__36d07 { height: 0; }
.wrapper_c19a55.cozy_c19a55.zalgo_c19a55[aria-labelledby*="upload"] {background-color: var(--dplus-bgc-chatmsg);}
.cozy_c19a55 .repliedMessage_c19a55 {max-width: 100%;}
/* Beginning of chat */
.container__00de6 {
	background: var(--dplus-bgc-chatmsg);
	border-radius: 0 0 var(--dplus-radius-ui) var(--dplus-radius-ui);
	margin: 0;
	padding: var(--dplus-spacing-ui);
}
.container__9293f.themed__9293f {
	background: var(--dplus-bgc-ui-base);
}
.container__34c2c { /* Forum specific; reactions, following, copy link */
	margin-top: 0px;
	border-top: none;
}
.empty__36d07, .emptyForum__36d07 { /* Spacing at the bottom */
	display: none;
}
/* New/Old/Load messages bar */
.newMessagesBar__0f481 {
	background-color: var(--dplus-accent-ui);
	border-radius: 0 0 var(--dplus-radius-ui) var(--dplus-radius-ui);
}
.newMessagesBar__0f481 button:last-child {
	font-size: 12px;
	text-transform: lowercase;
}
.barBase__0f481 {
	padding: 0;
	left: 0; right: 0;
}
#app-mount .jumpToPresentBar__0f481 {
	background-color: var(--dplus-accent-ui);
	border-radius: var(--dplus-radius-ui) var(--dplus-radius-ui) 0 0;
	bottom: 0;
	padding: 0;
	cursor: pointer;
	z-index: 2;
}
/*- 12.4.1 Message Seperation -*/
:is(.messageListItem__5126c, .quotedChatMessage__5126c, .flash__03436):has(+ .messageListItem__5126c .groupStart__5126c,  + .flash__03436 .groupStart__5126c, + .scrollerSpacer__36d07, + .divider__5126c) .groupStart__5126c:has(.avatar_c19a55:not(.compact_c19a55)) 	{
	min-height: calc(var(--dplus-spacing-ui)*2 + var(--dplus-icon-avatar-chat));
	padding-top: 0; padding-bottom: 0;
}
.cozy_c19a55.wrapper_c19a55 {padding-left: calc(var(--dplus-icon-avatar-chat) + var(--dplus-spacing-ui) * 2);}
.message__5126c {border-radius: 0;}
.groupStart__5126c,
.divider__5126c + :is(.messageListItem__5126c, .flash__03436) .message__5126c {
	border-radius: var(--dplus-radius-ui) var(--dplus-radius-ui) 0 0;
}
:is(.messageListItem__5126c,.flash__03436):has(+ .messageListItem__5126c .groupStart__5126c, + .divider__5126c, + .scrollerSpacer__36d07, + .flash__03436 .groupStart__5126c) .message__5126c {
	border-radius: 0 0 var(--dplus-radius-ui) var(--dplus-radius-ui);
}
:is(.messageListItem__5126c,.flash__03436):has( + .messageListItem__5126c .groupStart__5126c, + .divider__5126c, + .scrollerSpacer__36d07, + .flash__03436 .groupStart__5126c) .groupStart__5126c,
.divider__5126c + :is(.messageListItem__5126c, .flash__03436):has(+ .messageListItem__5126c .groupStart__5126c) .message__5126c {
	border-radius: var(--dplus-radius-ui);
}
/* Forum */
.container__01ae2:not(.floating__01ae2), .visual-refresh .container_f369db, .form_d9be46 .input__0ed4f {
	background-color: transparent!important;
}
.floating__01ae2 {filter: none;}

/* group-spacing 0 */
.group-spacing-0 .message__5126c {
	border-radius: 0!important;
}
.group-spacing-0 .messageListItem__5126c:has(+ .scrollerSpacer__36d07) .message__5126c {
	border-radius: 0 0 var(--dplus-radius-ui) var(--dplus-radius-ui)!important;
}
/*- 12.4.2 Pings / Jump to Message -*/
.mentioned__5126c:before {
	display: none;
}

.mentioned__5126c :not(.repliedTextPreview_c19a55) > .messageContent_c19a55, .mentioned__5126c .container_b7e1cb {
	padding-left: 0;
	margin-left: 0;
	background-color: hsl(var(--yellow-300-hsl)/0.2);
	border-radius: var(--dplus-radius-ui);
}
.flash__03436 .message__5126c {
	background-color: var(--dplus-bgc-chatmsg);
	animation: fader 7s ;
}
@keyframes fader {
	0% {
		background-color: hsla(var(--dplus-accent-color-hue), var(--dplus-accent-color-saturation), var(--dplus-accent-color-lightness), 80%);
	}
	50% {
		background-color: var(--dplus-bgc-chatmsg-hover);
	}
	100% {
		background-color: var(--dplus-bgc-chatmsg);
	}
}

/*- 12.4.3 Timestamps + Chat Separators -*/
.divider__5126c:not(.hasContent__908e2) {margin: 0; top: 0!important;}
.divider__5126c.beforeGroup__5126c, .divider__5126c.hasContent__5126c {margin-top: var(--group-spacing)!important;}
.divider__5126c:not(#---new-messages-bar) {
	border: none;
	height: fit-content;
	margin-top: var(--group-spacing)!important;
}
.divider__5126c.hasContent__5126c {
	margin-left: 0 !important;
	margin-bottom: 0!important;
	justify-content: start;
}

.messagesWrapper__36d07:not(.group-spacing-0) .divider__5126c .content__908e2 {
	margin-left: var(--dplus-radius-ui) !important;
}
.messagesWrapper__36d07.group-spacing-0 .divider__5126c.hasContent__5126c {margin: 0;}
.content__908e2 {border-radius: var(--dplus-radius-ui) var(--dplus-radius-ui) 0 0;}
/*in chat timestamps*/
.timestampVisibleOnHover_c19a55 {
	transition: var(--dplus-anim-short);
	& time {
		padding: calc(var(--dplus-spacing-ui) / 2);
		background: var(--dplus-bgc-popout);
		border-radius: var(--dplus-radius-ui);
		&:nth-child(2) {
			margin-left: var(--dplus-spacing-ui);
		}
	}
	&.alt_c19a55 {
		left: calc(-5px + var(--dplus-spacing-ui) / 2) !important
	}
}
.timestamp_c19a55.alt_c19a55,
.compact_c19a55 .timestamp_c19a55 {
	width: 64px !important;
}
/*- 12.4.4 Embeds / Attachments -*/
.embed__623de {
	border-radius: var(--dplus-radius-ui);
}
#app-mount .fileWrapper__0ccae,
#app-mount .wrapper_f316dd {
	background-color: var(--dplus-bgc-popout)!important;
	border-color: var(--dplus-accent-ui) !important;
}
.fileWrapper__0ccae,
.wrapper_f316dd, /*undone*/
.audioControls_cf09d8,
.videoControls_cf09d8 {
	border-radius: var(--dplus-radius-ui) !important;
}

/*- 12.4.5 Message Box -*/
.form_f75fb0, .visual-refresh .form_f75fb0 {
	border-top: none;
	box-shadow: none;
	margin: 0;
	margin-right: var(--dplus-scrollbar-width);
	display: flex;
	padding: 0;
	flex-direction: column-reverse;
}
.visual-refresh-chat-input .channelBottomBarArea_f75fb0 {margin: 0;}
.visual-refresh .channelTextArea_f75fb0 {background-color: var(--dplus-bgc-chatmsg);}
.sansAttachButton__74017 {
	padding: calc(2px + (var(--dplus-spacing-ui) / 2));
	padding-top: calc(2px + (var(--dplus-spacing-ui) / 8));
	padding-bottom: calc(2px + (var(--dplus-spacing-ui) / 8));
}
.channelTextArea__74017 {
	padding-top: 24px;
	background-color: transparent;
	margin-top: var(--dplus-spacing-app) !important;
	margin: var(--dplus-spacing-ui) 0 0;
}
:root:not(.reduce-motion) .channelBottomBarArea_f75fb0:not(:has(~ .base_b88801)) .channelTextArea_f75fb0 {
	padding-top: 0px;
	transition-property: padding-top;
	transition-duration: var(--dplus-anim-long);
	transition-delay: var(--dplus-anim-long);
}
:root:not(.reduce-motion) .channelTextAreaContainer_d0696b:has(~ .base_b88801) { /*undone*/
	padding-top: 24px;
	transition-property: padding-top;
	transition-duration: var(--dplus-anim-short);
}
.wrapper__44df5 {
	height: 12px;
	background: var(--dplus-bgc-ui-card);
	margin-top: var(--dplus-spacing-app);
	margin-bottom: 0;
	border-radius: var(--dplus-radius-ui);
}
.base_b88801 {
	top: calc(var(--dplus-spacing-app) / 2)!important;
	position: relative;
}
.typingDots_b88801, .cooldownWrapper_b21699 {
	background: var(--dplus-bgc-ui-card);
	border-radius: var(--dplus-radius-ui);
	padding-right: 0.25rem;
}
.scrollableContainer__74017 {
	overflow-y: auto;
	background-color: var(--dplus-bgc-chatmsg);
	border-radius: var(--dplus-radius-ui);
}
.form_f75fb0:before, .form_f75fb0:after {
	display: none;
} /* Random gradient? Does this do anything? */
.webkit__8d35a .buttons__74017 {
	margin-right: calc(var(--dplus-spacing-ui) - 6px);
}
.stackedBars__74017 + .scrollableContainer__74017 {
	border-radius: 0 0 var(--dplus-radius-ui) var(--dplus-radius-ui);
}

.channelAppLauncher_e6e74f {
	margin-bottom: calc(var(--dplus-spacing-ui) / 2);
	& .button_e6e74f {background-color: var(--dplus-bgc-chatmsg);}
}
/*- 12.4.6 Search Function -*/
/* Search */
.search-1FM8Qc .searchBar-zdmu7v {
	transition-duration: var(--dplus-anim-short);
}
.option__16eb0:after {display: none;}
#app-mount .container__55c99 {
	background-color: var(--dplus-bgc-popout);
	border-radius: var(--dplus-radius-ui);
	width: 404px!important;
	margin-left: -68px;
}
#app-mount .option-2KkUJO.selected-rZcOL- {
	background-color: var(--dplus-accent-ui);
	border-radius: var(--dplus-radius-ui);
}
#app-mount .searchAnswer_bd8186, #app-mount .searchFilter_bd8186,  #app-mount .jumpButton-JkYoYK {
	background-color: var(--dplus-accent-ui)!important;
	color: white;
}
.channelName-3w2Y3c {
	background: var(--dplus-accent-ui);
	color: white;
	border-radius: var(--dplus-radius-ui);
	padding: 8px;
	opacity: 0.6;
}

.searchResult__80bf8.expanded-w_LCGl {
	border: 1px solid var(--dplus-accent-ui) !important;
	border-radius: var(--dplus-radius-ui) !important;
}
.searchResult__80bf8:after, .searchResult__80bf8:before {
	background: none;
	border: none !important;
	border-radius: var(--dplus-radius-ui) !important;
	box-shadow: none !important;
}
.queryContainer__55c99.focused__55c99 {
	background: var(--dplus-bgc-ui-base);
}
#app-mount .elevationBorderHigh__2b2f1 {box-shadow: none;}

/* Calendar picker */
#app-mount .calendarPicker_d27f17 .react-datepicker {
	background-color: var(--dplus-bgc-ui-base) !important;
	margin-left: 46px;
}
#app-mount .calendarPicker_d27f17 .react-datepicker__day:not(.react-datepicker__day--disabled):hover,
#app-mount .calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--selected:after,
#app-mount .datePicker-70cO23 .datePickerHint-17MnA8 .hintValue-1x-flY {
	background-color: var(--dplus-accent-ui) !important;
}
#app-mount .calendarPicker_d27f17 .react-datepicker__day {
	border-color: black !important;
}
#app-mount .calendarPicker_d27f17 div {
	background-color: transparent !important;
}
.react-datepicker__day {
	transition: var(--dplus-anim-short);
}
/*- 12.4.7 Calling -*/
.controlButton__1405b foreignObject {mask: none;}
#app-mount .wrapper_cb9592 {
	background-color: var(--dplus-bgc-ui-base)!important;
}
.videoWrapper__2f4f7, :not(:root):-webkit-full-screen::backdrop, .callContainer_cb9592, .visual-refresh .root_bfe55a {background-color: transparent;}
.videoHeight__94748.noChat__94748 {
	height: 100%;
}
.centerButton_f1ceac, .avatarSpeaking__44b0c, .border_f910d0.speaking_f910d0 {border-radius: var(--dplus-radius-avatar);}
.colorable_f1ceac.primaryDark_f1ceac {
	background-color: var(--dplus-bgc-ui-base);
	&:hover {background-color: var(--background-accent);}
}
.background_fb62e2 {background-color: var(--dplus-bgc-ui-base)!important;}
.resizeHandle__01ae2, .channelChatWrapper_cb9592 {background: transparent;}
/*-- 12.5 Explore Public Servers --*/ /*Possibly Outdated*/
#app-mount .guildIcon_e90879 {
	background-color: var(--dplus-accent-ui);
	border-radius: var(--dplus-radius-ui);
}
.card_e90879 {
	background-color: var(--dplus-bgc-ui-card) !important;
	&:hover {background-color: var(--dplus-bgc-ui-card-hover) !important;}
}
.categoryPill-1zjNrr.selected-bLcqYK {
	background-color: var(--dplus-accent-ui);
}
/*-- 12.6 Members List --*/
.member_c8ffbb.clickable__91a9d:hover .layout__91a9d {
	transition: background-color var(--dplus-anim-short);
}
.member__5d473, .member_c8ffbb, .members_c8ffbb {background: none;}
/*this class is the whole member list*/
.container_c8ffbb>div {
	background: transparent;
	background-color: transparent;
	border-bottom-left-radius: var(--dplus-radius-ui);
	border-bottom-right-radius: var(--dplus-radius-ui);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.container_c8ffbb {
	width: var(--dplus-members-width);
	background: transparent;
	background-color: var(--dplus-bgc-ui-base) !important; /*member list's background color*/
	border-bottom-left-radius: var(--dplus-radius-ui);
	border-bottom-right-radius: var(--dplus-radius-ui);
}
.visual-refresh .membersWrap_c8ffbb, .visual-refresh .membersWrap_c8ffbb > div {
	max-width: var(--dplus-members-width)!important;
	min-width: unset;
}
.name-3_Dsmg {
	-webkit-mask-image: -webkit-linear-gradient( left, rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,0) );
	mask-image: linear-gradient( left, rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,0) );
}
/*-- 12.7 Server Boost --*/

/*-- 12.8 Threads --*/
/*-- 12.8.1 Create Post --*/
.mainCard_f369db {
	background: var(--dplus-bgc-ui-base);
}

/*-- 12.8.2 Search Result Bar --*/
.matchingPostsRow_f369db {
	background: var(--dplus-bgc-ui-base);
}

/*-- 12.8.3 Tags --*/
.pill_a2c9e8.clickable_a2c9e8:not(.disabled_a2c9e8) {
	background-color: var(--dplus-bgc-button);
}
.pill_a2c9e8.clickable_a2c9e8:not(.disabled_a2c9e8):hover {
	background-color: var(--dplus-bgc-button-hover);
}

/*-- 12.8.4 Thread Tags Sort & Expand Button --*/
.sortDropdown_f369db, .tagsButton_f369db {
	background: var(--dplus-bgc-button);
}
.sortDropdown_f369db:hover, .tagsButton_f369db:hover {
	background: var(--dplus-bgc-button-hover);
}
.tagsButton_f369db .tagsButtonInner_f369db,
.sortDropdownTextHighContrastForcedColor_f369db {
	color: white;
}

/*--- 13 Avatars ---*/ /*not fully done*/
.wrapper__44b0c [mask="url(#svg-mask-avatar-decoration-status-round-120)"] img,
.wrapper__44b0c [mask="url(#svg-mask-avatar-decoration-status-round-80)"] img { /* this uncrops the avatar decorations after that line above */
	border-radius: inherit !important;
}
.avatar__44b0c:not([src^="https://cdn.discordapp.com/avatar-decoration-presets"]), .wrapper-1VLyxH img, .voiceAvatar_f910d0, .border_f910d0, .clickable__75742:hover .overlay__75742:after, .wrapper_f910d0.ringingIncoming_f910d0:after, .wrapper_f910d0.ringingOutgoing_f910d0:after, .avatar_c19a55, .option-2KkUJO.user-23VtPS .displayAvatar-3XS1w6 {
	border-radius: var(--dplus-radius-avatar) !important; }
.avatar_c19a55.clickable_c19a55:active {translate: none;}
/* In chat avatar decorations*/
.message__5126c .avatarDecoration_c19a55 {
	height: calc(var(--dplus-icon-avatar-chat) + var(--dplus-icon-avatar-chat) / 5);
	width: calc(var(--dplus-icon-avatar-chat) + var(--dplus-icon-avatar-chat) / 5);
	left: calc(var(--dplus-icon-avatar-chat) / -10 + var(--dplus-spacing-ui));
	top: calc(var(--dplus-icon-avatar-chat) / -10 + var(--dplus-spacing-ui));
	margin: 0;
}

.avatar_c19a55:not(.compact_c19a55) {
	position: absolute;
	margin-top: 0;
	top: var(--dplus-spacing-ui) !important;
	left: var(--dplus-spacing-ui) !important;
	height: var(--dplus-icon-avatar-chat) !important;
	width: var(--dplus-icon-avatar-chat) !important;
}
.cozy_c19a55.wrapper_c19a55 {
	padding-left: calc(var(--dplus-icon-avatar-chat) + var(--dplus-spacing-ui) * 2);
}

.avatar__91a9d .wrapper-1VLyxH {
	width: var(--dplus-icon-avatar-list) !important;
	height: var(--dplus-icon-avatar-list) !important;
}

.avatar__91a9d {
	margin-right: var(--dplus-spacing-ui);
}

.layout__91a9d {
	height: calc(var(--dplus-icon-avatar-list) + var(--dplus-spacing-ui));
}
.avatar__07f91 {border-radius: var(--dplus-radius-avatar);}

/*--- 14 Settings ---*/
.layer__960e4, .standardSidebarView__23e6b, .contentRegionScroller__23e6b, .sidebarRegionScroller__23e6b, .visual-refresh .standardSidebarView__23e6b {background-color: transparent!important;}
.customColumn__23e6b, .contentColumn__23e6b {
	max-width: 100%;
}
.sidebarRegion__23e6b {
	max-width: 218px;
	margin-right: var(--dplus-spacing-app);
}
.sidebarRegion__23e6b .sidebar__23e6b {max-width: 218px;}
.headerText_aa8da2 {overflow: hidden;}
.standardSidebarView__23e6b .contentRegion__23e6b {
	max-width: 100%;
}
.standardSidebarView__23e6b .contentRegion__23e6b.default,
.standardSidebarView__23e6b .sidebarRegion__23e6b .sidebar {
	padding-top: 45px;
}
.sidebar__23e6b {
	padding: calc(30px + var(--dplus-spacing-ui)) var(--dplus-spacing-ui) var(--dplus-spacing-ui) calc(var(--dplus-spacing-ui) * 2)
}
.contentColumnDefault__23e6b {
	padding: calc(30px + var(--dplus-spacing-ui)) calc(var(--dplus-spacing-ui) * 2) calc(var(--dplus-spacing-ui) * 2);
}
.horizontal__7c0ba>.flex__7c0ba, .horizontal__7c0ba>.flexChild__7c0ba {
	margin-left: var(--dplus-spacing-ui);
}

.marginBottom8_fd297e {
	margin-bottom: var(--dplus-spacing-ui);
}
.marginBottom40_fd297e {
	margin-bottom: calc(10px + var(--dplus-spacing-ui));
}
.marginTop40_fd297e {
	margin-top: calc(10px + var(--dplus-spacing-ui));
}

.platform-osx [id="user-settings"] {
	left: -5px !important;
	top: -5px !important;
	right: -5px !important;
	bottom: -5px !important;
}

.platform-win [id="user-settings"] {
	left: -5px !important;
	top: -27px !important;
	right: -5px !important;
	bottom: -5px !important;
}

.platform-linux [id="user-settings"] {
	left: -5px !important;
	top: -5px !important;
	right: -5px !important;
	bottom: -5px !important;
}

#app-mount .standardSidebarView__23e6b .contentRegion__23e6b,
#app-mount .standardSidebarView__23e6b .sidebarRegion__23e6b {
	background-color: var(--dplus-bgc-ui-base);
	border-radius: var(--dplus-radius-ui);
}
#app-mount .standardSidebarView__23e6b .contentRegion__23e6b,
#app-mount .standardSidebarView__23e6b .sidebarRegion__23e6b,
.itemDefault-3Jdr52,
.itemHover-EnbcjT,
.ui-tab-bar-item,
#app-mount .side-2ur1Qk .itemDefault-3Jdr52:hover,
#app-mount .side-2ur1Qk .itemHover-EnbcjT:hover,
#app-mount #bd-settings-sidebar .ui-tab-bar-item:hover,
#app-mount .closeButton_c2b141 {
	transition-property: background-color;
	transition-duration: var(--dplus-anim-short);
}
.cardPrimary-3qRT__, .cardPrimaryOutline-1ofwVz {
	background-color: var(--dplus-bgc-button);
	border-radius: var(--dplus-radius-ui);
}

#app-mount .closeButton_c2b141 {
	border-color: var(--dplus-accent-ui);
	border-radius: var(--dplus-radius-ui);
	&:hover {background-color: var(--dplus-bgc-button-hover);}
	& path {fill: var(--dplus-accent-ui)!important;}
	&:hover path {fill: white}
	& + .keybind_c2b141 {color: var(--text-normal)!important;}
}
#app-mount .closeButton_c2b141
.item-2idW98 {
	background-color: var(--dplus-bgc-ui-base);
	transition: var(--dplus-anim-button);
	border-radius: var(--dplus-radius-ui);
	&:hover:not([aria-checked=true]) {
		background-color: var(--dplus-bgc-radiobar-hover);
	}
	&[aria-checked=true] {
		background-color: var(--dplus-bgc-radiobar-selected);
	}
}
.headerText_aa8da2 { overflow-x: clip; }

/* My Account */
.settingsBanner_c3e427 {
	width: 100%;
	height: 240px;
	margin-bottom: -140px;
	z-index: -1;
	border-radius: var(--dplus-radius-ui);
}

.accountProfileCard_a9178b {
	backdrop-filter: opacity(1);
}
.settingsBanner_c3e427::after {
	display: block;
	content: "";
	position: relative;
	width: 100%;
	height: 100%;
	opacity: 0.667;
}
.theme-light .settingsBanner_c3e427::after { background: white; }
.theme-dark .settingsBanner_c3e427::after { background: black; }
.avatar_a9178b {top: 216px;}
/* User Profile */
.user-profile-sidebar {border-radius: 0 0 var(--dplus-radius-ui) var(--dplus-radius-ui); overflow: hidden;}
/* Avatar Preview */

.overlayAvatar__11787 {
	box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.3);
	&::after {
		content: "";
		box-shadow: 0 0 0 9999px rgba(0,0,0,.6);
		border: 5px solid var(--dplus-accent-ui);
		border-radius: var(--dplus-radius-avatar);
		height: 100%; width: 100%;
		position: absolute;
		left: -5px; top: -5px;
		z-index: 1;
		pointer-events: none;
	}}
.root__49fc1:has(.editingContainer__11787>.overlayAvatar__11787) .sliderContainer__11787::after {
	content: var(--dplus-i11n-notice-avatar-crop-preview,--dplus-i11n-missingno);
	color: var(--text-normal);
	position: absolute;
	bottom: 10px;
}
/* Billing */
#app-mount .expandedInfo_e9cb00, #app-mount .codeRedemptionRedirect-3SBiCp {
	background-color: var(--dplus-bg-1) !important;
	border-radius: var(--dplus-radius-ui);
}
.bottomDivider__01014.scrollerBase-_bVAAt{overflow: hidden!important;}
#app-mount .paginator__01014 {background-color: transparent!important;}
#app-mount .bottomDivider__01014 {border-color: var(--dplus-accent-ui);}
/* Voice and Video */
#voice-\&-video-tab { /*Temp fix for the tab endlessly increasing in width */
	max-width: calc(100vw - 274px - var(--dplus-spacing-ui) - var(--dplus-spacing-app)*2);
	box-sizing: border-box;
}
.css-gvi9bl-control, .css-6fzn47-control, .css-17e1tep-control {border-color: var(--dplus-accent-ui)!important;}
.css-3vaxre-menu {
	background-color: var(--dplus-bgc-popout);
	box-shadow: none; border: none;
}
#app-mount .bar-1Bhnl9:not(.sliderBar-2T41Pw) {background-color: var(--dplus-bg-1);}
.bar-1Bhnl9.sliderBar-2T41Pw {opacity: 0.8;}
.css-1ba14n5-option:hover, .css-rzbxvl-option:hover, .barFill-2Bh7CX {
	background-color: var(--dplus-accent-ui);
}
.container_e5cdf3 { /* Fix for Mic Test being long */
	max-width: 560px;
	-webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iOCIgaGVpZ2h0PSIyMCIgZmlsbD0iIzM2MzkzZiI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNCAyYTIgMiAwIDAgMC0yIDJ2MTJhMiAyIDAgMSAwIDQgMFY0YTIgMiAwIDAgMC0yLTJ6Ii8+PC9zdmc+');
	mask: url('data:image/svg+xml;base64,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iOCIgaGVpZ2h0PSIyMCIgZmlsbD0iIzM2MzkzZiI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNCAyYTIgMiAwIDAgMC0yIDJ2MTJhMiAyIDAgMSAwIDQgMFY0YTIgMiAwIDAgMC0yLTJ6Ii8+PC9zdmc+');
}
.progress_e5cdf3 {
	height: 20px !important;
}
#app-mount .userSettingsVoice-1_dzjw .previewOverlay-2reuWf {
	background-color: transparent;
	border-color: var(--background-accent);
}


/* Overlay */
.option_e03935, .wrapper_e03935, .selected_e03935.option_e03935 {border-radius: var(--dplus-radius-ui);}
.option_e03935 {background-color: var(--dplus-bg-1);}
.wrapper_e03935 {border-color: var(--dplus-accent-ui);}
.selected_e03935.option_e03935, .option_e03935:hover {background-color: var(--dplus-accent-ui);}
/* Keybinds */
.removeKeybind-2YVgVG { right: -17px; top: 2px;}
#app-mount .card_b846e5 .button__9a406 {
	background-color: transparent;
	border-radius: var(--dplus-radius-ui);
	box-shadow: none;
}


/* Switches, Checkboxes, Buttons */
button, [type="button"] {
	border-radius: var(--dplus-radius-ui) !important;
}
button,
[type="button"] {
	transition: var(--dplus-anim-button) !important;
}

.container__3f21e svg path, svg.bd-switch-symbol {display:none;}
.container__3f21e.checked__3f21e, .bd-switch-checked .bd-switch-body {background-color: var(--dplus-accent-ui) !important;}


/* Dropdown Menus */
.lookFilled__3f413.select_a16aea {
	background: var(--dplus-bgc-ui-base);
	border-color: transparent;
}

/* Server settings */
.avatarUploaderInner-Oiob_P {border-radius: var(--dplus-radius-avatar);}
.avatarUploader-2yeaMv .avatarUploaderInnerSquare-2UOXj4, .avatarUploaderDisabled-310UAf .avatarUploaderInnerSquare-2UOXj4 {
	background-size: contain;
}
.fieldList_a9178b {
	background-color: transparent;
}
.scroller_ff90b2, #app-mount .headerClickable-2IVFo9, #app-mount .headerDefault-1wrJcN {background: transparent;}
.select_d48ec6 .Select-menu-outer, #app-mount .auditLog-3jNbM6, .input__0ed4f {
	background: var(--dplus-bgc-ui-card) !important;
	border-color: var(--dplus-accent-ui) !important;
	border-radius: var(--dplus-radius-ui) !important;
}
.copyInput_fffc15,
.Select .Select-control,
.Select.is-open .Select-control {
	border-radius: var(--dplus-radius-ui) !important;
}

#app-mount .colorPickerCustom-1swUKF {
	background: transparent;
	border-color: var(--dplus-accent-ui); border-radius: var(--dplus-radius-ui);
}

/* Expressions */
/* Emoji */

/* Audit Log */

/* Accessibility / a11y */
/* Font sizes */
html[style^="font-size: 75%;"] { --chat-font-scaling: 0.75; }
html[style^="font-size: 87.5%;"] { --chat-font-scaling: 0.875; }
html[style^="font-size: 93.75%;"] { --chat-font-scaling: 0.9375; }
.a11y-font-scaled-down .cozy_c19a55.wrapper_c19a55 {
	padding-left: calc(var(--dplus-icon-avatar-chat) * var(--chat-font-scaling) + var(--dplus-spacing-ui) * 2);
}
.a11y-font-scaled-down .cozy_c19a55.wrapper_c19a55 .avatar_c19a55 {
	width: calc(var(--dplus-icon-avatar-chat) * var(--chat-font-scaling)) !important;
	height: calc(var(--dplus-icon-avatar-chat) * var(--chat-font-scaling)) !important;
}

/*--- 15 Client mod specific ---*/

/*-- 15.1 BetterDiscord --*/
/*- 15.1.1 Addon lists -*/
.bd-addon-list.bd-grid-view {
	column-gap: var(--dplus-spacing-ui);
	row-gap: var(--dplus-spacing-ui);
}
.bd-addon-list .bd-addon-card {
	background: var(--dplus-bgc-ui-card);
	border: none; border-radius: var(--dplus-radius-ui) !important;
	max-height: 100%;
	padding: var(--dplus-spacing-ui);
	margin-bottom: var(--dplus-spacing-ui);
}
.bd-addon-list .bd-addon-header,
.bd-description-wrap,
.bd-addon-list .bd-footer {
	padding: var(--dplus-spacing-ui);
}
.bd-addon-list .bd-addon-header {
	background: transparent;
	border-bottom: 1px solid var(--dplus-accent-ui);

}
.bd-search-wrapper, .bd-select .bd-select-option:hover, .bd-select .bd-select-option.selected { background: var(--dplus-bgc-ui-card);}
.bda-slist .bda-header {
	font-size: 14px;
	line-height: 1.25;
	padding-bottom: 5px;
}
.bda-slist .bda-description {
	max-height: 100%;
	overflow-y: hidden;
	padding: 0;
	padding-bottom: 2px;
}
.bda-slist .bda-footer, .bda-slist .bda-header {border: none;}
.bda-name, .bda-author {
	font-size: 16px;
}
.bd-meta a.bd-link.bd-link-website {
	color: var(--dplus-accent-ui);
}
.bda-links {
	font-size: 0;
	& .bda-link {
		font-size: 12px;
	}
	&:not(:first-of-type) {
		margin-left: 10px;
	}
}
.theme-dark .bda-slist .bda-header, .theme-dark .bda-slist .bda-description  { color: white; }

/*- 15.1.1 Toast Notifications -*/
.toast, .bd-toast {
	opacity: 0.7;
	background: var(--dplus-accent-ui)!important;
	border-radius: var(--dplus-radius-ui)!important;
}