/**
 * @name Good Red Theme V1
 * @author Gibbu#1211
 * @version 2.0.0
 * @description Display your picture of choice with adjustable blur and brightness. Dark theme is required
 * @source https://github.com/DiscordStyles/FrostedGlass
 * @invite ZHthyCw
 * @donate https://paypal.me/IanRGibson
 * @website https://gibbu.me
 * @authorId 174868361040232450
*/

@import url('https://fonts.googleapis.com/css2?family=Jim+Nightshade&display=swap');
@import url("https://discordstyles.github.io/FrostedGlass/dist/FrostedGlass.css");
@import url('https://discordstyles.github.io/Addons/windows-titlebar.css');
@import url('https://mwittrien.github.io/BetterDiscordAddons/Themes/ServerColumns/ServerColumns.css');
@import url('https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/ThemeDevBadge.css');
@import url("https://puckzxz.github.io/NotAnotherAnimeTheme/blob/master/css/scsl.css");
@import url("https://discordstyles.github.io/RadialStatus/dist/RadialStatus.css");
@import url('https://mwittrien.github.io/BetterDiscordAddons/Themes/SettingsModal/SettingsModal.css');
@import url('https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/ThemeDevBadge.css');
@import url(https://maendisease.github.io/BetterDiscordStuff/css/diseaseControl.css);
@import url(https://maendisease.github.io/BetterDiscordStuff/css/wellThisIsAwkwardSoTryThis.css);
/*@import url("https://discordstyles.github.io/Addons/windows-titlebar.css");*/


:root {
  --rs-small-spacing: 2px; /* Gap between avatar and status for members list/dms | MUST end in px */
  --rs-medium-spacing: 3px; /* Gap between avatar and status for User popout | MUST end in px */
  --rs-large-spacing: 4px; /* Gap between avatar and status for User profiles | MUST end in px */

  --rs-small-width: 3px; /* Thickness of status border for members list/dms | MUST end in px */
  --rs-medium-width: 3px; /* Thickness of status border for User popout | MUST end in px */
  --rs-large-width: 4px; /* Thickness of status border for User profile | MUST end in px */

  --rs-avatar-shape: 25%; /* 50% for round - 0% for square */

  --rs-online-color:  rgba(0,255,0,1);/*#43b581; /* Colour for online status */
  --rs-idle-color:  rgba(255,130,0,1);/*#faa61a; /* Colour for idle status */
  --rs-dnd-color:  rgba(255,0,0,1);/*#f04747; /* Colour for dnd status */
  --rs-offline-color:  rgba(0, 0, 0,1);/*#636b75; /* Colour for offline status */
  --rs-streaming-color:  rgba(255,0,255,1);/*#643da7; /* Colour for streaming status */
  --rs-invisible-color: rgba(255, 255, 255,1);/*#747f8d; /* Colour for invisible status - Note: this will only show for your own invisibility */
  --rs-phone-color: var(--rs-online-color); /* Colour of the ring and phone icon when a user is on their phone |  */

  --rs-phone-visible: block; /* Visibility of the phone icon next to a users avatar. | block = visible | none = hidden */
}

/*:root {
	--rs-small-spacing: 2px; /* Gap between avatar and status for members list/dms | MUST end in px
	--rs-medium-spacing: 3px; /* Gap between avatar and status for User popout | MUST end in px
	--rs-large-spacing: 4px; /* Gap between avatar and status for User profiles | MUST end in px
	--rs-small-width: 3px; /* Thickness of status border for members list/dms | MUST end in px
	--rs-medium-width: 3px; /* Thickness of status border for User popout | MUST end in px
	--rs-large-width: 4px; /* Thickness of status border for User profile | MUST end in px
	--rs-avatar-shape:     5%; /* 50% for round - 0% for square
	--rs-online-color:  rgba(0,255,0,1); /* Colour for online status
	--rs-idle-color:  rgba(255,130,0,1); /* Colour for idle status
	--rs-dnd-color:  rgba(255,0,0,1); /* Colour for dnd status
	--rs-offline-color:  rgba(0,0,255,1); /* Colour for offline status
	--rs-streaming-color:  rgba(255,0,255,1); /* Colour for streaming status
	--rs-invisible-color: rgba(255, 255, 255, 1); /* Colour for invisible status - Note: this will only show for your own invisibility
	--rs-phone-color: var(--rs-online-color); /* Colour of the ring and phone icon when a user is on their phone | 
	--rs-phone-visible: block; /* Visibility of the phone icon next to a users avatar. | block = visible | none = hidden
}*/


:root {
	--background-image: url('https://i.imgur.com/diAafWD.png');
	--background-image-blur: 0px;
	--background-image-size: contain;
	--background-image-position: center;
	--popout-modal-image: url('https://i.imgur.com/qpfpFZv.png');
	--popout-modal-blur: 0px;
	--popout-modal-size: cover;
	--popout-modal-position: center;
	--home-button-image: url('https://i.imgur.com/IbtN5qY.png');
	--home-button-size: cover;
	--home-button-position: center;
	--serverlist-brightness: 0.75;
	--left-brightness: 0.5;
	--middle-brightness: 0.4;
	--right-brightness: 0.75;
	--popout-modal-brightness: 0.75;
	--gradient-primary: 50, 0, 0;
	--gradient-secondary: 50, 0, 0;
	--link-colour: #780000;
	--scrollbar-colour: rgba(120, 0, 0, 0.6);
	--gradient-direction: 0deg;
	--tint-colour: 120, 0, 0;
	--tint-brightness: 0;
	--window-padding: 0px;
	--window-roundness: 30px;
	/*--show-gift-gif-buttons: block;*/
	--update-notice-1: none;
	--columns: 1;
	--guildgap: 10;
	--aligndms: 0;
	/**
  --rs-small-spacing: 2px;
  --rs-large-spacing: 1px;
  --rs-width: 1.5px;
  --rs-avatar-shape: 21.5%;
  */
	--customFont: ; /** 'Jim Nightshade' */
	--font-size: 20px; /** Size of font in pixels */
	--font-weight: normal; /** Example use bold */
	--font-style: ; /** Example use italic */
	--letter-spacing: ; /** Spacing betweem letters */
	--word-spacing: ; /** Spacing Between Words */
	--text-shadow: 3px 3px 5px #333; /** Drop Shadow 3px=horizontal 3px=virticle 5px=blur #333=hex code */
	--text-decoration: none; /** Example use underline */
	--text-transform: ; /** Example use uppercase or lowercase to transform all text to respective option */
	
	--friends-icon: url('https://i.imgur.com/IbtN5qY.png');
	--friends-icon-position: center center;
	--friends-icon-zoom: 100%;
	--unread-server-animation: rainbow;
	--main-color: #780000;
	--main-transparency: rgba(0, 0, 0, 0.45);
	--hover-list-bg-color: #780000;
	--scroll-bar-color: #780000;
	--selected-text-voice-color: #780000;
	--channel-hover-text-color: #780000;
	--unread-text-color: #780000;
	--user-popup-background: rgba(120, 0, 0, 0.4);
	
	/**
  --rs-small-spacing: 2px;
  --rs-large-spacing: 1px;
  --rs-width: 1.5px;
  --rs-avatar-shape: 24%;
  --rs-online-color: rgba(0,255,0,1);
  --rs-idle-color:  rgba(255,130,0,1);
  --rs-dnd-color:  rgba(255,0,0,1);
  --rs-streaming-color:  rgba(255,0,255,1);
  --rs-offline-color:  rgba(0,0,255,1);
  --rs-invisible-color: rgba(255,255,255,1);
  */
}

:root {
	line-height: 1.0em; /** Height between lines */
	text-indent: ; /** Adds space before text paragraphs */
	text-align: ; /** Aligns text to left, centre, right or justify=text aligns to right and wraps words to next line to create straight edge */
}

/**This changes the color and transparency of the entire left server list panel
#app-mount .guilds-1SWlCJ {
background-color: transparent; /** Add this without square brackets to change color and transparency: [rgba(255,255,255,1);]          */

}

/** This adds or removes the background dimming in the Server List on the left */
#app-mount .guilds-1SWlCJ .scrollerBase-289Jih {
	background-color: rgba(0, 0, 0, var(--serverlist-brightness));
}

/** This chnages the color and transparency of the folder/s backround when the folder/s are expanded */
#app-mount .guilds-1SWlCJ [class*=expandedFolderBackground] {
	background: rgba(255, 0, 0, 0.25); /** Add this without square brackets to change color and transparency: [rgba(255,255,255,1);]     ( original: var(--white); )     */
	border-radius: 24%;
}

/** This chnages the color and transparency of the folder/s backround when the folder/s are NOT expanded */
#app-mount .guilds-1SWlCJ [class*=folder] {
	background: rgba(255, 0, 0, 0); /** Add this without square brackets to change color and transparency: [rgba(255,255,255,1);]      ( original: transparent; )    */
	border-radius: 24%;
}

/** This hides the circular wrapper around yours and everyone elses Avatars in the text and voice channels within all Servers you are part of it also changes the speaking ring/square around whoever is talking. To change the shape add colon : after the comma , in any of the below lines */
#app-mount .wrapper-3t9DeA,
#app-mount .avatar-1BDn8e,
#app-mount .profile-1eT9hT .avatarUploaderInner-3UNxY3,
#app-mount .voiceAvatar-14IynY,
#app-mount .avatar-3tNQiO, /**Shape of avatar in voice channels*/
#app-mount .border-Jn5IOt,
#app-mount .avatar-3bWpYy,
#app-mount .clickableAvatar-1wQpeh,
#app-mount .emptyUser-7txhlW,
#app-mount .avatar-VxgULZ,
#app-mount .wrapper-2QE8vf.ringingIncoming-38YcLn::after,
#app-mount .wrapper-2QE8vf.ringingOutgoing-mbXhhQ::after,
#app-mount .replyAvatar-1K9Wmr,
#app-mount .avatarSpeaking-2c8-9i, /** Shape of speaker ring around avatar in bottom left*/
#app-mount .avatar-3Heyg_,
#app-mount .avatarContainer-2LLZwy,
#app-mount .appAvatar-3bgkQ9 {
	border-radius: 24%; /** [original: var(--avatar-radius);] */
}

/** This hides the circular wrapper around all Servers in or out of the folders in your list/s on the left */
#app-mount .wrapper-25eVIn foreignObject {
	mask: none;
	-webkit-mask: none;
	border-radius: 24%; /** [original: var(--avatar-radius);] */
}

/** This hides the circular wrapper around all server folders in your list on the left */
#app-mount .wrapperSimple-19ogV2,
#app-mount .wrapper-25eVIn foreignObject,
#app-mount .folderIconWrapper-226oVY,
#app-mount .folderIconWrapper-1_bOZe,
: rgba(255,0,0,0.25); /** This changes the color of the closed server folders on the left */
#app-mount .expandedFolderBackground-2sPsd-,
#app-mount .flexChild-faoVW3 .avatarUploaderInner-3UNxY3 {
	border-radius: var(--server-radius);
}

/** This changes the height and width of your Avatar in the bottom left corner */
#app-mount .panels-j1Uci_>.container-3baos1>.avatarWrapper-2yR4wp[aria-expanded=false]>.avatar-SmRMf2 {
	width: 40px !important;
	height: 40px !important;
}

/** This just adds or removes an opacity layer when you hover over your Avatar in the bottom left corner */
#app-mount .panels-j1Uci_>.container-3baos1>.avatarWrapper-2yR4wp[aria-expanded=false]>.avatar-SmRMf2:hover {
	opacity: 1;
}

/** This hides or shows the name above your Avatar in bottom left corner (set to true or false to show or hide) */
#app-mount .panels-j1Uci_>.container-3baos1>.avatarWrapper-2yR4wp[aria-expanded=true]+.nameTag-3uD-yy {
	display: none;
}

/** This hides the circular wrapper around yours and everyone elses Avatars */
#app-mount .wrapper-3t9DeA foreignObject,
#app-mount .callAvatarMask-1SLlRi foreignObject,
#app-mount .avatarContainer-3CQrif foreignObject,
#app-mount .avatarMasked-3y6o4j {
	mask: none;
	-webkit-mask: none;
}

/** This hides the circular wrapper around all mini server icons within the folders in your list on the left */
#app-mount .iconInactive-98JN5i {
	//border-radius: calc(var(--server-radius) - 4px);
	border-radius: 24%; /** [original: var(--avatar-radius);] */
}



/** NEW SHIT HERE */




#app-mount .container-1oAagU {
background-color: rgba(100,0,0,0.2); /** Add this without square brackets to change color and transparency: [rgba(255,255,255,1);] */
}

#app-mount .sidebar-1tnWFu {
background-color: rgba(0,0,0,0.5); /** Add this without square brackets to change color and transparency: [rgba(255,255,255,1);] */
}

/** This changes User List panel on right in servers */
#app-mount .container-2o3qEW {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background: rgba(0, 0, 0, 0.4);
	height: 100%;
}

/** This changes Server Icons in & out of folders */
#app-mount .wrapper-25eVIn {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	width: 48px;
	height: 48px;
	cursor: pointer;
	border-radius: 24%; /** [original: var(--avatar-radius);] */
}

/** Settings Modal */
:root {
	--settingsmodalbackground: rgba(255, 0, 0, 0.4) !important;/*(ORIGINAL)transparent;*/
	--settingsmodalwidth: 960px;
	--settingsmodalheight: 70vh;
}

#app-mount .baseLayer-W6S8cY {
	opacity: 1 !important;
	transform: unset !important;
	will-change: unset !important;
}
#app-mount .stop-animations * {
	transition-property: inherit !important;
	animation: inherit !important;
}
#app-mount .layer-86YKbF.stop-animations:first-child::after {
	content: "" !important;
	position: fixed !important;
	background: rgba(60, 0, 0, 0.8) !important;/*(ORIGINAL)rgb(0, 0, 0) !important;*/
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	opacity: 0.85 !important;
	z-index: 999 !important;
	pointer-events: none !important;
}

#app-mount .layer-86YKbF ~ .layer-86YKbF {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	background: rgba(100, 0, 0, 0.8) !important;/*(ORIGINAL)var(--settingsmodalbackground) !important;*/
	border-radius: 50px !important;
	box-shadow: var(--elevation-high) !important;
	width: var(--settingsmodalwidth) !important;
	height: var(--settingsmodalheight) !important;
	margin: auto !important;
	padding: 0 !important;
	overflow: hidden !important;
	contain: unset !important;
	z-index: 1000 !important;
}
#app-mount .layer-86YKbF ~ .layer-86YKbF > div,
#app-mount .layer-86YKbF ~ .layer-86YKbF .standardSidebarView-E9Pc3j {
	position: static !important;
	border-radius: unset !important;
	width: 100% !important;
	height: 100% !important;
	margin: unset !important;
	padding: unset !important;
	overflow: hidden !important;
}
#app-mount .layer-86YKbF ~ .layer-86YKbF .sidebar-nqHbhN {
	width: 218px !important;
	padding: 20px 6px 20px 20px !important;
}
#app-mount .layer-86YKbF ~ .layer-86YKbF .contentColumnDefault-3eyv5o {
	padding: 20px 40px !important;
}
#app-mount .layer-86YKbF ~ .layer-86YKbF .sidebar-3K3Z4C {
	height: var(--settingsmodalheight) !important;
}
#app-mount .layer-86YKbF ~ .layer-86YKbF .repoHeader-2KfNvH {
	max-width: calc(var(--settingsmodalwidth) - 256px) !important;;
}
#app-mount .layer-86YKbF ~ .layer-86YKbF .standardSidebarView-E9Pc3j .editor {
	height: calc(var(--settingsmodalheight) - 120px) !important;
}
#app-mount .layer-86YKbF ~ .layer-86YKbF .toolsContainer-25FL6V,
#app-mount .layer-86YKbF ~ .layer-86YKbF .toolsContainer-25FL6V .tools-kIrEGr,
#app-mount .layer-86YKbF ~ .layer-86YKbF .toolsContainer-25FL6V .container-O54IuJ,
#app-mount .layer-86YKbF ~ .layer-86YKbF .toolsContainer-25FL6V .closeButton-PCZcma {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	width: 100% !important;
	max-width: unset !important;
	height: 100% !important;
	max-height: unset !important;
	margin: 0 !important;
	padding: 0 !important;
	opacity: 0 !important;
	cursor: default !important;
}
#app-mount .layer-86YKbF ~ .layer-86YKbF .toolsContainer-25FL6V {
	position: fixed !important;
	top: 22px !important;
	z-index: -1 !important;
}
#app-mount .layer-86YKbF ~ .layer-86YKbF .settingsToolbar-wu4yfQ {
	display: none !important;
}
#app-mount .layer-86YKbF ~ .layer-86YKbF .header-2Kx1US {
	max-width: calc(var(--settingsmodalwidth) - 730px) !important;
}

#app-mount .root-2zfUH6 {
	position: fixed !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	background: rgba(255, 0, 0, 0) !important;/*(ORIGINAL)var(--settingsmodalbackground) !important;*/
	border-radius: 5px !important;
	box-shadow: var(--elevation-high) !important;
	width: var(--settingsmodalwidth) !important;
	height: var(--settingsmodalheight) !important;
	margin: auto !important;
	padding: 0 !important;
	overflow: hidden !important;
	contain: unset !important;
	z-index: 1000 !important;
}
#app-mount .root-2zfUH6.enterDone-menWZ8 {
	transform: unset !important;
}
#app-mount .perksModal-CLcR1c {
	position: static !important;
	border-radius: unset !important;
	width: 100% !important;
	height: 100% !important;
	margin: unset !important;
	padding: unset !important;
}
#app-mount .perksModal-CLcR1c::before {
	width: var(--settingsmodalwidth) !important;
	height: var(--settingsmodalheight) !important;
	margin: auto !important;
}
#app-mount .perksModalContentWrapper-3RHugb {
	padding: 10px 0 10px !important;
}
#app-mount .root-2zfUH6 .perksModal-CLcR1c .carousel-3dvee9 {
	margin-left: calc(-0.5 * (100vw - var(--settingsmodalwidth))) !important;
}
#app-mount .root-2zfUH6 .closeWrapper-1aVqeP,
#app-mount .root-2zfUH6 .closeWrapper-1aVqeP .closeContent-1uXQiy,
#app-mount .root-2zfUH6 .closeWrapper-1aVqeP .container-O54IuJ,
#app-mount .root-2zfUH6 .closeWrapper-1aVqeP .closeButton-PCZcma {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	background: rgba(255, 0, 0, 0) !important;/*(ORIGINAL)transparent !important;*/
	border: none !important;
	border-radius: 0 !important;
	width: 100% !important;
	max-width: unset !important;
	height: 100% !important;
	max-height: unset !important;
	margin: 0 !important;
	padding: 0 !important;
	opacity: 0 !important;
	cursor: default !important;
}
#app-mount .root-2zfUH6 .closeWrapper-1aVqeP {
	position: fixed !important;
	top: 22px !important;
	z-index: -1 !important;
}

/* ========== RemoveNitroGiftButton.css by MaXfAa ========== */
button[aria-label="Send a gift"] {
	display: none;
}


#app-mount .menu-1QACrS {
	background-color: rgba(255, 0, 0, var(--serverlist-brightness));
}

#app-mount .animatorLeft-3yvG13 {
	background-color: rgba(255, 0, 0, var(--serverlist-brightness));
}


#app-mount .chatContent-3KubbW {
	background-color: rgba(50, 50, 50, 0.5);
}


/** This changes the width height etc of the servers channels list */
#app-mount .sidebar-1tnWFu {
    height: 100%;
    width: 350px;
}

/** This changes the width height etc of the members list */
#app-mount .container-2o3qEW {
    height: 100%;
	width: 400px;
}

/** This changes the width height etc of the members list */
#app-mount .members-3WRCEx, .members-3WRCEx>div {
	height: 100%;
	width: 400px;
}

/** This changes the width height etc of the members list */
#app-mount .layout-1qmrhw {
	height: 100%;
	width: 500px;
}



/**WELL THIS IS AWKWARD SO TRY THIS PLUGIN*/


#app-mount>.errorPage-2pZ2Kq::before,
#app-mount>.errorPage-2pZ2Kq::after {
    position: absolute;
    padding: 8px;
    margin: 16px;
    font-size: 14px;
    line-height: 18px;
    border-radius: 5px;
    font-weight: 500;
    word-break: break-word;
    white-space: pre-wrap;
    z-index: 1002;
}

.platform-osx #app-mount>.errorPage-2pZ2Kq::before {
    margin-top: 35px;
}



/*
button[aria-label="Open GIF picker"] {
	display: none;
}




#app-mount .expression-picker-chat-input-button .button-f2h6uQ .contents-3ca1mk .buttonWrapper-3YFQGJ .icon-1d5zch  {
	position: fixed !important;
	top: 1022px !important;
	right: 0px !important;
	bottom: 0px !important;
	left: 1795px !important;
}



#app-mount .navButton-1XuvI- .contents-3ca1mk {
	position: fixed !important;
	top: 1022px !important;
	right: 0px !important;
	bottom: 0px !important;
	left: 1795px !important;
}
*/

#app-mount .wrapper-1_HaEi {
    background-color: rgba(0, 0, 0, 0.4); 
}


/**Forum Header*/
#app-mount .title-31SJ6t, .forumOrHome-2VTX6r, .container-ZMc96U, .themed-Hp1KC_ {
    background-color: rgba(0, 0, 0, 0.4); 
}